/* This stylesheet is for dev purposes only. */

/* @import '../../../../node_modules/@nova-design-system/nova-base/dist/css/ocean.css'; */
/**
 * Do not edit directly, this file was auto-generated.
 */

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

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

:root {
  --color-interaction-container-neutral-background: rgba(255, 255, 255, 0);
  --color-black: #000000;
  --color-white: #ffffff;
  --color-transparent: rgba(255, 255, 255, 0);
  --opacity-disabled: 50%;
  --opacity-disabled-2: 50%;
  --shadow-color-opacity-0: rgba(0, 0, 0, 0.06);
  --shadow-color-opacity-1: rgba(14, 14, 14, 0.06);
  --shadow-color-opacity-2: rgba(14, 14, 14, 0.1);
  --shadow-color-opacity-3: rgba(14, 14, 14, 0.25);
  --shadow-blur-base-1: 3.0000px;
  --shadow-blur-base-2: 2.0000px;
  --shadow-blur-md-1: 4.0000px;
  --shadow-blur-md-2: 6.0000px;
  --shadow-blur-lg-1: 6.0000px;
  --shadow-blur-lg-2: 15.0000px;
  --shadow-blur-xl-1: 10.0000px;
  --shadow-blur-xl-2: 25.0000px;
  --shadow-blur-2xl: 50.0000px;
  --shadow-spread-base: 0.0000px;
  --shadow-spread-md: 0.0000px;
  --shadow-spread-lg-1: -2.0000px;
  --shadow-spread-lg-2: -3.0000px;
  --shadow-spread-xl: -5.0000px;
  --shadow-spread-2xl: -12.0000px;
  --shadow-y-axis-none: 0.0000px;
  --shadow-y-axis-base-1: 1.0000px;
  --shadow-y-axis-base-2: 1.0000px;
  --shadow-y-axis-md-1: 2.0000px;
  --shadow-y-axis-md-2: 4.0000px;
  --shadow-y-axis-lg-1: 4.0000px;
  --shadow-y-axis-lg-2: 10.0000px;
  --shadow-y-axis-xl-1: 10.0000px;
  --shadow-y-axis-xl-2: 20.0000px;
  --shadow-y-axis-2xl: 25.0000px;
  --components-button-high-border: rgba(255, 255, 255, 0);
  --components-button-low-background: rgba(255, 255, 255, 0);
  --components-button-low-border: rgba(255, 255, 255, 0);
  --components-button-low-border-active: rgba(255, 255, 255, 0);
  --components-button-low-border-hover: rgba(255, 255, 255, 0);
  --components-button-lower-border: rgba(255, 255, 255, 0);
  --components-button-lower-border-active: rgba(255, 255, 255, 0);
  --components-button-lower-border-hover: rgba(255, 255, 255, 0);
  --components-button-gr-as-complementary-border: rgba(255, 255, 255, 0);
  --components-button-gr-as-complementary-border-hover: rgba(255, 255, 255, 0);
  --components-form-opacity-default: 100%;
  --components-form-opacity-disabled: 50%;
  --components-loader-white-background: rgba(255, 255, 255, 0.2);
  --components-button-destructive-medium-background: rgba(255, 255, 255, 0);
  --components-button-destructive-low-background: rgba(255, 255, 255, 0);
  --components-button-destructive-low-border: rgba(255, 255, 255, 0);
  --components-button-destructive-low-border-hover: rgba(255, 255, 255, 0);
  --components-overlay-opacity: 55%;
  --color-interaction-container-neutral-background-active: var(--color-orange-50);
  --color-interaction-container-neutral-border-active: var(--color-orange-600);
  --color-interaction-container-neutral-icon-active: var(--color-orange-600);
  --color-interaction-container-neutral-text-active: var(--color-orange-600);
  --color-interaction-container-branded-high-background: var(--color-orange-500);
  --color-interaction-container-branded-high-background-active: var(--color-orange-600);
  --color-interaction-container-branded-high-background-hover: var(--color-orange-600);
  --color-interaction-container-branded-high-border: var(--color-orange-500);
  --color-interaction-container-branded-high-border-active: var(--color-orange-600);
  --color-interaction-container-branded-high-border-hover: var(--color-orange-600);
  --color-interaction-container-branded-high-icon: var(--color-base-white);
  --color-interaction-container-branded-high-icon-active: var(--color-base-white);
  --color-interaction-container-branded-high-icon-hover: var(--color-base-white);
  --color-interaction-container-branded-high-text: var(--color-base-white);
  --color-interaction-container-branded-high-text-active: var(--color-base-white);
  --color-interaction-container-branded-high-text-hover: var(--color-base-white);
  --color-interaction-container-branded-low-background-active: var(--color-orange-50);
  --color-interaction-container-branded-low-background-hover: var(--color-orange-50);
  --color-interaction-container-branded-low-border: var(--color-orange-500);
  --color-interaction-container-branded-low-border-active: var(--color-orange-600);
  --color-interaction-container-branded-low-border-hover: var(--color-orange-600);
  --color-interaction-container-branded-low-icon: var(--color-orange-500);
  --color-interaction-container-branded-low-icon-active: var(--color-orange-600);
  --color-interaction-container-branded-low-icon-hover: var(--color-orange-600);
  --color-interaction-container-branded-low-text: var(--color-orange-500);
  --color-interaction-container-branded-low-text-active: var(--color-orange-600);
  --color-interaction-container-branded-low-text-hover: var(--color-orange-600);
  --color-interaction-link-high-icon: var(--color-orange-600);
  --color-interaction-link-high-icon-hover: var(--color-orange-700);
  --color-interaction-link-high-icon-visited: var(--color-orange-700);
  --color-interaction-link-high-text: var(--color-orange-600);
  --color-interaction-link-high-text-hover: var(--color-orange-700);
  --color-interaction-link-high-text-visited: var(--color-orange-700);
  --color-interaction-link-low-icon-hover: var(--color-orange-700);
  --color-interaction-link-low-icon-visited: var(--color-orange-700);
  --color-interaction-link-low-text-hover: var(--color-orange-700);
  --color-interaction-link-low-text-visited: var(--color-orange-700);
  --color-interaction-link-inverted-icon-hover: var(--color-orange-500);
  --color-interaction-link-inverted-icon-visited: var(--color-orange-700);
  --color-interaction-link-inverted-text-hover: var(--color-orange-500);
  --color-interaction-link-inverted-text-visited: var(--color-orange-700);
  --color-level-10-background: var(--color-gray-spark-50);
  --color-level-15-background: var(--color-gray-spark-75);
  --color-level-20-background: var(--color-gray-spark-00);
  --color-level-30-background: var(--color-gray-spark-50);
  --color-level-40-background: var(--color-gray-spark-00);
  --color-level-00-background: var(--color-gray-spark-00);
  --color-level-05-background: var(--color-gray-spark-25);
  --color-level-inverted-10-background: var(--color-gray-spark-800);
  --color-level-inverted-15-background: var(--color-gray-spark-750);
  --color-level-inverted-20-background: var(--color-gray-spark-700);
  --color-level-inverted-30-background: var(--color-gray-spark-600);
  --color-level-inverted-40-background: var(--color-gray-spark-500);
  --color-level-inverted-00-background: var(--color-gray-spark-900);
  --color-level-inverted-05-background: var(--color-gray-spark-850);
  --color-content-high-border: var(--color-gray-spark-300);
  --color-content-high-text: var(--color-gray-spark-800);
  --color-content-high-icon: var(--color-gray-spark-800);
  --color-content-medium-border: var(--color-gray-spark-200);
  --color-content-medium-text: var(--color-gray-spark-550);
  --color-content-medium-icon: var(--color-gray-spark-550);
  --color-content-low-border: var(--color-gray-spark-100);
  --color-content-low-text: var(--color-gray-spark-400);
  --color-content-low-icon: var(--color-gray-spark-400);
  --color-content-lower-text: var(--color-gray-spark-250);
  --color-content-inverted-high-text: var(--color-gray-spark-50);
  --color-content-inverted-high-icon: var(--color-gray-spark-50);
  --color-content-inverted-medium-text: var(--color-gray-spark-300);
  --color-content-inverted-medium-icon: var(--color-gray-spark-300);
  --color-content-inverted-low-text: var(--color-gray-spark-400);
  --color-content-inverted-low-icon: var(--color-gray-spark-400);
  --color-accent-50: var(--color-petrol-50);
  --color-accent-100: var(--color-petrol-100);
  --color-accent-200: var(--color-petrol-200);
  --color-accent-300: var(--color-petrol-300);
  --color-accent-400: var(--color-petrol-400);
  --color-accent-500: var(--color-petrol-500);
  --color-accent-600: var(--color-petrol-600);
  --color-accent-700: var(--color-petrol-700);
  --color-accent-800: var(--color-petrol-800);
  --color-accent-900: var(--color-petrol-900);
  --color-brand-50: var(--color-amber-50);
  --color-brand-100: var(--color-amber-100);
  --color-brand-200: var(--color-amber-200);
  --color-brand-300: var(--color-amber-300);
  --color-brand-400: var(--color-amber-400);
  --color-brand-500: var(--color-amber-500);
  --color-brand-600: var(--color-amber-600);
  --color-brand-700: var(--color-amber-700);
  --color-brand-800: var(--color-amber-800);
  --color-brand-900: var(--color-amber-900);
  --color-chart-1: var(--color-amber-500);
  --color-chart-2: var(--color-dark-gray-500);
  --color-chart-3: var(--color-petrol-500);
  --color-chart-4: var(--color-turquoise-500);
  --color-chart-5: var(--color-light-blue-500);
  --color-chart-6: var(--color-lime-500);
  --color-chart-7: var(--color-yellow-500);
  --color-chart-8: var(--color-orange-500);
  --color-chart-9: var(--color-dark-blue-500);
  --color-chart-10: var(--color-crimson-500);
  --color-feedback-information-high-background: var(--color-status-blue-300);
  --color-feedback-information-high-border: var(--color-status-blue-300);
  --color-feedback-information-high-icon: var(--color-status-blue-800);
  --color-feedback-information-high-text: var(--color-status-blue-800);
  --color-feedback-information-low-background: var(--color-status-blue-50);
  --color-feedback-information-low-border: var(--color-status-blue-500);
  --color-feedback-information-low-border-subtle: var(--color-status-blue-100);
  --color-feedback-information-low-icon: var(--color-status-blue-500);
  --color-feedback-information-low-text: var(--color-status-blue-500);
  --color-feedback-information-high-contrast-background: var(--color-status-blue-800);
  --color-feedback-information-high-contrast-border: var(--color-status-blue-800);
  --color-feedback-information-high-contrast-icon: var(--color-base-white);
  --color-feedback-information-high-contrast-text: var(--color-status-blue-50);
  --color-feedback-information-high-contrast-title: var(--color-base-white);
  --color-feedback-error-high-background: var(--color-status-red-300);
  --color-feedback-error-high-border: var(--color-status-red-300);
  --color-feedback-error-high-icon: var(--color-status-red-900);
  --color-feedback-error-high-text: var(--color-status-red-900);
  --color-feedback-error-low-background: var(--color-status-red-50);
  --color-feedback-error-low-border: var(--color-status-red-600);
  --color-feedback-error-low-border-subtle: var(--color-status-red-100);
  --color-feedback-error-low-icon: var(--color-status-red-600);
  --color-feedback-error-low-text: var(--color-status-red-600);
  --color-feedback-error-high-contrast-background: var(--color-status-red-600);
  --color-feedback-error-high-contrast-border: var(--color-status-red-600);
  --color-feedback-error-high-contrast-icon: var(--color-base-white);
  --color-feedback-error-high-contrast-text: var(--color-status-red-50);
  --color-feedback-error-high-contrast-title: var(--color-base-white);
  --color-feedback-neutral-high-background: var(--color-gray-spark-250);
  --color-feedback-neutral-high-border: var(--color-gray-spark-250);
  --color-feedback-neutral-high-icon: var(--color-gray-spark-800);
  --color-feedback-neutral-high-text: var(--color-gray-spark-800);
  --color-feedback-neutral-low-background: var(--color-gray-spark-50);
  --color-feedback-neutral-low-border: var(--color-gray-spark-450);
  --color-feedback-neutral-low-border-subtle: var(--color-gray-spark-100);
  --color-feedback-neutral-low-icon: var(--color-gray-spark-450);
  --color-feedback-neutral-low-text: var(--color-gray-spark-450);
  --color-feedback-neutral-high-contrast-background: var(--color-gray-spark-450);
  --color-feedback-neutral-high-contrast-border: var(--color-gray-spark-450);
  --color-feedback-neutral-high-contrast-icon: var(--color-base-white);
  --color-feedback-neutral-high-contrast-text: var(--color-gray-spark-50);
  --color-feedback-neutral-high-contrast-title: var(--color-base-white);
  --color-feedback-warning-high-background: var(--color-status-yellow-500);
  --color-feedback-warning-high-border: var(--color-status-yellow-500);
  --color-feedback-warning-high-icon: var(--color-status-yellow-900);
  --color-feedback-warning-high-text: var(--color-status-yellow-900);
  --color-feedback-warning-low-background: var(--color-status-yellow-50);
  --color-feedback-warning-low-border: var(--color-status-yellow-700);
  --color-feedback-warning-low-border-subtle: var(--color-status-yellow-100);
  --color-feedback-warning-low-icon: var(--color-status-yellow-700);
  --color-feedback-warning-low-text: var(--color-status-yellow-700);
  --color-feedback-warning-high-contrast-background: var(--color-status-yellow-700);
  --color-feedback-warning-high-contrast-border: var(--color-status-yellow-700);
  --color-feedback-warning-high-contrast-icon: var(--color-base-white);
  --color-feedback-warning-high-contrast-text: var(--color-status-yellow-50);
  --color-feedback-warning-high-contrast-title: var(--color-base-white);
  --color-feedback-success-high-background: var(--color-status-green-400);
  --color-feedback-success-high-border: var(--color-status-green-400);
  --color-feedback-success-high-icon: var(--color-status-green-800);
  --color-feedback-success-high-text: var(--color-status-green-800);
  --color-feedback-success-low-background: var(--color-status-green-50);
  --color-feedback-success-low-border: var(--color-status-green-600);
  --color-feedback-success-low-border-subtle: var(--color-status-green-100);
  --color-feedback-success-low-icon: var(--color-status-green-600);
  --color-feedback-success-low-text: var(--color-status-green-600);
  --color-feedback-success-high-contrast-background: var(--color-status-green-600);
  --color-feedback-success-high-contrast-border: var(--color-status-green-600);
  --color-feedback-success-high-contrast-icon: var(--color-base-white);
  --color-feedback-success-high-contrast-text: var(--color-status-green-50);
  --color-feedback-success-high-contrast-title: var(--color-base-white);
  --color-focus-brand: var(--color-orange-500);
  --color-rainbow-1-background: var(--color-amber-50);
  --color-rainbow-1-border: var(--color-amber-700);
  --color-rainbow-1-border-light: var(--color-amber-100);
  --color-rainbow-1-icon: var(--color-amber-700);
  --color-rainbow-1-text: var(--color-amber-700);
  --color-rainbow-2-background: var(--color-orange-50);
  --color-rainbow-2-border: var(--color-orange-700);
  --color-rainbow-2-border-light: var(--color-orange-100);
  --color-rainbow-2-icon: var(--color-orange-700);
  --color-rainbow-2-text: var(--color-orange-700);
  --color-rainbow-3-background: var(--color-yellow-50);
  --color-rainbow-3-border: var(--color-yellow-800);
  --color-rainbow-3-border-light: var(--color-yellow-200);
  --color-rainbow-3-icon: var(--color-yellow-800);
  --color-rainbow-3-text: var(--color-yellow-800);
  --color-rainbow-4-background: var(--color-red-50);
  --color-rainbow-4-border: var(--color-red-500);
  --color-rainbow-4-border-light: var(--color-red-100);
  --color-rainbow-4-icon: var(--color-red-500);
  --color-rainbow-4-text: var(--color-red-500);
  --color-rainbow-5-background: var(--color-turquoise-50);
  --color-rainbow-5-border: var(--color-turquoise-800);
  --color-rainbow-5-border-light: var(--color-turquoise-100);
  --color-rainbow-5-icon: var(--color-turquoise-800);
  --color-rainbow-5-text: var(--color-turquoise-800);
  --color-rainbow-6-background: var(--color-crimson-50);
  --color-rainbow-6-border: var(--color-crimson-400);
  --color-rainbow-6-border-light: var(--color-crimson-100);
  --color-rainbow-6-icon: var(--color-crimson-400);
  --color-rainbow-6-text: var(--color-crimson-400);
  --color-rainbow-7-background: var(--color-green-50);
  --color-rainbow-7-border: var(--color-green-600);
  --color-rainbow-7-border-light: var(--color-green-100);
  --color-rainbow-7-icon: var(--color-green-600);
  --color-rainbow-7-text: var(--color-green-600);
  --color-rainbow-8-background: var(--color-petrol-50);
  --color-rainbow-8-border: var(--color-petrol-600);
  --color-rainbow-8-border-light: var(--color-petrol-100);
  --color-rainbow-8-icon: var(--color-petrol-600);
  --color-rainbow-8-text: var(--color-petrol-600);
  --color-rainbow-9-background: var(--color-lime-50);
  --color-rainbow-9-border: var(--color-lime-700);
  --color-rainbow-9-border-light: var(--color-lime-100);
  --color-rainbow-9-icon: var(--color-lime-700);
  --color-rainbow-9-text: var(--color-lime-700);
  --color-rainbow-10-background: var(--color-gray-spark-75);
  --color-rainbow-10-border: var(--color-gray-spark-500);
  --color-rainbow-10-border-light: var(--color-gray-spark-150);
  --color-rainbow-10-icon: var(--color-gray-spark-500);
  --color-rainbow-10-text: var(--color-gray-spark-500);
  --color-dont-use-border: var(--color-gray-spark-100);
  --color-dont-use-content: var(--color-gray-spark-100);
  --color-dont-use-background: var(--color-gray-spark-50);
  --components-button-lower-background: var(--color-interaction-container-neutral-background);
  --components-button-gr-as-complementary-background: var(--color-gray-spark-200);
  --components-button-gr-as-complementary-background-hover: var(--color-gray-spark-300);
  --components-button-gr-as-complementary-text: var(--color-base-black);
  --components-button-gr-as-complementary-text-hover: var(--color-base-black);
  --components-button-gr-as-complementary-icon: var(--color-base-black);
  --components-button-gr-as-complementary-icon-hover: var(--color-base-black);
  --components-form-field-background-checked: var(--color-orange-500);
  --components-form-shape-background-default: var(--color-gray-spark-75);
  --components-form-shape-background-hover: var(--color-gray-spark-100);
  --components-form-shape-background-disabled: var(--color-gray-spark-75);
  --components-form-shape-background-selected: var(--color-orange-500);
  --components-form-shape-foreground-default: var(--color-base-white);
  --components-loader-white-foreground: var(--color-base-white);
  --components-loader-brand-background: var(--color-orange-50);
  --components-loader-brand-foreground: var(--color-orange-500);
  --components-button-destructive-medium-background-hover: var(--color-status-red-50);
  --components-button-destructive-medium-text: var(--color-status-red-500);
  --components-button-destructive-medium-text-hover: var(--color-status-red-600);
  --components-button-destructive-medium-icon: var(--color-status-red-500);
  --components-button-destructive-medium-icon-hover: var(--color-status-red-600);
  --components-button-destructive-medium-border: var(--color-status-red-500);
  --components-button-destructive-medium-border-hover: var(--color-status-red-600);
  --components-button-destructive-low-background-hover: var(--color-status-red-50);
  --components-button-destructive-low-text: var(--color-status-red-500);
  --components-button-destructive-low-text-hover: var(--color-status-red-600);
  --components-button-destructive-low-icon: var(--color-status-red-500);
  --components-button-destructive-low-icon-hover: var(--color-status-red-600);
  --components-button-destructive-high-background: var(--color-status-red-500);
  --components-button-destructive-high-background-hover: var(--color-status-red-600);
  --components-button-destructive-high-text: var(--color-base-white);
  --components-button-destructive-high-text-hover: var(--color-base-white);
  --components-button-destructive-high-icon: var(--color-base-white);
  --components-button-destructive-high-icon-hover: var(--color-base-white);
  --components-overlay-background: var(--color-gray-spark-850);
  --components-datagrid-header-background: var(--color-interaction-container-neutral-background);
  --components-datagrid-body-background-default: var(--color-interaction-container-neutral-background);
  --components-field-time-background-default: var(--color-interaction-container-neutral-background);
  --components-list-select-option-background-default: var(--color-interaction-container-neutral-background);
  --components-list-select-option-background-disabled: var(--color-interaction-container-neutral-background);
  --components-list-dropdown-item-background-default: var(--color-interaction-container-neutral-background);
  --components-list-dropdown-item-background-disabled: var(--color-interaction-container-neutral-background);
  --components-list-dropdown-group-title-background: var(--color-transparent);
  --components-menu-contextual-item-background: var(--color-interaction-container-neutral-background);
  --components-popover-background: var(--color-gray-spark-00);
  --components-splitter-old-background: var(--color-interaction-container-neutral-background);
  --components-splitter-old-border: var(--color-transparent);
  --components-tooltip-background: var(--color-gray-spark-900);
  --components-tooltip-border: var(--color-gray-spark-900);
  --components-toggle-border-default: var(--color-gray-spark-300);
  --components-toggle-border-hover: var(--color-gray-spark-400);
  --components-toggle-border-disabled: var(--color-gray-spark-150);
  --components-toggle-border-disabled-checked: var(--color-gray-spark-150);
  --components-toggle-background-default: var(--color-interaction-container-neutral-background);
  --components-toggle-background-disabled: var(--color-gray-spark-150);
  --components-toggle-background-disabled-checked: var(--color-gray-spark-150);
  --components-toggle-shape-default: var(--color-gray-spark-300);
  --components-toggle-shape-hover: var(--color-gray-spark-400);
  --color-interaction-container-neutral-background-hover: var(--color-level-10-background);
  --color-interaction-container-neutral-border: var(--color-content-low-text);
  --color-interaction-container-neutral-border-hover: var(--color-content-medium-text);
  --color-interaction-container-neutral-icon: var(--color-content-low-text);
  --color-interaction-container-neutral-icon-hover: var(--color-content-medium-text);
  --color-interaction-container-neutral-text: var(--color-content-low-text);
  --color-interaction-container-neutral-text-hover: var(--color-content-medium-text);
  --color-interaction-container-branded-low-background: var(--color-level-00-background);
  --color-interaction-link-high-icon-inactive: var(--color-content-low-icon);
  --color-interaction-link-high-text-disabled: var(--color-content-low-text);
  --color-interaction-link-low-icon: var(--color-content-high-text);
  --color-interaction-link-low-icon-disabled: var(--color-content-low-text);
  --color-interaction-link-low-text: var(--color-content-high-text);
  --color-interaction-link-low-text-disabled: var(--color-content-low-text);
  --color-interaction-link-inverted-icon: var(--color-content-inverted-medium-icon);
  --color-interaction-link-inverted-icon-disabled: var(--color-content-inverted-low-icon);
  --color-interaction-link-inverted-text: var(--color-content-inverted-medium-text);
  --color-interaction-link-inverted-text-inactive: var(--color-content-inverted-low-text);
  --color-focus-background: var(--color-level-00-background);
  --color-focus-background-inverted: var(--color-level-inverted-00-background);
  --color-focus-destructive: var(--color-feedback-error-high-border);
  --color-focus-destructive-in-field: var(--color-feedback-error-low-border);
  --color-focus-success: var(--color-feedback-success-low-border);
  --components-button-high-background: var(--color-interaction-container-branded-high-background);
  --components-button-high-background-active: var(--color-interaction-container-branded-high-background-active);
  --components-button-high-background-hover: var(--color-interaction-container-branded-high-background-hover);
  --components-button-high-border-hover: var(--color-interaction-container-branded-high-border-hover);
  --components-button-high-border-active: var(--color-interaction-container-branded-high-border-active);
  --components-button-high-text: var(--color-interaction-container-branded-high-text);
  --components-button-high-text-active: var(--color-interaction-container-branded-high-text-active);
  --components-button-high-text-hover: var(--color-interaction-container-branded-high-text-hover);
  --components-button-high-icon: var(--color-interaction-container-branded-high-icon);
  --components-button-high-icon-active: var(--color-interaction-container-branded-high-icon-active);
  --components-button-high-icon-hover: var(--color-interaction-container-branded-high-icon-hover);
  --components-button-low-background-active: var(--color-interaction-container-branded-low-background-active);
  --components-button-low-background-hover: var(--color-interaction-container-branded-low-background-hover);
  --components-button-low-icon: var(--color-interaction-container-branded-low-icon);
  --components-button-low-icon-active: var(--color-interaction-container-branded-low-icon-active);
  --components-button-low-icon-hover: var(--color-interaction-container-branded-low-icon-hover);
  --components-button-low-text: var(--color-interaction-container-branded-low-text);
  --components-button-low-text-active: var(--color-interaction-container-branded-low-text-active);
  --components-button-low-text-hover: var(--color-interaction-container-branded-low-text-hover);
  --components-button-lower-background-active: var(--color-interaction-container-neutral-background-active);
  --components-button-lower-icon-active: var(--color-interaction-container-neutral-icon-active);
  --components-button-lower-text-active: var(--color-interaction-container-neutral-text-active);
  --components-button-medium-background-active: var(--color-interaction-container-branded-low-background-active);
  --components-button-medium-background-hover: var(--color-interaction-container-branded-low-background-hover);
  --components-button-medium-border: var(--color-interaction-container-branded-low-border);
  --components-button-medium-border-active: var(--color-interaction-container-branded-low-border-hover);
  --components-button-medium-border-hover: var(--color-interaction-container-branded-low-border-hover);
  --components-button-medium-icon: var(--color-interaction-container-branded-low-icon);
  --components-button-medium-icon-active: var(--color-interaction-container-branded-low-icon-active);
  --components-button-medium-icon-hover: var(--color-interaction-container-branded-low-icon-hover);
  --components-button-medium-text: var(--color-interaction-container-branded-low-text);
  --components-button-medium-text-active: var(--color-interaction-container-branded-low-text-active);
  --components-button-medium-text-hover: var(--color-interaction-container-branded-low-text-hover);
  --components-form-text-required: var(--color-feedback-error-low-icon);
  --components-form-text-info-icon: var(--color-content-low-text);
  --components-form-text-label-default: var(--color-content-high-text);
  --components-form-text-label-disabled: var(--color-content-medium-text);
  --components-form-text-description-default: var(--color-content-low-text);
  --components-form-text-description-error: var(--color-feedback-error-low-icon);
  --components-form-field-background-default: var(--color-level-00-background);
  --components-form-field-background-focus: var(--color-level-00-background);
  --components-form-field-background-hover: var(--color-level-05-background);
  --components-form-field-background-disabled: var(--color-level-10-background);
  --components-form-field-background-error: var(--color-feedback-error-low-border);
  --components-form-field-background-readonly: var(--color-level-05-background);
  --components-form-field-border-default: var(--color-content-medium-border);
  --components-form-field-border-disabled: var(--color-content-medium-border);
  --components-form-field-border-hover: var(--color-content-high-border);
  --components-form-field-border-focus: var(--color-focus-brand);
  --components-form-field-border-error: var(--color-feedback-error-low-border);
  --components-form-field-border-success: var(--color-feedback-success-low-border);
  --components-form-field-border-readonly: var(--color-content-low-border);
  --components-form-field-content-placeholder: var(--color-content-low-text);
  --components-form-field-content-text: var(--color-content-high-text);
  --components-form-field-icon-default: var(--color-content-low-text);
  --components-form-field-icon-disabled: var(--color-content-medium-border);
  --components-form-field-icon-error: var(--color-feedback-error-low-icon);
  --components-form-field-icon-success: var(--color-feedback-success-low-icon);
  --components-form-shape-background-error: var(--color-feedback-error-low-icon);
  --components-form-shape-border-default: var(--color-content-medium-border);
  --components-form-shape-border-hover: var(--color-content-high-border);
  --components-form-shape-border-focus: var(--color-focus-brand);
  --components-form-shape-border-error: var(--color-feedback-error-low-border);
  --components-form-shape-border-success: var(--color-feedback-success-low-border);
  --components-form-shape-foreground-switch-dot: var(--color-content-medium-border);
  --components-form-shape-foreground-disabled-error: var(--color-feedback-error-low-icon);
  --components-button-destructive-lower-background: var(--color-dont-use-background);
  --components-button-destructive-lower-background-hover: var(--color-dont-use-background);
  --components-button-destructive-lower-text: var(--color-dont-use-content);
  --components-button-destructive-lower-text-hover: var(--color-dont-use-content);
  --components-button-destructive-lower-icon: var(--color-dont-use-content);
  --components-button-destructive-lower-icon-hover: var(--color-dont-use-content);
  --components-button-destructive-lower-border: var(--color-dont-use-border);
  --components-button-destructive-lower-border-hover: var(--color-dont-use-border);
  --components-alert-information-background: var(--color-feedback-information-low-background);
  --components-alert-information-icon: var(--color-feedback-information-low-icon);
  --components-alert-information-border: var(--color-feedback-information-low-border);
  --components-alert-content-description: var(--color-content-medium-text);
  --components-alert-content-title: var(--color-content-high-text);
  --components-alert-warning-background: var(--color-feedback-warning-low-background);
  --components-alert-warning-border: var(--color-feedback-warning-low-border);
  --components-alert-warning-icon: var(--color-feedback-warning-low-icon);
  --components-alert-error-background: var(--color-feedback-error-low-background);
  --components-alert-error-border: var(--color-feedback-error-low-border);
  --components-alert-error-icon: var(--color-feedback-error-low-icon);
  --components-alert-success-background: var(--color-feedback-success-low-background);
  --components-alert-success-border: var(--color-feedback-success-low-border);
  --components-alert-success-icon: var(--color-feedback-success-low-icon);
  --components-alert-neutral-background: var(--color-feedback-neutral-low-background);
  --components-alert-neutral-border: var(--color-feedback-neutral-low-border);
  --components-alert-neutral-icon: var(--color-feedback-neutral-low-icon);
  --components-avatar-background-1: var(--color-rainbow-1-background);
  --components-avatar-background-2: var(--color-rainbow-2-background);
  --components-avatar-background-3: var(--color-rainbow-3-background);
  --components-avatar-background-4: var(--color-rainbow-4-background);
  --components-avatar-background-5: var(--color-rainbow-5-background);
  --components-avatar-background-6: var(--color-rainbow-6-background);
  --components-avatar-background-7: var(--color-rainbow-7-background);
  --components-avatar-background-8: var(--color-rainbow-8-background);
  --components-avatar-background-9: var(--color-rainbow-9-background);
  --components-avatar-background-10: var(--color-rainbow-10-background);
  --components-avatar-border-1: var(--color-rainbow-1-border);
  --components-avatar-border-2: var(--color-rainbow-2-border);
  --components-avatar-border-3: var(--color-rainbow-3-border);
  --components-avatar-border-4: var(--color-rainbow-4-border);
  --components-avatar-border-5: var(--color-rainbow-5-border);
  --components-avatar-border-6: var(--color-rainbow-6-border);
  --components-avatar-border-7: var(--color-rainbow-7-border);
  --components-avatar-border-8: var(--color-rainbow-8-border);
  --components-avatar-border-9: var(--color-rainbow-9-border);
  --components-avatar-border-10: var(--color-rainbow-10-border);
  --components-avatar-content-1: var(--color-rainbow-1-icon);
  --components-avatar-content-2: var(--color-rainbow-2-icon);
  --components-avatar-content-3: var(--color-rainbow-3-icon);
  --components-avatar-content-4: var(--color-rainbow-4-icon);
  --components-avatar-content-5: var(--color-rainbow-5-icon);
  --components-avatar-content-6: var(--color-rainbow-6-icon);
  --components-avatar-content-7: var(--color-rainbow-7-text);
  --components-avatar-content-8: var(--color-rainbow-8-text);
  --components-avatar-content-9: var(--color-rainbow-9-text);
  --components-avatar-content-10: var(--color-rainbow-10-icon);
  --components-breadcrumb-text-hover: var(--color-interaction-link-low-text-hover);
  --components-buttongroup-high-border: var(--color-interaction-container-branded-low-border);
  --components-buttongroup-high-background: var(--color-interaction-container-branded-high-background);
  --components-buttongroup-medium-border: var(--color-interaction-container-branded-low-border);
  --components-buttongroup-low-border: var(--color-interaction-container-branded-low-border);
  --components-datagrid-header-border: var(--color-content-medium-border);
  --components-datagrid-header-text: var(--color-content-high-text);
  --components-datagrid-body-border: var(--color-content-low-border);
  --components-datagrid-body-text: var(--color-content-medium-text);
  --components-datagrid-body-subtext: var(--color-content-low-text);
  --components-datagrid-body-background-active: var(--color-interaction-container-neutral-background-active);
  --components-datagrid-expander-content-background: var(--color-level-00-background);
  --components-datagrid-expander-border: var(--color-content-low-border);
  --components-datagrid-expander-expander-background: var(--color-level-10-background);
  --components-field-time-background-active: var(--color-interaction-container-neutral-background-active);
  --components-field-time-text-active: var(--color-interaction-container-neutral-text-active);
  --components-field-time-border-active: var(--color-interaction-container-neutral-icon-active);
  --components-calendar-border: var(--color-content-low-border);
  --components-calendar-header-text: var(--color-content-high-text);
  --components-calendar-weeks-background: var(--color-level-10-background);
  --components-calendar-weeks-background-hover: var(--color-level-15-background);
  --components-calendar-weeks-text: var(--color-content-high-text);
  --components-calendar-weeks-text-hover: var(--color-content-high-text);
  --components-calendar-cell-background-selected: var(--color-interaction-container-branded-high-background-active);
  --components-calendar-cell-background-in-range: var(--color-interaction-container-branded-low-background-active);
  --components-calendar-cell-background-hover: var(--color-interaction-container-branded-low-background-hover);
  --components-calendar-cell-dot: var(--color-content-high-icon);
  --components-calendar-cell-dot-selected: var(--color-interaction-container-branded-high-icon-active);
  --components-calendar-cell-text-selected: var(--color-interaction-container-branded-high-text-active);
  --components-calendar-cell-text-in-range: var(--color-interaction-container-branded-low-text-active);
  --components-calendar-cell-text-outside-month: var(--color-content-lower-text);
  --components-calendar-cell-text-today: var(--color-content-high-text);
  --components-calendar-background: var(--color-level-00-background);
  --components-list-select-background: var(--color-level-00-background);
  --components-list-select-option-content-default: var(--color-content-medium-text);
  --components-list-select-option-content-hover: var(--color-content-high-text);
  --components-list-select-option-content-disabled: var(--color-content-lower-text);
  --components-list-select-option-content-active: var(--color-interaction-container-neutral-text-active);
  --components-list-select-option-background-active: var(--color-interaction-container-neutral-background-active);
  --components-list-select-optgroup-content: var(--color-content-lower-text);
  --components-list-select-border: var(--color-content-low-border);
  --components-list-select-hr: var(--color-content-low-border);
  --components-list-dropdown-background: var(--color-level-00-background);
  --components-list-dropdown-header-background: var(--color-level-10-background);
  --components-list-dropdown-item-border-active: var(--color-interaction-container-neutral-border-active);
  --components-list-dropdown-item-label-default: var(--color-content-medium-text);
  --components-list-dropdown-item-label-hover: var(--color-content-high-text);
  --components-list-dropdown-item-label-disabled: var(--color-content-medium-text);
  --components-list-dropdown-item-label-active: var(--color-interaction-container-neutral-text-active);
  --components-list-dropdown-item-description-default: var(--color-content-low-text);
  --components-list-dropdown-item-description-hover: var(--color-content-low-text);
  --components-list-dropdown-item-description-disabled: var(--color-content-low-text);
  --components-list-dropdown-item-background-active: var(--color-interaction-container-neutral-background-active);
  --components-list-dropdown-group-title-content: var(--color-content-medium-text);
  --components-list-dropdown-separator: var(--color-content-low-border);
  --components-list-dropdown-border: var(--color-content-low-border);
  --components-menu-contextual-background: var(--color-level-00-background);
  --components-menu-contextual-border: var(--color-content-low-border);
  --components-menu-contextual-item-shortcut: var(--color-content-lower-text);
  --components-menu-contextual-item-content-disabled: var(--color-content-lower-text);
  --components-notification-information-background: var(--color-level-00-background);
  --components-notification-information-icon: var(--color-feedback-information-low-icon);
  --components-notification-information-border: var(--color-feedback-information-low-border);
  --components-notification-content-description: var(--color-content-medium-text);
  --components-notification-content-timestamp: var(--color-content-medium-text);
  --components-notification-content-title: var(--color-content-high-text);
  --components-notification-warning-background: var(--color-level-00-background);
  --components-notification-warning-border: var(--color-feedback-warning-low-border);
  --components-notification-warning-icon: var(--color-feedback-warning-low-icon);
  --components-notification-error-background: var(--color-level-00-background);
  --components-notification-error-border: var(--color-feedback-error-low-border);
  --components-notification-error-icon: var(--color-feedback-error-low-icon);
  --components-notification-success-background: var(--color-level-00-background);
  --components-notification-success-border: var(--color-feedback-success-low-border);
  --components-notification-success-icon: var(--color-feedback-success-low-icon);
  --components-notification-neutral-background: var(--color-level-00-background);
  --components-notification-neutral-border: var(--color-feedback-neutral-low-border);
  --components-notification-neutral-icon: var(--color-feedback-neutral-low-icon);
  --components-popover-border: var(--color-content-low-border);
  --components-popover-text: var(--color-content-medium-text);
  --components-popover-supporting-text: var(--color-content-low-text);
  --components-sidebar-background: var(--color-level-00-background);
  --components-sidebar-divider: var(--color-content-low-border);
  --components-sidebar-border: var(--color-content-low-border);
  --components-slider-track-background: var(--color-content-low-border);
  --components-slider-handler-background-focus: var(--components-form-field-background-checked);
  --components-slider-handler-border-focus: var(--components-form-field-background-checked);
  --components-splitter-old-background-active: var(--color-interaction-container-neutral-background-active);
  --components-splitter-old-border-active: var(--color-interaction-container-neutral-border-active);
  --components-splitter-line-background: var(--color-level-10-background);
  --components-splitter-line-background-active: var(--color-interaction-container-branded-high-background-active);
  --components-splitter-line-background-hover: var(--color-interaction-container-branded-low-background-hover);
  --components-splitter-handle-background: var(--color-content-low-border);
  --components-splitter-handle-background-active: var(--color-interaction-container-branded-high-background-active);
  --components-splitter-handle-background-hover: var(--color-interaction-container-branded-high-background-active);
  --components-tooltip-text: var(--color-content-inverted-high-text);
  --components-tooltip-supporting-text: var(--color-content-inverted-medium-text);
  --components-toggle-border-default-checked: var(--color-interaction-container-branded-high-border);
  --components-toggle-border-hover-checked: var(--color-interaction-container-branded-high-border-hover);
  --components-toggle-background-default-checked: var(--color-interaction-container-branded-high-background);
  --components-toggle-background-hover-checked: var(--color-interaction-container-branded-high-background-hover);
  --components-toggle-shape-default-checked: var(--color-interaction-container-branded-high-icon);
  --components-toggle-shape-hover-checked: var(--color-interaction-container-branded-high-icon);
  --components-togglegroup-high-border: var(--color-interaction-container-branded-low-border);
  --components-button-lower-background-hover: var(--color-interaction-container-neutral-background-hover);
  --components-button-lower-icon: var(--color-interaction-container-neutral-icon);
  --components-button-lower-icon-hover: var(--color-interaction-container-neutral-icon-hover);
  --components-button-lower-text: var(--color-interaction-container-neutral-text);
  --components-button-lower-text-hover: var(--color-interaction-container-neutral-text-hover);
  --components-button-medium-background: var(--color-interaction-container-branded-low-background);
  --components-form-shape-foreground-disabled: var(--components-form-shape-border-default);
  --components-breadcrumb-text: var(--color-interaction-link-low-text);
  --components-breadcrumb-text-current: var(--color-interaction-link-low-text-disabled);
  --components-buttongroup-medium-background: var(--color-interaction-container-branded-low-background);
  --components-buttongroup-low-background: var(--color-interaction-container-branded-low-background);
  --components-buttongroup-lower-border: var(--color-interaction-container-neutral-border);
  --components-buttongroup-lower-background: var(--color-interaction-container-branded-low-background);
  --components-datagrid-body-background-hover: var(--color-interaction-container-neutral-background-hover);
  --components-field-time-background-hover: var(--color-interaction-container-neutral-background-hover);
  --components-field-time-text-default: var(--color-interaction-container-neutral-text);
  --components-field-time-text-hover: var(--color-interaction-container-neutral-text-hover);
  --components-calendar-cell-background: var(--color-interaction-container-branded-low-background);
  --components-calendar-cell-background-today: var(--color-interaction-container-branded-low-background);
  --components-calendar-cell-dot-hover: var(--color-interaction-container-neutral-icon-hover);
  --components-calendar-cell-text: var(--color-interaction-container-neutral-text);
  --components-calendar-cell-text-hover: var(--color-interaction-container-neutral-text-hover);
  --components-list-select-option-background-hover: var(--color-interaction-container-neutral-background-hover);
  --components-list-dropdown-item-background-hover: var(--color-interaction-container-neutral-background-hover);
  --components-menu-contextual-item-background-hover: var(--color-interaction-container-neutral-background-hover);
  --components-menu-contextual-item-content: var(--color-interaction-container-neutral-text);
  --components-menu-contextual-item-content-hover: var(--color-interaction-container-neutral-text-hover);
  --components-slider-track-filled-default: var(--components-form-field-border-default);
  --components-slider-track-filled-hover: var(--components-form-field-border-hover);
  --components-slider-track-filled-focus: var(--components-form-field-border-focus);
  --components-slider-track-filled-error: var(--components-form-field-border-error);
  --components-slider-track-filled-disabled: var(--components-form-field-border-disabled);
  --components-slider-track-filled-readonly: var(--components-form-field-border-readonly);
  --components-slider-handler-background-default: var(--components-form-field-background-default);
  --components-slider-handler-background-hover: var(--components-form-field-background-hover);
  --components-slider-handler-background-error: var(--components-form-field-background-error);
  --components-slider-handler-background-disabled: var(--components-form-field-background-disabled);
  --components-slider-handler-background-readonly: var(--components-form-field-background-readonly);
  --components-slider-handler-border-default: var(--components-form-field-background-default);
  --components-slider-handler-border-hover: var(--components-form-field-background-hover);
  --components-slider-handler-border-error: var(--components-form-field-background-error);
  --components-slider-handler-border-disabled: var(--components-form-field-background-disabled);
  --components-slider-handler-border-readonly: var(--components-form-field-background-readonly);
  --components-splitter-old-background-hover: var(--color-interaction-container-neutral-background-hover);
  --components-splitter-old-border-hover: var(--color-interaction-container-neutral-border-hover);
  --components-toggle-background-hover: var(--color-interaction-container-neutral-background-hover);
  --components-toggle-shape-disabled: var(--color-interaction-container-neutral-icon);
  --components-toggle-shape-disabled-checked: var(--color-interaction-container-neutral-icon);
  --components-togglegroup-high-background: var(--color-interaction-container-branded-low-background);
  --components-togglegroup-low-border: var(--color-interaction-container-neutral-border);
  --components-togglegroup-low-background: var(--color-interaction-container-branded-low-background);
}

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

