@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans+Condensed:wght@700&display=swap');
  
@font-face {
    font-family: 'SF Pro Display';
    src: url('https://fs.getcourse.ru/fileservice/file/download/a/371496/sc/147/h/fb0f72b106e59d841f2f8830f334f23c.otf') format('opentype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('https://fs.getcourse.ru/fileservice/file/download/a/371496/sc/273/h/e81d069c62bac4edcf231013f0d07cc8.otf') format('opentype');
    font-weight: normal; /* Regular */
    font-style: normal;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('https://fs.getcourse.ru/fileservice/file/download/a/371496/sc/25/h/e7ebee5f76a187decc7a9a2ee5a0f2dd.otf') format('opentype');
    font-weight: 300; /* Light */
    font-style: normal;
}

.gc-account-leftbar {
  background: none !important;
}

.menu-item-label {
  display: none !important;
}

/* Переменные для различных страниц */
:root {
/* Модули, карточки и прочее */
  --banner-bg: linear-gradient(82.2deg, #A9C5FF -20.38%, #5F6BDD 174.36%); /* Фон баннера */
  --color-headers: #323974; /* Цвет заголовков */
  --cards-bg: #F6F6F6; /* Фон карточек тренингов и уроков */
  --cards-hover-bg: linear-gradient(82.2deg, #A9C5FF -20.38%, #4851FF 156.33%); /* Фон карточек при наведении */
  --accent-color: #4851FF; /* Акцентный цвет карточек: прогресс, фон картинки */
  --cards-image-bg: radial-gradient(97.03% 97.03% at 100% 100%, #4851FF 0%, rgba(246, 246, 246, 0) 62.29%); /* Цвет фона картинок на карточках */
  --cards-image-hover-bg: no-repeat url("/fileservice/file/thumbnail/h/9f9000386e2d854eb30385de335f682d.png/s/250x250/a/371496") center / cover; /* Цвет фона картинок на карточках при наведении */
  --accent-hover-color: #FFFFFF; /* Акцентный цвет карточек при наведении */
  --cards-icon-color: #4851FF; /* Цвет галочки на карточках */
  --cards-icon-hover-color: #FFFFFF; /* Цвет галочки на карточках при наведении */
  --cards-counter: #EBEBEB; /* Цифры счётчика карточек, "transparent", чтобы скрыть */
  --cards-text-color: #2F2F2F; /* Цвет текста карточек */
  --cards-hover-text-color: #FFFFFF; /* Цвет текста карточек при наведении */
  --light-bg: #F4F5FD; /* Фон списка тренингов/уроков */

/* Кнопки */
  --btn-link-bg: #F3F4FC; /* Фон кнопок */
  --btn-link-hover-bg: linear-gradient(82.2deg, #A9C5FF -20.38%, #5F6BDD 174.36%); /* Фон кнопок при наведении */
  --btn-link-text-color: #323974; /* Цвет текста кнопок */
  --btn-link-hover-text-color: #FFFFFF; /* Цвет текста кнопок при наведении */
  --btn-link-icon-color: #323974; /* Цвет иконки */
  --btn-link-icon-hover-color: #FFFFFF; /* Цвет иконки при наведении */

/* Прогресс-бар */
/* Градиент цвета заполнения автоматически формируется из 2-х цветов: "progress-first-stop" и "progress-last-stop", поэтому в этих переменных можно использовать только целые значения цвета (hex, rgb, hsl, keywords) */
  --progress-first-stop: #8387E9; /* Первая часть градиента заполнения колеса прогресса */
  --progress-last-stop: #A9C5FF; /* Вторая часть градиента заполнения колеса прогресса */
  --progress-bg: #F4F5FD; /* Фон колеса прогресса и иконки "не пройдено" */

/* Уроки */
  --lessons-text-color: #232323; /* Цвет текста карточек уроков */
  --lessons-hover-text-color: #FFFFFF; /* Цвет текста карточек уроков при наведении */

/* Урок */
  --lesson-page-first-accent-color: #A9C5FF; /* Первый акцентный цвет страница урока, нужен для градиентов */
  --lesson-page-second-accent-color: #5F6BDD; /* Второй акцентный цвет страница урока */
  --lesson-page-header-color: #FFFFFF; /* Цвет текста заголовков страницы урока */
  --lesson-page-text-bg: #EFEFEF /* Цвет текстов страницы урока */;
  --lesson-page-mission-text-color: #FFFFFF; /* Цвет текста задания на странице уркоа */
  --lesson-page-answer-status-bg: #101010; /* Фон плашки "Статус задания" */
  --lesson-page-answer-status-color: #FFFFFF; /* Цвет текста плашки "Статус задания" */
  --lesson-page-comments-bg: #F3F3F3; /* Фон комментариев на странице урока */
  --lesson-page-comments-text: #252956; /* Цвет текста комментариев на странице урока */
  --right-panel-lesson-info-border: #a8c5ff; /* Граница блока "Содержание урока" на правой панели */
  --lesson-right-panel-button-bg: #f3f4fc; /* Фон кнопок на правой панели */
  --lesson-right-panel-button-hover-bg: #242526; /* Фон кнопок на правой панели при наведении */
  --lesson-right-panel-button-color: #2b2f35; /* Цвет текста кнопок на правой панели */
  --lesson-right-panel-button-hover-color: #ffffff; /* Цвет текста кнопок на правой панели при наведении */
  --lesson-right-panel-button-icon-color: #323974; /* Цвет стрелочки на кнопках правой панели */
  --lesson-right-panel-button-icon-hover-color: #ffffff; /* Цвет стрелочки на кнопках правой панели при наведении */

/* Чат */
  --conversations-page-btns-bg: #202020; /* Фон кнопок на странице чата */
  --conversations-page-conversations-bg: linear-gradient(82.2deg, #A9C5FF -20.38%, #4851FF 156.33%); /* Фон плашек диалогов на странице чата */
  --conversations-page-conversations-color: #FFFFFF; /* Цвет текста плашек диалогов на странице чата */
  --conversations-page-dialogue-own-bg: #9BB9F8; /* Фон своих сообщений */
  --conversations-page-dialogue-own-color: #FFFFFF; /* Цвет текста своих сообщений */
  --conversations-page-dialogue-bg: #F6F6F6; /* Фон чужих сообщений */
  --conversations-page-dialogue-color: #232323; /* Цвет текста своих сообщений */
  --conversations-page-textarea-bg: #F3F3F3; /* Фон поля ввода на странице чата */

/* Мой профиль */
  --profile-page-btns-bg: #5A79C9; /* Различные кнопки на странице "Мой прифль" */
  --profile-page-menu-active-border: #9DBCFD; /* Обводка активного пункта "Основное" */
  --profile-page-menu-link-color: #202020; /* Цвет текста кнопок-ссылок */
  --profile-page-light-color: #9F9F9F; /* Цвет текста страницы "Мой профиль" */
  --profile-page-input-border: #9DBCFD; /* Обводки полей ввода */
  --profile-page-input-elements-bg: #272727; /* Фон элементов около поля "День рождения" */
}

/* Переменные для меню */
/* Цвета и текст иконок. Если текст не нужен, вместо него оставьте пробел или сотрите текст с кавычками вообще */
:root {
    --button_small--icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='20' viewBox='0 0 18 20' fill='none'%3E%3Cpath d='M12 15H6V16C6 17.6569 7.34315 19 9 19C10.6569 19 12 17.6569 12 16V15Z' stroke='%23A4A4A4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M2 15H16C16.5523 15 17 14.5523 17 14V13.4142C17 13.149 16.8946 12.8947 16.7071 12.7071L16.1963 12.1963C16.0706 12.0706 16 11.9001 16 11.7224V8C16 4.134 12.866 0.999991 8.99998 1C5.134 1.00001 2 4.13401 2 8V11.7224C2 11.9002 1.9294 12.0706 1.80372 12.1963L1.29289 12.7071C1.10536 12.8947 1 13.149 1 13.4142V14C1 14.5523 1.44772 15 2 15Z' stroke='%23A4A4A4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E%0A");
    --button_small--icon--active: var(--button_small--icon);
    --button_small--text: 'Уведомления';
    --cms--icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='19' viewBox='0 0 18 19' fill='none'%3E%3Cpath d='M16.6585 7.37242L9.6585 1.24742C9.28148 0.917526 8.71852 0.917525 8.3415 1.24742L1.3415 7.37242C1.12448 7.56231 1 7.83664 1 8.125V16.6712C1 17.2235 1.44772 17.6712 2 17.6712H6C6.55228 17.6712 7 17.2235 7 16.6712V12.6712C7 12.1189 7.44772 11.6712 8 11.6712H10C10.5523 11.6712 11 12.1189 11 12.6712V16.6712C11 17.2235 11.4477 17.6712 12 17.6712H16C16.5523 17.6712 17 17.2235 17 16.6712V8.125C17 7.83664 16.8755 7.56231 16.6585 7.37242Z' stroke='%23A4A4A4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E%0A");
    --cms--icon--active: var(--cms--icon);
    --cms--text: 'Сайт';
    --teach--icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19' fill='none'%3E%3Cpath d='M6 11.9664H2C1.44772 11.9664 1 12.4141 1 12.9664V16.9664C1 17.5187 1.44772 17.9664 2 17.9664H6C6.55228 17.9664 7 17.5187 7 16.9664V12.9664C7 12.4141 6.55228 11.9664 6 11.9664Z' stroke='%23A4A4A4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M14.594 1.41005L10.9457 3.05032C10.442 3.27679 10.2173 3.86873 10.4438 4.37244L12.084 8.02066C12.3105 8.52438 12.9024 8.74912 13.4062 8.52265L17.0544 6.88237C17.5581 6.6559 17.7828 6.06397 17.5564 5.56025L15.9161 1.91203C15.6896 1.40832 15.0977 1.18357 14.594 1.41005Z' stroke='%23A4A4A4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M16 11.9664H12C11.4477 11.9664 11 12.4141 11 12.9664V16.9664C11 17.5187 11.4477 17.9664 12 17.9664H16C16.5523 17.9664 17 17.5187 17 16.9664V12.9664C17 12.4141 16.5523 11.9664 16 11.9664Z' stroke='%23A4A4A4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M6 1.96637H2C1.44772 1.96637 1 2.41409 1 2.96637V6.96637C1 7.51865 1.44772 7.96637 2 7.96637H6C6.55228 7.96637 7 7.51865 7 6.96637V2.96637C7 2.41408 6.55228 1.96637 6 1.96637Z' stroke='%23A4A4A4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E%0A");
    --teach--icon--active: var(--teach--icon);
    --teach--text: 'Обучение';
    --user--icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='17' viewBox='0 0 20 17' fill='none'%3E%3Cpath d='M5 16C5 14.3431 7.23858 13 10 13C12.7614 13 15 14.3431 15 16' stroke='%23A4A4A4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M16 10.2495C17.7659 10.7124 19 11.7697 19 12.9999' stroke='%23A4A4A4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M4 10.2495C2.2341 10.7124 1 11.7697 1 12.9999' stroke='%23A4A4A4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M10 10C11.6569 10 13 8.65685 13 7C13 5.34315 11.6569 4 10 4C8.34315 4 7 5.34315 7 7C7 8.65685 8.34315 10 10 10Z' stroke='%23A4A4A4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M16 6.23611C16.6137 5.68679 17 4.8885 17 4C17 2.34315 15.6569 1 14 1C13.2316 1 12.5308 1.28885 12 1.76389' stroke='%23A4A4A4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M4 6.23611C3.38625 5.68679 3 4.8885 3 4C3 2.34315 4.34315 1 6 1C6.76835 1 7.46924 1.28885 8 1.76389' stroke='%23A4A4A4v' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E%0A");
    --user--icon--active: var(--user--icon);
    --user--text: 'Пользователи';
    --tasks--icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M5 9L8 12L13 6' stroke='%23A4A4A4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Ccircle cx='9' cy='9' r='8' stroke='%23A4A4A4' stroke-width='2'%3E%3C/circle%3E%3C/svg%3E%0A");
    --tasks--icon--active: var(--tasks--icon);
    --tasks--text: 'Задачи';
    --notifications--icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M19 10C19 14.9706 14.9706 19 10 19C8.22894 19 6.57736 18.4884 5.18497 17.605L1 19L2.39499 14.815C1.51156 13.4226 1 11.7711 1 10C1 5.02944 5.02944 1 10 1C14.9706 1 19 5.02944 19 10Z' stroke='%23A4A4A4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M14 10H14.002V10.002H14V10Z' stroke='%23A4A4A4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M10 10H10.002V10.002H10V10Z' stroke='%23A4A4A4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M6 10H6.002V10.002H6V10Z' stroke='%23A4A4A4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E%0A");
    --notifications--icon--active: var(--notifications--icon);
    --notifications--text: 'Сообщения';
    --sales--icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='16' viewBox='0 0 20 16' fill='none'%3E%3Cpath d='M18 1H2C1.44772 1 1 1.44772 1 2V14C1 14.5523 1.44772 15 2 15H18C18.5523 15 19 14.5523 19 14V2C19 1.44772 18.5523 1 18 1Z' stroke='%23A4A4A4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M5 11H9' stroke='%23A4A4A4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M1 7H19' stroke='%23A4A4A4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M1 5H19' stroke='%23A4A4A4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E%0A");
    --sales--icon--active: var(--sales--icon);
    --sales--text: 'Продажи';
    --chatium--icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cg clip-path='url(%23clip0_89_3300)'%3E%3Cpath d='M9.12265 16.9896C9.3826 16.4679 9.61818 15.9985 9.85376 15.529C9.83751 15.5216 9.82939 15.5216 9.81314 15.5141C9.35823 16.0879 8.93581 16.684 8.42403 17.2206C7.90412 17.772 7.32736 18.2861 6.71809 18.7481C6.11696 19.2101 5.45083 19.5902 4.80908 20C4.78471 19.9776 4.76034 19.9627 4.73597 19.9404C4.82532 19.0536 4.94718 18.1669 5.00404 17.2727C5.0609 16.3785 5.05278 15.4843 4.7116 14.6125C4.7116 15.1714 4.7116 15.7302 4.7116 16.3413C4.50038 16.2891 4.32979 16.2593 4.17545 16.2146C2.13645 15.611 0.99104 14.2772 0.471137 12.4217C-0.00814825 10.7079 -0.10563 8.97167 0.113704 7.22801C0.219309 6.36362 0.324915 5.49924 0.560496 4.67212C1.10477 2.74216 2.51013 1.49775 4.52476 0.812208C5.86513 0.34276 7.26237 0.111761 8.6921 0.0372454C10.9179 -0.0745281 13.1194 0.0223423 15.2559 0.640822C16.8968 1.11772 18.2534 1.93739 19.0252 3.4128C19.4557 4.23993 19.6426 5.13412 19.805 6.0283C20.0162 7.1982 20.0244 8.37555 19.9756 9.54544C19.9269 10.8346 19.6913 12.0864 19.1795 13.301C18.4809 14.9478 17.1893 15.9538 15.3696 16.453C14.4598 16.6989 13.5337 16.8107 12.5914 16.8554C11.446 16.9076 10.3006 16.9448 9.12265 16.9896ZM15.6458 7.37704C15.6214 7.22801 15.6052 7.10133 15.5808 6.9672C15.3615 5.38747 14.5248 4.47838 12.8351 4.0909C12.1283 3.92696 11.381 3.86735 10.6499 3.80774C9.36635 3.70342 8.10721 3.845 6.90494 4.28464C5.84888 4.67212 5.10965 5.35021 4.83345 6.37853C4.45164 7.78687 4.37853 9.21012 4.74409 10.6408C5.02841 11.766 5.69454 12.6155 6.9618 12.8912C8.81395 13.2936 10.6905 13.3755 12.5751 13.1147C13.5824 12.9806 14.476 12.5857 15.004 11.7213C15.394 11.073 15.6052 10.38 15.6621 9.61996C15.5646 9.61251 15.4833 9.60506 15.394 9.60506C14.7035 9.60506 14.013 9.61251 13.3225 9.5976C13.1275 9.5976 13.03 9.64231 12.9732 9.82115C12.7863 10.4173 12.3395 10.7675 11.6897 10.8942C10.7148 11.0805 9.74003 11.0134 8.76521 10.842C8.11533 10.7302 7.70916 10.38 7.5142 9.8137C7.27049 9.11325 7.31111 8.41281 7.42484 7.69745C7.56294 6.88523 8.09096 6.41579 8.92768 6.21459C9.80502 5.9985 10.6905 6.00595 11.5759 6.19969C12.2339 6.34127 12.7538 6.64678 12.9894 7.27272C13.0138 7.33978 13.16 7.39939 13.2575 7.39939C13.9642 7.40684 14.6791 7.40684 15.3859 7.40684C15.4752 7.39939 15.5564 7.38449 15.6458 7.37704Z' fill='%23A4A4A4'%3E%3C/path%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_89_3300'%3E%3Crect width='20' height='20' fill='white'%3E%3C/rect%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    --chatium--icon--active: var(--chatium--icon);
    --chatium--text: 'Chatium';
    --icons--width: 18px;
    --icons--height: 18px;
    --sidebar-width: 241px;
    --color--main: #2E2E2E;
    --color--first: #A9C5FF;
    --color--second: #2C42AE;
    --font--family: Montserrat, "proxima-nova", sans-serif;
    --talks-widget-btn-bg: linear-gradient(82.2deg, #A9C5FF -20.38%, #4851FF 156.33%);
}

.gc-account-leftbar {
background: #ffffff !important;
}

.modal-dialog {
	margin-left: 250px;
}
.gc-account-user-menu {
	text-align: center;
}
.logo-img {
    margin: auto;
    margin-left: -25%;
    margin-top: 205px;
    margin-bottom: 50px;
    max-width: 100%;
}

.sub-icon {
	display: none;
}
.user-inf {
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.username {
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 600;
    font-size: 21px;
    line-height: 29px;
    color: #323974;
    margin-bottom: 7px !important;
}
.usermail {
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    color: #323974;
    opacity: 0.7;
    margin-bottom: 114px !important;
}
@media (min-width: 768px) {
    .gc-account-leftbar .gc-account-user-submenu-bar {
		left: var(--sidebar-width) !important;
	}
    .gc-main-content.with-left-menu {
        margin-left: var(--sidebar-width) !important;
    }
    .popover {
        left: var(--sidebar-width) !important;   
    }

    body.with-left-menu .gc-modal {
        margin-left: var(--sidebar-width) !important;   
    }
   
    /*
    .talks-widget-window.with-left-menu {
        left: var(--sidebar-width) !important;
        width: calc( 100% - var(--sidebar-width)) !important;
    } 
    */
    .with-left-menu .gc-into-main-content {
        left: var(--sidebar-width) !important;
    }

    .resp-screen {
    	left: var(--sidebar-width) !important;
    }
    .gc-account-leftbar {
        width: var(--sidebar-width) !important;
    }
}
/* Накидываем фону пунктов прозрачности, чтобы за ними было видно фон менюшки */
.gc-account-user-menu .menu-item a {
	background: transparent !important;
    position: relative;
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
    height: 50px !important;
    width: 100% !important;
    grid-column: span 2;
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.gc-account-user-menu .menu-item.menu-item-profile a {
    display: inline-block !important;
    height: auto !important;
    width: auto !important;
    padding: 5px !important;
background: linear-gradient(126.79deg, #8387E9 8.68%, #A9C5FF 41.02%, #CAFBFF 71.39%, #CAFBFF 71.39%) !important;
    border-radius: 50%;
}

.gc-account-user-menu .menu-item:hover {
	background: rgba(169, 197, 255, 0.2) !important;
}
.gc-account-user-menu .menu-item.selected, .gc-account-user-menu .menu-item:focus-within, .gc-account-user-menu .menu-item:focus-visible, .gc-account-user-menu .menu-item:target, .gc-account-user-menu .menu-item:focus, .gc-account-user-menu .menu-item:active {
	background: rgba(169, 197, 255, 0.2) !important;
}

.gc-account-user-menu .menu-item-profile {
	margin-bottom: 33px !important;
}
/* Иконка профиля */
.gc-account-user-menu .menu-item-profile img {
	border-radius: 50%;
}

.gc-account-leftbar a[title="Профиль"] img {
  border-radius: 50%;             /* Круглая форма аватара */
  box-shadow: 0 0 0 5px #92adf2;  /* Обводка, которая выходит за границы аватара */
  display: block;                 /* Убираем лишние отступы, если они есть */
  margin-bottom: 0;               /* Убираем лишний нижний отступ */
}

@media (max-width: 768px) {
    .logo-img {
		width: 100px;
	}
    .usermail {
        font-size: 10px;
        margin-bottom: 25px !important;
    }
    .menu-item-profile img {
        width: 30px !important;
        height: 30px !important;
    }
   .gc-account-user-menu .menu-item-profile {
		margin-bottom: 10px !important;
    }
}
.gc-account-leftbar .gc-account-user-menu {
	padding-top: 66px;
    overflow-y: auto;
	max-height: 100vh;
}
.menu-item.active a:before {
	content: '';
    background: var(--color--first);
    border-radius: 0px 20px 17px 0px;
    width: 5px;
    height: 100%;
}
/* Фон самой менюшки */
.gc-account-leftbar {
	background: #fff;
    display: flex;
	flex-direction: column;  
}
.gc-account-leftbar .gc-account-user-menu li {
    display: grid;
    grid-template-columns: 61px 1fr;
    align-items: center;
}
@media (max-width: 768px) {
    .gc-account-leftbar .gc-account-user-menu {
        padding-top: 0px;
        width: 170px;
    }
    .gc-account-leftbar .gc-account-user-submenu-bar {
        left: 170px;
        width: 200px;
    }
    .gc-account-leftbar .gc-account-user-menu li {
        display: grid;
        grid-template-columns: 30px 1fr;
        align-items: center;
    }
    .gc-account-user-menu .menu-item::after {
    	left: 17px !important;
    }
	.gc-account-leftbar .gc-account-user-menu {
		background: #fff;
    }
    /* Горизонтальная полоска с мобилок */
    .gc-account-leftbar.expanded .toggle-link, .gc-account-leftbar .toggle-link, .toggler-item  {
		background: #fff !important;
	}
}
.gc-account-leftbar .gc-account-user-menu li {
    border-bottom: 5px solid white !important;
    border-top: 5px solid white !important;
}
.gc-account-leftbar .gc-account-user-menu li.menu-item.menu-item-profile {
	display: block;
}
/* Счетчик уведомлений */
.gc-account-user-menu .notify-count {
    width: 8px !important;
    height: 8px !important;
    color: transpanrent !important;
    border-radius: 50% !important;
    padding: 0px !important;
    font-size: 0.01em !important;
    bottom: 0px !important;
    left: 0px !important;
    top: 0px !important;
    right: 0px !important;
    margin: auto;
	position: absolute;
    right: 0px;
    bottom: 0px;
    transform: translate(-56px, 8px);
    pointer-events: none;
}
.gc-account-user-menu .menu-item::before {
    justify-self: flex-end;
    grid-column: 1/2;
    pointer-events: none;
}

html {
	scrollbar-face-color: #BDC3E4;
	scrollbar-base-color: #BDC3E4;
	scrollbar-3dlight-color: #BDC3E4;
	scrollbar-highlight-color: #BDC3E4;
	scrollbar-track-color: #D2D2D2;
	scrollbar-arrow-color: #D2D2D2;
	scrollbar-shadow-color: #BDC3E4;
	scrollbar-dark-shadow-color: #BDC3E4;
}

::-webkit-scrollbar {
    height: 4px;
	width: 4px;
	border-radius: 16px;
}

::-webkit-scrollbar-button {
	background-color: transparent;
	height: 20px;
}

::-webkit-scrollbar-track {
	background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 25%, rgba(210, 210, 210, 1) 25%, rgba(210, 210, 210, 1) 75%, rgba(255, 255, 255, 1) 75%, rgba(255, 255, 255, 1) 100%);
}

::-webkit-scrollbar-track-piece {
	background-color: #D2D2D2;
}

::-webkit-scrollbar-thumb {
	height: 206px;
	background-color: #BDC3E4;
	border-radius: 16px;
}

::-webkit-scrollbar-corner {
	background-color: #BDC3E4;
	border-radius: 16px;
}

::-webkit-resizer {
	background-color: #666;
}

@media (max-width: 768px) {
	.gc-account-user-menu .notify-count {
		width: 6px !important;
		height: 6px !important;
    	transform: none;
        margin-left: 25px;
        margin-top: 30px;
    }
}
/* Дальше лучше не лезть без острой необходимости */
.gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small a {
    height: 51px; 
}
.gc-account-user-menu .menu-item-notifications_button_small img {
	opacity: 0;
}
.gc-account-user-menu .menu-item-notifications_button_small::before {
    content: ' ';
    background-image: var(--button_small--icon);
    position: absolute;
  	width: var(--icons--width);
    height: auto;
    right: 0px;
    bottom: 0px;
    top: 0px;
    margin: auto;
	background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
}
.gc-account-user-menu .menu-item-notifications_button_small::before,.menu-item-notifications_button_small.selected::before {
	content: ' ';
	background-image: var(--button_small--icon--active);
    position: absolute;
    width: var(--icons--width);
   	height: auto;
    right: 0px;
    bottom: 0px;
    top: 0px;
    margin: auto;
	background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
}
.gc-account-user-menu .menu-item-notifications_button_small::after {
	content: var(--button_small--text);
    position: absolute;
    font-weight: 700;   
	z-index: 2;
    left: 30px;
	grid-column: 2/3;
}
.gc-account-user-menu .menu-item-cms img {
	opacity: 0;
}
.gc-account-user-menu .menu-item-cms::before {
	content: ' ';
	background-image: var(--cms--icon);
    position: absolute;
    width: var(--icons--width);
    height: auto;
    right: 0px;
    bottom: 0px;
    top: 0px;
    margin: auto;
	background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
}
.gc-account-user-menu .menu-item-cms.active::before,.menu-item-cms.selected::before {
	content: ' ';
	background-image: var(--cms--icon--active);
    position: absolute;
    width: var(--icons--width);
  	height: auto;
    right: 0px;
    bottom: 0px;
    top: 0px;
    margin: auto;
	background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
}
.gc-account-user-menu .menu-item-cms::after {
	content: var(--cms--text);
    position: absolute;
    font-weight: 700;   
	z-index: 2;
    left: 30px;
	grid-column: 2/3;
}
.gc-account-user-menu .menu-item::after {
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: var(--color--main);
	pointer-events: none;
}

.gc-account-user-menu .menu-item.active::after, .gc-account-user-menu .menu-item:hover::after {
  font-weight: 600 !important;
}

.gc-account-user-menu .menu-item-teach img {
	opacity: 0;
}
.gc-account-user-menu .menu-item-teach::before {
    content: ' ';
    background-image: var(--teach--icon);
    position: absolute;
  	width: var(--icons--width);
  	height: auto;
    right: 0px;
    bottom: 0px;
    top: 0px;
    margin: auto;
	background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
}
.gc-account-user-menu .menu-item-teach.active::before,.menu-item-teach.selected::before {
	background-image: var(--teach--icon--active);
}
.gc-account-user-menu .menu-item-teach::after {
content: var(--teach--text);
    position: absolute;
	z-index: 2;
    left: 30px;
	grid-column: 2/3;
}

.gc-account-user-menu .menu-item-user img {
	opacity: 0;
}
.gc-account-user-menu .menu-item-user::before {
	content: ' ';
	background-image: var(--user--icon);
    position: absolute;
    width: var(--icons--width);
    height: auto;
    right: 0px;
    bottom: 0px;
    top: 0px;
    margin: auto;
	background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
}
.gc-account-user-menu .menu-item-user.active::before,.menu-item-user.selected::before {
	background-image: var(--user--icon--active);
}
.gc-account-user-menu .menu-item-user::after {
	content: var(--user--text);
    position: absolute;
	z-index: 2;
    left: 30px;
	grid-column: 2/3;
}
.gc-account-user-menu .menu-item-tasks img {
	opacity: 0;
}
.gc-account-user-menu .menu-item-tasks::before {
	content: ' ';
	background-image: var(--tasks--icon);
    position: absolute;
    width: var(--icons--width);
    height: auto;
    right: 0px;
    bottom: 0px;
    top: 0px;
    margin: auto;
	background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
}
.gc-account-user-menu .menu-item-tasks.active::before,.menu-item-tasks.selected::before {
	background-image: var(--tasks--icon--active);
}
.gc-account-user-menu .menu-item-tasks::after {
	content: var(--tasks--text);
    position: absolute;
	z-index: 2;
    left: 30px;
	grid-column: 2/3;
}
.gc-account-user-menu .menu-item-notifications img {
	opacity: 0;
}
.gc-account-user-menu .menu-item-notifications::before {
	content: ' ';
	background-image: var(--notifications--icon);
    position: absolute;
    width: var(--icons--width);
    height: auto;
    right: 0px;
    bottom: 0px;
    top: 0px;
    margin: auto;
	background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
}
.gc-account-user-menu .menu-item-notifications.active::before,.menu-item-notifications.selected::before {
	background-image: var(--notifications--icon--active);
}
.gc-account-user-menu .menu-item-notifications::after {
	content: var(--notifications--text);
    position: absolute;
	z-index: 2;
    left: 30px;
	grid-column: 2/3;
}
.gc-account-user-menu .menu-item-sales img {
	opacity: 0;
}
.gc-account-user-menu .menu-item-sales::before {
	content: ' ';
	background-image: var(--sales--icon);
    position: absolute;
    width: var(--icons--width);
    height: auto;
    right: 0px;
    bottom: 0px;
    top: 0px;
    margin: auto;
	background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
}
.gc-account-user-menu .menu-item-sales.active::before,.menu-item-sales.selected::before {
	background-image: var(--sales--icon--active);
}
.gc-account-user-menu .menu-item-sales::after {
	content: var(--sales--text);
    position: absolute;
	z-index: 2;
    left: 30px;
	grid-column: 2/3;
}
.gc-account-user-menu .menu-item-chatium img {
	opacity: 0;
}
.gc-account-user-menu .menu-item-chatium::before {
	content: ' ';
	background-image: var(--chatium--icon);
    position: absolute;
    width: var(--icons--width);
    height: auto;
    right: 0px;
    bottom: 0px;
    top: 0px;
    margin: auto;
	background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
}
.gc-account-user-menu .menu-item-chatium.active::before,.menu-item-chatium.selected::before {
	background-image: var(--chatium--icon--active);
}
.gc-account-user-menu .menu-item-chatium::after {
	content: var(--chatium--text);
    position: absolute;
	z-index: 2;
    left: 30px;
	grid-column: 2/3;
}

.talks-widget-button {
  width: 90px;
  height: 90px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--talks-widget-btn-bg);
}

.talks-widget-button .comments-icon {
position: relative;
top: 0;
left: 0 !important;
}

.talks-widget-button .comments-icon:before {
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50' fill='none'%3E%3Cpath d='M7.14844 27.4143C5.44388 24.5426 4.84642 21.1473 5.46826 17.8661C6.09011 14.585 7.88847 11.6437 10.5256 9.59479C13.1627 7.54585 16.4572 6.53018 19.7902 6.73854C23.1233 6.94691 26.2656 8.36496 28.627 10.7264C30.9884 13.0878 32.4065 16.2301 32.6149 19.5632C32.8232 22.8962 31.8076 26.1907 29.7586 28.8278C27.7097 31.4649 24.7684 33.2633 21.4873 33.8851C18.2061 34.507 14.8108 33.9095 11.9391 32.205L7.20547 33.5547C7.01043 33.6095 6.80431 33.6114 6.6083 33.5602C6.41229 33.509 6.23346 33.4065 6.09021 33.2632C5.94695 33.1199 5.84443 32.9411 5.7932 32.7451C5.74197 32.5491 5.74386 32.343 5.7987 32.1479L7.14844 27.4143Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.1748 34.1061C18.8448 36.0163 19.9308 37.7539 21.3542 39.1933C22.7777 40.6327 24.5031 41.7379 26.4058 42.4291C28.3085 43.1203 30.3409 43.3803 32.3563 43.1902C34.3718 43.0002 36.3198 42.3648 38.0597 41.33V41.33L42.7933 42.6797C42.9883 42.7346 43.1945 42.7365 43.3905 42.6852C43.5865 42.634 43.7653 42.5315 43.9086 42.3882C44.0518 42.245 44.1543 42.0662 44.2056 41.8701C44.2568 41.6741 44.2549 41.468 44.2001 41.273L42.8503 36.5394C44.0553 34.5167 44.7174 32.2171 44.7725 29.8633C44.8275 27.5095 44.2736 25.1814 43.1645 23.1046C42.0553 21.0278 40.4285 19.2728 38.4417 18.0095C36.4549 16.7462 34.1755 16.0175 31.8243 15.8941' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.gc-main-content > .top-notification-wrapper .topNotitication {
margin-left: var(--sidebar-width) !important;
}

.talks-widget-button .comments-icon:before {
  display: none;
}

.talks-widget-button {
    background: no-repeat url(https://fs.getcourse.ru/fileservice/file/download/a/371496/sc/44/h/8166a3072273d2aec4af1880c394c409.svg) center / 40px, #92adf2;
}

@media (min-width: 769px) {
.common-banner-wrapper {
left: calc(var(--sidebar-width) + 15px) !important;
}
}

@media (max-width: 768px) { 
.talks-widget-button {
  width: 60px;
  height: 60px;
}

.talks-widget-button .comments-icon:before {
transform: scale(0.66);
display: inline-block;
}
    
.button-link:hover {
  background: #92adf2 !important;       
}   
}