/* -------------------------------------------
 *  Autogenerated by ⛋ Terrazzo. DO NOT EDIT!
 * ------------------------------------------- */

:root {
 color-scheme: light dark;
--odx-border-radius-circle: 624.938rem;
  --odx-border-radius-control: 0.188rem;
  --odx-border-radius-lg: 0.75rem;
  --odx-border-radius-md: 0.375rem;
  --odx-border-radius-sm: 0.188rem;
  --odx-border-width-thick: 0.125rem;
  --odx-border-width-thickest: 0.25rem;
  --odx-border-width-thin: 1px;
  --odx-color-background-accent-hover: var(--odx-palette-cyan-70);
  --odx-color-background-control-selected-hover: var(--odx-color-background-accent-hover);
  --odx-color-background-accent-pressed: var(--odx-palette-cyan-80);
  --odx-color-background-accent-rest: var(--odx-palette-cyan-60);
  --odx-color-background-control-selected: var(--odx-color-background-accent-rest);
  --odx-color-stroke-control-pressed: var(--odx-color-background-accent-rest);
  --odx-color-background-accent-subtle: var(--odx-palette-cyan-00);
  --odx-color-background-base: var(--odx-palette-coolgray-00);
  --odx-color-background-brand: var(--odx-palette-blue-80);
  --odx-color-background-confirmation-hover: var(--odx-palette-orange-50);
  --odx-color-background-confirmation-pressed: var(--odx-palette-orange-60);
  --odx-color-background-confirmation-rest: var(--odx-palette-orange-40);
  --odx-color-background-control-hover: var(--odx-palette-coolgray-20);
  --odx-color-background-control-invalid: var(--odx-palette-red-00);
  --odx-color-background-control-invalid-hover: var(--odx-palette-red-10);
  --odx-color-background-control-readonly: hsl(0 0% 0% / 0);
  --odx-color-background-control-rest: var(--odx-palette-coolgray-10);
  --odx-color-background-control-selected-readonly: hsl(0 0% 0% / 0);
  --odx-color-background-danger-disabled: var(--odx-palette-red-80);
  --odx-color-background-danger-hover: var(--odx-palette-red-80);
  --odx-color-background-danger-pressed: var(--odx-palette-red-90);
  --odx-color-background-danger-rest: var(--odx-palette-red-70);
  --odx-color-background-danger-subtle: var(--odx-palette-red-00);
  --odx-color-background-disabled-rest: var(--odx-palette-coolgray-10);
  --odx-color-background-disabled-selected: var(--odx-palette-coolgray-60);
  --odx-color-background-level-1: var(--odx-palette-white);
  --odx-color-background-level-2: var(--odx-palette-white);
  --odx-color-background-level-3: var(--odx-palette-blue-90);
  --odx-color-background-neutral-hover: var(--odx-palette-coolgray-40);
  --odx-color-background-neutral-pressed: var(--odx-palette-coolgray-50);
  --odx-color-background-neutral-rest: var(--odx-palette-coolgray-30);
  --odx-color-background-neutral-subtle: var(--odx-palette-coolgray-20);
  --odx-color-background-primary-hover: var(--odx-palette-blue-90);
  --odx-color-background-primary-pressed: var(--odx-palette-blue-100);
  --odx-color-background-primary-rest: var(--odx-palette-blue-80);
  --odx-color-background-primary-subtle: var(--odx-palette-blue-00);
  --odx-color-background-selection: var(--odx-palette-cyan-30);
  --odx-color-background-success-hover: var(--odx-palette-green-80);
  --odx-color-background-success-pressed: var(--odx-palette-green-90);
  --odx-color-background-success-rest: var(--odx-palette-green-70);
  --odx-color-background-success-subtle: var(--odx-palette-green-00);
  --odx-color-background-transparent-backdrop: var(--odx-palette-blue-90-30);
  --odx-color-background-transparent-backdrop-inverse: var(--odx-palette-white-60);
  --odx-color-background-transparent-hover: var(--odx-palette-blue-80-5);
  --odx-color-background-transparent-pressed: var(--odx-palette-blue-80-15);
  --odx-color-background-transparent-selected: var(--odx-palette-cyan-60-15);
  --odx-color-background-transparent-selected-hover: var(--odx-palette-cyan-60-20);
  --odx-color-background-warning-disabled: var(--odx-palette-yellow-70);
  --odx-color-background-warning-hover: var(--odx-palette-yellow-60);
  --odx-color-background-warning-pressed: var(--odx-palette-yellow-70);
  --odx-color-background-warning-rest: var(--odx-palette-yellow-50);
  --odx-color-background-warning-subtle: var(--odx-palette-yellow-00);
  --odx-color-chart-additional-aqua: hsl(173 83% 47%);
  --odx-color-chart-additional-aqua-strong: hsl(173 90% 34%);
  --odx-color-chart-additional-aqua-subtle: hsl(173 80% 78%);
  --odx-color-chart-additional-berry: hsl(331 86% 52%);
  --odx-color-chart-additional-berry-strong: hsl(331 90% 42%);
  --odx-color-chart-additional-berry-subtle: hsl(330 71% 80%);
  --odx-color-chart-additional-indigo: hsl(249 75% 61%);
  --odx-color-chart-additional-indigo-strong: hsl(249 63% 53%);
  --odx-color-chart-additional-indigo-subtle: hsl(249 69% 77%);
  --odx-color-chart-additional-ocean: hsl(191 77% 48%);
  --odx-color-chart-additional-ocean-strong: hsl(190 68% 34%);
  --odx-color-chart-additional-ocean-subtle: hsl(202 100% 81%);
  --odx-color-chart-additional-purple: hsl(272 75% 54%);
  --odx-color-chart-additional-purple-strong: hsl(271 73% 45%);
  --odx-color-chart-additional-purple-subtle: hsl(272 82% 77%);
  --odx-color-chart-additional-violet: hsl(289 80% 46%);
  --odx-color-chart-additional-violet-strong: hsl(292 89% 36%);
  --odx-color-chart-additional-violet-subtle: hsl(289 79% 75%);
  --odx-color-chart-alert-green: var(--odx-palette-green-70);
  --odx-color-chart-alert-orange: var(--odx-palette-orange-50);
  --odx-color-chart-alert-red: var(--odx-palette-red-70);
  --odx-color-chart-alert-yellow: var(--odx-palette-yellow-50);
  --odx-color-chart-brand-blue: var(--odx-palette-blue-60);
  --odx-color-chart-brand-blue-strong: var(--odx-palette-blue-80);
  --odx-color-chart-brand-blue-subtle: var(--odx-palette-blue-20);
  --odx-color-chart-brand-cyan: var(--odx-palette-cyan-60);
  --odx-color-chart-brand-cyan-strong: var(--odx-palette-cyan-80);
  --odx-color-chart-brand-cyan-subtle: var(--odx-palette-cyan-20);
  --odx-color-chart-brand-gray: hsl(210 4% 55%);
  --odx-color-chart-brand-gray-strong: hsl(210 10% 39%);
  --odx-color-chart-brand-gray-subtle: hsl(210 11% 82%);
  --odx-color-foreground-accent-hover: var(--odx-palette-cyan-70);
  --odx-color-foreground-accent-pressed: var(--odx-palette-cyan-80);
  --odx-color-foreground-accent-rest: var(--odx-palette-cyan-60);
  --odx-color-foreground-danger-disabled: var(--odx-palette-red-90);
  --odx-color-foreground-danger-rest: var(--odx-palette-red-70);
  --odx-color-foreground-disabled-on-brand: var(--odx-palette-cyan-90);
  --odx-color-foreground-disabled-rest: var(--odx-palette-coolgray-50);
  --odx-color-foreground-disabled-selected: var(--odx-palette-coolgray-10);
  --odx-color-foreground-inverse: var(--odx-palette-white);
  --odx-color-foreground-inverse-static: var(--odx-palette-white);
  --odx-color-foreground-rest: var(--odx-palette-blue-80);
  --odx-color-foreground-rest-static: var(--odx-palette-blue-80);
  --odx-color-foreground-subtle: var(--odx-palette-blue-80-60);
  --odx-color-foreground-success-rest: var(--odx-palette-green-90);
  --odx-color-foreground-warning-disabled: var(--odx-palette-yellow-80);
  --odx-color-special-callout: var(--odx-palette-orange-50);
  --odx-color-special-scrollbar: var(--odx-palette-coolgray-40);
  --odx-color-special-shadow: hsl(0 0% 1% / 0.3);
  --odx-elevation-shadow-level-0: 0 1px 2px 0 var(--odx-color-special-shadow);
  --odx-elevation-shadow-level-1: 0 3px 8px 0 var(--odx-color-special-shadow);
  --odx-elevation-shadow-level-2: 0 4px 12px 0 var(--odx-color-special-shadow);
  --odx-color-special-sustainability-dark: var(--odx-palette-green-90);
  --odx-color-special-sustainability-light: var(--odx-palette-green-70);
  --odx-color-stroke-accent-rest: var(--odx-palette-cyan-60);
  --odx-color-stroke-control-hover: var(--odx-palette-coolgray-80);
  --odx-color-stroke-control-invalid: var(--odx-palette-red-60);
  --odx-color-stroke-control-invalid-hover: var(--odx-palette-red-30);
  --odx-color-stroke-control-readonly: var(--odx-palette-coolgray-30);
  --odx-color-stroke-control-rest: var(--odx-palette-coolgray-30);
  --odx-color-stroke-control-selected: hsl(0 0% 0% / 0);
  --odx-color-stroke-danger-hover: var(--odx-palette-red-70);
  --odx-color-stroke-danger-rest: var(--odx-palette-red-60);
  --odx-color-stroke-disabled-rest: hsl(0 0% 0% / 0);
  --odx-color-stroke-focus-inner: var(--odx-palette-white);
  --odx-focus-ring-inner: inset 0 0 0 2px var(--odx-color-stroke-focus-inner);
  --odx-focus-ring-inner-with-border: inset 0 0 0 3px var(--odx-color-stroke-focus-inner);
  --odx-color-stroke-focus-outer: var(--odx-palette-cyan-70);
  --odx-focus-ring-outer: 2px solid var(--odx-color-stroke-focus-outer);
  --odx-color-stroke-neutral-strong: var(--odx-palette-coolgray-130);
  --odx-color-stroke-neutral-subtle: var(--odx-palette-coolgray-20);
  --odx-color-stroke-primary-rest: var(--odx-palette-blue-80);
  --odx-color-stroke-success-rest: var(--odx-palette-green-70);
  --odx-color-stroke-warning-rest: var(--odx-palette-yellow-50);
  --odx-control-addon-size-lg: 2rem;
  --odx-control-addon-size-md: 1.5rem;
  --odx-control-addon-size-sm: 1.25rem;
  --odx-control-addon-size-xs: 1rem;
  --odx-control-font-size-lg: 1.125rem;
  --odx-control-font-size-md: 1rem;
  --odx-control-font-size-sm: 0.875rem;
  --odx-control-gap-lg: 0.5rem;
  --odx-control-gap-md: 0.375rem;
  --odx-control-gap-sm: 0.375rem;
  --odx-control-height-lg: 3rem;
  --odx-control-height-md: 2.25rem;
  --odx-control-height-sm: 2rem;
  --odx-control-line-height-lg: 1.375rem;
  --odx-control-line-height-md: 1.125rem;
  --odx-control-line-height-sm: 0.875rem;
  --odx-control-spacing-inline-lg: 0.5rem;
  --odx-control-spacing-inline-md: 0.375rem;
  --odx-control-spacing-inline-sm: 0.375rem;
  --odx-control-spacing-lg: 0.5rem;
  --odx-control-spacing-md: 0.375rem;
  --odx-control-spacing-sm: 0.25rem;
  --odx-control-width-lg: 10rem;
  --odx-control-width-md: 6rem;
  --odx-control-width-sm: 4rem;
  --odx-control-width-xs: 2.5rem;
  --odx-elevation-backdrop-blur: 0.188rem;
  --odx-focus-ring-offset: -0.125rem;
  --odx-focus-ring-offset-sm: -1px;
  --odx-layout-width-lg: 30rem;
  --odx-layout-width-md: 22.5rem;
  --odx-layout-width-sm: 15rem;
  --odx-layout-width-xl: 52.5rem;
  --odx-layout-width-xs: 13.5rem;
  --odx-motion-duration-default: 275ms;
  --odx-motion-transition-default: var(--odx-motion-duration-default) 0ms var(--odx-motion-easing-default);
  --odx-motion-duration-fast: 150ms;
  --odx-motion-transition-reduced: var(--odx-motion-duration-fast) 0ms var(--odx-motion-easing-reduced);
  --odx-motion-duration-slow: 375ms;
  --odx-motion-transition-slow: var(--odx-motion-duration-slow) 0ms var(--odx-motion-easing-default);
  --odx-motion-easing-default: cubic-bezier(0.4, 0, 0.2, 1);
  --odx-motion-easing-reduced: cubic-bezier(0, 0, 1, 1);
  --odx-palette-black: hsl(220 50% 5%);
  --odx-palette-black-60: hsl(220 50% 5% / 0.6);
  --odx-palette-blue-00: hsl(219 68% 96%);
  --odx-palette-blue-10: hsl(216 65% 90%);
  --odx-palette-blue-20: hsl(217 71% 80%);
  --odx-palette-blue-30: hsl(217 75% 70%);
  --odx-palette-blue-40: hsl(217 80% 60%);
  --odx-palette-blue-50: hsl(217 75% 48%);
  --odx-palette-blue-60: hsl(217 90% 40%);
  --odx-palette-blue-70: hsl(217 95% 30%);
  --odx-palette-blue-80: hsl(217 100% 20%);
  --odx-palette-blue-80-5: hsl(217 100% 20% / 0.05);
  --odx-palette-blue-80-15: hsl(217 100% 20% / 0.1);
  --odx-palette-blue-80-60: hsl(217 100% 20% / 0.6);
  --odx-palette-blue-90: hsl(216 100% 10%);
  --odx-palette-blue-90-30: hsl(216 100% 10% / 0.3);
  --odx-palette-blue-100: hsl(216 100% 1%);
  --odx-palette-blue-100-30: hsl(216 100% 1% / 0.3);
  --odx-palette-coolgray-00: hsl(216 20% 98%);
  --odx-palette-coolgray-10: hsl(213 18% 95%);
  --odx-palette-coolgray-20: hsl(212 17% 90%);
  --odx-palette-coolgray-30: hsl(212 16% 83%);
  --odx-palette-coolgray-40: hsl(212 15% 76%);
  --odx-palette-coolgray-50: hsl(210 14% 69%);
  --odx-palette-coolgray-60: hsl(208 13% 62%);
  --odx-palette-coolgray-70: hsl(208 12% 55%);
  --odx-palette-coolgray-80: hsl(207 11% 47%);
  --odx-palette-coolgray-90: hsl(207 10% 39%);
  --odx-palette-coolgray-100: hsl(205 16% 31%);
  --odx-palette-coolgray-110: hsl(209 17% 27%);
  --odx-palette-coolgray-120: hsl(207 19% 23%);
  --odx-palette-coolgray-130: hsl(210 20% 20%);
  --odx-palette-coolgray-140: hsl(210 20% 16%);
  --odx-palette-coolgray-150: hsl(210 20% 9%);
  --odx-palette-cyan-00: hsl(206 80% 96%);
  --odx-palette-cyan-10: hsl(203 90% 92%);
  --odx-palette-cyan-10-5: hsl(203 90% 92% / 0.05);
  --odx-palette-cyan-10-15: hsl(203 90% 92% / 0.15);
  --odx-palette-cyan-20: hsl(201 100% 84%);
  --odx-palette-cyan-30: hsl(201 100% 74%);
  --odx-palette-cyan-40: hsl(201 100% 65%);
  --odx-palette-cyan-50: hsl(201 100% 55%);
  --odx-palette-cyan-60: hsl(204.78 100% 48.43%);
  --odx-palette-cyan-60-15: hsl(204.78 100% 48.43% / 0.15);
  --odx-palette-cyan-60-20: hsl(204.78 100% 48.43% / 0.2);
  --odx-palette-cyan-60-25: hsl(204.78 100% 48.43% / 0.25);
  --odx-palette-cyan-70: hsl(205 100% 40%);
  --odx-palette-cyan-80: hsl(205 100% 34%);
  --odx-palette-cyan-90: hsl(205 100% 27%);
  --odx-palette-cyan-100: hsl(205 100% 20%);
  --odx-palette-green-00: hsl(138 100% 91%);
  --odx-palette-green-10: hsl(133 100% 86%);
  --odx-palette-green-20: hsl(133 100% 79%);
  --odx-palette-green-30: hsl(133 100% 71%);
  --odx-palette-green-40: hsl(133 100% 61%);
  --odx-palette-green-50: hsl(133 91% 50%);
  --odx-palette-green-60: hsl(133 100% 43%);
  --odx-palette-green-70: hsl(133 100% 39%);
  --odx-palette-green-80: hsl(133 100% 33%);
  --odx-palette-green-90: hsl(133 100% 26%);
  --odx-palette-green-100: hsl(133 100% 10%);
  --odx-palette-orange-00: hsl(30 100% 96%);
  --odx-palette-orange-10: hsl(36 100% 92%);
  --odx-palette-orange-20: hsl(36 100% 83%);
  --odx-palette-orange-30: hsl(36 100% 74%);
  --odx-palette-orange-40: hsl(36 100% 54%);
  --odx-palette-orange-50: hsl(30 100% 56%);
  --odx-palette-orange-60: hsl(30 100% 48%);
  --odx-palette-orange-70: hsl(30 100% 40%);
  --odx-palette-orange-80: hsl(30 100% 32%);
  --odx-palette-orange-90: hsl(30 100% 24%);
  --odx-palette-orange-100: hsl(30 100% 16%);
  --odx-palette-red-00: hsl(354 100% 96%);
  --odx-palette-red-10: hsl(0 100% 92%);
  --odx-palette-red-20: hsl(0 100% 84%);
  --odx-palette-red-30: hsl(0 100% 74%);
  --odx-palette-red-40: hsl(0 100% 68%);
  --odx-palette-red-50: hsl(0 100% 60%);
  --odx-palette-red-60: hsl(0 100% 46%);
  --odx-palette-red-70: hsl(0 98% 43%);
  --odx-palette-red-80: hsl(0 100% 37%);
  --odx-palette-red-90: hsl(0 100% 30%);
  --odx-palette-red-100: hsl(0 100% 12%);
  --odx-palette-sandgray-00: hsl(90 20% 98%);
  --odx-palette-sandgray-10: hsl(90 18% 96%);
  --odx-palette-sandgray-20: hsl(90 15% 92%);
  --odx-palette-sandgray-30: hsl(86 10% 87%);
  --odx-palette-sandgray-40: hsl(80 7% 84%);
  --odx-palette-sandgray-50: hsl(83 7% 78%);
  --odx-palette-sandgray-60: hsl(78 7% 73%);
  --odx-palette-sandgray-70: hsl(80 7% 67%);
  --odx-palette-sandgray-80: hsl(80 8% 61%);
  --odx-palette-sandgray-90: hsl(81 7% 51%);
  --odx-palette-sandgray-100: hsl(78 6% 41%);
  --odx-palette-sandgray-110: hsl(80 7% 36%);
  --odx-palette-sandgray-120: hsl(78 6% 31%);
  --odx-palette-sandgray-130: hsl(75 6% 26%);
  --odx-palette-sandgray-140: hsl(77 6% 23%);
  --odx-palette-sandgray-150: hsl(72 6% 16%);
  --odx-palette-white: hsl(0 0% 100%);
  --odx-palette-white-05: hsl(0 0% 100% / 0.05);
  --odx-palette-white-60: hsl(0 0% 100% / 0.6);
  --odx-palette-yellow-00: hsl(53 100% 92%);
  --odx-palette-yellow-10: hsl(53 100% 86%);
  --odx-palette-yellow-20: hsl(53 100% 81%);
  --odx-palette-yellow-30: hsl(52 100% 75%);
  --odx-palette-yellow-40: hsl(53 100% 64%);
  --odx-palette-yellow-50: hsl(53 100% 50%);
  --odx-palette-yellow-60: hsl(53 100% 45%);
  --odx-palette-yellow-70: hsl(53 100% 37%);
  --odx-palette-yellow-80: hsl(53 100% 30%);
  --odx-palette-yellow-90: hsl(53 100% 24%);
  --odx-palette-yellow-100: hsl(53 100% 12%);
  --odx-size-12: 0.125rem;
  --odx-spacing-12: 0.125rem;
  --odx-size-25: 0.25rem;
  --odx-spacing-25: 0.25rem;
  --odx-size-37: 0.375rem;
  --odx-spacing-37: 0.375rem;
  --odx-spacing-layout-sm: 0.375rem;
  --odx-size-50: 0.5rem;
  --odx-spacing-50: 0.5rem;
  --odx-size-75: 0.75rem;
  --odx-spacing-75: 0.75rem;
  --odx-spacing-layout-md: 0.75rem;
  --odx-size-100: 1rem;
  --odx-spacing-100: 1rem;
  --odx-spacing-layout-lg: 1rem;
  --odx-size-125: 1.25rem;
  --odx-size-150: 1.5rem;
  --odx-spacing-150: 1.5rem;
  --odx-size-175: 1.75rem;
  --odx-size-200: 2rem;
  --odx-spacing-200: 2rem;
  --odx-size-225: 2.25rem;
  --odx-size-250: 2.5rem;
  --odx-size-300: 3rem;
  --odx-size-350: 3.5rem;
  --odx-size-400: 4rem;
  --odx-size-450: 4.5rem;
  --odx-size-500: 5rem;
  --odx-size-600: 6rem;
  --odx-size-700: 7rem;
  --odx-size-800: 8rem;
  --odx-size-900: 9rem;
  --odx-size-1000: 10rem;
  --odx-spacing-negative-12: -0.125rem;
  --odx-spacing-negative-25: -0.25rem;
  --odx-spacing-negative-37: -0.375rem;
  --odx-spacing-negative-50: -0.5rem;
  --odx-spacing-negative-75: -0.75rem;
  --odx-spacing-negative-100: -1rem;
  --odx-spacing-negative-150: -1.5rem;
  --odx-spacing-negative-200: -2rem;
  --odx-typography-font-family-base: "DraegerPangeaText";
  --odx-typography-font-family-brand: "DraegerPangea";
  --odx-typography-font-size-base: 16px;
  --odx-typography-font-size-display-lg: 3.375rem;
  --odx-typography-font-size-display-md: 3rem;
  --odx-typography-font-size-display-sm: 2.5rem;
  --odx-typography-font-size-display-xl: 4.25rem;
  --odx-typography-font-size-heading-lg: 1.5rem;
  --odx-typography-font-size-heading-md: 1.25rem;
  --odx-typography-font-size-heading-sm: 1rem;
  --odx-typography-font-size-heading-xl: 1.875rem;
  --odx-typography-font-size-heading-xs: 0.875rem;
  --odx-typography-font-size-heading-xxl: 2.25rem;
  --odx-typography-font-size-text-lg: 1.125rem;
  --odx-typography-font-size-text-md: 1rem;
  --odx-typography-font-size-text-sm: 0.875rem;
  --odx-typography-font-size-text-xs: 0.75rem;
  --odx-typography-font-weight-medium: 500;
  --odx-typography-font-weight-normal: 400;
  --odx-typography-font-weight-semibold: 600;
  --odx-typography-line-height-base: 1.5rem;
  --odx-typography-line-height-display-lg: 4rem;
  --odx-typography-line-height-display-md: 3.75rem;
  --odx-typography-line-height-display-sm: 3rem;
  --odx-typography-line-height-display-xl: 5rem;
  --odx-typography-line-height-heading-lg: 2rem;
  --odx-typography-line-height-heading-md: 1.625rem;
  --odx-typography-line-height-heading-sm: 1.375rem;
  --odx-typography-line-height-heading-xl: 2.5rem;
  --odx-typography-line-height-heading-xs: 1.25rem;
  --odx-typography-line-height-heading-xxl: 2.75rem;
  --odx-typography-line-height-text-lg: 1.5rem;
  --odx-typography-line-height-text-md: 1.375rem;
  --odx-typography-line-height-text-sm: 1.125rem;
  --odx-typography-line-height-text-xs: 1rem;
  --odx-z-level-background: -1;
  --odx-z-level-base: 0;
  --odx-z-level-foreground: 1;
  --odx-z-level-interactive: 5;
  --odx-z-level-overlay: 100;
  --odx-z-level-sticky: 10;
  --odx-z-level-sticky-foreground: 15;
  --odx-z-level-topmost: 9999;
}

