/**
 * Do not edit directly, this file was auto-generated.
 */

.dark:root {
  --components-overlay-opacity: 75%;
  --components-button-destructive-low-border-hover: rgba(255, 255, 255, 0);
  --components-button-destructive-low-border: rgba(255, 255, 255, 0);
  --components-button-destructive-low-background: rgba(255, 255, 255, 0);
  --components-button-destructive-medium-background: rgba(255, 255, 255, 0);
  --components-loader-white-background: rgba(255, 255, 255, 0.2);
  --components-list-native-item-background-title: rgba(255, 255, 255, 0);
  --components-list-native-item-background-disabled: rgba(255, 255, 255, 0);
  --components-list-native-item-background-hover: #4e7fdf;
  --components-list-native-item-background-default: rgba(255, 255, 255, 0);
  --components-list-native-item-content-disabled: rgba(255, 255, 255, 0.5);
  --components-list-native-border: #767578;
  --components-list-native-separator: #838086;
  --components-list-native-item-title-content: rgba(255, 255, 255, 0.5);
  --components-list-native-background: #565558;
  --components-form-opacity-disabled: 50%;
  --components-form-opacity-default: 100%;
  --components-button-gr-as-complementary-border-hover: rgba(255, 255, 255, 0);
  --components-button-gr-as-complementary-border: rgba(255, 255, 255, 0);
  --components-button-lower-border-hover-2: rgba(255, 255, 255, 0);
  --components-button-lower-border-2: rgba(255, 255, 255, 0);
  --components-button-lower-border-hover: rgba(255, 255, 255, 0);
  --components-button-lower-border-active: rgba(255, 255, 255, 0);
  --components-button-lower-border: rgba(255, 255, 255, 0);
  --components-button-low-border-hover: rgba(255, 255, 255, 0);
  --components-button-low-border-active: rgba(255, 255, 255, 0);
  --components-button-low-border: rgba(255, 255, 255, 0);
  --components-button-low-background: rgba(255, 255, 255, 0);
  --components-button-medium-background: rgba(255, 255, 255, 0);
  --components-button-high-border-active: rgba(255, 255, 255, 0);
  --components-button-high-border-hover: rgba(255, 255, 255, 0);
  --components-button-high-border: rgba(255, 255, 255, 0);
  --shadow-y-axis-2xl: 25px;
  --shadow-y-axis-xl-2: 20px;
  --shadow-y-axis-xl-1: 10px;
  --shadow-y-axis-lg-2: 10px;
  --shadow-y-axis-lg-1: 4px;
  --shadow-y-axis-md-2: 4px;
  --shadow-y-axis-md-1: 2px;
  --shadow-y-axis-base-2: 1px;
  --shadow-y-axis-base-1: 1px;
  --shadow-y-axis-none: 0px;
  --shadow-spread-2xl: -6px;
  --shadow-spread-xl: -2px;
  --shadow-spread-lg-2: 0px;
  --shadow-spread-lg-1: 0px;
  --shadow-spread-md: 0px;
  --shadow-spread-base: 0px;
  --shadow-blur-2xl: 50px;
  --shadow-blur-xl-2: 0px;
  --shadow-blur-xl-1: 10px;
  --shadow-blur-lg-2: 15px;
  --shadow-blur-lg-1: 6px;
  --shadow-blur-md-2: 6px;
  --shadow-blur-md-1: 4px;
  --shadow-blur-base-2: 2px;
  --shadow-blur-base-1: 3px;
  --shadow-color-opacity-3: rgba(11, 15, 17, 0.32);
  --shadow-color-opacity-2: rgba(11, 15, 17, 0.14);
  --shadow-color-opacity-1: rgba(11, 15, 17, 0.09);
  --shadow-color-opacity-0: rgba(11, 15, 17, 0.09);
  --opacity-disabled-2: 0%;
  --opacity-disabled: 50%;
  --color-transparent: rgba(255, 255, 255, 0);
  --color-white: #ffffff;
  --color-black: #000000;
  --color-interaction-container-neutral-background-hover: rgba(255, 255, 255, 0.1);
  --color-interaction-container-neutral-background: rgba(255, 255, 255, 0);
  --color-interaction-container-branded-low-background: rgba(255, 255, 255, 0);
  --components-tooltip-border: var(--color-gray-ocean-50);
  --components-tooltip-background: var(--color-gray-ocean-50);
  --components-popover-background: var(--color-gray-ocean-900);
  --components-menu-contextual-item-background-hover: var(--color-interaction-container-neutral-background-hover);
  --components-menu-contextual-item-background: var(--color-interaction-container-neutral-background);
  --components-calendar-cell-background-today: var(--color-interaction-container-branded-low-background);
  --components-calendar-cell-background: var(--color-interaction-container-branded-low-background);
  --components-field-time-background-hover: var(--color-interaction-container-neutral-background-hover);
  --components-field-time-background-default: var(--color-interaction-container-neutral-background);
  --components-datagrid-body-background-hover: var(--color-interaction-container-neutral-background-hover);
  --components-datagrid-body-background-default: var(--color-interaction-container-neutral-background);
  --components-datagrid-header-background: var(--color-interaction-container-neutral-background);
  --components-overlay-background: var(--color-gray-ocean-650);
  --components-button-destructive-high-icon-hover: var(--color-base-black);
  --components-button-destructive-high-icon: var(--color-base-black);
  --components-button-destructive-high-text-hover: var(--color-base-black);
  --components-button-destructive-high-text: var(--color-base-black);
  --components-button-destructive-high-background-hover: var(--color-status-red-300);
  --components-button-destructive-high-background: var(--color-status-red-400);
  --components-button-destructive-low-icon-hover: var(--color-status-red-300);
  --components-button-destructive-low-icon: var(--color-status-red-400);
  --components-button-destructive-low-text-hover: var(--color-status-red-300);
  --components-button-destructive-low-text: var(--color-status-red-400);
  --components-button-destructive-low-background-hover: var(--color-status-red-900);
  --components-button-destructive-medium-border-hover: var(--color-status-red-300);
  --components-button-destructive-medium-border: var(--color-status-red-400);
  --components-button-destructive-medium-icon-hover: var(--color-status-red-300);
  --components-button-destructive-medium-icon: var(--color-status-red-400);
  --components-button-destructive-medium-text-hover: var(--color-status-red-300);
  --components-button-destructive-medium-text: var(--color-status-red-400);
  --components-button-destructive-medium-background-hover: var(--color-status-red-900);
  --components-loader-brand-foreground: var(--color-petrol-500);
  --components-loader-brand-background: var(--color-petrol-900);
  --components-loader-white-foreground: var(--color-base-white);
  --components-list-dropdown-group-title-background: var(--color-transparent);
  --components-list-dropdown-item-background-disabled: var(--color-interaction-container-neutral-background);
  --components-list-dropdown-item-background-hover: var(--color-interaction-container-neutral-background-hover);
  --components-list-dropdown-item-background-default: var(--color-interaction-container-neutral-background);
  --components-list-native-item-content-hover: var(--color-base-white);
  --components-list-native-item-content-default: var(--color-base-white);
  --components-form-shape-foreground-default: var(--color-base-black);
  --components-form-shape-background-selected: var(--color-petrol-500);
  --components-form-shape-background-disabled: var(--color-gray-ocean-700);
  --components-form-shape-background-hover: var(--color-gray-ocean-350);
  --components-form-shape-background-default: var(--color-gray-ocean-400);
  --components-form-field-background-checked: var(--color-petrol-500);
  --components-button-gr-as-complementary-icon-hover: var(--color-base-white);
  --components-button-gr-as-complementary-icon: var(--color-base-white);
  --components-button-gr-as-complementary-text-hover: var(--color-base-white);
  --components-button-gr-as-complementary-text: var(--color-base-white);
  --components-button-gr-as-complementary-background-hover: var(--color-gray-ocean-350);
  --components-button-gr-as-complementary-background: var(--color-gray-ocean-450);
  --components-button-lower-background-hover: var(--color-interaction-container-neutral-background-hover);
  --components-button-lower-background: var(--color-interaction-container-neutral-background);
  --color-dont-use-background: var(--color-gray-ocean-900);
  --color-dont-use-content: var(--color-gray-ocean-750);
  --color-dont-use-border: var(--color-gray-ocean-750);
  --color-rainbow-10-text: var(--color-gray-ocean-250);
  --color-rainbow-10-icon: var(--color-gray-ocean-250);
  --color-rainbow-10-border: var(--color-gray-ocean-250);
  --color-rainbow-10-background: var(--color-gray-ocean-650);
  --color-rainbow-9-text: var(--color-lime-500);
  --color-rainbow-9-icon: var(--color-lime-500);
  --color-rainbow-9-border: var(--color-lime-500);
  --color-rainbow-9-background: var(--color-lime-900);
  --color-rainbow-8-text: var(--color-petrol-300);
  --color-rainbow-8-icon: var(--color-petrol-300);
  --color-rainbow-8-border: var(--color-petrol-300);
  --color-rainbow-8-background: var(--color-petrol-800);
  --color-rainbow-7-text: var(--color-green-300);
  --color-rainbow-7-icon: var(--color-green-300);
  --color-rainbow-7-border: var(--color-green-300);
  --color-rainbow-7-background: var(--color-green-800);
  --color-rainbow-6-text: var(--color-crimson-200);
  --color-rainbow-6-icon: var(--color-crimson-200);
  --color-rainbow-6-border: var(--color-crimson-200);
  --color-rainbow-6-background: var(--color-crimson-800);
  --color-rainbow-5-text: var(--color-turquoise-500);
  --color-rainbow-5-icon: var(--color-turquoise-500);
  --color-rainbow-5-border: var(--color-turquoise-500);
  --color-rainbow-5-background: var(--color-turquoise-900);
  --color-rainbow-4-text: var(--color-red-200);
  --color-rainbow-4-icon: var(--color-red-200);
  --color-rainbow-4-border: var(--color-red-200);
  --color-rainbow-4-background: var(--color-red-800);
  --color-rainbow-3-text: var(--color-yellow-600);
  --color-rainbow-3-icon: var(--color-yellow-600);
  --color-rainbow-3-border: var(--color-yellow-600);
  --color-rainbow-3-background: var(--color-yellow-900);
  --color-rainbow-2-text: var(--color-orange-400);
  --color-rainbow-2-icon: var(--color-orange-400);
  --color-rainbow-2-border: var(--color-orange-400);
  --color-rainbow-2-background: var(--color-orange-900);
  --color-rainbow-1-text: var(--color-amber-500);
  --color-rainbow-1-icon: var(--color-amber-500);
  --color-rainbow-1-border: var(--color-amber-500);
  --color-rainbow-1-background: var(--color-amber-900);
  --color-focus-brand: var(--color-petrol-500);
  --color-feedback-success-low-text: var(--color-status-green-400);
  --color-feedback-success-low-icon: var(--color-status-green-400);
  --color-feedback-success-low-border: var(--color-status-green-400);
  --color-feedback-success-low-background: var(--color-status-green-900);
  --color-feedback-success-high-text: var(--color-status-green-800);
  --color-feedback-success-high-icon: var(--color-status-green-800);
  --color-feedback-success-high-border: var(--color-status-green-300);
  --color-feedback-success-high-background: var(--color-status-green-300);
  --color-feedback-warning-low-text: var(--color-status-yellow-500);
  --color-feedback-warning-low-icon: var(--color-status-yellow-500);
  --color-feedback-warning-low-border: var(--color-status-yellow-500);
  --color-feedback-warning-low-background: var(--color-status-yellow-900);
  --color-feedback-warning-high-text: var(--color-status-yellow-900);
  --color-feedback-warning-high-icon: var(--color-status-yellow-900);
  --color-feedback-warning-high-border: var(--color-status-yellow-500);
  --color-feedback-warning-high-background: var(--color-status-yellow-500);
  --color-feedback-neutral-low-text: var(--color-gray-ocean-250);
  --color-feedback-neutral-low-icon: var(--color-gray-ocean-250);
  --color-feedback-neutral-low-border: var(--color-gray-ocean-250);
  --color-feedback-neutral-low-background: var(--color-gray-ocean-800);
  --color-feedback-neutral-high-text: var(--color-gray-ocean-800);
  --color-feedback-neutral-high-icon: var(--color-gray-ocean-800);
  --color-feedback-neutral-high-border: var(--color-gray-ocean-250);
  --color-feedback-neutral-high-background: var(--color-gray-ocean-250);
  --color-feedback-error-low-text: var(--color-status-red-300);
  --color-feedback-error-low-icon: var(--color-status-red-300);
  --color-feedback-error-low-border: var(--color-status-red-300);
  --color-feedback-error-low-background: var(--color-status-red-900);
  --color-feedback-error-high-text: var(--color-status-red-900);
  --color-feedback-error-high-icon: var(--color-status-red-900);
  --color-feedback-error-high-border: var(--color-status-red-300);
  --color-feedback-error-high-background: var(--color-status-red-300);
  --color-feedback-information-low-text: var(--color-status-blue-300);
  --color-feedback-information-low-icon: var(--color-status-blue-300);
  --color-feedback-information-low-border: var(--color-status-blue-300);
  --color-feedback-information-low-background: var(--color-status-blue-900);
  --color-feedback-information-high-text: var(--color-status-blue-800);
  --color-feedback-information-high-icon: var(--color-status-blue-800);
  --color-feedback-information-high-border: var(--color-status-blue-300);
  --color-feedback-information-high-background: var(--color-status-blue-300);
  --color-chart-10: var(--color-crimson-500);
  --color-chart-9: var(--color-dark-blue-500);
  --color-chart-8: var(--color-orange-500);
  --color-chart-7: var(--color-yellow-500);
  --color-chart-6: var(--color-lime-500);
  --color-chart-5: var(--color-light-blue-500);
  --color-chart-4: var(--color-turquoise-500);
  --color-chart-3: var(--color-petrol-500);
  --color-chart-2: var(--color-dark-gray-500);
  --color-chart-1: var(--color-amber-500);
  --color-accent-900: var(--color-orange-900);
  --color-accent-800: var(--color-orange-800);
  --color-accent-700: var(--color-orange-700);
  --color-accent-600: var(--color-orange-600);
  --color-accent-500: var(--color-orange-500);
  --color-accent-400: var(--color-orange-400);
  --color-accent-300: var(--color-orange-300);
  --color-accent-200: var(--color-orange-200);
  --color-accent-100: var(--color-orange-100);
  --color-accent-50: var(--color-orange-50);
  --color-content-inverted-low-icon: var(--color-gray-ocean-450);
  --color-content-inverted-low-text: var(--color-gray-ocean-450);
  --color-content-inverted-medium-icon: var(--color-gray-ocean-650);
  --color-content-inverted-medium-text: var(--color-gray-ocean-650);
  --color-content-inverted-high-icon: var(--color-gray-ocean-900);
  --color-content-inverted-high-text: var(--color-gray-ocean-900);
  --color-content-lower-text: var(--color-gray-ocean-400);
  --color-content-low-icon: var(--color-gray-ocean-300);
  --color-content-low-text: var(--color-gray-ocean-300);
  --color-content-low-border: var(--color-gray-ocean-500);
  --color-content-medium-icon: var(--color-gray-ocean-200);
  --color-content-medium-text: var(--color-gray-ocean-200);
  --color-content-medium-border: var(--color-gray-ocean-400);
  --color-content-high-icon: var(--color-gray-ocean-50);
  --color-content-high-text: var(--color-gray-ocean-50);
  --color-content-high-border: var(--color-gray-ocean-300);
  --color-level-inverted-05-background: var(--color-gray-ocean-25);
  --color-level-inverted-00-background: var(--color-gray-ocean-00);
  --color-level-inverted-40-background: var(--color-gray-ocean-00);
  --color-level-inverted-30-background: var(--color-gray-ocean-50);
  --color-level-inverted-20-background: var(--color-gray-ocean-00);
  --color-level-inverted-15-background: var(--color-gray-ocean-75);
  --color-level-inverted-10-background: var(--color-gray-ocean-50);
  --color-level-05-background: var(--color-gray-ocean-850);
  --color-level-00-background: var(--color-gray-ocean-900);
  --color-level-40-background: var(--color-gray-ocean-500);
  --color-level-30-background: var(--color-gray-ocean-600);
  --color-level-20-background: var(--color-gray-ocean-700);
  --color-level-15-background: var(--color-gray-ocean-800);
  --color-level-10-background: var(--color-gray-ocean-800);
  --color-interaction-link-inverted-text-visited: var(--color-petrol-400);
  --color-interaction-link-inverted-text-hover: var(--color-petrol-600);
  --color-interaction-link-inverted-icon-visited: var(--color-petrol-400);
  --color-interaction-link-inverted-icon-hover: var(--color-petrol-600);
  --color-interaction-link-low-text-visited: var(--color-petrol-700);
  --color-interaction-link-low-text-hover: var(--color-petrol-500);
  --color-interaction-link-low-icon-visited: var(--color-petrol-700);
  --color-interaction-link-low-icon-hover: var(--color-petrol-500);
  --color-interaction-link-high-text-visited: var(--color-petrol-300);
  --color-interaction-link-high-text-hover: var(--color-petrol-400);
  --color-interaction-link-high-text: var(--color-petrol-500);
  --color-interaction-link-high-icon-visited: var(--color-petrol-300);
  --color-interaction-link-high-icon-hover: var(--color-petrol-400);
  --color-interaction-link-high-icon: var(--color-petrol-500);
  --color-interaction-container-neutral-text-active: var(--color-petrol-400);
  --color-interaction-container-neutral-icon-active: var(--color-petrol-400);
  --color-interaction-container-neutral-border-active: var(--color-petrol-400);
  --color-interaction-container-neutral-background-active: var(--color-petrol-900);
  --color-interaction-container-branded-high-text-hover: var(--color-base-black);
  --color-interaction-container-branded-high-text-active: var(--color-base-black);
  --color-interaction-container-branded-high-text: var(--color-base-black);
  --color-interaction-container-branded-high-icon-hover: var(--color-base-black);
  --color-interaction-container-branded-high-icon-active: var(--color-base-black);
  --color-interaction-container-branded-high-icon: var(--color-base-black);
  --color-interaction-container-branded-high-border-hover: var(--color-petrol-400);
  --color-interaction-container-branded-high-border-active: var(--color-petrol-400);
  --color-interaction-container-branded-high-border: var(--color-petrol-500);
  --color-interaction-container-branded-high-background-hover: var(--color-petrol-400);
  --color-interaction-container-branded-high-background-active: var(--color-petrol-400);
  --color-interaction-container-branded-high-background: var(--color-petrol-500);
  --color-interaction-container-branded-low-text-hover: var(--color-petrol-400);
  --color-interaction-container-branded-low-text-active: var(--color-petrol-400);
  --color-interaction-container-branded-low-text: var(--color-petrol-500);
  --color-interaction-container-branded-low-icon-hover: var(--color-petrol-400);
  --color-interaction-container-branded-low-icon-active: var(--color-petrol-400);
  --color-interaction-container-branded-low-icon: var(--color-petrol-500);
  --color-interaction-container-branded-low-border-hover: var(--color-petrol-400);
  --color-interaction-container-branded-low-border-active: var(--color-petrol-400);
  --color-interaction-container-branded-low-border: var(--color-petrol-500);
  --color-interaction-container-branded-low-background-hover: var(--color-petrol-900);
  --color-interaction-container-branded-low-background-active: var(--color-petrol-900);
  --components-tooltip-supporting-text: var(--color-content-inverted-medium-text);
  --components-tooltip-text: var(--color-content-inverted-high-text);
  --components-slider-handler-border-focus: var(--components-form-field-background-checked);
  --components-slider-handler-background-focus: var(--components-form-field-background-checked);
  --components-slider-track-background: var(--color-content-low-border);
  --components-popover-supporting-text: var(--color-content-low-text);
  --components-popover-text: var(--color-content-inverted-medium-text);
  --components-popover-border: var(--color-content-low-border);
  --components-notification-neutral-icon: var(--color-feedback-neutral-low-icon);
  --components-notification-neutral-border: var(--color-feedback-neutral-low-border);
  --components-notification-neutral-background: var(--color-level-20-background);
  --components-notification-success-icon: var(--color-feedback-success-low-icon);
  --components-notification-success-border: var(--color-feedback-success-low-border);
  --components-notification-success-background: var(--color-level-20-background);
  --components-notification-error-icon: var(--color-feedback-error-low-icon);
  --components-notification-error-border: var(--color-feedback-error-low-border);
  --components-notification-error-background: var(--color-level-20-background);
  --components-notification-warning-icon: var(--color-feedback-warning-low-icon);
  --components-notification-warning-border: var(--color-feedback-warning-low-border);
  --components-notification-warning-background: var(--color-level-20-background);
  --components-notification-content-title: var(--color-content-high-text);
  --components-notification-content-description: var(--color-content-medium-text);
  --components-notification-information-border: var(--color-feedback-information-low-border);
  --components-notification-information-icon: var(--color-feedback-information-low-icon);
  --components-notification-information-background: var(--color-level-20-background);
  --components-menu-contextual-item-content-disabled: var(--color-content-lower-text);
  --components-menu-contextual-item-shortcut: var(--color-content-lower-text);
  --components-menu-contextual-border: var(--color-content-low-border);
  --components-menu-contextual-background: var(--color-level-00-background);
  --components-calendar-background: var(--color-level-00-background);
  --components-calendar-weeks-text-hover: var(--color-content-high-text);
  --components-calendar-weeks-text: var(--color-content-high-text);
  --components-calendar-weeks-background-hover: var(--color-level-15-background);
  --components-calendar-weeks-background: var(--color-level-10-background);
  --components-calendar-cell-text-today: var(--color-content-high-text);
  --components-calendar-cell-text-outside-month: var(--color-content-lower-text);
  --components-calendar-cell-text-in-range: var(--color-interaction-container-branded-low-text-active);
  --components-calendar-cell-text-selected: var(--color-interaction-container-branded-high-text-active);
  --components-calendar-cell-dot-hover: var(--color-interaction-container-branded-high-icon-hover);
  --components-calendar-cell-dot-selected: var(--color-interaction-container-branded-high-icon-active);
  --components-calendar-cell-dot: var(--color-content-high-icon);
  --components-calendar-cell-background-hover: var(--color-interaction-container-branded-low-background-hover);
  --components-calendar-cell-background-in-range: var(--color-interaction-container-branded-low-background-active);
  --components-calendar-cell-background-selected: var(--color-interaction-container-branded-high-background-active);
  --components-calendar-header-text: var(--color-content-high-text);
  --components-calendar-border: var(--color-content-low-border);
  --components-field-time-border-active: var(--color-interaction-container-neutral-icon-active);
  --components-field-time-text-active: var(--color-interaction-container-neutral-text-active);
  --components-field-time-background-active: var(--color-interaction-container-neutral-background-active);
  --components-breadcrumb-text-hover: var(--color-interaction-link-low-text-hover);
  --components-breadcrumb-text-active: var(--color-content-medium-text);
  --components-breadcrumb-text: var(--color-content-low-text);
  --components-avatar-content-10: var(--color-rainbow-10-icon);
  --components-avatar-content-9: var(--color-rainbow-9-text);
  --components-avatar-content-8: var(--color-rainbow-8-text);
  --components-avatar-content-7: var(--color-rainbow-7-text);
  --components-avatar-content-6: var(--color-rainbow-6-icon);
  --components-avatar-content-5: var(--color-rainbow-5-icon);
  --components-avatar-content-4: var(--color-rainbow-4-icon);
  --components-avatar-content-3: var(--color-rainbow-3-icon);
  --components-avatar-content-2: var(--color-rainbow-2-icon);
  --components-avatar-content-1: var(--color-rainbow-1-icon);
  --components-avatar-border-10: var(--color-rainbow-10-border);
  --components-avatar-border-9: var(--color-rainbow-9-border);
  --components-avatar-border-8: var(--color-rainbow-8-border);
  --components-avatar-border-7: var(--color-rainbow-7-border);
  --components-avatar-border-6: var(--color-rainbow-6-border);
  --components-avatar-border-5: var(--color-rainbow-5-border);
  --components-avatar-border-4: var(--color-rainbow-4-border);
  --components-avatar-border-3: var(--color-rainbow-3-border);
  --components-avatar-border-2: var(--color-rainbow-2-border);
  --components-avatar-border-1: var(--color-rainbow-1-border);
  --components-avatar-background-10: var(--color-rainbow-10-background);
  --components-avatar-background-9: var(--color-rainbow-9-background);
  --components-avatar-background-8: var(--color-rainbow-8-background);
  --components-avatar-background-7: var(--color-rainbow-7-background);
  --components-avatar-background-6: var(--color-rainbow-6-background);
  --components-avatar-background-5: var(--color-rainbow-5-background);
  --components-avatar-background-4: var(--color-rainbow-4-background);
  --components-avatar-background-3: var(--color-rainbow-3-background);
  --components-avatar-background-2: var(--color-rainbow-2-background);
  --components-avatar-background-1: var(--color-rainbow-1-background);
  --components-datagrid-body-background-active: var(--color-interaction-container-neutral-background-active);
  --components-datagrid-body-subtext: var(--color-content-low-text);
  --components-datagrid-body-text: var(--color-content-high-text);
  --components-datagrid-body-border: var(--color-content-low-border);
  --components-datagrid-header-text: var(--color-content-low-text);
  --components-datagrid-header-border: var(--color-content-medium-border);
  --components-alert-neutral-icon: var(--color-feedback-neutral-low-icon);
  --components-alert-neutral-border: var(--color-feedback-neutral-low-border);
  --components-alert-neutral-background: var(--color-feedback-neutral-low-background);
  --components-alert-success-icon: var(--color-feedback-success-low-icon);
  --components-alert-success-border: var(--color-feedback-success-low-border);
  --components-alert-success-background: var(--color-feedback-success-low-background);
  --components-alert-error-icon: var(--color-feedback-error-low-icon);
  --components-alert-error-border: var(--color-feedback-error-low-border);
  --components-alert-error-background: var(--color-feedback-error-low-background);
  --components-alert-warning-icon: var(--color-feedback-warning-low-icon);
  --components-alert-warning-border: var(--color-feedback-warning-low-border);
  --components-alert-warning-background: var(--color-feedback-warning-low-background);
  --components-alert-content-title: var(--color-content-high-text);
  --components-alert-content-description: var(--color-content-medium-text);
  --components-alert-information-border: var(--color-feedback-information-low-border);
  --components-alert-information-icon: var(--color-feedback-information-low-icon);
  --components-alert-information-background: var(--color-feedback-information-low-background);
  --components-button-destructive-lower-border-hover: var(--color-dont-use-border);
  --components-button-destructive-lower-border: var(--color-dont-use-border);
  --components-button-destructive-lower-icon-hover: var(--color-dont-use-content);
  --components-button-destructive-lower-icon: var(--color-dont-use-content);
  --components-button-destructive-lower-text-hover: var(--color-dont-use-content);
  --components-button-destructive-lower-text: var(--color-dont-use-content);
  --components-button-destructive-lower-background-hover: var(--color-dont-use-background);
  --components-button-destructive-lower-background: var(--color-dont-use-background);
  --components-list-dropdown-border: var(--color-content-low-border);
  --components-list-dropdown-separator: var(--color-content-low-border);
  --components-list-dropdown-group-title-content: var(--color-content-medium-text);
  --components-list-dropdown-item-background-active: var(--color-interaction-container-neutral-background-active);
  --components-list-dropdown-item-description-disabled: var(--color-content-lower-text);
  --components-list-dropdown-item-description-hover: var(--color-content-medium-text);
  --components-list-dropdown-item-description-default: var(--color-content-low-text);
  --components-list-dropdown-item-label-active: var(--color-content-low-text);
  --components-list-dropdown-item-label-disabled: var(--color-content-low-text);
  --components-list-dropdown-item-label-hover: var(--color-content-high-text);
  --components-list-dropdown-item-label-default: var(--color-content-medium-text);
  --components-list-dropdown-item-border-active: var(--color-interaction-container-neutral-border-active);
  --components-list-dropdown-header-background: var(--color-level-10-background);
  --components-list-dropdown-background: var(--color-level-00-background);
  --components-form-shape-foreground-disabled-error: var(--color-feedback-error-high-background);
  --components-form-shape-foreground-switch-dot: var(--color-content-medium-border);
  --components-form-shape-border-success: var(--color-feedback-success-low-border);
  --components-form-shape-border-error: var(--color-feedback-error-low-border);
  --components-form-shape-border-focus: var(--color-focus-brand);
  --components-form-shape-border-hover: var(--color-content-high-border);
  --components-form-shape-border-default: var(--color-content-medium-border);
  --components-form-shape-background-error: var(--color-feedback-error-high-background);
  --components-form-field-icon-success: var(--color-feedback-success-low-icon);
  --components-form-field-icon-error: var(--color-feedback-error-low-icon);
  --components-form-field-icon-disabled: var(--color-content-medium-border);
  --components-form-field-icon-default: var(--color-content-low-text);
  --components-form-field-content-text: var(--color-content-high-text);
  --components-form-field-content-placeholder: var(--color-content-low-text);
  --components-form-field-border-readonly: var(--color-content-low-border);
  --components-form-field-border-success: var(--color-feedback-success-low-border);
  --components-form-field-border-error: var(--color-feedback-error-low-border);
  --components-form-field-border-focus: var(--color-focus-brand);
  --components-form-field-border-hover: var(--color-content-high-border);
  --components-form-field-border-disabled: var(--color-content-medium-border);
  --components-form-field-border-default: var(--color-content-medium-border);
  --components-form-field-background-readonly: var(--color-level-05-background);
  --components-form-field-background-error: var(--color-feedback-error-low-border);
  --components-form-field-background-disabled: var(--color-level-10-background);
  --components-form-field-background-hover: var(--color-level-05-background);
  --components-form-field-background-focus: var(--color-level-00-background);
  --components-form-field-background-default: var(--color-level-00-background);
  --components-form-text-description-error: var(--color-feedback-error-low-icon);
  --components-form-text-description-default: var(--color-content-low-text);
  --components-form-text-label-disabled: var(--color-content-medium-text);
  --components-form-text-label-default: var(--color-content-high-text);
  --components-form-text-info-icon: var(--color-content-medium-text);
  --components-form-text-required: var(--color-feedback-error-low-icon);
  --components-button-lower-text-active: var(--color-interaction-container-neutral-text-active);
  --components-button-lower-icon-active: var(--color-interaction-container-neutral-icon-active);
  --components-button-lower-background-active: var(--color-interaction-container-neutral-background-active);
  --components-button-low-text-hover: var(--color-interaction-container-branded-low-text-hover);
  --components-button-low-text-active: var(--color-interaction-container-branded-low-text-active);
  --components-button-low-text: var(--color-interaction-container-branded-low-text);
  --components-button-low-icon-hover: var(--color-interaction-container-branded-low-icon-hover);
  --components-button-low-icon-active: var(--color-interaction-container-branded-low-icon-active);
  --components-button-low-icon: var(--color-interaction-container-branded-low-icon);
  --components-button-low-background-hover: var(--color-interaction-container-branded-low-background-hover);
  --components-button-low-background-active: var(--color-interaction-container-branded-low-background-active);
  --components-button-medium-text-hover: var(--color-interaction-container-branded-low-text-hover);
  --components-button-medium-text-active: var(--color-interaction-container-branded-low-text-active);
  --components-button-medium-text: var(--color-interaction-container-branded-low-text);
  --components-button-medium-icon-hover: var(--color-interaction-container-branded-low-icon-hover);
  --components-button-medium-icon-active: var(--color-interaction-container-branded-low-icon-active);
  --components-button-medium-icon: var(--color-interaction-container-branded-low-icon);
  --components-button-medium-border-hover: var(--color-interaction-container-branded-low-border-hover);
  --components-button-medium-border-active: var(--color-interaction-container-branded-low-border-hover);
  --components-button-medium-border: var(--color-interaction-container-branded-low-border);
  --components-button-medium-background-hover: var(--color-interaction-container-branded-low-background-hover);
  --components-button-medium-background-active: var(--color-interaction-container-branded-low-background-active);
  --components-button-high-icon-hover: var(--color-interaction-container-branded-high-icon-hover);
  --components-button-high-icon-active: var(--color-interaction-container-branded-high-icon-active);
  --components-button-high-icon: var(--color-interaction-container-branded-high-icon);
  --components-button-high-text-hover: var(--color-interaction-container-branded-high-text-hover);
  --components-button-high-text-active: var(--color-interaction-container-branded-high-text-active);
  --components-button-high-text: var(--color-interaction-container-branded-high-text);
  --components-button-high-background-hover: var(--color-interaction-container-branded-high-background-hover);
  --components-button-high-background-active: var(--color-interaction-container-branded-high-background-active);
  --components-button-high-background: var(--color-interaction-container-branded-high-background);
  --color-focus-success: var(--color-feedback-success-low-border);
  --color-focus-destructive-in-field: var(--color-feedback-error-low-border);
  --color-focus-destructive: var(--color-feedback-error-high-border);
  --color-focus-background-inverted: var(--color-level-inverted-00-background);
  --color-focus-background: var(--color-level-00-background);
  --color-interaction-link-inverted-text-inactive: var(--color-content-inverted-low-text);
  --color-interaction-link-inverted-text: var(--color-content-inverted-medium-text);
  --color-interaction-link-inverted-icon-inactive: var(--color-content-inverted-low-icon);
  --color-interaction-link-inverted-icon: var(--color-content-inverted-medium-icon);
  --color-interaction-link-low-text-inactive: var(--color-content-low-text);
  --color-interaction-link-low-text: var(--color-content-high-text);
  --color-interaction-link-low-icon-inactive: var(--color-content-low-icon);
  --color-interaction-link-low-icon: var(--color-content-high-text);
  --color-interaction-link-high-text-inactive: var(--color-content-low-text);
  --color-interaction-link-high-icon-inactive: var(--color-content-low-icon);
  --color-interaction-container-neutral-text-hover: var(--color-content-medium-text);
  --color-interaction-container-neutral-text: var(--color-content-low-text);
  --color-interaction-container-neutral-icon-hover: var(--color-content-medium-text);
  --color-interaction-container-neutral-icon: var(--color-content-low-text);
  --color-interaction-container-neutral-border-hover: var(--color-content-medium-text);
  --color-interaction-container-neutral-border: var(--color-content-low-text);
  --components-slider-handler-border-readonly: var(--components-form-field-background-readonly);
  --components-slider-handler-border-disabled: var(--components-form-field-background-disabled);
  --components-slider-handler-border-error: var(--components-form-field-background-error);
  --components-slider-handler-border-hover: var(--components-form-field-background-hover);
  --components-slider-handler-border-default: var(--components-form-field-background-default);
  --components-slider-handler-background-readonly: var(--components-form-field-background-readonly);
  --components-slider-handler-background-disabled: var(--components-form-field-background-disabled);
  --components-slider-handler-background-error: var(--components-form-field-background-error);
  --components-slider-handler-background-hover: var(--components-form-field-background-hover);
  --components-slider-handler-background-default: var(--components-form-field-background-default);
  --components-slider-track-filled-readonly: var(--components-form-field-border-readonly);
  --components-slider-track-filled-disabled: var(--components-form-field-border-disabled);
  --components-slider-track-filled-error: var(--components-form-field-border-error);
  --components-slider-track-filled-focus: var(--components-form-field-border-focus);
  --components-slider-track-filled-hover: var(--components-form-field-border-hover);
  --components-slider-track-filled-default: var(--components-form-field-border-default);
  --components-menu-contextual-item-content-hover: var(--color-interaction-container-neutral-text-hover);
  --components-menu-contextual-item-content: var(--color-interaction-container-neutral-text);
  --components-calendar-cell-text-hover: var(--color-interaction-container-neutral-text-hover);
  --components-calendar-cell-text: var(--color-interaction-container-neutral-text);
  --components-field-time-text-hover: var(--color-interaction-container-neutral-text-hover);
  --components-field-time-text-default: var(--color-interaction-container-neutral-text);
  --components-form-shape-foreground-disabled: var(--components-form-shape-border-default);
  --components-button-lower-text-hover: var(--color-interaction-container-neutral-text-hover);
  --components-button-lower-text: var(--color-interaction-container-neutral-text);
  --components-button-lower-icon-hover: var(--color-interaction-container-neutral-icon-hover);
  --components-button-lower-icon: var(--color-interaction-container-neutral-icon);
}

