:root {
    --leftbar-width: 81px;
    --leftbar-submenu-width: 220px; 
    --bg-color: linear-gradient(180deg, #484E58 60%, #000000 100%);
    --icon-height: 57px;
    --icon-svg-width: 38px;
    --icon-bg-color: transparent;
    --icon-bg-hover-color: linear-gradient(243.33deg, #D9864C 0%, #CA534C 100%); 
    --icon-bg-active-color: linear-gradient(243.33deg, #D9864C 0%, #CA534C 100%); 
    --submenu-bg-color: #fff; 
    --submenu-title-color: #7f8c9a; 
    --submenu-link-color: #50575e;
    --submenu-link-hover-color: #fff; 
    --submenu-link-bg-hover-color: #50575e; 
    --counter-bg-color: #d2322dc9; 
}
.gc-account-leftbar .gc-account-user-menu .menu-item:not(.menu-item-profile):not(.menu-item-notifications_button_small) .menu-item-icon{
    display: none;
}
.gc-account-leftbar .gc-account-user-menu li {
    border-bottom: none;
}
.gc-account-leftbar .gc-account-user-menu li a,
.gc-account-leftbar .gc-account-user-menu li a path,
.gc-account-user-submenu-bar .gc-account-user-submenu li a,
.gc-account-leftbar .gc-account-user-menu li svg > * {
    transition: .3s;
}
.gc-main-content.with-left-menu {
    margin-left: var(--leftbar-width);
}
.with-left-menu .gc-into-main-content {
    left: var(--leftbar-width);
}
.gc-account-leftbar {
    width: var(--leftbar-width);
    background: var(--bg-color);
}
.menu-item-profile .menu-item-icon {
    height: 34px;
    width: 34px;
    border-radius: 50%;
    border: 2px solid white;
}
.custom-menu-icon {
    width: var(--icon-svg-width);
    height: var(--icon-svg-width);
}
.custom-menu-icon svg {
    width: 100%;
    height: 100%;
}
.gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small a {
    height: 40px;
}
.gc-account-leftbar .gc-account-user-menu li a {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background: var(--icon-bg-color);
    width: var(--leftbar-width);
    height: var(--icon-height);
    padding: 10px 0;
    position: relative;
    overflow: hidden;
}
.gc-account-leftbar .gc-account-user-menu li a:hover {
    background: none;
}
.gc-account-leftbar .gc-account-user-menu li.active a,
.gc-account-leftbar .gc-account-user-menu li.selected a {
    background: none;
} 
.gc-account-leftbar .gc-account-user-menu li a:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--icon-bg-active-color);
    opacity: 0;
    transition: .3s;
}
.gc-account-leftbar .gc-account-user-menu li a:hover:after,
.gc-account-leftbar .gc-account-user-menu li.active a:after,
.gc-account-leftbar .gc-account-user-menu li.selected a:after {	
    opacity: 1;
}
.gc-account-leftbar .gc-account-user-menu li a > * {
    z-index: 1;
}
.gc-account-leftbar .gc-account-user-menu li.menu-item-profile a {    
    width: 46px;
    margin: 0 auto;
    padding: 0;
    padding-top: 7px;
    background: #C9504B;
    border-radius: 0 0 24px 24px;
}
.gc-account-leftbar .gc-account-user-submenu-bar {
    background: var(--submenu-bg-color);
}
.gc-account-leftbar .gc-account-user-submenu-bar {
    left: var(--leftbar-width);
}
.gc-account-leftbar .gc-account-user-submenu-bar:not(.gc-account-user-submenu-bar-notifications_button_small){	
    width: var(--leftbar-submenu-width);
}
.gc-account-user-submenu-bar h3 {
    color: var(--submenu-title-color);
}
.gc-account-user-submenu-bar .gc-account-user-submenu li a {
    color: var(--submenu-link-color);
}
.gc-account-user-submenu-bar .gc-account-user-submenu li a:hover {
    background: var(--submenu-link-bg-hover-color);
    color: var(--submenu-link-hover-color);
    text-decoration: none;
}
.gc-account-leftbar .notify-count {
    background-color: var(--counter-bg-color);
    width: auto;
    min-width: 22px;
    bottom: auto !important;
    right: 13px !important;
    top: 10px !important;
}
.gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small .notify-count {
    position: static;
    min-width: 30px;
}
.gc-fade-wrapper .gc-fade {
    left: 0;
}
.gc-main-content.wide > .top-notification-wrapper .top-notification {
    margin-left: var(--leftbar-width);
}
@media (max-width: 768px) {
    .gc-account-leftbar .gc-account-user-menu {
        width: var(--leftbar-width);
    }
    .gc-account-leftbar .toggle-link {
        background: var(--bg-color);
    }
    .gc-page-nav-items-menu a {
        background: var(--bg-color);        
        color: var(--icon-title-color);
    }
    .gc-account-leftbar .gc-account-user-menu {
        background: var(--bg-color);
    }
    .gc-main-content.with-left-menu {
        margin-left: 0;
    }
}
@media (max-height: 650px) {
    :root {
        --leftbar-width: 60px;
        --icon-height: 45px;
        --icon-svg-width: 30px;
    }
    .gc-account-leftbar .gc-account-user-menu li.menu-item-profile a {
        padding-top: 0;
    }
    .gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small a {
        height: 30px;
    }
    .gc-account-leftbar .notify-count {
        min-width: 20px;
        right: 5px !important;
        top: 5px !important;
    }
}