.odx-light-mode,
.odx-dark-mode {
  background-color: var(--odx-color-background-base);
  color: var(--odx-color-foreground-rest);
}

@media (prefers-color-scheme: light) { .odx-eaa-compliant {
--odx-palette-black: hsl(220 50% 5%);
    --odx-palette-black-60: hsl(220 50% 5% / 0.6);
    --odx-palette-blue-00: hsl(219 68% 96%);
    --odx-palette-blue-10: hsl(216 65% 90%);
    --odx-palette-blue-20: hsl(217 71% 80%);
    --odx-palette-blue-30: hsl(217 75% 70%);
    --odx-palette-blue-40: hsl(217 80% 60%);
    --odx-palette-blue-50: hsl(217 75% 48%);
    --odx-palette-blue-60: hsl(217 90% 40%);
    --odx-palette-blue-70: hsl(217 95% 30%);
    --odx-palette-blue-80: hsl(217 100% 20%);
    --odx-palette-blue-80-5: hsl(217 100% 20% / 0.05);
    --odx-palette-blue-80-15: hsl(217 100% 20% / 0.1);
    --odx-palette-blue-80-60: hsl(217 100% 20% / 0.6);
    --odx-palette-blue-90: hsl(216 100% 10%);
    --odx-palette-blue-90-30: hsl(216 100% 10% / 0.3);
    --odx-palette-blue-100: hsl(216 100% 1%);
    --odx-palette-blue-100-30: hsl(216 100% 1% / 0.3);
    --odx-palette-coolgray-00: hsl(216 20% 98%);
    --odx-palette-coolgray-10: hsl(213 18% 95%);
    --odx-palette-coolgray-20: hsl(212 17% 90%);
    --odx-palette-coolgray-30: hsl(212 16% 83%);
    --odx-palette-coolgray-40: hsl(212 15% 76%);
    --odx-palette-coolgray-50: hsl(210 14% 69%);
    --odx-palette-coolgray-60: hsl(208 13% 62%);
    --odx-palette-coolgray-70: hsl(208 12% 55%);
    --odx-palette-coolgray-80: hsl(207 11% 47%);
    --odx-palette-coolgray-90: hsl(207 10% 39%);
    --odx-palette-coolgray-100: hsl(205 16% 31%);
    --odx-palette-coolgray-110: hsl(209 17% 27%);
    --odx-palette-coolgray-120: hsl(207 19% 23%);
    --odx-palette-coolgray-130: hsl(210 20% 20%);
    --odx-palette-coolgray-140: hsl(210 20% 16%);
    --odx-palette-coolgray-150: hsl(210 20% 9%);
    --odx-palette-cyan-00: hsl(206 80% 96%);
    --odx-palette-cyan-10: hsl(203 90% 92%);
    --odx-palette-cyan-10-5: hsl(203 90% 92% / 0.05);
    --odx-palette-cyan-10-15: hsl(203 90% 92% / 0.15);
    --odx-palette-cyan-20: hsl(201 100% 84%);
    --odx-palette-cyan-30: hsl(201 100% 72%);
    --odx-palette-cyan-40: hsl(201 100% 58%);
    --odx-palette-cyan-50: hsl(204.78 100% 48.43%);
    --odx-palette-cyan-60: hsl(205 100% 40%);
    --odx-palette-cyan-60-15: hsl(205 100% 40% / 0.15);
    --odx-palette-cyan-60-20: hsl(205 100% 40% / 0.2);
    --odx-palette-cyan-60-25: hsl(205 100% 40% / 0.25);
    --odx-palette-cyan-70: hsl(205 100% 32%);
    --odx-palette-cyan-80: hsl(205 100% 28%);
    --odx-palette-cyan-90: hsl(205 100% 22%);
    --odx-palette-cyan-100: hsl(205 100% 15%);
    --odx-palette-green-00: hsl(138 100% 91%);
    --odx-palette-green-10: hsl(133 100% 86%);
    --odx-palette-green-20: hsl(133 100% 79%);
    --odx-palette-green-30: hsl(133 100% 71%);
    --odx-palette-green-40: hsl(133 100% 61%);
    --odx-palette-green-50: hsl(133 91% 50%);
    --odx-palette-green-60: hsl(133 100% 43%);
    --odx-palette-green-70: hsl(133 100% 39%);
    --odx-palette-green-80: hsl(133 100% 33%);
    --odx-palette-green-90: hsl(133 100% 26%);
    --odx-palette-green-100: hsl(133 100% 10%);
    --odx-palette-orange-00: hsl(30 100% 96%);
    --odx-palette-orange-10: hsl(36 100% 92%);
    --odx-palette-orange-20: hsl(36 100% 83%);
    --odx-palette-orange-30: hsl(36 100% 74%);
    --odx-palette-orange-40: hsl(36 100% 54%);
    --odx-palette-orange-50: hsl(30 100% 56%);
    --odx-palette-orange-60: hsl(30 100% 48%);
    --odx-palette-orange-70: hsl(30 100% 40%);
    --odx-palette-orange-80: hsl(30 100% 32%);
    --odx-palette-orange-90: hsl(30 100% 24%);
    --odx-palette-orange-100: hsl(30 100% 16%);
    --odx-palette-red-00: hsl(354 100% 96%);
    --odx-palette-red-10: hsl(0 100% 92%);
    --odx-palette-red-20: hsl(0 100% 84%);
    --odx-palette-red-30: hsl(0 100% 74%);
    --odx-palette-red-40: hsl(0 100% 68%);
    --odx-palette-red-50: hsl(0 100% 60%);
    --odx-palette-red-60: hsl(0 100% 46%);
    --odx-palette-red-70: hsl(0 98% 43%);
    --odx-palette-red-80: hsl(0 100% 37%);
    --odx-palette-red-90: hsl(0 100% 30%);
    --odx-palette-red-100: hsl(0 100% 12%);
    --odx-palette-sandgray-00: hsl(90 20% 98%);
    --odx-palette-sandgray-10: hsl(90 18% 96%);
    --odx-palette-sandgray-20: hsl(90 15% 92%);
    --odx-palette-sandgray-30: hsl(86 10% 87%);
    --odx-palette-sandgray-40: hsl(80 7% 84%);
    --odx-palette-sandgray-50: hsl(83 7% 78%);
    --odx-palette-sandgray-60: hsl(78 7% 73%);
    --odx-palette-sandgray-70: hsl(80 7% 67%);
    --odx-palette-sandgray-80: hsl(80 8% 61%);
    --odx-palette-sandgray-90: hsl(81 7% 51%);
    --odx-palette-sandgray-100: hsl(78 6% 41%);
    --odx-palette-sandgray-110: hsl(80 7% 36%);
    --odx-palette-sandgray-120: hsl(78 6% 31%);
    --odx-palette-sandgray-130: hsl(75 6% 26%);
    --odx-palette-sandgray-140: hsl(77 6% 23%);
    --odx-palette-sandgray-150: hsl(72 6% 16%);
    --odx-palette-white: hsl(0 0% 100%);
    --odx-palette-white-05: hsl(0 0% 100% / 0.05);
    --odx-palette-white-60: hsl(0 0% 100% / 0.6);
    --odx-palette-yellow-00: hsl(53 100% 92%);
    --odx-palette-yellow-10: hsl(53 100% 86%);
    --odx-palette-yellow-20: hsl(53 100% 81%);
    --odx-palette-yellow-30: hsl(52 100% 75%);
    --odx-palette-yellow-40: hsl(53 100% 64%);
    --odx-palette-yellow-50: hsl(53 100% 50%);
    --odx-palette-yellow-60: hsl(53 100% 45%);
    --odx-palette-yellow-70: hsl(53 100% 37%);
    --odx-palette-yellow-80: hsl(53 100% 30%);
    --odx-palette-yellow-90: hsl(53 100% 24%);
    --odx-palette-yellow-100: hsl(53 100% 12%);
}}