:root {
  --color-base-white: #ffffff;
  --color-base-black: #000000;
  --color-amber-50: #fdefe2;
  --color-amber-100: #fbd9ba;
  --color-amber-200: #f8c392;
  --color-amber-300: #f5ac6a;
  --color-amber-400: #f39642;
  --color-amber-500: #f0801a;
  --color-amber-600: #c66a15;
  --color-amber-700: #9c5311;
  --color-amber-800: #723d0c;
  --color-amber-900: #432306;
  --color-crimson-50: #f7e9ee;
  --color-crimson-100: #e0b3c2;
  --color-crimson-200: #cf869f;
  --color-crimson-300: #bd597c;
  --color-crimson-400: #ab2d58;
  --color-crimson-500: #990035;
  --color-crimson-600: #7e002c;
  --color-crimson-700: #630022;
  --color-crimson-800: #490019;
  --color-crimson-900: #2e0010;
  --color-dark-blue-500: #447583;
  --color-dark-gray-500: #394d55;
  --color-gray-ocean-25: #fafbfb;
  --color-gray-ocean-50: #f5f6f7;
  --color-gray-ocean-75: #eaeef0;
  --color-gray-ocean-100: #e1e4e6;
  --color-gray-ocean-150: #c6ced1;
  --color-gray-ocean-200: #bac1c4;
  --color-gray-ocean-250: #9fadb2;
  --color-gray-ocean-300: #889499;
  --color-gray-ocean-350: #72858c;
  --color-gray-ocean-400: #617177;
  --color-gray-ocean-450: #3f555e;
  --color-gray-ocean-500: #394d55;
  --color-gray-ocean-550: #34464d;
  --color-gray-ocean-600: #2e3e44;
  --color-gray-ocean-650: #27353b;
  --color-gray-ocean-700: #222e33;
  --color-gray-ocean-750: #1e272b;
  --color-gray-ocean-800: #171f22;
  --color-gray-ocean-850: #11171a;
  --color-gray-ocean-900: #0b0f11;
  --color-gray-ocean-00: #ffffff;
  --color-gray-spark-25: #fbfbfb;
  --color-gray-spark-50: #f6f6f6;
  --color-gray-spark-75: #ededed;
  --color-gray-spark-100: #e3e3e3;
  --color-gray-spark-150: #cccccc;
  --color-gray-spark-200: #bfbfbf;
  --color-gray-spark-250: #a9a9a9;
  --color-gray-spark-300: #919191;
  --color-gray-spark-350: #808080;
  --color-gray-spark-400: #6d6d6d;
  --color-gray-spark-450: #4f4f4f;
  --color-gray-spark-500: #484848;
  --color-gray-spark-550: #414141;
  --color-gray-spark-600: #3a3a3a;
  --color-gray-spark-650: #313131;
  --color-gray-spark-700: #2b2b2b;
  --color-gray-spark-750: #252525;
  --color-gray-spark-800: #1d1d1d;
  --color-gray-spark-850: #161616;
  --color-gray-spark-900: #0e0e0e;
  --color-gray-spark-00: #ffffff;
  --color-green-50: #e2f0e2;
  --color-green-100: #b8dbba;
  --color-green-200: #8fc692;
  --color-green-300: #66b16a;
  --color-green-400: #3c9c41;
  --color-green-500: #138719;
  --color-green-600: #106f15;
  --color-green-700: #0c5810;
  --color-green-800: #09400c;
  --color-green-900: #062908;
  --color-lime-50: #f1f4e5;
  --color-lime-100: #dde5c1;
  --color-lime-200: #c9d69d;
  --color-lime-300: #b5c778;
  --color-lime-400: #a1b854;
  --color-lime-500: #8da930;
  --color-lime-600: #748b28;
  --color-lime-700: #5c6e1f;
  --color-lime-800: #435017;
  --color-lime-900: #2a330e;
  --color-light-blue-500: #9ac3ce;
  --color-status-blue-50: #f0f6ff;
  --color-status-blue-100: #c7dcff;
  --color-status-blue-200: #a8c9ff;
  --color-status-blue-300: #659fff;
  --color-status-blue-400: #3883ff;
  --color-status-blue-500: #2660c2;
  --color-status-blue-600: #1c4d9e;
  --color-status-blue-700: #113a80;
  --color-status-blue-800: #09285c;
  --color-status-blue-900: #001c37;
  --color-status-green-50: #eafeeb;
  --color-status-green-100: #c8facb;
  --color-status-green-200: #9ef4a3;
  --color-status-green-300: #6bde71;
  --color-status-green-400: #45d24d;
  --color-status-green-500: #34ae3b;
  --color-status-green-600: #008207;
  --color-status-green-700: #035707;
  --color-status-green-800: #003603;
  --color-status-green-900: #002302;
  --color-status-red-50: #ffeded;
  --color-status-red-100: #f5c4c4;
  --color-status-red-200: #ff8f8f;
  --color-status-red-300: #ff6161;
  --color-status-red-400: #ff3d3d;
  --color-status-red-500: #da2424;
  --color-status-red-600: #bb1919;
  --color-status-red-700: #911515;
  --color-status-red-800: #530101;
  --color-status-red-900: #380101;
  --color-status-yellow-50: #fff7df;
  --color-status-yellow-100: #fae49d;
  --color-status-yellow-200: #ffe286;
  --color-status-yellow-300: #f7d14c;
  --color-status-yellow-400: #fac50d;
  --color-status-yellow-500: #e0a917;
  --color-status-yellow-600: #b58200;
  --color-status-yellow-700: #805c00;
  --color-status-yellow-800: #4d3701;
  --color-status-yellow-900: #302300;
  --color-orange-50: #fceae3;
  --color-orange-100: #f8ccbc;
  --color-orange-200: #f4ae95;
  --color-orange-300: #ef906e;
  --color-orange-400: #eb7247;
  --color-orange-500: #e75420;
  --color-orange-600: #bf451a;
  --color-orange-700: #963715;
  --color-orange-800: #6e280f;
  --color-orange-900: #45190a;
  --color-orange-950: #371408;
  --color-petrol-50: #e4f0f2;
  --color-petrol-100: #bedce0;
  --color-petrol-200: #97c7ce;
  --color-petrol-300: #71b2bc;
  --color-petrol-400: #4b9eaa;
  --color-petrol-500: #258998;
  --color-petrol-600: #1f717d;
  --color-petrol-700: #185963;
  --color-petrol-800: #124148;
  --color-petrol-900: #0b292e;
  --color-red-50: #f9e3e3;
  --color-red-100: #f0bbbb;
  --color-red-200: #e79494;
  --color-red-300: #de6c6c;
  --color-red-400: #d54545;
  --color-red-500: #cc1d1d;
  --color-red-600: #a81818;
  --color-red-700: #851313;
  --color-red-800: #610e0e;
  --color-red-900: #3d0909;
  --color-turquoise-50: #ecf4f3;
  --color-turquoise-100: #d2e5e3;
  --color-turquoise-200: #b8d6d2;
  --color-turquoise-300: #9ec7c1;
  --color-turquoise-400: #84b8b1;
  --color-turquoise-500: #6aa9a0;
  --color-turquoise-600: #578b84;
  --color-turquoise-700: #456e68;
  --color-turquoise-800: #32504c;
  --color-turquoise-900: #1c2b28;
  --color-yellow-50: #fff7df;
  --color-yellow-100: #ffecb3;
  --color-yellow-200: #ffe286;
  --color-yellow-300: #ffd759;
  --color-yellow-400: #ffcc2d;
  --color-yellow-500: #ffc100;
  --color-yellow-600: #d29f00;
  --color-yellow-700: #a67d00;
  --color-yellow-800: #795c00;
  --color-yellow-900: #4d3a00;
  --font-family-default: TT Norms Pro;
  --font-family-mono: TT Norms Pro Mono;
  --font-family-fallback: Arial;
  --font-size-xs: 12.0000px;
  --font-size-sm: 14.0000px;
  --font-size-md: 16.0000px;
  --font-size-lg: 18.0000px;
  --font-size-xl: 20.0000px;
  --font-size-2xl: 24.0000px;
  --font-size-3xl: 30.0000px;
  --font-size-4xl: 36.0000px;
  --font-size-5xl: 48.0000px;
  --font-size-6xl: 60.0000px;
  --font-size-7xl: 72.0000px;
  --font-size-8xl: 96.0000px;
  --font-size-9xl: 128.0000px;
  --font-weight-high-emphasis: 700;
  --font-weight-medium-emphasis: 500;
  --font-weight-low-emphasis: 400;
  --font-weight-low-emphasis-400: Regular;
  --font-weight-medium-emphasis-500: Medium;
  --font-weight-high-emphasis-700: Bold;
  --leading-px-3: 12.0000px;
  --leading-px-4: 16.0000px;
  --leading-px-5: 20.0000px;
  --leading-px-6: 24.0000px;
  --leading-px-7: 28.0000px;
  --leading-px-8: 32.0000px;
  --leading-px-9: 36.0000px;
  --leading-px-10: 40.0000px;
  --leading-none: 1.0000px;
  --leading-tight: 1.2500px;
  --leading-snug: 1.3750px;
  --leading-normal: 1.5000px;
  --leading-relaxed: 1.6250px;
  --leading-loose: 2.0000px;
  --line-height-xs: 16.0000px;
  --line-height-sm: 20.0000px;
  --line-height-base: 24.0000px;
  --line-height-lg: 28.0000px;
  --line-height-xl: 30.0000px;
  --line-height-2xl: 32.0000px;
  --line-height-3xl: 36.0000px;
  --line-height-4xl: 40.0000px;
  --line-height-5xl: 48.0000px;
  --line-height-6xl: 60.0000px;
  --line-height-7xl: 72.0000px;
  --line-height-8xl: 96.0000px;
  --line-height-9xl: 128.0000px;
  --radius-rounded-none: 0.0000px;
  --radius-rounded-sm: 2.0000px;
  --radius-rounded: 4.0000px;
  --radius-rounded-md: 6.0000px;
  --radius-rounded-lg: 8.0000px;
  --radius-rounded-xl: 12.0000px;
  --radius-rounded-2xl: 16.0000px;
  --radius-rounded-3xl: 24.0000px;
  --radius-rounded-full: 9999.0000px;
  --spacing-0: 0.0000px;
  --spacing-1: 4.0000px;
  --spacing-2: 8.0000px;
  --spacing-3: 12.0000px;
  --spacing-4: 16.0000px;
  --spacing-5: 20.0000px;
  --spacing-6: 24.0000px;
  --spacing-7: 28.0000px;
  --spacing-8: 32.0000px;
  --spacing-9: 36.0000px;
  --spacing-10: 40.0000px;
  --spacing-11: 44.0000px;
  --spacing-12: 48.0000px;
  --spacing-14: 56.0000px;
  --spacing-16: 64.0000px;
  --spacing-20: 80.0000px;
  --spacing-24: 96.0000px;
  --spacing-28: 112.0000px;
  --spacing-32: 128.0000px;
  --spacing-36: 144.0000px;
  --spacing-40: 160.0000px;
  --spacing-44: 176.0000px;
  --spacing-48: 192.0000px;
  --spacing-52: 208.0000px;
  --spacing-56: 224.0000px;
  --spacing-60: 240.0000px;
  --spacing-64: 256.0000px;
  --spacing-72: 288.0000px;
  --spacing-80: 320.0000px;
  --spacing-96: 384.0000px;
  --spacing-px: 1.0000px;
  --spacing-0-5: 2.0000px;
  --spacing-1-5: 6.0000px;
  --spacing-2-5: 10.0000px;
  --spacing-3-5: 14.0000px;
  --letter-spacing-heading-xs: 0.0000px;
  --letter-spacing-heading-sm: -0.2500px;
  --letter-spacing-heading-md: -0.5000px;
  --letter-spacing-heading-lg: -0.7500px;
  --letter-spacing-heading-xl: -1.0000px;
}

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

