@media screen and (max-width: 1024px) {
    * {
        -webkit-tap-highlight-color: transparent;
    }

    ._mob {
        display: initial;
    }

    ._container {
        padding: 0 10px 10px;
        overflow: hidden;
    }

    body>._container {
        padding-top: 70px;
    }

    .header ~ ._container {
        transition: padding-top .2s ease;
    }

    .header._expiring ~ ._container {
        padding-top: 158px;
    }

    .mobile-popup__wrapper,
    .mobile-popup {
        display: initial;
    }

    .mobile-popup {
        height: fit-content;
        max-height: 90vh;
        /*top: 100px;*/
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #fff;
        border-radius: 20px 20px 0 0;
        display: flex;
        flex-direction: column;
        position: fixed;
        overflow: hidden;
        transform: translateY(100%);
        transition: transform .2s ease;
    }

    .mobile-popup._active {
        transform: translateY(0);
    }

    .mobile-popup__inner {
        height: calc(100% - 40px);
        padding: 0px 24px 24px;
        overflow: auto;
    }

    .mobile-popup__close {
        width: 100%;
        height: 40px;
        position: relative;
        flex-shrink: 0;
    }

    .mobile-popup__close::before {
        top: 8px;
        left: 50%;
        transform: translateX(-50%);
        width: 100px;
        height: 8px;
        background-color: #f7f8fa;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        position: absolute;
        content: '';
    }

    .mobile-popup__title {
        margin-bottom: 20px;
        font-weight: 600;
        font-size: 18px;
    }
    
    .xpl-header__mode {
        margin-left: 10px;
    }

    .xpl-header__mode-text {
        display: none;
    }

    .xpl-header__mode-item {
        padding: 16px 24px;
        font-size: 0;
        position: relative;
    }

    .xpl-header__mode-item span {
        --s: 24px;
        width: var(--s);
        height: var(--s);
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-color: rgba(51, 51, 51, 0.5);
        -webkit-mask-size: var(--s);
        mask-size: var(--s);
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-position: center;
        mask-position: center;
        display: block;
        position: absolute;
    }

    body._dark .xpl-header__mode-item span {
        background-color: var(--text);
    }

    .xpl-header__mode-item[data-mode="work"] span {
        -webkit-mask-image: url(/img/common/content-task.svg);
        mask-image: url(/img/common/content-task.svg);
    }

    .xpl-header__mode-item[data-mode="study"] span {
        -webkit-mask-image: url(/img/common/library.svg);
        mask-image: url(/img/common/library.svg);
    }

    .tariff-banner {
        display: none;
    }

    .tariff-banner._mobile {
        display: block;
        margin: -14px -14px 14px;
    }

    .tariff-banner__inner {
        height: 90px;
        padding: 14px;
    }

    .tariff-banner__text {
        margin-right: 10px;
        font-size: 12px;
        line-height: 1.15;
    }

    .tariff-banner__hide {
        bottom: 6px;
        position: absolute;
    }

    .tariff-banner__button {
        width: unset;
        height: unset;
        margin-right: 0;
        padding: 14px 24px;
        font-size: 14px;
    }

    .header ._container {
        overflow: visible;
    }

    .header__user {
        padding-top: 90px;
        padding-bottom: 46px;
        flex-direction: column-reverse;
        align-items: start;
    }

    .aside .header__user {
        /*display: none;*/
        margin-right: 30px;
        padding: 0;
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
        align-self: start;
    }

    .aside .header__user .user_avatar-box {
        margin-bottom: 0;
        margin-right: 20px;
    }

    .aside .header__user-info {
        text-align: left;
    }

    .aside .header__user-position {
        color: rgba(255, 255, 255, 0.5);
    }

    .header__user-name {
        margin-bottom: 0;
        color: #fff;
    }

    .header__user .user_avatar-box {
        --s: 80px;
        margin-bottom: 10px;
        font-size: 26px;
        border: 3px solid #fff;
    }

    .header-notes {
        margin-right: 14px;
    }

    .header-notes__header {
        margin-bottom: 20px;
        padding: 18px;
        border-bottom: unset;
        -webkit-border-radius: 0 0 10px 10px;
        -moz-border-radius: 0 0 10px 10px;
        border-radius: 0 0 10px 10px;
        filter: drop-shadow(0px 4px 4px rgba(221, 221, 221, 0.19));
    }

    .header-notes__body {
        top: 0;
        right: -100%;
        bottom: 0;
        left: 100%;
        min-width: unset;
        height: unset;
        position: fixed;
        z-index: 1;
        transition: all .2s ease;
        display: flex;
    }

    .header-notes._active .header-notes__body {
        left: 0;
        right: 0;
    }

    .header-notes__body-inner {
        background: rgb(249,250,253);
        background: linear-gradient(180deg, rgba(249,250,253,1) 0%, rgba(249,250,253,1) 50%, rgba(255,255,255,1) 100%);
    }

    .header-notes__content {
        background-color: #fff;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
    }

    .header-notes__button span {
        --s: 24px;
    }

    .header-notes__title {
        display: none;
    }

    .header-notes__backwards {
        display: flex;
        align-items: center;
    }

    .header-notes__backwards span {
        --s: 24px;
        width: var(--s);
        height: var(--s);
        margin-right: 16px;
        background-color: rgba(51, 51, 51, 0.5);
        -webkit-mask-image: url(/img/editor/icon-angle.svg);
        mask-image: url(/img/editor/icon-angle.svg);
        -webkit-mask-size: var(--s);
        mask-size: var(--s);
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-position: center;
        mask-position: center;
        transform: rotate(180deg);
        flex-shrink: 0;
        display: block;
    }

    .header-notes__backwards p,
    .header-notes__back {
        font-size: 16px;
        font-weight: 400;
        line-height: 1.15;
        color: rgba(51, 51, 51, 0.5);
    }

    .header-notes__back span {
        background-color: rgba(51, 51, 51, 0.5);
        -webkit-mask-image: url(/img/editor/icon-angle.svg);
        mask-image: url(/img/editor/icon-angle.svg);
        transform: rotate(180deg);
    }

    .header-notes__box {
        padding: 24px;
    }

    .header-notes__hidden__body {
        padding: 24px;
    }

    .aside__wrapper {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: rgba(51, 51, 51, 0.5);
        position: fixed;
        opacity: 0;
        visibility: hidden;
        transition: all 0.2s;
        z-index: 4;
    }

    .aside__wrapper._active {
        opacity: 1;
        visibility: visible;
    }

    .aside {
        /* right: -40px; */
        left: unset;
        max-width: 350px;
        width: 100%;
        padding: 0 20px;
        border-radius: 0;
        transform: translateX(-250%);
        overflow-x: hidden;
        -webkit-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear;
    }

    .aside._active {
        transform: translateX(0%);
        /* right: 0; */
        max-width: 350px;
        width: 100%;
    }

    .logo {
        display: none;
    }

    .aside__inner {
        height: 100%;
        padding: 20px 0;
        /*border-radius: 30px 0 0 30px;*/
        display: flex;
        flex-direction: column;
        -ms-overflow-style: none;
        scrollbar-width: none;
        overflow-y: scroll;
    }

    .aside__inner::-webkit-scrollbar {
        display: none;
    }

    .aside__links {
        min-height: unset;
        height: unset;
        margin-top: 50px;
        margin-bottom: auto;
        overflow: initial;
        /* min-height: calc(100vh - 390px); */
    }

    .aside._active .aside__item {
        width: 100%;
    }

    .aside__item:not(:last-child) {
        margin-bottom: 1px;
    }

    .aside__login {
        margin: 50px 10px 10px;
    }

    .aside__login label {
        display: flex;
        align-items: center;
    }

    .aside__login-text {
        color: #fff;
    }

    .header__quit {
        margin-right: 30px;
    }

    .default-popup,
    .deep-popup,
    .modal-common {
        width: unset;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        border-radius: 0;
    }

    .modal-common {
        padding: 32px;
    }

    .mini-popup {
        width: 90%;
    }

    .popup-crop__row {
        display: block;
    }

    .popup-crop._profile .popup-crop__preview {
        display: none;
    }

    .popup-crop__new {
        margin-top: 10px;
        font-size: 16px;
    }

    .popup-crop__img {
        /*max-height: 100%;*/
        max-height: 50vh;
        max-width: 100%;
        margin-right: 0;
    }

    .popup-crop__buttons .popup-crop__button {
        width: 45%;
        height: 40px;
        font-size: 16px;
    }

    .cropper-point.point-se {
        height: 5px;
        width: 5px;
    }

    .profile,
    .faq {
        width: 185vw;
        border-radius: 30px 0 0 30px;
    }

    .profile._active,
    .faq._active {
        transform: translateX(15vw);
    }

    .profile._selected,
    .faq._selected {
        transform: translateX(-85vw);
    }

    .profile._notifications {
        width: 100vw;
        border-radius: 0;
    }

    .profile._notifications._selected {
        transform: translateX(0);
    }

    .profile__inner,
    .faq__inner {
        /*border-radius: 30px 0 0 30px;*/
        border-radius: 20px 0 0 20px;
        grid-template-columns: 85vw 100vw;
    }

    .profile._notifications .profile__inner {
        border-radius: 0;
        grid-template-columns: 0vw 100vw;
    }

    .profile__header {
        min-height: unset;
        margin-bottom: 10px;
    }

    .profile__header-text {
        font-size: 16px;
    }

    .profile__header-button {
        margin-left: 0;
        text-align: center;
    }

    .profile__body {
        padding: 70px 10px 0;
        position: relative;
    }

    .profile__backwards,
    .faq__backwards {
        top: 10px;
        right: 10px;
        left: 10px;
        padding: 12px 14px;
        border-radius: 10px;
        background-color: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: absolute;
    }

    .profile__backwards-btn,
    .faq__backwards-btn {
        --s: 24px;
        width: var(--s);
        height: var(--s);
        margin-right: 16px;
        background-color: rgba(51, 51, 51, 0.5);
        flex-shrink: 0;
        -webkit-mask-size: contain;
        mask-size: contain;
        -webkit-mask-image: url(/img/editor/icon-angle.svg);
        mask-image: url(/img/editor/icon-angle.svg);
        -webkit-mask-position: center;
        mask-position: center;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        transform: rotate(180deg);
        display: block;
    }

    .profile__backwards-text,
    .faq__backwards-text {
        font-size: 16px;
        line-height: 1.15;
        color: rgba(51, 51, 51, 0.5);
    }

    .faq-aside {
        padding: 26px;
    }

    .faq-aside__links {
        max-height: calc(100vh - 360px);
        max-height: calc(100dvh - 360px);
    }

    .faq-aside__link {
        padding: 8px;
    }

    .profile__main {
        height: calc(100vh - 130px);
        padding-bottom: 80px;
    }

    .profile__notifications {
        height: calc(100% - 10px);
    }

    .profile_notification-plug {
        height: calc(100% - 30px);
    }

    .profile-aside {
        padding: 10px;
        position: relative;
    }

    .profile._notifications .profile-aside {
        opacity: 0;
    }

    .profile-aside__link._active .profile-aside__link-arrow {
        display: none;
    }

    .profile-aside__header-img .profile-aside__header-plug {
        opacity: 1;
    }

    .profile__profile-box:not(:last-child) {
        margin-bottom: 10px;
    }

    .profile_tariff-info {
        margin-bottom: 10px;
    }

    .profile_tariff-options {
        display: block;
    }

    .profile_tariff-options__item {
        width: 100%;
    }

    .profile_tariff-options__item:not(:last-child) {
        margin-right: 0;
        margin-bottom: 10px;
    }

    .profile_finance-hitory {
        padding: 12px 24px;
    }

    .profile__settings-item:not(:last-of-type) {
        margin-bottom: 10px;
    }

    .profile__settings-footer {
        flex-direction: column-reverse;
        align-items: start;
    }

    .profile__settings-accept {
        width: 100%;
        margin-right: 0;
        margin-top: 10px;
        text-align: center;
    }

    .faq__body {
        height: 100vh;
        height: 100dvh;
        max-height: unset;
        padding: 70px 10px 10px;
        overflow: scroll;
    }

    .faq__content {
        height: unset;
    }

    .faq__buttons {
        flex-direction: column;
    }

    .faq__button {
        width: 100%;
    }

    .faq__button:not(:last-child) {
        margin-bottom: 10px;
    }

    .help {
        right: unset;
        left: 24px;
        z-index: 10;
    }

    .help__item {
        --s: 36px;
    }

    .help__item span {
        --s: 18px;
    }

    .help__faq {
        display: none;
    }

    .nav-item__name,
    .nav-item__hidden-name,
    .file_system-table__folder-name,
    .file_system-columns__item-name,
    .file__name {
        word-break: break-all;
    }

    .study-ready__buttons {
        display: block;
    }

    .study-ready__button._inactive {
        margin-right: 0;
        margin-bottom: 10px;
    }

    .assign_users-item {
        margin-bottom: 10px;
    }

    .assign_users-item::after {
        left: -40px;
    }

    .assign_users-item:not(:last-child)::before {
        left: -33px;
    }

    .assign_users-item:last-child {
        margin-bottom: 0;
    }

    .assign_users-item__inner {
        padding: 14px;
    }

    .assign_users-item__img {
        --s: 34px;
        align-self: start;
        background: rgba(41, 92, 201, 0.15);
    }

    .assign_users-lesson._green .assign_users-lesson__icon,
    .assign_users-item__inner._green .assign_users-item__img {
        background: rgba(84, 178, 104, 0.15);
    }

    .assign_users-item__img span {
        --s: 20px;
        background-color: #295CC9;;
    }

    .assign_users-item__inner._yellow .assign_users-item__img span {
        background-color: #fff;
    }

    .assign_users-lesson._green .assign_users-lesson__icon span,
    .assign_users-item__inner._green .assign_users-item__img span {
        background-color: #54B268;
    }

    .assign_users-lesson._green .assign_users-lesson__button-lesson {
        background-color: transparent;
        color: #54B268;
        border: 1px solid #54B268;
    }

    .assign_users-item__title {
        font-weight: 500;
        font-size: 16px;
        line-height: 1.15;
    }

    .assign_users-item__hidden {
        /* padding: 10px 0 0 45px; */
        padding: 10px 0 0;
    }

    .assign_users-lesson__inner {
        flex-wrap: wrap;
    }

    .assign_users-lesson:not(:last-child)::before {
        left: -33px;
        opacity: 0;
    }

    .assign_users-lesson__inner::after {
        left: -40px;
        opacity: 0;
    }

    .assign_users-lesson__main {
        margin-bottom: 10px;
    }

    .assign_users-lesson__icon {
        align-self: start;
        background-color: rgba(41, 92, 201, 0.15);
    }

    .assign_users-lesson__icon span {
        background-color: #295CC9;
    }

    .assign_users-lesson__name {
        margin-right: 0;
        font-size: 16px;
        line-height: 1.15;
    }

    .assign_users-lesson__date {
        line-height: 1.15;
    }
    
    .study .assign_users-lesson__date {
        display: none;
    }

    .assign_users-lesson__buttons {
        flex-basis: 100%;
        flex-wrap: wrap;
    }

    .assign_users-lesson__button {
        flex-basis: 100%;
    }

    .study {
        /* margin-bottom: 10px; */
        margin-bottom: 0;
    }

    .study_program {
        padding: 0 10px 10px;
    }

    .study_program__header {
        height: 50px;
        position: relative;
    }

    .study_program__title {
        margin-right: 30px;
        font-size: 20px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .study_program__progress {
        display: none;
    }

    .study_program__close {
        --s: 20px;
        width: var(--s);
        height: var(--s);
        right: 26px;
        top: 50%;
        transform: translateY(-50%);
        flex-shrink: 0;
        background-color: rgba(51, 51, 51, 0.25);
        position: absolute;
        -webkit-mask-size: contain;
        mask-size: contain;
        -webkit-mask-image: url("/img/common/crosshair.svg");
        mask-image: url("/img/common/crosshair.svg");
        -webkit-mask-position: center;
        mask-position: center;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
    }

    .study_program__body {
        height: unset;
        padding: unset;
    }

    .context__wrapper,
    .mob_info-wrapper {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: rgba(51, 51, 51, 0.5);
        position: fixed;
        opacity: 0;
        visibility: hidden;
        transition: all 0.2s ease;
        z-index: 15;
    }

    .context__wrapper._active,
    .mob_info-wrapper._active {
        opacity: 1;
        visibility: visible;
    }

    .study-context,
    .mob_info-popup {
        width: 100vw;
        bottom: 0;
        left: 0;
        transform: translateY(100%);
        padding: 24px;
        font-size: 18px;
        line-height: 115%;
        border-radius: 30px 30px 0 0;
        background-color: #fff;
        visibility: hidden;
        transition: all 0.2s ease;
        -ms-overflow-style: none;
        scrollbar-width: none;
        overflow-y: scroll;
        position: fixed;
        z-index: 20;
    }

    .mob_info-popup {
        top: 100px;
        padding: 0;
        display: flex;
        flex-direction: column;
    }

    .study-context::-webkit-scrollbar,
    .mob_info-popup::-webkit-scrollbar {
        display: none;
        background-color: transparent;
    }

    .study-context::-webkit-scrollbar-track,
    .mob_info-popup::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
        background-color: transparent;
    }

    .study-context::-webkit-scrollbar-thumb,
    .mob_info-popup::-webkit-scrollbar-thumb {
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
        background-color: transparent;
    }

    .study-context._active,
    .mob_info-popup._active {
        transform: translate(0);
        visibility: visible;
    }

    .mob_info-popup__inner {
        padding: 0 20px 60px;
        display: flex;
        flex-direction: column;
        flex-grow: 1;
        overflow-y: scroll;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .mob_info-popup__inner::-webkit-scrollbar {
        display: none;
    }

    .mob_info-popup__header:not(:empty) {
        margin-bottom: 40px;
    }

    .mob_info-popup__header-bg {
        padding: 20px;
        background: radial-gradient(50% 50% at 50% 50%, rgba(41, 92, 201, 0.00) 0%, rgba(41, 92, 201, 0.03) 100%);
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .mob_info-popup__header-icons {
        padding: 6px;
        background-color: #f7f8fa;
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        border-radius: 12px;
        display: flex;
        align-items: center;
        position: relative;
    }

    @keyframes xplSwitcherAnimation {
        from {transform: translateX(0) translate3d(0,0,0)}
        25% {transform: translateX(0) translate3d(0,0,0)}
        50% {transform: translateX(calc(100% + 16px)) translate3d(0,0,0)}
        75% {transform: translateX(calc(100% + 16px)) translate3d(0,0,0)}
        to {transform: translateX(0) translate3d(0,0,0)}
    }

    .mob_info-popup__header-icons:before {
        top: 6px;
        bottom: 6px;
        left: 6px;
        width: calc(50% - 14px);
        background-color: #fff;
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        border-radius: 12px;
        content: '';
        position: absolute;
        z-index: 1;
        animation: xplSwitcherAnimation 3s ease infinite;
    }

    .mob_info-popup__header-icon {
        padding: 10px 18px;
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        border-radius: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        z-index: 2;
    }

    .mob_info-popup__header-icon:not(:last-child) {
        margin-right: 16px;
    }

    .mob_info-popup__header-icon span {
        --s: 36px;
        width: var(--s);
        height: var(--s);
        background-color: rgba(51, 51, 51, 0.5);
        -webkit-mask-size: contain;
        mask-size: contain;
        -webkit-mask-position: center;
        mask-position: center;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        flex-shrink: 0;
    }

    .mob_info-popup__header-icon[data-type="work"] span {
        -webkit-mask-image: url(/img/common/content-task.svg);
        mask-image: url(/img/common/content-task.svg);
    }

    .mob_info-popup__header-icon[data-type="study"] span {
        -webkit-mask-image: url(/img/common/library.svg);
        mask-image: url(/img/common/library.svg);
    }

    .mob_info-popup__title {
        margin-bottom: 24px;
        font-weight: 600;
        font-size: 20px;
        text-align: center;
    }

    .mob_info-popup__text {
        margin-bottom: 24px;
        font-size: 16px;
        line-height: 1.15;
        text-align: center;
    }

    .mob_info-popup__btns {
        margin-top: auto;
        display: flex;
        flex-direction: column;
    }

    .mob_info-popup__btn {
        height: 60px;
        padding: 12px 27px;
        font-size: 18px;
        font-weight: 400;
        color: #fff;
        background-color: #295CC9;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-grow: 1;
    }

    .mob_info-popup__btn:not(:last-child) {
        margin-bottom: 12px;
    }

    .mob-construction {
        min-height: calc(100vh - 80px);
        margin: 0 -10px;
        padding: 24px 24px 14px;
        background-color: #fff;
        -webkit-border-radius: 20px 20px 0 0;
        -moz-border-radius: 20px 20px 0 0;
        border-radius: 20px 20px 0 0;
        display: flex;
    }

    .mob-construction__inner {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .mob-construction__img {
        --s: 300px;
        min-width: var(--s);
        height: var(--s);
        margin-top: auto;
        margin-bottom: 18px;
        background-image: url("/img/common/icon-mob-construction.svg");
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }

    .mob-construction__title {
        margin-bottom: 24px;
        font-size: 20px;
        font-weight: 600;
    }

    .mob-construction__text {
        margin-bottom: 24px;
        font-size: 16px;
    }

    .mob-construction__btns {
        width: 100%;
        margin-top: auto;
        display: flex;
        flex-direction: column;
    }

    .mob-construction__btn {
        height: 60px;
        max-width: unset;
        right: 10px;
        bottom: 10px;
        left: 10px;
        font-size: 18px;
        font-weight: 400;
        color: #fff;
        text-decoration: none;
        background-color: #295CC9;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-grow: 1;
    }

    .header._expiring ~ ._container .mob-construction {
        min-height: calc(100vh - 170px);

    }

    .study-context__header {
        margin-bottom: 50px;
    }

    .study-context__close,
    .aside__close,
    .profile__close {
        --s: 20px;
        width: var(--s);
        height: var(--s);
        right: 24px;
        top: 24px;
        flex-shrink: 0;
        background-color: rgba(51, 51, 51, 0.25);
        position: absolute;
        -webkit-mask-size: contain;
        mask-size: contain;
        -webkit-mask-image: url("/img/common/crosshair.svg");
        mask-image: url("/img/common/crosshair.svg");
        -webkit-mask-position: center;
        mask-position: center;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        z-index: 2;
    }

    .aside__close {
        background-color: #fff;
    }

    .profile__close {
        background-color: #333;
    }

    .study-context__title {
        color: rgba(51, 51, 51, 0.5);
    }

    .study-context__body>*:not(:last-of-type) {
        margin-bottom: 10px;
    }

    .study-context__info {
        margin-bottom: 28px;
        font-weight: 600;
    }

    .study-context__item {
        margin: 0 -10px;
        padding: 10px;
        border-radius: 10px;
        display: flex;
        align-items: center;
    }

    .study-context__item._active {
        background-color: rgba(41, 92, 201, 0.15);
    }

    .study-context__icon {
        --s: 26px;
        width: var(--s);
        height: var(--s);
        margin-right: 16px;
        background-color: #333;
        -webkit-mask-size: contain;
        mask-size: contain;
        -webkit-mask-image: url("/img/common/min-folder-icon.svg");
        mask-image: url("/img/common/min-folder-icon.svg");
        -webkit-mask-position: center;
        mask-position: center;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
    }

    .study {
        padding-left: 0;
    }

    .study__inner {
        display: flex;
        flex-direction: column;
        min-height: calc(100vh - 110px);
    }

    .study__bodies {
        flex-grow: 1;
        display: flex;
        flex-direction: column;
    }

    .study__body {
        flex-direction: column;
        flex-grow: 1;
    }

    .study__body._active {
        display: flex;
    }

    .study__plug {
        height: unset;
        flex-grow: 1;
    }

    .study__plug-inner {
        width: unset;
        height: unset;
    }

    .study__plug-img {
        max-width: 80%;
    }

    .study__wrapper {
        z-index: 5;
    }

    .study__header {
        min-height: 52px;
        margin-bottom: 10px;
        padding: 12px 14px;
    }

    .study__header-title {
        font-size: 18px;
        font-weight: 400;
        line-height: 1;
        color: #fff;
        transition: color .2s ease;
    }

    .study-nav._hidden {
        width: 0;
        height: 0;
        position: absolute;
        overflow: hidden;
    }

    .study-nav {
        display: none;
    }

    .study__header-menu {
        --s: 24px;
        width: var(--s);
        height: var(--s);
        margin-left: 15px;
        background-color: rgba(51, 51, 51, 0.5);
        flex-shrink: 0;
        -webkit-mask-size: contain;
        mask-size: contain;
        -webkit-mask-image: url("/img/editor/icon-angle.svg");
        mask-image: url("/img/editor/icon-angle.svg");
        -webkit-mask-position: center;
        mask-position: center;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        transform: rotate(90deg);
        display: block;
    }

    .study__header-menu._hidden {
        width: 0;
        height: 0;
        position: absolute;
        overflow: hidden;
    }

    .study__search {
        min-height: 52px;
        margin-bottom: 10px;
        padding: 14px;
    }

    .study-item {
        padding: 16px;
    }

    .study-item:not(:last-of-type) {
        margin-bottom: 10px;
    }

    .study-item__inner {
        flex-direction: column;
    }

    .study-item__img-wrapper {
        width: 100%;
        height: unset;
        margin-right: unset;
        margin-bottom: 36px;
    }

    .study-item__img {
        min-height: 200px;
    }

    .study-item__img-mob {
        width: 100%;
        bottom: 0;
        padding: 8px 10px;
        border-radius: 0 0 10px 10px;
        background-color: rgba(51, 51, 51, 0.75);
        font-weight: 500;
        font-size: 14px;
        line-height: 1;
        display: flex;
        align-items: center;
        position: absolute;
    }

    /* .study-item__img-mob>*:not(:last-child) {
        margin-right: 10px;
    } */

    .study-item__descr._empty {
        width: 100%;
        height: 36px;
        position: relative;
    }

    .study-item__descr._empty::before,
    .study-item__descr._empty::after {
        position: absolute;
        content: "";
        height: 10px;
        border-radius: 10px;
        background-color: #eeeff1;
    }

    .study-item__descr._empty::before {
        top: 0;
        width: 100%;
    }

    .study-item__descr._empty::after {
        top: 22px;
        width: 70%;
    }

    .study-item__stats {
        margin-left: 0;
        margin-right: auto;
        font-size: 14px;
        line-height: 1;
    }

    .study-item__stats-progress,
    .study-item__stats-deadline {
        min-width: 56px;
        padding: 10px;
        border-radius: 5px;
        text-align: center;
        color: #fff;
        background-color: rgba(255, 255, 255, 0.25);
        position: relative;
    }

    .study-item__stats-progress::before,
    .study-item__stats-deadline::before,
    .study-item__button-status::before {
        --s: 10px;
        width: var(--s);
        height: var(--s);
        top: -6px;
        left: 50%;
        border-radius: 2px;
        -webkit-transform: translateX(-50%) rotate(45deg);
        -ms-transform: translateX(-50%) rotate(45deg);
        transform: translateX(-50%) rotate(45deg);
        border: 5px solid;
        border-top-color: transparent;
        border-right-color: #fff;
        border-bottom-color: #fff;
        border-left-color: transparent;
        z-index: 10;
        content: "";
        position: absolute;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        transition: all .2s ease;
        box-sizing: border-box;
    }

    .study-item__stats-progress._active::before,
    .study-item__stats-deadline._active::before,
    .study-item__button-status._active::before {
        top: -18px;
        opacity: 1;
        visibility: visible;
    }

    .study-item[data-type=done] .study-item__stats-progress,
    .study-item[data-type=done] .study-item__stats-deadline,
    .study-item[data-type=await] .study-item__stats-progress,
    .study-item[data-type=await] .study-item__stats-deadline,
    .study-item[data-type=fail] .study-item__stats-progress,
    .study-item[data-type=fail] .study-item__stats-deadline {
        color: #fff;
        background-color: rgba(255, 255, 255, 0.25);
    }

    .study-item__button-status {
        --s: 34px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    .study-item__button-status>span {
        --s: 16px;
    }

    .study-item__button-status[data-type=await],
    .study-item__button-status[data-type=done],
    .study-item__button-status[data-type=fail] {
        background-color: rgba(255, 255, 255, 0.25);
    }

    .study-item__button-status[data-type=await]>span,
    .study-item__button-status[data-type=done]>span,
    .study-item__button-status[data-type=fail]>span {
        background-color: #fff;
    }

    .study-item__button-status:not(:last-child) {
        margin-right: 10px;
    }

    .study-item__buttons {
        flex-direction: column;
    }

    .study-item__buttons>*:not(:last-child) {
        margin-right: 0;
        margin-bottom: 10px;
    }

    .study-item__button-proceed,
    .study-item__button-program {
        width: 100%;
        -webkit-tap-highlight-color: transparent;
        transition: all .2s ease;
    }

    .study-item__button-program._active {
        color: rgba(51, 51, 51, 0.5);
        background-color: #F7F8FA;
    }

    .study-hint {
        width: 320px;
        right: unset;
        left: 0;
        font-weight: 500;
        white-space: normal;
    }

    .study-hint:after {
        display: none;
    }

    .study-item__stats-progress._active>.study-hint,
    .study-item__button-status._active>.study-hint,
    .study-item__stats-deadline._active>.study-hint,
    .study-item__item._active>.study-hint {
        bottom: calc(100% + 12px);
        opacity: 1;
        visibility: visible;
    }

    .study-item__item::before {
        --s: 10px;
        width: var(--s);
        height: var(--s);
        top: -6px;
        right: 2px;
        border-radius: 2px;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        border: 5px solid;
        border-top-color: transparent;
        border-right-color: #fff;
        border-bottom-color: #fff;
        border-left-color: transparent;
        z-index: 10;
        content: "";
        position: absolute;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        transition: all 0.2s ease;
        box-sizing: border-box;
    }

    .study-item__item._active::before {
        top: -18px;
        opacity: 1;
        visibility: visible;
    }

    .study-item__item:not(:last-child) {
        margin-right: auto;
    }

    .study-item__title {
        font-weight: 500;
        font-size: 18px;
        line-height: 1.15;
    }

    .study-item__item-count {
        font-size: 20px;
    }

    .study-item__item-icon span {
        --s: 16px;
    }

    .study-item__button-content {
        display: none;
    }

    /* временно, пока не определились с описанием к модулям и курсам */
    .study-item__button-content .assign_users-item__descr {
        display: none;
    }

    .header {
        min-height: 60px;
        margin-bottom: 10px;
        padding: 10px 14px;
        top: 0;
        left: 0;
        right: 0;
        border-radius: 0 0 20px 20px;
        border-bottom: unset;
        box-shadow: 0 0 5px rgba(51, 51, 51, 0.25);
        background-color: var(--mainBg);
        position: fixed;
        z-index: 4;
    }

    .breadcrumbs,
    .header__menu,
    .header form {
        display: none;
    }

    .header ._container {
        padding: 0;
    }

    .header__inner {
        padding-left: 0;
    }

    .header__icon {
        --s: 24px;
        width: var(--s);
        height: var(--s);
        background-color: rgba(51, 51, 51, 0.5);
        -webkit-mask-image: url("/img/common/icon-menu-mob.svg");
        mask-image: url("/img/common/icon-menu-mob.svg");
        -webkit-mask-size: var(--s);
    }

    body._dark .header__icon {
        background-color: var(--text);
    }

    .header__nav {
        display: flex;
        align-items: center;
        order: 1;
    }

    .header__nav-notifications {
        --s: 24px;
        width: var(--s);
        height: var(--s);
        margin-right: 20px;
        background-color: rgba(51, 51, 51, 0.5);
        -webkit-mask-image: url("/img/profile/notification-icon.svg");
        mask-image: url("/img/profile/notification-icon.svg");
        -webkit-mask-size: var(--s);
    }

    .header__nav-logo {
        --s: 38px;
        width: var(--s);
        height: var(--s);
        background-color: #0B1C35;
        -webkit-mask-image: url("/img/common/icon-logo-mob.svg");
        mask-image: url("/img/common/icon-logo-mob.svg");
        -webkit-mask-size: contain;
        mask-size: contain;
        -webkit-mask-position: center;
        mask-position: center;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
    }

    body._dark .header__nav-logo {
        background-color: var(--text);
    }








    body {
        overflow: unset;
    }

    .news {
        padding: 0 0 10px;
    }

    .news-body {
        display: initial;
    }

    .news-aside {
        display: none;
    }

    .news-main__wrapper {
        height: unset;
    }

    .news-main {
        margin-bottom: 0;
        padding: 0;
        background-color: unset;
        border-radius: unset;
    }

    .news-main__inner {
        height: unset;
    }

    .news-lesson {
        min-height: unset;
        /*padding: 28px 14px 0 14px;*/
        padding: 0;
        background-color: #fff;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        overflow: hidden;
    }

    .news-lesson:not(:last-child) {
        margin-bottom: 10px;
    }

    .news-main__header {
        margin-bottom: 0;
        padding: 28px 14px;
        background: #0B1C35;
        color: #fff;
    }

    .news-lesson__content {
        padding: 0 14px;
    }

    .news .student_template__box {
        padding: 12px 0;
    }

    








    .lesson {
        padding: 0 0 60px;
    }

    .header .student_aside__header {
        top: 0;
        right: 20px;
        bottom: 0;
        left: 20px;
        border-radius: 0 0 30px 30px;
        background-color: #fff;
        display: flex;
        align-items: center;
        position: absolute;
        z-index: 1;
    }

    .sidebar .student_aside__header {
        /* margin: 0 0 10px 0;
        padding: 14px;
        background-color: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; */
        display: none;
    }

    .sidebar .student_aside__backwards-icon span,
    .sidebar .lesson-mob__backwards-icon span {
        margin-left: 18px;
    }

    .lesson > .student_aside__header,
    .lesson > .lesson-mob__header {
        top: 0;
        right: 0;
        left: 0;
        height: 60px;
        margin: 0 0 10px 0;
        padding: 14px;
        background-color: #fff;
        border-radius: 0 0 20px 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: fixed;
        z-index: 5;
    }

    .header._expiring ~ ._container .lesson > .lesson-mob__header {
        top: 88px;
    }

    .lesson .student_aside {
        margin-top: -10px;
        padding: 0 0 60px;
    }

    .lesson .student_aside__backwards,
    .lesson .lesson-mob__backwards {
       margin: -10px;
       padding: 10px;
    }

    .student_aside__backwards-icon,
    .lesson-mob__backwards-icon {
        margin-right: 0;
    }

    .student_aside__info,
    .lesson-mob__info {
        margin: 0 10px;
        flex-grow: 1;
        overflow: hidden;
        display: block;
    }

    .student_aside__program,
    .lesson-mob__program {
        font-weight: 500;
        font-size: 18px;
        line-height: 1.15;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: center;
        white-space: nowrap;
    }

    .student_aside__progress,
    .lesson-mob__progress {
        font-size: 14px;
        color: rgba(41, 92, 201, 0.75);
        text-align: center;
    }

    .student_aside__menu,
    .lesson-mob__menu {
        --s: 24px;
        width: var(--s);
        height: var(--s);
        background-color: #333;
        -webkit-mask-image: url(/img/common/icon-menu.svg);
        mask-image: url(/img/common/icon-menu.svg);
        -webkit-mask-size: var(--s);
        mask-size: var(--s);
        flex-shrink: 0;
        display: block;
    }

    .student_aside__navitem {
        margin: unset;
    }

    .student_aside__modules {
        margin: unset;
        padding: unset;
    }

    .student_aside__lesson-item {
        margin: unset;
    }

    .lesson__inner {
        display: block;
    }

    .sidebar {
        width: 100vw;
        top: unset;
        left: 0;
        bottom: 0;
        padding: 30px 20px 20px;
        border-radius: 30px 30px 0 0;
        background-color: #fff;
        transform: translateY(100%);
        visibility: hidden;
        transition: all 0.2s;
        z-index: 20;
        position: fixed;
    }

    .sidebar._active {
        top: 95px;
        visibility: visible;
        transform: translate(0);
    }

    .lcr__inner,
    .lce__inner {
        min-height: unset;
    }

    .lcr__inner {
        margin-bottom: 0;
    }

    .lcr__header {
        margin-bottom: 10px;
    }

    .lcr__header-inner {
        min-height: unset;
        padding: 14px;
    }

    .lcr__header-name {
        min-height: unset;
    }

    .lcr[data-type="theory"] .lcr__header {
        padding: 10px 0 30px;
    }

    .lcr[data-type="theory"] .student_template__box:not(:last-child) {
        margin-bottom: 30px;
    }

    .lcr[data-type="theory"] .lcr__header-inner {
        padding: 0 14px 14px;
    }

    .lcr[data-type="theory"] .lcr__body-inner {
        padding: 0 14px 14px;
    }

    .lcr__header-title {
        font-size: 24px;
    }

    .lcr__status {
        padding: 16px;
        align-items: start;
        font-size: 16px;
    }

    .lcr__status-text {
        display: block;
        margin-right: 0;
    }

    .lcr__status-text p {
        display: inline-block;
    }

    .lcr__buttons,
    .lce__buttons {
        margin-top: 10px;
    }

    .lcr__buttons-inner {
        display: block;
    }

    .lcr__button {
        height: 60px;
        white-space: nowrap;
    }

    .lcr__button:active {
        filter: brightness(0.9);
        box-shadow: inset 0 0 10px rgba(51,51,51,0.5);
    }

    .lcr__button._loading .lcr__button-inner::after {
        -webkit-mask-image: url(/img/common/audio-loader.svg);
        mask-image: url(/img/common/audio-loader.svg);
    }

    .lcr__button:not(:last-child) {
        margin-right: unset;
        margin-bottom: 10px;
    }

    .warning__main::before {
        --s: 50px;
        top: -25px;
        left: 15px;
        width: calc(var(--s) * 1.2);
        height: var(--s);
        background-color: #fff;
        border-radius: 50%;
        position: absolute;
        content: '';
    }

    .warning__main-inner {
        display: block;
    }

    .warning__main-icon {
        position: absolute;
        top: -25px;
        left: 20px;
        margin: 0;
        padding: 10px;
    }

    .student_test-question__header-top {
        flex-direction: column;
    }

    .student_test-question__title {
        order: 2;
    }

    .student_test-question__header-info {
        margin-left: 0;
        margin-bottom: 10px;
    }

    .student_test-question__header-status {
        margin-left: auto;
    }

    .student_test-question__answer input {
        --s: 24px;
    }

    .student_template__box {
        padding: 14px;
        display: block;
        word-break: break-word;
    }

    .student_template__box:not(:last-of-type) {
        margin-bottom: 10px;
    }

    .student_template__box>*:not(:last-child) {
        margin-bottom: 10px;
    }

    .student_template__box[data-type=sort] .student_test-question__body {
        display: block;
    }

    .student_template__box[data-type=sort] .student_test-question__answer {
        margin-bottom: 10px;
        padding: 14px;
        border-radius: 10px;
        color: rgba(51, 51, 51, 0.5);
        background-color: #F7F8FA;
    }

    .student_test-question__answerbox:not(:last-child) {
        margin-bottom: 30px;
    }

    .student_test-question__sortitem {
        margin-bottom: 10px;
        display: flex;
        padding: 14px;
        border-radius: 10px;
        background-color: rgba(41, 92, 201, 0.15);
        -webkit-tap-highlight-color: transparent;
    }

    .student_template__box[data-type=sort] .student_test-question__sortitem span {
        --s: 24px;
        width: var(--s);
        height: var(--s);
        margin-right: 18px;
        border: 1px solid #EEEFF1;
        border-radius: 50%;
        background-color: #fff;
        flex-shrink: 0;
        transition: all 0.2s ease;
        background-image: url("/img/common/checkmark.svg");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
    }

    .student_template__box[data-type=sort] .student_test-question__sortitem._active span {
        border: 1px solid #54B268;
        background-color: #54B268;
    }

    .student_template__box[data-type=sort] .student_test-question__sortitem._disabled {
        color: rgba(51, 51, 51, 0.5);
        background-color: rgba(41, 92, 201, 0.06);
    }

    .student_template__box[data-type=sort] .student_test-question__sortitem._disabled span {
        background-image: url("/img/common/icon-disabled.svg");
        border: none;
    }

    .student_template__box-textbox {
        line-height: 1.5;
    }

    .file__remove {
        opacity: 1;
        visibility: visible;
    }

    .student_template-task__header {
        margin-bottom: 10px;
    }

    .student_template-task__header-top {
        margin-bottom: 8px;
        flex-direction: column;
    }

    .student_template-task__title {
        order: 2;
    }

    .student_template-task__header-info {
        margin-left: 0;
        margin-bottom: 10px;
    }

    .student_template-task__header-attempts {
        margin-right: auto;
    }

    .student_template-task__comment-content {
        padding-left: 0;
    }

    .student_lesson-file {
        grid-gap: 10px;
    }

    .ef-file.ef {
        height: fit-content;
        padding: 10px;
    }

    .ef__descr {
        margin-top: 4px;
    }

    .video-js .vjs-control {
        /*height: 2em;*/
        width: 3em;
    }

    /*.video-js .vjs-control-bar, .video-popup__track {*/
    /*    height: 3em;*/
    /*    padding: 0;*/
    /*}*/

    /*.video-js.vjs-layout-small .vjs-playback-rate {*/
    /*    display: block;*/
    /*}*/

    /*.video-js.vjs-layout-small .vjs-picture-in-picture-control {*/
    /*    display: none;*/
    /*}*/

    .vjs-playback-rate .vjs-menu {
        left: -0.5em;
    }

    .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
        width: 3em;
    }

    .video-item__video._loading:before {
        top: 40%;
    }

    .video-item__video._loading:after {
        bottom: 15%;
        content: 'Загружаем видеофайл.\AПожалуйста, дождитесь\Aокончания загрузки.';
    }

    .video-popup,
    .student-video-popup {
        top: 0;
        right: 0;
        width: 100vw;
        height: 100vh;
        height: 100dvh;
        padding: 50px 20px 20px;
    }

    .video-popup__video {
        padding-top: 100%;
    }

    .video-popup__camera {
        display: flex;
    }

    .video-popup__btns {
        margin-top: auto;
        flex-wrap: wrap;
    }

    .video-popup__btns > *:not(:last-child) {
        margin-right: 0;
        margin-bottom: 10px;
    }



    /*  ПРОГРАММЫ  */

    .xpl {
        padding-left: 0;
    }

    .xpl__grid {
        padding-bottom: 0;
        display: block;
    }

    .xpl-side {
        top: unset;
        /*height: calc(100vh - 150px);*/
        /*height: calc(100dvh - 150px);*/
        height: unset;
        padding: 0;
        background-color: unset;
        overflow-x: hidden;
        overflow-y: scroll;
    }

    .xpl-side__header {
        margin-bottom: 10px;
        padding: 8px;
        background-color: #fff;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        display: flex;
        align-items: center;
    }

    .xpl-side__header > * {
        flex: 1 1 100%;
    }

    .xpl-side__header-btn {
        padding: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        font-size: 18px;
        color: rgba(51, 51, 51, 0.5);
        text-align: center;
    }

    .xpl-side__header-btn:not(:last-child) {
        margin-right: 10px;
    }

    .xpl-side__header-btn._active {
        background-color: #EEEFF1;
    }

    .xpl-side__content {
        width: 200%;

        display: flex;
        position: relative;
        transition: transform .2s ease;
    }

    .xpl-side__content._completed {
        transform: translateX(-50%);
    }

    .xpl-side__item:not(:last-child) {
        margin-bottom: 10px;
    }

    a.xpl-side__item {
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        overflow: hidden;
        position: relative;
    }

    .xpl-side__item-link {
        background-color: #fff;
        pointer-events: none;
        /*background: var(--bg);*/
        /*background-size: 100%;*/
        /*background-position: 0 0;*/
        /*background-repeat: no-repeat;*/
        position: relative;
    }

    .xpl-side__item-link:not(:last-child) {
        margin-bottom: 10px;
    }

    .xpl-side__item-link::before,
    .xpl-side__item-link:not([onclick])::after {
        width: 100%;
        height: 210px;
        top: 0;
        left: 0;
        content: '';
        position: absolute;
    }

    .xpl-side__item-link::before {
        background: var(--bg);
        background-size: 100%;
        background-position: 0 0;
        background-repeat: no-repeat;
    }

    .xpl-side__item-link:not([onclick])::after {
        background: linear-gradient(0deg, #61A9FE 1.52%, rgba(97, 169, 254, 0.00) 90%);
    }

    .xpl-side__item-link:not([onclick]) {
        padding: 222px 12px 12px;
    }

    .xpl-side__item._active[data-type="section"]>.xpl-side__item-link,
    .xpl-side__item._active[data-type="program"]>.xpl-side__item-link {
        background-color: #fff;
    }

    .xpl-side__item-content {
        padding: unset;
        display: block;
    }

    .xpl-side__item-info {
        display: none;
    }

    .xpl-user__list .xpl-side__item-content {
        padding-top: unset;
        padding-bottom: unset;
    }

    .xpl-side__item-name>span,
    .xpl-side__item-name>div>span,
    .xpl-side__item._closed .xpl-side__item-name>div>x {
        display: none;
    }

    .xpl-side__item-link:not([onclick]) .xpl-side__item-name {
        font-size: 20px;
        font-weight: 600;
    }

    .xpl-side__item-button {
        margin-top: 20px;
        display: flex;
        align-items: center;
    }

    .xpl-side__item-button p {
        margin-right: 28px;
        font-size: 16px;
        line-height: 1.16;
        color: rgba(51, 51, 51, 0.5);
    }

    .xpl-side__item-button span {
        --s: 24px;
        width: var(--s);
        height: var(--s);
        background-color: rgba(51, 51, 51, 0.5);
        -webkit-mask-image: url(/img/editor/icon-arrow.svg);
        mask-image: url(/img/editor/icon-arrow.svg);
        -webkit-mask-size: var(--s);
        mask-size: var(--s);
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-position: center;
        mask-position: center;
        transform: rotate(90deg);
        flex-shrink: 0;
        display: block;
    }

    .xpl-side__item-action {
        top: 130px;
        left: 14px;
        min-width: 215px;
        padding: 18px;
        font-size: 16px;
        color: inherit;
        text-decoration: none;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        background-color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        z-index: 1;
    }

    .xpl-side__item-action:active {
        filter: brightness(0.9);
    }

    .xpl-side__item._closed .xpl-side__item-action {
        color: #FFFFFF;
        background-color: rgba(255, 255, 255, 0.25);
        pointer-events: none;
    }

    .xpl-side__item._closed .xpl-side__item-action span {
        --s: 14px;
        width: var(--s);
        height: var(--s);
        margin-right: 10px;
        -webkit-mask-size: contain;
        mask-size: contain;
        -webkit-mask-image: url(/img/xpl/lock.svg);
        mask-image: url(/img/xpl/lock.svg);
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-position: center;
        mask-position: center;
        background-color: #FFFFFF;
    }

    .xpl-user__list {
        /*flex-grow: 1;*/
        /*flex-shrink: 0;*/
        /*flex-basis: 100%;*/
        width: calc(100vw - 20px);
        min-height: calc(100vh - 150px);
        min-height: calc(100dvh - 150px);
        transition: transform 0.2s ease;
        /*position: absolute;*/
    }

    /*.xpl-user__list._hidden {*/
    /*    transform: translateX(100%);*/
    /*}*/

    .xpl-user__list._active {
        /*transform: translateX(0);*/
    }

    .xpl-user__list._inactive {
        height: calc(100vh - 150px);
        overflow: hidden;
        transition: transform 0.2s ease, height 0s ease 0.2s;
    }

    .xpl-user__list-title {
        display: none;
    }

    .xpl-user__list:nth-child(1)._inactive {
        /*transform: translateX(-100%);*/
    }

    .xpl-user__list:nth-child(2)._inactive {
        /*transform: translateX(100%);*/
    }

    .xpl-user__list:not(:last-child) {
        margin-bottom: 0;
    }

    .xpl-main {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        padding-top: 76px;
        /*padding-bottom: 70px;*/
        background: #F9FAFD;
        transform: translateX(100%);
        transition: transform .2s ease;
        position: fixed;
        z-index: 10;
        overflow: auto;
    }

    .xpl-main._active {
        transform: unset;
    }

    .xpl-main__backwards {
        top: 0;
        right: 0;
        left: 0;
        padding: 20px;
        -webkit-border-radius: 0 0 10px 10px;
        -moz-border-radius: 0 0 10px 10px;
        border-radius: 0 0 10px 10px;
        background-color: #fff;
        font-size: 16px;
        line-height: 1.15;
        color: rgba(51, 51, 51, 0.5);
        box-shadow: 0px 0px 5px rgba(51, 51, 51, 0.25);
        display: flex;
        align-items: center;
        position: fixed;
        z-index: 5;
    }

    .xpl-main__backwards span {
        --s: 24px;
        width: var(--s);
        height: var(--s);
        margin-right: 24px;
        background-color: rgba(51, 51, 51, 0.5);
        -webkit-mask-image: url(/img/faq/arrow-black.svg);
        mask-image: url(/img/faq/arrow-black.svg);
        -webkit-mask-size: var(--s);
        mask-size: var(--s);
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-position: center;
        mask-position: center;
        transform: rotate(90deg);
        flex-shrink: 0;
        display: block;
    }

    .program {
        min-height: unset;
        padding: 0;
        background: linear-gradient(0deg, #61A9FE 32.37%, rgba(97, 169, 254, 0.00) 98.48%);
    }

    .program__img {
        position: relative;
        width: 100%;
        height: 210px;
    }

    .program__img img {
        -webkit-border-radius: 10px 10px 0 0;
        -moz-border-radius: 10px 10px 0 0;
        border-radius: 10px 10px 0 0;
        position: relative;
        object-fit: cover;
        height: unset;
    }

    .program__inner {
        margin-top: -40px;
        padding: 0 24px 32px;
    }

    .program__name {
        margin-bottom: 10px;
    }

    .program__name h2 {
        margin-right: 0;
        font-size: 20px;
    }

    .program__descr {
        margin-bottom: 0;
    }

    .program__descr p {
        margin-bottom: unset;
        min-height: unset;
        margin-right: unset;
        font-size: 14px;
    }

    .program__descr p:not(:empty) {
        margin-bottom: 14px;
    }

    .program__content {
        font-size: 14px;
    }

    .program__btn-link {
        height: 60px;
        max-width: unset;
        right: 10px;
        bottom: 10px;
        left: 10px;
        font-size: 18px;
        font-weight: 400;
        color: #fff;
        background-color: #295CC9;
        position: fixed;
        z-index: 2;
    }
    
    .program__btn-link:after {
        top: 100%;
        left: 0;
        width: 100%;
        height: 10px;
        background-color: #fff;
        position: absolute;
        content: '';
    }

    .program__nav {
        display: none;
    }

    .xpl-body {
        padding: 0;
        padding-bottom: 70px;
    }

    .xpl-body._closed {
        padding-bottom: 0;
    }

    .xpl-user__plug-inner {
        width: 100%;
        justify-content: unset;
    }

    .xpl-user__plug-img {
        width: 100%;
    }

    .xpl-user__plug-title {
        font-size: 20px;
    }

    .xpl-user__plug-text {
        font-size: 14px;
    }

    .xpl-user__stats {
        margin: 0 -20px 30px;
        padding: 0 20px;
        background-color: transparent;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        display: flex;
        overflow: auto;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .xpl-user__stats::-webkit-scrollbar {
        display: none;
    }

    .xpl-user__stat {
        margin: unset;
        padding: 8px 12px;
        background-color: #62AAFE;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        min-width: 130px;
    }

    .xpl-user__stat:not(:last-child) {
        margin-right: 10px;
    }

    .xpl-user__stat>span {
        font-size: 26px;
    }

    .xpl-user__navbar {
        margin-bottom: 30px;
        font-size: 16px;
        color: rgba(51, 51, 51, 0.5);
        display: flex;
        align-items: center;
    }

    .xpl-user__navbar > *:not(:last-child) {
        margin-right: 20px;
    }

    .xpl-user__navbar-text {
        flex-grow: 1;
    }

    .xpl-user__navbar-icon {
        --s: 24px;
        width: var(--s);
        height: var(--s);
        background-color: rgba(51, 51, 51, 0.5);
        -webkit-mask-size: contain;
        mask-size: contain;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-position: center;
        mask-position: center;
        flex-shrink: 0;
    }

    .xpl-user__navbar-icon[data-type="curators"] {
        -webkit-mask-image: url(/img/common/icon-curator.svg);
        mask-image: url(/img/common/icon-curator.svg);
    }

    .xpl-user__navbar-icon[data-type="students"] {
        -webkit-mask-image: url(/img/common/icon-student.svg);
        mask-image: url(/img/common/icon-student.svg);
    }

    .xpl-user-item {
        background-color: var(--mainBg);
    }

    .xpl-user-item__inner {
        padding: 14px;
    }

    .xpl-user-item__main {
        position: relative;
    }

    /*.xpl-user-item[data-type="course"] > .xpl-user-item__inner .xpl-user-item__main:after {*/
    /*    --s: 20px;*/
    /*    top: 50%;*/
    /*    left: calc(100% + 10px);*/
    /*    transform: translateY(-50%) rotate(-90deg);*/
    /*    width: var(--s);*/
    /*    height: var(--s);*/
    /*    background-image: url(/img/xpl/angle.svg);*/
    /*    background-size: contain;*/
    /*    background-repeat: no-repeat;*/
    /*    background-position: center;*/
    /*    transition: transform 0.2s ease;*/
    /*    position: absolute;*/
    /*    content: "";*/
    /*    opacity: .5;*/
    /*}*/

    .xpl-user-item[data-type="course"] > .xpl-user-item__inner .xpl-user-item__main:after
    /*, :where(*/
    /*    .xpl-user-item[data-type="lesson"][lesson-type="test"][data-status="complete"],*/
    /*    .xpl-user-item[data-type="lesson"][lesson-type="test"][data-status="fail"],*/
    /*    .xpl-user-item[data-type="lesson"][lesson-type="test"][data-status="oncheck"],*/
    /*    .xpl-user-item[data-type="lesson"][lesson-type="task"][data-status="complete"],*/
    /*    .xpl-user-item[data-type="lesson"][lesson-type="task"][data-status="fail"],*/
    /*    .xpl-user-item[data-type="lesson"][lesson-type="task"][data-status="oncheck"]*/
    /*) .xpl-user-item__inner .xpl-user-item__main:after*/
    {
        --s: 20px;
        top: 50%;
        left: calc(100% + 10px);
        transform: translateY(-50%) rotate(-90deg);
        width: var(--s);
        height: var(--s);
        background-image: url(/img/xpl/angle.svg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        transition: transform 0.2s ease;
        position: absolute;
        content: "";
        opacity: .5;
    }

    .xpl-user-item._opened[data-type="lesson"] > .xpl-user-item__inner .xpl-user-item__main:after,
    .xpl-user-item._opened[data-type="course"] > .xpl-user-item__inner .xpl-user-item__main:after {
        transform: translateY(-50%) rotate(0deg);
    }

    .xpl-user-item__icon {
        --s: 34px;
    }

    .xpl-user-item__icon span {
        --s: 20px;
    }

    .xpl-user-item__status {
        margin-bottom: 0;
        font-size: 14px;
        order: 1;
    }

    .xpl-user-item__name {
        font-size: 16px;
        word-break: break-word;
        overflow: hidden;
        text-overflow: ellipsis;
        -moz-box-orient: vertical;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        -webkit-line-clamp: 2;
    }

    .xpl-user-item__show {
        margin-top: 0;
        font-size: 14px;
    }

    /*.xpl-user-item__show span {*/
    /*    display: none;*/
    /*}*/

    .xpl-user-item[data-type="course"]>.xpl-user-item__inner .xpl-user-item__name {
        margin-bottom: 0;
    }

    .xpl-user-item__lessons {
        font-size: 14px;
        pointer-events: none;
    }

    .xpl-user-item__lessons span {
        display: none;
    }

    .xpl-user-item[data-type="course"]>.xpl-user-item__hidden {
        /*margin-left: 32px;*/
        margin-left: 0;
        padding-top: 10px;
        border-left: unset;
        position: relative;
    }

    .xpl-user-item[data-type="course"]>.xpl-user-item__hidden:before {
        width: 2px;
        height: 100%;
        top: -40px;
        left: 32px;
        background-color: #DFE7F7;
        content: '';
        position: absolute;
    }

    .xpl-user-item[data-type="course"]:not(:last-child)::after {
        display: none;
    }

    .xpl-user-item[data-type="lesson"] .xpl-user-item__inner::before {
        display: none;
    }

    .xpl-user-item[data-type="lesson"] {
        /*margin-left: -32px;*/
        padding-left: 0;
    }

    .xpl-user-item[data-type="lesson"]:not(:last-child) {
        margin-bottom: 10px;
    }

    .xpl-user-item__inner {
        position: relative;
        z-index: 1;
    }

    /*.xpl-user-item__status + .xpl-user-item__name {*/
    /*    padding-top: 8px;*/
    /*}*/

    .xpl-user-item__link {
        font-size: 0;
        padding: 20px;
    }

    .xpl-user-item__link::after {
        right: -6px;
    }

    .xpl-user-question__content {
        padding-left: 0;
    }

    .xpl-user-item[data-type="lesson"] .xpl-user-item__hidden {
        padding-top: 10px;
    }

    /*.xpl-user-question__title {*/
    /*    margin-bottom: 10px;*/
    /*}*/

    .xpl-user-question__user {
        margin-bottom: 20px;
    }

    .xpl-user-question__footer .xpl-user-question__user {
        margin-bottom: 0;
    }

    .xpl-users-aside__user-name {
        font-size: 16px;
    }

    .xpl-user-question__user .xpl-users-aside__user-pos {
        font-size: 14px;
    }

    .xpl-users-main__table-header {
        font-weight: 400;
        font-size: 16px;
        color: rgba(51, 51, 51, 0.5);
    }

    .xpl-users-main__table-header,
    .xpl-users-main__row {
        grid-template-columns: unset;
    }

    .xpl-users-main__table-header > p:not(:first-child),
    .xpl-users-main__row > div:not(:first-child) {
        display: none;
    }

    .xpl-users-main__table-body {
        height: calc(100vh - 178px);
        height: calc(100dvh - 178px);
        padding-bottom: 60px;
        scrollbar-width: none;
        overflow-y: scroll;
    }

    .xpl-users-main__table-body::-webkit-scrollbar {
        display: none;
    }

    .xpl-user-question__status {
        font-size: 16px;
    }

    /*.xpl-user-question__header + .xpl-user-question__footer {*/
    /*    margin-top: 24px;*/
    /*}*/

    .m-xpl {
        top: 100%;
        right: 0;
        bottom: 0;
        left: 0;
        padding: 20px;
        -webkit-border-radius: 10px 10px 0 0;
        -moz-border-radius: 10px 10px 0 0;
        border-radius: 10px 10px 0 0;
        transition: all .2s ease;
    }

    .m-xpl._active {
        top: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

    .m-xpl__inner {
        height: 100%;
        overflow-y: scroll;
        scrollbar-width: none;
    }

    .m-xpl__inner::-webkit-scrollbar {
        display: none;
    }

    .m-xpl__main {
        flex-grow: 1;
    }

    .m-xpl__title {
        margin-bottom: 18px;
        font-size: 20px;
    }

    .m-xpl__text,
    .study-ready .m-xpl__warning {
        font-size: 16px;
    }

    .m-xpl__buttons {
        padding-bottom: 60px;
    }

    .m-xpl__buttons,
    .study-ready .m-xpl__btn {
        width: 100%;
    }

    .chkm-modal__content {
        padding: 0 10px 80px;
    }

    .chk-block {
        word-break: break-word;
    }

    .check-answer__video {
        width: 100%;
        max-width: 365px;
        max-height: 365px;
    }

    .user-profile {
        position: relative;
        padding: unset;
        width: calc(100vw - 20px);
        top: unset;
        right: unset;
        bottom: unset;
    }

    .up-close {
        display: none;
    }

    .up-head {
        padding: 14px;
    }

    .up-head__options-btn {
        background-color: rgba(51, 51, 51, 0.5);
    }

    .up-head__button {
        padding: 10px 14px;
    }

    .up-switcher {
        display: none;
    }

    .adm-modal__grid {
        height: unset;
        grid-template-columns: 100% 100%;
    }

    .adm-modal__aside,
    .adm-modal__main {
        height: unset;
    }

    .adm-modal__aside-header,
    .adm-modal__aside-main {
        position: relative;
        top: unset;
        grid-gap: 10px;
    }

    .adm-modal__aside-header {
        margin-bottom: 10px;
    }

    .adm-modal__aside-main {
        padding-bottom: 40px;
    }

    .adm-modal__aside .adm-modal__aside-content {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        padding: 90px 20px 20px;
        background-color: #fff;
        transform: translateX(110%);
        transition: transform .2s ease;
        position: fixed;
        z-index: 2;
    }

    .adm-modal__aside .adm-modal__aside-content._active {
        transform: translateX(0);
    }

    .adm-modal__aside .adm-modal__aside-content._inactive {
        transform: translateX(-110%);
    }

    .adm-modal__main {
        /*position: fixed;*/
        /*top: 0;*/
        /*left: 0;*/
        /*right: 0;*/
        /*bottom: 0;*/
        /*z-index: 2;*/
        /*transition: transform .2s ease;*/
        transform: translateX(110%);
    }

    .adm-modal__main._active {
        transform: translateX(0);
    }

    .timeline {
        padding: 14px;
    }

    .timeline-plug {
        height: calc(100vh - 80px);
        height: calc(100dvh - 80px);
        border-radius: 8px;
    }

    .timeline-plug__title {
        font-size: 22px;
    }

    .timeline-plug__text {
        font-size: 18px;
    }

    .timeline-day__title {
        font-size: 16px;
    }

    .timeline-item__icon {
        margin-right: 12px;
    }

    .timeline-item__header-main {
        flex-direction: column;
        align-items: start;
    }

    .timeline-item__header-angle {
        margin: 4px 0;
        background-color: rgba(51, 51, 51, 0.5);
        rotate: 90deg;
        align-self: center;
    }

    .timeline-item__table {
        padding: 18px 20px 10px;
    }

    .timeline-item__table-head,
    .timeline-item__table-row {
        grid-template-columns: 1fr 70px;
    }

    .timeline-item__table-head p:nth-child(1) {
        display: none;
    }

    .timeline-item__table-row {
        margin-right: -10px;
        margin-left: -10px;
        padding: 10px;
        background: #fff;
        border-radius: 10px;
    }

    .timeline-item__table-row:nth-child(2n) {
        background: #F7F8FA;
    }

    .timeline-item__user {
        grid-column: span 2;
        align-items: start;
    }

    .timeline-item__user-name {
        font-weight: 400;
    }

    .crp {
        padding: 32px;
    }

    .crp__title {
        margin-bottom: 32px;
        font-size: 25px;
    }

    .crp__grid {
        display: block;
    }

    .crp__main,
    .crp__image {
        max-height: 50vh;
        max-width: 100%;
        margin-right: 0;
        border-radius: 10px;
    }

    .crp__preview {
        display: none;
    }

    .crp__restart {
        width: 100%;
        margin-top: 10px;
        font-size: 16px;
    }

    .crp__footer {
        align-self: normal;
        justify-content: space-between;
    }

    .crp__button {
        width: 45%;
        height: 40px;
        font-size: 16px;
    }

    .modal-mini {
        height: 92svh;
        padding: 0 20px 20px;
        transform: translateY(100%);
        opacity: 1;
        overflow-y: scroll;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .modal-mini::-webkit-scrollbar {
        display: none;
    }

    .modal-mini._active {
        transform: translateY(0);
    }

    .modal-mini__inner {
        justify-content: unset;
    }

    .modal-mini__main {
        flex-grow: 1;
        display: flex;
        flex-direction: column;
    }

    .modal-mini__image {
        --s: 128px;
    }

    .modal-mini__head {
        height: unset;
        padding: 20px;
    }

    .modal-mini__main-title {
        font-size: 20px;
    }

    .modal-mini__main-text {
        font-size: 16px;
    }

    .modal-mini__form {
        flex-grow: 1;
        display: flex;
        flex-direction: column;
    }

    .modal-mini__form-error {
        align-items: start;
        text-align: left;
    }

    .modal-mini__footer {
        flex-direction: column;
        flex-grow: 1;
    }

    .modal-mini__footer-button {
        width: 100%;
    }

    .modal-mini__footer-button:first-child {
        margin-top: auto;
    }

    .modal-mini__footer-button:not(:last-child) {
        margin-right: 0;
        margin-bottom: 10px;
    }

    .up-data {
        padding: 14px;
    }

    .up-menu {
        display: block;
        background-color: transparent;
    }

    .up-menu__inner {
        display: flex;
        flex-direction: column;
    }

    .up-menu__btn {
        width: 100%;
        padding: 20px;
        font-size: 16px;
        color: inherit;
        text-decoration: none;
        background-color: #fff;
        border: none;
        border-radius: 10px;
        display: flex;
        align-items: center;
    }

    .up-menu__btn:not(:last-child) {
        margin-bottom: 10px;
    }

    .up-menu__btn[data-tab="chat"] {
        /*display: none;*/
    }

    .up-menu__btn-icon,
    .up-menu__btn-arrow {
        --s: 24px;
        width: var(--s);
        height: var(--s);
        -webkit-mask-size: var(--s);
        mask-size: var(--s);
        -webkit-mask-position: center;
        mask-position: center;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        flex-shrink: 0;
    }

    .up-menu__btn-icon {
        margin-right: 20px;
        background-color: #333;
    }

    .up-menu__btn-arrow {
        margin-left: auto;
        background-color: rgba(51, 51, 51, 0.5);
        -webkit-mask-image: url(/img/editor/icon-angle.svg);
        mask-image: url(/img/editor/icon-angle.svg);
    }

    .up-menu__btn[data-tab="chat"] .up-menu__btn-icon {
        -webkit-mask-image: url(/img/common/icon-message.svg);
        mask-image: url(/img/common/icon-message.svg);
    }

    .up-menu__btn[data-tab="info"] .up-menu__btn-icon {
        -webkit-mask-image: url(/img/common/role1.svg);
        mask-image: url(/img/common/role1.svg);
    }

    .up-menu__btn[data-tab="timeline"] .up-menu__btn-icon {
        -webkit-mask-image: url(/img/common/icon-calendar.svg);
        mask-image: url(/img/common/icon-calendar.svg);
    }

    .up-menu__btn[data-tab="study"] .up-menu__btn-icon {
        -webkit-mask-image: url(/img/common/icon-student.svg);
        mask-image: url(/img/common/icon-student.svg);
    }


    .up-menu__btn[data-tab="chat"] .up-menu__btn-text:after {
        content: "Написать в чат";
    }

    .up-menu__btn[data-tab="info"] .up-menu__btn-text:after {
        content: "Личные данные";
    }

    .up-menu__btn[data-tab="timeline"] .up-menu__btn-text:after {
        content: "Таймлайн";
    }

    .up-menu__btn[data-tab="study"] .up-menu__btn-text:after {
        content: "Обучение";
    }

    .xpl-os-show,
    .xpl-os-show .modal-mini__video{
        display: none;
    }

    /*.adm-modal__aside-swipe {*/
    /*    top: 0;*/
    /*    left: -20px;*/
    /*    height: 100%;*/
    /*    width: 60px;*/
    /*    position: fixed;*/
    /*    z-index: 1;*/
    /*}*/

    /*input.adm-modal__label-data,*/
    /*.select-header {*/
    /*    z-index: 1;*/
    /*}*/
}

@media (max-width: 560px) {
    .aside._active {
        max-width: none;
    }
}