.prisma-button2__icon {
    display: inline-flex;
    align-items: center;
    height: 1.5rem;
    justify-content: center;
}

.prisma-button2__sublabel {
    margin: 0;
}

.prisma-button2 {
    background: none;
    border: none;
    position: relative;
    transition-property: background-color, border-color, box-shadow, color, transform;
    transition-duration: 0.15s;
    transition-timing-function: ease-out;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.prisma-button2:disabled {
    cursor: default;
    pointer-events: none;
}

.prisma-button2:active {
    transform: scale(0.96);
}

.prisma-button2__content {
    display: flex;
    align-items: center;
    flex-direction: column;
}

/* для того, чтобы аутлайн отображался только при событиях клавиатуры https://react-spectrum.adobe.com/react-aria/useFocusVisible.html */
.prisma-button2_no-outline {
    outline: none;
}

.prisma-button2_view_clear {
    color: var(--color-content-primary);
}

.prisma-button2_view_clear:hover {
    background-color: var(--color-background-glassy-a);
}

.prisma-button2_view_clear:active {
    background-color: var(--color-background-glassy-b);
}

.prisma-button2_view_clear:disabled {
    color: var(--color-content-tertiary);
}

.prisma-button2_view_clear:disabled.prisma-button2_process {
    background-color: var(--color-background-glassy-b);
    color: var(--color-content-primary);
}

.prisma-button2_view_clear .prisma-button2__sublabel {
    color: var(--color-content-secondary);
}

.prisma-button2_view_ghost {
    border-color: var(--color-accent-neutral);
    color: var(--color-content-primary);
    border: 1px solid;
}

.prisma-button2_view_ghost:hover {
    border-color: var(--color-background-glassy-c);
    color: var(--color-content-secondary);
}

.prisma-button2_view_ghost:hover .prisma-button2__sublabel {
    color: var(--color-content-secondary);
}

.prisma-button2_view_ghost:active {
    border-color: var(--color-content-tertiary);
    color: var(--color-content-tertiary);
}

.prisma-button2_view_ghost .prisma-button2__sublabel {
    color: var(--color-content-secondary);
}

.prisma-button2_view_ghost:disabled {
    border-color: var(--color-background-glassy-a);
    color: var(--color-content-tertiary);
}

.prisma-button2_view_ghost.prisma-button2_process {
    border-color: var(--color-content-secondary);
    color: var(--color-content-secondary);
}

/* для L */

.prisma-button2_view_ghost.prisma-button2_size_l {
    padding-block: 1.1875rem;
    padding-inline: 1.4375rem;
}

.prisma-button2_view_ghost.prisma-button2_size_l.prisma-button2_with-icon {
    padding: 1.0625rem;
}

.prisma-button2_view_ghost.prisma-button2_size_l.prisma-button2_with-icon-start,
.prisma-button2_view_ghost.prisma-button2_size_l.prisma-button2_with-icon-end {
    padding-block: 1.0625rem;
}

.prisma-button2_view_ghost.prisma-button2_size_l.prisma-button2_with-sublabel {
    padding-block: 0.6875rem;
}

.prisma-button2_view_ghost.prisma-button2_size_l.prisma-button2_with-icon-start {
    padding-inline: 1.1875rem 1.4375rem;
}

.prisma-button2_view_ghost.prisma-button2_size_l.prisma-button2_with-icon-end {
    padding-inline: 1.4375rem 1.1875rem;
}

.prisma-button2_view_ghost.prisma-button2_size_l.prisma-button2_with-icon-end.prisma-button2_size_l.prisma-button2_with-icon-start {
    padding-inline: 1.1875rem;
}

/* для M */

.prisma-button2_view_ghost.prisma-button2_size_m {
    padding-block: 0.875rem;
    padding-inline: 1.4375rem;
}

.prisma-button2_view_ghost.prisma-button2_size_m.prisma-button2_with-icon,
.prisma-button2_view_ghost.prisma-button2_size_m.prisma-button2_with-icon-end,
.prisma-button2_view_ghost.prisma-button2_size_m.prisma-button2_with-icon-start {
    padding: 0.75rem;
}

.prisma-button2_view_ghost.prisma-button2_size_m.prisma-button2_with-sublabel {
    padding-block-start: 0.375rem;
    padding-block-end: 0.4375rem;
}

.prisma-button2_view_ghost.prisma-button2_size_m.prisma-button2_with-icon-start {
    padding-inline: 1.1875rem 1.4375rem;
}

.prisma-button2_view_ghost.prisma-button2_size_m.prisma-button2_with-icon-end {
    padding-inline: 1.4375rem 1.1875rem;
}

.prisma-button2_view_ghost.prisma-button2_size_m.prisma-button2_with-icon-end.prisma-button2_size_m.prisma-button2_with-icon-start {
    padding-inline: 1.1875rem;
}

/* для S */

.prisma-button2_view_ghost.prisma-button2_size_s {
    padding-inline: 0.9375rem;
    padding-block: 0.5rem;
}

.prisma-button2_view_ghost.prisma-button2_size_s.prisma-button2_with-icon {
    padding: 0.3125rem;
}

.prisma-button2_view_ghost.prisma-button2_size_s.prisma-button2_with-icon-start {
    padding-inline-start: 0.6875rem;
}

.prisma-button2_view_ghost.prisma-button2_size_s.prisma-button2_with-icon-end {
    padding-inline-end: 0.6875rem;
}

.prisma-button2_view_ghost.prisma-button2_size_s.prisma-button2_with-icon-start,
.prisma-button2_view_ghost.prisma-button2_size_s.prisma-button2_with-icon-end {
    padding-block: 0.3125rem;
}

/* для XS */

.prisma-button2_view_ghost.prisma-button2_size_xs {
    padding-inline: 0.9375rem;
    padding-block: 0.375rem;
}

.prisma-button2_view_ghost.prisma-button2_size_xs.prisma-button2_with-icon {
    padding: 0.1875rem;
}

.prisma-button2_view_ghost.prisma-button2_size_xs.prisma-button2_with-icon-start {
    padding-inline-start: 0.6875rem;
}

.prisma-button2_view_ghost.prisma-button2_size_xs.prisma-button2_with-icon-end {
    padding-inline-end: 0.6875rem;
}

.prisma-button2_view_ghost.prisma-button2_size_xs.prisma-button2_with-icon-start,
.prisma-button2_view_ghost.prisma-button2_size_xs.prisma-button2_with-icon-end {
    padding-block: 0.1875rem;
}

.prisma-button2_view_primary {
    background-color: var(--color-accent-neutral);
    color: var(--color-content-inverted-primary);
}

.prisma-button2_view_primary:hover {
    background-color: var(--color-accent-neutral-hover);
}

.prisma-button2_view_primary:active {
    background-color: var(--color-accent-neutral-hover);
}

.prisma-button2_view_primary:disabled {
    background-color: var(--color-background-glassy-a);
    color: var(--color-content-tertiary);
}

.prisma-button2_view_primary:disabled.prisma-button2_process {
    background-color: var(--color-accent-neutral-hover);
    color: var(--color-content-inverted-primary);
}

.prisma-button2_view_primary:disabled .prisma-button2__sublabel {
    color: var(--color-content-tertiary);
}

.prisma-button2_view_primary .prisma-button2__sublabel {
    color: var(--color-content-inverted-secondary);
}

.prisma-button2_view_secondary {
    background-color: var(--color-background-glassy-a);
    color: var(--color-content-primary);
}

.prisma-button2_view_secondary:hover {
    background-color: var(--color-background-glassy-b);
}

.prisma-button2_view_secondary:active {
    background-color: var(--color-background-glassy-c);
}

.prisma-button2_view_secondary:disabled {
    background-color: var(--color-background-glassy-a);
    color: var(--color-content-tertiary);
}

.prisma-button2_view_secondary:disabled.prisma-button2_process {
    background-color: var(--color-background-glassy-b);
    color: var(--color-content-primary);
}

.prisma-button2_view_secondary .prisma-button2__sublabel {
    color: var(--color-content-secondary);
}

.prisma-button2_view_raised {
    color: var(--color-content-primary);
    background-color: var(--color-background-default);
    box-shadow: var(--shadow-small-default);
}

.prisma-button2_view_raised:hover {
    box-shadow: var(--shadow-small-hovered);
}

.prisma-button2_view_raised:active {
    box-shadow: var(--shadow-small-pressed);
}

.prisma-button2_view_raised:disabled {
    background-color: var(--color-background-glassy-a);
    color: var(--color-content-tertiary);
    box-shadow: var(--shadow-small-hidden);
}

.prisma-button2_view_raised:disabled.prisma-button2_process {
    color: var(--color-content-primary);
    background-color: var(--color-background-default);
    box-shadow: var(--shadow-small-hovered);
}

.prisma-button2_view_raised .prisma-button2__sublabel {
    color: var(--color-content-secondary);
}

.prisma-button2_size_l {
    font: var(--font-ys-body-16-regular-ui);
    font-feature-settings: 'pnum' on, 'lnum' on;
    font-feature-settings: 'pnum' on, 'lnum' on;
    padding-block: 1.25rem;
    padding-inline: 1.5rem;
    border-radius: var(--border-radius-8);
    gap: var(--spacing-8);
}

.prisma-button2_size_l .prisma-button2__sublabel {
    font: var(--font-ys-caption-12-regular);
    font-feature-settings: 'pnum' on, 'lnum' on;
    font-feature-settings: 'pnum' on, 'lnum' on;
}

.prisma-button2_size_l.prisma-button2_with-icon {
    padding: 1.125rem;
}

.prisma-button2_size_l.prisma-button2_with-icon-start,
.prisma-button2_size_l.prisma-button2_with-icon-end {
    padding-block: 1.125rem;
}

.prisma-button2_size_l.prisma-button2_with-sublabel {
    padding-block: 0.75rem;
}

.prisma-button2_size_l.prisma-button2_with-icon-start {
    padding-inline: 1.25rem 1.5rem;
}

.prisma-button2_size_l.prisma-button2_with-icon-end {
    padding-inline: 1.5rem 1.25rem;
}

.prisma-button2_size_l.prisma-button2_with-icon-end.prisma-button2_size_l.prisma-button2_with-icon-start {
    padding-inline: 1.25rem;
}

.prisma-button2_size_m {
    font: var(--font-ys-body-16-regular-ui);
    font-feature-settings: 'pnum' on, 'lnum' on;
    font-feature-settings: 'pnum' on, 'lnum' on;
    padding-block: 0.9375rem;
    padding-inline: 1.5rem;
    border-radius: var(--border-radius-6);
    gap: var(--spacing-8);
}

.prisma-button2_size_m .prisma-button2__sublabel {
    font: var(--font-ys-caption-12-regular);
    font-feature-settings: 'pnum' on, 'lnum' on;
    font-feature-settings: 'pnum' on, 'lnum' on;
}

.prisma-button2_size_m.prisma-button2_with-icon,
.prisma-button2_size_m.prisma-button2_with-icon-end,
.prisma-button2_size_m.prisma-button2_with-icon-start {
    padding: 0.8125rem;
}

.prisma-button2_size_m.prisma-button2_with-sublabel {
    padding-block-start: 0.4375rem;
    padding-block-end: 0.5rem;
}

.prisma-button2_size_m.prisma-button2_with-icon-start {
    padding-inline: 1.25rem 1.5rem;
}

.prisma-button2_size_m.prisma-button2_with-icon-end {
    padding-inline: 1.5rem 1.25rem;
}

.prisma-button2_size_m.prisma-button2_with-icon-end.prisma-button2_size_m.prisma-button2_with-icon-start {
    padding-inline: 1.25rem;
}

.prisma-button2_size_xs {
    font: var(--font-ys-caption-14-regular);
    font-feature-settings: 'pnum' on, 'lnum' on;
    font-feature-settings: 'pnum' on, 'lnum' on;
    padding-inline: 1rem;
    padding-block: 0.4375rem;
    border-radius: var(--border-radius-4);
    gap: var(--spacing-4);
}

.prisma-button2_size_xs.prisma-button2_with-icon {
    padding: 0.25rem;
}

.prisma-button2_size_xs.prisma-button2_with-icon-start {
    padding-inline-start: 0.75rem;
}

.prisma-button2_size_xs.prisma-button2_with-icon-end {
    padding-inline-end: 0.75rem;
}

.prisma-button2_size_xs.prisma-button2_with-icon-start,
.prisma-button2_size_xs.prisma-button2_with-icon-end {
    padding-block: 0.25rem;
}

.prisma-button2_size_s {
    font: var(--font-ys-caption-14-regular);
    font-feature-settings: 'pnum' on, 'lnum' on;
    font-feature-settings: 'pnum' on, 'lnum' on;
    padding-inline: 1rem;
    padding-block: 0.5625rem;
    border-radius: var(--border-radius-5);
    gap: var(--spacing-4);
}

.prisma-button2_size_s.prisma-button2_with-icon {
    padding: 0.375rem;
}

.prisma-button2_size_s.prisma-button2_with-icon-start {
    padding-inline-start: 0.75rem;
}

.prisma-button2_size_s.prisma-button2_with-icon-end {
    padding-inline-end: 0.75rem;
}

.prisma-button2_size_s.prisma-button2_with-icon-start,
.prisma-button2_size_s.prisma-button2_with-icon-end {
    padding-block: 0.375rem;
}

.prisma-button2_with-icon .prisma-button2__icon {
    width: 1.5rem;
}

.prisma-button2_progress {
    pointer-events: none;
}

.prisma-button2_progress .prisma-button2__content,
.prisma-button2_progress .prisma-button2__icon {
    visibility: hidden;
}

.prisma-button2__progress-dot {
    position: relative;
    width: 0.375rem;
    height: 0.375rem;
    border-radius: 100%;
    background-color: currentColor;
    color: currentColor;
    animation: dotFlicker 1.5s ease-in infinite;
    display: block;
    animation-delay: 0.4s;
}

.prisma-button2__progress-dot::before,
.prisma-button2__progress-dot::after {
    content: ' ';
    display: inline-block;
    position: absolute;
    background-color: currentColor;
    border-radius: 100%;
    top: 0;
    width: 0.375rem;
    height: 0.375rem;
    animation: dotFlicker 1.5s ease-in infinite;
    color: currentColor;
}

.prisma-button2__progress-dot::before {
    right: 0.625rem;
    animation-delay: 0s;
}

.prisma-button2__progress-dot::after {
    left: 0.625rem;
    animation-delay: 0.6s;
}

@keyframes dotFlicker {
    0% {
        opacity: 1;
    }

    40% {
        opacity: 0.3;
    }

    100% {
        opacity: 1;
    }
}

.prisma-button2__progress-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.prisma-checkbox {
    display: flex;
    gap: var(--spacing-8);
    color: var(--color-content-primary);

    cursor: pointer;
    font: var(--font-ys-caption-14-medium);
    font-feature-settings: 'pnum' on, 'lnum' on;
    font-feature-settings: 'pnum' on, 'lnum' on;
}

.prisma-checkbox:focus-within .prisma-checkbox__icon-wrapper {
    outline: 0.1875rem auto Highlight;
    outline: 0.1875rem auto -webkit-focus-ring-color; /* stylelint-disable-line declaration-block-no-duplicate-properties */
}

.prisma-checkbox:hover:not(.prisma-checkbox_selected):not(.prisma-checkbox_disabled) .prisma-checkbox__icon-wrapper {
    background-color: var(--color-background-stroke);
}

.prisma-checkbox:hover:not(.prisma-checkbox_disabled) .prisma-checkbox__icon-wrapper {
    background-color: var(--color-accent-neutral-hover);
}

.prisma-checkbox_selected .prisma-checkbox__icon-wrapper {
    background-color: var(--color-accent-neutral);
    border: none;
}

.prisma-checkbox_selected .prisma-checkbox__icon {
    opacity: 1;
}

.prisma-checkbox_disabled {
    cursor: default;
}

.prisma-checkbox_disabled:not(.prisma-checkbox_selected) .prisma-checkbox__icon-wrapper {
    background-color: var(--color-background-glassy-a);
    border-color: var(--color-background-glassy-a);
}

.prisma-checkbox_disabled .prisma-checkbox__icon-wrapper {
    background-color: var(--color-background-glassy-b);
}

.prisma-checkbox_size_xs {
    --checkbox-icon-size: 1rem;

    font: var(--font-ys-caption-14-regular);

    font-feature-settings: 'pnum' on, 'lnum' on;

    font-feature-settings: 'pnum' on, 'lnum' on;
    line-height: var(--checkbox-icon-size);
}

.prisma-checkbox_size_s {
    --checkbox-icon-size: 1.25rem;

    font: var(--font-ys-caption-14-regular);

    font-feature-settings: 'pnum' on, 'lnum' on;

    font-feature-settings: 'pnum' on, 'lnum' on;
    line-height: var(--checkbox-icon-size);
}

.prisma-checkbox_size_m {
    --checkbox-icon-size: 1.5rem;

    font: var(--font-ys-body-16-regular-ui);

    font-feature-settings: 'pnum' on, 'lnum' on;

    font-feature-settings: 'pnum' on, 'lnum' on;
    line-height: var(--checkbox-icon-size);
}

.prisma-checkbox__icon {
    opacity: 0;
    color: var(--color-content-inverted-primary);
}

.prisma-checkbox__icon-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    overflow: hidden;
    box-sizing: border-box;

    width: var(--checkbox-icon-size);
    height: var(--checkbox-icon-size);

    border: 1px solid var(--color-accent-neutral);
    transition: background-color ease-out 0.15s;
}

.prisma-checkbox__icon-wrapper_size_xs {
    border-radius: 0.125rem;
}

.prisma-checkbox__icon-wrapper_size_s {
    border-radius: 0.1875rem;
}

.prisma-checkbox__icon-wrapper_size_m {
    border-radius: var(--border-radius-4);
}

.prisma-tooltip2_axis_bottom {
    --offset-x: 0;
    --offset-y: 0.25rem;
}

.prisma-tooltip2_axis_center {
    --offset-x: 0;
    --offset-y: 0;
}

.prisma-tooltip2_axis_left {
    --offset-x: -0.25rem;
    --offset-y: 0;
}

.prisma-tooltip2_axis_right {
    --offset-x: 0.25rem;
    --offset-y: 0;
}

.prisma-tooltip2_axis_top {
    --offset-x: 0;
    --offset-y: -0.25rem;
}

.prisma-tooltip2_size_s {
    --padding-block: 0.4375rem;
    --padding-inline: 0.75rem;

    --border-radius: var(--border-radius-4);

    --font: var(--font-ys-caption-12-regular);

    font-feature-settings: 'pnum' on, 'lnum' on;

    font-feature-settings: 'pnum' on, 'lnum' on;

    --arrow-size: 0.3125rem;
    --arrow-border-radius: 0.0625rem;
}

.prisma-tooltip2_size_m {
    --padding-block: 0.4375rem;
    --padding-inline: 0.75rem;

    --border-radius: var(--border-radius-4);

    --font: var(--font-ys-caption-14-regular);

    font-feature-settings: 'pnum' on, 'lnum' on;

    font-feature-settings: 'pnum' on, 'lnum' on;

    --arrow-size: 0.375rem;
    --arrow-border-radius: 0.0625rem;
}

.prisma-tooltip2_size_l {
    --padding-block: 0.75rem;
    --padding-inline: 1rem;

    --border-radius: var(--border-radius-6);

    --font: var(--font-ys-body-16-regular-ui);

    font-feature-settings: 'pnum' on, 'lnum' on;

    font-feature-settings: 'pnum' on, 'lnum' on;

    --arrow-size: 0.5rem;
    --arrow-border-radius: 0.125rem;
}

.prisma-tooltip2_view_default {
    --background-color: var(--color-accent-neutral);
    --shadow: none;
    --color: var(--color-content-inverted-primary);
}

.prisma-tooltip2_view_raised {
    --background-color: var(--color-background-default);
    /* drop-shadow версия shadow-medium-default */
    --shadow: rgba(36, 36, 36, 0.07) 0 1px 4px;
    --color: var(--color-content-primary);
}

.prisma-tooltip2__overlay {
    --transition-transform-enter: translate(var(--offset-x), var(--offset-y));
    --transition-transform-done: translate(0, 0);

    --transition-duration: 0.1s;
    --transition: transform var(--transition-duration) ease-out, opacity var(--transition-duration) ease-out;

    filter: drop-shadow(var(--shadow));

    width: -moz-max-content;

    width: max-content;
}

.prisma-tooltip2__overlay.prisma-tooltip2__overlay-fade-enter {
    transform: var(--transition-transform-enter);

    opacity: 0.01;
}

.prisma-tooltip2__overlay.prisma-tooltip2__overlay-fade-enter-active {
    transform: var(--transition-transform-done);

    opacity: 1;

    transition: var(--transition);
}

.prisma-tooltip2__overlay.prisma-tooltip2__overlay-fade-enter-done {
    transform: var(--transition-transform-done);

    opacity: 1;
}

.prisma-tooltip2__overlay.prisma-tooltip2__overlay-fade-exit {
    transform: var(--transition-transform-done);

    opacity: 1;
}

.prisma-tooltip2__overlay.prisma-tooltip2__overlay-fade-exit-active {
    transform: var(--transition-transform-enter);

    opacity: 0.01;

    transition: var(--transition);
    transition-duration: calc(var(--transition-duration) * 1.25);
}

.prisma-tooltip2__overlay-arrow {
    --arrow-position-offset: calc(var(--arrow-size) / 2 * -1);

    position: absolute;

    transform-origin: center;

    width: var(--arrow-size);
    height: var(--arrow-size);

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

.prisma-tooltip2__overlay-arrow_placement_bottom {
    bottom: var(--arrow-position-offset);

    /* Pixel perfect */
    transform: translateX(-50%) scale(0.972) scaleY(1.091) rotate(45deg);

    border-bottom-right-radius: var(--arrow-border-radius);
}

.prisma-tooltip2__overlay-arrow_placement_left {
    left: var(--arrow-position-offset);

    /* Pixel perfect */
    transform: translateY(-50%) scale(0.972) scaleX(1.091) rotate(45deg);

    border-bottom-left-radius: var(--arrow-border-radius);
}

.prisma-tooltip2__overlay-arrow_placement_right {
    right: var(--arrow-position-offset);

    /* Pixel perfect */
    transform: translateY(-50%) scale(0.972) scaleX(1.091) rotate(45deg);

    border-top-right-radius: var(--arrow-border-radius);
}

.prisma-tooltip2__overlay-arrow_placement_top {
    top: var(--arrow-position-offset);

    /* Pixel perfect */
    transform: translateX(-50%) scale(0.972) scaleY(1.091) rotate(45deg);

    border-top-left-radius: var(--arrow-border-radius);
}

.prisma-tooltip2__overlay-content {
    box-sizing: border-box;

    display: flex;

    padding: var(--padding-block) var(--padding-inline);

    border-radius: var(--border-radius);
    background-color: var(--background-color);

    color: var(--color);
    font: var(--font);
}

.prisma-tooltip2__wrapper {
    display: inline-block;
}

.socials {
    display: flex;
    gap: var(--spacing-4);
}
a.socials__social-button:focus-visible {
    outline: auto;
}

.callback-form__contacts {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-2);
    font: var(--font-ys-caption-14-regular);
    font-feature-settings: 'pnum' on, 'lnum' on;
    align-self: center;
    text-align: center;
    line-height: 18px;
}

.callback-form__contacts-primary-text,
.callback-form__contacts-phones-text {
    color: var(--color-content-primary);

    margin: 0;
}

.callback-form__contacts-secondary-text {
    margin: 0;
    font: var(--font-ys-caption-14-regular);
    font-feature-settings: 'pnum' on, 'lnum' on;

    color: var(--color-content-secondary);
}

@media (max-width: 539px) {

.callback-form__contacts-secondary-text {
        margin-top: var(--spacing-4)
}
    }

.prisma-input {
    --border-color: var(--color-background-stroke);
    --background-color: var(--color-background-default);
    --validation-color: var(--color-content-secondary);
    --label-color: var(--color-content-secondary);
    --control-color: var(--color-content-primary);
    --border-width: 1px;
    --transition-duration: 0.15s;
}

.prisma-input:not(.prisma-input_state_invalid):not(.prisma-input_state_valid) .prisma-input__wrapper:focus-within,
.prisma-input:not(.prisma-input_state_invalid):not(.prisma-input_state_valid):not(.prisma-input_disabled)
    .prisma-input__wrapper:hover {
    --border-color: var(--color-accent-neutral);
}

.prisma-input_size_l {
    --label-block-start-position: 1.1875rem;
    --padding-block-start: 1.75rem;
    --padding-block-end: 0.75rem;
    --padding-inline-start: 0.8125rem;
    --padding-inline-end: 0.8125rem;
}

.prisma-input_size_l .prisma-input__wrapper {
    /* Явно проставляем высоту, чтобы она была одинаковой у инпутов с type="text" и type="date"*/
    max-height: 3.75rem;
    font: var(--font-ys-body-16-regular-ui);
    font-feature-settings: 'pnum' on, 'lnum' on;
    font-feature-settings: 'pnum' on, 'lnum' on;
    border-radius: var(--border-radius-8);
}

.prisma-input_size_m {
    --label-block-start-position: 0.875rem;
    --padding-block-start: 1.4375rem;
    --padding-block-end: 0.4375rem;
    --padding-inline-start: 0.8125rem;
    --padding-inline-end: 0.8125rem;
}

.prisma-input_size_m .prisma-input__wrapper {
    /* Явно проставляем высоту, чтобы она была одинаковой у инпутов с type="text" и type="date"*/
    max-height: 3.125rem;
    font: var(--font-ys-body-16-regular-ui);
    font-feature-settings: 'pnum' on, 'lnum' on;
    font-feature-settings: 'pnum' on, 'lnum' on;
    border-radius: var(--border-radius-6);
}

.prisma-input_size_s {
    --label-block-start-position: 0.5625rem;
    --padding-block-start: 0.5625rem;
    --padding-block-end: 0.5625rem;
    --padding-inline-start: 0.5625rem;
    --padding-inline-end: 0.5625rem;
}

.prisma-input_size_s .prisma-input__wrapper {
    /* Явно проставляем высоту, чтобы она была одинаковой у инпутов с type="text" и type="date"*/
    max-height: 2.25rem;
    font: var(--font-ys-caption-14-regular);
    font-feature-settings: 'pnum' on, 'lnum' on;
    font-feature-settings: 'pnum' on, 'lnum' on;
    border-radius: var(--border-radius-5);
}

.prisma-input_size_s .prisma-input__label {
    transition: none;
}

/* Данные стили из visually-hidden класса, находящегося в css-utils, но тут юзаем не сам класс,
т.к. иначе придётся усложнять логику input.tsx */

/* stylelint-disable @yandex-practicum/prefer-rem */

.prisma-input_size_s .prisma-input__control:not(:-moz-placeholder-shown) + .prisma-input__label {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    padding: 0;
    white-space: nowrap;
    clip-path: inset(100%);
    clip: rect(0 0 0 0);
    overflow: hidden;
}

.prisma-input_size_s .prisma-input__control:focus + .prisma-input__label,
.prisma-input_size_s .prisma-input__control:not(:placeholder-shown) + .prisma-input__label {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    padding: 0;
    white-space: nowrap;
    -webkit-clip-path: inset(100%);
            clip-path: inset(100%);
    clip: rect(0 0 0 0);
    overflow: hidden;
}

.prisma-input_disabled {
    --border-color: var(--color-background-stroke);
    --background-color: var(--color-background-alternate);
    --label-color: var(--color-content-tertiary);
    --control-color: var(--color-content-tertiary);
}

.prisma-input_hidden-label.prisma-input_size_l {
    --padding-block-start: 1.25rem;
    --padding-block-end: 1.25rem;
}

.prisma-input_hidden-label.prisma-input_size_m {
    --padding-block-start: 0.9375rem;
    --padding-block-end: 0.9375rem;
}

.prisma-input_state_valid {
    --border-color: var(--color-accent-success);
    --validation-color: var(--color-accent-success);
}

.prisma-input_state_invalid {
    --border-color: var(--color-accent-critical);
    --validation-color: var(--color-accent-critical);
}

.prisma-input_validation-label {
    --label-color: var(--validation-color);
}

.prisma-input__wrapper {
    position: relative;

    display: flex;
    align-items: center;
    gap: var(--spacing-8);

    background-color: var(--background-color);
    border: var(--border-width) solid var(--border-color);
    padding-inline: calc(var(--padding-inline-start) - var(--border-width))
        calc(var(--padding-inline-end) - var(--border-width));

    transition: border-color var(--transition-duration) ease-out;
}

.prisma-input__icon {
    color: var(--validation-color);
}

.prisma-input__container {
    position: relative;

    flex-grow: 1;
    flex-basis: min-content;
}

.prisma-input__control {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    outline: none;
    border: none;

    font: inherit;
    color: var(--control-color);
    background-color: unset;

    width: 100%;
    padding: calc(var(--padding-block-start) - var(--border-width)) 0
        calc(var(--padding-block-end) - var(--border-width));
}

.prisma-input__control:-moz-placeholder-shown + .prisma-input__label {
    transform: translateY(0) scale(1);
}

.prisma-input__control:placeholder-shown + .prisma-input__label {
    transform: translateY(0) scale(1);
}

.prisma-input__control:focus + .prisma-input__label {
    transform: translateY(-50%) scale(0.75);
}

.prisma-input__label {
    position: absolute;
    top: var(--label-block-start-position);
    left: 0;

    color: var(--label-color);
    width: 100%;

    overflow-x: hidden;
    pointer-events: none;
    text-overflow: ellipsis;
    white-space: nowrap;

    transform-origin: left;
    transition: transform var(--transition-duration) ease-out;
    transform: translateY(-50%) scale(0.75);
}

.prisma-input__message {
    margin-block-start: var(--spacing-4);

    font: var(--font-ys-caption-12-regular);

    font-feature-settings: 'pnum' on, 'lnum' on;

    font-feature-settings: 'pnum' on, 'lnum' on;
    word-break: break-word;
}

.prisma-input__message_validation {
    color: var(--validation-color);
}

.prisma-input__message_hint {
    color: var(--color-content-primary);
}

/* Усиливаем селектор, т.к. Drawer является миксом для Popup
   из-за этого стили могут приезжать не в правильном порядке */
.Drawer[class] {
    position: fixed;
    top: 0;
    left: 0;

    display: none;
    overflow: hidden;

    width: 100%;
    height: 100%;
}

.Drawer.Drawer_visible {
    display: block;
}

.Drawer-DragObserver {
    display: flex;

    height: inherit;
}

.Drawer-Curtain {
    position: relative;

    display: flex;
    flex-direction: column;

    max-height: 100%;
    will-change: transform;
}

.Drawer-Content {
    position: relative;

    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.Drawer-Overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    touch-action: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    will-change: opacity;
}

.Popup2 {
    position: absolute;
    z-index: 1400;
}

.Popup2[data-popper-reference-hidden],
.Popup2[data-popper-escaped] {
    visibility: hidden !important;

    margin: -9999px 0 0 -9999px !important;

    pointer-events: none !important;
}

.Popup2-Tail {
    width: 24px;
    height: 24px;

    /* Отключаем взаимодействие, т.к. хвостик может накладываться на якорь */
    pointer-events: none;
}

.Popup2-TailSvg {
    display: block;
}

.Popup2[data-popper-placement^='top'] .Popup2-Tail {
    top: 100%;

    transform: rotate(180deg);
}

.Popup2[data-popper-placement^='left'] .Popup2-Tail {
    left: 100%;

    transform: rotate(90deg);
}

.Popup2[data-popper-placement^='bottom'] .Popup2-Tail {
    bottom: 100%;
}

.Popup2[data-popper-placement^='right'] .Popup2-Tail {
    right: 100%;

    transform: rotate(-90deg);
}

/**
 * Базовые визуальные стили
 */
.Drawer_view_default .Drawer-Content,
.Drawer_view_default .Drawer-Title {
    background: #fff;
}

.Drawer_view_default .Drawer-Overlay {
    background: rgba(0, 0, 0, 0.4);
}

/**
 * Стили для direction_bottom
 */
.Drawer_direction_bottom .Drawer-DragObserver {
    flex-direction: column;
    justify-content: flex-end;
}

.Drawer_direction_bottom.Drawer_view_default .Drawer-Curtain {
    max-height: calc(100% - 32px);
}

.Drawer_direction_bottom.Drawer_view_default .Drawer-Content,
.Drawer_direction_bottom.Drawer_view_default .Drawer-Title {
    border-radius: 16px 16px 0 0;
}

/* когда в шторке есть заголовок, то скругляем углы только у него */
.Drawer_direction_bottom.Drawer_view_default .Drawer-Title + .Drawer-Content {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.Drawer_direction_bottom.Drawer_view_default .Drawer-Handle {
    position: absolute;
    top: -19px;
    left: 50%;

    width: 40px;
    margin-left: -36px;
    padding: 8px 16px;
    will-change: opacity;
}

.Drawer_direction_bottom.Drawer_view_default .Drawer-Handle::before {
    display: block;

    height: 3px;

    content: '';

    border-radius: 100px;
    background: #fff;
}

.Drawer_direction_bottom.Drawer_view_default.Drawer_nested .Drawer-Handle {
    z-index: 1;
    top: 0;
}

.Drawer_direction_bottom.Drawer_view_default.Drawer_nested .Drawer-Handle::before {
    background: rgba(0, 0, 0, 0.1);
}

.callback-form__paid-by-employer-buttons {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: var(--spacing-2);
    gap: var(--spacing-2);
    border-radius: var(--border-radius-6);
    padding: 0.125rem;
}

.prisma_theme_light .callback-form__paid-by-employer-buttons {
    background-color: var(--color-background-glassy-a);
}

.prisma_theme_dark .callback-form__paid-by-employer-buttons {
    background-color: var(--color-background-glassy-b);
}

.callback-form__hidden-checkbox {
    visibility: hidden;
    position: absolute;
}

.callback-form__paid-by-employer {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-8);
}

.callback-form__paid-by-employer-label {
    color: var(--color-content-secondary);
}

.callback-form__success-screen-img {
    background-image: url('https://code.s3.yandex.net/consultation/success.png');
    background-image: var(--success-img, url('https://code.s3.yandex.net/consultation/success.png'));
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 170px;
    background-size: contain;
    margin-top: var(--spacing-20);
    margin-bottom: var(--spacing-20);
}

.callback-form__success-screen {
    width: 100%;
    display: flex;
    flex-direction: column;
    height: auto;

    animation-name: fadeIn;
    animation-duration: 1s;
    justify-content: space-between;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.callback-form__success-screen-description {
    width: 100%;

    overflow: hidden;

    text-align: center;
    margin: 0;
}

.callback-form__title {
    font: var(--font-ys-header-28-regular);
    font-feature-settings: 'pnum' on, 'lnum' on;
    line-height: 28px;
    margin: 0 0 var(--spacing-8);
    white-space: pre-line;
    max-width: 330px;
}

.callback-form__description {
    max-width: 100%;
    overflow: hidden;

    margin: 0 0 var(--spacing-20);

    font: var(--font-ys-body-16-regular-ui);

    font-feature-settings: 'pnum' on, 'lnum' on;
}

.callback-form__form {
    display: flex;
    gap: 8px;
    flex-direction: column;
    margin-bottom: var(--spacing-12);
}

.callback-form__checkbox.prisma-checkbox {
    margin-block-end: var(--spacing-16);
    color: var(--color-content-secondary);
}

.callback-form__socials {
    align-self: center;
}

.callback-form__social {
    border-radius: var(--border-radius-8);
}

.callback-form__footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-12);
    margin-top: var(--spacing-12);
}

.help-hand {
    position: absolute;
    top: 0;
    left: 0;
    width: 36px;
    height: 36px;
    z-index: 1;
    background-color: var(--color-background-default);
    pointer-events: none;
    animation: fadeOutHand 4s 1;
    animation-fill-mode: forwards;
}

    .help-hand .prisma-element-hint__wrapper {
        display: flex;
        align-items: center;
        justify-content: center;
    }

.help-hand__icon {
    position: relative;

    display: inline-block;
    width: 24px;
    height: 24px;

    transition: transform 1s;
    transform: rotate(-25deg) scale(0);

    transform-origin: 50% 65%;
    animation: waveAnimation 4s 1;
}

@keyframes fadeOutHand {
    90% {
        background-color: var(--color-background-default);
    }
    100% {
        background-color: transparent;
    }
}

@keyframes waveAnimation {
    9% {
        transform: rotate(-25deg) scale(0);
    }

    12% {
        transform: rotate(-25deg) scale(1);
    }

    12% {
        transform: rotate(-25deg);
    }

    16% {
        transform: rotate(-50deg);
    }

    20% {
        transform: rotate(-13deg);
    }

    25% {
        transform: rotate(-50deg);
    }

    30% {
        transform: rotate(-13deg);
    }

    35% {
        transform: rotate(-50deg);
    }

    41% {
        transform: rotate(-13deg);
    }

    47% {
        transform: rotate(-50deg);
    }

    54% {
        transform: rotate(-13deg);
    }

    64% {
        transform: rotate(-50deg);
    }

    73% {
        transform: rotate(-25deg);
    }

    79% {
        transform: rotate(-25deg) scale(1);
    }

    90% {
        transform: rotate(-25deg) scale(0);
    }
}

.help-callback .help-callback__window.help-callback__window {
    position: fixed;
    z-index: 2000000;
    pointer-events: auto;
    bottom: 56px;
    right: 64px;

    width: 0;

    max-height: calc(100vh - 60px);

    background-color: var(--color-background-alternate);
    border: 1px solid var(--color-background-stroke);

    padding: 0;

    border-radius: 16px;

    box-shadow: var(--shadow-medium-default);

    opacity: 0;
    visibility: hidden;
    height: 0;
    transition: opacity 0.5s;
    transition-timing-function: cubic-bezier(0.25, 1.15, 0.5, 1.1);
    box-sizing: border-box;
    overflow: auto;
}

    @media (max-width: 767px) {.help-callback .help-callback__window.help-callback__window {
        right: 16px
}
    }

.prisma_theme_light .help-callback .help-callback__window {
    background-color: var(--color-background-widget);
    border: 0;
}

.help-callback .help-callback__window.help-callback__window_open {
    width: 400px;
    height: auto;
    padding: 24px;
    opacity: 1;
    visibility: visible;
}

@media (max-width: 413px) {

.help-callback .help-callback__window.help-callback__window_open {
        position: fixed;
        height: 100vh;
        width: 100%;
        max-height: none;
        right: 0;
        top: 0;
        left: 0;
        bottom: 0;
        border-radius: 0;
        box-shadow: none;
        z-index: 100000000
}
    }

.help-callback {
    position: relative;
}

.help-callback .callback-form__paid-by-employer-buttons {
    grid-template-columns: 128px 1fr;
    margin-bottom: var(--spacing-12);
}

.help-callback__hint {
    margin-bottom: 8px;
}

.help-callback__close-button {
    color: var(--color-content-primary);
    position: absolute;

    right: 16px;

    cursor: pointer;
}

.prisma-textarea {
    --control-background-color: var(--color-background-default);
    --control-border-color: var(--color-background-stroke);
    --control-active-border-color: var(--color-accent-neutral);
    --control-color: var(--color-content-primary);
    --message-color: var(--color-content-primary);

    display: flex;
    flex-direction: column;
    gap: var(--spacing-4);
}

.prisma-textarea_state_invalid {
    --validation-color: var(--color-accent-critical);
    --control-border-color: var(--validation-color);
    --control-active-border-color: var(--validation-color);
    --validation-message-color: var(--validation-color);
}

.prisma-textarea_state_valid {
    --validation-color: var(--color-accent-success);
    --control-border-color: var(--validation-color);
    --control-active-border-color: var(--validation-color);
    --validation-message-color: var(--validation-color);
}

.prisma-textarea_disabled {
    --control-background-color: var(--color-background-alternate);
    --control-border-color: var(--color-background-stroke);
    --control-active-border-color: var(--color-background-stroke);
    --control-color: var(--color-content-tertiary);
}

.prisma-textarea__control {
    box-sizing: border-box;

    overflow-x: hidden;
    resize: none;
    outline: none;

    width: 100%;

    padding: 0.75rem;

    border: 1px solid var(--control-border-color);
    border-radius: var(--border-radius-6);
    background-color: var(--control-background-color);

    color: var(--control-color);
    font: var(--font-ys-body-16-regular-ui);
    font-feature-settings: 'pnum' on, 'lnum' on;
    font-feature-settings: 'pnum' on, 'lnum' on;

    transition: border-color 0.15s ease-out;
}

.prisma-textarea__control::-moz-placeholder {
    color: var(--color-content-secondary);
    font-size: 1rem;
}

.prisma-textarea__control::placeholder {
    color: var(--color-content-secondary);
    font-size: 1rem;
}

.prisma-textarea__control:focus,
.prisma-textarea__control:hover {
    border-color: var(--control-active-border-color);
}

.prisma-textarea__control_with-validation-icon {
    --validation-icon-size: 1rem;
    --gap: var(--spacing-8);

    padding-inline-end: calc(0.75rem + var(--validation-icon-size) + var(--gap));
}

.prisma-textarea__message {
    color: var(--message-color);
    font: var(--font-ys-caption-12-regular);
    font-feature-settings: 'pnum' on, 'lnum' on;
    font-feature-settings: 'pnum' on, 'lnum' on;
}

.prisma-textarea__message_type_validation {
    color: var(--validation-message-color);
}

.prisma-textarea__validation-icon {
    position: absolute;
    right: 0.75rem;
    top: 0.75rem;

    display: flex;

    color: var(--validation-color);
}

.prisma-textarea__wrapper {
    position: relative;

    display: flex;
}

.chat-controls {
    display: flex;
    justify-content: flex-end;

    position: relative;

    margin-block-start: var(--spacing-8);
}

.chat-controls__animation_view_short-appear {
    opacity: 0;
}

.chat-controls__animation_view_short-appear-active {
    width: 340px;

    opacity: 1;

    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.47, 0, 0.23, 1.38);
    transition-duration: 800ms;
}

.chat-controls__animation_view_short-appear-done {
    width: 340px;
}

.chat-controls__animation {
    width: 100%;
}

.chat-controls__submit-button.chat-controls__submit-button {
    position: absolute;
    bottom: 14px;
    right: 12px;

    color: var(--color-accent-success);
    z-index: 2;
}

.chat-controls__textarea {
    min-height: 60px;
    max-height: 140px;

    padding: 19px 44px 19px 12px;
}

.chat-controls__validation-icon {
    display: none;
}

/* stylelint-disable font-family-no-missing-generic-family-keyword */
@font-face {
  font-family: 'KaTeX_AMS';
  src: url(./d4531cf7ff335a5e1d2c.woff2) format('woff2'), url(./b1489df1556f8c661259.woff) format('woff'), url(./f80d9eaff7bad6dad739.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'KaTeX_Caligraphic';
  src: url(./f046a374a80bb69ba397.woff2) format('woff2'), url(./7ce7636b90003f983253.woff) format('woff'), url(./0c96bc8fe7861c576cfe.ttf) format('truetype');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'KaTeX_Caligraphic';
  src: url(./4519ba4c9ee4f9b68950.woff2) format('woff2'), url(./4a559f36cc9a9ff50a2a.woff) format('woff'), url(./35f3c951b5a1044753e0.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'KaTeX_Fraktur';
  src: url(./5b8749ee09f3aa843813.woff2) format('woff2'), url(./2ea3916b4309d29ba693.woff) format('woff'), url(./069514d4061bbc045836.ttf) format('truetype');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'KaTeX_Fraktur';
  src: url(./2c629b06891ec24911f5.woff2) format('woff2'), url(./0d90113d64d307cfb9e4.woff) format('woff'), url(./96556db6d8effe29a581.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'KaTeX_Main';
  src: url(./20b90c2076172b223ae5.woff2) format('woff2'), url(./a9cdbc850d2f94b8887c.woff) format('woff'), url(./07e762d041b580e5d32a.ttf) format('truetype');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'KaTeX_Main';
  src: url(./b345de5bd14864bcefbf.woff2) format('woff2'), url(./7649d52f66dfd41d2cee.woff) format('woff'), url(./bc8d96e9689171ea65cb.ttf) format('truetype');
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: 'KaTeX_Main';
  src: url(./ab751a9e86a16f178b79.woff2) format('woff2'), url(./e3954fe9b7efb3f438d2.woff) format('woff'), url(./44a32ae60521190623e3.ttf) format('truetype');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'KaTeX_Main';
  src: url(./13b3f8528a571d1cb797.woff2) format('woff2'), url(./9e75cd605a0f61540bc6.woff) format('woff'), url(./af7fc7b32dbf2a640c9c.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'KaTeX_Math';
  src: url(./d5d35e84b3ac1dbffd8f.woff2) format('woff2'), url(./94810ff68bb3c9cb6d3e.woff) format('woff'), url(./4d6241be0cb599314b9a.ttf) format('truetype');
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: 'KaTeX_Math';
  src: url(./ffda88030bb30ae4a0f4.woff2) format('woff2'), url(./11278d3697e58b20e960.woff) format('woff'), url(./cae7ea2682cff6985955.ttf) format('truetype');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'KaTeX_SansSerif';
  src: url(./5a20a4753af7a150824c.woff2) format('woff2'), url(./2946bdb590f9bd4c7ba3.woff) format('woff'), url(./f0ad0abc489e2942f9e1.ttf) format('truetype');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'KaTeX_SansSerif';
  src: url(./e5fc2aef496040d3f445.woff2) format('woff2'), url(./c834ba6da13819f078ec.woff) format('woff'), url(./c7feacd514ed1bf5669a.ttf) format('truetype');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'KaTeX_SansSerif';
  src: url(./5bf289005d5caccd361a.woff2) format('woff2'), url(./a4fd05630bcdec90cc1a.woff) format('woff'), url(./5af9e1cfc966c7b16e76.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'KaTeX_Script';
  src: url(./a1c15978d325f10dcb49.woff2) format('woff2'), url(./cd3b0634cbb3864a6105.woff) format('woff'), url(./dd0db7aef0e4e809b614.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'KaTeX_Size1';
  src: url(./1876361fd46f2ba44d00.woff2) format('woff2'), url(./c4ae0d259a8916db2002.woff) format('woff'), url(./bbd9552cef932199b58e.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'KaTeX_Size2';
  src: url(./f516b73c4a7ccca3d1a7.woff2) format('woff2'), url(./635e9324cc2ad9bdbfb1.woff) format('woff'), url(./d1e8ff17527d88576404.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'KaTeX_Size3';
  src: url(./1ef7adae735724bab211.woff2) format('woff2'), url(./f32a9fde642521722ca1.woff) format('woff'), url(./5d632274432b02a0edeb.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'KaTeX_Size4';
  src: url(./4f012d6a01b53cb21970.woff2) format('woff2'), url(./f668d5666b59392e88c7.woff) format('woff'), url(./1d1325964eb3838aa308.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'KaTeX_Typewriter';
  src: url(./4f31d033d446bb37ed60.woff2) format('woff2'), url(./d3c8e68f425df650554f.woff) format('woff'), url(./b1d1af1a936d0174df30.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
}
.katex {
  font: normal 1.21em KaTeX_Main, Times New Roman, serif;
  line-height: 1.2;
  text-indent: 0;
  text-rendering: auto;
}
.katex * {
  -ms-high-contrast-adjust: none !important;
}
.katex .katex-version::after {
  content: "0.11.1";
}
.katex .katex-mathml {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
.katex .katex-html {
  /* \newline is an empty block at top level, between .base elements */
}
.katex .katex-html > .newline {
  display: block;
}
.katex .base {
  position: relative;
  display: inline-block;
  white-space: nowrap;
  width: min-content;
}
.katex .strut {
  display: inline-block;
}
.katex .textbf {
  font-weight: bold;
}
.katex .textit {
  font-style: italic;
}
.katex .textrm {
  font-family: KaTeX_Main;
}
.katex .textsf {
  font-family: KaTeX_SansSerif;
}
.katex .texttt {
  font-family: KaTeX_Typewriter;
}
.katex .mathdefault {
  font-family: KaTeX_Math;
  font-style: italic;
}
.katex .mathit {
  font-family: KaTeX_Main;
  font-style: italic;
}
.katex .mathrm {
  font-style: normal;
}
.katex .mathbf {
  font-family: KaTeX_Main;
  font-weight: bold;
}
.katex .boldsymbol {
  font-family: KaTeX_Math;
  font-weight: bold;
  font-style: italic;
}
.katex .amsrm {
  font-family: KaTeX_AMS;
}
.katex .mathbb,
.katex .textbb {
  font-family: KaTeX_AMS;
}
.katex .mathcal {
  font-family: KaTeX_Caligraphic;
}
.katex .mathfrak,
.katex .textfrak {
  font-family: KaTeX_Fraktur;
}
.katex .mathtt {
  font-family: KaTeX_Typewriter;
}
.katex .mathscr,
.katex .textscr {
  font-family: KaTeX_Script;
}
.katex .mathsf,
.katex .textsf {
  font-family: KaTeX_SansSerif;
}
.katex .mathboldsf,
.katex .textboldsf {
  font-family: KaTeX_SansSerif;
  font-weight: bold;
}
.katex .mathitsf,
.katex .textitsf {
  font-family: KaTeX_SansSerif;
  font-style: italic;
}
.katex .mainrm {
  font-family: KaTeX_Main;
  font-style: normal;
}
.katex .vlist-t {
  display: inline-table;
  table-layout: fixed;
}
.katex .vlist-r {
  display: table-row;
}
.katex .vlist {
  display: table-cell;
  vertical-align: bottom;
  position: relative;
}
.katex .vlist > span {
  display: block;
  height: 0;
  position: relative;
}
.katex .vlist > span > span {
  display: inline-block;
}
.katex .vlist > span > .pstrut {
  overflow: hidden;
  width: 0;
}
.katex .vlist-t2 {
  margin-right: -2px;
}
.katex .vlist-s {
  display: table-cell;
  vertical-align: bottom;
  font-size: 1px;
  width: 2px;
  min-width: 2px;
}
.katex .msupsub {
  text-align: left;
}
.katex .mfrac > span > span {
  text-align: center;
}
.katex .mfrac .frac-line {
  display: inline-block;
  width: 100%;
  border-bottom-style: solid;
}
.katex .mfrac .frac-line,
.katex .overline .overline-line,
.katex .underline .underline-line,
.katex .hline,
.katex .hdashline,
.katex .rule {
  min-height: 1px;
}
.katex .mspace {
  display: inline-block;
}
.katex .llap,
.katex .rlap,
.katex .clap {
  width: 0;
  position: relative;
}
.katex .llap > .inner,
.katex .rlap > .inner,
.katex .clap > .inner {
  position: absolute;
}
.katex .llap > .fix,
.katex .rlap > .fix,
.katex .clap > .fix {
  display: inline-block;
}
.katex .llap > .inner {
  right: 0;
}
.katex .rlap > .inner,
.katex .clap > .inner {
  left: 0;
}
.katex .clap > .inner > span {
  margin-left: -50%;
  margin-right: 50%;
}
.katex .rule {
  display: inline-block;
  border: solid 0;
  position: relative;
}
.katex .overline .overline-line,
.katex .underline .underline-line,
.katex .hline {
  display: inline-block;
  width: 100%;
  border-bottom-style: solid;
}
.katex .hdashline {
  display: inline-block;
  width: 100%;
  border-bottom-style: dashed;
}
.katex .sqrt > .root {
  margin-left: 0.27777778em;
  margin-right: -0.55555556em;
}
.katex .sizing.reset-size1.size1,
.katex .fontsize-ensurer.reset-size1.size1 {
  font-size: 1em;
}
.katex .sizing.reset-size1.size2,
.katex .fontsize-ensurer.reset-size1.size2 {
  font-size: 1.2em;
}
.katex .sizing.reset-size1.size3,
.katex .fontsize-ensurer.reset-size1.size3 {
  font-size: 1.4em;
}
.katex .sizing.reset-size1.size4,
.katex .fontsize-ensurer.reset-size1.size4 {
  font-size: 1.6em;
}
.katex .sizing.reset-size1.size5,
.katex .fontsize-ensurer.reset-size1.size5 {
  font-size: 1.8em;
}
.katex .sizing.reset-size1.size6,
.katex .fontsize-ensurer.reset-size1.size6 {
  font-size: 2em;
}
.katex .sizing.reset-size1.size7,
.katex .fontsize-ensurer.reset-size1.size7 {
  font-size: 2.4em;
}
.katex .sizing.reset-size1.size8,
.katex .fontsize-ensurer.reset-size1.size8 {
  font-size: 2.88em;
}
.katex .sizing.reset-size1.size9,
.katex .fontsize-ensurer.reset-size1.size9 {
  font-size: 3.456em;
}
.katex .sizing.reset-size1.size10,
.katex .fontsize-ensurer.reset-size1.size10 {
  font-size: 4.148em;
}
.katex .sizing.reset-size1.size11,
.katex .fontsize-ensurer.reset-size1.size11 {
  font-size: 4.976em;
}
.katex .sizing.reset-size2.size1,
.katex .fontsize-ensurer.reset-size2.size1 {
  font-size: 0.83333333em;
}
.katex .sizing.reset-size2.size2,
.katex .fontsize-ensurer.reset-size2.size2 {
  font-size: 1em;
}
.katex .sizing.reset-size2.size3,
.katex .fontsize-ensurer.reset-size2.size3 {
  font-size: 1.16666667em;
}
.katex .sizing.reset-size2.size4,
.katex .fontsize-ensurer.reset-size2.size4 {
  font-size: 1.33333333em;
}
.katex .sizing.reset-size2.size5,
.katex .fontsize-ensurer.reset-size2.size5 {
  font-size: 1.5em;
}
.katex .sizing.reset-size2.size6,
.katex .fontsize-ensurer.reset-size2.size6 {
  font-size: 1.66666667em;
}
.katex .sizing.reset-size2.size7,
.katex .fontsize-ensurer.reset-size2.size7 {
  font-size: 2em;
}
.katex .sizing.reset-size2.size8,
.katex .fontsize-ensurer.reset-size2.size8 {
  font-size: 2.4em;
}
.katex .sizing.reset-size2.size9,
.katex .fontsize-ensurer.reset-size2.size9 {
  font-size: 2.88em;
}
.katex .sizing.reset-size2.size10,
.katex .fontsize-ensurer.reset-size2.size10 {
  font-size: 3.45666667em;
}
.katex .sizing.reset-size2.size11,
.katex .fontsize-ensurer.reset-size2.size11 {
  font-size: 4.14666667em;
}
.katex .sizing.reset-size3.size1,
.katex .fontsize-ensurer.reset-size3.size1 {
  font-size: 0.71428571em;
}
.katex .sizing.reset-size3.size2,
.katex .fontsize-ensurer.reset-size3.size2 {
  font-size: 0.85714286em;
}
.katex .sizing.reset-size3.size3,
.katex .fontsize-ensurer.reset-size3.size3 {
  font-size: 1em;
}
.katex .sizing.reset-size3.size4,
.katex .fontsize-ensurer.reset-size3.size4 {
  font-size: 1.14285714em;
}
.katex .sizing.reset-size3.size5,
.katex .fontsize-ensurer.reset-size3.size5 {
  font-size: 1.28571429em;
}
.katex .sizing.reset-size3.size6,
.katex .fontsize-ensurer.reset-size3.size6 {
  font-size: 1.42857143em;
}
.katex .sizing.reset-size3.size7,
.katex .fontsize-ensurer.reset-size3.size7 {
  font-size: 1.71428571em;
}
.katex .sizing.reset-size3.size8,
.katex .fontsize-ensurer.reset-size3.size8 {
  font-size: 2.05714286em;
}
.katex .sizing.reset-size3.size9,
.katex .fontsize-ensurer.reset-size3.size9 {
  font-size: 2.46857143em;
}
.katex .sizing.reset-size3.size10,
.katex .fontsize-ensurer.reset-size3.size10 {
  font-size: 2.96285714em;
}
.katex .sizing.reset-size3.size11,
.katex .fontsize-ensurer.reset-size3.size11 {
  font-size: 3.55428571em;
}
.katex .sizing.reset-size4.size1,
.katex .fontsize-ensurer.reset-size4.size1 {
  font-size: 0.625em;
}
.katex .sizing.reset-size4.size2,
.katex .fontsize-ensurer.reset-size4.size2 {
  font-size: 0.75em;
}
.katex .sizing.reset-size4.size3,
.katex .fontsize-ensurer.reset-size4.size3 {
  font-size: 0.875em;
}
.katex .sizing.reset-size4.size4,
.katex .fontsize-ensurer.reset-size4.size4 {
  font-size: 1em;
}
.katex .sizing.reset-size4.size5,
.katex .fontsize-ensurer.reset-size4.size5 {
  font-size: 1.125em;
}
.katex .sizing.reset-size4.size6,
.katex .fontsize-ensurer.reset-size4.size6 {
  font-size: 1.25em;
}
.katex .sizing.reset-size4.size7,
.katex .fontsize-ensurer.reset-size4.size7 {
  font-size: 1.5em;
}
.katex .sizing.reset-size4.size8,
.katex .fontsize-ensurer.reset-size4.size8 {
  font-size: 1.8em;
}
.katex .sizing.reset-size4.size9,
.katex .fontsize-ensurer.reset-size4.size9 {
  font-size: 2.16em;
}
.katex .sizing.reset-size4.size10,
.katex .fontsize-ensurer.reset-size4.size10 {
  font-size: 2.5925em;
}
.katex .sizing.reset-size4.size11,
.katex .fontsize-ensurer.reset-size4.size11 {
  font-size: 3.11em;
}
.katex .sizing.reset-size5.size1,
.katex .fontsize-ensurer.reset-size5.size1 {
  font-size: 0.55555556em;
}
.katex .sizing.reset-size5.size2,
.katex .fontsize-ensurer.reset-size5.size2 {
  font-size: 0.66666667em;
}
.katex .sizing.reset-size5.size3,
.katex .fontsize-ensurer.reset-size5.size3 {
  font-size: 0.77777778em;
}
.katex .sizing.reset-size5.size4,
.katex .fontsize-ensurer.reset-size5.size4 {
  font-size: 0.88888889em;
}
.katex .sizing.reset-size5.size5,
.katex .fontsize-ensurer.reset-size5.size5 {
  font-size: 1em;
}
.katex .sizing.reset-size5.size6,
.katex .fontsize-ensurer.reset-size5.size6 {
  font-size: 1.11111111em;
}
.katex .sizing.reset-size5.size7,
.katex .fontsize-ensurer.reset-size5.size7 {
  font-size: 1.33333333em;
}
.katex .sizing.reset-size5.size8,
.katex .fontsize-ensurer.reset-size5.size8 {
  font-size: 1.6em;
}
.katex .sizing.reset-size5.size9,
.katex .fontsize-ensurer.reset-size5.size9 {
  font-size: 1.92em;
}
.katex .sizing.reset-size5.size10,
.katex .fontsize-ensurer.reset-size5.size10 {
  font-size: 2.30444444em;
}
.katex .sizing.reset-size5.size11,
.katex .fontsize-ensurer.reset-size5.size11 {
  font-size: 2.76444444em;
}
.katex .sizing.reset-size6.size1,
.katex .fontsize-ensurer.reset-size6.size1 {
  font-size: 0.5em;
}
.katex .sizing.reset-size6.size2,
.katex .fontsize-ensurer.reset-size6.size2 {
  font-size: 0.6em;
}
.katex .sizing.reset-size6.size3,
.katex .fontsize-ensurer.reset-size6.size3 {
  font-size: 0.7em;
}
.katex .sizing.reset-size6.size4,
.katex .fontsize-ensurer.reset-size6.size4 {
  font-size: 0.8em;
}
.katex .sizing.reset-size6.size5,
.katex .fontsize-ensurer.reset-size6.size5 {
  font-size: 0.9em;
}
.katex .sizing.reset-size6.size6,
.katex .fontsize-ensurer.reset-size6.size6 {
  font-size: 1em;
}
.katex .sizing.reset-size6.size7,
.katex .fontsize-ensurer.reset-size6.size7 {
  font-size: 1.2em;
}
.katex .sizing.reset-size6.size8,
.katex .fontsize-ensurer.reset-size6.size8 {
  font-size: 1.44em;
}
.katex .sizing.reset-size6.size9,
.katex .fontsize-ensurer.reset-size6.size9 {
  font-size: 1.728em;
}
.katex .sizing.reset-size6.size10,
.katex .fontsize-ensurer.reset-size6.size10 {
  font-size: 2.074em;
}
.katex .sizing.reset-size6.size11,
.katex .fontsize-ensurer.reset-size6.size11 {
  font-size: 2.488em;
}
.katex .sizing.reset-size7.size1,
.katex .fontsize-ensurer.reset-size7.size1 {
  font-size: 0.41666667em;
}
.katex .sizing.reset-size7.size2,
.katex .fontsize-ensurer.reset-size7.size2 {
  font-size: 0.5em;
}
.katex .sizing.reset-size7.size3,
.katex .fontsize-ensurer.reset-size7.size3 {
  font-size: 0.58333333em;
}
.katex .sizing.reset-size7.size4,
.katex .fontsize-ensurer.reset-size7.size4 {
  font-size: 0.66666667em;
}
.katex .sizing.reset-size7.size5,
.katex .fontsize-ensurer.reset-size7.size5 {
  font-size: 0.75em;
}
.katex .sizing.reset-size7.size6,
.katex .fontsize-ensurer.reset-size7.size6 {
  font-size: 0.83333333em;
}
.katex .sizing.reset-size7.size7,
.katex .fontsize-ensurer.reset-size7.size7 {
  font-size: 1em;
}
.katex .sizing.reset-size7.size8,
.katex .fontsize-ensurer.reset-size7.size8 {
  font-size: 1.2em;
}
.katex .sizing.reset-size7.size9,
.katex .fontsize-ensurer.reset-size7.size9 {
  font-size: 1.44em;
}
.katex .sizing.reset-size7.size10,
.katex .fontsize-ensurer.reset-size7.size10 {
  font-size: 1.72833333em;
}
.katex .sizing.reset-size7.size11,
.katex .fontsize-ensurer.reset-size7.size11 {
  font-size: 2.07333333em;
}
.katex .sizing.reset-size8.size1,
.katex .fontsize-ensurer.reset-size8.size1 {
  font-size: 0.34722222em;
}
.katex .sizing.reset-size8.size2,
.katex .fontsize-ensurer.reset-size8.size2 {
  font-size: 0.41666667em;
}
.katex .sizing.reset-size8.size3,
.katex .fontsize-ensurer.reset-size8.size3 {
  font-size: 0.48611111em;
}
.katex .sizing.reset-size8.size4,
.katex .fontsize-ensurer.reset-size8.size4 {
  font-size: 0.55555556em;
}
.katex .sizing.reset-size8.size5,
.katex .fontsize-ensurer.reset-size8.size5 {
  font-size: 0.625em;
}
.katex .sizing.reset-size8.size6,
.katex .fontsize-ensurer.reset-size8.size6 {
  font-size: 0.69444444em;
}
.katex .sizing.reset-size8.size7,
.katex .fontsize-ensurer.reset-size8.size7 {
  font-size: 0.83333333em;
}
.katex .sizing.reset-size8.size8,
.katex .fontsize-ensurer.reset-size8.size8 {
  font-size: 1em;
}
.katex .sizing.reset-size8.size9,
.katex .fontsize-ensurer.reset-size8.size9 {
  font-size: 1.2em;
}
.katex .sizing.reset-size8.size10,
.katex .fontsize-ensurer.reset-size8.size10 {
  font-size: 1.44027778em;
}
.katex .sizing.reset-size8.size11,
.katex .fontsize-ensurer.reset-size8.size11 {
  font-size: 1.72777778em;
}
.katex .sizing.reset-size9.size1,
.katex .fontsize-ensurer.reset-size9.size1 {
  font-size: 0.28935185em;
}
.katex .sizing.reset-size9.size2,
.katex .fontsize-ensurer.reset-size9.size2 {
  font-size: 0.34722222em;
}
.katex .sizing.reset-size9.size3,
.katex .fontsize-ensurer.reset-size9.size3 {
  font-size: 0.40509259em;
}
.katex .sizing.reset-size9.size4,
.katex .fontsize-ensurer.reset-size9.size4 {
  font-size: 0.46296296em;
}
.katex .sizing.reset-size9.size5,
.katex .fontsize-ensurer.reset-size9.size5 {
  font-size: 0.52083333em;
}
.katex .sizing.reset-size9.size6,
.katex .fontsize-ensurer.reset-size9.size6 {
  font-size: 0.5787037em;
}
.katex .sizing.reset-size9.size7,
.katex .fontsize-ensurer.reset-size9.size7 {
  font-size: 0.69444444em;
}
.katex .sizing.reset-size9.size8,
.katex .fontsize-ensurer.reset-size9.size8 {
  font-size: 0.83333333em;
}
.katex .sizing.reset-size9.size9,
.katex .fontsize-ensurer.reset-size9.size9 {
  font-size: 1em;
}
.katex .sizing.reset-size9.size10,
.katex .fontsize-ensurer.reset-size9.size10 {
  font-size: 1.20023148em;
}
.katex .sizing.reset-size9.size11,
.katex .fontsize-ensurer.reset-size9.size11 {
  font-size: 1.43981481em;
}
.katex .sizing.reset-size10.size1,
.katex .fontsize-ensurer.reset-size10.size1 {
  font-size: 0.24108004em;
}
.katex .sizing.reset-size10.size2,
.katex .fontsize-ensurer.reset-size10.size2 {
  font-size: 0.28929605em;
}
.katex .sizing.reset-size10.size3,
.katex .fontsize-ensurer.reset-size10.size3 {
  font-size: 0.33751205em;
}
.katex .sizing.reset-size10.size4,
.katex .fontsize-ensurer.reset-size10.size4 {
  font-size: 0.38572806em;
}
.katex .sizing.reset-size10.size5,
.katex .fontsize-ensurer.reset-size10.size5 {
  font-size: 0.43394407em;
}
.katex .sizing.reset-size10.size6,
.katex .fontsize-ensurer.reset-size10.size6 {
  font-size: 0.48216008em;
}
.katex .sizing.reset-size10.size7,
.katex .fontsize-ensurer.reset-size10.size7 {
  font-size: 0.57859209em;
}
.katex .sizing.reset-size10.size8,
.katex .fontsize-ensurer.reset-size10.size8 {
  font-size: 0.69431051em;
}
.katex .sizing.reset-size10.size9,
.katex .fontsize-ensurer.reset-size10.size9 {
  font-size: 0.83317261em;
}
.katex .sizing.reset-size10.size10,
.katex .fontsize-ensurer.reset-size10.size10 {
  font-size: 1em;
}
.katex .sizing.reset-size10.size11,
.katex .fontsize-ensurer.reset-size10.size11 {
  font-size: 1.19961427em;
}
.katex .sizing.reset-size11.size1,
.katex .fontsize-ensurer.reset-size11.size1 {
  font-size: 0.20096463em;
}
.katex .sizing.reset-size11.size2,
.katex .fontsize-ensurer.reset-size11.size2 {
  font-size: 0.24115756em;
}
.katex .sizing.reset-size11.size3,
.katex .fontsize-ensurer.reset-size11.size3 {
  font-size: 0.28135048em;
}
.katex .sizing.reset-size11.size4,
.katex .fontsize-ensurer.reset-size11.size4 {
  font-size: 0.32154341em;
}
.katex .sizing.reset-size11.size5,
.katex .fontsize-ensurer.reset-size11.size5 {
  font-size: 0.36173633em;
}
.katex .sizing.reset-size11.size6,
.katex .fontsize-ensurer.reset-size11.size6 {
  font-size: 0.40192926em;
}
.katex .sizing.reset-size11.size7,
.katex .fontsize-ensurer.reset-size11.size7 {
  font-size: 0.48231511em;
}
.katex .sizing.reset-size11.size8,
.katex .fontsize-ensurer.reset-size11.size8 {
  font-size: 0.57877814em;
}
.katex .sizing.reset-size11.size9,
.katex .fontsize-ensurer.reset-size11.size9 {
  font-size: 0.69453376em;
}
.katex .sizing.reset-size11.size10,
.katex .fontsize-ensurer.reset-size11.size10 {
  font-size: 0.83360129em;
}
.katex .sizing.reset-size11.size11,
.katex .fontsize-ensurer.reset-size11.size11 {
  font-size: 1em;
}
.katex .delimsizing.size1 {
  font-family: KaTeX_Size1;
}
.katex .delimsizing.size2 {
  font-family: KaTeX_Size2;
}
.katex .delimsizing.size3 {
  font-family: KaTeX_Size3;
}
.katex .delimsizing.size4 {
  font-family: KaTeX_Size4;
}
.katex .delimsizing.mult .delim-size1 > span {
  font-family: KaTeX_Size1;
}
.katex .delimsizing.mult .delim-size4 > span {
  font-family: KaTeX_Size4;
}
.katex .nulldelimiter {
  display: inline-block;
  width: 0.12em;
}
.katex .delimcenter {
  position: relative;
}
.katex .op-symbol {
  position: relative;
}
.katex .op-symbol.small-op {
  font-family: KaTeX_Size1;
}
.katex .op-symbol.large-op {
  font-family: KaTeX_Size2;
}
.katex .op-limits > .vlist-t {
  text-align: center;
}
.katex .accent > .vlist-t {
  text-align: center;
}
.katex .accent .accent-body {
  position: relative;
}
.katex .accent .accent-body:not(.accent-full) {
  width: 0;
}
.katex .overlay {
  display: block;
}
.katex .mtable .vertical-separator {
  display: inline-block;
  min-width: 1px;
}
.katex .mtable .arraycolsep {
  display: inline-block;
}
.katex .mtable .col-align-c > .vlist-t {
  text-align: center;
}
.katex .mtable .col-align-l > .vlist-t {
  text-align: left;
}
.katex .mtable .col-align-r > .vlist-t {
  text-align: right;
}
.katex .svg-align {
  text-align: left;
}
.katex svg {
  display: block;
  position: absolute;
  width: 100%;
  height: inherit;
  fill: currentColor;
  stroke: currentColor;
  fill-rule: nonzero;
  fill-opacity: 1;
  stroke-width: 1;
  stroke-linecap: butt;
  stroke-linejoin: miter;
  stroke-miterlimit: 4;
  stroke-dasharray: none;
  stroke-dashoffset: 0;
  stroke-opacity: 1;
}
.katex svg path {
  stroke: none;
}
.katex img {
  border-style: none;
  min-width: 0;
  min-height: 0;
  max-width: none;
  max-height: none;
}
.katex .stretchy {
  width: 100%;
  display: block;
  position: relative;
  overflow: hidden;
}
.katex .stretchy::before,
.katex .stretchy::after {
  content: "";
}
.katex .hide-tail {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.katex .halfarrow-left {
  position: absolute;
  left: 0;
  width: 50.2%;
  overflow: hidden;
}
.katex .halfarrow-right {
  position: absolute;
  right: 0;
  width: 50.2%;
  overflow: hidden;
}
.katex .brace-left {
  position: absolute;
  left: 0;
  width: 25.1%;
  overflow: hidden;
}
.katex .brace-center {
  position: absolute;
  left: 25%;
  width: 50%;
  overflow: hidden;
}
.katex .brace-right {
  position: absolute;
  right: 0;
  width: 25.1%;
  overflow: hidden;
}
.katex .x-arrow-pad {
  padding: 0 0.5em;
}
.katex .x-arrow,
.katex .mover,
.katex .munder {
  text-align: center;
}
.katex .boxpad {
  padding: 0 0.3em 0 0.3em;
}
.katex .fbox,
.katex .fcolorbox {
  box-sizing: border-box;
  border: 0.04em solid;
}
.katex .cancel-pad {
  padding: 0 0.2em 0 0.2em;
}
.katex .cancel-lap {
  margin-left: -0.2em;
  margin-right: -0.2em;
}
.katex .sout {
  border-bottom-style: solid;
  border-bottom-width: 0.08em;
}
.katex-display {
  display: block;
  margin: 1em 0;
  text-align: center;
}
.katex-display > .katex {
  display: block;
  text-align: center;
  white-space: nowrap;
}
.katex-display > .katex > .katex-html {
  display: block;
  position: relative;
}
.katex-display > .katex > .katex-html > .tag {
  position: absolute;
  right: 0;
}
.katex-display.leqno > .katex > .katex-html > .tag {
  left: 0;
  right: auto;
}
.katex-display.fleqn > .katex {
  text-align: left;
}


.MarkerDragImage {
    position: relative;

    display: block;
}

.MarkerDragImage-Preview {
    position: absolute;

    max-width: none;

    cursor: pointer;
    user-select: none;

    opacity: .2;
}

.MarkerDragImage-Background {
    position: absolute;

    user-select: none;
    pointer-events: none;
}

.MarkerDragImage-Field {
    position: absolute;
    z-index: 4;
}

.MarkerDragImage-Field:hover {
    cursor: pointer;
}

.MarkerDragImage-Choice {
    position: absolute;
    z-index: 5;

    cursor: pointer;
    user-select: none;
    white-space: nowrap;

    background-size: contain;
    overflow-wrap: normal;
}

.MarkerDragImage-Choice_translation {
    transition: var(--transition-ease-out);
}

.MarkerDragImage-Choice_dragging,
.MarkerDragImage-Choice_selected {
    z-index: 6;

    filter: drop-shadow(0 10px 8px rgba(0, 8, 64, 0.3));
}

.MarkerDragImage-ChoiceGhost {
    box-sizing: border-box;
}

.MarkerDragImage-Source {
    position: absolute;
    z-index: 4;
}

.HitArea {
    position: relative;
}

.HitArea input {
    position: absolute;

    opacity: 0;
}

.HitArea_flavor_banana {
    display: inline-flex;
}

.HitArea_flavor_banana .HitArea-Badge {
    display: inline-block;

    box-sizing: border-box;
    margin: auto;

    opacity: .85;
    border-radius: 50%;

    transition: border-color .2s ease-out, box-shadow .2s ease-out;
}

.HitArea_flavor_banana .HitArea-Badge::after {
    display: block;

    width: 100%;
    height: 100%;

    content: '';

    border-radius: 50%;
    background: url("data:image/svg+xml,%3csvg width='10' height='8' viewBox='0 0 10 8' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M2.062 6.524v.002L3.474 7.94h.002l.008.007L4.9 6.533l-.01-.01 4.525-4.522L8 .587 3.477 5.11 1.93 3.563.514 4.977l1.547 1.547z' fill='%23000' fill-rule='evenodd'/%3e%3c/svg%3e") no-repeat center/45%;

    transition: all 0s .5s, transform .5s cubic-bezier(.28, -1.45, .3, .87);
    transform: scale(0);
}

.HitArea_flavor_banana.HitArea_checked.HitArea_checked .HitArea-Badge,
.HitArea_flavor_banana.HitArea_status_incorrect:not(.HitArea_checked) .HitArea-Badge {
    box-shadow: none;
}

.HitArea_flavor_banana.HitArea_checked .HitArea-Badge::after {
    transition: transform .5s cubic-bezier(.28, 2.8, .33, .46), background-color .3s ease-out;
}

.HitArea_flavor_banana.HitArea_checked .HitArea-Badge::after,
.HitArea_flavor_banana.HitArea_status_incorrect:not(.HitArea_checked) .HitArea-Badge::after {
    background-color: #fedc32;

    transform: scale(1);
}

.HitArea_flavor_banana.HitArea_status_correct.HitArea_checked .HitArea-Badge::after {
    background-color: rgb(66, 179, 78);
}

.HitArea_flavor_banana.HitArea_status_incorrect.HitArea_checked .HitArea-Badge::after {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' width='220' height='230' viewBox='0 0 220 230'%3e%3cpath d='m220 42-70 73 70 73-40 42-70-73-70 73-40-42 70-73L0 42 40 0l70 73 70-73 40 42z' fill-rule='evenodd'/%3e%3c/svg%3e") no-repeat center/28% #b04b4b;
}

.HitArea_flavor_banana.HitArea_status_accepted.HitArea_checked .HitArea-Badge::after {
    background-color: #e8e8e8;
}

.HitArea_flavor_banana.HitArea_status_incorrect:not(.HitArea_checked) .HitArea-Badge {
    border-width: 2px;
    border-style: dashed;
    border-color: rgba(0, 0, 0, .36);
    background-color: transparent;
}

.HitArea_flavor_banana.HitArea_status_incorrect:not(.HitArea_checked) .HitArea-Badge::after {
    opacity: .4;
    background-color: transparent;
}

.HitArea_flavor_blueberry {
    display: inline-flex;
}

.HitArea_flavor_blueberry .HitArea-Content {
    position: relative;

    width: 100%;
}

.HitArea_flavor_blueberry .HitArea-Content::before {
    display: block;

    content: '';

    border: 4px solid transparent;
    border-radius: 6px;
}

.HitArea_flavor_blueberry.HitArea_status_correct.HitArea_checked .HitArea-Content::before,
.HitArea_flavor_blueberry.HitArea_status_incorrect.HitArea_checked .HitArea-Content::before,
.HitArea_flavor_blueberry.HitArea_status_accepted.HitArea_checked .HitArea-Content::before {
    border-color: #8d9db9;
}

.HitArea_flavor_blueberry.HitArea_status_incorrect:not(.HitArea_checked) .HitArea-Content::before {
    border-color: #4b26ff;
}

.HitArea_flavor_blueberry.HitArea_checked:not(.HitArea_status_correct):not(.HitArea_status_incorrect):not(.HitArea_status_accepted) .HitArea-Content::before {
    border-color: #1270ec;
}

.HitArea-Content::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.HitArea_aligned .HitArea-Badge {
    position: absolute;
}

.HitArea_badgeAlignment_top-right .HitArea-Badge {
    top: 0;
    right: 0;
}

.HitArea_badgeAlignment_bottom-right .HitArea-Badge {
    right: 0;
    bottom: 0;
}

.HitArea_badgeAlignment_center .HitArea-Badge {
    top: 50%;
    left: 50%;

    transform: translate(-50%, -50%);
}

.HitArea_badgeAlignment_top-left .HitArea-Badge {
    top: 0;
    left: 0;
}

.HitArea_badgeAlignment_bottom-left .HitArea-Badge {
    bottom: 0;
    left: 0;
}

.HitArea_hasImage {
    background-repeat: no-repeat;
}

.HitArea_hasImage .HitArea-Image {
    position: absolute;
    top: 50%;
    left: 50%;

    transform: translate(-50%, -50%);
}

.HitArea_hasImage .HitArea-Image:not(.HitArea-Image_visible) {
    visibility: hidden;
}

.MarkerChooseImage {
    position: relative;
}

.MarkerChooseImage-Background {
    width: 100%;

    user-select: none;
    pointer-events: none;
}

.MarkerChooseImage-HitArea {
    position: absolute;
}

.StatusBadge-Description {
    position: absolute !important;

    overflow: hidden;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);

    width: 1px;
    height: 1px;

    white-space: nowrap;
}

.StatusBadge_hasImage {
    width: 28px;
    height: 28px;
}

.StatusBadge_hasImage .StatusBadge-Image {
    width: 100%;
}

@font-face{font-family:KaTeX_AMS;src:url(./d4531cf7ff335a5e1d2c.woff2) format("woff2"),url(./b1489df1556f8c661259.woff) format("woff"),url(./f80d9eaff7bad6dad739.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:KaTeX_Caligraphic;src:url(./f046a374a80bb69ba397.woff2) format("woff2"),url(./7ce7636b90003f983253.woff) format("woff"),url(./0c96bc8fe7861c576cfe.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:KaTeX_Caligraphic;src:url(./4519ba4c9ee4f9b68950.woff2) format("woff2"),url(./4a559f36cc9a9ff50a2a.woff) format("woff"),url(./35f3c951b5a1044753e0.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:KaTeX_Fraktur;src:url(./5b8749ee09f3aa843813.woff2) format("woff2"),url(./2ea3916b4309d29ba693.woff) format("woff"),url(./069514d4061bbc045836.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:KaTeX_Fraktur;src:url(./2c629b06891ec24911f5.woff2) format("woff2"),url(./0d90113d64d307cfb9e4.woff) format("woff"),url(./96556db6d8effe29a581.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:KaTeX_Main;src:url(./20b90c2076172b223ae5.woff2) format("woff2"),url(./a9cdbc850d2f94b8887c.woff) format("woff"),url(./07e762d041b580e5d32a.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:KaTeX_Main;src:url(./b345de5bd14864bcefbf.woff2) format("woff2"),url(./7649d52f66dfd41d2cee.woff) format("woff"),url(./bc8d96e9689171ea65cb.ttf) format("truetype");font-weight:700;font-style:italic}@font-face{font-family:KaTeX_Main;src:url(./ab751a9e86a16f178b79.woff2) format("woff2"),url(./e3954fe9b7efb3f438d2.woff) format("woff"),url(./44a32ae60521190623e3.ttf) format("truetype");font-weight:400;font-style:italic}@font-face{font-family:KaTeX_Main;src:url(./13b3f8528a571d1cb797.woff2) format("woff2"),url(./9e75cd605a0f61540bc6.woff) format("woff"),url(./af7fc7b32dbf2a640c9c.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:KaTeX_Math;src:url(./d5d35e84b3ac1dbffd8f.woff2) format("woff2"),url(./94810ff68bb3c9cb6d3e.woff) format("woff"),url(./4d6241be0cb599314b9a.ttf) format("truetype");font-weight:700;font-style:italic}@font-face{font-family:KaTeX_Math;src:url(./ffda88030bb30ae4a0f4.woff2) format("woff2"),url(./11278d3697e58b20e960.woff) format("woff"),url(./cae7ea2682cff6985955.ttf) format("truetype");font-weight:400;font-style:italic}@font-face{font-family:"KaTeX_SansSerif";src:url(./5a20a4753af7a150824c.woff2) format("woff2"),url(./2946bdb590f9bd4c7ba3.woff) format("woff"),url(./f0ad0abc489e2942f9e1.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:"KaTeX_SansSerif";src:url(./e5fc2aef496040d3f445.woff2) format("woff2"),url(./c834ba6da13819f078ec.woff) format("woff"),url(./c7feacd514ed1bf5669a.ttf) format("truetype");font-weight:400;font-style:italic}@font-face{font-family:"KaTeX_SansSerif";src:url(./5bf289005d5caccd361a.woff2) format("woff2"),url(./a4fd05630bcdec90cc1a.woff) format("woff"),url(./5af9e1cfc966c7b16e76.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:KaTeX_Script;src:url(./a1c15978d325f10dcb49.woff2) format("woff2"),url(./cd3b0634cbb3864a6105.woff) format("woff"),url(./dd0db7aef0e4e809b614.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:KaTeX_Size1;src:url(./1876361fd46f2ba44d00.woff2) format("woff2"),url(./c4ae0d259a8916db2002.woff) format("woff"),url(./bbd9552cef932199b58e.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:KaTeX_Size2;src:url(./f516b73c4a7ccca3d1a7.woff2) format("woff2"),url(./635e9324cc2ad9bdbfb1.woff) format("woff"),url(./d1e8ff17527d88576404.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:KaTeX_Size3;src:url(./1ef7adae735724bab211.woff2) format("woff2"),url(./f32a9fde642521722ca1.woff) format("woff"),url(./5d632274432b02a0edeb.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:KaTeX_Size4;src:url(./4f012d6a01b53cb21970.woff2) format("woff2"),url(./f668d5666b59392e88c7.woff) format("woff"),url(./1d1325964eb3838aa308.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:KaTeX_Typewriter;src:url(./4f31d033d446bb37ed60.woff2) format("woff2"),url(./d3c8e68f425df650554f.woff) format("woff"),url(./b1d1af1a936d0174df30.ttf) format("truetype");font-weight:400;font-style:normal}.katex{font:normal 1.21em KaTeX_Main,Times New Roman,serif;line-height:1.2;text-indent:0;text-rendering:auto}.katex *{-ms-high-contrast-adjust:none!important}.katex .katex-version:after{content:"0.11.1"}.katex .katex-mathml{position:absolute;clip:rect(1px,1px,1px,1px);padding:0;border:0;height:1px;width:1px;overflow:hidden}.katex .katex-html>.newline{display:block}.katex .base{position:relative;white-space:nowrap;width:min-content}.katex .base,.katex .strut{display:inline-block}.katex .textbf{font-weight:700}.katex .textit{font-style:italic}.katex .textrm{font-family:KaTeX_Main}.katex .textsf{font-family:KaTeX_SansSerif}.katex .texttt{font-family:KaTeX_Typewriter}.katex .mathdefault{font-family:KaTeX_Math;font-style:italic}.katex .mathit{font-family:KaTeX_Main;font-style:italic}.katex .mathrm{font-style:normal}.katex .mathbf{font-family:KaTeX_Main;font-weight:700}.katex .boldsymbol{font-family:KaTeX_Math;font-weight:700;font-style:italic}.katex .amsrm,.katex .mathbb,.katex .textbb{font-family:KaTeX_AMS}.katex .mathcal{font-family:KaTeX_Caligraphic}.katex .mathfrak,.katex .textfrak{font-family:KaTeX_Fraktur}.katex .mathtt{font-family:KaTeX_Typewriter}.katex .mathscr,.katex .textscr{font-family:KaTeX_Script}.katex .mathsf,.katex .textsf{font-family:KaTeX_SansSerif}.katex .mathboldsf,.katex .textboldsf{font-family:KaTeX_SansSerif;font-weight:700}.katex .mathitsf,.katex .textitsf{font-family:KaTeX_SansSerif;font-style:italic}.katex .mainrm{font-family:KaTeX_Main;font-style:normal}.katex .vlist-t{display:inline-table;table-layout:fixed}.katex .vlist-r{display:table-row}.katex .vlist{display:table-cell;vertical-align:bottom;position:relative}.katex .vlist>span{display:block;height:0;position:relative}.katex .vlist>span>span{display:inline-block}.katex .vlist>span>.pstrut{overflow:hidden;width:0}.katex .vlist-t2{margin-right:-2px}.katex .vlist-s{display:table-cell;vertical-align:bottom;font-size:1px;width:2px;min-width:2px}.katex .msupsub{text-align:left}.katex .mfrac>span>span{text-align:center}.katex .mfrac .frac-line{display:inline-block;width:100%;border-bottom-style:solid}.katex .hdashline,.katex .hline,.katex .mfrac .frac-line,.katex .overline .overline-line,.katex .rule,.katex .underline .underline-line{min-height:1px}.katex .mspace{display:inline-block}.katex .clap,.katex .llap,.katex .rlap{width:0;position:relative}.katex .clap>.inner,.katex .llap>.inner,.katex .rlap>.inner{position:absolute}.katex .clap>.fix,.katex .llap>.fix,.katex .rlap>.fix{display:inline-block}.katex .llap>.inner{right:0}.katex .clap>.inner,.katex .rlap>.inner{left:0}.katex .clap>.inner>span{margin-left:-50%;margin-right:50%}.katex .rule{display:inline-block;border:0 solid;position:relative}.katex .hline,.katex .overline .overline-line,.katex .underline .underline-line{display:inline-block;width:100%;border-bottom-style:solid}.katex .hdashline{display:inline-block;width:100%;border-bottom-style:dashed}.katex .sqrt>.root{margin-left:.27777778em;margin-right:-.55555556em}.katex .fontsize-ensurer.reset-size1.size1,.katex .sizing.reset-size1.size1{font-size:1em}.katex .fontsize-ensurer.reset-size1.size2,.katex .sizing.reset-size1.size2{font-size:1.2em}.katex .fontsize-ensurer.reset-size1.size3,.katex .sizing.reset-size1.size3{font-size:1.4em}.katex .fontsize-ensurer.reset-size1.size4,.katex .sizing.reset-size1.size4{font-size:1.6em}.katex .fontsize-ensurer.reset-size1.size5,.katex .sizing.reset-size1.size5{font-size:1.8em}.katex .fontsize-ensurer.reset-size1.size6,.katex .sizing.reset-size1.size6{font-size:2em}.katex .fontsize-ensurer.reset-size1.size7,.katex .sizing.reset-size1.size7{font-size:2.4em}.katex .fontsize-ensurer.reset-size1.size8,.katex .sizing.reset-size1.size8{font-size:2.88em}.katex .fontsize-ensurer.reset-size1.size9,.katex .sizing.reset-size1.size9{font-size:3.456em}.katex .fontsize-ensurer.reset-size1.size10,.katex .sizing.reset-size1.size10{font-size:4.148em}.katex .fontsize-ensurer.reset-size1.size11,.katex .sizing.reset-size1.size11{font-size:4.976em}.katex .fontsize-ensurer.reset-size2.size1,.katex .sizing.reset-size2.size1{font-size:.83333333em}.katex .fontsize-ensurer.reset-size2.size2,.katex .sizing.reset-size2.size2{font-size:1em}.katex .fontsize-ensurer.reset-size2.size3,.katex .sizing.reset-size2.size3{font-size:1.16666667em}.katex .fontsize-ensurer.reset-size2.size4,.katex .sizing.reset-size2.size4{font-size:1.33333333em}.katex .fontsize-ensurer.reset-size2.size5,.katex .sizing.reset-size2.size5{font-size:1.5em}.katex .fontsize-ensurer.reset-size2.size6,.katex .sizing.reset-size2.size6{font-size:1.66666667em}.katex .fontsize-ensurer.reset-size2.size7,.katex .sizing.reset-size2.size7{font-size:2em}.katex .fontsize-ensurer.reset-size2.size8,.katex .sizing.reset-size2.size8{font-size:2.4em}.katex .fontsize-ensurer.reset-size2.size9,.katex .sizing.reset-size2.size9{font-size:2.88em}.katex .fontsize-ensurer.reset-size2.size10,.katex .sizing.reset-size2.size10{font-size:3.45666667em}.katex .fontsize-ensurer.reset-size2.size11,.katex .sizing.reset-size2.size11{font-size:4.14666667em}.katex .fontsize-ensurer.reset-size3.size1,.katex .sizing.reset-size3.size1{font-size:.71428571em}.katex .fontsize-ensurer.reset-size3.size2,.katex .sizing.reset-size3.size2{font-size:.85714286em}.katex .fontsize-ensurer.reset-size3.size3,.katex .sizing.reset-size3.size3{font-size:1em}.katex .fontsize-ensurer.reset-size3.size4,.katex .sizing.reset-size3.size4{font-size:1.14285714em}.katex .fontsize-ensurer.reset-size3.size5,.katex .sizing.reset-size3.size5{font-size:1.28571429em}.katex .fontsize-ensurer.reset-size3.size6,.katex .sizing.reset-size3.size6{font-size:1.42857143em}.katex .fontsize-ensurer.reset-size3.size7,.katex .sizing.reset-size3.size7{font-size:1.71428571em}.katex .fontsize-ensurer.reset-size3.size8,.katex .sizing.reset-size3.size8{font-size:2.05714286em}.katex .fontsize-ensurer.reset-size3.size9,.katex .sizing.reset-size3.size9{font-size:2.46857143em}.katex .fontsize-ensurer.reset-size3.size10,.katex .sizing.reset-size3.size10{font-size:2.96285714em}.katex .fontsize-ensurer.reset-size3.size11,.katex .sizing.reset-size3.size11{font-size:3.55428571em}.katex .fontsize-ensurer.reset-size4.size1,.katex .sizing.reset-size4.size1{font-size:.625em}.katex .fontsize-ensurer.reset-size4.size2,.katex .sizing.reset-size4.size2{font-size:.75em}.katex .fontsize-ensurer.reset-size4.size3,.katex .sizing.reset-size4.size3{font-size:.875em}.katex .fontsize-ensurer.reset-size4.size4,.katex .sizing.reset-size4.size4{font-size:1em}.katex .fontsize-ensurer.reset-size4.size5,.katex .sizing.reset-size4.size5{font-size:1.125em}.katex .fontsize-ensurer.reset-size4.size6,.katex .sizing.reset-size4.size6{font-size:1.25em}.katex .fontsize-ensurer.reset-size4.size7,.katex .sizing.reset-size4.size7{font-size:1.5em}.katex .fontsize-ensurer.reset-size4.size8,.katex .sizing.reset-size4.size8{font-size:1.8em}.katex .fontsize-ensurer.reset-size4.size9,.katex .sizing.reset-size4.size9{font-size:2.16em}.katex .fontsize-ensurer.reset-size4.size10,.katex .sizing.reset-size4.size10{font-size:2.5925em}.katex .fontsize-ensurer.reset-size4.size11,.katex .sizing.reset-size4.size11{font-size:3.11em}.katex .fontsize-ensurer.reset-size5.size1,.katex .sizing.reset-size5.size1{font-size:.55555556em}.katex .fontsize-ensurer.reset-size5.size2,.katex .sizing.reset-size5.size2{font-size:.66666667em}.katex .fontsize-ensurer.reset-size5.size3,.katex .sizing.reset-size5.size3{font-size:.77777778em}.katex .fontsize-ensurer.reset-size5.size4,.katex .sizing.reset-size5.size4{font-size:.88888889em}.katex .fontsize-ensurer.reset-size5.size5,.katex .sizing.reset-size5.size5{font-size:1em}.katex .fontsize-ensurer.reset-size5.size6,.katex .sizing.reset-size5.size6{font-size:1.11111111em}.katex .fontsize-ensurer.reset-size5.size7,.katex .sizing.reset-size5.size7{font-size:1.33333333em}.katex .fontsize-ensurer.reset-size5.size8,.katex .sizing.reset-size5.size8{font-size:1.6em}.katex .fontsize-ensurer.reset-size5.size9,.katex .sizing.reset-size5.size9{font-size:1.92em}.katex .fontsize-ensurer.reset-size5.size10,.katex .sizing.reset-size5.size10{font-size:2.30444444em}.katex .fontsize-ensurer.reset-size5.size11,.katex .sizing.reset-size5.size11{font-size:2.76444444em}.katex .fontsize-ensurer.reset-size6.size1,.katex .sizing.reset-size6.size1{font-size:.5em}.katex .fontsize-ensurer.reset-size6.size2,.katex .sizing.reset-size6.size2{font-size:.6em}.katex .fontsize-ensurer.reset-size6.size3,.katex .sizing.reset-size6.size3{font-size:.7em}.katex .fontsize-ensurer.reset-size6.size4,.katex .sizing.reset-size6.size4{font-size:.8em}.katex .fontsize-ensurer.reset-size6.size5,.katex .sizing.reset-size6.size5{font-size:.9em}.katex .fontsize-ensurer.reset-size6.size6,.katex .sizing.reset-size6.size6{font-size:1em}.katex .fontsize-ensurer.reset-size6.size7,.katex .sizing.reset-size6.size7{font-size:1.2em}.katex .fontsize-ensurer.reset-size6.size8,.katex .sizing.reset-size6.size8{font-size:1.44em}.katex .fontsize-ensurer.reset-size6.size9,.katex .sizing.reset-size6.size9{font-size:1.728em}.katex .fontsize-ensurer.reset-size6.size10,.katex .sizing.reset-size6.size10{font-size:2.074em}.katex .fontsize-ensurer.reset-size6.size11,.katex .sizing.reset-size6.size11{font-size:2.488em}.katex .fontsize-ensurer.reset-size7.size1,.katex .sizing.reset-size7.size1{font-size:.41666667em}.katex .fontsize-ensurer.reset-size7.size2,.katex .sizing.reset-size7.size2{font-size:.5em}.katex .fontsize-ensurer.reset-size7.size3,.katex .sizing.reset-size7.size3{font-size:.58333333em}.katex .fontsize-ensurer.reset-size7.size4,.katex .sizing.reset-size7.size4{font-size:.66666667em}.katex .fontsize-ensurer.reset-size7.size5,.katex .sizing.reset-size7.size5{font-size:.75em}.katex .fontsize-ensurer.reset-size7.size6,.katex .sizing.reset-size7.size6{font-size:.83333333em}.katex .fontsize-ensurer.reset-size7.size7,.katex .sizing.reset-size7.size7{font-size:1em}.katex .fontsize-ensurer.reset-size7.size8,.katex .sizing.reset-size7.size8{font-size:1.2em}.katex .fontsize-ensurer.reset-size7.size9,.katex .sizing.reset-size7.size9{font-size:1.44em}.katex .fontsize-ensurer.reset-size7.size10,.katex .sizing.reset-size7.size10{font-size:1.72833333em}.katex .fontsize-ensurer.reset-size7.size11,.katex .sizing.reset-size7.size11{font-size:2.07333333em}.katex .fontsize-ensurer.reset-size8.size1,.katex .sizing.reset-size8.size1{font-size:.34722222em}.katex .fontsize-ensurer.reset-size8.size2,.katex .sizing.reset-size8.size2{font-size:.41666667em}.katex .fontsize-ensurer.reset-size8.size3,.katex .sizing.reset-size8.size3{font-size:.48611111em}.katex .fontsize-ensurer.reset-size8.size4,.katex .sizing.reset-size8.size4{font-size:.55555556em}.katex .fontsize-ensurer.reset-size8.size5,.katex .sizing.reset-size8.size5{font-size:.625em}.katex .fontsize-ensurer.reset-size8.size6,.katex .sizing.reset-size8.size6{font-size:.69444444em}.katex .fontsize-ensurer.reset-size8.size7,.katex .sizing.reset-size8.size7{font-size:.83333333em}.katex .fontsize-ensurer.reset-size8.size8,.katex .sizing.reset-size8.size8{font-size:1em}.katex .fontsize-ensurer.reset-size8.size9,.katex .sizing.reset-size8.size9{font-size:1.2em}.katex .fontsize-ensurer.reset-size8.size10,.katex .sizing.reset-size8.size10{font-size:1.44027778em}.katex .fontsize-ensurer.reset-size8.size11,.katex .sizing.reset-size8.size11{font-size:1.72777778em}.katex .fontsize-ensurer.reset-size9.size1,.katex .sizing.reset-size9.size1{font-size:.28935185em}.katex .fontsize-ensurer.reset-size9.size2,.katex .sizing.reset-size9.size2{font-size:.34722222em}.katex .fontsize-ensurer.reset-size9.size3,.katex .sizing.reset-size9.size3{font-size:.40509259em}.katex .fontsize-ensurer.reset-size9.size4,.katex .sizing.reset-size9.size4{font-size:.46296296em}.katex .fontsize-ensurer.reset-size9.size5,.katex .sizing.reset-size9.size5{font-size:.52083333em}.katex .fontsize-ensurer.reset-size9.size6,.katex .sizing.reset-size9.size6{font-size:.5787037em}.katex .fontsize-ensurer.reset-size9.size7,.katex .sizing.reset-size9.size7{font-size:.69444444em}.katex .fontsize-ensurer.reset-size9.size8,.katex .sizing.reset-size9.size8{font-size:.83333333em}.katex .fontsize-ensurer.reset-size9.size9,.katex .sizing.reset-size9.size9{font-size:1em}.katex .fontsize-ensurer.reset-size9.size10,.katex .sizing.reset-size9.size10{font-size:1.20023148em}.katex .fontsize-ensurer.reset-size9.size11,.katex .sizing.reset-size9.size11{font-size:1.43981481em}.katex .fontsize-ensurer.reset-size10.size1,.katex .sizing.reset-size10.size1{font-size:.24108004em}.katex .fontsize-ensurer.reset-size10.size2,.katex .sizing.reset-size10.size2{font-size:.28929605em}.katex .fontsize-ensurer.reset-size10.size3,.katex .sizing.reset-size10.size3{font-size:.33751205em}.katex .fontsize-ensurer.reset-size10.size4,.katex .sizing.reset-size10.size4{font-size:.38572806em}.katex .fontsize-ensurer.reset-size10.size5,.katex .sizing.reset-size10.size5{font-size:.43394407em}.katex .fontsize-ensurer.reset-size10.size6,.katex .sizing.reset-size10.size6{font-size:.48216008em}.katex .fontsize-ensurer.reset-size10.size7,.katex .sizing.reset-size10.size7{font-size:.57859209em}.katex .fontsize-ensurer.reset-size10.size8,.katex .sizing.reset-size10.size8{font-size:.69431051em}.katex .fontsize-ensurer.reset-size10.size9,.katex .sizing.reset-size10.size9{font-size:.83317261em}.katex .fontsize-ensurer.reset-size10.size10,.katex .sizing.reset-size10.size10{font-size:1em}.katex .fontsize-ensurer.reset-size10.size11,.katex .sizing.reset-size10.size11{font-size:1.19961427em}.katex .fontsize-ensurer.reset-size11.size1,.katex .sizing.reset-size11.size1{font-size:.20096463em}.katex .fontsize-ensurer.reset-size11.size2,.katex .sizing.reset-size11.size2{font-size:.24115756em}.katex .fontsize-ensurer.reset-size11.size3,.katex .sizing.reset-size11.size3{font-size:.28135048em}.katex .fontsize-ensurer.reset-size11.size4,.katex .sizing.reset-size11.size4{font-size:.32154341em}.katex .fontsize-ensurer.reset-size11.size5,.katex .sizing.reset-size11.size5{font-size:.36173633em}.katex .fontsize-ensurer.reset-size11.size6,.katex .sizing.reset-size11.size6{font-size:.40192926em}.katex .fontsize-ensurer.reset-size11.size7,.katex .sizing.reset-size11.size7{font-size:.48231511em}.katex .fontsize-ensurer.reset-size11.size8,.katex .sizing.reset-size11.size8{font-size:.57877814em}.katex .fontsize-ensurer.reset-size11.size9,.katex .sizing.reset-size11.size9{font-size:.69453376em}.katex .fontsize-ensurer.reset-size11.size10,.katex .sizing.reset-size11.size10{font-size:.83360129em}.katex .fontsize-ensurer.reset-size11.size11,.katex .sizing.reset-size11.size11{font-size:1em}.katex .delimsizing.size1{font-family:KaTeX_Size1}.katex .delimsizing.size2{font-family:KaTeX_Size2}.katex .delimsizing.size3{font-family:KaTeX_Size3}.katex .delimsizing.size4{font-family:KaTeX_Size4}.katex .delimsizing.mult .delim-size1>span{font-family:KaTeX_Size1}.katex .delimsizing.mult .delim-size4>span{font-family:KaTeX_Size4}.katex .nulldelimiter{display:inline-block;width:.12em}.katex .delimcenter,.katex .op-symbol{position:relative}.katex .op-symbol.small-op{font-family:KaTeX_Size1}.katex .op-symbol.large-op{font-family:KaTeX_Size2}.katex .op-limits>.vlist-t{text-align:center}.katex .accent>.vlist-t{text-align:center}.katex .accent .accent-body{position:relative}.katex .accent .accent-body:not(.accent-full){width:0}.katex .overlay{display:block}.katex .mtable .vertical-separator{display:inline-block;min-width:1px}.katex .mtable .arraycolsep{display:inline-block}.katex .mtable .col-align-c>.vlist-t{text-align:center}.katex .mtable .col-align-l>.vlist-t{text-align:left}.katex .mtable .col-align-r>.vlist-t{text-align:right}.katex .svg-align{text-align:left}.katex svg{display:block;position:absolute;width:100%;height:inherit;fill:currentColor;stroke:currentColor;fill-rule:nonzero;fill-opacity:1;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1}.katex svg path{stroke:none}.katex img{border-style:none;min-width:0;min-height:0;max-width:none;max-height:none}.katex .stretchy{width:100%;display:block;position:relative;overflow:hidden}.katex .stretchy:after,.katex .stretchy:before{content:""}.katex .hide-tail{width:100%;position:relative;overflow:hidden}.katex .halfarrow-left{position:absolute;left:0;width:50.2%;overflow:hidden}.katex .halfarrow-right{position:absolute;right:0;width:50.2%;overflow:hidden}.katex .brace-left{position:absolute;left:0;width:25.1%;overflow:hidden}.katex .brace-center{position:absolute;left:25%;width:50%;overflow:hidden}.katex .brace-right{position:absolute;right:0;width:25.1%;overflow:hidden}.katex .x-arrow-pad{padding:0 .5em}.katex .mover,.katex .munder,.katex .x-arrow{text-align:center}.katex .boxpad{padding:0 .3em}.katex .fbox,.katex .fcolorbox{box-sizing:border-box;border:.04em solid}.katex .cancel-pad{padding:0 .2em}.katex .cancel-lap{margin-left:-.2em;margin-right:-.2em}.katex .sout{border-bottom-style:solid;border-bottom-width:.08em}.katex-display{display:block;margin:1em 0;text-align:center}.katex-display>.katex{display:block;text-align:center;white-space:nowrap}.katex-display>.katex>.katex-html{display:block;position:relative}.katex-display>.katex>.katex-html>.tag{position:absolute;right:0}.katex-display.leqno>.katex>.katex-html>.tag{left:0;right:auto}.katex-display.fleqn>.katex{text-align:left}

.Formula .katex {
    font-family: 'KaTeX_Main', 'YS Text', Arial, Helvetica, sans-serif;
    font-size: 22px;
}

.Formula_hasInputs .mfrac .Formula-Input {
    /* размер шрифта в формуле должен быть одинаковым  в инпуте и в тексте формулы */
    font-size: inherit;
}

/* Select не на одном уровне с Textinput https://stackoverflow.com/a/32826386 */
.Formula_hasInputs .mfrac .Formula-Input button {
    line-height: 1.2em;
}

/* инпуты в знаменателе и числителе */
/* stylelint-disable-next-line selector-max-universal */
.Formula_hasInputs .mfrac .Formula-Input * {
    height: 28px;

    font-size: inherit;
}

.Formula_hasInputs .mfrac .vlist > span:first-child > .mord,
.Formula_hasInputs .mfrac .vlist > span:last-child > .mord {
    line-height: 1;
}

/* смещение для знаменателя */
.Formula_hasInputs .mfrac .vlist > span:first-child {
    z-index: 2;

    transform: translateY(.2em);
}

/* смещение для числителя */
.Formula_hasInputs .mfrac .vlist > span:last-child {
    z-index: 1;

    transform: translateY(-.05em);
}

@media screen {
    .Formula_hasInputs .mfrac .frac-line,
    .Formula_hasInputs .overline .overline-line,
    .Formula_hasInputs .underline .underline-line {
        min-height: 1px;
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-resolution: 192dpi) {
    .Formula_hasInputs .mfrac .frac-line,
    .Formula_hasInputs .overline .overline-line,
    .Formula_hasInputs .underline .underline-line {
        min-height: .5px;
    }
}

.Formula_hasInputs .msupsub .Formula-InputContainer {
    position: relative;
    top: -8px;

    margin-left: 8px;
}

.Spoiler {
    display: block;
}

/* Fallback for browsers without native <details> support */
.Spoiler[aria-expanded='false'] .Spoiler-Content {
    display: none;
}

.Spoiler-Trigger {
    list-style: none;

    user-select: none;
    word-break: break-word;
}

.Spoiler-Trigger::-webkit-details-marker {
    display: none;
}

.Spoiler-Trigger {
    cursor: pointer;
}

/* stylelint-disable-next-line */
/* https://stackoverflow.com/questions/31061544/active-selector-in-ie11-doesnt-work-if-there-are-nested-elements-how-do-i-mak */
.Spoiler-Caption {
    pointer-events: none;
}

.Spoiler_flavor_grape .Spoiler-Trigger:focus {
    outline: 0;
}

.utilityfocus .Spoiler_flavor_grape .Spoiler-Trigger:focus {
    position: relative;
}

.utilityfocus .Spoiler_flavor_grape .Spoiler-Trigger:focus::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: block;

    content: '';

    border: 2px solid #a9a1f7;
    border-radius: 6px;
}

.Spoiler_flavor_grape {
    border-radius: 6px;
    background-color: #f7f7f8;
}

.Spoiler_flavor_grape .Spoiler-Trigger {
    display: block;

    border-radius: 6px;
    background-color: #e7e8ea;
}

.Spoiler_flavor_grape .Spoiler-Trigger:active {
    background-color: #ceced2;

    transition: background-color .1s ease-in;
}

.Spoiler_flavor_grape .Spoiler-Content {
    padding: 10px;
}

.Spoiler_flavor_grape .Spoiler-Caption {
    display: flex;
    justify-content: center;
    align-items: center;

    padding: 10px 0 10px 40px;

    font-weight: 500;
    text-align: center;
}

.Spoiler_flavor_grape .Spoiler-Arrow {
    display: block;
    flex-shrink: 0;

    width: 24px;
    height: 24px;
    margin: -8px 8px;

    background: url("data:image/svg+xml,%3csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.5 8.25 13.1 12l-3.6 3.75.72.75L14.5 12l-4.28-4.5-.72.75z' fill='%231E2028'/%3e%3c/svg%3e");

    transition: .1s cubic-bezier(.65, .05, .36, 1);
}

.Spoiler_flavor_grape[aria-expanded='true'] .Spoiler-Arrow,
.Spoiler_flavor_grape[open]  .Spoiler-Arrow {
    transform: rotate(90deg);
}

.Spoiler_flavor_grape[aria-expanded='true'] .Spoiler-Content,
.Spoiler_flavor_grape[open] .Spoiler-Content {
    animation: spoilerFlavorGrapeContentFadeIn .1s cubic-bezier(.65, .05, .36, 1);
}

@keyframes spoilerFlavorGrapeContentFadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.Spoiler[open].Spoiler_sticky .Spoiler-Trigger {
    position: sticky;
    top: 0;
}

.Line:focus {
    outline: none;
}

.Line-Body {
    stroke-width: 2;
}

.Line-Border {
    stroke-width: 6;

    opacity: 1;
}

.Line-Border,
.Line-Body {
    stroke-opacity: 1;

    opacity: 1;
}

.Line-Body,
.Line-Border,
.Line-ClickArea {
    cursor: default;
    pointer-events: visibleStroke;

    fill: none;

    stroke: #000;
}

.Line_progress .Line-Body,
.Line_progress .Line-Border,
.Line_progress .Line-ClickArea {
    pointer-events: none;
}

.Line_flavor_grape:not(.Line_progress):not(.Line_disabled):not(.Line_readOnly) .Line-ClickArea,
.Line_flavor_grape:not(.Line_progress):not(.Line_disabled):not(.Line_readOnly) .Line-Body,
.Line_flavor_grape:not(.Line_progress):not(.Line_disabled):not(.Line_readOnly) .Line-Border {
    cursor: url("data:image/svg+xml,%3csvg width='27' height='27' viewBox='0 0 27 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m6.8 1.697-.452.212.21.453 3.668 7.864L2.362 6.56l-.454-.211-.21.453a2.158 2.158 0 0 0 .974 2.834l9.553 4.877 2.243 4.811a3.7 3.7 0 1 0 4.523 1.675l-2.093-4.1 4.1 2.094a3.7 3.7 0 1 0-1.675-4.523l-4.81-2.244-4.878-9.553-.445.227.445-.227a2.158 2.158 0 0 0-2.834-.975zm9.42 22.094a1.1 1.1 0 1 1-.93-1.995 1.1 1.1 0 0 1 .93 1.995zm7.038-9.033a1.1 1.1 0 1 1-.93 1.995 1.1 1.1 0 0 1 .93-1.995z' fill='%23201E1E' stroke='%23fff'/%3e%3c/svg%3e"), pointer;
}

.Line_flavor_grape:not(.Line_progress):not(.Line_disabled):not(.Line_readOnly):hover .Line-Body,
.Line_flavor_grape:not(.Line_progress):not(.Line_disabled):not(.Line_readOnly):focus .Line-Body {
    opacity: .5;
    stroke: #a9a1f7;
    stroke-dasharray: 10;
}

.Line_flavor_grape:not(.Line_progress):not(.Line_disabled):not(.Line_readOnly):hover .Line-Border,
.Line_flavor_grape:not(.Line_progress):not(.Line_disabled):not(.Line_readOnly):focus .Line-Border {
    stroke-dasharray: 10;
}

.utilityfocus .Line_flavor_grape:not(.Line_progress):not(.Line_disabled):not(.Line_readOnly):focus {
    outline: none;
}

.Line_flavor_grape .Line-Body {
    stroke-width: 2px;
    stroke: #a9a1f7;
}

.Line_flavor_grape .Line-Border {
    stroke-width: 5px;

    stroke: #fff;
}

.Line_flavor_grape .Line-ClickArea {
    opacity: 0;

    stroke-width: 7px;
}

.Line_flavor_grape.Line_progress .Line-Body {
    stroke: #6f63f2;
}

.Line_flavor_grape.Line_progress .Line-Border {
    stroke-width: 0;
}

.List {
    margin: 0;
}

.List-Items {
    display: table;

    margin: 0;
    padding: 0;

    list-style: none;
}

.List-Item {
    display: table-row;
}

.List-ItemKey {
    display: table-cell;

    padding-right: 8px;
}

.List_flavor_grape {
    margin: 0;

    font-family: 'Suisse Intl', Arial, Helvetica, sans-serif;
}

.List_flavor_grape .List-Items {
    display: flex;
    flex-direction: column;
}

.List_flavor_grape .List-Item {
    display: flex;
}

.List_flavor_grape .List-Item:not(:last-child) .List-ItemValue {
    margin-bottom: 16px;
}

.MarkerMacaroni {
    position: relative;
}

.MarkerMacaroni-Lists {
    display: flex;
}

.MarkerMacaroni-Lines {
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    pointer-events: none;
}

.MarkerMacaroni-ItemOption {
    user-select: none;

    /* исправляет артефакты в safari https://stackoverflow.com/a/17723401 */
    transform: translateZ(0);
}

.MarkerMacaroni-ItemPin {
    position: absolute;
    top: 50%;

    transform: translateY(-50%);
}

.MarkerMacaroni_flavor_grape {
    display: inline-block;

    padding: 18px 24px;

    border: 1px solid #6f63f2;
    border-radius: 6px;
}

.MarkerMacaroni_flavor_grape.MarkerMacaroni_active {
    background-color: #f1effe;
}

.MarkerMacaroni_flavor_grape.MarkerMacaroni_active .MarkerMacaroni-Line .Line-Border {
    stroke: transparent;
}

.MarkerMacaroni_flavor_grape .MarkerMacaroni-Line_status_correct .Line-Body {
    stroke: #41d349;
}

.MarkerMacaroni_flavor_grape .MarkerMacaroni-Line_status_incorrect .Line-Body {
    stroke: #ff9e8c;
}

.MarkerMacaroni_flavor_grape .MarkerMacaroni-Line_state_active:not(.Line_progress):not(.Line_disabled) .Line-Body {
    opacity: .5;
    stroke: #a9a1f7;
    stroke-dasharray: 10;
}

.MarkerMacaroni_flavor_grape .MarkerMacaroni-Line_state_active:not(.Line_progress):not(.Line_disabled) .Line-Border {
    stroke-dasharray: 10;
}

.MarkerMacaroni_flavor_grape .MarkerMacaroni-List {
    display: flex;
}

.MarkerMacaroni_flavor_grape .MarkerMacaroni-ItemOption {
    min-width: 35px;

    filter: drop-shadow(0 1px 1px rgba(11, 31, 80, .25));

    transform: none;
}

.MarkerMacaroni_flavor_grape .MarkerMacaroni-ItemOption .Option-Label {
    min-height: 20px;
    padding: 10px 12px;
}

.MarkerMacaroni_flavor_grape .MarkerMacaroni-List .List-Item:not(:last-child) .MarkerMacaroni-ItemOption {
    margin-bottom: 16px;
}

.MarkerMacaroni_flavor_grape .MarkerMacaroni-List_orientation_left .List-Items {
    align-items: flex-end;
}

.MarkerMacaroni_flavor_grape .MarkerMacaroni-List_orientation_right .List-Items {
    align-items: flex-start;
}

.MarkerMacaroni_flavor_grape .MarkerMacaroni-List_orientation_left .MarkerMacaroni-ItemPin {
    right: -8px;
}

.MarkerMacaroni_flavor_grape .MarkerMacaroni-List_orientation_right .MarkerMacaroni-ItemPin {
    left: -8px;
}

.MarkerMacaroni_flavor_grape .MarkerMacaroni-List_orientation_left::after {
    margin-right: 108px;

    content: '';
    pointer-events: none;
}

.MarkerMacaroni_flavor_grape .MarkerMacaroni-ItemOption.Option_checked .MarkerMacaroni-ItemPin,
.MarkerMacaroni_flavor_grape .MarkerMacaroni-ItemOption_hovered:not(.Option_disabled):not(.Option_readOnly) .MarkerMacaroni-ItemPin {
    width: 18px;
    height: 18px;

    border: 4px solid #a9a1f7;
    border-bottom: 4px solid #fff;
    border-left: 4px solid #fff;
    border-radius: 50%;
    background-color: #6f63f2;
}

.MarkerMacaroni.MarkerMacaroni_flavor_grape .MarkerMacaroni-ItemOption.Option_checked .MarkerMacaroni-ItemPin {
    border: 4px solid #6f63f2;
    border-bottom: 4px solid #fff;
    border-left: 4px solid #fff;
}

.MarkerMacaroni.MarkerMacaroni_flavor_grape .MarkerMacaroni-List_orientation_left .MarkerMacaroni-ItemOption_checked .MarkerMacaroni-ItemPin {
    right: -9px;

    transform: translateY(-50%) translateZ(0) rotate(45deg);
}

.MarkerMacaroni.MarkerMacaroni_flavor_grape .MarkerMacaroni-List_orientation_right .MarkerMacaroni-ItemOption_checked .MarkerMacaroni-ItemPin {
    left: -9px;

    transform: translateY(-50%) translateZ(0) rotate(-135deg);
}

.MarkerMacaroni_flavor_grape .MarkerMacaroni-List_orientation_left .MarkerMacaroni-ItemOption_hovered:not(.Option_disabled):not(.Option_readOnly) .MarkerMacaroni-ItemPin {
    right: -9px;

    transform: translateY(-50%) translateZ(0) rotate(45deg);
}

.MarkerMacaroni_flavor_grape .MarkerMacaroni-List_orientation_right .MarkerMacaroni-ItemOption_hovered:not(.Option_disabled):not(.Option_readOnly) .MarkerMacaroni-ItemPin {
    left: -9px;

    transform: translateY(-50%) translateZ(0) rotate(-135deg);
}

.MarkerMacaroni_flavor_grape .MarkerMacaroni-List_orientation_left  .MarkerMacaroni-ItemOption.Option_checked .MarkerMacaroni-ItemPin::before,
.MarkerMacaroni_flavor_grape .MarkerMacaroni-List_orientation_right .MarkerMacaroni-ItemOption.Option_checked .MarkerMacaroni-ItemPin::before,
.MarkerMacaroni_flavor_grape .MarkerMacaroni-List_orientation_left  .MarkerMacaroni-ItemOption_hovered:not(.Option_disabled):not(.Option_readOnly) .MarkerMacaroni-ItemPin::before,
.MarkerMacaroni_flavor_grape .MarkerMacaroni-List_orientation_right .MarkerMacaroni-ItemOption_hovered:not(.Option_disabled):not(.Option_readOnly) .MarkerMacaroni-ItemPin::before {
    width: 16px;
    height: 16px;

    border: 2px solid #fff;
    border-radius: 50%;
    background-color: #6f63f2;
    background-clip: padding-box;

    transform: translateY(-3px) translateX(-3px);
}

.MarkerMacaroni_flavor_grape .MarkerMacaroni-ItemOption_hovered:not(.Option_disabled):not(.Option_readOnly) .Option-Indicator {
    box-shadow: 0 0 0 1px #a9a1f7, 0 1px 4px rgba(30, 32, 40, .35), 0 4px 4px rgba(30, 32, 40, .15);
}

.MarkerMacaroni_flavor_grape.MarkerMacaroni .MarkerMacaroni-ItemOption.MarkerMacaroni-ItemOption_checked .Option-Indicator {
    box-shadow: 0 0 0 1px #6f63f2;
}

.MarkerMacaroni_layout_line .MarkerMacaroni-Lists {
    flex-direction: column;
}

.MarkerMacaroni_layout_line .MarkerMacaroni-List {
    flex-wrap: wrap;
}

.MarkerMacaroni_layout_line .List-Items {
    width: auto;

    white-space: nowrap;
}

.MarkerMacaroni_layout_line .List-Item {
    display: table-cell;
}

.MarkerMacaroni_layout_line .MarkerMacaroni-List_orientation_left::after {
    flex: 1 1 100%;

    margin-right: 0 !important;
    margin-bottom: var(--marker-macaroni-pointer-area-size);
}

.MarkerMacaroni_layout_line .MarkerMacaroni-List .List-Item:not(:last-child) .MarkerMacaroni-ItemOption {
    margin-right: var(--marker-macaroni-options-spacing);
    margin-bottom: 0;
}

.MarkerMacaroni_layout_line .MarkerMacaroni-List_orientation_left .MarkerMacaroni-ItemPin {
    top: 100%;
    right: initial;
}

.MarkerMacaroni_layout_line .MarkerMacaroni-List_orientation_right .MarkerMacaroni-ItemPin {
    top: 0;
    left: initial;
}

.MarkerMacaroni_layout_line .MarkerMacaroni-ItemOption .Option-Label {
    padding: var(--marker-macaroni-options-content-horizontalPadding) var(--marker-macaroni-options-content-verticalPadding);
}

.Option:not(.Option_disabled):not(.Option_readOnly):hover {
    cursor: pointer;
}

.Option {
    position: relative;
}

.Option input {
    position: absolute;
    z-index: -1;

    opacity: 0;
}

.Option_flavor_grape:not(.Option_disabled):not(.Option_readOnly):hover .Option-Indicator {
    box-shadow: 0 0 0 1px #a9a1f7, 0 1px 4px rgba(30, 32, 40, .35), 0 4px 4px rgba(30, 32, 40, .15);
}

.Option_flavor_grape {
    display: flex;
}

.Option_flavor_grape .Option-Label {
    position: relative;

    display: flex;
    justify-content: center;
    align-items: center;

    width: 100%;
    min-height: 40px;

    font-family: 'Suisse Intl', Arial, Helvetica, sans-serif;
    line-height: 20px;
}

.Option_flavor_grape .Option-Indicator {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    border: 1px solid transparent;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 1px 4px rgba(30, 32, 40, .25);
}

.Option_flavor_grape.Option_checked .Option-Indicator {
    box-shadow: 0 0 0 1px #6f63f2, 0 1px 4px rgba(30, 32, 40, .25);
}

.Option_flavor_grape.Option_status_correct.Option_checked .Option-Indicator {
    box-shadow: 0 0 0 1px #41d349;
}

.Option_flavor_grape.Option_status_incorrect.Option_checked .Option-Indicator {
    box-shadow: 0 0 0 1px #ff9e8c;
}

.Pin {
    display: inline-block;

    box-sizing: border-box;
}

.Pin::before {
    display: block;

    box-sizing: border-box;
    width: 100%;
    height: 100%;

    content: '';
}

.Pin_flavor_grape {
    width: 16px;
    height: 16px;

    border: 2px solid #fff;
    border-radius: 50%;
    background-color: #6f63f2;
    background-clip: padding-box;
}

.prisma-modal__content {
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
    box-sizing: border-box;
    max-height: 100dvh;
    overflow-y: auto;
    position: relative;
    scrollbar-width: thin;
}

    .prisma-modal__content::-webkit-scrollbar {
        height: var(--border-radius-12);
        width: var(--border-radius-12);
    }

    .prisma-modal__content::-webkit-scrollbar-thumb {
        background-clip: content-box;
        background-color: var(--color-background-glassy-b);
        border-color: transparent;
        border-radius: var(--border-radius-12);
        border-style: solid;
        border-width: var(--border-radius-4);
        -webkit-transition: background-color 0.3s;
        transition: background-color 0.3s;
    }

    .prisma-modal__content::-webkit-scrollbar-track {
        background-color: transparent;
        border: 0;
    }

    .prisma-modal__content::-webkit-scrollbar-button {
        display: none;
    }

    @media (pointer: fine) {
        .prisma-modal__content:not(.prisma-modal__content:hover)::-webkit-scrollbar-thumb {
            background-color: transparent;
        }
    }

.prisma-modal__content_fullscreen {
    height: calc(100% - 2 * var(--modal-margin));
    width: calc(100% - 2 * var(--modal-margin));
}

.prisma-modal__content_view_default {
    --modal-margin: var(--spacing-8);

    background-color: var(--color-background-default);
    border-radius: var(--border-radius-12);
}

.prisma-modal__content_view_clear {
    --modal-margin: 0px;
}

.prisma-modal__overlay {
    --overlay-animation-transition: opacity 0.2s ease-out, transform 0.2s ease-out;

    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 10000;

    display: flex;
    align-items: center;
    justify-content: center;

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

.prisma-modal__overlay_animation_enter,
.prisma-modal__overlay_animation_appear {
    opacity: 0.1;
}

.prisma-modal__overlay_animation_enter .prisma-modal__content,
.prisma-modal__overlay_animation_appear .prisma-modal__content {
    transform: translateY(50px) scale(0.98);
    opacity: 0;
}

.prisma-modal__overlay_animation_enter-active,
.prisma-modal__overlay_animation_enter-done,
.prisma-modal__overlay_animation_appear-active,
.prisma-modal__overlay_animation_appear-done {
    opacity: 1;
    transition: var(--overlay-animation-transition);
}

.prisma-modal__overlay_animation_enter-active .prisma-modal__content,
.prisma-modal__overlay_animation_enter-done .prisma-modal__content,
.prisma-modal__overlay_animation_appear-active .prisma-modal__content,
.prisma-modal__overlay_animation_appear-done .prisma-modal__content {
    transition: var(--overlay-animation-transition);

    transform: translateY(0px) scale(1);
    opacity: 1;
}

.prisma-modal__overlay_animation_exit {
    opacity: 1;
}

.prisma-modal__overlay_animation_exit .prisma-modal__content {
    opacity: 1;
}

.prisma-modal__overlay_animation_exit-active {
    opacity: 0.1;
    transition: var(--overlay-animation-transition);
}

.prisma-modal__overlay_animation_exit-active .prisma-modal__content {
    transition: var(--overlay-animation-transition);

    transform: translateY(50px) scale(0.98);
    opacity: 0;
}

.chat-agreement-modal {
    display: flex;
    flex-direction: column;

    position: relative;
    width: 540px;

    padding: 24px;
}

    @media (max-width: 539px) {.chat-agreement-modal {
        width: 100%;
        height: 100%;

        padding: 16px;
        border-radius: 0
}
    }

.chat-agreement-modal__button {
    width: 100%;
}

.chat-agreement-modal__close-button.chat-agreement-modal__close-button {
    position: absolute;
    top: var(--spacing-16);
    right: var(--spacing-16);
}

    @media (max-width: 539px) {.chat-agreement-modal__close-button.chat-agreement-modal__close-button {
        top: var(--spacing-8);
        right: var(--spacing-8)
}
    }

.chat-agreement-modal__description {
    margin-block: 0 var(--spacing-40);

    font: var(--font-ys-body-16-regular-ui);

    font-feature-settings: 'pnum' on, 'lnum' on;
}

    @media (max-width: 539px) {.chat-agreement-modal__description {
        margin-block-end: auto
}
    }

.chat-agreement-modal__title {
    margin-block: var(--spacing-16) var(--spacing-8);

    font: var(--font-ys-header-24-regular);

    font-feature-settings: 'pnum' on, 'lnum' on;
}

.chat-form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: var(--spacing-4);
    gap: var(--spacing-4);

    margin-block-start: var(--spacing-4);
}

.chat-form__checkbox.chat-form__checkbox {
    grid-column: 1 / -1;

    margin-block: var(--spacing-4);

    color: var(--color-content-secondary);
}

.chat-form__input_width_full {
    grid-column: 1 / -1;
}

.chat-form__link-button {
    padding: 0;
    border: 0;

    background-color: transparent;
    color: var(--color-accent-main-a);
}

.chat-form__submit-button {
    grid-column: 1 / -1;
}

.chat-progress-message {
    position: relative;
    width: 80px;
    height: 46px;
    box-sizing: border-box;

    margin-block-start: var(--spacing-12);
    margin-inline-end: auto;
    padding: 12px;
    border-radius: 12px 12px 12px 0px;

    opacity: 0;

    background-color: var(--color-background-glassy-a);
    font: var(--font-ys-body-16-regular-paragraph);
    font-feature-settings: 'pnum' on, 'lnum' on;

    animation: dialog-message-preloader 0.15s ease-in-out forwards;
    animation-delay: 0.3s;
}

@keyframes dialog-message-preloader {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.chat-progress-message__dot {
    flex-shrink: 0;

    width: 6px;
    height: 6px;

    background-color: currentColor;
    border-radius: 50%;

    animation: 1.5s ease-in infinite chat-progress-message-dots-flickering;
}

    .chat-progress-message__dot:nth-child(2) {
        animation-delay: 0.2s;
    }

    .chat-progress-message__dot:nth-child(3) {
        animation-delay: 0.4s;
    }

@keyframes chat-progress-message-dots-flickering {
    from {
        opacity: 0.3;
    }

    20% {
        opacity: 0.5;
    }

    40% {
        opacity: 1;
    }

    to {
        opacity: 0.3;
    }
}

.chat-progress-message__dots {
    display: flex;
    gap: var(--spacing-4);
    justify-content: center;
    align-items: center;

    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.chat-dialog {
    overflow: auto;

    margin-block-start: var(--spacing-16);
    margin-block-end: auto;
    /* чтобы скроллбар не перекрывал сообщения в чате */
    margin-inline: calc(-1 * var(--spacing-16));
    padding-inline: 16px;
}

.chat-dialog__message {
    box-sizing: border-box;

    padding: 12px;

    opacity: 0;

    transform: translateY(8px);
    animation: chat-message 0.15s ease-in-out forwards;

    word-break: break-word;
}

.chat-dialog__message:not(:first-child) {
    margin-block-start: var(--spacing-12);
}

.chat-dialog__message ul {
    margin: 0;
    padding-inline-start: 20px;
}

@keyframes chat-message {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.chat-dialog__message_type_system {
    max-width: calc(100% - 24px);

    margin-inline-end: auto;
    border-radius: 12px 12px 12px 0px;

    background-color: var(--color-background-glassy-a);
}

.chat-dialog__message_type_user {
    max-width: calc(100% - 64px);

    margin-inline-start: auto;
    border-radius: 12px 12px 0px;

    background-color: var(--color-background-glassy-b);
}

.chat-header {
    display: flex;
    gap: var(--spacing-8);
}

.chat-header__subtitle {
    margin: 0;

    font: var(--font-ys-caption-12-regular);

    font-feature-settings: 'pnum' on, 'lnum' on;
    color: var(--color-content-secondary);
}

.chat-header__title {
    margin: 0;

    font: var(--font-ys-body-16-regular-ui);

    font-feature-settings: 'pnum' on, 'lnum' on;
}

.chat-open-button.chat-open-button.chat-open-button.chat-open-button {
    position: fixed;
    bottom: var(--spacing-16);
    right: var(--spacing-16);
    z-index: var(--z-index-portals);

    padding: 12px;

    background-color: var(--color-accent-success);
}

    @media (max-width: 539px) {.chat-open-button.chat-open-button.chat-open-button.chat-open-button {
        position: static;

        background-color: var(--color-accent-neutral);
}
    }

    .chat-open-button.chat-open-button.chat-open-button.chat-open-button {
    z-index: 1;
}

.chat-open-button:hover {
    background-color: var(--color-accent-success);
}

.chat-open-button.chat-open-button .prisma-button2__icon {
    width: 36px;
    height: 36px;
}

.chat-open-button__animation-enter {
    opacity: 0;
}
.chat-open-button__animation-enter-active.chat-open-button__animation-enter-active {
    opacity: 1;

    transition-property: opacity;
    transition-timing-function: linear;
    transition-duration: 100ms;
}
.chat-open-button__animation-exit {
    opacity: 1;
}
.chat-open-button__animation-exit-active.chat-open-button__animation-exit-active {
    opacity: 0;

    transition-property: opacity;
    transition-timing-function: linear;
    transition-duration: 100ms;
}
.chat-open-button__animation-exit-done {
    opacity: 0;
}

.chat-open-button__icon {
    width: 36px;
    height: 36px;
}

.chat-open-button__icon path {
    fill-opacity: 1;
}

.chat-close-button.chat-close-button {
    position: absolute;
    z-index: 2;
}

.chat-close-button_view_full {
    top: var(--spacing-4);
    right: var(--spacing-4);
}

.chat-close-button_view_short {
    top: 0;
    right: 0;
}

    @media (max-width: 539px) {.chat-close-button_view_short {
        left: 0;
        right: unset
}
    }

.chat-predefined-questions {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: var(--spacing-4);

    max-width: 312px;

    margin-block-start: var(--spacing-16);
    margin-inline-start: auto;
}

@media (max-width: 539px) {.chat-predefined-questions_view_short {
        justify-content: flex-start;

        margin-inline-start: 0
}
    }

.chat-predefined-questions__animation_view_short-appear {
    opacity: 0;
}

.chat-predefined-questions__animation_view_short-appear-active {
    opacity: 1;

    transition-property: opacity;
    transition-timing-function: linear;
    transition-duration: 300ms;
    transition-delay: 800ms;
}

.faq-chat {
    position: fixed;
    z-index: var(--z-index-portals);

    color: var(--color-content-primary);
}

.faq-chat__animation_view_full-enter {
    opacity: 0;
}

.faq-chat__animation_view_full-enter-active {
    opacity: 1;

    transition-property: opacity;
    transition-timing-function: linear;
    transition-duration: 100ms;
    transition-delay: 100ms;
}

.faq-chat__animation_view_full-exit,
.faq-chat__animation_view_short-exit {
    opacity: 1;
}

.faq-chat__animation_view_full-exit-active,
.faq-chat__animation_view_short-exit-active {
    opacity: 0;

    transition-property: opacity;
    transition-timing-function: linear;
    transition-duration: 100ms;
}

.faq-chat_view_full {
    display: flex;
    flex-direction: column;

    bottom: var(--spacing-16);
    right: var(--spacing-16);
    width: 400px;
    height: 640px;

    padding: 16px;
    border-radius: 12px;

    background-color: var(--color-background-alternate);

    font: var(--font-ys-body-16-regular-ui);

    font-feature-settings: 'pnum' on, 'lnum' on;
}

    @media (max-width: 539px) {.faq-chat_view_full {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 0
}
    }

.faq-chat_view_short {
    bottom: var(--spacing-16);
    right: var(--spacing-16);
    width: 340px;
    max-width: 100%;

    padding-block-start: 28px;
}

    @media (max-width: 539px) {.faq-chat_view_short {
        left: var(--spacing-16);
        bottom: calc(var(--spacing-16) + 60px + var(--spacing-8))
}
    }

.callback-badge__button {
    display: flex;
    align-items: center;
    border-radius: var(--border-radius-16);
    border: 0;
    background-color: var(--color-palette-green-normal);
    transition: background-color 0.2s ease-in-out;
    color: var(--color-palette-white-1000);
    min-height: 5rem;
    padding: 1.0625rem 1.25rem;
}

    .callback-badge__button:hover {
        background-color: var(--color-palette-green-dark);
    }

.callback-badge__button .callback-badge__button-icon {
    width: 2.5rem;
    height: 2.5rem;
    margin: var(--spacing-2) 0;
}

.callback-badge__button-texts {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 0;
    will-change: width;
    transition: width 200ms ease-in-out;
    overflow: hidden;
    white-space: nowrap;
    gap: var(--spacing-2);
    margin-inline-start: var(--spacing-12);
}

@media (max-width: 539px) {

.callback-badge__button-texts {
        display: none
}
    }

.callback-badge__button-label {
    margin: 0;

    font: var(--font-ys-header-20-regular);

    font-feature-settings: 'pnum' on, 'lnum' on;
}

.callback-badge__button-sublabel {
    margin: 0;

    color: var(--color-palette-white-800-a);
    font: var(--font-ys-body-16-regular-ui);
    font-feature-settings: 'pnum' on, 'lnum' on;
}

.callback-badge__form {
    width: 100%;
    max-width: 400px;
    background-color: var(--color-background-alternate);
    border-radius: var(--border-radius-16);
    padding: 24px;
    box-shadow: var(--shadow-medium-default);
    box-sizing: border-box;
    margin-bottom: var(--spacing-4);
    border: 1px solid var(--color-background-stroke);
    overflow-y: auto;
}

    @media (max-width: 539px) {.callback-badge__form {
        position: fixed;
        inset: 0;
        max-width: 100%;
        margin: 0;
        border-radius: 0
}

        .callback-badge__form .callback-form__wrapper,
        .callback-badge__form .callback-form__form-screen,
        .callback-badge__form .callback-form__success-screen {
            height: 100%;
        }

        .callback-badge__form .prisma-button2 {
            margin-top: auto;
        }
    }

.callback-badge__form .callback-badge__close-button {
    position: absolute;
    top: 16px;
    right: 16px;
}

.callback-badge__form-animated-appear,
.callback-badge__form-animated-enter {
    opacity: 0;
}

.callback-badge__form-animated-appear-active,
.callback-badge__form-animated-enter-active {
    opacity: 1;
    transition: opacity 0.2s ease-in-out;
}

.callback-badge__form-animated-exit {
    opacity: 1;
}

.callback-badge__form-animated-exit-active {
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
}

.callback-badge__mobile-button {
    border: 0;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--color-palette-black-800-a);
    color: var(--color-palette-white-1000);
}

.callback-badge {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    position: fixed;
    bottom: 16px;
    right: 16px;
    z-index: var(--z-index-portals);
}

    .callback-badge .callback-form__paid-by-employer-buttons {
        grid-template-columns: 128px 1fr;
        margin-bottom: var(--spacing-12);
    }

.proff-window__calback-badge_hidden {
    visibility: hidden;
}

.consultation {
    z-index: 10000;
}

.consultation_floating {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 8px;
    position: fixed;
    bottom: 10px;
    right: 10px;
}

.consultation__button.prisma-button2 {
    background-color: var(--color-accent-success);
    box-shadow: var(--shadow-medium-default);
    color: var(--color-palette-white-1000);
}

.consultation__button.prisma-button2:hover,
.consultation__button.prisma-button2:active {
    background-color: var(--color-palette-green-dark);
}

.help-callback .help-callback__window.help-callback__window.consultation__window {
    right: 12px;
}

.consultation__hint {
    margin-bottom: 0;
}

.landings-v2-page__consultation-badge {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease-in-out;
}
.landings-v2-page__consultation-badge_visible {
    opacity: 1;
    pointer-events: auto;
}

.prisma-button2.popup-callback-form__close-button {
    position: absolute;
    top: 12px;
    right: 12px;
}

.popup-callback-form__action-button {
    width: 15.625rem;
}

    @media (max-width: 880px) {.popup-callback-form__action-button {
        width: unset
}
    }

.Markdown.popup-callback-form__legal {
    font: var(--font-ys-caption-12-regular);
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: var(--color-content-secondary);
    margin: 0;
}

    .Markdown.popup-callback-form__legal a {
        text-decoration: none;
        color: var(--color-accent-main-a);
    }

    .Markdown.popup-callback-form__legal a:hover {
        color: var(--color-accent-main-b);
    }

.popup-callback-form__paid-by-employer-label {
    font: var(--font-ys-body-16-regular-ui);
    font-feature-settings: 'pnum' on, 'lnum' on;
}

.popup-callback-form__paid-by-employer-buttons {
    grid-template-columns: 142px 1fr;
}

@media (max-width: 880px) {

.popup-callback-form__paid-by-employer-buttons {
        grid-template-columns: repeat(2, 1fr)
}
    }


.popup-callback-form__form {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-12);
    margin-top: var(--spacing-24);
}

    @media (max-width: 880px) {.popup-callback-form__form {
        margin-top: var(--spacing-20);
        gap: var(--spacing-12)
}
    }

.popup-callback-form__image {
    min-width: 22.5rem;
    background-image: url(https://code.s3.yandex.net/popup-callback-form/popup-callback-form-img.svg);
    background-repeat: no-repeat;
    background-position: center 100%;
}

    @media (max-width: 880px) {.popup-callback-form__image {
        height: 256px;
        order: -1
}
    }

.popup-callback-form__main {
    display: flex;
    gap: var(--spacing-40);
    font: var(--font-ys-body-18-regular-ui);
    font-feature-settings: 'pnum' on, 'lnum' on;
}

    @media (max-width: 880px) {.popup-callback-form__main {
        flex-direction: column;
        gap: var(--spacing-20);
        font: var(--font-ys-body-16-regular-ui);
        font-feature-settings: 'pnum' on, 'lnum' on
}
    }

.popup-callback-form__main-left-side {
    max-width: 26.875rem;
}

.popup-callback-form__title {
    font: var(--font-ys-header-48-medium);
    font-feature-settings: 'pnum' on, 'lnum' on;
}

    @media (max-width: 880px) {.popup-callback-form__title {
        font: var(--font-ys-header-32-medium);
        font-feature-settings: 'pnum' on, 'lnum' on
}
    }

.popup-callback-form__fields-screen {
    display: flex;
    gap: var(--spacing-40);
    font: var(--font-ys-body-18-regular-ui);
    font-feature-settings: 'pnum' on, 'lnum' on;
}

    @media (max-width: 880px) {.popup-callback-form__fields-screen {
        flex-direction: column;
        gap: var(--spacing-20);
        font: var(--font-ys-body-16-regular-ui);
        font-feature-settings: 'pnum' on, 'lnum' on
}
    }

.popup-callback-form__fields-left-side {
    max-width: 26.875rem;
}

.popup-callback-form__fields-title {
    margin: 0 0 var(--spacing-16);
}

@media (max-width: 880px) {

.popup-callback-form__fields-title {
        margin: 0 0 var(--spacing-8)
}
    }

.popup-callback-form__success-screen {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-20);
}

.popup-callback-form__success-title {
    margin: 0;
}

.popup-callback-form__success-action {
    margin-top: 6.25rem;
}

@media (max-width: 880px) {

.popup-callback-form__success-action {
        margin-top: 1.25rem
}
    }

.prisma-modal__content.popup-callback-form__modal {
    padding: 2.5rem;
    margin-inline: 0.625rem;
    max-height: calc(100dvh - 1.25rem);
}

    @media (max-width: 880px) {.prisma-modal__content.popup-callback-form__modal {
        padding: 0 1.25rem 1.25rem
}
    }

.callback-form__wrapper.popup-callback-form__wrapper {
    max-width: 56.875rem;
}

.prisma-input-overlay-trigger__space-expander {
    visibility: hidden;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    height: 0;
    padding-inline-start: var(--input-padding-inline-start);
    padding-inline-end: var(--input-padding-inline-end);
    border-inline: var(--border-width) solid transparent;
}

.prisma-input-overlay-trigger {
    position: relative;
}

.prisma-input-overlay-trigger:hover {
    --border-color: var(--border-color-hover);

    --input-background-color: var(--input-background-color-hover);

    --input-color: var(--input-color-hover);

    --label-color: var(--label-color-hover);
}

.prisma-input-overlay-trigger_disabled.prisma-input-overlay-trigger_disabled {
    --border-color: var(--border-color-disabled);

    --input-background-color: var(--input-background-color-disabled);

    --input-color: var(--input-color-disabled);

    --label-color: var(--label-color-disabled);
}

.prisma-input-overlay-trigger_size_s {
    --label-padding-block: calc(var(--input-padding-block-start) + var(--border-width));

    --icon-padding-block: calc(var(--input-padding-block-start) + var(--border-width));
    --icon-padding-inline: 0.5rem;

    --input-padding-block-start: 0.5rem;
    --input-padding-block-end: 0.5rem;
    --input-padding-inline-start: 0.5rem;
    --input-padding-inline-end: 2rem;

    --border-radius: var(--border-radius-5);

    font: var(--font-ys-caption-14-regular);

    font-feature-settings: 'pnum' on, 'lnum' on;

    font-feature-settings: 'pnum' on, 'lnum' on;
}

.prisma-input-overlay-trigger_size_s .prisma-input-overlay-trigger__label_collapsed {
    opacity: 0;
}

.prisma-input-overlay-trigger_size_m {
    --label-padding-block: 0.9375rem;

    --icon-padding-block: 0.6875rem;
    --icon-padding-inline: 0.625rem;

    --min-height: 3.125rem;

    --input-padding-block-start: 1.3125rem;
    --input-padding-block-end: 0.3125rem;
    --input-padding-inline-start: 0.75rem;
    --input-padding-inline-end: 3rem;

    --border-radius: var(--border-radius-6);

    font: var(--font-ys-body-16-regular-ui);

    font-feature-settings: 'pnum' on, 'lnum' on;

    font-feature-settings: 'pnum' on, 'lnum' on;
}

.prisma-input-overlay-trigger_size_l {
    --label-padding-block: 1.25rem;

    --icon-padding-block: 1rem;
    --icon-padding-inline: 0.625rem;

    --min-height: 3.75rem;

    --input-padding-block-start: 1.625rem;
    --input-padding-block-end: 0.625rem;
    --input-padding-inline-start: 0.75rem;
    --input-padding-inline-end: 3rem;

    --border-radius: var(--border-radius-8);

    font: var(--font-ys-body-16-regular-ui);

    font-feature-settings: 'pnum' on, 'lnum' on;

    font-feature-settings: 'pnum' on, 'lnum' on;
}

.prisma-input-overlay-trigger_view_default {
    --border-width: 1px;

    --border-color: var(--color-background-stroke);
    --border-color-hover: var(--color-background-stroke);
    --border-color-disabled: var(--color-background-stroke);

    --input-background-color: var(--color-background-default);
    --input-background-color-hover: var(--color-background-glassy-a);
    --input-background-color-disabled: var(--color-background-default);

    --input-color: var(--color-content-primary);
    --input-color-hover: var(--color-content-primary);
    --input-color-disabled: var(--color-content-tertiary);

    --label-color: var(--color-content-secondary);
    --label-color-collapsed: var(--color-content-secondary);
    --label-color-hover: var(--color-content-secondary);
    --label-color-disabled: var(--color-content-tertiary);
}

.prisma-input-overlay-trigger_view_ghost {
    --border-width: 1px;

    --border-color: var(--color-content-primary);
    --border-color-hover: var(--color-content-secondary);
    --border-color-disabled: var(--color-content-tertiary);

    --input-background-color: transparent;
    --input-background-color-hover: transparent;
    --input-background-color-disabled: transparent;

    --input-color: var(--color-content-primary);
    --input-color-hover: var(--color-content-secondary);
    --input-color-disabled: var(--color-content-tertiary);

    --label-color: var(--color-content-primary);
    --label-color-collapsed: var(--color-content-secondary);
    --label-color-hover: var(--color-content-secondary);
    --label-color-disabled: var(--color-content-tertiary);
}

.prisma-input-overlay-trigger_width-behavior_stretch {
    width: 100%;
}

.prisma-input-overlay-trigger__dropdown-icon {
    position: absolute;
    top: var(--icon-padding-block);
    right: var(--icon-padding-inline);

    pointer-events: none;

    color: var(--label-color);
}

.prisma-input-overlay-trigger__dropdown-icon_opened {
    transform: rotate(180deg);
}

.prisma-input-overlay-trigger__input {
    display: block;
    min-height: 2.1875rem;
    min-height: var(--min-height, 2.1875rem); /* фикс для Firefox */
    width: 100%;

    padding: var(--input-padding-block-start) var(--input-padding-inline-end) var(--input-padding-block-end)
        var(--input-padding-inline-start);
    overflow-x: hidden;

    border-color: var(--border-color);
    border-style: solid;
    border-width: var(--border-width);
    border-radius: var(--border-radius);

    background-color: var(--input-background-color);

    cursor: pointer;

    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--input-color);

    transition-property: border-color, color, background-color;
    transition-timing-function: ease-out;
    transition-duration: 0.15s;

    font: inherit;
}

.prisma-input-overlay-trigger__input:disabled {
    cursor: default;
}

.prisma-input-overlay-trigger__label {
    position: absolute;

    inset-block-start: var(--label-padding-block);
    inset-inline-start: calc(var(--input-padding-inline-start) + var(--border-width));

    transform-origin: left;

    overflow-x: hidden;
    pointer-events: none;
    text-overflow: ellipsis;
    white-space: nowrap;

    color: var(--label-color);
}

.prisma-input-overlay-trigger__label_collapsed {
    --label-color: var(--label-color-collapsed);

    transform: translateY(-50%) scale(0.75);
}

.prisma-input-select__dropdown {
    box-sizing: border-box;

    position: absolute;

    padding: 0.25rem;
    border-radius: var(--border-radius);
    box-shadow: var(--shadow-small-hovered);
    background-color: var(--color-background-default);

    overflow: auto;
}

.prisma-menu__option {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--spacing-8);

    box-sizing: border-box;

    padding: 0.75rem 0.75rem 0.75rem var(--menu-option-padding-inline-start);

    border-radius: var(--menu-option-border-radius);

    cursor: pointer;

    word-break: break-word;
    color: var(--color-content-primary);
}

.prisma-menu__option:focus {
    background-color: var(--color-background-glassy-a);
    outline: none;
}

.prisma-menu__option_with-subtitle {
    padding: 0.5rem 0.75rem 0.5rem 0.5rem;
    min-height: 3.5rem;
}

.prisma-menu__option-content {
    display: inline-flex;
    flex-direction: column;
}

.prisma-menu__option-title {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-8);
}

.prisma-menu__option-title-icon {
    display: inline-flex;
    align-items: center;

    color: var(--color-content-secondary);
}

.prisma-menu__option-subtitle {
    font: var(--font-ys-caption-12-medium);
    font-feature-settings: 'pnum' on, 'lnum' on;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: var(--color-content-secondary);
}

.prisma-menu__option-icon {
    pointer-events: none;

    color: var(--color-content-primary);

    flex-shrink: 0;
}

.prisma-menu {
    margin: 0;
    padding: 0;

    list-style-type: none;
}

.prisma-menu_size_s {
    --border-radius: var(--border-radius-5);

    --menu-option-border-radius: var(--border-radius-5);
    --menu-option-padding-inline-start: 0.25rem;

    font: var(--font-ys-caption-14-regular);

    font-feature-settings: 'pnum' on, 'lnum' on;

    font-feature-settings: 'pnum' on, 'lnum' on;
}

.prisma-menu_size_m {
    --border-radius: var(--border-radius-6);

    --menu-option-border-radius: var(--border-radius-6);
    --menu-option-padding-inline-start: 0.5rem;

    font: var(--font-ys-body-16-regular-ui);

    font-feature-settings: 'pnum' on, 'lnum' on;

    font-feature-settings: 'pnum' on, 'lnum' on;
}

.prisma-menu_size_l {
    --border-radius: var(--border-radius-8);

    --menu-option-border-radius: var(--border-radius-8);
    --menu-option-padding-inline-start: 0.5rem;

    font: var(--font-ys-body-16-regular-ui);

    font-feature-settings: 'pnum' on, 'lnum' on;

    font-feature-settings: 'pnum' on, 'lnum' on;
}

.prisma-input-select {
    position: relative;
}

.prisma-input-select:hover {
    --label-color: var(--label-color-hover);
    --input-background-color: var(--input-background-color-hover);
    --border-color: var(--border-color-hover);
    --input-color: var(--input-color-hover);
}

.prisma-input-select_size_s,
.prisma-input-select__dropdown_size_s {
    --border-radius: var(--border-radius-5);

    --menu-option-border-radius: var(--border-radius-5);
    --menu-option-padding-inline-start: 0.25rem;

    font: var(--font-ys-caption-14-regular);

    font-feature-settings: 'pnum' on, 'lnum' on;

    font-feature-settings: 'pnum' on, 'lnum' on;
}

.prisma-input-select_size_s .prisma-input-select__label {
    transition: none;
}

.prisma-input-select_size_s .prisma-input-select__label_collapsed {
    opacity: 0;
}

.prisma-input-select_size_m,
.prisma-input-select__dropdown_size_m {
    --border-radius: var(--border-radius-6);

    --menu-option-border-radius: var(--border-radius-6);
    --menu-option-padding-inline-start: 0.5rem;

    font: var(--font-ys-body-16-regular-ui);

    font-feature-settings: 'pnum' on, 'lnum' on;

    font-feature-settings: 'pnum' on, 'lnum' on;
}

.prisma-input-select_size_l,
.prisma-input-select__dropdown_size_l {
    --border-radius: var(--border-radius-8);

    --menu-option-border-radius: var(--border-radius-8);
    --menu-option-padding-inline-start: 0.5rem;

    font: var(--font-ys-body-16-regular-ui);

    font-feature-settings: 'pnum' on, 'lnum' on;

    font-feature-settings: 'pnum' on, 'lnum' on;
}

@charset "UTF-8";
/* icon logo */
/* social */
@keyframes fadeIn {
  from {
    opacity: 0;
  }
}
@keyframes fadeOut {
  to {
    opacity: 0;
  }
}
@keyframes rotation {
  to {
    transform: rotate(360deg);
  }
}
.fade-enter, .fade-appear {
  opacity: 0.01;
}
.fade-enter-active, .fade-enter-done, .fade-appear-active, .fade-appear-done {
  transition: all var(--fadeAnimationDelay, 250ms) ease-out;
  opacity: 1;
}
.fade-exit {
  opacity: 1;
}
.fade-exit-active {
  transition: all var(--fadeAnimationDelay, 250ms) ease-out;
  opacity: 0.01;
}

.scale-fade-enter {
  transform: scale(0.01);
  opacity: 0;
}
.scale-fade-enter-active {
  transition-timing-function: ease-out;
  transition-duration: 250ms;
  transition-property: opacity, transform;
  transform: scale(1);
  opacity: 1;
}
.scale-fade-exit {
  transform: scale(1);
  opacity: 1;
}
.scale-fade-exit-active {
  transition-timing-function: ease-out;
  transition-duration: 250ms;
  transition-property: opacity, transform;
  transform: scale(0.01);
  opacity: 0;
}

.fade-slide-up-enter {
  transform: translateY(15%);
  opacity: 0.01;
}
.fade-slide-up-enter-active {
  transition: transform 0.2s ease-out, opacity 0.2s ease-out;
  transform: none;
  opacity: 1;
}
.fade-slide-up-exit {
  transform: none;
  opacity: 1;
}
.fade-slide-up-exit-active {
  transition: transform 0.2s ease-out, opacity 0.2s ease-out;
  transform: translateY(15%);
  opacity: 0.01;
}

.slide-right-enter, .slide-right-exit-active {
  transform: translateX(-100%);
}

.slide-left-enter, .slide-left-exit-active {
  transform: translateX(100%);
}

.slide-right-enter, .slide-right-exit, .slide-right-enter-active, .slide-right-exit-active,
.slide-left-enter,
.slide-left-exit,
.slide-left-enter-active,
.slide-left-exit-active {
  will-change: transform;
}
.slide-right-enter-active,
.slide-left-enter-active {
  transition: transform 0.65s cubic-bezier(0.2, 1, 0.3, 1);
  transition-delay: 0.1s;
  transform: translateX(0);
}
.slide-right-exit,
.slide-left-exit {
  transform: translateX(0);
}

@keyframes shake {
  12.5% {
    transform: translateX(12px);
  }
  25% {
    transform: translateX(0);
  }
  37.5% {
    transform: translateX(-5px);
  }
  50% {
    transform: translateX(0);
  }
  62.5% {
    transform: translateX(3px);
  }
  75% {
    transform: translateX(0);
  }
  87.5% {
    transform: translateX(-2px);
  }
  100% {
    transform: translateX(0);
  }
}
/**
 * Ширина блока по сетке
 */
/**
 * Устанавливает отступ по сетке
 */
/**
 * Выравнивает блок по сетке
 */
/**
 * Устанавливает грид-контейнер и его ширину
 */
@keyframes placeholder-animation {
  0% {
    background-position: 0 50%;
  }
  65% {
    background-position: 0 50%;
  }
  100% {
    background-position: 1400px 50%;
  }
}
/**
 * Layout
 */
/**
 * Helpers
 */
.placeholder {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
}
.placeholder__line {
  width: 100%;
  height: 100%;
  border-radius: inherit;
  animation: placeholder-animation 3s infinite linear;
  background-color: var(--color-background-alternate);
  background-image: linear-gradient(90deg, var(--color-background-glassy-a) calc(100% - 200px), var(--color-content-inverted-secondary), calc(100% - 100px), var(--color-background-glassy-a) 100%);
  background-size: 1400px 100%;
}
.placeholder_center {
  justify-content: center;
}
.placeholder_rounded_s {
  border-radius: 2px;
}
.placeholder_rounded_m {
  border-radius: var(--border-radius-8);
}
.prof-window-filter__stub {
    width: 100px;
    height: 36px;
}

    @media (max-width: 767px) {.prof-window-filter__stub {
        width: 100%
}
    }

    .prof-window-filter__stub + .prof-window-filter__stub {
        margin-inline-start: var(--spacing-8);
    }

    @media (max-width: 767px) {

    .prof-window-filter__stub + .prof-window-filter__stub {
            margin-block-start: var(--spacing-24);
            margin-inline-start: 0
    }
        }

.prof-window-filter_type_desktop {
    position: relative;
}

.prof-window-filter__item-content {
    margin: 0;

    white-space: nowrap;

    font: var(--font-ys-caption-14-medium);

    font-feature-settings: 'pnum' on, 'lnum' on;
}

.prof-window-filter__item-toggle {
    box-sizing: border-box;

    height: 2.25rem;

    padding: 0.75rem;

    border-radius: var(--border-radius-12);

    font: var(--font-ys-caption-14-medium);

    font-feature-settings: 'pnum' on, 'lnum' on;
}

.prof-window-filter__item-toggle_selected.prof-window-filter__item-toggle_selected {
    color: var(--color-content-inverted-primary);

    background-color: var(--color-accent-neutral);
}

.prof-window-filter__reset {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 100;

    min-width: unset;

    padding: 12px;

    border-radius: var(--border-radius-12);

    background-color: var(--color-accent-neutral);
}

    .prof-window-filter__reset:hover {
        background-color: var(--color-accent-neutral);
    }

.prisma-tags-group__tag {
    display: inline-block;
    white-space: nowrap;
    margin-top: var(--prisma-tags-group-list-gap);
    margin-left: var(--prisma-tags-group-list-gap);
}

.prisma-tags-group__tag_no-focus-outline {
    outline: none;
}

.prisma-tags-group {
    display: inline-block;
}

.prisma-tags-group_inline {
    display: inline;
}

.prisma-tags-group__list {
    --prisma-tags-group-list-gap: var(--spacing-8);

    display: flex;
    margin-top: calc(-1 * var(--prisma-tags-group-list-gap));
    margin-left: calc(-1 * var(--prisma-tags-group-list-gap));
    flex-wrap: wrap;
}

.prisma-tags-group__list_inline {
    display: inline;
}

.prof-window-filter__item-option {
    min-width: auto;

    margin: 0 var(--spacing-8) var(--spacing-8) 0;

    font: var(--font-ys-caption-14-medium);

    font-feature-settings: 'pnum' on, 'lnum' on;
}

    .prof-window-filter__item-option,
    .prof-window-filter__item-option:hover {
        background-color: var(--color-background-glassy-a);
    }

.prof-window-filter__item-option_selected.prof-window-filter__item-option_selected,
    .prof-window-filter__item-option_selected.prof-window-filter__item-option_selected:hover {
        background-color: var(--color-accent-neutral);

        color: var(--color-content-inverted-primary);
    }

.prof-window-filter__item-options {
    display: flex;
    flex-wrap: wrap;

    margin-block-end: calc(-1 * var(--spacing-8));
}

.prof-window-filter__item-title {
    margin-block-end: var(--spacing-12);

    font: var(--font-ys-body-18-medium-ui);

    font-feature-settings: 'pnum' on, 'lnum' on;
}

.prof-window-filter_inline {
    display: inline;
}

.prof-window-base-filters__filter-group {
    margin-inline-start: var(--prof-window-filters-groups-gap);
    margin-block-start: var(--prof-window-filters-groups-gap);
}

    @media (max-width: 767px) {.prof-window-base-filters__filter-group {
        margin-block-start: var(--spacing-24);
        margin-inline-start: 0
}
    }

.prof-window-base-filters__filter-group_inline {
    display: inline;
}

.prof-window-base-filters_type_desktop {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-inline-start: calc(-1 * var(--prof-window-filters-groups-gap));
    margin-block-start: calc(-1 * var(--prof-window-filters-groups-gap));
}

.prof-window-base-filters__reset-all-button {
    margin-left: var(--prof-window-filters-groups-gap);
    margin-top: var(--prof-window-filters-groups-gap);

    display: inline-flex;
}

.prof-window-base-filters__sort-select-wrapper {
    display: inline-grid;
    margin-block-start: var(--prof-window-filters-groups-gap);
}

.prof-window-base-filters_inline {
    display: inline;
    align-items: unset;
    flex-wrap: unset;
}

/* Усиливаем селектор, т.к. Drawer является миксом для Popup
   из-за этого стили могут приезжать не в правильном порядке */
.Drawer[class] {
    position: fixed;
    top: 0;
    left: 0;

    display: none;
    overflow: hidden;

    width: 100%;
    height: 100%;
}

.Drawer.Drawer_visible {
    display: block;
}

.Drawer-DragObserver {
    display: flex;

    height: inherit;
}

.Drawer-Curtain {
    position: relative;

    display: flex;
    flex-direction: column;

    max-height: 100%;
    will-change: transform;
}

.Drawer-Content {
    position: relative;

    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.Drawer-Overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    touch-action: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    will-change: opacity;
}

.Popup2 {
    position: absolute;
    z-index: 1400;
}

.Popup2[data-popper-reference-hidden],
.Popup2[data-popper-escaped] {
    visibility: hidden !important;

    margin: -9999px 0 0 -9999px !important;

    pointer-events: none !important;
}

.Popup2-Tail {
    width: 24px;
    height: 24px;

    /* Отключаем взаимодействие, т.к. хвостик может накладываться на якорь */
    pointer-events: none;
}

.Popup2-TailSvg {
    display: block;
}

.Popup2[data-popper-placement^='top'] .Popup2-Tail {
    top: 100%;

    transform: rotate(180deg);
}

.Popup2[data-popper-placement^='left'] .Popup2-Tail {
    left: 100%;

    transform: rotate(90deg);
}

.Popup2[data-popper-placement^='bottom'] .Popup2-Tail {
    bottom: 100%;
}

.Popup2[data-popper-placement^='right'] .Popup2-Tail {
    right: 100%;

    transform: rotate(-90deg);
}

/**
 * Базовые визуальные стили
 */
.Drawer_view_default .Drawer-Content,
.Drawer_view_default .Drawer-Title {
    background: #fff;
}

.Drawer_view_default .Drawer-Overlay {
    background: rgba(0, 0, 0, 0.4);
}

/**
 * Стили для direction_bottom
 */
.Drawer_direction_bottom .Drawer-DragObserver {
    flex-direction: column;
    justify-content: flex-end;
}

.Drawer_direction_bottom.Drawer_view_default .Drawer-Curtain {
    max-height: calc(100% - 32px);
}

.Drawer_direction_bottom.Drawer_view_default .Drawer-Content,
.Drawer_direction_bottom.Drawer_view_default .Drawer-Title {
    border-radius: 16px 16px 0 0;
}

/* когда в шторке есть заголовок, то скругляем углы только у него */
.Drawer_direction_bottom.Drawer_view_default .Drawer-Title + .Drawer-Content {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.Drawer_direction_bottom.Drawer_view_default .Drawer-Handle {
    position: absolute;
    top: -19px;
    left: 50%;

    width: 40px;
    margin-left: -36px;
    padding: 8px 16px;
    will-change: opacity;
}

.Drawer_direction_bottom.Drawer_view_default .Drawer-Handle::before {
    display: block;

    height: 3px;

    content: '';

    border-radius: 100px;
    background: #fff;
}

.Drawer_direction_bottom.Drawer_view_default.Drawer_nested .Drawer-Handle {
    z-index: 1;
    top: 0;
}

.Drawer_direction_bottom.Drawer_view_default.Drawer_nested .Drawer-Handle::before {
    background: rgba(0, 0, 0, 0.1);
}

.prof-window-filters-opener {
    display: inline-block;

    position: relative;
}

.prof-window-filters-opener__counter {
    display: inline-block;

    position: absolute;
    right: -6px;
    top: -6px;

    width: 16px;
    height: 16px;

    border-radius: 50%;
    background: var(--color-accent-notice);

    color: var(--color-palette-white-1000);
    font: var(--font-ys-caption-12-regular);
    font-feature-settings: 'pnum' on, 'lnum' on;
    font-size: 10px;
    line-height: 16px;
    text-align: center;
}

.prof-window-base-filters__drawer {
    --accent-color: var(--profession-color);

    z-index: 10000;
}

.prof-window-base-filters__filters-mobile-container {
    padding: 24px 16px 82px;
}

.prof-window-base-filters__filters-mobile-show-button {
    --vertical-offset: 16px;
    --horizontal-offset: 16px;

    position: fixed;
    bottom: var(--vertical-offset);
    left: var(--horizontal-offset);

    width: calc(100% - calc(2 * var(--horizontal-offset)));
}

.prof-window-base-filters {
    --prof-window-filters-groups-gap: var(--spacing-8);
}

.prof-card-stub {
    padding: 16px;

    box-shadow: var(--shadow-medium-default);

    border-radius: 16px;
}

.prof-card-stub__footer {
    display: flex;
    justify-content: space-between;
    align-items: center;

    min-height: 22px;
}

.prof-card-stub__footer-left {
    width: 112px;
    height: 18px;
}

.prof-card-stub__footer-right {
    width: 72px;
    height: 18px;
}

.prof-card-stub__header {
    display: flex;
    justify-content: space-between;
    align-items: center;

    margin-block-end: var(--spacing-8);
}

.prof-card-stub__header-left {
    width: 180px;
    height: 18px;
}

.prof-card-stub__header-right {
    width: 64px;
    height: 18px;
}

.prof-card-stub__main {
    height: 132px;

    margin-bottom: var(--spacing-32);
}

    @media (max-width: 767px) {.prof-card-stub__main {
        display: none
}
    }

.prof-card-stub__title {
    width: 180px;
    height: 68px;

    margin-block-end: var(--spacing-12);
}

    @media (max-width: 767px) {.prof-card-stub__title {
        margin-block-end: var(--spacing-40)
}
    }

.prof-card__image {
    max-width: 100%;
    height: 8.25rem;
    color: var(--color-palette-black-1000);
}

.prof-card__content-wrapper {
    height: 100%;
}

.prof-card__content {
    box-sizing: border-box;
    color: inherit;
    text-decoration: none;

    display: flex;
    flex-direction: column;

    height: 100%;

    padding: 16px;

    background-color: var(--color-background-default);

    border-radius: var(--border-radius-8);

    transition-property: transform, box-shadow;
    transition-timing-function: ease;
    transition-duration: 0.2s;

    position: relative;
}

.prisma_theme_dark .prof-card__content {
    border: 1px solid var(--color-background-stroke);
}

.prof-card__content:hover {
    box-shadow: var(--shadow-medium-hovered);

    cursor: pointer;
}

.prof-card__content:hover .prof-card__image {
    transition: 0.3s color ease;

    color: var(--prof-card-image-color);
}

.prof-card__content_custom {
    background-color: var(--color-background-highlighted);
    box-shadow: none;
}

.prof-card__content_custom:hover {
    box-shadow: none;
}

.prof-card__content_custom .prof-card__header {
    margin-bottom: var(--spacing-16);
}

@media (max-width: 767px) {

.prof-card__content_custom .prof-card__header {
        margin-bottom: var(--spacing-24)
}
    }

.prof-card__content_custom .prof-card__tags {
    margin-bottom: var(--spacing-4);
}

.prof-card__content_custom .prof-card__tag {
    display: inline-block;

    border-radius: var(--border-radius-10);

    font: var(--font-ys-caption-12-medium);

    font-feature-settings: 'pnum' on, 'lnum' on;
    color: var(--color-content-secondary);
}

.prof-card__content_custom:not(:last-child):after {
    content: '•';

    padding: 0 0.33333333em;
}

.prof-card__content_custom .prof-card__title {
    font: var(--font-ys-header-20-medium);
    font-feature-settings: 'pnum' on, 'lnum' on;
    margin: 0;
}

@media (max-width: 767px) {

.prof-card__content_custom .prof-card__title {
        font: var(--font-ys-body-18-medium-ui);
        font-feature-settings: 'pnum' on, 'lnum' on
}
    }

.prof-card__content_custom:not(:last-child) {
    margin-block-end: var(--spacing-4);
}

.prof-card__badges {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-8);
    margin: calc(-1 * var(--spacing-24)) 0 var(--spacing-8);
}

    @media (max-width: 767px) {.prof-card__badges {
        margin-block-start: calc(-1 * var(--spacing-8))
}
    }

@media not (max-width: 767px) {
    .prof-card__badges {
        margin-block-start: -30px;
    }
}

.prof-card__footer {
    color: var(--color-content-primary);
    margin-top: var(--spacing-12);
}

    @media (max-width: 767px) {.prof-card__footer {
        margin-top: auto
}
    }

.prof-card__full-price {
    margin: 0;
    margin-block-start: auto;

    color: var(--color-content-secondary);

    font: var(--font-ys-caption-12-medium);

    font-feature-settings: 'pnum' on, 'lnum' on;
}

.prof-card__header {
    margin-block-end: var(--spacing-16);
}

    @media (max-width: 767px) {.prof-card__header {
        margin-block-end: var(--spacing-24)
}
    }

.prof-card__main {
    overflow: hidden;

    display: flex;
    justify-content: center;

    margin: auto 0 0;

    padding: 20px 0;

    background-color: var(--color-palette-white-1000);

    border-radius: var(--border-radius-4);
}

    @media (max-width: 767px) {.prof-card__main {
        display: none
}
    }

.prof-card__price {
    margin: 0;

    font: var(--font-ys-body-18-medium-ui);

    font-feature-settings: 'pnum' on, 'lnum' on;
}

.prof-card__subtitle {
    margin: 0;
    white-space: pre-wrap;

    color: var(--color-content-secondary);

    font: var(--font-ys-body-16-regular-ui);

    font-feature-settings: 'pnum' on, 'lnum' on;
}

.prof-card__tag {
    display: inline-block;

    border-radius: var(--border-radius-10);
    margin: 0;

    font: var(--font-ys-caption-12-regular);

    font-feature-settings: 'pnum' on, 'lnum' on;
    color: var(--color-content-secondary);
}

    .prof-card__tag:not(:last-child):after {
        content: '•';

        padding: 0 0.33333333em;
    }

.prof-card__tags {
    margin-block-end: var(--spacing-4);
}

.prof-card__title {
    margin: 0;

    font: var(--font-ys-header-20-regular);

    font-feature-settings: 'pnum' on, 'lnum' on;
}

    .prof-card__title:not(:last-child) {
        margin-block-end: var(--spacing-4);
    }

    @media (max-width: 767px) {.prof-card__title {
        font: var(--font-ys-body-16-regular-ui);
        font-feature-settings: 'pnum' on, 'lnum' on
}
    }

.prof-card {
    box-sizing: border-box;

    min-height: 136px;

    color: var(--color-content-primary);

    list-style-type: none;
}

.consultation-card__action {
    grid-area: action;
    align-self: end;
}

.consultation-card__content {
    display: grid;
    grid-template-areas: 'head' 'image' 'action';
    justify-items: left;
    align-content: space-between;
    box-sizing: border-box;
    height: 100%;
    border-radius: var(--border-radius-16);
    padding: var(--spacing-16);
    color: var(--color-content-primary);
    background-color: var(--color-background-highlighted);
}

    .consultation-card__content:hover {
        cursor: pointer;
    }

    @media (max-width: 767px) {.consultation-card__content {
        grid-template-areas: 'head' 'action';
        justify-items: stretch
}
    }

/* Переносить картинку в контенте карточке направо, если:
1. Карточка расположена первой или второй в ряду и за ней идет еще карточка консультации, либо расположена
второй или третьей в ряду и перед ней расположена еще карточка консультации
2. В каталоге карточки расположены по 4 в ряд
*/

@media not (max-width: 1279px) {

:is(
        .consultation-card:nth-child(4n):has(+ .consultation-card),
        .consultation-card:nth-child(4n + 1):has(+ .consultation-card),
        .consultation-card + .consultation-card:nth-child(4n + 1),
        .consultation-card + .consultation-card:nth-child(4n + 2)
    )
    .consultation-card__content {
        grid-template-areas: 'head image' 'action image';
        grid-auto-columns: 50%
}
    }

.consultation-card__description {
    grid-area: description;
    margin: 0;
    max-width: 350px;
    font: var(--font-ys-caption-14-regular);
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: var(--color-content-secondary);
}

.consultation-card__head {
    grid-area: head;
}

.consultation-card__image {
    display: flex;
    align-items: center;
    justify-content: right;
    grid-area: image;
    margin: 0 auto;
    max-width: 210px;
    max-height: 140px;
    text-align: center;
}

    .consultation-card__image_type_callback {
        padding: 10px;
    }

@media not (max-width: 1279px) {

:is(
        .consultation-card:nth-child(4n):has(+ .consultation-card),
        .consultation-card:nth-child(4n + 1):has(+ .consultation-card),
        .consultation-card + .consultation-card:nth-child(4n + 1),
        .consultation-card + .consultation-card:nth-child(4n + 2)
    )
    .consultation-card__image {
        max-width: 310px;
        max-height: 200px
}
    }

.consultation-card__img {
    max-height: 100%;
    max-width: 100%;
}

.consultation-card__price-amount {
    font: var(--font-ys-body-18-medium-paragraph);
    font-feature-settings: 'pnum' on, 'lnum' on;
    line-height: 22px;
    color: var(--color-content-primary);
}

.consultation-card__price-description {
    font: var(--font-ys-caption-14-medium);
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: var(--color-content-secondary);
}

.consultation-card__price {
    margin-bottom: var(--spacing-12);
}

    @media (max-width: 767px) {.consultation-card__price {
        margin: var(--spacing-12) 0
}
    }

.consultation-card__title {
    grid-area: title;
    margin: 0 0 var(--spacing-4);
    max-width: 350px;
    font: var(--font-ys-header-20-medium);
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: var(--color-content-primary);
}

.consultation-card-modal__content.consultation-card-modal__content {
    padding: var(--spacing-32);
    max-width: 580px;
    width: 100%;
    max-height: 100%;
    /* Попытка пофиксить зазор снизу на скукоживающихся адрес барах в мобильных сафари */
    max-height: 100dvh;
    overflow: auto;
    color: var(--color-content-primary);
}

    @media (max-width: 413px) {.consultation-card-modal__content.consultation-card-modal__content {
        position: fixed;
        height: 100vh;
        width: 100%;
        border-radius: 0;
        padding: var(--spacing-16)
}
    }

.consultation-card-modal__content .callback-form__paid-by-employer-action-button {
    white-space: nowrap;
}

@media (max-width: 539px) {

.consultation-card-modal__content .callback-form__paid-by-employer-action-button {
        white-space: unset
}
    }

.consultation-card-modal__close.prisma-button2 {
    position: absolute;
    top: var(--spacing-24);
    right: var(--spacing-24);
}

    @media (max-width: 413px) {.consultation-card-modal__close.prisma-button2 {
        top: var(--spacing-12);
        right: var(--spacing-12)
}
    }

.consultation-card {
    list-style-type: none;
}

/* Для карточки бесплатной консультации. Вытягивать карточку и переносить на новую строку, если:
1. Она расположена первой или второй в ряду
2. За ней идет еще одна карточка консультации
3. В каталоге карточки расположены по 4 в ряд
*/

@media not (max-width: 1279px) {

.consultation-card:nth-child(4n):has(+ .consultation-card),
.consultation-card:nth-child(4n + 1):has(+ .consultation-card) {
        grid-column: 1 / span 2;
        min-height: 233px
}
    }

/* Для карточки карьерной консультации. Вытягивать карточку, если:
1. Она расположена второй или третьей в ряду
2. Перед ней идет еще карточка консультации
3. В каталоге карточки расположены по 4 в ряд
*/

@media not (max-width: 1279px) {

.consultation-card + .consultation-card:is(:nth-child(4n + 1), :nth-child(4n + 2)) {
        grid-column: span 2;
        min-height: 233px
}
    }

.consultation-card__button {
    height: -moz-fit-content;
    height: fit-content;
    max-width: 256px;
}

    @media (max-width: 359px) {.consultation-card__button {
        max-width: none
}
    }

.consultation-form-career__description {
    margin: 0;
    font: var(--font-ys-body-16-regular-ui);
    font-feature-settings: 'pnum' on, 'lnum' on;
}

.consultation-form-career__header {
    display: grid;
    grid-gap: var(--spacing-8);
    gap: var(--spacing-8);
    margin-inline-end: 50px;
}

    @media (max-width: 413px) {.consultation-form-career__header {
        margin-inline-end: var(--spacing-24)
}
    }

.consultation-form-career__subtitle {
    margin: var(--spacing-8) 0 0;
    font: var(--font-ys-body-18-medium-ui);
    font-feature-settings: 'pnum' on, 'lnum' on;
}

.consultation-form-career__success {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: var(--color-content-primary);

    animation-name: fadeIn;
    animation-duration: 1s;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.consultation-form-career__success-img {
    background: url('https://code.s3.yandex.net/consultation/success.png') no-repeat center / contain;
    width: 100%;
    height: 150px;
    margin: var(--spacing-48) 0;
}

.consultation-form-career__success-title {
    margin: 0;
    font: var(--font-ys-header-20-medium);
    font-feature-settings: 'pnum' on, 'lnum' on;
}

.consultation-form-career__success-description {
    margin: var(--spacing-8) 0 0;
    max-width: 408px;
    font: var(--font-ys-body-16-regular-paragraph);
    font-feature-settings: 'pnum' on, 'lnum' on;
    text-align: center;
}

.consultation-form-career__success-button {
    margin: var(--spacing-24) 0 0;
    width: 100%;
}

.consultation-form-career__title {
    margin: 0;
    font: var(--font-ys-header-28-medium);
    font-feature-settings: 'pnum' on, 'lnum' on;
}

.consultation-form-career {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-16);
}

.consultation-form-career__checkbox {
    font: var(--font-ys-caption-14-regular);
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: var(--color-content-secondary);
}

    .consultation-form-career__checkbox:first-of-type {
        margin-block-start: var(--spacing-8);
    }

    @media (max-width: 539px) {.consultation-form-career__checkbox {
        font: var(--font-ys-caption-12-regular);
        font-feature-settings: 'pnum' on, 'lnum' on
}
    }

.consultation-form-career__checkbox a {
    color: var(--color-accent-main-a);
    text-decoration: none;
}

.consultation-form-career__textarea {
    font: var(--font-ys-body-16-medium-ui);
    font-feature-settings: 'pnum' on, 'lnum' on;
}

.consultation-form-career__error .Toastify__close-button {
        position: absolute;
        top: var(--spacing-16);
        right: var(--spacing-16);
        color: var(--color-content-primary);
    }

.prof-window-show-more-button {
    padding: 0;
    border: none;
    background: unset;
    cursor: pointer;
    margin-block-start: var(--spacing-12);

    transition: color 0.2s ease-out;

    grid-column: span var(--columns-count);
    justify-self: center;

    font: var(--font-ys-body-16-regular-ui);

    font-feature-settings: 'pnum' on, 'lnum' on;
    color: var(--color-content-secondary);
}

    .prof-window-show-more-button:hover {
        color: var(--color-content-primary);
    }

    @media (max-width: 767px) {.prof-window-show-more-button {
        font: var(--font-ys-caption-14-regular);
        font-feature-settings: 'pnum' on, 'lnum' on;
        margin-block-start: 0
}
    }

.prof-window-cards {
    margin-block-start: var(--spacing-32);
}

    @media (max-width: 767px) {.prof-window-cards {
        margin-block-start: var(--spacing-20)
}
    }

    @media (max-width: 767px) {

    .prof-window-cards_placement_prof-window {
            margin-block-end: var(--spacing-32)
    }
        }

    .prof-window-cards__animated-collection {
        --columns-count: 4;

        display: grid;
        grid-auto-rows: min-content;
        grid-template-columns: repeat(var(--columns-count), minmax(0, 1fr));
        grid-column-gap: var(--spacing-12);
        grid-row-gap: var(--spacing-12);
        list-style: none;

        /* Победить прыжки контента по высоте */
        height: auto !important;

        margin: 0;
        padding: 0;
    }

    @media (max-width: 1279px) {

    .prof-window-cards__animated-collection {
            --columns-count: 3
    }
        }

    @media (max-width: 1023px) {

    .prof-window-cards__animated-collection {
            --columns-count: 2
    }
        }

    @media (max-width: 767px) {

    .prof-window-cards__animated-collection {
            --columns-count: 1
    }
        }

    .prof-window-cards__group {
        display: contents;
    }

    .prof-window-cards__group:first-child .prof-window-cards__group-title {
            margin-block-start: 0;
        }

    .prof-window-cards__group-list {
        display: contents;
    }

    .prof-window-cards__group-title {
        grid-column: span var(--columns-count);
        color: var(--color-content-primary);

        margin-block: var(--spacing-20) var(--spacing-4);

        font: var(--font-ys-header-24-regular);

        font-feature-settings: 'pnum' on, 'lnum' on;
    }

    @media (max-width: 767px) {

    .prof-window-cards__group-title {
            font: var(--font-ys-body-18-regular-ui);
            font-feature-settings: 'pnum' on, 'lnum' on;
            margin-block: var(--spacing-8) 0
    }
        }

    .prof-window-cards__item_animation_before-enter {
                transform: scale(0.95);
                opacity: 0;
            }

    .prof-window-cards__item_animation_entering {
                transform: scale(1);
                opacity: 1;
                transition-property: transform, opacity;
                transition-duration: 0.3s;
            }

    .prof-window-cards__item_animation_before-exit {
                transform: scale(1);
                opacity: 1;
            }

    .prof-window-cards__item_animation_exiting {
                transform: scale(0.95);
                opacity: 0;
                transition-duration: 0.3s;
                transition-property: transform, opacity;
            }

    .prof-window-cards__card-placeholder {
        height: 332px;
    }

    @media (max-width: 767px) {

    .prof-window-cards__card-placeholder {
            height: 136px
    }
        }

.prof-window-cards__item-content {
    box-shadow: var(--shadow-medium-default);
}

.prof-window-search.prof-window-search {
    --search-input-border-radius: var(--border-radius-12);

    min-width: 17.5rem;
}

    @media (max-width: 767px) {.prof-window-search.prof-window-search {
        min-width: unset;
        flex-grow: 1;

        margin-inline-end: var(--spacing-8)
}
    }

    /* Нужно больше вложенности, чтобы перебить родные стили инпута */

    .prof-window-search.prof-window-search .prof-window-search__search-input,
        .prof-window-search.prof-window-search .prof-window-search__search-input-control-wrapper {
            height: 2.25rem;
        }

    .prof-window-search.prof-window-search .prof-window-search__search-input::after, .prof-window-search.prof-window-search .prof-window-search__search-input-control-wrapper::after {
                height: 0;
            }

    .prof-window-search.prof-window-search .prof-window-search__search-input {
            margin: 0;
        }

    .prof-window-search.prof-window-search .prof-window-search__search-input.input_focused .prof-window-search__search-input-control-wrapper {
                border: 1px solid var(--color-accent-neutral-hover);
            }

    .prof-window-search.prof-window-search .prof-window-search__search-input-control-wrapper {
            border-radius: var(--search-input-border-radius);
            border: 1px solid var(--color-background-stroke);
        }

    .prof-window-search.prof-window-search .prof-window-search__search-input-control-wrapper .input__control {
                height: 100%;

                padding: 1.0625rem 0.75rem;

                font: var(--font-ys-caption-14-regular);

                font-feature-settings: 'pnum' on, 'lnum' on;
            }

.user__item {
    --size: 24px;
    --user-pic-size-m-size: var(--size);

    position: relative;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: space-between;

    min-height: var(--item-height);
    height: auto;
    padding: 10px var(--popup-padding);

    -webkit-user-select: none;
    -moz-user-select: none;
         user-select: none;

    font: var(--font-ys-body-16-medium-ui);

    font-feature-settings: 'pnum' on, 'lnum' on;
}

.user__item:hover .user__item-action {
    visibility: visible;
    opacity: 1;
}

.user__item_clickable {
    cursor: pointer;
}

.user__item_extended {
    padding: var(--popup-padding);
}

.user__item_hoverable {
    transition: background-color 0.2s;

    border-radius: 8px;
    background-color: transparent;
}

    .user__item_hoverable:hover {
        background-color: var(--color-background-glassy-a);
    }

.user__item_with-user-pic {
    margin-right: var(--spacing-36);
}

.user__item_with-icon {
    padding: 10px 12px;
}

.user__item-action {
    font: var(--font-ys-caption-14-medium);
    font-feature-settings: 'pnum' on, 'lnum' on;

    position: absolute;
    right: var(--popup-padding);

    visibility: hidden;

    cursor: pointer;

    transition:
        visibility 0.2s,
        opacity 0.2s;

    opacity: 0;
}

.user__item-subtitle {
    font: var(--font-ys-caption-14-regular);
    font-feature-settings: 'pnum' on, 'lnum' on;

    margin: var(--spacing-4) 0 0;

    opacity: 0.5;
}

.user__item-title {
    display: flex;
    align-items: center;
    gap: var(--spacing-8);

    height: auto;

    margin: 0;
}

.user__items-group {
    display: flex;
    flex-direction: column;

    margin-top: var(--spacing-16);
}

    .user__items-group:first-child {
        margin-top: 0;
    }

.user__link {
    text-overflow: ellipsis;
    overflow: hidden;

    text-decoration: none;

    color: inherit;
}

.user__other-accounts {
    display: grid;
    grid-auto-flow: row;
    grid-row-gap: 0;

    margin-top: var(--spacing-8);
    margin-bottom: 0;

    padding-top: var(--popup-padding);
    border-top: 1px solid var(--color-background-stroke);
}

.user__other-account-avatar {
    display: flex;
    justify-content: center;
    align-items: center;

    min-width: var(--user-pic-size-m-size);
    height: var(--user-pic-size-m-size);
    margin: 0;
}

.user__other-account-name {
    word-break: break-word;
    display: inline-block;
}

.user {
    --size: 32px;
    --size-plus: 32px;
    --popup-padding: 8px;
    --item-height: 44px;

    --user-pic-size-m-size: var(--size);
    --user-pic-size-m-size-plus: var(--size-plus);

    --popup-offset-top: 0px;
    --popup-offset-right: 0px;

    --logo-offset: 65px;

    position: relative;
    z-index: 1;

    width: var(--size);
    height: var(--size);
}

    .user,
    .user * {
        box-sizing: border-box;
    }

.user_open {
    z-index: 10000;
}

.user_plus {
    --size: 24px;
}

.user__popup {
    --top: calc(
        var(--popup-offset-top) + var(--popup-padding) +
            (var(--item-height) + var(--popup-padding) * 2 - var(--size) - var(--spacing-16)) / 2
    );
    --right: calc(var(--popup-offset-right) + 2 * var(--popup-padding));

    position: absolute;
    z-index: -1;
    top: calc(-1 * var(--top));
    right: calc(-1 * var(--right));

    visibility: hidden;

    width: 300px;
    padding: var(--popup-padding);

    transition:
        opacity 0.15s,
        visibility 0.15s;

    opacity: 0;

    color: var(--color-content-primary);
    border-radius: 12px;
    background-color: var(--color-background-default);
    border: 1px solid var(--color-background-stroke);
    box-shadow: var(--shadow-medium-default);
}

.user__popup_animated {
    transition:
        opacity 0.3s,
        transform 0.3s,
        visibility 0.3s;
    transition-timing-function: cubic-bezier(0.25, 1.15, 0.5, 1.1);
    transform: scale(0.5);
    transform-origin: calc(100% - var(--right)) calc(var(--top) + var(--size) / 4);
}

.user__popup_inverse-animated {
    transform-origin: calc(var(--right)) calc(100% - var(--top) + var(--size) / 4);
}

.user__popup_open.user__popup_open {
    visibility: visible;

    transform: none;

    opacity: 1;
}

.user__popup-overlay {
    position: fixed;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.user__avatar {
    z-index: 2;

    cursor: pointer;
}

.user__avatar-wrapper {
    padding: 0;
    border: none;
    background-color: transparent;

    line-height: 0;
}

.user__toggle-dark-theme {
    width: 100%;
}

.auth-widget__user-with-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--spacing-8);
}

@charset "UTF-8";
/* icon logo */
/* social */
@keyframes fadeIn {
  from {
    opacity: 0;
  }
}
@keyframes fadeOut {
  to {
    opacity: 0;
  }
}
@keyframes rotation {
  to {
    transform: rotate(360deg);
  }
}
.fade-enter, .fade-appear {
  opacity: 0.01;
}
.fade-enter-active, .fade-enter-done, .fade-appear-active, .fade-appear-done {
  transition: all var(--fadeAnimationDelay, 250ms) ease-out;
  opacity: 1;
}
.fade-exit {
  opacity: 1;
}
.fade-exit-active {
  transition: all var(--fadeAnimationDelay, 250ms) ease-out;
  opacity: 0.01;
}

.scale-fade-enter {
  transform: scale(0.01);
  opacity: 0;
}
.scale-fade-enter-active {
  transition-timing-function: ease-out;
  transition-duration: 250ms;
  transition-property: opacity, transform;
  transform: scale(1);
  opacity: 1;
}
.scale-fade-exit {
  transform: scale(1);
  opacity: 1;
}
.scale-fade-exit-active {
  transition-timing-function: ease-out;
  transition-duration: 250ms;
  transition-property: opacity, transform;
  transform: scale(0.01);
  opacity: 0;
}

.fade-slide-up-enter {
  transform: translateY(15%);
  opacity: 0.01;
}
.fade-slide-up-enter-active {
  transition: transform 0.2s ease-out, opacity 0.2s ease-out;
  transform: none;
  opacity: 1;
}
.fade-slide-up-exit {
  transform: none;
  opacity: 1;
}
.fade-slide-up-exit-active {
  transition: transform 0.2s ease-out, opacity 0.2s ease-out;
  transform: translateY(15%);
  opacity: 0.01;
}

.slide-right-enter, .slide-right-exit-active {
  transform: translateX(-100%);
}

.slide-left-enter, .slide-left-exit-active {
  transform: translateX(100%);
}

.slide-right-enter, .slide-right-exit, .slide-right-enter-active, .slide-right-exit-active,
.slide-left-enter,
.slide-left-exit,
.slide-left-enter-active,
.slide-left-exit-active {
  will-change: transform;
}
.slide-right-enter-active,
.slide-left-enter-active {
  transition: transform 0.65s cubic-bezier(0.2, 1, 0.3, 1);
  transition-delay: 0.1s;
  transform: translateX(0);
}
.slide-right-exit,
.slide-left-exit {
  transform: translateX(0);
}

@keyframes shake {
  12.5% {
    transform: translateX(12px);
  }
  25% {
    transform: translateX(0);
  }
  37.5% {
    transform: translateX(-5px);
  }
  50% {
    transform: translateX(0);
  }
  62.5% {
    transform: translateX(3px);
  }
  75% {
    transform: translateX(0);
  }
  87.5% {
    transform: translateX(-2px);
  }
  100% {
    transform: translateX(0);
  }
}
/**
 * Ширина блока по сетке
 */
/**
 * Устанавливает отступ по сетке
 */
/**
 * Выравнивает блок по сетке
 */
/**
 * Устанавливает грид-контейнер и его ширину
 */
@keyframes placeholder-animation {
  0% {
    background-position: 0 50%;
  }
  65% {
    background-position: 0 50%;
  }
  100% {
    background-position: 1400px 50%;
  }
}
/**
 * Layout
 */
/**
 * Helpers
 */
.user-widget__change-email-screen {
  position: relative;
  padding: 32px;
  border-radius: 24px;
  width: 716px;
  max-width: 100vw;
  box-sizing: border-box;
}
.user-widget__change-email-screen .user-widget__change-email-screen-checkbox {
  display: flex;
  align-items: center;
  --accent-color: var(--profession-color);
  margin: 8px 0 32px;
}
.user-widget__change-email-screen .user-widget__change-email-screen-input-message {
  transition-duration: 0s;
  margin-bottom: 0;
}
.user-widget__change-email-screen-title {
  font-size: 32px;
  line-height: 36px;
  font-weight: bold;
  font-family: "YS Display";
  margin: 0 0 24px;
}
.user-widget__change-email-screen-checkbox-label-content {
  font-size: 14px;
  line-height: 18px;
  font-weight: normal;
  font-family: "YS Text";
}
.user-widget__change-email-screen-button-wrapper {
  display: flex;
  justify-content: flex-end;
  --accent-color: var(--profession-color);
}
@media screen and (max-width: 666px) {
  .user-widget__change-email-screen-button {
    width: 100%;
  }
}
.user-widget__change-email-screen-close-button {
  position: absolute;
  top: 0;
  right: -50px;
  background-color: transparent;
  border: none;
  z-index: 1;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .user-widget__change-email-screen-close-button {
    top: 16px;
    right: 16px;
    width: 36px;
    height: 36px;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 100px 138px rgba(0, 0, 0, 0.12), 0px 8.90503px 122.225px rgba(0, 0, 0, 0.107844), 0px 1.86515px 58.3114px rgba(0, 0, 0, 0.0586081), 0px -0.0113679px 10.9024px rgba(0, 0, 0, 0.0127797);
  }
}
.user-widget__change-email-screen-close-icon {
  width: 38px;
  height: 38px;
  color: #d5d5d7;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .user-widget__change-email-screen-close-icon {
    width: 13px;
    height: 13px;
    color: #000;
  }
}
.header__catalog-trigger {
    margin: 0 var(--spacing-4);
    padding-block: 4px;
}

.mobile-menu__controls_view_default {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-12);
}

@media (max-width: 1023px) {.mobile-menu__controls_view_with-b2b-button {
        display: grid;
        grid-template-columns: 1fr 1fr calc((100% - 76px) / 2);
        grid-gap: 12px
}
    }
    @media (max-width: 767px) {.mobile-menu__controls_view_with-b2b-button {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr)
}
    }

.mobile-menu__button {
    width: 100%;
}

@media (max-width: 767px) {.mobile-menu__button_full-row {
        grid-column: span 2
}
    }

.mobile-menu__button_width-limited {
    max-width: 328px;
}

.mobile-menu__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 35px;
}

.mobile-menu__close-button {
    margin-inline-end: calc(-1 * var(--spacing-16));
}

.mobile-menu__user-widget {
    margin-inline-start: auto;
    margin-inline-end: var(--spacing-8);
}

.mobile-menu__navigation {
    margin-block-end: auto;
}

.mobile-menu__link {
    margin-block-start: var(--spacing-24);

    font: var(--font-ys-header-20-bold);

    font-feature-settings: 'pnum' on, 'lnum' on;
}

.mobile-menu__open-button.mobile-menu__open-button {
    display: none;
}

    @media (max-width: 1023px) {.mobile-menu__open-button.mobile-menu__open-button {
        display: flex;
        align-items: center
}
    }

.mobile-menu.mobile-menu {
    display: flex;

    background-color: var(--color-background-default);

    padding: 16px 32px;

    z-index: 1;
}

    @media (max-width: 539px) {.mobile-menu.mobile-menu {
        padding: 16px
}
    }

.header {
    --accent-color: var(--color-accent-neutral);
    --header-height: 68px;

    max-width: var(--max-content-width);
    margin: 0 auto;

    font: var(--font-ys-body-16-medium-ui);

    font-feature-settings: 'pnum' on, 'lnum' on;
    color: var(--color-content-primary);
}

    @media (max-width: 1023px) {.header {
        position: absolute;
        left: 0;
        right: 0;
        background-color: transparent
}
    }

.header_theme_dark {
    background-color: var(--color-background-default);
}

    .header_theme_dark .header__container {
        background-color: var(--color-background-default);
    }

.header_theme_light {
    background-color: transparent;
}

.header__buy-button {
    border-radius: var(--border-radius-12);
}

.header__container {
    padding: 0 24px;
}

.header__desktop-controls {
    display: flex;
    align-items: center;
    justify-content: center;

    position: relative;

    height: 100%;
}

    @media (max-width: 1023px) {.header__desktop-controls {
        display: none
}
    }

.header__desktop-controls_with-b2b-button {
    gap: var(--spacing-8);
}

.header__link.header__link {
    text-decoration: none;

    color: var(--color-content-primary);
}

    .header__link.header__link:hover {
        color: var(--color-accent-neutral);
    }

.mobile-menu__navigation:has(.header__link_pricing) .header__link[href$='#CommonFlow']:not(.header__link_pricing),
.mobile-menu__navigation:has(.header__link_pricing) .header__link[href$='#Free']:not(.header__link_pricing),
.header__navigation:has(.header__link_pricing) .header__link[href$='#CommonFlow']:not(.header__link_pricing),
.header__navigation:has(.header__link_pricing) .header__link[href$='#Free']:not(.header__link_pricing) {
    display: none;
}

.header__mobile-menu-button.header__mobile-menu-button {
    margin-inline-end: calc(-1 * var(--spacing-16));

    color: var(--color-content-inverted-primary);
}

@media (max-width: 539px) {

.landings-v2-page_short-mobile .header__mobile-menu-button.header__mobile-menu-button {
        color: var(--color-content-primary)
}
    }

.header__navigation {
    display: inline-flex;
    flex-wrap: wrap;
    gap: var(--spacing-8) var(--spacing-16);
    margin-inline-start: var(--spacing-40);
}

    @media (max-width: 1439px) {.header__navigation {
        display: none
}
    }

.header__part {
    flex-basis: auto;
}
.header__right {
    flex-shrink: 0;
}

.header__user-widget {
    margin-inline-start: var(--spacing-12);
}

@media (max-width: 539px) {.sticky-button-v2__callback-form {
        position: static
}
    }

.sticky-buttons-v2 {
    display: none;
}

@media (max-width: 539px) {.sticky-buttons-v2_visible {
        display: flex;
        justify-content: space-between;
        gap: var(--spacing-12);

        width: 100%;

        position: fixed;
        bottom: 16px;
        z-index: 9999;

        padding-inline: 16px
}
    }

.sticky-buttons-v2__menu-button {
    border-radius: 50%;
    opacity: 0.9;
}

.sticky-buttons-v2__start-learning-button.sticky-buttons-v2__start-learning-button {
    width: 100%;
    opacity: 0.9;
}

.sticky-buttons-v2__start-learning-button.sticky-buttons-v2__start-learning-button,
.sticky-buttons-v2__start-learning-button.sticky-buttons-v2__start-learning-button:hover,
.sticky-buttons-v2__start-learning-button.sticky-buttons-v2__start-learning-button:active {
    background-color: var(--color-accent-success);
}

.sticky-buttons-v2__start-learning-link {
    flex: 1;
}

.b2b-callback-widget__success-screen {
    margin-top: var(--spacing-24);

    width: 100%;
    display: flex;
    flex-direction: column;
    height: auto;

    animation-name: fadeIn;
    animation-duration: 1s;
    justify-content: space-between;
}

    @media (max-width: 767px) {.b2b-callback-widget__success-screen {
        margin-top: 0;
        padding: var(--spacing-24) 16px;
        height: 100%;
        box-sizing: border-box
}
    }

@media (max-width: 767px) {

.b2b-callback-widget__success-btn {
        margin-top: auto;

        order: 4
}
    }

.b2b-callback-widget__success-title {
    font: var(--font-ys-header-28-medium);
    font-feature-settings: 'pnum' on, 'lnum' on;
    text-align: center;

    margin: 32px 0 12px;
}

@media (max-width: 767px) {

.b2b-callback-widget__success-title {
        order: 1;

        margin-bottom: auto;

        text-align: unset
}
    }

.b2b-callback-widget__success-description {
    width: 100%;

    margin-bottom: 128px;

    font: var(--font-ys-body-16-regular-ui);

    font-feature-settings: 'pnum' on, 'lnum' on;
    text-align: center;
    overflow: hidden;
}

@media (max-width: 767px) {

.b2b-callback-widget__success-description {
        order: 3;

        margin-bottom: 12px
}
    }

.b2b-callback-widget__img {
    background-image: url('https://code.s3.yandex.net/consultation/success.png');
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 170px;
    background-size: contain;
    margin: var(--spacing-12) 0;

    flex-shrink: 0;
}

@media (max-width: 767px) {

.b2b-callback-widget__img {
        order: 2
}
    }

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.b2b-callback-widget__description {
    max-width: 100%;
    overflow: hidden;

    margin: 0 0 var(--spacing-16);

    font: var(--font-ys-body-16-regular-ui);

    font-feature-settings: 'pnum' on, 'lnum' on;
}

.b2b-callback-widget__title {
    font: var(--font-ys-header-28-medium);
    font-feature-settings: 'pnum' on, 'lnum' on;

    margin: 0 0 var(--spacing-8);

    max-width: 85%;
}

.b2b-callback-widget__checkbox {
    margin-block-end: var(--spacing-12);
    color: var(--color-content-secondary);
}

.b2b-callback-widget__form-screen {
    display: flex;
    flex-direction: column;
    justify-content: space-between;

    box-sizing: border-box;
}

    @media (max-width: 767px) {.b2b-callback-widget__form-screen {
        height: 100%;

        overflow-y: scroll;

        padding: 32px
}
    }

    @media (max-width: 539px) {.b2b-callback-widget__form-screen {
        padding: 16px
}
    }

.b2b-callback-widget__hint {
        margin-bottom: 8px;
    }
    @media (max-width: 767px) {
    .b2b-callback-widget__form-component {
            height: 100%
    }
        }
    .b2b-callback-widget .callback-form__form-screen-main {
        margin-bottom: var(--spacing-24);
    }
    .b2b-callback-widget .callback-form__footer {
        margin-top: var(--spacing-12);
    }
    @media (max-width: 767px) {.b2b-callback-widget {
        height: 100%
}
    }

.b2b-callback-widget__close.b2b-callback-widget__close {
    position: absolute;

    top: var(--spacing-24);
    right: var(--spacing-24);
}

    @media (max-width: 767px) {.b2b-callback-widget__close.b2b-callback-widget__close {
        top: 16px;
        right: 16px
}
    }

.b2b-callback-widget__wrapper {
    color: var(--color-content-primary);
}

    @media (max-width: 767px) {.b2b-callback-widget__wrapper {
        max-width: unset
}
    }

.b2b-callback-widget__wrapper:not([class*='fullscreen']) {
    width: 580px;
    padding: 32px;
}

@media (max-height: 599px) {

.b2b-callback-widget__wrapper:not([class*='fullscreen']) {
        height: 90vh
}
    }

.b2b-callback-widget__footer.b2b-callback-widget__footer {
    background-color: var(--color-background-default);

    display: flex;
    flex-direction: column;

    padding: 16px;
    margin: var(--spacing-16) calc(-1 * var(--spacing-16)) 0;

    position: sticky;
    bottom: 0;
    z-index: 10;
}

    @media (max-width: 539px) {.b2b-callback-widget__footer.b2b-callback-widget__footer {
        box-shadow: 0 1px 12px 2px rgba(36, 36, 36, 0.07)
}
    }

.b2b-callback-widget__form-input.b2b-callback-widget__form-input {
    margin-bottom: var(--spacing-12);
}

.b2b-callback-widget__submit-button {
    margin: var(--spacing-24) 0;

    width: 100%;
}

    @media (max-width: 767px) {.b2b-callback-widget__submit-button {
        margin: var(--spacing-12) 0
}
    }

.b2b-callback-widget__socials {
    justify-content: center;

    margin-top: var(--spacing-12);
}

.b2b-callback-widget__contacts .callback-form__contacts-phones-text {
        margin-top: var(--spacing-4);
    }

.b2b-section__controls {
        display: flex;
        flex-direction: row;
    }

        @media (max-width: 539px) {.b2b-section__controls {
            width: 100%;
            flex-direction: column
    }
        }
    .b2b-section__application-button.prisma-button2 {
        width: 448px;
        background-color: var(--profession-color);
        color: var(--color-palette-white-1000);

        margin-right: var(--spacing-12);
    }
    @media (max-width: 539px) {
    .b2b-section__application-button.prisma-button2 {
            width: 100%;
            margin-right: 0;
            margin-bottom: var(--spacing-12)
    }
        }
    .b2b-section__application-button.prisma-button2:hover {
            cursor: pointer;
        }
    .b2b-section .prisma-button2__content {
        width: 100%;
    }

.b2b-section__images-wrapper {
        position: absolute;
        right: 3%;
        width: 35%;
        top: 7%;
        z-index: 1;
    }

        @media (max-width: 1123px) {.b2b-section__images-wrapper {
            width: 30%
    }
        }

        @media (max-width: 539px) {.b2b-section__images-wrapper {
            position: relative;
            width: auto;
            margin-top: var(--spacing-32)
    }
        }
    .b2b-section__images {
        position: relative;
    }
    .b2b-section__images-main {
        width: 100%;
        height: 100%;
    }
    .b2b-section__images-eclipse {
        position: absolute;
        width: 40%;
        top: 0;
        right: 0;
    }
    .b2b-section__images-icon {
        position: absolute;
        width: 15%;
        top: 13.5%;
        right: 11.15%;
        color: var(--profession-color);
    }
    @media (max-width: 820px) {
    .b2b-section__images-icon {
            top: 14%
    }
        }

.b2b-section__learning-button.b2b-section__learning-button {
    width: 100%;

    max-width: 448px;

    margin-top: var(--spacing-80);
}

    @media (max-width: 539px) {.b2b-section__learning-button.b2b-section__learning-button {
        margin: var(--spacing-32) 0 var(--spacing-4)
}
    }

.b2b-section__learning-button.b2b-section__learning-button,
.b2b-section__learning-button.b2b-section__learning-button:hover,
.b2b-section__learning-button.b2b-section__learning-button:active {
    background-color: var(--profession-color);
}

.b2b-section__list {
        max-width: 704px;
        padding: 0;

        list-style: none;
        color: var(--color-content-secondary);
    }
    .b2b-section__item {
        position: relative;
        width: 352px;

        margin-bottom: var(--spacing-24);
        padding-left: var(--spacing-32);
        display: inline-block;

        counter-increment: step-counter;
    }
    @media (max-width: 1023px) {
    .b2b-section__item {
            width: 100%;

            padding-left: 28px;
            margin-bottom: var(--spacing-16)
    }
        }
    .b2b-section__item::before {
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        content: counter(step-counter);
        display: flex;
        justify-content: center;
        align-items: center;
        width: 24px;
        height: 24px;
        border-radius: 50%;
        color: var(--color-palette-white-1000);
        background-color: var(--color-palette-black-300-a);
        font: var(--font-ys-body-16-regular-paragraph);
        font-feature-settings: 'pnum' on, 'lnum' on;
    }
    @media (max-width: 1023px) {
    .b2b-section__item::before {
            width: 20px;
            height: 20px;

            font: var(--font-ys-caption-12-medium);

            font-feature-settings: 'pnum' on, 'lnum' on
    }
        }

.b2b-section__title {
    margin-bottom: var(--spacing-12);

    font: var(--font-ys-header-40-bold);

    font-feature-settings: 'pnum' on, 'lnum' on;
}

    @media (max-width: 1023px) {.b2b-section__title {
        font: var(--font-ys-header-28-medium);
        font-feature-settings: 'pnum' on, 'lnum' on
}
    }

    .b2b-section__title_submitted {
        max-width: 60%;

        font: var(--font-ys-header-40-medium);

        font-feature-settings: 'pnum' on, 'lnum' on;
    }

    @media (max-width: 1023px) {

    .b2b-section__title_submitted {
            font: var(--font-ys-header-28-medium);
            font-feature-settings: 'pnum' on, 'lnum' on
    }
        }

    @media (max-width: 539px) {

    .b2b-section__title_submitted {
            max-width: unset
    }
        }

.b2b-section {
    padding: var(--spacing-24) var(--spacing-32) var(--spacing-32);
    margin: var(--spacing-32) 0;
    border-radius: 24px;
    background-color: var(--color-background-default);

    position: relative;
    height: 433px;
    overflow: hidden;

    font: var(--font-ys-body-18-regular-paragraph);

    font-feature-settings: 'pnum' on, 'lnum' on;

    margin-block-end: var(--section-margin-bottom);
}

    @media (max-width: 539px) {.b2b-section {
        padding: var(--spacing-24) var(--spacing-16);
        margin: var(--spacing-8);
        margin-block-end: var(--section-margin-bottom);

        font: var(--font-ys-caption-14-regular);

        font-feature-settings: 'pnum' on, 'lnum' on
}
    }

    @media (max-width: 1023px) {.b2b-section {
        font: var(--font-ys-caption-14-regular);
        font-feature-settings: 'pnum' on, 'lnum' on;
        overflow: unset
}
    }

    @media (max-width: 1279px) {.b2b-section {
        background-position: right center;
        height: auto
}
    }

    .b2b-section__subtitle {
        width: 50%;

        margin-bottom: var(--spacing-48);
    }

    @media (max-width: 1023px) {

    .b2b-section__subtitle {
            width: 40%;

            margin-bottom: var(--spacing-40)
    }
        }

    @media (max-width: 539px) {

    .b2b-section__subtitle {
            width: 100%
    }
        }

    .b2b-section__content {
        position: relative;
        z-index: 2;
    }

    .b2b-section__content_submitted {
            display: flex;
            flex-direction: column;
            justify-content: space-between;

            height: 100%;
        }

.bullets-block__item {
    display: flex;
    justify-content: stretch;
    align-items: center;
    gap: var(--spacing-12);

    max-width: 400px;
}

@media (max-width: 539px) {

.landings-v2-page_short-mobile .bullets-block__item {
        max-width: unset
}
    }

.bullets-block__item_size_large {
    align-items: flex-start;
}

.bullets-block__item-img {
    --img-width: 40px;

    flex: 0 0 var(--img-width);

    width: var(--img-width);
    height: auto;

    border-radius: var(--border-radius-10);
}

.bullets-block__item-title {
    font: var(--font-ys-body-16-medium-ui);
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: var(--color-content-primary);
}

    @media (max-width: 767px) {.bullets-block__item-title {
        font: var(--font-ys-body-18-medium-ui);
        font-feature-settings: 'pnum' on, 'lnum' on
}
    }

.bullets-block__item-title_size_large {
    font: var(--font-ys-header-24-medium);
    font-feature-settings: 'pnum' on, 'lnum' on;
}

.bullets-block {
    --columns-count: 3;
    --gap: var(--spacing-16);
    --row-gap: var(--spacing-24);
    --min-size: calc(100% / var(--columns-count) - calc(var(--gap) * calc(var(--columns-count) - 1)));

    padding: 24px 32px;
    border-radius: var(--border-radius-20);
    list-style: none;
    margin: 0;

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

    @media (max-width: 767px) {.bullets-block {
        --columns-count: 2
}
    }

    @media (max-width: 539px) {.bullets-block {
        --columns-count: 1;

        padding: 24px 16px
}
    }

.bullets-block_quadruple {
    --columns-count: 4;
}

    @media (max-width: 1023px) {.bullets-block_quadruple {
        --columns-count: 2
}
    }

    @media (max-width: 539px) {.bullets-block_quadruple {
        --columns-count: 1
}
    }

.bullets-block_size_large {
    padding: 64px 32px;
}

    @media (max-width: 1023px) {.bullets-block_size_large {
        --columns-count: 2;

        padding: 48px 32px
}
    }

    @media (max-width: 767px) {.bullets-block_size_large {
        padding: 48px 16px
}
    }

    @media (max-width: 359px) {.bullets-block_size_large {
        --columns-count: 1
}
    }

.section-header {
    margin: 0 auto var(--spacing-48);

    text-align: left;

    color: var(--color-content-primary);
}

    @media (max-width: 1439px) {.section-header {
        padding: 0 32px
}
    }

    @media (max-width: 1023px) {.section-header {
        margin-block-end: var(--spacing-24)
}
    }

    @media (max-width: 539px) {.section-header {
        padding: 0 16px
}
    }

@media (max-width: 539px) {

.landings-v2-page_short-mobile .section-header {
        margin-block-end: var(--spacing-16);
        padding-inline: 12px
}
    }

.section-header__subtitle {
    width: 100%;
    width: var(--subtitle-width, 100%);

    margin-block-start: var(--spacing-20);

    font: var(--font-ys-header-20-medium);

    font-feature-settings: 'pnum' on, 'lnum' on;
}

    @media (max-width: 1023px) {.section-header__subtitle {
        margin-block-start: var(--spacing-8);

        font: var(--font-ys-body-16-regular-ui);

        font-feature-settings: 'pnum' on, 'lnum' on
}
    }

@media (max-width: 539px) {

.landings-v2-page_short-mobile .section-header__subtitle {
        font-size: var(--font-ys-caption-14-regular);
        font-feature-settings: 'pnum' on, 'lnum' on;
        color: var(--color-content-secondary)
}
    }

.section-header__title {
    width: 100%;
    width: var(--title-width, 100%);
    word-break: break-word;
    margin: 0;

    font: var(--font-ys-header-48-bold);

    font-feature-settings: 'pnum' on, 'lnum' on;
}

    @media (max-width: 1023px) {.section-header__title {
        font: var(--font-ys-header-28-medium);
        font-feature-settings: 'pnum' on, 'lnum' on
}
    }

@media (max-width: 539px) {

.landings-v2-page_short-mobile .section-header__title {
        font: var(--font-ys-header-24-bold);
        font-feature-settings: 'pnum' on, 'lnum' on
}
    }

.benefits-section {
    margin-block-end: var(--section-margin-bottom);
}

@media (max-width: 539px) {.landings-v2-page_short-mobile .benefits-section__bullets {
        --gap: var(--spacing-12);

        padding-inline: 12px
}
    }

@media (max-width: 539px) {.landings-v2-page_short-mobile .benefits-section__bullet-title {
        font: var(--font-ys-body-16-regular-ui);
        font-feature-settings: 'pnum' on, 'lnum' on
}
    }

.box {
    display: flex;

    padding: 16px 24px;

    background-color: var(--color-background-default);
    border-radius: 24px;
    box-shadow: var(--shadow-medium-hovered);

    word-break: break-word;
}

@media (max-width: 539px) {

.landings-v2-page_short-mobile .box {
        padding: 8px;
        border-radius: 12px
}
    }

.box__image {
    display: block;

    width: 100px;
    height: 100px;
    -o-object-fit: contain;
       object-fit: contain;

    margin-inline-end: var(--spacing-24);
    border-radius: 12px;
}

@media (max-width: 539px) {

.landings-v2-page_short-mobile .box__image {
        width: 70px;
        height: 70px;

        margin-inline-end: var(--spacing-12)
}
    }

.box__subtitle {
    margin: var(--spacing-4) 0 0;

    font: var(--font-ys-body-16-regular-ui);

    font-feature-settings: 'pnum' on, 'lnum' on;
}

@media (max-width: 539px) {

.landings-v2-page_short-mobile .box__subtitle {
        font: var(--font-ys-caption-14-regular);
        font-feature-settings: 'pnum' on, 'lnum' on;
        color: var(--color-content-secondary)
}
    }

.box__title {
    margin: 0;

    font: var(--font-ys-body-18-medium-ui);

    font-feature-settings: 'pnum' on, 'lnum' on;
}

@media (max-width: 539px) {

.landings-v2-page_short-mobile .box__title {
        font: var(--font-ys-body-16-regular-paragraph);
        font-feature-settings: 'pnum' on, 'lnum' on;
        font-weight: bold
}
    }

.info-block {
    --text-content-width: 42%;

    display: flex;
    justify-content: center;
    align-items: center;

    text-align: left;
}

    @media (max-width: 1023px) {.info-block {
        align-items: start;

        background: var(--color-background-default);

        border-radius: var(--border-radius-20)
}
    }

.info-block_content-align_center .info-block__content {
        align-self: center;
    }

@media (max-width: 1023px) {.info-block_order_normal {
        flex-direction: column-reverse
}
    }
    .info-block_order_normal .info-block__content {
        margin: 0 var(--spacing-40) 0 0;
    }
    @media (max-width: 1023px) {
    .info-block_order_normal .info-block__content {
            margin: var(--spacing-16) var(--spacing-32)
    }
        }
    @media (max-width: 539px) {
    .info-block_order_normal .info-block__content {
            margin: var(--spacing-16) var(--spacing-12)
    }
        }

.info-block_order_reverse {
    flex-direction: row-reverse;
}

    @media (max-width: 1023px) {.info-block_order_reverse {
        flex-direction: column-reverse
}
    }

    .info-block_order_reverse .info-block__content {
        margin: 0 0 0 var(--spacing-40);
    }

    @media (max-width: 1023px) {

    .info-block_order_reverse .info-block__content {
            margin: var(--spacing-16) var(--spacing-32)
    }
        }

    @media (max-width: 539px) {

    .info-block_order_reverse .info-block__content {
            margin: var(--spacing-16) var(--spacing-12)
    }
        }

@media (max-width: 539px) {.landings-v2-page_short-mobile .info-block_type_boxes.info-block_type_boxes {
        padding: 0;

        background-color: transparent
}
    }

.info-block_type_gallery {
    align-items: start;
}

    .info-block_type_gallery .info-block__content {
        height: var(--image-gallery-height);
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

.info-block__content {
    flex-basis: var(--text-content-width);

    overflow-wrap: break-word;
}

    @media (max-width: 1023px) {.info-block__content {
        flex-basis: 100%
}
    }

@media (max-width: 539px) {.landings-v2-page_short-mobile .info-block__gallery-main-image {
        border-radius: 8px
}
    }

.info-block__gallery-text.info-block__gallery-text {
    color: var(--color-accent-neutral);
    font: var(--font-mono-caption-14-regular);

    margin: var(--spacing-8) 0 0;
}

.info-block__link {
    font: var(--font-ys-body-16-medium-ui);
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: var(--color-content-primary);
    text-decoration: none;
    text-underline-offset: 4px;
}

    .info-block__link:hover {
        text-decoration: underline;
    }

.info-block__link-container:not(:first-child) {
    margin-top: var(--spacing-24);
}

    @media (max-width: 1023px) {.info-block__link-container:not(:first-child) {
        margin-top: var(--spacing-12)
}
    }

    @media (max-width: 359px) {.info-block__link-container:not(:first-child) {
        margin-top: var(--spacing-8)
}
    }

.info-block__media {
    border-radius: var(--border-radius-10);
}

@media (max-width: 539px) {

.landings-v2-page_short-mobile .info-block__media {
        border-radius: 8px
}
    }

.info-block__media_type_boxes {
    --columns-count: 1;
    --gap: var(--spacing-12);

    --min-size: 100%;
}

@media (max-width: 539px) {

.landings-v2-page_short-mobile .info-block__media_type_boxes {
        --gap: var(--spacing-8)
}
    }

.info-block__media_type_image-gallery {
    border-radius: 12px;
}

@media (max-width: 539px) {

.landings-v2-page_short-mobile .info-block__media_type_image-gallery::after {
        content: '...';

        position: absolute;
        left: calc(50% - 12px);
        bottom: 0;

        font: var(--font-ys-header-32-regular);

        font-feature-settings: 'pnum' on, 'lnum' on
}
    }

.info-block__media_type_img {
    max-width: 100%;
    height: auto;
    -o-object-fit: contain;
       object-fit: contain;
    vertical-align: middle;
}

.info-block__media_type_video {
    max-width: 100%;
    height: auto;
}

.info-block__media-container {
    width: 100%;
    max-width: calc(100% - var(--text-content-width));
}

    @media (max-width: 1023px) {.info-block__media-container {
        max-width: 100%;
        width: auto;

        margin: auto
}
    }

.info-block__text {
    font: var(--font-ys-body-18-regular-paragraph);
    font-feature-settings: 'pnum' on, 'lnum' on;
}

    @media (max-width: 1023px) {.info-block__text {
        font: var(--font-ys-body-16-regular-paragraph);
        font-feature-settings: 'pnum' on, 'lnum' on
}
    }

.info-block__title {
    margin-block: 0 var(--spacing-8);

    font: var(--font-ys-header-28-bold);

    font-feature-settings: 'pnum' on, 'lnum' on;
}

    @media (max-width: 1023px) {.info-block__title {
        font: var(--font-ys-header-20-bold);
        font-feature-settings: 'pnum' on, 'lnum' on
}
    }

.career-center-section {
    margin-bottom: var(--section-margin-bottom);
}

.career-center-section__content {
    display: flex;
    flex-direction: column;
    align-items: center;

    padding: 0 32px;
}

    @media (max-width: 1023px) {.career-center-section__content {
        padding: 0
}
    }

@media (max-width: 539px) {

.landings-v2-page_short-mobile .career-center-section__content {
        padding-inline: 10px
}
    }

@media (max-width: 1023px) {.career-center-section__info-block {
        width: 100%
}
    }

.career-center-section__info-block:not(:last-child) {
    margin-block-end: var(--spacing-80);
}

@media (max-width: 1023px) {

.career-center-section__info-block:not(:last-child) {
        margin-block-end: var(--spacing-8)
}
    }

@media (max-width: 539px) {

.landings-v2-page_short-mobile .career-center-section__info-block {
        flex-direction: row-reverse;
        gap: var(--spacing-8);

        border-radius: 12px;
        padding: 8px
}
    }

@media (max-width: 539px) {.landings-v2-page_short-mobile .career-center-section__info-block-content.career-center-section__info-block-content {
        display: flex;
        flex-direction: column;
        gap: var(--spacing-4);

        margin: 0
}
    }

.career-center-section__info-block-img {
    width: 100%;
}

@media (max-width: 539px) {

.landings-v2-page_short-mobile .career-center-section__info-block-img {
        border-radius: 6px
}
    }

@media (max-width: 539px) {.landings-v2-page_short-mobile .career-center-section__info-block-link {
        font: var(--font-ys-caption-14-medium);
        font-feature-settings: 'pnum' on, 'lnum' on
}
    }

@media (max-width: 539px) {.landings-v2-page_short-mobile
    .career-center-section__info-block-link-container.career-center-section__info-block-link-container {
        margin: 0
}
    }

@media (max-width: 539px) {.landings-v2-page_short-mobile .career-center-section__info-block-media-container {
        flex: 1 0 88px
}
    }

@media (max-width: 539px) {.landings-v2-page_short-mobile .career-center-section__info-block-text {
        font: var(--font-ys-caption-14-regular);
        font-feature-settings: 'pnum' on, 'lnum' on;
        color: var(--color-content-secondary)
}
    }

@media (max-width: 539px) {.landings-v2-page_short-mobile .career-center-section__info-block-title {
        margin: 0;

        font: var(--font-ys-body-16-regular-paragraph);

        font-feature-settings: 'pnum' on, 'lnum' on;
        font-weight: bold
}
    }

.career-future-section__block + .career-future-section__block {
    margin-block-start: var(--spacing-32);
}

    @media (max-width: 1023px) {.career-future-section__block + .career-future-section__block {
        margin-block-start: var(--spacing-20)
}
    }

@media (max-width: 539px) {

.landings-v2-page_short-mobile .career-future-section__block + .career-future-section__block {
        margin-block-start: var(--spacing-32)
}
    }

.career-future-section__block-content {
    margin-block-start: var(--spacing-16);
}

@media (max-width: 539px) {

.landings-v2-page_short-mobile .career-future-section__block-content {
        margin-block-start: var(--spacing-4)
}
    }

.career-future-section__block-subtitle {
    width: 70%;

    margin: 0 0 var(--spacing-20);

    font: var(--font-ys-body-18-regular-ui);

    font-feature-settings: 'pnum' on, 'lnum' on;
}

    @media (max-width: 1023px) {.career-future-section__block-subtitle {
        font: var(--font-ys-body-16-regular-ui);
        font-feature-settings: 'pnum' on, 'lnum' on
}
    }

    @media (max-width: 767px) {.career-future-section__block-subtitle {
        width: 100%
}
    }

@media (max-width: 539px) {

.landings-v2-page_short-mobile .career-future-section__block-subtitle {
        font: var(--font-ys-caption-14-regular);
        font-feature-settings: 'pnum' on, 'lnum' on;
        color: var(--color-content-secondary)
}
    }

.career-future-section__block-title {
    margin: 0 0 var(--spacing-8);

    font: var(--font-ys-header-28-bold);

    font-feature-settings: 'pnum' on, 'lnum' on;
}

    .career-future-section__block-title:only-child {
        margin: 0;
    }

    @media (max-width: 1023px) {.career-future-section__block-title {
        font: var(--font-ys-header-20-bold);
        font-feature-settings: 'pnum' on, 'lnum' on
}
    }

@media (max-width: 539px) {

.landings-v2-page_short-mobile .career-future-section__block-title {
        margin-block-end: var(--spacing-4);

        font: var(--font-ys-body-16-medium-ui);

        font-feature-settings: 'pnum' on, 'lnum' on
}
    }

.career-future-section__footer {
    display: flex;
    justify-content: center;

    margin-block-start: var(--spacing-36);
}

    @media (max-width: 1023px) {.career-future-section__footer {
        margin-block-start: var(--spacing-24)
}
    }

    @media (max-width: 767px) {.career-future-section__footer {
        margin-block-start: var(--spacing-20)
}
    }

.career-future-section__start-learning-button {
    width: 100%;
}

.career-future-section__start-learning-link {
    width: 472px;
    max-width: 100%;
}

    @media (max-width: 1023px) {.career-future-section__start-learning-link {
        width: 344px
}
    }

.career-future-section__professions {
    --columns-count: 3;
    --gap: var(--spacing-8);
    --min-size: calc(100% / var(--columns-count) - calc(var(--gap) * calc(var(--grid-columns) - 1)));
}

    @media (max-width: 767px) {.career-future-section__professions {
        --columns-count: 2
}
    }

    @media (max-width: 539px) {.career-future-section__professions {
        --columns-count: 1
}
    }

.career-future-section__professions-item {
    padding: 8px;

    background-color: var(--color-background-alternate);

    border-radius: var(--border-radius-12);

    font: var(--font-ys-body-16-regular-ui);

    font-feature-settings: 'pnum' on, 'lnum' on;
}

@media (max-width: 539px) {

.landings-v2-page_short-mobile .career-future-section__professions-item {
        width: -moz-fit-content;
        width: fit-content;

        margin-inline-start: calc(-1 * var(--spacing-8));
        padding-block: 4px;
        border-radius: 6px;

        font: var(--font-ys-caption-14-regular);

        font-feature-settings: 'pnum' on, 'lnum' on
}
    }

.career-future-section__salaries {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-16);
}

@media (max-width: 539px) {

.landings-v2-page_short-mobile .career-future-section__salaries {
        flex-direction: column-reverse;
        gap: var(--spacing-12)
}
    }

.career-future-section__salaries-grade {
    padding: 16px;

    background-color: var(--color-background-alternate);

    border-radius: var(--border-radius-16);
}

    .career-future-section__salaries-grade:nth-last-child(1) {
        /*
                Последний зарплатный блок должен упираться в экран
                Горизонтального скролла не будет, так как на родительском блоке есть overflow: hidden
            */
        width: 200%;
    }

    .career-future-section__salaries-grade:nth-last-child(2) {
        width: 75%;
    }

    @media (max-width: 767px) {

    .career-future-section__salaries-grade:nth-last-child(2) {
            width: 90%
    }
        }

    .career-future-section__salaries-grade:nth-last-child(3) {
        width: 50%;
    }

    @media (max-width: 767px) {

    .career-future-section__salaries-grade:nth-last-child(3) {
            width: 80%
    }
        }

    .career-future-section__salaries-grade:nth-last-child(4) {
        width: 40%;
    }

    @media (max-width: 767px) {

    .career-future-section__salaries-grade:nth-last-child(4) {
            width: 70%
    }
        }

@media (max-width: 539px) {

.landings-v2-page_short-mobile .career-future-section__salaries-grade {
        --last-col-width: 35%;
        --middle-col-width: 68%;

        padding: 12px;
        border-radius: 6px

        /* в случае <= 2 дочерних элементов "наезжать" не на что */
}

        .landings-v2-page_short-mobile .career-future-section__salaries-grade:nth-last-child(1) {
            width: var(--last-col-width);
            margin-inline-start: calc(-1 * var(--last-col-width));
            background-color: rgba(51, 180, 113, 0.6);
        }

        .landings-v2-page_short-mobile .career-future-section__salaries-grade:nth-last-child(2) {
            width: var(--middle-col-width);

            margin-inline-start: calc(-1 * var(--middle-col-width));
            padding-inline-end: var(--last-col-width);

            background-color: rgb(51, 180, 113, 0.3);
        }
        .landings-v2-page_short-mobile .career-future-section__salaries-grade:first-child:nth-last-child(-n + 2) {
            margin-inline-start: 0;
        }

        .landings-v2-page_short-mobile .career-future-section__salaries-grade:nth-last-child(3) {
            width: 100%;

            padding-inline-end: var(--middle-col-width);

            background-color: rgb(51, 180, 113, 0.1);
        }
    }

@media (max-width: 413px) {

.landings-v2-page_short-mobile .career-future-section__salaries-grade {
        padding: 8px
}
    }

.career-future-section__salaries-grade-link {
    display: inline-block;

    color: var(--color-content-secondary);
    font: var(--font-ys-caption-12-regular);
    font-feature-settings: 'pnum' on, 'lnum' on;
    text-decoration: unset;
}

.career-future-section__salaries-grade-link-name {
    text-decoration: underline;
}

.career-future-section__salaries-grade-name {
    font: var(--font-ys-body-16-regular-ui);
    font-feature-settings: 'pnum' on, 'lnum' on;
}

@media (max-width: 539px) {

.landings-v2-page_short-mobile .career-future-section__salaries-grade-name {
        font: var(--font-ys-caption-12-regular);
        font-feature-settings: 'pnum' on, 'lnum' on;
        color: var(--color-content-secondary)
}
    }

.career-future-section__salaries-grade-salary {
    margin-block-end: var(--spacing-4);

    font: var(--font-ys-header-40-medium);

    font-feature-settings: 'pnum' on, 'lnum' on;
}

    @media (max-width: 767px) {.career-future-section__salaries-grade-salary {
        font: var(--font-ys-header-32-medium);
        font-feature-settings: 'pnum' on, 'lnum' on
}
    }

@media (max-width: 539px) {

.landings-v2-page_short-mobile .career-future-section__salaries-grade-salary {
        overflow: hidden;

        font: var(--font-ys-header-20-medium);

        font-feature-settings: 'pnum' on, 'lnum' on
}
    }

@media (max-width: 413px) {

.landings-v2-page_short-mobile .career-future-section__salaries-grade-salary {
        font: var(--font-ys-body-16-medium-ui);
        font-feature-settings: 'pnum' on, 'lnum' on
}
    }

.career-future-section__salaries-grades-wrapper {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-16);
}

    @media (max-width: 767px) {.career-future-section__salaries-grades-wrapper {
        gap: var(--spacing-12)
}
    }

@media (max-width: 539px) {

.landings-v2-page_short-mobile .career-future-section__salaries-grades-wrapper {
        flex-direction: row;
        gap: 0;

        margin-inline: calc(-1 * var(--spacing-8))
}
    }

.technology-card__content {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: var(--spacing-4);
}

.landings-v2-page_short-mobile .technology-card__content {
    gap: var(--spacing-8);
}

.technology-card__content-dot {
    flex-shrink: 0;

    width: 16px;
    height: 16px;

    background-color: var(--color-background-glassy-a);

    border-radius: 50%;
}

@media (max-width: 539px) {

.landings-v2-page_short-mobile .technology-card__content-dot {
        width: 10px;
        height: 10px
}
    }

.technology-card__content-name {
    font: var(--font-ys-header-20-medium);
    font-feature-settings: 'pnum' on, 'lnum' on;
}

    @media (max-width: 1023px) {.technology-card__content-name {
        font: var(--font-ys-body-16-medium-ui);
        font-feature-settings: 'pnum' on, 'lnum' on
}
    }

@media (max-width: 539px) {

.landings-v2-page_short-mobile .technology-card__content-name {
        font: var(--font-ys-caption-14-regular);
        font-feature-settings: 'pnum' on, 'lnum' on
}
    }

.technology-card__tooltip.technology-card__tooltip {
    z-index: 600;
}

.technology-card__tooltip-content.technology-card__tooltip-content {
    --tooltip-border-radius: var(--border-radius-16, 16px);
}

    .technology-card__tooltip-content.technology-card__tooltip-content span {
        font: var(--font-ys-body-16-regular-ui);
        font-feature-settings: 'pnum' on, 'lnum' on;
    }

.technology-card__open-popup-button {
    display: block;

    width: 0;
    height: 0;

    padding: 0;
    border: none;
}

.technology-card__open-popup-button::after {
    content: '';

    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;

    cursor: pointer;
}

.technology-card__open-popup-button:focus-visible::after {
    outline: inherit;
}

.technology-card__popup {
    position: fixed;
    z-index: 1000000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    padding: 24px 16px;

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

.technology-card__popup-content {
    font: var(--font-ys-body-16-regular-ui);
    font-feature-settings: 'pnum' on, 'lnum' on;
}

.technology-card__popup-close {
    margin-inline-start: auto;

    transform: translateY(-2px);
}

.technology-card__popup-header {
    display: flex;
    justify-content: flex-start;
    align-items: center;

    margin-block-end: var(--spacing-8);
}

.technology-card {
    position: relative;

    cursor: pointer;

    padding: 8px;

    background-color: var(--color-background-alternate);

    border-radius: var(--border-radius-12);
}

@media (max-width: 539px) {

.landings-v2-page_short-mobile .technology-card {
        padding-block: 4px;
        border-radius: 6px
}
    }

.career-future-section__skills {
    --columns-count: 5;
    --gap: var(--spacing-8);
    --min-size: calc(100% / var(--columns-count) - calc(var(--gap) * calc(var(--columns-count) - 1)));
}

    @media (max-width: 767px) {.career-future-section__skills {
        --columns-count: 4
}
    }

    @media (max-width: 539px) {.career-future-section__skills {
        --columns-count: 2
}
    }

@media (max-width: 539px) {

.landings-v2-page_short-mobile .career-future-section__skills {
        --gap: var(--spacing-12);
        --row-gap: var(--spacing-8)
}
    }

.career-future-section {
    --accent-color: var(--profession-color, var(--default-profession-color));

    margin-block-end: var(--section-margin-bottom);
}

@media (max-width: 539px) {

.landings-v2-page_short-mobile .career-future-section {
        margin-inline: var(--spacing-8);

        background-color: var(--color-background-default);
        border-radius: 12px
}
    }

.career-future-section__content {
    overflow: hidden;

    padding: 24px 32px;

    background-color: var(--color-background-default);

    border-radius: var(--border-radius-20);
}

    @media (max-width: 767px) {.career-future-section__content {
        padding: 24px 16px
}
    }

@media (max-width: 539px) {

.landings-v2-page_short-mobile .career-future-section__content {
        padding-block: 16px
}
    }

@media (max-width: 539px) {.landings-v2-page_short-mobile .career-future-section__header {
        padding-block-start: 16px;
        margin: 0
}
    }

.career-future-section__salaries-block-content {
    margin-block-start: var(--spacing-8);
}

.career-future-section__salaries-block-subtitle {
    margin-block-end: var(--spacing-8);
}

@media (max-width: 539px) {.landings-v2-page_short-mobile .career-future-section__skills-block.career-future-section__skills-block {
        margin-block-start: var(--spacing-24)
}
    }

@media (max-width: 539px) {.landings-v2-page_short-mobile .career-future-section__skills-block-title {
        margin-block-end: var(--spacing-8)
}
    }

.prisma-link {
    color: var(--color);

    font: var(--font-ys-body-16-regular-ui);

    font-feature-settings: 'pnum' on, 'lnum' on;

    font-feature-settings: 'pnum' on, 'lnum' on;
    text-decoration: underline;
    text-decoration-color: var(--text-decoration-color);
    text-underline-offset: 0.25em;

    transition-property: color, opacity, text-decoration-color;
    transition-duration: 0.15s;
    transition-timing-function: ease-out;
}

    .prisma-link:hover {
        color: var(--color-hover);

        text-decoration-color: var(--text-decoration-color-hover);
    }

    .prisma-link:active {
        color: var(--color-active);

        text-decoration-color: var(--text-decoration-color-active);
    }

.prisma-link_view_primary {
    --color: var(--color-content-primary);
    --color-hover: var(--color-content-primary);
    --color-active: var(--color-content-secondary);
    --text-decoration-color: var(--color-background-stroke);
    --text-decoration-color-hover: currentColor;
    --text-decoration-color-active: currentColor;
}

.prisma-link_view_secondary {
    --color: var(--color-content-secondary);
    --color-hover: var(--color-content-primary);
    --color-active: var(--color-content-secondary);
    --text-decoration-color: var(--color-background-stroke);
    --text-decoration-color-hover: currentColor;
    --text-decoration-color-active: currentColor;
}

.prisma-link:not(.prisma-link_with-underline) {
    --text-decoration-color: transparent;
}

.prisma-link__addon {
    position: relative;
    top: 0.125em;
}

.prisma-link__addon:first-child {
    margin-inline-end: var(--spacing-8);
}

.prisma-link__addon:last-child {
    margin-inline-start: var(--spacing-8);
}

.common-flow__btn {
    width: 100%;
    max-width: 448px;
}

.common-flow__link {
    margin: 0 auto;
    font: var(--font-ys-body-16-regular-ui);
    font-feature-settings: 'pnum' on, 'lnum' on;
}

.common-flow__link .prisma-link__addon {
    margin-inline-end: var(--spacing-4);
}

@media (max-width: 1023px) {

.common-flow__link .prisma-link__addon {
        font: var(--font-ys-caption-14-regular);
        font-feature-settings: 'pnum' on, 'lnum' on;
        vertical-align: middle
}
    }

.common-flow__buttons {
    margin-block-start: var(--spacing-16);
    text-align: center;
}

    @media (max-width: 1023px) {.common-flow__buttons {
        margin: 0
}
    }

.bullets-block__item {
    display: flex;
    justify-content: stretch;
    align-items: center;
    gap: var(--spacing-12);

    max-width: 400px;
}

@media (max-width: 539px) {

.landings-v2-page_short-mobile .bullets-block__item {
        max-width: unset
}
    }

.bullets-block__item_size_large {
    align-items: flex-start;
}

.bullets-block__item-img {
    --img-width: 40px;

    flex: 0 0 var(--img-width);

    width: var(--img-width);
    height: auto;

    border-radius: var(--border-radius-10);
}

.bullets-block__item-title {
    font: var(--font-ys-body-16-medium-ui);
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: var(--color-content-primary);
}

    @media (max-width: 767px) {.bullets-block__item-title {
        font: var(--font-ys-body-18-medium-ui);
        font-feature-settings: 'pnum' on, 'lnum' on
}
    }

.bullets-block__item-title_size_large {
    font: var(--font-ys-header-24-medium);
    font-feature-settings: 'pnum' on, 'lnum' on;
}

.bullets-block {
    --columns-count: 3;
    --gap: var(--spacing-16);
    --row-gap: var(--spacing-24);
    --min-size: calc(100% / var(--columns-count) - calc(var(--gap) * calc(var(--columns-count) - 1)));

    padding: 24px 32px;
    border-radius: var(--border-radius-20);
    list-style: none;
    margin: 0;

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

    @media (max-width: 767px) {.bullets-block {
        --columns-count: 2
}
    }

    @media (max-width: 539px) {.bullets-block {
        --columns-count: 1;

        padding: 24px 16px
}
    }

    .bullets-block__grid {
        display: grid;
        grid-template-columns: repeat(var(--columns-count), minmax(var(--min-size), 1fr));
        grid-gap: var(--gap);
        row-gap: var(--gap);
        grid-row-gap: var(--gap);
        grid-row-gap: var(--row-gap, var(--gap));
        row-gap: var(--row-gap, var(--gap));
    }

.bullets-block_quadruple {
    --columns-count: 4;
}

    @media (max-width: 1023px) {.bullets-block_quadruple {
        --columns-count: 2
}
    }

    @media (max-width: 539px) {.bullets-block_quadruple {
        --columns-count: 1
}
    }

.bullets-block_size_large {
    padding: 64px 32px;
}

    @media (max-width: 1023px) {.bullets-block_size_large {
        --columns-count: 2;

        padding: 48px 32px
}
    }

    @media (max-width: 767px) {.bullets-block_size_large {
        padding: 48px 16px
}
    }

    @media (max-width: 359px) {.bullets-block_size_large {
        --columns-count: 1
}
    }

@media (max-width: 1023px) {.common-flow__reasons {
        order: 1
}
    }

.common-flow__reasons-heading {
    display: none;
    font: var(--font-ys-header-28-bold);
    font-feature-settings: 'pnum' on, 'lnum' on;
    margin: var(--spacing-32) 0 var(--spacing-24);
    word-break: break-word;
}

    @media (max-width: 1023px) {.common-flow__reasons-heading {
        display: block
}
    }

@media (max-width: 539px) {

.landings-v2-page_short-mobile .common-flow__reasons-heading {
        margin-block-end: var(--spacing-16);

        font: var(--font-ys-header-24-bold);

        font-feature-settings: 'pnum' on, 'lnum' on
}
    }

.common-flow__reasons-list {
    align-items: flex-start;
    background-color: var(--color-background-default);
    border-radius: var(--section-border-radius);
    display: flex;
    gap: 16px;
    list-style: none;
    margin: 0;
    padding: 24px;
}

    /* Для двух пунктов меняем выравнивание и отступы */

    .common-flow__reasons-list:has(.common-flow__reasons-list-item:nth-child(2):last-child) {
        gap: 16px 60px;
    }

    @media (max-width: 539px) {

    .common-flow__reasons-list:has(.common-flow__reasons-list-item:nth-child(2):last-child) {
            gap: 16px
    }
        }

    .common-flow__reasons-list:has(.common-flow__reasons-list-item:nth-child(2):last-child) .common-flow__reasons-list-item {
            align-items: center;
        }

    @media (max-width: 1023px) {.common-flow__reasons-list {
        background: none;
        border-radius: 0;
        flex-wrap: wrap;
        gap: 24px;
        padding: 0
}
    }

@media (max-width: 539px) {

.landings-v2-page_short-mobile .common-flow__reasons-list {
        --columns-count: 2;

        display: grid;
        grid-gap: var(--spacing-24) var(--spacing-8);
        gap: var(--spacing-24) var(--spacing-8)
}
    }

.common-flow__reasons-list-item {
    align-items: flex-start;
    display: flex;
    flex: 1 1 330px;
    max-width: none;
    word-break: break-word;
}

@media (max-width: 539px) {

.landings-v2-page_short-mobile .common-flow__reasons-list-item {
        flex-direction: column;

        gap: var(--spacing-10)
}
    }

.common-flow__reasons-list-item-img {
    padding: 5px 0;
}

@media (max-width: 539px) {

.landings-v2-page_short-mobile .common-flow__reasons-list-item-img {
        align-self: flex-start;
        width: 40px;
        height: 40px;

        margin: 0;
        padding: 0
}
    }

.common-flow__reasons-list-item-title {
    display: flex;
    align-items: center;

    min-height: 40px;

    font: inherit;
}

@media (max-width: 539px) {
        .landings-v2-page_short-mobile .common-flow__reasons-list-item-title .paragraph {
            display: inline;
        }

        .landings-v2-page_short-mobile .common-flow__reasons-list-item-title .paragraph::after {
            content: ' ';

            display: inline;
        }
    }

.prisma-skeleton {
    background-color: var(--color-background-glassy-a);
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;

    /* Необходимо для работы высоты по количеству строке текста, которые должен занимать скелетон,
    см. проп linesNumberHeight */
    white-space: pre;
}

    @keyframes blink {
        0% {
            opacity: 1;
        }

        100% {
            opacity: 0.5;
        }
    }

.prisma-skeleton_animated {
    animation-name: blink;
    animation-direction: alternate;
    animation-duration: 0.6s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}

.prisma-skeleton_rounded {
    border-radius: var(--border-radius-6);
}

.payment-tags-cloud {
    display: flex;
    flex-flow: wrap;
    justify-content: center;

    margin-top: var(--spacing-32);
}

    @media (max-width: 767px) {.payment-tags-cloud {
        margin-top: var(--spacing-24);
        margin-bottom: -8px
}
    }

    .payment-tags-cloud__item {
        background-color: var(--color-background-glassy-b);
        padding: 10px 18px;
        border-radius: 24px;
        box-sizing: border-box;
        font: var(--font-ys-body-18-regular-ui);
        font-feature-settings: 'pnum' on, 'lnum' on;
        margin-left: 8px;
        margin-bottom: 8px;
        min-width: 307px;
        min-height: 40px;

        display: flex;
        align-items: center;
    }

    .payment-tags-cloud__item .payment-tags-cloud__extra {
            padding-right: 4px;
        }

    @media (max-width: 767px) {

    .payment-tags-cloud__item {
            margin-left: 0;
            width: 100%;
            padding: 8px 16px;
            font: var(--font-ys-caption-14-regular);
            font-feature-settings: 'pnum' on, 'lnum' on
    }
        }

    .payment-tags-cloud__item .paragraph {
            display: flex;
            align-items: center;
        }

    .payment-tags-cloud .payment-icon {
        color: var(--color-content-primary);
        margin-right: 8px;
        min-width: 24px;
    }

.payment-tags-cloud__button {
    transition-property: color;
    transition-duration: 0.15s;
    transition-timing-function: ease-out;
    background: none;
    outline: none;
    border: none;
    cursor: pointer;
    color: var(--color-content-primary);
    text-decoration: underline;
    padding: 0;
}

.payment-tags-cloud__button:hover {
    color: var(--color-content-secondary);
}

.common-flow__col {
    --col-border-radius: var(--section-border-radius, 24px);
    --col-padding-inline: var(--section-padding-inline, 24px);
    display: block;
}
    .common-flow__col:not(:only-child) {
        display: contents;
    }
    .common-flow__col:not(:only-child):last-child > * {
            min-width: min(280px, 100vw - var(--col-padding-inline) * 2);
        }
    .common-flow__col:not(:only-child) .common-flow__col-features {
            display: contents;
        }
    .common-flow__col:not(:only-child) .common-flow__col-features ol,
            .common-flow__col:not(:only-child) .common-flow__col-features ul {
                display: contents;
            }
    .common-flow__col:only-child {
        justify-self: center;
        max-width: 500px;
    }
    .common-flow__col::after {
        align-items: end;
        background-color: var(--color-background-default);
        border-bottom-left-radius: var(--col-border-radius);
        border-bottom-right-radius: var(--col-border-radius);
        content: attr(data-message);
        color: var(--color-content-secondary);
        display: flex;
        grid-column-start: var(--comparison-column);
        justify-content: center;
        /* Растянуть низ столбца при разнице до 40 пунктов */
        grid-row: span 40;
        padding-bottom: 32px;
        padding-left: var(--col-padding-inline);
        padding-right: var(--col-padding-inline);
        text-align: center;
    }
    @media (max-width: 1023px) {
    .common-flow__col::after {
            font: var(--font-ys-body-16-regular-ui);
            font-feature-settings: 'pnum' on, 'lnum' on;
            line-height: 20px;
            margin-top: -8px;
            padding-bottom: 24px
    }
        }
    .common-flow__col > *:first-child {
        scroll-snap-align: center;
        margin-bottom: -24px;
        position: relative;
    }
    .common-flow__col:nth-child(1) {
        --comparison-column: 1;
    }
    .common-flow__col:nth-child(2) {
        --comparison-column: 2;
    }
    .common-flow__col:nth-child(3) {
        --comparison-column: 3;
    }
    .common-flow__col:nth-child(4) {
        --comparison-column: 4;
    }

.common-flow__col_type_detailed::after {
    padding-bottom: 24px;
    padding-top: 8px;
}

@media (max-width: 1023px) {

.common-flow__col_type_detailed::after {
        padding-bottom: 16px;
        padding-top: 26px
}
    }

.common-flow__col-features {
    grid-column-start: var(--comparison-column);
}

.common-flow__col-features:not(:only-child) > *:first-child > *:first-child,
        .common-flow__col-features:not(:only-child) > :not(ul):first-child {
            padding-top: 48px;
        }

.common-flow__col-features:only-child > *:first-child > *:first-child,
    .common-flow__col-features:only-child > *:first-child {
        border-top-left-radius: var(--col-border-radius);
        border-top-right-radius: var(--col-border-radius);
        padding-top: 24px;
    }

.common-flow__col-features ol,
    .common-flow__col-features ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

.common-flow__col-features > *:not(ul, ol), .common-flow__col-features li {
        background-color: var(--color-background-default);
        grid-column-start: var(--comparison-column);
        margin: 0;
        padding-bottom: 16px;
        padding-left: var(--col-padding-inline);
        padding-right: var(--col-padding-inline);
        word-break: break-word;
    }

.common-flow__col-features > *:not(ul, ol) > *, .common-flow__col-features li > * {
            max-width: 560px;
        }

.common-flow__col-features > *:not(ul:first-child, ol:first-child) li:first-child::before, .common-flow__col-features * + *:not(ul, ol)::before {
        content: '';
        display: block;
        margin-bottom: 15px;
        border-top: 1px solid rgba(128, 128, 128, 0.22);
    }

.common-flow__col-features .tariff-icon_type_urgent {
        box-sizing: content-box;
        box-sizing: initial;
        color: var(--color-accent-notice);
    }

.common-flow__col-features .tariff-icon_type_base {
        color: var(--color-accent-success);
    }

.common-flow__col-features .tariff-icon_type_faded {
        opacity: 0.75;
    }

@media (max-width: 539px) {

.landings-v2-page_short-mobile .common-flow__col {
        --col-border-radius: 12px
}
    }

.purchase-price__convertation-info {
    display: inline-block;
    font: var(--font-ys-body-18-regular-ui);
    font-feature-settings: 'pnum' on, 'lnum' on;
}

    @media (max-width: 539px) {.purchase-price__convertation-info {
        font: var(--font-ys-body-16-regular-ui);
        font-feature-settings: 'pnum' on, 'lnum' on
}
    }

.purchase-price__convertation-info-icon {
    color: var(--color-content-tertiary);
}

.b2b2c-goto-application-block__text_view_default {
    font: var(--font-ys-body-16-regular-ui);
    font-feature-settings: 'pnum' on, 'lnum' on;
    margin-left: var(--spacing-8);
    margin-right: var(--spacing-20);
}

.b2b2c-goto-application-block__wrapper_view_default {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-shrink: 0;
    border-radius: var(--border-radius-12);
    background-color: var(--color-background-default);
    padding: 12px;
}

.b2b2c-goto-application-block__wrapper_column {
    margin-top: var(--spacing-24);
    min-width: 500px;
}

.b2b2c-goto-application-block__wrapper_view_mobile {
    display: flex;
    justify-content: center;
    margin-top: var(--spacing-8);
}

.b2b2c-goto-application-block__button_view_mobile {
    flex-grow: 1;
}

.purchase-card__squad-capacity {
    margin-top: var(--spacing-12);

    font: var(--font-ys-caption-14-medium);

    font-feature-settings: 'pnum' on, 'lnum' on;
}

.purchase-card__squad-capacity_view_ok {
    color: var(--color-content-secondary);
}

.purchase-card__squad-capacity_view_surge {
    color: #e55021;
}

.purchase-card__squad-capacity_view_gradient {
    color: #ee8823;
}

.purchase-card__squad-capacity_view_started {
    color: var(--color-accent-notice);
}

@charset "UTF-8";
/* icon logo */
/* social */
@keyframes fadeIn {
  from {
    opacity: 0;
  }
}
@keyframes fadeOut {
  to {
    opacity: 0;
  }
}
@keyframes rotation {
  to {
    transform: rotate(360deg);
  }
}
.fade-enter, .fade-appear {
  opacity: 0.01;
}
.fade-enter-active, .fade-enter-done, .fade-appear-active, .fade-appear-done {
  transition: all var(--fadeAnimationDelay, 250ms) ease-out;
  opacity: 1;
}
.fade-exit {
  opacity: 1;
}
.fade-exit-active {
  transition: all var(--fadeAnimationDelay, 250ms) ease-out;
  opacity: 0.01;
}

.scale-fade-enter {
  transform: scale(0.01);
  opacity: 0;
}
.scale-fade-enter-active {
  transition-timing-function: ease-out;
  transition-duration: 250ms;
  transition-property: opacity, transform;
  transform: scale(1);
  opacity: 1;
}
.scale-fade-exit {
  transform: scale(1);
  opacity: 1;
}
.scale-fade-exit-active {
  transition-timing-function: ease-out;
  transition-duration: 250ms;
  transition-property: opacity, transform;
  transform: scale(0.01);
  opacity: 0;
}

.fade-slide-up-enter {
  transform: translateY(15%);
  opacity: 0.01;
}
.fade-slide-up-enter-active {
  transition: transform 0.2s ease-out, opacity 0.2s ease-out;
  transform: none;
  opacity: 1;
}
.fade-slide-up-exit {
  transform: none;
  opacity: 1;
}
.fade-slide-up-exit-active {
  transition: transform 0.2s ease-out, opacity 0.2s ease-out;
  transform: translateY(15%);
  opacity: 0.01;
}

.slide-right-enter, .slide-right-exit-active {
  transform: translateX(-100%);
}

.slide-left-enter, .slide-left-exit-active {
  transform: translateX(100%);
}

.slide-right-enter, .slide-right-exit, .slide-right-enter-active, .slide-right-exit-active,
.slide-left-enter,
.slide-left-exit,
.slide-left-enter-active,
.slide-left-exit-active {
  will-change: transform;
}
.slide-right-enter-active,
.slide-left-enter-active {
  transition: transform 0.65s cubic-bezier(0.2, 1, 0.3, 1);
  transition-delay: 0.1s;
  transform: translateX(0);
}
.slide-right-exit,
.slide-left-exit {
  transform: translateX(0);
}

@keyframes shake {
  12.5% {
    transform: translateX(12px);
  }
  25% {
    transform: translateX(0);
  }
  37.5% {
    transform: translateX(-5px);
  }
  50% {
    transform: translateX(0);
  }
  62.5% {
    transform: translateX(3px);
  }
  75% {
    transform: translateX(0);
  }
  87.5% {
    transform: translateX(-2px);
  }
  100% {
    transform: translateX(0);
  }
}
/**
 * Ширина блока по сетке
 */
/**
 * Устанавливает отступ по сетке
 */
/**
 * Выравнивает блок по сетке
 */
/**
 * Устанавливает грид-контейнер и его ширину
 */
@keyframes placeholder-animation {
  0% {
    background-position: 0 50%;
  }
  65% {
    background-position: 0 50%;
  }
  100% {
    background-position: 1400px 50%;
  }
}
/**
 * Layout
 */
/**
 * Helpers
 */
.purchase-card {
  --accent-color: #000;
}
.purchase-card__features {
  margin-bottom: var(--spacing-24);
}
@media (max-width: 539px) {
  .purchase-card__features {
    margin-bottom: var(--spacing-12);
  }
}
.purchase-card__select-wrapper {
  display: flex;
  align-items: center;
}
@media (max-width: 539px) {
  .purchase-card__select-wrapper {
    justify-content: space-between;
  }
}
.purchase-card__select-label {
  margin-right: var(--spacing-12);
  font: var(--font-ys-body-16-regular-ui);
}
.purchase-card__select {
  z-index: var(--z-index-100);
}
.purchase-card__select-drawer.purchase-card__select-drawer {
  z-index: var(--z-index-profile-portals);
}
.purchase-card__select-toggle {
  padding: 4px 4px 4px 8px;
  font: var(--font-ys-caption-14-medium);
  border: 2px solid var(--black);
  border-radius: 5px;
  background-color: transparent;
  transition-property: color, border-color, background-color;
  transition-duration: 0.3s;
  transition-timing-function: ease;
  cursor: default;
  white-space: nowrap;
}
.purchase-card__select-toggle_disabled {
  padding: 4px 12px;
}
@media (max-width: 539px) {
  .purchase-card__select-toggle_disabled {
    padding: 4px 8px;
  }
}
.purchase-card__select-toggle_type_surge:not(.purchase-card__select-toggle_disabled):hover .purchase-card__squad-item-icon, .purchase-card__select-toggle_type_started:not(.purchase-card__select-toggle_disabled):hover .purchase-card__squad-item-icon {
  color: var(--color-content-inverted-primary);
}
.purchase-card__select-toggle_type_surge .purchase-card__squad-item-header, .purchase-card__select-toggle_type_started .purchase-card__squad-item-header {
  flex-direction: row-reverse;
}
@media (max-width: 539px) {
  .purchase-card__select-toggle_type_surge .purchase-card__squad-item-header-text_clipped, .purchase-card__select-toggle_type_started .purchase-card__squad-item-header-text_clipped {
    overflow: hidden;
  }
}
.purchase-card__select-toggle_type_surge .purchase-card__squad-item-icon, .purchase-card__select-toggle_type_started .purchase-card__squad-item-icon {
  transition: color 0.33s;
  margin-right: var(--spacing-8);
  margin-left: 0;
}
.purchase-card__select-toggle_type_surge .purchase-card__squad-item-content, .purchase-card__select-toggle_type_started .purchase-card__squad-item-content {
  display: none;
}
@media (any-hover: hover) {
  .purchase-card__select-toggle_opened:hover, .purchase-card__select-toggle:not(.purchase-card__select-toggle_disabled):hover {
    --accent-color: #000;
    color: var(--white);
    border-color: var(--accent-color);
    background-color: var(--accent-color);
    cursor: pointer;
  }
}
@media (any-hover: none) {
  body:not(._without-pointer-events) .purchase-card__select-toggle_opened:active, body:not(._without-pointer-events) .purchase-card__select-toggle:not(.purchase-card__select-toggle_disabled):active {
    --accent-color: #000;
    color: var(--white);
    border-color: var(--accent-color);
    background-color: var(--accent-color);
    cursor: pointer;
  }
}
.purchase-card__select-toggle-arrow.purchase-card__select-toggle-arrow_hidden {
  display: none;
}
.purchase-card__payment-deadline-info {
  display: block;
  margin-top: var(--spacing-2);
  font: var(--font-ys-caption-12-regular);
  color: var(--color-content-inverted-secondary);
}
.purchase-card__select-menu {
  background-color: var(--white);
  white-space: nowrap;
}
.purchase-card__select-menu:not(.purchase-card__select-menu_type_surge) * {
  font: var(--font-ys-caption-12-medium);
}

.rich-select__menu-portal {
  z-index: 1000;
  background-color: #fff;
}

.purchase-card__select-menu.rich-select__menu_desktop {
  padding: 8px;
  border-radius: 5px;
}

.purchase-card__select-menu .rich-select__item.rich-select__item_desktop {
  border-radius: var(--border-radius-4);
  margin-bottom: var(--spacing-4);
}
.purchase-card__select-menu .rich-select__item::after {
  background-color: var(--color-background-alternate);
}
.purchase-card__select-menu .rich-select__item:hover::after {
  background-color: var(--color-background-glassy-a);
}
/* icon logo */
/* social */
.purchase-card_flow_main.purchase-card {
  --code-bg-simulator: #f7f9fc;
  --darken-background: #c5d1e3;
  --figaro-darken-notification: #d8e4f5;
  --figaro-notification: #dbe6e2;
  --input-hover: #e9edf8;
  --input: #f0f4fd;
  --popup-dividers: #ebeaed;
  --primary: #1a1b22;
  --shadow: #0d2343;
  --simulator-divider: #d9d9d9;
  --white: #ffffff;
  --font-100: 0.875rem/1.4286em ys text;
  --font-200: 1rem/1.375em ys text;
  --font-250: 1rem/1.5em ys text;
  --font-300: 1.125rem/1.2222em ys text;
  --font-400: 1.3125rem/1.2857em ys text;
  --font-500: 1.5rem/1.1667em ys display;
  --font-600: 2.125rem/1.0588em ys display;
  --font-700: 3rem/1.0833em ys text;
  --background-blur: blur(12px);
  --shadow-0: 0px 1px 2px 0px rgba(13, 35, 67, 0.14), 0px 1px 5px 0px rgba(13, 35, 67, 0.06);
  --shadow-1: 0px 2px 0px 0px rgba(13, 35, 67, 0.1), 0px 2px 6px 0px rgba(13, 35, 67, 0.1);
  --shadow-2: 0px 1px 17px 0px rgba(0, 0, 0, 0.06), 0px 1px 5px 0px rgba(0, 0, 0, 0.06);
  --shadow-3: 0px 4px 40px 0px rgba(235, 238, 247, 0.6);
  --size-50: 4px;
  --size-100: 8px;
  --size-200: 12px;
  --size-300: 16px;
  --size-400: 20px;
  --size-500: 24px;
  --size-550: 28px;
  --size-600: 32px;
  --size-700: 36px;
  --size-800: 40px;
  --size-900: 48px;
  --size-1000: 64px;
  --size-1100: 88px;
  --opacity-100: 0.06;
  --opacity-200: 0.15;
  --opacity-300: 0.3;
  --opacity-400: 0.6;
  --opacity-500: 0.8;
  --z-index-100: 100;
  --z-index-200: 200;
  --z-index-300: 300;
  --z-index-400: 400;
  --z-index-500: 500;
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;
  --accent-color: var(--profession-color);
  --white: #fff;
  --black: #000;
  --light-grey: #ebeaed;
  --card-color: var(--light-grey);
  --shadow-5: 0px 0px 80px rgb(0 0 0 / 4%), 0px 41.7776px 33.4221px rgb(0 0 0 / 2%),
      0px 22.3363px 17.869px rgb(0 0 0 / 2%), 0px 12.5216px 10.0172px rgb(0 0 0 / 2%),
      0px 6.6501px 5.32008px rgb(0 0 0 / 2%), 0px 2.76726px 2.21381px rgb(0 0 0 / 2%);
  display: flex;
  flex-direction: column;
  flex: 1 1 0;
  border-radius: 24px;
  padding-top: 24px;
}
@media screen and (max-width: 480px) {
  .purchase-card_flow_main.purchase-card {
    --font-400: 1rem/1.375em ys text;
    --font-500: 1rem/1.5em ys text;
    --font-600: 1.125rem/1.5em ys text;
    --font-700: 2rem/1.125em ys text;
  }
}
@media (max-width: 539px) {
  .purchase-card_flow_main.purchase-card {
    padding-top: 16px;
    border-radius: 16px;
  }
}
.purchase-card_flow_main.purchase-card,
.purchase-card_flow_main.purchase-card * {
  box-sizing: border-box;
}
.purchase-card_flow_main.purchase-card_highlighted {
  --card-color: var(--white);
  background-color: var(--white);
  box-shadow: var(--shadow-5);
}

.purchase-card_flow_main .purchase-card__container {
  padding-right: 24px;
  padding-left: 24px;
}
@media (max-width: 539px) {
  .purchase-card_flow_main .purchase-card__container {
    padding-right: 16px;
    padding-left: 16px;
  }
}
.purchase-card_flow_main .purchase-card__button {
  display: block;
}
.purchase-card_flow_main .purchase-card__button_type_action {
  width: 100%;
  border-radius: 14px;
}
.purchase-card_flow_main .purchase-card__title {
  font: var(--font-ys-body-18-regular-ui);
}
@media (max-width: 539px) {
  .purchase-card_flow_main .purchase-card__title {
    font: var(--font-ys-body-16-regular-ui);
  }
}
.purchase-card_flow_main .purchase-card__sticky-wrapper {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.purchase-card_flow_main .purchase-card__sticky-container {
  position: sticky;
  position: -webkit-sticky;
  bottom: 0;
  margin-top: var(--spacing-32);
  padding-bottom: 24px;
  background-color: var(--card-color);
}
.purchase-card_flow_main .purchase-card__sticky-container::before {
  position: absolute;
  left: 0;
  bottom: 100%;
  width: 100%;
  height: 48px;
  content: "";
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, white 100%);
}
@media (max-width: 539px) {
  .purchase-card_flow_main .purchase-card__sticky-container {
    margin-top: var(--spacing-24);
    padding-bottom: 16px;
  }
}
.purchase-card_flow_main .purchase-card__skeleton {
  width: 450px;
}
@media (max-width: 539px) {
  .purchase-card_flow_main .purchase-card__skeleton {
    width: 290px;
  }
}
.purchase-card_flow_main .purchase-card__skeleton-line {
  max-width: 100%;
  height: 80px;
}
.purchase-card_flow_main .purchase-card__skeleton-line + .purchase-card__skeleton-line {
  margin-top: var(--spacing-24);
}
.purchase-card_flow_main .purchase-card__skeleton-line:nth-child(2) {
  height: 240px;
}
.purchase-card_flow_main .purchase-card__skeleton-line:last-of-type {
  margin-bottom: var(--spacing-32);
}
.common-flow__card {
    --card-border-radius: var(--col-border-radius, 24px);
    --card-border-width: 4px;
    --card-padding-inline: calc(var(--col-padding-inline, 24px) - var(--card-border-width));
    background-color: var(--color-background-default);
    border: var(--card-border-width) solid var(--color-background-default);
    border-radius: var(--card-border-radius);
    box-shadow: 0 8px 32px rgba(36, 36, 36, 0.12);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    font: var(--font-ys-body-16-regular-ui);
    font-feature-settings: 'pnum' on, 'lnum' on;
    grid-row: 1/2;
    min-width: min(280px, 80vw);
    padding: 24px var(--card-padding-inline);
    position: relative;
}

    @media (max-width: 1023px) {.common-flow__card {
        padding-top: 16px;
        padding-bottom: 16px
}
    }

    .common-flow__card .purchase-price {
        margin-top: auto;
        padding-top: 32px;
    }

    @media (max-width: 539px) {

    .common-flow__card .purchase-price {
            padding-top: 16px
    }
        }

    .common-flow__card .purchase-card__button {
        min-height: 62px;
    }

    @media (max-width: 539px) {
            .common-flow__card .purchase-card__select-wrapper {
                font: var(--font-ys-caption-14-regular);
                font-feature-settings: 'pnum' on, 'lnum' on;
                justify-content: flex-start;
            }
            .common-flow__card .purchase-card__select-label {
                margin-right: var(--spacing-8);
                font: inherit;
            }
            .common-flow__card .purchase-card__select {
                margin-right: var(--spacing-8);
                font: var(--font-ys-caption-14-medium);
                font-feature-settings: 'pnum' on, 'lnum' on;
            }
            .common-flow__card .purchase-card__button_no-squad {
                margin-top: 45px;
            }
        }

    @media (max-width: 1023px) {.common-flow__card {
        --card-padding-inline: calc(var(--col-padding-inline, 16px) - var(--card-border-width));
        font: var(--font-ys-caption-14-regular);
        font-feature-settings: 'pnum' on, 'lnum' on
}
    }

    @media (max-width: 539px) {
        .common-flow__card .purchase-card__select-toggle_type_surge .purchase-card__squad-item-header-text_clipped {
            max-width: unset;
            overflow: visible;
            overflow: initial;
        }
    }

.common-flow__card-profession {
    align-self: start;
    color: var(--color-content-secondary);
    font: inherit;
    margin: 0;
    text-decoration: none;
    transition: color 0.15s ease-out;
}

.common-flow__card-profession h3 {
        display: inline;
        font: inherit;
        margin: 0;
    }

.common-flow__card-profession .icon {
        height: auto;
        vertical-align: middle;
        transform: translateY(-1px);
        width: 1em;
    }

.common-flow__card-profession[href]:hover {
        color: inherit;
    }

.common-flow__tags {
    align-items: flex-start;
    display: flex;
    font: var(--font-ys-body-16-medium-ui);
    font-feature-settings: 'pnum' on, 'lnum' on;
    flex-wrap: wrap;
    gap: 0.5em;
    margin: -40px -10px 10px;
}

@media (max-width: 1023px) {

.common-flow__tags {
        font: var(--font-ys-caption-12-medium);
        font-feature-settings: 'pnum' on, 'lnum' on;
        margin: -30px -6px 12px
}
    }

.common-flow__tag {
    background-color: var(--color-content-primary);
    padding: 4px 8px;
    border-radius: var(--border-radius-6);
    line-height: 20px;
    word-break: break-word;
}

.common-flow__tag_colored {
        color: white;
    }

.common-flow__tag_accent {
        background-color: var(--color-accent-notice);
    }

@media (max-width: 1023px) {

.common-flow__tag {
        line-height: 16px
}
    }

.common-flow__card-title {
    font: var(--font-ys-header-24-medium);
    font-feature-settings: 'pnum' on, 'lnum' on;
    max-width: 560px;
    word-break: break-word;

    margin: 8px 0 0;
}

@media (max-width: 1023px) {

.common-flow__card-title {
        font: var(--font-ys-body-16-medium-ui);
        font-feature-settings: 'pnum' on, 'lnum' on
}
    }

@media (max-width: 1023px) {
        .common-flow__card-btn-label_view_desktop {
            display: none;
        }
        .common-flow__card-btn-label_view_mobile {
            display: block;
        }
    }

.purchase-card__button_type_action {
    width: 100%;
}

.purchase-card__skeleton.purchase-card__skeleton_full {
    width: 450px;
}

@media (max-width: 539px) {

.purchase-card__skeleton.purchase-card__skeleton_full {
        width: 290px
}
    }

@media (max-width: 539px) {

.landings-v2-page_short-mobile .common-flow__card {
        --card-border-radius: 12px
}
    }

.common-flow__heading {
    font: var(--font-ys-header-40-medium);
    font-feature-settings: 'pnum' on, 'lnum' on;
    text-align: center;
    letter-spacing: -0.01em;
    word-break: break-word;

    margin-block: 0 var(--spacing-24);
}

    @media (max-width: 1023px) {.common-flow__heading {
        font: var(--font-ys-header-28-bold);
        font-feature-settings: 'pnum' on, 'lnum' on;
        text-align: start
}
    }

    @media (max-width: 539px) {.common-flow__heading {
        font: var(--font-ys-header-24-medium);
        font-feature-settings: 'pnum' on, 'lnum' on;
        margin-block-start: var(--spacing-24)
}
    }

@media (max-width: 539px) {

.landings-v2-page_short-mobile .common-flow__heading {
        font: var(--font-ys-header-24-bold);
        font-feature-settings: 'pnum' on, 'lnum' on
}
    }

.common-flow__heading_type_short {
    text-align: start;
    font: var(--font-ys-header-48-bold);
    font-feature-settings: 'pnum' on, 'lnum' on;
}

    @media (max-width: 1023px) {.common-flow__heading_type_short {
        font: var(--font-ys-header-28-bold);
        font-feature-settings: 'pnum' on, 'lnum' on
}
    }

.common-flow__heading_type_with-block {
    font: var(--font-ys-header-32-medium);
    font-feature-settings: 'pnum' on, 'lnum' on;
    text-align: start;
    max-width: 525px;
}

    @media (max-width: 539px) {.common-flow__heading_type_with-block {
        font: var(--font-ys-header-24-medium);
        font-feature-settings: 'pnum' on, 'lnum' on
}
    }

.common-flow__heading-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.common-flow__heading-wrapper_column {
    align-items: center;
    flex-direction: column;
}

.common-flow__price-will-rise-banner {
    font: var(--font-ys-body-16-regular-ui);
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: var(--color-content-inverted-primary);

    text-align: center;

    margin-block-start: var(--spacing-40);
    padding: 6px 8px;

    border-radius: var(--border-radius-6);

    background-color: var(--color-accent-main-a);
}

    @media (max-width: 767px) {.common-flow__price-will-rise-banner {
        margin-block: var(--spacing-24) calc(-1 * var(--spacing-16));
        padding-block: 4px;

        text-align: start
}
    }

.common-flow__squads-title {
    margin: 16px auto 0;
    text-align: center;
}

/* боженька, прости, эти стили не я писала...*/
.common-flow-card__description-markdown {
    width: 394px;
    grid-column-start: var(--comparison-column);

    background-color: var(--color-background-default);
    color: var(--color-content-primary);
}
.common-flow-card__description-markdown:only-child > *:first-child > *:first-child,
    .common-flow-card__description-markdown:only-child > *:first-child {
        border-top-left-radius: var(--col-border-radius);
        border-top-right-radius: var(--col-border-radius);
    }
.common-flow-card__description-markdown em {
        font-style: normal;
        opacity: 0.25;
    }
.common-flow-card__description-markdown ol,
    .common-flow-card__description-markdown ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }
.common-flow-card__description-markdown .paragraph:has(.payment-icon) {
        display: flex;
        align-items: flex-start;
    }
.common-flow-card__description-markdown > *:not(ul, ol), .common-flow-card__description-markdown li {
        /* не удалять background-color отсюда */
        background-color: var(--color-background-default);
        grid-column-start: var(--comparison-column);
        margin: 0;
        padding-bottom: 12px;
        padding-left: 16px;
        padding-right: 16px;
        word-break: break-word;
        border-left: var(--card-border-width) solid transparent;
        border-right: var(--card-border-width) solid transparent;
    }
@media (max-width: 767px) {
.common-flow-card__description-markdown > *:not(ul, ol), .common-flow-card__description-markdown li {
            padding-left: 12px;
            padding-right: 12px;
            padding-bottom: 8px
    }
        }
.common-flow-card__description-markdown > *:not(ul, ol) > *, .common-flow-card__description-markdown li > * {
            max-width: 394px;
        }
.common-flow-card__description-markdown .paragraph:last-child {
        padding-bottom: 0;
    }
.common-flow-card__description-markdown .payment-icon {
        min-width: 16px;
        box-sizing: content-box;
        box-sizing: initial;
        vertical-align: middle;
        padding-right: 6px;
        padding-top: 2px;
    }
.common-flow-card__description-markdown .payment-icon_type_urgent {
        color: var(--color-accent-notice);
    }
.common-flow-card__description-markdown .payment-icon_type_base {
        color: var(--color-accent-success);
    }
.common-flow-card__description-markdown .payment-icon_type_faded {
        opacity: 0.25;
    }
.common-flow-card_plus .common-flow-card__description-markdown li,
    .common-flow-card_plus .common-flow-card__description-markdown .paragraph {
        border-inline: var(--card-border-width) solid var(--color-palette-blue-brand);
    }

.common-flow-card__actions {
    display: flex;

    gap: 8px;

    width: 100%;

    margin-top: 8px;
}

    @media (max-width: 1200px) {.common-flow-card__actions {
        flex-direction: column
}
    }

.common-flow-card__action-btn {
    width: 100%;

    text-wrap: nowrap;
}

@media (max-width: 1200px) {

.common-flow-card__action-btn {
        width: auto
}
    }

.common-flow-card__skeleton {
    min-width: min(var(--min-card-width), 80vw);
    max-height: 800px;
}

.common-flow-card__skeleton-line {
    height: 40px;
}

.common-flow-card__skeleton-line + .common-flow-card__skeleton-line {
        margin-top: 20px;
    }

.common-flow-card__title {
        margin-bottom: auto;
        display: contents;
    }
    .common-flow-card__title-profession {
        color: var(--color-content-secondary);
        font: var(--font-ys-caption-14-medium);
        font-feature-settings: 'pnum' on, 'lnum' on;
    }
    @media (max-width: 767px) {
    .common-flow-card__title-profession {
            font: var(--font-ys-caption-12-medium);
            font-feature-settings: 'pnum' on, 'lnum' on
    }
        }
    .common-flow-card__title-tariff {
        font: var(--font-ys-header-24-regular);
        font-feature-settings: 'pnum' on, 'lnum' on;
        color: var(--color-content-primary);
        margin-bottom: auto;
    }
    @media (max-width: 767px) {
    .common-flow-card__title-tariff {
            font: var(--font-ys-header-20-regular);
            font-feature-settings: 'pnum' on, 'lnum' on
    }
        }
    .common-flow-card__title-tariff_type_plus {
        color: var(--color-palette-blue-brand);
    }
    .common-flow-card__title-text {
        font: var(--font-ys-body-16-regular-ui);
        font-feature-settings: 'pnum' on, 'lnum' on;
        color: var(--color-content-secondary);
        margin: 6px 0 0;
    }
    @media (max-width: 767px) {
    .common-flow-card__title-text {
            font: var(--font-ys-caption-14-regular);
            font-feature-settings: 'pnum' on, 'lnum' on
    }
        }

.common-flow-price__container {
        margin-top: 24px;
    }
    .common-flow-price__wrapper {
        border-radius: 6px;
        background: white;
        padding: 12px;
    }
    .common-flow-price__discounts-wrapper {
        border-radius: 6px;
        background: var(--color-background-glassy-b);
        border: 2px solid transparent;
    }
    .common-flow-price__discounts-wrapper_urgent {
            background: #fb7600;
        }
    .common-flow-price__tooltip-info-icon {
        padding-left: var(--spacing-4);
        margin: 0;
        height: 0.8rem;
        vertical-align: middle;
        display: inline-block;
    }
    .common-flow-price__discount-message {
        text-align: center;
        color: var(--color-content-primary);
        font: var(--font-ys-caption-12-medium);
        font-feature-settings: 'pnum' on, 'lnum' on;
        padding: 2px 0;
    }
    .common-flow-price__discount-message_urgent {
            color: var(--color-content-inverted-primary);
        }
    .common-flow-price__block-item {
        font: var(--font-ys-body-16-regular-ui);
        font-feature-settings: 'pnum' on, 'lnum' on;
        color: var(--color-content-primary);
    }
    .common-flow-price__block-item:nth-child(1) {
        padding-bottom: 16px;
    }
    @media (max-width: 767px) {
    .common-flow-price__block-item:nth-child(1) {
            padding-bottom: 10px
    }
        }
    .common-flow-price__block-item:nth-child(2) {
        border-top: 1px solid var(--color-background-glassy-b);
        padding-top: 14px;
    }
    .common-flow-price__block-item_disabled {
        opacity: 0.25;
    }
    .common-flow-price__partial-value {
        font: var(--font-ys-header-32-medium);
        font-feature-settings: 'pnum' on, 'lnum' on;
        letter-spacing: -0.005em;
    }
    .common-flow-price__full-value {
        font: var(--font-ys-header-20-medium);
        font-feature-settings: 'pnum' on, 'lnum' on;
        color: var(--color-accent-success);
    }
    .common-flow-price__old-value {
        color: var(--color-content-tertiary);
        text-decoration: line-through;
        padding-left: 8px;
    }
    .common-flow-price__message {
        padding-bottom: 4px;
    }
    .common-flow-price__discounts-hint-block {
        font: var(--font-ys-caption-12-regular);
        font-feature-settings: 'pnum' on, 'lnum' on;
        text-align: left;
    }
    .common-flow-price__discounts-hint-title {
        font: var(--font-ys-caption-14-medium);
        font-feature-settings: 'pnum' on, 'lnum' on;
        margin-bottom: 8px;
    }
    .common-flow-price__discounts-hint-item {
        display: flex;
        justify-content: space-between;
    }
    .common-flow-price__discounts-hint-item_type_deadline {
        color: var(--color-accent-notice);
    }

.common-flow-card {
    --card-width: 394px;

    --col-border-radius: 12px;
    --col-padding-inline: 20px;
    --card-border-width: 4px;
    display: block;
}

    .common-flow-card__tag {
        top: -30px;
        margin-bottom: -30px;
        margin-top: 14px;
        background: var(--color-palette-blue-brand);
        text-align: center;
        position: relative;
        margin-inline: calc(-1 * var(--col-padding-inline));
        border-radius: 12px;
        padding-inline: 4px;
    }

    @media (max-width: 1023px) {

    .common-flow-card__tag {
            margin-inline: -16px
    }
        }

    .common-flow-card__tag::after {
        content: '';
        padding: 8px;
        display: block;
        margin-bottom: -1px;
        background: white;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
    }

    .common-flow-card__tag-text {
        display: inline-block;
        padding: 6px 0;
        color: var(--color-content-inverted-primary);
        font: var(--font-ys-caption-14-medium);
        font-feature-settings: 'pnum' on, 'lnum' on;
        line-height: 18px;
    }

    .common-flow-card_plus .common-flow-card__wrapper {
            border-inline: var(--card-border-width) solid var(--color-palette-blue-brand);
            border-block: none;
            /* тут какая-то магия */
            padding-bottom: 24px;
        }

    .common-flow-card_plus::after {
            border: var(--card-border-width) solid var(--color-palette-blue-brand);
            border-top: none;
        }

    /* TODO не отображаем его пока данные не загрузятся (заиспользовать displayed-модификатор) */

    .common-flow-card::after {
        content: '';
        background-color: var(--color-background-default);
        border-bottom-left-radius: var(--col-border-radius);
        border-bottom-right-radius: var(--col-border-radius);

        display: flex;
        align-items: end;
        grid-column-start: var(--comparison-column);
        justify-content: center;
        /* Растянуть низ столбца при разнице до 40 пунктов */
        grid-row: span 40;
        padding-bottom: 16px;
        padding-left: calc(var(--col-padding-inline) - var(--card-border-width));
        padding-right: calc(var(--col-padding-inline) - var(--card-border-width));
    }

    @media (max-width: 1023px) {

    .common-flow-card::after {
            padding-bottom: 12px
    }
        }

    /* это скругление внизу карточки после дескрипшена, так же позволяет выравнивать контент карточек
     при разнице в содержимом (растягивается) */

    .common-flow-card:not(:only-child) {
        display: contents;
    }

    /* =/ */

    .common-flow-card:not(:only-child) .common-flow-card__description-markdown {
            display: contents;
        }

    .common-flow-card:not(:only-child) .common-flow-card__description-markdown ol,
            .common-flow-card:not(:only-child) .common-flow-card__description-markdown ul {
                display: contents;
            }

    .common-flow-card:only-child {
        justify-self: center;
        max-width: var(--card-width);
        min-width: 0;
        width: 100%;
    }

    .common-flow-card:nth-child(1) {
        --comparison-column: 1;
    }

    .common-flow-card:nth-child(2) {
        --comparison-column: 2;
    }

    .common-flow-card:nth-child(3) {
        --comparison-column: 3;
    }

    .common-flow-card:nth-child(4) {
        --comparison-column: 4;
    }

.common-flow-card_loading::after {
    display: none;
}

.common-flow-card_loading > * {
    border-radius: 24px;
    border-radius: var(--col-border-radius, 24px);
    margin-top: 30px;
    width: var(--card-width);
}

.common-flow-card__wrapper {
    --card-border-radius: var(--col-border-radius, 24px);
    --card-border-width: 4px;
    --card-padding-inline: calc(var(--col-padding-inline, 24px) - var(--card-border-width));
    max-width: var(--card-width);

    background-color: var(--color-background-default);
    border: var(--card-border-width) solid var(--color-background-default);
    border-top-left-radius: var(--card-border-radius);
    border-top-right-radius: var(--card-border-radius);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    font: var(--font-ys-body-16-regular-ui);
    font-feature-settings: 'pnum' on, 'lnum' on;
    grid-row: 1/2;
    min-width: 309px;
    padding: 16px var(--card-padding-inline);
    position: relative;
}

@media (max-width: 1023px) {

.common-flow-card__wrapper {
        padding: 12px
}
    }

/*TODO убрать с заменой компонентом цены*/

.common-flow-card__wrapper .purchase-price {
        margin-top: auto;
        padding-top: 32px;
    }

@media (max-width: 539px) {

.common-flow-card__wrapper .purchase-price {
            padding-top: 16px
    }
        }

@media (max-width: 1023px) {

.common-flow-card__wrapper {
        --card-padding-inline: calc(var(--col-padding-inline, 16px) - var(--card-border-width));
        font: var(--font-ys-caption-14-regular);
        font-feature-settings: 'pnum' on, 'lnum' on
}
    }

.common-flow-card__wrapper_type_base {
    margin-top: 30px;
    border-bottom: 0;
    padding: 12px 12px 24px;
}

.common-flow-card__wrapper_type_base .common-flow-card__title {
        padding-bottom: 1px;
    }

.common-flow-card__wrapper_type_base .common-flow-card__title-profession {
        margin-top: -1px;
    }

.discount-event-static-banner_view_start-learning-button {
    background-color: var(--color-palette-blue-brand);
    border-radius: var(--border-radius-4);
    padding: 1px 8px 1px 4px;
    position: absolute;
    top: 0;
    right: 0;
    transform: translateX(20px) translateY(-16px) rotate(-4deg);
    display: flex;
    align-items: center;
    font: var(--font-ys-body-16-regular-ui);
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #ffffff;
}

    @media (max-width: 767px) {.discount-event-static-banner_view_start-learning-button {
        transform: translateX(8px) translateY(-12px) rotate(-4deg)
}
    }

.discount-event-static-banner_view_start-learning-button .discount-event-static-banner__icon {
    margin-right: var(--spacing-4);
}

.discount-event-static-banner_view_start-learning-button .discount-event-static-banner__icon path {
    fill-opacity: 1;
}

.discount-event-static-banner_view_catalog {
    display: flex;
    justify-content: space-between;
    border-radius: var(--border-radius-5);
    overflow: hidden;
    background-color: var(--color-palette-blue-brand);
    color: var(--color-palette-white-1000);
    font: var(--font-ys-body-16-regular-ui);
    font-feature-settings: 'pnum' on, 'lnum' on;
}

    @media (max-width: 767px) {.discount-event-static-banner_view_catalog {
        flex-direction: column;
        align-items: flex-start
}
    }

.discount-event-static-banner_view_catalog .discount-event-static-banner__info {
    align-self: center;
    padding: 8px 22px;
    text-align: center;
}

@media (max-width: 767px) {

.discount-event-static-banner_view_catalog .discount-event-static-banner__info {
        align-self: unset;
        text-align: left;
        padding: 16px 16px 6px
}
    }

.discount-event-static-banner_view_catalog .discount-event-static-banner__image {
    width: 157px;
}

.discount-event-static-banner_view_catalog .discount-event-static-banner__image_position_right {
    transform: scale(0.86);
    transform-origin: right center;
}

@media (max-width: 767px) {

.discount-event-static-banner_view_catalog .discount-event-static-banner__image_position_left,
.discount-event-static-banner_view_catalog .discount-event-static-banner__image_position_right {
        display: none
}
    }

.discount-event-static-banner_view_catalog .discount-event-static-banner__image_mobile {
    display: none;
    width: 275px;
    align-self: flex-end;
}

@media (max-width: 767px) {

.discount-event-static-banner_view_catalog .discount-event-static-banner__image_mobile {
        display: block
}
    }

.discount-event-static-banner_view_catalog .discount-event-static-banner__title {
    margin: 0 0 var(--spacing-4) 0;
    font: var(--font-ys-header-20-medium);
    font-feature-settings: 'pnum' on, 'lnum' on;
}

@media (max-width: 767px) {

.discount-event-static-banner_view_catalog .discount-event-static-banner__title {
        margin-bottom: var(--spacing-8)
}
    }

.discount-event-static-banner_view_catalog a {
    cursor: pointer;
    color: var(--color-palette-white-1000);

    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-color: var(--color-palette-white-300-a);
    text-decoration-thickness: 1px;

    text-underline-offset: 0.25em;

    transition: text-decoration-color 0.2s;
}

.discount-event-static-banner_view_catalog a:hover {
    text-decoration-color: var(--color-palette-white-1000);
}

.discount-event-static-banner_view_common-flow {
    font: var(--font-ys-body-16-regular-ui);
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: var(--color-content-inverted-primary);

    display: flex;
    gap: var(--spacing-8);
    justify-content: center;
    align-items: center;

    margin-block-end: var(--spacing-8);
    padding: 4px 8px;

    border-radius: var(--border-radius-6);

    background-color: var(--color-palette-blue-brand);
}

    @media (max-width: 767px) {.discount-event-static-banner_view_common-flow {
        border-radius: var(--border-radius-8)
}
    }

.discount-event-static-banner_view_common-flow .discount-event-static-banner__icon {
    flex-shrink: 0;
}

.common-flow__banner-container_type_with-tariff {
    color: white;

    margin-top: var(--spacing-32);
    max-width: 1200px;
}

.discount-event-static-banner_view_prof-test {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 68px;
    text-align: center;
    background-color: var(--color-palette-blue-brand);
    border-radius: var(--border-radius-16);
    color: var(--color-palette-white-1000);
    overflow: hidden;
    font: var(--font-ys-body-18-regular-ui);
    font-feature-settings: 'pnum' on, 'lnum' on;
}

    @media (max-width: 1023px) {.discount-event-static-banner_view_prof-test {
        min-height: unset;
        border-radius: var(--border-radius-12);
        font: var(--font-ys-caption-14-regular);
        font-feature-settings: 'pnum' on, 'lnum' on
}
    }

.discount-event-static-banner_view_prof-test .discount-event-static-banner__info {
    align-self: center;
    padding: 12px 80px;
}

.discount-event-static-banner_view_prof-test .discount-event-static-banner__image {
    position: absolute;
}

.discount-event-static-banner_view_prof-test .discount-event-static-banner__image_position_left {
    width: 164px;
    left: -40px;
}

@media (max-width: 1023px) {

.discount-event-static-banner_view_prof-test .discount-event-static-banner__image_position_left {
        width: 107px;
        transform: translateY(10%);
        left: -32px
}
    }

.discount-event-static-banner_view_prof-test .discount-event-static-banner__image_position_right {
    width: 218px;
    right: -112px;
    transform: translateY(7%);
}

@media (max-width: 1023px) {

.discount-event-static-banner_view_prof-test .discount-event-static-banner__image_position_right {
        width: 162px;
        transform: translateY(11%);
        right: -89px
}
    }

.discount-event-static-banner_view_profession-landing {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: center;

    background-color: var(--color-palette-blue-brand);
    border-radius: var(--border-radius-5);

    font: var(--font-ys-body-18-regular-ui);

    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #ffffff;
    text-decoration: none;

    overflow: hidden;
}

    @media (max-width: 767px) {.discount-event-static-banner_view_profession-landing {
        font: var(--font-ys-caption-14-regular);
        font-feature-settings: 'pnum' on, 'lnum' on
}
    }

.discount-event-static-banner_view_profession-landing .discount-event-static-banner__info {
    flex-shrink: 0;
}

.discount-event-static-banner_view_profession-landing .discount-event-static-banner__image {
    height: var(--discount-event-static-banner-height);
    width: 100%;

    background-repeat: no-repeat;
    background-size: contain;
}

.discount-event-static-banner_view_profession-landing .discount-event-static-banner__image_position_left {
    background-image: url('https://code.s3.yandex.net/discount-event-banner/profession-landing/image-left-desktop.png?etag=dfd4bc666e5cb45583feddbf2fa531e7');
    background-position: left;
}

.discount-event-static-banner_view_profession-landing .discount-event-static-banner__image_position_right {
    background-image: url('https://code.s3.yandex.net/discount-event-banner/profession-landing/image-right-desktop.png?etag=20e62c4c9cc3517db227ecf3afc9cf00');
    background-position: right;
}

.discount-event-static-banner_view_profession-landing .discount-event-static-banner__image_international {
    background-image: url('https://code.s3.yandex.net/discount-event-banner/profession-landing/image-right-desktop-kz-com.png?etag=032413763b97b559fa799fcf924bc9bb');
}

@media (max-width: 1023px) {
    .discount-event-static-banner_view_profession-landing .discount-event-static-banner__image_position_left {
        background-image: url('https://code.s3.yandex.net/discount-event-banner/profession-landing/image-left-tablet-m.png?etag=c93629f6bf22f711a40188a6b33cce90');
    }

    .discount-event-static-banner_view_profession-landing .discount-event-static-banner__image_position_right {
        background-image: url('https://code.s3.yandex.net/discount-event-banner/profession-landing/image-right-tablet-m.png?etag=c972d276957529bce07f38ea3ed21399');
    }

    .discount-event-static-banner_view_profession-landing .discount-event-static-banner__image_international {
        background-image: url('https://code.s3.yandex.net/discount-event-banner/profession-landing/image-right-tablet-m-kz-com.png?etag=8e0b038a995ec307cd945988aaea2bfe');
    }
}

@media (max-width: 767px) {
    .discount-event-static-banner_view_profession-landing .discount-event-static-banner__info {
        flex-shrink: 1;
    }

    .discount-event-static-banner_view_profession-landing .discount-event-static-banner__image_position_left {
        background-image: url('https://code.s3.yandex.net/discount-event-banner/profession-landing/image-left-tablet-s.png?etag=1852c61655b6e21bfdaf195e032baa31');
    }

    .discount-event-static-banner_view_profession-landing .discount-event-static-banner__image_position_right {
        background-image: url('https://code.s3.yandex.net/discount-event-banner/profession-landing/image-right-tablet-s.png?etag=4259292f5b55488c106544e6b5fcbdd2');
    }

    .discount-event-static-banner_view_profession-landing .discount-event-static-banner__image_international {
        background-image: url('https://code.s3.yandex.net/discount-event-banner/profession-landing/image-right-tablet-s-kz-com.png?etag=afc64b829ab1f592743e6299fa1a12a2');
    }
}

.common-flow {
    --section-border-radius: 24px;
    --section-padding-inline: 24px;

    font: var(--font-ys-body-16-regular-ui);

    font-feature-settings: 'pnum' on, 'lnum' on;
    color: var(--color-content-primary);
}

    @media (max-width: 1023px) {.common-flow {
        --section-padding-inline: 16px;

        font: var(--font-ys-caption-14-regular);

        font-feature-settings: 'pnum' on, 'lnum' on
}
    }

    .common-flow > .common-flow__container {
        box-sizing: content-box;
        box-sizing: initial;
    }

.common-flow__container {
    display: flex;
    flex-direction: column;
}

.purchase-page .common-flow__container {
    padding: 40px var(--section-padding-inline) var(--section-padding-inline);
}

.purchase-page .common-flow__container,
.common-flow__container_type_detailed {
    padding-block-start: 0;
}

@media (max-width: 539px) {

.landings-v2-page_short-mobile .common-flow__container {
        padding-block: 0 64px
}
    }

@media (max-width: 539px) {

.landings-v2-page_short-mobile .common-flow__container_tariff {
        padding: 0
}
    }

.common-flow__row {
    display: grid;
    grid-column-gap: 1em;
    -moz-column-gap: 1em;
         column-gap: 1em;
    justify-content: center;
    grid-auto-flow: row dense;
    grid-auto-columns: 1fr;
    list-style: none;
    margin: 0;
    min-width: -moz-fit-content;
    min-width: fit-content;
    padding: 0;
}

@media (max-width: 539px) {

.landings-v2-page_short-mobile .common-flow__row {
        -moz-column-gap: 12px;
             column-gap: 12px
}
    }

.common-flow__row_tariff {
    grid-auto-columns: minmax(auto, 394px);
    -moz-column-gap: 0.75em;
         column-gap: 0.75em;
}

.common-flow__row-wrapper {
    -ms-overflow-style: none;
    margin: 0 calc(-1 * var(--section-padding-inline));
    overflow-x: auto;
    padding: 14px var(--section-padding-inline) 16px;
    scrollbar-width: none;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: var(--section-padding-inline);
}

    .common-flow__row-wrapper::-webkit-scrollbar {
        display: none;
    }

    .common-flow__row-wrapper_tariff {
        padding-top: var(--spacing-2);
        padding-bottom: var(--spacing-32);
    }

    @media (max-width: 1023px) {

    .common-flow__row-wrapper_tariff {
            padding-bottom: var(--spacing-16)
    }
        }

    .common-flow__row-wrapper_type_with-plus-tariff {
        padding-top: var(--spacing-32);
    }

.common-flow__banner-container {
    width: 100%;
    align-self: center;
}

.common-flow__banner-container_short {
    max-width: 500px; /* Ширина одной карточки в CommonFlow */
}

.common-flow__banner-container_short.common-flow__banner-container_type_with-tariff {
    max-width: 1200px;
}

.payment-bullets__button {
    font-size: var(--font-ys-body-16-medium-ui);
    font-feature-settings: 'pnum' on, 'lnum' on;
    font-weight: bold;
    transition-property: color;
    transition-duration: 0.15s;
    transition-timing-function: ease-out;
    background: none;
    outline: none;
    border: none;
    padding: 0;
    color: var(--color-content-primary);
    cursor: pointer;
}

    @media (max-width: 1023px) {.payment-bullets__button {
        font-size: var(--font-ys-caption-14-medium);
        font-feature-settings: 'pnum' on, 'lnum' on
}
    }

.payment-bullets__button:hover {
    color: var(--color-content-secondary);
}

.payment-bullets__list {
    --columns-count: 2;
    padding: 24px;
}

    @media (max-width: 1023px) {.payment-bullets__list {
        padding: 16px
}
    }

    @media (max-width: 539px) {.payment-bullets__list {
        --columns-count: 1;
        background: transparent;

        gap: var(--spacing-24);
        padding: 16px 0
}
    }

.payment-bullets__list-item-img {
    padding: 0;
    width: auto;
    height: 40px;
}

    @media (max-width: 1023px) {.payment-bullets__list-item-img {
        --img-width: 36px;
        -o-object-fit: contain;
           object-fit: contain;
        width: 36px;
        height: auto
}
    }

    @media (max-width: 539px) {.payment-bullets__list-item-img {
        -o-object-fit: contain;
           object-fit: contain;
        --img-width: 32px;

        width: 32px;
        height: auto
}
    }

.payment-bullets__list-item {
    max-width: 460px;
    font-style: normal;
    font-weight: 500;
}

.payment-bullets__list-item-title {
    font-weight: normal;
}

    @media (max-width: 1023px) {.payment-bullets__list-item-title {
        font-size: var(--font-ys-caption-14-regular);
        font-feature-settings: 'pnum' on, 'lnum' on
}
    }

.new-common-flow-section__heading_type_short {
    text-align: start;
    font: var(--font-ys-header-48-bold);
    font-feature-settings: 'pnum' on, 'lnum' on;
    margin-block: 0 var(--spacing-24);
}

    @media (max-width: 1023px) {.new-common-flow-section__heading_type_short {
        font: var(--font-ys-header-28-bold);
        font-feature-settings: 'pnum' on, 'lnum' on
}
    }

@media (max-width: 1023px) {.new-common-flow-section__payment {
        margin-bottom: var(--spacing-16)
}
    }

.new-common-flow-section__heading_type_with-tariffs {
    text-align: center;

    font: var(--font-ys-header-48-bold);

    font-feature-settings: 'pnum' on, 'lnum' on;
    margin-block: 0 auto;

    color: var(--color-palette-white-1000);
}

    @media (max-width: 1023px) {.new-common-flow-section__heading_type_with-tariffs {
        font: var(--font-ys-header-28-bold);
        font-feature-settings: 'pnum' on, 'lnum' on
}
    }

.new-common-flow-section {
    --section-border-radius: var(--spacing-24);
    --section-padding-inline: var(--spacing-24);

    font: var(--font-ys-body-16-regular-ui);

    font-feature-settings: 'pnum' on, 'lnum' on;

    color: var(--color-content-primary);
}

    @media (max-width: 1023px) {.new-common-flow-section {
        --section-padding-inline: var(--spacing-16);

        font: var(--font-ys-caption-14-regular);

        font-feature-settings: 'pnum' on, 'lnum' on
}
    }

.new-common-flow-section > .new-common-flow-section__container {
    box-sizing: content-box;
    box-sizing: initial;
}

.new-common-flow-section_theme_dark {
    background-color: var(--color-background-default);
}

.new-common-flow-section_theme_light {
    background-color: var(--color-background-alternate);
}

.new-common-flow-section__container_theme_light .payment-tags-cloud__item {
    background-color: var(--color-background-default);
}

.new-common-flow-section__container {
    display: flex;
    flex-direction: column;
    padding: 40px var(--section-padding-inline) 100px;
}

.purchase-page .new-common-flow-section__container,
.new-common-flow-section__container_type_detailed {
    padding-block-start: 0;
}

@media (max-width: 539px) {

.landings-v2-page_short-mobile .new-common-flow-section__container {
        padding: 48px var(--section-padding-inline) 64px
}
    }

.new-common-flow-section__container_theme_dark,
.new-common-flow-section__container_theme_light {
    padding: 56px var(--section-padding-inline) 40px;

    margin-block-end: var(--section-margin-bottom);
}

.common-flow-section {
    margin-bottom: var(--spacing-32);
}

    .common-flow-section__container {
        padding: 32px;
        border-radius: 24px;
        background-color: var(--color-background-default);
    }

    @media (max-width: 1023px) {

    .common-flow-section__container {
            padding: 0;
            background-color: unset
    }
        }

    .common-flow-section__header {
        margin-bottom: var(--spacing-32);
    }

    @media (max-width: 1023px) {

    .common-flow-section__header {
            margin-bottom: 0;
            padding: 0 32px
    }
        }

    @media (max-width: 539px) {

    .common-flow-section__header {
            padding: 0 16px
    }
        }

    .common-flow-section__title {
        margin: 0;
        font: var(--font-ys-header-40-bold);
        font-feature-settings: 'pnum' on, 'lnum' on;
        word-break: break-word;
    }

    @media (max-width: 1023px) {

    .common-flow-section__title {
            font: var(--font-ys-header-28-bold);
            font-feature-settings: 'pnum' on, 'lnum' on
    }
        }

    .common-flow-section__card_type_desktop.common-flow-section__card_type_desktop.common-flow-section__card_type_desktop {
                margin-right: 0;
            }

    .common-flow-section__card_type_desktop.common-flow-section__card_type_desktop.common-flow-section__card_type_desktop + .common-flow-section__card_type_desktop {
                    margin-left: var(--spacing-24);
                }

    .common-flow-section__card_type_mobile {
                min-width: 305px;
                flex: 1 0 auto;
                box-shadow: var(--shadow-medium-hovered);
            }

    .common-flow-section__card_type_mobile + .common-flow-section__card_type_mobile {
                    margin-left: var(--spacing-12);
                }

    .common-flow-section__card_type_mobile.common-flow-section__card_type_mobile {
                    margin-bottom: 0;
                }

    .common-flow-section__card-action {
        flex-grow: 1;
    }

    @media (max-width: 1023px) {

    .common-flow-section__card-action {
            flex-grow: 0
    }
        }

    .common-flow-section__card-action-button {
        width: 100%;
    }

    @media (max-width: 1023px) {

    .common-flow-section__card-price-final.common-flow-section__card-price-final {
            font: var(--font-ys-header-20-medium);
            font-feature-settings: 'pnum' on, 'lnum' on
    }
        }

    @media (max-width: 767px) {

    .common-flow-section__card-price-final.common-flow-section__card-price-final {
            font: var(--font-ys-body-18-medium-ui);
            font-feature-settings: 'pnum' on, 'lnum' on
    }
        }

    @media (max-width: 1023px) {

    .common-flow-section__card-price-original.common-flow-section__card-price-original {
            font: var(--font-ys-caption-14-medium);
            font-feature-settings: 'pnum' on, 'lnum' on
    }
        }

.tag {
    display: inline-block;
    border-radius: 8px;
    background-color: var(--color-background-alternate);
    padding: 8px;

    font: var(--font-ys-body-16-medium-ui);

    font-feature-settings: 'pnum' on, 'lnum' on;
}

.curriculum-section-v2__download-button {
    min-width: 335px;
}

    @media (max-width: 539px) {.curriculum-section-v2__download-button {
        min-width: auto
}
    }

@media (max-width: 539px) {

.landings-v2-page_short-mobile .curriculum-section-v2__download-button.curriculum-section-v2__download-button {
        width: 100%;

        margin-block-start: var(--spacing-8);
        padding-inline: 12px
}
    }

@media (max-width: 539px) {.landings-v2-page_short-mobile .curriculum-section-v2__download-button-wrapper {
        margin-inline: var(--spacing-8)
}
    }

.curriculum-section-v2__image-modal {
    display: flex;
    flex-direction: column;
    align-items: center;

    max-height: 100%;
}

.curriculum-section-v2__image-content {
    max-width: 100%;
}

.curriculum-section-v2__image-modal-close {
    position: absolute;
    top: 8px;
    right: 8px;
}

.curriculum-section-v2__image-wrapper {
    max-height: 100%;

    overflow-y: auto;
}

.curriculum-module-v2__badge {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--spacing-4);

    color: #21d49e;
    font: var(--font-ys-header-20-regular);
    font-feature-settings: 'pnum' on, 'lnum' on;
}

    @media (max-width: 539px) {.curriculum-module-v2__badge {
        font: var(--font-ys-body-16-regular-ui);
        font-feature-settings: 'pnum' on, 'lnum' on
}
    }

.curriculum-module-v2_semidark .curriculum-module-v2__badge {
    color: var(--color-accent-success);
}

@media (max-width: 539px) {

.landings-v2-page_short-mobile .curriculum-module-v2__badge {
        font: var(--font-ys-caption-14-regular);
        font-feature-settings: 'pnum' on, 'lnum' on
}
    }

@media (max-width: 539px) {.curriculum-module-v2__badge-icon {
        width: 16px;
        height: 16px
}
    }

.curriculum-module-v2__bullet {
    display: flex;
    justify-content: center;
    align-items: center;

    position: absolute;
    top: 24px;
    right: 24px;

    width: 48px;
    height: 48px;

    border-radius: 50%;
    background-color: var(--color-background-glassy-a);
    color: var(--color-content-primary);

    font: var(--font-ys-header-24-regular);

    font-feature-settings: 'pnum' on, 'lnum' on;
    font-feature-settings:
        'pnum' on,
        'lnum' on;
}

    @media (max-width: 1023px) {.curriculum-module-v2__bullet {
        width: 40px;
        height: 40px;

        font: var(--font-ys-header-20-regular);

        font-feature-settings: 'pnum' on, 'lnum' on;
        font-feature-settings:
            'pnum' on,
            'lnum' on
}
    }

    @media (max-width: 539px) {.curriculum-module-v2__bullet {
        top: 16px;
        right: 16px;

        width: 28px;
        height: 28px;

        font: var(--font-ys-body-16-regular-ui);

        font-feature-settings: 'pnum' on, 'lnum' on;
        font-feature-settings:
            'pnum' on,
            'lnum' on
}
    }

@media (max-width: 539px) {

.landings-v2-page_short-mobile .curriculum-module-v2__bullet {
        top: 12px;
        right: 12px;

        width: 24px;
        height: 24px;

        font: var(--font-ys-caption-12-regular);

        font-feature-settings: 'pnum' on, 'lnum' on;
        font-feature-settings:
            'pnum' on,
            'lnum' on
}
    }

.curriculum-module-v2__hidden-button {
    padding: 0;
    border: none;

    opacity: 0;

    font-size: 0;
}

.curriculum-module-v2__hidden-button:focus {
    outline: none;
}

.curriculum-module-v2__hidden-button::before {
    content: '';

    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;

    z-index: 1;

    cursor: pointer;
}

.curriculum-module-v2__hidden-button:focus-visible::before {
    outline: 2px solid var(--color-content-primary);
}

.curriculum-module-v2__image-preview {
    width: 280px;
    height: 168px;

    border-radius: 16px;
    border: 1px solid var(--color-background-glassy-a);

    -o-object-fit: cover;

       object-fit: cover;
}

@media (max-width: 539px) {

.landings-v2-page_short-mobile .curriculum-module-v2__image-preview {
        border-radius: 8px
}
    }

.curriculum-module-v2__image-preview-description {
    display: none;

    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;

    padding: 12px;
    border-radius: 16px;

    background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
    color: var(--color-content-inverted-primary);

    font: var(--font-ys-caption-12-regular);

    font-feature-settings: 'pnum' on, 'lnum' on;
}

.curriculum-module-v2__image-preview-wrapper {
    width: 280px;
    height: 168px;

    position: relative;

    border-radius: 16px;
}

.curriculum-module-v2__image-preview-wrapper:hover .curriculum-module-v2__image-preview-description {
        display: flex;
        align-items: flex-end;
    }

@media (max-width: 539px) {.landings-v2-page_short-mobile .curriculum-module-v2__subsection-description {
        font: var(--font-ys-caption-14-regular);
        font-feature-settings: 'pnum' on, 'lnum' on
}
    }

.curriculum-module-v2__subsection-description_highlighted {
    color: #21d49e;
    text-decoration: none;

    position: relative;

    z-index: 3;
}

.curriculum-module-v2_semidark .curriculum-module-v2__subsection-description_highlighted {
    color: var(--color-accent-success);
}

.curriculum-module-v2__subsection-description_highlighted:hover {
    color: #18b686;
}

.curriculum-module-v2_semidark .curriculum-module-v2__subsection-description_highlighted:hover {
    color: var(--color-palette-green-dark);
}

.curriculum-module-v2__subsection {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-8);

    position: relative;
}

    @media (max-width: 539px) {.curriculum-module-v2__subsection {
        gap: var(--spacing-12);

        padding-block-end: 20px;
        border-block-end: solid 1px var(--color-background-stroke)
}
    }

@media (max-width: 539px) {

.landings-v2-page_short-mobile .curriculum-module-v2__subsection {
        padding-block-end: 12px
}
    }

.curriculum-module-v2__subsection-arrow {
    flex-shrink: 0;

    margin-inline-start: var(--spacing-8);
}

.curriculum-module-v2__subsection-arrow_opened {
    transform: rotate(180deg);
}

.curriculum-module-v2__subsection-title {
    display: flex;
    justify-content: space-between;
    align-items: center;

    font: var(--font-ys-header-28-regular);

    font-feature-settings: 'pnum' on, 'lnum' on;
}

    @media (max-width: 1023px) {.curriculum-module-v2__subsection-title {
        font: var(--font-ys-header-24-regular);
        font-feature-settings: 'pnum' on, 'lnum' on
}
    }

@media (max-width: 539px) {

.landings-v2-page_short-mobile .curriculum-module-v2__subsection-title {
        font: var(--font-ys-body-18-regular-ui);
        font-feature-settings: 'pnum' on, 'lnum' on
}
    }

.curriculum-module-v2__tags {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-8);

    margin-block-start: var(--spacing-40);
    margin-block-end: 0;
    padding: 0;
}

    @media (max-width: 1439px) {.curriculum-module-v2__tags {
        margin-block-start: var(--spacing-24)
}
    }

@media (max-width: 539px) {

.landings-v2-page_short-mobile .curriculum-module-v2__tags {
        margin-block-start: var(--spacing-20)
}
    }

.curriculum-module-v2__tag {
    padding: 8px 12px;
    border-radius: 8px;

    background-color: var(--color-background-glassy-a);

    list-style-type: none;
}

@media (max-width: 539px) {

.landings-v2-page_short-mobile .curriculum-module-v2__tag {
        border-radius: 4px;

        font: var(--font-ys-caption-12-regular);

        font-feature-settings: 'pnum' on, 'lnum' on
}
    }

.curriculum-module-v2__trial-lesson {
    width: 100%;
    height: calc(100% - var(--spacing-24));

    margin-block-start: var(--spacing-24);
    border: none;
    border-radius: 24px;
}

@media (max-width: 539px) {

.landings-v2-page_short-mobile .curriculum-module-v2__trial-lesson {
        border-radius: 8px
}
    }

.curriculum-module-v2__redirect-button.curriculum-module-v2__redirect-button {
    width: 100%;

    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-color: var(--color-accent-success);
}

.curriculum-module-v2__redirect-button.curriculum-module-v2__redirect-button:hover {
    background-color: var(--color-palette-green-dark);
}

.curriculum-module-v2__redirect-button.curriculum-module-v2__redirect-button:active {
    transform: none;
}

@media (max-width: 539px) {

.landings-v2-page_short-mobile .curriculum-module-v2__redirect-button.curriculum-module-v2__redirect-button {
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px
}
    }

.curriculum-module-v2__redirect-button-wrapper {
    display: flex;
    justify-content: center;

    position: sticky;
    bottom: 0;

    width: 100%;
}

    @media (max-width: 539px) {.curriculum-module-v2__redirect-button-wrapper {
        bottom: calc(-1 * var(--offset-width))
}
    }

.curriculum-module-v2__trial-lesson-loader {
    display: flex;
    justify-content: center;
    align-items: center;

    width: 100%;
    height: 100%;
}

.curriculum-module-v2__trial-lesson-wrapper {
    position: relative;

    width: 100%;
    height: 640px;

    transition: height 400ms ease-out;
}

    @media (max-width: 1439px) {.curriculum-module-v2__trial-lesson-wrapper {
        height: 540px
}
    }

    @media (max-width: 1023px) {.curriculum-module-v2__trial-lesson-wrapper {
        height: 460px
}
    }

    @media (max-width: 767px) {.curriculum-module-v2__trial-lesson-wrapper {
        height: 600px
}
    }

    @media (max-width: 539px) {.curriculum-module-v2__trial-lesson-wrapper {
        --offset-width: var(--spacing-16);

        width: calc(100% + var(--offset-width) * 2);

        margin-inline-start: calc(-1 * var(--offset-width));
        margin-block-end: calc(-1 * var(--offset-width))
}
    }

@media (max-width: 539px) {

.landings-v2-page_short-mobile .curriculum-module-v2__trial-lesson-wrapper {
        --padding-width: var(--spacing-8);
        --offset-width: var(--spacing-12)
}
    }

.curriculum-module-v2__trial-lesson-wrapper_loading {
    height: 0;

    margin-block-end: 0;
}

.curriculum-module-v2__slide-down {
    display: flex;
    flex-direction: column;

    max-height: 1000vh;

    transition-property: max-height;
    transition-duration: 400ms;
    transition-timing-function: ease-out;
    transition-delay: -200ms;
}

.curriculum-module-v2__slide-down_closed {
    max-height: 0;
}

.curriculum-module-v2__additional-info {
    display: flex;
    gap: var(--spacing-36);

    position: relative;

    margin-block-start: var(--spacing-48);
}

    @media (max-width: 1439px) {.curriculum-module-v2__additional-info {
        flex-direction: column;

        gap: var(--spacing-24)
}
    }

    @media (max-width: 1023px) {.curriculum-module-v2__additional-info {
        margin-block-start: var(--spacing-32)
}
    }

@media (max-width: 539px) {

.landings-v2-page_short-mobile .curriculum-module-v2__additional-info {
        gap: var(--spacing-20);

        margin-block-start: var(--spacing-40)
}
    }

.curriculum-module-v2__projects.curriculum-module-v2__projects {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-16);

    position: relative;
}

    @media (max-width: 1439px) {.curriculum-module-v2__projects.curriculum-module-v2__projects {
        flex-direction: row
}
    }

    @media (max-width: 1023px) {.curriculum-module-v2__projects.curriculum-module-v2__projects {
        flex-direction: column
}
    }

.curriculum-module-v2__projects-description {
    display: flex;
    flex-direction: column;
    justify-content: space-between;

    height: 100%;

    font: var(--font-ys-header-28-regular);

    font-feature-settings: 'pnum' on, 'lnum' on;
}

    @media (max-width: 1023px) {.curriculum-module-v2__projects-description {
        font: var(--font-ys-header-24-regular);
        font-feature-settings: 'pnum' on, 'lnum' on
}
    }

@media (max-width: 539px) {

.landings-v2-page_short-mobile .curriculum-module-v2__projects-description {
        font: var(--font-ys-body-18-regular-ui);
        font-feature-settings: 'pnum' on, 'lnum' on
}
    }

.curriculum-module-v2__projects-description_with-images {
    max-width: 320px;
    height: auto;
}

    @media (max-width: 1023px) {.curriculum-module-v2__projects-description_with-images {
        max-width: 100%
}
    }

.curriculum-module-v2__projects-images {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-8);
}

    @media (max-width: 1439px) {.curriculum-module-v2__projects-images {
        flex-direction: row;
        flex-wrap: wrap
}
    }

    @media (max-width: 539px) {.curriculum-module-v2__projects-images {
        flex-direction: column
}
    }

.curriculum-module-v2__subsections.curriculum-module-v2__subsections {
    --columns-count: 3;
    --column-width: 300px;

    grid-template-columns: repeat(var(--columns-count), var(--column-width));
    gap: var(--spacing-36);
}

    @media (max-width: 1439px) {.curriculum-module-v2__subsections.curriculum-module-v2__subsections {
        --column-width: 1fr;

        gap: var(--spacing-24)
}
    }

    @media (max-width: 1023px) {.curriculum-module-v2__subsections.curriculum-module-v2__subsections {
        --columns-count: 1
}
    }

    @media (max-width: 539px) {.curriculum-module-v2__subsections.curriculum-module-v2__subsections {
        gap: var(--spacing-20)
}
    }

@media (max-width: 539px) {

.landings-v2-page_short-mobile .curriculum-module-v2__subsections {
        gap: var(--spacing-12)
}
    }

.curriculum-module-v2__trial-lesson-pointer {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;

    margin-block-end: calc(-1 * var(--spacing-12));
    padding-block-start: 36px;
    padding-block-end: 12px;
    padding-inline-end: 53px;

    background: bottom 0 right 175px no-repeat;

    font: var(--font-ys-caption-12-regular);

    font-feature-settings: 'pnum' on, 'lnum' on;
    color: var(--color-content-secondary);
}

.curriculum-module-v2_dark .curriculum-module-v2__trial-lesson-pointer {
    background-image: url('https://code.s3.yandex.net/landing-v2/curriculum-arrow.svg');
}

.curriculum-module-v2_semidark .curriculum-module-v2__trial-lesson-pointer {
    background-image: url('https://code.s3.yandex.net/landing-v2/curriculum-arrow-dark.svg');
}

@media (max-width: 539px) {

.landings-v2-page_short-mobile .curriculum-module-v2__trial-lesson-pointer {
        padding-block-start: 20px;
        padding-inline-end: 16px;
        margin-block-end: 0;

        background-position: bottom 0 right 140px
}
    }

.curriculum-module-v2 {
    --padding-width: 24px;

    position: relative;

    overflow: hidden;

    max-width: 1376px;

    padding: var(--padding-width);
    border-radius: 24px;
    border: none;

    background-color: var(--color-background-default);
    color: var(--color-content-primary);

    text-align: left;
}

    @media (max-width: 1439px) {.curriculum-module-v2 {
        margin-inline: var(--spacing-32)
}
    }

    @media (max-width: 1023px) {.curriculum-module-v2 {
        margin-inline: var(--spacing-24)
}
    }

    @media (max-width: 539px) {.curriculum-module-v2 {
        margin: 0;
        --padding-width: 16px
}
    }

.curriculum-module-v2:hover .curriculum-module-v2__slide-down_closed {
    max-height: 56px;
}

@media (max-width: 1023px) {

.curriculum-module-v2:hover .curriculum-module-v2__slide-down_closed {
        max-height: 0
}
    }

.curriculum-module-v2:hover .curriculum-module-v2__slide-down_closed::before {
    content: '';

    position: absolute;
    bottom: 0;
    z-index: 1;

    width: 100%;
    height: 56px;

    background: linear-gradient(180deg, transparent 0%, var(--color-background-default) 100%);

    pointer-events: none;
}

@media (max-width: 1023px) {

.curriculum-module-v2:hover .curriculum-module-v2__slide-down_closed::before {
        display: none
}
    }

.curriculum-module-v2:focus-within .curriculum-module-v2__slide-down {
    transition-duration: 500ms;
    transition-timing-function: cubic-bezier(1, 0, 1, 0);
}

.curriculum-module-v2:focus-within .curriculum-module-v2__slide-down_closed {
    transition-timing-function: cubic-bezier(0, 1, 0, 1);
}

@media (max-width: 539px) {

.landings-v2-page_short-mobile .curriculum-module-v2 {
        margin-inline: var(--spacing-8);
        --padding-width: 12px;
        border-radius: 8px
}
    }

.curriculum-module-v2_dark {
    /* Цвета из тёмной темы, которых нет в палетке */
    background-color: #202124;
    color: #d6d6d6;
}

    .curriculum-module-v2_dark .curriculum-module-v2__title,
    .curriculum-module-v2_dark .curriculum-module-v2__details {
        color: var(--color-content-inverted-primary);
    }

    .curriculum-module-v2_dark .curriculum-module-v2__description,
    .curriculum-module-v2_dark .curriculum-module-v2__trial-lesson-pointer {
        color: var(--color-content-inverted-secondary);
    }

    .curriculum-module-v2_dark .curriculum-module-v2__tag {
        background-color: var(--color-palette-white-200-a);
        color: var(--color-content-inverted-primary);
    }

    @media (max-width: 539px) {

    .curriculum-module-v2_dark .curriculum-module-v2__subsection {
            border-block-end-color: #2e2e2e
    }
        }

.curriculum-module-v2_dark:hover .curriculum-module-v2__slide-down_closed.curriculum-module-v2__slide-down_closed::before {
        background: linear-gradient(180deg, transparent 0%, #202124 100%);
    }

.curriculum-module-v2_semidark {
    /* Цвета из тёмной темы, которых нет в палетке */
    background-color: var(--color-palette-black-200);
    color: var(--color-palette-black-800-a);
}

    .curriculum-module-v2_semidark .curriculum-module-v2__title {
        color: var(--color-palette-black-800-a);
    }

    .curriculum-module-v2_semidark .curriculum-module-v2__description,
    .curriculum-module-v2_semidark .curriculum-module-v2__subsection-description,
    .curriculum-module-v2_semidark .curriculum-module-v2__details,
    .curriculum-module-v2_semidark .curriculum-module-v2__trial-lesson-pointer {
        color: var(--color-content-secondary);
    }

    .curriculum-module-v2_semidark .curriculum-module-v2__tag {
        background-color: var(--color-palette-black-200-a);
        color: var(--color-content-primary);
    }

    @media (max-width: 539px) {

    .curriculum-module-v2_semidark .curriculum-module-v2__subsection {
            border-block-end-color: #2e2e2e
    }
        }

.curriculum-module-v2_semidark:hover .curriculum-module-v2__slide-down_closed.curriculum-module-v2__slide-down_closed::before {
        background: linear-gradient(180deg, transparent 0%, var(--color-palette-black-200) 100%);
    }

.curriculum-module-v2_openable:hover {
    box-shadow: var(--shadow-medium-hovered);
}

.curriculum-module-v2_openable:active {
    box-shadow: var(--shadow-medium-pressed);
}

.curriculum-module-v2__description {
    margin-inline-end: calc(2 * var(--spacing-48));

    font: var(--font-ys-header-20-regular);

    font-feature-settings: 'pnum' on, 'lnum' on;
}

    @media (max-width: 1439px) {.curriculum-module-v2__description {
        font: var(--font-ys-body-18-regular-ui);
        font-feature-settings: 'pnum' on, 'lnum' on
}
    }

    @media (max-width: 1023px) {.curriculum-module-v2__description {
        margin: 0
}
    }

    @media (max-width: 539px) {.curriculum-module-v2__description {
        font: var(--font-ys-body-16-regular-ui);
        font-feature-settings: 'pnum' on, 'lnum' on
}
    }

@media (max-width: 539px) {

.landings-v2-page_short-mobile .curriculum-module-v2__description {
        font: var(--font-ys-caption-14-regular);
        font-feature-settings: 'pnum' on, 'lnum' on
}
    }

.curriculum-module-v2__details {
    display: flex;
    justify-content: space-between;
}

    @media (max-width: 539px) {.curriculum-module-v2__details {
        flex-direction: column-reverse;
        align-items: flex-start;
        gap: var(--spacing-16);

        margin-inline-end: var(--spacing-36)
}
    }

@media (max-width: 539px) {

.landings-v2-page_short-mobile .curriculum-module-v2__details {
        gap: var(--spacing-12);

        font: var(--font-ys-caption-12-regular);

        font-feature-settings: 'pnum' on, 'lnum' on
}
    }

.curriculum-module-v2__title {
    margin: var(--spacing-12) 0 var(--spacing-8);

    font: var(--font-ys-header-32-regular);

    font-feature-settings: 'pnum' on, 'lnum' on;
}

    @media (max-width: 1023px) {.curriculum-module-v2__title {
        font: var(--font-ys-header-28-regular);
        font-feature-settings: 'pnum' on, 'lnum' on
}
    }

@media (max-width: 539px) {

.landings-v2-page_short-mobile .curriculum-module-v2__title {
        margin-block: var(--spacing-4);

        font: var(--font-ys-header-20-regular);

        font-feature-settings: 'pnum' on, 'lnum' on
}
    }

.curriculum-section-v2 {
    margin-bottom: var(--section-margin-bottom);
}

.curriculum-section-v2__header-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: var(--spacing-8);

    margin-block-end: var(--spacing-36);
}

    @media (max-width: 1439px) {.curriculum-section-v2__header-wrapper {
        margin-inline: var(--spacing-32)
}
    }

    @media (max-width: 1023px) {.curriculum-section-v2__header-wrapper {
        flex-direction: column;
        align-items: flex-start;

        margin-block-end: var(--spacing-24)
}
    }

    @media (max-width: 539px) {.curriculum-section-v2__header-wrapper {
        margin-inline: var(--spacing-16)
}
    }

@media (max-width: 539px) {

.landings-v2-page_short-mobile .curriculum-section-v2__header-wrapper {
        margin-inline: var(--spacing-8)
}
    }

.curriculum-section-v2__header.curriculum-section-v2__header {
    width: 100%;

    margin-block-end: 0;
    padding: 0;
}

.curriculum-section-v2__modules {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-16);
}

@media (max-width: 539px) {

.landings-v2-page_short-mobile .curriculum-section-v2__modules {
        gap: var(--spacing-8)
}
    }

.squad-surge-info {
    position: relative;
    width: 100%;
    z-index: 2;

    display: flex;
    flex-direction: column;
    align-items: center;

    margin-block-start: var(--spacing-16);

    font: var(--font-ys-body-16-medium-ui);

    font-feature-settings: 'pnum' on, 'lnum' on;
}

    @media (max-width: 767px) {.squad-surge-info {
        font: var(--font-ys-caption-14-medium);
        font-feature-settings: 'pnum' on, 'lnum' on
}
    }

.squad-surge-info__icon {
    margin-inline-start: var(--spacing-4);
    flex-shrink: 0;
}

.squad-surge-info__limit {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 1;
    gap: var(--spacing-4);

    color: var(--color-accent-notice);

    margin-block-start: var(--spacing-4);
}

.demo-section {
    margin-block-end: var(--section-margin-bottom);
}

.demo-section__content {
    max-width: var(--max-content-width);
    margin: 0 auto;
}

.demo-section__header {
    margin-block-end: var(--spacing-48);
}

@media (max-width: 1439px) {.demo-section__info-block {
        padding: 0 32px
}
    }
    @media (max-width: 1023px) {.demo-section__info-block {
        padding: 0
}
    }
    .demo-section__info-block:not(:last-child) {
        margin-block-end: var(--spacing-120);
    }
    @media (max-width: 1023px) {
    .demo-section__info-block:not(:last-child) {
            margin-block-end: var(--spacing-8)
    }
        }

@media (max-width: 539px) {

.landings-v2-page_short-mobile .demo-section__info-block {
        --image-gallery-height: auto;

        flex-direction: row-reverse;
        gap: var(--spacing-12);

        margin-inline: var(--spacing-8);
        padding: 8px 10px;
        border-radius: 12px
}
    }

@media (max-width: 539px) {.landings-v2-page_short-mobile .demo-section__info-block-content {
        margin: 0
}
    }

@media (max-width: 539px) {.landings-v2-page_short-mobile .demo-section__info-block-media-container {
        width: 50%;

        margin-block-start: 0
}
    }

@media (max-width: 539px) {.landings-v2-page_short-mobile .demo-section__info-block-text {
        color: var(--color-content-secondary);
        font: var(--font-ys-caption-14-regular);
        font-feature-settings: 'pnum' on, 'lnum' on
}
    }

@media (max-width: 539px) {.landings-v2-page_short-mobile .demo-section__info-block-title {
        margin-block-end: var(--spacing-4);

        font: var(--font-ys-body-16-regular-paragraph);

        font-feature-settings: 'pnum' on, 'lnum' on;
        font-weight: bold
}
    }

.faq__item {
    --faq-item-top-padding: 24px;
    --faq-item-bottom-padding: calc(var(--faq-item-top-padding) - 8px);

    position: relative;

    padding: var(--faq-item-top-padding) 0 var(--faq-item-bottom-padding);

    border-bottom: 1px solid var(--color-background-glassy-b);

    cursor: pointer;
}

    .faq__item:hover .faq__question-icon-wrapper {
            color: var(--color-content-inverted-primary);

            background-color: var(--color-palette-black-1000);
        }

    @media (max-width: 359px) {.faq__item {
        --faq-item-top-padding: 16px;
        --faq-item-bottom-padding: 12px
}
    }

@media (max-width: 539px) {

.landings-v2-page_short-mobile .faq__item {
        padding: 10px;
        border: none;
        border-radius: 8px;

        background-color: var(--color-background-default)
}
    }

.faq__answer {
    font: var(--font-ys-body-16-regular-paragraph);
    font-feature-settings: 'pnum' on, 'lnum' on;

    cursor: default;

    transition-timing-function: ease;
    transition-duration: 0.3s;
}

    .faq__answer .faq__markdown a {
        position: relative;
        z-index: 1;

        color: var(--default-profession-color);

        color: var(--profession-color, var(--default-profession-color));
    }

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

    font: var(--font-ys-header-20-bold);

    font-feature-settings: 'pnum' on, 'lnum' on;
    word-break: break-word;

    transition: padding 0.3s ease;
}

    @media (max-width: 359px) {.faq__question {
        font: var(--font-ys-body-16-medium-paragraph);
        font-feature-settings: 'pnum' on, 'lnum' on
}
    }

@media (max-width: 539px) {

.landings-v2-page_short-mobile .faq__question {
        font: var(--font-ys-body-16-regular-ui);
        font-feature-settings: 'pnum' on, 'lnum' on
}
    }

.faq__question_open {
    padding-block-end: 8px;
}

    .faq__question_open .faq__question-icon-wrapper {
        transform: rotate(-45deg);
    }

@media (max-width: 539px) {.faq__question-icon {
        width: 16px
}
    }

.faq__question-icon-wrapper {
    display: flex;
    flex: 0 0 auto;
    justify-content: center;
    align-items: center;

    width: 36px;
    height: 36px;

    margin-left: 20px;

    border-radius: 50%;

    background-color: var(--color-background-default);

    box-shadow: var(--shadow-medium-hovered);

    transition-property: transform, color, background-color;
    transition-duration: 0.3s;
    transition-timing-function: ease;
}

@media (max-width: 539px) {

.landings-v2-page_short-mobile .faq__question-icon-wrapper {
        width: 20px;
        height: 20px;

        box-shadow: none
}
    }

.faq__toggle-item-button {
    display: block;

    width: 0;
    height: 0;

    padding: 0;
    border: none;
}

.faq__toggle-item-button::after {
    content: '';

    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;

    cursor: pointer;
}

.faq__toggle-item-button:focus-visible::after {
    outline: inherit;
}

.faq {
    margin: 0 auto;

    max-width: 800px;
}

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

@media (max-width: 539px) {

.landings-v2-page_short-mobile .faq__content {
        gap: var(--spacing-4);

        position: relative;

        max-height: 337px;

        overflow: hidden
}

        .landings-v2-page_short-mobile .faq__content::after {
            content: '';

            position: absolute;
            bottom: 0;

            width: 100%;
            height: 74px;

            background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, var(--color-background-alternate) 58%);
        }
    }

@media (max-width: 539px) {.landings-v2-page_short-mobile .faq__content_full {
        max-height: unset
}

        .landings-v2-page_short-mobile .faq__content_full::after {
            display: none;
        }
    }

.faq__show-full-button.faq__show-full-button {
    display: none;
}

    @media (max-width: 539px) {.faq__show-full-button.faq__show-full-button {
        display: block;

        position: relative;
        bottom: 24px;

        margin-inline: auto;

        color: var(--color-content-secondary)
}
    }

.faq-section {
    margin-block-end: var(--spacing-64);
}

.faq-section__content {
    margin: 0 auto;
    padding-inline: 32px;
}

    @media (max-width: 539px) {.faq-section__content {
        padding-inline: 16px
}
    }

@media (max-width: 539px) {

.landings-v2-page_short-mobile .faq-section__content {
        padding-inline: 12px
}
    }

.faq-section__title {
    text-align: center;
}

    @media (max-width: 1023px) {.faq-section__title {
        margin-block-end: var(--spacing-16)
}
    }

@media (max-width: 539px) {

.landings-v2-page_short-mobile .faq-section__title {
        text-align: left
}
    }

.free-section {
    margin-bottom: var(--section-margin-bottom);
}

    .free-section__cover {
        height: auto;
    }

    .free-section__wrapper {
        padding: var(--spacing-24) var(--spacing-32);

        background-color: var(--color-background-default);
        max-width: var(--max-content-width);
        margin: 0 auto var(--spacing-8);
        border-radius: 24px;
    }

    .free-section__wrapper_grid {
            display: grid;

            grid-template-columns: repeat(3, 1fr);
            grid-template-areas: 'content content image' 'footer footer image';
        }

    @media (max-width: 1279px) {

    .free-section__wrapper_grid {
                grid-template-areas: 'content content image' 'footer footer footer'
        }
            }

    @media (max-width: 1023px) {

    .free-section__wrapper_grid {
                grid-template-areas: 'content content content' 'footer footer footer'
        }
            }

    @media (max-width: 1023px) {

    .free-section__wrapper {
            padding: var(--spacing-32)
    }
        }

    @media (max-width: 539px) {

    .free-section__wrapper {
            padding: var(--spacing-24) var(--spacing-16)
    }
        }

    .free-section__header {
        margin-left: 0px;
        margin-bottom: var(--spacing-24);

        padding: 0px;
    }

    @media (max-width: 539px) {

    .free-section__header {
            margin-bottom: var(--spacing-8)
    }
        }

    .free-section__link {
        display: block;

        width: 100%;
        height: 60px;
    }

    .free-section__button-wrapper {
        position: relative;
    }

    .free-section__button {
        --accent-color: var(--profession-color, var(--default-profession-color));

        display: flex;
        width: 100%;
    }

    .free-section__information-title {
        margin: 0 0 var(--spacing-8);
        font: var(--font-ys-header-40-bold);
        font-feature-settings: 'pnum' on, 'lnum' on;
    }

    @media (max-width: 1023px) {

    .free-section__information-title {
            font: var(--font-ys-header-28-bold);
            font-feature-settings: 'pnum' on, 'lnum' on
    }
        }

    .free-section__information-text {
        margin: 0 0 var(--spacing-16);

        font: var(--font-ys-body-18-regular-paragraph);

        font-feature-settings: 'pnum' on, 'lnum' on;
        max-width: 100%;
    }

    .free-section__image {
        width: 100%;
        height: 208px;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .free-section__subtitle {
        margin: var(--spacing-24) 0;

        font: var(--font-ys-body-18-regular-paragraph);

        font-feature-settings: 'pnum' on, 'lnum' on;
    }

    .free-section__content {
        grid-area: content;
    }

    .free-section__footer {
        margin: var(--spacing-24) 0 0;

        grid-area: footer;
    }

    .free-section__content-image-wrapper {
        display: flex;
        align-items: center;

        grid-area: image;
    }

    @media (max-width: 1023px) {

    .free-section__content-image-wrapper {
            display: none
    }
        }

    .free-section__content-image {
        width: 100%;
    }

    .free-section__buy-link {
        text-decoration: none;
    }

    .free-section__buy-button {
        width: 100%;
    }

    .free-section__limited-block {
        display: flex;
    }

    .free-section__limited-content {
        flex: 2;
    }

    .free-section__limited-space {
        flex: 1;
    }

    @media (max-width: 1279px) {

    .free-section__limited-space {
            flex: 0
    }
        }

.free-section-v2__block {
    overflow: hidden;

    border-radius: 24px;
    background-color: var(--color-background-default);
}

.free-section-v2__block + .free-section-v2__block {
    margin-block-start: var(--spacing-16);
}

@media (max-width: 1023px) {

.free-section-v2__block + .free-section-v2__block {
        margin-block-start: var(--spacing-24)
}
    }

@media (max-width: 539px) {

.landings-v2-page_short-mobile .free-section-v2__block {
        border-radius: 12px
}
    }

@media (max-width: 539px) {

.landings-v2-page_short-mobile .free-section-v2__block + .free-section-v2__block {
        margin-block-start: var(--spacing-16)
}
    }

.free-section-v2__block_dark {
    /* Дефолтный цвет из тёмной темы, которого нет в палетке */
    background-color: #202124;
}

.free-section-v2__block_padding_m {
    padding: 40px 60px 60px 40px;
}

    @media (max-width: 1023px) {.free-section-v2__block_padding_m {
        padding: 32px 32px 24px
}
    }

    @media (max-width: 539px) {.free-section-v2__block_padding_m {
        padding: 16px
}
    }

.free-section-v2__block_padding_s {
    padding: 40px;
}

    @media (max-width: 1023px) {.free-section-v2__block_padding_s {
        padding: 32px
}
    }

    @media (max-width: 539px) {.free-section-v2__block_padding_s {
        padding: 16px
}
    }

.free-section-v2__freetrack-header {
    position: relative;
    z-index: 1;
}

.free-section-v2__freetrack-header_size_s {
    width: 750px;
    max-width: 100%;
}

    @media (max-width: 1023px) {.free-section-v2__freetrack-header_size_s {
        width: 600px
}
    }

.free-section-v2__freetrack-header_size_m {
    width: 1000px;
    max-width: 100%;
}

    @media (max-width: 1023px) {.free-section-v2__freetrack-header_size_m {
        width: 600px
}
    }

.free-section-v2__freetrack-header-subtitle {
    width: 600px;
    max-width: 100%;

    margin: 0;

    font: var(--font-ys-body-18-regular-paragraph);

    font-feature-settings: 'pnum' on, 'lnum' on;
    color: var(--color-palette-white-500-a);
}

    @media (max-width: 1023px) {.free-section-v2__freetrack-header-subtitle {
        width: 100%
}
    }

@media (max-width: 539px) {

.landings-v2-page_short-mobile .free-section-v2__freetrack-header-subtitle {
        font: var(--font-ys-caption-14-regular);
        font-feature-settings: 'pnum' on, 'lnum' on
}
    }

.free-section-v2__freetrack-header-title {
    margin-block: 0 var(--spacing-12);

    font: var(--font-ys-header-48-medium);

    font-feature-settings: 'pnum' on, 'lnum' on;
    color: var(--color-palette-white-1000);
}

    @media (max-width: 1023px) {.free-section-v2__freetrack-header-title {
        font: var(--font-ys-header-28-medium);
        font-feature-settings: 'pnum' on, 'lnum' on
}
    }

@media (max-width: 539px) {

.landings-v2-page_short-mobile .free-section-v2__freetrack-header-title {
        font: var(--font-ys-header-24-bold);
        font-feature-settings: 'pnum' on, 'lnum' on
}
    }

.free-section-v2__freetrack-illustration {
    position: absolute;
    right: 0;
    bottom: -20px;

    width: 480px;
    max-width: calc(100% - 600px);
}

    @media (max-width: 1023px) {.free-section-v2__freetrack-illustration {
        position: relative;
        bottom: 0;

        width: 375px;
        max-width: 100%;

        margin-inline: auto
}
    }

    @media (max-width: 767px) {.free-section-v2__freetrack-illustration {
        width: 325px
}
    }

.free-section-v2__freetrack-illustration-wrapper {
    width: 100%;

    padding-block-end: calc(395 / 472 * 100%);
}

.free-section-v2__freetrack-illustration-item {
    position: absolute;
    left: 0;
    top: 0;

    width: 100%;
    height: 100%;
}

.free-section-v2__freetrack-illustration-svg {
    color: var(--profession-color);
}

.free-section-v2__freetrack-illustration-image {
    -o-object-fit: contain;
       object-fit: contain;
}

.free-section-v2__price {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-4);
    flex: 0 1 auto;

    max-width: 230px;
}

.free-section-v2__price:last-child {
    flex: 0 0 208px;

    max-width: 208px;
}

@media (max-width: 1023px) {

.free-section-v2__price:last-child {
        flex: 0 1 auto
}
    }

@media (max-width: 539px) {

.landings-v2-page_short-mobile .free-section-v2__price {
        max-width: 165px
}
    }

.free-section-v2__price-text {
    color: var(--color-palette-white-500-a);
    font: var(--font-ys-body-18-regular-ui);
    font-feature-settings: 'pnum' on, 'lnum' on;
}

@media (max-width: 539px) {

.landings-v2-page_short-mobile .free-section-v2__price-text {
        font: var(--font-ys-caption-14-regular);
        font-feature-settings: 'pnum' on, 'lnum' on
}
    }

.free-section-v2__price-title {
    position: relative;

    font: var(--font-ys-header-32-medium);

    font-feature-settings: 'pnum' on, 'lnum' on;
    color: var(--color-palette-white-1000);
}

    @media (max-width: 1023px) {.free-section-v2__price-title {
        font: var(--font-ys-header-24-medium);
        font-feature-settings: 'pnum' on, 'lnum' on
}
    }

.free-section-v2__price-discount-icon {
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(80%, -35%);

    display: flex;
    justify-content: center;
    align-items: center;

    width: 24px;
    height: 24px;

    border-radius: 50%;

    background-color: var(--color-accent-notice);
}

@media (max-width: 539px) {

.landings-v2-page_short-mobile .free-section-v2__price-title {
        font: var(--font-ys-header-20-medium);
        font-feature-settings: 'pnum' on, 'lnum' on
}
    }

@media (max-width: 539px) {

.landings-v2-page_short-mobile .free-section-v2__price-discount-icon {
        transform: translate(150%, -35%)
}
    }

.free-section-v2__start-learning-button.free-section-v2__start-learning-button {
    width: 100%;
}

    .free-section-v2__start-learning-button.free-section-v2__start-learning-button:hover {
        background-color: var(--color-accent-neutral-hover);
    }

.free-section-v2__prices-block {
    width: 556px;
    max-width: 100%;
}

    @media (max-width: 1023px) {.free-section-v2__prices-block {
        width: 485px
}
    }

.free-section-v2__badge {
    position: absolute;
    top: -12px;
    right: -20px;
    z-index: 1;

    transform: rotate(-4deg);
}

    @media (max-width: 1023px) {.free-section-v2__badge {
        right: -10px
}
    }

.free-section-v2__button-wrapper {
    position: relative;
}

.free-section-v2__prices {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: var(--spacing-24);

    margin-block-end: var(--spacing-24);
}

    @media (max-width: 767px) {.free-section-v2__prices {
        margin-block-end: var(--spacing-16)
}
    }

.free-section-v2__freetrack {
    position: relative;

    display: flex;
    flex-direction: column;
    gap: var(--spacing-120);
}

    @media (max-width: 1023px) {.free-section-v2__freetrack {
        gap: var(--spacing-16)
}
    }

.free-section-v2__partial-payment-advantages-illustration {
    display: flex;
    align-items: center;

    width: 549px;
    max-width: 100%;

    margin-inline-start: auto;
}

    @media (max-width: 1023px) {.free-section-v2__partial-payment-advantages-illustration {
        width: 486px;

        margin-inline: auto
}
    }

.free-section-v2__partial-payment-advantages-illustration-wrapper {
    position: relative;

    width: 100%;

    padding-block-end: calc(312 / 549 * 100%);
}

.free-section-v2__partial-payment-advantages-illustration-image {
    position: absolute;
    left: 0;
    top: 0;

    width: 100%;
    height: 100%;

    -o-object-fit: contain;

       object-fit: contain;
}

.free-section-v2__partial-payment-advantages {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-gap: var(--spacing-24);
    gap: var(--spacing-24);

    color: var(--color-content-primary);
}

    @media (max-width: 1023px) {.free-section-v2__partial-payment-advantages {
        grid-template-columns: repeat(1, minmax(0, 1fr))
}
    }

    @media (max-width: 767px) {.free-section-v2__partial-payment-advantages {
        gap: var(--spacing-16)
}
    }

.free-section-v2__partial-payment-advantages-credit-fallback-text {
    margin: 0;

    font: var(--font-ys-body-18-regular-paragraph);

    font-feature-settings: 'pnum' on, 'lnum' on;
}

@media (max-width: 539px) {

.landings-v2-page_short-mobile .free-section-v2__partial-payment-advantages-credit-fallback-text {
        font: var(--font-ys-caption-14-regular);
        font-feature-settings: 'pnum' on, 'lnum' on
}
    }

.free-section-v2__partial-payment-advantages-info {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-24);
}

    @media (max-width: 1023px) {.free-section-v2__partial-payment-advantages-info {
        gap: var(--spacing-16);

        width: 600px;
        max-width: 100%
}
    }

.free-section-v2__partial-payment-advantages-list {
    margin-block: 0;
    padding-inline-start: 1em;
}

.free-section-v2__partial-payment-advantages-list-item {
    padding-inline-start: 4px;

    list-style-type: disclosure-closed;

    font: var(--font-ys-body-18-regular-paragraph);

    font-feature-settings: 'pnum' on, 'lnum' on;
}

.free-section-v2__partial-payment-advantages-list-item::marker {
    color: var(--profession-color);
}

.free-section-v2__partial-payment-advantages-list-item + .free-section-v2__partial-payment-advantages-list-item {
    margin-block-start: var(--spacing-8);
}

@media (max-width: 539px) {

.landings-v2-page_short-mobile .free-section-v2__partial-payment-advantages-list-item {
        font: var(--font-ys-caption-14-regular);
        font-feature-settings: 'pnum' on, 'lnum' on
}
    }

.free-section-v2__partial-payment-advantages-title {
    margin-block: 0;

    font: var(--font-ys-header-48-medium);

    font-feature-settings: 'pnum' on, 'lnum' on;
}

    @media (max-width: 1023px) {.free-section-v2__partial-payment-advantages-title {
        width: 400px;
        max-width: 100%;

        font: var(--font-ys-header-28-medium);

        font-feature-settings: 'pnum' on, 'lnum' on
}
    }

@media (max-width: 539px) {

.landings-v2-page_short-mobile .free-section-v2__partial-payment-advantages-title {
        font: var(--font-ys-header-24-bold);
        font-feature-settings: 'pnum' on, 'lnum' on
}
    }

.free-section-v2 {
    margin-block-end: var(--section-margin-bottom);
}

.free-section-v2__payment {
    margin: var(--spacing-16) 0;
}

.free-section-v2__payment .payment-bullets__list {
    padding: 40px;
}

@media (max-width: 539px) {

.free-section-v2__payment .payment-bullets__list {
        padding: 16px
}
    }

.gallery-section__card {
    --gallery-cards-shift: var(--spacing-32);
    /* 1376px - максимальная длина limited контейнера */
    --gallery-width: 1376px;
}

    @media (max-width: 1439px) {.gallery-section__card {
        --gallery-width: calc(1376px - 2 * var(--gallery-cards-shift));
}
    }

    /* 1376px - максимальная длина limited контейнера */

    @media (max-width: 1376px) {.gallery-section__card {
        --gallery-width: calc(100vw - 2 * var(--gallery-cards-shift));
}
    }

    @media (max-width: 1023px) {.gallery-section__card {
        --gallery-cards-shift: var(--spacing-24);
}
    }

    @media (max-width: 539px) {.gallery-section__card {
        --galley-cards-shift: var(--spacing-8);
}
    }

    .gallery-section__card {

    display: flex;
    flex-direction: column;
    border-radius: var(--border-radius-20);
    background: var(--color-content-inverted-primary);
    height: 100%;
    width: calc(
        (var(--gallery-width) - 16px * (var(--gallery-shown-cards-count) - 1)) / var(--gallery-shown-cards-count)
    );
}

@media (max-width: 539px) {

.landings-v2-page_short-mobile .gallery-section__card {
        border-radius: 8px
}
    }

.gallery-section__card_vertical {
    --offset-width: 0;

    width: calc(100% - 2 * var(--offset-width));

    margin-inline: var(--offset-width);
}

@media (max-width: 539px) {

.landings-v2-page_short-mobile .gallery-section__card_vertical {
        --offset-width: var(--spacing-8)
}
    }

@media (max-width: 539px) {.landings-v2-page_short-mobile .gallery-section__card_with-image {
        border-radius: 12px
}
    }

.gallery-section__card-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1 0 auto;

    padding: 16px;
}

@media (max-width: 539px) {

.landings-v2-page_short-mobile .gallery-section__card-content {
        padding: 8px 10px
}
    }

@media (max-width: 539px) {.landings-v2-page_short-mobile .gallery-section__card-content_with-image {
        padding: 12px
}
    }

.gallery-section__card-image {
    height: 200px;
    -o-object-fit: cover;
       object-fit: cover;

    border-radius: var(--border-radius-16);
}

@media (max-width: 539px) {

.landings-v2-page_short-mobile .gallery-section__card-image {
        height: unset;

        border-radius: var(--border-radius-12)
}
    }

.gallery-section__card-link {
    margin-block-start: var(--spacing-16);

    color: var(--color-content-secondary);
    font: var(--font-ys-body-16-medium-ui);
    font-feature-settings: 'pnum' on, 'lnum' on;
    text-decoration: none;
}

@media (max-width: 539px) {

.landings-v2-page_short-mobile .gallery-section__card-link {
        margin-block-start: var(--spacing-8);

        font: var(--font-ys-caption-14-medium);

        font-feature-settings: 'pnum' on, 'lnum' on
}
    }

.gallery-section__card-text {
    font: var(--font-ys-body-16-regular-ui);
    font-feature-settings: 'pnum' on, 'lnum' on;
}

@media (max-width: 539px) {

.landings-v2-page_short-mobile .gallery-section__card-text {
        font: var(--font-ys-caption-14-regular);
        font-feature-settings: 'pnum' on, 'lnum' on;
        color: var(--color-content-secondary)
}
    }

.gallery-section__card-title {
    margin-bottom: var(--spacing-4);

    font: var(--font-ys-header-20-bold);

    font-feature-settings: 'pnum' on, 'lnum' on;
}

@media (max-width: 539px) {

.landings-v2-page_short-mobile .gallery-section__card-title {
        font: var(--font-ys-body-16-medium-ui);
        font-feature-settings: 'pnum' on, 'lnum' on;
        font-weight: bold
}
    }

.flicking-viewport{position:relative;overflow:hidden}.flicking-camera{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;z-index:1}.flicking-camera>*{-ms-flex-negative:0;flex-shrink:0}.flicking-viewport.vertical{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.flicking-viewport.vertical>.flicking-camera{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.flicking-viewport.flicking-hidden .flicking-camera>*{visibility:hidden}
/*# sourceMappingURL=flicking.css.map */
.gallery-section {
    margin-block-end: var(--section-margin-bottom);
}

.gallery-section__header {
    padding: 0;
}

    @media (max-width: 1439px) {.gallery-section__header {
        padding: 0 32px
}
    }

    @media (max-width: 1023px) {.gallery-section__header {
        padding: 0 24px
}
    }

    @media (max-width: 539px) {.gallery-section__header {
        padding: 0 16px
}
    }

.gallery-section__vertical-cards {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-12);
}

@media (max-width: 539px) {

.landings-v2-page_short-mobile .gallery-section__vertical-cards {
        gap: var(--spacing-8)
}
    }

.grid-cards-section {
    margin: 0 auto var(--section-margin-bottom);

    max-width: var(--max-content-width);
}

.grid-cards-section__columns {
    --columns-count: 2;
    --gap: var(--spacing-16);
    --min-size: calc(50% - var(--gap));

    margin-block-start: var(--spacing-40);
}

    @media (max-width: 1023px) {.grid-cards-section__columns {
        margin-block-start: var(--spacing-36)
}
    }

    @media (max-width: 539px) {.grid-cards-section__columns {
        --columns-count: 1;
        --gap: var(--spacing-8);

        margin-block-start: 0
}
    }

.head-section__advantages {
    margin-top: var(--spacing-4);
    display: grid;
    grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);
    grid-gap: var(--spacing-4);
    gap: var(--spacing-4);
}

    @media (max-width: 1023px) {.head-section__advantages {
        grid-template-columns: none;
        margin-right: var(--spacing-32);
        margin-left: var(--spacing-32)
}
    }

    @media (max-width: 539px) {.head-section__advantages {
        margin-bottom: var(--spacing-32);
        margin-right: var(--spacing-8);
        margin-left: var(--spacing-8)
}
    }

    @media (max-width: 1023px) {

    .head-section__advantages .head-section__ratings {
            order: 1;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            grid-template-rows: 100%
    }
        }

.higher-education-surge {
    display: flex;
    align-items: center;
    gap: var(--spacing-4);

    color: var(--color-accent-notice);
}

.higher-education-surge__icon {
    flex-shrink: 0;
}

.flipping-card__flip-icon {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
}

.flipping-card {
    position: relative;

    display: flex;

    perspective: 30em;
}

.flipping-card_flipped_vertical .flipping-card__body {
    transform: rotateY(180deg);
}

.flipping-card_flipped_horizontal .flipping-card__body {
    transform: rotateX(-180deg);
}

.flipping-card__body {
    display: flex;

    width: 100%;

    transition: transform 0.5s;
    transform-style: preserve-3d;
}

.flipping-card__face {
    display: flex;

    min-width: 100%;

    backface-visibility: hidden;
}

.flipping-card__face_orientation_back-vertical {
    /* translateZ — это хак для сафари, чтобы иконка не скрывалась за карточкой после поворота */
    transform: rotateY(180deg) translateX(100%) translateZ(-1px);
}

.flipping-card__face_orientation_back-horizontal {
    /* translateZ — это хак для сафари, чтобы иконка не скрывалась за карточкой после поворота */
    transform: rotateY(180deg) translateX(100%) translateZ(-1px) rotate(180deg);
}

.flipping-card__face_orientation_front {
    /* translateZ — это хак для сафари, чтобы иконка не скрывалась за карточкой после поворота */
    transform: translateZ(-1px);
}

.flipping-card__flip-button {
    width: 0;
    height: 0;

    padding: 0;

    border: none;
}

.flipping-card__flip-button::after {
    content: '';

    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.flipping-card__flip-button:focus-visible::after {
    outline: inherit;
}

@media (pointer: fine) {
    .flipping-card__flip-button:not(:focus) {
        pointer-events: none;
    }
}

.rating-card {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-4);

    padding: 12px;

    border-radius: var(--border-radius-16);

    background-color: var(--color-background-default);

    color: var(--color-content-primary);
}

    @media (max-width: 1023px) {.rating-card {
        padding: 8px;

        border-radius: var(--border-radius-12)
}
    }

.rating-card__description {
    font: var(--font-ys-body-16-medium-ui);
    font-feature-settings: 'pnum' on, 'lnum' on;
    font-feature-settings:
        'pnum' on,
        'lnum' on;
    color: var(--color-content-secondary);
}

    @media (max-width: 1023px) {.rating-card__description {
        font: var(--font-ys-caption-12-medium);
        font-feature-settings: 'pnum' on, 'lnum' on;
        font-feature-settings:
            'pnum' on,
            'lnum' on
}
    }

.rating-card__title {
    font: var(--font-ys-header-48-bold);
    font-feature-settings: 'pnum' on, 'lnum' on;
    font-feature-settings:
        'pnum' on,
        'lnum' on;
}

    @media (max-width: 1023px) {.rating-card__title {
        font: var(--font-ys-header-28-medium);
        font-feature-settings: 'pnum' on, 'lnum' on;
        font-feature-settings:
            'pnum' on,
            'lnum' on
}
    }

.head-ratings {
    z-index: 1;

    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 156px;
    grid-template-columns: 130px 156px;
    grid-gap: var(--spacing-8);
}

    @media (max-width: 1439px) {.head-ratings {
        grid-auto-columns: 112px;
        grid-template-columns: 96px 112px;
        grid-gap: var(--spacing-4)
}
    }
.head-ratings_set_brokerage {
    grid-template-columns: 156px;
}
@media (max-width: 1439px) {
.head-ratings_set_brokerage {
        grid-template-columns: 112px
}
    }
@media (max-width: 539px) {
.landings-v2-page_short-mobile .head-ratings {
        grid-template-columns: repeat(2, minmax(0, 1fr))
}
        .landings-v2-page_short-mobile .head-ratings:has(.flipping-card:only-child) {
            display: none;
        }
    }
@media (max-width: 539px) {
.landings-v2-page_short-mobile .head-ratings_set_brokerage {
        display: none
}
    }

@media (max-width: 1439px) {.head-ratings__card {
        border-radius: var(--border-radius-12)
}
    }

.head-ratings__card_view_hse {
    background-color: var(--color-accent-main-a);
}

.head-ratings__card_view_brokerage {
    background-color: var(--color-accent-notice);
}

.head-ratings__card_view_rating {
    background-color: var(--color-accent-success);
}

.head-ratings__card-description {
    color: var(--color-content-inverted-primary);
}

    @media (max-width: 1439px) {.head-ratings__card-description {
        font-feature-settings:
            'pnum' on,
            'lnum' on
}
    }

.head-ratings__card-description a {
    position: relative;
    z-index: 2;

    color: inherit;

    text-decoration-color: var(--color-content-inverted-secondary);

    transition: text-decoration-color 0.3s ease;
}

.head-ratings__card-description a:hover {
    text-decoration-color: var(--color-content-inverted-primary);
}

@media (max-width: 539px) {

.landings-v2-page_short-mobile .head-ratings__card-description,
.landings-v2-page_short-mobile .head-ratings__card_type_plain .head-ratings__card-description {
        font: var(--font-ys-caption-12-regular);
        font-feature-settings: 'pnum' on, 'lnum' on;
        font-feature-settings:
            'pnum' on,
            'lnum' on
}
    }

.head-ratings__card-title {
    display: flex;
    align-items: center;
    gap: var(--spacing-4);

    font-feature-settings:
        'pnum' on,
        'lnum' on;
    letter-spacing: -0.4px;

    color: var(--color-content-inverted-primary);
}

    @media (max-width: 1439px) {.head-ratings__card-title {
        font-feature-settings:
            'pnum' on,
            'lnum' on;
        letter-spacing: 0
}
    }

    /* Приподнимаем и отбиваем символ `•` */

    .head-ratings__card-title > span > span {
        margin-inline: 0.05em;
        vertical-align: text-top;
    }

.head-ratings__card-title-flip-icon {
    flex: 0 0 20px;
    align-self: baseline;

    width: 20px;
    height: 20px;

    margin-inline-start: auto;
}

.head-ratings__card-title-flip-icon_flipped {
    transform: rotateY(180deg);
}

.head-ratings__card-title-icon-wrapper {
    display: inline-flex;
}

.head-ratings__card-title-icon-wrapper svg * {
    fill-opacity: 1;
}

.head-ratings__card-title-picture {
    width: 44px;
    height: 44px;

    -o-object-fit: contain;

       object-fit: contain;
}

    @media (max-width: 1439px) {.head-ratings__card-title-picture {
        width: 32px;
        height: 32px
}
    }

@media (max-width: 539px) {

.landings-v2-page_short-mobile .head-ratings__card-title-picture {
        width: 24px;
        height: 24px
}
    }

.head-ratings__flipping-card {
    color: var(--color-content-inverted-primary);
}

    .head-ratings__flipping-card .head-ratings__card_type_plain {
        width: 100%;
    }

    .head-ratings__flipping-card .head-ratings__card_type_plain .head-ratings__card-description {
            padding-right: 24px;
        }

.head-ratings__card_type_default {
    max-height: none;
    padding: 12px;
    flex-direction: column;
    align-items: inherit;
    gap: var(--spacing-8);
}

    @media (max-width: 1439px) {.head-ratings__card_type_default {
        gap: var(--spacing-4);
        padding: 8px
}
    }

    .head-ratings__card_type_default .head-ratings__card-title {
        font: var(--font-ys-header-40-medium);
        font-feature-settings: 'pnum' on, 'lnum' on;
    }

    @media (max-width: 1439px) {

    .head-ratings__card_type_default .head-ratings__card-title {
            font: var(--font-ys-header-28-medium);
            font-feature-settings: 'pnum' on, 'lnum' on
    }
        }

    @media (max-width: 539px) {

    .head-ratings__card_type_default .head-ratings__card-title {
            font: var(--font-ys-header-20-regular);
            font-feature-settings: 'pnum' on, 'lnum' on
    }
        }

    .head-ratings__card_type_default .head-ratings__card-description {
        font: var(--font-ys-body-16-medium-ui);
        font-feature-settings: 'pnum' on, 'lnum' on;
    }

    @media (max-width: 1439px) {

    .head-ratings__card_type_default .head-ratings__card-description {
            font: var(--font-ys-caption-12-medium);
            font-feature-settings: 'pnum' on, 'lnum' on
    }
        }

    .head-ratings__card_type_default .head-ratings__card-title-icon-wrapper svg {
        width: 32px;
        height: 32px;
    }

    @media (max-width: 1439px) {

    .head-ratings__card_type_default .head-ratings__card-title-icon-wrapper svg {
            width: 20px;
            height: 20px
    }
        }

.head-ratings__card_type_plain {
    border-radius: var(--border-radius-12);
    padding: 0 16px;
    flex-direction: row;
    align-items: center;
    gap: var(--spacing-8);
    min-height: 76px;
}

    @media (max-width: 1439px) {.head-ratings__card_type_plain {
        min-height: 64px
}
    }

    @media (max-width: 767px) {.head-ratings__card_type_plain {
        flex-direction: column;
        align-items: flex-start;
        justify-content: space-between;
        padding: 12px;
        min-height: auto
}
    }

    @media (max-width: 539px) {.head-ratings__card_type_plain {
        padding: 8px
}
    }

    .head-ratings__card_type_plain .head-ratings__card-title {
        font: var(--font-ys-header-48-medium);
        font-feature-settings: 'pnum' on, 'lnum' on;
    }

    @media (max-width: 1439px) {

    .head-ratings__card_type_plain .head-ratings__card-title {
            font: var(--font-ys-header-32-medium);
            font-feature-settings: 'pnum' on, 'lnum' on
    }
        }

    @media (max-width: 539px) {

    .head-ratings__card_type_plain .head-ratings__card-title {
            font: var(--font-ys-header-24-regular);
            font-feature-settings: 'pnum' on, 'lnum' on
    }
        }

    .head-ratings__card_type_plain .head-ratings__card-description {
        font: var(--font-ys-body-16-regular-ui);
        font-feature-settings: 'pnum' on, 'lnum' on;
    }

    @media (max-width: 1439px) {

    .head-ratings__card_type_plain .head-ratings__card-description {
            font: var(--font-ys-caption-12-regular);
            font-feature-settings: 'pnum' on, 'lnum' on
    }
        }

    @media (max-width: 1023px) {

    .head-ratings__card_type_plain .head-ratings__card-description {
            font: var(--font-ys-caption-14-regular);
            font-feature-settings: 'pnum' on, 'lnum' on
    }
        }

    .head-ratings__card_type_plain .head-ratings__card-title-icon-wrapper svg {
        width: 30px;
        height: 30px;
    }

    @media (max-width: 1439px) {

    .head-ratings__card_type_plain .head-ratings__card-title-icon-wrapper svg {
            width: 24px;
            height: 24px
    }
        }

.head-ratings__flipping-card-flip-icon_type_default {
    transform: translateX(2px) translateY(-50%);

    transition-property: transform;
    transition-delay: 0.15s;
}

    @media (max-width: 1439px) {.head-ratings__flipping-card-flip-icon_type_default {
        transform: translateX(3px) translateY(calc(-50% - 4px))
}
    }

.head-ratings__flipping-card-flip-icon_type_plain {
    transform: translateX(-60%) translateY(40%);

    transition-property: transform;
    transition-delay: 0.15s;
}

.head-section__bottom-content {
    display: grid;
    grid-template-areas: '. b c';
    grid-template-columns: 1fr 472px 1fr;
    align-items: flex-end;

    width: 100%;
    max-width: 100%;

    padding-inline: 24px;
}

    .head-section__bottom-content .tariffs-button__link {
        margin-top: var(--spacing-8);
    }

    @media (max-width: 1023px) {.head-section__bottom-content {
        grid-template-areas: 'c' 'b';
        grid-template-columns: repeat(1, minmax(0, 1fr));
        grid-gap: var(--spacing-16);

        width: 472px;

        padding-inline: 0
}
    }

    @media (max-width: 767px) {.head-section__bottom-content {
        width: 344px
}
    }

@media (max-width: 539px) {

.landings-v2-page_short-mobile .head-section__bottom-content {
        grid-gap: var(--spacing-4);

        width: 100%
}
    }

.head-section_left-aligned .head-section__bottom-content {
    display: block;
    align-self: end;

    padding: 24px;
}

.head-section .tariffs-button__link.head-section__button,
.head-section_theme_dark .tariffs-button__link.head-section__button {
    color: rgba(255, 255, 255, 1);
    border-color: rgba(255, 255, 255, 1);
}

.head-section .tariffs-button__link.head-section__button:hover,
.head-section_theme_dark .tariffs-button__link.head-section__button:hover {
    color: rgba(255, 255, 255, 1);
    border-color: rgba(255, 255, 255, 0.2);
}

.head-section_theme_light .tariffs-button__link.head-section__button,
.head-section .tariffs-button__link.head-section__button_type_mobile {
    color: rgba(0, 0, 0, 0.85);
    border-color: rgba(0, 0, 0, 1);
}

.head-section_theme_light .tariffs-button__link.head-section__button:hover,
.head-section .tariffs-button__link.head-section__button_type_mobile:hover {
    color: rgba(0, 0, 0, 0.85);
    border-color: rgba(0, 0, 0, 0.2);
}

.head-section__bottom-content-grid-area-a {
    grid-area: a;

    justify-self: start;
}

.head-section__bottom-content-grid-area-b {
    grid-area: b;
}

.head-section__bottom-content-grid-area-c {
    grid-area: c;
    justify-self: end;
}

.head-section_left-aligned .head-section__bottom-content-grid-area-c {
    grid-area: unset;

    position: absolute;
    right: 20px;
    bottom: 20px;
}

.head-section__button.head-section__button {
    --accent-color: var(--color-background-alternate);
    --min-width: 472px;

    position: relative;

    min-width: var(--min-width);
}

    .head-section__button.head-section__button:hover::after {
            position: absolute;
            top: 0;
            left: 0;

            width: 100%;
            height: 100%;

            content: '';

            background-color: transparentize(var(--color-palette-black-1000), 0.96);
            border-radius: 100px;
        }

    @media (max-width: 767px) {.head-section__button.head-section__button {
        --min-width: 344px
}
    }

    @media (max-width: 539px) {.head-section__button.head-section__button {
        width: 344px;
        min-width: auto;
        max-width: 100%
}
    }

    @media (max-width: 359px) {.head-section__button.head-section__button {
        --min-width: 320px
}
    }

@media (max-width: 539px) {

.landings-v2-page_short-mobile .head-section__button.head-section__button {
        --min-width: calc(100vw - 32px);
        width: 100%
}
    }

.head-section__higher-education-surge {
    margin-block-end: var(--spacing-16);
}

    @media (max-width: 539px) {.head-section__higher-education-surge {
        margin-block: var(--spacing-8)
}
    }

.head-section__img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;

    display: flex;

    padding: 24px;

    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

    pointer-events: none;

    border-radius: var(--border-radius-16);
}

    @media (max-width: 1023px) {.head-section__img {
        padding: 20px;

        border-radius: 0 0 var(--border-radius-16) var(--border-radius-16)
}
    }

    @media (max-width: 767px) {.head-section__img {
        padding: 16px;

        background-position: 60% center
}
    }

    @media (max-width: 539px) {.head-section__img {
        padding: 12px
}
    }

@media (max-width: 539px) {

.landings-v2-page_short-mobile .head-section__img {
        position: static;

        width: 100%;
        height: 211px;

        margin: var(--spacing-24) 0 var(--spacing-8);
        border-radius: 12px;

        background-position-x: 100%
}
    }

@media (max-width: 539px) {

.head-section_theme_light .head-section__img {
        background-color: var(--color-palette-black-200)
}
    }

@media (max-width: 539px) {

.head-section_theme_dark .head-section__img {
        background-color: var(--color-palette-black-900)
}
    }

.head-section_left-aligned .head-section__img {
    position: static;

    display: block;

    grid-area: image;
    align-self: stretch;
    justify-self: stretch;

    border-radius: 0;
    background-position: left;
}

@media (max-width: 767px) {

.head-section_left-aligned .head-section__img {
        padding: 16px;

        background-position: left
}
    }

@media (max-width: 539px) {.landings-v2-page_short-mobile .head-section__img_compact {
        margin-block-end: var(--spacing-4)
}
    }

.head-tags-block {
    border: 1px solid currentColor;

    padding: 8px 16px;
    border-radius: 24px;

    display: flex;
    flex-direction: row;

    margin: 0 auto var(--spacing-16);

    width: -moz-max-content;

    width: max-content;
    max-width: 100%;
}

@media (max-width: 539px) {

.landings-v2-page_short-mobile .head-tags-block {
        margin-block-end: var(--spacing-8);
        padding: 4px 12px;
        border-color: var(--color-content-secondary)
}
    }

.head-tags-block__item {
    display: flex;
    flex-direction: row;
    align-items: center;
}

    .head-tags-block__item:not(:last-child)::after {
        content: '•';

        margin-inline: 10px;
    }

    .head-tags-block__item {

    font: var(--font-ys-body-16-medium-paragraph);

    font-feature-settings: 'pnum' on, 'lnum' on;
}

    @media (max-width: 359px) {.head-tags-block__item {
        font: var(--font-ys-caption-12-regular);
        font-feature-settings: 'pnum' on, 'lnum' on
}
    }

@media (max-width: 539px) {

.landings-v2-page_short-mobile .head-tags-block__item {
        font: var(--font-ys-caption-12-regular);
        font-feature-settings: 'pnum' on, 'lnum' on
}
    }

.head-section__top-text {
    position: relative;
    z-index: 1;

    text-align: center;
}

.head-section_left-aligned .head-section__top-text {
    display: grid;
    grid-auto-flow: row;
    grid-gap: var(--spacing-16);

    text-align: left;
}

.head-section__duration {
    font: var(--font-ys-header-24-medium);
    font-feature-settings: 'pnum' on, 'lnum' on;
    margin: 0;
}

    @media (max-width: 1439px) {.head-section__duration {
        font: var(--font-ys-body-16-medium-ui);
        font-feature-settings: 'pnum' on, 'lnum' on
}
    }

    @media (max-width: 1023px) {.head-section__duration {
        font: var(--font-ys-caption-14-medium);
        font-feature-settings: 'pnum' on, 'lnum' on
}
    }

@media (max-width: 539px) {

.landings-v2-page_short-mobile .head-section__duration {
        font: var(--font-ys-body-16-regular-ui);
        font-feature-settings: 'pnum' on, 'lnum' on
}
    }

.head-section_left-aligned .head-section__duration {
    font: var(--font-ys-header-24-regular);
    font-feature-settings: 'pnum' on, 'lnum' on;
}

@media (max-width: 1023px) {

.head-section_left-aligned .head-section__duration {
        font: var(--font-ys-header-20-regular);
        font-feature-settings: 'pnum' on, 'lnum' on
}
    }

.head-section__duration_type_with-tariff {
    font: var(--font-ys-header-20-medium);
    font-feature-settings: 'pnum' on, 'lnum' on;
}

.head-section__title {
    margin: 0 0 var(--spacing-16);

    font: var(--font-ys-lead-80-bold);

    font-feature-settings: 'pnum' on, 'lnum' on;
}

    @media (max-width: 1439px) {.head-section__title {
        font: var(--font-ys-lead-56-bold);
        font-feature-settings: 'pnum' on, 'lnum' on;

        margin-block-end: var(--spacing-12)
}
    }

    @media (max-width: 1023px) {.head-section__title {
        font: var(--font-ys-header-48-bold);
        font-feature-settings: 'pnum' on, 'lnum' on;

        margin-block-end: var(--spacing-8)
}
    }

    @media (max-width: 539px) {.head-section__title {
        font: var(--font-ys-header-32-bold);
        font-feature-settings: 'pnum' on, 'lnum' on;

        margin-block-end: var(--spacing-4)
}
    }

@media (max-width: 539px) {

.landings-v2-page_short-mobile .head-section__title {
        margin-block-end: var(--spacing-8)
}
    }

.head-section_left-aligned .head-section__title {
    margin: 0;

    font: var(--font-ys-lead-56-medium);

    font-feature-settings: 'pnum' on, 'lnum' on;
}

@media (max-width: 1439px) {

.head-section_left-aligned .head-section__title {
        margin: 0
}
    }

@media (max-width: 1023px) {

.head-section_left-aligned .head-section__title {
        margin: 0;

        font: var(--font-ys-header-48-medium);

        font-feature-settings: 'pnum' on, 'lnum' on
}
    }

@media (max-width: 539px) {

.head-section_left-aligned .head-section__title {
        margin: 0
}
    }

.head-section__title_type_with-tariff {
    font: var(--font-ys-lead-64-bold);
    font-feature-settings: 'pnum' on, 'lnum' on;
}

@media (max-width: 1439px) {

.head-section__title_type_with-tariff {
        font: var(--font-ys-lead-56-bold);
        font-feature-settings: 'pnum' on, 'lnum' on
}
    }

@media (max-width: 1023px) {

.head-section__title_type_with-tariff {
        font: var(--font-ys-header-48-bold);
        font-feature-settings: 'pnum' on, 'lnum' on
}
    }

@media (max-width: 539px) {

.head-section__title_type_with-tariff {
        font: var(--font-ys-header-32-bold);
        font-feature-settings: 'pnum' on, 'lnum' on
}
    }

.head-section__header {
    --header-height: 68px;

    position: relative;
    color: var(--color-content-inverted-primary);
}

    @media (max-width: 1023px) {.head-section__header {
        padding-block-start: var(--header-height)
}
    }

    @media (max-width: 539px) {.head-section__header {
        padding-block-end: 0;
        padding-inline: 8px
}
    }

@media (max-width: 539px) {

.landings-v2-page_short-mobile .head-section__header {
        min-height: unset;

        color: var(--color-content-primary)
}
    }

.head-section_left-aligned .head-section__header {
    border-radius: 24px;
    background: var(--color-palette-black-900);
    padding-block: 0;
}

@media (max-width: 1023px) {

.head-section_left-aligned .head-section__header {
        padding-block-start: var(--header-height);
        border-top-left-radius: 0;
        border-top-right-radius: 0
}
    }

.head-section_theme_light .head-section__header {
    background: var(--color-palette-black-200);

    color: var(--color-accent-neutral);
}

@media (max-width: 539px) {

.head-section_theme_light .head-section__header {
        background: none
}
    }

.head-section__header-container {
    --min-height-image: 554px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;

    min-height: var(--min-height-image);
    padding-block-start: 48px;
    padding-block-end: 24px;
}

    @media (max-width: 1023px) {.head-section__header-container {
        --min-height-image: 572px;

        padding-block-start: 24px
}
    }

    @media (max-width: 539px) {.head-section__header-container {
        min-height: unset
}
    }

.head-section_left-aligned .head-section__header-container {
    display: grid;
    grid-column-gap: 36px;
    -moz-column-gap: 36px;
         column-gap: 36px;
    overflow: hidden;
    padding-block: unset;

    grid-template-columns: 1fr 1fr;

    grid-template-areas:
        'top-content image'
        'bottom-content image';
}

@media (max-width: 1023px) {

.head-section_left-aligned .head-section__header-container {
        --min-height-image: 554px
}
    }

@media (max-width: 767px) {

.head-section_left-aligned .head-section__header-container {
        grid-template-columns: minmax(65%, 1fr) 1fr;
        -moz-column-gap: 0;
             column-gap: 0
}
    }

.head-section__surge-img {
    margin-block-start: auto;

    color: var(--color-palette-white-1000);
}

@media (max-width: 539px) {

.head-section_theme_light .head-section__surge-img {
        color: var(--color-content-primary)
}
    }

.head-section__discount-event-static-banner {
    --discount-event-static-banner-height: 46px;

    /* Визуально сдвигаем баннер наверх за пределы цветного контейнера в десктопе */
    position: relative;
    z-index: 1; /* Перебиваем картинку-фон, у которой position: absolute T_T */
    top: calc(-1 * (var(--discount-event-static-banner-height) + var(--spacing-8)));
    margin-block: calc(var(--discount-event-static-banner-height) + var(--spacing-24))
        calc(-1 * var(--discount-event-static-banner-height));
}

    @media (max-width: 1023px) {.head-section__discount-event-static-banner {
        top: var(--spacing-8);
        margin-inline: var(--spacing-24);
        margin-block: var(--spacing-16) 0;
        --discount-event-static-banner-height: 68px
}
    }

    @media (max-width: 539px) {.head-section__discount-event-static-banner {
        margin-inline: unset;
        margin-block: var(--spacing-8) var(--spacing-32);
        --discount-event-static-banner-height: 60px
}
    }

.usp-list__item-body {
    margin: 0;
    font: var(--font-ys-body-16-regular-ui);
    font-feature-settings: 'pnum' on, 'lnum' on;
}

    @media (max-width: 1439px) {.usp-list__item-body {
        font: var(--font-ys-caption-14-regular);
        font-feature-settings: 'pnum' on, 'lnum' on
}
    }

    @media (max-width: 539px) {.usp-list__item-body {
        font: var(--font-ys-caption-12-regular);
        font-feature-settings: 'pnum' on, 'lnum' on
}
    }

.usp-list__item-title {
    margin: 0;
    font: var(--font-ys-header-48-medium);
    font-feature-settings: 'pnum' on, 'lnum' on;
}

    @media (max-width: 1439px) {.usp-list__item-title {
        font: var(--font-ys-header-32-medium);
        font-feature-settings: 'pnum' on, 'lnum' on
}
    }

    @media (max-width: 539px) {.usp-list__item-title {
        font: var(--font-ys-header-24-regular);
        font-feature-settings: 'pnum' on, 'lnum' on
}
    }

.usp-list__item {
    padding: 16px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: var(--spacing-24);
    border-radius: var(--border-radius-12);
    background-color: var(--color-background-default);
}

    @media (max-width: 1439px) {.usp-list__item {
        gap: var(--spacing-16)
}
    }

    @media (max-width: 767px) {.usp-list__item {
        gap: var(--spacing-12);
        padding: 12px
}
    }

    @media (max-width: 539px) {.usp-list__item {
        gap: var(--spacing-8);
        padding: 8px
}
    }

.usp-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: var(--spacing-4);
    gap: var(--spacing-4);
    width: 100%;
}

    @media (max-width: 767px) {.usp-list {
        grid-template-columns: none
}
    }

.head-section {
    margin-block-end: var(--section-margin-bottom);
}

@media (max-width: 539px) {

.landings-v2-page_short-mobile .head-section {
        margin-block-end: 0
}
    }

.head-section_upper {
    z-index: 100;
}

.head-section__bullets {
    margin-block-start: var(--spacing-8);
}

@media (max-width: 539px) {

.landings-v2-page_short-mobile .head-section__bullets {
        --columns-count: 2;

        margin-block-end: var(--spacing-48);

        padding-block: 24px
}
    }

.head-section_left-aligned .head-section__tags-block {
    margin: 0;
}

.head-section_left-aligned .head-section__surge-bottom-content {
    align-items: flex-start;
}

@media (max-width: 539px) {.landings-v2-page_short-mobile .head-section__bullet-img {
        --img-width: 32px
}
    }

@media (max-width: 539px) {.landings-v2-page_short-mobile .head-section__bullet-item {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--spacing-4)
}
    }

@media (max-width: 539px) {.landings-v2-page_short-mobile .head-section__bullet-title {
        font: var(--font-ys-caption-14-regular);
        font-feature-settings: 'pnum' on, 'lnum' on
}
    }

.head-section__content {
    max-width: var(--max-content-width);
    margin: 0 auto;
}

.head-section__ratings {
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: 1fr 1fr;
    grid-gap: var(--spacing-4);
    gap: var(--spacing-4);
}

@media (max-width: 1023px) {.head-section__advantages .head-section__utp-list {
        order: 2
}
    }

.head-section_left-aligned .head-section__top-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-self: start;

    grid-area: top-content;

    padding: 24px 0 0 24px;
}

.hover-gallery-section {
    max-width: var(--max-content-width);

    margin: 0 auto var(--section-margin-bottom);
}

@media (max-width: 539px) {

.landings-v2-page_short-mobile .hover-gallery-section {
        margin-block-start: var(--spacing-48)
}
    }

@media (max-width: 539px) {.landings-v2-page_short-mobile .hover-gallery-section__bullets {
        --gap: var(--spacing-12);

        padding-inline: 12px
}
    }

@media (max-width: 539px) {.landings-v2-page_short-mobile .hover-gallery-section__bullet-title {
        font: var(--font-ys-body-16-regular-ui);
        font-feature-settings: 'pnum' on, 'lnum' on
}
    }

.text-image-block {
    padding: 32px;

    background-color: var(--color-background-default);
    max-width: var(--max-content-width);
    border-radius: 24px;

    display: flex;
    gap: var(--spacing-32);
    flex-direction: row;

    overflow: hidden;
}

    @media (max-width: 1023px) {.text-image-block {
        gap: var(--spacing-12);

        flex-direction: column-reverse;
        justify-content: center
}
    }

    @media (max-width: 539px) {.text-image-block {
        gap: var(--spacing-12);
        padding: var(--spacing-12);
        justify-content: center
}
    }

@media (max-width: 539px) {

.landings-v2-page_short-mobile .text-image-block {
        border-radius: 12px
}
    }

.text-image-block_reverse {
    flex-direction: row-reverse;
}

    @media (max-width: 1023px) {.text-image-block_reverse {
        gap: var(--spacing-12);

        flex-direction: column
}
    }

.text-image-block__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-self: center;
}

.text-image-block__image {
    -o-object-fit: contain;
       object-fit: contain;
    flex-shrink: 0;
    height: 344px;
}

    @media (max-width: 1023px) {.text-image-block__image {
        height: 250px
}
    }

    @media (max-width: 539px) {.text-image-block__image {
        height: 194px
}
    }

@media (max-width: 539px) {

.landings-v2-page_short-mobile .text-image-block__image {
        width: 100%;
        height: unset;

        border-radius: 12px
}
    }

.text-image-block__image-wrapper {
    display: flex;
    justify-content: center;
}

.text-image-block__subtitle {
    margin: 0 0 var(--spacing-12);
    font: var(--font-ys-header-28-bold);
    font-feature-settings: 'pnum' on, 'lnum' on;
}

    @media (max-width: 1023px) {.text-image-block__subtitle {
        font: var(--font-ys-header-20-bold);
        font-feature-settings: 'pnum' on, 'lnum' on;
        margin: 0 0 var(--spacing-4)
}
    }

@media (max-width: 539px) {

.landings-v2-page_short-mobile .text-image-block__subtitle {
        font: var(--font-ys-body-18-medium-ui);
        font-feature-settings: 'pnum' on, 'lnum' on
}
    }

.text-image-block__text {
    font: var(--font-ys-body-18-regular-paragraph);
    font-feature-settings: 'pnum' on, 'lnum' on;
    word-break: break-word;
}

@media (max-width: 539px) {

.landings-v2-page_short-mobile .text-image-block__text {
        margin-block: var(--spacing-4);

        font: var(--font-ys-body-16-regular-paragraph);

        font-feature-settings: 'pnum' on, 'lnum' on
}

        .landings-v2-page_short-mobile .text-image-block__text ul {
            margin: 0;
            padding-inline-start: 16px;
        }
    }

.text-image-block__title {
    margin: 0 0 var(--spacing-12);
    font: var(--font-ys-header-40-bold);
    font-feature-settings: 'pnum' on, 'lnum' on;
}

    @media (max-width: 1023px) {.text-image-block__title {
        font: var(--font-ys-header-28-bold);
        font-feature-settings: 'pnum' on, 'lnum' on;
        margin: var(--spacing-4) 0
}
    }

@media (max-width: 539px) {

.landings-v2-page_short-mobile .text-image-block__title {
        font: var(--font-ys-header-20-bold);
        font-feature-settings: 'pnum' on, 'lnum' on
}
    }

.image-text-section {
    margin-block-end: var(--section-margin-bottom);
}

@media (max-width: 539px) {

.landings-v2-page_short-mobile .image-text-section {
        margin-inline: var(--spacing-8)
}
    }

.image-text-section__button.image-text-section__button {
    --accent-color: var(--profession-color, var(--default-profession-color));

    display: flex;
    justify-content: center;

    width: 100%;
    max-width: 472px;
    margin: 0 auto;
}

    @media (max-width: 1023px) {.image-text-section__button.image-text-section__button {
        max-width: 344px
}
    }

.image-text-section__footer {
    margin: var(--spacing-24) 0 0;
}

.image-text-section__header {
    margin-block-end: var(--spacing-24);
}

@media (max-width: 539px) {

.landings-v2-page_short-mobile .image-text-section__header {
        padding-inline: 0
}
    }

.review-card__header {
    display: inline-flex;
    flex-direction: column;
}

.review-card__header-container {
    display: flex;

    margin-block-end: var(--spacing-8);
}

.review-card__header-name {
    margin-block-end: var(--spacing-2);

    font: var(--font-ys-body-16-medium-ui);

    font-feature-settings: 'pnum' on, 'lnum' on;
}

.review-card__header-title {
    font: var(--font-ys-caption-12-regular);
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: var(--color-content-secondary);
}

.review-card__img {
    display: block;

    width: 48px;
    height: 48px;

    margin-inline-end: var(--spacing-8);
    border-radius: var(--border-radius-16);
}

@media (max-width: 539px) {

.landings-v2-page_short-mobile .review-card__img {
        border-radius: 8px
}
    }

.review-card__text {
    font: var(--font-ys-body-16-regular-ui);
    font-feature-settings: 'pnum' on, 'lnum' on;
}

@media (max-width: 539px) {

.landings-v2-page_short-mobile .review-card__text {
        font: var(--font-ys-caption-14-regular);
        font-feature-settings: 'pnum' on, 'lnum' on
}
    }

.review-card__text-paragraph {
    margin: 0;
}

.review-card__text-paragraph + .review-card__text-paragraph {
    margin-block-start: 1em;
}

.review-card__modal-nav {
    --shift: 65%;
    --size: 40px;
    --base-width: 50vw;

    position: absolute;
    height: var(--size);
    width: var(--size);
    background-color: var(--color-background-stroke);
    opacity: 0.8;
    border-radius: 100%;
    border: none;
    padding: 0;
    cursor: pointer;

    top: 50%;
    transform: translateY(-50%);
    left: calc(-1 * var(--base-width) + var(--shift));

    transition: opacity 0.2s;
}

    .review-card__modal-nav:hover {
        opacity: 1;
    }

    @media (max-width: 1439px) {.review-card__modal-nav {
        --shift: 56%
}
    }

    @media (max-width: 767px) {.review-card__modal-nav {
        display: none
}
    }

.review-card__modal-nav_next {
    transform: translateY(-50%) scaleX(-1);
    left: unset;
    right: calc(-1 * var(--base-width) + var(--shift));
}

.review-card__modal-nav-icon {
    height: var(--size);
    width: var(--size);
}

.review-card__modal-text {
    padding-block-end: 1.2em;

    font: var(--font-ys-body-16-regular-paragraph);

    font-feature-settings: 'pnum' on, 'lnum' on;
}

.review-card {
    width: 326px;
    height: 264px;
    position: relative;

    border-radius: 32px;
    background-color: var(--color-background-default);
    padding: 24px 16px;

    cursor: pointer;
}

    .review-card::before {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        border-radius: inherit;
        display: block;
        content: '';
        height: 74px;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0), var(--color-background-alternate) 58%);
    }

@media (max-width: 539px) {

.landings-v2-page_short-mobile .review-card {
        height: 194px;

        padding: 12px;
        border-radius: 12px
}

        .landings-v2-page_short-mobile .review-card::before {
            height: 56px;
        }
    }

.review-card__company {
    margin-block-start: var(--spacing-16);
}

.review-card__expand-button {
    display: block;

    width: 0;
    height: 0;

    padding: 0;
    border: none;
}

.review-card__expand-button::after {
    content: '';

    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;

    cursor: pointer;
}

.review-card__expand-buttonn:focus-visible::after {
    outline: inherit;
}

.review-card__logo {
    display: block;

    margin-inline-start: auto;
}

.reviews-section {
    margin-block-end: var(--section-margin-bottom);
}
/* скрываем секцию Reviews на коротких лендах, если есть секция Stories */
.landings-v2-page_short-mobile:has(.stories-section) .reviews-section {
    display: none;
}

.reviews-section__header {
    padding-inline-end: 10%;
}

.sales-callback-form__description {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-16);
}

.sales-callback-form__subtitle {
    margin: 0;

    color: var(--color-content-primary);
}

.sales-callback-form__title {
    font: var(--font-ys-header-48-regular);
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: var(--color-content-primary);
    margin: 0;
    white-space: pre-line;
    max-width: 695px;
}

    @media (max-width: 1023px) {.sales-callback-form__title {
        font: var(--font-ys-header-40-regular);
        font-feature-settings: 'pnum' on, 'lnum' on;
        max-width: 100%
}
    }

    @media (max-width: 539px) {.sales-callback-form__title {
        font: var(--font-ys-header-24-bold);
        font-feature-settings: 'pnum' on, 'lnum' on;
        max-width: 100%
}
    }

.sales-callback-form__input_width_full {
    grid-column: 1 / -1;
}

.sales-callback-form__paid-by-employer {
    grid-column: 1 / -1;
    margin: var(--spacing-8) 0 var(--spacing-16);
}

.sales-callback-form__form-screen {
    display: flex;
    gap: 8px;
    flex-direction: column;

    margin-block-end: var(--spacing-12);
}

.sales-callback-form__button {
    grid-column: 1 / -1;

    margin-block-start: var(--spacing-24);
}

.sales-callback-form__checkbox {
    grid-column: 1 / -1;

    margin-block-start: var(--spacing-8);

    color: var(--color-content-secondary);
}

.sales-callback-form__footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-12);
}

.sales-callback-form__form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: var(--spacing-8);
    gap: var(--spacing-8);
}

.sales-callback-form__link {
    color: var(--color-accent-main-a);
    text-decoration: none;
}

.sales-callback-form__link:hover {
    color: var(--color-accent-main-b);
}

.sales-callback-form__select {
    grid-column: 1 / -1;
}

.sales-callback-form__success-screen {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-24);

    padding: 50px 0;
}

    @media (max-width: 1023px) {.sales-callback-form__success-screen {
        padding: 76px 0 168px
}
    }

    @media (max-width: 767px) {.sales-callback-form__success-screen {
        padding: 76px 0 152px
}
    }

    @media (max-width: 539px) {.sales-callback-form__success-screen {
        padding: 152px 0
}
    }

    .sales-callback-form__success-screen .callback-form__success-screen-img {
        margin: 0;
    }

.sales-callback-form__subscribe-button {
    width: -moz-fit-content;
    width: fit-content;
}

.sales-callback-form__success-description {
    font: var(--font-ys-body-16-regular-ui);
    font-feature-settings: 'pnum' on, 'lnum' on;
    text-align: center;
    margin: 0;
}

    @media (max-width: 539px) {.sales-callback-form__success-description {
        font: var(--font-ys-caption-12-regular);
        font-feature-settings: 'pnum' on, 'lnum' on
}
    }

.sales-callback-form__success-title {
    font: var(--font-ys-header-32-regular);
    font-feature-settings: 'pnum' on, 'lnum' on;
    text-align: center;
    margin: 0 0 var(--spacing-8);
}

    @media (max-width: 539px) {.sales-callback-form__success-title {
        font: var(--font-ys-header-24-bold);
        font-feature-settings: 'pnum' on, 'lnum' on
}
    }

.sales-callback-form {
    display: flex;
    justify-content: center;
    padding: 28px;
    gap: var(--spacing-24);
    background-color: var(--color-background-alternate);
    border-radius: 24px;
    font-variant-numeric: lining-nums proportional-nums;
    font-feature-settings:
        'clig' off,
        'liga' off, lining-nums proportional-nums;
}

    @media (max-width: 1023px) {.sales-callback-form {
        flex-direction: column;
        align-items: flex-start;
        gap: 28px;
        margin: 0
}
    }

    @media (max-width: 767px) {.sales-callback-form {
        align-items: center
}
    }

    @media (max-width: 539px) {.sales-callback-form {
        padding: 16px
}
    }

    .sales-callback-form .callback-form__wrapper {
        flex-shrink: 0;
        width: 53%;
        max-width: 600px;
        min-width: 450px;
        margin: 0;
    }

    @media (max-width: 1023px) {

    .sales-callback-form .callback-form__wrapper {
            order: 1;
            max-width: unset;
            min-width: unset;
            width: 100%
    }
        }

    .sales-callback-form .callback-form__contacts-secondary-text {
        text-align: left;
        font: var(--font-ys-caption-14-regular);
        font-feature-settings: 'pnum' on, 'lnum' on;
    }

.sales-callback-form_success.sales-callback-form_higher-education .callback-form__wrapper {
    width: 100%;
    max-width: unset;
}

.sales-callback-form-section {
    margin-bottom: var(--section-margin-bottom);
}

    @media (max-width: 1439px) {.sales-callback-form-section {
        padding-inline: var(--spacing-32)
}
    }

    @media (max-width: 1023px) {.sales-callback-form-section {
        padding-inline: 24px
}
    }

    @media (max-width: 539px) {.sales-callback-form-section {
        padding-inline: 8px
}
    }

    @media (max-width: 539px) {

    .sales-callback-form-section .sales-callback-form {
            border-radius: 12px
    }
        }

.showcase-card__modal-img {
    display: block;
    border-radius: 24px;
    width: 100%;
}

.showcase-card__modal-text {
    padding: 16px 8px;

    font: var(--font-ys-body-16-regular-ui);

    font-feature-settings: 'pnum' on, 'lnum' on;
}

.showcase-card {
    width: 472px;
    min-height: 418px;
    height: 100%;
    position: relative;

    border-radius: 24px;
    background-color: var(--color-content-inverted-primary);
    padding: 8px;
}

    @media (max-width: 1023px) {.showcase-card {
        padding: 0;

        width: 360px;
        min-height: 200px
}
    }

    @media (max-width: 413px) {.showcase-card {
        width: 320px
}
    }

@media (max-width: 539px) {

.landings-v2-page_short-mobile .showcase-card {
        width: 310px;
        min-height: 180px;

        border-radius: 12px
}
    }

.showcase-card__expand.showcase-card__expand {
    display: none;

    position: absolute;
    top: 12px;
    right: 12px;

    width: 32px;
    height: 32px;

    background-color: var(--color-background-overlay);
    border-radius: 50%;
}

    @media (max-width: 1023px) {.showcase-card__expand.showcase-card__expand {
        display: flex;
        justify-content: center;
        align-items: center;

        color: var(--color-background-default)
}
    }

.showcase-card__img {
    box-sizing: border-box;
    display: block;
    border-radius: 24px;
    border: 1px solid var(--color-background-stroke);

    height: 250px;
    width: 100%;
}

    @media (max-width: 1023px) {.showcase-card__img {
        height: 100%
}
    }

@media (max-width: 539px) {

.landings-v2-page_short-mobile .showcase-card__img {
        border-radius: 12px
}
    }

.showcase-card__text {
    padding: 16px 8px;

    font: var(--font-ys-body-16-regular-ui);

    font-feature-settings: 'pnum' on, 'lnum' on;
}

    @media (max-width: 1023px) {.showcase-card__text {
        display: none
}
    }

.showcase-section {
    margin-block-end: var(--section-margin-bottom);
}

@media (max-width: 1023px) {.showcase-section__controls {
        display: none
}
    }

.showcase-section__title-container {
    --title-width: 65%;
    --subtitle-width: 65%;
}

    @media (max-width: 1023px) {.showcase-section__title-container {
        --title-width: 80%;
        --subtitle-width: 80%
}
    }

    @media (max-width: 767px) {.showcase-section__title-container {
        --title-width: 85%;
        --subtitle-width: 85%
}
    }

    @media (max-width: 539px) {.showcase-section__title-container {
        --title-width: 100%;
        --subtitle-width: 100%
}
    }

.stories-ratings {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 122px));
    grid-gap: var(--spacing-8);
}

    @media (max-width: 1023px) {.stories-ratings {
        grid-template-columns: repeat(3, minmax(0, 89px))
}
    }

.student-story-card {
    --radius: 24px;
    --video-height: 420px;

    border-radius: var(--radius);
    background-color: var(--color-background-default);

    height: 712px;
    width: 326px;
}

    @media (max-width: 1023px) {.student-story-card {
        --video-height: 326px;

        height: 618px
}
    }

@media (max-width: 539px) {

.landings-v2-page_short-mobile .student-story-card {
        --radius: 12px;
        --video-height: 230px;

        height: 458px
}
    }

.student-story-card__button {
    align-self: start;
    font: var(--font-ys-body-16-medium-ui);
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: var(--color-content-secondary);
    text-decoration: none;
}

@media (max-width: 539px) {

.landings-v2-page_short-mobile .student-story-card__button {
        font: var(--font-ys-caption-14-medium);
        font-feature-settings: 'pnum' on, 'lnum' on
}
    }

.student-story-card__content {
    padding: 16px;
    height: calc(100% - var(--video-height));

    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

@media (max-width: 539px) {

.landings-v2-page_short-mobile .student-story-card__content {
        padding: 8px 12px
}
    }

.student-story-card__content-secondary-title {
    font: var(--font-ys-caption-12-regular);
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: var(--color-content-secondary);
}

.student-story-card__content-title {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: var(--spacing-8);

    word-break: break-word;
}

.student-story-card__content-title-company {
    font: var(--font-ys-caption-12-medium);
    font-feature-settings: 'pnum' on, 'lnum' on;
    flex-basis: 44%;
    text-align: end;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

@media (max-width: 539px) {

.landings-v2-page_short-mobile .student-story-card__content-title-company {
        font: var(--font-ys-caption-12-regular);
        font-feature-settings: 'pnum' on, 'lnum' on;
        color: var(--color-content-secondary)
}
    }

.student-story-card__content-title-person {
    font: var(--font-ys-body-16-medium-ui);
    font-feature-settings: 'pnum' on, 'lnum' on;
    flex-basis: 56%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

@media (max-width: 539px) {

.landings-v2-page_short-mobile .student-story-card__content-title-person {
        font: var(--font-ys-caption-14-medium);
        font-feature-settings: 'pnum' on, 'lnum' on
}
    }

.landings-v2-page_short-mobile .student-story-card__content-title-person-age::before {
    content: ', ';
}

@media (max-width: 539px) {.landings-v2-page_short-mobile .student-story-card__icon {
        width: 36px;
        height: 36px
}
    }

.student-story-card__icon-wrapper {
    width: 48px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;

    border: 0;
    padding: 0;
    margin: 0;
    font: inherit;

    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 100%;
    background-color: var(--color-background-default);
}

@media (max-width: 539px) {

.landings-v2-page_short-mobile .student-story-card__icon-wrapper {
        top: unset;
        bottom: -26px;
        left: 46px;

        width: 72px;
        height: 72px;

        opacity: 0.8
}
    }

.student-story-card__icon-wrapper_hidden {
    border-radius: var(--radius);
    height: auto;
    inset: 0;
    opacity: 0;
    transform: none;
    width: auto;
}

.student-story-card__image {
    display: block;
    width: 100%;
    height: var(--video-height);
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: var(--radius);
}

.student-story-card__text {
    margin-block: var(--spacing-8);

    font: var(--font-ys-body-16-regular-ui);

    font-feature-settings: 'pnum' on, 'lnum' on;

    /* искуственное ограничение для блока на тот случай, если контент будет заведомо больше,
        чем предполагался по дизайну и здравому смыслу */
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 8;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

@media (max-width: 539px) {

.landings-v2-page_short-mobile .student-story-card__text {
        margin-block: var(--spacing-12);

        font: var(--font-ys-caption-14-regular);

        font-feature-settings: 'pnum' on, 'lnum' on
}
    }

.student-story-card__video {
    display: block;
    width: 100%;
    height: var(--video-height);
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: var(--radius);
    cursor: pointer;
}

.student-story-card__video-container {
    position: relative;
}

.stories-section {
    margin-bottom: var(--section-margin-bottom);
}

.stories-section__carousel {
    position: relative;
}

.stories-section__carousel-controls_invisible {
    display: none;
}

.stories-section__panel + .stories-section__panel {
    margin-inline-start: var(--spacing-16);
}

@media (max-width: 539px) {

.landings-v2-page_short-mobile .stories-section__panel + .stories-section__panel {
        margin-inline-start: var(--spacing-8)
}
    }

.stories-section__title-container {
    --title-width: 65%;
    --subtitle-width: 65%;
}

    @media (max-width: 1023px) {.stories-section__title-container {
        --title-width: 80%;
        --subtitle-width: 80%
}
    }

    @media (max-width: 767px) {.stories-section__title-container {
        --title-width: 85%;
        --subtitle-width: 85%
}
    }

    @media (max-width: 539px) {.stories-section__title-container {
        --title-width: 100%;
        --subtitle-width: 100%
}
    }

.stories-section__title-container_flex {
    --title-width: 100%;
    --subtitle-width: 100%;

    display: flex;
    justify-content: space-between;
    align-items: flex-start;

    min-height: 177px;
}

    @media (max-width: 1023px) {.stories-section__title-container_flex {
        min-height: 152px
}
    }

    @media (max-width: 767px) {.stories-section__title-container_flex {
        flex-direction: column;

        min-height: 0;

        margin-block-end: var(--spacing-24)
}
    }

    .stories-section__title-container_flex .stories-section__header {
        max-width: 932px;

        margin-inline: 0;
    }

    @media (max-width: 767px) {

    .stories-section__title-container_flex .stories-section__header {
            margin-block-end: var(--spacing-20)
    }
        }

    .stories-section__title-container_flex .stories-section__ratings {
        flex-shrink: 0;

        padding-inline: 32px;
    }

    @media (max-width: 539px) {

    .stories-section__title-container_flex .stories-section__ratings {
            padding-inline: 16px
    }
        }

    .stories-section__title-container_flex ~ .stories-section__carousel {
        --top-space: -64px;
    }

@media (max-width: 539px) {

.landings-v2-page_short-mobile .stories-section__title-container_flex {
        margin-block-end: var(--spacing-12)
}

        .landings-v2-page_short-mobile .stories-section__title-container_flex .stories-section__header {
            margin-block-end: var(--spacing-20);
        }

        .landings-v2-page_short-mobile .stories-section__title-container_flex .stories-section__ratings {
            padding-inline: 12px;
        }
    }

.tabs-case-section__tab-content {
    align-items: start;

    margin-block-start: var(--spacing-12);
    padding: 32px;

    background-color: var(--color-background-default);
    border-radius: var(--spacing-24);

    word-wrap: break-word;
}

    @media (max-width: 1023px) {.tabs-case-section__tab-content {
        align-items: stretch
}
    }

    @media (max-width: 539px) {.tabs-case-section__tab-content {
        padding: 16px
}
    }

    @media (max-width: 1023px) {

    .tabs-case-section__tab-content.tabs-case-section__tab-content.tabs-case-section__tab-content {
            flex-direction: column
    }

            .tabs-case-section__tab-content.tabs-case-section__tab-content.tabs-case-section__tab-content .info-block__content {
                margin: 0;
            }

            .tabs-case-section__tab-content.tabs-case-section__tab-content.tabs-case-section__tab-content_type_reverse {
                flex-direction: column-reverse;
            }

                .tabs-case-section__tab-content.tabs-case-section__tab-content.tabs-case-section__tab-content_type_reverse .info-block__content {
                    margin-top: var(--spacing-16);
                }
        }

@media (max-width: 539px) {

.landings-v2-page_short-mobile .tabs-case-section__tab-content {
        margin-inline: var(--spacing-8);
        padding: 8px;
        border-radius: 8px
}
    }

@media (max-width: 539px) {.landings-v2-page_short-mobile .tabs-case-section__info-block-text {
        font: var(--font-ys-caption-14-regular);
        font-feature-settings: 'pnum' on, 'lnum' on
}
    }

@media (max-width: 539px) {.landings-v2-page_short-mobile .tabs-case-section__info-block-title {
        margin-block-end: var(--spacing-4);

        font: var(--font-ys-body-16-regular-ui);

        font-feature-settings: 'pnum' on, 'lnum' on;
        font-weight: bold
}
    }

.tabs-case-section__tab {
    width: 100%;
    min-width: 140px;

    white-space: nowrap;
}

    .tabs-case-section__tab.tabs-case-section__tab.tabs-case-section__tab {
        color: var(--color-content-secondary);
    }

    .tabs-case-section__tab.tabs-case-section__tab.tabs-case-section__tab_active {
        color: var(--color-content-primary);
    }

    .tabs-case-section__tab.tabs-case-section__tab.tabs-case-section__tab_single:active {
            transform: none;
        }

@media (max-width: 539px) {

.landings-v2-page_short-mobile .tabs-case-section__tab {
        min-width: 100px
}
    }

.tabs-case-section__tabs-panel {
    flex-grow: 1;
}

.tabs-case-section__tabs-panel + .tabs-case-section__tabs-panel {
    margin-left: var(--spacing-8);
}

.tabs-case-section {
    margin-block-end: var(--section-margin-bottom);
}

.tabs-case-section__button.tabs-case-section__button {
    --accent-color: var(--profession-color, var(--default-profession-color));

    display: flex;
    justify-content: center;

    width: 100%;
    max-width: 472px;

    margin: var(--spacing-32) auto 0;
}

    @media (max-width: 1023px) {.tabs-case-section__button.tabs-case-section__button {
        max-width: 344px
}
    }

.team-card {
    --cards-count-local: var(--cards-count, 4);

    overflow: hidden;

    /* Ширина карточки, позволяющая полностью заполнить карусель четырьмя карточками на 1376px */
    width: calc((1376px - (var(--spacing-16) * (var(--cards-count-local) - 1))) / var(--cards-count-local));
    height: 100%;

    padding: 0 0 20px;

    background-color: var(--color-background-default);

    border-radius: var(--border-radius-20);
}

    @media (max-width: 359px) {.team-card {
        width: 288px
}
    }

@media (max-width: 539px) {

.landings-v2-page_short-mobile .team-card {
        padding-block-end: 16px;
        border-radius: var(--border-radius-12)
}
    }

.team-card__image {
    width: 100%;
    height: 100%;

    -o-object-fit: cover;

       object-fit: cover;
    -o-object-position: center;
       object-position: center;
}

.team-card__image-container {
    overflow: hidden;

    width: 100%;
    height: 180px;

    margin-block-end: var(--spacing-16);

    border-bottom-left-radius: var(--border-radius-20);
    border-bottom-right-radius: var(--border-radius-20);

    box-shadow: 0 1px 0 1px var(--color-background-alternate);
}

@media (max-width: 539px) {

.landings-v2-page_short-mobile .team-card__image-container {
        border-bottom-left-radius: var(--border-radius-12);
        border-bottom-right-radius: var(--border-radius-12)
}
    }

.team-card__info {
    padding: 0 12px;
}

.team-card__text {
    font: var(--font-ys-body-16-regular-ui);
    font-feature-settings: 'pnum' on, 'lnum' on;
}

@media (max-width: 539px) {

.landings-v2-page_short-mobile .team-card__text {
        font: var(--font-ys-caption-14-regular);
        font-feature-settings: 'pnum' on, 'lnum' on;
        color: var(--color-content-secondary)
}
    }

.team-card__title {
    margin: 0 0 var(--spacing-4);

    font: var(--font-ys-header-20-bold);

    font-feature-settings: 'pnum' on, 'lnum' on;
}

@media (max-width: 539px) {

.landings-v2-page_short-mobile .team-card__title {
        font: var(--font-ys-body-16-medium-ui);
        font-feature-settings: 'pnum' on, 'lnum' on
}
    }

.team-section {
    --accent-color: var(--profession-color, var(--default-profession-color));

    margin: 0 auto var(--section-margin-bottom);
}

.team-section__card-carousel {
    position: relative;

    margin-block-end: var(--spacing-24);
}

@media (max-width: 539px) {

.landings-v2-page_short-mobile .team-section__card-carousel {
        margin-block-end: var(--spacing-16)
}
    }

.team-section__card-carousel-controls {
    display: none;
}

    @media (max-width: 1439px) {.team-section__card-carousel-controls {
        display: block
}
    }

    @media (max-width: 1023px) {.team-section__card-carousel-controls {
        display: none
}
    }

.team-section__community {
    position: relative;

    overflow: hidden;

    display: flex;
    align-items: center;

    background-color: var(--color-background-default);

    border-radius: var(--border-radius-20);
}

    @media (max-width: 1023px) {.team-section__community {
        flex-direction: column-reverse
}
    }

@media (max-width: 539px) {

.landings-v2-page_short-mobile .team-section__community {
        display: none
}
    }

.team-section__community-description {
    margin: 0;

    font: var(--font-ys-body-18-regular-ui);

    font-feature-settings: 'pnum' on, 'lnum' on;
}

    @media (max-width: 1023px) {.team-section__community-description {
        font: var(--font-ys-body-16-regular-ui);
        font-feature-settings: 'pnum' on, 'lnum' on
}
    }

.team-section__community-image {
    display: block;

    height: 100%;
    max-width: none;

    margin: 0 auto;
}

    @media (max-width: 1023px) {.team-section__community-image {
        max-width: 100%
}
    }

.team-section__community-image-container {
    height: 368px;

    margin-inline-start: auto;
}

    @media (max-width: 1023px) {.team-section__community-image-container {
        width: 100%;
        max-width: none;

        margin-inline-start: 0;
        margin-block-end: var(--spacing-16);

        border-radius: var(--border-radius-20);

        box-shadow: 0 1px 0 1px var(--color-background-alternate)
}
    }

.team-section__community-info {
    flex: 0 0 700px;

    padding: 24px 32px;
}

    @media (max-width: 1023px) {.team-section__community-info {
        flex-basis: auto;

        width: 100%;
        max-width: 645px;

        margin: 0 auto var(--spacing-20);
        padding: 0 32px;

        text-align: center
}
    }

    @media (max-width: 767px) {.team-section__community-info {
        max-width: none;

        text-align: left
}
    }

    @media (max-width: 539px) {.team-section__community-info {
        padding: 0 16px
}
    }

.team-section__community-title {
    margin: 0 0 var(--spacing-4);

    font: var(--font-ys-header-28-bold);

    font-feature-settings: 'pnum' on, 'lnum' on;
}

    @media (max-width: 1023px) {.team-section__community-title {
        font: var(--font-ys-header-20-bold);
        font-feature-settings: 'pnum' on, 'lnum' on
}
    }

.team-section__footer {
    display: flex;
    justify-content: center;

    margin-block-start: var(--spacing-24);
}

    @media (max-width: 1023px) {.team-section__footer {
        margin-block-start: var(--spacing-16)
}
    }

    @media (max-width: 359px) {.team-section__footer {
        margin-block-start: var(--spacing-12)
}
    }

.team-section__header {
    --subtitle-width: 75%;
}

    @media (max-width: 767px) {.team-section__header {
        --subtitle-width: 100%
}
    }

.team-section__start-learning-button {
    width: 100%;
}

.team-section__start-learning-link {
    width: 472px;
    max-width: 100%;
}

    @media (max-width: 1023px) {.team-section__start-learning-link {
        width: 344px
}
    }

.landings-v2-page * {
    box-sizing: border-box;
}

.landings-v2-page {
    --section-margin-bottom: var(--spacing-120);

    --image-gallery-height: 500px;

    background-color: var(--color-background-alternate);

    font: var(--font-ys-body-16-regular-ui);

    font-feature-settings: 'pnum' on, 'lnum' on;
    color: var(--color-content-primary);
}

.landings-v2-page__spinner-container {
        position: fixed;
        top: 50%;
        left: 50%;

        transform: translate(-50%, -50%);
    }

@media (max-width: 767px) {

.landings-v2-page {
        --section-margin-bottom: var(--spacing-64)
}
    }

@media (max-width: 539px) {

.landings-v2-page__header {
        position: fixed;
        background-color: var(--color-background-alternate);
        z-index: 10;
        border-bottom: 1px solid transparent;
        transition: border 0.15s ease-in-out
}
    }

@media (max-width: 539px) {

.landings-v2-page__header_sticky {
        border-bottom: 1px solid var(--color-background-stroke)
}
    }

.Markdown a {
        color: inherit;
        text-underline-offset: 4px;
        text-decoration-color: color-mix(in srgb, currentColor 25%, transparent);
    }

.Markdown a:visited {
        color: inherit;
    }

.Markdown a:hover {
        text-decoration-color: inherit;
    }

.callback-profession-form-section {
    background: var(--color-background-default);
    border-radius: var(--border-radius-20);
    margin-bottom: var(--section-margin-bottom);

    padding: var(--spacing-24) var(--spacing-32);

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

    @media (max-width: 413px) {.callback-profession-form-section {
        padding: var(--spacing-16)
}
    }

    @media (max-width: 1023px) {.callback-profession-form-section {
        flex-direction: column
}
    }

    .callback-profession-form-section__title {
        font: var(--font-ys-header-28-bold);
        font-feature-settings: 'pnum' on, 'lnum' on;
        margin-bottom: var(--spacing-20);
    }

    @media (max-width: 1023px) {

    .callback-profession-form-section__title {
            font: var(--font-ys-header-20-bold);
            font-feature-settings: 'pnum' on, 'lnum' on
    }
        }

    .callback-profession-form-section__image {
        display: block;
        border-radius: 100%;
        width: 400px;
        margin-left: var(--spacing-32);
    }

    @media (max-width: 1279px) {

    .callback-profession-form-section__image {
            width: 350px
    }
        }

    @media (max-width: 1023px) {

    .callback-profession-form-section__image {
            width: 100%;
            max-width: 400px;
            margin-left: 0
    }
        }

    @media (max-width: 767px) {

    .callback-profession-form-section__image {
            max-width: 350px
    }
        }

    @media (max-width: 539px) {

    .callback-profession-form-section__image {
            max-width: 280px
    }
        }

    @media (max-width: 413px) {

    .callback-profession-form-section__image {
            max-width: 240px
    }
        }

    .callback-profession-form-section__form {
        width: 100%;
        order: -1;
    }

    @media (max-width: 1023px) {

    .callback-profession-form-section__form {
            order: 0
    }
        }

    .callback-profession-form-section_disabled .callback-profession-form-section__wrapper {
            display: none;
        }

.limited-container {
    max-width: 1376px;
    max-width: var(--max-content-width, 1376px);

    margin-right: auto;
    margin-left: auto;
}

.callback-profession-form__form-screen {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .callback-profession-form__form-screen-main {
        display: flex;
        flex-direction: column;
    }
    .callback-profession-form__checkbox {
        --accent-color: var(--color-content-secondary);
        --accent-icon-color: var(--color-content-secondary);
        --accent-checkbox-color: initial;

        margin-right: var(--spacing-8);
        min-width: 24px;
    }
    .callback-profession-form__checkbox-label {
        font: var(--font-ys-caption-14-regular);
        font-feature-settings: 'pnum' on, 'lnum' on;
        margin-top: var(--spacing-4);
        margin-bottom: var(--spacing-24);
        color: var(--color-content-secondary);
        display: flex;
        align-items: center;
    }
    @media (max-width: 413px) {
    .callback-profession-form__checkbox-label {
            margin-bottom: var(--spacing-16)
    }
        }
    .callback-profession-form__link {
        text-decoration: none;
        font: var(--font-ys-caption-14-medium);
        font-feature-settings: 'pnum' on, 'lnum' on;
        color: var(--color-content-secondary);
    }
    .callback-profession-form__action-button {
        --accent-color: var(--color-content-tertiary);

        width: 100%;

        height: 60px;

        background: var(--profession-color);
        border-radius: var(--border-radius-14);
    }
    .callback-profession-form__action-button_disabled.callback-profession-form__action-button_disabled {
            background: var(--color-background-stroke);
            color: var(--color-content-tertiary);
        }

.callback-profession-form__input {
        margin-bottom: var(--spacing-8);
    }
    .callback-profession-form__input-wrapper .input-figaro-container-wrapper_has-error-message {
            margin-bottom: 0;
        }
    .callback-profession-form__input-message {
        transition-duration: 0s;
    }

.callback-profession-form__success-screen {
        width: 100%;
        display: flex;
        flex-direction: column;

        justify-content: center;
        align-items: center;

        animation-name: fadeIn;
        animation-duration: 1s;

        padding: var(--spacing-64) 0;
    }
    .callback-profession-form__success-screen-image {
        display: block;

        width: 80px;
        height: 80px;
    }
    .callback-profession-form__success-screen-description {
        width: 100%;

        overflow: hidden;

        text-align: center;

        color: var(--secondary-color);
    }
    .callback-profession-form__success-screen-description_type_primary {
            font: var(--font-ys-header-32-medium);
            font-feature-settings: 'pnum' on, 'lnum' on;
            margin: var(--spacing-24) 0 var(--spacing-12);
        }
    @media (max-width: 1023px) {
    .callback-profession-form__success-screen-description_type_primary {
                margin: var(--spacing-16) 0 var(--spacing-8);
                font: var(--font-ys-header-20-bold);
                font-feature-settings: 'pnum' on, 'lnum' on
        }
            }
    .callback-profession-form__success-screen-description_type_primary:first-letter {
                text-transform: uppercase;
            }
    .callback-profession-form__success-screen-description_type_secondary {
            font: var(--font-ys-body-18-regular-ui);
            font-feature-settings: 'pnum' on, 'lnum' on;
        }
    @media (max-width: 1023px) {
    .callback-profession-form__success-screen-description_type_secondary {
                font: var(--font-ys-body-16-regular-paragraph);
                font-feature-settings: 'pnum' on, 'lnum' on
        }
            }
    @keyframes fadeIn {
        from {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }

.callback-form {
    --color-content-secondary: rgba(36, 36, 36, 0.3);
    --color-accent-main-b: #005cff;
}

    .callback-form__wrapper {
        max-width: 500px;
        margin: 0 auto;
        color: var(--color-content-primary);
    }

    .callback-form__form-screen {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .callback-form__country-select-menu[class] .scrollable__content-wrapper[class] {
            height: unset;
            max-height: 128px;
        }

    .callback-form__country-select-menu[class] .scrollable_touch[class] {
            max-height: 128px;
        }

    .callback-form__link {
        text-decoration: none;

        color: var(--color-accent-main-a);
    }

    .callback-form__link:hover {
        color: var(--color-accent-main-b);
    }

    .callback-form__payments-terms,
    .callback-form__credit-installment {
        margin-top: var(--spacing-40);

        font: var(--font-ys-caption-14-regular);

        font-feature-settings: 'pnum' on, 'lnum' on;
        text-align: center;

        color: var(--color-content-secondary);
    }

    .callback-form__payments-terms a, .callback-form__credit-installment a {
            color: var(--color-content-secondary);
        }

    @media (max-width: 539px) {

    .callback-form__payments-terms,
    .callback-form__credit-installment {
            max-width: 160px
    }
        }

.country-select {
    --select-padding: 4px;
    --select-offset-top: 25px;
    --select-offset-top-mobile: 18px;
    --select-offset-left: 12px;
    --input-padding-left: 57px;
    --input-label-padding-left: 12px;

    position: relative;
}

    .country-select_with-select .country-select__input-control {
        padding-inline-start: var(--input-padding-left);
    }

    .country-select_with-select .country-select__input-control:-moz-placeholder-shown + .country-select_with-select .country-select__input-control__label {
            transform: translateY(-50%) scale(0.75);
        }

    .country-select_with-select .country-select__input-control:placeholder-shown + .country-select_with-select .country-select__input-control__label {
            transform: translateY(-50%) scale(0.75);
        }

    .country-select__input-control:-moz-placeholder-shown + .country-select__label {
        inset-inline-start: var(--input-label-padding-left);
    }

    .country-select__input-control:placeholder-shown + .country-select__label {
        inset-inline-start: var(--input-label-padding-left);
    }

    .country-select__toggle {
        background: none;
        border: none;
        cursor: pointer;
        display: flex;
        align-items: center;
        padding: 0;
    }

    .country-select__toggle-arrow {
        color: var(--color-content-secondary);
        margin-left: var(--spacing-4);
    }

    .country-select__toggle-arrow_opened {
            transform: rotate(180deg);
        }

    .country-select__select.country-select__select {
        position: absolute;
        top: var(--select-offset-top);
        left: var(--select-offset-left);

        transform: translate(var(--select-padding), var(--select-padding));
    }

    .country-select__select.country-select__select_mobile {
            top: var(--select-offset-top-mobile);
        }

    /* TODO: выпилить этот стиль, решив проблему в выпадашкой в скроллабл компоненте */

    .country-select__select-menu-portal.country-select__select-menu-portal {
        position: fixed;
    }

    .country-select__select-menu {
        background-color: var(--color-background-default);
    }

    .country-select__select-menu_desktop {
        transform: translate(-15px, 2px);
        visibility: hidden;
    }

    .country-select__select-drawer.country-select__select-drawer {
        z-index: var(--help-z-index);
    }

    .country-select__select-option.country-select__select-option {
        margin: 0;
        border: none;
    }

    .country-select__select-menu_mobile .country-select__select-option.country-select__select-option:first-of-type {
        margin-top: 16px;
    }

    .country-select__select-menu_mobile .country-select__select-option.country-select__select-option:after {
        content: none;
    }

    .country-select__select-option .country-select__select-option-content {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
    }

    .country-select__select-option-content-block {
        margin: 0 var(--spacing-8) 0 0;
    }

    .country-select__select-option-content-block:last-child {
        margin: 0;
        margin-left: auto;
    }

.grid-block {
    display: grid;
    grid-template-columns: repeat(var(--columns-count), minmax(var(--min-size), 1fr));
    grid-gap: var(--gap);
    row-gap: var(--gap);
    grid-row-gap: var(--gap);
    grid-row-gap: var(--row-gap, var(--gap));
    row-gap: var(--row-gap, var(--gap));
}

.dark-head-section {
    --min-height-image: 700px;
    --header-height: 68px;

    background: var(--color-palette-black-1000);
    border-radius: 0 0 32px 32px;
}

    .dark-head-section_upper {
        z-index: 100;
    }

    @media (max-width: 1023px) {.dark-head-section {
        --min-height-image: 640px
}
    }

    @media (max-width: 359px) {.dark-head-section {
        --min-height-image: 494px;

        border-radius: 0 0 20px 20px
}
    }

    .dark-head-section {

    margin-bottom: var(--section-margin-bottom);
}

    .dark-head-section__content {
        max-width: 1440px;
        max-width: var(--max-content-width, 1440px);
        margin: 0 auto;
    }

    .dark-head-section__bottom-content {
        width: 100%;
    }

    .dark-head-section__header {
        position: relative;

        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;

        min-height: var(--min-height-image);

        padding-top: 48px;
        padding-bottom: 24px;

        color: var(--color-content-inverted-primary);
    }

    @media (max-width: 1023px) {

    .dark-head-section__header {
            padding-top: calc(var(--header-height) + 20px)
    }
        }

    @media (max-width: 539px) {

    .dark-head-section__header {
            padding-left: 16px;
            padding-right: 16px
    }
        }

    @media (max-width: 359px) {

    .dark-head-section__header {
            padding-top: calc(var(--header-height) + 16px)
    }
        }

    .dark-head-section__top-text {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;

        width: 100%;
        overflow: hidden;
    }

    .dark-head-section__img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;

        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;

        box-shadow:
            inset 0 -60px 40px 20px var(--color-palette-black-1000),
            inset 0 -100px 60px -40px var(--color-palette-black-1000);
    }

    @media (max-width: 1559px) {

    .dark-head-section__img {
            box-shadow:
                inset 0 -100px 60px -40px var(--color-palette-black-1000),
                inset 0 -100px 60px -40px var(--color-palette-black-1000)
    }
        }

    @media (max-width: 767px) {

    .dark-head-section__img {
            background-position: 60% center
    }
        }

    .dark-head-section__duration {
        font: var(--font-ys-header-24-medium);
        font-feature-settings: 'pnum' on, 'lnum' on;
    }

    @media (max-width: 1439px) {

    .dark-head-section__duration {
            font: var(--font-ys-body-18-medium-ui);
            font-feature-settings: 'pnum' on, 'lnum' on
    }
        }

    @media (max-width: 1023px) {

    .dark-head-section__duration {
            font: var(--font-ys-caption-12-medium);
            font-feature-settings: 'pnum' on, 'lnum' on
    }
        }

    @media (max-width: 767px) {

    .dark-head-section__duration {
            font: var(--font-ys-caption-14-medium);
            font-feature-settings: 'pnum' on, 'lnum' on
    }
        }

    .dark-head-section__title {
        margin: 0 0 var(--spacing-16);

        font: var(--font-ys-lead-80-bold);

        font-feature-settings: 'pnum' on, 'lnum' on;
    }

    @media (max-width: 1439px) {

    .dark-head-section__title {
            font: var(--font-ys-lead-56-bold);
            font-feature-settings: 'pnum' on, 'lnum' on;

            margin-bottom: var(--spacing-12)
    }
        }

    @media (max-width: 1023px) {

    .dark-head-section__title {
            font: var(--font-ys-header-48-bold);
            font-feature-settings: 'pnum' on, 'lnum' on;

            margin-bottom: var(--spacing-8)
    }
        }

    @media (max-width: 539px) {

    .dark-head-section__title {
            font: var(--font-ys-header-32-bold);
            font-feature-settings: 'pnum' on, 'lnum' on;

            margin-bottom: var(--spacing-4)
    }
        }

    .dark-head-section__button {
        --width: 300px;

        position: relative;

        width: var(--width);

        box-shadow: var(--shadow-medium-default);

        border-radius: 120px;
    }

    .dark-head-section__button:hover::after {
            position: absolute;
            top: 0;
            left: 0;

            width: 100%;
            height: 100%;

            content: '';

            border-radius: 100px;
        }

    .dark-head-section__button.dark-head-section__button:hover {
            background-color: var(--color-content-primary);
        }

    @media (max-width: 359px) {

    .dark-head-section__button {
            padding: 9px;

            width: 100%;
            height: -moz-min-content;
            height: min-content;
            font: var(--font-ys-caption-14-medium);
            font-feature-settings: 'pnum' on, 'lnum' on
    }
        }

    .dark-head-section__action-buttons {
        display: flex;
        flex-direction: row;
        width: 100%;
        overflow: hidden;

        justify-content: center;
    }

    @media (max-width: 767px) {

    .dark-head-section__action-buttons {
            flex-direction: column;
            align-items: center
    }
        }

    @media (max-width: 359px) {

    .dark-head-section__start-learning-link {
            width: 100%
    }
        }

    @media (max-width: 767px) {

    .dark-head-section__landing-buy-link {
            margin-top: var(--spacing-8);
            margin-left: 0
    }
        }

    @media (max-width: 359px) {

    .dark-head-section__landing-buy-link {
            width: 100%
    }
        }

    .dark-head-section__landing-buy-button {
        border-radius: 120px;

        width: 300px;
    }

    @media (max-width: 359px) {

    .dark-head-section__landing-buy-button {
            padding: 9px;
            width: 100%;
            height: -moz-min-content;
            height: min-content;
            font: var(--font-ys-caption-14-medium);
            font-feature-settings: 'pnum' on, 'lnum' on
    }
        }

    .dark-head-section__bullets {
        border-radius: 0 0 var(--border-radius-20) var(--border-radius-20);
    }

    .dark-head-section__tags {
        background: rgba(36, 36, 36, 0.32);

        padding: 8px 16px;
        border-radius: 24px;

        display: flex;
        flex-direction: row;

        margin-bottom: var(--spacing-16);

        width: -moz-max-content;

        width: max-content;
        max-width: 100%;
    }

    .dark-head-section__tags-item {
        font: var(--font-ys-body-16-medium-paragraph);
        font-feature-settings: 'pnum' on, 'lnum' on;
    }

    @media (max-width: 359px) {

    .dark-head-section__tags-item {
            font: var(--font-ys-caption-12-regular);
            font-feature-settings: 'pnum' on, 'lnum' on
    }
        }

    .dark-head-section__tags-item {

        display: flex;
        flex-direction: row;
        align-items: center;
}

    .dark-head-section__tags-item::after {
            content: '•';

            margin: 0 10px;
        }

    .dark-head-section__tags-item:last-child::after {
                content: '';
                margin: 0;
            }

.fallback-card-carousel {
    scroll-snap-type: x mandatory;
    display: flex;
    overflow-y: scroll;
}

    .fallback-card-carousel::-webkit-scrollbar {
        display: none;
    }

    .fallback-card-carousel > * {
        scroll-snap-align: center;
    }

.card-carousel__control {
        pointer-events: all;

        display: inline-flex;
        justify-content: center;
        align-items: center;

        width: 40px;
        height: 40px;

        cursor: pointer;

        background-color: var(--color-background-default);

        border-radius: 50%;

        box-shadow: var(--shadow-small-default);
    }

        .card-carousel__control_direction_next {
                transform: scaleX(-1);
            }

        .card-carousel__control + .card-carousel__control {
            margin-left: var(--spacing-24);
        }
    .card-carousel__control-icon {
        display: block;

        width: 24px;
        height: 24px;
    }

.card-carousel {
    --top-space: -100px;
}

    .card-carousel__controls {
        width: 100%;
        position: absolute;
        top: var(--top-space);
    }

    .card-carousel__controls-container {
        pointer-events: none;

        display: flex;
        justify-content: flex-end;

        max-width: 1376px;

        max-width: var(--max-content-width, 1376px);

        margin: 0 auto;
        padding-right: 32px;
    }

.card-carousel__panel + .card-carousel__panel {
            margin-left: var(--spacing-16);
        }

            @media (max-width: 539px) {.card-carousel__panel + .card-carousel__panel {
                margin-left: var(--spacing-8)
        }
            }

.recommendations-section {
    margin-bottom: var(--section-margin-bottom);
}

    .recommendations-section__title-container {
        --title-width: 65%;
        --subtitle-width: 65%;
    }

    @media (max-width: 1023px) {

    .recommendations-section__title-container {
            --title-width: 80%;
            --subtitle-width: 80%
    }
        }

    @media (max-width: 767px) {

    .recommendations-section__title-container {
            --title-width: 85%;
            --subtitle-width: 85%
    }
        }

    @media (max-width: 539px) {

    .recommendations-section__title-container {
            --title-width: 100%;
            --subtitle-width: 100%
    }
        }

    @media (max-width: 1023px) {

    .recommendations-section__controls {
            display: none
    }
        }

.card-carousel-section__carousel {
        position: relative;
    }

.prisma-badge {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-4);
    padding: 6px 12px;
    border-radius: var(--border-radius-4);
}

    .prisma-badge_theme_neutral {
            background-color: var(--color-background-alternate);
            color: var(--color-content-primary);
        }

    .prisma-badge_theme_success {
            background-color: var(--color-palette-green-pale);
            color: var(--color-accent-success);
        }

    .prisma-badge_theme_warning {
            background-color: var(--color-palette-orange-pale);
            color: var(--color-palette-orange-normal);
        }

    .prisma-badge_theme_danger {
            background-color: var(--color-palette-red-pale);
            color: var(--color-accent-critical);
        }

    .prisma-badge__icon {
        font-size: 0;
    }

    .prisma-badge__content {
        margin: 0;

        font: var(--font-ys-caption-14-medium);

        font-feature-settings: 'pnum' on, 'lnum' on;
    }

.modal-container {
    padding: 32px;

    min-width: 500px;
    position: relative;
}
    @media (max-width: 767px) {.modal-container {
        min-width: unset;
        height: 100%
}
    }
    @media (max-width: 539px) {.modal-container {
        padding: 20px
}
    }
    .modal-container__modal-scrollable {
        max-width: 100%;
        max-height: 70vh;
    }
    @media (max-width: 767px) {
    .modal-container__modal-scrollable {
            /* 66px = 50px кнопка + отступы 8px верх и низ */
            height: calc(100% - 66px);
            max-height: unset
    }
        }
    .modal-container__close-icon {
        position: absolute;

        top: 12px;
        right: 12px;
        cursor: pointer;

        background-color: var(--color-background-default);
    }
    @media (max-width: 767px) {
    .modal-container__close-icon {
            display: none
    }
        }
    .modal-container__mobile-footer {
        display: none;
    }
    @media (max-width: 767px) {
    .modal-container__mobile-footer {
            position: sticky;
            bottom: 0;

            display: flex;
            justify-content: center;
            align-items: center;

            background: var(--color-background-default)
    }
        }
    .modal-container__mobile-close-button {
        margin: var(--spacing-16);
    }

.curriculum-section {
    margin-bottom: var(--section-margin-bottom);
}

    .curriculum-section__header {
        margin-bottom: var(--spacing-16);
    }

    @media (max-width: 1023px) {

    .curriculum-section__content {
            padding: 0 var(--spacing-32)
    }
        }

    @media (max-width: 539px) {

    .curriculum-section__content {
            padding: 0 var(--spacing-16)
    }
        }

    .curriculum-section__top-program-button {
        --accent-color: var(--color-content-primary);

        margin-top: calc(-1 * var(--spacing-20));
    }

    .curriculum-section__bottom-program-button {
        --accent-color: var(--color-content-primary);
    }

    @media (max-width: 539px) {

    .curriculum-section__bottom-program-button {
            width: 100%
    }
        }

    @media (max-width: 1439px) {

    .curriculum-section__button {
            margin: 0 var(--spacing-32)
    }
        }

    .curriculum-section__modules-accordion {
        background-color: var(--color-background-default);
        border-radius: 40px;
        border: 2px solid var(--color-background-glassy-a);
        margin-top: var(--spacing-48);

        display: flex;
        flex-direction: column;
    }

    @media (max-width: 1023px) {

    .curriculum-section__modules-accordion {
            background-color: transparent;
            border: 0;
            border-radius: 0;
            border-bottom: 2px solid var(--color-background-glassy-a);

            margin-top: 0
    }
        }

    .curriculum-section__module + .curriculum-section__module {
            border-top: 2px solid var(--color-background-glassy-a);
        }

    .curriculum-section__footer {
        display: flex;
        justify-content: center;

        margin-top: var(--spacing-20);
    }

.curriculum-module {
    --max-content-width: 94%;
    --max-description-width: 80%;

    padding: 32px;
    cursor: pointer;
}

    .curriculum-module_opened {
        cursor: default;
    }

    @media (max-width: 1023px) {.curriculum-module {
        padding: 16px 0
}
    }

    @media (max-width: 539px) {.curriculum-module {
        padding: 12px 0
}
    }

    .curriculum-module__content {
        max-width: var(--max-content-width);
        overflow-wrap: break-word;
    }

    .curriculum-module__visible-content {
        position: relative;
    }

    .curriculum-module__title-point {
        font: var(--font-ys-body-16-medium-ui);
        font-feature-settings: 'pnum' on, 'lnum' on;
        color: var(--color-content-primary);
    }

    .curriculum-module__title-point + .curriculum-module__title-point {
            margin-left: var(--spacing-12);
        }

    @media (max-width: 1023px) {

    .curriculum-module__title-point + .curriculum-module__title-point {
                margin-left: var(--spacing-8)
        }
            }

    @media (max-width: 1023px) {

    .curriculum-module__title-point {
            font: var(--font-mono-caption-14-regular)
    }
        }

    .curriculum-module__name {
        margin-top: var(--spacing-8);

        font: var(--font-ys-header-32-medium);

        font-feature-settings: 'pnum' on, 'lnum' on;

        width: 90%;
    }

    @media (max-width: 1023px) {

    .curriculum-module__name {
            font: var(--font-ys-body-16-medium-ui);
            font-feature-settings: 'pnum' on, 'lnum' on
    }
        }

    .curriculum-module__description {
        margin-top: var(--spacing-16);

        font: var(--font-ys-body-18-regular-paragraph);

        font-feature-settings: 'pnum' on, 'lnum' on;
    }

    @media (max-width: 1023px) {

    .curriculum-module__description {
            font: var(--font-ys-body-16-regular-paragraph);
            font-feature-settings: 'pnum' on, 'lnum' on
    }
        }

    @media (max-width: 413px) {

    .curriculum-module__description {
            margin-top: var(--spacing-4)
    }
        }

    .curriculum-module__tags {
        display: flex;
        flex-wrap: wrap;
        gap: var(--spacing-16);

        margin: var(--spacing-24) 0 0;
    }

    @media (max-width: 767px) {

    .curriculum-module__tags {
            display: block;

            margin: var(--spacing-8) 0 0
    }
        }

    @media (max-width: 767px) {

    .curriculum-module__tag,
    .curriculum-module__project-text {
            display: inline-block;
            width: 100%;
            padding: 0;
            background: unset;

            font: var(--font-mono-caption-14-regular)
    }

            .curriculum-module__tag:before, .curriculum-module__project-text:before {
                content: '—';
                margin-right: 0.3em;
            }
        }

    .curriculum-module__projects {
        --gap: var(--spacing-16);
        --min-size: 232px;
        --columns-count: 4;

        grid-template-columns: repeat(var(--columns-count), [col] var(--min-size));
        margin-top: var(--spacing-16);
    }

    @media (max-width: 1439px) {

    .curriculum-module__projects {
            --columns-count: 3
    }
        }

    @media (max-width: 1279px) {

    .curriculum-module__projects {
            --columns-count: 2
    }
        }

    .curriculum-module__icon-wrapper {
        display: flex;
        flex: 0 0 auto;
        justify-content: center;
        align-items: center;

        width: 36px;
        height: 36px;
        position: absolute;
        cursor: pointer;
        right: 0;
        top: 50%;

        border-radius: 50%;

        transform: translateY(-50%) rotate(45deg);

        transition-property: transform, color, background-color;
        transition-duration: 0.3s;
        transition-timing-function: ease;
    }

    .curriculum-module__icon-wrapper_center {
            transform: translateY(-50%) rotate(0deg);
        }

    @media (max-width: 1023px) {

    .curriculum-module__icon-wrapper {

            background-color: var(--color-background-default);

            border-radius: 50%;

            box-shadow: var(--shadow-small-default)
    }
            .curriculum-module__icon-wrapper:hover {
                color: var(--color-content-inverted-primary);

                background-color: var(--color-palette-black-1000);
            }
        }

    @media (max-width: 539px) {

    .curriculum-module__icon {
            width: 16px
    }
        }

    .curriculum-module__bottom {
        overflow: hidden;
    }

    .curriculum-module__bottom.transitioning {
            transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
            transition-duration: 0.3s;
        }

.project-card {
    --max-card-width: 232px;

    max-width: var(--max-card-width);

    border-radius: var(--border-radius-16);
    padding: 16px;
    background-color: var(--color-background-alternate);

    display: flex;

    grid-column: span 1;
}

    .project-card_with-img {
        max-width: calc(2 * var(--max-card-width));
        grid-column: span 2;
    }

    .project-card_with-img .project-card__content {
            padding-right: 0;
        }

    .project-card__img,
    .project-card__content {
        flex: 1 0 50%;
    }

    .project-card__name {
        font: var(--font-ys-body-16-medium-ui);
        font-feature-settings: 'pnum' on, 'lnum' on;
    }

    .project-card__description {
        margin-top: var(--spacing-4);
        font: var(--font-ys-caption-12-regular);
        font-feature-settings: 'pnum' on, 'lnum' on;
        color: var(--color-content-primary);
    }

    .project-card__img {
        border-radius: 12px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        min-height: 128px;
        padding-left: 16px;
    }

.profession-form-section {
    display: flex;

    background: var(--color-background-default);
    border-radius: var(--border-radius-20);
    margin-bottom: var(--section-margin-bottom);

    padding: var(--spacing-24) var(--spacing-32);
}

    @media (max-width: 1023px) {.profession-form-section {
        flex-direction: column-reverse
}
    }

    @media (max-width: 413px) {.profession-form-section {
        padding: var(--spacing-16)
}
    }

    .profession-form-section__title {
        display: flex;
        margin-bottom: var(--spacing-24);
    }

    @media (max-width: 413px) {

    .profession-form-section__title {
            flex-direction: column
    }
        }

    .profession-form-section__course,
    .profession-form-section__free {
        font: var(--font-ys-header-28-bold);
        font-feature-settings: 'pnum' on, 'lnum' on;
    }

    .profession-form-section__free {
        margin-left: var(--spacing-8);
        color: var(--profession-color);
    }

    @media (max-width: 413px) {

    .profession-form-section__free {
            margin-left: 0;
            margin-left: initial
    }
        }

    .profession-form-section__description {
        font: var(--font-ys-body-16-regular-ui);
        font-feature-settings: 'pnum' on, 'lnum' on;
        margin-bottom: var(--spacing-24);
    }

    .profession-form-section__image {
        display: block;
        margin-left: var(--spacing-32);
        max-width: 40%;
        width: 100%;
    }

    @media (max-width: 1023px) {

    .profession-form-section__image {
            height: 320px;
            margin-left: 0;
            margin-left: initial;
            max-width: unset
    }
        }

    @media (max-width: 767px) {

    .profession-form-section__image {
            height: 200px
    }
        }

    @media (max-width: 539px) {

    .profession-form-section__image {
            height: 180px
    }
        }

    @media (max-width: 413px) {

    .profession-form-section__image {
            height: 160px
    }
        }

    @media (max-width: 359px) {

    .profession-form-section__image {
            height: 120px
    }
        }

    .profession-form-section__wrapper {
        width: 100%;
    }

.profession-mobile-land-form {
    --color-secondary-text: rgba(36, 36, 36, 0.3);
}

    .profession-mobile-land-form__form-screen {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .profession-mobile-land-form__form-screen-main {
        display: flex;
        flex-direction: column;
    }

    .profession-mobile-land-form__checkbox {
        --accent-color: var(--color-content-secondary);
        --accent-icon-color: var(--color-content-secondary);
        --accent-checkbox-color: initial;

        margin-right: var(--spacing-8);
        min-width: 24px;
    }

    .profession-mobile-land-form__checkbox-label {
        font: var(--font-ys-caption-14-regular);
        font-feature-settings: 'pnum' on, 'lnum' on;
        margin-top: var(--spacing-4);
        margin-bottom: var(--spacing-24);
        color: var(--color-content-secondary);
        display: flex;
        align-items: center;
    }

    @media (max-width: 413px) {

    .profession-mobile-land-form__checkbox-label {
            margin-bottom: var(--spacing-16)
    }
        }

    .profession-mobile-land-form__link {
        text-decoration: none;
        font: var(--font-ys-caption-14-medium);
        font-feature-settings: 'pnum' on, 'lnum' on;
        color: var(--color-content-secondary);
    }

.profession-mobile-land-form__input {
        margin-bottom: var(--spacing-8);
    }
    .profession-mobile-land-form__input-wrapper .input-figaro-container-wrapper_has-error-message {
            margin-bottom: 0;
        }
    .profession-mobile-land-form__input-message {
        transition-duration: 0s;
    }

.profession-mobile-land-form__success-screen {
        width: 100%;
        display: flex;
        flex-direction: column;

        justify-content: center;
        align-items: center;

        animation-name: fadeIn;
        animation-duration: 1s;

        padding: var(--spacing-64) 0;
    }
    .profession-mobile-land-form__start-learning-button {
        width: 100%;
        margin-top: var(--spacing-36);
    }
    .profession-mobile-land-form__start-learning-link {
        width: 100%;
    }
    .profession-mobile-land-form__success-screen-image {
        display: block;

        width: 80px;
        height: 80px;
    }
    .profession-mobile-land-form__success-screen-description {
        width: 100%;

        overflow: hidden;

        text-align: center;

        color: var(--secondary-color);
    }
    .profession-mobile-land-form__success-screen-description_type_primary {
            font: var(--font-ys-header-32-medium);
            font-feature-settings: 'pnum' on, 'lnum' on;
            margin: var(--spacing-24) 0 var(--spacing-12);
        }
    .profession-mobile-land-form__success-screen-description_type_primary:first-letter {
                text-transform: uppercase;
            }
    .profession-mobile-land-form__success-screen-description_type_secondary {
            font: var(--font-ys-body-18-regular-ui);
            font-feature-settings: 'pnum' on, 'lnum' on;
        }
    @keyframes fadeIn {
        from {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }

.sticky-buttons {
    --accent-color: var(--color-accent-neutral);

    position: fixed;
    bottom: 0;
    z-index: 9999;

    display: grid;
    grid-template-columns: 1fr;
    grid-gap: var(--spacing-12);
    gap: var(--spacing-12);

    padding: 12px 16px 16px;
    width: 100%;
    background: var(--color-background-default);

    opacity: 0;
    visibility: hidden;

    transition: all 0.3s;
}

    @media (max-width: 1023px) {.sticky-buttons {
        grid-template-columns: unset;
        grid-template-rows: 1fr
}
    }

    .sticky-buttons_visible {
        opacity: 1;
        visibility: visible;
    }

    .sticky-buttons__buy-button,
    .sticky-buttons__start-button {
        width: 100%;
    }

    .sticky-buttons__buy-link {
        text-decoration: none;
    }

.free-section__learning-start {
        margin-bottom: var(--spacing-16);
    }
    .free-section__start-block {
        margin-bottom: var(--spacing-8);
    }
    .free-section__start-block,
    .free-section__surge {
        font: var(--font-ys-header-20-medium);
        font-feature-settings: 'pnum' on, 'lnum' on;
    }
    .free-section__surge {
        font-weight: normal;
    }
    .free-section__surge-icon {
        color: #ff8000;
        transform: scale(1.5);
        margin-left: var(--spacing-8);
    }

.free-section__price {
        white-space: nowrap;
        font: var(--font-ys-header-20-medium);
        font-feature-settings: 'pnum' on, 'lnum' on;

        margin-bottom: var(--spacing-4);
    }

        .free-section__price_full {
            font-weight: normal;
        }
    .free-section__price-title {
        white-space: nowrap;
        font: var(--font-ys-header-20-medium);
        font-feature-settings: 'pnum' on, 'lnum' on;
    }

.purchase-card_flow_main .purchase-card__header {
        margin-bottom: var(--spacing-4);
    }

.purchase-price {
    display: flex;

    margin-bottom: var(--spacing-24);
}

    @media (max-width: 539px) {.purchase-price {
        margin-bottom: var(--spacing-16)
}
    }

    .purchase-price_free .purchase-price__item_original,
            .purchase-price_free .purchase-price__discount {
                /* это нужно, чтобы данные блоки рендерились, но не были видны, тем самым сохраняя структуру карточки */
                pointer-events: none;
                visibility: hidden;
            }

    .purchase-price__main {
        flex: 1;
    }

    .purchase-price__title {
        font: var(--font-ys-body-18-medium-ui);
        font-feature-settings: 'pnum' on, 'lnum' on;
        margin-bottom: var(--spacing-4);
    }

    @media (max-width: 539px) {

    .purchase-price__title {
            font: var(--font-ys-caption-12-medium);
            font-feature-settings: 'pnum' on, 'lnum' on;
            color: var(--color-content-secondary);
            text-transform: uppercase
    }
        }

    .purchase-price__logo-icon {
        width: 56px;
        height: 54px;

        opacity: 0;

        transition: opacity 0.3s;
    }

    .purchase-price__logo-icon_visible {
            opacity: 1;
        }

    .purchase-price__item {
        display: inline-block;

        margin: 0;
    }

    .purchase-price__item_original {
            position: relative;

            margin-bottom: var(--spacing-4);
            padding: 0 var(--spacing-4);

            color: var(--color-content-tertiary);
        }

    .purchase-price__item_original:before {
                position: absolute;
                top: 16px;
                left: 0;

                transform: translateY(-50%);

                width: 100%;
                height: 100%;

                content: '';

                background-color: transparent;
                background-repeat: no-repeat;
                background-image: url('https://code.s3.yandex.net/purchase-page/price-strike.svg');
                background-size: contain;
            }

    .purchase-price__item_original.purchase-price__item_v2 {
                margin: 0;
                margin-right: var(--spacing-12);
                padding: 0;
            }

    .purchase-price__item_original.purchase-price__item_v2,
                .purchase-price__item_original.purchase-price__item_v2 .purchase-price__value_v2 {
                    font: var(--font-ys-header-28-medium);
                    font-feature-settings: 'pnum' on, 'lnum' on;
                }

    @media (max-width: 1023px) {

    .purchase-price__item_original.purchase-price__item_v2,
                .purchase-price__item_original.purchase-price__item_v2 .purchase-price__value_v2 {
                        font: var(--font-ys-body-18-medium-ui);
                        font-feature-settings: 'pnum' on, 'lnum' on
                }
                    }

    .purchase-price__item_original.purchase-price__item_v2:before {
                    top: 50%;
                    transform: translateY(-25%);
                    pointer-events: none;
                }

    .purchase-price__item,
    .purchase-price__value {
        font: var(--font-ys-header-28-medium);
        font-feature-settings: 'pnum' on, 'lnum' on;
    }

    .purchase-price__item_v2, .purchase-price__value_v2 {
            font: var(--font-ys-header-40-medium);
            font-feature-settings: 'pnum' on, 'lnum' on;

            letter-spacing: -0.4px;
        }

    @media (max-width: 1023px) {

    .purchase-price__item_v2, .purchase-price__value_v2 {
                font: var(--font-ys-header-24-medium);
                font-feature-settings: 'pnum' on, 'lnum' on
        }
            }

    @media (max-width: 539px) {

    .purchase-price__item,
    .purchase-price__value {
            font: var(--font-ys-header-24-medium);
            font-feature-settings: 'pnum' on, 'lnum' on
    }
        }

    .purchase-price__item_original, .purchase-price__value_original {
            width: -moz-fit-content;
            width: fit-content;

            font: var(--font-ys-body-18-regular-ui);

            font-feature-settings: 'pnum' on, 'lnum' on;
        }

    @media (max-width: 539px) {

    .purchase-price__item_original, .purchase-price__value_original {
                font: var(--font-ys-body-16-regular-ui);
                font-feature-settings: 'pnum' on, 'lnum' on
        }
            }

    .purchase-price__value-additional-message {
        margin-left: var(--spacing-8);

        font: var(--font-ys-body-18-medium-ui);

        font-feature-settings: 'pnum' on, 'lnum' on;
    }

    .purchase-price__prefix {
        font: var(--font-ys-body-16-regular-ui);
        font-feature-settings: 'pnum' on, 'lnum' on;
    }

    .purchase-price__wrapper .purchase-price__value.purchase-price__value_v2:not(.purchase-price__value_original) {
            margin-right: var(--spacing-12);
        }

    @media (max-width: 1023px) {

    .purchase-price__wrapper .purchase-price__value.purchase-price__value_v2:not(.purchase-price__value_original) {
                margin-right: var(--spacing-8)
        }
            }
.purchase-price__value_mode_brokerage .purchase-price__prefix {
    font: inherit;
}

.purchase-price__message {
        display: inline-block;
        padding: 7px 12px;
        margin-top: var(--spacing-8);

        color: var(--color-content-primary);
        border-radius: 8px;
        font: var(--font-ys-caption-14-medium);
        font-feature-settings: 'pnum' on, 'lnum' on;
        background: var(--color-background-glassy-a);
    }

        @media (max-width: 539px) {.purchase-price__message {
            font: var(--font-ys-caption-12-medium);
            font-feature-settings: 'pnum' on, 'lnum' on
    }
        }

        .purchase-price__message:not(:last-child) {
            margin-right: var(--spacing-8);
        }
    .purchase-price__info {
        margin: 0;
    }
    .purchase-price__info_v2 {
            font: var(--font-ys-body-16-regular-ui);
            font-feature-settings: 'pnum' on, 'lnum' on;
            color: var(--color-background-overlay);
            margin: 0;
        }
    @media (max-width: 1023px) {
    .purchase-price__info_v2 {
                font: var(--font-ys-caption-12-regular);
                font-feature-settings: 'pnum' on, 'lnum' on;
                margin: var(--spacing-8) 0 0
        }
            }
    .purchase-price__info_v2 .purchase-price__value_v2 {
                font: inherit;
                color: var(--color-content-primary);
                display: inline;
            }
    @media (max-width: 1023px) {
    .purchase-price__info_v2 .purchase-price__value_v2 {
                    font: var(--font-ys-caption-12-medium);
                    font-feature-settings: 'pnum' on, 'lnum' on
            }
                }
    .purchase-price__text {
        font: var(--font-ys-caption-12-medium);
        font-feature-settings: 'pnum' on, 'lnum' on;

        color: var(--color-content-secondary);
    }
    @media (max-width: 413px) {
    .purchase-price__text {
            font-size: 10px
    }
        }

.purchase-card_flow_main .purchase-card__main {
        flex-grow: 1;

        margin-top: var(--spacing-4);
        margin-bottom: var(--spacing-16);
    }

        @media (max-width: 539px) {.purchase-card_flow_main .purchase-card__main {
            margin-bottom: var(--spacing-8)
    }
        }
    .purchase-card_flow_main .purchase-card__markdown ul {
            margin: 0;
            padding: 0;

            list-style: none;
        }
    .purchase-card_flow_main .purchase-card__markdown ul li {
                position: relative;

                padding-left: 32px;

                font: var(--font-ys-caption-14-regular);

                font-feature-settings: 'pnum' on, 'lnum' on;
            }
    .purchase-card_flow_main .purchase-card__markdown ul li:not(:last-child) {
                    margin-bottom: var(--spacing-16);
                }
    @media (max-width: 539px) {
    .purchase-card_flow_main .purchase-card__markdown ul li:not(:last-child) {
                        margin-bottom: var(--spacing-12)
                }
                    }
    .purchase-card_flow_main .purchase-card__markdown ul li::before {
                    --icon-src: var(
                        --background-icon-src,
                        url('https://code.s3.yandex.net/commonFlow/CheckCommonFlow.svg')
                    );

                    position: absolute;
                    top: 50%;
                    left: 0;

                    transform: translateY(-50%);

                    content: '';

                    display: flex;
                    justify-content: center;
                    align-items: center;

                    width: 24px;
                    height: 24px;

                    border-radius: 50%;

                    background-image: var(--icon-src);
                    background-size: 16px;
                    background-color: var(--color-background-alternate);
                    background-repeat: no-repeat;
                    background-position: center;
                }
    .purchase-card_flow_main .purchase-card .purchase-card__promocode {
        margin-top: var(--spacing-16);
    }

.purchase-card__squad-item {
        display: flex;
        flex-direction: column;
    }

        .purchase-card__squad-item_type_ok .purchase-card__squad-item-content,
            .purchase-card__squad-item_type_ok .purchase-card__squad-item-icon {
                color: var(--color-content-secondary);
            }

        .purchase-card__squad-item_type_disabled {
            color: var(--color-background-glassy-c);
        }

        .purchase-card__squad-item_type_surge .purchase-card__squad-item-content,
            .purchase-card__squad-item_type_surge .purchase-card__squad-item-icon {
                color: var(--color-accent-notice);
            }

        .purchase-card__squad-item_type_started .purchase-card__squad-item-content,
            .purchase-card__squad-item_type_started .purchase-card__squad-item-icon {
                color: var(--color-accent-notice);
            }

        .purchase-card__squad-item_type_gradient .purchase-card__squad-item-content,
            .purchase-card__squad-item_type_gradient .purchase-card__squad-item-icon {
                color: var(--color-accent-notice);
            }
    .purchase-card__squad-item-header {
        display: flex;
        align-items: center;

        font: var(--font-ys-caption-14-medium);

        font-feature-settings: 'pnum' on, 'lnum' on;
    }
    .purchase-card__squad-item-content {
        font: var(--font-ys-caption-12-medium);
        font-feature-settings: 'pnum' on, 'lnum' on;
        text-align: left;
        min-width: 64px;
    }
    .purchase-card__squad-item-icon {
        margin-left: var(--spacing-8);
    }

@keyframes prisma-button__dots_flickering {
    from {
        opacity: 0.3;
    }

    20% {
        opacity: 0.5;
    }

    40% {
        opacity: 1;
    }

    to {
        opacity: 0.3;
    }
}

.prisma-button__dots {
    display: flex;
    gap: var(--spacing-4);
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
}

.prisma-button_process .prisma-button__dots {
        visibility: visible;
    }

.prisma-button__dot {
    width: 6px;
    height: 6px;
    background-color: currentColor;
    border-radius: 50%;
    flex-shrink: 0;
    animation: 1.5s ease-in infinite prisma-button__dots_flickering;
}

.prisma-button__dot:nth-child(2) {
        animation-delay: 0.2s;
    }

.prisma-button__dot:nth-child(3) {
        animation-delay: 0.4s;
    }

.prisma-button.prisma-button_view_primary {
    --prisma-button-accent-color-resulting: var(--color-accent-neutral-hover);
    --prisma-button-accent-color-active-resulting: var(--color-accent-neutral-hover);

    background-color: var(--color-accent-neutral);
    color: var(--color-content-inverted-primary);
}

.prisma-button.prisma-button_view_primary:hover {
        background-color: var(--prisma-button-accent-color-resulting);
    }

.prisma-button.prisma-button_view_primary:active {
        background-color: var(--prisma-button-accent-color-active-resulting);
    }

.prisma-button.prisma-button_view_primary:disabled {
        background-color: var(--color-background-glassy-a);
        color: var(--color-content-tertiary);
    }

.prisma-button.prisma-button_view_primary:disabled.prisma-button_process {
            background-color: var(--prisma-button-accent-color-resulting);
            color: var(--color-content-inverted-primary);
        }

.prisma-button.prisma-button_view_primary:disabled .prisma-button__sublabel {
            color: var(--color-content-tertiary);
        }

.prisma-button.prisma-button_view_primary .prisma-button__sublabel {
        color: var(--color-content-inverted-secondary);
    }

.prisma-button.prisma-button_view_secondary {
    background-color: var(--color-background-glassy-a);
    color: var(--color-content-primary);
}

.prisma-button.prisma-button_view_secondary:hover {
        background-color: var(--color-background-glassy-b);
    }

.prisma-button.prisma-button_view_secondary:active {
        background-color: var(--color-background-glassy-c);
    }

.prisma-button.prisma-button_view_secondary:disabled {
        background-color: var(--color-background-glassy-a);
        color: var(--color-content-tertiary);
    }

.prisma-button.prisma-button_view_secondary:disabled.prisma-button_process {
            background-color: var(--color-background-glassy-b);
            color: var(--color-content-primary);
        }

.prisma-button.prisma-button_view_secondary .prisma-button__sublabel {
        color: var(--color-content-secondary);
    }

.prisma-button.prisma-button_view_ghost {
    border-color: var(--color-content-primary);
    color: var(--color-content-primary);
}

.prisma-button.prisma-button_view_ghost:hover {
        border-color: var(--color-content-secondary);
        color: var(--color-content-secondary);
    }

.prisma-button.prisma-button_view_ghost:hover .prisma-button__sublabel {
            color: var(--color-content-secondary);
        }

.prisma-button.prisma-button_view_ghost:active {
        border-color: var(--color-content-tertiary);
        color: var(--color-content-tertiary);
    }

.prisma-button.prisma-button_view_ghost:active .prisma-button__sublabel {
            color: var(--color-content-tertiary);
        }

.prisma-button.prisma-button_view_ghost:disabled {
        border-color: var(--color-background-glassy-a);
        color: var(--color-content-tertiary);
    }

.prisma-button.prisma-button_view_ghost:disabled.prisma-button_process {
            border-color: var(--color-content-secondary);
            color: var(--color-content-secondary);
        }

.prisma-button.prisma-button_view_ghost .prisma-button__sublabel {
        color: var(--color-content-secondary);
    }

.prisma-button.prisma-button_view_clear {
    color: var(--color-content-primary);
}

.prisma-button.prisma-button_view_clear:hover {
        background-color: var(--color-background-glassy-a);
    }

.prisma-button.prisma-button_view_clear:active {
        background-color: var(--color-background-glassy-b);
    }

.prisma-button.prisma-button_view_clear:disabled {
        color: var(--color-content-tertiary);
    }

.prisma-button.prisma-button_view_clear:disabled.prisma-button_process {
            background-color: var(--color-background-glassy-b);
            color: var(--color-content-primary);
        }

.prisma-button.prisma-button_view_clear .prisma-button__sublabel {
        color: var(--color-content-secondary);
    }

.prisma-button.prisma-button_view_raised {
    color: var(--color-content-primary);
    background-color: var(--color-background-default);
    box-shadow: var(--shadow-small-default);
}

.prisma-button.prisma-button_view_raised:hover {
        box-shadow: var(--shadow-small-hovered);
    }

.prisma-button.prisma-button_view_raised:active {
        box-shadow: var(--shadow-small-pressed);
    }

.prisma-button.prisma-button_view_raised:disabled {
        background-color: var(--color-background-glassy-a);
        color: var(--color-content-tertiary);
        box-shadow: var(--shadow-small-hidden);
    }

.prisma-button.prisma-button_view_raised:disabled.prisma-button_process {
            color: var(--color-content-primary);
            background-color: var(--color-background-default);
            box-shadow: var(--shadow-small-hovered);
        }

.prisma-button.prisma-button_view_raised .prisma-button__sublabel {
        color: var(--color-content-secondary);
    }

.prisma-button.prisma-button_view_link {
    --prisma-button-accent-color-resulting: var(--prisma-button-accent-color, var(--color-accent-main-a));
    --prisma-button-accent-color-active-resulting: var(--prisma-button-accent-color-active, var(--color-accent-main-b));

    color: var(--color-content-primary);
}

.prisma-button.prisma-button_view_link:hover {
        color: var(--prisma-button-accent-color-resulting);
    }

.prisma-button.prisma-button_view_link:active {
        color: var(--prisma-button-accent-color-active-resulting);
    }

.prisma-button.prisma-button_view_link:disabled {
        color: var(--color-content-tertiary);
    }

.prisma-button.prisma-button_view_link:disabled.prisma-button_process {
            color: var(--prisma-button-accent-color-resulting);
        }

.prisma-button_size_l {
    --vertical-padding: calc(20px - var(--border-width));

    font: var(--font-ys-body-16-regular-ui);

    font-feature-settings: 'pnum' on, 'lnum' on;
    padding: var(--vertical-padding) calc(24px - var(--border-width));
    border-radius: var(--border-radius-14);
}

.prisma-button_size_l.prisma-button_with-icon {
        --vertical-padding: calc(18px - var(--border-width));
    }

.prisma-button_size_l.prisma-button_with-icon.prisma-button_icon-placement_left {
            padding-left: calc(22px - var(--border-width));
            padding-right: calc(26px - var(--border-width));
        }

.prisma-button_size_l.prisma-button_with-icon.prisma-button_icon-placement_right {
            padding-left: calc(26px - var(--border-width));
            padding-right: calc(22px - var(--border-width));
        }

.prisma-button_size_l.prisma-button_with-sublabel {
        padding-top: calc(12px - var(--border-width));
        padding-bottom: calc(12px - var(--border-width));
    }

.prisma-button_size_l .prisma-button__sublabel {
        font: var(--font-ys-caption-12-medium);
        font-feature-settings: 'pnum' on, 'lnum' on;
    }

.prisma-button_size_m {
    --vertical-padding: calc(15px - var(--border-width));

    font: var(--font-ys-body-16-regular-ui);

    font-feature-settings: 'pnum' on, 'lnum' on;
    padding: var(--vertical-padding) calc(24px - var(--border-width));
    border-radius: var(--border-radius-12);
}

.prisma-button_size_m.prisma-button_with-icon {
        --vertical-padding: calc(13px - var(--border-width));
    }

.prisma-button_size_m.prisma-button_with-icon.prisma-button_icon-placement_left {
            padding-left: calc(18px - var(--border-width));
            padding-right: calc(26px - var(--border-width));
        }

.prisma-button_size_m.prisma-button_with-icon.prisma-button_icon-placement_right {
            padding-left: calc(26px - var(--border-width));
            padding-right: calc(18px - var(--border-width));
        }

.prisma-button_size_m.prisma-button_with-sublabel {
        padding: calc(7px - var(--border-width)) calc(24px - var(--border-width));
    }

.prisma-button_size_m .prisma-button__sublabel {
        font: var(--font-ys-caption-12-medium);
        font-feature-settings: 'pnum' on, 'lnum' on;
    }

.prisma-button_size_s {
    --vertical-padding: calc(9px - var(--border-width));

    font: var(--font-ys-caption-14-regular);

    font-feature-settings: 'pnum' on, 'lnum' on;
    padding: var(--vertical-padding) calc(16px - var(--border-width));
    border-radius: var(--border-radius-10);
}

.prisma-button_size_s.prisma-button_with-icon {
        --vertical-padding: calc(6px - var(--border-width));
    }

.prisma-button_size_s.prisma-button_with-icon.prisma-button_icon-placement_left {
            padding-left: calc(10px - var(--border-width));
            padding-right: calc(14px - var(--border-width));
        }

.prisma-button_size_s.prisma-button_with-icon.prisma-button_icon-placement_right {
            padding-left: calc(14px - var(--border-width));
            padding-right: calc(10px - var(--border-width));
        }

.prisma-button_size_xs {
    --vertical-padding: calc(7px - var(--border-width));

    font: var(--font-ys-caption-14-regular);

    font-feature-settings: 'pnum' on, 'lnum' on;
    padding: var(--vertical-padding) calc(12px - var(--border-width));
    border-radius: var(--border-radius-10);
}

.prisma-button_size_xs.prisma-button_with-icon {
        --vertical-padding: calc(4px - var(--border-width));
    }

.prisma-button_size_xs.prisma-button_with-icon.prisma-button_icon-placement_left {
            padding-left: calc(10px - var(--border-width));
            padding-right: calc(14px - var(--border-width));
        }

.prisma-button_size_xs.prisma-button_with-icon.prisma-button_icon-placement_right {
            padding-left: calc(14px - var(--border-width));
            padding-right: calc(10px - var(--border-width));
        }

.prisma-button.prisma-button_position-in-group_left {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.prisma-button.prisma-button_position-in-group_right {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.prisma-button.prisma-button_position-in-group_middle {
    border-radius: 0;
}

.prisma-button.prisma-button_behavior_common-link {
    text-decoration: none;
}

.prisma-button_behavior_router-link {
    text-decoration: none;
}

.prisma-button {
    --border-width: 1px;
    --transition-duration: 0.15s;

    margin: 0;
    background: none;
    cursor: pointer;
    border: var(--border-width) solid transparent;
    display: inline-block;
    position: relative;
    transition-property: background-color, border-color, box-shadow, color, transform;
    transition-duration: var(--transition-duration);
    transition-timing-function: ease-out;
}

.prisma-button:disabled {
        cursor: default;
        pointer-events: none;
    }

.prisma-button:active {
        transform: scale(0.96);
    }

.prisma-button__content {
    display: flex;
    align-items: center;
}

.prisma-button_process .prisma-button__content {
        visibility: hidden;
    }

.prisma-button__text {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.prisma-button_icon-placement_right .prisma-button__text {
        order: -1;
    }

.prisma-button__sublabel {
    transition-property: color;
    transition-duration: var(--transition-duration);
    transition-timing-function: ease-out;
}

.prisma-button__icon {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
}

.prisma-button_icon-placement_left .prisma-button__icon {
        margin-right: var(--spacing-4);
    }

.prisma-button_icon-placement_right .prisma-button__icon {
        margin-left: var(--spacing-4);
    }

.prisma-button.prisma-button_icon-placement_replace {
    /* Переменную --vertical-padding определяем в файлах ./_size/prisma-button_size_*.pcss */
    padding-left: var(--vertical-padding);
    padding-right: var(--vertical-padding);
}

.prof-window {
    height: 100%;
}

    .prof-window__modal_visible {
            z-index: 4;
        }

    .prof-window__modal_visible .prof-window__modal-content {
                transform: translateY(0) scale(1);

                opacity: 1;
            }

    .prof-window__modal-content-wrapper {
        width: 100%;
        height: 100%;

        box-sizing: border-box;

        padding: 8px;
    }

    @media (max-width: 767px) {

    .prof-window__modal-content-wrapper {
            padding: 0
    }
        }

    .prof-window__modal-content {
        height: 100%;
        max-width: 1280px;
        margin: auto;

        overflow: hidden;

        transform: translateY(48px) scale(0.98);

        opacity: 0;

        transition-property: opacity, transform;
        transition-duration: 0.2s;
        transition-timing-function: ease;
    }

    @media (max-width: 767px) {

    .prof-window__modal-content {
            border-radius: 0
    }
        }

    .prof-window__scrollable {
        height: 100%;
    }

    .prof-window__scrollable_touch {
            padding: 20px 16px 0;
        }

    .prof-window__scrollable-content {
        box-sizing: border-box;

        overflow: hidden;

        padding: 16px;
    }

    .prof-window__header {
        display: flex;
        justify-content: space-between;
        align-items: center;

        margin-bottom: var(--spacing-20);
    }

    .prof-window__title {
        margin: 0;

        font: var(--font-ys-header-28-medium);

        font-feature-settings: 'pnum' on, 'lnum' on;
    }

    .prof-window__filters-wrapper {
        display: flex;
        justify-content: space-between;

        margin-bottom: var(--spacing-20);
    }

    @media (max-width: 767px) {

    .prof-window__filters-wrapper {
            flex-direction: row-reverse
    }
        }

    .prof-window__filters {
        margin-right: var(--spacing-80);
    }

    @media (max-width: 767px) {

    .prof-window__filters {
            margin-right: 0
    }
        }

.prof-window-empty-fallback {
    display: flex;
    flex-direction: column;
    align-items: center;

    max-width: 450px;
    margin: 100px auto 0;

    text-align: center;
    font: var(--font-ys-caption-14-regular);
    font-feature-settings: 'pnum' on, 'lnum' on;

    opacity: 0;

    animation: emptyFallbackFadeIn 0.3s 0.5s forwards;
}

    .prof-window-empty-fallback_short {
        max-width: 354px;
    }

    @media (max-width: 767px) {.prof-window-empty-fallback {
        margin-top: 64px
}
    }

    .prof-window-empty-fallback__image-wrapper {
        margin-bottom: var(--spacing-2);
    }

    .prof-window-empty-fallback__text {
        font: var(--font-ys-body-16-medium-ui);
        font-feature-settings: 'pnum' on, 'lnum' on;
        margin: 0 0 var(--spacing-8);
    }

    .prof-window-empty-fallback__suggest-message {
        margin: 0 0 var(--spacing-24);
    }

    .prof-window-empty-fallback__suggest-btn {
        font: var(--font-ys-body-16-medium-ui);
        font-feature-settings: 'pnum' on, 'lnum' on;
    }

@keyframes emptyFallbackFadeIn {
    from {
        transform: translateY(32px);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.prisma-element-hint {
    display: inline-block;
}

    .prisma-element-hint__content {
        display: block;
        overflow: hidden;

        text-overflow: ellipsis;
    }

    .prisma-element-hint__wrapper {
        position: relative;

        display: block;

        overflow: inherit;

        width: inherit;
        height: inherit;
    }

    @media (any-hover: hover) {
            .prisma-element-hint__wrapper:hover {
                -webkit-user-select: none;
                   -moz-user-select: none;
                        user-select: none;
            }
        }

    @media (any-hover: none) {
            .prisma-element-hint__wrapper:active {
                -webkit-user-select: none;
                   -moz-user-select: none;
                        user-select: none;
            }
        }

    .prisma-element-hint [disabled] {
        pointer-events: none;
    }

.prisma-tooltip {
    position: fixed;
    z-index: var(--prisma-tooltip-z-index);
    top: var(--prisma-tooltip-top);
    left: var(--prisma-tooltip-left);

    box-sizing: border-box;
    width: -moz-max-content;
    width: max-content;

    pointer-events: all;
    color: var(--color-content-inverted-primary);
    background: var(--color-accent-neutral);
    text-align: center;

    --prisma-tooltip-offset-from-x: 0;
    --prisma-tooltip-offset-from-y: 0;
}

    .prisma-tooltip_size_s {
            padding: 7px 12px;
            font: var(--font-ys-caption-14-medium);
            font-feature-settings: 'pnum' on, 'lnum' on;
            border-radius: var(--border-radius-10);
        }

    .prisma-tooltip_size_m {
            padding: 12px 16px;
            font: var(--font-ys-body-16-medium-ui);
            font-feature-settings: 'pnum' on, 'lnum' on;
            border-radius: var(--border-radius-14);
        }

    .prisma-tooltip_with-tail::after {
        position: absolute;
        z-index: 1;
        top: 0;
        top: var(--prisma-tooltip-tail-top, 0);
        left: 0;
        left: var(--prisma-tooltip-tail-left, 0);

        display: block;

        width: 0;
        height: 0;

        content: '';

        transform: translate(0, 0) rotateZ(225deg);
        transform-origin: 50% 50%;

        border: var(--prisma-tooltip-tail-size) solid var(--color-accent-neutral);
        border-top-left-radius: 2px;
    }

    .prisma-tooltip_direction_top,
        .prisma-tooltip_direction_top-right,
        .prisma-tooltip_direction_top-left {
            --prisma-tooltip-offset-from-y: calc(
                -1 * var(--prisma-tooltip-tail-size) - var(--prisma-tooltip-slide-animation-offset)
            );
        }

    .prisma-tooltip_direction_top::after, .prisma-tooltip_direction_top-right::after, .prisma-tooltip_direction_top-left::after {
                top: 100%;

                transform: translate(0, -50%) rotateZ(225deg);
            }

    .prisma-tooltip_direction_bottom,
        .prisma-tooltip_direction_bottom-right,
        .prisma-tooltip_direction_bottom-left {
            --prisma-tooltip-offset-from-y: calc(
                var(--prisma-tooltip-tail-size) + var(--prisma-tooltip-slide-animation-offset)
            );
        }

    .prisma-tooltip_direction_bottom::after, .prisma-tooltip_direction_bottom-right::after, .prisma-tooltip_direction_bottom-left::after {
                top: 0;

                transform: translate(0, -50%) rotateZ(45deg);
            }

    .prisma-tooltip_direction_right,
        .prisma-tooltip_direction_right-top,
        .prisma-tooltip_direction_right-bottom,
        .prisma-tooltip_direction_left,
        .prisma-tooltip_direction_left-top,
        .prisma-tooltip_direction_left-bottom {
            text-align: left;
        }

    .prisma-tooltip_direction_right,
        .prisma-tooltip_direction_right-top,
        .prisma-tooltip_direction_right-bottom {
            --prisma-tooltip-offset-from-x: calc(
                var(--prisma-tooltip-tail-size) + var(--prisma-tooltip-slide-animation-offset)
            );
        }

    .prisma-tooltip_direction_right::after, .prisma-tooltip_direction_right-top::after, .prisma-tooltip_direction_right-bottom::after {
                left: 0;

                transform: translate(-50%, 0) rotateZ(-45deg);
            }

    .prisma-tooltip_direction_left,
        .prisma-tooltip_direction_left-top,
        .prisma-tooltip_direction_left-bottom {
            --prisma-tooltip-offset-from-x: calc(
                -1 * var(--prisma-tooltip-tail-size) - var(--prisma-tooltip-slide-animation-offset)
            );
        }

    .prisma-tooltip_direction_left::after, .prisma-tooltip_direction_left-top::after, .prisma-tooltip_direction_left-bottom::after {
                left: 100%;

                transform: translate(-50%, 0) rotateZ(-225deg);
            }

    .prisma-tooltip {

    --prisma-tooltip-transition-duration: 0.1s;
    --prisma-tooltip-transition: transform var(--prisma-tooltip-transition-duration) ease-out,
        opacity var(--prisma-tooltip-transition-duration) ease-out;
    --prisma-tooltip-transition-transform-enter: translate(
        var(--prisma-tooltip-offset-from-x),
        var(--prisma-tooltip-offset-from-y)
    );
    --prisma-tooltip-transition-transform-done: translate(0, 0);
}

    .prisma-tooltip.prisma-tooltip-enter {
        transform: var(--prisma-tooltip-transition-transform-enter);

        opacity: 0.01;
    }

    .prisma-tooltip.prisma-tooltip-enter-active {
        transition: var(--prisma-tooltip-transition);

        transform: var(--prisma-tooltip-transition-transform-done);

        opacity: 1;
    }

    .prisma-tooltip.prisma-tooltip-enter-done {
        transform: var(--prisma-tooltip-transition-transform-done);

        opacity: 1;
    }

    .prisma-tooltip.prisma-tooltip-exit {
        transform: var(--prisma-tooltip-transition-transform-done);

        opacity: 1;
    }

    .prisma-tooltip.prisma-tooltip-exit-active {
        transition: var(--prisma-tooltip-transition);
        transition-duration: calc(var(--prisma-tooltip-transition-duration) * 1.25);

        transform: var(--prisma-tooltip-transition-transform-enter);

        opacity: 0.01;
    }

.UserPic {
    position: relative;

    display: inline-block;

    width: var(--user-pic-size-m-size);
    height: var(--user-pic-size-m-size);
}

.UserPic_hasPlus::after {
    position: absolute;
    z-index: 0;
    top: 50%;
    left: 50%;

    width: var(--user-pic-size-m-size-plus);
    height: var(--user-pic-size-m-size-plus);
    margin: calc(var(--user-pic-size-m-size-plus) / -2) 0 0 calc(var(--user-pic-size-m-size-plus) / -2);

    content: '';

    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300' viewBox='0 0 300 300' fill='none'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M150 300c82.843 0 150-67.157 150-150S232.843 0 150 0 0 67.157 0 150s67.157 150 150 150Zm0-11.538c76.47 0 138.462-61.992 138.462-138.462S226.47 11.538 150 11.538 11.538 73.53 11.538 150 73.53 288.462 150 288.462Z' fill='url(%23paint0_linear)'/%3e%3cdefs%3e%3clinearGradient id='paint0_linear' x1='6.72646' y1='35.3513' x2='326.763' y2='101.457' gradientUnits='userSpaceOnUse'%3e%3cstop offset='0.0364583' stop-color='%2348CCE0'/%3e%3cstop offset='0.328125' stop-color='%23505ADD'/%3e%3cstop offset='0.640625' stop-color='%23BE40C0'/%3e%3cstop offset='0.958333' stop-color='%23FBA82B'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e") center center no-repeat;
    background-size: contain;
}

.UserPic-Image {
    width: 100%;
    height: 100%;

    border-radius: 100px;
    background-color: #fff;
    object-fit: cover;
}

.Link {
    text-decoration: none;

    outline: 0;

    touch-action: manipulation;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.Link[aria-disabled='true'] {
    pointer-events: none;
}

.Link_theme_black {
    color: #000;
}

.Link_theme_black[aria-disabled='true'] {
    color: #ddd;
}

.Link_theme_ghost {
    color: #999;
}

.Link_theme_ghost[aria-disabled='true'] {
    color: #ddd;
}

.Link_theme_normal {
    color: #04b;
}

.Link_theme_normal[aria-disabled='true'] {
    color: #ddd;
}

.Link_theme_outer {
    color: #070;
}

.Link_theme_outer[aria-disabled='true'] {
    color: #ddd;
}

/*
* Убрали из Link inner и поэтому тут вместо символической ссылки свои стили.
* Т.к. теперь нельзя использовать стили из islands.
*/

.Link_theme_pseudo {
    color: #04b;
    border-bottom: 1px dotted;
}

.Link_theme_pseudo[aria-disabled='true'] {
    color: #ddd;
}

.Link_theme_strong {
    /* stylelint-disable-next-line font-weight-notation */
    font-weight: 700;

    color: #04b;
}

.Link_theme_strong[aria-disabled='true'] {
    color: #ddd;
}

/* common */
.Link_view_default {
    color: var(--link-view-default-typo-color-base);

    transition: color .15s linear;
}

/* disable */
.Link_view_default[aria-disabled='true'] {
    color: var(--link-view-default-typo-color-disabled);
}

.UserPic-Camera {
    position: absolute;
    z-index: 1;
    top: 0%;

    overflow: hidden;

    width: 100%;
    height: 100%;

    border-radius: 50%;
}

.UserPic-Link {
    position: absolute;
    bottom: 0%;
    left: 0%;

    width: 100%;
    height: 100%;

    outline: none;
    background-color: rgba(0, 0, 0, .5);
}

.UserPic-Camera::after {
    position: absolute;
    top: 50%;
    left: 50%;

    width: calc(var(--user-pic-size-m-size) / 2);
    height: calc(var(--user-pic-size-m-size) / 2);

    content: '';
    pointer-events: none;

    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='%23FFFFFF' d='M7.342 4.985c.422-.724.633-1.085.927-1.348a2.5 2.5 0 0 1 .898-.516C9.542 3 9.96 3 10.797 3h2.405c.838 0 1.256 0 1.631.121a2.5 2.5 0 0 1 .898.516c.294.263.505.624.927 1.348L17.25 6H18c1.4 0 2.1 0 2.635.272a2.5 2.5 0 0 1 1.092 1.093C22 7.9 22 8.6 22 10v6c0 1.4 0 2.1-.273 2.635a2.5 2.5 0 0 1-1.092 1.092C20.1 20 19.4 20 18 20H6c-1.4 0-2.1 0-2.635-.273a2.5 2.5 0 0 1-1.093-1.092C2 18.1 2 17.4 2 16v-6c0-1.4 0-2.1.272-2.635a2.5 2.5 0 0 1 1.093-1.093C3.9 6 4.6 6 6 6h.75l.592-1.015zM12 17.05a4.75 4.75 0 1 0 0-9.5 4.75 4.75 0 0 0 0 9.5zm2.7-4.75a2.7 2.7 0 1 1-5.4 0 2.7 2.7 0 0 1 5.4 0z' fillRule='evenodd' clipRule='evenodd'/%3e%3c/svg%3e");

    transform: translate(-50%, -50%);
}

.UserPic-Link {
    height: 50%;

    transition: height .3s ease-out;
}

.UserPic-Camera::after {
    transition: transform .3s ease-out;
    transform: translate(-50%, -10%) scale(.66);
    will-change: transform;
}

.UserPic:hover .UserPic-Camera::after {
    top: 50%;

    transform: translate(-50%, -50%) scale(1);
}

.UserPic:hover .UserPic-Link {
    height: 100%;
}

.UserPic_size_m {
    width: var(--user-pic-size-m-size);
    height: var(--user-pic-size-m-size);
}

.UserPic_size_m.UserPic_hasPlus::after {
    width: var(--user-pic-size-m-size-plus);
    height: var(--user-pic-size-m-size-plus);
    margin: calc(var(--user-pic-size-m-size-plus) / -2) 0 0 calc(var(--user-pic-size-m-size-plus) / -2);
}

.UserPic_size_m .UserPic-Camera::after {
    width: calc(var(--user-pic-size-m-size) / 2);
    height: calc(var(--user-pic-size-m-size) / 2);
}

.UserPic_size_s {
    width: var(--user-pic-size-s-size);
    height: var(--user-pic-size-s-size);
}

.UserPic_size_s.UserPic_hasPlus::after {
    width: var(--user-pic-size-s-size-plus);
    height: var(--user-pic-size-s-size-plus);
    margin: calc(var(--user-pic-size-s-size-plus) / -2) 0 0 calc(var(--user-pic-size-s-size-plus) / -2);
}

.UserPic_size_s .UserPic-Camera::after {
    width: calc(var(--user-pic-size-s-size) / 2);
    height: calc(var(--user-pic-size-s-size) / 2);
}

.footer.landings-v2-page__footer {
    max-width: var(--max-content-width);
    padding: 0px 32px 48px;
    margin: 0 auto;
}

    @media (max-width: 539px) {.footer.landings-v2-page__footer {
        padding: 0px 16px 48px
}
    }

.Spin2 {
    display: none;

    box-sizing: border-box;

    border: 2px solid transparent;
    border-radius: 50%;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
}

/* Для правильного позиционирования блока относительно baseline */
.Spin2::after {
    visibility: hidden;

    content: '\00A0'; /* &nbsp; */
}

/*
  (1) https://st.yandex-team.ru/ISL-6342
      Добавлена задержка начала анимации, что заставляет её нормально работать в iOS 12-
      Решение взято отсюда:
      https://stackoverflow.com/questions/29219534/css-animation-not-always-starting-in-ios-8-safari
*/
.Spin2_progress {
    display: inline-block;

    animation: islands-spin2 1s .21s infinite linear; /* (1) */

    backface-visibility: hidden;  /* Для ускорения анимации */
}

@keyframes islands-spin2 {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.Spin2_position_center {
    position: absolute;
    top: 50%;
    left: 50%;
}

.Spin2_view_default.Spin2_progress {
    border-top-color: var(--spin-view-default-border-color);
    border-left-color: var(--spin-view-default-border-color);
}

.Spin2_size_m {
    width: var(--spin-size-m);
    height: var(--spin-size-m);

    font-size: 15px;
    line-height: 28px;
}

.Spin2_size_m.Spin2_position_center {
    /* Отступ равен половине ширины */
    margin-top: calc(var(--spin-size-m) / -2);
    margin-left: calc(var(--spin-size-m) / -2);
}


/*# sourceMappingURL=https://s3.mds.yandex.net/wirth-sourcemaps/v2.1039/build/landings-v2.build.css.map*/