:root {
 --color-fon-main: #EDEDED;
 --color-main-dark: #34495E;
 --color-dark: #2A2A2A;
 --color-white: #ffff;
 --color-light: #D2C6BF;
 --color-accent: #FF2020;
 --font-family: 'Inter', sans-serif;
 --font-header: 'Mariupol', 'Inter', sans-serif;
}

/*Заливка фона*/
.gc-account-leftbar,
.gc-account-leftbar .gc-account-user-menu, .gc-account-leftbar.expanded,
.gc-account-leftbar .toggle-link {
  background: var(--color-light);
}

.gc-account-leftbar .gc-account-user-menu li a {
  background: transparent!important; 
  border-radius: 10px;
  width: 65px!important; 
  height: 65px!important; 
  -webkit-transition: .2s ease-in-out;
  -o-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
}
.gc-account-leftbar .gc-account-user-menu li:not(.menu-item-profile) {
    border-radius: 10px;
    outline: 2px solid var(--color-white);
    margin: 7px 3.5px;
    width: 63px!important;
    height: 63px!important; 
}
/*.gc-account-leftbar .gc-account-user-menu .menu-item:not(.menu-item-profile) .menu-item-icon {
    max-height: 48px!important;
}*/
.custom-menu .gc-account-leftbar .menu-item:not(.menu-item-profile) a img {
    max-height: 48px!important;
    top: -8px;
    position: relative;
    -webkit-filter: brightness(0) saturate(100%) invert(24%) sepia(43%) saturate(416%) hue-rotate(169deg) brightness(97%) contrast(91%);
            filter: brightness(0) saturate(100%) invert(24%) sepia(43%) saturate(416%) hue-rotate(169deg) brightness(97%) contrast(91%);
}

/*Стилизация профиля*/
.gc-account-leftbar .gc-account-user-menu li.menu-item-profile {
  margin: 15px 5px;
  border-bottom:none;
  width: 60px!important;
  height: 60px!important;
  background: var(--color-white);
  border-radius: 50%!important;
}
.gc-account-leftbar .gc-account-user-menu li.menu-item-profile a {
  border-radius: 50%!important;
  border: 1px solid var(--color-white)!important;
  width: 60px!important;
  height: 60px!important;
}
.gc-account-leftbar li:first-child a img {
  border-radius: 50%;
}

/*Стили при наведении на пункты меню*/
.gc-account-leftbar .gc-account-user-menu li a:hover, .gc-account-leftbar .gc-account-user-menu li.selected a,
.gc-account-leftbar .gc-account-user-menu li.active a
{
  background: var(--color-white)!important;
}

/*Подключаем свою иконку Оповещения*/
.gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small a img {
  display: block!important;
  margin:0 auto;
  top: 0!important;
}

/*Подписи*/
.gc-account-leftbar .menu-item-label {
  font-family: var(--font-family)!important;  
  font-size: 8px!important; 
  font-weight: 600;
  line-height: normal;
  color: var(--color-main-dark)!important;
  margin-top: -12px!important;
  margin-bottom: 3px!important;
}

/*Уведомления*/
.gc-account-leftbar .notify-count {
  font-family: var(--font-family)!important; 
  font-size: 10px;
  color: var(--color-white)!important;
   background: var(--color-main-dark)!important;
  padding: 3px;
  width: 22px;
  right: 10px!important;
  top: 25px!important;
  bottom: auto!important;
}
.gc-account-user-submenu-bar .gc-account-user-submenu .notify-count {
  right: 15px!important;
  top: auto!important;
  bottom: auto!important;
  background: var(--color-main-dark)!important;
  color: var(--color-white)!important;
}
.gc-account-user-menu li.menu-item-notifications_button_small .notify-count {
  top: 30px!important;
}

/*Подменю*/
.gc-account-leftbar .gc-account-user-submenu-bar {
 background: var(--color-fon-main)!important;
}  
.gc-account-leftbar .gc-account-user-submenu-bar:before {
  content: url(https://fs.getcourse.ru/fileservice/file/download/a/553653/sc/284/h/b6c15ceb470b66b39bc1c8f05a4b6f83.svg);
  position: absolute;
  right: 50%;
  -webkit-transform: translateX(50%);
      -ms-transform: translateX(50%);
          transform: translateX(50%);
  bottom: 30px;
  width: 120px;
}
.gc-account-user-submenu-bar h3 {
  font-family: var(--font-header)!important; 
  font-style: normal;
  font-weight: 500;
  font-size: 28px;
  line-height: normal;
  color: var(--color-main-dark)!important;
}
.gc-account-user-submenu-bar .gc-account-user-submenu li a {
  font-family: var(--font-family)!important; 
  font-style: normal;
  text-transform: none;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: var(--color-main-dark)!important;
  -webkit-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
}
.gc-account-user-submenu-bar .gc-account-user-submenu li a:hover {
    background: var(--color-light);
    font-weight: 500;
    color: var(--color-white)!important;
    z-index: 1;
    text-decoration: none;
}

/*Меню-бургер*/
.gc-account-leftbar>a.toggle-link.without-icon>img {  
content:url('https://fs.getcourse.ru/fileservice/file/download/a/553653/sc/359/h/f5f1ec6842bdfe8535fd2b993fbf6d08.svg');
}