.Breadcrumbs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
  color: var(--color-typo-secondary);
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

  .Breadcrumbs_size_xs {
      --delimiter-space: var(--space-xs);
      font-size: var(--control-text-size-xs);
    }

  .Breadcrumbs_size_s {
      --delimiter-space: var(--space-s);
      font-size: var(--control-text-size-s);
    }

  .Breadcrumbs_size_m {
      --delimiter-space: var(--space-m);
      font-size: var(--control-text-size-m);
    }

  .Breadcrumbs_size_l {
      --delimiter-space: var(--space-l);
      font-size: var(--control-text-size-l);
    }

  .Breadcrumbs-Item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .Breadcrumbs-Link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: var(--color-typo-secondary);
    text-decoration: none;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
  }

  .Breadcrumbs-Link_active {
      color: var(--color-typo-primary);
      pointer-events: none;
    }

  .Breadcrumbs-Link:hover {
      color: var(--color-typo-link-hover);
    }

  .Breadcrumbs-Icon {
    margin-right: var(--space-xs);
  }

  .Breadcrumbs-Delimiter {
    margin: 0 var(--delimiter-space);
    color: var(--color-typo-ghost);
  }

  .Breadcrumbs-More {
    color: var(--color-control-typo-clear);
  }

.Icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  overflow: hidden;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: var(--icon-size);
  height: var(--icon-size);
  line-height: 0;
}

  .Icon_size_xs {
      --icon-size: var(--graphics-size-xs);
    }

  .Icon_size_s {
      --icon-size: var(--graphics-size-s);
    }

  .Icon_size_m {
      --icon-size: var(--graphics-size-m);
    }

  .Icon_view_alert {
      color: var(--color-typo-alert);
    }

  .Icon_view_brand {
      color: var(--color-typo-brand);
    }

  .Icon_view_ghost {
      color: var(--color-typo-ghost);
    }

  .Icon_view_link {
      color: var(--color-typo-link);
    }

  .Icon_view_primary {
      color: var(--color-typo-primary);
    }

  .Icon_view_secondary {
      color: var(--color-typo-secondary);
    }

  .Icon_view_success {
      color: var(--color-typo-success);
    }

  .Icon_view_warning {
      color: var(--color-typo-warning);
    }

  .Icon_view_disabled {
      color: var(--color-control-typo-disable);
    }

  .Icon-Svg {
    display: block;
    width: 100%;
    height: 100%;
    fill: currentcolor;
  }

