/* Generated by @moo/ods-tokens from tokens.json. Do not edit. */

:root, [data-ods] {
  --ods-motion-reduced: 0;
  --ods-palette-white: #ffffff;
  --ods-palette-paper: #fff3e0;
  --ods-palette-oat: #f0dfc8;
  --ods-palette-yolk: #ffc21a;
  --ods-palette-tomato: #ef4b32;
  --ods-palette-tomato-ink: #a3301e;
  --ods-palette-leaf: #1f5c45;
  --ods-palette-leaf-tint: #d9eedc;
  --ods-palette-ink: #1a1a1a;
  --ods-palette-ink-2: #5e5a52;
  --ods-palette-ink-3: #6b675f;
  --ods-palette-amber-ink: #5c4300;
  --ods-palette-studio: #4361ee;
  --ods-palette-studio-hover: #3651d4;
  --ods-palette-studio-press: #2c45bf;
  --ods-palette-pink: #f7a8c4;
  --ods-palette-coral: #ff8a65;
  --ods-palette-mint: #8fcba4;
  --ods-palette-cocoa: #7a4b32;
  --ods-color-ground: var(--ods-palette-white);
  --ods-color-grid-line: rgba(67, 97, 238, 0.09);
  --ods-color-surface: var(--ods-palette-white);
  --ods-color-surface-warm: var(--ods-palette-paper);
  --ods-color-surface-quiet: var(--ods-palette-oat);
  --ods-color-text: var(--ods-palette-ink);
  --ods-color-text-2: var(--ods-palette-ink-2);
  --ods-color-text-3: var(--ods-palette-ink-3);
  --ods-color-text-on-action: var(--ods-palette-white);
  --ods-color-text-on-danger: var(--ods-palette-white);
  --ods-color-action: var(--ods-palette-studio);
  --ods-color-action-hover: var(--ods-palette-studio-hover);
  --ods-color-action-press: var(--ods-palette-studio-press);
  --ods-color-focus: var(--ods-palette-studio);
  --ods-color-focus-offset: var(--ods-palette-white);
  --ods-color-select: var(--ods-palette-ink);
  --ods-color-nav-select: rgba(255, 194, 26, 0.4);
  --ods-color-highlight: var(--ods-palette-yolk);
  --ods-color-highlight-tint: rgba(255, 194, 26, 0.32);
  --ods-color-positive: var(--ods-palette-leaf);
  --ods-color-positive-tint: rgba(31, 92, 69, 0.12);
  --ods-color-pending: var(--ods-palette-amber-ink);
  --ods-color-pending-tint: rgba(255, 194, 26, 0.32);
  --ods-color-negative: var(--ods-palette-tomato-ink);
  --ods-color-negative-tint: rgba(239, 75, 50, 0.12);
  --ods-color-negative-edge: var(--ods-palette-tomato);
  --ods-color-warning-tint: rgba(255, 194, 26, 0.22);
  --ods-color-neutral-tint: rgba(26, 26, 26, 0.06);
  --ods-color-track: rgba(26, 26, 26, 0.08);
  --ods-color-hairline: rgba(26, 26, 26, 0.08);
  --ods-color-control-edge: rgba(26, 26, 26, 0.5);
  --ods-color-scrim: rgba(26, 26, 26, 0.32);
  --ods-color-on-leaf: var(--ods-palette-white);
  --ods-color-on-leaf-2: var(--ods-palette-leaf-tint);
  --ods-color-god: rgba(31, 92, 69, 0.9);
  --ods-color-god-text: var(--ods-palette-white);
  --ods-color-god-text-2: var(--ods-palette-leaf-tint);
  --ods-color-chrome: rgba(255, 255, 255, 0.64);
  --ods-color-chrome-text: var(--ods-palette-ink);
  --ods-persona-oats: var(--ods-palette-yolk);
  --ods-persona-chia: var(--ods-palette-pink);
  --ods-persona-protein: var(--ods-palette-tomato);
  --ods-persona-latte: var(--ods-palette-coral);
  --ods-persona-chocolate: var(--ods-palette-cocoa);
  --ods-persona-fruits: var(--ods-palette-mint);
  --ods-persona-line: var(--ods-palette-ink);
  --ods-persona-light: var(--ods-palette-white);
  --ods-font-display: 'Bebas Neue', Impact, 'Arial Narrow', sans-serif;
  --ods-font-body: 'Hanken Grotesk', 'Noto Sans', 'Noto Sans Devanagari', 'Noto Sans Kannada', 'Noto Sans Tamil', 'Noto Sans Telugu', 'Noto Sans Bengali', system-ui, sans-serif;
  --ods-font-mono: 'JetBrains Mono', 'Noto Sans Mono', ui-monospace, monospace;
  --ods-type-display-xl-family: var(--ods-font-display);
  --ods-type-display-xl-size: 72px;
  --ods-type-display-xl-line: 0.9;
  --ods-type-display-xl-tracking: 0.01em;
  --ods-type-display-xl-weight: 400;
  --ods-type-display-l-family: var(--ods-font-display);
  --ods-type-display-l-size: 44px;
  --ods-type-display-l-line: 0.92;
  --ods-type-display-l-tracking: 0.01em;
  --ods-type-display-l-weight: 400;
  --ods-type-display-m-family: var(--ods-font-display);
  --ods-type-display-m-size: 28px;
  --ods-type-display-m-line: 0.95;
  --ods-type-display-m-tracking: 0.02em;
  --ods-type-display-m-weight: 400;
  --ods-type-display-s-family: var(--ods-font-display);
  --ods-type-display-s-size: 22px;
  --ods-type-display-s-line: 1;
  --ods-type-display-s-tracking: 0.03em;
  --ods-type-display-s-weight: 400;
  --ods-type-title-family: var(--ods-font-body);
  --ods-type-title-size: 17px;
  --ods-type-title-line: 1.3;
  --ods-type-title-tracking: 0em;
  --ods-type-title-weight: 600;
  --ods-type-body-family: var(--ods-font-body);
  --ods-type-body-size: var(--ods-density-body);
  --ods-type-body-line: 1.5;
  --ods-type-body-tracking: 0em;
  --ods-type-body-weight: 400;
  --ods-type-body-strong-family: var(--ods-font-body);
  --ods-type-body-strong-size: var(--ods-density-body);
  --ods-type-body-strong-line: 1.5;
  --ods-type-body-strong-tracking: 0em;
  --ods-type-body-strong-weight: 600;
  --ods-type-callout-family: var(--ods-font-body);
  --ods-type-callout-size: 14px;
  --ods-type-callout-line: 1.4;
  --ods-type-callout-tracking: 0em;
  --ods-type-callout-weight: 400;
  --ods-type-caption-family: var(--ods-font-body);
  --ods-type-caption-size: 13px;
  --ods-type-caption-line: 1.35;
  --ods-type-caption-tracking: 0em;
  --ods-type-caption-weight: 500;
  --ods-type-label-family: var(--ods-font-body);
  --ods-type-label-size: 12px;
  --ods-type-label-line: 1;
  --ods-type-label-tracking: 0em;
  --ods-type-label-weight: 600;
  --ods-type-eyebrow-family: var(--ods-font-mono);
  --ods-type-eyebrow-size: 12px;
  --ods-type-eyebrow-line: 1;
  --ods-type-eyebrow-tracking: 0.06em;
  --ods-type-eyebrow-weight: 500;
  --ods-type-money-xl-family: var(--ods-font-mono);
  --ods-type-money-xl-size: 34px;
  --ods-type-money-xl-line: 1;
  --ods-type-money-xl-tracking: -0.02em;
  --ods-type-money-xl-weight: 700;
  --ods-type-money-l-family: var(--ods-font-mono);
  --ods-type-money-l-size: 20px;
  --ods-type-money-l-line: 1.2;
  --ods-type-money-l-tracking: 0em;
  --ods-type-money-l-weight: 700;
  --ods-type-money-family: var(--ods-font-mono);
  --ods-type-money-size: 15px;
  --ods-type-money-line: 1.4;
  --ods-type-money-tracking: 0em;
  --ods-type-money-weight: 500;
  --ods-type-code-xl-family: var(--ods-font-mono);
  --ods-type-code-xl-size: 64px;
  --ods-type-code-xl-line: 1;
  --ods-type-code-xl-tracking: 0.02em;
  --ods-type-code-xl-weight: 700;
  --ods-type-code-family: var(--ods-font-mono);
  --ods-type-code-size: 13px;
  --ods-type-code-line: 1.4;
  --ods-type-code-tracking: 0em;
  --ods-type-code-weight: 500;
  --ods-space-0: 0px;
  --ods-space-2: 2px;
  --ods-space-4: 4px;
  --ods-space-8: 8px;
  --ods-space-12: 12px;
  --ods-space-16: 16px;
  --ods-space-20: 20px;
  --ods-space-24: 24px;
  --ods-space-32: 32px;
  --ods-space-40: 40px;
  --ods-space-48: 48px;
  --ods-space-64: 64px;
  --ods-layout-grid: 32px;
  --ods-layout-grid-line-width: 1px;
  --ods-layout-gutter-compact: 16px;
  --ods-layout-gutter-medium: 24px;
  --ods-layout-gutter-expanded: 32px;
  --ods-layout-stack-gap: 12px;
  --ods-layout-section-gap: 24px;
  --ods-layout-column-eater: 800px;
  --ods-layout-column-eater-medium: 560px;
  --ods-layout-main-admin: 1200px;
  --ods-layout-rail-collapsed: 72px;
  --ods-layout-rail-expanded: 240px;
  --ods-layout-hit: 44px;
  --ods-radius-xs: 6px;
  --ods-radius-s: 10px;
  --ods-radius-m: 14px;
  --ods-radius-l: 20px;
  --ods-radius-xl: 28px;
  --ods-radius-pill: 999px;
  --ods-glass-1-fill: rgba(255, 255, 255, 0.64);
  --ods-glass-1-blur: 24px;
  --ods-glass-1-saturate: 180%;
  --ods-glass-1-edge: var(--ods-color-hairline);
  --ods-glass-1-highlight: rgba(255, 255, 255, 0.9);
  --ods-glass-1-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.9), 0px 1px 2px 0px rgba(26, 26, 26, 0.05), 0px 12px 36px 0px rgba(26, 26, 26, 0.07);
  --ods-glass-1-fallback: rgba(255, 255, 255, 0.96);
  --ods-glass-2-fill: rgba(255, 255, 255, 0.82);
  --ods-glass-2-blur: 28px;
  --ods-glass-2-saturate: 180%;
  --ods-glass-2-edge: rgba(255, 255, 255, 0.7);
  --ods-glass-2-highlight: rgba(255, 255, 255, 0.9);
  --ods-glass-2-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.9), 0px 16px 40px 0px rgba(26, 26, 26, 0.14);
  --ods-glass-2-fallback: rgba(255, 255, 255, 0.98);
  --ods-glass-3-fill: rgba(255, 255, 255, 0.94);
  --ods-glass-3-blur: 16px;
  --ods-glass-3-saturate: 100%;
  --ods-glass-3-edge: var(--ods-color-hairline);
  --ods-glass-3-highlight: rgba(255, 255, 255, 0);
  --ods-glass-3-shadow: 0px 0px 0px 0px rgba(26, 26, 26, 0);
  --ods-glass-3-fallback: var(--ods-palette-white);
  --ods-glass-scrim-fill: var(--ods-color-scrim);
  --ods-glass-scrim-blur: 4px;
  --ods-glass-god-fill: var(--ods-color-god);
  --ods-glass-god-blur: 24px;
  --ods-glass-god-edge: rgba(255, 255, 255, 0.16);
  --ods-glass-god-shadow: 0px 12px 36px 0px rgba(31, 92, 69, 0.22);
  --ods-glass-god-fallback: var(--ods-palette-leaf);
  --ods-shadow-action: 0px 6px 18px 0px rgba(67, 97, 238, 0.24);
  --ods-focus-width: 2px;
  --ods-focus-offset: 2px;
  --ods-motion-duration-instant: 0ms;
  --ods-motion-duration-fast: 120ms;
  --ods-motion-duration-base: 200ms;
  --ods-motion-duration-slow: 320ms;
  --ods-motion-duration-slow-exit: 200ms;
  --ods-motion-duration-moment: 600ms;
  --ods-motion-duration-stagger: 60ms;
  --ods-motion-duration-spinner: 800ms;
  --ods-motion-duration-shimmer: 1400ms;
  --ods-motion-duration-bob: 3200ms;
  --ods-motion-duration-pulse: 1800ms;
  --ods-motion-duration-zoom: 14000ms;
  --ods-motion-easing-out: cubic-bezier(0, 0, 0.58, 1);
  --ods-motion-easing-standard: cubic-bezier(0.2, 0.8, 0.2, 1);
  --ods-motion-easing-exit: cubic-bezier(0.4, 0, 1, 1);
  --ods-motion-easing-in-out: cubic-bezier(0.42, 0, 0.58, 1);
  --ods-motion-scale-press: 0.98;
  --ods-motion-scale-dialog-from: 0.96;
  --ods-density-body: 16px;
  --ods-density-control: 48px;
  --ods-density-row-single: 56px;
  --ods-density-row-double: 72px;
  --ods-density-card-padding: 16px;
  --ods-density-cell-y: 12px;
  --ods-density-cell-x: 12px;
  --ods-breakpoint-medium: 600px;
  --ods-breakpoint-dialog: 768px;
  --ods-breakpoint-expanded: 1024px;
  --ods-breakpoint-wide: 1440px;
  --ods-persona-size-s: 40px;
  --ods-persona-size-m: 64px;
  --ods-persona-size-l: 120px;
  --ods-icon-size-inline: 16px;
  --ods-icon-size-row: 20px;
  --ods-icon-size-nav: 24px;
}

