:root {
    --leftbar-width: 105px; /* ширина меню */
    --leftbar-offset: 15px;
    --leftbar-submenu-width: 220px; /* ширина внутреннего меню */
    --bg-color: transparent; /* фон меню */
    --icon-height: 90px;  /* высота иконки */
    --icon-bg-color: #FFF;  /* фон иконки в обычном состоянии */
    --icon-bg-hover-color: #FFF;   /* фон иконки при наведении */
    --icon-bg-active-color: #FFF;  /* фон активной иконки */
    --icon-title-color: #000;  /* цвет подписей иконок */
    --icon-title-color: #000;  /* цвет подписей иконок при наведении */
    --icon-title-color: #000;  /* цвет подписей иконок в активном состоянии */
    --submenu-bg-color: #FFF;   /* фон внутреннего меню */
    --submenu-title-color: #000;  /* цвет заголовка внутреннего меню */
    --submenu-link-color: #7B7676;  /* цвет ссылки внутреннего меню */
    --submenu-link-hover-color: #FFF;  /* цвет ссылки внутреннего меню при наведении*/
    --submenu-link-bg-hover-color: #B83C64;  /* фон ссылки внутреннего меню при наведении */
    --counter-bg-color: #B83C64;  /* цвет счетчика */
    --notifications-title: 'Уведомления';  /* подпись иконки "Уведомления" */
	--second-family: "Benzin", sans-serif;
}

.logo.gc-account-logo,
.standard-logo {
    display: none;
}

.gc-account-user-submenu-bar .gc-account-user-submenu li[class*="menu-item-gus"] a {
    color: var(--counter-bg-color);
}

#gcAccountUserMenu {
    display: none;
}

.gc-account-leftbar .gc-account-user-menu {
    display: flex;
    flex-direction: column;
    height: 100vh;
    box-shadow: 2px 0 20px 0 rgba(0, 0, 0, 0.05);
}

.gc-account-leftbar .gc-account-user-menu .menu-item:not(.menu-item-profile:not(.default)) .menu-item-icon{
    display: none;
}

.gc-account-leftbar .gc-account-user-menu li {
    border-bottom: 1px solid #f3f3f3;
    transition: .3s;
}

.gc-account-leftbar .gc-account-user-menu li a {
    overflow: hidden;
}
.gc-account-leftbar .gc-account-user-menu li.menu-item-profile a {
    padding: 10px 0;
    height: auto;
}

.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: calc(var(--leftbar-width) + var(--leftbar-offset) * 2);
}

.with-left-menu .gc-into-main-content {
    left: calc(var(--leftbar-width) + var(--leftbar-offset) * 2);
}

.gc-account-leftbar {
    width: auto;  
    height: auto;
    background: var(--bg-color);
    font-family: var(--second-family);
}

.gc-account-leftbar .gc-account-user-submenu-bar div.user-balance {
    margin: 18px;
}

.gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small {
    width: 400px;
}

.menu-item-profile .menu-item-icon {
    width: 43px;
    height: 43px;
    border-radius: 50%;
}

.gc-account-leftbar .menu-item-label {
    display: none;
}

.gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small a {
    height: var(--leftbar-width);
}

.gc-account-leftbar .gc-account-user-menu li a {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 3px;
    background: var(--icon-bg-color);
    width: var(--leftbar-width);
    height: var(--icon-height);
    padding: 10px 0;
}

.gc-account-leftbar .menu-item a::after {
    content: attr(title);
    color: var(--icon-title-color);
    font-size: 10px;
    font-weight: normal;
}

.gc-account-leftbar .menu-item.menu-item-notifications_button_small a::after{
    content: var(--notifications-title);
}

.gc-account-leftbar .menu-item.menu-item-chatium a::after {
    content: 'Приложение';
}

.gc-account-leftbar .gc-account-user-menu li a:hover {
    background-color: var(--icon-bg-hover-color);
}

.gc-account-leftbar .gc-account-user-menu li.active a,
.gc-account-leftbar .gc-account-user-menu li.selected a {
    background-color: var(--icon-bg-active-color);
} 

.gc-account-leftbar .gc-account-user-submenu-bar li.menu-item-help a, 
.gc-account-leftbar .gc-account-user-submenu-bar li.menu-item-delimiter a {
    border-top: none;
}

.gc-account-leftbar .gc-account-user-submenu-bar {
	z-index: 1;
    margin: var(--leftbar-offset) 0;
    padding: 20px;
    left: var(--leftbar-width);
    height: fit-content;
    background: var(--submenu-bg-color);
    box-shadow: 4px 4px 25px 0 rgba(0, 0, 0, 0.08);
    overflow: hidden;
}

.gc-account-leftbar .gc-account-user-submenu-bar:not(.gc-account-user-submenu-bar-notifications_button_small){	
    width: var(--leftbar-submenu-width);
}

.gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .header + div {
    max-height: 700px;
    overflow-y: scroll;
}

.gc-account-user-submenu-bar h3 {
    color: var(--submenu-title-color);
    margin: 0 0 15px 10px;
    padding: 0;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    font-family: var(--second-family);
}