.odx-light-mode.odx-eaa-compliant {
--odx-palette-black: hsl(220 50% 5%);
  --odx-palette-black-60: hsl(220 50% 5% / 0.6);
  --odx-palette-blue-00: hsl(219 68% 96%);
  --odx-palette-blue-10: hsl(216 65% 90%);
  --odx-palette-blue-20: hsl(217 71% 80%);
  --odx-palette-blue-30: hsl(217 75% 70%);
  --odx-palette-blue-40: hsl(217 80% 60%);
  --odx-palette-blue-50: hsl(217 75% 48%);
  --odx-palette-blue-60: hsl(217 90% 40%);
  --odx-palette-blue-70: hsl(217 95% 30%);
  --odx-palette-blue-80: hsl(217 100% 20%);
  --odx-palette-blue-80-5: hsl(217 100% 20% / 0.05);
  --odx-palette-blue-80-15: hsl(217 100% 20% / 0.1);
  --odx-palette-blue-80-60: hsl(217 100% 20% / 0.6);
  --odx-palette-blue-90: hsl(216 100% 10%);
  --odx-palette-blue-90-30: hsl(216 100% 10% / 0.3);
  --odx-palette-blue-100: hsl(216 100% 1%);
  --odx-palette-blue-100-30: hsl(216 100% 1% / 0.3);
  --odx-palette-coolgray-00: hsl(216 20% 98%);
  --odx-palette-coolgray-10: hsl(213 18% 95%);
  --odx-palette-coolgray-20: hsl(212 17% 90%);
  --odx-palette-coolgray-30: hsl(212 16% 83%);
  --odx-palette-coolgray-40: hsl(212 15% 76%);
  --odx-palette-coolgray-50: hsl(210 14% 69%);
  --odx-palette-coolgray-60: hsl(208 13% 62%);
  --odx-palette-coolgray-70: hsl(208 12% 55%);
  --odx-palette-coolgray-80: hsl(207 11% 47%);
  --odx-palette-coolgray-90: hsl(207 10% 39%);
  --odx-palette-coolgray-100: hsl(205 16% 31%);
  --odx-palette-coolgray-110: hsl(209 17% 27%);
  --odx-palette-coolgray-120: hsl(207 19% 23%);
  --odx-palette-coolgray-130: hsl(210 20% 20%);
  --odx-palette-coolgray-140: hsl(210 20% 16%);
  --odx-palette-coolgray-150: hsl(210 20% 9%);
  --odx-palette-cyan-00: hsl(206 80% 96%);
  --odx-palette-cyan-10: hsl(203 90% 92%);
  --odx-palette-cyan-10-5: hsl(203 90% 92% / 0.05);
  --odx-palette-cyan-10-15: hsl(203 90% 92% / 0.15);
  --odx-palette-cyan-20: hsl(201 100% 84%);
  --odx-palette-cyan-30: hsl(201 100% 72%);
  --odx-palette-cyan-40: hsl(201 100% 58%);
  --odx-palette-cyan-50: hsl(204.78 100% 48.43%);
  --odx-palette-cyan-60: hsl(205 100% 40%);
  --odx-palette-cyan-60-15: hsl(205 100% 40% / 0.15);
  --odx-palette-cyan-60-20: hsl(205 100% 40% / 0.2);
  --odx-palette-cyan-60-25: hsl(205 100% 40% / 0.25);
  --odx-palette-cyan-70: hsl(205 100% 32%);
  --odx-palette-cyan-80: hsl(205 100% 28%);
  --odx-palette-cyan-90: hsl(205 100% 22%);
  --odx-palette-cyan-100: hsl(205 100% 15%);
  --odx-palette-green-00: hsl(138 100% 91%);
  --odx-palette-green-10: hsl(133 100% 86%);
  --odx-palette-green-20: hsl(133 100% 79%);
  --odx-palette-green-30: hsl(133 100% 71%);
  --odx-palette-green-40: hsl(133 100% 61%);
  --odx-palette-green-50: hsl(133 91% 50%);
  --odx-palette-green-60: hsl(133 100% 43%);
  --odx-palette-green-70: hsl(133 100% 39%);
  --odx-palette-green-80: hsl(133 100% 33%);
  --odx-palette-green-90: hsl(133 100% 26%);
  --odx-palette-green-100: hsl(133 100% 10%);
  --odx-palette-orange-00: hsl(30 100% 96%);
  --odx-palette-orange-10: hsl(36 100% 92%);
  --odx-palette-orange-20: hsl(36 100% 83%);
  --odx-palette-orange-30: hsl(36 100% 74%);
  --odx-palette-orange-40: hsl(36 100% 54%);
  --odx-palette-orange-50: hsl(30 100% 56%);
  --odx-palette-orange-60: hsl(30 100% 48%);
  --odx-palette-orange-70: hsl(30 100% 40%);
  --odx-palette-orange-80: hsl(30 100% 32%);
  --odx-palette-orange-90: hsl(30 100% 24%);
  --odx-palette-orange-100: hsl(30 100% 16%);
  --odx-palette-red-00: hsl(354 100% 96%);
  --odx-palette-red-10: hsl(0 100% 92%);
  --odx-palette-red-20: hsl(0 100% 84%);
  --odx-palette-red-30: hsl(0 100% 74%);
  --odx-palette-red-40: hsl(0 100% 68%);
  --odx-palette-red-50: hsl(0 100% 60%);
  --odx-palette-red-60: hsl(0 100% 46%);
  --odx-palette-red-70: hsl(0 98% 43%);
  --odx-palette-red-80: hsl(0 100% 37%);
  --odx-palette-red-90: hsl(0 100% 30%);
  --odx-palette-red-100: hsl(0 100% 12%);
  --odx-palette-sandgray-00: hsl(90 20% 98%);
  --odx-palette-sandgray-10: hsl(90 18% 96%);
  --odx-palette-sandgray-20: hsl(90 15% 92%);
  --odx-palette-sandgray-30: hsl(86 10% 87%);
  --odx-palette-sandgray-40: hsl(80 7% 84%);
  --odx-palette-sandgray-50: hsl(83 7% 78%);
  --odx-palette-sandgray-60: hsl(78 7% 73%);
  --odx-palette-sandgray-70: hsl(80 7% 67%);
  --odx-palette-sandgray-80: hsl(80 8% 61%);
  --odx-palette-sandgray-90: hsl(81 7% 51%);
  --odx-palette-sandgray-100: hsl(78 6% 41%);
  --odx-palette-sandgray-110: hsl(80 7% 36%);
  --odx-palette-sandgray-120: hsl(78 6% 31%);
  --odx-palette-sandgray-130: hsl(75 6% 26%);
  --odx-palette-sandgray-140: hsl(77 6% 23%);
  --odx-palette-sandgray-150: hsl(72 6% 16%);
  --odx-palette-white: hsl(0 0% 100%);
  --odx-palette-white-05: hsl(0 0% 100% / 0.05);
  --odx-palette-white-60: hsl(0 0% 100% / 0.6);
  --odx-palette-yellow-00: hsl(53 100% 92%);
  --odx-palette-yellow-10: hsl(53 100% 86%);
  --odx-palette-yellow-20: hsl(53 100% 81%);
  --odx-palette-yellow-30: hsl(52 100% 75%);
  --odx-palette-yellow-40: hsl(53 100% 64%);
  --odx-palette-yellow-50: hsl(53 100% 50%);
  --odx-palette-yellow-60: hsl(53 100% 45%);
  --odx-palette-yellow-70: hsl(53 100% 37%);
  --odx-palette-yellow-80: hsl(53 100% 30%);
  --odx-palette-yellow-90: hsl(53 100% 24%);
  --odx-palette-yellow-100: hsl(53 100% 12%);
}