[data-god="true"] {
  --ods-color-chrome: var(--ods-color-god);
  --ods-color-chrome-text: var(--ods-color-god-text);
}

[data-product="admin"] {
  --ods-type-display-l-size: clamp(40px, 5vw, 60px);
  --ods-type-display-l-line: 0.95;
  --ods-type-money-size: 14px;
  --ods-layout-stack-gap: 16px;
  --ods-layout-section-gap: 32px;
}

[data-density="standard"] {
  --ods-density-body: 15px;
  --ods-density-control: 44px;
  --ods-density-row-single: 48px;
  --ods-density-row-double: 64px;
  --ods-density-card-padding: 20px;
}

[data-density="compact"] {
  --ods-density-body: 14px;
  --ods-density-control: 36px;
  --ods-density-row-single: 40px;
  --ods-density-row-double: 52px;
  --ods-density-card-padding: 20px;
  --ods-density-cell-y: 8px;
  --ods-density-cell-x: 10px;
}

@media (prefers-reduced-motion: reduce) {
  :root, [data-ods] {
    --ods-motion-duration-base: var(--ods-motion-duration-fast);
    --ods-motion-duration-slow: var(--ods-motion-duration-fast);
    --ods-motion-duration-slow-exit: var(--ods-motion-duration-fast);
    --ods-motion-duration-moment: var(--ods-motion-duration-fast);
    --ods-motion-duration-stagger: 0ms;
    --ods-motion-duration-bob: 0ms;
    --ods-motion-duration-pulse: 0ms;
    --ods-motion-duration-zoom: 0ms;
    --ods-motion-duration-shimmer: 0ms;
    --ods-motion-scale-press: 1;
    --ods-motion-scale-dialog-from: 1;
    --ods-motion-reduced: 1;
  }
}

