:root {
    /* font */
    --ff: 'Gilroy', sans-serif;

    --fz-xl: 24px;
    --lh-xl: 28px;
    --f-xl: var(--fz-xl) / var(--lh-xl) var(--ff);

    --fz-l: 20px;
    --lh-l: 24px;
    --f-l: var(--fz-l) / var(--lh-l) var(--ff);

    --fz-xm: 18px;
    --lh-xm: 22px;
    --f-xm: var(--fz-xm) / var(--lh-xm) var(--ff);

    --fz-m: 16px;
    --lh-m: 20px;
    --f-m: var(--fz-m) / var(--lh-m) var(--ff);

    --fz-s: 14px;
    --lh-s: 18px;
    --f-s: var(--fz-s) / var(--lh-s) var(--ff);

    --fz-xs: 12px;
    --lh-xs: 16px;
    --f-xs: var(--fz-xs) / var(--lh-xs) var(--ff);

    /* color */
    --body: #f7f8fa;
    --body50: rgba(247, 248, 250, 0.5);
    --body25: rgba(247, 248, 250, 0.25);
    --body15: rgba(247, 248, 250, 0.15);
    --bg: #ffffff;
    --bg50: rgba(255, 255, 255, 0.5);
    --bg25: rgba(255, 255, 255, 0.25);
    --bg15: rgba(255, 255, 255, 0.15);
    --bg10: rgba(255, 255, 255, 0.1);
    --bg05: rgba(255, 255, 255, 0.05);
    --text: #333333;
    --text75: rgba(51, 51, 51, 0.75);
    --text50: rgba(51, 51, 51, 0.5);
    --text25: rgba(51, 51, 51, 0.25);
    --text15: rgba(51, 51, 51, 0.15);
    --text10: rgba(51, 51, 51, 0.1);
    --text05: rgba(51, 51, 51, 0.05);

    --primary: #295cc9;
    --primary75: rgba(41, 92, 201, 0.75);
    --primary50: rgba(41, 92, 201, 0.5);
    --primary25: rgba(41, 92, 201, 0.25);
    --primary15: rgba(41, 92, 201, 0.15);
    --primary10: rgba(41, 92, 201, 0.1);
    --primary05: rgba(41, 92, 201, 0.05);

    --primary-text: #ffffff;

    --black: #0b1c35;
    --black50: rgba(11, 28, 53, 0.5);
    --black15: rgba(11, 28, 53, 0.15);
    --orange: #fd8c26;
    --orange50: rgba(253, 140, 38, 0.5);
    --purple: #8e0ef2;
    --yellow: #fcbf47;
    --yellow15: rgba(252, 191, 71, 0.15);
    --yellow10: rgba(252, 191, 71, 0.1);
    --red: #e54047;
    --red50: rgba(229, 64, 71, 0.5);
    --red25: rgba(229, 64, 71, 0.25);
    --red20: rgba(229, 64, 71, 0.2);
    --red15: rgba(229, 64, 71, 0.15);
    --red10: rgba(229, 64, 71, 0.1);
    --red05: rgba(229, 64, 71, 0.05);
    --blue: #295cc9;
    --blue75: rgba(41, 92, 201, 0.75);
    --blue50: rgba(41, 92, 201, 0.5);
    --blue25: rgba(41, 92, 201, 0.25);
    --blue15: rgba(41, 92, 201, 0.15);
    --blue10: rgba(41, 92, 201, 0.1);
    --blue05: rgba(41, 92, 201, 0.05);
    --green: #54b268;
    --green50: rgba(84, 178, 104, 0.5);
    --green25: rgba(84, 178, 104, 0.25);
    --green20: rgba(84, 178, 104, 0.2);
    --green15: rgba(84, 178, 104, 0.15);
    --green10: rgba(84, 178, 104, 0.1);
    --green05: rgba(84, 178, 104, 0.05);
    --gray: #eeeff1;
    --gray75: rgba(238, 239, 241, 0.75);
    --gray-dark: #d8d8d8;
    --gray50: rgba(238, 239, 241, 0.5);
    --gray-light: #eaeaea;

    /* shadow */
    --light-shadow: 0 4px 15px 0 rgba(122, 148, 199, 0.15);
    --dark-shadow: 0 4px 15px 0 rgba(51, 51, 51, 0.15);
    --editor-shadow: 0 4px 20px 0 rgba(150, 151, 151, 0.11);

    --hover: #f7f8fa;

    /* space */
    --container: 1920px;
    --gap-l: 20px;
    --gap: 15px;
    --gap-s: 10px;

    /* content banner */
    --demo-banner-bg: #0b1c35;
    --demo-banner-text: #ffffff;
    --study-banner-bg: #295cc9;
    --study-banner-text: #ffffff;
    --certification-banner-bg: #3190f8;
    --certification-banner-text: #ffffff;
    --knowledge-banner-bg: #03ab8f;
    --knowledge-banner-text: #ffffff;
}

*,
*::before,
*::after {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}

._modal {
    overflow: hidden;
}

._container {
    max-width: 1440px;
    width: 100%;
    padding: 0 var(--gap-l);
    margin: 0 auto;
}

._center {
    display: flex;
    align-items: center;
    justify-content: center;
}