@media (prefers-color-scheme: dark) { :root {
--odx-color-background-accent-hover: var(--odx-palette-cyan-70);
    --odx-color-background-control-selected-hover: var(--odx-color-background-accent-hover);
    --odx-color-background-accent-pressed: var(--odx-palette-cyan-80);
    --odx-color-background-accent-rest: var(--odx-palette-cyan-60);
    --odx-color-background-control-selected: var(--odx-color-background-accent-rest);
    --odx-color-stroke-control-pressed: var(--odx-color-background-accent-rest);
    --odx-color-background-accent-subtle: var(--odx-palette-cyan-90);
    --odx-color-background-base: var(--odx-palette-coolgray-130);
    --odx-color-background-brand: var(--odx-palette-blue-90);
    --odx-color-background-confirmation-hover: var(--odx-palette-orange-50);
    --odx-color-background-confirmation-pressed: var(--odx-palette-orange-60);
    --odx-color-background-confirmation-rest: var(--odx-palette-orange-40);
    --odx-color-background-control-hover: var(--odx-palette-coolgray-100);
    --odx-color-background-control-invalid: var(--odx-palette-red-100);
    --odx-color-background-control-invalid-hover: var(--odx-palette-red-90);
    --odx-color-background-control-readonly: hsl(0 0% 0% / 0);
    --odx-color-background-control-rest: var(--odx-palette-coolgray-110);
    --odx-color-background-control-selected-readonly: hsl(0 0% 0% / 0);
    --odx-color-background-danger-disabled: var(--odx-palette-red-80);
    --odx-color-background-danger-hover: var(--odx-palette-red-80);
    --odx-color-background-danger-pressed: var(--odx-palette-red-90);
    --odx-color-background-danger-rest: var(--odx-palette-red-70);
    --odx-color-background-danger-subtle: var(--odx-palette-red-100);
    --odx-color-background-disabled-rest: var(--odx-palette-coolgray-120);
    --odx-color-background-disabled-selected: var(--odx-palette-coolgray-80);
    --odx-color-background-level-1: var(--odx-palette-coolgray-140);
    --odx-color-background-level-2: var(--odx-palette-black);
    --odx-color-background-level-3: var(--odx-palette-blue-00);
    --odx-color-background-neutral-hover: var(--odx-palette-coolgray-100);
    --odx-color-background-neutral-pressed: var(--odx-palette-coolgray-110);
    --odx-color-background-neutral-rest: var(--odx-palette-coolgray-90);
    --odx-color-background-neutral-subtle: var(--odx-palette-coolgray-80);
    --odx-color-background-primary-hover: var(--odx-palette-blue-10);
    --odx-color-background-primary-pressed: var(--odx-palette-blue-20);
    --odx-color-background-primary-rest: var(--odx-palette-blue-00);
    --odx-color-background-primary-subtle: var(--odx-palette-blue-90);
    --odx-color-background-selection: var(--odx-palette-cyan-70);
    --odx-color-background-success-hover: var(--odx-palette-green-70);
    --odx-color-background-success-pressed: var(--odx-palette-green-80);
    --odx-color-background-success-rest: var(--odx-palette-green-60);
    --odx-color-background-success-subtle: var(--odx-palette-green-100);
    --odx-color-background-transparent-backdrop: var(--odx-palette-black-60);
    --odx-color-background-transparent-backdrop-inverse: var(--odx-palette-blue-90-30);
    --odx-color-background-transparent-hover: var(--odx-palette-cyan-10-5);
    --odx-color-background-transparent-pressed: var(--odx-palette-cyan-10-15);
    --odx-color-background-transparent-selected: var(--odx-palette-cyan-60-25);
    --odx-color-background-transparent-selected-hover: var(--odx-palette-cyan-60-20);
    --odx-color-background-warning-disabled: var(--odx-palette-yellow-70);
    --odx-color-background-warning-hover: var(--odx-palette-yellow-60);
    --odx-color-background-warning-pressed: var(--odx-palette-yellow-70);
    --odx-color-background-warning-rest: var(--odx-palette-yellow-50);
    --odx-color-background-warning-subtle: var(--odx-palette-yellow-100);
    --odx-color-chart-additional-aqua: hsl(173 83% 47%);
    --odx-color-chart-additional-aqua-strong: hsl(173 80% 78%);
    --odx-color-chart-additional-aqua-subtle: hsl(173 90% 34%);
    --odx-color-chart-additional-berry: hsl(331 86% 52%);
    --odx-color-chart-additional-berry-strong: hsl(330 71% 80%);
    --odx-color-chart-additional-berry-subtle: hsl(331 90% 42%);
    --odx-color-chart-additional-indigo: hsl(249 75% 61%);
    --odx-color-chart-additional-indigo-strong: hsl(249 69% 77%);
    --odx-color-chart-additional-indigo-subtle: hsl(249 63% 53%);
    --odx-color-chart-additional-ocean: hsl(191 77% 48%);
    --odx-color-chart-additional-ocean-strong: hsl(202 100% 81%);
    --odx-color-chart-additional-ocean-subtle: hsl(190 68% 34%);
    --odx-color-chart-additional-purple: hsl(272 75% 54%);
    --odx-color-chart-additional-purple-strong: hsl(272 82% 77%);
    --odx-color-chart-additional-purple-subtle: hsl(271 73% 45%);
    --odx-color-chart-additional-violet: hsl(289 80% 46%);
    --odx-color-chart-additional-violet-strong: hsl(289 79% 75%);
    --odx-color-chart-additional-violet-subtle: hsl(292 89% 36%);
    --odx-color-chart-alert-green: var(--odx-palette-green-70);
    --odx-color-chart-alert-orange: var(--odx-palette-orange-50);
    --odx-color-chart-alert-red: var(--odx-palette-red-70);
    --odx-color-chart-alert-yellow: var(--odx-palette-yellow-50);
    --odx-color-chart-brand-blue: var(--odx-palette-blue-60);
    --odx-color-chart-brand-blue-strong: var(--odx-palette-blue-20);
    --odx-color-chart-brand-blue-subtle: var(--odx-palette-blue-80);
    --odx-color-chart-brand-cyan: var(--odx-palette-cyan-60);
    --odx-color-chart-brand-cyan-strong: var(--odx-palette-cyan-20);
    --odx-color-chart-brand-cyan-subtle: var(--odx-palette-cyan-80);
    --odx-color-chart-brand-gray: hsl(210 4% 55%);
    --odx-color-chart-brand-gray-strong: hsl(210 11% 82%);
    --odx-color-chart-brand-gray-subtle: hsl(210 10% 39%);
    --odx-color-foreground-accent-hover: var(--odx-palette-cyan-60);
    --odx-color-foreground-accent-pressed: var(--odx-palette-cyan-70);
    --odx-color-foreground-accent-rest: var(--odx-palette-cyan-50);
    --odx-color-foreground-danger-disabled: var(--odx-palette-red-90);
    --odx-color-foreground-danger-rest: var(--odx-palette-red-30);
    --odx-color-foreground-disabled-on-brand: var(--odx-palette-cyan-90);
    --odx-color-foreground-disabled-rest: var(--odx-palette-coolgray-80);
    --odx-color-foreground-disabled-selected: var(--odx-palette-coolgray-120);
    --odx-color-foreground-inverse: var(--odx-palette-coolgray-140);
    --odx-color-foreground-inverse-static: var(--odx-palette-white);
    --odx-color-foreground-rest: var(--odx-palette-white);
    --odx-color-foreground-rest-static: var(--odx-palette-blue-80);
    --odx-color-foreground-subtle: var(--odx-palette-white-60);
    --odx-color-foreground-success-rest: var(--odx-palette-green-40);
    --odx-color-foreground-warning-disabled: var(--odx-palette-yellow-80);
    --odx-color-special-callout: var(--odx-palette-orange-50);
    --odx-color-special-scrollbar: var(--odx-palette-coolgray-100);
    --odx-color-special-shadow: hsl(0 0% 1% / 0.3);
    --odx-color-special-sustainability-dark: var(--odx-palette-green-90);
    --odx-color-special-sustainability-light: var(--odx-palette-green-70);
    --odx-color-stroke-accent-rest: var(--odx-palette-cyan-60);
    --odx-color-stroke-control-hover: var(--odx-palette-coolgray-60);
    --odx-color-stroke-control-invalid: var(--odx-palette-red-30);
    --odx-color-stroke-control-invalid-hover: var(--odx-palette-red-70);
    --odx-color-stroke-control-readonly: var(--odx-palette-coolgray-90);
    --odx-color-stroke-control-rest: var(--odx-palette-coolgray-90);
    --odx-color-stroke-control-selected: hsl(0 0% 0% / 0);
    --odx-color-stroke-danger-hover: var(--odx-palette-red-20);
    --odx-color-stroke-danger-rest: var(--odx-palette-red-30);
    --odx-color-stroke-disabled-rest: hsl(0 0% 0% / 0);
    --odx-color-stroke-focus-inner: var(--odx-palette-coolgray-130);
    --odx-color-stroke-focus-outer: var(--odx-palette-cyan-60);
    --odx-color-stroke-neutral-strong: var(--odx-palette-coolgray-20);
    --odx-color-stroke-neutral-subtle: var(--odx-palette-coolgray-110);
    --odx-color-stroke-primary-rest: var(--odx-palette-blue-00);
    --odx-color-stroke-success-rest: var(--odx-palette-green-70);
    --odx-color-stroke-warning-rest: var(--odx-palette-yellow-50);
}}

