:root {
  --odx-border-radius-circle: 9999px;
  --odx-border-radius-control: var(--odx-border-radius-sm);
  --odx-border-radius-lg: 12px;
  --odx-border-radius-md: 6px;
  --odx-border-radius-sm: 3px;
  --odx-border-width-thick: 2px;
  --odx-border-width-thickest: 4px;
  --odx-border-width-thin: 1px;
  --odx-color-background-accent-hover: var(--odx-palette-cyan-70);
  --odx-color-background-accent-pressed: var(--odx-palette-cyan-80);
  --odx-color-background-accent-rest: var(--odx-palette-cyan-60);
  --odx-color-background-accent-subtle: light-dark(var(--odx-palette-cyan-00), var(--odx-palette-cyan-90));
  --odx-color-background-base: light-dark(var(--odx-palette-coolgray-00), var(--odx-palette-coolgray-130));
  --odx-color-background-brand: light-dark(var(--odx-palette-blue-80), 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: light-dark(var(--odx-palette-coolgray-20), var(--odx-palette-coolgray-100));
  --odx-color-background-control-invalid: light-dark(var(--odx-palette-red-00), var(--odx-palette-red-100));
  --odx-color-background-control-invalid-hover: light-dark(var(--odx-palette-red-10), var(--odx-palette-red-90));
  --odx-color-background-control-readonly: hsl(0 0% 0% / 0);
  --odx-color-background-control-rest: light-dark(var(--odx-palette-coolgray-10), var(--odx-palette-coolgray-110));
  --odx-color-background-control-selected: var(--odx-color-background-accent-rest);
  --odx-color-background-control-selected-hover: var(--odx-color-background-accent-hover);
  --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: light-dark(var(--odx-palette-red-00), var(--odx-palette-red-100));
  --odx-color-background-disabled-rest: light-dark(var(--odx-palette-coolgray-10), var(--odx-palette-coolgray-120));
  --odx-color-background-disabled-selected: light-dark(var(--odx-palette-coolgray-60), var(--odx-palette-coolgray-80));
  --odx-color-background-level-1: light-dark(var(--odx-palette-white), var(--odx-palette-coolgray-140));
  --odx-color-background-level-2: light-dark(var(--odx-palette-white), var(--odx-palette-black));
  --odx-color-background-level-3: light-dark(var(--odx-palette-blue-90), var(--odx-palette-blue-00));
  --odx-color-background-neutral-hover: light-dark(var(--odx-palette-coolgray-40), var(--odx-palette-coolgray-100));
  --odx-color-background-neutral-pressed: light-dark(var(--odx-palette-coolgray-50), var(--odx-palette-coolgray-110));
  --odx-color-background-neutral-rest: light-dark(var(--odx-palette-coolgray-30), var(--odx-palette-coolgray-90));
  --odx-color-background-neutral-subtle: light-dark(var(--odx-palette-coolgray-20), var(--odx-palette-coolgray-80));
  --odx-color-background-primary-hover: light-dark(var(--odx-palette-blue-90), var(--odx-palette-blue-10));
  --odx-color-background-primary-pressed: light-dark(var(--odx-palette-blue-100), var(--odx-palette-blue-20));
  --odx-color-background-primary-rest: light-dark(var(--odx-palette-blue-80), var(--odx-palette-blue-00));
  --odx-color-background-primary-subtle: light-dark(var(--odx-palette-blue-00), var(--odx-palette-blue-90));
  --odx-color-background-selection: light-dark(var(--odx-palette-cyan-30), var(--odx-palette-cyan-70));
  --odx-color-background-success-hover: light-dark(var(--odx-palette-green-80), var(--odx-palette-green-70));
  --odx-color-background-success-pressed: light-dark(var(--odx-palette-green-90), var(--odx-palette-green-80));
  --odx-color-background-success-rest: light-dark(var(--odx-palette-green-70), var(--odx-palette-green-60));
  --odx-color-background-success-subtle: light-dark(var(--odx-palette-green-00), var(--odx-palette-green-100));
  --odx-color-background-transparent-backdrop: light-dark(var(--odx-palette-blue-90-30), var(--odx-palette-black-60));
  --odx-color-background-transparent-backdrop-inverse: light-dark(var(--odx-palette-white-60), var(--odx-palette-blue-90-30));
  --odx-color-background-transparent-hover: light-dark(var(--odx-palette-blue-80-5), var(--odx-palette-cyan-10-5));
  --odx-color-background-transparent-pressed: light-dark(var(--odx-palette-blue-80-15), var(--odx-palette-cyan-10-15));
  --odx-color-background-transparent-selected: light-dark(var(--odx-palette-cyan-60-15), 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: light-dark(var(--odx-palette-yellow-00), var(--odx-palette-yellow-100));
  --odx-color-chart-additional-aqua: hsl(173 83% 47%);
  --odx-color-chart-additional-aqua-strong: light-dark(hsl(173 90% 34%), hsl(173 80% 78%));
  --odx-color-chart-additional-aqua-subtle: light-dark(hsl(173 80% 78%), hsl(173 90% 34%));
  --odx-color-chart-additional-berry: hsl(331 86% 52%);
  --odx-color-chart-additional-berry-strong: light-dark(hsl(331 90% 42%), hsl(330 71% 80%));
  --odx-color-chart-additional-berry-subtle: light-dark(hsl(330 71% 80%), hsl(331 90% 42%));
  --odx-color-chart-additional-indigo: hsl(249 75% 61%);
  --odx-color-chart-additional-indigo-strong: light-dark(hsl(249 63% 53%), hsl(249 69% 77%));
  --odx-color-chart-additional-indigo-subtle: light-dark(hsl(249 69% 77%), hsl(249 63% 53%));
  --odx-color-chart-additional-ocean: hsl(191 77% 48%);
  --odx-color-chart-additional-ocean-strong: light-dark(hsl(190 68% 34%), hsl(202 100% 81%));
  --odx-color-chart-additional-ocean-subtle: light-dark(hsl(202 100% 81%), hsl(190 68% 34%));
  --odx-color-chart-additional-purple: hsl(272 75% 54%);
  --odx-color-chart-additional-purple-strong: light-dark(hsl(271 73% 45%), hsl(272 82% 77%));
  --odx-color-chart-additional-purple-subtle: light-dark(hsl(272 82% 77%), hsl(271 73% 45%));
  --odx-color-chart-additional-violet: hsl(289 80% 46%);
  --odx-color-chart-additional-violet-strong: light-dark(hsl(292 89% 36%), hsl(289 79% 75%));
  --odx-color-chart-additional-violet-subtle: light-dark(hsl(289 79% 75%), 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: light-dark(var(--odx-palette-blue-80), var(--odx-palette-blue-20));
  --odx-color-chart-brand-blue-subtle: light-dark(var(--odx-palette-blue-20), var(--odx-palette-blue-80));
  --odx-color-chart-brand-cyan: var(--odx-palette-cyan-60);
  --odx-color-chart-brand-cyan-strong: light-dark(var(--odx-palette-cyan-80), var(--odx-palette-cyan-20));
  --odx-color-chart-brand-cyan-subtle: light-dark(var(--odx-palette-cyan-20), var(--odx-palette-cyan-80));
  --odx-color-chart-brand-gray: hsl(210 4% 55.00000000000001%);
  --odx-color-chart-brand-gray-strong: light-dark(hsl(210 10% 39%), hsl(210 11% 82%));
  --odx-color-chart-brand-gray-subtle: light-dark(hsl(210 11% 82%), hsl(210 10% 39%));
  --odx-color-foreground-accent-hover: light-dark(var(--odx-palette-cyan-70), var(--odx-palette-cyan-60));
  --odx-color-foreground-accent-pressed: light-dark(var(--odx-palette-cyan-80), var(--odx-palette-cyan-70));
  --odx-color-foreground-accent-rest: light-dark(var(--odx-palette-cyan-60), var(--odx-palette-cyan-50));
  --odx-color-foreground-danger-disabled: var(--odx-palette-red-90);
  --odx-color-foreground-danger-rest: light-dark(var(--odx-palette-red-70), var(--odx-palette-red-30));
  --odx-color-foreground-disabled-on-brand: var(--odx-palette-cyan-90);
  --odx-color-foreground-disabled-rest: light-dark(var(--odx-palette-coolgray-50), var(--odx-palette-coolgray-80));
  --odx-color-foreground-disabled-selected: light-dark(var(--odx-palette-coolgray-10), var(--odx-palette-coolgray-120));
  --odx-color-foreground-inverse: light-dark(var(--odx-palette-white), var(--odx-palette-coolgray-140));
  --odx-color-foreground-inverse-static: var(--odx-palette-white);
  --odx-color-foreground-rest: light-dark(var(--odx-palette-blue-80), var(--odx-palette-white));
  --odx-color-foreground-rest-static: var(--odx-palette-blue-80);
  --odx-color-foreground-subtle: light-dark(var(--odx-palette-blue-80-60), var(--odx-palette-white-60));
  --odx-color-foreground-success-rest: light-dark(var(--odx-palette-green-80), 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: light-dark(var(--odx-palette-coolgray-40), 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-control-hover: light-dark(var(--odx-palette-coolgray-80), var(--odx-palette-coolgray-60));
  --odx-color-stroke-control-invalid: light-dark(var(--odx-palette-red-60), var(--odx-palette-red-30));
  --odx-color-stroke-control-invalid-hover: light-dark(var(--odx-palette-red-30), var(--odx-palette-red-70));
  --odx-color-stroke-control-pressed: var(--odx-color-background-accent-rest);
  --odx-color-stroke-control-readonly: light-dark(var(--odx-palette-coolgray-30), var(--odx-palette-coolgray-90));
  --odx-color-stroke-control-rest: light-dark(var(--odx-palette-coolgray-30), var(--odx-palette-coolgray-90));
  --odx-color-stroke-control-selected: hsl(0 0% 0% / 0);
  --odx-color-stroke-danger-hover: light-dark(var(--odx-palette-red-70), var(--odx-palette-red-20));
  --odx-color-stroke-danger-rest: light-dark(var(--odx-palette-red-60), var(--odx-palette-red-30));
  --odx-color-stroke-disabled-rest: hsl(0 0% 0% / 0);
  --odx-color-stroke-focus-inner: light-dark(var(--odx-palette-white), var(--odx-palette-coolgray-130));
  --odx-color-stroke-focus-outer: light-dark(var(--odx-palette-cyan-70), var(--odx-palette-cyan-60));
  --odx-color-stroke-neutral-strong: light-dark(var(--odx-palette-coolgray-130), var(--odx-palette-coolgray-20));
  --odx-color-stroke-neutral-subtle: light-dark(var(--odx-palette-coolgray-20), var(--odx-palette-coolgray-110));
  --odx-color-stroke-primary-rest: light-dark(var(--odx-palette-blue-80), 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-control-addon-size-lg: var(--odx-size-200);
  --odx-control-addon-size-md: var(--odx-size-150);
  --odx-control-addon-size-sm: var(--odx-size-125);
  --odx-control-addon-size-xs: var(--odx-size-100);
  --odx-control-font-size-lg: 1.125rem;
  --odx-control-font-size-md: 1rem;
  --odx-control-font-size-sm: 0.875rem;
  --odx-control-height-lg: var(--odx-size-300);
  --odx-control-height-md: var(--odx-size-225);
  --odx-control-height-sm: var(--odx-size-200);
  --odx-control-spacing-inline-lg: var(--odx-control-spacing-lg);
  --odx-control-spacing-inline-md: var(--odx-control-spacing-md);
  --odx-control-spacing-inline-sm: var(--odx-control-spacing-md);
  --odx-control-spacing-lg: var(--odx-spacing-50);
  --odx-control-spacing-md: var(--odx-spacing-37);
  --odx-control-spacing-sm: var(--odx-spacing-25);
  --odx-control-width-lg: 168px;
  --odx-control-width-md: 96px;
  --odx-control-width-sm: 60px;
  --odx-elevation-backdrop-blur: 3px;
  --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-focus-ring-inner: inset 0 0 0 2px var(--odx-color-stroke-focus-inner);
  --odx-focus-ring-offset: -2px;
  --odx-focus-ring-offset-sm: -1px;
  --odx-focus-ring-outer: 2px solid var(--odx-color-stroke-focus-outer);
  --odx-layout-width-lg: 840px;
  --odx-layout-width-md: 480px;
  --odx-layout-width-sm: 240px;
  --odx-layout-width-xs: 216px;
  --odx-motion-duration-default: 275ms;
  --odx-motion-duration-fast: 150ms;
  --odx-motion-duration-slow: 375ms;
  --odx-motion-easing-default: cubic-bezier(0.4, 0, 0.2, 1);
  --odx-motion-easing-reduced: cubic-bezier(0, 0, 1, 1);
  --odx-motion-transition-default: var(--odx-motion-duration-default) 0ms var(--odx-motion-easing-default);
  --odx-motion-transition-reduced: var(--odx-motion-duration-fast) 0ms var(--odx-motion-easing-reduced);
  --odx-motion-transition-slow: var(--odx-motion-duration-slow) 0ms var(--odx-motion-easing-default);
  --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.000000000000002% 69%);
  --odx-palette-coolgray-60: hsl(208 13% 62%);
  --odx-palette-coolgray-70: hsl(208 12% 55.00000000000001%);
  --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.00000000000001%);
  --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.00000000000001%);
  --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.000000000000001% 84%);
  --odx-palette-sandgray-50: hsl(83 7.000000000000001% 78%);
  --odx-palette-sandgray-60: hsl(78 7.000000000000001% 73%);
  --odx-palette-sandgray-70: hsl(80 7.000000000000001% 67%);
  --odx-palette-sandgray-80: hsl(80 8% 61%);
  --odx-palette-sandgray-90: hsl(81 7.000000000000001% 51%);
  --odx-palette-sandgray-100: hsl(78 6% 41%);
  --odx-palette-sandgray-110: hsl(80 7.000000000000001% 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: 2px;
  --odx-size-25: 4px;
  --odx-size-37: 6px;
  --odx-size-50: 8px;
  --odx-size-75: 12px;
  --odx-size-100: 16px;
  --odx-size-125: 20px;
  --odx-size-150: 24px;
  --odx-size-175: 28px;
  --odx-size-200: 32px;
  --odx-size-225: 36px;
  --odx-size-250: 40px;
  --odx-size-300: 48px;
  --odx-size-350: 56px;
  --odx-size-400: 64px;
  --odx-size-450: 72px;
  --odx-size-500: 80px;
  --odx-size-600: 96px;
  --odx-size-700: 112px;
  --odx-size-800: 128px;
  --odx-size-900: 144px;
  --odx-size-1000: 160px;
  --odx-spacing-12: var(--odx-size-12);
  --odx-spacing-25: var(--odx-size-25);
  --odx-spacing-37: var(--odx-size-37);
  --odx-spacing-50: var(--odx-size-50);
  --odx-spacing-75: var(--odx-size-75);
  --odx-spacing-100: var(--odx-size-100);
  --odx-spacing-150: var(--odx-size-150);
  --odx-spacing-200: var(--odx-size-200);
  --odx-spacing-layout-lg: var(--odx-spacing-100);
  --odx-spacing-layout-md: var(--odx-spacing-75);
  --odx-spacing-layout-sm: var(--odx-spacing-37);
  --odx-spacing-negative-12: -2px;
  --odx-spacing-negative-25: -4px;
  --odx-spacing-negative-37: -6px;
  --odx-spacing-negative-50: -8px;
  --odx-spacing-negative-75: -12px;
  --odx-spacing-negative-100: -16px;
  --odx-spacing-negative-150: -24px;
  --odx-spacing-negative-200: -32px;
  --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;
  color-scheme: light dark;
}

.odx-eaa-compliant {
  --odx-color-background-accent-hover: var(--odx-palette-cyan-70);
  --odx-color-background-accent-pressed: var(--odx-palette-cyan-80);
  --odx-color-background-accent-rest: var(--odx-palette-cyan-60);
  --odx-color-background-accent-subtle: light-dark(var(--odx-palette-cyan-00), var(--odx-palette-cyan-90));
  --odx-color-background-control-selected: var(--odx-color-background-accent-rest);
  --odx-color-background-control-selected-hover: var(--odx-color-background-accent-hover);
  --odx-color-background-selection: light-dark(var(--odx-palette-cyan-30), var(--odx-palette-cyan-70));
  --odx-color-background-transparent-selected: light-dark(var(--odx-palette-cyan-60-15), var(--odx-palette-cyan-60-25));
  --odx-color-background-transparent-selected-hover: var(--odx-palette-cyan-60-20);
  --odx-color-chart-brand-cyan: var(--odx-palette-cyan-60);
  --odx-color-chart-brand-cyan-strong: light-dark(var(--odx-palette-cyan-80), var(--odx-palette-cyan-20));
  --odx-color-chart-brand-cyan-subtle: light-dark(var(--odx-palette-cyan-20), var(--odx-palette-cyan-80));
  --odx-color-foreground-accent-hover: light-dark(var(--odx-palette-cyan-70), var(--odx-palette-cyan-60));
  --odx-color-foreground-accent-pressed: light-dark(var(--odx-palette-cyan-80), var(--odx-palette-cyan-70));
  --odx-color-foreground-accent-rest: light-dark(var(--odx-palette-cyan-60), var(--odx-palette-cyan-50));
  --odx-color-foreground-disabled-on-brand: var(--odx-palette-cyan-90);
  --odx-color-stroke-control-pressed: var(--odx-color-background-accent-rest);
  --odx-color-stroke-focus-outer: light-dark(var(--odx-palette-cyan-70), var(--odx-palette-cyan-60));
  --odx-focus-ring-outer: 2px solid var(--odx-color-stroke-focus-outer);
  --odx-palette-cyan-30: hsl(201 100% 72%);
  --odx-palette-cyan-40: hsl(201 100% 57.99999999999999%);
  --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.000000000000004%);
  --odx-palette-cyan-90: hsl(205 100% 22%);
  --odx-palette-cyan-100: hsl(205 100% 15%);
}

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

.odx-light-mode {
  color-scheme: light;

  * {
    color-scheme: light;
  }
}

.odx-dark-mode {
  color-scheme: dark;

  * {
    color-scheme: dark;
  }
}