.Button {
  position: relative;
  display: inline-block;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 100%;
  height: var(--button-height);
  padding: 0 var(--button-space);
  background: transparent;
  border: none;
  border-radius: var(--control-radius);
  font-family: var(--font-primary);
  font-size: var(--button-font-size);
  font-weight: var(--font-weight-text-regular);
  line-height: var(--button-height);
  white-space: nowrap;
  text-decoration: none;
  text-overflow: ellipsis;
  cursor: pointer;
  -webkit-transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease, fill 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease, fill 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease,
    color 0.15s ease, fill 0.15s ease;
  transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease,
    color 0.15s ease, fill 0.15s ease, -webkit-box-shadow 0.15s ease;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-appearance: none;
}

  .Button:hover {
    color: var(--color-hover);
  }

  .Button_form_brick {
      border-radius: 0;
    }

  .Button_form_round {
      padding-right: calc(var(--button-space) * 1.2);
      padding-left: calc(var(--button-space) * 1.2);
      border-radius: 99rem;
    }

  .Button_form_brickDefault {
      border-radius: 0 var(--control-radius) var(--control-radius) 0;
    }

  .Button_form_defaultBrick {
      border-radius: var(--control-radius) 0 0 var(--control-radius);
    }

  .Button_form_brickRound {
      padding-right: calc(var(--button-space) * 1.2);
      border-radius: 0 99rem 99rem 0;
    }

  .Button_form_roundBrick {
      padding-left: calc(var(--button-space) * 1.2);
      border-radius: 99rem 0 0 99rem;
    }

  .Button_size_xs {
      --button-height: var(--control-height-xs);
      --button-font-size: var(--control-text-size-xs);
      --button-space: var(--control-space-xs);
    }

  .Button_size_s {
      --button-height: var(--control-height-s);
      --button-font-size: var(--control-text-size-s);
      --button-space: var(--control-space-s);
    }

  .Button_size_m {
      --button-height: var(--control-height-m);
      --button-font-size: var(--control-text-size-m);
      --button-space: var(--control-space-m);
    }

  .Button_size_l {
      --button-height: var(--control-height-l);
      --button-font-size: var(--control-text-size-l);
      --button-space: var(--control-space-l);
    }

  .Button_view_clear {
      --color-hover: var(--color-control-typo-clear-hover);
      color: var(--color-control-typo-clear);
      background-color: var(--color-control-bg-clear);
    }

  .Button_view_clear:hover {
        background-color: var(--color-control-bg-clear-hover);
      }

  .Button_view_ghost {
      --color-hover: var(--color-control-typo-ghost-hover);
      color: var(--color-control-typo-ghost);
      background-color: var(--color-control-bg-ghost);
    }

  .Button_view_ghost:hover {
        background-color: var(--color-control-bg-ghost-hover);
      }

  .Button_view_primary {
      --color-hover: var(--color-control-typo-primary-hover);
      color: var(--color-control-typo-primary);
      background-color: var(--color-control-bg-primary);
    }

  .Button_view_primary:hover {
        background-color: var(--color-control-bg-primary-hover);
      }

  .Button_view_secondary {
      --color-hover: var(--color-control-typo-secondary-hover);
      color: var(--color-control-typo-secondary);
      background-color: var(--color-control-bg-secondary);
      border: var(--control-border-width) solid var(--color-control-bg-border-secondary);
      line-height: calc(var(--button-height) - var(--control-border-width) * 2);
    }

  .Button_view_secondary:hover {
        background-color: var(--color-control-bg-secondary-hover);
        border-color: var(--color-control-bg-border-secondary-hover);
      }

  .Button_disabled,
  .Button_loading {
    background-color: var(--color-control-bg-disable);
    border-color: transparent;
    cursor: not-allowed;
    pointer-events: none;
  }

  .Button_disabled {
    color: var(--color-control-typo-disable);
  }

  .Button_loading {
    color: transparent;
  }

  .Button_width_full {
      width: 100%;
    }

  .Button_onlyIcon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: var(--button-height);
    padding: 0;
  }

  .Button_withIcon {
    --icon-indent: calc(var(--button-space) * 0.7);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .Button-Icon {
    display: block;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }

  .Button-Icon_position_left {
        margin-right: var(--icon-indent);
      }

  .Button-Icon_position_right {
        margin-left: var(--icon-indent);
      }

  .Button-Label {
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-negative: 1;
        flex-shrink: 1;
  }

  .Button_loading .Button-Loader {
    --loaderBackgroundColor: var(--color-control-typo-disable);
    position: absolute;
  }

.MixFocus:not(.MixFocus_before):focus,
  .MixFocus:not(.MixFocus_before):focus:hover,
  .MixFocus:not(.MixFocus_before)[class*='_focus'],
  .MixFocus:not(.MixFocus_before)[class*='_focus']:hover,
  .MixFocus_before:focus::before,
  .MixFocus_before:focus:hover::before,
  .MixFocus_before[class*='_focus']::before,
  .MixFocus_before[class*='_focus']:hover::before {
    outline: none;
    -webkit-box-shadow: 0 0 0 3px var(--color-control-bg-focus);
            box-shadow: 0 0 0 3px var(--color-control-bg-focus);
    -webkit-animation: Animation--MixFocus 0.5s ease-in;
            animation: Animation--MixFocus 0.5s ease-in;
  }
  .MixFocus:not(.MixFocus_before):focus:active,
  .MixFocus:not(.MixFocus_before):focus:active:hover,
  .MixFocus:not(.MixFocus_before)[class*='_focus']:active,
  .MixFocus:not(.MixFocus_before)[class*='_focus']:active:hover,
  .MixFocus_before:focus:active::before,
  .MixFocus_before:focus:active:hover::before,
  .MixFocus_before[class*='_focus']:active::before,
  .MixFocus_before[class*='_focus']:active:hover::before {
    -webkit-animation-name: none !important;
            animation-name: none !important;
  }

@-webkit-keyframes Animation--MixFocus {
  from {
    -webkit-box-shadow: 0 0 0 0 var(--color-control-bg-focus), 0 0 0 0 var(--color-control-bg-active);
            box-shadow: 0 0 0 0 var(--color-control-bg-focus), 0 0 0 0 var(--color-control-bg-active);
  }

  to {
    -webkit-box-shadow: 0 0 0 3px var(--color-control-bg-focus), 0 0 0 6px transparent;
            box-shadow: 0 0 0 3px var(--color-control-bg-focus), 0 0 0 6px transparent;
  }
}

@keyframes Animation--MixFocus {
  from {
    -webkit-box-shadow: 0 0 0 0 var(--color-control-bg-focus), 0 0 0 0 var(--color-control-bg-active);
            box-shadow: 0 0 0 0 var(--color-control-bg-focus), 0 0 0 0 var(--color-control-bg-active);
  }

  to {
    -webkit-box-shadow: 0 0 0 3px var(--color-control-bg-focus), 0 0 0 6px transparent;
            box-shadow: 0 0 0 3px var(--color-control-bg-focus), 0 0 0 6px transparent;
  }
}

.Loader {
  --backgroundColor: var(--loaderBackgroundColor, var(--color-control-bg-primary));
  position: relative;
  top: 50%;
  left: 50%;
  width: 100%;
  height: calc(100% - var(--loader-size));
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

  .Loader::before {
    content: '';
    position: absolute;
    top: calc(50% - (var(--loader-size) * 0.5));
    left: calc(50% - (var(--loader-size) * 2.5));
    width: var(--loader-size);
    height: var(--loader-size);
    background: var(--backgroundColor);
    border-radius: 50%;
    -webkit-animation: loader 1s ease infinite;
            animation: loader 1s ease infinite;
  }

  .Loader::after {
    content: '';
    position: absolute;
    top: calc(50% - (var(--loader-size) * 0.5));
    left: calc(50% + (var(--loader-size) * 1.5));
    width: var(--loader-size);
    height: var(--loader-size);
    background: var(--backgroundColor);
    border-radius: 50%;
    -webkit-animation: loader 1s -0.36s ease infinite;
            animation: loader 1s -0.36s ease infinite;
  }

  .Loader-Dot {
    position: absolute;
    top: calc(50% - (var(--loader-size) * 0.5));
    left: calc(50% - (var(--loader-size) * 0.5));
    width: var(--loader-size);
    height: var(--loader-size);
    background: var(--backgroundColor);
    border-radius: 50%;
    -webkit-animation: loader 1s -0.18s ease infinite;
            animation: loader 1s -0.18s ease infinite;
  }

  .Loader_size_s {
      --loader-size: 4px;
    }

  .Loader_size_m {
      --loader-size: 8px;
    }

@-webkit-keyframes loader {
  50% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
}

@keyframes loader {
  50% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
}

.Tooltip {
  --tooltip-bg-color: var(--color-bg-default);
  --tooltip-bg-opacity: 0.9;

  /* Задаются через js */
  --tooltip-arrow-size: 0;
  --tooltip-arrow-offset: 0;
  position: relative;
}

  .Tooltip_status_alert {
      --tooltip-bg-color: var(--color-bg-alert);
    }

  .Tooltip_status_warning {
      --tooltip-bg-color: var(--color-bg-warning);
    }

  .Tooltip_status_success {
      --tooltip-bg-color: var(--color-bg-success);
    }

  .Tooltip_status_normal {
      --tooltip-bg-color: var(--color-bg-normal);
    }

  .Tooltip[class*='status'] {
    --tooltip-bg-opacity: 1;
  }

  .Tooltip[class*='status'] .Tooltip-Content {
      text-shadow: var(--shadow-group);
    }

  /* Фон отдельным элементом, чтобы можно было добавить ему opacity */

  .Tooltip-Background {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: var(--tooltip-bg-color);
    border-radius: var(--control-radius);
    opacity: var(--tooltip-bg-opacity);
    -webkit-box-shadow: var(--shadow-layer);
            box-shadow: var(--shadow-layer);
  }

  .Tooltip-Content {
    position: relative; /* чтобы отображаться над фоном */
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    padding: var(--space-xs);
  }

  .Tooltip-Content_size_s {
      max-width: 150px;
    }

  .Tooltip-Content_size_m {
      max-width: 260px;
    }

  .Tooltip-Content_size_l {
      max-width: 400px;
    }

  .Tooltip-Arrow {
    position: absolute;
    border: var(--tooltip-arrow-size) solid transparent;
    opacity: var(--tooltip-bg-opacity);
  }

  .Tooltip-Arrow_direction_upLeft,
    .Tooltip-Arrow_direction_upCenter,
    .Tooltip-Arrow_direction_upRight,
    .Tooltip-Arrow_direction_upStartLeft,
    .Tooltip-Arrow_direction_upStartRight {
      bottom: 0;
      border-top-color: var(--tooltip-bg-color);
      -webkit-transform: translateY(100%);
              transform: translateY(100%);
    }

  .Tooltip-Arrow_direction_upLeft,
    .Tooltip-Arrow_direction_downLeft,
    .Tooltip-Arrow_direction_downStartRight,
    .Tooltip-Arrow_direction_upStartRight {
      right: var(--tooltip-arrow-offset);
    }

  .Tooltip-Arrow_direction_upCenter,
    .Tooltip-Arrow_direction_downCenter {
      left: calc(50% - var(--tooltip-arrow-size));
    }

  .Tooltip-Arrow_direction_upRight,
    .Tooltip-Arrow_direction_downRight,
    .Tooltip-Arrow_direction_downStartLeft,
    .Tooltip-Arrow_direction_upStartLeft {
      left: var(--tooltip-arrow-offset);
    }

  .Tooltip-Arrow_direction_downLeft,
    .Tooltip-Arrow_direction_downCenter,
    .Tooltip-Arrow_direction_downRight,
    .Tooltip-Arrow_direction_downStartLeft,
    .Tooltip-Arrow_direction_downStartRight {
      top: 0;
      border-bottom-color: var(--tooltip-bg-color);
      -webkit-transform: translateY(-100%);
              transform: translateY(-100%);
    }

  .Tooltip-Arrow_direction_rightUp,
    .Tooltip-Arrow_direction_rightCenter,
    .Tooltip-Arrow_direction_rightDown,
    .Tooltip-Arrow_direction_rightStartUp,
    .Tooltip-Arrow_direction_rightStartDown {
      left: 0;
      border-right-color: var(--tooltip-bg-color);
      -webkit-transform: translateX(-100%);
              transform: translateX(-100%);
    }

  .Tooltip-Arrow_direction_rightUp,
    .Tooltip-Arrow_direction_leftUp,
    .Tooltip-Arrow_direction_leftStartDown,
    .Tooltip-Arrow_direction_rightStartDown {
      bottom: var(--tooltip-arrow-offset);
    }

  .Tooltip-Arrow_direction_rightCenter,
    .Tooltip-Arrow_direction_leftCenter {
      top: calc(50% - var(--tooltip-arrow-size));
    }

  .Tooltip-Arrow_direction_rightDown,
    .Tooltip-Arrow_direction_leftDown,
    .Tooltip-Arrow_direction_leftStartUp,
    .Tooltip-Arrow_direction_rightStartUp {
      top: var(--tooltip-arrow-offset);
    }

  .Tooltip-Arrow_direction_leftUp,
    .Tooltip-Arrow_direction_leftCenter,
    .Tooltip-Arrow_direction_leftDown,
    .Tooltip-Arrow_direction_leftStartUp,
    .Tooltip-Arrow_direction_leftStartDown {
      right: 0;
      border-left-color: var(--tooltip-bg-color);
      -webkit-transform: translateX(100%);
              transform: translateX(100%);
    }

.Theme {
  --graphics-size-xs: 12px;
  --graphics-size-s: 16px;
  --graphics-size-m: 24px;
  --graphics-size-l: 32px;
  --graphics-size-xl: 40px;
  --graphics-size-2xl: 60px;
  --graphics-size-3xl: 80px;
  --graphics-size-4xl: 120px;
}

  .Theme *::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  }

  .Theme *::-webkit-scrollbar-track {
    background-color: var(--color-scroll-bg);
  }

  .Theme *::-webkit-scrollbar-corner {
    background-color: var(--color-scroll-bg);
  }

  .Theme *::-webkit-scrollbar-thumb {
    background-color: var(--color-scroll-thumb);
    border-radius: 4px;
  }

  .Theme *::-webkit-scrollbar-thumb:hover {
    background-color: var(--color-scroll-thumb-hover);
  }

/* Базовые цвета, от которых выстраивается вся палитра */ /* Базовый цвет содержимого, от которого выстраиваются цвета текста, иконок, ... */ /* Базовый цвет поверхностей */ /* Проектный цвет, от которого выстраивают акцентные состояния */ /* Тонирующий цвет, от которого выстраиватся бордеры, оверлей под модальными окнами, ... */ /* Цвет ссылок и контролов, от которого выстраиваются все их состояния */ /* Цвет системнный */ /* Цвет тени */ /* Цвет успеха */ /* Цвет ошибки */ /* Цвет предупреждения */ /* Цвет осторожности */ /* Цвет нейтральный */

/* stylelint-disable */
.Theme_color_gpnDefault {
  /* //////////////////////////////
  // Цвета фонов /////////////// */
  --color-bg-default: rgb(255, 255, 255); /* Цвет дефолта */
  --color-bg-secondary: rgb(236, 241, 244); /* Цвет дефолта */
  --color-bg-brand: rgb(0, 113, 178); /* Цвет фона брендированый */
  --color-bg-link: rgb(0, 120, 210); /* Цвет фона ссылки */
  --color-bg-border: rgba(0, 65, 102, 0.2); /* Цвет границ */
  --color-bg-stripe: rgba(0, 32, 51, 0.05); /* Цвет зебры (например, при окрашивании фона строк таблицы через одну) */

  --color-bg-ghost: rgba(0, 32, 51, 0.08); /* Цвет затенения */
  --color-bg-tone: rgba(0, 32, 51, 0.85); /* Цвет паранджи */
  --color-bg-soft: rgba(255, 255, 255, 0.9); /* Цвет молока */
  --color-bg-system: rgb(222, 228, 232); /* Цвет фона системнный */

  --color-bg-normal: rgb(86, 185, 242); /* Цвет фона нейтральный */
  --color-bg-success: rgb(34, 195, 142); /* Цвет фона успеха */
  --color-bg-caution: rgb(242, 201, 76); /* Цвет фона осторожности */
  --color-bg-warning: rgb(243, 139, 0); /* Цвет фона предупреждения */
  --color-bg-alert: rgb(235, 87, 87); /* Цвет фона ошибки */
  --color-bg-critical: rgb(51, 0, 15); /* Цвет фона системнный */

  /* //////////////////////////////
  // Цвета текста ////////////// */
  --color-typo-primary: rgb(0, 32, 51); /* Цвет основного текста */
  --color-typo-secondary: rgba(0, 32, 51, 0.6); /* Цвет второстепенного текста */
  --color-typo-ghost: rgba(0, 32, 51, 0.3); /* Цвет дополнительного текста */
  --color-typo-brand: rgb(0, 113, 178); /* Цвет брендового текста */
  --color-typo-system: rgb(151, 178, 196); /* Цвет фона системнный */

  --color-typo-normal: rgb(51, 180, 255); /* Цвет фона нейтральный */
  --color-typo-success: rgb(9, 179, 123); /* Цвет текста успеха */
  --color-typo-caution: rgb(255, 161, 10); /* Цвет текста осторожности */

  --color-typo-warning: rgb(232, 117, 2); /* Цвет текста предупреждения */

  --color-typo-alert: rgb(235, 51, 51); /* Цвет текста ошибки */
  --color-typo-critical: rgb(51, 0, 15); /* Цвет фона системнный */
  --color-typo-link: rgb(0, 120, 210); /* Цвет основной ссылки */
  --color-typo-link-minor: rgb(28, 86, 130); /* Цвет второстепенной ссылки */
  --color-typo-link-hover: rgb(0, 142, 250); /* Цвет ховера ссылки */

  /* //////////////////////////////
  // Цвета скроллбара ////////////// */
  --color-scroll-bg: rgba(0, 66, 105, 0.06);
  --color-scroll-thumb: rgba(0, 66, 105, 0.24);
  --color-scroll-thumb-hover: rgba(0, 66, 105, 0.32);

  /* /////////////////////////////
  // Цвета контролов /////////// */

  /* Default */
  --color-control-bg-default: rgb(255, 255, 255); /* Цвет фона контрола */
  --color-control-typo-default: rgb(0, 32, 51); /* Цвет основного текста контрола */
  --color-control-typo-placeholder: rgba(0, 32, 51, 0.35); /* Цвет плейсхолдера контрола */
  --color-control-bg-border-default: rgba(0, 66, 105, 0.28); /* Цвет фона бордеров котрола */

  --color-control-bg-border-default-hover: rgba(0, 66, 105, 0.52); /* Цвет фона бордеров контрола по ховеру */

  --color-control-bg-border-focus: rgb(0, 145, 255); /* Цвет аутлайна контролов при фокусе */ /* TODO заменить на правило целиком */
  --color-control-bg-focus: rgba(0, 120, 210, 0.3); /* Цвет тени в состонии фокуса */
  --color-control-bg-active: rgba(0, 120, 210, 0.5); /* Цвет тени в состонии нажатия  */

  /* Primary */
  --color-control-bg-primary: rgb(0, 120, 210); /* Цвет фона активного контрола */
  --color-control-bg-primary-hover: rgb(0, 145, 255); /* Цвет фона активного контрола по ховеру */

  --color-control-typo-primary: rgb(255, 255, 255); /* Цвет акцентного текста */
  --color-control-typo-primary-hover: rgb(255, 255, 255); /* Цвет акцентного текста */

  /* Secondary */
  --color-control-bg-secondary: rgba(255, 255, 255, 0); /* Цвет фона бордеров котрола */
  --color-control-bg-border-secondary: rgb(0, 120, 210); /* Цвет фона бордеров котрола */

  --color-control-bg-border-secondary-hover: rgb(0, 145, 255); /* Цвет фона бордеров контрола по ховеру */

  --color-control-typo-secondary: rgb(0, 120, 210); /* Цвет второстепеного текста контрола */

  --color-control-typo-secondary-hover: rgb(0, 145, 255); /* Цвет акцентного текста */

  /* Ghost */
  --color-control-bg-ghost: rgba(0, 66, 105, 0.07); /* Цвет фона дополнительного контрола */

  --color-control-bg-ghost-hover: rgba(0, 66, 105, 0.05); /* Цвет фона дополнительного контрола по ховеру */

  --color-control-typo-ghost: rgba(0, 57, 92, 0.8); /* Цвет дополнительного текста контрола */

  --color-control-typo-ghost-hover: rgba(0, 57, 92, 0.75); /* Цвет акцентного текста */

  /* Clear */
  --color-control-bg-clear: rgba(0, 66, 105, 0); /* Цвет фона чистого контрола */
  --color-control-bg-clear-hover: rgba(0, 66, 105, 0.05); /* Цвет фона чистого контрола по ховеру */

  --color-control-typo-clear: rgba(0, 57, 92, 0.8); /* Цвет акцентного текста */

  --color-control-typo-clear-hover: rgba(0, 57, 92, 0.75); /* Цвет акцентного текста */

  /* Disable */
  --color-control-bg-disable: rgba(0, 66, 105, 0.07); /* Цвет фона неактивного контрола */
  --color-control-bg-border-disable: rgba(0, 66, 105, 0); /* Цвет фона бордеров неактивного контрола */

  --color-control-typo-disable: rgba(0, 32, 51, 0.26); /* Цвет основного текста неактивного контрола */

  /* /////////////////////////////
  // Цвета тени /////////// */
  --color-shadow-group-1: rgba(0, 32, 51, 0.02);
  --color-shadow-group-2: rgba(0, 32, 51, 0.16);
  --color-shadow-layer-1: rgba(0, 32, 51, 0.04);
  --color-shadow-layer-2: rgba(0, 32, 51, 0.12);
  --color-shadow-modal-1: rgba(0, 32, 51, 0.04);
  --color-shadow-modal-2: rgba(0, 32, 51, 0.12);
}
/* stylelint-enable */

/* Базовые цвета, от которых выстраивается вся палитра */ /* Базовый цвет содержимого, от которого выстраиваются цвета текста, иконок, ... */ /* Базовый цвет поверхностей */ /* Проектный цвет, от которого выстраивают акцентные состояния */ /* Тонирующий цвет, от которого выстраиватся бордеры, оверлей под модальными окнами, ... */ /* Цвет ссылок и контролов, от которого выстраиваются все их состояния */ /* Цвет системнный */ /* Цвет тени */ /* Цвет успеха */ /* Цвет ошибки */ /* Цвет предупреждения */ /* Цвет осторожности */ /* Цвет нейтральный */

/* stylelint-disable */
.Theme_color_gpnDark {
  /* //////////////////////////////
  // Цвета фонов /////////////// */
  --color-bg-default: rgb(34, 39, 43); /* Цвет дефолта */
  --color-bg-secondary: rgb(22, 26, 29); /* Дополнительный цвет фона */
  --color-bg-brand: rgb(0, 113, 178); /* Цвет фона брендированный */
  --color-bg-link: rgb(0, 120, 210); /* Цвет фона ссылки */
  --color-bg-border: rgba(255, 255, 255, 0.2); /* Цвет границ */
  --color-bg-stripe: rgba(246, 251, 253, 0.06); /* Цвет зебры (например, при окрашивании фона строк таблицы через одну) */

  --color-bg-ghost: rgba(246, 251, 253, 0.1); /* Цвет затенения */
  --color-bg-tone: rgba(6, 20, 25, 0.85); /* Цвет паранджи */
  --color-bg-soft: rgba(255, 255, 255, 0.9); /* Цвет молока */
  --color-bg-system: rgb(77, 82, 91); /* Цвет фона системнный */
  --color-bg-normal: rgb(10, 165, 255); /* Цвет фона нейтральный */
  --color-bg-success: rgb(34, 195, 142); /* Цвет фона успеха */
  --color-bg-caution: rgb(242, 201, 76); /* Цвет фона осторожности */
  --color-bg-warning: rgb(243, 139, 0); /* Цвет фона предупреждения */
  --color-bg-alert: rgb(254, 67, 67); /* Цвет фона ошибки */
  --color-bg-critical: rgb(51, 0, 15); /* Цвет фона системнный */

  /* //////////////////////////////
  // Цвета текста ////////////// */
  --color-typo-primary: rgb(250, 250, 250); /* Цвет основного текста */
  --color-typo-secondary: rgba(255, 255, 255, 0.6); /* Цвет второстепенного текста */
  --color-typo-ghost: rgba(255, 255, 255, 0.3); /* Цвет дополнительного текста */
  --color-typo-brand: rgb(0, 113, 178); /* Цвет брендового текста */
  --color-typo-system: rgb(99, 110, 131); /* Цвет фона системнный */

  --color-typo-normal: rgb(0, 155, 245); /* Цвет фона нейтральный */
  --color-typo-success: rgb(15, 174, 121); /* Цвет текста успеха */
  --color-typo-caution: rgb(248, 199, 53); /* Цвет текста осторожности */
  --color-typo-warning: rgb(230, 130, 0); /* Цвет текста предупреждения */
  --color-typo-alert: rgb(247, 59, 59); /* Цвет текста ошибки */
  --color-typo-critical: rgb(97, 0, 29); /* Цвет фона системнный */
  --color-typo-link: rgb(15, 159, 255); /* Цвет основной ссылки */
  --color-typo-link-minor: rgb(111, 165, 200); /* Цвет второстепенной ссылки */

  --color-typo-link-hover: rgb(87, 188, 255); /* Цвет ховера ссылки */

  /* //////////////////////////////
  // Цвета скроллбара ////////////// */
  --color-scroll-bg: rgba(246, 251, 253, 0.06);
  --color-scroll-thumb: rgba(246, 251, 253, 0.24);
  --color-scroll-thumb-hover: rgba(246, 251, 253, 0.32);

  /* /////////////////////////////
  // Цвета контролов /////////// */

  /* Default */
  --color-control-bg-default: rgb(34, 39, 43); /* Цвет фона контрола */
  --color-control-typo-default: rgba(255, 255, 255, 0.8); /* Цвет основного текста контрола */
  --color-control-typo-placeholder: rgba(255, 255, 255, 0.35); /* Цвет плейсхолдера контрола */
  --color-control-bg-border-default: rgba(246, 251, 253, 0.28); /* Цвет фона бордеров котрола */

  --color-control-bg-border-default-hover: rgba(246, 251, 253, 0.52); /* Цвет фона бордеров контрола по ховеру */

  --color-control-bg-border-focus: rgb(5, 147, 255); /* Цвет аутлайна контролов при фокусе */ /* TODO заменить на правило целиком */
  --color-control-bg-focus: rgba(0, 120, 210, 0.4); /* Цвет тени в состонии фокуса */
  --color-control-bg-active: rgba(0, 120, 210, 0.7); /* Цвет тени в состонии нажатия  */

  /* Primary */
  --color-control-bg-primary: rgb(0, 120, 210); /* Цвет фона активного контрола */
  --color-control-bg-primary-hover: rgb(0, 145, 255); /* Цвет фона активного контрола по ховеру */

  --color-control-typo-primary: rgb(255, 255, 255); /* Цвет акцентного текста */
  --color-control-typo-primary-hover: rgb(255, 255, 255); /* Цвет акцентного текста */

  /* Secondary */
  --color-control-bg-secondary: rgba(34, 39, 43, 0); /* Цвет фона бордеров котрола */
  --color-control-bg-border-secondary: rgb(0, 120, 210); /* Цвет фона бордеров котрола */

  --color-control-bg-border-secondary-hover: rgb(0, 145, 255); /* Цвет фона бордеров контрола по ховеру */

  --color-control-typo-secondary: rgb(15, 159, 255); /* Цвет второстепеного текста контрола */

  --color-control-typo-secondary-hover: rgb(87, 188, 255); /* Цвет акцентного текста */

  /* Ghost */
  --color-control-bg-ghost: rgba(250, 250, 250, 0.16); /* Цвет фона дополнительного контрола */

  --color-control-bg-ghost-hover: rgba(250, 250, 250, 0.23); /* Цвет фона дополнительного контрола по ховеру */

  --color-control-typo-ghost: rgba(255, 255, 255, 0.75); /* Цвет дополнительного текста контрола */

  --color-control-typo-ghost-hover: rgba(255, 255, 255, 0.9); /* Цвет акцентного текста */

  /* Clear */
  --color-control-bg-clear: rgba(250, 250, 250, 0); /* Цвет фона чистого контрола */

  --color-control-bg-clear-hover: rgba(250, 250, 250, 0.23); /* Цвет фона чистого контрола по ховеру */

  --color-control-typo-clear: rgba(255, 255, 255, 0.75); /* Цвет акцентного текста */
  --color-control-typo-clear-hover: rgba(255, 255, 255, 0.9); /* Цвет акцентного текста */

  /* Disable */
  --color-control-bg-disable: rgba(250, 250, 250, 0.16); /* Цвет фона неактивного контрола */

  --color-control-bg-border-disable: rgba(250, 250, 250, 0); /* Цвет фона бордеров неактивного контрола */

  --color-control-typo-disable: rgba(255, 255, 255, 0.24); /* Цвет основного текста неактивного контрола */

  /* /////////////////////////////
  // Цвета тени /////////// */
  --color-shadow-group-1: rgba(0, 0, 0, 0.08);
  --color-shadow-group-2: rgba(0, 0, 0, 0.32);
  --color-shadow-layer-1: rgba(0, 0, 0, 0.08);
  --color-shadow-layer-2: rgba(0, 0, 0, 0.32);
  --color-shadow-modal-1: rgba(0, 0, 0, 0.08);
  --color-shadow-modal-2: rgba(0, 0, 0, 0.32);
}
/* stylelint-enable */

.Theme_control_gpnDefault {
  --control-radius: 4px; /* Основной радиус скругления контроллов */
  --control-border-width: 1px; /* Основная толщина контроллов */
  --control-height-l: var(--space-4xl);
  --control-height-m: var(--space-3xl);
  --control-height-s: var(--space-2xl);
  --control-height-xs: var(--space-xl);
  --control-box-size-m: var(--space-m);
  --control-box-size-l: var(--space-l);
  --control-space-l: var(--space-xl);
  --control-space-m: var(--space-l);
  --control-space-s: var(--space-m);
  --control-space-xs: var(--space-s);
  --control-text-size-l: var(--size-text-l);
  --control-text-size-m: var(--size-text-m);
  --control-text-size-s: var(--size-text-s);
  --control-text-size-xs: var(--size-text-xs);
}

.Theme_font_gpnDefault {
  --font-primary: 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Oxygen', 'Ubuntu',
    'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
  --font-mono: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;
  font-family: var(--font-primary);
}

.Theme_size_gpnDefault {
  /* Размер текста */
  --size-text-2xs: 10px;
  --size-text-xs: 12px;
  --size-text-s: 14px;
  --size-text-m: 16px;
  --size-text-l: 18px;
  --size-text-xl: 20px;
  --size-text-2xl: 24px;
  --size-text-3xl: 32px;
  --size-text-4xl: 48px;
  --size-text-5xl: 72px;
  --size-text-6xl: 96px;

  /* Межстрочный интервал */
  --line-height-text-2xs: 1.1em;
  --line-height-text-xs: 1.2em;
  --line-height-text-s: 1.4em;
  --line-height-text-m: 1.5em;
  --line-height-text-l: 1.6em;

  /* Ширина шрифта */
  --font-weight-text-thin: 100;
  --font-weight-text-light: 300;
  --font-weight-text-regular: normal;
  --font-weight-text-semibold: 600;
  --font-weight-text-bold: bold;
  --font-weight-text-black: 900;
}

.Theme_space_gpnDefault {
  /* Отступы */
  --space-3xs: 2px;
  --space-2xs: 4px;
  --space-xs: 8px;
  --space-s: 12px;
  --space-m: 16px;
  --space-l: 20px;
  --space-xl: 24px;
  --space-2xl: 32px;
  --space-3xl: 40px;
  --space-4xl: 48px;
  --space-5xl: 72px;
  --space-6xl: 96px;
}

.Theme_shadow_gpnDefault {
  /* Тени */
  --shadow-group: 0 2px 2px var(--color-shadow-group-1), 0 2px 8px var(--color-shadow-group-2);
  --shadow-layer: 0 4px 4px var(--color-shadow-layer-1), 0 8px 24px var(--color-shadow-layer-2);
  --shadow-modal: 0 8px 8px var(--color-shadow-modal-1), 0 12px 28px var(--color-shadow-modal-2);
}

/* Базовые цвета, от которых выстраивается вся палитра */ /* Базовый цвет содержимого, от которого выстраиваются цвета текста, иконок, ... */ /* Базовый цвет поверхностей */ /* Проектный цвет, от которого выстраивают акцентные состояния */ /* Тонирующий цвет, от которого выстраиватся бордеры, оверлей под модальными окнами, ... */ /* Цвет ссылок и контролов, от которого выстраиваются все их состояния */ /* Цвет системнный */ /* Цвет тени */ /* Цвет успеха */ /* Цвет ошибки */ /* Цвет предупреждения */ /* Цвет осторожности */ /* Цвет нейтральный */

/* stylelint-disable */
.Theme_color_gpnDisplay {
  /* //////////////////////////////
  // Цвета фонов /////////////// */
  --color-bg-default: rgb(0, 32, 51); /* Цвет дефолта */
  --color-bg-secondary: rgb(0, 45, 71); /* Цвет дефолта */
  --color-bg-brand: rgb(0, 113, 178); /* Цвет фона брендированый */
  --color-bg-link: rgb(0, 120, 210); /* Цвет фона ссылки */
  --color-bg-border: rgba(246, 251, 253, 0.28); /* Цвет границ */
  --color-bg-stripe: rgba(246, 251, 253, 0.05); /* Цвет зебры (например, при окрашивании фона строк таблицы через одну) */

  --color-bg-ghost: rgba(246, 251, 253, 0.08); /* Цвет затенения */
  --color-bg-tone: rgba(0, 22, 31, 0.85); /* Цвет паранджи */
  --color-bg-soft: rgba(255, 255, 255, 0.9); /* Цвет молока */
  --color-bg-system: rgb(49, 85, 129); /* Цвет фона системнный */

  --color-bg-normal: rgb(10, 165, 255); /* Цвет фона нейтральный */
  --color-bg-success: rgb(34, 195, 142); /* Цвет фона успеха */
  --color-bg-caution: rgb(242, 201, 76); /* Цвет фона осторожности */
  --color-bg-warning: rgb(243, 139, 0); /* Цвет фона предупреждения */
  --color-bg-alert: rgb(245, 77, 77); /* Цвет фона ошибки */
  --color-bg-critical: rgb(51, 0, 15); /* Цвет фона системнный */

  /* //////////////////////////////
  // Цвета текста ////////////// */
  --color-typo-primary: rgb(238, 248, 251); /* Цвет основного текста */
  --color-typo-secondary: rgba(246, 251, 253, 0.6); /* Цвет второстепенного текста */
  --color-typo-ghost: rgba(246, 251, 253, 0.3); /* Цвет дополнительного текста */
  --color-typo-brand: rgb(0, 113, 178); /* Цвет брендового текста */
  --color-typo-system: rgb(64, 114, 176); /* Цвет фона системнный */

  --color-typo-normal: rgb(0, 155, 245); /* Цвет фона нейтральный */
  --color-typo-success: rgb(15, 174, 121); /* Цвет текста успеха */
  --color-typo-caution: rgb(248, 199, 53); /* Цвет текста осторожности */
  --color-typo-warning: rgb(230, 130, 0); /* Цвет текста предупреждения */
  --color-typo-alert: rgb(237, 69, 69); /* Цвет текста ошибки */
  --color-typo-critical: rgb(97, 0, 29); /* Цвет фона системнный */
  --color-typo-link: rgb(15, 159, 255); /* Цвет основной ссылки */
  --color-typo-link-minor: rgb(111, 165, 200); /* Цвет второстепенной ссылки */

  --color-typo-link-hover: rgb(87, 188, 255); /* Цвет ховера ссылки */

  /* //////////////////////////////
  // Цвета скроллбара ////////////// */
  --color-scroll-bg: rgba(246, 251, 253, 0.06);
  --color-scroll-thumb: rgba(246, 251, 253, 0.24);
  --color-scroll-thumb-hover: rgba(246, 251, 253, 0.32);

  /* /////////////////////////////
  // Цвета контролов /////////// */

  /* Default */
  --color-control-bg-default: rgb(0, 32, 51); /* Цвет фона контрола */
  --color-control-typo-default: rgba(246, 251, 253, 0.8); /* Цвет основного текста контрола */
  --color-control-typo-placeholder: rgba(246, 251, 253, 0.35); /* Цвет плейсхолдера контрола */
  --color-control-bg-border-default: rgba(246, 251, 253, 0.28); /* Цвет фона бордеров котрола */

  --color-control-bg-border-default-hover: rgba(246, 251, 253, 0.52); /* Цвет фона бордеров контрола по ховеру */

  --color-control-bg-border-focus: rgb(5, 147, 255); /* Цвет аутлайна контролов при фокусе */ /* TODO заменить на правило целиком */
  --color-control-bg-focus: rgba(0, 120, 210, 0.4); /* Цвет тени в состонии фокуса */
  --color-control-bg-active: rgba(0, 120, 210, 0.8); /* Цвет тени в состонии нажатия  */

  /* Primary */
  --color-control-bg-primary: rgb(0, 120, 210); /* Цвет фона активного контрола */
  --color-control-bg-primary-hover: rgb(0, 145, 255); /* Цвет фона активного контрола по ховеру */

  --color-control-typo-primary: rgb(255, 255, 255); /* Цвет акцентного текста */
  --color-control-typo-primary-hover: rgb(255, 255, 255); /* Цвет акцентного текста */

  /* Secondary */
  --color-control-bg-secondary: rgba(0, 32, 51, 0); /* Цвет фона бордеров котрола */
  --color-control-bg-border-secondary: rgb(0, 120, 210); /* Цвет фона бордеров котрола */

  --color-control-bg-border-secondary-hover: rgb(0, 145, 255); /* Цвет фона бордеров контрола по ховеру */

  --color-control-typo-secondary: rgb(15, 159, 255); /* Цвет второстепеного текста контрола */

  --color-control-typo-secondary-hover: rgb(87, 188, 255); /* Цвет акцентного текста */

  /* Ghost */
  --color-control-bg-ghost: rgba(246, 251, 253, 0.16); /* Цвет фона дополнительного контрола */

  --color-control-bg-ghost-hover: rgba(246, 251, 253, 0.23); /* Цвет фона дополнительного контрола по ховеру */

  --color-control-typo-ghost: rgba(246, 251, 253, 0.75); /* Цвет дополнительного текста контрола */

  --color-control-typo-ghost-hover: rgba(246, 251, 253, 0.9); /* Цвет акцентного текста */

  /* Clear */
  --color-control-bg-clear: rgba(246, 251, 253, 0); /* Цвет фона чистого контрола */
  --color-control-bg-clear-hover: rgba(246, 251, 253, 0.23); /* Цвет фона чистого контрола по ховеру */

  --color-control-typo-clear: rgba(246, 251, 253, 0.75); /* Цвет акцентного текста */
  --color-control-typo-clear-hover: rgba(246, 251, 253, 0.9); /* Цвет акцентного текста */

  /* Disable */
  --color-control-bg-disable: rgba(246, 251, 253, 0.16); /* Цвет фона неактивного контрола */

  --color-control-bg-border-disable: rgba(246, 251, 253, 0); /* Цвет фона бордеров неактивного контрола */

  --color-control-typo-disable: rgba(246, 251, 253, 0.24); /* Цвет основного текста неактивного контрола */

  /* /////////////////////////////
  // Цвета тени /////////// */
  --color-shadow-group-1: rgba(0, 3, 6, 0.08);
  --color-shadow-group-2: rgba(0, 3, 6, 0.32);
  --color-shadow-layer-1: rgba(0, 3, 6, 0.08);
  --color-shadow-layer-2: rgba(0, 3, 6, 0.32);
  --color-shadow-modal-1: rgba(0, 3, 6, 0.08);
  --color-shadow-modal-2: rgba(0, 3, 6, 0.32);
}
/* stylelint-enable */

.Text_font_primary {
      font-family: var(--font-primary);
    }
    .Text_font_mono {
      font-family: var(--font-mono);
    }
  .Text_align_center {
      text-align: center;
    }
  .Text_align_left {
      text-align: left;
    }
  .Text_align_right {
      text-align: right;
    }
  .Text_cursor_pointer {
      cursor: pointer;
    }
  .Text_decoration_underline {
      text-decoration: underline;
    }
  .Text_display_block {
      display: block;
    }
  .Text_display_inlineBlock {
      display: inline-block;
    }
  .Text_display_inline {
      display: inline;
    }
  .Text_size_2xs {
      font-size: var(--size-text-2xs);
    }
  .Text_size_xs {
      font-size: var(--size-text-xs);
    }
  .Text_size_s {
      font-size: var(--size-text-s);
    }
  .Text_size_m {
      font-size: var(--size-text-m);
    }
  .Text_size_l {
      font-size: var(--size-text-l);
    }
  .Text_size_xl {
      font-size: var(--size-text-xl);
    }
  .Text_size_2xl {
      font-size: var(--size-text-2xl);
    }
  .Text_size_3xl {
      font-size: var(--size-text-3xl);
    }
  .Text_size_4xl {
      font-size: var(--size-text-4xl);
    }
  .Text_size_5xl {
      font-size: var(--size-text-5xl);
    }
  .Text_size_6xl {
      font-size: var(--size-text-6xl);
    }
  .Text_lineHeight_xs {
      line-height: var(--line-height-text-xs);
    }
  .Text_lineHeight_2xs {
      line-height: var(--line-height-text-2xs);
    }
  .Text_lineHeight_s {
      line-height: var(--line-height-text-s);
    }
  .Text_lineHeight_m {
      line-height: var(--line-height-text-m);
    }
  .Text_lineHeight_l {
      line-height: var(--line-height-text-l);
    }
  .Text_spacing_xs {
      letter-spacing: 0.06em;
    }
  .Text_spacing_s {
      letter-spacing: 0.1em;
    }
  .Text_spacing_m {
      letter-spacing: 0.14em;
    }
  .Text_spacing_l {
      letter-spacing: 0.2em;
    }
  .Text_fontStyle_italic {
      font-style: italic;
    }
  .Text_transform_uppercase {
      text-transform: uppercase;
    }
  .Text_type_blockquote {
      margin-bottom: var(--space-l);
      margin-left: var(--space-4xl);
      padding-left: var(--space-m);
      border-left: var(--space-xxs) solid var(--color-bg-brand);
    }
  .Text_type_h1,
    .Text_type_h2,
    .Text_type_h3 {
      margin: 2em 0 1em;
    }
  .Text_type_p {
      margin: 0 0 0.9em;
    }
  .Text_type_p:not(:last-child) {
        margin-bottom: 0;
      }
  .Text_view_alert {
      color: var(--color-typo-alert);
    }
  .Text_view_brand {
      color: var(--color-typo-brand);
    }
  .Text_view_ghost {
      color: var(--color-typo-ghost);
    }
  .Text_view_link {
      color: var(--color-typo-link);
      -webkit-transition: 0.3s ease;
      transition: 0.3s ease;
    }
  .Text_view_link :hover {
        color: var(--color-typo-link-hover);
      }
  .Text_view_linkMinor {
      color: var(--color-typo-link-minor);
      -webkit-transition: 0.3s ease;
      transition: 0.3s ease;
    }
  .Text_view_linkMinor :hover {
        color: var(--color-typo-link-hover);
      }
  .Text_view_primary {
      color: var(--color-typo-primary);
    }
  .Text_view_secondary {
      color: var(--color-typo-secondary);
    }
  .Text_view_success {
      color: var(--color-typo-success);
    }
  .Text_view_warning {
      color: var(--color-typo-warning);
    }
  .Text_weight_thin {
      font-weight: var(--font-weight-text-thin);
    }
  .Text_weight_light {
      font-weight: var(--font-weight-text-light);
    }
  .Text_weight_regular {
      font-weight: var(--font-weight-text-regular);
    }
  .Text_weight_semibold {
      font-weight: var(--font-weight-text-semibold);
    }
  .Text_weight_bold {
      font-weight: var(--font-weight-text-bold);
    }
  .Text_weight_black {
      font-weight: var(--font-weight-text-black);
    }
  .Text_width_default {
      max-width: 75ch;
    }
  .Text_truncate {
    overflow: hidden;
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

.RadioGroup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

  .RadioGroup_direction_column {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
    }

  .RadioGroup_direction_column .RadioGroup-Item:not(:last-child) {
        margin-bottom: var(--offset);
      }

  .RadioGroup_direction_row {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
    }

  .RadioGroup_direction_row .RadioGroup-Item:not(:last-child) {
        margin-right: var(--offset);
      }

  .RadioGroup_size_m {
      --offset: var(--space-xs);
    }

  .RadioGroup_size_l {
      --offset: var(--space-s);
    }

.Radio {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-family: var(--font-sans);
  cursor: pointer;
}

  .Radio-Input {
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: var(--box-size);
    height: var(--box-size);
    margin: 0;
    border: var(--control-border-width) solid;
    border-radius: 50%;
    cursor: pointer;
    -webkit-transition: border-color 0.15s, background-color 0.15s;
    transition: border-color 0.15s, background-color 0.15s;
    -webkit-appearance: none;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }

  .Radio-Input::before {
      content: '';
      position: absolute;
      top: calc(50% - var(--box-size) / 2);
      left: calc(50% - var(--box-size) / 2);
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      width: var(--box-size);
      height: var(--box-size);
      border-radius: 50%;
      opacity: 0;
      -webkit-transition: background-color 0.15s, opacity 0.15s, -webkit-transform 0.15s;
      transition: background-color 0.15s, opacity 0.15s, -webkit-transform 0.15s;
      transition: background-color 0.15s, opacity 0.15s, transform 0.15s;
      transition: background-color 0.15s, opacity 0.15s, transform 0.15s, -webkit-transform 0.15s;
      -webkit-transform: scale(0, 0);
              transform: scale(0, 0);
    }

  .Radio-Label {
    margin-left: var(--offset);
    color: var(--color-control-typo-default);
    font-size: var(--radio-font-size);
  }

  .Radio_size_m {
      --radio-font-size: var(--control-text-size-m);
      --box-size: var(--control-box-size-m);
      --offset: var(--space-xs);
    }

  .Radio_size_l {
      --radio-font-size: var(--control-text-size-l);
      --box-size: var(--control-box-size-l);
      --offset: var(--space-s);
    }

  .Radio_view_primary:hover .Radio-Input {
        border-color: var(--color-control-bg-border-default-hover);
      }

  .Radio_view_primary .Radio-Input {
        border-color: var(--color-control-bg-border-default);
      }

  .Radio_view_primary .Radio-Input::before {
          background-color: var(--color-control-bg-primary);
        }

  .Radio_view_primary .Radio-Input:checked {
        border-color: var(--color-control-bg-primary);
      }

  .Radio_view_primary .Radio-Input:checked::before {
          background-color: var(--color-control-bg-primary);
        }

  .Radio_view_primary:hover .Radio-Input:checked {
        border-color: var(--color-control-bg-primary-hover);
      }

  .Radio_view_primary:hover .Radio-Input:checked::before {
          background-color: var(--color-control-bg-primary-hover);
        }

  .Radio_view_ghost:hover .Radio-Input {
        border-color: var(--color-control-bg-border-default-hover);
      }

  .Radio_view_ghost .Radio-Input {
        border-color: var(--color-control-bg-border-default);
      }

  .Radio_view_ghost .Radio-Input::before {
          background-color: var(--color-control-bg-primary);
        }

  .Radio_view_ghost .Radio-Input:checked {
        background-color: var(--color-control-bg-ghost);
        border-color: var(--color-control-bg-border-default);
      }

  .Radio_view_ghost .Radio-Input:checked::before {
          background-color: var(--color-control-typo-ghost);
        }

  .Radio_view_ghost:hover .Radio-Input:checked {
        background-color: var(--color-control-bg-ghost-hover);
        border-color: var(--color-control-bg-border-default);
      }

  .Radio_view_ghost:hover .Radio-Input:checked::before {
          background-color: var(--color-control-typo-ghost-hover);
        }

  .Radio-Input:checked::before {
      opacity: 1;
      -webkit-transform: scale(0.4, 0.4);
              transform: scale(0.4, 0.4);
    }

  .Radio_disabled {
    pointer-events: none;
  }

  .Radio_disabled .Radio-Input:disabled {
      background-color: var(--color-control-bg-disable);
      border-color: transparent;
    }

  .Radio_disabled .Radio-Input:disabled::before {
        background-color: var(--color-control-typo-disable);
      }

  .Radio_disabled .Radio-Input:disabled ~ .Radio-Label {
      color: var(--color-control-typo-disable);
    }

  .Radio_align_center {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
    }

  .Radio_align_top {
      -webkit-box-align: top;
          -ms-flex-align: top;
              align-items: top;
    }

  .Radio_align_top .Radio-Input {
        margin-top: var(--space-3xs);
      }

.TextField {
  --caption-margin-left: calc(var(--input-space) + var(--control-border-width));
  --counter-button-icon-color: var(--color-control-typo-ghost);
  --counter-button-background: transparent;
  --clear-button-color: var(--color-control-typo-clear);
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

  .TextField_width_full {
    width: 100%;
  }

  .TextField_size_xs {
      --input-height: var(--control-height-xs);
      --input-font-size: var(--control-text-size-xs);
      --input-space: calc(var(--control-space-xs) * 0.5);
    }

  .TextField_size_s {
      --input-height: var(--control-height-s);
      --input-font-size: var(--control-text-size-s);
      --input-space: calc(var(--control-space-s) * 0.5);
    }

  .TextField_size_m {
      --input-height: var(--control-height-m);
      --input-font-size: var(--control-text-size-m);
      --input-space: calc(var(--control-space-m) * 0.5);
    }

  .TextField_size_l {
      --input-height: var(--control-height-l);
      --input-font-size: var(--control-text-size-l);
      --input-space: calc(var(--control-space-l) * 0.5);
    }

  .TextField_labelPosition_top {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
    }

  .TextField_labelPosition_top > *:not(:last-child) {
        margin-bottom: var(--space-xs);
      }

  .TextField_labelPosition_left {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
    }

  .TextField_labelPosition_left .TextField-Label {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        height: var(--input-height);
      }

  .TextField_labelPosition_left > *:not(:last-child) {
        margin-right: var(--space-s);
      }

  .TextField-Body {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
  }

  .TextField-Body .TextField-Caption {
      margin-top: var(--space-2xs);
      margin-left: var(--caption-margin-left);
    }

  .TextField_view_clear .TextField-Caption {
      --caption-margin-left: 0;
    }

  .TextField-InputContainer {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 100%;
    min-height: var(--input-height);
    font-family: var(--font-primary);
    font-weight: var(--font-weight-text-regular);
    -webkit-transition: border-color 0.15s, background-color 0.15s, -webkit-box-shadow 0.15s;
    transition: border-color 0.15s, background-color 0.15s, -webkit-box-shadow 0.15s;
    transition: border-color 0.15s, box-shadow 0.15s, background-color 0.15s;
    transition: border-color 0.15s, box-shadow 0.15s, background-color 0.15s, -webkit-box-shadow 0.15s;
  }

  .TextField-InputContainer_disabled {
      --counter-button-background: var(--color-control-bg-disable);
      --counter-button-icon-color: var(--color-control-typo-disable);
    }

  .TextField-InputContainer_view_clear,
    .TextField-InputContainer_view_clear:hover,
    .TextField-InputContainer_view_clear:focus {
      padding: 0;
      color: var(--color-control-typo-default);
    }

  .TextField-InputContainer_view_clear.TextField-InputContainer_disabled, .TextField-InputContainer_view_clear:hover.TextField-InputContainer_disabled, .TextField-InputContainer_view_clear:focus.TextField-InputContainer_disabled {
        pointer-events: none;
      }

  .TextField-InputContainer_view_clear.TextField-InputContainer_disabled .TextField-Input, .TextField-InputContainer_view_clear:hover.TextField-InputContainer_disabled .TextField-Input, .TextField-InputContainer_view_clear:focus.TextField-InputContainer_disabled .TextField-Input {
          color: var(--color-control-typo-disable);
        }

  .TextField-InputContainer_view_clear.TextField-InputContainer_disabled .TextField-Input:-webkit-autofill,
          .TextField-InputContainer_view_clear.TextField-InputContainer_disabled .TextField-Input:-webkit-autofill:hover,
          .TextField-InputContainer_view_clear.TextField-InputContainer_disabled .TextField-Input:-webkit-autofill:focus,
          .TextField-InputContainer_view_clear:hover.TextField-InputContainer_disabled .TextField-Input:-webkit-autofill,
          .TextField-InputContainer_view_clear:hover.TextField-InputContainer_disabled .TextField-Input:-webkit-autofill:hover,
          .TextField-InputContainer_view_clear:hover.TextField-InputContainer_disabled .TextField-Input:-webkit-autofill:focus,
          .TextField-InputContainer_view_clear:focus.TextField-InputContainer_disabled .TextField-Input:-webkit-autofill,
          .TextField-InputContainer_view_clear:focus.TextField-InputContainer_disabled .TextField-Input:-webkit-autofill:hover,
          .TextField-InputContainer_view_clear:focus.TextField-InputContainer_disabled .TextField-Input:-webkit-autofill:focus {
            -webkit-text-fill-color: var(--color-control-typo-disable);
          }

  .TextField-InputContainer_view_clear.TextField-InputContainer_disabled .TextField-Input::-webkit-input-placeholder, .TextField-InputContainer_view_clear:hover.TextField-InputContainer_disabled .TextField-Input::-webkit-input-placeholder, .TextField-InputContainer_view_clear:focus.TextField-InputContainer_disabled .TextField-Input::-webkit-input-placeholder {
          color: var(--color-control-typo-disable);
        }

  .TextField-InputContainer_view_clear.TextField-InputContainer_disabled .TextField-Input::-moz-placeholder, .TextField-InputContainer_view_clear:hover.TextField-InputContainer_disabled .TextField-Input::-moz-placeholder, .TextField-InputContainer_view_clear:focus.TextField-InputContainer_disabled .TextField-Input::-moz-placeholder {
          color: var(--color-control-typo-disable);
        }

  .TextField-InputContainer_view_clear.TextField-InputContainer_disabled .TextField-Input:-ms-input-placeholder, .TextField-InputContainer_view_clear:hover.TextField-InputContainer_disabled .TextField-Input:-ms-input-placeholder, .TextField-InputContainer_view_clear:focus.TextField-InputContainer_disabled .TextField-Input:-ms-input-placeholder {
          color: var(--color-control-typo-disable);
        }

  .TextField-InputContainer_view_clear.TextField-InputContainer_disabled .TextField-Input::-ms-input-placeholder, .TextField-InputContainer_view_clear:hover.TextField-InputContainer_disabled .TextField-Input::-ms-input-placeholder, .TextField-InputContainer_view_clear:focus.TextField-InputContainer_disabled .TextField-Input::-ms-input-placeholder {
          color: var(--color-control-typo-disable);
        }

  .TextField-InputContainer_view_clear.TextField-InputContainer_disabled .TextField-Input::placeholder, .TextField-InputContainer_view_clear:hover.TextField-InputContainer_disabled .TextField-Input::placeholder, .TextField-InputContainer_view_clear:focus.TextField-InputContainer_disabled .TextField-Input::placeholder {
          color: var(--color-control-typo-disable);
        }

  .TextField-InputContainer_view_clear.TextField-InputContainer_disabled .TextField-Side_type_string,
        .TextField-InputContainer_view_clear.TextField-InputContainer_disabled.TextField-InputContainer_withValue .TextField-Side_type_string,
        .TextField-InputContainer_view_clear:hover.TextField-InputContainer_disabled .TextField-Side_type_string,
        .TextField-InputContainer_view_clear:hover.TextField-InputContainer_disabled.TextField-InputContainer_withValue .TextField-Side_type_string,
        .TextField-InputContainer_view_clear:focus.TextField-InputContainer_disabled .TextField-Side_type_string,
        .TextField-InputContainer_view_clear:focus.TextField-InputContainer_disabled.TextField-InputContainer_withValue .TextField-Side_type_string {
          color: var(--color-control-typo-disable);
        }

  .TextField-InputContainer_view_clear.TextField-InputContainer_disabled.TextField-InputContainer .TextField-Icon,
        .TextField-InputContainer_view_clear.TextField-InputContainer_disabled.TextField-InputContainer_withValue .TextField-Icon,
        .TextField-InputContainer_view_clear:hover.TextField-InputContainer_disabled.TextField-InputContainer .TextField-Icon,
        .TextField-InputContainer_view_clear:hover.TextField-InputContainer_disabled.TextField-InputContainer_withValue .TextField-Icon,
        .TextField-InputContainer_view_clear:focus.TextField-InputContainer_disabled.TextField-InputContainer .TextField-Icon,
        .TextField-InputContainer_view_clear:focus.TextField-InputContainer_disabled.TextField-InputContainer_withValue .TextField-Icon {
          color: var(--color-control-typo-disable);
        }

  .TextField-InputContainer_view_default {
      --container-border-color: var(--color-control-bg-border-default);
      overflow-x: hidden;
      padding: 0 var(--input-space);
      color: var(--color-control-typo-default);
      background: var(--color-control-bg-default);
      border: var(--control-border-width) solid var(--container-border-color);
      border-radius: var(--control-radius);
    }

  .TextField-InputContainer_view_default:hover {
        border-color: var(--color-control-bg-border-default-hover);
      }

  .TextField-InputContainer_view_default.TextField-InputContainer_status_alert {
          --container-border-color: var(--color-bg-alert);
        }

  .TextField-InputContainer_view_default.TextField-InputContainer_status_success {
          --container-border-color: var(--color-bg-success);
        }

  .TextField-InputContainer_view_default.TextField-InputContainer_status_warning {
          --container-border-color: var(--color-bg-warning);
        }

  .TextField-InputContainer_view_default .TextField-Input {
        color: var(--color-control-typo-default);
      }

  .TextField-InputContainer_view_default .TextField-Input::-webkit-input-placeholder {
          color: var(--color-control-typo-placeholder);
        }

  .TextField-InputContainer_view_default .TextField-Input::-moz-placeholder {
          color: var(--color-control-typo-placeholder);
        }

  .TextField-InputContainer_view_default .TextField-Input:-ms-input-placeholder {
          color: var(--color-control-typo-placeholder);
        }

  .TextField-InputContainer_view_default .TextField-Input::-ms-input-placeholder {
          color: var(--color-control-typo-placeholder);
        }

  .TextField-InputContainer_view_default .TextField-Input::placeholder {
          color: var(--color-control-typo-placeholder);
        }

  .TextField-InputContainer_view_default .TextField-Input:-webkit-autofill,
        .TextField-InputContainer_view_default .TextField-Input:-webkit-autofill:hover,
        .TextField-InputContainer_view_default .TextField-Input:-webkit-autofill:focus {
          -webkit-text-fill-color: var(--color-control-typo-default);
        }

  .TextField-InputContainer_view_default .TextField-Side_type_string {
          color: var(--color-control-typo-placeholder);
        }

  .TextField-InputContainer_view_default.TextField-InputContainer_focus {
        z-index: 1;
        border-color: var(--color-control-bg-border-focus);
        outline: none;
      }

  .TextField-InputContainer_view_default.TextField-InputContainer_focus.TextField-InputContainer_form_clearClear {
          -webkit-box-shadow: var(--control-border-width) 0 var(--color-control-bg-border-focus),
            calc(-1 * var(--control-border-width)) 0 var(--color-control-bg-border-focus);
                  box-shadow: var(--control-border-width) 0 var(--color-control-bg-border-focus),
            calc(-1 * var(--control-border-width)) 0 var(--color-control-bg-border-focus);
        }

  .TextField-InputContainer_view_default.TextField-InputContainer_focus.TextField-InputContainer_form_defaultClear,
        .TextField-InputContainer_view_default.TextField-InputContainer_focus.TextField-InputContainer_form_brickClear,
        .TextField-InputContainer_view_default.TextField-InputContainer_focus.TextField-InputContainer_form_roundClear {
          -webkit-box-shadow: var(--control-border-width) 0 var(--color-control-bg-border-focus);
                  box-shadow: var(--control-border-width) 0 var(--color-control-bg-border-focus);
        }

  .TextField-InputContainer_view_default.TextField-InputContainer_focus.TextField-InputContainer_form_clearDefault,
        .TextField-InputContainer_view_default.TextField-InputContainer_focus.TextField-InputContainer_form_clearBrick,
        .TextField-InputContainer_view_default.TextField-InputContainer_focus.TextField-InputContainer_form_clearRound {
          -webkit-box-shadow: calc(-1 * var(--control-border-width)) 0 var(--color-control-bg-border-focus);
                  box-shadow: calc(-1 * var(--control-border-width)) 0 var(--color-control-bg-border-focus);
        }

  .TextField-InputContainer_view_default.TextField-InputContainer_disabled {
        --clear-button-color: var(--color-control-typo-disable);
        background: var(--color-control-bg-disable);
        border-color: var(--color-control-bg-border-disable);
        pointer-events: none;
      }

  .TextField-InputContainer_view_default.TextField-InputContainer_disabled .TextField-Input {
          color: var(--color-control-typo-disable);
        }

  .TextField-InputContainer_view_default.TextField-InputContainer_disabled .TextField-Input::-webkit-input-placeholder {
          color: var(--color-control-typo-disable);
        }

  .TextField-InputContainer_view_default.TextField-InputContainer_disabled .TextField-Input::-moz-placeholder {
          color: var(--color-control-typo-disable);
        }

  .TextField-InputContainer_view_default.TextField-InputContainer_disabled .TextField-Input:-ms-input-placeholder {
          color: var(--color-control-typo-disable);
        }

  .TextField-InputContainer_view_default.TextField-InputContainer_disabled .TextField-Input::-ms-input-placeholder {
          color: var(--color-control-typo-disable);
        }

  .TextField-InputContainer_view_default.TextField-InputContainer_disabled .TextField-Input::placeholder {
          color: var(--color-control-typo-disable);
        }

  .TextField-InputContainer_view_default.TextField-InputContainer_disabled .TextField-Side_type_string,
        .TextField-InputContainer_view_default.TextField-InputContainer_disabled.TextField-InputContainer_withValue .TextField-Side_type_string {
          color: var(--color-control-typo-disable);
        }

  .TextField-InputContainer_view_default.TextField-InputContainer_disabled.TextField-InputContainer .TextField-Icon,
        .TextField-InputContainer_view_default.TextField-InputContainer_disabled.TextField-InputContainer_withValue .TextField-Icon {
          color: var(--color-control-typo-disable);
        }

  .TextField-InputContainer_form_defaultClear {
        border-right-width: 0;
        border-radius: var(--control-radius) 0 0 var(--control-radius);
      }

  .TextField-InputContainer_form_defaultBrick {
        border-radius: var(--control-radius) 0 0 var(--control-radius);
      }

  .TextField-InputContainer_form_round {
        padding-right: calc(var(--input-space) * 1.6);
        padding-left: calc(var(--input-space) * 1.6);
        border-radius: calc(var(--input-height) / 2);
      }

  .TextField-InputContainer_form_roundBrick {
        padding-left: calc(var(--input-space) * 1.6);
        border-radius: calc(var(--input-height) / 2) 0 0 calc(var(--input-height) / 2);
      }

  .TextField-InputContainer_form_roundClear {
        padding-left: calc(var(--input-space) * 1.6);
        border-right-width: 0;
        border-radius: calc(var(--input-height) / 2) 0 0 calc(var(--input-height) / 2);
      }

  .TextField-InputContainer_form_brick {
        border-radius: 0;
      }

  .TextField-InputContainer_form_brickDefault {
        border-radius: 0 var(--control-radius) var(--control-radius) 0;
      }

  .TextField-InputContainer_form_brickRound {
        padding-right: calc(var(--input-space) * 1.6);
        border-radius: 0 calc(var(--input-height) / 2) calc(var(--input-height) / 2) 0;
      }

  .TextField-InputContainer_form_brickClear {
        border-right-width: 0;
        border-radius: 0;
      }

  .TextField-InputContainer_form_clearDefault {
        border-left-width: 0;
        border-radius: 0 var(--control-radius) var(--control-radius) 0;
      }

  .TextField-InputContainer_form_clearBrick {
        border-left-width: 0;
        border-radius: 0;
      }

  .TextField-InputContainer_form_clearRound {
        padding-right: calc(var(--input-space) * 1.6);
        border-left-width: 0;
        border-radius: 0 calc(var(--input-height) / 2) calc(var(--input-height) / 2) 0;
      }

  .TextField-InputContainer_form_clearClear {
        border-width: 0;
        border-top-width: var(--control-border-width);
        border-bottom-width: var(--control-border-width);
        border-radius: 0;
      }

  .TextField-InputContainer_withValue .TextField-Side.TextField-Side_type_string {
        color: var(--color-control-typo-default);
      }

  .TextField-InputContainer_withValue .TextField-Icon {
        color: var(--color-typo-secondary);
      }

  .TextField-InputContainer_type_number {
      padding-right: 0;
    }

  .TextField-InputContainer_type_textarea .TextField-Input {
        resize: none;
        display: block;
        min-width: 0;
        padding-top: calc(
          (var(--input-height) - (var(--control-border-width) * 2) - var(--line-height-text-m)) / 2
        );
        padding-bottom: calc(
          (var(--input-height) - (var(--control-border-width) * 2) - var(--line-height-text-m)) / 2
        );
        line-height: var(--line-height-text-m);
      }

  .TextField-Counter {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: var(--space-xl);
    height: calc(var(--input-height) - (var(--control-border-width) * 2));
  }

  .TextField-CounterButton {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    overflow-y: hidden;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: var(--space-xl);
    margin: 0;
    padding: 0;
    color: var(--counter-button-icon-color);
    background-color: var(--counter-button-background);
    border: none;
    cursor: pointer;
    -webkit-transition: background-color 0.15s;
    transition: background-color 0.15s;
  }

  .TextField-ClearButton {
    height: calc(var(--input-height) - (var(--control-border-width) * 2));
    margin: 0;
    margin-left: var(--input-space);
    padding: 0;
    color: var(--clear-button-color);
    background-color: transparent;
    border: none;
    cursor: pointer;
  }

  .TextField-ClearButton:hover {
      --clear-button-color: var(--color-control-typo-clear-hover);
    }

  .TextField-ClearButtonIcon {
    position: relative;
    top: 1px;
  }

  .TextField-Input {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    width: 100%;
    min-width: 80px;
    height: calc(var(--input-height) - (var(--control-border-width) * 2));
    padding: 0;
    color: currentColor;
    background: transparent;
    border: none;
    outline: none;
    font-family: var(--font-primary);
    font-size: var(--input-font-size);
  }

  .TextField-Input::-webkit-outer-spin-button,
    .TextField-Input::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0;
    }

  .TextField-Input[type='number'] {
      -moz-appearance: textfield;
    }

  .TextField-Input:focus {
      outline: none;
    }

  .TextField-Input:-webkit-autofill,
    .TextField-Input:-webkit-autofill:hover,
    .TextField-Input:-webkit-autofill:focus {
      border: none;
      -webkit-box-shadow: 0 0 0 1000px transparent inset;
      -webkit-transition: background-color 5000s ease-in-out 0s;
      transition: background-color 5000s ease-in-out 0s;
    }

  .TextField-Side {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: calc(var(--input-height) - (var(--control-border-width) * 2));
  }

  .TextField-Side_position_left {
        margin-right: var(--input-space);
      }

  .TextField-Side_position_right {
        margin-left: var(--input-space);
      }

  .TextField-Side_type_string {
        font-size: var(--input-font-size);
        white-space: nowrap;
      }

  .TextField-Icon {
    color: var(--color-control-typo-placeholder);
  }

.FieldLabel-Star {
    margin-left: var(--space-3xs);
    color: var(--color-bg-alert);
  }

.Switch {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-family: var(--font-primary);
  cursor: pointer;
}

  .Switch_size_s {
      --box-width: 28px;
      --box-height: 16px;
      --switch-font-size: var(--control-text-size-s);
      --offset: var(--space-xs);
    }

  .Switch_size_s .Switch-Input::before {
        -webkit-transform: translateX(-12px);
                transform: translateX(-12px);
      }

  .Switch_size_m {
      --box-width: 36px;
      --box-height: 20px;
      --switch-font-size: var(--control-text-size-m);
      --offset: var(--space-xs);
    }

  .Switch_size_m .Switch-Input::before {
        -webkit-transform: translateX(-16px);
                transform: translateX(-16px);
      }

  .Switch_size_l {
      --box-width: 44px;
      --box-height: 24px;
      --switch-font-size: var(--control-text-size-l);
      --offset: var(--space-s);
    }

  .Switch_size_l .Switch-Input::before {
        -webkit-transform: translateX(-20px);
                transform: translateX(-20px);
      }

  .Switch_view_primary:hover .Switch-Input:not(:checked) {
        --border-color: var(--color-control-bg-border-default-hover);
        --background-color: transparent;
        --content-color: var(--color-control-bg-border-default-hover);
      }

  .Switch_view_primary .Switch-Input:not(:checked) {
        --border-color: var(--color-control-bg-border-default);
        --background-color: transparent;
        --content-color: var(--color-control-bg-border-default);
      }

  .Switch_view_primary:hover .Switch-Input:checked {
        --border-color: var(--color-control-bg-primary-hover);
        --background-color: var(--color-control-bg-primary-hover);
        --content-color: var(--color-control-typo-primary-hover);
      }

  .Switch_view_primary .Switch-Input:checked {
        --border-color: var(--color-control-bg-primary);
        --background-color: var(--color-control-bg-primary);
        --content-color: var(--color-control-typo-primary);
      }

  .Switch_view_ghost:hover .Switch-Input:not(:checked) {
        --border-color: var(--color-control-bg-border-default-hover);
        --background-color: transparent;
        --content-color: var(--color-control-bg-border-default-hover);
      }

  .Switch_view_ghost .Switch-Input:not(:checked) {
        --border-color: var(--color-control-bg-border-default);
        --background-color: transparent;
        --content-color: var(--color-control-bg-border-default);
      }

  .Switch_view_ghost:hover .Switch-Input:checked {
        --border-color: var(--color-control-bg-border-default-hover);
        --background-color: var(--color-control-bg-ghost-hover);
        --content-color: var(--color-control-typo-ghost-hover);
      }

  .Switch_view_ghost .Switch-Input:checked {
        --border-color: var(--color-control-bg-border-default);
        --background-color: var(--color-control-bg-ghost);
        --content-color: var(--color-control-typo-ghost);
      }

  .Switch-Input {
    position: relative;
    display: inline-block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: var(--box-width);
    height: var(--box-height);
    margin: 0;
    background-color: var(--background-color);
    border: var(--control-border-width) solid var(--border-color);
    border-radius: 99rem;
    cursor: pointer;
    -webkit-transition: background-color 0.15s, border-color 0.15s;
    transition: background-color 0.15s, border-color 0.15s;
    -webkit-appearance: none;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }

  .Switch-Input::before {
      content: '';
      position: absolute;
      top: 1px;
      right: 1px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      width: calc(var(--box-height) - var(--control-border-width) * 4);
      height: calc(var(--box-height) - var(--control-border-width) * 4);
      background-color: var(--content-color);
      border-radius: 999rem;
      -webkit-transition: background-color 0.15s, -webkit-transform 0.15s;
      transition: background-color 0.15s, -webkit-transform 0.15s;
      transition: transform 0.15s, background-color 0.15s;
      transition: transform 0.15s, background-color 0.15s, -webkit-transform 0.15s;
    }

  .Switch-Input:checked {
      background-color: var(--background-color);
    }

  .Switch-Input:checked::before {
        -webkit-transform: translateX(0);
                transform: translateX(0);
      }

  .Switch-Label {
    margin-left: var(--offset);
    color: var(--color-control-typo-default);
    font-size: var(--switch-font-size);
  }

  .Switch_disabled {
    pointer-events: none;
  }

  .Switch_disabled .Switch-Input:disabled {
      --border-color: transparent;
      --background-color: var(--color-control-bg-disable);
      --content-color: var(--color-control-typo-disable);
    }

  .Switch_disabled .Switch-Input:disabled ~ .Switch-Label {
      color: var(--color-control-typo-disable);
    }

  .Switch_align_center {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
    }

  .Switch_align_top {
      -webkit-box-align: top;
          -ms-flex-align: top;
              align-items: top;
    }

  .Switch_align_top .Switch-Input {
        margin-top: 1px;
      }

.DateTimeLabel {
  text-transform: capitalize;
}

.DateTimeMonth {
  --date-time-item-width: var(--control-height-s);
  --date-time-item-height: var(--control-height-s);
  --date-time-cell-vertical-gap: var(--space-3xs);
  --date-time-cell-horisontal-gap: var(--space-3xs);
  --date-time-cell-width: calc(
    var(--date-time-item-width) + (var(--date-time-cell-horisontal-gap) * 2)
  );
  --date-time-cell-height: calc(
    var(--date-time-item-height) + (var(--date-time-cell-vertical-gap) * 2)
  );
  --date-time-grid-columns: 7;
  --date-time-grid-row-gap: 0;
}

/* 
--date-time-grid-columns 
--date-time-cell-width
--date-time-grid-row-gap

задаются сверху
*/

.DateTimeGrid {
  display: grid;
  grid-template-columns: repeat(var(--date-time-grid-columns), var(--date-time-cell-width));
  grid-row-gap: var(--date-time-grid-row-gap);
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}

/* 
--date-time-cell-width
--date-time-cell-height
--date-time-cell-vertical-gap
--date-time-cell-horisontal-ga

задаются сверху
*/

.DateTimeCell {
  --bg-color: var(--color-control-bg-ghost);
  --visible-height: calc(var(--date-time-cell-height) - (var(--date-time-cell-horisontal-gap) * 2));
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: var(--date-time-cell-width);
  height: var(--date-time-cell-height);
}

.DateTimeCell_range::before {
      content: '';
      position: absolute;
      top: var(--date-time-cell-vertical-gap);
      right: 0;
      left: 0;
      bottom: var(--date-time-cell-vertical-gap);
      background: var(--bg-color);
    }

.DateTimeCell_range_first::before,
    .DateTimeCell_range_last::before {
      content: '';
      position: absolute;
      top: var(--date-time-cell-vertical-gap);
      bottom: var(--date-time-cell-vertical-gap);
      background: var(--bg-color);
    }

.DateTimeCell_range_first::before {
      right: 0;
      left: var(--date-time-cell-horisontal-gap);
      border-radius: var(--visible-height) 0 0 var(--visible-height);
    }

.DateTimeCell_range_last::before {
      right: var(--date-time-cell-horisontal-gap);
      left: 0;
      border-radius: 0 var(--visible-height) var(--visible-height) 0;
    }

/* 
--date-time-item-width
--date-time-item-height

задаются сверху
*/

.DateTimeItem {
  --item-bg-color: transparent;
  --item-bg-color-hover: transparent;
  --item-border-color: var(--color-control-bg-primary);
  --item-border-color-hover: var(--color-control-bg-primary-hover);
  --item-event-color: var(--color-control-bg-primary);
  --item-event-color-hover: var(--color-control-bg-primary-hover);
  --item-text-color: var(--color-typo-primary);
  --item-text-color-hover: var(--color-control-bg-primary-hover);
  --bg-color: var(--item-bg-color);
  --event-color: var(--item-event-color);
  --border-color: var(--item-border-color);
  --text-color: var(--item-text-color);
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: var(--date-time-item-width);
  height: var(--date-time-item-height);
  color: var(--text-color);
  background: var(--bg-color);
  border: none;
  border-radius: calc(var(--date-time-item-height) / 2);
  font-size: var(--size-text-s);
  line-height: var(--date-time-item-height);
  text-transform: capitalize;
  -webkit-transition: background 0.2s, color 0.2s, -webkit-box-shadow 0.2s;
  transition: background 0.2s, color 0.2s, -webkit-box-shadow 0.2s;
  transition: background 0.2s, color 0.2s, box-shadow 0.2s;
  transition: background 0.2s, color 0.2s, box-shadow 0.2s, -webkit-box-shadow 0.2s;
}

.DateTimeItem:hover {
    --bg-color: var(--item-bg-color-hover);
    --event-color: var(--item-event-color-hover);
    --border-color: var(--item-border-color-hover);
    --text-color: var(--item-text-color-hover);
  }

.DateTimeItem_selected {
    --item-bg-color: var(--color-control-bg-primary);
    --item-bg-color-hover: var(--color-control-bg-primary-hover);
    --item-border-color: transparent;
    --item-border-color-hover: transparent;
    --item-event-color: var(--color-control-typo-primary);
    --item-event-color-hover: var(--color-control-typo-primary);
    --item-text-color: var(--color-typo-primary);
    --item-text-color-hover: var(--color-typo-primary);
  }

.DateTimeItem:not(.DateTimeItem_disabled) {
    cursor: pointer;
  }

.DateTimeItem_disabled {
    --item-bg-color: transparent;
    --item-bg-color-hover: transparent;
    --item-border-color: var(--color-control-bg-primary);
    --item-border-color-hover: var(--color-control-bg-primary);
    --item-event-color: var(--color-control-typo-disable);
    --item-event-color-hover: var(--color-control-typo-disable);
    --item-text-color: var(--color-control-typo-disable);
    --item-text-color-hover: var(--color-control-typo-disable);
  }

.DateTimeItem_selected.date-timeItem_disabled {
    --item-bg-color: var(--color-control-bg-disable);
    --item-bg-color-hover: var(--color-control-bg-disable);
    --item-border-color: transparent;
    --item-border-color-hover: transparent;
    --item-event-color: var(--color-control-typo-disable);
    --item-event-color-hover: var(--color-control-typo-disable);
    --item-text-color: var(--color-control-typo-disable);
    --item-text-color-hover: var(--color-control-typo-disable);
  }

.DateTimeItem_event::before {
      content: '';
      position: absolute;
      bottom: var(--space-2xs);
      width: var(--space-2xs);
      height: var(--space-2xs);
      background: var(--event-color);
      border-radius: 50%;
      -webkit-transition: background 0.2s;
      transition: background 0.2s;
    }

.DateTimeItem_current {
    -webkit-box-shadow: inset 0 0 0 1.3px var(--border-color);
            box-shadow: inset 0 0 0 1.3px var(--border-color);
  }

.DateTimeToggler {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: calc(var(--date-time-cell-width) * 7);
}

  .DateTimeToggler:not(.DateTimeToggler_withPrevButton) {
    padding-left: var(--control-height-s);
  }

  .DateTimeToggler:not(.DateTimeToggler_withNextButton) {
    padding-right: var(--control-height-s);
  }

  .DateTimeToggler-Label {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0 var(--space-xs);
  }

  .DateTimeToggler-Button_direction_prev {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }

.DateTime10Years {
  --date-time-item-width: calc(var(--control-height-s) * 7 / var(--date-time-grid-columns));
  --date-time-item-height: var(--control-height-s);
  --date-time-cell-vertical-gap: var(--space-3xs);
  --date-time-cell-horisontal-gap: calc(var(--space-3xs) * 7 / var(--date-time-grid-columns));
  --date-time-cell-width: calc(
    var(--date-time-item-width) + (var(--date-time-cell-horisontal-gap) * 2)
  );
  --date-time-cell-height: calc(
    var(--date-time-item-height) + (var(--date-time-cell-vertical-gap) * 2)
  );
  --date-time-grid-columns: 4;
  --date-time-grid-row-gap: calc(var(--control-height-s) * 5 / 3);
}

.DateTime10YearSlider {
  --date-time-cell-width: calc(var(--control-height-s) + (var(--space-3xs) * 2));
  --item-width: calc((var(--date-time-cell-width) * 14 - var(--control-height-m) * 2) / 11);
  --parent-width: calc(var(--item-width) * 10);
}

/*
задается сверху
--item-width
--parent-width
*/

.DateTimeSlider {
  --slider-height: var(--control-height-m);
  --slider-width: calc(var(--date-time-cell-width) * 14 + var(--space-m));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: var(--slider-width);
}

.DateTimeSlider-Slider {
    position: relative;
    overflow: hidden;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    height: var(--slider-height);
    margin: 0 var(--space-xs);
    background: var(--color-control-bg-ghost);
    border-radius: var(--control-radius);
  }

.DateTimeSlider-Button_direction_prev {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }

.DateTimeSlider-SliderBody {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
  }

.DateTimeSlider-Parent {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: var(--parent-width);
    height: 100%;
    -webkit-transition: -webkit-transform 0.5s;
    transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
  }

.DateTimeSlider-Parent_position_0 {
        -webkit-transform: translateX(calc(var(--parent-width) * -1));
                transform: translateX(calc(var(--parent-width) * -1));
      }

.DateTimeSlider-Parent_position_1 {
        -webkit-transform: translateX(0);
                transform: translateX(0);
      }

.DateTimeSlider-Parent_position_2 {
        -webkit-transform: translateX(calc(var(--parent-width)));
                transform: translateX(calc(var(--parent-width)));
      }

.DateTimeSlider-Parent_position_3 {
        -webkit-transform: translateX(calc(var(--parent-width) * 2));
                transform: translateX(calc(var(--parent-width) * 2));
      }

.DateTimeSlider-Parent_selected::before {
        content: '';
        position: absolute;
        left: var(--value-offset);
        bottom: 0;
        width: var(--value-width);
        height: var(--space-3xs);
        background-color: var(--color-control-bg-primary);
        pointer-events: none;
      }

/* исправляет разрыв между полосками */

.DateTimeSlider-Parent_selected + .DateTimeSlider-Parent_selected {
        left: calc(var(--value-offset) - 1px);
        width: calc(var(--value-width) + 1px);
      }

.DateTimeSlider-ParentLabel {
    position: absolute;
    right: 0;
    -webkit-transition: color 0.2s, -webkit-transform 0.5s;
    transition: color 0.2s, -webkit-transform 0.5s;
    transition: transform 0.5s, color 0.2s;
    transition: transform 0.5s, color 0.2s, -webkit-transform 0.5s;
  }

.DateTimeSlider-ParentLabel_position_0 {
        -webkit-transform: translateX(calc(var(--item-width) * -13));
                transform: translateX(calc(var(--item-width) * -13));
      }

.DateTimeSlider-ParentLabel_position_1 {
        -webkit-transform: translateX(calc((var(--parent-width) + var(--item-width)) / -2 + 50%));
                transform: translateX(calc((var(--parent-width) + var(--item-width)) / -2 + 50%));
      }

.DateTimeSlider-ParentLabel_position_2 {
        -webkit-transform: translateX(calc(var(--space-2xs) * -1));
                transform: translateX(calc(var(--space-2xs) * -1));
      }

.DateTimeSlider-ParentLabel_position_3 {
        -webkit-transform: translateX(calc(var(--parent-width)));
                transform: translateX(calc(var(--parent-width)));
      }

.DateTimeSlider-Item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    width: var(--item-width);
    height: 100%;
    margin-bottom: var(--space-3xs);
    background: transparent;
    border: none;
    outline: transparent;
    cursor: pointer;
  }

.DateTimeSlider-ItemLabel {
    width: var(--item-width);
    height: var(--space-m);
    margin-bottom: var(--space-3xs);
  }

.DateTimeSlider-Selector {
    position: absolute;
    width: calc(var(--item-width) * 2);
    height: var(--slider-height);
    background-color: var(--color-control-bg-ghost);
    border-radius: var(--control-radius);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    -webkit-transform: translateX(calc(var(--item-width) * var(--current-item)));
            transform: translateX(calc(var(--item-width) * var(--current-item)));
  }

.DateTime100YearSlider {
  --date-time-cell-width: calc(var(--control-height-s) + (var(--space-3xs) * 2));
  --item-width: calc((var(--date-time-cell-width) * 14 - var(--control-height-m) * 2) / 11);
  --parent-width: calc(var(--item-width) * 10);
}

.DateTimeMixLayout_view_classic {
      --date-time-cell-width: calc(var(--control-height-s) + (var(--space-3xs) * 2));
      width: calc(var(--date-time-cell-width) * 7);
    }
    .DateTimeMixLayout_view_book {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
    }
  .DateTimeMixLayout-Label,
  .DateTimeMixLayout-Slider {
    margin-bottom: var(--space-s);
  }
  .DateTimeMixLayout-PageWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .DateTimeMixLayout-Page:not(:last-child) {
      margin-right: var(--space-m);
    }

.DateTimeYear {
  --date-time-item-width: calc(var(--control-height-s) * 7 / var(--date-time-grid-columns));
  --date-time-item-height: var(--control-height-s);
  --date-time-cell-vertical-gap: var(--space-3xs);
  --date-time-cell-horisontal-gap: calc(var(--space-3xs) * 7 / var(--date-time-grid-columns));
  --date-time-cell-width: calc(
    var(--date-time-item-width) + (var(--date-time-cell-horisontal-gap) * 2)
  );
  --date-time-cell-height: calc(
    var(--date-time-item-height) + (var(--date-time-cell-vertical-gap) * 2)
  );
  --date-time-grid-columns: 4;
  --date-time-grid-row-gap: calc(var(--control-height-s) * 5 / 3);
}

.DateTimeYearSlider {
  --date-time-cell-width: calc(var(--control-height-s) + (var(--space-3xs) * 2));
  --item-width: calc((var(--date-time-cell-width) * 14 - var(--control-height-m) * 2) / 13);
  --parent-width: calc(var(--item-width) * 12);
}

/*
--root-padding-left
задается из компонента
*/

.DateTimeTypeDateTime_withTime {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

.DateTimeTypeDateTime_withTime::after {
      content: '';
      position: absolute;
      top: 0;
      left: calc(
        (var(--control-height-s) + (var(--space-3xs) * 2)) * 7 + var(--space-s) +
          var(--root-padding-left)
      );
      display: block;
      width: 1px;
      height: 100%;
      background: var(--color-bg-border);
    }

.DateTimeTypeDateTime-Date_withTime {
      padding-right: var(--space-s);
    }

.DateTimeTypeDateTime-Time {
    padding-left: var(--space-s);
  }

/*
задается из компонета
--label-length
*/

.DateTimeTypeTime {
  width: calc((var(--control-height-s) + (var(--space-3xs) * 2)) * 3);
}

.DateTimeTypeTime-Grid {
    --date-time-item-width: var(--control-height-s);
    --date-time-item-height: var(--control-height-s);
    --date-time-cell-vertical-gap: var(--space-3xs);
    --date-time-cell-horisontal-gap: var(--space-3xs);
    --date-time-cell-width: calc(
      var(--date-time-item-width) + (var(--date-time-cell-horisontal-gap) * 2)
    );
    --date-time-cell-height: calc(
      var(--date-time-item-height) + (var(--date-time-cell-vertical-gap) * 2)
    );
    --date-time-grid-columns: 1;
    --date-time-grid-row-gap: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: calc(var(--date-time-cell-height) * 7);
  }

.DateTimeTypeTime-Label {
    display: block;
    height: var(--control-height-s);
    margin-bottom: var(--space-s);
    line-height: var(--control-height-s);
  }

.DateTimeTimeColumn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

  .DateTimeTimeColumn-Label {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }

  .DateTimeTimeColumn-ScrollWrapper {
    overflow-y: scroll;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -ms-overflow-style: none;
    scroll-behavior: smooth;
    scrollbar-width: none;
  }

  .DateTimeTimeColumn-ScrollWrapper::-webkit-scrollbar {
      width: 0;
      height: 0;
    }

  .DateTimeTimeColumn-FakeElemet {
    height: calc(100% - var(--date-time-cell-height));
  }

.Select {
  --caption-margin-left: calc(var(--input-space) + var(--control-border-width));
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
}

  .Select_size_xs {
      --input-height: var(--control-height-xs);
      --input-space: calc(var(--control-space-xs) * 0.5);
      --input-font-size: var(--control-text-size-xs);
    }

  .Select_size_s {
      --input-height: var(--control-height-s);
      --input-space: calc(var(--control-space-s) * 0.5);
      --input-font-size: var(--control-text-size-s);
      --tag-space: calc(var(--space-xs) / 2 - var(--control-border-width));
    }

  .Select_size_m {
      --input-height: var(--control-height-m);
      --input-space: calc(var(--control-space-m) * 0.5);
      --input-font-size: var(--control-text-size-m);
      --tag-space: calc(var(--space-s) / 2 - var(--control-border-width));
    }

  .Select_size_l {
      --input-height: var(--control-height-l);
      --input-space: calc(var(--control-space-l) * 0.5);
      --input-font-size: var(--control-text-size-l);
      --tag-space: calc(var(--space-m) / 2 - var(--control-border-width));
    }

  .Select_labelPosition_top {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
    }

  .Select_labelPosition_top > *:not(:last-child) {
        margin-bottom: var(--space-xs);
      }

  .Select_labelPosition_left {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
    }

  .Select_labelPosition_left .Select-Label {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        height: var(--input-height);
      }

  .Select_labelPosition_left > *:not(:last-child) {
        margin-right: var(--space-s);
      }

  .Select-Body {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
  }

  .Select-Body .Select-Caption {
      margin-top: var(--space-2xs);
      margin-left: var(--caption-margin-left);
    }

  .Select-SelectContainer {
    --container-border-color: var(--color-control-bg-border-default);
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
  }

  .Select-SelectContainer_status_alert {
        --container-border-color: var(--color-bg-alert);
      }

  .Select-SelectContainer_status_success {
        --container-border-color: var(--color-bg-success);
      }

  .Select-SelectContainer_status_warning {
        --container-border-color: var(--color-bg-warning);
      }

  .Select-SelectContainer_view_default .Select-Control {
      padding: 0;
      color: var(--color-control-typo-default);
      background: var(--color-control-bg-default);
      border: var(--control-border-width) solid var(--container-border-color);
      border-radius: var(--control-radius);
    }

  .Select-SelectContainer_view_default .Select-Control:hover {
        border-color: var(--color-control-bg-border-default-hover);
      }

  .Select-SelectContainer_view_default.Select-SelectContainer_focused .Select-Control {
      z-index: 1;
      border-color: var(--color-control-bg-border-focus);
      outline: none;
    }

  .Select-SelectContainer_multiple .Select-Control {
      height: auto;
      min-height: var(--input-height);
    }

  .Select-SelectContainer_form_round .Select-Control {
        padding-left: calc(var(--input-space) * 1.6);
        border-radius: calc(var(--input-height) / 2);
      }

  .Select-SelectContainer_form_brick .Select-Control {
        border-radius: 0;
      }

  .Select-SelectContainer_form_clear .Select-Control {
        border-width: 0;
        border-bottom-width: var(--control-border-width);
        border-radius: 0;
      }

  .Select-SelectContainer_form_defaultClear .Select-Control {
        border-right-width: 0;
        border-radius: var(--control-radius) 0 0 var(--control-radius);
      }

  .Select-SelectContainer_form_clearDefault .Select-Control {
        border-left-width: 0;
        border-radius: 0 var(--control-radius) var(--control-radius) 0;
      }

  .Select-SelectContainer_form_defaultBrick .Select-Control {
        border-radius: var(--control-radius) 0 0 var(--control-radius);
      }

  .Select-SelectContainer_form_brickDefault .Select-Control {
        border-radius: 0 var(--control-radius) var(--control-radius) 0;
      }

  .Select-SelectContainer_form_roundBrick .Select-Control {
        padding-left: calc(var(--input-space) * 1.6);
        border-radius: calc(var(--input-height) / 2) 0 0 calc(var(--input-height) / 2);
      }

  .Select-SelectContainer_form_brickRound .Select-Control {
        padding-right: calc(var(--input-space) * 1.6);
        border-radius: 0 calc(var(--input-height) / 2) 99rem calc(var(--input-height) / 2);
      }

  .Select-SelectContainer_form_brickClear .Select-Control {
        border-right-width: 0;
        border-radius: 0;
      }

  .Select-SelectContainer_form_clearBrick .Select-Control {
        border-left-width: 0;
        border-radius: 0;
      }

  .Select-SelectContainer_form_clearRound .Select-Control {
        padding-right: calc(var(--input-space) * 1.6);
        border-left-width: 0;
        border-radius: 0 calc(var(--input-height) / 2) calc(var(--input-height) / 2) 0;
      }

  .Select-SelectContainer_form_roundClear .Select-Control {
        padding-left: calc(var(--input-space) * 1.6);
        border-right-width: 0;
        border-radius: calc(var(--input-height) / 2) 0 0 calc(var(--input-height) / 2);
      }

  .Select-SelectContainer_form_clearClear .Select-Control {
        border-width: 0;
        border-top-width: var(--control-border-width);
        border-bottom-width: var(--control-border-width);
        border-radius: 0;
      }

  .Select-SelectContainer_view_default.Select-SelectContainer_form_clear.Select-SelectContainer_focused .Select-Control,
    .Select-SelectContainer_view_default.Select-SelectContainer_form_clearClear.Select-SelectContainer_focused
      .Select-Control {
      -webkit-box-shadow: var(--control-border-width) 0 var(--color-control-bg-border-focus),
        calc(-1 * var(--control-border-width)) 0 var(--color-control-bg-border-focus);
              box-shadow: var(--control-border-width) 0 var(--color-control-bg-border-focus),
        calc(-1 * var(--control-border-width)) 0 var(--color-control-bg-border-focus);
    }

  .Select-SelectContainer_view_default.Select-SelectContainer_form_defaultClear.Select-SelectContainer_focused
      .Select-Control,
    .Select-SelectContainer_view_default.Select-SelectContainer_form_brickClear.Select-SelectContainer_focused
      .Select-Control,
    .Select-SelectContainer_view_default.Select-SelectContainer_form_roundClear.Select-SelectContainer_focused
      .Select-Control {
      -webkit-box-shadow: var(--control-border-width) 0 var(--color-control-bg-border-focus);
              box-shadow: var(--control-border-width) 0 var(--color-control-bg-border-focus);
    }

  .Select-SelectContainer_view_default.Select-SelectContainer_form_clearDefault.Select-SelectContainer_focused
      .Select-Control,
    .Select-SelectContainer_view_default.Select-SelectContainer_form_clearBrick.Select-SelectContainer_focused
      .Select-Control,
    .Select-SelectContainer_view_default.Select-SelectContainer_form_clearRound.Select-SelectContainer_focused
      .Select-Control {
      -webkit-box-shadow: calc(-1 * var(--control-border-width)) 0 var(--color-control-bg-border-focus);
              box-shadow: calc(-1 * var(--control-border-width)) 0 var(--color-control-bg-border-focus);
    }

  .Select-SelectContainer_view_default.Select-SelectContainer_disabled .Select-Control {
      color: var(--color-control-typo-disable);
      background: var(--color-control-bg-disable);
      border-color: var(--color-control-bg-border-disable);
      pointer-events: none;
    }

  .Select-SelectContainer_view_clear .Select-Control,
    .Select-SelectContainer_view_clear .Select-Control:hover,
    .Select-SelectContainer_view_clear .Select-Control:focus {
      padding: 0;
      color: var(--color-control-typo-default);
    }

  .Select-SelectContainer_view_clear .Select-Control.Select-SelectContainer_disabled, .Select-SelectContainer_view_clear .Select-Control:hover.Select-SelectContainer_disabled, .Select-SelectContainer_view_clear .Select-Control:focus.Select-SelectContainer_disabled {
        pointer-events: none;
      }

  .Select-SelectContainer_view_clear .Select-Control.Select-SelectContainer_disabled .Select-Control, .Select-SelectContainer_view_clear .Select-Control:hover.Select-SelectContainer_disabled .Select-Control, .Select-SelectContainer_view_clear .Select-Control:focus.Select-SelectContainer_disabled .Select-Control {
          color: var(--color-control-typo-disable);
        }

  .Select-SelectContainer_view_clear.Select-SelectContainer_disabled .Select-Control {
      pointer-events: none;
    }

  .Select-SelectContainer_view_default .Select-ControlValueContainer {
      padding: 0 0 0 var(--input-space);
    }

  .Select-SelectContainer_form_round .Select-SelectContainer-IndicatorsDropdown {
      border-radius: 0 calc(var(--input-height) / 2) calc(var(--input-height) / 2) 0;
    }

  .Select-SelectContainer_multiple .Select-ControlValueContainer {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding-top: 0;
      padding-bottom: 0;
      line-height: 1;
    }

  .Select-SelectContainer_multiple .Select-ControlValue {
      overflow: visible;
      padding-top: calc(var(--tag-space) - var(--control-border-width));
      white-space: normal;
    }

  .Select-SelectContainer_multiple .Select-ControlValue_isUserSelect {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding-top: calc(var(--space-s) / 4);
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
    }

  .Select_view_clear {
    --caption-margin-left: 0;
  }

  .Select-Delimiter {
    width: 1px;
    background-color: var(--color-control-bg-border-default);
  }

  .Select-Control {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: var(--input-height);
    padding: 0;
    color: currentColor;
    background: transparent;
    border: none;
    outline: none;
    font-family: var(--font-primary);
    font-weight: var(--font-weight-text-regular);
    line-height: calc(var(--input-height) - var(--control-border-width));
    cursor: pointer;
    -webkit-transition: border-color 0.15s, background-color 0.15s, -webkit-box-shadow 0.15s;
    transition: border-color 0.15s, background-color 0.15s, -webkit-box-shadow 0.15s;
    transition: border-color 0.15s, box-shadow 0.15s, background-color 0.15s;
    transition: border-color 0.15s, box-shadow 0.15s, background-color 0.15s, -webkit-box-shadow 0.15s;
  }

  .Select-Control:focus {
      outline: none;
    }

  .Select-Indicators {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
  }

  .Select-IndicatorsDropdown {
    display: block;
    width: var(--input-height);
    margin: 0;
    padding: 0;
    color: var(--color-control-typo-disable);
    background-color: transparent;
    border: none;
    text-align: center;
    cursor: pointer;
  }

  .Select-IndicatorsDropdown:focus {
      outline: none;
    }

  .Select-ControlInner {
    position: relative;
    width: 100%;
  }

  .Select-ControlValueContainer {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    min-height: calc(var(--input-height) - 2px);
    margin: 0;
    padding: 0;
    color: inherit;
    background-color: transparent;
    border: none;
    font-size: var(--input-font-size);
    line-height: calc(var(--input-height) - 2px);
    text-align: left;
  }

  .Select-ControlValueContainer:focus {
      outline: none;
    }

  .Select-Control[aria-expanded='true'] .Select-IndicatorsDropdown {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }

  .Select-ControlValue,
  .Select-Placeholder {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  .Select-Placeholder {
    padding-right: var(--input-space);
    color: var(--color-control-typo-placeholder);
    font-size: var(--input-font-size);
    text-align: left;
    pointer-events: none;
  }

  .Select-Placeholder_isHidden {
      visibility: hidden;
      opacity: 0;
    }

  .Select-Control_hasInput .Select-Placeholder {
    position: absolute;
    top: 0;
    width: calc(100% - var(--input-space));
    background-color: transparent;
    line-height: calc(var(--input-height) - 2px);
  }

  .Select-DropdownIndicatorIcon {
    position: relative;
    top: 1px;
  }

  .Select-ClearIndicator {
    margin: 0;
    padding: 0 var(--space-xs);
    color: var(--color-control-typo-clear);
    background-color: transparent;
    border: none;
    cursor: pointer;
  }

  .Select-ClearIndicatorIcon {
    position: relative;
    top: 1px;
  }

  .Select-Input {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    color: inherit;
    background-color: transparent;
    border: none;
    outline: none;
    font-family: inherit;
    font-size: inherit;
    line-height: calc(var(--input-height) - 2px);
  }

  .Select-Input_hide {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      width: 100%;
      opacity: 0;
    }

  .Select-Input_multiple {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      min-width: 10px;
      height: calc(var(--input-height) - (var(--control-border-width) * 2));
      margin-top: calc(var(--tag-space) * -1);
      line-height: 1;
      line-height: calc(var(--input-height) - (var(--control-border-width) * 2));
    }

  .Select-Input_multiple.Select-Input_isUserSelect {
      margin-top: calc(var(--space-s) / 4 * -1);
    }

  .Select-FakeField {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    opacity: 0;
  }

  .Select-HelperInputFakeElement {
    position: absolute;
    top: 0;
    display: inline-block;
    visibility: hidden;
    overflow: hidden;
    height: 0;
    font-size: var(--input-font-size);
    white-space: nowrap;
  }

.SelectDropdown {
  --transition-spase: var(--space-2xs);
  z-index: 9999;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  min-width: 220px;
  margin: -1px 0 -1px;
  background: var(--color-bg-default);
  border: var(--control-border-width) solid var(--color-control-bg-border-default);
  outline: none;
  opacity: 0;
  -webkit-box-shadow: var(--shadow-layer);
          box-shadow: var(--shadow-layer);
  font-size: var(--font-size);
  -webkit-transform: translateY(var(--transition-spase));
          transform: translateY(var(--transition-spase));
}

  .SelectDropdown_size_xs {
      --input-height: var(--control-height-xs);
      --font-size: var(--control-text-size-xs);
      --input-space: calc(var(--control-space-xs) * 0.5);
      --list-spase: var(--space-2xs);
    }

  .SelectDropdown_size_s {
      --input-height: var(--control-height-s);
      --font-size: var(--control-text-size-s);
      --input-space: calc(var(--control-space-s) * 0.5);
      --list-spase: var(--space-2xs);
    }

  .SelectDropdown_size_m {
      --input-height: var(--control-height-m);
      --font-size: var(--control-text-size-m);
      --input-space: calc(var(--control-space-m) * 0.5);
      --list-spase: var(--space-xs);
    }

  .SelectDropdown_size_l {
      --input-height: var(--control-height-l);
      --font-size: var(--control-text-size-l);
      --input-space: calc(var(--control-space-l) * 0.5);
      --list-spase: var(--space-xs);
    }

  .SelectDropdown_form_default {
      border-radius: var(--control-radius);
    }

  .SelectDropdown_form_brick {
      border-radius: 0;
    }

  .SelectDropdown_form_round {
      border-radius: calc(var(--input-height) * 0.5);
    }

  .SelectDropdown_animate_appear,
    .SelectDropdown_animate_appearActive,
    .SelectDropdown_animate_appearDone,
    .SelectDropdown_animate_enter,
    .SelectDropdown_animate_enterActive,
    .SelectDropdown_animate_enterDone,
    .SelectDropdown_animate_exit,
    .SelectDropdown_animate_exitActive,
    .SelectDropdown_animate_exitDone {
      -webkit-transition: 0.2s ease;
      transition: 0.2s ease;
      -webkit-transition-property: opacity, -webkit-transform;
      transition-property: opacity, -webkit-transform;
      transition-property: opacity, transform;
      transition-property: opacity, transform, -webkit-transform;
    }

  .SelectDropdown_animate_appear,
    .SelectDropdown_animate_enter {
      opacity: 0;
      -webkit-transform: translateY(var(--transition-spase));
              transform: translateY(var(--transition-spase));
    }

  .SelectDropdown_animate_enterActive,
    .SelectDropdown_animate_appearActive,
    .SelectDropdown_animate_appearDone,
    .SelectDropdown_animate_enterDone {
      opacity: 1;
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }

  .SelectDropdown_animate_exit {
      opacity: 1;
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }

  .SelectDropdown_animate_exitActive,
    .SelectDropdown_animate_exitDone {
      opacity: 0;
      -webkit-transform: translateY(var(--transition-spase));
              transform: translateY(var(--transition-spase));
    }

  .SelectDropdown-LabelForNotFound {
    padding: 0 var(--space-xs);
  }

  .SelectDropdown-List {
    overflow-y: auto;
    width: 100%;
    max-height: 200px;
    padding: var(--list-spase) 0;
    line-height: 120%;
  }

.SelectCreateButton {
  position: relative;
  display: block;
  padding: var(--vertical-space) var(--horizontal-space);
  color: var(--color-control-typo-default);
  background-color: var(--color-control-bg-clear);
  border: none;
  font-size: var(--font-size);
  cursor: pointer;
}

  .SelectCreateButton_size_xs {
      --horizontal-space: calc(var(--control-space-xs) * 0.5);
      --vertical-space: calc(var(--control-space-s) * 0.25);
      --font-size: var(--control-text-size-xs);
    }

  .SelectCreateButton_size_s {
      --horizontal-space: calc(var(--control-space-s) * 0.5);
      --vertical-space: calc(var(--control-space-s) * 0.25);
      --font-size: var(--control-text-size-s);
    }

  .SelectCreateButton_size_m {
      --horizontal-space: calc(var(--control-space-m) * 0.5);
      --vertical-space: calc(var(--control-space-s) * 0.5);
      --font-size: var(--control-text-size-m);
    }

  .SelectCreateButton_size_l {
      --horizontal-space: calc(var(--control-space-l) * 0.5);
      --vertical-space: calc(var(--control-space-s) * 0.5);
      --font-size: var(--control-text-size-l);
    }

  .SelectCreateButton_hovered {
    background-color: var(--color-control-bg-clear-hover);
  }

  .SelectCreateButton_active {
    color: var(--color-control-typo-secondary);
  }

  .SelectCreateButton_indent_increased {
      padding-left: calc(var(--horizontal-space) * 2.6);
    }

.SelectGroupLabel {
  padding: var(--vertical-space) var(--horizontal-space);
  color: var(--color-typo-secondary);
  border-bottom: 1px solid var(--color-bg-border);
  font-size: var(--font-size);
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

  .SelectGroupLabel_size_xs {
      --horizontal-space: calc(var(--control-space-xs) * 0.5);
      --vertical-space: calc(var(--control-space-s) * 0.25);
      --font-size: calc(var(--control-text-size-xs) - 2px);
    }

  .SelectGroupLabel_size_s {
      --horizontal-space: calc(var(--control-space-s) * 0.5);
      --vertical-space: calc(var(--control-space-s) * 0.25);
      --font-size: calc(var(--control-text-size-s) - 4px);
    }

  .SelectGroupLabel_size_m {
      --horizontal-space: calc(var(--control-space-m) * 0.5);
      --vertical-space: calc(var(--control-space-s) * 0.5);
      --font-size: calc(var(--control-text-size-m) - 4px);
    }

  .SelectGroupLabel_size_l {
      --horizontal-space: calc(var(--control-space-l) * 0.5);
      --vertical-space: calc(var(--control-space-s) * 0.5);
      --font-size: calc(var(--control-text-size-l) - 4px);
    }

  .SelectGroupLabel_indent_increased {
      padding-left: calc(var(--horizontal-space) * 2.6);
    }

.SelectItem {
  --text-color: var(--color-control-typo-default);
  position: relative;
  padding: var(--vertical-space) var(--horizontal-space);
  color: var(--text-color);
  background-color: var(--color-control-bg-clear);
  font-size: var(--font-size);
  cursor: pointer;
}

  .SelectItem_size_xs {
      --horizontal-space: calc(var(--control-space-xs) * 0.5);
      --vertical-space: calc(var(--control-space-s) * 0.25);
      --font-size: var(--control-text-size-xs);
    }

  .SelectItem_size_s {
      --horizontal-space: calc(var(--control-space-s) * 0.5);
      --vertical-space: calc(var(--control-space-s) * 0.25);
      --font-size: var(--control-text-size-s);
    }

  .SelectItem_size_m {
      --horizontal-space: calc(var(--control-space-m) * 0.5);
      --vertical-space: calc(var(--control-space-s) * 0.5);
      --font-size: var(--control-text-size-m);
    }

  .SelectItem_size_l {
      --horizontal-space: calc(var(--control-space-l) * 0.5);
      --vertical-space: calc(var(--control-space-s) * 0.5);
      --font-size: var(--control-text-size-l);
    }

  .SelectItem_hovered {
    background-color: var(--color-control-bg-clear-hover);
  }

  .SelectItem_active {
    --text-color: var(--color-control-typo-secondary);
  }

  .SelectItem_disabled {
    --text-color: var(--color-control-typo-disable);
  }

  .SelectItem_multiple {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .SelectItem_indent_increased {
      padding-left: calc(var(--horizontal-space) * 2.6);
    }

  .SelectItem:not(.SelectItem_multiple)::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 2px;
    background-color: transparent;
    -webkit-transition: background-color 0.2s ease-in;
    transition: background-color 0.2s ease-in;
  }

  .SelectItem:not(.SelectItem_multiple).SelectItem_active::before {
    background-color: var(--text-color);
  }

  .SelectItem-Checkbox {
    margin-right: var(--space-xs);
  }

.Checkbox {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-family: var(--font-sans);
  cursor: pointer;
}

  .Checkbox_size_m {
      --checkbox-font-size: var(--control-text-size-m);
      --checkbox-size: var(--control-box-size-m);
      --checkbox-offset: var(--space-xs);
    }

  .Checkbox_size_l {
      --checkbox-font-size: var(--control-text-size-l);
      --checkbox-size: var(--control-box-size-l);
      --checkbox-offset: var(--space-s);
    }

  .Checkbox_view_primary {
      --checkbox-checked-border: var(--color-control-bg-primary);
      --checkbox-checked-background: var(--color-control-bg-primary);
      --checkbox-checked-check: var(--color-control-typo-primary);
      --checkbox-checked-border-hover: var(--color-control-bg-primary-hover);
      --checkbox-checked-background-hover: var(--color-control-bg-primary-hover);
    }

  .Checkbox_view_ghost {
      --checkbox-checked-border: var(--color-control-bg-border-default);
      --checkbox-checked-background: var(--color-control-bg-ghost);
      --checkbox-checked-check: var(--color-control-typo-ghost);
      --checkbox-checked-border-hover: var(--color-control-bg-border-default);
      --checkbox-checked-background-hover: var(--color-control-bg-ghost-hover);
    }

  .Checkbox_intermediate .Checkbox-Input,
    .Checkbox_intermediate .Checkbox-Input:checked,
    .Checkbox_intermediate:hover .Checkbox-Input,
    .Checkbox_intermediate:hover .Checkbox-Input:checked {
      background-color: var(--checkbox-checked-background);
      border-color: var(--checkbox-checked-border);
    }

  .Checkbox_intermediate .Checkbox-Input::before, .Checkbox_intermediate .Checkbox-Input:checked::before, .Checkbox_intermediate:hover .Checkbox-Input::before, .Checkbox_intermediate:hover .Checkbox-Input:checked::before {
        background-color: var(--checkbox-checked-check);
        border: none;
        opacity: 1;
        -webkit-transition: opacity 0.15s, background-color 0.08s 0.04s, -webkit-transform 0.15s;
        transition: opacity 0.15s, background-color 0.08s 0.04s, -webkit-transform 0.15s;
        transition: opacity 0.15s, transform 0.15s, background-color 0.08s 0.04s;
        transition: opacity 0.15s, transform 0.15s, background-color 0.08s 0.04s, -webkit-transform 0.15s;
        -webkit-transform: rotate(0) scale(1, 0.35) translate(0, -50%);
                transform: rotate(0) scale(1, 0.35) translate(0, -50%);
      }

  .Checkbox_disabled {
    pointer-events: none;
  }

  .Checkbox_disabled .Checkbox-Input:disabled {
      background-color: var(--color-control-bg-disable);
      border-color: transparent;
    }

  .Checkbox_disabled .Checkbox-Input:disabled::before {
        border-color: var(--color-control-typo-disable);
      }

  .Checkbox_disabled.Checkbox_intermediate .Checkbox-Input:disabled::before {
        background-color: var(--color-control-typo-disable);
      }

  .Checkbox_disabled .Checkbox-Input:disabled ~ .Checkbox-Label {
      color: var(--color-control-typo-disable);
    }

  .Checkbox_align_center {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
    }

  .Checkbox_align_top {
      -webkit-box-align: top;
          -ms-flex-align: top;
              align-items: top;
    }

  .Checkbox_align_top .Checkbox-Input {
        margin-top: var(--space-3xs);
      }

  .Checkbox-Label {
    margin-left: var(--checkbox-offset);
    color: var(--color-control-typo-default);
    font-size: var(--checkbox-font-size);
  }

  .Checkbox-Input {
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: var(--checkbox-size);
    height: var(--checkbox-size);
    margin: 0;
    padding: 0;
    background-color: transparent;
    border: var(--control-border-width) solid var(--color-control-bg-border-default);
    border-radius: var(--control-radius);
    cursor: pointer;
    -webkit-transition: border-color 0.15s, background-color 0.15s;
    transition: border-color 0.15s, background-color 0.15s;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -webkit-appearance: none;
  }

  .Checkbox-Input::before {
      content: '';
      position: absolute;
      z-index: 1;
      top: calc(var(--checkbox-size) / 2 - 1px);
      left: calc(var(--checkbox-size) / 5 - 1px);
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      width: calc(var(--checkbox-size) * 0.6);
      height: calc(var(--checkbox-size) * 0.35);
      background-color: var(--color-control-bg-affect);
      border-left: 2px solid var(--checkbox-checked-check);
      border-bottom: 2px solid var(--checkbox-checked-check);
      opacity: 0;
      -webkit-transition: opacity 0.15s, background-color 0.08s, -webkit-transform 0.15s;
      transition: opacity 0.15s, background-color 0.08s, -webkit-transform 0.15s;
      transition: opacity 0.15s, transform 0.15s, background-color 0.08s;
      transition: opacity 0.15s, transform 0.15s, background-color 0.08s, -webkit-transform 0.15s;
      -webkit-transform: rotate(-50deg) scale(0, 1);
              transform: rotate(-50deg) scale(0, 1);
      -webkit-transform-origin: 0 0;
              transform-origin: 0 0;
    }

  .Checkbox-Input:checked {
    background-color: var(--checkbox-checked-background);
    border-color: var(--checkbox-checked-border);
  }

  .Checkbox-Input:checked::before {
      opacity: 1;
      -webkit-transform: rotate(-50deg) scale(1, 1);
              transform: rotate(-50deg) scale(1, 1);
    }

  .Checkbox:hover .Checkbox-Input {
    border-color: var(--color-control-bg-border-default-hover);
  }

  .Checkbox:hover .Checkbox-Input:checked {
      background-color: var(--checkbox-checked-background-hover);
      border-color: var(--checkbox-checked-border-hover);
    }

.SelectValueTag {
  margin: 0 var(--tag-space) var(--tag-space) 0;
}

  .SelectValueTag .TagBase-Label {
    word-break: break-word;
  }

  .SelectValueTag_disabled {
    opacity: 0.8;
  }

.TagBase {
  --tag-base-typo-color: var(--color-control-typo-ghost);
  --tag-base-half-space: calc(var(--tag-base-spaсe) / 2);
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  overflow: hidden;
  height: var(--tag-base-height);
  padding-top: 0;
  padding-right: var(--tag-base-spaсe);
  padding-left: var(--tag-base-spaсe);
  padding-bottom: 0;
  color: var(--tag-base-typo-color);
  background: var(--tag-base-bg-color);
  border: none;
  border-radius: var(--control-radius);
  -webkit-box-shadow: inset 0 0 0 1px var(--tag-base-border-color);
          box-shadow: inset 0 0 0 1px var(--tag-base-border-color);
  font-family: var(--font--primary);
  font-size: var(--tag-base-font-size);
  line-height: var(--tag-base-height);
  text-decoration: none;
  -webkit-transition: background 0.15s ease, color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: background 0.15s ease, color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: box-shadow 0.15s ease, background 0.15s ease, color 0.15s ease;
  transition: box-shadow 0.15s ease, background 0.15s ease, color 0.15s ease, -webkit-box-shadow 0.15s ease;
}

  .TagBase:focus,
  .TagBase:focus:hover {
    outline: none;
  }

  .TagBase_view_stroked {
      --tag-base-border-color: var(--color-control-bg-border-default);
      --tag-base-bg-color: var(--color-bg-default);
    }

  .TagBase_view_filled {
      --tag-base-border-color: transparent;
      --tag-base-bg-color: var(--color-control-bg-ghost);
    }

  .TagBase_withAction {
    cursor: pointer;
  }

  .TagBase_withAction.TagBase_view_stroked:hover {
        --tag-base-border-color: var(--color-control-bg-border-default-hover);
      }

  .TagBase_withAction.TagBase_view_filled:hover {
        --tag-base-bg-color: var(--color-control-bg-ghost-hover);
        --tag-base-border-color: transparent;
      }

  .TagBase_size_xs {
      --tag-base-height: var(--space-l);
      --tag-base-spaсe: var(--space-2xs);
      --tag-base-font-size: var(--size-text-xs);
    }

  .TagBase_size_s {
      --tag-base-height: var(--space-xl);
      --tag-base-spaсe: var(--space-xs);
      --tag-base-font-size: var(--size-text-xs);
    }

  .TagBase_size_m {
      --tag-base-height: calc(var(--space-2xl) - var(--space-2xs));
      --tag-base-spaсe: var(--space-xs);
      --tag-base-font-size: var(--size-text-s);
    }

  .TagBase_size_l {
      --tag-base-height: var(--space-2xl);
      --tag-base-spaсe: var(--space-s);
      --tag-base-font-size: var(--size-text-m);
    }

  .TagBase_withCancel {
    padding-right: 0;
  }

  .TagBase_withIcon {
    padding-left: 0;
  }

  .TagBase[class*='TagBase_group']::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 2px;
      height: 100%;
      background: var(--tag-base-group-color);
    }

  .TagBase_group_1 {
      --tag-base-group-color: #e92064;
    }

  .TagBase_group_2 {
      --tag-base-group-color: #b92eff;
    }

  .TagBase_group_3 {
      --tag-base-group-color: #1160ff;
    }

  .TagBase_group_4 {
      --tag-base-group-color: #0fafff;
    }

  .TagBase_group_5 {
      --tag-base-group-color: #02e2ff;
    }

  .TagBase_group_6 {
      --tag-base-group-color: #0c6;
    }

  .TagBase_group_7 {
      --tag-base-group-color: #b4d50b;
    }

  .TagBase_group_8 {
      --tag-base-group-color: #f5b800;
    }

  .TagBase_group_9 {
      --tag-base-group-color: #f56600;
    }

  .TagBase-CancelButton {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: var(--tag-base-height);
    padding: 0 var(--tag-base-half-space) 0 var(--tag-base-half-space);
    color: var(--color-control-typo-ghost);
    background: transparent;
    border: none;
    outline: none;
    opacity: 0.4;
    cursor: pointer;
    -webkit-transition: opacity 0.15s ease;
    transition: opacity 0.15s ease;
  }

  .TagBase-CancelButton:hover {
      background: transparent;
      outline: none;
      opacity: 1;
    }

  .TagBase-Label {
    height: var(--tag-base-height);
    line-height: var(--tag-base-height);
  }

  .TagBase-IconWrapper {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: var(--tag-base-height);
    padding: 0 var(--tag-base-half-space) 0 var(--tag-base-half-space);
  }

.DragNDropField {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-height: 160px;
  padding: var(--space-l);
  background: var(--color-control-bg-clear);
  border: 2px dashed var(--color-control-bg-border-default);
  border-radius: var(--control-radius);
  cursor: pointer;
}

  .DragNDropField:hover {
    background: var(--color-control-bg-clear-hover);
    border-color: var(--color-control-bg-border-default-hover);
  }

  .DragNDropField_active {
    background: var(--color-control-bg-clear-hover);
    border-color: var(--color-control-bg-border-focus);
  }

.DragNDropFieldContent-Button {
    margin-top: var(--space-s);
  }

.DragNDropFieldTooltip-List {
    padding-left: var(--space-xl);
  }

.Slider {
  --slider-side-margin: 0;
  --slider-container-margin: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}

  .Slider_size_xs {
      --slider-container-margin: var(--space-2xs);
      --slider-side-margin: var(--space-xs);
    }

  .Slider_size_s {
      --slider-container-margin: var(--space-2xs);
      --slider-side-margin: var(--space-s);
    }

  .Slider_size_m {
      --slider-container-margin: var(--space-2xs);
      --slider-side-margin: var(--space-s);
    }

  .Slider_size_l {
      --slider-container-margin: var(--space-xs);
      --slider-side-margin: var(--space-l);
    }

  .Slider-Label {
    margin-bottom: var(--slider-container-margin);
  }

  .Slider-Caption {
    margin-top: var(--slider-container-margin);
  }

  .Slider-Container {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    min-height: var(--space-m);
  }

  .Slider-Control {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    height: var(--space-m);
  }

  .Slider-Side_position_left {
        margin-right: var(--slider-side-margin);
      }

  .Slider-Side_position_right {
        margin-left: var(--slider-side-margin);
      }

.SliderLine {
  --slider-line-radius: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  border-radius: var(--control-radius);
}

  .SliderLine_view_division {
    --slider-line-radius: var(--control-radius);
    gap: var(--space-2xs);
  }

  .SliderLine-Line {
    --slider-line-color: var(--color-control-bg-ghost);
    width: var(--slider-line-size);
    height: var(--space-2xs);
    background-color: var(--slider-line-color);
    border-radius: var(--slider-line-radius);
    -webkit-transition: background-color 0.3s, width 0.3s;
    transition: background-color 0.3s, width 0.3s;
  }

  .SliderLine-Line_active {
      --slider-line-color: var(--color-control-bg-primary);
    }

  .SliderLine-Line_hovered.SliderLine-Line_active {
      --slider-line-color: var(--color-control-bg-primary-hover);
    }

  .SliderLine-Line_disabled {
      --slider-line-color: var(--color-control-bg-disable);
    }

.SliderPoint {
  position: absolute;
  z-index: 1;
  top: 0;
  left: var(--slider-button-left);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: var(--space-m);
  height: var(--space-m);
  background-color: var(--color-bg-default);
  border: var(--space-3xs) solid var(--color-control-bg-primary);
  border-radius: calc(var(--space-m) * 0.5);
  cursor: pointer;
  -webkit-transition: border-color 0.3s, left 0.3s;
  transition: border-color 0.3s, left 0.3s;
}

  .SliderPoint_hovered {
    border-color: var(--color-control-bg-primary-hover);
  }

  .SliderPoint_disabled {
    border-color: var(--color-control-bg-ghost);
    cursor: auto;
  }

  .SliderPoint-Tooltip {
    pointer-events: none;
    -webkit-transition: left 0.3s;
    transition: left 0.3s;
  }

.ChoiceGroup {
  --choice-group-bg-color: transparent;
  --choice-group-border-color: var(--color-control-bg-border-default);
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  max-width: 100%;
  background-color: var(--choice-group-bg-color);
  border-radius: var(--choice-radius);
  -webkit-box-shadow: inset 0 0 0 var(--control-border-width) var(--choice-group-border-color);
          box-shadow: inset 0 0 0 var(--control-border-width) var(--choice-group-border-color);
}

  .ChoiceGroup_view_primary {
      --choice-bg-color: var(--color-control-bg-primary);
      --choice-text-color: var(--color-control-typo-primary);
    }

  .ChoiceGroup_view_ghost {
      --choice-bg-color: var(--color-control-bg-ghost);
      --choice-text-color: var(--color-control-typo-ghost);
    }

  .ChoiceGroup_view_secondary {
      --choice-bg-color: var(--color-control-bg-secondary);
      --choice-text-color: var(--color-control-typo-secondary);
    }

  .ChoiceGroup_view_secondary .ChoiceGroup-Label_checked {
        -webkit-box-shadow: inset 0 0 0 1px var(--color-control-bg-border-secondary);
                box-shadow: inset 0 0 0 1px var(--color-control-bg-border-secondary);
      }

  .ChoiceGroup_size_xs {
      --choice-height: var(--control-height-xs);
      --choice-font-size: var(--control-text-size-xs);
      --choice-space: var(--control-space-xs);
    }

  .ChoiceGroup_size_s {
      --choice-height: var(--control-height-s);
      --choice-font-size: var(--control-text-size-s);
      --choice-space: var(--control-space-s);
    }

  .ChoiceGroup_size_m {
      --choice-height: var(--control-height-m);
      --choice-font-size: var(--control-text-size-m);
      --choice-space: var(--control-space-m);
    }

  .ChoiceGroup_size_l {
      --choice-height: var(--control-height-l);
      --choice-font-size: var(--control-text-size-l);
      --choice-space: var(--control-space-l);
    }

  .ChoiceGroup_form_default,
    .ChoiceGroup_form_brick {
      --divider-width: var(--control-border-width);
      --divider-height: unset;
      --divider-scale: 0.65;
      --divider-radius: 0;
      --divider-align-self: unset;
    }

  .ChoiceGroup_form_default {
      --choice-radius: var(--control-radius);
    }

  .ChoiceGroup_form_brick {
      --choice-radius: 0;
    }

  .ChoiceGroup_form_round {
      --choice-radius: 99em;
      --divider-width: 4px;
      --divider-height: 4px;
      --divider-scale: 1;
      --divider-radius: 99em;
      --divider-align-self: center;
    }

  .ChoiceGroup_form_round .ChoiceGroup-Label {
        padding-right: calc(var(--choice-space) * 1.2 + var(--control-border-width));
        padding-left: calc(var(--choice-space) * 1.2);
      }

  .ChoiceGroup-Label {
    --choice-group-label-color: var(--color-control-typo-default);
    --choice-group-label-bg-color: transparent;
    --choice-group-label-bg-left: 0;
    --choice-helper-bg-disabled: transparent;
    position: relative;
    z-index: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: var(--choice-height);
    padding: 0 var(--choice-space) 0 var(--choice-space);
    color: var(--choice-group-label-color);
    background-color: var(--choice-group-label-bg-color);
    border-radius: var(--choice-radius);
    font-size: var(--choice-font-size);
    font-weight: var(--font-weight-text-regular);
    line-height: calc(var(--choice-height) - var(--control-border-width) * 2);
    text-decoration: none;
    cursor: pointer;
    -webkit-transition: background-color 0.15s ease, color 0.15s ease,
      fill 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: background-color 0.15s ease, color 0.15s ease,
      fill 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: background-color 0.15s ease, box-shadow 0.15s ease, color 0.15s ease,
      fill 0.15s ease;
    transition: background-color 0.15s ease, box-shadow 0.15s ease, color 0.15s ease,
      fill 0.15s ease, -webkit-box-shadow 0.15s ease;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }

  .ChoiceGroup-Label::after {
      content: '';
      position: absolute;
      z-index: 0;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: var(--choice-helper-bg-disabled);
    }

  .ChoiceGroup-Input {
    position: absolute;
    opacity: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
         appearance: none;
  }

  .ChoiceGroup-Label:not(.ChoiceGroup-Label_checked):hover {
      --choice-group-label-color: var(--color-control-typo-secondary-hover);
    }

  .ChoiceGroup-Divider {
    --divider-bg-color: var(--color-control-bg-border-default);
    width: var(--divider-width);
    min-width: var(--divider-width);
    height: var(--divider-height);
    background-color: var(--divider-bg-color);
    border-radius: var(--divider-radius);
    -webkit-transform: scaleY(var(--divider-scale));
            transform: scaleY(var(--divider-scale));
    -ms-flex-item-align: var(--divider-align-self);
        align-self: var(--divider-align-self);
  }

  .ChoiceGroup-Divider_checked:not(.ChoiceGroup-Divider_disabled) {
      --divider-bg-color: transparent;
    }

  .ChoiceGroup-Label_checked {
    --choice-group-label-color: var(--choice-text-color);
    --choice-group-label-bg-color: var(--choice-bg-color);
  }

  .ChoiceGroup-Label_checked:not(.ChoiceGroup-Label_disabled) {
      --divider-bg-color: transparent;
    }

  .ChoiceGroup-Label_checked:not(.ChoiceGroup-Label_disabled) + .ChoiceGroup-Divider {
        --divider-bg-color: transparent;
      }

  .ChoiceGroup-Text {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  .ChoiceGroup:not(.ChoiceGroup_onlyIcon) .ChoiceGroup-Icon {
    margin-right: calc(var(--choice-space) * 0.5);
  }

  .ChoiceGroup_onlyIcon .ChoiceGroup-Label {
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: var(--choice-height);
      padding: 0;
    }

  .ChoiceGroup_width_full {
      width: 100%;
    }

  .ChoiceGroup-Label_disabled {
    --choice-group-label-color: var(--color-control-typo-disable);
    --choice-group-label-bg-color: var(--color-control-bg-disable);
    pointer-events: none;
  }

  .ChoiceGroup_disabled {
    --choice-group-bg-color: var(--color-control-bg-disable);
    --choice-group-border-color: transparent;
  }

  .ChoiceGroup_disabled .ChoiceGroup-Label_disabled:not(.ChoiceGroup-Label_checked) {
      --choice-group-label-bg-color: transparent;
    }

  .ChoiceGroup_disabled .ChoiceGroup-Divider {
      --divider-bg-color: transparent;
    }

  .ChoiceGroup:not(.ChoiceGroup_disabled) .ChoiceGroup-Label_disabled.ChoiceGroup-Label_checked::after {
      --choice-helper-bg-disabled: var(--color-control-bg-disable);
    }

.Modal {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: var(--space-5xl);
}

  .Modal:not(.Modal_hasOverlay) {
    pointer-events: none;
  }

  .Modal-Window {
    z-index: 100;
    overflow: auto;
    min-width: 400px;
    max-width: 90%;
    min-height: 200px;
    max-height: 90%;
    background-color: var(--color-bg-default);
    border-radius: var(--control-radius);
    -webkit-box-shadow: var(--shadow-modal);
            box-shadow: var(--shadow-modal);
    pointer-events: auto;
  }

  .Modal-Window_position_center {
        -ms-flex-item-align: safe center;
            align-self: safe center;
      }

  .Modal-Window_position_top {
        -ms-flex-item-align: safe flex-start;
            align-self: safe flex-start;
      }

  .Modal-Overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    background: var(--color-bg-tone);
    border: none;
  }

  .Modal_animate_appear,
    .Modal_animate_enter,
    .Modal_animate_exit,
    .Modal_animate_appearActive,
    .Modal_animate_enterActive,
    .Modal_animate_exitActive {
      -webkit-transition: opacity 0.2s ease;
      transition: opacity 0.2s ease;
    }

  .Modal_animate_appear,
    .Modal_animate_enter {
      opacity: 0;
    }

  .Modal_animate_appearActive,
    .Modal_animate_enterActive {
      opacity: 1;
    }

  .Modal_animate_exit {
      opacity: 1;
    }

  .Modal_animate_exitActive {
      opacity: 0;
    }

.Informer {
  padding: var(--space-s) var(--space-m);
  color: var(--color-typo-primary);
  border-radius: var(--control-radius);
}

  .Informer_withIcon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }

  .Informer_status_system {
      --informer-status-color: var(--color-bg-system);
    }

  .Informer_status_alert {
      --informer-status-color: var(--color-bg-alert);
    }

  .Informer_status_warning {
      --informer-status-color: var(--color-bg-warning);
    }

  .Informer_status_success {
      --informer-status-color: var(--color-bg-success);
    }

  .Informer_view_bordered {
      background-color: var(--color-bg-default);
      border-left: var(--space-xs) solid var(--informer-status-color);
      -webkit-box-shadow: var(--shadow-layer);
              box-shadow: var(--shadow-layer);
    }

  .Informer_view_filled {
      background-color: var(--informer-status-color);
    }

  .Informer-Icon {
    margin-right: var(--space-s);
    -webkit-transform: translateY(var(--space-3xs));
            transform: translateY(var(--space-3xs));
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }

.Badge {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: var(--badge-size);
  font-size: var(--badge-text-size);
  font-weight: var(--font-weight-text-semibold);
  line-height: var(--badge-size);
  white-space: nowrap;
  text-decoration: none;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

  .Badge_size_s {
      --badge-size: var(--control-box-size-l);
      --badge-text-size: var(--size-text-2xs);
      padding: 0 var(--space-2xs);
    }

  .Badge_size_m {
      --badge-size: var(--control-height-xs);
      --badge-text-size: var(--size-text-xs);
      padding: 0 var(--space-xs);
    }

  .Badge_size_l {
      --badge-size: var(--control-height-s);
      --badge-text-size: var(--size-text-s);
      padding: 0 var(--space-xs);
    }

  .Badge_form_default {
      border-radius: var(--control-radius);
    }

  .Badge_form_round {
      border-radius: 99em;
    }

  .Badge_form_round.Badge_size_s {
        padding: 0 var(--space-xs);
      }

  .Badge_form_round.Badge_size_m {
        padding: 0 var(--space-s);
      }

  .Badge_form_round.Badge_size_l {
        padding: 0 var(--space-m);
      }

  .Badge_status_success {
      --badge-bg-color: var(--color-bg-success);
      --badge-text-color: var(--color-typo-success);
      --badge-border-color: var(--color-bg-success);
    }

  .Badge_status_error {
      --badge-bg-color: var(--color-bg-alert);
      --badge-text-color: var(--color-typo-alert);
      --badge-border-color: var(--color-bg-alert);
    }

  .Badge_status_warning {
      --badge-bg-color: var(--color-bg-warning);
      --badge-text-color: var(--color-typo-warning);
      --badge-border-color: var(--color-bg-warning);
    }

  .Badge_status_normal {
      --badge-bg-color: var(--color-bg-normal);
      --badge-text-color: var(--color-typo-normal);
      --badge-border-color: var(--color-bg-normal);
    }

  .Badge_status_system {
      --badge-bg-color: var(--color-bg-system);
      --badge-border-color: var(--color-bg-system);
    }

  .Badge_view_filled {
      color: var(--color-typo-primary);
      background: var(--badge-bg-color);
    }

  .Badge_view_filled.Badge_status_system {
          color: var(--color-typo-secondary);
        }

  .Badge_view_stroked {
      color: var(--badge-text-color);
      -webkit-box-shadow: inset 0 0 0 1px var(--badge-border-color);
              box-shadow: inset 0 0 0 1px var(--badge-border-color);
    }

  .Badge_view_stroked.Badge_status_system {
          --badge-text-color: var(--color-typo-system);
        }

  .Badge_minified {
    --badge-text-size: 0;
    background: transparent;
    border-radius: 50%;
  }

  .Badge_minified.Badge_size_s {
      width: 16px;
      height: 16px;
      padding: 0;
      border: 3px solid transparent;
      -webkit-box-shadow: inset 0 0 0 10px var(--badge-bg-color);
              box-shadow: inset 0 0 0 10px var(--badge-bg-color);
    }

  .Badge_minified.Badge_size_m {
      width: 24px;
      height: 24px;
      padding: 0;
      border: 4px solid transparent;
      -webkit-box-shadow: inset 0 0 0 12px var(--badge-bg-color);
              box-shadow: inset 0 0 0 12px var(--badge-bg-color);
    }

  .Badge_minified.Badge_size_l {
      width: 32px;
      height: 32px;
      padding: 0;
      border: 5px solid transparent;
      -webkit-box-shadow: inset 0 0 0 14px var(--badge-bg-color);
              box-shadow: inset 0 0 0 14px var(--badge-bg-color);
    }

  .Badge-Icon {
    margin-right: var(--space-2xs);
    font-size: 0;
    line-height: 1em;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }

.Tabs {
  position: relative;
}

  .Tabs_size_s {
    --list-offset: var(--space-s);
  }

  .Tabs_size_m {
    --list-offset: var(--space-m);
  }

  .Tabs-List {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .Tabs-List_direction_horizontal {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      white-space: nowrap;
    }

  .Tabs-List_direction_vertical {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
    }

  .Tabs-List_linePosition_left {
      padding-left: var(--list-offset);
    }

  .Tabs-List_linePosition_right {
      padding-right: var(--list-offset);
    }

  .Tabs-Tab {
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }

  .Tabs-Tab_direction_horizontal {
      margin-right: var(--space-m);
    }

  .Tabs-Tab_direction_vertical {
      text-align: left;
    }

  .Tabs-Tab_direction_vertical > * {
        width: 100%;
      }

.TabsFitModeDropdownWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

  .TabsFitModeDropdownWrapper-Tabs {
    max-width: 100%;
  }

  .TabsFitModeDropdownWrapper-MoreItems {
    position: absolute;
  }

  .TabsFitModeDropdownWrapper-Tab_hidden {
      position: absolute;

      /* Чтобы из-за скрытых элементов не появлялся скролл экрана */
      left: -100vw;
      visibility: hidden;
    }

.TabsMoreItems-Button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .TabsMoreItems-Popover {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: var(--space-s) 0;
    background: var(--color-bg-default);
    border: 1px solid var(--color-bg-border);
    border-radius: var(--control-radius);
    -webkit-box-shadow: var(--shadow-modal);
            box-shadow: var(--shadow-modal);

    /* Если текст будет переноситься на несколько строк,
    не получится сразу правильно вычислить направление попапа и он будет скакать при открытии */
    white-space: nowrap;
  }
  .TabsMoreItems-Item {
    padding: 0 var(--space-s);
  }
  .TabsMoreItems-Item_active {
      position: relative;
    }
  .TabsMoreItems-Item_active::before {
        content: '';
        position: absolute;
        top: 0;
        left: -1px;
        bottom: 0;
        width: 2px;
        background: var(--color-bg-brand);
      }
  .TabsMoreItems-Item > * {
      width: 100%;
    }

.TabsFitModeScrollWrapper {
  --list-padding: var(--space-xs);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

  .TabsFitModeScrollWrapper-Content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: scroll;

    /* Чтобы overflow не обрезал обводку фокуса */
    margin: calc(-1 * var(--list-padding));
    padding: var(--list-padding);
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    scrollbar-width: none;
  }

  .TabsFitModeScrollWrapper-Content::-webkit-scrollbar:horizontal {
      display: none;
      width: 0;
      height: 0;
    }

  .TabsFitModeScrollWrapper-Content::-webkit-scrollbar-thumb:horizontal {
      display: none;
    }

  .TabsFitModeScrollWrapper-Button {
    --button-margin: var(--space-2xs);
    --button-inner-margin: calc(var(--button-margin) + var(--list-padding));
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin: 0 var(--button-margin);
  }

  .TabsFitModeScrollWrapper-Button_to_prev {
      margin-right: var(--button-inner-margin);
    }

  .TabsFitModeScrollWrapper-Button_to_next {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1;
      margin-left: var(--button-inner-margin);
    }

  .TabsFitModeScrollWrapper-Tab_noMargin {
      margin-right: 0;
    }

.TabsLine {
  position: absolute;
}

  .TabsLine_type_border {
    --line-thickness: 1px;
    background-color: var(--color-bg-border);
  }

  .TabsLine_type_running {
    --line-thickness: 2px;
    background-color: var(--color-bg-brand);
    -webkit-transition: width 0.25s, height 0.25s, -webkit-transform 0.25s;
    transition: width 0.25s, height 0.25s, -webkit-transform 0.25s;
    transition: transform 0.25s, width 0.25s, height 0.25s;
    transition: transform 0.25s, width 0.25s, height 0.25s, -webkit-transform 0.25s;
  }

  .TabsLine_position_bottom,
  .TabsLine_position_top {
    left: 0;
    width: var(--line-length);
    height: var(--line-thickness);
    -webkit-transform: translateX(var(--line-offset));
            transform: translateX(var(--line-offset));
  }

  .TabsLine_position_bottom {
    bottom: 0;
  }

  .TabsLine_position_top {
    top: 0;
  }

  .TabsLine_position_left,
  .TabsLine_position_right {
    top: 0;
    width: var(--line-thickness);
    height: var(--line-length);
    -webkit-transform: translateY(var(--line-offset));
            transform: translateY(var(--line-offset));
  }

  .TabsLine_position_left {
    left: 0;
  }

  .TabsLine_position_right {
    right: 0;
  }

.TabsTab {
  --tab-indent: var(--space-m);
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: var(--space-xs) 0;
  color: var(--color-typo-secondary);
  background-color: transparent;
  border: none;
  font-family: var(--font);
  font-size: var(--tab-font-size);
  line-height: var(--line-height-text-s);
  text-align: left;
  cursor: pointer;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}

  .TabsTab_size_s {
      --only-icon-size: var(--space-l);
      --tab-font-size: var(--size-text-s);
    }

  .TabsTab_size_m {
      --only-icon-size: var(--space-xl);
      --tab-font-size: var(--size-text-m);
    }

  .TabsTab_checked,
  .TabsTab:hover {
    color: var(--color-typo-primary);
  }

  /* Увеличиваем область клика и фокуса */

  .TabsTab::before {
    content: '';
    position: absolute;
    top: 0;
    right: calc(-1 * var(--space-2xs));
    left: calc(-1 * var(--space-2xs));
    bottom: 0;
    display: block;
    border-radius: var(--control-radius);
  }

  .TabsTab:focus {
    outline: none;
  }

  .TabsTab-Icon {
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }

  .TabsTab:not(.TabsTab_onlyIcon) .TabsTab-Icon {
    margin-right: calc(var(--tab-indent) * 0.5);
  }

  .TabsTab_onlyIcon {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: var(--only-icon-size);
  }

.ContextMenuLevel {
  --transform-direction: translateY(0);
  --transform-animate: translateX(0);
  z-index: 9999;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 240px;
  padding: var(--space-xs) 0;
  background: var(--color-bg-default);
  border: var(--control-border-width) solid var(--color-control-bg-border-default);
  border-radius: var(--control-radius);
  -webkit-box-shadow: var(--shadow-layer);
          box-shadow: var(--shadow-layer);
  -webkit-transform: var(--transform-direction) var(--transform-animate);
          transform: var(--transform-direction) var(--transform-animate);
}

  .ContextMenuLevel:not(.ContextMenuLevel_firstLevel).ContextMenuLevel_direction_rightStartUp,
    .ContextMenuLevel:not(.ContextMenuLevel_firstLevel).ContextMenuLevel_direction_leftStartUp {
      --transform-direction: translateY(calc(-1 * (var(--space-xs) + 1px)));
    }

  .ContextMenuLevel:not(.ContextMenuLevel_firstLevel).ContextMenuLevel_direction_rightStartDown,
    .ContextMenuLevel:not(.ContextMenuLevel_firstLevel).ContextMenuLevel_direction_leftStartDown {
      --transform-direction: translateY(calc(var(--space-xs) + 1px));
    }

.ContextMenuDivider {
  --vertical-space: 0;
  height: var(--control-border-width);
  margin: var(--vertical-space) var(--space-s);
  background: var(--color-control-bg-border-default);
}

  .ContextMenuDivider_size_l {
      --vertical-space: var(--space-xs);
    }

  .ContextMenuDivider_size_m,
    .ContextMenuDivider_size_s {
      --vertical-space: var(--space-2xs);
    }

.ContextMenuGroupHeader {
  --top-space: 0;
  --bottom-space: 0;
  margin: 0 var(--space-s);
  padding: var(--top-space) 0 var(--bottom-space) 0;
  border-bottom: solid var(--control-border-width) var(--color-control-bg-border-default);
  letter-spacing: 0.05em;
}

  .ContextMenuGroupHeader_size_s {
      --top-space: var(--space-xs);
      --bottom-space: var(--space-2xs);
    }

  .ContextMenuGroupHeader_size_m {
      --top-space: var(--space-s);
      --bottom-space: var(--space-xs);
    }

  .ContextMenuGroupHeader_size_l {
      --top-space: var(--space-s);
      --bottom-space: var(--space-s);
    }

  .ContextMenuGroupHeader_first {
    padding: calc(var(--top-space) - var(--space-xs)) 0 var(--bottom-space) 0;
  }

.ContextMenuItem {
  --vertical-space: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: var(--vertical-space) var(--space-s);
  text-decoration: none;
  word-break: break-word;
  cursor: pointer;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
}

  .ContextMenuItem:hover,
  .ContextMenuItem_active {
    background: var(--color-control-bg-clear-hover);
  }

  .ContextMenuItem_size_s {
      --vertical-space: var(--space-xs);
    }

  .ContextMenuItem_size_m {
      --vertical-space: var(--space-s);
    }

  .ContextMenuItem_size_l {
      --vertical-space: var(--space-m);
    }

  .ContextMenuItem_disabled {
    color: var(--color-control-typo-disable);
    cursor: default;
  }

  .ContextMenuItem_disabled:hover {
      background: transparent;
    }

  .ContextMenuItem-Side {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .ContextMenuItem-Side_position_left,
      .ContextMenuItem-Side_position_right {
        -webkit-box-flex: 0;
            -ms-flex: 0;
                flex: 0;
      }

  .ContextMenuItem-Side_position_left:not(:last-child), .ContextMenuItem-Side_position_right:not(:last-child) {
          margin-right: var(--space-xs);
        }

  .ContextMenuItem-Side_position_center {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
      }

  .ContextMenuItem-Side_position_center:not(:last-child) {
          margin-right: var(--space-s);
        }

.ResponsesImage-Svg {
    fill: var(--color-typo-primary);
    color: var(--color-typo-primary);
  }

.Responses {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}

  .Responses_size_m {
      --title-size: var(--size-text-xl);
      --description-size: var(--size-text-s);
      --image-width: 300px;
    }

  .Responses_size_l {
      --title-size: var(--size-text-2xl);
      --description-size: var(--size-text-m);
      --image-width: 420px;
    }

  .Responses-Title {
    max-width: 350px;
    margin-top: var(--space-xl);
    margin-bottom: 0;
    color: var(--color-typo-primary);
    font-size: var(--title-size);
    font-weight: var(--font-weight-text-semibold);
    line-height: var(--line-height-text-xs);
    text-align: center;
  }

  .Responses-Description {
    max-width: 350px;
    margin-top: var(--space-xs);
    margin-bottom: 0;
    color: var(--color-typo-ghost);
    font-size: var(--description-size);
    line-height: var(--line-height-text-xs);
    text-align: center;
  }

  .Responses .Responses-Image {
    width: 100%;
    max-width: var(--image-width);
  }

  .Responses-ButtonsWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: var(--space-2xl);
  }

  .Responses-Button:not(:last-child) {
    margin-right: var(--space-xs);
  }

.Pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

  .Pagination_position_left {
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
    }

  .Pagination_position_center {
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
    }

  .Pagination_position_right {
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
    }

  .Pagination_size_xs {
      --tip-space: var(--control-space-xs);
    }

  .Pagination_size_s {
      --tip-space: var(--control-space-s);
    }

  .Pagination_size_m {
      --tip-space: var(--control-space-m);
    }

  .Pagination_size_l {
      --tip-space: var(--control-space-l);
    }

  .Pagination-Pages {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .Pagination-NextPage,
  .Pagination-PrevPage {
    position: relative;
  }

  .Pagination-TipRight {
    position: absolute;
    left: calc(var(--tip-space) + var(--space-xs));
  }

  .Pagination-TipLeft {
    position: absolute;
    right: calc(var(--tip-space) + var(--space-xs));
  }

  .Pagination-Item:not(.Pagination-Item_isActive), .Pagination-ItemLeft:not(.Pagination-ItemLeft_isActive), .Pagination-ItemRight:not(.Pagination-ItemRight_isActive) {
      background-color: unset;
    }

  .Pagination-Item:hover, .Pagination-ItemLeft:hover, .Pagination-ItemRight:hover {
      background-color: var(--color-control-bg-ghost-hover);
    }

  .Pagination-ItemLeft {
    margin-right: var(--space-xs);
  }

  .Pagination-ItemRight {
    margin-left: var(--space-xs);
  }

  .Pagination-Item {
    padding: unset;
  }

  .Pagination-Item:not(:last-child) {
      margin-right: var(--space-3xs);
    }

  .Pagination-More {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-right: var(--space-3xs);
  }

  .Pagination-Input {
    max-width: var(--space-6xl);
    margin-right: var(--space-xs);
  }

  .Pagination-Total {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: var(--color-control-typo-ghost);
  }

  .Pagination-ItemLeft_minified, .Pagination-ItemRight_minified {
      z-index: -1;
      opacity: 0;
      -webkit-transition: opacity 0.2s;
      transition: opacity 0.2s;
    }

  .Pagination:hover .Pagination-ItemLeft_show, .Pagination:hover .Pagination-ItemRight_show {
        z-index: unset;
        opacity: 1;
      }

  .Pagination:hover-ItemLeft_show, .Pagination:hover-ItemRight_show {
        opacity: 1;
      }

.Table {
  --table-z: 0;
  --sticky-left-z: calc(var(--table-z) + 1);
  --sticky-top-z: calc(var(--sticky-left-z) + 1);
  --sticky-top-and-left-z: calc(var(--sticky-top-z) + 1);
  --resizer-z: calc(var(--sticky-top-and-left-z) + 1);
  --fast-transition: 0.15s ease-out;
  --shadow-color: var(--color-bg-ghost);
  --table-border: 1px solid var(--color-bg-border);
  --resizer-width: calc(0 * 1px);
  position: relative;
  z-index: var(--table-z);
  display: grid;
  overflow: auto;
  max-width: 100%;
  max-height: 100%;
}

  .Table_size_s {
    --cell-padding-vertical: var(--space-2xs);
    --cell-padding-horizontal: var(--space-xs);
  }

  .Table_size_m {
    --cell-padding-vertical: var(--space-xs);
    --cell-padding-horizontal: var(--space-s);
  }

  .Table_size_l {
    --cell-padding-vertical: var(--space-s);
    --cell-padding-horizontal: var(--space-m);
  }

  .Table_isResizable {
    --resizer-width: 5px;
  }

  .Table_withBorderBottom {
    border-bottom: var(--table-border);
  }

  .Table-CellsRow {
    display: contents;
  }

  .Table-RowWithoutCells {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    display: block;
    max-width: var(--table-width);
    background-color: var(--color-bg-default);

    grid-column: 1 / -1;
  }

  .Table_zebraStriped_even .Table-CellsRow_nth_even:not(:hover) .Table-ContentCell:not(.Table-ContentCell_isActive) {
      background-color: var(--color-bg-stripe);
    }

  .Table_zebraStriped_odd .Table-CellsRow_nth_odd:not(:hover) .Table-ContentCell:not(.Table-ContentCell_isActive) {
      background-color: var(--color-bg-stripe);
    }

  .Table-ContentCell_isActive,
    .Table-CellsRow:hover .Table-ContentCell {
      background-color: var(--color-bg-ghost);
    }

  .Table-CellsRow_withMergedCells:hover .Table-ContentCell {
      background-color: unset;
    }

  .Table-ContentCell_isDarkned {
      opacity: 0.3;
    }

  .Table-ContentCell_isMerged {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
    }

  .Table-EmptyCell {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-top: var(--cell-padding-vertical);
    padding-bottom: var(--cell-padding-vertical);
    text-align: center;
  }

  .Table-CreatRowCell {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    display: block;
    background-color: var(--color-bg-default);
    grid-column: 1 / -1;
  }

  .Table-CreateRowButton {
    border-top: var(--table-border);
  }

.TableCell {
  --buttons-wrapper-size: calc(0 * 1px);
  z-index: var(--table-z);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: var(--color-typo-primary);
  background-color: var(--color-bg-default);
  grid-row-end: var(--row-span);
}

  .TableCell_withoutBorder {
    border: none;
  }

  .TableCell_isHeader {
    position: relative;
    border-bottom: 1px solid var(--color-bg-border);
    font-size: var(--size-text-xs);
    font-weight: var(--font-weight-text-bold);
    line-height: var(--line-height-text-s);
    letter-spacing: 0.05em;
    text-transform: uppercase;
  }

  .TableCell:not(.TableCell_isHeader) {
    font-size: var(--size-text-s);
    line-height: var(--line-height-text-s);
  }

  .TableCell_isResized {
    word-break: break-word;
  }

  .TableCell_isClickable {
    cursor: pointer;
  }

  .TableCell_isSortable,
  .TableCell_isFilterable,
  .TableCell_isControl {
    --buttons-wrapper-size: var(--space-xl);
  }

  .TableCell_isSortable.TableCell_isFilterable,
  .TableCell_isSortable.TableCell_isControl,
  .TableCell_isFilterable.TableCell_isControl {
    --buttons-wrapper-size: var(--space-4xl);
  }

  .TableCell_isSortable.TableCell_isFilterable.TableCell_isControl {
    --buttons-wrapper-size: var(--space-5xl);
  }

  .TableCell_stickyOnTop,
  .TableCell_stickyOnLeft {
    position: -webkit-sticky;
    position: sticky;
  }

  .TableCell_stickyOnTop.TableCell_isResizer,
  .TableCell_stickyOnLeft.TableCell_isResizer {
    z-index: calc(var(--sticky-top-and-left-z) + 1);
  }

  .TableCell_stickyOnTop {
    z-index: var(--sticky-top-z);
    top: 0;
  }

  .TableCell_stickyOnLeft {
    z-index: var(--sticky-left-z);
    left: 0;
  }

  .TableCell_stickyOnLeft.TableCell_isHeader {
      z-index: var(--sticky-top-and-left-z);
    }

  .TableCell_isBorderTop {
    border-top: var(--table-border);
  }

  .TableCell_isBorderLeft {
    border-left: var(--table-border);
  }

  .TableCell-Wrapper {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 100%;
    padding: var(--cell-padding-vertical) var(--cell-padding-horizontal);
    padding-right: calc(
      var(--cell-padding-horizontal) + var(--resizer-width) + var(--buttons-wrapper-size)
    );
  }

  .TableCell-Wrapper_withoutPadding {
      padding: 0;
    }

  .TableCell-Wrapper_verticalAlign_top {
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
    }

  .TableCell-Wrapper_verticalAlign_center {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
    }

  .TableCell-Wrapper_verticalAlign_bottom {
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end;
    }

  .TableCell-Wrapper_horizontalAlign_left {
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
    }

  .TableCell-Wrapper_horizontalAlign_center {
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      text-align: center;
    }

  .TableCell-Wrapper_horizontalAlign_right {
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      text-align: right;
    }

  .TableCell_stickyOnLeft .TableCell-Wrapper::after {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      width: var(--space-s);
      background: -webkit-gradient(linear, left top, right top, from(var(--shadow-color)), to(transparent));
      background: linear-gradient(90deg, var(--shadow-color), transparent);
      opacity: 0;
      pointer-events: none;
      -webkit-transition: opacity var(--fast-transition);
      transition: opacity var(--fast-transition);
      -webkit-transform: translateX(100%);
              transform: translateX(100%);
    }

  .TableCell_stickyOnLeft.TableCell_showVerticalShadow .TableCell-Wrapper::after {
      opacity: 1;
    }

  .TableCell_isHeader:hover .TableCell-Wrapper {
      background: var(--color-bg-stripe);
    }

.TableHeader-Row {
    display: contents;
  }
  .TableHeader-RemoveCell {
    position: relative;
    width: 0;
    height: 0;
  }
  .TableHeader-Cell_level_high .TableCell-Wrapper {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
        }
  .TableHeader-Cell_level_high.TableCell_isHeader {
          border-bottom: none;
        }
  .TableHeader-Cell_level_high:hover .TableCell-Wrapper {
            background: unset;
          }
  .TableHeader-Cell_level_low {
        font-size: var(--size-text-2xs);
      }
  .TableHeader-Cell:not(.TableHeader-Cell_isFirstColumn)::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      width: 1px;
      background: var(--color-bg-border);
      opacity: 0;
      -webkit-transition: opacity var(--fast-transition);
      transition: opacity var(--fast-transition);
    }
  .TableHeader-Row:hover .TableHeader-Cell:not(.TableHeader-Cell_isFirstColumn)::after,
      .TableHeader-Row_withVerticalBorder .TableHeader-Cell:not(.TableHeader-Cell_isFirstColumn)::after {
        opacity: 1;
      }
  .TableHeader-Buttons {
    --half-cell-padding-horizontal: calc(var(--cell-padding-horizontal) * 0.5);
    position: absolute;
    right: calc(var(--half-cell-padding-horizontal) + var(--resizer-width));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .TableHeader-Buttons_verticalAlign_bottom {
      bottom: var(--cell-padding-vertical);
      -webkit-transform: translateY(calc((var(--control-height-xs) - var(--graphics-size-s)) / 2));
              transform: translateY(calc((var(--control-height-xs) - var(--graphics-size-s)) / 2));
    }
  .TableHeader-Buttons_verticalAlign_center {
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
    }
  .TableHeader-Icon {
    opacity: 0;
    -webkit-transition: opacity var(--fast-transition);
    transition: opacity var(--fast-transition);
  }
  .TableHeader-Row:hover .TableHeader-Icon {
      opacity: 0.4;
    }
  .TableHeader-Cell:hover .TableHeader-Icon {
      opacity: 1;
    }
  .TableHeader-Buttons_isSortingActive .TableHeader-Icon_type_sort {
        color: var(--color-control-typo-secondary);
        opacity: 1;
      }
  .TableHeader-Buttons:hover:not(.TableHeader-Buttons_isFilterOpened) .TableHeader-Icon_type_filter,
      .TableHeader-Buttons_isFilterActive .TableHeader-Icon_type_filter {
        opacity: 1;
      }
  .TableHeader-Buttons_isFilterActive .TableHeader-Icon_type_filter {
        color: var(--color-control-typo-secondary);
      }
  .TableHeader-ShadowWrapper {
    position: -webkit-sticky;
    position: sticky;
    z-index: var(--sticky-top-and-left-z);
    top: var(--table-header-height);
    left: 0;

    grid-column: 1 / -1;
  }
  .TableHeader-Shadow {
    position: relative;
  }
  .TableHeader-Shadow::before {
      content: '';
      position: absolute;
      right: 0;
      left: 0;
      bottom: 0;
      height: var(--space-s);
      background: -webkit-gradient(linear, left top, left bottom, from(var(--shadow-color)), to(transparent));
      background: linear-gradient(180deg, var(--shadow-color), transparent);
      opacity: 0;
      pointer-events: none;
      -webkit-transition: opacity var(--fast-transition);
      transition: opacity var(--fast-transition);
      -webkit-transform: translateY(100%);
              transform: translateY(100%);
    }
  .TableHeader-Shadow_show::before {
        opacity: 1;
      }

.TableFilterTooltip-Button {
    z-index: 1;
    opacity: 0;
    -webkit-transition: opacity var(--show-transition);
    transition: opacity var(--show-transition);
  }

    .TableFilterTooltip-Button:hover {
      opacity: 1;
    }

    .TableFilterTooltip-Button_isOpened {
      opacity: 1;
    }
  .TableFilterTooltip-Title {
    margin-top: var(--space-2xs);
    margin-bottom: var(--space-xs);
  }
  .TableFilterTooltip-Content {
    width: 312px;
    padding: var(--space-s);
    background-color: var(--color-bg-default);
    border: var(--control-border-width) solid var(--color-bg-border);
    border-radius: var(--control-radius);
    -webkit-box-shadow: var(--shadow-layer);
            box-shadow: var(--shadow-layer);
  }
  .TableFilterTooltip-Select {
    width: 100%;
    height: 100px;
    color: var(--color-typo-primary);
    background: var(--color-control-bg-default);
    border-color: var(--color-bg-border);
    border-radius: var(--control-radius);
  }
  .TableFilterTooltip-Option {
    padding: var(--space-xs);
    font-size: var(--size-text-s);
  }

.TableResizer {
  --inner-line-width: 1px;
  --fast-transition: 0.15s ease-out;
  position: absolute;
  z-index: var(--resizer-z);
  top: 0;
  right: 0;
  width: var(--resizer-width);
  background-color: var(--color-bg-ghost);
  opacity: 0;
  cursor: col-resize;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: opacity var(--fast-transition);
  transition: opacity var(--fast-transition);
}

  .TableResizer::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: calc((var(--resizer-width) - var(--inner-line-width)) / 2);
    bottom: 0;
    width: var(--inner-line-width);
    background-color: var(--color-bg-link);
  }

  .TableResizer:hover,
  .TableResizer:focus,
  .TableResizer_isDragging {
    opacity: 1;
  }

  .TableResizer:not(.TableResizer_isVisible) {
    visibility: hidden;
    pointer-events: none;
  }

.TableRowsCollapse {
  padding-left: calc((var(--cell-padding-horizontal) + var(--space-s)) * var(--nesting-level));
  cursor: pointer;
}

  .TableRowsCollapse-buttonContainer {
    position: absolute;
    top: 0;
    bottom: 0;
    display: grid;
    width: var(--graphics-size-s);
    place-items: center;
  }

  .TableRowsCollapse-cellContainer_withExpanderPadding {
    padding-left: calc(var(--cell-padding-horizontal) + var(--graphics-size-s));
  }

.TableSelectedOptionsList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: var(--space-s);
  border-bottom: var(--table-border);
}

  .TableSelectedOptionsList-Options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 0 var(--cell-padding-horizontal);
  }

  .TableSelectedOptionsList-Option {
    margin: var(--space-2xs) 0;
    margin-right: var(--space-2xs);
  }

  .TableSelectedOptionsList-Button {
    opacity: 0;
    -webkit-transition: opacity 0.15s ease-out;
    transition: opacity 0.15s ease-out;
  }

  .TableSelectedOptionsList:hover .TableSelectedOptionsList-Button {
      opacity: 1;
    }

.TableTextFilter-Searchbar {
    margin-bottom: var(--space-l);
  }
  .TableTextFilter-AllCheckbox {
    margin-bottom: var(--space-xs);
    margin-left: calc(var(--control-border-width) + var(--space-s));
  }
  .TableTextFilter-Checkboxes {
    overflow-y: auto;
    max-height: 240px;
    padding: var(--space-s);
    background-color: var(--color-control-bg-default);
    border: var(--control-border-width) solid var(--color-control-bg-border-default);
    border-radius: var(--control-radius);
  }
  .TableTextFilter-Controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: var(--space-s);
  }
  .TableTextFilter-Controls .Button {
      height: auto;
      margin-right: var(--space-l);
      padding: 0;
      color: var(--color-typo-link);
      background-color: transparent;
      line-height: var(--line-height-text-xs);
    }
  .TableTextFilter-Controls .Button:last-child {
        margin-right: 0;
      }
  .TableTextFilter-Controls .Button_disabled {
        color: var(--color-control-typo-disable);
      }

.CheckboxGroup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

  .CheckboxGroup_direction_column {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
    }

  .CheckboxGroup_direction_column .CheckboxGroup-Item:not(:last-child) {
        margin-bottom: var(--offset);
      }

  .CheckboxGroup_direction_row {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
    }

  .CheckboxGroup_direction_row .CheckboxGroup-Item:not(:last-child) {
        margin-right: var(--offset);
      }

  .CheckboxGroup_size_m {
      --offset: var(--space-xs);
    }

  .CheckboxGroup_size_l {
      --offset: var(--space-s);
    }

.TableFilterContainer {
  width: 400px;
  max-width: 400px;
  max-height: 440px;
  padding: var(--space-m);
  background-color: var(--color-bg-default);
  border: var(--control-border-width) solid var(--color-bg-border);
  border-radius: var(--control-radius);
  -webkit-box-shadow: var(--shadow-layer);
          box-shadow: var(--shadow-layer);
}

  .TableFilterContainer-Buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: var(--space-m);
  }

  .TableFilterContainer-Buttons > .Button {
      -ms-flex-preferred-size: 50%;
          flex-basis: 50%;
      -ms-flex-negative: 1;
          flex-shrink: 1;
      margin-right: var(--space-s);
    }

  .TableFilterContainer-Buttons > .Button:last-child {
        margin-right: 0;
      }

