/**
 * Do not edit directly, this file was auto-generated.
 * Generated on Wed, 03 Sep 2025 07:01:29 GMT
 */

:root {
  --color-fg-primary: #f5f5fd; /* основной цвет */
  --color-fg-primary-themed: #1c1c20; /* основной цвет */
  --color-fg-secondary: #83838b; /* второстепенный цвет */
  --color-fg-tertiary: #68686f; /* третичный цвет */
  --color-fg-quaternary: #525257; /* четвертичный цвет */
  --color-fg-subhead-alpha: rgba(239, 239, 255, 0.54); /* чуть более важный цвет чем вторичный */
  --color-fg-contrast: #1c1c20; /* цвет на интерактивных фонах */
  --color-fg-contrast-themed: #f5f5fd; /* цвет не меняется в зависимости от темы */
  --color-fg-accent: #4183ff; /* акцентный цвет */
  --color-fg-accent-extra: #2c7af0; /* акцентный цвет (дополнительный) */
  --color-fg-positive: #7ac481; /* цвет положительной информации */
  --color-fg-positive-extra: #7ac481; /* цвет положительной информации (дополнительный – используется на темном фоне в светлой теме) */
  --color-fg-negative: #ff6161; /* цвет с негативным подтекстом */
  --color-fg-negative-extra: #ff6161; /* цвет с негативным подтекстом (дополнительный – используется на темном фоне в светлой теме) */
  --color-fg-warning: #eb9c55; /* цвет с предупреждающей информацией */
  --color-fg-warning-extra: #eb9c55;
  --color-fg-disabled: rgba(239, 239, 255, 0.23); /* цвет заблокированного элемента */
  --color-fg-disabled-secondary: rgba(239, 239, 255, 0.08); /* цвет заблокированного элемента */
  --color-border-primary: #333336; /* основной цвет разделителей */
  --color-border-primary-alpha: rgba(239, 239, 255, 0.08); /* основной цвет разделителей с прозрачностью */
  --color-border-secondary: #2d2d30; /* второстепенный цвет разделителей */
  --color-border-secondary-alpha: rgba(239, 239, 255, 0.05); /* второстепенный цвет разделителей с прозрачностью */
  --color-border-contrast: #1c1c20; /* разделитель на интерактивных фонах */
  --color-border-accent: #4183ff; /* акцентная обводка */
  --color-border-negative: #ff5151; /* обводка с негативным подтекстом */
  --color-border-disabled: rgba(239, 239, 255, 0.02); /* цвет заблокированного контура */
  --color-border-disabled-secondary: rgba(239, 239, 255, 0.05);
  --color-bg-primary: #1c1c20; /* основной цвет фона */
  --color-bg-secondary: #2d2d30; /* второстепенный цвет фона */
  --color-bg-secondary-alpha: rgba(239, 239, 255, 0.05); /* второстепенный цвет фона с прозрачностью */
  --color-bg-tertiary: #333336; /* третичный цвет фона */
  --color-bg-tertiary-alpha: rgba(239, 239, 255, 0.08); /* третичный цвет фона */
  --color-bg-contrast: #f5f5fd; /* контрастный фон */
  --color-bg-accent: #4183ff; /* акцентный фон */
  --color-bg-accent-tint-light-alpha: rgba(15, 129, 252, 0.15); /* тонированный акцентный фон */
  --color-bg-accent-tint-alpha: rgba(15, 129, 252, 0.2); /* тонированный акцентный фон */
  --color-bg-tooltip: rgb(0% 0% 0% / 0.8); /* фон подсказок с прозрачностью */
  --color-bg-page: #1c1c20; /* основной цвет страницы */
  --color-bg-table-row-hover: rgba(239, 239, 255, 0.05); /* цвет строки таблицы при наведении */
  --color-bg-table-row-active: rgba(15, 129, 252, 0.1); /* цвет строки таблицы при выделении */
  --color-status-gray-100: #2d2d30;
  --color-status-gray-100-alpha: rgba(239, 239, 255, 0.05);
  --color-status-gray-neutral-100: #323234;
  --color-status-gray-neutral-100-alpha: rgba(255, 255, 255, 0.07);
  --color-status-gray-150: rgba(239, 239, 255, 0.08);
  --color-status-gray-150-alpha: rgba(239, 239, 255, 0.08);
  --color-status-gray-200: #333336; /* нейтральный цвет */
  --color-status-gray-200-alpha: rgba(239, 239, 255, 0.08); /* нейтральный цвет с прозрачностью */
  --color-status-gray-350: #3b3b3f;
  --color-status-gray-350-alpha: rgba(239, 239, 255, 0.12);
  --color-status-disabled: #272729; /* цвет заблокированного элемента */
  --color-status-disabled-alpha: rgba(239, 239, 255, 0.02); /* цвет заблокированного элемента с прозрачностью */
  --color-status-new: #62a2f0; /* цвет нового элемента */
  --color-status-new-tint-alpha: rgba(15, 129, 252, 0.15); /* тонированный новый цвет */
  --color-status-accent: #4183ff; /* акцентный цвет */
  --color-status-accent-tint-alpha: rgba(60, 81, 166, 0.4); /* тонированный акцентный цвет */
  --color-status-positive: #7ac481; /* цвет положительной информации */
  --color-status-positive-tint-alpha: rgba(72, 138, 76, 0.3); /* тонированный цвет с положительной информацией */
  --color-status-positive-tint-light-alpha: rgba(72, 138, 76, 0.15);
  --color-status-negative: #ff6161; /* цвет с негативным подтекстом */
  --color-status-negative-tint-light-alpha: rgba(200, 81, 93, 0.15); /* светлый тонированный цвет для ошибок с прозрачностью */
  --color-status-negative-tint: #442c30; /* тонированный цвет для ошибок */
  --color-status-negative-tint-alpha: rgba(200, 81, 93, 0.15); /* тонированный цвет для ошибок с прозрачностью */
  --color-status-warning: #eb9c55; /* цвет с предупреждающей информацией */
  --color-status-warning-extra: #4f3c2b; /* цвет с предупреждающей информацией (дополнительный) */
  --color-status-warning-tint-alpha: rgba(108, 76, 47, 0.3); /* тонированный цвет с предупреждающей информацией */
  --color-status-warning-tint-light-alpha: rgba(108, 76, 47, 0.2);
  --color-form-border-field-enabled: rgba(239, 239, 255, 0.12);
  --color-form-border-field-hover: rgba(239, 239, 255, 0.34);
  --color-form-border-field-focus: #f5f5fd;
  --color-form-border-field-error: #ff5151;
  --color-form-border-field-error-pin: rgba(239, 239, 255, 0.12);
  --color-form-border-switch: #f5f5fd; /* цвет линии у radio в состоянии :checked */
  --color-form-border-dropdown: rgba(239, 239, 255, 0.08); /* цвет разделителей в выпадающем списке */
  --color-form-border-dropdown-block: rgba(239, 239, 255, 0); /* цвет обводки выпадающего списка */
  --color-form-border-modal: rgba(239, 239, 255, 0.05); /* цвет обводки всплывающего окна */
  --color-form-bg-field-enabled: rgba(255, 255, 255, 0); /* фон для input / select / textarea */
  --color-form-bg-field-hover: rgba(255, 255, 255, 0);
  --color-form-bg-field-focus: rgba(255, 255, 255, 0);
  --color-form-bg-field-error: rgba(255, 255, 255, 0);
  --color-form-bg-field-disabled: rgba(239, 239, 255, 0.05); /* цвет заблокированного фона input */
  --color-form-bg-field-plain-enabled: #1c1c20; /* фон для input / select с mode=plain */
  --color-form-bg-field-plain-hover: #1c1c20; /* фон для input / select с mode=plain при :hover */
  --color-form-bg-field-upload-hover: rgba(239, 239, 255, 0.02); /* фон для блока с загрузкой файла при :hover */
  --color-form-bg-field-switch: #f5f5fd; /* фон у checkbox / toggle / radio (Checked=On) */
  --color-form-bg-field-switch-center: #1c1c20; /* фон у элементов внутри checkbox / toggle / radio */
  --color-form-bg-field-radio-group: #333336; /* фон у блока radio-group */
  --color-form-bg-field-toggle: rgba(239, 239, 255, 0.05); /* фон у toggle при :enabled (Checked=Off) */
  --color-form-bg-field-toggle-hover: rgba(239, 239, 255, 0.12); /* фон у toggle при :hover (Checked=Off) */
  --color-form-bg-field-toggle-disabled: rgba(239, 239, 255, 0.05); /* цвет заблокированной точки и обводки у неактивного toggle */
  --color-form-bg-table-field: rgba(239, 239, 255, 0.08); /* фон тега в таблице */
  --color-form-bg-table-field-hover: rgba(239, 239, 255, 0.12); /* фон тега в таблице при наведении */
  --color-form-bg-dropdown-body: #333336; /* фон для выпадающего списка */
  --color-form-bg-dropdown-item-hover: rgba(239, 239, 255, 0.08); /* фон элемента выпадающего списка при наведении */
  --color-form-bg-dropdown-item-active: rgba(15, 129, 252, 0.1); /* фон элемента выпадающего списка при выделении */
  --color-button-fg-primary: #1c1c20;
  --color-button-fg-primary-themed: #ffffff;
  --color-button-fg-secondary: #83838b;
  --color-button-fg-tertiary: #68686f;
  --color-button-fg-contrast: #ffffff;
  --color-button-fg-contrast-themed: #1c1c20;
  --color-button-fg-accent: #4183ff;
  --color-button-fg-negative: #ff6161;
  --color-button-fg-disabled: rgba(239, 239, 255, 0.23);
  --color-button-action-bg-main: #f5f5fd;
  --color-button-action-bg-main-hover: #eaeaf2;
  --color-button-action-bg-main-active: #eaeaf2;
  --color-button-action-bg-accent: #2c7af0;
  --color-button-action-bg-accent-hover: #498efe;
  --color-button-action-bg-accent-active: #498efe;
  --color-button-action-bg-negative: #e94343;
  --color-button-action-bg-negative-hover: #ff5151;
  --color-button-action-bg-negative-active: #ff5151;
  --color-button-action-bg-contrast: #ffffff;
  --color-button-action-bg-contrast-hover: #ffffff;
  --color-button-action-bg-contrast-active: #ffffff;
  --color-button-normal-bg: rgba(239, 239, 255, 0.05);
  --color-button-normal-bg-hover: rgba(239, 239, 255, 0.08);
  --color-button-normal-bg-active: rgba(239, 239, 255, 0.08);
  --color-button-normal-bg-accent: rgba(15, 129, 252, 0.1);
  --color-button-normal-bg-accent-hover: rgba(15, 129, 252, 0.15);
  --color-button-normal-bg-accent-active: rgba(15, 129, 252, 0.15);
  --color-button-normal-bg-negative: rgba(255, 70, 70, 0.1);
  --color-button-normal-bg-negative-hover: rgba(255, 70, 70, 0.15);
  --color-button-normal-bg-negative-active: rgba(255, 70, 70, 0.15);
  --color-button-normal-bg-contrast: rgba(255, 255, 255, 0.05);
  --color-button-normal-bg-contrast-hover: rgba(255, 255, 255, 0.08);
  --color-button-normal-bg-contrast-active: rgba(255, 255, 255, 0.08);
  --color-button-ghost-bg: rgba(255, 255, 255, 0);
  --color-button-ghost-bg-hover: rgba(239, 239, 255, 0.05);
  --color-button-ghost-bg-active: rgba(239, 239, 255, 0.05);
  --color-button-ghost-bg-contrast-hover: rgba(255, 255, 255, 0.05);
  --color-button-outline-bg: rgba(255, 255, 255, 0);
  --color-button-outline-bg-hover: rgba(239, 239, 255, 0);
  --color-button-outline-bg-active: rgba(239, 239, 255, 0);
  --color-button-outline-border: rgba(255, 255, 255, 0.15);
  --color-button-outline-border-hover: rgba(255, 255, 255, 0.3);
  --color-button-outline-border-disabled: rgba(239, 239, 255, 0.08);
  --color-button-outline-border-accent: #498efe;
  --color-button-outline-border-accent-hover: #5098fc;
  --color-button-outline-border-negative: #e94343;
  --color-button-outline-border-negative-hover: #ff6161;
  --color-button-outline-border-contrast: rgba(255, 255, 255, 0.15);
  --color-button-outline-border-contrast-hover: rgba(255, 255, 255, 0.3);
  --color-button-outline-border-contrast-disabled: rgba(255, 255, 255, 0.05);
  --color-button-disabled-bg: rgba(239, 239, 255, 0.02);
  --color-button-disabled-bg-contrast: rgba(255, 255, 255, 0.02);
  --color-chart-accent: #4183ff;
  --color-overlay-default: rgba(15, 15, 17, 0.8); /* фон для наложения под всплывающим окном */
  --color-overlay-soft: rgba(28, 28, 32, 0.5); /* фон для наложения под спиннером */
  --color-palette-excel: #31a763; /* цвет xls / xlsx / csv */
  --color-palette-excel-tint: rgba(49, 167, 99, 0.15); /* тонированный цвет xls / xlsx / csv */
  --color-palette-gray: #68686f;
  --color-palette-blue-light: #408bcf;
  --color-palette-blue: #4183ff;
  --color-palette-blue-dark: #4d62b9;
  --color-palette-violet: #824eeb;
  --color-palette-purple-deep: #9044dc;
  --color-palette-fuchsia: #c34cd1;
  --color-palette-red-light: #ff5151;
  --color-palette-orange-vivid: #ff6f4a;
  --color-palette-orange-dark: #f7812c;
  --color-palette-orange: #fa9f5a;
  --color-palette-green: #3ab26d;
  --color-palette-green-dark: #2d7f51;
  --color-palette-aquamarine: #24ce99;
  --color-popover-bg-neutral: #333336;
  --color-popover-bg-accent: #4183ff;
  --color-popover-bg-contrast: #08070a;
  --color-scrollbar-track: rgba(239, 239, 255, 0.05); /* фон трека скролла */
  --color-scrollbar-thumb: rgba(239, 239, 255, 0.16); /* фон ползунка в скролле */
  --color-scrollbar-thumb-hover: rgba(239, 239, 255, 0.34); /* фон ползунка в скролле при наведении */
  --color-scrollbar-track-contrast: rgba(239, 239, 255, 0.05); /* фон трека скролла на интерактивных цветах */
  --color-scrollbar-thumb-contrast: rgba(239, 239, 255, 0.16); /* фон ползунка в скролле на интерактивных цветах */
  --color-scrollbar-thumb-contrast-hover: rgba(239, 239, 255, 0.34); /* фон ползунка в скролле при наведении на интерактивных цветах */
  --color-sidebar-text-enabled: #f5f5fd; /* текст цвета для Sidebar */
  --color-sidebar-text-hover: #f5f5fd; /* текст цвета меню Sidebar при :hover */
  --color-sidebar-text-active: #f5f5fd; /* текст цвета активного пункта меню Sidebar */
  --color-sidebar-icon-enabled: #f5f5fd; /* цвет иконок для Sidebar */
  --color-sidebar-icon-hover: #f5f5fd; /* цвет иконок для Sidebar при наведении */
  --color-sidebar-icon-active: #f5f5fd; /* цвет иконок для Sidebar для активного пункта меню */
  --color-sidebar-icon-arrow: rgba(239, 239, 255, 0.4); /* цвет иконок для Sidebar Arrow */
  --color-sidebar-bg-body: #1c1c20; /* фон для Sidebar */
  --color-sidebar-bg-menu-lvl-1: rgba(239, 239, 255, 0.02); /* фон под пунктом меню в Sidebar при :hover (level-1) */
  --color-sidebar-bg-menu-lvl-1-active: rgba(239, 239, 255, 0.05); /* фон под активным пунктом меню в Sidebar (level-1) */
  --color-sidebar-bg-menu-lvl-2: rgba(239, 239, 255, 0.02); /* фон под пунктом меню в Sidebar при :hover (level-2); фон submenu */
  --color-sidebar-bg-menu-lvl-2-active: rgba(239, 239, 255, 0.05); /* фон под активным пунктом меню в Sidebar (level-2) */
  --color-sidebar-bg-bottom: rgb(10.98% 10.98% 12.549% / 0.01); /* фон для нижнего блока в Sidebar (для эффекта blur) */
  --color-sidebar-border-primary: #333336; /* цвет контура Sidebar */
  --color-skeleton-from: rgba(239, 239, 255, 0.02); /* цвет градиента скелетона */
  --color-skeleton-to: rgba(239, 239, 255, 0.05); /* цвет градиента скелетона */
  --color-spinner-primary: #f5f5fd;
  --color-spinner-primary-track: rgba(245, 245, 253, 0.1);
  --color-spinner-primary-themed: #1c1c20;
  --color-spinner-primary-themed-track: rgba(28, 28, 32, 0.1);
  --color-spinner-secondary: #83838b;
  --color-spinner-secondary-track: rgba(131, 131, 139, 0.1);
  --color-spinner-disabled: rgba(239, 239, 255, 0.23);
  --color-spinner-disabled-track: rgba(131, 131, 139, 0.1);
  --color-spinner-accent: #5098fc;
  --color-spinner-accent-track: rgba(80, 152, 252, 0.1);
  --color-spinner-negative: #ff6161;
  --color-spinner-negative-track: rgba(255, 97, 97, 0.1);
  --color-spinner-contrast: #1c1c20;
  --color-spinner-contrast-track: rgba(28, 28, 32, 0.1);
  --color-spinner-contrast-themed: #f5f5fd;
  --color-spinner-contrast-themed-track: rgba(245, 245, 253, 0.1);
  --color-stepper-dot-bg-contrast-enabled: #ffffff;
  --color-stepper-dot-bg-contrast-active: rgba(255, 255, 255, 0.5);
  --color-other-bg-dot-pattern: #333336; /* фон точек для паттерна текста */
  --color-other-outline-primary: #f5f5fd;
  --color-other-outline-contrast-themed: #f5f5fd;
  --color-other-logo-alaris-100: #ff4646; /* цвет самолета в логотипе (используется для смены темы) */
  --color-other-logo-alaris-200: #f0323d; /* цвет самолета в логотипе (используется для смены темы) */
  --color-other-logo-alaris-300: #c51428; /* цвет самолета в логотипе (используется для смены темы) */
  --color-other-shadow-dropdown-1: rgba(0, 0, 0, 0.4);
  --color-other-shadow-dropdown-2: rgba(0, 0, 0, 0.12);
  --color-other-shadow-dropdown-3: rgba(0, 0, 0, 0.12);
  --color-other-shadow-modal-1: rgba(0, 0, 0, 0.4);
  --color-other-shadow-modal-2: rgba(0, 0, 0, 0.16);
  --color-other-shadow-modal-3: rgba(0, 0, 0, 0.12);
  --color-other-shadow-popover-1: rgba(0, 0, 0, 0.2);
  --color-other-shadow-popover-2: rgba(0, 0, 0, 0.24);
  --color-other-shadow-popover-3: rgba(0, 0, 0, 0.32);
  --color-other-shadow-popover-4: rgba(0, 0, 0, 0);
  --color-other-shadow-segment-1: rgba(0, 0, 0, 0.25);
  --focus-field: 0 0 0 1px #f5f5fd; /* тень у полей при :focus */
  --shadow-dropdown: 0px 10px 40px 0px rgba(0, 0, 0, 0.4), 0px 4px 8px 0px rgba(0, 0, 0, 0.12), 0px 2px 4px 0px rgba(0, 0, 0, 0.12); /* тень для Dropdown */
  --shadow-modal: 0px 10px 40px 0px rgba(0, 0, 0, 0.4), 0px 4px 12px 0px rgba(0, 0, 0, 0.16), 0px 2px 4px 0px rgba(0, 0, 0, 0.12); /* тень для  Modal Center */
  --shadow-popover: 0px 0px 2px 0px rgba(0, 0, 0, 0.2), 0px 4px 16px -2px rgba(0, 0, 0, 0.24), 0px 12px 40px 0px rgba(0, 0, 0, 0.32), inset 0px 0px 0px 0px rgba(0, 0, 0, 0); /* тень для Popover */
  --shadow-segment: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); /* тень для Segment */
  color-scheme: dark;
}