.ui-overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: var(--background-primary-b-enabled);
  opacity: 0.4;
  transition: 0.2s ease;
}
.ui-overlay_transparent {
  background-color: transparent;
}
body:has(.ui-overlay) > .os-scrollbar,
#app:has(.ui-overlay) > .os-scrollbar {
  display: none;
}
body .ui-background-enter-active,
body .ui-background-leave-active {
  transition: opacity 0.2s ease;
}
body .ui-background-enter-from {
  opacity: 0;
}
body .ui-background-enter {
  opacity: 0.4;
}
body .ui-background-leave-to {
  opacity: 0;
}
body .ui-background-enter-to,
body .ui-background-leave {
  opacity: 0.4;
}
.ui-dark-theme {
.ui-overlay {
    background-color: var(--neutral-black);
}
}

.ui-icon {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 1em;
  height: 1em;
}
.ui-icon svg {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  pointer-events: none;
}

/*Общие----------------------------------------*/
.ui-button {
  display: inline-block;
  box-sizing: border-box;
  vertical-align: middle;
  max-width: 100%;
  font-family: "Proxima Nova", sans-serif, system-ui;
  font-weight: 600;
  text-align: center;
  overflow: hidden;
  cursor: pointer;
  outline: none;
  transition-property: background-color, color, border-color, padding;
  transition-duration: 0.1s;
  transition-timing-function: linear;
  white-space: nowrap;
  text-overflow: ellipsis;
  user-select: none;
  position: relative;
  border: none;
}
.ui-button_rounded {
  border-radius: 50px;
}
.ui-button_not-rounded {
  border-radius: 12px;
}
.ui-button__icon {
  display: inline-block;
  position: relative;
  top: -1px;
  vertical-align: middle;
}
.ui-button__icon svg {
  pointer-events: none;
}
.ui-button__icon_left + .ui-button__text {
  margin-left: 8px;
}
.ui-button__text + .ui-button__icon_right {
  margin-left: 8px;
}
.ui-button_disabled {
  pointer-events: none;
}
.ui-button_wide {
  width: 100%;
}
.ui-button * {
  display: inline-block;
  vertical-align: middle;
}
.ui-button__text {
  display: inline;
&:empty {
    display: none;
}
}
.ui-button_loading .ui-button__text {
  color: transparent;
}
.ui-button_loading .ui-button__icon {
  color: transparent;
}
.ui-button__loader {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
/*Цвет - действие-----------------------------------------*/
.ui-button_action {
  background-color: var(--background-accent-enabled);
  color: var(--content-primary-b-enabled);
}
.ui-button_action:hover {
  background-color: var(--background-accent-hover);
}
.ui-button_action:active {
  background-color: var(--background-accent-pressed);
}
.ui-button_action.ui-button_disabled {
  background-color: var(--background-primary-a-disabled);
  color: var(--content-primary-a-disabled);
}

/*Цвет - white-----------------------------------------*/
.ui-button_white {
  background-color: var(--background-primary-a-enabled);
  color: var(--content-primary-a-enabled);
}
.ui-button_white:hover {
  background-color: var(--background-primary-a-hover);
}
.ui-button_white:active {
  background-color: var(--background-primary-a-pressed);
}
.ui-button_white.ui-button_disabled {
  background-color: var(--background-primary-a-disabled);
  color: var(--content-primary-a-disabled);
}

/*Цвет - outline-----------------------------------------*/
.ui-button_outline {
  background-color: var(--background-primary-a-enabled);
  color: var(--content-accent-enabled);
  border: 1px solid var(--content-accent-enabled);
&:hover {
    background-color: var(--background-primary-a-hover);
    border-color: var(--background-accent-hover);
    color: var(--content-accent-hover);
}
&:active {
    background-color: var(--background-primary-a-pressed);
    border-color: var(--background-accent-pressed);
    color: var(--content-accent-pressed);
}
&.ui-button_disabled {
    background-color: var(--background-primary-a-disabled);
    color: var(--content-primary-a-disabled);
    border-color: var(--border-secondary-disabled);
}
}

/*Цвет - стандарт----------------------------------------*/
.ui-button_default {
  background-color: var(--background-tertiary-enabled);
  color: var(--content-primary-a-enabled);
&:hover {
    background-color: var(--background-tertiary-hover);
}
&:active {
    background-color: var(--background-tertiary-pressed);
}
&.ui-button_disabled {
    background-color: var(--background-tertiary-disabled);
    color: var(--content-tertiary-disabled);
}
}

/*Цвет - ссылки----------------------------------------*/
.ui-button_link {
  height: 32px;
  padding: 4px 7px;
  background-color: transparent;
  color: var(--content-accent-enabled);
  border-radius: 0;
}
.ui-button_link:hover {
  color: var(--content-accent-hover);
}
.ui-button_link:active {
  color: var(--content-accent-pressed);
}
.ui-button_link.ui-button_default {
  color: var(--content-primary-a-enabled);
}
.ui-button_link.ui-button_default:hover {
  background-color: var(--background-tertiary-hover);
}
.ui-button_link.ui-button_default:active {
  background-color: var(--background-tertiary-pressed);
}
.ui-button_link.ui-button_disabled {
  color: var(--content-primary-a-disabled);
}
.ui-button_link.ui-button_outline {
  color: var(--content-primary-b-enabled);
  background-color: transparent;
}

/*Цвет - негатив----------------------------------------*/
.ui-button_negative {
  color: var(--content-system-negative);
}
.ui-button_negative:hover {
  color: var(--red-65);
}
.ui-button_negative:active {
  color: var(--red-70);
}
.ui-button_negative.ui-button_disabled {
  color: var(--content-primary-a-disabled);
}

/*Размер--------------------------------------*/
.ui-button_small {
  height: 32px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1;
}
.ui-button_small.ui-button_only-icon {
  padding: 6px;
  width: 32px;
}
.ui-button_small.ui-button_only-icon .ui-button__icon {
  font-size: 16px;
  position: unset;
}
.ui-button_small.ui-button_only-icon .ui-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ui-button_small.ui-button_not-rounded {
  border-radius: 8px;
}
.ui-button_small .ui-button__loader-icon {
  font-size: 20px;
}
.ui-button_medium {
  height: 40px;
  padding: 8px 16px;
  font-size: 16px;
  line-height: 22px;
}
.ui-button_medium.ui-button_only-icon {
  padding: 8px;
  width: 40px;
}
.ui-button_medium.ui-button_only-icon .ui-button__icon {
  position: unset;
}
.ui-button_medium.ui-button_only-icon .ui-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ui-button_medium .ui-button__loader-icon {
  font-size: 24px;
}
.ui-button_medium .ui-button__icon {
  font-size: 20px;
}
.ui-button_large {
  height: 48px;
  padding: 12px 24px;
  font-size: 16px;
  line-height: 22px;
}
.ui-button_large .ui-button__icon {
  font-size: 24px;
  top: 0;
}
.ui-button_large.ui-button_only-icon {
  padding: 12px 10px;
  width: 48px;
}
.ui-button_large.ui-button_only-icon .ui-button__icon {
  position: unset;
}
.ui-button_large.ui-button_only-icon .ui-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ui-button_large .ui-button__loader-icon {
  font-size: 24px;
}
.ui-button_xlarge {
  height: 72px;
  padding: 22px 44px;
  font-size: 20px;
  line-height: 28px;
}
.ui-button_xlarge .ui-button__icon {
  font-size: 26px;
  top: 0;
}
.ui-button_xlarge.ui-button_only-icon {
  padding: 12px 10px;
  width: 72px;
}
.ui-button_xlarge.ui-button_only-icon .ui-button__icon {
  font-size: 34px;
  position: unset;
}
.ui-button_xlarge.ui-button_only-icon .ui-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ui-button_xlarge .ui-button__loader-icon {
  font-size: 28px;
}
.ui-dark-theme {
.ui-button_outline {
    color: var(--content-primary-a-enabled);
&:hover {
      color: var(--content-primary-a-hover);
}
&:active {
      color: var(--content-primary-a-pressed);
}
&.ui-button_disabled {
      color: var(--content-primary-a-disabled);
}
}
}
.ui-fade-enter-active,
.ui-fade-leave-active {
  transition: opacity 0.2s linear;
}
.ui-fade-enter-from {
  opacity: 0;
}
.ui-fade-enter {
  opacity: 1;
}
.ui-fade-leave-to {
  opacity: 0;
}
.ui-fade-enter-to,
.ui-fade-leave {
  opacity: 1;
}

.ui-floating-buttons {
  display: flex;
  justify-content: space-between;
  padding: 12px 24px 24px;
  gap: 16px;
  background-color: var(--background-primary-a-enabled);
}
.ui-floating-buttons_vertical {
  flex-direction: column;
}
.ui-floating-buttons_horizontal {
  flex-direction: row;
}
.ui-floating-buttons_shadow {
  box-shadow: var(--shadow-large);
}
.ui-floating-buttons_mobile {
  gap: 12px;
}
/*! 
 * OverlayScrollbars
 * Version: 2.16.0
 * 
 * Copyright (c) Rene Haas | KingSora.
 * https://github.com/KingSora
 * 
 * Released under the MIT license.
 */
.os-size-observer,
.os-size-observer-listener {
  scroll-behavior: auto !important;
  direction: inherit;
  pointer-events: none;
  overflow: hidden;
  visibility: hidden;
  box-sizing: border-box;
}

.os-size-observer,
.os-size-observer-listener,
.os-size-observer-listener-item,
.os-size-observer-listener-item-final {
  writing-mode: horizontal-tb;
  position: absolute;
  left: 0;
  top: 0;
}

.os-size-observer {
  z-index: -1;
  contain: strict;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  padding: inherit;
  border: inherit;
  box-sizing: inherit;
  margin: -133px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: scale(0.1);
}
.os-size-observer::before {
  content: "";
  flex: none;
  box-sizing: inherit;
  padding: 10px;
  width: 10px;
  height: 10px;
}

.os-size-observer-appear {
  animation: os-size-observer-appear-animation 1ms forwards;
}

.os-size-observer-listener {
  box-sizing: border-box;
  position: relative;
  flex: auto;
  padding: inherit;
  border: inherit;
  margin: -133px;
  transform: scale(calc(1 / 0.1));
}
.os-size-observer-listener.ltr {
  margin-right: -266px;
  margin-left: 0;
}
.os-size-observer-listener.rtl {
  margin-left: -266px;
  margin-right: 0;
}
.os-size-observer-listener:empty::before {
  content: "";
  width: 100%;
  height: 100%;
}
.os-size-observer-listener:empty::before, .os-size-observer-listener > .os-size-observer-listener-item {
  display: block;
  position: relative;
  padding: inherit;
  border: inherit;
  box-sizing: content-box;
  flex: auto;
}

.os-size-observer-listener-scroll {
  box-sizing: border-box;
  display: flex;
}

.os-size-observer-listener-item {
  right: 0;
  bottom: 0;
  overflow: hidden;
  direction: ltr;
  flex: none;
}

.os-size-observer-listener-item-final {
  transition: none;
}

@keyframes os-size-observer-appear-animation {
  from {
    cursor: auto;
  }
  to {
    cursor: none;
  }
}
.os-trinsic-observer {
  flex: none;
  box-sizing: border-box;
  position: relative;
  max-width: 0px;
  max-height: 1px;
  padding: 0;
  margin: 0;
  border: none;
  overflow: hidden;
  z-index: -1;
  height: 0;
  top: calc(100% + 1px);
  contain: strict;
}
.os-trinsic-observer:not(:empty) {
  height: calc(100% + 1px);
  top: -1px;
}
.os-trinsic-observer:not(:empty) > .os-size-observer {
  width: 1000%;
  height: 1000%;
  min-height: 1px;
  min-width: 1px;
}

/**
 * hide native scrollbars
 * changes to this styles need to be reflected in the environment styles to correctly detect scrollbar hiding
 */
/**
 * body element
 */
html[data-overlayscrollbars-body] {
  overflow: hidden;
}

html[data-overlayscrollbars-body],
html[data-overlayscrollbars-body] > body {
  width: 100%;
  height: 100%;
  margin: 0;
}

html[data-overlayscrollbars-body] > body {
  overflow: visible;
  margin: 0;
}

/**
 * structure setup 
 */
[data-overlayscrollbars] {
  position: relative;
}

[data-overlayscrollbars~=host],
[data-overlayscrollbars-padding] {
  display: flex;
  align-items: stretch !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  scroll-behavior: auto !important;
}

[data-overlayscrollbars-padding],
[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]) {
  box-sizing: inherit;
  position: relative;
  flex: auto;
  height: auto;
  width: 100%;
  min-width: 0;
  padding: 0;
  margin: 0;
  border: none;
  z-index: 0;
}

[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]) {
  --os-vaw: 0;
  --os-vah: 0;
  outline: none;
}
[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]):focus {
  outline: none;
}
[data-overlayscrollbars-viewport][data-overlayscrollbars-viewport~=arrange]::before {
  content: "";
  position: absolute;
  pointer-events: none;
  z-index: -1;
  min-width: 1px;
  min-height: 1px;
  width: var(--os-vaw);
  height: var(--os-vah);
}

/**
 * wrapper elements overflow:
 */
[data-overlayscrollbars~=host],
[data-overlayscrollbars-padding] {
  overflow: hidden !important;
}

[data-overlayscrollbars~=host][data-overlayscrollbars~=noClipping],
[data-overlayscrollbars-padding~=noClipping] {
  overflow: visible !important;
}

/**
 * viewport overflow:
 */
[data-overlayscrollbars-viewport] {
  --os-viewport-overflow-x: hidden;
  --os-viewport-overflow-y: hidden;
  overflow-x: var(--os-viewport-overflow-x);
  overflow-y: var(--os-viewport-overflow-y);
}

[data-overlayscrollbars-viewport~=overflowXVisible] {
  --os-viewport-overflow-x: visible;
}

[data-overlayscrollbars-viewport~=overflowXHidden] {
  --os-viewport-overflow-x: hidden;
}

[data-overlayscrollbars-viewport~=overflowXScroll] {
  --os-viewport-overflow-x: scroll;
}

[data-overlayscrollbars-viewport~=overflowYVisible] {
  --os-viewport-overflow-y: visible;
}

[data-overlayscrollbars-viewport~=overflowYHidden] {
  --os-viewport-overflow-y: hidden;
}

[data-overlayscrollbars-viewport~=overflowYScroll] {
  --os-viewport-overflow-y: scroll;
}

[data-overlayscrollbars-viewport~=overflowImportant] {
  overflow-x: var(--os-viewport-overflow-x) !important;
  overflow-y: var(--os-viewport-overflow-y) !important;
}

/**
 * viewport state modifiers:
 */
[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId) {
  font-size: 0 !important;
  line-height: 0 !important;
}

[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)::before,
[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)::after,
[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId) > *:not(#osFakeId) {
  display: none !important;
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border-width: 0 !important;
}

[data-overlayscrollbars-viewport~=measuring],
[data-overlayscrollbars-viewport~=scrolling] {
  scroll-behavior: auto !important;
  scroll-snap-type: none !important;
}

[data-overlayscrollbars-viewport~=measuring][data-overlayscrollbars-viewport~=overflowXVisible] {
  overflow-x: hidden !important;
}

[data-overlayscrollbars-viewport~=measuring][data-overlayscrollbars-viewport~=overflowYVisible] {
  overflow-y: hidden !important;
}

/**
 * content element:
 */
[data-overlayscrollbars-content] {
  box-sizing: inherit;
}

/**
 * Display contents to bridge any flickering during deferred initialization.
 */
[data-overlayscrollbars-contents]:not(#osFakeId):not([data-overlayscrollbars-padding]):not([data-overlayscrollbars-viewport]):not([data-overlayscrollbars-content]) {
  display: contents;
}

/**
 * optional & experimental grid mode
 */
[data-overlayscrollbars-grid],
[data-overlayscrollbars-grid] [data-overlayscrollbars-padding] {
  display: grid;
  grid-template: 1fr/1fr;
}

[data-overlayscrollbars-grid] > [data-overlayscrollbars-padding],
[data-overlayscrollbars-grid] > [data-overlayscrollbars-viewport],
[data-overlayscrollbars-grid] > [data-overlayscrollbars-padding] > [data-overlayscrollbars-viewport] {
  height: auto !important;
  width: auto !important;
}

@property --os-scroll-percent {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --os-viewport-percent {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
.os-scrollbar {
  --os-viewport-percent: 0;
  --os-scroll-percent: 0;
  --os-scroll-direction: 0;
  --os-scroll-percent-directional: calc(
    var(--os-scroll-percent) - (var(--os-scroll-percent) + (1 - var(--os-scroll-percent)) * -1) *
      var(--os-scroll-direction)
  );
}

.os-scrollbar {
  contain: size layout;
  contain: size layout style;
  transition: opacity 0.15s, visibility 0.15s, top 0.15s, right 0.15s, bottom 0.15s, left 0.15s;
  pointer-events: none;
  position: absolute;
  opacity: 0;
  visibility: hidden;
}

body > .os-scrollbar {
  position: fixed;
  z-index: 99999;
}

.os-scrollbar-transitionless {
  transition: none !important;
}

.os-scrollbar-track {
  position: relative;
  padding: 0 !important;
  border: none !important;
}

.os-scrollbar-handle {
  position: absolute;
}

.os-scrollbar-track,
.os-scrollbar-handle {
  pointer-events: none;
  width: 100%;
  height: 100%;
}

.os-scrollbar.os-scrollbar-track-interactive .os-scrollbar-track,
.os-scrollbar.os-scrollbar-handle-interactive .os-scrollbar-handle {
  pointer-events: auto;
  touch-action: none;
}

.os-scrollbar-horizontal {
  bottom: 0;
  left: 0;
}

.os-scrollbar-vertical {
  top: 0;
  right: 0;
}

.os-scrollbar-rtl.os-scrollbar-horizontal {
  right: 0;
}

.os-scrollbar-rtl.os-scrollbar-vertical {
  right: auto;
  left: 0;
}

.os-scrollbar-visible {
  opacity: 1;
  visibility: visible;
}

.os-scrollbar-auto-hide.os-scrollbar-auto-hide-hidden {
  opacity: 0;
  visibility: hidden;
}

.os-scrollbar-interaction.os-scrollbar-visible {
  opacity: 1;
  visibility: visible;
}

.os-scrollbar-unusable,
.os-scrollbar-unusable *,
.os-scrollbar-wheel,
.os-scrollbar-wheel * {
  pointer-events: none !important;
}

.os-scrollbar-unusable .os-scrollbar-handle {
  opacity: 0 !important;
  transition: none !important;
}

.os-scrollbar-horizontal .os-scrollbar-handle {
  bottom: 0;
  left: calc(var(--os-scroll-percent-directional) * 100%);
  transform: translateX(calc(var(--os-scroll-percent-directional) * -100%));
  width: calc(var(--os-viewport-percent) * 100%);
}

.os-scrollbar-vertical .os-scrollbar-handle {
  right: 0;
  top: calc(var(--os-scroll-percent-directional) * 100%);
  transform: translateY(calc(var(--os-scroll-percent-directional) * -100%));
  height: calc(var(--os-viewport-percent) * 100%);
}

@supports (container-type: size) {
  .os-scrollbar-track {
    container-type: size;
  }
  .os-scrollbar-horizontal .os-scrollbar-handle {
    left: auto;
    transform: translateX(calc(var(--os-scroll-percent-directional) * 100cqw + var(--os-scroll-percent-directional) * -100%));
  }
  .os-scrollbar-vertical .os-scrollbar-handle {
    top: auto;
    transform: translateY(calc(var(--os-scroll-percent-directional) * 100cqh + var(--os-scroll-percent-directional) * -100%));
  }
  .os-scrollbar-rtl.os-scrollbar-horizontal .os-scrollbar-handle {
    right: auto;
    left: 0;
  }
}
.os-scrollbar-rtl.os-scrollbar-vertical .os-scrollbar-handle {
  right: auto;
  left: 0;
}

.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless,
.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless.os-scrollbar-rtl {
  left: 0;
  right: 0;
}

.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless,
.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless.os-scrollbar-rtl {
  top: 0;
  bottom: 0;
}

@media print {
  .os-scrollbar {
    display: none;
  }
}
.os-scrollbar {
  --os-size: 0;
  --os-padding-perpendicular: 0;
  --os-padding-axis: 0;
  --os-track-border-radius: 0;
  --os-track-bg: none;
  --os-track-bg-hover: none;
  --os-track-bg-active: none;
  --os-track-border: none;
  --os-track-border-hover: none;
  --os-track-border-active: none;
  --os-handle-border-radius: 0;
  --os-handle-bg: none;
  --os-handle-bg-hover: none;
  --os-handle-bg-active: none;
  --os-handle-border: none;
  --os-handle-border-hover: none;
  --os-handle-border-active: none;
  --os-handle-min-size: 33px;
  --os-handle-max-size: none;
  --os-handle-perpendicular-size: 100%;
  --os-handle-perpendicular-size-hover: 100%;
  --os-handle-perpendicular-size-active: 100%;
  --os-handle-interactive-area-offset: 0;
}

.os-scrollbar-track {
  border: var(--os-track-border);
  border-radius: var(--os-track-border-radius);
  background: var(--os-track-bg);
  transition: opacity 0.15s, background-color 0.15s, border-color 0.15s;
}
.os-scrollbar-track:hover {
  border: var(--os-track-border-hover);
  background: var(--os-track-bg-hover);
}
.os-scrollbar-track:active {
  border: var(--os-track-border-active);
  background: var(--os-track-bg-active);
}

.os-scrollbar-handle {
  border: var(--os-handle-border);
  border-radius: var(--os-handle-border-radius);
  background: var(--os-handle-bg);
}
.os-scrollbar-handle:hover {
  border: var(--os-handle-border-hover);
  background: var(--os-handle-bg-hover);
}
.os-scrollbar-handle:active {
  border: var(--os-handle-border-active);
  background: var(--os-handle-bg-active);
}

.os-scrollbar-track:before,
.os-scrollbar-handle:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
}

.os-scrollbar-horizontal {
  padding: var(--os-padding-perpendicular) var(--os-padding-axis);
  right: var(--os-size);
  height: var(--os-size);
}
.os-scrollbar-horizontal.os-scrollbar-rtl {
  left: var(--os-size);
  right: 0;
}
.os-scrollbar-horizontal .os-scrollbar-track:before {
  top: calc(var(--os-padding-perpendicular) * -1);
  bottom: calc(var(--os-padding-perpendicular) * -1);
}
.os-scrollbar-horizontal .os-scrollbar-handle {
  min-width: var(--os-handle-min-size);
  max-width: var(--os-handle-max-size);
  height: var(--os-handle-perpendicular-size);
  transition: opacity 0.15s, background-color 0.15s, border-color 0.15s, height 0.15s;
}
.os-scrollbar-horizontal .os-scrollbar-handle:before {
  top: calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);
  bottom: calc(var(--os-padding-perpendicular) * -1);
}
.os-scrollbar-horizontal:hover .os-scrollbar-handle {
  height: var(--os-handle-perpendicular-size-hover);
}
.os-scrollbar-horizontal:active .os-scrollbar-handle {
  height: var(--os-handle-perpendicular-size-active);
}

