@import url('https://fonts.googleapis.com/css2?family=Geologica:wght@100;200;300;400;500;600;700;800;900&display=swap');

@font-face {
  font-family: 'Cygre';
  src: url('/fileservice/file/download/h/df8321824e3e5d3342cc5ff18a98cb44.ttf/a/605923/sc/199') format('truetype'),
    url('/fileservice/file/download/h/900e16cdff295b3064ab9ea82e85ff7f.woff/a/605923/sc/302') format('woff');
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: 'Cygre';
  src: url('/fileservice/file/download/h/e15778c8d0bbb3bdb8d94a7b2bf1845d.ttf/a/605923/sc/340') format('truetype'),
    url('/fileservice/file/download/h/106755e1a5b1a6cafaadb0f4def15474.woff/a/605923/sc/318') format('woff');
  font-style: normal;
  font-weight: 500;
}

@font-face {
  font-family: 'Cygre';
  src: url('/fileservice/file/download/h/e4dfb6ce4406d75657b0d4611e8b6eed.ttf/a/605923/sc/296') format('truetype'),
    url('/fileservice/file/download/h/74fefa91928d99659c74709a6bf125b6.woff/a/605923/sc/129') format('woff');
  font-style: normal;
  font-weight: 600;
}

:root {
  --primary: #fd9830;
  --secondary: #fd5030;
  --tertiary: #12d7bb;
  --grey: #ebebeb;
  --white: #ffffff;
  --dark: #3a3a3a;
  --background: #121212;
  --radius: 15px;
  --padding: 3px 5px;
  --font: 'Cygre', sans-serif;
  --font-2: 'Geologica', sans-serif;
}

.logo-link {
  display: none;
}

/* Шрифты */
html .gc-account-leftbar {
  font-family: var(--font) !Important;
  font-weight: 400;
}

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

/*Основные элементы*/
html .gc-account-leftbar {
  background: #FFF;
  border-radius: 0 20px 20px 0;
  box-shadow: 0px 0px 54px 0px rgba(143, 152, 167, 0.20);
}

.gc-account-leftbar .gc-account-user-menu {
    position: relative;
    height: 100%;
    border-radius: 0 20px 20px 0;
    box-shadow: 0px 0px 54px 0px rgba(143, 152, 167, 0.20);
    z-index: 10000;
}

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

html .gc-account-leftbar .gc-account-user-menu li a {
  background-color: #F4F5F8;
  /* фон иконки */
  position: relative;
  border-radius: 10px;
  height: 60px;
  /* высота иконки */
}

html .gc-account-leftbar .gc-account-user-menu li.selected a,
html .gc-account-leftbar .gc-account-user-menu li.active a {
  background-color: #FBEDE6;
}

html .gc-account-leftbar .gc-account-user-menu li a:hover,
html .gc-account-leftbar .gc-account-user-menu li.active a:hover {
  background-color: #FBEDE6;
  /* фон иконки при наведении и нажатии*/
}

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

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

/* Ссылки на картинки */
/* Профиль */
 html .menu-item-profile a::before {
  background-image: url('https://fs.getcourse.ru/fileservice/file/download/a/241797/sc/186/h/b4f036735ad0f8fc0bb8a82b2536b492.svg');
}

html .menu-item-notifications_button_small a::before {
  background-image: url('https://fs.getcourse.ru/fileservice/file/download/a/605923/sc/144/h/e465174a7dafcc105a7e43b611556b89.svg');
  /* уведомления */
  width: 25px;
  height: 25px;
}

html .menu-item-cms a::before {
  background-image: url('https://fs.getcourse.ru/fileservice/file/download/a/605923/sc/145/h/38656bac4b09dc995f8b70a3e2d33051.svg');
  /* сайт */
}

html .menu-item-teach a::before {
  background-image: url('https://fs.getcourse.ru/fileservice/file/download/a/605923/sc/103/h/1ab6b601e76772ad7b5e8e1417e57537.svg');
  /* обучение */
}

html .menu-item-user a::before,
html .menu-item-chatium .sub-icon::before {
  background-image: url('https://fs.getcourse.ru/fileservice/file/download/a/605923/sc/153/h/44c1040dd149dc59cdf12e35c59d9838.svg');
  /* пользователи */
}

