:where(.HR-9-26-0) .Slot-Wrapper {
    --hr-internal-slot-space: var(--hr-control-space-input);

    position: relative;

    display: flex;
}

:where(.HR-9-26-0) .Slot-Wrapper_type_action {
    --hr-internal-slot-space: var(--hr-control-space-action);
}

:where(.HR-9-26-0) .Slot-Wrapper_type_icon {
    --hr-internal-slot-space: var(--hr-control-space-icon);
}

:where(.HR-9-26-0) .Slot-Wrapper:empty {
    width: var(--hr-internal-slot-space);
}

.Slot-Wrapper .Theme_controls_inline {
    --hr-control-border-radius: var(--hr-border-radius-xs-compact);
}

:where(.HR-9-26-0) .Slot {
    --hr-internal-slot-gap: var(--hr-control-space-slot);
    --hr-internal-slot-padding-horizontal: var(--hr-control-space-slot);
    --hr-internal-slot-padding-vertical: var(--hr-control-space-slot);

    position: relative;

    display: inline-flex;
    align-items: center;

    box-sizing: border-box;
    height: -moz-max-content;
    height: max-content;
    min-height: var(--hr-control-size);
    padding: var(--hr-internal-slot-padding-vertical) var(--hr-internal-slot-padding-horizontal);

    color: var(--hr-color-text-secondary);
    gap: var(--hr-internal-slot-gap);
}

:where(.HR-9-26-0) .Slot_isDisabled {
    pointer-events: none;

    opacity: var(--hr-effects-opacity-disabled);
}

:where(.HR-9-26-0) .Slot_gap_m {
    --hr-internal-slot-gap: var(--hr-internal-slot-space);
}

:where(.HR-9-26-0) .Slot_padding_m {
    --hr-internal-slot-padding-horizontal: var(--hr-internal-slot-space);
}

:where(.HR-9-26-0) .Slot_hasInlineDivider {
    gap: calc(var(--hr-internal-slot-gap) * 2 + var(--hr-border-width-s));
}

:where(.HR-9-26-0) .Slot-Item {
    position: relative;

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

    min-width: var(--hr-size-control-xs);
}

.Theme_controls_inline .Slot-Item {
    min-width: calc(var(--hr-size-control-xs) - 4px);
}

:where(.HR-9-26-0) .Slot-Item:empty {
    display: none;
}

/* Разделители */

:where(.HR-9-26-0) .Slot-Item::before,
:where(.HR-9-26-0) .Slot-Item::after,
:where(.HR-9-26-0) .Slot_hasDivider::after {
    position: absolute;
    top: calc(50% - (var(--hr-size-control-2-xs) / 2));

    width: var(--hr-border-width-s);
    height: var(--hr-size-control-2-xs);

    background-color: var(--hr-color-border-secondary);
}

:where(.HR-9-26-0) .Slot_hasInlineDivider .Slot-Item:not(:last-child)::after {
    right: calc(-1 * var(--hr-internal-slot-gap) - var(--hr-border-width-s));

    content: '';
}

:where(.HR-9-26-0) .Slot-Wrapper_place_left .Slot_hasDivider {
    /* stylelint-disable-next-line max-line-length */
    padding-right: calc(var(--hr-internal-slot-padding-horizontal) + var(--hr-internal-slot-gap) + var(--hr-border-width-s));
}

:where(.HR-9-26-0) .Slot-Wrapper_place_right .Slot_hasDivider {
    /* stylelint-disable-next-line max-line-length */
    padding-left: calc(var(--hr-internal-slot-padding-horizontal) + var(--hr-internal-slot-gap) + var(--hr-border-width-s));
}

:where(.HR-9-26-0) .Slot-Wrapper_place_left .Slot_hasDivider::after {
    right: var(--hr-internal-slot-padding-horizontal);

    content: '';
}

:where(.HR-9-26-0) .Slot-Wrapper_place_right .Slot_hasDivider::after {
    left: var(--hr-internal-slot-padding-horizontal);

    content: '';
}

:where(.HR-9-26-0) .Slot-Wrapper_place_left .Slot-Item:last-child .Slot-ExtraSpaceAddon {
    margin-right: var(--hr-space-2-xs);
}

:where(.HR-9-26-0) .Slot-Wrapper_place_right .Slot-Item:first-child .Slot-ExtraSpaceAddon {
    margin-left: var(--hr-space-2-xs);
}

:where(.HR-9-26-0) .Spin2 {
    --hr-spin-color: var(--hr-color-border-primary);
    --hr-spin-background: var(--hr-color-border-tertiary);
    --hr-spin-animation-delay: 0.21s;

    display: none;

    box-sizing: border-box;
    width: var(--spinner-size);
    height: var(--spinner-size);

    border: 2px solid transparent;
    border-radius: 50%;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
}

/* Для правильного позиционирования блока относительно baseline */
:where(.HR-9-26-0) .Spin2::after {
    visibility: hidden;

    content: '\00A0'; /*   */
}

/*
  (1) https://st.yandex-team.ru/ISL-6342
      Добавлена задержка начала анимации, что заставляет её нормально работать в iOS 12-
      Решение взято отсюда:
      https://stackoverflow.com/questions/29219534/css-animation-not-always-starting-in-ios-8-safari
*/
:where(.HR-9-26-0) .Spin2_progress {
    display: inline-block;

    border-color: var(--hr-spin-background);
    border-top-color: var(--hr-spin-color);

    animation: islands-spin2 1s var(--hr-spin-animation-delay) infinite linear; /* (1) */

    backface-visibility: hidden; /* Для ускорения анимации */
}

@keyframes islands-spin2 {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

:where(.HR-9-26-0) .Spin2_size_xxs {
    --spinner-size: 16px;

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

:where(.HR-9-26-0) .Spin2_size_xs {
    --spinner-size: 24px;

    font-size: 13px;
    line-height: 20px;
}

:where(.HR-9-26-0) .Spin2_size_s {
    --spinner-size: 28px;

    font-size: 13px;
    line-height: 24px;
}

:where(.HR-9-26-0) .Spin2_size_m {
    --spinner-size: 32px;

    font-size: 15px;
    line-height: 28px;
}

:where(.HR-9-26-0) .Spin2_size_l {
    --spinner-size: 38px;

    font-size: 18px;
    line-height: 34px;
}

:where(.HR-9-26-0) .Spin2_position_center {
    position: absolute;
    top: 50%;
    left: 50%;

    /* Отступ равен половине ширины */
    margin-top: calc(var(--spinner-size) / -2);
    margin-left: calc(var(--spinner-size) / -2);
}

:where(.HR-9-26-0) .Text_typography_bodyL {
    font-family: var(--hr-typography-font-body-l-font-family);
    font-size: var(--hr-typography-font-body-l-font-size);
    font-weight: var(--hr-typography-font-body-l-font-weight);
    line-height: var(--hr-typography-font-body-l-line-height);
}

:where(.HR-9-26-0) .Text_typography_bodyM {
    font-family: var(--hr-typography-font-body-m-font-family);
    font-size: var(--hr-typography-font-body-m-font-size);
    font-weight: var(--hr-typography-font-body-m-font-weight);
    line-height: var(--hr-typography-font-body-m-line-height);
}

:where(.HR-9-26-0) .Text_typography_bodyS {
    font-family: var(--hr-typography-font-body-s-font-family);
    font-size: var(--hr-typography-font-body-s-font-size);
    font-weight: var(--hr-typography-font-body-s-font-weight);
    line-height: var(--hr-typography-font-body-s-line-height);
}

:where(.HR-9-26-0) .Text_typography_captionM {
    font-family: var(--hr-typography-font-caption-m-font-family);
    font-size: var(--hr-typography-font-caption-m-font-size);
    font-weight: var(--hr-typography-font-caption-m-font-weight);
    line-height: var(--hr-typography-font-caption-m-line-height);
}

:where(.HR-9-26-0) .Text_typography_captionS {
    font-family: var(--hr-typography-font-caption-s-font-family);
    font-size: var(--hr-typography-font-caption-s-font-size);
    font-weight: var(--hr-typography-font-caption-s-font-weight);
    line-height: var(--hr-typography-font-caption-s-line-height);
}

:where(.HR-9-26-0) .Text_typography_displayL {
    font-family: var(--hr-typography-font-display-l-font-family);
    font-size: var(--hr-typography-font-display-l-font-size);
    font-weight: var(--hr-typography-font-display-l-font-weight);
    line-height: var(--hr-typography-font-display-l-line-height);
}

:where(.HR-9-26-0) .Text_typography_displayM {
    font-family: var(--hr-typography-font-display-m-font-family);
    font-size: var(--hr-typography-font-display-m-font-size);
    font-weight: var(--hr-typography-font-display-m-font-weight);
    line-height: var(--hr-typography-font-display-m-line-height);
}

:where(.HR-9-26-0) .Text_typography_displayS {
    font-family: var(--hr-typography-font-display-s-font-family);
    font-size: var(--hr-typography-font-display-s-font-size);
    font-weight: var(--hr-typography-font-display-s-font-weight);
    line-height: var(--hr-typography-font-display-s-line-height);
}

:where(.HR-9-26-0) .Text_typography_labelM {
    font-family: var(--hr-typography-font-label-m-font-family);
    font-size: var(--hr-typography-font-label-m-font-size);
    font-weight: var(--hr-typography-font-weight-regular);
    line-height: var(--hr-typography-font-label-m-line-height);
}

:where(.HR-9-26-0) .Text_typography_labelS {
    font-family: var(--hr-typography-font-label-s-font-family);
    font-size: var(--hr-typography-font-label-s-font-size);
    font-weight: var(--hr-typography-font-weight-regular);
    line-height: var(--hr-typography-font-label-s-line-height);
}

:where(.HR-9-26-0) .Text_typography_titleL {
    font-family: var(--hr-typography-font-title-l-font-family);
    font-size: var(--hr-typography-font-title-l-font-size);
    font-weight: var(--hr-typography-font-title-l-font-weight);
    line-height: var(--hr-typography-font-title-l-line-height);
}

:where(.HR-9-26-0) .Text_typography_titleM {
    font-family: var(--hr-typography-font-title-m-font-family);
    font-size: var(--hr-typography-font-title-m-font-size);
    font-weight: var(--hr-typography-font-title-m-font-weight);
    line-height: var(--hr-typography-font-title-m-line-height);
}

:where(.HR-9-26-0) .Text_typography_titleS {
    font-family: var(--hr-typography-font-title-s-font-family);
    font-size: var(--hr-typography-font-title-s-font-size);
    font-weight: var(--hr-typography-font-title-s-font-weight);
    line-height: var(--hr-typography-font-title-s-line-height);
}

:where(.HR-9-26-0) .Popup2_hideOffscreen[data-popper-hidden] {
    visibility: hidden !important;

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

    pointer-events: none !important;
}

/* TODO: Усиливаем селектор для ie11 (оторвать после https://st.yandex-team.ru/ISL-7989) */
:where(.HR-9-26-0) .Popup2.Popup2_nonvisual[class] {
    border: 0;
    background: none;
    box-shadow: none;
}

/* TODO: Усиливаем селектор для ie11 (оторвать после https://st.yandex-team.ru/ISL-7989) */
:where(.HR-9-26-0) .Popup2.Popup2_nonvisual[class]::before {
    content: none;

    box-shadow: none;
}

:where(.HR-9-26-0) .Popup2.Popup2_nonvisual .Popup2-TailFill {
    fill: none;
}

:where(.HR-9-26-0) .Popup2.Popup2_nonvisual .Popup2-TailBorder {
    fill: none;
}

:where(.HR-9-26-0) .Popup2-Tail {
    width: 24px;
    height: 24px;

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

:where(.HR-9-26-0) .Popup2-TailSvg {
    display: block;
}

:where(.HR-9-26-0) .Popup2[data-popper-placement^='top'] .Popup2-Tail {
    top: 100%;

    transform: rotate(180deg);
}

:where(.HR-9-26-0) .Popup2[data-popper-placement^='left'] .Popup2-Tail {
    left: 100%;

    transform: rotate(90deg);
}

:where(.HR-9-26-0) .Popup2[data-popper-placement^='bottom'] .Popup2-Tail {
    bottom: 100%;
}

:where(.HR-9-26-0) .Popup2[data-popper-placement^='right'] .Popup2-Tail {
    right: 100%;

    transform: rotate(-90deg);
}

:where(.HR-9-26-0) .Popup2 {
    position: absolute;
    z-index: 1400;

    visibility: hidden;

    box-sizing: border-box;
    margin: -9999px 0 0 -9999px;

    color: var(--hr-color-text-primary);
    border-radius: var(--hr-border-radius-m);
    background-color: var(--hr-color-surface-200);
    box-shadow: 0 11px 14px -7px rgba(0, 0, 0, 0.3);

    animation-duration: 0.1s;
    animation-timing-function: ease-out;

    animation-fill-mode: forwards;
}

/* common */
:where(.HR-9-26-0) .Popup2::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    content: '';

    border-radius: inherit;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
}

:where(.HR-9-26-0) .Popup2_visible::before {
    /* NOTE: ISL-5672 */
    z-index: -1;
}

:where(.HR-9-26-0) .Popup2_visible {
    visibility: visible;

    margin: 0;
}

:where(.HR-9-26-0) .Popup2-TailFill {
    fill: var(--hr-color-surface-200);
}

:where(.HR-9-26-0) .Popup2-TailBorder {
    fill: rgba(0, 0, 0, 0.05);
}

/**
 * Необходимо, чтобы сохранить скругленные края попапа,
 * даже если у вложенного элемента скругления не будет.
 */
:where(.HR-9-26-0) .Popup2 > :first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
}

:where(.HR-9-26-0) .Popup2 > :last-child {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit;
}

:where(.HR-9-26-0) .Popup2[data-popper-placement^='bottom'] {
    animation-name: popup2_bottom;
}

:where(.HR-9-26-0) .Popup2[data-popper-placement^='bottom'].Popup2_visible {
    animation-name: popup2_bottom_visible;
}

:where(.HR-9-26-0) .Popup2[data-popper-placement^='top'] {
    animation-name: popup2_top;
}

:where(.HR-9-26-0) .Popup2[data-popper-placement^='top'].Popup2_visible {
    animation-name: popup2_top_visible;
}

:where(.HR-9-26-0) .Popup2[data-popper-placement^='right'] {
    animation-name: popup2_right;
}

:where(.HR-9-26-0) .Popup2[data-popper-placement^='right'].Popup2_visible {
    animation-name: popup2_right_visible;
}

:where(.HR-9-26-0) .Popup2[data-popper-placement^='left'] {
    animation-name: popup2_left;
}

:where(.HR-9-26-0) .Popup2[data-popper-placement^='left'].Popup2_visible {
    animation-name: popup2_left_visible;
}

@keyframes popup2_bottom {
    0% {
        visibility: visible;

        margin: 0;

        opacity: 1;

        transform: translateY(0);
    }

    99% {
        margin: 0;

        transform: translateY(10px);
    }

    100% {
        visibility: hidden;

        margin: -9999px 0 0 -9999px;

        opacity: 0;
    }
}

@keyframes popup2_bottom_visible {
    0% {
        opacity: 0;

        transform: translateY(10px);
    }

    100% {
        opacity: 1;

        transform: translateY(0);
    }
}

@keyframes popup2_top {
    0% {
        visibility: visible;

        margin: 0;

        opacity: 1;

        transform: translateY(0);
    }

    99% {
        margin: 0;

        transform: translateY(-10px);
    }

    100% {
        visibility: hidden;

        margin: -9999px 0 0 -9999px;

        opacity: 0;
    }
}

@keyframes popup2_top_visible {
    0% {
        opacity: 0;

        transform: translateY(-10px);
    }

    100% {
        opacity: 1;

        transform: translateY(0);
    }
}

@keyframes popup2_right {
    0% {
        visibility: visible;

        margin: 0;

        opacity: 1;

        transform: translateX(0);
    }

    99% {
        margin: 0;

        transform: translateX(10px);
    }

    100% {
        visibility: hidden;

        margin: -9999px 0 0 -9999px;

        opacity: 0;
    }
}

@keyframes popup2_right_visible {
    0% {
        opacity: 0;

        transform: translateX(10px);
    }

    100% {
        opacity: 1;

        transform: translateX(0);
    }
}

@keyframes popup2_left {
    0% {
        visibility: visible;

        margin: 0;

        opacity: 1;

        transform: translateX(0);
    }

    99% {
        margin: 0;

        transform: translateX(-10px);
    }

    100% {
        visibility: hidden;

        margin: -9999px 0 0 -9999px;

        opacity: 0;
    }
}

@keyframes popup2_left_visible {
    0% {
        opacity: 0;

        transform: translateX(-10px);
    }

    100% {
        opacity: 1;

        transform: translateX(0);
    }
}

:where(.HR-9-26-0) .Popup2-Slot {
    display: flex;
    flex-wrap: wrap;
    align-items: center;

    box-sizing: border-box;
    min-height: var(--hr-size-control-l);
    padding: var(--hr-space-2-xs);
}

:where(.HR-9-26-0) .Popup2-Slot_place_top {
    border-bottom: var(--hr-border-width-s) solid var(--hr-color-border-tertiary);
}

:where(.HR-9-26-0) .Popup2-Slot_place_bottom {
    border-top: var(--hr-border-width-s) solid var(--hr-color-border-tertiary);
}

:where(.HR-9-26-0) .Popup2-Slot_type_actions {
    padding: var(--hr-space-xs);
    gap: var(--hr-space-xs);
}

:where(.HR-9-26-0) .Popup2-Slot_type_text {
    padding: var(--hr-space-m-compact) var(--hr-space-m);

    font-size: var(--hr-typography-font-size-s);
    line-height: var(--hr-typography-line-height-s);

    color: var(--hr-color-text-secondary);
}

:where(.HR-9-26-0) .Tooltip_size_l .Tooltip-Content {
    padding: 12px 16px;

    font-size: var(--hr-typography-font-body-s-font-size);
    line-height: var(--hr-typography-font-body-s-line-height);
}

:where(.HR-9-26-0) .Tooltip_size_l .Popup2-Tail {
    width: 16px;
    height: 16px;
}

:where(.HR-9-26-0) .Tooltip_size_s .Tooltip-Content {
    padding: 8px 12px;

    font-size: var(--hr-typography-font-label-s-font-size);
    line-height: var(--hr-typography-font-label-s-line-height);
}

:where(.HR-9-26-0) .Tooltip_size_s .Popup2-Tail {
    width: 12px;
    height: 12px;
}

/*
1 - Фикс для отображения в webkit, подробности в задаче — ISL-5672.
Если установить отрицательный z-index только при открытом тултипе, то появляется баг ISL-10179.
TODO: можно избавиться от отрицательного z-index, если расположить Backdrop выше контента в DOM.
*/
:where(.HR-9-26-0) .Tooltip-Backdrop {
    position: absolute;
    /* 1 */
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

:where(.HR-9-26-0) .Tooltip-Backdrop::before {
    display: block;

    width: 100%;
    height: 100%;

    content: '';
}

:where(.HR-9-26-0) .Tooltip_size_m .Tooltip-Content {
    padding: 12px 16px;

    font-size: var(--hr-typography-font-label-s-font-size);
    line-height: var(--hr-typography-font-label-s-line-height);
}

:where(.HR-9-26-0) .Tooltip_size_m .Popup2-Tail {
    width: 16px;
    height: 16px;
}

:where(.HR-9-26-0) .Tooltip {
    z-index: 1500;

    font-family: var(--hr-typography-font-family-default);
}

:where(.HR-9-26-0) .Tooltip.Popup2::before {
    content: none;
}

:where(.HR-9-26-0) .Tooltip-Content {
    width: -moz-max-content;
    width: max-content;

    word-break: break-word;
}

/* Логика обрезания текста */
:where(.HR-9-26-0) .Tooltip_size_s .Tooltip-Content {
    max-width: 240px;
}

:where(.HR-9-26-0) .Tooltip_size_m .Tooltip-Content,
:where(.HR-9-26-0) .Tooltip_size_l .Tooltip-Content {
    max-width: 320px;
}

:where(.HR-9-26-0) .Tooltip_size_s.Tooltip_text_fixed .Tooltip-Content,
:where(.HR-9-26-0) .Tooltip_size_m.Tooltip_text_fixed .Tooltip-Content {
    overflow: hidden;

    white-space: nowrap;
    text-overflow: ellipsis;
}

:where(.HR-9-26-0) .Tooltip.Popup2 {
    font-weight: var(--hr-typography-font-weight-normal);

    color: var(--hr-color-text-primary);
    background: none;
    box-shadow: none;
}

:where(.HR-9-26-0) .Tooltip-Backdrop::before {
    border-radius: var(--hr-border-radius-xs);
    background-color: var(--hr-color-surface-200);
    box-shadow: var(--hr-effects-shadow);
}

:where(.HR-9-26-0) .Tooltip .Popup2-TailFill {
    fill: var(--hr-color-surface-200);
}

:where(.HR-9-26-0) .Tooltip .Popup2-TailBorder {
    fill: none;
}

:where(.HR-9-26-0) .Tooltip_state_success {
    color: var(--hr-color-text-primary-inverse);
}

:where(.HR-9-26-0) .Tooltip_state_warning {
    color: var(--hr-color-text-primary-inverse);
}

:where(.HR-9-26-0) .Tooltip_state_alert {
    color: var(--hr-color-text-primary-inverse);
}

:where(.HR-9-26-0) .Tooltip_state_success .Tooltip-Backdrop::before {
    background-color: #1daf97;
}

:where(.HR-9-26-0) .Tooltip_state_success .Popup2-TailFill {
    fill: #1daf97;
}

:where(.HR-9-26-0) .Tooltip_state_warning .Tooltip-Backdrop::before {
    background-color: var(--hr-color-control-primary);
}

:where(.HR-9-26-0) .Tooltip_state_warning .Popup2-TailFill {
    fill: var(--hr-color-control-primary);
}

:where(.HR-9-26-0) .Tooltip_state_alert .Tooltip-Backdrop::before {
    background-color: var(--hr-color-spectre-red-500);
}

:where(.HR-9-26-0) .Tooltip_state_alert .Popup2-TailFill {
    fill: var(--hr-color-spectre-red-500);
}

:where(.HR-9-26-0) h1.Text,
:where(.HR-9-26-0) h2.Text,
:where(.HR-9-26-0) h3.Text,
:where(.HR-9-26-0) h4.Text,
:where(.HR-9-26-0) h5.Text,
:where(.HR-9-26-0) h6.Text,
:where(.HR-9-26-0) p.Text {
    margin-top: 0;
    margin-bottom: 0;
}

:where(.HR-9-26-0) .Text_align_left {
    text-align: left;
}

:where(.HR-9-26-0) .Text_align_center {
    text-align: center;
}

:where(.HR-9-26-0) .Text_align_right {
    text-align: right;
}

:where(.HR-9-26-0) .Text_hideOverflow {
    display: block;
    overflow: hidden;

    white-space: nowrap;
    text-overflow: ellipsis;
}

:where(.HR-9-26-0) .Text_hideLines {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: var(--text-max-visible-lines);
    overflow: hidden;

    text-overflow: ellipsis;
}

:where(.HR-9-26-0) .Text_color_secondary {
    color: var(--hr-color-text-secondary);
}

:where(.HR-9-26-0) .Text_color_primary {
    color: var(--hr-color-text-primary);
}

:where(.HR-9-26-0) .Text_color_inverse {
    color: var(--hr-color-text-primary-inverse);
}

:where(.HR-9-26-0) .Text_color_error {
    color: var(--hr-color-special-error);
}

:where(.HR-9-26-0) .Text_color_disabled {
    color: var(--hr-color-text-tertiary);
}

:where(.HR-9-26-0) .Text.Text_weight_regular {
    font-weight: var(--hr-typography-font-weight-regular);
}

:where(.HR-9-26-0) .Text.Text_weight_medium {
    font-weight: var(--hr-typography-font-weight-medium);
}

:where(.HR-9-26-0) .Button_isChecked:not(.Button_isDisabled) {
    background-color: var(--hr-internal-button-background-checked, var(--hr-internal-button-background));
}

:where(.HR-9-26-0) .Button_isChecked:not(.Button_isDisabled) .Button-State {
    border-color: var(--hr-internal-button-border-color-checked, var(--hr-internal-button-border-color));
}

:where(.HR-9-26-0) .Button.Button_isLoading .Button-Content {
    opacity: 0;
}

:where(.HR-9-26-0) .Button_isLoading.Button_isDisabled .Button-Spin {
    opacity: 0.5;
}

:where(.HR-9-26-0) .Button.Button_isDisabled {
    color: var(--hr-internal-button-text-color-disabled, var(--hr-color-text-tertiary));
    background-color: var(--hr-internal-button-background-disabled, var(--hr-internal-button-background));
}

:where(.HR-9-26-0) .Button[aria-disabled='true'] {
    cursor: default;
    pointer-events: none;
}

:where(.HR-9-26-0) .Button.Button_isDisabled .Button-State {
    border-color: var(--hr-internal-button-border-color-disabled, var(--hr-internal-button-border-color));
}

:where(.HR-9-26-0) .Button.Button_isDisabled .Button-Text {
    color: var(--hr-internal-button-text-color-disabled, var(--hr-color-text-tertiary));
}

:where(.HR-9-26-0) .Button_view_primary {
    --hr-internal-button-background: var(--hr-color-control-primary);
    --hr-internal-button-border-color: transparent;

    --hr-internal-button-background-hovered: var(--hr-color-control-primary-hover);

    --hr-internal-button-focus-outline-color: var(--hr-color-surface-100);
    --hr-internal-button-focus-offset: -2px;

    --hr-internal-button-background-disabled: var(--hr-color-control-disabled);
}

:where(.HR-9-26-0) .Button_view_primary .Button-Content {
    --hr-internal-button-text-color: var(--hr-color-text-primary);
    --hr-internal-button-icon-color: var(--hr-color-text-primary);
}

:where(.HR-9-26-0) .Button_view_secondary {
    --hr-internal-button-background: var(--hr-color-control-secondary);
    --hr-internal-button-border-color: transparent;

    --hr-internal-button-background-checked: var(--hr-color-control-primary);
    --hr-internal-button-background-checked-hovered: var(--hr-color-control-primary-hover);
}

:where(.HR-9-26-0) .Button_view_secondary .Button-Content {
    --hr-internal-button-text-color: var(--hr-color-text-primary);
}

:where(.HR-9-26-0) .Button_view_outline {
    --hr-internal-button-background: transparent;
    --hr-internal-button-border-color: var(--hr-color-border-secondary);

    --hr-internal-button-border-color-disabled: var(--hr-color-border-tertiary);

    --hr-internal-button-border-color-checked: var(--hr-color-border-primary);
}

:where(.HR-9-26-0) .Button_view_outline .Button-Content {
    --hr-internal-button-text-color: var(--hr-color-text-primary);
}

:where(.HR-9-26-0) .Button_view_float {
    --hr-internal-button-background: var(--hr-color-surface-200);
    --hr-internal-button-border-color: var(--hr-color-surface-200);
    --hr-internal-button-border-width: var(--hr-border-width-m);

    --hr-internal-button-shadow: var(--hr-effects-shadow);
}

:where(.HR-9-26-0) .Button_view_float .Button-Content {
    --hr-internal-button-text-color: var(--hr-color-text-primary);
}

:where(.HR-9-26-0) .Button_view_ghost {
    --hr-internal-button-background: transparent;
    --hr-internal-button-border-color: transparent;

    --hr-internal-button-background-checked: var(--hr-color-control-secondary);
}

:where(.HR-9-26-0) .Button_view_ghost .Button-Content {
    --hr-internal-button-text-color: var(--hr-color-text-primary);
}

:where(.HR-9-26-0) .Button_view_media {
    --hr-internal-button-background: var(--hr-color-special-overlay);
    --hr-internal-button-border-color: transparent;

    --hr-internal-button-focus-color: var(--hr-color-surface-100);

    --hr-internal-button-background-filter: var(--hr-effects-blur);
}

:where(.HR-9-26-0) .Button_view_media .Button-Content {
    --hr-internal-button-text-color: var(--hr-color-text-primary);
    --hr-internal-button-icon-color: var(--hr-color-text-primary);
}

:where(.HR-9-26-0) .Button_view_surface {
    --hr-internal-button-background: var(--hr-color-surface-100);
    --hr-internal-button-border-color: var(--hr-color-surface-100);
    --hr-internal-button-border-width: var(--hr-border-width-m);

    --hr-internal-button-background-checked: var(--hr-color-control-primary);
    --hr-internal-button-background-checked-hovered: var(--hr-color-control-primary-hover);
}

:where(.HR-9-26-0) .Button_view_surface .Button-Content {
    --hr-internal-button-text-color: var(--hr-color-text-primary);
}

:where(.HR-9-26-0) .Button_view_surface.Button_isChecked {
    --hr-internal-button-border-width: 0;
}

/**
 * 1. Значения padding и margin каждый браузер выставляет по-своему – сбрасываем в ноль.
 * 2. Не должно быть возможности выделить контент кнопки, в т.ч. кнопки-ссылки.
 * 3. У содержимого кнопок-ссылок не должно быть подчеркивания.
 * 4. Кнопка не предполагает многострочного содержимого.
 * 5. Чтобы FF под MacOS не делал blur после программного выставления фокуса по mousedown.
 *    Подробности: http://jsfiddle.net/mishaberezin/892yppts/10/.
 * 6. Для кнопок-ссылок.
 * 7. Убираем нативную подсветку на iOS и Android.
 * 8. Такой сброс стилей нужен для всех тем.
 * 9. Сбрасываем браузерные стили для кнопок, в особенности для link.
 * 10. В IOS 15 для button[type=submit] выставляется bold
 */
:where(.HR-9-26-0) .Button {
    position: relative;

    display: inline-flex;
    justify-content: center;

    box-sizing: border-box;
    width: -moz-max-content;
    width: max-content;
    max-width: 100%;
    min-height: var(--hr-control-size);
    margin: 0; /* 1 */
    padding: 0; /* 1 */

    font-family: var(--hr-typography-font-family-default);
    font-size: var(--hr-control-font-size);
    font-weight: inherit; /* 10 */
    font-feature-settings: var(--hr-typography-font-feature-settings-default);

    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none; /* 2 */
    text-align: center; /* 9 */
    white-space: nowrap; /* 4 */
    text-decoration: none; /* 3 */

    border: none;
    border-radius: var(--hr-control-border-radius);
    outline: 0;
    background: var(--hr-internal-button-background); /* 8 */
    box-shadow: var(--hr-internal-button-shadow);

    transition: transform .1s ease-out;
    transform: scale(1);
    -webkit-backdrop-filter: var(--hr-internal-button-background-filter);
            backdrop-filter: var(--hr-internal-button-background-filter);
    gap: var(--hr-space-xs);
    -moz-user-focus: ignore; /* 5 */
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* 7 */
    touch-action: manipulation;
}

:where(.HR-9-26-0) .Button_stretch {
    width: 100%;
}

:where(.HR-9-26-0) .Button-State {
    position: absolute;
    z-index: -1;

    /* stylelint-disable-next-line max-line-length */
    border: var(--hr-internal-button-border-width, var(--hr-border-width-s)) solid var(--hr-internal-button-border-color);
    border-radius: inherit;
    inset: 0;
}

.utilityfocus .Button:focus .Button-State {
    /* stylelint-disable-next-line max-line-length */
    outline: var(--hr-border-width-s) solid var(--hr-internal-button-focus-outline-color, var(--hr-color-control-primary));
    outline-offset: var(--hr-internal-button-focus-offset, -1px);
    box-shadow: var(--hr-internal-button-focus-shadow, var(--hr-effects-shadow-outline-secondary));
}

@media (hover: hover) and (pointer: fine) {
    :where(.HR-9-26-0) .Button:hover {
        /* stylelint-disable-next-line max-line-length */
        --hr-internal-button-background-hover-default: var(--hr-internal-button-background-hovered, var(--hr-color-control-secondary));
    }

    :where(.HR-9-26-0) .Button:not(.Button_isDisabled):hover .Button-State {
        background-color: var(--hr-internal-button-background-hover-default);
    }

    :where(.HR-9-26-0) .Button:not(.Button_isDisabled).Button_isChecked:hover .Button-State {
        /* stylelint-disable-next-line max-line-length */
        background-color: var(--hr-internal-button-background-checked-hovered, var(--hr-internal-button-background-hover-default));
    }
}

:where(.HR-9-26-0) .Button_size_xs::after {
    position: absolute;
    z-index: -1;

    content: '';

    inset: calc(-1 * var(--hr-space-xs));
}

:where(.HR-9-26-0) .Button-Content {
    display: flex;
    overflow: hidden;
    align-items: center;
}

:where(.HR-9-26-0) .Button-Text {
    padding: var(--hr-control-space-text) 0;

    line-height: var(--hr-typography-line-height-s);
    white-space: nowrap;

    color: var(--hr-internal-button-text-color);
}

:where(.HR-9-26-0) .Icon {
    display: inline-block;

    color: var(--hr-icon-color);
    background-repeat: no-repeat;
    background-position: 50%;
}

/**
* Для правильного позиционирования относительно baseline.
* Плюс высота блока начинает определяться по унаследованному line-height.
*/
:where(.HR-9-26-0) .Icon::after {
    visibility: hidden;

    content: '\00A0';
}

:where(.HR-9-26-0) .Icon_hasGlyph,
:where(.HR-9-26-0) .Icon_hasGlyph_noFill {
    position: relative;
}

:where(.HR-9-26-0) .Icon_hasGlyph svg,
:where(.HR-9-26-0) .Icon_hasGlyph_noFill svg {
    position: absolute;
    top: 50%;
    left: 50%;

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

/* deprecated iconProvider формат */
:where(.HR-9-26-0) .Icon_oldFormat svg {
    width: var(--hr-size-icon-s);
}

:where(.HR-9-26-0) .Icon_sizeManagement_self.Icon_size_2xs {
    width: var(--hr-size-icon-2-xs);
}

:where(.HR-9-26-0) .Icon_sizeManagement_self.Icon_size_xs {
    width: var(--hr-size-icon-xs);
}

:where(.HR-9-26-0) .Icon_sizeManagement_self.Icon_size_s {
    width: var(--hr-size-icon-s);
}

:where(.HR-9-26-0) .Icon_sizeManagement_self.Icon_size_m {
    width: var(--hr-size-icon-m);
}

:where(.HR-9-26-0) .Icon_sizeManagement_self.Icon_size_l {
    width: var(--hr-size-icon-l);
}

:where(.HR-9-26-0) .Icon_sizeManagement_self.Icon_size_xl {
    width: var(--hr-size-icon-xl);
}

:where(.HR-9-26-0) .Icon_sizeManagement_self.Icon_size_2xl {
    width: var(--hr-size-icon-2-xl);
}

:where(.HR-9-26-0) .Icon_newFormat.Icon_size_2xs svg {
    width: var(--hr-size-icon-2-xs);
    height: var(--hr-size-icon-2-xs);
}

:where(.HR-9-26-0) .Icon_newFormat.Icon_size_xs svg {
    width: var(--hr-size-icon-xs);
    height: var(--hr-size-icon-xs);
}

:where(.HR-9-26-0) .Icon_newFormat.Icon_size_s svg {
    width: var(--hr-size-icon-s);
    height: var(--hr-size-icon-s);
}

:where(.HR-9-26-0) .Icon_newFormat.Icon_size_m svg {
    width: var(--hr-size-icon-m);
    height: var(--hr-size-icon-m);
}

:where(.HR-9-26-0) .Icon_newFormat.Icon_size_l svg {
    width: var(--hr-size-icon-l);
    height: var(--hr-size-icon-l);
}

:where(.HR-9-26-0) .Icon_newFormat.Icon_size_xl svg {
    width: var(--hr-size-icon-xl);
    height: var(--hr-size-icon-xl);
}

:where(.HR-9-26-0) .Icon_newFormat.Icon_size_2xl svg {
    width: var(--hr-size-icon-2-xl);
    height: var(--hr-size-icon-2-xl);
}

/* deprecated iconProvider формат */
:where(.HR-9-26-0) .Icon_sizeManagement_self.Icon_oldFormat.Icon_size_xs,
:where(.HR-9-26-0) .Icon_oldFormat.Icon_size_xs svg {
    width: 10px;
}

:where(.HR-9-26-0) .Icon_sizeManagement_self.Icon_oldFormat.Icon_size_s,
:where(.HR-9-26-0) .Icon_oldFormat.Icon_size_s svg {
    width: var(--hr-size-icon-xs);
}

:where(.HR-9-26-0) .Icon_sizeManagement_self.Icon_oldFormat.Icon_size_m,
:where(.HR-9-26-0) .Icon_oldFormat.Icon_size_m svg {
    width: var(--hr-size-icon-s);
}

:where(.HR-9-26-0) .Icon_sizeManagement_self.Icon_oldFormat.Icon_size_l,
:where(.HR-9-26-0) .Icon_oldFormat.Icon_size_l svg {
    width: var(--hr-size-icon-l);
}

:where(.HR-9-26-0) .Link.Link_view_link {
    --hr-internal-link-color: var(--hr-color-special-link);
    --hr-internal-link-icon-color: var(--hr-color-special-link);
}

@media (hover: hover) and (pointer: fine) {
    :where(.HR-9-26-0) .Link_view_link:not([aria-disabled='true']):hover .Link-Content {
        -webkit-text-decoration-line: underline;
                text-decoration-line: underline;
    }
}

/*
 * В псевдоклассе :visited нельзя переопределить токены
 * https://developer.mozilla.org/en-US/docs/Web/CSS/:visited#privacy_restrictions
 */
:where(.HR-9-26-0) .Link.Link_view_link:visited,
:where(.HR-9-26-0) .Link.Link_view_link:visited .Link-Icon {
    color: var(--hr-color-special-link-visited);
}

:where(.HR-9-26-0) .Link.Link_view_primary {
    --hr-internal-link-color: var(--hr-color-text-primary);
    --hr-internal-link-icon-color: var(--hr-color-text-secondary);
}

:where(.HR-9-26-0) .Link.Link_view_primary:not([aria-disabled='true']) .Link-Content {
    -webkit-text-decoration-line: underline;
            text-decoration-line: underline;
}

@media (hover: hover) and (pointer: fine) {
    :where(.HR-9-26-0) .Link.Link_view_primary:hover {
        --hr-internal-link-color: var(--hr-color-text-secondary);
    }
}

:where(.HR-9-26-0) .Link.Link_view_secondary {
    --hr-internal-link-color: var(--hr-color-text-secondary);
    --hr-internal-link-icon-color: var(--hr-color-text-secondary);
}

@media (hover: hover) and (pointer: fine) {
    :where(.HR-9-26-0) .Link.Link_view_secondary:hover {
        --hr-internal-link-color: var(--hr-color-text-primary);
    }
}

:where(.HR-9-26-0) .Link {
    display: inline-block;

    cursor: pointer;
    text-decoration: none;

    color: var(--hr-internal-link-color);
    outline: 0;
    touch-action: manipulation;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

:where(.HR-9-26-0) .Link_size_s {
    font: var(--hr-typography-font-body-s-all-params);
}

:where(.HR-9-26-0) .Link_size_m {
    font: var(--hr-typography-font-body-m-all-params);
}

:where(.HR-9-26-0) .Link[aria-disabled='true'] {
    --hr-internal-link-color: var(--hr-color-text-tertiary);
    --hr-internal-link-icon-color: var(--hr-color-text-tertiary);

    cursor: default;
    pointer-events: none;
}

:where(.HR-9-26-0) .Link-Content {
    -webkit-text-decoration-style: solid;
            text-decoration-style: solid;
    -webkit-text-decoration-skip: ink;
            text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: 25%;
    text-underline-position: from-font;
}

:where(.HR-9-26-0) .Link-Icon {
    color: var(--hr-internal-link-icon-color);
}

:where(.HR-9-26-0) .Link-Icon_left {
    margin-right: var(--hr-space-2-xs);
}

:where(.HR-9-26-0) .Link-Icon_right {
    margin-left: var(--hr-space-2-xs);
}

:where(.HR-9-26-0) .Link:focus-visible {
    outline: 1px solid var(--hr-color-border-primary);
}

:where(.HR-9-26-0) .Image-Container {
    position: relative;
}

:where(.HR-9-26-0) .Image {
    visibility: hidden; /* Позволяет не показывать битые картинки при ошибках загрузки */

    font: 0/0 a;

    color: #fff;
    border: 0;
}

:where(.HR-9-26-0) .Image_loaded {
    visibility: visible;
}

:where(.HR-9-26-0) .Image_loading {
    opacity: 0;
}

:where(.HR-9-26-0) .Image_animated {
    animation: Image_fade_in 0.4s ease forwards;
}

@keyframes Image_fade_in {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

:where(.HR-9-26-0) .UserAvatar_size_l {
    width: var(--hr-size-control-l);
    height: var(--hr-size-control-l);

    line-height: var(--hr-size-control-l);
}

:where(.HR-9-26-0) .UserAvatar_size_s {
    width: var(--hr-size-control-s);
    height: var(--hr-size-control-s);

    line-height: var(--hr-size-control-s);
}

:where(.HR-9-26-0) .UserAvatar_size_xl {
    width: var(--hr-size-control-xl);
    height: var(--hr-size-control-xl);

    line-height: var(--hr-size-control-xl);
}

:where(.HR-9-26-0) .UserAvatar_size_xs {
    width: var(--hr-size-control-xs);
    height: var(--hr-size-control-xs);

    line-height: var(--hr-size-control-xs);
}

:where(.HR-9-26-0) .UserAvatar_size_m {
    width: var(--hr-size-control-m);
    height: var(--hr-size-control-m);

    line-height: var(--hr-size-control-m);
}

:where(.HR-9-26-0) .UserAvatar {
    display: inline-block;
    overflow: hidden;

    box-sizing: border-box;

    white-space: nowrap;

    border-radius: 50%;
}

:where(.HR-9-26-0) .UserAvatar-Image {
    width: 100%;
    height: 100%;

    -o-object-fit: cover;

       object-fit: cover;
}

:where(.HR-9-26-0) .UserAvatar_dismissed {
    opacity: 0.5;
}

:where(.HR-9-26-0) .UserAvatar_staffCard {
    cursor: pointer;
}

:where(.HR-9-26-0) .UserAvatar_gap_vacation {
    padding: 1px;

    border: var(--hr-border-width-m) solid #3d9ce0;
}

:where(.HR-9-26-0) .UserAvatar_gap_selfpaid {
    padding: 1px;

    border: var(--hr-border-width-m) solid #3d9ce0;
}

:where(.HR-9-26-0) .UserAvatar_gap_learning {
    padding: 1px;

    border: var(--hr-border-width-m) solid #59b259;
}

:where(.HR-9-26-0) .UserAvatar_gap_illness {
    padding: 1px;

    border: var(--hr-border-width-m) solid #e5434b;
}

:where(.HR-9-26-0) .UserAvatar_gap_maternity {
    padding: 1px;

    border: var(--hr-border-width-m) solid #d96cc7;
}

:where(.HR-9-26-0) .UserAvatar_gap_trip {
    padding: 1px;

    border: var(--hr-border-width-m) solid #4ac2a8;
}

:where(.HR-9-26-0) .UserAvatar_gap_conference-trip {
    padding: 1px;

    border: var(--hr-border-width-m) solid #4ac2a8;
}

:where(.HR-9-26-0) .UserAvatar_gap_conference {
    padding: 1px;

    border: var(--hr-border-width-m) solid #4ac2a8;
}

:where(.HR-9-26-0) .UserAvatar_gap_absence {
    padding: 1px;

    border: var(--hr-border-width-m) solid #e59545;
}

:where(.HR-9-26-0) .UserAvatar_gap_paid-day-off {
    padding: 1px;

    border: var(--hr-border-width-m) solid #3d9ce0;
}

:where(.HR-9-26-0) .UserAvatar_gap_remote-work {
    padding: 1px;

    border: var(--hr-border-width-m) solid #e59545;
}

:where(.HR-9-26-0) .UserAvatar_gap_office-work {
    padding: 1px;

    border: var(--hr-border-width-m) solid #4494e5;
}

:where(.HR-9-26-0) .UserAvatar_gap_duty {
    padding: 1px;

    border: var(--hr-border-width-m) solid #a179f2;
}

:where(.HR-9-26-0) .ImageGroup {
    position: relative;

    display: inline-flex;
    overflow: hidden;
    flex-wrap: wrap;
    justify-content: flex-start;

    padding-left: var(--hr-space-xs);
}

:where(.HR-9-26-0) .ImageGroup_size_s {
    height: 32px;
}

:where(.HR-9-26-0) .ImageGroup_size_m {
    height: 40px;
}

:where(.HR-9-26-0) .ImageGroup_size_l {
    height: 44px;
}

:where(.HR-9-26-0) .ImageGroup_size_xl {
    height: 56px;
}

:where(.HR-9-26-0) .ImageGroup-ItemLink:not(.ImageGroup-ItemLink_hasTargetUrl) {
    cursor: default;
}

:where(.HR-9-26-0) .ImageGroup-ItemImage {
    position: relative;

    box-sizing: border-box;
    margin-left: calc(-1 * var(--hr-space-xs));

    border: var(--hr-border-width-m) solid var(--hr-color-surface-100);
    border-radius: 50%;
    background-color: var(--hr-color-surface-100);

    transition: transform 0.1s ease-in;
}

:where(.HR-9-26-0) .ImageGroup-ItemLink_disabled,
:where(.HR-9-26-0) .ImageGroup-ItemImage_disabled {
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    pointer-events: none;
}

:where(.HR-9-26-0) .ImageGroup_withAnimation .ImageGroup-ItemImage:hover {
    z-index: 1;

    transform: scale(1.05);
}

:where(.HR-9-26-0) .ImageGroup-ItemImage_size_s {
    width: 32px;
    height: 32px;
}

:where(.HR-9-26-0) .ImageGroup-ItemImage_size_m {
    width: 40px;
    height: 40px;
}

:where(.HR-9-26-0) .ImageGroup-ItemImage_size_l {
    width: 44px;
    height: 44px;
}

:where(.HR-9-26-0) .ImageGroup-ItemImage_size_xl {
    width: 56px;
    height: 56px;
}

:where(.HR-9-26-0) .ImageGroup-AllItemsLabelWrapper {
    display: flex;
    justify-content: center;
    align-items: center;

    width: calc(100% - 2px);
    height: 100%;
    padding-right: 2px;

    font: var(--hr-typography-font-body-s-all-params);

    border-radius: 50%;
    background-color: var(--hr-color-control-secondary-hover);
}

:where(.HR-9-26-0) .ImageGroup-AllItemsLabel {
    overflow: hidden;

    text-overflow: ellipsis;
}

:where(.HR-9-26-0) .ImageGroup-ItemImage_size_xl .ImageGroup-AllItemsLabel {
    font: var(--hr-typography-font-body-l-all-params);
}

:where(.HR-9-26-0) .ImageGroup-ItemImage_size_s .ImageGroup-AllItemsLabel {
    font: var(--hr-typography-font-caption-m-all-params);
}

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

    display: none;
    overflow: hidden;

    width: 100%;
    height: 100%;
}

:where(.HR-9-26-0) .Drawer.Drawer_visible {
    display: block;
}

:where(.HR-9-26-0) .Drawer-DragObserver {
    display: flex;

    height: inherit;
}

:where(.HR-9-26-0) .Drawer-Curtain {
    position: relative;

    display: flex;
    flex-direction: column;

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

:where(.HR-9-26-0) .Drawer-Curtain:focus {
    outline: none;
}

:where(.HR-9-26-0) .Drawer-Content {
    position: relative;

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

:where(.HR-9-26-0) .Drawer.Popup2 {
    border-radius: unset;
    background-color: unset;
}

:where(.HR-9-26-0) .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;

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

:where(.HR-9-26-0) .Drawer-CurtainContent {
    background: var(--hr-color-surface-100);
}

/**
  * Стили для direction_bottom
  */

:where(.HR-9-26-0) .Drawer_direction_bottom .Drawer-DragObserver {
    flex-direction: column;
    justify-content: flex-end;
}

:where(.HR-9-26-0) .Drawer_direction_bottom .Drawer-Curtain {
    max-height: calc(100% - 32px);
}

:where(.HR-9-26-0) .Drawer_direction_bottom .Drawer-CurtainContent {
    display: flex;
    overflow: hidden;
    flex-direction: column;

    border-radius: var(--hr-border-radius-m) var(--hr-border-radius-m) 0 0;
}

:where(.HR-9-26-0) .Drawer_direction_bottom .Drawer-Handle {
    position: absolute;
    top: -19px;
    left: 50%;

    width: 40px;
    margin-left: -36px;
    padding: var(--hr-space-xs) var(--hr-space-m);
    will-change: opacity;
}

:where(.HR-9-26-0) .Drawer_direction_bottom .Drawer-Handle::before {
    display: block;

    height: 3px;

    content: '';

    border-radius: 100px;
    background: var(--hr-color-surface-200);
}

:where(.HR-9-26-0) .Drawer_direction_bottom.Drawer_nested .Drawer-Handle {
    z-index: 1;
    top: 0;
}

:where(.HR-9-26-0) .Drawer_direction_bottom.Drawer_nested .Drawer-Handle::before {
    background: rgba(244, 245, 246, 0.1);
}

/*
 * 1. В мобильном сафари есть неприятный bug, связанный с -webkit-overflow-scrolling: touch. Дело в том, что при
 * применении этого свойства, вложенный контент может просто пропадать, это решается включением аппаратного
 * рендеринга, что и сделано. Подробнее http://cantina.co/thought_leadership/ios-5-native-scrolling-grins-and-gothcas/
 */

:where(.HR-9-26-0) .Modal {
    position: fixed;
    z-index: 1300;
    top: 0;
    left: 0;

    display: block;
    visibility: hidden;

    width: 100%;
    height: 100%;
    margin: -9999px 0 0 -9999px; /* 1 */

    cursor: pointer;
}

:where(.HR-9-26-0) .Modal-Wrapper {
    position: fixed;
    top: 0;
    left: 0;

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

    width: 100%;
    height: 100%;
}

:where(.HR-9-26-0) .Modal.Modal_visible {
    display: block;
}

:where(.HR-9-26-0) .Modal-Table {
    display: table;

    width: 100%;
    height: 100%;
}

:where(.HR-9-26-0) .Modal-Cell {
    display: table-cell;

    text-align: center;
}

:where(.HR-9-26-0) .Modal-Cell_align_top {
    vertical-align: top;
}

:where(.HR-9-26-0) .Modal-Cell_align_middle {
    vertical-align: middle;
}

:where(.HR-9-26-0) .Modal-Cell_align_bottom {
    vertical-align: bottom;
}

:where(.HR-9-26-0) .Modal-Content {
    position: relative;
    z-index: 1;

    display: inline-block;

    margin: 5px;

    cursor: auto;
    text-align: left;

    border-radius: var(--hr-border-radius-l);
    outline: none;
    background-color: var(--hr-color-surface-100);

    transform: translate3d(0, 0, 0); /* 1 */
}

:where(.HR-9-26-0) .Modal-Overlay {
    position: fixed;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    background-color: var(--hr-color-special-overlay);
    touch-action: none;

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

:where(.HR-9-26-0) .Modal_visible {
    visibility: visible;

    margin: 0;
}

:where(.HR-9-26-0) .Modal-Overlay,
:where(.HR-9-26-0) .Modal-Wrapper {
    visibility: hidden;

    margin: -9999px 0 0 -9999px;
}

:where(.HR-9-26-0) .Modal-Overlay,
:where(.HR-9-26-0) .Modal-Wrapper,
:where(.HR-9-26-0) .Modal-Content {
    animation-duration: 0.2s;
    animation-timing-function: ease-in-out;
}

:where(.HR-9-26-0) .Modal_visible .Modal-Overlay,
:where(.HR-9-26-0) .Modal_visible .Modal-Wrapper {
    visibility: visible;

    margin: 0;
}

:where(.HR-9-26-0) .Modal_hasAnimation .Modal-Overlay,
:where(.HR-9-26-0) .Modal_hasAnimation .Modal-Wrapper {
    animation-name: Modal_theme_normal;
}

:where(.HR-9-26-0) .Modal_hasAnimation .Modal-Content {
    animation-name: Modal-Content_theme_normal;
}

:where(.HR-9-26-0) .Modal_visible.Modal_hasAnimation .Modal-Overlay,
:where(.HR-9-26-0) .Modal_visible.Modal_hasAnimation .Modal-Wrapper {
    animation-name: Modal_theme_normal_visible;
}

:where(.HR-9-26-0) .Modal_visible.Modal_hasAnimation .Modal-Content {
    animation-name: Modal-Content_theme_normal_visible;
}

@keyframes Modal_theme_normal {
    0% {
        visibility: visible;

        margin: 0;

        opacity: 1;
    }

    99% {
        margin: 0;
    }

    100% {
        visibility: hidden;

        margin: -9999px 0 0 -9999px; /* 3 */

        opacity: 0;
    }
}

@keyframes Modal_theme_normal_visible {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes Modal-Content_theme_normal {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(1.5);
    }
}

@keyframes Modal-Content_theme_normal_visible {
    0% {
        transform: scale(0.75);
    }

    100% {
        transform: scale(1);
    }
}

:where(.HR-9-26-0) .Button2_baseline.Button2_width_auto .Button2-Text,
:where(.HR-9-26-0) .Button2_baseline.Button2_width_max .Button2-Text {
    /* https://st.yandex-team.ru/ISL-5076
    Фикс для firefox - при добавлении свойства overflow: hidden, у элемента перестает работать baseline */
    overflow: -moz-hidden-unscrollable;
}

:where(.HR-9-26-0) .Button2_size_l {
    height: var(--hr-size-control-l);
    padding: 0 var(--hr-space-l);

    font-size: var(--hr-typography-font-label-s-font-size);
    line-height: 48px;
}

:where(.HR-9-26-0) .Button2_size_s {
    --hr-button-border-radius: var(--hr-border-radius-s-compact);
    height: var(--hr-size-control-s);
    padding: 0 var(--hr-space-s);

    font-size: var(--hr-typography-font-label-s-font-size);
    line-height: var(--hr-typography-line-height-xl);
}

:where(.HR-9-26-0) .Button2_view_brand {
    --hr-button-border-color: transparent;
    --hr-button-background: #ffe147;
    --hr-button-text-color: #24292e;

    --hr-button-text-color-disabled: var(--hr-color-text-tertiary);
    --hr-button-background-disabled: var(--hr-color-control-disabled);

    --hr-button-spin-color: #292929;
    --hr-button-spin-background: rgba(0, 0, 0, 0.1);
}

:where(.HR-9-26-0) .Button2_view_clear {
    --hr-button-text-color: var(--hr-color-text-secondary);
    --hr-button-background: transparent;
    --hr-button-border-color: transparent;

    --hr-button-text-color-disabled: var(--hr-color-text-tertiary);
    --hr-button-background-disabled: transparent;
}

/* hover */
@media (hover: hover) and (pointer: fine) {
    :where(.HR-9-26-0) .Button2_view_clear .Button2-HoverFade {
        position: absolute;

        background-color: transparent;
    }

    :where(.HR-9-26-0) .Button2:not([aria-disabled='true']):hover.Button2_view_clear {
        color: var(--hr-color-text-primary);
    }
}

:where(.HR-9-26-0) .Button2_view_contrast {
    --hr-button-text-color: var(--hr-color-text-primary);
    --hr-button-background: var(--hr-color-surface-100);
    --hr-button-border-color: var(--hr-color-surface-100);
    --hr-button-border-width: var(--hr-border-width-m);

    --hr-button-text-color-disabled: var(--hr-color-text-tertiary);
    --hr-button-background-disabled: var(--hr-color-surface-100);

    --hr-button-text-color-checked: var(--hr-color-text-primary-inverse);
    --hr-button-background-checked: var(--hr-color-control-primary);

    --hr-button-text-color-checked-hover: var(--hr-color-text-primary-inverse);
    --hr-button-background-checked-hover: var(--hr-color-control-primary);
}

:where(.HR-9-26-0) .Button2_view_float {
    --hr-button-text-color: var(--hr-color-text-primary);
    --hr-button-background: var(--hr-color-surface-200);
    --hr-button-border-color: var(--hr-color-surface-200);
    --hr-button-border-width: var(--hr-border-width-m);

    --hr-button-text-color-disabled: var(--hr-color-text-tertiary);
    --hr-button-background-disabled: var(--hr-color-surface-200);

    --hr-button-effect-shadow: var(--hr-effects-shadow);
}

:where(.HR-9-26-0) .Button2_view_ghost {
    --hr-button-text-color: var(--hr-color-text-primary);
    --hr-button-background: transparent;
    --hr-button-border-color: transparent;

    --hr-button-text-color-disabled: var(--hr-color-text-tertiary);
    --hr-button-background-disabled: transparent;

    --hr-button-text-color-checked: var(--hr-color-text-primary);
    --hr-button-background-checked: var(--hr-color-surface-100);

    --hr-button-text-color-checked-hover: var(--hr-color-text-primary);
    --hr-button-background-checked-hover: var(--hr-color-surface-100);
}

:where(.HR-9-26-0) .Button2_view_media {
    --hr-button-text-color: var(--hr-color-text-primary);
    --hr-button-background: var(--hr-color-special-overlay);
    --hr-button-border-color: transparent;

    --hr-button-text-color-disabled: var(--hr-color-text-tertiary);
    --hr-button-background-disabled: var(--hr-color-special-overlay);

    --hr-button-background-filter: var(--hr-effects-blur);
}

:where(.HR-9-26-0) .Button2_view_primary {
    --hr-button-text-color: var(--hr-color-text-primary-inverse);
    --hr-button-background: var(--hr-color-control-primary);
    --hr-button-border-color: transparent;

    --hr-button-background-hovered: var(--hr-color-control-primary-hover);

    --hr-button-text-color-disabled: var(--hr-color-text-tertiary);
    --hr-button-background-disabled: var(--hr-color-control-disabled);
}

/* focus */
.utilityfocus .Button2_view_primary.Button2:focus {
    outline: var(--hr-border-width-s) solid var(--hr-color-surface-100);
    outline-offset: -2px;
}

:where(.HR-9-26-0) .Button2_view_secondary {
    --hr-button-text-color: var(--hr-color-text-primary);
    --hr-button-background: var(--hr-color-control-secondary);
    --hr-button-border-color: transparent;

    --hr-button-text-color-disabled: var(--hr-color-text-tertiary);
    --hr-button-background-disabled: var(--hr-color-control-disabled);

    --hr-button-text-color-checked: var(--hr-color-text-primary-inverse);
    --hr-button-background-checked: var(--hr-color-control-primary);

    --hr-button-text-color-checked-hover: var(--hr-color-text-primary-inverse);
    --hr-button-background-checked-hover: var(--hr-color-control-primary);
}

:where(.HR-9-26-0) .Button2_width_max {
    width: 100%;
}

:where(.HR-9-26-0) .Button2_width_max .Button2-Text {
    display: block;
    overflow: hidden;

    text-overflow: ellipsis;
}

/**
 * 1. Устраняет проблему с mouseover/mouseout внутри кнопки.
 */
:where(.HR-9-26-0) .Button2 .Button2-Icon {
    pointer-events: none; /* 1 */
}

/**
 * 1. В IE9+ с помощью position:relative у <button> лечится супер эффект "нажимания".
 *    Подробнее: http://stackoverflow.com/questions/6744406;
 * 2. В IE8 нужно, чтобы элемент приобрел "layout" и применялись фильтры прозрачности.
 *    Сделано на common для однообразности.
 * 3. Если не прибить resize в Safari 8 у __text появляется "уголочек".
 *    http://jing.yandex-team.ru/files/karamadjong/2015-03-18_1319.png
 * 4. Устраняет проблему с mouseover/mouseout внутри кнопки.
 */
:where(.HR-9-26-0) .Button2-Text {
    position: relative; /* 1 */

    display: inline-block; /* 2 */

    resize: none; /* 3 */
    white-space: nowrap;
    pointer-events: none; /* 4 */
}

:where(.HR-9-26-0) .Button2_view_outline {
    --hr-button-text-color: var(--hr-color-text-primary);
    --hr-button-background: transparent;
    --hr-button-border-color: var(--hr-color-border-secondary);

    --hr-button-border-color-hover: transparent;

    --hr-button-text-color-disabled: var(--hr-color-text-tertiary);
    --hr-button-background-disabled: transparent;

    --hr-button-text-color-checked: var(--hr-color-text-primary-inverse);
    --hr-button-background-checked: var(--hr-color-control-primary);
    --hr-button-border-color-checked: transparent;

    --hr-button-background-checked-hover: var(--hr-color-control-primary);
    --hr-button-text-color-checked-hover: var(--hr-color-text-primary-inverse);
}

:where(.HR-9-26-0) .Button2_size_m {
    height: var(--hr-size-control-m);
    padding: 0 var(--hr-space-m);

    font-size: var(--hr-typography-font-label-s-font-size);
    line-height: var(--hr-typography-line-height-2-xl);
}

:where(.HR-9-26-0) .Button2.Button2_inline {
    --hr-button-border-radius: var(--hr-border-radius-xs-compact);

    min-width: var(--hr-size-control-xs);
    min-height: var(--hr-size-control-xs);
    padding: var(--hr-space-2-xs-compact) var(--hr-space-2-xs);

    font-size: var(--hr-typography-font-size-s);
    line-height: var(--hr-typography-line-height-s);

    gap: var(--hr-space-2-xs);
}

:where(.HR-9-26-0) .Button2_inline.Button2 .Button2-Icon {
    width: var(--hr-size-control-2-xs);
}

:where(.HR-9-26-0) .Button2_inline:not(.Button2_disabled):not(.Button2[aria-disabled='true']) .Button2-Icon {
    color: var(--hr-color-text-secondary);
}

:where(.HR-9-26-0) .Button2_inline .Button2-Text {
    min-width: unset;
    font-feature-settings: var(--hr-typography-font-feature-settings-default);
}

:where(.HR-9-26-0) .Button2_inline .Button2-Icon_side_left ~ .Button2-Text {
    margin-left: var(--hr-space-l);
}

:where(.HR-9-26-0) .Button2_inline .Button2-Icon_side_right ~ .Button2-Text {
    margin-right: var(--hr-space-l);
}

:where(.HR-9-26-0) .Button2.Button2_inline::before,
:where(.HR-9-26-0) .Button2_inline .Button2-HoverFade {
    --hr-button-inline-fade-indent-vertical: calc(-1 * var(--hr-space-2-xs-compact));
    --hr-button-inline-fade-indent-horizontal: calc(-1 * var(--hr-space-2-xs));
}

:where(.HR-9-26-0) .Button2.Button2_inline::after {
    --hr-button-inline-click-indent-vertical: calc(-1 * var(--hr-space-xs));
    --hr-button-inline-click-indent-horizontal: calc(-1 * var(--hr-space-xs));

    content: '';

    transform: unset;
    inset:
        var(--hr-button-inline-click-indent-vertical)
        var(--hr-button-inline-click-indent-horizontal);
}

/**
 * 1. Значения padding и margin каждый браузер выставляет по-своему – сбрасываем в ноль.
 * 2. Не должно быть возможности выделить контент кнопки, в т.ч. кнопки-ссылки.
 * 3. У содержимого кнопок-ссылок не должно быть подчеркивания.
 * 4. Кнопка не предполагает многострочного содержимого.
 * 5. Чтобы FF под MacOS не делал blur после программного выставления фокуса по mousedown.
 *    Подробности: http://jsfiddle.net/mishaberezin/892yppts/10/.
 * 6. Для кнопок-ссылок.
 * 7. Убираем нативную подсветку на iOS и Android.
 * 8. В IE по дефолту hidden, в остальных браузерах visible, требуется нормализация.
 *    В пользу visible, т.к. мы используем тень для отображения фокуса.
 * 9. Такой сброс стилей нужен для всех тем.
 * 10. Сбрасываем браузерные стили для кнопок, в особенности для link.
 * 11. В IOS 15 для button[type=submit] выставляется bold
 */
:where(.HR-9-26-0) .Button2 {
    position: relative;

    display: inline-flex;
    overflow: visible; /* 8 */
    justify-content: center;

    box-sizing: border-box;
    margin: 0; /* 1 */

    font-family: var(--hr-typography-font-family-default);
    font-weight: inherit; /* 11 */
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none; /* 2 */
    text-align: center; /* 10 */
    white-space: nowrap; /* 4 */
    text-decoration: none; /* 3 */

    color: var(--hr-button-text-color);
    border-width: 0;
    border-radius: var(--hr-button-border-radius, var(--hr-border-radius-s));
    outline: 0;
    background: transparent; /* 9 */

    transition: transform 0.1s ease-out;
    transform: scale(1);
    gap: var(--hr-space-xs);
    -moz-user-focus: ignore; /* 5 */
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* 7 */

    touch-action: manipulation;
}

/**
 * В FF 4+ у содержимого кнопки есть внутренняя обводка, которая используется для
 * индикации фокуса на кнопках с измененными css-свойствами border или background.
 * Обводка влияет на размеры, для нормализации с другими браузерами ее нужно убрать.
 * Подробности: http://stackoverflow.com/questions/8859908.
 */
:where(.HR-9-26-0) .Button2::-moz-focus-inner {
    padding: 0;

    border: 0;
}

:where(.HR-9-26-0) .Button2_size_s {
    --hr-button-icon-padding: var(--hr-space-xs);
}

:where(.HR-9-26-0) .Button2_size_m,
:where(.HR-9-26-0) .Button2_size_l {
    --hr-button-icon-padding: var(--hr-space-s);
}

:where(.HR-9-26-0) .Button2_onlyIcon {
    padding: 0 var(--hr-button-icon-padding);
}

:where(.HR-9-26-0) .Button2::before {
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    -webkit-backdrop-filter: var(--hr-button-background-filter, none);

            backdrop-filter: var(--hr-button-background-filter, none);

    content: '';

    border:
        var(--hr-button-border-width, var(--hr-border-width-s)) solid
        var(--hr-button-border-color);
    border-radius: inherit;
    background-color: var(--hr-button-background);
    box-shadow: var(--hr-button-effect-shadow, none);
}

/**
 * Псевдоэлемент для исправления нажатия на край кнопки
 * https://st.yandex-team.ru/ISL-5480
 */
:where(.HR-9-26-0) .Button2::after {
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    content: '';

    transform: scale(0);
}

:where(.HR-9-26-0) .Button2-Text {
    min-width: var(--hr-size-control-s);
}

/* Поддержка deprecated формата иконок через iconProvider  */
:where(.HR-9-26-0) .Button2_size_s .Icon.Button2-Icon.Button2-OnlyIcon {
    width: calc(var(--hr-size-control-s) - 2 * var(--hr-button-icon-padding));
}

:where(.HR-9-26-0) .Button2_size_m .Icon.Button2-Icon.Button2-OnlyIcon {
    width: calc(var(--hr-size-control-m) - 2 * var(--hr-button-icon-padding));
}

:where(.HR-9-26-0) .Button2_size_l .Icon.Button2-Icon.Button2-OnlyIcon {
    width: calc(var(--hr-size-control-l) - 2 * var(--hr-button-icon-padding));
}
/*  end  */

:where(.HR-9-26-0) .Button2_size_s .Button2-Spin {
    --spinner-size: var(--hr-size-control-2-xs);
}

:where(.HR-9-26-0) .Button2_size_m .Button2-Spin,
:where(.HR-9-26-0) .Button2_size_l .Button2-Spin {
    --spinner-size: 20px;
}

:where(.HR-9-26-0) .Button2.Button2_view_pseudo.Button2_checked::before {
    border-color: var(--hr-color-border-primary);
}

/* disabled */
:where(.HR-9-26-0) .Button2[aria-disabled='true'],
:where(.HR-9-26-0) .Button2_disabled {
    cursor: default;

    color: var(--hr-button-text-color-disabled);
}

:where(.HR-9-26-0) .Button2[aria-disabled='true']:not(.Button2_progress)::before {
    background-color: var(--hr-button-background-disabled);
}

:where(.HR-9-26-0) .Button2.Button2_view_pseudo[aria-disabled='true']::before {
    border-color: var(--hr-color-border-secondary);
}

/**
 * Перестаем реагировать на события мыши, если компонент не как тэг кнопка,
 * а на пример как ссылка, в остальных случаях достаточно атрибута disabled.
 */
:where(.HR-9-26-0) .Button2[aria-disabled='true'],
:where(.HR-9-26-0) .Button2[aria-busy='true'] {
    pointer-events: none;
}

/* pressed */
:where(.HR-9-26-0) .Button2:not(.Button2_progress):active {
    transition: none;
    transform: scale(0.96);
}

:where(.HR-9-26-0) .Button2:not(.Button2_progress):active::after {
    transform: scale(1.042); /* 1.042 ≈ 1/0.96 */
}

/* focus */
.utilityfocus .Button2:focus::before {
    border-width: var(--hr-border-width-s);
    border-color: var(--hr-color-border-primary);
    box-shadow: var(--hr-effects-shadow-outline-secondary);
}

/* progress */
:where(.HR-9-26-0) .Button2_progress .Button2-Text,
:where(.HR-9-26-0) .Button2_progress .Button2-Icon {
    opacity: 0;
}

:where(.HR-9-26-0) .Button2_progress .Button2-Spin {
    --hr-spin-color: var(--hr-button-spin-color, var(--hr-color-border-primary));
    --hr-spin-background: var(--hr-button-spin-background, var(--hr-color-border-tertiary));
    --hr-spin-animation-delay: 0s;
}

:where(.HR-9-26-0) .Button2-HoverFade {
    position: absolute;

    opacity: 0;
    border:
        var(--hr-button-border-width, var(--hr-border-width-s)) solid
        var(--hr-button-border-color-hover, var(--hr-button-border-color));
    border-radius: inherit;
    background-color: var(--hr-button-background-hovered, var(--hr-color-control-secondary-hover));

    inset: 0;
}

/* hover */
@media (hover: hover) and (pointer: fine) {
    :where(.HR-9-26-0) .Button2.Button2_view_pseudo:not(.Button2_checked):hover::before {
        border: none;
    }

    :where(.HR-9-26-0) .Button2:not([aria-disabled='true']):hover .Button2-HoverFade {
        opacity: 1;
    }
}

/* checked */
:where(.HR-9-26-0) .Button2_checked {
    color: var(--hr-button-text-color-checked);
}

:where(.HR-9-26-0) .Button2_checked::before {
    border: var(--hr-button-border-width, 1px) solid var(--hr-button-border-color-checked);
    background-color: var(--hr-button-background-checked);
}

@media (hover: hover) and (pointer: fine) {
    :where(.HR-9-26-0) .Button2_checked:not([aria-disabled='true']):hover {
        color: var(--hr-button-text-color-checked-hover);
    }

    :where(.HR-9-26-0) .Button2_checked:not([aria-disabled='true']):hover::before {
        background-color: var(--hr-button-background-checked-hover);
    }
}

:where(.HR-9-26-0) .ModalLayout {
    border-radius: var(--hr-border-radius-m);
    background: var(--hr-color-surface-200);
}

:where(.HR-9-26-0) .ModalLayout_platform_desktop {
    position: relative;

    box-sizing: border-box;
    padding: var(--hr-space-xl);

    box-shadow: var(--hr-effects-shadow);
}

:where(.HR-9-26-0) .ModalLayout_platform_mobile {
    position: relative;

    box-sizing: border-box;
    padding: var(--hr-space-m);
}

:where(.HR-9-26-0) .ModalLayout_platform_desktop .ModalLayout-Header {
    display: block;
}

:where(.HR-9-26-0) .ModalLayout_platform_mobile .ModalLayout-Header {
    display: flex;
}

:where(.HR-9-26-0) .ModalLayout_platform_mobile .ModalLayout-HeaderLeft {
    flex-grow: 1;
}

:where(.HR-9-26-0) .ModalLayout_platform_mobile .ModalLayout-HeaderRight {
    max-width: 80px;
}

:where(.HR-9-26-0) .ModalLayout-Title {
    word-break: break-word;

    color: var(--hr-color-text-primary);
}

:where(.HR-9-26-0) .ModalLayout_platform_desktop .ModalLayout-Title {
    padding-right: var(--hr-space-xl);

    font-size: var(--hr-typography-font-title-m-font-size);
    font-weight: var(--hr-typography-font-title-m-font-weight);
    line-height: var(--hr-typography-font-title-m-line-height);
}

:where(.HR-9-26-0) .ModalLayout_platform_mobile .ModalLayout-Title {
    font-size: var(--hr-typography-font-title-m-font-size);
    font-weight: var(--hr-typography-font-title-m-font-weight);
    line-height: var(--hr-typography-font-title-m-line-height);
}

:where(.HR-9-26-0) .ModalLayout-Subtitle {
    margin: var(--hr-space-2-xs) 0;

    color: var(--hr-color-text-secondary);
}

:where(.HR-9-26-0) .ModalLayout_platform_desktop .ModalLayout-Subtitle {
    font-size: var(--hr-typography-font-body-m-font-size);
    font-weight: var(--hr-typography-font-body-m-font-weight);
    line-height: var(--hr-typography-font-body-m-line-height);
}

:where(.HR-9-26-0) .ModalLayout_platform_mobile .ModalLayout-Subtitle {
    font-size: var(--hr-typography-font-body-m-font-size);
    font-weight: var(--hr-typography-font-body-m-font-weight);
    line-height: var(--hr-typography-font-body-m-line-height);
}

:where(.HR-9-26-0) .ModalLayout-Content {
    color: var(--hr-color-text-primary);
}

:where(.HR-9-26-0) .ModalLayout_platform_mobile .ModalLayout-Content {
    margin: var(--hr-space-m) 0;
}

:where(.HR-9-26-0) .ModalLayout_platform_desktop .ModalLayout-Content {
    margin: var(--hr-space-xl) 0;
}

:where(.HR-9-26-0) .ModalLayout-Footer {
    display: flex;
    justify-content: space-between;
}

:where(.HR-9-26-0) .ModalLayout_platform_mobile .ModalLayout-FooterActions {
    display: flex;
    flex-direction: column-reverse;

    width: 100%;
}

:where(.HR-9-26-0) .ModalLayout_platform_desktop .ModalLayout-FooterActions {
    display: flex;
    flex-grow: 1;
    justify-content: flex-end;
}

:where(.HR-9-26-0) .ModalLayout_platform_mobile .ModalLayout-FooterActions .Button2 {
    flex-grow: 1;

    width: 100%;
}

:where(.HR-9-26-0) .ModalLayout-FooterSlots {
    display: flex;
    flex-grow: 1;
    justify-content: flex-start;
}

:where(.HR-9-26-0) .ModalLayout-FooterSlots .ModalLayout-Slot {
    color: var(--hr-color-text-primary);
}

:where(.HR-9-26-0) .ModalLayout_platform_desktop .ModalLayout-Slot + .ModalLayout-Slot {
    margin-left: var(--hr-space-s);
}

:where(.HR-9-26-0) .ModalLayout_platform_mobile .ModalLayout-FooterActions .ModalLayout-Slot + .ModalLayout-Slot {
    margin-bottom: var(--hr-space-s);
}

:where(.HR-9-26-0) .ModalLayout_platform_mobile .ModalLayout-HeaderRight .ModalLayout-Slot + .ModalLayout-Slot {
    margin-top: var(--hr-space-s);
}

:where(.HR-9-26-0) .ModalLayout-Close {
    position: absolute;
    top: var(--hr-space-m);
    right: var(--hr-space-m);

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

:where(.HR-9-26-0) button.ModalLayout-Close {
    position: absolute;

    display: flex;
}

:where(.HR-9-26-0) .ModalLayout-Close .Icon {
    width: 16px;
}

:where(.HR-9-26-0) .Tag2_color_default.Tag2 {
    color: var(--hr-color-text-secondary);
    background-color: var(--hr-color-control-secondary);
}

:where(.HR-9-26-0) .Tag2_color_red.Tag2,
:where(.HR-9-26-0) .Tag2_color_red.Tag2 svg {
    color: var(--hr-color-spectre-red-900);
    background-color: var(--hr-color-spectre-red-200);
}

:where(.HR-9-26-0) .Tag2_color_green.Tag2,
:where(.HR-9-26-0) .Tag2_color_green.Tag2 svg {
    color: var(--hr-color-spectre-green-900);
    background-color: var(--hr-color-spectre-green-200);
}

:where(.HR-9-26-0) .Tag2_color_blue.Tag2,
:where(.HR-9-26-0) .Tag2_color_blue.Tag2 svg {
    color: var(--hr-color-spectre-blue-900);
    background-color: var(--hr-color-spectre-blue-200);
}

:where(.HR-9-26-0) .Tag2_color_purple.Tag2,
:where(.HR-9-26-0) .Tag2_color_purple.Tag2 svg {
    color: var(--hr-color-spectre-purple-900);
    background-color: var(--hr-color-spectre-purple-200);
}

:where(.HR-9-26-0) .Tag2.Tag2_size_s {
    --hr-internal-tag-height: var(--hr-size-control-xs);
    --hr-internal-tag-radius: var(--hr-border-radius-xs);
    --hr-internal-tag-padding: var(--hr-space-2-xs);
}

:where(.HR-9-26-0) .Tag2.Tag2_size_s .Tag2-Text {
    font-size: var(--hr-typography-font-size-xs);
}

:where(.HR-9-26-0) .Tag2.Tag2_size_s.Tag2_onlyIcon {
    padding: 0 6px;
}

:where(.HR-9-26-0) .Tag2.Tag2_view_clear {
    background: transparent;
}

:where(.HR-9-26-0) .Tag2.Tag2_view_outline {
    box-sizing: border-box;

    border: var(--hr-border-width-s) solid var(--hr-color-border-secondary);
    background: var(--hr-color-surface-100);
}

:where(.HR-9-26-0) .Tag2.Tag2_view_outline .UserAvatar {
    margin: var(--hr-border-width-s) 0;
}

:where(.HR-9-26-0) .Badge {
    position: relative;

    display: inline-flex;

    vertical-align: middle;
}

:where(.HR-9-26-0) .Badge-Dot {
    display: flex;
    justify-content: center;
    align-items: center;

    box-sizing: border-box;
    min-width: 14px;
    height: 14px;
    padding: 0 2px;

    font-family: var(--hr-typography-font-family-default);
    font-size: var(--hr-typography-font-caption-s-font-size);
    font-weight: normal;
    line-height: 1;
    white-space: nowrap;

    color: #fff;
    border: 2px solid var(--hr-color-surface-100);
    border-radius: 10px;
    background-color: var(--hr-color-spectre-red-500);
}

:where(.HR-9-26-0) .Badge-Dot_withContent {
    top: -2px;
    right: -2px;

    min-width: 20px;
    height: 20px;

    font-weight: var(--hr-typography-font-weight-medium);
}

:where(.HR-9-26-0) .Badge-Dot_withChildren {
    position: absolute;
    top: 0;
    right: 0;

    font-weight: var(--hr-typography-font-weight-medium);

    transform: translate(50%, -50%);
    transform-origin: 100% 0%;
}

:where(.HR-9-26-0) .Badge_withGhostButton .Badge-Dot {
    transform: none;
}

:where(.HR-9-26-0) .Tag2-Counter {
    display: inline-flex;
    justify-content: center;
    align-items: center;

    height: 16px;
    margin-right: var(--hr-space-2-xs);
}

:where(.HR-9-26-0) .Tag2-Counter .Badge-Dot {
    color: var(--hr-color-surface-100);
    border: none;
    background: var(--hr-color-control-primary);
}

:where(.HR-9-26-0) .Tag2_size_m {
    --hr-internal-tag-height: var(--hr-size-control-s);
    --hr-internal-tag-radius: var(--hr-border-radius-s-compact);
    --hr-internal-tag-padding: var(--hr-space-2-xs);
}

:where(.HR-9-26-0) .Tag2.Tag2_size_m .Tag2-Text {
    font-size: var(--hr-typography-font-size-s);
}

:where(.HR-9-26-0) .Tag2.Tag2_size_m .Tag2-LeftSlot {
    margin-left: 0;
}

:where(.HR-9-26-0) .Tag2.Tag2_size_m.Tag2_onlyIcon {
    padding: 0 10px;
}

:where(.HR-9-26-0) .Tag2 {
    display: inline-flex;
    justify-content: center;
    align-items: center;

    box-sizing: border-box;
    max-width: 100%;
    height: var(--hr-internal-tag-height);
    padding: 0 var(--hr-internal-tag-padding);

    font-family: var(--hr-typography-font-family-default);

    color: var(--hr-color-text-primary);
    border-radius: var(--hr-internal-tag-radius);
    background-color: var(--hr-color-control-secondary);
}

:where(.HR-9-26-0) .Tag2-Text {
    overflow: hidden;
    /* stylelint-disable-next-line  */
    max-width: calc(160px - (var(--hr-space-xs) * 2) - (var(--hr-space-2-xs) * 2));
    padding: 0 var(--hr-space-xs);

    white-space: nowrap;
    text-overflow: ellipsis;
}

:where(.HR-9-26-0) .Tag2_rounded {
    border-radius: 100px;
}

:where(.HR-9-26-0) .Tag2-LeftSlot {
    display: flex;

    width: 24px;
    height: 24px;
    margin-left: -4px;
}

:where(.HR-9-26-0) .Tag2-RightSlot {
    display: inline-flex;
    justify-content: center;
    align-items: center;

    min-width: 12px;
    height: 100%;
}

:where(.HR-9-26-0) .Tag2_rounded .Tag2-RightSlot .Button2 {
    border-radius: 40px;
}

:where(.HR-9-26-0) .Tag2_interactive {
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
}

.utilityfocus .Tag2_interactive:focus-visible {
    outline: 1px solid var(--hr-color-border-primary);
    outline-offset: -1px;
    box-shadow: var(--hr-effects-shadow-outline-secondary);
}

:where(.HR-9-26-0) .Tag2.Tag2_checked {
    color: var(--hr-color-text-primary-inverse);
    background: var(--hr-color-control-primary);
}

.utilityfocus .Tag2_interactive.Tag2_checked:focus-visible {
    outline: 1px solid var(--hr-color-border-primary);
    outline-offset: 2px;
    box-shadow: none;
}

:where(.HR-9-26-0) .Tag2_onlyIcon {
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

:where(.HR-9-26-0) .Tag2_onlyIcon .Icon {
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

:where(.HR-9-26-0) .Tag2.Tag2_disabled {
    cursor: not-allowed;

    color: var(--hr-color-text-tertiary);
    background-color: var(--hr-color-control-disabled);
}

.LazyImage {
    box-sizing: border-box;
}

.LazyImage.Image,
.LazyImage.Image-Container {
    overflow: hidden;
}

.LazyImage.Image,
.LazyImage .Image,
.LazyImage-LowQuality {
    width: 100%;
    height: 100%;

    object-fit: cover;
}

.LazyImage-LowQuality {
    position: absolute;

    filter: blur(5px);
}
.TemplateBox {
    position: relative;

    display: flex;
    overflow: hidden;
    flex-direction: column;
    justify-content: space-between;

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

    color: var(--hr-color-text-primary);
    border-radius: var(--hr-border-radius-xl);
    background: var(--hr-color-surface-100);

    /* stylelint-disable */
    -webkit-mask-image: -webkit-radial-gradient(white, black); /* фикс скругления углов iframe в safari */
    /* stylelint-enable */
}

.TemplateBox > .Link-Content {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
}

.TemplateBox-Body {
    z-index: 2;

    display: flex;
    overflow: hidden;
    flex-direction: column;

    box-sizing: border-box;
    height: calc(100% - var(--hr-size-control-m) - var(--hr-space-s));
    padding: var(--hr-space-s) var(--hr-space-m);
    row-gap: var(--hr-space-xs);
}

.TemplateBox-Body_fullHeight {
    justify-content: space-between;
}

.TemplateBox-Body_withoutActions {
    height: 100%;
}

.TemplateBox-Actions {
    z-index: 2;

    display: flex;
    overflow: hidden;
    justify-content: flex-end;

    margin: 0 var(--hr-space-s) var(--hr-space-s);

    column-gap: var(--hr-space-xs);
}

.TemplateBox-Background.Image-Container {
    position: absolute;
    z-index: 1;
    inset: 0;
}

.TemplateBox-Background_size_contain.Image-Container .Image,
.TemplateBox-Background_size_contain.Image-Container .LazyImage-LowQuality {
    object-fit: contain;
}

.TemplateBox-Background_size_cover.Image-Container .Image,
.TemplateBox-Background_size_cover.Image-Container .LazyImage-LowQuality {
    object-fit: cover;
}

.TemplateBox-Background_position_right.Image-Container .Image,
.TemplateBox-Background_position_right.Image-Container .LazyImage-LowQuality {
    object-position: right;
}

.TemplateBox-Background_position_left.Image-Container .Image,
.TemplateBox-Background_position_left.Image-Container .LazyImage-LowQuality {
    object-position: left;
}

.TemplateBox-Background_position_top.Image-Container .Image,
.TemplateBox-Background_position_top.Image-Container .LazyImage-LowQuality {
    object-position: top;
}

.TemplateBox-Background_position_bottom.Image-Container .Image,
.TemplateBox-Background_position_bottom.Image-Container .LazyImage-LowQuality {
    object-position: bottom;
}

.TemplateBox-Background_position_center.Image-Container .Image,
.TemplateBox-Background_position_center.Image-Container .LazyImage-LowQuality {
    object-position: center;
}
.DefaultTemplate2-ButtonSlot {
    flex-grow: 0;
    flex-shrink: 0;
}

.DefaultTemplate2 .DefaultTemplate2-ButtonSlot {
    width: auto;
}

.DefaultTemplate2-ButtonSlot_fillContainer {
    flex-grow: 1;
}

.DefaultTemplate2-ButtonSlot_shrinkToFit {
    flex-shrink: 1;
}
.DefaultTemplate2-IconSlot {
    flex-shrink: 0;

    color: var(--hr-color-text-secondary);
}
.DefaultTemplate2 {
    --image-slot-height: 36px;
}

.DefaultTemplate2-ImageListSlotContent {
    position: relative;

    height: var(--image-slot-height);
}

.DefaultTemplate2-ImageListSlotPlaceholder {
    position: absolute;
    top: 0;

    width: var(--hr-size-control-s);
    height: var(--hr-size-control-s);
    margin-left: calc(-1 * var(--hr-space-xs));

    font: var(--hr-typography-font-body-s-all-params);

    color: var(--hr-color-text-primary);
    border: var(--hr-border-width-m) solid var(--hr-color-surface-100);
    border-radius: 50%;
    background-color: var(--hr-color-surface-100);

    transition: transform .1s ease-in;
}

.DefaultTemplate2-ImageListSlotPlaceholder:hover {
    z-index: 2;

    transform: scale(1.05);
}

.DefaultTemplate2-ImageListSlotHiddenCount {
    display: flex;
    justify-content: center;
    align-items: center;

    width: calc(100% - 2px);
    height: 100%;
    padding-right: 2px;

    border-radius: 50%;
    background-color: var(--hr-color-control-secondary-hover);
}

.DefaultTemplate2-ImageListSlotGroup.ImageGroup_size_s {
    height: var(--image-slot-height);
    padding-left: var(--hr-space-xs);
}

.DefaultTemplate2-ImageListSlotGroup .ImageGroup-ItemImage {
    box-sizing: content-box;
    margin-left: calc(-1 * var(--hr-space-xs));
}
.DefaultTemplate2-TextSlot {
    overflow: hidden;
    flex-grow: 0;
    flex-shrink: 0;

    text-overflow: ellipsis;
}

.DefaultTemplate2-TextSlot_textLimit_1 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.DefaultTemplate2-TextSlot_textLimit_2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.DefaultTemplate2-TextSlot_textLimit_3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.DefaultTemplate2-TextSlot_shrinkToFit {
    flex-shrink: 1;
}

.DefaultTemplate2-TextSlot_fillContainer {
    flex-grow: 1;
}

.DefaultTemplate2-TextSlot.DefaultTemplate2-TextSlot_type_title {
    font-size: var(--hr-typography-font-size-l);
    font-weight: var(--hr-typography-font-weight-medium);
    line-height: var(--hr-typography-line-height-m);

    font-feature-settings: var(--hr-typography-font-feature-settings-default);

    color: var(--hr-color-text-primary);
}

.DefaultTemplate2-TextSlot.DefaultTemplate2-TextSlot_type_number {
    font-size: var(--hr-typography-font-size-2-xl);
    font-weight: var(--hr-typography-font-weight-regular);
    line-height: var(--hr-typography-line-height-l);

    font-feature-settings: var(--hr-typography-font-feature-settings-default);

    color: var(--hr-color-text-primary);
}

.DefaultTemplate2-TextSlot.DefaultTemplate2-TextSlot_type_label {
    font: var(--hr-typography-font-caption-m-all-params);

    color: var(--hr-color-text-primary);
}

.DefaultTemplate2-TextSlot.DefaultTemplate2-TextSlot_type_caption {
    font: var(--hr-typography-font-caption-m-all-params);

    color: var(--hr-color-text-secondary);
}

.DefaultTemplate2-TextSlot_withUrl {
    color: var(--hr-color-text-primary);

    transition: opacity .1s ease-in-out;
}

.DefaultTemplate2-TextSlot_withUrl:hover {
    opacity: .8;
}
.DefaultTemplate2-ImageSlot {
    display: flex;
    overflow: hidden;
}

.DefaultTemplate2-ImageSlot_size_m,
.DefaultTemplate2-ImageSlot_size_s {
    flex-shrink: 0;
}

.DefaultTemplate2-ImageSlot_size_l .Link-Content {
    display: flex;
    flex-shrink: 1;

    width: 100%;
}

.DefaultTemplate2-ImageSlotContent {
    display: grid;
    column-gap: var(--hr-space-xs);
}

.DefaultTemplate2-ImageSlot_size_l .DefaultTemplate2-ImageSlotContent {
    grid-template-columns: auto;

    margin: 0 auto;
}

.DefaultTemplate2-ImageSlotImage {
    overflow: hidden;

    border-radius: 50%;
    object-fit: cover;
}

.DefaultTemplate2-ImageSlot_size_l .DefaultTemplate2-ImageSlotImage {
    aspect-ratio: 1 / 1;

    height: 100%;
    margin: 0 auto;
}

.DefaultTemplate2-ImageSlot_size_m.DefaultTemplate2-ImageSlot_withText .DefaultTemplate2-ImageSlotContent {
    grid-template-columns: var(--hr-size-control-m) auto;
}

.DefaultTemplate2-ImageSlot_size_m .DefaultTemplate2-ImageSlotImage {
    flex-shrink: 0;

    width: var(--hr-size-control-m);
    height: var(--hr-size-control-m);
}

.DefaultTemplate2-ImageSlot_size_s.DefaultTemplate2-ImageSlot_withText .DefaultTemplate2-ImageSlotContent {
    grid-template-columns: var(--hr-space-xl) auto;
}

.DefaultTemplate2-ImageSlot_size_s .DefaultTemplate2-ImageSlotImage {
    flex-shrink: 0;

    width: var(--hr-space-xl);
    height: var(--hr-space-xl);
}

.DefaultTemplate2-ImageSlotTextWrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}
.DefaultTemplate2-TagSlot {
    flex-shrink: 0;
}
.DefaultTemplate2-RowSlot,
.DefaultTemplate2-RowSlotLink .Link-Content {
    display: flex;
    overflow: hidden;
    flex-shrink: 0;
    align-items: center;

    height: var(--hr-space-2-xl);

    color: var(--hr-color-text-primary);
    column-gap: var(--hr-space-xs);
}
.DefaultTemplate2-ListSlot {
    display: flex;
    overflow: hidden;
    flex-direction: column;
}

.DefaultTemplate2-ListSlotAllItems {
    display: flex;
    align-items: center;

    height: var(--hr-space-2-xl);

    font: var(--hr-typography-font-caption-m-all-params);
    cursor: pointer;
}

.DefaultTemplate2-ListSlotAllItems .Link-Content {
    display: flex;
    align-items: center;

    font: var(--hr-typography-font-body-s-all-params);
}

.DefaultTemplate2-ListSlotEmptyItemsLabel {
    font: var(--hr-typography-font-caption-m-all-params);

    color: var(--hr-color-text-secondary);
}
.DefaultTemplate2.TemplateBox .TemplateBox-Body {
    row-gap: 0;
}

.DefaultTemplate2 .DefaultTemplate2Slot_margin_none {
    margin-bottom: 0;
}

.DefaultTemplate2 .DefaultTemplate2Slot_margin_s {
    margin-bottom: var(--hr-space-2-xs);
}

.DefaultTemplate2 .DefaultTemplate2Slot_margin_m {
    margin-bottom: var(--hr-space-xs);
}

.DefaultTemplate2 .DefaultTemplate2Slot_margin_l {
    margin-bottom: var(--hr-space-m);
}

.DefaultTemplate2 .DefaultTemplate2Slot_margin_auto {
    margin-bottom: auto;
}

.DefaultTemplate2 .DefaultTemplate2Slot:last-child,
.DefaultTemplate2.TemplateBox .TemplateBox-Body_fullHeight .DefaultTemplate2Slot {
    margin-bottom: 0;
}

:where(.HR-9-26-0) .HelpTooltip-Trigger {
    cursor: pointer;

    color: var(--hr-color-text-secondary);
}

:where(.HR-9-26-0) .HelpTooltip-Trigger:hover {
    color: var(--hr-color-text-primary);
}

:where(.HR-9-26-0) .HelpTooltip-Trigger_state_alert.Button {
    --hr-internal-button-background-hovered: var(--hr-color-spectre-red-100);
    --hr-internal-button-text-color: var(--hr-color-special-error);
    --hr-internal-button-focus-outline-color: var(--hr-color-special-error);
    --hr-internal-button-focus-shadow: var(--hr-effects-shadow-outline-error);
}

:where(.HR-9-26-0) .HelpTooltip-Trigger_state_alert.Button .Icon {
    color: var(--hr-color-special-error);
}

:where(.HR-9-26-0) .HelpTooltip {
    max-width: 320px;
    padding: 0;

    font-weight: var(--hr-typography-font-weight-normal);
    text-align: left;
    white-space: normal;
}

.DefaultTemplate-ActionButton_fullWidth {
    flex: 1;
}
.DefaultTemplate {
    --image-slot-height: 36px;
}

.DefaultTemplate-ImageListSlotContent {
    position: relative;

    height: var(--image-slot-height);
}

.DefaultTemplate-ImageListSlotPlaceholder {
    position: absolute;
    top: 0;

    width: var(--hr-size-control-s);
    height: var(--hr-size-control-s);
    margin-left: calc(-1 * var(--hr-space-xs));

    font: var(--hr-typography-font-body-s-all-params);

    color: var(--hr-color-text-primary);
    border: var(--hr-border-width-m) solid var(--hr-color-surface-100);
    border-radius: 50%;
    background-color: var(--hr-color-surface-100);

    transition: transform .1s ease-in;
}

.DefaultTemplate-ImageListSlotPlaceholder:hover {
    z-index: 2;

    transform: scale(1.05);
}

.DefaultTemplate-ImageListSlotHiddenCount {
    display: flex;
    justify-content: center;
    align-items: center;

    width: calc(100% - 2px);
    height: 100%;
    padding-right: 2px;

    border-radius: 50%;
    background-color: var(--hr-color-control-secondary-hover);
}

.DefaultTemplate-ImageListSlotCaption {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;

    margin-top: var(--hr-space-xs);

    font: var(--hr-typography-font-caption-m-all-params);

    color: var(--hr-color-text-secondary);
}

.DefaultTemplate-ImageListSlotGroup {
    height: var(--image-slot-height);
    padding-left: var(--hr-space-xs);
}

.DefaultTemplate-ImageListSlotGroup .ImageGroup-ItemImage {
    box-sizing: content-box;
    margin-left: calc(-1 * var(--hr-space-xs));
}
.DefaultTemplate-ListItem,
.DefaultTemplate-ListItemLink .Link-Content {
    display: flex;
    overflow: hidden;
    flex-shrink: 0;
    align-items: center;

    height: var(--hr-space-2-xl);

    color: var(--hr-color-text-primary);
    column-gap: var(--hr-space-xs);
}

.DefaultTemplate-ListItemLabel,
.DefaultTemplate-ListItemCaption {
    font: var(--hr-typography-font-caption-m-all-params);
}

.DefaultTemplate-ListItemImage,
.DefaultTemplate-ListItemLabel,
.DefaultTemplate-ListItemCaption,
.DefaultTemplate-ListItemTag,
.DefaultTemplate-ListItemIcon {
    overflow: hidden;
    flex-grow: 0;
    flex-shrink: 0;

    white-space: nowrap;
    text-overflow: ellipsis;
}

.DefaultTemplate-ListItemCaption {
    color: var(--hr-color-text-secondary);
}

.DefaultTemplate-ListItemLabel_grow,
.DefaultTemplate-ListItemCaption_grow {
    flex-grow: 1;
}

.DefaultTemplate-ListItemLabel_shrink,
.DefaultTemplate-ListItemCaption_shrink {
    flex-shrink: 1;
}

.DefaultTemplate-ListItemImage {
    width: var(--hr-space-xl);
    height: var(--hr-space-xl);
}

.DefaultTemplate-ListItemIcon {
    color: var(--hr-color-text-secondary);
}
.DefaultTemplate-ListSlot {
    display: flex;
    overflow: hidden;
    flex-direction: column;
}

.DefaultTemplate-ListSlotAllItems {
    display: flex;
    align-items: center;

    height: var(--hr-space-2-xl);

    font: var(--hr-typography-font-caption-m-all-params);
    cursor: pointer;
}

.DefaultTemplate-ListSlotAllItems .Link-Content {
    display: flex;
    align-items: center;
}

.DefaultTemplate-ListSlotEmptyItemsLabel {
    font: var(--hr-typography-font-caption-m-all-params);

    color: var(--hr-color-text-secondary);
}
.DefaultTemplate-TextSlot {
    display: flex;
    flex-direction: column;
    row-gap: var(--hr-space-2-xs);
}

.DefaultTemplate-TextSlot_reverse {
    flex-direction: column-reverse;
}

.DefaultTemplate-TextSlotLabel,
.DefaultTemplate-TextSlotCaption {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.DefaultTemplate-TextSlotCaption_fullHeight {
    display: block;
}

.DefaultTemplate-TextSlot_type_title .DefaultTemplate-TextSlotLabel {
    font-size: var(--hr-typography-font-size-l);
    font-weight: var(--hr-typography-font-weight-medium);
    line-height: var(--hr-typography-line-height-m);

    font-feature-settings: var(--hr-typography-font-feature-settings-default);
}

.DefaultTemplate-TextSlot_type_number .DefaultTemplate-TextSlotLabel {
    font-size: var(--hr-typography-font-size-2-xl);
    font-weight: var(--hr-typography-font-weight-regular);
    line-height: var(--hr-typography-line-height-l);

    font-feature-settings: var(--hr-typography-font-feature-settings-default);
}

.DefaultTemplate-TextSlotCaption {
    font: var(--hr-typography-font-caption-m-all-params);

    color: var(--hr-color-text-secondary);
}

.DefaultTemplate-TextSlotLabelLink {
    color: var(--hr-color-text-primary);

    transition: opacity .1s ease-in-out;
}

.DefaultTemplate-TextSlotLabelLink:hover {
    opacity: .8;
}
.DefaultTemplate-ImageItemSlot {
    position: relative;

    display: flex;
    overflow: hidden;

    padding-bottom: var(--hr-space-xl);
}

.DefaultTemplate-ImageItemSlot_size_m,
.DefaultTemplate-ImageItemSlot_size_s {
    flex-shrink: 0;
}

.DefaultTemplate-ImageItemSlot_size_l .Link-Content {
    display: flex;
    flex-shrink: 1;

    width: 100%;
}

.DefaultTemplate-ImageItemSlotItem {
    display: grid;
    column-gap: var(--hr-space-xs);
}

.DefaultTemplate-ImageItemSlot_size_l .DefaultTemplate-ImageItemSlotItem {
    grid-template-columns: auto;

    margin: 0 auto;
}

.DefaultTemplate-ImageItemSlotImage {
    overflow: hidden;

    border-radius: 50%;
    object-fit: cover;
}

.DefaultTemplate-ImageItemSlot_size_l .DefaultTemplate-ImageItemSlotImage {
    aspect-ratio: 1 / 1;

    height: 100%;
    margin: 0 auto;
}

.DefaultTemplate-ImageItemSlot_size_m .DefaultTemplate-ImageItemSlotItem {
    grid-template-columns: var(--hr-size-control-m) auto;
}

.DefaultTemplate-ImageItemSlot_size_m .DefaultTemplate-ImageItemSlotImage {
    flex-shrink: 0;

    width: var(--hr-size-control-m);
    height: var(--hr-size-control-m);
}

.DefaultTemplate-ImageItemSlot_size_s .DefaultTemplate-ImageItemSlotItem {
    grid-template-columns: var(--hr-space-xl) auto;
}

.DefaultTemplate-ImageItemSlot_size_s .DefaultTemplate-ImageItemSlotImage {
    flex-shrink: 0;

    width: var(--hr-space-xl);
    height: var(--hr-space-xl);
}

.DefaultTemplate-ImageItemSlotTitleWrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.DefaultTemplate-ImageItemSlotTitle,
.DefaultTemplate-ImageItemSlotCaption,
.DefaultTemplate-ImageItemSlotSubtitle {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;

    font: var(--hr-typography-font-caption-m-all-params);
}

.DefaultTemplate-ImageItemSlotTitle {
    -webkit-line-clamp: 1;

    color: var(--hr-color-text-primary);
}

.DefaultTemplate-ImageItemSlotSubtitle {
    -webkit-line-clamp: 1;

    color: var(--hr-color-text-secondary);
}

.DefaultTemplate-ImageItemSlotCaption {
    position: absolute;
    bottom: 0;

    -webkit-line-clamp: 2;

    margin-top: var(--hr-space-2-xs);

    color: var(--hr-color-text-secondary);
}
.IFrameTemplate-StartScreen {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;

    height: 100%;
    padding: var(--hr-space-s) var(--hr-space-m);
    gap: var(--hr-space-xs);
}

.IFrameTemplate-StartContent {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    height: 100%;

    gap: var(--hr-space-xs);
}

.IFrameTemplate-StartContent_isLong {
    gap: var(--hr-space-m);
}

.IFrameTemplate-StartLogoWrapper {
    display: flex;
    justify-content: center;
    align-items: center;

    width: var(--hr-size-control-l);
    height: var(--hr-size-control-l);

    color: var(--hr-color-text-secondary);
    border-radius: 50%;
    background-color: var(--hr-color-control-secondary-hover);
}

.IFrameTemplate-StartLogoWrapper_isLong {
    width: 80px;
    height: 80px;
}

.IFrameTemplate-StartLogo {
    width: var(--hr-size-control-l);
    height: var(--hr-size-control-l);
}

.IFrameTemplate-StartLogo_isLong {
    width: 80px;
    height: 80px;
}

.IFrameTemplate-StartName {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.IFrameTemplate-StartButton {
    width: 100%;
}
.IFrameTemplate .HelpTooltip-Trigger {
    display: flex;
    align-items: center;

    height: var(--hr-typography-line-height-m);
}

.IFrameTemplate-Title {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;

    padding: var(--hr-space-s) var(--hr-space-m) 0;
}
.IFrameTemplate {
    box-sizing: border-box;
}

.IFrameTemplate_withUrl {
    cursor: pointer;
}

.IFrameTemplate-IFrame {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    min-height: 1px;

    border: none;
}

.IFrameTemplate-IFrame_withUrl {
    pointer-events: none;
}

.IFrameTemplate-IFrame_withPadding {
    padding: 0 var(--hr-space-m) var(--hr-space-s);
}

.IFrameTemplate .TemplateBox-Body {
    padding: 0;
}

:where(.HR-9-26-0) .Skeleton {
    display: inline-block;

    background-color: var(--hr-color-control-secondary-contrast);
}

:where(.HR-9-26-0) .Skeleton_animation {
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

:where(.HR-9-26-0) .Skeleton_type_text {
    width: 100%;
    height: 1em;

    border-radius: var(--hr-border-radius-2-xs);
}

:where(.HR-9-26-0) .Skeleton_type_avatar {
    border-radius: 50%;
}

:where(.HR-9-26-0) .Skeleton_type_control {
    width: 100%;

    border-radius: var(--hr-border-radius-xs);
}

:where(.HR-9-26-0) .Skeleton_type_text.Skeleton_size_l {
    height: var(--hr-typography-font-display-m-font-size);
    margin: var(--hr-space-xs) 0;
}

:where(.HR-9-26-0) .Skeleton_type_text.Skeleton_size_m {
    height: var(--hr-typography-font-title-m-font-size);
    margin: var(--hr-space-xs) 0;
}

:where(.HR-9-26-0) .Skeleton_type_text.Skeleton_size_s {
    height: var(--hr-typography-font-body-m-font-size);
    margin: var(--hr-space-xs) 0;
}

:where(.HR-9-26-0) .Skeleton_type_control.Skeleton_size_l {
    height: 48px;
}

:where(.HR-9-26-0) .Skeleton_type_control.Skeleton_size_m {
    height: 40px;
}

:where(.HR-9-26-0) .Skeleton_type_control.Skeleton_size_s {
    height: 32px;
}

:where(.HR-9-26-0) .Skeleton_type_avatar.Skeleton_size_l {
    width: 44px;
    height: 44px;
}

:where(.HR-9-26-0) .Skeleton_type_avatar.Skeleton_size_m {
    width: 36px;
    height: 36px;
}

:where(.HR-9-26-0) .Skeleton_type_avatar.Skeleton_size_s {
    width: 32px;
    height: 32px;
}

@keyframes pulse {
    from {
        opacity: 1;
    }

    50% {
        opacity: 0.5;
    }

    to {
        opacity: 1;
    }
}

.WidgetError-Content {
    display: flex;

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

.WidgetError-Content_alignment_vertical {
    flex-direction: column;
}

.WidgetError-Content_alignment_horizontal {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.WidgetError-Title {
    flex: 1;
}

.WidgetError-Name {
    margin-bottom: var(--hr-space-2-xs);

    font-size: var(--hr-typography-font-size-l);
    font-weight: var(--hr-typography-font-weight-medium);
    line-height: var(--hr-typography-line-height-m);

    font-feature-settings: var(--hr-typography-font-feature-settings-default);
}

.WidgetError-Caption {
    font: var(--hr-typography-font-caption-m-all-params);

    color: var(--hr-color-text-secondary);
}

.WidgetError-Name,
.WidgetError-Caption {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.WidgetError-Content_alignment_vertical .WidgetError-Title {
    margin-bottom: var(--hr-space-xs);
}

.WidgetError-Content_alignment_horizontal .WidgetError-Title {
    margin-right: var(--hr-space-xs);
}

.WidgetError-Content_alignment_vertical .WidgetError-ActionButton {
    width: 100%;
    margin-top: auto;
}

.WidgetError-Content_alignment_horizontal .WidgetError-ActionButton:not(.WidgetError-ActionButton_short) {
    width: 150px;
}

.WidgetError-Actions {
    display: flex;
    gap: var(--hr-space-xs);
}

.WidgetError-Content_alignment_vertical .WidgetError-Actions {
    flex-direction: column;
}
.SkeletonTemplate-Content {
    display: flex;
    flex-direction: column;

    height: 100%;
}

.SkeletonTemplate-Title {
    width: 90%;
    height: var(--hr-space-xl);
    margin-bottom: var(--hr-space-2-xs);

    border-radius: var(--hr-border-radius-xs);
}

.SkeletonTemplate-Subtitle {
    width: 70%;
    height: var(--hr-space-l);

    border-radius: var(--hr-border-radius-xs);
}
.Widget {
    width: 100%;
    height: 100%;
}

.Theme {
    --hr-color-surface-light-0: #F2F2F2;
    --hr-color-surface-light-100: #FFFFFF;
    --hr-color-surface-light-200: #FFFFFF;
    --hr-color-surface-dark-0: #1E1E1E;
    --hr-color-surface-dark-100: #292929;
    --hr-color-surface-dark-200: #333333;
    --hr-color-black-0: rgba(0, 0, 0, 0);
    --hr-color-black-50: rgba(0, 0, 0, 0.05);
    --hr-color-black-100: rgba(0, 0, 0, 0.1);
    --hr-color-black-150: rgba(0, 0, 0, 0.15);
    --hr-color-black-200: rgba(0, 0, 0, 0.2);
    --hr-color-black-250: rgba(0, 0, 0, 0.25);
    --hr-color-black-300: rgba(0, 0, 0, 0.30);
    --hr-color-black-400: rgba(0, 0, 0, 0.4);
    --hr-color-black-500: rgba(0, 0, 0, 0.5);
    --hr-color-black-600: rgba(0, 0, 0, 0.6);
    --hr-color-black-700: rgba(0, 0, 0, 0.7);
    --hr-color-black-800: rgba(0, 0, 0, 0.8);
    --hr-color-black-900: rgba(0, 0, 0, 0.9);
    --hr-color-black-1000: rgba(0, 0, 0, 1);
    --hr-color-white-0: rgba(255, 255, 255, 0);
    --hr-color-white-50: rgba(255, 255, 255, 0.05);
    --hr-color-white-100: rgba(255, 255, 255, 0.1);
    --hr-color-white-150: rgba(255, 255, 255, 0.15);
    --hr-color-white-200: rgba(255, 255, 255, 0.2);
    --hr-color-white-250: rgba(255, 255, 255, 0.25);
    --hr-color-white-300: rgba(255, 255, 255, 0.3);
    --hr-color-white-400: rgba(255, 255, 255, 0.4);
    --hr-color-white-500: rgba(255, 255, 255, 0.5);
    --hr-color-white-600: rgba(255, 255, 255, 0.6);
    --hr-color-white-700: rgba(255, 255, 255, 0.7);
    --hr-color-white-800: rgba(255, 255, 255, 0.8);
    --hr-color-white-900: rgba(255, 255, 255, 0.9);
    --hr-color-white-1000: rgba(255, 255, 255, 1);
    --hr-color-red-100: #FDEDED;
    --hr-color-red-200: #FBDADA;
    --hr-color-red-300: #F7B5B5;
    --hr-color-red-400: #F39191;
    --hr-color-red-500: #EB4747;
    --hr-color-red-600: #9D3B3B;
    --hr-color-red-700: #773535;
    --hr-color-red-800: #502F2F;
    --hr-color-red-900: #3C2C2C;
    --hr-color-green-100: #E9F5F1;
    --hr-color-green-200: #D4ECE4;
    --hr-color-green-300: #A9D9C9;
    --hr-color-green-400: #7EC6AE;
    --hr-color-green-500: #289F77;
    --hr-color-green-600: #287058;
    --hr-color-green-700: #295848;
    --hr-color-green-800: #294139;
    --hr-color-green-900: #293531;
    --hr-color-blue-100: #EAF3FD;
    --hr-color-blue-200: #D5E8FA;
    --hr-color-blue-300: #ABD0F6;
    --hr-color-blue-400: #80B9F1;
    --hr-color-blue-500: #2C8AE7;
    --hr-color-blue-600: #2B639B;
    --hr-color-blue-700: #2A5075;
    --hr-color-blue-800: #2A3C4F;
    --hr-color-blue-900: #29333C;
    --hr-color-orange-100: #FDF1EB;
    --hr-color-orange-200: #FBE3D8;
    --hr-color-orange-300: #F6C7B0;
    --hr-color-orange-400: #F2AC89;
    --hr-color-orange-500: #E9743A;
    --hr-color-orange-600: #9C5633;
    --hr-color-orange-700: #764730;
    --hr-color-orange-800: #4F382C;
    --hr-color-orange-900: #3C312B;
    --hr-color-purple-100: #F3EEFD;
    --hr-color-purple-200: #E8DEFB;
    --hr-color-purple-300: #D0BDF8;
    --hr-color-purple-400: #B99CF4;
    --hr-color-purple-500: #8B5AED;
    --hr-color-purple-600: #64469E;
    --hr-color-purple-700: #503C77;
    --hr-color-purple-800: #3D3350;
    --hr-color-purple-900: #332E3D;
}

.Theme_color_hrDark, .Theme_color_hrLight .Theme_palette_inverse, .Theme_color_hrDark .Theme_palette_inverse .Theme_palette_inverse {
    --hr-color-text-primary: var(--hr-color-white-900);
    --hr-color-text-secondary: var(--hr-color-white-600);
    --hr-color-text-tertiary: var(--hr-color-white-300);
    --hr-color-text-primary-inverse: var(--hr-color-black-1000);
    --hr-color-text-secondary-inverse: var(--hr-color-black-600);
    --hr-color-text-tertiary-inverse: var(--hr-color-black-300);
    --hr-color-control-primary: var(--hr-color-surface-light-100);
    --hr-color-control-secondary-contrast: var(--hr-color-white-100);
    --hr-color-control-secondary: var(--hr-color-white-50);
    --hr-color-control-primary-hover: var(--hr-color-black-100);
    --hr-color-control-secondary-hover: var(--hr-color-white-50);
    --hr-color-control-disabled: var(--hr-color-white-50);
    --hr-color-border-primary: var(--hr-color-surface-light-100);
    --hr-color-border-secondary-contrast: var(--hr-color-white-200);
    --hr-color-border-secondary: var(--hr-color-white-150);
    --hr-color-border-tertiary: var(--hr-color-white-100);
    --hr-color-surface-0: var(--hr-color-surface-dark-0);
    --hr-color-surface-100: var(--hr-color-surface-dark-100);
    --hr-color-surface-200: var(--hr-color-surface-dark-200);
    --hr-color-special-overlay: var(--hr-color-black-500);
    --hr-color-special-error: #F07575;
    --hr-color-special-link: #4899EA;
    --hr-color-special-link-visited: #9E75F0;
    --hr-color-special-shadow: transparent;
    --hr-color-spectre-red-100: var(--hr-color-red-900);
    --hr-color-spectre-red-200: var(--hr-color-red-800);
    --hr-color-spectre-red-300: var(--hr-color-red-700);
    --hr-color-spectre-red-400: var(--hr-color-red-600);
    --hr-color-spectre-red-500: var(--hr-color-red-500);
    --hr-color-spectre-red-900: var(--hr-color-red-400);
    --hr-color-spectre-green-100: var(--hr-color-green-900);
    --hr-color-spectre-green-200: var(--hr-color-green-800);
    --hr-color-spectre-green-300: var(--hr-color-green-700);
    --hr-color-spectre-green-400: var(--hr-color-green-600);
    --hr-color-spectre-green-500: var(--hr-color-green-500);
    --hr-color-spectre-green-900: var(--hr-color-green-400);
    --hr-color-spectre-blue-100: var(--hr-color-blue-900);
    --hr-color-spectre-blue-200: var(--hr-color-blue-800);
    --hr-color-spectre-blue-300: var(--hr-color-blue-700);
    --hr-color-spectre-blue-400: var(--hr-color-blue-600);
    --hr-color-spectre-blue-500: var(--hr-color-blue-500);
    --hr-color-spectre-blue-900: var(--hr-color-blue-400);
    --hr-color-spectre-orange-100: var(--hr-color-orange-900);
    --hr-color-spectre-orange-200: var(--hr-color-orange-800);
    --hr-color-spectre-orange-300: var(--hr-color-orange-700);
    --hr-color-spectre-orange-400: var(--hr-color-orange-600);
    --hr-color-spectre-orange-500: var(--hr-color-orange-500);
    --hr-color-spectre-orange-900: var(--hr-color-orange-400);
    --hr-color-spectre-purple-100: var(--hr-color-purple-900);
    --hr-color-spectre-purple-200: var(--hr-color-purple-800);
    --hr-color-spectre-purple-300: var(--hr-color-purple-700);
    --hr-color-spectre-purple-400: var(--hr-color-purple-600);
    --hr-color-spectre-purple-500: var(--hr-color-purple-500);
    --hr-color-spectre-purple-900: var(--hr-color-purple-400);
    --hr-color-scheme: dark;
}

.Theme_palette_static {
    --hr-color-text-primary: var(--hr-color-white-1000);
    --hr-color-text-secondary: var(--hr-color-white-800);
    --hr-color-text-tertiary: var(--hr-color-white-500);
    --hr-color-text-primary-inverse: var(--hr-color-black-900);
    --hr-color-text-secondary-inverse: var(--hr-color-black-600);
    --hr-color-text-tertiary-inverse: var(--hr-color-black-300);
    --hr-color-control-primary: var(--hr-color-white-1000);
    --hr-color-control-secondary-contrast: var(--hr-color-white-200);
    --hr-color-control-secondary: var(--hr-color-white-150);
    --hr-color-control-primary-hover: var(--hr-color-black-100);
    --hr-color-control-secondary-hover: var(--hr-color-white-200);
    --hr-color-control-disabled: var(--hr-color-white-150);
    --hr-color-border-primary: var(--hr-color-white-1000);
    --hr-color-border-secondary-contrast: var(--hr-color-white-300);
    --hr-color-border-secondary: var(--hr-color-white-250);
    --hr-color-border-tertiary: var(--hr-color-white-200);
    --hr-color-special-overlay: var(--hr-color-black-500);
    --hr-color-special-error: var(--hr-color-white-1000);
    --hr-color-special-link: var(--hr-color-white-1000);
    --hr-color-special-shadow: var(--hr-color-black-0);
}

.Theme {
    --hr-typography-font-family-default: YS Text, Helvetica Neue, Helvetica, Arial, sans-serif;
    --hr-typography-font-feature-settings-default: "pnum" on, "lnum" on;
    --hr-typography-font-size-2-xs: 11px;
    --hr-typography-font-size-xs: 12px;
    --hr-typography-font-size-s: 14px;
    --hr-typography-font-size-m: 16px;
    --hr-typography-font-size-l: 18px;
    --hr-typography-font-size-xl: 20px;
    --hr-typography-font-size-2-xl: 24px;
    --hr-typography-font-size-3-xl: 28px;
    --hr-typography-font-size-4-xl: 32px;
    --hr-typography-font-size-5-xl: 48px;
    --hr-typography-font-size-6-xl: 64px;
    --hr-typography-font-weight-normal: 400;
    --hr-typography-font-weight-regular: 400;
    --hr-typography-font-weight-medium: 500;
    --hr-typography-font-weight-fat: 900;
    --hr-typography-line-height-2-xs: 12px;
    --hr-typography-line-height-xs: 16px;
    --hr-typography-line-height-s: 20px;
    --hr-typography-line-height-m: 24px;
    --hr-typography-line-height-l: 28px;
    --hr-typography-line-height-xl: 32px;
    --hr-typography-line-height-2-xl: 40px;
    --hr-typography-line-height-3-xl: 56px;
    --hr-typography-line-height-4-xl: 72px;
    --hr-typography-font-display-s-font-family: YS Text, Helvetica Neue, Helvetica, Arial, sans-serif;
    --hr-typography-font-display-s-font-size: 32px;
    --hr-typography-font-display-s-font-weight: 500;
    --hr-typography-font-display-s-line-height: 40px;
    --hr-typography-font-display-s-all-params: 500 32px/40px YS Text, Helvetica Neue, Helvetica, Arial, sans-serif;
    --hr-typography-font-display-s-font-feature-settings: "pnum" on, "lnum" on;
    --hr-typography-font-display-m-font-family: YS Text, Helvetica Neue, Helvetica, Arial, sans-serif;
    --hr-typography-font-display-m-font-size: 48px;
    --hr-typography-font-display-m-font-weight: 500;
    --hr-typography-font-display-m-line-height: 56px;
    --hr-typography-font-display-m-all-params: 500 48px/56px YS Text, Helvetica Neue, Helvetica, Arial, sans-serif;
    --hr-typography-font-display-m-font-feature-settings: "pnum" on, "lnum" on;
    --hr-typography-font-display-l-font-family: YS Text, Helvetica Neue, Helvetica, Arial, sans-serif;
    --hr-typography-font-display-l-font-size: 64px;
    --hr-typography-font-display-l-font-weight: 500;
    --hr-typography-font-display-l-line-height: 72px;
    --hr-typography-font-display-l-all-params: 500 64px/72px YS Text, Helvetica Neue, Helvetica, Arial, sans-serif;
    --hr-typography-font-display-l-font-feature-settings: "pnum" on, "lnum" on;
    --hr-typography-font-title-s-font-family: YS Text, Helvetica Neue, Helvetica, Arial, sans-serif;
    --hr-typography-font-title-s-font-size: 20px;
    --hr-typography-font-title-s-font-weight: 500;
    --hr-typography-font-title-s-line-height: 24px;
    --hr-typography-font-title-s-all-params: 500 20px/24px YS Text, Helvetica Neue, Helvetica, Arial, sans-serif;
    --hr-typography-font-title-s-font-feature-settings: "pnum" on, "lnum" on;
    --hr-typography-font-title-m-font-family: YS Text, Helvetica Neue, Helvetica, Arial, sans-serif;
    --hr-typography-font-title-m-font-size: 24px;
    --hr-typography-font-title-m-font-weight: 500;
    --hr-typography-font-title-m-line-height: 28px;
    --hr-typography-font-title-m-all-params: 500 24px/28px YS Text, Helvetica Neue, Helvetica, Arial, sans-serif;
    --hr-typography-font-title-m-font-feature-settings: "pnum" on, "lnum" on;
    --hr-typography-font-title-l-font-family: YS Text, Helvetica Neue, Helvetica, Arial, sans-serif;
    --hr-typography-font-title-l-font-size: 28px;
    --hr-typography-font-title-l-font-weight: 500;
    --hr-typography-font-title-l-line-height: 32px;
    --hr-typography-font-title-l-all-params: 500 28px/32px YS Text, Helvetica Neue, Helvetica, Arial, sans-serif;
    --hr-typography-font-title-l-font-feature-settings: "pnum" on, "lnum" on;
    --hr-typography-font-body-s-font-family: YS Text, Helvetica Neue, Helvetica, Arial, sans-serif;
    --hr-typography-font-body-s-font-size: 14px;
    --hr-typography-font-body-s-font-weight: 400;
    --hr-typography-font-body-s-line-height: 20px;
    --hr-typography-font-body-s-all-params: 400 14px/20px YS Text, Helvetica Neue, Helvetica, Arial, sans-serif;
    --hr-typography-font-body-s-font-feature-settings: "pnum" on, "lnum" on;
    --hr-typography-font-body-m-font-family: YS Text, Helvetica Neue, Helvetica, Arial, sans-serif;
    --hr-typography-font-body-m-font-size: 16px;
    --hr-typography-font-body-m-font-weight: 400;
    --hr-typography-font-body-m-line-height: 24px;
    --hr-typography-font-body-m-all-params: 400 16px/24px YS Text, Helvetica Neue, Helvetica, Arial, sans-serif;
    --hr-typography-font-body-m-font-feature-settings: "pnum" on, "lnum" on;
    --hr-typography-font-body-l-font-family: YS Text, Helvetica Neue, Helvetica, Arial, sans-serif;
    --hr-typography-font-body-l-font-size: 18px;
    --hr-typography-font-body-l-font-weight: 400;
    --hr-typography-font-body-l-line-height: 28px;
    --hr-typography-font-body-l-all-params: 400 18px/28px YS Text, Helvetica Neue, Helvetica, Arial, sans-serif;
    --hr-typography-font-body-l-font-feature-settings: "pnum" on, "lnum" on;
    --hr-typography-font-caption-s-font-family: YS Text, Helvetica Neue, Helvetica, Arial, sans-serif;
    --hr-typography-font-caption-s-font-size: 11px;
    --hr-typography-font-caption-s-font-weight: 400;
    --hr-typography-font-caption-s-line-height: 12px;
    --hr-typography-font-caption-s-all-params: 400 11px/12px YS Text, Helvetica Neue, Helvetica, Arial, sans-serif;
    --hr-typography-font-caption-s-font-feature-settings: "pnum" on, "lnum" on;
    --hr-typography-font-caption-m-font-family: YS Text, Helvetica Neue, Helvetica, Arial, sans-serif;
    --hr-typography-font-caption-m-font-size: 12px;
    --hr-typography-font-caption-m-font-weight: 400;
    --hr-typography-font-caption-m-line-height: 16px;
    --hr-typography-font-caption-m-all-params: 400 12px/16px YS Text, Helvetica Neue, Helvetica, Arial, sans-serif;
    --hr-typography-font-caption-m-font-feature-settings: "pnum" on, "lnum" on;
    --hr-typography-font-label-s-font-family: YS Text, Helvetica Neue, Helvetica, Arial, sans-serif;
    --hr-typography-font-label-s-font-size: 14px;
    --hr-typography-font-label-s-font-weight: 500;
    --hr-typography-font-label-s-line-height: 16px;
    --hr-typography-font-label-s-all-params: 400 14px/16px YS Text, Helvetica Neue, Helvetica, Arial, sans-serif;
    --hr-typography-font-label-s-font-feature-settings: "pnum" on, "lnum" on;
    --hr-typography-font-label-m-font-family: YS Text, Helvetica Neue, Helvetica, Arial, sans-serif;
    --hr-typography-font-label-m-font-size: 16px;
    --hr-typography-font-label-m-font-weight: 500;
    --hr-typography-font-label-m-line-height: 20px;
    --hr-typography-font-label-m-all-params: 500 16px/20px YS Text, Helvetica Neue, Helvetica, Arial, sans-serif;
    --hr-typography-font-label-m-font-feature-settings: "pnum" on, "lnum" on;
    --hr-typography-font-label-l-font-family: YS Text, Helvetica Neue, Helvetica, Arial, sans-serif;
    --hr-typography-font-label-l-font-size: 18px;
    --hr-typography-font-label-l-font-weight: 500;
    --hr-typography-font-label-l-line-height: 24px;
    --hr-typography-font-label-l-all-params: 500 16px/20px YS Text, Helvetica Neue, Helvetica, Arial, sans-serif;
    --hr-typography-font-label-l-font-feature-settings: "pnum" on, "lnum" on;
}

.Theme {
    --hr-size-control-base: 8px;
    --hr-size-control-2-xs: calc(var(--hr-size-control-base)*2);
    --hr-size-control-xs-compact: calc(var(--hr-size-control-base)*2.5);
    --hr-size-control-xs: calc(var(--hr-size-control-base)*3);
    --hr-size-control-s: calc(var(--hr-size-control-base)*4);
    --hr-size-control-m: calc(var(--hr-size-control-base)*5);
    --hr-size-control-l: calc(var(--hr-size-control-base)*6);
    --hr-size-control-xl: calc(var(--hr-size-control-base)*7);
    --hr-size-control-2-xl: calc(var(--hr-size-control-base)*8);
    --hr-size-icon-base: 8px;
    --hr-size-icon-2-xs: var(--hr-size-icon-base);
    --hr-size-icon-xs: calc(var(--hr-size-icon-base)*1.5);
    --hr-size-icon-s: calc(var(--hr-size-icon-base)*2);
    --hr-size-icon-m: calc(var(--hr-size-icon-base)*2.5);
    --hr-size-icon-l: calc(var(--hr-size-icon-base)*3);
    --hr-size-icon-xl: calc(var(--hr-size-icon-base)*3.5);
    --hr-size-icon-2-xl: calc(var(--hr-size-icon-base)*4);
    --hr-space-base: 8px;
    --hr-space-2-xs-compact: calc(var(--hr-space-base)*0.25);
    --hr-space-2-xs: calc(var(--hr-space-base)*0.5);
    --hr-space-xs-compact: calc(var(--hr-space-base)*0.75);
    --hr-space-xs: calc(var(--hr-space-base)*1);
    --hr-space-s-compact: calc(var(--hr-space-base)*1.25);
    --hr-space-s: calc(var(--hr-space-base)*1.5);
    --hr-space-m-compact: calc(var(--hr-space-base)*1.75);
    --hr-space-m: calc(var(--hr-space-base)*2);
    --hr-space-l: calc(var(--hr-space-base)*2.5);
    --hr-space-xl: calc(var(--hr-space-base)*3);
    --hr-space-2-xl: calc(var(--hr-space-base)*4);
    --hr-space-3-xl: calc(var(--hr-space-base)*5);
    --hr-space-4-xl: calc(var(--hr-space-base)*6);
    --hr-border-radius-base: 8px;
    --hr-border-radius-2-xs: calc(var(--hr-border-radius-base)*0.5);
    --hr-border-radius-xs-compact: calc(var(--hr-border-radius-base)*0.75);
    --hr-border-radius-xs: calc(var(--hr-border-radius-base)*1);
    --hr-border-radius-s-compact: calc(var(--hr-border-radius-base)*1.25);
    --hr-border-radius-s: calc(var(--hr-border-radius-base)*1.5);
    --hr-border-radius-m-compact: calc(var(--hr-border-radius-base)*1.75);
    --hr-border-radius-m: calc(var(--hr-border-radius-base)*2);
    --hr-border-radius-l: calc(var(--hr-border-radius-base)*2.5);
    --hr-border-radius-xl: calc(var(--hr-border-radius-base)*3);
    --hr-border-radius-2-xl: calc(var(--hr-border-radius-base)*4);
    --hr-border-radius-round: 100px;
    --hr-border-width-s: 1px;
    --hr-border-width-m: 2px;
    --hr-border-width-l: 4px;
    --hr-effects-shadow: 0 0 2px 0 var(--hr-color-special-shadow), 0 4px 12px 0 var(--hr-color-special-shadow);
    --hr-effects-shadow-outline-secondary: 0 0 0 var(--hr-border-width-l) var(--hr-color-control-secondary);
    --hr-effects-shadow-outline-error: 0 0 0 var(--hr-border-width-l) var(--hr-color-spectre-red-100);
    --hr-effects-blur: blur(8px);
    --hr-effects-opacity-disabled: 0.5;
}

.Theme_controls_inline {
    --hr-control-size: var(--hr-size-control-xs);
    --hr-control-space-text: var(--hr-space-2-xs-compact);
    --hr-control-space-input: var(--hr-space-2-xs);
    --hr-control-space-action: var(--hr-space-xs);
    --hr-control-space-slot: var(--hr-space-2-xs-compact);
    --hr-control-space-icon: var(--hr-space-2-xs);
    --hr-control-border-radius: var(--hr-border-radius-xs);
    --hr-control-font-size: var(--hr-typography-font-body-s-font-size);
    --hr-control-icon-size: var(--hr-size-icon-s);
}

.Theme_controls_size_s {
    --hr-control-size: var(--hr-size-control-s);
    --hr-control-space-text: var(--hr-space-xs-compact);
    --hr-control-space-input: var(--hr-space-xs);
    --hr-control-space-action: var(--hr-space-s);
    --hr-control-space-slot: var(--hr-space-2-xs);
    --hr-control-space-icon: var(--hr-space-xs);
    --hr-control-border-radius: var(--hr-border-radius-s-compact);
    --hr-control-font-size: var(--hr-typography-font-body-s-font-size);
    --hr-control-icon-size: var(--hr-size-icon-s);
}

.Theme_controls_size_m {
    --hr-control-size: var(--hr-size-control-m);
    --hr-control-space-text: var(--hr-space-s-compact);
    --hr-control-space-input: var(--hr-space-s);
    --hr-control-space-action: var(--hr-space-m);
    --hr-control-space-slot: var(--hr-space-xs);
    --hr-control-space-icon: var(--hr-space-s);
    --hr-control-border-radius: var(--hr-border-radius-s);
    --hr-control-font-size: var(--hr-typography-font-body-s-font-size);
    --hr-control-icon-size: var(--hr-size-icon-s);
}

.Theme_controls_size_l {
    --hr-control-size: var(--hr-size-control-l);
    --hr-control-space-text: var(--hr-space-m-compact);
    --hr-control-space-input: var(--hr-space-m);
    --hr-control-space-action: var(--hr-space-l);
    --hr-control-space-slot: var(--hr-space-s);
    --hr-control-space-icon: var(--hr-space-m-compact);
    --hr-control-border-radius: var(--hr-border-radius-m-compact);
    --hr-control-font-size: var(--hr-typography-font-body-m-font-size);
    --hr-control-icon-size: var(--hr-size-icon-m);
}

.Theme {
    --hr-control-space-slot-xs-compact: var(--hr-space-2-xs-compact);
    --hr-control-space-slot-xs: var(--hr-space-2-xs);
    --hr-control-space-slot-s: var(--hr-space-xs);
    --hr-control-space-slot-m: var(--hr-space-s);
    --hr-control-space-slot-l: var(--hr-space-m);

    --hr-control-space-slot-compact-xs-compact: 0;
    --hr-control-space-slot-compact-xs: var(--hr-space-2-xs-compact);
    --hr-control-space-slot-compact-s: var(--hr-space-2-xs);
    --hr-control-space-slot-compact-m: var(--hr-space-xs);
    --hr-control-space-slot-compact-l: var(--hr-space-s);
}

.Theme {
    color-scheme: var(--hr-color-scheme);
    font-feature-settings: var(--hr-typography-font-feature-settings-default);
}

/* stylelint-disable font-weight-notation, value-list-comma-space-after */

@font-face {
    font-family: 'YS Text';
    src:
        url('https://yastatic.net/s3/hr-ds/static/fonts/ys/261022/text-light.woff2')
        format('woff2'),
        url('https://yastatic.net/s3/hr-ds/static/fonts/ys/261022/text-light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
}

@font-face {
    font-family: 'YS Text';
    src:
        url('https://yastatic.net/s3/hr-ds/static/fonts/ys/261022/text-light-italic.woff2')
        format('woff2'),
        url('https://yastatic.net/s3/hr-ds/static/fonts/ys/261022/text-light-italic.woff')
        format('woff');
    font-weight: 300;
    font-style: italic;
    font-stretch: normal;
}

@font-face {
    font-family: 'YS Text';
    src:
        url('https://yastatic.net/s3/hr-ds/static/fonts/ys/261022/text-regular.woff2')
        format('woff2'),
        url('https://yastatic.net/s3/hr-ds/static/fonts/ys/261022/text-regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
}

@font-face {
    font-family: 'YS Text';
    src:
        url('https://yastatic.net/s3/hr-ds/static/fonts/ys/261022/text-regular-italic.woff2')
        format('woff2'),
        url('https://yastatic.net/s3/hr-ds/static/fonts/ys/261022/text-regular-italic.woff')
        format('woff');
    font-weight: 400;
    font-style: italic;
    font-stretch: normal;
}

@font-face {
    font-family: 'YS Text';
    src:
        url('https://yastatic.net/s3/hr-ds/static/fonts/ys/261022/text-medium.woff2')
        format('woff2'),
        url('https://yastatic.net/s3/hr-ds/static/fonts/ys/261022/text-medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
}

@font-face {
    font-family: 'YS Text';
    src:
        url('https://yastatic.net/s3/hr-ds/static/fonts/ys/261022/text-medium-italic.woff2')
        format('woff2'),
        url('https://yastatic.net/s3/hr-ds/static/fonts/ys/261022/text-medium-italic.woff')
        format('woff');
    font-weight: 500;
    font-style: italic;
    font-stretch: normal;
}

@font-face {
    font-family: 'YS Text';
    src:
        url('https://yastatic.net/s3/hr-ds/static/fonts/ys/261022/text-bold.woff2') format('woff2'),
        url('https://yastatic.net/s3/hr-ds/static/fonts/ys/261022/text-bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
}

@font-face {
    font-family: 'YS Text';
    src:
        url('https://yastatic.net/s3/hr-ds/static/fonts/ys/261022/text-bold-italic.woff2')
        format('woff2'),
        url('https://yastatic.net/s3/hr-ds/static/fonts/ys/261022/text-bold-italic.woff')
        format('woff');
    font-weight: 700;
    font-style: italic;
    font-stretch: normal;
}

@font-face {
    font-family: 'YS Text';
    src:
        url('https://yastatic.net/s3/hr-ds/static/fonts/ys/261022/text-heavy.woff2')
        format('woff2'),
        url('https://yastatic.net/s3/hr-ds/static/fonts/ys/261022/text-heavy.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
}

@font-face {
    font-family: 'YS Text';
    src:
        url('https://yastatic.net/s3/hr-ds/static/fonts/ys/261022/text-heavy-italic.woff2')
        format('woff2'),
        url('https://yastatic.net/s3/hr-ds/static/fonts/ys/261022/text-heavy-italic.woff')
        format('woff');
    font-weight: 900;
    font-style: italic;
    font-stretch: normal;
}

@font-face {
    font-family: 'YS Text';
    src:
        url('https://yastatic.net/s3/hr-ds/static/fonts/ys/261022/text-black.woff2')
        format('woff2'),
        url('https://yastatic.net/s3/hr-ds/static/fonts/ys/261022/text-black.woff') format('woff');
    font-weight: 1000;
    font-style: normal;
    font-stretch: normal;
}

@font-face {
    font-family: 'YS Text';
    src:
        url('https://yastatic.net/s3/hr-ds/static/fonts/ys/261022/text-black-italic.woff2')
        format('woff2'),
        url('https://yastatic.net/s3/hr-ds/static/fonts/ys/261022/text-black-italic.woff')
        format('woff');
    font-weight: 1000;
    font-style: italic;
    font-stretch: normal;
}

.Theme_color_hrLight, .Theme_color_hrDark .Theme_palette_inverse, .Theme_color_hrLight .Theme_palette_inverse .Theme_palette_inverse, .Theme_color_hrLight .Theme_palette_static .Theme_palette_inverse {
    --hr-color-text-primary: var(--hr-color-black-900);
    --hr-color-text-secondary: var(--hr-color-black-600);
    --hr-color-text-tertiary: var(--hr-color-black-300);
    --hr-color-text-primary-inverse: var(--hr-color-white-1000);
    --hr-color-text-secondary-inverse: var(--hr-color-white-600);
    --hr-color-text-tertiary-inverse: var(--hr-color-white-300);
    --hr-color-control-primary: var(--hr-color-surface-dark-100);
    --hr-color-control-secondary-contrast: var(--hr-color-black-100);
    --hr-color-control-secondary: var(--hr-color-black-50);
    --hr-color-control-primary-hover: var(--hr-color-white-100);
    --hr-color-control-secondary-hover: var(--hr-color-black-50);
    --hr-color-control-disabled: var(--hr-color-black-50);
    --hr-color-border-primary: var(--hr-color-surface-dark-100);
    --hr-color-border-secondary-contrast: var(--hr-color-black-200);
    --hr-color-border-secondary: var(--hr-color-black-150);
    --hr-color-border-tertiary: var(--hr-color-black-100);
    --hr-color-surface-0: var(--hr-color-surface-light-0);
    --hr-color-surface-100: var(--hr-color-surface-light-100);
    --hr-color-surface-200: var(--hr-color-surface-light-200);
    --hr-color-special-overlay: var(--hr-color-black-500);
    --hr-color-special-error: #EB4747;
    --hr-color-special-link: #1980E6;
    --hr-color-special-link-visited: #7E47EB;
    --hr-color-special-shadow: var(--hr-color-black-100);
    --hr-color-spectre-red-100: var(--hr-color-red-100);
    --hr-color-spectre-red-200: var(--hr-color-red-200);
    --hr-color-spectre-red-300: var(--hr-color-red-300);
    --hr-color-spectre-red-400: var(--hr-color-red-400);
    --hr-color-spectre-red-500: var(--hr-color-red-500);
    --hr-color-spectre-red-900: var(--hr-color-red-600);
    --hr-color-spectre-green-100: var(--hr-color-green-100);
    --hr-color-spectre-green-200: var(--hr-color-green-200);
    --hr-color-spectre-green-300: var(--hr-color-green-300);
    --hr-color-spectre-green-400: var(--hr-color-green-400);
    --hr-color-spectre-green-500: var(--hr-color-green-500);
    --hr-color-spectre-green-900: var(--hr-color-green-600);
    --hr-color-spectre-blue-100: var(--hr-color-blue-100);
    --hr-color-spectre-blue-200: var(--hr-color-blue-200);
    --hr-color-spectre-blue-300: var(--hr-color-blue-300);
    --hr-color-spectre-blue-400: var(--hr-color-blue-400);
    --hr-color-spectre-blue-500: var(--hr-color-blue-500);
    --hr-color-spectre-blue-900: var(--hr-color-blue-600);
    --hr-color-spectre-orange-100: var(--hr-color-orange-100);
    --hr-color-spectre-orange-200: var(--hr-color-orange-200);
    --hr-color-spectre-orange-300: var(--hr-color-orange-300);
    --hr-color-spectre-orange-400: var(--hr-color-orange-400);
    --hr-color-spectre-orange-500: var(--hr-color-orange-500);
    --hr-color-spectre-orange-900: var(--hr-color-orange-600);
    --hr-color-spectre-purple-100: var(--hr-color-purple-100);
    --hr-color-spectre-purple-200: var(--hr-color-purple-200);
    --hr-color-spectre-purple-300: var(--hr-color-purple-300);
    --hr-color-spectre-purple-400: var(--hr-color-purple-400);
    --hr-color-spectre-purple-500: var(--hr-color-purple-500);
    --hr-color-spectre-purple-900: var(--hr-color-purple-600);
    --hr-color-scheme: light;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Slot-Wrapper {
    --hr-internal-slot-space: var(--hr-control-space-input);

    position: relative;

    display: flex;
    overflow: hidden;
    flex-shrink: 0;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Slot-Wrapper_type_action {
    --hr-internal-slot-space: var(--hr-control-space-action);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Slot-Wrapper_type_icon {
    --hr-internal-slot-space: var(--hr-control-space-icon);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Slot-Wrapper:empty {
    flex-shrink: 0;

    width: var(--hr-internal-slot-space);
}

.Slot-Wrapper .Theme_controls_inline {
    --hr-control-border-radius: var(--hr-border-radius-xs-compact);
}

.Slot-Wrapper .Theme_controls_size_s {
    --hr-control-border-radius: var(--hr-border-radius-xs);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Slot {
    --hr-internal-slot-gap: var(--hr-control-space-slot);
    --hr-internal-slot-padding-horizontal: var(--hr-control-space-slot);
    --hr-internal-slot-padding-vertical: var(--hr-control-space-slot);

    position: relative;

    display: inline-flex;
    align-items: center;

    box-sizing: border-box;
    max-width: 100%;
    height: -moz-max-content;
    height: max-content;
    min-height: var(--hr-control-size);
    padding: var(--hr-internal-slot-padding-vertical) var(--hr-internal-slot-padding-horizontal);

    color: var(--hr-color-text-secondary);
    gap: var(--hr-internal-slot-gap);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Slot_isDisabled {
    pointer-events: none;

    opacity: var(--hr-effects-opacity-disabled);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Slot_gap_m {
    --hr-internal-slot-gap: var(--hr-internal-slot-space);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Slot_padding_m {
    --hr-internal-slot-padding-horizontal: var(--hr-internal-slot-space);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Slot_hasInlineDivider {
    gap: calc(var(--hr-internal-slot-gap) * 2 + var(--hr-border-width-s));
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Slot-Item {
    position: relative;

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

    min-width: var(--hr-size-control-xs);
}

.Theme_controls_inline .Slot-Item {
    min-width: calc(var(--hr-size-control-xs) - 4px);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Slot-Item:empty {
    display: none;
}

/* Разделители */

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Slot-Item::before,
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Slot-Item::after,
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Slot_hasDivider::after {
    position: absolute;
    top: calc(50% - (var(--hr-size-control-2-xs) / 2));

    width: var(--hr-border-width-s);
    height: var(--hr-size-control-2-xs);

    background-color: var(--hr-color-border-secondary);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Slot_hasInlineDivider .Slot-Item:not(:last-child)::after {
    right: calc(-1 * var(--hr-internal-slot-gap) - var(--hr-border-width-s));

    content: '';
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Slot-Wrapper_place_left .Slot_hasDivider {
    /* stylelint-disable-next-line max-line-length */
    padding-right: calc(var(--hr-internal-slot-padding-horizontal) + var(--hr-internal-slot-gap) + var(--hr-border-width-s));
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Slot-Wrapper_place_right .Slot_hasDivider {
    /* stylelint-disable-next-line max-line-length */
    padding-left: calc(var(--hr-internal-slot-padding-horizontal) + var(--hr-internal-slot-gap) + var(--hr-border-width-s));
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Slot-Wrapper_place_left .Slot_hasDivider::after {
    right: var(--hr-internal-slot-padding-horizontal);

    content: '';
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Slot-Wrapper_place_right .Slot_hasDivider::after {
    left: var(--hr-internal-slot-padding-horizontal);

    content: '';
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Slot-Wrapper_place_left .Slot-Item:last-child .Slot-ExtraSpaceAddon {
    margin-right: var(--hr-space-2-xs);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Slot-Wrapper_place_right .Slot-Item:first-child .Slot-ExtraSpaceAddon {
    margin-left: var(--hr-space-2-xs);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Icon {
    display: inline-block;

    color: var(--hr-icon-color);
    background-repeat: no-repeat;
    background-position: 50%;
}

/**
* Для правильного позиционирования относительно baseline.
* Плюс высота блока начинает определяться по унаследованному line-height.
*/
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Icon::after {
    visibility: hidden;

    content: '\00A0';
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Icon_hasGlyph,
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Icon_hasGlyph_noFill {
    position: relative;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Icon_hasGlyph svg,
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Icon_hasGlyph_noFill svg {
    position: absolute;
    top: 50%;
    left: 50%;

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

/* deprecated iconProvider формат */
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Icon_oldFormat svg {
    width: var(--hr-size-icon-s);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Icon_sizeManagement_self.Icon_size_2xs {
    width: var(--hr-size-icon-2-xs);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Icon_sizeManagement_self.Icon_size_xs {
    width: var(--hr-size-icon-xs);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Icon_sizeManagement_self.Icon_size_s {
    width: var(--hr-size-icon-s);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Icon_sizeManagement_self.Icon_size_m {
    width: var(--hr-size-icon-m);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Icon_sizeManagement_self.Icon_size_l {
    width: var(--hr-size-icon-l);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Icon_sizeManagement_self.Icon_size_xl {
    width: var(--hr-size-icon-xl);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Icon_sizeManagement_self.Icon_size_2xl {
    width: var(--hr-size-icon-2-xl);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Icon_newFormat.Icon_size_2xs svg {
    width: var(--hr-size-icon-2-xs);
    height: var(--hr-size-icon-2-xs);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Icon_newFormat.Icon_size_xs svg {
    width: var(--hr-size-icon-xs);
    height: var(--hr-size-icon-xs);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Icon_newFormat.Icon_size_s svg {
    width: var(--hr-size-icon-s);
    height: var(--hr-size-icon-s);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Icon_newFormat.Icon_size_m svg {
    width: var(--hr-size-icon-m);
    height: var(--hr-size-icon-m);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Icon_newFormat.Icon_size_l svg {
    width: var(--hr-size-icon-l);
    height: var(--hr-size-icon-l);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Icon_newFormat.Icon_size_xl svg {
    width: var(--hr-size-icon-xl);
    height: var(--hr-size-icon-xl);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Icon_newFormat.Icon_size_2xl svg {
    width: var(--hr-size-icon-2-xl);
    height: var(--hr-size-icon-2-xl);
}

/* deprecated iconProvider формат */
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Icon_sizeManagement_self.Icon_oldFormat.Icon_size_xs,
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Icon_oldFormat.Icon_size_xs svg {
    width: 10px;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Icon_sizeManagement_self.Icon_oldFormat.Icon_size_s,
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Icon_oldFormat.Icon_size_s svg {
    width: var(--hr-size-icon-xs);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Icon_sizeManagement_self.Icon_oldFormat.Icon_size_m,
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Icon_oldFormat.Icon_size_m svg {
    width: var(--hr-size-icon-s);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Icon_sizeManagement_self.Icon_oldFormat.Icon_size_l,
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Icon_oldFormat.Icon_size_l svg {
    width: var(--hr-size-icon-l);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Popup2_hideOffscreen[data-popper-hidden] {
    visibility: hidden !important;

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

    pointer-events: none !important;
}

/* TODO: Усиливаем селектор для ie11 (оторвать после https://st.yandex-team.ru/ISL-7989) */
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Popup2.Popup2_nonvisual[class] {
    border: 0;
    background: none;
    box-shadow: none;
}

/* TODO: Усиливаем селектор для ie11 (оторвать после https://st.yandex-team.ru/ISL-7989) */
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Popup2.Popup2_nonvisual[class]::before {
    content: none;

    box-shadow: none;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Popup2.Popup2_nonvisual .Popup2-TailFill {
    fill: none;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Popup2.Popup2_nonvisual .Popup2-TailBorder {
    fill: none;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Popup2-Tail {
    width: 24px;
    height: 24px;

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

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Popup2-TailSvg {
    display: block;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Popup2[data-popper-placement^='top'] .Popup2-Tail {
    top: 100%;

    transform: rotate(180deg);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Popup2[data-popper-placement^='left'] .Popup2-Tail {
    left: 100%;

    transform: rotate(90deg);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Popup2[data-popper-placement^='bottom'] .Popup2-Tail {
    bottom: 100%;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Popup2[data-popper-placement^='right'] .Popup2-Tail {
    right: 100%;

    transform: rotate(-90deg);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Popup2 {
    position: absolute;
    z-index: 1400;

    visibility: hidden;

    box-sizing: border-box;
    margin: -9999px 0 0 -9999px;

    color: var(--hr-color-text-primary);
    border-radius: var(--hr-border-radius-m);
    background-color: var(--hr-color-surface-200);
    box-shadow: var(--hr-effects-shadow);

    animation-duration: 0.1s;
    animation-timing-function: ease-out;

    animation-fill-mode: forwards;
}

/* common */
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Popup2::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    content: '';

    border-radius: inherit;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Popup2_visible::before {
    /* NOTE: ISL-5672 */
    z-index: -1;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Popup2_visible {
    visibility: visible;

    margin: 0;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Popup2-TailFill {
    fill: var(--hr-color-surface-200);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Popup2-TailBorder {
    fill: rgba(0, 0, 0, 0.05);
}

/**
 * Необходимо, чтобы сохранить скругленные края попапа,
 * даже если у вложенного элемента скругления не будет.
 */
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Popup2 > :first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Popup2 > :last-child {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Popup2[data-popper-placement^='bottom'] {
    animation-name: popup2_bottom;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Popup2[data-popper-placement^='bottom'].Popup2_visible {
    animation-name: popup2_bottom_visible;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Popup2[data-popper-placement^='top'] {
    animation-name: popup2_top;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Popup2[data-popper-placement^='top'].Popup2_visible {
    animation-name: popup2_top_visible;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Popup2[data-popper-placement^='right'] {
    animation-name: popup2_right;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Popup2[data-popper-placement^='right'].Popup2_visible {
    animation-name: popup2_right_visible;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Popup2[data-popper-placement^='left'] {
    animation-name: popup2_left;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Popup2[data-popper-placement^='left'].Popup2_visible {
    animation-name: popup2_left_visible;
}

@keyframes popup2_bottom {
    0% {
        visibility: visible;

        margin: 0;

        opacity: 1;

        transform: translateY(0);
    }

    99% {
        margin: 0;

        transform: translateY(10px);
    }

    100% {
        visibility: hidden;

        margin: -9999px 0 0 -9999px;

        opacity: 0;
    }
}

@keyframes popup2_bottom_visible {
    0% {
        opacity: 0;

        transform: translateY(10px);
    }

    100% {
        opacity: 1;

        transform: translateY(0);
    }
}

@keyframes popup2_top {
    0% {
        visibility: visible;

        margin: 0;

        opacity: 1;

        transform: translateY(0);
    }

    99% {
        margin: 0;

        transform: translateY(-10px);
    }

    100% {
        visibility: hidden;

        margin: -9999px 0 0 -9999px;

        opacity: 0;
    }
}

@keyframes popup2_top_visible {
    0% {
        opacity: 0;

        transform: translateY(-10px);
    }

    100% {
        opacity: 1;

        transform: translateY(0);
    }
}

@keyframes popup2_right {
    0% {
        visibility: visible;

        margin: 0;

        opacity: 1;

        transform: translateX(0);
    }

    99% {
        margin: 0;

        transform: translateX(10px);
    }

    100% {
        visibility: hidden;

        margin: -9999px 0 0 -9999px;

        opacity: 0;
    }
}

@keyframes popup2_right_visible {
    0% {
        opacity: 0;

        transform: translateX(10px);
    }

    100% {
        opacity: 1;

        transform: translateX(0);
    }
}

@keyframes popup2_left {
    0% {
        visibility: visible;

        margin: 0;

        opacity: 1;

        transform: translateX(0);
    }

    99% {
        margin: 0;

        transform: translateX(-10px);
    }

    100% {
        visibility: hidden;

        margin: -9999px 0 0 -9999px;

        opacity: 0;
    }
}

@keyframes popup2_left_visible {
    0% {
        opacity: 0;

        transform: translateX(-10px);
    }

    100% {
        opacity: 1;

        transform: translateX(0);
    }
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Popup2-Slot {
    display: flex;
    flex-wrap: wrap;
    align-items: center;

    box-sizing: border-box;
    padding: var(--hr-space-2-xs);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Popup2-Slot_place_top {
    border-bottom: var(--hr-border-width-s) solid var(--hr-color-border-tertiary);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Popup2-Slot_place_bottom {
    border-top: var(--hr-border-width-s) solid var(--hr-color-border-tertiary);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Popup2-Slot_type_actions {
    padding: var(--hr-space-xs);
    gap: var(--hr-space-xs);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Popup2-Slot_type_text {
    padding: var(--hr-space-m-compact) var(--hr-space-m);

    font-size: var(--hr-typography-font-size-s);
    line-height: var(--hr-typography-line-height-s);

    color: var(--hr-color-text-secondary);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Tooltip_size_l .Tooltip-Content {
    padding: 12px 16px;

    font-size: var(--hr-typography-font-body-s-font-size);
    line-height: var(--hr-typography-font-body-s-line-height);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Tooltip_size_l .Popup2-Tail {
    width: 16px;
    height: 16px;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Tooltip_size_s .Tooltip-Content {
    padding: 8px 12px;

    font-size: var(--hr-typography-font-label-s-font-size);
    line-height: var(--hr-typography-font-label-s-line-height);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Tooltip_size_s .Popup2-Tail {
    width: 12px;
    height: 12px;
}

/*
1 - Фикс для отображения в webkit, подробности в задаче — ISL-5672.
Если установить отрицательный z-index только при открытом тултипе, то появляется баг ISL-10179.
TODO: можно избавиться от отрицательного z-index, если расположить Backdrop выше контента в DOM.
*/
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Tooltip-Backdrop {
    position: absolute;
    /* 1 */
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Tooltip-Backdrop::before {
    display: block;

    width: 100%;
    height: 100%;

    content: '';
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Tooltip_size_m .Tooltip-Content {
    padding: 12px 16px;

    font-size: var(--hr-typography-font-label-s-font-size);
    line-height: var(--hr-typography-font-label-s-line-height);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Tooltip_size_m .Popup2-Tail {
    width: 16px;
    height: 16px;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Tooltip {
    z-index: 1500;

    font-family: var(--hr-typography-font-family-default);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Tooltip.Popup2::before {
    content: none;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Tooltip-Content {
    width: -moz-max-content;
    width: max-content;

    word-break: break-word;
}

/* Логика обрезания текста */
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Tooltip_size_s .Tooltip-Content {
    max-width: 240px;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Tooltip_size_m .Tooltip-Content,
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Tooltip_size_l .Tooltip-Content {
    max-width: 320px;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Tooltip_size_s.Tooltip_text_fixed .Tooltip-Content,
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Tooltip_size_m.Tooltip_text_fixed .Tooltip-Content {
    overflow: hidden;

    white-space: nowrap;
    text-overflow: ellipsis;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Tooltip.Popup2 {
    font-weight: var(--hr-typography-font-weight-normal);

    color: var(--hr-color-text-primary);
    background: none;
    box-shadow: none;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Tooltip-Backdrop::before {
    border-radius: var(--hr-border-radius-xs);
    background-color: var(--hr-color-surface-200);
    box-shadow: var(--hr-effects-shadow);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Tooltip .Popup2-TailFill {
    fill: var(--hr-color-surface-200);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Tooltip .Popup2-TailBorder {
    fill: none;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Tooltip_state_success {
    color: var(--hr-color-text-primary-inverse);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Tooltip_state_warning {
    color: var(--hr-color-text-primary-inverse);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Tooltip_state_alert {
    color: var(--hr-color-text-primary-inverse);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Tooltip_state_success .Tooltip-Backdrop::before {
    background-color: #1daf97;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Tooltip_state_success .Popup2-TailFill {
    fill: #1daf97;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Tooltip_state_warning .Tooltip-Backdrop::before {
    background-color: var(--hr-color-control-primary);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Tooltip_state_warning .Popup2-TailFill {
    fill: var(--hr-color-control-primary);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Tooltip_state_alert .Tooltip-Backdrop::before {
    background-color: var(--hr-color-spectre-red-500);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Tooltip_state_alert .Popup2-TailFill {
    fill: var(--hr-color-spectre-red-500);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .HelpTooltip-Trigger {
    cursor: pointer;

    color: var(--hr-color-text-secondary);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .HelpTooltip-Trigger:hover {
    color: var(--hr-color-text-primary);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .HelpTooltip-Trigger_state_alert.Button {
    --hr-internal-button-background-hovered: var(--hr-color-spectre-red-100);
    --hr-internal-button-text-color: var(--hr-color-special-error);
    --hr-internal-button-focus-outline-color: var(--hr-color-special-error);
    --hr-internal-button-focus-shadow: var(--hr-effects-shadow-outline-error);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .HelpTooltip-Trigger_state_alert.Button .Icon {
    color: var(--hr-color-special-error);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .HelpTooltip {
    max-width: 320px;
    padding: 0;

    font-weight: var(--hr-typography-font-weight-normal);
    text-align: left;
    white-space: normal;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Spin2 {
    --hr-spin-color: var(--hr-color-border-primary);
    --hr-spin-background: var(--hr-color-border-tertiary);
    --hr-spin-animation-delay: 0.21s;

    display: none;

    box-sizing: border-box;
    width: var(--spinner-size);
    height: var(--spinner-size);

    border: 2px solid transparent;
    border-radius: 50%;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
}

/* Для правильного позиционирования блока относительно baseline */
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .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
*/
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Spin2_progress {
    display: inline-block;

    border-color: var(--hr-spin-background);
    border-top-color: var(--hr-spin-color);

    animation: islands-spin2 1s var(--hr-spin-animation-delay) infinite linear; /* (1) */

    backface-visibility: hidden; /* Для ускорения анимации */
}

@keyframes islands-spin2 {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Spin2_size_xxs {
    --spinner-size: 16px;

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

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Spin2_size_xs {
    --spinner-size: 24px;

    font-size: 13px;
    line-height: 20px;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Spin2_size_s {
    --spinner-size: 28px;

    font-size: 13px;
    line-height: 24px;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Spin2_size_m {
    --spinner-size: 32px;

    font-size: 15px;
    line-height: 28px;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Spin2_size_l {
    --spinner-size: 38px;

    font-size: 18px;
    line-height: 34px;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Spin2_position_center {
    position: absolute;
    top: 50%;
    left: 50%;

    /* Отступ равен половине ширины */
    margin-top: calc(var(--spinner-size) / -2);
    margin-left: calc(var(--spinner-size) / -2);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Button2_baseline.Button2_width_auto .Button2-Text,
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Button2_baseline.Button2_width_max .Button2-Text {
    /* https://st.yandex-team.ru/ISL-5076
    Фикс для firefox - при добавлении свойства overflow: hidden, у элемента перестает работать baseline */
    overflow: -moz-hidden-unscrollable;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Button2_size_l {
    height: var(--hr-size-control-l);
    padding: 0 var(--hr-space-l);

    font-size: var(--hr-typography-font-label-s-font-size);
    line-height: 48px;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Button2_size_s {
    --hr-button-border-radius: var(--hr-border-radius-s-compact);
    height: var(--hr-size-control-s);
    padding: 0 var(--hr-space-s);

    font-size: var(--hr-typography-font-label-s-font-size);
    line-height: var(--hr-typography-line-height-xl);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Button2_view_brand {
    --hr-button-border-color: transparent;
    --hr-button-background: #ffe147;
    --hr-button-text-color: #24292e;

    --hr-button-text-color-disabled: var(--hr-color-text-tertiary);
    --hr-button-background-disabled: var(--hr-color-control-disabled);

    --hr-button-spin-color: #292929;
    --hr-button-spin-background: rgba(0, 0, 0, 0.1);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Button2_view_clear {
    --hr-button-text-color: var(--hr-color-text-secondary);
    --hr-button-background: transparent;
    --hr-button-border-color: transparent;

    --hr-button-text-color-disabled: var(--hr-color-text-tertiary);
    --hr-button-background-disabled: transparent;
}

/* hover */
@media (hover: hover) and (pointer: fine) {
    :where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Button2_view_clear .Button2-HoverFade {
        position: absolute;

        background-color: transparent;
    }

    :where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Button2:not([aria-disabled='true']):hover.Button2_view_clear {
        color: var(--hr-color-text-primary);
    }
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Button2_view_contrast {
    --hr-button-text-color: var(--hr-color-text-primary);
    --hr-button-background: var(--hr-color-surface-100);
    --hr-button-border-color: var(--hr-color-surface-100);
    --hr-button-border-width: var(--hr-border-width-m);

    --hr-button-text-color-disabled: var(--hr-color-text-tertiary);
    --hr-button-background-disabled: var(--hr-color-surface-100);

    --hr-button-text-color-checked: var(--hr-color-text-primary-inverse);
    --hr-button-background-checked: var(--hr-color-control-primary);

    --hr-button-text-color-checked-hover: var(--hr-color-text-primary-inverse);
    --hr-button-background-checked-hover: var(--hr-color-control-primary);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Button2_view_float {
    --hr-button-text-color: var(--hr-color-text-primary);
    --hr-button-background: var(--hr-color-surface-200);
    --hr-button-border-color: var(--hr-color-surface-200);
    --hr-button-border-width: var(--hr-border-width-m);

    --hr-button-text-color-disabled: var(--hr-color-text-tertiary);
    --hr-button-background-disabled: var(--hr-color-surface-200);

    --hr-button-effect-shadow: var(--hr-effects-shadow);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Button2_view_ghost {
    --hr-button-text-color: var(--hr-color-text-primary);
    --hr-button-background: transparent;
    --hr-button-border-color: transparent;

    --hr-button-text-color-disabled: var(--hr-color-text-tertiary);
    --hr-button-background-disabled: transparent;

    --hr-button-text-color-checked: var(--hr-color-text-primary);
    --hr-button-background-checked: var(--hr-color-surface-100);

    --hr-button-text-color-checked-hover: var(--hr-color-text-primary);
    --hr-button-background-checked-hover: var(--hr-color-surface-100);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Button2_view_media {
    --hr-button-text-color: var(--hr-color-text-primary);
    --hr-button-background: var(--hr-color-special-overlay);
    --hr-button-border-color: transparent;

    --hr-button-text-color-disabled: var(--hr-color-text-tertiary);
    --hr-button-background-disabled: var(--hr-color-special-overlay);

    --hr-button-background-filter: var(--hr-effects-blur);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Button2_view_primary {
    --hr-button-text-color: var(--hr-color-text-primary-inverse);
    --hr-button-background: var(--hr-color-control-primary);
    --hr-button-border-color: transparent;

    --hr-button-background-hovered: var(--hr-color-control-primary-hover);

    --hr-button-text-color-disabled: var(--hr-color-text-tertiary);
    --hr-button-background-disabled: var(--hr-color-control-disabled);
}

/* focus */
.utilityfocus .Button2_view_primary.Button2:focus {
    outline: var(--hr-border-width-s) solid var(--hr-color-surface-100);
    outline-offset: -2px;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Button2_view_secondary {
    --hr-button-text-color: var(--hr-color-text-primary);
    --hr-button-background: var(--hr-color-control-secondary);
    --hr-button-border-color: transparent;

    --hr-button-text-color-disabled: var(--hr-color-text-tertiary);
    --hr-button-background-disabled: var(--hr-color-control-disabled);

    --hr-button-text-color-checked: var(--hr-color-text-primary-inverse);
    --hr-button-background-checked: var(--hr-color-control-primary);

    --hr-button-text-color-checked-hover: var(--hr-color-text-primary-inverse);
    --hr-button-background-checked-hover: var(--hr-color-control-primary);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Button2_width_max {
    width: 100%;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Button2_width_max .Button2-Text {
    display: block;
    overflow: hidden;

    text-overflow: ellipsis;
}

/**
 * 1. Устраняет проблему с mouseover/mouseout внутри кнопки.
 */
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Button2 .Button2-Icon {
    pointer-events: none; /* 1 */
}

/**
 * 1. В IE9+ с помощью position:relative у <button> лечится супер эффект "нажимания".
 *    Подробнее: http://stackoverflow.com/questions/6744406;
 * 2. В IE8 нужно, чтобы элемент приобрел "layout" и применялись фильтры прозрачности.
 *    Сделано на common для однообразности.
 * 3. Если не прибить resize в Safari 8 у __text появляется "уголочек".
 *    http://jing.yandex-team.ru/files/karamadjong/2015-03-18_1319.png
 * 4. Устраняет проблему с mouseover/mouseout внутри кнопки.
 */
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Button2-Text {
    position: relative; /* 1 */

    display: inline-block; /* 2 */

    resize: none; /* 3 */
    white-space: nowrap;
    pointer-events: none; /* 4 */
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Button2_view_outline {
    --hr-button-text-color: var(--hr-color-text-primary);
    --hr-button-background: transparent;
    --hr-button-border-color: var(--hr-color-border-secondary);

    --hr-button-border-color-hover: transparent;

    --hr-button-text-color-disabled: var(--hr-color-text-tertiary);
    --hr-button-background-disabled: transparent;

    --hr-button-text-color-checked: var(--hr-color-text-primary-inverse);
    --hr-button-background-checked: var(--hr-color-control-primary);
    --hr-button-border-color-checked: transparent;

    --hr-button-background-checked-hover: var(--hr-color-control-primary);
    --hr-button-text-color-checked-hover: var(--hr-color-text-primary-inverse);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Button2_size_m {
    height: var(--hr-size-control-m);
    padding: 0 var(--hr-space-m);

    font-size: var(--hr-typography-font-label-s-font-size);
    line-height: var(--hr-typography-line-height-2-xl);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Button2.Button2_inline {
    --hr-button-border-radius: var(--hr-border-radius-xs-compact);

    min-width: var(--hr-size-control-xs);
    min-height: var(--hr-size-control-xs);
    padding: var(--hr-space-2-xs-compact) var(--hr-space-2-xs);

    font-size: var(--hr-typography-font-size-s);
    line-height: var(--hr-typography-line-height-s);

    gap: var(--hr-space-2-xs);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Button2_inline.Button2 .Button2-Icon {
    width: var(--hr-size-control-2-xs);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Button2_inline:not(.Button2_disabled):not(.Button2[aria-disabled='true']) .Button2-Icon {
    color: var(--hr-color-text-secondary);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Button2_inline .Button2-Text {
    min-width: unset;
    font-feature-settings: var(--hr-typography-font-feature-settings-default);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Button2_inline .Button2-Icon_side_left ~ .Button2-Text {
    margin-left: var(--hr-space-l);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Button2_inline .Button2-Icon_side_right ~ .Button2-Text {
    margin-right: var(--hr-space-l);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Button2.Button2_inline::before,
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Button2_inline .Button2-HoverFade {
    --hr-button-inline-fade-indent-vertical: calc(-1 * var(--hr-space-2-xs-compact));
    --hr-button-inline-fade-indent-horizontal: calc(-1 * var(--hr-space-2-xs));
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Button2.Button2_inline::after {
    --hr-button-inline-click-indent-vertical: calc(-1 * var(--hr-space-xs));
    --hr-button-inline-click-indent-horizontal: calc(-1 * var(--hr-space-xs));

    content: '';

    transform: unset;
    inset:
        var(--hr-button-inline-click-indent-vertical)
        var(--hr-button-inline-click-indent-horizontal);
}

/**
 * 1. Значения padding и margin каждый браузер выставляет по-своему – сбрасываем в ноль.
 * 2. Не должно быть возможности выделить контент кнопки, в т.ч. кнопки-ссылки.
 * 3. У содержимого кнопок-ссылок не должно быть подчеркивания.
 * 4. Кнопка не предполагает многострочного содержимого.
 * 5. Чтобы FF под MacOS не делал blur после программного выставления фокуса по mousedown.
 *    Подробности: http://jsfiddle.net/mishaberezin/892yppts/10/.
 * 6. Для кнопок-ссылок.
 * 7. Убираем нативную подсветку на iOS и Android.
 * 8. В IE по дефолту hidden, в остальных браузерах visible, требуется нормализация.
 *    В пользу visible, т.к. мы используем тень для отображения фокуса.
 * 9. Такой сброс стилей нужен для всех тем.
 * 10. Сбрасываем браузерные стили для кнопок, в особенности для link.
 * 11. В IOS 15 для button[type=submit] выставляется bold
 */
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Button2 {
    position: relative;

    display: inline-flex;
    overflow: visible; /* 8 */
    justify-content: center;

    box-sizing: border-box;
    margin: 0; /* 1 */

    font-family: var(--hr-typography-font-family-default);
    font-weight: inherit; /* 11 */
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none; /* 2 */
    text-align: center; /* 10 */
    white-space: nowrap; /* 4 */
    text-decoration: none; /* 3 */

    color: var(--hr-button-text-color);
    border-width: 0;
    border-radius: var(--hr-button-border-radius, var(--hr-border-radius-s));
    outline: 0;
    background: transparent; /* 9 */

    transition: transform 0.1s ease-out;
    transform: scale(1);
    gap: var(--hr-space-xs);
    -moz-user-focus: ignore; /* 5 */
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* 7 */

    touch-action: manipulation;
}

/**
 * В FF 4+ у содержимого кнопки есть внутренняя обводка, которая используется для
 * индикации фокуса на кнопках с измененными css-свойствами border или background.
 * Обводка влияет на размеры, для нормализации с другими браузерами ее нужно убрать.
 * Подробности: http://stackoverflow.com/questions/8859908.
 */
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Button2::-moz-focus-inner {
    padding: 0;

    border: 0;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Button2_size_s {
    --hr-button-icon-padding: var(--hr-space-xs);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Button2_size_m,
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Button2_size_l {
    --hr-button-icon-padding: var(--hr-space-s);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Button2_onlyIcon {
    padding: 0 var(--hr-button-icon-padding);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Button2::before {
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    -webkit-backdrop-filter: var(--hr-button-background-filter, none);

            backdrop-filter: var(--hr-button-background-filter, none);

    content: '';

    border:
        var(--hr-button-border-width, var(--hr-border-width-s)) solid
        var(--hr-button-border-color);
    border-radius: inherit;
    background-color: var(--hr-button-background);
    box-shadow: var(--hr-button-effect-shadow, none);
}

/**
 * Псевдоэлемент для исправления нажатия на край кнопки
 * https://st.yandex-team.ru/ISL-5480
 */
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Button2::after {
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    content: '';

    transform: scale(0);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Button2-Text {
    min-width: var(--hr-size-control-s);
}

/* Поддержка deprecated формата иконок через iconProvider  */
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Button2_size_s .Icon.Button2-Icon.Button2-OnlyIcon {
    width: calc(var(--hr-size-control-s) - 2 * var(--hr-button-icon-padding));
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Button2_size_m .Icon.Button2-Icon.Button2-OnlyIcon {
    width: calc(var(--hr-size-control-m) - 2 * var(--hr-button-icon-padding));
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Button2_size_l .Icon.Button2-Icon.Button2-OnlyIcon {
    width: calc(var(--hr-size-control-l) - 2 * var(--hr-button-icon-padding));
}
/*  end  */

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Button2_size_s .Button2-Spin {
    --spinner-size: var(--hr-size-control-2-xs);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Button2_size_m .Button2-Spin,
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Button2_size_l .Button2-Spin {
    --spinner-size: 20px;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Button2.Button2_view_pseudo.Button2_checked::before {
    border-color: var(--hr-color-border-primary);
}

/* disabled */
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Button2[aria-disabled='true'],
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Button2_disabled {
    cursor: default;

    color: var(--hr-button-text-color-disabled);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Button2[aria-disabled='true']:not(.Button2_progress)::before {
    background-color: var(--hr-button-background-disabled);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Button2.Button2_view_pseudo[aria-disabled='true']::before {
    border-color: var(--hr-color-border-secondary);
}

/**
 * Перестаем реагировать на события мыши, если компонент не как тэг кнопка,
 * а на пример как ссылка, в остальных случаях достаточно атрибута disabled.
 */
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Button2[aria-disabled='true'],
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Button2[aria-busy='true'] {
    pointer-events: none;
}

/* pressed */
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Button2:not(.Button2_progress):active {
    transition: none;
    transform: scale(0.96);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Button2:not(.Button2_progress):active::after {
    transform: scale(1.042); /* 1.042 ≈ 1/0.96 */
}

/* focus */
.utilityfocus .Button2:focus::before {
    border-width: var(--hr-border-width-s);
    border-color: var(--hr-color-border-primary);
    box-shadow: var(--hr-effects-shadow-outline-secondary);
}

/* progress */
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Button2_progress .Button2-Text,
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Button2_progress .Button2-Icon {
    opacity: 0;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Button2_progress .Button2-Spin {
    --hr-spin-color: var(--hr-button-spin-color, var(--hr-color-border-primary));
    --hr-spin-background: var(--hr-button-spin-background, var(--hr-color-border-tertiary));
    --hr-spin-animation-delay: 0s;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Button2-HoverFade {
    position: absolute;

    opacity: 0;
    border:
        var(--hr-button-border-width, var(--hr-border-width-s)) solid
        var(--hr-button-border-color-hover, var(--hr-button-border-color));
    border-radius: inherit;
    background-color: var(--hr-button-background-hovered, var(--hr-color-control-secondary-hover));

    inset: 0;
}

/* hover */
@media (hover: hover) and (pointer: fine) {
    :where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Button2.Button2_view_pseudo:not(.Button2_checked):hover::before {
        border: none;
    }

    :where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Button2:not([aria-disabled='true']):hover .Button2-HoverFade {
        opacity: 1;
    }
}

/* checked */
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Button2_checked {
    color: var(--hr-button-text-color-checked);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Button2_checked::before {
    border: var(--hr-button-border-width, 1px) solid var(--hr-button-border-color-checked);
    background-color: var(--hr-button-background-checked);
}

@media (hover: hover) and (pointer: fine) {
    :where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Button2_checked:not([aria-disabled='true']):hover {
        color: var(--hr-button-text-color-checked-hover);
    }

    :where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Button2_checked:not([aria-disabled='true']):hover::before {
        background-color: var(--hr-button-background-checked-hover);
    }
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Tag2_color_default.Tag2 {
    color: var(--hr-color-text-secondary);
    background-color: var(--hr-color-control-secondary);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Tag2_color_red.Tag2,
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Tag2_color_red.Tag2 svg {
    color: var(--hr-color-spectre-red-900);
    background-color: var(--hr-color-spectre-red-200);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Tag2_color_green.Tag2,
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Tag2_color_green.Tag2 svg {
    color: var(--hr-color-spectre-green-900);
    background-color: var(--hr-color-spectre-green-200);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Tag2_color_blue.Tag2,
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Tag2_color_blue.Tag2 svg {
    color: var(--hr-color-spectre-blue-900);
    background-color: var(--hr-color-spectre-blue-200);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Tag2_color_purple.Tag2,
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Tag2_color_purple.Tag2 svg {
    color: var(--hr-color-spectre-purple-900);
    background-color: var(--hr-color-spectre-purple-200);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Tag2.Tag2_size_s {
    --hr-internal-tag-height: var(--hr-size-control-xs);
    --hr-internal-tag-radius: var(--hr-border-radius-xs);
    --hr-internal-tag-padding: var(--hr-space-2-xs);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Tag2.Tag2_size_s .Tag2-Text {
    font-size: var(--hr-typography-font-size-xs);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Tag2.Tag2_size_s.Tag2_onlyIcon {
    padding: 0 6px;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Tag2.Tag2_view_clear {
    background: transparent;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Tag2.Tag2_view_outline {
    box-sizing: border-box;

    border: var(--hr-border-width-s) solid var(--hr-color-border-secondary);
    background: var(--hr-color-surface-100);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Tag2.Tag2_view_outline .UserAvatar {
    margin: var(--hr-border-width-s) 0;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Badge {
    position: relative;

    display: inline-flex;

    vertical-align: middle;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Badge-Dot {
    display: flex;
    justify-content: center;
    align-items: center;

    box-sizing: border-box;
    min-width: 14px;
    height: 14px;
    padding: 0 2px;

    font-family: var(--hr-typography-font-family-default);
    font-size: var(--hr-typography-font-caption-s-font-size);
    font-weight: normal;
    line-height: 1;
    white-space: nowrap;

    color: #fff;
    border: 2px solid var(--hr-color-surface-100);
    border-radius: 10px;
    background-color: var(--hr-color-spectre-red-500);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Badge-Dot_withContent {
    top: -2px;
    right: -2px;

    min-width: 20px;
    height: 20px;

    font-weight: var(--hr-typography-font-weight-medium);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Badge-Dot_withChildren {
    position: absolute;
    top: 0;
    right: 0;

    font-weight: var(--hr-typography-font-weight-medium);

    transform: translate(50%, -50%);
    transform-origin: 100% 0%;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Badge_withGhostButton .Badge-Dot {
    transform: none;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Tag2-Counter {
    display: inline-flex;
    justify-content: center;
    align-items: center;

    height: 16px;
    margin-right: var(--hr-space-2-xs);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Tag2-Counter .Badge-Dot {
    color: var(--hr-color-surface-100);
    border: none;
    background: var(--hr-color-control-primary);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Tag2_size_m {
    --hr-internal-tag-height: var(--hr-size-control-s);
    --hr-internal-tag-radius: var(--hr-border-radius-s-compact);
    --hr-internal-tag-padding: var(--hr-space-2-xs);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Tag2.Tag2_size_m .Tag2-Text {
    font-size: var(--hr-typography-font-size-s);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Tag2.Tag2_size_m .Tag2-LeftSlot {
    margin-left: 0;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Tag2.Tag2_size_m.Tag2_onlyIcon {
    padding: 0 10px;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Tag2 {
    display: inline-flex;
    justify-content: center;
    align-items: center;

    box-sizing: border-box;
    max-width: 100%;
    height: var(--hr-internal-tag-height);
    padding: 0 var(--hr-internal-tag-padding);

    font-family: var(--hr-typography-font-family-default);

    color: var(--hr-color-text-primary);
    border-radius: var(--hr-internal-tag-radius);
    background-color: var(--hr-color-control-secondary);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Tag2-Text {
    overflow: hidden;
    /* stylelint-disable-next-line  */
    max-width: calc(160px - (var(--hr-space-xs) * 2) - (var(--hr-space-2-xs) * 2));
    padding: 0 var(--hr-space-xs);

    white-space: nowrap;
    text-overflow: ellipsis;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Tag2_rounded {
    border-radius: 100px;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Tag2-LeftSlot {
    display: flex;

    width: 24px;
    height: 24px;
    margin-left: -4px;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Tag2-RightSlot {
    display: inline-flex;
    justify-content: center;
    align-items: center;

    min-width: 12px;
    height: 100%;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Tag2_rounded .Tag2-RightSlot .Button2 {
    border-radius: 40px;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Tag2_interactive {
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
}

.utilityfocus .Tag2_interactive:focus-visible {
    outline: 1px solid var(--hr-color-border-primary);
    outline-offset: -1px;
    box-shadow: var(--hr-effects-shadow-outline-secondary);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Tag2.Tag2_checked {
    color: var(--hr-color-text-primary-inverse);
    background: var(--hr-color-control-primary);
}

.utilityfocus .Tag2_interactive.Tag2_checked:focus-visible {
    outline: 1px solid var(--hr-color-border-primary);
    outline-offset: 2px;
    box-shadow: none;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Tag2_onlyIcon {
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Tag2_onlyIcon .Icon {
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Tag2.Tag2_disabled {
    cursor: not-allowed;

    color: var(--hr-color-text-tertiary);
    background-color: var(--hr-color-control-disabled);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Slot-TagAddon.Tag2 {
    --hr-internal-tag-radius: var(--hr-border-radius-xs);

    min-width: -moz-min-content;

    min-width: min-content;

    cursor: pointer;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Slot-TagAddon_isError.Tag2 {
    border: var(--hr-border-width-s) solid var(--hr-color-special-error);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Slot-TagAddon.Tag2_size_s {
    --hr-internal-tag-radius: var(--hr-border-radius-xs-compact);
    --hr-internal-tag-padding: 0;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Slot-TagAddon.Tag2_disabled {
    border-color: var(--hr-color-border-tertiary);
    background-color: transparent;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Slot-TagAddon .Tag2-RightSlot {
    width: -moz-max-content;
    width: max-content;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Slot-TagAddon[aria-hidden='true'] {
    visibility: hidden;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .UserAvatar_size_l {
    width: var(--hr-size-control-l);
    height: var(--hr-size-control-l);

    line-height: var(--hr-size-control-l);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .UserAvatar_size_s {
    width: var(--hr-size-control-s);
    height: var(--hr-size-control-s);

    line-height: var(--hr-size-control-s);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .UserAvatar_size_xl {
    width: var(--hr-size-control-xl);
    height: var(--hr-size-control-xl);

    line-height: var(--hr-size-control-xl);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .UserAvatar_size_xs {
    width: var(--hr-size-control-xs);
    height: var(--hr-size-control-xs);

    line-height: var(--hr-size-control-xs);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .UserAvatar_size_m {
    width: var(--hr-size-control-m);
    height: var(--hr-size-control-m);

    line-height: var(--hr-size-control-m);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .UserAvatar {
    display: inline-block;
    overflow: hidden;

    box-sizing: border-box;

    white-space: nowrap;

    border-radius: 50%;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .UserAvatar-Image {
    width: 100%;
    height: 100%;

    -o-object-fit: cover;

       object-fit: cover;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .UserAvatar_dismissed {
    opacity: 0.5;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .UserAvatar_staffCard {
    cursor: pointer;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .UserAvatar_gap_vacation {
    padding: 1px;

    border: var(--hr-border-width-m) solid #3d9ce0;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .UserAvatar_gap_selfpaid {
    padding: 1px;

    border: var(--hr-border-width-m) solid #3d9ce0;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .UserAvatar_gap_learning {
    padding: 1px;

    border: var(--hr-border-width-m) solid #59b259;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .UserAvatar_gap_illness {
    padding: 1px;

    border: var(--hr-border-width-m) solid #e5434b;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .UserAvatar_gap_maternity {
    padding: 1px;

    border: var(--hr-border-width-m) solid #d96cc7;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .UserAvatar_gap_trip {
    padding: 1px;

    border: var(--hr-border-width-m) solid #4ac2a8;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .UserAvatar_gap_conference-trip {
    padding: 1px;

    border: var(--hr-border-width-m) solid #4ac2a8;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .UserAvatar_gap_conference {
    padding: 1px;

    border: var(--hr-border-width-m) solid #4ac2a8;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .UserAvatar_gap_absence {
    padding: 1px;

    border: var(--hr-border-width-m) solid #e59545;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .UserAvatar_gap_paid-day-off {
    padding: 1px;

    border: var(--hr-border-width-m) solid #3d9ce0;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .UserAvatar_gap_remote-work {
    padding: 1px;

    border: var(--hr-border-width-m) solid #e59545;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .UserAvatar_gap_office-work {
    padding: 1px;

    border: var(--hr-border-width-m) solid #4494e5;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .UserAvatar_gap_duty {
    padding: 1px;

    border: var(--hr-border-width-m) solid #a179f2;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Menu2 .Menu2-Dropdown {
    display: block;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Text_typography_bodyL {
    font-family: var(--hr-typography-font-body-l-font-family);
    font-size: var(--hr-typography-font-body-l-font-size);
    font-weight: var(--hr-typography-font-body-l-font-weight);
    line-height: var(--hr-typography-font-body-l-line-height);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Text_typography_bodyM {
    font-family: var(--hr-typography-font-body-m-font-family);
    font-size: var(--hr-typography-font-body-m-font-size);
    font-weight: var(--hr-typography-font-body-m-font-weight);
    line-height: var(--hr-typography-font-body-m-line-height);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Text_typography_bodyS {
    font-family: var(--hr-typography-font-body-s-font-family);
    font-size: var(--hr-typography-font-body-s-font-size);
    font-weight: var(--hr-typography-font-body-s-font-weight);
    line-height: var(--hr-typography-font-body-s-line-height);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Text_typography_captionM {
    font-family: var(--hr-typography-font-caption-m-font-family);
    font-size: var(--hr-typography-font-caption-m-font-size);
    font-weight: var(--hr-typography-font-caption-m-font-weight);
    line-height: var(--hr-typography-font-caption-m-line-height);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Text_typography_captionS {
    font-family: var(--hr-typography-font-caption-s-font-family);
    font-size: var(--hr-typography-font-caption-s-font-size);
    font-weight: var(--hr-typography-font-caption-s-font-weight);
    line-height: var(--hr-typography-font-caption-s-line-height);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Text_typography_displayL {
    font-family: var(--hr-typography-font-display-l-font-family);
    font-size: var(--hr-typography-font-display-l-font-size);
    font-weight: var(--hr-typography-font-display-l-font-weight);
    line-height: var(--hr-typography-font-display-l-line-height);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Text_typography_displayM {
    font-family: var(--hr-typography-font-display-m-font-family);
    font-size: var(--hr-typography-font-display-m-font-size);
    font-weight: var(--hr-typography-font-display-m-font-weight);
    line-height: var(--hr-typography-font-display-m-line-height);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Text_typography_displayS {
    font-family: var(--hr-typography-font-display-s-font-family);
    font-size: var(--hr-typography-font-display-s-font-size);
    font-weight: var(--hr-typography-font-display-s-font-weight);
    line-height: var(--hr-typography-font-display-s-line-height);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Text_typography_labelM {
    font-family: var(--hr-typography-font-label-m-font-family);
    font-size: var(--hr-typography-font-label-m-font-size);
    font-weight: var(--hr-typography-font-weight-regular);
    line-height: var(--hr-typography-font-label-m-line-height);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Text_typography_labelS {
    font-family: var(--hr-typography-font-label-s-font-family);
    font-size: var(--hr-typography-font-label-s-font-size);
    font-weight: var(--hr-typography-font-weight-regular);
    line-height: var(--hr-typography-font-label-s-line-height);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Text_typography_titleL {
    font-family: var(--hr-typography-font-title-l-font-family);
    font-size: var(--hr-typography-font-title-l-font-size);
    font-weight: var(--hr-typography-font-title-l-font-weight);
    line-height: var(--hr-typography-font-title-l-line-height);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Text_typography_titleM {
    font-family: var(--hr-typography-font-title-m-font-family);
    font-size: var(--hr-typography-font-title-m-font-size);
    font-weight: var(--hr-typography-font-title-m-font-weight);
    line-height: var(--hr-typography-font-title-m-line-height);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Text_typography_titleS {
    font-family: var(--hr-typography-font-title-s-font-family);
    font-size: var(--hr-typography-font-title-s-font-size);
    font-weight: var(--hr-typography-font-title-s-font-weight);
    line-height: var(--hr-typography-font-title-s-line-height);
}



:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) h1.Text,
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) h2.Text,
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) h3.Text,
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) h4.Text,
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) h5.Text,
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) h6.Text,
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) p.Text {
    margin-top: 0;
    margin-bottom: 0;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Text_align_left {
    text-align: left;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Text_align_center {
    text-align: center;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Text_align_right {
    text-align: right;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Text_hideOverflow {
    display: block;
    overflow: hidden;

    white-space: nowrap;
    text-overflow: ellipsis;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Text_hideLines {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: var(--text-max-visible-lines);
    overflow: hidden;

    text-overflow: ellipsis;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Text_color_secondary {
    color: var(--hr-color-text-secondary);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Text_color_primary {
    color: var(--hr-color-text-primary);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Text_color_inverse {
    color: var(--hr-color-text-primary-inverse);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Text_color_error {
    color: var(--hr-color-special-error);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Text_color_disabled {
    color: var(--hr-color-text-tertiary);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Text.Text_weight_regular {
    font-weight: var(--hr-typography-font-weight-regular);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Text.Text_weight_medium {
    font-weight: var(--hr-typography-font-weight-medium);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Menu2-ItemsGroup {
    --menu-internal-divider-width: var(--hr-border-width-s);
    --menu-internal-divider-space: var(--hr-space-2-xs);

    position: relative;

    display: flex;
    flex-direction: column;

    margin: calc(var(--hr-space-2-xs-compact) * -1) 0;
    padding: calc(var(--menu-internal-divider-space) * 2 + var(--menu-internal-divider-width)) 0;

    gap: var(--hr-space-2-xs-compact);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Menu2-ItemsGroup:first-child,
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Menu2-ItemsGroup + .Menu2-ItemsGroup {
    margin-top: 0;
    padding-top: 0;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Menu2-ItemsGroup:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Menu2-ItemsGroup:not(:first-child)::before,
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Menu2-ItemsGroup:not(:last-child)::after {
    position: absolute;
    right: calc(var(--hr-space-2-xs) * -1);
    left: calc(var(--hr-space-2-xs) * -1);

    height: var(--hr-border-width-s);

    content: '';

    background-color: var(--hr-color-border-tertiary);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Menu2-ItemsGroup:not(:first-child)::before {
    top: var(--menu-internal-divider-space);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Menu2-ItemsGroup:not(:last-child)::after {
    bottom: var(--menu-internal-divider-space);
}

/* Убирает двойной разделитель между двумя группами подряд */
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Menu2-ItemsGroup + .Menu2-ItemsGroup::before {
    display: none;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Menu2-ItemsGroupTitle {
    padding: var(--hr-control-space-slot-m) var(--hr-control-space-input) var(--hr-control-space-slot-s);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Menu2-Content {
    display: flex;
    flex-direction: column;

    box-sizing: border-box;
    width: 100%;
    max-height: inherit;
    gap: var(--hr-menu-internal-gap);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Menu2 {
    --hr-menu-internal-gap: var(--hr-space-2-xs-compact);

    display: flex;
    overflow: hidden auto;
    flex-direction: column;

    box-sizing: border-box;
    width: 100%;
    max-height: inherit;
    margin: 0;
    padding: var(--hr-space-2-xs);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Menu2-End {
    flex-shrink: 0;

    width: 100%;
    height: var(--hr-border-width-s);
    margin-top: calc(-1 * var(--hr-border-width-s));

    background-color: transparent;
}

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

    display: none;
    overflow: hidden;

    width: 100%;
    height: 100%;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Drawer.Drawer_visible {
    display: block;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Drawer-DragObserver {
    display: flex;

    height: inherit;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Drawer-Curtain {
    position: relative;

    display: flex;
    flex-direction: column;

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

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Drawer-Curtain:focus {
    outline: none;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Drawer-Content {
    position: relative;

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

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Drawer.Popup2 {
    border-radius: unset;
    background-color: unset;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .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;

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

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Drawer-CurtainContent {
    background: var(--hr-color-surface-100);
}

/**
  * Стили для direction_bottom
  */

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Drawer_direction_bottom .Drawer-DragObserver {
    flex-direction: column;
    justify-content: flex-end;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Drawer_direction_bottom .Drawer-Curtain {
    max-height: calc(100% - 32px);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Drawer_direction_bottom .Drawer-CurtainContent {
    display: flex;
    overflow: hidden;
    flex-direction: column;

    border-radius: var(--hr-border-radius-m) var(--hr-border-radius-m) 0 0;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Drawer_direction_bottom .Drawer-Handle {
    position: absolute;
    top: -19px;
    left: 50%;

    width: 40px;
    margin-left: -36px;
    padding: var(--hr-space-xs) var(--hr-space-m);
    will-change: opacity;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Drawer_direction_bottom .Drawer-Handle::before {
    display: block;

    height: 3px;

    content: '';

    border-radius: 100px;
    background: var(--hr-color-surface-200);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Drawer_direction_bottom.Drawer_nested .Drawer-Handle {
    z-index: 1;
    top: 0;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Drawer_direction_bottom.Drawer_nested .Drawer-Handle::before {
    background: rgba(244, 245, 246, 0.1);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .MenuItem-Slot {
    position: relative;

    display: flex;
    align-items: center;

    box-sizing: border-box;
    min-height: var(--hr-size-control-m);
    padding: var(--hr-space-xs) var(--hr-space-s);

    color: var(--hr-color-text-secondary);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .MenuItem-Slot:empty {
    width: var(--hr-space-s);
    min-width: var(--hr-space-s);
    padding: 0;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .MenuItem-Slot .MenuItem-Icon_tertiary {
    color: var(--hr-color-text-tertiary);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .MenuItem_disabled .MenuItem-Slot {
    color: var(--hr-color-text-tertiary);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .MenuItem-SlotDivider {
    width: var(--hr-border-width-s);
    height: var(--hr-size-control-2-xs);

    background-color: var(--hr-color-border-secondary);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .MenuItem {
    position: relative;

    display: flex;

    width: 100%;

    color: var(--hr-color-text-primary);
    border-radius: var(--hr-border-radius-s);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .MenuItem_align_top {
    align-items: flex-start;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .MenuItem_align_center {
    align-items: center;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .MenuItem_disabled {
    pointer-events: none;

    opacity: var(--hr-effects-opacity-disabled);
    color: var(--hr-color-text-secondary);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .MenuItem-Control {
    position: relative;
    z-index: 1;

    display: flex;
    overflow: hidden;
    align-items: inherit;

    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 0;

    font-family: var(--hr-typography-font-family-default);
    font-size: var(--hr-typography-font-size-s);
    font-weight: inherit;
    line-height: var(--hr-typography-line-height-s);
    cursor: pointer;
    text-align: left;
    text-decoration: none;

    color: inherit;
    border: none;
    border-radius: inherit;
    outline: none;
    background: transparent;

    -moz-user-focus: ignore;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .MenuItem-Control.Link .Link-Content {
    display: flex;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .MenuItem-State {
    position: absolute;
    inset: 0;

    z-index: 0;

    border-radius: inherit;
}

/* Сброс стилей фокуса от других компонентов */
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .MenuItem-Control[class]:focus-visible {
    border: transparent;
    outline: transparent;
    box-shadow: none;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Menu2:not(:hover) .MenuItem_isHighlighted .MenuItem-Control ~ .MenuItem-State {
    background-color: var(--hr-color-control-secondary);
}

.utilityfocus .MenuItem-Control:not(:active):not(:hover):focus ~ .MenuItem-State {
    border: var(--hr-border-width-s) solid var(--hr-color-border-primary);
    box-shadow: var(--hr-effects-shadow-outline-secondary);
}

@media (hover: hover) and (pointer: fine) {
    :where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .MenuItem-Control:hover ~ .MenuItem-State {
        background-color: var(--hr-color-control-secondary);
    }
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .MenuItem_embed .MenuItem-Slot:empty {
    display: none;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .MenuItem-ContentWrapper {
    position: relative;

    display: flex;
    overflow: hidden;
    flex-direction: column;

    width: 100%;

    word-break: break-word;
    gap: var(--hr-space-2-xs);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .MenuItem:not(.MenuItem_embed) .MenuItem-ContentWrapper {
    padding: var(--hr-space-s-compact) 0;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .MenuItem-Content:not(.MenuItem-Content_multiline) {
    overflow: hidden;

    white-space: nowrap;
    text-overflow: ellipsis;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .MenuItem-CheckAddon {
    color: inherit;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .MenuItem-CheckAddon:not(.MenuItem-CheckAddon_active) {
    visibility: hidden;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Checkbox-Box {
    position: relative;
    z-index: 0;

    display: inline-block;

    line-height: normal; /* Чтобы не наследовался line-height. */
    cursor: pointer;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Checkbox-Box::before {
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    box-sizing: border-box;

    content: '';

    transition: 0.1s ease-out;
    transition-property: border-color, border-width, background-color;
}

/* Для правильного выравнивания по baseline. */
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Checkbox-Box::after {
    visibility: hidden;

    content: '\00A0';
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Checkbox_disabled .Checkbox-Box {
    cursor: default;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Checkbox-Control {
    position: absolute;
    z-index: 4;
    top: -2px;
    left: -2px;

    width: calc(100% + 4px);
    height: calc(100% + 4px);
    margin: 0;
    padding: 0;

    cursor: pointer;

    opacity: 0;
    border: none;
    outline: none;
    background: none;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Checkbox_disabled .Checkbox-Control {
    cursor: default;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Checkbox-Label {
    cursor: pointer;
    white-space: normal;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Checkbox_disabled .Checkbox-Label {
    cursor: default;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Checkbox-Tick {
    position: absolute;
    z-index: 3;

    visibility: hidden;

    pointer-events: none;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Checkbox_checked .Checkbox-Tick {
    visibility: visible;
}

/**
 * 1. Нужно, чтобы Label всегда оставался на одной строке с Box.
 */
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Checkbox {
    display: flex;

    width: -moz-max-content;

    width: max-content;

    font-family: var(--hr-typography-font-family-default);
    font-size: var(--hr-checkbox-font-size);
    line-height: 20px;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    white-space: nowrap; /* 1 */

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

    touch-action: manipulation;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Checkbox_size_m {
    --hr-checkbox-size: 20px;
    --hr-checkbox-font-size: var(--hr-typography-font-body-s-font-size);
    --hr-checkbox-label-padding: 2px 0 2px var(--hr-space-s);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Checkbox .Checkbox-Box {
    flex: var(--hr-checkbox-size) 0 0;

    width: var(--hr-checkbox-size);
    height: var(--hr-checkbox-size);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Checkbox_disabled {
    cursor: default;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Checkbox-Label {
    padding: var(--hr-checkbox-label-padding);
}

/* common */
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Checkbox_view_outline {
    color: var(--hr-color-text-primary);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Checkbox_view_outline .Checkbox-Box {
    margin: 2px 0;

    text-align: left;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Checkbox_view_outline .Checkbox-Box::before {
    border: 2px solid var(--hr-color-border-secondary);
    border-radius: var(--hr-border-radius-xs-compact);
    background-color: transparent;

    transition: background-color 0.1s linear;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Checkbox_view_outline .Checkbox-Tick {
    color: transparent;

    transition: color 0.1s, transform 0.2s;
    transform: translateY(-5px);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Checkbox_view_outline .Checkbox-Tick,
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Checkbox_view_outline .Checkbox-Tick .Icon {
    width: 100%;
    height: 100%;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Checkbox_view_outline .Checkbox-Tick .Icon {
    display: flex;
    justify-content: center;
    align-items: center;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Checkbox_view_outline .Checkbox-Tick .Icon::after {
    content: none;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Checkbox_view_outline .Checkbox-Tick svg {
    position: static;
    top: initial;
    left: initial;

    transform: none;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Checkbox_view_outline.Checkbox_size_m .Checkbox-Tick svg {
    width: 16px;
    height: 16px;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Checkbox_view_outline.Checkbox_indeterminate .Checkbox-Tick svg {
    width: 17px;
    height: 17px;
}

/* check */
/* TODO: Усиливаем селектор для ie11 (оторвать после https://st.yandex-team.ru/ISL-7989) */
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Checkbox_view_outline.Checkbox_checked .Checkbox-Box[class]::before {
    border: 2px solid var(--hr-color-control-primary);
    background-color: var(--hr-color-control-primary);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Checkbox_view_outline.Checkbox_checked .Checkbox-Tick {
    color: #24292e;

    transform: translateY(0);
}

/* disable */
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Checkbox_view_outline.Checkbox_disabled {
    opacity: 1;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Checkbox.Checkbox_view_outline.Checkbox_checked .Checkbox-Tick {
    color: var(--hr-color-text-primary-inverse);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Checkbox.Checkbox_view_outline .Checkbox-Box::before {
    border: 1px solid var(--hr-color-border-secondary);

    transition: border 0.1s linear;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Checkbox.Checkbox_view_outline.Checkbox_hovered .Checkbox-Box[class]::before {
    border: 1px solid var(--hr-color-border-secondary);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Checkbox.Checkbox_view_outline.Checkbox_disabled .Checkbox-Box::before {
    border: transparent;
    background-color: var(--hr-color-control-disabled);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Checkbox.Checkbox_view_outline.Checkbox_disabled.Checkbox_checked .Checkbox-Box::before {
    border: transparent;
    background-color: var(--hr-color-control-disabled);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Checkbox.Checkbox_view_outline.Checkbox_disabled.Checkbox_checked .Checkbox-Tick {
    color: var(--hr-color-control-secondary-hover);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Checkbox.Checkbox_view_outline.Checkbox_disabled.Checkbox_disabled .Checkbox-Label {
    color: var(--hr-color-text-tertiary);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Checkbox_lines_multi {
    display: inline-table;

    white-space: normal;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Checkbox_lines_multi .Checkbox-Label {
    display: table-cell;
}

/**
 * 1. display: inline-block совместно с overflow: hidden сдвигает элемент вверх,
 * https://stackoverflow.com/questions/20566710/overflowhidden-displayinline-block-moves-text-upwards
 */
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Checkbox_lines_one .Checkbox-Label {
    display: inline-block;
    overflow: hidden;

    max-width: 100%;

    vertical-align: text-bottom; /* 1 */
    white-space: nowrap;
    text-overflow: ellipsis;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .MenuItem-CheckboxAddon {
    pointer-events: none;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .MenuItem-UserAddon_size_s {
    width: var(--hr-size-control-xs-compact);
    height: var(--hr-size-control-xs-compact);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .MenuItem-UserAddon_size_m {
    width: var(--hr-size-control-m);
    height: var(--hr-size-control-m);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Tumbler_size_l {
    font-size: var(--hr-typography-font-size-m);
    line-height: 24px;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Tumbler_size_l .Tumbler-Label:first-child {
    margin-right: 16px;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Tumbler_size_l .Tumbler-Label:last-child {
    margin-left: 16px;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Tumbler_size_s {
    font-size: var(--hr-typography-font-size-s);
    line-height: 18px;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Tumbler_size_s .Tumbler-Label:first-child {
    margin-right: 8px;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Tumbler_size_s .Tumbler-Label:last-child {
    margin-left: 8px;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Tumbler-Button {
    position: relative;

    flex-shrink: 0;

    margin: 0;
    padding: 0;

    cursor: pointer;
    -moz-user-focus: ignore;

    border: none;
    outline: 0;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Tumbler-Button::-moz-focus-inner {
    padding: 0;

    border: 0;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Tumbler-Button::after {
    position: absolute;

    content: '';
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Tumbler-Label {
    display: flex;
    align-items: center;

    cursor: pointer;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Tumbler_size_m {
    font-size: var(--hr-typography-font-label-s-font-size);
    line-height: var(--hr-typography-font-label-s-line-height);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Tumbler_size_m .Tumbler-Label:first-child {
    margin-right: 12px;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Tumbler_size_m .Tumbler-Label:last-child {
    margin-left: 12px;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Tumbler {
    display: inline-flex;

    font-family: var(--hr-typography-font-family-default);
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

    touch-action: manipulation;
}

/* common */

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Tumbler-Label {
    color: var(--hr-color-text-primary);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Tumbler-Button {
    background-color: var(--hr-color-control-secondary);

    transition: background-color 100ms linear;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Tumbler-Button::after {
    top: 2px;
    left: 2px;

    background-color: var(--hr-color-text-primary-inverse);

    transition: 100ms ease-out;
    transition-property: left, transform, margin, width;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Tumbler_size_s .Tumbler-Button {
    width: 32px;
    height: 18px;

    border-radius: 10px;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Tumbler_size_m .Tumbler-Button {
    width: 36px;
    height: 20px;

    border-radius: 100px;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Tumbler_size_l .Tumbler-Button {
    width: 56px;
    height: 28px;

    border-radius: 14px;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Tumbler_size_s .Tumbler-Button::after {
    width: 14px;
    height: 14px;

    border-radius: var(--hr-border-radius-xs);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Tumbler_size_m .Tumbler-Button::after {
    width: 16px;
    height: 16px;

    border-radius: 100px;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Tumbler_size_l .Tumbler-Button::after {
    width: 24px;
    height: 24px;

    border-radius: 12px;
}

/* check */
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) [class] .Tumbler-Button[aria-pressed='true'] {
    background-color: var(--hr-color-control-primary);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) [class] .Tumbler-Button[aria-pressed='true']::after {
    left: 100%;

    margin-left: -2px;

    transform: translateX(-100%);
}

/* hover */
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Tumbler-Button[aria-pressed='false']:hover {
    background-color: var(--hr-color-control-secondary-contrast);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Tumbler-Button[aria-pressed='true']:hover {
    opacity: 0.8;
}

/* disable */
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) [aria-disabled='true'][class] {
    pointer-events: none;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) [aria-disabled='true'][class] .Tumbler-Label {
    color: var(--hr-color-text-tertiary);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) [aria-disabled='true'][class] .Tumbler-Button {
    opacity: 1;
    background-color: var(--hr-color-control-disabled);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) [aria-disabled='true'][class] .Tumbler-Button[aria-pressed='true'] {
    opacity: 1;
    background-color: var(--hr-color-control-disabled);
}

/* press */
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Tumbler_size_s .Tumbler-Button:active::after {
    width: 14px;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Tumbler_size_m .Tumbler-Button:active::after {
    width: 18px;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Tumbler_size_l .Tumbler-Button:active::after {
    width: 26px;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Tumbler-Button[aria-pressed='false']::after {
    background-color: var(--hr-color-surface-100);
}

/* focus */
.utilityfocus .Tumbler-Button:focus {
    box-shadow: 0 0 0 2px var(--hr-color-border-primary);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .MenuItem-TumblerAddon {
    pointer-events: none;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .MenuItem-SubMenuAddon {
    display: flex;
    align-items: center;
    gap: var(--hr-space-2-xs);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Radiobox-Box {
    position: relative;

    display: inline-block;

    box-sizing: border-box;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Radiobox-Control {
    position: absolute;

    opacity: 0;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Radiobox-Radio {
    position: relative;

    touch-action: manipulation;

    word-break: break-word;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .RadioboxRadio-Option {
    display: flex;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Radiobox-Radio_disabled {
    pointer-events: none;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Radiobox-Text {
    display: inline-flex;
    flex-direction: column;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .MenuItem-RadioAddon {
    pointer-events: none;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .MenuItem-RadioAddon.Radiobox-Radio .Radiobox-Text {
    padding: 0;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .MenuItem-RadioAddonLabel {
    position: absolute;

    visibility: hidden;
    overflow: hidden;

    width: 0;
    height: 0;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Dropdown {
    position: relative;

    display: inline-flex;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Slot-TagsGroupAddon {
    display: inline-flex;
    overflow: hidden;
    flex-wrap: wrap;

    box-sizing: border-box;
    max-height: var(--hr-control-size);
    gap: var(--hr-space-2-xs);

    margin:
        calc(var(--hr-internal-slot-padding-vertical) * -1)
        calc(var(--hr-internal-slot-padding-horizontal) * -1);
    padding: var(--hr-space-2-xs);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Slot-TagsGroupAddon_multiline {
    max-height: unset;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Tag.Tag_type_user,
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Tag.Tag_type_profile {
    border-radius: var(--hr-border-radius-xl);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Tag_type_user .Button,
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Tag_type_profile .Button {
    border-radius: calc(var(--hr-size-control-xs) / 2);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Tag_type_status.Tag_color_neutral {
    --hr-internal-button-background: var(--hr-color-control-secondary);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Tag_type_status.Tag_color_red:not(.Button_isDisabled) {
    --hr-internal-button-background: var(--hr-color-spectre-red-100);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Tag_type_status.Tag_color_blue:not(.Button_isDisabled) {
    --hr-internal-button-background: var(--hr-color-spectre-blue-100);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Tag_type_status.Tag_color_green:not(.Button_isDisabled) {
    --hr-internal-button-background: var(--hr-color-spectre-green-100);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Tag_type_status.Tag_color_orange:not(.Button_isDisabled) {
    --hr-internal-button-background: var(--hr-color-spectre-orange-100);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Tag_type_status.Tag_color_purple:not(.Button_isDisabled) {
    --hr-internal-button-background: var(--hr-color-spectre-purple-100);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Tag_isError:not(.Tag_type_toggle):not(.Button_isDisabled) {
    --hr-internal-button-border-width: var(--hr-border-width-s);
    --hr-internal-button-border-color: var(--hr-color-special-error);
}

.utilityfocus .Tag.Button:focus .Button-State {
    box-shadow: none;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Tag_size_xs .Slot {
    padding: 0;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Tag_size_xs .Slot-Item {
    min-width: var(--hr-size-control-xs);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Tag .Checkbox .Checkbox-Box {
    margin: 0;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Button_isChecked:not(.Button_isDisabled) {
    background-color: var(--hr-internal-button-background-checked, var(--hr-internal-button-background));
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Button_isChecked:not(.Button_isDisabled) > .Button-Content > .Button-State {
    border-color: var(--hr-internal-button-border-color-checked, var(--hr-internal-button-border-color));
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Button.Button_isLoading > .Button-Content > .Button-Slot,
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Button.Button_isLoading > .Button-Content > .Button-Text {
    opacity: 0;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Button_isLoading.Button_isDisabled .Button-Spin {
    opacity: 0.5;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Button.Button_isDisabled {
    color: var(--hr-internal-button-text-color-disabled, var(--hr-color-text-tertiary));
    background-color: var(--hr-internal-button-background-disabled, var(--hr-internal-button-background));
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Button[aria-disabled='true'] {
    cursor: default;
    pointer-events: none;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Button.Button_isDisabled > .Button-State {
    border-color: var(--hr-internal-button-border-color-disabled, var(--hr-internal-button-border-color));
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Button.Button_isDisabled .Button-Text {
    color: var(--hr-internal-button-text-color-disabled, var(--hr-color-text-tertiary));
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Button_view_primary {
    --hr-internal-button-background: var(--hr-color-control-primary);
    --hr-internal-button-border-color: transparent;

    --hr-internal-button-background-hovered: var(--hr-color-control-primary-hover);

    --hr-internal-button-focus-outline-color: var(--hr-color-surface-100);
    --hr-internal-button-focus-offset: -2px;

    --hr-internal-button-background-disabled: var(--hr-color-control-disabled);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Button_view_primary .Button-Content {
    --hr-internal-button-text-color: var(--hr-color-text-primary);
    --hr-internal-button-icon-color: var(--hr-color-text-primary);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Button_view_secondary {
    --hr-internal-button-background: var(--hr-color-control-secondary);
    --hr-internal-button-border-color: transparent;

    --hr-internal-button-background-checked: var(--hr-color-control-primary);
    --hr-internal-button-background-checked-hover: var(--hr-color-control-primary-hover);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Button_view_secondary .Button-Content {
    --hr-internal-button-text-color: var(--hr-color-text-primary);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Button_view_outline {
    --hr-internal-button-background: var(--hr-color-surface-100);
    --hr-internal-button-border-color: var(--hr-color-border-secondary);

    --hr-internal-button-border-color-disabled: var(--hr-color-border-tertiary);

    --hr-internal-button-border-color-checked: var(--hr-color-border-primary);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Button_view_outline .Button-Content {
    --hr-internal-button-text-color: var(--hr-color-text-primary);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Button_view_outline.Button_isDisabled {
    --hr-internal-button-border-color: var(--hr-color-border-tertiary);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Button_view_float {
    --hr-internal-button-background: var(--hr-color-surface-200);
    --hr-internal-button-border-color: var(--hr-color-surface-200);
    --hr-internal-button-border-width: var(--hr-border-width-m);

    --hr-internal-button-shadow: var(--hr-effects-shadow);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Button_view_float .Button-Content {
    --hr-internal-button-text-color: var(--hr-color-text-primary);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Button_view_ghost {
    --hr-internal-button-background: transparent;
    --hr-internal-button-border-color: transparent;

    --hr-internal-button-background-checked: var(--hr-color-control-secondary);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Button_view_ghost .Button-Content {
    --hr-internal-button-text-color: var(--hr-color-text-primary);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Button_view_media {
    --hr-internal-button-background: var(--hr-color-special-overlay);
    --hr-internal-button-border-color: transparent;

    --hr-internal-button-focus-color: var(--hr-color-surface-100);

    --hr-internal-button-background-filter: var(--hr-effects-blur);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Button_view_media .Button-Content {
    --hr-internal-button-text-color: var(--hr-color-text-primary);
    --hr-internal-button-icon-color: var(--hr-color-text-primary);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Button_view_surface {
    --hr-internal-button-background: var(--hr-color-surface-100);
    --hr-internal-button-border-color: var(--hr-color-surface-100);
    --hr-internal-button-border-width: var(--hr-border-width-m);

    --hr-internal-button-background-checked: var(--hr-color-control-primary);
    --hr-internal-button-background-checked-hover: var(--hr-color-control-primary-hover);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Button_view_surface .Button-Content {
    --hr-internal-button-text-color: var(--hr-color-text-primary);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Button_view_surface.Button_isChecked {
    --hr-internal-button-border-width: 0;
}

/**
 * 1. Значения padding и margin каждый браузер выставляет по-своему – сбрасываем в ноль.
 * 2. Не должно быть возможности выделить контент кнопки, в т.ч. кнопки-ссылки.
 * 3. У содержимого кнопок-ссылок не должно быть подчеркивания.
 * 4. Кнопка не предполагает многострочного содержимого.
 * 5. Чтобы FF под MacOS не делал blur после программного выставления фокуса по mousedown.
 *    Подробности: http://jsfiddle.net/mishaberezin/892yppts/10/.
 * 6. Для кнопок-ссылок.
 * 7. Убираем нативную подсветку на iOS и Android.
 * 8. Такой сброс стилей нужен для всех тем.
 * 9. Сбрасываем браузерные стили для кнопок, в особенности для link.
 * 10. В IOS 15 для button[type=submit] выставляется bold
 */
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Button {
    position: relative;

    display: inline-flex;
    justify-content: center;

    box-sizing: border-box;
    width: -moz-max-content;
    width: max-content;
    max-width: 100%;
    min-height: var(--hr-control-size);
    margin: 0; /* 1 */
    padding: 0; /* 1 */

    font-family: var(--hr-typography-font-family-default);
    font-size: var(--hr-control-font-size);
    font-weight: inherit; /* 10 */
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none; /* 2 */
    text-align: center; /* 9 */
    white-space: nowrap; /* 4 */
    text-decoration: none; /* 3 */

    border: none;
    border-radius: var(--hr-control-border-radius);
    outline: 0;
    background: var(--hr-internal-button-background); /* 8 */
    box-shadow: var(--hr-internal-button-shadow);

    transition: transform .1s ease-out;
    transform: scale(1);
    font-feature-settings: var(--hr-typography-font-feature-settings-default);
    -webkit-backdrop-filter: var(--hr-internal-button-background-filter);
            backdrop-filter: var(--hr-internal-button-background-filter);
    gap: var(--hr-space-xs);
    -moz-user-focus: ignore; /* 5 */
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* 7 */
    touch-action: manipulation;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Button_stretch {
    width: 100%;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Button_isReadOnly {
    cursor: default;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Button_size_xs::after {
    position: absolute;
    z-index: -1;

    content: '';

    inset: calc(-1 * var(--hr-space-xs));
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Button-Content {
    display: flex;
    overflow: hidden;
    justify-content: center;
    align-items: center;

    border-radius: inherit;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Button_withoutSlots .Button-Content {
    min-width: var(--hr-control-size);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Button-State {
    position: absolute;
    z-index: -1;

    /* stylelint-disable-next-line max-line-length */
    border: var(--hr-internal-button-border-width, var(--hr-border-width-s)) solid var(--hr-internal-button-border-color);
    border-radius: inherit;
    inset: 0;
}

.utilityfocus .Button:focus > .Button-Content > .Button-State {
    /* stylelint-disable-next-line max-line-length */
    outline: var(--hr-border-width-s) solid var(--hr-internal-button-focus-outline-color, var(--hr-color-control-primary));
    outline-offset: var(--hr-internal-button-focus-offset, -1px);
    box-shadow: var(--hr-internal-button-focus-shadow, var(--hr-effects-shadow-outline-secondary));
}

@media (hover: hover) and (pointer: fine) {
    :where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Button:hover {
        /* stylelint-disable-next-line max-line-length */
        --hr-internal-button-background-hover-default: var(--hr-internal-button-background-hovered, var(--hr-color-control-secondary));
    }

    :where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Button_isInteractive:not(.Button_isHoverOnText):hover > .Button-Content > .Button-State,
    :where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Button_isInteractive.Button_isHoverOnText > .Button-Content > .Button-Text:hover ~ .Button-State {
        background-color: var(--hr-internal-button-background-hover-default);
    }

    :where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Button_isInteractive:not(.Button_isHoverOnText).Button_isChecked:hover > .Button-Content > .Button-State,
    :where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Button_isInteractive.Button_isHoverOnText.Button_isChecked > .Button-Content > .Button-Text:hover ~ .Button-State {
        /* stylelint-disable-next-line max-line-length */
        background-color: var(--hr-internal-button-background-checked-hover, var(--hr-internal-button-background-hover-default));
    }
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Button-Text {
    padding: var(--hr-control-space-text) 0;

    line-height: var(--hr-typography-line-height-s);
    white-space: nowrap;

    color: var(--hr-internal-button-text-color);
}

/* icon_has-glyph выставляет по умолчанию position: relative, но нет гарантий, что он приедет раньше */
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Textinput-Icon.Textinput-Icon {
    position: absolute;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Textinput-Icon {
    z-index: 3; /* рисуем поверх __box и __control */
    top: 0;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Textinput-Icon_side_left {
    left: 0;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Textinput-Icon_side_right {
    right: 0;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Textinput .Textinput-Clear {
    right: 0;

    display: none;
    visibility: hidden;

    cursor: pointer;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Textinput-Clear.Textinput-Clear_visible {
    display: block;
    visibility: visible;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Textinput_disabled .Textinput-Clear_visible {
    z-index: 0; /* Понижаем под Control и Box */

    cursor: default;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Textinput_size_s .Textinput-Box {
    height: 32px;

    border-radius: var(--hr-border-radius-s-compact);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Textinput_size_s .Textinput-Control {
    height: 32px;

    font-size: var(--hr-typography-font-size-s);

    border-width: 8px 12px;
}

/* Усиливаем селектор Textinput, чтобы перебить значения при раскрытии css-переменных. */
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Textinput.Textinput_size_s .Textinput-Icon_side_left ~ .Textinput-Control {
    border-left-width: 40px;
}

/* Усиливаем селектор Textinput, чтобы перебить значения при раскрытии css-переменных. */
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Textinput.Textinput_size_s .Textinput-Icon_side_right ~ .Textinput-Control {
    border-right-width: 40px;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Textinput_size_s.Textinput_hasClear .Textinput-Clear_visible ~ .Textinput-Control {
    border-right-width: 40px;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Textinput_size_s.Textinput_hasClear .Textinput-Icon_side_right ~ .Textinput-Control {
    border-right-width: calc(40px * 2);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Textinput_size_s.Textinput_iconRight .Textinput-Clear {
    right: 40px;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Textinput_size_s .Textinput-Icon.Icon {
    width: 40px;
    height: 32px;
}

/* common */
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Textinput_view_contrast .Textinput-Box {
    border: var(--hr-border-width-s) solid transparent;
    border-radius: var(--hr-border-radius-s);
    background-color: var(--hr-color-surface-100);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Textinput_view_contrast.Textinput_state_error .Textinput-Box {
    border-color: var(--hr-color-special-error);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Textinput_view_contrast .Textinput-Control {
    color: var(--hr-color-text-primary);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Textinput_view_contrast .Textinput-Control::-moz-placeholder {
    color: var(--hr-color-text-secondary);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Textinput_view_contrast .Textinput-Control::placeholder {
    color: var(--hr-color-text-secondary);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Textinput_view_contrast .Textinput-Icon {
    color: var(--hr-color-text-secondary);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Textinput_view_contrast.Textinput_state_error .Textinput-Hint {
    margin-top: 8px;

    font: var(--hr-typography-font-caption-m-all-params);

    color: var(--hr-color-special-error);
}

/* disable */
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Textinput_view_contrast.Textinput_disabled .Textinput-Control {
    color: var(--hr-color-text-tertiary);
    -webkit-text-fill-color: var(--hr-color-text-tertiary);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Textinput_view_contrast.Textinput_disabled .Textinput-Control::-moz-placeholder {
    color: var(--hr-color-text-secondary);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Textinput_view_contrast.Textinput_disabled .Textinput-Control::placeholder {
    color: var(--hr-color-text-secondary);
}

/* TODO: Усиливаем селектор для ie11 (оторвать после https://st.yandex-team.ru/ISL-7989) */
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Textinput_view_contrast.Textinput_disabled .Textinput-Box {
    border-color: transparent;
    background-color: var(--hr-color-control-disabled);
}

/* hover */
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Textinput_view_contrast.Textinput_hovered:not(.Textinput_focused) .Textinput-Box[class] {
    border-width: var(--hr-border-width-m);
    border-color: var(--hr-color-surface-100);
    background-color: var(--hr-color-surface-0);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Textinput_view_contrast.Textinput_hovered.Textinput_state_error .Textinput-Box {
    border-color: var(--hr-color-special-error);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Textinput-Box {
    position: absolute;
    z-index: 1; /* рисуем первым уровнем, чтобы сверху класть контрол и иконки */
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    box-sizing: border-box;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Textinput-Control {
    position: relative;
    z-index: 2; /* рисуем поверх __box, чтобы сверху класть иконки */

    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 0;

    font-family: var(--hr-typography-font-family-default);
    font-size: 100%;
    vertical-align: top;

    border: 0 solid transparent;
    outline: 0;
    background: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Textinput_disabled .Textinput-Control {
    z-index: 3;

    cursor: default;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
}

/* Лишние отступы у текста */
/* stylelint-disable no-descending-specificity */
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Textinput-Control::-webkit-search-decoration {
    -webkit-appearance: none;
            appearance: none;
}

/* Нативный крестик */
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Textinput-Control::-webkit-search-cancel-button {
    display: none;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Textinput-Control::-ms-clear {
    display: none;
}

/* фикс цвета браузерного автофилла */
/* Сбрасываем желтый background у инпутов при автозаполнении */
/* Усиление, чтобы перебить стили border у _size_ */
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Textinput-Control.Textinput-Control:-webkit-autofill {
    border-top-width: 2px;
    border-bottom-width: 2px;
    background-clip: content-box;
    box-shadow: inset 0 0 0 50px var(--hr-color-surface-100);
    -webkit-text-fill-color: var(--hr-color-text-primary);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Textinput-Control::-moz-placeholder {
    opacity: 1; /* В firefox полупрозрачный по умолчанию */
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Textinput-Control::placeholder {
    opacity: 1; /* В firefox полупрозрачный по умолчанию */
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Textinput-Hint {
    display: inline-block;

    margin-top: 4px;

    font-family: var(--hr-typography-font-family-default);

    animation: Hint_show 100ms ease-in forwards;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Textinput_size_s .Textinput-Hint {
    font-size: var(--hr-typography-font-size-m);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Textinput_size_m .Textinput-Hint {
    font-size: var(--hr-typography-font-size-s);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Textinput-Hint_leave {
    animation: Hint_leave 100ms ease-out forwards;
}

@keyframes Hint_leave {
    to {
        opacity: 0;

        transform: translateY(-6px);
    }

    from {
        opacity: 1;

        transform: translateY(0);
    }
}

@keyframes Hint_show {
    from {
        opacity: 0;

        transform: translateY(-6px);
    }

    to {
        opacity: 1;

        transform: translateY(0);
    }
}

/* common */
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Textinput_view_outline .Textinput-Box {
    border: var(--hr-border-width-s) solid var(--hr-color-border-secondary);
    border-radius: var(--hr-border-radius-s);
    background-color: transparent;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Textinput_view_outline.Textinput_state_error .Textinput-Box {
    border-color: var(--hr-color-special-error);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Textinput_view_outline .Textinput-Control {
    color: var(--hr-color-text-primary);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Textinput_view_outline .Textinput-Control::-moz-placeholder {
    color: var(--hr-color-text-secondary);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Textinput_view_outline .Textinput-Control::placeholder {
    color: var(--hr-color-text-secondary);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Textinput_view_outline .Textinput-Icon {
    color: var(--hr-color-text-secondary);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Textinput_view_outline.Textinput_state_error .Textinput-Hint {
    margin-top: 8px;

    font: var(--hr-typography-font-caption-m-all-params);

    color: var(--hr-color-special-error);
}

/* disable */
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Textinput_view_outline.Textinput_disabled .Textinput-Control {
    color: var(--hr-color-text-tertiary);
    -webkit-text-fill-color: var(--hr-color-text-tertiary);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Textinput_view_outline.Textinput_disabled .Textinput-Control::-moz-placeholder {
    color: var(--hr-color-text-secondary);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Textinput_view_outline.Textinput_disabled .Textinput-Control::placeholder {
    color: var(--hr-color-text-secondary);
}

/* TODO: Усиливаем селектор для ie11 (оторвать после https://st.yandex-team.ru/ISL-7989) */
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Textinput_view_outline.Textinput_disabled .Textinput-Box {
    border-color: transparent;
    background-color: var(--hr-color-control-disabled);
}

/* hover */
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Textinput_view_outline.Textinput_hovered:not(.Textinput_focused) .Textinput-Box[class] {
    background-color: var(--hr-color-control-secondary-hover);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Textinput_view_outline.Textinput_hovered.Textinput_state_error .Textinput-Box {
    border-color: var(--hr-color-special-error);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Textinput_size_m .Textinput-Box {
    height: 40px;

    border-radius: var(--hr-border-radius-s);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Textinput_size_m .Textinput-Control {
    height: 40px;

    font-size: var(--hr-typography-font-size-s);

    border-width: 12px 16px;
}

/* Усиливаем селектор Textinput, чтобы перебить значения при раскрытии css-переменных. */
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Textinput.Textinput_size_m .Textinput-Icon_side_left ~ .Textinput-Control {
    border-left-width: 48px;
}

/* Усиливаем селектор Textinput, чтобы перебить значения при раскрытии css-переменных. */
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Textinput.Textinput_size_m .Textinput-Icon_side_right ~ .Textinput-Control {
    border-right-width: 48px;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Textinput_size_m.Textinput_hasClear .Textinput-Clear_visible ~ .Textinput-Control {
    border-right-width: 48px;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Textinput_size_m.Textinput_hasClear .Textinput-Icon_side_right ~ .Textinput-Control {
    border-right-width: calc(48px * 2);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Textinput_size_m.Textinput_iconRight .Textinput-Clear {
    right: 48px;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Textinput_size_m .Textinput-Icon.Icon {
    width: 48px;
    height: 40px;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Textinput {
    position: relative;

    display: inline-block;

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

    vertical-align: top;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Textinput_disabled .Textinput-Clear.Textinput-Clear_visible {
    visibility: hidden;
}

/* focus */
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Textinput_focused .Textinput-Box[class] {
    border-color: var(--hr-color-border-primary);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .State-Description {
    display: grid;
    gap: inherit;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .State-Title {
    display: grid;
    gap: var(--hr-space-xs);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .State-Meta {
    position: relative;

    width: -moz-max-content;

    width: max-content;
    justify-self: center;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .State-Copy {
    position: absolute;
    top: 50%;
    right: calc(-1 * (var(--hr-size-control-xs) + var(--hr-space-xs)));

    transform: translateY(-50%);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .State {
    display: grid;
    align-items: center;
    gap: var(--hr-space-l);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .State-Actions {
    display: flex;
    justify-content: center;
    gap: var(--hr-space-xs);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .State-Slot {
    position: relative;

    display: flex;
    overflow: hidden;

    width: 100%;
    margin: auto;

    border-radius: var(--hr-border-radius-l);

    aspect-ratio: var(--hr-internal-state-slot-ratio);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .State-SlotContent {
    margin: auto;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) img.State-SlotContent {
    display: inline-block;

    width: 100%;
    height: 100%;

    -o-object-fit: cover;

       object-fit: cover;
}

.Wrapper--BkCxr {
    width: 50vw;
    margin: 100px auto;
}

.Meta--p4MET {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.RequestId--NzisC {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--hr-space-xs);
}

.LoadingScreen--DorNm {
    position: absolute;
    top: 50%;
    left: 50%;

    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: var(--hr-space-l);

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

.ContentText--Knu6r {
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: var(--hr-space-xs);
}

.RemoteState--sxcCR {
    height: 100%;
}

.RemoteStateLoading--e00lq {
    display: none;
}

.RemoteStateIframe--e55_H {
    overflow: hidden;
}

html,
body {
    overflow: hidden;

    width: 100%;
    min-height: 100vh;
    margin: 0;
    padding: 0;
}

/* stylelint-disable-next-line selector-max-id */
#orbitRoot {
    --sidebar-width: 268px;
    --header-height: 72px;
    --hr-color-surface-staff: #f8f3f3;
    --hr-color-surface-band: #f2f3f8;
    --z-index-orbit-elements: 10;
    display: flex;
    flex-direction: column;

    width: 100%;
    height: 100%;
}

.Theme_color_hrDark #orbitRoot {
    --hr-color-surface-staff: var(--hr-color-surface-0);
    --hr-color-surface-band: var(--hr-color-surface-0);
}

/* Основной контейнер приложения */
.OrbitApp--zYB44 {
    display: flex;
    overflow: hidden;
    flex-direction: row;

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

    background-color: var(--hr-color-surface-0);
}

/* Фон для пространства STAFF */
.OrbitAppHostStaff--IbfK1 {
    background-color: var(--hr-color-surface-staff);
}

/* Фон для пространства Band */
.OrbitAppHostBand--vkn5H {
    background-color: var(--hr-color-surface-band);
}

/* Контент приложения */
.OrbitAppContent--Qu3_5 {
    display: flex;
    overflow: hidden;
    flex: 1;
    flex-direction: column;

    background-color: var(--hr-color-surface-0);

    transform: translateZ(0);
}

/* Модификатор для открытого бокового меню */
.OrbitAppContent_isOpen--TLYPT {
    left: 0;
}

/* Контейнер для модуля */
.OrbitAppModuleWrapper--FTbIJ {
    position: relative;
    z-index: 0;

    overflow-y: auto;
    flex-grow: 1;

    width: auto;
    height: 100%;

    background-color: var(--hr-color-surface-100);
}

.OrbitAppModuleWrapper-isLoading--JHb13 {
    filter: opacity(0);
}

.OrbitAppModalContainer--FGran {
    display: block;
}

/* IFrame внутри модуля */
.orbitAppIFrame--bz9ZU {
    width: 100%;
    height: 100%;

    border: none;
}

.LoadingContainer--wFkqf {
    position: relative;
}

.RemoteContainer--rRA9Q {
    display: none;
}

.RemoteIframe--oyJkn {
    border: none;
}

.root--Uevm4 {
    display: flex;
    align-items: center;

    margin-left: var(--hr-space-s-compact);
    gap: var(--hr-space-xs-compact);
}

.editor--KoySs {
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;

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

    width: 100%;
    height: 100%;

    cursor: pointer;

    background-color: #0000009e;
}

.editorHeader--iPvx7 {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--hr-space-s-compact);

    width: 100%;
    margin-bottom: var(--hr-space-s-compact);
}

.ruleInput--B1Va4 {
    width: 75%;
    height: 75%;
}

.RemotesConfigRoot--xjEKh {
    padding: var(--hr-space-2-xs) var(--hr-space-s-compact);

    font: var(--hr-typography-font-body-s-all-params);

    color: var(--hr-color-text-primary);
}

.Wrapper--IIpbI {
    display: flex;
    overflow: visible;
    flex-wrap: wrap;
    justify-content: flex-start;

    margin: var(--hr-space-s-compact) 0 var(--hr-space-2-xl);

    color: var(--hr-color-text-primary);
    gap: var(--hr-space-l);
}

.ButtonGroup--n386c {
    display: flex;
    gap: var(--hr-space-s-compact);

    margin: var(--hr-space-s-compact) 0 var(--hr-space-2-xl);
}

.ActiveNote--yryUb,
.WrapperOptions--jQ1TP {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--hr-space-s-compact);
}

.WrapperItem--T9MLV {
    width: 160px;
    max-width: 160px;
    padding-right: 10px;

    border-right: 1px solid var(--hr-color-text-primary);
}

.WrapperRemoteCustom--GOy6g {
    display: flex;
    justify-content: start;
    align-items: center;
}

.WrapperLabel--u0hBa {
    display: flex;
}

/*
 * 1. В мобильном сафари есть неприятный bug, связанный с -webkit-overflow-scrolling: touch. Дело в том, что при
 * применении этого свойства, вложенный контент может просто пропадать, это решается включением аппаратного
 * рендеринга, что и сделано. Подробнее http://cantina.co/thought_leadership/ios-5-native-scrolling-grins-and-gothcas/
 */

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Modal {
    position: fixed;
    z-index: 1300;
    top: 0;
    left: 0;

    display: block;
    visibility: hidden;

    width: 100%;
    height: 100%;
    margin: -9999px 0 0 -9999px; /* 1 */

    cursor: pointer;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Modal-Wrapper {
    position: fixed;
    top: 0;
    left: 0;

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

    width: 100%;
    height: 100%;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Modal.Modal_visible {
    display: block;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Modal-Table {
    display: table;

    width: 100%;
    height: 100%;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Modal-Cell {
    display: table-cell;

    text-align: center;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Modal-Cell_align_top {
    vertical-align: top;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Modal-Cell_align_middle {
    vertical-align: middle;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Modal-Cell_align_bottom {
    vertical-align: bottom;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Modal-Content {
    position: relative;
    z-index: 1;

    display: inline-block;

    margin: 5px;

    cursor: auto;
    text-align: left;

    border-radius: var(--hr-border-radius-l);
    outline: none;
    background-color: var(--hr-color-surface-100);

    transform: translate3d(0, 0, 0); /* 1 */
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Modal-Overlay {
    position: fixed;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    background-color: var(--hr-color-special-overlay);
    touch-action: none;

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Modal_visible {
    visibility: visible;

    margin: 0;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Modal-Overlay,
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Modal-Wrapper {
    visibility: hidden;

    margin: -9999px 0 0 -9999px;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Modal-Overlay,
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Modal-Wrapper,
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Modal-Content {
    animation-duration: 0.2s;
    animation-timing-function: ease-in-out;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Modal_visible .Modal-Overlay,
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Modal_visible .Modal-Wrapper {
    visibility: visible;

    margin: 0;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Modal_hasAnimation .Modal-Overlay,
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Modal_hasAnimation .Modal-Wrapper {
    animation-name: Modal_theme_normal;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Modal_hasAnimation .Modal-Content {
    animation-name: Modal-Content_theme_normal;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Modal_visible.Modal_hasAnimation .Modal-Overlay,
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Modal_visible.Modal_hasAnimation .Modal-Wrapper {
    animation-name: Modal_theme_normal_visible;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Modal_visible.Modal_hasAnimation .Modal-Content {
    animation-name: Modal-Content_theme_normal_visible;
}

@keyframes Modal_theme_normal {
    0% {
        visibility: visible;

        margin: 0;

        opacity: 1;
    }

    99% {
        margin: 0;
    }

    100% {
        visibility: hidden;

        margin: -9999px 0 0 -9999px; /* 3 */

        opacity: 0;
    }
}

@keyframes Modal_theme_normal_visible {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes Modal-Content_theme_normal {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(1.5);
    }
}

@keyframes Modal-Content_theme_normal_visible {
    0% {
        transform: scale(0.75);
    }

    100% {
        transform: scale(1);
    }
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .ModalLayout {
    border-radius: var(--hr-border-radius-m);
    background: var(--hr-color-surface-100);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .ModalLayout_platform_desktop {
    position: relative;

    box-sizing: border-box;
    padding: var(--hr-space-xl);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .ModalLayout_platform_mobile {
    position: relative;

    box-sizing: border-box;
    padding: var(--hr-space-m);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .ModalLayout_platform_desktop .ModalLayout-Header {
    display: block;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .ModalLayout_platform_mobile .ModalLayout-Header {
    display: flex;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .ModalLayout_platform_mobile .ModalLayout-HeaderLeft {
    flex-grow: 1;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .ModalLayout_platform_mobile .ModalLayout-HeaderRight {
    max-width: 80px;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .ModalLayout-Title {
    word-break: break-word;

    color: var(--hr-color-text-primary);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .ModalLayout_platform_desktop .ModalLayout-Title {
    padding-right: var(--hr-space-xl);

    font-size: var(--hr-typography-font-title-m-font-size);
    font-weight: var(--hr-typography-font-title-m-font-weight);
    line-height: var(--hr-typography-font-title-m-line-height);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .ModalLayout_platform_mobile .ModalLayout-Title {
    font-size: var(--hr-typography-font-title-m-font-size);
    font-weight: var(--hr-typography-font-title-m-font-weight);
    line-height: var(--hr-typography-font-title-m-line-height);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .ModalLayout-Subtitle {
    margin: var(--hr-space-2-xs) 0;

    color: var(--hr-color-text-secondary);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .ModalLayout_platform_desktop .ModalLayout-Subtitle {
    font-size: var(--hr-typography-font-body-m-font-size);
    font-weight: var(--hr-typography-font-body-m-font-weight);
    line-height: var(--hr-typography-font-body-m-line-height);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .ModalLayout_platform_mobile .ModalLayout-Subtitle {
    font-size: var(--hr-typography-font-body-m-font-size);
    font-weight: var(--hr-typography-font-body-m-font-weight);
    line-height: var(--hr-typography-font-body-m-line-height);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .ModalLayout-Content {
    color: var(--hr-color-text-primary);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .ModalLayout_platform_mobile .ModalLayout-Content {
    margin: var(--hr-space-m) 0;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .ModalLayout_platform_desktop .ModalLayout-Content {
    margin: var(--hr-space-xl) 0;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .ModalLayout-Footer {
    display: flex;
    justify-content: space-between;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .ModalLayout_platform_mobile .ModalLayout-FooterActions {
    display: flex;
    flex-direction: column-reverse;

    width: 100%;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .ModalLayout_platform_desktop .ModalLayout-FooterActions {
    display: flex;
    flex-grow: 1;
    justify-content: flex-end;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .ModalLayout_platform_mobile .ModalLayout-FooterActions .Button2 {
    flex-grow: 1;

    width: 100%;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .ModalLayout-FooterSlots {
    display: flex;
    flex-grow: 1;
    justify-content: flex-start;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .ModalLayout-FooterSlots .ModalLayout-Slot {
    color: var(--hr-color-text-primary);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .ModalLayout_platform_desktop .ModalLayout-Slot + .ModalLayout-Slot {
    margin-left: var(--hr-space-s);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .ModalLayout_platform_mobile .ModalLayout-FooterActions .ModalLayout-Slot + .ModalLayout-Slot {
    margin-bottom: var(--hr-space-s);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .ModalLayout_platform_mobile .ModalLayout-HeaderRight .ModalLayout-Slot + .ModalLayout-Slot {
    margin-top: var(--hr-space-s);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .ModalLayout-Close {
    position: absolute;
    top: var(--hr-space-m);
    right: var(--hr-space-m);

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

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) button.ModalLayout-Close {
    position: absolute;

    display: flex;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .ModalLayout-Close .Icon {
    width: 16px;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Link.Link_view_link {
    --hr-internal-link-color: var(--hr-color-special-link);
    --hr-internal-link-icon-color: var(--hr-color-special-link);
}

@media (hover: hover) and (pointer: fine) {
    :where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Link_view_link:not([aria-disabled='true']):hover .Link-Content {
        -webkit-text-decoration-line: underline;
                text-decoration-line: underline;
    }
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Link.Link_view_primary {
    --hr-internal-link-color: var(--hr-color-text-primary);
    --hr-internal-link-icon-color: var(--hr-color-text-secondary);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Link.Link_view_primary:not([aria-disabled='true']) .Link-Content {
    -webkit-text-decoration-line: underline;
            text-decoration-line: underline;
}

@media (hover: hover) and (pointer: fine) {
    :where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Link.Link_view_primary:hover {
        --hr-internal-link-color: var(--hr-color-text-secondary);
    }
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Link.Link_view_secondary {
    --hr-internal-link-color: var(--hr-color-text-secondary);
    --hr-internal-link-icon-color: var(--hr-color-text-secondary);
}

@media (hover: hover) and (pointer: fine) {
    :where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Link.Link_view_secondary:hover {
        --hr-internal-link-color: var(--hr-color-text-primary);
    }
}

/*
 * В псевдоклассе :visited нельзя переопределить токены
 * https://developer.mozilla.org/en-US/docs/Web/CSS/:visited#privacy_restrictions
 */
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Link.Link_hasVisited:visited,
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Link.Link_hasVisited:visited .Link-Icon {
    color: var(--hr-color-special-link-visited);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Link {
    display: inline;

    max-width: 100%;

    cursor: pointer;
    text-decoration: none;

    color: var(--hr-internal-link-color);
    outline: 0;
    touch-action: manipulation;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Link_size_s {
    font: var(--hr-typography-font-body-s-all-params);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Link_size_m {
    font: var(--hr-typography-font-body-m-all-params);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Link_isOneLine {
    display: inline-flex;

    max-width: 100%;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Link[aria-disabled='true'] {
    --hr-internal-link-color: var(--hr-color-text-tertiary);
    --hr-internal-link-icon-color: var(--hr-color-text-tertiary);

    cursor: default;
    pointer-events: none;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Link-Content {
    -webkit-text-decoration-style: solid;
            text-decoration-style: solid;
    -webkit-text-decoration-skip: ink;
            text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: 25%;
    text-underline-position: from-font;
    overflow-wrap: break-word;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Link-Icon {
    flex-shrink: 0;

    color: var(--hr-internal-link-icon-color);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Link-Icon_left {
    margin-right: var(--hr-space-2-xs);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Link-Icon_right {
    margin-left: var(--hr-space-2-xs);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Link:focus-visible {
    outline: 1px solid var(--hr-color-border-primary);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Menu_size_l {
    padding: var(--hr-space-2-xs);

    font-size: var(--hr-typography-font-size-m);
    line-height: 44px;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Menu_size_l .Menu-Item,
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Menu_size_l .Menu-Title {
    padding-left: var(--hr-space-s);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Menu_size_l .Menu-Item_type_menuitem {
    padding-right: var(--hr-space-s);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Menu_size_l .Menu-Item {
    border-radius: var(--hr-border-radius-s);
    background-position: var(--hr-space-xl) center;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Menu_size_l .Icon.Menu-IconCheck {
    flex-shrink: 0;

    width: var(--hr-size-control-m);
    margin-left: auto;

    color: var(--hr-color-text-secondary);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Menu_size_l .Menu-Group {
    padding: var(--hr-space-xs-compact) 0;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Menu_size_l .Menu-Item + .Menu-Group {
    margin-top: var(--hr-space-xs-compact);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Menu_size_l .Menu-Group + .Menu-Item {
    margin-top: var(--hr-space-xs-compact);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Menu_size_l .Menu-Item_type_option {
    display: flex;
    gap: var(--hr-space-2-xs);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Menu_size_l .Menu-Icon + .Menu-Text {
    margin-left: var(--hr-space-s);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Menu_size_l .Menu-IconSideLeft {
    margin-right: var(--hr-space-s);

    color: var(--hr-color-text-secondary);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Menu_size_s {
    padding: var(--hr-space-2-xs);

    font-size: var(--hr-typography-font-size-s);
    line-height: 32px;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Menu_size_s .Menu-Item,
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Menu_size_s .Menu-Title {
    padding-left: var(--hr-space-s);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Menu_size_s .Menu-Item_type_menuitem {
    padding-right: var(--hr-space-s);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Menu_size_s .Menu-Item {
    border-radius: var(--hr-border-radius-s);
    background-position: 9px center;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Menu_size_s .Icon.Menu-IconCheck {
    flex-shrink: 0;

    width: var(--hr-size-control-m);
    margin-left: auto;

    color: var(--hr-color-text-secondary);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Menu_size_s .Menu-Group {
    padding: var(--hr-space-xs) 0;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Menu_size_s .Menu-Item + .Menu-Group {
    margin-top: var(--hr-space-2-xs);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Menu_size_s .Menu-Group + .Menu-Item {
    margin-top: var(--hr-space-2-xs);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Menu_size_s .Menu-Item_type_option {
    display: flex;
    gap: var(--hr-space-2-xs);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Menu_size_s .Menu-IconSideLeft {
    margin-right: var(--hr-space-s);

    color: var(--hr-color-text-secondary);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Menu_size_s .Menu-Icon + .Menu-Text {
    margin-left: var(--hr-space-xs);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Menu_width_max {
    width: 100%;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Menu_width_max .Menu-Item {
    overflow: hidden;

    text-overflow: ellipsis;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Menu_size_m {
    padding: var(--hr-space-2-xs);

    font-size: var(--hr-typography-font-size-s);
    line-height: 36px;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Menu_size_m .Menu-Item,
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Menu_size_m .Menu-Title {
    padding-left: var(--hr-space-s);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Menu_size_m .Menu-Item_type_menuitem {
    padding-right: var(--hr-space-s);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Menu_size_m .Menu-Item {
    border-radius: var(--hr-border-radius-s);
    background-position: 15px center;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Menu_size_m .Icon.Menu-IconCheck {
    flex-shrink: 0;

    width: var(--hr-size-control-m);
    margin-left: auto;

    color: var(--hr-color-text-secondary);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Menu_size_m .Menu-Group {
    padding: var(--hr-space-xs) 0;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Menu_size_m .Menu-Item + .Menu-Group {
    margin-top: var(--hr-space-xs-compact);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Menu_size_m .Menu-Group + .Menu-Item {
    margin-top: var(--hr-space-xs-compact);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Menu_size_m .Menu-Item_type_option {
    display: flex;
    gap: var(--hr-space-2-xs);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Menu_size_m .Menu-Icon + .Menu-Text {
    margin-left: var(--hr-space-s);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Menu_size_m .Menu-IconSideLeft {
    margin-right: var(--hr-space-s);

    color: var(--hr-color-text-secondary);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Menu {
    display: inline-grid;
    overflow-x: hidden;
    overflow-y: auto;

    box-sizing: border-box;

    font-family: var(--hr-typography-font-family-default);
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;

    color: var(--hr-color-text-primary);
    outline: 0;
    background-color: var(--hr-color-surface-100);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Menu-Item {
    position: relative;

    cursor: pointer;
    white-space: nowrap;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Menu_disabled,
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Menu-Item_disabled {
    cursor: default;
    pointer-events: none;
}

/* common */
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Menu-Group {
    position: relative;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Menu-Group:not(:first-child)::before {
    position: absolute;
    top: 0;
    right: calc(var(--hr-space-2-xs) * -1);
    left: calc(var(--hr-space-2-xs) * -1);

    height: 1px;

    content: '';

    background-color: var(--hr-color-border-tertiary);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Menu-Group:first-child {
    border-top: none;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Menu-Group:last-child {
    padding-bottom: 0;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Menu-Title {
    margin-bottom: var(--hr-space-2-xs-compact);

    font: var(--hr-typography-font-caption-m-all-params);

    color: var(--hr-color-text-secondary);
}

/* stylelint-disable-next-line selector-max-universal */
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Menu-Item * {
    /* Обнуляем значения для интерактивных элементов внутри пункта меню. */
    text-decoration: none;

    outline: none;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Menu-Item .Icon.Icon_glyph_check {
    visibility: hidden;
}

/* check */
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Menu .Menu-Item.Menu-Item_checked .Icon_glyph_check {
    visibility: visible;
}

/* disable */
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Menu_disabled .Menu-Item,
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Menu-Item.Menu-Item_disabled {
    opacity: 0.3;
    color: var(--hr-color-text-tertiary);
}

/* hover */
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Menu-Item.Menu-Item_hovered {
    color: var(--hr-color-text-primary);
    background-color: var(--hr-color-control-secondary-hover);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Menu-Item.Menu-Item_disabled[aria-disabled='true'] {
    opacity: 1;
}

/* костыль для HRDS-543 - баг из лего */
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Menu-Item.Menu-Item_hovered.Menu-Item_disabled {
    color: var(--hr-color-text-tertiary);
    background-color: unset;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Breadcrumbs-Crumbs::after {
    margin: 0 var(--hr-space-xs);

    content: '/';

    color: var(--hr-color-text-secondary);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Breadcrumbs-Crumbs .Link_theme_ghost {
    color: var(--hr-color-text-secondary);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Breadcrumbs-Crumbs .Link_theme_ghost:not([aria-disabled='true']):hover {
    color: var(--hr-color-text-primary);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Breadcrumbs-Crumbs {
    display: inline-flex;

    box-sizing: border-box;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Breadcrumbs-BackIcon {
    width: 10px;
    margin-right: var(--hr-space-xs);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Breadcrumbs-Item {
    display: inline-flex;

    max-width: 100%;

    color: var(--hr-color-text-primary);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Breadcrumbs-Item .Link_theme_ghost {
    color: var(--hr-color-text-secondary);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Breadcrumbs-Item .Link_theme_ghost:not([aria-disabled='true']):hover {
    color: var(--hr-color-text-primary);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Breadcrumbs-Item_hasDivider::after {
    margin: 0 var(--hr-space-xs);

    content: '/';

    color: var(--hr-color-text-secondary);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Breadcrumbs-Item_width_short {
    flex-shrink: 0;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Breadcrumbs-ItemText {
    display: inline-block;
    overflow: hidden;

    font-size: var(--hr-typography-font-body-s-font-size);
    line-height: var(--hr-typography-font-body-s-line-height);
    white-space: nowrap;
    text-overflow: ellipsis;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Breadcrumbs-Item_width_short .Breadcrumbs-ItemText {
    max-width: 200px;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Breadcrumbs-Item_width_max {
    max-width: 100%;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Breadcrumbs-Tooltip.Tooltip_size_s .Tooltip-Content {
    max-width: unset;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Breadcrumbs > ul {
    display: flex;

    margin: 0;
    padding-inline-start: 0;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Breadcrumbs {
    max-width: 100%;

    font-size: var(--hr-typography-font-body-s-font-size);
    line-height: var(--hr-typography-font-body-s-line-height);
    white-space: nowrap;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Breadcrumbs_view_crumbs {
    display: none;
}

/* TODO:HRDS-59 Заменить хардкод токена на переменную настроек grid как только они будут доступны */
@media only screen and (min-width: 768px) {
    :where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Breadcrumbs_view_return {
        display: none;
    }

    :where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Breadcrumbs_view_crumbs {
        display: block;
    }
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Skeleton {
    display: inline-block;

    background-color: var(--hr-color-control-secondary-contrast);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Skeleton_animation {
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Skeleton_type_text {
    width: 100%;
    height: 1em;

    border-radius: var(--hr-border-radius-2-xs);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Skeleton_type_avatar {
    border-radius: 50%;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Skeleton_type_control {
    width: 100%;

    border-radius: var(--hr-border-radius-xs);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Skeleton_type_text.Skeleton_size_l {
    height: var(--hr-typography-font-display-m-font-size);
    margin: var(--hr-space-xs) 0;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Skeleton_type_text.Skeleton_size_m {
    height: var(--hr-typography-font-title-m-font-size);
    margin: var(--hr-space-xs) 0;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Skeleton_type_text.Skeleton_size_s {
    height: var(--hr-typography-font-body-m-font-size);
    margin: var(--hr-space-xs) 0;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Skeleton_type_control.Skeleton_size_l {
    height: 48px;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Skeleton_type_control.Skeleton_size_m {
    height: 40px;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Skeleton_type_control.Skeleton_size_s {
    height: 32px;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Skeleton_type_avatar.Skeleton_size_l {
    width: 44px;
    height: 44px;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Skeleton_type_avatar.Skeleton_size_m {
    width: 36px;
    height: 36px;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Skeleton_type_avatar.Skeleton_size_s {
    width: 32px;
    height: 32px;
}

@keyframes pulse {
    from {
        opacity: 1;
    }

    50% {
        opacity: 0.5;
    }

    to {
        opacity: 1;
    }
}

.Orbit--yViX6.Button {
    justify-content: flex-start;

    width: 100%;
}

.OrbitChecked--aQTWy {
    cursor: default;
    pointer-events: none;
}

.Orbit--yViX6 .Button-Text {
    padding: var(--hr-space-xs) 0;
}

.Orbit--yViX6 .Button-Slot {
    --hr-internal-slot-space: var(--hr-space-xs);
}

.OrbitContent--lFdW_ {
    display: flex;
    align-items: center;
    column-gap: var(--hr-space-xs);
}

.Arrows--tOcRp {
    width: var(--hr-size-control-2-xs);
}

.OrbitsMenu--DCHCc {
    z-index: 1;

    padding: var(--hr-space-2-xs);
}

/* Animation is disabled until ORBIT-282 */
:has(> .OrbitsMenu--DCHCc) {
    animation: none !important;
}

.HeaderWrapper--Y0MjV {
    display: flex;
    align-items: center;

    column-gap: var(--hr-space-m);
}

.Header--vd57X {
    display: flex;
    align-items: center;

    margin-left: var(--hr-space-xs);
}

.Logo--BVbRD {
    display: flex;
    align-items: center;
}

.Separator--Aku1u {
    height: var(--hr-size-control-2-xs);
    margin: 0 var(--hr-space-xs);

    border: 0.5px solid var(--hr-color-border-tertiary);
    border-radius: var(--hr-border-width-s);
}

.SmallAvatar--QCrF5 {
    width: var(--hr-size-control-xs);
    height: var(--hr-size-control-xs);
}

.ControlWrapper--lKazB .Button-Text {
    position: relative;

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

    padding: var(--hr-space-xs) 0;

    cursor: pointer;

    column-gap: var(--hr-space-xs);
}

.ControlWrapper--lKazB .Button-Slot {
    --hr-internal-slot-space: var(--hr-space-xs);
}

.Menu--obzxm {
    width: 240px;
}

.MenuItem--pmnQm {
    display: flex;
    align-items: center;
    column-gap: var(--hr-space-s);

    height: var(--hr-size-control-m);
}

.LogoSpace--ilnng {
    height: var(--hr-space-xl);

    color: var(--hr-color-text-primary);
}

.Arrows--osZgr {
    width: var(--hr-size-control-2-xs);

    color: var(--hr-color-text-tertiary);
}

@media (max-width: 1279px) {
    .HeaderWrapper--Y0MjV {
        padding-right: 0;
    }
}

.g-icon {
  color: inherit;
  line-height: 0;
  vertical-align: top;
}
.g-hotkey {
  padding: 1px 5px;
  border-radius: 4px;
}
.g-hotkey,
.g-hotkey kbd {
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-1-font-size);
  line-height: var(--g-text-body-1-line-height);
}
.g-hotkey_view_light {
  background-color: var(--g-color-base-generic);
}
.g-hotkey_view_light .g-hotkey__plus {
  color: var(--g-color-text-hint);
}
.g-hotkey_view_dark {
  color: var(--g-color-text-light-complementary);
  background-color: var(--g-color-base-light-simple-hover);
}
.g-hotkey_view_dark .g-hotkey__plus {
  color: var(--g-color-text-light-hint);
}
.g-portal__theme-wrapper {
  display: contents;
}
.g-popup {
  --_--background-color: var(--g-popup-background-color, var(--g-color-base-float));
  --_--border-color: var(--g-popup-border-color, var(--g-color-line-generic-solid));
  --_--border-width: var(--g-popup-border-width, 1px);
  z-index: 1000;
  visibility: hidden;
}
.g-popup_open, .g-popup_exit_active {
  visibility: visible;
}
.g-popup_exit_active[data-popper-placement*=bottom] .g-popup__content {
  animation-name: g-popup-bottom;
}
.g-popup_exit_active[data-popper-placement*=top] .g-popup__content {
  animation-name: g-popup-top;
}
.g-popup_exit_active[data-popper-placement*=left] .g-popup__content {
  animation-name: g-popup-left;
}
.g-popup_exit_active[data-popper-placement*=right] .g-popup__content {
  animation-name: g-popup-right;
}
.g-popup_enter_active[data-popper-placement*=bottom] .g-popup__content, .g-popup_appear_active[data-popper-placement*=bottom] .g-popup__content {
  animation-name: g-popup-bottom-open;
}
.g-popup_enter_active[data-popper-placement*=top] .g-popup__content, .g-popup_appear_active[data-popper-placement*=top] .g-popup__content {
  animation-name: g-popup-top-open;
}
.g-popup_enter_active[data-popper-placement*=left] .g-popup__content, .g-popup_appear_active[data-popper-placement*=left] .g-popup__content {
  animation-name: g-popup-left-open;
}
.g-popup_enter_active[data-popper-placement*=right] .g-popup__content, .g-popup_appear_active[data-popper-placement*=right] .g-popup__content {
  animation-name: g-popup-right-open;
}
.g-popup[data-popper-placement*=bottom] .g-popup__arrow {
  inset-block-start: -9px;
}
.g-popup[data-popper-placement*=top] .g-popup__arrow {
  inset-block-end: -9px;
}
.g-popup[data-popper-placement*=top] .g-popup__arrow-content {
  transform: rotate(180deg);
}
.g-popup[data-popper-placement*=left] .g-popup__arrow {
  right: -9px;
}
.g-popup[data-popper-placement*=left] .g-popup__arrow-content {
  transform: rotate(90deg);
}
.g-popup[data-popper-placement*=right] .g-popup__arrow {
  left: -9px;
}
.g-popup[data-popper-placement*=right] .g-popup__arrow-content {
  transform: rotate(-90deg);
}
.g-popup__content {
  position: relative;
  animation-duration: 0.1s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
  border-radius: 4px;
  background-color: var(--_--background-color);
  box-shadow: 0 0 0 var(--_--border-width) var(--_--border-color), 0 8px 20px var(--_--border-width) var(--g-color-sfx-shadow);
  outline: none;
}
.g-popup__content > :first-child:not(.g-popup__arrow), .g-popup__content > .g-popup__arrow + * {
  border-start-start-radius: inherit;
  border-start-end-radius: inherit;
}
.g-popup__content > :last-child {
  border-end-start-radius: inherit;
  border-end-end-radius: inherit;
}
.g-popup__arrow-content {
  width: 18px;
  height: 18px;
  position: relative;
  overflow: hidden;
  display: flex;
}
.g-popup__arrow-circle-wrapper {
  background-color: transparent;
  overflow: hidden;
  width: 9px;
  height: 9px;
  position: relative;
}
.g-popup__arrow-circle {
  box-sizing: border-box;
  border-radius: 50%;
  box-shadow: inset 0 0 0 calc(5px - var(--_--border-width)) var(--_--background-color), inset 0 0 0 5px var(--_--border-color);
  width: 28px;
  height: 30px;
  position: absolute;
}
.g-popup__arrow-circle_left {
  inset-inline-end: -5px;
  inset-block-end: -4px;
}
.g-popup__arrow-circle_right {
  inset-inline-start: -5px;
  inset-block-end: -4px;
}

@keyframes g-popup-bottom {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(10px);
  }
}
@keyframes g-popup-bottom-open {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes g-popup-top {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-10px);
  }
}
@keyframes g-popup-top-open {
  0% {
    opacity: 0;
    transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes g-popup-left {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-10px);
  }
}
@keyframes g-popup-left-open {
  0% {
    opacity: 0;
    transform: translateX(-10px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes g-popup-right {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(10px);
  }
}
@keyframes g-popup-right-open {
  0% {
    opacity: 0;
    transform: translateX(10px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.g-action-tooltip {
  --g-popup-border-width: 0;
  --g-popup-background-color: var(--g-color-base-float-heavy);
}
.g-action-tooltip__content {
  padding: 6px 12px;
  color: var(--g-color-text-light-primary);
  max-width: 300px;
  box-sizing: border-box;
}
.g-action-tooltip__heading {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}
.g-action-tooltip__title {
  color: var(--g-color-text-light-primary);
}
.g-action-tooltip__hotkey {
  margin-inline-start: 8px;
}
.g-action-tooltip__description {
  margin-block-start: 4px;
  color: var(--g-color-text-light-secondary);
}
@charset "UTF-8";
.g-button {
  --_--text-color: var(--g-color-text-primary);
  --_--text-color-hover: var(--_--text-color);
  --_--background-color: transparent;
  --_--background-color-hover: var(--g-color-base-simple-hover);
  --_--border-width: 0;
  --_--border-color: currentColor;
  --_--focus-outline-color: var(--g-color-line-focus);
  --_--focus-outline-offset: 0;
  --_--font-size: var(--g-text-body-1-font-size);
  padding: 0;
  font-family: var(--g-text-body-font-family);
  font-size: inherit;
  font-weight: var(--g-text-body-font-weight);
  color: inherit;
  background: none;
  border: none;
  outline: none;
  cursor: pointer;
  position: relative;
  overflow: visible;
  box-sizing: border-box;
  height: var(--g-button-height, var(--_--height));
  line-height: var(--g-button-height, var(--_--height));
  font-size: var(--g-button-font-size, var(--_--font-size));
  user-select: none;
  text-align: center;
  white-space: nowrap;
  text-decoration: none;
  color: var(--g-button-text-color, var(--_--text-color));
  background: transparent;
  touch-action: manipulation;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  transition: transform 0.1s ease-out, color 0.15s linear;
  transform: scale(1);
  display: inline-flex;
  justify-content: center;
  padding: 0 var(--g-button-padding, var(--_--padding));
  gap: var(--g-button-icon-offset, var(--_--icon-offset));
}
.g-button::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  background-color: var(--g-button-background-color, var(--_--background-color));
  border: var(--g-button-border-width, var(--_--border-width)) var(--g-button-border-style, solid) var(--g-button-border-color, var(--_--border-color));
  transition: background-color 0.15s linear;
}
.g-button:hover {
  color: var(--g-button-text-color-hover, var(--_--text-color-hover));
}
.g-button:hover::before {
  background-color: var(--g-button-background-color-hover, var(--_--background-color-hover));
}
.g-button:focus-visible::before {
  outline: var(--g-button-focus-outline-color, var(--_--focus-outline-color)) var(--g-button-focus-outline-style, solid) var(--g-button-focus-outline-width, 2px);
  outline-offset: var(--g-button-focus-outline-offset, var(--_--focus-outline-offset));
}
.g-button::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  transform: scale(1);
  transition: none;
}
.g-button:active {
  transition: none;
  transform: scale(0.96);
}
.g-button:active::after {
  transform: scale(1.042);
}
.g-button_size_xs {
  --_--height: 20px;
  --_--border-radius: var(--g-border-radius-xs);
  --_--padding: 6px;
  --_--icon-size: 12px;
  --_--icon-offset: 4px;
}
.g-button_size_s {
  --_--height: 24px;
  --_--border-radius: var(--g-border-radius-s);
  --_--padding: 8px;
  --_--icon-size: 16px;
  --_--icon-offset: 4px;
}
.g-button_size_m {
  --_--height: 28px;
  --_--border-radius: var(--g-border-radius-m);
  --_--padding: 12px;
  --_--icon-size: 16px;
  --_--icon-offset: 8px;
}
.g-button_size_l {
  --_--height: 36px;
  --_--border-radius: var(--g-border-radius-l);
  --_--padding: 16px;
  --_--icon-size: 16px;
  --_--icon-offset: 8px;
}
.g-button_size_xl {
  --_--height: 44px;
  --_--border-radius: var(--g-border-radius-xl);
  --_--padding: 24px;
  --_--icon-size: 20px;
  --_--icon-offset: 12px;
  --_--font-size: var(--g-text-body-2-font-size);
}
.g-button_view_normal {
  --_--background-color: var(--g-color-base-generic);
  --_--background-color-hover: var(--g-color-base-generic-hover);
}
.g-button_view_action {
  --_--text-color: var(--g-color-text-brand-contrast);
  --_--background-color: var(--g-color-base-brand);
  --_--background-color-hover: var(--g-color-base-brand-hover);
  --_--focus-outline-color: var(--g-color-base-brand);
  --_--focus-outline-offset: 1px;
}
.g-button_view_outlined {
  --_--border-width: 1px;
  --_--border-color: var(--g-color-line-generic);
}
.g-button_view_outlined-info {
  --_--text-color: var(--g-color-text-info);
  --_--border-width: 1px;
  --_--border-color: var(--g-color-line-info);
}
.g-button_view_outlined-success {
  --_--text-color: var(--g-color-text-positive);
  --_--border-width: 1px;
  --_--border-color: var(--g-color-line-positive);
}
.g-button_view_outlined-warning {
  --_--text-color: var(--g-color-text-warning);
  --_--border-width: 1px;
  --_--border-color: var(--g-color-line-warning);
}
.g-button_view_outlined-danger {
  --_--text-color: var(--g-color-text-danger);
  --_--border-width: 1px;
  --_--border-color: var(--g-color-line-danger);
}
.g-button_view_outlined-utility {
  --_--text-color: var(--g-color-text-utility);
  --_--border-width: 1px;
  --_--border-color: var(--g-color-line-utility);
}
.g-button_view_outlined-action {
  --_--text-color: var(--g-color-text-brand);
  --_--border-width: 1px;
  --_--border-color: var(--g-color-line-brand);
}
.g-button_view_raised {
  --_--background-color-hover: var(--g-color-base-float-hover);
  background: var(--g-color-base-float);
}
.g-button_view_raised::before {
  box-shadow: 0 3px 5px var(--g-color-sfx-shadow);
}
.g-button_view_raised:active::before {
  box-shadow: 0 1px 2px var(--g-color-sfx-shadow);
}
.g-button_view_flat-secondary {
  --_--text-color: var(--g-color-text-secondary);
  --_--text-color-hover: var(--g-color-text-primary);
}
.g-button_view_flat-info {
  --_--text-color: var(--g-color-text-info);
}
.g-button_view_flat-success {
  --_--text-color: var(--g-color-text-positive);
}
.g-button_view_flat-warning {
  --_--text-color: var(--g-color-text-warning);
}
.g-button_view_flat-danger {
  --_--text-color: var(--g-color-text-danger);
}
.g-button_view_flat-utility {
  --_--text-color: var(--g-color-text-utility);
}
.g-button_view_flat-action {
  --_--text-color: var(--g-color-text-brand);
}
.g-button_view_normal-contrast {
  --_--text-color: var(--g-color-text-dark-primary);
  --_--background-color: var(--g-color-base-light);
  --_--background-color-hover: var(--g-color-base-light-hover);
  --_--focus-outline-color: var(--g-color-line-light);
}
.g-button_view_normal-contrast.g-button_loading {
  --_--background-color-hover: var(--g-color-base-simple-hover);
}
.g-button_view_outlined-contrast {
  --_--text-color: var(--g-color-text-light-primary);
  --_--background-color-hover: var(--g-color-base-light-simple-hover);
  --_--border-width: 1px;
  --_--border-color: var(--g-color-line-light);
  --_--focus-outline-color: var(--g-color-line-light);
}
.g-button_view_flat-contrast {
  --_--text-color: var(--g-color-text-light-primary);
  --_--background-color-hover: var(--g-color-base-light-simple-hover);
  --_--focus-outline-color: var(--g-color-line-light);
}
.g-button.g-button_pin_round-round.g-button {
  border-radius: var(--g-button-border-radius, var(--_--border-radius));
}
.g-button.g-button_pin_brick-brick.g-button {
  border-radius: 0;
}
.g-button.g-button_pin_clear-clear.g-button {
  border-radius: 0;
  border-inline: 0;
}
.g-button.g-button_pin_circle-circle.g-button {
  border-radius: 100px;
}
.g-button.g-button_pin_round-brick.g-button {
  border-start-start-radius: var(--g-button-border-radius, var(--_--border-radius));
  border-start-end-radius: 0;
  border-end-start-radius: var(--g-button-border-radius, var(--_--border-radius));
  border-end-end-radius: 0;
}
.g-button.g-button_pin_brick-round.g-button {
  border-start-start-radius: 0;
  border-start-end-radius: var(--g-button-border-radius, var(--_--border-radius));
  border-end-start-radius: 0;
  border-end-end-radius: var(--g-button-border-radius, var(--_--border-radius));
}
.g-button.g-button_pin_round-clear.g-button {
  border-start-start-radius: var(--g-button-border-radius, var(--_--border-radius));
  border-start-end-radius: 0;
  border-end-start-radius: var(--g-button-border-radius, var(--_--border-radius));
  border-end-end-radius: 0;
  border-inline-end: 0;
}
.g-button.g-button_pin_clear-round.g-button {
  border-start-start-radius: 0;
  border-start-end-radius: var(--g-button-border-radius, var(--_--border-radius));
  border-end-start-radius: 0;
  border-end-end-radius: var(--g-button-border-radius, var(--_--border-radius));
  border-inline-start: 0;
}
.g-button.g-button_pin_brick-clear.g-button {
  border-radius: 0;
  border-inline-end: 0;
}
.g-button.g-button_pin_clear-brick.g-button {
  border-radius: 0;
  border-inline-start: 0;
}
.g-button.g-button_pin_circle-brick.g-button {
  border-start-start-radius: 100px;
  border-start-end-radius: 0;
  border-end-start-radius: 100px;
  border-end-end-radius: 0;
}
.g-button.g-button_pin_brick-circle.g-button {
  border-start-start-radius: 0;
  border-start-end-radius: 100px;
  border-end-start-radius: 0;
  border-end-end-radius: 100px;
}
.g-button.g-button_pin_circle-clear.g-button {
  border-start-start-radius: 100px;
  border-start-end-radius: 0;
  border-end-start-radius: 100px;
  border-end-end-radius: 0;
  border-inline-end: 0;
}
.g-button.g-button_pin_clear-circle.g-button {
  border-start-start-radius: 0;
  border-start-end-radius: 100px;
  border-end-start-radius: 0;
  border-end-end-radius: 100px;
  border-inline-start: 0;
}
.g-button.g-button_pin_round-round::before {
  border-radius: var(--g-button-border-radius, var(--_--border-radius));
}
.g-button.g-button_pin_brick-brick::before {
  border-radius: 0;
}
.g-button.g-button_pin_clear-clear::before {
  border-radius: 0;
  border-inline: 0;
}
.g-button.g-button_pin_circle-circle::before {
  border-radius: 100px;
}
.g-button.g-button_pin_round-brick::before {
  border-start-start-radius: var(--g-button-border-radius, var(--_--border-radius));
  border-start-end-radius: 0;
  border-end-start-radius: var(--g-button-border-radius, var(--_--border-radius));
  border-end-end-radius: 0;
}
.g-button.g-button_pin_brick-round::before {
  border-start-start-radius: 0;
  border-start-end-radius: var(--g-button-border-radius, var(--_--border-radius));
  border-end-start-radius: 0;
  border-end-end-radius: var(--g-button-border-radius, var(--_--border-radius));
}
.g-button.g-button_pin_round-clear::before {
  border-start-start-radius: var(--g-button-border-radius, var(--_--border-radius));
  border-start-end-radius: 0;
  border-end-start-radius: var(--g-button-border-radius, var(--_--border-radius));
  border-end-end-radius: 0;
  border-inline-end: 0;
}
.g-button.g-button_pin_clear-round::before {
  border-start-start-radius: 0;
  border-start-end-radius: var(--g-button-border-radius, var(--_--border-radius));
  border-end-start-radius: 0;
  border-end-end-radius: var(--g-button-border-radius, var(--_--border-radius));
  border-inline-start: 0;
}
.g-button.g-button_pin_brick-clear::before {
  border-radius: 0;
  border-inline-end: 0;
}
.g-button.g-button_pin_clear-brick::before {
  border-radius: 0;
  border-inline-start: 0;
}
.g-button.g-button_pin_circle-brick::before {
  border-start-start-radius: 100px;
  border-start-end-radius: 0;
  border-end-start-radius: 100px;
  border-end-end-radius: 0;
}
.g-button.g-button_pin_brick-circle::before {
  border-start-start-radius: 0;
  border-start-end-radius: 100px;
  border-end-start-radius: 0;
  border-end-end-radius: 100px;
}
.g-button.g-button_pin_circle-clear::before {
  border-start-start-radius: 100px;
  border-start-end-radius: 0;
  border-end-start-radius: 100px;
  border-end-end-radius: 0;
  border-inline-end: 0;
}
.g-button.g-button_pin_clear-circle::before {
  border-start-start-radius: 0;
  border-start-end-radius: 100px;
  border-end-start-radius: 0;
  border-end-end-radius: 100px;
  border-inline-start: 0;
}
.g-button.g-button_pin_round-round::after {
  border-radius: var(--g-button-border-radius, var(--_--border-radius));
}
.g-button.g-button_pin_brick-brick::after {
  border-radius: 0;
}
.g-button.g-button_pin_clear-clear::after {
  border-radius: 0;
  border-inline: 0;
}
.g-button.g-button_pin_circle-circle::after {
  border-radius: 100px;
}
.g-button.g-button_pin_round-brick::after {
  border-start-start-radius: var(--g-button-border-radius, var(--_--border-radius));
  border-start-end-radius: 0;
  border-end-start-radius: var(--g-button-border-radius, var(--_--border-radius));
  border-end-end-radius: 0;
}
.g-button.g-button_pin_brick-round::after {
  border-start-start-radius: 0;
  border-start-end-radius: var(--g-button-border-radius, var(--_--border-radius));
  border-end-start-radius: 0;
  border-end-end-radius: var(--g-button-border-radius, var(--_--border-radius));
}
.g-button.g-button_pin_round-clear::after {
  border-start-start-radius: var(--g-button-border-radius, var(--_--border-radius));
  border-start-end-radius: 0;
  border-end-start-radius: var(--g-button-border-radius, var(--_--border-radius));
  border-end-end-radius: 0;
  border-inline-end: 0;
}
.g-button.g-button_pin_clear-round::after {
  border-start-start-radius: 0;
  border-start-end-radius: var(--g-button-border-radius, var(--_--border-radius));
  border-end-start-radius: 0;
  border-end-end-radius: var(--g-button-border-radius, var(--_--border-radius));
  border-inline-start: 0;
}
.g-button.g-button_pin_brick-clear::after {
  border-radius: 0;
  border-inline-end: 0;
}
.g-button.g-button_pin_clear-brick::after {
  border-radius: 0;
  border-inline-start: 0;
}
.g-button.g-button_pin_circle-brick::after {
  border-start-start-radius: 100px;
  border-start-end-radius: 0;
  border-end-start-radius: 100px;
  border-end-end-radius: 0;
}
.g-button.g-button_pin_brick-circle::after {
  border-start-start-radius: 0;
  border-start-end-radius: 100px;
  border-end-start-radius: 0;
  border-end-end-radius: 100px;
}
.g-button.g-button_pin_circle-clear::after {
  border-start-start-radius: 100px;
  border-start-end-radius: 0;
  border-end-start-radius: 100px;
  border-end-end-radius: 0;
  border-inline-end: 0;
}
.g-button.g-button_pin_clear-circle::after {
  border-start-start-radius: 0;
  border-start-end-radius: 100px;
  border-end-start-radius: 0;
  border-end-end-radius: 100px;
  border-inline-start: 0;
}
.g-button__text {
  display: inline-block;
  white-space: nowrap;
}
.g-button__icon {
  display: inline-block;
  position: relative;
  margin: 0 calc((var(--g-button-height, var(--_--height)) - var(--g-button-icon-size, var(--_--icon-size))) / 2 * -1);
  width: var(--g-button-height, var(--_--height));
  height: var(--g-button-height, var(--_--height));
}
.g-button__icon::after {
  content: " ";
  visibility: hidden;
}
.g-button__icon-inner {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.g-button__icon_side_start {
  order: -1;
}
.g-button__icon_side_end {
  order: 1;
}
.g-button__icon:only-child {
  margin: 0;
}
.g-button:has(.g-button__icon:only-child) {
  --_--padding: 0;
}
.g-button:has(.g-button__icon:only-child):not(.g-button_width_max) {
  width: var(--g-button-height, var(--_--height));
}
.g-button_selected:not(.g-button_view_outlined-contrast) {
  --_--border-width: 0;
}
.g-button_selected:not(.g-button_view_normal-contrast,
.g-button_view_flat-contrast,
.g-button_view_outlined-contrast) {
  --_--text-color: var(--g-color-text-brand-heavy);
  --_--background-color: var(--g-color-base-selection);
  --_--background-color-hover: var(--g-color-base-selection-hover);
}
.g-button_selected.g-button_view_outlined-info, .g-button_selected.g-button_view_flat-info {
  --_--text-color: var(--g-color-text-info-heavy);
  --_--background-color: var(--g-color-base-info-light);
  --_--background-color-hover: var(--g-color-base-info-light-hover);
}
.g-button_selected.g-button_view_outlined-success, .g-button_selected.g-button_view_flat-success {
  --_--text-color: var(--g-color-text-positive-heavy);
  --_--background-color: var(--g-color-base-positive-light);
  --_--background-color-hover: var(--g-color-base-positive-light-hover);
}
.g-button_selected.g-button_view_outlined-warning, .g-button_selected.g-button_view_flat-warning {
  --_--text-color: var(--g-color-text-warning-heavy);
  --_--background-color: var(--g-color-base-warning-light);
  --_--background-color-hover: var(--g-color-base-warning-light-hover);
}
.g-button_selected.g-button_view_outlined-danger, .g-button_selected.g-button_view_flat-danger {
  --_--text-color: var(--g-color-text-danger-heavy);
  --_--background-color: var(--g-color-base-danger-light);
  --_--background-color-hover: var(--g-color-base-danger-light-hover);
}
.g-button_selected.g-button_view_outlined-utility, .g-button_selected.g-button_view_flat-utility {
  --_--text-color: var(--g-color-text-utility-heavy);
  --_--background-color: var(--g-color-base-utility-light);
  --_--background-color-hover: var(--g-color-base-utility-light-hover);
}
.g-button_disabled {
  cursor: default;
  pointer-events: none;
}
.g-button_disabled:not(.g-button_loading) {
  --_--text-color: var(--g-color-text-hint);
  --_--background-color: var(--g-color-base-generic-accent-disabled);
  --_--background-color-hover: var(--g-color-base-generic-accent-disabled);
  --_--border-width: 0;
}
.g-button_disabled:not(.g-button_loading):is(.g-button_view_normal-contrast, .g-button_view_outlined-contrast) {
  --_--text-color: var(--g-color-text-light-secondary);
  --_--background-color: var(--g-color-base-light-disabled);
  --_--background-color-hover: var(--g-color-base-light-disabled);
}
.g-button_disabled:not(.g-button_loading):is(.g-button_view_flat,
.g-button_view_flat-secondary,
.g-button_view_flat-info,
.g-button_view_flat-success,
.g-button_view_flat-warning,
.g-button_view_flat-danger,
.g-button_view_flat-utility,
.g-button_view_flat-action,
.g-button_view_flat-contrast) {
  --_--text-color: var(--g-color-text-hint);
  --_--background-color: transparent;
  --_--background-color-hover: transparent;
}
.g-button_disabled:not(.g-button_loading).g-button_view_flat-contrast {
  --_--text-color: var(--g-color-text-light-hint);
}
.g-button_disabled:active {
  transform: scale(1);
}
.g-button_loading::before {
  background-image: repeating-linear-gradient(-45deg, var(--g-button-background-color, var(--_--background-color)), var(--g-button-background-color, var(--_--background-color)) 4px, var(--g-button-background-color-hover, var(--_--background-color-hover)) 4px, var(--g-button-background-color-hover, var(--_--background-color-hover)) 8px);
  background-size: 150%;
  background-clip: padding-box;
  animation: g-loading-animation 0.5s linear infinite;
}
.g-button_width_auto {
  max-width: 100%;
}
.g-button_width_max {
  width: 100%;
}
.g-button_width_auto .g-button__text, .g-button_width_max .g-button__text {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.g-col {
  flex-grow: 1;
  flex-basis: 0;
  max-width: 100%;
}
.g-col_size_1 {
  box-sizing: border-box;
  flex-grow: 0;
  flex-basis: 8.33333333%;
  max-width: 8.33333333%;
}
.g-col_size_2 {
  box-sizing: border-box;
  flex-grow: 0;
  flex-basis: 16.66666667%;
  max-width: 16.66666667%;
}
.g-col_size_3 {
  box-sizing: border-box;
  flex-grow: 0;
  flex-basis: 25%;
  max-width: 25%;
}
.g-col_size_4 {
  box-sizing: border-box;
  flex-grow: 0;
  flex-basis: 33.33333333%;
  max-width: 33.33333333%;
}
.g-col_size_5 {
  box-sizing: border-box;
  flex-grow: 0;
  flex-basis: 41.66666667%;
  max-width: 41.66666667%;
}
.g-col_size_6 {
  box-sizing: border-box;
  flex-grow: 0;
  flex-basis: 50%;
  max-width: 50%;
}
.g-col_size_7 {
  box-sizing: border-box;
  flex-grow: 0;
  flex-basis: 58.33333333%;
  max-width: 58.33333333%;
}
.g-col_size_8 {
  box-sizing: border-box;
  flex-grow: 0;
  flex-basis: 66.66666667%;
  max-width: 66.66666667%;
}
.g-col_size_9 {
  box-sizing: border-box;
  flex-grow: 0;
  flex-basis: 75%;
  max-width: 75%;
}
.g-col_size_10 {
  box-sizing: border-box;
  flex-grow: 0;
  flex-basis: 83.33333333%;
  max-width: 83.33333333%;
}
.g-col_size_11 {
  box-sizing: border-box;
  flex-grow: 0;
  flex-basis: 91.66666667%;
  max-width: 91.66666667%;
}
.g-col_size_12 {
  box-sizing: border-box;
  flex-grow: 0;
  flex-basis: 100%;
  max-width: 100%;
}
/* stylelint-disable declaration-no-important */
.g-row {
  display: flex;
  flex-flow: row wrap;
  flex-shrink: 0;
}
.g-row_s_0 {
  margin-block-start: calc(-1 * var(--g-spacing-0));
  margin-inline-start: calc(-1 * var(--g-spacing-0));
}
.g-row_s_0 > .g-col {
  padding-block-start: var(--g-spacing-0);
  padding-inline-start: var(--g-spacing-0);
}
.g-row_sr_0 {
  margin-block-start: calc(-1 * var(--g-spacing-0)) !important;
}
.g-row_sr_0 > .g-col {
  padding-block-start: var(--g-spacing-0) !important;
}
.g-row_s_half {
  margin-block-start: calc(-1 * var(--g-spacing-half));
  margin-inline-start: calc(-1 * var(--g-spacing-half));
}
.g-row_s_half > .g-col {
  padding-block-start: var(--g-spacing-half);
  padding-inline-start: var(--g-spacing-half);
}
.g-row_sr_half {
  margin-block-start: calc(-1 * var(--g-spacing-half)) !important;
}
.g-row_sr_half > .g-col {
  padding-block-start: var(--g-spacing-half) !important;
}
.g-row_s_1 {
  margin-block-start: calc(-1 * var(--g-spacing-1));
  margin-inline-start: calc(-1 * var(--g-spacing-1));
}
.g-row_s_1 > .g-col {
  padding-block-start: var(--g-spacing-1);
  padding-inline-start: var(--g-spacing-1);
}
.g-row_sr_1 {
  margin-block-start: calc(-1 * var(--g-spacing-1)) !important;
}
.g-row_sr_1 > .g-col {
  padding-block-start: var(--g-spacing-1) !important;
}
.g-row_s_2 {
  margin-block-start: calc(-1 * var(--g-spacing-2));
  margin-inline-start: calc(-1 * var(--g-spacing-2));
}
.g-row_s_2 > .g-col {
  padding-block-start: var(--g-spacing-2);
  padding-inline-start: var(--g-spacing-2);
}
.g-row_sr_2 {
  margin-block-start: calc(-1 * var(--g-spacing-2)) !important;
}
.g-row_sr_2 > .g-col {
  padding-block-start: var(--g-spacing-2) !important;
}
.g-row_s_3 {
  margin-block-start: calc(-1 * var(--g-spacing-3));
  margin-inline-start: calc(-1 * var(--g-spacing-3));
}
.g-row_s_3 > .g-col {
  padding-block-start: var(--g-spacing-3);
  padding-inline-start: var(--g-spacing-3);
}
.g-row_sr_3 {
  margin-block-start: calc(-1 * var(--g-spacing-3)) !important;
}
.g-row_sr_3 > .g-col {
  padding-block-start: var(--g-spacing-3) !important;
}
.g-row_s_4 {
  margin-block-start: calc(-1 * var(--g-spacing-4));
  margin-inline-start: calc(-1 * var(--g-spacing-4));
}
.g-row_s_4 > .g-col {
  padding-block-start: var(--g-spacing-4);
  padding-inline-start: var(--g-spacing-4);
}
.g-row_sr_4 {
  margin-block-start: calc(-1 * var(--g-spacing-4)) !important;
}
.g-row_sr_4 > .g-col {
  padding-block-start: var(--g-spacing-4) !important;
}
.g-row_s_5 {
  margin-block-start: calc(-1 * var(--g-spacing-5));
  margin-inline-start: calc(-1 * var(--g-spacing-5));
}
.g-row_s_5 > .g-col {
  padding-block-start: var(--g-spacing-5);
  padding-inline-start: var(--g-spacing-5);
}
.g-row_sr_5 {
  margin-block-start: calc(-1 * var(--g-spacing-5)) !important;
}
.g-row_sr_5 > .g-col {
  padding-block-start: var(--g-spacing-5) !important;
}
.g-row_s_6 {
  margin-block-start: calc(-1 * var(--g-spacing-6));
  margin-inline-start: calc(-1 * var(--g-spacing-6));
}
.g-row_s_6 > .g-col {
  padding-block-start: var(--g-spacing-6);
  padding-inline-start: var(--g-spacing-6);
}
.g-row_sr_6 {
  margin-block-start: calc(-1 * var(--g-spacing-6)) !important;
}
.g-row_sr_6 > .g-col {
  padding-block-start: var(--g-spacing-6) !important;
}
.g-row_s_7 {
  margin-block-start: calc(-1 * var(--g-spacing-7));
  margin-inline-start: calc(-1 * var(--g-spacing-7));
}
.g-row_s_7 > .g-col {
  padding-block-start: var(--g-spacing-7);
  padding-inline-start: var(--g-spacing-7);
}
.g-row_sr_7 {
  margin-block-start: calc(-1 * var(--g-spacing-7)) !important;
}
.g-row_sr_7 > .g-col {
  padding-block-start: var(--g-spacing-7) !important;
}
.g-row_s_8 {
  margin-block-start: calc(-1 * var(--g-spacing-8));
  margin-inline-start: calc(-1 * var(--g-spacing-8));
}
.g-row_s_8 > .g-col {
  padding-block-start: var(--g-spacing-8);
  padding-inline-start: var(--g-spacing-8);
}
.g-row_sr_8 {
  margin-block-start: calc(-1 * var(--g-spacing-8)) !important;
}
.g-row_sr_8 > .g-col {
  padding-block-start: var(--g-spacing-8) !important;
}
.g-row_s_9 {
  margin-block-start: calc(-1 * var(--g-spacing-9));
  margin-inline-start: calc(-1 * var(--g-spacing-9));
}
.g-row_s_9 > .g-col {
  padding-block-start: var(--g-spacing-9);
  padding-inline-start: var(--g-spacing-9);
}
.g-row_sr_9 {
  margin-block-start: calc(-1 * var(--g-spacing-9)) !important;
}
.g-row_sr_9 > .g-col {
  padding-block-start: var(--g-spacing-9) !important;
}
.g-row_s_10 {
  margin-block-start: calc(-1 * var(--g-spacing-10));
  margin-inline-start: calc(-1 * var(--g-spacing-10));
}
.g-row_s_10 > .g-col {
  padding-block-start: var(--g-spacing-10);
  padding-inline-start: var(--g-spacing-10);
}
.g-row_sr_10 {
  margin-block-start: calc(-1 * var(--g-spacing-10)) !important;
}
.g-row_sr_10 > .g-col {
  padding-block-start: var(--g-spacing-10) !important;
}
.g-s__m_0 {
  margin: var(--g-spacing-0);
}
.g-s__mr_0 {
  margin-inline-end: var(--g-spacing-0);
}
.g-s__ml_0 {
  margin-inline-start: var(--g-spacing-0);
}
.g-s__mt_0 {
  margin-block-start: var(--g-spacing-0);
}
.g-s__mb_0 {
  margin-block-end: var(--g-spacing-0);
}
.g-s__mx_0 {
  margin-inline: var(--g-spacing-0);
}
.g-s__my_0 {
  margin-block: var(--g-spacing-0);
}
.g-s__p_0 {
  padding: var(--g-spacing-0);
}
.g-s__pl_0 {
  padding-inline-start: var(--g-spacing-0);
}
.g-s__pr_0 {
  padding-inline-end: var(--g-spacing-0);
}
.g-s__pb_0 {
  padding-block-end: var(--g-spacing-0);
}
.g-s__pt_0 {
  padding-block-start: var(--g-spacing-0);
}
.g-s__py_0 {
  padding-block: var(--g-spacing-0);
}
.g-s__px_0 {
  padding-inline: var(--g-spacing-0);
}
.g-s__m_half {
  margin: var(--g-spacing-half);
}
.g-s__mr_half {
  margin-inline-end: var(--g-spacing-half);
}
.g-s__ml_half {
  margin-inline-start: var(--g-spacing-half);
}
.g-s__mt_half {
  margin-block-start: var(--g-spacing-half);
}
.g-s__mb_half {
  margin-block-end: var(--g-spacing-half);
}
.g-s__mx_half {
  margin-inline: var(--g-spacing-half);
}
.g-s__my_half {
  margin-block: var(--g-spacing-half);
}
.g-s__p_half {
  padding: var(--g-spacing-half);
}
.g-s__pl_half {
  padding-inline-start: var(--g-spacing-half);
}
.g-s__pr_half {
  padding-inline-end: var(--g-spacing-half);
}
.g-s__pb_half {
  padding-block-end: var(--g-spacing-half);
}
.g-s__pt_half {
  padding-block-start: var(--g-spacing-half);
}
.g-s__py_half {
  padding-block: var(--g-spacing-half);
}
.g-s__px_half {
  padding-inline: var(--g-spacing-half);
}
.g-s__m_1 {
  margin: var(--g-spacing-1);
}
.g-s__mr_1 {
  margin-inline-end: var(--g-spacing-1);
}
.g-s__ml_1 {
  margin-inline-start: var(--g-spacing-1);
}
.g-s__mt_1 {
  margin-block-start: var(--g-spacing-1);
}
.g-s__mb_1 {
  margin-block-end: var(--g-spacing-1);
}
.g-s__mx_1 {
  margin-inline: var(--g-spacing-1);
}
.g-s__my_1 {
  margin-block: var(--g-spacing-1);
}
.g-s__p_1 {
  padding: var(--g-spacing-1);
}
.g-s__pl_1 {
  padding-inline-start: var(--g-spacing-1);
}
.g-s__pr_1 {
  padding-inline-end: var(--g-spacing-1);
}
.g-s__pb_1 {
  padding-block-end: var(--g-spacing-1);
}
.g-s__pt_1 {
  padding-block-start: var(--g-spacing-1);
}
.g-s__py_1 {
  padding-block: var(--g-spacing-1);
}
.g-s__px_1 {
  padding-inline: var(--g-spacing-1);
}
.g-s__m_2 {
  margin: var(--g-spacing-2);
}
.g-s__mr_2 {
  margin-inline-end: var(--g-spacing-2);
}
.g-s__ml_2 {
  margin-inline-start: var(--g-spacing-2);
}
.g-s__mt_2 {
  margin-block-start: var(--g-spacing-2);
}
.g-s__mb_2 {
  margin-block-end: var(--g-spacing-2);
}
.g-s__mx_2 {
  margin-inline: var(--g-spacing-2);
}
.g-s__my_2 {
  margin-block: var(--g-spacing-2);
}
.g-s__p_2 {
  padding: var(--g-spacing-2);
}
.g-s__pl_2 {
  padding-inline-start: var(--g-spacing-2);
}
.g-s__pr_2 {
  padding-inline-end: var(--g-spacing-2);
}
.g-s__pb_2 {
  padding-block-end: var(--g-spacing-2);
}
.g-s__pt_2 {
  padding-block-start: var(--g-spacing-2);
}
.g-s__py_2 {
  padding-block: var(--g-spacing-2);
}
.g-s__px_2 {
  padding-inline: var(--g-spacing-2);
}
.g-s__m_3 {
  margin: var(--g-spacing-3);
}
.g-s__mr_3 {
  margin-inline-end: var(--g-spacing-3);
}
.g-s__ml_3 {
  margin-inline-start: var(--g-spacing-3);
}
.g-s__mt_3 {
  margin-block-start: var(--g-spacing-3);
}
.g-s__mb_3 {
  margin-block-end: var(--g-spacing-3);
}
.g-s__mx_3 {
  margin-inline: var(--g-spacing-3);
}
.g-s__my_3 {
  margin-block: var(--g-spacing-3);
}
.g-s__p_3 {
  padding: var(--g-spacing-3);
}
.g-s__pl_3 {
  padding-inline-start: var(--g-spacing-3);
}
.g-s__pr_3 {
  padding-inline-end: var(--g-spacing-3);
}
.g-s__pb_3 {
  padding-block-end: var(--g-spacing-3);
}
.g-s__pt_3 {
  padding-block-start: var(--g-spacing-3);
}
.g-s__py_3 {
  padding-block: var(--g-spacing-3);
}
.g-s__px_3 {
  padding-inline: var(--g-spacing-3);
}
.g-s__m_4 {
  margin: var(--g-spacing-4);
}
.g-s__mr_4 {
  margin-inline-end: var(--g-spacing-4);
}
.g-s__ml_4 {
  margin-inline-start: var(--g-spacing-4);
}
.g-s__mt_4 {
  margin-block-start: var(--g-spacing-4);
}
.g-s__mb_4 {
  margin-block-end: var(--g-spacing-4);
}
.g-s__mx_4 {
  margin-inline: var(--g-spacing-4);
}
.g-s__my_4 {
  margin-block: var(--g-spacing-4);
}
.g-s__p_4 {
  padding: var(--g-spacing-4);
}
.g-s__pl_4 {
  padding-inline-start: var(--g-spacing-4);
}
.g-s__pr_4 {
  padding-inline-end: var(--g-spacing-4);
}
.g-s__pb_4 {
  padding-block-end: var(--g-spacing-4);
}
.g-s__pt_4 {
  padding-block-start: var(--g-spacing-4);
}
.g-s__py_4 {
  padding-block: var(--g-spacing-4);
}
.g-s__px_4 {
  padding-inline: var(--g-spacing-4);
}
.g-s__m_5 {
  margin: var(--g-spacing-5);
}
.g-s__mr_5 {
  margin-inline-end: var(--g-spacing-5);
}
.g-s__ml_5 {
  margin-inline-start: var(--g-spacing-5);
}
.g-s__mt_5 {
  margin-block-start: var(--g-spacing-5);
}
.g-s__mb_5 {
  margin-block-end: var(--g-spacing-5);
}
.g-s__mx_5 {
  margin-inline: var(--g-spacing-5);
}
.g-s__my_5 {
  margin-block: var(--g-spacing-5);
}
.g-s__p_5 {
  padding: var(--g-spacing-5);
}
.g-s__pl_5 {
  padding-inline-start: var(--g-spacing-5);
}
.g-s__pr_5 {
  padding-inline-end: var(--g-spacing-5);
}
.g-s__pb_5 {
  padding-block-end: var(--g-spacing-5);
}
.g-s__pt_5 {
  padding-block-start: var(--g-spacing-5);
}
.g-s__py_5 {
  padding-block: var(--g-spacing-5);
}
.g-s__px_5 {
  padding-inline: var(--g-spacing-5);
}
.g-s__m_6 {
  margin: var(--g-spacing-6);
}
.g-s__mr_6 {
  margin-inline-end: var(--g-spacing-6);
}
.g-s__ml_6 {
  margin-inline-start: var(--g-spacing-6);
}
.g-s__mt_6 {
  margin-block-start: var(--g-spacing-6);
}
.g-s__mb_6 {
  margin-block-end: var(--g-spacing-6);
}
.g-s__mx_6 {
  margin-inline: var(--g-spacing-6);
}
.g-s__my_6 {
  margin-block: var(--g-spacing-6);
}
.g-s__p_6 {
  padding: var(--g-spacing-6);
}
.g-s__pl_6 {
  padding-inline-start: var(--g-spacing-6);
}
.g-s__pr_6 {
  padding-inline-end: var(--g-spacing-6);
}
.g-s__pb_6 {
  padding-block-end: var(--g-spacing-6);
}
.g-s__pt_6 {
  padding-block-start: var(--g-spacing-6);
}
.g-s__py_6 {
  padding-block: var(--g-spacing-6);
}
.g-s__px_6 {
  padding-inline: var(--g-spacing-6);
}
.g-s__m_7 {
  margin: var(--g-spacing-7);
}
.g-s__mr_7 {
  margin-inline-end: var(--g-spacing-7);
}
.g-s__ml_7 {
  margin-inline-start: var(--g-spacing-7);
}
.g-s__mt_7 {
  margin-block-start: var(--g-spacing-7);
}
.g-s__mb_7 {
  margin-block-end: var(--g-spacing-7);
}
.g-s__mx_7 {
  margin-inline: var(--g-spacing-7);
}
.g-s__my_7 {
  margin-block: var(--g-spacing-7);
}
.g-s__p_7 {
  padding: var(--g-spacing-7);
}
.g-s__pl_7 {
  padding-inline-start: var(--g-spacing-7);
}
.g-s__pr_7 {
  padding-inline-end: var(--g-spacing-7);
}
.g-s__pb_7 {
  padding-block-end: var(--g-spacing-7);
}
.g-s__pt_7 {
  padding-block-start: var(--g-spacing-7);
}
.g-s__py_7 {
  padding-block: var(--g-spacing-7);
}
.g-s__px_7 {
  padding-inline: var(--g-spacing-7);
}
.g-s__m_8 {
  margin: var(--g-spacing-8);
}
.g-s__mr_8 {
  margin-inline-end: var(--g-spacing-8);
}
.g-s__ml_8 {
  margin-inline-start: var(--g-spacing-8);
}
.g-s__mt_8 {
  margin-block-start: var(--g-spacing-8);
}
.g-s__mb_8 {
  margin-block-end: var(--g-spacing-8);
}
.g-s__mx_8 {
  margin-inline: var(--g-spacing-8);
}
.g-s__my_8 {
  margin-block: var(--g-spacing-8);
}
.g-s__p_8 {
  padding: var(--g-spacing-8);
}
.g-s__pl_8 {
  padding-inline-start: var(--g-spacing-8);
}
.g-s__pr_8 {
  padding-inline-end: var(--g-spacing-8);
}
.g-s__pb_8 {
  padding-block-end: var(--g-spacing-8);
}
.g-s__pt_8 {
  padding-block-start: var(--g-spacing-8);
}
.g-s__py_8 {
  padding-block: var(--g-spacing-8);
}
.g-s__px_8 {
  padding-inline: var(--g-spacing-8);
}
.g-s__m_9 {
  margin: var(--g-spacing-9);
}
.g-s__mr_9 {
  margin-inline-end: var(--g-spacing-9);
}
.g-s__ml_9 {
  margin-inline-start: var(--g-spacing-9);
}
.g-s__mt_9 {
  margin-block-start: var(--g-spacing-9);
}
.g-s__mb_9 {
  margin-block-end: var(--g-spacing-9);
}
.g-s__mx_9 {
  margin-inline: var(--g-spacing-9);
}
.g-s__my_9 {
  margin-block: var(--g-spacing-9);
}
.g-s__p_9 {
  padding: var(--g-spacing-9);
}
.g-s__pl_9 {
  padding-inline-start: var(--g-spacing-9);
}
.g-s__pr_9 {
  padding-inline-end: var(--g-spacing-9);
}
.g-s__pb_9 {
  padding-block-end: var(--g-spacing-9);
}
.g-s__pt_9 {
  padding-block-start: var(--g-spacing-9);
}
.g-s__py_9 {
  padding-block: var(--g-spacing-9);
}
.g-s__px_9 {
  padding-inline: var(--g-spacing-9);
}
.g-s__m_10 {
  margin: var(--g-spacing-10);
}
.g-s__mr_10 {
  margin-inline-end: var(--g-spacing-10);
}
.g-s__ml_10 {
  margin-inline-start: var(--g-spacing-10);
}
.g-s__mt_10 {
  margin-block-start: var(--g-spacing-10);
}
.g-s__mb_10 {
  margin-block-end: var(--g-spacing-10);
}
.g-s__mx_10 {
  margin-inline: var(--g-spacing-10);
}
.g-s__my_10 {
  margin-block: var(--g-spacing-10);
}
.g-s__p_10 {
  padding: var(--g-spacing-10);
}
.g-s__pl_10 {
  padding-inline-start: var(--g-spacing-10);
}
.g-s__pr_10 {
  padding-inline-end: var(--g-spacing-10);
}
.g-s__pb_10 {
  padding-block-end: var(--g-spacing-10);
}
.g-s__pt_10 {
  padding-block-start: var(--g-spacing-10);
}
.g-s__py_10 {
  padding-block: var(--g-spacing-10);
}
.g-s__px_10 {
  padding-inline: var(--g-spacing-10);
}
.g-box {
  box-sizing: border-box;
}
.g-box_overflow_hidden {
  overflow: hidden;
}
.g-box_overflow_auto {
  overflow: auto;
}
.g-box_overflow_x {
  overflow: hidden auto;
}
.g-box_overflow_y {
  overflow: auto hidden;
}
/* stylelint-disable declaration-no-important */
.g-flex {
  display: flex;
}
.g-flex_inline {
  display: inline-flex;
}
.g-flex_center-content {
  justify-content: center;
  align-items: center;
}
.g-flex_s_0 {
  margin-block-start: calc(-1 * var(--g-spacing-0)) !important;
  margin-inline-start: calc(-1 * var(--g-spacing-0)) !important;
}
.g-flex_s_0 > * {
  padding-block-start: var(--g-spacing-0) !important;
  padding-inline-start: var(--g-spacing-0) !important;
}
.g-flex_s_half {
  margin-block-start: calc(-1 * var(--g-spacing-half)) !important;
  margin-inline-start: calc(-1 * var(--g-spacing-half)) !important;
}
.g-flex_s_half > * {
  padding-block-start: var(--g-spacing-half) !important;
  padding-inline-start: var(--g-spacing-half) !important;
}
.g-flex_s_1 {
  margin-block-start: calc(-1 * var(--g-spacing-1)) !important;
  margin-inline-start: calc(-1 * var(--g-spacing-1)) !important;
}
.g-flex_s_1 > * {
  padding-block-start: var(--g-spacing-1) !important;
  padding-inline-start: var(--g-spacing-1) !important;
}
.g-flex_s_2 {
  margin-block-start: calc(-1 * var(--g-spacing-2)) !important;
  margin-inline-start: calc(-1 * var(--g-spacing-2)) !important;
}
.g-flex_s_2 > * {
  padding-block-start: var(--g-spacing-2) !important;
  padding-inline-start: var(--g-spacing-2) !important;
}
.g-flex_s_3 {
  margin-block-start: calc(-1 * var(--g-spacing-3)) !important;
  margin-inline-start: calc(-1 * var(--g-spacing-3)) !important;
}
.g-flex_s_3 > * {
  padding-block-start: var(--g-spacing-3) !important;
  padding-inline-start: var(--g-spacing-3) !important;
}
.g-flex_s_4 {
  margin-block-start: calc(-1 * var(--g-spacing-4)) !important;
  margin-inline-start: calc(-1 * var(--g-spacing-4)) !important;
}
.g-flex_s_4 > * {
  padding-block-start: var(--g-spacing-4) !important;
  padding-inline-start: var(--g-spacing-4) !important;
}
.g-flex_s_5 {
  margin-block-start: calc(-1 * var(--g-spacing-5)) !important;
  margin-inline-start: calc(-1 * var(--g-spacing-5)) !important;
}
.g-flex_s_5 > * {
  padding-block-start: var(--g-spacing-5) !important;
  padding-inline-start: var(--g-spacing-5) !important;
}
.g-flex_s_6 {
  margin-block-start: calc(-1 * var(--g-spacing-6)) !important;
  margin-inline-start: calc(-1 * var(--g-spacing-6)) !important;
}
.g-flex_s_6 > * {
  padding-block-start: var(--g-spacing-6) !important;
  padding-inline-start: var(--g-spacing-6) !important;
}
.g-flex_s_7 {
  margin-block-start: calc(-1 * var(--g-spacing-7)) !important;
  margin-inline-start: calc(-1 * var(--g-spacing-7)) !important;
}
.g-flex_s_7 > * {
  padding-block-start: var(--g-spacing-7) !important;
  padding-inline-start: var(--g-spacing-7) !important;
}
.g-flex_s_8 {
  margin-block-start: calc(-1 * var(--g-spacing-8)) !important;
  margin-inline-start: calc(-1 * var(--g-spacing-8)) !important;
}
.g-flex_s_8 > * {
  padding-block-start: var(--g-spacing-8) !important;
  padding-inline-start: var(--g-spacing-8) !important;
}
.g-flex_s_9 {
  margin-block-start: calc(-1 * var(--g-spacing-9)) !important;
  margin-inline-start: calc(-1 * var(--g-spacing-9)) !important;
}
.g-flex_s_9 > * {
  padding-block-start: var(--g-spacing-9) !important;
  padding-inline-start: var(--g-spacing-9) !important;
}
.g-flex_s_10 {
  margin-block-start: calc(-1 * var(--g-spacing-10)) !important;
  margin-inline-start: calc(-1 * var(--g-spacing-10)) !important;
}
.g-flex_s_10 > * {
  padding-block-start: var(--g-spacing-10) !important;
  padding-inline-start: var(--g-spacing-10) !important;
}
.g-container {
  margin-inline: auto;
  max-width: 100%;
  height: 100%;
}
.g-container_sr_0 > .g-row:not(:last-child) {
  margin-block-end: var(--g-spacing-0);
}
.g-container_sr_half > .g-row:not(:last-child) {
  margin-block-end: var(--g-spacing-half);
}
.g-container_sr_1 > .g-row:not(:last-child) {
  margin-block-end: var(--g-spacing-1);
}
.g-container_sr_2 > .g-row:not(:last-child) {
  margin-block-end: var(--g-spacing-2);
}
.g-container_sr_3 > .g-row:not(:last-child) {
  margin-block-end: var(--g-spacing-3);
}
.g-container_sr_4 > .g-row:not(:last-child) {
  margin-block-end: var(--g-spacing-4);
}
.g-container_sr_5 > .g-row:not(:last-child) {
  margin-block-end: var(--g-spacing-5);
}
.g-container_sr_6 > .g-row:not(:last-child) {
  margin-block-end: var(--g-spacing-6);
}
.g-container_sr_7 > .g-row:not(:last-child) {
  margin-block-end: var(--g-spacing-7);
}
.g-container_sr_8 > .g-row:not(:last-child) {
  margin-block-end: var(--g-spacing-8);
}
.g-container_sr_9 > .g-row:not(:last-child) {
  margin-block-end: var(--g-spacing-9);
}
.g-container_sr_10 > .g-row:not(:last-child) {
  margin-block-end: var(--g-spacing-10);
}
.g-card {
  --_--background-color: transparent;
  --_--border-color: transparent;
  --_--border-width: 0;
  --_--box-shadow: none;
  box-shadow: var(--g-card-box-shadow, var(--_--box-shadow));
  box-sizing: border-box;
  background-color: var(--g-card-background-color, var(--_--background-color));
  border: var(--g-card-border-width, var(--_--border-width)) solid var(--g-card-border-color, var(--_--border-color));
  border-radius: var(--g-card-border-radius, var(--_--border-radius));
  outline: none;
}
.g-card_theme_normal {
  --_--border-color: var(--g-color-line-generic);
  --_--background-color: var(--g-color-base-generic);
}
.g-card_theme_info {
  --_--border-color: var(--g-color-line-info);
  --_--background-color: var(--g-color-base-info-light);
}
.g-card_theme_success {
  --_--border-color: var(--g-color-line-positive);
  --_--background-color: var(--g-color-base-positive-light);
}
.g-card_theme_warning {
  --_--border-color: var(--g-color-line-warning);
  --_--background-color: var(--g-color-base-warning-light);
}
.g-card_theme_danger {
  --_--border-color: var(--g-color-line-danger);
  --_--background-color: var(--g-color-base-danger-light);
}
.g-card_theme_utility {
  --_--border-color: var(--g-color-line-utility);
  --_--background-color: var(--g-color-base-utility-light);
}
.g-card_view_clear {
  --_--background-color: transparent;
}
.g-card_view_outlined {
  --_--background-color: transparent;
  --_--border-width: 1px;
}
.g-card_type_action {
  --_--background-color: var(--g-color-base-float);
  --_--box-shadow: 0px 1px 5px var(--g-color-sfx-shadow);
}
.g-card_type_action::after {
  position: absolute;
  inset: 0;
  border-radius: var(--g-card-border-radius, var(--_--border-radius));
  pointer-events: none;
}
.g-card_type_action.g-card_clickable {
  cursor: pointer;
  position: relative;
}
.g-card_type_action.g-card_clickable:hover {
  --_--box-shadow: 0px 3px 10px var(--g-color-sfx-shadow);
}
.g-card_type_action.g-card_clickable:focus-visible::after {
  content: "";
  outline: 2px solid var(--g-color-line-focus);
}
.g-card_type_selection {
  --_--border-width: 1px;
  --_--border-color: var(--g-color-line-generic);
  position: relative;
}
.g-card_type_selection::before {
  position: absolute;
  inset: -1px;
  border-radius: var(--g-card-border-radius, var(--_--border-radius));
  pointer-events: none;
}
.g-card_type_selection::after {
  position: absolute;
  inset: 0;
  border-radius: var(--g-card-border-radius, var(--_--border-radius));
  pointer-events: none;
}
.g-card_type_selection.g-card_clickable {
  cursor: pointer;
}
.g-card_type_selection.g-card_clickable:hover {
  --_--border-color: transparent;
}
.g-card_type_selection.g-card_clickable:hover:not(.g-card_selected)::before {
  content: "";
  border: 2px solid var(--g-color-line-brand);
  opacity: 0.5;
}
.g-card_type_selection.g-card_clickable:hover:focus-visible::before {
  border-color: transparent;
}
.g-card_type_selection.g-card_clickable:focus-visible::after {
  content: "";
  outline: 2px solid var(--g-color-line-focus);
}
.g-card_type_selection.g-card_selected:not(.g-card_disabled) {
  --_--border-color: transparent;
}
.g-card_type_selection.g-card_selected:not(.g-card_disabled)::before {
  content: "";
  border: 2px solid var(--g-color-line-brand);
}
.g-card_type_selection.g-card_view_clear {
  --_--border-color: transparent;
}
.g-card_type_container.g-card_view_raised {
  --_--background-color: var(--g-color-base-float);
}
.g-card_type_container.g-card_view_raised.g-card_size_m {
  --_--box-shadow: 0px 1px 5px var(--g-color-sfx-shadow);
}

.g-card_type_container.g-card_view_raised.g-card_size_l {
  --_--box-shadow: 0px 1px 6px var(--g-color-sfx-shadow-light),
      1px 3px 13px var(--g-color-sfx-shadow-light);
}

.g-card_size_m {
  --_--border-radius: 8px;
}
.g-card_size_l {
  --_--border-radius: 16px;
}
.g-color-text_color_primary {
  color: var(--g-color-text-primary);
}
.g-color-text_color_complementary {
  color: var(--g-color-text-complementary);
}
.g-color-text_color_secondary {
  color: var(--g-color-text-secondary);
}
.g-color-text_color_hint {
  color: var(--g-color-text-hint);
}
.g-color-text_color_info {
  color: var(--g-color-text-info);
}
.g-color-text_color_info-heavy {
  color: var(--g-color-text-info-heavy);
}
.g-color-text_color_positive {
  color: var(--g-color-text-positive);
}
.g-color-text_color_positive-heavy {
  color: var(--g-color-text-positive-heavy);
}
.g-color-text_color_warning {
  color: var(--g-color-text-warning);
}
.g-color-text_color_warning-heavy {
  color: var(--g-color-text-warning-heavy);
}
.g-color-text_color_danger {
  color: var(--g-color-text-danger);
}
.g-color-text_color_danger-heavy {
  color: var(--g-color-text-danger-heavy);
}
.g-color-text_color_utility {
  color: var(--g-color-text-utility);
}
.g-color-text_color_utility-heavy {
  color: var(--g-color-text-utility-heavy);
}
.g-color-text_color_misc {
  color: var(--g-color-text-misc);
}
.g-color-text_color_misc-heavy {
  color: var(--g-color-text-misc-heavy);
}
.g-color-text_color_brand {
  color: var(--g-color-text-brand);
}
.g-color-text_color_link {
  color: var(--g-color-text-link);
}
.g-color-text_color_link-hover {
  color: var(--g-color-text-link-hover);
}
.g-color-text_color_link-visited {
  color: var(--g-color-text-link-visited);
}
.g-color-text_color_link-visited-hover {
  color: var(--g-color-text-link-visited-hover);
}
.g-color-text_color_dark-primary {
  color: var(--g-color-text-dark-primary);
}
.g-color-text_color_dark-complementary {
  color: var(--g-color-text-dark-complementary);
}
.g-color-text_color_dark-secondary {
  color: var(--g-color-text-dark-secondary);
}
.g-color-text_color_light-primary {
  color: var(--g-color-text-light-primary);
}
.g-color-text_color_light-complementary {
  color: var(--g-color-text-light-complementary);
}
.g-color-text_color_light-secondary {
  color: var(--g-color-text-light-secondary);
}
.g-color-text_color_light-hint {
  color: var(--g-color-text-light-hint);
}
.g-color-text_color_inverted-primary {
  color: var(--g-color-text-inverted-primary);
}
.g-color-text_color_inverted-complementary {
  color: var(--g-color-text-inverted-complementary);
}
.g-color-text_color_inverted-secondary {
  color: var(--g-color-text-inverted-secondary);
}
.g-color-text_color_inverted-hint {
  color: var(--g-color-text-inverted-hint);
}
.g-text_variant_display-1 {
  font-family: var(--g-text-display-font-family);
  font-weight: var(--g-text-display-font-weight);
  font-size: var(--g-text-display-1-font-size);
  line-height: var(--g-text-display-1-line-height);
}
.g-text_variant_display-2 {
  font-family: var(--g-text-display-font-family);
  font-weight: var(--g-text-display-font-weight);
  font-size: var(--g-text-display-2-font-size);
  line-height: var(--g-text-display-2-line-height);
}
.g-text_variant_display-3 {
  font-family: var(--g-text-display-font-family);
  font-weight: var(--g-text-display-font-weight);
  font-size: var(--g-text-display-3-font-size);
  line-height: var(--g-text-display-3-line-height);
}
.g-text_variant_display-4 {
  font-family: var(--g-text-display-font-family);
  font-weight: var(--g-text-display-font-weight);
  font-size: var(--g-text-display-4-font-size);
  line-height: var(--g-text-display-4-line-height);
}
.g-text_variant_code-1 {
  font-family: var(--g-text-code-font-family);
  font-weight: var(--g-text-code-font-weight);
  font-size: var(--g-text-code-1-font-size);
  line-height: var(--g-text-code-1-line-height);
}
.g-text_variant_code-2 {
  font-family: var(--g-text-code-font-family);
  font-weight: var(--g-text-code-font-weight);
  font-size: var(--g-text-code-2-font-size);
  line-height: var(--g-text-code-2-line-height);
}
.g-text_variant_code-3 {
  font-family: var(--g-text-code-font-family);
  font-weight: var(--g-text-code-font-weight);
  font-size: var(--g-text-code-3-font-size);
  line-height: var(--g-text-code-3-line-height);
}
.g-text_variant_code-inline-1 {
  font-family: var(--g-text-code-font-family);
  font-weight: var(--g-text-code-font-weight);
  font-size: var(--g-text-code-inline-1-font-size);
  line-height: var(--g-text-code-inline-1-line-height);
}
.g-text_variant_code-inline-2 {
  font-family: var(--g-text-code-font-family);
  font-weight: var(--g-text-code-font-weight);
  font-size: var(--g-text-code-inline-2-font-size);
  line-height: var(--g-text-code-inline-2-line-height);
}
.g-text_variant_code-inline-3 {
  font-family: var(--g-text-code-font-family);
  font-weight: var(--g-text-code-font-weight);
  font-size: var(--g-text-code-inline-3-font-size);
  line-height: var(--g-text-code-inline-3-line-height);
}
.g-text_variant_body-1 {
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-1-font-size);
  line-height: var(--g-text-body-1-line-height);
}
.g-text_variant_body-2 {
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-2-font-size);
  line-height: var(--g-text-body-2-line-height);
}
.g-text_variant_body-3 {
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-3-font-size);
  line-height: var(--g-text-body-3-line-height);
}
.g-text_variant_body-short {
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-short-font-size);
  line-height: var(--g-text-body-short-line-height);
}
.g-text_variant_caption-1 {
  font-family: var(--g-text-caption-font-family);
  font-weight: var(--g-text-caption-font-weight);
  font-size: var(--g-text-caption-1-font-size);
  line-height: var(--g-text-caption-1-line-height);
}
.g-text_variant_caption-2 {
  font-family: var(--g-text-caption-font-family);
  font-weight: var(--g-text-caption-font-weight);
  font-size: var(--g-text-caption-2-font-size);
  line-height: var(--g-text-caption-2-line-height);
}
.g-text_variant_header-1 {
  font-family: var(--g-text-header-font-family);
  font-weight: var(--g-text-header-font-weight);
  font-size: var(--g-text-header-1-font-size);
  line-height: var(--g-text-header-1-line-height);
}
.g-text_variant_header-2 {
  font-family: var(--g-text-header-font-family);
  font-weight: var(--g-text-header-font-weight);
  font-size: var(--g-text-header-2-font-size);
  line-height: var(--g-text-header-2-line-height);
}
.g-text_variant_subheader-1 {
  font-family: var(--g-text-subheader-font-family);
  font-weight: var(--g-text-subheader-font-weight);
  font-size: var(--g-text-subheader-1-font-size);
  line-height: var(--g-text-subheader-1-line-height);
}
.g-text_variant_subheader-2 {
  font-family: var(--g-text-subheader-font-family);
  font-weight: var(--g-text-subheader-font-weight);
  font-size: var(--g-text-subheader-2-font-size);
  line-height: var(--g-text-subheader-2-line-height);
}
.g-text_variant_subheader-3 {
  font-family: var(--g-text-subheader-font-family);
  font-weight: var(--g-text-subheader-font-weight);
  font-size: var(--g-text-subheader-3-font-size);
  line-height: var(--g-text-subheader-3-line-height);
}
.g-text_ellipsis {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.g-text_ellipsis-lines {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  align-self: center;
  white-space: normal;
  -webkit-line-clamp: 2;
}
.g-text_ws_nowrap {
  white-space: nowrap;
}
.g-text_ws_break-spaces {
  white-space: break-spaces;
}
.g-text_wb_break-all {
  word-break: break-all;
}
.g-text_wb_break-word {
  word-break: break-word;
}
.g-alert_corners_square {
  --g-card-border-radius: 0;
}
.g-alert__text-content {
  width: 100%;
}
.g-alert__actions_minContent {
  width: min-content;
}
.g-alert__close-btn {
  flex-shrink: 0;
}
.g-arrow-toggle {
  display: inline-block;
  vertical-align: middle;
  transition: transform 0.1s ease-out;
}
.g-arrow-toggle_direction_bottom {
  transform: matrix(1, 0, 0, 1, 0, 0);
}
.g-arrow-toggle_direction_left {
  transform: matrix(0, 1, -1, 0, 0, 0);
}
.g-arrow-toggle_direction_top {
  transform: matrix(-1, 0, 0, -1, 0, 0);
}
.g-arrow-toggle_direction_right {
  transform: matrix(0, -1, 1, 0, 0, 0);
}
.g-avatar {
  --_--size: 32px;
  --_--background-color: var(--g-color-base-misc-light);
  --_--border-color: currentColor;
  --_--color: var(--g-color-text-misc);
  --_--font-size: var(--g-text-body-1-font-size);
  --_--line-height: var(--g-text-body-1-line-height);
  --_--font-weight: var(--g-text-body-font-weight);
  overflow: hidden;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: var(--g-avatar-size, var(--_--size));
  height: var(--g-avatar-size, var(--_--size));
  border-radius: 50%;
  background-color: var(--g-avatar-background-color, var(--_--background-color));
}
.g-avatar__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.g-avatar__icon {
  color: var(--g-avatar-color, var(--_--color));
}
.g-avatar__icon > svg {
  display: block;
}
.g-avatar__text {
  color: var(--g-avatar-color, var(--_--color));
  font-size: var(--g-avatar-font-size, var(--_--font-size));
  line-height: var(--g-avatar-line-height, var(--_--line-height));
  font-weight: var(--_--font-weight);
}
.g-avatar_with-border, .g-avatar_view_outlined {
  position: relative;
}
.g-avatar_with-border::before, .g-avatar_with-border::after, .g-avatar_view_outlined::before, .g-avatar_view_outlined::after {
  content: "";
  z-index: 1;
  position: absolute;
  inset: 0;
  border-radius: 50%;
}
.g-avatar_with-border::before, .g-avatar_view_outlined::before {
  border: 3px solid var(--g-color-base-background);
}
.g-avatar_with-border::after, .g-avatar_view_outlined::after {
  border: 2px solid var(--g-avatar-border-color, var(--_--border-color));
}
.g-avatar_size_2xs {
  --_--size: 20px;
}
.g-avatar_size_xs {
  --_--size: 24px;
}
.g-avatar_size_s {
  --_--size: 28px;
}
.g-avatar_size_m {
  --_--size: 32px;
}
.g-avatar_size_l {
  --_--size: 42px;
}
.g-avatar_size_xl {
  --_--size: 50px;
}
.g-avatar_size_2xs {
  --_--font-size: var(--g-text-caption-1-font-size);
  --_--line-height: var(--g-text-caption-1-line-height);
  --_--font-weight: var(--g-text-caption-font-weight);
}
.g-avatar_size_xs, .g-avatar_size_s {
  --_--font-size: var(--g-text-caption-1-font-size);
  --_--line-height: var(--g-text-caption-1-line-height);
  --_--font-weight: var(--g-text-caption-font-weight);
}
.g-avatar_size_m, .g-avatar_size_l {
  --_--font-size: var(--g-text-subheader-1-font-size);
  --_--line-height: var(--g-text-subheader-1-line-height);
  --_--font-weight: var(--g-text-subheader-font-weight);
}
.g-avatar_size_xl {
  --_--font-size: var(--g-text-subheader-2-font-size);
  --_--line-height: var(--g-text-subheader-2-line-height);
  --_--font-weight: var(--g-text-subheader-font-weight);
}
.g-avatar_theme_normal.g-avatar_view_filled {
  --_--background-color: var(--g-color-base-misc-light);
  --_--color: var(--g-color-text-misc);
}
.g-avatar_theme_normal.g-avatar_view_outlined {
  --_--background-color: var(--g-color-base-background);
  --_--border-color: var(--g-color-text-misc);
  --_--color: var(--g-color-text-misc);
}
.g-avatar_theme_brand.g-avatar_view_filled {
  --_--background-color: var(--g-color-base-brand);
  --_--color: var(--g-color-text-brand-contrast);
}
.g-avatar_theme_brand.g-avatar_view_outlined {
  --_--background-color: var(--g-color-base-background);
  --_--border-color: var(--g-color-text-brand);
  --_--color: var(--g-color-text-brand);
}
.g-link {
  text-decoration: none;
  touch-action: manipulation;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
  border-radius: var(--g-focus-border-radius);
}
.g-link:focus-visible {
  outline: 2px solid var(--g-color-line-focus);
}
.g-link_view_normal {
  color: var(--g-color-text-link);
}
.g-link_view_primary {
  color: var(--g-color-text-primary);
}
.g-link_view_secondary {
  color: var(--g-color-text-secondary);
}
.g-link_view_normal:hover, .g-link_view_primary:hover, .g-link_view_secondary:hover {
  color: var(--g-color-text-link-hover);
}
.g-link_visitable:visited {
  color: var(--g-color-text-link-visited);
}
.g-link_visitable:visited:hover {
  color: var(--g-color-text-link-visited-hover);
}
.g-link_underline {
  text-decoration: underline;
}
.g-menu {
  box-sizing: border-box;
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden auto;
  font-size: var(--g-text-body-1-font-size);
  color: var(--g-color-text-primary);
  background-color: var(--g-color-base-float);
  user-select: none;
  outline: none;
}
.g-menu__list-group-item + .g-menu__list-group-item, .g-menu__list-item + .g-menu__list-group-item, .g-menu__list-group-item + .g-menu__list-item {
  border-block-start: 1px solid var(--g-color-line-generic);
}
.g-menu__item {
  display: flex;
  align-items: center;
  color: var(--g-color-text-primary);
  text-decoration: none;
  outline: none;
  touch-action: manipulation;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.g-menu__item-icon {
  display: flex;
}
.g-menu__item-icon-end {
  display: flex;
  margin-inline-end: 0;
}
.g-menu__item-content {
  flex-grow: 1;
  min-width: 0;
}
.g-menu__item_interactive {
  cursor: pointer;
}
.g-menu__item_interactive:hover, .g-menu__item_interactive:focus-visible {
  background-color: var(--g-color-base-simple-hover);
}
.g-menu__item_selected {
  background-color: var(--g-color-base-simple-hover);
}
.g-menu__item_disabled {
  color: var(--g-color-text-secondary);
  cursor: default;
  pointer-events: none;
}
.g-menu__item_disabled:hover {
  background-color: transparent;
}
.g-menu__item_active {
  cursor: default;
  background-color: var(--g-color-base-selection);
}
.g-menu__item_active:hover, .g-menu__item_active:focus-visible {
  background-color: var(--g-color-base-selection-hover);
}
.g-menu__item_theme_danger:not(.g-menu__item_disabled) {
  color: var(--g-color-text-danger);
}
.g-menu__group-label {
  font-weight: var(--g-text-accent-font-weight);
  color: var(--g-color-text-hint);
}
.g-menu__group-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.g-menu_size_s {
  line-height: 24px;
  padding: 3px 0;
}
.g-menu_size_s .g-menu__item,
.g-menu_size_s .g-menu__group-label {
  padding: 0 10px;
}
.g-menu_size_s .g-menu__item-icon {
  margin-inline-end: 3px;
}
.g-menu_size_s .g-menu__item-icon-end {
  margin-inline-start: 3px;
}
.g-menu_size_s .g-menu__list-group-item + .g-menu__list-group-item,
.g-menu_size_s .g-menu__list-item + .g-menu__list-group-item,
.g-menu_size_s .g-menu__list-group-item + .g-menu__list-item {
  margin-block-start: 3px;
  padding-block-start: 3px;
}
.g-menu_size_m {
  line-height: 24px;
  padding: 4px 0;
}
.g-menu_size_m .g-menu__item,
.g-menu_size_m .g-menu__group-label {
  padding: 0 13px;
}
.g-menu_size_m .g-menu__item-icon {
  margin-inline-end: 4px;
}
.g-menu_size_m .g-menu__item-icon-end {
  margin-inline-start: 4px;
}
.g-menu_size_m .g-menu__list-group-item + .g-menu__list-group-item,
.g-menu_size_m .g-menu__list-item + .g-menu__list-group-item,
.g-menu_size_m .g-menu__list-group-item + .g-menu__list-item {
  margin-block-start: 4px;
  padding-block-start: 4px;
}
.g-menu_size_l {
  line-height: 28px;
  padding: 5px 0;
}
.g-menu_size_l .g-menu__item,
.g-menu_size_l .g-menu__group-label {
  padding: 0 15px;
}
.g-menu_size_l .g-menu__item-icon {
  margin-inline-end: 5px;
}
.g-menu_size_l .g-menu__item-icon-end {
  margin-inline-start: 5px;
}
.g-menu_size_l .g-menu__list-group-item + .g-menu__list-group-item,
.g-menu_size_l .g-menu__list-item + .g-menu__list-group-item,
.g-menu_size_l .g-menu__list-group-item + .g-menu__list-item {
  margin-block-start: 5px;
  padding-block-start: 5px;
}
.g-menu_size_xl {
  font-size: var(--g-text-body-2-font-size);
  line-height: 36px;
  padding: 6px 0;
}
.g-menu_size_xl .g-menu__item,
.g-menu_size_xl .g-menu__group-label {
  padding: 0 15px;
}
.g-menu_size_xl .g-menu__item-icon {
  margin-inline-end: 6px;
}
.g-menu_size_xl .g-menu__item-icon-end {
  margin-inline-start: 6px;
}
.g-menu_size_xl .g-menu__list-group-item:not(:first-child) {
  margin-block-start: 6px;
  padding-block-start: 6px;
}
.g-menu_size_xl .g-menu__list-group-item:not(:last-child) {
  margin-block-end: 6px;
  padding-block-end: 6px;
}
.g-dropdown-menu__switcher-wrapper {
  display: inline-block;
}
.g-dropdown-menu__switcher-button {
  display: flex;
}
.g-dropdown-menu__menu-item_separator {
  border-block-start: 1px solid var(--g-color-line-generic-solid);
  margin: 0.5em 0;
  pointer-events: none;
}
.g-dropdown-menu__sub-menu-arrow {
  inset-inline-end: -4px;
  position: relative;
}
.g-dropdown-menu__sub-menu {
  position: relative;
}
.g-dropdown-menu__sub-menu .g-dropdown-menu__menu:before, .g-dropdown-menu__sub-menu .g-dropdown-menu__menu:after {
  position: absolute;
  inset-block-start: 0;
  width: 10px;
  height: 100%;
  content: "";
}
.g-dropdown-menu__sub-menu .g-dropdown-menu__menu:before {
  inset-inline-start: -10px;
}
.g-dropdown-menu__sub-menu .g-dropdown-menu__menu:after {
  inset-inline-end: -10px;
}
.g-breadcrumbs__inner {
  display: inline-flex;
  align-items: center;
  width: 100%;
  min-height: 24px;
  overflow: hidden;
  gap: 4px;
}
.g-breadcrumbs__switcher {
  padding: 0;
  font-family: var(--g-text-body-font-family);
  font-size: inherit;
  font-weight: var(--g-text-body-font-weight);
  color: inherit;
  background: none;
  border: none;
  outline: none;
  cursor: pointer;
  color: var(--g-color-text-secondary);
}
.g-breadcrumbs__switcher:focus-visible {
  outline: 2px solid var(--g-color-line-focus);
}
.g-breadcrumbs__item, .g-breadcrumbs__switcher {
  flex-shrink: 1;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.g-breadcrumbs__item:focus-visible, .g-breadcrumbs__switcher:focus-visible {
  outline: 2px solid var(--g-color-line-focus);
  border-radius: var(--g-focus-border-radius);
}
.g-breadcrumbs_calculated_no .g-breadcrumbs__item {
  overflow: visible;
}
.g-breadcrumbs__divider {
  display: flex;
  align-items: center;
  color: var(--g-color-text-secondary);
}
.g-breadcrumbs__popup_staircase .g-menu .g-menu__list-item .g-menu__item {
  /* stylelint-disable declaration-no-important */
  padding-inline-start: 80px !important;
  /* stylelint-enable declaration-no-important */
}
.g-breadcrumbs__popup_staircase .g-menu .g-menu__list-item:nth-child(0) .g-menu__item {
  /* stylelint-disable declaration-no-important */
  padding-inline-start: 0px !important;
  /* stylelint-enable declaration-no-important */
}
.g-breadcrumbs__popup_staircase .g-menu .g-menu__list-item:nth-child(1) .g-menu__item {
  /* stylelint-disable declaration-no-important */
  padding-inline-start: 8px !important;
  /* stylelint-enable declaration-no-important */
}
.g-breadcrumbs__popup_staircase .g-menu .g-menu__list-item:nth-child(2) .g-menu__item {
  /* stylelint-disable declaration-no-important */
  padding-inline-start: 16px !important;
  /* stylelint-enable declaration-no-important */
}
.g-breadcrumbs__popup_staircase .g-menu .g-menu__list-item:nth-child(3) .g-menu__item {
  /* stylelint-disable declaration-no-important */
  padding-inline-start: 24px !important;
  /* stylelint-enable declaration-no-important */
}
.g-breadcrumbs__popup_staircase .g-menu .g-menu__list-item:nth-child(4) .g-menu__item {
  /* stylelint-disable declaration-no-important */
  padding-inline-start: 32px !important;
  /* stylelint-enable declaration-no-important */
}
.g-breadcrumbs__popup_staircase .g-menu .g-menu__list-item:nth-child(5) .g-menu__item {
  /* stylelint-disable declaration-no-important */
  padding-inline-start: 40px !important;
  /* stylelint-enable declaration-no-important */
}
.g-breadcrumbs__popup_staircase .g-menu .g-menu__list-item:nth-child(6) .g-menu__item {
  /* stylelint-disable declaration-no-important */
  padding-inline-start: 48px !important;
  /* stylelint-enable declaration-no-important */
}
.g-breadcrumbs__popup_staircase .g-menu .g-menu__list-item:nth-child(7) .g-menu__item {
  /* stylelint-disable declaration-no-important */
  padding-inline-start: 56px !important;
  /* stylelint-enable declaration-no-important */
}
.g-breadcrumbs__popup_staircase .g-menu .g-menu__list-item:nth-child(8) .g-menu__item {
  /* stylelint-disable declaration-no-important */
  padding-inline-start: 64px !important;
  /* stylelint-enable declaration-no-important */
}
.g-breadcrumbs__popup_staircase .g-menu .g-menu__list-item:nth-child(9) .g-menu__item {
  /* stylelint-disable declaration-no-important */
  padding-inline-start: 72px !important;
  /* stylelint-enable declaration-no-important */
}
.g-breadcrumbs__popup_staircase .g-menu .g-menu__list-item:nth-child(10) .g-menu__item {
  /* stylelint-disable declaration-no-important */
  padding-inline-start: 80px !important;
  /* stylelint-enable declaration-no-important */
}
.g-control-label {
  display: inline-flex;
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  color: var(--g-color-text-primary);
  user-select: none;
  touch-action: manipulation;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
}
.g-control-label_disabled {
  cursor: default;
  pointer-events: none;
}
.g-control-label_size_m {
  font-size: var(--g-text-body-1-font-size);
  line-height: 15px;
}
.g-control-label_size_l {
  font-size: var(--g-text-body-2-font-size);
  line-height: 18px;
}
.g-control-label__indicator {
  flex-shrink: 0;
}
.g-control-label__text {
  flex-grow: 1;
  white-space: normal;
}
.g-control-label_disabled .g-control-label__text {
  opacity: 0.6;
}
.g-control-label_size_m .g-control-label__text {
  margin-inline-start: 5px;
}
.g-control-label_size_l .g-control-label__text {
  margin-inline-start: 7px;
}
@charset "UTF-8";
.g-checkbox__indicator {
  display: inline-block;
  position: relative;
  cursor: inherit;
}
.g-checkbox__indicator::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: transparent;
  border: 1px solid var(--g-color-line-generic-accent);
  border-radius: 4px;
  transition: background 0.1s linear;
}
.g-checkbox__indicator::after {
  content: " ";
  visibility: hidden;
}
.g-checkbox__icon {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  visibility: hidden;
  color: transparent;
  transform: translateY(-5px);
  transition: color 0.1s, transform 0.2s;
}
.g-checkbox__control {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  opacity: 0;
  background: none;
  border: none;
  outline: none;
  cursor: inherit;
}
.g-checkbox__outline {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  background: none;
  pointer-events: none;
  border-radius: 4px;
}
.g-checkbox__control:focus-visible + .g-checkbox__outline {
  outline: 2px solid var(--g-color-line-focus);
}
.g-checkbox_size_m .g-checkbox__icon-svg_type_tick {
  width: 8px;
  height: 10px;
}
.g-checkbox_size_m .g-checkbox__icon-svg_type_dash {
  width: 12px;
  height: 12px;
}
.g-checkbox_size_m .g-checkbox__indicator {
  width: 14px;
  height: 14px;
}
.g-checkbox_size_l .g-checkbox__icon-svg_type_tick {
  width: 11px;
  height: 9px;
}
.g-checkbox_size_l .g-checkbox__icon-svg_type_dash {
  width: 15px;
  height: 15px;
}
.g-checkbox_size_l .g-checkbox__indicator {
  width: 17px;
  height: 17px;
}
.g-checkbox:hover .g-checkbox__indicator::before {
  border-color: var(--g-color-line-generic-accent-hover);
}
.g-checkbox_checked .g-checkbox__indicator::before, .g-checkbox_indeterminate .g-checkbox__indicator::before {
  background-color: var(--g-color-base-brand);
  border: transparent;
}
.g-checkbox_checked .g-checkbox__icon, .g-checkbox_indeterminate .g-checkbox__icon {
  visibility: visible;
  color: var(--g-color-text-brand-contrast);
  transform: translateX(0);
}
.g-checkbox_disabled .g-checkbox__indicator::before {
  background-color: var(--g-color-base-generic-accent-disabled);
  border: transparent;
}
.g-checkbox_disabled.g-checkbox_checked .g-checkbox__indicator::before, .g-checkbox_disabled.g-checkbox_indeterminate .g-checkbox__indicator::before {
  background-color: var(--g-color-base-brand);
  opacity: 0.5;
}
.g-modal {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 1000;
  visibility: hidden;
  margin: -9999px 0 0 -9999px;
  background-color: var(--g-color-sfx-veil);
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.g-modal__content-aligner {
  min-width: 100%;
  min-height: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.g-modal__content-wrapper {
  margin: var(--g-modal-margin, 20px);
  border-radius: var(--g-modal-border-radius, 5px);
  overflow-x: hidden;
}
.g-modal__content {
  background-color: var(--g-color-base-modal);
  border-radius: var(--g-modal-border-radius, 5px);
}
.g-modal__content_has-scroll {
  overflow-y: auto;
  max-height: calc(100vh - var(--g-modal-margin, 20px) * 2);
}
.g-modal, .g-modal__content {
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
  outline: none;
}
.g-modal_open, .g-modal_exit_active {
  display: block;
  visibility: visible;
  margin: 0;
}
.g-modal_enter_active, .g-modal_appear_active {
  animation-name: g-modal-open;
  animation-duration: 150ms;
}
.g-modal_enter_active .g-modal__content, .g-modal_appear_active .g-modal__content {
  animation-name: g-modal-content-open;
  animation-duration: 150ms;
}
.g-modal_exit_active {
  animation-name: g-modal;
  animation-duration: 200ms;
}

@keyframes g-modal {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes g-modal-open {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes g-modal-content-open {
  0% {
    transform: scale(0.75);
  }
  100% {
    transform: scale(1);
  }
}
.g-dialog-btn-close {
  position: absolute;
  inset-block-start: 14px;
  inset-inline-end: 14px;
  z-index: 1;
}
.g-dialog-body {
  padding: 10px var(--_--side-padding);
  flex: 1 1 auto;
  overflow-y: auto;
}
.g-dialog-body_has-borders {
  border-block-start: 1px solid var(--g-color-line-generic);
  border-block-end: 1px solid var(--g-color-line-generic);
}
.g-dialog-divider {
  border-block-start: 1px solid var(--g-color-line-generic);
  margin: 0 calc(-1 * var(--_--side-padding));
}
.g-dialog-footer {
  padding: 28px var(--_--side-padding);
  display: flex;
  align-items: center;
}
.g-dialog-footer__bts-wrapper {
  display: flex;
  gap: 10px;
}
.g-dialog-footer__children {
  flex-grow: 1;
  height: 100%;
  align-items: center;
  display: flex;
}
.g-dialog-footer__button {
  min-width: 128px;
  position: relative;
}
.g-dialog-footer__error {
  padding: 10px;
  color: var(--g-color-text-danger);
}
.g-dialog-header {
  padding-block: 20px 10px;
  padding-inline: var(--_--side-padding) calc(var(--_--side-padding) + var(--_--close-button-space) * var(--g-flow-is-ltr) + var(--_--close-button-space) * var(--g-flow-is-rtl));
  line-height: 24px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color: var(--g-color-text-primary);
}
.g-dialog-header__caption {
  font-family: var(--g-text-subheader-font-family);
  font-weight: var(--g-text-subheader-font-weight);
  font-size: var(--g-text-subheader-3-font-size);
  line-height: var(--g-text-subheader-3-line-height);
}
.g-dialog {
  --_--side-padding: 32px;
  --_--close-button-space: 0px;
  position: relative;
  display: flex;
  flex-direction: column;
  width: var(--g-dialog-width, var(--_--width));
}
.g-dialog_has-scroll {
  overflow-y: auto;
  max-height: calc(100vh - var(--g-modal-margin, 20px) * 2);
}
.g-dialog_size_s {
  --_--width: 480px;
}
.g-dialog_size_m {
  --_--width: 720px;
}
.g-dialog_size_l {
  --_--width: 900px;
}
.g-dialog_has-close {
  --_--close-button-space: 24px;
}
.g-disclosure_size_m .g-disclosure__trigger {
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-1-font-size);
  line-height: var(--g-text-body-1-line-height);
}
.g-disclosure_size_l .g-disclosure__trigger {
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-2-font-size);
  line-height: var(--g-text-body-2-line-height);
}
.g-disclosure_size_xl .g-disclosure__trigger {
  font-family: var(--g-text-subheader-font-family);
  font-weight: var(--g-text-subheader-font-weight);
  font-size: var(--g-text-subheader-3-font-size);
  line-height: var(--g-text-subheader-3-line-height);
}
.g-disclosure__trigger {
  padding: 0;
  font-family: var(--g-text-body-font-family);
  font-size: inherit;
  font-weight: var(--g-text-body-font-weight);
  color: inherit;
  background: none;
  border: none;
  outline: none;
  cursor: pointer;
  display: flex;
  flex-flow: row nowrap;
  gap: 8px;
  flex-shrink: 0;
  align-items: center;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  border-radius: var(--g-focus-border-radius);
}
.g-disclosure__trigger:focus-visible {
  outline: 2px solid var(--g-color-line-focus);
}
.g-disclosure__trigger_arrow_end {
  flex-direction: row-reverse;
}
.g-disclosure__trigger_disabled {
  color: var(--g-color-text-secondary);
  cursor: auto;
}
.g-disclosure__content {
  display: none;
}
.g-disclosure__content_visible {
  display: block;
}
.g-disclosure__content.g-disclosure_exit_active {
  display: block;
  animation-name: g-disclosure-collapsed;
  animation-duration: 0.1s;
  opacity: 0;
}
.g-disclosure__content.g-disclosure_enter_active {
  animation-name: g-disclosure-expanded;
  animation-duration: 0.2s;
}

@keyframes g-disclosure-expanded {
  0% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
  }
}
@keyframes g-disclosure-collapsed {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.g-divider {
  --_--content-gap: 8px;
  --_--size: 1px;
}
.g-divider:not(:empty) {
  border: none;
  display: flex;
  align-items: center;
}
.g-divider:not(:empty)::before, .g-divider:not(:empty)::after {
  content: "";
}
.g-divider::before, .g-divider::after {
  flex-grow: 1;
  background: var(--g-divider-color, var(--g-color-line-generic));
}
.g-divider_orientation_vertical {
  flex-direction: column;
  border-inline-start: 1px solid var(--g-divider-color, var(--g-color-line-generic));
}
.g-divider_orientation_vertical::before, .g-divider_orientation_vertical::after {
  width: var(--_--size);
}
.g-divider_orientation_vertical::before {
  margin-block-end: var(--_--content-gap);
}
.g-divider_orientation_vertical::after {
  margin-block-start: var(--_--content-gap);
}
.g-divider_orientation_horizontal {
  border-block-start: 1px solid var(--g-divider-color, var(--g-color-line-generic));
}
.g-divider_orientation_horizontal::before, .g-divider_orientation_horizontal::after {
  height: var(--_--size);
}
.g-divider_orientation_horizontal::before {
  margin-inline-end: var(--_--content-gap);
}
.g-divider_orientation_horizontal::after {
  margin-inline-start: var(--_--content-gap);
}
.g-divider_align_start::before {
  display: none;
}
.g-divider_align_end::after {
  display: none;
}
.g-avatar-stack {
  --_--more-button-size: 32px;
  --_--more-button-border-width: 1px;
  display: inline-flex;
  justify-content: flex-end;
  flex-direction: row-reverse;
  margin: 0;
  padding: 0;
}
.g-avatar-stack_overlap-size_s {
  --_--overlap: var(--g-spacing-1);
}
.g-avatar-stack_overlap-size_m {
  --_--overlap: var(--g-spacing-2);
}
.g-avatar-stack_overlap-size_l {
  --_--overlap: var(--g-spacing-3);
}
.g-avatar-stack__item {
  display: flex;
  z-index: 0;
  border-radius: 100%;
}
.g-avatar-stack__item:not(:first-child) {
  margin-inline-end: calc(-1 * var(--_--overlap));
}
.g-avatar-stack__more-button {
  padding: 0;
  font-family: var(--g-text-body-font-family);
  font-size: inherit;
  font-weight: var(--g-text-body-font-weight);
  color: inherit;
  background: none;
  border: none;
  outline: none;
  cursor: pointer;
  border-radius: 100%;
  width: var(--_--more-button-size);
  height: var(--_--more-button-size);
}
.g-avatar-stack__more-button:focus-visible {
  outline: var(--g-color-line-focus) solid 2px;
  outline-offset: 0;
}
.g-avatar-stack__more-button_size_2xs {
  --_--more-button-size: 20px;
}
.g-avatar-stack__more-button_size_xs {
  --_--more-button-size: 24px;
}
.g-avatar-stack__more-button_size_s {
  --_--more-button-size: 28px;
}
.g-avatar-stack__more-button_size_m {
  --_--more-button-size: 32px;
}
.g-avatar-stack__more-button_size_l {
  --_--more-button-size: 42px;
}
.g-avatar-stack__more-button_size_xl {
  --_--more-button-size: 50px;
}
.g-label {
  --_--bg-color: none;
  --_--bg-color-hover: none;
  --_--text-color: none;
  display: inline-flex;
  align-items: center;
  position: relative;
  height: var(--_--height);
  border-radius: var(--_--border-radius);
  color: var(--_--text-color);
  background-color: var(--_--bg-color);
  transition-property: opacity, color, background-color;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  box-sizing: border-box;
  /* make new stacking context to isolate z-indexes */
  isolation: isolate;
}
.g-label__text {
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-1-font-size);
  line-height: var(--g-text-body-1-line-height);
  display: flex;
  align-items: baseline;
  margin: 0 var(--_--margin-inline);
  width: 100%;
  line-height: var(--_--height);
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
}
.g-label__content, .g-label__key {
  text-overflow: ellipsis;
  overflow: hidden;
}
.g-label__value {
  display: flex;
  opacity: 0.7;
  overflow: hidden;
}
.g-label__separator {
  margin: 0 4px;
}
.g-label__main-button {
  padding: 0;
  font-family: var(--g-text-body-font-family);
  font-size: inherit;
  font-weight: var(--g-text-body-font-weight);
  color: inherit;
  background: none;
  border: none;
  outline: none;
  cursor: pointer;
  border-radius: inherit;
  z-index: 1;
}
.g-label__main-button:empty {
  position: absolute;
  inset: 0;
}
.g-label__addon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--_--height);
  height: var(--_--height);
  border-radius: var(--_--border-radius);
}
.g-label__addon_side_start, .g-label__addon_side_end {
  position: absolute;
  inset-block-start: 0;
}
.g-label__addon_side_start {
  inset-inline-start: 2px;
  border-start-end-radius: 0;
  border-end-end-radius: 0;
}
.g-label__addon_side_end {
  inset-inline-end: 0;
  border-start-start-radius: 0;
  border-end-start-radius: 0;
}
.g-label__addon_type_button {
  padding: 0;
  font-family: var(--g-text-body-font-family);
  font-size: inherit;
  font-weight: var(--g-text-body-font-weight);
  color: inherit;
  background: none;
  border: none;
  outline: none;
  cursor: pointer;
  z-index: 2;
  cursor: pointer;
  color: var(--_--text-color);
  background-color: transparent;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, transform 0.1s ease-out;
}
.g-label__addon_type_button:active {
  transform: scale(0.96);
}
.g-label_size_xs {
  --_--height: 20px;
  --_--border-radius: var(--g-border-radius-xs);
  --_--margin-inline: 8px;
  --_--margin-addon-start: 24px;
  --_--margin-addon-end: 22px;
}
.g-label_size_s {
  --_--height: 24px;
  --_--border-radius: var(--g-border-radius-s);
  --_--margin-inline: 10px;
  --_--margin-addon-start: 28px;
  --_--margin-addon-end: 26px;
}
.g-label_size_m {
  --_--height: 28px;
  --_--border-radius: var(--g-border-radius-m);
  --_--margin-inline: 12px;
  --_--margin-addon-start: 32px;
  --_--margin-addon-end: 32px;
}
.g-label_disabled {
  opacity: 0.7;
  pointer-events: none;
}
.g-label_interactive {
  cursor: pointer;
}
.g-label_theme_normal {
  --_--bg-color: var(--g-color-base-misc-light);
  --_--bg-color-hover: var(--g-color-base-misc-light-hover);
  --_--text-color: var(--g-color-text-misc-heavy);
}
.g-label_theme_success {
  --_--bg-color: var(--g-color-base-positive-light);
  --_--bg-color-hover: var(--g-color-base-positive-light-hover);
  --_--text-color: var(--g-color-text-positive-heavy);
}
.g-label_theme_info {
  --_--bg-color: var(--g-color-base-info-light);
  --_--bg-color-hover: var(--g-color-base-info-light-hover);
  --_--text-color: var(--g-color-text-info-heavy);
}
.g-label_theme_warning {
  --_--bg-color: var(--g-color-base-warning-light);
  --_--bg-color-hover: var(--g-color-base-warning-light-hover);
  --_--text-color: var(--g-color-text-warning-heavy);
}
.g-label_theme_danger {
  --_--bg-color: var(--g-color-base-danger-light);
  --_--bg-color-hover: var(--g-color-base-danger-light-hover);
  --_--text-color: var(--g-color-text-danger-heavy);
}
.g-label_theme_utility {
  --_--bg-color: var(--g-color-base-utility-light);
  --_--bg-color-hover: var(--g-color-base-utility-light-hover);
  --_--text-color: var(--g-color-text-utility-heavy);
}
.g-label_theme_unknown {
  --_--bg-color: var(--g-color-base-neutral-light);
  --_--bg-color-hover: var(--g-color-base-neutral-light-hover);
  --_--text-color: var(--g-color-text-complementary);
}
.g-label_theme_clear {
  --_--bg-color: transparent;
  --_--bg-color-hover: var(--g-color-base-simple-hover);
  --_--text-color: var(--g-color-text-complementary);
  box-shadow: inset 0 0 0 1px var(--g-color-line-generic);
}
.g-label:has(.g-label__addon_side_start) .g-label__text {
  margin-inline-start: var(--_--margin-addon-start);
}
.g-label:has(.g-label__addon_side_end) .g-label__text {
  margin-inline-end: var(--_--margin-addon-end);
}
.g-label_interactive:hover:not(:has(.g-label__addon_type_button:hover)), .g-label__addon_type_button:hover {
  background-color: var(--_--bg-color-hover);
}
.g-label__main-button:focus-visible, .g-label__addon_type_button:focus-visible {
  outline: 2px solid var(--g-color-line-focus);
}
.g-clear-button {
  --g-button-text-color: var(--g-color-text-hint);
  --g-button-text-color-hover: var(--g-color-text-primary);
  --g-button-background-color: transparent;
  --g-button-background-color-hover: transparent;
}
.g-outer-additional-content {
  display: flex;
  justify-content: space-between;
  vertical-align: top;
}
.g-outer-additional-content__note, .g-outer-additional-content__error {
  margin-block-start: 2px;
}
.g-outer-additional-content__error {
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-1-font-size);
  line-height: var(--g-text-body-1-line-height);
  color: var(--g-color-text-danger);
}
.g-outer-additional-content__error:not(:last-child) {
  margin-inline-end: var(--g-spacing-2);
}
.g-outer-additional-content__note {
  margin-inline-start: auto;
}
.g-text-area {
  --_--text-color: var(--g-color-text-primary);
  --_--placeholder-color: var(--g-color-text-hint);
  --_--background-color: transparent;
  --_--border-width: 1px;
  --_--clear-offset: calc(
      var(--g-text-area-border-width, 1px) + 1px
  );
  --_--focus-outline-color: var(--g-text-area-focus-outline-color);
  display: inline-block;
  width: 100%;
  position: relative;
}
.g-text-area__content {
  box-sizing: border-box;
  display: flex;
  width: inherit;
  height: inherit;
  background-color: var(--g-text-area-background-color, var(--_--background-color));
  border-width: var(--g-text-area-border-width, var(--_--border-width));
  border-style: solid;
  border-color: var(--g-text-area-border-color, var(--_--border-color));
  color: var(--g-text-area-text-color, var(--_--text-color));
  overflow: hidden;
}
.g-text-area__content:hover {
  border-color: var(--g-text-area-border-color-hover, var(--_--border-color-hover));
}
.g-text-area__content:focus-within {
  border-color: var(--g-text-area-border-color-active, var(--_--border-color-active));
  outline: 2px solid var(--g-text-area-focus-outline-color, var(--_--focus-outline-color));
  outline-offset: -1px;
}
.g-text-area__control {
  box-sizing: border-box;
  display: inline-block;
  flex-grow: 1;
  vertical-align: top;
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
  font-weight: var(--g-text-body-font-weight);
  font-family: var(--g-text-body-font-family);
  color: inherit;
  background-color: transparent;
  border: none;
  resize: none;
  overflow-x: hidden;
}
.g-text-area__control::placeholder {
  color: var(--g-text-area-placeholder-color, var(--_--placeholder-color));
}
.g-text-area__control:focus {
  outline: none;
}
.g-text-area__control[type=number] {
  appearance: textfield;
}
.g-text-area__clear {
  position: absolute;
}
.g-text-area__clear_size_s, .g-text-area__clear_size_m {
  inset-inline-end: var(--_--clear-offset);
  inset-block-start: var(--_--clear-offset);
}
.g-text-area__clear_size_l, .g-text-area__clear_size_xl {
  inset-inline-end: calc(var(--_--clear-offset) + 1px);
  inset-block-start: calc(var(--_--clear-offset) + 2px);
}
.g-text-area_size_s {
  --_--border-radius: var(--g-border-radius-s);
}
.g-text-area_size_s .g-text-area__control {
  --_--input-control-border-width: var(
      --g-text-input-border-width,
      var(--g-text-area-border-width, 1px)
  );
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-short-font-size);
  line-height: var(--g-text-body-short-line-height);
  height: calc(24px - var(--_--input-control-border-width) * 2);
  padding: 3px 8px;
}
.g-text-area_size_s.g-text-area_has-clear .g-text-area__control {
  padding-inline-end: 26px;
}
.g-text-area_size_m {
  --_--border-radius: var(--g-border-radius-m);
}
.g-text-area_size_m .g-text-area__control {
  --_--input-control-border-width: var(
      --g-text-input-border-width,
      var(--g-text-area-border-width, 1px)
  );
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-short-font-size);
  line-height: var(--g-text-body-short-line-height);
  height: calc(28px - var(--_--input-control-border-width) * 2);
  padding: 5px 8px;
}
.g-text-area_size_m.g-text-area_has-clear .g-text-area__control {
  padding-inline-end: 26px;
}
.g-text-area_size_l {
  --_--border-radius: var(--g-border-radius-l);
}
.g-text-area_size_l .g-text-area__control {
  --_--input-control-border-width: var(
      --g-text-input-border-width,
      var(--g-text-area-border-width, 1px)
  );
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-short-font-size);
  line-height: var(--g-text-body-short-line-height);
  height: calc(36px - var(--_--input-control-border-width) * 2);
  padding: 9px 12px;
}
.g-text-area_size_l.g-text-area_has-clear .g-text-area__control {
  padding-inline-end: 36px;
}
.g-text-area_size_xl {
  --_--border-radius: var(--g-border-radius-xl);
}
.g-text-area_size_xl .g-text-area__control {
  --_--input-control-border-width: var(
      --g-text-input-border-width,
      var(--g-text-area-border-width, 1px)
  );
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-2-font-size);
  line-height: var(--g-text-body-2-line-height);
  height: calc(44px - var(--_--input-control-border-width) * 2);
  padding: 11px 12px;
}
.g-text-area_size_xl.g-text-area_has-clear .g-text-area__control {
  padding-inline-end: 36px;
}
.g-text-area_view_normal {
  --_--border-color: var(--g-color-line-generic);
  --_--border-color-hover: var(--g-color-line-generic-hover);
  --_--border-color-active: var(--g-color-line-generic-active);
}
.g-text-area_view_clear {
  --_--border-color: transparent;
  --_--border-color-hover: transparent;
  --_--border-color-active: transparent;
  --_--border-radius: 0;
}
.g-text-area_view_clear .g-text-area__content {
  border-inline: 0;
}
.g-text-area_view_clear .g-text-area__control {
  padding-inline: 0;
}
.g-text-area.g-text-area_pin_round-round .g-text-area__content {
  border-radius: var(--g-text-area-border-radius, var(--_--border-radius));
}
.g-text-area.g-text-area_pin_brick-brick .g-text-area__content {
  border-radius: 0;
}
.g-text-area.g-text-area_pin_clear-clear .g-text-area__content {
  border-radius: 0;
  border-inline: 0;
}
.g-text-area.g-text-area_pin_circle-circle .g-text-area__content {
  border-radius: 100px;
}
.g-text-area.g-text-area_pin_round-brick .g-text-area__content {
  border-start-start-radius: var(--g-text-area-border-radius, var(--_--border-radius));
  border-start-end-radius: 0;
  border-end-start-radius: var(--g-text-area-border-radius, var(--_--border-radius));
  border-end-end-radius: 0;
}
.g-text-area.g-text-area_pin_brick-round .g-text-area__content {
  border-start-start-radius: 0;
  border-start-end-radius: var(--g-text-area-border-radius, var(--_--border-radius));
  border-end-start-radius: 0;
  border-end-end-radius: var(--g-text-area-border-radius, var(--_--border-radius));
}
.g-text-area.g-text-area_pin_round-clear .g-text-area__content {
  border-start-start-radius: var(--g-text-area-border-radius, var(--_--border-radius));
  border-start-end-radius: 0;
  border-end-start-radius: var(--g-text-area-border-radius, var(--_--border-radius));
  border-end-end-radius: 0;
  border-inline-end: 0;
}
.g-text-area.g-text-area_pin_clear-round .g-text-area__content {
  border-start-start-radius: 0;
  border-start-end-radius: var(--g-text-area-border-radius, var(--_--border-radius));
  border-end-start-radius: 0;
  border-end-end-radius: var(--g-text-area-border-radius, var(--_--border-radius));
  border-inline-start: 0;
}
.g-text-area.g-text-area_pin_brick-clear .g-text-area__content {
  border-radius: 0;
  border-inline-end: 0;
}
.g-text-area.g-text-area_pin_clear-brick .g-text-area__content {
  border-radius: 0;
  border-inline-start: 0;
}
.g-text-area.g-text-area_pin_circle-brick .g-text-area__content {
  border-start-start-radius: 100px;
  border-start-end-radius: 0;
  border-end-start-radius: 100px;
  border-end-end-radius: 0;
}
.g-text-area.g-text-area_pin_brick-circle .g-text-area__content {
  border-start-start-radius: 0;
  border-start-end-radius: 100px;
  border-end-start-radius: 0;
  border-end-end-radius: 100px;
}
.g-text-area.g-text-area_pin_circle-clear .g-text-area__content {
  border-start-start-radius: 100px;
  border-start-end-radius: 0;
  border-end-start-radius: 100px;
  border-end-end-radius: 0;
  border-inline-end: 0;
}
.g-text-area.g-text-area_pin_clear-circle .g-text-area__content {
  border-start-start-radius: 0;
  border-start-end-radius: 100px;
  border-end-start-radius: 0;
  border-end-end-radius: 100px;
  border-inline-start: 0;
}
.g-text-area_disabled {
  --_--text-color: var(--g-color-text-hint);
  --_--background-color: var(--g-color-base-generic-accent-disabled);
  --_--border-color: transparent;
  --_--border-color-hover: transparent;
  --_--border-color-active: transparent;
}
.g-text-area_has-scrollbar .g-text-area__clear {
  inset-inline-end: var(--g-scrollbar-width);
}
.g-text-area_state_error.g-text-area_view_normal .g-text-area__content, .g-text-area_state_error.g-text-area_view_normal .g-text-area__content:hover, .g-text-area_state_error.g-text-area_view_normal .g-text-area__content:focus-within {
  border-color: var(--g-color-line-danger);
}
.g-text-area_state_error.g-text-area_view_normal .g-text-area__content:focus-within {
  --_--focus-outline-color: var(--g-color-line-danger);
}
.g-text-area_state_error.g-text-area_view_clear .g-text-area__content, .g-text-area_state_error.g-text-area_view_clear .g-text-area__content:hover, .g-text-area_state_error.g-text-area_view_clear .g-text-area__content:focus-within {
  border-block-end: 1px solid var(--g-color-line-danger);
}
.g-text-area_state_error.g-text-area_view_clear .g-text-area__content:focus-within {
  --_--focus-outline-color: var(--g-color-line-danger);
}
.g-popover {
  display: inline-block;
  position: relative;
}
.g-popover:not(.g-popover_disabled) {
  cursor: pointer;
}
.g-popover__handler {
  display: inline-block;
}
.g-popover__tooltip {
  --_--padding: 16px;
  --_--close-offset: 8px;
  --_--close-size: 24px;
}
.g-popover__tooltip-popup-content {
  box-sizing: border-box;
  min-height: 40px;
  max-width: var(--g-popover-max-width, 300px);
  padding: var(--g-popover-padding, var(--_--padding));
  cursor: default;
}
.g-popover__tooltip-title {
  font-family: var(--g-text-subheader-font-family);
  font-weight: var(--g-text-subheader-font-weight);
  font-size: var(--g-text-subheader-3-font-size);
  line-height: var(--g-text-subheader-3-line-height);
  display: inline-flex;
  margin: 0 0 12px;
}
.g-popover__tooltip-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-block-start: 20px;
}
.g-popover__tooltip-button {
  flex: 1;
}
.g-popover__tooltip-close {
  position: absolute;
  inset-block-start: var(--_--close-offset);
  inset-inline-end: var(--_--close-offset);
}
.g-popover__tooltip-content {
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-1-font-size);
  line-height: var(--g-text-body-1-line-height);
  overflow-wrap: break-word;
}
.g-popover__tooltip-content_secondary {
  opacity: 0.7;
}
.g-popover__tooltip-links > * {
  margin-block-start: 8px;
}
.g-popover__tooltip-links > *:first-child {
  margin-block-start: 0;
}
.g-popover__tooltip-content + .g-popover__tooltip-links > *:first-child {
  margin-block-start: 12px;
}
.g-popover__tooltip-link {
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-1-font-size);
  line-height: var(--g-text-body-1-line-height);
  display: inline-block;
}
.g-popover__tooltip_theme_info.g-popover__tooltip_theme_info, .g-popover__tooltip_theme_info .g-popover__tooltip_theme_announcement, .g-popover__tooltip_theme_announcement.g-popover__tooltip_theme_info, .g-popover__tooltip_theme_announcement .g-popover__tooltip_theme_announcement {
  color: var(--g-color-text-primary);
}
.g-popover__tooltip_force-links-appearance.g-popover__tooltip_theme_info .g-popover__tooltip-content a:not(.g-button), .g-popover__tooltip_theme_announcement .g-popover__tooltip-content a:not(.g-button) {
  text-decoration: none;
  color: var(--g-color-text-link);
}
.g-popover__tooltip_force-links-appearance.g-popover__tooltip_theme_info .g-popover__tooltip-content a:not(.g-button):hover, .g-popover__tooltip_theme_announcement .g-popover__tooltip-content a:not(.g-button):hover {
  color: var(--g-color-text-link-hover);
}

.g-popover__tooltip_theme_announcement {
  --g-popup-background-color: var(--g-color-base-simple-hover-solid);
  --g-popup-border-color: var(--g-color-base-simple-hover-solid);
}
.g-popover__tooltip_theme_special {
  --g-popup-background-color: var(--g-color-base-brand);
  --g-popup-border-color: var(--g-color-base-brand);
  color: var(--g-color-text-light-primary);
}
.g-popover__tooltip_theme_special .g-popover__tooltip-content a:not(.g-button) {
  font-weight: var(--g-text-accent-font-weight);
  color: var(--g-color-text-light-primary);
}
.g-popover__tooltip_theme_special .g-popover__tooltip-content a:not(.g-button):hover {
  color: var(--g-color-text-light-secondary);
}
.g-popover__tooltip_theme_special .g-link {
  color: var(--g-color-text-light-primary);
}
.g-popover__tooltip_theme_special .g-link:hover {
  color: var(--g-color-text-light-secondary);
}
.g-popover__tooltip_size_l {
  --_--padding: 24px;
}
.g-popover__tooltip_size_l .g-popover__tooltip-title {
  font-family: var(--g-text-header-font-family);
  font-weight: var(--g-text-header-font-weight);
  font-size: var(--g-text-header-1-font-size);
  line-height: var(--g-text-header-1-line-height);
}
.g-popover__tooltip_size_l .g-popover__tooltip-content {
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-2-font-size);
  line-height: var(--g-text-body-2-line-height);
}
.g-popover__tooltip_with-close .g-popover__tooltip-title,
.g-popover__tooltip_with-close .g-popover__tooltip-content {
  padding-inline-end: calc(var(--_--close-offset) + var(--_--close-size) - var(--_--padding));
}
.g-text-input {
  --_--text-color: var(--g-color-text-primary);
  --_--label-color: inherit;
  --_--placeholder-color: var(--g-color-text-hint);
  --_--background-color: transparent;
  --_--border-width: 1px;
  --_--focus-outline-color: var(--g-text-input-focus-outline-color);
  display: inline-block;
  width: 100%;
  position: relative;
}
.g-text-input__content {
  box-sizing: border-box;
  overflow: hidden;
  display: flex;
  width: 100%;
  background-color: var(--g-text-input-background-color, var(--_--background-color));
  border-width: var(--g-text-input-border-width, var(--_--border-width));
  border-style: solid;
  border-color: var(--g-text-input-border-color, var(--_--border-color));
  color: var(--g-text-input-text-color, var(--_--text-color));
}
.g-text-input__content:hover {
  border-color: var(--g-text-input-border-color-hover, var(--_--border-color-hover));
}
.g-text-input__content:focus-within {
  border-color: var(--g-text-input-border-color-active, var(--_--border-color-active));
  outline: 2px solid var(--g-text-input-focus-outline-color, var(--_--focus-outline-color));
  outline-offset: -1px;
}
.g-text-input__control {
  box-sizing: border-box;
  display: inline-block;
  flex-grow: 1;
  vertical-align: top;
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
  font-weight: var(--g-text-body-font-weight);
  font-family: var(--g-text-body-font-family);
  color: inherit;
  background-color: transparent;
  border: none;
  height: var(--g-text-input-height);
}
.g-text-input__control::placeholder {
  color: var(--g-text-input-placeholder-color, var(--_--placeholder-color));
  overflow: hidden;
  white-space: nowrap;
}
.g-text-input__control:focus {
  outline: none;
}
.g-text-input__control[type=number] {
  appearance: textfield;
}
.g-text-input__label {
  position: absolute;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 1;
  color: var(--g-text-input-label-color, var(--_--label-color));
}
.g-text-input__clear {
  flex-shrink: 0;
  margin: auto 0;
}
.g-text-input__clear_size_s, .g-text-input__clear_size_m {
  margin-inline-end: 1px;
}
.g-text-input__clear_size_l, .g-text-input__clear_size_xl {
  margin-inline-end: 2px;
}
.g-text-input__error-icon {
  box-sizing: content-box;
  color: var(--g-color-text-danger);
  padding-block: var(--_--error-icon-padding-block);
  padding-inline: var(--_--error-icon-padding-inline);
}
.g-text-input__additional-content {
  display: flex;
  align-items: center;
}
.g-text-input_size_s {
  --_--error-icon-padding-block: 5px;
  --_--error-icon-padding-inline: 0 5px;
  --_--border-radius: var(--g-border-radius-s);
}
.g-text-input_size_s .g-text-input__control {
  --_--input-control-border-width: var(
      --g-text-input-border-width,
      var(--g-text-area-border-width, 1px)
  );
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-short-font-size);
  line-height: var(--g-text-body-short-line-height);
  height: calc(24px - var(--_--input-control-border-width) * 2);
  padding: 3px 8px;
}
.g-text-input_size_s .g-text-input__label {
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-short-font-size);
  line-height: var(--g-text-body-short-line-height);
  padding-block: 3px;
  padding-inline: 8px 4px;
  font-weight: var(--g-text-accent-font-weight);
}
.g-text-input_size_s.g-text-input_has-start-content .g-text-input__label {
  padding-inline-start: 2px;
}
.g-text-input_size_s .g-text-input__additional-content {
  height: 22px;
}
.g-text-input_size_s .g-text-input__additional-content_placement_start {
  padding-inline-start: 1px;
}
.g-text-input_size_s .g-text-input__additional-content_placement_end {
  padding-inline-end: 1px;
}
.g-text-input_size_m {
  --_--error-icon-padding-block: 5px;
  --_--error-icon-padding-inline: 0 5px;
  --_--border-radius: var(--g-border-radius-m);
}
.g-text-input_size_m .g-text-input__control {
  --_--input-control-border-width: var(
      --g-text-input-border-width,
      var(--g-text-area-border-width, 1px)
  );
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-short-font-size);
  line-height: var(--g-text-body-short-line-height);
  height: calc(28px - var(--_--input-control-border-width) * 2);
  padding: 5px 8px;
}
.g-text-input_size_m .g-text-input__label {
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-short-font-size);
  line-height: var(--g-text-body-short-line-height);
  padding-block: 5px;
  padding-inline: 8px 4px;
  font-weight: var(--g-text-accent-font-weight);
}
.g-text-input_size_m.g-text-input_has-start-content .g-text-input__label {
  padding-inline-start: 2px;
}
.g-text-input_size_m .g-text-input__additional-content {
  height: 26px;
}
.g-text-input_size_m .g-text-input__additional-content_placement_start {
  padding-inline-start: 1px;
}
.g-text-input_size_m .g-text-input__additional-content_placement_end {
  padding-inline-end: 1px;
}
.g-text-input_size_l {
  --_--error-icon-padding-block: 9px;
  --_--error-icon-padding-inline: 0 9px;
  --_--border-radius: var(--g-border-radius-l);
}
.g-text-input_size_l .g-text-input__control {
  --_--input-control-border-width: var(
      --g-text-input-border-width,
      var(--g-text-area-border-width, 1px)
  );
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-short-font-size);
  line-height: var(--g-text-body-short-line-height);
  height: calc(36px - var(--_--input-control-border-width) * 2);
  padding: 9px 12px;
}
.g-text-input_size_l .g-text-input__label {
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-short-font-size);
  line-height: var(--g-text-body-short-line-height);
  padding-block: 9px;
  padding-inline: 12px 4px;
  font-weight: var(--g-text-accent-font-weight);
}
.g-text-input_size_l.g-text-input_has-start-content .g-text-input__label {
  padding-inline-start: 3px;
}
.g-text-input_size_l .g-text-input__additional-content {
  height: 34px;
}
.g-text-input_size_l .g-text-input__additional-content_placement_start {
  padding-inline-start: 3px;
}
.g-text-input_size_l .g-text-input__additional-content_placement_end {
  padding-inline-end: 3px;
}
.g-text-input_size_xl {
  --_--error-icon-padding-block: 13px;
  --_--error-icon-padding-inline: 0 13px;
  --_--border-radius: var(--g-border-radius-xl);
}
.g-text-input_size_xl .g-text-input__control {
  --_--input-control-border-width: var(
      --g-text-input-border-width,
      var(--g-text-area-border-width, 1px)
  );
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-2-font-size);
  line-height: var(--g-text-body-2-line-height);
  height: calc(44px - var(--_--input-control-border-width) * 2);
  padding: 11px 12px;
}
.g-text-input_size_xl .g-text-input__label {
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-2-font-size);
  line-height: var(--g-text-body-2-line-height);
  padding-block: 11px;
  padding-inline: 12px 4px;
  font-weight: var(--g-text-accent-font-weight);
}
.g-text-input_size_xl.g-text-input_has-start-content .g-text-input__label {
  padding-inline-start: 3px;
}
.g-text-input_size_xl .g-text-input__additional-content {
  height: 42px;
}
.g-text-input_size_xl .g-text-input__additional-content_placement_start {
  padding-inline-start: 3px;
}
.g-text-input_size_xl .g-text-input__additional-content_placement_end {
  padding-inline-end: 3px;
}
.g-text-input_view_normal {
  --_--border-color: var(--g-color-line-generic);
  --_--border-color-hover: var(--g-color-line-generic-hover);
  --_--border-color-active: var(--g-color-line-generic-active);
}
.g-text-input_view_clear {
  --_--border-color: transparent;
  --_--border-color-hover: transparent;
  --_--border-color-active: transparent;
  --_--border-radius: 0;
}
.g-text-input_view_clear .g-text-input__content {
  border-inline: 0;
}
.g-text-input_view_clear .g-text-input__control {
  padding-inline: 0;
}
.g-text-input.g-text-input_pin_round-round .g-text-input__content {
  border-radius: var(--g-text-input-border-radius, var(--_--border-radius));
}
.g-text-input.g-text-input_pin_brick-brick .g-text-input__content {
  border-radius: 0;
}
.g-text-input.g-text-input_pin_clear-clear .g-text-input__content {
  border-radius: 0;
  border-inline: 0;
}
.g-text-input.g-text-input_pin_circle-circle .g-text-input__content {
  border-radius: 100px;
}
.g-text-input.g-text-input_pin_round-brick .g-text-input__content {
  border-start-start-radius: var(--g-text-input-border-radius, var(--_--border-radius));
  border-start-end-radius: 0;
  border-end-start-radius: var(--g-text-input-border-radius, var(--_--border-radius));
  border-end-end-radius: 0;
}
.g-text-input.g-text-input_pin_brick-round .g-text-input__content {
  border-start-start-radius: 0;
  border-start-end-radius: var(--g-text-input-border-radius, var(--_--border-radius));
  border-end-start-radius: 0;
  border-end-end-radius: var(--g-text-input-border-radius, var(--_--border-radius));
}
.g-text-input.g-text-input_pin_round-clear .g-text-input__content {
  border-start-start-radius: var(--g-text-input-border-radius, var(--_--border-radius));
  border-start-end-radius: 0;
  border-end-start-radius: var(--g-text-input-border-radius, var(--_--border-radius));
  border-end-end-radius: 0;
  border-inline-end: 0;
}
.g-text-input.g-text-input_pin_clear-round .g-text-input__content {
  border-start-start-radius: 0;
  border-start-end-radius: var(--g-text-input-border-radius, var(--_--border-radius));
  border-end-start-radius: 0;
  border-end-end-radius: var(--g-text-input-border-radius, var(--_--border-radius));
  border-inline-start: 0;
}
.g-text-input.g-text-input_pin_brick-clear .g-text-input__content {
  border-radius: 0;
  border-inline-end: 0;
}
.g-text-input.g-text-input_pin_clear-brick .g-text-input__content {
  border-radius: 0;
  border-inline-start: 0;
}
.g-text-input.g-text-input_pin_circle-brick .g-text-input__content {
  border-start-start-radius: 100px;
  border-start-end-radius: 0;
  border-end-start-radius: 100px;
  border-end-end-radius: 0;
}
.g-text-input.g-text-input_pin_brick-circle .g-text-input__content {
  border-start-start-radius: 0;
  border-start-end-radius: 100px;
  border-end-start-radius: 0;
  border-end-end-radius: 100px;
}
.g-text-input.g-text-input_pin_circle-clear .g-text-input__content {
  border-start-start-radius: 100px;
  border-start-end-radius: 0;
  border-end-start-radius: 100px;
  border-end-end-radius: 0;
  border-inline-end: 0;
}
.g-text-input.g-text-input_pin_clear-circle .g-text-input__content {
  border-start-start-radius: 0;
  border-start-end-radius: 100px;
  border-end-start-radius: 0;
  border-end-end-radius: 100px;
  border-inline-start: 0;
}
.g-text-input_disabled {
  --_--text-color: var(--g-color-text-hint);
  --_--background-color: var(--g-color-base-generic-accent-disabled);
  --_--border-color: transparent;
  --_--border-color-hover: transparent;
  --_--border-color-active: transparent;
}
.g-text-input_has-scrollbar .g-text-input__clear {
  inset-inline-end: var(--g-scrollbar-width);
}
.g-text-input_has-start-content .g-text-input__control {
  padding-inline-start: 2px;
}
.g-text-input_has-end-content .g-text-input__control {
  padding-inline-end: 2px;
}
.g-text-input_has-unstable-end-content {
  --_--error-icon-padding-inline: 0;
}
.g-text-input_state_error.g-text-input_view_normal .g-text-input__content, .g-text-input_state_error.g-text-input_view_normal .g-text-input__content:hover, .g-text-input_state_error.g-text-input_view_normal .g-text-input__content:focus-within {
  border-color: var(--g-color-line-danger);
}
.g-text-input_state_error.g-text-input_view_normal .g-text-input__content:focus-within {
  --_--focus-outline-color: var(--g-color-line-danger);
}
.g-text-input_state_error.g-text-input_view_clear .g-text-input__content, .g-text-input_state_error.g-text-input_view_clear .g-text-input__content:hover, .g-text-input_state_error.g-text-input_view_clear .g-text-input__content:focus-within {
  border-block-end: 1px solid var(--g-color-line-danger);
}
.g-text-input_state_error.g-text-input_view_clear .g-text-input__content:focus-within {
  --_--focus-outline-color: var(--g-color-line-danger);
}
@keyframes g-pulse {
  50% {
    opacity: 15%;
  }
}
.g-loader {
  display: inline-flex;
  align-items: center;
}
.g-loader__left, .g-loader__center, .g-loader__right {
  background: var(--g-color-base-brand);
  animation: g-pulse ease 800ms infinite;
}
.g-loader__left {
  animation-delay: 200ms;
}
.g-loader__center {
  animation-delay: 400ms;
}
.g-loader__right {
  animation-delay: 600ms;
}
.g-loader_size_s .g-loader__left {
  height: calc(20px / 1.5);
  width: 5px;
}
.g-loader_size_s .g-loader__center {
  width: 5px;
  height: 20px;
  margin-inline-start: 5px;
}
.g-loader_size_s .g-loader__right {
  height: calc(20px / 1.5);
  width: 5px;
  margin-inline-start: 5px;
}
.g-loader_size_m .g-loader__left {
  height: calc(28px / 1.5);
  width: 7px;
}
.g-loader_size_m .g-loader__center {
  width: 7px;
  height: 28px;
  margin-inline-start: 7px;
}
.g-loader_size_m .g-loader__right {
  height: calc(28px / 1.5);
  width: 7px;
  margin-inline-start: 7px;
}
.g-loader_size_l .g-loader__left {
  height: calc(36px / 1.5);
  width: 9px;
}
.g-loader_size_l .g-loader__center {
  width: 9px;
  height: 36px;
  margin-inline-start: 9px;
}
.g-loader_size_l .g-loader__right {
  height: calc(36px / 1.5);
  width: 9px;
  margin-inline-start: 9px;
}
.g-list {
  --_--item-padding: var(--g-list-item-padding, 0);
  outline: none;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  width: 100%;
}
.g-list__filter {
  padding: var(--_--item-padding);
  margin-block-end: 8px;
  flex: 0 0 auto;
}
.g-list__items {
  flex: 1 1 auto;
}
.g-list__item, .g-list__empty-placeholder {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  padding: var(--_--item-padding);
  user-select: none;
  overflow: hidden;
}
.g-list__item_active {
  background: var(--g-color-base-simple-hover);
}
.g-list__item_selected {
  background: var(--g-color-base-selection);
}
.g-list__item_selected:hover {
  background: var(--g-color-base-selection-hover);
}
.g-list__item_sort-handle-align_right {
  flex-direction: row-reverse;
}
.g-list__item_sort-handle-align_right .g-list__item-sort-icon {
  margin-inline: 10px 0;
}
.g-list__item_sortable[data-rbd-drag-handle-context-id]:active {
  cursor: grabbing;
}
.g-list__item_dragging {
  background: var(--g-color-base-simple-hover-solid);
  z-index: 100001;
}
.g-list__empty-placeholder {
  box-sizing: border-box;
  color: var(--g-color-text-hint);
  min-height: 36px;
  padding-block: 8px;
}
.g-list__item-content {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 100%;
}
.g-list__item-sort-icon {
  display: flex;
  align-items: center;
  width: 12px;
  margin-inline-end: 4px;
  flex: 0 0 auto;
  color: var(--g-color-text-hint);
}
.g-list__loading-indicator {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
}
.g-overlay {
  position: absolute;
  inset: 0;
  display: flex;
  visibility: hidden;
  justify-content: center;
  align-items: center;
  isolation: isolate;
  opacity: 0;
  transition: visibility 0.1s, opacity 0.1s linear;
}
.g-overlay_visible {
  visibility: visible;
  opacity: 1;
}
.g-overlay__background {
  position: absolute;
  z-index: 0;
  inset: 0;
  opacity: 0.8;
}
.g-overlay__background_style_base {
  background-color: var(--g-color-base-background);
}
.g-overlay__background_style_float {
  background-color: var(--g-color-base-float);
}
.g-overlay__children {
  z-index: 1;
}
.g-pagination-ellipsis {
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-1-font-size);
  line-height: var(--g-text-body-1-line-height);
  display: flex;
  align-items: flex-end;
  color: var(--g-color-text-secondary);
}
.g-pagination-ellipsis_size_s {
  padding-block-end: 3px;
}
.g-pagination-ellipsis_size_m {
  padding-block-end: 5px;
}
.g-pagination-ellipsis_size_l {
  padding-block-end: 9px;
}
.g-pagination-ellipsis_size_xl {
  padding-block-end: 11px;
}
.g-pagination-page__simple {
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-1-font-size);
  line-height: var(--g-text-body-1-line-height);
  display: flex;
  align-items: center;
}
.g-pagination-page__simple_size_s {
  padding: 0 8px;
}
.g-pagination-page__simple_size_m {
  padding: 0 13px;
}
.g-pagination-page__simple_size_l {
  padding: 0 18px;
}
.g-pagination-page__simple_size_xl {
  padding: 0 21px;
}
.g-pagination-page-of {
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-1-font-size);
  line-height: var(--g-text-body-1-line-height);
  display: flex;
  align-items: flex-end;
  color: var(--g-color-text-secondary);
}
.g-pagination-page-of_size_s {
  padding-block-end: 3px;
}
.g-pagination-page-of_size_m {
  padding-block-end: 5px;
}
.g-pagination-page-of_size_l {
  padding-block-end: 9px;
}
.g-pagination-page-of_size_xl {
  padding-block-end: 11px;
}
.g-pagination-input.g-pagination-input_size_s {
  width: 70px;
}
.g-pagination-input.g-pagination-input_size_m {
  width: 80px;
}
.g-pagination-input.g-pagination-input_size_l {
  width: 90px;
}
.g-pagination-input.g-pagination-input_size_xl {
  width: 100px;
}
.g-select-empty-placeholder {
  margin: 4px;
  color: var(--g-color-text-hint);
}
.g-select-empty-placeholder_empty {
  margin-block-start: 0;
}
.g-select-clear {
  padding: 0;
  font-family: var(--g-text-body-font-family);
  font-size: inherit;
  font-weight: var(--g-text-body-font-weight);
  color: inherit;
  background: none;
  border: none;
  outline: none;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-inline-start: auto;
  z-index: 1;
  flex-shrink: 0;
}
.g-select-clear:focus-visible {
  border: 1px solid var(--g-color-line-generic-active);
}
.g-select-clear_size_s {
  height: 24px;
  width: 24px;
  border-radius: var(--g-border-radius-s);
}
.g-select-clear_size_m {
  height: 28px;
  width: 28px;
  border-radius: var(--g-border-radius-m);
}
.g-select-clear_size_l {
  height: 36px;
  width: 36px;
  border-radius: var(--g-border-radius-l);
}
.g-select-clear_size_xl {
  height: 44px;
  width: 44px;
  border-radius: var(--g-border-radius-xl);
}
.g-select-clear__clear {
  color: var(--g-color-text-secondary);
}
.g-select-clear:hover .g-select-clear__clear {
  color: var(--g-color-text-primary);
}
.g-select-counter {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-inline: 4px;
  background-color: var(--g-color-base-generic);
}
.g-select-counter__text {
  margin-inline: 4px;
  flex-grow: 1;
  text-align: center;
}
.g-select-counter_size_xl .g-select-counter__text {
  margin-inline: 6px;
}
.g-select-counter_size_s {
  border-radius: var(--g-border-radius-xs);
  height: 20px;
  min-width: 20px;
}
.g-select-counter_size_m {
  border-radius: var(--g-border-radius-s);
  height: 24px;
  min-width: 24px;
}
.g-select-counter_size_l {
  border-radius: var(--g-border-radius-m);
  height: 28px;
  min-width: 28px;
}
.g-select-counter_size_xl {
  border-radius: var(--g-border-radius-l);
  margin-inline: 4px;
  height: 36px;
  min-width: 36px;
}
.g-select-clear {
  padding: 0;
  font-family: var(--g-text-body-font-family);
  font-size: inherit;
  font-weight: var(--g-text-body-font-weight);
  color: inherit;
  background: none;
  border: none;
  outline: none;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-inline-start: auto;
  z-index: 1;
  flex-shrink: 0;
}
.g-select-clear:focus-visible {
  border: 1px solid var(--g-color-line-generic-active);
}
.g-select-clear_size_s {
  height: 24px;
  width: 24px;
  border-radius: var(--g-border-radius-s);
}
.g-select-clear_size_m {
  height: 28px;
  width: 28px;
  border-radius: var(--g-border-radius-m);
}
.g-select-clear_size_l {
  height: 36px;
  width: 36px;
  border-radius: var(--g-border-radius-l);
}
.g-select-clear_size_xl {
  height: 44px;
  width: 44px;
  border-radius: var(--g-border-radius-xl);
}
.g-select-clear__clear {
  color: var(--g-color-text-secondary);
}
.g-select-clear:hover .g-select-clear__clear {
  color: var(--g-color-text-primary);
}

.g-select-control {
  --_--focus-outline-color: var(--g-select-focus-outline-color);
  padding: 0;
  font-family: var(--g-text-body-font-family);
  font-size: inherit;
  font-weight: var(--g-text-body-font-weight);
  color: inherit;
  background: none;
  border: none;
  outline: none;
  cursor: pointer;
  position: relative;
  display: inline-flex;
  align-items: center;
  box-sizing: border-box;
  transition: transform 0.1s ease-out;
  width: 100%;
  z-index: 0;
}
.g-select-control_disabled {
  cursor: default;
}
.g-select-control_size_s {
  --_--text-right-padding: 8px;
  --_--border-radius: var(--g-border-radius-s);
  height: 24px;
  padding: 4px calc(var(--_--text-right-padding) + 1px);
}
.g-select-control_size_m {
  --_--text-right-padding: 8px;
  --_--border-radius: var(--g-border-radius-m);
  height: 28px;
  padding: 6px calc(var(--_--text-right-padding) + 1px);
}
.g-select-control_size_l {
  --_--text-right-padding: 12px;
  --_--border-radius: var(--g-border-radius-l);
  height: 36px;
  padding: 10px calc(var(--_--text-right-padding) + 1px);
}
.g-select-control_size_xl {
  --_--text-right-padding: 12px;
  --_--border-radius: var(--g-border-radius-xl);
  height: 44px;
  padding: 12px calc(var(--_--text-right-padding) + 1px);
}
.g-select-control__button {
  padding: 0;
  font-family: var(--g-text-body-font-family);
  font-size: inherit;
  font-weight: var(--g-text-body-font-weight);
  color: inherit;
  background: none;
  border: none;
  outline: none;
  cursor: pointer;
  display: inline-grid;
  grid-template-columns: auto auto;
  align-items: center;
  justify-content: flex-start;
  overflow: hidden;
  width: 100%;
  height: 100%;
  transition: color 0.15s linear, background-color 0.15s linear;
}
.g-select-control__button.g-select-control__button_pin_round-round::before {
  border-radius: var(--_--border-radius);
}
.g-select-control__button.g-select-control__button_pin_brick-brick::before {
  border-radius: 0;
}
.g-select-control__button.g-select-control__button_pin_clear-clear::before {
  border-radius: 0;
  border-inline: 0;
}
.g-select-control__button.g-select-control__button_pin_circle-circle::before {
  border-radius: 100px;
}
.g-select-control__button.g-select-control__button_pin_round-brick::before {
  border-start-start-radius: var(--_--border-radius);
  border-start-end-radius: 0;
  border-end-start-radius: var(--_--border-radius);
  border-end-end-radius: 0;
}
.g-select-control__button.g-select-control__button_pin_brick-round::before {
  border-start-start-radius: 0;
  border-start-end-radius: var(--_--border-radius);
  border-end-start-radius: 0;
  border-end-end-radius: var(--_--border-radius);
}
.g-select-control__button.g-select-control__button_pin_round-clear::before {
  border-start-start-radius: var(--_--border-radius);
  border-start-end-radius: 0;
  border-end-start-radius: var(--_--border-radius);
  border-end-end-radius: 0;
  border-inline-end: 0;
}
.g-select-control__button.g-select-control__button_pin_clear-round::before {
  border-start-start-radius: 0;
  border-start-end-radius: var(--_--border-radius);
  border-end-start-radius: 0;
  border-end-end-radius: var(--_--border-radius);
  border-inline-start: 0;
}
.g-select-control__button.g-select-control__button_pin_brick-clear::before {
  border-radius: 0;
  border-inline-end: 0;
}
.g-select-control__button.g-select-control__button_pin_clear-brick::before {
  border-radius: 0;
  border-inline-start: 0;
}
.g-select-control__button.g-select-control__button_pin_circle-brick::before {
  border-start-start-radius: 100px;
  border-start-end-radius: 0;
  border-end-start-radius: 100px;
  border-end-end-radius: 0;
}
.g-select-control__button.g-select-control__button_pin_brick-circle::before {
  border-start-start-radius: 0;
  border-start-end-radius: 100px;
  border-end-start-radius: 0;
  border-end-end-radius: 100px;
}
.g-select-control__button.g-select-control__button_pin_circle-clear::before {
  border-start-start-radius: 100px;
  border-start-end-radius: 0;
  border-end-start-radius: 100px;
  border-end-end-radius: 0;
  border-inline-end: 0;
}
.g-select-control__button.g-select-control__button_pin_clear-circle::before {
  border-start-start-radius: 0;
  border-start-end-radius: 100px;
  border-end-start-radius: 0;
  border-end-end-radius: 100px;
  border-inline-start: 0;
}
.g-select-control__button.g-select-control__button_pin_round-round::after {
  border-radius: var(--_--border-radius);
}
.g-select-control__button.g-select-control__button_pin_brick-brick::after {
  border-radius: 0;
}
.g-select-control__button.g-select-control__button_pin_clear-clear::after {
  border-radius: 0;
  border-inline: 0;
}
.g-select-control__button.g-select-control__button_pin_circle-circle::after {
  border-radius: 100px;
}
.g-select-control__button.g-select-control__button_pin_round-brick::after {
  border-start-start-radius: var(--_--border-radius);
  border-start-end-radius: 0;
  border-end-start-radius: var(--_--border-radius);
  border-end-end-radius: 0;
}
.g-select-control__button.g-select-control__button_pin_brick-round::after {
  border-start-start-radius: 0;
  border-start-end-radius: var(--_--border-radius);
  border-end-start-radius: 0;
  border-end-end-radius: var(--_--border-radius);
}
.g-select-control__button.g-select-control__button_pin_round-clear::after {
  border-start-start-radius: var(--_--border-radius);
  border-start-end-radius: 0;
  border-end-start-radius: var(--_--border-radius);
  border-end-end-radius: 0;
  border-inline-end: 0;
}
.g-select-control__button.g-select-control__button_pin_clear-round::after {
  border-start-start-radius: 0;
  border-start-end-radius: var(--_--border-radius);
  border-end-start-radius: 0;
  border-end-end-radius: var(--_--border-radius);
  border-inline-start: 0;
}
.g-select-control__button.g-select-control__button_pin_brick-clear::after {
  border-radius: 0;
  border-inline-end: 0;
}
.g-select-control__button.g-select-control__button_pin_clear-brick::after {
  border-radius: 0;
  border-inline-start: 0;
}
.g-select-control__button.g-select-control__button_pin_circle-brick::after {
  border-start-start-radius: 100px;
  border-start-end-radius: 0;
  border-end-start-radius: 100px;
  border-end-end-radius: 0;
}
.g-select-control__button.g-select-control__button_pin_brick-circle::after {
  border-start-start-radius: 0;
  border-start-end-radius: 100px;
  border-end-start-radius: 0;
  border-end-end-radius: 100px;
}
.g-select-control__button.g-select-control__button_pin_circle-clear::after {
  border-start-start-radius: 100px;
  border-start-end-radius: 0;
  border-end-start-radius: 100px;
  border-end-end-radius: 0;
  border-inline-end: 0;
}
.g-select-control__button.g-select-control__button_pin_clear-circle::after {
  border-start-start-radius: 0;
  border-start-end-radius: 100px;
  border-end-start-radius: 0;
  border-end-end-radius: 100px;
  border-inline-start: 0;
}
.g-select-control__button::before {
  content: "";
  position: absolute;
  inset: 0;
  border: 1px solid var(--g-color-line-generic);
  border-radius: var(--_--border-radius);
}
.g-select-control__button::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
}
.g-select-control__button_view_clear {
  border-color: transparent;
}
.g-select-control__button_view_clear::before {
  border-color: transparent;
}
.g-select-control__button_view_clear::after {
  border-color: transparent;
}
.g-select-control__button_size_s {
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-short-font-size);
  line-height: var(--g-text-body-short-line-height);
}
.g-select-control__button_size_m {
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-short-font-size);
  line-height: var(--g-text-body-short-line-height);
}
.g-select-control__button_size_l {
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-short-font-size);
  line-height: var(--g-text-body-short-line-height);
}
.g-select-control__button_size_xl {
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-2-font-size);
  line-height: var(--g-text-body-2-line-height);
}
.g-select-control__button_error::before {
  --_--focus-outline-color: var(--g-color-line-danger);
  border-color: var(--g-color-line-danger);
}
.g-select-control__button:hover::after {
  background-color: var(--g-color-base-simple-hover);
}
.g-select-control__button_disabled {
  color: var(--g-color-text-hint);
  pointer-events: none;
}
.g-select-control__button_disabled::after {
  background-color: var(--g-color-base-generic-accent-disabled);
}
.g-select-control__button_disabled::before {
  border-color: transparent;
}
.g-select-control__button:not(.g-select-control__button_error):not(.g-select-control__button_disabled):not(.g-select-control__button_view_clear):hover::before {
  border-color: var(--g-color-line-generic-hover);
}
.g-select-control__button_open:not(.g-select-control__button_error):not(.g-select-control__button_view_clear)::before, .g-select-control__button:not(.g-select-control__button_error):not(.g-select-control__button_view_clear):focus-visible::before {
  border-color: var(--g-color-line-generic-active);
}
.g-select-control__button:focus-visible::before {
  outline: 2px solid var(--g-select-focus-outline-color, var(--_--focus-outline-color));
  outline-offset: -1px;
}
.g-select-control:not(.g-select-control_disabled):not(.g-select-control_no-active):active {
  transform: scale(0.96);
}
.g-select-control__label {
  font-weight: var(--g-text-accent-font-weight);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-inline-end: 4px;
}
.g-select-control__placeholder, .g-select-control__option-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-inline-end: var(--_--text-right-padding);
}
.g-select-control_has-clear.g-select-control_size_s .g-select-control__button_disabled .g-select-control__placeholder, .g-select-control_has-clear.g-select-control_size_s .g-select-control__button_disabled .g-select-control__option-text {
  padding-inline-end: calc(24px + var(--_--text-right-padding));
}
.g-select-control_has-clear.g-select-control_size_m .g-select-control__button_disabled .g-select-control__placeholder, .g-select-control_has-clear.g-select-control_size_m .g-select-control__button_disabled .g-select-control__option-text {
  padding-inline-end: calc(28px + var(--_--text-right-padding));
}
.g-select-control_has-clear.g-select-control_size_l .g-select-control__button_disabled .g-select-control__placeholder, .g-select-control_has-clear.g-select-control_size_l .g-select-control__button_disabled .g-select-control__option-text {
  padding-inline-end: calc(36px + var(--_--text-right-padding));
}
.g-select-control_has-clear.g-select-control_size_xl .g-select-control__button_disabled .g-select-control__placeholder, .g-select-control_has-clear.g-select-control_size_xl .g-select-control__button_disabled .g-select-control__option-text {
  padding-inline-end: calc(44px + var(--_--text-right-padding));
}
.g-select-control__placeholder {
  color: var(--g-color-text-hint);
}
.g-select-control_has-clear:not(.g-select-control_has-value).g-select-control_size_s .g-select-control__button:not(.g-select-control__button_disabled) .g-select-control__placeholder {
  padding-inline-end: calc(24px + var(--_--text-right-padding));
}
.g-select-control_has-clear:not(.g-select-control_has-value).g-select-control_size_m .g-select-control__button:not(.g-select-control__button_disabled) .g-select-control__placeholder {
  padding-inline-end: calc(28px + var(--_--text-right-padding));
}
.g-select-control_has-clear:not(.g-select-control_has-value).g-select-control_size_l .g-select-control__button:not(.g-select-control__button_disabled) .g-select-control__placeholder {
  padding-inline-end: calc(36px + var(--_--text-right-padding));
}
.g-select-control_has-clear:not(.g-select-control_has-value).g-select-control_size_xl .g-select-control__button:not(.g-select-control__button_disabled) .g-select-control__placeholder {
  padding-inline-end: calc(44px + var(--_--text-right-padding));
}
.g-select-control__chevron-icon {
  flex: 0 0 16px;
  margin-inline-start: auto;
  color: var(--g-color-text-secondary);
}
.g-select-control__chevron-icon_disabled {
  color: var(--g-color-text-hint);
}
.g-select-clear + .g-select-control__chevron-icon {
  margin-inline-start: 0;
}
.g-select-control__error-icon {
  padding: 0;
  font-family: var(--g-text-body-font-family);
  font-size: inherit;
  font-weight: var(--g-text-body-font-weight);
  color: inherit;
  background: none;
  border: none;
  outline: none;
  cursor: pointer;
  box-sizing: content-box;
  color: var(--g-color-text-danger);
  padding: var(--_--text-input-error-icon-padding);
  border-radius: var(--g-focus-border-radius);
}
.g-select-control__error-icon:focus {
  outline: 2px solid var(--g-color-line-focus);
}
.g-select-control__error-icon:focus:not(:focus-visible) {
  outline: 0;
}
.g-select-filter {
  --g-text-input-border-color: var(--g-color-line-generic-active);
}
.g-select-list {
  display: flex;
  margin: 4px 0;
  overflow: hidden;
}
.g-popup .g-select-list:first-child, .g-popup .g-select-list:last-child {
  border-radius: 0;
}
.g-select-list:not(.g-select-list_virtualized) {
  overflow: auto;
  position: relative;
}
.g-select-list_mobile {
  max-height: 100%;
}
.g-select-list__group-label, .g-select-list__group-label-custom {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  height: auto;
  padding: 0;
}
.g-select-list__group-label {
  font-size: var(--g-text-body-1-font-size);
}
.g-select-list_size_s .g-select-list__group-label:not(.g-select-list__group-label_empty) {
  height: 24px;
  padding: 8px 8px 4px;
}
.g-select-list_size_m .g-select-list__group-label:not(.g-select-list__group-label_empty) {
  height: 28px;
  padding: 8px 8px 4px;
}
.g-select-list_size_l .g-select-list__group-label:not(.g-select-list__group-label_empty) {
  height: 36px;
  padding: 10px 12px 6px;
}
.g-select-list_size_xl .g-select-list__group-label:not(.g-select-list__group-label_empty) {
  height: 44px;
  padding: 12px 12px 8px;
  font-size: var(--g-text-body-2-font-size);
}
.g-select-list_mobile .g-select-list__group-label:not(.g-select-list__group-label_empty) {
  height: 36px;
  padding: 12px 12px 8px;
  font-size: var(--g-text-body-2-font-size);
}
.g-select-list__item:not(:first-child) .g-select-list__group-label {
  margin-block-start: 5px;
}
.g-select-list__item:not(:first-child) .g-select-list__group-label::before {
  content: "";
  position: absolute;
  inset-block-start: -3px;
  inset-inline-start: 0;
  width: 100%;
  height: 1px;
  background-color: var(--g-color-line-generic);
}
.g-select-list__group-label-content {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: var(--g-text-accent-font-weight);
  width: 100%;
}
.g-select-list__item.g-list__item_selected {
  background: none;
}
.g-select-list__item.g-list__item_selected:hover {
  background: var(--g-color-base-simple-hover);
}
.g-select-list__item.g-list__item_active {
  background: var(--g-color-base-simple-hover);
}
.g-select-list__option {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.g-select-list_size_s .g-select-list__option {
  padding: 0 8px;
  --_--select-tick-icon-padding-right: calc(8px / 2);
}
.g-select-list_size_s .g-select-list__option .g-select-list__option-default-label {
  height: 24px;
  line-height: 24px;
}
.g-select-list_size_m .g-select-list__option {
  padding: 0 8px 0 8px;
  --_--select-tick-icon-padding-right: calc(8px / 2);
}
.g-select-list_size_m .g-select-list__option .g-select-list__option-default-label {
  height: 28px;
  line-height: 28px;
}
.g-select-list_size_l .g-select-list__option {
  padding: 0 12px 0 12px;
  --_--select-tick-icon-padding-right: calc(12px / 2);
}
.g-select-list_size_l .g-select-list__option .g-select-list__option-default-label {
  height: 36px;
  line-height: 36px;
}
.g-select-list_size_xl .g-select-list__option {
  padding: 0 12px;
  --_--select-tick-icon-padding-right: calc(12px / 2);
}
.g-select-list_size_xl .g-select-list__option .g-select-list__option-default-label {
  height: 44px;
  line-height: 44px;
  font-size: var(--g-text-body-2-font-size);
}
.g-select-list_mobile .g-select-list__option {
  padding: 0 12px 0 12px;
}
.g-select-list_mobile .g-select-list__option .g-select-list__option-default-label {
  height: 36px;
  line-height: 36px;
  font-size: var(--g-text-body-2-font-size);
}
.g-select-list_mobile .g-select-list__option .g-select-list__tick-icon {
  padding-inline-end: calc(12px / 2);
}
.g-select-list__option_colored {
  background-color: var(--g-color-base-selection);
}
.g-select-list__option_disabled {
  cursor: default;
}
.g-select-list__option-default-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: var(--g-text-body-1-font-size);
  width: 100%;
}
.g-select-list__option-default-label_disabled {
  color: var(--g-color-text-secondary);
}
.g-select-list__tick-icon {
  box-sizing: content-box;
  flex: 0 0 16px;
  visibility: hidden;
  color: var(--g-color-text-brand);
  padding-inline-end: var(--_--select-tick-icon-padding-right);
}
.g-select-list__tick-icon_shown {
  visibility: visible;
}
.g-select-list__loading-indicator {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
}
.g-sheet {
  position: fixed;
  inset-block-start: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  z-index: 100000;
}
.g-sheet__veil {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  height: 100%;
  width: 100%;
  background-color: var(--g-color-sfx-veil);
  opacity: 0;
  will-change: opacity;
}
.g-sheet__veil_with-transition {
  transition: opacity 0.3s ease;
}
.g-sheet__sheet {
  position: absolute;
  inset-block-start: 100%;
  inset-inline-start: 0;
  width: 100%;
  max-height: 90%;
  will-change: transform;
}
.g-sheet__sheet_with-transition {
  transition: transform 0.3s ease;
}
.g-sheet__sheet-swipe-area {
  position: absolute;
  inset-block-start: -20px;
  inset-inline-start: 0;
  width: 100%;
  height: 40px;
  z-index: 1;
}
.g-sheet__sheet-top {
  position: relative;
  height: 20px;
  border-start-start-radius: 20px;
  border-start-end-radius: 20px;
  background-color: var(--g-color-base-float);
}
.g-sheet__sheet-top-resizer {
  --_--translate-x: calc(-50% * var(--g-flow-direction));
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: 50%;
  transform: translateX(var(--_--translate-x)) translateY(-50%);
  width: 40px;
  height: 4px;
  border-radius: 4px;
  background-color: var(--g-color-line-generic);
}
.g-sheet__sheet-scroll-container {
  box-sizing: border-box;
  max-height: calc(90% - 20px);
  overflow: hidden auto;
  overscroll-behavior-y: contain;
  background-color: var(--g-color-base-float);
  transition: height 0.3s ease;
}
.g-sheet__sheet-scroll-container_without-scroll {
  overflow: hidden;
}
.g-sheet__sheet-content-box {
  border: 1px solid transparent;
}
.g-sheet__sheet-content-box-border-compensation {
  margin: -1px;
}
.g-sheet__sheet-content {
  box-sizing: border-box;
  width: 100%;
  padding: var(--g-sheet-content-padding, 0 10px);
}
.g-sheet__sheet-content-title {
  padding-block-end: 8px;
  font-size: var(--g-text-body-2-font-size);
  line-height: 28px;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.g-select-popup {
  display: flex;
  flex-direction: column;
  max-height: 90vh;
}
.g-select {
  display: inline-block;
  max-width: 100%;
}
.g-select_width_max {
  width: 100%;
}
.g-pagination {
  display: flex;
}
.g-pagination__pagination-item {
  margin-inline-end: 4px;
  flex-shrink: 0;
}
.g-pagination__input, .g-pagination__page-sizer {
  margin: 0 4px;
  flex-shrink: 0;
}
.g-palette {
  display: inline-flex;
  flex-flow: column wrap;
  gap: 8px;
}
.g-palette:focus {
  border: none;
  outline: none;
}
.g-palette__row {
  display: inline-flex;
  gap: 8px;
}
.g-palette_size_xs .g-palette__option {
  font-size: 12px;
}
.g-palette_size_s .g-palette__option {
  font-size: 16px;
}
.g-palette_size_m .g-palette__option {
  font-size: 16px;
}
.g-palette_size_l .g-palette__option {
  font-size: 16px;
}
.g-palette_size_xl .g-palette__option {
  font-size: 20px;
}
.g-user-label {
  position: relative;
  z-index: 0;
  display: inline-flex;
  max-width: 100%;
  height: 28px;
  border-radius: 20px;
  transition-property: background-color;
  transition-duration: 0.1s;
  transition-timing-function: ease-in-out;
}
.g-user-label_view_outlined:after {
  position: absolute;
  z-index: -1;
  inset: 0;
  content: "";
  border: 1px solid var(--g-color-line-generic);
  border-radius: 20px;
  transition-property: border-color;
  transition-duration: 0.1s;
  transition-timing-function: ease-in-out;
}
.g-user-label_empty {
  padding-inline-start: 12px;
}
.g-user-label_clickable:hover {
  cursor: pointer;
  background-color: var(--g-color-base-simple-hover);
}
.g-user-label_clickable:hover:after {
  border-color: transparent;
}
.g-user-label__main {
  padding: 0;
  font-family: var(--g-text-body-font-family);
  font-size: inherit;
  font-weight: var(--g-text-body-font-weight);
  color: inherit;
  background: none;
  border: none;
  outline: none;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  min-width: 0;
  border-radius: inherit;
  padding-inline-end: 6px;
}
.g-user-label_closeable .g-user-label__main {
  padding-inline-end: 0;
}
.g-user-label_clickable .g-user-label__main {
  outline-offset: -1px;
}
.g-user-label_clickable .g-user-label__main:focus-visible {
  outline: 2px solid var(--g-color-line-focus);
}
.g-user-label__avatar {
  --g-avatar-background-color: var(--g-color-base-generic-accent);
  --g-avatar-color: var(--g-color-text-primary);
  display: flex;
  margin-inline-end: 6px;
}
.g-user-label__text {
  font-size: var(--g-user-label-font-size, inherit);
  line-height: var(--g-user-label-line-height, inherit);
  min-width: 0;
  margin-inline-end: 6px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.g-user-label__close {
  padding: 0;
  font-family: var(--g-text-body-font-family);
  font-size: inherit;
  font-weight: var(--g-text-body-font-weight);
  color: inherit;
  background: none;
  border: none;
  outline: none;
  cursor: pointer;
  box-sizing: initial;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 16px;
  cursor: pointer;
  padding-inline-end: 6px;
  color: var(--g-color-text-secondary);
  transition-property: color;
  transition-duration: 0.1s;
  transition-timing-function: ease-in-out;
}
.g-user-label__close:hover {
  color: var(--g-color-text-primary);
}
.g-user-label__close-icon {
  border-radius: var(--g-focus-border-radius);
}
.g-user-label__close:focus-visible .g-user-label__close-icon {
  outline: 2px solid var(--g-color-line-focus);
}
.g-user-label_size_2xs {
  height: 20px;
}
.g-user-label_size_xl::after {
  border-radius: 150px;
}
.g-user-label_size_xs {
  height: 24px;
}
.g-user-label_size_xl::after {
  border-radius: 150px;
}
.g-user-label_size_s {
  height: 28px;
}
.g-user-label_size_xl::after {
  border-radius: 150px;
}
.g-user-label_size_m {
  height: 32px;
}
.g-user-label_size_xl::after {
  border-radius: 150px;
}
.g-user-label_size_l {
  height: 42px;
}
.g-user-label_size_xl::after {
  border-radius: 150px;
}
.g-user-label_size_xl {
  height: 50px;
}
.g-user-label_size_xl::after {
  border-radius: 150px;
}
.g-pin-input {
  display: inline-block;
}
.g-pin-input__items {
  display: flex;
  gap: var(--g-pin-input-item-gap, var(--_--gap));
}
.g-pin-input__item {
  flex: 0 0 auto;
  width: var(--g-pin-input-item-width, var(--_--item-width));
}
.g-pin-input__control {
  padding-inline: 0 !important;
  text-align: center;
  appearance: none;
}
.g-pin-input_size_s {
  --_--item-width: 22px;
  --_--gap: 6px;
}
.g-pin-input_size_m {
  --_--item-width: 26px;
  --_--gap: 8px;
}
.g-pin-input_size_l {
  --_--item-width: 34px;
  --_--gap: 10px;
}
.g-pin-input_size_xl {
  --_--item-width: 42px;
  --_--gap: 12px;
}
.g-pin-input_responsive {
  display: block;
}
.g-pin-input_responsive .g-pin-input__item {
  width: auto;
  flex: 1 1 auto;
}
.g-progress {
  --_--empty-background-color: var(--g-color-base-generic);
  --_--empty-text-color: var(--g-color-text-primary);
  --_--filled-text-color: var(--g-color-text-primary);
  --_--filled-background-color: var(--g-color-base-neutral-medium);
  position: relative;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 3px;
  background-color: var(--g-progress-empty-background-color, var(--_--empty-background-color));
  text-align: center;
}
.g-progress__text {
  font-size: var(--g-text-body-short-font-size);
  font-weight: var(--g-text-body-font-weight);
  font-family: var(--g-text-body-font-family);
  padding: 0 10px;
  box-sizing: border-box;
  position: relative;
  color: var(--g-progress-empty-text-color, var(--_--empty-text-color));
}
.g-progress__text-inner {
  font-size: var(--g-text-body-short-font-size);
  font-weight: var(--g-text-body-font-weight);
  font-family: var(--g-text-body-font-family);
  padding: 0 10px;
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  height: 100%;
  color: var(--g-progress-filled-text-color, var(--_--empty-text-color));
  transition: transform 0.6s ease;
}
.g-progress__item {
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
  overflow: hidden;
  transition: transform 0.6s ease, width 0.6s ease, background-color 0.6s ease;
  background-color: var(--g-progress-filled-background-color, var(--_--filled-background-color));
}
[dir=rtl] .g-progress__item {
  float: right;
}
.g-progress__item_theme_default {
  --_--filled-background-color: var(--g-color-base-neutral-medium);
}
.g-progress__item_theme_success {
  --_--filled-background-color: var(--g-color-base-positive-medium);
}
.g-progress__item_theme_warning {
  --_--filled-background-color: var(--g-color-base-warning-medium);
}
.g-progress__item_theme_danger {
  --_--filled-background-color: var(--g-color-base-danger-medium);
}
.g-progress__item_theme_info {
  --_--filled-background-color: var(--g-color-base-info-medium);
}
.g-progress__item_theme_misc {
  --_--filled-background-color: var(--g-color-base-misc-medium);
}
.g-progress__item_loading {
  background-image: repeating-linear-gradient(-45deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3) 4px, transparent 4px, transparent 8px);
  background-size: 150%;
  background-clip: padding-box;
  animation: g-loading-animation 0.5s linear infinite;
}
.g-progress__stack {
  position: relative;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  color: var(--g-color-text-light-primary);
  transition: transform 0.6s ease;
}
.g-progress_size_m {
  height: 20px;
  line-height: 20px;
}
.g-progress_size_m .g-progress__stack {
  height: 20px;
  line-height: 20px;
}
.g-progress_size_m .g-progress__text {
  height: 20px;
  margin-block-end: -20px;
}
.g-progress_size_s {
  height: 10px;
  line-height: 10px;
}
.g-progress_size_s .g-progress__stack {
  height: 10px;
  line-height: 10px;
}
.g-progress_size_xs {
  height: 4px;
  line-height: 4px;
}
.g-progress_size_xs .g-progress__stack {
  height: 4px;
  line-height: 4px;
}
.g-progress_size_s .g-progress__text, .g-progress_size_s .g-progress__text-inner, .g-progress_size_xs .g-progress__text, .g-progress_size_xs .g-progress__text-inner {
  display: none;
}
@charset "UTF-8";
.g-radio__indicator {
  display: inline-block;
  position: relative;
  cursor: inherit;
}
.g-radio__indicator::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: transparent;
  border: 1px solid var(--g-color-line-generic-accent);
  border-radius: 50%;
  transition: background 0.1s linear;
}
.g-radio__indicator::after {
  content: " ";
  visibility: hidden;
}
.g-radio__disc::before {
  content: "";
  position: absolute;
  border: none;
  background-color: var(--g-color-text-brand-contrast);
  border-radius: 50%;
  opacity: 0;
  transform: scale(0.1);
  transition: opacity 0.1s, transform 0.2s;
}
.g-radio__control {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  opacity: 0;
  background: none;
  border: none;
  outline: none;
  cursor: inherit;
}
.g-radio__outline {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  background: none;
  pointer-events: none;
  border-radius: 50%;
}
.g-radio__control:focus-visible + .g-radio__outline {
  outline: 2px solid var(--g-color-line-focus);
}
.g-radio_size_m .g-radio__indicator {
  width: 14px;
  height: 14px;
}
.g-radio_size_m .g-radio__disc::before {
  inset: 5px;
}
.g-radio_size_l .g-radio__indicator {
  width: 17px;
  height: 17px;
}
.g-radio_size_l .g-radio__disc::before {
  inset: 6px;
}
.g-radio:hover .g-radio__indicator::before {
  border-color: var(--g-color-line-generic-accent-hover);
}
.g-radio_checked .g-radio__indicator::before {
  background-color: var(--g-color-base-brand);
  border: transparent;
}
.g-radio_checked .g-radio__indicator .g-radio__disc::before {
  opacity: 1;
  transform: scale(1);
}
.g-radio_disabled .g-radio__indicator::before {
  background-color: var(--g-color-base-generic-accent-disabled);
  border: transparent;
}
.g-radio_disabled.g-radio_checked .g-radio__indicator::before {
  background-color: var(--g-color-base-brand);
  opacity: 0.5;
}
.g-radio-button {
  box-sizing: border-box;
  display: inline-flex;
  flex-direction: row;
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  border-radius: var(--_--border-radius);
  background-color: var(--g-color-base-generic);
  position: relative;
  --_--border-radius-inner: calc(var(--_--border-radius) - 3px);
}
.g-radio-button__plate {
  position: absolute;
  inset-block: 0;
  transition: left 0.2s, width 0.2s;
}
.g-radio-button__plate[hidden] {
  display: none;
}
.g-radio-button__option {
  flex: 1 1 auto;
  user-select: none;
  font-size: var(--g-text-body-1-font-size);
  text-align: center;
  border-radius: var(--_--border-radius-inner);
  cursor: pointer;
  transform: scale(1);
  transition: color 0.15s linear;
}
.g-radio-button__option-outline {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 3px;
  border-radius: var(--_--border-radius-inner);
}
.g-radio-button__option-control {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  opacity: 0;
  cursor: inherit;
}
.g-radio-button__option-control:focus-visible + .g-radio-button__option-outline {
  outline: 2px solid var(--g-color-line-focus);
}
.g-radio-button__option-text {
  display: inline-block;
  white-space: nowrap;
  color: var(--g-color-text-complementary);
}
.g-radio-button__option-text_icon {
  height: 100%;
  display: flex;
  align-items: center;
}
.g-radio-button__option:hover .g-radio-button__option-text, .g-radio-button__option_checked .g-radio-button__option-text {
  color: var(--g-color-text-primary);
}
.g-radio-button__option_checked {
  cursor: default;
}
.g-radio-button__option_disabled {
  cursor: default;
  pointer-events: none;
}
.g-radio-button__option_disabled .g-radio-button__option-text {
  color: var(--g-color-text-hint);
}
.g-radio-button__plate::before, .g-radio-button__option::before {
  position: absolute;
  inset: 3px;
  border-radius: var(--_--border-radius-inner);
}
.g-radio-button__option::before {
  z-index: -1;
}
.g-radio-button__plate::before, .g-radio-button__plate[hidden] ~ .g-radio-button__option_checked::before {
  content: "";
  background-color: var(--g-color-base-background);
}
.g-radio-button_size_s {
  --_--border-radius: var(--g-border-radius-s);
}
.g-radio-button_size_s .g-radio-button__option {
  height: 24px;
  line-height: 24px;
}
.g-radio-button_size_s .g-radio-button__option-text {
  margin: 0 10px;
}
.g-radio-button_size_m {
  --_--border-radius: var(--g-border-radius-m);
}
.g-radio-button_size_m .g-radio-button__option {
  height: 28px;
  line-height: 28px;
}
.g-radio-button_size_m .g-radio-button__option-text {
  margin: 0 13px;
}
.g-radio-button_size_l {
  --_--border-radius: var(--g-border-radius-l);
}
.g-radio-button_size_l .g-radio-button__option {
  height: 36px;
  line-height: 36px;
}
.g-radio-button_size_l .g-radio-button__option-text {
  margin: 0 18px;
}
.g-radio-button_size_xl {
  --_--border-radius: var(--g-border-radius-xl);
}
.g-radio-button_size_xl .g-radio-button__option {
  height: 44px;
  line-height: 44px;
  font-size: var(--g-text-body-2-font-size);
}
.g-radio-button_size_xl .g-radio-button__option-text {
  margin: 0 25px;
}
.g-radio-button_width_auto {
  max-width: 100%;
}
.g-radio-button_width_max {
  width: 100%;
}
.g-radio-button_width_auto .g-radio-button__option, .g-radio-button_width_max .g-radio-button__option {
  overflow: hidden;
}
.g-radio-button_width_auto .g-radio-button__option-text, .g-radio-button_width_max .g-radio-button__option-text {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.g-radio-group_direction_horizontal.g-radio-group_size_m {
  line-height: 20px;
}
.g-radio-group_direction_horizontal.g-radio-group_size_m .g-radio-group__option:not(:last-child) {
  margin-inline-end: 12px;
}
.g-radio-group_direction_horizontal.g-radio-group_size_l {
  line-height: 24px;
}
.g-radio-group_direction_horizontal.g-radio-group_size_l .g-radio-group__option:not(:last-child) {
  margin-inline-end: 15px;
}
.g-radio-group_direction_vertical {
  display: flex;
  flex-direction: column;
}
.g-radio-group_direction_vertical.g-radio-group_size_m .g-radio-group__option:not(:last-child) {
  margin-block-end: 8px;
}
.g-radio-group_direction_vertical.g-radio-group_size_l .g-radio-group__option:not(:last-child) {
  margin-block-end: 12px;
}
.g-skeleton {
  --_--animation-from: calc(-100% * var(--g-flow-direction));
  --_--animation-to: calc(100% * var(--g-flow-direction));
  --_--gradient-deg: calc(90deg * var(--g-flow-direction));
  display: inline-block;
  position: relative;
  z-index: 0;
  width: 100%;
  border-radius: 5px;
  overflow: hidden;
  background-color: var(--g-color-base-generic);
}
.g-skeleton::after {
  position: absolute;
  inset: 0;
  background-image: linear-gradient(var(--_--gradient-deg), transparent, var(--g-color-base-generic));
  animation: g-skeleton 1.2s ease-out infinite;
  content: "";
}

@keyframes g-skeleton {
  0% {
    transform: translateX(var(--_--animation-from));
  }
  100% {
    transform: translateX(var(--_--animation-to));
  }
}
.g-base-slider {
  position: relative;
  flex-grow: 1;
  touch-action: none;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.g-base-slider * {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.g-base-slider_size_s {
  padding: 6px 0 6px;
  height: 15px;
  margin: 0 7.5px var(--g-text-body-1-line-height);
}
.g-base-slider_size_s .rc-slider-mark {
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-1-font-size);
  line-height: var(--g-text-body-1-line-height);
}
.g-base-slider_size_s .rc-slider-mark-text:last-of-type {
  inset-inline-end: -7.5px;
}
.g-base-slider_size_s .rc-slider-mark-text:first-of-type {
  inset-inline-end: unset;
  inset-inline-start: -7.5px;
}
.g-base-slider_size_s .rc-slider-dot {
  inset-block-start: 7px;
  height: 1px;
  width: 1px;
}
.g-base-slider_size_m {
  padding: 7px 0 7px;
  height: 18px;
  margin: 0 9px var(--g-text-body-1-line-height);
}
.g-base-slider_size_m .rc-slider-mark {
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-1-font-size);
  line-height: var(--g-text-body-1-line-height);
}
.g-base-slider_size_m .rc-slider-mark-text:last-of-type {
  inset-inline-end: -9px;
}
.g-base-slider_size_m .rc-slider-mark-text:first-of-type {
  inset-inline-end: unset;
  inset-inline-start: -9px;
}
.g-base-slider_size_m .rc-slider-dot {
  inset-block-start: 8px;
  height: 2px;
  width: 2px;
}
.g-base-slider_size_l {
  padding: 8px 0 8px;
  height: 21px;
  margin: 0 10.5px var(--g-text-body-1-line-height);
}
.g-base-slider_size_l .rc-slider-mark {
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-1-font-size);
  line-height: var(--g-text-body-1-line-height);
}
.g-base-slider_size_l .rc-slider-mark-text:last-of-type {
  inset-inline-end: -10.5px;
}
.g-base-slider_size_l .rc-slider-mark-text:first-of-type {
  inset-inline-end: unset;
  inset-inline-start: -10.5px;
}
.g-base-slider_size_l .rc-slider-dot {
  inset-block-start: 9px;
  height: 3px;
  width: 3px;
}
.g-base-slider_size_xl {
  padding: 9px 0 9px;
  height: 24px;
  margin: 0 12px var(--g-text-body-2-line-height);
}
.g-base-slider_size_xl .rc-slider-mark {
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-2-font-size);
  line-height: var(--g-text-body-2-line-height);
}
.g-base-slider_size_xl .rc-slider-mark-text:last-of-type {
  inset-inline-end: -12px;
}
.g-base-slider_size_xl .rc-slider-mark-text:first-of-type {
  inset-inline-end: unset;
  inset-inline-start: -12px;
}
.g-base-slider_size_xl .rc-slider-dot {
  inset-block-start: 10px;
  height: 4px;
  width: 4px;
}
.g-base-slider_no-marks {
  margin-block-end: 0;
}
.g-base-slider__rail {
  position: absolute;
  border-radius: 4px;
  background-color: var(--g-color-base-selection);
}
.g-base-slider__rail_size_s {
  height: 3px;
  inset-inline: -7px;
}
.g-base-slider__rail_size_m {
  height: 4px;
  inset-inline: -9px;
}
.g-base-slider__rail_size_l {
  height: 5px;
  inset-inline: -10px;
}
.g-base-slider__rail_size_xl {
  height: 6px;
  inset-inline: -12px;
}
.g-base-slider__rail_disabled {
  background-color: var(--g-color-base-generic-accent-disabled);
}
.g-base-slider__rail_error {
  background-color: var(--g-color-base-danger-heavy);
}
.g-base-slider__track {
  position: absolute;
  background-color: var(--g-color-base-brand);
}
.g-base-slider__track_size_s {
  height: 3px;
}
.g-base-slider__track_size_s::before {
  position: absolute;
  content: "";
  background-color: var(--g-color-base-brand);
  border-start-start-radius: 4px;
  border-end-start-radius: 4px;
  width: 7px;
  inset-inline-start: -7px;
  height: 3px;
}
.g-base-slider__track_size_m {
  height: 4px;
}
.g-base-slider__track_size_m::before {
  position: absolute;
  content: "";
  background-color: var(--g-color-base-brand);
  border-start-start-radius: 4px;
  border-end-start-radius: 4px;
  width: 9px;
  inset-inline-start: -9px;
  height: 4px;
}
.g-base-slider__track_size_l {
  height: 5px;
}
.g-base-slider__track_size_l::before {
  position: absolute;
  content: "";
  background-color: var(--g-color-base-brand);
  border-start-start-radius: 4px;
  border-end-start-radius: 4px;
  width: 10px;
  inset-inline-start: -10px;
  height: 5px;
}
.g-base-slider__track_size_xl {
  height: 6px;
}
.g-base-slider__track_size_xl::before {
  position: absolute;
  content: "";
  background-color: var(--g-color-base-brand);
  border-start-start-radius: 4px;
  border-end-start-radius: 4px;
  width: 12px;
  inset-inline-start: -12px;
  height: 6px;
}
.g-base-slider__track_disabled, .g-base-slider__track_error {
  visibility: hidden;
}
.g-base-slider__handle {
  position: absolute;
  z-index: 1;
  cursor: grab;
  touch-action: pan-x;
  background-color: var(--g-color-base-background);
  border-radius: 50%;
  border-style: solid;
  border-color: var(--g-color-base-brand);
  inset-block-start: 0;
}
.g-base-slider__handle_size_s {
  height: 15px;
  width: 15px;
  border-width: 3px;
}
.g-base-slider__handle_size_m {
  height: 18px;
  width: 18px;
  border-width: 4px;
}
.g-base-slider__handle_size_l {
  height: 21px;
  width: 21px;
  border-width: 5px;
}
.g-base-slider__handle_size_xl {
  height: 24px;
  width: 24px;
  border-width: 6px;
}
.g-base-slider__handle:focus {
  box-shadow: 0 0 0 3px var(--g-color-base-selection-hover);
  outline: none;
}
.g-base-slider__handle:active {
  box-shadow: 0 0 0 4px var(--g-color-base-selection-hover);
  cursor: grabbing;
}
.g-base-slider__handle_disabled {
  cursor: not-allowed;
  border-color: var(--g-color-base-generic-accent);
}
.g-base-slider__handle_disabled:active, .g-base-slider__handle_disabled:focus {
  cursor: not-allowed;
  box-shadow: none;
}
.g-base-slider__handle_error {
  border-color: var(--g-color-base-danger-heavy);
}
.g-base-slider__handle_error:focus {
  box-shadow: 0 0 0 3px var(--g-color-base-danger-light-hover);
}
.g-base-slider__handle_error:active {
  box-shadow: 0 0 0 4px var(--g-color-base-danger-light-hover);
}
.g-base-slider__step {
  position: absolute;
  width: 100%;
  background: transparent;
}
.g-base-slider__step_size_s {
  height: 3px;
}
.g-base-slider__step_size_m {
  height: 4px;
}
.g-base-slider__step_size_l {
  height: 5px;
}
.g-base-slider__step_size_xl {
  height: 6px;
}
.g-base-slider .rc-slider-mark {
  position: absolute;
  inset-inline-start: 0;
  width: 100%;
  color: var(--g-color-text-secondary);
  inset-block-end: 0;
}
.g-base-slider .rc-slider-mark-text {
  position: absolute;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  inset-block-start: 0;
}
.g-base-slider_disabled .rc-slider-mark-text {
  cursor: not-allowed;
}
.g-base-slider .rc-slider-dot {
  position: absolute;
  border-radius: 50%;
  background-color: var(--g-color-base-brand);
}
.g-base-slider .rc-slider-dot:first-of-type, .g-base-slider .rc-slider-dot:last-of-type {
  display: none;
}
.g-base-slider_disabled .rc-slider-dot, .g-base-slider_error .rc-slider-dot {
  display: none;
}
[dir=rtl] .g-slider-tooltip {
  transform: translate(50%, -100%);
}

.g-slider-tooltip {
  position: absolute;
  inset-block-start: -6px;
  transform: translate(-50%, -100%);
  cursor: default;
  pointer-events: none;
  user-select: none;
}
.g-slider-tooltip__card {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  padding: 4px 4px 2px;
  background-color: var(--g-color-base-brand);
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-1-font-size);
  line-height: var(--g-text-body-1-line-height);
  color: var(--g-color-text-brand-contrast);
}
.g-slider-tooltip__card_size_xl {
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-2-font-size);
  line-height: var(--g-text-body-2-line-height);
}
.g-slider-tooltip__pin {
  display: flex;
  position: absolute;
  inset-block-end: -5px;
  inset-inline: 0;
  justify-content: center;
  color: var(--g-color-base-brand);
}
.g-slider-tooltip_error .g-slider-tooltip__card {
  background-color: var(--g-color-base-danger-heavy);
}
.g-slider-tooltip_disabled .g-slider-tooltip__card {
  background-color: var(--g-color-base-generic-accent);
}
.g-slider-tooltip_disabled .g-slider-tooltip__card::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 4px;
  background-color: var(--g-color-base-background);
  z-index: -1;
}
.g-slider-tooltip_error .g-slider-tooltip__pin {
  color: var(--g-color-base-danger-heavy);
}
.g-slider-tooltip_disabled .g-slider-tooltip__pin {
  color: var(--g-color-base-generic-accent);
}
.g-slider-tooltip_disabled .g-slider-tooltip__pin_background {
  color: var(--g-color-base-background);
}
.g-slider {
  display: flex;
  flex-direction: column;
}
.g-slider__error {
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-1-font-size);
  line-height: var(--g-text-body-1-line-height);
  color: var(--g-color-text-danger);
}
.g-slider__error_size_s {
  margin-block-start: 0px;
}
.g-slider__error_size_m {
  margin-block-start: 2px;
}
.g-slider__error_size_l {
  margin-block-start: 4px;
}
.g-slider__error_size_xl {
  margin-block-start: 6px;
}
.g-slider__top {
  height: calc(var(--g-text-body-1-line-height) + 6px + 6px);
  display: block;
}
.g-slider__top_tooltip-display_off {
  display: none;
}
.g-slider__top_size_xl {
  height: calc(var(--g-text-body-2-line-height) + 6px + 6px);
}
.g-spin {
  display: inline-block;
  backface-visibility: hidden;
  animation: g-spin 1s linear infinite;
}
.g-spin__inner {
  box-sizing: border-box;
  height: 100%;
  width: 50%;
  margin-inline-start: 50%;
  border: 2px solid var(--g-color-line-brand);
  border-inline-start: none;
  border-start-end-radius: 25px;
  border-end-end-radius: 25px;
}
.g-spin_size_xs {
  width: 16px;
  height: 16px;
}
.g-spin_size_s {
  width: 24px;
  height: 24px;
}
.g-spin_size_m {
  width: 28px;
  height: 28px;
}
.g-spin_size_l {
  width: 32px;
  height: 32px;
}
.g-spin_size_xl {
  width: 36px;
  height: 36px;
}

@keyframes g-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@charset "UTF-8";
.g-switch {
  position: relative;
}
.g-switch__control {
  opacity: 0;
  cursor: pointer;
}
.g-switch__indicator {
  display: inline-block;
  position: relative;
}
.g-switch__indicator::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: var(--g-color-base-generic-medium);
  transition: background 0.1s linear;
}
.g-switch__indicator::after {
  content: " ";
  visibility: hidden;
}
.g-switch__slider {
  position: absolute;
  content: "";
  border-radius: 50%;
  background-color: var(--g-color-base-background);
  transition: transform 0.15s ease-out;
}
.g-switch__outline {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  background: none;
  pointer-events: none;
}
.g-switch__control:focus-visible + .g-switch__outline {
  outline: 2px solid var(--g-color-line-focus);
}
.g-switch_size_m .g-switch__indicator,
.g-switch_size_m .g-switch__indicator::before,
.g-switch_size_m .g-switch__outline {
  width: 36px;
  height: 20px;
  border-radius: 10px;
}
.g-switch_size_m .g-switch__slider {
  inset-block-start: 2px;
  inset-inline-start: 2px;
  width: 16px;
  height: 16px;
}
.g-switch_size_m .g-switch__text {
  margin-block-start: 3px;
}
.g-switch_size_l .g-switch__indicator,
.g-switch_size_l .g-switch__indicator::before,
.g-switch_size_l .g-switch__outline {
  width: 42px;
  height: 24px;
  border-radius: 12px;
}
.g-switch_size_l .g-switch__slider {
  inset-block-start: 3px;
  inset-inline-start: 3px;
  width: 18px;
  height: 18px;
}
.g-switch_size_l .g-switch__text {
  margin-block-start: 4px;
}
.g-switch:hover .g-switch__indicator::before {
  background-color: var(--g-color-base-generic-medium-hover);
}
.g-switch_checked .g-switch__slider {
  --_--translate-x: calc(100% * var(--g-flow-direction));
  transform: translateX(var(--_--translate-x));
}
.g-switch_checked .g-switch__indicator::before, .g-switch_checked:hover .g-switch__indicator::before {
  background-color: var(--g-color-base-brand);
}
.g-switch_disabled .g-switch__indicator::before {
  background-color: var(--g-color-base-generic-accent-disabled);
}
.g-switch_disabled.g-switch_checked .g-switch__indicator::before {
  background-color: var(--g-color-base-brand);
  opacity: 0.5;
}
.g-table {
  overflow: auto;
  position: relative;
}
.g-table__scroll-container {
  overflow: auto;
  position: relative;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.g-table__scroll-container::-webkit-scrollbar {
  display: none;
}
.g-table__horizontal-scroll-bar {
  overflow-x: auto;
  margin-block-start: -1px;
}
.g-table__horizontal-scroll-bar-inner {
  height: 1px;
  position: relative;
}
.g-table__horizontal-scroll-bar-inner::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 1px;
  inset-block-start: 0;
  inset-inline-start: 0;
  background-color: rgba(255, 255, 255, 0.01);
}
.g-table__horizontal-scroll-bar_sticky-horizontal-scroll {
  position: sticky;
  z-index: 3;
}
.g-table__table {
  border-spacing: 0;
  border-collapse: separate;
}
.g-table__cell {
  box-sizing: content-box;
  padding: 11px var(--g-spacing-2) 10px;
  border-block-end: 1px solid var(--g-color-line-generic);
  line-height: 18px;
  text-align: start;
  overflow-wrap: break-word;
}
.g-table__cell:first-child {
  padding-inline-start: 0;
}
.g-table__cell:last-child {
  padding-inline-end: 0;
}
.g-table__cell:not(.g-table__cell_word-wrap) {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.g-table__cell_align_center {
  text-align: center;
}
.g-table__cell_align_end {
  text-align: end;
}
.g-table .g-table__cell_sticky_start, .g-table .g-table__cell_sticky_end {
  position: sticky;
  z-index: 2;
  background: var(--g-color-base-background);
}
.g-table__cell_border_right {
  border-inline-end: 1px solid var(--g-color-line-generic);
}
.g-table__cell_edge-padding:first-child {
  padding-inline-start: var(--g-spacing-3);
}
.g-table__cell_edge-padding:last-child {
  padding-inline-end: var(--g-spacing-3);
}
.g-table__row_vertical-align_top {
  vertical-align: top;
}
.g-table__row_vertical-align_middle {
  vertical-align: middle;
}
.g-table__row_empty .g-table__cell {
  text-align: center;
}
.g-table__body .g-table__row:last-child .g-table__cell {
  border-block-end-color: transparent;
}
.g-table__head .g-table__cell {
  font-weight: var(--g-text-accent-font-weight);
}
.g-table__body .g-table__row_interactive:hover {
  background-color: var(--g-color-base-simple-hover-solid);
  cursor: pointer;
}
.g-table__body .g-table__row_interactive:hover .g-table__cell_sticky_start,
.g-table__body .g-table__row_interactive:hover .g-table__cell_sticky_end {
  background: var(--g-color-base-simple-hover-solid);
}
.g-table__body .g-table__row_disabled {
  opacity: 0.3;
}
.g-table_with-primary .g-table__body .g-table__cell {
  color: var(--g-color-text-secondary);
}
.g-table_with-primary .g-table__body .g-table__cell_primary {
  color: var(--g-color-text-primary);
}
.g-table_with-sticky-scroll {
  overflow: visible;
}
.g-table__checkbox_cell {
  position: relative;
  min-width: 17px;
  width: 17px;
}
.g-table__selection-checkbox {
  display: flex;
  align-items: center;
  padding: inherit;
  border-block-end: none;
  position: absolute;
  inset: 0;
}
.g-table__selection-checkbox_vertical-align_top {
  align-items: start;
}
.g-table__row_selected {
  background: var(--g-color-base-selection);
}
.g-table__row_selected .g-table__cell_sticky_start,
.g-table__row_selected .g-table__cell_sticky_end {
  background: linear-gradient(to right, var(--g-color-base-selection), var(--g-color-base-selection)), linear-gradient(to right, var(--g-color-base-background), var(--g-color-base-background));
}
.g-table__row_selected.g-table__row_interactive:hover {
  background: var(--g-color-base-selection-hover);
}
.g-table__row_selected.g-table__row_interactive:hover .g-table__cell_sticky_start,
.g-table__row_selected.g-table__row_interactive:hover .g-table__cell_sticky_end {
  background: linear-gradient(to right, var(--g-color-base-selection-hover), var(--g-color-base-selection-hover)), linear-gradient(to right, var(--g-color-base-background), var(--g-color-base-background));
}
.g-table__actions {
  height: 18px;
  display: flex;
  align-items: center;
}

.g-table-action-popup__menu {
  max-height: 200px;
  overflow-y: auto;
}
.g-table-action-popup__menu-item {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 250px;
}
.g-table__copy {
  display: inline-flex;
  align-items: center;
}
.g-table__copy-content {
  margin-inline-end: 5px;
}
.g-table__copy-button {
  line-height: 0;
  visibility: hidden;
  color: var(--g-color-text-secondary);
  opacity: 0.5;
}
.g-table__copy-button:hover {
  opacity: 1;
}
.g-table__cell:hover .g-table__copy-button {
  visibility: visible;
}
.g-table__sort {
  display: inline-flex;
  align-items: center;
  gap: var(--g-spacing-1);
  vertical-align: top;
  cursor: pointer;
  user-select: none;
  border-radius: var(--g-border-radius-xs);
}
.g-table__sort-indicator {
  display: flex;
  flex-shrink: 0;
  color: var(--g-color-text-hint);
}
.g-table__sort_active .g-table__sort-indicator {
  color: var(--g-color-text-primary);
}
.g-table__sort:focus-visible {
  outline: 2px solid var(--g-color-line-focus);
}
.g-list-item-view {
  flex-shrink: 0;
  display: flex;
  flex-grow: 1;
  align-items: center;
}
.g-list-item-view__content {
  width: 100%;
  height: 100%;
}
.g-list-item-view__main-content {
  width: 100%;
  display: grid;
  gap: var(--g-spacing-half, 2px);
}
.g-list-item-view:hover.g-list-item-view_activeOnHover, .g-list-item-view_active {
  background: var(--g-color-base-simple-hover);
}
.g-list-item-view_clickable {
  cursor: pointer;
}
.g-list-item-view_selected, .g-list-item-view_selected.g-list-item-view_active, .g-list-item-view_selected:hover.g-list-item-view_activeOnHover {
  background: var(--g-color-base-selection);
}
.g-list-item-view_dragging, .g-list-item-view_dragging.g-list-item-view_selected, .g-list-item-view_dragging.g-list-item-view_active {
  background: var(--g-color-base-simple-hover-solid);
  /* stylelint-disable-next-line declaration-no-important */
  z-index: 100001 !important;
}
.g-list-item-view_radius_s {
  border-radius: var(--g-list-item-border-radius, 3px);
}
.g-list-item-view_radius_m {
  border-radius: var(--g-list-item-border-radius, 5px);
}
.g-list-item-view_radius_l {
  border-radius: var(--g-list-item-border-radius, 6px);
}
.g-list-item-view_radius_xl {
  border-radius: var(--g-list-item-border-radius, 8px);
}
.g-list-item-view__icon {
  flex-shrink: 0;
}
.g-list-item-view__slot {
  flex-shrink: 0;
}
.g-list-recursive-renderer {
  padding: 0;
  margin: 0;
}
.g-list-container-view {
  box-sizing: border-box;
  width: 100%;
  outline: none;
}
.g-list-container-view_fixed-height {
  height: var(--g-list-container-height, 300px);
}
.g-list-container-view:not(.g-list-container-view_fixed-height) {
  overflow: auto;
}
.g-tree-select {
  display: inline-block;
  max-width: 100%;
}
.g-tree-select_width_max {
  width: 100%;
}
.g-tree-select__popup {
  padding: 4px 0;
  overflow: hidden;
}
.g-tree-select__popup_size_s {
  border-radius: var(--g-list-container-border-radius, 5px);
}
.g-tree-select__popup_size_m {
  border-radius: var(--g-list-container-border-radius, 6px);
}
.g-tree-select__popup_size_l {
  border-radius: var(--g-list-container-border-radius, 8px);
}
.g-tree-select__popup_size_xl {
  border-radius: var(--g-list-container-border-radius, 10px);
}
.g-tree-select__list {
  padding: 0 4px;
}
.g-inner-table-column-setup {
  display: inline-block;
}
.g-inner-table-column-setup__controls {
  margin: var(--g-spacing-1) var(--g-spacing-1) 0;
}
.g-inner-table-column-setup__filter-input {
  box-sizing: border-box;
  padding: 0 var(--g-spacing-2) var(--g-spacing-1);
  border-block-end: 1px solid var(--g-color-line-generic);
}
.g-inner-table-column-setup__empty-placeholder {
  padding: var(--g-spacing-2);
}
.g-table__settings {
  height: 18px;
  display: flex;
  align-items: center;
}
.g-table__settings-button {
  color: var(--g-color-text-secondary) !important;
}
.g-table-column-setup__status {
  margin-inline-start: 5px;
  color: var(--g-color-text-secondary);
}
.g-tabs {
  --_--vertical-item-padding: var(--g-tabs-vertical-item-padding, 6px 20px);
  --_--vertical-item-height: var(--g-tabs-vertical-item-height, 18px);
}
.g-tabs_size_m {
  --_--item-height: 36px;
  --_--item-gap: 24px;
  --_--item-border-width: 2px;
}
.g-tabs_size_m .g-tabs__item-title,
.g-tabs_size_m .g-tabs__item-counter {
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-1-font-size);
  line-height: var(--g-text-body-1-line-height);
}
.g-tabs_size_l {
  --_--item-height: 40px;
  --_--item-gap: 28px;
  --_--item-border-width: 2px;
}
.g-tabs_size_l .g-tabs__item-title,
.g-tabs_size_l .g-tabs__item-counter {
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-2-font-size);
  line-height: var(--g-text-body-2-line-height);
}
.g-tabs_size_xl {
  --_--item-height: 44px;
  --_--item-gap: 32px;
  --_--item-border-width: 3px;
}
.g-tabs_size_xl .g-tabs__item-title,
.g-tabs_size_xl .g-tabs__item-counter {
  font-family: var(--g-text-subheader-font-family);
  font-weight: var(--g-text-subheader-font-weight);
  font-size: var(--g-text-subheader-3-font-size);
  line-height: var(--g-text-subheader-3-line-height);
}
.g-tabs__item {
  cursor: pointer;
  user-select: none;
  outline: none;
}
.g-tabs__item-content {
  display: flex;
  align-items: center;
  border-radius: var(--g-focus-border-radius);
}
.g-tabs__item_overflow .g-tabs__item-content {
  min-width: 0;
}
.g-tabs__item-icon {
  margin-inline-end: 8px;
}
.g-tabs__item-title {
  white-space: nowrap;
}
.g-tabs__item_overflow .g-tabs__item-title {
  overflow: hidden;
  text-overflow: ellipsis;
}
.g-tabs__item-counter, .g-tabs__item-label {
  margin-inline-start: 8px;
}
.g-tabs__item-icon > svg {
  display: block;
}
.g-tabs_direction_horizontal {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  box-shadow: inset 0 calc(var(--g-tabs-border-width, 1px) * -1) 0 0 var(--g-color-line-generic);
  overflow: hidden;
}
.g-tabs_direction_horizontal .g-tabs__item {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  height: var(--g-tabs-item-height, var(--_--item-height));
  border-block-end: var(--g-tabs-item-border-width, var(--_--item-border-width)) solid transparent;
  padding-block-start: var(--_--item-border-width);
}
.g-tabs_direction_horizontal .g-tabs__item:focus-visible .g-tabs__item-content {
  outline: 2px solid var(--g-color-line-focus);
  outline-offset: -2px;
}
.g-tabs_direction_horizontal .g-tabs__item-meta {
  display: none;
}
.g-tabs_direction_horizontal .g-tabs__item-title {
  color: var(--g-color-text-secondary);
}
.g-tabs_direction_horizontal .g-tabs__item-icon, .g-tabs_direction_horizontal .g-tabs__item-counter {
  color: var(--g-color-text-hint);
}
.g-tabs_direction_horizontal .g-tabs__item_active .g-tabs__item-title, .g-tabs_direction_horizontal .g-tabs__item:hover .g-tabs__item-title, .g-tabs_direction_horizontal .g-tabs__item:focus-visible .g-tabs__item-title {
  color: var(--g-color-text-primary);
}
.g-tabs_direction_horizontal .g-tabs__item_active .g-tabs__item-icon,
.g-tabs_direction_horizontal .g-tabs__item_active .g-tabs__item-counter, .g-tabs_direction_horizontal .g-tabs__item:hover .g-tabs__item-icon,
.g-tabs_direction_horizontal .g-tabs__item:hover .g-tabs__item-counter, .g-tabs_direction_horizontal .g-tabs__item:focus-visible .g-tabs__item-icon,
.g-tabs_direction_horizontal .g-tabs__item:focus-visible .g-tabs__item-counter {
  color: var(--g-color-text-secondary);
}
.g-tabs_direction_horizontal .g-tabs__item_active, .g-tabs_direction_horizontal .g-tabs__item_active:hover, .g-tabs_direction_horizontal .g-tabs__item_active:focus-visible {
  border-color: var(--g-color-line-brand);
}
.g-tabs_direction_horizontal .g-tabs__item_disabled {
  pointer-events: none;
}
.g-tabs_direction_horizontal .g-tabs__item_disabled .g-tabs__item-title {
  color: var(--g-color-text-hint);
}
.g-tabs_direction_horizontal > :not(:last-child) {
  margin-inline-end: var(--g-tabs-item-gap, var(--_--item-gap));
}
.g-tabs_direction_vertical {
  display: flex;
  flex-direction: column;
}
.g-tabs_direction_vertical .g-tabs__item {
  padding: var(--_--vertical-item-padding);
}
.g-tabs_direction_vertical .g-tabs__item-title {
  line-height: var(--_--vertical-item-height);
  color: var(--g-color-text-primary);
}
.g-tabs_direction_vertical .g-tabs__item-meta {
  line-height: var(--_--vertical-item-height);
  color: var(--g-color-text-secondary);
}
.g-tabs_direction_vertical .g-tabs__item-icon, .g-tabs_direction_vertical .g-tabs__item-counter {
  color: var(--g-color-text-secondary);
}
.g-tabs_direction_vertical .g-tabs__item:hover, .g-tabs_direction_vertical .g-tabs__item:focus-visible {
  background-color: var(--g-color-base-generic-hover);
}
.g-tabs_direction_vertical .g-tabs__item_active {
  background-color: var(--g-color-base-selection);
}
.g-tabs_direction_vertical .g-tabs__item_active:hover, .g-tabs_direction_vertical .g-tabs__item_active:focus-visible {
  background-color: var(--g-color-base-selection-hover);
}
.g-tabs_direction_vertical .g-tabs__item_disabled {
  pointer-events: none;
}
.g-tabs_direction_vertical .g-tabs__item_disabled .g-tabs__item-title {
  color: var(--g-color-text-secondary);
}
.g-toast {
  --_--item-gap: 10px;
  --_--item-padding: 16px;
  --_--background-color: var(--g-color-base-background);
  display: flex;
  box-sizing: border-box;
  position: relative;
  width: inherit;
  margin-block-end: var(--g-toaster-item-gap, var(--_--item-gap));
  padding: var(--g-toaster-item-padding, var(--_--item-padding));
  font-size: var(--g-text-body-2-font-size);
  border-radius: 8px;
  box-shadow: 0px 0px 15px var(--g-color-sfx-shadow);
  background-color: var(--_--background-color);
  overflow: hidden;
  z-index: 0;
}
.g-toast_mobile {
  width: 100%;
}
.g-toast_theme_normal {
  --_--background-color: var(--g-color-base-float);
}
.g-toast_theme_info {
  --_--container-background-color: var(--g-color-base-info-light);
  --_--icon-color: var(--g-color-text-info-heavy);
}
.g-toast_theme_success {
  --_--container-background-color: var(--g-color-base-positive-light);
  --_--icon-color: var(--g-color-text-positive-heavy);
}
.g-toast_theme_warning {
  --_--container-background-color: var(--g-color-base-warning-light);
  --_--icon-color: var(--g-color-text-warning-heavy);
}
.g-toast_theme_danger {
  --_--container-background-color: var(--g-color-base-danger-light);
  --_--icon-color: var(--g-color-text-danger-heavy);
}
.g-toast_theme_utility {
  --_--container-background-color: var(--g-color-base-utility-light);
  --_--icon-color: var(--g-color-text-utility-heavy);
}
.g-toast__container {
  flex: 1 1 auto;
  display: grid;
  row-gap: 8px;
  width: 100%;
  height: 100%;
  min-height: var(--g-text-body-2-line-height);
  min-width: 0;
  grid-template-columns: 100%;
}
.g-toast__container:before {
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: -1;
  background-color: var(--_--container-background-color);
}
.g-toast__icon-container {
  flex: 0 0 auto;
  padding-inline-end: 8px;
  padding-block-start: 2px;
  color: var(--_--icon-color);
}
.g-toast__title {
  font-family: var(--g-text-subheader-font-family);
  font-weight: var(--g-text-subheader-font-weight);
  font-size: var(--g-text-subheader-3-font-size);
  line-height: var(--g-text-subheader-3-line-height);
  margin: 0;
  padding-inline-end: 32px;
}
.g-toast__content_without-title {
  padding-inline-end: 32px;
}
.g-toast__action {
  margin-inline-end: 8px;
}
.g-toast .g-toast__btn-close {
  position: absolute;
  inset-block-start: 16px;
  inset-inline-end: 16px;
}
.g-toast-animation-mobile_enter {
  opacity: 0;
  position: absolute;
}
.g-toast-animation-mobile_enter_active {
  animation: g-toast-enter-mobile 0.6s ease-out forwards;
  position: relative;
}
.g-toast-animation-mobile_exit_active {
  animation: g-toast-exit-mobile 0.6s ease-in forwards;
}

@keyframes g-toast-enter-mobile {
  0% {
    margin-block-end: 0;
    padding: 0;
    height: 0;
    opacity: 0;
    transform: translateY(10px);
  }
  50% {
    margin-block-end: var(--g-toaster-item-gap, var(--_--item-gap));
    padding: var(--g-toaster-item-padding, var(--_--item-padding));
    height: var(--_--item-height);
    opacity: 0;
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes g-toast-exit-mobile {
  0% {
    margin-block-end: var(--g-toaster-item-gap, var(--_--item-gap));
    padding: var(--g-toaster-item-padding, var(--_--item-padding));
    height: var(--_--item-height);
    opacity: 1;
    transform: translateX(0);
  }
  50% {
    margin-block-end: var(--g-toaster-item-gap, var(--_--item-gap));
    padding: var(--g-toaster-item-padding, var(--_--item-padding));
    height: var(--_--item-height);
    opacity: 0;
    transform: translateY(10px);
  }
  100% {
    margin-block-end: 0;
    padding: 0;
    height: 0;
    opacity: 0;
    transform: translateY(10px);
  }
}
.g-toast-animation-desktop_enter {
  opacity: 0;
  position: absolute;
}
.g-toast-animation-desktop_enter_active {
  animation: g-toast-enter-desktop 0.6s ease-out forwards;
  position: relative;
}
.g-toast-animation-desktop_exit_active {
  animation: g-toast-exit-desktop 0.6s ease-in forwards;
}

@keyframes g-toast-enter-desktop {
  0% {
    margin-block-end: 0;
    padding: 0;
    height: 0;
    opacity: 0;
    transform: translateX(calc(var(--g-flow-direction) * 10px));
  }
  50% {
    margin-block-end: var(--g-toaster-item-gap, var(--_--item-gap));
    padding: var(--g-toaster-item-padding, var(--_--item-padding));
    height: var(--_--item-height);
    opacity: 0;
    transform: translateX(calc(var(--g-flow-direction) * 10px));
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes g-toast-exit-desktop {
  0% {
    margin-block-end: var(--g-toaster-item-gap, var(--_--item-gap));
    padding: var(--g-toaster-item-padding, var(--_--item-padding));
    height: var(--_--item-height);
    opacity: 1;
    transform: translateX(0);
  }
  50% {
    margin-block-end: var(--g-toaster-item-gap, var(--_--item-gap));
    padding: var(--g-toaster-item-padding, var(--_--item-padding));
    height: var(--_--item-height);
    opacity: 0;
    transform: translateX(calc(var(--g-flow-direction) * 10px));
  }
  100% {
    margin-block-end: 0;
    padding: 0;
    height: 0;
    opacity: 0;
    transform: translateX(calc(var(--g-flow-direction) * 10px));
  }
}
.g-toaster {
  --_--width: 312px;
  position: fixed;
  inset-block-end: 0;
  inset-inline-end: 10px;
  width: var(--g-toaster-width, var(--_--width));
  z-index: 100000;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.g-toaster_mobile {
  --_--width: calc(100% - 20px);
  inset-inline-start: 50%;
  transform: translate(-50%);
}
.g-toc-item__section {
  cursor: pointer;
}
.g-toc-item__section > .g-toc-item__section-link {
  border-inline-start-color: var(--g-color-line-generic);
}
.g-toc-item__section-link {
  display: flex;
  align-items: center;
  padding: 6px 6px 6px 12px;
  min-height: 18px;
  color: var(--g-color-text-secondary);
  border-inline-start: 2px solid transparent;
  text-decoration: none;
}
.g-toc-item__section-link:focus-visible {
  outline-offset: -2px;
  outline: 2px solid var(--g-color-line-focus);
  border-radius: calc(var(--g-focus-border-radius) + 2px);
}
.g-toc-item__section-link:hover {
  color: var(--g-color-text-complementary);
}
.g-toc-item__section_child .g-toc-item__section-link {
  padding-inline-start: 25px;
}
.g-toc-item__section_active > .g-toc-item__section-link {
  color: var(--g-color-text-primary);
  border-inline-start-color: var(--g-color-line-brand);
}
.g-toc__title {
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-2-font-size);
  line-height: var(--g-text-body-2-line-height);
  color: var(--g-color-text-primary);
  margin-block-end: 12px;
}
.g-toc__sections, .g-toc__subsections {
  padding: 0;
  margin: 0;
  overflow: hidden auto;
  list-style: none;
}
.g-tooltip[class] {
  --g-popup-border-width: 0;
}
.g-tooltip[class] > div {
  padding: 4px 8px;
  max-width: 360px;
  box-sizing: border-box;
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.15);
  animation-duration: 1ms;
}
.g-tooltip__content {
  /* stylelint-disable-next-line */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-box-orient: vertical;
  -webkit-line-clamp: 20;
  -moz-line-clamp: 20;
  -ms-line-clamp: 20;
  overflow: hidden;
  text-overflow: ellipsis;
}
.g-user {
  display: flex;
  align-items: center;
}
.g-user__avatar {
  display: flex;
  align-items: center;
}
.g-user__info {
  flex: auto;
  display: flex;
  flex-direction: column;
  min-width: 0;
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-short-font-size);
  line-height: var(--g-text-body-short-line-height);
  font-size: var(--g-user-font-size, var(--g-text-body-short-font-size));
  line-height: var(--g-user-line-height, var(--g-text-body-short-line-height));
}
.g-user__info .g-user__name {
  color: var(--g-color-text-primary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.g-user__info .g-user__description {
  color: var(--g-color-text-secondary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.g-user__avatar + .g-user__info {
  margin-inline-start: 12px;
}
.g-user_size_xs .g-user__avatar + .g-user__info, .g-user_size_2xs .g-user__avatar + .g-user__info {
  margin-inline-start: 6px;
}
.g-user_size_2xs .g-user__info {
  font-size: var(--g-user-font-size, var(--g-text-code-inline-1-font-size));
  line-height: var(--g-user-line-height, var(--g-text-code-inline-1-line-height));
  font-weight: var(--g-text-body-font-weight);
}
.gc-adaptive-tabs {
  --gc-tabs-color-divider: var(--g-color-line-generic);
  --gc-tabs-color-border-active: var(--g-color-line-brand);
  --gc-tabs-color-text-active: var(--g-color-text-primary);
  --gc-tabs-color-text-inactive: var(--g-color-text-complementary);
  --gc-tabs-color-text-disabled: var(--g-color-text-secondary);
  position: relative;
  overflow: hidden;
  width: 100%;
  box-shadow: inset 0 -1px 0 0 var(--gc-tabs-color-divider);
}

.gc-adaptive-tabs_size_m {
  --gc-tabs-height: 36px;
  --gc-tabs-space-between: 24px;
  --gc-tabs-border-width: 2px;
}

.gc-adaptive-tabs_size_m .gc-adaptive-tabs__item-title,
.gc-adaptive-tabs_size_m .gc-adaptive-tabs__item-counter {
  font-size: var(--g-text-body-1-font-size);
  line-height: var(--g-text-body-1-line-height);
  font-weight: var(--g-text-body-font-weight);
}

.gc-adaptive-tabs_size_l {
  --gc-tabs-height: 40px;
  --gc-tabs-space-between: 28px;
  --gc-tabs-border-width: 2px;
}

.gc-adaptive-tabs_size_l .gc-adaptive-tabs__item-title,
.gc-adaptive-tabs_size_l .gc-adaptive-tabs__item-counter {
  font-size: var(--g-text-body-2-font-size);
  line-height: var(--g-text-body-2-line-height);
  font-weight: var(--g-text-body-font-weight);
}

.gc-adaptive-tabs_size_xl {
  --gc-tabs-height: 44px;
  --gc-tabs-space-between: 32px;
  --gc-tabs-border-width: 3px;
}

.gc-adaptive-tabs_size_xl .gc-adaptive-tabs__item-title,
.gc-adaptive-tabs_size_xl .gc-adaptive-tabs__item-counter {
  font-size: var(--g-text-subheader-3-font-size);
  line-height: var(--g-text-subheader-3-line-height);
  font-weight: var(--g-text-subheader-font-weight);
}

.gc-adaptive-tabs:has(.gc-adaptive-tabs__tabs-as-select-control) {
  box-shadow: none;
}

.gc-adaptive-tabs_visible {
  opacity: initial;
}

.gc-adaptive-tabs__tabs-list {
  max-height: calc(var(--gc-tabs-height) + var(--gc-tabs-border-width) * 2);
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  overflow: hidden;
}

.gc-adaptive-tabs__select-switcher {
  position: absolute;
  inset-block-start: 0;
  will-change: left;
}

.gc-adaptive-tabs__select-switcher .gc-adaptive-tabs__tab-container .gc-adaptive-tabs__tab {
  margin-inline-end: 0;
}

.gc-adaptive-tabs__switcher-tab-content {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
}

.gc-adaptive-tabs__switcher-tab-text {
  overflow: hidden;
  text-overflow: ellipsis;
}

.gc-adaptive-tabs__switcher-tab-icon {
  display: flex;
}

.gc-adaptive-tabs__tab-container {
  overflow: hidden;
  padding-inline-end: var(--gc-tabs-space-between);
}

.gc-adaptive-tabs__tab-container:not(.gc-adaptive-tabs__tab-container_switcher-tab):only-child .gc-adaptive-tabs__tab {
  cursor: auto;
}

.gc-adaptive-tabs__tab-container_last-tab {
  padding-inline-end: 0;
}

.gc-adaptive-tabs__tab-container_switcher-tab {
  padding-inline-end: 0;
  max-width: 100%;
}

.gc-adaptive-tabs__tab-container_switcher-tab .gc-adaptive-tabs__tab {
  width: auto;
  display: inline-flex;
  max-width: 100%;
}

.gc-adaptive-tabs__tab-container_no-overflow .gc-adaptive-tabs__tab {
  overflow: initial;
}

.gc-adaptive-tabs__tab {
  border-block-end: var(--gc-tabs-border-width) solid transparent;
  padding: var(--gc-tabs-border-width) 1px 0;
  box-sizing: border-box;
  text-decoration: none;
  line-height: var(--gc-tabs-height);
  color: var(--gc-tabs-color-text-inactive);
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  cursor: pointer;
  user-select: none;
  outline: none;
  white-space: nowrap;
}

.gc-adaptive-tabs__tab_disabled {
  pointer-events: none;
  cursor: auto;
  color: var(--gc-tabs-color-text-disabled);
}

.gc-adaptive-tabs__tab_active {
  border-color: var(--gc-tabs-color-border-active);
  color: var(--gc-tabs-color-text-active);
}

.gc-adaptive-tabs__chevron-icon {
  margin-inline-start: 10px;
}

.gc-adaptive-tabs__tabs-as-select-control .gc-adaptive-tabs__tab {
  border: none;
}
.g-icon {
  color: inherit;
  line-height: 0;
  vertical-align: top;
}
.g-outer-additional-content {
  display: flex;
  justify-content: space-between;
  vertical-align: top;
}
.g-outer-additional-content__note, .g-outer-additional-content__error {
  margin-block-start: 2px;
}
.g-outer-additional-content__error {
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-1-font-size);
  line-height: var(--g-text-body-1-line-height);
  color: var(--g-color-text-danger);
}
.g-outer-additional-content__error:not(:last-child) {
  margin-inline-end: var(--g-spacing-2);
}
.g-outer-additional-content__note {
  margin-inline-start: auto;
}
.g-select {
  display: inline-block;
  max-width: 100%;
}
.g-select_width_max {
  width: 100%;
}
.g-select-filter {
  --g-text-input-border-color: var(--g-color-line-generic-active);
}
.g-text-input {
  --_--text-color: var(--g-color-text-primary);
  --_--label-color: inherit;
  --_--placeholder-color: var(--g-color-text-hint);
  --_--background-color: transparent;
  --_--border-width: 1px;
  --_--focus-outline-color: var(--g-text-input-focus-outline-color);
  display: inline-block;
  width: 100%;
  position: relative;
}
.g-text-input__content {
  box-sizing: border-box;
  overflow: hidden;
  display: flex;
  width: 100%;
  background-color: var(--g-text-input-background-color, var(--_--background-color));
  border-width: var(--g-text-input-border-width, var(--_--border-width));
  border-style: solid;
  border-color: var(--g-text-input-border-color, var(--_--border-color));
  color: var(--g-text-input-text-color, var(--_--text-color));
}
.g-text-input__content:hover {
  border-color: var(--g-text-input-border-color-hover, var(--_--border-color-hover));
}
.g-text-input__content:focus-within {
  border-color: var(--g-text-input-border-color-active, var(--_--border-color-active));
  outline: 2px solid var(--g-text-input-focus-outline-color, var(--_--focus-outline-color));
  outline-offset: -1px;
}
.g-text-input__control {
  box-sizing: border-box;
  display: inline-block;
  flex-grow: 1;
  vertical-align: top;
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
  font-weight: var(--g-text-body-font-weight);
  font-family: var(--g-text-body-font-family);
  color: inherit;
  background-color: transparent;
  border: none;
  height: var(--g-text-input-height);
}
.g-text-input__control::placeholder {
  color: var(--g-text-input-placeholder-color, var(--_--placeholder-color));
  overflow: hidden;
  white-space: nowrap;
}
.g-text-input__control:focus {
  outline: none;
}
.g-text-input__control[type=number] {
  appearance: textfield;
}
.g-text-input__label {
  position: absolute;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 1;
  color: var(--g-text-input-label-color, var(--_--label-color));
}
.g-text-input__clear {
  flex-shrink: 0;
  margin: auto 0;
}
.g-text-input__clear_size_s, .g-text-input__clear_size_m {
  margin-inline-end: 1px;
}
.g-text-input__clear_size_l, .g-text-input__clear_size_xl {
  margin-inline-end: 2px;
}
.g-text-input__error-icon {
  box-sizing: content-box;
  color: var(--g-color-text-danger);
  padding-block: var(--_--error-icon-padding-block);
  padding-inline: var(--_--error-icon-padding-inline);
}
.g-text-input__additional-content {
  display: flex;
  align-items: center;
}
.g-text-input_size_s {
  --_--error-icon-padding-block: 5px;
  --_--error-icon-padding-inline: 0 5px;
  --_--border-radius: var(--g-border-radius-s);
}
.g-text-input_size_s .g-text-input__control {
  --_--input-control-border-width: var(
      --g-text-input-border-width,
      var(--g-text-area-border-width, 1px)
  );
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-short-font-size);
  line-height: var(--g-text-body-short-line-height);
  height: calc(24px - var(--_--input-control-border-width) * 2);
  padding: 3px 8px;
}
.g-text-input_size_s .g-text-input__label {
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-short-font-size);
  line-height: var(--g-text-body-short-line-height);
  padding-block: 3px;
  padding-inline: 8px 4px;
  font-weight: var(--g-text-accent-font-weight);
}
.g-text-input_size_s.g-text-input_has-start-content .g-text-input__label {
  padding-inline-start: 2px;
}
.g-text-input_size_s .g-text-input__additional-content {
  height: 22px;
}
.g-text-input_size_s .g-text-input__additional-content_placement_start {
  padding-inline-start: 1px;
}
.g-text-input_size_s .g-text-input__additional-content_placement_end {
  padding-inline-end: 1px;
}
.g-text-input_size_m {
  --_--error-icon-padding-block: 5px;
  --_--error-icon-padding-inline: 0 5px;
  --_--border-radius: var(--g-border-radius-m);
}
.g-text-input_size_m .g-text-input__control {
  --_--input-control-border-width: var(
      --g-text-input-border-width,
      var(--g-text-area-border-width, 1px)
  );
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-short-font-size);
  line-height: var(--g-text-body-short-line-height);
  height: calc(28px - var(--_--input-control-border-width) * 2);
  padding: 5px 8px;
}
.g-text-input_size_m .g-text-input__label {
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-short-font-size);
  line-height: var(--g-text-body-short-line-height);
  padding-block: 5px;
  padding-inline: 8px 4px;
  font-weight: var(--g-text-accent-font-weight);
}
.g-text-input_size_m.g-text-input_has-start-content .g-text-input__label {
  padding-inline-start: 2px;
}
.g-text-input_size_m .g-text-input__additional-content {
  height: 26px;
}
.g-text-input_size_m .g-text-input__additional-content_placement_start {
  padding-inline-start: 1px;
}
.g-text-input_size_m .g-text-input__additional-content_placement_end {
  padding-inline-end: 1px;
}
.g-text-input_size_l {
  --_--error-icon-padding-block: 9px;
  --_--error-icon-padding-inline: 0 9px;
  --_--border-radius: var(--g-border-radius-l);
}
.g-text-input_size_l .g-text-input__control {
  --_--input-control-border-width: var(
      --g-text-input-border-width,
      var(--g-text-area-border-width, 1px)
  );
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-short-font-size);
  line-height: var(--g-text-body-short-line-height);
  height: calc(36px - var(--_--input-control-border-width) * 2);
  padding: 9px 12px;
}
.g-text-input_size_l .g-text-input__label {
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-short-font-size);
  line-height: var(--g-text-body-short-line-height);
  padding-block: 9px;
  padding-inline: 12px 4px;
  font-weight: var(--g-text-accent-font-weight);
}
.g-text-input_size_l.g-text-input_has-start-content .g-text-input__label {
  padding-inline-start: 3px;
}
.g-text-input_size_l .g-text-input__additional-content {
  height: 34px;
}
.g-text-input_size_l .g-text-input__additional-content_placement_start {
  padding-inline-start: 3px;
}
.g-text-input_size_l .g-text-input__additional-content_placement_end {
  padding-inline-end: 3px;
}
.g-text-input_size_xl {
  --_--error-icon-padding-block: 13px;
  --_--error-icon-padding-inline: 0 13px;
  --_--border-radius: var(--g-border-radius-xl);
}
.g-text-input_size_xl .g-text-input__control {
  --_--input-control-border-width: var(
      --g-text-input-border-width,
      var(--g-text-area-border-width, 1px)
  );
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-2-font-size);
  line-height: var(--g-text-body-2-line-height);
  height: calc(44px - var(--_--input-control-border-width) * 2);
  padding: 11px 12px;
}
.g-text-input_size_xl .g-text-input__label {
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-2-font-size);
  line-height: var(--g-text-body-2-line-height);
  padding-block: 11px;
  padding-inline: 12px 4px;
  font-weight: var(--g-text-accent-font-weight);
}
.g-text-input_size_xl.g-text-input_has-start-content .g-text-input__label {
  padding-inline-start: 3px;
}
.g-text-input_size_xl .g-text-input__additional-content {
  height: 42px;
}
.g-text-input_size_xl .g-text-input__additional-content_placement_start {
  padding-inline-start: 3px;
}
.g-text-input_size_xl .g-text-input__additional-content_placement_end {
  padding-inline-end: 3px;
}
.g-text-input_view_normal {
  --_--border-color: var(--g-color-line-generic);
  --_--border-color-hover: var(--g-color-line-generic-hover);
  --_--border-color-active: var(--g-color-line-generic-active);
}
.g-text-input_view_clear {
  --_--border-color: transparent;
  --_--border-color-hover: transparent;
  --_--border-color-active: transparent;
  --_--border-radius: 0;
}
.g-text-input_view_clear .g-text-input__content {
  border-inline: 0;
}
.g-text-input_view_clear .g-text-input__control {
  padding-inline: 0;
}
.g-text-input.g-text-input_pin_round-round .g-text-input__content {
  border-radius: var(--g-text-input-border-radius, var(--_--border-radius));
}
.g-text-input.g-text-input_pin_brick-brick .g-text-input__content {
  border-radius: 0;
}
.g-text-input.g-text-input_pin_clear-clear .g-text-input__content {
  border-radius: 0;
  border-inline: 0;
}
.g-text-input.g-text-input_pin_circle-circle .g-text-input__content {
  border-radius: 100px;
}
.g-text-input.g-text-input_pin_round-brick .g-text-input__content {
  border-start-start-radius: var(--g-text-input-border-radius, var(--_--border-radius));
  border-start-end-radius: 0;
  border-end-start-radius: var(--g-text-input-border-radius, var(--_--border-radius));
  border-end-end-radius: 0;
}
.g-text-input.g-text-input_pin_brick-round .g-text-input__content {
  border-start-start-radius: 0;
  border-start-end-radius: var(--g-text-input-border-radius, var(--_--border-radius));
  border-end-start-radius: 0;
  border-end-end-radius: var(--g-text-input-border-radius, var(--_--border-radius));
}
.g-text-input.g-text-input_pin_round-clear .g-text-input__content {
  border-start-start-radius: var(--g-text-input-border-radius, var(--_--border-radius));
  border-start-end-radius: 0;
  border-end-start-radius: var(--g-text-input-border-radius, var(--_--border-radius));
  border-end-end-radius: 0;
  border-inline-end: 0;
}
.g-text-input.g-text-input_pin_clear-round .g-text-input__content {
  border-start-start-radius: 0;
  border-start-end-radius: var(--g-text-input-border-radius, var(--_--border-radius));
  border-end-start-radius: 0;
  border-end-end-radius: var(--g-text-input-border-radius, var(--_--border-radius));
  border-inline-start: 0;
}
.g-text-input.g-text-input_pin_brick-clear .g-text-input__content {
  border-radius: 0;
  border-inline-end: 0;
}
.g-text-input.g-text-input_pin_clear-brick .g-text-input__content {
  border-radius: 0;
  border-inline-start: 0;
}
.g-text-input.g-text-input_pin_circle-brick .g-text-input__content {
  border-start-start-radius: 100px;
  border-start-end-radius: 0;
  border-end-start-radius: 100px;
  border-end-end-radius: 0;
}
.g-text-input.g-text-input_pin_brick-circle .g-text-input__content {
  border-start-start-radius: 0;
  border-start-end-radius: 100px;
  border-end-start-radius: 0;
  border-end-end-radius: 100px;
}
.g-text-input.g-text-input_pin_circle-clear .g-text-input__content {
  border-start-start-radius: 100px;
  border-start-end-radius: 0;
  border-end-start-radius: 100px;
  border-end-end-radius: 0;
  border-inline-end: 0;
}
.g-text-input.g-text-input_pin_clear-circle .g-text-input__content {
  border-start-start-radius: 0;
  border-start-end-radius: 100px;
  border-end-start-radius: 0;
  border-end-end-radius: 100px;
  border-inline-start: 0;
}
.g-text-input_disabled {
  --_--text-color: var(--g-color-text-hint);
  --_--background-color: var(--g-color-base-generic-accent-disabled);
  --_--border-color: transparent;
  --_--border-color-hover: transparent;
  --_--border-color-active: transparent;
}
.g-text-input_has-scrollbar .g-text-input__clear {
  inset-inline-end: var(--g-scrollbar-width);
}
.g-text-input_has-start-content .g-text-input__control {
  padding-inline-start: 2px;
}
.g-text-input_has-end-content .g-text-input__control {
  padding-inline-end: 2px;
}
.g-text-input_has-unstable-end-content {
  --_--error-icon-padding-inline: 0;
}
.g-text-input_state_error.g-text-input_view_normal .g-text-input__content, .g-text-input_state_error.g-text-input_view_normal .g-text-input__content:hover, .g-text-input_state_error.g-text-input_view_normal .g-text-input__content:focus-within {
  border-color: var(--g-color-line-danger);
}
.g-text-input_state_error.g-text-input_view_normal .g-text-input__content:focus-within {
  --_--focus-outline-color: var(--g-color-line-danger);
}
.g-text-input_state_error.g-text-input_view_clear .g-text-input__content, .g-text-input_state_error.g-text-input_view_clear .g-text-input__content:hover, .g-text-input_state_error.g-text-input_view_clear .g-text-input__content:focus-within {
  border-block-end: 1px solid var(--g-color-line-danger);
}
.g-text-input_state_error.g-text-input_view_clear .g-text-input__content:focus-within {
  --_--focus-outline-color: var(--g-color-line-danger);
}
.g-clear-button {
  --g-button-text-color: var(--g-color-text-hint);
  --g-button-text-color-hover: var(--g-color-text-primary);
  --g-button-background-color: transparent;
  --g-button-background-color-hover: transparent;
}
@charset "UTF-8";
.g-button {
  --_--text-color: var(--g-color-text-primary);
  --_--text-color-hover: var(--_--text-color);
  --_--background-color: transparent;
  --_--background-color-hover: var(--g-color-base-simple-hover);
  --_--border-width: 0;
  --_--border-color: currentColor;
  --_--focus-outline-color: var(--g-color-line-focus);
  --_--focus-outline-offset: 0;
  --_--font-size: var(--g-text-body-1-font-size);
  padding: 0;
  font-family: var(--g-text-body-font-family);
  font-size: inherit;
  font-weight: var(--g-text-body-font-weight);
  color: inherit;
  background: none;
  border: none;
  outline: none;
  cursor: pointer;
  position: relative;
  overflow: visible;
  box-sizing: border-box;
  height: var(--g-button-height, var(--_--height));
  line-height: var(--g-button-height, var(--_--height));
  font-size: var(--g-button-font-size, var(--_--font-size));
  user-select: none;
  text-align: center;
  white-space: nowrap;
  text-decoration: none;
  color: var(--g-button-text-color, var(--_--text-color));
  background: transparent;
  touch-action: manipulation;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  transition: transform 0.1s ease-out, color 0.15s linear;
  transform: scale(1);
  display: inline-flex;
  justify-content: center;
  padding: 0 var(--g-button-padding, var(--_--padding));
  gap: var(--g-button-icon-offset, var(--_--icon-offset));
}
.g-button::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  background-color: var(--g-button-background-color, var(--_--background-color));
  border: var(--g-button-border-width, var(--_--border-width)) var(--g-button-border-style, solid) var(--g-button-border-color, var(--_--border-color));
  transition: background-color 0.15s linear;
}
.g-button:hover {
  color: var(--g-button-text-color-hover, var(--_--text-color-hover));
}
.g-button:hover::before {
  background-color: var(--g-button-background-color-hover, var(--_--background-color-hover));
}
.g-button:focus-visible::before {
  outline: var(--g-button-focus-outline-color, var(--_--focus-outline-color)) var(--g-button-focus-outline-style, solid) var(--g-button-focus-outline-width, 2px);
  outline-offset: var(--g-button-focus-outline-offset, var(--_--focus-outline-offset));
}
.g-button::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  transform: scale(1);
  transition: none;
}
.g-button:active {
  transition: none;
  transform: scale(0.96);
}
.g-button:active::after {
  transform: scale(1.042);
}
.g-button_size_xs {
  --_--height: 20px;
  --_--border-radius: var(--g-border-radius-xs);
  --_--padding: 6px;
  --_--icon-size: 12px;
  --_--icon-offset: 4px;
}
.g-button_size_s {
  --_--height: 24px;
  --_--border-radius: var(--g-border-radius-s);
  --_--padding: 8px;
  --_--icon-size: 16px;
  --_--icon-offset: 4px;
}
.g-button_size_m {
  --_--height: 28px;
  --_--border-radius: var(--g-border-radius-m);
  --_--padding: 12px;
  --_--icon-size: 16px;
  --_--icon-offset: 8px;
}
.g-button_size_l {
  --_--height: 36px;
  --_--border-radius: var(--g-border-radius-l);
  --_--padding: 16px;
  --_--icon-size: 16px;
  --_--icon-offset: 8px;
}
.g-button_size_xl {
  --_--height: 44px;
  --_--border-radius: var(--g-border-radius-xl);
  --_--padding: 24px;
  --_--icon-size: 20px;
  --_--icon-offset: 12px;
  --_--font-size: var(--g-text-body-2-font-size);
}
.g-button_view_normal {
  --_--background-color: var(--g-color-base-generic);
  --_--background-color-hover: var(--g-color-base-generic-hover);
}
.g-button_view_action {
  --_--text-color: var(--g-color-text-brand-contrast);
  --_--background-color: var(--g-color-base-brand);
  --_--background-color-hover: var(--g-color-base-brand-hover);
  --_--focus-outline-color: var(--g-color-base-brand);
  --_--focus-outline-offset: 1px;
}
.g-button_view_outlined {
  --_--border-width: 1px;
  --_--border-color: var(--g-color-line-generic);
}
.g-button_view_outlined-info {
  --_--text-color: var(--g-color-text-info);
  --_--border-width: 1px;
  --_--border-color: var(--g-color-line-info);
}
.g-button_view_outlined-success {
  --_--text-color: var(--g-color-text-positive);
  --_--border-width: 1px;
  --_--border-color: var(--g-color-line-positive);
}
.g-button_view_outlined-warning {
  --_--text-color: var(--g-color-text-warning);
  --_--border-width: 1px;
  --_--border-color: var(--g-color-line-warning);
}
.g-button_view_outlined-danger {
  --_--text-color: var(--g-color-text-danger);
  --_--border-width: 1px;
  --_--border-color: var(--g-color-line-danger);
}
.g-button_view_outlined-utility {
  --_--text-color: var(--g-color-text-utility);
  --_--border-width: 1px;
  --_--border-color: var(--g-color-line-utility);
}
.g-button_view_outlined-action {
  --_--text-color: var(--g-color-text-brand);
  --_--border-width: 1px;
  --_--border-color: var(--g-color-line-brand);
}
.g-button_view_raised {
  --_--background-color-hover: var(--g-color-base-float-hover);
  background: var(--g-color-base-float);
}
.g-button_view_raised::before {
  box-shadow: 0 3px 5px var(--g-color-sfx-shadow);
}
.g-button_view_raised:active::before {
  box-shadow: 0 1px 2px var(--g-color-sfx-shadow);
}
.g-button_view_flat-secondary {
  --_--text-color: var(--g-color-text-secondary);
  --_--text-color-hover: var(--g-color-text-primary);
}
.g-button_view_flat-info {
  --_--text-color: var(--g-color-text-info);
}
.g-button_view_flat-success {
  --_--text-color: var(--g-color-text-positive);
}
.g-button_view_flat-warning {
  --_--text-color: var(--g-color-text-warning);
}
.g-button_view_flat-danger {
  --_--text-color: var(--g-color-text-danger);
}
.g-button_view_flat-utility {
  --_--text-color: var(--g-color-text-utility);
}
.g-button_view_flat-action {
  --_--text-color: var(--g-color-text-brand);
}
.g-button_view_normal-contrast {
  --_--text-color: var(--g-color-text-dark-primary);
  --_--background-color: var(--g-color-base-light);
  --_--background-color-hover: var(--g-color-base-light-hover);
  --_--focus-outline-color: var(--g-color-line-light);
}
.g-button_view_normal-contrast.g-button_loading {
  --_--background-color-hover: var(--g-color-base-simple-hover);
}
.g-button_view_outlined-contrast {
  --_--text-color: var(--g-color-text-light-primary);
  --_--background-color-hover: var(--g-color-base-light-simple-hover);
  --_--border-width: 1px;
  --_--border-color: var(--g-color-line-light);
  --_--focus-outline-color: var(--g-color-line-light);
}
.g-button_view_flat-contrast {
  --_--text-color: var(--g-color-text-light-primary);
  --_--background-color-hover: var(--g-color-base-light-simple-hover);
  --_--focus-outline-color: var(--g-color-line-light);
}
.g-button.g-button_pin_round-round.g-button {
  border-radius: var(--g-button-border-radius, var(--_--border-radius));
}
.g-button.g-button_pin_brick-brick.g-button {
  border-radius: 0;
}
.g-button.g-button_pin_clear-clear.g-button {
  border-radius: 0;
  border-inline: 0;
}
.g-button.g-button_pin_circle-circle.g-button {
  border-radius: 100px;
}
.g-button.g-button_pin_round-brick.g-button {
  border-start-start-radius: var(--g-button-border-radius, var(--_--border-radius));
  border-start-end-radius: 0;
  border-end-start-radius: var(--g-button-border-radius, var(--_--border-radius));
  border-end-end-radius: 0;
}
.g-button.g-button_pin_brick-round.g-button {
  border-start-start-radius: 0;
  border-start-end-radius: var(--g-button-border-radius, var(--_--border-radius));
  border-end-start-radius: 0;
  border-end-end-radius: var(--g-button-border-radius, var(--_--border-radius));
}
.g-button.g-button_pin_round-clear.g-button {
  border-start-start-radius: var(--g-button-border-radius, var(--_--border-radius));
  border-start-end-radius: 0;
  border-end-start-radius: var(--g-button-border-radius, var(--_--border-radius));
  border-end-end-radius: 0;
  border-inline-end: 0;
}
.g-button.g-button_pin_clear-round.g-button {
  border-start-start-radius: 0;
  border-start-end-radius: var(--g-button-border-radius, var(--_--border-radius));
  border-end-start-radius: 0;
  border-end-end-radius: var(--g-button-border-radius, var(--_--border-radius));
  border-inline-start: 0;
}
.g-button.g-button_pin_brick-clear.g-button {
  border-radius: 0;
  border-inline-end: 0;
}
.g-button.g-button_pin_clear-brick.g-button {
  border-radius: 0;
  border-inline-start: 0;
}
.g-button.g-button_pin_circle-brick.g-button {
  border-start-start-radius: 100px;
  border-start-end-radius: 0;
  border-end-start-radius: 100px;
  border-end-end-radius: 0;
}
.g-button.g-button_pin_brick-circle.g-button {
  border-start-start-radius: 0;
  border-start-end-radius: 100px;
  border-end-start-radius: 0;
  border-end-end-radius: 100px;
}
.g-button.g-button_pin_circle-clear.g-button {
  border-start-start-radius: 100px;
  border-start-end-radius: 0;
  border-end-start-radius: 100px;
  border-end-end-radius: 0;
  border-inline-end: 0;
}
.g-button.g-button_pin_clear-circle.g-button {
  border-start-start-radius: 0;
  border-start-end-radius: 100px;
  border-end-start-radius: 0;
  border-end-end-radius: 100px;
  border-inline-start: 0;
}
.g-button.g-button_pin_round-round::before {
  border-radius: var(--g-button-border-radius, var(--_--border-radius));
}
.g-button.g-button_pin_brick-brick::before {
  border-radius: 0;
}
.g-button.g-button_pin_clear-clear::before {
  border-radius: 0;
  border-inline: 0;
}
.g-button.g-button_pin_circle-circle::before {
  border-radius: 100px;
}
.g-button.g-button_pin_round-brick::before {
  border-start-start-radius: var(--g-button-border-radius, var(--_--border-radius));
  border-start-end-radius: 0;
  border-end-start-radius: var(--g-button-border-radius, var(--_--border-radius));
  border-end-end-radius: 0;
}
.g-button.g-button_pin_brick-round::before {
  border-start-start-radius: 0;
  border-start-end-radius: var(--g-button-border-radius, var(--_--border-radius));
  border-end-start-radius: 0;
  border-end-end-radius: var(--g-button-border-radius, var(--_--border-radius));
}
.g-button.g-button_pin_round-clear::before {
  border-start-start-radius: var(--g-button-border-radius, var(--_--border-radius));
  border-start-end-radius: 0;
  border-end-start-radius: var(--g-button-border-radius, var(--_--border-radius));
  border-end-end-radius: 0;
  border-inline-end: 0;
}
.g-button.g-button_pin_clear-round::before {
  border-start-start-radius: 0;
  border-start-end-radius: var(--g-button-border-radius, var(--_--border-radius));
  border-end-start-radius: 0;
  border-end-end-radius: var(--g-button-border-radius, var(--_--border-radius));
  border-inline-start: 0;
}
.g-button.g-button_pin_brick-clear::before {
  border-radius: 0;
  border-inline-end: 0;
}
.g-button.g-button_pin_clear-brick::before {
  border-radius: 0;
  border-inline-start: 0;
}
.g-button.g-button_pin_circle-brick::before {
  border-start-start-radius: 100px;
  border-start-end-radius: 0;
  border-end-start-radius: 100px;
  border-end-end-radius: 0;
}
.g-button.g-button_pin_brick-circle::before {
  border-start-start-radius: 0;
  border-start-end-radius: 100px;
  border-end-start-radius: 0;
  border-end-end-radius: 100px;
}
.g-button.g-button_pin_circle-clear::before {
  border-start-start-radius: 100px;
  border-start-end-radius: 0;
  border-end-start-radius: 100px;
  border-end-end-radius: 0;
  border-inline-end: 0;
}
.g-button.g-button_pin_clear-circle::before {
  border-start-start-radius: 0;
  border-start-end-radius: 100px;
  border-end-start-radius: 0;
  border-end-end-radius: 100px;
  border-inline-start: 0;
}
.g-button.g-button_pin_round-round::after {
  border-radius: var(--g-button-border-radius, var(--_--border-radius));
}
.g-button.g-button_pin_brick-brick::after {
  border-radius: 0;
}
.g-button.g-button_pin_clear-clear::after {
  border-radius: 0;
  border-inline: 0;
}
.g-button.g-button_pin_circle-circle::after {
  border-radius: 100px;
}
.g-button.g-button_pin_round-brick::after {
  border-start-start-radius: var(--g-button-border-radius, var(--_--border-radius));
  border-start-end-radius: 0;
  border-end-start-radius: var(--g-button-border-radius, var(--_--border-radius));
  border-end-end-radius: 0;
}
.g-button.g-button_pin_brick-round::after {
  border-start-start-radius: 0;
  border-start-end-radius: var(--g-button-border-radius, var(--_--border-radius));
  border-end-start-radius: 0;
  border-end-end-radius: var(--g-button-border-radius, var(--_--border-radius));
}
.g-button.g-button_pin_round-clear::after {
  border-start-start-radius: var(--g-button-border-radius, var(--_--border-radius));
  border-start-end-radius: 0;
  border-end-start-radius: var(--g-button-border-radius, var(--_--border-radius));
  border-end-end-radius: 0;
  border-inline-end: 0;
}
.g-button.g-button_pin_clear-round::after {
  border-start-start-radius: 0;
  border-start-end-radius: var(--g-button-border-radius, var(--_--border-radius));
  border-end-start-radius: 0;
  border-end-end-radius: var(--g-button-border-radius, var(--_--border-radius));
  border-inline-start: 0;
}
.g-button.g-button_pin_brick-clear::after {
  border-radius: 0;
  border-inline-end: 0;
}
.g-button.g-button_pin_clear-brick::after {
  border-radius: 0;
  border-inline-start: 0;
}
.g-button.g-button_pin_circle-brick::after {
  border-start-start-radius: 100px;
  border-start-end-radius: 0;
  border-end-start-radius: 100px;
  border-end-end-radius: 0;
}
.g-button.g-button_pin_brick-circle::after {
  border-start-start-radius: 0;
  border-start-end-radius: 100px;
  border-end-start-radius: 0;
  border-end-end-radius: 100px;
}
.g-button.g-button_pin_circle-clear::after {
  border-start-start-radius: 100px;
  border-start-end-radius: 0;
  border-end-start-radius: 100px;
  border-end-end-radius: 0;
  border-inline-end: 0;
}
.g-button.g-button_pin_clear-circle::after {
  border-start-start-radius: 0;
  border-start-end-radius: 100px;
  border-end-start-radius: 0;
  border-end-end-radius: 100px;
  border-inline-start: 0;
}
.g-button__text {
  display: inline-block;
  white-space: nowrap;
}
.g-button__icon {
  display: inline-block;
  position: relative;
  margin: 0 calc((var(--g-button-height, var(--_--height)) - var(--g-button-icon-size, var(--_--icon-size))) / 2 * -1);
  width: var(--g-button-height, var(--_--height));
  height: var(--g-button-height, var(--_--height));
}
.g-button__icon::after {
  content: " ";
  visibility: hidden;
}
.g-button__icon-inner {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.g-button__icon_side_start {
  order: -1;
}
.g-button__icon_side_end {
  order: 1;
}
.g-button__icon:only-child {
  margin: 0;
}
.g-button:has(.g-button__icon:only-child) {
  --_--padding: 0;
}
.g-button:has(.g-button__icon:only-child):not(.g-button_width_max) {
  width: var(--g-button-height, var(--_--height));
}
.g-button_selected:not(.g-button_view_outlined-contrast) {
  --_--border-width: 0;
}
.g-button_selected:not(.g-button_view_normal-contrast,
.g-button_view_flat-contrast,
.g-button_view_outlined-contrast) {
  --_--text-color: var(--g-color-text-brand-heavy);
  --_--background-color: var(--g-color-base-selection);
  --_--background-color-hover: var(--g-color-base-selection-hover);
}
.g-button_selected.g-button_view_outlined-info, .g-button_selected.g-button_view_flat-info {
  --_--text-color: var(--g-color-text-info-heavy);
  --_--background-color: var(--g-color-base-info-light);
  --_--background-color-hover: var(--g-color-base-info-light-hover);
}
.g-button_selected.g-button_view_outlined-success, .g-button_selected.g-button_view_flat-success {
  --_--text-color: var(--g-color-text-positive-heavy);
  --_--background-color: var(--g-color-base-positive-light);
  --_--background-color-hover: var(--g-color-base-positive-light-hover);
}
.g-button_selected.g-button_view_outlined-warning, .g-button_selected.g-button_view_flat-warning {
  --_--text-color: var(--g-color-text-warning-heavy);
  --_--background-color: var(--g-color-base-warning-light);
  --_--background-color-hover: var(--g-color-base-warning-light-hover);
}
.g-button_selected.g-button_view_outlined-danger, .g-button_selected.g-button_view_flat-danger {
  --_--text-color: var(--g-color-text-danger-heavy);
  --_--background-color: var(--g-color-base-danger-light);
  --_--background-color-hover: var(--g-color-base-danger-light-hover);
}
.g-button_selected.g-button_view_outlined-utility, .g-button_selected.g-button_view_flat-utility {
  --_--text-color: var(--g-color-text-utility-heavy);
  --_--background-color: var(--g-color-base-utility-light);
  --_--background-color-hover: var(--g-color-base-utility-light-hover);
}
.g-button_disabled {
  cursor: default;
  pointer-events: none;
}
.g-button_disabled:not(.g-button_loading) {
  --_--text-color: var(--g-color-text-hint);
  --_--background-color: var(--g-color-base-generic-accent-disabled);
  --_--background-color-hover: var(--g-color-base-generic-accent-disabled);
  --_--border-width: 0;
}
.g-button_disabled:not(.g-button_loading):is(.g-button_view_normal-contrast, .g-button_view_outlined-contrast) {
  --_--text-color: var(--g-color-text-light-secondary);
  --_--background-color: var(--g-color-base-light-disabled);
  --_--background-color-hover: var(--g-color-base-light-disabled);
}
.g-button_disabled:not(.g-button_loading):is(.g-button_view_flat,
.g-button_view_flat-secondary,
.g-button_view_flat-info,
.g-button_view_flat-success,
.g-button_view_flat-warning,
.g-button_view_flat-danger,
.g-button_view_flat-utility,
.g-button_view_flat-action,
.g-button_view_flat-contrast) {
  --_--text-color: var(--g-color-text-hint);
  --_--background-color: transparent;
  --_--background-color-hover: transparent;
}
.g-button_disabled:not(.g-button_loading).g-button_view_flat-contrast {
  --_--text-color: var(--g-color-text-light-hint);
}
.g-button_disabled:active {
  transform: scale(1);
}
.g-button_loading::before {
  background-image: repeating-linear-gradient(-45deg, var(--g-button-background-color, var(--_--background-color)), var(--g-button-background-color, var(--_--background-color)) 4px, var(--g-button-background-color-hover, var(--_--background-color-hover)) 4px, var(--g-button-background-color-hover, var(--_--background-color-hover)) 8px);
  background-size: 150%;
  background-clip: padding-box;
  animation: g-loading-animation 0.5s linear infinite;
}
.g-button_width_auto {
  max-width: 100%;
}
.g-button_width_max {
  width: 100%;
}
.g-button_width_auto .g-button__text, .g-button_width_max .g-button__text {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.g-link {
  text-decoration: none;
  touch-action: manipulation;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
  border-radius: var(--g-focus-border-radius);
}
.g-link:focus-visible {
  outline: 2px solid var(--g-color-line-focus);
}
.g-link_view_normal {
  color: var(--g-color-text-link);
}
.g-link_view_primary {
  color: var(--g-color-text-primary);
}
.g-link_view_secondary {
  color: var(--g-color-text-secondary);
}
.g-link_view_normal:hover, .g-link_view_primary:hover, .g-link_view_secondary:hover {
  color: var(--g-color-text-link-hover);
}
.g-link_visitable:visited {
  color: var(--g-color-text-link-visited);
}
.g-link_visitable:visited:hover {
  color: var(--g-color-text-link-visited-hover);
}
.g-link_underline {
  text-decoration: underline;
}
.g-popover {
  display: inline-block;
  position: relative;
}
.g-popover:not(.g-popover_disabled) {
  cursor: pointer;
}
.g-popover__handler {
  display: inline-block;
}
.g-popover__tooltip {
  --_--padding: 16px;
  --_--close-offset: 8px;
  --_--close-size: 24px;
}
.g-popover__tooltip-popup-content {
  box-sizing: border-box;
  min-height: 40px;
  max-width: var(--g-popover-max-width, 300px);
  padding: var(--g-popover-padding, var(--_--padding));
  cursor: default;
}
.g-popover__tooltip-title {
  font-family: var(--g-text-subheader-font-family);
  font-weight: var(--g-text-subheader-font-weight);
  font-size: var(--g-text-subheader-3-font-size);
  line-height: var(--g-text-subheader-3-line-height);
  display: inline-flex;
  margin: 0 0 12px;
}
.g-popover__tooltip-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-block-start: 20px;
}
.g-popover__tooltip-button {
  flex: 1;
}
.g-popover__tooltip-close {
  position: absolute;
  inset-block-start: var(--_--close-offset);
  inset-inline-end: var(--_--close-offset);
}
.g-popover__tooltip-content {
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-1-font-size);
  line-height: var(--g-text-body-1-line-height);
  overflow-wrap: break-word;
}
.g-popover__tooltip-content_secondary {
  opacity: 0.7;
}
.g-popover__tooltip-links > * {
  margin-block-start: 8px;
}
.g-popover__tooltip-links > *:first-child {
  margin-block-start: 0;
}
.g-popover__tooltip-content + .g-popover__tooltip-links > *:first-child {
  margin-block-start: 12px;
}
.g-popover__tooltip-link {
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-1-font-size);
  line-height: var(--g-text-body-1-line-height);
  display: inline-block;
}
.g-popover__tooltip_theme_info.g-popover__tooltip_theme_info, .g-popover__tooltip_theme_info .g-popover__tooltip_theme_announcement, .g-popover__tooltip_theme_announcement.g-popover__tooltip_theme_info, .g-popover__tooltip_theme_announcement .g-popover__tooltip_theme_announcement {
  color: var(--g-color-text-primary);
}
.g-popover__tooltip_force-links-appearance.g-popover__tooltip_theme_info .g-popover__tooltip-content a:not(.g-button), .g-popover__tooltip_theme_announcement .g-popover__tooltip-content a:not(.g-button) {
  text-decoration: none;
  color: var(--g-color-text-link);
}
.g-popover__tooltip_force-links-appearance.g-popover__tooltip_theme_info .g-popover__tooltip-content a:not(.g-button):hover, .g-popover__tooltip_theme_announcement .g-popover__tooltip-content a:not(.g-button):hover {
  color: var(--g-color-text-link-hover);
}

.g-popover__tooltip_theme_announcement {
  --g-popup-background-color: var(--g-color-base-simple-hover-solid);
  --g-popup-border-color: var(--g-color-base-simple-hover-solid);
}
.g-popover__tooltip_theme_special {
  --g-popup-background-color: var(--g-color-base-brand);
  --g-popup-border-color: var(--g-color-base-brand);
  color: var(--g-color-text-light-primary);
}
.g-popover__tooltip_theme_special .g-popover__tooltip-content a:not(.g-button) {
  font-weight: var(--g-text-accent-font-weight);
  color: var(--g-color-text-light-primary);
}
.g-popover__tooltip_theme_special .g-popover__tooltip-content a:not(.g-button):hover {
  color: var(--g-color-text-light-secondary);
}
.g-popover__tooltip_theme_special .g-link {
  color: var(--g-color-text-light-primary);
}
.g-popover__tooltip_theme_special .g-link:hover {
  color: var(--g-color-text-light-secondary);
}
.g-popover__tooltip_size_l {
  --_--padding: 24px;
}
.g-popover__tooltip_size_l .g-popover__tooltip-title {
  font-family: var(--g-text-header-font-family);
  font-weight: var(--g-text-header-font-weight);
  font-size: var(--g-text-header-1-font-size);
  line-height: var(--g-text-header-1-line-height);
}
.g-popover__tooltip_size_l .g-popover__tooltip-content {
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-2-font-size);
  line-height: var(--g-text-body-2-line-height);
}
.g-popover__tooltip_with-close .g-popover__tooltip-title,
.g-popover__tooltip_with-close .g-popover__tooltip-content {
  padding-inline-end: calc(var(--_--close-offset) + var(--_--close-size) - var(--_--padding));
}
.g-popup {
  --_--background-color: var(--g-popup-background-color, var(--g-color-base-float));
  --_--border-color: var(--g-popup-border-color, var(--g-color-line-generic-solid));
  --_--border-width: var(--g-popup-border-width, 1px);
  z-index: 1000;
  visibility: hidden;
}
.g-popup_open, .g-popup_exit_active {
  visibility: visible;
}
.g-popup_exit_active[data-popper-placement*=bottom] .g-popup__content {
  animation-name: g-popup-bottom;
}
.g-popup_exit_active[data-popper-placement*=top] .g-popup__content {
  animation-name: g-popup-top;
}
.g-popup_exit_active[data-popper-placement*=left] .g-popup__content {
  animation-name: g-popup-left;
}
.g-popup_exit_active[data-popper-placement*=right] .g-popup__content {
  animation-name: g-popup-right;
}
.g-popup_enter_active[data-popper-placement*=bottom] .g-popup__content, .g-popup_appear_active[data-popper-placement*=bottom] .g-popup__content {
  animation-name: g-popup-bottom-open;
}
.g-popup_enter_active[data-popper-placement*=top] .g-popup__content, .g-popup_appear_active[data-popper-placement*=top] .g-popup__content {
  animation-name: g-popup-top-open;
}
.g-popup_enter_active[data-popper-placement*=left] .g-popup__content, .g-popup_appear_active[data-popper-placement*=left] .g-popup__content {
  animation-name: g-popup-left-open;
}
.g-popup_enter_active[data-popper-placement*=right] .g-popup__content, .g-popup_appear_active[data-popper-placement*=right] .g-popup__content {
  animation-name: g-popup-right-open;
}
.g-popup[data-popper-placement*=bottom] .g-popup__arrow {
  inset-block-start: -9px;
}
.g-popup[data-popper-placement*=top] .g-popup__arrow {
  inset-block-end: -9px;
}
.g-popup[data-popper-placement*=top] .g-popup__arrow-content {
  transform: rotate(180deg);
}
.g-popup[data-popper-placement*=left] .g-popup__arrow {
  right: -9px;
}
.g-popup[data-popper-placement*=left] .g-popup__arrow-content {
  transform: rotate(90deg);
}
.g-popup[data-popper-placement*=right] .g-popup__arrow {
  left: -9px;
}
.g-popup[data-popper-placement*=right] .g-popup__arrow-content {
  transform: rotate(-90deg);
}
.g-popup__content {
  position: relative;
  animation-duration: 0.1s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
  border-radius: 4px;
  background-color: var(--_--background-color);
  box-shadow: 0 0 0 var(--_--border-width) var(--_--border-color), 0 8px 20px var(--_--border-width) var(--g-color-sfx-shadow);
  outline: none;
}
.g-popup__content > :first-child:not(.g-popup__arrow), .g-popup__content > .g-popup__arrow + * {
  border-start-start-radius: inherit;
  border-start-end-radius: inherit;
}
.g-popup__content > :last-child {
  border-end-start-radius: inherit;
  border-end-end-radius: inherit;
}
.g-popup__arrow-content {
  width: 18px;
  height: 18px;
  position: relative;
  overflow: hidden;
  display: flex;
}
.g-popup__arrow-circle-wrapper {
  background-color: transparent;
  overflow: hidden;
  width: 9px;
  height: 9px;
  position: relative;
}
.g-popup__arrow-circle {
  box-sizing: border-box;
  border-radius: 50%;
  box-shadow: inset 0 0 0 calc(5px - var(--_--border-width)) var(--_--background-color), inset 0 0 0 5px var(--_--border-color);
  width: 28px;
  height: 30px;
  position: absolute;
}
.g-popup__arrow-circle_left {
  inset-inline-end: -5px;
  inset-block-end: -4px;
}
.g-popup__arrow-circle_right {
  inset-inline-start: -5px;
  inset-block-end: -4px;
}

@keyframes g-popup-bottom {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(10px);
  }
}
@keyframes g-popup-bottom-open {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes g-popup-top {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-10px);
  }
}
@keyframes g-popup-top-open {
  0% {
    opacity: 0;
    transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes g-popup-left {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-10px);
  }
}
@keyframes g-popup-left-open {
  0% {
    opacity: 0;
    transform: translateX(-10px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes g-popup-right {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(10px);
  }
}
@keyframes g-popup-right-open {
  0% {
    opacity: 0;
    transform: translateX(10px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.g-portal__theme-wrapper {
  display: contents;
}
@keyframes g-pulse {
  50% {
    opacity: 15%;
  }
}
.g-loader {
  display: inline-flex;
  align-items: center;
}
.g-loader__left, .g-loader__center, .g-loader__right {
  background: var(--g-color-base-brand);
  animation: g-pulse ease 800ms infinite;
}
.g-loader__left {
  animation-delay: 200ms;
}
.g-loader__center {
  animation-delay: 400ms;
}
.g-loader__right {
  animation-delay: 600ms;
}
.g-loader_size_s .g-loader__left {
  height: calc(20px / 1.5);
  width: 5px;
}
.g-loader_size_s .g-loader__center {
  width: 5px;
  height: 20px;
  margin-inline-start: 5px;
}
.g-loader_size_s .g-loader__right {
  height: calc(20px / 1.5);
  width: 5px;
  margin-inline-start: 5px;
}
.g-loader_size_m .g-loader__left {
  height: calc(28px / 1.5);
  width: 7px;
}
.g-loader_size_m .g-loader__center {
  width: 7px;
  height: 28px;
  margin-inline-start: 7px;
}
.g-loader_size_m .g-loader__right {
  height: calc(28px / 1.5);
  width: 7px;
  margin-inline-start: 7px;
}
.g-loader_size_l .g-loader__left {
  height: calc(36px / 1.5);
  width: 9px;
}
.g-loader_size_l .g-loader__center {
  width: 9px;
  height: 36px;
  margin-inline-start: 9px;
}
.g-loader_size_l .g-loader__right {
  height: calc(36px / 1.5);
  width: 9px;
  margin-inline-start: 9px;
}
.g-select-list {
  display: flex;
  margin: 4px 0;
  overflow: hidden;
}
.g-popup .g-select-list:first-child, .g-popup .g-select-list:last-child {
  border-radius: 0;
}
.g-select-list:not(.g-select-list_virtualized) {
  overflow: auto;
  position: relative;
}
.g-select-list_mobile {
  max-height: 100%;
}
.g-select-list__group-label, .g-select-list__group-label-custom {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  height: auto;
  padding: 0;
}
.g-select-list__group-label {
  font-size: var(--g-text-body-1-font-size);
}
.g-select-list_size_s .g-select-list__group-label:not(.g-select-list__group-label_empty) {
  height: 24px;
  padding: 8px 8px 4px;
}
.g-select-list_size_m .g-select-list__group-label:not(.g-select-list__group-label_empty) {
  height: 28px;
  padding: 8px 8px 4px;
}
.g-select-list_size_l .g-select-list__group-label:not(.g-select-list__group-label_empty) {
  height: 36px;
  padding: 10px 12px 6px;
}
.g-select-list_size_xl .g-select-list__group-label:not(.g-select-list__group-label_empty) {
  height: 44px;
  padding: 12px 12px 8px;
  font-size: var(--g-text-body-2-font-size);
}
.g-select-list_mobile .g-select-list__group-label:not(.g-select-list__group-label_empty) {
  height: 36px;
  padding: 12px 12px 8px;
  font-size: var(--g-text-body-2-font-size);
}
.g-select-list__item:not(:first-child) .g-select-list__group-label {
  margin-block-start: 5px;
}
.g-select-list__item:not(:first-child) .g-select-list__group-label::before {
  content: "";
  position: absolute;
  inset-block-start: -3px;
  inset-inline-start: 0;
  width: 100%;
  height: 1px;
  background-color: var(--g-color-line-generic);
}
.g-select-list__group-label-content {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: var(--g-text-accent-font-weight);
  width: 100%;
}
.g-select-list__item.g-list__item_selected {
  background: none;
}
.g-select-list__item.g-list__item_selected:hover {
  background: var(--g-color-base-simple-hover);
}
.g-select-list__item.g-list__item_active {
  background: var(--g-color-base-simple-hover);
}
.g-select-list__option {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.g-select-list_size_s .g-select-list__option {
  padding: 0 8px;
  --_--select-tick-icon-padding-right: calc(8px / 2);
}
.g-select-list_size_s .g-select-list__option .g-select-list__option-default-label {
  height: 24px;
  line-height: 24px;
}
.g-select-list_size_m .g-select-list__option {
  padding: 0 8px 0 8px;
  --_--select-tick-icon-padding-right: calc(8px / 2);
}
.g-select-list_size_m .g-select-list__option .g-select-list__option-default-label {
  height: 28px;
  line-height: 28px;
}
.g-select-list_size_l .g-select-list__option {
  padding: 0 12px 0 12px;
  --_--select-tick-icon-padding-right: calc(12px / 2);
}
.g-select-list_size_l .g-select-list__option .g-select-list__option-default-label {
  height: 36px;
  line-height: 36px;
}
.g-select-list_size_xl .g-select-list__option {
  padding: 0 12px;
  --_--select-tick-icon-padding-right: calc(12px / 2);
}
.g-select-list_size_xl .g-select-list__option .g-select-list__option-default-label {
  height: 44px;
  line-height: 44px;
  font-size: var(--g-text-body-2-font-size);
}
.g-select-list_mobile .g-select-list__option {
  padding: 0 12px 0 12px;
}
.g-select-list_mobile .g-select-list__option .g-select-list__option-default-label {
  height: 36px;
  line-height: 36px;
  font-size: var(--g-text-body-2-font-size);
}
.g-select-list_mobile .g-select-list__option .g-select-list__tick-icon {
  padding-inline-end: calc(12px / 2);
}
.g-select-list__option_colored {
  background-color: var(--g-color-base-selection);
}
.g-select-list__option_disabled {
  cursor: default;
}
.g-select-list__option-default-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: var(--g-text-body-1-font-size);
  width: 100%;
}
.g-select-list__option-default-label_disabled {
  color: var(--g-color-text-secondary);
}
.g-select-list__tick-icon {
  box-sizing: content-box;
  flex: 0 0 16px;
  visibility: hidden;
  color: var(--g-color-text-brand);
  padding-inline-end: var(--_--select-tick-icon-padding-right);
}
.g-select-list__tick-icon_shown {
  visibility: visible;
}
.g-select-list__loading-indicator {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
}
.g-list {
  --_--item-padding: var(--g-list-item-padding, 0);
  outline: none;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  width: 100%;
}
.g-list__filter {
  padding: var(--_--item-padding);
  margin-block-end: 8px;
  flex: 0 0 auto;
}
.g-list__items {
  flex: 1 1 auto;
}
.g-list__item, .g-list__empty-placeholder {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  padding: var(--_--item-padding);
  user-select: none;
  overflow: hidden;
}
.g-list__item_active {
  background: var(--g-color-base-simple-hover);
}
.g-list__item_selected {
  background: var(--g-color-base-selection);
}
.g-list__item_selected:hover {
  background: var(--g-color-base-selection-hover);
}
.g-list__item_sort-handle-align_right {
  flex-direction: row-reverse;
}
.g-list__item_sort-handle-align_right .g-list__item-sort-icon {
  margin-inline: 10px 0;
}
.g-list__item_sortable[data-rbd-drag-handle-context-id]:active {
  cursor: grabbing;
}
.g-list__item_dragging {
  background: var(--g-color-base-simple-hover-solid);
  z-index: 100001;
}
.g-list__empty-placeholder {
  box-sizing: border-box;
  color: var(--g-color-text-hint);
  min-height: 36px;
  padding-block: 8px;
}
.g-list__item-content {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 100%;
}
.g-list__item-sort-icon {
  display: flex;
  align-items: center;
  width: 12px;
  margin-inline-end: 4px;
  flex: 0 0 auto;
  color: var(--g-color-text-hint);
}
.g-list__loading-indicator {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
}
.g-select-empty-placeholder {
  margin: 4px;
  color: var(--g-color-text-hint);
}
.g-select-empty-placeholder_empty {
  margin-block-start: 0;
}
.g-select-clear {
  padding: 0;
  font-family: var(--g-text-body-font-family);
  font-size: inherit;
  font-weight: var(--g-text-body-font-weight);
  color: inherit;
  background: none;
  border: none;
  outline: none;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-inline-start: auto;
  z-index: 1;
  flex-shrink: 0;
}
.g-select-clear:focus-visible {
  border: 1px solid var(--g-color-line-generic-active);
}
.g-select-clear_size_s {
  height: 24px;
  width: 24px;
  border-radius: var(--g-border-radius-s);
}
.g-select-clear_size_m {
  height: 28px;
  width: 28px;
  border-radius: var(--g-border-radius-m);
}
.g-select-clear_size_l {
  height: 36px;
  width: 36px;
  border-radius: var(--g-border-radius-l);
}
.g-select-clear_size_xl {
  height: 44px;
  width: 44px;
  border-radius: var(--g-border-radius-xl);
}
.g-select-clear__clear {
  color: var(--g-color-text-secondary);
}
.g-select-clear:hover .g-select-clear__clear {
  color: var(--g-color-text-primary);
}
.g-select-counter {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-inline: 4px;
  background-color: var(--g-color-base-generic);
}
.g-select-counter__text {
  margin-inline: 4px;
  flex-grow: 1;
  text-align: center;
}
.g-select-counter_size_xl .g-select-counter__text {
  margin-inline: 6px;
}
.g-select-counter_size_s {
  border-radius: var(--g-border-radius-xs);
  height: 20px;
  min-width: 20px;
}
.g-select-counter_size_m {
  border-radius: var(--g-border-radius-s);
  height: 24px;
  min-width: 24px;
}
.g-select-counter_size_l {
  border-radius: var(--g-border-radius-m);
  height: 28px;
  min-width: 28px;
}
.g-select-counter_size_xl {
  border-radius: var(--g-border-radius-l);
  margin-inline: 4px;
  height: 36px;
  min-width: 36px;
}
.g-color-text_color_primary {
  color: var(--g-color-text-primary);
}
.g-color-text_color_complementary {
  color: var(--g-color-text-complementary);
}
.g-color-text_color_secondary {
  color: var(--g-color-text-secondary);
}
.g-color-text_color_hint {
  color: var(--g-color-text-hint);
}
.g-color-text_color_info {
  color: var(--g-color-text-info);
}
.g-color-text_color_info-heavy {
  color: var(--g-color-text-info-heavy);
}
.g-color-text_color_positive {
  color: var(--g-color-text-positive);
}
.g-color-text_color_positive-heavy {
  color: var(--g-color-text-positive-heavy);
}
.g-color-text_color_warning {
  color: var(--g-color-text-warning);
}
.g-color-text_color_warning-heavy {
  color: var(--g-color-text-warning-heavy);
}
.g-color-text_color_danger {
  color: var(--g-color-text-danger);
}
.g-color-text_color_danger-heavy {
  color: var(--g-color-text-danger-heavy);
}
.g-color-text_color_utility {
  color: var(--g-color-text-utility);
}
.g-color-text_color_utility-heavy {
  color: var(--g-color-text-utility-heavy);
}
.g-color-text_color_misc {
  color: var(--g-color-text-misc);
}
.g-color-text_color_misc-heavy {
  color: var(--g-color-text-misc-heavy);
}
.g-color-text_color_brand {
  color: var(--g-color-text-brand);
}
.g-color-text_color_link {
  color: var(--g-color-text-link);
}
.g-color-text_color_link-hover {
  color: var(--g-color-text-link-hover);
}
.g-color-text_color_link-visited {
  color: var(--g-color-text-link-visited);
}
.g-color-text_color_link-visited-hover {
  color: var(--g-color-text-link-visited-hover);
}
.g-color-text_color_dark-primary {
  color: var(--g-color-text-dark-primary);
}
.g-color-text_color_dark-complementary {
  color: var(--g-color-text-dark-complementary);
}
.g-color-text_color_dark-secondary {
  color: var(--g-color-text-dark-secondary);
}
.g-color-text_color_light-primary {
  color: var(--g-color-text-light-primary);
}
.g-color-text_color_light-complementary {
  color: var(--g-color-text-light-complementary);
}
.g-color-text_color_light-secondary {
  color: var(--g-color-text-light-secondary);
}
.g-color-text_color_light-hint {
  color: var(--g-color-text-light-hint);
}
.g-color-text_color_inverted-primary {
  color: var(--g-color-text-inverted-primary);
}
.g-color-text_color_inverted-complementary {
  color: var(--g-color-text-inverted-complementary);
}
.g-color-text_color_inverted-secondary {
  color: var(--g-color-text-inverted-secondary);
}
.g-color-text_color_inverted-hint {
  color: var(--g-color-text-inverted-hint);
}
.g-text_variant_display-1 {
  font-family: var(--g-text-display-font-family);
  font-weight: var(--g-text-display-font-weight);
  font-size: var(--g-text-display-1-font-size);
  line-height: var(--g-text-display-1-line-height);
}
.g-text_variant_display-2 {
  font-family: var(--g-text-display-font-family);
  font-weight: var(--g-text-display-font-weight);
  font-size: var(--g-text-display-2-font-size);
  line-height: var(--g-text-display-2-line-height);
}
.g-text_variant_display-3 {
  font-family: var(--g-text-display-font-family);
  font-weight: var(--g-text-display-font-weight);
  font-size: var(--g-text-display-3-font-size);
  line-height: var(--g-text-display-3-line-height);
}
.g-text_variant_display-4 {
  font-family: var(--g-text-display-font-family);
  font-weight: var(--g-text-display-font-weight);
  font-size: var(--g-text-display-4-font-size);
  line-height: var(--g-text-display-4-line-height);
}
.g-text_variant_code-1 {
  font-family: var(--g-text-code-font-family);
  font-weight: var(--g-text-code-font-weight);
  font-size: var(--g-text-code-1-font-size);
  line-height: var(--g-text-code-1-line-height);
}
.g-text_variant_code-2 {
  font-family: var(--g-text-code-font-family);
  font-weight: var(--g-text-code-font-weight);
  font-size: var(--g-text-code-2-font-size);
  line-height: var(--g-text-code-2-line-height);
}
.g-text_variant_code-3 {
  font-family: var(--g-text-code-font-family);
  font-weight: var(--g-text-code-font-weight);
  font-size: var(--g-text-code-3-font-size);
  line-height: var(--g-text-code-3-line-height);
}
.g-text_variant_code-inline-1 {
  font-family: var(--g-text-code-font-family);
  font-weight: var(--g-text-code-font-weight);
  font-size: var(--g-text-code-inline-1-font-size);
  line-height: var(--g-text-code-inline-1-line-height);
}
.g-text_variant_code-inline-2 {
  font-family: var(--g-text-code-font-family);
  font-weight: var(--g-text-code-font-weight);
  font-size: var(--g-text-code-inline-2-font-size);
  line-height: var(--g-text-code-inline-2-line-height);
}
.g-text_variant_code-inline-3 {
  font-family: var(--g-text-code-font-family);
  font-weight: var(--g-text-code-font-weight);
  font-size: var(--g-text-code-inline-3-font-size);
  line-height: var(--g-text-code-inline-3-line-height);
}
.g-text_variant_body-1 {
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-1-font-size);
  line-height: var(--g-text-body-1-line-height);
}
.g-text_variant_body-2 {
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-2-font-size);
  line-height: var(--g-text-body-2-line-height);
}
.g-text_variant_body-3 {
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-3-font-size);
  line-height: var(--g-text-body-3-line-height);
}
.g-text_variant_body-short {
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-short-font-size);
  line-height: var(--g-text-body-short-line-height);
}
.g-text_variant_caption-1 {
  font-family: var(--g-text-caption-font-family);
  font-weight: var(--g-text-caption-font-weight);
  font-size: var(--g-text-caption-1-font-size);
  line-height: var(--g-text-caption-1-line-height);
}
.g-text_variant_caption-2 {
  font-family: var(--g-text-caption-font-family);
  font-weight: var(--g-text-caption-font-weight);
  font-size: var(--g-text-caption-2-font-size);
  line-height: var(--g-text-caption-2-line-height);
}
.g-text_variant_header-1 {
  font-family: var(--g-text-header-font-family);
  font-weight: var(--g-text-header-font-weight);
  font-size: var(--g-text-header-1-font-size);
  line-height: var(--g-text-header-1-line-height);
}
.g-text_variant_header-2 {
  font-family: var(--g-text-header-font-family);
  font-weight: var(--g-text-header-font-weight);
  font-size: var(--g-text-header-2-font-size);
  line-height: var(--g-text-header-2-line-height);
}
.g-text_variant_subheader-1 {
  font-family: var(--g-text-subheader-font-family);
  font-weight: var(--g-text-subheader-font-weight);
  font-size: var(--g-text-subheader-1-font-size);
  line-height: var(--g-text-subheader-1-line-height);
}
.g-text_variant_subheader-2 {
  font-family: var(--g-text-subheader-font-family);
  font-weight: var(--g-text-subheader-font-weight);
  font-size: var(--g-text-subheader-2-font-size);
  line-height: var(--g-text-subheader-2-line-height);
}
.g-text_variant_subheader-3 {
  font-family: var(--g-text-subheader-font-family);
  font-weight: var(--g-text-subheader-font-weight);
  font-size: var(--g-text-subheader-3-font-size);
  line-height: var(--g-text-subheader-3-line-height);
}
.g-text_ellipsis {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.g-text_ellipsis-lines {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  align-self: center;
  white-space: normal;
  -webkit-line-clamp: 2;
}
.g-text_ws_nowrap {
  white-space: nowrap;
}
.g-text_ws_break-spaces {
  white-space: break-spaces;
}
.g-text_wb_break-all {
  word-break: break-all;
}
.g-text_wb_break-word {
  word-break: break-word;
}
.g-select-clear {
  padding: 0;
  font-family: var(--g-text-body-font-family);
  font-size: inherit;
  font-weight: var(--g-text-body-font-weight);
  color: inherit;
  background: none;
  border: none;
  outline: none;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-inline-start: auto;
  z-index: 1;
  flex-shrink: 0;
}
.g-select-clear:focus-visible {
  border: 1px solid var(--g-color-line-generic-active);
}
.g-select-clear_size_s {
  height: 24px;
  width: 24px;
  border-radius: var(--g-border-radius-s);
}
.g-select-clear_size_m {
  height: 28px;
  width: 28px;
  border-radius: var(--g-border-radius-m);
}
.g-select-clear_size_l {
  height: 36px;
  width: 36px;
  border-radius: var(--g-border-radius-l);
}
.g-select-clear_size_xl {
  height: 44px;
  width: 44px;
  border-radius: var(--g-border-radius-xl);
}
.g-select-clear__clear {
  color: var(--g-color-text-secondary);
}
.g-select-clear:hover .g-select-clear__clear {
  color: var(--g-color-text-primary);
}

.g-select-control {
  --_--focus-outline-color: var(--g-select-focus-outline-color);
  padding: 0;
  font-family: var(--g-text-body-font-family);
  font-size: inherit;
  font-weight: var(--g-text-body-font-weight);
  color: inherit;
  background: none;
  border: none;
  outline: none;
  cursor: pointer;
  position: relative;
  display: inline-flex;
  align-items: center;
  box-sizing: border-box;
  transition: transform 0.1s ease-out;
  width: 100%;
  z-index: 0;
}
.g-select-control_disabled {
  cursor: default;
}
.g-select-control_size_s {
  --_--text-right-padding: 8px;
  --_--border-radius: var(--g-border-radius-s);
  height: 24px;
  padding: 4px calc(var(--_--text-right-padding) + 1px);
}
.g-select-control_size_m {
  --_--text-right-padding: 8px;
  --_--border-radius: var(--g-border-radius-m);
  height: 28px;
  padding: 6px calc(var(--_--text-right-padding) + 1px);
}
.g-select-control_size_l {
  --_--text-right-padding: 12px;
  --_--border-radius: var(--g-border-radius-l);
  height: 36px;
  padding: 10px calc(var(--_--text-right-padding) + 1px);
}
.g-select-control_size_xl {
  --_--text-right-padding: 12px;
  --_--border-radius: var(--g-border-radius-xl);
  height: 44px;
  padding: 12px calc(var(--_--text-right-padding) + 1px);
}
.g-select-control__button {
  padding: 0;
  font-family: var(--g-text-body-font-family);
  font-size: inherit;
  font-weight: var(--g-text-body-font-weight);
  color: inherit;
  background: none;
  border: none;
  outline: none;
  cursor: pointer;
  display: inline-grid;
  grid-template-columns: auto auto;
  align-items: center;
  justify-content: flex-start;
  overflow: hidden;
  width: 100%;
  height: 100%;
  transition: color 0.15s linear, background-color 0.15s linear;
}
.g-select-control__button.g-select-control__button_pin_round-round::before {
  border-radius: var(--_--border-radius);
}
.g-select-control__button.g-select-control__button_pin_brick-brick::before {
  border-radius: 0;
}
.g-select-control__button.g-select-control__button_pin_clear-clear::before {
  border-radius: 0;
  border-inline: 0;
}
.g-select-control__button.g-select-control__button_pin_circle-circle::before {
  border-radius: 100px;
}
.g-select-control__button.g-select-control__button_pin_round-brick::before {
  border-start-start-radius: var(--_--border-radius);
  border-start-end-radius: 0;
  border-end-start-radius: var(--_--border-radius);
  border-end-end-radius: 0;
}
.g-select-control__button.g-select-control__button_pin_brick-round::before {
  border-start-start-radius: 0;
  border-start-end-radius: var(--_--border-radius);
  border-end-start-radius: 0;
  border-end-end-radius: var(--_--border-radius);
}
.g-select-control__button.g-select-control__button_pin_round-clear::before {
  border-start-start-radius: var(--_--border-radius);
  border-start-end-radius: 0;
  border-end-start-radius: var(--_--border-radius);
  border-end-end-radius: 0;
  border-inline-end: 0;
}
.g-select-control__button.g-select-control__button_pin_clear-round::before {
  border-start-start-radius: 0;
  border-start-end-radius: var(--_--border-radius);
  border-end-start-radius: 0;
  border-end-end-radius: var(--_--border-radius);
  border-inline-start: 0;
}
.g-select-control__button.g-select-control__button_pin_brick-clear::before {
  border-radius: 0;
  border-inline-end: 0;
}
.g-select-control__button.g-select-control__button_pin_clear-brick::before {
  border-radius: 0;
  border-inline-start: 0;
}
.g-select-control__button.g-select-control__button_pin_circle-brick::before {
  border-start-start-radius: 100px;
  border-start-end-radius: 0;
  border-end-start-radius: 100px;
  border-end-end-radius: 0;
}
.g-select-control__button.g-select-control__button_pin_brick-circle::before {
  border-start-start-radius: 0;
  border-start-end-radius: 100px;
  border-end-start-radius: 0;
  border-end-end-radius: 100px;
}
.g-select-control__button.g-select-control__button_pin_circle-clear::before {
  border-start-start-radius: 100px;
  border-start-end-radius: 0;
  border-end-start-radius: 100px;
  border-end-end-radius: 0;
  border-inline-end: 0;
}
.g-select-control__button.g-select-control__button_pin_clear-circle::before {
  border-start-start-radius: 0;
  border-start-end-radius: 100px;
  border-end-start-radius: 0;
  border-end-end-radius: 100px;
  border-inline-start: 0;
}
.g-select-control__button.g-select-control__button_pin_round-round::after {
  border-radius: var(--_--border-radius);
}
.g-select-control__button.g-select-control__button_pin_brick-brick::after {
  border-radius: 0;
}
.g-select-control__button.g-select-control__button_pin_clear-clear::after {
  border-radius: 0;
  border-inline: 0;
}
.g-select-control__button.g-select-control__button_pin_circle-circle::after {
  border-radius: 100px;
}
.g-select-control__button.g-select-control__button_pin_round-brick::after {
  border-start-start-radius: var(--_--border-radius);
  border-start-end-radius: 0;
  border-end-start-radius: var(--_--border-radius);
  border-end-end-radius: 0;
}
.g-select-control__button.g-select-control__button_pin_brick-round::after {
  border-start-start-radius: 0;
  border-start-end-radius: var(--_--border-radius);
  border-end-start-radius: 0;
  border-end-end-radius: var(--_--border-radius);
}
.g-select-control__button.g-select-control__button_pin_round-clear::after {
  border-start-start-radius: var(--_--border-radius);
  border-start-end-radius: 0;
  border-end-start-radius: var(--_--border-radius);
  border-end-end-radius: 0;
  border-inline-end: 0;
}
.g-select-control__button.g-select-control__button_pin_clear-round::after {
  border-start-start-radius: 0;
  border-start-end-radius: var(--_--border-radius);
  border-end-start-radius: 0;
  border-end-end-radius: var(--_--border-radius);
  border-inline-start: 0;
}
.g-select-control__button.g-select-control__button_pin_brick-clear::after {
  border-radius: 0;
  border-inline-end: 0;
}
.g-select-control__button.g-select-control__button_pin_clear-brick::after {
  border-radius: 0;
  border-inline-start: 0;
}
.g-select-control__button.g-select-control__button_pin_circle-brick::after {
  border-start-start-radius: 100px;
  border-start-end-radius: 0;
  border-end-start-radius: 100px;
  border-end-end-radius: 0;
}
.g-select-control__button.g-select-control__button_pin_brick-circle::after {
  border-start-start-radius: 0;
  border-start-end-radius: 100px;
  border-end-start-radius: 0;
  border-end-end-radius: 100px;
}
.g-select-control__button.g-select-control__button_pin_circle-clear::after {
  border-start-start-radius: 100px;
  border-start-end-radius: 0;
  border-end-start-radius: 100px;
  border-end-end-radius: 0;
  border-inline-end: 0;
}
.g-select-control__button.g-select-control__button_pin_clear-circle::after {
  border-start-start-radius: 0;
  border-start-end-radius: 100px;
  border-end-start-radius: 0;
  border-end-end-radius: 100px;
  border-inline-start: 0;
}
.g-select-control__button::before {
  content: "";
  position: absolute;
  inset: 0;
  border: 1px solid var(--g-color-line-generic);
  border-radius: var(--_--border-radius);
}
.g-select-control__button::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
}
.g-select-control__button_view_clear {
  border-color: transparent;
}
.g-select-control__button_view_clear::before {
  border-color: transparent;
}
.g-select-control__button_view_clear::after {
  border-color: transparent;
}
.g-select-control__button_size_s {
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-short-font-size);
  line-height: var(--g-text-body-short-line-height);
}
.g-select-control__button_size_m {
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-short-font-size);
  line-height: var(--g-text-body-short-line-height);
}
.g-select-control__button_size_l {
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-short-font-size);
  line-height: var(--g-text-body-short-line-height);
}
.g-select-control__button_size_xl {
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-2-font-size);
  line-height: var(--g-text-body-2-line-height);
}
.g-select-control__button_error::before {
  --_--focus-outline-color: var(--g-color-line-danger);
  border-color: var(--g-color-line-danger);
}
.g-select-control__button:hover::after {
  background-color: var(--g-color-base-simple-hover);
}
.g-select-control__button_disabled {
  color: var(--g-color-text-hint);
  pointer-events: none;
}
.g-select-control__button_disabled::after {
  background-color: var(--g-color-base-generic-accent-disabled);
}
.g-select-control__button_disabled::before {
  border-color: transparent;
}
.g-select-control__button:not(.g-select-control__button_error):not(.g-select-control__button_disabled):not(.g-select-control__button_view_clear):hover::before {
  border-color: var(--g-color-line-generic-hover);
}
.g-select-control__button_open:not(.g-select-control__button_error):not(.g-select-control__button_view_clear)::before, .g-select-control__button:not(.g-select-control__button_error):not(.g-select-control__button_view_clear):focus-visible::before {
  border-color: var(--g-color-line-generic-active);
}
.g-select-control__button:focus-visible::before {
  outline: 2px solid var(--g-select-focus-outline-color, var(--_--focus-outline-color));
  outline-offset: -1px;
}
.g-select-control:not(.g-select-control_disabled):not(.g-select-control_no-active):active {
  transform: scale(0.96);
}
.g-select-control__label {
  font-weight: var(--g-text-accent-font-weight);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-inline-end: 4px;
}
.g-select-control__placeholder, .g-select-control__option-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-inline-end: var(--_--text-right-padding);
}
.g-select-control_has-clear.g-select-control_size_s .g-select-control__button_disabled .g-select-control__placeholder, .g-select-control_has-clear.g-select-control_size_s .g-select-control__button_disabled .g-select-control__option-text {
  padding-inline-end: calc(24px + var(--_--text-right-padding));
}
.g-select-control_has-clear.g-select-control_size_m .g-select-control__button_disabled .g-select-control__placeholder, .g-select-control_has-clear.g-select-control_size_m .g-select-control__button_disabled .g-select-control__option-text {
  padding-inline-end: calc(28px + var(--_--text-right-padding));
}
.g-select-control_has-clear.g-select-control_size_l .g-select-control__button_disabled .g-select-control__placeholder, .g-select-control_has-clear.g-select-control_size_l .g-select-control__button_disabled .g-select-control__option-text {
  padding-inline-end: calc(36px + var(--_--text-right-padding));
}
.g-select-control_has-clear.g-select-control_size_xl .g-select-control__button_disabled .g-select-control__placeholder, .g-select-control_has-clear.g-select-control_size_xl .g-select-control__button_disabled .g-select-control__option-text {
  padding-inline-end: calc(44px + var(--_--text-right-padding));
}
.g-select-control__placeholder {
  color: var(--g-color-text-hint);
}
.g-select-control_has-clear:not(.g-select-control_has-value).g-select-control_size_s .g-select-control__button:not(.g-select-control__button_disabled) .g-select-control__placeholder {
  padding-inline-end: calc(24px + var(--_--text-right-padding));
}
.g-select-control_has-clear:not(.g-select-control_has-value).g-select-control_size_m .g-select-control__button:not(.g-select-control__button_disabled) .g-select-control__placeholder {
  padding-inline-end: calc(28px + var(--_--text-right-padding));
}
.g-select-control_has-clear:not(.g-select-control_has-value).g-select-control_size_l .g-select-control__button:not(.g-select-control__button_disabled) .g-select-control__placeholder {
  padding-inline-end: calc(36px + var(--_--text-right-padding));
}
.g-select-control_has-clear:not(.g-select-control_has-value).g-select-control_size_xl .g-select-control__button:not(.g-select-control__button_disabled) .g-select-control__placeholder {
  padding-inline-end: calc(44px + var(--_--text-right-padding));
}
.g-select-control__chevron-icon {
  flex: 0 0 16px;
  margin-inline-start: auto;
  color: var(--g-color-text-secondary);
}
.g-select-control__chevron-icon_disabled {
  color: var(--g-color-text-hint);
}
.g-select-clear + .g-select-control__chevron-icon {
  margin-inline-start: 0;
}
.g-select-control__error-icon {
  padding: 0;
  font-family: var(--g-text-body-font-family);
  font-size: inherit;
  font-weight: var(--g-text-body-font-weight);
  color: inherit;
  background: none;
  border: none;
  outline: none;
  cursor: pointer;
  box-sizing: content-box;
  color: var(--g-color-text-danger);
  padding: var(--_--text-input-error-icon-padding);
  border-radius: var(--g-focus-border-radius);
}
.g-select-control__error-icon:focus {
  outline: 2px solid var(--g-color-line-focus);
}
.g-select-control__error-icon:focus:not(:focus-visible) {
  outline: 0;
}
.g-select-popup {
  display: flex;
  flex-direction: column;
  max-height: 90vh;
}
.g-sheet {
  position: fixed;
  inset-block-start: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  z-index: 100000;
}
.g-sheet__veil {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  height: 100%;
  width: 100%;
  background-color: var(--g-color-sfx-veil);
  opacity: 0;
  will-change: opacity;
}
.g-sheet__veil_with-transition {
  transition: opacity 0.3s ease;
}
.g-sheet__sheet {
  position: absolute;
  inset-block-start: 100%;
  inset-inline-start: 0;
  width: 100%;
  max-height: 90%;
  will-change: transform;
}
.g-sheet__sheet_with-transition {
  transition: transform 0.3s ease;
}
.g-sheet__sheet-swipe-area {
  position: absolute;
  inset-block-start: -20px;
  inset-inline-start: 0;
  width: 100%;
  height: 40px;
  z-index: 1;
}
.g-sheet__sheet-top {
  position: relative;
  height: 20px;
  border-start-start-radius: 20px;
  border-start-end-radius: 20px;
  background-color: var(--g-color-base-float);
}
.g-sheet__sheet-top-resizer {
  --_--translate-x: calc(-50% * var(--g-flow-direction));
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: 50%;
  transform: translateX(var(--_--translate-x)) translateY(-50%);
  width: 40px;
  height: 4px;
  border-radius: 4px;
  background-color: var(--g-color-line-generic);
}
.g-sheet__sheet-scroll-container {
  box-sizing: border-box;
  max-height: calc(90% - 20px);
  overflow: hidden auto;
  overscroll-behavior-y: contain;
  background-color: var(--g-color-base-float);
  transition: height 0.3s ease;
}
.g-sheet__sheet-scroll-container_without-scroll {
  overflow: hidden;
}
.g-sheet__sheet-content-box {
  border: 1px solid transparent;
}
.g-sheet__sheet-content-box-border-compensation {
  margin: -1px;
}
.g-sheet__sheet-content {
  box-sizing: border-box;
  width: 100%;
  padding: var(--g-sheet-content-padding, 0 10px);
}
.g-sheet__sheet-content-title {
  padding-block-end: 8px;
  font-size: var(--g-text-body-2-font-size);
  line-height: 28px;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.gc-consent-notification {
  --g-color-base-generic: var(--g-color-base-float-announcement);
  font-size: var(--g-text-body-2-font-size);
  line-height: var(--g-text-body-2-line-height);
  font-weight: var(--g-text-body-font-weight);
  position: fixed;
  box-sizing: border-box;
  z-index: 1000;
}

.gc-consent-notification__text {
  display: block;
}

.gc-consent-notification__text + .gc-consent-notification__text {
  margin-block-start: 16px;
}

.gc-consent-notification_type_default {
  inset-inline-end: 16px;
  inset-block-end: 16px;
  width: 480px;
  border-radius: var(--g-border-radius-xl);
  padding: 32px;
  box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.15);
}

.gc-consent-notification_type_default .gc-consent-notification__text {
  line-height: 24px;
}

.gc-consent-notification_type_default .gc-consent-notification__button {
  margin-block-start: 8px;
  padding: 0 16px;
  align-self: flex-end;
}

.gc-consent-notification_type_mobile {
  inset-inline-start: 0;
  inset-block-end: 0;
  width: 100%;
  padding: 20px;
}

.gc-consent-notification_type_mobile .gc-consent-notification__button {
  width: 100%;
  margin-block-start: 20px;
}
.g-alert_corners_square {
  --g-card-border-radius: 0;
}
.g-alert__text-content {
  width: 100%;
}
.g-alert__actions_minContent {
  width: min-content;
}
.g-alert__close-btn {
  flex-shrink: 0;
}
.g-s__m_0 {
  margin: var(--g-spacing-0);
}
.g-s__mr_0 {
  margin-inline-end: var(--g-spacing-0);
}
.g-s__ml_0 {
  margin-inline-start: var(--g-spacing-0);
}
.g-s__mt_0 {
  margin-block-start: var(--g-spacing-0);
}
.g-s__mb_0 {
  margin-block-end: var(--g-spacing-0);
}
.g-s__mx_0 {
  margin-inline: var(--g-spacing-0);
}
.g-s__my_0 {
  margin-block: var(--g-spacing-0);
}
.g-s__p_0 {
  padding: var(--g-spacing-0);
}
.g-s__pl_0 {
  padding-inline-start: var(--g-spacing-0);
}
.g-s__pr_0 {
  padding-inline-end: var(--g-spacing-0);
}
.g-s__pb_0 {
  padding-block-end: var(--g-spacing-0);
}
.g-s__pt_0 {
  padding-block-start: var(--g-spacing-0);
}
.g-s__py_0 {
  padding-block: var(--g-spacing-0);
}
.g-s__px_0 {
  padding-inline: var(--g-spacing-0);
}
.g-s__m_half {
  margin: var(--g-spacing-half);
}
.g-s__mr_half {
  margin-inline-end: var(--g-spacing-half);
}
.g-s__ml_half {
  margin-inline-start: var(--g-spacing-half);
}
.g-s__mt_half {
  margin-block-start: var(--g-spacing-half);
}
.g-s__mb_half {
  margin-block-end: var(--g-spacing-half);
}
.g-s__mx_half {
  margin-inline: var(--g-spacing-half);
}
.g-s__my_half {
  margin-block: var(--g-spacing-half);
}
.g-s__p_half {
  padding: var(--g-spacing-half);
}
.g-s__pl_half {
  padding-inline-start: var(--g-spacing-half);
}
.g-s__pr_half {
  padding-inline-end: var(--g-spacing-half);
}
.g-s__pb_half {
  padding-block-end: var(--g-spacing-half);
}
.g-s__pt_half {
  padding-block-start: var(--g-spacing-half);
}
.g-s__py_half {
  padding-block: var(--g-spacing-half);
}
.g-s__px_half {
  padding-inline: var(--g-spacing-half);
}
.g-s__m_1 {
  margin: var(--g-spacing-1);
}
.g-s__mr_1 {
  margin-inline-end: var(--g-spacing-1);
}
.g-s__ml_1 {
  margin-inline-start: var(--g-spacing-1);
}
.g-s__mt_1 {
  margin-block-start: var(--g-spacing-1);
}
.g-s__mb_1 {
  margin-block-end: var(--g-spacing-1);
}
.g-s__mx_1 {
  margin-inline: var(--g-spacing-1);
}
.g-s__my_1 {
  margin-block: var(--g-spacing-1);
}
.g-s__p_1 {
  padding: var(--g-spacing-1);
}
.g-s__pl_1 {
  padding-inline-start: var(--g-spacing-1);
}
.g-s__pr_1 {
  padding-inline-end: var(--g-spacing-1);
}
.g-s__pb_1 {
  padding-block-end: var(--g-spacing-1);
}
.g-s__pt_1 {
  padding-block-start: var(--g-spacing-1);
}
.g-s__py_1 {
  padding-block: var(--g-spacing-1);
}
.g-s__px_1 {
  padding-inline: var(--g-spacing-1);
}
.g-s__m_2 {
  margin: var(--g-spacing-2);
}
.g-s__mr_2 {
  margin-inline-end: var(--g-spacing-2);
}
.g-s__ml_2 {
  margin-inline-start: var(--g-spacing-2);
}
.g-s__mt_2 {
  margin-block-start: var(--g-spacing-2);
}
.g-s__mb_2 {
  margin-block-end: var(--g-spacing-2);
}
.g-s__mx_2 {
  margin-inline: var(--g-spacing-2);
}
.g-s__my_2 {
  margin-block: var(--g-spacing-2);
}
.g-s__p_2 {
  padding: var(--g-spacing-2);
}
.g-s__pl_2 {
  padding-inline-start: var(--g-spacing-2);
}
.g-s__pr_2 {
  padding-inline-end: var(--g-spacing-2);
}
.g-s__pb_2 {
  padding-block-end: var(--g-spacing-2);
}
.g-s__pt_2 {
  padding-block-start: var(--g-spacing-2);
}
.g-s__py_2 {
  padding-block: var(--g-spacing-2);
}
.g-s__px_2 {
  padding-inline: var(--g-spacing-2);
}
.g-s__m_3 {
  margin: var(--g-spacing-3);
}
.g-s__mr_3 {
  margin-inline-end: var(--g-spacing-3);
}
.g-s__ml_3 {
  margin-inline-start: var(--g-spacing-3);
}
.g-s__mt_3 {
  margin-block-start: var(--g-spacing-3);
}
.g-s__mb_3 {
  margin-block-end: var(--g-spacing-3);
}
.g-s__mx_3 {
  margin-inline: var(--g-spacing-3);
}
.g-s__my_3 {
  margin-block: var(--g-spacing-3);
}
.g-s__p_3 {
  padding: var(--g-spacing-3);
}
.g-s__pl_3 {
  padding-inline-start: var(--g-spacing-3);
}
.g-s__pr_3 {
  padding-inline-end: var(--g-spacing-3);
}
.g-s__pb_3 {
  padding-block-end: var(--g-spacing-3);
}
.g-s__pt_3 {
  padding-block-start: var(--g-spacing-3);
}
.g-s__py_3 {
  padding-block: var(--g-spacing-3);
}
.g-s__px_3 {
  padding-inline: var(--g-spacing-3);
}
.g-s__m_4 {
  margin: var(--g-spacing-4);
}
.g-s__mr_4 {
  margin-inline-end: var(--g-spacing-4);
}
.g-s__ml_4 {
  margin-inline-start: var(--g-spacing-4);
}
.g-s__mt_4 {
  margin-block-start: var(--g-spacing-4);
}
.g-s__mb_4 {
  margin-block-end: var(--g-spacing-4);
}
.g-s__mx_4 {
  margin-inline: var(--g-spacing-4);
}
.g-s__my_4 {
  margin-block: var(--g-spacing-4);
}
.g-s__p_4 {
  padding: var(--g-spacing-4);
}
.g-s__pl_4 {
  padding-inline-start: var(--g-spacing-4);
}
.g-s__pr_4 {
  padding-inline-end: var(--g-spacing-4);
}
.g-s__pb_4 {
  padding-block-end: var(--g-spacing-4);
}
.g-s__pt_4 {
  padding-block-start: var(--g-spacing-4);
}
.g-s__py_4 {
  padding-block: var(--g-spacing-4);
}
.g-s__px_4 {
  padding-inline: var(--g-spacing-4);
}
.g-s__m_5 {
  margin: var(--g-spacing-5);
}
.g-s__mr_5 {
  margin-inline-end: var(--g-spacing-5);
}
.g-s__ml_5 {
  margin-inline-start: var(--g-spacing-5);
}
.g-s__mt_5 {
  margin-block-start: var(--g-spacing-5);
}
.g-s__mb_5 {
  margin-block-end: var(--g-spacing-5);
}
.g-s__mx_5 {
  margin-inline: var(--g-spacing-5);
}
.g-s__my_5 {
  margin-block: var(--g-spacing-5);
}
.g-s__p_5 {
  padding: var(--g-spacing-5);
}
.g-s__pl_5 {
  padding-inline-start: var(--g-spacing-5);
}
.g-s__pr_5 {
  padding-inline-end: var(--g-spacing-5);
}
.g-s__pb_5 {
  padding-block-end: var(--g-spacing-5);
}
.g-s__pt_5 {
  padding-block-start: var(--g-spacing-5);
}
.g-s__py_5 {
  padding-block: var(--g-spacing-5);
}
.g-s__px_5 {
  padding-inline: var(--g-spacing-5);
}
.g-s__m_6 {
  margin: var(--g-spacing-6);
}
.g-s__mr_6 {
  margin-inline-end: var(--g-spacing-6);
}
.g-s__ml_6 {
  margin-inline-start: var(--g-spacing-6);
}
.g-s__mt_6 {
  margin-block-start: var(--g-spacing-6);
}
.g-s__mb_6 {
  margin-block-end: var(--g-spacing-6);
}
.g-s__mx_6 {
  margin-inline: var(--g-spacing-6);
}
.g-s__my_6 {
  margin-block: var(--g-spacing-6);
}
.g-s__p_6 {
  padding: var(--g-spacing-6);
}
.g-s__pl_6 {
  padding-inline-start: var(--g-spacing-6);
}
.g-s__pr_6 {
  padding-inline-end: var(--g-spacing-6);
}
.g-s__pb_6 {
  padding-block-end: var(--g-spacing-6);
}
.g-s__pt_6 {
  padding-block-start: var(--g-spacing-6);
}
.g-s__py_6 {
  padding-block: var(--g-spacing-6);
}
.g-s__px_6 {
  padding-inline: var(--g-spacing-6);
}
.g-s__m_7 {
  margin: var(--g-spacing-7);
}
.g-s__mr_7 {
  margin-inline-end: var(--g-spacing-7);
}
.g-s__ml_7 {
  margin-inline-start: var(--g-spacing-7);
}
.g-s__mt_7 {
  margin-block-start: var(--g-spacing-7);
}
.g-s__mb_7 {
  margin-block-end: var(--g-spacing-7);
}
.g-s__mx_7 {
  margin-inline: var(--g-spacing-7);
}
.g-s__my_7 {
  margin-block: var(--g-spacing-7);
}
.g-s__p_7 {
  padding: var(--g-spacing-7);
}
.g-s__pl_7 {
  padding-inline-start: var(--g-spacing-7);
}
.g-s__pr_7 {
  padding-inline-end: var(--g-spacing-7);
}
.g-s__pb_7 {
  padding-block-end: var(--g-spacing-7);
}
.g-s__pt_7 {
  padding-block-start: var(--g-spacing-7);
}
.g-s__py_7 {
  padding-block: var(--g-spacing-7);
}
.g-s__px_7 {
  padding-inline: var(--g-spacing-7);
}
.g-s__m_8 {
  margin: var(--g-spacing-8);
}
.g-s__mr_8 {
  margin-inline-end: var(--g-spacing-8);
}
.g-s__ml_8 {
  margin-inline-start: var(--g-spacing-8);
}
.g-s__mt_8 {
  margin-block-start: var(--g-spacing-8);
}
.g-s__mb_8 {
  margin-block-end: var(--g-spacing-8);
}
.g-s__mx_8 {
  margin-inline: var(--g-spacing-8);
}
.g-s__my_8 {
  margin-block: var(--g-spacing-8);
}
.g-s__p_8 {
  padding: var(--g-spacing-8);
}
.g-s__pl_8 {
  padding-inline-start: var(--g-spacing-8);
}
.g-s__pr_8 {
  padding-inline-end: var(--g-spacing-8);
}
.g-s__pb_8 {
  padding-block-end: var(--g-spacing-8);
}
.g-s__pt_8 {
  padding-block-start: var(--g-spacing-8);
}
.g-s__py_8 {
  padding-block: var(--g-spacing-8);
}
.g-s__px_8 {
  padding-inline: var(--g-spacing-8);
}
.g-s__m_9 {
  margin: var(--g-spacing-9);
}
.g-s__mr_9 {
  margin-inline-end: var(--g-spacing-9);
}
.g-s__ml_9 {
  margin-inline-start: var(--g-spacing-9);
}
.g-s__mt_9 {
  margin-block-start: var(--g-spacing-9);
}
.g-s__mb_9 {
  margin-block-end: var(--g-spacing-9);
}
.g-s__mx_9 {
  margin-inline: var(--g-spacing-9);
}
.g-s__my_9 {
  margin-block: var(--g-spacing-9);
}
.g-s__p_9 {
  padding: var(--g-spacing-9);
}
.g-s__pl_9 {
  padding-inline-start: var(--g-spacing-9);
}
.g-s__pr_9 {
  padding-inline-end: var(--g-spacing-9);
}
.g-s__pb_9 {
  padding-block-end: var(--g-spacing-9);
}
.g-s__pt_9 {
  padding-block-start: var(--g-spacing-9);
}
.g-s__py_9 {
  padding-block: var(--g-spacing-9);
}
.g-s__px_9 {
  padding-inline: var(--g-spacing-9);
}
.g-s__m_10 {
  margin: var(--g-spacing-10);
}
.g-s__mr_10 {
  margin-inline-end: var(--g-spacing-10);
}
.g-s__ml_10 {
  margin-inline-start: var(--g-spacing-10);
}
.g-s__mt_10 {
  margin-block-start: var(--g-spacing-10);
}
.g-s__mb_10 {
  margin-block-end: var(--g-spacing-10);
}
.g-s__mx_10 {
  margin-inline: var(--g-spacing-10);
}
.g-s__my_10 {
  margin-block: var(--g-spacing-10);
}
.g-s__p_10 {
  padding: var(--g-spacing-10);
}
.g-s__pl_10 {
  padding-inline-start: var(--g-spacing-10);
}
.g-s__pr_10 {
  padding-inline-end: var(--g-spacing-10);
}
.g-s__pb_10 {
  padding-block-end: var(--g-spacing-10);
}
.g-s__pt_10 {
  padding-block-start: var(--g-spacing-10);
}
.g-s__py_10 {
  padding-block: var(--g-spacing-10);
}
.g-s__px_10 {
  padding-inline: var(--g-spacing-10);
}
.g-box {
  box-sizing: border-box;
}
.g-box_overflow_hidden {
  overflow: hidden;
}
.g-box_overflow_auto {
  overflow: auto;
}
.g-box_overflow_x {
  overflow: hidden auto;
}
.g-box_overflow_y {
  overflow: auto hidden;
}
/* stylelint-disable declaration-no-important */
.g-flex {
  display: flex;
}
.g-flex_inline {
  display: inline-flex;
}
.g-flex_center-content {
  justify-content: center;
  align-items: center;
}
.g-flex_s_0 {
  margin-block-start: calc(-1 * var(--g-spacing-0)) !important;
  margin-inline-start: calc(-1 * var(--g-spacing-0)) !important;
}
.g-flex_s_0 > * {
  padding-block-start: var(--g-spacing-0) !important;
  padding-inline-start: var(--g-spacing-0) !important;
}
.g-flex_s_half {
  margin-block-start: calc(-1 * var(--g-spacing-half)) !important;
  margin-inline-start: calc(-1 * var(--g-spacing-half)) !important;
}
.g-flex_s_half > * {
  padding-block-start: var(--g-spacing-half) !important;
  padding-inline-start: var(--g-spacing-half) !important;
}
.g-flex_s_1 {
  margin-block-start: calc(-1 * var(--g-spacing-1)) !important;
  margin-inline-start: calc(-1 * var(--g-spacing-1)) !important;
}
.g-flex_s_1 > * {
  padding-block-start: var(--g-spacing-1) !important;
  padding-inline-start: var(--g-spacing-1) !important;
}
.g-flex_s_2 {
  margin-block-start: calc(-1 * var(--g-spacing-2)) !important;
  margin-inline-start: calc(-1 * var(--g-spacing-2)) !important;
}
.g-flex_s_2 > * {
  padding-block-start: var(--g-spacing-2) !important;
  padding-inline-start: var(--g-spacing-2) !important;
}
.g-flex_s_3 {
  margin-block-start: calc(-1 * var(--g-spacing-3)) !important;
  margin-inline-start: calc(-1 * var(--g-spacing-3)) !important;
}
.g-flex_s_3 > * {
  padding-block-start: var(--g-spacing-3) !important;
  padding-inline-start: var(--g-spacing-3) !important;
}
.g-flex_s_4 {
  margin-block-start: calc(-1 * var(--g-spacing-4)) !important;
  margin-inline-start: calc(-1 * var(--g-spacing-4)) !important;
}
.g-flex_s_4 > * {
  padding-block-start: var(--g-spacing-4) !important;
  padding-inline-start: var(--g-spacing-4) !important;
}
.g-flex_s_5 {
  margin-block-start: calc(-1 * var(--g-spacing-5)) !important;
  margin-inline-start: calc(-1 * var(--g-spacing-5)) !important;
}
.g-flex_s_5 > * {
  padding-block-start: var(--g-spacing-5) !important;
  padding-inline-start: var(--g-spacing-5) !important;
}
.g-flex_s_6 {
  margin-block-start: calc(-1 * var(--g-spacing-6)) !important;
  margin-inline-start: calc(-1 * var(--g-spacing-6)) !important;
}
.g-flex_s_6 > * {
  padding-block-start: var(--g-spacing-6) !important;
  padding-inline-start: var(--g-spacing-6) !important;
}
.g-flex_s_7 {
  margin-block-start: calc(-1 * var(--g-spacing-7)) !important;
  margin-inline-start: calc(-1 * var(--g-spacing-7)) !important;
}
.g-flex_s_7 > * {
  padding-block-start: var(--g-spacing-7) !important;
  padding-inline-start: var(--g-spacing-7) !important;
}
.g-flex_s_8 {
  margin-block-start: calc(-1 * var(--g-spacing-8)) !important;
  margin-inline-start: calc(-1 * var(--g-spacing-8)) !important;
}
.g-flex_s_8 > * {
  padding-block-start: var(--g-spacing-8) !important;
  padding-inline-start: var(--g-spacing-8) !important;
}
.g-flex_s_9 {
  margin-block-start: calc(-1 * var(--g-spacing-9)) !important;
  margin-inline-start: calc(-1 * var(--g-spacing-9)) !important;
}
.g-flex_s_9 > * {
  padding-block-start: var(--g-spacing-9) !important;
  padding-inline-start: var(--g-spacing-9) !important;
}
.g-flex_s_10 {
  margin-block-start: calc(-1 * var(--g-spacing-10)) !important;
  margin-inline-start: calc(-1 * var(--g-spacing-10)) !important;
}
.g-flex_s_10 > * {
  padding-block-start: var(--g-spacing-10) !important;
  padding-inline-start: var(--g-spacing-10) !important;
}
.g-card {
  --_--background-color: transparent;
  --_--border-color: transparent;
  --_--border-width: 0;
  --_--box-shadow: none;
  box-shadow: var(--g-card-box-shadow, var(--_--box-shadow));
  box-sizing: border-box;
  background-color: var(--g-card-background-color, var(--_--background-color));
  border: var(--g-card-border-width, var(--_--border-width)) solid var(--g-card-border-color, var(--_--border-color));
  border-radius: var(--g-card-border-radius, var(--_--border-radius));
  outline: none;
}
.g-card_theme_normal {
  --_--border-color: var(--g-color-line-generic);
  --_--background-color: var(--g-color-base-generic);
}
.g-card_theme_info {
  --_--border-color: var(--g-color-line-info);
  --_--background-color: var(--g-color-base-info-light);
}
.g-card_theme_success {
  --_--border-color: var(--g-color-line-positive);
  --_--background-color: var(--g-color-base-positive-light);
}
.g-card_theme_warning {
  --_--border-color: var(--g-color-line-warning);
  --_--background-color: var(--g-color-base-warning-light);
}
.g-card_theme_danger {
  --_--border-color: var(--g-color-line-danger);
  --_--background-color: var(--g-color-base-danger-light);
}
.g-card_theme_utility {
  --_--border-color: var(--g-color-line-utility);
  --_--background-color: var(--g-color-base-utility-light);
}
.g-card_view_clear {
  --_--background-color: transparent;
}
.g-card_view_outlined {
  --_--background-color: transparent;
  --_--border-width: 1px;
}
.g-card_type_action {
  --_--background-color: var(--g-color-base-float);
  --_--box-shadow: 0px 1px 5px var(--g-color-sfx-shadow);
}
.g-card_type_action::after {
  position: absolute;
  inset: 0;
  border-radius: var(--g-card-border-radius, var(--_--border-radius));
  pointer-events: none;
}
.g-card_type_action.g-card_clickable {
  cursor: pointer;
  position: relative;
}
.g-card_type_action.g-card_clickable:hover {
  --_--box-shadow: 0px 3px 10px var(--g-color-sfx-shadow);
}
.g-card_type_action.g-card_clickable:focus-visible::after {
  content: "";
  outline: 2px solid var(--g-color-line-focus);
}
.g-card_type_selection {
  --_--border-width: 1px;
  --_--border-color: var(--g-color-line-generic);
  position: relative;
}
.g-card_type_selection::before {
  position: absolute;
  inset: -1px;
  border-radius: var(--g-card-border-radius, var(--_--border-radius));
  pointer-events: none;
}
.g-card_type_selection::after {
  position: absolute;
  inset: 0;
  border-radius: var(--g-card-border-radius, var(--_--border-radius));
  pointer-events: none;
}
.g-card_type_selection.g-card_clickable {
  cursor: pointer;
}
.g-card_type_selection.g-card_clickable:hover {
  --_--border-color: transparent;
}
.g-card_type_selection.g-card_clickable:hover:not(.g-card_selected)::before {
  content: "";
  border: 2px solid var(--g-color-line-brand);
  opacity: 0.5;
}
.g-card_type_selection.g-card_clickable:hover:focus-visible::before {
  border-color: transparent;
}
.g-card_type_selection.g-card_clickable:focus-visible::after {
  content: "";
  outline: 2px solid var(--g-color-line-focus);
}
.g-card_type_selection.g-card_selected:not(.g-card_disabled) {
  --_--border-color: transparent;
}
.g-card_type_selection.g-card_selected:not(.g-card_disabled)::before {
  content: "";
  border: 2px solid var(--g-color-line-brand);
}
.g-card_type_selection.g-card_view_clear {
  --_--border-color: transparent;
}
.g-card_type_container.g-card_view_raised {
  --_--background-color: var(--g-color-base-float);
}
.g-card_type_container.g-card_view_raised.g-card_size_m {
  --_--box-shadow: 0px 1px 5px var(--g-color-sfx-shadow);
}

.g-card_type_container.g-card_view_raised.g-card_size_l {
  --_--box-shadow: 0px 1px 6px var(--g-color-sfx-shadow-light),
      1px 3px 13px var(--g-color-sfx-shadow-light);
}

.g-card_size_m {
  --_--border-radius: 8px;
}
.g-card_size_l {
  --_--border-radius: 16px;
}
.gc-foldable-list {
  font-size: var(--g-text-body-2-font-size);
  line-height: var(--g-text-body-2-line-height);
  font-weight: var(--g-text-body-font-weight);
}

.gc-foldable-list__item {
  border-block-start: 1px solid var(--g-color-private-cool-grey-100);
  padding: 16px 8px;
}

.gc-foldable-list__item:last-child {
  border-block-end: 1px solid var(--g-color-private-cool-grey-100);
}

.gc-foldable-list__item-title-wrapper {
  width: 100%;
  display: flex;
  align-items: center;
}

.gc-foldable-list__item-button {
  padding: 0;
  font-family: var(--g-text-body-font-family);
  font-size: inherit;
  font-weight: var(--g-text-body-font-weight);
  color: inherit;
  background: none;
  border: none;
  outline: none;
  cursor: pointer;
  flex-grow: 1;
  padding: 4px 0;
  border-radius: var(--g-border-radius-s);
}

.gc-foldable-list__item-button:focus-visible {
  outline: 2px solid var(--g-color-line-focus);
  outline-offset: 4px;
}

.gc-foldable-list__title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.gc-foldable-list__item-checkbox {
  margin-inline-end: 12px;
}

.gc-foldable-list__title-label {
  margin-inline-start: 8px;
}

.gc-foldable-list__content {
  margin-block-start: 16px;
}

.gc-foldable-list__content-text {
  line-height: 24px;
}

.gc-foldable-list__content-link {
  display: flex;
  align-items: center;
  margin-block-start: 16px;
}

.gc-foldable-list__item_mobile .gc-foldable-list__item-button {
  height: auto;
}

.gc-foldable-list__item_mobile .gc-foldable-list__title {
  display: flex;
  align-items: center;
}

.gc-foldable-list__item_mobile .gc-foldable-list__title-text {
  font-size: 20px;
  line-height: 24px;
  display: flex;
  flex-direction: column-reverse;
}

.gc-foldable-list__item_mobile .gc-foldable-list__title-label {
  align-self: flex-start;
  margin-inline-start: 0;
  margin-block-end: 8px;
}

.gc-foldable-list__item_mobile .gc-foldable-list__item-checkbox {
  margin-inline-end: 16px;
}

.gc-foldable-list__item_mobile .gc-foldable-list__item-checkbox_multiline {
  align-self: flex-start;
}

.gc-foldable-list__item_mobile .gc-foldable-list__item-title-wrapper {
  align-items: center;
}

.gc-foldable-list__item_mobile .gc-foldable-list__title-arrow_multiline {
  align-self: flex-start;
}

.gc-foldable-list__item_mobile .gc-foldable-list__content {
  margin-inline-start: 32px;
  margin-block-start: 8px;
}

.gc-foldable-list__item_mobile.gc-foldable-list__item {
  padding: 32px 16px 32px 0;
}
.g-arrow-toggle {
  display: inline-block;
  vertical-align: middle;
  transition: transform 0.1s ease-out;
}
.g-arrow-toggle_direction_bottom {
  transform: matrix(1, 0, 0, 1, 0, 0);
}
.g-arrow-toggle_direction_left {
  transform: matrix(0, 1, -1, 0, 0, 0);
}
.g-arrow-toggle_direction_top {
  transform: matrix(-1, 0, 0, -1, 0, 0);
}
.g-arrow-toggle_direction_right {
  transform: matrix(0, -1, 1, 0, 0, 0);
}
.g-disclosure_size_m .g-disclosure__trigger {
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-1-font-size);
  line-height: var(--g-text-body-1-line-height);
}
.g-disclosure_size_l .g-disclosure__trigger {
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-2-font-size);
  line-height: var(--g-text-body-2-line-height);
}
.g-disclosure_size_xl .g-disclosure__trigger {
  font-family: var(--g-text-subheader-font-family);
  font-weight: var(--g-text-subheader-font-weight);
  font-size: var(--g-text-subheader-3-font-size);
  line-height: var(--g-text-subheader-3-line-height);
}
.g-disclosure__trigger {
  padding: 0;
  font-family: var(--g-text-body-font-family);
  font-size: inherit;
  font-weight: var(--g-text-body-font-weight);
  color: inherit;
  background: none;
  border: none;
  outline: none;
  cursor: pointer;
  display: flex;
  flex-flow: row nowrap;
  gap: 8px;
  flex-shrink: 0;
  align-items: center;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  border-radius: var(--g-focus-border-radius);
}
.g-disclosure__trigger:focus-visible {
  outline: 2px solid var(--g-color-line-focus);
}
.g-disclosure__trigger_arrow_end {
  flex-direction: row-reverse;
}
.g-disclosure__trigger_disabled {
  color: var(--g-color-text-secondary);
  cursor: auto;
}
.g-disclosure__content {
  display: none;
}
.g-disclosure__content_visible {
  display: block;
}
.g-disclosure__content.g-disclosure_exit_active {
  display: block;
  animation-name: g-disclosure-collapsed;
  animation-duration: 0.1s;
  opacity: 0;
}
.g-disclosure__content.g-disclosure_enter_active {
  animation-name: g-disclosure-expanded;
  animation-duration: 0.2s;
}

@keyframes g-disclosure-expanded {
  0% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
  }
}
@keyframes g-disclosure-collapsed {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@charset "UTF-8";
.g-checkbox__indicator {
  display: inline-block;
  position: relative;
  cursor: inherit;
}
.g-checkbox__indicator::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: transparent;
  border: 1px solid var(--g-color-line-generic-accent);
  border-radius: 4px;
  transition: background 0.1s linear;
}
.g-checkbox__indicator::after {
  content: " ";
  visibility: hidden;
}
.g-checkbox__icon {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  visibility: hidden;
  color: transparent;
  transform: translateY(-5px);
  transition: color 0.1s, transform 0.2s;
}
.g-checkbox__control {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  opacity: 0;
  background: none;
  border: none;
  outline: none;
  cursor: inherit;
}
.g-checkbox__outline {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  background: none;
  pointer-events: none;
  border-radius: 4px;
}
.g-checkbox__control:focus-visible + .g-checkbox__outline {
  outline: 2px solid var(--g-color-line-focus);
}
.g-checkbox_size_m .g-checkbox__icon-svg_type_tick {
  width: 8px;
  height: 10px;
}
.g-checkbox_size_m .g-checkbox__icon-svg_type_dash {
  width: 12px;
  height: 12px;
}
.g-checkbox_size_m .g-checkbox__indicator {
  width: 14px;
  height: 14px;
}
.g-checkbox_size_l .g-checkbox__icon-svg_type_tick {
  width: 11px;
  height: 9px;
}
.g-checkbox_size_l .g-checkbox__icon-svg_type_dash {
  width: 15px;
  height: 15px;
}
.g-checkbox_size_l .g-checkbox__indicator {
  width: 17px;
  height: 17px;
}
.g-checkbox:hover .g-checkbox__indicator::before {
  border-color: var(--g-color-line-generic-accent-hover);
}
.g-checkbox_checked .g-checkbox__indicator::before, .g-checkbox_indeterminate .g-checkbox__indicator::before {
  background-color: var(--g-color-base-brand);
  border: transparent;
}
.g-checkbox_checked .g-checkbox__icon, .g-checkbox_indeterminate .g-checkbox__icon {
  visibility: visible;
  color: var(--g-color-text-brand-contrast);
  transform: translateX(0);
}
.g-checkbox_disabled .g-checkbox__indicator::before {
  background-color: var(--g-color-base-generic-accent-disabled);
  border: transparent;
}
.g-checkbox_disabled.g-checkbox_checked .g-checkbox__indicator::before, .g-checkbox_disabled.g-checkbox_indeterminate .g-checkbox__indicator::before {
  background-color: var(--g-color-base-brand);
  opacity: 0.5;
}
.g-control-label {
  display: inline-flex;
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  color: var(--g-color-text-primary);
  user-select: none;
  touch-action: manipulation;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
}
.g-control-label_disabled {
  cursor: default;
  pointer-events: none;
}
.g-control-label_size_m {
  font-size: var(--g-text-body-1-font-size);
  line-height: 15px;
}
.g-control-label_size_l {
  font-size: var(--g-text-body-2-font-size);
  line-height: 18px;
}
.g-control-label__indicator {
  flex-shrink: 0;
}
.g-control-label__text {
  flex-grow: 1;
  white-space: normal;
}
.g-control-label_disabled .g-control-label__text {
  opacity: 0.6;
}
.g-control-label_size_m .g-control-label__text {
  margin-inline-start: 5px;
}
.g-control-label_size_l .g-control-label__text {
  margin-inline-start: 7px;
}
.g-label {
  --_--bg-color: none;
  --_--bg-color-hover: none;
  --_--text-color: none;
  display: inline-flex;
  align-items: center;
  position: relative;
  height: var(--_--height);
  border-radius: var(--_--border-radius);
  color: var(--_--text-color);
  background-color: var(--_--bg-color);
  transition-property: opacity, color, background-color;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  box-sizing: border-box;
  /* make new stacking context to isolate z-indexes */
  isolation: isolate;
}
.g-label__text {
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-1-font-size);
  line-height: var(--g-text-body-1-line-height);
  display: flex;
  align-items: baseline;
  margin: 0 var(--_--margin-inline);
  width: 100%;
  line-height: var(--_--height);
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
}
.g-label__content, .g-label__key {
  text-overflow: ellipsis;
  overflow: hidden;
}
.g-label__value {
  display: flex;
  opacity: 0.7;
  overflow: hidden;
}
.g-label__separator {
  margin: 0 4px;
}
.g-label__main-button {
  padding: 0;
  font-family: var(--g-text-body-font-family);
  font-size: inherit;
  font-weight: var(--g-text-body-font-weight);
  color: inherit;
  background: none;
  border: none;
  outline: none;
  cursor: pointer;
  border-radius: inherit;
  z-index: 1;
}
.g-label__main-button:empty {
  position: absolute;
  inset: 0;
}
.g-label__addon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--_--height);
  height: var(--_--height);
  border-radius: var(--_--border-radius);
}
.g-label__addon_side_start, .g-label__addon_side_end {
  position: absolute;
  inset-block-start: 0;
}
.g-label__addon_side_start {
  inset-inline-start: 2px;
  border-start-end-radius: 0;
  border-end-end-radius: 0;
}
.g-label__addon_side_end {
  inset-inline-end: 0;
  border-start-start-radius: 0;
  border-end-start-radius: 0;
}
.g-label__addon_type_button {
  padding: 0;
  font-family: var(--g-text-body-font-family);
  font-size: inherit;
  font-weight: var(--g-text-body-font-weight);
  color: inherit;
  background: none;
  border: none;
  outline: none;
  cursor: pointer;
  z-index: 2;
  cursor: pointer;
  color: var(--_--text-color);
  background-color: transparent;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, transform 0.1s ease-out;
}
.g-label__addon_type_button:active {
  transform: scale(0.96);
}
.g-label_size_xs {
  --_--height: 20px;
  --_--border-radius: var(--g-border-radius-xs);
  --_--margin-inline: 8px;
  --_--margin-addon-start: 24px;
  --_--margin-addon-end: 22px;
}
.g-label_size_s {
  --_--height: 24px;
  --_--border-radius: var(--g-border-radius-s);
  --_--margin-inline: 10px;
  --_--margin-addon-start: 28px;
  --_--margin-addon-end: 26px;
}
.g-label_size_m {
  --_--height: 28px;
  --_--border-radius: var(--g-border-radius-m);
  --_--margin-inline: 12px;
  --_--margin-addon-start: 32px;
  --_--margin-addon-end: 32px;
}
.g-label_disabled {
  opacity: 0.7;
  pointer-events: none;
}
.g-label_interactive {
  cursor: pointer;
}
.g-label_theme_normal {
  --_--bg-color: var(--g-color-base-misc-light);
  --_--bg-color-hover: var(--g-color-base-misc-light-hover);
  --_--text-color: var(--g-color-text-misc-heavy);
}
.g-label_theme_success {
  --_--bg-color: var(--g-color-base-positive-light);
  --_--bg-color-hover: var(--g-color-base-positive-light-hover);
  --_--text-color: var(--g-color-text-positive-heavy);
}
.g-label_theme_info {
  --_--bg-color: var(--g-color-base-info-light);
  --_--bg-color-hover: var(--g-color-base-info-light-hover);
  --_--text-color: var(--g-color-text-info-heavy);
}
.g-label_theme_warning {
  --_--bg-color: var(--g-color-base-warning-light);
  --_--bg-color-hover: var(--g-color-base-warning-light-hover);
  --_--text-color: var(--g-color-text-warning-heavy);
}
.g-label_theme_danger {
  --_--bg-color: var(--g-color-base-danger-light);
  --_--bg-color-hover: var(--g-color-base-danger-light-hover);
  --_--text-color: var(--g-color-text-danger-heavy);
}
.g-label_theme_utility {
  --_--bg-color: var(--g-color-base-utility-light);
  --_--bg-color-hover: var(--g-color-base-utility-light-hover);
  --_--text-color: var(--g-color-text-utility-heavy);
}
.g-label_theme_unknown {
  --_--bg-color: var(--g-color-base-neutral-light);
  --_--bg-color-hover: var(--g-color-base-neutral-light-hover);
  --_--text-color: var(--g-color-text-complementary);
}
.g-label_theme_clear {
  --_--bg-color: transparent;
  --_--bg-color-hover: var(--g-color-base-simple-hover);
  --_--text-color: var(--g-color-text-complementary);
  box-shadow: inset 0 0 0 1px var(--g-color-line-generic);
}
.g-label:has(.g-label__addon_side_start) .g-label__text {
  margin-inline-start: var(--_--margin-addon-start);
}
.g-label:has(.g-label__addon_side_end) .g-label__text {
  margin-inline-end: var(--_--margin-addon-end);
}
.g-label_interactive:hover:not(:has(.g-label__addon_type_button:hover)), .g-label__addon_type_button:hover {
  background-color: var(--_--bg-color-hover);
}
.g-label__main-button:focus-visible, .g-label__addon_type_button:focus-visible {
  outline: 2px solid var(--g-color-line-focus);
}
.gc-consent-popup {
  font-size: var(--g-text-body-2-font-size);
  line-height: var(--g-text-body-2-line-height);
  font-weight: var(--g-text-body-font-weight);
  padding: 32px;
  border-radius: 14px;
  max-width: 656px;
}

.gc-consent-popup__header {
  display: flex;
  justify-content: space-between;
}

.gc-consent-popup__title {
  font-weight: var(--g-text-header-font-weight);
}

.gc-consent-popup__body {
  margin: 24px 0 48px;
  line-height: 24px;
}

.gc-consent-popup__body_step_manage {
  margin-block-end: 32px;
}

.gc-consent-popup__text + .gc-consent-popup__text {
  margin-block-start: 16px;
}

.gc-consent-popup__buttons {
  display: flex;
  justify-content: flex-end;
}

.gc-consent-popup__button + .gc-consent-popup__button {
  margin-inline-start: 16px;
}

.gc-consent-popup__close-button {
  --g-button-focus-outline-color: var(--g-color-line-focus);
  position: relative;
  inset-block-start: 1px;
}

.gc-consent-popup__arrow-button {
  --g-button-focus-outline-color: var(--g-color-line-focus);
  position: relative;
  inset-block-start: -2px;
}

.gc-consent-popup__cookie-list {
  margin-block-start: 24px;
}

.gc-consent-popup__modal-content_mobile .gc-consent-popup {
  max-width: initial;
}

.gc-consent-popup__modal-content_mobile .gc-consent-popup__body {
  margin: 8px 0 16px;
  line-height: 20px;
}

.gc-consent-popup__modal-content_mobile .gc-consent-popup__buttons {
  justify-content: flex-start;
}

.gc-consent-popup__modal-content_mobile .gc-consent-popup__button + .gc-consent-popup__button {
  margin-inline-start: 12px;
}

.gc-consent-popup__modal-content_mobile .gc-consent-popup__arrow-button {
  margin-inline-end: 16px;
}

.gc-consent-popup__modal-content_mobile.gc-consent-popup__modal-content_step_manage {
  position: fixed;
  inset: 0;
  margin: 0;
  overflow-y: scroll;
  border-radius: 0;
}

.gc-consent-popup__modal-content_mobile.gc-consent-popup__modal-content_step_manage .gc-consent-popup {
  padding: 32px 24px;
}

.gc-consent-popup__modal-content_mobile.gc-consent-popup__modal-content_step_manage .gc-consent-popup__body {
  margin: 32px 0;
}

.gc-consent-popup__modal-content_mobile.gc-consent-popup__modal-content_step_manage .gc-consent-popup__text + .gc-consent-popup__text {
  margin-block-start: 8px;
}
.g-modal {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 1000;
  visibility: hidden;
  margin: -9999px 0 0 -9999px;
  background-color: var(--g-color-sfx-veil);
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.g-modal__content-aligner {
  min-width: 100%;
  min-height: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.g-modal__content-wrapper {
  margin: var(--g-modal-margin, 20px);
  border-radius: var(--g-modal-border-radius, 5px);
  overflow-x: hidden;
}
.g-modal__content {
  background-color: var(--g-color-base-modal);
  border-radius: var(--g-modal-border-radius, 5px);
}
.g-modal__content_has-scroll {
  overflow-y: auto;
  max-height: calc(100vh - var(--g-modal-margin, 20px) * 2);
}
.g-modal, .g-modal__content {
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
  outline: none;
}
.g-modal_open, .g-modal_exit_active {
  display: block;
  visibility: visible;
  margin: 0;
}
.g-modal_enter_active, .g-modal_appear_active {
  animation-name: g-modal-open;
  animation-duration: 150ms;
}
.g-modal_enter_active .g-modal__content, .g-modal_appear_active .g-modal__content {
  animation-name: g-modal-content-open;
  animation-duration: 150ms;
}
.g-modal_exit_active {
  animation-name: g-modal;
  animation-duration: 200ms;
}

@keyframes g-modal {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes g-modal-open {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes g-modal-content-open {
  0% {
    transform: scale(0.75);
  }
  100% {
    transform: scale(1);
  }
}
.gc-simple-consent {
  font-size: var(--g-text-body-2-font-size);
  line-height: var(--g-text-body-2-line-height);
  font-weight: var(--g-text-body-font-weight);
  position: fixed;
  inset-block-end: 24px;
  inset-inline-start: 0;
  max-width: 1312px;
  padding: 24px 32px;
  margin: 0 40px;
  box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.1);
  background-color: var(--g-color-base-float);
  border-radius: var(--g-border-radius-xl);
}

.gc-simple-consent__container {
  display: flex;
  justify-content: center;
  align-items: center;
}

.gc-simple-consent__buttons {
  display: flex;
}

.gc-simple-consent__button {
  margin-inline-start: 16px;
}

@media (max-width: 769px) {
  .gc-simple-consent__buttons {
    margin-block-start: 24px;
    width: 100%;
  }
  .gc-simple-consent__container {
    flex-direction: column;
  }
  .gc-simple-consent__button {
    flex: 1 1 0;
  }
  .gc-simple-consent__button:first-child {
    margin-inline-start: 0;
  }
}
.gc-changelog-dialog-picture__placeholder {
  position: relative;
}

.gc-changelog-dialog-picture__loader {
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: 50%;
  transform: translate(calc(-50% * var(--g-flow-direction)), -50%);
  z-index: 1;
}

.gc-changelog-dialog-picture__image-with-ratio {
  display: block;
  width: 100%;
  height: 0px;
  opacity: 0;
  transition: opacity 0.15s linear;
}

.gc-changelog-dialog-picture__image-with-ratio_visible {
  height: auto;
  opacity: 1;
}

.gc-changelog-dialog-picture__image {
  display: block;
  width: 100%;
}
.gc-changelog-dialog-item {
  display: flex;
}

.gc-changelog-dialog-item__meta {
  width: 80px;
}

.gc-changelog-dialog-item__date {
  line-height: var(--g-text-subheader-3-line-height);
  color: var(--g-color-text-secondary);
}

.gc-changelog-dialog-item__label-new {
  margin-block-start: var(--g-spacing-2);
}

.gc-changelog-dialog-item__content {
  flex: 1;
  margin-inline-start: var(--g-spacing-5);
}

.gc-changelog-dialog-item__title {
  margin: 0;
  font-size: var(--g-text-subheader-2-font-size);
  line-height: var(--g-text-subheader-2-line-height);
  font-weight: var(--g-text-subheader-font-weight);
}

.gc-changelog-dialog-item__image {
  margin-block-start: var(--g-spacing-3);
  border-radius: 16px;
  overflow: hidden;
}

.gc-changelog-dialog-item__description {
  margin-block-start: var(--g-spacing-3);
}

.gc-changelog-dialog-item__button {
  margin-block-start: var(--g-spacing-4);
}

.gc-changelog-dialog-item__button + .gc-changelog-dialog-item__button {
  margin-inline-start: var(--g-spacing-4);
}
.gc-changelog-dialog {
  width: 732px;
}

.gc-changelog-dialog__full-list-link-icon {
  margin-inline-start: var(--g-spacing-1);
  vertical-align: middle;
}

.gc-changelog-dialog__items-container {
  max-height: 70vh;
  overflow-y: auto;
  margin-block-end: var(--g-spacing-5);
}

.gc-changelog-dialog__items-container .gc-changelog-dialog__item:last-child {
  margin-block-end: 0;
}

.gc-changelog-dialog__item {
  margin-block-end: var(--g-spacing-8);
}

.gc-changelog-dialog__empty-placeholder {
  color: var(--g-color-text-secondary);
  text-align: center;
}

.gc-changelog-dialog__loading {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  height: 70vh;
  width: 100%;
}
.g-dialog-btn-close {
  position: absolute;
  inset-block-start: 14px;
  inset-inline-end: 14px;
  z-index: 1;
}
.g-dialog-body {
  padding: 10px var(--_--side-padding);
  flex: 1 1 auto;
  overflow-y: auto;
}
.g-dialog-body_has-borders {
  border-block-start: 1px solid var(--g-color-line-generic);
  border-block-end: 1px solid var(--g-color-line-generic);
}
.g-dialog-divider {
  border-block-start: 1px solid var(--g-color-line-generic);
  margin: 0 calc(-1 * var(--_--side-padding));
}
.g-dialog-footer {
  padding: 28px var(--_--side-padding);
  display: flex;
  align-items: center;
}
.g-dialog-footer__bts-wrapper {
  display: flex;
  gap: 10px;
}
.g-dialog-footer__children {
  flex-grow: 1;
  height: 100%;
  align-items: center;
  display: flex;
}
.g-dialog-footer__button {
  min-width: 128px;
  position: relative;
}
.g-dialog-footer__error {
  padding: 10px;
  color: var(--g-color-text-danger);
}
.g-dialog-header {
  padding-block: 20px 10px;
  padding-inline: var(--_--side-padding) calc(var(--_--side-padding) + var(--_--close-button-space) * var(--g-flow-is-ltr) + var(--_--close-button-space) * var(--g-flow-is-rtl));
  line-height: 24px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color: var(--g-color-text-primary);
}
.g-dialog-header__caption {
  font-family: var(--g-text-subheader-font-family);
  font-weight: var(--g-text-subheader-font-weight);
  font-size: var(--g-text-subheader-3-font-size);
  line-height: var(--g-text-subheader-3-line-height);
}
.g-dialog {
  --_--side-padding: 32px;
  --_--close-button-space: 0px;
  position: relative;
  display: flex;
  flex-direction: column;
  width: var(--g-dialog-width, var(--_--width));
}
.g-dialog_has-scroll {
  overflow-y: auto;
  max-height: calc(100vh - var(--g-modal-margin, 20px) * 2);
}
.g-dialog_size_s {
  --_--width: 480px;
}
.g-dialog_size_m {
  --_--width: 720px;
}
.g-dialog_size_l {
  --_--width: 900px;
}
.g-dialog_has-close {
  --_--close-button-space: 24px;
}
.g-action-tooltip {
  --g-popup-border-width: 0;
  --g-popup-background-color: var(--g-color-base-float-heavy);
}
.g-action-tooltip__content {
  padding: 6px 12px;
  color: var(--g-color-text-light-primary);
  max-width: 300px;
  box-sizing: border-box;
}
.g-action-tooltip__heading {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}
.g-action-tooltip__title {
  color: var(--g-color-text-light-primary);
}
.g-action-tooltip__hotkey {
  margin-inline-start: 8px;
}
.g-action-tooltip__description {
  margin-block-start: 4px;
  color: var(--g-color-text-light-secondary);
}
.g-hotkey {
  padding: 1px 5px;
  border-radius: 4px;
}
.g-hotkey,
.g-hotkey kbd {
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-1-font-size);
  line-height: var(--g-text-body-1-line-height);
}
.g-hotkey_view_light {
  background-color: var(--g-color-base-generic);
}
.g-hotkey_view_light .g-hotkey__plus {
  color: var(--g-color-text-hint);
}
.g-hotkey_view_dark {
  color: var(--g-color-text-light-complementary);
  background-color: var(--g-color-base-light-simple-hover);
}
.g-hotkey_view_dark .g-hotkey__plus {
  color: var(--g-color-text-light-hint);
}
.gc-help-popover__button {
  padding: 0;
  font-family: var(--g-text-body-font-family);
  font-size: inherit;
  font-weight: var(--g-text-body-font-weight);
  color: inherit;
  background: none;
  border: none;
  outline: none;
  cursor: pointer;
  color: var(--g-color-text-hint);
}

.gc-help-popover__button:focus-visible {
  outline: 2px solid var(--g-color-line-focus);
  border-radius: 50%;
}
.gc-definition-list__list {
  margin: 0;
}

.gc-definition-list__group-title {
  margin-block-end: var(--g-spacing-3);
}

.gc-definition-list__group-title:not(:first-of-type) {
  margin-block-start: var(--g-spacing-5);
}

.gc-definition-list__item {
  display: flex;
  align-items: baseline;
  gap: var(--g-spacing-1);
}

.gc-definition-list__item + .gc-definition-list__item {
  margin-block-start: var(--g-spacing-4);
}

.gc-definition-list__item_grouped + .gc-definition-list__item_grouped {
  margin-block-start: var(--g-spacing-3);
}

.gc-definition-list_margin:not(:first-of-type) {
  margin-block-start: var(--g-spacing-5);
}

.gc-definition-list__term-container {
  flex: 0 0 auto;
  width: 300px;
  max-width: 300px;
  display: flex;
  align-items: baseline;
  overflow: hidden;
  position: relative;
}

.gc-definition-list__term-wrapper {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 0 1 auto;
  color: var(--g-color-text-secondary);
  position: relative;
}

.gc-definition-list__term-container_multiline .gc-definition-list__term-wrapper {
  white-space: unset;
}

.gc-definition-list__term-container_multiline .gc-definition-list__item-note-tooltip {
  position: absolute;
}

.gc-definition-list__dots {
  box-sizing: border-box;
  flex: 1 0 auto;
  min-width: 40px;
  margin: 0 2px;
  border-block-end: 1px dotted var(--g-color-line-generic-active);
}

.gc-definition-list__dots_with-note {
  margin-inline-start: 15px;
  min-width: 25px;
}

.gc-definition-list__definition {
  flex: 0 1 auto;
  margin: 0;
}

.gc-definition-list_responsive .gc-definition-list__term-container {
  flex: 1 0 auto;
}

.gc-definition-list__copy-container {
  position: relative;
  display: inline-flex;
  align-items: center;
  padding-inline-end: var(--g-spacing-7);
  margin-inline-end: calc(-1 * var(--g-spacing-7));
}

.gc-definition-list__copy-container:hover .gc-definition-list__copy-button {
  opacity: 1;
}

.gc-definition-list__copy-container_icon-inside {
  padding-inline-end: unset;
  margin-inline-end: unset;
}

.gc-definition-list__copy-container_icon-inside .gc-definition-list__copy-button {
  inset-block-start: 0;
}

.gc-definition-list__copy-button {
  position: absolute;
  display: inline-block;
  inset-inline-end: 0;
  margin-inline-start: 10px;
  opacity: 0;
}

.gc-definition-list__copy-button:focus-visible {
  opacity: 1;
}

.gc-definition-list_vertical .gc-definition-list__term-container {
  flex: 1 0 auto;
}

.gc-definition-list_vertical .gc-definition-list__item {
  flex-direction: column;
  gap: var(--g-spacing-half);
}

.gc-definition-list_vertical .gc-definition-list__item + .gc-definition-list__item {
  margin-block-start: var(--g-spacing-3);
}

.gc-definition-list_vertical .gc-definition-list__group-title:not(:first-of-type) {
  margin-block-start: var(--g-spacing-8);
}

.gc-definition-list_vertical .gc-definition-list_margin:not(:first-of-type) {
  margin-block-start: var(--g-spacing-8);
}
.gc-mobile-image-preview__sheet-content {
  padding: 0;
}

.gc-mobile-image-preview__container {
  height: 85vh;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.gc-mobile-image-preview__image {
  width: auto;
  max-width: 100%;
  max-height: 100%;
}

.gc-mobile-image-preview__back-button {
  position: absolute;
  inset-block-start: 15px;
  inset-inline-start: 15px;
}

.gc-mobile-image-preview__action-buttons {
  position: absolute;
  inset-block-start: 15px;
  inset-inline-end: 15px;
  display: flex;
  flex-direction: column-reverse;
  gap: 12px;
}

.gc-mobile-image-preview__error-label {
  font-size: var(--g-text-body-2-font-size);
  line-height: var(--g-text-body-2-line-height);
  font-weight: var(--g-text-body-font-weight);
}
.gc-file-preview {
  --_-box-shadow: none;
  --_-border-radius: 4px;
  --_-color-base-background: transparent;
  position: relative;
  width: 120px;
}

.gc-file-preview:hover, .gc-file-preview:focus-within {
  --_-color-base-background: var(--g-color-base-simple-hover, rgba(0, 0, 0, 0.05));
}

.gc-file-preview:hover .gc-file-preview__actions:not(.gc-file-preview__actions_hide), .gc-file-preview:focus-within .gc-file-preview__actions:not(.gc-file-preview__actions_hide) {
  opacity: 1;
}

.gc-file-preview__actions {
  position: absolute;
  inset-block-start: -12px;
  inset-inline-end: -12px;
  z-index: 1;
  display: flex;
  gap: 4px;
  opacity: 0;
}

.gc-file-preview:hover {
  --_-color-base-background: var(--g-color-base-simple-hover);
}

.gc-file-preview__card {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  outline: none;
  box-shadow: var(--gc-card-box-shadow);
  border-radius: var(--_-border-radius);
  padding: 4px 10px;
}

.gc-file-preview__card_clickable {
  cursor: pointer;
}

.gc-file-preview__card_hoverable {
  background-color: var(--_-color-base-background);
}

.gc-file-preview__card::after {
  position: absolute;
  inset: 0;
  border-radius: var(--_-border-radius);
  pointer-events: none;
}

.gc-file-preview__card:hover {
  --_-box-shadow: 0px 3px 10px var(--g-color-sfx-shadow);
}

.gc-file-preview__card:focus::after {
  content: "";
  box-shadow: 0 0 0 2px var(--g-color-line-misc);
}

.gc-file-preview__card:focus:not(:focus-visible)::after {
  box-shadow: none;
}

.gc-file-preview__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: var(--g-color-base-generic-medium);
  height: 40px;
  width: 40px;
}

.gc-file-preview__icon-svg {
  color: var(--g-color-base-background);
}

.gc-file-preview__icon_type_image, .gc-file-preview__icon_type_video, .gc-file-preview__icon_type_code, .gc-file-preview__icon_type_archive, .gc-file-preview__icon_type_music {
  background-color: var(--g-color-base-misc-heavy);
}

.gc-file-preview__icon_type_text {
  background-color: var(--g-color-base-info-heavy);
}

.gc-file-preview__icon_type_pdf {
  background-color: var(--g-color-base-danger-medium);
}

.gc-file-preview__icon_type_table {
  background-color: var(--g-color-base-positive-medium);
}

.gc-file-preview__name {
  margin-block-start: 4px;
}

.gc-file-preview__name, .gc-file-preview__description {
  text-align: center;
  width: 100%;
}

.gc-file-preview__image {
  position: relative;
  border-radius: 4px;
  overflow: hidden;
  height: 64px;
  width: 96px;
}

.gc-file-preview__image-img {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.gc-form-row {
  --gc-form-row-label-width: 172px;
  --gc-form-row-field-height: 28px;
  display: flex;
  margin-block-end: 20px;
}

.gc-form-row_direction_row {
  align-items: flex-start;
}

.gc-form-row_direction_column {
  flex-direction: column;
}

.gc-form-row__left {
  display: flex;
  flex-flow: row;
  box-sizing: border-box;
}

.gc-form-row_direction_row .gc-form-row__left {
  min-height: var(--gc-form-row-field-height);
  flex-shrink: 0;
  width: var(--gc-form-row-label-width);
  padding-inline-end: var(--g-spacing-2);
}

.gc-form-row_direction_column .gc-form-row__left {
  margin-block-end: var(--g-spacing-2);
}

.gc-form-row__field-name {
  align-self: center;
}

.gc-form-row__field-name-text {
  word-break: break-word;
}

.gc-form-row__required-mark {
  line-height: 0;
  vertical-align: baseline;
  color: var(--g-color-text-danger);
  font-size: inherit;
}

.gc-form-row__help-popover {
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
}

.gc-form-row__right {
  flex: 1 1 auto;
  min-width: 0;
}

.gc-form-row__field-description {
  margin: 10px 0 0;
  color: var(--g-color-text-secondary);
  word-break: break-word;
}
.gc-infinite-scroll__loader {
  width: 100%;
  padding: 60px 0 20px;
  display: flex;
  justify-content: center;
}
.gc-item-selector {
  --g-list-item-padding: 0 16px;
  display: flex;
  width: 100%;
  min-height: 200px;
}

.gc-item-selector__list {
  flex: 0 0 50%;
  padding-block-start: 8px;
}

.gc-item-selector__list:not(:last-child) {
  border-inline-end: 1px solid var(--g-color-line-generic);
}

.gc-item-selector__list-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-block-end: 8px;
  padding: var(--g-list-item-padding);
  min-height: 24px;
}

.gc-item-selector__list-title {
  font-weight: var(--g-text-accent-font-weight);
}

.gc-item-selector__item {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
}

.gc-item-selector__item_active .gc-item-selector__item-select {
  display: block;
}

.gc-item-selector__item-select {
  display: none;
}

.gc-item-selector__item-text {
  overflow: hidden;
  text-overflow: ellipsis;
  margin-inline-end: auto;
}

.gc-item-selector__value-item {
  display: flex;
  align-items: center;
  width: 100%;
  overflow: hidden;
}

.gc-item-selector__value-item_active .gc-item-selector__value-item-remove {
  display: block;
}

.gc-item-selector__value-item-text {
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.gc-item-selector__value-item-remove {
  display: none;
}
.gc-notification {
  display: flex;
  padding: 12px;
  gap: 12px;
  border-radius: 4px;
  box-sizing: border-box;
  width: 100%;
}

.gc-notification_active:hover {
  background: var(--g-color-base-simple-hover);
}

.gc-notification__right {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1;
  overflow-x: hidden;
}

.gc-notification__right-top-part {
  display: flex;
  align-items: center;
  width: 100%;
  overflow-x: hidden;
}

.gc-notification__right-meta-and-title {
  flex: 1;
  min-width: 0;
  overflow-x: hidden;
}

.gc-notification__right-meta, .gc-notification__right-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.gc-notification__right-meta {
  display: flex;
  gap: 4px;
  color: var(--g-color-text-secondary);
}

.gc-notification__right-title {
  font-weight: 500;
  font-size: 13px;
  line-height: 18px;
  color: var(--g-color-text-primary);
}

.gc-notification__right-content {
  font-size: 13px;
  line-height: 18px;
  color: var(--g-color-text-secondary);
}

.gc-notification_unread {
  background: var(--g-color-base-selection);
}

.gc-notification_unread:hover {
  background: var(--g-color-base-selection-hover);
}

.gc-notification__actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.gc-notification__actions_right-bottom-actions {
  margin-block-start: 8px;
  gap: 8px;
}

.gc-notification__actions_right-side-actions {
  height: 28px;
  opacity: 0;
}

.gc-notification:hover .gc-notification__actions_right-side-actions, .gc-notification__actions_right-side-actions:focus-within {
  opacity: 1;
}

.gc-notification_mobile .gc-notification__actions_right-side-actions {
  opacity: 1;
}

.gc-notification__action_icon {
  color: var(--g-color-text-secondary);
}

.gc-notification_theme_success {
  border-inline-start: 4px solid var(--g-color-line-positive);
}

.gc-notification_theme_info {
  border-inline-start: 4px solid var(--g-color-line-info);
}

.gc-notification_theme_warning {
  border-inline-start: 4px solid var(--g-color-line-warning);
}

.gc-notification_theme_danger {
  border-inline-start: 4px solid var(--g-color-line-danger);
}

.gc-notification_active {
  cursor: pointer;
}

.gc-notification__swipe-wrap {
  width: 100%;
  overflow: hidden;
}

.gc-notification__swipe {
  width: 200%;
  display: flex;
  overflow-x: hidden;
  align-items: stretch;
}

.gc-notification__swipe_position_notification.gc-notification__swipe_has-left {
  transform: translateX(-25%);
}

.gc-notification__notification-wrapper {
  width: 50%;
  transition: opacity 0.5s;
}

.gc-notification__swipe-action-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 25%;
}

.gc-notification__swipe-action {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
  height: 100%;
  flex: 1;
}

.gc-notification__swipe-action_theme_base {
  background: var(--g-color-base-misc-light);
}

.gc-notification__swipe-action_theme_base .gc-notification__swipe-action-icon {
  background: var(--g-color-base-misc-heavy-hover);
}

.gc-notification__swipe-action_theme_base .gc-notification__swipe-action-text {
  color: var(--g-color-text-misc-heavy);
}

.gc-notification__swipe-action_theme_warning {
  background: var(--g-color-base-warning-light);
}

.gc-notification__swipe-action_theme_warning .gc-notification__swipe-action-icon {
  background: var(--g-color-base-warning-heavy);
}

.gc-notification__swipe-action_theme_warning .gc-notification__swipe-action-text {
  color: var(--g-color-text-warning-heavy);
}

.gc-notification__swipe-action_theme_danger {
  background: var(--g-color-base-danger-light);
}

.gc-notification__swipe-action_theme_danger .gc-notification__swipe-action-icon {
  background: var(--g-color-base-danger-heavy);
}

.gc-notification__swipe-action_theme_danger .gc-notification__swipe-action-text {
  color: var(--g-color-text-danger-heavy);
}

.gc-notification__swipe-action-icon {
  padding: 8px;
  border-radius: 100%;
  color: var(--g-color-base-background);
}

.gc-notification__swipe-action-text {
  font-size: 16px;
}

.gc-notification__source-icon {
  width: 36px;
  height: 36px;
}
.gc-notifications {
  display: flex;
  flex-direction: column;
  color: var(--g-color-text-primary);
  height: 100%;
  width: 100%;
}

.gc-notifications__head {
  display: flex;
  align-items: center;
  padding: 16px;
  border-block-end: 1px solid var(--g-color-line-generic);
}

.gc-notifications__head-title {
  flex: 1;
  font-weight: 500;
  font-size: 17px;
  line-height: 24px;
  color: var(--g-color-text-primary);
}

.gc-notifications__body {
  height: 100%;
  padding: 4px;
  overflow-y: auto;
}

.gc-notifications__empty {
  height: 100%;
  gap: 16px;
}

.gc-notifications__empty, .gc-notifications__empty-message {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.gc-notifications__empty-title {
  margin-block-end: 3px;
  font-weight: 500;
  font-size: 17px;
  line-height: 24px;
}

.gc-notifications__empty-message-content {
  font-size: 13px;
  line-height: 18px;
}

.gc-notifications__actions {
  display: flex;
  align-items: center;
  height: 28px;
}

.gc-notifications__notification-wrapper:not(:first-child)::before {
  content: "";
  display: block;
  border-block-start: 1px solid var(--g-color-line-generic);
  margin: 0 12px;
}

.gc-notifications__notification-wrapper_active:hover:not(:first-child)::before, .gc-notifications__notification-wrapper_active:hover + .gc-notifications__notification-wrapper::before, .gc-notifications__notification-wrapper_unread:not(:first-child)::before, .gc-notifications__notification-wrapper_unread + .gc-notifications__notification-wrapper::before {
  content: "";
  display: block;
  border-block-start: 1px solid transparent;
  margin: 0 12px;
}

.gc-notifications__notification-wrapper {
  overflow-y: hidden;
}
.gc-onboarding-menu-item__collapse {
  padding: var(--g-spacing-3) var(--g-spacing-4) var(--g-spacing-3) var(--g-spacing-5);
}

.gc-onboarding-menu-item__collapse-header {
  display: flex;
  align-items: center;
  width: 100%;
}

.gc-onboarding-menu-item__icon {
  margin-inline-end: var(--g-spacing-2);
  align-self: flex-start;
  display: flex;
  align-items: center;
  height: var(--g-spacing-5);
}

.gc-onboarding-menu-item__status-icon {
  color: var(--g-color-text-positive);
}

.gc-onboarding-menu-item__status-icon_pending {
  color: var(--g-color-text-info);
}

.gc-onboarding-menu-item__status-icon_disabled {
  color: var(--g-color-text-hint);
}

.gc-onboarding-menu-item__node {
  display: flex;
  flex-direction: column;
  gap: var(--g-spacing-2);
  margin-block: var(--g-spacing-3);
  margin-block-start: var(--g-spacing-3);
}

.gc-onboarding-menu-item__buttons {
  display: flex;
  flex-wrap: wrap;
  gap: var(--g-spacing-2);
  max-width: 100%;
}

.gc-onboarding-menu-item__divider {
  border-block-start: 1px solid var(--g-color-line-generic);
  margin-inline: var(--g-spacing-1);
}

.gc-onboarding-menu-item__skeleton {
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: var(--g-spacing-3) var(--g-spacing-6);
}

.gc-onboarding-menu-item__skeleton-avatar {
  flex-shrink: 0;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  margin-inline-end: 8px;
}

.gc-onboarding-menu-item__skeleton-title {
  height: 17px;
  width: 100%;
}

.gc-onboarding-menu-item__title-header {
  width: 100%;
  overflow: hidden;
}

.gc-onboarding-menu-item__title-summary {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  background-color: transparent;
  border: none;
  padding: 0;
  color: var(--g-color-text-primary);
}

.gc-onboarding-menu-item__title {
  font-size: var(--g-text-body-2-font-size);
  line-height: var(--g-text-body-2-line-height);
  font-weight: var(--g-text-body-font-weight);
  color: var(--g-color-text-complementary);
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: start;
}

.gc-onboarding-menu-item__text {
  font-size: var(--g-text-body-1-font-size);
  line-height: var(--g-text-body-1-line-height);
  font-weight: var(--g-text-body-font-weight);
  overflow: hidden;
  color: var(--g-color-text-complementary);
  text-overflow: ellipsis;
}

.gc-onboarding-menu-item__image {
  max-width: 242px;
  max-height: 118px;
  border: 1px solid var(--g-color-line-generic);
  border-radius: 8px;
}
.g-skeleton {
  --_--animation-from: calc(-100% * var(--g-flow-direction));
  --_--animation-to: calc(100% * var(--g-flow-direction));
  --_--gradient-deg: calc(90deg * var(--g-flow-direction));
  display: inline-block;
  position: relative;
  z-index: 0;
  width: 100%;
  border-radius: 5px;
  overflow: hidden;
  background-color: var(--g-color-base-generic);
}
.g-skeleton::after {
  position: absolute;
  inset: 0;
  background-image: linear-gradient(var(--_--gradient-deg), transparent, var(--g-color-base-generic));
  animation: g-skeleton 1.2s ease-out infinite;
  content: "";
}

@keyframes g-skeleton {
  0% {
    transform: translateX(var(--_--animation-from));
  }
  100% {
    transform: translateX(var(--_--animation-to));
  }
}
.gc-onboarding-menu {
  max-width: 280px;
  background: none;
  width: fit-content;
}

.gc-onboarding-menu__content {
  box-shadow: 0 2px 8px 0 var(--g-color-sfx-shadow-light);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  box-sizing: border-box;
  width: 230px;
  background-color: var(--g-color-base-brand);
  border-radius: 16px;
}

.gc-onboarding-menu__content_expand {
  width: 280px;
  border-radius: 20px;
  height: fit-content;
  min-height: 600px;
}

.gc-onboarding-menu__title {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin-block-end: var(--g-spacing-1);
  background: none;
  border: none;
  cursor: pointer;
  width: 100%;
  color: var(--g-color-text-brand-contrast);
  padding: 0;
}

.gc-onboarding-menu__title-icon {
  flex-shrink: 0;
  margin-inline: 0 var(--g-spacing-2);
}

.gc-onboarding-menu__title-text {
  text-align: start;
}

.gc-onboarding-menu__header {
  padding: var(--g-spacing-2) var(--g-spacing-4) var(--g-spacing-3) var(--g-spacing-4);
}

.gc-onboarding-menu__header_expand {
  padding: var(--g-spacing-3) var(--g-spacing-5) var(--g-spacing-4) var(--g-spacing-5);
}

.gc-onboarding-menu__lining {
  overflow-y: auto;
  height: 500px;
  box-sizing: border-box;
  flex: 1 1 auto;
  padding: var(--g-spacing-2) 0px;
  margin-inline: 1px;
  margin-block-end: var(--g-spacing-4);
  background-color: var(--g-color-base-float);
  border-radius: var(--g-border-radius-xl);
}

.gc-onboarding-menu__buttons {
  display: flex;
  gap: var(--g-spacing-2);
  justify-content: space-between;
  max-width: 100%;
  padding-inline: var(--g-spacing-5);
  margin-block-end: var(--g-spacing-5);
}
.g-progress {
  --_--empty-background-color: var(--g-color-base-generic);
  --_--empty-text-color: var(--g-color-text-primary);
  --_--filled-text-color: var(--g-color-text-primary);
  --_--filled-background-color: var(--g-color-base-neutral-medium);
  position: relative;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 3px;
  background-color: var(--g-progress-empty-background-color, var(--_--empty-background-color));
  text-align: center;
}
.g-progress__text {
  font-size: var(--g-text-body-short-font-size);
  font-weight: var(--g-text-body-font-weight);
  font-family: var(--g-text-body-font-family);
  padding: 0 10px;
  box-sizing: border-box;
  position: relative;
  color: var(--g-progress-empty-text-color, var(--_--empty-text-color));
}
.g-progress__text-inner {
  font-size: var(--g-text-body-short-font-size);
  font-weight: var(--g-text-body-font-weight);
  font-family: var(--g-text-body-font-family);
  padding: 0 10px;
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  height: 100%;
  color: var(--g-progress-filled-text-color, var(--_--empty-text-color));
  transition: transform 0.6s ease;
}
.g-progress__item {
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
  overflow: hidden;
  transition: transform 0.6s ease, width 0.6s ease, background-color 0.6s ease;
  background-color: var(--g-progress-filled-background-color, var(--_--filled-background-color));
}
[dir=rtl] .g-progress__item {
  float: right;
}
.g-progress__item_theme_default {
  --_--filled-background-color: var(--g-color-base-neutral-medium);
}
.g-progress__item_theme_success {
  --_--filled-background-color: var(--g-color-base-positive-medium);
}
.g-progress__item_theme_warning {
  --_--filled-background-color: var(--g-color-base-warning-medium);
}
.g-progress__item_theme_danger {
  --_--filled-background-color: var(--g-color-base-danger-medium);
}
.g-progress__item_theme_info {
  --_--filled-background-color: var(--g-color-base-info-medium);
}
.g-progress__item_theme_misc {
  --_--filled-background-color: var(--g-color-base-misc-medium);
}
.g-progress__item_loading {
  background-image: repeating-linear-gradient(-45deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3) 4px, transparent 4px, transparent 8px);
  background-size: 150%;
  background-clip: padding-box;
  animation: g-loading-animation 0.5s linear infinite;
}
.g-progress__stack {
  position: relative;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  color: var(--g-color-text-light-primary);
  transition: transform 0.6s ease;
}
.g-progress_size_m {
  height: 20px;
  line-height: 20px;
}
.g-progress_size_m .g-progress__stack {
  height: 20px;
  line-height: 20px;
}
.g-progress_size_m .g-progress__text {
  height: 20px;
  margin-block-end: -20px;
}
.g-progress_size_s {
  height: 10px;
  line-height: 10px;
}
.g-progress_size_s .g-progress__stack {
  height: 10px;
  line-height: 10px;
}
.g-progress_size_xs {
  height: 4px;
  line-height: 4px;
}
.g-progress_size_xs .g-progress__stack {
  height: 4px;
  line-height: 4px;
}
.g-progress_size_s .g-progress__text, .g-progress_size_s .g-progress__text-inner, .g-progress_size_xs .g-progress__text, .g-progress_size_xs .g-progress__text-inner {
  display: none;
}
.gc-password-input__input-control::-ms-reveal, .gc-password-input__input-control::-ms-clear {
  display: none;
}

.gc-password-input__additional-right-content {
  display: flex;
  align-items: center;
}

.gc-password-input__copy-button {
  margin-inline-end: 4px;
}
.gc-placeholder-container {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  padding: 30px;
}

.gc-placeholder-container.gc-placeholder-container_align_left {
  justify-content: flex-start;
}

.gc-placeholder-container.gc-placeholder-container_align_center {
  justify-content: center;
}

.gc-placeholder-container__body {
  box-sizing: border-box;
  display: flex;
  align-items: center;
}

.gc-placeholder-container_size_s {
  padding: 20px;
}

.gc-placeholder-container_size_s .gc-placeholder-container__description {
  margin-block-start: 4px;
}

.gc-placeholder-container_size_m {
  padding: 30px;
}

.gc-placeholder-container_size_m .gc-placeholder-container__description {
  margin-block-start: 8px;
}

.gc-placeholder-container_size_promo .gc-placeholder-container__description, .gc-placeholder-container_size_l .gc-placeholder-container__description {
  margin-block-start: 10px;
}

.gc-placeholder-container__image {
  flex-shrink: 0;
}

.gc-placeholder-container__image img {
  display: block;
}

.gc-placeholder-container__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  flex-grow: 1;
}

.gc-placeholder-container_size_s .gc-placeholder-container__title {
  font-size: var(--g-text-subheader-1-font-size);
  line-height: var(--g-text-subheader-1-line-height);
  font-weight: var(--g-text-subheader-font-weight);
}

.gc-placeholder-container_size_m .gc-placeholder-container__title {
  font-size: var(--g-text-subheader-2-font-size);
  line-height: var(--g-text-subheader-2-line-height);
  font-weight: var(--g-text-subheader-font-weight);
}

.gc-placeholder-container_size_l .gc-placeholder-container__title {
  font-size: var(--g-text-subheader-3-font-size);
  line-height: var(--g-text-subheader-3-line-height);
  font-weight: var(--g-text-subheader-font-weight);
}

.gc-placeholder-container_size_promo .gc-placeholder-container__title {
  font-size: var(--g-text-header-1-font-size);
  line-height: var(--g-text-header-1-line-height);
  font-weight: var(--g-text-header-font-weight);
}

.gc-placeholder-container__actions {
  margin-block-start: 20px;
  display: flex;
  flex-direction: row;
}

.gc-placeholder-container_direction_row.gc-placeholder-container_size_s .gc-placeholder-container__body {
  max-width: 320px;
}

.gc-placeholder-container_direction_row.gc-placeholder-container_size_s .gc-placeholder-container__image {
  width: 100px;
}

.gc-placeholder-container_direction_row.gc-placeholder-container_size_s .gc-placeholder-container__image > * {
  max-width: 100px;
}

.gc-placeholder-container_direction_row.gc-placeholder-container_size_s .gc-placeholder-container__content {
  margin-inline-start: 20px;
  min-height: 130px;
}

.gc-placeholder-container_direction_row.gc-placeholder-container_size_m .gc-placeholder-container__body {
  max-width: 430px;
}

.gc-placeholder-container_direction_row.gc-placeholder-container_size_m .gc-placeholder-container__image {
  width: 150px;
}

.gc-placeholder-container_direction_row.gc-placeholder-container_size_m .gc-placeholder-container__image > * {
  max-width: 150px;
}

.gc-placeholder-container_direction_row.gc-placeholder-container_size_m .gc-placeholder-container__content {
  margin-inline-start: 30px;
  min-height: 180px;
}

.gc-placeholder-container_direction_row.gc-placeholder-container_size_l .gc-placeholder-container__body {
  max-width: 600px;
}

.gc-placeholder-container_direction_row.gc-placeholder-container_size_l .gc-placeholder-container__image {
  width: 230px;
}

.gc-placeholder-container_direction_row.gc-placeholder-container_size_l .gc-placeholder-container__image > * {
  max-width: 230px;
}

.gc-placeholder-container_direction_row.gc-placeholder-container_size_l .gc-placeholder-container__content {
  margin-inline-start: 40px;
  min-height: 320px;
}

.gc-placeholder-container_direction_row.gc-placeholder-container_size_promo .gc-placeholder-container__body {
  max-width: 600px;
}

.gc-placeholder-container_direction_row.gc-placeholder-container_size_promo .gc-placeholder-container__image {
  width: 230px;
}

.gc-placeholder-container_direction_row.gc-placeholder-container_size_promo .gc-placeholder-container__image > * {
  max-width: 230px;
}

.gc-placeholder-container_direction_row.gc-placeholder-container_size_promo .gc-placeholder-container__content {
  margin-inline-start: 40px;
  min-height: none;
}

.gc-placeholder-container_direction_column .gc-placeholder-container__body {
  flex-direction: column;
}

.gc-placeholder-container_direction_column .gc-placeholder-container__content {
  margin-block-start: 20px;
  align-items: center;
  text-align: center;
  flex-shrink: 0;
}

.gc-placeholder-container_direction_column .gc-placeholder-container__image {
  flex-shrink: 0;
}

.gc-placeholder-container_direction_column.gc-placeholder-container_size_s .gc-placeholder-container__body {
  max-width: 320px;
}

.gc-placeholder-container_direction_column.gc-placeholder-container_size_s .gc-placeholder-container__image {
  max-height: 100px;
}

.gc-placeholder-container_direction_column.gc-placeholder-container_size_s .gc-placeholder-container__image > * {
  max-height: 100px;
}

.gc-placeholder-container_direction_column.gc-placeholder-container_size_m .gc-placeholder-container__body {
  max-width: 320px;
}

.gc-placeholder-container_direction_column.gc-placeholder-container_size_m .gc-placeholder-container__image {
  max-height: 150px;
}

.gc-placeholder-container_direction_column.gc-placeholder-container_size_m .gc-placeholder-container__image > * {
  max-height: 150px;
}

.gc-placeholder-container_direction_column.gc-placeholder-container_size_l .gc-placeholder-container__body {
  max-width: 430px;
}

.gc-placeholder-container_direction_column.gc-placeholder-container_size_l .gc-placeholder-container__image {
  max-height: 230px;
}

.gc-placeholder-container_direction_column.gc-placeholder-container_size_l .gc-placeholder-container__image > * {
  max-height: 230px;
}

.gc-placeholder-container_direction_column.gc-placeholder-container_size_promo {
  padding: 20px;
}

.gc-placeholder-container_direction_column.gc-placeholder-container_size_promo .gc-placeholder-container__body {
  max-width: 430px;
}

.gc-placeholder-container_direction_column.gc-placeholder-container_size_promo .gc-placeholder-container__image {
  max-height: 230px;
}

.gc-placeholder-container_direction_column.gc-placeholder-container_size_promo .gc-placeholder-container__image > * {
  max-height: 230px;
}

.gc-placeholder-container_direction_column.gc-placeholder-container_size_promo .gc-placeholder-container__body {
  width: 100%;
}

.gc-placeholder-container__action {
  margin-inline-end: 20px;
}

.gc-placeholder-container__action:last-child {
  margin-inline-end: 0;
}
.gc-promo-sheet__content[class] {
  width: auto;
  padding: var(--gc-promo-sheet-padding);
  margin: 0 var(--gc-promo-sheet-margin) var(--gc-promo-sheet-margin);
  color: var(--gc-promo-sheet-foreground);
  background: var(--gc-promo-sheet-background);
  border-radius: var(--gc-promo-sheet-border-radius);
}

.gc-promo-sheet__header {
  position: relative;
  padding: 0;
  padding-inline-end: 20px;
  margin: 0 0 var(--gc-promo-sheet-header-margin);
}

.gc-promo-sheet__title {
  margin: 0;
  font-size: var(--g-text-header-1-font-size);
  line-height: var(--g-text-header-1-line-height);
}

.gc-promo-sheet__close-button {
  position: absolute;
  inset-block-start: -12px;
  inset-inline-end: -12px;
}

.gc-promo-sheet__message {
  margin: 0 0 var(--gc-promo-sheet-message-margin);
  font-size: var(--g-text-body-3-font-size);
  line-height: var(--g-text-body-3-line-height);
}

.gc-promo-sheet__image-container {
  margin-block-end: var(--gc-promo-sheet-image-margin);
}

.gc-promo-sheet__image {
  display: block;
  width: 100%;
  height: auto;
}

.gc-promo-sheet__action-button {
  display: block;
}

.g-root {
  --gc-promo-sheet-margin: 8px;
  --gc-promo-sheet-padding: 20px;
  --gc-promo-sheet-border-radius: 12px;
  --gc-promo-sheet-header-margin: 12px;
  --gc-promo-sheet-message-margin: 16px;
  --gc-promo-sheet-image-margin: 12px;
  --gc-promo-sheet-foreground: var(--g-color-text-brand-contrast);
  --gc-promo-sheet-background: var(--g-color-base-brand);
}
.gc-actions-panel-collapse {
  flex-shrink: 2;
  min-width: 32px;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  margin-inline-end: 8px;
}

.gc-actions-panel-collapse__container {
  display: flex;
  align-items: center;
  overflow: hidden;
  height: 100%;
}

.gc-actions-panel-collapse__button-action-wrapper {
  margin: 0 4px;
}

.gc-actions-panel-collapse__button-action-wrapper_invisible {
  visibility: hidden;
  pointer-events: none;
}

.gc-actions-panel-collapse__menu-placeholder {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
}

.gc-actions-panel-collapse__menu-wrapper {
  position: absolute;
}
.g-menu {
  box-sizing: border-box;
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden auto;
  font-size: var(--g-text-body-1-font-size);
  color: var(--g-color-text-primary);
  background-color: var(--g-color-base-float);
  user-select: none;
  outline: none;
}
.g-menu__list-group-item + .g-menu__list-group-item, .g-menu__list-item + .g-menu__list-group-item, .g-menu__list-group-item + .g-menu__list-item {
  border-block-start: 1px solid var(--g-color-line-generic);
}
.g-menu__item {
  display: flex;
  align-items: center;
  color: var(--g-color-text-primary);
  text-decoration: none;
  outline: none;
  touch-action: manipulation;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.g-menu__item-icon {
  display: flex;
}
.g-menu__item-icon-end {
  display: flex;
  margin-inline-end: 0;
}
.g-menu__item-content {
  flex-grow: 1;
  min-width: 0;
}
.g-menu__item_interactive {
  cursor: pointer;
}
.g-menu__item_interactive:hover, .g-menu__item_interactive:focus-visible {
  background-color: var(--g-color-base-simple-hover);
}
.g-menu__item_selected {
  background-color: var(--g-color-base-simple-hover);
}
.g-menu__item_disabled {
  color: var(--g-color-text-secondary);
  cursor: default;
  pointer-events: none;
}
.g-menu__item_disabled:hover {
  background-color: transparent;
}
.g-menu__item_active {
  cursor: default;
  background-color: var(--g-color-base-selection);
}
.g-menu__item_active:hover, .g-menu__item_active:focus-visible {
  background-color: var(--g-color-base-selection-hover);
}
.g-menu__item_theme_danger:not(.g-menu__item_disabled) {
  color: var(--g-color-text-danger);
}
.g-menu__group-label {
  font-weight: var(--g-text-accent-font-weight);
  color: var(--g-color-text-hint);
}
.g-menu__group-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.g-menu_size_s {
  line-height: 24px;
  padding: 3px 0;
}
.g-menu_size_s .g-menu__item,
.g-menu_size_s .g-menu__group-label {
  padding: 0 10px;
}
.g-menu_size_s .g-menu__item-icon {
  margin-inline-end: 3px;
}
.g-menu_size_s .g-menu__item-icon-end {
  margin-inline-start: 3px;
}
.g-menu_size_s .g-menu__list-group-item + .g-menu__list-group-item,
.g-menu_size_s .g-menu__list-item + .g-menu__list-group-item,
.g-menu_size_s .g-menu__list-group-item + .g-menu__list-item {
  margin-block-start: 3px;
  padding-block-start: 3px;
}
.g-menu_size_m {
  line-height: 24px;
  padding: 4px 0;
}
.g-menu_size_m .g-menu__item,
.g-menu_size_m .g-menu__group-label {
  padding: 0 13px;
}
.g-menu_size_m .g-menu__item-icon {
  margin-inline-end: 4px;
}
.g-menu_size_m .g-menu__item-icon-end {
  margin-inline-start: 4px;
}
.g-menu_size_m .g-menu__list-group-item + .g-menu__list-group-item,
.g-menu_size_m .g-menu__list-item + .g-menu__list-group-item,
.g-menu_size_m .g-menu__list-group-item + .g-menu__list-item {
  margin-block-start: 4px;
  padding-block-start: 4px;
}
.g-menu_size_l {
  line-height: 28px;
  padding: 5px 0;
}
.g-menu_size_l .g-menu__item,
.g-menu_size_l .g-menu__group-label {
  padding: 0 15px;
}
.g-menu_size_l .g-menu__item-icon {
  margin-inline-end: 5px;
}
.g-menu_size_l .g-menu__item-icon-end {
  margin-inline-start: 5px;
}
.g-menu_size_l .g-menu__list-group-item + .g-menu__list-group-item,
.g-menu_size_l .g-menu__list-item + .g-menu__list-group-item,
.g-menu_size_l .g-menu__list-group-item + .g-menu__list-item {
  margin-block-start: 5px;
  padding-block-start: 5px;
}
.g-menu_size_xl {
  font-size: var(--g-text-body-2-font-size);
  line-height: 36px;
  padding: 6px 0;
}
.g-menu_size_xl .g-menu__item,
.g-menu_size_xl .g-menu__group-label {
  padding: 0 15px;
}
.g-menu_size_xl .g-menu__item-icon {
  margin-inline-end: 6px;
}
.g-menu_size_xl .g-menu__item-icon-end {
  margin-inline-start: 6px;
}
.g-menu_size_xl .g-menu__list-group-item:not(:first-child) {
  margin-block-start: 6px;
  padding-block-start: 6px;
}
.g-menu_size_xl .g-menu__list-group-item:not(:last-child) {
  margin-block-end: 6px;
  padding-block-end: 6px;
}
.g-dropdown-menu__switcher-wrapper {
  display: inline-block;
}
.g-dropdown-menu__switcher-button {
  display: flex;
}
.g-dropdown-menu__menu-item_separator {
  border-block-start: 1px solid var(--g-color-line-generic-solid);
  margin: 0.5em 0;
  pointer-events: none;
}
.g-dropdown-menu__sub-menu-arrow {
  inset-inline-end: -4px;
  position: relative;
}
.g-dropdown-menu__sub-menu {
  position: relative;
}
.g-dropdown-menu__sub-menu .g-dropdown-menu__menu:before, .g-dropdown-menu__sub-menu .g-dropdown-menu__menu:after {
  position: absolute;
  inset-block-start: 0;
  width: 10px;
  height: 100%;
  content: "";
}
.g-dropdown-menu__sub-menu .g-dropdown-menu__menu:before {
  inset-inline-start: -10px;
}
.g-dropdown-menu__sub-menu .g-dropdown-menu__menu:after {
  inset-inline-end: -10px;
}
.gc-actions-panel {
  box-sizing: border-box;
  background-color: var(--g-color-base-brand);
  min-width: 200px;
  height: 52px;
  padding: 4px 20px;
  border-radius: 10px;
  display: flex;
  align-items: center;
}

.gc-actions-panel__note-wrapper {
  min-width: 100px;
  max-width: 320px;
  margin-inline-end: 40px;
}

.gc-actions-panel__button-close-wrapper {
  flex-shrink: 0;
  margin-inline-start: auto;
}
.gc-share-list-item {
  display: flex;
  align-items: center;
}

.gc-share-list-item__icon_type_telegram {
  color: #51a4db;
}

.gc-share-list-item__icon_type_facebook {
  color: #4968ad;
}

.gc-share-list-item__icon_type_twitter {
  color: #4aa0eb;
}

.gc-share-list-item__icon_type_vk {
  color: #436eab;
}

.gc-share-list-item__link-container {
  display: flex;
}

.gc-share-list-item__link-icon {
  display: flex;
  align-items: center;
}

.gc-share-list-item__link-title {
  display: flex;
  flex-grow: 1;
  align-items: center;
  margin-inline-start: 10px;
}
.gc-share-list {
  display: flex;
  align-items: center;
}

.gc-share-list_layout_row {
  flex-direction: row;
}

.gc-share-list_layout_row .gc-share-list__separator {
  align-self: stretch;
  margin: 8px -2px;
}

@media (min-width: 639px) {
  .gc-share-list_layout_row .gc-share-list__separator {
    width: 1px;
    margin: -2px 8px;
  }
}
.gc-share-list_layout_row .gc-share-list__option {
  flex-direction: row;
}

.gc-share-list_layout_row .gc-share-list__link + .gc-share-list__link {
  margin-inline-start: 4px;
}

.gc-share-list_layout_column {
  flex-direction: column;
}

.gc-share-list_layout_column .gc-share-list__separator {
  justify-self: stretch;
  height: 1px;
  width: 100%;
  margin: 8px -2px;
}

.gc-share-list_layout_column .gc-share-list__option {
  flex-direction: column;
  width: 100%;
}

.gc-share-list__option {
  display: flex;
  align-items: flex-start;
}

.gc-share-list__separator {
  background: var(--g-color-line-generic);
}

.gc-share-list__copy-link {
  display: contents;
}

@media (max-width: 639px) {
  .gc-share-list {
    flex-direction: column;
    align-items: stretch;
    min-width: 175px;
  }
  .gc-share-list__option {
    justify-content: space-evenly;
  }
  .gc-share-list__separator {
    width: calc(100% + 4px);
    height: 1px;
    margin: 8px -2px;
  }
}
.gc-share-list__options-container {
  display: flex;
  width: 100%;
}
.gc-share-popover {
  position: relative;
}

.gc-share-popover__tooltip {
  max-width: none;
  padding: 8px;
}

.gc-share-popover .gc-share-popover__tooltip-content {
  max-width: none;
}

.gc-share-popover__container {
  padding: 0;
  font-family: var(--g-text-body-font-family);
  font-size: inherit;
  font-weight: var(--g-text-body-font-weight);
  color: inherit;
  background: none;
  border: none;
  outline: none;
  cursor: pointer;
  display: flex;
  flex-wrap: nowrap;
  cursor: pointer;
  color: var(--g-color-text-secondary);
  border-radius: var(--g-focus-border-radius);
}

.gc-share-popover__container:focus {
  outline: 2px solid var(--g-color-line-focus);
}

.gc-share-popover__container:focus:not(:focus-visible) {
  outline: 0;
}

.gc-share-popover__container:hover {
  color: var(--g-color-text-primary);
}

.gc-share-popover__icon-container {
  display: flex;
  align-items: center;
}

.gc-share-popover__title {
  padding-inline-start: 10px;
  display: flex;
  align-items: center;
}
.gc-stories-layout__wrap-outer {
  height: calc(100vh - 2 * var(--g-modal-margin));
  width: calc(100vw - 2 * var(--g-modal-margin));
  display: flex;
  border-radius: 20px;
  max-width: 1280px;
  max-height: 640px;
  min-width: 800px;
  min-height: 480px;
  background-color: var(--g-color-base-selection);
}

.gc-stories-layout__wrap-inner {
  background-color: var(--g-color-base-background);
  border-radius: 20px;
  max-width: 1280px;
  max-height: 640px;
  min-width: 800px;
  min-height: 480px;
  width: 100%;
  height: 100%;
}

.gc-stories-layout__container {
  display: flex;
  background-color: var(--g-color-base-selection);
  box-shadow: 0 8px 20px var(--g-color-sfx-shadow);
  border-radius: 20px;
  position: relative;
  width: 100%;
  height: 100%;
}

.gc-stories-layout__left-pane {
  width: 464px;
  flex-shrink: 0;
  margin-inline-start: 8px;
  margin-block: 8px;
  background-color: var(--g-color-base-background);
  border-radius: 17px;
  padding: 32px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  box-sizing: border-box;
}

.gc-stories-layout__right-pane {
  padding: 68px;
  display: flex;
  flex-grow: 1;
  align-items: center;
}

.gc-stories-layout__counter {
  font-size: var(--g-text-body-2-font-size);
  line-height: var(--g-text-body-2-line-height);
  font-weight: var(--g-text-body-font-weight);
  color: var(--g-color-text-secondary);
}

.gc-stories-layout__text-block {
  display: flex;
  flex-grow: 1;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  margin-block-end: 8px;
  overflow: hidden;
}

.gc-stories-layout__text-header {
  font-size: var(--g-text-display-2-font-size);
  line-height: var(--g-text-display-2-line-height);
  font-weight: var(--g-text-display-font-weight);
  color: var(--g-color-text-primary);
}

.gc-stories-layout__text-content {
  font-size: var(--g-text-body-2-font-size);
  line-height: var(--g-text-body-2-line-height);
  font-weight: var(--g-text-body-font-weight);
  color: var(--g-color-text-complementary);
  overflow-y: scroll;
}

.gc-stories-layout__text-header + .gc-stories-layout__text-content {
  margin-block-start: 16px;
}

.gc-stories-layout__story-link-block {
  margin-block-start: 16px;
}

.gc-stories-layout__controls-block {
  display: flex;
  gap: 8px;
}

.gc-stories-layout__controls-block button {
  max-width: 50%;
}

.gc-stories-layout__media-block {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
}

.gc-stories-layout__close-btn {
  position: absolute;
  inset-block-start: 14px;
  inset-inline-end: 20px;
  z-index: 1;
}
.gc-stories-image-view {
  width: auto;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
}
.gc-stories-video-view {
  width: auto;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
}
.gc-stories {
  --g-modal-border-radius: 20px;
  --g-modal-margin: 20px;
}

.gc-stories__modal-content {
  border-radius: 20px;
}
.gc-stories-group {
  --g-modal-border-radius: 20px;
  --g-modal-margin: 20px;
}

.gc-stories-group__modal-content {
  background-color: inherit;
  border-radius: 20px;
}
.gc-stories-group-preview {
  user-select: none;
  padding-block-end: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}

.gc-stories-group-preview__slider-preview-list-wrapper {
  display: flex;
  gap: 8px;
}

.gc-stories-group-preview__stories-preview-item {
  position: relative;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  overflow: hidden;
  width: 40px;
  height: 40px;
  border-radius: 8px;
  background-color: var(--g-color-base-background);
}

.gc-stories-group-preview__stories-preview-item::after {
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  background-color: var(--g-color-sfx-shadow);
  width: 40px;
  height: 40px;
}

.gc-stories-group-preview__stories-preview-item_active::after, .gc-stories-group-preview__stories-preview-item:hover:not(.gc-stories-group-preview__stories-preview-item_disabled)::after {
  display: none;
}

.gc-stories-group-preview__stories-preview-item_active {
  border: 2px solid var(--g-color-line-brand);
}

.gc-stories-group-preview__slider-button-wrapper {
  width: 28px;
  height: 28px;
}
.gc-confirm-dialog__body {
  font-size: var(--g-text-body-2-font-size);
  line-height: var(--g-text-body-2-line-height);
  font-weight: var(--g-text-body-font-weight);
}
.ic-error-message {
  color: var(--g-color-text-danger);
  margin: 13px 20px;
}
.ic-label-filters-item {
  display: inline-flex;
  max-width: 100%;
}
.ic-label-filters-item .g-label__icon_cross:focus-visible,
.ic-label-filters-item .g-label__addon_interactive:focus-visible {
  box-shadow: inset 0 0 0 2px var(--g-color-line-misc);
  outline: none;
}
.ic-label-filters-item .g-label__icon_cross:focus::before,
.ic-label-filters-item .g-label__addon_interactive:focus::before {
  box-shadow: none;
}
.ic-label-filters-item__label {
  overflow: hidden;
  text-overflow: ellipsis;
}
.ic-label-filters-toggler {
  display: inline-flex;
  max-width: 100%;
}
.ic-label-filters-toggler.g-button_size_s .g-button__text {
  overflow: hidden;
  text-overflow: ellipsis;
}
.ic-label-filters__item:not(:last-child), .ic-label-filters__toggler:not(:last-child), .ic-label-filters__select:not(:last-child) {
  margin-right: 8px;
}
.ic-label-filters__item {
  margin: 2px 0;
}
.ic-scopes-list {
  --ic-sl-item-size: 40px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.ic-scopes-list__others-item {
  font-size: var(--g-text-body-1-font-size);
  cursor: pointer;
}
.ic-scopes-list__others-text {
  padding: 3px 13px;
  flex-grow: 1;
  border: 2px solid transparent;
}
.ic-scopes-list_view_tabs {
  gap: 22px;
}
.ic-scopes-list_view_tabs .ic-scopes-list__scope,
.ic-scopes-list_view_tabs .ic-scopes-list__scope-others {
  height: var(--ic-sl-item-size);
  line-height: var(--ic-sl-item-size);
  border-bottom: 2px solid transparent;
  color: var(--g-color-text-secondary);
  padding: 0;
}
.ic-scopes-list_view_tabs .ic-scopes-list__scope::before, .ic-scopes-list_view_tabs .ic-scopes-list__scope:hover::before,
.ic-scopes-list_view_tabs .ic-scopes-list__scope-others::before,
.ic-scopes-list_view_tabs .ic-scopes-list__scope-others:hover::before {
  background: none;
}
.ic-scopes-list_view_tabs .ic-scopes-list__scope.ic-scopes-list__scope_selected, .ic-scopes-list_view_tabs .ic-scopes-list__scope.g-button_selected,
.ic-scopes-list_view_tabs .ic-scopes-list__scope-others.ic-scopes-list__scope_selected,
.ic-scopes-list_view_tabs .ic-scopes-list__scope-others.g-button_selected {
  border-bottom-color: var(--g-color-base-brand);
  color: var(--g-color-text-primary);
}
.ic-scopes-list_view_tabs .ic-scopes-list__scope .g-button__icon_side_end,
.ic-scopes-list_view_tabs .ic-scopes-list__scope-others .g-button__icon_side_end {
  height: 100%;
  right: 0;
}
.ic-stub-screen {
  margin: auto 20px;
  padding-top: 20px;
  text-align: center;
  overflow-y: auto;
}
.ic-stub-screen__image + .ic-stub-screen__title {
  margin-top: 18px;
}
.ic-stub-screen__title {
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-2-font-size);
  line-height: var(--g-text-body-2-line-height);
}
.ic-stub-screen__title + .ic-stub-screen__message {
  margin-top: 8px;
}
.ic-stub-screen__message {
  color: var(--g-color-text-secondary);
  margin: 0 auto;
  max-width: 80%;
}
.ic-all-results-button {
  display: inline-block;
}
.ic-highlight__mark {
  font-weight: bold;
}
.ic-layer-logo {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  color: var(--g-color-text-complementary);
}
.ic-layer-logo_type_tracker {
  background-color: #5282ff;
}
.ic-layer-logo_type_doc {
  background-color: #5b83f7;
}
.ic-layer-logo_type_services {
  background-color: #fdd000;
}
.ic-layer-logo_type_places, .ic-layer-logo_type_tables, .ic-layer-logo_type_equipment {
  background-color: #647a8d;
  color: var(--g-color-text-light-primary);
}
.g-root_theme_dark .ic-layer-logo_type_places, .g-root_theme_dark .ic-layer-logo_type_tables, .g-root_theme_dark .ic-layer-logo_type_equipment {
  color: var(--g-color-text-dark-primary);
  background-color: var(--g-color-base-light);
}

.ic-layer-logo_type_atushka {
  background-color: #fe4d5e;
}
.ic-layer-logo_type_goal {
  background-color: #5381c2;
}
.ic-layer-logo_type_calendar {
  background-color: #eb483f;
}
.ic-layer-logo_type_npm {
  background-color: #ff3733;
}
.ic-layer-logo_type_stackoverflow {
  background-color: #5282ff;
}
.ic-layer-logo_type_ml {
  background-color: #03bf03;
}
.ic-layer-logo_type_help {
  background-color: #04d6bc;
}
.ic-layer-logo_type_groups {
  background-color: #f5a623;
  color: var(--g-color-text-light-primary);
}
.ic-layer-logo_type_chat {
  background-color: #29aaed;
}
.ic-layer-logo_size_s {
  width: 24px;
  height: 24px;
  font-size: var(--g-text-body-2-font-size);
  line-height: var(--g-text-body-2-line-height);
}
.ic-layer-logo_size_m {
  width: 32px;
  height: 32px;
  font-size: var(--g-text-body-3-font-size);
  line-height: var(--g-text-body-3-line-height);
}
.ic-layer-logo_size_l {
  width: 42px;
  height: 42px;
  font-size: var(--g-text-header-1-font-size);
  line-height: var(--g-text-header-1-line-height);
}
.ic-mark-item__link_type_irrelevant, .ic-mark-item__link_type_irrelevant:hover {
  color: var(--g-color-text-warning-heavy);
}
.ic-mark-item__link_type_irrelevant:hover::before {
  background-color: var(--g-color-base-warning-light-hover);
}
.ic-mark-item__link_type_relevant, .ic-mark-item__link_type_relevant:hover {
  color: var(--g-color-text-positive-heavy);
}
.ic-mark-item__link_type_relevant:hover::before {
  background-color: var(--g-color-base-positive-light-hover);
}
.ic-mark-item__link_type_vital, .ic-mark-item__link_type_vital:hover {
  color: var(--g-color-text-utility);
}
.ic-mark-item__link_type_vital:hover::before {
  background-color: var(--g-color-base-utility-light-hover);
}
.ic-search-row {
  display: flex;
  align-items: center;
  padding: calc((32px - var(--g-text-body-1-line-height)) / 2) 20px;
  box-sizing: border-box;
  font-size: var(--g-text-body-1-font-size);
  line-height: var(--g-text-body-1-line-height);
  color: var(--g-color-text-primary);
  -webkit-text-decoration: none;
  text-decoration: none;
  overflow: hidden;
  flex: 1 1 auto;
}
.ic-search-row_marks {
  align-items: start;
}
.ic-search-row_marks .ic-search-row__extra {
  min-height: var(--g-text-body-1-line-height);
}
.ic-search-row_mobile {
  font-size: var(--g-text-body-2-font-size);
  line-height: var(--g-text-body-2-line-height);
  padding: calc((40px - var(--g-text-body-2-line-height)) / 2) 20px;
}
.ic-search-row_mobile .ic-search-row__extra {
  margin-top: 1px;
}
.ic-search-row:focus-visible {
  box-shadow: inset 0 0 0 2px var(--g-color-line-misc);
}
.ic-search-row__logo {
  display: flex;
  margin-right: 12px;
  align-self: center;
}
.ic-search-row__info {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  flex: 1;
  overflow: hidden;
}
.ic-search-row__title, .ic-search-row__extra, .ic-search-row__description, .ic-search-row__marks {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ic-search-row__title {
  flex: 1 1 100%;
  margin-top: 1px;
}
.ic-search-row__extra {
  flex: 1 1 100%;
  margin-top: 1px;
  display: flex;
  height: 20px;
}
.ic-search-row__description {
  color: var(--g-color-text-secondary);
}
.ic-search-row__description:not(:empty) + .ic-search-row__marks {
  padding-left: 8px;
}
.ic-search-row__marks {
  flex: 0 0 auto;
  margin-left: auto;
}
.ic-search-desc-delimiter {
  padding: 0 6px;
}
.ic-search-atushka-row .ic-search-row__description {
  display: flex;
}
.ic-search-atushka-row__club {
  overflow: hidden;
  text-overflow: ellipsis;
}
.ic-search-chat-row .ic-search-row__description {
  display: flex;
}
.ic-search-chat-row__channel {
  overflow: hidden;
  text-overflow: ellipsis;
}
.ic-search-chat-row__channel::first-letter {
  text-transform: uppercase;
}
.ic-search-calendar-row .ic-search-row__description {
  display: flex;
  align-items: center;
}
.ic-search-calendar-row__time {
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.ic-search-calendar-row__time::first-letter {
  text-transform: uppercase;
}
.ic-search-calendar-row__repeat-icon {
  margin-left: 8px;
  flex: none;
}
.ic-search-caption-row {
  color: var(--g-color-text-secondary);
  font-size: 11px;
  padding: 0 20px;
  margin-bottom: 5px;
  cursor: default;
}
.ic-search-caption-row_mobile {
  font-size: var(--g-text-body-2-font-size);
  line-height: var(--g-text-body-2-line-height);
}
.ic-search__item + .ic-search__item .ic-search-caption-row {
  margin-top: 8px;
}
.ic-search-row_layer_goals .ic-search-row__status {
  display: inline-block;
  vertical-align: bottom;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.ic-search-row_layer_goals .ic-search-row__status::first-letter {
  text-transform: uppercase;
}
.ic-search-group-row__lead {
  align-items: center;
  display: inline-flex;
  vertical-align: bottom;
  max-width: 100%;
}
.ic-search-group-row__lead-icon {
  margin-right: 6px;
  flex-shrink: 0;
}
.ic-search-group-row__lead-icon_type_chief {
  color: var(--g-color-text-warning);
}
.ic-search-group-row__lead-name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ic-search-issue-row__key_resolved {
  color: var(--g-color-text-secondary);
  -webkit-text-decoration: line-through;
  text-decoration: line-through;
}
.ic-search-issue-row__type {
  margin-right: var(--g-spacing-base);
}
.ic-search-stackoverflow-row .ic-search-row__title {
  display: flex;
}
.ic-search-stackoverflow-row__name {
  flex: 0 1 auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ic-search-stackoverflow-row__status {
  flex: 0 0 auto;
  max-width: 100%;
  margin-left: 4px;
}
.ic-search-staff-row.ic-search-row_mobile .ic-search-staff-row__former {
  margin-top: 3px;
}
.ic-search-staff-row_dismissed {
  color: var(--g-color-text-secondary);
}
.ic-search-staff-row__title {
  display: flex;
}
.ic-search-staff-row__telegram, .ic-search-staff-row__person-name {
  flex: 0 1 auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ic-search-staff-row__person-name {
  display: inline-block;
  vertical-align: bottom;
}
.ic-search-staff-row__person-name::first-letter {
  color: var(--yc-color-yandex-red);
}
.ic-search-staff-row__login {
  flex: 0 0 auto;
}
.ic-search-staff-row__telegram {
  color: var(--g-color-text-secondary);
}
.ic-search-staff-row__telegram-icon {
  vertical-align: middle;
  margin-right: 4px;
}
.ic-search-staff-row__former {
  margin-right: 6px;
  max-width: 100%;
}
.ic-search-wiki-row__breadcrumbs .g-dropdown-menu__switcher-wrapper,
.ic-search-wiki-row__breadcrumbs .g-breadcrumbs__item_more {
  pointer-events: none;
}
.ic-search-wiki-row__breadcrumbs .g-breadcrumbs__more-button {
  height: auto;
  line-height: normal;
}
.ic-search-wiki-row__breadcrumbs .g-breadcrumbs__inner {
  min-height: 0;
}
.ic-search-wiki-row__breadcrumbs .g-breadcrumbs__item {
  color: currentColor;
  padding: 0 4px;
}
.ic-search-wiki-row__breadcrumbs .g-breadcrumbs__item:first-of-type {
  padding-left: 0;
}
.service-icon__letter {
  font-family: var(--g-text-subheader-font-family);
  font-weight: var(--g-text-subheader-font-weight);
  font-size: var(--g-text-subheader-3-font-size);
  line-height: var(--g-text-subheader-3-line-height);
  background-color: var(--g-color-base-misc-heavy);
  color: var(--g-color-base-background);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: capitalize;
}
.service-icon__letter_emoji {
  background-color: var(--g-color-base-background);
}
.ic-search-candidate-row__login {
  flex: 0 0 auto;
}
.ic-search-candidate-row__login_ex {
  -webkit-text-decoration: line-through;
  text-decoration: line-through;
}
.ic-search-resource-row__flag {
  color: var(--g-color-text-danger);
  margin: 2px 0 0 4px;
}
.ic-search_inline {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.ic-search_inline .ic-search__list {
  overflow-y: auto;
  flex: auto;
  min-height: 0;
}
.ic-search_inline .ic-search__query,
.ic-search_inline .ic-search__scopes,
.ic-search_inline .ic-search__label-filters,
.ic-search_inline .ic-search__all-results {
  flex: none;
}
.ic-search__query {
  width: calc(100% - 20px * 2);
  margin: 0 20px;
}
.ic-search__query_with-icon {
  position: relative;
}
.ic-search__query_with-icon .ic-search__input-icon {
  display: flex;
}
.ic-search__query_with-icon .g-text-input__control {
  padding-left: 30px;
}
.ic-search__query_size_xl.ic-search__query_with-icon .g-text-input__control {
  padding-left: 36px;
}
.ic-search__query_size_xl .ic-search__input-icon {
  left: 14px;
}
.ic-search__input-icon {
  position: absolute;
  display: none;
  align-items: center;
  top: 0;
  left: 8px;
  height: 100%;
  color: var(--g-color-text-hint);
  cursor: pointer;
}
.ic-search__scopes {
  margin: 7px 20px 0;
}
.ic-search__list {
  margin-top: 13px;
  margin-bottom: 13px;
}
.ic-search__item {
  cursor: pointer;
}
.ic-search__item .ic-marks {
  display: none;
}
.ic-search__item.g-list__item_active .ic-marks {
  display: block;
}
.ic-search__loader {
  margin: 20px 0;
  text-align: center;
}
.ic-search__label-filters {
  margin: 12px 20px 0;
}
.ic-search__all-results {
  margin: 0 20px;
}
.ic-search__popup-content {
  padding: 1px 0;
}
.ic-search__popup-content .ic-stub-screen,
.ic-search__popup-content .ic-search__all-results {
  margin-bottom: 20px;
}
.ic-mark-item__link_type_irrelevant, .ic-mark-item__link_type_irrelevant:hover {
  color: var(--g-color-text-warning-heavy);
}
.ic-mark-item__link_type_irrelevant:hover::before {
  background-color: var(--g-color-base-warning-light-hover);
}
.ic-mark-item__link_type_relevant, .ic-mark-item__link_type_relevant:hover {
  color: var(--g-color-text-positive-heavy);
}
.ic-mark-item__link_type_relevant:hover::before {
  background-color: var(--g-color-base-positive-light-hover);
}
.ic-mark-item__link_type_vital, .ic-mark-item__link_type_vital:hover {
  color: var(--g-color-text-utility);
}
.ic-mark-item__link_type_vital:hover::before {
  background-color: var(--g-color-base-utility-light-hover);
}
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .IntranetSearch .IntranetSearch-Input.g-text-input,
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .IntranetSearch .ic-search__query {
    width: 100%;
    margin: 0;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .IntranetSearch .IntranetSearch-Input.g-text-input {
    background-color: transparent;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .IntranetSearch .IntranetSearch-Input .g-text-input__control {
    font-family: var(--hr-typography-font-family-default);
    font-size: var(--hr-typography-font-body-s-font-size);
    font-weight: var(--hr-typography-font-weight-normal);
    line-height: var(--hr-typography-font-body-s-line-height);

    color: var(--hr-color-text-primary);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .IntranetSearch .IntranetSearch-Input .g-text-input__control,
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .IntranetSearch .IntranetSearch-Input .g-text-input__control:focus {
    border: none;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .IntranetSearch .IntranetSearch-Input .g-text-input__control::-moz-placeholder {
    color: var(--hr-color-text-secondary);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .IntranetSearch .IntranetSearch-Input .g-text-input__control::placeholder {
    color: var(--hr-color-text-secondary);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .IntranetSearch .IntranetSearch-Input .g-text-input__clear {
    --g-color-text-hint: var(--hr-color-text-secondary);
    position: absolute;
    top: 0;
    right: var(--hr-space-2-xs);

    display: block;
}

/* Size S */

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .IntranetSearch .ic-search__query_size_s {
    height: var(--hr-size-control-s);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .IntranetSearch .IntranetSearch-Input.g-text-input_size_s {
    --g-text-input-border-radius: var(--hr-border-radius-s);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .IntranetSearch .IntranetSearch-Input.g-text-input_size_s .g-text-input__control {
    height: calc(var(--hr-size-control-s) - 2 * var(--hr-border-width-s));
    padding: var(--hr-space-xs) var(--hr-space-s);
    padding-right: var(--hr-size-control-s);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .IntranetSearch .IntranetSearch-Input.g-text-input_size_s .g-text-input__clear {
    height: calc(var(--hr-size-control-s) - 2 * var(--hr-border-width-s));
    /* stylelint-disable-next-line  */
    padding: 0 calc(14px - (var(--g-button-height) - 10px) / 2);
}

/* Size M */

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .IntranetSearch .ic-search__query_size_m {
    height: var(--hr-size-control-m);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .IntranetSearch .IntranetSearch-Input.g-text-input_size_m {
    --g-text-input-border-radius: var(--hr-border-radius-s);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .IntranetSearch .IntranetSearch-Input.g-text-input_size_m .g-text-input__control {
    height: calc(var(--hr-size-control-m) - 2 * var(--hr-border-width-s));
    padding: var(--hr-space-s) var(--hr-space-m);
    padding-right: var(--hr-size-control-l);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .IntranetSearch .IntranetSearch-Input.g-text-input_size_m .g-text-input__clear {
    height: calc(var(--hr-size-control-m) - 2 * var(--hr-border-width-s));
}

/* Size L */

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .IntranetSearch .ic-search__query_size_l {
    height: 44px;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .IntranetSearch .IntranetSearch-Input.g-text-input_size_l {
    --g-text-input-border-radius: var(--hr-border-radius-s);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .IntranetSearch .IntranetSearch-Input.g-text-input_size_l .g-text-input__control {
    height: 42px;
    padding: var(--hr-space-s) var(--hr-space-l);
    padding-right: var(--hr-size-control-l);

    font-size: var(--hr-typography-font-size-m);
    line-height: var(--hr-typography-line-height-m);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .IntranetSearch .IntranetSearch-Input.g-text-input_size_l .g-text-input__clear {
    height: 42px;
    /* stylelint-disable-next-line  */
    padding: 0 calc(22px - (var(--g-button-height) - 10px) / 2);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .IntranetSearch .ic-search__query_with-icon .IntranetSearch-Input .g-text-input__control {
    padding-left: 48px;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .IntranetSearch .ic-search__query_with-icon .IntranetSearch-Input.g-text-input_size_s .g-text-input__control {
    padding-left: 40px;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .IntranetSearch .ic-search__input-icon {
    --g-color-text-hint: var(--hr-color-text-secondary);

    z-index: 1;
    left: 16px;

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

    width: 16px;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .IntranetSearch .ic-search__query_size_s .ic-search__input-icon {
    left: 12px;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .IntranetSearch .g-text-input__content {
    position: relative;

    display: block;

    box-sizing: border-box;

    background-color: transparent;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .IntranetSearch .g-text-input_size_m  .g-text-input__content {
    height: var(--hr-size-control-m);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .IntranetSearch .g-text-input_size_s  .g-text-input__content {
    height: var(--hr-size-control-s);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .IntranetSearch .g-text-input_size_l  .g-text-input__content {
    height: 44px;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .IntranetSearch .g-text-input_view_normal .g-text-input__content {
    border: var(--hr-border-width-s) solid var(--hr-color-border-secondary);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .IntranetSearch .g-text-input.g-text-input_pin_round-round .g-text-input__content {
    border-radius: var(--g-text-input-border-radius);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .IntranetSearch .IntranetSearch-Input.g-text-input_view_normal .g-text-input__content {
    border: var(--hr-border-width-s) solid var(--hr-color-border-secondary);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .IntranetSearch .IntranetSearch-Input.g-text-input_view_clear .g-text-input__content {
    border: var(--hr-border-width-s) solid transparent;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .IntranetSearch .IntranetSearch-Input.focused .g-text-input__content {
    border: var(--hr-border-width-s) solid var(--hr-color-border-secondary);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .IntranetSearch .IntranetSearch-Input.g-text-input_view_normal .g-text-input__content:hover {
    border: var(--hr-border-width-s) solid var(--hr-color-border-secondary);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .IntranetSearch .IntranetSearch-Input.g-text-input_view_normal .g-text-input__content:focus {
    border: var(--hr-border-width-s) solid var(--hr-color-border-secondary);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .IntranetSearch .IntranetSearch-Input.g-text-input_view_clear .g-text-input__content button {
    color: var(--search-input-icon-color); /* TODO: Несуществующий токен в проде */
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Button2.IntranetSearch-SearchButton {
    color: var(--hr-color-text-secondary);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .IntranetSearch .g-button {
    --g-text-body-font-family: var(--hr-typography-font-family-default);
    --g-color-text-primary: var(--hr-color-text-primary);
    --g-color-base-selection: var(--hr-color-control-primary);
    --g-color-base-selection-hover: var(--hr-color-control-primary-hover);
    --g-color-text-brand-heavy: var(--hr-color-text-primary-inverse);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .IntranetSearch .g-button:focus::after {
    --g-color-line-misc: var(--hr-color-text-primary); /* нет замены токену; */
}

/** У Облака кнопка всегда размера m. Нам в этом месте нужен размер s. **/
/** Установить правильный размер кнопки мы не можем, перебиваем стилями **/
/** А для размера s все делаем как для размера s, итого они с m будут одинаковые **/
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .IntranetSearch .g-button_size_m,
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .IntranetSearch .g-button_size_s {
    --g-button-height: 32px;
    --g-button-border-radius: var(--hr-border-radius-s-compact);

    font-size: var(--hr-typography-font-label-s-font-size);
    line-height: 32px;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .IntranetSearch .ic-all-results-button .g-button {
    --g-button-background-color: var(--hr-color-control-secondary);
    --g-button-background-color-hover: var(--hr-color-control-secondary-contrast);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .IntranetSearch .g-button_size_m .g-button__icon_side_left ~ .g-button__text,
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .IntranetSearch .g-button_size_s .g-button__icon_side_left ~ .g-button__text {
    margin-left: 32px;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .IntranetSearch .g-button_view_normal {
    --g-button-background-color: transparent;
    --g-button-background-color-hover: transparent;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .IntranetSearch .g-button_view_normal.g-button_loading {
    --g-button-loading-color-1: var(--hr-color-text-primary);
    --g-button-loading-color-2: var(--hr-color-text-primary);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .IntranetSearch .g-button_view_normal.g-button_selected {
    --g-button-background-color: var(--hr-color-control-primary);
    --g-button-background-color-hover: var(--hr-color-control-primary);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .IntranetSearch .g-button_view_outlined {
    --g-button-background-color: var(--hr-color-control-secondary);
    --g-button-background-color-hover: var(--hr-color-control-secondary-contrast);
    --g-button-border-width: 0;
    --g-button-border-color: transparent;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .IntranetSearch .g-button_view_outlined.g-button_loading,
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .IntranetSearch .g-button_view_outlined-info.g-button_loading,
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .IntranetSearch .g-button_view_outlined-danger.g-button_loading {
    --g-button-loading-color-1: var(--hr-color-control-secondary);
    --g-button-loading-color-2: var(--hr-color-control-secondary-hover);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .IntranetSearch .g-button_disabled:not(.g-button_loading) {
    --g-button-background-color: var(--hr-color-control-disabled);
    --g-button-background-color-hover: var(--hr-color-control-disabled);
    color: var(--hr-color-text-tertiary);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .IntranetSearch .ic-search__label-filters {
    margin: var(--hr-space-s) 0 0 0;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .IntranetSearch .g-label_theme_normal {
    --g-color-text-misc: var(--hr-color-text-primary);
    --g-color-base-misc: var(--hr-color-control-secondary);
    --g-color-text-misc-heavy: var(--hr-color-text-primary);
    --g-color-base-misc-light: var(--hr-color-control-secondary);
    --g-border-radius-xs: var(--hr-border-radius-2-xs);
}

/** Мимикрируем под наш Tag2 размера m **/
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .IntranetSearch .g-label_size_s.g-label_style_default {
    height: 32px;
    padding: 0 var(--hr-space-2-xs);

    border-radius: var(--hr-border-radius-xs);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .IntranetSearch .g-label_size_s .g-label__text {
    margin: 0 12px 0 0;
    padding: 0 var(--hr-space-xs);

    line-height: 32px;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .IntranetSearch .g-label_size_s .g-label__icon {
    width: 32px;
    height: 32px;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .IntranetSearch .ic-label-filters__item,
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .IntranetSearch .ic-label-filters__toggler {
    margin-top: 0;
    margin-bottom: var(--hr-space-2-xs);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .IntranetSearch .ic-search__label-filters .g-button.g-button_pin_round-round::before {
    border-radius: var(--hr-border-radius-xs);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .IntranetSearch .ic-search__label-filters .g-button.g-button_size_s .g-button__text {
    height: 32px;

    line-height: 32px;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .IntranetSearch .ic-error-message {
    --g-color-text-danger: var(--hr-color-special-error);

    margin: 0;
    margin-top: var(--hr-space-m);

    font-size: var(--hr-typography-font-body-s-font-size);
    font-weight: var(--hr-typography-font-body-s-font-weight);
    line-height: var(--hr-typography-font-body-s-line-height);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .IntranetSearch .ic-error-message:not(:last-child) {
    margin-bottom: var(--hr-space-m);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .IntranetSearch .IntranetSearch-Scopes.ic-search__scopes {
    margin: 0;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .IntranetSearch.ic-search_inline .IntranetSearch-Scopes.ic-search__scopes {
    margin-top: var(--hr-space-m);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .IntranetSearch .g-link {
    font-size: var(--hr-typography-font-body-s-font-size);
    font-weight: var(--hr-typography-font-body-s-font-weight);
    line-height: var(--hr-typography-font-body-s-line-height);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .IntranetSearch .g-link.g-link_view_secondary {
    --g-color-text-secondary: var(--hr-color-special-link);
    --g-color-text-link-hover: var(--hr-color-special-link);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .IntranetSearch .ic-search__link-idle {
    margin: 0;
    margin-top: var(--hr-space-m);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .IntranetSearch .ic-search__link-idle:not(:last-child) {
    margin-bottom: var(--hr-space-m);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .IntranetSearch .g-link_view_normal .g-link_view_normal-visitable {
    color: var(--hr-color-special-link);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .IntranetSearch.g-popup {
    --g-popup-background-color: var(--hr-color-surface-200);
    --g-popup-border-color: transparent;
    --g-popup-border-width: 0;

    z-index: 1500;

    overflow: hidden;

    box-sizing: border-box;

    font-size: var(--hr-typography-font-body-s-font-size);
    font-weight: var(--hr-typography-font-body-s-font-weight);
    line-height: var(--hr-typography-font-body-s-line-height);

    color: var(--hr-color-text-primary);
    border-radius: var(--hr-border-radius-m);
    background-color: var(--hr-color-surface-200);
    box-shadow: var(--hr-effects-shadow);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .IntranetSearch-Popup.g-popup {
    overflow-x: hidden;

    min-width: 240px;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .IntranetSearch.g-popup .g-popup__content {
    box-shadow: none;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .IntranetSearch-Popup.g-popup .g-popup__content {
    box-sizing: border-box;
    padding: var(--hr-space-m);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .g-popup.ic-scopes-list__popup,
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .g-popup.g-breadcrumbs__popup {
    --g-popup-background-color: var(--hr-color-surface-200);

    box-sizing: border-box;

    font-size: var(--hr-typography-font-body-s-font-size);
    font-weight: var(--hr-typography-font-body-s-font-weight);
    line-height: var(--hr-typography-font-body-s-line-height);

    border-radius: var(--hr-border-radius-m);
    box-shadow: var(--hr-effects-shadow);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .ic-scopes-list__popup .g-list__items::before,
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .ic-scopes-list__popup .g-list__items::after {
    display: block;

    height: 8px;

    content: '';
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .ic-scopes-list__popup .g-list__item {
    --g-color-base-simple-hover: var(--hr-color-control-secondary-hover);
    margin: var(--hr-space-xs) 0;
    padding: 0 var(--hr-space-s);

    line-height: 32px;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .IntranetSearch-OthersPopup .g-list__item:hover {
    background-color: var(--hr-color-control-secondary-hover);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .IntranetSearch .ic-search__loader {
    --g-color-base-special: var(--hr-color-control-primary);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .IntranetSearch .ic-search__list {
    --g-color-text-secondary: var(--hr-color-text-secondary);
    --g-color-text-primary: var(--hr-color-text-primary);
    --g-color-text-complementary: var(--hr-color-text-secondary);

    --g-color-text-warning-heavy: var(--hr-color-spectre-orange-500);
    --g-color-base-warning-light-hover: var(--hr-color-spectre-orange-200);
    --g-color-text-positive-heavy: var(--hr-color-spectre-green-500);
    --g-color-base-positive-light-hover: var(--hr-color-spectre-green-200);
    --g-color-text-utility: var(--hr-color-spectre-purple-500);
    --g-color-base-utility-light-hover: var(--hr-color-spectre-purple-200);

    overflow-y: auto;

    margin: var(--hr-space-xs) 0;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .IntranetSearch .ic-search__list .ic-search-caption-row {
    margin: 0;
    padding: 0;

    font-size: var(--hr-typography-font-caption-s-font-size);
    font-weight: var(--hr-typography-font-caption-s-font-weight);
    line-height: var(--hr-typography-font-caption-s-line-height);

    color: var(--hr-color-text-secondary);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .IntranetSearch .ic-search__list .ic-search-row {
    padding: var(--hr-space-s) var(--hr-space-m);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .IntranetSearch .ic-search__list .ic-search-row .ic-search-row__title {
    font-size: var(--hr-typography-font-body-s-font-size);
    font-weight: var(--hr-typography-font-body-s-font-weight);
    line-height: var(--hr-typography-font-body-s-line-height);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .IntranetSearch .ic-search__list .ic-search-row .ic-search-row__description,
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .IntranetSearch .ic-search__list .ic-search-row .ic-search-row__description .g-link,
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .IntranetSearch .ic-search__list .ic-search-row .ic-mark-item.g-link {
    height: var(--hr-typography-line-height-s);
    margin: 0;

    font-size: var(--hr-typography-font-caption-m-font-size);
    font-weight: var(--hr-typography-font-caption-m-font-weight);
    line-height: var(--hr-typography-line-height-s);

    color: var(--hr-color-text-secondary);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .IntranetSearch .ic-search__list .ic-search-row .ic-search-row__marks,
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .IntranetSearch .ic-search__list .ic-search-row .ic-mark-item .g-link {
    font-size: var(--hr-typography-font-caption-m-font-size);
    font-weight: var(--hr-typography-font-caption-m-font-weight);
    line-height: var(--hr-typography-font-caption-m-line-height);

    color: var(--hr-color-text-secondary);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .IntranetSearch .ic-search__list_empty {
    margin: var(--hr-space-m) 0;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .g-toaster .g-toast__title svg {
    display: none;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .IntranetSearch .ic-search__list .ic-search-row .ic-mark-item .g-link svg {
    margin-right: var(--hr-space-xs);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .IntranetSearch .ic-search__list .ic-search-row .ic-mark-item:not(:last-child) {
    margin: 0 var(--hr-space-xs) 0 0;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .IntranetSearch .ic-search__list .ic-search-row .ic-mark-item:last-child {
    margin: 0 var(--hr-space-xs) 0 0;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .IntranetSearch .ic-all-results-button {
    margin: 0;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .g-toaster {
    font-size: var(--hr-typography-font-caption-m-font-size);
    font-weight: var(--hr-typography-font-caption-m-font-weight);
    line-height: var(--hr-typography-font-caption-m-line-height);

    color: var(--hr-color-text-primary);
    border-radius: var(--hr-border-radius-m);
    background-color: var(--hr-color-surface-200);
    box-shadow: var(--hr-effects-shadow);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .g-toaster .g-toast__container .g-toast__title {
    margin-bottom: var(--hr-space-s);

    font-size: var(--hr-typography-font-body-s-font-size);
    font-weight: var(--hr-typography-font-weight-medium);
    line-height: var(--hr-typography-font-body-s-line-height);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .IntranetSearch .ic-search__list .g-list__item_active {
    border-radius: var(--hr-border-radius-s);
    background-color: var(--hr-color-control-secondary-hover);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .IntranetSearch .g-list__item {
    margin: var(--hr-space-xs) 0;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .IntranetSearch .g-label__text {
    font-size: inherit;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .IntranetSearch .ic-search-staff-row_dismissed {
    color: var(--hr-color-text-secondary);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .IntranetSearch {
    --g-text-body-1-font-size: var(--hr-typography-font-body-s-font-size);
    --yc-color-yandex-red: #fc3f1d;

    font-family: var(--hr-typography-font-family-default);
    font-size: var(--hr-typography-font-body-s-font-size);
    font-weight: var(--hr-typography-font-body-s-font-weight);
    line-height: var(--hr-typography-font-body-s-line-height);

    color: var(--hr-color-text-primary);
    border-radius: var(--hr-border-radius-s);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .IntranetSearch-Root.g-root,
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .IntranetSearch.g-popup {
    --g-color-text-primary: var(--hr-color-text-primary);
    --g-color-text-secondary: var(--hr-color-text-secondary);
    --g-color-text-link: var(--hr-color-special-link);
    --g-color-text-link-hover: var(--hr-color-special-error);
    --g-color-base-brand: var(--hr-color-control-primary);
    --g-color-base-neutral-light: var(--hr-color-control-secondary);
    --g-border-radius-xs: var(--hr-border-radius-2-xs);

    background-color: unset;
}

.g-toast {
  --_--item-gap: 10px;
  --_--item-padding: 16px;
  --_--background-color: var(--g-color-base-background);
  display: flex;
  box-sizing: border-box;
  position: relative;
  width: inherit;
  margin-block-end: var(--g-toaster-item-gap, var(--_--item-gap));
  padding: var(--g-toaster-item-padding, var(--_--item-padding));
  font-size: var(--g-text-body-2-font-size);
  border-radius: 8px;
  box-shadow: 0px 0px 15px var(--g-color-sfx-shadow);
  background-color: var(--_--background-color);
  overflow: hidden;
  z-index: 0;
}
.g-toast_mobile {
  width: 100%;
}
.g-toast_theme_normal {
  --_--background-color: var(--g-color-base-float);
}
.g-toast_theme_info {
  --_--container-background-color: var(--g-color-base-info-light);
  --_--icon-color: var(--g-color-text-info-heavy);
}
.g-toast_theme_success {
  --_--container-background-color: var(--g-color-base-positive-light);
  --_--icon-color: var(--g-color-text-positive-heavy);
}
.g-toast_theme_warning {
  --_--container-background-color: var(--g-color-base-warning-light);
  --_--icon-color: var(--g-color-text-warning-heavy);
}
.g-toast_theme_danger {
  --_--container-background-color: var(--g-color-base-danger-light);
  --_--icon-color: var(--g-color-text-danger-heavy);
}
.g-toast_theme_utility {
  --_--container-background-color: var(--g-color-base-utility-light);
  --_--icon-color: var(--g-color-text-utility-heavy);
}
.g-toast__container {
  flex: 1 1 auto;
  display: grid;
  row-gap: 8px;
  width: 100%;
  height: 100%;
  min-height: var(--g-text-body-2-line-height);
  min-width: 0;
  grid-template-columns: 100%;
}
.g-toast__container:before {
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: -1;
  background-color: var(--_--container-background-color);
}
.g-toast__icon-container {
  flex: 0 0 auto;
  padding-inline-end: 8px;
  padding-block-start: 2px;
  color: var(--_--icon-color);
}
.g-toast__title {
  font-family: var(--g-text-subheader-font-family);
  font-weight: var(--g-text-subheader-font-weight);
  font-size: var(--g-text-subheader-3-font-size);
  line-height: var(--g-text-subheader-3-line-height);
  margin: 0;
  padding-inline-end: 32px;
}
.g-toast__content_without-title {
  padding-inline-end: 32px;
}
.g-toast__action {
  margin-inline-end: 8px;
}
.g-toast .g-toast__btn-close {
  position: absolute;
  inset-block-start: 16px;
  inset-inline-end: 16px;
}
.g-toast-animation-mobile_enter {
  opacity: 0;
  position: absolute;
}
.g-toast-animation-mobile_enter_active {
  animation: g-toast-enter-mobile 0.6s ease-out forwards;
  position: relative;
}
.g-toast-animation-mobile_exit_active {
  animation: g-toast-exit-mobile 0.6s ease-in forwards;
}

@keyframes g-toast-enter-mobile {
  0% {
    margin-block-end: 0;
    padding: 0;
    height: 0;
    opacity: 0;
    transform: translateY(10px);
  }
  50% {
    margin-block-end: var(--g-toaster-item-gap, var(--_--item-gap));
    padding: var(--g-toaster-item-padding, var(--_--item-padding));
    height: var(--_--item-height);
    opacity: 0;
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes g-toast-exit-mobile {
  0% {
    margin-block-end: var(--g-toaster-item-gap, var(--_--item-gap));
    padding: var(--g-toaster-item-padding, var(--_--item-padding));
    height: var(--_--item-height);
    opacity: 1;
    transform: translateX(0);
  }
  50% {
    margin-block-end: var(--g-toaster-item-gap, var(--_--item-gap));
    padding: var(--g-toaster-item-padding, var(--_--item-padding));
    height: var(--_--item-height);
    opacity: 0;
    transform: translateY(10px);
  }
  100% {
    margin-block-end: 0;
    padding: 0;
    height: 0;
    opacity: 0;
    transform: translateY(10px);
  }
}
.g-toast-animation-desktop_enter {
  opacity: 0;
  position: absolute;
}
.g-toast-animation-desktop_enter_active {
  animation: g-toast-enter-desktop 0.6s ease-out forwards;
  position: relative;
}
.g-toast-animation-desktop_exit_active {
  animation: g-toast-exit-desktop 0.6s ease-in forwards;
}

@keyframes g-toast-enter-desktop {
  0% {
    margin-block-end: 0;
    padding: 0;
    height: 0;
    opacity: 0;
    transform: translateX(calc(var(--g-flow-direction) * 10px));
  }
  50% {
    margin-block-end: var(--g-toaster-item-gap, var(--_--item-gap));
    padding: var(--g-toaster-item-padding, var(--_--item-padding));
    height: var(--_--item-height);
    opacity: 0;
    transform: translateX(calc(var(--g-flow-direction) * 10px));
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes g-toast-exit-desktop {
  0% {
    margin-block-end: var(--g-toaster-item-gap, var(--_--item-gap));
    padding: var(--g-toaster-item-padding, var(--_--item-padding));
    height: var(--_--item-height);
    opacity: 1;
    transform: translateX(0);
  }
  50% {
    margin-block-end: var(--g-toaster-item-gap, var(--_--item-gap));
    padding: var(--g-toaster-item-padding, var(--_--item-padding));
    height: var(--_--item-height);
    opacity: 0;
    transform: translateX(calc(var(--g-flow-direction) * 10px));
  }
  100% {
    margin-block-end: 0;
    padding: 0;
    height: 0;
    opacity: 0;
    transform: translateX(calc(var(--g-flow-direction) * 10px));
  }
}
.g-toaster {
  --_--width: 312px;
  position: fixed;
  inset-block-end: 0;
  inset-inline-end: 10px;
  width: var(--g-toaster-width, var(--_--width));
  z-index: 100000;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.g-toaster_mobile {
  --_--width: calc(100% - 20px);
  inset-inline-start: 50%;
  transform: translate(-50%);
}
.Wrapper--z63IF {
    overflow-y: auto;

    width: 800px;
    height: 600px;
    padding: var(--hr-space-s);
}

.HideBlock--WRAOs {
    display: none;
}

.g-tooltip[class] {
  --g-popup-border-width: 0;
}
.g-tooltip[class] > div {
  padding: 4px 8px;
  max-width: 360px;
  box-sizing: border-box;
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.15);
  animation-duration: 1ms;
}
.g-tooltip__content {
  /* stylelint-disable-next-line */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-box-orient: vertical;
  -webkit-line-clamp: 20;
  -moz-line-clamp: 20;
  -ms-line-clamp: 20;
  overflow: hidden;
  text-overflow: ellipsis;
}
.g-tabs {
  --_--vertical-item-padding: var(--g-tabs-vertical-item-padding, 6px 20px);
  --_--vertical-item-height: var(--g-tabs-vertical-item-height, 18px);
}
.g-tabs_size_m {
  --_--item-height: 36px;
  --_--item-gap: 24px;
  --_--item-border-width: 2px;
}
.g-tabs_size_m .g-tabs__item-title,
.g-tabs_size_m .g-tabs__item-counter {
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-1-font-size);
  line-height: var(--g-text-body-1-line-height);
}
.g-tabs_size_l {
  --_--item-height: 40px;
  --_--item-gap: 28px;
  --_--item-border-width: 2px;
}
.g-tabs_size_l .g-tabs__item-title,
.g-tabs_size_l .g-tabs__item-counter {
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-2-font-size);
  line-height: var(--g-text-body-2-line-height);
}
.g-tabs_size_xl {
  --_--item-height: 44px;
  --_--item-gap: 32px;
  --_--item-border-width: 3px;
}
.g-tabs_size_xl .g-tabs__item-title,
.g-tabs_size_xl .g-tabs__item-counter {
  font-family: var(--g-text-subheader-font-family);
  font-weight: var(--g-text-subheader-font-weight);
  font-size: var(--g-text-subheader-3-font-size);
  line-height: var(--g-text-subheader-3-line-height);
}
.g-tabs__item {
  cursor: pointer;
  user-select: none;
  outline: none;
}
.g-tabs__item-content {
  display: flex;
  align-items: center;
  border-radius: var(--g-focus-border-radius);
}
.g-tabs__item_overflow .g-tabs__item-content {
  min-width: 0;
}
.g-tabs__item-icon {
  margin-inline-end: 8px;
}
.g-tabs__item-title {
  white-space: nowrap;
}
.g-tabs__item_overflow .g-tabs__item-title {
  overflow: hidden;
  text-overflow: ellipsis;
}
.g-tabs__item-counter, .g-tabs__item-label {
  margin-inline-start: 8px;
}
.g-tabs__item-icon > svg {
  display: block;
}
.g-tabs_direction_horizontal {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  box-shadow: inset 0 calc(var(--g-tabs-border-width, 1px) * -1) 0 0 var(--g-color-line-generic);
  overflow: hidden;
}
.g-tabs_direction_horizontal .g-tabs__item {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  height: var(--g-tabs-item-height, var(--_--item-height));
  border-block-end: var(--g-tabs-item-border-width, var(--_--item-border-width)) solid transparent;
  padding-block-start: var(--_--item-border-width);
}
.g-tabs_direction_horizontal .g-tabs__item:focus-visible .g-tabs__item-content {
  outline: 2px solid var(--g-color-line-focus);
  outline-offset: -2px;
}
.g-tabs_direction_horizontal .g-tabs__item-meta {
  display: none;
}
.g-tabs_direction_horizontal .g-tabs__item-title {
  color: var(--g-color-text-secondary);
}
.g-tabs_direction_horizontal .g-tabs__item-icon, .g-tabs_direction_horizontal .g-tabs__item-counter {
  color: var(--g-color-text-hint);
}
.g-tabs_direction_horizontal .g-tabs__item_active .g-tabs__item-title, .g-tabs_direction_horizontal .g-tabs__item:hover .g-tabs__item-title, .g-tabs_direction_horizontal .g-tabs__item:focus-visible .g-tabs__item-title {
  color: var(--g-color-text-primary);
}
.g-tabs_direction_horizontal .g-tabs__item_active .g-tabs__item-icon,
.g-tabs_direction_horizontal .g-tabs__item_active .g-tabs__item-counter, .g-tabs_direction_horizontal .g-tabs__item:hover .g-tabs__item-icon,
.g-tabs_direction_horizontal .g-tabs__item:hover .g-tabs__item-counter, .g-tabs_direction_horizontal .g-tabs__item:focus-visible .g-tabs__item-icon,
.g-tabs_direction_horizontal .g-tabs__item:focus-visible .g-tabs__item-counter {
  color: var(--g-color-text-secondary);
}
.g-tabs_direction_horizontal .g-tabs__item_active, .g-tabs_direction_horizontal .g-tabs__item_active:hover, .g-tabs_direction_horizontal .g-tabs__item_active:focus-visible {
  border-color: var(--g-color-line-brand);
}
.g-tabs_direction_horizontal .g-tabs__item_disabled {
  pointer-events: none;
}
.g-tabs_direction_horizontal .g-tabs__item_disabled .g-tabs__item-title {
  color: var(--g-color-text-hint);
}
.g-tabs_direction_horizontal > :not(:last-child) {
  margin-inline-end: var(--g-tabs-item-gap, var(--_--item-gap));
}
.g-tabs_direction_vertical {
  display: flex;
  flex-direction: column;
}
.g-tabs_direction_vertical .g-tabs__item {
  padding: var(--_--vertical-item-padding);
}
.g-tabs_direction_vertical .g-tabs__item-title {
  line-height: var(--_--vertical-item-height);
  color: var(--g-color-text-primary);
}
.g-tabs_direction_vertical .g-tabs__item-meta {
  line-height: var(--_--vertical-item-height);
  color: var(--g-color-text-secondary);
}
.g-tabs_direction_vertical .g-tabs__item-icon, .g-tabs_direction_vertical .g-tabs__item-counter {
  color: var(--g-color-text-secondary);
}
.g-tabs_direction_vertical .g-tabs__item:hover, .g-tabs_direction_vertical .g-tabs__item:focus-visible {
  background-color: var(--g-color-base-generic-hover);
}
.g-tabs_direction_vertical .g-tabs__item_active {
  background-color: var(--g-color-base-selection);
}
.g-tabs_direction_vertical .g-tabs__item_active:hover, .g-tabs_direction_vertical .g-tabs__item_active:focus-visible {
  background-color: var(--g-color-base-selection-hover);
}
.g-tabs_direction_vertical .g-tabs__item_disabled {
  pointer-events: none;
}
.g-tabs_direction_vertical .g-tabs__item_disabled .g-tabs__item-title {
  color: var(--g-color-text-secondary);
}
@charset "UTF-8";
.g-root {
  background: var(--g-color-base-background);
  color: var(--g-color-text-primary);
  --g-font-family-sans: "Inter", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  --g-font-family-monospace: "Menlo", "Monaco", "Consolas", "Ubuntu Mono", "Liberation Mono",
      "DejaVu Sans Mono", "Courier New", "Courier", monospace;
  --g-text-body-font-family: var(--g-font-family-sans);
  --g-text-caption-font-family: var(--g-font-family-sans);
  --g-text-header-font-family: var(--g-font-family-sans);
  --g-text-subheader-font-family: var(--g-font-family-sans);
  --g-text-display-font-family: var(--g-font-family-sans);
  --g-text-code-font-family: var(--g-font-family-monospace);
  --g-text-body-font-weight: 400;
  --g-text-caption-font-weight: 400;
  --g-text-header-font-weight: 600;
  --g-text-subheader-font-weight: 600;
  --g-text-display-font-weight: 600;
  --g-text-code-font-weight: 400;
  --g-text-accent-font-weight: 600;
  --g-text-body-1-font-size: 13px;
  --g-text-body-1-line-height: 18px;
  --g-text-body-2-font-size: 15px;
  --g-text-body-2-line-height: 20px;
  --g-text-body-3-font-size: 17px;
  --g-text-body-3-line-height: 24px;
  --g-text-body-short-font-size: 13px;
  --g-text-body-short-line-height: 16px;
  --g-text-caption-1-font-size: 9px;
  --g-text-caption-1-line-height: 12px;
  --g-text-caption-2-font-size: 11px;
  --g-text-caption-2-line-height: 16px;
  --g-text-header-1-font-size: 20px;
  --g-text-header-1-line-height: 24px;
  --g-text-header-2-font-size: 24px;
  --g-text-header-2-line-height: 28px;
  --g-text-subheader-1-font-size: 13px;
  --g-text-subheader-1-line-height: 18px;
  --g-text-subheader-2-font-size: 15px;
  --g-text-subheader-2-line-height: 20px;
  --g-text-subheader-3-font-size: 17px;
  --g-text-subheader-3-line-height: 24px;
  --g-text-display-1-font-size: 28px;
  --g-text-display-1-line-height: 36px;
  --g-text-display-2-font-size: 32px;
  --g-text-display-2-line-height: 40px;
  --g-text-display-3-font-size: 40px;
  --g-text-display-3-line-height: 48px;
  --g-text-display-4-font-size: 48px;
  --g-text-display-4-line-height: 52px;
  --g-text-code-1-font-size: 12px;
  --g-text-code-1-line-height: 18px;
  --g-text-code-2-font-size: 14px;
  --g-text-code-2-line-height: 20px;
  --g-text-code-3-font-size: 16px;
  --g-text-code-3-line-height: 24px;
  --g-text-code-inline-1-font-size: 12px;
  --g-text-code-inline-1-line-height: 14px;
  --g-text-code-inline-2-font-size: 14px;
  --g-text-code-inline-2-line-height: 16px;
  --g-text-code-inline-3-font-size: 16px;
  --g-text-code-inline-3-line-height: 20px;
  font-family: var(--g-text-body-font-family);
  font-weight: var(--g-text-body-font-weight);
  font-size: var(--g-text-body-1-font-size);
  line-height: var(--g-text-body-1-line-height);
  --g-spacing-base: 4px;
  --g-spacing-0: calc(var(--g-spacing-base) * 0);
  --g-spacing-half: calc(var(--g-spacing-base) * 0.5);
  --g-spacing-1: var(--g-spacing-base);
  --g-spacing-2: calc(var(--g-spacing-base) * 2);
  --g-spacing-3: calc(var(--g-spacing-base) * 3);
  --g-spacing-4: calc(var(--g-spacing-base) * 4);
  --g-spacing-5: calc(var(--g-spacing-base) * 5);
  --g-spacing-6: calc(var(--g-spacing-base) * 6);
  --g-spacing-7: calc(var(--g-spacing-base) * 7);
  --g-spacing-8: calc(var(--g-spacing-base) * 8);
  --g-spacing-9: calc(var(--g-spacing-base) * 9);
  --g-spacing-10: calc(var(--g-spacing-base) * 10);
  --g-scrollbar-width: 12px;
  --g-border-radius-xs: 3px;
  --g-border-radius-s: 5px;
  --g-border-radius-m: 6px;
  --g-border-radius-l: 8px;
  --g-border-radius-xl: 10px;
  --g-focus-border-radius: 2px;
}
body.g-root {
  --g-flow-direction: 1;
  --g-flow-is-ltr: 1;
  --g-flow-is-rtl: 0;
}

.g-root[dir=ltr] {
  --g-flow-direction: 1;
  --g-flow-is-ltr: 1;
  --g-flow-is-rtl: 0;
}
.g-root[dir=rtl] {
  --g-flow-direction: -1;
  --g-flow-is-ltr: 0;
  --g-flow-is-rtl: 1;
}
.g-root_theme_light {
  --g-color-private-white-50: rgba(255, 255, 255, 0.05);
  --g-color-private-white-70: rgba(255, 255, 255, 0.07);
  --g-color-private-white-100: rgba(255, 255, 255, 0.1);
  --g-color-private-white-150: rgba(255, 255, 255, 0.15);
  --g-color-private-white-200: rgba(255, 255, 255, 0.2);
  --g-color-private-white-250: rgba(255, 255, 255, 0.25);
  --g-color-private-white-300: rgba(255, 255, 255, 0.3);
  --g-color-private-white-350: rgba(255, 255, 255, 0.35);
  --g-color-private-white-400: rgba(255, 255, 255, 0.4);
  --g-color-private-white-450: rgba(255, 255, 255, 0.45);
  --g-color-private-white-500: rgba(255, 255, 255, 0.5);
  --g-color-private-white-550: rgba(255, 255, 255, 0.55);
  --g-color-private-white-600: rgba(255, 255, 255, 0.6);
  --g-color-private-white-650: rgba(255, 255, 255, 0.65);
  --g-color-private-white-700: rgba(255, 255, 255, 0.7);
  --g-color-private-white-750: rgba(255, 255, 255, 0.75);
  --g-color-private-white-800: rgba(255, 255, 255, 0.8);
  --g-color-private-white-850: rgba(255, 255, 255, 0.85);
  --g-color-private-white-900: rgba(255, 255, 255, 0.9);
  --g-color-private-white-950: rgba(255, 255, 255, 0.95);
  --g-color-private-white-1000-solid: rgb(255, 255, 255);
  --g-color-private-black-50: rgba(0, 0, 0, 0.05);
  --g-color-private-black-70: rgba(0, 0, 0, 0.07);
  --g-color-private-black-100: rgba(0, 0, 0, 0.1);
  --g-color-private-black-150: rgba(0, 0, 0, 0.15);
  --g-color-private-black-200: rgba(0, 0, 0, 0.2);
  --g-color-private-black-250: rgba(0, 0, 0, 0.25);
  --g-color-private-black-300: rgba(0, 0, 0, 0.3);
  --g-color-private-black-350: rgba(0, 0, 0, 0.35);
  --g-color-private-black-400: rgba(0, 0, 0, 0.4);
  --g-color-private-black-450: rgba(0, 0, 0, 0.45);
  --g-color-private-black-500: rgba(0, 0, 0, 0.5);
  --g-color-private-black-550: rgba(0, 0, 0, 0.55);
  --g-color-private-black-600: rgba(0, 0, 0, 0.6);
  --g-color-private-black-650: rgba(0, 0, 0, 0.65);
  --g-color-private-black-700: rgba(0, 0, 0, 0.7);
  --g-color-private-black-750: rgba(0, 0, 0, 0.75);
  --g-color-private-black-800: rgba(0, 0, 0, 0.8);
  --g-color-private-black-850: rgba(0, 0, 0, 0.85);
  --g-color-private-black-900: rgba(0, 0, 0, 0.9);
  --g-color-private-black-950: rgba(0, 0, 0, 0.95);
  --g-color-private-black-20-solid: rgb(250, 250, 250);
  --g-color-private-black-50-solid: rgb(242, 242, 242);
  --g-color-private-black-100-solid: rgb(229, 229, 229);
  --g-color-private-black-150-solid: rgb(217, 217, 217);
  --g-color-private-black-200-solid: rgb(204, 204, 204);
  --g-color-private-black-250-solid: rgb(191, 191, 191);
  --g-color-private-black-300-solid: rgb(179, 179, 179);
  --g-color-private-black-350-solid: rgb(166, 166, 166);
  --g-color-private-black-400-solid: rgb(153, 153, 153);
  --g-color-private-black-450-solid: rgb(140, 140, 140);
  --g-color-private-black-500-solid: rgb(128, 128, 128);
  --g-color-private-black-550-solid: rgb(115, 115, 115);
  --g-color-private-black-600-solid: rgb(102, 102, 102);
  --g-color-private-black-650-solid: rgb(89, 89, 89);
  --g-color-private-black-700-solid: rgb(76, 76, 76);
  --g-color-private-black-750-solid: rgb(64, 64, 64);
  --g-color-private-black-800-solid: rgb(51, 51, 51);
  --g-color-private-black-850-solid: rgb(38, 38, 38);
  --g-color-private-black-900-solid: rgb(26, 26, 26);
  --g-color-private-black-950-solid: rgb(13, 13, 13);
  --g-color-private-black-1000-solid: rgb(0, 0, 0);
  --g-color-private-blue-50: rgba(54, 151, 241, 0.1);
  --g-color-private-blue-100: rgba(54, 151, 241, 0.15);
  --g-color-private-blue-150: rgba(54, 151, 241, 0.2);
  --g-color-private-blue-200: rgba(54, 151, 241, 0.3);
  --g-color-private-blue-250: rgba(54, 151, 241, 0.4);
  --g-color-private-blue-300: rgba(54, 151, 241, 0.5);
  --g-color-private-blue-350: rgba(54, 151, 241, 0.6);
  --g-color-private-blue-400: rgba(54, 151, 241, 0.7);
  --g-color-private-blue-450: rgba(54, 151, 241, 0.8);
  --g-color-private-blue-500: rgba(54, 151, 241, 0.9);
  --g-color-private-blue-50-solid: rgb(235, 245, 254);
  --g-color-private-blue-100-solid: rgb(225, 239, 253);
  --g-color-private-blue-150-solid: rgb(215, 234, 252);
  --g-color-private-blue-200-solid: rgb(195, 224, 251);
  --g-color-private-blue-250-solid: rgb(175, 213, 249);
  --g-color-private-blue-300-solid: rgb(155, 203, 248);
  --g-color-private-blue-350-solid: rgb(134, 193, 247);
  --g-color-private-blue-400-solid: rgb(114, 182, 245);
  --g-color-private-blue-450-solid: rgb(94, 172, 244);
  --g-color-private-blue-500-solid: rgb(74, 161, 242);
  --g-color-private-blue-550-solid: rgb(54, 151, 241);
  --g-color-private-blue-600-solid: rgb(52, 139, 220);
  --g-color-private-blue-650-solid: rgb(50, 127, 200);
  --g-color-private-blue-700-solid: rgb(48, 114, 179);
  --g-color-private-blue-750-solid: rgb(46, 102, 158);
  --g-color-private-blue-800-solid: rgb(44, 90, 138);
  --g-color-private-blue-850-solid: rgb(42, 78, 117);
  --g-color-private-blue-900-solid: rgb(40, 66, 96);
  --g-color-private-blue-950-solid: rgb(38, 53, 75);
  --g-color-private-blue-1000-solid: rgb(37, 47, 65);
  --g-color-private-green-50: rgba(50, 186, 118, 0.1);
  --g-color-private-green-100: rgba(50, 186, 118, 0.15);
  --g-color-private-green-150: rgba(50, 186, 118, 0.2);
  --g-color-private-green-200: rgba(50, 186, 118, 0.3);
  --g-color-private-green-250: rgba(50, 186, 118, 0.4);
  --g-color-private-green-300: rgba(50, 186, 118, 0.5);
  --g-color-private-green-350: rgba(50, 186, 118, 0.6);
  --g-color-private-green-400: rgba(50, 186, 118, 0.7);
  --g-color-private-green-450: rgba(50, 186, 118, 0.8);
  --g-color-private-green-500: rgba(50, 186, 118, 0.9);
  --g-color-private-green-50-solid: rgb(235, 248, 241);
  --g-color-private-green-100-solid: rgb(224, 245, 234);
  --g-color-private-green-150-solid: rgb(214, 241, 228);
  --g-color-private-green-200-solid: rgb(194, 234, 214);
  --g-color-private-green-250-solid: rgb(173, 227, 200);
  --g-color-private-green-300-solid: rgb(153, 221, 187);
  --g-color-private-green-350-solid: rgb(132, 214, 173);
  --g-color-private-green-400-solid: rgb(112, 207, 159);
  --g-color-private-green-450-solid: rgb(91, 200, 145);
  --g-color-private-green-500-solid: rgb(71, 193, 132);
  --g-color-private-green-550-solid: rgb(50, 186, 118);
  --g-color-private-green-600-solid: rgb(48, 170, 110);
  --g-color-private-green-650-solid: rgb(47, 155, 101);
  --g-color-private-green-700-solid: rgb(45, 139, 93);
  --g-color-private-green-750-solid: rgb(44, 123, 84);
  --g-color-private-green-800-solid: rgb(42, 108, 76);
  --g-color-private-green-850-solid: rgb(40, 92, 68);
  --g-color-private-green-900-solid: rgb(39, 76, 59);
  --g-color-private-green-950-solid: rgb(37, 60, 51);
  --g-color-private-green-1000-solid: rgb(36, 53, 47);
  --g-color-private-yellow-50: rgba(255, 190, 92, 0.1);
  --g-color-private-yellow-100: rgba(255, 190, 92, 0.15);
  --g-color-private-yellow-150: rgba(255, 190, 92, 0.2);
  --g-color-private-yellow-200: rgba(255, 190, 92, 0.3);
  --g-color-private-yellow-250: rgba(255, 190, 92, 0.4);
  --g-color-private-yellow-300: rgba(255, 190, 92, 0.5);
  --g-color-private-yellow-350: rgba(255, 190, 92, 0.6);
  --g-color-private-yellow-400: rgba(255, 190, 92, 0.7);
  --g-color-private-yellow-450: rgba(255, 190, 92, 0.8);
  --g-color-private-yellow-500: rgba(255, 190, 92, 0.9);
  --g-color-private-yellow-50-solid: rgb(255, 249, 239);
  --g-color-private-yellow-100-solid: rgb(255, 245, 231);
  --g-color-private-yellow-150-solid: rgb(255, 242, 222);
  --g-color-private-yellow-200-solid: rgb(255, 236, 206);
  --g-color-private-yellow-250-solid: rgb(255, 229, 190);
  --g-color-private-yellow-300-solid: rgb(255, 223, 174);
  --g-color-private-yellow-350-solid: rgb(255, 216, 157);
  --g-color-private-yellow-400-solid: rgb(255, 210, 141);
  --g-color-private-yellow-450-solid: rgb(255, 203, 125);
  --g-color-private-yellow-500-solid: rgb(255, 197, 108);
  --g-color-private-yellow-550-solid: rgb(255, 190, 92);
  --g-color-private-yellow-600-solid: rgb(233, 174, 86);
  --g-color-private-yellow-650-solid: rgb(211, 158, 80);
  --g-color-private-yellow-700-solid: rgb(189, 142, 75);
  --g-color-private-yellow-750-solid: rgb(167, 126, 69);
  --g-color-private-yellow-800-solid: rgb(145, 110, 63);
  --g-color-private-yellow-850-solid: rgb(122, 93, 57);
  --g-color-private-yellow-900-solid: rgb(100, 77, 51);
  --g-color-private-yellow-950-solid: rgb(78, 61, 46);
  --g-color-private-yellow-1000-solid: rgb(67, 53, 43);
  --g-color-private-orange-50: rgba(255, 119, 0, 0.1);
  --g-color-private-orange-100: rgba(255, 119, 0, 0.15);
  --g-color-private-orange-150: rgba(255, 119, 0, 0.2);
  --g-color-private-orange-200: rgba(255, 119, 0, 0.3);
  --g-color-private-orange-250: rgba(255, 119, 0, 0.4);
  --g-color-private-orange-300: rgba(255, 119, 0, 0.5);
  --g-color-private-orange-350: rgba(255, 119, 0, 0.6);
  --g-color-private-orange-400: rgba(255, 119, 0, 0.7);
  --g-color-private-orange-450: rgba(255, 119, 0, 0.8);
  --g-color-private-orange-500: rgba(255, 119, 0, 0.9);
  --g-color-private-orange-50-solid: rgb(255, 241, 230);
  --g-color-private-orange-100-solid: rgb(255, 235, 217);
  --g-color-private-orange-150-solid: rgb(255, 228, 204);
  --g-color-private-orange-200-solid: rgb(255, 214, 179);
  --g-color-private-orange-250-solid: rgb(255, 201, 153);
  --g-color-private-orange-300-solid: rgb(255, 187, 128);
  --g-color-private-orange-350-solid: rgb(255, 173, 102);
  --g-color-private-orange-400-solid: rgb(255, 160, 77);
  --g-color-private-orange-450-solid: rgb(255, 146, 51);
  --g-color-private-orange-500-solid: rgb(255, 133, 25);
  --g-color-private-orange-550-solid: rgb(255, 119, 0);
  --g-color-private-orange-600-solid: rgb(233, 110, 3);
  --g-color-private-orange-650-solid: rgb(211, 101, 7);
  --g-color-private-orange-700-solid: rgb(189, 92, 10);
  --g-color-private-orange-750-solid: rgb(167, 83, 14);
  --g-color-private-orange-800-solid: rgb(145, 74, 17);
  --g-color-private-orange-850-solid: rgb(122, 65, 20);
  --g-color-private-orange-900-solid: rgb(100, 56, 24);
  --g-color-private-orange-950-solid: rgb(78, 47, 27);
  --g-color-private-orange-1000-solid: rgb(67, 43, 29);
  --g-color-private-red-50: rgba(255, 0, 61, 0.1);
  --g-color-private-red-100: rgba(255, 0, 61, 0.15);
  --g-color-private-red-150: rgba(255, 0, 61, 0.2);
  --g-color-private-red-200: rgba(255, 0, 61, 0.3);
  --g-color-private-red-250: rgba(255, 0, 61, 0.4);
  --g-color-private-red-300: rgba(255, 0, 61, 0.5);
  --g-color-private-red-350: rgba(255, 0, 61, 0.6);
  --g-color-private-red-400: rgba(255, 0, 61, 0.7);
  --g-color-private-red-450: rgba(255, 0, 61, 0.8);
  --g-color-private-red-500: rgba(255, 0, 61, 0.9);
  --g-color-private-red-50-solid: rgb(255, 230, 236);
  --g-color-private-red-100-solid: rgb(255, 217, 226);
  --g-color-private-red-150-solid: rgb(255, 204, 216);
  --g-color-private-red-200-solid: rgb(255, 179, 197);
  --g-color-private-red-250-solid: rgb(255, 153, 177);
  --g-color-private-red-300-solid: rgb(255, 128, 158);
  --g-color-private-red-350-solid: rgb(255, 102, 139);
  --g-color-private-red-400-solid: rgb(255, 77, 119);
  --g-color-private-red-450-solid: rgb(255, 51, 100);
  --g-color-private-red-500-solid: rgb(255, 25, 80);
  --g-color-private-red-550-solid: rgb(255, 0, 61);
  --g-color-private-red-600-solid: rgb(233, 3, 58);
  --g-color-private-red-650-solid: rgb(211, 6, 56);
  --g-color-private-red-700-solid: rgb(189, 9, 53);
  --g-color-private-red-750-solid: rgb(167, 12, 50);
  --g-color-private-red-800-solid: rgb(145, 15, 48);
  --g-color-private-red-850-solid: rgb(122, 17, 45);
  --g-color-private-red-900-solid: rgb(100, 20, 42);
  --g-color-private-red-950-solid: rgb(78, 23, 39);
  --g-color-private-red-1000-solid: rgb(67, 25, 38);
  --g-color-private-purple-50: rgba(143, 82, 204, 0.1);
  --g-color-private-purple-100: rgba(143, 82, 204, 0.15);
  --g-color-private-purple-150: rgba(143, 82, 204, 0.2);
  --g-color-private-purple-200: rgba(143, 82, 204, 0.3);
  --g-color-private-purple-250: rgba(143, 82, 204, 0.4);
  --g-color-private-purple-300: rgba(143, 82, 204, 0.5);
  --g-color-private-purple-350: rgba(143, 82, 204, 0.6);
  --g-color-private-purple-400: rgba(143, 82, 204, 0.7);
  --g-color-private-purple-450: rgba(143, 82, 204, 0.8);
  --g-color-private-purple-500: rgba(143, 82, 204, 0.9);
  --g-color-private-purple-50-solid: rgb(244, 238, 250);
  --g-color-private-purple-100-solid: rgb(238, 229, 247);
  --g-color-private-purple-150-solid: rgb(233, 220, 245);
  --g-color-private-purple-200-solid: rgb(221, 203, 240);
  --g-color-private-purple-250-solid: rgb(210, 186, 235);
  --g-color-private-purple-300-solid: rgb(199, 169, 230);
  --g-color-private-purple-350-solid: rgb(188, 151, 224);
  --g-color-private-purple-400-solid: rgb(177, 134, 219);
  --g-color-private-purple-450-solid: rgb(165, 117, 214);
  --g-color-private-purple-500-solid: rgb(154, 99, 209);
  --g-color-private-purple-550-solid: rgb(143, 82, 204);
  --g-color-private-purple-600-solid: rgb(132, 77, 187);
  --g-color-private-purple-650-solid: rgb(121, 71, 170);
  --g-color-private-purple-700-solid: rgb(110, 66, 153);
  --g-color-private-purple-750-solid: rgb(99, 61, 136);
  --g-color-private-purple-800-solid: rgb(89, 56, 119);
  --g-color-private-purple-850-solid: rgb(78, 50, 102);
  --g-color-private-purple-900-solid: rgb(67, 45, 85);
  --g-color-private-purple-950-solid: rgb(56, 40, 68);
  --g-color-private-purple-1000-solid: rgb(50, 37, 60);
  --g-color-private-cool-grey-50: rgba(107, 132, 153, 0.1);
  --g-color-private-cool-grey-100: rgba(107, 132, 153, 0.15);
  --g-color-private-cool-grey-150: rgba(107, 132, 153, 0.2);
  --g-color-private-cool-grey-200: rgba(107, 132, 153, 0.3);
  --g-color-private-cool-grey-250: rgba(107, 132, 153, 0.4);
  --g-color-private-cool-grey-300: rgba(107, 132, 153, 0.5);
  --g-color-private-cool-grey-350: rgba(107, 132, 153, 0.6);
  --g-color-private-cool-grey-400: rgba(107, 132, 153, 0.7);
  --g-color-private-cool-grey-450: rgba(107, 132, 153, 0.8);
  --g-color-private-cool-grey-500: rgba(107, 132, 153, 0.9);
  --g-color-private-cool-grey-50-solid: rgb(240, 243, 245);
  --g-color-private-cool-grey-100-solid: rgb(233, 237, 240);
  --g-color-private-cool-grey-150-solid: rgb(225, 230, 235);
  --g-color-private-cool-grey-200-solid: rgb(211, 218, 224);
  --g-color-private-cool-grey-250-solid: rgb(196, 206, 214);
  --g-color-private-cool-grey-300-solid: rgb(181, 194, 204);
  --g-color-private-cool-grey-350-solid: rgb(166, 181, 194);
  --g-color-private-cool-grey-400-solid: rgb(151, 169, 184);
  --g-color-private-cool-grey-450-solid: rgb(137, 157, 173);
  --g-color-private-cool-grey-500-solid: rgb(122, 144, 163);
  --g-color-private-cool-grey-550-solid: rgb(107, 132, 153);
  --g-color-private-cool-grey-600-solid: rgb(100, 122, 141);
  --g-color-private-cool-grey-650-solid: rgb(92, 111, 129);
  --g-color-private-cool-grey-700-solid: rgb(85, 101, 117);
  --g-color-private-cool-grey-750-solid: rgb(78, 91, 105);
  --g-color-private-cool-grey-800-solid: rgb(71, 81, 94);
  --g-color-private-cool-grey-850-solid: rgb(63, 70, 82);
  --g-color-private-cool-grey-900-solid: rgb(56, 60, 70);
  --g-color-private-cool-grey-950-solid: rgb(49, 50, 58);
  --g-color-private-cool-grey-1000-solid: rgb(45, 44, 52);
  --g-color-text-primary: var(--g-color-text-dark-primary);
  --g-color-text-complementary: var(--g-color-text-dark-complementary);
  --g-color-text-secondary: var(--g-color-text-dark-secondary);
  --g-color-text-hint: var(--g-color-text-dark-hint);
  --g-color-text-info: var(--g-color-private-blue-600-solid);
  --g-color-text-positive: var(--g-color-private-green-600-solid);
  --g-color-text-warning: var(--g-color-private-yellow-700-solid);
  --g-color-text-danger: var(--g-color-private-red-600-solid);
  --g-color-text-utility: var(--g-color-private-purple-600-solid);
  --g-color-text-misc: var(--g-color-private-cool-grey-600-solid);
  --g-color-text-info-heavy: var(--g-color-private-blue-700-solid);
  --g-color-text-positive-heavy: var(--g-color-private-green-700-solid);
  --g-color-text-warning-heavy: var(--g-color-private-orange-700-solid);
  --g-color-text-danger-heavy: var(--g-color-private-red-700-solid);
  --g-color-text-utility-heavy: var(--g-color-private-purple-700-solid);
  --g-color-text-misc-heavy: var(--g-color-private-cool-grey-700-solid);
  --g-color-text-brand: var(--g-color-private-yellow-700-solid);
  --g-color-text-brand-heavy: var(--g-color-private-orange-700-solid);
  --g-color-text-brand-contrast: var(--g-color-text-dark-primary);
  --g-color-text-link: var(--g-color-private-yellow-650-solid);
  --g-color-text-link-hover: var(--g-color-private-orange-650-solid);
  --g-color-text-link-visited: var(--g-color-private-purple-550-solid);
  --g-color-text-link-visited-hover: var(--g-color-private-purple-800-solid);
  --g-color-text-dark-primary: var(--g-color-private-black-850);
  --g-color-text-dark-complementary: var(--g-color-private-black-700);
  --g-color-text-dark-secondary: var(--g-color-private-black-500);
  --g-color-text-dark-hint: var(--g-color-private-black-300);
  --g-color-text-light-primary: var(--g-color-private-white-1000-solid);
  --g-color-text-light-complementary: var(--g-color-private-white-850);
  --g-color-text-light-secondary: var(--g-color-private-white-700);
  --g-color-text-light-hint: var(--g-color-private-white-500);
  --g-color-text-inverted-primary: var(--g-color-text-light-primary);
  --g-color-text-inverted-complementary: var(--g-color-text-light-complementary);
  --g-color-text-inverted-secondary: var(--g-color-text-light-secondary);
  --g-color-text-inverted-hint: var(--g-color-text-light-hint);
  --g-color-base-background: var(--g-color-private-white-1000-solid);
  --g-color-base-generic: var(--g-color-private-black-50);
  --g-color-base-generic-hover: var(--g-color-private-black-150);
  --g-color-base-generic-medium: var(--g-color-private-black-150);
  --g-color-base-generic-medium-hover: var(--g-color-private-black-250);
  --g-color-base-generic-accent: var(--g-color-private-black-150);
  --g-color-base-generic-accent-disabled: var(--g-color-private-black-70);
  --g-color-base-generic-ultralight: var(--g-color-private-black-20-solid);
  --g-color-base-simple-hover: var(--g-color-private-black-50);
  --g-color-base-simple-hover-solid: var(--g-color-private-black-50-solid);
  --g-color-base-brand: var(--g-color-private-yellow-550-solid);
  --g-color-base-brand-hover: var(--g-color-private-yellow-600-solid);
  --g-color-base-selection: var(--g-color-private-yellow-200);
  --g-color-base-selection-hover: var(--g-color-private-yellow-300);
  --g-color-base-info-light: var(--g-color-private-blue-100);
  --g-color-base-info-light-hover: var(--g-color-private-blue-200);
  --g-color-base-info-medium: var(--g-color-private-blue-200);
  --g-color-base-info-medium-hover: var(--g-color-private-blue-300);
  --g-color-base-info-heavy: var(--g-color-private-blue-600-solid);
  --g-color-base-info-heavy-hover: var(--g-color-private-blue-700-solid);
  --g-color-base-positive-light: var(--g-color-private-green-100);
  --g-color-base-positive-light-hover: var(--g-color-private-green-200);
  --g-color-base-positive-medium: var(--g-color-private-green-200);
  --g-color-base-positive-medium-hover: var(--g-color-private-green-300);
  --g-color-base-positive-heavy: var(--g-color-private-green-600-solid);
  --g-color-base-positive-heavy-hover: var(--g-color-private-green-700-solid);
  --g-color-base-warning-light: var(--g-color-private-yellow-200);
  --g-color-base-warning-light-hover: var(--g-color-private-yellow-300);
  --g-color-base-warning-medium: var(--g-color-private-yellow-400);
  --g-color-base-warning-medium-hover: var(--g-color-private-yellow-500);
  --g-color-base-warning-heavy: var(--g-color-private-yellow-550-solid);
  --g-color-base-warning-heavy-hover: var(--g-color-private-yellow-650-solid);
  --g-color-base-danger-light: var(--g-color-private-red-100);
  --g-color-base-danger-light-hover: var(--g-color-private-red-200);
  --g-color-base-danger-medium: var(--g-color-private-red-200);
  --g-color-base-danger-medium-hover: var(--g-color-private-red-300);
  --g-color-base-danger-heavy: var(--g-color-private-red-600-solid);
  --g-color-base-danger-heavy-hover: var(--g-color-private-red-700-solid);
  --g-color-base-utility-light: var(--g-color-private-purple-100);
  --g-color-base-utility-light-hover: var(--g-color-private-purple-200);
  --g-color-base-utility-medium: var(--g-color-private-purple-200);
  --g-color-base-utility-medium-hover: var(--g-color-private-purple-300);
  --g-color-base-utility-heavy: var(--g-color-private-purple-600-solid);
  --g-color-base-utility-heavy-hover: var(--g-color-private-purple-700-solid);
  --g-color-base-neutral-light: var(--g-color-private-black-50);
  --g-color-base-neutral-light-hover: var(--g-color-private-black-100);
  --g-color-base-neutral-medium: var(--g-color-private-black-200);
  --g-color-base-neutral-medium-hover: var(--g-color-private-black-250);
  --g-color-base-neutral-heavy: var(--g-color-private-black-450);
  --g-color-base-neutral-heavy-hover: var(--g-color-private-black-550);
  --g-color-base-misc-light: var(--g-color-private-cool-grey-100);
  --g-color-base-misc-light-hover: var(--g-color-private-cool-grey-200);
  --g-color-base-misc-medium: var(--g-color-private-cool-grey-200);
  --g-color-base-misc-medium-hover: var(--g-color-private-cool-grey-300);
  --g-color-base-misc-heavy: var(--g-color-private-cool-grey-600-solid);
  --g-color-base-misc-heavy-hover: var(--g-color-private-cool-grey-700-solid);
  --g-color-base-light: var(--g-color-private-white-1000-solid);
  --g-color-base-light-hover: var(--g-color-private-white-850);
  --g-color-base-light-simple-hover: var(--g-color-private-white-150);
  --g-color-base-light-disabled: var(--g-color-private-white-150);
  --g-color-base-light-accent-disabled: var(--g-color-private-white-300);
  --g-color-base-float: var(--g-color-private-white-1000-solid);
  --g-color-base-float-hover: var(--g-color-private-black-50-solid);
  --g-color-base-float-medium: var(--g-color-private-black-550-solid);
  --g-color-base-float-heavy: var(--g-color-private-black-700-solid);
  --g-color-base-float-accent: var(--g-color-private-white-1000-solid);
  --g-color-base-float-accent-hover: var(--g-color-private-white-850);
  --g-color-base-float-announcement: var(--g-color-private-cool-grey-50-solid);
  --g-color-base-modal: var(--g-color-base-background);
  --g-color-line-generic: var(--g-color-private-black-100);
  --g-color-line-generic-hover: var(--g-color-private-black-150);
  --g-color-line-generic-active: var(--g-color-private-black-300);
  --g-color-line-generic-accent: var(--g-color-private-black-150);
  --g-color-line-generic-accent-hover: var(--g-color-private-black-300);
  --g-color-line-generic-solid: var(--g-color-private-black-100-solid);
  --g-color-line-brand: var(--g-color-private-yellow-600-solid);
  --g-color-line-focus: var(--g-color-private-cool-grey-450);
  --g-color-line-light: var(--g-color-private-white-500);
  --g-color-line-info: var(--g-color-private-blue-450);
  --g-color-line-positive: var(--g-color-private-green-450);
  --g-color-line-warning: var(--g-color-private-yellow-600-solid);
  --g-color-line-danger: var(--g-color-private-red-450);
  --g-color-line-utility: var(--g-color-private-purple-450);
  --g-color-line-misc: var(--g-color-private-cool-grey-450);
  --g-color-sfx-veil: var(--g-color-private-black-250);
  --g-color-sfx-shadow: var(--g-color-private-black-150);
  --g-color-sfx-shadow-heavy: var(--g-color-private-black-500);
  --g-color-sfx-shadow-light: var(--g-color-private-black-50);
  --g-color-sfx-fade: var(--g-color-private-white-300);
  --g-color-scroll-track: var(--g-color-base-background);
  --g-color-scroll-handle: var(--g-color-private-black-100);
  --g-color-scroll-handle-hover: var(--g-color-private-black-150);
  --g-color-scroll-corner: var(--g-color-private-black-100);
  --g-color-infographics-axis: var(--g-color-private-black-150-solid);
  --g-color-infographics-tooltip-bg: var(--g-color-private-white-950);
}
.g-root_theme_dark {
  --g-color-private-white-50: rgba(255, 255, 255, 0.05);
  --g-color-private-white-70: rgba(255, 255, 255, 0.07);
  --g-color-private-white-100: rgba(255, 255, 255, 0.1);
  --g-color-private-white-150: rgba(255, 255, 255, 0.15);
  --g-color-private-white-200: rgba(255, 255, 255, 0.2);
  --g-color-private-white-250: rgba(255, 255, 255, 0.25);
  --g-color-private-white-300: rgba(255, 255, 255, 0.3);
  --g-color-private-white-350: rgba(255, 255, 255, 0.35);
  --g-color-private-white-400: rgba(255, 255, 255, 0.4);
  --g-color-private-white-450: rgba(255, 255, 255, 0.45);
  --g-color-private-white-500: rgba(255, 255, 255, 0.5);
  --g-color-private-white-550: rgba(255, 255, 255, 0.55);
  --g-color-private-white-600: rgba(255, 255, 255, 0.6);
  --g-color-private-white-650: rgba(255, 255, 255, 0.65);
  --g-color-private-white-700: rgba(255, 255, 255, 0.7);
  --g-color-private-white-750: rgba(255, 255, 255, 0.75);
  --g-color-private-white-800: rgba(255, 255, 255, 0.8);
  --g-color-private-white-850: rgba(255, 255, 255, 0.85);
  --g-color-private-white-900: rgba(255, 255, 255, 0.9);
  --g-color-private-white-950: rgba(255, 255, 255, 0.95);
  --g-color-private-white-20-solid: rgb(38, 34, 38);
  --g-color-private-white-50-solid: rgb(45, 40, 45);
  --g-color-private-white-70-solid: rgb(49, 45, 49);
  --g-color-private-white-100-solid: rgb(56, 52, 56);
  --g-color-private-white-150-solid: rgb(67, 63, 67);
  --g-color-private-white-200-solid: rgb(78, 74, 78);
  --g-color-private-white-250-solid: rgb(89, 85, 89);
  --g-color-private-white-300-solid: rgb(100, 97, 100);
  --g-color-private-white-350-solid: rgb(111, 108, 111);
  --g-color-private-white-400-solid: rgb(122, 119, 122);
  --g-color-private-white-450-solid: rgb(133, 131, 133);
  --g-color-private-white-500-solid: rgb(144, 142, 144);
  --g-color-private-white-550-solid: rgb(156, 153, 156);
  --g-color-private-white-600-solid: rgb(167, 165, 167);
  --g-color-private-white-650-solid: rgb(178, 176, 178);
  --g-color-private-white-700-solid: rgb(189, 187, 189);
  --g-color-private-white-750-solid: rgb(200, 198, 200);
  --g-color-private-white-800-solid: rgb(211, 210, 211);
  --g-color-private-white-850-solid: rgb(222, 221, 222);
  --g-color-private-white-900-solid: rgb(233, 232, 233);
  --g-color-private-white-950-solid: rgb(244, 244, 244);
  --g-color-private-white-1000-solid: rgb(255, 255, 255);
  --g-color-private-white-opaque-150: rgba(76, 75, 81, 0.95);
  --g-color-private-black-20: rgba(0, 0, 0, 0.02);
  --g-color-private-black-50: rgba(0, 0, 0, 0.05);
  --g-color-private-black-100: rgba(0, 0, 0, 0.1);
  --g-color-private-black-150: rgba(0, 0, 0, 0.15);
  --g-color-private-black-200: rgba(0, 0, 0, 0.2);
  --g-color-private-black-250: rgba(0, 0, 0, 0.25);
  --g-color-private-black-300: rgba(0, 0, 0, 0.3);
  --g-color-private-black-350: rgba(0, 0, 0, 0.35);
  --g-color-private-black-400: rgba(0, 0, 0, 0.4);
  --g-color-private-black-450: rgba(0, 0, 0, 0.45);
  --g-color-private-black-500: rgba(0, 0, 0, 0.5);
  --g-color-private-black-550: rgba(0, 0, 0, 0.55);
  --g-color-private-black-600: rgba(0, 0, 0, 0.6);
  --g-color-private-black-650: rgba(0, 0, 0, 0.65);
  --g-color-private-black-700: rgba(0, 0, 0, 0.7);
  --g-color-private-black-750: rgba(0, 0, 0, 0.75);
  --g-color-private-black-800: rgba(0, 0, 0, 0.8);
  --g-color-private-black-850: rgba(0, 0, 0, 0.85);
  --g-color-private-black-900: rgba(0, 0, 0, 0.9);
  --g-color-private-black-950: rgba(0, 0, 0, 0.95);
  --g-color-private-black-1000-solid: rgb(0, 0, 0);
  --g-color-private-blue-50: rgba(54, 151, 241, 0.1);
  --g-color-private-blue-100: rgba(54, 151, 241, 0.15);
  --g-color-private-blue-150: rgba(54, 151, 241, 0.2);
  --g-color-private-blue-200: rgba(54, 151, 241, 0.3);
  --g-color-private-blue-250: rgba(54, 151, 241, 0.4);
  --g-color-private-blue-300: rgba(54, 151, 241, 0.5);
  --g-color-private-blue-350: rgba(54, 151, 241, 0.6);
  --g-color-private-blue-400: rgba(54, 151, 241, 0.7);
  --g-color-private-blue-450: rgba(54, 151, 241, 0.8);
  --g-color-private-blue-500: rgba(54, 151, 241, 0.9);
  --g-color-private-blue-50-solid: rgb(36, 41, 55);
  --g-color-private-blue-100-solid: rgb(37, 47, 65);
  --g-color-private-blue-150-solid: rgb(38, 53, 75);
  --g-color-private-blue-200-solid: rgb(40, 66, 96);
  --g-color-private-blue-250-solid: rgb(42, 78, 117);
  --g-color-private-blue-300-solid: rgb(44, 90, 138);
  --g-color-private-blue-350-solid: rgb(46, 102, 158);
  --g-color-private-blue-400-solid: rgb(48, 114, 179);
  --g-color-private-blue-450-solid: rgb(50, 127, 200);
  --g-color-private-blue-500-solid: rgb(52, 139, 220);
  --g-color-private-blue-550-solid: rgb(54, 151, 241);
  --g-color-private-blue-600-solid: rgb(74, 161, 242);
  --g-color-private-blue-650-solid: rgb(94, 172, 244);
  --g-color-private-blue-700-solid: rgb(114, 182, 245);
  --g-color-private-blue-750-solid: rgb(134, 193, 247);
  --g-color-private-blue-800-solid: rgb(155, 203, 248);
  --g-color-private-blue-850-solid: rgb(175, 213, 249);
  --g-color-private-blue-900-solid: rgb(195, 224, 251);
  --g-color-private-blue-950-solid: rgb(215, 234, 252);
  --g-color-private-blue-1000-solid: rgb(225, 239, 253);
  --g-color-private-green-50: rgba(77, 176, 155, 0.1);
  --g-color-private-green-100: rgba(77, 176, 155, 0.15);
  --g-color-private-green-150: rgba(77, 176, 155, 0.2);
  --g-color-private-green-200: rgba(77, 176, 155, 0.3);
  --g-color-private-green-250: rgba(77, 176, 155, 0.4);
  --g-color-private-green-300: rgba(77, 176, 155, 0.5);
  --g-color-private-green-350: rgba(77, 176, 155, 0.6);
  --g-color-private-green-400: rgba(77, 176, 155, 0.7);
  --g-color-private-green-450: rgba(77, 176, 155, 0.8);
  --g-color-private-green-500: rgba(77, 176, 155, 0.9);
  --g-color-private-green-50-solid: rgb(38, 44, 46);
  --g-color-private-green-100-solid: rgb(40, 51, 52);
  --g-color-private-green-150-solid: rgb(43, 58, 58);
  --g-color-private-green-200-solid: rgb(47, 73, 70);
  --g-color-private-green-250-solid: rgb(51, 88, 82);
  --g-color-private-green-300-solid: rgb(56, 103, 95);
  --g-color-private-green-350-solid: rgb(60, 117, 107);
  --g-color-private-green-400-solid: rgb(64, 132, 119);
  --g-color-private-green-450-solid: rgb(68, 147, 131);
  --g-color-private-green-500-solid: rgb(73, 161, 143);
  --g-color-private-green-550-solid: rgb(77, 176, 155);
  --g-color-private-green-600-solid: rgb(95, 184, 165);
  --g-color-private-green-650-solid: rgb(113, 192, 175);
  --g-color-private-green-700-solid: rgb(130, 200, 185);
  --g-color-private-green-750-solid: rgb(148, 208, 195);
  --g-color-private-green-800-solid: rgb(166, 216, 205);
  --g-color-private-green-850-solid: rgb(184, 223, 215);
  --g-color-private-green-900-solid: rgb(202, 231, 225);
  --g-color-private-green-950-solid: rgb(219, 239, 235);
  --g-color-private-green-1000-solid: rgb(228, 243, 240);
  --g-color-private-yellow-50: rgba(255, 190, 92, 0.1);
  --g-color-private-yellow-100: rgba(255, 190, 92, 0.15);
  --g-color-private-yellow-150: rgba(255, 190, 92, 0.2);
  --g-color-private-yellow-200: rgba(255, 190, 92, 0.3);
  --g-color-private-yellow-250: rgba(255, 190, 92, 0.4);
  --g-color-private-yellow-300: rgba(255, 190, 92, 0.5);
  --g-color-private-yellow-350: rgba(255, 190, 92, 0.6);
  --g-color-private-yellow-400: rgba(255, 190, 92, 0.7);
  --g-color-private-yellow-450: rgba(255, 190, 92, 0.8);
  --g-color-private-yellow-500: rgba(255, 190, 92, 0.9);
  --g-color-private-yellow-50-solid: rgb(56, 45, 40);
  --g-color-private-yellow-100-solid: rgb(67, 53, 43);
  --g-color-private-yellow-150-solid: rgb(78, 61, 46);
  --g-color-private-yellow-200-solid: rgb(100, 77, 51);
  --g-color-private-yellow-250-solid: rgb(122, 93, 57);
  --g-color-private-yellow-300-solid: rgb(145, 110, 63);
  --g-color-private-yellow-350-solid: rgb(167, 126, 69);
  --g-color-private-yellow-400-solid: rgb(189, 142, 75);
  --g-color-private-yellow-450-solid: rgb(211, 158, 80);
  --g-color-private-yellow-500-solid: rgb(233, 174, 86);
  --g-color-private-yellow-550-solid: rgb(255, 190, 92);
  --g-color-private-yellow-600-solid: rgb(255, 197, 108);
  --g-color-private-yellow-650-solid: rgb(255, 203, 125);
  --g-color-private-yellow-700-solid: rgb(255, 210, 141);
  --g-color-private-yellow-750-solid: rgb(255, 216, 157);
  --g-color-private-yellow-800-solid: rgb(255, 223, 174);
  --g-color-private-yellow-850-solid: rgb(255, 229, 190);
  --g-color-private-yellow-900-solid: rgb(255, 236, 206);
  --g-color-private-yellow-950-solid: rgb(255, 242, 222);
  --g-color-private-yellow-1000-solid: rgb(255, 245, 231);
  --g-color-private-orange-50: rgba(200, 99, 12, 0.1);
  --g-color-private-orange-100: rgba(200, 99, 12, 0.15);
  --g-color-private-orange-150: rgba(200, 99, 12, 0.2);
  --g-color-private-orange-200: rgba(200, 99, 12, 0.3);
  --g-color-private-orange-250: rgba(200, 99, 12, 0.4);
  --g-color-private-orange-300: rgba(200, 99, 12, 0.5);
  --g-color-private-orange-350: rgba(200, 99, 12, 0.6);
  --g-color-private-orange-400: rgba(200, 99, 12, 0.7);
  --g-color-private-orange-450: rgba(200, 99, 12, 0.8);
  --g-color-private-orange-500: rgba(200, 99, 12, 0.9);
  --g-color-private-orange-50-solid: rgb(51, 36, 32);
  --g-color-private-orange-100-solid: rgb(59, 40, 31);
  --g-color-private-orange-150-solid: rgb(67, 43, 30);
  --g-color-private-orange-200-solid: rgb(84, 50, 27);
  --g-color-private-orange-250-solid: rgb(100, 57, 25);
  --g-color-private-orange-300-solid: rgb(117, 64, 23);
  --g-color-private-orange-350-solid: rgb(134, 71, 21);
  --g-color-private-orange-400-solid: rgb(150, 78, 19);
  --g-color-private-orange-450-solid: rgb(167, 85, 16);
  --g-color-private-orange-500-solid: rgb(183, 92, 14);
  --g-color-private-orange-550-solid: rgb(200, 99, 12);
  --g-color-private-orange-600-solid: rgb(206, 115, 36);
  --g-color-private-orange-650-solid: rgb(211, 130, 61);
  --g-color-private-orange-700-solid: rgb(217, 146, 85);
  --g-color-private-orange-750-solid: rgb(222, 161, 109);
  --g-color-private-orange-800-solid: rgb(228, 177, 134);
  --g-color-private-orange-850-solid: rgb(233, 193, 158);
  --g-color-private-orange-900-solid: rgb(239, 208, 182);
  --g-color-private-orange-950-solid: rgb(244, 224, 206);
  --g-color-private-orange-1000-solid: rgb(247, 232, 219);
  --g-color-private-red-50: rgba(229, 50, 93, 0.1);
  --g-color-private-red-100: rgba(229, 50, 93, 0.15);
  --g-color-private-red-150: rgba(229, 50, 93, 0.2);
  --g-color-private-red-200: rgba(229, 50, 93, 0.3);
  --g-color-private-red-250: rgba(229, 50, 93, 0.4);
  --g-color-private-red-300: rgba(229, 50, 93, 0.5);
  --g-color-private-red-350: rgba(229, 50, 93, 0.6);
  --g-color-private-red-400: rgba(229, 50, 93, 0.7);
  --g-color-private-red-450: rgba(229, 50, 93, 0.8);
  --g-color-private-red-500: rgba(229, 50, 93, 0.9);
  --g-color-private-red-50-solid: rgb(54, 31, 40);
  --g-color-private-red-100-solid: rgb(63, 32, 43);
  --g-color-private-red-150-solid: rgb(73, 33, 46);
  --g-color-private-red-200-solid: rgb(93, 35, 52);
  --g-color-private-red-250-solid: rgb(112, 37, 58);
  --g-color-private-red-300-solid: rgb(132, 40, 64);
  --g-color-private-red-350-solid: rgb(151, 42, 69);
  --g-color-private-red-400-solid: rgb(171, 44, 75);
  --g-color-private-red-450-solid: rgb(190, 46, 81);
  --g-color-private-red-500-solid: rgb(210, 48, 87);
  --g-color-private-red-550-solid: rgb(229, 50, 93);
  --g-color-private-red-600-solid: rgb(232, 71, 109);
  --g-color-private-red-650-solid: rgb(234, 91, 125);
  --g-color-private-red-700-solid: rgb(237, 112, 142);
  --g-color-private-red-750-solid: rgb(239, 132, 158);
  --g-color-private-red-800-solid: rgb(242, 153, 174);
  --g-color-private-red-850-solid: rgb(245, 173, 190);
  --g-color-private-red-900-solid: rgb(247, 194, 206);
  --g-color-private-red-950-solid: rgb(250, 214, 223);
  --g-color-private-red-1000-solid: rgb(251, 224, 231);
  --g-color-private-purple-50: rgba(143, 82, 204, 0.1);
  --g-color-private-purple-100: rgba(143, 82, 204, 0.15);
  --g-color-private-purple-150: rgba(143, 82, 204, 0.2);
  --g-color-private-purple-200: rgba(143, 82, 204, 0.3);
  --g-color-private-purple-250: rgba(143, 82, 204, 0.4);
  --g-color-private-purple-300: rgba(143, 82, 204, 0.5);
  --g-color-private-purple-350: rgba(143, 82, 204, 0.6);
  --g-color-private-purple-400: rgba(143, 82, 204, 0.7);
  --g-color-private-purple-450: rgba(143, 82, 204, 0.8);
  --g-color-private-purple-500: rgba(143, 82, 204, 0.9);
  --g-color-private-purple-50-solid: rgb(45, 34, 51);
  --g-color-private-purple-100-solid: rgb(50, 37, 60);
  --g-color-private-purple-150-solid: rgb(56, 40, 68);
  --g-color-private-purple-200-solid: rgb(67, 45, 85);
  --g-color-private-purple-250-solid: rgb(78, 50, 102);
  --g-color-private-purple-300-solid: rgb(89, 56, 119);
  --g-color-private-purple-350-solid: rgb(99, 61, 136);
  --g-color-private-purple-400-solid: rgb(110, 66, 153);
  --g-color-private-purple-450-solid: rgb(121, 71, 170);
  --g-color-private-purple-500-solid: rgb(132, 77, 187);
  --g-color-private-purple-550-solid: rgb(143, 82, 204);
  --g-color-private-purple-600-solid: rgb(154, 99, 209);
  --g-color-private-purple-650-solid: rgb(165, 117, 214);
  --g-color-private-purple-700-solid: rgb(177, 134, 219);
  --g-color-private-purple-750-solid: rgb(188, 151, 224);
  --g-color-private-purple-800-solid: rgb(199, 169, 230);
  --g-color-private-purple-850-solid: rgb(210, 186, 235);
  --g-color-private-purple-900-solid: rgb(221, 203, 240);
  --g-color-private-purple-950-solid: rgb(233, 220, 245);
  --g-color-private-purple-1000-solid: rgb(238, 229, 247);
  --g-color-private-cool-grey-50: rgba(96, 128, 156, 0.1);
  --g-color-private-cool-grey-100: rgba(96, 128, 156, 0.15);
  --g-color-private-cool-grey-150: rgba(96, 128, 156, 0.2);
  --g-color-private-cool-grey-200: rgba(96, 128, 156, 0.3);
  --g-color-private-cool-grey-250: rgba(96, 128, 156, 0.4);
  --g-color-private-cool-grey-300: rgba(96, 128, 156, 0.5);
  --g-color-private-cool-grey-350: rgba(96, 128, 156, 0.6);
  --g-color-private-cool-grey-400: rgba(96, 128, 156, 0.7);
  --g-color-private-cool-grey-450: rgba(96, 128, 156, 0.8);
  --g-color-private-cool-grey-500: rgba(96, 128, 156, 0.9);
  --g-color-private-cool-grey-50-solid: rgb(40, 39, 46);
  --g-color-private-cool-grey-100-solid: rgb(43, 44, 52);
  --g-color-private-cool-grey-150-solid: rgb(46, 49, 58);
  --g-color-private-cool-grey-200-solid: rgb(53, 59, 71);
  --g-color-private-cool-grey-250-solid: rgb(59, 69, 83);
  --g-color-private-cool-grey-300-solid: rgb(65, 79, 95);
  --g-color-private-cool-grey-350-solid: rgb(71, 88, 107);
  --g-color-private-cool-grey-400-solid: rgb(77, 98, 119);
  --g-color-private-cool-grey-450-solid: rgb(84, 108, 132);
  --g-color-private-cool-grey-500-solid: rgb(90, 118, 144);
  --g-color-private-cool-grey-550-solid: rgb(96, 128, 156);
  --g-color-private-cool-grey-600-solid: rgb(112, 141, 166);
  --g-color-private-cool-grey-650-solid: rgb(128, 153, 176);
  --g-color-private-cool-grey-700-solid: rgb(144, 166, 186);
  --g-color-private-cool-grey-750-solid: rgb(160, 179, 196);
  --g-color-private-cool-grey-800-solid: rgb(176, 192, 206);
  --g-color-private-cool-grey-850-solid: rgb(191, 204, 215);
  --g-color-private-cool-grey-900-solid: rgb(207, 217, 225);
  --g-color-private-cool-grey-950-solid: rgb(223, 230, 235);
  --g-color-private-cool-grey-1000-solid: rgb(231, 236, 240);
  --g-color-text-primary: var(--g-color-text-light-primary);
  --g-color-text-complementary: var(--g-color-text-light-complementary);
  --g-color-text-secondary: var(--g-color-text-light-secondary);
  --g-color-text-hint: var(--g-color-text-light-hint);
  --g-color-text-info: var(--g-color-private-blue-550-solid);
  --g-color-text-positive: var(--g-color-private-green-550-solid);
  --g-color-text-warning: var(--g-color-private-yellow-550-solid);
  --g-color-text-danger: var(--g-color-private-red-550-solid);
  --g-color-text-utility: var(--g-color-private-purple-600-solid);
  --g-color-text-misc: var(--g-color-private-cool-grey-600-solid);
  --g-color-text-info-heavy: var(--g-color-private-blue-600-solid);
  --g-color-text-positive-heavy: var(--g-color-private-green-600-solid);
  --g-color-text-warning-heavy: var(--g-color-private-yellow-600-solid);
  --g-color-text-danger-heavy: var(--g-color-private-red-600-solid);
  --g-color-text-utility-heavy: var(--g-color-private-purple-650-solid);
  --g-color-text-misc-heavy: var(--g-color-private-cool-grey-650-solid);
  --g-color-text-brand: var(--g-color-private-yellow-600-solid);
  --g-color-text-brand-heavy: var(--g-color-private-yellow-700-solid);
  --g-color-text-brand-contrast: var(--g-color-text-dark-primary);
  --g-color-text-link: var(--g-color-private-yellow-550-solid);
  --g-color-text-link-hover: var(--g-color-private-orange-550-solid);
  --g-color-text-link-visited: var(--g-color-private-purple-600-solid);
  --g-color-text-link-visited-hover: var(--g-color-private-purple-750-solid);
  --g-color-text-dark-primary: var(--g-color-private-black-900);
  --g-color-text-dark-complementary: var(--g-color-private-black-700);
  --g-color-text-dark-secondary: var(--g-color-private-black-500);
  --g-color-text-dark-hint: var(--g-color-private-black-300);
  --g-color-text-light-primary: var(--g-color-private-white-850);
  --g-color-text-light-complementary: var(--g-color-private-white-700);
  --g-color-text-light-secondary: var(--g-color-private-white-500);
  --g-color-text-light-hint: var(--g-color-private-white-300);
  --g-color-text-inverted-primary: var(--g-color-text-dark-primary);
  --g-color-text-inverted-complementary: var(--g-color-text-dark-complementary);
  --g-color-text-inverted-secondary: var(--g-color-text-dark-secondary);
  --g-color-text-inverted-hint: var(--g-color-text-dark-hint);
  --g-color-base-background: rgb(34, 29, 34);
  --g-color-base-generic: var(--g-color-private-white-100);
  --g-color-base-generic-hover: var(--g-color-private-white-150);
  --g-color-base-generic-medium: var(--g-color-private-white-250);
  --g-color-base-generic-medium-hover: var(--g-color-private-white-300);
  --g-color-base-generic-accent: var(--g-color-private-white-150);
  --g-color-base-generic-accent-disabled: var(--g-color-private-white-70);
  --g-color-base-generic-ultralight: var(--g-color-private-white-20-solid);
  --g-color-base-simple-hover: var(--g-color-private-white-100);
  --g-color-base-simple-hover-solid: var(--g-color-private-white-100-solid);
  --g-color-base-brand: var(--g-color-private-yellow-550-solid);
  --g-color-base-brand-hover: var(--g-color-private-yellow-650-solid);
  --g-color-base-selection: var(--g-color-private-yellow-150);
  --g-color-base-selection-hover: var(--g-color-private-yellow-200);
  --g-color-base-info-light: var(--g-color-private-blue-150);
  --g-color-base-info-light-hover: var(--g-color-private-blue-200);
  --g-color-base-info-medium: var(--g-color-private-blue-300);
  --g-color-base-info-medium-hover: var(--g-color-private-blue-400);
  --g-color-base-info-heavy: var(--g-color-private-blue-600-solid);
  --g-color-base-info-heavy-hover: var(--g-color-private-blue-700-solid);
  --g-color-base-positive-light: var(--g-color-private-green-150);
  --g-color-base-positive-light-hover: var(--g-color-private-green-200);
  --g-color-base-positive-medium: var(--g-color-private-green-300);
  --g-color-base-positive-medium-hover: var(--g-color-private-green-400);
  --g-color-base-positive-heavy: var(--g-color-private-green-600-solid);
  --g-color-base-positive-heavy-hover: var(--g-color-private-green-700-solid);
  --g-color-base-warning-light: var(--g-color-private-yellow-150);
  --g-color-base-warning-light-hover: var(--g-color-private-yellow-200);
  --g-color-base-warning-medium: var(--g-color-private-yellow-300);
  --g-color-base-warning-medium-hover: var(--g-color-private-yellow-400);
  --g-color-base-warning-heavy: var(--g-color-private-yellow-600-solid);
  --g-color-base-warning-heavy-hover: var(--g-color-private-yellow-700-solid);
  --g-color-base-danger-light: var(--g-color-private-red-150);
  --g-color-base-danger-light-hover: var(--g-color-private-red-200);
  --g-color-base-danger-medium: var(--g-color-private-red-300);
  --g-color-base-danger-medium-hover: var(--g-color-private-red-400);
  --g-color-base-danger-heavy: var(--g-color-private-red-600-solid);
  --g-color-base-danger-heavy-hover: var(--g-color-private-red-700-solid);
  --g-color-base-utility-light: var(--g-color-private-purple-150);
  --g-color-base-utility-light-hover: var(--g-color-private-purple-250);
  --g-color-base-utility-medium: var(--g-color-private-purple-300);
  --g-color-base-utility-medium-hover: var(--g-color-private-purple-400);
  --g-color-base-utility-heavy: var(--g-color-private-purple-600-solid);
  --g-color-base-utility-heavy-hover: var(--g-color-private-purple-700-solid);
  --g-color-base-neutral-light: var(--g-color-private-white-100);
  --g-color-base-neutral-light-hover: var(--g-color-private-white-150);
  --g-color-base-neutral-medium: var(--g-color-private-white-250);
  --g-color-base-neutral-medium-hover: var(--g-color-private-white-350);
  --g-color-base-neutral-heavy: var(--g-color-private-white-550);
  --g-color-base-neutral-heavy-hover: var(--g-color-private-white-650);
  --g-color-base-misc-light: var(--g-color-private-cool-grey-150);
  --g-color-base-misc-light-hover: var(--g-color-private-cool-grey-200);
  --g-color-base-misc-medium: var(--g-color-private-cool-grey-300);
  --g-color-base-misc-medium-hover: var(--g-color-private-cool-grey-400);
  --g-color-base-misc-heavy: var(--g-color-private-cool-grey-600-solid);
  --g-color-base-misc-heavy-hover: var(--g-color-private-cool-grey-700-solid);
  --g-color-base-light: var(--g-color-private-white-850);
  --g-color-base-light-hover: var(--g-color-private-white-700);
  --g-color-base-light-simple-hover: var(--g-color-private-white-150);
  --g-color-base-light-disabled: var(--g-color-private-white-150);
  --g-color-base-light-accent-disabled: var(--g-color-private-white-300);
  --g-color-base-float: var(--g-color-private-white-100-solid);
  --g-color-base-float-hover: var(--g-color-private-white-150-solid);
  --g-color-base-float-medium: var(--g-color-private-white-150-solid);
  --g-color-base-float-heavy: var(--g-color-private-white-250-solid);
  --g-color-base-float-accent: var(--g-color-private-white-150-solid);
  --g-color-base-float-accent-hover: var(--g-color-private-white-200-solid);
  --g-color-base-float-announcement: var(--g-color-private-white-150-solid);
  --g-color-base-modal: var(--g-color-base-background);
  --g-color-line-generic: var(--g-color-private-white-150);
  --g-color-line-generic-hover: var(--g-color-private-white-250);
  --g-color-line-generic-active: var(--g-color-private-white-300);
  --g-color-line-generic-accent: var(--g-color-private-white-150);
  --g-color-line-generic-accent-hover: var(--g-color-private-white-300);
  --g-color-line-generic-solid: var(--g-color-private-white-150-solid);
  --g-color-line-brand: var(--g-color-private-yellow-600-solid);
  --g-color-line-focus: var(--g-color-private-cool-grey-450);
  --g-color-line-light: var(--g-color-private-white-500);
  --g-color-line-info: var(--g-color-private-blue-450);
  --g-color-line-positive: var(--g-color-private-green-450);
  --g-color-line-warning: var(--g-color-private-yellow-450);
  --g-color-line-danger: var(--g-color-private-red-450);
  --g-color-line-utility: var(--g-color-private-purple-450);
  --g-color-line-misc: var(--g-color-private-cool-grey-450);
  --g-color-sfx-veil: var(--g-color-private-black-600);
  --g-color-sfx-shadow: var(--g-color-private-black-200);
  --g-color-sfx-shadow-heavy: var(--g-color-private-black-500);
  --g-color-sfx-shadow-light: var(--g-color-private-black-200);
  --g-color-sfx-fade: var(--g-color-private-white-250);
  --g-color-scroll-track: var(--g-color-base-background);
  --g-color-scroll-handle: var(--g-color-private-white-150);
  --g-color-scroll-handle-hover: var(--g-color-private-white-250);
  --g-color-scroll-corner: var(--g-color-private-white-150);
  --g-color-infographics-axis: var(--g-color-private-white-150-solid);
  --g-color-infographics-tooltip-bg: var(--g-color-private-white-opaque-150);
}
.g-root_theme_light-hc {
  --g-color-private-white-50: rgba(255, 255, 255, 0.05);
  --g-color-private-white-70: rgba(255, 255, 255, 0.07);
  --g-color-private-white-100: rgba(255, 255, 255, 0.1);
  --g-color-private-white-150: rgba(255, 255, 255, 0.15);
  --g-color-private-white-200: rgba(255, 255, 255, 0.2);
  --g-color-private-white-250: rgba(255, 255, 255, 0.25);
  --g-color-private-white-300: rgba(255, 255, 255, 0.3);
  --g-color-private-white-350: rgba(255, 255, 255, 0.35);
  --g-color-private-white-400: rgba(255, 255, 255, 0.4);
  --g-color-private-white-450: rgba(255, 255, 255, 0.45);
  --g-color-private-white-500: rgba(255, 255, 255, 0.5);
  --g-color-private-white-550: rgba(255, 255, 255, 0.55);
  --g-color-private-white-600: rgba(255, 255, 255, 0.6);
  --g-color-private-white-650: rgba(255, 255, 255, 0.65);
  --g-color-private-white-700: rgba(255, 255, 255, 0.7);
  --g-color-private-white-750: rgba(255, 255, 255, 0.75);
  --g-color-private-white-800: rgba(255, 255, 255, 0.8);
  --g-color-private-white-850: rgba(255, 255, 255, 0.85);
  --g-color-private-white-900: rgba(255, 255, 255, 0.9);
  --g-color-private-white-950: rgba(255, 255, 255, 0.95);
  --g-color-private-white-1000-solid: rgb(255, 255, 255);
  --g-color-private-black-50: rgba(0, 0, 0, 0.05);
  --g-color-private-black-100: rgba(0, 0, 0, 0.1);
  --g-color-private-black-150: rgba(0, 0, 0, 0.15);
  --g-color-private-black-200: rgba(0, 0, 0, 0.2);
  --g-color-private-black-250: rgba(0, 0, 0, 0.25);
  --g-color-private-black-300: rgba(0, 0, 0, 0.3);
  --g-color-private-black-350: rgba(0, 0, 0, 0.35);
  --g-color-private-black-400: rgba(0, 0, 0, 0.4);
  --g-color-private-black-450: rgba(0, 0, 0, 0.45);
  --g-color-private-black-500: rgba(0, 0, 0, 0.5);
  --g-color-private-black-550: rgba(0, 0, 0, 0.55);
  --g-color-private-black-600: rgba(0, 0, 0, 0.6);
  --g-color-private-black-650: rgba(0, 0, 0, 0.65);
  --g-color-private-black-700: rgba(0, 0, 0, 0.7);
  --g-color-private-black-750: rgba(0, 0, 0, 0.75);
  --g-color-private-black-800: rgba(0, 0, 0, 0.8);
  --g-color-private-black-850: rgba(0, 0, 0, 0.85);
  --g-color-private-black-900: rgba(0, 0, 0, 0.9);
  --g-color-private-black-950: rgba(0, 0, 0, 0.95);
  --g-color-private-black-50-solid: rgb(242, 242, 242);
  --g-color-private-black-100-solid: rgb(229, 229, 229);
  --g-color-private-black-150-solid: rgb(217, 217, 217);
  --g-color-private-black-200-solid: rgb(204, 204, 204);
  --g-color-private-black-250-solid: rgb(191, 191, 191);
  --g-color-private-black-300-solid: rgb(179, 179, 179);
  --g-color-private-black-350-solid: rgb(166, 166, 166);
  --g-color-private-black-400-solid: rgb(153, 153, 153);
  --g-color-private-black-450-solid: rgb(140, 140, 140);
  --g-color-private-black-500-solid: rgb(128, 128, 128);
  --g-color-private-black-550-solid: rgb(115, 115, 115);
  --g-color-private-black-600-solid: rgb(102, 102, 102);
  --g-color-private-black-650-solid: rgb(89, 89, 89);
  --g-color-private-black-700-solid: rgb(76, 76, 76);
  --g-color-private-black-750-solid: rgb(64, 64, 64);
  --g-color-private-black-800-solid: rgb(51, 51, 51);
  --g-color-private-black-850-solid: rgb(38, 38, 38);
  --g-color-private-black-900-solid: rgb(26, 26, 26);
  --g-color-private-black-950-solid: rgb(13, 13, 13);
  --g-color-private-black-1000-solid: rgb(0, 0, 0);
  --g-color-private-blue-50: rgba(54, 151, 241, 0.1);
  --g-color-private-blue-100: rgba(54, 151, 241, 0.15);
  --g-color-private-blue-150: rgba(54, 151, 241, 0.2);
  --g-color-private-blue-200: rgba(54, 151, 241, 0.3);
  --g-color-private-blue-250: rgba(54, 151, 241, 0.4);
  --g-color-private-blue-300: rgba(54, 151, 241, 0.5);
  --g-color-private-blue-350: rgba(54, 151, 241, 0.6);
  --g-color-private-blue-400: rgba(54, 151, 241, 0.7);
  --g-color-private-blue-450: rgba(54, 151, 241, 0.8);
  --g-color-private-blue-500: rgba(54, 151, 241, 0.9);
  --g-color-private-blue-50-solid: rgb(235, 245, 254);
  --g-color-private-blue-100-solid: rgb(225, 239, 253);
  --g-color-private-blue-150-solid: rgb(215, 234, 252);
  --g-color-private-blue-200-solid: rgb(195, 224, 251);
  --g-color-private-blue-250-solid: rgb(175, 213, 249);
  --g-color-private-blue-300-solid: rgb(155, 203, 248);
  --g-color-private-blue-350-solid: rgb(134, 193, 247);
  --g-color-private-blue-400-solid: rgb(114, 182, 245);
  --g-color-private-blue-450-solid: rgb(94, 172, 244);
  --g-color-private-blue-500-solid: rgb(74, 161, 242);
  --g-color-private-blue-550-solid: rgb(54, 151, 241);
  --g-color-private-blue-600-solid: rgb(50, 138, 219);
  --g-color-private-blue-650-solid: rgb(47, 124, 196);
  --g-color-private-blue-700-solid: rgb(43, 111, 174);
  --g-color-private-blue-750-solid: rgb(40, 97, 152);
  --g-color-private-blue-800-solid: rgb(36, 84, 130);
  --g-color-private-blue-850-solid: rgb(32, 71, 107);
  --g-color-private-blue-900-solid: rgb(29, 57, 85);
  --g-color-private-blue-950-solid: rgb(25, 44, 63);
  --g-color-private-blue-1000-solid: rgb(23, 37, 51);
  --g-color-private-green-50: rgba(50, 186, 118, 0.1);
  --g-color-private-green-100: rgba(50, 186, 118, 0.15);
  --g-color-private-green-150: rgba(50, 186, 118, 0.2);
  --g-color-private-green-200: rgba(50, 186, 118, 0.3);
  --g-color-private-green-250: rgba(50, 186, 118, 0.4);
  --g-color-private-green-300: rgba(50, 186, 118, 0.5);
  --g-color-private-green-350: rgba(50, 186, 118, 0.6);
  --g-color-private-green-400: rgba(50, 186, 118, 0.7);
  --g-color-private-green-450: rgba(50, 186, 118, 0.8);
  --g-color-private-green-500: rgba(50, 186, 118, 0.9);
  --g-color-private-green-50-solid: rgb(235, 248, 241);
  --g-color-private-green-100-solid: rgb(224, 245, 234);
  --g-color-private-green-150-solid: rgb(214, 241, 228);
  --g-color-private-green-200-solid: rgb(194, 234, 214);
  --g-color-private-green-250-solid: rgb(173, 227, 200);
  --g-color-private-green-300-solid: rgb(153, 221, 187);
  --g-color-private-green-350-solid: rgb(132, 214, 173);
  --g-color-private-green-400-solid: rgb(112, 207, 159);
  --g-color-private-green-450-solid: rgb(91, 200, 145);
  --g-color-private-green-500-solid: rgb(71, 193, 132);
  --g-color-private-green-550-solid: rgb(50, 186, 118);
  --g-color-private-green-600-solid: rgb(47, 169, 108);
  --g-color-private-green-650-solid: rgb(44, 152, 98);
  --g-color-private-green-700-solid: rgb(40, 135, 88);
  --g-color-private-green-750-solid: rgb(37, 118, 78);
  --g-color-private-green-800-solid: rgb(34, 102, 68);
  --g-color-private-green-850-solid: rgb(31, 85, 58);
  --g-color-private-green-900-solid: rgb(28, 68, 48);
  --g-color-private-green-950-solid: rgb(24, 51, 38);
  --g-color-private-green-1000-solid: rgb(23, 42, 33);
  --g-color-private-yellow-50: rgba(255, 190, 92, 0.1);
  --g-color-private-yellow-100: rgba(255, 190, 92, 0.15);
  --g-color-private-yellow-150: rgba(255, 190, 92, 0.2);
  --g-color-private-yellow-200: rgba(255, 190, 92, 0.3);
  --g-color-private-yellow-250: rgba(255, 190, 92, 0.4);
  --g-color-private-yellow-300: rgba(255, 190, 92, 0.5);
  --g-color-private-yellow-350: rgba(255, 190, 92, 0.6);
  --g-color-private-yellow-400: rgba(255, 190, 92, 0.7);
  --g-color-private-yellow-450: rgba(255, 190, 92, 0.8);
  --g-color-private-yellow-500: rgba(255, 190, 92, 0.9);
  --g-color-private-yellow-50-solid: rgb(255, 249, 239);
  --g-color-private-yellow-100-solid: rgb(255, 245, 231);
  --g-color-private-yellow-150-solid: rgb(255, 242, 222);
  --g-color-private-yellow-200-solid: rgb(255, 236, 206);
  --g-color-private-yellow-250-solid: rgb(255, 229, 190);
  --g-color-private-yellow-300-solid: rgb(255, 223, 174);
  --g-color-private-yellow-350-solid: rgb(255, 216, 157);
  --g-color-private-yellow-400-solid: rgb(255, 210, 141);
  --g-color-private-yellow-450-solid: rgb(255, 203, 125);
  --g-color-private-yellow-500-solid: rgb(255, 197, 108);
  --g-color-private-yellow-550-solid: rgb(255, 190, 92);
  --g-color-private-yellow-600-solid: rgb(231, 173, 85);
  --g-color-private-yellow-650-solid: rgb(208, 155, 77);
  --g-color-private-yellow-700-solid: rgb(184, 138, 70);
  --g-color-private-yellow-750-solid: rgb(160, 121, 62);
  --g-color-private-yellow-800-solid: rgb(137, 104, 55);
  --g-color-private-yellow-850-solid: rgb(113, 86, 48);
  --g-color-private-yellow-900-solid: rgb(89, 69, 40);
  --g-color-private-yellow-950-solid: rgb(65, 52, 33);
  --g-color-private-yellow-1000-solid: rgb(54, 43, 29);
  --g-color-private-orange-50: rgba(255, 119, 0, 0.1);
  --g-color-private-orange-100: rgba(255, 119, 0, 0.15);
  --g-color-private-orange-150: rgba(255, 119, 0, 0.2);
  --g-color-private-orange-200: rgba(255, 119, 0, 0.3);
  --g-color-private-orange-250: rgba(255, 119, 0, 0.4);
  --g-color-private-orange-300: rgba(255, 119, 0, 0.5);
  --g-color-private-orange-350: rgba(255, 119, 0, 0.6);
  --g-color-private-orange-400: rgba(255, 119, 0, 0.7);
  --g-color-private-orange-450: rgba(255, 119, 0, 0.8);
  --g-color-private-orange-500: rgba(255, 119, 0, 0.9);
  --g-color-private-orange-50-solid: rgb(255, 241, 230);
  --g-color-private-orange-100-solid: rgb(255, 235, 217);
  --g-color-private-orange-150-solid: rgb(255, 228, 204);
  --g-color-private-orange-200-solid: rgb(255, 214, 179);
  --g-color-private-orange-250-solid: rgb(255, 201, 153);
  --g-color-private-orange-300-solid: rgb(255, 187, 128);
  --g-color-private-orange-350-solid: rgb(255, 173, 102);
  --g-color-private-orange-400-solid: rgb(255, 160, 77);
  --g-color-private-orange-450-solid: rgb(255, 146, 51);
  --g-color-private-orange-500-solid: rgb(255, 133, 25);
  --g-color-private-orange-550-solid: rgb(255, 119, 0);
  --g-color-private-orange-600-solid: rgb(231, 109, 2);
  --g-color-private-orange-650-solid: rgb(208, 99, 4);
  --g-color-private-orange-700-solid: rgb(184, 88, 5);
  --g-color-private-orange-750-solid: rgb(160, 78, 7);
  --g-color-private-orange-800-solid: rgb(137, 68, 9);
  --g-color-private-orange-850-solid: rgb(113, 58, 11);
  --g-color-private-orange-900-solid: rgb(89, 48, 13);
  --g-color-private-orange-950-solid: rgb(65, 37, 14);
  --g-color-private-orange-1000-solid: rgb(54, 32, 15);
  --g-color-private-red-50: rgba(255, 0, 61, 0.1);
  --g-color-private-red-100: rgba(255, 0, 61, 0.15);
  --g-color-private-red-150: rgba(255, 0, 61, 0.2);
  --g-color-private-red-200: rgba(255, 0, 61, 0.3);
  --g-color-private-red-250: rgba(255, 0, 61, 0.4);
  --g-color-private-red-300: rgba(255, 0, 61, 0.5);
  --g-color-private-red-350: rgba(255, 0, 61, 0.6);
  --g-color-private-red-400: rgba(255, 0, 61, 0.7);
  --g-color-private-red-450: rgba(255, 0, 61, 0.8);
  --g-color-private-red-500: rgba(255, 0, 61, 0.9);
  --g-color-private-red-50-solid: rgb(255, 230, 236);
  --g-color-private-red-100-solid: rgb(255, 217, 226);
  --g-color-private-red-150-solid: rgb(255, 204, 216);
  --g-color-private-red-200-solid: rgb(255, 179, 197);
  --g-color-private-red-250-solid: rgb(255, 153, 177);
  --g-color-private-red-300-solid: rgb(255, 128, 158);
  --g-color-private-red-350-solid: rgb(255, 102, 139);
  --g-color-private-red-400-solid: rgb(255, 77, 119);
  --g-color-private-red-450-solid: rgb(255, 51, 100);
  --g-color-private-red-500-solid: rgb(255, 25, 80);
  --g-color-private-red-550-solid: rgb(255, 0, 61);
  --g-color-private-red-600-solid: rgb(231, 2, 57);
  --g-color-private-red-650-solid: rgb(208, 3, 52);
  --g-color-private-red-700-solid: rgb(184, 5, 48);
  --g-color-private-red-750-solid: rgb(160, 7, 44);
  --g-color-private-red-800-solid: rgb(137, 9, 40);
  --g-color-private-red-850-solid: rgb(113, 10, 35);
  --g-color-private-red-900-solid: rgb(89, 12, 31);
  --g-color-private-red-950-solid: rgb(65, 14, 27);
  --g-color-private-red-1000-solid: rgb(54, 14, 24);
  --g-color-private-purple-50: rgba(143, 82, 204, 0.1);
  --g-color-private-purple-100: rgba(143, 82, 204, 0.15);
  --g-color-private-purple-150: rgba(143, 82, 204, 0.2);
  --g-color-private-purple-200: rgba(143, 82, 204, 0.3);
  --g-color-private-purple-250: rgba(143, 82, 204, 0.4);
  --g-color-private-purple-300: rgba(143, 82, 204, 0.5);
  --g-color-private-purple-350: rgba(143, 82, 204, 0.6);
  --g-color-private-purple-400: rgba(143, 82, 204, 0.7);
  --g-color-private-purple-450: rgba(143, 82, 204, 0.8);
  --g-color-private-purple-500: rgba(143, 82, 204, 0.9);
  --g-color-private-purple-50-solid: rgb(244, 238, 250);
  --g-color-private-purple-100-solid: rgb(238, 229, 247);
  --g-color-private-purple-150-solid: rgb(233, 220, 245);
  --g-color-private-purple-200-solid: rgb(221, 203, 240);
  --g-color-private-purple-250-solid: rgb(210, 186, 235);
  --g-color-private-purple-300-solid: rgb(199, 169, 230);
  --g-color-private-purple-350-solid: rgb(188, 151, 224);
  --g-color-private-purple-400-solid: rgb(177, 134, 219);
  --g-color-private-purple-450-solid: rgb(165, 117, 214);
  --g-color-private-purple-500-solid: rgb(154, 99, 209);
  --g-color-private-purple-550-solid: rgb(143, 82, 204);
  --g-color-private-purple-600-solid: rgb(131, 76, 185);
  --g-color-private-purple-650-solid: rgb(118, 69, 167);
  --g-color-private-purple-700-solid: rgb(106, 63, 148);
  --g-color-private-purple-750-solid: rgb(93, 56, 130);
  --g-color-private-purple-800-solid: rgb(81, 50, 111);
  --g-color-private-purple-850-solid: rgb(68, 43, 92);
  --g-color-private-purple-900-solid: rgb(56, 37, 74);
  --g-color-private-purple-950-solid: rgb(43, 30, 55);
  --g-color-private-purple-1000-solid: rgb(37, 27, 46);
  --g-color-private-cool-grey-50: rgba(107, 132, 153, 0.1);
  --g-color-private-cool-grey-100: rgba(107, 132, 153, 0.15);
  --g-color-private-cool-grey-150: rgba(107, 132, 153, 0.2);
  --g-color-private-cool-grey-200: rgba(107, 132, 153, 0.3);
  --g-color-private-cool-grey-250: rgba(107, 132, 153, 0.4);
  --g-color-private-cool-grey-300: rgba(107, 132, 153, 0.5);
  --g-color-private-cool-grey-350: rgba(107, 132, 153, 0.6);
  --g-color-private-cool-grey-400: rgba(107, 132, 153, 0.7);
  --g-color-private-cool-grey-450: rgba(107, 132, 153, 0.8);
  --g-color-private-cool-grey-500: rgba(107, 132, 153, 0.9);
  --g-color-private-cool-grey-50-solid: rgb(240, 243, 245);
  --g-color-private-cool-grey-100-solid: rgb(233, 237, 240);
  --g-color-private-cool-grey-150-solid: rgb(225, 230, 235);
  --g-color-private-cool-grey-200-solid: rgb(211, 218, 224);
  --g-color-private-cool-grey-250-solid: rgb(196, 206, 214);
  --g-color-private-cool-grey-300-solid: rgb(181, 194, 204);
  --g-color-private-cool-grey-350-solid: rgb(166, 181, 194);
  --g-color-private-cool-grey-400-solid: rgb(151, 169, 184);
  --g-color-private-cool-grey-450-solid: rgb(137, 157, 173);
  --g-color-private-cool-grey-500-solid: rgb(122, 144, 163);
  --g-color-private-cool-grey-550-solid: rgb(107, 132, 153);
  --g-color-private-cool-grey-600-solid: rgb(98, 121, 140);
  --g-color-private-cool-grey-650-solid: rgb(89, 109, 126);
  --g-color-private-cool-grey-700-solid: rgb(80, 98, 113);
  --g-color-private-cool-grey-750-solid: rgb(71, 86, 99);
  --g-color-private-cool-grey-800-solid: rgb(63, 75, 86);
  --g-color-private-cool-grey-850-solid: rgb(54, 63, 72);
  --g-color-private-cool-grey-900-solid: rgb(45, 52, 59);
  --g-color-private-cool-grey-950-solid: rgb(36, 40, 45);
  --g-color-private-cool-grey-1000-solid: rgb(31, 34, 38);
  --g-color-text-primary: var(--g-color-text-dark-primary);
  --g-color-text-complementary: var(--g-color-text-dark-complementary);
  --g-color-text-secondary: var(--g-color-text-dark-secondary);
  --g-color-text-hint: var(--g-color-text-dark-hint);
  --g-color-text-info: var(--g-color-private-blue-650-solid);
  --g-color-text-positive: var(--g-color-private-green-650-solid);
  --g-color-text-warning: var(--g-color-private-yellow-700-solid);
  --g-color-text-danger: var(--g-color-private-red-650-solid);
  --g-color-text-utility: var(--g-color-private-purple-650-solid);
  --g-color-text-misc: var(--g-color-private-cool-grey-650-solid);
  --g-color-text-info-heavy: var(--g-color-private-blue-900-solid);
  --g-color-text-positive-heavy: var(--g-color-private-green-900-solid);
  --g-color-text-warning-heavy: var(--g-color-private-orange-900-solid);
  --g-color-text-danger-heavy: var(--g-color-private-red-900-solid);
  --g-color-text-utility-heavy: var(--g-color-private-purple-900-solid);
  --g-color-text-misc-heavy: var(--g-color-private-cool-grey-900-solid);
  --g-color-text-brand: var(--g-color-private-yellow-700-solid);
  --g-color-text-brand-heavy: var(--g-color-private-orange-900-solid);
  --g-color-text-brand-contrast: var(--g-color-text-dark-primary);
  --g-color-text-link: var(--g-color-private-yellow-700-solid);
  --g-color-text-link-hover: var(--g-color-private-orange-700-solid);
  --g-color-text-link-visited: var(--g-color-private-purple-600-solid);
  --g-color-text-link-visited-hover: var(--g-color-private-purple-850-solid);
  --g-color-text-dark-primary: var(--g-color-private-black-1000-solid);
  --g-color-text-dark-complementary: var(--g-color-private-black-850);
  --g-color-text-dark-secondary: var(--g-color-private-black-700);
  --g-color-text-dark-hint: var(--g-color-private-black-500);
  --g-color-text-light-primary: var(--g-color-private-white-1000-solid);
  --g-color-text-light-complementary: var(--g-color-private-white-850);
  --g-color-text-light-secondary: var(--g-color-private-white-700);
  --g-color-text-light-hint: var(--g-color-private-white-500);
  --g-color-text-inverted-primary: var(--g-color-text-light-primary);
  --g-color-text-inverted-complementary: var(--g-color-text-light-complementary);
  --g-color-text-inverted-secondary: var(--g-color-text-light-secondary);
  --g-color-text-inverted-hint: var(--g-color-text-light-hint);
  --g-color-base-background: var(--g-color-private-white-1000-solid);
  --g-color-base-generic: var(--g-color-private-black-150);
  --g-color-base-generic-hover: var(--g-color-private-black-300);
  --g-color-base-generic-medium: var(--g-color-private-black-250);
  --g-color-base-generic-medium-hover: var(--g-color-private-black-350);
  --g-color-base-generic-accent: var(--g-color-private-black-250);
  --g-color-base-generic-accent-disabled: var(--g-color-private-black-150);
  --g-color-base-generic-ultralight: var(--g-color-private-black-50-solid);
  --g-color-base-simple-hover: var(--g-color-private-black-150);
  --g-color-base-simple-hover-solid: var(--g-color-private-black-150-solid);
  --g-color-base-brand: var(--g-color-private-yellow-550-solid);
  --g-color-base-brand-hover: var(--g-color-private-yellow-650-solid);
  --g-color-base-selection: var(--g-color-private-yellow-300);
  --g-color-base-selection-hover: var(--g-color-private-yellow-400);
  --g-color-base-info-light: var(--g-color-private-blue-250);
  --g-color-base-info-light-hover: var(--g-color-private-blue-350);
  --g-color-base-info-medium: var(--g-color-private-blue-400);
  --g-color-base-info-medium-hover: var(--g-color-private-blue-500);
  --g-color-base-info-heavy: var(--g-color-private-blue-700-solid);
  --g-color-base-info-heavy-hover: var(--g-color-private-blue-850-solid);
  --g-color-base-positive-light: var(--g-color-private-green-250);
  --g-color-base-positive-light-hover: var(--g-color-private-green-350);
  --g-color-base-positive-medium: var(--g-color-private-green-400);
  --g-color-base-positive-medium-hover: var(--g-color-private-green-500);
  --g-color-base-positive-heavy: var(--g-color-private-green-700-solid);
  --g-color-base-positive-heavy-hover: var(--g-color-private-green-800-solid);
  --g-color-base-warning-light: var(--g-color-private-yellow-300);
  --g-color-base-warning-light-hover: var(--g-color-private-yellow-400);
  --g-color-base-warning-medium: var(--g-color-private-yellow-400);
  --g-color-base-warning-medium-hover: var(--g-color-private-yellow-550-solid);
  --g-color-base-warning-heavy: var(--g-color-private-yellow-600-solid);
  --g-color-base-warning-heavy-hover: var(--g-color-private-yellow-700-solid);
  --g-color-base-danger-light: var(--g-color-private-red-250);
  --g-color-base-danger-light-hover: var(--g-color-private-red-350);
  --g-color-base-danger-medium: var(--g-color-private-red-400);
  --g-color-base-danger-medium-hover: var(--g-color-private-red-500);
  --g-color-base-danger-heavy: var(--g-color-private-red-700-solid);
  --g-color-base-danger-heavy-hover: var(--g-color-private-red-800-solid);
  --g-color-base-utility-light: var(--g-color-private-purple-250);
  --g-color-base-utility-light-hover: var(--g-color-private-purple-350);
  --g-color-base-utility-medium: var(--g-color-private-purple-400);
  --g-color-base-utility-medium-hover: var(--g-color-private-purple-500);
  --g-color-base-utility-heavy: var(--g-color-private-purple-700-solid);
  --g-color-base-utility-heavy-hover: var(--g-color-private-purple-800-solid);
  --g-color-base-neutral-light: var(--g-color-private-black-150);
  --g-color-base-neutral-light-hover: var(--g-color-private-black-250);
  --g-color-base-neutral-medium: var(--g-color-private-black-300);
  --g-color-base-neutral-medium-hover: var(--g-color-private-black-400);
  --g-color-base-neutral-heavy: var(--g-color-private-black-550);
  --g-color-base-neutral-heavy-hover: var(--g-color-private-black-650);
  --g-color-base-misc-light: var(--g-color-private-cool-grey-250);
  --g-color-base-misc-light-hover: var(--g-color-private-cool-grey-350);
  --g-color-base-misc-medium: var(--g-color-private-cool-grey-400);
  --g-color-base-misc-medium-hover: var(--g-color-private-cool-grey-500);
  --g-color-base-misc-heavy: var(--g-color-private-cool-grey-700-solid);
  --g-color-base-misc-heavy-hover: var(--g-color-private-cool-grey-800-solid);
  --g-color-base-light: var(--g-color-private-white-1000-solid);
  --g-color-base-light-hover: var(--g-color-private-white-850);
  --g-color-base-light-simple-hover: var(--g-color-private-white-300);
  --g-color-base-light-disabled: var(--g-color-private-white-150);
  --g-color-base-light-accent-disabled: var(--g-color-private-white-300);
  --g-color-base-float: var(--g-color-private-white-1000-solid);
  --g-color-base-float-hover: var(--g-color-private-black-150-solid);
  --g-color-base-float-medium: var(--g-color-private-black-550-solid);
  --g-color-base-float-heavy: var(--g-color-private-black-700-solid);
  --g-color-base-float-accent: var(--g-color-private-white-1000-solid);
  --g-color-base-float-accent-hover: var(--g-color-private-white-850);
  --g-color-base-float-announcement: var(--g-color-private-cool-grey-150-solid);
  --g-color-base-modal: var(--g-color-base-background);
  --g-color-line-generic: var(--g-color-private-black-200);
  --g-color-line-generic-hover: var(--g-color-private-black-400);
  --g-color-line-generic-active: var(--g-color-private-black-700);
  --g-color-line-generic-accent: var(--g-color-private-black-300);
  --g-color-line-generic-accent-hover: var(--g-color-private-black-700);
  --g-color-line-generic-solid: var(--g-color-private-black-200-solid);
  --g-color-line-brand: var(--g-color-private-yellow-600-solid);
  --g-color-line-focus: var(--g-color-private-cool-grey-450);
  --g-color-line-light: var(--g-color-private-white-500);
  --g-color-line-info: var(--g-color-private-blue-450);
  --g-color-line-positive: var(--g-color-private-green-450);
  --g-color-line-warning: var(--g-color-private-yellow-600-solid);
  --g-color-line-danger: var(--g-color-private-red-450);
  --g-color-line-utility: var(--g-color-private-purple-450);
  --g-color-line-misc: var(--g-color-private-cool-grey-450);
  --g-color-sfx-veil: var(--g-color-private-black-450);
  --g-color-sfx-shadow: var(--g-color-private-black-300);
  --g-color-sfx-shadow-heavy: var(--g-color-private-black-600);
  --g-color-sfx-shadow-light: var(--g-color-private-black-100);
  --g-color-sfx-fade: var(--g-color-private-white-300);
  --g-color-scroll-track: var(--g-color-base-background);
  --g-color-scroll-handle: var(--g-color-private-black-100);
  --g-color-scroll-handle-hover: var(--g-color-private-black-150);
  --g-color-scroll-corner: var(--g-color-private-black-100);
  --g-color-infographics-axis: var(--g-color-private-black-150-solid);
  --g-color-infographics-tooltip-bg: var(--g-color-private-white-950);
}
.g-root_theme_dark-hc {
  --g-color-private-white-50: rgba(255, 255, 255, 0.05);
  --g-color-private-white-70: rgba(255, 255, 255, 0.07);
  --g-color-private-white-100: rgba(255, 255, 255, 0.1);
  --g-color-private-white-150: rgba(255, 255, 255, 0.15);
  --g-color-private-white-200: rgba(255, 255, 255, 0.2);
  --g-color-private-white-250: rgba(255, 255, 255, 0.25);
  --g-color-private-white-300: rgba(255, 255, 255, 0.3);
  --g-color-private-white-350: rgba(255, 255, 255, 0.35);
  --g-color-private-white-400: rgba(255, 255, 255, 0.4);
  --g-color-private-white-450: rgba(255, 255, 255, 0.45);
  --g-color-private-white-500: rgba(255, 255, 255, 0.5);
  --g-color-private-white-550: rgba(255, 255, 255, 0.55);
  --g-color-private-white-600: rgba(255, 255, 255, 0.6);
  --g-color-private-white-650: rgba(255, 255, 255, 0.65);
  --g-color-private-white-700: rgba(255, 255, 255, 0.7);
  --g-color-private-white-750: rgba(255, 255, 255, 0.75);
  --g-color-private-white-800: rgba(255, 255, 255, 0.8);
  --g-color-private-white-850: rgba(255, 255, 255, 0.85);
  --g-color-private-white-900: rgba(255, 255, 255, 0.9);
  --g-color-private-white-950: rgba(255, 255, 255, 0.95);
  --g-color-private-white-50-solid: rgb(30, 29, 30);
  --g-color-private-white-70-solid: rgb(35, 34, 35);
  --g-color-private-white-100-solid: rgb(42, 41, 42);
  --g-color-private-white-150-solid: rgb(54, 53, 54);
  --g-color-private-white-200-solid: rgb(65, 65, 65);
  --g-color-private-white-250-solid: rgb(77, 77, 77);
  --g-color-private-white-300-solid: rgb(89, 88, 89);
  --g-color-private-white-350-solid: rgb(101, 100, 101);
  --g-color-private-white-400-solid: rgb(113, 112, 113);
  --g-color-private-white-450-solid: rgb(125, 124, 125);
  --g-color-private-white-500-solid: rgb(136, 136, 136);
  --g-color-private-white-550-solid: rgb(148, 148, 148);
  --g-color-private-white-600-solid: rgb(160, 160, 160);
  --g-color-private-white-650-solid: rgb(172, 172, 172);
  --g-color-private-white-700-solid: rgb(184, 184, 184);
  --g-color-private-white-750-solid: rgb(196, 195, 196);
  --g-color-private-white-800-solid: rgb(208, 207, 208);
  --g-color-private-white-850-solid: rgb(208, 207, 208);
  --g-color-private-white-900-solid: rgb(231, 231, 231);
  --g-color-private-white-950-solid: rgb(243, 243, 243);
  --g-color-private-white-1000-solid: rgb(255, 255, 255);
  /*————————— To review opaque —————————*/
  --g-color-private-white-opaque-150: rgba(56, 57, 60, 0.97);
  --g-color-private-black-20: rgba(0, 0, 0, 0.02);
  --g-color-private-black-50: rgba(0, 0, 0, 0.05);
  --g-color-private-black-100: rgba(0, 0, 0, 0.1);
  --g-color-private-black-150: rgba(0, 0, 0, 0.15);
  --g-color-private-black-200: rgba(0, 0, 0, 0.2);
  --g-color-private-black-250: rgba(0, 0, 0, 0.25);
  --g-color-private-black-300: rgba(0, 0, 0, 0.3);
  --g-color-private-black-350: rgba(0, 0, 0, 0.35);
  --g-color-private-black-400: rgba(0, 0, 0, 0.4);
  --g-color-private-black-450: rgba(0, 0, 0, 0.45);
  --g-color-private-black-500: rgba(0, 0, 0, 0.5);
  --g-color-private-black-550: rgba(0, 0, 0, 0.55);
  --g-color-private-black-600: rgba(0, 0, 0, 0.6);
  --g-color-private-black-650: rgba(0, 0, 0, 0.65);
  --g-color-private-black-700: rgba(0, 0, 0, 0.7);
  --g-color-private-black-750: rgba(0, 0, 0, 0.75);
  --g-color-private-black-800: rgba(0, 0, 0, 0.8);
  --g-color-private-black-850: rgba(0, 0, 0, 0.85);
  --g-color-private-black-900: rgba(0, 0, 0, 0.9);
  --g-color-private-black-950: rgba(0, 0, 0, 0.95);
  --g-color-private-black-1000-solid: rgb(0, 0, 0);
  --g-color-private-blue-50: rgba(54, 151, 241, 0.1);
  --g-color-private-blue-100: rgba(54, 151, 241, 0.15);
  --g-color-private-blue-150: rgba(54, 151, 241, 0.2);
  --g-color-private-blue-200: rgba(54, 151, 241, 0.3);
  --g-color-private-blue-250: rgba(54, 151, 241, 0.4);
  --g-color-private-blue-300: rgba(54, 151, 241, 0.5);
  --g-color-private-blue-350: rgba(54, 151, 241, 0.6);
  --g-color-private-blue-400: rgba(54, 151, 241, 0.7);
  --g-color-private-blue-450: rgba(54, 151, 241, 0.8);
  --g-color-private-blue-500: rgba(54, 151, 241, 0.9);
  --g-color-private-blue-50-solid: rgb(22, 30, 40);
  --g-color-private-blue-100-solid: rgb(23, 37, 51);
  --g-color-private-blue-150-solid: rgb(25, 44, 63);
  --g-color-private-blue-200-solid: rgb(29, 57, 85);
  --g-color-private-blue-250-solid: rgb(32, 71, 107);
  --g-color-private-blue-300-solid: rgb(36, 84, 130);
  --g-color-private-blue-350-solid: rgb(40, 97, 152);
  --g-color-private-blue-400-solid: rgb(43, 111, 174);
  --g-color-private-blue-450-solid: rgb(47, 124, 196);
  --g-color-private-blue-500-solid: rgb(50, 138, 219);
  --g-color-private-blue-550-solid: rgb(54, 151, 241);
  --g-color-private-blue-600-solid: rgb(74, 161, 242);
  --g-color-private-blue-650-solid: rgb(94, 172, 244);
  --g-color-private-blue-700-solid: rgb(114, 182, 245);
  --g-color-private-blue-750-solid: rgb(134, 193, 247);
  --g-color-private-blue-800-solid: rgb(155, 203, 248);
  --g-color-private-blue-850-solid: rgb(175, 213, 249);
  --g-color-private-blue-900-solid: rgb(195, 224, 251);
  --g-color-private-blue-950-solid: rgb(215, 234, 252);
  --g-color-private-blue-1000-solid: rgb(225, 239, 253);
  --g-color-private-green-50: rgba(77, 176, 155, 0.1);
  --g-color-private-green-100: rgba(77, 176, 155, 0.15);
  --g-color-private-green-150: rgba(77, 176, 155, 0.2);
  --g-color-private-green-200: rgba(77, 176, 155, 0.3);
  --g-color-private-green-250: rgba(77, 176, 155, 0.4);
  --g-color-private-green-300: rgba(77, 176, 155, 0.5);
  --g-color-private-green-350: rgba(77, 176, 155, 0.6);
  --g-color-private-green-400: rgba(77, 176, 155, 0.7);
  --g-color-private-green-450: rgba(77, 176, 155, 0.8);
  --g-color-private-green-500: rgba(77, 176, 155, 0.9);
  --g-color-private-green-50-solid: rgb(24, 33, 32);
  --g-color-private-green-100-solid: rgb(27, 41, 39);
  --g-color-private-green-150-solid: rgb(30, 49, 45);
  --g-color-private-green-200-solid: rgb(36, 65, 59);
  --g-color-private-green-250-solid: rgb(42, 81, 73);
  --g-color-private-green-300-solid: rgb(48, 97, 87);
  --g-color-private-green-350-solid: rgb(53, 112, 100);
  --g-color-private-green-400-solid: rgb(59, 128, 114);
  --g-color-private-green-450-solid: rgb(65, 144, 128);
  --g-color-private-green-500-solid: rgb(71, 160, 141);
  --g-color-private-green-550-solid: rgb(77, 176, 155);
  --g-color-private-green-600-solid: rgb(95, 184, 165);
  --g-color-private-green-650-solid: rgb(113, 192, 175);
  --g-color-private-green-700-solid: rgb(130, 200, 185);
  --g-color-private-green-750-solid: rgb(148, 208, 195);
  --g-color-private-green-800-solid: rgb(166, 216, 205);
  --g-color-private-green-850-solid: rgb(184, 223, 215);
  --g-color-private-green-900-solid: rgb(202, 231, 225);
  --g-color-private-green-950-solid: rgb(219, 239, 235);
  --g-color-private-green-1000-solid: rgb(228, 243, 240);
  --g-color-private-yellow-50: rgba(255, 190, 92, 0.1);
  --g-color-private-yellow-100: rgba(255, 190, 92, 0.15);
  --g-color-private-yellow-150: rgba(255, 190, 92, 0.2);
  --g-color-private-yellow-200: rgba(255, 190, 92, 0.3);
  --g-color-private-yellow-250: rgba(255, 190, 92, 0.4);
  --g-color-private-yellow-300: rgba(255, 190, 92, 0.5);
  --g-color-private-yellow-350: rgba(255, 190, 92, 0.6);
  --g-color-private-yellow-400: rgba(255, 190, 92, 0.7);
  --g-color-private-yellow-450: rgba(255, 190, 92, 0.8);
  --g-color-private-yellow-500: rgba(255, 190, 92, 0.9);
  --g-color-private-yellow-50-solid: rgb(42, 34, 25);
  --g-color-private-yellow-100-solid: rgb(54, 43, 29);
  --g-color-private-yellow-150-solid: rgb(65, 52, 33);
  --g-color-private-yellow-200-solid: rgb(89, 69, 40);
  --g-color-private-yellow-250-solid: rgb(113, 86, 48);
  --g-color-private-yellow-300-solid: rgb(137, 104, 55);
  --g-color-private-yellow-350-solid: rgb(160, 121, 62);
  --g-color-private-yellow-400-solid: rgb(184, 138, 70);
  --g-color-private-yellow-450-solid: rgb(208, 155, 77);
  --g-color-private-yellow-500-solid: rgb(231, 173, 85);
  --g-color-private-yellow-550-solid: rgb(255, 190, 92);
  --g-color-private-yellow-600-solid: rgb(255, 197, 108);
  --g-color-private-yellow-650-solid: rgb(255, 203, 125);
  --g-color-private-yellow-700-solid: rgb(255, 210, 141);
  --g-color-private-yellow-750-solid: rgb(255, 216, 157);
  --g-color-private-yellow-800-solid: rgb(255, 223, 174);
  --g-color-private-yellow-850-solid: rgb(255, 229, 190);
  --g-color-private-yellow-900-solid: rgb(255, 236, 206);
  --g-color-private-yellow-950-solid: rgb(255, 242, 222);
  --g-color-private-yellow-1000-solid: rgb(255, 245, 231);
  --g-color-private-orange-50: rgba(200, 99, 12, 0.1);
  --g-color-private-orange-100: rgba(200, 99, 12, 0.15);
  --g-color-private-orange-150: rgba(200, 99, 12, 0.2);
  --g-color-private-orange-200: rgba(200, 99, 12, 0.3);
  --g-color-private-orange-250: rgba(200, 99, 12, 0.4);
  --g-color-private-orange-300: rgba(200, 99, 12, 0.5);
  --g-color-private-orange-350: rgba(200, 99, 12, 0.6);
  --g-color-private-orange-400: rgba(200, 99, 12, 0.7);
  --g-color-private-orange-450: rgba(200, 99, 12, 0.8);
  --g-color-private-orange-500: rgba(200, 99, 12, 0.9);
  --g-color-private-orange-50-solid: rgb(36, 25, 17);
  --g-color-private-orange-100-solid: rgb(45, 29, 17);
  --g-color-private-orange-150-solid: rgb(54, 33, 17);
  --g-color-private-orange-200-solid: rgb(73, 42, 16);
  --g-color-private-orange-250-solid: rgb(91, 50, 16);
  --g-color-private-orange-300-solid: rgb(109, 58, 15);
  --g-color-private-orange-350-solid: rgb(127, 66, 14);
  --g-color-private-orange-400-solid: rgb(145, 74, 14);
  --g-color-private-orange-450-solid: rgb(164, 83, 13);
  --g-color-private-orange-500-solid: rgb(182, 91, 13);
  --g-color-private-orange-550-solid: rgb(200, 99, 12);
  --g-color-private-orange-600-solid: rgb(206, 115, 36);
  --g-color-private-orange-650-solid: rgb(211, 130, 61);
  --g-color-private-orange-700-solid: rgb(217, 146, 85);
  --g-color-private-orange-750-solid: rgb(222, 161, 109);
  --g-color-private-orange-800-solid: rgb(228, 177, 134);
  --g-color-private-orange-850-solid: rgb(233, 193, 158);
  --g-color-private-orange-900-solid: rgb(239, 208, 182);
  --g-color-private-orange-950-solid: rgb(244, 224, 206);
  --g-color-private-orange-1000-solid: rgb(247, 232, 219);
  --g-color-private-red-50: rgba(229, 50, 93, 0.1);
  --g-color-private-red-100: rgba(229, 50, 93, 0.15);
  --g-color-private-red-150: rgba(229, 50, 93, 0.2);
  --g-color-private-red-200: rgba(229, 50, 93, 0.3);
  --g-color-private-red-250: rgba(229, 50, 93, 0.4);
  --g-color-private-red-300: rgba(229, 50, 93, 0.5);
  --g-color-private-red-350: rgba(229, 50, 93, 0.6);
  --g-color-private-red-400: rgba(229, 50, 93, 0.7);
  --g-color-private-red-450: rgba(229, 50, 93, 0.8);
  --g-color-private-red-500: rgba(229, 50, 93, 0.9);
  --g-color-private-red-50-solid: rgb(39, 20, 26);
  --g-color-private-red-100-solid: rgb(50, 22, 29);
  --g-color-private-red-150-solid: rgb(60, 24, 33);
  --g-color-private-red-200-solid: rgb(81, 27, 41);
  --g-color-private-red-250-solid: rgb(102, 30, 48);
  --g-color-private-red-300-solid: rgb(124, 34, 56);
  --g-color-private-red-350-solid: rgb(145, 37, 63);
  --g-color-private-red-400-solid: rgb(166, 40, 71);
  --g-color-private-red-450-solid: rgb(187, 43, 78);
  --g-color-private-red-500-solid: rgb(208, 47, 86);
  --g-color-private-red-550-solid: rgb(229, 50, 93);
  --g-color-private-red-600-solid: rgb(232, 71, 109);
  --g-color-private-red-650-solid: rgb(234, 91, 125);
  --g-color-private-red-700-solid: rgb(237, 112, 142);
  --g-color-private-red-750-solid: rgb(239, 132, 158);
  --g-color-private-red-800-solid: rgb(242, 153, 174);
  --g-color-private-red-850-solid: rgb(245, 173, 190);
  --g-color-private-red-900-solid: rgb(247, 194, 206);
  --g-color-private-red-950-solid: rgb(250, 214, 223);
  --g-color-private-red-1000-solid: rgb(251, 224, 231);
  --g-color-private-purple-50: rgba(143, 82, 204, 0.1);
  --g-color-private-purple-100: rgba(143, 82, 204, 0.15);
  --g-color-private-purple-150: rgba(143, 82, 204, 0.2);
  --g-color-private-purple-200: rgba(143, 82, 204, 0.3);
  --g-color-private-purple-250: rgba(143, 82, 204, 0.4);
  --g-color-private-purple-300: rgba(143, 82, 204, 0.5);
  --g-color-private-purple-350: rgba(143, 82, 204, 0.6);
  --g-color-private-purple-400: rgba(143, 82, 204, 0.7);
  --g-color-private-purple-450: rgba(143, 82, 204, 0.8);
  --g-color-private-purple-500: rgba(143, 82, 204, 0.9);
  --g-color-private-purple-50-solid: rgb(31, 24, 37);
  --g-color-private-purple-100-solid: rgb(37, 27, 46);
  --g-color-private-purple-150-solid: rgb(43, 30, 55);
  --g-color-private-purple-200-solid: rgb(56, 37, 74);
  --g-color-private-purple-250-solid: rgb(68, 43, 92);
  --g-color-private-purple-300-solid: rgb(81, 50, 111);
  --g-color-private-purple-350-solid: rgb(93, 56, 130);
  --g-color-private-purple-400-solid: rgb(106, 63, 148);
  --g-color-private-purple-450-solid: rgb(118, 69, 167);
  --g-color-private-purple-500-solid: rgb(131, 76, 185);
  --g-color-private-purple-550-solid: rgb(143, 82, 204);
  --g-color-private-purple-600-solid: rgb(154, 99, 209);
  --g-color-private-purple-650-solid: rgb(165, 117, 214);
  --g-color-private-purple-700-solid: rgb(177, 134, 219);
  --g-color-private-purple-750-solid: rgb(188, 151, 224);
  --g-color-private-purple-800-solid: rgb(199, 169, 230);
  --g-color-private-purple-850-solid: rgb(210, 186, 235);
  --g-color-private-purple-900-solid: rgb(221, 203, 240);
  --g-color-private-purple-950-solid: rgb(233, 220, 245);
  --g-color-private-purple-1000-solid: rgb(238, 229, 247);
  --g-color-private-cool-grey-50: rgba(96, 128, 156, 0.1);
  --g-color-private-cool-grey-100: rgba(96, 128, 156, 0.15);
  --g-color-private-cool-grey-150: rgba(96, 128, 156, 0.2);
  --g-color-private-cool-grey-200: rgba(96, 128, 156, 0.3);
  --g-color-private-cool-grey-250: rgba(96, 128, 156, 0.4);
  --g-color-private-cool-grey-300: rgba(96, 128, 156, 0.5);
  --g-color-private-cool-grey-350: rgba(96, 128, 156, 0.6);
  --g-color-private-cool-grey-400: rgba(96, 128, 156, 0.7);
  --g-color-private-cool-grey-450: rgba(96, 128, 156, 0.8);
  --g-color-private-cool-grey-500: rgba(96, 128, 156, 0.9);
  --g-color-private-cool-grey-50-solid: rgb(26, 28, 32);
  --g-color-private-cool-grey-100-solid: rgb(30, 34, 39);
  --g-color-private-cool-grey-150-solid: rgb(34, 39, 46);
  --g-color-private-cool-grey-200-solid: rgb(41, 50, 59);
  --g-color-private-cool-grey-250-solid: rgb(49, 61, 73);
  --g-color-private-cool-grey-300-solid: rgb(57, 73, 87);
  --g-color-private-cool-grey-350-solid: rgb(65, 84, 101);
  --g-color-private-cool-grey-400-solid: rgb(73, 95, 115);
  --g-color-private-cool-grey-450-solid: rgb(80, 106, 128);
  --g-color-private-cool-grey-500-solid: rgb(88, 117, 142);
  --g-color-private-cool-grey-550-solid: rgb(96, 128, 156);
  --g-color-private-cool-grey-600-solid: rgb(112, 141, 166);
  --g-color-private-cool-grey-650-solid: rgb(128, 153, 176);
  --g-color-private-cool-grey-700-solid: rgb(144, 166, 186);
  --g-color-private-cool-grey-750-solid: rgb(160, 179, 196);
  --g-color-private-cool-grey-800-solid: rgb(176, 192, 206);
  --g-color-private-cool-grey-850-solid: rgb(191, 204, 215);
  --g-color-private-cool-grey-900-solid: rgb(207, 217, 225);
  --g-color-private-cool-grey-950-solid: rgb(223, 230, 235);
  --g-color-private-cool-grey-1000-solid: rgb(231, 236, 240);
  --g-color-text-primary: var(--g-color-text-light-primary);
  --g-color-text-complementary: var(--g-color-text-light-complementary);
  --g-color-text-secondary: var(--g-color-text-light-secondary);
  --g-color-text-hint: var(--g-color-text-light-hint);
  --g-color-text-info: var(--g-color-private-blue-650-solid);
  --g-color-text-positive: var(--g-color-private-green-650-solid);
  --g-color-text-warning: var(--g-color-private-yellow-650-solid);
  --g-color-text-danger: var(--g-color-private-red-650-solid);
  --g-color-text-utility: var(--g-color-private-purple-650-solid);
  --g-color-text-misc: var(--g-color-private-cool-grey-650-solid);
  --g-color-text-info-heavy: var(--g-color-private-blue-850-solid);
  --g-color-text-positive-heavy: var(--g-color-private-green-850-solid);
  --g-color-text-warning-heavy: var(--g-color-private-yellow-850-solid);
  --g-color-text-danger-heavy: var(--g-color-private-red-850-solid);
  --g-color-text-utility-heavy: var(--g-color-private-purple-850-solid);
  --g-color-text-misc-heavy: var(--g-color-private-cool-grey-850-solid);
  --g-color-text-brand: var(--g-color-private-yellow-600-solid);
  --g-color-text-brand-heavy: var(--g-color-private-yellow-700-solid);
  --g-color-text-brand-contrast: var(--g-color-text-dark-primary);
  --g-color-text-link: var(--g-color-private-yellow-550-solid);
  --g-color-text-link-hover: var(--g-color-private-orange-550-solid);
  --g-color-text-link-visited: var(--g-color-private-purple-650-solid);
  --g-color-text-link-visited-hover: var(--g-color-private-purple-800-solid);
  --g-color-text-dark-primary: var(--g-color-private-black-1000-solid);
  --g-color-text-dark-complementary: var(--g-color-private-black-800);
  --g-color-text-dark-secondary: var(--g-color-private-black-600);
  --g-color-text-dark-hint: var(--g-color-private-black-400);
  --g-color-text-light-primary: var(--g-color-private-white-1000-solid);
  --g-color-text-light-complementary: var(--g-color-private-white-800);
  --g-color-text-light-secondary: var(--g-color-private-white-600);
  --g-color-text-light-hint: var(--g-color-private-white-400);
  --g-color-text-inverted-primary: var(--g-color-text-dark-primary);
  --g-color-text-inverted-complementary: var(--g-color-text-dark-complementary);
  --g-color-text-inverted-secondary: var(--g-color-text-dark-secondary);
  --g-color-text-inverted-hint: var(--g-color-text-dark-hint);
  --g-color-base-background: rgb(18, 17, 18);
  --g-color-base-generic: var(--g-color-private-white-100);
  --g-color-base-generic-hover: var(--g-color-private-white-250);
  --g-color-base-generic-medium: var(--g-color-private-white-250);
  --g-color-base-generic-medium-hover: var(--g-color-private-white-400);
  --g-color-base-generic-accent: var(--g-color-private-white-200);
  --g-color-base-generic-accent-disabled: var(--g-color-private-white-150);
  --g-color-base-generic-ultralight: var(--g-color-private-white-50);
  --g-color-base-simple-hover: var(--g-color-private-white-250);
  --g-color-base-simple-hover-solid: var(--g-color-private-white-250-solid);
  --g-color-base-brand: var(--g-color-private-yellow-550-solid);
  --g-color-base-brand-hover: var(--g-color-private-yellow-700-solid);
  --g-color-base-selection: var(--g-color-private-yellow-250);
  --g-color-base-selection-hover: var(--g-color-private-yellow-400);
  --g-color-base-info-light: var(--g-color-private-blue-250);
  --g-color-base-info-light-hover: var(--g-color-private-blue-400);
  --g-color-base-info-medium: var(--g-color-private-blue-450);
  --g-color-base-info-medium-hover: var(--g-color-private-blue-600-solid);
  --g-color-base-info-heavy: var(--g-color-private-blue-700-solid);
  --g-color-base-info-heavy-hover: var(--g-color-private-blue-850-solid);
  --g-color-base-positive-light: var(--g-color-private-green-250);
  --g-color-base-positive-light-hover: var(--g-color-private-green-400);
  --g-color-base-positive-medium: var(--g-color-private-green-450);
  --g-color-base-positive-medium-hover: var(--g-color-private-green-600-solid);
  --g-color-base-positive-heavy: var(--g-color-private-green-700-solid);
  --g-color-base-positive-heavy-hover: var(--g-color-private-green-850-solid);
  --g-color-base-warning-light: var(--g-color-private-yellow-250);
  --g-color-base-warning-light-hover: var(--g-color-private-yellow-400);
  --g-color-base-warning-medium: var(--g-color-private-yellow-450);
  --g-color-base-warning-medium-hover: var(--g-color-private-yellow-600-solid);
  --g-color-base-warning-heavy: var(--g-color-private-yellow-700-solid);
  --g-color-base-warning-heavy-hover: var(--g-color-private-yellow-850-solid);
  --g-color-base-danger-light: var(--g-color-private-red-250);
  --g-color-base-danger-light-hover: var(--g-color-private-red-400);
  --g-color-base-danger-medium: var(--g-color-private-red-450);
  --g-color-base-danger-medium-hover: var(--g-color-private-red-600-solid);
  --g-color-base-danger-heavy: var(--g-color-private-red-700-solid);
  --g-color-base-danger-heavy-hover: var(--g-color-private-red-850-solid);
  --g-color-base-utility-light: var(--g-color-private-purple-250);
  --g-color-base-utility-light-hover: var(--g-color-private-purple-400);
  --g-color-base-utility-medium: var(--g-color-private-purple-450);
  --g-color-base-utility-medium-hover: var(--g-color-private-purple-600-solid);
  --g-color-base-utility-heavy: var(--g-color-private-purple-700-solid);
  --g-color-base-utility-heavy-hover: var(--g-color-private-purple-850-solid);
  --g-color-base-neutral-light: var(--g-color-private-white-200);
  --g-color-base-neutral-light-hover: var(--g-color-private-white-350);
  --g-color-base-neutral-medium: var(--g-color-private-white-400);
  --g-color-base-neutral-medium-hover: var(--g-color-private-white-550);
  --g-color-base-neutral-heavy: var(--g-color-private-white-650);
  --g-color-base-neutral-heavy-hover: var(--g-color-private-white-750);
  --g-color-base-misc-light: var(--g-color-private-cool-grey-250);
  --g-color-base-misc-light-hover: var(--g-color-private-cool-grey-400);
  --g-color-base-misc-medium: var(--g-color-private-cool-grey-450);
  --g-color-base-misc-medium-hover: var(--g-color-private-cool-grey-600-solid);
  --g-color-base-misc-heavy: var(--g-color-private-cool-grey-700-solid);
  --g-color-base-misc-heavy-hover: var(--g-color-private-cool-grey-850-solid);
  --g-color-base-light: var(--g-color-private-white-850);
  --g-color-base-light-hover: var(--g-color-private-white-700);
  --g-color-base-light-simple-hover: var(--g-color-private-white-150);
  --g-color-base-light-disabled: var(--g-color-private-white-150);
  --g-color-base-light-accent-disabled: var(--g-color-private-white-300);
  --g-color-base-float: var(--g-color-private-white-100-solid);
  --g-color-base-float-hover: var(--g-color-private-white-200-solid);
  --g-color-base-float-medium: var(--g-color-private-white-200-solid);
  --g-color-base-float-heavy: var(--g-color-private-white-300-solid);
  --g-color-base-float-accent: var(--g-color-private-white-300-solid);
  --g-color-base-float-accent-hover: var(--g-color-private-white-400-solid);
  --g-color-base-float-announcement: var(--g-color-private-white-200-solid);
  --g-color-base-modal: var(--g-color-base-background);
  --g-color-line-generic: var(--g-color-private-white-150);
  --g-color-line-generic-hover: var(--g-color-private-white-250);
  --g-color-line-generic-active: var(--g-color-private-white-600);
  --g-color-line-generic-accent: var(--g-color-private-white-350);
  --g-color-line-generic-accent-hover: var(--g-color-private-white-800);
  --g-color-line-generic-solid: var(--g-color-private-white-150-solid);
  --g-color-line-brand: var(--g-color-private-yellow-600-solid);
  --g-color-line-focus: var(--g-color-private-cool-grey-550-solid);
  --g-color-line-light: var(--g-color-private-white-500);
  --g-color-line-info: var(--g-color-private-blue-550-solid);
  --g-color-line-positive: var(--g-color-private-green-550-solid);
  --g-color-line-warning: var(--g-color-private-yellow-550-solid);
  --g-color-line-danger: var(--g-color-private-red-550-solid);
  --g-color-line-utility: var(--g-color-private-purple-550-solid);
  --g-color-line-misc: var(--g-color-private-cool-grey-550-solid);
  --g-color-sfx-veil: var(--g-color-private-black-700);
  --g-color-sfx-shadow: var(--g-color-private-black-200);
  --g-color-sfx-shadow-heavy: var(--g-color-private-black-400);
  --g-color-sfx-shadow-light: var(--g-color-private-black-200);
  --g-color-sfx-fade: var(--g-color-private-white-250);
  --g-color-scroll-track: var(--g-color-base-background);
  --g-color-scroll-handle: var(--g-color-private-white-150);
  --g-color-scroll-handle-hover: var(--g-color-private-white-250);
  --g-color-scroll-corner: var(--g-color-private-white-150);
  --g-color-infographics-axis: var(--g-color-private-white-150-solid);
  --g-color-infographics-tooltip-bg: var(--g-color-private-white-opaque-150);
}

.g-root:not(.g-root_mobile):not(.g-root_native-scrollbar) {
  scrollbar-width: var(--g-scrollbar-width);
  scrollbar-color: var(--g-color-scroll-handle) var(--g-color-scroll-track);
}
.g-root:not(.g-root_mobile):not(.g-root_native-scrollbar)::-webkit-scrollbar,
.g-root:not(.g-root_mobile):not(.g-root_native-scrollbar) *::-webkit-scrollbar {
  width: var(--g-scrollbar-width);
  height: var(--g-scrollbar-width);
  background: var(--g-color-scroll-track);
}
.g-root:not(.g-root_mobile):not(.g-root_native-scrollbar)::-webkit-scrollbar-track,
.g-root:not(.g-root_mobile):not(.g-root_native-scrollbar) *::-webkit-scrollbar-track {
  background: var(--g-color-scroll-track);
}
.g-root:not(.g-root_mobile):not(.g-root_native-scrollbar)::-webkit-scrollbar-corner,
.g-root:not(.g-root_mobile):not(.g-root_native-scrollbar) *::-webkit-scrollbar-corner {
  background: var(--g-color-scroll-corner);
}
.g-root:not(.g-root_mobile):not(.g-root_native-scrollbar)::-webkit-scrollbar-thumb,
.g-root:not(.g-root_mobile):not(.g-root_native-scrollbar) *::-webkit-scrollbar-thumb {
  background: var(--g-color-scroll-handle);
}
.g-root:not(.g-root_mobile):not(.g-root_native-scrollbar)::-webkit-scrollbar-thumb:hover,
.g-root:not(.g-root_mobile):not(.g-root_native-scrollbar) *::-webkit-scrollbar-thumb:hover {
  background: var(--g-color-scroll-handle-hover);
}

@keyframes g-loading-animation {
  from {
    background-position: -12px 0;
  }
  to {
    background-position: 0 0;
  }
}
:root:has(body.g-root_theme_light),
:root:has(body.g-root_theme_light-hc) {
  color-scheme: light;
}

:root:has(body.g-root_theme_dark),
:root:has(body.g-root_theme_dark-hc) {
  color-scheme: dark;
}
.yc-help-popup {
  position: relative;
}
.yc-help-popup__close {
  position: absolute;
  top: 12px;
  right: 12px;
}
.yc-help-popup-content {
  position: relative;
  width: 340px;
  box-sizing: border-box;
}
.yc-help-popup-content_with-illustration {
  display: grid;
  grid-auto-flow: column;
  gap: 8px;
  grid-template-columns: 88px 1fr;
  width: 434px;
}
.yc-help-popup-content_with-illustration .yc-help-popup-content__body {
  padding-left: 0;
}
.yc-help-popup-content__body {
  overflow: hidden;
  padding: 16px 20px 16px 16px;
}
.yc-help-popup-content__content-title {
  font-size: var(--g-text-subheader-2-font-size);
  line-height: var(--g-text-subheader-2-line-height);
  font-weight: var(--g-text-subheader-font-weight);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
  word-break: normal;
  -webkit-line-clamp: 2;
  margin: 0 40px 0 0;
}
.yc-help-popup-content__content-paragraph {
  margin: 8px 0 0;
  color: var(--g-color-text-complementary);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
  word-break: normal;
  -webkit-line-clamp: 5;
}
.yc-help-popup-content__footer {
  margin-top: 12px;
  display: flex;
  align-items: center;
}
.yc-help-popup-content__actions {
  overflow: hidden;
  width: 100%;
}
.yc-help-popup-content__illustration {
  margin: 4px;
  border-radius: 4px;
  overflow: hidden;
}
.yc-help-popup-content__step {
  color: var(--g-color-text-secondary);
  margin-right: 4px;
}
.nv-services-compact {
  --_--background-color: transparent;
  --_--fi-color: var(--g-color-text-primary);
  --_--fi-suggest-color: var(--g-color-text-hint);
  --_--fi-border-color: var(--g-color-line-generic);
  --_--fi-border-color-hover: var(--g-color-line-generic-hover);
  --_--asb-background-color: var(--g-color-base-generic);
  --_--asb-background-color-hover: var(--g-color-base-generic-hover);
  --nv-compact-item-width: 112px;
  --nv-compact-item-height: 84px;
  --nv-compact-item-gap: 8px;
  --nv-compact-card-padding: 24px;
  --nv-compact-columns: 3;
  --nv-compact-min-rows: 4;
  --nv-compact-max-rows: 8;
  --nv-compact-min-default-rows: 3;
  --nv-compact-max-default-rows: 4;
  --nv-compact-max-favorite-rows: 2;
  --nv-compact-min-favorite-rows: 1;
  --nv-compact-card-width: calc(var(--nv-compact-item-width) * var(--nv-compact-columns) + var(--nv-compact-item-gap) * (var(--nv-compact-columns) - 1));
  --nv-compact-card-min-height: calc(var(--nv-compact-item-height) * var(--nv-compact-min-rows) + var(--nv-compact-item-gap) * (var(--nv-compact-min-rows) - 1));
  --nv-compact-card-max-height: calc(var(--nv-compact-item-height) * var(--nv-compact-max-rows) + var(--nv-compact-item-gap) * (var(--nv-compact-max-rows) - 1));
  --nv-compact-card-default-min-height: calc(var(--nv-compact-item-height) * var(--nv-compact-min-default-rows) + var(--nv-compact-item-gap) * (var(--nv-compact-min-default-rows) - 1));
  --nv-compact-card-default-max-height: calc(var(--nv-compact-item-height) * var(--nv-compact-max-default-rows) + var(--nv-compact-item-gap) * (var(--nv-compact-max-default-rows) - 1));
  --nv-compact-card-favorite-min-height: calc(var(--nv-compact-item-height) * var(--nv-compact-min-favorite-rows) + var(--nv-compact-item-gap) * (var(--nv-compact-min-favorite-rows) - 1));
  --nv-compact-card-favorite-max-height: calc(var(--nv-compact-item-height) * var(--nv-compact-max-favorite-rows) + var(--nv-compact-item-gap) * (var(--nv-compact-max-favorite-rows) - 1));
  --g-scrollbar-width: 8px;
  background-color: transparent;
  background-color: var(--nv-compact-background-color, var(--_--background-color));
  padding: 24px;
  padding: var(--nv-compact-card-padding);
  width: calc(112px * 3 + 8px * (3 - 1));
  width: var(--nv-compact-card-width);
  border: none;
  display: flex;
  flex-direction: column;
  gap: 4px;
  box-sizing: content-box;
}
.nv-services-compact__filter-input {
  margin-bottom: 16px;
}
.nv-services-compact__filter-input .g-text-input__control {
  color: var(--nv-compact-fi-color, var(--_--fi-color));
}
.nv-services-compact__filter-input .g-text-input__control::-moz-placeholder {
  color: var(--nv-compact-fi-suggest-color, var(--_--fi-suggest-color));
}
.nv-services-compact__filter-input .g-text-input__control::placeholder {
  color: var(--nv-compact-fi-suggest-color, var(--_--fi-suggest-color));
}
.nv-services-compact__filter-input .g-text-input__content, .nv-services-compact__filter-input .g-text-input__content:focus, .nv-services-compact__filter-input .g-text-input__content:focus-within {
  border-color: var(--nv-compact-fi-border-color, var(--_--fi-border-color));
}
.nv-services-compact__filter-input .g-text-input__content .g-clear-button {
  color: var(--nv-compact-fi-border-color, var(--_--fi-border-color));
}
.nv-services-compact__filter-input .g-text-input__content .g-clear-button:hover {
  color: var(--nv-compact-fi-border-color-hover, var(--_--fi-border-color-hover));
}
.nv-services-compact__filter-input .g-text-input__content:hover {
  border-color: var(--nv-compact-fi-border-color-hover, var(--_--fi-border-color-hover));
}
.nv-services-compact__all-services-button {
  margin-top: 12px;
  width: 100%;
}
.nv-services-compact__all-services-button.g-button::before {
  background-color: var(--nv-compact-asb-background-color, var(--_--asb-background-color));
}
.nv-services-compact__all-services-button.g-button:hover::before {
  background-color: var(--nv-compact-asb-background-color-hover, var(--_--asb-background-color-hover));
}
.nv-services-compact__content-wrapper {
  padding-right: 16px;
  width: calc(100% + var(--g-scrollbar-width));
  min-height: var(--nv-compact-card-min-height);
  max-height: min(var(--nv-compact-card-max-height), 80vh);
  overflow-x: hidden;
  overflow-y: auto;
  overflow: hidden auto;
  position: relative;
}
.nv-services-compact__massage-wrapper {
  width: var(--nv-compact-card-width);
  margin-top: 64px;
  text-align: center;
}
.nv-services-compact__message-text {
  margin-top: 4px;
  white-space: pre-wrap;
  margin-bottom: 12px;
}
.nv-services-compact__content {
  padding-right: var(--nv-compact-card-padding);
  width: var(--nv-compact-card-width);
  display: grid;
  grid-template-columns: repeat(var(--nv-compact-columns), 1fr);
  grid-gap: var(--nv-compact-item-gap);
  gap: var(--nv-compact-item-gap);
  max-height: var(--nv-compact-content-max-height, var(--nv-compact-card-default-max-height));
  overflow-x: hidden;
  overflow-y: auto;
  overflow: hidden auto;
}
.nv-services-compact__content-wrapper_v2 {
  padding-right: var(--nv-compact-card-padding);
  width: var(--nv-compact-card-width);
  overflow-x: hidden;
  overflow-y: auto;
  overflow: hidden auto;
}
.nv-services-compact__content_skeleton {
  padding-right: var(--nv-compact-card-padding);
  width: var(--nv-compact-card-width);
  display: grid;
  grid-template-columns: repeat(var(--nv-compact-columns), 1fr);
  grid-gap: var(--nv-compact-item-gap);
  gap: var(--nv-compact-item-gap);
}
.nv-services-compact__content_default {
  width: var(--nv-compact-card-width);
  display: grid;
  grid-template-columns: repeat(var(--nv-compact-columns), 1fr);
  grid-gap: var(--nv-compact-item-gap);
  gap: var(--nv-compact-item-gap);
}
.nv-services-compact__content_favorite {
  width: var(--nv-compact-card-width);
  display: grid;
  grid-template-columns: repeat(var(--nv-compact-columns), 1fr);
  grid-gap: var(--nv-compact-item-gap);
  gap: var(--nv-compact-item-gap);
  min-height: var(--nv-compact-card-favorite-min-height);
}
.nv-services-compact__service-item {
  box-sizing: content-box;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  flex-direction: column;
  width: var(--nv-compact-item-width);
  height: var(--nv-compact-item-height);
  border-radius: 8px;
  position: relative;
}
.nv-services-compact__service-item_pending-unpin .nv-services-compact__service-icon, .nv-services-compact__service-item_pending-unpin .nv-services-compact__title {
  opacity: 0.4;
}
.nv-services-compact__service-item:hover {
  background-color: var(--g-color-base-simple-hover);
}
.nv-services-compact__service-item:hover .nv-services-compact__pin {
  opacity: 1;
}
.nv-services-compact__pin {
  position: absolute;
  top: 4px;
  right: 4px;
  opacity: 0;
}
.nv-services-compact__action-tooltip {
  pointer-events: none;
}
.nv-services-compact__title {
  max-width: 104px;
  line-height: 16px;
  text-align: center;
  width: 100%;
  height: 32px;
  overflow: hidden;
  white-space: break-spaces;
  text-overflow: ellipsis;
  pointer-events: none;
}
.nv-services-compact__link {
  all: unset;
  cursor: pointer;
}
.nv-services-compact__pin-wrapper {
  display: flex;
  gap: var(--nv-compact-item-gap);
  padding: 16px 0;
  width: 100%;
  color: var(--g-color-text-hint);
}
.nv-services-compact__services-button_open {
  gap: 10px;
  display: flex;
  align-items: center;
  cursor: pointer;
  margin-top: 16px;
  margin-bottom: 16px;
}
.nv-services-compact__services-button_close {
  gap: 10px;
  display: flex;
  align-items: center;
  cursor: pointer;
  margin-top: 16px;
}
.nv-services-compact__border {
  height: 1px;
  background-color: var(--g-color-line-generic);
  margin-top: 16px;
}
.nv-services-compact__service-title {
  display: flex;
  font-size: var(--g-text-subheader-3-font-size);
  line-height: var(--g-text-subheader-3-line-height);
  font-weight: 500;
  padding-bottom: 3px;
}
.nv-services-compact__pinned-title {
  display: flex;
  font-size: var(--g-text-subheader-3-font-size);
  line-height: var(--g-text-subheader-3-line-height);
  font-weight: 500;
  margin-bottom: 16px;
}
.nv-services-compact__service-title_wrapper {
  display: flex;
  align-items: center;
  gap: 4px;
}
.nv-onboarding-popup {
  border-radius: 16px;
  --g-popup-border-color: var(--g-color-line-generic-solid);
}
.nv-onboarding-popup .yc-help-popup-content__illustration {
  height: 172px;
}
.nv-onboarding-popup .yc-help-popup-content__content-paragraph {
  padding-bottom: 8px;
}
.nv-description-popup {
  box-sizing: border-box;
  border-radius: 16px;
  padding: 16px;
}
.nv-description-popup__text {
  width: 200px;
  line-height: 16px;
}
.nv-common-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  width: 32px;
}
.nv-common-icon_internal > svg {
  width: 100%;
  height: 100%;
}
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .AllServices {
    --g-color-base-generic: var(--hr-color-control-secondary);
    --g-color-base-simple-hover: var(--hr-color-control-secondary-hover);
    --g-color-base-generic-hover: var(--hr-color-control-secondary-contrast);
    --g-button-background-color-hover: var(--hr-color-control-secondary-contrast);
    --g-color-base-brand: var(--hr-color-control-primary);
    --g-color-base-brand-hover: var(--hr-color-control-primary);
    --g-color-base-float-heavy: var(--hr-color-surface-dark-200);

    --g-color-line-generic: var(--hr-color-border-secondary);

    --g-color-text-primary: var(--hr-color-text-primary);
    --g-color-text-secondary: var(--hr-color-text-secondary);
    --g-color-text-complementary: var(--hr-color-text-secondary);
    --g-color-text-light-primary: var(--hr-color-text-primary-inverse);
    --g-color-text-hint: var(--hr-color-text-tertiary);
    --g-color-text-brand-contrast: var(--hr-color-text-primary-inverse);

    --g-border-radius-s: var(--hr-border-radius-xs);
    --g-border-radius-m: var(--hr-border-radius-xs);
    --g-border-radius-l: var(--hr-border-radius-s);

    --g-button-height: var(--hr-size-control-s);

    --nv-compact-fi-border-color: var(--hr-color-border-secondary);
    --nv-compact-fi-border-color-hover: var(--hr-color-border-secondary);

    --g-button-font-size: var(--hr-typography-font-size-s);
    --g-text-body-short-font-size: var(--hr-typography-font-size-s);

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

    font-family: var(--hr-typography-font-family-default);
    font-size: var(--hr-typography-font-size-s);

    color: var(--hr-color-text-primary);
    background-color: var(--hr-color-surface-200);
}

.Theme_color_hrDark .AllServices {
    --g-color-base-float-heavy: var(--hr-color-surface-light-200);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .AllServices .g-button.g-button_view_flat {
    --g-button-background-color-hover: var(--hr-color-control-secondary-hover);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .AllServices .nv-services-compact,
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .AllServices .nv-services-compact__v2 {
    box-sizing: border-box;
    width: 100%;
    max-height: 100%;
    padding: var(--hr-space-m);

    background-color: inherit;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .AllServices .nv-services-compact__content-wrapper_v2,
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .AllServices .nv-services-compact__content_favorite,
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .AllServices .nv-services-compact__content_default {
    --nv-compact-card-padding: var(--hr-space-m);

    width: 100%;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .AllServices .nv-services-compact__content-wrapper {
    display: flex;

    min-height: unset;
    padding-right: var(--hr-space-xs);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .AllServices .nv-services-compact__content {
    --nv-compact-card-padding: var(--hr-space-xl);

    overflow: visible;

    max-height: 100%;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .AllServices .nv-services-compact__link {
    display: flex;
    justify-content: center;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .AllServices .nv-services-compact__pin-wrapper {
    align-items: center;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .AllServices .g-button_size_s {
    --g-button-height: var(--hr-size-control-m);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .AllServices .nv-services-compact__all-services-button {
    height: var(--hr-size-control-m);

    line-height: var(--hr-size-control-m);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .AllServices .g-text-input__clear {
    --g-button-background-color: transparent;
    --g-button-background-color-hover: transparent;
    --nv-compact-fi-border-color: var(--hr-color-text-secondary);
    --nv-compact-fi-border-color-hover: var(--hr-color-text-primary);
    color: var(--g-color-text-hint);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .AllServices .g-text-input__clear:hover {
    color: var(--g-color-text-hint);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .AllServices .g-text-input__content {
    height: var(--hr-size-control-m);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .AllServices .g-text-input__control_type_input {
    height: 100%;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .AllServices .nv-services-compact__service-item {
    border-radius: var(--hr-border-radius-s);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .AllServices .nv-services-compact__service-title,
:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .AllServices .nv-services-compact__pinned-title {
    font-size: var(--hr-typography-font-label-m-font-size);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .AllServices .nv-services-compact__massage-wrapper {
    margin-bottom: 64px;
}

/* Onboarding */

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .AllServices .g-popup {
    --g-popup-background-color: var(--hr-color-surface-200);

    --g-popup-border-color: transparent;

    font-family: var(--hr-typography-font-family-default);

    border-radius: var(--hr-border-radius-l);
    background-color: var(--hr-color-surface-200);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .AllServices .g-popup__content {
    border-radius: inherit;
    box-shadow: var(--hr-effects-shadow);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .AllServices .yc-help-popup-content__body {
    padding: var(--hr-space-m);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .AllServices .yc-help-popup-content__content-title {
    font-size: var(--hr-typography-font-label-m-font-size);
    font-weight: var(--hr-typography-font-label-m-font-weight);
    line-height: var(--hr-typography-font-label-m-line-height);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .AllServices .yc-help-popup-content__content-paragraph {
    font-size: var(--hr-typography-font-body-s-font-size);
    line-height: var(--hr-typography-font-body-s-line-height);

    color: var(--hr-color-text-primary);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .AllServices .yc-help-popup-content__illustration {
    border-radius: var(--hr-border-radius-m);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .AllServices .g-button.yc-help-popup__close {
    --g-button-border-radius: var(--hr-border-radius-s-compact);
    --g-button-height: var(--hr-size-control-s);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .AllServices .yc-help-popup-content__actions .g-button {
    --g-button-padding: var(--hr-space-m);
    --g-button-border-radius: var(--hr-border-radius-s);
    --g-button-height: var(--hr-size-control-m);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .AllServices .yc-help-popup-content_with-illustration {
    align-items: end;
}

/* Tooltip */

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .AllServices .g-action-tooltip {
    --g-popup-background-color: var(--hr-color-surface-dark-200);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .AllServices .g-action-tooltip .g-popup__content {
    border-radius: var(--hr-border-radius-s-compact);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .AllServices .g-action-tooltip__content {
    padding: var(--hr-space-xs) var(--hr-space-s);

    font-size: var(--hr-typography-font-size-s);
}

@media only screen and (max-width: 392px) {
    :where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .AllServices .nv-services-compact__content_default,
    :where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .AllServices .nv-services-compact__content_favorite {
        --nv-compact-columns: 2;
    }
}

.CounterTag--dQsYH {
    min-width: var(--hr-control-size);
}

/* https://st.yandex-team.ru/ORBIT-209#682c6bfd0759a8030437df16 */
.CounterTag--dQsYH.Theme_controls_inline {
    --hr-control-border-radius: var(--hr-border-radius-xs-compact);
}

.ThemeOption--NXlhB {
    display: grid;

    margin: 0;
    padding: var(--hr-space-2-xs);

    cursor: pointer;

    border: none;
    border-radius: var(--hr-border-radius-s);
    background-color: transparent;
    row-gap: var(--hr-space-2-xs);
}

.ThemeOption--NXlhB:hover {
    background-color: var(--hr-color-control-secondary-hover);
}

.utilityfocus .ThemeOption--NXlhB:focus,
.utilityfocus .ThemeOption--NXlhB:focus-visible {
    outline: var(--hr-border-width-s) solid var(--hr-color-control-primary);
    outline-offset: -1px;
}

.ThemeOption-Label--OStm6 {
    text-align: center;
}

.ThemeOption-Preview--xfzB4 {
    --theme-option-preview-border-width: var(--hr-border-width-m);

    display: flex;
    overflow: hidden;
    justify-content: space-between;

    box-sizing: border-box;
    /* To take into account size of second border made with box-shadow */
    width: calc(120px - 2 * var(--theme-option-preview-border-width));
    height: calc(96px - 2 * var(--theme-option-preview-border-width));
    margin: var(--theme-option-preview-border-width);

    border: var(--theme-option-preview-border-width) solid var(--hr-color-surface-100);
    border-radius: var(--hr-border-radius-xs);
    box-shadow: 0 0 0 var(--theme-option-preview-border-width) transparent;
}

.ThemeOption_selected--lUO5s .ThemeOption-Preview--xfzB4 {
    box-shadow: 0 0 0 var(--theme-option-preview-border-width) var(--hr-color-border-primary);
}

.ThemeOption-PreviewSide--RQuzm {
    position: relative;

    display: grid;
    flex: 1;
    grid-template-rows: 1fr 1fr;

    padding: var(--hr-space-xs);

    background-color: var(--hr-color-surface-0);
    row-gap: var(--hr-space-xs);
}

.ThemeOption-PreviewSide_left--tUAfX {
    padding-right: var(--hr-space-2-xs);
}

.ThemeOption-PreviewSide_right--FpfSG {
    padding-left: var(--hr-space-2-xs);
}

.ThemeOption-PreviewBlock--xbDST {
    border-radius: var(--hr-border-radius-xs-compact);
    background-color: var(--hr-color-surface-100);
}

.ThemeOption-PreviewBlock_fullHeight--U_dyx {
    grid-row: span 2;
}

.ThemeSelect--yZ1QR {
    display: flex;

    padding: var(--hr-space-xs);
}

.Container--sxpJ2 {
    overflow: hidden;

    min-width: var(--sidebar-width);
}

.Copyright--tKZPC {
    padding:
        var(--hr-space-xs-compact)
        calc(var(--hr-space-m) + var(--hr-space-2-xs-compact))
        var(--hr-space-m-compact);

    font-size: var(--hr-typography-font-size-s);
    font-weight: var(--hr-typography-font-weight-regular);

    color: var(--hr-color-text-secondary);
}

.MenuLink--st5gc,
.Item--S37cC:focus,
.Item--S37cC:active,
.Item--S37cC:visited {
    text-decoration: none;
}

.MainMenu--V6EK6 {
    width: var(--sidebar-width);
}

.UiSettingsMenu--GO6Sm .MenuItem-Content {
    user-select: none;
}

.HorizontalControls--GjwL7 {
    display: flex;
    flex-direction: row;

    column-gap: var(--hr-space-xs);

    align-items: center;
}

.HorizontalControls--GjwL7 .Tumbler {
    height: var(--hr-space-l);
}

.SidebarMenu--gnNL8 {
    --hr-icon-color: var(--hr-color-text-secondary);
    display: flex;
    overflow-y: auto;
    flex-direction: column;

    width: 100%;
    height: 100%;
    min-height: 144px;
    row-gap: var(--hr-space-2-xs);
}

.SidebarMenu--gnNL8::-webkit-scrollbar {
    width: 0;
}

.MenuGroup--cWOQS {
    display: flex;
    flex-direction: column;
    row-gap: var(--hr-space-2-xs);
}

.MenuGroup--cWOQS .Dropdown {
    width: 100%;
}

.MenuLink--_lWPQ,
.MenuLink--_lWPQ:focus,
.MenuLink--_lWPQ:hover,
.MenuLink--_lWPQ:active {
    text-decoration: none;

    border: none;
    outline: none;
    background: none;
}

.MenuLinkActive--vt3Ym .MenuItem-Control {
    cursor: default;
}

.MenuGroupTitle--udpBL {
    padding: var(--hr-space-s-compact) var(--hr-space-s);

    font-size: var(--hr-font-size-body-s);
    font-weight: var(--hr-typography-font-weight-medium);
    line-height: var(--hr-font-line-height-body-s);

    color: var(--hr-color-text-secondary);
}

.MenuPage--Hqu5W.MenuItem:not(.isDropdown--ROc5I) .MenuItem-ContentWrapper {
    padding-left: calc(var(--hr-space-3-xl) - var(--hr-space-s));
}

.MenuLink--_lWPQ .MenuItem-Control:hover ~ .MenuItem-State {
    background-color: var(--hr-color-control-secondary-hover);
}

.MenuLink--_lWPQ.MenuLinkActiveStandard--_o1vg .MenuItem-State,
.MenuLink--_lWPQ.MenuLinkActiveStandard--_o1vg .MenuItem .MenuItem-State,
.MenuLink--_lWPQ.MenuLinkActiveStandard--_o1vg .MenuItem-Control:hover ~ .MenuItem-State {
    background-color: var(--hr-color-surface-100);
}

.MenuLink--_lWPQ.MenuLinkActiveCompact--pJQwh .MenuItem-State,
.MenuLink--_lWPQ.MenuLinkActiveCompact--pJQwh .MenuItem .MenuItem-State,
.MenuLink--_lWPQ.MenuLinkActiveCompact--pJQwh .MenuItem-Control:hover ~ .MenuItem-State {
    background-color: var(--hr-color-control-secondary);
}

.DropdownPages--tWSY0 {
    display: flex;
    flex-direction: column;

    row-gap: var(--hr-space-2-xs);
}

.NestedPages--guzMi {
    display: flex;
    flex-direction: column;
    row-gap: var(--hr-space-2-xs);
}

.AnimatedContainer--k6a7P {
    transform-origin: top;
    will-change: height;
}

.ContentWrapper--Hd3Nn {
    will-change: clip-path, transform;
}

.ItemRightSlot--swuuf {
    display: flex;
    flex-direction: row;
    align-items: center;

    column-gap: var(--hr-space-xs);
}

.MultipleServiceCounter--okwLs {
    transition: transform 200ms ease-in-out;
    transform: translateY(var(--hr-space-3-xl));
}

.MultipleServiceCounterVisible--k6UAh {
    transform: translateY(0);
}

.SkeletonContainer--Mh5Hi {
    display: flex;
    flex-direction: column;

    width: 100%;
    margin: 0 var(--hr-space-xs);
    row-gap: var(--hr-space-2-xs);
}

.SkeletonLine--vbhO0 {
    display: flex;
    flex-direction: row;
    align-items: center;

    height: var(--hr-space-3-xl);

    column-gap: var(--hr-space-xs);
}

.TextSkeleton--i4CQA {
    width: 50%;
}

.AvatarSkeleton--vzlHg {
    flex-shrink: 0;
}

.Divider--Sks38 .Divider-Line {
    background-color: var(--hr-color-border-tertiary);
}

.MainActionsContent--o7trM {
    display: flex;
    flex-direction: column;

    width: var(--sidebar-width);

    row-gap: var(--hr-space-2-xs);
}

.MainActionsMenu--iQS1U {
    width: 100%;

    background-color: var(--hr-color-surface-0);
}

.MainActionsHeader--J_eG3 {
    display: flex;
    align-items: center;
    column-gap: var(--hr-space-s);

    color: var(--hr-color-text-primary);
}

.MainActionsHeaderSeparator--LPMK8 {
    color: var(--hr-color-border-secondary-contrast);
}

.MainActionsContentItem--GhEsT {
    display: flex;
    align-items: center;
    column-gap: var(--hr-space-s);

    color: var(--hr-color-text-primary);
}

.MainActionsContentItem_isNotification--OKt0r {
    color: var(--hr-color-border-secondary-contrast);
}

.MainActionsNotificationsPopup--bkoD3 {
    width: 400px;
    height: 70dvh;
}

.MainActionsNotificationsCounter--dLyx0.Button,
.MainActionsNotificationsCounter--dLyx0 .Button-Text {
    font-weight: var(--hr-typography-font-weight-medium);

    color: var(--hr-color-white-1000);
    background-color: var(--hr-color-spectre-red-500);
}

.MainActionsAllServicesPopup--Z2krm,
.MainActionsAllServicesPopup--Z2krm .AllServices,
.MainActionsAllServicesPopup--Z2krm .AllServices > div {
    border-radius: var(--hr-border-radius-m);
}

.MainActionsMessagesPopup--sJ4Y_ {
    width: 400px;
    height: 70vh;
}

.MainActionsNotificationsFrame--Q1IIk {
    display: block;

    width: 100%;
    height: 100%;

    border: none;
}

.MainActionsContentDropdown--CyBBk {
    width: 100%;

    border-bottom: var(--hr-color-border-tertiary) solid var(--hr-border-width-s);
}

.MainActionsNotificationsButton--SBXXf {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    column-gap: var(--hr-space-m);

    margin-bottom: var(--hr-space-m);
}

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

.MainActionsNotificationsCount--gCJgj {
    display: inline-block;

    height: var(--hr-size-control-s);
    padding: 0 var(--hr-space-s);

    line-height: var(--hr-size-control-s);

    color: var(--hr-color-text-secondary);
    border-radius: var(--hr-border-radius-xs);
    background-color: var(--hr-color-surface-100);
}

/* https://st.yandex-team.ru/ORBIT-209#682c6bfd0759a8030437df16 */
.MainActionsSearchShortcut--XCVso.Theme_controls_inline {
    --hr-control-border-radius: var(--hr-border-radius-xs-compact);
}

.MainActionsUserLink--Q2TlR .MenuItem-ContentWrapper + .MenuItem-Slot {
    padding: 0;
    padding-right: 8px;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Divider {
    display: flex;
    align-items: center;

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

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Divider-Line {
    flex: 1 1 0;

    background-color: var(--hr-color-border-tertiary);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Divider-Line:first-child:not(:only-child) {
    margin-right: var(--hr-size-control-2-xs);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Divider-Line:last-child:not(:only-child) {
    margin-left: var(--hr-size-control-2-xs);
}

.YndxBugContainer--oJmdh,
.YndxBugContainer--oJmdh .YndxBug-Icon {
    width: calc(var(--hr-size-icon-m) + 2 * var(--hr-control-space-icon));
    height: var(--hr-size-control-m);
}

.HoverArea--EVl3y {
    position: fixed;
    z-index: 9999;
    bottom: 0;
    left: calc(var(--hr-space-xs) * -1);

    width: var(--hr-size-control-xs);
    height: calc(100dvh - var(--header-height) - var(--hr-border-width-s));

    background-color: transparent;
}

.Wrapper--nmTD5 {
    position: relative;
    z-index: var(--z-index-orbit-elements);

    display: flex;
    align-items: center;

    padding: var(--hr-space-m);
    column-gap: var(--hr-space-m);

    font-family: var(--hr-typography-font-display-s-font-family);

    border-bottom: var(--hr-color-border-tertiary) solid var(--hr-border-width-s);
    background-color: var(--hr-color-surface-100);
}

.HiddenHeader--Qfekc {
    position: absolute;

    visibility: hidden;

    pointer-events: none;
}

.HeaderContainer--iS0ze {
    overflow: hidden;

    transition: width 0.2s ease-in-out, opacity 0.2s ease-in-out;
}

.HeaderOpen--ygJLH {
    width: var(--header-width);

    opacity: 1;
}

.AnimationCompleted--P9WZ_ {
    overflow: visible;
}

.HeaderClosed--S30Pi {
    overflow: hidden;

    width: 0;
    padding-right: 0;

    opacity: 0;
}

.NoAnimation--vpbIf {
    transition: none;
}

.ContentWrapper--XyolP {
    position: relative;

    display: flex;
    flex-grow: 1;
    align-items: center;
}

.MainContent--XcW1x {
    display: flex;
    align-items: center;
    column-gap: var(--hr-space-xl);
    will-change: transform;
}

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

.Side--fMtjG {
    gap: var(--hr-space-s);

    margin-left: auto;
}

.CompactSidebarWrapper--OMBt1 {
    position: fixed;
    z-index: var(--z-index-orbit-elements);
    top: calc(var(--header-height) + var(--hr-space-xs) + var(--hr-border-width-s));
    left: calc(-300px - var(--hr-space-xs) * 2);

    height: calc(100dvh - var(--header-height) - var(--hr-space-m) * 2);
    padding: var(--hr-space-xs);

    pointer-events: none;

    border-radius: var(--hr-border-radius-l);
    background-color: var(--hr-color-surface-200);
    box-shadow: var(--hr-effects-shadow);

    transition: left 0.2s ease-in-out;
}

.CompactSidebarWrapperOpen--fHWCW {
    left: var(--hr-space-xs);

    pointer-events: all;
}

.CompactSidebarWrapperClosed--AR1u4 {
    left: -300px;
}

.CompactSidebarContent--UlNjr {
    display: flex;
    flex-direction: column;
    row-gap: var(--hr-space-xs);

    height: 100%;
}

@media (max-width: 1023px) {
    .Wrapper--nmTD5 {
        justify-content: space-between;
        column-gap: var(--hr-space-xs);
    }

    .ContentWrapper--XyolP {
        flex-grow: 0;

        width: min-content;
    }
}

.BreadcrumbsSkeleton--p38mh {
    width: 80px;
}

.Wrapper--C2QjE {
    position: relative;
    z-index: 1;

    display: flex;
    flex-shrink: 0;
    justify-content: center;

    width: var(--sidebar-width);
    height: calc(100dvh - var(--hr-space-m) * 2);
    padding: var(--hr-space-m);
}

.Sidebar--NpzeH {
    display: flex;
    flex-direction: column;
    row-gap: var(--hr-space-m);

    width: 100%;
    height: 100%;

    font: var(--hr-typography-font-body-s-all-params);
}

.SidebarContainer--E0BBx {
    z-index: var(--z-index-orbit-elements);

    overflow: clip;

    transition: width 0.2s ease-in-out;
}

.SidebarOpen--IDGuu {
    width: 300px;
}

.SidebarClosed--zDkII {
    width: 0;
}

.SideDialog--XgH03 {
    position: fixed;
    right: var(--hr-space-xl);
    bottom: var(--hr-space-xl);
}

.SideDialog--XgH03 .SideDialogLayout--HD0c8 {
    max-width: 400px;
    padding: var(--hr-space-m);

    font: var(--hr-typography-font-body-s-all-params);

    background-color: var(--hr-color-surface-200);
}

.SideDialog--XgH03 .SideDialogLayout--HD0c8 .ModalLayout-Close {
    top: var(--hr-space-xs);
    right: var(--hr-space-xs);
}

.SideDialog--XgH03 .SideDialogLayout--HD0c8 .ModalLayout-Title {
    font-size: var(--hr-typography-font-size-xl);
}

.SideDialog--XgH03 .SideDialogLayout--HD0c8 .ModalLayout-Content {
    margin-top: var(--hr-space-xs);
    margin-bottom: var(--hr-space-m);
}

.SideDialog--XgH03 .SideDialogLayout--HD0c8 .Text--g2Rne {
    padding-right: var(--hr-space-xl);

    color: var(--hr-color-text-secondary);
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Image-Container {
    position: relative;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Image {
    visibility: hidden; /* Позволяет не показывать битые картинки при ошибках загрузки */

    font: 0/0 a;

    color: #fff;
    border: 0;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Image_loaded {
    visibility: visible;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Image_loading {
    opacity: 0;
}

:where(.HR-9-32-0-canary-9938edbda7b6ed82bb9b6611c9a754c66dce6514) .Image_animated {
    animation: Image_fade_in 0.4s ease forwards;
}

@keyframes Image_fade_in {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.OnboardingDataModal--Uv8XA .Modal-Content {
    --onboarding-modal-width: 600px;

    max-width: var(--onboarding-modal-width);

    font: var(--hr-typography-font-body-s-all-params);

    background-color: var(--hr-color-surface-100);
}

.Image--zjnwh {
    display: none;

    box-sizing: border-box;
    width: 100%;
    height: auto;
    margin-bottom: calc(-1 * var(--hr-space-xs));
    padding: var(--hr-space-xs);

    border-radius: var(--hr-border-radius-l);
}

.Image--zjnwh.Current--GfsB2 {
    display: block;
}

.OnboardingDataModal--Uv8XA .Layout--ySIQm {
    background-color: var(--hr-color-surface-100);
    box-shadow: none;
}

.OnboardingDataModal--Uv8XA .Layout--ySIQm .ModalLayout-Title {
    font: var(--hr-typography-font-title-s-all-params);
}

.OnboardingDataModal--Uv8XA .Layout--ySIQm .ModalLayout-Content {
    margin-top: var(--hr-space-xs);
}

.Text--ztNXo {
    font: var(--hr-typography-font-body-s-all-params);

    color: var(--hr-color-text-secondary);
}

.PageCount--VcXRK {
    display: flex;
    align-items: center;

    height: 100%;

    color: var(--hr-color-text-secondary);
}

.Footer--ECxQz {
    container-type: inline-size;
}

.FormContainer--E0ClO {
    display: grid;
    overflow: hidden;
    grid-template-columns: repeat(3, 1fr);

    gap: var(--hr-space-xl);
}

.FormWrapper--vRM3e {
    grid-column: 1 / 3;
}

.SecondaryText--k6LW_ {
    margin-top: var(--hr-space-s);
}

.Form--zkfgs {
    margin-bottom: var(--hr-space-xl);
}

.Iframe--hQWm0 {
    /* если шире 550px то форма обратной связи в айфрейме центруется в контейнере, */
    /* а если меньше 550px, то по левому краю */
    width: 540px;
    /* Минимальная высота без скроллбара, больше - появляются вертикальные отступы, меньше - скролл */
    /* 332px - для input text */
    /* 370px - для textarea */
    min-height: 370px;

    border: 0;
}

.ImgWrapper--Qm0Wu {
    position: relative;
}

.ManImg--mu2cL {
    position: absolute;
    bottom: 0;
    left: 0;

    height: 100%;
}

/* ScreenSize.MOBILE */
@container (width <= 640px) {
    .ManImg--mu2cL {
        display: none;
    }

    .FormWrapper--vRM3e {
        grid-column: 1 / 4;
    }

    .Iframe--hQWm0 {
        width: 100%;
    }

    .SecondaryText--k6LW_ {
        margin-top: var(--hr-space-xs);
    }
}

.Container--sxXI1 {
    container-type: inline-size;

    min-width: 330px;
}

.HeaderPrimaryTextWrapper--TXghQ {
    margin-top: var(--hr-space-xs);
    margin-bottom: calc(2 * var(--hr-space-xl));
}

.HeaderSecondaryText--GwM8T {
    display: grid;
    align-items: center;
    grid-template-columns: repeat(3, auto);

    margin-bottom: var(--hr-space-2-xl);
    gap: var(--hr-space-xl);
}

.TextWithoutImage--M4yNR {
    max-width: 522px;
}

.TextWithImage--tH5Qn {
    display: flex;
    align-items: center;
    grid-column: 3;

    max-width: 358px;
}

.HandWithFlag--tzZea {
    margin-right: var(--hr-space-s-compact);
}

.CalendarContainer--oEfmo {
    overflow: hidden;

    width: 100%;
    margin-bottom: calc(var(--hr-space-l) + var(--hr-space-4-xl));

    border-radius: var(--hr-border-radius-l);
}

/* Высота картинки календарика, чтобы не было прыжка высоты при сужении */
.Calendar--GkK1l {
    height: 225px;
}
/* Ширина картинки календарика, чтобы не было прыжка высоты при растягивании */
@container (width > 1163px) {
    .Calendar--GkK1l {
        width: 100%;
        max-width: 1380px;
        height: auto;
    }
}

/* ScreenSize.MOBILE */
@container (width <= 640px) {
    .HeaderPrimaryTextWrapper--TXghQ {
        margin-bottom: var(--hr-space-m);
    }

    .HeaderPrimaryText--pZUei {
        font-size: var(--hr-typography-font-size-4-xl);
        line-height: var(--hr-typography-line-height-2-xl);
    }

    .HeaderSecondaryText--GwM8T {
        grid-template-columns: 1fr;

        margin-bottom: var(--hr-space-m);
        gap: var(--hr-space-2-xl);
    }

    .TextWithImage--tH5Qn {
        grid-column: 1;
    }

    .CalendarContainer--oEfmo {
        margin-bottom: var(--hr-space-4-xl);
    }
}

.Container--rzDHq {
    container-type: inline-size;

    min-width: 330px;
}

.ContentTitleWrapper--hfPcU {
    margin-bottom: var(--hr-space-2-xl);
}

.ContentTitle--iYO3l {
    display: flex;
}

.Tag--K5X9R {
    margin-left: var(--hr-space-xs);
}

.Tag--K5X9R .Button-Text {
    font-weight: var(--hr-typography-font-weight-regular);

    color: var(--hr-color-spectre-orange-900);
}

.Grid--td10i {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: calc(var(--hr-space-s) + var(--hr-space-m)) var(--hr-space-xl);

    margin-bottom: calc(var(--hr-space-l) + var(--hr-space-4-xl));
}

.GridItem--eveaJ {
    max-width: 340px;
}

.Icon--meCqX {
    margin-bottom: var(--hr-space-xs);
}

.ColorPurple--MZ0vX {
    color: var(--hr-color-spectre-purple-500);
}

.ColorGreen--anfz7 {
    color: var(--hr-color-spectre-green-500);
}

.ColorRed--eMRu4 {
    color: var(--hr-color-spectre-red-500);
}

.ColorBlue--ER2mW {
    color: var(--hr-color-spectre-blue-500);
}

.ColorOrange--dg5YT {
    color: var(--hr-color-spectre-orange-500);
}

.ColorIndigo--RL_Pt {
    color: #6477d8;
}

/* ScreenSize.MOBILE */
@container (width <= 640px) {
    .Grid--td10i {
        grid-template-columns: repeat(2, 1fr);

        margin-bottom: var(--hr-space-4-xl);
    }
}

/* SmallMobile Vertical */
@container (width <= 375px) {
    .Grid--td10i {
        grid-template-columns: 1fr;
        gap: var(--hr-space-m) var(--hr-space-xl);
    }
}

.container--LnhoK {
    container-type: inline-size;

    max-width: 1380px;
}

.wrapper--RQKSN {
    padding: var(--hr-space-xl);
    padding-bottom: 0;
}

/* ScreenSize.MOBILE */
@container (width <= 640px) {
    .wrapper--RQKSN {
        padding: var(--hr-space-m);
    }
}

body.Theme_color_hrDark,
html:has(body.Theme_color_hrDark) {
    color-scheme: dark;
}