:root {
  --avatar-xs-font-size: 10.0000px;
  --avatar-sm-font-size: 13.0000px;
  --avatar-md-font-size: 18.0000px;
  --avatar-lg-font-size: 22.0000px;
  --avatar-xl-font-size: 28.0000px;
  --buttongroup-xs-padding: 2.0000px;
  --buttongroup-xs-button-radius: 1.0000px;
  --buttongroup-sm-button-padding-y: 4.0000px;
  --buttongroup-sm-button-radius: 2.0000px;
  --buttongroup-sm-padding: 2.0000px;
  --buttongroup-lg-padding: 4.0000px;
  --buttongroup-lg-button-padding-y: 6.0000px;
  --buttongroup-lg-button-radius: 4.0000px;
  --buttongroup-md-padding: 3.0000px;
  --buttongroup-md-button-padding-y: 5.0000px;
  --buttongroup-md-button-radius: 3.0000px;
  --button-xs-ring-radius: 3.0000px;
  --button-sm-ring-radius: 5.0000px;
  --button-md-ring-radius: 7.0000px;
  --button-lg-ring-radius: 9.0000px;
  --drawer-radius-bottom-right: 0.0000px;
  --drawer-radius-top-right: 0.0000px;
  --drawer-size-sm-min-width: 320.0000px;
  --drawer-size-sm-width: 400.0000px;
  --drawer-size-sm-max-width: 480.0000px;
  --drawer-size-md-min-width: 640.0000px;
  --drawer-size-md-width: 800.0000px;
  --drawer-size-md-max-width: 960.0000px;
  --drawer-size-lg-min-width: 960.0000px;
  --drawer-size-lg-width: 992.0000px;
  --drawer-size-lg-max-width: 1024.0000px;
  --drawer-size-full-width: 1372.0000px;
  --calendar-cell-dot-size: 3.0000px;
  --icon-stroke-xs: 1.2000px;
  --icon-stroke-sm: 1.4000px;
  --icon-stroke-md: 1.6000px;
  --icon-stroke-lg: 1.8000px;
  --icon-stroke-xl: 1.9000px;
  --list-select-hr-padding-x: 9.0000px;
  --list-select-hr-padding-y: 3.0000px;
  --form-field-badge-gap: 0.0000px;
  --form-max-width: 480.0000px;
  --menu-contextual-divider-padding-bottom: 3.0000px;
  --menu-contextual-item-font-weight: 500;
  --navigation-width: 312.0000px;
  --navigation-reduced-max-width: 100.0000px;
  --navigation-primary-notification-bullet-font-size: 9.0000px;
  --pill-stroke: 1.0000px;
  --popover-font-weight: 500;
  --popover-shadow-1-x: 0.0000px;
  --popover-shadow-1-blur: 1.0000px;
  --popover-shadow-2-x: 0.0000px;
  --sidebar-width: 312.0000px;
  --sidebar-notification-bullet-font-size: 9.0000px;
  --sidebar-reduced-width: 68.0000px;
  --slider-tick-radius: 1.0000px;
  --splitter-old-stroke: 1.0000px;
  --togglegroup-xs-padding: 3.0000px;
  --togglegroup-xs-button-padding-y: 1.0000px;
  --togglegroup-xs-button-radius: 1.0000px;
  --togglegroup-xs-iconbutton-padding-y: 3.0000px;
  --togglegroup-sm-padding: 3.0000px;
  --togglegroup-sm-button-padding-y: 3.0000px;
  --togglegroup-sm-button-radius: 2.0000px;
  --togglegroup-sm-iconbutton-padding-y: 5.0000px;
  --togglegroup-md-padding: 3.0000px;
  --togglegroup-md-button-padding-y: 5.0000px;
  --togglegroup-md-button-radius: 3.0000px;
  --togglegroup-md-iconbutton-padding-y: 7.0000px;
  --togglegroup-lg-padding: 3.0000px;
  --togglegroup-lg-button-padding-y: 7.0000px;
  --togglegroup-lg-button-radius: 5.0000px;
  --togglegroup-lg-iconbutton-padding-y: 9.0000px;
  --tooltip-font-weight: 500;
  --global-typography-h1-font-style: normal;
  --global-typography-h2-font-style: normal;
  --global-typography-h3-font-style: normal;
  --global-typography-h4-font-style: normal;
  --global-typography-h6-font-style: normal;
  --global-typography-h5-font-style: normal;
  --global-typography-p-font-style: normal;
  --global-typography-small-font-style: normal;
  --global-typography-label-font-style: normal;
  --global-typography-legend-font-style: uppercase;
  --avatar-xs-icon-size: var(--spacing-4);
  --avatar-xs-size: var(--spacing-6);
  --avatar-sm-icon-size: var(--spacing-5);
  --avatar-sm-size: var(--spacing-8);
  --avatar-md-icon-size: var(--spacing-7);
  --avatar-md-size: var(--spacing-10);
  --avatar-lg-icon-size: var(--spacing-8);
  --avatar-lg-size: var(--spacing-12);
  --avatar-xl-icon-size: var(--spacing-11);
  --avatar-xl-size: var(--spacing-16);
  --buttongroup-xs-button-padding-y: var(--spacing-0-5);
  --buttongroup-xs-radius: var(--radius-rounded-sm);
  --buttongroup-xs-gap: var(--spacing-px);
  --buttongroup-xs-height: var(--spacing-6);
  --buttongroup-sm-radius: var(--radius-rounded);
  --buttongroup-sm-gap: var(--spacing-px);
  --buttongroup-sm-height: var(--spacing-8);
  --buttongroup-lg-radius: var(--radius-rounded-lg);
  --buttongroup-lg-gap: var(--spacing-px);
  --buttongroup-lg-height: var(--spacing-12);
  --buttongroup-md-radius: var(--radius-rounded-md);
  --buttongroup-md-gap: var(--spacing-px);
  --buttongroup-md-height: var(--spacing-10);
  --button-xs-border-radius: var(--radius-rounded-sm);
  --button-xs-font-size: var(--font-size-xs);
  --button-xs-gap: var(--spacing-1);
  --button-xs-height: var(--spacing-6);
  --button-xs-icon-button-padding: var(--spacing-1-5);
  --button-xs-icon-size: var(--spacing-3);
  --button-xs-line-height: var(--line-height-xs);
  --button-xs-padding-x: var(--spacing-2-5);
  --button-xs-padding-y: var(--spacing-1);
  --button-sm-border-radius: var(--radius-rounded);
  --button-sm-font-size: var(--font-size-sm);
  --button-sm-gap: var(--spacing-1-5);
  --button-sm-height: var(--spacing-8);
  --button-sm-icon-button-padding: var(--spacing-2);
  --button-sm-icon-size: var(--spacing-4);
  --button-sm-line-height: var(--line-height-sm);
  --button-sm-padding-x: var(--spacing-3);
  --button-sm-padding-y: var(--spacing-1-5);
  --button-md-border-radius: var(--radius-rounded-md);
  --button-md-font-size: var(--font-size-md);
  --button-md-gap: var(--spacing-2);
  --button-md-height: var(--spacing-10);
  --button-md-icon-button-padding: var(--spacing-2-5);
  --button-md-icon-size: var(--spacing-5);
  --button-md-line-height: var(--line-height-base);
  --button-md-padding-x: var(--spacing-3-5);
  --button-md-padding-y: var(--spacing-2);
  --button-lg-border-radius: var(--radius-rounded-lg);
  --button-lg-font-size: var(--font-size-lg);
  --button-lg-gap: var(--spacing-2);
  --button-lg-height: var(--spacing-12);
  --button-lg-icon-button-padding: var(--spacing-3);
  --button-lg-icon-size: var(--spacing-6);
  --button-lg-line-height: var(--line-height-lg);
  --button-lg-padding-x: var(--spacing-4);
  --button-lg-padding-y: var(--spacing-2-5);
  --drawer-radius-bottom-left: var(--radius-rounded-2xl);
  --drawer-radius-top-left: var(--radius-rounded-2xl);
  --drawer-dismissible-position-top: var(--spacing-6);
  --drawer-dismissible-position-right: var(--spacing-6);
  --drawer-header-padding-right: var(--spacing-8);
  --drawer-gap-y: var(--spacing-6);
  --drawer-padding-x: var(--spacing-6);
  --drawer-padding-y: var(--spacing-6);
  --calendar-cell-font-size: var(--font-size-sm);
  --calendar-cell-font-weight: var(--font-weight-low-emphasis);
  --calendar-cell-line-height: var(--line-height-sm);
  --calendar-cell-size: var(--spacing-8);
  --calendar-cell-radius: var(--radius-rounded-2xl);
  --calendar-padding: var(--spacing-1);
  --calendar-double-gap-x: var(--spacing-3);
  --calendar-gap-x: var(--spacing-1);
  --calendar-gap-y: var(--spacing-1);
  --calendar-weeks-calendar-gap-x: var(--spacing-2);
  --calendar-radius: var(--radius-rounded-md);
  --calendar-grid-gap-x: var(--spacing-0);
  --calendar-grid-gap-y: var(--spacing-0-5);
  --calendar-header-font-size: var(--font-size-sm);
  --calendar-header-font-weight: var(--font-weight-medium-emphasis);
  --calendar-header-line-height: var(--line-height-sm);
  --calendar-header-margin-bottom: var(--spacing-1);
  --calendar-header-button-size: var(--spacing-8);
  --calendar-weeks-radius: var(--radius-rounded);
  --calendar-weeks-size: var(--spacing-10);
  --calendar-controls-margin-top: var(--spacing-1);
  --calendar-controls-padding-top: var(--spacing-2);
  --calendar-navigation-buttons-gap: var(--spacing-1);
  --icon-size-xs: var(--spacing-3);
  --icon-size-sm: var(--spacing-4);
  --icon-size-md: var(--spacing-5);
  --icon-size-lg: var(--spacing-6);
  --icon-size-xl: var(--spacing-7);
  --list-select-icon-size: var(--spacing-5);
  --list-select-font-size: var(--font-size-md);
  --list-select-line-height: var(--line-height-base);
  --list-select-option-padding-left: var(--spacing-5);
  --list-select-option-padding-right: var(--spacing-2);
  --list-select-option-padding: var(--spacing-2);
  --list-select-option-radius: var(--radius-rounded-md);
  --list-select-gap-y: var(--spacing-0-5);
  --list-select-radius: var(--radius-rounded-md);
  --list-select-padding: var(--spacing-2);
  --list-select-optgroup-option-padding-left: var(--spacing-5);
  --list-select-optgroup-option-margin-top: var(--spacing-1);
  --list-select-optgroup-gap: var(--spacing-0-5);
  --list-select-optgroup-padding-y: var(--spacing-2);
  --list-dropdown-icon-size: var(--spacing-5);
  --list-dropdown-font-size: var(--font-size-md);
  --list-dropdown-line-height: var(--line-height-base);
  --list-dropdown-item-padding-left: var(--spacing-8);
  --list-dropdown-item-padding-right: var(--spacing-2);
  --list-dropdown-item-padding-x: var(--spacing-2);
  --list-dropdown-item-padding-y: var(--spacing-2);
  --list-dropdown-item-gap-x: var(--spacing-3);
  --list-dropdown-item-radius: var(--radius-rounded-md);
  --list-dropdown-gap-y: var(--spacing-0-5);
  --list-dropdown-radius: var(--radius-rounded-md);
  --list-dropdown-padding: var(--spacing-2);
  --list-dropdown-separator-padding-x: var(--spacing-0);
  --list-dropdown-separator-padding-y: var(--spacing-0-5);
  --list-dropdown-sub-item-padding-left: var(--spacing-4);
  --list-multiselect-padding: var(--spacing-3);
  --form-field-badge-padding-x: var(--spacing-1);
  --form-field-badge-padding-y: var(--spacing-0-5);
  --form-field-font-size: var(--font-size-md);
  --form-field-font-weight: var(--font-weight-medium-emphasis);
  --form-field-icon-size: var(--spacing-5);
  --form-field-gap: var(--spacing-2);
  --form-field-gap-inner: var(--spacing-2);
  --form-field-line-height: var(--line-height-base);
  --form-field-padding-x: var(--spacing-2);
  --form-field-padding-x-icon-button: var(--spacing-10);
  --form-field-padding-y: var(--spacing-2);
  --form-field-radius: var(--radius-rounded-md);
  --form-field-leading-trailing-font-size: var(--font-size-sm);
  --form-field-leading-trailing-icon-size: var(--spacing-5);
  --form-field-leading-trailing-line-height: var(--line-height-base);
  --form-field-inner-button-padding-x-ext: var(--spacing-2-5);
  --form-field-inner-button-padding-x-int: var(--spacing-1-5);
  --form-field-inner-button-padding-y: var(--spacing-2-5);
  --form-gap-x: var(--spacing-3);
  --form-gap-y: var(--spacing-1);
  --form-description-font-size: var(--font-size-sm);
  --form-description-line-height: var(--line-height-sm);
  --form-description-font-weight: var(--font-weight-low-emphasis);
  --form-label-font-size: var(--font-size-sm);
  --form-label-gap: var(--spacing-1);
  --form-label-line-height: var(--line-height-sm);
  --form-label-font-weight: var(--font-weight-medium-emphasis);
  --form-checkbox-border-width: var(--spacing-0-5);
  --form-checkbox-icon-size: var(--spacing-3-5);
  --form-checkbox-padding-top: var(--spacing-0);
  --form-checkbox-radius: var(--radius-rounded-md);
  --form-checkbox-size: var(--spacing-5);
  --form-checkbox-ring-radius: var(--radius-rounded-lg);
  --form-checkbox-icon-stroke: var(--spacing-0-5);
  --form-radio-border-width: var(--spacing-0-5);
  --form-radio-inner-circle-padding: var(--spacing-1-5);
  --form-radio-inner-circle-size: var(--spacing-2);
  --form-radio-padding-top: var(--spacing-0);
  --form-radio-size: var(--spacing-5);
  --form-radio-ring-radius: var(--radius-rounded-full);
  --form-toggle-border-width: var(--spacing-0-5);
  --form-toggle-height: var(--spacing-5);
  --form-toggle-padding-top: var(--spacing-0);
  --form-toggle-radius: var(--radius-rounded-full);
  --form-toggle-padding-default: var(--spacing-1);
  --form-toggle-padding-selected: var(--spacing-0-5);
  --form-toggle-switch-dot-default: var(--spacing-3);
  --form-toggle-switch-dot-selected: var(--spacing-3-5);
  --form-toggle-width: var(--spacing-9);
  --menu-contextual-divider-padding-top: var(--spacing-1);
  --menu-contextual-divider-padding-x: var(--spacing-2-5);
  --menu-contextual-item-font-size: var(--font-size-sm);
  --menu-contextual-item-padding-x: var(--spacing-2-5);
  --menu-contextual-item-padding-y: var(--spacing-2);
  --menu-contextual-item-gap-x: var(--spacing-3);
  --menu-contextual-item-radius: var(--radius-rounded);
  --menu-contextual-gap-y: var(--spacing-0-5);
  --menu-contextual-padding-x: var(--spacing-1);
  --menu-contextual-padding-y: var(--spacing-1);
  --menu-contextual-radius: var(--radius-rounded-md);
  --navigation-primary-notification-bullet-size: var(--spacing-4);
  --navigation-primary-notification-bullet-size-reduced: var(--spacing-1-5);
  --navigation-primary-notification-bullet-font-weight: var(--font-weight-medium-emphasis);
  --navigation-primary-title-padding-x: var(--spacing-3);
  --navigation-primary-title-padding-y: var(--spacing-1);
  --navigation-primary-title-font-size: var(--font-size-sm);
  --navigation-primary-item-gap-x: var(--spacing-2);
  --navigation-primary-item-padding-x: var(--spacing-3);
  --navigation-primary-item-padding-y: var(--spacing-2);
  --navigation-primary-item-font-size: var(--font-size-md);
  --navigation-primary-item-icon-size: var(--spacing-5);
  --navigation-primary-item-radius: var(--radius-rounded-md);
  --navigation-primary-sub-item-padding-left-x: var(--spacing-7);
  --navigation-primary-separator-size: var(--spacing-px);
  --navigation-gap-y: var(--spacing-3);
  --pill-gap-x: var(--spacing-1);
  --pill-padding-x: var(--spacing-1-5);
  --pill-padding-y: var(--spacing-1);
  --pill-height: var(--spacing-6);
  --pill-border-radius: var(--radius-rounded-full);
  --popover-shadow-1-y: var(--shadow-y-axis-none);
  --popover-shadow-1-spread: var(--shadow-spread-lg-1);
  --popover-shadow-1-opacity: var(--shadow-color-opacity-3);
  --popover-shadow-2-y: var(--shadow-y-axis-lg-2);
  --popover-shadow-2-blur: var(--shadow-blur-lg-2);
  --popover-shadow-2-spread: var(--shadow-spread-lg-2);
  --popover-shadow-2-opacity: var(--shadow-color-opacity-2);
  --popover-font-size: var(--font-size-sm);
  --popover-gap-y: var(--spacing-1);
  --popover-padding-x: var(--spacing-2);
  --popover-padding-y: var(--spacing-2);
  --popover-radius: var(--radius-rounded-md);
  --sidebar-notification-bullet-font-weight: var(--font-weight-medium-emphasis);
  --sidebar-notification-bullet-size: var(--spacing-4);
  --sidebar-notification-bullet-size-reduced: var(--spacing-1-5);
  --sidebar-gap-y: var(--spacing-3);
  --sidebar-padding-x: var(--spacing-6);
  --sidebar-padding-x-collapsed: var(--spacing-5);
  --sidebar-padding-y: var(--spacing-6);
  --sidebar-width-collapsed: var(--spacing-20);
  --sidebar-footer-gap-y: var(--spacing-5);
  --sidebar-group-gap-y: var(--spacing-1);
  --sidebar-section-gap-y: var(--spacing-0-5);
  --sidebar-section-gap-y-collapsed: var(--spacing-1);
  --sidebar-collapsible-button-icon-size: var(--spacing-4);
  --sidebar-collapsible-button-padding: var(--spacing-2);
  --sidebar-collapsible-button-position-top: var(--spacing-8);
  --sidebar-collapsible-button-position-right: var(--spacing-4);
  --sidebar-title-font-size: var(--font-size-sm);
  --sidebar-title-padding-x: var(--spacing-3);
  --sidebar-title-padding-y: var(--spacing-1);
  --sidebar-item-font-size: var(--font-size-md);
  --sidebar-item-gap-x: var(--spacing-2);
  --sidebar-item-icon-size: var(--spacing-5);
  --sidebar-item-padding-x: var(--spacing-3);
  --sidebar-item-padding-x-collapsed: var(--spacing-2-5);
  --sidebar-item-padding-y: var(--spacing-2);
  --sidebar-item-padding-y-collapsed: var(--spacing-2-5);
  --sidebar-item-radius: var(--radius-rounded-md);
  --sidebar-sub-item-padding-left: var(--spacing-7);
  --sidebar-divider-size: var(--spacing-px);
  --slider-tick-height: var(--spacing-1);
  --slider-tick-width: var(--spacing-0-5);
  --slider-handler-stroke: var(--spacing-0-5);
  --slider-handler-size-min: var(--spacing-5);
  --slider-handler-size-max: var(--spacing-6);
  --slider-handler-size-inner: var(--spacing-4);
  --slider-track-height: var(--spacing-1);
  --slider-track-padding-x: var(--spacing-3);
  --slider-track-radius: var(--radius-rounded-sm);
  --splitter-old-handler-long: var(--spacing-6);
  --splitter-old-handler-wide: var(--spacing-3);
  --splitter-old-handler-radius: var(--radius-rounded-md);
  --togglegroup-xs-radius: var(--radius-rounded-sm);
  --togglegroup-xs-gap: var(--spacing-0-5);
  --togglegroup-xs-height: var(--spacing-6);
  --togglegroup-sm-radius: var(--radius-rounded);
  --togglegroup-sm-gap: var(--spacing-0-5);
  --togglegroup-sm-height: var(--spacing-8);
  --togglegroup-md-radius: var(--radius-rounded-md);
  --togglegroup-md-gap: var(--spacing-0-5);
  --togglegroup-md-height: var(--spacing-10);
  --togglegroup-lg-radius: var(--radius-rounded-lg);
  --togglegroup-lg-gap: var(--spacing-0-5);
  --togglegroup-lg-height: var(--spacing-12);
  --togglegroup-stroke: var(--spacing-px);
  --togglegroup-inner-space: var(--spacing-1-5);
  --tooltip-font-size: var(--font-size-sm);
  --tooltip-padding-x: var(--spacing-3);
  --tooltip-padding-y: var(--spacing-3);
  --tooltip-complex-padding-y: var(--spacing-3);
  --tooltip-gap-y: var(--spacing-1);
  --tooltip-radius: var(--radius-rounded-md);
  --global-typography-h1-font-size: var(--font-size-5xl);
  --global-typography-h1-line-height: var(--line-height-4xl);
  --global-typography-h1-font-weight: var(--font-weight-high-emphasis);
  --global-typography-h2-font-size: var(--font-size-3xl);
  --global-typography-h2-line-height: var(--line-height-3xl);
  --global-typography-h2-font-weight: var(--font-weight-high-emphasis);
  --global-typography-h3-font-size: var(--font-size-2xl);
  --global-typography-h3-line-height: var(--line-height-2xl);
  --global-typography-h3-font-weight: var(--font-weight-high-emphasis);
  --global-typography-h4-font-size: var(--font-size-xl);
  --global-typography-h4-line-height: var(--line-height-xl);
  --global-typography-h4-font-weight: var(--font-weight-high-emphasis);
  --global-typography-h6-font-size: var(--font-size-lg);
  --global-typography-h6-line-height: var(--line-height-lg);
  --global-typography-h6-font-weight: var(--font-weight-medium-emphasis);
  --global-typography-h5-font-size: var(--font-size-lg);
  --global-typography-h5-line-height: var(--line-height-lg);
  --global-typography-h5-font-weight: var(--font-weight-high-emphasis);
  --global-typography-p-font-size: var(--font-size-md);
  --global-typography-p-line-height: var(--line-height-base);
  --global-typography-p-font-weight: var(--font-weight-low-emphasis);
  --global-typography-small-font-size: var(--font-size-xs);
  --global-typography-small-line-height: var(--line-height-xs);
  --global-typography-label-font-size: var(--font-size-sm);
  --global-typography-label-line-height: var(--line-height-sm);
  --global-typography-label-font-weight: var(--font-weight-medium-emphasis);
  --global-typography-legend-font-size: var(--font-size-xs);
  --global-typography-legend-line-height: var(--line-height-xs);
  --global-typography-legend-font-weight: var(--font-weight-medium-emphasis);
  --alert-icon-size: var(--spacing-5);
  --alert-gap-x: var(--spacing-3);
  --alert-icon-position-x: var(--spacing-4);
  --alert-icon-position-y: var(--spacing-4);
  --alert-gap-y: var(--spacing-1);
  --alert-padding: var(--spacing-4);
  --alert-padding-right: var(--spacing-8);
  --alert-radius: var(--radius-rounded-lg);
  --alert-heading-font-size: var(--font-size-sm);
  --alert-heading-font-weight: var(--font-weight-medium-emphasis);
  --alert-heading-line-height: var(--line-height-sm);
  --alert-message-font-size: var(--font-size-sm);
  --alert-message-font-weight: var(--font-weight-low-emphasis);
  --alert-message-line-height: var(--line-height-sm);
  --badge-gap-x: var(--spacing-1);
  --badge-gap-icon-only-x: var(--spacing-0-5);
  --badge-height: var(--spacing-6);
  --badge-padding-x: var(--spacing-2);
  --badge-padding-icon-only-x: var(--spacing-1-5);
  --badge-padding-y: var(--spacing-1);
  --badge-radius: var(--radius-rounded-full);
  --breadcrumb-padding-y: var(--spacing-1);
  --datagrid-cell-body-padding-x: var(--spacing-4);
  --datagrid-cell-body-avatar-gap-x: var(--spacing-3);
  --datagrid-cell-body-actions-gap-x: var(--spacing-2);
  --datagrid-cell-body-padding-y: var(--spacing-2);
  --datagrid-cell-body-actions-padding-y: var(--spacing-1);
  --datagrid-cell-body-chevron-padding-x: var(--spacing-0);
  --datagrid-cell-header-padding-x: var(--spacing-4);
  --datagrid-cell-header-padding-right: var(--spacing-2);
  --datagrid-cell-header-padding-y: var(--spacing-3);
  --datagrid-cell-header-chevron-padding-x: var(--spacing-0);
  --datagrid-expanded-padding-right: var(--spacing-4);
  --datagrid-expanded-padding-y: var(--spacing-4);
  --datagrid-expanded-padding-left: var(--spacing-14);
  --dialog-dismissible-position-top: var(--spacing-5);
  --dialog-dismissible-position-right: var(--spacing-3);
  --dialog-header-gap-y: var(--spacing-0);
  --dialog-header-padding-top: var(--spacing-6);
  --dialog-header-padding-bottom: var(--spacing-2);
  --dialog-header-padding-x: var(--spacing-6);
  --dialog-body-padding-x: var(--spacing-6);
  --dialog-body-padding-y: var(--spacing-2);
  --dialog-footer-gap-y: var(--spacing-3);
  --dialog-footer-padding-top: var(--spacing-2);
  --dialog-footer-padding-bottom: var(--spacing-6);
  --dialog-footer-padding-x: var(--spacing-6);
  --focus-field-stroke: var(--spacing-px);
  --focus-outline-offset: var(--spacing-0-5);
  --focus-outline-stroke: var(--spacing-0-5);
  --loader-size-xs: var(--spacing-4);
  --loader-size-sm: var(--spacing-5);
  --loader-size-md: var(--spacing-6);
  --loader-size-lg: var(--spacing-7);
  --loader-size-xl: var(--spacing-8);
  --notification-icon-size: var(--spacing-5);
  --notification-gap-x: var(--spacing-3);
  --notification-gap-x-title: var(--spacing-2);
  --notification-gap-y: var(--spacing-1);
  --notification-padding: var(--spacing-4);
  --notification-padding-right: var(--spacing-6);
  --notification-padding-left: var(--spacing-6);
  --notification-radius: var(--radius-rounded-lg);
  --notification-border-width-high-emphasis: var(--spacing-2);
  --notification-border-width-low-emphasis: var(--spacing-px);
  --notification-description-font-size: var(--font-size-sm);
  --notification-description-font-weight: var(--font-weight-medium-emphasis);
  --notification-description-line-height: var(--line-height-sm);
  --notification-timestamp-font-size: var(--font-size-sm);
  --notification-timestamp-font-weight: var(--font-weight-low-emphasis);
  --notification-timestamp-line-height: var(--line-height-sm);
  --notification-title-font-size: var(--font-size-sm);
  --notification-title-font-weight: var(--font-weight-medium-emphasis);
  --notification-title-line-height: var(--line-height-sm);
  --pagination-table-font-size: var(--font-size-sm);
  --pagination-table-gap-x: var(--spacing-8);
  --pagination-table-height: var(--spacing-9);
  --pagination-table-padding-left: var(--spacing-3);
  --pagination-table-padding-x: var(--spacing-3);
  --pagination-table-padding-y: var(--spacing-2);
  --status-indicator-gap-x: var(--spacing-0-5);
  --status-indicator-height: var(--spacing-6);
  --status-indicator-width-icon-only: var(--spacing-6);
  --status-indicator-icon-size: var(--spacing-3);
  --status-indicator-padding-x: var(--spacing-1-5);
  --status-indicator-padding-y: var(--spacing-1);
  --status-indicator-radius: var(--radius-rounded-full);
  --status-indicator-label-size: var(--font-size-xs);
  --status-indicator-label-line-height: var(--line-height-xs);
  --splitter-line-width: var(--spacing-1);
  --splitter-gutter: var(--spacing-6);
  --splitter-handle-long: var(--spacing-6);
  --splitter-handle-wide: var(--spacing-1);
  --splitter-handle-wide-hover: var(--spacing-2);
  --splitter-handle-radius: var(--radius-rounded-md);
  --tag-gap-x: var(--spacing-1);
  --tag-padding-x: var(--spacing-1-5);
  --tag-height: var(--spacing-6);
  --tag-border-radius: var(--radius-rounded);
}


