@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');
body, .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, .f-header, .f-text, .block-set, input, button, select, textarea, .comments-tree { 
   font-family: "Manrope", sans-serif!important; 
}

:root {
  --bg:#252525;
    --color:#fff;
}
 
/*****Скрываем лишние элементы*****/
.gc-account-user-submenu-bar:not(.gc-account-user-submenu-bar-notifications_button_small), 
.gc-fade-wrapper,
.menu-item-chatium {
  display:none!important;
}

.menu-item:not(.menu-item-profile) > a img {
    display:none;
}

/*****Основное меню*****/
.new-chatium-icon .menu-item-icon {
  display:block!important;
  width: 23px;
   
  position:absolute;
  left:22px;
  top:19px;
}

.gc-account-leftbar {
  background:var(--bg)!important;
  transition:all .3s;
}

.gc-account-leftbar:hover {
  width:250px;
   
}

.gc-account-leftbar li {
  width:inherit!important;
    
}

.gc-account-leftbar li.disclosed > a {
  background:#1E1E1E!important;
   
}

.gc-account-leftbar li.disclosed:not(.menu-item-notifications_button_small) .arrow {
  position:absolute;
  right:10px;
  top:59px;
  height:15px;
  width:0px;
  z-index:13;
  border:10px solid;
  border-color:#1E1E1E #1E1E1E transparent transparent;
  transform:rotate(135deg);
}

.gc-account-leftbar li > a {
  background:transparent!important;
  transition:all .3s;
}

.gc-account-leftbar:hover li > a:after {
  content:attr(title);
  position:absolute;
  color:var(--color);
  top:30px;
  left:75px;
}

.gc-account-leftbar:hover li.menu-item-notifications_button_small > a:after {
  content:'Уведомления';
  position:absolute;
  top:12px;
  left:75px;
}

.gc-account-leftbar:hover li a {
  width:250px;
}

/*****Счетчик уведомлений*****/
.menu-item-notifications_button_small .notify-count {
  background:#D71437!important;
  position:absolute;
  bottom:0;
  left:20px!important;
}

.gc-account-leftbar .notify-count {
  background:#D71437!important;
  position:absolute;
  bottom:10px;
  color:#ffffff;
  left:30px;
}

.disclosed .notify-count {
  background:var(--bg)!important;
}

/*****Вставляем свои иконки*****/
li.menu-item:not(.menu-item-profile) > a::before {
    content: '';
}

li.menu-item:not(.menu-item-profile) > a::before {
    width: 20px;
    height: 25px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center!important;
    display: block!important;
    transition: all 0.3s;
    margin-left: 15px
   }

li.menu-item-notifications_button_small a:before {
  height: 20px!important;
}

.menu-item-profile a img {
  border-radius:50%;
  margin:5px;
  width:45px;
    border:1px solid #ffffff
}

.gc-account-leftbar .menu-item-profile a img {
  position:absolute;
  top:2px;
  left:7px;
}

.menu-item-notifications_button_small > a::before {
    background-image: url('https://fs.getcourse.ru/fileservice/file/download/a/765454/sc/258/h/86d93d941335cb7d27dd2c893cfdc07f.svg');
}

.menu-item.menu-item-cms > a::before {
    background-image: url('https://fs.getcourse.ru/fileservice/file/download/a/765454/sc/92/h/c7bc674c68a31c13e7161e5085d0e380.svg');
}
.menu-item.menu-item-teach > a::before {
    background-image: url('https://fs.getcourse.ru/fileservice/file/download/a/765454/sc/206/h/30aa254698946fcb5e9bf0f2f787e1d0.svg');
}
.menu-item.menu-item-user > a::before {
    background-image: url('https://fs.getcourse.ru/fileservice/file/download/a/765454/sc/332/h/c526c7444af8b20dbb4cbc88c1817cbf.svg');
}
.menu-item.menu-item-tasks > a::before {
    background-image: url('https://fs.getcourse.ru/fileservice/file/download/a/765454/sc/186/h/27bf2c70b069651aceaee309464c07d4.svg');
}
.menu-item.menu-item-notifications > a::before {
    background-image: url('https://fs.getcourse.ru/fileservice/file/download/a/765454/sc/75/h/109da0e2e132440be7adc67422236e07.svg');
}
.menu-item.menu-item-sales > a::before {
    background-image: url('https://fs.getcourse.ru/fileservice/file/download/a/765454/sc/479/h/06488f9b8241930f5f556b94033e06d4.svg');
}
.menu-item.menu-item-chatium > a::before {
    background-image: url('');
}

/*****Подменю*****/
.gc-account-user-submenu-bar-notifications_button_small {
  transition:all .3s;
}

.gc-account-leftbar:hover .gc-account-user-submenu-bar-notifications_button_small {
  transform:translatex(180px);
}

.submenu {
  display:flex;
  flex-wrap:wrap;
}

.submenu-item {
  position:relative;
  background:var(--bg)!important;
}

.submenu a p {
  text-align:left;
  z-index:12;
  color:var(--color);
  transform:translate(10px, 30px);
}


.menu-item-profile .submenu a p {
  transform:translate(20px, 30px);
}
.submenu a:hover p {
color:#E8FCBF;
}
.gc-account-leftbar:hover .submenu-item {
  width:250px!important;
}

/*****Адаптация*****/
@media(max-width:769px) {
  .gc-account-user-menu {
    width:100%!important;
  }
  
  .gc-account-leftbar:not(.expanded):hover {
  width:100%;
  }
  
  .toggle-link, .toggler-item, .gc-account-user-menu {
    background:var(--bg)!important;
  }
}

.menu-item-marathon > a {
    Display:none!important;
}