/* Tailwind v4: `@import "tailwindcss"; @import "@moo/ods-tokens/ods.css";` — browsers without Tailwind ignore this block. */

@theme inline {
  --color-*: initial;
  --font-*: initial;
  --text-*: initial;
  --radius-*: initial;
  --shadow-*: initial;
  --breakpoint-*: initial;
  --ease-*: initial;
  --spacing: 4px;
  --color-ground: var(--ods-color-ground);
  --color-grid-line: var(--ods-color-grid-line);
  --color-surface: var(--ods-color-surface);
  --color-surface-warm: var(--ods-color-surface-warm);
  --color-surface-quiet: var(--ods-color-surface-quiet);
  --color-text: var(--ods-color-text);
  --color-text-2: var(--ods-color-text-2);
  --color-text-3: var(--ods-color-text-3);
  --color-text-on-action: var(--ods-color-text-on-action);
  --color-text-on-danger: var(--ods-color-text-on-danger);
  --color-action: var(--ods-color-action);
  --color-action-hover: var(--ods-color-action-hover);
  --color-action-press: var(--ods-color-action-press);
  --color-focus: var(--ods-color-focus);
  --color-focus-offset: var(--ods-color-focus-offset);
  --color-select: var(--ods-color-select);
  --color-nav-select: var(--ods-color-nav-select);
  --color-highlight: var(--ods-color-highlight);
  --color-highlight-tint: var(--ods-color-highlight-tint);
  --color-positive: var(--ods-color-positive);
  --color-positive-tint: var(--ods-color-positive-tint);
  --color-pending: var(--ods-color-pending);
  --color-pending-tint: var(--ods-color-pending-tint);
  --color-negative: var(--ods-color-negative);
  --color-negative-tint: var(--ods-color-negative-tint);
  --color-negative-edge: var(--ods-color-negative-edge);
  --color-warning-tint: var(--ods-color-warning-tint);
  --color-neutral-tint: var(--ods-color-neutral-tint);
  --color-track: var(--ods-color-track);
  --color-hairline: var(--ods-color-hairline);
  --color-control-edge: var(--ods-color-control-edge);
  --color-scrim: var(--ods-color-scrim);
  --color-on-leaf: var(--ods-color-on-leaf);
  --color-on-leaf-2: var(--ods-color-on-leaf-2);
  --color-god: var(--ods-color-god);
  --color-god-text: var(--ods-color-god-text);
  --color-god-text-2: var(--ods-color-god-text-2);
  --color-chrome: var(--ods-color-chrome);
  --color-chrome-text: var(--ods-color-chrome-text);
  --font-display: var(--ods-font-display);
  --font-body: var(--ods-font-body);
  --font-mono: var(--ods-font-mono);
  --text-display-xl: var(--ods-type-display-xl-size);
  --text-display-xl--line-height: var(--ods-type-display-xl-line);
  --text-display-xl--letter-spacing: var(--ods-type-display-xl-tracking);
  --text-display-xl--font-weight: var(--ods-type-display-xl-weight);
  --text-display-l: var(--ods-type-display-l-size);
  --text-display-l--line-height: var(--ods-type-display-l-line);
  --text-display-l--letter-spacing: var(--ods-type-display-l-tracking);
  --text-display-l--font-weight: var(--ods-type-display-l-weight);
  --text-display-m: var(--ods-type-display-m-size);
  --text-display-m--line-height: var(--ods-type-display-m-line);
  --text-display-m--letter-spacing: var(--ods-type-display-m-tracking);
  --text-display-m--font-weight: var(--ods-type-display-m-weight);
  --text-display-s: var(--ods-type-display-s-size);
  --text-display-s--line-height: var(--ods-type-display-s-line);
  --text-display-s--letter-spacing: var(--ods-type-display-s-tracking);
  --text-display-s--font-weight: var(--ods-type-display-s-weight);
  --text-title: var(--ods-type-title-size);
  --text-title--line-height: var(--ods-type-title-line);
  --text-title--letter-spacing: var(--ods-type-title-tracking);
  --text-title--font-weight: var(--ods-type-title-weight);
  --text-body: var(--ods-type-body-size);
  --text-body--line-height: var(--ods-type-body-line);
  --text-body--letter-spacing: var(--ods-type-body-tracking);
  --text-body--font-weight: var(--ods-type-body-weight);
  --text-body-strong: var(--ods-type-body-strong-size);
  --text-body-strong--line-height: var(--ods-type-body-strong-line);
  --text-body-strong--letter-spacing: var(--ods-type-body-strong-tracking);
  --text-body-strong--font-weight: var(--ods-type-body-strong-weight);
  --text-callout: var(--ods-type-callout-size);
  --text-callout--line-height: var(--ods-type-callout-line);
  --text-callout--letter-spacing: var(--ods-type-callout-tracking);
  --text-callout--font-weight: var(--ods-type-callout-weight);
  --text-caption: var(--ods-type-caption-size);
  --text-caption--line-height: var(--ods-type-caption-line);
  --text-caption--letter-spacing: var(--ods-type-caption-tracking);
  --text-caption--font-weight: var(--ods-type-caption-weight);
  --text-label: var(--ods-type-label-size);
  --text-label--line-height: var(--ods-type-label-line);
  --text-label--letter-spacing: var(--ods-type-label-tracking);
  --text-label--font-weight: var(--ods-type-label-weight);
  --text-eyebrow: var(--ods-type-eyebrow-size);
  --text-eyebrow--line-height: var(--ods-type-eyebrow-line);
  --text-eyebrow--letter-spacing: var(--ods-type-eyebrow-tracking);
  --text-eyebrow--font-weight: var(--ods-type-eyebrow-weight);
  --text-money-xl: var(--ods-type-money-xl-size);
  --text-money-xl--line-height: var(--ods-type-money-xl-line);
  --text-money-xl--letter-spacing: var(--ods-type-money-xl-tracking);
  --text-money-xl--font-weight: var(--ods-type-money-xl-weight);
  --text-money-l: var(--ods-type-money-l-size);
  --text-money-l--line-height: var(--ods-type-money-l-line);
  --text-money-l--letter-spacing: var(--ods-type-money-l-tracking);
  --text-money-l--font-weight: var(--ods-type-money-l-weight);
  --text-money: var(--ods-type-money-size);
  --text-money--line-height: var(--ods-type-money-line);
  --text-money--letter-spacing: var(--ods-type-money-tracking);
  --text-money--font-weight: var(--ods-type-money-weight);
  --text-code-xl: var(--ods-type-code-xl-size);
  --text-code-xl--line-height: var(--ods-type-code-xl-line);
  --text-code-xl--letter-spacing: var(--ods-type-code-xl-tracking);
  --text-code-xl--font-weight: var(--ods-type-code-xl-weight);
  --text-code: var(--ods-type-code-size);
  --text-code--line-height: var(--ods-type-code-line);
  --text-code--letter-spacing: var(--ods-type-code-tracking);
  --text-code--font-weight: var(--ods-type-code-weight);
  --radius-xs: var(--ods-radius-xs);
  --radius-s: var(--ods-radius-s);
  --radius-m: var(--ods-radius-m);
  --radius-l: var(--ods-radius-l);
  --radius-xl: var(--ods-radius-xl);
  --radius-pill: var(--ods-radius-pill);
  --shadow-glass-1: var(--ods-glass-1-shadow);
  --shadow-glass-2: var(--ods-glass-2-shadow);
  --shadow-glass-3: var(--ods-glass-3-shadow);
  --shadow-glass-god: var(--ods-glass-god-shadow);
  --shadow-action: var(--ods-shadow-action);
  --ease-out: var(--ods-motion-easing-out);
  --ease-standard: var(--ods-motion-easing-standard);
  --ease-exit: var(--ods-motion-easing-exit);
  --ease-in-out: var(--ods-motion-easing-in-out);
  --breakpoint-medium: 600px;
  --breakpoint-expanded: 1024px;
  --breakpoint-wide: 1440px;
}