/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --color-cyan-300: oklch(86.5% 0.127 207.078);
    --color-blue-50: oklch(97% 0.014 254.604);
    --color-blue-100: oklch(93.2% 0.032 255.585);
    --color-blue-400: oklch(70.7% 0.165 254.624);
    --color-purple-300: oklch(82.7% 0.119 306.383);
    --color-pink-300: oklch(82.3% 0.12 346.018);
    --color-slate-400: oklch(70.4% 0.04 256.788);
    --spacing: 0.25rem;
    --container-xs: 20rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-2xl: 42rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl--line-height: calc(2 / 1.5);
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --leading-tight: 1.25;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: TT Norms Pro, Montserrat, sans-serif;
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: TT Norms Pro Mono, monospace;
    font-feature-settings: normal;
    font-variation-settings: normal;
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .pointer-events-none {
    pointer-events: none;
  }
  .collapse {
    visibility: collapse;
  }
  .visible {
    visibility: visible;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .sticky {
    position: sticky;
  }
  .start {
    inset-inline-start: var(--spacing);
  }
  .-end {
    inset-inline-end: calc(var(--spacing) * -1);
  }
  .end {
    inset-inline-end: var(--spacing);
  }
  .top-0 {
    top: var(--spacing-0);
  }
  .left-6 {
    left: var(--spacing-6);
  }
  .col-span-1 {
    grid-column: span 1 / span 1;
  }
  .col-span-2 {
    grid-column: span 2 / span 2;
  }
  .container {
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
  }
  .nv-pagination-nav__list {
    display: flex;
    align-items: center;
    gap: var(--spacing-2);
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .m-0 {
    margin: var(--spacing-0);
  }
  .m-4 {
    margin: var(--spacing-4);
  }
  .m-6 {
    margin: var(--spacing-6);
  }
  .-mx-6 {
    margin-inline: calc(var(--spacing-6) * -1);
  }
  .mx-2 {
    margin-inline: var(--spacing-2);
  }
  .mx-4 {
    margin-inline: var(--spacing-4);
  }
  .mx-auto {
    margin-inline: auto;
  }
  .my-1 {
    margin-block: var(--spacing-1);
  }
  .my-4 {
    margin-block: var(--spacing-4);
  }
  .my-6 {
    margin-block: var(--spacing-6);
  }
  .my-10 {
    margin-block: var(--spacing-10);
  }
  .my-16 {
    margin-block: var(--spacing-16);
  }
  .mt-1 {
    margin-top: var(--spacing-1);
  }
  .mt-2 {
    margin-top: var(--spacing-2);
  }
  .mt-3 {
    margin-top: var(--spacing-3);
  }
  .mt-4 {
    margin-top: var(--spacing-4);
  }
  .mt-5 {
    margin-top: var(--spacing-5);
  }
  .mt-6 {
    margin-top: var(--spacing-6);
  }
  .mt-8 {
    margin-top: var(--spacing-8);
  }
  .nv-fieldtext {
    --nv-field-border-default: var(--components-form-field-border-default);
    --nv-field-border-hover: var(--components-form-field-border-hover);
    --nv-field-border-focus: var(--components-form-field-border-focus);
    --nv-field-border-disabled: var(--components-form-field-border-default);
    --nv-field-border-readonly: var(--components-form-field-border-default);
    --nv-field-focus-box-shadow: var(--color-focus-brand);
    --nv-field-background: var(--components-form-field-background-default);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--form-gap-y);
    box-sizing: border-box;
    max-width: 480px;
    &.fluid {
      max-width: unset;
    }
    &.readonly {
      --nv-field-border-default: var(--components-form-field-border-readonly);
      --nv-field-border-hover: var(--nv-field-border-default);
      --nv-field-border-focus: var(--components-form-field-border-focus);
      --nv-field-border-disabled: var(--nv-field-border-default);
      --nv-field-border-readonly: var(--nv-field-border-default);
      --nv-field-background: var(--components-form-field-background-readonly);
    }
    &.error {
      --nv-field-border-default: var(--components-form-field-border-error);
      --nv-field-border-hover: var(--nv-field-border-default);
      --nv-field-border-focus: var(--nv-field-border-default);
      --nv-field-border-disabled: var(--nv-field-border-default);
      --nv-field-border-readonly: var(--nv-field-border-default);
      --nv-field-focus-box-shadow: var(--color-focus-destructive-in-field);
    }
    &.success {
      --nv-field-border-default: var(--components-form-field-border-success);
      --nv-field-border-hover: var(--nv-field-border-default);
      --nv-field-border-focus: var(--nv-field-border-default);
      --nv-field-border-disabled: var(--nv-field-border-default);
      --nv-field-border-readonly: var(--nv-field-border-default);
      --nv-field-focus-box-shadow: var(--color-focus-success);
    }
    &.required label::after {
      content: '*';
      color: var(--components-form-text-required);
      font-weight: var(--font-weight-high-emphasis);
    }
    & > label {
      display: flex;
      align-items: center;
      gap: var(--form-label-gap);
      align-self: stretch;
      color: var(--components-form-text-label-default);
      font-family: var(--font-family-default), var(--font-family-fallback), sans-serif;
      font-size: var(--form-label-font-size);
      font-style: normal;
      font-weight: var(--font-weight-medium-emphasis);
      line-height: var(--form-label-line-height);
    }
    & > .input-wrapper {
      display: flex;
      flex-wrap: wrap;
      gap: var(--form-gap-x);
      align-items: stretch;
      align-self: stretch;
    }
    & > .input-wrapper .input-container {
      display: flex;
      flex-grow: 1;
      justify-content: center;
      align-items: center;
      align-self: stretch;
      border-radius: var(--form-field-radius);
      border-width: 1px;
      border-style: solid;
      border-color: var(--nv-field-border-default);
      opacity: var(--components-form-opacity-default, 1);
      background: var(--nv-field-background);
      transition: all 150ms ease-out;
    }
    & > .input-wrapper .input-container:hover {
      border-color: var(--nv-field-border-hover);
    }
    & > .input-wrapper .input-container:focus-within {
      border-color: var(--nv-field-border-focus);
      box-shadow: 0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow);
    }
    & > .input-wrapper .input-container:focus-within:hover {
      border-color: var(--nv-field-border-focus);
      box-shadow: 0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow);
    }
    & > .input-wrapper .input-container:focus {
      border-color: var(--nv-field-border-focus);
      box-shadow: 0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow);
    }
    & > .input-wrapper .input-container:focus:hover {
      border-color: var(--nv-field-border-focus);
      box-shadow: 0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow);
    }
    & > .input-wrapper .input-container:has(input:read-only) {
      background-color: var(--components-form-field-background-readonly);
      border-color: var(--nv-field-border-readonly);
    }
    & > .input-wrapper .input-container:has(input:disabled) {
      opacity: 0.5;
      background-color: var(--components-form-field-background-disabled);
      border-color: var(--nv-field-border-disabled);
    }
    & > .input-wrapper .input-container > .leading-input {
      display: block;
      margin-left: var(--form-field-padding-x);
    }
    & > .input-wrapper .input-container input {
      display: flex;
      align-items: center;
      flex: 1 0 0;
      overflow: hidden;
      background-color: transparent;
      color: var(--components-form-field-content-text);
      padding: calc(var(--form-field-padding-y) - 1px) var(--form-field-padding-x);
      font-size: var(--form-field-font-size);
      font-style: normal;
      font-weight: var(--font-weight-medium-emphasis);
      line-height: var(--form-field-line-height);
      width: 100%;
    }
    & > .input-wrapper .input-container input:focus {
      outline: none;
    }
    & > .input-wrapper .input-container input::placeholder {
      overflow: hidden;
      color: var(--components-form-field-content-placeholder);
      text-overflow: ellipsis;
      font-family: var(--font-family-default), var(--font-family-fallback), sans-serif;
      font-size: var(--form-field-font-size);
      font-style: normal;
      font-weight: var(--font-weight-low-emphasis);
      line-height: var(--form-field-line-height);
    }
    & > .input-wrapper .input-container input[type=password]::-ms-clear {
      display: none;
      width: 0;
      height: 0;
    }
    & > .input-wrapper .input-container input[type=password]::-ms-reveal {
      display: none;
      width: 0;
      height: 0;
    }
    & > .input-wrapper .input-container nv-icon.validation {
      color: var(--nv-field-border-default);
      margin-right: var(--form-gap-x);
    }
    & > .input-wrapper .input-container > .trailing-input {
      display: block;
      margin-right: var(--form-field-padding-x);
    }
    & > .description {
      display: flex;
      align-items: center;
      align-self: stretch;
      gap: var(--spacing-1);
      color: var(--components-form-text-description-default);
      font-family: var(--font-family-default), var(--font-family-fallback), sans-serif;
      font-size: var(--form-description-font-size);
      font-style: normal;
      line-height: var(--form-description-line-height);
    }
    & > .error-description {
      display: flex;
      align-items: center;
      align-self: stretch;
      gap: var(--spacing-1);
      color: var(--components-form-text-description-default);
      color: var(--components-form-text-description-error);
      font-family: var(--font-family-default), var(--font-family-fallback), sans-serif;
      font-size: var(--form-description-font-size);
      font-style: normal;
      line-height: var(--form-description-line-height);
    }
    & > .error-description[hidden] {
      display: none;
    }
  }
  .input-wrapper {
    .nv-fieldtext > & {
      display: flex;
      flex-wrap: wrap;
      gap: var(--form-gap-x);
      align-items: stretch;
      align-self: stretch;
    }
    .nv-fieldtext > & .input-container {
      display: flex;
      flex-grow: 1;
      justify-content: center;
      align-items: center;
      align-self: stretch;
      border-radius: var(--form-field-radius);
      border-width: 1px;
      border-style: solid;
      border-color: var(--nv-field-border-default);
      opacity: var(--components-form-opacity-default, 1);
      background: var(--nv-field-background);
      transition: all 150ms ease-out;
    }
    .nv-fieldtext > & .input-container:hover {
      border-color: var(--nv-field-border-hover);
    }
    .nv-fieldtext > & .input-container:focus-within {
      border-color: var(--nv-field-border-focus);
      box-shadow: 0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow);
    }
    .nv-fieldtext > & .input-container:focus-within:hover {
      border-color: var(--nv-field-border-focus);
      box-shadow: 0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow);
    }
    .nv-fieldtext > & .input-container:focus {
      border-color: var(--nv-field-border-focus);
      box-shadow: 0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow);
    }
    .nv-fieldtext > & .input-container:focus:hover {
      border-color: var(--nv-field-border-focus);
      box-shadow: 0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow);
    }
    .nv-fieldtext > & .input-container:has(input:read-only) {
      background-color: var(--components-form-field-background-readonly);
      border-color: var(--nv-field-border-readonly);
    }
    .nv-fieldtext > & .input-container:has(input:disabled) {
      opacity: 0.5;
      background-color: var(--components-form-field-background-disabled);
      border-color: var(--nv-field-border-disabled);
    }
    .nv-fieldtext > & .input-container > .leading-input {
      display: block;
      margin-left: var(--form-field-padding-x);
    }
    .nv-fieldtext > & .input-container input {
      display: flex;
      align-items: center;
      flex: 1 0 0;
      overflow: hidden;
      background-color: transparent;
      color: var(--components-form-field-content-text);
      padding: calc(var(--form-field-padding-y) - 1px) var(--form-field-padding-x);
      font-size: var(--form-field-font-size);
      font-style: normal;
      font-weight: var(--font-weight-medium-emphasis);
      line-height: var(--form-field-line-height);
      width: 100%;
    }
    .nv-fieldtext > & .input-container input:focus {
      outline: none;
    }
    .nv-fieldtext > & .input-container input::placeholder {
      overflow: hidden;
      color: var(--components-form-field-content-placeholder);
      text-overflow: ellipsis;
      font-family: var(--font-family-default), var(--font-family-fallback), sans-serif;
      font-size: var(--form-field-font-size);
      font-style: normal;
      font-weight: var(--font-weight-low-emphasis);
      line-height: var(--form-field-line-height);
    }
    .nv-fieldtext > & .input-container input[type=password]::-ms-clear {
      display: none;
      width: 0;
      height: 0;
    }
    .nv-fieldtext > & .input-container input[type=password]::-ms-reveal {
      display: none;
      width: 0;
      height: 0;
    }
    .nv-fieldtext > & .input-container nv-icon.validation {
      color: var(--nv-field-border-default);
      margin-right: var(--form-gap-x);
    }
    .nv-fieldtext > & .input-container > .trailing-input {
      display: block;
      margin-right: var(--form-field-padding-x);
    }
  }
  .input-container {
    .nv-fieldtext > .input-wrapper & {
      display: flex;
      flex-grow: 1;
      justify-content: center;
      align-items: center;
      align-self: stretch;
      border-radius: var(--form-field-radius);
      border-width: 1px;
      border-style: solid;
      border-color: var(--nv-field-border-default);
      opacity: var(--components-form-opacity-default, 1);
      background: var(--nv-field-background);
      transition: all 150ms ease-out;
    }
    .nv-fieldtext > .input-wrapper &:hover {
      border-color: var(--nv-field-border-hover);
    }
    .nv-fieldtext > .input-wrapper &:focus-within {
      border-color: var(--nv-field-border-focus);
      box-shadow: 0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow);
    }
    .nv-fieldtext > .input-wrapper &:focus-within:hover {
      border-color: var(--nv-field-border-focus);
      box-shadow: 0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow);
    }
    .nv-fieldtext > .input-wrapper &:focus {
      border-color: var(--nv-field-border-focus);
      box-shadow: 0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow);
    }
    .nv-fieldtext > .input-wrapper &:focus:hover {
      border-color: var(--nv-field-border-focus);
      box-shadow: 0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow);
    }
    .nv-fieldtext > .input-wrapper &:has(input:read-only) {
      background-color: var(--components-form-field-background-readonly);
      border-color: var(--nv-field-border-readonly);
    }
    .nv-fieldtext > .input-wrapper &:has(input:disabled) {
      opacity: 0.5;
      background-color: var(--components-form-field-background-disabled);
      border-color: var(--nv-field-border-disabled);
    }
    .nv-fieldtext > .input-wrapper & > .leading-input {
      display: block;
      margin-left: var(--form-field-padding-x);
    }
    .nv-fieldtext > .input-wrapper & input {
      display: flex;
      align-items: center;
      flex: 1 0 0;
      overflow: hidden;
      background-color: transparent;
      color: var(--components-form-field-content-text);
      padding: calc(var(--form-field-padding-y) - 1px) var(--form-field-padding-x);
      font-size: var(--form-field-font-size);
      font-style: normal;
      font-weight: var(--font-weight-medium-emphasis);
      line-height: var(--form-field-line-height);
      width: 100%;
    }
    .nv-fieldtext > .input-wrapper & input:focus {
      outline: none;
    }
    .nv-fieldtext > .input-wrapper & input::placeholder {
      overflow: hidden;
      color: var(--components-form-field-content-placeholder);
      text-overflow: ellipsis;
      font-family: var(--font-family-default), var(--font-family-fallback), sans-serif;
      font-size: var(--form-field-font-size);
      font-style: normal;
      font-weight: var(--font-weight-low-emphasis);
      line-height: var(--form-field-line-height);
    }
    .nv-fieldtext > .input-wrapper & input[type=password]::-ms-clear {
      display: none;
      width: 0;
      height: 0;
    }
    .nv-fieldtext > .input-wrapper & input[type=password]::-ms-reveal {
      display: none;
      width: 0;
      height: 0;
    }
    .nv-fieldtext > .input-wrapper & nv-icon.validation {
      color: var(--nv-field-border-default);
      margin-right: var(--form-gap-x);
    }
    .nv-fieldtext > .input-wrapper & > .trailing-input {
      display: block;
      margin-right: var(--form-field-padding-x);
    }
  }
  .trailing-input {
    .nv-fieldtext > .input-wrapper .input-container > & {
      display: block;
      margin-right: var(--form-field-padding-x);
    }
  }
  .validation {
    .nv-fieldtext > .input-wrapper .input-container nv-icon& {
      color: var(--nv-field-border-default);
      margin-right: var(--form-gap-x);
    }
  }
  .mr-1 {
    margin-right: var(--spacing-1);
  }
  .mr-2 {
    margin-right: var(--spacing-2);
  }
  .mr-4 {
    margin-right: var(--spacing-4);
  }
  .mr-auto {
    margin-right: auto;
  }
  .mb-1 {
    margin-bottom: var(--spacing-1);
  }
  .mb-2 {
    margin-bottom: var(--spacing-2);
  }
  .mb-3 {
    margin-bottom: var(--spacing-3);
  }
  .mb-4 {
    margin-bottom: var(--spacing-4);
  }
  .mb-5 {
    margin-bottom: var(--spacing-5);
  }
  .mb-6 {
    margin-bottom: var(--spacing-6);
  }
  .mb-8 {
    margin-bottom: var(--spacing-8);
  }
  .mb-20 {
    margin-bottom: var(--spacing-20);
  }
  .leading-input {
    .nv-fieldtext > .input-wrapper .input-container > & {
      display: block;
      margin-left: var(--form-field-padding-x);
    }
  }
  .ml-1 {
    margin-left: var(--spacing-1);
  }
  .ml-2 {
    margin-left: var(--spacing-2);
  }
  .ml-4 {
    margin-left: var(--spacing-4);
  }
  .ml-auto {
    margin-left: auto;
  }
  .nv-button {
    text-decoration: none;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-style: normal;
    font-weight: var(--font-weight-medium-emphasis);
    font-family: var(--font-family-default), var(--font-family-fallback), sans-serif;
    transition: background-color 150ms ease-out;
    user-select: none;
    cursor: pointer;
    height: fit-content;
    height: var(--button-md-height);
    width: fit-content;
    padding: var(--button-md-padding-y) var(--button-md-padding-x);
    gap: var(--button-md-gap);
    border-radius: var(--button-md-border-radius);
    line-height: var(--button-md-line-height);
    font-size: var(--button-md-font-size);
    background: var(--components-button-medium-background);
    border: 1px solid var(--components-button-medium-border);
    color: var(--components-button-medium-text);
    & nv-icon > svg {
      width: var(--spacing-5);
      height: var(--spacing-5);
      stroke-width: 1.6px;
    }
    &:hover {
      background: var(--components-button-medium-background-hover);
      border: 1px solid var(--components-button-medium-border);
      color: var(--components-button-medium-text-hover);
    }
    &:active {
      background: var(--components-button-medium-background-active);
      border: 1px solid var(--components-button-medium-border-active);
      color: var(--components-button-medium-text-active);
    }
    &:focus {
      outline: none;
    }
    &:focus-within {
      outline: none;
    }
    &:focus-visible {
      outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);
      outline-offset: calc(var(--focus-outline-offset) * 1);
    }
    &:has(:focus-visible) {
      outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);
      outline-offset: calc(var(--focus-outline-offset) * 1);
    }
    &:disabled:not([disabled=false]) {
      opacity: 0.5;
      cursor: not-allowed;
      box-shadow: none;
    }
    &.active {
      background: var(--components-button-medium-background-active);
      border: 1px solid var(--components-button-medium-border-active);
      color: var(--components-button-medium-text-active);
    }
    &.danger {
      background: var(--components-button-destructive-high-background);
      border: 1px solid transparent;
      color: var(--components-button-destructive-high-text);
    }
    &.danger:hover {
      background: var(--components-button-destructive-high-background-hover);
      border: 1px solid transparent;
      color: var(--components-button-destructive-high-text-hover);
    }
    &.danger:focus {
      outline: none;
    }
    &.danger:focus-within {
      outline: none;
    }
    &.danger:focus-visible {
      outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);
      outline-offset: calc(var(--focus-outline-offset) * 1);
    }
    &.danger:has(:focus-visible) {
      outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);
      outline-offset: calc(var(--focus-outline-offset) * 1);
    }
    &.size-xs {
      padding: var(--button-xs-padding-y) var(--button-xs-padding-x);
      gap: var(--button-xs-gap);
      border-radius: var(--button-xs-border-radius);
      line-height: var(--button-xs-line-height);
      height: var(--button-xs-height);
      font-size: var(--button-xs-font-size);
    }
    &.size-xs nv-icon > svg {
      width: var(--spacing-3);
      height: var(--spacing-3);
      stroke-width: 1.2px;
    }
    &.size-sm {
      padding: var(--button-sm-padding-y) var(--button-sm-padding-x);
      gap: var(--button-sm-gap);
      border-radius: var(--button-sm-border-radius);
      line-height: var(--button-sm-line-height);
      height: var(--button-sm-height);
      font-size: var(--button-sm-font-size);
    }
    &.size-sm nv-icon > svg {
      width: var(--spacing-4);
      height: var(--spacing-4);
      stroke-width: 1.5px;
    }
    &.size-md {
      padding: var(--button-md-padding-y) var(--button-md-padding-x);
      gap: var(--button-md-gap);
      border-radius: var(--button-md-border-radius);
      line-height: var(--button-md-line-height);
      height: var(--button-md-height);
      font-size: var(--button-md-font-size);
    }
    &.size-md nv-icon > svg {
      width: var(--spacing-5);
      height: var(--spacing-5);
      stroke-width: 1.6px;
    }
    &.size-lg {
      padding: var(--button-lg-padding-y) var(--button-lg-padding-x);
      gap: var(--button-lg-gap);
      border-radius: var(--button-lg-border-radius);
      line-height: var(--button-lg-line-height);
      height: var(--button-lg-height);
      font-size: var(--button-lg-font-size);
    }
    &.size-lg nv-icon > svg {
      width: var(--spacing-6);
      height: var(--spacing-6);
      stroke-width: 1.8px;
    }
    &.emphasis-high {
      background: var(--components-button-high-background);
      border: 1px solid var(--components-button-high-border);
      color: var(--components-button-high-text);
    }
    &.emphasis-high:hover {
      background: var(--components-button-high-background-hover);
      border: 1px solid var(--components-button-high-border);
      color: var(--components-button-high-text-hover);
    }
    &.emphasis-high:active {
      background: var(--components-button-high-background-active);
      border: 1px solid var(--components-button-high-border-active);
      color: var(--components-button-high-text-active);
    }
    &.emphasis-high:focus {
      outline: none;
    }
    &.emphasis-high:focus-within {
      outline: none;
    }
    &.emphasis-high:focus-visible {
      outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);
      outline-offset: calc(var(--focus-outline-offset) * 1);
    }
    &.emphasis-high:has(:focus-visible) {
      outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);
      outline-offset: calc(var(--focus-outline-offset) * 1);
    }
    &.emphasis-high:disabled:not([disabled=false]) {
      opacity: 0.5;
      cursor: not-allowed;
      box-shadow: none;
    }
    &.emphasis-high.active {
      background: var(--components-button-high-background-active);
      border: 1px solid var(--components-button-high-border-active);
      color: var(--components-button-high-text-active);
    }
    &.emphasis-high.danger {
      background: var(--components-button-destructive-high-background);
      border: 1px solid transparent;
      color: var(--components-button-destructive-high-text);
    }
    &.emphasis-high.danger:hover {
      background: var(--components-button-destructive-high-background-hover);
      border: 1px solid transparent;
      color: var(--components-button-destructive-high-text-hover);
    }
    &.emphasis-high.danger:focus {
      outline: none;
    }
    &.emphasis-high.danger:focus-within {
      outline: none;
    }
    &.emphasis-high.danger:focus-visible {
      outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);
      outline-offset: calc(var(--focus-outline-offset) * 1);
    }
    &.emphasis-high.danger:has(:focus-visible) {
      outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);
      outline-offset: calc(var(--focus-outline-offset) * 1);
    }
    &.emphasis-medium {
      background: var(--components-button-medium-background);
      border: 1px solid var(--components-button-medium-border);
      color: var(--components-button-medium-text);
    }
    &.emphasis-medium:hover {
      background: var(--components-button-medium-background-hover);
      border: 1px solid var(--components-button-medium-border);
      color: var(--components-button-medium-text-hover);
    }
    &.emphasis-medium:active {
      background: var(--components-button-medium-background-active);
      border: 1px solid var(--components-button-medium-border-active);
      color: var(--components-button-medium-text-active);
    }
    &.emphasis-medium:focus {
      outline: none;
    }
    &.emphasis-medium:focus-within {
      outline: none;
    }
    &.emphasis-medium:focus-visible {
      outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);
      outline-offset: calc(var(--focus-outline-offset) * 1);
    }
    &.emphasis-medium:has(:focus-visible) {
      outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);
      outline-offset: calc(var(--focus-outline-offset) * 1);
    }
    &.emphasis-medium:disabled:not([disabled=false]) {
      opacity: 0.5;
      cursor: not-allowed;
      box-shadow: none;
    }
    &.emphasis-medium.active {
      background: var(--components-button-medium-background-active);
      border: 1px solid var(--components-button-medium-border-active);
      color: var(--components-button-medium-text-active);
    }
    &.emphasis-medium.danger {
      background: var(--components-button-destructive-medium-background);
      border: 1px solid var(--components-button-destructive-medium-border);
      color: var(--components-button-destructive-medium-text);
    }
    &.emphasis-medium.danger:hover {
      background: var(--components-button-destructive-medium-background-hover);
      border: 1px solid var(--components-button-destructive-medium-border);
      color: var(--components-button-destructive-medium-text-hover);
    }
    &.emphasis-medium.danger:focus {
      outline: none;
    }
    &.emphasis-medium.danger:focus-within {
      outline: none;
    }
    &.emphasis-medium.danger:focus-visible {
      outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);
      outline-offset: calc(var(--focus-outline-offset) * 1);
    }
    &.emphasis-medium.danger:has(:focus-visible) {
      outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);
      outline-offset: calc(var(--focus-outline-offset) * 1);
    }
    &.emphasis-low {
      background: var(--components-button-low-background);
      border: 1px solid var(--components-button-low-border);
      color: var(--components-button-low-text);
    }
    &.emphasis-low:hover {
      background: var(--components-button-low-background-hover);
      border: 1px solid var(--components-button-low-border);
      color: var(--components-button-low-text-hover);
    }
    &.emphasis-low:active {
      background: var(--components-button-low-background-active);
      border: 1px solid var(--components-button-low-border-active);
      color: var(--components-button-low-text-active);
    }
    &.emphasis-low:focus {
      outline: none;
    }
    &.emphasis-low:focus-within {
      outline: none;
    }
    &.emphasis-low:focus-visible {
      outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);
      outline-offset: calc(var(--focus-outline-offset) * 1);
    }
    &.emphasis-low:has(:focus-visible) {
      outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);
      outline-offset: calc(var(--focus-outline-offset) * 1);
    }
    &.emphasis-low:disabled:not([disabled=false]) {
      opacity: 0.5;
      cursor: not-allowed;
      box-shadow: none;
    }
    &.emphasis-low.active {
      background: var(--components-button-low-background-active);
      border: 1px solid var(--components-button-low-border-active);
      color: var(--components-button-low-text-active);
    }
    &.emphasis-low.danger {
      background: var(--components-button-destructive-low-background);
      border: 1px solid var(--components-button-destructive-low-border);
      color: var(--components-button-destructive-low-text);
    }
    &.emphasis-low.danger:hover {
      background: var(--components-button-destructive-low-background-hover);
      border: 1px solid var(--components-button-destructive-low-border);
      color: var(--components-button-destructive-low-text-hover);
    }
    &.emphasis-low.danger:focus {
      outline: none;
    }
    &.emphasis-low.danger:focus-within {
      outline: none;
    }
    &.emphasis-low.danger:focus-visible {
      outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);
      outline-offset: calc(var(--focus-outline-offset) * 1);
    }
    &.emphasis-low.danger:has(:focus-visible) {
      outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);
      outline-offset: calc(var(--focus-outline-offset) * 1);
    }
    &.emphasis-lower {
      background: var(--components-button-lower-background);
      border: 1px solid var(--components-button-lower-border);
      color: var(--components-button-lower-text);
    }
    &.emphasis-lower:hover {
      background: var(--components-button-lower-background-hover);
      border: 1px solid var(--components-button-lower-border);
      color: var(--components-button-lower-text-hover);
    }
    &.emphasis-lower:active {
      background: var(--components-button-lower-background-active);
      border: 1px solid var(--components-button-lower-border-active);
      color: var(--components-button-lower-text-active);
    }
    &.emphasis-lower:focus {
      outline: none;
    }
    &.emphasis-lower:focus-within {
      outline: none;
    }
    &.emphasis-lower:focus-visible {
      outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);
      outline-offset: calc(var(--focus-outline-offset) * 1);
    }
    &.emphasis-lower:has(:focus-visible) {
      outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);
      outline-offset: calc(var(--focus-outline-offset) * 1);
    }
    &.emphasis-lower:disabled:not([disabled=false]) {
      opacity: 0.5;
      cursor: not-allowed;
      box-shadow: none;
    }
    &.emphasis-lower.active {
      background: var(--components-button-lower-background-active);
      border: 1px solid var(--components-button-lower-border-active);
      color: var(--components-button-lower-text-active);
    }
    &.emphasis-lower.danger {
      background: var(--components-button-destructive-lower-background);
      border: 1px solid var(--components-button-destructive-lower-border);
      color: var(--components-button-destructive-lower-text);
    }
    &.emphasis-lower.danger:hover {
      background: var(--components-button-destructive-lower-background-hover);
      border: 1px solid var(--components-button-destructive-lower-border);
      color: var(--components-button-destructive-lower-text-hover);
    }
    &.emphasis-lower.danger:focus {
      outline: none;
    }
    &.emphasis-lower.danger:focus-within {
      outline: none;
    }
    &.emphasis-lower.danger:focus-visible {
      outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);
      outline-offset: calc(var(--focus-outline-offset) * 1);
    }
    &.emphasis-lower.danger:has(:focus-visible) {
      outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);
      outline-offset: calc(var(--focus-outline-offset) * 1);
    }
    &.fluid {
      width: 100%;
    }
  }
  .nv-link {
    color: var(--color-interaction-link-high-text);
    font-weight: var(--font-weight-medium-emphasis);
    text-decoration: none;
    &:hover {
      color: var(--color-interaction-link-high-text-hover);
    }
    .nv-sidenav & {
      display: flex;
      align-items: center;
      color: var(--color-interaction-container-neutral-text);
      background-color: var(--color-interaction-container-neutral-background);
      text-decoration: none;
      font-weight: var(--font-weight-medium-emphasis);
      padding: var(--spacing-2) var(--spacing-3);
      column-gap: var(--spacing-2);
    }
    .nv-navbar & {
      display: flex;
      align-items: center;
      color: var(--color-interaction-container-neutral-text);
      background-color: var(--color-interaction-container-neutral-background);
      text-decoration: none;
      font-weight: var(--font-weight-medium-emphasis);
      padding: var(--spacing-2) var(--spacing-3);
      column-gap: var(--spacing-2);
    }
    .nv-tabs & {
      display: flex;
      align-items: center;
      color: var(--color-interaction-container-neutral-text);
      background-color: var(--color-interaction-container-neutral-background);
      text-decoration: none;
      font-weight: var(--font-weight-medium-emphasis);
      padding: var(--spacing-2) var(--spacing-3);
      column-gap: var(--spacing-2);
    }
    .nv-buttongroup & {
      display: flex;
      align-items: center;
      color: var(--color-interaction-container-neutral-text);
      background-color: var(--color-interaction-container-neutral-background);
      text-decoration: none;
      font-weight: var(--font-weight-medium-emphasis);
      padding: var(--spacing-2) var(--spacing-3);
      column-gap: var(--spacing-2);
    }
    .nv-tabs & {
      border-style: solid;
      border-color: transparent;
      border-width: 0 0 2px 0;
    }
    .nv-tabs &:hover {
      color: var(--color-interaction-container-branded-low-text-hover);
      border-color: transparent;
      background-color: transparent;
    }
    .nv-tabs &.active {
      color: var(--color-interaction-container-branded-low-text-active);
      border-color: var(--color-interaction-container-branded-low-border-active);
      background-color: transparent;
    }
    .nv-navbar & {
      border: solid 0 transparent;
      border-radius: var(--radius-rounded-md);
    }
    .nv-sidenav & {
      border: solid 0 transparent;
      border-radius: var(--radius-rounded-md);
    }
    .nv-buttongroup & {
      border: solid 0 transparent;
      border-radius: var(--radius-rounded-md);
    }
    .nv-navbar &:hover {
      color: var(--color-interaction-container-neutral-text-hover);
      border-color: var(--color-interaction-container-neutral-border-hover);
      background-color: var(--color-interaction-container-neutral-background-hover);
    }
    .nv-sidenav &:hover {
      color: var(--color-interaction-container-neutral-text-hover);
      border-color: var(--color-interaction-container-neutral-border-hover);
      background-color: var(--color-interaction-container-neutral-background-hover);
    }
    .nv-buttongroup &:hover {
      color: var(--color-interaction-container-neutral-text-hover);
      border-color: var(--color-interaction-container-neutral-border-hover);
      background-color: var(--color-interaction-container-neutral-background-hover);
    }
    .nv-navbar &.active {
      color: var(--color-interaction-container-neutral-text-active);
      border-color: var(--color-interaction-container-neutral-text-active);
      background-color: var(--color-interaction-container-neutral-background-active);
    }
    .nv-navbar &.router-link-active {
      color: var(--color-interaction-container-neutral-text-active);
      border-color: var(--color-interaction-container-neutral-text-active);
      background-color: var(--color-interaction-container-neutral-background-active);
    }
    .nv-sidenav &.active {
      color: var(--color-interaction-container-neutral-text-active);
      border-color: var(--color-interaction-container-neutral-text-active);
      background-color: var(--color-interaction-container-neutral-background-active);
    }
    .nv-sidenav &.router-link-active {
      color: var(--color-interaction-container-neutral-text-active);
      border-color: var(--color-interaction-container-neutral-text-active);
      background-color: var(--color-interaction-container-neutral-background-active);
    }
    .nv-buttongroup &.active {
      color: var(--color-interaction-container-neutral-text-active);
      border-color: var(--color-interaction-container-neutral-text-active);
      background-color: var(--color-interaction-container-neutral-background-active);
    }
    .nv-buttongroup &.router-link-active {
      color: var(--color-interaction-container-neutral-text-active);
      border-color: var(--color-interaction-container-neutral-text-active);
      background-color: var(--color-interaction-container-neutral-background-active);
    }
    .nv-sidenav .collapsible & {
      justify-content: space-between;
    }
    .nv-sidenav .collapsible & .nv-iconbutton {
      width: 20px !important;
      height: 20px !important;
    }
    .nv-buttongroup & {
      border-color: var(--color-content-medium-border);
      border-width: 0 1px 0 0;
      border-style: solid;
      border-radius: 0;
    }
    .nv-buttongroup &:hover {
      border-color: var(--color-content-medium-border);
    }
    .nv-buttongroup &.active {
      border-color: var(--color-content-medium-border);
    }
    .nv-buttongroup &.router-link-active {
      border-color: var(--color-content-medium-border);
    }
    .nv-buttongroup li:last-child & {
      border-right-width: 0;
    }
    & .nv-badge {
      border-radius: var(--radius-rounded-full);
      width: var(--spacing-5);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: var(--font-size-xs);
      color: var(--color-feedback-neutral-high-icon);
      background-color: var(--color-feedback-neutral-high-background);
    }
    &.disabled {
      opacity: 0.5;
      cursor: not-allowed;
    }
    &.disabled:hover {
      color: var(--color-interaction-container-neutral-text);
      background-color: transparent;
    }
  }
  .nv-sidenav {
    & .nv-link {
      display: flex;
      align-items: center;
      color: var(--color-interaction-container-neutral-text);
      background-color: var(--color-interaction-container-neutral-background);
      text-decoration: none;
      font-weight: var(--font-weight-medium-emphasis);
      padding: var(--spacing-2) var(--spacing-3);
      column-gap: var(--spacing-2);
    }
    & .nv-link {
      border: solid 0 transparent;
      border-radius: var(--radius-rounded-md);
    }
    & .nv-link:hover {
      color: var(--color-interaction-container-neutral-text-hover);
      border-color: var(--color-interaction-container-neutral-border-hover);
      background-color: var(--color-interaction-container-neutral-background-hover);
    }
    & .nv-link.active {
      color: var(--color-interaction-container-neutral-text-active);
      border-color: var(--color-interaction-container-neutral-text-active);
      background-color: var(--color-interaction-container-neutral-background-active);
    }
    & .nv-link.router-link-active {
      color: var(--color-interaction-container-neutral-text-active);
      border-color: var(--color-interaction-container-neutral-text-active);
      background-color: var(--color-interaction-container-neutral-background-active);
    }
    & .collapsible .nv-link {
      justify-content: space-between;
    }
    & .collapsible .nv-link .nv-iconbutton {
      width: 20px !important;
      height: 20px !important;
    }
  }
  .nv-pagination-nav__item--ellipsis {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: var(--spacing-8);
    height: var(--spacing-8);
    color: var(--color-content-lower-text);
    font-size: var(--font-size-sm);
    user-select: none;
  }
  .nv-badge {
    .nv-link & {
      border-radius: var(--radius-rounded-full);
      width: var(--spacing-5);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: var(--font-size-xs);
      color: var(--color-feedback-neutral-high-icon);
      background-color: var(--color-feedback-neutral-high-background);
    }
  }
  .nv-pagination-nav__item {
    display: flex;
    align-items: center;
    & nv-button {
      min-width: var(--spacing-8);
      justify-content: center;
    }
    & nv-iconbutton {
      min-width: var(--spacing-8);
      justify-content: center;
    }
  }
  .nv-tabs {
    & .nv-link {
      display: flex;
      align-items: center;
      color: var(--color-interaction-container-neutral-text);
      background-color: var(--color-interaction-container-neutral-background);
      text-decoration: none;
      font-weight: var(--font-weight-medium-emphasis);
      padding: var(--spacing-2) var(--spacing-3);
      column-gap: var(--spacing-2);
    }
    display: flex;
    flex: 1 1 0%;
    align-items: center;
    border-bottom: 1px solid var(--color-content-low-border);
    column-gap: var(--spacing-0-5);
    & .nv-link {
      border-style: solid;
      border-color: transparent;
      border-width: 0 0 2px 0;
    }
    & .nv-link:hover {
      color: var(--color-interaction-container-branded-low-text-hover);
      border-color: transparent;
      background-color: transparent;
    }
    & .nv-link.active {
      color: var(--color-interaction-container-branded-low-text-active);
      border-color: var(--color-interaction-container-branded-low-border-active);
      background-color: transparent;
    }
  }
  .nv-pagination-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-2);
    flex-wrap: wrap;
  }
  .error-description {
    .nv-fieldtext > & {
      display: flex;
      align-items: center;
      align-self: stretch;
      gap: var(--spacing-1);
      color: var(--components-form-text-description-default);
      color: var(--components-form-text-description-error);
      font-family: var(--font-family-default), var(--font-family-fallback), sans-serif;
      font-size: var(--form-description-font-size);
      font-style: normal;
      line-height: var(--form-description-line-height);
    }
    .nv-fieldtext > &[hidden] {
      display: none;
    }
  }
  .description {
    .nv-fieldtext > & {
      display: flex;
      align-items: center;
      align-self: stretch;
      gap: var(--spacing-1);
      color: var(--components-form-text-description-default);
      font-family: var(--font-family-default), var(--font-family-fallback), sans-serif;
      font-size: var(--form-description-font-size);
      font-style: normal;
      line-height: var(--form-description-line-height);
    }
  }
  .nv-buttongroup {
    & .nv-link {
      display: flex;
      align-items: center;
      color: var(--color-interaction-container-neutral-text);
      background-color: var(--color-interaction-container-neutral-background);
      text-decoration: none;
      font-weight: var(--font-weight-medium-emphasis);
      padding: var(--spacing-2) var(--spacing-3);
      column-gap: var(--spacing-2);
    }
    & .nv-link {
      border: solid 0 transparent;
      border-radius: var(--radius-rounded-md);
    }
    & .nv-link:hover {
      color: var(--color-interaction-container-neutral-text-hover);
      border-color: var(--color-interaction-container-neutral-border-hover);
      background-color: var(--color-interaction-container-neutral-background-hover);
    }
    & .nv-link.active {
      color: var(--color-interaction-container-neutral-text-active);
      border-color: var(--color-interaction-container-neutral-text-active);
      background-color: var(--color-interaction-container-neutral-background-active);
    }
    & .nv-link.router-link-active {
      color: var(--color-interaction-container-neutral-text-active);
      border-color: var(--color-interaction-container-neutral-text-active);
      background-color: var(--color-interaction-container-neutral-background-active);
    }
    display: inline-flex;
    border-radius: var(--radius-rounded-md);
    border: 1px solid var(--color-content-medium-border);
    overflow: hidden;
    & .nv-link {
      border-color: var(--color-content-medium-border);
      border-width: 0 1px 0 0;
      border-style: solid;
      border-radius: 0;
    }
    & .nv-link:hover {
      border-color: var(--color-content-medium-border);
    }
    & .nv-link.active {
      border-color: var(--color-content-medium-border);
    }
    & .nv-link.router-link-active {
      border-color: var(--color-content-medium-border);
    }
    & li:last-child .nv-link {
      border-right-width: 0;
    }
  }
  .nv-navbar {
    & .nv-link {
      display: flex;
      align-items: center;
      color: var(--color-interaction-container-neutral-text);
      background-color: var(--color-interaction-container-neutral-background);
      text-decoration: none;
      font-weight: var(--font-weight-medium-emphasis);
      padding: var(--spacing-2) var(--spacing-3);
      column-gap: var(--spacing-2);
    }
    & .nv-link {
      border: solid 0 transparent;
      border-radius: var(--radius-rounded-md);
    }
    & .nv-link:hover {
      color: var(--color-interaction-container-neutral-text-hover);
      border-color: var(--color-interaction-container-neutral-border-hover);
      background-color: var(--color-interaction-container-neutral-background-hover);
    }
    & .nv-link.active {
      color: var(--color-interaction-container-neutral-text-active);
      border-color: var(--color-interaction-container-neutral-text-active);
      background-color: var(--color-interaction-container-neutral-background-active);
    }
    & .nv-link.router-link-active {
      color: var(--color-interaction-container-neutral-text-active);
      border-color: var(--color-interaction-container-neutral-text-active);
      background-color: var(--color-interaction-container-neutral-background-active);
    }
  }
  .\!hidden {
    display: none !important;
  }
  .block {
    display: block;
  }
  .contents {
    display: contents;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .inline-block {
    display: inline-block;
  }
  .inline-flex {
    display: inline-flex;
  }
  .table {
    display: table;
  }
  .aspect-square {
    aspect-ratio: 1 / 1;
  }
  .collapsible {
    .nv-sidenav & .nv-link {
      justify-content: space-between;
    }
    .nv-sidenav & .nv-link .nv-iconbutton {
      width: 20px !important;
      height: 20px !important;
    }
  }
  .size-lg {
    .nv-button& {
      padding: var(--button-lg-padding-y) var(--button-lg-padding-x);
      gap: var(--button-lg-gap);
      border-radius: var(--button-lg-border-radius);
      line-height: var(--button-lg-line-height);
      height: var(--button-lg-height);
      font-size: var(--button-lg-font-size);
    }
    .nv-button& nv-icon > svg {
      width: var(--spacing-6);
      height: var(--spacing-6);
      stroke-width: 1.8px;
    }
  }
  .size-md {
    .nv-button& {
      padding: var(--button-md-padding-y) var(--button-md-padding-x);
      gap: var(--button-md-gap);
      border-radius: var(--button-md-border-radius);
      line-height: var(--button-md-line-height);
      height: var(--button-md-height);
      font-size: var(--button-md-font-size);
    }
    .nv-button& nv-icon > svg {
      width: var(--spacing-5);
      height: var(--spacing-5);
      stroke-width: 1.6px;
    }
  }
  .size-sm {
    .nv-button& {
      padding: var(--button-sm-padding-y) var(--button-sm-padding-x);
      gap: var(--button-sm-gap);
      border-radius: var(--button-sm-border-radius);
      line-height: var(--button-sm-line-height);
      height: var(--button-sm-height);
      font-size: var(--button-sm-font-size);
    }
    .nv-button& nv-icon > svg {
      width: var(--spacing-4);
      height: var(--spacing-4);
      stroke-width: 1.5px;
    }
  }
  .size-xs {
    .nv-button& {
      padding: var(--button-xs-padding-y) var(--button-xs-padding-x);
      gap: var(--button-xs-gap);
      border-radius: var(--button-xs-border-radius);
      line-height: var(--button-xs-line-height);
      height: var(--button-xs-height);
      font-size: var(--button-xs-font-size);
    }
    .nv-button& nv-icon > svg {
      width: var(--spacing-3);
      height: var(--spacing-3);
      stroke-width: 1.2px;
    }
  }
  .size-full {
    width: 100%;
    height: 100%;
  }
  .nv-iconbutton {
    .nv-sidenav .collapsible .nv-link & {
      width: 20px !important;
      height: 20px !important;
    }
  }
  .h-20 {
    height: var(--spacing-20);
  }
  .h-32 {
    height: var(--spacing-32);
  }
  .h-40 {
    height: var(--spacing-40);
  }
  .h-96 {
    height: var(--spacing-96);
  }
  .h-\[60px\] {
    height: 60px;
  }
  .h-\[600px\] {
    height: 600px;
  }
  .h-\[700px\] {
    height: 700px;
  }
  .h-full {
    height: 100%;
  }
  .h-screen {
    height: 100vh;
  }
  .min-h-screen {
    min-height: 100vh;
  }
  .fluid {
    .nv-fieldtext& {
      max-width: unset;
    }
    .nv-button& {
      width: 100%;
    }
  }
  .w-1\/12 {
    width: calc(1 / 12 * 100%);
  }
  .w-2\/12 {
    width: calc(2 / 12 * 100%);
  }
  .w-3\/12 {
    width: calc(3 / 12 * 100%);
  }
  .w-4\/12 {
    width: calc(4 / 12 * 100%);
  }
  .w-5 {
    width: var(--spacing-5);
  }
  .w-5\/12 {
    width: calc(5 / 12 * 100%);
  }
  .w-6\/12 {
    width: calc(6 / 12 * 100%);
  }
  .w-7\/12 {
    width: calc(7 / 12 * 100%);
  }
  .w-8\/12 {
    width: calc(8 / 12 * 100%);
  }
  .w-9\/12 {
    width: calc(9 / 12 * 100%);
  }
  .w-10 {
    width: var(--spacing-10);
  }
  .w-10\/12 {
    width: calc(10 / 12 * 100%);
  }
  .w-11\/12 {
    width: calc(11 / 12 * 100%);
  }
  .w-12\/12 {
    width: calc(12 / 12 * 100%);
  }
  .w-16 {
    width: var(--spacing-16);
  }
  .w-20 {
    width: var(--spacing-20);
  }
  .w-48 {
    width: var(--spacing-48);
  }
  .w-full {
    width: 100%;
  }
  .w-px {
    width: 1px;
  }
  .w-px {
    width: var(--spacing-px);
  }
  .max-w-2xl {
    max-width: var(--container-2xl);
  }
  .max-w-80 {
    max-width: var(--spacing-80);
  }
  .max-w-lg {
    max-width: var(--container-lg);
  }
  .max-w-md {
    max-width: var(--container-md);
  }
  .max-w-screen {
    max-width: 100vw;
  }
  .max-w-sm {
    max-width: var(--container-sm);
  }
  .max-w-xs {
    max-width: var(--container-xs);
  }
  .min-w-0 {
    min-width: var(--spacing-0);
  }
  .min-w-28 {
    min-width: var(--spacing-28);
  }
  .nv-pagination-nav-link {
    min-width: var(--spacing-8);
  }
  .flex-1 {
    flex: 1;
  }
  .shrink {
    flex-shrink: 1;
  }
  .grow {
    flex-grow: 1;
  }
  .border-collapse {
    border-collapse: collapse;
  }
  .rotate-2 {
    rotate: 2deg;
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .disabled {
    .nv-link-low& {
      color: var(--color-interaction-link-high-text-disabled);
      text-decoration: none;
    }
    .nv-link-high& {
      color: var(--color-interaction-link-high-text-disabled);
      text-decoration: none;
    }
    .nv-link& {
      opacity: 0.5;
      cursor: not-allowed;
    }
    .nv-link&:hover {
      color: var(--color-interaction-container-neutral-text);
      background-color: transparent;
    }
  }
  .emphasis-high {
    .nv-button& {
      background: var(--components-button-high-background);
      border: 1px solid var(--components-button-high-border);
      color: var(--components-button-high-text);
    }
    .nv-button&:hover {
      background: var(--components-button-high-background-hover);
      border: 1px solid var(--components-button-high-border);
      color: var(--components-button-high-text-hover);
    }
    .nv-button&:active {
      background: var(--components-button-high-background-active);
      border: 1px solid var(--components-button-high-border-active);
      color: var(--components-button-high-text-active);
    }
    .nv-button&:focus {
      outline: none;
    }
    .nv-button&:focus-within {
      outline: none;
    }
    .nv-button&:focus-visible {
      outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);
      outline-offset: calc(var(--focus-outline-offset) * 1);
    }
    .nv-button&:has(:focus-visible) {
      outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);
      outline-offset: calc(var(--focus-outline-offset) * 1);
    }
    .nv-button&:disabled:not([disabled=false]) {
      opacity: 0.5;
      cursor: not-allowed;
      box-shadow: none;
    }
    .nv-button&.active {
      background: var(--components-button-high-background-active);
      border: 1px solid var(--components-button-high-border-active);
      color: var(--components-button-high-text-active);
    }
    .nv-button&.danger {
      background: var(--components-button-destructive-high-background);
      border: 1px solid transparent;
      color: var(--components-button-destructive-high-text);
    }
    .nv-button&.danger:hover {
      background: var(--components-button-destructive-high-background-hover);
      border: 1px solid transparent;
      color: var(--components-button-destructive-high-text-hover);
    }
    .nv-button&.danger:focus {
      outline: none;
    }
    .nv-button&.danger:focus-within {
      outline: none;
    }
    .nv-button&.danger:focus-visible {
      outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);
      outline-offset: calc(var(--focus-outline-offset) * 1);
    }
    .nv-button&.danger:has(:focus-visible) {
      outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);
      outline-offset: calc(var(--focus-outline-offset) * 1);
    }
  }
  .emphasis-low {
    .nv-button& {
      background: var(--components-button-low-background);
      border: 1px solid var(--components-button-low-border);
      color: var(--components-button-low-text);
    }
    .nv-button&:hover {
      background: var(--components-button-low-background-hover);
      border: 1px solid var(--components-button-low-border);
      color: var(--components-button-low-text-hover);
    }
    .nv-button&:active {
      background: var(--components-button-low-background-active);
      border: 1px solid var(--components-button-low-border-active);
      color: var(--components-button-low-text-active);
    }
    .nv-button&:focus {
      outline: none;
    }
    .nv-button&:focus-within {
      outline: none;
    }
    .nv-button&:focus-visible {
      outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);
      outline-offset: calc(var(--focus-outline-offset) * 1);
    }
    .nv-button&:has(:focus-visible) {
      outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);
      outline-offset: calc(var(--focus-outline-offset) * 1);
    }
    .nv-button&:disabled:not([disabled=false]) {
      opacity: 0.5;
      cursor: not-allowed;
      box-shadow: none;
    }
    .nv-button&.active {
      background: var(--components-button-low-background-active);
      border: 1px solid var(--components-button-low-border-active);
      color: var(--components-button-low-text-active);
    }
    .nv-button&.danger {
      background: var(--components-button-destructive-low-background);
      border: 1px solid var(--components-button-destructive-low-border);
      color: var(--components-button-destructive-low-text);
    }
    .nv-button&.danger:hover {
      background: var(--components-button-destructive-low-background-hover);
      border: 1px solid var(--components-button-destructive-low-border);
      color: var(--components-button-destructive-low-text-hover);
    }
    .nv-button&.danger:focus {
      outline: none;
    }
    .nv-button&.danger:focus-within {
      outline: none;
    }
    .nv-button&.danger:focus-visible {
      outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);
      outline-offset: calc(var(--focus-outline-offset) * 1);
    }
    .nv-button&.danger:has(:focus-visible) {
      outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);
      outline-offset: calc(var(--focus-outline-offset) * 1);
    }
  }
  .emphasis-lower {
    .nv-button& {
      background: var(--components-button-lower-background);
      border: 1px solid var(--components-button-lower-border);
      color: var(--components-button-lower-text);
    }
    .nv-button&:hover {
      background: var(--components-button-lower-background-hover);
      border: 1px solid var(--components-button-lower-border);
      color: var(--components-button-lower-text-hover);
    }
    .nv-button&:active {
      background: var(--components-button-lower-background-active);
      border: 1px solid var(--components-button-lower-border-active);
      color: var(--components-button-lower-text-active);
    }
    .nv-button&:focus {
      outline: none;
    }
    .nv-button&:focus-within {
      outline: none;
    }
    .nv-button&:focus-visible {
      outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);
      outline-offset: calc(var(--focus-outline-offset) * 1);
    }
    .nv-button&:has(:focus-visible) {
      outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);
      outline-offset: calc(var(--focus-outline-offset) * 1);
    }
    .nv-button&:disabled:not([disabled=false]) {
      opacity: 0.5;
      cursor: not-allowed;
      box-shadow: none;
    }
    .nv-button&.active {
      background: var(--components-button-lower-background-active);
      border: 1px solid var(--components-button-lower-border-active);
      color: var(--components-button-lower-text-active);
    }
    .nv-button&.danger {
      background: var(--components-button-destructive-lower-background);
      border: 1px solid var(--components-button-destructive-lower-border);
      color: var(--components-button-destructive-lower-text);
    }
    .nv-button&.danger:hover {
      background: var(--components-button-destructive-lower-background-hover);
      border: 1px solid var(--components-button-destructive-lower-border);
      color: var(--components-button-destructive-lower-text-hover);
    }
    .nv-button&.danger:focus {
      outline: none;
    }
    .nv-button&.danger:focus-within {
      outline: none;
    }
    .nv-button&.danger:focus-visible {
      outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);
      outline-offset: calc(var(--focus-outline-offset) * 1);
    }
    .nv-button&.danger:has(:focus-visible) {
      outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);
      outline-offset: calc(var(--focus-outline-offset) * 1);
    }
  }
  .emphasis-medium {
    .nv-button& {
      background: var(--components-button-medium-background);
      border: 1px solid var(--components-button-medium-border);
      color: var(--components-button-medium-text);
    }
    .nv-button&:hover {
      background: var(--components-button-medium-background-hover);
      border: 1px solid var(--components-button-medium-border);
      color: var(--components-button-medium-text-hover);
    }
    .nv-button&:active {
      background: var(--components-button-medium-background-active);
      border: 1px solid var(--components-button-medium-border-active);
      color: var(--components-button-medium-text-active);
    }
    .nv-button&:focus {
      outline: none;
    }
    .nv-button&:focus-within {
      outline: none;
    }
    .nv-button&:focus-visible {
      outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);
      outline-offset: calc(var(--focus-outline-offset) * 1);
    }
    .nv-button&:has(:focus-visible) {
      outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);
      outline-offset: calc(var(--focus-outline-offset) * 1);
    }
    .nv-button&:disabled:not([disabled=false]) {
      opacity: 0.5;
      cursor: not-allowed;
      box-shadow: none;
    }
    .nv-button&.active {
      background: var(--components-button-medium-background-active);
      border: 1px solid var(--components-button-medium-border-active);
      color: var(--components-button-medium-text-active);
    }
    .nv-button&.danger {
      background: var(--components-button-destructive-medium-background);
      border: 1px solid var(--components-button-destructive-medium-border);
      color: var(--components-button-destructive-medium-text);
    }
    .nv-button&.danger:hover {
      background: var(--components-button-destructive-medium-background-hover);
      border: 1px solid var(--components-button-destructive-medium-border);
      color: var(--components-button-destructive-medium-text-hover);
    }
    .nv-button&.danger:focus {
      outline: none;
    }
    .nv-button&.danger:focus-within {
      outline: none;
    }
    .nv-button&.danger:focus-visible {
      outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);
      outline-offset: calc(var(--focus-outline-offset) * 1);
    }
    .nv-button&.danger:has(:focus-visible) {
      outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);
      outline-offset: calc(var(--focus-outline-offset) * 1);
    }
  }
  .cursor-default {
    cursor: default;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .resize {
    resize: both;
  }
  .resize-none {
    resize: none;
  }
  .resize-x {
    resize: horizontal;
  }
  .resize-y {
    resize: vertical;
  }
  .list-inside {
    list-style-position: inside;
  }
  .list-disc {
    list-style-type: disc;
  }
  .columns-1 {
    columns: 1;
  }
  .columns-2 {
    columns: 2;
  }
  .columns-3 {
    columns: 3;
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .grid-cols-\[120px_1fr\] {
    grid-template-columns: 120px 1fr;
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-row {
    flex-direction: row;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .items-center {
    align-items: center;
  }
  .items-end {
    align-items: flex-end;
  }
  .items-start {
    align-items: flex-start;
  }
  .justify-around {
    justify-content: space-around;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .gap-1 {
    gap: var(--spacing-1);
  }
  .gap-2 {
    gap: var(--spacing-2);
  }
  .gap-3 {
    gap: var(--spacing-3);
  }
  .gap-4 {
    gap: var(--spacing-4);
  }
  .gap-6 {
    gap: var(--spacing-6);
  }
  .gap-8 {
    gap: var(--spacing-8);
  }
  .gap-16 {
    gap: var(--spacing-16);
  }
  .space-y-2 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(var(--spacing-2) * var(--tw-space-y-reverse));
      margin-block-end: calc(var(--spacing-2) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-3 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(var(--spacing-3) * var(--tw-space-y-reverse));
      margin-block-end: calc(var(--spacing-3) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-4 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(var(--spacing-4) * var(--tw-space-y-reverse));
      margin-block-end: calc(var(--spacing-4) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-6 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(var(--spacing-6) * var(--tw-space-y-reverse));
      margin-block-end: calc(var(--spacing-6) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-8 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(var(--spacing-8) * var(--tw-space-y-reverse));
      margin-block-end: calc(var(--spacing-8) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-12 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(var(--spacing-12) * var(--tw-space-y-reverse));
      margin-block-end: calc(var(--spacing-12) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-16 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(var(--spacing-16) * var(--tw-space-y-reverse));
      margin-block-end: calc(var(--spacing-16) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .gap-x-0\.5 {
    column-gap: var(--spacing-0-5);
  }
  .gap-x-2 {
    column-gap: var(--spacing-2);
  }
  .gap-x-4 {
    column-gap: var(--spacing-4);
  }
  .space-x-2 {
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(var(--spacing-2) * var(--tw-space-x-reverse));
      margin-inline-end: calc(var(--spacing-2) * calc(1 - var(--tw-space-x-reverse)));
    }
  }
  .gap-y-0\.5 {
    row-gap: var(--spacing-0-5);
  }
  .gap-y-4 {
    row-gap: var(--spacing-4);
  }
  .self-start {
    align-self: flex-start;
  }
  .self-stretch {
    align-self: stretch;
  }
  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-x-auto {
    overflow-x: auto;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .rounded {
    border-radius: var(--radius-rounded);
  }
  .rounded-2xl {
    border-radius: var(--radius-rounded-2xl);
  }
  .rounded-full {
    border-radius: var(--radius-rounded-full);
  }
  .rounded-lg {
    border-radius: var(--radius-rounded-lg);
  }
  .rounded-md {
    border-radius: var(--radius-rounded-md);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-l-4 {
    border-left-style: var(--tw-border-style);
    border-left-width: 4px;
  }
  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }
  .border-none {
    --tw-border-style: none;
    border-style: none;
  }
  .active {
    .nv-button& {
      background: var(--components-button-medium-background-active);
      border: 1px solid var(--components-button-medium-border-active);
      color: var(--components-button-medium-text-active);
    }
    .nv-button.emphasis-high& {
      background: var(--components-button-high-background-active);
      border: 1px solid var(--components-button-high-border-active);
      color: var(--components-button-high-text-active);
    }
    .nv-button.emphasis-medium& {
      background: var(--components-button-medium-background-active);
      border: 1px solid var(--components-button-medium-border-active);
      color: var(--components-button-medium-text-active);
    }
    .nv-button.emphasis-low& {
      background: var(--components-button-low-background-active);
      border: 1px solid var(--components-button-low-border-active);
      color: var(--components-button-low-text-active);
    }
    .nv-button.emphasis-lower& {
      background: var(--components-button-lower-background-active);
      border: 1px solid var(--components-button-lower-border-active);
      color: var(--components-button-lower-text-active);
    }
    .nv-tabs .nv-link& {
      color: var(--color-interaction-container-branded-low-text-active);
      border-color: var(--color-interaction-container-branded-low-border-active);
      background-color: transparent;
    }
    .nv-navbar .nv-link& {
      color: var(--color-interaction-container-neutral-text-active);
      border-color: var(--color-interaction-container-neutral-text-active);
      background-color: var(--color-interaction-container-neutral-background-active);
    }
    .nv-sidenav .nv-link& {
      color: var(--color-interaction-container-neutral-text-active);
      border-color: var(--color-interaction-container-neutral-text-active);
      background-color: var(--color-interaction-container-neutral-background-active);
    }
    .nv-buttongroup .nv-link& {
      color: var(--color-interaction-container-neutral-text-active);
      border-color: var(--color-interaction-container-neutral-text-active);
      background-color: var(--color-interaction-container-neutral-background-active);
    }
    .nv-buttongroup .nv-link& {
      border-color: var(--color-content-medium-border);
    }
  }
  .thumb {
    nv-fieldslider .slider-container .track-container:has(&:hover) .track-range {
      background: var(--components-slider-track-filled-hover);
    }
    nv-fieldslider .slider-container .track-container:has(&:hover) .thumb {
      border-color: var(--components-slider-track-filled-hover);
    }
    nv-fieldslider .slider-container .track-container:has(.thumb:hover) & {
      border-color: var(--components-slider-track-filled-hover);
    }
    nv-fieldslider .slider-container .track-container:has(&:focus) .track-range {
      background: var(--components-slider-track-filled-focus);
    }
    nv-fieldslider .slider-container .track-container:has(&:focus) .thumb {
      border-color: var(--components-slider-track-filled-focus);
    }
    nv-fieldslider .slider-container .track-container:has(.thumb:focus) & {
      border-color: var(--components-slider-track-filled-focus);
    }
    nv-fieldslider[error] .slider-container .track-container .track & {
      border-color: var(--components-slider-track-filled-error);
    }
    nv-fieldslider[error] .slider-container .track-container .track &:hover {
      border-color: var(--components-slider-track-filled-error);
      outline: calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);
      outline-offset: calc(var(--focus-outline-offset) * 1);
      background-color: var(--components-slider-handler-background-error);
    }
    nv-fieldslider[error] .slider-container .track-container .track &:focus {
      border-color: var(--components-slider-track-filled-error);
      outline: calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);
      outline-offset: calc(var(--focus-outline-offset) * 1);
      background-color: var(--components-slider-track-filled-error);
    }
    nv-fieldslider[error] .slider-container .track-container:has(&:hover) .track-range {
      background: var(--components-slider-track-filled-error);
    }
    nv-fieldslider[error] .slider-container .track-container:has(&:hover) .thumb {
      border-color: var(--components-slider-track-filled-error);
    }
    nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) & {
      border-color: var(--components-slider-track-filled-error);
    }
  }
  .slider-container {
    nv-fieldslider & .track-container:has(.thumb:hover) .track-range {
      background: var(--components-slider-track-filled-hover);
    }
    nv-fieldslider & .track-container:has(.thumb:hover) .thumb {
      border-color: var(--components-slider-track-filled-hover);
    }
    nv-fieldslider & .track-container:has(.thumb:focus) .track-range {
      background: var(--components-slider-track-filled-focus);
    }
    nv-fieldslider & .track-container:has(.thumb:focus) .thumb {
      border-color: var(--components-slider-track-filled-focus);
    }
    nv-fieldslider[error] & .track-container .track .track-range {
      background: var(--components-slider-track-filled-error);
    }
    nv-fieldslider[error] & .track-container .track .thumb {
      border-color: var(--components-slider-track-filled-error);
    }
    nv-fieldslider[error] & .track-container .track .thumb:hover {
      border-color: var(--components-slider-track-filled-error);
      outline: calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);
      outline-offset: calc(var(--focus-outline-offset) * 1);
      background-color: var(--components-slider-handler-background-error);
    }
    nv-fieldslider[error] & .track-container .track .thumb:focus {
      border-color: var(--components-slider-track-filled-error);
      outline: calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);
      outline-offset: calc(var(--focus-outline-offset) * 1);
      background-color: var(--components-slider-track-filled-error);
    }
    nv-fieldslider[error] & .track-container:has(.thumb:hover) .track-range {
      background: var(--components-slider-track-filled-error);
    }
    nv-fieldslider[error] & .track-container:has(.thumb:hover) .thumb {
      border-color: var(--components-slider-track-filled-error);
    }
  }
  .track-container {
    nv-fieldslider .slider-container &:has(.thumb:hover) .track-range {
      background: var(--components-slider-track-filled-hover);
    }
    nv-fieldslider .slider-container &:has(.thumb:hover) .thumb {
      border-color: var(--components-slider-track-filled-hover);
    }
    nv-fieldslider .slider-container &:has(.thumb:focus) .track-range {
      background: var(--components-slider-track-filled-focus);
    }
    nv-fieldslider .slider-container &:has(.thumb:focus) .thumb {
      border-color: var(--components-slider-track-filled-focus);
    }
    nv-fieldslider[error] .slider-container & .track .track-range {
      background: var(--components-slider-track-filled-error);
    }
    nv-fieldslider[error] .slider-container & .track .thumb {
      border-color: var(--components-slider-track-filled-error);
    }
    nv-fieldslider[error] .slider-container & .track .thumb:hover {
      border-color: var(--components-slider-track-filled-error);
      outline: calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);
      outline-offset: calc(var(--focus-outline-offset) * 1);
      background-color: var(--components-slider-handler-background-error);
    }
    nv-fieldslider[error] .slider-container & .track .thumb:focus {
      border-color: var(--components-slider-track-filled-error);
      outline: calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);
      outline-offset: calc(var(--focus-outline-offset) * 1);
      background-color: var(--components-slider-track-filled-error);
    }
    nv-fieldslider[error] .slider-container &:has(.thumb:hover) .track-range {
      background: var(--components-slider-track-filled-error);
    }
    nv-fieldslider[error] .slider-container &:has(.thumb:hover) .thumb {
      border-color: var(--components-slider-track-filled-error);
    }
  }
  .track {
    nv-fieldslider[error] .slider-container .track-container & .track-range {
      background: var(--components-slider-track-filled-error);
    }
    nv-fieldslider[error] .slider-container .track-container & .thumb {
      border-color: var(--components-slider-track-filled-error);
    }
    nv-fieldslider[error] .slider-container .track-container & .thumb:hover {
      border-color: var(--components-slider-track-filled-error);
      outline: calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);
      outline-offset: calc(var(--focus-outline-offset) * 1);
      background-color: var(--components-slider-handler-background-error);
    }
    nv-fieldslider[error] .slider-container .track-container & .thumb:focus {
      border-color: var(--components-slider-track-filled-error);
      outline: calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);
      outline-offset: calc(var(--focus-outline-offset) * 1);
      background-color: var(--components-slider-track-filled-error);
    }
  }
  .border-\[\#E3E3E3\] {
    border-color: #E3E3E3;
  }
  .border-black {
    border-color: var(--color-base-black);
  }
  .border-gray-200 {
    border-color: var(--color-gray-200);
  }
  .border-gray-300 {
    border-color: var(--color-gray-300);
  }
  .border-low {
    border-color: var(--color-content-low-border);
  }
  .border-white {
    border-color: var(--color-base-white);
  }
  .bg-background {
    background-color: var(--color-level-00-background);
  }
  .bg-blue-50 {
    background-color: var(--color-blue-50);
  }
  .bg-crimson-700 {
    background-color: var(--color-crimson-700);
  }
  .bg-cyan-300 {
    background-color: var(--color-cyan-300);
  }
  .bg-feedback-warning-high {
    background-color: var(--color-feedback-warning-high-background);
  }
  .bg-gray-50 {
    background-color: var(--color-gray-50);
  }
  .bg-gray-100 {
    background-color: var(--color-gray-100);
  }
  .bg-gray-200 {
    background-color: var(--color-gray-200);
  }
  .bg-green-50 {
    background-color: var(--color-green-50);
  }
  .bg-level-00 {
    background-color: var(--color-level-00-background);
  }
  .bg-level-10 {
    background-color: var(--color-level-10-background);
  }
  .bg-level-15 {
    background-color: var(--color-level-15-background);
  }
  .bg-lime-300 {
    background-color: var(--color-lime-300);
  }
  .bg-orange-50 {
    background-color: var(--color-orange-50);
  }
  .bg-orange-100 {
    background-color: var(--color-orange-100);
  }
  .bg-orange-300 {
    background-color: var(--color-orange-300);
  }
  .bg-orange-500 {
    background-color: var(--color-orange-500);
  }
  .bg-pink-300 {
    background-color: var(--color-pink-300);
  }
  .bg-purple-300 {
    background-color: var(--color-purple-300);
  }
  .bg-red-50 {
    background-color: var(--color-red-50);
  }
  .bg-transparent {
    background-color: transparent;
  }
  .bg-turquoise-50 {
    background-color: var(--color-turquoise-50);
  }
  .bg-turquoise-500 {
    background-color: var(--color-turquoise-500);
  }
  .bg-white {
    background-color: var(--color-base-white);
  }
  .bg-yellow-50 {
    background-color: var(--color-yellow-50);
  }
  .bg-gradient-to-r {
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .from-amber-500 {
    --tw-gradient-from: var(--color-amber-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-orange-500 {
    --tw-gradient-to: var(--color-orange-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .p-0 {
    padding: var(--spacing-0);
  }
  .p-1 {
    padding: var(--spacing-1);
  }
  .p-2 {
    padding: var(--spacing-2);
  }
  .p-3 {
    padding: var(--spacing-3);
  }
  .p-4 {
    padding: var(--spacing-4);
  }
  .p-5 {
    padding: var(--spacing-5);
  }
  .p-6 {
    padding: var(--spacing-6);
  }
  .p-8 {
    padding: var(--spacing-8);
  }
  .p-16 {
    padding: var(--spacing-16);
  }
  .p-20 {
    padding: var(--spacing-20);
  }
  .px-1 {
    padding-inline: var(--spacing-1);
  }
  .px-2 {
    padding-inline: var(--spacing-2);
  }
  .px-3 {
    padding-inline: var(--spacing-3);
  }
  .px-4 {
    padding-inline: var(--spacing-4);
  }
  .px-6 {
    padding-inline: var(--spacing-6);
  }
  .py-1 {
    padding-block: var(--spacing-1);
  }
  .py-2 {
    padding-block: var(--spacing-2);
  }
  .py-4 {
    padding-block: var(--spacing-4);
  }
  .py-6 {
    padding-block: var(--spacing-6);
  }
  .py-10 {
    padding-block: var(--spacing-10);
  }
  .py-32 {
    padding-block: var(--spacing-32);
  }
  .pt-4 {
    padding-top: var(--spacing-4);
  }
  .pt-6 {
    padding-top: var(--spacing-6);
  }
  .pt-8 {
    padding-top: var(--spacing-8);
  }
  .pr-4 {
    padding-right: var(--spacing-4);
  }
  .pb-1 {
    padding-bottom: var(--spacing-1);
  }
  .pb-4 {
    padding-bottom: var(--spacing-4);
  }
  .pb-20 {
    padding-bottom: var(--spacing-20);
  }
  .pl-4 {
    padding-left: var(--spacing-4);
  }
  .text-center {
    text-align: center;
  }
  .text-left {
    text-align: left;
  }
  .align-middle {
    vertical-align: middle;
  }
  .typo-mono-md-bold {
    font-size: var(--font-size-md);
    font-weight: var(--font-weight-high-emphasis);
    line-height: var(--line-height-base);
    font-family: var(--font-family-mono), monospace;
  }
  .typo-mono-md-medium {
    font-size: var(--font-size-md);
    font-weight: var(--font-weight-medium-emphasis);
    line-height: var(--line-height-base);
    font-family: var(--font-family-mono), monospace;
  }
  .typo-mono-md-regular {
    font-size: var(--font-size-md);
    font-weight: var(--font-weight-low-emphasis);
    line-height: var(--line-height-base);
    font-family: var(--font-family-mono), monospace;
  }
  .typo-mono-sm-bold {
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-high-emphasis);
    line-height: var(--line-height-sm);
    font-family: var(--font-family-mono), monospace;
  }
  .typo-mono-sm-medium {
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium-emphasis);
    line-height: var(--line-height-sm);
    font-family: var(--font-family-mono), monospace;
  }
  .typo-mono-sm-regular {
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-low-emphasis);
    line-height: var(--line-height-sm);
    font-family: var(--font-family-mono), monospace;
  }
  .typo-mono-xs-bold {
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-high-emphasis);
    line-height: var(--line-height-xs);
    font-family: var(--font-family-mono), monospace;
  }
  .typo-mono-xs-medium {
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-medium-emphasis);
    line-height: var(--line-height-xs);
    font-family: var(--font-family-mono), monospace;
  }
  .typo-mono-xs-regular {
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-low-emphasis);
    line-height: var(--line-height-xs);
    font-family: var(--font-family-mono), monospace;
  }
  .typo-heading-lg-bold {
    font-size: var(--font-size-3xl);
    font-weight: var(--font-weight-high-emphasis);
    line-height: var(--leading-px-8);
    letter-spacing: var(--letter-spacing-heading-lg);
  }
  .typo-heading-lg-medium {
    font-size: var(--font-size-3xl);
    font-weight: var(--font-weight-medium-emphasis);
    line-height: var(--leading-px-8);
    letter-spacing: var(--letter-spacing-heading-lg);
  }
  .typo-heading-lg-regular {
    font-size: var(--font-size-3xl);
    font-weight: var(--font-weight-low-emphasis);
    line-height: var(--leading-px-8);
    letter-spacing: var(--letter-spacing-heading-lg);
  }
  .typo-heading-md-bold {
    font-size: var(--font-size-2xl);
    font-weight: var(--font-weight-high-emphasis);
    line-height: var(--leading-px-7);
    letter-spacing: var(--letter-spacing-heading-md);
  }
  .typo-heading-md-medium {
    font-size: var(--font-size-2xl);
    font-weight: var(--font-weight-medium-emphasis);
    line-height: var(--leading-px-7);
    letter-spacing: var(--letter-spacing-heading-md);
  }
  .typo-heading-md-regular {
    font-size: var(--font-size-2xl);
    font-weight: var(--font-weight-low-emphasis);
    line-height: var(--leading-px-7);
    letter-spacing: var(--letter-spacing-heading-md);
  }
  .typo-heading-sm-bold {
    font-size: var(--font-size-xl);
    font-weight: var(--font-weight-high-emphasis);
    line-height: var(--leading-px-6);
    letter-spacing: var(--letter-spacing-heading-sm);
  }
  .typo-heading-sm-medium {
    font-size: var(--font-size-xl);
    font-weight: var(--font-weight-medium-emphasis);
    line-height: var(--leading-px-6);
    letter-spacing: var(--letter-spacing-heading-sm);
  }
  .typo-heading-sm-regular {
    font-size: var(--font-size-xl);
    font-weight: var(--font-weight-low-emphasis);
    line-height: var(--leading-px-6);
    letter-spacing: var(--letter-spacing-heading-sm);
  }
  .typo-heading-xl-bold {
    font-size: var(--font-size-4xl);
    font-weight: var(--font-weight-high-emphasis);
    line-height: var(--leading-px-10);
    letter-spacing: var(--letter-spacing-heading-xl);
  }
  .typo-heading-xl-medium {
    font-size: var(--font-size-4xl);
    font-weight: var(--font-weight-medium-emphasis);
    line-height: var(--leading-px-10);
    letter-spacing: var(--letter-spacing-heading-xl);
  }
  .typo-heading-xl-regular {
    font-size: var(--font-size-4xl);
    font-weight: var(--font-weight-low-emphasis);
    line-height: var(--leading-px-10);
    letter-spacing: var(--letter-spacing-heading-xl);
  }
  .typo-heading-xs-bold {
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-high-emphasis);
    line-height: var(--leading-px-6);
    letter-spacing: var(--letter-spacing-heading-xs);
  }
  .typo-heading-xs-medium {
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-medium-emphasis);
    line-height: var(--leading-px-6);
    letter-spacing: var(--letter-spacing-heading-xs);
  }
  .typo-heading-xs-regular {
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-low-emphasis);
    line-height: var(--leading-px-6);
    letter-spacing: var(--letter-spacing-heading-xs);
  }
  .typo-text-lg-bold {
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-high-emphasis);
    line-height: var(--line-height-lg);
  }
  .typo-text-lg-medium {
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-medium-emphasis);
    line-height: var(--line-height-lg);
  }
  .typo-text-lg-regular {
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-low-emphasis);
    line-height: var(--line-height-lg);
  }
  .typo-text-md-bold {
    font-size: var(--font-size-md);
    font-weight: var(--font-weight-high-emphasis);
    line-height: var(--line-height-base);
  }
  .typo-text-md-medium {
    font-size: var(--font-size-md);
    font-weight: var(--font-weight-medium-emphasis);
    line-height: var(--line-height-base);
  }
  .typo-text-md-regular {
    font-size: var(--font-size-md);
    font-weight: var(--font-weight-low-emphasis);
    line-height: var(--line-height-base);
  }
  .typo-text-sm-bold {
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-high-emphasis);
    line-height: var(--line-height-sm);
  }
  .typo-text-sm-medium {
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium-emphasis);
    line-height: var(--line-height-sm);
  }
  .typo-text-sm-regular {
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-low-emphasis);
    line-height: var(--line-height-sm);
  }
  .typo-text-xl-bold {
    font-size: var(--font-size-xl);
    font-weight: var(--font-weight-high-emphasis);
    line-height: var(--line-height-xl);
  }
  .typo-text-xl-medium {
    font-size: var(--font-size-xl);
    font-weight: var(--font-weight-medium-emphasis);
    line-height: var(--line-height-xl);
  }
  .typo-text-xl-regular {
    font-size: var(--font-size-xl);
    font-weight: var(--font-weight-low-emphasis);
    line-height: var(--line-height-xl);
  }
  .typo-text-xs-bold {
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-high-emphasis);
    line-height: var(--line-height-xs);
  }
  .typo-text-xs-medium {
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-medium-emphasis);
    line-height: var(--line-height-xs);
  }
  .typo-text-xs-regular {
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-low-emphasis);
    line-height: var(--line-height-xs);
  }
  .text-2xl {
    font-size: var(--font-size-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .text-lg {
    font-size: var(--font-size-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .text-sm {
    font-size: var(--font-size-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-xl {
    font-size: var(--font-size-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .text-xs {
    font-size: var(--font-size-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .text-md {
    font-size: var(--font-size-md);
  }
  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }
  .required {
    .nv-fieldtext& label::after {
      content: '*';
      color: var(--components-form-text-required);
      font-weight: var(--font-weight-high-emphasis);
    }
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .danger {
    .nv-button& {
      background: var(--components-button-destructive-high-background);
      border: 1px solid transparent;
      color: var(--components-button-destructive-high-text);
    }
    .nv-button&:hover {
      background: var(--components-button-destructive-high-background-hover);
      border: 1px solid transparent;
      color: var(--components-button-destructive-high-text-hover);
    }
    .nv-button&:focus {
      outline: none;
    }
    .nv-button&:focus-within {
      outline: none;
    }
    .nv-button&:focus-visible {
      outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);
      outline-offset: calc(var(--focus-outline-offset) * 1);
    }
    .nv-button&:has(:focus-visible) {
      outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);
      outline-offset: calc(var(--focus-outline-offset) * 1);
    }
    .nv-button.emphasis-high& {
      background: var(--components-button-destructive-high-background);
      border: 1px solid transparent;
      color: var(--components-button-destructive-high-text);
    }
    .nv-button.emphasis-high&:hover {
      background: var(--components-button-destructive-high-background-hover);
      border: 1px solid transparent;
      color: var(--components-button-destructive-high-text-hover);
    }
    .nv-button.emphasis-high&:focus {
      outline: none;
    }
    .nv-button.emphasis-high&:focus-within {
      outline: none;
    }
    .nv-button.emphasis-high&:focus-visible {
      outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);
      outline-offset: calc(var(--focus-outline-offset) * 1);
    }
    .nv-button.emphasis-high&:has(:focus-visible) {
      outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);
      outline-offset: calc(var(--focus-outline-offset) * 1);
    }
    .nv-button.emphasis-medium& {
      background: var(--components-button-destructive-medium-background);
      border: 1px solid var(--components-button-destructive-medium-border);
      color: var(--components-button-destructive-medium-text);
    }
    .nv-button.emphasis-medium&:hover {
      background: var(--components-button-destructive-medium-background-hover);
      border: 1px solid var(--components-button-destructive-medium-border);
      color: var(--components-button-destructive-medium-text-hover);
    }
    .nv-button.emphasis-medium&:focus {
      outline: none;
    }
    .nv-button.emphasis-medium&:focus-within {
      outline: none;
    }
    .nv-button.emphasis-medium&:focus-visible {
      outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);
      outline-offset: calc(var(--focus-outline-offset) * 1);
    }
    .nv-button.emphasis-medium&:has(:focus-visible) {
      outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);
      outline-offset: calc(var(--focus-outline-offset) * 1);
    }
    .nv-button.emphasis-low& {
      background: var(--components-button-destructive-low-background);
      border: 1px solid var(--components-button-destructive-low-border);
      color: var(--components-button-destructive-low-text);
    }
    .nv-button.emphasis-low&:hover {
      background: var(--components-button-destructive-low-background-hover);
      border: 1px solid var(--components-button-destructive-low-border);
      color: var(--components-button-destructive-low-text-hover);
    }
    .nv-button.emphasis-low&:focus {
      outline: none;
    }
    .nv-button.emphasis-low&:focus-within {
      outline: none;
    }
    .nv-button.emphasis-low&:focus-visible {
      outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);
      outline-offset: calc(var(--focus-outline-offset) * 1);
    }
    .nv-button.emphasis-low&:has(:focus-visible) {
      outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);
      outline-offset: calc(var(--focus-outline-offset) * 1);
    }
    .nv-button.emphasis-lower& {
      background: var(--components-button-destructive-lower-background);
      border: 1px solid var(--components-button-destructive-lower-border);
      color: var(--components-button-destructive-lower-text);
    }
    .nv-button.emphasis-lower&:hover {
      background: var(--components-button-destructive-lower-background-hover);
      border: 1px solid var(--components-button-destructive-lower-border);
      color: var(--components-button-destructive-lower-text-hover);
    }
    .nv-button.emphasis-lower&:focus {
      outline: none;
    }
    .nv-button.emphasis-lower&:focus-within {
      outline: none;
    }
    .nv-button.emphasis-lower&:focus-visible {
      outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);
      outline-offset: calc(var(--focus-outline-offset) * 1);
    }
    .nv-button.emphasis-lower&:has(:focus-visible) {
      outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);
      outline-offset: calc(var(--focus-outline-offset) * 1);
    }
  }
  .text-feedback-warning-high {
    color: var(--color-feedback-warning-high-text);
  }
  .text-gray-400 {
    color: var(--color-gray-400);
  }
  .text-gray-500 {
    color: var(--color-gray-500);
  }
  .text-gray-600 {
    color: var(--color-gray-600);
  }
  .text-gray-900 {
    color: var(--color-gray-900);
  }
  .text-green-500 {
    color: var(--color-green-500);
  }
  .text-green-600 {
    color: var(--color-green-600);
  }
  .text-high {
    color: var(--color-content-high-text);
  }
  .text-inherit {
    color: inherit;
  }
  .text-low {
    color: var(--color-content-low-text);
  }
  .text-orange-800 {
    color: var(--color-orange-800);
  }
  .text-red-600 {
    color: var(--color-red-600);
  }
  .text-slate-400 {
    color: var(--color-slate-400);
  }
  .lowercase {
    text-transform: lowercase;
  }
  .uppercase {
    text-transform: uppercase;
  }
  .italic {
    font-style: italic;
  }
  .no-underline {
    text-decoration-line: none;
  }
  .underline {
    text-decoration-line: underline;
  }
  .opacity-70 {
    opacity: 70%;
  }
  .opacity-80 {
    opacity: 80%;
  }
  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .filter {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .error {
    .nv-fieldtext& {
      --nv-field-border-default: var(--components-form-field-border-error);
      --nv-field-border-hover: var(--nv-field-border-default);
      --nv-field-border-focus: var(--nv-field-border-default);
      --nv-field-border-disabled: var(--nv-field-border-default);
      --nv-field-border-readonly: var(--nv-field-border-default);
      --nv-field-focus-box-shadow: var(--color-focus-destructive-in-field);
    }
  }
  .error\! {
    .nv-fieldtext& {
      --nv-field-border-default: var(--components-form-field-border-error) !important;
      --nv-field-border-hover: var(--nv-field-border-default) !important;
      --nv-field-border-focus: var(--nv-field-border-default) !important;
      --nv-field-border-disabled: var(--nv-field-border-default) !important;
      --nv-field-border-readonly: var(--nv-field-border-default) !important;
      --nv-field-focus-box-shadow: var(--color-focus-destructive-in-field) !important;
    }
  }
  .readonly {
    .nv-fieldtext& {
      --nv-field-border-default: var(--components-form-field-border-readonly);
      --nv-field-border-hover: var(--nv-field-border-default);
      --nv-field-border-focus: var(--components-form-field-border-focus);
      --nv-field-border-disabled: var(--nv-field-border-default);
      --nv-field-border-readonly: var(--nv-field-border-default);
      --nv-field-background: var(--components-form-field-background-readonly);
    }
  }
  .success {
    .nv-fieldtext& {
      --nv-field-border-default: var(--components-form-field-border-success);
      --nv-field-border-hover: var(--nv-field-border-default);
      --nv-field-border-focus: var(--nv-field-border-default);
      --nv-field-border-disabled: var(--nv-field-border-default);
      --nv-field-border-readonly: var(--nv-field-border-default);
      --nv-field-focus-box-shadow: var(--color-focus-success);
    }
  }
  .track-range {
    nv-fieldslider .slider-container .track-container:has(.thumb:hover) & {
      background: var(--components-slider-track-filled-hover);
    }
    nv-fieldslider .slider-container .track-container:has(.thumb:focus) & {
      background: var(--components-slider-track-filled-focus);
    }
    nv-fieldslider[error] .slider-container .track-container .track & {
      background: var(--components-slider-track-filled-error);
    }
    nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) & {
      background: var(--components-slider-track-filled-error);
    }
  }
  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }
  .hover\:bg-level-10 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-level-10-background);
      }
    }
  }
  .focus\:border-blue-400 {
    &:focus {
      border-color: var(--color-blue-400);
    }
  }
  .focus\:ring-2 {
    &:focus {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .focus\:ring-blue-100 {
    &:focus {
      --tw-ring-color: var(--color-blue-100);
    }
  }
  .focus\:outline-none {
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .md\:grid-cols-2 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-3 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-4 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-5 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  .md\:typo-heading-lg-bold {
    @media (width >= 48rem) {
      font-size: var(--font-size-3xl);
      font-weight: var(--font-weight-high-emphasis);
      line-height: var(--leading-px-8);
      letter-spacing: var(--letter-spacing-heading-lg);
    }
  }
  .lg\:grid-cols-3 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .lg\:typo-heading-xl-bold {
    @media (width >= 64rem) {
      font-size: var(--font-size-4xl);
      font-weight: var(--font-weight-high-emphasis);
      line-height: var(--leading-px-10);
      letter-spacing: var(--letter-spacing-heading-xl);
    }
  }
  .xl\:grid-cols-4 {
    @media (width >= 80rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
}
@layer base {
  body, html {
    background-color: var(--color-level-00-background);
    color: var(--color-content-medium-text);
  }
  *:disabled {
    cursor: not-allowed;
  }
  *:focus, *:focus-within {
    outline: none;
  }
  button:focus-visible, a:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible {
    outline: var(--focus-outline-stroke) solid var(--color-focus-brand);
    outline-offset: var(--focus-outline-offset);
    border-radius: var(--radius-rounded);
  }
  a {
    color: var(--color-interaction-link-high-text);
    text-decoration: underline;
    font-weight: var(--font-weight-high-emphasis);
  }
  a:hover {
    color: var(--color-interaction-link-high-text-hover);
  }
  no-underline {
    text-decoration: none;
  }
  h1 {
    font-size: var(--global-typography-h1-font-size);
    line-height: var(--global-typography-h1-line-height);
    font-weight: var(--global-typography-h1-font-weight);
    color: var(--color-content-high-text);
  }
  h2 {
    font-size: var(--global-typography-h2-font-size);
    line-height: var(--global-typography-h2-line-height);
    font-weight: var(--global-typography-h2-font-weight);
    color: var(--color-content-high-text);
  }
  h3 {
    font-size: var(--global-typography-h3-font-size);
    line-height: var(--global-typography-h3-line-height);
    font-weight: var(--global-typography-h3-font-weight);
    color: var(--color-content-high-text);
  }
  h4 {
    font-size: var(--global-typography-h4-font-size);
    line-height: var(--global-typography-h4-line-height);
    font-weight: var(--global-typography-h4-font-weight);
    color: var(--color-content-high-text);
  }
  h5 {
    font-size: var(--global-typography-h4-font-size);
    line-height: var(--global-typography-h4-line-height);
    font-weight: var(--font-weight-medium-emphasis);
    color: var(--color-content-medium-text);
  }
  h6 {
    font-size: var(--global-typography-h4-font-size);
    line-height: var(--global-typography-h4-line-height);
    font-weight: var(--font-weight-low-emphasis);
    color: var(--color-content-low-text);
  }
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-gradient-position {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}
@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}
@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
    }
  }
}