:root {
  --color-gray-25: var(--color-gray-ocean-25);
  --color-gray-50: var(--color-gray-ocean-50);
  --color-gray-75: var(--color-gray-ocean-75);
  --color-gray-100: var(--color-gray-ocean-100);
  --color-gray-150: var(--color-gray-ocean-150);
  --color-gray-200: var(--color-gray-ocean-200);
  --color-gray-250: var(--color-gray-ocean-250);
  --color-gray-300: var(--color-gray-ocean-300);
  --color-gray-350: var(--color-gray-ocean-350);
  --color-gray-400: var(--color-gray-ocean-400);
  --color-gray-450: var(--color-gray-ocean-450);
  --color-gray-500: var(--color-gray-ocean-500);
  --color-gray-550: var(--color-gray-ocean-550);
  --color-gray-600: var(--color-gray-ocean-600);
  --color-gray-650: var(--color-gray-ocean-650);
  --color-gray-700: var(--color-gray-ocean-700);
  --color-gray-750: var(--color-gray-ocean-750);
  --color-gray-800: var(--color-gray-ocean-800);
  --color-gray-850: var(--color-gray-ocean-850);
  --color-gray-900: var(--color-gray-ocean-900);
  --color-gray-00: var(--color-gray-ocean-00);
}
/**
 * Do not edit directly, this file was auto-generated.
 */

