@font-face {      
    font-family: 'MazzardM-Bold';
    src: url('/fileservice/file/download/h/250172d45c5525397dc52524a0798116.woff/a/252767/sc/367') format('woff');
}

@font-face {      
    font-family: 'MazzardM-Medium';
    src: url('/fileservice/file/download/h/1388713d0cc5c4d9453060fe5ded7037.woff/a/252767/sc/98') format('woff');
}

@font-face {      
    font-family: 'MazzardM-SemiBold';
    src: url('/fileservice/file/download/h/9c9cfca43705302dfea1c9a5b17850ef.woff/a/252767/sc/287') format('woff');
}

:root {
    --font-bold: "MazzardM-Bold", sans-serif;
    --font-semiBold: "MazzardM-SemiBold", sans-serif;
    --font-medium: "MazzardM-Medium", sans-serif;
    --accent-color:#F480B8;
    --color-white:#fff;
    --beige-color:#FFF8F0;
    --beige-border-color:#EFE7D6;
    --light-font-color:#fff;
    --dark-font-color:#2E2E2E;
    --dark-font-color-2:#552D1B;    
    --grey-text-color:#949AA8;
    --beige-text-color:#C0AE99;
    --b-radius:32px;
    --line-height-text:100%;
    --line-height-header:100%;
    --radius-lb: 15px;
    --padding-lb: 3px 5px;
    
}


html .gc-account-leftbar h1, html .gc-account-leftbar h2, html .gc-account-leftbar h3 {
font-family: var(--font-medium);
font-weight: 500;
}

/* Основные элементы */
html .gc-account-leftbar {
transition: all 0.3s;
background: var(--color-white); 
    border: 1px solid var(--beige-border-color);
}

html .gc-account-leftbar .gc-account-user-menu li {
transition: all 0.3s;
padding: var(--padding-lb);
margin-bottom: 0;
}

html .gc-account-leftbar .gc-account-user-menu li a {
transition: all 0.3s;
background: transparent;
position: relative;
border-radius: var(--radius-lb);
height: 54px; 
width:54px;
margin-inline:auto;
    display: block;
}

html .gc-account-leftbar .gc-account-user-menu li.selected a,
html .gc-account-leftbar .gc-account-user-menu li a:hover {
background: #F0F2F4; 
}

html .gc-account-leftbar .gc-account-user-menu li.active a {
background: var(--accent-color); 
}

html .menu-item a img {
display: none; /* скрываем исходные иконки */
}

html .menu-item a::before,
html .sub-icon::before {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-size: contain;
background-repeat: no-repeat;
display: block;
width: 45px; /* задаём размеры для собственных иконок */
height: 45px;
}

html li.menu-item.active a::before {
filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7496%) hue-rotate(143deg) brightness(102%) contrast(101%);
}


/* Ссылки на картинки */
html .menu-item-profile a::before {
background-image: url('/fileservice/file/download/a/252767/sc/392/h/4ea1da5f34ef50aee479d0acd4947e8f.png'); /* профиль */
}
html .menu-item-notifications_button_small a::before {
background-image: url('fileservice'); /* уведомления */
width: 32px;
height: 24px;
}
html .menu-item-search a::before {
background-image: url('/fileservice/file/download/a/252767/sc/94/h/27cc99a14606c628e24ddd6a3014058e.png'); /* поиск */
    filter: brightness(0) saturate(100%) invert(66%) sepia(8%) saturate(459%) hue-rotate(184deg) brightness(93%) contrast(84%);
    width: 27px;
    height: 27px;
}
html .menu-item-cms a::before {
background-image: url('/fileservice/file/download/a/252767/sc/190/h/3b3a8ae7f8b8143e2016ed3e8e2521b8.png'); /* сайт */
}
html .menu-item-teach a::before {
background-image: url('/fileservice/file/download/a/252767/sc/118/h/a9f477828165ec54d836c553566fa3cb.png'); /* обучение */
}
html .menu-item-user a::before,
html .menu-item-chatium .sub-icon::before {
background-image: url('/fileservice/file/download/a/252767/sc/191/h/fbf6c07ef17405971302ebe642af54a6.png'); /* пользователи */
}
html .menu-item-tasks a::before {
background-image: url('/fileservice/file/download/a/252767/sc/294/h/155e61ea5f7f6b6968181daa0ef5bce2.png'); /* задачи */
}
html .menu-item-notifications a::before {
background-image: url('/fileservice/file/download/a/252767/sc/341/h/b41fdbdf918f9943cebdd80f42db4403.png'); /* сообщения */
}
html .menu-item-sales a::before {
background-image: url('/fileservice/file/download/a/252767/sc/275/h/126370fa304ddcc0ad972a8bd0eee951.png'); /* продажи */
}
html .menu-item-chatium a::before {
background-image: url('/fileservice/file/download/a/252767/sc/310/h/5f177479e89d3d45db9fa02c8bf2fb8a.png'); /* чатиум */
}

.gc-account-leftbar .notify-count,
.gc-account-leftbar .gc-account-user-menu li.menu-item-notifications .notify-count {
    background: var(--accent-color)!important;
    color: var(--light-font-color);
    bottom: 0;
    right: 0;
}

html .gc-account-leftbar .gc-account-user-menu li.active .notify-count {
    background: #F4EAE0!important;
    color: var(--beige-text-color);
}

.gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small .notify-count {
    bottom: 50%;
    right: 50%;
    transform: translate(50%, 50%);
}

.gc-account-leftbar .gc-account-user-submenu-bar {
    background: var(--color-white);
    border: 1px solid var(--beige-border-color);
    left: 68px;
}

.gc-fade-wrapper .gc-fade {
   left: 265px;
}

.gc-account-user-submenu-bar h3 {
    color:var(--dark-font-color);
}

.gc-account-user-submenu-bar .gc-account-user-submenu li a {
        color:var(--dark-font-color);
    font-family:var(--font-medium);
    font-weight: 500;
    font-size: 1em;
}

.gc-account-user-submenu-bar .gc-account-user-submenu li a:hover {
    background:var(--accent-color);
    color: var(--light-font-color);
}

.menu-item-delimiter a {
    color:var(--dark-font-color)!important;
}

.gc-account-user-submenu-bar .gc-account-user-submenu .notify-count {
    right: 20px;
}

@media (max-width: 768px) {
        .gc-account-leftbar.expanded {
            border:none!important;
    }
    
    .gc-account-leftbar .gc-account-user-menu,
        .gc-account-leftbar .toggle-link {
        background:#fff;
    }
    
    .gc-account-leftbar .toggle-link {    
    border-top: 1px solid var(--beige-border-color);
    }
    
        .gc-fade-wrapper .gc-fade {
        left: 0px!important;
    }
    
    .gc-account-leftbar .toggle-link img {    
    filter: brightness(0) saturate(100%) invert(66%) sepia(8%) saturate(459%) hue-rotate(184deg) brightness(93%) contrast(84%);
    }
}