html .menu-item-tasks a::before {
  background-image: url('https://fs.getcourse.ru/fileservice/file/download/a/605923/sc/254/h/2e29a346c5ff982e5ca3ca571662f9ec.svg');
  /* задачи */
  width: 34px;
}

html .menu-item-notifications a::before {
  background-image: url('https://fs.getcourse.ru/fileservice/file/download/a/605923/sc/11/h/f6caaea9db1fe28f1edeabed72d01682.svg');
  /* сообщения */
}

html .menu-item-sales a::before {
  background-image: url('https://fs.getcourse.ru/fileservice/file/download/a/605923/sc/239/h/644c0f060bd4f292624beb9ddefe6153.svg');
  /* продажи */
}

html .menu-item-chatium a::before {
  background-image: url('https://fs.getcourse.ru/fileservice/file/download/a/605923/sc/312/h/ba6610ead7a0f70fa8ac025da9630c0e.svg');
  /* чатиум */
}

/* Активные иконки */

html .menu-item-profile.active a::before,
html .menu-item-profile.selected a::before {
  background-image: url('https://fs.getcourse.ru/fileservice/file/download/a/241797/sc/422/h/b7950b285495930090f42db6a2173926.svg');
}

html .menu-item-notifications_button_small.active a::before,
html .menu-item-notifications_button_small.selected a::before {
  background-image: url('https://fs.getcourse.ru/fileservice/file/download/a/605923/sc/204/h/700b10a8e6dc9ff37a8596cc29335ae9.svg');
  /* уведомления */
  width: 25px;
  height: 25px;
}

html .menu-item-cms.active a::before,
html .menu-item-cms.selected a::before {
  background-image: url('https://fs.getcourse.ru/fileservice/file/download/a/605923/sc/149/h/2b089f8d9f6259a12d054be6e5bb2119.svg');
  /* сайт */
}

html .menu-item-teach.active a::before,
html .menu-item-teach.selected a::before {
  background-image: url('https://fs.getcourse.ru/fileservice/file/download/a/605923/sc/230/h/cc4b069b20598c0f8d4a4b1d53cad354.svg');
  /* обучение */
}

html .menu-item-user.active a::before,
html .menu-item-chatium .sub-icon::before,
html .menu-item-user.selected a::before {
  background-image: url('https://fs.getcourse.ru/fileservice/file/download/a/605923/sc/5/h/25005b988c786bcf21028a665508ec16.svg');
  /* пользователи */
}

html .menu-item-tasks.active a::before,
html .menu-item-tasks.selected a::before {
  background-image: url('https://fs.getcourse.ru/fileservice/file/download/a/605923/sc/173/h/0da7e2303177a80a4b049fdb1d71b16f.svg');
  /* задачи */
  width: 34px;
}

html .menu-item-notifications.active a::before,
html .menu-item-notifications.selected a::before {
  background-image: url('https://fs.getcourse.ru/fileservice/file/download/a/605923/sc/127/h/e640b0bf6313a440e12651cc772f7ae3.svg');
  /* сообщения */
}

html .menu-item-sales.active a::before,
html .menu-item-sales.selected a::before {
  background-image: url('https://fs.getcourse.ru/fileservice/file/download/a/605923/sc/384/h/236d38e5a9d33d5f75ebabaeaf8ad504.svg');
  /* продажи */
}

html .menu-item-chatium.active a::before,
html .menu-item-chatium.selected a::before {
  background-image: url('https://fs.getcourse.ru/fileservice/file/download/a/605923/sc/334/h/aa12561c405eb28fcfe35ac8da5d659f.svg');
  /* чатиум */
}

/* 1 Профиль */
html .gc-account-user-menu li.menu-item.menu-item-profile {
  background: none;
  /* фон профиля (когда без фото) */
  border: 0;
  padding: 11px 5px 3px;
}

html .gc-account-user-menu li.menu-item.menu-item-profile:hover,
html .gc-account-user-menu li.menu-item.menu-item-profile a:hover {
  background: none;
  /* фон профиля (без фото) при наведении */
}

html .gc-account-leftbar .gc-account-user-menu li.menu-item-profile a {
  padding: 0 10px;
}

html .gc-account-leftbar .gc-account-user-submenu-bar div.user-balance {
  color: var(--white);
  /* Цвет текста про монеты */
}

/* 2 Уведомления small */
html .gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small {
  padding: var(--padding);
}