:root {
  --components-overlay-opacity: 55%;
  --components-button-destructive-low-border-hover: rgba(255, 255, 255, 0);
  --components-button-destructive-low-border: rgba(255, 255, 255, 0);
  --components-button-destructive-low-background: rgba(255, 255, 255, 0);
  --components-button-destructive-medium-background: rgba(255, 255, 255, 0);
  --components-loader-white-background: rgba(255, 255, 255, 0.2);
  --components-list-native-item-background-title: rgba(255, 255, 255, 0);
  --components-list-native-item-background-disabled: rgba(255, 255, 255, 0);
  --components-list-native-item-background-hover: #4e7fdf;
  --components-list-native-item-background-default: rgba(255, 255, 255, 0);
  --components-list-native-item-content-disabled: rgba(255, 255, 255, 0.5);
  --components-list-native-border: #767578;
  --components-list-native-separator: #838086;
  --components-list-native-item-title-content: rgba(255, 255, 255, 0.5);
  --components-list-native-background: #565558;
  --components-form-opacity-disabled: 50%;
  --components-form-opacity-default: 100%;
  --components-button-gr-as-complementary-border-hover: rgba(255, 255, 255, 0);
  --components-button-gr-as-complementary-border: rgba(255, 255, 255, 0);
  --components-button-lower-border-hover-2: rgba(255, 255, 255, 0);
  --components-button-lower-border-2: rgba(255, 255, 255, 0);
  --components-button-lower-border-hover: rgba(255, 255, 255, 0);
  --components-button-lower-border-active: rgba(255, 255, 255, 0);
  --components-button-lower-border: rgba(255, 255, 255, 0);
  --components-button-low-border-hover: rgba(255, 255, 255, 0);
  --components-button-low-border-active: rgba(255, 255, 255, 0);
  --components-button-low-border: rgba(255, 255, 255, 0);
  --components-button-low-background: rgba(255, 255, 255, 0);
  --components-button-medium-background: rgba(255, 255, 255, 0);
  --components-button-high-border-active: rgba(255, 255, 255, 0);
  --components-button-high-border-hover: rgba(255, 255, 255, 0);
  --components-button-high-border: rgba(255, 255, 255, 0);
  --shadow-y-axis-2xl: 25px;
  --shadow-y-axis-xl-2: 20px;
  --shadow-y-axis-xl-1: 10px;
  --shadow-y-axis-lg-2: 10px;
  --shadow-y-axis-lg-1: 4px;
  --shadow-y-axis-md-2: 4px;
  --shadow-y-axis-md-1: 2px;
  --shadow-y-axis-base-2: 1px;
  --shadow-y-axis-base-1: 1px;
  --shadow-y-axis-none: 0px;
  --shadow-spread-2xl: -12px;
  --shadow-spread-xl: -5px;
  --shadow-spread-lg-2: -3px;
  --shadow-spread-lg-1: -2px;
  --shadow-spread-md: 0px;
  --shadow-spread-base: 0px;
  --shadow-blur-2xl: 50px;
  --shadow-blur-xl-2: 25px;
  --shadow-blur-xl-1: 10px;
  --shadow-blur-lg-2: 15px;
  --shadow-blur-lg-1: 6px;
  --shadow-blur-md-2: 6px;
  --shadow-blur-md-1: 4px;
  --shadow-blur-base-2: 2px;
  --shadow-blur-base-1: 3px;
  --shadow-color-opacity-3: rgba(11, 15, 17, 0.25);
  --shadow-color-opacity-2: rgba(11, 15, 17, 0.1);
  --shadow-color-opacity-1: rgba(11, 15, 17, 0.06);
  --shadow-color-opacity-0: rgba(255, 255, 255, 0.06);
  --opacity-disabled-2: 0%;
  --opacity-disabled: 50%;
  --color-transparent: rgba(255, 255, 255, 0);
  --color-white: #ffffff;
  --color-black: #000000;
  --color-interaction-container-neutral-background-hover: rgba(165, 166, 167, 0.12);
  --color-interaction-container-neutral-background: rgba(255, 255, 255, 0);
  --color-interaction-container-branded-low-background: rgba(255, 255, 255, 0);
  --components-tooltip-border: var(--color-gray-ocean-900);
  --components-tooltip-background: var(--color-gray-ocean-900);
  --components-popover-background: var(--color-gray-ocean-00);
  --components-menu-contextual-item-background-hover: var(--color-interaction-container-neutral-background-hover);
  --components-menu-contextual-item-background: var(--color-interaction-container-neutral-background);
  --components-calendar-cell-background-today: var(--color-interaction-container-branded-low-background);
  --components-calendar-cell-background: var(--color-interaction-container-branded-low-background);
  --components-field-time-background-hover: var(--color-interaction-container-neutral-background-hover);
  --components-field-time-background-default: var(--color-interaction-container-neutral-background);
  --components-datagrid-body-background-hover: var(--color-interaction-container-neutral-background-hover);
  --components-datagrid-body-background-default: var(--color-interaction-container-neutral-background);
  --components-datagrid-header-background: var(--color-interaction-container-neutral-background);
  --components-overlay-background: var(--color-gray-ocean-850);
  --components-button-destructive-high-icon-hover: var(--color-base-white);
  --components-button-destructive-high-icon: var(--color-base-white);
  --components-button-destructive-high-text-hover: var(--color-base-white);
  --components-button-destructive-high-text: var(--color-base-white);
  --components-button-destructive-high-background-hover: var(--color-status-red-600);
  --components-button-destructive-high-background: var(--color-status-red-500);
  --components-button-destructive-low-icon-hover: var(--color-status-red-600);
  --components-button-destructive-low-icon: var(--color-status-red-500);
  --components-button-destructive-low-text-hover: var(--color-status-red-600);
  --components-button-destructive-low-text: var(--color-status-red-500);
  --components-button-destructive-low-background-hover: var(--color-status-red-50);
  --components-button-destructive-medium-border-hover: var(--color-status-red-600);
  --components-button-destructive-medium-border: var(--color-status-red-500);
  --components-button-destructive-medium-icon-hover: var(--color-status-red-600);
  --components-button-destructive-medium-icon: var(--color-status-red-500);
  --components-button-destructive-medium-text-hover: var(--color-status-red-600);
  --components-button-destructive-medium-text: var(--color-status-red-500);
  --components-button-destructive-medium-background-hover: var(--color-status-red-50);
  --components-loader-brand-foreground: var(--color-petrol-500);
  --components-loader-brand-background: var(--color-petrol-50);
  --components-loader-white-foreground: var(--color-base-white);
  --components-list-dropdown-group-title-background: var(--color-transparent);
  --components-list-dropdown-item-background-disabled: var(--color-interaction-container-neutral-background);
  --components-list-dropdown-item-background-hover: var(--color-interaction-container-neutral-background-hover);
  --components-list-dropdown-item-background-default: var(--color-interaction-container-neutral-background);
  --components-list-native-item-content-hover: var(--color-base-white);
  --components-list-native-item-content-default: var(--color-base-white);
  --components-form-shape-foreground-default: var(--color-base-white);
  --components-form-shape-background-selected: var(--color-petrol-600);
  --components-form-shape-background-disabled: var(--color-gray-ocean-75);
  --components-form-shape-background-hover: var(--color-gray-ocean-100);
  --components-form-shape-background-default: var(--color-gray-ocean-75);
  --components-form-field-background-checked: var(--color-petrol-600);
  --components-button-gr-as-complementary-icon-hover: var(--color-base-black);
  --components-button-gr-as-complementary-icon: var(--color-base-black);
  --components-button-gr-as-complementary-text-hover: var(--color-base-black);
  --components-button-gr-as-complementary-text: var(--color-base-black);
  --components-button-gr-as-complementary-background-hover: var(--color-gray-ocean-300);
  --components-button-gr-as-complementary-background: var(--color-gray-ocean-200);
  --components-button-lower-background-hover: var(--color-interaction-container-neutral-background-hover);
  --components-button-lower-background: var(--color-interaction-container-neutral-background);
  --color-dont-use-background: var(--color-gray-ocean-50);
  --color-dont-use-content: var(--color-gray-ocean-150);
  --color-dont-use-border: var(--color-gray-ocean-150);
  --color-rainbow-10-text: var(--color-gray-ocean-500);
  --color-rainbow-10-icon: var(--color-gray-ocean-500);
  --color-rainbow-10-border: var(--color-gray-ocean-500);
  --color-rainbow-10-background: var(--color-gray-ocean-75);
  --color-rainbow-9-text: var(--color-lime-700);
  --color-rainbow-9-icon: var(--color-lime-700);
  --color-rainbow-9-border: var(--color-lime-700);
  --color-rainbow-9-background: var(--color-lime-50);
  --color-rainbow-8-text: var(--color-petrol-600);
  --color-rainbow-8-icon: var(--color-petrol-600);
  --color-rainbow-8-border: var(--color-petrol-600);
  --color-rainbow-8-background: var(--color-petrol-50);
  --color-rainbow-7-text: var(--color-green-600);
  --color-rainbow-7-icon: var(--color-green-600);
  --color-rainbow-7-border: var(--color-green-600);
  --color-rainbow-7-background: var(--color-green-50);
  --color-rainbow-6-text: var(--color-crimson-400);
  --color-rainbow-6-icon: var(--color-crimson-400);
  --color-rainbow-6-border: var(--color-crimson-400);
  --color-rainbow-6-background: var(--color-crimson-50);
  --color-rainbow-5-text: var(--color-turquoise-800);
  --color-rainbow-5-icon: var(--color-turquoise-800);
  --color-rainbow-5-border: var(--color-turquoise-800);
  --color-rainbow-5-background: var(--color-turquoise-50);
  --color-rainbow-4-text: var(--color-red-500);
  --color-rainbow-4-icon: var(--color-red-500);
  --color-rainbow-4-border: var(--color-red-500);
  --color-rainbow-4-background: var(--color-red-50);
  --color-rainbow-3-text: var(--color-yellow-800);
  --color-rainbow-3-icon: var(--color-yellow-800);
  --color-rainbow-3-border: var(--color-yellow-800);
  --color-rainbow-3-background: var(--color-yellow-100);
  --color-rainbow-2-text: var(--color-orange-700);
  --color-rainbow-2-icon: var(--color-orange-700);
  --color-rainbow-2-border: var(--color-orange-700);
  --color-rainbow-2-background: var(--color-orange-50);
  --color-rainbow-1-text: var(--color-amber-700);
  --color-rainbow-1-icon: var(--color-amber-700);
  --color-rainbow-1-border: var(--color-amber-700);
  --color-rainbow-1-background: var(--color-amber-50);
  --color-focus-brand: var(--color-petrol-600);
  --color-feedback-success-low-text: var(--color-status-green-600);
  --color-feedback-success-low-icon: var(--color-status-green-600);
  --color-feedback-success-low-border: var(--color-status-green-600);
  --color-feedback-success-low-background: var(--color-status-green-50);
  --color-feedback-success-high-text: var(--color-status-green-800);
  --color-feedback-success-high-icon: var(--color-status-green-800);
  --color-feedback-success-high-border: var(--color-status-green-400);
  --color-feedback-success-high-background: var(--color-status-green-400);
  --color-feedback-warning-low-text: var(--color-status-yellow-700);
  --color-feedback-warning-low-icon: var(--color-status-yellow-700);
  --color-feedback-warning-low-border: var(--color-status-yellow-700);
  --color-feedback-warning-low-background: var(--color-status-yellow-50);
  --color-feedback-warning-high-text: var(--color-status-yellow-900);
  --color-feedback-warning-high-icon: var(--color-status-yellow-900);
  --color-feedback-warning-high-border: var(--color-status-yellow-500);
  --color-feedback-warning-high-background: var(--color-status-yellow-500);
  --color-feedback-neutral-low-text: var(--color-gray-ocean-450);
  --color-feedback-neutral-low-icon: var(--color-gray-ocean-450);
  --color-feedback-neutral-low-border: var(--color-gray-ocean-450);
  --color-feedback-neutral-low-background: var(--color-gray-ocean-50);
  --color-feedback-neutral-high-text: var(--color-gray-ocean-800);
  --color-feedback-neutral-high-icon: var(--color-gray-ocean-800);
  --color-feedback-neutral-high-border: var(--color-gray-ocean-250);
  --color-feedback-neutral-high-background: var(--color-gray-ocean-250);
  --color-feedback-error-low-text: var(--color-status-red-600);
  --color-feedback-error-low-icon: var(--color-status-red-600);
  --color-feedback-error-low-border: var(--color-status-red-600);
  --color-feedback-error-low-background: var(--color-status-red-50);
  --color-feedback-error-high-text: var(--color-status-red-900);
  --color-feedback-error-high-icon: var(--color-status-red-900);
  --color-feedback-error-high-border: var(--color-status-red-300);
  --color-feedback-error-high-background: var(--color-status-red-300);
  --color-feedback-information-low-text: var(--color-status-blue-500);
  --color-feedback-information-low-icon: var(--color-status-blue-500);
  --color-feedback-information-low-border: var(--color-status-blue-500);
  --color-feedback-information-low-background: var(--color-status-blue-50);
  --color-feedback-information-high-text: var(--color-status-blue-800);
  --color-feedback-information-high-icon: var(--color-status-blue-800);
  --color-feedback-information-high-border: var(--color-status-blue-300);
  --color-feedback-information-high-background: var(--color-status-blue-300);
  --color-chart-10: var(--color-crimson-500);
  --color-chart-9: var(--color-dark-blue-500);
  --color-chart-8: var(--color-orange-500);
  --color-chart-7: var(--color-yellow-500);
  --color-chart-6: var(--color-lime-500);
  --color-chart-5: var(--color-light-blue-500);
  --color-chart-4: var(--color-turquoise-500);
  --color-chart-3: var(--color-petrol-500);
  --color-chart-2: var(--color-dark-gray-500);
  --color-chart-1: var(--color-amber-500);
  --color-accent-900: var(--color-orange-900);
  --color-accent-800: var(--color-orange-800);
  --color-accent-700: var(--color-orange-700);
  --color-accent-600: var(--color-orange-600);
  --color-accent-500: var(--color-orange-500);
  --color-accent-400: var(--color-orange-400);
  --color-accent-300: var(--color-orange-300);
  --color-accent-200: var(--color-orange-200);
  --color-accent-100: var(--color-orange-100);
  --color-accent-50: var(--color-orange-50);
  --color-content-inverted-low-icon: var(--color-gray-ocean-400);
  --color-content-inverted-low-text: var(--color-gray-ocean-400);
  --color-content-inverted-medium-icon: var(--color-gray-ocean-300);
  --color-content-inverted-medium-text: var(--color-gray-ocean-300);
  --color-content-inverted-high-icon: var(--color-gray-ocean-50);
  --color-content-inverted-high-text: var(--color-gray-ocean-50);
  --color-content-lower-text: var(--color-gray-ocean-250);
  --color-content-low-icon: var(--color-gray-ocean-400);
  --color-content-low-text: var(--color-gray-ocean-400);
  --color-content-low-border: var(--color-gray-ocean-100);
  --color-content-medium-icon: var(--color-gray-ocean-550);
  --color-content-medium-text: var(--color-gray-ocean-550);
  --color-content-medium-border: var(--color-gray-ocean-200);
  --color-content-high-icon: var(--color-gray-ocean-800);
  --color-content-high-text: var(--color-gray-ocean-800);
  --color-content-high-border: var(--color-gray-ocean-300);
  --color-level-inverted-05-background: var(--color-gray-ocean-850);
  --color-level-inverted-00-background: var(--color-gray-ocean-900);
  --color-level-inverted-40-background: var(--color-gray-ocean-500);
  --color-level-inverted-30-background: var(--color-gray-ocean-600);
  --color-level-inverted-20-background: var(--color-gray-ocean-700);
  --color-level-inverted-15-background: var(--color-gray-ocean-750);
  --color-level-inverted-10-background: var(--color-gray-ocean-800);
  --color-level-05-background: var(--color-gray-ocean-25);
  --color-level-00-background: var(--color-gray-ocean-00);
  --color-level-40-background: var(--color-gray-ocean-00);
  --color-level-30-background: var(--color-gray-ocean-50);
  --color-level-20-background: var(--color-gray-ocean-00);
  --color-level-15-background: var(--color-gray-ocean-75);
  --color-level-10-background: var(--color-gray-ocean-50);
  --color-interaction-link-inverted-text-visited: var(--color-petrol-700);
  --color-interaction-link-inverted-text-hover: var(--color-petrol-500);
  --color-interaction-link-inverted-icon-visited: var(--color-petrol-700);
  --color-interaction-link-inverted-icon-hover: var(--color-petrol-500);
  --color-interaction-link-low-text-visited: var(--color-petrol-400);
  --color-interaction-link-low-text-hover: var(--color-petrol-600);
  --color-interaction-link-low-icon-visited: var(--color-petrol-400);
  --color-interaction-link-low-icon-hover: var(--color-petrol-600);
  --color-interaction-link-high-text-visited: var(--color-petrol-800);
  --color-interaction-link-high-text-hover: var(--color-petrol-700);
  --color-interaction-link-high-text: var(--color-petrol-600);
  --color-interaction-link-high-icon-visited: var(--color-petrol-800);
  --color-interaction-link-high-icon-hover: var(--color-petrol-700);
  --color-interaction-link-high-icon: var(--color-petrol-600);
  --color-interaction-container-neutral-text-active: var(--color-petrol-700);
  --color-interaction-container-neutral-icon-active: var(--color-petrol-700);
  --color-interaction-container-neutral-border-active: var(--color-petrol-700);
  --color-interaction-container-neutral-background-active: var(--color-petrol-50);
  --color-interaction-container-branded-high-text-hover: var(--color-base-white);
  --color-interaction-container-branded-high-text-active: var(--color-base-white);
  --color-interaction-container-branded-high-text: var(--color-base-white);
  --color-interaction-container-branded-high-icon-hover: var(--color-base-white);
  --color-interaction-container-branded-high-icon-active: var(--color-base-white);
  --color-interaction-container-branded-high-icon: var(--color-base-white);
  --color-interaction-container-branded-high-border-hover: var(--color-petrol-700);
  --color-interaction-container-branded-high-border-active: var(--color-petrol-700);
  --color-interaction-container-branded-high-border: var(--color-petrol-600);
  --color-interaction-container-branded-high-background-hover: var(--color-petrol-700);
  --color-interaction-container-branded-high-background-active: var(--color-petrol-700);
  --color-interaction-container-branded-high-background: var(--color-petrol-600);
  --color-interaction-container-branded-low-text-hover: var(--color-petrol-700);
  --color-interaction-container-branded-low-text-active: var(--color-petrol-700);
  --color-interaction-container-branded-low-text: var(--color-petrol-600);
  --color-interaction-container-branded-low-icon-hover: var(--color-petrol-700);
  --color-interaction-container-branded-low-icon-active: var(--color-petrol-700);
  --color-interaction-container-branded-low-icon: var(--color-petrol-600);
  --color-interaction-container-branded-low-border-hover: var(--color-petrol-700);
  --color-interaction-container-branded-low-border-active: var(--color-petrol-700);
  --color-interaction-container-branded-low-border: var(--color-petrol-600);
  --color-interaction-container-branded-low-background-hover: var(--color-petrol-50);
  --color-interaction-container-branded-low-background-active: var(--color-petrol-50);
  --components-tooltip-supporting-text: var(--color-content-inverted-medium-text);
  --components-tooltip-text: var(--color-content-inverted-high-text);
  --components-slider-handler-border-focus: var(--components-form-field-background-checked);
  --components-slider-handler-background-focus: var(--components-form-field-background-checked);
  --components-slider-track-background: var(--color-content-low-border);
  --components-popover-supporting-text: var(--color-content-low-text);
  --components-popover-text: var(--color-content-medium-text);
  --components-popover-border: var(--color-content-low-border);
  --components-notification-neutral-icon: var(--color-feedback-neutral-low-icon);
  --components-notification-neutral-border: var(--color-feedback-neutral-low-border);
  --components-notification-neutral-background: var(--color-level-00-background);
  --components-notification-success-icon: var(--color-feedback-success-low-icon);
  --components-notification-success-border: var(--color-feedback-success-low-border);
  --components-notification-success-background: var(--color-level-00-background);
  --components-notification-error-icon: var(--color-feedback-error-low-icon);
  --components-notification-error-border: var(--color-feedback-error-low-border);
  --components-notification-error-background: var(--color-level-00-background);
  --components-notification-warning-icon: var(--color-feedback-warning-low-icon);
  --components-notification-warning-border: var(--color-feedback-warning-low-border);
  --components-notification-warning-background: var(--color-level-00-background);
  --components-notification-content-title: var(--color-content-high-text);
  --components-notification-content-description: var(--color-content-medium-text);
  --components-notification-information-border: var(--color-feedback-information-low-border);
  --components-notification-information-icon: var(--color-feedback-information-low-icon);
  --components-notification-information-background: var(--color-level-00-background);
  --components-menu-contextual-item-content-disabled: var(--color-content-lower-text);
  --components-menu-contextual-item-shortcut: var(--color-content-lower-text);
  --components-menu-contextual-border: var(--color-content-low-border);
  --components-menu-contextual-background: var(--color-level-00-background);
  --components-calendar-background: var(--color-level-00-background);
  --components-calendar-weeks-text-hover: var(--color-content-high-text);
  --components-calendar-weeks-text: var(--color-content-high-text);
  --components-calendar-weeks-background-hover: var(--color-level-15-background);
  --components-calendar-weeks-background: var(--color-level-10-background);
  --components-calendar-cell-text-today: var(--color-content-high-text);
  --components-calendar-cell-text-outside-month: var(--color-content-lower-text);
  --components-calendar-cell-text-in-range: var(--color-interaction-container-branded-low-text-active);
  --components-calendar-cell-text-selected: var(--color-interaction-container-branded-high-text-active);
  --components-calendar-cell-dot-hover: var(--color-interaction-container-branded-high-icon-hover);
  --components-calendar-cell-dot-selected: var(--color-interaction-container-branded-high-icon-active);
  --components-calendar-cell-dot: var(--color-content-high-icon);
  --components-calendar-cell-background-hover: var(--color-interaction-container-branded-low-background-hover);
  --components-calendar-cell-background-in-range: var(--color-interaction-container-branded-low-background-active);
  --components-calendar-cell-background-selected: var(--color-interaction-container-branded-high-background-active);
  --components-calendar-header-text: var(--color-content-high-text);
  --components-calendar-border: var(--color-content-low-border);
  --components-field-time-border-active: var(--color-interaction-container-neutral-icon-active);
  --components-field-time-text-active: var(--color-interaction-container-neutral-text-active);
  --components-field-time-background-active: var(--color-interaction-container-neutral-background-active);
  --components-breadcrumb-text-hover: var(--color-interaction-link-low-text-hover);
  --components-breadcrumb-text-active: var(--color-content-medium-text);
  --components-breadcrumb-text: var(--color-content-low-text);
  --components-avatar-content-10: var(--color-rainbow-10-icon);
  --components-avatar-content-9: var(--color-rainbow-9-text);
  --components-avatar-content-8: var(--color-rainbow-8-text);
  --components-avatar-content-7: var(--color-rainbow-7-text);
  --components-avatar-content-6: var(--color-rainbow-6-icon);
  --components-avatar-content-5: var(--color-rainbow-5-icon);
  --components-avatar-content-4: var(--color-rainbow-4-icon);
  --components-avatar-content-3: var(--color-rainbow-3-icon);
  --components-avatar-content-2: var(--color-rainbow-2-icon);
  --components-avatar-content-1: var(--color-rainbow-1-icon);
  --components-avatar-border-10: var(--color-rainbow-10-border);
  --components-avatar-border-9: var(--color-rainbow-9-border);
  --components-avatar-border-8: var(--color-rainbow-8-border);
  --components-avatar-border-7: var(--color-rainbow-7-border);
  --components-avatar-border-6: var(--color-rainbow-6-border);
  --components-avatar-border-5: var(--color-rainbow-5-border);
  --components-avatar-border-4: var(--color-rainbow-4-border);
  --components-avatar-border-3: var(--color-rainbow-3-border);
  --components-avatar-border-2: var(--color-rainbow-2-border);
  --components-avatar-border-1: var(--color-rainbow-1-border);
  --components-avatar-background-10: var(--color-rainbow-10-background);
  --components-avatar-background-9: var(--color-rainbow-9-background);
  --components-avatar-background-8: var(--color-rainbow-8-background);
  --components-avatar-background-7: var(--color-rainbow-7-background);
  --components-avatar-background-6: var(--color-rainbow-6-background);
  --components-avatar-background-5: var(--color-rainbow-5-background);
  --components-avatar-background-4: var(--color-rainbow-4-background);
  --components-avatar-background-3: var(--color-rainbow-3-background);
  --components-avatar-background-2: var(--color-rainbow-2-background);
  --components-avatar-background-1: var(--color-rainbow-1-background);
  --components-datagrid-body-background-active: var(--color-interaction-container-neutral-background-active);
  --components-datagrid-body-subtext: var(--color-content-low-text);
  --components-datagrid-body-text: var(--color-content-high-text);
  --components-datagrid-body-border: var(--color-content-low-border);
  --components-datagrid-header-text: var(--color-content-low-text);
  --components-datagrid-header-border: var(--color-content-medium-border);
  --components-alert-neutral-icon: var(--color-feedback-neutral-low-icon);
  --components-alert-neutral-border: var(--color-feedback-neutral-low-border);
  --components-alert-neutral-background: var(--color-feedback-neutral-low-background);
  --components-alert-success-icon: var(--color-feedback-success-low-icon);
  --components-alert-success-border: var(--color-feedback-success-low-border);
  --components-alert-success-background: var(--color-feedback-success-low-background);
  --components-alert-error-icon: var(--color-feedback-error-low-icon);
  --components-alert-error-border: var(--color-feedback-error-low-border);
  --components-alert-error-background: var(--color-feedback-error-low-background);
  --components-alert-warning-icon: var(--color-feedback-warning-low-icon);
  --components-alert-warning-border: var(--color-feedback-warning-low-border);
  --components-alert-warning-background: var(--color-feedback-warning-low-background);
  --components-alert-content-title: var(--color-content-high-text);
  --components-alert-content-description: var(--color-content-medium-text);
  --components-alert-information-border: var(--color-feedback-information-low-border);
  --components-alert-information-icon: var(--color-feedback-information-low-icon);
  --components-alert-information-background: var(--color-feedback-information-low-background);
  --components-button-destructive-lower-border-hover: var(--color-dont-use-border);
  --components-button-destructive-lower-border: var(--color-dont-use-border);
  --components-button-destructive-lower-icon-hover: var(--color-dont-use-content);
  --components-button-destructive-lower-icon: var(--color-dont-use-content);
  --components-button-destructive-lower-text-hover: var(--color-dont-use-content);
  --components-button-destructive-lower-text: var(--color-dont-use-content);
  --components-button-destructive-lower-background-hover: var(--color-dont-use-background);
  --components-button-destructive-lower-background: var(--color-dont-use-background);
  --components-list-dropdown-border: var(--color-content-low-border);
  --components-list-dropdown-separator: var(--color-content-low-border);
  --components-list-dropdown-group-title-content: var(--color-content-medium-text);
  --components-list-dropdown-item-background-active: var(--color-interaction-container-neutral-background-active);
  --components-list-dropdown-item-description-disabled: var(--color-content-lower-text);
  --components-list-dropdown-item-description-hover: var(--color-content-medium-text);
  --components-list-dropdown-item-description-default: var(--color-content-low-text);
  --components-list-dropdown-item-label-active: var(--color-content-low-text);
  --components-list-dropdown-item-label-disabled: var(--color-content-low-text);
  --components-list-dropdown-item-label-hover: var(--color-content-high-text);
  --components-list-dropdown-item-label-default: var(--color-content-medium-text);
  --components-list-dropdown-item-border-active: var(--color-interaction-container-neutral-border-active);
  --components-list-dropdown-header-background: var(--color-level-10-background);
  --components-list-dropdown-background: var(--color-level-00-background);
  --components-form-shape-foreground-disabled-error: var(--color-feedback-error-high-background);
  --components-form-shape-foreground-switch-dot: var(--color-content-medium-border);
  --components-form-shape-border-success: var(--color-feedback-success-low-border);
  --components-form-shape-border-error: var(--color-feedback-error-low-border);
  --components-form-shape-border-focus: var(--color-focus-brand);
  --components-form-shape-border-hover: var(--color-content-high-border);
  --components-form-shape-border-default: var(--color-content-medium-border);
  --components-form-shape-background-error: var(--color-feedback-error-high-background);
  --components-form-field-icon-success: var(--color-feedback-success-low-icon);
  --components-form-field-icon-error: var(--color-feedback-error-low-icon);
  --components-form-field-icon-disabled: var(--color-content-medium-border);
  --components-form-field-icon-default: var(--color-content-low-text);
  --components-form-field-content-text: var(--color-content-high-text);
  --components-form-field-content-placeholder: var(--color-content-low-text);
  --components-form-field-border-readonly: var(--color-content-low-border);
  --components-form-field-border-success: var(--color-feedback-success-low-border);
  --components-form-field-border-error: var(--color-feedback-error-low-border);
  --components-form-field-border-focus: var(--color-focus-brand);
  --components-form-field-border-hover: var(--color-content-high-border);
  --components-form-field-border-disabled: var(--color-content-medium-border);
  --components-form-field-border-default: var(--color-content-medium-border);
  --components-form-field-background-readonly: var(--color-level-05-background);
  --components-form-field-background-error: var(--color-feedback-error-low-border);
  --components-form-field-background-disabled: var(--color-level-10-background);
  --components-form-field-background-hover: var(--color-level-05-background);
  --components-form-field-background-focus: var(--color-level-00-background);
  --components-form-field-background-default: var(--color-level-00-background);
  --components-form-text-description-error: var(--color-feedback-error-low-icon);
  --components-form-text-description-default: var(--color-content-low-text);
  --components-form-text-label-disabled: var(--color-content-medium-text);
  --components-form-text-label-default: var(--color-content-high-text);
  --components-form-text-info-icon: var(--color-content-low-text);
  --components-form-text-required: var(--color-feedback-error-low-icon);
  --components-button-lower-text-active: var(--color-interaction-container-neutral-text-active);
  --components-button-lower-icon-active: var(--color-interaction-container-neutral-icon-active);
  --components-button-lower-background-active: var(--color-interaction-container-neutral-background-active);
  --components-button-low-text-hover: var(--color-interaction-container-branded-low-text-hover);
  --components-button-low-text-active: var(--color-interaction-container-branded-low-text-active);
  --components-button-low-text: var(--color-interaction-container-branded-low-text);
  --components-button-low-icon-hover: var(--color-interaction-container-branded-low-icon-hover);
  --components-button-low-icon-active: var(--color-interaction-container-branded-low-icon-active);
  --components-button-low-icon: var(--color-interaction-container-branded-low-icon);
  --components-button-low-background-hover: var(--color-interaction-container-branded-low-background-hover);
  --components-button-low-background-active: var(--color-interaction-container-branded-low-background-active);
  --components-button-medium-text-hover: var(--color-interaction-container-branded-low-text-hover);
  --components-button-medium-text-active: var(--color-interaction-container-branded-low-text-active);
  --components-button-medium-text: var(--color-interaction-container-branded-low-text);
  --components-button-medium-icon-hover: var(--color-interaction-container-branded-low-icon-hover);
  --components-button-medium-icon-active: var(--color-interaction-container-branded-low-icon-active);
  --components-button-medium-icon: var(--color-interaction-container-branded-low-icon);
  --components-button-medium-border-hover: var(--color-interaction-container-branded-low-border-hover);
  --components-button-medium-border-active: var(--color-interaction-container-branded-low-border-hover);
  --components-button-medium-border: var(--color-interaction-container-branded-low-border);
  --components-button-medium-background-hover: var(--color-interaction-container-branded-low-background-hover);
  --components-button-medium-background-active: var(--color-interaction-container-branded-low-background-active);
  --components-button-high-icon-hover: var(--color-interaction-container-branded-high-icon-hover);
  --components-button-high-icon-active: var(--color-interaction-container-branded-high-icon-active);
  --components-button-high-icon: var(--color-interaction-container-branded-high-icon);
  --components-button-high-text-hover: var(--color-interaction-container-branded-high-text-hover);
  --components-button-high-text-active: var(--color-interaction-container-branded-high-text-active);
  --components-button-high-text: var(--color-interaction-container-branded-high-text);
  --components-button-high-background-hover: var(--color-interaction-container-branded-high-background-hover);
  --components-button-high-background-active: var(--color-interaction-container-branded-high-background-active);
  --components-button-high-background: var(--color-interaction-container-branded-high-background);
  --color-focus-success: var(--color-feedback-success-low-border);
  --color-focus-destructive-in-field: var(--color-feedback-error-low-border);
  --color-focus-destructive: var(--color-feedback-error-high-border);
  --color-focus-background-inverted: var(--color-level-inverted-00-background);
  --color-focus-background: var(--color-level-00-background);
  --color-interaction-link-inverted-text-inactive: var(--color-content-inverted-low-text);
  --color-interaction-link-inverted-text: var(--color-content-inverted-medium-text);
  --color-interaction-link-inverted-icon-inactive: var(--color-content-inverted-low-icon);
  --color-interaction-link-inverted-icon: var(--color-content-inverted-medium-icon);
  --color-interaction-link-low-text-inactive: var(--color-content-low-text);
  --color-interaction-link-low-text: var(--color-content-high-text);
  --color-interaction-link-low-icon-inactive: var(--color-content-low-icon);
  --color-interaction-link-low-icon: var(--color-content-high-text);
  --color-interaction-link-high-text-inactive: var(--color-content-low-text);
  --color-interaction-link-high-icon-inactive: var(--color-content-low-icon);
  --color-interaction-container-neutral-text-hover: var(--color-content-medium-text);
  --color-interaction-container-neutral-text: var(--color-content-low-text);
  --color-interaction-container-neutral-icon-hover: var(--color-content-medium-text);
  --color-interaction-container-neutral-icon: var(--color-content-low-text);
  --color-interaction-container-neutral-border-hover: var(--color-content-medium-text);
  --color-interaction-container-neutral-border: var(--color-content-inverted-low-text);
  --components-slider-handler-border-readonly: var(--components-form-field-background-readonly);
  --components-slider-handler-border-disabled: var(--components-form-field-background-disabled);
  --components-slider-handler-border-error: var(--components-form-field-background-error);
  --components-slider-handler-border-hover: var(--components-form-field-background-hover);
  --components-slider-handler-border-default: var(--components-form-field-background-default);
  --components-slider-handler-background-readonly: var(--components-form-field-background-readonly);
  --components-slider-handler-background-disabled: var(--components-form-field-background-disabled);
  --components-slider-handler-background-error: var(--components-form-field-background-error);
  --components-slider-handler-background-hover: var(--components-form-field-background-hover);
  --components-slider-handler-background-default: var(--components-form-field-background-default);
  --components-slider-track-filled-readonly: var(--components-form-field-border-readonly);
  --components-slider-track-filled-disabled: var(--components-form-field-border-disabled);
  --components-slider-track-filled-error: var(--components-form-field-border-error);
  --components-slider-track-filled-focus: var(--components-form-field-border-focus);
  --components-slider-track-filled-hover: var(--components-form-field-border-hover);
  --components-slider-track-filled-default: var(--components-form-field-border-default);
  --components-menu-contextual-item-content-hover: var(--color-interaction-container-neutral-text-hover);
  --components-menu-contextual-item-content: var(--color-interaction-container-neutral-text);
  --components-calendar-cell-text-hover: var(--color-interaction-container-neutral-text-hover);
  --components-calendar-cell-text: var(--color-interaction-container-neutral-text);
  --components-field-time-text-hover: var(--color-interaction-container-neutral-text-hover);
  --components-field-time-text-default: var(--color-interaction-container-neutral-text);
  --components-form-shape-foreground-disabled: var(--components-form-shape-border-default);
  --components-button-lower-text-hover: var(--color-interaction-container-neutral-text-hover);
  --components-button-lower-text: var(--color-interaction-container-neutral-text);
  --components-button-lower-icon-hover: var(--color-interaction-container-neutral-icon-hover);
  --components-button-lower-icon: var(--color-interaction-container-neutral-icon);
}

