:root {
  --odx-border-radius-circle: 9999px;
  --odx-border-radius-lg: 6px;
  --odx-border-radius-md: 5px;
  --odx-border-radius-none: 0;
  --odx-border-radius-sm: 3px;
  --odx-border-radius-xl: 8px;
  --odx-border-width-none: 0;
  --odx-border-width-thick: 2px;
  --odx-border-width-thickest: 4px;
  --odx-border-width-thin: 1px;
  --odx-color-backdrop: light-dark(var(--odx-palette-white-60), var(--odx-palette-black-60));
  --odx-color-backdrop-inverse: light-dark(var(--odx-palette-blue-100-30), var(--odx-palette-black-60));
  --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-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-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-rest: var(--odx-palette-transparent);
  --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-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: #14dbc4;
  --odx-color-chart-additional-aqua-strong: light-dark(#09a593, #9af4e9);
  --odx-color-chart-additional-aqua-subtle: light-dark(#9af4e9, #09a593);
  --odx-color-chart-additional-berry: #ee1b81;
  --odx-color-chart-additional-berry-strong: light-dark(#cb0b68, #f0a8cc);
  --odx-color-chart-additional-berry-subtle: light-dark(#f0a8cc, #cb0b68);
  --odx-color-chart-additional-indigo: #6751e6;
  --odx-color-chart-additional-indigo-strong: light-dark(#523cd3, #a89ced);
  --odx-color-chart-additional-indigo-subtle: light-dark(#a89ced, #523cd3);
  --odx-color-chart-additional-ocean: #1cb6d9;
  --odx-color-chart-additional-ocean-strong: light-dark(#1c7e92, #9edbff);
  --odx-color-chart-additional-ocean-subtle: light-dark(#9edbff, #1c7e92);
  --odx-color-chart-additional-purple: #9032e2;
  --odx-color-chart-additional-purple-strong: light-dark(#761fc7, #c894f4);
  --odx-color-chart-additional-purple-subtle: light-dark(#c894f4, #761fc7);
  --odx-color-chart-additional-violet: #b117d3;
  --odx-color-chart-additional-violet-strong: light-dark(#980aae, #df8df2);
  --odx-color-chart-additional-violet-subtle: light-dark(#df8df2, #980aae);
  --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-corporate-blue: var(--odx-palette-blue-60);
  --odx-color-chart-corporate-blue-strong: light-dark(var(--odx-palette-blue-80), var(--odx-palette-blue-20));
  --odx-color-chart-corporate-blue-subtle: light-dark(var(--odx-palette-blue-20), var(--odx-palette-blue-80));
  --odx-color-chart-corporate-cyan: var(--odx-palette-cyan-60);
  --odx-color-chart-corporate-cyan-strong: light-dark(var(--odx-palette-cyan-80), var(--odx-palette-cyan-20));
  --odx-color-chart-corporate-cyan-subtle: light-dark(var(--odx-palette-cyan-20), var(--odx-palette-cyan-80));
  --odx-color-chart-corporate-gray: #888c91;
  --odx-color-chart-corporate-gray-strong: light-dark(#5a636d, #ccd1d6);
  --odx-color-chart-corporate-gray-subtle: light-dark(#ccd1d6, #5a636d);
  --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-rest: light-dark(var(--odx-palette-red-70), var(--odx-palette-red-30));
  --odx-color-foreground-disabled-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-rest-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-scrollbar: light-dark(var(--odx-palette-coolgray-40), var(--odx-palette-coolgray-100));
  --odx-color-special-callout: var(--odx-palette-orange-50);
  --odx-color-special-sustainability-dark: var(--odx-palette-green-90);
  --odx-color-special-sustainability-light: var(--odx-palette-green-70);
  --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: var(--odx-palette-transparent);
  --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-border-radius: var(--odx-border-radius-sm);
  --odx-control-border-width: var(--odx-border-width-thin);
  --odx-control-color-background-hover: light-dark(var(--odx-palette-coolgray-20), var(--odx-palette-coolgray-100));
  --odx-control-color-background-readonly: var(--odx-palette-transparent);
  --odx-control-color-background-rest: light-dark(var(--odx-palette-coolgray-10), var(--odx-palette-coolgray-110));
  --odx-control-color-background-selected: var(--odx-color-background-accent-rest);
  --odx-control-color-background-selected-hover: var(--odx-color-background-accent-hover);
  --odx-control-color-background-selected-readonly: var(--odx-palette-transparent);
  --odx-control-color-stroke-hover: light-dark(var(--odx-palette-coolgray-40), var(--odx-palette-coolgray-60));
  --odx-control-color-stroke-pressed: var(--odx-color-background-accent-rest);
  --odx-control-color-stroke-readonly: light-dark(var(--odx-palette-coolgray-30), var(--odx-palette-coolgray-90));
  --odx-control-color-stroke-rest: light-dark(var(--odx-palette-coolgray-30), var(--odx-palette-coolgray-90));
  --odx-control-color-stroke-selected: var(--odx-palette-transparent);
  --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: 72px;
  --odx-control-width-sm: 60px;
  --odx-elevation-blur: 2px;
  --odx-elevation-shadow-level-1: 0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;
  --odx-elevation-shadow-level-2: 0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;
  --odx-elevation-shadow-level-3: 0 25px 50px -12px #00000040;
  --odx-layout-spacing-lg: var(--odx-spacing-100);
  --odx-layout-spacing-md: var(--odx-spacing-75);
  --odx-layout-spacing-sm: var(--odx-spacing-37);
  --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-palette-black: #060b13;
  --odx-palette-black-60: #060b1399;
  --odx-palette-blue-00: #eef3fc;
  --odx-palette-blue-10: #d5e2f6;
  --odx-palette-blue-20: #a8c4f0;
  --odx-palette-blue-30: #79a5ec;
  --odx-palette-blue-40: #4786eb;
  --odx-palette-blue-50: #1f65d6;
  --odx-palette-blue-60: #0a51c2;
  --odx-palette-blue-70: #043c95;
  --odx-palette-blue-80: #002766;
  --odx-palette-blue-80-5: #0027660d;
  --odx-palette-blue-80-15: #0027661a;
  --odx-palette-blue-80-60: #002766a6;
  --odx-palette-blue-90: #001433;
  --odx-palette-blue-100: #000205;
  --odx-palette-blue-100-30: #0002054d;
  --odx-palette-coolgray-00: #f9fafb;
  --odx-palette-coolgray-10: #f0f2f5;
  --odx-palette-coolgray-20: #e1e5ea;
  --odx-palette-coolgray-30: #cdd3db;
  --odx-palette-coolgray-40: #b9c1cb;
  --odx-palette-coolgray-50: #a5b0bb;
  --odx-palette-coolgray-60: #929fab;
  --odx-palette-coolgray-70: #7e8d9a;
  --odx-palette-coolgray-80: #6b7985;
  --odx-palette-coolgray-90: #5a646d;
  --odx-palette-coolgray-100: #42515c;
  --odx-palette-coolgray-110: #394551;
  --odx-palette-coolgray-120: #303c46;
  --odx-palette-coolgray-130: #29333d;
  --odx-palette-coolgray-140: #212931;
  --odx-palette-coolgray-150: #12171c;
  --odx-palette-cyan-00: #edf6fd;
  --odx-palette-cyan-10: #d8effd;
  --odx-palette-cyan-10-5: #d8effd0d;
  --odx-palette-cyan-10-15: #d6f1ff26;
  --odx-palette-cyan-20: #ade2ff;
  --odx-palette-cyan-30: #7ad1ff;
  --odx-palette-cyan-40: #4dc1ff;
  --odx-palette-cyan-50: #1aafff;
  --odx-palette-cyan-60: #008ff5;
  --odx-palette-cyan-60-15: #008ff526;
  --odx-palette-cyan-60-20: #008ff533;
  --odx-palette-cyan-60-25: #008ff540;
  --odx-palette-cyan-70: #0077cc;
  --odx-palette-cyan-80: #0065ad;
  --odx-palette-cyan-90: #00508a;
  --odx-palette-cyan-100: #003c66;
  --odx-palette-green-00: #d1ffdf;
  --odx-palette-green-10: #b8ffc7;
  --odx-palette-green-20: #94ffab;
  --odx-palette-green-30: #6bff8b;
  --odx-palette-green-40: #38ff63;
  --odx-palette-green-50: #0bf43e;
  --odx-palette-green-60: #00db30;
  --odx-palette-green-70: #00c72b;
  --odx-palette-green-80: #00a824;
  --odx-palette-green-90: #00851d;
  --odx-palette-green-100: #003d0d;
  --odx-palette-orange-00: #fff5eb;
  --odx-palette-orange-10: #ffefd6;
  --odx-palette-orange-20: #ffdca8;
  --odx-palette-orange-30: #ffca7a;
  --odx-palette-orange-40: #ffa114;
  --odx-palette-orange-50: #ff8f1f;
  --odx-palette-orange-60: #f57a00;
  --odx-palette-orange-70: #cc6600;
  --odx-palette-orange-80: #a35200;
  --odx-palette-orange-90: #7a3d00;
  --odx-palette-orange-100: #522900;
  --odx-palette-red-00: #ffebed;
  --odx-palette-red-10: #ffd6d6;
  --odx-palette-red-20: #ffadad;
  --odx-palette-red-30: #ff7a7a;
  --odx-palette-red-40: #ff5c5c;
  --odx-palette-red-50: #ff3333;
  --odx-palette-red-60: #eb0000;
  --odx-palette-red-70: #d90202;
  --odx-palette-red-80: #bd0000;
  --odx-palette-red-90: #990000;
  --odx-palette-red-100: #3d0000;
  --odx-palette-sandgray-00: #fafbf9;
  --odx-palette-sandgray-10: #f5f7f3;
  --odx-palette-sandgray-20: #ebeee8;
  --odx-palette-sandgray-30: #dee1db;
  --odx-palette-sandgray-40: #d7d9d3;
  --odx-palette-sandgray-50: #c8cbc3;
  --odx-palette-sandgray-60: #bcbfb5;
  --odx-palette-sandgray-70: #adb1a5;
  --odx-palette-sandgray-80: #9ea494;
  --odx-palette-sandgray-90: #858b79;
  --odx-palette-sandgray-100: #6b6f62;
  --odx-palette-sandgray-110: #5e6255;
  --odx-palette-sandgray-120: #51544a;
  --odx-palette-sandgray-130: #44463e;
  --odx-palette-sandgray-140: #3c3e37;
  --odx-palette-sandgray-150: #2a2b26;
  --odx-palette-transparent: #ffffff00;
  --odx-palette-white: #ffffff;
  --odx-palette-white-05: #ffffff0d;
  --odx-palette-white-60: #ffffff99;
  --odx-palette-yellow-00: #fffad6;
  --odx-palette-yellow-10: #fff7b8;
  --odx-palette-yellow-20: #fff49e;
  --odx-palette-yellow-30: #ffee80;
  --odx-palette-yellow-40: #ffea47;
  --odx-palette-yellow-50: #ffe100;
  --odx-palette-yellow-60: #e6cb00;
  --odx-palette-yellow-70: #bda700;
  --odx-palette-yellow-80: #998700;
  --odx-palette-yellow-90: #7a6c00;
  --odx-palette-yellow-100: #3d3600;
  --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-250: var(--odx-size-250);
  --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-transition-default: var(--odx-motion-duration-default) 0ms var(--odx-motion-easing-default);
  --odx-transition-reduced: var(--odx-motion-duration-fast) 0ms var(--odx-motion-easing-reduced);
  --odx-transition-slow: var(--odx-motion-duration-slow) 0ms var(--odx-motion-easing-default);
  --odx-typography-font-family-base: Draeger Pangea Text;
  --odx-typography-font-family-brand: Draeger Pangea Text;
  --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.5rem;
  --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.688rem;
  --odx-typography-line-height-display-sm: 3.063rem;
  --odx-typography-line-height-display-xl: 5rem;
  --odx-typography-line-height-heading-lg: 1.938rem;
  --odx-typography-line-height-heading-md: 1.625rem;
  --odx-typography-line-height-heading-sm: 1.375rem;
  --odx-typography-line-height-heading-xl: 2.438rem;
  --odx-typography-line-height-heading-xs: 1.25rem;
  --odx-typography-line-height-heading-xxl: 3.063rem;
  --odx-typography-line-height-text-lg: 1.5rem;
  --odx-typography-line-height-text-md: 1.375rem;
  --odx-typography-line-height-text-sm: 1.25rem;
  --odx-typography-line-height-text-xs: 1rem;
}

:root {
  --odx-focus-ring-outer: var(--odx-border-width-thick) solid var(--odx-color-stroke-focus-outer);
  --odx-focus-ring-inner: 0 0 0 calc(-1 * var(--odx-focus-ring-offset)) var(--odx-color-stroke-focus-inner) inset;
  --odx-focus-ring-offset: calc(-1 * var(--odx-border-width-thick));
  --odx-focus-ring-offset-sm: calc(-1 * var(--odx-border-width-thin));
  --odx-z-level-background: -1;
  --odx-z-level-base: 0;
  --odx-z-level-foreground: 1;
  --odx-z-level-interactive: 5;
  --odx-z-level-sticky: 10;
  --odx-z-level-sticky-foreground: 15;
  --odx-z-level-overlay: 100;
  --odx-z-level-topmost: 9999;

  color-scheme: light dark;
}

.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;
}

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