/* The checked grid: white ground, a faint studio-blue line every 32px. A tablecloth, not a layout grid. */
.ods-ground {
  background-color: var(--ods-color-ground);
  background-image:
    linear-gradient(var(--ods-color-grid-line) var(--ods-layout-grid-line-width), transparent var(--ods-layout-grid-line-width)),
    linear-gradient(90deg, var(--ods-color-grid-line) var(--ods-layout-grid-line-width), transparent var(--ods-layout-grid-line-width));
  background-size: var(--ods-layout-grid) var(--ods-layout-grid);
}
.ods-glass-1 {
  background-color: var(--ods-glass-1-fill);
  -webkit-backdrop-filter: blur(var(--ods-glass-1-blur)) saturate(var(--ods-glass-1-saturate));
  backdrop-filter: blur(var(--ods-glass-1-blur)) saturate(var(--ods-glass-1-saturate));
  border: 1px solid var(--ods-glass-1-edge);
  box-shadow: var(--ods-glass-1-shadow);
}
.ods-glass-2 {
  background-color: var(--ods-glass-2-fill);
  -webkit-backdrop-filter: blur(var(--ods-glass-2-blur)) saturate(var(--ods-glass-2-saturate));
  backdrop-filter: blur(var(--ods-glass-2-blur)) saturate(var(--ods-glass-2-saturate));
  border: 1px solid var(--ods-glass-2-edge);
  box-shadow: var(--ods-glass-2-shadow);
}
.ods-glass-3 {
  background-color: var(--ods-glass-3-fill);
  -webkit-backdrop-filter: blur(var(--ods-glass-3-blur)) saturate(var(--ods-glass-3-saturate));
  backdrop-filter: blur(var(--ods-glass-3-blur)) saturate(var(--ods-glass-3-saturate));
  border: 1px solid var(--ods-glass-3-edge);
  box-shadow: var(--ods-glass-3-shadow);
}
.ods-scrim {
  background-color: var(--ods-glass-scrim-fill);
  -webkit-backdrop-filter: blur(var(--ods-glass-scrim-blur));
  backdrop-filter: blur(var(--ods-glass-scrim-blur));
}
.ods-god {
  background-color: var(--ods-glass-god-fill);
  color: var(--ods-color-god-text);
  -webkit-backdrop-filter: blur(var(--ods-glass-god-blur));
  backdrop-filter: blur(var(--ods-glass-god-blur));
  border: 1px solid var(--ods-glass-god-edge);
  box-shadow: var(--ods-glass-god-shadow);
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .ods-glass-1 { background-color: var(--ods-glass-1-fallback); }
  .ods-glass-2 { background-color: var(--ods-glass-2-fallback); }
  .ods-glass-3 { background-color: var(--ods-glass-3-fallback); }
  .ods-god { background-color: var(--ods-glass-god-fallback); }
}
@media (prefers-reduced-transparency: reduce) {
  .ods-glass-1, .ods-glass-2, .ods-glass-3, .ods-god, .ods-scrim {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
  .ods-glass-1 { background-color: var(--ods-glass-1-fallback); }
  .ods-glass-2 { background-color: var(--ods-glass-2-fallback); }
  .ods-glass-3 { background-color: var(--ods-glass-3-fallback); }
  .ods-god { background-color: var(--ods-glass-god-fallback); }
}
.ods-type-display-xl {
  font-family: var(--ods-type-display-xl-family);
  font-size: var(--ods-type-display-xl-size);
  line-height: var(--ods-type-display-xl-line);
  letter-spacing: var(--ods-type-display-xl-tracking);
  font-weight: var(--ods-type-display-xl-weight);
}
.ods-type-display-l {
  font-family: var(--ods-type-display-l-family);
  font-size: var(--ods-type-display-l-size);
  line-height: var(--ods-type-display-l-line);
  letter-spacing: var(--ods-type-display-l-tracking);
  font-weight: var(--ods-type-display-l-weight);
}
.ods-type-display-m {
  font-family: var(--ods-type-display-m-family);
  font-size: var(--ods-type-display-m-size);
  line-height: var(--ods-type-display-m-line);
  letter-spacing: var(--ods-type-display-m-tracking);
  font-weight: var(--ods-type-display-m-weight);
}
.ods-type-display-s {
  font-family: var(--ods-type-display-s-family);
  font-size: var(--ods-type-display-s-size);
  line-height: var(--ods-type-display-s-line);
  letter-spacing: var(--ods-type-display-s-tracking);
  font-weight: var(--ods-type-display-s-weight);
}
.ods-type-title {
  font-family: var(--ods-type-title-family);
  font-size: var(--ods-type-title-size);
  line-height: var(--ods-type-title-line);
  letter-spacing: var(--ods-type-title-tracking);
  font-weight: var(--ods-type-title-weight);
}
.ods-type-body {
  font-family: var(--ods-type-body-family);
  font-size: var(--ods-type-body-size);
  line-height: var(--ods-type-body-line);
  letter-spacing: var(--ods-type-body-tracking);
  font-weight: var(--ods-type-body-weight);
}
.ods-type-body-strong {
  font-family: var(--ods-type-body-strong-family);
  font-size: var(--ods-type-body-strong-size);
  line-height: var(--ods-type-body-strong-line);
  letter-spacing: var(--ods-type-body-strong-tracking);
  font-weight: var(--ods-type-body-strong-weight);
}
.ods-type-callout {
  font-family: var(--ods-type-callout-family);
  font-size: var(--ods-type-callout-size);
  line-height: var(--ods-type-callout-line);
  letter-spacing: var(--ods-type-callout-tracking);
  font-weight: var(--ods-type-callout-weight);
}
.ods-type-caption {
  font-family: var(--ods-type-caption-family);
  font-size: var(--ods-type-caption-size);
  line-height: var(--ods-type-caption-line);
  letter-spacing: var(--ods-type-caption-tracking);
  font-weight: var(--ods-type-caption-weight);
}
.ods-type-label {
  font-family: var(--ods-type-label-family);
  font-size: var(--ods-type-label-size);
  line-height: var(--ods-type-label-line);
  letter-spacing: var(--ods-type-label-tracking);
  font-weight: var(--ods-type-label-weight);
}
.ods-type-eyebrow {
  font-family: var(--ods-type-eyebrow-family);
  font-size: var(--ods-type-eyebrow-size);
  line-height: var(--ods-type-eyebrow-line);
  letter-spacing: var(--ods-type-eyebrow-tracking);
  font-weight: var(--ods-type-eyebrow-weight);
  text-transform: uppercase;
}
.ods-type-money-xl {
  font-family: var(--ods-type-money-xl-family);
  font-size: var(--ods-type-money-xl-size);
  line-height: var(--ods-type-money-xl-line);
  letter-spacing: var(--ods-type-money-xl-tracking);
  font-weight: var(--ods-type-money-xl-weight);
  font-variant-numeric: tabular-nums slashed-zero;
}
.ods-type-money-l {
  font-family: var(--ods-type-money-l-family);
  font-size: var(--ods-type-money-l-size);
  line-height: var(--ods-type-money-l-line);
  letter-spacing: var(--ods-type-money-l-tracking);
  font-weight: var(--ods-type-money-l-weight);
  font-variant-numeric: tabular-nums slashed-zero;
}
.ods-type-money {
  font-family: var(--ods-type-money-family);
  font-size: var(--ods-type-money-size);
  line-height: var(--ods-type-money-line);
  letter-spacing: var(--ods-type-money-tracking);
  font-weight: var(--ods-type-money-weight);
  font-variant-numeric: tabular-nums slashed-zero;
}
.ods-type-code-xl {
  font-family: var(--ods-type-code-xl-family);
  font-size: var(--ods-type-code-xl-size);
  line-height: var(--ods-type-code-xl-line);
  letter-spacing: var(--ods-type-code-xl-tracking);
  font-weight: var(--ods-type-code-xl-weight);
  font-variant-numeric: tabular-nums slashed-zero;
}
.ods-type-code {
  font-family: var(--ods-type-code-family);
  font-size: var(--ods-type-code-size);
  line-height: var(--ods-type-code-line);
  letter-spacing: var(--ods-type-code-tracking);
  font-weight: var(--ods-type-code-weight);
  font-variant-numeric: tabular-nums slashed-zero;
}
.ods-money, .ods-mono {
  font-family: var(--ods-font-mono);
  font-variant-numeric: tabular-nums slashed-zero;
}
.ods-visually-hidden {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}