html .gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small a {
  transition: all 0.3s;
  background-color: #F4F5F8;
  /* фон иконки */
  position: relative;
  border-radius: 10px;
  height: 60px;
  /* высота маленькой иконки уведомлений */
}

html .gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small a:hover {
  background-color: #FBEDE6;
}

html .gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small.selected a {
  background-color: #FBEDE6;
  /* цвет уведомлении при наведении и выделении */
}

/* 2A Окно уведомлений (непрочитанные) */
html .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .notification-group {
  border-top-color: #000;
  /* цвет границы между уведомлениями */
  background-color: var(--white);
  /* цвет фона непрочитанных */
  color: #323A3E;
  /* цвет текста непрочитанных */
  transition: all 0.3s;
}

html .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .notification-group:hover {
  background-color: var(--grey);
  /* фон непрочитанных при наведении */
  color: #323A3E;
  /* текст непрочитанных при наведении */
}

html .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .notification-group.notification-status-viewed {
  background-color: transparent;
  /* фон прочитанных уведомлений */
  color: #323A3E;
  /* текст прочитанных уведомлений*/
}

html .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .notification-group.notification-status-viewed:hover {
  background-color: var(--grey);
  /* фон наведения на прочитанные */
  color: #323A3E;
  /* цвет при наведении на прочитанное*/
}

html .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .all-notifications-footer-link {
  border-bottom-color: var(--grey);
  /* цвет границы под кнопкой Все уведомления */
}

html .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .all-notifications-footer-link,
html .gc-account-leftbar .mark-viewed-all {
  color: #FF4D00;
  /* цвет текста на кнопке Все уведомления */
  transition: all 0.3s;
}

html .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .all-notifications-header-link,
html .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .all-notifications-footer-link:hover,
html .gc-account-leftbar .mark-viewed-all:hover {
  color: #323A3E;
  /* цвет ссылки Уведомления(С) наверху, цвет при наведении на другие текстовые ссылки */
  transition: all 0.3s;
}

html .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .all-notifications-header-link:hover {
  color: #323A3E;
  /* Цвет при наведении на ссылку Уведомления(С) наверху */
}

html .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .notification-group .user-image {
  overflow: hidden;
  border-radius: var(--radius);
  /* закругляем углы */
  background-color: rgb(0 0 0 / 5%);
  /* прозрачная подложка для аватаров пользователей */
}

/* 3 Счётчики уведомлений */
html .gc-account-leftbar .notify-count {
  bottom: inherit;
  width: 20px;
  top: 10px;
  background-color: #FF4D00;
  /* фон всех счётчиков */
  padding: 4px 0;
}

html .gc-account-leftbar .gc-account-user-menu li.menu-item-notifications .notify-count {
  background-color: #FF4D00;
  /* фон счётчика в Сообщениях */
}

.gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small .notify-count {
    bottom: inherit;
    right: 10px;
    top: 10px;
}

html .gc-account-leftbar .gc-account-user-menu li.selected .notify-count,
html .gc-account-leftbar .gc-account-user-menu li.selected span.sub-icon,
html .gc-account-leftbar .gc-account-user-menu li.active .notify-count {
  background-color: #FF4D00;
  color: #fff;
  /* фон активных-нажатых счётчиков */
}

/* Вылезающее подменю */
html .gc-account-leftbar .gc-account-user-submenu-bar {
  background: #fff;
  border-radius: 0 20px 20px 0;
  width: 218px;
  left: 52px;
  /* фон подменю */
}

html .gc-account-user-submenu-bar .gc-account-user-submenu li a {
  transition: all 0.3s;
  color: rgba(101, 110, 135, 0.70);
  text-transform: inherit;
  font-family: var(--font-2) !important;
  font-weight: 250;
  color: #7F7F7F;
  padding-left: 30px;
  /* цвет ссылки подменю */
}

html .gc-account-user-submenu-bar .gc-account-user-submenu li a:hover {
  background-color: transparent;
  /* фон ссылки подменю при наведении */
  color: #7F7F7F;
  /* цвет ссылки подменю при наведении */
}

html .gc-account-user-submenu-bar h3 {
  color: #7F7F7F;
  padding-left: 30px
  /* Цвет заголовка подменю */
}