.TableNumberFilter-Inputs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

    .TableNumberFilter-Inputs > .TextField {
      -ms-flex-preferred-size: 50%;
          flex-basis: 50%;
    }

.TableChoiceGroupFilter {
  background-color: var(--color-bg-default);
}

.Header {
  --header-height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: var(--header-height);
  padding: 0 var(--space-xl);
  background-color: var(--color-bg-default);
  border-bottom: 1px solid var(--color-bg-border);
}

  .Header-LeftSide,
  .Header-RightSide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .Header-RightSide {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }

.HeaderLogo {
  color: var(--color-typo-primary);
  text-decoration: none;
}

.HeaderSearchBar {
  position: relative;
  width: 25vw;
  max-width: 260px;
}

  .HeaderSearchBar-Label {
    position: absolute;
    visibility: hidden;
    overflow: hidden;
    width: 1px;
    height: 1px;
    padding: 0;
    border: 0;
    opacity: 0;
    pointer-events: none;
  }

  .HeaderSearchBar-Button {
    position: absolute;
    top: var(--space-2xs);
    right: var(--space-2xs);
  }

.HeaderMenu-List {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  .HeaderMenu-Item {
    margin-right: var(--space-m);
  }
  .HeaderMenu-Item:last-child {
      margin-right: 0;
    }
  .HeaderMenu-Link {
    position: relative;
    display: inline-block;
    color: var(--color-typo-secondary);
    line-height: var(--header-height);
    text-decoration: none;
    cursor: pointer;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
  }
  .HeaderMenu-Link:hover {
      color: var(--color-typo-primary);
    }
  .HeaderMenu-Link_active {
      color: var(--color-typo-primary);
      pointer-events: none;
    }
  .HeaderMenu-Link_active::before {
        content: '';
        position: absolute;
        left: 50%;
        bottom: 0;
        width: 100%;
        max-width: 40px;
        height: 4px;
        background-color: var(--color-typo-link);
        border-radius: 4px 4px 0 0;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
      }

.HeaderModule {
  margin-left: var(--module-indent);
}

  .HeaderModule_indent_s {
      --module-indent: var(--space-xs);
    }

  .HeaderModule_indent_m {
      --module-indent: var(--space-m);
    }

  .HeaderModule_indent_l {
      --module-indent: var(--space-2xl);
    }

.User {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 0;
  border-radius: 99em;
  text-align: left;
  text-decoration: none;
  -webkit-transition: background-color 0.25s ease;
  transition: background-color 0.25s ease;
}

  .User-Block {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }

  .User-Icon {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }

  .User-IconRightButton {
    --indent-r: var(--space-xs);
    margin-left: var(--space-2xs);
  }

  .User-AvatarWrapper {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    margin-right: var(--indent);
    padding: var(--avatar-space);
    border-radius: 50%;
  }

  .User-AvatarWrapper_status_available {
        -webkit-box-shadow: inset 0 0 0 var(--space-3xs) var(--color-bg-success);
                box-shadow: inset 0 0 0 var(--space-3xs) var(--color-bg-success);
      }

  .User-AvatarWrapper_status_remote {
        -webkit-box-shadow: inset 0 0 0 var(--space-3xs) var(--color-bg-warning);
                box-shadow: inset 0 0 0 var(--space-3xs) var(--color-bg-warning);
      }

  .User-AvatarWrapper_status_out {
        -webkit-box-shadow: inset 0 0 0 var(--space-3xs) var(--color-bg-alert);
                box-shadow: inset 0 0 0 var(--space-3xs) var(--color-bg-alert);
      }

  .User-AvatarWrapper:last-child {
      margin-right: 0;
    }

  .User_view_clear {
      background-color: var(--color-control-bg-clear);
    }

  .User_view_clear:hover {
        background-color: var(--color-control-bg-clear-hover);
      }

  .User_view_ghost {
      background-color: var(--color-control-bg-ghost);
    }

  .User_view_ghost:hover {
        background-color: var(--color-control-bg-ghost-hover);
      }

  .User-Name,
  .User-Info {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }

  .User-Name {
    max-width: 20ch;
  }

  .User-Info {
    max-width: 28ch;
  }

  .User_size_s {
      --avatar-space: var(--space-3xs);
      --indent-r: var(--space-xs);
      --indent: var(--space-xs);
      --icon-indent: var(--space-s);
    }

  .User_size_m {
      --avatar-space: var(--space-2xs);
      --indent-r: var(--space-s);
      --indent: var(--space-xs);
      --icon-indent: var(--space-m);
    }

  .User_size_l {
      --avatar-space: var(--space-2xs);
      --indent-r: var(--space-m);
      --indent: var(--space-s);
      --icon-indent: var(--space-l);
    }

  .User:not(.user_minified).User_width_full {
    width: 100%;
  }

  .User:not(.user_minified).User_width_full .User-Name,
    .User:not(.user_minified).User_width_full .User-Info {
      max-width: none;
    }

  .User:not(.User_minified) .User-Icon {
    margin-left: var(--icon-indent);
  }

  .User > *:last-child:not(:first-child) {
    margin-right: var(--indent-r);
  }

.Avatar {
  --avatar-color: transparent;
  --avatar-color-0: #f9a825;
  --avatar-color-1: #f56b00;
  --avatar-color-2: #c62828;
  --avatar-color-3: #c2185b;
  --avatar-color-4: #e92064;
  --avatar-color-5: #911fa2;
  --avatar-color-6: #9010d1;
  --avatar-color-7: #7448dd;
  --avatar-color-8: #3e3acb;
  --avatar-color-9: #2044d5;
  --avatar-color-10: #016bdc;
  --avatar-color-11: #2196f3;
  --avatar-color-12: #00bcd4;
  --avatar-color-13: #0088a3;
  --avatar-color-14: #008f7c;
  --avatar-color-15: #00a352;
  --avatar-color-16: #1abc1a;
  --avatar-color-17: #6fb80a;
  overflow: hidden;
  width: var(--avatar-size);
  height: var(--avatar-size);
  color: #fff;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.24)), to(rgba(255, 255, 255, 0))),
    -webkit-gradient(linear, left top, left bottom, from(var(--avatar-color)), to(var(--avatar-color)));
  background: linear-gradient(rgba(255, 255, 255, 0.24), rgba(255, 255, 255, 0)),
    linear-gradient(var(--avatar-color), var(--avatar-color));
  font-size: var(--avatar-font-size);
  font-weight: var(--font-weight-text-semibold);
  line-height: var(--avatar-size);
  text-align: center;
  letter-spacing: 0.1em;
}

  .Avatar_size_xs {
      --avatar-size: 20px;
      --avatar-font-size: 6px;
    }

  .Avatar_size_s {
      --avatar-size: 24px;
      --avatar-font-size: 8px;
    }

  .Avatar_size_m {
      --avatar-size: 32px;
      --avatar-font-size: 10px;
    }

  .Avatar_size_l {
      --avatar-size: 40px;
      --avatar-font-size: 14px;
    }

  .Avatar_form_round {
      border-radius: 50%;
    }

  .Avatar_form_brick {
      border-radius: 0;
    }

  .Avatar_form_default {
      border-radius: var(--control-radius);
    }

  .Avatar-Image {
    width: 100%;
    height: 100%;
  }


/*# sourceMappingURL=vendor.css.map*/