/* node_modules/@angular/cdk/overlay-prebuilt.css */
.cdk-overlay-container,
.cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}
.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}
.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  display: flex;
  max-width: 100%;
  max-height: 100%;
  z-index: 1000;
}
.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  opacity: 0;
  touch-action: manipulation;
  z-index: 1000;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
}
@media (prefers-reduced-motion) {
  .cdk-overlay-backdrop {
    transition-duration: 1ms;
  }
}
.cdk-overlay-backdrop-showing {
  opacity: 1;
}
@media (forced-colors: active) {
  .cdk-overlay-backdrop-showing {
    opacity: .6;
  }
}
.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, .32);
}
.cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,
.cdk-high-contrast-active .cdk-overlay-transparent-backdrop {
  opacity: 0;
  visibility: visible;
}
.cdk-overlay-backdrop-noop-animation {
  transition: none;
}
.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
  z-index: 1000;
}
.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}
.cdk-overlay-popover {
  background: none;
  border: none;
  padding: 0;
  outline: 0;
  overflow: visible;
  position: fixed;
  pointer-events: none;
  white-space: normal;
  color: inherit;
  text-decoration: none;
  width: 100%;
  height: 100%;
  inset: auto;
  top: 0;
  left: 0;
}
.cdk-overlay-popover::backdrop {
  display: none;
}
.cdk-overlay-popover .cdk-overlay-backdrop {
  position: fixed;
  z-index: auto;
}

/* apps/app/src/styles.scss */
.mirror-video .web-rtc-video,
.mirror-video .self-item-video,
.mirror-video .camera-control-video,
.mirror-video .lobby-self-preview-video {
  transform: scaleX(-1);
}
.cdk-overlay-container,
.cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}
.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}
.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  display: flex;
  max-width: 100%;
  max-height: 100%;
  z-index: 1000;
}
.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  opacity: 0;
  touch-action: manipulation;
  z-index: 1000;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
}
@media (prefers-reduced-motion) {
  .cdk-overlay-backdrop {
    transition-duration: 1ms;
  }
}
.cdk-overlay-backdrop-showing {
  opacity: 1;
}
@media (forced-colors: active) {
  .cdk-overlay-backdrop-showing {
    opacity: 0.6;
  }
}
.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.32);
}
.cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,
.cdk-high-contrast-active .cdk-overlay-transparent-backdrop {
  opacity: 0;
  visibility: visible;
}
.cdk-overlay-backdrop-noop-animation {
  transition: none;
}
.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
  z-index: 1000;
}
.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}
.cdk-overlay-popover {
  background: none;
  border: none;
  padding: 0;
  outline: 0;
  overflow: visible;
  position: fixed;
  pointer-events: none;
  white-space: normal;
  color: inherit;
  text-decoration: none;
  width: 100%;
  height: 100%;
  inset: auto;
  top: 0;
  left: 0;
}
.cdk-overlay-popover::backdrop {
  display: none;
}
.cdk-overlay-popover .cdk-overlay-backdrop {
  position: fixed;
  z-index: auto;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
[theme=dark] {
  --badge-border: var(--dark--neutral-color-2);
  --box-shadow-s: 0px 0px 8px rgba(14, 24, 36, 0.24);
  --box-shadow-s_color: rgba(14, 24, 36, 0.24);
  --box-shadow-m: 0px 2px 16px 2px rgba(14, 24, 36, 0.24);
  --box-shadow-m_color: rgba(14, 24, 36, 0.24);
  --box-shadow-l: 0px 6px 24px 2px rgba(14, 24, 36, 0.32);
  --box-shadow-l_color: rgba(14, 24, 36, 0.32);
  --box-shadow-xl: 0px 8px 32px 2px rgba(14, 24, 36, 0.48);
  --box-shadow-xl_color: rgba(14, 24, 36, 0.48);
  --box-shadow-xxl: 0px 12px 48px rgba(14, 24, 36, 0.6);
  --box-shadow-xxl_color: rgba(14, 24, 36, 0.6);
  --button-filled-pressed-bg: var(--dark--white-100);
  --button-filled-pressed-text: var(--dark--link-color);
  --button-secondary-bg: var(--dark--neutral-color-2);
  --button-secondary-plus-icon: var(--dark--neutral-color-7);
  --button-secondary-disabled-plus-icon: var(--dark--neutral-color-6);
  --button-secondary-disabled-border: var(--dark--neutral-color-5);
  --button-action-secondary-icon-line: var(--dark--neutral-color-5);
  --button-action-secondary-icon-arrow: var(--dark--neutral-color-7);
  --icon-button: var(--dark--font-gray-1-color);
  --icon-button-hover: var(--dark--font-gray-2-color);
  --icon-button-click: var(--dark--link-color);
  --icon-button-disabled: var(--dark--font-disabled-color);
  --icon-button-pressed: var(--dark--link-color);
  --icon-button-pressed-hover: var(--dark--link-hovered-color);
  --icon-button-pressed-click: var(--dark--link-click-color);
  --icon-button-pressed-disabled: var(--dark--link-disable-color);
  --icon-button_bg: var(--dark--btn-color);
  --icon-button-hover_bg: var(--dark--btn-hover-color);
  --icon-button-active_bg: var(--dark--white-100);
  --icon-button-active-hover_bg: var(--dark--white-100);
  --buttons-group-border: var(--dark--btn-hover-color);
  --buttons-group-bg: var(--dark--neutral-color-3);
  --buttons-group-text: var(--dark--neutral-color-7);
  --buttons-group-selected-bg: var(--dark--btn-color);
  --buttons-group-selected-text: var(--dark--white-100);
  --calendar-not-current-months-day-color: var(--light--font-disabled-color);
  --calendar-weekend-day-color: var(--light--font-disabled-color);
  --calendar-day-of-week-title-color: var(--light--font-gray-1-color);
  --calendar-day-of-week-weekend-title-color: var(--light--error-color);
  --calendar-day-of-week-color: var(--light--font-gray-2-color);
  --calendar-day-of-week-disabled-color: var(--light--font-disabled-color);
  --calendar-day-of-week-weekend-color: var(--light--error-color);
  --calendar-day-of-week-selected-color: var(--light--white-100);
  --calendar-day-of-week-selected-bg: var(--light--link-color);
  --calendar-day-of-week-separator-color: var(--light--black-100);
  --calendar-day-of-week-separator-transparency: var(--light--transparency-5);
  --cancelable-progress-circle_stroke: var(--dark--neutral-color-7);
  --cancelable-progress-container-hover_bg: var(--dark--neutral-color-6);
  --cancelable-progress-container-hover-circle_bg: var(--dark--white-100);
  --cancelable-progress-container-hover-cross-container_fill: var(--dark--white-100);
  --cancelable-progress-container-active_bg: var(--light--neutral-color-5);
  --cancelable-progress-container-active-circle_stroke: var(--dark--white-100);
  --cancelable-progress-container-active-cross-container_fill: var(--dark--white-100);
  --cancelable-progress-cross-container_fill: var(--dark--neutral-color-7);
  --checkbox-unchecked-bg: var(--dark--neutral-color-2);
  --checkbox-unchecked-bg-disabled: var(--dark--btn-disabled-color);
  --checkbox-unchecked-border: var(--dark--btn-color);
  --checkbox-unchecked-border-hover: var(--dark--btn-hover-color);
  --checkbox-unchecked-border-click: var(--dark--btn-click-color);
  --checkbox-unchecked-border-disabled: var(--dark--white-100);
  --checkbox-unchecked-border-disabled-transparency: var(--transparency-5);
  --checkbox-checked-bg: var(--dark--primary-color);
  --checkbox-checked-bg-hover: var(--dark--primary-hover-color);
  --checkbox-checked-bg-click: var(--dark--primary-click-color);
  --checkbox-checked-bg-disabled: var(--dark--btn-disabled-color);
  --checkbox-checked-border: var(--dark--white-100);
  --checkbox-checked-border-transparency: var(--transparency-5);
  --datepicker-standard-container-border: var(--light--btn-click-color);
  --datepicker-standard-container-icon: var(--light--font-disabled-color);
  --datepicker-popover-bg: var(--light--white-100);
  --datepicker-year-month-swither-border: var(--light--btn-color);
  --datepicker-year-month-swither-icons-fill: var(--light--font-gray-1-color);
  --datepicker-selected-month-bg: var(--light--link-color);
  --datepicker-selected-month-color: var(--light--white-100);
  --datepicker-previous-month-color: var(--light--font-disabled-color);
  --datepicker-selected-year-bg: var(--light--link-color);
  --datepicker-selected-year-color: var(--light--white-100);
  --datepicker-previous-year-color: var(--light--font-disabled-color);
  --datepicker-disabled-bg: var(--light--btn-disabled-color);
  --datepicker-disabled-border: var(--light--neutral-color-5);
  --datepicker-disabled--icon-color: var(--light--neutral-color-6);
  --dropdown-border: var(--dark--neutral-color-5);
  --dropdown-item-border: var(--dark--neutral-color-5);
  --dropdown-bg: var(--dark--neutral-color-3);
  --dropdown-item-hover-bg: var(--dark--neutral-color-4);
  --dropdown-item-selected-bg: var(--dark--neutral-color-5);
  --dropdown-item-focused-bg: var(--dark--neutral-color-4);
  --font-main-color:
    255,
    255,
    255;
  --font-red-color:
    255,
    101,
    101;
  --font-gray-1-color:
    147,
    175,
    204;
  --font-gray-2-color:
    201,
    215,
    230;
  --font-brand-color: var(--dark--primary-color);
  --font-link-color: var(--dark--link-color);
  --font-success-color: var(--dark--success-color);
  --font-warning-color: var(--dark--warning-color);
  --font-error-color: var(--dark--error-color);
  --font-disabled-color:
    103,
    122,
    143;
  --font-main-inverse-color:
    38,
    60,
    82;
  --grid-sort-icon-fill: var(--dark--neutral-color-7);
  --grid-col-resize-tick_bg: var(--dark--white-100);
  --grid-col-resize-tick_transparency: var(--transparency-10);
  --grid-col-resize-ghost_bg: var(--dark--white-100);
  --grid-col-resize-ghost_transparency: var(--transparency-15);
  --grid-th_bg: var(--dark--neutral-color-4);
  --grid-tr-hover_bg: var(--dark--primary-color);
  --grid-tr-hover_bg_transparency: var(--transparency-20);
  --grid-td_border: var(--dark--neutral-color-3);
  --grid-tr_bg: var(--dark--neutral-color-2);
  --grid-fixed-shadow: var(--dark--neutral-color-5);
  --grid-td-selected_bg: var(--dark--primary-color);
  --grid-td-selected_bg_transparency: var(--transparency-40);
  --input-empty-bg: var(--dark--neutral-color-2);
  --input-empty-border: var(--dark--btn-color);
  --input-bg-hover: var(--dark--neutral-color-2);
  --input-border-hover: var(--dark--btn-hover-color);
  --input-bg-focus: var(--dark--neutral-color-1);
  --input-filled-bg: var(--dark--neutral-color-1);
  --input-filled-border: var(--dark--btn-click-color);
  --input-bg-disabled: var(--dark--btn-disabled-color);
  --input-border-disabled: var(--dark--white-100);
  --input-border-disabled-transparency: var(--transparency-5);
  --input-icon: var(--dark--neutral-color-7);
  --input-icon-disabled: var(--dark--font-disabled-color);
  --input-hide-icon-fill: var(--dark--font-gray-1-color);
  --input-hide-icon-fill-hover: var(--dark--white-100);
  --input-placeholder: var(--dark--font-disabled-color);
  --input-placeholder-disabled: var(--dark--font-disabled-color);
  --input-text-disabled: var(--dark--font-disabled-color);
  --input-time-bg: var(--dark--neutral-color-1);
  --interactive-main: var(--dark--primary-color);
  --interactive-main-border: var(--dark--white-100);
  --interactive-main-border-transparency: .1;
  --interactive-bg: var(--dark--neutral-color-1);
  --interactive-border: var(--dark--btn-color);
  --interactive-hover-main: var(--dark--primary-hover-color);
  --interactive-hover-border: var(--dark--btn-hover-color);
  --interactive-kb-focused-border: var(--dark--link-color);
  --interactive-kb-focused-border-transparency: .60;
  --interactive-click-main: var(--dark--primary-click-color);
  --interactive-click-border: var(--dark--btn-click-color);
  --interactive-disabled-main: var(--dark--neutral-color-4);
  --interactive-disabled-bg: var(--dark--neutral-color-2);
  --interactive-disabled-border: var(--dark--neutral-color-5);
  --radio-bg: var(--dark--neutral-color-2);
  --radio-bg-disabled: var(--dark--btn-disabled-color);
  --radio-border: var(--dark--btn-color);
  --radio-border-disabled: var(--dark--white-100);
  --radio-border-disabled-transparency: var(--transparency-5);
  --radio-unchecked-border-hover: var(--dark--btn-hover-color);
  --radio-unchecked-border-click: var(--dark--btn-click-color);
  --radio-checked-border-hover: var(--dark--primary-hover-color);
  --radio-checked-border-click: var(--dark--primary-click-color);
  --radio-dot-bg: var(--dark--primary-color);
  --radio-dot-bg-hover: var(--dark--primary-hover-color);
  --radio-dot-bg-click: var(--dark--primary-click-color);
  --radio-dot-bg-disabled: var(--dark--font-disabled-color);
  --mic-level-empty-bars: var(--dark--neutral-color-5);
  --mic-level-icon-indicator: var(--light--white-100);
  --modal-card_bg: var(--dark--neutral-color-3);
  --modal-card_border: var(--dark--neutral-color-4);
  --modal-header_border: var(--dark--neutral-color-4);
  --modal-footer_border: var(--dark--neutral-color-4);
  --modal-after_border: var(--dark--neutral-color-3);
  --popover_bg: var(--dark--neutral-color-3);
  --popover_border: var(--dark--neutral-color-4);
  --scroll-bar-bg: var(--dark--neutral-color-6);
  --scroll-bar-thumb: var(--dark--neutral-color-7);
  --seeker-empty-bar: var(--dark--neutral-color-6);
  --seeker-secondary-empty-bar: var(--dark--white-100);
  --seeker-secondary-empty-bar-transparency: .32;
  --seeker-focused-thumb: var(--dark--primary-hover-color);
  --seeker-dot-tick: var(--dark--white-100);
  --seeker-dot-tick-transparency: .68;
  --seeker-progress-bar: var(--dark--white-100);
  --seeker-progress-bar-transparency: .32;
  --select-empty-border: var(--dark--btn-color);
  --select-border: var(--dark--btn-click-color);
  --select-flat-border: var(--dark--btn-color);
  --select-selected-bg: var(--dark--neutral-color-2);
  --select-focused-bg: var(--dark--neutral-color-1);
  --select-arrow: var(--dark--neutral-color-7);
  --select-disabled-arrow: var(--dark--neutral-color-7);
  --select-disabled-bg: var(--dark--btn-disabled-color);
  --select-disabled-border: var(--dark--neutral-color-5);
  --title-background: var(--dark--white-100);
  --title-transparency: .68;
  --title-text: var(--dark--neutral-color-4);
  --hint-border: var(--dark--neutral-color-5);
  --hint-background: var(--dark--neutral-color-3);
  --hint-transparency: 1;
  --hint-text: var(--dark--white-100);
  --toggle-bg-disabled: var(--dark--neutral-color-3);
  --toggle-border-disabled: var(--dark--white-100);
  --toggle-border-transparency-disabled: var(--transparency-5);
  --toggle-checked-bg: var(--dark--primary-color);
  --toggle-checked-bg-hover: var(--dark--primary-hover-color);
  --toggle-checked-bg-click: var(--dark--primary-click-color);
  --toggle-checked-border: var(--dark--primary-color);
  --toggle-checked-border-transparency: var(--transparency-5);
  --toggle-unchecked-bg: var(--dark--neutral-color-3);
  --toggle-unchecked-border: var(--dark--btn-color);
  --toggle-unchecked-border-hover: var(--dark--btn-hover-color);
  --toggle-unchecked-border-click: var(--dark--btn-click-color);
  --toggle-circle-bg: var(--dark--white-100);
  --toggle-circle-bg-disabled: var(--dark--font-disabled-color);
  --toggle-circle-shadows: get-shadow(box-shadow-s);
  --toastr-info-bg: var(--neutral-color-6);
  --toastr-success-bg: var(--success-color);
  --toastr-error-bg: var(--error-color);
  --toastr-info-opacity: .5;
  --toastr-success-opacity: .20;
  --toastr-error-opacity: .25;
  --toastr-border-opacity: .35;
  --toastr-title-color: var(--white-100);
  --toastr-message-color: var(--font-gray-2-color);
  --toastr-main-blend-color: var(--neutral-color-1);
  --transparency-100: 1;
  --transparency-85: .85;
  --transparency-80: .80;
  --transparency-60: .60;
  --transparency-50: .50;
  --transparency-40: .40;
  --transparency-30: .30;
  --transparency-20: .20;
  --transparency-15: .15;
  --transparency-10: .10;
  --transparency-5: .05;
  --transparency-0: 0;
  --tab-list-border-color: var(--dark--neutral-color-3);
  --tab-hover-underline-color: var(--dark--neutral-color-3);
  --tab-label-focus-color: var(--dark--link-color);
  --tab-label-content-color: var(--dark--font-gray-1-color);
  --tab-label-content-active-color: var(--dark--primary-color);
  --ink-bar-color: var(--dark--primary-color);
  --tooltip-background: var(--dark--neutral-color-3);
  --tooltip-border: var(--dark--neutral-color-4);
  --primary-color:
    62,
    158,
    142;
  --primary-hover-color:
    99,
    177,
    164;
  --primary-click-color:
    127,
    190,
    180;
  --primary-disabled-color:
    33,
    56,
    82;
  --btn-color:
    55,
    94,
    138;
  --btn-hover-color:
    85,
    118,
    156;
  --btn-click-color:
    115,
    142,
    173;
  --btn-disabled-color:
    26,
    45,
    66;
  --neutral-color-1:
    14,
    24,
    36;
  --neutral-color-2:
    22,
    38,
    56;
  --neutral-color-3:
    31,
    52,
    76;
  --neutral-color-4:
    39,
    66,
    97;
  --neutral-color-5:
    47,
    80,
    117;
  --neutral-color-6:
    55,
    94,
    138;
  --neutral-color-7:
    147,
    175,
    204;
  --neutral-color-8:
    21,
    0,
    8;
  --neutral-color-9:
    51,
    153,
    102;
  --error-color:
    192,
    41,
    45;
  --error-hover-color:
    201,
    73,
    76;
  --error-click-color:
    211,
    105,
    108;
  --error-disabled-color:
    134,
    29,
    31;
  --warning-color:
    230,
    150,
    46;
  --success-color:
    78,
    206,
    61;
  --link-color:
    10,
    164,
    240;
  --link-hovered-color:
    47,
    178,
    242;
  --link-click-color:
    83,
    191,
    245;
  --link-disable-color:
    26,
    75,
    100;
  --red-link-hovered-color:
    238,
    74,
    74;
  --red-link-click-color:
    241,
    106,
    106;
  --transparency-link: .32;
  --black-100:
    0,
    0,
    0;
  --white-100:
    255,
    255,
    255;
  --second-1:
    241,
    244,
    248;
  --optional-color:
    255,
    213,
    79;
  --ext-color-1:
    51,
    153,
    255;
  --ext-color-2:
    102,
    204,
    102;
  --ext-color-3:
    255,
    102,
    204;
  --ext-color-4:
    51,
    153,
    102;
  --ext-color-5:
    255,
    153,
    102;
  --ext-color-6:
    0,
    204,
    204;
  --ext-color-7:
    204,
    153,
    51;
  --ext-color-8:
    208,
    200,
    11;
  --ext-color-9:
    102,
    204,
    0;
  --ext-color-10:
    51,
    153,
    153;
  --ext-color-11:
    255,
    102,
    153;
  --ext-color-12:
    102,
    153,
    255;
  --ext-color-13:
    204,
    153,
    102;
  --ext-color-14:
    153,
    204,
    51;
  --ext-color-15:
    153,
    153,
    153;
  --ext-color-16:
    77,
    169,
    254;
  --ext-color-17:
    204,
    102,
    102;
  --ext-color-18:
    255,
    153,
    153;
  --ext-color-19:
    153,
    153,
    255;
  --ext-color-20:
    102,
    153,
    153;
  --ext-color-21:
    255,
    225,
    10;
  --ext-color-22:
    255,
    252,
    170;
  --test-color:
    0,
    255,
    0;
}
:root {
  --dark--badge-border: var(--dark--neutral-color-2);
  --dark--box-shadow-s: 0px 0px 8px rgba(14, 24, 36, 0.24);
  --dark--box-shadow-s_color: rgba(14, 24, 36, 0.24);
  --dark--box-shadow-m: 0px 2px 16px 2px rgba(14, 24, 36, 0.24);
  --dark--box-shadow-m_color: rgba(14, 24, 36, 0.24);
  --dark--box-shadow-l: 0px 6px 24px 2px rgba(14, 24, 36, 0.32);
  --dark--box-shadow-l_color: rgba(14, 24, 36, 0.32);
  --dark--box-shadow-xl: 0px 8px 32px 2px rgba(14, 24, 36, 0.48);
  --dark--box-shadow-xl_color: rgba(14, 24, 36, 0.48);
  --dark--box-shadow-xxl: 0px 12px 48px rgba(14, 24, 36, 0.6);
  --dark--box-shadow-xxl_color: rgba(14, 24, 36, 0.6);
  --dark--button-filled-pressed-bg: var(--dark--white-100);
  --dark--button-filled-pressed-text: var(--dark--link-color);
  --dark--button-secondary-bg: var(--dark--neutral-color-2);
  --dark--button-secondary-plus-icon: var(--dark--neutral-color-7);
  --dark--button-secondary-disabled-plus-icon: var(--dark--neutral-color-6);
  --dark--button-secondary-disabled-border: var(--dark--neutral-color-5);
  --dark--button-action-secondary-icon-line: var(--dark--neutral-color-5);
  --dark--button-action-secondary-icon-arrow: var(--dark--neutral-color-7);
  --dark--icon-button: var(--dark--font-gray-1-color);
  --dark--icon-button-hover: var(--dark--font-gray-2-color);
  --dark--icon-button-click: var(--dark--link-color);
  --dark--icon-button-disabled: var(--dark--font-disabled-color);
  --dark--icon-button-pressed: var(--dark--link-color);
  --dark--icon-button-pressed-hover: var(--dark--link-hovered-color);
  --dark--icon-button-pressed-click: var(--dark--link-click-color);
  --dark--icon-button-pressed-disabled: var(--dark--link-disable-color);
  --dark--icon-button_bg: var(--dark--btn-color);
  --dark--icon-button-hover_bg: var(--dark--btn-hover-color);
  --dark--icon-button-active_bg: var(--dark--white-100);
  --dark--icon-button-active-hover_bg: var(--dark--white-100);
  --dark--buttons-group-border: var(--dark--btn-hover-color);
  --dark--buttons-group-bg: var(--dark--neutral-color-3);
  --dark--buttons-group-text: var(--dark--neutral-color-7);
  --dark--buttons-group-selected-bg: var(--dark--btn-color);
  --dark--buttons-group-selected-text: var(--dark--white-100);
  --dark--calendar-not-current-months-day-color: var(--light--font-disabled-color);
  --dark--calendar-weekend-day-color: var(--light--font-disabled-color);
  --dark--calendar-day-of-week-title-color: var(--light--font-gray-1-color);
  --dark--calendar-day-of-week-weekend-title-color: var(--light--error-color);
  --dark--calendar-day-of-week-color: var(--light--font-gray-2-color);
  --dark--calendar-day-of-week-disabled-color: var(--light--font-disabled-color);
  --dark--calendar-day-of-week-weekend-color: var(--light--error-color);
  --dark--calendar-day-of-week-selected-color: var(--light--white-100);
  --dark--calendar-day-of-week-selected-bg: var(--light--link-color);
  --dark--calendar-day-of-week-separator-color: var(--light--black-100);
  --dark--calendar-day-of-week-separator-transparency: var(--light--transparency-5);
  --dark--cancelable-progress-circle_stroke: var(--dark--neutral-color-7);
  --dark--cancelable-progress-container-hover_bg: var(--dark--neutral-color-6);
  --dark--cancelable-progress-container-hover-circle_bg: var(--dark--white-100);
  --dark--cancelable-progress-container-hover-cross-container_fill: var(--dark--white-100);
  --dark--cancelable-progress-container-active_bg: var(--light--neutral-color-5);
  --dark--cancelable-progress-container-active-circle_stroke: var(--dark--white-100);
  --dark--cancelable-progress-container-active-cross-container_fill: var(--dark--white-100);
  --dark--cancelable-progress-cross-container_fill: var(--dark--neutral-color-7);
  --dark--checkbox-unchecked-bg: var(--dark--neutral-color-2);
  --dark--checkbox-unchecked-bg-disabled: var(--dark--btn-disabled-color);
  --dark--checkbox-unchecked-border: var(--dark--btn-color);
  --dark--checkbox-unchecked-border-hover: var(--dark--btn-hover-color);
  --dark--checkbox-unchecked-border-click: var(--dark--btn-click-color);
  --dark--checkbox-unchecked-border-disabled: var(--dark--white-100);
  --dark--checkbox-unchecked-border-disabled-transparency: var(--transparency-5);
  --dark--checkbox-checked-bg: var(--dark--primary-color);
  --dark--checkbox-checked-bg-hover: var(--dark--primary-hover-color);
  --dark--checkbox-checked-bg-click: var(--dark--primary-click-color);
  --dark--checkbox-checked-bg-disabled: var(--dark--btn-disabled-color);
  --dark--checkbox-checked-border: var(--dark--white-100);
  --dark--checkbox-checked-border-transparency: var(--transparency-5);
  --dark--datepicker-standard-container-border: var(--light--btn-click-color);
  --dark--datepicker-standard-container-icon: var(--light--font-disabled-color);
  --dark--datepicker-popover-bg: var(--light--white-100);
  --dark--datepicker-year-month-swither-border: var(--light--btn-color);
  --dark--datepicker-year-month-swither-icons-fill: var(--light--font-gray-1-color);
  --dark--datepicker-selected-month-bg: var(--light--link-color);
  --dark--datepicker-selected-month-color: var(--light--white-100);
  --dark--datepicker-previous-month-color: var(--light--font-disabled-color);
  --dark--datepicker-selected-year-bg: var(--light--link-color);
  --dark--datepicker-selected-year-color: var(--light--white-100);
  --dark--datepicker-previous-year-color: var(--light--font-disabled-color);
  --dark--datepicker-disabled-bg: var(--light--btn-disabled-color);
  --dark--datepicker-disabled-border: var(--light--neutral-color-5);
  --dark--datepicker-disabled--icon-color: var(--light--neutral-color-6);
  --dark--dropdown-border: var(--dark--neutral-color-5);
  --dark--dropdown-item-border: var(--dark--neutral-color-5);
  --dark--dropdown-bg: var(--dark--neutral-color-3);
  --dark--dropdown-item-hover-bg: var(--dark--neutral-color-4);
  --dark--dropdown-item-selected-bg: var(--dark--neutral-color-5);
  --dark--dropdown-item-focused-bg: var(--dark--neutral-color-4);
  --dark--font-main-color:
    255,
    255,
    255;
  --dark--font-red-color:
    255,
    101,
    101;
  --dark--font-gray-1-color:
    147,
    175,
    204;
  --dark--font-gray-2-color:
    201,
    215,
    230;
  --dark--font-brand-color: var(--dark--primary-color);
  --dark--font-link-color: var(--dark--link-color);
  --dark--font-success-color: var(--dark--success-color);
  --dark--font-warning-color: var(--dark--warning-color);
  --dark--font-error-color: var(--dark--error-color);
  --dark--font-disabled-color:
    103,
    122,
    143;
  --dark--font-main-inverse-color:
    38,
    60,
    82;
  --dark--grid-sort-icon-fill: var(--dark--neutral-color-7);
  --dark--grid-col-resize-tick_bg: var(--dark--white-100);
  --dark--grid-col-resize-tick_transparency: var(--transparency-10);
  --dark--grid-col-resize-ghost_bg: var(--dark--white-100);
  --dark--grid-col-resize-ghost_transparency: var(--transparency-15);
  --dark--grid-th_bg: var(--dark--neutral-color-4);
  --dark--grid-tr-hover_bg: var(--dark--primary-color);
  --dark--grid-tr-hover_bg_transparency: var(--transparency-20);
  --dark--grid-td_border: var(--dark--neutral-color-3);
  --dark--grid-tr_bg: var(--dark--neutral-color-2);
  --dark--grid-fixed-shadow: var(--dark--neutral-color-5);
  --dark--grid-td-selected_bg: var(--dark--primary-color);
  --dark--grid-td-selected_bg_transparency: var(--transparency-40);
  --dark--input-empty-bg: var(--dark--neutral-color-2);
  --dark--input-empty-border: var(--dark--btn-color);
  --dark--input-bg-hover: var(--dark--neutral-color-2);
  --dark--input-border-hover: var(--dark--btn-hover-color);
  --dark--input-bg-focus: var(--dark--neutral-color-1);
  --dark--input-filled-bg: var(--dark--neutral-color-1);
  --dark--input-filled-border: var(--dark--btn-click-color);
  --dark--input-bg-disabled: var(--dark--btn-disabled-color);
  --dark--input-border-disabled: var(--dark--white-100);
  --dark--input-border-disabled-transparency: var(--transparency-5);
  --dark--input-icon: var(--dark--neutral-color-7);
  --dark--input-icon-disabled: var(--dark--font-disabled-color);
  --dark--input-hide-icon-fill: var(--dark--font-gray-1-color);
  --dark--input-hide-icon-fill-hover: var(--dark--white-100);
  --dark--input-placeholder: var(--dark--font-disabled-color);
  --dark--input-placeholder-disabled: var(--dark--font-disabled-color);
  --dark--input-text-disabled: var(--dark--font-disabled-color);
  --dark--input-time-bg: var(--dark--neutral-color-1);
  --dark--interactive-main: var(--dark--primary-color);
  --dark--interactive-main-border: var(--dark--white-100);
  --dark--interactive-main-border-transparency: .1;
  --dark--interactive-bg: var(--dark--neutral-color-1);
  --dark--interactive-border: var(--dark--btn-color);
  --dark--interactive-hover-main: var(--dark--primary-hover-color);
  --dark--interactive-hover-border: var(--dark--btn-hover-color);
  --dark--interactive-kb-focused-border: var(--dark--link-color);
  --dark--interactive-kb-focused-border-transparency: .60;
  --dark--interactive-click-main: var(--dark--primary-click-color);
  --dark--interactive-click-border: var(--dark--btn-click-color);
  --dark--interactive-disabled-main: var(--dark--neutral-color-4);
  --dark--interactive-disabled-bg: var(--dark--neutral-color-2);
  --dark--interactive-disabled-border: var(--dark--neutral-color-5);
  --dark--radio-bg: var(--dark--neutral-color-2);
  --dark--radio-bg-disabled: var(--dark--btn-disabled-color);
  --dark--radio-border: var(--dark--btn-color);
  --dark--radio-border-disabled: var(--dark--white-100);
  --dark--radio-border-disabled-transparency: var(--transparency-5);
  --dark--radio-unchecked-border-hover: var(--dark--btn-hover-color);
  --dark--radio-unchecked-border-click: var(--dark--btn-click-color);
  --dark--radio-checked-border-hover: var(--dark--primary-hover-color);
  --dark--radio-checked-border-click: var(--dark--primary-click-color);
  --dark--radio-dot-bg: var(--dark--primary-color);
  --dark--radio-dot-bg-hover: var(--dark--primary-hover-color);
  --dark--radio-dot-bg-click: var(--dark--primary-click-color);
  --dark--radio-dot-bg-disabled: var(--dark--font-disabled-color);
  --dark--mic-level-empty-bars: var(--dark--neutral-color-5);
  --dark--mic-level-icon-indicator: var(--light--white-100);
  --dark--modal-card_bg: var(--dark--neutral-color-3);
  --dark--modal-card_border: var(--dark--neutral-color-4);
  --dark--modal-header_border: var(--dark--neutral-color-4);
  --dark--modal-footer_border: var(--dark--neutral-color-4);
  --dark--modal-after_border: var(--dark--neutral-color-3);
  --dark--popover_bg: var(--dark--neutral-color-3);
  --dark--popover_border: var(--dark--neutral-color-4);
  --dark--scroll-bar-bg: var(--dark--neutral-color-6);
  --dark--scroll-bar-thumb: var(--dark--neutral-color-7);
  --dark--seeker-empty-bar: var(--dark--neutral-color-6);
  --dark--seeker-secondary-empty-bar: var(--dark--white-100);
  --dark--seeker-secondary-empty-bar-transparency: .32;
  --dark--seeker-focused-thumb: var(--dark--primary-hover-color);
  --dark--seeker-dot-tick: var(--dark--white-100);
  --dark--seeker-dot-tick-transparency: .68;
  --dark--seeker-progress-bar: var(--dark--white-100);
  --dark--seeker-progress-bar-transparency: .32;
  --dark--select-empty-border: var(--dark--btn-color);
  --dark--select-border: var(--dark--btn-click-color);
  --dark--select-flat-border: var(--dark--btn-color);
  --dark--select-selected-bg: var(--dark--neutral-color-2);
  --dark--select-focused-bg: var(--dark--neutral-color-1);
  --dark--select-arrow: var(--dark--neutral-color-7);
  --dark--select-disabled-arrow: var(--dark--neutral-color-7);
  --dark--select-disabled-bg: var(--dark--btn-disabled-color);
  --dark--select-disabled-border: var(--dark--neutral-color-5);
  --dark--title-background: var(--dark--white-100);
  --dark--title-transparency: .68;
  --dark--title-text: var(--dark--neutral-color-4);
  --dark--hint-border: var(--dark--neutral-color-5);
  --dark--hint-background: var(--dark--neutral-color-3);
  --dark--hint-transparency: 1;
  --dark--hint-text: var(--dark--white-100);
  --dark--toggle-bg-disabled: var(--dark--neutral-color-3);
  --dark--toggle-border-disabled: var(--dark--white-100);
  --dark--toggle-border-transparency-disabled: var(--transparency-5);
  --dark--toggle-checked-bg: var(--dark--primary-color);
  --dark--toggle-checked-bg-hover: var(--dark--primary-hover-color);
  --dark--toggle-checked-bg-click: var(--dark--primary-click-color);
  --dark--toggle-checked-border: var(--dark--primary-color);
  --dark--toggle-checked-border-transparency: var(--transparency-5);
  --dark--toggle-unchecked-bg: var(--dark--neutral-color-3);
  --dark--toggle-unchecked-border: var(--dark--btn-color);
  --dark--toggle-unchecked-border-hover: var(--dark--btn-hover-color);
  --dark--toggle-unchecked-border-click: var(--dark--btn-click-color);
  --dark--toggle-circle-bg: var(--dark--white-100);
  --dark--toggle-circle-bg-disabled: var(--dark--font-disabled-color);
  --dark--toggle-circle-shadows: get-shadow(box-shadow-s);
  --dark--toastr-info-bg: var(--neutral-color-6);
  --dark--toastr-success-bg: var(--success-color);
  --dark--toastr-error-bg: var(--error-color);
  --dark--toastr-info-opacity: .5;
  --dark--toastr-success-opacity: .20;
  --dark--toastr-error-opacity: .25;
  --dark--toastr-border-opacity: .35;
  --dark--toastr-title-color: var(--white-100);
  --dark--toastr-message-color: var(--font-gray-2-color);
  --dark--toastr-main-blend-color: var(--neutral-color-1);
  --dark--transparency-100: 1;
  --dark--transparency-85: .85;
  --dark--transparency-80: .80;
  --dark--transparency-60: .60;
  --dark--transparency-50: .50;
  --dark--transparency-40: .40;
  --dark--transparency-30: .30;
  --dark--transparency-20: .20;
  --dark--transparency-15: .15;
  --dark--transparency-10: .10;
  --dark--transparency-5: .05;
  --dark--transparency-0: 0;
  --dark--tab-list-border-color: var(--dark--neutral-color-3);
  --dark--tab-hover-underline-color: var(--dark--neutral-color-3);
  --dark--tab-label-focus-color: var(--dark--link-color);
  --dark--tab-label-content-color: var(--dark--font-gray-1-color);
  --dark--tab-label-content-active-color: var(--dark--primary-color);
  --dark--ink-bar-color: var(--dark--primary-color);
  --dark--tooltip-background: var(--dark--neutral-color-3);
  --dark--tooltip-border: var(--dark--neutral-color-4);
  --dark--primary-color:
    62,
    158,
    142;
  --dark--primary-hover-color:
    99,
    177,
    164;
  --dark--primary-click-color:
    127,
    190,
    180;
  --dark--primary-disabled-color:
    33,
    56,
    82;
  --dark--btn-color:
    55,
    94,
    138;
  --dark--btn-hover-color:
    85,
    118,
    156;
  --dark--btn-click-color:
    115,
    142,
    173;
  --dark--btn-disabled-color:
    26,
    45,
    66;
  --dark--neutral-color-1:
    14,
    24,
    36;
  --dark--neutral-color-2:
    22,
    38,
    56;
  --dark--neutral-color-3:
    31,
    52,
    76;
  --dark--neutral-color-4:
    39,
    66,
    97;
  --dark--neutral-color-5:
    47,
    80,
    117;
  --dark--neutral-color-6:
    55,
    94,
    138;
  --dark--neutral-color-7:
    147,
    175,
    204;
  --dark--neutral-color-8:
    21,
    0,
    8;
  --dark--neutral-color-9:
    51,
    153,
    102;
  --dark--error-color:
    192,
    41,
    45;
  --dark--error-hover-color:
    201,
    73,
    76;
  --dark--error-click-color:
    211,
    105,
    108;
  --dark--error-disabled-color:
    134,
    29,
    31;
  --dark--warning-color:
    230,
    150,
    46;
  --dark--success-color:
    78,
    206,
    61;
  --dark--link-color:
    10,
    164,
    240;
  --dark--link-hovered-color:
    47,
    178,
    242;
  --dark--link-click-color:
    83,
    191,
    245;
  --dark--link-disable-color:
    26,
    75,
    100;
  --dark--red-link-hovered-color:
    238,
    74,
    74;
  --dark--red-link-click-color:
    241,
    106,
    106;
  --dark--transparency-link: .32;
  --dark--black-100:
    0,
    0,
    0;
  --dark--white-100:
    255,
    255,
    255;
  --dark--second-1:
    241,
    244,
    248;
  --dark--optional-color:
    255,
    213,
    79;
  --dark--ext-color-1:
    51,
    153,
    255;
  --dark--ext-color-2:
    102,
    204,
    102;
  --dark--ext-color-3:
    255,
    102,
    204;
  --dark--ext-color-4:
    51,
    153,
    102;
  --dark--ext-color-5:
    255,
    153,
    102;
  --dark--ext-color-6:
    0,
    204,
    204;
  --dark--ext-color-7:
    204,
    153,
    51;
  --dark--ext-color-8:
    208,
    200,
    11;
  --dark--ext-color-9:
    102,
    204,
    0;
  --dark--ext-color-10:
    51,
    153,
    153;
  --dark--ext-color-11:
    255,
    102,
    153;
  --dark--ext-color-12:
    102,
    153,
    255;
  --dark--ext-color-13:
    204,
    153,
    102;
  --dark--ext-color-14:
    153,
    204,
    51;
  --dark--ext-color-15:
    153,
    153,
    153;
  --dark--ext-color-16:
    77,
    169,
    254;
  --dark--ext-color-17:
    204,
    102,
    102;
  --dark--ext-color-18:
    255,
    153,
    153;
  --dark--ext-color-19:
    153,
    153,
    255;
  --dark--ext-color-20:
    102,
    153,
    153;
  --dark--ext-color-21:
    255,
    225,
    10;
  --dark--ext-color-22:
    255,
    252,
    170;
  --dark--test-color:
    0,
    255,
    0;
}
[theme=light] {
  --badge-border: var(--dark--white-100);
  --box-shadow-s: 0px 0px 8px rgba(47, 80, 117, 0.24);
  --box-shadow-m: 0px 2px 16px 2px rgba(47, 80, 117, 0.16);
  --box-shadow-l: 0px 6px 24px 2px rgba(47, 80, 117, 0.24);
  --box-shadow-xl: 0px 8px 32px 2px rgba(47, 80, 117, 0.32);
  --box-shadow-xxl: 0px 12px 48px rgba(47, 80, 117, 0.48);
  --button-filled-pressed-bg: var(--light--link-color);
  --button-filled-pressed-text: var(--light--white-100);
  --button-secondary-bg: var(--light--white-100);
  --button-secondary-plus-icon: var(--light--primary-color);
  --button-secondary-disabled-plus-icon: var(--light--neutral-color-4);
  --button-secondary-disabled-border: var(--light--neutral-color-3);
  --button-action-secondary-icon-line: var(--light--neutral-color-3);
  --button-action-secondary-icon-arrow: var(--light--neutral-color-5);
  --icon-button: var(--light--font-gray-1-color);
  --icon-button-hover: var(--light--font-gray-2-color);
  --icon-button-click: var(--light--link-color);
  --icon-button-disabled: var(--light--font-disabled-color);
  --icon-button-pressed: var(--light--link-color);
  --icon-button-pressed-hover: var(--light--link-hovered-color);
  --icon-button-pressed-click: var(--light--link-click-color);
  --icon-button-pressed-disabled: var(--light--link-disable-color);
  --icon-button_bg: var(--light--neutral-color-6);
  --icon-button-hover_bg: var(--light--neutral-color-5);
  --icon-button-active_bg: var(--light--white-100);
  --icon-button-active-hover_bg: var(--light--white-100);
  --buttons-group-border: var(--light--btn-color);
  --buttons-group-bg: var(--light--neutral-color-3);
  --buttons-group-text: var(--light--font-gray-1-color);
  --buttons-group-selected-bg: var(--light--white-100);
  --buttons-group-selected-text: var(--light--font-main-color);
  --calendar-not-current-months-day-color: var(--light--font-disabled-color);
  --calendar-weekend-day-color: var(--light--font-disabled-color);
  --calendar-day-of-week-title-color: var(--light--font-gray-1-color);
  --calendar-day-of-week-weekend-title-color: var(--light--error-color);
  --calendar-day-of-week-color: var(--light--font-gray-2-color);
  --calendar-day-of-week-disabled-color: var(--light--font-disabled-color);
  --calendar-day-of-week-weekend-color: var(--light--error-color);
  --calendar-day-of-week-selected-color: var(--light--white-100);
  --calendar-day-of-week-selected-bg: var(--light--link-color);
  --calendar-day-of-week-separator-color: var(--light--black-100);
  --calendar-day-of-week-separator-transparency: var(--light--transparency-5);
  --cancelable-progress-circle_stroke: var(--light--neutral-color-7);
  --cancelable-progress-container-hover_bg: var(--light--neutral-color-6);
  --cancelable-progress-container-hover-circle_bg: var(--light--white-100);
  --cancelable-progress-container-hover-cross-container_fill: var(--light--white-100);
  --cancelable-progress-container-active_bg: var(--light--neutral-color-5);
  --cancelable-progress-container-active-circle_stroke: var(--light--white-100);
  --cancelable-progress-container-active-cross-container_fill: var(--light--white-100);
  --cancelable-progress-cross-container_fill: var(--light--neutral-color-7);
  --checkbox-unchecked-bg: var(--light--neutral-color-2);
  --checkbox-unchecked-bg-disabled: var(--light--btn-disabled-color);
  --checkbox-unchecked-border: var(--light--btn-color);
  --checkbox-unchecked-border-hover: var(--light--btn-hover-color);
  --checkbox-unchecked-border-click: var(--light--btn-click-color);
  --checkbox-unchecked-border-disabled: var(--light--white-100);
  --checkbox-unchecked-border-disabled-transparency: var(--transparency-5);
  --checkbox-checked-bg: var(--light--primary-color);
  --checkbox-checked-bg-hover: var(--light--primary-hover-color);
  --checkbox-checked-bg-click: var(--light--primary-click-color);
  --checkbox-checked-bg-disabled: var(--light--btn-disabled-color);
  --checkbox-checked-border: var(--light--white-100);
  --checkbox-checked-border-transparency: var(--transparency-5);
  --datepicker-standard-container-border: var(--light--btn-click-color);
  --datepicker-standard-container-icon: var(--light--font-disabled-color);
  --datepicker-popover-bg: var(--light--white-100);
  --datepicker-year-month-swither-border: var(--light--btn-color);
  --datepicker-year-month-swither-icons-fill: var(--light--font-gray-1-color);
  --datepicker-selected-month-bg: var(--light--link-color);
  --datepicker-selected-month-color: var(--light--white-100);
  --datepicker-previous-month-color: var(--light--font-disabled-color);
  --datepicker-selected-year-bg: var(--light--link-color);
  --datepicker-selected-year-color: var(--light--white-100);
  --datepicker-previous-year-color: var(--light--font-disabled-color);
  --datepicker-disabled-bg: var(--light--btn-disabled-color);
  --datepicker-disabled-border: var(--light--neutral-color-5);
  --datepicker-disabled--icon-color: var(--light--neutral-color-6);
  --dropdown-border: var(--light--neutral-color-3);
  --dropdown-item-border: var(--light--neutral-color-3);
  --dropdown-bg: var(--light--white-100);
  --dropdown-item-hover-bg: var(--light--neutral-color-2);
  --dropdown-item-selected-bg: var(--light--neutral-color-3);
  --dropdown-item-focused-bg: var(--light--neutral-color-2);
  --font-main-color:
    38,
    60,
    82;
  --font-red-color:
    255,
    101,
    101;
  --font-gray-1-color:
    107,
    130,
    153;
  --font-gray-2-color:
    38,
    60,
    82;
  --font-brand-color: var(--light--primary-color);
  --font-link-color: var(--light--link-color);
  --font-success-color: var(--light--success-color);
  --font-warning-color: var(--light--warning-color);
  --font-error-color: var(--light--error-color);
  --font-disabled-color:
    160,
    177,
    195;
  --font-main-inverse-color:
    255,
    255,
    255;
  --font-main-color:
    38,
    60,
    82;
  --font-red-color:
    255,
    101,
    101;
  --font-gray-1-color:
    107,
    130,
    153;
  --font-gray-2-color:
    38,
    60,
    82;
  --font-brand-color: var(--light--primary-color);
  --font-link-color: var(--light--link-color);
  --font-success-color: var(--light--success-color);
  --font-warning-color: var(--light--warning-color);
  --font-error-color: var(--light--error-color);
  --font-disabled-color:
    160,
    177,
    195;
  --font-main-inverse-color:
    255,
    255,
    255;
  --grid-sort-icon-fill: var(--light--neutral-color-6);
  --grid-col-resize-tick_bg: var(--light--neutral-color-4);
  --grid-col-resize-tick_transparency: var(--transparency-100);
  --grid-col-resize-ghost_bg: var(--light--neutral-color-3);
  --grid-col-resize-ghost_transparency: var(--transparency-100);
  --grid-th_bg: var(--light--neutral-color-2);
  --grid-tr-hover_bg: var(--light--neutral-color-2);
  --grid-tr-hover_bg_transparency: var(--transparency-100);
  --grid-td_border: var(--light--neutral-color-3);
  --grid-tr_bg: var(--light--white-100);
  --grid-fixed-shadow: var(--light--neutral-color-5);
  --grid-td-selected_bg: var(--light--primary-color);
  --grid-td-selected_bg_transparency: var(--transparency-10);
  --input-empty-bg: var(--light--neutral-color-2);
  --input-empty-border: var(--light--neutral-color-6);
  --input-bg-hover: var(--light--neutral-color-2);
  --input-border-hover: var(--light--btn-hover-color);
  --input-bg-focus: var(--light--neutral-color-1);
  --input-filled-bg: var(--light--neutral-color-1);
  --input-filled-border: var(--light--neutral-color-6);
  --input-bg-disabled: var(--light--btn-disabled-color);
  --input-border-disabled: var(--light--black-100);
  --input-border-disabled-transparency: var(--transparency-5);
  --input-icon: var(--light--font-disabled-color);
  --input-icon-disabled: var(--light--font-disabled-color);
  --input-hide-icon-fill: var(--light--font-gray-1-color);
  --input-hide-icon-fill-hover: var(--light--neutral-color-3);
  --input-placeholder: var(--light--font-disabled-color);
  --input-placeholder-disabled: var(--light--font-disabled-color);
  --input-text-disabled: var(--light--font-disabled-color);
  --input-time-bg: var(--light--white-100);
  --interactive-main: var(--light--primary-color);
  --interactive-main-border: var(--light--black-100);
  --interactive-main-border-transparency: .05;
  --interactive-bg: var(--light--white-100);
  --interactive-border: var(--light--neutral-color-4);
  --interactive-hover-main: var(--light--primary-hover-color);
  --interactive-hover-border: var(--light--neutral-color-5);
  --interactive-kb-focused-border: var(--light--link-color);
  --interactive-kb-focused-border-transparency: .3;
  --interactive-click-main: var(--light--primary-click-color);
  --interactive-click-border: var(--light--neutral-color-6);
  --interactive-disabled-main: var(--light--neutral-color-4);
  --interactive-disabled-bg: var(--light--neutral-color-1);
  --interactive-disabled-border: var(--light--neutral-color-3);
  --interactive-main: var(--light--primary-color);
  --interactive-main-border: var(--light--black-100);
  --interactive-main-border-transparency: .05;
  --interactive-bg: var(--light--white-100);
  --interactive-border: var(--light--neutral-color-4);
  --interactive-hover-main: var(--light--primary-hover-color);
  --interactive-hover-border: var(--light--neutral-color-5);
  --interactive-kb-focused-border: var(--light--link-color);
  --interactive-kb-focused-border-transparency: .3;
  --interactive-click-main: var(--light--primary-click-color);
  --interactive-click-border: var(--light--neutral-color-6);
  --interactive-disabled-main: var(--light--neutral-color-4);
  --interactive-disabled-bg: var(--light--neutral-color-1);
  --interactive-disabled-border: var(--light--neutral-color-3);
  --mic-level-empty-bars: var(--light--neutral-color-5);
  --mic-level-icon-indicator: var(--dark--link-color);
  --modal-card_bg: var(--light--white-100);
  --modal-card_border: var(--light--neutral-color-3);
  --modal-header_border: var(--light--neutral-color-3);
  --modal-footer_border: var(--light--neutral-color-3);
  --modal-after_border: var(--light--neutral-color-3);
  --popover_bg: var(--light--white-100);
  --popover_border: var(--light--neutral-color-3);
  --radio-bg: var(--light--neutral-color-2);
  --radio-bg-disabled: var(--light--btn-disabled-color);
  --radio-border: var(--light--btn-color);
  --radio-border-disabled: var(--light--white-100);
  --radio-border-disabled-transparency: var(--transparency-5);
  --radio-unchecked-border-hover: var(--light--btn-hover-color);
  --radio-unchecked-border-click: var(--light--btn-click-color);
  --radio-checked-border-hover: var(--light--primary-hover-color);
  --radio-checked-border-click: var(--light--primary-click-color);
  --radio-dot-bg: var(--light--primary-color);
  --radio-dot-bg-hover: var(--light--primary-hover-color);
  --radio-dot-bg-click: var(--light--primary-click-color);
  --radio-dot-bg-disabled: var(--light--font-disabled-color);
  --scroll-bar-bg: var(--light--neutral-color-3);
  --scroll-bar-thumb: var(--light--neutral-color-5);
  --seeker-empty-bar: var(--light--neutral-color-3);
  --seeker-secondary-empty-bar: var(--light--black-100);
  --seeker-secondary-empty-bar-transparency: .1;
  --seeker-focused-thumb: var(--dark--second-1);
  --seeker-dot-tick: var(--light--black-100);
  --seeker-dot-tick-transparency: .6;
  --seeker-progress-bar: var(--light--black-100);
  --seeker-progress-bar-transparency: 0.1;
  --select-empty-border: var(--light--btn-color);
  --select-border: var(--light--btn-click-color);
  --select-flat-border: var(--light--btn-color);
  --select-selected-bg: var(--light--neutral-color-1);
  --select-focused-bg: var(--light--white-100);
  --select-arrow: var(--light--neutral-color-5);
  --select-disabled-arrow: var(--light--neutral-color-5);
  --select-disabled-bg: var(--light--btn-disabled-color);
  --select-disabled-border: var(--light--neutral-color-5);
  --title-background:
    2,2,2;
  --title-transparency: .88;
  --title-text: var(--light--white-100);
  --hint-border: var(--light--neutral-color-3);
  --hint-background: var(--light--white-100);
  --hint-transparency:1;
  --hint-text: var(--light--black-100);
  --toggle-bg-disabled: var(--light--btn-disabled-color);
  --toggle-border-disabled: var(--light--white-100);
  --toggle-border-transparency-disabled: var(--transparency-5);
  --toggle-checked-bg: var(--light--primary-color);
  --toggle-checked-bg-hover: var(--light--primary-hover-color);
  --toggle-checked-bg-click: var(--light--primary-click-color);
  --toggle-checked-border: var(--light--primary-color);
  --toggle-checked-border-transparency: var(--transparency-5);
  --toggle-unchecked-bg: var(--light--neutral-color-3);
  --toggle-unchecked-border: var(--light--btn-color);
  --toggle-unchecked-border-hover: var(--light--btn-hover-color);
  --toggle-unchecked-border-click: var(--light--btn-click-color);
  --toggle-circle-bg: var(--light--white-100);
  --toggle-circle-bg-disabled: var(--light--neutral-color-3);
  --toggle-circle-shadows: get-shadow(box-shadow-s);
  --toggle-bg-disabled: var(--light--btn-disabled-color);
  --toggle-border-disabled: var(--light--white-100);
  --toggle-border-transparency-disabled: var(--transparency-5);
  --toggle-checked-bg: var(--light--primary-color);
  --toggle-checked-bg-hover: var(--light--primary-hover-color);
  --toggle-checked-bg-click: var(--light--primary-click-color);
  --toggle-checked-border: var(--light--primary-color);
  --toggle-checked-border-transparency: var(--transparency-5);
  --toggle-unchecked-bg: var(--light--neutral-color-3);
  --toggle-unchecked-border: var(--light--btn-color);
  --toggle-unchecked-border-hover: var(--light--btn-hover-color);
  --toggle-unchecked-border-click: var(--light--btn-click-color);
  --toggle-circle-bg: var(--light--white-100);
  --toggle-circle-bg-disabled: var(--light--neutral-color-3);
  --toggle-circle-shadows: get-shadow(box-shadow-s);
  --toastr-info-bg: var(--neutral-color-6);
  --toastr-success-bg: var(--success-color);
  --toastr-error-bg: var(--error-color);
  --toastr-info-opacity: .15;
  --toastr-success-opacity: .15;
  --toastr-error-opacity: .15;
  --toastr-border-opacity: .10;
  --toastr-title-color: var(--black-100);
  --toastr-message-color: var(--font-main-color);
  --toastr-main-blend-color: var(--white-100);
  --transparency-100: 1;
  --transparency-85: .85;
  --transparency-80: .80;
  --transparency-60: .60;
  --transparency-50: .50;
  --transparency-40: .40;
  --transparency-30: .30;
  --transparency-20: .20;
  --transparency-15: .15;
  --transparency-10: .10;
  --transparency-5: .05;
  --transparency-0: 0;
  --tab-list-border-color: var(--light--neutral-color-3);
  --tab-hover-underline-color: var(--light--neutral-color-3);
  --tab-label-focus-color: var(--light--link-color);
  --tab-label-content-color: var(--light--font-gray-1-color);
  --tab-label-content-active-color: var(--light--primary-color);
  --ink-bar-color: var(--light--primary-color);
  --tooltip-background: var(--light--white-100);
  --tooltip-border: var(--light--neutral-color-4);
  --primary-color:
    69,
    162,
    147;
  --primary-hover-color:
    62,
    146 ,132;
  --primary-click-color:
    48,
    113,
    103;
  --primary-disabled-color:
    187,
    205,
    223;
  --btn-color:
    166,
    195,
    221;
  --btn-hover-color:
    152,
    179,
    202;
  --btn-click-color:
    133,
    156,
    177;
  --btn-disabled-color:
    211,
    225,
    238;
  --neutral-color-1:
    255,
    255,
    255;
  --neutral-color-2:
    248,
    250,
    252;
  --neutral-color-3:
    230,
    237,
    244;
  --neutral-color-4:
    219,
    229,
    240;
  --neutral-color-5:
    194,
    212,
    229;
  --neutral-color-6:
    166,
    195,
    221;
  --neutral-color-7:
    38,
    60,
    82;
  --neutral-color-8:
    21,
    0,
    8;
  --neutral-color-9:
    51,
    153,
    102;
  --error-color:
    220,
    66,
    73;
  --error-hover-color:
    189,
    58,
    63;
  --error-click-color:
    155,
    48,
    52;
  --error-disabled-color:
    231,
    123,
    128;
  --warning-color:
    248,
    158,
    50;
  --success-color:
    78,
    206,
    61;
  --link-color:
    3,
    155,
    229;
  --link-hovered-color:
    3,
    132,
    195;
  --link-click-color:
    2,
    108,
    160;
  --link-disable-color:
    210,
    237,
    250;
  --red-link-hovered-color:
    184,
    30,
    36;
  --red-link-click-color:
    151,
    24,
    29;
  --transparency-link: .18;
  --bubbles-stroke-color:
    202,
    227,
    222,
    1;
  --bubbles-bg-color:
    236,
    246,
    244,
    1;
  --black-100:
    0,
    0,
    0;
  --white-100:
    255,
    255,
    255;
  --second-1:
    34,
    64,
    94;
  --optional-color:
    242,
    202,
    75;
  --ext-color-1:
    51,
    153,
    255;
  --ext-color-2:
    102,
    204,
    102;
  --ext-color-3:
    255,
    102,
    204;
  --ext-color-4:
    51,
    153,
    102;
  --ext-color-5:
    255,
    153,
    102;
  --ext-color-6:
    0,
    204,
    204;
  --ext-color-7:
    204,
    153,
    51;
  --ext-color-8:
    208,
    200,
    11;
  --ext-color-9:
    102,
    204,
    0;
  --ext-color-10:
    51,
    153,
    153;
  --ext-color-11:
    255,
    102,
    153;
  --ext-color-12:
    102,
    153,
    255;
  --ext-color-13:
    204,
    153,
    102;
  --ext-color-14:
    153,
    204,
    51;
  --ext-color-15:
    153,
    153,
    153;
  --ext-color-16:
    77,
    169,
    254;
  --ext-color-17:
    204,
    102,
    102;
  --ext-color-18:
    255,
    153,
    153;
  --ext-color-19:
    153,
    153,
    255;
  --ext-color-20:
    102,
    153,
    153;
  --ext-color-21:
    255,
    225,
    10;
  --ext-color-22:
    255,
    252,
    170;
  --test-color:
    255,
    0,
    0;
}
:root {
  --light--badge-border: var(--dark--white-100);
  --light--box-shadow-s: 0px 0px 8px rgba(47, 80, 117, 0.24);
  --light--box-shadow-m: 0px 2px 16px 2px rgba(47, 80, 117, 0.16);
  --light--box-shadow-l: 0px 6px 24px 2px rgba(47, 80, 117, 0.24);
  --light--box-shadow-xl: 0px 8px 32px 2px rgba(47, 80, 117, 0.32);
  --light--box-shadow-xxl: 0px 12px 48px rgba(47, 80, 117, 0.48);
  --light--button-filled-pressed-bg: var(--light--link-color);
  --light--button-filled-pressed-text: var(--light--white-100);
  --light--button-secondary-bg: var(--light--white-100);
  --light--button-secondary-plus-icon: var(--light--primary-color);
  --light--button-secondary-disabled-plus-icon: var(--light--neutral-color-4);
  --light--button-secondary-disabled-border: var(--light--neutral-color-3);
  --light--button-action-secondary-icon-line: var(--light--neutral-color-3);
  --light--button-action-secondary-icon-arrow: var(--light--neutral-color-5);
  --light--icon-button: var(--light--font-gray-1-color);
  --light--icon-button-hover: var(--light--font-gray-2-color);
  --light--icon-button-click: var(--light--link-color);
  --light--icon-button-disabled: var(--light--font-disabled-color);
  --light--icon-button-pressed: var(--light--link-color);
  --light--icon-button-pressed-hover: var(--light--link-hovered-color);
  --light--icon-button-pressed-click: var(--light--link-click-color);
  --light--icon-button-pressed-disabled: var(--light--link-disable-color);
  --light--icon-button_bg: var(--light--neutral-color-6);
  --light--icon-button-hover_bg: var(--light--neutral-color-5);
  --light--icon-button-active_bg: var(--light--white-100);
  --light--icon-button-active-hover_bg: var(--light--white-100);
  --light--buttons-group-border: var(--light--btn-color);
  --light--buttons-group-bg: var(--light--neutral-color-3);
  --light--buttons-group-text: var(--light--font-gray-1-color);
  --light--buttons-group-selected-bg: var(--light--white-100);
  --light--buttons-group-selected-text: var(--light--font-main-color);
  --light--calendar-not-current-months-day-color: var(--light--font-disabled-color);
  --light--calendar-weekend-day-color: var(--light--font-disabled-color);
  --light--calendar-day-of-week-title-color: var(--light--font-gray-1-color);
  --light--calendar-day-of-week-weekend-title-color: var(--light--error-color);
  --light--calendar-day-of-week-color: var(--light--font-gray-2-color);
  --light--calendar-day-of-week-disabled-color: var(--light--font-disabled-color);
  --light--calendar-day-of-week-weekend-color: var(--light--error-color);
  --light--calendar-day-of-week-selected-color: var(--light--white-100);
  --light--calendar-day-of-week-selected-bg: var(--light--link-color);
  --light--calendar-day-of-week-separator-color: var(--light--black-100);
  --light--calendar-day-of-week-separator-transparency: var(--light--transparency-5);
  --light--cancelable-progress-circle_stroke: var(--light--neutral-color-7);
  --light--cancelable-progress-container-hover_bg: var(--light--neutral-color-6);
  --light--cancelable-progress-container-hover-circle_bg: var(--light--white-100);
  --light--cancelable-progress-container-hover-cross-container_fill: var(--light--white-100);
  --light--cancelable-progress-container-active_bg: var(--light--neutral-color-5);
  --light--cancelable-progress-container-active-circle_stroke: var(--light--white-100);
  --light--cancelable-progress-container-active-cross-container_fill: var(--light--white-100);
  --light--cancelable-progress-cross-container_fill: var(--light--neutral-color-7);
  --light--checkbox-unchecked-bg: var(--light--neutral-color-2);
  --light--checkbox-unchecked-bg-disabled: var(--light--btn-disabled-color);
  --light--checkbox-unchecked-border: var(--light--btn-color);
  --light--checkbox-unchecked-border-hover: var(--light--btn-hover-color);
  --light--checkbox-unchecked-border-click: var(--light--btn-click-color);
  --light--checkbox-unchecked-border-disabled: var(--light--white-100);
  --light--checkbox-unchecked-border-disabled-transparency: var(--transparency-5);
  --light--checkbox-checked-bg: var(--light--primary-color);
  --light--checkbox-checked-bg-hover: var(--light--primary-hover-color);
  --light--checkbox-checked-bg-click: var(--light--primary-click-color);
  --light--checkbox-checked-bg-disabled: var(--light--btn-disabled-color);
  --light--checkbox-checked-border: var(--light--white-100);
  --light--checkbox-checked-border-transparency: var(--transparency-5);
  --light--datepicker-standard-container-border: var(--light--btn-click-color);
  --light--datepicker-standard-container-icon: var(--light--font-disabled-color);
  --light--datepicker-popover-bg: var(--light--white-100);
  --light--datepicker-year-month-swither-border: var(--light--btn-color);
  --light--datepicker-year-month-swither-icons-fill: var(--light--font-gray-1-color);
  --light--datepicker-selected-month-bg: var(--light--link-color);
  --light--datepicker-selected-month-color: var(--light--white-100);
  --light--datepicker-previous-month-color: var(--light--font-disabled-color);
  --light--datepicker-selected-year-bg: var(--light--link-color);
  --light--datepicker-selected-year-color: var(--light--white-100);
  --light--datepicker-previous-year-color: var(--light--font-disabled-color);
  --light--datepicker-disabled-bg: var(--light--btn-disabled-color);
  --light--datepicker-disabled-border: var(--light--neutral-color-5);
  --light--datepicker-disabled--icon-color: var(--light--neutral-color-6);
  --light--dropdown-border: var(--light--neutral-color-3);
  --light--dropdown-item-border: var(--light--neutral-color-3);
  --light--dropdown-bg: var(--light--white-100);
  --light--dropdown-item-hover-bg: var(--light--neutral-color-2);
  --light--dropdown-item-selected-bg: var(--light--neutral-color-3);
  --light--dropdown-item-focused-bg: var(--light--neutral-color-2);
  --light--font-main-color:
    38,
    60,
    82;
  --light--font-red-color:
    255,
    101,
    101;
  --light--font-gray-1-color:
    107,
    130,
    153;
  --light--font-gray-2-color:
    38,
    60,
    82;
  --light--font-brand-color: var(--light--primary-color);
  --light--font-link-color: var(--light--link-color);
  --light--font-success-color: var(--light--success-color);
  --light--font-warning-color: var(--light--warning-color);
  --light--font-error-color: var(--light--error-color);
  --light--font-disabled-color:
    160,
    177,
    195;
  --light--font-main-inverse-color:
    255,
    255,
    255;
  --light--font-main-color:
    38,
    60,
    82;
  --light--font-red-color:
    255,
    101,
    101;
  --light--font-gray-1-color:
    107,
    130,
    153;
  --light--font-gray-2-color:
    38,
    60,
    82;
  --light--font-brand-color: var(--light--primary-color);
  --light--font-link-color: var(--light--link-color);
  --light--font-success-color: var(--light--success-color);
  --light--font-warning-color: var(--light--warning-color);
  --light--font-error-color: var(--light--error-color);
  --light--font-disabled-color:
    160,
    177,
    195;
  --light--font-main-inverse-color:
    255,
    255,
    255;
  --light--grid-sort-icon-fill: var(--light--neutral-color-6);
  --light--grid-col-resize-tick_bg: var(--light--neutral-color-4);
  --light--grid-col-resize-tick_transparency: var(--transparency-100);
  --light--grid-col-resize-ghost_bg: var(--light--neutral-color-3);
  --light--grid-col-resize-ghost_transparency: var(--transparency-100);
  --light--grid-th_bg: var(--light--neutral-color-2);
  --light--grid-tr-hover_bg: var(--light--neutral-color-2);
  --light--grid-tr-hover_bg_transparency: var(--transparency-100);
  --light--grid-td_border: var(--light--neutral-color-3);
  --light--grid-tr_bg: var(--light--white-100);
  --light--grid-fixed-shadow: var(--light--neutral-color-5);
  --light--grid-td-selected_bg: var(--light--primary-color);
  --light--grid-td-selected_bg_transparency: var(--transparency-10);
  --light--input-empty-bg: var(--light--neutral-color-2);
  --light--input-empty-border: var(--light--neutral-color-6);
  --light--input-bg-hover: var(--light--neutral-color-2);
  --light--input-border-hover: var(--light--btn-hover-color);
  --light--input-bg-focus: var(--light--neutral-color-1);
  --light--input-filled-bg: var(--light--neutral-color-1);
  --light--input-filled-border: var(--light--neutral-color-6);
  --light--input-bg-disabled: var(--light--btn-disabled-color);
  --light--input-border-disabled: var(--light--black-100);
  --light--input-border-disabled-transparency: var(--transparency-5);
  --light--input-icon: var(--light--font-disabled-color);
  --light--input-icon-disabled: var(--light--font-disabled-color);
  --light--input-hide-icon-fill: var(--light--font-gray-1-color);
  --light--input-hide-icon-fill-hover: var(--light--neutral-color-3);
  --light--input-placeholder: var(--light--font-disabled-color);
  --light--input-placeholder-disabled: var(--light--font-disabled-color);
  --light--input-text-disabled: var(--light--font-disabled-color);
  --light--input-time-bg: var(--light--white-100);
  --light--interactive-main: var(--light--primary-color);
  --light--interactive-main-border: var(--light--black-100);
  --light--interactive-main-border-transparency: .05;
  --light--interactive-bg: var(--light--white-100);
  --light--interactive-border: var(--light--neutral-color-4);
  --light--interactive-hover-main: var(--light--primary-hover-color);
  --light--interactive-hover-border: var(--light--neutral-color-5);
  --light--interactive-kb-focused-border: var(--light--link-color);
  --light--interactive-kb-focused-border-transparency: .3;
  --light--interactive-click-main: var(--light--primary-click-color);
  --light--interactive-click-border: var(--light--neutral-color-6);
  --light--interactive-disabled-main: var(--light--neutral-color-4);
  --light--interactive-disabled-bg: var(--light--neutral-color-1);
  --light--interactive-disabled-border: var(--light--neutral-color-3);
  --light--interactive-main: var(--light--primary-color);
  --light--interactive-main-border: var(--light--black-100);
  --light--interactive-main-border-transparency: .05;
  --light--interactive-bg: var(--light--white-100);
  --light--interactive-border: var(--light--neutral-color-4);
  --light--interactive-hover-main: var(--light--primary-hover-color);
  --light--interactive-hover-border: var(--light--neutral-color-5);
  --light--interactive-kb-focused-border: var(--light--link-color);
  --light--interactive-kb-focused-border-transparency: .3;
  --light--interactive-click-main: var(--light--primary-click-color);
  --light--interactive-click-border: var(--light--neutral-color-6);
  --light--interactive-disabled-main: var(--light--neutral-color-4);
  --light--interactive-disabled-bg: var(--light--neutral-color-1);
  --light--interactive-disabled-border: var(--light--neutral-color-3);
  --light--mic-level-empty-bars: var(--light--neutral-color-5);
  --light--mic-level-icon-indicator: var(--dark--link-color);
  --light--modal-card_bg: var(--light--white-100);
  --light--modal-card_border: var(--light--neutral-color-3);
  --light--modal-header_border: var(--light--neutral-color-3);
  --light--modal-footer_border: var(--light--neutral-color-3);
  --light--modal-after_border: var(--light--neutral-color-3);
  --light--popover_bg: var(--light--white-100);
  --light--popover_border: var(--light--neutral-color-3);
  --light--radio-bg: var(--light--neutral-color-2);
  --light--radio-bg-disabled: var(--light--btn-disabled-color);
  --light--radio-border: var(--light--btn-color);
  --light--radio-border-disabled: var(--light--white-100);
  --light--radio-border-disabled-transparency: var(--transparency-5);
  --light--radio-unchecked-border-hover: var(--light--btn-hover-color);
  --light--radio-unchecked-border-click: var(--light--btn-click-color);
  --light--radio-checked-border-hover: var(--light--primary-hover-color);
  --light--radio-checked-border-click: var(--light--primary-click-color);
  --light--radio-dot-bg: var(--light--primary-color);
  --light--radio-dot-bg-hover: var(--light--primary-hover-color);
  --light--radio-dot-bg-click: var(--light--primary-click-color);
  --light--radio-dot-bg-disabled: var(--light--font-disabled-color);
  --light--scroll-bar-bg: var(--light--neutral-color-3);
  --light--scroll-bar-thumb: var(--light--neutral-color-5);
  --light--seeker-empty-bar: var(--light--neutral-color-3);
  --light--seeker-secondary-empty-bar: var(--light--black-100);
  --light--seeker-secondary-empty-bar-transparency: .1;
  --light--seeker-focused-thumb: var(--dark--second-1);
  --light--seeker-dot-tick: var(--light--black-100);
  --light--seeker-dot-tick-transparency: .6;
  --light--seeker-progress-bar: var(--light--black-100);
  --light--seeker-progress-bar-transparency: 0.1;
  --light--select-empty-border: var(--light--btn-color);
  --light--select-border: var(--light--btn-click-color);
  --light--select-flat-border: var(--light--btn-color);
  --light--select-selected-bg: var(--light--neutral-color-1);
  --light--select-focused-bg: var(--light--white-100);
  --light--select-arrow: var(--light--neutral-color-5);
  --light--select-disabled-arrow: var(--light--neutral-color-5);
  --light--select-disabled-bg: var(--light--btn-disabled-color);
  --light--select-disabled-border: var(--light--neutral-color-5);
  --light--title-background:
    2,2,2;
  --light--title-transparency: .88;
  --light--title-text: var(--light--white-100);
  --light--hint-border: var(--light--neutral-color-3);
  --light--hint-background: var(--light--white-100);
  --light--hint-transparency:1;
  --light--hint-text: var(--light--black-100);
  --light--toggle-bg-disabled: var(--light--btn-disabled-color);
  --light--toggle-border-disabled: var(--light--white-100);
  --light--toggle-border-transparency-disabled: var(--transparency-5);
  --light--toggle-checked-bg: var(--light--primary-color);
  --light--toggle-checked-bg-hover: var(--light--primary-hover-color);
  --light--toggle-checked-bg-click: var(--light--primary-click-color);
  --light--toggle-checked-border: var(--light--primary-color);
  --light--toggle-checked-border-transparency: var(--transparency-5);
  --light--toggle-unchecked-bg: var(--light--neutral-color-3);
  --light--toggle-unchecked-border: var(--light--btn-color);
  --light--toggle-unchecked-border-hover: var(--light--btn-hover-color);
  --light--toggle-unchecked-border-click: var(--light--btn-click-color);
  --light--toggle-circle-bg: var(--light--white-100);
  --light--toggle-circle-bg-disabled: var(--light--neutral-color-3);
  --light--toggle-circle-shadows: get-shadow(box-shadow-s);
  --light--toggle-bg-disabled: var(--light--btn-disabled-color);
  --light--toggle-border-disabled: var(--light--white-100);
  --light--toggle-border-transparency-disabled: var(--transparency-5);
  --light--toggle-checked-bg: var(--light--primary-color);
  --light--toggle-checked-bg-hover: var(--light--primary-hover-color);
  --light--toggle-checked-bg-click: var(--light--primary-click-color);
  --light--toggle-checked-border: var(--light--primary-color);
  --light--toggle-checked-border-transparency: var(--transparency-5);
  --light--toggle-unchecked-bg: var(--light--neutral-color-3);
  --light--toggle-unchecked-border: var(--light--btn-color);
  --light--toggle-unchecked-border-hover: var(--light--btn-hover-color);
  --light--toggle-unchecked-border-click: var(--light--btn-click-color);
  --light--toggle-circle-bg: var(--light--white-100);
  --light--toggle-circle-bg-disabled: var(--light--neutral-color-3);
  --light--toggle-circle-shadows: get-shadow(box-shadow-s);
  --light--toastr-info-bg: var(--neutral-color-6);
  --light--toastr-success-bg: var(--success-color);
  --light--toastr-error-bg: var(--error-color);
  --light--toastr-info-opacity: .15;
  --light--toastr-success-opacity: .15;
  --light--toastr-error-opacity: .15;
  --light--toastr-border-opacity: .10;
  --light--toastr-title-color: var(--black-100);
  --light--toastr-message-color: var(--font-main-color);
  --light--toastr-main-blend-color: var(--white-100);
  --light--transparency-100: 1;
  --light--transparency-85: .85;
  --light--transparency-80: .80;
  --light--transparency-60: .60;
  --light--transparency-50: .50;
  --light--transparency-40: .40;
  --light--transparency-30: .30;
  --light--transparency-20: .20;
  --light--transparency-15: .15;
  --light--transparency-10: .10;
  --light--transparency-5: .05;
  --light--transparency-0: 0;
  --light--tab-list-border-color: var(--light--neutral-color-3);
  --light--tab-hover-underline-color: var(--light--neutral-color-3);
  --light--tab-label-focus-color: var(--light--link-color);
  --light--tab-label-content-color: var(--light--font-gray-1-color);
  --light--tab-label-content-active-color: var(--light--primary-color);
  --light--ink-bar-color: var(--light--primary-color);
  --light--tooltip-background: var(--light--white-100);
  --light--tooltip-border: var(--light--neutral-color-4);
  --light--primary-color:
    69,
    162,
    147;
  --light--primary-hover-color:
    62,
    146 ,132;
  --light--primary-click-color:
    48,
    113,
    103;
  --light--primary-disabled-color:
    187,
    205,
    223;
  --light--btn-color:
    166,
    195,
    221;
  --light--btn-hover-color:
    152,
    179,
    202;
  --light--btn-click-color:
    133,
    156,
    177;
  --light--btn-disabled-color:
    211,
    225,
    238;
  --light--neutral-color-1:
    255,
    255,
    255;
  --light--neutral-color-2:
    248,
    250,
    252;
  --light--neutral-color-3:
    230,
    237,
    244;
  --light--neutral-color-4:
    219,
    229,
    240;
  --light--neutral-color-5:
    194,
    212,
    229;
  --light--neutral-color-6:
    166,
    195,
    221;
  --light--neutral-color-7:
    38,
    60,
    82;
  --light--neutral-color-8:
    21,
    0,
    8;
  --light--neutral-color-9:
    51,
    153,
    102;
  --light--error-color:
    220,
    66,
    73;
  --light--error-hover-color:
    189,
    58,
    63;
  --light--error-click-color:
    155,
    48,
    52;
  --light--error-disabled-color:
    231,
    123,
    128;
  --light--warning-color:
    248,
    158,
    50;
  --light--success-color:
    78,
    206,
    61;
  --light--link-color:
    3,
    155,
    229;
  --light--link-hovered-color:
    3,
    132,
    195;
  --light--link-click-color:
    2,
    108,
    160;
  --light--link-disable-color:
    210,
    237,
    250;
  --light--red-link-hovered-color:
    184,
    30,
    36;
  --light--red-link-click-color:
    151,
    24,
    29;
  --light--transparency-link: .18;
  --light--bubbles-stroke-color:
    202,
    227,
    222,
    1;
  --light--bubbles-bg-color:
    236,
    246,
    244,
    1;
  --light--black-100:
    0,
    0,
    0;
  --light--white-100:
    255,
    255,
    255;
  --light--second-1:
    34,
    64,
    94;
  --light--optional-color:
    242,
    202,
    75;
  --light--ext-color-1:
    51,
    153,
    255;
  --light--ext-color-2:
    102,
    204,
    102;
  --light--ext-color-3:
    255,
    102,
    204;
  --light--ext-color-4:
    51,
    153,
    102;
  --light--ext-color-5:
    255,
    153,
    102;
  --light--ext-color-6:
    0,
    204,
    204;
  --light--ext-color-7:
    204,
    153,
    51;
  --light--ext-color-8:
    208,
    200,
    11;
  --light--ext-color-9:
    102,
    204,
    0;
  --light--ext-color-10:
    51,
    153,
    153;
  --light--ext-color-11:
    255,
    102,
    153;
  --light--ext-color-12:
    102,
    153,
    255;
  --light--ext-color-13:
    204,
    153,
    102;
  --light--ext-color-14:
    153,
    204,
    51;
  --light--ext-color-15:
    153,
    153,
    153;
  --light--ext-color-16:
    77,
    169,
    254;
  --light--ext-color-17:
    204,
    102,
    102;
  --light--ext-color-18:
    255,
    153,
    153;
  --light--ext-color-19:
    153,
    153,
    255;
  --light--ext-color-20:
    102,
    153,
    153;
  --light--ext-color-21:
    255,
    225,
    10;
  --light--ext-color-22:
    255,
    252,
    170;
  --light--test-color:
    255,
    0,
    0;
}
.light--primary-color {
  color: rgb(var(--light--primary-color));
}
.light--primary-color_bg {
  background-color: rgb(var(--light--primary-color));
}
.light--primary-color_border {
  border: 1px solid rgb(var(--light--primary-color));
}
.light--primary-color_border-top {
  border-top: 1px solid rgb(var(--light--primary-color));
}
.light--primary-color_border-bottom {
  border-bottom: 1px solid rgb(var(--light--primary-color));
}
.light--primary-color_border-left {
  border-left: 1px solid rgb(var(--light--primary-color));
}
.light--primary-color_border-right {
  border-right: 1px solid rgb(var(--light--primary-color));
}
.light--primary-color_st {
  stop-color: rgb(var(--light--primary-color));
}
.light--primary-color_fill {
  fill: rgb(var(--light--primary-color));
}
[theme]:not([theme=light]) [theme=light] .primary-color,
[theme=light] .primary-color {
  color: rgb(var(--light--primary-color));
}
[theme]:not([theme=light]) [theme=light] .primary-color_bg,
[theme=light] .primary-color_bg {
  background-color: rgb(var(--light--primary-color));
}
[theme]:not([theme=light]) [theme=light] .primary-color_border,
[theme=light] .primary-color_border {
  border: 1px solid rgb(var(--light--primary-color));
}
[theme]:not([theme=light]) [theme=light] .primary-color_border-top,
[theme=light] .primary-color_border-top {
  border-top: 1px solid rgb(var(--light--primary-color));
}
[theme]:not([theme=light]) [theme=light] .primary-color_border-bottom,
[theme=light] .primary-color_border-bottom {
  border-bottom: 1px solid rgb(var(--light--primary-color));
}
[theme]:not([theme=light]) [theme=light] .primary-color_border-left,
[theme=light] .primary-color_border-left {
  border-left: 1px solid rgb(var(--light--primary-color));
}
[theme]:not([theme=light]) [theme=light] .primary-color_border-right,
[theme=light] .primary-color_border-right {
  border-right: 1px solid rgb(var(--light--primary-color));
}
[theme]:not([theme=light]) [theme=light] .primary-color_st,
[theme=light] .primary-color_st {
  stop-color: rgb(var(--light--primary-color));
}
[theme]:not([theme=light]) [theme=light] .primary-color_fill *,
[theme=light] .primary-color_fill * {
  fill: rgb(var(--light--primary-color));
}
.light--primary-disabled-color {
  color: rgb(var(--light--primary-disabled-color));
}
.light--primary-disabled-color_bg {
  background-color: rgb(var(--light--primary-disabled-color));
}
.light--primary-disabled-color_border {
  border: 1px solid rgb(var(--light--primary-disabled-color));
}
.light--primary-disabled-color_border-top {
  border-top: 1px solid rgb(var(--light--primary-disabled-color));
}
.light--primary-disabled-color_border-bottom {
  border-bottom: 1px solid rgb(var(--light--primary-disabled-color));
}
.light--primary-disabled-color_border-left {
  border-left: 1px solid rgb(var(--light--primary-disabled-color));
}
.light--primary-disabled-color_border-right {
  border-right: 1px solid rgb(var(--light--primary-disabled-color));
}
.light--primary-disabled-color_st {
  stop-color: rgb(var(--light--primary-disabled-color));
}
.light--primary-disabled-color_fill {
  fill: rgb(var(--light--primary-disabled-color));
}
[theme]:not([theme=light]) [theme=light] .primary-disabled-color,
[theme=light] .primary-disabled-color {
  color: rgb(var(--light--primary-disabled-color));
}
[theme]:not([theme=light]) [theme=light] .primary-disabled-color_bg,
[theme=light] .primary-disabled-color_bg {
  background-color: rgb(var(--light--primary-disabled-color));
}
[theme]:not([theme=light]) [theme=light] .primary-disabled-color_border,
[theme=light] .primary-disabled-color_border {
  border: 1px solid rgb(var(--light--primary-disabled-color));
}
[theme]:not([theme=light]) [theme=light] .primary-disabled-color_border-top,
[theme=light] .primary-disabled-color_border-top {
  border-top: 1px solid rgb(var(--light--primary-disabled-color));
}
[theme]:not([theme=light]) [theme=light] .primary-disabled-color_border-bottom,
[theme=light] .primary-disabled-color_border-bottom {
  border-bottom: 1px solid rgb(var(--light--primary-disabled-color));
}
[theme]:not([theme=light]) [theme=light] .primary-disabled-color_border-left,
[theme=light] .primary-disabled-color_border-left {
  border-left: 1px solid rgb(var(--light--primary-disabled-color));
}
[theme]:not([theme=light]) [theme=light] .primary-disabled-color_border-right,
[theme=light] .primary-disabled-color_border-right {
  border-right: 1px solid rgb(var(--light--primary-disabled-color));
}
[theme]:not([theme=light]) [theme=light] .primary-disabled-color_st,
[theme=light] .primary-disabled-color_st {
  stop-color: rgb(var(--light--primary-disabled-color));
}
[theme]:not([theme=light]) [theme=light] .primary-disabled-color_fill *,
[theme=light] .primary-disabled-color_fill * {
  fill: rgb(var(--light--primary-disabled-color));
}
.light--primary-hover-color {
  color: rgb(var(--light--primary-hover-color));
}
.light--primary-hover-color_bg {
  background-color: rgb(var(--light--primary-hover-color));
}
.light--primary-hover-color_border {
  border: 1px solid rgb(var(--light--primary-hover-color));
}
.light--primary-hover-color_border-top {
  border-top: 1px solid rgb(var(--light--primary-hover-color));
}
.light--primary-hover-color_border-bottom {
  border-bottom: 1px solid rgb(var(--light--primary-hover-color));
}
.light--primary-hover-color_border-left {
  border-left: 1px solid rgb(var(--light--primary-hover-color));
}
.light--primary-hover-color_border-right {
  border-right: 1px solid rgb(var(--light--primary-hover-color));
}
.light--primary-hover-color_st {
  stop-color: rgb(var(--light--primary-hover-color));
}
.light--primary-hover-color_fill {
  fill: rgb(var(--light--primary-hover-color));
}
[theme]:not([theme=light]) [theme=light] .primary-hover-color,
[theme=light] .primary-hover-color {
  color: rgb(var(--light--primary-hover-color));
}
[theme]:not([theme=light]) [theme=light] .primary-hover-color_bg,
[theme=light] .primary-hover-color_bg {
  background-color: rgb(var(--light--primary-hover-color));
}
[theme]:not([theme=light]) [theme=light] .primary-hover-color_border,
[theme=light] .primary-hover-color_border {
  border: 1px solid rgb(var(--light--primary-hover-color));
}
[theme]:not([theme=light]) [theme=light] .primary-hover-color_border-top,
[theme=light] .primary-hover-color_border-top {
  border-top: 1px solid rgb(var(--light--primary-hover-color));
}
[theme]:not([theme=light]) [theme=light] .primary-hover-color_border-bottom,
[theme=light] .primary-hover-color_border-bottom {
  border-bottom: 1px solid rgb(var(--light--primary-hover-color));
}
[theme]:not([theme=light]) [theme=light] .primary-hover-color_border-left,
[theme=light] .primary-hover-color_border-left {
  border-left: 1px solid rgb(var(--light--primary-hover-color));
}
[theme]:not([theme=light]) [theme=light] .primary-hover-color_border-right,
[theme=light] .primary-hover-color_border-right {
  border-right: 1px solid rgb(var(--light--primary-hover-color));
}
[theme]:not([theme=light]) [theme=light] .primary-hover-color_st,
[theme=light] .primary-hover-color_st {
  stop-color: rgb(var(--light--primary-hover-color));
}
[theme]:not([theme=light]) [theme=light] .primary-hover-color_fill *,
[theme=light] .primary-hover-color_fill * {
  fill: rgb(var(--light--primary-hover-color));
}
.light--primary-click-color {
  color: rgb(var(--light--primary-click-color));
}
.light--primary-click-color_bg {
  background-color: rgb(var(--light--primary-click-color));
}
.light--primary-click-color_border {
  border: 1px solid rgb(var(--light--primary-click-color));
}
.light--primary-click-color_border-top {
  border-top: 1px solid rgb(var(--light--primary-click-color));
}
.light--primary-click-color_border-bottom {
  border-bottom: 1px solid rgb(var(--light--primary-click-color));
}
.light--primary-click-color_border-left {
  border-left: 1px solid rgb(var(--light--primary-click-color));
}
.light--primary-click-color_border-right {
  border-right: 1px solid rgb(var(--light--primary-click-color));
}
.light--primary-click-color_st {
  stop-color: rgb(var(--light--primary-click-color));
}
.light--primary-click-color_fill {
  fill: rgb(var(--light--primary-click-color));
}
[theme]:not([theme=light]) [theme=light] .primary-click-color,
[theme=light] .primary-click-color {
  color: rgb(var(--light--primary-click-color));
}
[theme]:not([theme=light]) [theme=light] .primary-click-color_bg,
[theme=light] .primary-click-color_bg {
  background-color: rgb(var(--light--primary-click-color));
}
[theme]:not([theme=light]) [theme=light] .primary-click-color_border,
[theme=light] .primary-click-color_border {
  border: 1px solid rgb(var(--light--primary-click-color));
}
[theme]:not([theme=light]) [theme=light] .primary-click-color_border-top,
[theme=light] .primary-click-color_border-top {
  border-top: 1px solid rgb(var(--light--primary-click-color));
}
[theme]:not([theme=light]) [theme=light] .primary-click-color_border-bottom,
[theme=light] .primary-click-color_border-bottom {
  border-bottom: 1px solid rgb(var(--light--primary-click-color));
}
[theme]:not([theme=light]) [theme=light] .primary-click-color_border-left,
[theme=light] .primary-click-color_border-left {
  border-left: 1px solid rgb(var(--light--primary-click-color));
}
[theme]:not([theme=light]) [theme=light] .primary-click-color_border-right,
[theme=light] .primary-click-color_border-right {
  border-right: 1px solid rgb(var(--light--primary-click-color));
}
[theme]:not([theme=light]) [theme=light] .primary-click-color_st,
[theme=light] .primary-click-color_st {
  stop-color: rgb(var(--light--primary-click-color));
}
[theme]:not([theme=light]) [theme=light] .primary-click-color_fill *,
[theme=light] .primary-click-color_fill * {
  fill: rgb(var(--light--primary-click-color));
}
.light--btn-color {
  color: rgb(var(--light--btn-color));
}
.light--btn-color_bg {
  background-color: rgb(var(--light--btn-color));
}
.light--btn-color_border {
  border: 1px solid rgb(var(--light--btn-color));
}
.light--btn-color_border-top {
  border-top: 1px solid rgb(var(--light--btn-color));
}
.light--btn-color_border-bottom {
  border-bottom: 1px solid rgb(var(--light--btn-color));
}
.light--btn-color_border-left {
  border-left: 1px solid rgb(var(--light--btn-color));
}
.light--btn-color_border-right {
  border-right: 1px solid rgb(var(--light--btn-color));
}
.light--btn-color_st {
  stop-color: rgb(var(--light--btn-color));
}
.light--btn-color_fill {
  fill: rgb(var(--light--btn-color));
}
[theme]:not([theme=light]) [theme=light] .btn-color,
[theme=light] .btn-color {
  color: rgb(var(--light--btn-color));
}
[theme]:not([theme=light]) [theme=light] .btn-color_bg,
[theme=light] .btn-color_bg {
  background-color: rgb(var(--light--btn-color));
}
[theme]:not([theme=light]) [theme=light] .btn-color_border,
[theme=light] .btn-color_border {
  border: 1px solid rgb(var(--light--btn-color));
}
[theme]:not([theme=light]) [theme=light] .btn-color_border-top,
[theme=light] .btn-color_border-top {
  border-top: 1px solid rgb(var(--light--btn-color));
}
[theme]:not([theme=light]) [theme=light] .btn-color_border-bottom,
[theme=light] .btn-color_border-bottom {
  border-bottom: 1px solid rgb(var(--light--btn-color));
}
[theme]:not([theme=light]) [theme=light] .btn-color_border-left,
[theme=light] .btn-color_border-left {
  border-left: 1px solid rgb(var(--light--btn-color));
}
[theme]:not([theme=light]) [theme=light] .btn-color_border-right,
[theme=light] .btn-color_border-right {
  border-right: 1px solid rgb(var(--light--btn-color));
}
[theme]:not([theme=light]) [theme=light] .btn-color_st,
[theme=light] .btn-color_st {
  stop-color: rgb(var(--light--btn-color));
}
[theme]:not([theme=light]) [theme=light] .btn-color_fill *,
[theme=light] .btn-color_fill * {
  fill: rgb(var(--light--btn-color));
}
.light--btn-hover-color {
  color: rgb(var(--light--btn-hover-color));
}
.light--btn-hover-color_bg {
  background-color: rgb(var(--light--btn-hover-color));
}
.light--btn-hover-color_border {
  border: 1px solid rgb(var(--light--btn-hover-color));
}
.light--btn-hover-color_border-top {
  border-top: 1px solid rgb(var(--light--btn-hover-color));
}
.light--btn-hover-color_border-bottom {
  border-bottom: 1px solid rgb(var(--light--btn-hover-color));
}
.light--btn-hover-color_border-left {
  border-left: 1px solid rgb(var(--light--btn-hover-color));
}
.light--btn-hover-color_border-right {
  border-right: 1px solid rgb(var(--light--btn-hover-color));
}
.light--btn-hover-color_st {
  stop-color: rgb(var(--light--btn-hover-color));
}
.light--btn-hover-color_fill {
  fill: rgb(var(--light--btn-hover-color));
}
[theme]:not([theme=light]) [theme=light] .btn-hover-color,
[theme=light] .btn-hover-color {
  color: rgb(var(--light--btn-hover-color));
}
[theme]:not([theme=light]) [theme=light] .btn-hover-color_bg,
[theme=light] .btn-hover-color_bg {
  background-color: rgb(var(--light--btn-hover-color));
}
[theme]:not([theme=light]) [theme=light] .btn-hover-color_border,
[theme=light] .btn-hover-color_border {
  border: 1px solid rgb(var(--light--btn-hover-color));
}
[theme]:not([theme=light]) [theme=light] .btn-hover-color_border-top,
[theme=light] .btn-hover-color_border-top {
  border-top: 1px solid rgb(var(--light--btn-hover-color));
}
[theme]:not([theme=light]) [theme=light] .btn-hover-color_border-bottom,
[theme=light] .btn-hover-color_border-bottom {
  border-bottom: 1px solid rgb(var(--light--btn-hover-color));
}
[theme]:not([theme=light]) [theme=light] .btn-hover-color_border-left,
[theme=light] .btn-hover-color_border-left {
  border-left: 1px solid rgb(var(--light--btn-hover-color));
}
[theme]:not([theme=light]) [theme=light] .btn-hover-color_border-right,
[theme=light] .btn-hover-color_border-right {
  border-right: 1px solid rgb(var(--light--btn-hover-color));
}
[theme]:not([theme=light]) [theme=light] .btn-hover-color_st,
[theme=light] .btn-hover-color_st {
  stop-color: rgb(var(--light--btn-hover-color));
}
[theme]:not([theme=light]) [theme=light] .btn-hover-color_fill *,
[theme=light] .btn-hover-color_fill * {
  fill: rgb(var(--light--btn-hover-color));
}
.light--btn-click-color {
  color: rgb(var(--light--btn-click-color));
}
.light--btn-click-color_bg {
  background-color: rgb(var(--light--btn-click-color));
}
.light--btn-click-color_border {
  border: 1px solid rgb(var(--light--btn-click-color));
}
.light--btn-click-color_border-top {
  border-top: 1px solid rgb(var(--light--btn-click-color));
}
.light--btn-click-color_border-bottom {
  border-bottom: 1px solid rgb(var(--light--btn-click-color));
}
.light--btn-click-color_border-left {
  border-left: 1px solid rgb(var(--light--btn-click-color));
}
.light--btn-click-color_border-right {
  border-right: 1px solid rgb(var(--light--btn-click-color));
}
.light--btn-click-color_st {
  stop-color: rgb(var(--light--btn-click-color));
}
.light--btn-click-color_fill {
  fill: rgb(var(--light--btn-click-color));
}
[theme]:not([theme=light]) [theme=light] .btn-click-color,
[theme=light] .btn-click-color {
  color: rgb(var(--light--btn-click-color));
}
[theme]:not([theme=light]) [theme=light] .btn-click-color_bg,
[theme=light] .btn-click-color_bg {
  background-color: rgb(var(--light--btn-click-color));
}
[theme]:not([theme=light]) [theme=light] .btn-click-color_border,
[theme=light] .btn-click-color_border {
  border: 1px solid rgb(var(--light--btn-click-color));
}
[theme]:not([theme=light]) [theme=light] .btn-click-color_border-top,
[theme=light] .btn-click-color_border-top {
  border-top: 1px solid rgb(var(--light--btn-click-color));
}
[theme]:not([theme=light]) [theme=light] .btn-click-color_border-bottom,
[theme=light] .btn-click-color_border-bottom {
  border-bottom: 1px solid rgb(var(--light--btn-click-color));
}
[theme]:not([theme=light]) [theme=light] .btn-click-color_border-left,
[theme=light] .btn-click-color_border-left {
  border-left: 1px solid rgb(var(--light--btn-click-color));
}
[theme]:not([theme=light]) [theme=light] .btn-click-color_border-right,
[theme=light] .btn-click-color_border-right {
  border-right: 1px solid rgb(var(--light--btn-click-color));
}
[theme]:not([theme=light]) [theme=light] .btn-click-color_st,
[theme=light] .btn-click-color_st {
  stop-color: rgb(var(--light--btn-click-color));
}
[theme]:not([theme=light]) [theme=light] .btn-click-color_fill *,
[theme=light] .btn-click-color_fill * {
  fill: rgb(var(--light--btn-click-color));
}
.light--btn-disabled-color {
  color: rgb(var(--light--btn-disabled-color));
}
.light--btn-disabled-color_bg {
  background-color: rgb(var(--light--btn-disabled-color));
}
.light--btn-disabled-color_border {
  border: 1px solid rgb(var(--light--btn-disabled-color));
}
.light--btn-disabled-color_border-top {
  border-top: 1px solid rgb(var(--light--btn-disabled-color));
}
.light--btn-disabled-color_border-bottom {
  border-bottom: 1px solid rgb(var(--light--btn-disabled-color));
}
.light--btn-disabled-color_border-left {
  border-left: 1px solid rgb(var(--light--btn-disabled-color));
}
.light--btn-disabled-color_border-right {
  border-right: 1px solid rgb(var(--light--btn-disabled-color));
}
.light--btn-disabled-color_st {
  stop-color: rgb(var(--light--btn-disabled-color));
}
.light--btn-disabled-color_fill {
  fill: rgb(var(--light--btn-disabled-color));
}
[theme]:not([theme=light]) [theme=light] .btn-disabled-color,
[theme=light] .btn-disabled-color {
  color: rgb(var(--light--btn-disabled-color));
}
[theme]:not([theme=light]) [theme=light] .btn-disabled-color_bg,
[theme=light] .btn-disabled-color_bg {
  background-color: rgb(var(--light--btn-disabled-color));
}
[theme]:not([theme=light]) [theme=light] .btn-disabled-color_border,
[theme=light] .btn-disabled-color_border {
  border: 1px solid rgb(var(--light--btn-disabled-color));
}
[theme]:not([theme=light]) [theme=light] .btn-disabled-color_border-top,
[theme=light] .btn-disabled-color_border-top {
  border-top: 1px solid rgb(var(--light--btn-disabled-color));
}
[theme]:not([theme=light]) [theme=light] .btn-disabled-color_border-bottom,
[theme=light] .btn-disabled-color_border-bottom {
  border-bottom: 1px solid rgb(var(--light--btn-disabled-color));
}
[theme]:not([theme=light]) [theme=light] .btn-disabled-color_border-left,
[theme=light] .btn-disabled-color_border-left {
  border-left: 1px solid rgb(var(--light--btn-disabled-color));
}
[theme]:not([theme=light]) [theme=light] .btn-disabled-color_border-right,
[theme=light] .btn-disabled-color_border-right {
  border-right: 1px solid rgb(var(--light--btn-disabled-color));
}
[theme]:not([theme=light]) [theme=light] .btn-disabled-color_st,
[theme=light] .btn-disabled-color_st {
  stop-color: rgb(var(--light--btn-disabled-color));
}
[theme]:not([theme=light]) [theme=light] .btn-disabled-color_fill *,
[theme=light] .btn-disabled-color_fill * {
  fill: rgb(var(--light--btn-disabled-color));
}
.light--neutral-color-1 {
  color: rgb(var(--light--neutral-color-1));
}
.light--neutral-color-1_bg {
  background-color: rgb(var(--light--neutral-color-1));
}
.light--neutral-color-1_border {
  border: 1px solid rgb(var(--light--neutral-color-1));
}
.light--neutral-color-1_border-top {
  border-top: 1px solid rgb(var(--light--neutral-color-1));
}
.light--neutral-color-1_border-bottom {
  border-bottom: 1px solid rgb(var(--light--neutral-color-1));
}
.light--neutral-color-1_border-left {
  border-left: 1px solid rgb(var(--light--neutral-color-1));
}
.light--neutral-color-1_border-right {
  border-right: 1px solid rgb(var(--light--neutral-color-1));
}
.light--neutral-color-1_st {
  stop-color: rgb(var(--light--neutral-color-1));
}
.light--neutral-color-1_fill {
  fill: rgb(var(--light--neutral-color-1));
}
[theme]:not([theme=light]) [theme=light] .neutral-color-1,
[theme=light] .neutral-color-1 {
  color: rgb(var(--light--neutral-color-1));
}
[theme]:not([theme=light]) [theme=light] .neutral-color-1_bg,
[theme=light] .neutral-color-1_bg {
  background-color: rgb(var(--light--neutral-color-1));
}
[theme]:not([theme=light]) [theme=light] .neutral-color-1_border,
[theme=light] .neutral-color-1_border {
  border: 1px solid rgb(var(--light--neutral-color-1));
}
[theme]:not([theme=light]) [theme=light] .neutral-color-1_border-top,
[theme=light] .neutral-color-1_border-top {
  border-top: 1px solid rgb(var(--light--neutral-color-1));
}
[theme]:not([theme=light]) [theme=light] .neutral-color-1_border-bottom,
[theme=light] .neutral-color-1_border-bottom {
  border-bottom: 1px solid rgb(var(--light--neutral-color-1));
}
[theme]:not([theme=light]) [theme=light] .neutral-color-1_border-left,
[theme=light] .neutral-color-1_border-left {
  border-left: 1px solid rgb(var(--light--neutral-color-1));
}
[theme]:not([theme=light]) [theme=light] .neutral-color-1_border-right,
[theme=light] .neutral-color-1_border-right {
  border-right: 1px solid rgb(var(--light--neutral-color-1));
}
[theme]:not([theme=light]) [theme=light] .neutral-color-1_st,
[theme=light] .neutral-color-1_st {
  stop-color: rgb(var(--light--neutral-color-1));
}
[theme]:not([theme=light]) [theme=light] .neutral-color-1_fill *,
[theme=light] .neutral-color-1_fill * {
  fill: rgb(var(--light--neutral-color-1));
}
.light--neutral-color-2 {
  color: rgb(var(--light--neutral-color-2));
}
.light--neutral-color-2_bg {
  background-color: rgb(var(--light--neutral-color-2));
}
.light--neutral-color-2_border {
  border: 1px solid rgb(var(--light--neutral-color-2));
}
.light--neutral-color-2_border-top {
  border-top: 1px solid rgb(var(--light--neutral-color-2));
}
.light--neutral-color-2_border-bottom {
  border-bottom: 1px solid rgb(var(--light--neutral-color-2));
}
.light--neutral-color-2_border-left {
  border-left: 1px solid rgb(var(--light--neutral-color-2));
}
.light--neutral-color-2_border-right {
  border-right: 1px solid rgb(var(--light--neutral-color-2));
}
.light--neutral-color-2_st {
  stop-color: rgb(var(--light--neutral-color-2));
}
.light--neutral-color-2_fill {
  fill: rgb(var(--light--neutral-color-2));
}
[theme]:not([theme=light]) [theme=light] .neutral-color-2,
[theme=light] .neutral-color-2 {
  color: rgb(var(--light--neutral-color-2));
}
[theme]:not([theme=light]) [theme=light] .neutral-color-2_bg,
[theme=light] .neutral-color-2_bg {
  background-color: rgb(var(--light--neutral-color-2));
}
[theme]:not([theme=light]) [theme=light] .neutral-color-2_border,
[theme=light] .neutral-color-2_border {
  border: 1px solid rgb(var(--light--neutral-color-2));
}
[theme]:not([theme=light]) [theme=light] .neutral-color-2_border-top,
[theme=light] .neutral-color-2_border-top {
  border-top: 1px solid rgb(var(--light--neutral-color-2));
}
[theme]:not([theme=light]) [theme=light] .neutral-color-2_border-bottom,
[theme=light] .neutral-color-2_border-bottom {
  border-bottom: 1px solid rgb(var(--light--neutral-color-2));
}
[theme]:not([theme=light]) [theme=light] .neutral-color-2_border-left,
[theme=light] .neutral-color-2_border-left {
  border-left: 1px solid rgb(var(--light--neutral-color-2));
}
[theme]:not([theme=light]) [theme=light] .neutral-color-2_border-right,
[theme=light] .neutral-color-2_border-right {
  border-right: 1px solid rgb(var(--light--neutral-color-2));
}
[theme]:not([theme=light]) [theme=light] .neutral-color-2_st,
[theme=light] .neutral-color-2_st {
  stop-color: rgb(var(--light--neutral-color-2));
}
[theme]:not([theme=light]) [theme=light] .neutral-color-2_fill *,
[theme=light] .neutral-color-2_fill * {
  fill: rgb(var(--light--neutral-color-2));
}
.light--neutral-color-3 {
  color: rgb(var(--light--neutral-color-3));
}
.light--neutral-color-3_bg {
  background-color: rgb(var(--light--neutral-color-3));
}
.light--neutral-color-3_border {
  border: 1px solid rgb(var(--light--neutral-color-3));
}
.light--neutral-color-3_border-top {
  border-top: 1px solid rgb(var(--light--neutral-color-3));
}
.light--neutral-color-3_border-bottom {
  border-bottom: 1px solid rgb(var(--light--neutral-color-3));
}
.light--neutral-color-3_border-left {
  border-left: 1px solid rgb(var(--light--neutral-color-3));
}
.light--neutral-color-3_border-right {
  border-right: 1px solid rgb(var(--light--neutral-color-3));
}
.light--neutral-color-3_st {
  stop-color: rgb(var(--light--neutral-color-3));
}
.light--neutral-color-3_fill {
  fill: rgb(var(--light--neutral-color-3));
}
[theme]:not([theme=light]) [theme=light] .neutral-color-3,
[theme=light] .neutral-color-3 {
  color: rgb(var(--light--neutral-color-3));
}
[theme]:not([theme=light]) [theme=light] .neutral-color-3_bg,
[theme=light] .neutral-color-3_bg {
  background-color: rgb(var(--light--neutral-color-3));
}
[theme]:not([theme=light]) [theme=light] .neutral-color-3_border,
[theme=light] .neutral-color-3_border {
  border: 1px solid rgb(var(--light--neutral-color-3));
}
[theme]:not([theme=light]) [theme=light] .neutral-color-3_border-top,
[theme=light] .neutral-color-3_border-top {
  border-top: 1px solid rgb(var(--light--neutral-color-3));
}
[theme]:not([theme=light]) [theme=light] .neutral-color-3_border-bottom,
[theme=light] .neutral-color-3_border-bottom {
  border-bottom: 1px solid rgb(var(--light--neutral-color-3));
}
[theme]:not([theme=light]) [theme=light] .neutral-color-3_border-left,
[theme=light] .neutral-color-3_border-left {
  border-left: 1px solid rgb(var(--light--neutral-color-3));
}
[theme]:not([theme=light]) [theme=light] .neutral-color-3_border-right,
[theme=light] .neutral-color-3_border-right {
  border-right: 1px solid rgb(var(--light--neutral-color-3));
}
[theme]:not([theme=light]) [theme=light] .neutral-color-3_st,
[theme=light] .neutral-color-3_st {
  stop-color: rgb(var(--light--neutral-color-3));
}
[theme]:not([theme=light]) [theme=light] .neutral-color-3_fill *,
[theme=light] .neutral-color-3_fill * {
  fill: rgb(var(--light--neutral-color-3));
}
.light--neutral-color-4 {
  color: rgb(var(--light--neutral-color-4));
}
.light--neutral-color-4_bg {
  background-color: rgb(var(--light--neutral-color-4));
}
.light--neutral-color-4_border {
  border: 1px solid rgb(var(--light--neutral-color-4));
}
.light--neutral-color-4_border-top {
  border-top: 1px solid rgb(var(--light--neutral-color-4));
}
.light--neutral-color-4_border-bottom {
  border-bottom: 1px solid rgb(var(--light--neutral-color-4));
}
.light--neutral-color-4_border-left {
  border-left: 1px solid rgb(var(--light--neutral-color-4));
}
.light--neutral-color-4_border-right {
  border-right: 1px solid rgb(var(--light--neutral-color-4));
}
.light--neutral-color-4_st {
  stop-color: rgb(var(--light--neutral-color-4));
}
.light--neutral-color-4_fill {
  fill: rgb(var(--light--neutral-color-4));
}
[theme]:not([theme=light]) [theme=light] .neutral-color-4,
[theme=light] .neutral-color-4 {
  color: rgb(var(--light--neutral-color-4));
}
[theme]:not([theme=light]) [theme=light] .neutral-color-4_bg,
[theme=light] .neutral-color-4_bg {
  background-color: rgb(var(--light--neutral-color-4));
}
[theme]:not([theme=light]) [theme=light] .neutral-color-4_border,
[theme=light] .neutral-color-4_border {
  border: 1px solid rgb(var(--light--neutral-color-4));
}
[theme]:not([theme=light]) [theme=light] .neutral-color-4_border-top,
[theme=light] .neutral-color-4_border-top {
  border-top: 1px solid rgb(var(--light--neutral-color-4));
}
[theme]:not([theme=light]) [theme=light] .neutral-color-4_border-bottom,
[theme=light] .neutral-color-4_border-bottom {
  border-bottom: 1px solid rgb(var(--light--neutral-color-4));
}
[theme]:not([theme=light]) [theme=light] .neutral-color-4_border-left,
[theme=light] .neutral-color-4_border-left {
  border-left: 1px solid rgb(var(--light--neutral-color-4));
}
[theme]:not([theme=light]) [theme=light] .neutral-color-4_border-right,
[theme=light] .neutral-color-4_border-right {
  border-right: 1px solid rgb(var(--light--neutral-color-4));
}
[theme]:not([theme=light]) [theme=light] .neutral-color-4_st,
[theme=light] .neutral-color-4_st {
  stop-color: rgb(var(--light--neutral-color-4));
}
[theme]:not([theme=light]) [theme=light] .neutral-color-4_fill *,
[theme=light] .neutral-color-4_fill * {
  fill: rgb(var(--light--neutral-color-4));
}
.light--neutral-color-5 {
  color: rgb(var(--light--neutral-color-5));
}
.light--neutral-color-5_bg {
  background-color: rgb(var(--light--neutral-color-5));
}
.light--neutral-color-5_border {
  border: 1px solid rgb(var(--light--neutral-color-5));
}
.light--neutral-color-5_border-top {
  border-top: 1px solid rgb(var(--light--neutral-color-5));
}
.light--neutral-color-5_border-bottom {
  border-bottom: 1px solid rgb(var(--light--neutral-color-5));
}
.light--neutral-color-5_border-left {
  border-left: 1px solid rgb(var(--light--neutral-color-5));
}
.light--neutral-color-5_border-right {
  border-right: 1px solid rgb(var(--light--neutral-color-5));
}
.light--neutral-color-5_st {
  stop-color: rgb(var(--light--neutral-color-5));
}
.light--neutral-color-5_fill {
  fill: rgb(var(--light--neutral-color-5));
}
[theme]:not([theme=light]) [theme=light] .neutral-color-5,
[theme=light] .neutral-color-5 {
  color: rgb(var(--light--neutral-color-5));
}
[theme]:not([theme=light]) [theme=light] .neutral-color-5_bg,
[theme=light] .neutral-color-5_bg {
  background-color: rgb(var(--light--neutral-color-5));
}
[theme]:not([theme=light]) [theme=light] .neutral-color-5_border,
[theme=light] .neutral-color-5_border {
  border: 1px solid rgb(var(--light--neutral-color-5));
}
[theme]:not([theme=light]) [theme=light] .neutral-color-5_border-top,
[theme=light] .neutral-color-5_border-top {
  border-top: 1px solid rgb(var(--light--neutral-color-5));
}
[theme]:not([theme=light]) [theme=light] .neutral-color-5_border-bottom,
[theme=light] .neutral-color-5_border-bottom {
  border-bottom: 1px solid rgb(var(--light--neutral-color-5));
}
[theme]:not([theme=light]) [theme=light] .neutral-color-5_border-left,
[theme=light] .neutral-color-5_border-left {
  border-left: 1px solid rgb(var(--light--neutral-color-5));
}
[theme]:not([theme=light]) [theme=light] .neutral-color-5_border-right,
[theme=light] .neutral-color-5_border-right {
  border-right: 1px solid rgb(var(--light--neutral-color-5));
}
[theme]:not([theme=light]) [theme=light] .neutral-color-5_st,
[theme=light] .neutral-color-5_st {
  stop-color: rgb(var(--light--neutral-color-5));
}
[theme]:not([theme=light]) [theme=light] .neutral-color-5_fill *,
[theme=light] .neutral-color-5_fill * {
  fill: rgb(var(--light--neutral-color-5));
}
.light--neutral-color-6 {
  color: rgb(var(--light--neutral-color-6));
}
.light--neutral-color-6_bg {
  background-color: rgb(var(--light--neutral-color-6));
}
.light--neutral-color-6_border {
  border: 1px solid rgb(var(--light--neutral-color-6));
}
.light--neutral-color-6_border-top {
  border-top: 1px solid rgb(var(--light--neutral-color-6));
}
.light--neutral-color-6_border-bottom {
  border-bottom: 1px solid rgb(var(--light--neutral-color-6));
}
.light--neutral-color-6_border-left {
  border-left: 1px solid rgb(var(--light--neutral-color-6));
}
.light--neutral-color-6_border-right {
  border-right: 1px solid rgb(var(--light--neutral-color-6));
}
.light--neutral-color-6_st {
  stop-color: rgb(var(--light--neutral-color-6));
}
.light--neutral-color-6_fill {
  fill: rgb(var(--light--neutral-color-6));
}
[theme]:not([theme=light]) [theme=light] .neutral-color-6,
[theme=light] .neutral-color-6 {
  color: rgb(var(--light--neutral-color-6));
}
[theme]:not([theme=light]) [theme=light] .neutral-color-6_bg,
[theme=light] .neutral-color-6_bg {
  background-color: rgb(var(--light--neutral-color-6));
}
[theme]:not([theme=light]) [theme=light] .neutral-color-6_border,
[theme=light] .neutral-color-6_border {
  border: 1px solid rgb(var(--light--neutral-color-6));
}
[theme]:not([theme=light]) [theme=light] .neutral-color-6_border-top,
[theme=light] .neutral-color-6_border-top {
  border-top: 1px solid rgb(var(--light--neutral-color-6));
}
[theme]:not([theme=light]) [theme=light] .neutral-color-6_border-bottom,
[theme=light] .neutral-color-6_border-bottom {
  border-bottom: 1px solid rgb(var(--light--neutral-color-6));
}
[theme]:not([theme=light]) [theme=light] .neutral-color-6_border-left,
[theme=light] .neutral-color-6_border-left {
  border-left: 1px solid rgb(var(--light--neutral-color-6));
}
[theme]:not([theme=light]) [theme=light] .neutral-color-6_border-right,
[theme=light] .neutral-color-6_border-right {
  border-right: 1px solid rgb(var(--light--neutral-color-6));
}
[theme]:not([theme=light]) [theme=light] .neutral-color-6_st,
[theme=light] .neutral-color-6_st {
  stop-color: rgb(var(--light--neutral-color-6));
}
[theme]:not([theme=light]) [theme=light] .neutral-color-6_fill *,
[theme=light] .neutral-color-6_fill * {
  fill: rgb(var(--light--neutral-color-6));
}
.light--neutral-color-7 {
  color: rgb(var(--light--neutral-color-7));
}
.light--neutral-color-7_bg {
  background-color: rgb(var(--light--neutral-color-7));
}
.light--neutral-color-7_border {
  border: 1px solid rgb(var(--light--neutral-color-7));
}
.light--neutral-color-7_border-top {
  border-top: 1px solid rgb(var(--light--neutral-color-7));
}
.light--neutral-color-7_border-bottom {
  border-bottom: 1px solid rgb(var(--light--neutral-color-7));
}
.light--neutral-color-7_border-left {
  border-left: 1px solid rgb(var(--light--neutral-color-7));
}
.light--neutral-color-7_border-right {
  border-right: 1px solid rgb(var(--light--neutral-color-7));
}
.light--neutral-color-7_st {
  stop-color: rgb(var(--light--neutral-color-7));
}
.light--neutral-color-7_fill {
  fill: rgb(var(--light--neutral-color-7));
}
[theme]:not([theme=light]) [theme=light] .neutral-color-7,
[theme=light] .neutral-color-7 {
  color: rgb(var(--light--neutral-color-7));
}
[theme]:not([theme=light]) [theme=light] .neutral-color-7_bg,
[theme=light] .neutral-color-7_bg {
  background-color: rgb(var(--light--neutral-color-7));
}
[theme]:not([theme=light]) [theme=light] .neutral-color-7_border,
[theme=light] .neutral-color-7_border {
  border: 1px solid rgb(var(--light--neutral-color-7));
}
[theme]:not([theme=light]) [theme=light] .neutral-color-7_border-top,
[theme=light] .neutral-color-7_border-top {
  border-top: 1px solid rgb(var(--light--neutral-color-7));
}
[theme]:not([theme=light]) [theme=light] .neutral-color-7_border-bottom,
[theme=light] .neutral-color-7_border-bottom {
  border-bottom: 1px solid rgb(var(--light--neutral-color-7));
}
[theme]:not([theme=light]) [theme=light] .neutral-color-7_border-left,
[theme=light] .neutral-color-7_border-left {
  border-left: 1px solid rgb(var(--light--neutral-color-7));
}
[theme]:not([theme=light]) [theme=light] .neutral-color-7_border-right,
[theme=light] .neutral-color-7_border-right {
  border-right: 1px solid rgb(var(--light--neutral-color-7));
}
[theme]:not([theme=light]) [theme=light] .neutral-color-7_st,
[theme=light] .neutral-color-7_st {
  stop-color: rgb(var(--light--neutral-color-7));
}
[theme]:not([theme=light]) [theme=light] .neutral-color-7_fill *,
[theme=light] .neutral-color-7_fill * {
  fill: rgb(var(--light--neutral-color-7));
}
.light--neutral-color-8 {
  color: rgb(var(--light--neutral-color-8));
}
.light--neutral-color-8_bg {
  background-color: rgb(var(--light--neutral-color-8));
}
.light--neutral-color-8_border {
  border: 1px solid rgb(var(--light--neutral-color-8));
}
.light--neutral-color-8_border-top {
  border-top: 1px solid rgb(var(--light--neutral-color-8));
}
.light--neutral-color-8_border-bottom {
  border-bottom: 1px solid rgb(var(--light--neutral-color-8));
}
.light--neutral-color-8_border-left {
  border-left: 1px solid rgb(var(--light--neutral-color-8));
}
.light--neutral-color-8_border-right {
  border-right: 1px solid rgb(var(--light--neutral-color-8));
}
.light--neutral-color-8_st {
  stop-color: rgb(var(--light--neutral-color-8));
}
.light--neutral-color-8_fill {
  fill: rgb(var(--light--neutral-color-8));
}
[theme]:not([theme=light]) [theme=light] .neutral-color-8,
[theme=light] .neutral-color-8 {
  color: rgb(var(--light--neutral-color-8));
}
[theme]:not([theme=light]) [theme=light] .neutral-color-8_bg,
[theme=light] .neutral-color-8_bg {
  background-color: rgb(var(--light--neutral-color-8));
}
[theme]:not([theme=light]) [theme=light] .neutral-color-8_border,
[theme=light] .neutral-color-8_border {
  border: 1px solid rgb(var(--light--neutral-color-8));
}
[theme]:not([theme=light]) [theme=light] .neutral-color-8_border-top,
[theme=light] .neutral-color-8_border-top {
  border-top: 1px solid rgb(var(--light--neutral-color-8));
}
[theme]:not([theme=light]) [theme=light] .neutral-color-8_border-bottom,
[theme=light] .neutral-color-8_border-bottom {
  border-bottom: 1px solid rgb(var(--light--neutral-color-8));
}
[theme]:not([theme=light]) [theme=light] .neutral-color-8_border-left,
[theme=light] .neutral-color-8_border-left {
  border-left: 1px solid rgb(var(--light--neutral-color-8));
}
[theme]:not([theme=light]) [theme=light] .neutral-color-8_border-right,
[theme=light] .neutral-color-8_border-right {
  border-right: 1px solid rgb(var(--light--neutral-color-8));
}
[theme]:not([theme=light]) [theme=light] .neutral-color-8_st,
[theme=light] .neutral-color-8_st {
  stop-color: rgb(var(--light--neutral-color-8));
}
[theme]:not([theme=light]) [theme=light] .neutral-color-8_fill *,
[theme=light] .neutral-color-8_fill * {
  fill: rgb(var(--light--neutral-color-8));
}
.light--neutral-color-9 {
  color: rgb(var(--light--neutral-color-9));
}
.light--neutral-color-9_bg {
  background-color: rgb(var(--light--neutral-color-9));
}
.light--neutral-color-9_border {
  border: 1px solid rgb(var(--light--neutral-color-9));
}
.light--neutral-color-9_border-top {
  border-top: 1px solid rgb(var(--light--neutral-color-9));
}
.light--neutral-color-9_border-bottom {
  border-bottom: 1px solid rgb(var(--light--neutral-color-9));
}
.light--neutral-color-9_border-left {
  border-left: 1px solid rgb(var(--light--neutral-color-9));
}
.light--neutral-color-9_border-right {
  border-right: 1px solid rgb(var(--light--neutral-color-9));
}
.light--neutral-color-9_st {
  stop-color: rgb(var(--light--neutral-color-9));
}
.light--neutral-color-9_fill {
  fill: rgb(var(--light--neutral-color-9));
}
[theme]:not([theme=light]) [theme=light] .neutral-color-9,
[theme=light] .neutral-color-9 {
  color: rgb(var(--light--neutral-color-9));
}
[theme]:not([theme=light]) [theme=light] .neutral-color-9_bg,
[theme=light] .neutral-color-9_bg {
  background-color: rgb(var(--light--neutral-color-9));
}
[theme]:not([theme=light]) [theme=light] .neutral-color-9_border,
[theme=light] .neutral-color-9_border {
  border: 1px solid rgb(var(--light--neutral-color-9));
}
[theme]:not([theme=light]) [theme=light] .neutral-color-9_border-top,
[theme=light] .neutral-color-9_border-top {
  border-top: 1px solid rgb(var(--light--neutral-color-9));
}
[theme]:not([theme=light]) [theme=light] .neutral-color-9_border-bottom,
[theme=light] .neutral-color-9_border-bottom {
  border-bottom: 1px solid rgb(var(--light--neutral-color-9));
}
[theme]:not([theme=light]) [theme=light] .neutral-color-9_border-left,
[theme=light] .neutral-color-9_border-left {
  border-left: 1px solid rgb(var(--light--neutral-color-9));
}
[theme]:not([theme=light]) [theme=light] .neutral-color-9_border-right,
[theme=light] .neutral-color-9_border-right {
  border-right: 1px solid rgb(var(--light--neutral-color-9));
}
[theme]:not([theme=light]) [theme=light] .neutral-color-9_st,
[theme=light] .neutral-color-9_st {
  stop-color: rgb(var(--light--neutral-color-9));
}
[theme]:not([theme=light]) [theme=light] .neutral-color-9_fill *,
[theme=light] .neutral-color-9_fill * {
  fill: rgb(var(--light--neutral-color-9));
}
.light--error-color {
  color: rgb(var(--light--error-color));
}
.light--error-color_bg {
  background-color: rgb(var(--light--error-color));
}
.light--error-color_border {
  border: 1px solid rgb(var(--light--error-color));
}
.light--error-color_border-top {
  border-top: 1px solid rgb(var(--light--error-color));
}
.light--error-color_border-bottom {
  border-bottom: 1px solid rgb(var(--light--error-color));
}
.light--error-color_border-left {
  border-left: 1px solid rgb(var(--light--error-color));
}
.light--error-color_border-right {
  border-right: 1px solid rgb(var(--light--error-color));
}
.light--error-color_st {
  stop-color: rgb(var(--light--error-color));
}
.light--error-color_fill {
  fill: rgb(var(--light--error-color));
}
[theme]:not([theme=light]) [theme=light] .error-color,
[theme=light] .error-color {
  color: rgb(var(--light--error-color));
}
[theme]:not([theme=light]) [theme=light] .error-color_bg,
[theme=light] .error-color_bg {
  background-color: rgb(var(--light--error-color));
}
[theme]:not([theme=light]) [theme=light] .error-color_border,
[theme=light] .error-color_border {
  border: 1px solid rgb(var(--light--error-color));
}
[theme]:not([theme=light]) [theme=light] .error-color_border-top,
[theme=light] .error-color_border-top {
  border-top: 1px solid rgb(var(--light--error-color));
}
[theme]:not([theme=light]) [theme=light] .error-color_border-bottom,
[theme=light] .error-color_border-bottom {
  border-bottom: 1px solid rgb(var(--light--error-color));
}
[theme]:not([theme=light]) [theme=light] .error-color_border-left,
[theme=light] .error-color_border-left {
  border-left: 1px solid rgb(var(--light--error-color));
}
[theme]:not([theme=light]) [theme=light] .error-color_border-right,
[theme=light] .error-color_border-right {
  border-right: 1px solid rgb(var(--light--error-color));
}
[theme]:not([theme=light]) [theme=light] .error-color_st,
[theme=light] .error-color_st {
  stop-color: rgb(var(--light--error-color));
}
[theme]:not([theme=light]) [theme=light] .error-color_fill *,
[theme=light] .error-color_fill * {
  fill: rgb(var(--light--error-color));
}
.light--error-back-color {
  color: rgb(var(--light--error-back-color));
}
.light--error-back-color_bg {
  background-color: rgb(var(--light--error-back-color));
}
.light--error-back-color_border {
  border: 1px solid rgb(var(--light--error-back-color));
}
.light--error-back-color_border-top {
  border-top: 1px solid rgb(var(--light--error-back-color));
}
.light--error-back-color_border-bottom {
  border-bottom: 1px solid rgb(var(--light--error-back-color));
}
.light--error-back-color_border-left {
  border-left: 1px solid rgb(var(--light--error-back-color));
}
.light--error-back-color_border-right {
  border-right: 1px solid rgb(var(--light--error-back-color));
}
.light--error-back-color_st {
  stop-color: rgb(var(--light--error-back-color));
}
.light--error-back-color_fill {
  fill: rgb(var(--light--error-back-color));
}
[theme]:not([theme=light]) [theme=light] .error-back-color,
[theme=light] .error-back-color {
  color: rgb(var(--light--error-back-color));
}
[theme]:not([theme=light]) [theme=light] .error-back-color_bg,
[theme=light] .error-back-color_bg {
  background-color: rgb(var(--light--error-back-color));
}
[theme]:not([theme=light]) [theme=light] .error-back-color_border,
[theme=light] .error-back-color_border {
  border: 1px solid rgb(var(--light--error-back-color));
}
[theme]:not([theme=light]) [theme=light] .error-back-color_border-top,
[theme=light] .error-back-color_border-top {
  border-top: 1px solid rgb(var(--light--error-back-color));
}
[theme]:not([theme=light]) [theme=light] .error-back-color_border-bottom,
[theme=light] .error-back-color_border-bottom {
  border-bottom: 1px solid rgb(var(--light--error-back-color));
}
[theme]:not([theme=light]) [theme=light] .error-back-color_border-left,
[theme=light] .error-back-color_border-left {
  border-left: 1px solid rgb(var(--light--error-back-color));
}
[theme]:not([theme=light]) [theme=light] .error-back-color_border-right,
[theme=light] .error-back-color_border-right {
  border-right: 1px solid rgb(var(--light--error-back-color));
}
[theme]:not([theme=light]) [theme=light] .error-back-color_st,
[theme=light] .error-back-color_st {
  stop-color: rgb(var(--light--error-back-color));
}
[theme]:not([theme=light]) [theme=light] .error-back-color_fill *,
[theme=light] .error-back-color_fill * {
  fill: rgb(var(--light--error-back-color));
}
.light--error-hover-color {
  color: rgb(var(--light--error-hover-color));
}
.light--error-hover-color_bg {
  background-color: rgb(var(--light--error-hover-color));
}
.light--error-hover-color_border {
  border: 1px solid rgb(var(--light--error-hover-color));
}
.light--error-hover-color_border-top {
  border-top: 1px solid rgb(var(--light--error-hover-color));
}
.light--error-hover-color_border-bottom {
  border-bottom: 1px solid rgb(var(--light--error-hover-color));
}
.light--error-hover-color_border-left {
  border-left: 1px solid rgb(var(--light--error-hover-color));
}
.light--error-hover-color_border-right {
  border-right: 1px solid rgb(var(--light--error-hover-color));
}
.light--error-hover-color_st {
  stop-color: rgb(var(--light--error-hover-color));
}
.light--error-hover-color_fill {
  fill: rgb(var(--light--error-hover-color));
}
[theme]:not([theme=light]) [theme=light] .error-hover-color,
[theme=light] .error-hover-color {
  color: rgb(var(--light--error-hover-color));
}
[theme]:not([theme=light]) [theme=light] .error-hover-color_bg,
[theme=light] .error-hover-color_bg {
  background-color: rgb(var(--light--error-hover-color));
}
[theme]:not([theme=light]) [theme=light] .error-hover-color_border,
[theme=light] .error-hover-color_border {
  border: 1px solid rgb(var(--light--error-hover-color));
}
[theme]:not([theme=light]) [theme=light] .error-hover-color_border-top,
[theme=light] .error-hover-color_border-top {
  border-top: 1px solid rgb(var(--light--error-hover-color));
}
[theme]:not([theme=light]) [theme=light] .error-hover-color_border-bottom,
[theme=light] .error-hover-color_border-bottom {
  border-bottom: 1px solid rgb(var(--light--error-hover-color));
}
[theme]:not([theme=light]) [theme=light] .error-hover-color_border-left,
[theme=light] .error-hover-color_border-left {
  border-left: 1px solid rgb(var(--light--error-hover-color));
}
[theme]:not([theme=light]) [theme=light] .error-hover-color_border-right,
[theme=light] .error-hover-color_border-right {
  border-right: 1px solid rgb(var(--light--error-hover-color));
}
[theme]:not([theme=light]) [theme=light] .error-hover-color_st,
[theme=light] .error-hover-color_st {
  stop-color: rgb(var(--light--error-hover-color));
}
[theme]:not([theme=light]) [theme=light] .error-hover-color_fill *,
[theme=light] .error-hover-color_fill * {
  fill: rgb(var(--light--error-hover-color));
}
.light--error-click-color {
  color: rgb(var(--light--error-click-color));
}
.light--error-click-color_bg {
  background-color: rgb(var(--light--error-click-color));
}
.light--error-click-color_border {
  border: 1px solid rgb(var(--light--error-click-color));
}
.light--error-click-color_border-top {
  border-top: 1px solid rgb(var(--light--error-click-color));
}
.light--error-click-color_border-bottom {
  border-bottom: 1px solid rgb(var(--light--error-click-color));
}
.light--error-click-color_border-left {
  border-left: 1px solid rgb(var(--light--error-click-color));
}
.light--error-click-color_border-right {
  border-right: 1px solid rgb(var(--light--error-click-color));
}
.light--error-click-color_st {
  stop-color: rgb(var(--light--error-click-color));
}
.light--error-click-color_fill {
  fill: rgb(var(--light--error-click-color));
}
[theme]:not([theme=light]) [theme=light] .error-click-color,
[theme=light] .error-click-color {
  color: rgb(var(--light--error-click-color));
}
[theme]:not([theme=light]) [theme=light] .error-click-color_bg,
[theme=light] .error-click-color_bg {
  background-color: rgb(var(--light--error-click-color));
}
[theme]:not([theme=light]) [theme=light] .error-click-color_border,
[theme=light] .error-click-color_border {
  border: 1px solid rgb(var(--light--error-click-color));
}
[theme]:not([theme=light]) [theme=light] .error-click-color_border-top,
[theme=light] .error-click-color_border-top {
  border-top: 1px solid rgb(var(--light--error-click-color));
}
[theme]:not([theme=light]) [theme=light] .error-click-color_border-bottom,
[theme=light] .error-click-color_border-bottom {
  border-bottom: 1px solid rgb(var(--light--error-click-color));
}
[theme]:not([theme=light]) [theme=light] .error-click-color_border-left,
[theme=light] .error-click-color_border-left {
  border-left: 1px solid rgb(var(--light--error-click-color));
}
[theme]:not([theme=light]) [theme=light] .error-click-color_border-right,
[theme=light] .error-click-color_border-right {
  border-right: 1px solid rgb(var(--light--error-click-color));
}
[theme]:not([theme=light]) [theme=light] .error-click-color_st,
[theme=light] .error-click-color_st {
  stop-color: rgb(var(--light--error-click-color));
}
[theme]:not([theme=light]) [theme=light] .error-click-color_fill *,
[theme=light] .error-click-color_fill * {
  fill: rgb(var(--light--error-click-color));
}
.light--error-disabled-color {
  color: rgb(var(--light--error-disabled-color));
}
.light--error-disabled-color_bg {
  background-color: rgb(var(--light--error-disabled-color));
}
.light--error-disabled-color_border {
  border: 1px solid rgb(var(--light--error-disabled-color));
}
.light--error-disabled-color_border-top {
  border-top: 1px solid rgb(var(--light--error-disabled-color));
}
.light--error-disabled-color_border-bottom {
  border-bottom: 1px solid rgb(var(--light--error-disabled-color));
}
.light--error-disabled-color_border-left {
  border-left: 1px solid rgb(var(--light--error-disabled-color));
}
.light--error-disabled-color_border-right {
  border-right: 1px solid rgb(var(--light--error-disabled-color));
}
.light--error-disabled-color_st {
  stop-color: rgb(var(--light--error-disabled-color));
}
.light--error-disabled-color_fill {
  fill: rgb(var(--light--error-disabled-color));
}
[theme]:not([theme=light]) [theme=light] .error-disabled-color,
[theme=light] .error-disabled-color {
  color: rgb(var(--light--error-disabled-color));
}
[theme]:not([theme=light]) [theme=light] .error-disabled-color_bg,
[theme=light] .error-disabled-color_bg {
  background-color: rgb(var(--light--error-disabled-color));
}
[theme]:not([theme=light]) [theme=light] .error-disabled-color_border,
[theme=light] .error-disabled-color_border {
  border: 1px solid rgb(var(--light--error-disabled-color));
}
[theme]:not([theme=light]) [theme=light] .error-disabled-color_border-top,
[theme=light] .error-disabled-color_border-top {
  border-top: 1px solid rgb(var(--light--error-disabled-color));
}
[theme]:not([theme=light]) [theme=light] .error-disabled-color_border-bottom,
[theme=light] .error-disabled-color_border-bottom {
  border-bottom: 1px solid rgb(var(--light--error-disabled-color));
}
[theme]:not([theme=light]) [theme=light] .error-disabled-color_border-left,
[theme=light] .error-disabled-color_border-left {
  border-left: 1px solid rgb(var(--light--error-disabled-color));
}
[theme]:not([theme=light]) [theme=light] .error-disabled-color_border-right,
[theme=light] .error-disabled-color_border-right {
  border-right: 1px solid rgb(var(--light--error-disabled-color));
}
[theme]:not([theme=light]) [theme=light] .error-disabled-color_st,
[theme=light] .error-disabled-color_st {
  stop-color: rgb(var(--light--error-disabled-color));
}
[theme]:not([theme=light]) [theme=light] .error-disabled-color_fill *,
[theme=light] .error-disabled-color_fill * {
  fill: rgb(var(--light--error-disabled-color));
}
.light--warning-color {
  color: rgb(var(--light--warning-color));
}
.light--warning-color_bg {
  background-color: rgb(var(--light--warning-color));
}
.light--warning-color_border {
  border: 1px solid rgb(var(--light--warning-color));
}
.light--warning-color_border-top {
  border-top: 1px solid rgb(var(--light--warning-color));
}
.light--warning-color_border-bottom {
  border-bottom: 1px solid rgb(var(--light--warning-color));
}
.light--warning-color_border-left {
  border-left: 1px solid rgb(var(--light--warning-color));
}
.light--warning-color_border-right {
  border-right: 1px solid rgb(var(--light--warning-color));
}
.light--warning-color_st {
  stop-color: rgb(var(--light--warning-color));
}
.light--warning-color_fill {
  fill: rgb(var(--light--warning-color));
}
[theme]:not([theme=light]) [theme=light] .warning-color,
[theme=light] .warning-color {
  color: rgb(var(--light--warning-color));
}
[theme]:not([theme=light]) [theme=light] .warning-color_bg,
[theme=light] .warning-color_bg {
  background-color: rgb(var(--light--warning-color));
}
[theme]:not([theme=light]) [theme=light] .warning-color_border,
[theme=light] .warning-color_border {
  border: 1px solid rgb(var(--light--warning-color));
}
[theme]:not([theme=light]) [theme=light] .warning-color_border-top,
[theme=light] .warning-color_border-top {
  border-top: 1px solid rgb(var(--light--warning-color));
}
[theme]:not([theme=light]) [theme=light] .warning-color_border-bottom,
[theme=light] .warning-color_border-bottom {
  border-bottom: 1px solid rgb(var(--light--warning-color));
}
[theme]:not([theme=light]) [theme=light] .warning-color_border-left,
[theme=light] .warning-color_border-left {
  border-left: 1px solid rgb(var(--light--warning-color));
}
[theme]:not([theme=light]) [theme=light] .warning-color_border-right,
[theme=light] .warning-color_border-right {
  border-right: 1px solid rgb(var(--light--warning-color));
}
[theme]:not([theme=light]) [theme=light] .warning-color_st,
[theme=light] .warning-color_st {
  stop-color: rgb(var(--light--warning-color));
}
[theme]:not([theme=light]) [theme=light] .warning-color_fill *,
[theme=light] .warning-color_fill * {
  fill: rgb(var(--light--warning-color));
}
.light--success-color {
  color: rgb(var(--light--success-color));
}
.light--success-color_bg {
  background-color: rgb(var(--light--success-color));
}
.light--success-color_border {
  border: 1px solid rgb(var(--light--success-color));
}
.light--success-color_border-top {
  border-top: 1px solid rgb(var(--light--success-color));
}
.light--success-color_border-bottom {
  border-bottom: 1px solid rgb(var(--light--success-color));
}
.light--success-color_border-left {
  border-left: 1px solid rgb(var(--light--success-color));
}
.light--success-color_border-right {
  border-right: 1px solid rgb(var(--light--success-color));
}
.light--success-color_st {
  stop-color: rgb(var(--light--success-color));
}
.light--success-color_fill {
  fill: rgb(var(--light--success-color));
}
[theme]:not([theme=light]) [theme=light] .success-color,
[theme=light] .success-color {
  color: rgb(var(--light--success-color));
}
[theme]:not([theme=light]) [theme=light] .success-color_bg,
[theme=light] .success-color_bg {
  background-color: rgb(var(--light--success-color));
}
[theme]:not([theme=light]) [theme=light] .success-color_border,
[theme=light] .success-color_border {
  border: 1px solid rgb(var(--light--success-color));
}
[theme]:not([theme=light]) [theme=light] .success-color_border-top,
[theme=light] .success-color_border-top {
  border-top: 1px solid rgb(var(--light--success-color));
}
[theme]:not([theme=light]) [theme=light] .success-color_border-bottom,
[theme=light] .success-color_border-bottom {
  border-bottom: 1px solid rgb(var(--light--success-color));
}
[theme]:not([theme=light]) [theme=light] .success-color_border-left,
[theme=light] .success-color_border-left {
  border-left: 1px solid rgb(var(--light--success-color));
}
[theme]:not([theme=light]) [theme=light] .success-color_border-right,
[theme=light] .success-color_border-right {
  border-right: 1px solid rgb(var(--light--success-color));
}
[theme]:not([theme=light]) [theme=light] .success-color_st,
[theme=light] .success-color_st {
  stop-color: rgb(var(--light--success-color));
}
[theme]:not([theme=light]) [theme=light] .success-color_fill *,
[theme=light] .success-color_fill * {
  fill: rgb(var(--light--success-color));
}
.light--link-color {
  color: rgb(var(--light--link-color));
}
.light--link-color_bg {
  background-color: rgb(var(--light--link-color));
}
.light--link-color_border {
  border: 1px solid rgb(var(--light--link-color));
}
.light--link-color_border-top {
  border-top: 1px solid rgb(var(--light--link-color));
}
.light--link-color_border-bottom {
  border-bottom: 1px solid rgb(var(--light--link-color));
}
.light--link-color_border-left {
  border-left: 1px solid rgb(var(--light--link-color));
}
.light--link-color_border-right {
  border-right: 1px solid rgb(var(--light--link-color));
}
.light--link-color_st {
  stop-color: rgb(var(--light--link-color));
}
.light--link-color_fill {
  fill: rgb(var(--light--link-color));
}
[theme]:not([theme=light]) [theme=light] .link-color,
[theme=light] .link-color {
  color: rgb(var(--light--link-color));
}
[theme]:not([theme=light]) [theme=light] .link-color_bg,
[theme=light] .link-color_bg {
  background-color: rgb(var(--light--link-color));
}
[theme]:not([theme=light]) [theme=light] .link-color_border,
[theme=light] .link-color_border {
  border: 1px solid rgb(var(--light--link-color));
}
[theme]:not([theme=light]) [theme=light] .link-color_border-top,
[theme=light] .link-color_border-top {
  border-top: 1px solid rgb(var(--light--link-color));
}
[theme]:not([theme=light]) [theme=light] .link-color_border-bottom,
[theme=light] .link-color_border-bottom {
  border-bottom: 1px solid rgb(var(--light--link-color));
}
[theme]:not([theme=light]) [theme=light] .link-color_border-left,
[theme=light] .link-color_border-left {
  border-left: 1px solid rgb(var(--light--link-color));
}
[theme]:not([theme=light]) [theme=light] .link-color_border-right,
[theme=light] .link-color_border-right {
  border-right: 1px solid rgb(var(--light--link-color));
}
[theme]:not([theme=light]) [theme=light] .link-color_st,
[theme=light] .link-color_st {
  stop-color: rgb(var(--light--link-color));
}
[theme]:not([theme=light]) [theme=light] .link-color_fill *,
[theme=light] .link-color_fill * {
  fill: rgb(var(--light--link-color));
}
.light--link-hovered-color {
  color: rgb(var(--light--link-hovered-color));
}
.light--link-hovered-color_bg {
  background-color: rgb(var(--light--link-hovered-color));
}
.light--link-hovered-color_border {
  border: 1px solid rgb(var(--light--link-hovered-color));
}
.light--link-hovered-color_border-top {
  border-top: 1px solid rgb(var(--light--link-hovered-color));
}
.light--link-hovered-color_border-bottom {
  border-bottom: 1px solid rgb(var(--light--link-hovered-color));
}
.light--link-hovered-color_border-left {
  border-left: 1px solid rgb(var(--light--link-hovered-color));
}
.light--link-hovered-color_border-right {
  border-right: 1px solid rgb(var(--light--link-hovered-color));
}
.light--link-hovered-color_st {
  stop-color: rgb(var(--light--link-hovered-color));
}
.light--link-hovered-color_fill {
  fill: rgb(var(--light--link-hovered-color));
}
[theme]:not([theme=light]) [theme=light] .link-hovered-color,
[theme=light] .link-hovered-color {
  color: rgb(var(--light--link-hovered-color));
}
[theme]:not([theme=light]) [theme=light] .link-hovered-color_bg,
[theme=light] .link-hovered-color_bg {
  background-color: rgb(var(--light--link-hovered-color));
}
[theme]:not([theme=light]) [theme=light] .link-hovered-color_border,
[theme=light] .link-hovered-color_border {
  border: 1px solid rgb(var(--light--link-hovered-color));
}
[theme]:not([theme=light]) [theme=light] .link-hovered-color_border-top,
[theme=light] .link-hovered-color_border-top {
  border-top: 1px solid rgb(var(--light--link-hovered-color));
}
[theme]:not([theme=light]) [theme=light] .link-hovered-color_border-bottom,
[theme=light] .link-hovered-color_border-bottom {
  border-bottom: 1px solid rgb(var(--light--link-hovered-color));
}
[theme]:not([theme=light]) [theme=light] .link-hovered-color_border-left,
[theme=light] .link-hovered-color_border-left {
  border-left: 1px solid rgb(var(--light--link-hovered-color));
}
[theme]:not([theme=light]) [theme=light] .link-hovered-color_border-right,
[theme=light] .link-hovered-color_border-right {
  border-right: 1px solid rgb(var(--light--link-hovered-color));
}
[theme]:not([theme=light]) [theme=light] .link-hovered-color_st,
[theme=light] .link-hovered-color_st {
  stop-color: rgb(var(--light--link-hovered-color));
}
[theme]:not([theme=light]) [theme=light] .link-hovered-color_fill *,
[theme=light] .link-hovered-color_fill * {
  fill: rgb(var(--light--link-hovered-color));
}
.light--link-click-color {
  color: rgb(var(--light--link-click-color));
}
.light--link-click-color_bg {
  background-color: rgb(var(--light--link-click-color));
}
.light--link-click-color_border {
  border: 1px solid rgb(var(--light--link-click-color));
}
.light--link-click-color_border-top {
  border-top: 1px solid rgb(var(--light--link-click-color));
}
.light--link-click-color_border-bottom {
  border-bottom: 1px solid rgb(var(--light--link-click-color));
}
.light--link-click-color_border-left {
  border-left: 1px solid rgb(var(--light--link-click-color));
}
.light--link-click-color_border-right {
  border-right: 1px solid rgb(var(--light--link-click-color));
}
.light--link-click-color_st {
  stop-color: rgb(var(--light--link-click-color));
}
.light--link-click-color_fill {
  fill: rgb(var(--light--link-click-color));
}
[theme]:not([theme=light]) [theme=light] .link-click-color,
[theme=light] .link-click-color {
  color: rgb(var(--light--link-click-color));
}
[theme]:not([theme=light]) [theme=light] .link-click-color_bg,
[theme=light] .link-click-color_bg {
  background-color: rgb(var(--light--link-click-color));
}
[theme]:not([theme=light]) [theme=light] .link-click-color_border,
[theme=light] .link-click-color_border {
  border: 1px solid rgb(var(--light--link-click-color));
}
[theme]:not([theme=light]) [theme=light] .link-click-color_border-top,
[theme=light] .link-click-color_border-top {
  border-top: 1px solid rgb(var(--light--link-click-color));
}
[theme]:not([theme=light]) [theme=light] .link-click-color_border-bottom,
[theme=light] .link-click-color_border-bottom {
  border-bottom: 1px solid rgb(var(--light--link-click-color));
}
[theme]:not([theme=light]) [theme=light] .link-click-color_border-left,
[theme=light] .link-click-color_border-left {
  border-left: 1px solid rgb(var(--light--link-click-color));
}
[theme]:not([theme=light]) [theme=light] .link-click-color_border-right,
[theme=light] .link-click-color_border-right {
  border-right: 1px solid rgb(var(--light--link-click-color));
}
[theme]:not([theme=light]) [theme=light] .link-click-color_st,
[theme=light] .link-click-color_st {
  stop-color: rgb(var(--light--link-click-color));
}
[theme]:not([theme=light]) [theme=light] .link-click-color_fill *,
[theme=light] .link-click-color_fill * {
  fill: rgb(var(--light--link-click-color));
}
.light--link-disable-color {
  color: rgb(var(--light--link-disable-color));
}
.light--link-disable-color_bg {
  background-color: rgb(var(--light--link-disable-color));
}
.light--link-disable-color_border {
  border: 1px solid rgb(var(--light--link-disable-color));
}
.light--link-disable-color_border-top {
  border-top: 1px solid rgb(var(--light--link-disable-color));
}
.light--link-disable-color_border-bottom {
  border-bottom: 1px solid rgb(var(--light--link-disable-color));
}
.light--link-disable-color_border-left {
  border-left: 1px solid rgb(var(--light--link-disable-color));
}
.light--link-disable-color_border-right {
  border-right: 1px solid rgb(var(--light--link-disable-color));
}
.light--link-disable-color_st {
  stop-color: rgb(var(--light--link-disable-color));
}
.light--link-disable-color_fill {
  fill: rgb(var(--light--link-disable-color));
}
[theme]:not([theme=light]) [theme=light] .link-disable-color,
[theme=light] .link-disable-color {
  color: rgb(var(--light--link-disable-color));
}
[theme]:not([theme=light]) [theme=light] .link-disable-color_bg,
[theme=light] .link-disable-color_bg {
  background-color: rgb(var(--light--link-disable-color));
}
[theme]:not([theme=light]) [theme=light] .link-disable-color_border,
[theme=light] .link-disable-color_border {
  border: 1px solid rgb(var(--light--link-disable-color));
}
[theme]:not([theme=light]) [theme=light] .link-disable-color_border-top,
[theme=light] .link-disable-color_border-top {
  border-top: 1px solid rgb(var(--light--link-disable-color));
}
[theme]:not([theme=light]) [theme=light] .link-disable-color_border-bottom,
[theme=light] .link-disable-color_border-bottom {
  border-bottom: 1px solid rgb(var(--light--link-disable-color));
}
[theme]:not([theme=light]) [theme=light] .link-disable-color_border-left,
[theme=light] .link-disable-color_border-left {
  border-left: 1px solid rgb(var(--light--link-disable-color));
}
[theme]:not([theme=light]) [theme=light] .link-disable-color_border-right,
[theme=light] .link-disable-color_border-right {
  border-right: 1px solid rgb(var(--light--link-disable-color));
}
[theme]:not([theme=light]) [theme=light] .link-disable-color_st,
[theme=light] .link-disable-color_st {
  stop-color: rgb(var(--light--link-disable-color));
}
[theme]:not([theme=light]) [theme=light] .link-disable-color_fill *,
[theme=light] .link-disable-color_fill * {
  fill: rgb(var(--light--link-disable-color));
}
.light--red-link-hovered-color {
  color: rgb(var(--light--red-link-hovered-color));
}
.light--red-link-hovered-color_bg {
  background-color: rgb(var(--light--red-link-hovered-color));
}
.light--red-link-hovered-color_border {
  border: 1px solid rgb(var(--light--red-link-hovered-color));
}
.light--red-link-hovered-color_border-top {
  border-top: 1px solid rgb(var(--light--red-link-hovered-color));
}
.light--red-link-hovered-color_border-bottom {
  border-bottom: 1px solid rgb(var(--light--red-link-hovered-color));
}
.light--red-link-hovered-color_border-left {
  border-left: 1px solid rgb(var(--light--red-link-hovered-color));
}
.light--red-link-hovered-color_border-right {
  border-right: 1px solid rgb(var(--light--red-link-hovered-color));
}
.light--red-link-hovered-color_st {
  stop-color: rgb(var(--light--red-link-hovered-color));
}
.light--red-link-hovered-color_fill {
  fill: rgb(var(--light--red-link-hovered-color));
}
[theme]:not([theme=light]) [theme=light] .red-link-hovered-color,
[theme=light] .red-link-hovered-color {
  color: rgb(var(--light--red-link-hovered-color));
}
[theme]:not([theme=light]) [theme=light] .red-link-hovered-color_bg,
[theme=light] .red-link-hovered-color_bg {
  background-color: rgb(var(--light--red-link-hovered-color));
}
[theme]:not([theme=light]) [theme=light] .red-link-hovered-color_border,
[theme=light] .red-link-hovered-color_border {
  border: 1px solid rgb(var(--light--red-link-hovered-color));
}
[theme]:not([theme=light]) [theme=light] .red-link-hovered-color_border-top,
[theme=light] .red-link-hovered-color_border-top {
  border-top: 1px solid rgb(var(--light--red-link-hovered-color));
}
[theme]:not([theme=light]) [theme=light] .red-link-hovered-color_border-bottom,
[theme=light] .red-link-hovered-color_border-bottom {
  border-bottom: 1px solid rgb(var(--light--red-link-hovered-color));
}
[theme]:not([theme=light]) [theme=light] .red-link-hovered-color_border-left,
[theme=light] .red-link-hovered-color_border-left {
  border-left: 1px solid rgb(var(--light--red-link-hovered-color));
}
[theme]:not([theme=light]) [theme=light] .red-link-hovered-color_border-right,
[theme=light] .red-link-hovered-color_border-right {
  border-right: 1px solid rgb(var(--light--red-link-hovered-color));
}
[theme]:not([theme=light]) [theme=light] .red-link-hovered-color_st,
[theme=light] .red-link-hovered-color_st {
  stop-color: rgb(var(--light--red-link-hovered-color));
}
[theme]:not([theme=light]) [theme=light] .red-link-hovered-color_fill *,
[theme=light] .red-link-hovered-color_fill * {
  fill: rgb(var(--light--red-link-hovered-color));
}
.light--red-link-click-color {
  color: rgb(var(--light--red-link-click-color));
}
.light--red-link-click-color_bg {
  background-color: rgb(var(--light--red-link-click-color));
}
.light--red-link-click-color_border {
  border: 1px solid rgb(var(--light--red-link-click-color));
}
.light--red-link-click-color_border-top {
  border-top: 1px solid rgb(var(--light--red-link-click-color));
}
.light--red-link-click-color_border-bottom {
  border-bottom: 1px solid rgb(var(--light--red-link-click-color));
}
.light--red-link-click-color_border-left {
  border-left: 1px solid rgb(var(--light--red-link-click-color));
}
.light--red-link-click-color_border-right {
  border-right: 1px solid rgb(var(--light--red-link-click-color));
}
.light--red-link-click-color_st {
  stop-color: rgb(var(--light--red-link-click-color));
}
.light--red-link-click-color_fill {
  fill: rgb(var(--light--red-link-click-color));
}
[theme]:not([theme=light]) [theme=light] .red-link-click-color,
[theme=light] .red-link-click-color {
  color: rgb(var(--light--red-link-click-color));
}
[theme]:not([theme=light]) [theme=light] .red-link-click-color_bg,
[theme=light] .red-link-click-color_bg {
  background-color: rgb(var(--light--red-link-click-color));
}
[theme]:not([theme=light]) [theme=light] .red-link-click-color_border,
[theme=light] .red-link-click-color_border {
  border: 1px solid rgb(var(--light--red-link-click-color));
}
[theme]:not([theme=light]) [theme=light] .red-link-click-color_border-top,
[theme=light] .red-link-click-color_border-top {
  border-top: 1px solid rgb(var(--light--red-link-click-color));
}
[theme]:not([theme=light]) [theme=light] .red-link-click-color_border-bottom,
[theme=light] .red-link-click-color_border-bottom {
  border-bottom: 1px solid rgb(var(--light--red-link-click-color));
}
[theme]:not([theme=light]) [theme=light] .red-link-click-color_border-left,
[theme=light] .red-link-click-color_border-left {
  border-left: 1px solid rgb(var(--light--red-link-click-color));
}
[theme]:not([theme=light]) [theme=light] .red-link-click-color_border-right,
[theme=light] .red-link-click-color_border-right {
  border-right: 1px solid rgb(var(--light--red-link-click-color));
}
[theme]:not([theme=light]) [theme=light] .red-link-click-color_st,
[theme=light] .red-link-click-color_st {
  stop-color: rgb(var(--light--red-link-click-color));
}
[theme]:not([theme=light]) [theme=light] .red-link-click-color_fill *,
[theme=light] .red-link-click-color_fill * {
  fill: rgb(var(--light--red-link-click-color));
}
.light--black-100 {
  color: rgb(var(--light--black-100));
}
.light--black-100_bg {
  background-color: rgb(var(--light--black-100));
}
.light--black-100_border {
  border: 1px solid rgb(var(--light--black-100));
}
.light--black-100_border-top {
  border-top: 1px solid rgb(var(--light--black-100));
}
.light--black-100_border-bottom {
  border-bottom: 1px solid rgb(var(--light--black-100));
}
.light--black-100_border-left {
  border-left: 1px solid rgb(var(--light--black-100));
}
.light--black-100_border-right {
  border-right: 1px solid rgb(var(--light--black-100));
}
.light--black-100_st {
  stop-color: rgb(var(--light--black-100));
}
.light--black-100_fill {
  fill: rgb(var(--light--black-100));
}
[theme]:not([theme=light]) [theme=light] .black-100,
[theme=light] .black-100 {
  color: rgb(var(--light--black-100));
}
[theme]:not([theme=light]) [theme=light] .black-100_bg,
[theme=light] .black-100_bg {
  background-color: rgb(var(--light--black-100));
}
[theme]:not([theme=light]) [theme=light] .black-100_border,
[theme=light] .black-100_border {
  border: 1px solid rgb(var(--light--black-100));
}
[theme]:not([theme=light]) [theme=light] .black-100_border-top,
[theme=light] .black-100_border-top {
  border-top: 1px solid rgb(var(--light--black-100));
}
[theme]:not([theme=light]) [theme=light] .black-100_border-bottom,
[theme=light] .black-100_border-bottom {
  border-bottom: 1px solid rgb(var(--light--black-100));
}
[theme]:not([theme=light]) [theme=light] .black-100_border-left,
[theme=light] .black-100_border-left {
  border-left: 1px solid rgb(var(--light--black-100));
}
[theme]:not([theme=light]) [theme=light] .black-100_border-right,
[theme=light] .black-100_border-right {
  border-right: 1px solid rgb(var(--light--black-100));
}
[theme]:not([theme=light]) [theme=light] .black-100_st,
[theme=light] .black-100_st {
  stop-color: rgb(var(--light--black-100));
}
[theme]:not([theme=light]) [theme=light] .black-100_fill *,
[theme=light] .black-100_fill * {
  fill: rgb(var(--light--black-100));
}
.light--white-100 {
  color: rgb(var(--light--white-100));
}
.light--white-100_bg {
  background-color: rgb(var(--light--white-100));
}
.light--white-100_border {
  border: 1px solid rgb(var(--light--white-100));
}
.light--white-100_border-top {
  border-top: 1px solid rgb(var(--light--white-100));
}
.light--white-100_border-bottom {
  border-bottom: 1px solid rgb(var(--light--white-100));
}
.light--white-100_border-left {
  border-left: 1px solid rgb(var(--light--white-100));
}
.light--white-100_border-right {
  border-right: 1px solid rgb(var(--light--white-100));
}
.light--white-100_st {
  stop-color: rgb(var(--light--white-100));
}
.light--white-100_fill {
  fill: rgb(var(--light--white-100));
}
[theme]:not([theme=light]) [theme=light] .white-100,
[theme=light] .white-100 {
  color: rgb(var(--light--white-100));
}
[theme]:not([theme=light]) [theme=light] .white-100_bg,
[theme=light] .white-100_bg {
  background-color: rgb(var(--light--white-100));
}
[theme]:not([theme=light]) [theme=light] .white-100_border,
[theme=light] .white-100_border {
  border: 1px solid rgb(var(--light--white-100));
}
[theme]:not([theme=light]) [theme=light] .white-100_border-top,
[theme=light] .white-100_border-top {
  border-top: 1px solid rgb(var(--light--white-100));
}
[theme]:not([theme=light]) [theme=light] .white-100_border-bottom,
[theme=light] .white-100_border-bottom {
  border-bottom: 1px solid rgb(var(--light--white-100));
}
[theme]:not([theme=light]) [theme=light] .white-100_border-left,
[theme=light] .white-100_border-left {
  border-left: 1px solid rgb(var(--light--white-100));
}
[theme]:not([theme=light]) [theme=light] .white-100_border-right,
[theme=light] .white-100_border-right {
  border-right: 1px solid rgb(var(--light--white-100));
}
[theme]:not([theme=light]) [theme=light] .white-100_st,
[theme=light] .white-100_st {
  stop-color: rgb(var(--light--white-100));
}
[theme]:not([theme=light]) [theme=light] .white-100_fill *,
[theme=light] .white-100_fill * {
  fill: rgb(var(--light--white-100));
}
.light--second-1 {
  color: rgb(var(--light--second-1));
}
.light--second-1_bg {
  background-color: rgb(var(--light--second-1));
}
.light--second-1_border {
  border: 1px solid rgb(var(--light--second-1));
}
.light--second-1_border-top {
  border-top: 1px solid rgb(var(--light--second-1));
}
.light--second-1_border-bottom {
  border-bottom: 1px solid rgb(var(--light--second-1));
}
.light--second-1_border-left {
  border-left: 1px solid rgb(var(--light--second-1));
}
.light--second-1_border-right {
  border-right: 1px solid rgb(var(--light--second-1));
}
.light--second-1_st {
  stop-color: rgb(var(--light--second-1));
}
.light--second-1_fill {
  fill: rgb(var(--light--second-1));
}
[theme]:not([theme=light]) [theme=light] .second-1,
[theme=light] .second-1 {
  color: rgb(var(--light--second-1));
}
[theme]:not([theme=light]) [theme=light] .second-1_bg,
[theme=light] .second-1_bg {
  background-color: rgb(var(--light--second-1));
}
[theme]:not([theme=light]) [theme=light] .second-1_border,
[theme=light] .second-1_border {
  border: 1px solid rgb(var(--light--second-1));
}
[theme]:not([theme=light]) [theme=light] .second-1_border-top,
[theme=light] .second-1_border-top {
  border-top: 1px solid rgb(var(--light--second-1));
}
[theme]:not([theme=light]) [theme=light] .second-1_border-bottom,
[theme=light] .second-1_border-bottom {
  border-bottom: 1px solid rgb(var(--light--second-1));
}
[theme]:not([theme=light]) [theme=light] .second-1_border-left,
[theme=light] .second-1_border-left {
  border-left: 1px solid rgb(var(--light--second-1));
}
[theme]:not([theme=light]) [theme=light] .second-1_border-right,
[theme=light] .second-1_border-right {
  border-right: 1px solid rgb(var(--light--second-1));
}
[theme]:not([theme=light]) [theme=light] .second-1_st,
[theme=light] .second-1_st {
  stop-color: rgb(var(--light--second-1));
}
[theme]:not([theme=light]) [theme=light] .second-1_fill *,
[theme=light] .second-1_fill * {
  fill: rgb(var(--light--second-1));
}
.light--optional-color {
  color: rgb(var(--light--optional-color));
}
.light--optional-color_bg {
  background-color: rgb(var(--light--optional-color));
}
.light--optional-color_border {
  border: 1px solid rgb(var(--light--optional-color));
}
.light--optional-color_border-top {
  border-top: 1px solid rgb(var(--light--optional-color));
}
.light--optional-color_border-bottom {
  border-bottom: 1px solid rgb(var(--light--optional-color));
}
.light--optional-color_border-left {
  border-left: 1px solid rgb(var(--light--optional-color));
}
.light--optional-color_border-right {
  border-right: 1px solid rgb(var(--light--optional-color));
}
.light--optional-color_st {
  stop-color: rgb(var(--light--optional-color));
}
.light--optional-color_fill {
  fill: rgb(var(--light--optional-color));
}
[theme]:not([theme=light]) [theme=light] .optional-color,
[theme=light] .optional-color {
  color: rgb(var(--light--optional-color));
}
[theme]:not([theme=light]) [theme=light] .optional-color_bg,
[theme=light] .optional-color_bg {
  background-color: rgb(var(--light--optional-color));
}
[theme]:not([theme=light]) [theme=light] .optional-color_border,
[theme=light] .optional-color_border {
  border: 1px solid rgb(var(--light--optional-color));
}
[theme]:not([theme=light]) [theme=light] .optional-color_border-top,
[theme=light] .optional-color_border-top {
  border-top: 1px solid rgb(var(--light--optional-color));
}
[theme]:not([theme=light]) [theme=light] .optional-color_border-bottom,
[theme=light] .optional-color_border-bottom {
  border-bottom: 1px solid rgb(var(--light--optional-color));
}
[theme]:not([theme=light]) [theme=light] .optional-color_border-left,
[theme=light] .optional-color_border-left {
  border-left: 1px solid rgb(var(--light--optional-color));
}
[theme]:not([theme=light]) [theme=light] .optional-color_border-right,
[theme=light] .optional-color_border-right {
  border-right: 1px solid rgb(var(--light--optional-color));
}
[theme]:not([theme=light]) [theme=light] .optional-color_st,
[theme=light] .optional-color_st {
  stop-color: rgb(var(--light--optional-color));
}
[theme]:not([theme=light]) [theme=light] .optional-color_fill *,
[theme=light] .optional-color_fill * {
  fill: rgb(var(--light--optional-color));
}
.light--test-color {
  color: rgb(var(--light--test-color));
}
.light--test-color_bg {
  background-color: rgb(var(--light--test-color));
}
.light--test-color_border {
  border: 1px solid rgb(var(--light--test-color));
}
.light--test-color_border-top {
  border-top: 1px solid rgb(var(--light--test-color));
}
.light--test-color_border-bottom {
  border-bottom: 1px solid rgb(var(--light--test-color));
}
.light--test-color_border-left {
  border-left: 1px solid rgb(var(--light--test-color));
}
.light--test-color_border-right {
  border-right: 1px solid rgb(var(--light--test-color));
}
.light--test-color_st {
  stop-color: rgb(var(--light--test-color));
}
.light--test-color_fill {
  fill: rgb(var(--light--test-color));
}
[theme]:not([theme=light]) [theme=light] .test-color,
[theme=light] .test-color {
  color: rgb(var(--light--test-color));
}
[theme]:not([theme=light]) [theme=light] .test-color_bg,
[theme=light] .test-color_bg {
  background-color: rgb(var(--light--test-color));
}
[theme]:not([theme=light]) [theme=light] .test-color_border,
[theme=light] .test-color_border {
  border: 1px solid rgb(var(--light--test-color));
}
[theme]:not([theme=light]) [theme=light] .test-color_border-top,
[theme=light] .test-color_border-top {
  border-top: 1px solid rgb(var(--light--test-color));
}
[theme]:not([theme=light]) [theme=light] .test-color_border-bottom,
[theme=light] .test-color_border-bottom {
  border-bottom: 1px solid rgb(var(--light--test-color));
}
[theme]:not([theme=light]) [theme=light] .test-color_border-left,
[theme=light] .test-color_border-left {
  border-left: 1px solid rgb(var(--light--test-color));
}
[theme]:not([theme=light]) [theme=light] .test-color_border-right,
[theme=light] .test-color_border-right {
  border-right: 1px solid rgb(var(--light--test-color));
}
[theme]:not([theme=light]) [theme=light] .test-color_st,
[theme=light] .test-color_st {
  stop-color: rgb(var(--light--test-color));
}
[theme]:not([theme=light]) [theme=light] .test-color_fill *,
[theme=light] .test-color_fill * {
  fill: rgb(var(--light--test-color));
}
.light--font-main-color {
  color: rgb(var(--light--font-main-color));
}
.light--font-main-color_bg {
  background-color: rgb(var(--light--font-main-color));
}
.light--font-main-color_border {
  border: 1px solid rgb(var(--light--font-main-color));
}
.light--font-main-color_border-top {
  border-top: 1px solid rgb(var(--light--font-main-color));
}
.light--font-main-color_border-bottom {
  border-bottom: 1px solid rgb(var(--light--font-main-color));
}
.light--font-main-color_border-left {
  border-left: 1px solid rgb(var(--light--font-main-color));
}
.light--font-main-color_border-right {
  border-right: 1px solid rgb(var(--light--font-main-color));
}
.light--font-main-color_st {
  stop-color: rgb(var(--light--font-main-color));
}
.light--font-main-color_fill {
  fill: rgb(var(--light--font-main-color));
}
[theme]:not([theme=light]) [theme=light] .font-main-color,
[theme=light] .font-main-color {
  color: rgb(var(--light--font-main-color));
}
[theme]:not([theme=light]) [theme=light] .font-main-color_bg,
[theme=light] .font-main-color_bg {
  background-color: rgb(var(--light--font-main-color));
}
[theme]:not([theme=light]) [theme=light] .font-main-color_border,
[theme=light] .font-main-color_border {
  border: 1px solid rgb(var(--light--font-main-color));
}
[theme]:not([theme=light]) [theme=light] .font-main-color_border-top,
[theme=light] .font-main-color_border-top {
  border-top: 1px solid rgb(var(--light--font-main-color));
}
[theme]:not([theme=light]) [theme=light] .font-main-color_border-bottom,
[theme=light] .font-main-color_border-bottom {
  border-bottom: 1px solid rgb(var(--light--font-main-color));
}
[theme]:not([theme=light]) [theme=light] .font-main-color_border-left,
[theme=light] .font-main-color_border-left {
  border-left: 1px solid rgb(var(--light--font-main-color));
}
[theme]:not([theme=light]) [theme=light] .font-main-color_border-right,
[theme=light] .font-main-color_border-right {
  border-right: 1px solid rgb(var(--light--font-main-color));
}
[theme]:not([theme=light]) [theme=light] .font-main-color_st,
[theme=light] .font-main-color_st {
  stop-color: rgb(var(--light--font-main-color));
}
[theme]:not([theme=light]) [theme=light] .font-main-color_fill *,
[theme=light] .font-main-color_fill * {
  fill: rgb(var(--light--font-main-color));
}
.light--font-gray-1-color {
  color: rgb(var(--light--font-gray-1-color));
}
.light--font-gray-1-color_bg {
  background-color: rgb(var(--light--font-gray-1-color));
}
.light--font-gray-1-color_border {
  border: 1px solid rgb(var(--light--font-gray-1-color));
}
.light--font-gray-1-color_border-top {
  border-top: 1px solid rgb(var(--light--font-gray-1-color));
}
.light--font-gray-1-color_border-bottom {
  border-bottom: 1px solid rgb(var(--light--font-gray-1-color));
}
.light--font-gray-1-color_border-left {
  border-left: 1px solid rgb(var(--light--font-gray-1-color));
}
.light--font-gray-1-color_border-right {
  border-right: 1px solid rgb(var(--light--font-gray-1-color));
}
.light--font-gray-1-color_st {
  stop-color: rgb(var(--light--font-gray-1-color));
}
.light--font-gray-1-color_fill {
  fill: rgb(var(--light--font-gray-1-color));
}
[theme]:not([theme=light]) [theme=light] .font-gray-1-color,
[theme=light] .font-gray-1-color {
  color: rgb(var(--light--font-gray-1-color));
}
[theme]:not([theme=light]) [theme=light] .font-gray-1-color_bg,
[theme=light] .font-gray-1-color_bg {
  background-color: rgb(var(--light--font-gray-1-color));
}
[theme]:not([theme=light]) [theme=light] .font-gray-1-color_border,
[theme=light] .font-gray-1-color_border {
  border: 1px solid rgb(var(--light--font-gray-1-color));
}
[theme]:not([theme=light]) [theme=light] .font-gray-1-color_border-top,
[theme=light] .font-gray-1-color_border-top {
  border-top: 1px solid rgb(var(--light--font-gray-1-color));
}
[theme]:not([theme=light]) [theme=light] .font-gray-1-color_border-bottom,
[theme=light] .font-gray-1-color_border-bottom {
  border-bottom: 1px solid rgb(var(--light--font-gray-1-color));
}
[theme]:not([theme=light]) [theme=light] .font-gray-1-color_border-left,
[theme=light] .font-gray-1-color_border-left {
  border-left: 1px solid rgb(var(--light--font-gray-1-color));
}
[theme]:not([theme=light]) [theme=light] .font-gray-1-color_border-right,
[theme=light] .font-gray-1-color_border-right {
  border-right: 1px solid rgb(var(--light--font-gray-1-color));
}
[theme]:not([theme=light]) [theme=light] .font-gray-1-color_st,
[theme=light] .font-gray-1-color_st {
  stop-color: rgb(var(--light--font-gray-1-color));
}
[theme]:not([theme=light]) [theme=light] .font-gray-1-color_fill *,
[theme=light] .font-gray-1-color_fill * {
  fill: rgb(var(--light--font-gray-1-color));
}
.light--font-brand-color {
  color: rgb(var(--light--font-brand-color));
}
.light--font-brand-color_bg {
  background-color: rgb(var(--light--font-brand-color));
}
.light--font-brand-color_border {
  border: 1px solid rgb(var(--light--font-brand-color));
}
.light--font-brand-color_border-top {
  border-top: 1px solid rgb(var(--light--font-brand-color));
}
.light--font-brand-color_border-bottom {
  border-bottom: 1px solid rgb(var(--light--font-brand-color));
}
.light--font-brand-color_border-left {
  border-left: 1px solid rgb(var(--light--font-brand-color));
}
.light--font-brand-color_border-right {
  border-right: 1px solid rgb(var(--light--font-brand-color));
}
.light--font-brand-color_st {
  stop-color: rgb(var(--light--font-brand-color));
}
.light--font-brand-color_fill {
  fill: rgb(var(--light--font-brand-color));
}
[theme]:not([theme=light]) [theme=light] .font-brand-color,
[theme=light] .font-brand-color {
  color: rgb(var(--light--font-brand-color));
}
[theme]:not([theme=light]) [theme=light] .font-brand-color_bg,
[theme=light] .font-brand-color_bg {
  background-color: rgb(var(--light--font-brand-color));
}
[theme]:not([theme=light]) [theme=light] .font-brand-color_border,
[theme=light] .font-brand-color_border {
  border: 1px solid rgb(var(--light--font-brand-color));
}
[theme]:not([theme=light]) [theme=light] .font-brand-color_border-top,
[theme=light] .font-brand-color_border-top {
  border-top: 1px solid rgb(var(--light--font-brand-color));
}
[theme]:not([theme=light]) [theme=light] .font-brand-color_border-bottom,
[theme=light] .font-brand-color_border-bottom {
  border-bottom: 1px solid rgb(var(--light--font-brand-color));
}
[theme]:not([theme=light]) [theme=light] .font-brand-color_border-left,
[theme=light] .font-brand-color_border-left {
  border-left: 1px solid rgb(var(--light--font-brand-color));
}
[theme]:not([theme=light]) [theme=light] .font-brand-color_border-right,
[theme=light] .font-brand-color_border-right {
  border-right: 1px solid rgb(var(--light--font-brand-color));
}
[theme]:not([theme=light]) [theme=light] .font-brand-color_st,
[theme=light] .font-brand-color_st {
  stop-color: rgb(var(--light--font-brand-color));
}
[theme]:not([theme=light]) [theme=light] .font-brand-color_fill *,
[theme=light] .font-brand-color_fill * {
  fill: rgb(var(--light--font-brand-color));
}
.light--font-link-color {
  color: rgb(var(--light--font-link-color));
}
.light--font-link-color_bg {
  background-color: rgb(var(--light--font-link-color));
}
.light--font-link-color_border {
  border: 1px solid rgb(var(--light--font-link-color));
}
.light--font-link-color_border-top {
  border-top: 1px solid rgb(var(--light--font-link-color));
}
.light--font-link-color_border-bottom {
  border-bottom: 1px solid rgb(var(--light--font-link-color));
}
.light--font-link-color_border-left {
  border-left: 1px solid rgb(var(--light--font-link-color));
}
.light--font-link-color_border-right {
  border-right: 1px solid rgb(var(--light--font-link-color));
}
.light--font-link-color_st {
  stop-color: rgb(var(--light--font-link-color));
}
.light--font-link-color_fill {
  fill: rgb(var(--light--font-link-color));
}
[theme]:not([theme=light]) [theme=light] .font-link-color,
[theme=light] .font-link-color {
  color: rgb(var(--light--font-link-color));
}
[theme]:not([theme=light]) [theme=light] .font-link-color_bg,
[theme=light] .font-link-color_bg {
  background-color: rgb(var(--light--font-link-color));
}
[theme]:not([theme=light]) [theme=light] .font-link-color_border,
[theme=light] .font-link-color_border {
  border: 1px solid rgb(var(--light--font-link-color));
}
[theme]:not([theme=light]) [theme=light] .font-link-color_border-top,
[theme=light] .font-link-color_border-top {
  border-top: 1px solid rgb(var(--light--font-link-color));
}
[theme]:not([theme=light]) [theme=light] .font-link-color_border-bottom,
[theme=light] .font-link-color_border-bottom {
  border-bottom: 1px solid rgb(var(--light--font-link-color));
}
[theme]:not([theme=light]) [theme=light] .font-link-color_border-left,
[theme=light] .font-link-color_border-left {
  border-left: 1px solid rgb(var(--light--font-link-color));
}
[theme]:not([theme=light]) [theme=light] .font-link-color_border-right,
[theme=light] .font-link-color_border-right {
  border-right: 1px solid rgb(var(--light--font-link-color));
}
[theme]:not([theme=light]) [theme=light] .font-link-color_st,
[theme=light] .font-link-color_st {
  stop-color: rgb(var(--light--font-link-color));
}
[theme]:not([theme=light]) [theme=light] .font-link-color_fill *,
[theme=light] .font-link-color_fill * {
  fill: rgb(var(--light--font-link-color));
}
.light--font-success-color {
  color: rgb(var(--light--font-success-color));
}
.light--font-success-color_bg {
  background-color: rgb(var(--light--font-success-color));
}
.light--font-success-color_border {
  border: 1px solid rgb(var(--light--font-success-color));
}
.light--font-success-color_border-top {
  border-top: 1px solid rgb(var(--light--font-success-color));
}
.light--font-success-color_border-bottom {
  border-bottom: 1px solid rgb(var(--light--font-success-color));
}
.light--font-success-color_border-left {
  border-left: 1px solid rgb(var(--light--font-success-color));
}
.light--font-success-color_border-right {
  border-right: 1px solid rgb(var(--light--font-success-color));
}
.light--font-success-color_st {
  stop-color: rgb(var(--light--font-success-color));
}
.light--font-success-color_fill {
  fill: rgb(var(--light--font-success-color));
}
[theme]:not([theme=light]) [theme=light] .font-success-color,
[theme=light] .font-success-color {
  color: rgb(var(--light--font-success-color));
}
[theme]:not([theme=light]) [theme=light] .font-success-color_bg,
[theme=light] .font-success-color_bg {
  background-color: rgb(var(--light--font-success-color));
}
[theme]:not([theme=light]) [theme=light] .font-success-color_border,
[theme=light] .font-success-color_border {
  border: 1px solid rgb(var(--light--font-success-color));
}
[theme]:not([theme=light]) [theme=light] .font-success-color_border-top,
[theme=light] .font-success-color_border-top {
  border-top: 1px solid rgb(var(--light--font-success-color));
}
[theme]:not([theme=light]) [theme=light] .font-success-color_border-bottom,
[theme=light] .font-success-color_border-bottom {
  border-bottom: 1px solid rgb(var(--light--font-success-color));
}
[theme]:not([theme=light]) [theme=light] .font-success-color_border-left,
[theme=light] .font-success-color_border-left {
  border-left: 1px solid rgb(var(--light--font-success-color));
}
[theme]:not([theme=light]) [theme=light] .font-success-color_border-right,
[theme=light] .font-success-color_border-right {
  border-right: 1px solid rgb(var(--light--font-success-color));
}
[theme]:not([theme=light]) [theme=light] .font-success-color_st,
[theme=light] .font-success-color_st {
  stop-color: rgb(var(--light--font-success-color));
}
[theme]:not([theme=light]) [theme=light] .font-success-color_fill *,
[theme=light] .font-success-color_fill * {
  fill: rgb(var(--light--font-success-color));
}
.light--font-warning-color {
  color: rgb(var(--light--font-warning-color));
}
.light--font-warning-color_bg {
  background-color: rgb(var(--light--font-warning-color));
}
.light--font-warning-color_border {
  border: 1px solid rgb(var(--light--font-warning-color));
}
.light--font-warning-color_border-top {
  border-top: 1px solid rgb(var(--light--font-warning-color));
}
.light--font-warning-color_border-bottom {
  border-bottom: 1px solid rgb(var(--light--font-warning-color));
}
.light--font-warning-color_border-left {
  border-left: 1px solid rgb(var(--light--font-warning-color));
}
.light--font-warning-color_border-right {
  border-right: 1px solid rgb(var(--light--font-warning-color));
}
.light--font-warning-color_st {
  stop-color: rgb(var(--light--font-warning-color));
}
.light--font-warning-color_fill {
  fill: rgb(var(--light--font-warning-color));
}
[theme]:not([theme=light]) [theme=light] .font-warning-color,
[theme=light] .font-warning-color {
  color: rgb(var(--light--font-warning-color));
}
[theme]:not([theme=light]) [theme=light] .font-warning-color_bg,
[theme=light] .font-warning-color_bg {
  background-color: rgb(var(--light--font-warning-color));
}
[theme]:not([theme=light]) [theme=light] .font-warning-color_border,
[theme=light] .font-warning-color_border {
  border: 1px solid rgb(var(--light--font-warning-color));
}
[theme]:not([theme=light]) [theme=light] .font-warning-color_border-top,
[theme=light] .font-warning-color_border-top {
  border-top: 1px solid rgb(var(--light--font-warning-color));
}
[theme]:not([theme=light]) [theme=light] .font-warning-color_border-bottom,
[theme=light] .font-warning-color_border-bottom {
  border-bottom: 1px solid rgb(var(--light--font-warning-color));
}
[theme]:not([theme=light]) [theme=light] .font-warning-color_border-left,
[theme=light] .font-warning-color_border-left {
  border-left: 1px solid rgb(var(--light--font-warning-color));
}
[theme]:not([theme=light]) [theme=light] .font-warning-color_border-right,
[theme=light] .font-warning-color_border-right {
  border-right: 1px solid rgb(var(--light--font-warning-color));
}
[theme]:not([theme=light]) [theme=light] .font-warning-color_st,
[theme=light] .font-warning-color_st {
  stop-color: rgb(var(--light--font-warning-color));
}
[theme]:not([theme=light]) [theme=light] .font-warning-color_fill *,
[theme=light] .font-warning-color_fill * {
  fill: rgb(var(--light--font-warning-color));
}
.light--font-error-color {
  color: rgb(var(--light--font-error-color));
}
.light--font-error-color_bg {
  background-color: rgb(var(--light--font-error-color));
}
.light--font-error-color_border {
  border: 1px solid rgb(var(--light--font-error-color));
}
.light--font-error-color_border-top {
  border-top: 1px solid rgb(var(--light--font-error-color));
}
.light--font-error-color_border-bottom {
  border-bottom: 1px solid rgb(var(--light--font-error-color));
}
.light--font-error-color_border-left {
  border-left: 1px solid rgb(var(--light--font-error-color));
}
.light--font-error-color_border-right {
  border-right: 1px solid rgb(var(--light--font-error-color));
}
.light--font-error-color_st {
  stop-color: rgb(var(--light--font-error-color));
}
.light--font-error-color_fill {
  fill: rgb(var(--light--font-error-color));
}
[theme]:not([theme=light]) [theme=light] .font-error-color,
[theme=light] .font-error-color {
  color: rgb(var(--light--font-error-color));
}
[theme]:not([theme=light]) [theme=light] .font-error-color_bg,
[theme=light] .font-error-color_bg {
  background-color: rgb(var(--light--font-error-color));
}
[theme]:not([theme=light]) [theme=light] .font-error-color_border,
[theme=light] .font-error-color_border {
  border: 1px solid rgb(var(--light--font-error-color));
}
[theme]:not([theme=light]) [theme=light] .font-error-color_border-top,
[theme=light] .font-error-color_border-top {
  border-top: 1px solid rgb(var(--light--font-error-color));
}
[theme]:not([theme=light]) [theme=light] .font-error-color_border-bottom,
[theme=light] .font-error-color_border-bottom {
  border-bottom: 1px solid rgb(var(--light--font-error-color));
}
[theme]:not([theme=light]) [theme=light] .font-error-color_border-left,
[theme=light] .font-error-color_border-left {
  border-left: 1px solid rgb(var(--light--font-error-color));
}
[theme]:not([theme=light]) [theme=light] .font-error-color_border-right,
[theme=light] .font-error-color_border-right {
  border-right: 1px solid rgb(var(--light--font-error-color));
}
[theme]:not([theme=light]) [theme=light] .font-error-color_st,
[theme=light] .font-error-color_st {
  stop-color: rgb(var(--light--font-error-color));
}
[theme]:not([theme=light]) [theme=light] .font-error-color_fill *,
[theme=light] .font-error-color_fill * {
  fill: rgb(var(--light--font-error-color));
}
.light--font-gray-2-color {
  color: rgb(var(--light--font-gray-2-color));
}
.light--font-gray-2-color_bg {
  background-color: rgb(var(--light--font-gray-2-color));
}
.light--font-gray-2-color_border {
  border: 1px solid rgb(var(--light--font-gray-2-color));
}
.light--font-gray-2-color_border-top {
  border-top: 1px solid rgb(var(--light--font-gray-2-color));
}
.light--font-gray-2-color_border-bottom {
  border-bottom: 1px solid rgb(var(--light--font-gray-2-color));
}
.light--font-gray-2-color_border-left {
  border-left: 1px solid rgb(var(--light--font-gray-2-color));
}
.light--font-gray-2-color_border-right {
  border-right: 1px solid rgb(var(--light--font-gray-2-color));
}
.light--font-gray-2-color_st {
  stop-color: rgb(var(--light--font-gray-2-color));
}
.light--font-gray-2-color_fill {
  fill: rgb(var(--light--font-gray-2-color));
}
[theme]:not([theme=light]) [theme=light] .font-gray-2-color,
[theme=light] .font-gray-2-color {
  color: rgb(var(--light--font-gray-2-color));
}
[theme]:not([theme=light]) [theme=light] .font-gray-2-color_bg,
[theme=light] .font-gray-2-color_bg {
  background-color: rgb(var(--light--font-gray-2-color));
}
[theme]:not([theme=light]) [theme=light] .font-gray-2-color_border,
[theme=light] .font-gray-2-color_border {
  border: 1px solid rgb(var(--light--font-gray-2-color));
}
[theme]:not([theme=light]) [theme=light] .font-gray-2-color_border-top,
[theme=light] .font-gray-2-color_border-top {
  border-top: 1px solid rgb(var(--light--font-gray-2-color));
}
[theme]:not([theme=light]) [theme=light] .font-gray-2-color_border-bottom,
[theme=light] .font-gray-2-color_border-bottom {
  border-bottom: 1px solid rgb(var(--light--font-gray-2-color));
}
[theme]:not([theme=light]) [theme=light] .font-gray-2-color_border-left,
[theme=light] .font-gray-2-color_border-left {
  border-left: 1px solid rgb(var(--light--font-gray-2-color));
}
[theme]:not([theme=light]) [theme=light] .font-gray-2-color_border-right,
[theme=light] .font-gray-2-color_border-right {
  border-right: 1px solid rgb(var(--light--font-gray-2-color));
}
[theme]:not([theme=light]) [theme=light] .font-gray-2-color_st,
[theme=light] .font-gray-2-color_st {
  stop-color: rgb(var(--light--font-gray-2-color));
}
[theme]:not([theme=light]) [theme=light] .font-gray-2-color_fill *,
[theme=light] .font-gray-2-color_fill * {
  fill: rgb(var(--light--font-gray-2-color));
}
.light--font-disabled-color {
  color: rgb(var(--light--font-disabled-color));
}
.light--font-disabled-color_bg {
  background-color: rgb(var(--light--font-disabled-color));
}
.light--font-disabled-color_border {
  border: 1px solid rgb(var(--light--font-disabled-color));
}
.light--font-disabled-color_border-top {
  border-top: 1px solid rgb(var(--light--font-disabled-color));
}
.light--font-disabled-color_border-bottom {
  border-bottom: 1px solid rgb(var(--light--font-disabled-color));
}
.light--font-disabled-color_border-left {
  border-left: 1px solid rgb(var(--light--font-disabled-color));
}
.light--font-disabled-color_border-right {
  border-right: 1px solid rgb(var(--light--font-disabled-color));
}
.light--font-disabled-color_st {
  stop-color: rgb(var(--light--font-disabled-color));
}
.light--font-disabled-color_fill {
  fill: rgb(var(--light--font-disabled-color));
}
[theme]:not([theme=light]) [theme=light] .font-disabled-color,
[theme=light] .font-disabled-color {
  color: rgb(var(--light--font-disabled-color));
}
[theme]:not([theme=light]) [theme=light] .font-disabled-color_bg,
[theme=light] .font-disabled-color_bg {
  background-color: rgb(var(--light--font-disabled-color));
}
[theme]:not([theme=light]) [theme=light] .font-disabled-color_border,
[theme=light] .font-disabled-color_border {
  border: 1px solid rgb(var(--light--font-disabled-color));
}
[theme]:not([theme=light]) [theme=light] .font-disabled-color_border-top,
[theme=light] .font-disabled-color_border-top {
  border-top: 1px solid rgb(var(--light--font-disabled-color));
}
[theme]:not([theme=light]) [theme=light] .font-disabled-color_border-bottom,
[theme=light] .font-disabled-color_border-bottom {
  border-bottom: 1px solid rgb(var(--light--font-disabled-color));
}
[theme]:not([theme=light]) [theme=light] .font-disabled-color_border-left,
[theme=light] .font-disabled-color_border-left {
  border-left: 1px solid rgb(var(--light--font-disabled-color));
}
[theme]:not([theme=light]) [theme=light] .font-disabled-color_border-right,
[theme=light] .font-disabled-color_border-right {
  border-right: 1px solid rgb(var(--light--font-disabled-color));
}
[theme]:not([theme=light]) [theme=light] .font-disabled-color_st,
[theme=light] .font-disabled-color_st {
  stop-color: rgb(var(--light--font-disabled-color));
}
[theme]:not([theme=light]) [theme=light] .font-disabled-color_fill *,
[theme=light] .font-disabled-color_fill * {
  fill: rgb(var(--light--font-disabled-color));
}
.dark--primary-color {
  color: rgb(var(--dark--primary-color));
}
.dark--primary-color_bg {
  background-color: rgb(var(--dark--primary-color));
}
.dark--primary-color_border {
  border: 1px solid rgb(var(--dark--primary-color));
}
.dark--primary-color_border-top {
  border-top: 1px solid rgb(var(--dark--primary-color));
}
.dark--primary-color_border-bottom {
  border-bottom: 1px solid rgb(var(--dark--primary-color));
}
.dark--primary-color_border-left {
  border-left: 1px solid rgb(var(--dark--primary-color));
}
.dark--primary-color_border-right {
  border-right: 1px solid rgb(var(--dark--primary-color));
}
.dark--primary-color_st {
  stop-color: rgb(var(--dark--primary-color));
}
.dark--primary-color_fill {
  fill: rgb(var(--dark--primary-color));
}
[theme]:not([theme=dark]) [theme=dark] .primary-color,
[theme=dark] .primary-color {
  color: rgb(var(--dark--primary-color));
}
[theme]:not([theme=dark]) [theme=dark] .primary-color_bg,
[theme=dark] .primary-color_bg {
  background-color: rgb(var(--dark--primary-color));
}
[theme]:not([theme=dark]) [theme=dark] .primary-color_border,
[theme=dark] .primary-color_border {
  border: 1px solid rgb(var(--dark--primary-color));
}
[theme]:not([theme=dark]) [theme=dark] .primary-color_border-top,
[theme=dark] .primary-color_border-top {
  border-top: 1px solid rgb(var(--dark--primary-color));
}
[theme]:not([theme=dark]) [theme=dark] .primary-color_border-bottom,
[theme=dark] .primary-color_border-bottom {
  border-bottom: 1px solid rgb(var(--dark--primary-color));
}
[theme]:not([theme=dark]) [theme=dark] .primary-color_border-left,
[theme=dark] .primary-color_border-left {
  border-left: 1px solid rgb(var(--dark--primary-color));
}
[theme]:not([theme=dark]) [theme=dark] .primary-color_border-right,
[theme=dark] .primary-color_border-right {
  border-right: 1px solid rgb(var(--dark--primary-color));
}
[theme]:not([theme=dark]) [theme=dark] .primary-color_st,
[theme=dark] .primary-color_st {
  stop-color: rgb(var(--dark--primary-color));
}
[theme]:not([theme=dark]) [theme=dark] .primary-color_fill *,
[theme=dark] .primary-color_fill * {
  fill: rgb(var(--dark--primary-color));
}
.dark--primary-disabled-color {
  color: rgb(var(--dark--primary-disabled-color));
}
.dark--primary-disabled-color_bg {
  background-color: rgb(var(--dark--primary-disabled-color));
}
.dark--primary-disabled-color_border {
  border: 1px solid rgb(var(--dark--primary-disabled-color));
}
.dark--primary-disabled-color_border-top {
  border-top: 1px solid rgb(var(--dark--primary-disabled-color));
}
.dark--primary-disabled-color_border-bottom {
  border-bottom: 1px solid rgb(var(--dark--primary-disabled-color));
}
.dark--primary-disabled-color_border-left {
  border-left: 1px solid rgb(var(--dark--primary-disabled-color));
}
.dark--primary-disabled-color_border-right {
  border-right: 1px solid rgb(var(--dark--primary-disabled-color));
}
.dark--primary-disabled-color_st {
  stop-color: rgb(var(--dark--primary-disabled-color));
}
.dark--primary-disabled-color_fill {
  fill: rgb(var(--dark--primary-disabled-color));
}
[theme]:not([theme=dark]) [theme=dark] .primary-disabled-color,
[theme=dark] .primary-disabled-color {
  color: rgb(var(--dark--primary-disabled-color));
}
[theme]:not([theme=dark]) [theme=dark] .primary-disabled-color_bg,
[theme=dark] .primary-disabled-color_bg {
  background-color: rgb(var(--dark--primary-disabled-color));
}
[theme]:not([theme=dark]) [theme=dark] .primary-disabled-color_border,
[theme=dark] .primary-disabled-color_border {
  border: 1px solid rgb(var(--dark--primary-disabled-color));
}
[theme]:not([theme=dark]) [theme=dark] .primary-disabled-color_border-top,
[theme=dark] .primary-disabled-color_border-top {
  border-top: 1px solid rgb(var(--dark--primary-disabled-color));
}
[theme]:not([theme=dark]) [theme=dark] .primary-disabled-color_border-bottom,
[theme=dark] .primary-disabled-color_border-bottom {
  border-bottom: 1px solid rgb(var(--dark--primary-disabled-color));
}
[theme]:not([theme=dark]) [theme=dark] .primary-disabled-color_border-left,
[theme=dark] .primary-disabled-color_border-left {
  border-left: 1px solid rgb(var(--dark--primary-disabled-color));
}
[theme]:not([theme=dark]) [theme=dark] .primary-disabled-color_border-right,
[theme=dark] .primary-disabled-color_border-right {
  border-right: 1px solid rgb(var(--dark--primary-disabled-color));
}
[theme]:not([theme=dark]) [theme=dark] .primary-disabled-color_st,
[theme=dark] .primary-disabled-color_st {
  stop-color: rgb(var(--dark--primary-disabled-color));
}
[theme]:not([theme=dark]) [theme=dark] .primary-disabled-color_fill *,
[theme=dark] .primary-disabled-color_fill * {
  fill: rgb(var(--dark--primary-disabled-color));
}
.dark--primary-hover-color {
  color: rgb(var(--dark--primary-hover-color));
}
.dark--primary-hover-color_bg {
  background-color: rgb(var(--dark--primary-hover-color));
}
.dark--primary-hover-color_border {
  border: 1px solid rgb(var(--dark--primary-hover-color));
}
.dark--primary-hover-color_border-top {
  border-top: 1px solid rgb(var(--dark--primary-hover-color));
}
.dark--primary-hover-color_border-bottom {
  border-bottom: 1px solid rgb(var(--dark--primary-hover-color));
}
.dark--primary-hover-color_border-left {
  border-left: 1px solid rgb(var(--dark--primary-hover-color));
}
.dark--primary-hover-color_border-right {
  border-right: 1px solid rgb(var(--dark--primary-hover-color));
}
.dark--primary-hover-color_st {
  stop-color: rgb(var(--dark--primary-hover-color));
}
.dark--primary-hover-color_fill {
  fill: rgb(var(--dark--primary-hover-color));
}
[theme]:not([theme=dark]) [theme=dark] .primary-hover-color,
[theme=dark] .primary-hover-color {
  color: rgb(var(--dark--primary-hover-color));
}
[theme]:not([theme=dark]) [theme=dark] .primary-hover-color_bg,
[theme=dark] .primary-hover-color_bg {
  background-color: rgb(var(--dark--primary-hover-color));
}
[theme]:not([theme=dark]) [theme=dark] .primary-hover-color_border,
[theme=dark] .primary-hover-color_border {
  border: 1px solid rgb(var(--dark--primary-hover-color));
}
[theme]:not([theme=dark]) [theme=dark] .primary-hover-color_border-top,
[theme=dark] .primary-hover-color_border-top {
  border-top: 1px solid rgb(var(--dark--primary-hover-color));
}
[theme]:not([theme=dark]) [theme=dark] .primary-hover-color_border-bottom,
[theme=dark] .primary-hover-color_border-bottom {
  border-bottom: 1px solid rgb(var(--dark--primary-hover-color));
}
[theme]:not([theme=dark]) [theme=dark] .primary-hover-color_border-left,
[theme=dark] .primary-hover-color_border-left {
  border-left: 1px solid rgb(var(--dark--primary-hover-color));
}
[theme]:not([theme=dark]) [theme=dark] .primary-hover-color_border-right,
[theme=dark] .primary-hover-color_border-right {
  border-right: 1px solid rgb(var(--dark--primary-hover-color));
}
[theme]:not([theme=dark]) [theme=dark] .primary-hover-color_st,
[theme=dark] .primary-hover-color_st {
  stop-color: rgb(var(--dark--primary-hover-color));
}
[theme]:not([theme=dark]) [theme=dark] .primary-hover-color_fill *,
[theme=dark] .primary-hover-color_fill * {
  fill: rgb(var(--dark--primary-hover-color));
}
.dark--primary-click-color {
  color: rgb(var(--dark--primary-click-color));
}
.dark--primary-click-color_bg {
  background-color: rgb(var(--dark--primary-click-color));
}
.dark--primary-click-color_border {
  border: 1px solid rgb(var(--dark--primary-click-color));
}
.dark--primary-click-color_border-top {
  border-top: 1px solid rgb(var(--dark--primary-click-color));
}
.dark--primary-click-color_border-bottom {
  border-bottom: 1px solid rgb(var(--dark--primary-click-color));
}
.dark--primary-click-color_border-left {
  border-left: 1px solid rgb(var(--dark--primary-click-color));
}
.dark--primary-click-color_border-right {
  border-right: 1px solid rgb(var(--dark--primary-click-color));
}
.dark--primary-click-color_st {
  stop-color: rgb(var(--dark--primary-click-color));
}
.dark--primary-click-color_fill {
  fill: rgb(var(--dark--primary-click-color));
}
[theme]:not([theme=dark]) [theme=dark] .primary-click-color,
[theme=dark] .primary-click-color {
  color: rgb(var(--dark--primary-click-color));
}
[theme]:not([theme=dark]) [theme=dark] .primary-click-color_bg,
[theme=dark] .primary-click-color_bg {
  background-color: rgb(var(--dark--primary-click-color));
}
[theme]:not([theme=dark]) [theme=dark] .primary-click-color_border,
[theme=dark] .primary-click-color_border {
  border: 1px solid rgb(var(--dark--primary-click-color));
}
[theme]:not([theme=dark]) [theme=dark] .primary-click-color_border-top,
[theme=dark] .primary-click-color_border-top {
  border-top: 1px solid rgb(var(--dark--primary-click-color));
}
[theme]:not([theme=dark]) [theme=dark] .primary-click-color_border-bottom,
[theme=dark] .primary-click-color_border-bottom {
  border-bottom: 1px solid rgb(var(--dark--primary-click-color));
}
[theme]:not([theme=dark]) [theme=dark] .primary-click-color_border-left,
[theme=dark] .primary-click-color_border-left {
  border-left: 1px solid rgb(var(--dark--primary-click-color));
}
[theme]:not([theme=dark]) [theme=dark] .primary-click-color_border-right,
[theme=dark] .primary-click-color_border-right {
  border-right: 1px solid rgb(var(--dark--primary-click-color));
}
[theme]:not([theme=dark]) [theme=dark] .primary-click-color_st,
[theme=dark] .primary-click-color_st {
  stop-color: rgb(var(--dark--primary-click-color));
}
[theme]:not([theme=dark]) [theme=dark] .primary-click-color_fill *,
[theme=dark] .primary-click-color_fill * {
  fill: rgb(var(--dark--primary-click-color));
}
.dark--btn-color {
  color: rgb(var(--dark--btn-color));
}
.dark--btn-color_bg {
  background-color: rgb(var(--dark--btn-color));
}
.dark--btn-color_border {
  border: 1px solid rgb(var(--dark--btn-color));
}
.dark--btn-color_border-top {
  border-top: 1px solid rgb(var(--dark--btn-color));
}
.dark--btn-color_border-bottom {
  border-bottom: 1px solid rgb(var(--dark--btn-color));
}
.dark--btn-color_border-left {
  border-left: 1px solid rgb(var(--dark--btn-color));
}
.dark--btn-color_border-right {
  border-right: 1px solid rgb(var(--dark--btn-color));
}
.dark--btn-color_st {
  stop-color: rgb(var(--dark--btn-color));
}
.dark--btn-color_fill {
  fill: rgb(var(--dark--btn-color));
}
[theme]:not([theme=dark]) [theme=dark] .btn-color,
[theme=dark] .btn-color {
  color: rgb(var(--dark--btn-color));
}
[theme]:not([theme=dark]) [theme=dark] .btn-color_bg,
[theme=dark] .btn-color_bg {
  background-color: rgb(var(--dark--btn-color));
}
[theme]:not([theme=dark]) [theme=dark] .btn-color_border,
[theme=dark] .btn-color_border {
  border: 1px solid rgb(var(--dark--btn-color));
}
[theme]:not([theme=dark]) [theme=dark] .btn-color_border-top,
[theme=dark] .btn-color_border-top {
  border-top: 1px solid rgb(var(--dark--btn-color));
}
[theme]:not([theme=dark]) [theme=dark] .btn-color_border-bottom,
[theme=dark] .btn-color_border-bottom {
  border-bottom: 1px solid rgb(var(--dark--btn-color));
}
[theme]:not([theme=dark]) [theme=dark] .btn-color_border-left,
[theme=dark] .btn-color_border-left {
  border-left: 1px solid rgb(var(--dark--btn-color));
}
[theme]:not([theme=dark]) [theme=dark] .btn-color_border-right,
[theme=dark] .btn-color_border-right {
  border-right: 1px solid rgb(var(--dark--btn-color));
}
[theme]:not([theme=dark]) [theme=dark] .btn-color_st,
[theme=dark] .btn-color_st {
  stop-color: rgb(var(--dark--btn-color));
}
[theme]:not([theme=dark]) [theme=dark] .btn-color_fill *,
[theme=dark] .btn-color_fill * {
  fill: rgb(var(--dark--btn-color));
}
.dark--btn-hover-color {
  color: rgb(var(--dark--btn-hover-color));
}
.dark--btn-hover-color_bg {
  background-color: rgb(var(--dark--btn-hover-color));
}
.dark--btn-hover-color_border {
  border: 1px solid rgb(var(--dark--btn-hover-color));
}
.dark--btn-hover-color_border-top {
  border-top: 1px solid rgb(var(--dark--btn-hover-color));
}
.dark--btn-hover-color_border-bottom {
  border-bottom: 1px solid rgb(var(--dark--btn-hover-color));
}
.dark--btn-hover-color_border-left {
  border-left: 1px solid rgb(var(--dark--btn-hover-color));
}
.dark--btn-hover-color_border-right {
  border-right: 1px solid rgb(var(--dark--btn-hover-color));
}
.dark--btn-hover-color_st {
  stop-color: rgb(var(--dark--btn-hover-color));
}
.dark--btn-hover-color_fill {
  fill: rgb(var(--dark--btn-hover-color));
}
[theme]:not([theme=dark]) [theme=dark] .btn-hover-color,
[theme=dark] .btn-hover-color {
  color: rgb(var(--dark--btn-hover-color));
}
[theme]:not([theme=dark]) [theme=dark] .btn-hover-color_bg,
[theme=dark] .btn-hover-color_bg {
  background-color: rgb(var(--dark--btn-hover-color));
}
[theme]:not([theme=dark]) [theme=dark] .btn-hover-color_border,
[theme=dark] .btn-hover-color_border {
  border: 1px solid rgb(var(--dark--btn-hover-color));
}
[theme]:not([theme=dark]) [theme=dark] .btn-hover-color_border-top,
[theme=dark] .btn-hover-color_border-top {
  border-top: 1px solid rgb(var(--dark--btn-hover-color));
}
[theme]:not([theme=dark]) [theme=dark] .btn-hover-color_border-bottom,
[theme=dark] .btn-hover-color_border-bottom {
  border-bottom: 1px solid rgb(var(--dark--btn-hover-color));
}
[theme]:not([theme=dark]) [theme=dark] .btn-hover-color_border-left,
[theme=dark] .btn-hover-color_border-left {
  border-left: 1px solid rgb(var(--dark--btn-hover-color));
}
[theme]:not([theme=dark]) [theme=dark] .btn-hover-color_border-right,
[theme=dark] .btn-hover-color_border-right {
  border-right: 1px solid rgb(var(--dark--btn-hover-color));
}
[theme]:not([theme=dark]) [theme=dark] .btn-hover-color_st,
[theme=dark] .btn-hover-color_st {
  stop-color: rgb(var(--dark--btn-hover-color));
}
[theme]:not([theme=dark]) [theme=dark] .btn-hover-color_fill *,
[theme=dark] .btn-hover-color_fill * {
  fill: rgb(var(--dark--btn-hover-color));
}
.dark--btn-click-color {
  color: rgb(var(--dark--btn-click-color));
}
.dark--btn-click-color_bg {
  background-color: rgb(var(--dark--btn-click-color));
}
.dark--btn-click-color_border {
  border: 1px solid rgb(var(--dark--btn-click-color));
}
.dark--btn-click-color_border-top {
  border-top: 1px solid rgb(var(--dark--btn-click-color));
}
.dark--btn-click-color_border-bottom {
  border-bottom: 1px solid rgb(var(--dark--btn-click-color));
}
.dark--btn-click-color_border-left {
  border-left: 1px solid rgb(var(--dark--btn-click-color));
}
.dark--btn-click-color_border-right {
  border-right: 1px solid rgb(var(--dark--btn-click-color));
}
.dark--btn-click-color_st {
  stop-color: rgb(var(--dark--btn-click-color));
}
.dark--btn-click-color_fill {
  fill: rgb(var(--dark--btn-click-color));
}
[theme]:not([theme=dark]) [theme=dark] .btn-click-color,
[theme=dark] .btn-click-color {
  color: rgb(var(--dark--btn-click-color));
}
[theme]:not([theme=dark]) [theme=dark] .btn-click-color_bg,
[theme=dark] .btn-click-color_bg {
  background-color: rgb(var(--dark--btn-click-color));
}
[theme]:not([theme=dark]) [theme=dark] .btn-click-color_border,
[theme=dark] .btn-click-color_border {
  border: 1px solid rgb(var(--dark--btn-click-color));
}
[theme]:not([theme=dark]) [theme=dark] .btn-click-color_border-top,
[theme=dark] .btn-click-color_border-top {
  border-top: 1px solid rgb(var(--dark--btn-click-color));
}
[theme]:not([theme=dark]) [theme=dark] .btn-click-color_border-bottom,
[theme=dark] .btn-click-color_border-bottom {
  border-bottom: 1px solid rgb(var(--dark--btn-click-color));
}
[theme]:not([theme=dark]) [theme=dark] .btn-click-color_border-left,
[theme=dark] .btn-click-color_border-left {
  border-left: 1px solid rgb(var(--dark--btn-click-color));
}
[theme]:not([theme=dark]) [theme=dark] .btn-click-color_border-right,
[theme=dark] .btn-click-color_border-right {
  border-right: 1px solid rgb(var(--dark--btn-click-color));
}
[theme]:not([theme=dark]) [theme=dark] .btn-click-color_st,
[theme=dark] .btn-click-color_st {
  stop-color: rgb(var(--dark--btn-click-color));
}
[theme]:not([theme=dark]) [theme=dark] .btn-click-color_fill *,
[theme=dark] .btn-click-color_fill * {
  fill: rgb(var(--dark--btn-click-color));
}
.dark--btn-disabled-color {
  color: rgb(var(--dark--btn-disabled-color));
}
.dark--btn-disabled-color_bg {
  background-color: rgb(var(--dark--btn-disabled-color));
}
.dark--btn-disabled-color_border {
  border: 1px solid rgb(var(--dark--btn-disabled-color));
}
.dark--btn-disabled-color_border-top {
  border-top: 1px solid rgb(var(--dark--btn-disabled-color));
}
.dark--btn-disabled-color_border-bottom {
  border-bottom: 1px solid rgb(var(--dark--btn-disabled-color));
}
.dark--btn-disabled-color_border-left {
  border-left: 1px solid rgb(var(--dark--btn-disabled-color));
}
.dark--btn-disabled-color_border-right {
  border-right: 1px solid rgb(var(--dark--btn-disabled-color));
}
.dark--btn-disabled-color_st {
  stop-color: rgb(var(--dark--btn-disabled-color));
}
.dark--btn-disabled-color_fill {
  fill: rgb(var(--dark--btn-disabled-color));
}
[theme]:not([theme=dark]) [theme=dark] .btn-disabled-color,
[theme=dark] .btn-disabled-color {
  color: rgb(var(--dark--btn-disabled-color));
}
[theme]:not([theme=dark]) [theme=dark] .btn-disabled-color_bg,
[theme=dark] .btn-disabled-color_bg {
  background-color: rgb(var(--dark--btn-disabled-color));
}
[theme]:not([theme=dark]) [theme=dark] .btn-disabled-color_border,
[theme=dark] .btn-disabled-color_border {
  border: 1px solid rgb(var(--dark--btn-disabled-color));
}
[theme]:not([theme=dark]) [theme=dark] .btn-disabled-color_border-top,
[theme=dark] .btn-disabled-color_border-top {
  border-top: 1px solid rgb(var(--dark--btn-disabled-color));
}
[theme]:not([theme=dark]) [theme=dark] .btn-disabled-color_border-bottom,
[theme=dark] .btn-disabled-color_border-bottom {
  border-bottom: 1px solid rgb(var(--dark--btn-disabled-color));
}
[theme]:not([theme=dark]) [theme=dark] .btn-disabled-color_border-left,
[theme=dark] .btn-disabled-color_border-left {
  border-left: 1px solid rgb(var(--dark--btn-disabled-color));
}
[theme]:not([theme=dark]) [theme=dark] .btn-disabled-color_border-right,
[theme=dark] .btn-disabled-color_border-right {
  border-right: 1px solid rgb(var(--dark--btn-disabled-color));
}
[theme]:not([theme=dark]) [theme=dark] .btn-disabled-color_st,
[theme=dark] .btn-disabled-color_st {
  stop-color: rgb(var(--dark--btn-disabled-color));
}
[theme]:not([theme=dark]) [theme=dark] .btn-disabled-color_fill *,
[theme=dark] .btn-disabled-color_fill * {
  fill: rgb(var(--dark--btn-disabled-color));
}
.dark--neutral-color-1 {
  color: rgb(var(--dark--neutral-color-1));
}
.dark--neutral-color-1_bg {
  background-color: rgb(var(--dark--neutral-color-1));
}
.dark--neutral-color-1_border {
  border: 1px solid rgb(var(--dark--neutral-color-1));
}
.dark--neutral-color-1_border-top {
  border-top: 1px solid rgb(var(--dark--neutral-color-1));
}
.dark--neutral-color-1_border-bottom {
  border-bottom: 1px solid rgb(var(--dark--neutral-color-1));
}
.dark--neutral-color-1_border-left {
  border-left: 1px solid rgb(var(--dark--neutral-color-1));
}
.dark--neutral-color-1_border-right {
  border-right: 1px solid rgb(var(--dark--neutral-color-1));
}
.dark--neutral-color-1_st {
  stop-color: rgb(var(--dark--neutral-color-1));
}
.dark--neutral-color-1_fill {
  fill: rgb(var(--dark--neutral-color-1));
}
[theme]:not([theme=dark]) [theme=dark] .neutral-color-1,
[theme=dark] .neutral-color-1 {
  color: rgb(var(--dark--neutral-color-1));
}
[theme]:not([theme=dark]) [theme=dark] .neutral-color-1_bg,
[theme=dark] .neutral-color-1_bg {
  background-color: rgb(var(--dark--neutral-color-1));
}
[theme]:not([theme=dark]) [theme=dark] .neutral-color-1_border,
[theme=dark] .neutral-color-1_border {
  border: 1px solid rgb(var(--dark--neutral-color-1));
}
[theme]:not([theme=dark]) [theme=dark] .neutral-color-1_border-top,
[theme=dark] .neutral-color-1_border-top {
  border-top: 1px solid rgb(var(--dark--neutral-color-1));
}
[theme]:not([theme=dark]) [theme=dark] .neutral-color-1_border-bottom,
[theme=dark] .neutral-color-1_border-bottom {
  border-bottom: 1px solid rgb(var(--dark--neutral-color-1));
}
[theme]:not([theme=dark]) [theme=dark] .neutral-color-1_border-left,
[theme=dark] .neutral-color-1_border-left {
  border-left: 1px solid rgb(var(--dark--neutral-color-1));
}
[theme]:not([theme=dark]) [theme=dark] .neutral-color-1_border-right,
[theme=dark] .neutral-color-1_border-right {
  border-right: 1px solid rgb(var(--dark--neutral-color-1));
}
[theme]:not([theme=dark]) [theme=dark] .neutral-color-1_st,
[theme=dark] .neutral-color-1_st {
  stop-color: rgb(var(--dark--neutral-color-1));
}
[theme]:not([theme=dark]) [theme=dark] .neutral-color-1_fill *,
[theme=dark] .neutral-color-1_fill * {
  fill: rgb(var(--dark--neutral-color-1));
}
.dark--neutral-color-2 {
  color: rgb(var(--dark--neutral-color-2));
}
.dark--neutral-color-2_bg {
  background-color: rgb(var(--dark--neutral-color-2));
}
.dark--neutral-color-2_border {
  border: 1px solid rgb(var(--dark--neutral-color-2));
}
.dark--neutral-color-2_border-top {
  border-top: 1px solid rgb(var(--dark--neutral-color-2));
}
.dark--neutral-color-2_border-bottom {
  border-bottom: 1px solid rgb(var(--dark--neutral-color-2));
}
.dark--neutral-color-2_border-left {
  border-left: 1px solid rgb(var(--dark--neutral-color-2));
}
.dark--neutral-color-2_border-right {
  border-right: 1px solid rgb(var(--dark--neutral-color-2));
}
.dark--neutral-color-2_st {
  stop-color: rgb(var(--dark--neutral-color-2));
}
.dark--neutral-color-2_fill {
  fill: rgb(var(--dark--neutral-color-2));
}
[theme]:not([theme=dark]) [theme=dark] .neutral-color-2,
[theme=dark] .neutral-color-2 {
  color: rgb(var(--dark--neutral-color-2));
}
[theme]:not([theme=dark]) [theme=dark] .neutral-color-2_bg,
[theme=dark] .neutral-color-2_bg {
  background-color: rgb(var(--dark--neutral-color-2));
}
[theme]:not([theme=dark]) [theme=dark] .neutral-color-2_border,
[theme=dark] .neutral-color-2_border {
  border: 1px solid rgb(var(--dark--neutral-color-2));
}
[theme]:not([theme=dark]) [theme=dark] .neutral-color-2_border-top,
[theme=dark] .neutral-color-2_border-top {
  border-top: 1px solid rgb(var(--dark--neutral-color-2));
}
[theme]:not([theme=dark]) [theme=dark] .neutral-color-2_border-bottom,
[theme=dark] .neutral-color-2_border-bottom {
  border-bottom: 1px solid rgb(var(--dark--neutral-color-2));
}
[theme]:not([theme=dark]) [theme=dark] .neutral-color-2_border-left,
[theme=dark] .neutral-color-2_border-left {
  border-left: 1px solid rgb(var(--dark--neutral-color-2));
}
[theme]:not([theme=dark]) [theme=dark] .neutral-color-2_border-right,
[theme=dark] .neutral-color-2_border-right {
  border-right: 1px solid rgb(var(--dark--neutral-color-2));
}
[theme]:not([theme=dark]) [theme=dark] .neutral-color-2_st,
[theme=dark] .neutral-color-2_st {
  stop-color: rgb(var(--dark--neutral-color-2));
}
[theme]:not([theme=dark]) [theme=dark] .neutral-color-2_fill *,
[theme=dark] .neutral-color-2_fill * {
  fill: rgb(var(--dark--neutral-color-2));
}
.dark--neutral-color-3 {
  color: rgb(var(--dark--neutral-color-3));
}
.dark--neutral-color-3_bg {
  background-color: rgb(var(--dark--neutral-color-3));
}
.dark--neutral-color-3_border {
  border: 1px solid rgb(var(--dark--neutral-color-3));
}
.dark--neutral-color-3_border-top {
  border-top: 1px solid rgb(var(--dark--neutral-color-3));
}
.dark--neutral-color-3_border-bottom {
  border-bottom: 1px solid rgb(var(--dark--neutral-color-3));
}
.dark--neutral-color-3_border-left {
  border-left: 1px solid rgb(var(--dark--neutral-color-3));
}
.dark--neutral-color-3_border-right {
  border-right: 1px solid rgb(var(--dark--neutral-color-3));
}
.dark--neutral-color-3_st {
  stop-color: rgb(var(--dark--neutral-color-3));
}
.dark--neutral-color-3_fill {
  fill: rgb(var(--dark--neutral-color-3));
}
[theme]:not([theme=dark]) [theme=dark] .neutral-color-3,
[theme=dark] .neutral-color-3 {
  color: rgb(var(--dark--neutral-color-3));
}
[theme]:not([theme=dark]) [theme=dark] .neutral-color-3_bg,
[theme=dark] .neutral-color-3_bg {
  background-color: rgb(var(--dark--neutral-color-3));
}
[theme]:not([theme=dark]) [theme=dark] .neutral-color-3_border,
[theme=dark] .neutral-color-3_border {
  border: 1px solid rgb(var(--dark--neutral-color-3));
}
[theme]:not([theme=dark]) [theme=dark] .neutral-color-3_border-top,
[theme=dark] .neutral-color-3_border-top {
  border-top: 1px solid rgb(var(--dark--neutral-color-3));
}
[theme]:not([theme=dark]) [theme=dark] .neutral-color-3_border-bottom,
[theme=dark] .neutral-color-3_border-bottom {
  border-bottom: 1px solid rgb(var(--dark--neutral-color-3));
}
[theme]:not([theme=dark]) [theme=dark] .neutral-color-3_border-left,
[theme=dark] .neutral-color-3_border-left {
  border-left: 1px solid rgb(var(--dark--neutral-color-3));
}
[theme]:not([theme=dark]) [theme=dark] .neutral-color-3_border-right,
[theme=dark] .neutral-color-3_border-right {
  border-right: 1px solid rgb(var(--dark--neutral-color-3));
}
[theme]:not([theme=dark]) [theme=dark] .neutral-color-3_st,
[theme=dark] .neutral-color-3_st {
  stop-color: rgb(var(--dark--neutral-color-3));
}
[theme]:not([theme=dark]) [theme=dark] .neutral-color-3_fill *,
[theme=dark] .neutral-color-3_fill * {
  fill: rgb(var(--dark--neutral-color-3));
}
.dark--neutral-color-4 {
  color: rgb(var(--dark--neutral-color-4));
}
.dark--neutral-color-4_bg {
  background-color: rgb(var(--dark--neutral-color-4));
}
.dark--neutral-color-4_border {
  border: 1px solid rgb(var(--dark--neutral-color-4));
}
.dark--neutral-color-4_border-top {
  border-top: 1px solid rgb(var(--dark--neutral-color-4));
}
.dark--neutral-color-4_border-bottom {
  border-bottom: 1px solid rgb(var(--dark--neutral-color-4));
}
.dark--neutral-color-4_border-left {
  border-left: 1px solid rgb(var(--dark--neutral-color-4));
}
.dark--neutral-color-4_border-right {
  border-right: 1px solid rgb(var(--dark--neutral-color-4));
}
.dark--neutral-color-4_st {
  stop-color: rgb(var(--dark--neutral-color-4));
}
.dark--neutral-color-4_fill {
  fill: rgb(var(--dark--neutral-color-4));
}
[theme]:not([theme=dark]) [theme=dark] .neutral-color-4,
[theme=dark] .neutral-color-4 {
  color: rgb(var(--dark--neutral-color-4));
}
[theme]:not([theme=dark]) [theme=dark] .neutral-color-4_bg,
[theme=dark] .neutral-color-4_bg {
  background-color: rgb(var(--dark--neutral-color-4));
}
[theme]:not([theme=dark]) [theme=dark] .neutral-color-4_border,
[theme=dark] .neutral-color-4_border {
  border: 1px solid rgb(var(--dark--neutral-color-4));
}
[theme]:not([theme=dark]) [theme=dark] .neutral-color-4_border-top,
[theme=dark] .neutral-color-4_border-top {
  border-top: 1px solid rgb(var(--dark--neutral-color-4));
}
[theme]:not([theme=dark]) [theme=dark] .neutral-color-4_border-bottom,
[theme=dark] .neutral-color-4_border-bottom {
  border-bottom: 1px solid rgb(var(--dark--neutral-color-4));
}
[theme]:not([theme=dark]) [theme=dark] .neutral-color-4_border-left,
[theme=dark] .neutral-color-4_border-left {
  border-left: 1px solid rgb(var(--dark--neutral-color-4));
}
[theme]:not([theme=dark]) [theme=dark] .neutral-color-4_border-right,
[theme=dark] .neutral-color-4_border-right {
  border-right: 1px solid rgb(var(--dark--neutral-color-4));
}
[theme]:not([theme=dark]) [theme=dark] .neutral-color-4_st,
[theme=dark] .neutral-color-4_st {
  stop-color: rgb(var(--dark--neutral-color-4));
}
[theme]:not([theme=dark]) [theme=dark] .neutral-color-4_fill *,
[theme=dark] .neutral-color-4_fill * {
  fill: rgb(var(--dark--neutral-color-4));
}
.dark--neutral-color-5 {
  color: rgb(var(--dark--neutral-color-5));
}
.dark--neutral-color-5_bg {
  background-color: rgb(var(--dark--neutral-color-5));
}
.dark--neutral-color-5_border {
  border: 1px solid rgb(var(--dark--neutral-color-5));
}
.dark--neutral-color-5_border-top {
  border-top: 1px solid rgb(var(--dark--neutral-color-5));
}
.dark--neutral-color-5_border-bottom {
  border-bottom: 1px solid rgb(var(--dark--neutral-color-5));
}
.dark--neutral-color-5_border-left {
  border-left: 1px solid rgb(var(--dark--neutral-color-5));
}
.dark--neutral-color-5_border-right {
  border-right: 1px solid rgb(var(--dark--neutral-color-5));
}
.dark--neutral-color-5_st {
  stop-color: rgb(var(--dark--neutral-color-5));
}
.dark--neutral-color-5_fill {
  fill: rgb(var(--dark--neutral-color-5));
}
[theme]:not([theme=dark]) [theme=dark] .neutral-color-5,
[theme=dark] .neutral-color-5 {
  color: rgb(var(--dark--neutral-color-5));
}
[theme]:not([theme=dark]) [theme=dark] .neutral-color-5_bg,
[theme=dark] .neutral-color-5_bg {
  background-color: rgb(var(--dark--neutral-color-5));
}
[theme]:not([theme=dark]) [theme=dark] .neutral-color-5_border,
[theme=dark] .neutral-color-5_border {
  border: 1px solid rgb(var(--dark--neutral-color-5));
}
[theme]:not([theme=dark]) [theme=dark] .neutral-color-5_border-top,
[theme=dark] .neutral-color-5_border-top {
  border-top: 1px solid rgb(var(--dark--neutral-color-5));
}
[theme]:not([theme=dark]) [theme=dark] .neutral-color-5_border-bottom,
[theme=dark] .neutral-color-5_border-bottom {
  border-bottom: 1px solid rgb(var(--dark--neutral-color-5));
}
[theme]:not([theme=dark]) [theme=dark] .neutral-color-5_border-left,
[theme=dark] .neutral-color-5_border-left {
  border-left: 1px solid rgb(var(--dark--neutral-color-5));
}
[theme]:not([theme=dark]) [theme=dark] .neutral-color-5_border-right,
[theme=dark] .neutral-color-5_border-right {
  border-right: 1px solid rgb(var(--dark--neutral-color-5));
}
[theme]:not([theme=dark]) [theme=dark] .neutral-color-5_st,
[theme=dark] .neutral-color-5_st {
  stop-color: rgb(var(--dark--neutral-color-5));
}
[theme]:not([theme=dark]) [theme=dark] .neutral-color-5_fill *,
[theme=dark] .neutral-color-5_fill * {
  fill: rgb(var(--dark--neutral-color-5));
}
.dark--neutral-color-6 {
  color: rgb(var(--dark--neutral-color-6));
}
.dark--neutral-color-6_bg {
  background-color: rgb(var(--dark--neutral-color-6));
}
.dark--neutral-color-6_border {
  border: 1px solid rgb(var(--dark--neutral-color-6));
}
.dark--neutral-color-6_border-top {
  border-top: 1px solid rgb(var(--dark--neutral-color-6));
}
.dark--neutral-color-6_border-bottom {
  border-bottom: 1px solid rgb(var(--dark--neutral-color-6));
}
.dark--neutral-color-6_border-left {
  border-left: 1px solid rgb(var(--dark--neutral-color-6));
}
.dark--neutral-color-6_border-right {
  border-right: 1px solid rgb(var(--dark--neutral-color-6));
}
.dark--neutral-color-6_st {
  stop-color: rgb(var(--dark--neutral-color-6));
}
.dark--neutral-color-6_fill {
  fill: rgb(var(--dark--neutral-color-6));
}
[theme]:not([theme=dark]) [theme=dark] .neutral-color-6,
[theme=dark] .neutral-color-6 {
  color: rgb(var(--dark--neutral-color-6));
}
[theme]:not([theme=dark]) [theme=dark] .neutral-color-6_bg,
[theme=dark] .neutral-color-6_bg {
  background-color: rgb(var(--dark--neutral-color-6));
}
[theme]:not([theme=dark]) [theme=dark] .neutral-color-6_border,
[theme=dark] .neutral-color-6_border {
  border: 1px solid rgb(var(--dark--neutral-color-6));
}
[theme]:not([theme=dark]) [theme=dark] .neutral-color-6_border-top,
[theme=dark] .neutral-color-6_border-top {
  border-top: 1px solid rgb(var(--dark--neutral-color-6));
}
[theme]:not([theme=dark]) [theme=dark] .neutral-color-6_border-bottom,
[theme=dark] .neutral-color-6_border-bottom {
  border-bottom: 1px solid rgb(var(--dark--neutral-color-6));
}
[theme]:not([theme=dark]) [theme=dark] .neutral-color-6_border-left,
[theme=dark] .neutral-color-6_border-left {
  border-left: 1px solid rgb(var(--dark--neutral-color-6));
}
[theme]:not([theme=dark]) [theme=dark] .neutral-color-6_border-right,
[theme=dark] .neutral-color-6_border-right {
  border-right: 1px solid rgb(var(--dark--neutral-color-6));
}
[theme]:not([theme=dark]) [theme=dark] .neutral-color-6_st,
[theme=dark] .neutral-color-6_st {
  stop-color: rgb(var(--dark--neutral-color-6));
}
[theme]:not([theme=dark]) [theme=dark] .neutral-color-6_fill *,
[theme=dark] .neutral-color-6_fill * {
  fill: rgb(var(--dark--neutral-color-6));
}
.dark--neutral-color-7 {
  color: rgb(var(--dark--neutral-color-7));
}
.dark--neutral-color-7_bg {
  background-color: rgb(var(--dark--neutral-color-7));
}
.dark--neutral-color-7_border {
  border: 1px solid rgb(var(--dark--neutral-color-7));
}
.dark--neutral-color-7_border-top {
  border-top: 1px solid rgb(var(--dark--neutral-color-7));
}
.dark--neutral-color-7_border-bottom {
  border-bottom: 1px solid rgb(var(--dark--neutral-color-7));
}
.dark--neutral-color-7_border-left {
  border-left: 1px solid rgb(var(--dark--neutral-color-7));
}
.dark--neutral-color-7_border-right {
  border-right: 1px solid rgb(var(--dark--neutral-color-7));
}
.dark--neutral-color-7_st {
  stop-color: rgb(var(--dark--neutral-color-7));
}
.dark--neutral-color-7_fill {
  fill: rgb(var(--dark--neutral-color-7));
}
[theme]:not([theme=dark]) [theme=dark] .neutral-color-7,
[theme=dark] .neutral-color-7 {
  color: rgb(var(--dark--neutral-color-7));
}
[theme]:not([theme=dark]) [theme=dark] .neutral-color-7_bg,
[theme=dark] .neutral-color-7_bg {
  background-color: rgb(var(--dark--neutral-color-7));
}
[theme]:not([theme=dark]) [theme=dark] .neutral-color-7_border,
[theme=dark] .neutral-color-7_border {
  border: 1px solid rgb(var(--dark--neutral-color-7));
}
[theme]:not([theme=dark]) [theme=dark] .neutral-color-7_border-top,
[theme=dark] .neutral-color-7_border-top {
  border-top: 1px solid rgb(var(--dark--neutral-color-7));
}
[theme]:not([theme=dark]) [theme=dark] .neutral-color-7_border-bottom,
[theme=dark] .neutral-color-7_border-bottom {
  border-bottom: 1px solid rgb(var(--dark--neutral-color-7));
}
[theme]:not([theme=dark]) [theme=dark] .neutral-color-7_border-left,
[theme=dark] .neutral-color-7_border-left {
  border-left: 1px solid rgb(var(--dark--neutral-color-7));
}
[theme]:not([theme=dark]) [theme=dark] .neutral-color-7_border-right,
[theme=dark] .neutral-color-7_border-right {
  border-right: 1px solid rgb(var(--dark--neutral-color-7));
}
[theme]:not([theme=dark]) [theme=dark] .neutral-color-7_st,
[theme=dark] .neutral-color-7_st {
  stop-color: rgb(var(--dark--neutral-color-7));
}
[theme]:not([theme=dark]) [theme=dark] .neutral-color-7_fill *,
[theme=dark] .neutral-color-7_fill * {
  fill: rgb(var(--dark--neutral-color-7));
}
.dark--neutral-color-8 {
  color: rgb(var(--dark--neutral-color-8));
}
.dark--neutral-color-8_bg {
  background-color: rgb(var(--dark--neutral-color-8));
}
.dark--neutral-color-8_border {
  border: 1px solid rgb(var(--dark--neutral-color-8));
}
.dark--neutral-color-8_border-top {
  border-top: 1px solid rgb(var(--dark--neutral-color-8));
}
.dark--neutral-color-8_border-bottom {
  border-bottom: 1px solid rgb(var(--dark--neutral-color-8));
}
.dark--neutral-color-8_border-left {
  border-left: 1px solid rgb(var(--dark--neutral-color-8));
}
.dark--neutral-color-8_border-right {
  border-right: 1px solid rgb(var(--dark--neutral-color-8));
}
.dark--neutral-color-8_st {
  stop-color: rgb(var(--dark--neutral-color-8));
}
.dark--neutral-color-8_fill {
  fill: rgb(var(--dark--neutral-color-8));
}
[theme]:not([theme=dark]) [theme=dark] .neutral-color-8,
[theme=dark] .neutral-color-8 {
  color: rgb(var(--dark--neutral-color-8));
}
[theme]:not([theme=dark]) [theme=dark] .neutral-color-8_bg,
[theme=dark] .neutral-color-8_bg {
  background-color: rgb(var(--dark--neutral-color-8));
}
[theme]:not([theme=dark]) [theme=dark] .neutral-color-8_border,
[theme=dark] .neutral-color-8_border {
  border: 1px solid rgb(var(--dark--neutral-color-8));
}
[theme]:not([theme=dark]) [theme=dark] .neutral-color-8_border-top,
[theme=dark] .neutral-color-8_border-top {
  border-top: 1px solid rgb(var(--dark--neutral-color-8));
}
[theme]:not([theme=dark]) [theme=dark] .neutral-color-8_border-bottom,
[theme=dark] .neutral-color-8_border-bottom {
  border-bottom: 1px solid rgb(var(--dark--neutral-color-8));
}
[theme]:not([theme=dark]) [theme=dark] .neutral-color-8_border-left,
[theme=dark] .neutral-color-8_border-left {
  border-left: 1px solid rgb(var(--dark--neutral-color-8));
}
[theme]:not([theme=dark]) [theme=dark] .neutral-color-8_border-right,
[theme=dark] .neutral-color-8_border-right {
  border-right: 1px solid rgb(var(--dark--neutral-color-8));
}
[theme]:not([theme=dark]) [theme=dark] .neutral-color-8_st,
[theme=dark] .neutral-color-8_st {
  stop-color: rgb(var(--dark--neutral-color-8));
}
[theme]:not([theme=dark]) [theme=dark] .neutral-color-8_fill *,
[theme=dark] .neutral-color-8_fill * {
  fill: rgb(var(--dark--neutral-color-8));
}
.dark--neutral-color-9 {
  color: rgb(var(--dark--neutral-color-9));
}
.dark--neutral-color-9_bg {
  background-color: rgb(var(--dark--neutral-color-9));
}
.dark--neutral-color-9_border {
  border: 1px solid rgb(var(--dark--neutral-color-9));
}
.dark--neutral-color-9_border-top {
  border-top: 1px solid rgb(var(--dark--neutral-color-9));
}
.dark--neutral-color-9_border-bottom {
  border-bottom: 1px solid rgb(var(--dark--neutral-color-9));
}
.dark--neutral-color-9_border-left {
  border-left: 1px solid rgb(var(--dark--neutral-color-9));
}
.dark--neutral-color-9_border-right {
  border-right: 1px solid rgb(var(--dark--neutral-color-9));
}
.dark--neutral-color-9_st {
  stop-color: rgb(var(--dark--neutral-color-9));
}
.dark--neutral-color-9_fill {
  fill: rgb(var(--dark--neutral-color-9));
}
[theme]:not([theme=dark]) [theme=dark] .neutral-color-9,
[theme=dark] .neutral-color-9 {
  color: rgb(var(--dark--neutral-color-9));
}
[theme]:not([theme=dark]) [theme=dark] .neutral-color-9_bg,
[theme=dark] .neutral-color-9_bg {
  background-color: rgb(var(--dark--neutral-color-9));
}
[theme]:not([theme=dark]) [theme=dark] .neutral-color-9_border,
[theme=dark] .neutral-color-9_border {
  border: 1px solid rgb(var(--dark--neutral-color-9));
}
[theme]:not([theme=dark]) [theme=dark] .neutral-color-9_border-top,
[theme=dark] .neutral-color-9_border-top {
  border-top: 1px solid rgb(var(--dark--neutral-color-9));
}
[theme]:not([theme=dark]) [theme=dark] .neutral-color-9_border-bottom,
[theme=dark] .neutral-color-9_border-bottom {
  border-bottom: 1px solid rgb(var(--dark--neutral-color-9));
}
[theme]:not([theme=dark]) [theme=dark] .neutral-color-9_border-left,
[theme=dark] .neutral-color-9_border-left {
  border-left: 1px solid rgb(var(--dark--neutral-color-9));
}
[theme]:not([theme=dark]) [theme=dark] .neutral-color-9_border-right,
[theme=dark] .neutral-color-9_border-right {
  border-right: 1px solid rgb(var(--dark--neutral-color-9));
}
[theme]:not([theme=dark]) [theme=dark] .neutral-color-9_st,
[theme=dark] .neutral-color-9_st {
  stop-color: rgb(var(--dark--neutral-color-9));
}
[theme]:not([theme=dark]) [theme=dark] .neutral-color-9_fill *,
[theme=dark] .neutral-color-9_fill * {
  fill: rgb(var(--dark--neutral-color-9));
}
.dark--error-color {
  color: rgb(var(--dark--error-color));
}
.dark--error-color_bg {
  background-color: rgb(var(--dark--error-color));
}
.dark--error-color_border {
  border: 1px solid rgb(var(--dark--error-color));
}
.dark--error-color_border-top {
  border-top: 1px solid rgb(var(--dark--error-color));
}
.dark--error-color_border-bottom {
  border-bottom: 1px solid rgb(var(--dark--error-color));
}
.dark--error-color_border-left {
  border-left: 1px solid rgb(var(--dark--error-color));
}
.dark--error-color_border-right {
  border-right: 1px solid rgb(var(--dark--error-color));
}
.dark--error-color_st {
  stop-color: rgb(var(--dark--error-color));
}
.dark--error-color_fill {
  fill: rgb(var(--dark--error-color));
}
[theme]:not([theme=dark]) [theme=dark] .error-color,
[theme=dark] .error-color {
  color: rgb(var(--dark--error-color));
}
[theme]:not([theme=dark]) [theme=dark] .error-color_bg,
[theme=dark] .error-color_bg {
  background-color: rgb(var(--dark--error-color));
}
[theme]:not([theme=dark]) [theme=dark] .error-color_border,
[theme=dark] .error-color_border {
  border: 1px solid rgb(var(--dark--error-color));
}
[theme]:not([theme=dark]) [theme=dark] .error-color_border-top,
[theme=dark] .error-color_border-top {
  border-top: 1px solid rgb(var(--dark--error-color));
}
[theme]:not([theme=dark]) [theme=dark] .error-color_border-bottom,
[theme=dark] .error-color_border-bottom {
  border-bottom: 1px solid rgb(var(--dark--error-color));
}
[theme]:not([theme=dark]) [theme=dark] .error-color_border-left,
[theme=dark] .error-color_border-left {
  border-left: 1px solid rgb(var(--dark--error-color));
}
[theme]:not([theme=dark]) [theme=dark] .error-color_border-right,
[theme=dark] .error-color_border-right {
  border-right: 1px solid rgb(var(--dark--error-color));
}
[theme]:not([theme=dark]) [theme=dark] .error-color_st,
[theme=dark] .error-color_st {
  stop-color: rgb(var(--dark--error-color));
}
[theme]:not([theme=dark]) [theme=dark] .error-color_fill *,
[theme=dark] .error-color_fill * {
  fill: rgb(var(--dark--error-color));
}
.dark--error-back-color {
  color: rgb(var(--dark--error-back-color));
}
.dark--error-back-color_bg {
  background-color: rgb(var(--dark--error-back-color));
}
.dark--error-back-color_border {
  border: 1px solid rgb(var(--dark--error-back-color));
}
.dark--error-back-color_border-top {
  border-top: 1px solid rgb(var(--dark--error-back-color));
}
.dark--error-back-color_border-bottom {
  border-bottom: 1px solid rgb(var(--dark--error-back-color));
}
.dark--error-back-color_border-left {
  border-left: 1px solid rgb(var(--dark--error-back-color));
}
.dark--error-back-color_border-right {
  border-right: 1px solid rgb(var(--dark--error-back-color));
}
.dark--error-back-color_st {
  stop-color: rgb(var(--dark--error-back-color));
}
.dark--error-back-color_fill {
  fill: rgb(var(--dark--error-back-color));
}
[theme]:not([theme=dark]) [theme=dark] .error-back-color,
[theme=dark] .error-back-color {
  color: rgb(var(--dark--error-back-color));
}
[theme]:not([theme=dark]) [theme=dark] .error-back-color_bg,
[theme=dark] .error-back-color_bg {
  background-color: rgb(var(--dark--error-back-color));
}
[theme]:not([theme=dark]) [theme=dark] .error-back-color_border,
[theme=dark] .error-back-color_border {
  border: 1px solid rgb(var(--dark--error-back-color));
}
[theme]:not([theme=dark]) [theme=dark] .error-back-color_border-top,
[theme=dark] .error-back-color_border-top {
  border-top: 1px solid rgb(var(--dark--error-back-color));
}
[theme]:not([theme=dark]) [theme=dark] .error-back-color_border-bottom,
[theme=dark] .error-back-color_border-bottom {
  border-bottom: 1px solid rgb(var(--dark--error-back-color));
}
[theme]:not([theme=dark]) [theme=dark] .error-back-color_border-left,
[theme=dark] .error-back-color_border-left {
  border-left: 1px solid rgb(var(--dark--error-back-color));
}
[theme]:not([theme=dark]) [theme=dark] .error-back-color_border-right,
[theme=dark] .error-back-color_border-right {
  border-right: 1px solid rgb(var(--dark--error-back-color));
}
[theme]:not([theme=dark]) [theme=dark] .error-back-color_st,
[theme=dark] .error-back-color_st {
  stop-color: rgb(var(--dark--error-back-color));
}
[theme]:not([theme=dark]) [theme=dark] .error-back-color_fill *,
[theme=dark] .error-back-color_fill * {
  fill: rgb(var(--dark--error-back-color));
}
.dark--error-hover-color {
  color: rgb(var(--dark--error-hover-color));
}
.dark--error-hover-color_bg {
  background-color: rgb(var(--dark--error-hover-color));
}
.dark--error-hover-color_border {
  border: 1px solid rgb(var(--dark--error-hover-color));
}
.dark--error-hover-color_border-top {
  border-top: 1px solid rgb(var(--dark--error-hover-color));
}
.dark--error-hover-color_border-bottom {
  border-bottom: 1px solid rgb(var(--dark--error-hover-color));
}
.dark--error-hover-color_border-left {
  border-left: 1px solid rgb(var(--dark--error-hover-color));
}
.dark--error-hover-color_border-right {
  border-right: 1px solid rgb(var(--dark--error-hover-color));
}
.dark--error-hover-color_st {
  stop-color: rgb(var(--dark--error-hover-color));
}
.dark--error-hover-color_fill {
  fill: rgb(var(--dark--error-hover-color));
}
[theme]:not([theme=dark]) [theme=dark] .error-hover-color,
[theme=dark] .error-hover-color {
  color: rgb(var(--dark--error-hover-color));
}
[theme]:not([theme=dark]) [theme=dark] .error-hover-color_bg,
[theme=dark] .error-hover-color_bg {
  background-color: rgb(var(--dark--error-hover-color));
}
[theme]:not([theme=dark]) [theme=dark] .error-hover-color_border,
[theme=dark] .error-hover-color_border {
  border: 1px solid rgb(var(--dark--error-hover-color));
}
[theme]:not([theme=dark]) [theme=dark] .error-hover-color_border-top,
[theme=dark] .error-hover-color_border-top {
  border-top: 1px solid rgb(var(--dark--error-hover-color));
}
[theme]:not([theme=dark]) [theme=dark] .error-hover-color_border-bottom,
[theme=dark] .error-hover-color_border-bottom {
  border-bottom: 1px solid rgb(var(--dark--error-hover-color));
}
[theme]:not([theme=dark]) [theme=dark] .error-hover-color_border-left,
[theme=dark] .error-hover-color_border-left {
  border-left: 1px solid rgb(var(--dark--error-hover-color));
}
[theme]:not([theme=dark]) [theme=dark] .error-hover-color_border-right,
[theme=dark] .error-hover-color_border-right {
  border-right: 1px solid rgb(var(--dark--error-hover-color));
}
[theme]:not([theme=dark]) [theme=dark] .error-hover-color_st,
[theme=dark] .error-hover-color_st {
  stop-color: rgb(var(--dark--error-hover-color));
}
[theme]:not([theme=dark]) [theme=dark] .error-hover-color_fill *,
[theme=dark] .error-hover-color_fill * {
  fill: rgb(var(--dark--error-hover-color));
}
.dark--error-click-color {
  color: rgb(var(--dark--error-click-color));
}
.dark--error-click-color_bg {
  background-color: rgb(var(--dark--error-click-color));
}
.dark--error-click-color_border {
  border: 1px solid rgb(var(--dark--error-click-color));
}
.dark--error-click-color_border-top {
  border-top: 1px solid rgb(var(--dark--error-click-color));
}
.dark--error-click-color_border-bottom {
  border-bottom: 1px solid rgb(var(--dark--error-click-color));
}
.dark--error-click-color_border-left {
  border-left: 1px solid rgb(var(--dark--error-click-color));
}
.dark--error-click-color_border-right {
  border-right: 1px solid rgb(var(--dark--error-click-color));
}
.dark--error-click-color_st {
  stop-color: rgb(var(--dark--error-click-color));
}
.dark--error-click-color_fill {
  fill: rgb(var(--dark--error-click-color));
}
[theme]:not([theme=dark]) [theme=dark] .error-click-color,
[theme=dark] .error-click-color {
  color: rgb(var(--dark--error-click-color));
}
[theme]:not([theme=dark]) [theme=dark] .error-click-color_bg,
[theme=dark] .error-click-color_bg {
  background-color: rgb(var(--dark--error-click-color));
}
[theme]:not([theme=dark]) [theme=dark] .error-click-color_border,
[theme=dark] .error-click-color_border {
  border: 1px solid rgb(var(--dark--error-click-color));
}
[theme]:not([theme=dark]) [theme=dark] .error-click-color_border-top,
[theme=dark] .error-click-color_border-top {
  border-top: 1px solid rgb(var(--dark--error-click-color));
}
[theme]:not([theme=dark]) [theme=dark] .error-click-color_border-bottom,
[theme=dark] .error-click-color_border-bottom {
  border-bottom: 1px solid rgb(var(--dark--error-click-color));
}
[theme]:not([theme=dark]) [theme=dark] .error-click-color_border-left,
[theme=dark] .error-click-color_border-left {
  border-left: 1px solid rgb(var(--dark--error-click-color));
}
[theme]:not([theme=dark]) [theme=dark] .error-click-color_border-right,
[theme=dark] .error-click-color_border-right {
  border-right: 1px solid rgb(var(--dark--error-click-color));
}
[theme]:not([theme=dark]) [theme=dark] .error-click-color_st,
[theme=dark] .error-click-color_st {
  stop-color: rgb(var(--dark--error-click-color));
}
[theme]:not([theme=dark]) [theme=dark] .error-click-color_fill *,
[theme=dark] .error-click-color_fill * {
  fill: rgb(var(--dark--error-click-color));
}
.dark--error-disabled-color {
  color: rgb(var(--dark--error-disabled-color));
}
.dark--error-disabled-color_bg {
  background-color: rgb(var(--dark--error-disabled-color));
}
.dark--error-disabled-color_border {
  border: 1px solid rgb(var(--dark--error-disabled-color));
}
.dark--error-disabled-color_border-top {
  border-top: 1px solid rgb(var(--dark--error-disabled-color));
}
.dark--error-disabled-color_border-bottom {
  border-bottom: 1px solid rgb(var(--dark--error-disabled-color));
}
.dark--error-disabled-color_border-left {
  border-left: 1px solid rgb(var(--dark--error-disabled-color));
}
.dark--error-disabled-color_border-right {
  border-right: 1px solid rgb(var(--dark--error-disabled-color));
}
.dark--error-disabled-color_st {
  stop-color: rgb(var(--dark--error-disabled-color));
}
.dark--error-disabled-color_fill {
  fill: rgb(var(--dark--error-disabled-color));
}
[theme]:not([theme=dark]) [theme=dark] .error-disabled-color,
[theme=dark] .error-disabled-color {
  color: rgb(var(--dark--error-disabled-color));
}
[theme]:not([theme=dark]) [theme=dark] .error-disabled-color_bg,
[theme=dark] .error-disabled-color_bg {
  background-color: rgb(var(--dark--error-disabled-color));
}
[theme]:not([theme=dark]) [theme=dark] .error-disabled-color_border,
[theme=dark] .error-disabled-color_border {
  border: 1px solid rgb(var(--dark--error-disabled-color));
}
[theme]:not([theme=dark]) [theme=dark] .error-disabled-color_border-top,
[theme=dark] .error-disabled-color_border-top {
  border-top: 1px solid rgb(var(--dark--error-disabled-color));
}
[theme]:not([theme=dark]) [theme=dark] .error-disabled-color_border-bottom,
[theme=dark] .error-disabled-color_border-bottom {
  border-bottom: 1px solid rgb(var(--dark--error-disabled-color));
}
[theme]:not([theme=dark]) [theme=dark] .error-disabled-color_border-left,
[theme=dark] .error-disabled-color_border-left {
  border-left: 1px solid rgb(var(--dark--error-disabled-color));
}
[theme]:not([theme=dark]) [theme=dark] .error-disabled-color_border-right,
[theme=dark] .error-disabled-color_border-right {
  border-right: 1px solid rgb(var(--dark--error-disabled-color));
}
[theme]:not([theme=dark]) [theme=dark] .error-disabled-color_st,
[theme=dark] .error-disabled-color_st {
  stop-color: rgb(var(--dark--error-disabled-color));
}
[theme]:not([theme=dark]) [theme=dark] .error-disabled-color_fill *,
[theme=dark] .error-disabled-color_fill * {
  fill: rgb(var(--dark--error-disabled-color));
}
.dark--warning-color {
  color: rgb(var(--dark--warning-color));
}
.dark--warning-color_bg {
  background-color: rgb(var(--dark--warning-color));
}
.dark--warning-color_border {
  border: 1px solid rgb(var(--dark--warning-color));
}
.dark--warning-color_border-top {
  border-top: 1px solid rgb(var(--dark--warning-color));
}
.dark--warning-color_border-bottom {
  border-bottom: 1px solid rgb(var(--dark--warning-color));
}
.dark--warning-color_border-left {
  border-left: 1px solid rgb(var(--dark--warning-color));
}
.dark--warning-color_border-right {
  border-right: 1px solid rgb(var(--dark--warning-color));
}
.dark--warning-color_st {
  stop-color: rgb(var(--dark--warning-color));
}
.dark--warning-color_fill {
  fill: rgb(var(--dark--warning-color));
}
[theme]:not([theme=dark]) [theme=dark] .warning-color,
[theme=dark] .warning-color {
  color: rgb(var(--dark--warning-color));
}
[theme]:not([theme=dark]) [theme=dark] .warning-color_bg,
[theme=dark] .warning-color_bg {
  background-color: rgb(var(--dark--warning-color));
}
[theme]:not([theme=dark]) [theme=dark] .warning-color_border,
[theme=dark] .warning-color_border {
  border: 1px solid rgb(var(--dark--warning-color));
}
[theme]:not([theme=dark]) [theme=dark] .warning-color_border-top,
[theme=dark] .warning-color_border-top {
  border-top: 1px solid rgb(var(--dark--warning-color));
}
[theme]:not([theme=dark]) [theme=dark] .warning-color_border-bottom,
[theme=dark] .warning-color_border-bottom {
  border-bottom: 1px solid rgb(var(--dark--warning-color));
}
[theme]:not([theme=dark]) [theme=dark] .warning-color_border-left,
[theme=dark] .warning-color_border-left {
  border-left: 1px solid rgb(var(--dark--warning-color));
}
[theme]:not([theme=dark]) [theme=dark] .warning-color_border-right,
[theme=dark] .warning-color_border-right {
  border-right: 1px solid rgb(var(--dark--warning-color));
}
[theme]:not([theme=dark]) [theme=dark] .warning-color_st,
[theme=dark] .warning-color_st {
  stop-color: rgb(var(--dark--warning-color));
}
[theme]:not([theme=dark]) [theme=dark] .warning-color_fill *,
[theme=dark] .warning-color_fill * {
  fill: rgb(var(--dark--warning-color));
}
.dark--success-color {
  color: rgb(var(--dark--success-color));
}
.dark--success-color_bg {
  background-color: rgb(var(--dark--success-color));
}
.dark--success-color_border {
  border: 1px solid rgb(var(--dark--success-color));
}
.dark--success-color_border-top {
  border-top: 1px solid rgb(var(--dark--success-color));
}
.dark--success-color_border-bottom {
  border-bottom: 1px solid rgb(var(--dark--success-color));
}
.dark--success-color_border-left {
  border-left: 1px solid rgb(var(--dark--success-color));
}
.dark--success-color_border-right {
  border-right: 1px solid rgb(var(--dark--success-color));
}
.dark--success-color_st {
  stop-color: rgb(var(--dark--success-color));
}
.dark--success-color_fill {
  fill: rgb(var(--dark--success-color));
}
[theme]:not([theme=dark]) [theme=dark] .success-color,
[theme=dark] .success-color {
  color: rgb(var(--dark--success-color));
}
[theme]:not([theme=dark]) [theme=dark] .success-color_bg,
[theme=dark] .success-color_bg {
  background-color: rgb(var(--dark--success-color));
}
[theme]:not([theme=dark]) [theme=dark] .success-color_border,
[theme=dark] .success-color_border {
  border: 1px solid rgb(var(--dark--success-color));
}
[theme]:not([theme=dark]) [theme=dark] .success-color_border-top,
[theme=dark] .success-color_border-top {
  border-top: 1px solid rgb(var(--dark--success-color));
}
[theme]:not([theme=dark]) [theme=dark] .success-color_border-bottom,
[theme=dark] .success-color_border-bottom {
  border-bottom: 1px solid rgb(var(--dark--success-color));
}
[theme]:not([theme=dark]) [theme=dark] .success-color_border-left,
[theme=dark] .success-color_border-left {
  border-left: 1px solid rgb(var(--dark--success-color));
}
[theme]:not([theme=dark]) [theme=dark] .success-color_border-right,
[theme=dark] .success-color_border-right {
  border-right: 1px solid rgb(var(--dark--success-color));
}
[theme]:not([theme=dark]) [theme=dark] .success-color_st,
[theme=dark] .success-color_st {
  stop-color: rgb(var(--dark--success-color));
}
[theme]:not([theme=dark]) [theme=dark] .success-color_fill *,
[theme=dark] .success-color_fill * {
  fill: rgb(var(--dark--success-color));
}
.dark--link-color {
  color: rgb(var(--dark--link-color));
}
.dark--link-color_bg {
  background-color: rgb(var(--dark--link-color));
}
.dark--link-color_border {
  border: 1px solid rgb(var(--dark--link-color));
}
.dark--link-color_border-top {
  border-top: 1px solid rgb(var(--dark--link-color));
}
.dark--link-color_border-bottom {
  border-bottom: 1px solid rgb(var(--dark--link-color));
}
.dark--link-color_border-left {
  border-left: 1px solid rgb(var(--dark--link-color));
}
.dark--link-color_border-right {
  border-right: 1px solid rgb(var(--dark--link-color));
}
.dark--link-color_st {
  stop-color: rgb(var(--dark--link-color));
}
.dark--link-color_fill {
  fill: rgb(var(--dark--link-color));
}
[theme]:not([theme=dark]) [theme=dark] .link-color,
[theme=dark] .link-color {
  color: rgb(var(--dark--link-color));
}
[theme]:not([theme=dark]) [theme=dark] .link-color_bg,
[theme=dark] .link-color_bg {
  background-color: rgb(var(--dark--link-color));
}
[theme]:not([theme=dark]) [theme=dark] .link-color_border,
[theme=dark] .link-color_border {
  border: 1px solid rgb(var(--dark--link-color));
}
[theme]:not([theme=dark]) [theme=dark] .link-color_border-top,
[theme=dark] .link-color_border-top {
  border-top: 1px solid rgb(var(--dark--link-color));
}
[theme]:not([theme=dark]) [theme=dark] .link-color_border-bottom,
[theme=dark] .link-color_border-bottom {
  border-bottom: 1px solid rgb(var(--dark--link-color));
}
[theme]:not([theme=dark]) [theme=dark] .link-color_border-left,
[theme=dark] .link-color_border-left {
  border-left: 1px solid rgb(var(--dark--link-color));
}
[theme]:not([theme=dark]) [theme=dark] .link-color_border-right,
[theme=dark] .link-color_border-right {
  border-right: 1px solid rgb(var(--dark--link-color));
}
[theme]:not([theme=dark]) [theme=dark] .link-color_st,
[theme=dark] .link-color_st {
  stop-color: rgb(var(--dark--link-color));
}
[theme]:not([theme=dark]) [theme=dark] .link-color_fill *,
[theme=dark] .link-color_fill * {
  fill: rgb(var(--dark--link-color));
}
.dark--link-hovered-color {
  color: rgb(var(--dark--link-hovered-color));
}
.dark--link-hovered-color_bg {
  background-color: rgb(var(--dark--link-hovered-color));
}
.dark--link-hovered-color_border {
  border: 1px solid rgb(var(--dark--link-hovered-color));
}
.dark--link-hovered-color_border-top {
  border-top: 1px solid rgb(var(--dark--link-hovered-color));
}
.dark--link-hovered-color_border-bottom {
  border-bottom: 1px solid rgb(var(--dark--link-hovered-color));
}
.dark--link-hovered-color_border-left {
  border-left: 1px solid rgb(var(--dark--link-hovered-color));
}
.dark--link-hovered-color_border-right {
  border-right: 1px solid rgb(var(--dark--link-hovered-color));
}
.dark--link-hovered-color_st {
  stop-color: rgb(var(--dark--link-hovered-color));
}
.dark--link-hovered-color_fill {
  fill: rgb(var(--dark--link-hovered-color));
}
[theme]:not([theme=dark]) [theme=dark] .link-hovered-color,
[theme=dark] .link-hovered-color {
  color: rgb(var(--dark--link-hovered-color));
}
[theme]:not([theme=dark]) [theme=dark] .link-hovered-color_bg,
[theme=dark] .link-hovered-color_bg {
  background-color: rgb(var(--dark--link-hovered-color));
}
[theme]:not([theme=dark]) [theme=dark] .link-hovered-color_border,
[theme=dark] .link-hovered-color_border {
  border: 1px solid rgb(var(--dark--link-hovered-color));
}
[theme]:not([theme=dark]) [theme=dark] .link-hovered-color_border-top,
[theme=dark] .link-hovered-color_border-top {
  border-top: 1px solid rgb(var(--dark--link-hovered-color));
}
[theme]:not([theme=dark]) [theme=dark] .link-hovered-color_border-bottom,
[theme=dark] .link-hovered-color_border-bottom {
  border-bottom: 1px solid rgb(var(--dark--link-hovered-color));
}
[theme]:not([theme=dark]) [theme=dark] .link-hovered-color_border-left,
[theme=dark] .link-hovered-color_border-left {
  border-left: 1px solid rgb(var(--dark--link-hovered-color));
}
[theme]:not([theme=dark]) [theme=dark] .link-hovered-color_border-right,
[theme=dark] .link-hovered-color_border-right {
  border-right: 1px solid rgb(var(--dark--link-hovered-color));
}
[theme]:not([theme=dark]) [theme=dark] .link-hovered-color_st,
[theme=dark] .link-hovered-color_st {
  stop-color: rgb(var(--dark--link-hovered-color));
}
[theme]:not([theme=dark]) [theme=dark] .link-hovered-color_fill *,
[theme=dark] .link-hovered-color_fill * {
  fill: rgb(var(--dark--link-hovered-color));
}
.dark--link-click-color {
  color: rgb(var(--dark--link-click-color));
}
.dark--link-click-color_bg {
  background-color: rgb(var(--dark--link-click-color));
}
.dark--link-click-color_border {
  border: 1px solid rgb(var(--dark--link-click-color));
}
.dark--link-click-color_border-top {
  border-top: 1px solid rgb(var(--dark--link-click-color));
}
.dark--link-click-color_border-bottom {
  border-bottom: 1px solid rgb(var(--dark--link-click-color));
}
.dark--link-click-color_border-left {
  border-left: 1px solid rgb(var(--dark--link-click-color));
}
.dark--link-click-color_border-right {
  border-right: 1px solid rgb(var(--dark--link-click-color));
}
.dark--link-click-color_st {
  stop-color: rgb(var(--dark--link-click-color));
}
.dark--link-click-color_fill {
  fill: rgb(var(--dark--link-click-color));
}
[theme]:not([theme=dark]) [theme=dark] .link-click-color,
[theme=dark] .link-click-color {
  color: rgb(var(--dark--link-click-color));
}
[theme]:not([theme=dark]) [theme=dark] .link-click-color_bg,
[theme=dark] .link-click-color_bg {
  background-color: rgb(var(--dark--link-click-color));
}
[theme]:not([theme=dark]) [theme=dark] .link-click-color_border,
[theme=dark] .link-click-color_border {
  border: 1px solid rgb(var(--dark--link-click-color));
}
[theme]:not([theme=dark]) [theme=dark] .link-click-color_border-top,
[theme=dark] .link-click-color_border-top {
  border-top: 1px solid rgb(var(--dark--link-click-color));
}
[theme]:not([theme=dark]) [theme=dark] .link-click-color_border-bottom,
[theme=dark] .link-click-color_border-bottom {
  border-bottom: 1px solid rgb(var(--dark--link-click-color));
}
[theme]:not([theme=dark]) [theme=dark] .link-click-color_border-left,
[theme=dark] .link-click-color_border-left {
  border-left: 1px solid rgb(var(--dark--link-click-color));
}
[theme]:not([theme=dark]) [theme=dark] .link-click-color_border-right,
[theme=dark] .link-click-color_border-right {
  border-right: 1px solid rgb(var(--dark--link-click-color));
}
[theme]:not([theme=dark]) [theme=dark] .link-click-color_st,
[theme=dark] .link-click-color_st {
  stop-color: rgb(var(--dark--link-click-color));
}
[theme]:not([theme=dark]) [theme=dark] .link-click-color_fill *,
[theme=dark] .link-click-color_fill * {
  fill: rgb(var(--dark--link-click-color));
}
.dark--link-disable-color {
  color: rgb(var(--dark--link-disable-color));
}
.dark--link-disable-color_bg {
  background-color: rgb(var(--dark--link-disable-color));
}
.dark--link-disable-color_border {
  border: 1px solid rgb(var(--dark--link-disable-color));
}
.dark--link-disable-color_border-top {
  border-top: 1px solid rgb(var(--dark--link-disable-color));
}
.dark--link-disable-color_border-bottom {
  border-bottom: 1px solid rgb(var(--dark--link-disable-color));
}
.dark--link-disable-color_border-left {
  border-left: 1px solid rgb(var(--dark--link-disable-color));
}
.dark--link-disable-color_border-right {
  border-right: 1px solid rgb(var(--dark--link-disable-color));
}
.dark--link-disable-color_st {
  stop-color: rgb(var(--dark--link-disable-color));
}
.dark--link-disable-color_fill {
  fill: rgb(var(--dark--link-disable-color));
}
[theme]:not([theme=dark]) [theme=dark] .link-disable-color,
[theme=dark] .link-disable-color {
  color: rgb(var(--dark--link-disable-color));
}
[theme]:not([theme=dark]) [theme=dark] .link-disable-color_bg,
[theme=dark] .link-disable-color_bg {
  background-color: rgb(var(--dark--link-disable-color));
}
[theme]:not([theme=dark]) [theme=dark] .link-disable-color_border,
[theme=dark] .link-disable-color_border {
  border: 1px solid rgb(var(--dark--link-disable-color));
}
[theme]:not([theme=dark]) [theme=dark] .link-disable-color_border-top,
[theme=dark] .link-disable-color_border-top {
  border-top: 1px solid rgb(var(--dark--link-disable-color));
}
[theme]:not([theme=dark]) [theme=dark] .link-disable-color_border-bottom,
[theme=dark] .link-disable-color_border-bottom {
  border-bottom: 1px solid rgb(var(--dark--link-disable-color));
}
[theme]:not([theme=dark]) [theme=dark] .link-disable-color_border-left,
[theme=dark] .link-disable-color_border-left {
  border-left: 1px solid rgb(var(--dark--link-disable-color));
}
[theme]:not([theme=dark]) [theme=dark] .link-disable-color_border-right,
[theme=dark] .link-disable-color_border-right {
  border-right: 1px solid rgb(var(--dark--link-disable-color));
}
[theme]:not([theme=dark]) [theme=dark] .link-disable-color_st,
[theme=dark] .link-disable-color_st {
  stop-color: rgb(var(--dark--link-disable-color));
}
[theme]:not([theme=dark]) [theme=dark] .link-disable-color_fill *,
[theme=dark] .link-disable-color_fill * {
  fill: rgb(var(--dark--link-disable-color));
}
.dark--red-link-hovered-color {
  color: rgb(var(--dark--red-link-hovered-color));
}
.dark--red-link-hovered-color_bg {
  background-color: rgb(var(--dark--red-link-hovered-color));
}
.dark--red-link-hovered-color_border {
  border: 1px solid rgb(var(--dark--red-link-hovered-color));
}
.dark--red-link-hovered-color_border-top {
  border-top: 1px solid rgb(var(--dark--red-link-hovered-color));
}
.dark--red-link-hovered-color_border-bottom {
  border-bottom: 1px solid rgb(var(--dark--red-link-hovered-color));
}
.dark--red-link-hovered-color_border-left {
  border-left: 1px solid rgb(var(--dark--red-link-hovered-color));
}
.dark--red-link-hovered-color_border-right {
  border-right: 1px solid rgb(var(--dark--red-link-hovered-color));
}
.dark--red-link-hovered-color_st {
  stop-color: rgb(var(--dark--red-link-hovered-color));
}
.dark--red-link-hovered-color_fill {
  fill: rgb(var(--dark--red-link-hovered-color));
}
[theme]:not([theme=dark]) [theme=dark] .red-link-hovered-color,
[theme=dark] .red-link-hovered-color {
  color: rgb(var(--dark--red-link-hovered-color));
}
[theme]:not([theme=dark]) [theme=dark] .red-link-hovered-color_bg,
[theme=dark] .red-link-hovered-color_bg {
  background-color: rgb(var(--dark--red-link-hovered-color));
}
[theme]:not([theme=dark]) [theme=dark] .red-link-hovered-color_border,
[theme=dark] .red-link-hovered-color_border {
  border: 1px solid rgb(var(--dark--red-link-hovered-color));
}
[theme]:not([theme=dark]) [theme=dark] .red-link-hovered-color_border-top,
[theme=dark] .red-link-hovered-color_border-top {
  border-top: 1px solid rgb(var(--dark--red-link-hovered-color));
}
[theme]:not([theme=dark]) [theme=dark] .red-link-hovered-color_border-bottom,
[theme=dark] .red-link-hovered-color_border-bottom {
  border-bottom: 1px solid rgb(var(--dark--red-link-hovered-color));
}
[theme]:not([theme=dark]) [theme=dark] .red-link-hovered-color_border-left,
[theme=dark] .red-link-hovered-color_border-left {
  border-left: 1px solid rgb(var(--dark--red-link-hovered-color));
}
[theme]:not([theme=dark]) [theme=dark] .red-link-hovered-color_border-right,
[theme=dark] .red-link-hovered-color_border-right {
  border-right: 1px solid rgb(var(--dark--red-link-hovered-color));
}
[theme]:not([theme=dark]) [theme=dark] .red-link-hovered-color_st,
[theme=dark] .red-link-hovered-color_st {
  stop-color: rgb(var(--dark--red-link-hovered-color));
}
[theme]:not([theme=dark]) [theme=dark] .red-link-hovered-color_fill *,
[theme=dark] .red-link-hovered-color_fill * {
  fill: rgb(var(--dark--red-link-hovered-color));
}
.dark--red-link-click-color {
  color: rgb(var(--dark--red-link-click-color));
}
.dark--red-link-click-color_bg {
  background-color: rgb(var(--dark--red-link-click-color));
}
.dark--red-link-click-color_border {
  border: 1px solid rgb(var(--dark--red-link-click-color));
}
.dark--red-link-click-color_border-top {
  border-top: 1px solid rgb(var(--dark--red-link-click-color));
}
.dark--red-link-click-color_border-bottom {
  border-bottom: 1px solid rgb(var(--dark--red-link-click-color));
}
.dark--red-link-click-color_border-left {
  border-left: 1px solid rgb(var(--dark--red-link-click-color));
}
.dark--red-link-click-color_border-right {
  border-right: 1px solid rgb(var(--dark--red-link-click-color));
}
.dark--red-link-click-color_st {
  stop-color: rgb(var(--dark--red-link-click-color));
}
.dark--red-link-click-color_fill {
  fill: rgb(var(--dark--red-link-click-color));
}
[theme]:not([theme=dark]) [theme=dark] .red-link-click-color,
[theme=dark] .red-link-click-color {
  color: rgb(var(--dark--red-link-click-color));
}
[theme]:not([theme=dark]) [theme=dark] .red-link-click-color_bg,
[theme=dark] .red-link-click-color_bg {
  background-color: rgb(var(--dark--red-link-click-color));
}
[theme]:not([theme=dark]) [theme=dark] .red-link-click-color_border,
[theme=dark] .red-link-click-color_border {
  border: 1px solid rgb(var(--dark--red-link-click-color));
}
[theme]:not([theme=dark]) [theme=dark] .red-link-click-color_border-top,
[theme=dark] .red-link-click-color_border-top {
  border-top: 1px solid rgb(var(--dark--red-link-click-color));
}
[theme]:not([theme=dark]) [theme=dark] .red-link-click-color_border-bottom,
[theme=dark] .red-link-click-color_border-bottom {
  border-bottom: 1px solid rgb(var(--dark--red-link-click-color));
}
[theme]:not([theme=dark]) [theme=dark] .red-link-click-color_border-left,
[theme=dark] .red-link-click-color_border-left {
  border-left: 1px solid rgb(var(--dark--red-link-click-color));
}
[theme]:not([theme=dark]) [theme=dark] .red-link-click-color_border-right,
[theme=dark] .red-link-click-color_border-right {
  border-right: 1px solid rgb(var(--dark--red-link-click-color));
}
[theme]:not([theme=dark]) [theme=dark] .red-link-click-color_st,
[theme=dark] .red-link-click-color_st {
  stop-color: rgb(var(--dark--red-link-click-color));
}
[theme]:not([theme=dark]) [theme=dark] .red-link-click-color_fill *,
[theme=dark] .red-link-click-color_fill * {
  fill: rgb(var(--dark--red-link-click-color));
}
.dark--black-100 {
  color: rgb(var(--dark--black-100));
}
.dark--black-100_bg {
  background-color: rgb(var(--dark--black-100));
}
.dark--black-100_border {
  border: 1px solid rgb(var(--dark--black-100));
}
.dark--black-100_border-top {
  border-top: 1px solid rgb(var(--dark--black-100));
}
.dark--black-100_border-bottom {
  border-bottom: 1px solid rgb(var(--dark--black-100));
}
.dark--black-100_border-left {
  border-left: 1px solid rgb(var(--dark--black-100));
}
.dark--black-100_border-right {
  border-right: 1px solid rgb(var(--dark--black-100));
}
.dark--black-100_st {
  stop-color: rgb(var(--dark--black-100));
}
.dark--black-100_fill {
  fill: rgb(var(--dark--black-100));
}
[theme]:not([theme=dark]) [theme=dark] .black-100,
[theme=dark] .black-100 {
  color: rgb(var(--dark--black-100));
}
[theme]:not([theme=dark]) [theme=dark] .black-100_bg,
[theme=dark] .black-100_bg {
  background-color: rgb(var(--dark--black-100));
}
[theme]:not([theme=dark]) [theme=dark] .black-100_border,
[theme=dark] .black-100_border {
  border: 1px solid rgb(var(--dark--black-100));
}
[theme]:not([theme=dark]) [theme=dark] .black-100_border-top,
[theme=dark] .black-100_border-top {
  border-top: 1px solid rgb(var(--dark--black-100));
}
[theme]:not([theme=dark]) [theme=dark] .black-100_border-bottom,
[theme=dark] .black-100_border-bottom {
  border-bottom: 1px solid rgb(var(--dark--black-100));
}
[theme]:not([theme=dark]) [theme=dark] .black-100_border-left,
[theme=dark] .black-100_border-left {
  border-left: 1px solid rgb(var(--dark--black-100));
}
[theme]:not([theme=dark]) [theme=dark] .black-100_border-right,
[theme=dark] .black-100_border-right {
  border-right: 1px solid rgb(var(--dark--black-100));
}
[theme]:not([theme=dark]) [theme=dark] .black-100_st,
[theme=dark] .black-100_st {
  stop-color: rgb(var(--dark--black-100));
}
[theme]:not([theme=dark]) [theme=dark] .black-100_fill *,
[theme=dark] .black-100_fill * {
  fill: rgb(var(--dark--black-100));
}
.dark--white-100 {
  color: rgb(var(--dark--white-100));
}
.dark--white-100_bg {
  background-color: rgb(var(--dark--white-100));
}
.dark--white-100_border {
  border: 1px solid rgb(var(--dark--white-100));
}
.dark--white-100_border-top {
  border-top: 1px solid rgb(var(--dark--white-100));
}
.dark--white-100_border-bottom {
  border-bottom: 1px solid rgb(var(--dark--white-100));
}
.dark--white-100_border-left {
  border-left: 1px solid rgb(var(--dark--white-100));
}
.dark--white-100_border-right {
  border-right: 1px solid rgb(var(--dark--white-100));
}
.dark--white-100_st {
  stop-color: rgb(var(--dark--white-100));
}
.dark--white-100_fill {
  fill: rgb(var(--dark--white-100));
}
[theme]:not([theme=dark]) [theme=dark] .white-100,
[theme=dark] .white-100 {
  color: rgb(var(--dark--white-100));
}
[theme]:not([theme=dark]) [theme=dark] .white-100_bg,
[theme=dark] .white-100_bg {
  background-color: rgb(var(--dark--white-100));
}
[theme]:not([theme=dark]) [theme=dark] .white-100_border,
[theme=dark] .white-100_border {
  border: 1px solid rgb(var(--dark--white-100));
}
[theme]:not([theme=dark]) [theme=dark] .white-100_border-top,
[theme=dark] .white-100_border-top {
  border-top: 1px solid rgb(var(--dark--white-100));
}
[theme]:not([theme=dark]) [theme=dark] .white-100_border-bottom,
[theme=dark] .white-100_border-bottom {
  border-bottom: 1px solid rgb(var(--dark--white-100));
}
[theme]:not([theme=dark]) [theme=dark] .white-100_border-left,
[theme=dark] .white-100_border-left {
  border-left: 1px solid rgb(var(--dark--white-100));
}
[theme]:not([theme=dark]) [theme=dark] .white-100_border-right,
[theme=dark] .white-100_border-right {
  border-right: 1px solid rgb(var(--dark--white-100));
}
[theme]:not([theme=dark]) [theme=dark] .white-100_st,
[theme=dark] .white-100_st {
  stop-color: rgb(var(--dark--white-100));
}
[theme]:not([theme=dark]) [theme=dark] .white-100_fill *,
[theme=dark] .white-100_fill * {
  fill: rgb(var(--dark--white-100));
}
.dark--second-1 {
  color: rgb(var(--dark--second-1));
}
.dark--second-1_bg {
  background-color: rgb(var(--dark--second-1));
}
.dark--second-1_border {
  border: 1px solid rgb(var(--dark--second-1));
}
.dark--second-1_border-top {
  border-top: 1px solid rgb(var(--dark--second-1));
}
.dark--second-1_border-bottom {
  border-bottom: 1px solid rgb(var(--dark--second-1));
}
.dark--second-1_border-left {
  border-left: 1px solid rgb(var(--dark--second-1));
}
.dark--second-1_border-right {
  border-right: 1px solid rgb(var(--dark--second-1));
}
.dark--second-1_st {
  stop-color: rgb(var(--dark--second-1));
}
.dark--second-1_fill {
  fill: rgb(var(--dark--second-1));
}
[theme]:not([theme=dark]) [theme=dark] .second-1,
[theme=dark] .second-1 {
  color: rgb(var(--dark--second-1));
}
[theme]:not([theme=dark]) [theme=dark] .second-1_bg,
[theme=dark] .second-1_bg {
  background-color: rgb(var(--dark--second-1));
}
[theme]:not([theme=dark]) [theme=dark] .second-1_border,
[theme=dark] .second-1_border {
  border: 1px solid rgb(var(--dark--second-1));
}
[theme]:not([theme=dark]) [theme=dark] .second-1_border-top,
[theme=dark] .second-1_border-top {
  border-top: 1px solid rgb(var(--dark--second-1));
}
[theme]:not([theme=dark]) [theme=dark] .second-1_border-bottom,
[theme=dark] .second-1_border-bottom {
  border-bottom: 1px solid rgb(var(--dark--second-1));
}
[theme]:not([theme=dark]) [theme=dark] .second-1_border-left,
[theme=dark] .second-1_border-left {
  border-left: 1px solid rgb(var(--dark--second-1));
}
[theme]:not([theme=dark]) [theme=dark] .second-1_border-right,
[theme=dark] .second-1_border-right {
  border-right: 1px solid rgb(var(--dark--second-1));
}
[theme]:not([theme=dark]) [theme=dark] .second-1_st,
[theme=dark] .second-1_st {
  stop-color: rgb(var(--dark--second-1));
}
[theme]:not([theme=dark]) [theme=dark] .second-1_fill *,
[theme=dark] .second-1_fill * {
  fill: rgb(var(--dark--second-1));
}
.dark--optional-color {
  color: rgb(var(--dark--optional-color));
}
.dark--optional-color_bg {
  background-color: rgb(var(--dark--optional-color));
}
.dark--optional-color_border {
  border: 1px solid rgb(var(--dark--optional-color));
}
.dark--optional-color_border-top {
  border-top: 1px solid rgb(var(--dark--optional-color));
}
.dark--optional-color_border-bottom {
  border-bottom: 1px solid rgb(var(--dark--optional-color));
}
.dark--optional-color_border-left {
  border-left: 1px solid rgb(var(--dark--optional-color));
}
.dark--optional-color_border-right {
  border-right: 1px solid rgb(var(--dark--optional-color));
}
.dark--optional-color_st {
  stop-color: rgb(var(--dark--optional-color));
}
.dark--optional-color_fill {
  fill: rgb(var(--dark--optional-color));
}
[theme]:not([theme=dark]) [theme=dark] .optional-color,
[theme=dark] .optional-color {
  color: rgb(var(--dark--optional-color));
}
[theme]:not([theme=dark]) [theme=dark] .optional-color_bg,
[theme=dark] .optional-color_bg {
  background-color: rgb(var(--dark--optional-color));
}
[theme]:not([theme=dark]) [theme=dark] .optional-color_border,
[theme=dark] .optional-color_border {
  border: 1px solid rgb(var(--dark--optional-color));
}
[theme]:not([theme=dark]) [theme=dark] .optional-color_border-top,
[theme=dark] .optional-color_border-top {
  border-top: 1px solid rgb(var(--dark--optional-color));
}
[theme]:not([theme=dark]) [theme=dark] .optional-color_border-bottom,
[theme=dark] .optional-color_border-bottom {
  border-bottom: 1px solid rgb(var(--dark--optional-color));
}
[theme]:not([theme=dark]) [theme=dark] .optional-color_border-left,
[theme=dark] .optional-color_border-left {
  border-left: 1px solid rgb(var(--dark--optional-color));
}
[theme]:not([theme=dark]) [theme=dark] .optional-color_border-right,
[theme=dark] .optional-color_border-right {
  border-right: 1px solid rgb(var(--dark--optional-color));
}
[theme]:not([theme=dark]) [theme=dark] .optional-color_st,
[theme=dark] .optional-color_st {
  stop-color: rgb(var(--dark--optional-color));
}
[theme]:not([theme=dark]) [theme=dark] .optional-color_fill *,
[theme=dark] .optional-color_fill * {
  fill: rgb(var(--dark--optional-color));
}
.dark--test-color {
  color: rgb(var(--dark--test-color));
}
.dark--test-color_bg {
  background-color: rgb(var(--dark--test-color));
}
.dark--test-color_border {
  border: 1px solid rgb(var(--dark--test-color));
}
.dark--test-color_border-top {
  border-top: 1px solid rgb(var(--dark--test-color));
}
.dark--test-color_border-bottom {
  border-bottom: 1px solid rgb(var(--dark--test-color));
}
.dark--test-color_border-left {
  border-left: 1px solid rgb(var(--dark--test-color));
}
.dark--test-color_border-right {
  border-right: 1px solid rgb(var(--dark--test-color));
}
.dark--test-color_st {
  stop-color: rgb(var(--dark--test-color));
}
.dark--test-color_fill {
  fill: rgb(var(--dark--test-color));
}
[theme]:not([theme=dark]) [theme=dark] .test-color,
[theme=dark] .test-color {
  color: rgb(var(--dark--test-color));
}
[theme]:not([theme=dark]) [theme=dark] .test-color_bg,
[theme=dark] .test-color_bg {
  background-color: rgb(var(--dark--test-color));
}
[theme]:not([theme=dark]) [theme=dark] .test-color_border,
[theme=dark] .test-color_border {
  border: 1px solid rgb(var(--dark--test-color));
}
[theme]:not([theme=dark]) [theme=dark] .test-color_border-top,
[theme=dark] .test-color_border-top {
  border-top: 1px solid rgb(var(--dark--test-color));
}
[theme]:not([theme=dark]) [theme=dark] .test-color_border-bottom,
[theme=dark] .test-color_border-bottom {
  border-bottom: 1px solid rgb(var(--dark--test-color));
}
[theme]:not([theme=dark]) [theme=dark] .test-color_border-left,
[theme=dark] .test-color_border-left {
  border-left: 1px solid rgb(var(--dark--test-color));
}
[theme]:not([theme=dark]) [theme=dark] .test-color_border-right,
[theme=dark] .test-color_border-right {
  border-right: 1px solid rgb(var(--dark--test-color));
}
[theme]:not([theme=dark]) [theme=dark] .test-color_st,
[theme=dark] .test-color_st {
  stop-color: rgb(var(--dark--test-color));
}
[theme]:not([theme=dark]) [theme=dark] .test-color_fill *,
[theme=dark] .test-color_fill * {
  fill: rgb(var(--dark--test-color));
}
.dark--font-main-color {
  color: rgb(var(--dark--font-main-color));
}
.dark--font-main-color_bg {
  background-color: rgb(var(--dark--font-main-color));
}
.dark--font-main-color_border {
  border: 1px solid rgb(var(--dark--font-main-color));
}
.dark--font-main-color_border-top {
  border-top: 1px solid rgb(var(--dark--font-main-color));
}
.dark--font-main-color_border-bottom {
  border-bottom: 1px solid rgb(var(--dark--font-main-color));
}
.dark--font-main-color_border-left {
  border-left: 1px solid rgb(var(--dark--font-main-color));
}
.dark--font-main-color_border-right {
  border-right: 1px solid rgb(var(--dark--font-main-color));
}
.dark--font-main-color_st {
  stop-color: rgb(var(--dark--font-main-color));
}
.dark--font-main-color_fill {
  fill: rgb(var(--dark--font-main-color));
}
[theme]:not([theme=dark]) [theme=dark] .font-main-color,
[theme=dark] .font-main-color {
  color: rgb(var(--dark--font-main-color));
}
[theme]:not([theme=dark]) [theme=dark] .font-main-color_bg,
[theme=dark] .font-main-color_bg {
  background-color: rgb(var(--dark--font-main-color));
}
[theme]:not([theme=dark]) [theme=dark] .font-main-color_border,
[theme=dark] .font-main-color_border {
  border: 1px solid rgb(var(--dark--font-main-color));
}
[theme]:not([theme=dark]) [theme=dark] .font-main-color_border-top,
[theme=dark] .font-main-color_border-top {
  border-top: 1px solid rgb(var(--dark--font-main-color));
}
[theme]:not([theme=dark]) [theme=dark] .font-main-color_border-bottom,
[theme=dark] .font-main-color_border-bottom {
  border-bottom: 1px solid rgb(var(--dark--font-main-color));
}
[theme]:not([theme=dark]) [theme=dark] .font-main-color_border-left,
[theme=dark] .font-main-color_border-left {
  border-left: 1px solid rgb(var(--dark--font-main-color));
}
[theme]:not([theme=dark]) [theme=dark] .font-main-color_border-right,
[theme=dark] .font-main-color_border-right {
  border-right: 1px solid rgb(var(--dark--font-main-color));
}
[theme]:not([theme=dark]) [theme=dark] .font-main-color_st,
[theme=dark] .font-main-color_st {
  stop-color: rgb(var(--dark--font-main-color));
}
[theme]:not([theme=dark]) [theme=dark] .font-main-color_fill *,
[theme=dark] .font-main-color_fill * {
  fill: rgb(var(--dark--font-main-color));
}
.dark--font-gray-1-color {
  color: rgb(var(--dark--font-gray-1-color));
}
.dark--font-gray-1-color_bg {
  background-color: rgb(var(--dark--font-gray-1-color));
}
.dark--font-gray-1-color_border {
  border: 1px solid rgb(var(--dark--font-gray-1-color));
}
.dark--font-gray-1-color_border-top {
  border-top: 1px solid rgb(var(--dark--font-gray-1-color));
}
.dark--font-gray-1-color_border-bottom {
  border-bottom: 1px solid rgb(var(--dark--font-gray-1-color));
}
.dark--font-gray-1-color_border-left {
  border-left: 1px solid rgb(var(--dark--font-gray-1-color));
}
.dark--font-gray-1-color_border-right {
  border-right: 1px solid rgb(var(--dark--font-gray-1-color));
}
.dark--font-gray-1-color_st {
  stop-color: rgb(var(--dark--font-gray-1-color));
}
.dark--font-gray-1-color_fill {
  fill: rgb(var(--dark--font-gray-1-color));
}
[theme]:not([theme=dark]) [theme=dark] .font-gray-1-color,
[theme=dark] .font-gray-1-color {
  color: rgb(var(--dark--font-gray-1-color));
}
[theme]:not([theme=dark]) [theme=dark] .font-gray-1-color_bg,
[theme=dark] .font-gray-1-color_bg {
  background-color: rgb(var(--dark--font-gray-1-color));
}
[theme]:not([theme=dark]) [theme=dark] .font-gray-1-color_border,
[theme=dark] .font-gray-1-color_border {
  border: 1px solid rgb(var(--dark--font-gray-1-color));
}
[theme]:not([theme=dark]) [theme=dark] .font-gray-1-color_border-top,
[theme=dark] .font-gray-1-color_border-top {
  border-top: 1px solid rgb(var(--dark--font-gray-1-color));
}
[theme]:not([theme=dark]) [theme=dark] .font-gray-1-color_border-bottom,
[theme=dark] .font-gray-1-color_border-bottom {
  border-bottom: 1px solid rgb(var(--dark--font-gray-1-color));
}
[theme]:not([theme=dark]) [theme=dark] .font-gray-1-color_border-left,
[theme=dark] .font-gray-1-color_border-left {
  border-left: 1px solid rgb(var(--dark--font-gray-1-color));
}
[theme]:not([theme=dark]) [theme=dark] .font-gray-1-color_border-right,
[theme=dark] .font-gray-1-color_border-right {
  border-right: 1px solid rgb(var(--dark--font-gray-1-color));
}
[theme]:not([theme=dark]) [theme=dark] .font-gray-1-color_st,
[theme=dark] .font-gray-1-color_st {
  stop-color: rgb(var(--dark--font-gray-1-color));
}
[theme]:not([theme=dark]) [theme=dark] .font-gray-1-color_fill *,
[theme=dark] .font-gray-1-color_fill * {
  fill: rgb(var(--dark--font-gray-1-color));
}
.dark--font-brand-color {
  color: rgb(var(--dark--font-brand-color));
}
.dark--font-brand-color_bg {
  background-color: rgb(var(--dark--font-brand-color));
}
.dark--font-brand-color_border {
  border: 1px solid rgb(var(--dark--font-brand-color));
}
.dark--font-brand-color_border-top {
  border-top: 1px solid rgb(var(--dark--font-brand-color));
}
.dark--font-brand-color_border-bottom {
  border-bottom: 1px solid rgb(var(--dark--font-brand-color));
}
.dark--font-brand-color_border-left {
  border-left: 1px solid rgb(var(--dark--font-brand-color));
}
.dark--font-brand-color_border-right {
  border-right: 1px solid rgb(var(--dark--font-brand-color));
}
.dark--font-brand-color_st {
  stop-color: rgb(var(--dark--font-brand-color));
}
.dark--font-brand-color_fill {
  fill: rgb(var(--dark--font-brand-color));
}
[theme]:not([theme=dark]) [theme=dark] .font-brand-color,
[theme=dark] .font-brand-color {
  color: rgb(var(--dark--font-brand-color));
}
[theme]:not([theme=dark]) [theme=dark] .font-brand-color_bg,
[theme=dark] .font-brand-color_bg {
  background-color: rgb(var(--dark--font-brand-color));
}
[theme]:not([theme=dark]) [theme=dark] .font-brand-color_border,
[theme=dark] .font-brand-color_border {
  border: 1px solid rgb(var(--dark--font-brand-color));
}
[theme]:not([theme=dark]) [theme=dark] .font-brand-color_border-top,
[theme=dark] .font-brand-color_border-top {
  border-top: 1px solid rgb(var(--dark--font-brand-color));
}
[theme]:not([theme=dark]) [theme=dark] .font-brand-color_border-bottom,
[theme=dark] .font-brand-color_border-bottom {
  border-bottom: 1px solid rgb(var(--dark--font-brand-color));
}
[theme]:not([theme=dark]) [theme=dark] .font-brand-color_border-left,
[theme=dark] .font-brand-color_border-left {
  border-left: 1px solid rgb(var(--dark--font-brand-color));
}
[theme]:not([theme=dark]) [theme=dark] .font-brand-color_border-right,
[theme=dark] .font-brand-color_border-right {
  border-right: 1px solid rgb(var(--dark--font-brand-color));
}
[theme]:not([theme=dark]) [theme=dark] .font-brand-color_st,
[theme=dark] .font-brand-color_st {
  stop-color: rgb(var(--dark--font-brand-color));
}
[theme]:not([theme=dark]) [theme=dark] .font-brand-color_fill *,
[theme=dark] .font-brand-color_fill * {
  fill: rgb(var(--dark--font-brand-color));
}
.dark--font-link-color {
  color: rgb(var(--dark--font-link-color));
}
.dark--font-link-color_bg {
  background-color: rgb(var(--dark--font-link-color));
}
.dark--font-link-color_border {
  border: 1px solid rgb(var(--dark--font-link-color));
}
.dark--font-link-color_border-top {
  border-top: 1px solid rgb(var(--dark--font-link-color));
}
.dark--font-link-color_border-bottom {
  border-bottom: 1px solid rgb(var(--dark--font-link-color));
}
.dark--font-link-color_border-left {
  border-left: 1px solid rgb(var(--dark--font-link-color));
}
.dark--font-link-color_border-right {
  border-right: 1px solid rgb(var(--dark--font-link-color));
}
.dark--font-link-color_st {
  stop-color: rgb(var(--dark--font-link-color));
}
.dark--font-link-color_fill {
  fill: rgb(var(--dark--font-link-color));
}
[theme]:not([theme=dark]) [theme=dark] .font-link-color,
[theme=dark] .font-link-color {
  color: rgb(var(--dark--font-link-color));
}
[theme]:not([theme=dark]) [theme=dark] .font-link-color_bg,
[theme=dark] .font-link-color_bg {
  background-color: rgb(var(--dark--font-link-color));
}
[theme]:not([theme=dark]) [theme=dark] .font-link-color_border,
[theme=dark] .font-link-color_border {
  border: 1px solid rgb(var(--dark--font-link-color));
}
[theme]:not([theme=dark]) [theme=dark] .font-link-color_border-top,
[theme=dark] .font-link-color_border-top {
  border-top: 1px solid rgb(var(--dark--font-link-color));
}
[theme]:not([theme=dark]) [theme=dark] .font-link-color_border-bottom,
[theme=dark] .font-link-color_border-bottom {
  border-bottom: 1px solid rgb(var(--dark--font-link-color));
}
[theme]:not([theme=dark]) [theme=dark] .font-link-color_border-left,
[theme=dark] .font-link-color_border-left {
  border-left: 1px solid rgb(var(--dark--font-link-color));
}
[theme]:not([theme=dark]) [theme=dark] .font-link-color_border-right,
[theme=dark] .font-link-color_border-right {
  border-right: 1px solid rgb(var(--dark--font-link-color));
}
[theme]:not([theme=dark]) [theme=dark] .font-link-color_st,
[theme=dark] .font-link-color_st {
  stop-color: rgb(var(--dark--font-link-color));
}
[theme]:not([theme=dark]) [theme=dark] .font-link-color_fill *,
[theme=dark] .font-link-color_fill * {
  fill: rgb(var(--dark--font-link-color));
}
.dark--font-success-color {
  color: rgb(var(--dark--font-success-color));
}
.dark--font-success-color_bg {
  background-color: rgb(var(--dark--font-success-color));
}
.dark--font-success-color_border {
  border: 1px solid rgb(var(--dark--font-success-color));
}
.dark--font-success-color_border-top {
  border-top: 1px solid rgb(var(--dark--font-success-color));
}
.dark--font-success-color_border-bottom {
  border-bottom: 1px solid rgb(var(--dark--font-success-color));
}
.dark--font-success-color_border-left {
  border-left: 1px solid rgb(var(--dark--font-success-color));
}
.dark--font-success-color_border-right {
  border-right: 1px solid rgb(var(--dark--font-success-color));
}
.dark--font-success-color_st {
  stop-color: rgb(var(--dark--font-success-color));
}
.dark--font-success-color_fill {
  fill: rgb(var(--dark--font-success-color));
}
[theme]:not([theme=dark]) [theme=dark] .font-success-color,
[theme=dark] .font-success-color {
  color: rgb(var(--dark--font-success-color));
}
[theme]:not([theme=dark]) [theme=dark] .font-success-color_bg,
[theme=dark] .font-success-color_bg {
  background-color: rgb(var(--dark--font-success-color));
}
[theme]:not([theme=dark]) [theme=dark] .font-success-color_border,
[theme=dark] .font-success-color_border {
  border: 1px solid rgb(var(--dark--font-success-color));
}
[theme]:not([theme=dark]) [theme=dark] .font-success-color_border-top,
[theme=dark] .font-success-color_border-top {
  border-top: 1px solid rgb(var(--dark--font-success-color));
}
[theme]:not([theme=dark]) [theme=dark] .font-success-color_border-bottom,
[theme=dark] .font-success-color_border-bottom {
  border-bottom: 1px solid rgb(var(--dark--font-success-color));
}
[theme]:not([theme=dark]) [theme=dark] .font-success-color_border-left,
[theme=dark] .font-success-color_border-left {
  border-left: 1px solid rgb(var(--dark--font-success-color));
}
[theme]:not([theme=dark]) [theme=dark] .font-success-color_border-right,
[theme=dark] .font-success-color_border-right {
  border-right: 1px solid rgb(var(--dark--font-success-color));
}
[theme]:not([theme=dark]) [theme=dark] .font-success-color_st,
[theme=dark] .font-success-color_st {
  stop-color: rgb(var(--dark--font-success-color));
}
[theme]:not([theme=dark]) [theme=dark] .font-success-color_fill *,
[theme=dark] .font-success-color_fill * {
  fill: rgb(var(--dark--font-success-color));
}
.dark--font-warning-color {
  color: rgb(var(--dark--font-warning-color));
}
.dark--font-warning-color_bg {
  background-color: rgb(var(--dark--font-warning-color));
}
.dark--font-warning-color_border {
  border: 1px solid rgb(var(--dark--font-warning-color));
}
.dark--font-warning-color_border-top {
  border-top: 1px solid rgb(var(--dark--font-warning-color));
}
.dark--font-warning-color_border-bottom {
  border-bottom: 1px solid rgb(var(--dark--font-warning-color));
}
.dark--font-warning-color_border-left {
  border-left: 1px solid rgb(var(--dark--font-warning-color));
}
.dark--font-warning-color_border-right {
  border-right: 1px solid rgb(var(--dark--font-warning-color));
}
.dark--font-warning-color_st {
  stop-color: rgb(var(--dark--font-warning-color));
}
.dark--font-warning-color_fill {
  fill: rgb(var(--dark--font-warning-color));
}
[theme]:not([theme=dark]) [theme=dark] .font-warning-color,
[theme=dark] .font-warning-color {
  color: rgb(var(--dark--font-warning-color));
}
[theme]:not([theme=dark]) [theme=dark] .font-warning-color_bg,
[theme=dark] .font-warning-color_bg {
  background-color: rgb(var(--dark--font-warning-color));
}
[theme]:not([theme=dark]) [theme=dark] .font-warning-color_border,
[theme=dark] .font-warning-color_border {
  border: 1px solid rgb(var(--dark--font-warning-color));
}
[theme]:not([theme=dark]) [theme=dark] .font-warning-color_border-top,
[theme=dark] .font-warning-color_border-top {
  border-top: 1px solid rgb(var(--dark--font-warning-color));
}
[theme]:not([theme=dark]) [theme=dark] .font-warning-color_border-bottom,
[theme=dark] .font-warning-color_border-bottom {
  border-bottom: 1px solid rgb(var(--dark--font-warning-color));
}
[theme]:not([theme=dark]) [theme=dark] .font-warning-color_border-left,
[theme=dark] .font-warning-color_border-left {
  border-left: 1px solid rgb(var(--dark--font-warning-color));
}
[theme]:not([theme=dark]) [theme=dark] .font-warning-color_border-right,
[theme=dark] .font-warning-color_border-right {
  border-right: 1px solid rgb(var(--dark--font-warning-color));
}
[theme]:not([theme=dark]) [theme=dark] .font-warning-color_st,
[theme=dark] .font-warning-color_st {
  stop-color: rgb(var(--dark--font-warning-color));
}
[theme]:not([theme=dark]) [theme=dark] .font-warning-color_fill *,
[theme=dark] .font-warning-color_fill * {
  fill: rgb(var(--dark--font-warning-color));
}
.dark--font-error-color {
  color: rgb(var(--dark--font-error-color));
}
.dark--font-error-color_bg {
  background-color: rgb(var(--dark--font-error-color));
}
.dark--font-error-color_border {
  border: 1px solid rgb(var(--dark--font-error-color));
}
.dark--font-error-color_border-top {
  border-top: 1px solid rgb(var(--dark--font-error-color));
}
.dark--font-error-color_border-bottom {
  border-bottom: 1px solid rgb(var(--dark--font-error-color));
}
.dark--font-error-color_border-left {
  border-left: 1px solid rgb(var(--dark--font-error-color));
}
.dark--font-error-color_border-right {
  border-right: 1px solid rgb(var(--dark--font-error-color));
}
.dark--font-error-color_st {
  stop-color: rgb(var(--dark--font-error-color));
}
.dark--font-error-color_fill {
  fill: rgb(var(--dark--font-error-color));
}
[theme]:not([theme=dark]) [theme=dark] .font-error-color,
[theme=dark] .font-error-color {
  color: rgb(var(--dark--font-error-color));
}
[theme]:not([theme=dark]) [theme=dark] .font-error-color_bg,
[theme=dark] .font-error-color_bg {
  background-color: rgb(var(--dark--font-error-color));
}
[theme]:not([theme=dark]) [theme=dark] .font-error-color_border,
[theme=dark] .font-error-color_border {
  border: 1px solid rgb(var(--dark--font-error-color));
}
[theme]:not([theme=dark]) [theme=dark] .font-error-color_border-top,
[theme=dark] .font-error-color_border-top {
  border-top: 1px solid rgb(var(--dark--font-error-color));
}
[theme]:not([theme=dark]) [theme=dark] .font-error-color_border-bottom,
[theme=dark] .font-error-color_border-bottom {
  border-bottom: 1px solid rgb(var(--dark--font-error-color));
}
[theme]:not([theme=dark]) [theme=dark] .font-error-color_border-left,
[theme=dark] .font-error-color_border-left {
  border-left: 1px solid rgb(var(--dark--font-error-color));
}
[theme]:not([theme=dark]) [theme=dark] .font-error-color_border-right,
[theme=dark] .font-error-color_border-right {
  border-right: 1px solid rgb(var(--dark--font-error-color));
}
[theme]:not([theme=dark]) [theme=dark] .font-error-color_st,
[theme=dark] .font-error-color_st {
  stop-color: rgb(var(--dark--font-error-color));
}
[theme]:not([theme=dark]) [theme=dark] .font-error-color_fill *,
[theme=dark] .font-error-color_fill * {
  fill: rgb(var(--dark--font-error-color));
}
.dark--font-gray-2-color {
  color: rgb(var(--dark--font-gray-2-color));
}
.dark--font-gray-2-color_bg {
  background-color: rgb(var(--dark--font-gray-2-color));
}
.dark--font-gray-2-color_border {
  border: 1px solid rgb(var(--dark--font-gray-2-color));
}
.dark--font-gray-2-color_border-top {
  border-top: 1px solid rgb(var(--dark--font-gray-2-color));
}
.dark--font-gray-2-color_border-bottom {
  border-bottom: 1px solid rgb(var(--dark--font-gray-2-color));
}
.dark--font-gray-2-color_border-left {
  border-left: 1px solid rgb(var(--dark--font-gray-2-color));
}
.dark--font-gray-2-color_border-right {
  border-right: 1px solid rgb(var(--dark--font-gray-2-color));
}
.dark--font-gray-2-color_st {
  stop-color: rgb(var(--dark--font-gray-2-color));
}
.dark--font-gray-2-color_fill {
  fill: rgb(var(--dark--font-gray-2-color));
}
[theme]:not([theme=dark]) [theme=dark] .font-gray-2-color,
[theme=dark] .font-gray-2-color {
  color: rgb(var(--dark--font-gray-2-color));
}
[theme]:not([theme=dark]) [theme=dark] .font-gray-2-color_bg,
[theme=dark] .font-gray-2-color_bg {
  background-color: rgb(var(--dark--font-gray-2-color));
}
[theme]:not([theme=dark]) [theme=dark] .font-gray-2-color_border,
[theme=dark] .font-gray-2-color_border {
  border: 1px solid rgb(var(--dark--font-gray-2-color));
}
[theme]:not([theme=dark]) [theme=dark] .font-gray-2-color_border-top,
[theme=dark] .font-gray-2-color_border-top {
  border-top: 1px solid rgb(var(--dark--font-gray-2-color));
}
[theme]:not([theme=dark]) [theme=dark] .font-gray-2-color_border-bottom,
[theme=dark] .font-gray-2-color_border-bottom {
  border-bottom: 1px solid rgb(var(--dark--font-gray-2-color));
}
[theme]:not([theme=dark]) [theme=dark] .font-gray-2-color_border-left,
[theme=dark] .font-gray-2-color_border-left {
  border-left: 1px solid rgb(var(--dark--font-gray-2-color));
}
[theme]:not([theme=dark]) [theme=dark] .font-gray-2-color_border-right,
[theme=dark] .font-gray-2-color_border-right {
  border-right: 1px solid rgb(var(--dark--font-gray-2-color));
}
[theme]:not([theme=dark]) [theme=dark] .font-gray-2-color_st,
[theme=dark] .font-gray-2-color_st {
  stop-color: rgb(var(--dark--font-gray-2-color));
}
[theme]:not([theme=dark]) [theme=dark] .font-gray-2-color_fill *,
[theme=dark] .font-gray-2-color_fill * {
  fill: rgb(var(--dark--font-gray-2-color));
}
.dark--font-disabled-color {
  color: rgb(var(--dark--font-disabled-color));
}
.dark--font-disabled-color_bg {
  background-color: rgb(var(--dark--font-disabled-color));
}
.dark--font-disabled-color_border {
  border: 1px solid rgb(var(--dark--font-disabled-color));
}
.dark--font-disabled-color_border-top {
  border-top: 1px solid rgb(var(--dark--font-disabled-color));
}
.dark--font-disabled-color_border-bottom {
  border-bottom: 1px solid rgb(var(--dark--font-disabled-color));
}
.dark--font-disabled-color_border-left {
  border-left: 1px solid rgb(var(--dark--font-disabled-color));
}
.dark--font-disabled-color_border-right {
  border-right: 1px solid rgb(var(--dark--font-disabled-color));
}
.dark--font-disabled-color_st {
  stop-color: rgb(var(--dark--font-disabled-color));
}
.dark--font-disabled-color_fill {
  fill: rgb(var(--dark--font-disabled-color));
}
[theme]:not([theme=dark]) [theme=dark] .font-disabled-color,
[theme=dark] .font-disabled-color {
  color: rgb(var(--dark--font-disabled-color));
}
[theme]:not([theme=dark]) [theme=dark] .font-disabled-color_bg,
[theme=dark] .font-disabled-color_bg {
  background-color: rgb(var(--dark--font-disabled-color));
}
[theme]:not([theme=dark]) [theme=dark] .font-disabled-color_border,
[theme=dark] .font-disabled-color_border {
  border: 1px solid rgb(var(--dark--font-disabled-color));
}
[theme]:not([theme=dark]) [theme=dark] .font-disabled-color_border-top,
[theme=dark] .font-disabled-color_border-top {
  border-top: 1px solid rgb(var(--dark--font-disabled-color));
}
[theme]:not([theme=dark]) [theme=dark] .font-disabled-color_border-bottom,
[theme=dark] .font-disabled-color_border-bottom {
  border-bottom: 1px solid rgb(var(--dark--font-disabled-color));
}
[theme]:not([theme=dark]) [theme=dark] .font-disabled-color_border-left,
[theme=dark] .font-disabled-color_border-left {
  border-left: 1px solid rgb(var(--dark--font-disabled-color));
}
[theme]:not([theme=dark]) [theme=dark] .font-disabled-color_border-right,
[theme=dark] .font-disabled-color_border-right {
  border-right: 1px solid rgb(var(--dark--font-disabled-color));
}
[theme]:not([theme=dark]) [theme=dark] .font-disabled-color_st,
[theme=dark] .font-disabled-color_st {
  stop-color: rgb(var(--dark--font-disabled-color));
}
[theme]:not([theme=dark]) [theme=dark] .font-disabled-color_fill *,
[theme=dark] .font-disabled-color_fill * {
  fill: rgb(var(--dark--font-disabled-color));
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300;
  src:
    local("Open Sans Light"),
    local("OpenSans-Light"),
    url("./media/open-sans-v18-latin_cyrillic-ext_cyrillic-300.woff2") format("woff2");
}
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 300;
  src:
    local("Open Sans Light Italic"),
    local("OpenSans-LightItalic"),
    url("./media/open-sans-v18-latin_cyrillic-ext_cyrillic-300italic.woff2") format("woff2");
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src:
    local("Open Sans Regular"),
    local("OpenSans-Regular"),
    url("./media/open-sans-v18-latin_cyrillic-ext_cyrillic-regular.woff2") format("woff2");
}
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 400;
  src:
    local("Open Sans Italic"),
    local("OpenSans-Italic"),
    url("./media/open-sans-v18-latin_cyrillic-ext_cyrillic-italic.woff2") format("woff2");
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  src:
    local("Open Sans SemiBold"),
    local("OpenSans-SemiBold"),
    url("./media/open-sans-v18-latin_cyrillic-ext_cyrillic-600.woff2") format("woff2");
}
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 600;
  src:
    local("Open Sans SemiBold Italic"),
    local("OpenSans-SemiBoldItalic"),
    url("./media/open-sans-v18-latin_cyrillic-ext_cyrillic-600italic.woff2") format("woff2");
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  src:
    local("Open Sans Bold"),
    local("OpenSans-Bold"),
    url("./media/open-sans-v18-latin_cyrillic-ext_cyrillic-700.woff2") format("woff2");
}
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 700;
  src:
    local("Open Sans Bold Italic"),
    local("OpenSans-BoldItalic"),
    url("./media/open-sans-v18-latin_cyrillic-ext_cyrillic-700italic.woff2") format("woff2");
}
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 800;
  src:
    local("Open Sans ExtraBold Italic"),
    local("OpenSans-ExtraBoldItalic"),
    url("./media/open-sans-v18-latin_cyrillic-ext_cyrillic-800italic.woff2") format("woff2");
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 800;
  src:
    local("Open Sans ExtraBold"),
    local("OpenSans-ExtraBold"),
    url("./media/open-sans-v18-latin_cyrillic-ext_cyrillic-800.woff2") format("woff2");
}
:root {
  --100vh: 100vh;
  --100vw: 100vw;
}
:root {
  --100vh: 100vh;
  --100vw: 100vw;
}
.fill-page {
  width: var(--100vw);
  max-width: var(--100vw);
  height: var(--100vh);
  max-height: var(--100vh);
}
.layout-fill-page {
  display: flex;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: 100%;
  min-height: 100%;
  max-height: 100%;
}
@media (min-width: 720px) {
  .layout-fill-page {
    width: var(--100vw);
    max-width: var(--100vw);
    min-width: 0;
  }
}
@media (min-height: 600px) {
  .layout-fill-page {
    height: var(--100vh);
    max-height: var(--100vh);
    min-height: 0;
  }
}
.layout {
  display: flex;
  min-width: 0;
  min-height: 0;
}
.layout-column,
.layout-column-reverse {
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
}
.layout-column-reverse {
  flex-direction: column-reverse;
}
.layout-row,
.layout-row-reverse {
  display: flex;
  flex-direction: row;
  min-width: 0;
  min-height: 0;
}
.layout-row-reverse {
  flex-direction: row-reverse;
}
.layout-fill {
  margin: 0;
  width: 100%;
  min-height: 100%;
  height: 100%;
}
.layout-fill_vertical {
  height: 100%;
  min-height: 100%;
}
.layout-fill_y {
  height: 100%;
  min-height: 100%;
}
.layout-fill_horisontal {
  width: 100%;
  min-width: 100%;
}
.layout-fill_x {
  width: 100%;
  min-width: 100%;
}
.layout-padding_no {
  padding: 0 !important;
}
.layout-padding_no-top {
  padding-top: 0 !important;
}
.layout-padding_no-right {
  padding-right: 0 !important;
}
.layout-padding_no-bottom {
  padding-bottom: 0 !important;
}
.layout-padding_no-left {
  padding-left: 0 !important;
}
.layout-padding_2 {
  padding: 2px;
}
.layout-top-padding_2 {
  padding-top: 2px;
}
.layout-right-padding_2 {
  padding-right: 2px;
}
.layout-bottom-padding_2 {
  padding-bottom: 2px;
}
.layout-left-padding_2 {
  padding-left: 2px;
}
.layout-padding {
  padding: 4px;
}
.layout-top-padding {
  padding-top: 4px !important;
}
.layout-right-padding {
  padding-right: 4px !important;
}
.layout-bottom-padding {
  padding-bottom: 4px !important;
}
.layout-left-padding {
  padding-left: 4px !important;
}
.layout-padding_8 {
  padding: 8px;
}
.layout-top-padding_8 {
  padding-top: 8px !important;
}
.layout-right-padding_8 {
  padding-right: 8px !important;
}
.layout-bottom-padding_8 {
  padding-bottom: 8px !important;
}
.layout-left-padding_8 {
  padding-left: 8px !important;
}
.layout-padding_16 {
  padding: 16px;
}
.layout-top-padding_16 {
  padding-top: 16px !important;
}
.layout-right-padding_16 {
  padding-right: 16px !important;
}
.layout-bottom-padding_16 {
  padding-bottom: 16px !important;
}
.layout-left-padding_16 {
  padding-left: 16px !important;
}
.layout-padding_24 {
  padding: 24px;
}
.layout-top-padding_24 {
  padding-top: 24px !important;
}
.layout-right-padding_24 {
  padding-right: 24px !important;
}
.layout-bottom-padding_24 {
  padding-bottom: 24px !important;
}
.layout-left-padding_24 {
  padding-left: 24px !important;
}
.layout-padding_20 {
  padding: 20px;
}
.layout-top-padding_20 {
  padding-top: 20px !important;
}
.layout-right-padding_20 {
  padding-right: 20px !important;
}
.layout-bottom-padding_20 {
  padding-bottom: 20px !important;
}
.layout-left-padding_20 {
  padding-left: 20px !important;
}
.layout-padding_32 {
  padding: 32px;
}
.layout-top-padding_32 {
  padding-top: 32px !important;
}
.layout-right-padding_32 {
  padding-right: 32px !important;
}
.layout-bottom-padding_32 {
  padding-bottom: 32px !important;
}
.layout-left-padding_32 {
  padding-left: 32px !important;
}
.layout-padding_40 {
  padding: 40px;
}
.layout-top-padding_40 {
  padding-top: 40px !important;
}
.layout-right-padding_40 {
  padding-right: 40px !important;
}
.layout-bottom-padding_40 {
  padding-bottom: 40px !important;
}
.layout-left-padding_40 {
  padding-left: 40px !important;
}
.layout-padding_48 {
  padding: 48px;
}
.layout-top-padding_48 {
  padding-top: 48px !important;
}
.layout-right-padding_48 {
  padding-right: 48px !important;
}
.layout-bottom-padding_48 {
  padding-bottom: 48px !important;
}
.layout-left-padding_48 {
  padding-left: 48px !important;
}
.layout-margin_no {
  margin: 0 !important;
}
.layout-margin_no-top {
  margin-top: 0 !important;
}
.layout-margin_no-right {
  margin-right: 0 !important;
}
.layout-margin_no-bottom {
  margin-bottom: 0 !important;
}
.layout-margin_no-left {
  margin-left: 0 !important;
}
.layout-margin {
  margin: 4px;
}
.layout-top-margin {
  margin-top: 4px !important;
}
.layout-right-margin {
  margin-right: 4px !important;
}
.layout-bottom-margin {
  margin-bottom: 4px !important;
}
.layout-left-margin {
  margin-left: 4px !important;
}
.layout-margin_2 {
  margin: 2px;
}
.layout-top-margin_2 {
  margin-top: 2px !important;
}
.layout-right-margin_2 {
  margin-right: 2px !important;
}
.layout-bottom-margin_2 {
  margin-bottom: 2px !important;
}
.layout-left-margin_2 {
  margin-left: 2px !important;
}
.layout-margin_8 {
  margin: 8px;
}
.layout-top-margin_8 {
  margin-top: 8px !important;
}
.layout-right-margin_8 {
  margin-right: 8px !important;
}
.layout-bottom-margin_8 {
  margin-bottom: 8px !important;
}
.layout-left-margin_8 {
  margin-left: 8px !important;
}
.layout-margin_12 {
  margin: 12px;
}
.layout-top-margin_12 {
  margin-top: 12px !important;
}
.layout-right-margin_12 {
  margin-right: 12px !important;
}
.layout-bottom-margin_12 {
  margin-bottom: 12px !important;
}
.layout-left-margin_12 {
  margin-left: 12px !important;
}
.layout-margin_10 {
  margin: 10px;
}
.layout-top-margin_10 {
  margin-top: 10px !important;
}
.layout-right-margin_10 {
  margin-right: 10px !important;
}
.layout-bottom-margin_10 {
  margin-bottom: 10px !important;
}
.layout-left-margin_10 {
  margin-left: 10px !important;
}
.layout-margin_16 {
  margin: 16px;
}
.layout-top-margin_16 {
  margin-top: 16px !important;
}
.layout-right-margin_16 {
  margin-right: 16px !important;
}
.layout-bottom-margin_16 {
  margin-bottom: 16px !important;
}
.layout-left-margin_16 {
  margin-left: 16px !important;
}
.layout-margin_20 {
  margin: 20px;
}
.layout-top-margin_20 {
  margin-top: 20px !important;
}
.layout-right-margin_20 {
  margin-right: 20px !important;
}
.layout-bottom-margin_20 {
  margin-bottom: 20px !important;
}
.layout-left-margin_20 {
  margin-left: 20px !important;
}
.layout-margin_24 {
  margin: 24px;
}
.layout-top-margin_24 {
  margin-top: 24px !important;
}
.layout-right-margin_24 {
  margin-right: 24px !important;
}
.layout-bottom-margin_24 {
  margin-bottom: 24px !important;
}
.layout-left-margin_24 {
  margin-left: 24px !important;
}
.layout-margin_32 {
  margin: 32px;
}
.layout-top-margin_32 {
  margin-top: 32px !important;
}
.layout-right-margin_32 {
  margin-right: 32px !important;
}
.layout-bottom-margin_32 {
  margin-bottom: 32px !important;
}
.layout-left-margin_32 {
  margin-left: 32px !important;
}
.layout-margin_40 {
  margin: 40px;
}
.layout-top-margin_40 {
  margin-top: 40px !important;
}
.layout-right-margin_40 {
  margin-right: 40px !important;
}
.layout-bottom-margin_40 {
  margin-bottom: 40px !important;
}
.layout-left-margin_40 {
  margin-left: 40px !important;
}
.layout-margin_48 {
  margin: 48px;
}
.layout-top-margin_48 {
  margin-top: 48px !important;
}
.layout-right-margin_48 {
  margin-right: 48px !important;
}
.layout-bottom-margin_48 {
  margin-bottom: 48px !important;
}
.layout-left-margin_48 {
  margin-left: 48px !important;
}
.layout-wrap {
  flex-wrap: wrap;
}
.layout-nowrap {
  flex-wrap: nowrap;
}
.block {
  display: block;
}
.flex {
  flex: 1 1 auto;
}
.flex-1 {
  flex: 1;
}
.flex-grow {
  flex: 1 1 100%;
}
.flex-initial {
  flex: 0 1 auto;
}
.flex-auto {
  flex: 1 1 auto;
}
.flex-none {
  flex: 0 0 auto;
}
.flex-noshrink {
  flex: 1 0 auto;
}
.flex-nogrow {
  flex: 0 1 auto;
}
.flex-0 {
  flex: 1 1 0%;
  max-width: 0%;
  max-height: 100%;
}
.layout-row > .flex-0 {
  flex: 1 1 0%;
  max-width: 0%;
  max-height: 100%;
  min-width: 0;
}
.layout-column > .flex-0 {
  flex: 1 1 0%;
  max-width: 100%;
  max-height: 0%;
  min-height: 0;
}
.flex-5 {
  flex: 1 1 5%;
  max-width: 5%;
  max-height: 100%;
}
.layout-row > .flex-5 {
  flex: 1 1 5%;
  max-width: 5%;
  max-height: 100%;
}
.layout-column > .flex-5 {
  flex: 1 1 5%;
  max-width: 100%;
  max-height: 5%;
}
.flex-10 {
  flex: 1 1 10%;
  max-width: 10%;
  max-height: 100%;
}
.layout-row > .flex-10 {
  flex: 1 1 10%;
  max-width: 10%;
  max-height: 100%;
}
.layout-column > .flex-10 {
  flex: 1 1 10%;
  max-width: 100%;
  max-height: 10%;
}
.flex-15 {
  flex: 1 1 15%;
  max-width: 15%;
  max-height: 100%;
}
.layout-row > .flex-15 {
  flex: 1 1 15%;
  max-width: 15%;
  max-height: 100%;
}
.layout-column > .flex-15 {
  flex: 1 1 15%;
  max-width: 100%;
  max-height: 15%;
}
.flex-20 {
  flex: 1 1 20%;
  max-width: 20%;
  max-height: 100%;
}
.layout-row > .flex-20 {
  flex: 1 1 20%;
  max-width: 20%;
  max-height: 100%;
}
.layout-column > .flex-20 {
  flex: 1 1 20%;
  max-width: 100%;
  max-height: 20%;
}
.flex-25 {
  flex: 1 1 25%;
  max-width: 25%;
  max-height: 100%;
}
.layout-row > .flex-25 {
  flex: 1 1 25%;
  max-width: 25%;
  max-height: 100%;
}
.layout-column > .flex-25 {
  flex: 1 1 25%;
  max-width: 100%;
  max-height: 25%;
}
.flex-30 {
  flex: 1 1 30%;
  max-width: 30%;
  max-height: 100%;
}
.layout-row > .flex-30 {
  flex: 1 1 30%;
  max-width: 30%;
  max-height: 100%;
}
.layout-column > .flex-30 {
  flex: 1 1 30%;
  max-width: 100%;
  max-height: 30%;
}
.flex-35 {
  flex: 1 1 35%;
  max-width: 35%;
  max-height: 100%;
}
.layout-row > .flex-35 {
  flex: 1 1 35%;
  max-width: 35%;
  max-height: 100%;
}
.layout-column > .flex-35 {
  flex: 1 1 35%;
  max-width: 100%;
  max-height: 35%;
}
.flex-40 {
  flex: 1 1 40%;
  max-width: 40%;
  max-height: 100%;
}
.layout-row > .flex-40 {
  flex: 1 1 40%;
  max-width: 40%;
  max-height: 100%;
}
.layout-column > .flex-40 {
  flex: 1 1 40%;
  max-width: 100%;
  max-height: 40%;
}
.flex-45 {
  flex: 1 1 45%;
  max-width: 45%;
  max-height: 100%;
}
.layout-row > .flex-45 {
  flex: 1 1 45%;
  max-width: 45%;
  max-height: 100%;
}
.layout-column > .flex-45 {
  flex: 1 1 45%;
  max-width: 100%;
  max-height: 45%;
}
.flex-50 {
  flex: 1 1 50%;
  max-width: 50%;
  max-height: 100%;
}
.layout-row > .flex-50 {
  flex: 1 1 50%;
  max-width: 50%;
  max-height: 100%;
}
.layout-column > .flex-50 {
  flex: 1 1 50%;
  max-width: 100%;
  max-height: 50%;
}
.flex-55 {
  flex: 1 1 55%;
  max-width: 55%;
  max-height: 100%;
}
.layout-row > .flex-55 {
  flex: 1 1 55%;
  max-width: 55%;
  max-height: 100%;
}
.layout-column > .flex-55 {
  flex: 1 1 55%;
  max-width: 100%;
  max-height: 55%;
}
.flex-60 {
  flex: 1 1 60%;
  max-width: 60%;
  max-height: 100%;
}
.layout-row > .flex-60 {
  flex: 1 1 60%;
  max-width: 60%;
  max-height: 100%;
}
.layout-column > .flex-60 {
  flex: 1 1 60%;
  max-width: 100%;
  max-height: 60%;
}
.flex-65 {
  flex: 1 1 65%;
  max-width: 65%;
  max-height: 100%;
}
.layout-row > .flex-65 {
  flex: 1 1 65%;
  max-width: 65%;
  max-height: 100%;
}
.layout-column > .flex-65 {
  flex: 1 1 65%;
  max-width: 100%;
  max-height: 65%;
}
.flex-70 {
  flex: 1 1 70%;
  max-width: 70%;
  max-height: 100%;
}
.layout-row > .flex-70 {
  flex: 1 1 70%;
  max-width: 70%;
  max-height: 100%;
}
.layout-column > .flex-70 {
  flex: 1 1 70%;
  max-width: 100%;
  max-height: 70%;
}
.flex-75 {
  flex: 1 1 75%;
  max-width: 75%;
  max-height: 100%;
}
.layout-row > .flex-75 {
  flex: 1 1 75%;
  max-width: 75%;
  max-height: 100%;
}
.layout-column > .flex-75 {
  flex: 1 1 75%;
  max-width: 100%;
  max-height: 75%;
}
.flex-80 {
  flex: 1 1 80%;
  max-width: 80%;
  max-height: 100%;
}
.layout-row > .flex-80 {
  flex: 1 1 80%;
  max-width: 80%;
  max-height: 100%;
}
.layout-column > .flex-80 {
  flex: 1 1 80%;
  max-width: 100%;
  max-height: 80%;
}
.flex-85 {
  flex: 1 1 85%;
  max-width: 85%;
  max-height: 100%;
}
.layout-row > .flex-85 {
  flex: 1 1 85%;
  max-width: 85%;
  max-height: 100%;
}
.layout-column > .flex-85 {
  flex: 1 1 85%;
  max-width: 100%;
  max-height: 85%;
}
.flex-90 {
  flex: 1 1 90%;
  max-width: 90%;
  max-height: 100%;
}
.layout-row > .flex-90 {
  flex: 1 1 90%;
  max-width: 90%;
  max-height: 100%;
}
.layout-column > .flex-90 {
  flex: 1 1 90%;
  max-width: 100%;
  max-height: 90%;
}
.flex-95 {
  flex: 1 1 95%;
  max-width: 95%;
  max-height: 100%;
}
.layout-row > .flex-95 {
  flex: 1 1 95%;
  max-width: 95%;
  max-height: 100%;
}
.layout-column > .flex-95 {
  flex: 1 1 95%;
  max-width: 100%;
  max-height: 95%;
}
.flex-100 {
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 100%;
}
.layout-row > .flex-100 {
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 100%;
}
.layout-column > .flex-100 {
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 100%;
}
.flex-33 {
  flex: 0 0 33.33%;
}
.layout-row > .flex-33 {
  flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
}
.layout-column > .flex-33 {
  flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
}
.flex-66 {
  flex: 0 0 66.66%;
}
.layout-row > .flex-66 {
  flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
}
.layout-column > .flex-66 {
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
}
.layout-row > .flex {
  min-width: 0;
}
.layout-column > .flex {
  min-height: 0;
}
.flex-33_no-margin {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: calc(33.33% - 8px) !important;
}
.layout-align-start,
.layout-align-start-start,
.layout-align-start-center,
.layout-align-start-end,
.layout-align-start-stretch {
  justify-content: flex-start;
}
.layout-align-center,
.layout-align-center-center,
.layout-align-center-start,
.layout-align-center-end,
.layout-align-cente-stretch {
  justify-content: center;
}
.layout-align-end,
.layout-align-end-center,
.layout-align-end-start,
.layout-align-end-end,
.layout-align-end-stretch {
  justify-content: flex-end;
}
.layout-align-space-around,
.layout-align-space-around-center,
.layout-align-space-around-start,
.layout-align-space-around-end,
.layout-align-space-stretch {
  justify-content: space-around;
}
.layout-align-space-between,
.layout-align-space-between-center,
.layout-align-space-between-start,
.layout-align-space-between-end,
.layout-align-space-between-stretch {
  justify-content: space-between;
}
.layout-align-center-center,
.layout-align-start-center,
.layout-align-end-center,
.layout-align-space-between-center,
.layout-align-space-around-center {
  align-items: center;
}
.layout-align-center-start,
.layout-align-start-start,
.layout-align-end-start,
.layout-align-space-between-start,
.layout-align-space-around-start {
  align-items: flex-start;
}
.layout-align-center-end,
.layout-align-start-end,
.layout-align-end-end,
.layout-align-space-between-end,
.layout-align-space-around-end {
  align-items: flex-end;
}
.layout-align-center-stretch,
.layout-align-start-stretch,
.layout-align-end-stretch,
.layout-align-space-between-stretch,
.layout-align-space-around-stretch {
  align-items: stretch;
}
.flex-order-0 {
  order: 0;
}
.flex-order-1 {
  order: 1;
}
.flex-order-2 {
  order: 2;
}
.flex-order-3 {
  order: 3;
}
.flex-order-4 {
  order: 4;
}
.flex-order-5 {
  order: 5;
}
.flex-order-6 {
  order: 6;
}
.flex-order-7 {
  order: 7;
}
.flex-order-8 {
  order: 8;
}
.flex-order-9 {
  order: 9;
}
.flex-offset-5 {
  margin-left: 5%;
}
.flex-offset-10 {
  margin-left: 10%;
}
.flex-offset-15 {
  margin-left: 15%;
}
.flex-offset-20 {
  margin-left: 20%;
}
.flex-offset-25 {
  margin-left: 25%;
}
.flex-offset-30 {
  margin-left: 30%;
}
.flex-offset-35 {
  margin-left: 35%;
}
.flex-offset-40 {
  margin-left: 40%;
}
.flex-offset-45 {
  margin-left: 45%;
}
.flex-offset-50 {
  margin-left: 50%;
}
.flex-offset-55 {
  margin-left: 55%;
}
.flex-offset-60 {
  margin-left: 60%;
}
.flex-offset-65 {
  margin-left: 65%;
}
.flex-offset-70 {
  margin-left: 70%;
}
.flex-offset-75 {
  margin-left: 75%;
}
.flex-offset-80 {
  margin-left: 80%;
}
.flex-offset-85 {
  margin-left: 85%;
}
.flex-offset-90 {
  margin-left: 90%;
}
.flex-offset-95 {
  margin-left: 95%;
}
.flex-offset-33,
.flex-offset-34 {
  margin-left: 33.33%;
}
.flex-offset-66,
.flex-offset-67 {
  margin-left: 66.66%;
}
.scrollable {
  overflow: auto;
}
.not-scrollable {
  overflow: hidden;
}
.scrollable-x {
  overflow-x: auto;
  overflow-y: hidden;
}
.scrollable-y {
  overflow-y: auto;
  overflow-x: hidden;
}
.ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.no-ellipsis {
  white-space: normal;
  text-overflow: unset;
  overflow: unset;
}
.break-words {
  overflow-wrap: break-word;
  word-break: break-word;
}
.cursor-pointer {
  cursor: pointer;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.not-visible {
  visibility: hidden;
}
.text-align_center {
  text-align: center;
}
.text-align_right {
  text-align: right;
}
*::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
*::-webkit-scrollbar-track {
  background: rgb(var(--scroll-bar-bg));
  -webkit-border-radius: 24px;
}
*::-webkit-scrollbar-thumb {
  background: rgb(var(--scroll-bar-thumb));
  border-radius: 4px;
  -webkit-border-radius: 24px;
}
* {
  scrollbar-color: rgb(var(--scroll-bar-bg));
}
@-moz-document url-prefix() {
  * {
    scrollbar-width: thin;
    scrollbar-color: rgb(var(--scroll-bar-thumb)) rgb(var(--scroll-bar-bg));
  }
}
.badge {
  height: 8px;
  width: 8px;
  border-radius: 50%;
  border: 2px solid rgb(var(--badge-border));
}
.badge.with-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 0 5px;
  width: auto;
  min-width: 16px;
  min-height: 16px;
  height: 16px;
  max-height: 16px;
  border-radius: 20px;
  color: rgb(var(--font-main-color));
  border: none;
  font-size: 10px;
  font-weight: 600;
  line-height: 1.6;
  letter-spacing: normal;
  font-style: normal;
}
.badge {
  background-color: rgb(var(--primary-color));
}
.doc-viewer-backdrop {
  background-color: rgba(var(--dark--neutral-color-1), var(--transparency-85));
}
.iva-full-screen .doc-viewer-backdrop {
  background-color: rgb(var(--black-100));
}
.dropdown-container {
  width: 100%;
  border-radius: 24px;
  background-color: rgb(var(--dropdown-bg));
  border: solid 1px rgb(var(--dropdown-border));
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.24);
  display: block;
  overflow: auto;
}
.dropdown-container::-webkit-scrollbar {
  width: 22px;
}
.dropdown-container::-webkit-scrollbar-track {
  border: 8px solid transparent;
  background-clip: padding-box;
}
.dropdown-container::-webkit-scrollbar-thumb {
  border: 8px solid transparent;
  background-clip: padding-box;
}
.dropdown-container[iva-size=s] {
  max-height: 156px;
  border-radius: 18px;
}
.dropdown-container[iva-size=s]::-webkit-scrollbar {
  width: 18px;
}
.dropdown-container[iva-size=s]::-webkit-scrollbar-track {
  border: 6px solid transparent;
  background-clip: padding-box;
}
.dropdown-container[iva-size=s]::-webkit-scrollbar-thumb {
  border: 6px solid transparent;
  background-clip: padding-box;
}
.dropdown-container[iva-size=m] {
  max-height: 234px;
  border-radius: 18px;
}
.dropdown-container[iva-size=l] {
  max-height: 312px;
  border-radius: 24px;
}
.dropdown-container .dropdown-item {
  display: block;
  color: inherit;
  background-color: rgb(var(--dropdown-bg));
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  border-bottom: 1px solid rgb(var(--dropdown-item-border));
}
.dropdown-container .dropdown-item:hover {
  outline: none;
  background-color: rgb(var(--dropdown-item-hover-bg));
}
.dropdown-container .dropdown-item.active {
  background-color: rgb(var(--dropdown-item-selected-bg));
}
.dropdown-container .dropdown-item.selected {
  background-color: rgb(var(--dropdown-item-selected-bg));
}
.dropdown-container .dropdown-item.disabled {
  color: rgb(var(--font-disabled-color));
  cursor: auto;
}
.dropdown-container .dropdown-item.disabled:hover,
.dropdown-container .dropdown-item.disabled:focus {
  outline: none;
  background-color: inherit;
}
.dropdown-container .dropdown-item.no-border {
  border: none;
}
.dropdown-container .dropdown-item[iva-size=s] {
  height: 24px;
  padding: 3px 20px;
  font-size: 12px;
}
.dropdown-container .dropdown-item[iva-size=m] {
  height: 36px;
  padding: 9px 16px;
  font-size: 14px;
}
.dropdown-container .dropdown-item[iva-size=l] {
  height: 48px;
  padding: 12px 12px;
  font-size: 16px;
  line-height: 1.5;
}
.flat-badge {
  border-radius: 3px;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 10px;
  font-weight: 600;
  line-height: 1.6;
  letter-spacing: normal;
  font-style: normal;
}
.flat-badge.blue {
  color: rgb(var(--link-color));
  background-color: rgba(var(--link-color), var(--transparency-30));
}
.flat-badge.yellow {
  color: rgb(var(--warning-color));
  background-color: rgba(var(--warning-color), var(--transparency-30));
}
.flat-badge.red {
  color: rgb(var(--error-color));
  background-color: rgba(var(--error-color), var(--transparency-20));
}
.flat-badge.green {
  color: rgb(var(--primary-color));
  background-color: rgba(var(--primary-color), var(--transparency-20));
}
.flat-badge.gray {
  color: rgb(var(--font-gray-1-color));
  background-color: rgba(var(--btn-color), var(--transparency-20));
}
input::-ms-reveal,
input::-ms-clear {
  display: none;
}
.iva-input[iva-size=s] {
  border-radius: 18px;
  font-size: 12px;
}
.iva-input[iva-size=m] {
  border-radius: 18px;
  font-size: 14px;
}
.iva-input[iva-size=l] {
  border-radius: 24px;
  font-size: 16px;
}
input.iva-input[iva-size=s] {
  height: 24px;
}
input.iva-input[iva-size=m] {
  height: 36px;
}
input.iva-input[iva-size=l] {
  height: 48px;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
}
textarea.iva-input[iva-size=s] {
  max-height: 136px;
}
textarea.iva-input[iva-size=m] {
  max-height: 176px;
}
textarea.iva-input[iva-size=l] {
  max-height: 216px;
}
input.iva-input,
textarea.iva-input {
  padding: 0;
  border: 0;
  border-radius: inherit;
  background: none;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  color: inherit;
  caret-color: currentColor;
  outline: 0;
  appearance: none;
  word-break: keep-all;
  -webkit-text-fill-color: currentColor;
}
input.iva-input:focus,
textarea.iva-input:focus {
  outline: none;
}
input.iva-input:-webkit-autofill,
input.iva-input:-webkit-autofill:hover,
input.iva-input:-webkit-autofill:focus,
textarea.iva-input:-webkit-autofill,
textarea.iva-input:-webkit-autofill:hover,
textarea.iva-input:-webkit-autofill:focus {
  -webkit-text-fill-color: inherit;
  color: inherit;
  background-color: inherit;
}
input.iva-input,
textarea.iva-input {
}
input.iva-input:required,
textarea.iva-input:required {
  box-shadow: none;
}
input.iva-input:invalid,
textarea.iva-input:invalid {
  box-shadow: none;
}
input.iva-input,
textarea.iva-input {
  padding: 0 1rem;
  width: 100%;
  background-color: rgb(var(--input-filled-bg));
  border: 1px solid rgb(var(--input-filled-border));
  transition: all 0.2s ease-in-out;
  transition-property: background-color, border-color;
}
input.iva-input::placeholder,
textarea.iva-input::placeholder {
  color: rgb(var(--input-placeholder));
  font-weight: normal;
}
input.iva-input:placeholder-shown,
textarea.iva-input:placeholder-shown {
  background-color: rgb(var(--input-empty-bg));
  border-color: rgb(var(--input-empty-border));
}
input.iva-input:hover,
textarea.iva-input:hover {
  background-color: rgb(var(--input-bg-hover));
  border-color: rgb(var(--input-border-hover));
}
input.iva-input:focus,
textarea.iva-input:focus {
  background-color: rgb(var(--input-bg-focus));
  border-color: rgb(var(--input-border-hover));
}
input.iva-input:disabled,
textarea.iva-input:disabled {
  background-color: rgb(var(--input-bg-disabled));
  border-color: rgba(var(--input-border-disabled), var(--input-border-disabled-transparency));
  color: rgb(var(--input-text-disabled));
  cursor: not-allowed;
}
input.iva-input:disabled::placeholder,
textarea.iva-input:disabled::placeholder {
  color: rgb(var(--input-placeholder-disabled));
}
input.iva-input:not(.visible-invalid):placeholder-shown,
textarea.iva-input:not(.visible-invalid):placeholder-shown {
  border-color: rgb(var(--input-empty-border));
}
input.iva-input:not(.visible-invalid):hover,
textarea.iva-input:not(.visible-invalid):hover {
  border-color: rgb(var(--input-border-hover));
}
input.iva-input:not(.visible-invalid):focus,
textarea.iva-input:not(.visible-invalid):focus {
  border-color: rgb(var(--input-border-hover));
}
input.iva-input:not(.visible-invalid):disabled,
textarea.iva-input:not(.visible-invalid):disabled {
  border-color: rgba(var(--input-border-disabled), var(--input-border-disabled-transparency));
}
input.iva-input.ng-touched.ng-invalid,
input.iva-input.visible-invalid,
textarea.iva-input.ng-touched.ng-invalid,
textarea.iva-input.visible-invalid {
  border-color: rgb(var(--error-color));
}
input.iva-input.flat,
textarea.iva-input.flat {
  border: none;
  border-bottom: 1px solid rgb(var(--btn-color));
  border-radius: 0;
  padding-left: 0;
}
input.iva-input.flat:placeholder-shown,
textarea.iva-input.flat:placeholder-shown {
  background-color: rgb(var(--input-filled-bg));
  border-color: rgb(var(--input-filled-border));
}
input.iva-input.flat:disabled,
textarea.iva-input.flat:disabled {
  background-color: rgb(var(--input-bg-disabled));
}
input.iva-input.flat.ng-touched.ng-invalid,
input.iva-input.flat.visible-invalid,
textarea.iva-input.flat.ng-touched.ng-invalid,
textarea.iva-input.flat.visible-invalid {
  border-radius: 6px;
  border: 1px solid rgb(var(--error-color));
  background-color: rgb(var(--neutral-color-2));
}
input.iva-input.flat.transparent,
textarea.iva-input.flat.transparent {
  background-color: transparent;
}
input.iva-input.transparent,
textarea.iva-input.transparent {
  background-color: transparent;
}
textarea.iva-input {
  height: 100%;
  padding: 0.5rem 1rem;
}
.iva-input.cdk-keyboard-focused {
  box-shadow: 0 0 0 2px rgba(var(--interactive-kb-focused-border), var(--interactive-kb-focused-border-transparency));
}
.input-icon-left,
.input-icon-right {
  position: relative;
  display: inline-block;
}
.input-icon-left .icon svg *,
.input-icon-left .icon-left svg *,
.input-icon-left .icon-right svg *,
.input-icon-right .icon svg *,
.input-icon-right .icon-left svg *,
.input-icon-right .icon-right svg * {
  fill: rgb(var(--input-icon));
}
.input-icon-left .icon,
.input-icon-left .icon-left,
.input-icon-left .icon-right,
.input-icon-right .icon,
.input-icon-right .icon-left,
.input-icon-right .icon-right {
  color: rgb(var(--input-icon));
  height: 100%;
  display: inline-flex;
  position: absolute;
  top: 0;
}
.input-icon-left .icon svg-icon,
.input-icon-left .icon-left svg-icon,
.input-icon-left .icon-right svg-icon,
.input-icon-right .icon svg-icon,
.input-icon-right .icon-left svg-icon,
.input-icon-right .icon-right svg-icon {
  display: inline-flex;
  align-self: center;
  pointer-events: none;
}
.input-icon-left .icon [iva-icon-button],
.input-icon-left .icon-left [iva-icon-button],
.input-icon-left .icon-right [iva-icon-button],
.input-icon-right .icon [iva-icon-button],
.input-icon-right .icon-left [iva-icon-button],
.input-icon-right .icon-right [iva-icon-button] {
  display: inline-flex;
  align-self: center;
}
.input-icon-left .icon [iva-icon-button] .iva-button_icon,
.input-icon-left .icon-left [iva-icon-button] .iva-button_icon,
.input-icon-left .icon-right [iva-icon-button] .iva-button_icon,
.input-icon-right .icon [iva-icon-button] .iva-button_icon,
.input-icon-right .icon-left [iva-icon-button] .iva-button_icon,
.input-icon-right .icon-right [iva-icon-button] .iva-button_icon {
  display: flex;
}
.input-icon-left input.iva-input[iva-size=s],
.input-icon-left input.iva-input[iva-size=m],
.input-icon-left input.iva-input[iva-size=l] {
  padding-left: 36px;
}
.input-icon-left .icon {
  left: 12px;
}
.input-icon-right input.iva-input[iva-size=s],
.input-icon-right input.iva-input[iva-size=m],
.input-icon-right input.iva-input[iva-size=l] {
  padding-right: 36px;
}
.input-icon-right .icon {
  right: 12px;
}
.input-icon-right.input-icon-left .icon-left {
  left: 12px;
}
.input-icon-right.input-icon-left .icon-right {
  right: 12px;
}
input.iva-input[disabled] ~ .icon {
  color: rgb(var(--input-icon-disabled));
}
input.iva-input[disabled] ~ .icon svg * {
  fill: rgb(var(--input-icon-disabled));
}
textarea.iva-input::-webkit-scrollbar {
  width: 16px;
}
textarea.iva-input::-webkit-scrollbar-track {
  border: 5px solid transparent;
  background-clip: padding-box;
}
textarea.iva-input::-webkit-scrollbar-thumb {
  border: 5px solid transparent;
  background-clip: padding-box;
}
textarea.iva-input {
  resize: none;
}
input[ivaInputTime] {
  cursor: default;
  width: 42px;
  border: none;
  caret-color: transparent;
}
input[ivaInputTime]:focus-visible {
  outline: none;
}
a {
  outline: none;
  cursor: pointer;
  transition: color 0.2s ease-in;
}
a svg-icon {
  display: flex;
}
a:hover {
  color: rgb(var(--link-hovered-color));
}
a:hover svg * {
  fill: rgb(var(--link-hovered-color));
}
a:active {
  color: rgb(var(--link-click-color));
}
a:active svg * {
  fill: rgb(var(--link-click-color));
}
a:active {
  transition: none;
}
a.cdk-keyboard-focused {
  color: rgb(var(--link-hovered-color));
  box-shadow: 0 0 0 2px rgba(var(--interactive-kb-focused-border), var(--interactive-kb-focused-border-transparency));
}
a.cdk-keyboard-focused svg * {
  fill: rgb(var(--link-hovered-color));
}
a.red {
  color: rgb(var(--error-color));
}
a.red svg * {
  fill: rgb(var(--error-color));
}
a.red:hover {
  color: rgb(var(--red-link-hovered-color));
}
a.red:hover svg * {
  fill: rgb(var(--red-link-hovered-color));
}
a.red:active {
  color: rgb(var(--red-link-click-color));
}
a.red:active svg * {
  fill: rgb(var(--red-link-click-color));
}
a.green {
  color: rgb(var(--primary-color));
}
a.green svg * {
  fill: rgb(var(--primary-color));
}
a.green:hover {
  color: rgb(var(--primary-hover-color));
}
a.green:hover svg * {
  fill: rgb(var(--primary-hover-color));
}
a.green:active {
  color: rgb(var(--primary-click-color));
}
a.green:active svg * {
  fill: rgb(var(--primary-click-color));
}
a.pseudo-link {
  color: rgb(var(--link-color));
}
a.pseudo-link svg * {
  fill: rgb(var(--link-color));
}
a.pseudo-link iva-cancelable-progress circle {
  fill: none;
}
a.pseudo-link iva-cancelable-progress .container {
  background-color: transparent;
}
a.pseudo-link iva-cancelable-progress .container circle {
  stroke: rgb(var(--link-color));
}
a.pseudo-link iva-cancelable-progress .container .cross-container path {
  stroke: rgb(var(--link-color));
}
a.pseudo-link:hover {
  color: rgba(var(--dark--link-color), 0.75);
}
a.pseudo-link:hover svg * {
  fill: rgba(var(--dark--link-color), 0.75);
}
a.pseudo-link:hover iva-cancelable-progress circle {
  fill: none;
}
a.pseudo-link:hover iva-cancelable-progress .container circle {
  stroke: rgba(var(--dark--link-color), 0.75);
}
a.pseudo-link:hover iva-cancelable-progress .container .cross-container path {
  stroke: rgba(var(--dark--link-color), 0.75);
}
a.disabled {
  color: rgb(var(--font-disabled-color));
  cursor: not-allowed;
}
a.disabled svg-icon svg * {
  fill: rgb(var(--font-disabled-color));
}
a.disabled:hover {
  color: rgb(var(--font-disabled-color));
  cursor: not-allowed;
}
a.disabled:hover svg-icon svg * {
  fill: rgb(var(--font-disabled-color));
}
.iva-core-overlay,
.modal-no-pointer {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
}
.iva-core-overlay .modal-content .modal-card,
.modal-no-pointer .modal-content .modal-card {
  display: flex;
  flex-direction: column;
  width: auto;
  max-height: calc(var(--100vh) - 20px);
  min-width: 288px;
  border-width: 1px;
  border-style: solid;
  border-radius: 10px;
  overflow: auto;
  box-shadow: var(--box-shadow-m);
  background-color: rgb(var(--modal-card_bg));
  border-color: rgb(var(--modal-card_border));
}
.iva-core-overlay .modal-content .modal-card.message section,
.modal-no-pointer .modal-content .modal-card.message section {
  padding-bottom: 0;
}
.iva-core-overlay .modal-content .modal-card header,
.modal-no-pointer .modal-content .modal-card header {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  padding: 20px 24px;
  color: rgb(var(--font-main-color));
  border-bottom-color: rgb(var(--modal-header_border));
}
.iva-core-overlay .modal-content .modal-card header.no-border,
.modal-no-pointer .modal-content .modal-card header.no-border {
  border: none;
}
.iva-core-overlay .modal-content .modal-card header .title,
.modal-no-pointer .modal-content .modal-card header .title {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  flex: 1 1 100%;
  height: 100%;
}
.iva-core-overlay .modal-content .modal-card section,
.modal-no-pointer .modal-content .modal-card section {
  display: flex;
  justify-content: flex-start;
  padding: 12px 24px;
  overflow: auto;
}
.iva-core-overlay .modal-content .modal-card footer,
.modal-no-pointer .modal-content .modal-card footer {
  display: flex;
  justify-content: flex-end;
  border-top: 1px solid rgb(var(--modal-footer_border));
  padding: 24px;
}
.iva-core-overlay .modal-content .modal-card footer.no-border,
.modal-no-pointer .modal-content .modal-card footer.no-border {
  border: none;
}
.iva-core-overlay .modal-content .modal-card:after,
.modal-no-pointer .modal-content .modal-card:after {
  background-color: rgb(var(--modal-after_border));
}
.cdk-overlay-backdrop {
  transition: opacity 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}
.iva-core-modal-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgb(var(--neutral-color-2));
}
.iva-core-modal-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0;
}
.iva-core-modal-backdrop.cdk-overlay-backdrop-showing:not(:has(~ .iva-core-modal-backdrop)) {
  opacity: 0.7;
}
.iva-core-modal-no-pointer {
  pointer-events: none;
}
.iva-core-modal-no-pointer .modal-content {
  pointer-events: auto;
}
.cdk-overlay-container .cdk-overlay-backdrop.iva-core-popover-backdrop.cdk-overlay-backdrop-showing,
.cdk-overlay-container .cdk-overlay-backdrop.iva-core-modal-backdrop.cdk-overlay-backdrop-showing,
.cdk-overlay-container .cdk-overlay-backdrop.iva-core-tooltip-backdrop.cdk-overlay-backdrop-showing {
  transition: none;
}
.iva-core-popover-overlay {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.iva-core-popover-overlay .marker-before {
  border-color: rgb(var(--popover_bg));
  color: rgb(var(--popover_bg));
  z-index: 901;
  content: "";
  position: absolute;
  bottom: 0;
  width: 12px;
  min-width: 12px;
  height: 12px;
  min-height: 12px;
}
.iva-core-popover-overlay .marker-after {
  border-color: rgb(var(--popover_border));
  color: rgb(var(--popover_bg));
  z-index: 899;
  content: "";
  position: absolute;
  bottom: 0;
  width: 14px;
  min-width: 14px;
  height: 14px;
  min-height: 14px;
}
.iva-core-popover-overlay .modal-content {
  margin-bottom: 13px;
  position: relative;
  z-index: 900;
  border-radius: 24px;
  box-shadow: var(--box-shadow-m);
}
.iva-core-popover-overlay .modal-content .modal-card {
  z-index: 900;
  display: flex;
  flex-direction: column;
  width: auto;
  max-height: calc(var(--100vh) - 20px);
  min-width: 288px;
  border-radius: 10px;
  margin-bottom: 4px;
  overflow: hidden;
  border-width: 1px;
  border-style: solid;
  background-color: rgb(var(--popover_bg));
  border-color: rgb(var(--popover_border));
}
.iva-core-popover-overlay .modal-content .modal-card:after {
  background-color: rgb(var(--neutral-color-3));
}
.iva-core-popover-overlay .modal-content .modal-card .marker-after {
  display: none;
}
.iva-core-popover-overlay .modal-content .modal-card.message section {
  padding-bottom: 0;
}
.iva-core-popover-overlay .modal-content .modal-card header {
  border-bottom-color: rgb(var(--neutral-color-4));
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  padding: 20px 24px;
  color: rgb(var(--font-main-color));
}
.iva-core-popover-overlay .modal-content .modal-card header.no-border {
  border: none;
}
.iva-core-popover-overlay .modal-content .modal-card header .title {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  flex: 1 1 100%;
}
.iva-core-popover-overlay .modal-content .modal-card section {
  display: flex;
  justify-content: flex-start;
  padding: 12px 24px;
  overflow: auto;
  color: rgb(var(--title-text));
}
.iva-core-popover-overlay .modal-content .modal-card footer {
  border-top-color: rgb(var(--neutral-color-4));
  color: rgb(var(--title-text));
  display: flex;
  justify-content: center;
  padding: 24px;
}
.iva-core-popover-overlay .modal-content .modal-card footer.no-border {
  border: none;
}
.iva-core-popover-overlay.mobile {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.iva-core-popover-overlay.mobile .modal-content,
.iva-core-popover-overlay.mobile .modal-card {
  width: 100%;
  margin-bottom: 0;
  border-bottom: none;
  border-radius: 16px 16px 0 0;
}
.popover-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.popover-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0;
}
.iva-popover-position-top-center,
.iva-popover-position-top-start,
.iva-popover-position-top-end {
  justify-content: flex-end;
}
.iva-popover-position-top-center .marker-after,
.iva-popover-position-top-center .marker-before,
.iva-popover-position-top-start .marker-after,
.iva-popover-position-top-start .marker-before,
.iva-popover-position-top-end .marker-after,
.iva-popover-position-top-end .marker-before {
  border-bottom-width: 6px;
  border-bottom-style: solid;
  border-bottom-left-radius: 50%;
  border-bottom-right-radius: 50%;
}
.iva-popover-position-top-center .marker-after,
.iva-popover-position-top-start .marker-after,
.iva-popover-position-top-end .marker-after {
  border-color: rgb(var(--neutral-color-5));
}
.iva-popover-position-top-center {
  align-items: center;
}
.iva-popover-position-top-center .marker-after {
  left: 50%;
  right: auto;
  top: auto;
  bottom: 14px;
  transform: translate(-50%, 50%);
}
.iva-popover-position-top-center .marker-before {
  left: 50%;
  right: auto;
  top: auto;
  bottom: 14px;
  transform: translate(-50%, 50%);
}
.iva-popover-position-top-start {
  align-items: flex-start;
}
.iva-popover-position-top-start .marker-after {
  left: 6px;
  right: auto;
  top: auto;
  bottom: 14px;
  transform: translate(0%, 50%);
}
.iva-popover-position-top-start .marker-before {
  left: 7px;
  right: auto;
  top: auto;
  bottom: 14px;
  transform: translate(0%, 50%);
}
.iva-popover-position-top-end {
  align-items: flex-end;
}
.iva-popover-position-top-end .marker-after {
  left: auto;
  right: 6px;
  top: auto;
  bottom: 14px;
  transform: translate(0%, 50%);
}
.iva-popover-position-top-end .marker-before {
  left: auto;
  right: 7px;
  top: auto;
  bottom: 14px;
  transform: translate(0%, 50%);
}
.iva-popover-position-bottom-center,
.iva-popover-position-bottom-start,
.iva-popover-position-bottom-end {
  justify-content: flex-start;
}
.iva-popover-position-bottom-center .modal-content,
.iva-popover-position-bottom-start .modal-content,
.iva-popover-position-bottom-end .modal-content {
  margin-top: 13px;
}
.iva-popover-position-bottom-center .marker-after,
.iva-popover-position-bottom-center .marker-before,
.iva-popover-position-bottom-start .marker-after,
.iva-popover-position-bottom-start .marker-before,
.iva-popover-position-bottom-end .marker-after,
.iva-popover-position-bottom-end .marker-before {
  border-top: 6px solid;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
}
.iva-popover-position-bottom-center {
  align-items: center;
}
.iva-popover-position-bottom-center .marker-after {
  left: 50%;
  right: auto;
  top: 14px;
  bottom: auto;
  transform: translate(-50%, -50%);
}
.iva-popover-position-bottom-center .marker-before {
  left: 50%;
  right: auto;
  top: 14px;
  bottom: auto;
  transform: translate(-50%, -50%);
}
.iva-popover-position-bottom-start {
  align-items: flex-start;
}
.iva-popover-position-bottom-start .marker-after {
  left: 6px;
  right: auto;
  top: 14px;
  bottom: auto;
  transform: translate(0%, -50%);
}
.iva-popover-position-bottom-start .marker-before {
  left: 7px;
  right: auto;
  top: 14px;
  bottom: auto;
  transform: translate(0%, -50%);
}
.iva-popover-position-bottom-end {
  align-items: flex-end;
}
.iva-popover-position-bottom-end .marker-after {
  left: auto;
  right: 6px;
  top: 14px;
  bottom: auto;
  transform: translate(0%, -50%);
}
.iva-popover-position-bottom-end .marker-before {
  left: auto;
  right: 7px;
  top: 14px;
  bottom: auto;
  transform: translate(0%, -50%);
}
.iva-overlay-popover {
  position: relative;
}
.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}
.toast-title {
  font-weight: bold;
}
.toast-message {
  overflow-wrap: break-word;
}
.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
  text-shadow: 0 1px 0 #ffffff;
}
.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
}
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}
.toast-container {
  pointer-events: none;
  position: fixed;
  z-index: 999999;
}
.toast-container * {
  box-sizing: border-box;
}
.toast-container.toast-top-center .iva-toastr,
.toast-container.toast-bottom-center .iva-toastr {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}
.toast-container.toast-top-full-width .iva-toastr,
.toast-container.toast-bottom-full-width .iva-toastr {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}
.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
}
@media all and (max-width: 240px) {
  .toast-container .iva-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  .toast-container .iva-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  .toast-container .iva-toastr.div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}
.toast-bottom-left {
  bottom: 24px;
  left: 24px;
}
*:not(text):not(tspan) {
  font-family:
    "Open Sans",
    "Noto Color Emoji",
    sans-serif !important;
}
body:not(text):not(tspan),
body *:not(text):not(tspan) {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: rgb(var(--font-main-color));
}
body:not(text):not(tspan) b,
body *:not(text):not(tspan) b {
  font-style: normal;
  font-weight: 600;
}
body:not(text):not(tspan) b i,
body *:not(text):not(tspan) b i {
  font-style: italic;
  font-weight: 600;
}
body:not(text):not(tspan) i,
body *:not(text):not(tspan) i {
  font-style: italic;
  font-weight: 400;
}
body:not(text):not(tspan) i b,
body *:not(text):not(tspan) i b {
  font-style: italic;
  font-weight: 600;
}
body:not(text):not(tspan) a,
body *:not(text):not(tspan) a {
  color: rgb(var(--font-link-color));
  text-decoration: none;
}
body:not(text):not(tspan) a *,
body *:not(text):not(tspan) a * {
  color: rgb(var(--font-link-color));
}
body:not(text):not(tspan) .iva-text_display,
body *:not(text):not(tspan) .iva-text_display {
  font-size: 33px;
  font-weight: 400;
  line-height: 1.33;
  letter-spacing: -0.5px;
}
body:not(text):not(tspan) .iva-text_display-3,
body *:not(text):not(tspan) .iva-text_display-3 {
  font-size: 33px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -0.5px;
}
body:not(text):not(tspan) h1,
body:not(text):not(tspan) header,
body:not(text):not(tspan) .iva-text_h1,
body *:not(text):not(tspan) h1,
body *:not(text):not(tspan) header,
body *:not(text):not(tspan) .iva-text_h1 {
  font-size: 22px;
  font-weight: 600;
  line-height: 1.27;
  letter-spacing: 0;
}
body:not(text):not(tspan) .iva-text_h1-2,
body *:not(text):not(tspan) .iva-text_h1-2 {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0;
}
body:not(text):not(tspan) h2,
body:not(text):not(tspan) .iva-text_h2,
body *:not(text):not(tspan) h2,
body *:not(text):not(tspan) .iva-text_h2 {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: normal;
}
body:not(text):not(tspan) .iva-text_h2-2,
body *:not(text):not(tspan) .iva-text_h2-2 {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: normal;
}
body:not(text):not(tspan) h3,
body:not(text):not(tspan) h3 > span,
body:not(text):not(tspan) .iva-text_h3,
body *:not(text):not(tspan) h3,
body *:not(text):not(tspan) h3 > span,
body *:not(text):not(tspan) .iva-text_h3 {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.43;
  letter-spacing: normal;
}
body:not(text):not(tspan) h4,
body:not(text):not(tspan) .iva-text_h4,
body *:not(text):not(tspan) h4,
body *:not(text):not(tspan) .iva-text_h4 {
  font-size: 12px;
  font-weight: 600;
  line-height: 1.33;
  letter-spacing: normal;
}
body:not(text):not(tspan) h5,
body:not(text):not(tspan) h6,
body:not(text):not(tspan) .iva-text_h5,
body *:not(text):not(tspan) h5,
body *:not(text):not(tspan) h6,
body *:not(text):not(tspan) .iva-text_h5 {
  font-size: 10px;
  font-weight: 600;
  line-height: 1.6;
  letter-spacing: normal;
  font-style: normal;
}
body:not(text):not(tspan) .iva-text_body-1,
body *:not(text):not(tspan) .iva-text_body-1 {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: normal;
  font-weight: 400;
}
body:not(text):not(tspan) .iva-text_body-2,
body:not(text):not(tspan) p,
body *:not(text):not(tspan) .iva-text_body-2,
body *:not(text):not(tspan) p {
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: normal;
  font-weight: 400;
}
body:not(text):not(tspan) .iva-text_body-3,
body *:not(text):not(tspan) .iva-text_body-3 {
  font-size: 24px;
  line-height: 1.3;
  letter-spacing: normal;
  font-weight: 400;
}
body:not(text):not(tspan) .iva-text_caption-1,
body:not(text):not(tspan) .iva-text_body-s,
body:not(text):not(tspan) small,
body *:not(text):not(tspan) .iva-text_caption-1,
body *:not(text):not(tspan) .iva-text_body-s,
body *:not(text):not(tspan) small {
  font-size: 12px;
  line-height: 1.33;
  letter-spacing: normal;
  font-weight: 400;
}
body:not(text):not(tspan) .iva-text_caption-2,
body *:not(text):not(tspan) .iva-text_caption-2 {
  font-size: 10px;
  line-height: 1.2;
  letter-spacing: normal;
  font-weight: 400;
}
body:not(text):not(tspan) .iva-text_label,
body *:not(text):not(tspan) .iva-text_label {
  display: block;
  font-size: 11px;
  line-height: 1.45;
  letter-spacing: 1.2px;
  font-weight: 400;
}
body:not(text):not(tspan) .uppercase,
body *:not(text):not(tspan) .uppercase {
  text-transform: uppercase;
}
body:not(text):not(tspan) .lowercase,
body *:not(text):not(tspan) .lowercase {
  text-transform: lowercase;
}
body:not(text):not(tspan),
body *:not(text):not(tspan) {
}
body:not(text):not(tspan) .iva-text_color-main,
body *:not(text):not(tspan) .iva-text_color-main {
  color: rgb(var(--font-main-color));
}
body:not(text):not(tspan) .iva-text_color-gray,
body *:not(text):not(tspan) .iva-text_color-gray {
  color: rgb(var(--font-gray-1-color));
}
body:not(text):not(tspan) .iva-text_color-gray-2,
body *:not(text):not(tspan) .iva-text_color-gray-2 {
  color: rgb(var(--font-gray-2-color));
}
body:not(text):not(tspan) .iva-text_color-brand,
body *:not(text):not(tspan) .iva-text_color-brand {
  color: rgb(var(--font-brand-color));
}
body:not(text):not(tspan) .iva-text_color-link,
body *:not(text):not(tspan) .iva-text_color-link {
  color: rgb(var(--font-link-color));
}
body:not(text):not(tspan) .iva-text_color-success,
body *:not(text):not(tspan) .iva-text_color-success {
  color: rgb(var(--font-success-color));
}
body:not(text):not(tspan) .iva-text_color-warning,
body *:not(text):not(tspan) .iva-text_color-warning {
  color: rgb(var(--font-warning-color));
}
body:not(text):not(tspan) .iva-text_color-error,
body *:not(text):not(tspan) .iva-text_color-error {
  color: rgb(var(--font-error-color));
}
body:not(text):not(tspan) .iva-text_color-disabled,
body *:not(text):not(tspan) .iva-text_color-disabled {
  color: rgb(var(--font-disabled-color));
}
body {
  display: flex;
  margin: 0;
  padding: 0;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: transparent;
}
body .cdk-overlay-container {
  max-height: var(--100vh);
  max-width: 100vw;
}
body .cdk-overlay-container .cdk-overlay-backdrop {
  width: var(--100vw);
}
@media (min-width: 720px) {
  body {
    overflow-x: hidden;
  }
}
@media screen and (min-height: 600px) {
  body {
    overflow-y: hidden;
  }
}
html > div[style] {
  display: none;
}
input::-ms-reveal,
input::-ms-clear {
  display: none;
}
html.cdk-global-scrollblock {
  overflow: hidden;
}
[hidden],
.hidden {
  display: none !important;
}
.virtual-background-debug-container {
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  height: 100vh;
}
.iva-toastr .title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  word-break: break-all;
}
.mobile-view .toast-bottom-left {
  bottom: 8px;
  left: 8px;
}
.mobile-view .modal_mobile,
.mobile-view .modal-no-pointer_mobile {
  left: 0 !important;
  top: 0 !important;
}
.mobile-view .modal .modal-content .modal-card,
.mobile-view .modal-no-pointer .modal-content .modal-card {
  min-width: calc(100vw - 24px) !important;
  width: calc(100vw - 24px) !important;
  max-width: calc(100vw - 24px) !important;
}
.mobile-view .iva-toastr {
  max-width: calc(100vw - 16px);
}
.mobile-view .iva-toastr .title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.mobile-view .iva-toastr .message {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  word-break: break-all;
}
.mobile-view .iva-toastr .title + .message {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.app-init-message-modal {
  top: auto !important;
  left: auto !important;
}
.typing-dots-icon {
  position: relative;
  display: inline-block;
  min-width: 19px;
}
.typing-dots-icon:before,
.typing-dots-icon:after {
  animation: typing-blink-animation 1.5s infinite;
  height: 3px;
  width: 3px;
  background: rgb(var(--font-gray-1-color));
  border-radius: 50%;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
}
.typing-dots-icon:after {
  margin-left: 12px;
  animation-delay: 0.4s;
}
.typing-dots-icon span {
  display: block;
  animation: typing-blink-animation 1.5s infinite;
  height: 3px;
  width: 3px;
  background: rgb(var(--font-gray-1-color));
  border-radius: 50%;
  margin-left: 6px;
  animation-delay: 0.2s;
}
@keyframes typing-blink-animation {
  0% {
    transform: scale(1);
  }
  20% {
    transform: scale(1.5);
  }
  100% {
    transform: scale(1);
  }
}

/* angular:styles/global:styles */