/* 4 Маленькие иконки (чатиум и тд) */
html .gc-account-leftbar span.sub-icon {
  background-color: transparent;
  /* Фон иконки чатиума */
  width: 30px;
  height: 30px;
  border-radius: 50%;
}

html .menu-item.menu-item-profile a img:not([src="/public/img/default_profile_50.png"]) {
  display: block;
  position: relative;
  z-index: 0;
  border-radius: 50%;
}

html .sub-icon::before {
  width: 16px;
  height: 16px;
}

html .sub-icon .fa,
html .sub-icon img {
  display: none;
}

/* Адаптивность */
@media (max-width: 768px) {

  html .gc-account-leftbar .toggle-link,
  html .gc-account-leftbar.expanded .toggle-link {
    background-color: #FFF;
    /* фон скукоженного меню на мобильном */
  }

  html .gc-account-leftbar .gc-account-user-menu {
    background: #FFF;
    /* фон раскрытого меню на мобильном */
  }

  html .gc-account-leftbar .gc-account-user-menu li {
    border-bottom: 0;
  }

  html .gc-page-nav-items-menu {
    left: 70px;
  }
    
  html .gc-page-nav-items-menu a {
    background: #fff;
    color: rgba(101, 110, 135, 0.70);
  }
}

.talks-widget-button {
    border: 1px solid rgba(255, 255, 255, 0.80);
    background: rgba(0, 0, 0, 0.05);
    backdrop-filter: blur(17px);
    -webkit-backdrop-filter: blur(17px);
}

.talks-widget-button .conversations-counter {
    background: #FF4D00;
}