.odx-light-mode {
 color-scheme: light;
--odx-color-background-accent-hover: var(--odx-palette-cyan-70);
  --odx-color-background-control-selected-hover: var(--odx-color-background-accent-hover);
  --odx-color-background-accent-pressed: var(--odx-palette-cyan-80);
  --odx-color-background-accent-rest: var(--odx-palette-cyan-60);
  --odx-color-background-control-selected: var(--odx-color-background-accent-rest);
  --odx-color-stroke-control-pressed: var(--odx-color-background-accent-rest);
  --odx-color-background-accent-subtle: var(--odx-palette-cyan-00);
  --odx-color-background-base: var(--odx-palette-coolgray-00);
  --odx-color-background-brand: var(--odx-palette-blue-80);
  --odx-color-background-confirmation-hover: var(--odx-palette-orange-50);
  --odx-color-background-confirmation-pressed: var(--odx-palette-orange-60);
  --odx-color-background-confirmation-rest: var(--odx-palette-orange-40);
  --odx-color-background-control-hover: var(--odx-palette-coolgray-20);
  --odx-color-background-control-invalid: var(--odx-palette-red-00);
  --odx-color-background-control-invalid-hover: var(--odx-palette-red-10);
  --odx-color-background-control-readonly: hsl(0 0% 0% / 0);
  --odx-color-background-control-rest: var(--odx-palette-coolgray-10);
  --odx-color-background-control-selected-readonly: hsl(0 0% 0% / 0);
  --odx-color-background-danger-disabled: var(--odx-palette-red-80);
  --odx-color-background-danger-hover: var(--odx-palette-red-80);
  --odx-color-background-danger-pressed: var(--odx-palette-red-90);
  --odx-color-background-danger-rest: var(--odx-palette-red-70);
  --odx-color-background-danger-subtle: var(--odx-palette-red-00);
  --odx-color-background-disabled-rest: var(--odx-palette-coolgray-10);
  --odx-color-background-disabled-selected: var(--odx-palette-coolgray-60);
  --odx-color-background-level-1: var(--odx-palette-white);
  --odx-color-background-level-2: var(--odx-palette-white);
  --odx-color-background-level-3: var(--odx-palette-blue-90);
  --odx-color-background-neutral-hover: var(--odx-palette-coolgray-40);
  --odx-color-background-neutral-pressed: var(--odx-palette-coolgray-50);
  --odx-color-background-neutral-rest: var(--odx-palette-coolgray-30);
  --odx-color-background-neutral-subtle: var(--odx-palette-coolgray-20);
  --odx-color-background-primary-hover: var(--odx-palette-blue-90);
  --odx-color-background-primary-pressed: var(--odx-palette-blue-100);
  --odx-color-background-primary-rest: var(--odx-palette-blue-80);
  --odx-color-background-primary-subtle: var(--odx-palette-blue-00);
  --odx-color-background-selection: var(--odx-palette-cyan-30);
  --odx-color-background-success-hover: var(--odx-palette-green-80);
  --odx-color-background-success-pressed: var(--odx-palette-green-90);
  --odx-color-background-success-rest: var(--odx-palette-green-70);
  --odx-color-background-success-subtle: var(--odx-palette-green-00);
  --odx-color-background-transparent-backdrop: var(--odx-palette-blue-90-30);
  --odx-color-background-transparent-backdrop-inverse: var(--odx-palette-white-60);
  --odx-color-background-transparent-hover: var(--odx-palette-blue-80-5);
  --odx-color-background-transparent-pressed: var(--odx-palette-blue-80-15);
  --odx-color-background-transparent-selected: var(--odx-palette-cyan-60-15);
  --odx-color-background-transparent-selected-hover: var(--odx-palette-cyan-60-20);
  --odx-color-background-warning-disabled: var(--odx-palette-yellow-70);
  --odx-color-background-warning-hover: var(--odx-palette-yellow-60);
  --odx-color-background-warning-pressed: var(--odx-palette-yellow-70);
  --odx-color-background-warning-rest: var(--odx-palette-yellow-50);
  --odx-color-background-warning-subtle: var(--odx-palette-yellow-00);
  --odx-color-chart-additional-aqua: hsl(173 83% 47%);
  --odx-color-chart-additional-aqua-strong: hsl(173 90% 34%);
  --odx-color-chart-additional-aqua-subtle: hsl(173 80% 78%);
  --odx-color-chart-additional-berry: hsl(331 86% 52%);
  --odx-color-chart-additional-berry-strong: hsl(331 90% 42%);
  --odx-color-chart-additional-berry-subtle: hsl(330 71% 80%);
  --odx-color-chart-additional-indigo: hsl(249 75% 61%);
  --odx-color-chart-additional-indigo-strong: hsl(249 63% 53%);
  --odx-color-chart-additional-indigo-subtle: hsl(249 69% 77%);
  --odx-color-chart-additional-ocean: hsl(191 77% 48%);
  --odx-color-chart-additional-ocean-strong: hsl(190 68% 34%);
  --odx-color-chart-additional-ocean-subtle: hsl(202 100% 81%);
  --odx-color-chart-additional-purple: hsl(272 75% 54%);
  --odx-color-chart-additional-purple-strong: hsl(271 73% 45%);
  --odx-color-chart-additional-purple-subtle: hsl(272 82% 77%);
  --odx-color-chart-additional-violet: hsl(289 80% 46%);
  --odx-color-chart-additional-violet-strong: hsl(292 89% 36%);
  --odx-color-chart-additional-violet-subtle: hsl(289 79% 75%);
  --odx-color-chart-alert-green: var(--odx-palette-green-70);
  --odx-color-chart-alert-orange: var(--odx-palette-orange-50);
  --odx-color-chart-alert-red: var(--odx-palette-red-70);
  --odx-color-chart-alert-yellow: var(--odx-palette-yellow-50);
  --odx-color-chart-brand-blue: var(--odx-palette-blue-60);
  --odx-color-chart-brand-blue-strong: var(--odx-palette-blue-80);
  --odx-color-chart-brand-blue-subtle: var(--odx-palette-blue-20);
  --odx-color-chart-brand-cyan: var(--odx-palette-cyan-60);
  --odx-color-chart-brand-cyan-strong: var(--odx-palette-cyan-80);
  --odx-color-chart-brand-cyan-subtle: var(--odx-palette-cyan-20);
  --odx-color-chart-brand-gray: hsl(210 4% 55%);
  --odx-color-chart-brand-gray-strong: hsl(210 10% 39%);
  --odx-color-chart-brand-gray-subtle: hsl(210 11% 82%);
  --odx-color-foreground-accent-hover: var(--odx-palette-cyan-70);
  --odx-color-foreground-accent-pressed: var(--odx-palette-cyan-80);
  --odx-color-foreground-accent-rest: var(--odx-palette-cyan-60);
  --odx-color-foreground-danger-disabled: var(--odx-palette-red-90);
  --odx-color-foreground-danger-rest: var(--odx-palette-red-70);
  --odx-color-foreground-disabled-on-brand: var(--odx-palette-cyan-90);
  --odx-color-foreground-disabled-rest: var(--odx-palette-coolgray-50);
  --odx-color-foreground-disabled-selected: var(--odx-palette-coolgray-10);
  --odx-color-foreground-inverse: var(--odx-palette-white);
  --odx-color-foreground-inverse-static: var(--odx-palette-white);
  --odx-color-foreground-rest: var(--odx-palette-blue-80);
  --odx-color-foreground-rest-static: var(--odx-palette-blue-80);
  --odx-color-foreground-subtle: var(--odx-palette-blue-80-60);
  --odx-color-foreground-success-rest: var(--odx-palette-green-90);
  --odx-color-foreground-warning-disabled: var(--odx-palette-yellow-80);
  --odx-color-special-callout: var(--odx-palette-orange-50);
  --odx-color-special-scrollbar: var(--odx-palette-coolgray-40);
  --odx-color-special-shadow: hsl(0 0% 1% / 0.3);
  --odx-color-special-sustainability-dark: var(--odx-palette-green-90);
  --odx-color-special-sustainability-light: var(--odx-palette-green-70);
  --odx-color-stroke-accent-rest: var(--odx-palette-cyan-60);
  --odx-color-stroke-control-hover: var(--odx-palette-coolgray-80);
  --odx-color-stroke-control-invalid: var(--odx-palette-red-60);
  --odx-color-stroke-control-invalid-hover: var(--odx-palette-red-30);
  --odx-color-stroke-control-readonly: var(--odx-palette-coolgray-30);
  --odx-color-stroke-control-rest: var(--odx-palette-coolgray-30);
  --odx-color-stroke-control-selected: hsl(0 0% 0% / 0);
  --odx-color-stroke-danger-hover: var(--odx-palette-red-70);
  --odx-color-stroke-danger-rest: var(--odx-palette-red-60);
  --odx-color-stroke-disabled-rest: hsl(0 0% 0% / 0);
  --odx-color-stroke-focus-inner: var(--odx-palette-white);
  --odx-color-stroke-focus-outer: var(--odx-palette-cyan-70);
  --odx-color-stroke-neutral-strong: var(--odx-palette-coolgray-130);
  --odx-color-stroke-neutral-subtle: var(--odx-palette-coolgray-20);
  --odx-color-stroke-primary-rest: var(--odx-palette-blue-80);
  --odx-color-stroke-success-rest: var(--odx-palette-green-70);
  --odx-color-stroke-warning-rest: var(--odx-palette-yellow-50);
}