.os-scrollbar-vertical {
  padding: var(--os-padding-axis) var(--os-padding-perpendicular);
  bottom: var(--os-size);
  width: var(--os-size);
}
.os-scrollbar-vertical .os-scrollbar-track:before {
  left: calc(var(--os-padding-perpendicular) * -1);
  right: calc(var(--os-padding-perpendicular) * -1);
}
.os-scrollbar-vertical .os-scrollbar-handle {
  min-height: var(--os-handle-min-size);
  max-height: var(--os-handle-max-size);
  width: var(--os-handle-perpendicular-size);
  transition: opacity 0.15s, background-color 0.15s, border-color 0.15s, width 0.15s;
}
.os-scrollbar-vertical .os-scrollbar-handle:before {
  left: calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);
  right: calc(var(--os-padding-perpendicular) * -1);
}
.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before {
  right: calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);
  left: calc(var(--os-padding-perpendicular) * -1);
}
.os-scrollbar-vertical:hover .os-scrollbar-handle {
  width: var(--os-handle-perpendicular-size-hover);
}
.os-scrollbar-vertical:active .os-scrollbar-handle {
  width: var(--os-handle-perpendicular-size-active);
}

/* NONE THEME: */
[data-overlayscrollbars-viewport~=measuring] > .os-scrollbar,
.os-theme-none.os-scrollbar {
  display: none !important;
}

/* DARK & LIGHT THEME: */
.os-theme-dark,
.os-theme-light {
  box-sizing: border-box;
  --os-size: 10px;
  --os-padding-perpendicular: 2px;
  --os-padding-axis: 2px;
  --os-track-border-radius: 10px;
  --os-handle-interactive-area-offset: 4px;
  --os-handle-border-radius: 10px;
}

.os-theme-dark {
  --os-handle-bg: rgba(0, 0, 0, 0.44);
  --os-handle-bg-hover: rgba(0, 0, 0, 0.55);
  --os-handle-bg-active: rgba(0, 0, 0, 0.66);
}

.os-theme-light {
  --os-handle-bg: rgba(255, 255, 255, 0.44);
  --os-handle-bg-hover: rgba(255, 255, 255, 0.55);
  --os-handle-bg-active: rgba(255, 255, 255, 0.66);
}

[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport]),
[data-overlayscrollbars-viewport~=scrollbarHidden],
html[data-overlayscrollbars-viewport~=scrollbarHidden] > body {
  scrollbar-width: none !important;
}