/**
 * Do not edit directly, this file was auto-generated.
 */

:root {
  --letter-spacing-heading-xl: -1px;
  --letter-spacing-heading-lg: -0.75px;
  --letter-spacing-heading-md: -0.5px;
  --letter-spacing-heading-sm: -0.25px;
  --letter-spacing-heading-xs: 0px;
  --spacing-09: 36px;
  --spacing-07: 28px;
  --spacing-3-5: 14px;
  --spacing-2-5: 10px;
  --spacing-1-5: 6px;
  --spacing-0-5: 2px;
  --spacing-px: 1px;
  --spacing-96: 384px;
  --spacing-80: 320px;
  --spacing-72: 288px;
  --spacing-64: 256px;
  --spacing-60: 240px;
  --spacing-56: 224px;
  --spacing-52: 208px;
  --spacing-48: 192px;
  --spacing-44: 176px;
  --spacing-40: 160px;
  --spacing-36: 144px;
  --spacing-32: 128px;
  --spacing-28: 112px;
  --spacing-24: 96px;
  --spacing-20: 80px;
  --spacing-16: 64px;
  --spacing-14: 56px;
  --spacing-12: 48px;
  --spacing-11: 44px;
  --spacing-10: 40px;
  --spacing-9: 36px;
  --spacing-8: 32px;
  --spacing-7: 28px;
  --spacing-6: 24px;
  --spacing-5: 20px;
  --spacing-4: 16px;
  --spacing-3: 12px;
  --spacing-2: 8px;
  --spacing-1: 4px;
  --spacing-0: 0px;
  --radius-rounded-full: 9999px;
  --radius-rounded-3xl: 24px;
  --radius-rounded-2xl: 16px;
  --radius-rounded-xl: 12px;
  --radius-rounded-lg: 8px;
  --radius-rounded-md: 6px;
  --radius-rounded: 4px;
  --radius-rounded-sm: 2px;
  --radius-rounded-none: 0px;
  --line-height-9xl: 128px;
  --line-height-8xl: 96px;
  --line-height-7xl: 72px;
  --line-height-6xl: 60px;
  --line-height-5xl: 48px;
  --line-height-4xl: 40px;
  --line-height-3xl: 36px;
  --line-height-2xl: 32px;
  --line-height-xl: 30px;
  --line-height-lg: 28px;
  --line-height-base: 24px;
  --line-height-sm: 20px;
  --line-height-xs: 16px;
  --leading-loose: 2px;
  --leading-relaxed: 1.625px;
  --leading-normal: 1.5px;
  --leading-snug: 1.375px;
  --leading-tight: 1.25px;
  --leading-none: 1px;
  --leading-px-10: 40px;
  --leading-px-9: 36px;
  --leading-px-8: 32px;
  --leading-px-7: 28px;
  --leading-px-6: 24px;
  --leading-px-5: 20px;
  --leading-px-4: 16px;
  --leading-px-3: 12px;
  --font-weight-low-emphasis: 400;
  --font-weight-medium-emphasis: 500;
  --font-weight-high-emphasis: 700;
  --font-size-9xl: 128px;
  --font-size-8xl: 96px;
  --font-size-7xl: 72px;
  --font-size-6xl: 60px;
  --font-size-5xl: 48px;
  --font-size-4xl: 36px;
  --font-size-3xl: 30px;
  --font-size-2xl: 24px;
  --font-size-xl: 20px;
  --font-size-lg: 18px;
  --font-size-md: 16px;
  --font-size-sm: 14px;
  --font-size-xs: 12px;
  --color-yellow-900: #4d3a00;
  --color-yellow-800: #795c00;
  --color-yellow-700: #a67d00;
  --color-yellow-600: #d29f00;
  --color-yellow-500: #ffc100;
  --color-yellow-400: #ffcc2d;
  --color-yellow-300: #ffd759;
  --color-yellow-200: #ffe286;
  --color-yellow-100: #ffecb3;
  --color-yellow-50: #fff7df;
  --color-turquoise-900: #1c2b28;
  --color-turquoise-800: #32504c;
  --color-turquoise-700: #456e68;
  --color-turquoise-600: #578b84;
  --color-turquoise-500: #6aa9a0;
  --color-turquoise-400: #84b8b1;
  --color-turquoise-300: #9ec7c1;
  --color-turquoise-200: #b8d6d2;
  --color-turquoise-100: #d2e5e3;
  --color-turquoise-50: #ecf4f3;
  --color-red-900: #3d0909;
  --color-red-800: #610e0e;
  --color-red-700: #851313;
  --color-red-600: #a81818;
  --color-red-500: #cc1d1d;
  --color-red-400: #d54545;
  --color-red-300: #de6c6c;
  --color-red-200: #e79494;
  --color-red-100: #f0bbbb;
  --color-red-50: #f9e3e3;
  --color-petrol-900: #0b292e;
  --color-petrol-800: #124148;
  --color-petrol-700: #185963;
  --color-petrol-600: #1f717d;
  --color-petrol-500: #258998;
  --color-petrol-400: #4b9eaa;
  --color-petrol-300: #71b2bc;
  --color-petrol-200: #97c7ce;
  --color-petrol-100: #bedce0;
  --color-petrol-50: #e4f0f2;
  --color-orange-950: #371408;
  --color-orange-900: #45190a;
  --color-orange-800: #6e280f;
  --color-orange-700: #963715;
  --color-orange-600: #bf451a;
  --color-orange-500: #e75420;
  --color-orange-400: #eb7247;
  --color-orange-300: #ef906e;
  --color-orange-200: #f4ae95;
  --color-orange-100: #f8ccbc;
  --color-orange-50: #fceae3;
  --color-status-yellow-900: #302300;
  --color-status-yellow-800: #4d3701;
  --color-status-yellow-700: #805c00;
  --color-status-yellow-600: #b58200;
  --color-status-yellow-500: #e0a917;
  --color-status-yellow-400: #fac50d;
  --color-status-yellow-300: #f7d14c;
  --color-status-yellow-200: #ffe286;
  --color-status-yellow-100: #fae49d;
  --color-status-yellow-50: #fff7df;
  --color-status-red-900: #380101;
  --color-status-red-800: #530101;
  --color-status-red-700: #911515;
  --color-status-red-600: #bb1919;
  --color-status-red-500: #da2424;
  --color-status-red-400: #ff3d3d;
  --color-status-red-300: #ff6161;
  --color-status-red-200: #ff8f8f;
  --color-status-red-100: #f5c4c4;
  --color-status-red-50: #ffeded;
  --color-status-green-900: #002302;
  --color-status-green-800: #003603;
  --color-status-green-700: #035707;
  --color-status-green-600: #008207;
  --color-status-green-500: #34ae3b;
  --color-status-green-400: #45d24d;
  --color-status-green-300: #6bde71;
  --color-status-green-200: #9ef4a3;
  --color-status-green-100: #c8facb;
  --color-status-green-50: #eafeeb;
  --color-status-blue-900: #001c37;
  --color-status-blue-800: #09285c;
  --color-status-blue-700: #113a80;
  --color-status-blue-600: #1c4d9e;
  --color-status-blue-500: #2660c2;
  --color-status-blue-400: #3883ff;
  --color-status-blue-300: #659fff;
  --color-status-blue-200: #a8c9ff;
  --color-status-blue-100: #c7dcff;
  --color-status-blue-50: #f0f6ff;
  --color-light-blue-500: #9ac3ce;
  --color-lime-900: #2a330e;
  --color-lime-800: #435017;
  --color-lime-700: #5c6e1f;
  --color-lime-600: #748b28;
  --color-lime-500: #8da930;
  --color-lime-400: #a1b854;
  --color-lime-300: #b5c778;
  --color-lime-200: #c9d69d;
  --color-lime-100: #dde5c1;
  --color-lime-50: #f1f4e5;
  --color-green-900: #062908;
  --color-green-800: #09400c;
  --color-green-700: #0c5810;
  --color-green-600: #106f15;
  --color-green-500: #138719;
  --color-green-400: #3c9c41;
  --color-green-300: #66b16a;
  --color-green-200: #8fc692;
  --color-green-100: #b8dbba;
  --color-green-50: #e2f0e2;
  --color-gray-spark-00: #ffffff;
  --color-gray-spark-900: #0e0e0e;
  --color-gray-spark-850: #161616;
  --color-gray-spark-800: #1d1d1d;
  --color-gray-spark-750: #252525;
  --color-gray-spark-700: #2b2b2b;
  --color-gray-spark-650: #313131;
  --color-gray-spark-600: #3a3a3a;
  --color-gray-spark-550: #414141;
  --color-gray-spark-500: #484848;
  --color-gray-spark-450: #4f4f4f;
  --color-gray-spark-400: #6d6d6d;
  --color-gray-spark-350: #808080;
  --color-gray-spark-300: #919191;
  --color-gray-spark-250: #a9a9a9;
  --color-gray-spark-200: #bfbfbf;
  --color-gray-spark-150: #cccccc;
  --color-gray-spark-100: #e3e3e3;
  --color-gray-spark-75: #ededed;
  --color-gray-spark-50: #f6f6f6;
  --color-gray-spark-25: #fbfbfb;
  --color-gray-ocean-00: #ffffff;
  --color-gray-ocean-900: #0b0f11;
  --color-gray-ocean-850: #11171a;
  --color-gray-ocean-800: #171f22;
  --color-gray-ocean-750: #1e272b;
  --color-gray-ocean-700: #222e33;
  --color-gray-ocean-650: #27353b;
  --color-gray-ocean-600: #2e3e44;
  --color-gray-ocean-550: #34464d;
  --color-gray-ocean-500: #394d55;
  --color-gray-ocean-450: #3f555e;
  --color-gray-ocean-400: #617177;
  --color-gray-ocean-350: #72858c;
  --color-gray-ocean-300: #889499;
  --color-gray-ocean-250: #9fadb2;
  --color-gray-ocean-200: #bac1c4;
  --color-gray-ocean-150: #c6ced1;
  --color-gray-ocean-100: #e1e4e6;
  --color-gray-ocean-75: #eaeef0;
  --color-gray-ocean-50: #f5f6f7;
  --color-gray-ocean-25: #fafbfb;
  --color-dark-gray-500: #394d55;
  --color-dark-blue-500: #447583;
  --color-crimson-900: #2e0010;
  --color-crimson-800: #490019;
  --color-crimson-700: #630022;
  --color-crimson-600: #7e002c;
  --color-crimson-500: #990035;
  --color-crimson-400: #ab2d58;
  --color-crimson-300: #bd597c;
  --color-crimson-200: #cf869f;
  --color-crimson-100: #e0b3c2;
  --color-crimson-50: #f7e9ee;
  --color-amber-900: #432306;
  --color-amber-800: #723d0c;
  --color-amber-700: #9c5311;
  --color-amber-600: #c66a15;
  --color-amber-500: #f0801a;
  --color-amber-400: #f39642;
  --color-amber-300: #f5ac6a;
  --color-amber-200: #f8c392;
  --color-amber-100: #fbd9ba;
  --color-amber-50: #fdefe2;
  --color-base-black: #000000;
  --color-base-white: #ffffff;
}