._ns {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

._nowrap {
    white-space: nowrap;
}

._opacity {
    opacity: 0.5;
}

._icon {
    display: block;
    flex-shrink: 0;
    width: var(--s);
    height: var(--s);
    -webkit-mask-size: var(--s);
    mask-size: var(--s);
}

._ava {
    --s: 35px;

    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: var(--s);
    height: var(--s);
    font-size: 14px;
    line-height: 1;
    font-weight: 500;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-color: var(--primary);
    color: var(--primary-text);
    border-radius: 50%;
    border: 0;
    text-transform: uppercase;
}

._ava[style^='background-image'] {
    background-color: transparent;
}

._one-line,
._two-line {
    outline: none;
    word-break: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    -moz-box-orient: vertical;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 1;
}

._two-line {
    -webkit-line-clamp: 2;
}

._sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

._no-scroll {
    scrollbar-width: none;
}

._no-scroll::-webkit-scrollbar {
    width: 0;
    height: 0;
}

._scroll {
    overflow: auto;
    scrollbar-width: thin;
    scrollbar-color: var(--text10) var(--bg);
}

._scroll::-webkit-scrollbar {
    width: 8px;
}

._scroll::-webkit-scrollbar-track {
    background-color: var(--bg);
    border-radius: 8px;
}

._scroll::-webkit-scrollbar-thumb {
    background-color: var(--text10);
    border-radius: 8px;
}

._mono {
    font-variant-numeric: tabular-nums !important;
}

._progress {
    --min: 0;
    --max: 0;
    --value: 0;
    --range: calc(var(--max) - var(--min));
    --ratio: calc((var(--value) - var(--min)) / var(--range));
    --sx: calc(0.5 * 8px + var(--ratio) * (100% - 8px));

    width: 100%;
    height: 4px;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

._progress:focus {
    outline: none;
}

._progress::-webkit-slider-thumb {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 8px;
    height: 8px;
    border-radius: 16px;
    background: var(--primary);
    border: none;
    box-shadow: none;
    margin-top: -2px;
}

._progress::-webkit-slider-runnable-track {
    height: 4px;
    border: none;
    border-radius: 0.5em;
    background: var(--primary15);
    box-shadow: none;
}

._progress::-webkit-slider-runnable-track {
    background: linear-gradient(var(--primary), var(--primary)) 0 / var(--sx) 100% no-repeat, var(--primary15);
}

._progress::-moz-range-thumb {
    width: 8px;
    height: 8px;
    border-radius: 16px;
    background: var(--primary);
    border: none;
    box-shadow: none;
}

._progress::-moz-range-track {
    height: 4px;
    border: none;
    border-radius: 0.5em;
    background: linear-gradient(var(--primary), var(--primary)) 0 / var(--sx) 100% no-repeat, var(--primary15);
    box-shadow: none;
}

._progress::-ms-fill-upper {
    background: transparent;
    border-color: transparent;
}

._progress::-ms-fill-lower {
    background: transparent;
    border-color: transparent;
}

._progress::-ms-thumb {
    width: 8px;
    height: 8px;
    border-radius: 16px;
    background: var(--primary);
    border: none;
    box-shadow: none;
    margin-top: 0;
    box-sizing: border-box;
}

._progress::-ms-track {
    height: 4px;
    border-radius: 0.5em;
    background: var(--primary15);
    border: none;
    box-shadow: none;
    box-sizing: border-box;
}

._progress::-ms-fill-lower {
    height: 4px;
    border-radius: 0.5em 0 0 0.5em;
    margin: 0;
    background: var(--primary);
    border: none;
    border-right-width: 0;
}

[contenteditable] {
    outline: none;
    word-break: break-word;
    cursor: auto;
}

[contenteditable]:empty:not(:focus):before {
    content: attr(data-placeholder);
    color: var(--text50);
    pointer-events: none;
}

[role='button'],
button {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

body {
    width: 100vw;
    min-height: 100vh;
    min-height: 100dvh;
    font: var(--f-m);
    font-weight: 400;
    font-style: normal;
    background-color: var(--body);
    color: var(--text);
    overflow-x: hidden;
}

body._modal {
    overflow: hidden;
}

img,
video {
    display: block;
}

ul[class],
ol[class] {
    list-style: none;
}

input,
textarea,
button {
    font: inherit;
    color: inherit;
}

input:focus,
textarea:focus {
    outline: none;
}

input[type='file'] {
    font-size: 0;
}

input[type='file']::-webkit-file-upload-button {
    display: none;
}

textarea {
    resize: none;
}

input::placeholder,
textarea::placeholder {
    font: inherit;
    color: inherit;
    opacity: 0.5;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    font: inherit;
    color: inherit;
    opacity: 0.5;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    font: inherit;
    color: inherit;
    opacity: 0.5;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    font: inherit;
    color: inherit;
    opacity: 0.5;
}

a {
    color: inherit;
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.input-label {
    display: block;
    position: relative;
}

.input {
    width: 100%;
    height: 50px;
    padding: 0 var(--gap);
    background-color: transparent;
    border-radius: 8px;
    border: 1px solid var(--text15);
}

.input:disabled {
    opacity: 0.5;
}

.input._error {
    color: var(--red);
    border-color: var(--red25);
}

.input-label[data-type='password'] .input {
    padding-right: calc(2 * var(--gap) + 20px);
}

.input-label[data-type='password'] .input + button {
    --s: 20px;

    position: absolute;
    right: var(--gap);
    top: 50%;
    transform: translateY(-50%);
    background-color: var(--text);
    mask-image: url('/modules/pages/offer-edler-2/img/common/eye.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/common/eye.svg');
    border: 0;
    opacity: 0.5;
    transition: opacity 0.2s;
}

.input-label[data-type='password'] .input[type='text'] + button {
    mask-image: url('/modules/pages/offer-edler-2/img/common/eye-slash.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/common/eye-slash.svg');
}

.input-label[data-type='password'] .input._error + button {
    background-color: var(--red);
}

.checkbox-label {
    display: flex;
    align-items: center;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.checkbox-label._disabled {
    opacity: 0.5;
    cursor: auto;
}

.checkbox {
    --s: 20px;

    flex-shrink: 0;
    align-self: flex-start;
    width: var(--s);
    height: var(--s);
    background-color: transparent;
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 4px;
    border: 1px solid var(--text25);
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.checkbox:disabled {
    cursor: auto;
}

.checkbox:checked {
    background-image: url('/modules/pages/offer-edler-2/img/common/checkmark.svg');
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
}

.checkbox[type='radio'] {
    border-radius: 50%;
    background-size: 14px;
}

.checkbox-label._error .checkbox {
    border-color: var(--red25);
}

.checkbox-label > span {
    opacity: 0.5;
}

.checkbox:checked + span {
    opacity: 1;
}

.checkbox-label._error > span {
    color: var(--red);
}

.button {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 170px;
    height: 50px;
    font-size: 16px;
    line-height: 1;
    font-weight: 500;
    background-color: var(--primary);
    color: var(--primary-text);
    border-radius: 8px;
    border: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.button:disabled {
    opacity: 0.5;
    cursor: auto;
}

.hint {
    margin: 0 auto;
    bottom: calc(100% + 12px);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s, visibility 0.2s;
    text-align: left;
    pointer-events: none;
    position: absolute;
    z-index: 20;
}

.hint__inner {
    padding: 12px;
    border-radius: 5px;
    background-color: var(--bg);
    display: flex;
    z-index: 2;
}

.hint__shadow {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    box-shadow: var(--light-shadow);
    border-radius: 5px;
    position: absolute;
    z-index: -1;
}

.hint__inner::after,
.hint__shadow::after {
    --s: 10px;
    width: var(--s);
    height: var(--s);
    right: 50%;
    bottom: 0;
    transform: rotateZ(45deg) translateX(50%);
    border-radius: 0 0 2px 0;
    background-color: var(--bg);
    position: absolute;
    content: '';
    z-index: -1;
}

.hint__shadow::after {
    border-radius: 0 0 2px 0;
    box-shadow: 0 4px 15px rgba(122, 148, 199, 0.15);
}

.editor-locked__header {
    padding: 0;
}

.editor-locked__image {
    height: calc(100% - var(--gap));
    object-fit: contain;
}

.editor-remove__cancel {
    margin-right: var(--gap-l);
    background-color: var(--body);
    color: var(--text50);
}

.content-header-select {
    position: relative;
    margin-left: var(--gap-l);
}

.content__courses[data-type='1'] .content-header-select {
    margin-left: auto;
}

.content-header-select__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 226px;
    height: 50px;
    padding: 0 var(--gap-s) 0 var(--gap);
    background-color: var(--body);
    border-radius: 8px;
    border: 0;
}

body._dark .content-header-select__header {
    background-color: var(--hover);
}

.content-header-select__header-text {
    color: var(--text50);
}

.content-header-select__header-users {
    display: flex;
}

.content-header-select__header-user {
    --s: 30px;

    font-size: 12px;
    line-height: 1;
}

.content-header-select__header-user:not(:last-child) {
    margin-right: -15px;
    outline: 2px solid var(--body);
}

.content-header-select__header-count {
    --s: 30px;

    width: var(--s);
    height: var(--s);
    font: var(--f-s);
    background-color: var(--gray-light);
    color: var(--text50);
    border-radius: 50%;
}

body._dark .content-header-select__header-count {
    color: var(--body);
}

.content-header-select__hint {
    width: 242px;
    right: 0;
}

.content-header-select__hint .hint__inner::after,
.content-header-select__hint .hint__shadow::after {
    right: 22px;
}

.content-header-select__body {
    position: absolute;
    display: none;
    width: 300px;
    padding: var(--gap);
    left: 0;
    top: calc(100% + 10px);
    box-shadow: var(--light-shadow);
    background-color: var(--bg);
    border-radius: 8px;
    z-index: 20;
}

.content-header-select._active .content-header-select__body {
    display: block;
}

.content-header-select__body-title {
    margin-bottom: var(--gap-s);
    font: var(--f-s);
    color: var(--text50);
}

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

.content-header-select__item:not(:last-child) {
    margin-bottom: var(--gap-s);
}

.content-header-select__user {
    display: flex;
    align-items: center;
    margin-right: var(--gap-s);
    background-color: transparent;
    border: 0;
    text-align: left;
}

.content-header-select__user-avatar {
    margin-right: var(--gap-s);
}

.content-header-select__user-name {
    font-weight: 600;
}

.content-header-select__user-email {
    font: var(--f-s);
    color: var(--text50);
}

.content-header-select__chat {
    --s: 24px;

    margin-left: auto;
    background-color: var(--text);
    mask-image: url('/modules/pages/offer-edler-2/img/common/header-chat.svg?1');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/common/header-chat.svg?1');
    border: 0;
    opacity: 0.5;
    transition: opacity 0.2s;
}

trix-toolbar {
    position: absolute;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s;
    z-index: 20;
}

[data-side='2'] trix-toolbar {
    left: unset;
    right: 0;
}

trix-toolbar._active {
    opacity: 1;
    visibility: visible;
}

.trix-button-row {
    display: flex;
    padding: calc(var(--gap-s) / 2);
    box-shadow: var(--light-shadow);
    background-color: var(--bg);
    border-radius: 5px;
}

.trix-button-group {
    display: flex;
}

.trix-button-group:not(:last-child) {
    margin-right: calc(var(--gap-s) / 2);
}

.trix-button {
    --s: 30px;

    width: var(--s);
    height: var(--s);
    background-color: transparent;
    transition: background-color 0.2s;
    border-radius: 5px;
    border: 0;
}

.trix-button:disabled {
    opacity: 0.5;
    cursor: auto;
}

.trix-button.trix-active {
    background-color: var(--body);
}

.trix-button:not(:last-child) {
    margin-right: calc(var(--gap-s) / 2);
}

.trix-button > span {
    --s: 20px;

    background-color: var(--text);
    opacity: 0.5;
    transition: opacity 0.2s;
}

.trix-button.trix-active > span {
    opacity: 1;
}

.trix-button[data-type='bold'] > span {
    mask-image: url('/modules/pages/offer-edler-2/img/editor/text-bold.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/editor/text-bold.svg');
}

.trix-button[data-type='italic'] > span {
    mask-image: url('/modules/pages/offer-edler-2/img/editor/text-italic.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/editor/text-italic.svg');
}

.trix-button[data-type='underline'] > span {
    mask-image: url('/modules/pages/offer-edler-2/img/editor/text-underline.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/editor/text-underline.svg');
}

.trix-button[data-type='strikethrough'] > span {
    mask-image: url('/modules/pages/offer-edler-2/img/editor/text-strikethrough.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/editor/text-strikethrough.svg');
}

.trix-button[data-type='bg'] > span {
    mask-image: url('/modules/pages/offer-edler-2/img/editor/text-bg.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/editor/text-bg.svg');
}

.trix-button[data-type='color'] > span {
    mask-image: url('/modules/pages/offer-edler-2/img/editor/text-color.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/editor/text-color.svg');
}

.trix-button[data-type='link'] > span {
    mask-image: url('/modules/pages/offer-edler-2/img/editor/text-link.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/editor/text-link.svg');
}

.trix-button[data-type='h1'] > span {
    mask-image: url('/modules/pages/offer-edler-2/img/editor/text-h1.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/editor/text-h1.svg');
}

.trix-button[data-type='h2'] > span {
    mask-image: url('/modules/pages/offer-edler-2/img/editor/text-h2.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/editor/text-h2.svg');
}

.trix-button[data-type='h3'] > span {
    mask-image: url('/modules/pages/offer-edler-2/img/editor/text-h3.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/editor/text-h3.svg');
}

.trix-button[data-type='list-point'] > span {
    mask-image: url('/modules/pages/offer-edler-2/img/editor/text-list-point.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/editor/text-list-point.svg');
}

.trix-button[data-type='list-numbers'] > span {
    mask-image: url('/modules/pages/offer-edler-2/img/editor/text-list-numbers.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/editor/text-list-numbers.svg');
}

.trix-button[data-type='align-center'] > span {
    mask-image: url('/modules/pages/offer-edler-2/img/editor/text-align-center.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/editor/text-align-center.svg');
}

.trix-button[data-type='align-center'].trix-active > span,
.trix-button[data-type='align-right'].trix-active > span {
    mask-image: url('/modules/pages/offer-edler-2/img/editor/text-align-left.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/editor/text-align-left.svg');
}

.trix-button[data-type='align-right'] > span {
    mask-image: url('/modules/pages/offer-edler-2/img/editor/text-align-right.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/editor/text-align-right.svg');
}

.trix-button[value='Link'] > span {
    mask-image: url('/modules/pages/offer-edler-2/img/editor/text-link-on.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/editor/text-link-on.svg');
}

.trix-button[value='Unlink'] > span {
    mask-image: url('/modules/pages/offer-edler-2/img/editor/text-link-off.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/editor/text-link-off.svg');
}

.trix__bgc,
.trix__color,
.trix-dialogs {
    position: absolute;
    display: none;
    width: max-content;
    padding: calc(var(--gap-s) / 2);
    left: 145px;
    bottom: calc(100% + var(--gap-s) / 2);
    box-shadow: var(--light-shadow);
    background-color: var(--bg);
    border-radius: 5px;
}

trix-toolbar._bgc .trix__bgc,
trix-toolbar._color .trix__color {
    display: block;
}

.trix__bgc-inner,
.trix__color-inner {
    display: flex;
}

.trix__bgc-button,
.trix__color-button {
    --s: 24px;

    width: var(--s);
    height: var(--s);
    border-radius: 50%;
    border: 1px solid transparent;
    transition: border-color 0.2s;
}

.trix__bgc-button[data-bgc='#D3D6DD'] {
    background-color: rgba(51, 51, 51, 0.15);
}

.trix__bgc-button[data-bgc='#E1D1FA'] {
    background-color: rgba(142, 14, 242, 0.15);
}

.trix__bgc-button[data-bgc='#D1DCF3'] {
    background-color: rgba(41, 92, 201, 0.15);
}

.trix__bgc-button[data-bgc='#D8E9E5'] {
    background-color: rgba(84, 178, 104, 0.15);
}

.trix__bgc-button[data-bgc='#F1EBE0'] {
    background-color: rgba(252, 191, 71, 0.15);
}

.trix__bgc-button[data-bgc='#EDD8E0'] {
    background-color: rgba(229, 64, 71, 0.15);
}

.trix__bgc-button:not(:last-child),
.trix__color-button:not(:last-child) {
    margin-right: var(--gap-s);
}

.trix__bgc-button > span,
.trix__color-button > span {
    --s: 12px;

    display: none;
    background-color: var(--text50);
    mask-image: url('/modules/pages/offer-edler-2/img/common/checkmark.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/common/checkmark.svg');
}

.trix__bgc-button.trix-active > span,
.trix__color-button.trix-active > span {
    display: block;
}

.trix__color {
    left: 180px;
}

.trix__color-button[data-color='#999999'] {
    background-color: #999999;
}

.trix__color-button[data-color='#8E0EF2'] {
    background-color: #8e0ef2;
}

.trix__color-button[data-color='#295CC9'] {
    background-color: #295cc9;
}

.trix__color-button[data-color='#54B268'] {
    background-color: #54b268;
}

.trix__color-button[data-color='#FCBF47'] {
    background-color: #fcbf47;
}

.trix__color-button[data-color='#E54047'] {
    background-color: #e54047;
}

.trix__color-button > span {
    background-color: var(--bg);
}

.trix-dialogs {
    display: block;
    left: 0;
}

.trix-dialog__link-fields {
    display: flex;
}

.trix-input--dialog {
    margin-right: calc(var(--gap-s) / 2);
    background-color: transparent;
    border: 0;
}

align-center {
    display: block;
    text-align: center;
}

align-right {
    display: block;
    text-align: right;
}

trix-editor {
    display: block;
    min-height: 24px;
    font-size: 16px;
    line-height: 1.5;
    outline: none;
    cursor: auto;
}

trix-editor:empty:not(:focus)::before {
    color: graytext;
    cursor: text;
    pointer-events: none;
    white-space: pre-line;
    content: attr(placeholder);
}

trix-editor *,
.student-lesson__item .block__text * {
    word-break: break-word;
}

trix-editor a,
.student-lesson__item .block__text a {
    color: var(--primary);
    text-decoration: underline;
    -webkit-user-select: unset;
    -moz-user-select: unset;
    -ms-user-select: unset;
    user-select: unset;
}

trix-editor h1,
.student-lesson__item .block__text h1 {
    font-size: 26px;
    line-height: 1.5;
    font-weight: 600;
}

trix-editor h2,
.student-lesson__item .block__text h2 {
    font-size: 24px;
    line-height: 1.5;
    font-weight: 600;
}

trix-editor h3,
.student-lesson__item .block__text h3 {
    font-size: 20px;
    line-height: 1.5;
    font-weight: 600;
}

trix-editor ul,
.student-lesson__item .block__text ul {
    list-style: none;
}

trix-editor ul li,
.student-lesson__item .block__text ul li {
    position: relative;
    padding-left: 1.1em;
}

trix-editor ul li::before,
.student-lesson__item .block__text ul li::before {
    position: absolute;
    width: 5px;
    height: 5px;
    left: 7px;
    top: 11px;
    background-color: var(--text);
    border-radius: 50%;
    content: '';
}

trix-editor li::marker,
.student-lesson__item .block__text li::marker {
    font-weight: 600;
}

trix-editor ol li,
.student-lesson__item .block__text ol li {
    margin-left: 1.1em;
}

trix-editor ol li:nth-child(n + 10),
.student-lesson__item .block__text ol li:nth-child(n + 10) {
    margin-left: 1.6em;
}

trix-editor figure,
.student-lesson__item .block__text figure {
    display: inline-block;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

trix-editor figcaption,
trix-editor .attachment__toolbar,
.student-lesson__item .block__text figcaption,
.student-lesson__item .block__text .attachment__toolbar {
    display: none;
}

hash-tag {
    display: inline-block;
    padding: 0 calc(var(--gap-s) / 2);
    margin: 0 2px;
    font: var(--f-s);
    background-color: var(--gray);
    color: var(--text50);
    border-radius: 5px;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.editor-emoji,
.editor-hashtag {
    position: relative;
    margin-left: var(--gap-s);
}

.editor-emoji__button,
.editor-hashtag__button {
    --s: 20px;

    background-color: var(--text);
    mask-image: url('/modules/pages/offer-edler-2/img/editor/text-emoji.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/editor/text-emoji.svg');
    border: 0;
    opacity: 0.5;
    transition: opacity 0.2s;
}

.editor-emoji__body,
.editor-hashtag__body {
    position: absolute;
    display: none;
    right: 0;
    top: 25px;
    z-index: 10;
}

.editor-emoji._active .editor-emoji__body,
.editor-hashtag._active .editor-hashtag__body {
    display: block;
}

.emoji {
    box-shadow: var(--light-shadow);
}

.emoji-header {
    display: flex;
    align-items: center;
    padding: var(--gap-s) var(--gap-s) calc(var(--gap-s) / 2);
    background-color: var(--bg);
    border-radius: 10px 10px 0 0;
    border-bottom: 1px solid var(--text10);
}

.emoji-header__btn,
.emoji-button {
    --s: 36px;

    width: var(--s);
    height: var(--s);
    font-size: 24px;
    line-height: 1;
    background-color: transparent;
    border-radius: 50%;
    border: 0;
}

.emoji-header__btn._active {
    background-color: var(--body);
}

.emoji-main {
    max-width: calc(36px * 9 + var(--gap-s) * 2);
    padding: calc(var(--gap-s) / 2) var(--gap-s) var(--gap-s);
    background-color: var(--bg);
    border-radius: 0 0 10px 10px;
}

.emoji-tab {
    display: none;
    flex-wrap: wrap;
    height: 140px;
    overflow: auto;
}

.emoji-tab._active {
    display: flex;
}

.editor-hashtag__button {
    mask-image: url('/modules/pages/offer-edler-2/img/editor/text-hashtag.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/editor/text-hashtag.svg');
}

.editor-hashtag__body {
    position: absolute;
    flex-direction: column;
    padding: var(--gap-s);
    box-shadow: var(--light-shadow);
    background-color: var(--bg);
    border-radius: 8px;
}

.editor-emoji._active .editor-hashtag__body {
    display: flex;
}

.editor-hashtag__item {
    display: flex;
    align-items: center;
    padding: 0 var(--gap-s);
    line-height: 1.5;
    background-color: var(--gray);
    color: var(--text50);
    border-radius: 5px;
    border: 0;
    white-space: nowrap;
}

.editor-hashtag__item:not(:last-child) {
    margin-bottom: calc(var(--gap-s) / 2);
}

.file {
    display: flex;
    align-items: center;
}

.file__icon {
    --s: 35px;

    width: var(--s);
    height: var(--s);
    margin-right: var(--gap);
    background-color: var(--primary15);
    border-radius: 50%;
}

.file__icon > span {
    --s: 22px;

    background-color: var(--primary);
    mask-image: url('/modules/pages/offer-edler-2/img/common/download.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/common/download.svg');
}

.file__name {
    margin-bottom: 4px;
    font-weight: 600;
}

.file__size {
    font: var(--f-s);
    color: var(--text50);
}

.image > img {
    width: 100%;
    border-radius: 8px;
}

.audio {
    position: relative;
    display: flex;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.audio__action {
    --s: 35px;

    flex-shrink: 0;
    width: var(--s);
    height: var(--s);
    margin-right: var(--gap);
    background-color: var(--primary15);
    border-radius: 50%;
    border: 0;
}

.audio__action > span {
    --s: 23px;

    background-color: var(--primary);
    mask-image: url('/modules/pages/offer-edler-2/img/common/play.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/common/play.svg');
}

.audio._play .audio__action > span {
    mask-image: url('/modules/pages/offer-edler-2/img/common/pause.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/common/pause.svg');
}

.audio__content {
    display: flex;
    flex: 1;
    flex-direction: column;
}

.audio__content-top {
    display: flex;
    align-items: center;
    margin-bottom: calc(var(--gap-s) / 2);
}

.audio__duration {
    margin-right: var(--gap);
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: var(--primary);
}

.audio__speed {
    margin-left: auto;
    font: var(--f-s);
    background-color: transparent;
    color: var(--primary);
    border: 0;
}

.audio__download {
    --s: 20px;

    margin-left: var(--gap-s);
    background-color: var(--primary);
    mask-image: url('/modules/pages/offer-edler-2/img/common/download.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/common/download.svg');
}

.video {
    position: relative;
    max-width: 365px;
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
}

.video__inner {
    position: relative;
    padding-bottom: 100%;
}

.video video,
.video img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    object-fit: cover;
}

.video img[src=''],
.video img._hidden {
    display: none;
    z-index: 2;
}

.video__play {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: var(--text25);
    border: 0;
    z-index: 2;
}

.video__play > span {
    --s: 50px;

    background-color: var(--bg);
    mask-image: url('/modules/pages/offer-edler-2/img/common/play.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/common/play.svg');
    transition: transform 0.2s;
}

.video__controls {
    position: absolute;
    display: flex;
    align-items: center;
    width: calc(100% - var(--gap-s));
    height: 50px;
    padding: 0 var(--gap-s);
    left: calc(var(--gap-s) / 2);
    bottom: calc(var(--gap-s) / 2);
    background-color: var(--text50);
    border-radius: 8px;
}

.video__play + .video__controls {
    display: none;
}

.video__action,
.video__volume,
.video__fullscreen,
.video__download {
    --s: 26px;

    background-color: var(--bg);
    border: 0;
}

.video__action {
    mask-image: url('/modules/pages/offer-edler-2/img/common/play.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/common/play.svg');
}

.video._play .video__action {
    mask-image: url('/modules/pages/offer-edler-2/img/common/pause.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/common/pause.svg');
}

.video__content {
    display: flex;
    flex: 1;
    flex-direction: column;
    margin: 0 var(--gap);
}

.video__duration {
    min-height: 18px;
    margin-bottom: 5px;
    font: var(--f-s);
    font-weight: 500;
    color: var(--bg);
}

.video__speed {
    flex-shrink: 0;
    width: 32px;
    margin-right: calc(var(--gap-s) / 2);
    font-weight: 700;
    background-color: transparent;
    color: var(--bg);
    border: 0;
    text-align: center;
}

.video__volume {
    mask-image: url('/modules/pages/offer-edler-2/img/common/volume.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/common/volume.svg');
}

.video._muted .video__volume {
    mask-image: url('/modules/pages/offer-edler-2/img/common/volume-slash.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/common/volume-slash.svg');
}

.video__fullscreen {
    margin: 0 calc(var(--gap-s) / 2);
    mask-image: url('/modules/pages/offer-edler-2/img/common/fullscreen.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/common/fullscreen.svg');
}

.video__download {
    mask-image: url('/modules/pages/offer-edler-2/img/common/download.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/common/download.svg');
}

.video ._progress {
    height: 12px;
}

.video ._progress::-webkit-slider-thumb {
    background: var(--bg);
}

.video ._progress::-webkit-slider-runnable-track {
    background: var(--bg25);
}

.video ._progress::-webkit-slider-runnable-track {
    background: linear-gradient(var(--bg), var(--bg)) 0 / var(--sx) 100% no-repeat, var(--bg25);
}

.video ._progress::-moz-range-thumb {
    background: var(--bg);
}

.video ._progress::-moz-range-track {
    background: linear-gradient(var(--bg), var(--bg)) 0 / var(--sx) 100% no-repeat, var(--bg25);
}

.video ._progress::-ms-thumb {
    background: var(--bg);
}

.video ._progress::-ms-track {
    background: var(--bg25);
}

.video ._progress::-ms-fill-lower {
    background: var(--bg);
}

.editor__header {
    position: relative;
    display: none;
    align-items: center;
    height: 50px;
    padding: 0 var(--gap);
    box-shadow: var(--light-shadow);
    background-color: var(--bg);
    border-radius: 0 0 8px 8px;
    z-index: 10;
}

.editor__header-back {
    --s: 30px;

    background-color: var(--text50);
    mask-image: url('/modules/pages/offer-edler-2/img/common/angle.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/common/angle.svg');
    transform: rotate(90deg);
    border: 0;
}

.editor__header-name {
    flex: 1;
    margin: 0 var(--gap-l);
    font-weight: 700;
    text-align: center;
}

.editor__header-menu {
    --s: 24px;

    background-color: var(--text50);
    mask-image: url('/modules/pages/offer-edler-2/img/common/menu.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/common/menu.svg');
    border: 0;
}

.editor__grid {
    display: grid;
    grid-template-columns: 300px auto;
    grid-gap: var(--gap-l);
}

.editor-aside__wrapper {
    padding: var(--gap-l) 0 var(--gap-l) var(--gap-l);
}

.editor-aside {
    display: flex;
    flex-direction: column;
    height: calc(100vh - var(--gap-l) * 4);
    height: calc(100dvh - var(--gap-l) * 4);
}

.editor-aside__mob {
    display: none;
    justify-content: space-between;
    padding: var(--gap-l);
}

.editor-aside__mob-title {
    align-self: center;
    font: var(--f-m);
    font-weight: 700;
}

.editor-aside__mob-close {
    --s: 24px;

    margin-left: var(--gap);
    background-color: var(--text50);
    mask-image: url('/modules/pages/offer-edler-2/img/common/close.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/common/close.svg');
}

.editor-aside__back {
    display: none;
    align-items: center;
    padding: var(--gap) var(--gap-l);
    margin-bottom: var(--gap-l);
    background-color: var(--bg);
    color: var(--text50);
    transition: color 0.2s;
    border-radius: 8px;
    border: 0;
}

.editor-aside__back > span {
    --s: 20px;

    margin-right: var(--gap);
    background-color: var(--text);
    mask-image: url('/modules/pages/offer-edler-2/img/common/angle.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/common/angle.svg');
    transform: rotate(90deg);
    opacity: 0.5;
    transition: opacity 0.2s;
}

.editor-aside__header {
    display: grid;
    grid-template-columns: 50px auto;
    grid-gap: var(--gap-l);
    margin-bottom: var(--gap-l);
}

.editor-aside__mode {
    background-color: var(--bg);
    border-radius: 8px;
    border: 0;
}

.editor-aside__mode._active {
    background-color: var(--primary);
}

.editor-aside__mode > span {
    --s: 24px;

    background-color: var(--text);
    mask-image: url('/modules/pages/offer-edler-2/img/editor/glasses.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/editor/glasses.svg');
    opacity: 0.5;
    transition: opacity 0.2s;
}

.editor-aside__mode._active > span {
    background-color: var(--primary-text);
    mask-image: url('/modules/pages/offer-edler-2/img/common/edit.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/common/edit.svg');
    opacity: 1;
}

.editor-aside__header .content-header-select {
    margin-left: 0;
}

.editor-aside__header .content-header-select__header {
    width: 100%;
    background-color: var(--bg);
}

.editor-aside__body {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: var(--gap-l) var(--gap-s) 0;
    background-color: var(--bg);
    border-radius: 8px;
    overflow: auto;
}

.editor-aside__title {
    display: flex;
    align-items: flex-start;
    padding: 0 var(--gap-s);
    margin-bottom: var(--gap-l);
}

.editor-aside__title > h3 {
    font: var(--f-xm);
    font-weight: 600;
}

.editor-aside__title > button {
    --s: 20px;

    margin-left: var(--gap-s);
    background-color: var(--text50);
    mask-image: url('/modules/pages/offer-edler-2/img/common/edit.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/common/edit.svg');
    border: 0;
}

.editor-aside__title > h3._rename + button {
    opacity: 0;
    visibility: hidden;
}

.editor-aside__course:not(:last-child),
.editor-aside__lesson:not(:last-child) {
    margin-bottom: 2px;
}

.editor-aside__course-button,
.editor-aside__lesson-button,
.editor-aside__new {
    display: flex;
    align-items: center;
    width: 100%;
    padding: var(--gap);
    background-color: transparent;
    transition: background-color 0.2s;
    border-radius: 8px;
    border: 0;
    text-align: left;
}

.editor-aside__course-button:disabled {
    opacity: 0.5;
    cursor: auto;
}

.editor-aside__course-icon,
.editor-aside__lesson-icon,
.editor-aside__new-icon {
    --s: 20px;

    margin-right: var(--gap);
    background-color: var(--text);
    mask-image: url('/modules/pages/offer-edler-2/img/common/angle-circle.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/common/angle-circle.svg');
    transition: tranform 0.2s;
}

.editor-aside__course-icon {
    transition: transform 0.2s;
}

.editor-aside__course._active .editor-aside__course-icon {
    transform: rotateZ(90deg);
}

.editor-aside__course-button._rename .editor-aside__course-text,
.editor-aside__lesson-button._rename .editor-aside__lesson-text {
    -webkit-line-clamp: unset;
}

.editor-aside__course-hidden {
    display: none;
    padding-top: 2px;
    padding-left: var(--gap);
}

.editor-aside__course._active .editor-aside__course-hidden {
    display: block;
}

.editor-aside__course._nocourse .editor-aside__course-hidden {
    padding-left: 0;
}

.editor-aside__lesson-button._active {
    background-color: var(--body);
}

.editor-aside__lesson-button._rename {
    cursor: auto;
}

.editor-aside__lesson-button:disabled {
    opacity: 0.5;
}

.editor-aside__lesson-icon {
    --s: 21px;

    align-self: flex-start;
}

.editor-aside__lesson-button[data-lesson-type='0'] .editor-aside__lesson-icon {
    mask-image: url('/modules/pages/offer-edler-2/img/common/icon-theory.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/common/icon-theory.svg');
}

.editor-aside__lesson-button[data-lesson-type='1'] .editor-aside__lesson-icon {
    mask-image: url('/modules/pages/offer-edler-2/img/common/icon-task.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/common/icon-task.svg');
}

.editor-aside__new {
    margin-top: 2px;
    opacity: 0.5;
    transition: opacity 0.2s;
}

.editor-aside__new-icon {
    mask-image: url('/modules/pages/offer-edler-2/img/common/plus-circle.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/common/plus-circle.svg');
}

.editor-aside__footer {
    position: sticky;
    padding: var(--gap-l) var(--gap-s);
    margin-top: auto;
    bottom: 0;
    background-color: var(--bg);
    z-index: 3;
}

.editor-aside__save {
    width: 100%;
}

.editor__main {
    position: relative;
    /* height: calc(100vh - var(--gap-l) * 2); */
    /* height: calc(100dvh - var(--gap-l) * 2); */
    /* padding: var(--gap-l) var(--gap-l) var(--gap-l) 0; */
    padding: var(--gap);
}

.editor-hint {
    position: fixed;
    display: flex;
    align-items: center;
    width: 350px;
    padding: var(--gap-s) var(--gap-l);
    right: 40px;
    top: 42px;
    transform: translateX(200%);
    transition: transform 0.2s;
    font-weight: 500;
    background-color: #e5f3e8;
    color: var(--green);
    border-radius: 8px;
    z-index: 220;
}

.editor-hint._active {
    transform: translateX(0);
}

.editor-hint > span {
    --s: 30px;

    margin-right: var(--gap);
    background-color: var(--green);
    mask-image: url('/modules/pages/offer-edler-2/img/common/check-circle.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/common/check-circle.svg');
}

.editor-lesson,
.student-lesson {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: calc(100vh - var(--gap-l) * 4);
    min-height: calc(100dvh - var(--gap-l) * 4);
    background-color: var(--bg);
    border-radius: 8px;
}

/* .lesson__content {
    position: fixed;
    width: 300px;
    transition: width 0.2s;
    height: calc(100vh - var(--gap-l) * 6);
    height: calc(100dvh - var(--gap-l) * 6);
    right: calc(var(--gap-l) * 2);
    top: calc(var(--gap-l) * 2);
    box-shadow: var(--light-shadow);
    background-color: var(--bg);
    border-radius: 8px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s, visibility 0.2s;
    z-index: 17;
} */

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

.lesson__content-toggle {
    position: absolute;
    width: 30px;
    height: 100%;
    right: 0;
    top: 0;
    background-color: var(--bg);
    border-radius: 8px 0 0 8px;
    border: 0;
    z-index: 4;
}

.lesson__content-toggle > span {
    --s: 20px;

    background-color: var(--text);
    mask-image: url('/modules/pages/offer-edler-2/img/common/angle.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/common/angle.svg');
    opacity: 0.5;
    transform: rotateZ(-90deg);
    transition: transform 0.2s;
}

.lesson__content._active .lesson__content-toggle > span {
    transform: rotateZ(-90deg) rotateX(180deg);
}

.lesson__content-inner {
    display: flex;
    flex-direction: column;
    width: 300px;
    height: 100%;
    padding: calc(var(--gap) * 2) calc(var(--gap) * 2) var(--gap-l) var(--gap-l);
}

.lesson__content-title {
    margin-bottom: var(--gap-l);
    font: var(--f-xm);
    font-weight: 600;
}

.lesson__content-body {
    flex: 1;
    overflow: auto;
}

.lesson__content-wrapper {
    position: relative;
    padding-left: var(--gap-l);
}

.lesson__content-wrapper::before {
    position: absolute;
    width: 1px;
    height: 100%;
    left: 0;
    top: 0;
    background-color: var(--text25);
    content: '';
}

.lesson__content-glider {
    position: absolute;
    width: 3px;
    height: 20px;
    left: -1px;
    background-color: var(--text);
    border-radius: 2px;
    transition: all 0.2s;
}

.lesson__content-button {
    background-color: transparent;
    color: var(--text50);
    border: 0;
}

.lesson__content-button._active {
    color: var(--text);
}

.lesson__content-list {
    margin-top: var(--gap-l);
}

.lesson__content-item:not(:last-child) {
    margin-bottom: var(--gap-l);
}

.editor-lesson__main,
.student-lesson__main {
    display: flex;
    flex: 1;
    flex-direction: column;
    height: 100%;
}

.editor-lesson__main-inner {
    display: flex;
    flex: 1;
    flex-direction: column;
    max-width: 840px;
    width: 100%;
    padding: calc(var(--gap-l) * 2) var(--gap-l) var(--gap-l);
    margin: 0 auto;
}

.editor-lesson__header,
.student-lesson__header {
    display: flex;
    align-items: center;
    padding: 0 var(--gap-l);
    margin-bottom: var(--gap-s);
}

.editor-lesson__header-title,
.student-lesson__header-title {
    font: var(--f-xm);
    font-weight: 600;
}

.editor-lesson__header-edit {
    --s: 20px;

    align-self: flex-start;
    margin-left: var(--gap);
    background-color: var(--text50);
    mask-image: url('/modules/pages/offer-edler-2/img/common/edit.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/common/edit.svg');
    border: 0;
}

.editor-lesson__header-title._rename + .editor-lesson__header-edit {
    opacity: 0;
    visibility: hidden;
}

.editor-lesson__header-actions {
    display: flex;
    margin-left: var(--gap-l);
}

.editor-lesson__header-button,
.student-lesson__header-button,
.insert__button,
.block__action {
    --s: 30px;

    width: var(--s);
    height: var(--s);
    background-color: transparent;
    transition: background-color 0.2s;
    border-radius: 5px;
    border: 0;
}

.editor-lesson__header-button:not(:last-child),
.student-lesson__header-button:not(:last-child),
.insert__button:not(:last-child),
.block__action:not(:last-child) {
    margin-right: calc(var(--gap-s) / 2);
}

.editor-lesson__header-button > span,
.student-lesson__header-button > span,
.insert__button-icon,
.block__action > span {
    --s: 20px;

    background-color: var(--text);
    opacity: 0.5;
    transition: opacity 0.2s;
}

.editor-lesson__header-button[data-type='content'] > span,
.student-lesson__header-button[data-type='content'] > span {
    mask-image: url('/modules/pages/offer-edler-2/img/editor/content.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/editor/content.svg');
}

.editor-lesson__header-button[data-type='copy'] > span {
    mask-image: url('/modules/pages/offer-edler-2/img/common/copy.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/common/copy.svg');
}

.editor-lesson__header-button[data-type='remove'] > span {
    background-color: var(--red);
    mask-image: url('/modules/pages/offer-edler-2/img/common/delete.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/common/delete.svg');
}

.editor-lesson__body,
.student-lesson__body {
    flex: 1;
}

.editor-lesson__item {
    position: relative;
}

.editor-lesson__item:not(:last-child) {
    margin-bottom: var(--gap-s);
}

.insert {
    padding: var(--gap-s) calc(var(--gap-l) * 2);
    margin-bottom: var(--gap-s);
    opacity: 0;
    transition: opacity 0.2s;
}

/* .editor-lesson__list .insert {
    position: absolute;
    padding: var(--gap-s);
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 50%);
    box-shadow: var(--light-shadow);
    background-color: var(--bg);
    border-radius: 8px;
    z-index: 5;
} */

.editor-lesson__body._empty > .insert {
    opacity: 1;
}

.editor-lesson__item .insert {
    margin-bottom: 0;
}

.insert__trigger {
    display: none;
    align-items: center;
    margin: 0 var(--gap-l);
    background-color: transparent;
    color: var(--text50);
    border: 0;
}

.insert__trigger > span {
    --s: 24px;

    margin-right: var(--gap-s);
    background-color: var(--text50);
    mask-image: url('/modules/pages/offer-edler-2/img/common/add.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/common/add.svg');
}

.insert__row {
    display: flex;
    justify-content: center;
}

.insert__button[data-type='clipboard'] {
    display: none;
    background-color: var(--blue05);
}

.insert__button[data-type='clipboard']._active {
    display: flex;
}

.insert__button[data-type='text'] > .insert__button-icon {
    mask-image: url('/modules/pages/offer-edler-2/img/editor/text.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/editor/text.svg');
}

.insert__button[data-type='image'] > .insert__button-icon {
    mask-image: url('/modules/pages/offer-edler-2/img/editor/image.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/editor/image.svg');
}

.insert__button[data-type='video'] > .insert__button-icon {
    mask-image: url('/modules/pages/offer-edler-2/img/editor/video.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/editor/video.svg');
}

.insert__button[data-type='audio'] > .insert__button-icon {
    mask-image: url('/modules/pages/offer-edler-2/img/editor/audio.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/editor/audio.svg');
}

.insert__button[data-type='file'] > .insert__button-icon {
    mask-image: url('/modules/pages/offer-edler-2/img/editor/file.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/editor/file.svg');
}

.insert__button[data-type='info'] > .insert__button-icon {
    mask-image: url('/modules/pages/offer-edler-2/img/editor/info.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/editor/info.svg');
}

.insert__button[data-type='button'] > .insert__button-icon {
    mask-image: url('/modules/pages/offer-edler-2/img/editor/button.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/editor/button.svg');
}

.insert__button[data-type='test'] > .insert__button-icon {
    mask-image: url('/modules/pages/offer-edler-2/img/editor/test.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/editor/test.svg');
}

.insert__button[data-type='task'] > .insert__button-icon {
    mask-image: url('/modules/pages/offer-edler-2/img/editor/task.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/editor/task.svg');
}

.insert__button[data-type='clipboard'] > .insert__button-icon {
    background-color: var(--blue);
    mask-image: url('/modules/pages/offer-edler-2/img/editor/clipboard.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/editor/clipboard.svg');
    opacity: 1;
}

.insert__button-text {
    display: none;
    margin-left: var(--gap);
}

.editor__item:not(:last-child) {
    margin-bottom: var(--gap);
}

.block {
    position: relative;
    padding: calc(var(--gap-l) + var(--gap) * 2) var(--gap-l) var(--gap);
    border-radius: 8px;
}

.student-lesson__item > .block {
    padding: 0 var(--gap-l);
}

.block._active {
    background-color: var(--primary05);
}

.block-data {
    display: none;
    width: 100%;
}

.block._finish .block__start,
.block__finish {
    display: none;
}

.block._finish .block__finish {
    display: block;
}

.block__actions {
    position: absolute;
    display: flex;
    align-items: center;
    right: var(--gap-l);
    top: var(--gap-s);
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s;
}

.block__action[data-type='grab'] > span {
    mask-image: url('/modules/pages/offer-edler-2/img/editor/grab.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/editor/grab.svg');
}

.block__action[data-type='down'] > span {
    mask-image: url('/modules/pages/offer-edler-2/img/editor/arrow.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/editor/arrow.svg');
}

.block__action[data-type='top'] > span {
    mask-image: url('/modules/pages/offer-edler-2/img/editor/arrow.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/editor/arrow.svg');
    transform: rotateZ(180deg);
}

.block__action[data-type='copy'] > span {
    mask-image: url('/modules/pages/offer-edler-2/img/common/copy.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/common/copy.svg');
}

.block__action[data-type='remove'] > span {
    background-color: var(--red);
    mask-image: url('/modules/pages/offer-edler-2/img/common/delete.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/common/delete.svg');
}

.block._active .block__action {
    opacity: 0;
    visibility: hidden;
}

.block__label {
    --s: 24px;

    width: var(--s);
    height: var(--s);
    margin-left: calc(var(--gap-s) / 2);
}

.block__label > .checkbox {
    --s: 18px;

    align-self: unset;
    background-size: 14px;
    border-color: var(--text50);
}

.block__title,
.block__back {
    position: absolute;
    display: flex;
    align-items: center;
    height: 30px;
    left: var(--gap-l);
    top: var(--gap-s);
    opacity: 0.5;
}

.block__back {
    background-color: transparent;
    border: 0;
    transition: opacity 0.2s;
}

.block__back > span {
    --s: 20px;

    margin-right: calc(var(--gap-s) / 2);
    background-color: var(--text);
    mask-image: url('/modules/pages/offer-edler-2/img/common/angle.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/common/angle.svg');
    transform: rotateZ(90deg);
}

.block-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: var(--gap-l);
}

.block-grid__button {
    display: grid;
    grid-gap: var(--gap-s);
    padding: var(--gap-s);
    background-color: var(--body);
    color: var(--text50);
    border-radius: 8px;
    border: 1px solid var(--body);
    transition: border-color 0.2s;
    cursor: pointer;
}

.block._active .block-grid__button {
    background-color: var(--gray);
}

.block-grid__button:not([data-scheme='1']) {
    grid-template-columns: 1fr 1fr;
}

.block-grid__button[data-type='test'],
.block-grid__button[data-type='task'] {
    grid-template-columns: auto;
}

.block-grid__button-item {
    display: flex;
    flex-direction: column;
}

.block-grid__button-image {
    flex-basis: 90px;
    margin-bottom: var(--gap-s);
    background-color: var(--gray);
    border-radius: 8px;
}

.block._active .block-grid__button-image {
    background-color: #dadde1;
}

.block-grid__button-image > span {
    --s: 42px;

    width: var(--s);
    height: var(--s);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.block-grid__button[data-type='image'] .block-grid__button-image > span {
    background-image: url('/modules/pages/offer-edler-2/img/editor/block-grid-image.svg');
}

.block-grid__button[data-type='audio'] .block-grid__button-image > span,
.block-grid__button[data-type='task'][data-scheme='2'] .block-grid__button-image > span {
    background-image: url('/modules/pages/offer-edler-2/img/editor/block-grid-audio.svg');
}

.block-grid__button[data-type='video'] .block-grid__button-image > span,
.block-grid__button[data-type='task'][data-scheme='3'] .block-grid__button-image > span {
    background-image: url('/modules/pages/offer-edler-2/img/editor/block-grid-video.svg');
}

.block-grid__button[data-type='test'][data-scheme='1'] .block-grid__button-image > span {
    background-image: url('/modules/pages/offer-edler-2/img/editor/block-grid-test.svg');
}

.block-grid__button[data-type='test'][data-scheme='2'] .block-grid__button-image > span {
    background-image: url('/modules/pages/offer-edler-2/img/editor/block-grid-sort.svg');
}

.block-grid__button[data-type='test'][data-scheme='3'] .block-grid__button-image > span {
    background-image: url('/modules/pages/offer-edler-2/img/editor/block-grid-queue.svg');
}

.block-grid__button[data-type='task'][data-scheme='1'] .block-grid__button-image > span {
    background-image: url('/modules/pages/offer-edler-2/img/editor/block-grid-text.svg');
}

.block-grid__button[data-type='task'][data-scheme='4'] .block-grid__button-image > span {
    background-image: url('/modules/pages/offer-edler-2/img/editor/block-grid-file.svg');
}

.block-grid__button-text {
    display: flex;
    flex-direction: column;
}

.block-grid__button[data-scheme='1'] .block-grid__button-text {
    width: 70%;
}

.block-grid__button-text > p {
    height: 5px;
    background-color: var(--gray);
    border-radius: 5px;
}

.block._active .block-grid__button-text > p {
    background-color: #dadde1;
}

.block-grid__button-text > p:not(:last-child) {
    margin-bottom: calc(var(--gap-s) / 2);
}

.block-grid__button-text > p:last-child {
    width: 70%;
}

.block__main-grid {
    display: grid;
    align-items: flex-start;
    grid-gap: var(--gap-l);
}

.block__main-grid:not([data-scheme='1']) {
    grid-template-columns: 1fr 1fr;
}

.block__main-side {
    border-radius: 8px;
    border: 1px solid transparent;
}

.block__main-side._border {
    border: 1px solid var(--gray);
}

.block-test__header,
.block-task__header {
    display: flex;
    flex-direction: column;
    margin-bottom: var(--gap-l);
}

.block-test__header-title,
.block-test__body-title,
.block-task__header-title {
    margin-bottom: var(--gap-s);
}

.block-test__body-checkbox {
    display: flex;
    align-items: center;
    margin-bottom: var(--gap-l);
    cursor: pointer;
}

.block-test__body-checkbox > input {
    margin-right: var(--gap-s);
}

.block-test__body-checkbox > span {
    opacity: 0.5;
}

.block-test__body-subtitle {
    margin-bottom: var(--gap-l);
    color: var(--text50);
}

.block-test__list {
    margin-bottom: var(--gap-l);
}

.block-test__list {
    counter-reset: queue;
}

.block-test__item,
.block-test__item-inner {
    display: flex;
    width: 100%;
}

.block-test__item {
    counter-increment: queue;
}

.block-test__list[data-type='3'] .block-test__item {
    position: relative;
}

.block-test__list[data-type='3'] .block-test__item::before {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    top: 0;
    left: 0;
    color: var(--text50);
    content: counter(queue);
}

.block-test__item:not(:last-child) {
    margin-bottom: var(--gap-l);
}

.block-test__item-mob {
    display: none;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--gap);
}

.block-test__item-mob > span {
    color: var(--text50);
}

.block-test__item-mob > span::after {
    content: counter(queue);
}

.block-test__header-textarea,
.block-test__item-textarea,
.block-task__header-textarea {
    min-height: 50px;
    padding: 14px var(--gap);
    background-color: transparent;
    border-radius: 8px;
    border: 1px solid var(--text15);
    overflow: hidden;
}

.block-test__item-textarea {
    flex: 1;
}

.block-test__item-textarea[data-type='right'] {
    margin-right: var(--gap-l);
}

.block-test__list[data-type='2'] .block-test__item-textarea {
    align-self: flex-start;
}

.block-test__list[data-type='3'] .block-test__item-textarea {
    padding-left: 50px;
    margin-right: var(--gap-l);
}

.block-test__item-label {
    display: flex;
    flex-shrink: 0;
    align-self: flex-start;
    align-items: center;
    height: 50px;
    padding: 0 var(--gap);
    margin: 0 var(--gap-l);
    border-radius: 8px;
    border: 1px solid var(--text15);
    cursor: pointer;
}

.block-test__item-label > .checkbox {
    align-self: center;
    margin-right: var(--gap-s);
}

.block-test__item-label > span {
    opacity: 0.5;
}

.block-test__item-angle {
    --s: 24px;

    align-self: center;
    margin: 0 var(--gap-s);
    background-color: var(--text50);
    mask-image: url('/modules/pages/offer-edler-2/img/common/angle.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/common/angle.svg');
    transform: rotate(-90deg);
}

.block-test__item-grab,
.block-test__item-remove {
    --s: 30px;

    align-self: flex-start;
    width: var(--s);
    height: var(--s);
    margin-top: var(--gap-s);
    background-color: transparent;
    border: 0;
}

.block-test__item-grab {
    margin-right: calc(var(--gap-s) / 2);
    cursor: grab;
}

.block-test__item:only-child .block-test__item-remove,
.block-test__item:only-child .block-test__item-mob > button {
    opacity: 0;
    visibility: hidden;
}

.block-test__item-grab > span {
    --s: 20px;

    background-color: var(--text50);
    mask-image: url('/modules/pages/offer-edler-2/img/editor/grab.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/editor/grab.svg');
}

.block-test__item-remove > span,
.block-test__item-mob > button {
    --s: 20px;

    background-color: var(--red);
    mask-image: url('/modules/pages/offer-edler-2/img/common/delete.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/common/delete.svg');
    opacity: 0.5;
    transition: opacity 0.2s;
}

.block-test__add {
    display: flex;
    align-items: center;
    background-color: transparent;
    border: 0;
    opacity: 0.5;
    transition: opacity 0.2s;
}

.block-test__add > span {
    --s: 20px;

    margin-right: var(--gap-s);
    background-color: var(--text);
    mask-image: url('/modules/pages/offer-edler-2/img/common/plus-circle.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/common/plus-circle.svg');
}

.block-task__header {
    margin-bottom: var(--gap-s);
}

.block-task__description {
    display: flex;
    align-items: center;
    color: var(--text50);
}

.block-task__description-icon {
    --s: 30px;

    flex-shrink: 0;
    width: var(--s);
    height: var(--s);
    margin-right: var(--gap);
    background-color: var(--body);
    border-radius: 50%;
}

.block-task__description-icon > span {
    --s: 20px;

    background-color: var(--text50);
}

.block-task[data-type='1'] .block-task__description-icon > span {
    mask-image: url('/modules/pages/offer-edler-2/img/editor/text.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/editor/text.svg');
}

.block-task[data-type='2'] .block-task__description-icon > span {
    mask-image: url('/modules/pages/offer-edler-2/img/editor/audio.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/editor/audio.svg');
}

.block-task[data-type='3'] .block-task__description-icon > span {
    mask-image: url('/modules/pages/offer-edler-2/img/editor/video.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/editor/video.svg');
}

.block-task[data-type='4'] .block-task__description-icon > span {
    mask-image: url('/modules/pages/offer-edler-2/img/editor/file.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/editor/file.svg');
}

.image-plug,
.video-plug,
.audio-plug,
.block-audio__rec,
.block-audio__active,
.block-audio__upload,
.block-audio__convert,
.file-plug,
.block-file__active,
.block-file__upload,
.student-audio__start,
.student-audio__rec,
.student-audio__upload,
.student-audio__convert,
.student-audio__active,
.student-file__start,
.student-file__active,
.student-video__start {
    height: 400px;
    padding: var(--gap);
    background-color: var(--body);
    border-radius: 8px;
}

.block__main-side._border .video-plug,
.block__main-side._border .image-plug,
.block__main-side._border .audio-plug {
    border-radius: 8px 8px 0 0;
}

.block__main-grid:not([data-scheme='1']) .image-plug,
.block__main-grid:not([data-scheme='1']) .video-plug {
    height: 230px;
}

.block-image__wrapper._active .image-plug,
.block-video__wrapper._active .video-plug,
.block-video__wrapper._frame .video-plug,
.block-video__wrapper._upload .video-plug,
.block-video__wrapper._convert .video-plug,
.block-audio__wrapper._rec .audio-plug,
.block-audio__wrapper._active .audio-plug,
.block-audio__wrapper._upload .audio-plug,
.block-audio__wrapper._convert .audio-plug,
.block-file__item._active .file-plug,
.block-file__item._link .file-plug,
.block-file__item._upload .file-plug,
.student-practice._rec .student-audio__start,
.student-practice._active .student-audio__start,
.student-practice._upload .student-audio__start,
.student-practice._convert .student-audio__start,
.student-practice._active .student-file__start,
.student-practice._upload .student-video__start,
.student-practice._convert .student-video__start,
.student-practice._active .student-video__start {
    display: none;
}

.block._active .image-plug,
.block._active .video-plug,
.block._active .audio-plug,
.block._active .block-audio__rec,
.block._active .block-audio__active,
.block._active .file-plug,
.block._active .block-file__active {
    background-color: var(--gray);
}

.image-plug__inner,
.video-plug__inner {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.image-plug__image,
.video-plug__image {
    --s: 120px;

    width: var(--s);
    height: var(--s);
    background-color: var(--gray);
    border-radius: 50%;
}

.block._active .image-plug__image,
.block._active .video-plug__image {
    background-color: #dadde1;
}

.block__main-grid:not([data-scheme='1']) .image-plug__image,
.block__main-grid:not([data-scheme='1']) .video-plug__image {
    --s: 65px;
}

.image-plug__image > img,
.video-plug__image > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.image-plug__text,
.video-plug__text {
    margin: var(--gap-l) 0;
    color: var(--text50);
    text-align: center;
}

.block__main-grid:not([data-scheme='1']) .image-plug__text,
.block__main-grid:not([data-scheme='1']) .video-plug__text {
    font: var(--f-s);
}

.image-plug__actions,
.video-plug__actions,
.audio-plug__actions,
.file-plug__inner,
.student-audio__start-inner,
.student-audio__rec-inner,
.student-file__start-inner,
.student-video__start-inner {
    display: flex;
}

.image-plug__button,
.video-plug__button,
.audio-plug__button,
.file-plug__button,
.student-audio__start-rec,
.student-file__start-button,
.student-video__start-button {
    --s: 50px;

    position: relative;
    flex-shrink: 0;
    width: var(--s);
    height: var(--s);
    background-color: var(--gray);
    border-radius: 8px;
    border: 0;
}

.block__main-grid:not([data-scheme='1']) .image-plug__button,
.block__main-grid:not([data-scheme='1']) .video-plug__button {
    --s: 40px;
}

.block._active .image-plug__button,
.block._active .video-plug__button,
.block._active .audio-plug__button,
.block._active .file-plug__button {
    background-color: #dadde1;
}

.image-plug__button:not(:last-child),
.video-plug__button:not(:last-child),
.audio-plug__button:not(:last-child),
.file-plug__button:not(:last-child) {
    margin-right: var(--gap-s);
}

.image-plug__button > span,
.video-plug__button > span,
.audio-plug__button > span,
.file-plug__button > span,
.student-audio__start-rec > span,
.student-file__start-button > span,
.student-video__start-button > span {
    --s: 24px;

    background-color: var(--text);
    opacity: 0.5;
    transition: opacity 0.2s;
}

.block__main-grid:not([data-scheme='1']) .image-plug__button > span,
.block__main-grid:not([data-scheme='1']) .video-plug__button > span {
    --s: 20px;
}

.image-plug__button[data-type='1'] > span {
    mask-image: url('/modules/pages/offer-edler-2/img/editor/block-image-crop.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/editor/block-image-crop.svg');
}

.image-plug__button[data-type='2'] > span,
.video-plug__button[data-type='2'] > span,
.audio-plug__button[data-type='2'] > span,
.file-plug__button[data-type='1'] > span,
.student-file__start-button > span {
    mask-image: url('/modules/pages/offer-edler-2/img/editor/upload.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/editor/upload.svg');
}

.image-plug__button > input,
.video-plug__button > input,
.audio-plug__button > input,
.block-video__menu-button > input,
.file-plug__button > input,
.student-file__start-button > input {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 8px;
    opacity: 0;
    cursor: pointer;
    z-index: 2;
}

.block-image__active,
.block-video__active,
.block-video__frame,
.block-video__upload,
.block-video__convert,
.block-audio__rec,
.block-audio__active,
.block-audio__upload,
.block-audio__convert,
.block-file__active,
.block-file__upload,
.student-audio__rec,
.student-audio__upload,
.student-audio__convert,
.student-audio__active,
.student-file__active,
.student-video__upload,
.student-video__convert,
.student-video__active {
    position: relative;
    display: none;
    border-radius: 8px;
}

.block__main-side._border .block-image__active {
    border-radius: 8px 8px 0 0;
}

.block-image__wrapper._active .block-image__active,
.block-video__wrapper._active .block-video__active,
.block-video__wrapper._frame .block-video__frame,
.block-video__wrapper._upload .block-video__upload,
.block-video__wrapper._convert .block-video__convert,
.block-audio__wrapper._rec .block-audio__rec,
.block-audio__wrapper._upload .block-audio__upload,
.block-audio__wrapper._convert .block-audio__convert,
.block-audio__wrapper._active .block-audio__active,
.block-file__item._active .block-file__active,
.block-file__item._link .block-file__active,
.block-file__item._upload .block-file__upload,
.student-practice._upload .student-audio__upload,
.student-practice._convert .student-audio__convert,
.student-practice._rec .student-audio__rec,
.student-practice._active .student-audio__active,
.student-practice._upload .block-file__upload,
.student-practice._active .student-file__active,
.student-practice._upload .student-video__upload,
.student-practice._convert .student-video__convert,
.student-practice._active .student-video__active {
    display: block;
}

.block-image__active .image > img,
.student-lesson__item ._border .block-image__active .image > img {
    border-radius: 8px 8px 0 0;
}

.student-lesson__item .block-image__active .image > img {
    border-radius: 8px;
}

.block-image__menu,
.block-video__menu,
.student-video__active-menu {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: var(--gap-s) var(--gap);
    left: 0;
    bottom: 0;
    background-color: var(--text);
    border-radius: 0 0 8px 8px;
}

.block__main-side._border .block-image__menu,
.block__main-side._border .block-video__menu {
    border-radius: 0;
}

.block-image__menu-button,
.block-video__menu-button,
.student-video__active-refresh {
    position: relative;
    display: flex;
    align-items: center;
    background-color: transparent;
    color: var(--bg);
    border: 0;
}

.block__main-grid:not([data-scheme='1']) .block-image__menu-button,
.block__main-grid:not([data-scheme='1']) .block-video__menu-button {
    font-size: 0;
}

.block-image__menu-button > span,
.block-video__menu-button > span,
.student-video__active-refresh > span {
    --s: 22px;

    margin-right: calc(var(--gap-s) / 2);
    background-color: var(--bg);
}

.block__main-grid:not([data-scheme='1']) .block-image__menu-button > span,
.block__main-grid:not([data-scheme='1']) .block-video__menu-button > span {
    margin-right: 0;
}

.block-image__menu-button[data-type='refresh'] > span,
.block-video__menu-button[data-type='refresh'] > span,
.student-video__active-refresh > span {
    mask-image: url('/modules/pages/offer-edler-2/img/editor/block-refresh.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/editor/block-refresh.svg');
}

.block-image__menu-button[data-type='download'] > span,
.block-video__menu-button[data-type='download'] > span {
    mask-image: url('/modules/pages/offer-edler-2/img/editor/block-download.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/editor/block-download.svg');
}

.block-image__menu-button[data-type='border'] > span,
.block-video__menu-button[data-type='border'] > span {
    mask-image: url('/modules/pages/offer-edler-2/img/editor/block-border.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/editor/block-border.svg');
}

.video-plug__input {
    position: relative;
    /* width: 280px; */
    margin-right: var(--gap-s);
}

.video-plug__input > input {
    width: 260px;
    padding-right: 72px;
}

.block__main-grid:not([data-scheme='1']) .video-plug__input > input,
.block__main-grid:not([data-scheme='1']) .video-plug__input > input {
    height: 40px;
}

.video-plug__input > input:not(._empty) {
    padding-right: var(--gap-s);
}

.video-plug__input-icons {
    position: absolute;
    display: none;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.video-plug__input > input._empty + .video-plug__input-icons {
    display: flex;
}

.video-plug__input-icons > img {
    --s: 16px;

    opacity: 0.5;
}

.video-plug__input-icons > img:not(:last-child) {
    margin-right: 2px;
}

.video-plug__button[data-type='1'] > span,
.student-video__start-button > span {
    mask-image: url('/modules/pages/offer-edler-2/img/editor/block-video-rec.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/editor/block-video-rec.svg');
}

.block-video__active .video,
.video-frame,
.student-lesson__item ._border .block-video__active .video {
    max-width: none;
    border-radius: 8px 8px 0 0;
}

.student-lesson__item .block-video__active .video {
    border-radius: 8px;
}

.block-video__active .video__inner,
.video-frame__inner {
    padding-bottom: calc(100% / 16 * 9);
}

.block-video__menu-button[data-type='poster'] > span {
    mask-image: url('/modules/pages/offer-edler-2/img/editor/block-poster.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/editor/block-poster.svg');
}

.video-frame {
    overflow: hidden;
}

.video-frame__inner {
    position: relative;
}

.video-frame__inner > img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    object-fit: cover;
}

.video-frame__play {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: var(--text25);
    border: 0;
    z-index: 2;
}

.video-frame__play > span {
    --s: 50px;

    background-color: var(--bg);
    mask-image: url('/modules/pages/offer-edler-2/img/common/play.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/common/play.svg');
    transition: transform 0.2s;
}

.video-frame__inner > iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 4;
}

.block-video__upload,
.block-video__convert,
.student-video__upload,
.student-video__convert {
    height: 400px;
    padding: var(--gap);
    background-color: var(--body);
}

.block__main-grid:not([data-scheme='1']) .block-video__upload,
.block__main-grid:not([data-scheme='1']) .block-video__convert {
    height: 230px;
}

.block-video__upload-inner,
.block-video__convert-inner,
.block-audio__upload-inner,
.block-audio__convert-inner,
.block-file__upload,
.student-audio__upload-inner,
.student-audio__convert-inner,
.student-video__upload-inner,
.student-video__convert-inner {
    position: relative;
    height: 100%;
}

.block-video__upload-content,
.block-video__convert-content,
.student-video__upload-content,
.student-video__convert-content {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.block-video__upload-image,
.block-video__convert-image,
.block-audio__upload-image,
.block-audio__convert-image,
.block-file__upload-image,
.student-audio__upload-image,
.student-audio__convert-image,
.student-video__upload-image,
.student-video__convert-image {
    --s: 120px;

    position: relative;
    width: var(--s);
    height: var(--s);
    margin-bottom: var(--gap-s);
}

.block__main-grid:not([data-scheme='1']) .block-video__upload-image,
.block__main-grid:not([data-scheme='1']) .block-video__convert-image {
    --s: 65px;
}

.block__main-grid:not([data-scheme='1']) .block-video__upload-text,
.block__main-grid:not([data-scheme='1']) .block-video__convert-text {
    font: var(--f-s);
}

.block__main-grid:not([data-scheme='1']) .block-video__upload-text > p,
.block__main-grid:not([data-scheme='1']) .block-video__convert-text > p {
    display: inline;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.student-video__upload-image > svg,
.student-video__convert-image > svg {
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 2;
}

.student-video__upload-title,
.student-video__convert-title {
    margin-bottom: var(--gap-s);
    font: var(--f-m);
    font-weight: 600;
    text-align: center;
}

.student-video__upload-text,
.student-video__convert-text {
    text-align: center;
}

.block-video__upload-progress,
.block-video__convert-progress,
.block-audio__upload-progress,
.block-audio__convert-progress,
.block-file__upload-progress,
.student-audio__upload-progress,
.student-audio__convert-progress,
.student-video__upload-progress,
.student-video__convert-progress {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 4px solid transparent;
    border-top-color: var(--primary);
    animation: spin 1s linear infinite;
    transform-origin: center;
    box-sizing: border-box;
}

.block-video__convert-progress,
.block-audio__convert-progress,
.student-audio__convert-progress,
.student-video__convert-progress {
    border-top-color: var(--green);
}

.block-video__upload-image > svg,
.block-video__convert-image > svg {
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 2;
}

.block-video__upload-title,
.block-video__convert-title {
    margin-bottom: var(--gap-s);
    font: var(--f-m);
    font-weight: 600;
    text-align: center;
}

.block-video__upload-text,
.block-video__convert-text {
    text-align: center;
}

.rec {
    position: fixed;
    width: 520px;
    padding: var(--gap-l);
    right: var(--gap-l);
    top: var(--gap-l);
    box-shadow: var(--light-shadow);
    background-color: var(--bg);
    border-radius: 10px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s, visibility 0.2s;
    z-index: 35;
}

.rec._student {
    width: 405px;
}

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

.rec__grab {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    cursor: grab;
}

.rec__inner {
    display: flex;
    flex-direction: column;
}

.rec__title {
    margin-bottom: var(--gap-l);
    font: var(--f-xm);
    font-weight: 600;
}

.rec__body {
    position: relative;
    margin-bottom: var(--gap-l);
    z-index: 2;
}

.rec__main {
    position: relative;
}

.rec._done .rec__main,
.rec__done {
    display: none;
}

.rec__video {
    width: 480px;
    background-color: var(--text);
    border-radius: 8px;
}

._student .rec__video {
    width: 365px;
    max-width: 100%;
}

.rec__video-inner {
    position: relative;
    padding-bottom: calc(100% / 16 * 9);
}

._student .rec__video-inner {
    padding-bottom: 100%;
}

.rec__video-inner > video {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 8px;
    object-fit: cover;
}

.rec__main-header {
    position: absolute;
    display: flex;
    justify-content: space-between;
    width: calc(100% - var(--gap-s));
    left: calc(var(--gap-s) / 2);
    top: calc(var(--gap-s) / 2);
    z-index: 2;
}

.rec__timer {
    position: relative;
}

.rec__timer-inner {
    position: relative;
    height: 40px;
    padding: 0 var(--gap);
    border-radius: 40px;
    color: var(--bg);
    z-index: 2;
}

.rec__timer-inner > p {
    margin-right: calc(var(--gap-s) / 2);
}

.rec__timer-blur,
.rec__switch-blur,
.rec__refresh-blur {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    backdrop-filter: blur(1px);
    background-color: var(--text50);
    border-radius: 40px;
}

.rec__switch,
.rec__refresh {
    position: relative;
    --s: 40px;

    width: var(--s);
    height: var(--s);
    background-color: transparent;
    border-radius: 50%;
    border: 0;
}

.rec__switch-icon,
.rec__refresh-icon {
    --s: 24px;

    position: relative;
    background-color: var(--bg);
    mask-image: url('/modules/pages/offer-edler-2/img/editor/switch-camera.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/editor/switch-camera.svg');
    z-index: 2;
}

.rec__switch-blur {
    border-radius: 50%;
}

.rec__start {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: var(--gap);
}

.rec__start > span:nth-child(2),
.rec._rec .rec__start > span:nth-child(1) {
    display: none;
}

.rec._rec .rec__start > span:nth-child(2) {
    display: flex;
}

.rec._done .rec__done {
    display: block;
}

.rec .video {
    max-width: none;
    width: 480px;
}

.rec._student .video {
    width: 365px;
    max-width: 100%;
}

.rec .video__inner {
    padding-bottom: calc(100% / 16 * 9);
}

.rec._student .video__inner {
    padding-bottom: 100%;
}

.rec__refresh {
    position: absolute;
    right: calc(var(--gap-s) / 2);
    top: calc(var(--gap-s) / 2);
}

.rec__footer {
    position: relative;
    display: flex;
    justify-content: space-between;
    z-index: 2;
}

.rec__footer-cancel {
    background-color: var(--body);
    color: var(--text50);
}

.audio-plug,
.block-audio__rec,
.block-audio__active,
.block-audio__upload,
.block-audio__convert,
.file-plug,
.block-file__active,
.student-audio__start,
.student-audio__rec,
.student-audio__upload,
.student-audio__convert,
.student-audio__active,
.student-file__start,
.student-file__active,
.student-video__start {
    height: auto;
}

.audio-plug__button,
.file-plug__button,
.student-audio__start-rec,
.student-file__start-button,
.student-video__start-button {
    --s: 40px;
}

.audio-plug__button > span,
.file-plug__button > span,
.student-audio__start-rec > span,
.student-file__start-button > span,
.student-video__start-button > span {
    --s: 20px;
}

.audio-plug__button[data-type='1'] > span,
.student-audio__start-rec > span {
    mask-image: url('/modules/pages/offer-edler-2/img/common/mic.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/common/mic.svg');
}

.block-audio__rec-inner {
    display: flex;
}

.block-audio__rec-button,
.student-audio__rec-stop {
    --s: 40px;

    width: var(--s);
    height: var(--s);
    margin-right: var(--gap);
    background-color: var(--red15);
    border-radius: 50%;
    border: 0;
}

.block-audio__rec-button > span,
.student-audio__rec-stop > span {
    --s: 16px;

    width: var(--s);
    height: var(--s);
    background-color: var(--red);
    border-radius: 4px;
    animation: blink 1.5s linear infinite;
}

@keyframes blink {
    from {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.block-audio__rec-info,
.student-audio__rec-info {
    display: flex;
    flex: 1;
    flex-direction: column;
}

.block-audio__rec-duration,
.student-audio__rec-duration {
    margin-bottom: calc(var(--gap-s) / 2);
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: var(--primary);
}

.block-audio__inner,
.student-audio__active-inner,
.block-file__active-inner,
.student-file__active-inner {
    display: flex;
    align-items: center;
}

.block-audio__active .audio,
.student-audio__active-inner .audio {
    flex: 1;
}

.block-audio__active .audio__action,
.student-audio__active .audio__action {
    --s: 40px;
}

.block-audio__active .audio__action > span,
.student-audio__active .audio__action > span {
    --s: 25px;
}

.block-audio__active .audio._play .audio__action > span,
.student-audio__active .audio._play .audio__action > span {
    --s: 24px;
}

.block-audio__menu,
.student-audio__active-menu {
    flex-shrink: 0;
    margin-left: var(--gap);
}

.block-audio__menu-button[data-type='refresh'],
.student-audio__active-refresh,
.student-file__active-refresh {
    --s: 24px;

    background-color: var(--text);
    mask-image: url('/modules/pages/offer-edler-2/img/common/rotate.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/common/rotate.svg');
    opacity: 0.5;
    transition: opacity 0.2s;
}

.block-audio__upload-content,
.block-audio__convert-content,
.block-file__upload-content,
.student-audio__upload-content,
.student-audio__convert-content {
    display: flex;
    align-items: center;
}

.block-audio__upload-image,
.block-audio__convert-image,
.block-file__upload-image,
.student-audio__upload-image,
.student-audio__convert-image {
    --s: 40px;

    position: relative;
    margin-bottom: 0;
    margin-right: var(--gap);
    background-color: var(--blue15);
    border-radius: 50%;
}

.block-audio__convert-image,
.student-audio__convert-image {
    background-color: var(--green15);
}

.block-audio__upload-progress,
.block-audio__convert-progress,
.block-file__upload-progress,
.student-audio__upload-progress,
.student-audio__convert-progress {
    --s: 36px;

    position: static;
    width: var(--s);
    height: var(--s);
    border-width: 2px;
}

.block-audio__upload-icon,
.block-audio__convert-icon,
.block-file__upload-icon,
.student-audio__upload-icon,
.student-audio__convert-icon {
    --s: 20px;

    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: var(--blue);
    mask-image: url('/modules/pages/offer-edler-2/img/editor/upload-audio-progress.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/editor/upload-audio-progress.svg');
}

.block-audio__convert-icon,
.student-audio__convert-icon {
    background-color: var(--green);
}

.block-audio__upload-title,
.block-audio__convert-title,
.block-file__upload-title,
.student-audio__upload-title,
.student-audio__convert-title {
    margin-bottom: 2px;
    font-weight: 600;
}

.block-audio__upload-text,
.block-audio__convert-text,
.block-file__upload-text,
.student-audio__upload-text,
.student-audio__convert-text {
    font: var(--f-s);
    color: var(--text50);
}

a.block-file__item {
    display: block;
}

.block-file__item:not(:last-child) {
    margin-bottom: var(--gap-l);
}

.file-plug__button[data-type='2'] > span {
    mask-image: url('/modules/pages/offer-edler-2/img/editor/block-file-link.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/editor/block-file-link.svg');
}

.file-plug._link .file-plug__button[data-type='2'] {
    display: none;
}

.file-plug__link {
    display: none;
    flex: 1;
}

.file-plug._link .file-plug__link {
    display: flex;
}

.file-plug__link > input {
    flex: 1;
    height: 40px;
    font: var(--f-s);
}

.file-plug__link-button {
    height: 40px;
    min-width: 135px;
    margin-left: var(--gap);
    font-size: 14px;
    line-height: 1;
}

.file-plug__link-button > span {
    --s: 20px;

    display: none;
    background-color: var(--bg);
    mask-image: url('/modules/pages/offer-edler-2/img/common/checkmark.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/common/checkmark.svg');
}

.file-plug__remove,
.block-file__active-remove {
    --s: 40px;

    align-self: flex-start;
    width: var(--s);
    height: var(--s);
    margin-left: auto;
    background-color: transparent;
    border: 0;
}

.block-file__item:only-child .file-plug__remove,
.block-file__item:only-child .block-file__active-remove {
    display: none;
}

.file-plug__remove > span,
.block-file__active-remove > span {
    --s: 20px;

    background-color: var(--red);
    mask-image: url('/modules/pages/offer-edler-2/img/common/delete.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/common/delete.svg');
    opacity: 0.5;
    transition: opacity 0.2s;
}

.block-file__active-download,
.student-file__active-icon {
    --s: 40px;

    align-self: flex-start;
    flex-shrink: 0;
    width: var(--s);
    height: var(--s);
    margin-right: var(--gap);
    background-color: var(--primary15);
    border-radius: 50%;
}

.block-file__active-download > span,
.student-file__active-icon > span {
    --s: 22px;

    background-color: var(--primary);
    mask-image: url('/modules/pages/offer-edler-2/img/common/download.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/common/download.svg');
}

.block-file__item._link .block-file__active-download > span {
    mask-image: url('/modules/pages/offer-edler-2/img/editor/block-file-link.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/editor/block-file-link.svg');
}

.block-file__active-info {
    display: flex;
    flex: 1;
    flex-direction: column;
}

.block-file__active-name,
.block-file__active-description,
.student-file__active-name {
    width: 100%;
    font-weight: 600;
    background-color: transparent;
    border: 0;
}

.block-file__active-description {
    font: var(--f-s);
    color: var(--text50);
}

.block-file__upload-icon {
    mask-image: url('/modules/pages/offer-edler-2/img/editor/upload-file-progress.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/editor/upload-file-progress.svg');
}

.block-file__add {
    display: flex;
    align-items: center;
    margin-top: var(--gap-s);
    background-color: transparent;
    border: 0;
    opacity: 0.5;
    transition: opacity 0.2s;
}

.block-file__add > span {
    --s: 20px;

    margin-right: calc(var(--gap-s) / 2);
    background-color: var(--text);
    mask-image: url('/modules/pages/offer-edler-2/img/common/add.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/common/add.svg');
}

.info__wrapper {
    --info: var(--green);

    position: relative;
}

.info {
    display: flex;
    align-items: center;
    padding: var(--gap-l) calc(var(--gap-l) * 2) var(--gap-l) var(--gap-l);
    border-radius: 10px;
    border: 2px solid var(--info);
}

.info__icon {
    --s: 50px;

    align-self: flex-start;
    margin-right: var(--gap-l);
    background-color: var(--info);
}

.info[data-type='1'] .info__icon {
    mask-image: url('/modules/pages/offer-edler-2/img/editor/info-1.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/editor/info-1.svg');
}

.info[data-type='2'] .info__icon {
    mask-image: url('/modules/pages/offer-edler-2/img/editor/info-2.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/editor/info-2.svg');
}

.info[data-type='3'] .info__icon {
    mask-image: url('/modules/pages/offer-edler-2/img/editor/info-3.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/editor/info-3.svg');
}

.info[data-type='4'] .info__icon {
    mask-image: url('/modules/pages/offer-edler-2/img/editor/info-4.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/editor/info-4.svg');
}

.info[data-type='5'] .info__icon {
    mask-image: url('/modules/pages/offer-edler-2/img/editor/info-5.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/editor/info-5.svg');
}

.info-settings,
.btn-settings {
    position: absolute;
    top: 10px;
    right: 5px;
}

.info-settings__button,
.btn__menu {
    --s: 30px;

    width: var(--s);
    height: var(--s);
    background-color: transparent;
    border: 0;
}

.info-settings__button > span,
.btn__menu > span {
    --s: 24px;

    background-color: var(--info);
    mask-image: url('/modules/pages/offer-edler-2/img/editor/info-menu.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/editor/info-menu.svg');
}

.info-settings__body,
.btn-settings__body {
    position: absolute;
    display: none;
    padding: var(--gap);
    right: 0;
    top: calc(var(--gap-l) * 2);
    box-shadow: var(--light-shadow);
    background-color: var(--bg);
    border-radius: 8px;
    z-index: 5;
}

.info-settings._active .info-settings__body,
.btn-settings._active .btn-settings__body {
    display: block;
}

.info-settings__box:not(:last-child) {
    margin-bottom: calc(var(--gap-l) * 2);
}

.info-settings__box-title,
.btn-settings__box-title {
    margin-bottom: var(--gap);
}

.info-settings__box-row,
.btn-settings__box-row {
    display: flex;
}

.info-settings__icon,
.btn-settings__header-button {
    --s: 30px;

    width: var(--s);
    height: var(--s);
    background-color: var(--body);
    transition: background-color 0.2s;
    border-radius: 4px;
    border: 0;
}

.info-settings__icon._active,
.btn-settings__header-button._active {
    background-color: var(--gray);
}

.info-settings__icon:not(:last-child),
.btn-settings__header-button:not(:last-child) {
    margin-right: var(--gap-s);
}

.info-settings__icon > span,
.btn-settings__header-button > span {
    --s: 16px;

    background-color: var(--text);
    opacity: 0.5;
    transition: opacity 0.2s;
}

.info-settings__icon[data-type='1'] > span {
    mask-image: url('/modules/pages/offer-edler-2/img/editor/info-1.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/editor/info-1.svg');
}

.info-settings__icon[data-type='2'] > span {
    mask-image: url('/modules/pages/offer-edler-2/img/editor/info-2.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/editor/info-2.svg');
}

.info-settings__icon[data-type='3'] > span {
    mask-image: url('/modules/pages/offer-edler-2/img/editor/info-3.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/editor/info-3.svg');
}

.info-settings__icon[data-type='4'] > span {
    mask-image: url('/modules/pages/offer-edler-2/img/editor/info-4.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/editor/info-4.svg');
}

.info-settings__icon[data-type='5'] > span {
    mask-image: url('/modules/pages/offer-edler-2/img/editor/info-5.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/editor/info-5.svg');
}

.info-settings__icon._active > span,
.btn-settings__header-button._active > span {
    opacity: 1;
}

.info-settings__color,
.btn-settings__color {
    --s: 24px;

    position: relative;
    width: var(--s);
    height: var(--s);
    border-radius: 50%;
    border: 0;
}

.info-settings__color[data-type='picker'],
.btn-settings__color[data-type='picker'] {
    background-color: transparent;
    border: 1px solid var(--text15);
}

.info-settings__color[data-color='#54B268'],
.btn-settings__color[data-color='#54B268'] {
    background-color: #54b268;
}

.info-settings__color[data-color='#295CC9'],
.btn-settings__color[data-color='#295CC9'] {
    background-color: #295cc9;
}

.info-settings__color[data-color='#E54047'],
.btn-settings__color[data-color='#E54047'] {
    background-color: #e54047;
}

.info-settings__color[data-color='#FD8C26'],
.btn-settings__color[data-color='#FD8C26'] {
    background-color: #fd8c26;
}

.info-settings__color[data-color='#8E0EF2'],
.btn-settings__color[data-color='#8E0EF2'] {
    background-color: #8e0ef2;
}

.info-settings__color:not(:last-child),
.btn-settings__color:not(:last-child) {
    margin-right: calc(var(--gap-s) / 2);
}

.info-settings__color > span,
.btn-settings__color > span {
    --s: 14px;

    display: none;
    background-color: var(--bg);
    mask-image: url('/modules/pages/offer-edler-2/img/common/checkmark.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/common/checkmark.svg');
}

.info-settings__color._active > span,
.btn-settings__color._active > span {
    display: block;
}

.info-settings__color[data-type='picker'] > span,
.btn-settings__color[data-type='picker'] > span {
    --s: 18px;

    display: block;
    background-color: var(--text50);
    mask-image: url('/modules/pages/offer-edler-2/img/common/picker.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/common/picker.svg');
}

.info-settings__color[data-type='picker'] > input,
.btn-settings__color[data-type='picker'] > input {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 2;
}

.info-settings__color-picker,
.btn-settings__color-picker {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.info-settings__color-picker > div,
.btn-settings__color-picker > div {
    top: auto !important;
    bottom: calc(100% + 5px);
}

.btn-settings {
    max-width: 375px;
    width: 100%;
}

.btn__wrapper {
    --btn: var(--blue);
}

.btn__row {
    position: relative;
    display: flex;
    justify-content: center;
}

.btn__row._left {
    justify-content: flex-start;
}

.btn__row._right {
    justify-content: flex-end;
}

.btn {
    --w: 270px;
    --h: 50px;

    position: relative;
    display: flex;
    align-items: center;
    width: var(--w);
    height: var(--h);
    min-width: 270px;
    min-height: 50px;
    max-width: 720px;
    max-height: 200px;
    padding: 0 calc(var(--gap-l) * 2) 0 var(--gap-l);
    background-color: var(--btn);
    color: var(--bg);
    border-radius: 8px;
    overflow: hidden;
}

a.btn {
    padding-right: var(--gap-l);
}

.btn textarea {
    width: 100%;
    background-color: transparent;
    border: 0;
    text-align: center;
}

.btn__menu {
    position: absolute;
    right: 5px;
    top: 10px;
}

.btn__menu > span {
    background-color: var(--bg);
}

.btn-settings {
    left: 50%;
    transform: translateX(-50%);
    top: calc(100% + var(--gap-s) / 2);
    color: var(--text);
    z-index: 10;
}

.btn__row._left .btn-settings {
    left: 0;
    right: auto;
    transform: translateX(0);
}

.btn__row._right .btn-settings {
    right: 0;
    left: auto;
    transform: translateX(0);
}

.btn-settings__body {
    position: static;
    top: unset;
    right: unset;
}

.btn-settings__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--gap);
}

.btn-settings__header-actions {
    display: flex;
    margin-left: var(--gap-l);
}

.btn-settings__header-button[data-type='1'] > span {
    mask-image: url('/modules/pages/offer-edler-2/img/editor/text-align-left.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/editor/text-align-left.svg');
}

.btn-settings__header-button[data-type='2'] > span {
    mask-image: url('/modules/pages/offer-edler-2/img/editor/text-align-center.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/editor/text-align-center.svg');
}

.btn-settings__header-button[data-type='3'] > span {
    mask-image: url('/modules/pages/offer-edler-2/img/editor/text-align-right.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/editor/text-align-right.svg');
}

.btn-settings__label {
    display: flex;
    width: 100%;
    margin-bottom: var(--gap);
}

.btn-settings__label-input {
    height: 40px;
    padding: 0 var(--gap-s);
    font: var(--f-s);
}

.btn-settings__size {
    display: flex;
    justify-content: space-between;
    margin-bottom: var(--gap);
}

.btn-settings__size-label {
    position: relative;
    display: flex;
    align-items: center;
}

.btn-settings__size-label:not(:last-child) {
    margin-right: var(--gap);
}

.btn-settings__size-icon {
    --s: 16px;

    margin-right: var(--gap);
    background-color: var(--text50);
}

.btn-settings__size-label[data-type='1'] .btn-settings__size-icon {
    mask-image: url('/modules/pages/offer-edler-2/img/editor/block-btn-height.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/editor/block-btn-height.svg');
}

.btn-settings__size-label[data-type='2'] .btn-settings__size-icon {
    mask-image: url('/modules/pages/offer-edler-2/img/editor/block-btn-width.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/editor/block-btn-width.svg');
}

.btn-settings__size-input {
    width: 100px;
    height: 40px;
    padding: 0 calc(var(--gap-l) * 2) 0 var(--gap-s);
    font: var(--f-s);
}

.btn-settings__size-px {
    position: absolute;
    right: var(--gap-s);
    top: 50%;
    transform: translateY(-50%);
}

.btn-settings__blank {
    display: flex;
    align-items: center;
    margin-bottom: calc(var(--gap-l) * 2);
    cursor: pointer;
}

.btn-settings__blank > span {
    margin-left: var(--gap);
    opacity: 0.5;
}

.block__description {
    position: relative;
    display: flex;
    margin-top: var(--gap-s);
}

div.block__description {
    color: var(--text50);
}

.block__main-side._border .block__description {
    padding: 0 var(--gap) var(--gap-s);
}

.block__description._active {
    padding-left: var(--gap-s);
}

.block__main-side._border .block__description._active {
    padding-left: var(--gap);
}

.block__description._active::before {
    position: absolute;
    width: 2px;
    height: 100%;
    left: 0;
    top: 0;
    background-color: var(--text50);
    border-radius: 2px;
    content: '';
}

.block__main-side._border .block__description::before {
    display: none;
}

.block__description > textarea {
    width: 100%;
    padding-left: var(--gap-s);
    background-color: transparent;
    border: 0;
}

.block__main-side._border .block__description > textarea,
.block__description > textarea:empty {
    padding-left: 0;
}

.block__text {
    position: relative;
    flex: 1;
    padding-right: 60px;
}

.student-lesson__item .block__text {
    padding-right: 0;
    font-size: 16px;
    line-height: 1.5;
    outline: none;
    cursor: auto;
}

.student-lesson__item .btn .block__text {
    text-align: center;
}

.block__text-actions {
    position: absolute;
    display: flex;
    right: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
}

.block__text-actions._active {
    opacity: 1;
    visibility: visible;
}

.remove-course__header-img,
.share-course__header-img,
.share-error__header-img {
    position: absolute;
    width: calc(416 / 550 * 100%);
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
}

.insert-clipboard__header {
    background-color: transparent;
}

.insert-clipboard__header-img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 8px;
}

.clipboard {
    position: sticky;
    display: none;
    width: 100%;
    padding: var(--gap);
    bottom: var(--gap-l);
    left: var(--gap-l);
    box-shadow: var(--light-shadow);
    background-color: var(--bg);
    border-radius: 8px;
    z-index: 21;
}

.clipboard._active {
    display: block;
}

.clipboard__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.clipboard__title {
    font-weight: 600;
}

.clipboard__title-from {
    color: var(--text50);
}

.clipboard__actions {
    display: flex;
    margin-left: var(--gap);
}

.clipboard__button {
    height: 40px;
    background-color: var(--body);
    color: var(--text50);
}

.clipboard__button-help {
    width: 210px;
}

.clipboard__button-drop {
    width: 125px;
    min-width: auto;
    margin-left: var(--gap);
}

.student-lesson__footer {
    display: flex;
    padding: 0 var(--gap-l);
    margin-top: 50px;
}

.student-lesson__footer-button {
    width: 100%;
}

.student-lesson__footer-button:not(:last-child) {
    margin-right: var(--gap-l);
}

.student-lesson__footer-back {
    background-color: var(--body);
    color: var(--text50);
}

.editor-settings {
    margin-top: var(--gap-l);
    background-color: var(--bg);
    border-radius: 8px;
}

.editor-settings__inner {
    max-width: 840px;
    padding: calc(var(--gap-l) * 2) var(--gap-l);
    margin: 0 auto;
}

.editor-settings__title {
    margin-bottom: var(--gap-l);
}

.editor-settings__input {
    display: flex;
    flex-direction: column;
    margin-bottom: var(--gap-l);
}

.editor-settings__input-title {
    display: flex;
    align-items: center;
    margin-bottom: var(--gap-s);
}

.editor-settings__input-icon {
    position: relative;
    margin-left: calc(var(--gap-s) / 2);
}

.editor-settings__input-icon > span {
    --s: 20px;

    background-color: var(--text50);
    mask-image: url('/modules/pages/offer-edler-2/img/common/warning-circle.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/common/warning-circle.svg');
}

.editor-settings__input-hint {
    left: -10px;
}

.editor-settings__input-hint .hint__inner {
    width: 300px;
}

.editor-settings__input-hint .hint__inner::after,
.editor-settings__input-hint .hint__shadow::after {
    left: 12px;
}

.editor-settings .checkbox-label:not(:last-child) {
    margin-bottom: var(--gap-l);
}

.editor-settings .checkbox {
    margin-right: var(--gap);
}

.student-lesson__main-inner {
    display: flex;
    flex: 1;
    flex-direction: column;
    width: 100%;
    padding: calc(var(--gap-l) * 2) 0 var(--gap-l);
    margin: 0 auto;
}

.student-lesson__header {
    position: relative;
    margin-bottom: 50px;
}

.student-lesson__header-status {
    position: absolute;
    right: var(--gap-l);
    bottom: 100%;
}

.student-lesson[data-status='done'] .student-lesson__header-status {
    color: var(--green);
}

.student-lesson[data-status='fail'] .student-lesson__header-status {
    color: var(--red);
}

.student-lesson[data-status='oncheck'] .student-lesson__header-status {
    color: var(--text50);
}

.student-lesson__list {
    counter-reset: practice;
}

.student-lesson__item {
    padding: var(--gap-l) 0;
    border-radius: 8px;
}

.student-lesson__item._error,
.student-lesson__item[data-status='fail'] {
    background-color: var(--red05);
}

.student-lesson__item[data-status='done'] {
    background-color: var(--green05);
}

.student-lesson__item[data-status='oncheck'] {
    background-color: var(--text05);
}

.student-lesson__item:not(:last-child) {
    margin-bottom: var(--gap-s);
}

.student-lesson__item[data-type='practice'] {
    counter-increment: practice;
}

.student-practice__header {
    position: relative;
    margin-bottom: var(--gap);
}

.student-practice__status {
    position: absolute;
    right: 0;
    top: 0;
}

.student-lesson__item[data-status='fail'] .student-practice__status {
    color: var(--red);
}

.student-lesson__item[data-status='done'] .student-practice__status {
    color: var(--green);
}

.student-lesson__item[data-status='oncheck'] .student-practice__status {
    color: var(--text50);
}

.student-practice__counter {
    margin-bottom: var(--gap-s);
    font-weight: 600;
}

.student-practice__counter::after {
    content: ' ' counter(practice);
}

.student-practice__body-title,
.student-sort__mob-title {
    margin-bottom: var(--gap-s);
    color: var(--text50);
}

.student-test__item:not(:last-child) {
    margin-bottom: var(--gap-s);
}

.student-test__item .checkbox {
    margin-right: var(--gap-s);
}

.student-lesson__item._locked .student-test__item > .checkbox-label,
.student-lesson__item._locked .student-test__item > .checkbox-label > .checkbox {
    cursor: auto;
}

.student-sort__mob-title,
.student-sort__mob {
    display: none;
}

.student-sort__mob-item:not(:last-child) {
    margin-bottom: var(--gap-l);
}

.student-sort__mob-item > p {
    margin-bottom: var(--gap-s);
}

.student-sort-select {
    position: relative;
}

.student-sort-select__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 50px;
    padding: 0 var(--gap);
    background-color: var(--body);
    border-radius: 8px;
    border: 0;
    text-align: left;
}

.student-sort-select._active .student-sort-select__header {
    border-radius: 8px 8px 0 0;
}

.student-sort-select__header._empty > p::before {
    color: var(--text50);
    content: attr(data-placeholder);
}

.student-sort-select__header > span {
    --s: 24px;

    margin-left: var(--gap);
    background-color: var(--text50);
    mask-image: url('/modules/pages/offer-edler-2/img/common/angle.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/common/angle.svg');
    transition: transform 0.2s;
}

.student-sort-select._active .student-sort-select__header > span {
    transform: rotateX(180deg);
}

.student-sort-select__body {
    position: absolute;
    display: none;
    flex-direction: column;
    width: 100%;
    left: 0;
    top: 50px;
    background-color: var(--body);
    border-radius: 0 0 8px 8px;
    z-index: 5;
}

.student-sort-select._active .student-sort-select__body {
    display: flex;
}

.student-sort-select__item {
    width: 100%;
    min-height: 50px;
    padding: var(--gap);
    background-color: transparent;
    border: 0;
    text-align: left;
}

.student-sort-select__item._active {
    opacity: 0.5;
}

.student-sort-select__item:last-child {
    border-radius: 0 0 8px 8px;
}

.student-sort__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: calc(var(--gap-l) * 2);
}

.student-sort__left > li,
.student-sort__right > li {
    padding: var(--gap);
    border-radius: 8px;
}

.student-sort__left > li {
    position: relative;
    background-color: var(--body);
}

.student-sort__left > li::after {
    --s: 24px;

    position: absolute;
    width: var(--s);
    height: var(--s);
    left: calc(100% + 8px);
    top: 13px;
    background-image: url('/modules/pages/offer-edler-2/img/common/angle.svg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.5;
    transform: rotate(-90deg);
    content: '';
}

.student-sort__right > li {
    background-color: var(--primary05);
    cursor: grab;
}

.student-sort__right > li:active,
.student-queue__list > li:active {
    cursor: grabbing;
}

.student-sort__left > li:not(:last-child),
.student-sort__right > li:not(:last-child),
.student-queue__list > li:not(:last-child) {
    margin-bottom: var(--gap-l);
}

.student-queue__list {
    counter-reset: queue;
}

.student-queue__list > li {
    position: relative;
    padding: var(--gap) var(--gap) var(--gap) calc(var(--gap-l) * 2);
    background-color: var(--primary05);
    border-radius: 8px;
    cursor: grab;
    counter-increment: queue;
}

.student-lesson__item._locked .student-queue__list > li {
    cursor: auto;
}

.student-queue__list > li::before {
    position: absolute;
    font-weight: 600;
    left: var(--gap-l);
    top: var(--gap);
    transform: translateX(-50%);
    content: counter(queue);
}

.student-text > textarea {
    width: 100%;
    padding: var(--gap);
    background-color: var(--body);
    border-radius: 8px;
    border: 0;
}

.student-lesson__item[data-status='fail'] .student-text > textarea,
.student-lesson__item[data-status='done'] .student-text > textarea,
.student-lesson__item[data-status='oncheck'] .student-text > textarea {
    background-color: var(--gray75);
}

.student-audio__start-text,
.student-file__start-text,
.student-video__start-text {
    align-self: center;
    margin-left: var(--gap-s);
    color: var(--text50);
}

.student-lesson__item._locked .student-audio__active-refresh,
.student-lesson__item._locked .student-video__active-refresh,
.student-lesson__item._locked .student-file__active-refresh {
    display: none;
}

.student-video__active-inner {
    display: flex;
    flex-direction: column;
}

.student-video__active .video {
    border-radius: 8px 8px 0 0;
}

.student-video__active-menu {
    max-width: 365px;
    justify-content: center;
}

.student-practice-curator {
    padding: var(--gap-l);
    margin-top: var(--gap);
    background-color: var(--gray75);
    border-radius: 8px;
}

.student-practice-curator__user {
    display: flex;
    align-items: center;
    margin-bottom: var(--gap);
}

.student-practice-curator__user-ava {
    margin-right: var(--gap-s);
}

.student-practice-curator__user-info {
    display: flex;
    flex-direction: column;
}

.student-practice-curator__user-name {
    margin-bottom: 2px;
    font-weight: 600;
}

.student-practice-curator__user-date {
    font: var(--f-s);
    opacity: 0.5;
}

.editor-context {
    position: fixed;
    display: none;
    grid-template-columns: auto;
    padding: calc(var(--gap-s) / 2);
    box-shadow: var(--light-shadow);
    background-color: var(--bg);
    border-radius: 8px;
    z-index: 220;
}

.editor-context._active {
    display: grid;
}

.editor-context__button {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 220px;
    height: 40px;
    padding: 0 var(--gap);
    background-color: transparent;
    transition: background-color 0.2s;
    border-radius: 8px;
    border: 0;
}

.editor-context__button:disabled {
    cursor: auto;
    opacity: 0.5;
}

.editor-context__button[data-type='remove'] {
    color: var(--red);
}

.editor-context__button:not(:last-child) {
    margin-bottom: 2px;
}

.editor-context__button > span {
    --s: 22px;

    margin-right: var(--gap);
    background-color: var(--text);
}

.editor-context__button[data-type='rename'] > span {
    mask-image: url('/modules/pages/offer-edler-2/img/common/edit.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/common/edit.svg');
}

.editor-context__button[data-type='copy'] > span {
    mask-image: url('/modules/pages/offer-edler-2/img/common/copy.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/common/copy.svg');
}

.editor-context__button[data-type='cut'] > span {
    mask-image: url('/modules/pages/offer-edler-2/img/common/scissor.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/common/scissor.svg');
}

.editor-context__button[data-type='paste'] > span {
    mask-image: url('/modules/pages/offer-edler-2/img/common/paste.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/common/paste.svg');
}

.editor-context__button[data-type='remove'] > span {
    background-color: var(--red);
    mask-image: url('/modules/pages/offer-edler-2/img/common/delete.svg');
    -webkit-mask-image: url('/modules/pages/offer-edler-2/img/common/delete.svg');
}

.editor-context._course .editor-context__button[data-type='copy'],
.editor-context._course .editor-context__button[data-type='cut'],
.editor-context._course .editor-context__button[data-type='paste'] {
    display: none;
}

@media not all and (hover: none) {
    .editor-context__button:not(:disabled):hover,
    .trix-button:not(:disabled):hover,
    .emoji-header__btn:hover,
    .emoji-button:hover,
    .editor-aside__course-button:hover,
    .editor-aside__lesson-button:not(:disabled):hover,
    .editor__header-button:hover,
    .insert__button:hover,
    .block__action:hover {
        background-color: var(--hover);
    }
    .editor-context__button[data-type='remove']:not(:disabled):hover {
        background-color: var(--red05);
    }
    .content-header-select__chat:hover,
    .trix-button:not(:disabled):hover > span,
    .editor-aside__back:hover > span,
    .editor-aside__mode:hover > span,
    .editor-aside__new:hover,
    .editor-lesson__header-button:hover > span,
    .student-lesson__header-button:hover > span,
    .insert__button:hover > .insert__button-icon,
    .block__action:hover > span,
    .block__back:hover,
    .block-test__item-remove:hover > span,
    .block-test__add:hover,
    .image-plug__button:hover > span,
    .video-plug__button:hover > span,
    .audio-plug__button:hover > span,
    .block-audio__menu-button:hover,
    .file-plug__button:hover > span,
    .file-plug__remove:hover > span,
    .block-file__active-remove:hover > span,
    .block-file__add:hover,
    .info-settings__icon:hover > span,
    .editor-emoji__button:hover,
    .editor-hashtag__button:hover {
        opacity: 1;
    }
    .trix__bgc-button:hover,
    .trix__color-button:hover {
        border-color: var(--primary50);
    }
    .video__play:hover > span {
        transform: scale(1.2);
    }
    .editor__header-button[data-type='remove']:hover,
    .block__action[data-type='remove']:hover {
        background-color: var(--red05);
    }
    .content-header-select__header:hover + .content-header-select__hint,
    .content-header__switch:hover .content-header__switch-hint,
    .insert:hover,
    .editor-lesson__item:hover .block__actions,
    .editor-lesson__item:hover .insert,
    .editor-settings__input-icon > span:hover + .editor-settings__input-hint {
        opacity: 1;
        visibility: visible;
    }
    .editor-aside__back:hover {
        color: var(--text);
    }
    .block-grid__button:hover {
        border-color: var(--primary50);
    }
    .info-settings__icon:hover {
        background-color: var(--gray);
    }
    .video-frame__play:hover > span {
        transform: scale(1.2);
    }
}

@media (max-width: 1180px) {
    .editor {
        width: 100vw;
        height: 100vh;
        height: 100dvh;
        right: 0;
        top: 0;
        border-radius: 0;
    }
    .editor-aside {
        height: calc(100vh - var(--gap-l) * 2);
        height: calc(100dvh - var(--gap-l) * 2);
    }
    .editor-aside__back {
        display: flex;
    }
    .editor__main {
        /* height: 100vh; */
        /* height: 100dvh; */
    }
}

@media (max-width: 1140px) {
    .block-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 1024px) {
    .block__actions,
    .insert {
        opacity: 1;
        visibility: visible;
    }

    .rec {
        top: 0;
        right: 0;
        max-width: 100vw;
        height: 100vh;
        height: 100dvh;
        border-radius: 0;
        z-index: 149;
    }
}

@media (max-width: 960px) {
    .editor__grid {
        grid-template-columns: auto;
    }
    .editor-aside__wrapper {
        position: fixed;
        width: 100vw;
        height: 100vh;
        height: 100dvh;
        left: 0;
        top: 0;
        background-color: var(--text15);
        opacity: 0;
        visibility: hidden;
        transition: all 0.2s;
        z-index: 12;
    }
    .editor-aside__wrapper._active {
        opacity: 1;
        visibility: visible;
    }
    .editor-aside {
        position: absolute;
        width: 320px;
        height: calc(100dvh - var(--gap-l) * 2);
        left: var(--gap-l);
        top: var(--gap-l);
        background-color: var(--bg);
        border-radius: 10px;
        transform: translateX(-200%);
        transition: transform 0.2s;
    }
    .editor-aside__wrapper._active .editor-aside {
        transform: translateX(0);
    }
    .editor-aside__back {
        display: none;
    }
    .editor-aside__header {
        padding: 0 var(--gap-l);
        margin-top: var(--gap-l);
        margin-bottom: 0;
    }
    .editor-aside__mode,
    .editor-aside__header .content-header-select__header,
    .editor-aside__header .content-header-select__body {
        background-color: var(--body);
    }
    .editor__main {
        /* height: calc(100vh - 50px); */
        /* height: calc(100dvh - 50px); */
        padding: var(--gap-l);
    }
    .editor__header {
        display: flex;
    }
    .block-grid {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 860px) {
    .info-settings__color-picker > div,
    .btn-settings__color-picker > div {
        left: 0 !important;
    }
}

@media (max-width: 840px) {
    .student-lesson__item {
        border-radius: 0;
    }
}

@media (max-width: 768px) {
    .editor-lesson__main-inner {
        padding: calc(var(--gap-l) * 2) 0 var(--gap-l);
    }
    .block._active {
        background-color: transparent;
    }
    .block__label,
    .insert__button[data-type='clipboard']._active,
    .clipboard._active {
        display: none;
    }
}

@media (max-width: 680px) {
    .block__main-grid:not([data-scheme='1']) {
        grid-template-columns: auto;
    }
    .block-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .image-plug,
    .video-plug,
    .block-video__upload,
    .block-video__convert {
        height: 230px;
    }
    .image-plug__image,
    .video-plug__image,
    .block-video__upload-image,
    .block-video__convert-image {
        --s: 65px;
    }
    .image-plug__text,
    .video-plug__text,
    .block-video__upload-text,
    .block-video__convert-text {
        font: var(--f-s);
    }
    .image-plug__button,
    .video-plug__button {
        --s: 40px;
    }
    .image-plug__button > span,
    .video-plug__button > span {
        --s: 20px;
    }
    .video-plug__input {
        flex: 1;
        width: 100%;
    }
    .video-plug__input > input {
        height: 40px;
    }
}

@media (max-width: 640px) {
    trix-toolbar {
        display: none !important;
    }
    .block-test__list[data-type='2'] .block-test__item {
        flex-direction: column;
    }
    .block-test__item-mob {
        display: flex;
    }
    .block-test__item-inner {
        flex-direction: column;
    }
    .block-test__item-grab,
    .block-test__item-angle,
    .block-test__list[data-type='2'] .block-test__item-remove {
        display: none;
    }
    .block-test__list[data-type='2'] .block-test__item-textarea {
        width: 100%;
    }
    .block-test__item-textarea[data-type='left'] {
        margin-bottom: var(--gap-s);
    }
    .block-test__item-textarea[data-type='right'] {
        margin-right: 0;
    }
    .editor-settings__input-icon {
        display: none;
    }
}

@media (max-width: 600px) {
    .student-sort .student-practice__body-title,
    .student-sort__grid {
        display: none;
    }
    .student-sort__mob-title,
    .student-sort__mob {
        display: block;
    }
}

@media (max-width: 560px) {
    ._container,
    .student-lesson__item > .block {
        padding: 0 var(--gap-s);
    }

    .student-lesson__header {
        padding: 0;
    }

.editor-lesson,
    .student-lesson {

    }

    .student-lesson__main-inner {
        padding-top: var(--gap-s);
    }
    .student-lesson__header {
        margin-bottom: var(--gap-l);
    }
}
@media (max-width: 540px) {
    .insert__trigger {
        display: flex;
    }
    .insert {
        position: fixed;
        width: 100vw;
        height: 100vh;
        height: 100dvh;
        padding: 0;
        margin: 0;
        left: 0;
        top: 0;
        background-color: var(--text15);
        opacity: 0 !important;
        visibility: hidden !important;
        transition: all 0.2s;
        z-index: 12;
    }
    .insert._active {
        opacity: 1 !important;
        visibility: visible !important;
    }
    .insert__row {
        position: absolute;
        flex-direction: column;
        justify-content: flex-end;
        width: 100vw;
        padding: var(--gap-s);
        left: 0;
        bottom: 0;
        background-color: var(--bg);
        border-radius: 8px 8px 0 0;
        transform: translateY(200%);
        transition: transform 0.2s;
    }
    .insert._active .insert__row {
        transform: translateY(0);
    }
    .insert__button {
        justify-content: flex-start;
        width: auto;
        height: auto;
        padding: var(--gap) var(--gap-s);
    }
    .insert__button:not(:last-child) {
        margin-right: 0;
        margin-bottom: 2px;
    }
    .insert__button-text {
        display: block;
    }
    .student-lesson__item > .block {
        padding: 0;
    }
    /* .block {
        padding: calc(var(--gap-l) + var(--gap) * 2) var(--gap-l) var(--gap-l);
    } */
    .block__title {
        display: none;
    }
    .block__back {
        font-size: 0;
    }
    .file-plug__link-button {
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 40px;
        margin-left: var(--gap-s);
        font-size: 0;
    }
    .file-plug__link-button > span {
        display: block;
    }
    .block-file__add > span {
        --s: 24px;

        margin-right: var(--gap-s);
    }
    .block-test__item:not(:last-child) {
        margin-bottom: var(--gap-s);
    }
    .block-test__list[data-type='2'] .block-test__item:not(:last-child) {
        margin-bottom: var(--gap-l);
    }
    .block-test__item-label {
        margin: 0 var(--gap-s);
    }
    .block-test__item-label > span {
        display: none;
    }
    .block-test__item-label > .checkbox {
        margin-right: 0;
    }
    .block-test__list[data-type='3'] .block-test__item-textarea {
        margin-right: var(--gap-s);
    }
}

@media (max-width: 480px) {
    /* .student-lesson__main-inner {
        padding: var(--gap-l) 0;
    } */
    .settings-course {
        display: flex;
    }
    .info {
        flex-direction: column;
        align-items: stretch;
        padding: var(--gap-l);
    }
    .info__icon {
        --s: 30px;

        margin-right: 0;
        margin-bottom: var(--gap-s);
    }
    .info-settings__color[data-type='picker'],
    .btn-settings__color[data-type='picker'] {
        display: none;
    }
    .info-settings__color,
    .btn-settings__color {
        --s: 30px;
    }
    .info-settings__color:not(:last-child),
    .btn-settings__color:not(:last-child) {
        margin-right: var(--gap);
    }
    .info-settings__color > span,
    .btn-settings__color > span {
        --s: 16px;
    }
    .btn-settings__size-input {
        width: 85px;
    }
    .video-plug__actions {
        width: 100%;
    }
    .video-plug__input > input {
        width: 100%;
        padding-right: var(--gap);
    }
    .video-plug__input-icons {
        display: none !important;
    }
    .rec__footer {
        flex-direction: column;
    }
    .rec__footer-cancel {
        margin-bottom: 15px;
    }
}

@media (max-width: 428px) {
    .student-practice__header {
        display: flex;
        flex-direction: column;
    }
    .student-practice__status {
        position: static;
        margin-bottom: var(--gap-s);
    }
}

@media (max-width: 414px) {
    .editor-aside {
        display: flex;
        flex-direction: column;
        width: 100vw;
        height: 100vh;
        height: 100dvh;
        padding-top: 0;
        left: 0;
        top: 0;
        border-radius: 0;
    }
    .editor-aside__mob {
        display: flex;
    }
    .editor-aside__header {
        margin-top: 0;
    }
    .editor-aside__title {
        display: none;
    }
    .block-grid {
        grid-template-columns: auto;
    }
    .video-plug__input > input {
        padding-right: var(--gap-s);
    }
    .video-plug__input-icons {
        display: none !important;
    }
}