.odx-dark-mode {
 color-scheme: dark;
--odx-color-background-accent-hover: var(--odx-palette-cyan-70);
  --odx-color-background-control-selected-hover: var(--odx-color-background-accent-hover);
  --odx-color-background-accent-pressed: var(--odx-palette-cyan-80);
  --odx-color-background-accent-rest: var(--odx-palette-cyan-60);
  --odx-color-background-control-selected: var(--odx-color-background-accent-rest);
  --odx-color-stroke-control-pressed: var(--odx-color-background-accent-rest);
  --odx-color-background-accent-subtle: var(--odx-palette-cyan-90);
  --odx-color-background-base: var(--odx-palette-coolgray-130);
  --odx-color-background-brand: var(--odx-palette-blue-90);
  --odx-color-background-confirmation-hover: var(--odx-palette-orange-50);
  --odx-color-background-confirmation-pressed: var(--odx-palette-orange-60);
  --odx-color-background-confirmation-rest: var(--odx-palette-orange-40);
  --odx-color-background-control-hover: var(--odx-palette-coolgray-100);
  --odx-color-background-control-invalid: var(--odx-palette-red-100);
  --odx-color-background-control-invalid-hover: var(--odx-palette-red-90);
  --odx-color-background-control-readonly: hsl(0 0% 0% / 0);
  --odx-color-background-control-rest: var(--odx-palette-coolgray-110);
  --odx-color-background-control-selected-readonly: hsl(0 0% 0% / 0);
  --odx-color-background-danger-disabled: var(--odx-palette-red-80);
  --odx-color-background-danger-hover: var(--odx-palette-red-80);
  --odx-color-background-danger-pressed: var(--odx-palette-red-90);
  --odx-color-background-danger-rest: var(--odx-palette-red-70);
  --odx-color-background-danger-subtle: var(--odx-palette-red-100);
  --odx-color-background-disabled-rest: var(--odx-palette-coolgray-120);
  --odx-color-background-disabled-selected: var(--odx-palette-coolgray-80);
  --odx-color-background-level-1: var(--odx-palette-coolgray-140);
  --odx-color-background-level-2: var(--odx-palette-black);
  --odx-color-background-level-3: var(--odx-palette-blue-00);
  --odx-color-background-neutral-hover: var(--odx-palette-coolgray-100);
  --odx-color-background-neutral-pressed: var(--odx-palette-coolgray-110);
  --odx-color-background-neutral-rest: var(--odx-palette-coolgray-90);
  --odx-color-background-neutral-subtle: var(--odx-palette-coolgray-80);
  --odx-color-background-primary-hover: var(--odx-palette-blue-10);
  --odx-color-background-primary-pressed: var(--odx-palette-blue-20);
  --odx-color-background-primary-rest: var(--odx-palette-blue-00);
  --odx-color-background-primary-subtle: var(--odx-palette-blue-90);
  --odx-color-background-selection: var(--odx-palette-cyan-70);
  --odx-color-background-success-hover: var(--odx-palette-green-70);
  --odx-color-background-success-pressed: var(--odx-palette-green-80);
  --odx-color-background-success-rest: var(--odx-palette-green-60);
  --odx-color-background-success-subtle: var(--odx-palette-green-100);
  --odx-color-background-transparent-backdrop: var(--odx-palette-black-60);
  --odx-color-background-transparent-backdrop-inverse: var(--odx-palette-blue-90-30);
  --odx-color-background-transparent-hover: var(--odx-palette-cyan-10-5);
  --odx-color-background-transparent-pressed: var(--odx-palette-cyan-10-15);
  --odx-color-background-transparent-selected: var(--odx-palette-cyan-60-25);
  --odx-color-background-transparent-selected-hover: var(--odx-palette-cyan-60-20);
  --odx-color-background-warning-disabled: var(--odx-palette-yellow-70);
  --odx-color-background-warning-hover: var(--odx-palette-yellow-60);
  --odx-color-background-warning-pressed: var(--odx-palette-yellow-70);
  --odx-color-background-warning-rest: var(--odx-palette-yellow-50);
  --odx-color-background-warning-subtle: var(--odx-palette-yellow-100);
  --odx-color-chart-additional-aqua: hsl(173 83% 47%);
  --odx-color-chart-additional-aqua-strong: hsl(173 80% 78%);
  --odx-color-chart-additional-aqua-subtle: hsl(173 90% 34%);
  --odx-color-chart-additional-berry: hsl(331 86% 52%);
  --odx-color-chart-additional-berry-strong: hsl(330 71% 80%);
  --odx-color-chart-additional-berry-subtle: hsl(331 90% 42%);
  --odx-color-chart-additional-indigo: hsl(249 75% 61%);
  --odx-color-chart-additional-indigo-strong: hsl(249 69% 77%);
  --odx-color-chart-additional-indigo-subtle: hsl(249 63% 53%);
  --odx-color-chart-additional-ocean: hsl(191 77% 48%);
  --odx-color-chart-additional-ocean-strong: hsl(202 100% 81%);
  --odx-color-chart-additional-ocean-subtle: hsl(190 68% 34%);
  --odx-color-chart-additional-purple: hsl(272 75% 54%);
  --odx-color-chart-additional-purple-strong: hsl(272 82% 77%);
  --odx-color-chart-additional-purple-subtle: hsl(271 73% 45%);
  --odx-color-chart-additional-violet: hsl(289 80% 46%);
  --odx-color-chart-additional-violet-strong: hsl(289 79% 75%);
  --odx-color-chart-additional-violet-subtle: hsl(292 89% 36%);
  --odx-color-chart-alert-green: var(--odx-palette-green-70);
  --odx-color-chart-alert-orange: var(--odx-palette-orange-50);
  --odx-color-chart-alert-red: var(--odx-palette-red-70);
  --odx-color-chart-alert-yellow: var(--odx-palette-yellow-50);
  --odx-color-chart-brand-blue: var(--odx-palette-blue-60);
  --odx-color-chart-brand-blue-strong: var(--odx-palette-blue-20);
  --odx-color-chart-brand-blue-subtle: var(--odx-palette-blue-80);
  --odx-color-chart-brand-cyan: var(--odx-palette-cyan-60);
  --odx-color-chart-brand-cyan-strong: var(--odx-palette-cyan-20);
  --odx-color-chart-brand-cyan-subtle: var(--odx-palette-cyan-80);
  --odx-color-chart-brand-gray: hsl(210 4% 55%);
  --odx-color-chart-brand-gray-strong: hsl(210 11% 82%);
  --odx-color-chart-brand-gray-subtle: hsl(210 10% 39%);
  --odx-color-foreground-accent-hover: var(--odx-palette-cyan-60);
  --odx-color-foreground-accent-pressed: var(--odx-palette-cyan-70);
  --odx-color-foreground-accent-rest: var(--odx-palette-cyan-50);
  --odx-color-foreground-danger-disabled: var(--odx-palette-red-90);
  --odx-color-foreground-danger-rest: var(--odx-palette-red-30);
  --odx-color-foreground-disabled-on-brand: var(--odx-palette-cyan-90);
  --odx-color-foreground-disabled-rest: var(--odx-palette-coolgray-80);
  --odx-color-foreground-disabled-selected: var(--odx-palette-coolgray-120);
  --odx-color-foreground-inverse: var(--odx-palette-coolgray-140);
  --odx-color-foreground-inverse-static: var(--odx-palette-white);
  --odx-color-foreground-rest: var(--odx-palette-white);
  --odx-color-foreground-rest-static: var(--odx-palette-blue-80);
  --odx-color-foreground-subtle: var(--odx-palette-white-60);
  --odx-color-foreground-success-rest: var(--odx-palette-green-40);
  --odx-color-foreground-warning-disabled: var(--odx-palette-yellow-80);
  --odx-color-special-callout: var(--odx-palette-orange-50);
  --odx-color-special-scrollbar: var(--odx-palette-coolgray-100);
  --odx-color-special-shadow: hsl(0 0% 1% / 0.3);
  --odx-color-special-sustainability-dark: var(--odx-palette-green-90);
  --odx-color-special-sustainability-light: var(--odx-palette-green-70);
  --odx-color-stroke-accent-rest: var(--odx-palette-cyan-60);
  --odx-color-stroke-control-hover: var(--odx-palette-coolgray-60);
  --odx-color-stroke-control-invalid: var(--odx-palette-red-30);
  --odx-color-stroke-control-invalid-hover: var(--odx-palette-red-70);
  --odx-color-stroke-control-readonly: var(--odx-palette-coolgray-90);
  --odx-color-stroke-control-rest: var(--odx-palette-coolgray-90);
  --odx-color-stroke-control-selected: hsl(0 0% 0% / 0);
  --odx-color-stroke-danger-hover: var(--odx-palette-red-20);
  --odx-color-stroke-danger-rest: var(--odx-palette-red-30);
  --odx-color-stroke-disabled-rest: hsl(0 0% 0% / 0);
  --odx-color-stroke-focus-inner: var(--odx-palette-coolgray-130);
  --odx-color-stroke-focus-outer: var(--odx-palette-cyan-60);
  --odx-color-stroke-neutral-strong: var(--odx-palette-coolgray-20);
  --odx-color-stroke-neutral-subtle: var(--odx-palette-coolgray-110);
  --odx-color-stroke-primary-rest: var(--odx-palette-blue-00);
  --odx-color-stroke-success-rest: var(--odx-palette-green-70);
  --odx-color-stroke-warning-rest: var(--odx-palette-yellow-50);
}