/**
 * Do not edit directly, this file was auto-generated.
 */

:root {
  --slider-tick-radius: 1px;
  --global-typography-legend-font-style: uppercase;
  --global-typography-label-font-style: normal;
  --global-typography-small-font-style: normal;
  --global-typography-p-font-style: normal;
  --global-typography-h5-font-style: normal;
  --global-typography-h6-font-style: normal;
  --global-typography-h4-font-style: normal;
  --global-typography-h3-font-style: normal;
  --global-typography-h2-font-style: normal;
  --global-typography-h1-font-style: normal;
  --tooltip-font-weight: 500;
  --popover-shadow-2-x: 0px;
  --popover-shadow-1-blur: 1px;
  --popover-shadow-1-x: 0px;
  --popover-font-weight: 500;
  --menu-contextual-item-font-weight: 500;
  --menu-contextual-divider-padding-bottom: 3px;
  --form-max-width: 480px;
  --form-field-badge-gap: 0px;
  --list-native-separator-padding-y: 3px;
  --list-native-separator-padding-x: 9px;
  --calendar-cell-dot-size: 3px;
  --button-lg-ring-radius: 9px;
  --button-md-ring-radius: 7px;
  --button-sm-ring-radius: 5px;
  --button-xs-ring-radius: 3px;
  --notification-title-line-height: var(--line-height-sm);
  --notification-title-font-weight: var(--font-weight-medium-emphasis);
  --notification-title-font-size: var(--font-size-sm);
  --notification-timestamp-line-height: var(--line-height-sm);
  --notification-timestamp-font-weight: var(--font-weight-low-emphasis);
  --notification-timestamp-font-size: var(--font-size-sm);
  --notification-description-line-height: var(--line-height-sm);
  --notification-description-font-weight: var(--font-weight-medium-emphasis);
  --notification-description-font-size: var(--font-size-sm);
  --notification-border-width-low-emphasis: var(--spacing-px);
  --notification-border-width-high-emphasis: var(--spacing-2);
  --notification-radius: var(--radius-rounded-lg);
  --notification-padding: var(--spacing-4);
  --notification-gap-y: var(--spacing-1);
  --notification-gap-x-title: var(--spacing-2);
  --notification-gap-x: var(--spacing-3);
  --notification-icon-size: var(--spacing-5);
  --navigation-primary-item-bullet-size: var(--spacing-5);
  --navigation-primary-item-bullet-font-size: var(--font-size-xs);
  --navigation-primary-item-radius: var(--radius-rounded-md);
  --navigation-primary-item-icon-size: var(--spacing-5);
  --navigation-primary-item-font-size: var(--font-size-md);
  --navigation-primary-item-padding-y: var(--spacing-2);
  --navigation-primary-item-padding-x: var(--spacing-3);
  --navigation-primary-item-gap-x: var(--spacing-2);
  --icon-xl: var(--spacing-7);
  --icon-lg: var(--spacing-6);
  --icon-md: var(--spacing-5);
  --icon-sm: var(--spacing-4);
  --icon-xs: var(--spacing-3);
  --loader-size-xl: var(--spacing-8);
  --loader-size-lg: var(--spacing-7);
  --loader-size-md: var(--spacing-6);
  --loader-size-sm: var(--spacing-5);
  --loader-size-xs: var(--spacing-4);
  --focus-outline-stroke: var(--spacing-0-5);
  --focus-outline-offset: var(--spacing-0-5);
  --focus-field-stroke: var(--spacing-px);
  --dialog-footer-padding-x: var(--spacing-6);
  --dialog-footer-padding-bottom: var(--spacing-6);
  --dialog-footer-padding-top: var(--spacing-2);
  --dialog-footer-gap-y: var(--spacing-3);
  --dialog-body-padding-y: var(--spacing-2);
  --dialog-body-padding-x: var(--spacing-6);
  --dialog-header-padding-x: var(--spacing-6);
  --dialog-header-padding-bottom: var(--spacing-2);
  --dialog-header-padding-top: var(--spacing-6);
  --dialog-header-gap-y: var(--spacing-0);
  --dialog-dismissible-position-right: var(--spacing-3);
  --dialog-dismissible-position-top: var(--spacing-5);
  --datagrid-cell-header-padding-y: var(--spacing-3);
  --datagrid-cell-header-padding-right: var(--spacing-2);
  --datagrid-cell-header-padding-x: var(--spacing-4);
  --datagrid-cell-body-actions-padding-y: var(--spacing-1);
  --datagrid-cell-body-padding-y: var(--spacing-2);
  --datagrid-cell-body-actions-gap-x: var(--spacing-2);
  --datagrid-cell-body-avatar-gap-x: var(--spacing-3);
  --datagrid-cell-body-padding-x: var(--spacing-4);
  --breadcrumb-padding-y: var(--spacing-1);
  --badge-radius: var(--radius-rounded-full);
  --badge-padding-y: var(--spacing-1);
  --badge-padding-icon-only-x: var(--spacing-1-5);
  --badge-padding-x: var(--spacing-2);
  --badge-height: var(--spacing-6);
  --badge-gap-icon-only-x: var(--spacing-0-5);
  --badge-gap-x: var(--spacing-1);
  --avatar-xl-size: var(--spacing-16);
  --avatar-xl-icon-size: var(--spacing-11);
  --avatar-xl-font-size: var(--spacing-8);
  --avatar-lg-size: var(--spacing-12);
  --avatar-lg-icon-size: var(--spacing-8);
  --avatar-lg-font-size: var(--spacing-6);
  --avatar-md-size: var(--spacing-10);
  --avatar-md-icon-size: var(--spacing-7);
  --avatar-md-font-size: var(--spacing-5);
  --avatar-sm-size: var(--spacing-8);
  --avatar-sm-icon-size: var(--spacing-5);
  --avatar-sm-font-size: var(--spacing-4);
  --avatar-xs-size: var(--spacing-6);
  --avatar-xs-icon-size: var(--spacing-4);
  --avatar-xs-font-size: var(--spacing-3);
  --alert-message-line-height: var(--line-height-sm);
  --alert-message-font-weight: var(--font-weight-low-emphasis);
  --alert-message-font-size: var(--font-size-sm);
  --alert-heading-line-height: var(--line-height-sm);
  --alert-heading-font-weight: var(--font-weight-medium-emphasis);
  --alert-heading-font-size: var(--font-size-sm);
  --alert-radius: var(--radius-rounded-lg);
  --alert-padding: var(--spacing-4);
  --alert-gap-y: var(--spacing-1);
  --alert-icon-position-y: var(--spacing-4);
  --alert-icon-position-x: var(--spacing-4);
  --alert-gap-x: var(--spacing-3);
  --alert-icon-size: var(--spacing-5);
  --slider-track-radius: var(--radius-rounded-sm);
  --slider-track-padding-x: var(--spacing-3);
  --slider-track-height: var(--spacing-1);
  --slider-handler-stroke: var(--spacing-0-5);
  --slider-handler-size-inner: var(--spacing-4);
  --slider-handler-size-max: var(--spacing-6);
  --slider-handler-size-min: var(--spacing-5);
  --slider-tick-width: var(--spacing-0-5);
  --slider-tick-height: var(--spacing-1);
  --global-typography-legend-font-weight: var(--font-weight-medium-emphasis);
  --global-typography-legend-line-height: var(--line-height-xs);
  --global-typography-legend-font-size: var(--font-size-xs);
  --global-typography-label-font-weight: var(--font-weight-medium-emphasis);
  --global-typography-label-line-height: var(--line-height-sm);
  --global-typography-label-font-size: var(--font-size-sm);
  --global-typography-small-line-height: var(--line-height-xs);
  --global-typography-small-font-size: var(--font-size-xs);
  --global-typography-p-font-weight: var(--font-weight-low-emphasis);
  --global-typography-p-line-height: var(--line-height-base);
  --global-typography-p-font-size: var(--font-size-md);
  --global-typography-h5-font-weight: var(--font-weight-high-emphasis);
  --global-typography-h5-line-height: var(--line-height-lg);
  --global-typography-h5-font-size: var(--font-size-lg);
  --global-typography-h6-font-weight: var(--font-weight-medium-emphasis);
  --global-typography-h6-line-height: var(--line-height-lg);
  --global-typography-h6-font-size: var(--font-size-lg);
  --global-typography-h4-font-weight: var(--font-weight-high-emphasis);
  --global-typography-h4-line-height: var(--line-height-xl);
  --global-typography-h4-font-size: var(--font-size-xl);
  --global-typography-h3-font-weight: var(--font-weight-high-emphasis);
  --global-typography-h3-line-height: var(--line-height-2xl);
  --global-typography-h3-font-size: var(--font-size-2xl);
  --global-typography-h2-font-weight: var(--font-weight-high-emphasis);
  --global-typography-h2-line-height: var(--line-height-3xl);
  --global-typography-h2-font-size: var(--font-size-3xl);
  --global-typography-h1-font-weight: var(--font-weight-high-emphasis);
  --global-typography-h1-line-height: var(--line-height-4xl);
  --global-typography-h1-font-size: var(--font-size-5xl);
  --tooltip-radius: var(--radius-rounded-md);
  --tooltip-gap-y: var(--spacing-1);
  --tooltip-complex-padding-y: var(--spacing-3);
  --tooltip-padding-y: var(--spacing-3);
  --tooltip-padding-x: var(--spacing-3);
  --tooltip-font-size: var(--font-size-sm);
  --popover-radius: var(--radius-rounded-md);
  --popover-padding-y: var(--spacing-2);
  --popover-padding-x: var(--spacing-2);
  --popover-gap-y: var(--spacing-1);
  --popover-font-size: var(--font-size-sm);
  --popover-shadow-2-opacity: var(--shadow-color-opacity-2);
  --popover-shadow-2-spread: var(--shadow-spread-lg-2);
  --popover-shadow-2-blur: var(--shadow-blur-lg-2);
  --popover-shadow-2-y: var(--shadow-y-axis-lg-2);
  --popover-shadow-1-opacity: var(--shadow-color-opacity-3);
  --popover-shadow-1-spread: var(--shadow-spread-lg-1);
  --popover-shadow-1-y: var(--shadow-y-axis-none);
  --menu-contextual-radius: var(--radius-rounded-md);
  --menu-contextual-padding-y: var(--spacing-1);
  --menu-contextual-padding-x: var(--spacing-1);
  --menu-contextual-gap-y: var(--spacing-0-5);
  --menu-contextual-item-radius: var(--radius-rounded);
  --menu-contextual-item-gap-x: var(--spacing-3);
  --menu-contextual-item-padding-y: var(--spacing-2);
  --menu-contextual-item-padding-x: var(--spacing-2-5);
  --menu-contextual-item-font-size: var(--font-size-sm);
  --menu-contextual-divider-padding-x: var(--spacing-2-5);
  --menu-contextual-divider-padding-top: var(--spacing-1);
  --form-toggle-width: var(--spacing-9);
  --form-toggle-switch-dot-selected: var(--spacing-3-5);
  --form-toggle-switch-dot-default: var(--spacing-3);
  --form-toggle-padding-selected: var(--spacing-0-5);
  --form-toggle-padding-default: var(--spacing-1);
  --form-toggle-radius: var(--radius-rounded-full);
  --form-toggle-padding-top: var(--spacing-0);
  --form-toggle-height: var(--spacing-5);
  --form-toggle-border-width: var(--spacing-0-5);
  --form-radio-ring-radius: var(--radius-rounded-full);
  --form-radio-size: var(--spacing-5);
  --form-radio-padding-top: var(--spacing-0);
  --form-radio-inner-circle-size: var(--spacing-2);
  --form-radio-inner-circle-padding: var(--spacing-1-5);
  --form-radio-border-width: var(--spacing-0-5);
  --form-checkbox-icon-stroke: var(--spacing-0-5);
  --form-checkbox-ring-radius: var(--radius-rounded-lg);
  --form-checkbox-size: var(--spacing-5);
  --form-checkbox-radius: var(--radius-rounded-md);
  --form-checkbox-padding-top: var(--spacing-0);
  --form-checkbox-icon-size: var(--spacing-3-5);
  --form-checkbox-border-width: var(--spacing-0-5);
  --form-label-font-weight: var(--font-weight-medium-emphasis);
  --form-label-line-height: var(--line-height-sm);
  --form-label-gap: var(--spacing-1);
  --form-label-font-size: var(--font-size-sm);
  --form-description-font-weight: var(--font-weight-low-emphasis);
  --form-description-line-height: var(--line-height-sm);
  --form-description-font-size: var(--font-size-sm);
  --form-gap-y: var(--spacing-1);
  --form-gap-x: var(--spacing-3);
  --form-field-inner-button-padding-y: var(--spacing-2-5);
  --form-field-inner-button-padding-x-int: var(--spacing-1-5);
  --form-field-inner-button-padding-x-ext: var(--spacing-2-5);
  --form-field-leading-trailing-line-height: var(--line-height-base);
  --form-field-leading-trailing-icon-size: var(--spacing-5);
  --form-field-leading-trailing-font-size: var(--font-size-sm);
  --form-field-radius: var(--radius-rounded-md);
  --form-field-padding-y: var(--spacing-2);
  --form-field-padding-x-icon-button: var(--spacing-10);
  --form-field-padding-x: var(--spacing-2);
  --form-field-line-height: var(--line-height-base);
  --form-field-gap-inner: var(--spacing-2);
  --form-field-gap: var(--spacing-2);
  --form-field-icon-size: var(--spacing-5);
  --form-field-font-weight: var(--font-weight-medium-emphasis);
  --form-field-font-size: var(--font-size-md);
  --form-field-badge-padding-y: var(--spacing-0-5);
  --form-field-badge-padding-x: var(--spacing-1);
  --list-multiselect-padding: var(--spacing-3);
  --list-dropdown-sub-item-padding-left: var(--spacing-10);
  --list-dropdown-separator-padding-y: var(--spacing-0-5);
  --list-dropdown-separator-padding-x: var(--spacing-0);
  --list-dropdown-padding: var(--spacing-2);
  --list-dropdown-radius: var(--radius-rounded-md);
  --list-dropdown-gap-y: var(--spacing-0-5);
  --list-dropdown-item-radius: var(--radius-rounded-md);
  --list-dropdown-item-gap-x: var(--spacing-3);
  --list-dropdown-item-padding-y: var(--spacing-2);
  --list-dropdown-item-padding-x: var(--spacing-2);
  --list-dropdown-item-padding-right: var(--spacing-2);
  --list-dropdown-item-padding-left: var(--spacing-8);
  --list-dropdown-line-height: var(--line-height-base);
  --list-dropdown-font-size: var(--font-size-md);
  --list-dropdown-icon-size: var(--spacing-5);
  --list-native-sub-item-padding-left: var(--spacing-8);
  --list-native-padding: var(--spacing-2);
  --list-native-radius: var(--radius-rounded-md);
  --list-native-gap-y: var(--spacing-0-5);
  --list-native-item-radius: var(--radius-rounded-md);
  --list-native-item-padding-y: var(--spacing-0);
  --list-native-item-padding-right: var(--spacing-2);
  --list-native-item-padding-left: var(--spacing-5);
  --list-native-line-height: var(--line-height-base);
  --list-native-font-size: var(--font-size-md);
  --list-native-icon-size: var(--spacing-5);
  --calendar-navigation-buttons-gap: var(--spacing-1);
  --calendar-controls-padding-top: var(--spacing-2);
  --calendar-controls-margin-top: var(--spacing-1);
  --calendar-weeks-size: var(--spacing-10);
  --calendar-weeks-radius: var(--radius-rounded);
  --calendar-header-button-size: var(--spacing-8);
  --calendar-header-margin-bottom: var(--spacing-1);
  --calendar-header-line-height: var(--line-height-sm);
  --calendar-header-font-weight: var(--font-weight-medium-emphasis);
  --calendar-header-font-size: var(--font-size-sm);
  --calendar-grid-gap-y: var(--spacing-0-5);
  --calendar-grid-gap-x: var(--spacing-0);
  --calendar-radius: var(--radius-rounded-md);
  --calendar-weeks-calendar-gap-x: var(--spacing-2);
  --calendar-gap-y: var(--spacing-1);
  --calendar-gap-x: var(--spacing-1);
  --calendar-double-gap-x: var(--spacing-3);
  --calendar-padding: var(--spacing-1);
  --calendar-cell-radius: var(--radius-rounded-2xl);
  --calendar-cell-size: var(--spacing-8);
  --calendar-cell-line-height: var(--line-height-sm);
  --calendar-cell-font-weight: var(--font-weight-low-emphasis);
  --calendar-cell-font-size: var(--font-size-sm);
  --button-lg-padding-y: var(--spacing-2-5);
  --button-lg-padding-x: var(--spacing-4);
  --button-lg-line-height: var(--line-height-lg);
  --button-lg-icon-size: var(--spacing-6);
  --button-lg-icon-button-padding: var(--spacing-3);
  --button-lg-gap: var(--spacing-2);
  --button-lg-font-size: var(--font-size-lg);
  --button-lg-border-radius: var(--radius-rounded-lg);
  --button-md-padding-y: var(--spacing-2);
  --button-md-padding-x: var(--spacing-3-5);
  --button-md-line-height: var(--line-height-base);
  --button-md-icon-size: var(--spacing-5);
  --button-md-icon-button-padding: var(--spacing-2-5);
  --button-md-gap: var(--spacing-2);
  --button-md-font-size: var(--font-size-md);
  --button-md-border-radius: var(--radius-rounded-md);
  --button-sm-padding-y: var(--spacing-1-5);
  --button-sm-padding-x: var(--spacing-3);
  --button-sm-line-height: var(--line-height-sm);
  --button-sm-icon-size: var(--spacing-4);
  --button-sm-icon-button-padding: var(--spacing-2);
  --button-sm-gap: var(--spacing-1-5);
  --button-sm-font-size: var(--font-size-sm);
  --button-sm-border-radius: var(--radius-rounded);
  --button-xs-padding-y: var(--spacing-1);
  --button-xs-padding-x: var(--spacing-2-5);
  --button-xs-line-height: var(--line-height-xs);
  --button-xs-icon-size: var(--spacing-3);
  --button-xs-icon-button-padding: var(--spacing-1-5);
  --button-xs-gap: var(--spacing-1);
  --button-xs-font-size: var(--font-size-xs);
  --button-xs-border-radius: var(--radius-rounded-sm);
}