.talks-widget-button .comments-icon::before {
    content: "" !important;
    display: block;
    width: 32px;
    height: 24px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='34' height='26' viewBox='0 0 34 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M28.694 11.8931C28.5958 11.8619 28.4893 11.871 28.3978 11.9183C28.3063 11.9657 28.2374 12.0474 28.2062 12.1456C28.1749 12.2438 28.184 12.3503 28.2314 12.4418C28.2787 12.5333 28.3604 12.6022 28.4586 12.6334C31.4943 13.6005 32.8482 15.043 32.8482 17.3128C32.8482 19.3316 31.0065 20.8984 29.9096 21.6535C29.8577 21.6891 29.8152 21.7369 29.7858 21.7926C29.7565 21.8484 29.7411 21.9105 29.7411 21.9735V24.9431C28.8084 24.5894 27.9752 24.015 27.3129 23.2692C27.2679 23.2192 27.2109 23.1815 27.1472 23.1599C27.0836 23.1383 27.0154 23.1334 26.9493 23.1457C26.7279 23.1884 26.5019 23.249 26.2727 23.3103C25.8766 23.4168 25.468 23.5271 25.0804 23.5271C23.0856 23.5271 21.6889 23.0983 20.2612 22.0488C20.1782 21.9878 20.0743 21.9622 19.9724 21.9777C19.8705 21.9932 19.7789 22.0485 19.7178 22.1316C19.6567 22.2146 19.6311 22.3185 19.6467 22.4204C19.6622 22.5223 19.7175 22.6138 19.8006 22.6749C21.3751 23.8323 22.9046 24.3038 25.0804 24.3038C25.5705 24.3038 26.0304 24.1803 26.4747 24.0607C26.613 24.0226 26.7505 23.9854 26.8864 23.9535C28.3382 25.4869 29.9803 25.8357 30.0518 25.8496C30.1082 25.8614 30.1665 25.8603 30.2225 25.8464C30.2784 25.8326 30.3305 25.8063 30.3749 25.7696C30.4196 25.7333 30.4557 25.6875 30.4804 25.6355C30.5051 25.5835 30.5179 25.5266 30.5179 25.469V22.1762C32.5235 20.7462 33.625 19.0248 33.625 17.3128C33.625 14.6865 32.0582 12.9643 28.694 11.8931Z' fill='white' stroke='white' stroke-width='0.2'/%3e%3cpath d='M26.6339 11.4866C26.6339 5.50847 21.1825 1 13.9545 1C6.68996 1 1 5.60712 1 11.4882C1 15.014 3.49426 17.5401 5.66072 19.0688V24.2236C5.66112 24.2883 5.67761 24.3519 5.70871 24.4086C5.73982 24.4653 5.78455 24.5134 5.83887 24.5486C5.8932 24.5837 5.95542 24.6048 6.01992 24.6099C6.08442 24.615 6.14917 24.6039 6.20835 24.5778C6.32176 24.5273 8.97293 23.3225 11.2411 20.8422C12.2238 21.0248 13.3354 21.2003 14.3436 21.2003C21.6944 21.2003 26.6339 17.2962 26.6339 11.4866ZM14.3429 20.4235C13.3253 20.4235 12.1686 20.2286 11.1712 20.0382C11.1051 20.0261 11.037 20.0311 10.9734 20.0527C10.9098 20.0743 10.8527 20.1119 10.8077 20.1618C9.21529 21.9577 7.34401 23.0988 6.4375 23.5905V18.8661C6.43748 18.8031 6.42212 18.741 6.39275 18.6852C6.36338 18.6295 6.32089 18.5817 6.26894 18.546C4.21978 17.1362 1.77679 14.7685 1.77679 11.4882C1.77679 6.04212 7.12573 1.77679 13.9545 1.77679C20.7405 1.77679 25.8571 5.95123 25.8571 11.4866C25.8571 16.8325 21.2298 20.4235 14.3429 20.4235Z' fill='white' stroke='white' stroke-width='0.2'/%3e%3cpath d='M13.817 9.93311C12.9602 9.93311 12.2634 10.6299 12.2634 11.4867C12.2634 12.3435 12.9602 13.0402 13.817 13.0402C14.6738 13.0402 15.3705 12.3435 15.3705 11.4867C15.3705 10.6299 14.6738 9.93311 13.817 9.93311ZM13.817 12.2635C13.6169 12.2545 13.4281 12.1688 13.2897 12.0241C13.1514 11.8794 13.0741 11.6869 13.0741 11.4867C13.0741 11.2865 13.1514 11.094 13.2897 10.9493C13.4281 10.8046 13.6169 10.7188 13.817 10.7099C14.017 10.7188 14.2058 10.8046 14.3442 10.9493C14.4825 11.094 14.5598 11.2865 14.5598 11.4867C14.5598 11.6869 14.4825 11.8794 14.3442 12.0241C14.2058 12.1688 14.017 12.2545 13.817 12.2635ZM19.2545 9.93311C18.3977 9.93311 17.7009 10.6299 17.7009 11.4867C17.7009 12.3435 18.3977 13.0402 19.2545 13.0402C20.1113 13.0402 20.808 12.3435 20.808 11.4867C20.808 10.6299 20.1113 9.93311 19.2545 9.93311ZM19.2545 12.2635C19.0545 12.2545 18.8656 12.1688 18.7272 12.0241C18.5889 11.8794 18.5116 11.6869 18.5116 11.4867C18.5116 11.2865 18.5889 11.094 18.7272 10.9493C18.8656 10.8046 19.0545 10.7188 19.2545 10.7099C19.4545 10.7188 19.6433 10.8046 19.7817 10.9493C19.92 11.094 19.9973 11.2865 19.9973 11.4867C19.9973 11.6869 19.92 11.8794 19.7817 12.0241C19.6433 12.1688 19.4545 12.2545 19.2545 12.2635ZM8.37945 10.0069C7.52266 10.0069 6.82588 10.7037 6.82588 11.5605C6.82588 12.4173 7.52266 13.114 8.37945 13.114C9.23625 13.114 9.93303 12.4173 9.93303 11.5605C9.93303 10.7037 9.23625 10.0069 8.37945 10.0069ZM8.37945 12.3373C8.17945 12.3283 7.9906 12.2426 7.85223 12.0979C7.71386 11.9532 7.63664 11.7607 7.63664 11.5605C7.63664 11.3603 7.71386 11.1678 7.85223 11.0231C7.9906 10.8784 8.17945 10.7926 8.37945 10.7837C8.57946 10.7926 8.76831 10.8784 8.90668 11.0231C9.04505 11.1678 9.12227 11.3603 9.12227 11.5605C9.12227 11.7607 9.04505 11.9532 8.90668 12.0979C8.76831 12.2426 8.57946 12.3283 8.37945 12.3373Z' fill='white' stroke='white' stroke-width='0.2'/%3e%3c/svg%3e ");
    background-size: cover;
    background-repeat: no-repeat;
}

html .gc-account-leftbar .gc-account-user-menu li.selected span.sub-icon {
    background: transparent;
}