[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport])::-webkit-scrollbar,
[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport])::-webkit-scrollbar-corner,
[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar,
[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar-corner,
html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar,
html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar-corner {
  -webkit-appearance: none !important;
          appearance: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

[data-overlayscrollbars-initialize]:not([data-overlayscrollbars]):not(html):not(body) {
  overflow: auto;
}
.ui-scroll {
  height: 100%;
  width: 100%;
  overscroll-behavior: contain;
  overflow: hidden !important;
}
.ui-scroll_freeze {
  display: flex;
  flex-direction: row;
& > div {
    position: relative;
    flex: auto;
    height: auto;
    width: 100%;
    min-width: 0;
    padding: 0;
    margin: 0;
    border: none;
    z-index: 0;
    overflow: hidden !important;
}
}
.ui-scroll__theme {
  --os-handle-perpendicular-size: 4px;
  --os-handle-bg: var(--border-secondary-enabled);
  --os-handle-bg-hover: var(--border-secondary-hover);
  --os-handle-bg-active: var(--border-secondary-pressed);
  --os-handle-border-radius: 20px;
  --os-handle-perpendicular-size-hover: 6px;
  --os-handle-perpendicular-size-active: 6px;
  --os-size: 4px;
  --os-handle-interactive-area-offset: 100%;
  --os-padding-axis: 5px;
}
.ui-scroll_disabled {
  user-select: none;
}
.ui-scroll_disabled .os-scrollbar {
  --os-handle-bg: var(--border-secondary-disabled);
}
.ui-scroll_disabled .os-scrollbar-handle {
  pointer-events: none !important;
}
.ui-scroll_offset .os-scrollbar-vertical {
  right: 4px;
}
.ui-scroll_offset .os-scrollbar-horizontal {
  bottom: 4px;
}
.ui-popup {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  outline: none;
  pointer-events: none;
}
.ui-popup__header-container, .ui-popup__footer {
  transition: box-shadow .3s linear;
}
.ui-popup__header-container_shadowed, .ui-popup__footer_shadowed {
  box-shadow: var(--shadow-large);
}
.ui-popup-opened {
  overflow: hidden;
}
.ui-popup__container {
  border-radius: 16px;
  background-color: var(--background-primary-a-enabled);
  color: var(--content-primary-a-enabled);
  display: flex;
  flex-direction: column;
  width: calc(100% - 30px);
  position: relative;
  overflow: hidden;
  pointer-events: initial;
  box-shadow: var(--shadow-small);
}
.ui-popup__content_disabled:after, .ui-popup__header-container_disabled:after, .ui-popup__footer_disabled:after {
  content: "";
  background-color: var(--background-primary-a-enabled);
  opacity: .6;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
}
.ui-popup__container_sm {
  max-width: 520px;
}
.ui-popup__container_md {
  max-width: 900px;
}
.ui-popup__header {
  position: relative;
}
.ui-popup__header-container {
  padding: 24px;
  display: flex;
  align-items: baseline;
}
.ui-popup__back {
  margin-right: 12px;
  position: absolute;
  z-index: 1;
  top: 24px;
  left: 24px;
}
.ui-popup__titles {
  display: inline-block;
}
.ui-popup__titles_back {
  margin-left: 44px;
}
.ui-popup__title {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  margin-right: 62px;
  word-break: break-word;
}
.ui-popup__title:not(:has(+ .ui-popup__subtitle)) {
  min-height: 48px;
}
.ui-popup__subtitle {
  font-size: 16px;
  line-height: 22px;
  margin-top: 4px;
  margin-right: 50px;
  word-break: break-word;
}
.ui-popup__close {
  line-height: 24px;
  position: absolute;
  top: 24px;
  right: 24px;
  z-index: 1;
}
.ui-popup__content {
  font-size: 16px;
  line-height: 22px;
  padding: 0 24px;
  overflow: auto;
  overscroll-behavior: contain;
}
.ui-popup__container:not(:has(.ui-popup__header-container)) .ui-popup__content {
  padding-top: 32px;
  border-radius: 16px;
}
.ui-popup__footer {
  position: relative;
  border-radius: 0 0 16px 16px;
  background-color: var(--background-primary-a-enabled);
}
.ui-popup__footer_custom {
  padding: 12px 24px 24px;
}
.ui-popup__container_mobile {
  top: 0;
  bottom: 0;
  width: 100%;
  border-radius: 0;
  position: fixed;
  max-width: 100%;
}
.ui-popup__container_mobile .ui-popup__subtitle,
.ui-popup__container_mobile .ui-popup__close {
  display: none;
}
.ui-popup__container_mobile .ui-popup__header-container {
  min-height: 57px;
  padding: 16px;
  border-bottom: 1px solid var(--border-secondary-enabled);
}
.ui-popup__container_mobile .ui-popup__titles {
  margin: 0 auto;
  align-self: center;
}
.ui-popup__container_mobile .ui-popup__title {
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  margin-right: 0;
  min-height: unset;
}
.ui-popup__container_mobile .ui-popup__content {
  padding: 16px;
}
.ui-popup__container_mobile .ui-popup__back {
  top: 50%;
  transform: translateY(-50%);
  left: 6px;
  font-size: 24px;
  margin-top: 0;
}
.ui-popup__container_mobile .ui-popup__footer {
  border-radius: unset;
  overflow: unset;
}
.ui-popup__container_mobile .ui-popup__footer_custom {
  padding: 12px 16px 16px;
}
.ui-popup__content > [data-overlayscrollbars-viewport] {
  z-index: auto !important;
}

/*Transition*/
.ui-popup-enter-active,
.ui-popup-leave-active {
  transition: opacity 0.2s ease;
}
.ui-popup-enter-from, .ui-popup-leave-to {
  opacity: 0;
}
.ui-popup-enter,
.ui-popup-enter-to,
.ui-popup-leave {
  opacity: 1;
}
.ui-popup-enter-active .ui-popup__container:not(.ui-popup__container_mobile),
.ui-popup-leave-active .ui-popup__container:not(.ui-popup__container_mobile) {
  transition: transform 0.3s ease;
}
.ui-popup-enter-from .ui-popup__container:not(.ui-popup__container_mobile),
.ui-popup-leave-to .ui-popup__container:not(.ui-popup__container_mobile) {
  transform: scale(0.9);
}
.ui-popup-enter-to .ui-popup__container:not(.ui-popup__container_mobile),
.ui-popup-leave .ui-popup__container:not(.ui-popup__container_mobile),
.ui-popup-enter .ui-popup__container:not(.ui-popup__container_mobile) {
  transform: scale(1)
}

.ui-bottom-sheet {
  transform: translateY(0);
  left: 0;
  bottom: 0;
  width: 100%;
  position: absolute;
  background-color: var(--background-primary-a-enabled);
  box-shadow: var(--shadow-small);
  border-radius: 16px 16px 0 0;
  z-index: 1000;
  transition: 0.3s ease;
  overflow: auto;
  touch-action: pan-y;
  overscroll-behavior: none;
  font-family: "Proxima Nova", sans-serif, system-ui;
  max-height: calc(100% - 75px);
  pointer-events: initial;
}
.ui-bottom-sheet__overlay {
  pointer-events: none;
}
.ui-bottom-sheet__background {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 31;
}
.ui-bottom-sheet__header {
  position: sticky;
  top: 0;
  left: 0;
  padding: 16px;
  background-color: var(--background-primary-a-enabled);
  z-index: 2;
  box-shadow: -4px 2px 7px transparent;
  transition: box-shadow 0.1s linear;
  flex: 0 0;
  border-radius: 16px 16px 0 0;
}
.ui-bottom-sheet__header_shadow {
  box-shadow: -4px 2px 7px rgba(30, 34, 40, 0.17);
}
.ui-bottom-sheet__footer {
  position: sticky;
  bottom: 0;
  left: 0;
  padding: 16px;
  flex: 0 0;
}
.ui-bottom-sheet__header:empty,
.ui-bottom-sheet:not(.ui-bottom-sheet_full-height)
.ui-bottom-sheet__content:empty,
.ui-bottom-sheet__footer:empty {
  display: none;
}
.ui-bottom-sheet__header-description {
  margin-top: 4px;
}
.ui-bottom-sheet__header-title {
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
}
.ui-bottom-sheet::before {
  content: "";
  display: block;
  width: 40px;
  height: 4px;
  flex: 0 0 4px;
  margin-bottom: -4px;
  position: sticky;
  top: 8px;
  left: 50%;
  transform: translateX(-50%);
  background-color: var(--border-secondary-enabled);
  border-radius: 2px;
  z-index: 3;
}
.ui-bottom-sheet__content {
  padding: 16px;
  flex: 1 0;
}
.ui-bottom-sheet_height {
  max-height: calc(100% - 155px);
}
.ui-bottom-sheet_height.ui-bottom-sheet_full-height {
  height: calc(100% - 155px);
}
.ui-bottom-sheet_no-transition {
  transition: transform 0s ease;
}
body .ui-bottom-sheet-enter-active .ui-bottom-sheet,
body .ui-bottom-sheet-leave-active .ui-bottom-sheet {
  transition: transform 0.3s ease;
}
body .ui-bottom-sheet-enter-active .ui-bottom-sheet {
  transform: translateY(100%);
}
body .ui-bottom-sheet-enter-to .ui-bottom-sheet,
body .ui-bottom-sheet-leave .ui-bottom-sheet {
  transform: translateY(0);
}
body .ui-bottom-sheet-leave-active .ui-bottom-sheet {
  transform: translateY(0);
}
body .ui-bottom-sheet-enter .ui-bottom-sheet,
body .ui-bottom-sheet-leave-to .ui-bottom-sheet {
  transform: translateY(100%);
}
body .ui-bottom-sheet-enter-active,
body .ui-bottom-sheet-leave-active {
  transition: opacity 0.3s ease;
}
body .ui-bottom-sheet-enter-active {
  opacity: 0;
}
body .ui-bottom-sheet-enter-to,
body .ui-bottom-sheet-leave {
  opacity: 1;
}
body .ui-bottom-sheet-leave-active {
  opacity: 1;
}
body .ui-bottom-sheet-enter,
body .ui-bottom-sheet-leave-to {
  opacity: 0;
}
.ui-bottom-sheet__close {
  display: none;
  flex: 0 0 40px;
}

/* Desktop markup */
.ui-bottom-sheet_full-height {
  height: calc(100% - 75px);
  display: flex;
  flex-flow: column;
}
.ui-bottom-sheet:has(.ui-bottom-sheet__footer:not(:empty))
.ui-bottom-sheet__content:not(:last-child) {
  padding-bottom: 0;
}
.ui-bottom-sheet:has(.ui-bottom-sheet__header:not(:empty))
.ui-bottom-sheet__content {
  padding-top: 0;
}

.ui-breadcrumbs {
  position: relative;
  margin-bottom: 24px;
  font-size: 14px;
  line-height: 20px;
  display: flex;
  align-items: center;
  font-family: "Proxima Nova", sans-serif, system-ui;
}
.ui-breadcrumbs__item {
  display: flex;
  align-items: center;
}
.ui-breadcrumbs:last-child {
  margin-bottom: 0;
}
.ui-breadcrumbs__link {
  max-width: 130px;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  display: inline-block;
  color: var(--content-secondary-enabled);
  text-decoration: none;
  outline: none;
}
.ui-breadcrumbs__link:hover {
  color: var(--content-accent-enabled);
}
.ui-breadcrumbs__link:focus {
  color: var(--content-accent-enabled);
}
.ui-breadcrumbs__link:active {
  color: var(--content-accent-enabled);
}
.ui-breadcrumbs__link_disabled {
  pointer-events: none;
}
.ui-breadcrumbs__home {
  position: relative;
  display: inline-block;
  font-size: 20px;
  margin-right: 2px;
  color: var(--content-secondary-enabled);
  opacity: 0.6;
  outline: none;
  transform: translateY(-2px);
}
.ui-breadcrumbs__home:hover {
  color: var(--content-accent-enabled);
  opacity: 1;
}
.ui-breadcrumbs__home:focus {
  color: var(--content-accent-enabled);
  opacity: 1;
}
.ui-breadcrumbs__home:active {
  color: var(--content-accent-enabled);
  opacity: 1;
}
.ui-breadcrumbs__current {
  display: inline-block;
  color: var(--content-secondary-enabled);
  cursor: default;
}
.ui-breadcrumbs__arrow {
  margin: 0 4px;
  color: var(--content-tertiary-enabled);
}
@media screen and (max-width: 992px) {
.ui-breadcrumbs {
    overflow-x: auto;
    padding-bottom: 8px;
    margin-bottom: 16px;
}
.ui-breadcrumbs:last-child {
    margin-bottom: 0;
}
.ui-breadcrumbs::-webkit-scrollbar {
    display: none;
}
.ui-breadcrumbs {
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.ui-breadcrumbs__link,
  .ui-breadcrumbs__current {
    white-space: nowrap;
}
}

.ui-tumbler {
  display: inline-flex;
  gap: 10px;
  vertical-align: middle;
  justify-content: space-between;
  flex-wrap: nowrap;
  max-width: 100%;
  font-family: "Proxima Nova", sans-serif, system-ui;
}
.ui-tumbler_block {
  display: flex;
}
.ui-tumbler_disabled .ui-tumbler__text {
  opacity: 0.6;
}
.ui-tumbler__text {
  align-self: center;
}
.ui-tumbler__text-inner {
  font-size: 16px;
  line-height: 22px;
}
.ui-tumbler__text-description {
  margin-top: 4px;
  line-height: 22px;
  font-size: 16px;
  color: var(--content-secondary-enabled);
}
.ui-tumbler__text-error,
.ui-tumbler__text-warn {
  margin-top: 4px;
  font-size: 14px;
  line-height: 20px;
}
.ui-tumbler__text-error {
  color: var(--content-accent-enabled);
}
.ui-tumbler__text-warn {
  color: var(--content-system-warning);
}
.ui-tumbler__btn {
  display: inline-block;
  vertical-align: middle;
  padding: 0;
  border: none;
  outline: none;
  cursor: pointer;
  transition: 0.25s;
  position: relative;
  font-size: 16px;
  line-height: 1;
  flex: 0 0 auto;
  --secondary-color: currentColor;
  background-color: var(--content-tertiary-enabled);
  color: var(--content-primary-b-enabled);
  overflow: hidden;
&:hover {
    background-color: var(--content-tertiary-hover);
}
&:active {
    background-color: var(--content-tertiary-pressed);
}
}
.ui-tumbler__btn:after {
  content: "";
  position: absolute;
  left: 2px;
  top: 2px;
  background-color: var(--background-primary-a-enabled);
  border-radius: 50%;
  pointer-events: none;
  transition: 0.3s;
}
.ui-tumbler__btn_disabled {
  pointer-events: none;
  background-color: var(--content-tertiary-disabled);
}
.ui-tumbler__btn_medium {
  width: 41px;
  height: 24px;
  border-radius: 12px;
&:after {
    width: 20px;
    height: 20px;
}
}
.ui-tumbler__btn_large {
  width: 64px;
  height: 32px;
  border-radius: 16px;
&:after {
    width: 28px;
    height: 28px;
}
}
.ui-tumbler__btn_active {
  background-color: var(--background-accent-enabled);
&:hover {
    background-color: var(--background-accent-hover);
}
&:active {
    background-color: var(--background-accent-pressed);
}
&.ui-tumbler__btn_disabled {
    background-color: var(--red-35);
}
}
.ui-tumbler__btn_large {
  font-size: 20px;
}
.ui-tumbler__btn_medium.ui-tumbler__btn_active:after {
  left: 18.5px;
}
.ui-tumbler__btn_large.ui-tumbler__btn_active:after {
  left: 33.5px;
}
.ui-tumbler__btn-icon {
  position: absolute;
  transition: left .25s ease;
  opacity: .6;
.ui-icon {
    display: block;
}
}
.ui-tumbler__btn_medium .ui-tumbler__btn-icon {
  top: 4px;
  right: 2px;
}
.ui-tumbler__btn_large .ui-tumbler__btn-icon {
  top: 6px;
  right: 7px;
}
.ui-tumbler__btn_active.ui-tumbler__btn_medium .ui-tumbler__btn-icon {
  right: 23px;
}
.ui-tumbler__btn_active.ui-tumbler__btn_large .ui-tumbler__btn-icon {
  right: 37px;
}
.ui-tumbler__btn-inner-icon {
  position: absolute;
  transition: left .25s ease;
  color: var(--content-tertiary-enabled);
  z-index: 1;
  top: 4px;
  left: 6px;
}
.ui-tumbler__btn:hover .ui-tumbler__btn-inner-icon {
  background-color: var(--content-tertiary-hover);
}
.ui-tumbler__btn:active .ui-tumbler__btn-inner-icon {
  background-color: var(--content-tertiary-pressed);
}
.ui-tumbler__btn_active .ui-tumbler__btn-inner-icon {
  left: 22.5px;
  color: var(--content-accent-enabled);
}
.ui-tumbler__btn_disabled .ui-tumbler__btn-inner-icon {
  color: var(--content-accent-disabled);
}
.ui-tumbler__btn_disabled.ui-tumbler__btn_active .ui-tumbler__btn-inner-icon {
  color: var(--red-35);
}

.ui-checkbox {
  cursor: pointer;
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  word-break: break-word;
  font-family: "Proxima Nova", sans-serif, system-ui;
}
.ui-checkbox_has-label {
  width: 100%;
}
.ui-checkbox__text {
  display: inline-block;
  vertical-align: middle;
  padding-left: 10px;
}
.ui-checkbox__description {
  color: var(--content-secondary-enabled);
  font-size: 16px;
  margin-top: 6px;
  display: block;
}
.ui-checkbox__text-inner {
  font-size: 16px;
  line-height: 20px;
  cursor: pointer;
}
.ui-checkbox__text-error {
  margin-top: 7px;
  font-size: 14px;
  line-height: 16px;
  display: block;
  color: var(--content-accent-enabled);
}
.ui-checkbox__text-warn {
  margin-top: 7px;
  font-size: 14px;
  line-height: 16px;
  display: block;
  color: var(--content-system-warning);
}
.ui-checkbox__btn {
  padding: 0;
  display: inline-block;
  vertical-align: middle;
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
  border: 2px solid var(--content-tertiary-enabled);
  background-color: var(--background-primary-a-enabled);
  border-radius: 6px;
  cursor: pointer;
  outline: none;
  position: relative;
  transform: translate3d(0, 0, 0);
  transition-property: background-color, border;
  transition-duration: 0.1s;
  transition-timing-function: linear;
}
.ui-checkbox__btn:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  transition: all 0.25s 0s ease;
  box-shadow: none;
}
.ui-checkbox__btn:after {
  content: "";
  position: absolute;
  height: 14px;
  left: 2px;
  top: 2px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 8.30501L6.15251 12.4575L14.4575 4.1525' stroke='white' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-position: left center;
  background-size: cover;
  border-radius: 2px;
  width: 0;
  transition: width 0.3s linear;
  overflow: hidden;
}
.ui-checkbox__btn:hover {
  border-color: var(--content-tertiary-hover);
  background-color: var(--background-secondary-a-hover);
}
.ui-checkbox__btn:active {
  border-color: var(--content-tertiary-pressed);
  background-color: var(--background-secondary-a-pressed);
}
.ui-checkbox__btn_disabled {
  background-color: var(--background-secondary-a-disabled);
  border-color: var(--content-tertiary-disabled);
  pointer-events: none;
}
.ui-checkbox__btn_checked {
  background-color: var(--content-accent-enabled);
  border-color: var(--border-accent-enabled);
}
.ui-checkbox__btn_checked:after {
  width: 14px;
}
.ui-checkbox__btn_checked:hover {
  background-color: var(--background-accent-hover);
  border-color: var(--border-accent-hover);
}
.ui-checkbox__btn_checked.ui-checkbox__btn_disabled {
  background-color: var(--content-accent-disabled);
  border-color: var(--content-accent-disabled);
}
.ui-checkbox__btn_checked:active {
  background-color: var(--content-accent-enabled);
  border-color: var(--border-accent-enabled);
}
.ui-checkbox_disabled {
  pointer-events: none;
}
.ui-checkbox_disabled .ui-checkbox__text {
  opacity: 0.6;
}

.ui-radio {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  flex-wrap: nowrap;
  font-family: "Proxima Nova", sans-serif, system-ui;
}
.ui-radio_has-label {
  display: flex;
  width: 100%;
}
.ui-radio__text {
  align-self: center;
  padding-left: 10px;
  font-size: 16px;
  line-height: 22px;
}
.ui-radio__text-error {
  font-size: 14px;
  line-height: 16px;
  color: var(--content-accent-enabled);
}
.ui-radio__text-warn {
  font-size: 14px;
  line-height: 16px;
  color: var(--content-system-warning);
}
.ui-radio_disabled {
  pointer-events: none;
}
.ui-radio_disabled .ui-radio__text {
  opacity: 0.6;
}
.ui-radio__button {
  appearance: none;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  border: 2px solid var(--content-tertiary-enabled);
  border-radius: 50%;
  outline: none;
  cursor: pointer;
  margin: 0;
  transition: 0.25s;
  position: relative;
  background-color: var(--background-primary-a-enabled);
  box-shadow: none;
  padding: 0;
}
.ui-radio__button:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  transform: scale(0.25);
  opacity: 0;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: transparent;
  transition: 0.25s;
}
.ui-radio__button:hover {
  border-color: var(--content-tertiary-hover);
  background-color: var(--background-secondary-a-hover);
}
.ui-radio__button:active {
  border-color: var(--content-tertiary-pressed);
  background-color: var(--background-secondary-a-pressed);
}
.ui-radio__button_disabled {
  pointer-events: none;
  border-color: var(--border-secondary-disabled);
}
.ui-radio__button_checked {
  border-color: var(--border-accent-enabled);
}
.ui-radio__button_checked:after {
  opacity: 1;
}
.ui-radio__button_checked:active {
  border-color: var(--border-accent-pressed);
}
.ui-radio__button_checked:active:after {
  background-color: var(--border-accent-pressed);
}
.ui-radio__button_checked:hover {
  border-color: var(--border-accent-hover);
}
.ui-radio__button_checked:after {
  background-color: var(--border-accent-enabled);
  transform: scale(1);
}
.ui-radio__button_checked:hover:after {
  background-color: var(--border-accent-hover);
}
.ui-radio__button_disabled.ui-radio__button_checked {
  border-color: var(--content-action-disabled);
}
.ui-radio__button_disabled.ui-radio__button_checked:after {
  background-color: var(--content-action-disabled);
}
.ui-radio__text-inner {
  cursor: pointer;
}

.ui-input {
  font-family: "Proxima Nova", sans-serif, system-ui;
}
.ui-input__label {
  display: block;
  font-weight: 600;
  color: var(--content-primary-a-enabled);
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 16px;
}
.ui-input_required .ui-input__label:after {
  content: "*";
  color: var(--content-accent-enabled);
  margin-left: 2px;
}
.ui-input__description {
  color: var(--content-primary-a-enabled);
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 10px;
}
.ui-input__message {
  padding: 2px 0;
  font-size: 14px;
  line-height: 20px;
}
.ui-input__message_error {
  color: var(--content-accent-enabled);
}
.ui-input__message_warning {
  color: var(--content-system-warning);
}
.ui-input__message_success {
  color: var(--content-system-positive);
}
.ui-input__inner-input {
  height: 40px;
  width: 100%;
  background-color: var(--background-primary-a-enabled);
  border: 1px solid var(--border-secondary-enabled);
  border-radius: 12px;
  padding: 0 12px;
  outline: none;
  font-size: 16px;
  color: var(--content-primary-a-enabled);
  transition: 0.3s;
  box-sizing: border-box;
  font-weight: 400;
}
.ui-input__inner-input:focus {
  border-color: var(--border-secondary-pressed);
}
.ui-input_smooth:not(:has(.ui-input__message)) .ui-input__inner {
  margin-bottom: 24px;
}
.ui-input__inner-input_size-m {
  padding: 0 16px;
  height: 48px;
}
.ui-input__inner-input_clearable {
  padding-right: 48px;
}
.ui-input__inner-input::-ms-clear {
  display: none;
}
.ui-input__inner-input::placeholder {
  color: var(--content-secondary-enabled);
}
.ui-input__inner-input:disabled,
.ui-input__inner-input:disabled:hover {
  background-color: var(--background-primary-a-disabled);
  pointer-events: none;
  border-color: var(--border-secondary-disabled);
  color: var(--content-primary-a-disabled);
}
.ui-input__inner-input:disabled::placeholder {
  color: var(--content-secondary-disabled);
}
.ui-input__inner {
  position: relative;
}
.ui-button.ui-input__inner-clear {
  width: 20px;
  height: 20px;
  border: none;
  padding: 0;
  background-color: transparent !important;
  color: var(--content-tertiary-enabled);
}
.ui-input__inner-clear .ui-icon,
.ui-input__inner-clear .ui-icon svg {
  width: 20px !important;
  height: 20px !important;
  line-height: 20px !important;
}
.ui-button.ui-input__inner-clear:hover {
  color: var(--content-tertiary-hover);
}
.ui-button.ui-input__inner-clear:active {
  color: var(--content-tertiary-pressed);
}
.ui-input__inner-clear:not(:last-child) {
  margin-right: 12px;
}
.ui-input__inner-input_error {
  border-color: var(--background-accent-enabled);
}
.ui-input__inner-input_error:focus {
  border-color: var(--background-accent-hover);
}
.ui-input__inner-input_success {
  border-color: var(--content-system-positive);
}
.ui-input__inner-input_success:focus {
  border-color: var(--content-system-positive);
}
.ui-input__inner-input_date {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20 6C20 3.79086 18.2091 2 16 2H15V1C15 0.447715 14.5523 0 14 0C13.4477 0 13 0.447715 13 1V2H7V1C7 0.447715 6.55228 0 6 0C5.44772 0 5 0.447715 5 1V2H4C1.79086 2 0 3.79086 0 6V8V10V12.5V17C0 19.2091 1.79086 21 4 21H16C18.2091 21 20 19.2091 20 17V10V8V6ZM15 4H16C17.1046 4 18 4.89543 18 6V8H10.5H2V6C2 4.89543 2.89543 4 4 4H5C5 4.55228 5.44772 5 6 5C6.55228 5 7 4.55228 7 4H13C13 4.55228 13.4477 5 14 5C14.5523 5 15 4.55228 15 4ZM18 10V17C18 18.1046 17.1046 19 16 19H4C2.89543 19 2 18.1046 2 17V10.5V10H16H18Z' fill='%239CA3B6'/%3E%3C/svg%3E%0A");
  background-position: right 14px center;
  -webkit-background-size: 20px;
  background-size: 20px;
  padding-right: 48px;
  background-repeat: no-repeat;
}
.ui-input__inner-input_date.ui-input__inner-input_clearable {
  padding-right: 70px;
}
.ui-input__icon-container {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  padding: 0;
  outline: none;
  display: flex;
  align-items: center;
}
.ui-input_smooth .ui-input__message-enter-active,
.ui-input_smooth .ui-input__message-leave-active {
  transition-property: opacity, transform;
  transition-duration: 0.3s;
  transition-timing-function: ease;
}
.ui-input_smooth .ui-input__message-enter,
.ui-input_smooth .ui-input__message-leave {
  transform: translateY(0);
  opacity: 1;
}
.ui-input_smooth .ui-input__message-enter-from,
.ui-input_smooth .ui-input__message-leave-to {
  transform: translateY(-8px);
  opacity: 0;
}

.progress-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.progress-bar__item-wrapper {
  flex: 1 1 auto;
  padding: 8px 0;
  cursor: pointer;
}
.progress-bar__item-wrapper:not(:last-child) {
  margin-right: 4px;
}
.progress-bar__item {
  height: 4px;
  border-radius: 3px;
  background-color: var(--background-tertiary-hover);
  width: 100%;

  transition: background-color 0.2s ease;
}
.progress-bar__item.progress-bar__item_active {
  background-color: var(--background-accent-enabled);
}

.enter-active[data-v-a33950f2],
.leave-active[data-v-a33950f2] {
  overflow: hidden;
  transition: max-height 0.3s ease;
}
.tree {
  font-family: "Proxima Nova", sans-serif, system-ui;
  user-select: none;
}
.tree__head {
  margin-bottom: 16px;
}
.tree__item:not(:last-child) {
  margin-bottom: 4px;
}
.tree__list {
  margin: 0;
  padding: 0;
  list-style: none;
  transition: margin .3s ease;
}
.tree__item-title {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
  cursor: pointer;
  color: var(--content-primary-a-enabled);
  background-color: var(--background-primary-a-enabled);
  border-radius: 8px;
  padding: 4px 12px;
  height: 32px;
  transition: margin-bottom 0.3s ease, background-color 0.1s linear, color 0.1s linear;
  margin-bottom: 0;
}
.tree__item-title:hover {
  background-color: var(--background-primary-a-hover);
}
.tree__item-title:active {
  background-color: var(--background-primary-a-pressed);
}
.tree__item-title:disabled {
  background-color: var(--background-primary-a-disabled);
  color: var(--content-primary-a-disabled);
}
.tree__item-icon_load .tree__item-icon_arrow {
  order: 0;
}
.tree__item-title:disabled .tree__item-icon_load, .tree__item-title:disabled .tree__item-icon_arrow {
  color: var(--content-primary-a-disabled);
}
.tree__item-title_open:not(:last-child) {
  margin-bottom: 4px;
}
.tree__item-title-text {
  font-size: 16px;
  line-height: 22px;
  flex: 1 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  order: 1;
  transition: color .1s linear;
}
.tree__item-title-text_selected {
  color: var(--content-accent-enabled);
}
.tree__item-title_disabled .tree__item-title-text {
  color: var(--content-primary-a-disabled);
}
.tree__item-select-hidden-button, .tree__item-title-hidden-button {
  position: absolute;
  z-index: 1;
  top: 0;
  height: 100%;
  background-color: transparent;
  width: calc(100% - 44px);
}
.tree__item-title-hidden-button {
  left: 0;
}
.tree__item-select-hidden-button {
  right: 0;
}
.tree__item-title-hidden-button_small {
  width: 44px;
}
.tree__item-title-hidden-button_icon-button {
  width: calc(100% - 70px);
}
.tree__item-select-hidden-button_icon-button {
  right: 42px;
  width: calc(100% - 86px);
}
.tree__item-checkbox {
  flex: 0 0;
  width: auto;
  order: 3;
}
.tree__item-checkbox_indeterminate .ui-checkbox__btn {
  background-color: var(--background-accent-enabled);
  border-color: var(--border-accent-enabled);
}
.tree__item-checkbox_indeterminate:disabled .ui-checkbox__btn {
  background-color: var(--content-accent-disabled);
  border-color: var(--content-accent-disabled);
}
.tree__item-checkbox_indeterminate .ui-checkbox__btn::after {
  width: 16px;
  border-radius: 2px;
  left: 1px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cline x1='2.8' y1='7.86797' x2='13.2' y2='7.86797' stroke='white' stroke-width='1.6' stroke-linecap='round'/%3e%3c/svg%3e ");
}
.tree__error {
  display: inline-block;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: var(--content-primary-a-enabled);
  border-radius: 4px;
  padding: 2px 4px;
  margin-left: 34px;
  margin-bottom: 7px;
}
.tree__item-icon {
  transition: transform .1s ease, color .1s linear, opacity .1s linear;
  color: var(--content-secondary-enabled);
  flex: 0 0 24px;
  opacity: 1;
}
.tree__item-icon_hidden {
  opacity: 0;
}
.tree__item-title_open .tree__item-icon_arrow {
  transform: rotate(90deg);
}
.tree__item-icon_check {
  color: var(--content-accent-enabled);
  order: 4;
}
.ui-button.tree__item-button {
  color: var(--content-tertiary-enabled);
  order: 5;
  width: 24px;
  height: 24px;
  flex-basis: 24px;
  border-radius: 0;
  padding: 0;
}
.ui-button.tree__item-button_multiple {
  order: 2;
}
.ui-button.tree__item-button:hover {
  color: var(--content-tertiary-hover);
}
.ui-button.tree__item-button:active {
  color: var(--content-tertiary-pressed);
}
.ui-user-picture {
  font-family: "Proxima Nova", sans-serif, system-ui;
  background-color: var(--background-tertiary-enabled);
  border: 1px solid var(--border-primary-b-enabled);
  width: 56px;
  height: 56px;
  box-sizing: border-box;
  position: relative;
  user-select: none;
  border-radius: 50%;
}
.ui-user-picture__container {
  overflow: hidden;
  border-radius: 50%;
  position: relative;
  height: 100%;
}
.ui-user-picture_s {
  width: 22px;
  height: 22px;
}
.ui-user-picture_l {
  width: 141px;
  height: 141px;
  border: 2px solid var(--content-primary-b-enabled);
}
.ui-user-picture_square,
.ui-user-picture_square .ui-user-picture__container {
  border-radius: 4px;
}
.ui-user-picture_s.ui-user-picture_square,
.ui-user-picture_square.ui-user-picture_s .ui-user-picture__container {
  border-radius: 2px;
}
.ui-user-picture_l.ui-user-picture_square,
.ui-user-picture_square.ui-user-picture_l .ui-user-picture__container {
  border-radius: 8px;
}
.ui-user-picture__image {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ui-user-picture__text {
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  text-transform: uppercase;
  position: absolute;
  white-space: nowrap;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ui-user-picture_s .ui-user-picture__text {
  font-size: 12px;
  line-height: 16px;
}
.ui-user-picture_l .ui-user-picture__text {
  font-weight: 700;
  font-size: 32px;
  line-height: 44px;
}
.ui-user-picture__icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
}
.ui-user-picture__status {
  color: var(--content-system-neutral);
  z-index: 1;
  position: absolute;
  top: -2px;
  right: -2px;
  background-image: radial-gradient(
    var(--background-primary-a-enabled) 0px,
    var(--background-primary-a-enabled) 7.75px,
    transparent 7.75px,
    transparent
  );
}
.ui-user-picture_s .ui-user-picture__status {
  top: -3px;
  right: -3px;
  background-image: radial-gradient(
    var(--background-primary-a-enabled) 0px,
    var(--background-primary-a-enabled) 5.75px,
    transparent 5.75px,
    transparent
  );
}
.ui-user-picture_l .ui-user-picture__status {
  top: 4px;
  right: 4px;
  background-image: radial-gradient(
    white 0px,
    white 13px,
    transparent 13px,
    transparent
  );
}
.ui-user-picture__status_green {
  color: var(--content-system-positive);
}
.ui-user-picture__status_yellow {
  color: var(--content-system-warning);
}
.ui-user-picture__status_red {
  color: var(--content-system-negative);
}

.ui-cell {
  padding: 12px 16px;
  display: flex;
  font-family: "Proxima Nova", sans-serif, system-ui;
  cursor: pointer;
  background-color: var(--background-primary-a-enabled);
  transition: background-color 0.1s linear;
  gap: 10px;
  user-select: none;
}
.ui-cell:hover {
  background-color: var(--background-primary-a-hover);
}
.ui-cell:active {
  background-color: var(--background-primary-a-pressed);
}
.ui-cell_disabled {
  pointer-events: none;
}
.ui-cell_enabled {
  background-color: var(--background-secondary-a-enabled);
}
.ui-cell_enabled:hover {
  background-color: var(--background-secondary-a-hover);
}
.ui-cell_enabled:active {
  background-color: var(--background-secondary-a-pressed);
}
.ui-cell_chat,
.ui-cell_dropdown {
  padding: 8px 16px;
}
.ui-cell_dropdown {
.ui-cell__title {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
}
.ui-cell__left-icon {
    color: var(--content-secondary-enabled);
}
}
.ui-cell__main-container {
  flex: 1 0;
  overflow: hidden;
  display: flex;
  flex-flow: column;
  justify-content: center;
}
.ui-cell__title {
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: start;
  color: var(--content-primary-a-enabled);
}
.ui-cell__title_accent {
  color: var(--content-accent-enabled);
}
.ui-cell__title-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ui-cell__title-icon {
  flex: 0 0 22px;
  height: 22px;
  color: var(--content-tertiary-enabled);
  margin-left: 4px;
}
.ui-cell__title-icon_verified {
  flex: 0 0 16px;
  height: 16px;
}
.ui-cell_chat .ui-cell__title {
  display: flex;
  align-items: center;
}
.ui-cell__left-icon_accent,
.ui-cell_dropdown .ui-cell__left-icon_accent {
  color: var(--content-accent-enabled);
}
.ui-cell_disabled .ui-cell__title,
.ui-cell_disabled .ui-cell__subtitle,
.ui-cell_disabled .ui-cell__left-icon,
.ui-cell_disabled .ui-cell__body,
.ui-cell_disabled .ui-cell__time,
.ui-cell_disabled .ui-cell__pinned,
.ui-cell_disabled .ui-button.ui-cell__right-button,
.ui-button.ui-cell__right-button:disabled {
  color: var(--content-primary-a-disabled);
}
.ui-cell__subtitle {
  color: var(--content-secondary-enabled);
  font-size: 14px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ui-cell_chat .ui-cell__subtitle {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
}
.ui-cell__body {
  color: var(--content-secondary-enabled);
  font-size: 14px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 44px;
}
.ui-cell__body_one-row {
  max-height: 22px;
}
.ui-cell__time {
  color: var(--content-secondary-enabled);
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}
.ui-cell__time_status {
  display: flex;
  align-items: center;
}
.ui-cell__time-icon {
  width: 16px;
  height: 16px;
  margin-right: 4px;
}
.ui-cell__notification {
  background-color: var(--background-accent-enabled);
  color: var(--content-primary-b-enabled);
  font-weight: 400;
  font-size: 10px;
  line-height: 14px;
  border-radius: 14px;
  min-width: 14px;
  text-align: center;
  margin-top: 16px;
  padding: 0 4px;
}
.ui-cell__left-icon {
  display: block;
}
.ui-cell__user-picture {
  width: 32px;
  height: 32px;
}
.ui-cell_disabled .ui-cell__user-picture {
  opacity: 0.2;
}
.ui-cell_chat .ui-cell__user-picture {
  width: 46px;
  height: 46px;
}
.ui-cell__right-container_chat {
  display: flex;
  flex-flow: column;
  align-items: flex-end;
}
.ui-cell__right-container_center,
.ui-cell__left-container_center {
  align-self: center;
}
.ui-button.ui-cell__right-button {
  color: var(--content-primary-a-enabled);
  border: none;
  padding: 0;
  width: 24px;
  height: 24px;
  border-radius: 0;
}
.ui-cell__right-button:not(:last-child) {
  margin-right: 16px;
}
.ui-button.ui-cell__right-button_accent {
  color: var(--content-accent-enabled);
}
.ui-button.ui-cell__right-button .ui-button__icon {
  font-size: 24px;
}
.ui-cell__secondary-text {
  color: var(--content-tertiary-enabled);
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  overflow: hidden;
  white-space: nowrap;
}
.ui-cell__pinned {
  margin-top: 12px;
  color: var(--content-tertiary-enabled);
}

.ui-popover__trigger-wrapper_inline {
  display: inline-block;
}
.ui-popover__wrapper {
  position: relative;
  transition: visibility 0.2s linear, opacity 0.2s;
  border-radius: 12px;
  box-shadow: var(--shadow-small);
}
.ui-popover__wrapper_floating {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
.ui-popover__wrapper-inner {
  position: relative;
  z-index: 2;
  border-radius: 12px;
  background-color: var(--background-primary-a-enabled);
  color: var(--content-primary-a-enabled);
  order: 1;
}
.ui-popover__wrapper_theme-dark .ui-popover__wrapper-inner {
  background-color: var(--background-primary-b-enabled);
  color: var(--content-primary-b-enabled);
}
.ui-popover__wrapper:has(.ui-popover__arrow_top) .ui-popover__wrapper-inner {
  z-index: 3;
}
.ui-popover__wrapper-inner > * {
  border-radius: 12px;
}
.ui-popover_trigger-hover .ui-popover__wrapper {
  opacity: 0;
  visibility: hidden;
}
.ui-popover_trigger-hover
  .ui-popover__trigger-wrapper:hover
  + .ui-popover__wrapper {
  opacity: 1;
  visibility: visible;
}
.ui-popover__arrow {
  position: absolute;
  content: "";
  left: 10px;
  width: 24px;
  height: 12px;
  display: block;
  z-index: 2;
  order: -1;
}
.ui-popover__arrow::after {
  position: relative;
  display: block;
  background-size: 100%;
  width: 100%;
  height: 100%;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='6' viewBox='0 0 12 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.32757 4.7479C1.81081 5.52974 0.936638 6 0 6H12C11.0635 6 10.1895 5.52941 9.67343 4.74724L6.83766 0.449328C6.44255 -0.149489 5.56473 -0.149841 5.16915 0.44866L2.32757 4.7479Z' fill='%231E2228'/%3E%3C/svg%3E");
  z-index: 2;
}
.ui-popover__wrapper_theme-light .ui-popover__arrow::after {
  filter: brightness(10);
}
.ui-popover__arrow::before {
  position: absolute;
  transform-origin: center;
  display: block;
  background-size: 100%;
  width: 100%;
  height: 100%;
  content: "";
  filter: drop-shadow(-4px 6px 7px rgba(30, 34, 40, 0.17))
    drop-shadow(0px 0px 2px rgba(30, 34, 40, 0.19));
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='6' viewBox='0 0 12 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.32757 4.7479C1.81081 5.52974 0.936638 6 0 6H12C11.0635 6 10.1895 5.52941 9.67343 4.74724L6.83766 0.449328C6.44255 -0.149489 5.56473 -0.149841 5.16915 0.44866L2.32757 4.7479Z' fill='%231E2228'/%3E%3C/svg%3E");
  z-index: 2;
}
.ui-popover__wrapper_theme-light .ui-popover__arrow::before {
  filter: brightness(10) drop-shadow(-4px 6px 7px rgba(30, 34, 40, 0.17))
    drop-shadow(0px 0px 2px rgba(30, 34, 40, 0.19));
}
.ui-popover__arrow_bottom,
.ui-popover__arrow_bottom-start,
.ui-popover__arrow_bottom-end {
  transform: rotate(180deg);
  top: 100%;
}
.ui-popover__arrow_top,
.ui-popover__arrow_top-start,
.ui-popover__arrow_top-end {
  top: -12px;
}
.ui-popover__arrow_top,
.ui-popover__arrow_bottom {
  left: calc(50% - 12px);
}
.ui-popover__arrow_top-start,
.ui-popover__arrow_bottom-start {
  left: 16px;
}
.ui-popover__arrow_top-end,
.ui-popover__arrow_bottom-end {
  left: calc(100% - 40px);
}
.ui-popover__arrow_right,
.ui-popover__arrow_right-start,
.ui-popover__arrow_right-end {
  left: calc(100% - 6px);
  transform: translateY(-50%) rotate(90deg);
}
.ui-popover__arrow_left,
.ui-popover__arrow_left-start,
.ui-popover__arrow_left-end {
  left: -18px;
  transform: translateY(-50%) rotate(270deg);
}
.ui-popover__arrow_right,
.ui-popover__arrow_left {
  top: 50%;
}
.ui-popover__arrow_right-start,
.ui-popover__arrow_left-start {
  top: 24px;
}
.ui-popover__arrow_right-end,
.ui-popover__arrow_left-end {
  bottom: 22px;
}
.ui-popover__wrapper_theme-light .ui-popover__arrow_bottom::before,
.ui-popover__wrapper_theme-light .ui-popover__arrow_bottom-start::before,
.ui-popover__wrapper_theme-light .ui-popover__arrow_bottom-end::before {
  filter: brightness(10) drop-shadow(4px -6px 7px rgba(30, 34, 40, 0.17))
    drop-shadow(0px 0px 2px rgba(30, 34, 40, 0.19));
}
.ui-popover__wrapper_theme-light .ui-popover__arrow_right::before,
.ui-popover__wrapper_theme-light .ui-popover__arrow_right-start::before,
.ui-popover__wrapper_theme-light .ui-popover__arrow_right-end::before {
  filter: brightness(10) brightness(10)
    drop-shadow(4px 6px 7px rgba(30, 34, 40, 0.17))
    drop-shadow(0px 0px 2px rgba(30, 34, 40, 0.19));
}
.ui-popover__wrapper_theme-light .ui-popover__arrow_left::after,
.ui-popover__wrapper_theme-light .ui-popover__arrow_left-start::after,
.ui-popover__wrapper_theme-light .ui-popover__arrow_left-end::after {
  filter: brightness(10) drop-shadow(-6px 4px 7px rgba(30, 34, 40, 0.17))
    drop-shadow(0px 0px 2px rgba(30, 34, 40, 0.19));
}
.ui-dark-theme {
.ui-popover__wrapper_theme-dark .ui-popover__wrapper-inner {
    box-shadow: 0 0 0 1px var(--border-secondary-enabled);
    background-color: var(--neutral-100);
}
.ui-popover__wrapper_theme-dark .ui-popover__arrow_bottom,
  .ui-popover__wrapper_theme-dark .ui-popover__arrow_bottom-start,
  .ui-popover__wrapper_theme-dark .ui-popover__arrow_bottom-end {
    filter: drop-shadow(0 -1px 0 var(--border-secondary-enabled));
}
.ui-popover__arrow::before {
    filter: drop-shadow(0 -1px 0 var(--border-secondary-enabled));
}
.ui-popover__wrapper_theme-light {
    box-shadow: 0 0 0 1px var(--border-secondary-enabled);
}
.ui-popover__wrapper_theme-light .ui-popover__arrow::after {
    filter: drop-shadow(0.5px -0.5px 0px var(--border-secondary-enabled))
      drop-shadow(-0.5px -0.5px 0px var(--border-secondary-enabled));
}
}

.ui-empty-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 16px;
  --base-layer: var(--neutral-20);
  --first-layer: var(--neutral-5);
  --second-layer: var(--neutral-10);
  --third-layer: var(--neutral-20);
  --fourth-layer: var(--neutral-25);
}
.ui-empty-content__light {
  background-color: var(--content-primary-b-enabled);
}
.ui-empty-content__neutral {
  background-color: var(--background-secondary-a-enabled);
}
.ui-empty-content__icon {
  border-radius: 50%;
  color: var(--background-secondary-a-pressed);
}
.ui-empty-content__icon:not(:last-child) {
  margin-bottom: 24px;
}
.ui-empty-content__title {
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  margin: 0 0 8px 0;
  color: var(--content-secondary-enabled);
  text-align: center;
}
.ui-empty-content__text {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  color: var(--content-secondary-enabled);
}
.ui-empty-content__button-wrapper {
  display: flex;
  flex-direction: column;
  margin: 24px 0 0 0;
}
.ui-empty-content__button:not(:first-child) {
  margin: 12px 0 0 0;
}
.ui-dark-theme {
.ui-empty-content {
    --base-layer: var(--neutral-90);
    --first-layer: var(--neutral-75);
    --second-layer: var(--neutral-70);
    --third-layer: var(--neutral-60);
    --fourth-layer: var(--neutral-55);
}
}

.ui-search {
  font-family: "Proxima Nova", sans-serif, system-ui;
  position: relative;
  width: 100%;
}
.ui-search__container {
  width: 100%;
}
.ui-search__container,
.ui-search__input-container {
  display: flex;
}
.ui-search__input-container {
  position: relative;
  flex: 1 0;
  width: 100%;
  border: 1px solid var(--border-secondary-enabled);
  border-radius: 12px;
}
.ui-search__input-container_size-s {
  height: 40px;
}
.ui-search__input-container_size-m {
  height: 48px;
}
.ui-search__inner-input,
.ui-search__input-button {
  font-family: "Proxima Nova", sans-serif, system-ui;
  font-weight: 400;
  background-color: var(--background-primary-a-enabled);
  border: none;
  border-radius: 12px;
  outline: none;
  font-size: 16px;
  line-height: 22px;
  color: var(--content-primary-a-enabled);
  transition: 0.3s;
  box-sizing: border-box;
  background-position: 12px center;
  background-repeat: no-repeat;
  padding: 8px 8px 8px 40px;
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13 7.5C13 10.5376 10.5376 13 7.5 13C4.46243 13 2 10.5376 2 7.5C2 4.46243 4.46243 2 7.5 2C10.5376 2 13 4.46243 13 7.5ZM12.3266 13.2408C11.0222 14.3386 9.33833 15 7.5 15C3.35786 15 0 11.6421 0 7.5C0 3.35786 3.35786 0 7.5 0C11.6421 0 15 3.35786 15 7.5C15 9.08208 14.5101 10.5498 13.6738 11.7596L16.2071 14.2929C16.5976 14.6834 16.5976 15.3166 16.2071 15.7071C15.8166 16.0976 15.1834 16.0976 14.7929 15.7071L12.3266 13.2408Z' fill='%239CA3B6'/%3E%3C/svg%3E%0A");
  width: 100%;
}
.ui-search__inner-input:disabled,
.ui-search__input-button:disabled {
  background-color: var(--background-primary-a-disabled);
  pointer-events: none;
  border-color: var(--background-accent-disabled);
  color: var(--content-primary-a-disabled);
}
.ui-search__input-button {
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ui-search__inner-input::-webkit-search-decoration {
  display: none;
}
.ui-search__bottom-sheet .ui-search__inner-input {
  margin-top: 16px;
}
.ui-search__cancel-button {
  margin-left: 12px;
  padding: 0;
  border: none;
  height: unset;
  align-self: stretch;
  background-color: transparent;
  color: var(--content-action-enabled);
}
.ui-button.ui-search__cancel-button:hover {
  color: var(--content-action-enabled);
  filter: grayscale(0.2);
}
.ui-button.ui-search__cancel-button:active {
  color: var(--content-action-enabled);
  filter: grayscale(0.3);
}
.ui-search__inner-input:focus,
.ui-search__inner-input:not(:placeholder-shown),
.ui-search__input-button_filled {
  padding: 8px 12px;
  background-position: -24px center;
}
.ui-search__inner-input:focus {
  border-color: var(--border-secondary-pressed);
}
.ui-search__inner-input_size-m,
.ui-search__input-button_size-m {
  padding: 12px 16px 12px 44px;
  background-position: 16px center;
}
.ui-search__inner-input_size-m:focus,
.ui-search__inner-input_size-m:not(:placeholder-shown),
.ui-search__input-button_size-m.ui-search__input-button_filled {
  padding: 12px 16px;
  background-position: -30px center;
}
.ui-search__inner-input::-ms-clear {
  display: none;
}
.ui-search__inner-input::placeholder,
.ui-search__input-button_placeholder {
  color: var(--content-secondary-enabled);
  font-weight: 400;
}
.ui-search__btn-container {
  display: flex;
  align-items: center;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.ui-search__clear-button {
  color: var(--content-tertiary-enabled);
  margin-right: 16px;
  cursor: pointer;
&:hover {
    color: var(--content-tertiary-hover);
}
&:active {
    color: var(--content-tertiary-pressed);
}
}
.ui-search__inner-input::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.ui-search__right-button-icon {
  color: var(--content-tertiary-enabled);
  cursor: pointer;
}
.ui-search__inner-input_size-s .ui-search__right-button-icon {
  right: 12px;
}
.ui-search__result-container {
  overflow: hidden auto;
  margin: 0;
  max-height: 336px;
  z-index: 1;
  min-height: 22px;
}
.ui-search__result-container::-webkit-scrollbar {
  width: 12px;
}
.ui-search__result-container::-webkit-scrollbar-thumb {
  border: 4px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  border-radius: 24px;
  background-color: var(--border-secondary-pressed);
}
.ui-search__result-list {
  margin: 0;
  padding: 8px 0;
}
.ui-search__bottom-sheet .ui-search__result-list {
  padding: 0 0 8px 0;
}
.ui-search__result-item {
  padding: 5px 12px;
  cursor: pointer;
  transition: background-color 0.1s linear;
  background-color: var(--background-primary-a-enabled);
  scroll-margin-top: 30px;
}
.ui-search__result-item:hover {
  background-color: var(--background-primary-a-hover);
}
.ui-search__result-cell-item {
  scroll-margin-top: 30px;
}
.ui-search__result-item:active,
.ui-search__result-item_selected,
.ui-search__result-cell-item_selected {
  background-color: var(--background-primary-a-pressed);
}
.ui-search__result-item_selected,
.ui-search__result-cell-item_selected {
  transition-duration: 0s;
}
.ui-search__result-group {
  padding: 4px 16px;
  background-color: var(--background-secondary-a-enabled);
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ui-search__result-group-title {
  color: var(--content-secondary-enabled);
  text-wrap: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: default;
}
.ui-search__result-group-title-button {
  color: var(--content-primary-a-enabled);
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  cursor: pointer;
}
.ui-search__result-group-title-button:hover {
  color: var(--content-primary-a-hover);
}
.ui-search__result-group-title-button:active {
  color: var(--content-primary-a-pressed);
}
.ui-search__bottom-sheet .ui-search__result-item {
  padding: 5px 0;
}
.ui-search__bottom-sheet .ui-bottom-sheet__header {
  padding-bottom: 10px;
}
.ui-search__bottom-sheet .ui-search__hint {
  padding: 0;
}
.ui-search__hint {
  color: var(--content-secondary-enabled);
  position: relative;
  transition: color 0.1s linear;
  padding: 12px;
}
.ui-search__hint_load {
  color: transparent;
}
.ui-search__nothing-found-badge {
  height: 100%;
}
.ui-search__loading-icon {
  transition: color 0.1s linear;
  color: var(--content-secondary-enabled);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ui-dark-theme {
.ui-search__inner-input,
  .ui-search__input-button {
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13 7.5C13 10.5376 10.5376 13 7.5 13C4.46243 13 2 10.5376 2 7.5C2 4.46243 4.46243 2 7.5 2C10.5376 2 13 4.46243 13 7.5ZM12.3266 13.2408C11.0222 14.3386 9.33833 15 7.5 15C3.35786 15 0 11.6421 0 7.5C0 3.35786 3.35786 0 7.5 0C11.6421 0 15 3.35786 15 7.5C15 9.08208 14.5101 10.5498 13.6738 11.7596L16.2071 14.2929C16.5976 14.6834 16.5976 15.3166 16.2071 15.7071C15.8166 16.0976 15.1834 16.0976 14.7929 15.7071L12.3266 13.2408Z' fill='%234e5867'/%3E%3C/svg%3E%0A");
}
}
.ui-search__result-enter,
.ui-search__result-leave-to {
  transform: translateY(-16px);
  opacity: 0;
}
.ui-search__result-enter-active,
.ui-search__result-leave-active {
  transition-property: opacity, transform !important;
  transition-timing-function: ease !important;
  transition-duration: 0.3s !important;
  transform: translateY(-8px);
  opacity: 0;
}
.ui-search__result-enter-to,
.ui-search__result-leave {
  transform: translateY(0);
  opacity: 1;
}
.ui-search__loading-icon-enter,
.ui-search__loading-icon-leave-to,
.ui-search__right-button-icon-enter,
.ui-search__right-button-icon-leave-to {
  opacity: 0;
}
.ui-search__loading-icon-enter-active,
.ui-search__loading-icon-leave-active,
.ui-search__right-button-icon-enter-active,
.ui-search__right-button-icon-leave-active {
  transition: opacity 0.1s linear;
  opacity: 0;
}
.ui-search__loading-icon-enter-to,
.ui-search__loading-icon-leave,
.ui-search__right-button-icon-enter-to,
.ui-search__right-button-icon-leave {
  opacity: 1;
}
.ui-select {
  position: relative;
  font-family: "Proxima Nova", sans-serif, system-ui;
}
.ui-select_smooth:not(:has(.ui-select__message)) .ui-select__popover {
  margin-bottom: 24px;
}
.ui-select__label {
  display: block;
  font-weight: 600;
  color: var(--content-primary-a-enabled);
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 16px;
}
.ui-select_required .ui-select__label:after {
  content: "*";
  color: var(--content-accent-enabled);
  margin-left: 2px;
}
.ui-select__description {
  color: var(--content-primary-a-enabled);
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 10px;
}
.ui-select__message {
  padding: 2px 0;
  font-size: 14px;
  line-height: 20px;
}
.ui-select__message_error {
  color: var(--content-accent-enabled);
}
.ui-select__message_warning {
  color: var(--content-system-warning);
}
.ui-select__message_success {
  color: var(--content-system-positive);
}
.ui-select__inner-input {
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  height: 40px;
  width: 100%;
  background-color: var(--background-primary-a-enabled);
  border: 1px solid var(--border-secondary-enabled);
  border-radius: 12px;
  padding: 0 48px 0 16px;
  outline: none;
  font-size: 16px;
  color: var(--content-primary-a-enabled);
  transition: 0.3s;
  box-sizing: border-box;
  user-select: none;
}
.ui-select__inner-input-slot {
  max-width: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  width: 100%;
}
.ui-select__inner-loader {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 48px;
}
.ui-select__inner-loader-icon {
  color: var(--content-secondary-enabled);
}
.ui-select__inner-input_clearable {
  padding: 0 72px 0 16px;
}
.ui-select__inner-input_disabled,
.ui-select__inner-input_disabled:hover {
  background-color: var(--background-primary-a-disabled);
  pointer-events: none;
  border-color: var(--background-primary-a-disabled);
  color: var(--content-primary-a-disabled);
}
.ui-select__inner-input-placeholder {
  color: var(--content-secondary-enabled);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ui-select__inner-input-placeholder.ui-select__inner-input-placeholder_main {
  color: var(--content-primary-a-enabled);
}
.ui-select__inner-input-placeholder_main.ui-select__inner-input-placeholder_disabled {
  color: var(--content-primary-a-disabled);
}
.ui-select__inner-input_error {
  border-color: var(--content-system-negative);
}
.ui-select__inner-input_success {
  border-color: var(--content-system-positive);
}
.ui-select__inner-input_medium {
  height: 48px;
}
.ui-select__inner-input.ui-select__inner-input_open {
  border-color: var(--content-secondary-disabled);
}
.ui-select__inner-input.ui-select__inner-input_open.ui-select__inner-input_error {
  border-color: var(--content-accent-hover);
}
.ui-select__inner-input.ui-select__inner-input_open.ui-select__inner-input_success {
  border-color: var(--content-system-positive);
}
.ui-button.ui-select__inner-clear {
  position: absolute;
  right: 43px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  border: none;
  padding: 0;
  background-color: transparent !important;
  color: var(--content-tertiary-enabled);
}
.ui-button.ui-select__inner-clear:hover {
  color: var(--content-tertiary-hover);
}
.ui-button.ui-select__inner-clear:active {
  color: var(--content-tertiary-pressed);
}
.ui-select__inner-clear .ui-icon,
.ui-select__inner-clear .ui-icon svg {
  width: 20px !important;
  height: 20px !important;
  line-height: 20px !important;
}
.ui-select__inner-arrow {
  position: absolute;
  right: 13px;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  padding: 0;
  border-radius: 50%;
  outline: none;
  cursor: pointer;
  color: var(--content-tertiary-enabled);
  transition-property: color, transform;
  transition-timing-function: ease;
  transition-duration: .3s;
}
.ui-select__inner-arrow:hover {
  color: var(--content-tertiary-hover);
}
.ui-select__inner-arrow:active {
  color: var(--content-tertiary-pressed);
}
.ui-select__inner-arrow_open {
  transform: rotate(180deg) translateY(50%);
}
.ui-select__desktop-menu {
  z-index: 10;
  max-width: 100%;
}
.ui-select__wrapper-desktop {
  max-height: 350px;
  border-radius: 12px;
  background-color: var(--background-primary-a-enabled);
  overflow: auto;
  z-index: 10;
}
.ui-select__wrapper-desktop::-webkit-scrollbar {
  width: 12px;
}
.ui-select__wrapper-desktop::-webkit-scrollbar-thumb {
  border: 4px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  border-radius: 24px;
  background-color: var(--border-secondary-pressed);
}
.ui-select__wrapper-desktop .tree__item:not(:last-child) {
  margin-bottom: 0;
}
.ui-select__wrapper-desktop_search {
  padding-top: 0;
}
.ui-select__wrapper-desktop-input-wrapper {
  position: sticky;
  width: 100%;
  top: 0;
  z-index: 100;
  left: 0;
  padding: 8px 12px;
  background-color: var(--background-primary-a-enabled);
}
.ui-select__empty-list-hint {
  color: var(--content-secondary-enabled);
  font-size: 16px;
  line-height: 22px;
  padding: 0 12px 8px 12px;
  word-break: break-word;
}
.ui-select__bottom-sheet .ui-select__empty-list-hint {
  padding: 0 0 8px;
}
.ui-select__slot-list-container,
.ui-select__flat-list-container {
  margin: 0;
  padding: 8px 0;
}
.ui-select__bottom-sheet .ui-select__slot-list-container,
.ui-select__bottom-sheet .ui-select__flat-list-container {
  padding: 0;
}
.ui-select__flat-list-item {
  padding: 5px 12px;
  background-color: var(--background-primary-a-enabled);
  transition: background-color 0.1s linear;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 32px;
  cursor: pointer;
}
.ui-select__slot-list-item {
  background-color: var(--background-primary-a-enabled);
  transition: background-color 0.1s linear;
  display: flex;
  align-items: center;
  cursor: pointer;
  overflow: hidden;
  max-width: 100%;
  max-height: 100%;
}
.ui-select__slot-list-item:hover,
.ui-select__flat-list-item:hover {
  background-color: var(--background-primary-a-hover);
}
.ui-select__slot-list-item:active,
.ui-select__flat-list-item:active {
  background-color: var(--background-primary-a-pressed);
}
.ui-select__flat-list-item_selected {
  color: var(--content-accent-enabled);
}
.ui-select__flat-list-item_disabled {
  pointer-events: none;
  color: var(--content-primary-a-disabled);
}
.ui-select__flat-list-title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ui-select__bottom-sheet .ui-select__flat-list-item {
  padding: 5px 0;
  background-position: right center;
}
.ui-select__flat-list-item-icon {
  cursor: pointer;
  color: var(--content-tertiary-enabled);
}
.ui-select__flat-list-item-icon:hover {
  color: var(--content-tertiary-hover);
}
.ui-select__flat-list-item-icon:active {
  color: var(--content-tertiary-pressed);
}
.ui-select__flat-list-item-icon:not(:last-child) {
  margin-right: 8px;
}
.ui-select__flat-list-item-icon_selected,
.ui-select__flat-list-item-icon_selected:hover,
.ui-select__flat-list-item-icon_selected:active {
  cursor: default;
  color: var(--content-accent-enabled);
}
.ui-select__wrapper-desktop-tree-wrapper {
  padding: 8px 12px;
}
.ui-selector__searcher {
  margin-top: 10px;
}
.ui-select__flat-list-icon-container {
  display: flex;
}
.ui-select_smooth .ui-select__message-enter-active,
.ui-select_smooth .ui-select__message-leave-active {
  transition-property: opacity, transform;
  transition-duration: 0.3s;
  transition-timing-function: ease;
}
.ui-select_smooth .ui-select__message-enter,
.ui-select_smooth .ui-select__message-leave {
  transform: translateY(0);
  opacity: 1;
}
.ui-select_smooth .ui-select__message-enter-from,
.ui-select_smooth .ui-select__message-leave-to {
  transform: translateY(-8px);
  opacity: 0;
}

.ui-select__inner-input-list {
  display: flex;
  max-width: 100%;
  overflow: auto;
  margin-left: -10px;
}
.ui-select__inner-input-item {
  display: flex;
  flex: 0 1 auto;
  background-color: var(--background-secondary-a-enabled);
  border-radius: 5px;
  font-size: 16px;
  padding: 5px 9px;
  height: 31px;
  align-items: center;
  white-space: nowrap;
}
.ui-button.ui-select__inner-input-item-close {
  cursor: pointer;
  margin-left: 11px;
  width: 11px;
  height: 11px;
  flex: 11px 0 0;
  padding: 0;
  border-radius: 0;
  color: var(--content-tertiary-enabled);
}
.ui-button.ui-select__inner-input-item-close:hover {
  color: var(--content-tertiary-hover);
}
.ui-button.ui-select__inner-input-item-close:active {
  color: var(--content-tertiary-pressed);
}
.ui-select__inner-input-list::-webkit-scrollbar {
  display: none;
}
.ui-select__inner-input-item:not(:last-child) {
  margin-right: 4px;
}
.ui-select_multiselect .ui-select__inner-input-slot {
  overflow: auto;
}
.ui-select_multiselect .ui-select__inner-input-slot::-webkit-scrollbar {
  display: none;
}
.ui-select__chips-under-wrapper {
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  width: 100%;
.ui-select__inner-input-slot,
  .ui-select__inner-input-list {
    margin-left: unset;
    flex-wrap: wrap;
    gap: 8px;
}
.ui-select__inner-input-item {
    margin: 0;
}
}

.ui-tabs {
  margin: 0;
  display: inline-flex;
  border-radius: 12px;
  font-family: "Proxima Nova", sans-serif, system-ui;
  overflow-x: auto;
  background-color: var(--background-primary-a-enabled);
  align-items: center;
  height: 44px;
  border: 1px solid var(--border-secondary-enabled);
  gap: 4px;
  padding: 0 3px;
}
.ui-tabs::-webkit-scrollbar {
  display: none;
}
.ui-tabs {
  -ms-overflow-style: none;
  scrollbar-width: none;
  max-width: 100%;
}
.ui-tabs,
.ui-tabs * {
  box-sizing: border-box;
}
.ui-tabs__item {
  display: inline-block;
  vertical-align: middle;
  flex: 0 0 auto;
}
.ui-tabs__item-btn {
  transition: all 0.1s ease;
  user-select: none;
  border-radius: 10px;
  background-color: transparent;
  padding: 8px 16px;
  height: 36px;
  font-weight: 600;
  color: var(--content-secondary-enabled);
  border: none;
  font-size: 14px;
  line-height: 20px;
  cursor: pointer;
  outline: none;
  display: flex;
  align-items: center;
}
.ui-tabs__item-btn:hover {
  background-color: var(--background-primary-a-hover);
}
.ui-tabs__item-btn:active {
  background-color: var(--background-primary-a-pressed);
}
.ui-tabs__item-btn_active {
  background-color: var(--background-secondary-b-enabled);
  color: var(--content-primary-b-enabled);
}
.ui-tabs__item-btn_active:hover {
  background-color: var(--background-secondary-b-hover);
}
.ui-tabs__item-btn_active:active {
  background-color: var(--background-secondary-b-pressed);
}
.ui-tabs_disabled {
  pointer-events: none;
}
.ui-tabs_disabled .ui-tabs__item-btn {
  color: var(--content-primary-a-disabled);
}
.ui-tabs__item-icon {
  display: block;
  position: relative;
  text-align: center;
}
.ui-tabs__item-btn-text ~ .ui-tabs__item-icon {
  margin-left: 4px;
}
.ui-tabs__item-btn-text,
.ui-tabs__item-btn-secondary-text {
  display: block;
}
.ui-tabs__item-btn-secondary-text {
  color: var(--content-primary-a-disabled);
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  margin-left: 4px;
  transition: color 0.1s linear;
}
.ui-tabs__item-btn_disabled {
  pointer-events: none;
}

/**
 Large
 */
.ui-tabs:not(.ui-tabs_soft).ui-tabs_large {
  height: 48px;
}
.ui-tabs_large .ui-tabs__item-btn {
  font-size: 16px;
  line-height: 22px;
  padding: 9px 16px;
  height: 40px;
}
.ui-tabs_large .ui-tabs__item-btn-secondary-text {
  font-size: 16px;
  line-height: 22px;
}

/**
 Small
 */
.ui-tabs:not(.ui-tabs_soft).ui-tabs_small {
  height: 32px;
  border-radius: 8px;
}
.ui-tabs_small .ui-tabs__item-btn {
  padding: 2px 12px;
  border-radius: 5px;
  height: 24px;
}

/**
 * Soft
 */
.ui-tabs_soft {
  background-color: transparent;
  border-radius: 0;
  border: none;
  height: 40px;
  background-image: linear-gradient(
    0deg,
    transparent 0px,
    transparent 1px,
    var(--border-secondary-enabled) 1px,
    var(--border-secondary-enabled) 2px,
    transparent 2px
  );
  background-position: bottom;
  gap: 24px;
}
.ui-tabs_soft .ui-tabs__item-btn {
  color: var(--content-primary-a-enabled);
  border-radius: 0;
  font-weight: 700;
  position: relative;
  padding: 10px 0;
  height: unset;
}
.ui-tabs_soft.ui-tabs_large .ui-tabs__item-btn {
  padding: 13px 0;
}
.ui-tabs_soft.ui-tabs_large {
  gap: 16px;
  height: 48px;
}
.ui-tabs_soft .ui-tabs__item-btn::after {
  content: "";
  position: absolute;
  transition: background-color 0.1s linear;
  background-color: transparent;
  height: 2px;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 2px;
}
.ui-tabs_soft .ui-tabs__item-btn:hover {
  color: var(--content-primary-a-hover);
  background-color: transparent;
}
.ui-tabs_soft .ui-tabs__item-btn:active {
  color: var(--content-primary-a-pressed);
  background-color: transparent;
}
.ui-tabs_soft .ui-tabs__item-btn_active {
  box-shadow: none;
  background-color: transparent;
  color: var(--content-accent-enabled);
}
.ui-tabs_soft .ui-tabs__item-btn_active.ui-tabs__item-btn_active::after {
  background-color: var(--content-accent-enabled);
}
.ui-tabs_soft .ui-tabs__item-btn_active:hover {
  color: var(--content-accent-hover);
  background-color: transparent;
}
.ui-tabs_soft .ui-tabs__item-btn_active:hover::after {
  background-color: var(--content-accent-hover);
}
.ui-tabs_soft .ui-tabs__item-btn_active:active {
  color: var(--content-accent-pressed);
  background-color: transparent;
}
.ui-tabs_soft .ui-tabs__item-btn_active:active::after {
  background-color: var(--content-accent-pressed);
}
.ui-tabs__item-btn_active .ui-tabs__item-icon {
  opacity: 1;
}
.ui-tabs_soft.ui-tabs_disabled .ui-tabs__item-btn {
  color: var(--content-accent-disabled);
}
.ui-tabs_soft.ui-tabs_disabled .ui-tabs__item-btn_active {
  border-bottom-color: var(--content-accent-disabled);
}
.ui-tabs_soft.ui-tabs_disabled .ui-tabs__item-btn_active::after {
  background-color: var(--content-accent-disabled);
}

/**
 * Accent
 */
.ui-tabs_accent .ui-tabs__item-btn_active {
  background-color: var(--content-accent-enabled);
  color: var(--content-primary-b-enabled);
}
.ui-tabs_accent .ui-tabs__item-btn_active .ui-tabs__item-btn-secondary-text {
  color: var(--content-primary-b-enabled);
}
.ui-tabs_accent .ui-tabs__item-btn_active:hover {
  background-color: var(--content-accent-hover);
}
.ui-tabs_accent .ui-tabs__item-btn_active:active {
  background-color: var(--content-accent-enabled);
}
.ui-tabs_accent.ui-tabs_disabled .ui-tabs__item-btn {
  color: var(--content-primary-a-disabled);
}
.ui-tabs_accent.ui-tabs_disabled .ui-tabs__item-btn_active {
  background-color: var(--background-secondary-a-enabled);
}

.ui-tag {
  user-select: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: fit-content;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  padding: 4px 8px;
  border-radius: 8px;
  color: var(--content-secondary-enabled);
  max-width: 320px;
  font-family: "Proxima Nova", sans-serif, system-ui;
  border: 1px solid var(--content-tertiary-enabled);
  position: relative;
  transition-property: border-color, color;
  transition-duration: 0.1s;
  transition-timing-function: linear;
}
.ui-tag_icon.ui-tag_icon-only {
  padding: 4px 0 4px 36px;
}
.ui-tag_interactive {
  cursor: pointer;
}
.ui-tag_icon {
  padding-left: 32px;
}
.ui-tag_right-icon {
  padding-right: 32px;
}
.ui-tag__icon {
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
}
.ui-tag__right-icon {
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
}
.ui-tag.ui-tag_icon-only .ui-tag__icon {
  margin-right: 0;
}
.ui-tag.ui-tag_inline {
  display: inline-block;
}
.ui-tag.ui-tag_interactive:hover {
  border-color: var(--content-tertiary-hover);
  color: var(--content-secondary-hover);
}
.ui-tag.ui-tag_interactive:active {
  border-color: var(--content-secondary-pressed);
  color: var(--content-secondary-pressed);
}
.ui-tag.ui-tag_disabled {
  border-color: var(--content-primary-a-disabled);
  color: var(--content-primary-a-disabled);
}
.ui-tag.ui-tag_accent {
  color: var(--content-accent-enabled);
  border-color: var(--border-accent-enabled);
  background-color: var(--background-primary-a-enabled);
}
.ui-tag.ui-tag_accent.ui-tag_interactive:hover,
.ui-tag.ui-tag_accent.ui-tag_interactive:active {
  color: var(--content-accent-enabled);
  border-color: var(--border-accent-enabled);
}

.textarea-autosize {
&::-webkit-scrollbar {
    width: 8px;
    height: 0;
}
&::-webkit-scrollbar-track {
    background: none;
    border-radius: 8px;
    margin: 4px 0;
}
&::-webkit-scrollbar-thumb {
    background-color: var(--border-secondary-enabled);
    border-radius: 4px;
    border: 2px solid transparent;
    background-clip: padding-box;
}
&::-webkit-scrollbar-thumb:hover {
    background-color: var(--border-secondary-hover);
    cursor: pointer;
    border: 1px solid transparent;
}
}

.ui-textarea {
  display: block;
  width: 100%;
  font-family: "Proxima Nova", sans-serif, system-ui;
}
.ui-textarea_smooth:not(:has(.ui-textarea__message)) .ui-textarea__textarea {
  margin-bottom: 24px;
}
.ui-textarea__label {
  display: block;
  font-weight: 600;
  color: var(--content-primary-a-enabled);
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 16px;
}
.ui-textarea_required .ui-textarea__label:after {
  content: "*";
  color: var(--content-accent-enabled);
  margin-left: 2px;
}
.ui-textarea__textarea {
  font-family: "Proxima Nova", sans-serif, system-ui;
  width: 100%;
  background-color: var(--background-primary-a-enabled);
  border: 1px solid var(--border-secondary-enabled);
  border-radius: 12px;
  padding: 13px 16px;
  outline: none;
  font-size: 16px;
  color: var(--content-primary-a-enabled);
  transition-property: background-color, border, color;
  transition-duration: 0.3s;
  transition-timing-function: linear;
  box-sizing: border-box;
  resize: none;
}
.ui-textarea__textarea::placeholder {
  color: var(--content-secondary-enabled);
}
.ui-textarea__textarea_disabled {
  background-color: var(--background-primary-a-disabled);
  pointer-events: none;
  border-color: var(--border-secondary-disabled);
  color: rgba(46, 56, 75, 0.48);
}
.ui-textarea__textarea_disabled::placeholder {
  color: var(--content-primary-a-disabled);
}
.ui-textarea__textarea:focus {
  border-color: var(--content-primary-a-disabled);
}
.ui-textarea__textarea_error {
  border-color: var(--border-accent-enabled);
}
.ui-textarea__textarea_success {
  border-color: var(--content-system-positive);
}
.ui-textarea__description {
  color: var(--content-primary-a-enabled);
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 10px;
}
.ui-textarea__message {
  padding: 2px 0;
  font-size: 14px;
  line-height: 20px;
}
.ui-textarea__message_error {
  color: var(--content-accent-enabled);
}
.ui-textarea__message_warning {
  color: var(--content-system-warning);
}
.ui-textarea__message_success {
  color: var(--content-system-positive);
}
.ui-textarea_smooth .ui-textarea__message-enter-active,
.ui-textarea_smooth .ui-textarea__message-leave-active {
  transition-property: opacity, transform;
  transition-duration: 0.3s;
  transition-timing-function: ease;
}
.ui-textarea_smooth .ui-textarea__message-enter,
.ui-textarea_smooth .ui-textarea__message-leave {
  transform: translateY(0);
  opacity: 1;
}
.ui-textarea_smooth .ui-textarea__message-enter-from,
.ui-textarea_smooth .ui-textarea__message-leave-to {
  transform: translateY(-8px);
  opacity: 0;
}

.ui-toaster {
  position: fixed;
  top: 16px;
  right: 16px;
  z-index: 32;
  padding: 0;
  font-family: "Proxima Nova", sans-serif, system-ui;
  pointer-events: none;
  --transform-direction: translateY(-150%);
}
.ui-toaster_bottom {
  --transform-direction: translateY(150%);
}
.ui-toaster__container {
  display: flex;
  flex-flow: column;
  align-items: flex-end;
}
.ui-toaster_bottom .ui-toaster__container {
  flex-direction: column-reverse;
}
.ui-toaster__element {
  --toast-color: var(--content-primary-a-enabled);
  opacity: 1;
  background-color: var(--background-primary-a-enabled);
  border: 2px solid var(--toast-color);
  box-shadow: 0 4px 16px rgb(30 34 40 / 8%);
  transform: translate(0);
  overflow: hidden;
  display: flex;
  align-items: center;
  border-radius: 12px;
  padding: 8px 12px;
  max-width: 480px;
  min-width: 360px;
  margin-bottom: 0;
  position: relative;
  pointer-events: initial;
}
.ui-toaster__element_success {
  --toast-color: var(--content-system-positive);
}
.ui-toaster__element_warn {
  --toast-color: var(--content-system-warning);
}
.ui-toaster__element_error {
  --toast-color: var(--content-system-negative);
}
.ui-toaster__text {
  text-overflow: ellipsis;
  width: 100%;
  flex-grow: 1;
  overflow: hidden;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  color: var(--content-primary-a-enabled);
  margin: 0 16px;
}
.ui-toaster__element:not(:last-child) {
  margin-bottom: 10px;
}
.ui-toaster_bottom .ui-toaster__element:not(:last-child) {
  margin-bottom: 0;
  margin-top: 10px;
}
.ui-toaster__cancel-button {
  background-color: transparent;
  color: var(--toast-color);
  font-weight: 600;
  border: none;
  padding: 4px 8px;
  line-height: 24px;
  transition: background-color 0.1s linear;
  border-radius: 8px;
  cursor: pointer;
}
.ui-toaster__cancel-button:hover {
  background-color: var(--background-secondary-a-hover);
}
.ui-toaster__cancel-button:active {
  background-color: var(--background-secondary-a-pressed);
}
.ui-toaster__close-button {
  width: 24px;
  cursor: pointer;
  height: 24px;
  flex-shrink: 0;
  flex-grow: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--toast-color);
  background-color: transparent;
  border: none;
  padding: 0;
  transition: opacity 0.1s linear;
}
.ui-toaster__icon {
  color: var(--toast-color);
}
.ui-toaster__countdown {
  background-color: var(--background-secondary-a-enabled);
  display: block;
  padding: 2px;
  border-radius: 50%;
  position: relative;
  flex-shrink: 0;
  flex-grow: 0;
}
.ui-toaster__countdown svg {
  display: block;
}
.ui-toaster__countdown circle {
  animation-name: progress;
  animation-timing-function: linear;
  stroke-dasharray: 64.09 64.09;
}
.ui-toaster__countdown-text {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: 0;
  text-align: center;
  font-weight: 600;
  font-size: 14px;
  color: var(--content-primary-a-enabled);
}
.ui-toast-enter-active,
.ui-toast-leave-active {
  transition-property: transform, opacity;
  transition-duration: 0.2s;
  transition-timing-function: ease;
}
.ui-toast-leave-active {
  transform: translateY(0);
  opacity: 1;
}
.ui-toast-enter,
.ui-toast-leave-to {
  transform: var(--transform-direction);
  opacity: 0;
}
.ui-toast-enter-active {
  transform: var(--transform-direction);
  opacity: 0;
}
.ui-toast-enter-from {
  transform: var(--transform-direction);
  opacity: 0;
}
.ui-toast-enter-to,
.ui-toast-leave {
  transform: translateY(0);
  opacity: 1;
}
@media screen and (max-width: 769px) {
.ui-toaster {
    top: 7px;
    right: 7px;
    left: 7px;
}
.ui-toaster__element {
    width: 100%;
    min-width: unset;
    max-width: unset;
}
}
@keyframes progress {
from {
    stroke-dasharray: 0 64.09;
}
to {
    stroke-dasharray: 64.09 64.09;
}
}

.ui-calendar {
  width: 100%;
  display: flex;
  flex-flow: column;
  align-items: center;
  user-select: none;
}
.ui-calendar__header {
  display: flex;
  width: 100%;
  padding: 0 6px;
  justify-content: space-between;
  align-items: center;
}
.ui-calendar__month-button {
  padding: 10px !important;
  width: 38px !important;
  height: 38px !important;
}
.ui-calendar__header-selector-container {
  display: flex;
}
.ui-calendar__button-placeholder {
  flex-basis: 38px;
}
.ui-calendar__selector-container {
  position: relative;
}
.ui-calendar__selector-container ~ .ui-calendar__selector-container {
  margin-left: 24px;
}
.ui-calendar__footer-selector-container
  .ui-calendar__selector-container
  ~ .ui-calendar__selector-container {
  margin-left: 16px;
}
.ui-calendar__selector-button {
  padding: 6px 6px 6px 12px;
}
.ui-calendar__selector-button_time {
  border: 1px solid var(--border-secondary-enabled);
  border-radius: 10px;
  font-weight: normal;
  line-height: 22px;
  padding: 12px 16px;
  height: 48px;
  width: 100%;
}
.ui-calendar__selector-button_time .ui-button__text {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ui-calendar__selector-button_time:hover,
.ui-calendar__selector-button_time.ui-calendar__selector-button_open {
  background-color: var(--background-primary-a-enabled);
  border-color: var(--content-primary-a-disabled);
}
.ui-calendar__selector-button_open {
  background-color: var(--background-primary-a-pressed);
  border-color: var(--background-primary-a-pressed);
}
.ui-calendar__selector-icon {
  color: var(--content-tertiary-enabled);
  margin-left: 8px;
  transform-origin: center;
  transition: transform 0.3s ease;
}
.ui-calendar__selector-button_open .ui-calendar__selector-icon {
  transform: rotate(180deg);
}
.ui-calendar__select-container {
  border: 1px solid var(--content-primary-b-enabled);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: calc(100% + 4px);
  max-height: 176px;
  overflow: hidden;
  border-radius: 12px;
  background-color: var(--background-primary-a-enabled);
  box-shadow: var(--shadow-small);
  z-index: 11;
}
.ui-calendar__select-container_bottom {
  top: unset;
  bottom: calc(100% + 4px);
  box-shadow: var(--shadow-small);
  left: 0;
  right: 0;
  transform: none;
}
.ui-calendar__option-list {
  padding: 8px 0;
  max-height: 176px;
  overflow: hidden auto;
  margin: 0;
}
.ui-calendar__option-list::-webkit-scrollbar {
  width: 12px;
}
.ui-calendar__option-list::-webkit-scrollbar-thumb {
  border: 4px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  border-radius: 24px;
  background-color: var(--border-secondary-pressed);
}
.ui-calendar__option-item {
  padding: 5px 12px;
  cursor: pointer;
  transition: background-color 0.1s linear;
  background-position: right center;
  white-space: nowrap;
  background-repeat: no-repeat;
  display: inline-block;
  width: 100%;
}
.ui-calendar__select-container_bottom .ui-calendar__option-item {
  padding-left: 15px;
}
.ui-calendar__option-item:hover {
  background-color: var(--background-primary-a-hover);
}
.ui-calendar_bottom-sheet .ui-calendar__option-item:hover {
  background-color: unset;
}
.ui-calendar__option-item:active {
  background-color: var(--background-primary-a-pressed);
}
.ui-calendar__option-item_selected {
  color: var(--content-accent-enabled);
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.29304 12.2929C3.68357 11.9024 4.31673 11.9024 4.70726 12.2929L9.19079 16.7764L18.865 7.10226C19.2555 6.71173 19.8886 6.71173 20.2792 7.10226C20.6697 7.49278 20.6697 8.12595 20.2792 8.51647L9.89789 18.8977C9.50737 19.2883 8.8742 19.2883 8.48368 18.8977L3.29304 13.7071C2.90252 13.3166 2.90252 12.6834 3.29304 12.2929Z' fill='%23E11B11'/%3E%3C/svg%3E%0A");
}
.ui-calendar__option-item_selected .ui-calendar__option-text {
  padding-right: 32px;
}
.ui-calendar__option-item_disabled {
  pointer-events: none;
  color: var(--content-primary-a-disabled);
}
.ui-calendar__footer-selector-container {
  margin: 16px -16px -4px;
  padding: 12px 16px 0;
  display: flex;
  width: 100%;
  border-top: 1px solid var(--border-secondary-enabled);
}
.ui-calendar__selector-container {
  flex: 1 0;
}
.ui-calendar__footer-button {
  margin-left: 14px;
  height: 48px;
  padding: 12px;
  flex: 0 0;
  overflow: visible;
}
.ui-calendar__table {
  margin-top: 12px;
}
.ui-calendar_bottom-sheet .ui-calendar__table {
  width: 100%;
  padding: 0 16px;
}
.ui-calendar__table-cell {
  width: 38px;
  height: 38px;
  text-align: center;
  padding: 0;
  transition-property: background, border-radius;
  transition-duration: 0.1s;
  transition-timing-function: linear;
  cursor: pointer;
}
.ui-calendar_bottom-sheet
  .ui-calendar__table-cell:not(:first-child):not(:last-child) {
  flex: 1 0;
}
.ui-calendar_bottom-sheet .ui-calendar__table-cell:first-child,
.ui-calendar_bottom-sheet .ui-calendar__table-cell:last-child {
  flex: 0 0 38px;
}
.ui-calendar_bottom-sheet .ui-calendar__table-cell:first-child {
  padding-right: calc((100% - 38px * 7) / 12);
  flex: unset;
  width: unset;
}
.ui-calendar_bottom-sheet .ui-calendar__table-cell:last-child {
  padding-left: calc((100% - 38px * 7) / 12);
  flex: unset;
  width: unset;
}
.ui-calendar_bottom-sheet .ui-calendar__table-header-cell:first-child,
.ui-calendar_bottom-sheet .ui-calendar__table-header-cell:last-child {
  flex: 0 0 calc(38px + (100% - 38px * 7) / 12);
}
.ui-calendar__table-header-cell {
  font-weight: 600;
  font-size: 14px;
  line-height: 26px;
  height: 26px;
  color: var(--content-tertiary-enabled);
  cursor: default;
  padding: 0;
}
.ui-calendar__table-cell_today .ui-calendar__table-button::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 7px;
  left: 50%;
  width: 12px;
  height: 2px;
  border-radius: 2px;
  background-color: var(--background-accent-enabled);
  transform: translateX(-50%);
}
.ui-calendar__table-cell_selected .ui-calendar__table-button {
  background-color: var(--background-accent-enabled);
  color: var(--content-primary-b-enabled);
}
.ui-calendar__table-cell_selected.ui-calendar__table-cell_today
  .ui-calendar__table-button::after {
  background-color: var(--background-primary-a-enabled);
}
.ui-calendar__table-cell_other-month {
  cursor: default;
  color: transparent;
  pointer-events: none;
  transition: none;
  opacity: 0;
}
.ui-calendar__table-cell_disabled {
  pointer-events: none;
  color: var(--content-secondary-disabled);
}
.ui-calendar__table-row {
  display: flex;
}
.ui-calendar__table-row:not(:last-child) {
  margin-bottom: 6px;
}
.ui-calendar__table-cell_between {
  background-color: var(--background-secondary-a-enabled);
}
.ui-calendar__table-cell_between-hover {
  background-color: var(--background-secondary-a-hover);
}
.ui-calendar__table-button {
  width: 38px;
  height: 38px;
  border: none;
  transition-property: background-color, color;
  transition-duration: 0.1s;
  transition-timing-function: linear;
  border-radius: 8px;
  background-color: transparent;
  color: inherit;
  cursor: inherit;
  font-size: 14px;
  line-height: 20px;
  padding: 0;
  position: relative;
}
.ui-calendar__table-cell:hover .ui-calendar__table-button {
  background-color: var(--background-secondary-a-hover);
}
.ui-calendar__table-cell:active .ui-calendar__table-button {
  background-color: var(--background-secondary-a-pressed);
}
.ui-calendar__table-cell_selected:hover .ui-calendar__table-button {
  background-color: var(--background-accent-hover);
}
.ui-calendar_bottom-sheet
  .ui-calendar__table-cell:hover
  .ui-calendar__table-button,
.ui-calendar_bottom-sheet
  .ui-calendar__table-cell:active
  .ui-calendar__table-button {
  background-color: inherit;
}
.ui-calendar_bottom-sheet
  .ui-calendar__table-cell_selected:hover
  .ui-calendar__table-button,
.ui-calendar_bottom-sheet
  .ui-calendar__table-cell_selected:active
  .ui-calendar__table-button {
  background-color: var(--content-accent-enabled);
}
.ui-calendar__table-cell_between-hover
  + .ui-calendar__table-cell_exact-hover:not(.ui-calendar__table-cell_between),
.ui-calendar__table-cell_between
  + .ui-calendar__table-cell_exact-hover:not(.ui-calendar__table-cell_between),
.ui-calendar__table-cell_between-hover + .ui-calendar__table-cell_selected,
.ui-calendar__table-cell_between + .ui-calendar__table-cell_selected,
.ui-calendar__table-cell:last-child,
.ui-calendar__table-cell_last-of-month {
  border-radius: 0 8px 8px 0 !important;
}
.ui-calendar__table-cell:not(.ui-calendar__table-cell_between):not(
    .ui-calendar__table-cell_between-hover
  )
  + .ui-calendar__table-cell_selected,
.ui-calendar__table-cell:not(.ui-calendar__table-cell_between):not(
    .ui-calendar__table-cell_between-hover
  )
  + .ui-calendar__table-cell_exact-hover,
.ui-calendar__table-cell:first-child,
.ui-calendar__table-cell_first-of-month {
  border-radius: 8px 0 0 8px !important;
}
.ui-calendar__table-cell:not(.ui-calendar__table-cell_between-hover)
  + .ui-calendar__table-cell_between-hover:last-child,
.ui-calendar__table-cell_exact-hover:not(
    .ui-calendar__table-cell_start-hover
  ):first-child,
.ui-calendar__table-cell_between:only-child,
.ui-calendar__table-cell_between-hover:only-child,
.ui-calendar__table-cell:not(.ui-calendar__table-cell_between):not(
    .ui-calendar__table-cell_between-hover
  )
+ .ui-calendar__table-cell_selected-start:last-child,
.ui-calendar__table-cell_end-hover:first-child,
.ui-calendar__table-cell_selected-end:first-child,
.ui-calendar__table-cell.ui-calendar__table-cell_between-hover.ui-calendar__table-cell_exact-hover.ui-calendar__table-cell_end-hover.ui-calendar__table-cell_selected.ui-calendar__table-cell_selected-start.ui-calendar__table-cell_selected-only,
.ui-calendar__table-cell.ui-calendar__table-cell_between.ui-calendar__table-cell_selected.ui-calendar__table-cell_selected-start.ui-calendar__table-cell_selected-only {
  border-radius: 8px !important;
}
.ui-calendar_bottom-sheet
  .ui-calendar__table-cell:not(.ui-calendar__table-cell_between)
  + .ui-calendar__table-cell_selected:not(:last-child),
.ui-calendar_bottom-sheet .ui-calendar__table-cell_selected:first-child {
  background-color: transparent;
  background-image: linear-gradient(
    90deg,
    transparent 0%,
    transparent 50%,
    var(--background-secondary-a-enabled) 50%,
    var(--background-secondary-a-enabled) 100%
  );
}
.ui-calendar_bottom-sheet
  .ui-calendar__table-cell_between
  + .ui-calendar__table-cell_selected,
.ui-calendar__table-cell_selected-end {
  background-color: transparent;
  background-image: linear-gradient(
    90deg,
    var(--background-secondary-a-enabled) 0%,
    var(--background-secondary-a-enabled) 50%,
    transparent 50%,
    transparent 100%
  );
}
.ui-calendar_bottom-sheet
  .ui-calendar__table-cell:not(.ui-calendar__table-cell_between)
  + .ui-calendar__table-cell_selected:last-child,
.ui-calendar__table-cell_selected-end:first-child,
.ui-calendar_bottom-sheet .ui-calendar__table-cell_selected-only {
  background-color: transparent !important;
  background-image: none !important;
}
.ui-dark-theme {
.ui-calendar__select-container {
    border: none;
}
}
.ui-datepicker {
  position: relative;
  font-family: "Proxima Nova", sans-serif, system-ui;
  width: 308px;
}
.ui-datepicker_hidden {
  width: unset;
}
.ui-datepicker__label {
  display: block;
  font-weight: 600;
  color: var(--content-primary-a-enabled);
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 16px;
  cursor: default;
}
.ui-datepicker_required .ui-datepicker__label:after {
  content: "*";
  color: var(--content-accent-enabled);
  margin-left: 2px;
}
.ui-datepicker_smooth:not(:has(.ui-datepicker__message)) .ui-datepicker__popover {
  margin-bottom: 24px;
}
.ui-datepicker__description {
  color: var(--content-primary-a-enabled);
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 10px;
}
.ui-datepicker__message {
  padding: 2px 0;
  font-size: 14px;
  line-height: 20px;
}
.ui-datepicker__message_error {
  color: var(--content-accent-enabled);
}
.ui-datepicker__message_warning {
  color: var(--content-system-warning);
}
.ui-datepicker__message_success {
  color: var(--content-system-positive);
}
.ui-datepicker__inner-input {
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  height: 40px;
  width: 100%;
  background-color: var(--background-primary-a-enabled);
  border: 1px solid var(--border-secondary-enabled);
  border-radius: 12px;
  padding: 0 16px;
  outline: none;
  font-size: 16px;
  color: var(--content-primary-a-enabled);
  transition: 0.3s;
  box-sizing: border-box;
}
.ui-datepicker__inner-input_disabled,
.ui-datepicker__inner-input_disabled:hover {
  background-color: var(--background-primary-a-disabled);
  pointer-events: none;
  border-color: var(--background-accent-disabled);
  color: var(--content-primary-a-disabled);
}
.ui-datepicker__inner-input_warn {
  border-color: var(--content-system-warning);
}
.ui-datepicker__inner-input_error {
  border-color: var(--content-system-negative);
}
.ui-datepicker__inner-input_success {
  border-color: var(--content-system-positive);
}
.ui-datepicker__inner-input_medium {
  height: 48px;
}
.ui-datepicker__inner-input_hidden {
  height: unset;
  width: unset;
  background-color: unset;
  border: none;
}
.ui-datepicker__inner-input.ui-datepicker__inner-input_open {
  border-color: var(--border-secondary-pressed);
}
.ui-datepicker__inner-input.ui-datepicker__inner-input_open.ui-datepicker__inner-input_error {
  border-color: var(--background-accent-hover);
}
.ui-datepicker__inner-input.ui-datepicker__inner-input_open.ui-datepicker__inner-input_success {
  border-color: var(--content-system-positive);
}
.ui-datepicker__inner-input-value {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ui-datepicker__inner-input-value .ui-datepicker__placeholder {
  color: var(--content-secondary-enabled);
}
.ui-button.ui-datepicker__inner-clear {
  position: absolute;
  width: 20px;
  height: 20px;
  padding: 0;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--content-tertiary-enabled);
  transition: filter 0.1s linear;
  border: none;
}
.ui-button.ui-datepicker__inner-clear:hover {
  color: var(--content-tertiary-enabled);
  filter: brightness(0.9);
}
.ui-button.ui-datepicker__inner-clear:active {
  color: var(--content-tertiary-enabled);
  filter: brightness(0.8);
}
.ui-datepicker__inner-clear .ui-icon,
.ui-datepicker__inner-clear .ui-icon svg {
  width: 20px !important;
  height: 20px !important;
  line-height: 20px !important;
}
.ui-datepicker__inner-icon {
  top: 7px;
  font-size: 24px;
  position: absolute;
  right: 15px;
  display: flex;
  color: var(--content-tertiary-enabled);
}
.ui-datepicker__inner-input_medium .ui-datepicker__inner-icon {
  top: 11px;
}
.ui-datepicker__wrapper-desktop {
  width: 308px;
  min-width: 308px;
  max-width: 200%;
  border-radius: 12px;
  background-color: var(--background-primary-a-enabled);
  overflow: auto;
  z-index: 10;
}
.ui-datepicker__wrapper-desktop_range {
  width: 616px;
  min-width: 616px;
  display: flex;
  justify-content: space-between;
}
.ui-datepicker__calendar {
  cursor: default;
  padding: 16px 0;
}
.ui-datepicker__calendar_bottom-sheet {
  margin: 0 -16px;
  width: calc(100% + 32px);
  padding-bottom: 32px;
}
.ui-datepicker__footer-button {
  margin-bottom: 16px;
}
.ui-datepicker_smooth .ui-datepicker__message-enter-active,
.ui-datepicker_smooth .ui-datepicker__message-leave-active {
  transition-property: opacity, transform;
  transition-duration: 0.3s;
  transition-timing-function: ease;
}
.ui-datepicker_smooth .ui-datepicker__message-enter,
.ui-datepicker_smooth .ui-datepicker__message-leave {
  transform: translateY(0);
  opacity: 1;
}
.ui-datepicker_smooth .ui-datepicker__message-enter-from,
.ui-datepicker_smooth .ui-datepicker__message-leave-to {
  transform: translateY(-8px);
  opacity: 0;
}

.ui-tooltip {
  position: relative;
  font-family: "Proxima Nova", sans-serif, system-ui;
}
.ui-tooltip {
.ui-popover__wrapper {
    border-radius: 16px;
}
.ui-popover__wrapper_floating {
    width: max-content;
}
}
.ui-tooltip_simple .ui-popover__wrapper {
  border-radius: 8px;
}
.ui-tooltip_close .ui-tooltip__container {
  padding: 0 36px 0 0;
}
.ui-tooltip__text {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  user-select: text;
  max-height: 88px;
  overflow: auto;
  padding-right: 20px;
}
.ui-tooltip__text_one-line {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0;
}
.ui-tooltip__text_no-scroll {
  max-height: unset;
  padding-right: 0;
}
.ui-tooltip__text::-webkit-scrollbar {
  width: 12px;
}
.ui-tooltip__text::-webkit-scrollbar-thumb {
  border: 4px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  border-radius: 24px;
  background-color: var(--border-secondary-enabled);
}
.ui-tooltip__button-container {
  margin-top: 24px;
  display: flex;
  align-items: center;
  width: 100%;
}
.ui-tooltip__button-container > *:not(:last-child) {
  margin-right: 16px;
}
.ui-button.ui-tooltip__previous-button {
  padding: 0;
  border: none;
  color: inherit;
}
.ui-button.ui-tooltip__next-button {
  padding: 6px 16px;
  border: none;
  border-radius: 12px;
}
.ui-tooltip__step-text {
  user-select: none;
  margin-left: auto;
  color: var(--content-secondary-enabled);
}
.ui-button.ui-tooltip__close-button {
  width: 32px;
  height: 32px;
  position: absolute;
  top: 12px;
  right: 20px;
  padding: 0;
  border: none;
}
.ui-button.ui-tooltip__close-button.ui-tooltip__close-button_no-other-buttons {
  top: 10px;
}
.ui-button.ui-tooltip__close-button .ui-button__icon {
  font-size: 24px;
  line-height: 24px;
}
.ui-tooltip__close-button,
.ui-tooltip__close-button:hover,
.ui-tooltip__close-button:active {
  color: inherit;
}
.ui-tooltip .ui-popover__wrapper-inner {
  border-radius: 16px;
}
.ui-tooltip .ui-popover__wrapper_theme-light {
  display: flex;
}
.ui-tooltip:not(.ui-tooltip_simple) .ui-popover__wrapper-inner {
  padding: 16px 24px;
}
.ui-tooltip_simple .ui-popover__wrapper-inner {
  padding: 5px 12px;
  border-radius: 8px;
}
.ui-tooltip_simple .ui-popover__arrow {
  width: 12px;
  height: 6px;
}
.ui-tooltip_simple .ui-popover__arrow_left,
.ui-tooltip_simple .ui-popover__arrow_left-start,
.ui-tooltip_simple .ui-popover__arrow_left-end {
  left: -9px;
}
.ui-tooltip_simple .ui-popover__arrow_right,
.ui-tooltip_simple .ui-popover__arrow_right-start,
.ui-tooltip_simple .ui-popover__arrow_right-end {
  left: unset;
  right: -9px;
}
.ui-tooltip_simple .ui-popover__arrow_left-start,
.ui-tooltip_simple .ui-popover__arrow_right-start {
  top: 11px;
}
.ui-tooltip_simple .ui-popover__arrow_left-end,
.ui-tooltip_simple .ui-popover__arrow_right-end {
  bottom: 9px;
}
.ui-tooltip_simple .ui-popover__arrow_top,
.ui-tooltip_simple .ui-popover__arrow_bottom {
  left: calc(50% - 6px);
}
.ui-tooltip_simple .ui-popover__arrow_top,
.ui-tooltip_simple .ui-popover__arrow_top-start,
.ui-tooltip_simple .ui-popover__arrow_top-end {
  top: -6px;
}
.ui-tooltip_simple .ui-popover__arrow_top-start,
.ui-tooltip_simple .ui-popover__arrow_bottom-start {
  left: 8px;
}
.ui-tooltip_simple .ui-popover__arrow_top-end,
.ui-tooltip_simple .ui-popover__arrow_bottom-end {
  left: unset;
  right: 8px;
}

.ui-card {
  transition-property: border-color, background-color;
  transition-duration: 0.1s;
  transition-timing-function: linear;
  background-color: var(--background-primary-a-enabled);
  box-sizing: border-box;
  border: 2px solid var(--background-primary-a-enabled);
}
.ui-card_br0 {
  border-radius: 0;
}
.ui-card_br4 {
  border-radius: 4px;
}
.ui-card_br8 {
  border-radius: 8px;
}
.ui-card_br12 {
  border-radius: 12px;
}
.ui-card_br16 {
  border-radius: 16px;
}
.ui-card_p0 {
  padding: 0;
}
.ui-card_p4 {
  padding: 4px;
}
.ui-card_p8 {
  padding: 8px;
}
.ui-card_p12 {
  padding: 12px;
}
.ui-card_p16 {
  padding: 16px;
}
.ui-card_p24 {
  padding: 24px;
}
.ui-card_p32 {
  padding: 32px;
}
.ui-card_p40 {
  padding: 40px;
}
.ui-card_secondary {
  background-color: var(--background-secondary-a-enabled);
  border-color: var(--background-secondary-a-enabled);
}
.ui-card_active {
  cursor: pointer;
}
.ui-card_active:hover {
  background-color: var(--background-primary-a-hover);
  border-color: var(--background-primary-a-hover);
}
.ui-card_active:active {
  background-color: var(--background-primary-a-pressed);
  border-color: var(--background-primary-a-pressed);
}
.ui-card_active.ui-card_secondary:hover {
  background-color: var(--background-secondary-a-hover);
  border-color: var(--background-secondary-a-hover);
}
.ui-card_active.ui-card_secondary:active {
  background-color: var(--background-secondary-a-pressed);
  border-color: var(--background-secondary-a-pressed);
}
.ui-card_selected {
  border-color: var(--content-tertiary-enabled) !important;
}

.ui-dropdown__list-wrapper {
  min-width: 280px;
  max-width: 720px;
  background-color: var(--background-primary-a-enabled);
  border-radius: 12px;
}
.ui-dropdown__list-wrapper_scroll {
  max-height: 100vh;
  overflow: auto;
}
.ui-dropdown__list-wrapper::-webkit-scrollbar {
  background-color: transparent;
  width: 12px;
}
.ui-dropdown__list-wrapper::-webkit-scrollbar-thumb {
  border: 4px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  border-radius: 24px;
  background-color: var(--border-secondary-enabled);
}
.ui-dropdown__cell-container:first-child > .ui-dropdown__cell,
.ui-dropdown__cell-container_dropdown:first-child
> .ui-dropdown__nested-dropdown
> .ui-popover__trigger-wrapper
> .ui-dropdown__cell,
.ui-dropdown__cell-container_dropdown:first-child
> .ui-dropdown__nested-dropdown
> .ui-popover__trigger-wrapper
> .ui-dropdown__cell {
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
}
.ui-dropdown__cell-container:last-child > .ui-dropdown__cell,
.ui-dropdown__cell-container_dropdown:last-child
> .ui-dropdown__nested-dropdown
> .ui-popover__trigger-wrapper
> .ui-dropdown__cell {
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
}
.ui-dropdown__nested-dropdown_left {
  left: 0;
  transform: translateX(calc(-100% + 10px));
}
.ui-button.ui-dropdown__scroll-button {
  width: 100%;
  padding: 0;
  height: 24px;
  border-radius: 12px;
}
.ui-dropdown__bottom-sheet .ui-bottom-sheet__content {
  padding: 28px 0 24px;
}
.ui-dropdown-enter,
.ui-dropdown-leave-to {
  opacity: 0;
}
.ui-dropdown-enter-active,
.ui-dropdown-leave-active {
  transition-property: opacity;
  transition-timing-function: ease;
  transition-duration: 0.1s;
  opacity: 0;
}
.ui-dropdown-enter-to,
.ui-dropdown-leave {
  opacity: 1;
}

.ui-pagination {
  user-select: none;
  font-family: "Proxima Nova", sans-serif, system-ui;
  box-sizing: border-box;
  outline: none;
}
.ui-pagination__more-button {
  margin: 0 0 24px;
}
.ui-pagination__separator {
  margin: 0 0 24px;
  border: none;
  border-bottom: 1px solid var(--border-secondary-enabled);
}
.ui-pagination__pages-container {
  display: flex;
  justify-content: center;
  align-items: center;
}
.ui-pagination__pages-container_sizes {
  justify-content: space-between;
}
.ui-pagination_medium .ui-pagination__pages-container {
  flex-flow: column-reverse;
}
.ui-pagination__pages-sizes {
  display: flex;
  font-size: 14px;
  line-height: 20px;
  margin-right: 16px;
}
.ui-pagination_medium .ui-pagination__pages-sizes {
  margin-right: 0;
  margin-top: 16px;
}
.ui-pagination__pages-sizes > *:not(:last-child) {
  margin-right: 16px;
}
.ui-pagination__pages-size-text {
  color: var(--content-secondary-enabled);
}
.ui-pagination__pages-size-variant {
  background-color: transparent;
  border: none;
  cursor: pointer;
  font-weight: 600;
  color: var(--content-secondary-enabled);
  padding: 0;
  transition: color 0.1s linear;
}
.ui-pagination__pages-size-variant:hover {
  color: var(--content-secondary-hover);
}
.ui-pagination__pages-size-variant:active {
  color: var(--content-secondary-pressed);
}
.ui-pagination__pages-size-variant_selected {
  color: var(--content-primary-a-enabled);
}
.ui-pagination__pages-size-variant_selected:hover {
  color: var(--content-primary-a-hover);
}
.ui-pagination__pages-size-variant_selected:active {
  color: var(--content-primary-a-pressed);
}
.ui-pagination__page-buttons-container {
  display: flex;
  align-items: center;
  column-gap: 8px;
}
.ui-pagination__page-separator {
  width: 16px;
  height: 1px;
  background-color: var(--border-secondary-enabled);
}
.ui-pagination__page-button {
  border-radius: 8px;
  padding: 16px 0;
  border: 1px solid var(--border-secondary-enabled);
  background-color: var(--background-primary-a-enabled);
  width: 48px;
  cursor: pointer;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  transition-property: background-color, border-color;
  transition-duration: 0.1s;
  transition-timing-function: linear;
  color: var(--content-primary-a-enabled);
}
.ui-pagination_medium .ui-pagination__page-button {
  width: 40px;
  padding: 12px 0;
  font-size: 14px;
  line-height: 20px;
}
.ui-pagination__page-button:hover {
  background-color: var(--background-primary-a-hover);
}
.ui-pagination__page-button:active {
  background-color: var(--background-primary-a-pressed);
}
.ui-pagination__page-button_selected {
  background-color: var(--background-tertiary-enabled);
  border-color: var(--background-tertiary-enabled);
  pointer-events: none;
}
.ui-pagination__arrow-button {
  background-color: transparent;
  transition: color 0.1s linear;
  color: var(--content-secondary-enabled);
  padding: 0;
  height: 56px;
  border: none;
  cursor: pointer;
}
.ui-pagination__arrow-button:hover {
  color: var(--content-secondary-hover);
}
.ui-pagination__arrow-button:active {
  color: var(--content-secondary-pressed);
}
.ui-pagination__arrow-button:disabled {
  pointer-events: none;
  color: var(--content-secondary-disabled);
}

.ui-menu-bar {
  background-color: var(--background-primary-a-enabled);
  border-top: 1px solid var(--border-secondary-enabled);
  width: 100%;
  box-sizing: border-box;
  font-family: "Proxima Nova", sans-serif, system-ui;
}
.ui-menu-bar__container {
  margin: 0;
  padding: 0;
  display: flex;
  width: 100%;
}
.ui-menu-bar__item {
  cursor: pointer;
  padding-top: 4px;
  flex: 1 0;
  display: flex;
  flex-flow: column;
  align-items: center;
  color: var(--content-secondary-enabled);
  transition: color 0.1s linear;
  position: relative;
}
.ui-menu-bar__item_current {
  color: var(--content-accent-enabled);
}
.ui-menu-bar__title {
  margin-top: 2px;
  font-size: 10px;
  line-height: 14px;
}
.ui-menu-bar__notification-mark,
.ui-menu-bar__notification-counter {
  position: absolute;
  border-radius: 7px;
  background-color: var(--background-accent-enabled);
}
.ui-menu-bar__notification-mark {
  top: 1px;
  width: 6px;
  height: 6px;
  left: calc(50% + 12px);
  transform: translateX(-50%);
}
.ui-menu-bar__notification-counter {
  padding: 0 4px;
  color: var(--content-primary-b-enabled);
  font-size: 10px;
  line-height: 14px;
  font-weight: 400;
  top: 0;
  left: 50%;
}

.ui-table-filter {
  margin: 0;
  display: block;
  background-color: var(--background-primary-a-enabled);
  padding: 8px 0;
  border-radius: 12px;
  overflow: auto;
  box-shadow: var(--shadow-large);
}
.ui-table-filter_resettable {
  padding: 8px 0 0;
}
.ui-table-filter__item {
  background-color: var(--background-primary-a-enabled);
  padding: 4px 12px;
  display: flex;
  justify-content: space-between;
  gap: 8px;
}
.ui-table-filter__item_disabled {
  background-color: var(--background-primary-a-disabled);
  color: var(--content-primary-a-disabled);
}
.ui-table-filter__item_reset {
  padding: 12px 16px;
  display: block;
  position: sticky;
  bottom: 0;
  right: 0;
  left: 0;
  box-shadow: 0 -4px 12px 0 rgba(0, 0, 0, 0.09);
}
.ui-table-filter__title {
  white-space: nowrap;
  font-weight: 400;
}
.ui-table-filter::-webkit-scrollbar {
  width: 12px;
}
.ui-table-filter::-webkit-scrollbar-thumb {
  border: 4px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  border-radius: 24px;
  background-color: var(--border-secondary-pressed);
}
.ui-table {
  font-family: "Proxima Nova", sans-serif, system-ui;
  position: relative;
  display: flex !important;
  flex-direction: column;
  background-color: var(--background-primary-a-enabled);
  border-radius: 16px;
}
.ui-table__scroll {
  border-radius: 16px;
}
.ui-table,
.ui-table__header-container,
.ui-table__body-container {
  display: block;
  width: fit-content;
}
.ui-table__body-container {
  position: relative;
}
.ui-button.ui-table__to-top-button {
  left: calc(100% - 48px);
  height: 48px;
  width: 48px;
  pointer-events: all;
}
.ui-table__skeleton-item {
  margin-top: 4px;
  margin-left: 24px;
  height: 80px;
  overflow: hidden;
  position: relative;
  background-color: var(--background-secondary-a-enabled);
  border-radius: 8px;
}
.ui-table__skeleton-item::after {
  content: "";
  position: absolute;
  top: 0;
  width: 145px;
  height: 100%;
  animation-name: ui-skeleton;
  animation-duration: 1.5s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  background-image: linear-gradient(
    90deg,
    transparent 0%,
    var(--border-secondary-enabled) 50%,
    transparent 100%
  );
}
.ui-table__header-slot,
.ui-table__detached-header-slot {
  position: sticky;
  left: 0;
  margin-bottom: 16px;
  z-index: 1;
}
.ui-table__footer-slot {
  position: sticky;
  left: 0;
}
.ui-table__footer-slot:not(:empty) {
  margin-top: 16px;
}
.ui-table__header-container {
  flex-shrink: 0;
  padding: 16px 24px 0;
}
.ui-table__header-container::-webkit-scrollbar {
  width: 0;
  height: 0;
  opacity: 0;
  display: none;
}
.ui-table__header-container_detached {
  background-color: var(--background-primary-a-enabled);
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  padding: 16px 24px;
  overflow: auto;
  z-index: 1;
  animation: headerAppear 0.3s ease;
  box-shadow: var(--shadow-large);
}
.ui-table__header-container_detached.ui-table__header-container_overflow {
  overflow: visible;
}
.ui-table__header-row,
.ui-table__body-row {
  display: flex;
  width: fit-content;
  position: relative;
}
.ui-table__header-cell {
  padding: 0 24px 0 0;
  display: flex;
  flex-flow: column;
  text-align: start;
  user-select: none;
  transition: opacity 0.1s linear;
  flex-grow: 0;
  flex-shrink: 0;
  overflow: hidden;
  position: relative;
}
.ui-table_vertical-dividers .ui-table__header-cell:not(:last-child)::after {
  content: "";
  position: absolute;
  right: 11px;
  width: 1px;
  top: 0;
  bottom: 0;
  background-color: var(--border-secondary-enabled);
}
.ui-table__header-resize-handle {
  cursor: col-resize;
  position: absolute;
  top: 0;
  right: 12px;
  bottom: 0;
  width: 12px;
  background-color: var(--background-primary-a-enabled);
  transition: background-color .1s linear;
}
.ui-table__header-resize-handle:hover {
  background-color: var(--background-primary-a-hover);
}
.ui-table__header-resize-handle:active {
  background-color: var(--background-primary-a-pressed);
}
.ui-table__header-cell-top {
  font-size: 16px;
  line-height: 22px;
  display: flex;
  align-items: flex-end;
}
.ui-table__header-cell-bottom {
  width: 100%;
  margin-top: 8px;
  display: flex;
  position: relative;
  overflow: hidden;
}
.ui-table__header-cell-filter-input {
  font-weight: 400;
  width: 100%;
  flex-grow: 1;
}
.ui-table__header-cell-filter-input .ui-input__inner-input {
  padding: 4px 36px 4px 12px;
  height: 32px;
  border-radius: 8px;
  font-size: 14px;
  line-height: 20px;
}
.ui-table__header-cell-filter-input_select .ui-select__inner-input {
  padding: 4px 36px 4px 12px;
  height: 32px;
  border-radius: 8px;
  font-size: 14px;
  line-height: 20px;
}
.ui-table__header-cell-filter-input_select .ui-select__inner-input_clearable {
  padding: 4px 72px 4px 12px;
}
.ui-table__header-cell-filter-input .ui-input__icon-container {
  right: 13px;
}
.ui-table__header-cell-filter-input_datepicker .ui-datepicker__inner-input {
  padding: 4px 36px 4px 12px;
  height: 32px;
  border-radius: 8px;
  font-size: 14px;
  line-height: 20px;
}
.ui-table__header-cell-filter-input_datepicker .ui-datepicker__inner-icon {
  top: 3px;
  right: 12px;
}
.ui-button.ui-table__header-cell-filter-button {
  margin-left: 8px;
  border-color: var(--border-secondary-enabled);
  color: var(--content-secondary-enabled);
  flex: 0 0 36px;
}
.ui-button.ui-table__header-cell-filter-button:hover {
  margin-left: 8px;
  border-color: var(--border-secondary-hover);
  color: var(--content-secondary-hover);
}
.ui-button.ui-table__header-cell-filter-button:active {
  margin-left: 8px;
  border-color: var(--border-secondary-pressed);
  color: var(--content-secondary-pressed);
}
.ui-table__header-cell-filter-dropdown .ui-dropdown__container {
  min-width: unset;
}
.ui-table__header-cell_dragging {
  opacity: 0;
}
.ui-table__header-cell_settings {
  position: relative;
}
.ui-table__header-cell_filler {
  transition: width .2s ease;
  width: 0;
  padding: 0;
}
.ui-table__header-cell_filler-expanded, .ui-table__body-cell_filler {
  width: 46px;
}
.ui-table__header-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ui-table__header-title_draggable {
  cursor: grab;
}
.ui-table__checkbox_indeterminate .ui-checkbox__btn::after {
  transition: none;
  width: 14px;
  height: 14px;
  border-radius: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='14' height='14' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cline x1='2.8' y1='7.86797' x2='13.2' y2='7.86797' stroke='white' stroke-width='1.6' stroke-linecap='round'/%3e%3c/svg%3e");
}
.ui-table__column-filter-menu {
  max-height: 336px;
  position: absolute;
  top: 30px;
  left: 0;
  z-index: 11;
}
.ui-button.ui-table__sort-button,
.ui-button.ui-table__context-button,
.ui-button.ui-table__settings-button {
  flex: 0 0 22px;
  height: 22px;
  width: 22px;
  color: var(--content-tertiary-enabled);
  padding: 0;
  border: none;
}
.ui-button.ui-table__sort-button:hover,
.ui-button.ui-table__context-button:hover,
.ui-button.ui-table__settings-button:hover {
  color: var(--content-tertiary-hover);
}
.ui-button.ui-table__sort-button:active,
.ui-button.ui-table__context-button:active,
.ui-button.ui-table__settings-button:active,
.ui-button.ui-table__settings-button_enabled,
.ui-button.ui-table__settings-button_enabled:hover,
.ui-button.ui-table__settings-button_enabled:active,
.ui-button.ui-table__context-button_enabled,
.ui-button.ui-table__context-button_enabled:hover,
.ui-button.ui-table__context-button_enabled:active {
  color: var(--content-tertiary-pressed);
}
.ui-button.ui-table__sort-button_enabled {
  color: var(--content-primary-a-enabled);
}
.ui-button.ui-table__sort-button_enabled:hover {
  color: var(--content-primary-a-hover);
}
.ui-button.ui-table__sort-button_enabled:active {
  color: var(--content-primary-a-pressed);
}
.ui-table__body-row {
  position: relative;
  padding: 0 24px;
}
.ui-table__body-row:not(:last-child)::after {
  content: "";
  position: absolute;
  left: 24px;
  right: 24px;
  height: 1px;
  bottom: 0;
  background-color: var(--border-secondary-enabled);
}
.ui-table__body-row_clickable {
  cursor: pointer;
}
.ui-table__body-row_clickable:hover {
  background-color: var(--background-primary-a-hover);
}
.ui-table__body-row_clickable:active {
  background-color: var(--background-primary-a-pressed);
}
.ui-table__body-row_selected {
  background-color: var(--background-secondary-enabled);
}
.ui-table__body-row_selected:hover {
  background-color: var(--background-secondary-hover);
}
.ui-table__body-row_selected:active {
  background-color: var(--background-secondary-pressed);
}
.ui-table__body-cell {
  display: flex;
  padding: 18px 24px 18px 0;
  align-items: center;
}
.ui-table__body-cell_text {
  position: relative;
}
.ui-table__body-text {
  word-break: break-all;
}
.ui-table__body-tooltip {
  position: absolute;
  top: calc(100% - 16px);
  left: -2px;
  max-height: 120px;
  max-width: unset;
  width: 360px;
}
.ui-table__body-tooltip-overlay {
  position: absolute;
  display: block;
  top: calc(50%);
  left: -2px;
  height: 100%;
  width: 100px;
}
.ui-tag.ui-table__body-tag {
  padding-top: 10px;
  padding-bottom: 10px;
}
.ui-table__body-text_copyable {
  display: flex;
  align-items: center;
  overflow: hidden;
  cursor: pointer;
  transition: color 0.1s linear;
}
.ui-table__body-text_copyable:hover {
  color: var(--content-primary-a-hover);
}
.ui-table__body-text_copyable:active {
  color: var(--content-primary-a-pressed);
}
.ui-tag.ui-table__body-tag,
.ui-tag.ui-table__body-tag:hover,
.ui-tag.ui-table__body-tag:active {
  color: var(--content-primary-a-enabled);
  overflow: visible;
  white-space: initial;
}
.ui-table__body-link {
  font-size: 16px;
  line-height: 22px;
  color: var(--content-action-enabled);
  user-select: none;
  cursor: pointer;
  transition: color 0.1s linear;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.ui-table__body-link:hover {
  color: var(--content-action-hover);
}
.ui-table__body-link:active {
  color: var(--content-action-pressed);
}
.ui-table__body-link-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1 0;
}
.ui-table__body-link-icon {
  flex: 0 0 22px;
  margin-left: 6px;
}
.ui-table__drag-item {
  position: fixed;
  font-size: 16px;
  line-height: 22px;
  padding: 8px 12px;
  display: flex;
  align-items: flex-end;
  text-align: start;
  user-select: none;
  background-color: var(--background-primary-a-enabled);
  border-radius: 8px;
  box-shadow: var(--shadow-small);
  cursor: grabbing;
  z-index: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ui-table_dragging .ui-list-move,
.ui-table_dragging .ui-list-enter-active,
.ui-table_dragging .ui-list-leave-active {
  transition: all 0.3s ease;
}
.ui-table_dragging .ui-list-enter-from,
.ui-table_dragging .ui-list-leave-to {
  opacity: 0;
}
.ui-table_dragging .ui-list-leave-active {
  position: absolute;
}
.ui-table__sticky-panel {
  margin-top: 16px;
  position: sticky;
  bottom: 24px;
  left: 16px;
  z-index: 2;
  pointer-events: none;
}
.ui-table__bottom-panel {
  display: flex;
  justify-content: space-between;
  pointer-events: all;
}
.ui-table__to-top-button + .ui-table__bottom-panel {
  margin-top: 16px;
}
.ui-table__bottom-panel:not(:has(.ui-table__select-panel)):has(
    .ui-table__count-data
  ) {
  justify-content: flex-end;
}
.ui-table__select-panel {
  background-color: var(--background-primary-b-enabled);
  color: var(--content-primary-b-enabled);
  box-shadow: var(--shadow-large);
  display: flex;
  border-radius: 12px;
}
.ui-checkbox.ui-table__checkbox {
  display: flex;
  align-items: center;
}
.ui-table__select-panel-item {
  padding: 8px;
  position: relative;
}
.ui-table__select-panel-item_selected {
  padding: 12px 16px 12px 16px;
}
.ui-table__select-panel-item .ui-checkbox__text {
  white-space: nowrap;
}
.ui-table__select-panel-item:last-child {
  border-radius: 0 12px 12px 0;
}
.ui-table__option-tooltip {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  bottom: 100%;
  left: 0;
  max-height: 120px;
  max-width: unset;
  width: 360px;
  transition: opacity .2s linear;
  z-index: 1;
  white-space: normal;
  text-align: start;
}
.ui-button.ui-table__select-panel-button {
  background-color: var(--background-primary-b-enabled);
  color: var(--content-primary-b-enabled);
  border-color: var(--background-primary-b-enabled);
}
.ui-button.ui-table__select-panel-button:hover {
  background-color: var(--background-primary-b-hover);
  border-color: var(--background-primary-b-hover);
}
.ui-button.ui-table__select-panel-button:active {
  background-color: var(--background-primary-b-pressed);
  border-color: var(--background-primary-b-pressed);
}
.ui-button.ui-table__select-panel-button:disabled {
  color: var(--content-primary-b-disabled);
}
.ui-table__select-panel-item_disabled:hover .ui-table__option-tooltip {
  opacity: 1;
  pointer-events: all;
}
.ui-table__count-data {
  background-color: var(--background-primary-b-enabled);
  color: var(--content-primary-b-enabled);
  box-shadow: var(--shadow-large);
  border-radius: 12px;
  overflow: hidden;
  white-space: nowrap;
  line-height: 48px;
  padding: 0 12px;
  font-weight: 600;
}
.ui-table__count-data:not(:first-child) {
  margin-left: 16px;
}
.ui-table__empty-container {
  padding: 0 24px;
  position: sticky;
  top: 0;
  left: 0;
  flex-grow: 1;
}
@keyframes headerAppear {
from {
    transform: translateY(-100px);
}
to {
    transform: translateY(0);
}
}
.ui-fade-enter-active,
.ui-fade-leave-active {
  transition: opacity 0.2s ease;
  z-index: 1;
}
@keyframes ui-skeleton {
from {
    left: -145px;
}
to {
    left: 100%;
}
}

.ui-scroll-select {
  position: relative;
  font-family: "Proxima Nova", sans-serif, system-ui;
  --ui-scroll-select-max-height: 0px;
  --ui-scroll-select-max-height-without-border: calc(
    var(--ui-scroll-select-max-height) - 2px
  );
}
.ui-scroll-select_smooth:not(:has(.ui-scroll-select__message))
.ui-scroll-select__popover {
  margin-bottom: 24px;
}
.ui-scroll-select__label {
  display: block;
  font-weight: 600;
  color: var(--content-primary-a-enabled);
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 16px;
}
.ui-scroll-select_required .ui-scroll-select__label:after {
  content: "*";
  color: var(--content-accent-enabled);
  margin-left: 2px;
}
.ui-scroll-select__description {
  color: var(--content-primary-a-enabled);
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 10px;
}
.ui-scroll-select__message {
  padding: 2px 0;
  font-size: 14px;
  line-height: 20px;
}
.ui-scroll-select__message_error {
  color: var(--content-accent-enabled);
}
.ui-scroll-select__message_warning {
  color: var(--content-system-warning);
}
.ui-scroll-select__message_success {
  color: var(--content-system-positive);
}
.ui-scroll-select__inner-input {
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  background-color: var(--background-primary-a-enabled);
  border: 1px solid var(--border-secondary-enabled);
  border-radius: 12px;
  outline: none;
  font-size: 16px;
  color: var(--content-primary-a-enabled);
  transition-property: color, background-color, border-color;
  transition: linear 0.3s;
  box-sizing: border-box;
  user-select: none;
  height: fit-content;
  max-height: var(--ui-scroll-select-max-height);
  flex-direction: column;
  min-height: 40px;
  overflow: auto;
  padding: 0;
}
.ui-scroll-select__inner-input_medium {
  min-height: 48px;
}
.ui-scroll-select__inner-input_medium
.ui-scroll-select__wrapper-desktop-input-wrapper {
  height: 48px;
  flex-shrink: 0;
}
.ui-scroll-select__inner-input_disabled,
.ui-scroll-select__inner-input_disabled:hover {
  background-color: var(--background-primary-a-disabled);
  pointer-events: none;
  border-color: var(--background-primary-a-disabled);
  color: var(--content-primary-a-disabled);
}
.ui-scroll-select__inner-arrow {
  position: absolute;
  right: 12px;
  transform: translateY(50%);
  bottom: 50%;
  z-index: 1;
  transition: transform 0.3s ease;
  color: var(--content-tertiary-enabled);
}
.ui-scroll-select__inner-arrow:hover {
  color: var(--content-tertiary-enabled);
}
.ui-scroll-select__inner-arrow:active {
  color: var(--content-tertiary-enabled);
}
.ui-scroll-select__inner-input:has(.ui-scroll-select__desktop-searcher)
.ui-scroll-select__inner-arrow {
  bottom: 19px;
}
.ui-scroll-select__inner-input_medium:has(.ui-scroll-select__desktop-searcher)
.ui-scroll-select__inner-arrow {
  bottom: 24px;
}
.ui-scroll-select__inner-arrow_open {
  transform: rotate(180deg) translateY(-50%);
}
.ui-scroll-select__inner-input_medium .ui-scroll-select__inner-input-item {
  height: 36px;
}
.ui-scroll-select__inner-input-item {
  height: 28px;
}
.ui-scroll-select__inner-input_error {
  border-color: var(--content-system-negative);
}
.ui-scroll-select__inner-input_success {
  border-color: var(--content-system-positive);
}
.ui-scroll-select__inner-input.ui-scroll-select__inner-input_open {
  border-color: var(--content-secondary-disabled);
}
.ui-scroll-select__inner-input.ui-scroll-select__inner-input_open.ui-scroll-select__inner-input_error {
  border-color: var(--content-accent-hover);
}
.ui-scroll-select__inner-input.ui-scroll-select__inner-input_open.ui-scroll-select__inner-input_success {
  border-color: var(--content-system-positive);
}
.ui-scroll-select__inner-clear.ui-button {
  position: absolute;
  right: 48px;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  border: none;
  padding: 0;
  color: var(--content-tertiary-enabled);
  top: 50%;
  z-index: 1;
  transition-property: color;
  border-radius: 50%;
}
.ui-scroll-select__inner-input:has(.ui-scroll-select__desktop-searcher)
.ui-scroll-select__inner-clear {
  top: 20px;
  right: 14px;
}
.ui-scroll-select__inner-input_medium:has(.ui-scroll-select__desktop-searcher)
.ui-scroll-select__inner-clear {
  top: 23px;
  right: 14px;
}
.ui-scroll-select__inner-input_medium:has(.ui-scroll-select__desktop-searcher)
.ui-scroll-select__inner-clear {
  top: 23px;
}
.ui-scroll-select__inner-clear.ui-button:hover {
  color: var(--content-tertiary-hover);
}
.ui-scroll-select__inner-clear.ui-button:active {
  color: var(--content-tertiary-pressed);
}
.ui-scroll-select__inner-input .ui-scroll-select__scroll {
  min-height: 38px;
}
.ui-scroll-select__scroll-body {
  height: inherit;
  max-height: var(--ui-scroll-select-max-height-without-border);
  margin-right: 36px;
  width: calc(100% - 36px);
}
.ui-scroll-select__scroll {
  display: flex;
  flex-flow: column-reverse;
  align-items: flex-start;
}
.ui-scroll-select__inner-input:has(.ui-scroll-select__desktop-searcher)
.ui-scroll-select__scroll-body {
  margin-right: 0;
  width: 100%;
}
.ui-scroll-select__inner-input_clearable:has(
    .ui-scroll-select__desktop-searcher
  )
.ui-scroll-select__scroll-body {
  margin-right: 40px;
  width: calc(100% - 40px);
}
.ui-scroll-select__inner-input_clearable:not(
    :has(.ui-scroll-select__desktop-searcher)
  )
.ui-scroll-select__scroll-body {
  margin-right: 72px;
  width: calc(100% - 72px);
}
.ui-scroll-select__inner-input_medium .ui-scroll-select__scroll {
  min-height: 46px;
}
.ui-scroll-select__inner-input-placeholder {
  color: var(--content-secondary-enabled);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 16px;
  height: 100%;
  display: flex;
  align-items: center;
  width: 100%;
}
.ui-scroll-select__inner-input-list {
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
  width: 100%;
  overflow: hidden;
  box-sizing: border-box;
  min-height: fit-content;
  gap: 4px;
  margin: 0;
  padding: 5px 16px;
  position: relative;
}
.ui-scroll-select__inner-input:has(
    .ui-scroll-select__wrapper-desktop-input-wrapper
  )
.ui-scroll-select__inner-input-list {
  padding-bottom: 0;
}
.ui-scroll-select__inner-input-item {
  display: flex;
  flex: 0 1 auto;
  width: fit-content;
  background-color: var(--background-secondary-a-enabled);
  border-radius: 5px;
  padding: 4px 8px;
  align-items: center;
  white-space: nowrap;
  box-sizing: border-box;
  margin: 0;
}
.ui-scroll-select__inner-input-item-text {
  color: var(--content-secondary-enabled);
}
.ui-scroll-select__wrapper-desktop-input-wrapper {
  width: 100%;
  padding-right: 24px;
  height: 40px;
  background-color: var(--background-primary-a-enabled);
}
.ui-scroll-select__desktop-searcher .ui-search__input-container {
  border: none;
}
.ui-scroll-select__desktop-searcher .ui-search__inner-input {
  background: none;
  padding: 0 40px 0 16px;
  height: 40px;
}
.ui-scroll-select__inner-input_medium .ui-search__inner-input {
  height: 46px;
}
.ui-scroll-select__inner-input-item-close.ui-button {
  cursor: pointer;
  margin-left: 8px;
  width: 24px;
  height: 24px;
  flex: 0 0 auto;
  padding: 0;
  border-radius: 0;
  color: var(--content-secondary-enabled);
}
.ui-scroll-select__inner-input-item-close.ui-button:hover {
  color: var(--content-secondary-hover);
}
.ui-scroll-select__inner-input-item-close.ui-button:active {
  color: var(--content-secondary-pressed);
}
.ui-scroll-select .ui-popover__wrapper {
  overflow: hidden;
}
.ui-scroll-select__desktop-menu {
  z-index: 10;
  max-width: 100%;
  height: fit-content;
  overflow: hidden;
}
.ui-scroll-select__desktop-menu-scroll {
  max-height: 350px;
}
.ui-scroll-select__wrapper-desktop {
  border-radius: 12px;
  background-color: var(--background-primary-a-enabled);
  overflow: auto;
  z-index: 10;
}
.ui-scroll-select__wrapper-desktop .tree__item:not(:last-child) {
  margin-bottom: 0;
}
.ui-scroll-select__empty-list-hint {
  color: var(--content-secondary-enabled);
  font-size: 16px;
  line-height: 22px;
  padding: 8px 12px;
  word-break: break-word;
}
.ui-scroll-select__bottom-sheet .ui-scroll-select__empty-list-hint {
  padding: 0 0 8px;
}
.ui-scroll-select__inner-loader {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 48px;
}
.ui-scroll-select__inner-loader-icon {
  color: var(--content-secondary-enabled);
}
.ui-scroll-select__slot-list-container,
.ui-scroll-select__flat-list-container {
  margin: 0;
  padding: 8px 0;
&:empty {
    display: none;
}
}
.ui-scroll-select__slot-list-container:empty {
  display: none;
}
.ui-scroll-select__bottom-sheet .ui-scroll-select__slot-list-container,
.ui-scroll-select__bottom-sheet .ui-scroll-select__flat-list-container {
  padding: 0;
}
.ui-scroll-select__flat-list-item {
  padding: 5px 12px;
  background-color: var(--background-primary-a-enabled);
  transition: background-color 0.1s linear;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 32px;
  cursor: pointer;
}
.ui-scroll-select__slot-list-item {
  background-color: var(--background-primary-a-enabled);
  transition: background-color 0.1s linear;
  display: flex;
  align-items: center;
  cursor: pointer;
  overflow: hidden;
  max-width: 100%;
  max-height: 100%;
}
.ui-scroll-select__slot-list-item:hover,
.ui-scroll-select__flat-list-item:hover {
  background-color: var(--background-primary-a-hover);
}
.ui-scroll-select__slot-list-item:active,
.ui-scroll-select__flat-list-item:active {
  background-color: var(--background-primary-a-pressed);
}
.ui-scroll-select__flat-list-item_selected {
  color: var(--content-accent-enabled);
}
.ui-scroll-select__flat-list-item_disabled {
  pointer-events: none;
}
.ui-scroll-select__flat-list-title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ui-scroll-select__bottom-sheet .ui-scroll-select__flat-list-item {
  padding: 5px 0;
  background-position: right center;
}
.ui-scroll-select__flat-list-item-icon {
  cursor: pointer;
  color: var(--content-tertiary-enabled);
}
.ui-scroll-select__flat-list-item-icon:hover {
  color: var(--content-tertiary-hover);
}
.ui-scroll-select__flat-list-item-icon:active {
  color: var(--content-tertiary-pressed);
}
.ui-scroll-select__flat-list-item-icon:not(:last-child) {
  margin-right: 8px;
}
.ui-scroll-select__flat-list-item-icon_selected,
.ui-scroll-select__flat-list-item-icon_selected:hover,
.ui-scroll-select__flat-list-item-icon_selected:active {
  cursor: default;
  color: var(--content-accent-enabled);
}
.ui-scroll-select__wrapper-desktop-tree-wrapper {
  padding: 8px 12px;
}
.ui-scroll-select__searcher {
  margin-top: 10px;
}
.ui-scroll-select__flat-list-icon-container {
  display: flex;
}
.ui-scroll-select_smooth .ui-scroll-select__message-enter-active,
.ui-scroll-select_smooth .ui-scroll-select__message-leave-active {
  transition-property: opacity, transform;
  transition-duration: 0.3s;
  transition-timing-function: ease;
}
.ui-scroll-select_smooth .ui-scroll-select__message-enter,
.ui-scroll-select_smooth .ui-scroll-select__message-leave {
  transform: translateY(0);
  opacity: 1;
}
.ui-scroll-select_smooth .ui-scroll-select__message-enter-from,
.ui-scroll-select_smooth .ui-scroll-select__message-leave-to {
  transform: translateY(-8px);
  opacity: 0;
}

.ui-illustration {
  --base: var(--neutral-25);
  --outline: var(--neutral-100);
  --suit: var(--neutral-20);
  --gloves: var(--neutral-45);
  --accent: var(--red-60);
  --star: var(--neutral-100);
}
.ui-dark-theme {
.ui-illustration {
    --base: var(--neutral-75);
    --outline: var(--neutral-100);
    --suit: var(--neutral-30);
    --gloves: var(--neutral-60);
    --accent: var(--red-65);
    --star: var(--neutral-40);
}
}

.main-layout[data-v-baa7f4b4] {
  display: flex;
  width: 100%;
  min-height: 100%;
  gap: 16px;
  align-items: flex-start;
}
.main-layout__content[data-v-baa7f4b4] {
  flex: 1;
  min-width: 0;
}
@media (max-width: 768px) {
.main-layout[data-v-baa7f4b4] {
    display: block;
}
}
:root {
  --neutral-white: #ffffff;
  --neutral-black: #000000;
  --neutral-5: #fcfcfd;
  --neutral-10: #f9f9fa;
  --neutral-15: #f3f5f7;
  --neutral-20: #e6e8ed;
  --neutral-25: #d7dae1;
  --neutral-30: #c8ccd6;
  --neutral-35: #bcc1ce;
  --neutral-40: #abb0c1;
  --neutral-45: #9ca3b6;
  --neutral-50: #8890a7;
  --neutral-55: #7a879d;
  --neutral-60: #667387;
  --neutral-65: #4e5867;
  --neutral-70: #444c59;
  --neutral-75: #3b434f;
  --neutral-80: #2d333c;
  --neutral-85: #292f37;
  --neutral-90: #262a32;
  --neutral-95: #22262d;
  --neutral-100: #1e2228;

  --red-5: #fef8f8;
  --red-10: #fdedee;
  --red-15: #fbdbdd;
  --red-20: #f9cccf;
  --red-25: #f8c1c5;
  --red-30: #f6aeb3;
  --red-35: #f49fa5;
  --red-40: #f28b92;
  --red-45: #f07a82;
  --red-50: #ed636c;
  --red-55: #eb4f56;
  --red-60: #e11b11;
  --red-65: #ae1603;
  --red-70: #961500;
  --red-75: #841500;
  --red-80: #670f00;
  --red-85: #5f0f00;
  --red-90: #570e00;
  --red-95: #4f0d00;
  --red-100: #470b00;

  --test: #d7e5f5;
  --blue-5: #f5faff;
  --blue-10: #e6f2ff;
  --blue-15: #cde5ff;
  --blue-20: #b9dbff;
  --blue-25: #a9d3ff;
  --blue-30: #90c5ff;
  --blue-35: #7bbaff;
  --blue-40: #60acff;
  --blue-45: #49a1ff;
  --blue-50: #2b91ff;
  --blue-55: #1284ff;
  --blue-60: #006ee4;
  --blue-65: #0055af;
  --blue-70: #004998;
  --blue-75: #004186;
  --blue-80: #003267;
  --blue-85: #002e5f;
  --blue-90: #002a56;
  --blue-95: #00264e;
  --blue-100: #002246;

  --green-5: #f2fcf6;
  --green-10: #dff6e8;
  --green-15: #bfedcf;
  --green-20: #a4e6bb;
  --green-25: #90e0ac;
  --green-30: #6bd691;
  --green-35: #4ccd7a;
  --green-40: #21c15a;
  --green-45: #00b740;
  --green-50: #00a73b;
  --green-55: #009c37;
  --green-60: #00842f;
  --green-65: #006624;
  --green-70: #00581f;
  --green-75: #004d1b;
  --green-80: #003c15;
  --green-85: #003713;
  --green-90: #003212;
  --green-95: #002d10;
  --green-100: #00280e;

  --yellow-5: #fdfadf;
  --yellow-10: #fdf3ac;
  --yellow-15: #fce34c;
  --yellow-20: #f4d73e;
  --yellow-25: #edcd3b;
  --yellow-30: #e0be37;
  --yellow-35: #d7b334;
  --yellow-40: #c9a431;
  --yellow-45: #bf992e;
  --yellow-50: #b18b2b;
  --yellow-55: #918927;
  --yellow-60: #7b7421;
  --yellow-65: #5f5819;
  --yellow-70: #524c16;
  --yellow-75: #494313;
  --yellow-80: #38330f;
  --yellow-85: #332f0d;
  --yellow-90: #2f2a0c;
  --yellow-95: #2a260b;
  --yellow-100: #262209;

  --orange-5: #fff8f1;
  --orange-10: #ffeedc;
  --orange-15: #ffddb8;
  --orange-20: #ffcf9a;
  --orange-25: #ffc384;
  --orange-30: #ffb05c;
  --orange-35: #ffa03a;
  --orange-40: #ff8a0c;
  --orange-45: #f37e00;
  --orange-50: #df7400;
  --orange-55: #c27332;
  --orange-60: #a5622b;
  --orange-65: #7e4b21;
  --orange-70: #6d411c;
  --orange-75: #603919;
  --orange-80: #492b13;
  --orange-85: #432811;
  --orange-90: #3d2410;
  --orange-95: #37210e;
  --orange-100: #311d0d;

  --purple-5: #faf8fe;
  --purple-10: #f3effd;
  --purple-15: #e7defa;
  --purple-20: #ded1f9;
  --purple-25: #d6c7f7;
  --purple-30: #cbb7f5;
  --purple-35: #c1aaf3;
  --purple-40: #b59af1;
  --purple-45: #ac8def;
  --purple-50: #a07dec;
  --purple-55: #9474dc;
  --purple-60: #7e62ba;
  --purple-65: #604b8f;
  --purple-70: #53417b;
  --purple-75: #49396c;
  --purple-80: #382c53;
  --purple-85: #33284c;
  --purple-90: #2e2445;
  --purple-95: #2a213e;
  --purple-100: #251d37;

  --content-primary-a-enabled: var(--neutral-100);
  --content-primary-a-hover: var(--neutral-70);
  --content-primary-a-pressed: var(--neutral-100);
  --content-primary-a-disabled: var(--neutral-35);

  --content-primary-b-enabled: var(--neutral-white);
  --content-primary-b-hover: var(--neutral-white);
  --content-primary-b-pressed: var(--neutral-white);
  --content-primary-b-disabled: var(--neutral-35);

  --content-secondary-enabled: var(--neutral-60);
  --content-secondary-hover: var(--neutral-55);
  --content-secondary-pressed: var(--neutral-65);
  --content-secondary-disabled: var(--neutral-35);

  --content-tertiary-enabled: var(--neutral-45);
  --content-tertiary-hover: var(--neutral-40);
  --content-tertiary-pressed: var(--neutral-55);
  --content-tertiary-disabled: var(--neutral-35);

  --content-accent-enabled: #f65700;
  --content-accent-hover: #ed5400;
  --content-accent-pressed: #c74600;
  --content-accent-disabled: var(--neutral-35);

  --content-system-positive: var(--green-55);
  --content-system-negative: var(--red-60);
  --content-system-warning: var(--orange-40);
  --content-system-neutral: var(--neutral-65);

  --content-action-enabled: var(--blue-55);
  --content-action-hover: var(--blue-60);
  --content-action-pressed: var(--blue-75);
  --content-action-disabled: var(--neutral-35);

  --background-primary-a-enabled: var(--neutral-white);
  --background-primary-a-hover: var(--neutral-5);
  --background-primary-a-pressed: var(--neutral-10);
  --background-primary-a-disabled: var(--neutral-10);

  --background-primary-b-enabled: var(--neutral-100);
  --background-primary-b-hover: var(--neutral-70);
  --background-primary-b-pressed: var(--neutral-black);
  --background-primary-b-disabled: var(--neutral-10);

  --background-secondary-a-enabled: var(--neutral-15);
  --background-secondary-a-hover: var(--neutral-20);
  --background-secondary-a-pressed: var(--neutral-25);
  --background-secondary-a-disabled: var(--neutral-10);

  --background-secondary-b-enabled: var(--neutral-65);
  --background-secondary-b-hover: var(--neutral-55);
  --background-secondary-b-pressed: var(--neutral-75);
  --background-secondary-b-disabled: var(--neutral-10);

  --background-secondary-enabled: var(--background-secondary-a-enabled);
  --background-secondary-hover: var(--background-secondary-a-hover);
  --background-secondary-pressed: var(--background-secondary-a-pressed);
  --background-secondary-disabled: var(--background-secondary-a-disabled);

  --background-tertiary-enabled: var(--neutral-20);
  --background-tertiary-hover: var(--neutral-25);
  --background-tertiary-pressed: var(--neutral-30);
  --background-tertiary-disabled: var(--neutral-10);

  --background-accent-enabled: #f65700;
  --background-accent-hover: #ed5400;
  --background-accent-pressed: #c74600;
  --background-accent-disabled: var(--neutral-10);

  --border-primary-a-enabled: var(--neutral-100);
  --border-primary-a-hover: var(--neutral-70);
  --border-primary-a-pressed: var(--neutral-100);
  --border-primary-a-disabled: var(--neutral-20);

  --border-primary-b-enabled: var(--neutral-white);
  --border-primary-b-hover: var(--neutral-20);
  --border-primary-b-pressed: var(--neutral-25);
  --border-primary-b-disabled: var(--neutral-20);

  --border-primary-enabled: var(--border-primary-a-enabled);
  --border-primary-hover: var(--border-primary-a-hover);
  --border-primary-pressed: var(--border-primary-a-pressed);
  --border-primary-disabled: var(--border-primary-a-disabled);

  --border-secondary-enabled: var(--neutral-25);
  --border-secondary-hover: var(--neutral-30);
  --border-secondary-pressed: var(--neutral-35);
  --border-secondary-disabled: var(--neutral-20);

  --border-accent-enabled: #f65700;
  --border-accent-hover: #ed5400;
  --border-accent-pressed: #c74600;
  --border-accent-disabled: var(--neutral-20);

  --shadow-small: -4px 6px 7px 0 #1e22282b, 0 0 2px 0 #1e222830;
  --shadow-large: 0 12px 46px 0 #00000019;
}
.ui-dark-theme {
  --content-primary-a-enabled: var(--neutral-15);
  --content-primary-a-hover: var(--neutral-30);
  --content-primary-a-pressed: var(--neutral-25);
  --content-primary-a-disabled: var(--neutral-75);

  --content-primary-b-enabled: var(--neutral-15);
  --content-primary-b-hover: var(--neutral-30);
  --content-primary-b-pressed: var(--neutral-25);
  --content-primary-b-disabled: var(--neutral-75);

  --content-secondary-enabled: var(--neutral-60);
  --content-secondary-hover: var(--neutral-65);
  --content-secondary-pressed: var(--neutral-75);
  --content-secondary-disabled: var(--neutral-75);

  --content-tertiary-enabled: var(--neutral-65);
  --content-tertiary-hover: var(--neutral-55);
  --content-tertiary-pressed: var(--neutral-70);
  --content-tertiary-disabled: var(--neutral-75);

  --content-accent-enabled: #e06d2b;
  --content-accent-hover: #cc6327;
  --content-accent-pressed: #c74600;
  --content-accent-disabled: var(--neutral-75);

  --content-system-neutral: var(--neutral-30);

  --content-action-enabled: var(--blue-50);
  --content-action-hover: var(--blue-60);
  --content-action-pressed: var(--blue-70);
  --content-action-disabled: var(--neutral-75);

  --background-primary-a-enabled: var(--neutral-100);
  --background-primary-a-hover: var(--neutral-95);
  --background-primary-a-pressed: var(--neutral-90);
  --background-primary-a-disabled: var(--neutral-90);

  --background-primary-b-enabled: var(--neutral-40);
  --background-primary-b-hover: var(--neutral-50);
  --background-primary-b-pressed: var(--neutral-55);
  --background-primary-b-disabled: var(--neutral-90);

  --background-secondary-a-enabled: var(--neutral-90);
  --background-secondary-a-hover: var(--neutral-85);
  --background-secondary-a-pressed: var(--neutral-95);
  --background-secondary-a-disabled: var(--neutral-90);

  --background-secondary-b-enabled: var(--neutral-90);
  --background-secondary-b-hover: var(--neutral-85);
  --background-secondary-b-pressed: var(--neutral-95);
  --background-secondary-b-disabled: var(--neutral-90);

  --background-secondary-enabled: var(--background-secondary-a-enabled);
  --background-secondary-hover: var(--background-secondary-a-hover);
  --background-secondary-pressed: var(--background-secondary-a-pressed);
  --background-secondary-disabled: var(--background-secondary-a-disabled);

  --background-tertiary-enabled: var(--neutral-80);
  --background-tertiary-hover: var(--neutral-75);
  --background-tertiary-pressed: var(--neutral-80);
  --background-tertiary-disabled: var(--neutral-90);

  --background-accent-enabled: #e06d2b;
  --background-accent-hover: #cc6327;
  --background-accent-pressed: #b35622;
  --background-accent-disabled: var(--neutral-90);

  --border-primary-a-enabled: var(--neutral-white);
  --border-primary-a-hover: var(--neutral-20);
  --border-primary-a-pressed: var(--neutral-25);
  --border-primary-a-disabled: var(--neutral-90);

  --border-primary-b-enabled: var(--neutral-75);
  --border-primary-b-hover: var(--neutral-70);
  --border-primary-b-pressed: var(--neutral-80);
  --border-primary-b-disabled: var(--neutral-90);

  --border-secondary-enabled: var(--neutral-80);
  --border-secondary-hover: var(--neutral-75);
  --border-secondary-pressed: var(--neutral-75);
  --border-secondary-disabled: var(--neutral-80);

  --border-accent-enabled: #e06d2b;
  --border-accent-hover: #cc6327;
  --border-accent-pressed: #b35622;
  --border-accent-disabled: var(--neutral-90);

  --shadow-small: 0 0 0 1px var(--border-secondary-enabled);
}

.ui-dark-theme_no-transition * {
  transition: none !important;
}
body {
  -webkit-font-smoothing: antialiased;
}

@font-face {
  font-family: "Proxima Nova";
  src: url("/assets/ProximaNova-Light-D61mr4Wz.ttf");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Proxima Nova";
  src: url("/assets/ProximaNova-Regular-UDTIh_YD.ttf");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Proxima Nova";
  src: url("/assets/ProximaNova-Semibold-FQCUFOu6.ttf");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "Proxima Nova";
  src: url("/assets/ProximaNova-Bold-B18tUPll.ttf");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "Proxima Nova";
  src: url("/assets/ProximaNova-Extrabld-D8o6ubGf.ttf");
  font-weight: 800;
  font-style: normal;
}
:root {
  --content-padding: 24px;
  --content-gap: 16px;
  --radius: 12px;

  --screen-height: 100vh;
}

@supports (height: 100dvh) {
  :root {
    --screen-height: 100dvh;
  }
}

@media (max-width: 1100px) {
  :root {
    --content-padding: 16px;
  }
}

@media (max-width: 768px) {
  :root {
    --content-padding: 16px;
    --content-gap: 12px;
  }
}

/* --content-primary-a-enabled: var(--neutral-100);
  --content-primary-a-hover: var(--neutral-70);
  --content-primary-a-pressed: var(--neutral-100);
  --content-primary-a-disabled: var(--neutral-35);

  --content-primary-b-enabled: var(--neutral-white);
  --content-primary-b-hover: var(--neutral-white);
  --content-primary-b-pressed: var(--neutral-white);
  --content-primary-b-disabled: var(--neutral-35);

  --content-secondary-enabled: var(--neutral-60);
  --content-secondary-hover: var(--neutral-55);
  --content-secondary-pressed: var(--neutral-65);
  --content-secondary-disabled: var(--neutral-35);

  --content-tertiary-enabled: var(--neutral-45);
  --content-tertiary-hover: var(--neutral-40);
  --content-tertiary-pressed: var(--neutral-55);
  --content-tertiary-disabled: var(--neutral-35);

  --content-accent-enabled: #f65700;
  --content-accent-hover: #ed5400;
  --content-accent-pressed: #c74600;
  --content-accent-disabled: var(--neutral-35);

  --content-system-positive: var(--green-55);
  --content-system-negative: var(--red-60);
  --content-system-warning: var(--orange-40);
  --content-system-neutral: var(--neutral-65);

  --content-action-enabled: var(--blue-55);
  --content-action-hover: var(--blue-60);
  --content-action-pressed: var(--blue-75);
  --content-action-disabled: var(--neutral-35);

  --background-primary-a-enabled: var(--neutral-white);
  --background-primary-a-hover: var(--neutral-5);
  --background-primary-a-pressed: var(--neutral-10);
  --background-primary-a-disabled: var(--neutral-10);

  --background-primary-b-enabled: var(--neutral-100);
  --background-primary-b-hover: var(--neutral-70);
  --background-primary-b-pressed: var(--neutral-black);
  --background-primary-b-disabled: var(--neutral-10);

  --background-secondary-a-enabled: var(--neutral-15);
  --background-secondary-a-hover: var(--neutral-20);
  --background-secondary-a-pressed: var(--neutral-25);
  --background-secondary-a-disabled: var(--neutral-10);

  --background-secondary-b-enabled: var(--neutral-65);
  --background-secondary-b-hover: var(--neutral-55);
  --background-secondary-b-pressed: var(--neutral-75);
  --background-secondary-b-disabled: var(--neutral-10);

  --background-secondary-enabled: var(--background-secondary-a-enabled);
  --background-secondary-hover: var(--background-secondary-a-hover);
  --background-secondary-pressed: var(--background-secondary-a-pressed);
  --background-secondary-disabled: var(--background-secondary-a-disabled);

  --background-tertiary-enabled: var(--neutral-20);
  --background-tertiary-hover: var(--neutral-25);
  --background-tertiary-pressed: var(--neutral-30);
  --background-tertiary-disabled: var(--neutral-10);

  --background-accent-enabled: #f65700;
  --background-accent-hover: #ed5400;
  --background-accent-pressed: #c74600;
  --background-accent-disabled: var(--neutral-10);

  --border-primary-a-enabled: var(--neutral-100);
  --border-primary-a-hover: var(--neutral-70);
  --border-primary-a-pressed: var(--neutral-100);
  --border-primary-a-disabled: var(--neutral-20);

  --border-primary-b-enabled: var(--neutral-white);
  --border-primary-b-hover: var(--neutral-20);
  --border-primary-b-pressed: var(--neutral-25);
  --border-primary-b-disabled: var(--neutral-20);

  --border-primary-enabled: var(--border-primary-a-enabled);
  --border-primary-hover: var(--border-primary-a-hover);
  --border-primary-pressed: var(--border-primary-a-pressed);
  --border-primary-disabled: var(--border-primary-a-disabled);

  --border-secondary-enabled: var(--neutral-25);
  --border-secondary-hover: var(--neutral-30);
  --border-secondary-pressed: var(--neutral-35);
  --border-secondary-disabled: var(--neutral-20);

  --border-accent-enabled: #f65700;
  --border-accent-hover: #ed5400;
  --border-accent-pressed: #c74600;
  --border-accent-disabled: var(--neutral-20);

  --shadow-small: -4px 6px 7px 0 #1e22282b, 0 0 2px 0 #1e222830;
  --shadow-large: 0 12px 46px 0 #00000019; */
* {
  box-sizing: border-box;
  outline: none !important;
  background-repeat: no-repeat;
  -webkit-tap-highlight-color: transparent;
  font-family: "Proxima Nova", sans-serif;
}

body {
  margin: 0;
  height: 100%;
  overflow-x: hidden;
  background-color: var(--background-secondary-a-enabled) !important;
}

main {
  display: block;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace, monospace;
}

a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

input {
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
  font-weight: 300;
}

button,
select {
  text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  -webkit-appearance: textfield;
  appearance: textfield;
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

a,
button,
input[type="checkbox"] {
  cursor: pointer;
}

a,
button {
  transition: 0.3s;
}

[hidden] {
  display: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
li {
  margin: 0;
}

a {
  color: inherit;
  text-decoration: none;
}

ul {
  padding: 0;
  list-style: none;
  margin: 0;
}
:root {
  --fs-2xs: 11px; /* самые мелкие бейджи/подписи */
  --fs-xs: 12px; /* бейджи, таймстемпы, meta */
  --fs-sm: 14px; /* вторичный текст, username, ошибки, лейблы */
  --fs-base: 16px; /* база для заголовков h4-h6 */
  --fs-md: 18px; /* h3, подзаголовки */
  --fs-lg: 20px; /* крупные заголовки карточек */
  --fs-xl: 24px; /* h2 */
  --fs-2xl: 28px; /* крупные имена/заголовки */
  --fs-3xl: 32px; /* h1 */

  --lh-tight: 1.2;
  --lh-snug: 1.25;
  --lh-normal: 1.4;
  --lh-relaxed: 1.55;

  --lh-none: 1;

  --fw-regular: 400;
  --fw-medium: 600;
  --fw-bold: 700;
  --fw-black: 800;
  --fw-heavy: 900;
}

@media (max-width: 1100px) {
  :root {
    --fs-sm: 13px;
    --fs-base: 15px;
    --fs-md: 17px;
    --fs-lg: 19px;
    --fs-xl: 22px;
    --fs-2xl: 25px;
    --fs-3xl: 28px;
  }
}

@media (max-width: 768px) {
  :root {
    --fs-2xs: 10px;
    --fs-xs: 11px;
    --fs-sm: 13px;
    --fs-base: 14px;
    --fs-md: 16px;
    --fs-lg: 18px;
    --fs-xl: 20px;
    --fs-2xl: 22px;
    --fs-3xl: 24px;
  }
}

h1 {
  font-size: var(--fs-3xl);
  font-weight: var(--fw-bold);
  line-height: var(--lh-tight);
}

h2 {
  font-size: var(--fs-xl);
  font-weight: var(--fw-bold);
  line-height: var(--lh-snug);
}

h3 {
  font-size: var(--fs-md);
  font-weight: var(--fw-bold);
  line-height: var(--lh-snug);
}

h4,
h5,
h6 {
  font-size: var(--fs-base);
  font-weight: var(--fw-bold);
  line-height: var(--lh-snug);
}

p,
span,
li {
  /* font-size: 16px; */
  /* line-height: var(--lh-normal); */
}
.skeleton-block {
  border-radius: var(--radius);
  background: linear-gradient(
    90deg,
    var(--background-tertiary-enabled) 25%,
    var(--background-tertiary-hover) 37%,
    var(--background-tertiary-enabled) 63%
  );
  background-size: 400% 100%;
  animation: skeleton-shimmer 1.4s ease-in-out infinite;
}

@keyframes skeleton-shimmer {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .skeleton-block {
    animation: none;
    background: var(--background-tertiary-enabled);
  }
}
/* Глобальные переиспользуемые transition-анимации.
   Каждый блок — именованная анимация для конкретного сценария,
   подключается через <Transition name="..."> в компонентах. */

/* page-fade: смена страниц при переходе между роутами (App.vue) */
.page-fade-enter-active,
.page-fade-leave-active {
  transition:
    opacity 180ms cubic-bezier(0.4, 0, 0.2, 1),
    transform 180ms cubic-bezier(0.4, 0, 0.2, 1);
}

.page-fade-enter-from {
  opacity: 0;
  transform: translateY(8px);
}

.page-fade-leave-to {
  opacity: 0;
  transform: translateY(-8px);
}

/* attachment-fade: плавное появление/скрытие превью вложений в форме
   отправки сообщения (AttachmentFormPreview.vue). Анимация высоты
   рассчитывается в JS-хуках компонента (height: auto не анимируется). */
.attachment-fade-enter-active,
.attachment-fade-leave-active {
  overflow: hidden;
  transition: height 400ms ease;
}

/* tabs-fade: смена контента при переключении UITabs, чтобы контент
   не "прыгал" при мгновенной замене (ContactsPage и т.п.) */
.tabs-fade-enter-active,
.tabs-fade-leave-active {
  transition:
    opacity 160ms cubic-bezier(0.4, 0, 0.2, 1),
    transform 160ms cubic-bezier(0.4, 0, 0.2, 1);
}

.tabs-fade-enter-from {
  opacity: 0;
  transform: translateY(6px);
}

.tabs-fade-leave-to {
  opacity: 0;
  transform: translateY(-6px);
}

/* card-fade: переход между skeleton-заглушкой и реальным содержимым внутри
   карточки списка (PostCard, ContactCard, EventCard и т.п.), когда элемент
   данных еще не пришел (undefined-пропс рендерит skeleton-ветку) */
.card-fade-enter-active,
.card-fade-leave-active {
  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1);
}

.card-fade-enter-from,
.card-fade-leave-to {
  opacity: 0;
}

/* sidebar-slide: открытие/закрытие бокового оверлей-панели поверх контента
   (ConferenceChat и т.п. — панели с position: absolute, которые появляются
   сдвигом и затуханием) */
.sidebar-slide-enter-active,
.sidebar-slide-leave-active {
  transition:
    opacity 180ms cubic-bezier(0.4, 0, 0.2, 1),
    transform 180ms cubic-bezier(0.4, 0, 0.2, 1);
}

.sidebar-slide-enter-from,
.sidebar-slide-leave-to {
  opacity: 0;
  transform: translateX(-16px);
}

@media (prefers-reduced-motion: reduce) {
  .page-fade-enter-active,
  .page-fade-leave-active,
  .tabs-fade-enter-active,
  .tabs-fade-leave-active,
  .card-fade-enter-active,
  .card-fade-leave-active,
  .sidebar-slide-enter-active,
  .sidebar-slide-leave-active {
    transition: opacity 120ms linear;
  }

  .page-fade-enter-from,
  .page-fade-leave-to,
  .tabs-fade-enter-from,
  .tabs-fade-leave-to,
  .sidebar-slide-enter-from,
  .sidebar-slide-leave-to {
    transform: none;
  }
}

html,
body {
  color: var(--content-primary-a-enabled);
  background-color: var(--background-secondary-a-enabled);
  scrollbar-width: none;
}

html::-webkit-scrollbar,
body::-webkit-scrollbar {
  display: none;
}

#app {
  min-height: var(--screen-height);
  width: 100%;
}

.app-loading-icon {
  color: var(--content-accent-enabled);
}

.app-modal-actions {
  display: flex;
  justify-content: flex-end;
  gap: 16px;
}

@media (max-width: 768px) {
  .scrollbar-hidden {
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

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