.gc-account-user-submenu-bar .gc-account-user-submenu li a {
    padding: 10px;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    text-transform: none;
    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 .menu-item .notify-count {
    bottom: auto;
    top: 13px;
    right: 17px;
}
.gc-account-leftbar .menu-item .notify-count, 
.gc-account-user-submenu-bar .gc-account-user-submenu li .notify-count {
    background-color: var(--counter-bg-color) !important;
    width: 22px;
    min-width: auto;
    padding: 5px;
    border-radius: 50%;
    font-size: 9px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}
.gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small .notify-count {
    bottom: auto;
    right: 17px;
}

.gc-fade-wrapper .gc-fade {
    left: 0;
}

.talks-widget-button {
    background: var(--counter-bg-color);
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.0006 8.74798C7.0006 8.51591 7.09279 8.29335 7.25689 8.12926C7.42098 7.96516 7.64354 7.87298 7.8756 7.87298H13.1256C13.3577 7.87298 13.5802 7.96516 13.7443 8.12926C13.9084 8.29335 14.0006 8.51591 14.0006 8.74798C14.0006 8.98004 13.9084 9.2026 13.7443 9.36669C13.5802 9.53079 13.3577 9.62298 13.1256 9.62298H7.8756C7.64354 9.62298 7.42098 9.53079 7.25689 9.36669C7.09279 9.2026 7.0006 8.98004 7.0006 8.74798ZM7.8756 11.373C7.64354 11.373 7.42098 11.4652 7.25689 11.6293C7.09279 11.7934 7.0006 12.0159 7.0006 12.248C7.0006 12.48 7.09279 12.7026 7.25689 12.8667C7.42098 13.0308 7.64354 13.123 7.8756 13.123H11.3756C11.6077 13.123 11.8302 13.0308 11.9943 12.8667C12.1584 12.7026 12.2506 12.48 12.2506 12.248C12.2506 12.0159 12.1584 11.7934 11.9943 11.6293C11.8302 11.4652 11.6077 11.373 11.3756 11.373H7.8756ZM0.000604215 10.498C0.00105074 8.18631 0.764348 5.9394 2.17209 4.1058C3.57983 2.2722 5.55332 0.954417 7.78643 0.356866C10.0195 -0.240684 12.3874 -0.0845968 14.5228 0.800915C16.6581 1.68643 18.4415 3.25186 19.5964 5.25438C20.7513 7.2569 21.213 9.58457 20.91 11.8763C20.607 14.168 19.5562 16.2957 17.9206 17.9293C16.285 19.5628 14.156 20.611 11.8639 20.9111C9.57176 21.2113 7.24468 20.7466 5.2436 19.5892L1.1521 20.9542C1.00094 21.0047 0.838869 21.0129 0.683374 20.978C0.527879 20.9431 0.384868 20.8664 0.269776 20.7562C0.154684 20.646 0.0718808 20.5064 0.0303037 20.3525C-0.0112735 20.1987 -0.0100458 20.0364 0.0338543 19.8832L1.27985 15.524C0.43989 13.982 5.67348e-05 12.2539 0.000604215 10.498ZM10.5006 1.74798C8.95567 1.74788 7.43825 2.15683 6.1026 2.93326C4.76695 3.70969 3.66068 4.82592 2.89624 6.16848C2.13181 7.51103 1.73647 9.03205 1.75041 10.5769C1.76435 12.1218 2.18707 13.6354 2.9756 14.964C3.03627 15.0666 3.07533 15.1805 3.09038 15.2988C3.10542 15.4171 3.09614 15.5372 3.0631 15.6517L2.17235 18.7667L5.07385 17.8007C5.19708 17.7596 5.32792 17.7464 5.45686 17.7622C5.58581 17.7779 5.70964 17.8222 5.81935 17.8917C6.96608 18.6174 8.26588 19.0665 9.61603 19.2034C10.9662 19.3402 12.3297 19.1612 13.5987 18.6804C14.8677 18.1996 16.0075 17.4302 16.928 16.433C17.8485 15.4358 18.5244 14.2382 18.9024 12.9349C19.2803 11.6315 19.3499 10.2581 19.1057 8.92315C18.8614 7.58824 18.31 6.32844 17.4951 5.24333C16.6801 4.15822 15.6239 3.27753 14.41 2.6709C13.1961 2.06426 11.8577 1.74829 10.5006 1.74798Z' fill='white' /%3E%3C/svg%3E");
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
    box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.15);
}

.talks-widget-button:hover {
    background: #D56D8E;
}

.talks-widget-button .fa-comments::before {
    content: "";
}

@media (max-width: 768px) {
    :root {
        --leftbar-offset: 10px;
    }
    .gc-account-leftbar .gc-account-user-menu {
        margin-bottom: 0;
    }
    .gc-account-leftbar.expanded {
        height: auto;
        top: 0;
        bottom: auto;
    }

    .gc-main-content.with-left-menu {
        margin-left: 0;
    }

    .gc-account-leftbar .gc-account-user-menu {
        width: var(--leftbar-width);
    }

    .gc-account-leftbar .toggle-link {
        background: #fff;
    }

    .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);
    }
}

@media (max-height: 850px) {
    .gc-account-leftbar .gc-account-user-menu li a,
    .gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small a {
        height: 70px;
    }
    .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .header + div {
        max-height: 600px;
    }
}

@media (max-height: 750px) {
    :root {
        --leftbar-offset: 8px;
    }
    .gc-account-leftbar .gc-account-user-menu li a,
    .gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small a {
        height: 60px;
    }
    .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .header + div {
        max-height: 500px;
    }
    .gc-account-leftbar .menu-item .notify-count {
        top: 8px;
    }
}

@media (max-height: 650px) {
    :root {
        --leftbar-offset: 8px;
    }
    .gc-account-leftbar .gc-account-user-menu li a,
    .gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small a {
        height: 50px;
    }
    .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .header + div {
        max-height: 420px;
    }
    .gc-account-leftbar .menu-item .notify-count {
        top: 5px;
    }

    .gc-account-user-submenu-bar .gc-account-user-submenu li a {
        margin-bottom: 0px;
    }
}