/* GENERATED by resources/site/nova/scripts/build-css.mjs from tokens.css + nova.css — do not edit. */
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --spacing: 0.25rem;
    --container-xs: 20rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-4xl: 56rem;
    --container-5xl: 64rem;
    --drop-shadow-md: 0 3px 3px rgb(0 0 0 / 0.12);
    --animate-spin: spin 1s linear infinite;
    --animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    --aspect-video: 16 / 9;
    --default-transition-duration: var(--duration-moderate);
    --default-transition-timing-function: var(--ease-smooth);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --color-white: rgb(var(--white));
    --color-black: rgb(var(--base-100));
    --color-base-1: rgb(var(--base-1));
    --color-base-2: rgb(var(--base-2));
    --color-base-3: rgb(var(--base-3));
    --color-base-4: rgb(var(--base-4));
    --color-base-5: rgb(var(--base-5));
    --color-base-6: rgb(var(--base-6));
    --color-base-7: rgb(var(--base-7));
    --color-base-8: rgb(var(--base-8));
    --color-base-9: rgb(var(--base-9));
    --color-base-10: rgb(var(--base-10));
    --color-base-15: rgb(var(--base-15));
    --color-base-20: rgb(var(--base-20));
    --color-base-25: rgb(var(--base-25));
    --color-base-30: rgb(var(--base-30));
    --color-base-35: rgb(var(--base-35));
    --color-base-40: rgb(var(--base-40));
    --color-base-45: rgb(var(--base-45));
    --color-base-50: rgb(var(--base-50));
    --color-base-55: rgb(var(--base-55));
    --color-base-60: rgb(var(--base-60));
    --color-base-65: rgb(var(--base-65));
    --color-base-70: rgb(var(--base-70));
    --color-base-75: rgb(var(--base-75));
    --color-base-80: rgb(var(--base-80));
    --color-base-85: rgb(var(--base-85));
    --color-base-90: rgb(var(--base-90));
    --color-base-95: rgb(var(--base-95));
    --color-base-100: rgb(var(--base-100));
    --color-primary: rgb(var(--primary-50));
    --color-primary-1: rgb(var(--primary-1));
    --color-primary-2: rgb(var(--primary-2));
    --color-primary-3: rgb(var(--primary-3));
    --color-primary-4: rgb(var(--primary-4));
    --color-primary-5: rgb(var(--primary-5));
    --color-primary-6: rgb(var(--primary-6));
    --color-primary-7: rgb(var(--primary-7));
    --color-primary-8: rgb(var(--primary-8));
    --color-primary-9: rgb(var(--primary-9));
    --color-primary-10: rgb(var(--primary-10));
    --color-primary-15: rgb(var(--primary-15));
    --color-primary-20: rgb(var(--primary-20));
    --color-primary-25: rgb(var(--primary-25));
    --color-primary-30: rgb(var(--primary-30));
    --color-primary-35: rgb(var(--primary-35));
    --color-primary-40: rgb(var(--primary-40));
    --color-primary-45: rgb(var(--primary-45));
    --color-primary-50: rgb(var(--primary-50));
    --color-primary-55: rgb(var(--primary-55));
    --color-primary-60: rgb(var(--primary-60));
    --color-primary-65: rgb(var(--primary-65));
    --color-primary-70: rgb(var(--primary-70));
    --color-primary-75: rgb(var(--primary-75));
    --color-primary-80: rgb(var(--primary-80));
    --color-primary-85: rgb(var(--primary-85));
    --color-primary-90: rgb(var(--primary-90));
    --color-primary-95: rgb(var(--primary-95));
    --color-primary-100: rgb(var(--primary-100));
    --color-secondary: rgb(var(--secondary-50));
    --color-secondary-1: rgb(var(--secondary-1));
    --color-secondary-2: rgb(var(--secondary-2));
    --color-secondary-3: rgb(var(--secondary-3));
    --color-secondary-4: rgb(var(--secondary-4));
    --color-secondary-5: rgb(var(--secondary-5));
    --color-secondary-6: rgb(var(--secondary-6));
    --color-secondary-7: rgb(var(--secondary-7));
    --color-secondary-8: rgb(var(--secondary-8));
    --color-secondary-9: rgb(var(--secondary-9));
    --color-secondary-10: rgb(var(--secondary-10));
    --color-secondary-15: rgb(var(--secondary-15));
    --color-secondary-20: rgb(var(--secondary-20));
    --color-secondary-25: rgb(var(--secondary-25));
    --color-secondary-30: rgb(var(--secondary-30));
    --color-secondary-35: rgb(var(--secondary-35));
    --color-secondary-40: rgb(var(--secondary-40));
    --color-secondary-45: rgb(var(--secondary-45));
    --color-secondary-50: rgb(var(--secondary-50));
    --color-secondary-55: rgb(var(--secondary-55));
    --color-secondary-60: rgb(var(--secondary-60));
    --color-secondary-65: rgb(var(--secondary-65));
    --color-secondary-70: rgb(var(--secondary-70));
    --color-secondary-75: rgb(var(--secondary-75));
    --color-secondary-80: rgb(var(--secondary-80));
    --color-secondary-85: rgb(var(--secondary-85));
    --color-secondary-90: rgb(var(--secondary-90));
    --color-secondary-95: rgb(var(--secondary-95));
    --color-secondary-100: rgb(var(--secondary-100));
    --color-tertiary: rgb(var(--tertiary-50));
    --color-tertiary-1: rgb(var(--tertiary-1));
    --color-tertiary-2: rgb(var(--tertiary-2));
    --color-tertiary-3: rgb(var(--tertiary-3));
    --color-tertiary-4: rgb(var(--tertiary-4));
    --color-tertiary-5: rgb(var(--tertiary-5));
    --color-tertiary-6: rgb(var(--tertiary-6));
    --color-tertiary-7: rgb(var(--tertiary-7));
    --color-tertiary-8: rgb(var(--tertiary-8));
    --color-tertiary-9: rgb(var(--tertiary-9));
    --color-tertiary-10: rgb(var(--tertiary-10));
    --color-tertiary-15: rgb(var(--tertiary-15));
    --color-tertiary-20: rgb(var(--tertiary-20));
    --color-tertiary-25: rgb(var(--tertiary-25));
    --color-tertiary-30: rgb(var(--tertiary-30));
    --color-tertiary-35: rgb(var(--tertiary-35));
    --color-tertiary-40: rgb(var(--tertiary-40));
    --color-tertiary-45: rgb(var(--tertiary-45));
    --color-tertiary-50: rgb(var(--tertiary-50));
    --color-tertiary-55: rgb(var(--tertiary-55));
    --color-tertiary-60: rgb(var(--tertiary-60));
    --color-tertiary-65: rgb(var(--tertiary-65));
    --color-tertiary-70: rgb(var(--tertiary-70));
    --color-tertiary-75: rgb(var(--tertiary-75));
    --color-tertiary-80: rgb(var(--tertiary-80));
    --color-tertiary-85: rgb(var(--tertiary-85));
    --color-tertiary-90: rgb(var(--tertiary-90));
    --color-tertiary-95: rgb(var(--tertiary-95));
    --color-tertiary-100: rgb(var(--tertiary-100));
    --color-success: rgb(var(--success-50));
    --color-success-1: rgb(var(--success-1));
    --color-success-2: rgb(var(--success-2));
    --color-success-3: rgb(var(--success-3));
    --color-success-4: rgb(var(--success-4));
    --color-success-5: rgb(var(--success-5));
    --color-success-6: rgb(var(--success-6));
    --color-success-7: rgb(var(--success-7));
    --color-success-8: rgb(var(--success-8));
    --color-success-9: rgb(var(--success-9));
    --color-success-10: rgb(var(--success-10));
    --color-success-15: rgb(var(--success-15));
    --color-success-20: rgb(var(--success-20));
    --color-success-25: rgb(var(--success-25));
    --color-success-30: rgb(var(--success-30));
    --color-success-35: rgb(var(--success-35));
    --color-success-40: rgb(var(--success-40));
    --color-success-45: rgb(var(--success-45));
    --color-success-50: rgb(var(--success-50));
    --color-success-55: rgb(var(--success-55));
    --color-success-60: rgb(var(--success-60));
    --color-success-65: rgb(var(--success-65));
    --color-success-70: rgb(var(--success-70));
    --color-success-75: rgb(var(--success-75));
    --color-success-80: rgb(var(--success-80));
    --color-success-85: rgb(var(--success-85));
    --color-success-90: rgb(var(--success-90));
    --color-success-95: rgb(var(--success-95));
    --color-success-100: rgb(var(--success-100));
    --color-warning: rgb(var(--warning-50));
    --color-warning-1: rgb(var(--warning-1));
    --color-warning-2: rgb(var(--warning-2));
    --color-warning-3: rgb(var(--warning-3));
    --color-warning-4: rgb(var(--warning-4));
    --color-warning-5: rgb(var(--warning-5));
    --color-warning-6: rgb(var(--warning-6));
    --color-warning-7: rgb(var(--warning-7));
    --color-warning-8: rgb(var(--warning-8));
    --color-warning-9: rgb(var(--warning-9));
    --color-warning-10: rgb(var(--warning-10));
    --color-warning-15: rgb(var(--warning-15));
    --color-warning-20: rgb(var(--warning-20));
    --color-warning-25: rgb(var(--warning-25));
    --color-warning-30: rgb(var(--warning-30));
    --color-warning-35: rgb(var(--warning-35));
    --color-warning-40: rgb(var(--warning-40));
    --color-warning-45: rgb(var(--warning-45));
    --color-warning-50: rgb(var(--warning-50));
    --color-warning-55: rgb(var(--warning-55));
    --color-warning-60: rgb(var(--warning-60));
    --color-warning-65: rgb(var(--warning-65));
    --color-warning-70: rgb(var(--warning-70));
    --color-warning-75: rgb(var(--warning-75));
    --color-warning-80: rgb(var(--warning-80));
    --color-warning-85: rgb(var(--warning-85));
    --color-warning-90: rgb(var(--warning-90));
    --color-warning-95: rgb(var(--warning-95));
    --color-warning-100: rgb(var(--warning-100));
    --color-danger: rgb(var(--danger-50));
    --color-danger-1: rgb(var(--danger-1));
    --color-danger-2: rgb(var(--danger-2));
    --color-danger-3: rgb(var(--danger-3));
    --color-danger-4: rgb(var(--danger-4));
    --color-danger-5: rgb(var(--danger-5));
    --color-danger-6: rgb(var(--danger-6));
    --color-danger-7: rgb(var(--danger-7));
    --color-danger-8: rgb(var(--danger-8));
    --color-danger-9: rgb(var(--danger-9));
    --color-danger-10: rgb(var(--danger-10));
    --color-danger-15: rgb(var(--danger-15));
    --color-danger-20: rgb(var(--danger-20));
    --color-danger-25: rgb(var(--danger-25));
    --color-danger-30: rgb(var(--danger-30));
    --color-danger-35: rgb(var(--danger-35));
    --color-danger-40: rgb(var(--danger-40));
    --color-danger-45: rgb(var(--danger-45));
    --color-danger-50: rgb(var(--danger-50));
    --color-danger-55: rgb(var(--danger-55));
    --color-danger-60: rgb(var(--danger-60));
    --color-danger-65: rgb(var(--danger-65));
    --color-danger-70: rgb(var(--danger-70));
    --color-danger-75: rgb(var(--danger-75));
    --color-danger-80: rgb(var(--danger-80));
    --color-danger-85: rgb(var(--danger-85));
    --color-danger-90: rgb(var(--danger-90));
    --color-danger-95: rgb(var(--danger-95));
    --color-danger-100: rgb(var(--danger-100));
    --color-mark-ink: #000000;
    --color-mark-navy: #001543;
    --color-mark-cyan: #0088bd;
    --color-mark-orange: #ff7300;
    --color-mark-yellow: #fff200;
    --color-gold: color-mix(in srgb, #fff200 55%, #ff7300);
    @supports (color: color-mix(in lab, red, red)) {
      --color-gold: color-mix(in oklab, var(--color-mark-yellow) 55%, var(--color-mark-orange));
    }
    --color-navy-500: #1750b5;
    --color-navy-600: #0c3993;
    --color-navy-700: #032570;
    --color-navy-800: #011652;
    --color-navy-900: #010c3a;
    --color-navy-950: #010626;
    --color-void: #000000;
    --color-signal-bg: #121212;
    --color-signal-raised: #1e1f22;
    --color-signal-line: color-mix(in srgb, rgb(var(--white)) 8%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-signal-line: color-mix(in oklab, var(--color-white) 8%, transparent);
    }
    --color-device-bezel: #0c0d10;
    --color-device-edge: #3b404c;
    --color-device-glass: var(--color-void);
    --color-whatsapp: #25d366;
    --color-telegram: #229ed9;
    --color-bale: #00b894;
    --font-sans: var(--base-font), Tahoma, system-ui, sans-serif;
    --font-display: var(--heading-font), var(--base-font), Tahoma, system-ui, sans-serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
    --font-base: var(--base-font), Tahoma, sans-serif;
    --font-heading: var(--heading-font), Tahoma, sans-serif;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --font-weight-black: 900;
    --text-2xs: 0.6875rem;
    --text-2xs--line-height: 1.6;
    --text-xs: 0.75rem;
    --text-xs--line-height: 1.7;
    --text-sm: 0.8125rem;
    --text-sm--line-height: 1.8;
    --text-base: 0.9375rem;
    --text-base--line-height: 1.9;
    --text-md: 1.0625rem;
    --text-md--line-height: 1.85;
    --text-lg: 1.1875rem;
    --text-lg--line-height: 1.7;
    --text-xl: clamp(1.3125rem, 1.16rem + 0.45vw, 1.5rem);
    --text-xl--line-height: 1.6;
    --text-2xl: clamp(1.5rem, 1.22rem + 0.95vw, 2rem);
    --text-2xl--line-height: 1.5;
    --text-3xl: clamp(1.875rem, 1.4rem + 1.7vw, 2.625rem);
    --text-3xl--line-height: 1.4;
    --text-4xl: clamp(2.125rem, 1.45rem + 2.7vw, 3.375rem);
    --text-4xl--line-height: 1.3;
    --text-5xl: clamp(2.375rem, 1.6rem + 3vw, 3.75rem);
    --text-5xl--line-height: 1.22;
    --text-hero: clamp(2rem, min(1.1rem + 5.1vw, 9.5vh), 5.75rem);
    --text-hero--line-height: 1.24;
    --leading-none: 1;
    --leading-display: 1.15;
    --leading-tight: 1.3;
    --leading-snug: 1.375;
    --leading-normal: 1.5;
    --leading-relaxed: 1.625;
    --leading-cozy: 1.75;
    --leading-body: 1.9;
    --leading-loose: 2;
    --tracking-normal: 0em;
    --tracking-wide: 0.04em;
    --radius-2xs: calc(var(--radius-base) * 0.17);
    --radius-xs: calc(var(--radius-base) * 0.34);
    --radius-sm: calc(var(--radius-base) * 0.5);
    --radius-md: calc(var(--radius-base) * 0.75);
    --radius-lg: var(--radius-base);
    --radius-xl: calc(var(--radius-base) * 1.5);
    --radius-2xl: calc(var(--radius-base) * 2);
    --radius-full: 9999px;
    --shadow-xs: 0 1px 2px 0 rgb(var(--base-70) / 0.05);
    --shadow-sm: 0 1px 2px 0 rgb(var(--base-70) / 0.04), 0 2px 8px -2px rgb(var(--base-70) / 0.07);
    --shadow-md: 0 1px 3px 0 rgb(var(--base-70) / 0.05), 0 12px 24px -10px rgb(var(--base-70) / 0.14);
    --shadow-lg: 0 2px 6px -1px rgb(var(--base-70) / 0.05), 0 24px 48px -18px rgb(var(--base-70) / 0.2);
    --shadow-xl: 0 4px 10px -2px rgb(var(--base-70) / 0.06), 0 40px 80px -28px rgb(var(--base-70) / 0.3);
    --shadow-brand: 0 10px 24px -10px rgb(var(--primary-50) / 0.6);
    --shadow-ring: 0 0 0 1px rgb(var(--base-70) / 0.06);
    --shadow-normal: var(--shadow-lg);
    --shadow-normal-sm: var(--shadow-sm);
    --shadow-base-sm: var(--shadow-sm);
    --shadow-base-md: var(--shadow-md);
    --shadow-base-lg: var(--shadow-lg);
    --blur-sm: 6px;
    --blur-md: 12px;
    --blur-lg: 20px;
    --ease-smooth: cubic-bezier(0.22, 1, 0.36, 1);
    --ease-snappy: cubic-bezier(0.2, 0.9, 0.1, 1);
    --ease-sudden: cubic-bezier(1, 0, 0, 1);
    --ease-in: cubic-bezier(0.4, 0, 1, 1);
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --animate-marquee: nv-marquee var(--marquee-duration, 48s) linear infinite;
    --animate-float: nv-float 8s ease-in-out infinite;
    --animate-shimmer: nv-shimmer 1.6s linear infinite;
    --animate-pulse-ring: nv-pulse-ring 2.4s var(--ease-smooth) infinite;
    --animate-caret: nv-caret 1.1s steps(1) infinite;
    --animate-spin-slow: spin 10s linear infinite;
    --animate-pulse-slow: pulse 3s ease-in-out infinite;
    --animate-bounce-slow: bounce 1.5s infinite;
    --animate-blade: nv-blade 18s ease-in-out infinite alternate;
    --animate-sheen: nv-sheen 11s var(--ease-smooth) infinite;
    --animate-spin-slower: spin 90s linear infinite;
    --color-canvas: var(--color-white);
    --color-surface: var(--color-white);
    --color-surface-subtle: var(--color-base-1);
    --color-surface-muted: var(--color-base-3);
    --color-surface-sunken: var(--color-base-5);
    --color-surface-brand: var(--color-primary-3);
    --color-surface-inverse: var(--color-navy-900);
    --color-surface-inverse-raised: var(--color-navy-800);
    --color-fill-strong: var(--color-navy-900);
    --color-fill-strong-hover: var(--color-navy-800);
    --color-fill-inverse: color-mix(in srgb, rgb(var(--white)) 4%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-fill-inverse: color-mix(in oklab, var(--color-white) 4%, transparent);
    }
    --color-fill-inverse-muted: color-mix(in srgb, rgb(var(--white)) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-fill-inverse-muted: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
    --color-fill-inverse-strong: color-mix(in srgb, rgb(var(--white)) 16%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-fill-inverse-strong: color-mix(in oklab, var(--color-white) 16%, transparent);
    }
    --color-glass: color-mix(in srgb, rgb(var(--white)) 92%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-glass: color-mix(in oklab, var(--color-white) 92%, transparent);
    }
    --color-scrim: var(--color-base-90);
    --color-ink: var(--color-base-60);
    --color-ink-strong: var(--color-base-75);
    --color-ink-body: var(--color-base-45);
    --color-ink-muted: var(--color-base-40);
    --color-ink-subtle: var(--color-base-35);
    --color-ink-inverse: var(--color-white);
    --color-ink-inverse-muted: var(--color-base-15);
    --color-line: var(--color-base-6);
    --color-line-subtle: var(--color-base-4);
    --color-line-strong: var(--color-base-10);
    --color-line-hover: var(--color-base-20);
    --color-line-inverse: color-mix(in srgb, rgb(var(--white)) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-line-inverse: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
    --color-line-inverse-strong: color-mix(in srgb, rgb(var(--white)) 18%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --color-line-inverse-strong: color-mix(in oklab, var(--color-white) 18%, transparent);
    }
    --color-brand: var(--color-primary-50);
    --color-brand-hover: var(--color-primary-60);
    --color-brand-ink: var(--color-primary-60);
    --color-brand-ink-hover: var(--color-primary-70);
    --color-brand-soft: var(--color-primary-5);
    --color-brand-muted: var(--color-primary-10);
    --color-brand-inverse: var(--color-primary-30);
    --color-brand-inverse-ink: var(--color-primary-20);
    --color-mint: var(--color-secondary-50);
    --color-mint-hover: var(--color-secondary-55);
    --color-mint-ink: var(--color-secondary-75);
    --color-mint-soft: var(--color-secondary-5);
    --color-mint-on: var(--color-base-70);
    --color-amber: var(--color-tertiary-50);
    --color-amber-ink: var(--color-tertiary-75);
    --color-amber-soft: var(--color-tertiary-5);
    --color-success-ink: var(--color-success-60);
    --color-success-soft: var(--color-success-5);
    --color-success-line: var(--color-success-10);
    --color-warning-ink: var(--color-warning-70);
    --color-warning-soft: var(--color-warning-5);
    --color-danger-ink: var(--color-danger-60);
    --color-danger-soft: var(--color-danger-5);
    --color-danger-line: var(--color-danger-10);
    --color-focus: var(--color-brand);
    --shadow-focus: 0 0 0 4px color-mix(in srgb, rgb(var(--primary-50)) 18%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --shadow-focus: 0 0 0 4px color-mix(in oklab, var(--color-focus) 18%, transparent);
    }
    --color-selection: var(--color-navy-700);
    --color-selection-ink: var(--color-white);
    --color-selection-inverse: var(--color-gold);
    --color-selection-inverse-ink: var(--color-navy-950);
    --radius-control: var(--radius-md);
    --radius-card: var(--radius-lg);
    --radius-panel: var(--radius-xl);
    --shadow-inset-highlight: inset 0 1px 0 color-mix(in srgb, rgb(var(--white)) 12%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --shadow-inset-highlight: inset 0 1px 0 color-mix(in oklab, var(--color-white) 12%, transparent);
    }
    --spacing-section: clamp(3.5rem, 2.4rem + 4.6vw, 6.5rem);
    --spacing-section-sm: clamp(2.5rem, 2rem + 2.4vw, 4rem);
    --spacing-section-head: clamp(2rem, 1.4rem + 2vw, 3.25rem);
    --spacing-modal-y: clamp(1rem, 9vh, 6rem);
    --spacing-header: 4.5rem;
    --spacing-hero: calc(100svh - var(--spacing-header));
    --spacing-gutter: var(--gutter-x);
    --spacing-input-sm: var(--input-height-sm);
    --spacing-input-base: var(--input-height-base);
    --spacing-input-lg: var(--input-height-lg);
    --spacing-base: var(--base-gutter);
    --spacing-base-half: var(--base-gutter-half);
    --spacing-base-xs: var(--base-gutter-xs);
    --spacing-base-sm: var(--base-gutter-sm);
    --spacing-base-md: var(--base-gutter-md);
    --spacing-base-lg: var(--base-gutter-lg);
    --spacing-base-xl: var(--base-gutter-xl);
    --spacing-base-2xl: var(--base-gutter-2xl);
    --spacing-base-3xl: var(--base-gutter-3xl);
    --spacing-base-4xl: var(--base-gutter-4xl);
    --aspect-cover: 16 / 9;
    --aspect-wide: 21 / 9;
    --aspect-poster: 3 / 4;
    --aspect-portrait: 4 / 5;
    --aspect-story: 9 / 16;
    --aspect-phone: 9 / 19.5;
    --container-prose: 46rem;
    --container-narrow: 62rem;
    --container-page: 76rem;
    --container-wide: 88rem;
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji');
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring:where(:not(iframe)) {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type='button'], [type='reset'], [type='submit']), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden='until-found'])) {
    display: none !important;
  }
}
@layer utilities {
  .\@container {
    container-type: inline-size;
  }
  .pointer-events-auto {
    pointer-events: auto;
  }
  .pointer-events-none {
    pointer-events: none;
  }
  .invisible {
    visibility: hidden;
  }
  .visible {
    visibility: visible;
  }
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .sticky {
    position: sticky;
  }
  .-inset-1\.5 {
    inset: calc(var(--spacing) * -1.5);
  }
  .inset-0 {
    inset: 0px;
  }
  .inset-x-0 {
    inset-inline: 0px;
  }
  .inset-x-3 {
    inset-inline: calc(var(--spacing) * 3);
  }
  .inset-y-0 {
    inset-block: 0px;
  }
  .inset-y-6 {
    inset-block: calc(var(--spacing) * 6);
  }
  .start-0 {
    inset-inline-start: calc(var(--spacing) * 0);
  }
  .start-1\/2 {
    inset-inline-start: calc(1/2 * 100%);
  }
  .start-1\/3 {
    inset-inline-start: calc(1/3 * 100%);
  }
  .start-1\/4 {
    inset-inline-start: calc(1/4 * 100%);
  }
  .start-3 {
    inset-inline-start: calc(var(--spacing) * 3);
  }
  .start-4 {
    inset-inline-start: calc(var(--spacing) * 4);
  }
  .start-6 {
    inset-inline-start: calc(var(--spacing) * 6);
  }
  .-end-20 {
    inset-inline-end: calc(var(--spacing) * -20);
  }
  .-end-24 {
    inset-inline-end: calc(var(--spacing) * -24);
  }
  .end-0 {
    inset-inline-end: calc(var(--spacing) * 0);
  }
  .end-1\.5 {
    inset-inline-end: calc(var(--spacing) * 1.5);
  }
  .end-2 {
    inset-inline-end: calc(var(--spacing) * 2);
  }
  .end-3 {
    inset-inline-end: calc(var(--spacing) * 3);
  }
  .end-4 {
    inset-inline-end: calc(var(--spacing) * 4);
  }
  .-top-0\.5 {
    top: calc(var(--spacing) * -0.5);
  }
  .-top-1\/4 {
    top: calc(calc(1 / 4 * 100%) * -1);
  }
  .-top-10 {
    top: calc(var(--spacing) * -10);
  }
  .-top-12 {
    top: calc(var(--spacing) * -12);
  }
  .-top-20 {
    top: calc(var(--spacing) * -20);
  }
  .-top-24 {
    top: calc(var(--spacing) * -24);
  }
  .-top-32 {
    top: calc(var(--spacing) * -32);
  }
  .-top-40 {
    top: calc(var(--spacing) * -40);
  }
  .-top-48 {
    top: calc(var(--spacing) * -48);
  }
  .-top-base {
    top: calc(var(--spacing-base) * -1);
  }
  .top-0 {
    top: 0px;
  }
  .top-1 {
    top: var(--spacing);
  }
  .top-1\/2 {
    top: calc(1 / 2 * 100%);
  }
  .top-3 {
    top: calc(var(--spacing) * 3);
  }
  .top-4 {
    top: calc(var(--spacing) * 4);
  }
  .top-11 {
    top: calc(var(--spacing) * 11);
  }
  .top-24 {
    top: calc(var(--spacing) * 24);
  }
  .top-base-lg {
    top: var(--spacing-base-lg);
  }
  .top-px {
    top: 1px;
  }
  .-right-10 {
    right: calc(var(--spacing) * -10);
  }
  .-right-base {
    right: calc(var(--spacing-base) * -1);
  }
  .right-0 {
    right: 0px;
  }
  .right-4 {
    right: calc(var(--spacing) * 4);
  }
  .right-12 {
    right: calc(var(--spacing) * 12);
  }
  .right-full {
    right: 100%;
  }
  .-bottom-32 {
    bottom: calc(var(--spacing) * -32);
  }
  .-bottom-40 {
    bottom: calc(var(--spacing) * -40);
  }
  .-bottom-\[1\.15rem\] {
    bottom: calc(1.15rem * -1);
  }
  .bottom-0 {
    bottom: 0px;
  }
  .bottom-3 {
    bottom: calc(var(--spacing) * 3);
  }
  .bottom-4 {
    bottom: calc(var(--spacing) * 4);
  }
  .bottom-6 {
    bottom: calc(var(--spacing) * 6);
  }
  .bottom-base-sm {
    bottom: var(--spacing-base-sm);
  }
  .-left-1\/4 {
    left: calc(calc(1 / 4 * 100%) * -1);
  }
  .-left-base-lg {
    left: calc(var(--spacing-base-lg) * -1);
  }
  .left-0 {
    left: 0px;
  }
  .left-1\/2 {
    left: calc(1 / 2 * 100%);
  }
  .left-3 {
    left: calc(var(--spacing) * 3);
  }
  .left-4 {
    left: calc(var(--spacing) * 4);
  }
  .left-6 {
    left: calc(var(--spacing) * 6);
  }
  .left-base-sm {
    left: var(--spacing-base-sm);
  }
  .isolate {
    isolation: isolate;
  }
  .-z-10 {
    z-index: calc(10 * -1);
  }
  .-z-20 {
    z-index: calc(20 * -1);
  }
  .z-10 {
    z-index: 10;
  }
  .z-20 {
    z-index: 20;
  }
  .z-30 {
    z-index: 30;
  }
  .z-50 {
    z-index: 50;
  }
  .z-100 {
    z-index: 100;
  }
  .z-500 {
    z-index: 500;
  }
  .z-\[100\] {
    z-index: 100;
  }
  .z-\[10000\] {
    z-index: 10000;
  }
  .z-modal {
    z-index: var(--z-modal);
  }
  .z-overlay {
    z-index: var(--z-overlay);
  }
  .z-sticky {
    z-index: var(--z-sticky);
  }
  .order-1 {
    order: 1;
  }
  .order-2 {
    order: 2;
  }
  .order-3 {
    order: 3;
  }
  .order-4 {
    order: 4;
  }
  .order-5 {
    order: 5;
  }
  .order-last {
    order: 9999;
  }
  .col-11 {
    grid-column: 11;
  }
  .col-12 {
    grid-column: 12;
  }
  .col-span-full {
    grid-column: 1 / -1;
  }
  .col-start-1 {
    grid-column-start: 1;
  }
  .row-start-1 {
    grid-row-start: 1;
  }
  .float-left {
    float: left;
  }
  .float-none {
    float: none;
  }
  .float-right {
    float: right;
  }
  .container {
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
  }
  .-m-2 {
    margin: calc(var(--spacing) * -2);
  }
  .m-0 {
    margin: 0px;
  }
  .m-1 {
    margin: var(--spacing);
  }
  .m-2 {
    margin: calc(var(--spacing) * 2);
  }
  .m-3 {
    margin: calc(var(--spacing) * 3);
  }
  .m-4 {
    margin: calc(var(--spacing) * 4);
  }
  .m-5 {
    margin: calc(var(--spacing) * 5);
  }
  .shell-frame {
    width: 100%;
    max-width: calc(var(--container-page) + var(--gutter-x) * 2);
    margin-inline: auto;
    padding-inline: var(--gutter-x);
    @media (width >= 64rem) {
      padding-inline: max(var(--gutter-x) - var(--island-overhang), 0px);
    }
  }
  .shell {
    width: 100%;
    max-width: calc(var(--container-page) + var(--gutter-x) * 2);
    margin-inline: auto;
    padding-inline: var(--gutter-x);
  }
  .shell-narrow {
    width: 100%;
    max-width: calc(var(--container-narrow) + var(--gutter-x) * 2);
    margin-inline: auto;
    padding-inline: var(--gutter-x);
  }
  .shell-prose {
    width: 100%;
    max-width: calc(var(--container-prose) + var(--gutter-x) * 2);
    margin-inline: auto;
    padding-inline: var(--gutter-x);
  }
  .container {
    margin-inline: auto;
    padding-inline: var(--gutter-x);
  }
  .-mx-1 {
    margin-inline: calc(var(--spacing) * -1);
  }
  .-mx-base-sm {
    margin-inline: calc(var(--spacing-base-sm) * -1);
  }
  .mx-0 {
    margin-inline: 0px;
  }
  .mx-1 {
    margin-inline: var(--spacing);
  }
  .mx-2 {
    margin-inline: calc(var(--spacing) * 2);
  }
  .mx-3 {
    margin-inline: calc(var(--spacing) * 3);
  }
  .mx-4 {
    margin-inline: calc(var(--spacing) * 4);
  }
  .mx-5 {
    margin-inline: calc(var(--spacing) * 5);
  }
  .mx-auto {
    margin-inline: auto;
  }
  .mx-base {
    margin-inline: var(--spacing-base);
  }
  .my-0 {
    margin-block: 0px;
  }
  .my-1 {
    margin-block: var(--spacing);
  }
  .my-2 {
    margin-block: calc(var(--spacing) * 2);
  }
  .my-3 {
    margin-block: calc(var(--spacing) * 3);
  }
  .my-4 {
    margin-block: calc(var(--spacing) * 4);
  }
  .my-5 {
    margin-block: calc(var(--spacing) * 5);
  }
  .my-base-lg {
    margin-block: var(--spacing-base-lg);
  }
  .my-base-md {
    margin-block: var(--spacing-base-md);
  }
  .my-base-sm {
    margin-block: var(--spacing-base-sm);
  }
  .my-base-xs {
    margin-block: var(--spacing-base-xs);
  }
  .-ms-2 {
    margin-inline-start: calc(var(--spacing) * -2);
  }
  .ms-0 {
    margin-inline-start: 0px;
  }
  .ms-0\.5 {
    margin-inline-start: calc(var(--spacing) * 0.5);
  }
  .ms-1 {
    margin-inline-start: var(--spacing);
  }
  .ms-2 {
    margin-inline-start: calc(var(--spacing) * 2);
  }
  .ms-3 {
    margin-inline-start: calc(var(--spacing) * 3);
  }
  .ms-4 {
    margin-inline-start: calc(var(--spacing) * 4);
  }
  .ms-5 {
    margin-inline-start: calc(var(--spacing) * 5);
  }
  .ms-auto {
    margin-inline-start: auto;
  }
  .-me-2 {
    margin-inline-end: calc(var(--spacing) * -2);
  }
  .me-0 {
    margin-inline-end: 0px;
  }
  .me-1 {
    margin-inline-end: var(--spacing);
  }
  .me-2 {
    margin-inline-end: calc(var(--spacing) * 2);
  }
  .me-3 {
    margin-inline-end: calc(var(--spacing) * 3);
  }
  .me-4 {
    margin-inline-end: calc(var(--spacing) * 4);
  }
  .me-5 {
    margin-inline-end: calc(var(--spacing) * 5);
  }
  .-mt-1 {
    margin-top: calc(var(--spacing) * -1);
  }
  .-mt-2 {
    margin-top: calc(var(--spacing) * -2);
  }
  .-mt-4 {
    margin-top: calc(var(--spacing) * -4);
  }
  .mt-0 {
    margin-top: 0px;
  }
  .mt-0\.5 {
    margin-top: calc(var(--spacing) * 0.5);
  }
  .mt-1 {
    margin-top: var(--spacing);
  }
  .mt-1\.5 {
    margin-top: calc(var(--spacing) * 1.5);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-2\.5 {
    margin-top: calc(var(--spacing) * 2.5);
  }
  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }
  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
  .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }
  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }
  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }
  .mt-10 {
    margin-top: calc(var(--spacing) * 10);
  }
  .mt-auto {
    margin-top: auto;
  }
  .mt-base {
    margin-top: var(--spacing-base);
  }
  .mt-base-lg {
    margin-top: var(--spacing-base-lg);
  }
  .mt-base-md {
    margin-top: var(--spacing-base-md);
  }
  .mt-base-sm {
    margin-top: var(--spacing-base-sm);
  }
  .mt-base-xl {
    margin-top: var(--spacing-base-xl);
  }
  .mt-base-xs {
    margin-top: var(--spacing-base-xs);
  }
  .-mr-1 {
    margin-right: calc(var(--spacing) * -1);
  }
  .-mr-1\.5 {
    margin-right: calc(var(--spacing) * -1.5);
  }
  .-mr-4 {
    margin-right: calc(var(--spacing) * -4);
  }
  .mr-0 {
    margin-right: 0px;
  }
  .mr-1 {
    margin-right: var(--spacing);
  }
  .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }
  .mr-3 {
    margin-right: calc(var(--spacing) * 3);
  }
  .mr-4 {
    margin-right: calc(var(--spacing) * 4);
  }
  .mr-5 {
    margin-right: calc(var(--spacing) * 5);
  }
  .mr-auto {
    margin-right: auto;
  }
  .-mb-5 {
    margin-bottom: calc(var(--spacing) * -5);
  }
  .-mb-base-xs {
    margin-bottom: calc(var(--spacing-base-xs) * -1);
  }
  .mb-0 {
    margin-bottom: 0px;
  }
  .mb-0\.5 {
    margin-bottom: calc(var(--spacing) * 0.5);
  }
  .mb-1 {
    margin-bottom: var(--spacing);
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .mb-5 {
    margin-bottom: calc(var(--spacing) * 5);
  }
  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }
  .mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
  }
  .mb-9 {
    margin-bottom: calc(var(--spacing) * 9);
  }
  .mb-base {
    margin-bottom: var(--spacing-base);
  }
  .mb-base-sm {
    margin-bottom: var(--spacing-base-sm);
  }
  .mb-base-xs {
    margin-bottom: var(--spacing-base-xs);
  }
  .ml-0 {
    margin-left: 0px;
  }
  .ml-1 {
    margin-left: var(--spacing);
  }
  .ml-1\.5 {
    margin-left: calc(var(--spacing) * 1.5);
  }
  .ml-2 {
    margin-left: calc(var(--spacing) * 2);
  }
  .ml-3 {
    margin-left: calc(var(--spacing) * 3);
  }
  .ml-4 {
    margin-left: calc(var(--spacing) * 4);
  }
  .ml-5 {
    margin-left: calc(var(--spacing) * 5);
  }
  .ml-auto {
    margin-left: auto;
  }
  .line-clamp-1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
  .line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .line-clamp-5 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
  }
  .\!hidden {
    display: none !important;
  }
  .block {
    display: block;
  }
  .contents {
    display: contents;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .inline-block {
    display: inline-block;
  }
  .inline-flex {
    display: inline-flex;
  }
  .list-item {
    display: list-item;
  }
  .table {
    display: table;
  }
  .aspect-\[4\/5\] {
    aspect-ratio: 4/5;
  }
  .aspect-\[16\/9\] {
    aspect-ratio: 16/9;
  }
  .aspect-\[16\/10\] {
    aspect-ratio: 16/10;
  }
  .aspect-cover {
    aspect-ratio: var(--aspect-cover);
  }
  .aspect-portrait {
    aspect-ratio: var(--aspect-portrait);
  }
  .aspect-square {
    aspect-ratio: 1 / 1;
  }
  .aspect-video {
    aspect-ratio: var(--aspect-video);
  }
  .size-1\.5 {
    width: calc(var(--spacing) * 1.5);
    height: calc(var(--spacing) * 1.5);
  }
  .size-4 {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .size-5 {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }
  .size-6 {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }
  .size-7 {
    width: calc(var(--spacing) * 7);
    height: calc(var(--spacing) * 7);
  }
  .size-8 {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }
  .size-9 {
    width: calc(var(--spacing) * 9);
    height: calc(var(--spacing) * 9);
  }
  .size-10 {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }
  .size-11 {
    width: calc(var(--spacing) * 11);
    height: calc(var(--spacing) * 11);
  }
  .size-12 {
    width: calc(var(--spacing) * 12);
    height: calc(var(--spacing) * 12);
  }
  .size-14 {
    width: calc(var(--spacing) * 14);
    height: calc(var(--spacing) * 14);
  }
  .size-16 {
    width: calc(var(--spacing) * 16);
    height: calc(var(--spacing) * 16);
  }
  .size-28 {
    width: calc(var(--spacing) * 28);
    height: calc(var(--spacing) * 28);
  }
  .size-64 {
    width: calc(var(--spacing) * 64);
    height: calc(var(--spacing) * 64);
  }
  .size-80 {
    width: calc(var(--spacing) * 80);
    height: calc(var(--spacing) * 80);
  }
  .size-96 {
    width: calc(var(--spacing) * 96);
    height: calc(var(--spacing) * 96);
  }
  .size-112 {
    width: calc(var(--spacing) * 112);
    height: calc(var(--spacing) * 112);
  }
  .size-128 {
    width: calc(var(--spacing) * 128);
    height: calc(var(--spacing) * 128);
  }
  .size-160 {
    width: calc(var(--spacing) * 160);
    height: calc(var(--spacing) * 160);
  }
  .size-\[22px\] {
    width: 22px;
    height: 22px;
  }
  .size-full {
    width: 100%;
    height: 100%;
  }
  .\!h-0 {
    height: 0px !important;
  }
  .\!h-input-sm {
    height: var(--spacing-input-sm) !important;
  }
  .h-0\.5 {
    height: calc(var(--spacing) * 0.5);
  }
  .h-1 {
    height: var(--spacing);
  }
  .h-1\.5 {
    height: calc(var(--spacing) * 1.5);
  }
  .h-1\/2 {
    height: calc(1 / 2 * 100%);
  }
  .h-1\/3 {
    height: calc(1 / 3 * 100%);
  }
  .h-2 {
    height: calc(var(--spacing) * 2);
  }
  .h-2\.5 {
    height: calc(var(--spacing) * 2.5);
  }
  .h-2\/5 {
    height: calc(2 / 5 * 100%);
  }
  .h-3 {
    height: calc(var(--spacing) * 3);
  }
  .h-4 {
    height: calc(var(--spacing) * 4);
  }
  .h-5 {
    height: calc(var(--spacing) * 5);
  }
  .h-6 {
    height: calc(var(--spacing) * 6);
  }
  .h-8 {
    height: calc(var(--spacing) * 8);
  }
  .h-9 {
    height: calc(var(--spacing) * 9);
  }
  .h-10 {
    height: calc(var(--spacing) * 10);
  }
  .h-11 {
    height: calc(var(--spacing) * 11);
  }
  .h-12 {
    height: calc(var(--spacing) * 12);
  }
  .h-14 {
    height: calc(var(--spacing) * 14);
  }
  .h-16 {
    height: calc(var(--spacing) * 16);
  }
  .h-20 {
    height: calc(var(--spacing) * 20);
  }
  .h-24 {
    height: calc(var(--spacing) * 24);
  }
  .h-28 {
    height: calc(var(--spacing) * 28);
  }
  .h-40 {
    height: calc(var(--spacing) * 40);
  }
  .h-60 {
    height: calc(var(--spacing) * 60);
  }
  .h-\[56px\] {
    height: 56px;
  }
  .h-\[60px\] {
    height: 60px;
  }
  .h-\[400px\] {
    height: 400px;
  }
  .h-dvh {
    height: 100dvh;
  }
  .h-full {
    height: 100%;
  }
  .h-header {
    height: var(--spacing-header);
  }
  .h-input-base {
    height: var(--spacing-input-base);
  }
  .h-input-sm {
    height: var(--spacing-input-sm);
  }
  .h-px {
    height: 1px;
  }
  .max-h-64 {
    max-height: calc(var(--spacing) * 64);
  }
  .max-h-96 {
    max-height: calc(var(--spacing) * 96);
  }
  .max-h-dvh {
    max-height: 100dvh;
  }
  .min-h-0 {
    min-height: 0px;
  }
  .min-h-12 {
    min-height: calc(var(--spacing) * 12);
  }
  .min-h-64 {
    min-height: calc(var(--spacing) * 64);
  }
  .min-h-72 {
    min-height: calc(var(--spacing) * 72);
  }
  .min-h-80 {
    min-height: calc(var(--spacing) * 80);
  }
  .min-h-96 {
    min-height: calc(var(--spacing) * 96);
  }
  .min-h-dvh {
    min-height: 100dvh;
  }
  .min-h-screen {
    min-height: 100vh;
  }
  .min-h-svh {
    min-height: 100svh;
  }
  .w-\(--rating-fill\) {
    width: var(--rating-fill);
  }
  .w-0\.5 {
    width: calc(var(--spacing) * 0.5);
  }
  .w-1 {
    width: var(--spacing);
  }
  .w-1\.5 {
    width: calc(var(--spacing) * 1.5);
  }
  .w-2 {
    width: calc(var(--spacing) * 2);
  }
  .w-2\.5 {
    width: calc(var(--spacing) * 2.5);
  }
  .w-2\/5 {
    width: calc(2 / 5 * 100%);
  }
  .w-4 {
    width: calc(var(--spacing) * 4);
  }
  .w-4\/5 {
    width: calc(4 / 5 * 100%);
  }
  .w-5 {
    width: calc(var(--spacing) * 5);
  }
  .w-5\/6 {
    width: calc(5 / 6 * 100%);
  }
  .w-6 {
    width: calc(var(--spacing) * 6);
  }
  .w-8 {
    width: calc(var(--spacing) * 8);
  }
  .w-9 {
    width: calc(var(--spacing) * 9);
  }
  .w-10 {
    width: calc(var(--spacing) * 10);
  }
  .w-12 {
    width: calc(var(--spacing) * 12);
  }
  .w-14 {
    width: calc(var(--spacing) * 14);
  }
  .w-16 {
    width: calc(var(--spacing) * 16);
  }
  .w-20 {
    width: calc(var(--spacing) * 20);
  }
  .w-24 {
    width: calc(var(--spacing) * 24);
  }
  .w-25 {
    width: calc(var(--spacing) * 25);
  }
  .w-32 {
    width: calc(var(--spacing) * 32);
  }
  .w-36 {
    width: calc(var(--spacing) * 36);
  }
  .w-40 {
    width: calc(var(--spacing) * 40);
  }
  .w-50 {
    width: calc(var(--spacing) * 50);
  }
  .w-56 {
    width: calc(var(--spacing) * 56);
  }
  .w-60 {
    width: calc(var(--spacing) * 60);
  }
  .w-72 {
    width: calc(var(--spacing) * 72);
  }
  .w-75 {
    width: calc(var(--spacing) * 75);
  }
  .w-80 {
    width: calc(var(--spacing) * 80);
  }
  .w-100 {
    width: calc(var(--spacing) * 100);
  }
  .w-dvw {
    width: 100dvw;
  }
  .w-fit {
    width: fit-content;
  }
  .w-full {
    width: 100%;
  }
  .w-input-base {
    width: var(--spacing-input-base);
  }
  .w-px {
    width: 1px;
  }
  .\!max-w-full {
    max-width: 100% !important;
  }
  .max-w-2xl {
    max-width: var(--container-2xl);
  }
  .max-w-3xl {
    max-width: var(--container-3xl);
  }
  .max-w-4xl {
    max-width: var(--container-4xl);
  }
  .max-w-5xl {
    max-width: var(--container-5xl);
  }
  .max-w-12 {
    max-width: calc(var(--spacing) * 12);
  }
  .max-w-28 {
    max-width: calc(var(--spacing) * 28);
  }
  .max-w-\[140px\] {
    max-width: 140px;
  }
  .max-w-\[160px\] {
    max-width: 160px;
  }
  .max-w-full {
    max-width: 100%;
  }
  .max-w-lg {
    max-width: var(--container-lg);
  }
  .max-w-md {
    max-width: var(--container-md);
  }
  .max-w-prose {
    max-width: 65ch;
  }
  .max-w-sm {
    max-width: var(--container-sm);
  }
  .max-w-xl {
    max-width: var(--container-xl);
  }
  .max-w-xs {
    max-width: var(--container-xs);
  }
  .min-w-0 {
    min-width: 0px;
  }
  .min-w-11 {
    min-width: calc(var(--spacing) * 11);
  }
  .min-w-14 {
    min-width: calc(var(--spacing) * 14);
  }
  .min-w-32 {
    min-width: calc(var(--spacing) * 32);
  }
  .flex-1 {
    flex: 1;
  }
  .flex-none {
    flex: none;
  }
  .flex-shrink-0 {
    flex-shrink: 0;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .border-collapse {
    border-collapse: collapse;
  }
  .origin-right {
    transform-origin: 100%;
  }
  .origin-top-left {
    transform-origin: 0 0;
  }
  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-x-full {
    --tw-translate-x: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-0 {
    --tw-translate-x: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-full {
    --tw-translate-x: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-full {
    --tw-translate-y: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-0 {
    --tw-translate-y: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-3 {
    --tw-translate-y: calc(var(--spacing) * 3);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-\[150\%\] {
    --tw-translate-y: 150%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-full {
    --tw-translate-y: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .rotate-180 {
    rotate: 180deg;
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .animate-\[checkmark_0\.6s_ease-out_0\.2s_forwards\] {
    animation: checkmark 0.6s ease-out 0.2s forwards;
  }
  .animate-\[spin_1\.5s_ease-in-out_infinite\] {
    animation: spin 1.5s ease-in-out infinite;
  }
  .animate-caret {
    animation: var(--animate-caret);
  }
  .animate-float {
    animation: var(--animate-float);
  }
  .animate-ping {
    animation: var(--animate-ping);
  }
  .animate-pulse {
    animation: var(--animate-pulse);
  }
  .animate-pulse-slow {
    animation: var(--animate-pulse-slow);
  }
  .animate-spin {
    animation: var(--animate-spin);
  }
  .cursor-default {
    cursor: default;
  }
  .cursor-not-allowed {
    cursor: not-allowed;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .cursor-text {
    cursor: text;
  }
  .resize {
    resize: both;
  }
  .list-none {
    list-style-type: none;
  }
  .columns-1 {
    columns: 1;
  }
  .break-inside-avoid {
    break-inside: avoid;
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-row {
    flex-direction: row;
  }
  .flex-row-reverse {
    flex-direction: row-reverse;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .items-baseline {
    align-items: baseline;
  }
  .items-center {
    align-items: center;
  }
  .items-end {
    align-items: flex-end;
  }
  .items-start {
    align-items: flex-start;
  }
  .items-stretch {
    align-items: stretch;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .justify-start {
    justify-content: flex-start;
  }
  .gap-0\.5 {
    gap: calc(var(--spacing) * 0.5);
  }
  .gap-1 {
    gap: var(--spacing);
  }
  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-2\.5 {
    gap: calc(var(--spacing) * 2.5);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-3\.5 {
    gap: calc(var(--spacing) * 3.5);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }
  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }
  .gap-7 {
    gap: calc(var(--spacing) * 7);
  }
  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }
  .gap-10 {
    gap: calc(var(--spacing) * 10);
  }
  .gap-12 {
    gap: calc(var(--spacing) * 12);
  }
  .gap-14 {
    gap: calc(var(--spacing) * 14);
  }
  .gap-20 {
    gap: calc(var(--spacing) * 20);
  }
  .gap-base {
    gap: var(--spacing-base);
  }
  .gap-base-half {
    gap: var(--spacing-base-half);
  }
  .gap-base-lg {
    gap: var(--spacing-base-lg);
  }
  .gap-base-md {
    gap: var(--spacing-base-md);
  }
  .gap-base-sm {
    gap: var(--spacing-base-sm);
  }
  .gap-base-xl {
    gap: var(--spacing-base-xl);
  }
  .gap-base-xs {
    gap: var(--spacing-base-xs);
  }
  .gap-px {
    gap: 1px;
  }
  :where(.space-y-1 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(var(--spacing) * var(--tw-space-y-reverse));
    margin-block-end: calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-1\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-2 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-2\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-3 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-4 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
  }
  .gap-x-1 {
    column-gap: var(--spacing);
  }
  .gap-x-2 {
    column-gap: calc(var(--spacing) * 2);
  }
  .gap-x-2\.5 {
    column-gap: calc(var(--spacing) * 2.5);
  }
  .gap-x-3 {
    column-gap: calc(var(--spacing) * 3);
  }
  .gap-x-4 {
    column-gap: calc(var(--spacing) * 4);
  }
  .gap-x-5 {
    column-gap: calc(var(--spacing) * 5);
  }
  .gap-x-6 {
    column-gap: calc(var(--spacing) * 6);
  }
  .gap-x-10 {
    column-gap: calc(var(--spacing) * 10);
  }
  .gap-y-1 {
    row-gap: var(--spacing);
  }
  .gap-y-1\.5 {
    row-gap: calc(var(--spacing) * 1.5);
  }
  .gap-y-2 {
    row-gap: calc(var(--spacing) * 2);
  }
  .gap-y-3 {
    row-gap: calc(var(--spacing) * 3);
  }
  .gap-y-4 {
    row-gap: calc(var(--spacing) * 4);
  }
  .gap-y-10 {
    row-gap: calc(var(--spacing) * 10);
  }
  .gap-y-12 {
    row-gap: calc(var(--spacing) * 12);
  }
  :where(.divide-y > :not(:last-child)) {
    --tw-divide-y-reverse: 0;
    border-bottom-style: var(--tw-border-style);
    border-top-style: var(--tw-border-style);
    border-top-width: calc(1px * var(--tw-divide-y-reverse));
    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  }
  :where(.divide-dashed > :not(:last-child)) {
    --tw-border-style: dashed;
    border-style: dashed;
  }
  :where(.divide-base-10 > :not(:last-child)) {
    border-color: var(--color-base-10);
  }
  :where(.divide-line > :not(:last-child)) {
    border-color: var(--color-line);
  }
  :where(.divide-line-subtle > :not(:last-child)) {
    border-color: var(--color-line-subtle);
  }
  .self-center {
    align-self: center;
  }
  .self-start {
    align-self: flex-start;
  }
  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .overflow-auto {
    overflow: auto;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-x-auto {
    overflow-x: auto;
  }
  .overflow-x-hidden {
    overflow-x: hidden;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }
  .rounded-base {
    border-radius: var(--radius-lg);
  }
  .rounded-base-2xl {
    border-radius: var(--radius-2xl);
  }
  .rounded-base-lg {
    border-radius: var(--radius-xl);
  }
  .rounded-base-sm {
    border-radius: var(--radius-sm);
  }
  .rounded-base-xs {
    border-radius: var(--radius-xs);
  }
  .rounded-card {
    border-radius: var(--radius-card);
  }
  .rounded-control {
    border-radius: var(--radius-control);
  }
  .rounded-full {
    border-radius: var(--radius-full);
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .rounded-md {
    border-radius: var(--radius-md);
  }
  .rounded-none {
    border-radius: 0;
  }
  .rounded-panel {
    border-radius: var(--radius-panel);
  }
  .rounded-sm {
    border-radius: var(--radius-sm);
  }
  .rounded-xl {
    border-radius: var(--radius-xl);
  }
  .rounded-xs {
    border-radius: var(--radius-xs);
  }
  .rounded-ss-xs {
    border-start-start-radius: var(--radius-xs);
  }
  .rounded-se-xs {
    border-start-end-radius: var(--radius-xs);
  }
  .rounded-t-\[20px\] {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
  }
  .rounded-t-\[32px\] {
    border-top-left-radius: 32px;
    border-top-right-radius: 32px;
  }
  .rounded-b-\[2rem\] {
    border-bottom-right-radius: 2rem;
    border-bottom-left-radius: 2rem;
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  .border-3 {
    border-style: var(--tw-border-style);
    border-width: 3px;
  }
  .border-4 {
    border-style: var(--tw-border-style);
    border-width: 4px;
  }
  .border-y {
    border-block-style: var(--tw-border-style);
    border-block-width: 1px;
  }
  .border-s-2 {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 2px;
  }
  .border-s-3 {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 3px;
  }
  .border-e {
    border-inline-end-style: var(--tw-border-style);
    border-inline-end-width: 1px;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-b-2 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
  }
  .border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }
  .\!border-success {
    border-color: var(--color-success) !important;
  }
  .border-\[\#0a66c2\] {
    border-color: #0a66c2;
  }
  .border-base-10 {
    border-color: var(--color-base-10);
  }
  .border-base-15 {
    border-color: var(--color-base-15);
  }
  .border-base-90 {
    border-color: var(--color-base-90);
  }
  .border-base-100 {
    border-color: var(--color-base-100);
  }
  .border-brand {
    border-color: var(--color-brand);
  }
  .border-brand-hover {
    border-color: var(--color-brand-hover);
  }
  .border-danger-line {
    border-color: var(--color-danger-line);
  }
  .border-line {
    border-color: var(--color-line);
  }
  .border-line-inverse {
    border-color: var(--color-line-inverse);
  }
  .border-line-inverse-strong {
    border-color: var(--color-line-inverse-strong);
  }
  .border-line-strong {
    border-color: var(--color-line-strong);
  }
  .border-line-subtle {
    border-color: var(--color-line-subtle);
  }
  .border-primary-15 {
    border-color: var(--color-primary-15);
  }
  .border-primary-50 {
    border-color: var(--color-primary-50);
  }
  .border-success {
    border-color: var(--color-success);
  }
  .border-success-10 {
    border-color: var(--color-success-10);
  }
  .border-success-15 {
    border-color: var(--color-success-15);
  }
  .border-success-30 {
    border-color: var(--color-success-30);
  }
  .border-success-line {
    border-color: var(--color-success-line);
  }
  .border-surface {
    border-color: var(--color-surface);
  }
  .border-transparent {
    border-color: transparent;
  }
  .border-warning-15 {
    border-color: var(--color-warning-15);
  }
  .border-white {
    border-color: var(--color-white);
  }
  .border-white\/10 {
    border-color: color-mix(in srgb, rgb(var(--white)) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }
  .border-white\/30 {
    border-color: color-mix(in srgb, rgb(var(--white)) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 30%, transparent);
    }
  }
  .border-t-base-10 {
    border-top-color: var(--color-base-10);
  }
  .border-t-base-10\/20 {
    border-top-color: color-mix(in srgb, rgb(var(--base-10)) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-top-color: color-mix(in oklab, var(--color-base-10) 20%, transparent);
    }
  }
  .border-t-base-40 {
    border-top-color: var(--color-base-40);
  }
  .border-t-brand {
    border-top-color: var(--color-brand);
  }
  .border-t-mint {
    border-top-color: var(--color-mint);
  }
  .border-t-primary-10 {
    border-top-color: var(--color-primary-10);
  }
  .border-t-primary-50\/20 {
    border-top-color: color-mix(in srgb, rgb(var(--primary-50)) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-top-color: color-mix(in oklab, var(--color-primary-50) 20%, transparent);
    }
  }
  .border-t-primary-60\/20 {
    border-top-color: color-mix(in srgb, rgb(var(--primary-60)) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-top-color: color-mix(in oklab, var(--color-primary-60) 20%, transparent);
    }
  }
  .border-t-white\/20 {
    border-top-color: color-mix(in srgb, rgb(var(--white)) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-top-color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
  }
  .border-r-base-10 {
    border-right-color: var(--color-base-10);
  }
  .border-r-base-10\/20 {
    border-right-color: color-mix(in srgb, rgb(var(--base-10)) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-right-color: color-mix(in oklab, var(--color-base-10) 20%, transparent);
    }
  }
  .border-r-base-40 {
    border-right-color: var(--color-base-40);
  }
  .border-r-primary-10 {
    border-right-color: var(--color-primary-10);
  }
  .border-r-primary-50\/20 {
    border-right-color: color-mix(in srgb, rgb(var(--primary-50)) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-right-color: color-mix(in oklab, var(--color-primary-50) 20%, transparent);
    }
  }
  .border-r-primary-60\/20 {
    border-right-color: color-mix(in srgb, rgb(var(--primary-60)) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-right-color: color-mix(in oklab, var(--color-primary-60) 20%, transparent);
    }
  }
  .border-r-white\/20 {
    border-right-color: color-mix(in srgb, rgb(var(--white)) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-right-color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
  }
  .border-b-primary-5 {
    border-bottom-color: var(--color-primary-5);
  }
  .border-l-base-10 {
    border-left-color: var(--color-base-10);
  }
  .bg-surface-navy {
    background-color: var(--color-surface-inverse);
    background-image: var(--gradient-surface-navy);
  }
  .bg-\[\#0a66c2\] {
    background-color: #0a66c2;
  }
  .bg-\[\#25d366\] {
    background-color: #25d366;
  }
  .bg-\[\#229ed9\] {
    background-color: #229ed9;
  }
  .bg-\[\#111111\] {
    background-color: #111111;
  }
  .bg-amber {
    background-color: var(--color-amber);
  }
  .bg-base-3 {
    background-color: var(--color-base-3);
  }
  .bg-base-5 {
    background-color: var(--color-base-5);
  }
  .bg-base-10 {
    background-color: var(--color-base-10);
  }
  .bg-base-20 {
    background-color: var(--color-base-20);
  }
  .bg-base-30 {
    background-color: var(--color-base-30);
  }
  .bg-base-40 {
    background-color: var(--color-base-40);
  }
  .bg-base-50 {
    background-color: var(--color-base-50);
  }
  .bg-base-50\/50 {
    background-color: color-mix(in srgb, rgb(var(--base-50)) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-base-50) 50%, transparent);
    }
  }
  .bg-base-60 {
    background-color: var(--color-base-60);
  }
  .bg-base-70 {
    background-color: var(--color-base-70);
  }
  .bg-base-80 {
    background-color: var(--color-base-80);
  }
  .bg-base-90 {
    background-color: var(--color-base-90);
  }
  .bg-base-100 {
    background-color: var(--color-base-100);
  }
  .bg-base-100\/45 {
    background-color: color-mix(in srgb, rgb(var(--base-100)) 45%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-base-100) 45%, transparent);
    }
  }
  .bg-base-100\/50 {
    background-color: color-mix(in srgb, rgb(var(--base-100)) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-base-100) 50%, transparent);
    }
  }
  .bg-black {
    background-color: var(--color-black);
  }
  .bg-black\/30 {
    background-color: color-mix(in srgb, rgb(var(--base-100)) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 30%, transparent);
    }
  }
  .bg-black\/40 {
    background-color: color-mix(in srgb, rgb(var(--base-100)) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
    }
  }
  .bg-brand {
    background-color: var(--color-brand);
  }
  .bg-brand-muted {
    background-color: var(--color-brand-muted);
  }
  .bg-brand-soft {
    background-color: var(--color-brand-soft);
  }
  .bg-brand\/30 {
    background-color: color-mix(in srgb, rgb(var(--primary-50)) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-brand) 30%, transparent);
    }
  }
  .bg-canvas {
    background-color: var(--color-canvas);
  }
  .bg-canvas\/70 {
    background-color: color-mix(in srgb, rgb(var(--white)) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-canvas) 70%, transparent);
    }
  }
  .bg-danger {
    background-color: var(--color-danger);
  }
  .bg-danger-3 {
    background-color: var(--color-danger-3);
  }
  .bg-danger-5 {
    background-color: var(--color-danger-5);
  }
  .bg-danger-10 {
    background-color: var(--color-danger-10);
  }
  .bg-danger-20 {
    background-color: var(--color-danger-20);
  }
  .bg-danger-30 {
    background-color: var(--color-danger-30);
  }
  .bg-danger-40 {
    background-color: var(--color-danger-40);
  }
  .bg-danger-50 {
    background-color: var(--color-danger-50);
  }
  .bg-danger-60 {
    background-color: var(--color-danger-60);
  }
  .bg-danger-70 {
    background-color: var(--color-danger-70);
  }
  .bg-danger-80 {
    background-color: var(--color-danger-80);
  }
  .bg-danger-90 {
    background-color: var(--color-danger-90);
  }
  .bg-danger-soft {
    background-color: var(--color-danger-soft);
  }
  .bg-fill-inverse {
    background-color: var(--color-fill-inverse);
  }
  .bg-fill-strong {
    background-color: var(--color-fill-strong);
  }
  .bg-gold {
    background-color: var(--color-gold);
  }
  .bg-gold\/35 {
    background-color: color-mix(in srgb, color-mix(in oklab, var(--color-mark-yellow) 55%, var(--color-mark-orange)) 35%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-gold) 35%, transparent);
    }
  }
  .bg-ink {
    background-color: var(--color-ink);
  }
  .bg-ink-body {
    background-color: var(--color-ink-body);
  }
  .bg-ink-muted {
    background-color: var(--color-ink-muted);
  }
  .bg-ink-subtle {
    background-color: var(--color-ink-subtle);
  }
  .bg-line {
    background-color: var(--color-line);
  }
  .bg-line-inverse {
    background-color: var(--color-line-inverse);
  }
  .bg-line-strong {
    background-color: var(--color-line-strong);
  }
  .bg-mark-cyan {
    background-color: var(--color-mark-cyan);
  }
  .bg-mark-navy {
    background-color: var(--color-mark-navy);
  }
  .bg-mark-orange {
    background-color: var(--color-mark-orange);
  }
  .bg-mark-yellow {
    background-color: var(--color-mark-yellow);
  }
  .bg-mint {
    background-color: var(--color-mint);
  }
  .bg-mint-soft {
    background-color: var(--color-mint-soft);
  }
  .bg-primary-3 {
    background-color: var(--color-primary-3);
  }
  .bg-primary-5 {
    background-color: var(--color-primary-5);
  }
  .bg-primary-10 {
    background-color: var(--color-primary-10);
  }
  .bg-primary-15 {
    background-color: var(--color-primary-15);
  }
  .bg-primary-20 {
    background-color: var(--color-primary-20);
  }
  .bg-primary-30 {
    background-color: var(--color-primary-30);
  }
  .bg-primary-40 {
    background-color: var(--color-primary-40);
  }
  .bg-primary-50 {
    background-color: var(--color-primary-50);
  }
  .bg-primary-60 {
    background-color: var(--color-primary-60);
  }
  .bg-primary-70 {
    background-color: var(--color-primary-70);
  }
  .bg-primary-80 {
    background-color: var(--color-primary-80);
  }
  .bg-primary-85 {
    background-color: var(--color-primary-85);
  }
  .bg-primary-90 {
    background-color: var(--color-primary-90);
  }
  .bg-scrim\/30 {
    background-color: color-mix(in srgb, rgb(var(--base-90)) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-scrim) 30%, transparent);
    }
  }
  .bg-scrim\/40 {
    background-color: color-mix(in srgb, rgb(var(--base-90)) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-scrim) 40%, transparent);
    }
  }
  .bg-scrim\/50 {
    background-color: color-mix(in srgb, rgb(var(--base-90)) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-scrim) 50%, transparent);
    }
  }
  .bg-secondary-3 {
    background-color: var(--color-secondary-3);
  }
  .bg-secondary-5 {
    background-color: var(--color-secondary-5);
  }
  .bg-secondary-10 {
    background-color: var(--color-secondary-10);
  }
  .bg-secondary-20 {
    background-color: var(--color-secondary-20);
  }
  .bg-secondary-30 {
    background-color: var(--color-secondary-30);
  }
  .bg-secondary-40 {
    background-color: var(--color-secondary-40);
  }
  .bg-secondary-50 {
    background-color: var(--color-secondary-50);
  }
  .bg-secondary-60 {
    background-color: var(--color-secondary-60);
  }
  .bg-secondary-70 {
    background-color: var(--color-secondary-70);
  }
  .bg-secondary-80 {
    background-color: var(--color-secondary-80);
  }
  .bg-secondary-90 {
    background-color: var(--color-secondary-90);
  }
  .bg-success {
    background-color: var(--color-success);
  }
  .bg-success-3 {
    background-color: var(--color-success-3);
  }
  .bg-success-5 {
    background-color: var(--color-success-5);
  }
  .bg-success-7 {
    background-color: var(--color-success-7);
  }
  .bg-success-10 {
    background-color: var(--color-success-10);
  }
  .bg-success-20 {
    background-color: var(--color-success-20);
  }
  .bg-success-30 {
    background-color: var(--color-success-30);
  }
  .bg-success-40 {
    background-color: var(--color-success-40);
  }
  .bg-success-50 {
    background-color: var(--color-success-50);
  }
  .bg-success-60 {
    background-color: var(--color-success-60);
  }
  .bg-success-70 {
    background-color: var(--color-success-70);
  }
  .bg-success-80 {
    background-color: var(--color-success-80);
  }
  .bg-success-90 {
    background-color: var(--color-success-90);
  }
  .bg-success-soft {
    background-color: var(--color-success-soft);
  }
  .bg-surface {
    background-color: var(--color-surface);
  }
  .bg-surface-brand {
    background-color: var(--color-surface-brand);
  }
  .bg-surface-inverse {
    background-color: var(--color-surface-inverse);
  }
  .bg-surface-muted {
    background-color: var(--color-surface-muted);
  }
  .bg-surface-subtle {
    background-color: var(--color-surface-subtle);
  }
  .bg-surface-subtle\/80 {
    background-color: color-mix(in srgb, rgb(var(--base-1)) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-surface-subtle) 80%, transparent);
    }
  }
  .bg-surface-sunken {
    background-color: var(--color-surface-sunken);
  }
  .bg-surface\/40 {
    background-color: color-mix(in srgb, rgb(var(--white)) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-surface) 40%, transparent);
    }
  }
  .bg-tertiary-3 {
    background-color: var(--color-tertiary-3);
  }
  .bg-tertiary-5 {
    background-color: var(--color-tertiary-5);
  }
  .bg-tertiary-10 {
    background-color: var(--color-tertiary-10);
  }
  .bg-tertiary-20 {
    background-color: var(--color-tertiary-20);
  }
  .bg-tertiary-30 {
    background-color: var(--color-tertiary-30);
  }
  .bg-tertiary-40 {
    background-color: var(--color-tertiary-40);
  }
  .bg-tertiary-50 {
    background-color: var(--color-tertiary-50);
  }
  .bg-tertiary-60 {
    background-color: var(--color-tertiary-60);
  }
  .bg-tertiary-70 {
    background-color: var(--color-tertiary-70);
  }
  .bg-tertiary-80 {
    background-color: var(--color-tertiary-80);
  }
  .bg-tertiary-90 {
    background-color: var(--color-tertiary-90);
  }
  .bg-transparent {
    background-color: transparent;
  }
  .bg-void {
    background-color: var(--color-void);
  }
  .bg-warning {
    background-color: var(--color-warning);
  }
  .bg-warning-3 {
    background-color: var(--color-warning-3);
  }
  .bg-warning-5 {
    background-color: var(--color-warning-5);
  }
  .bg-warning-10 {
    background-color: var(--color-warning-10);
  }
  .bg-warning-20 {
    background-color: var(--color-warning-20);
  }
  .bg-warning-30 {
    background-color: var(--color-warning-30);
  }
  .bg-warning-40 {
    background-color: var(--color-warning-40);
  }
  .bg-warning-50 {
    background-color: var(--color-warning-50);
  }
  .bg-warning-60 {
    background-color: var(--color-warning-60);
  }
  .bg-warning-70 {
    background-color: var(--color-warning-70);
  }
  .bg-warning-80 {
    background-color: var(--color-warning-80);
  }
  .bg-warning-90 {
    background-color: var(--color-warning-90);
  }
  .bg-warning-soft {
    background-color: var(--color-warning-soft);
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .bg-white\/10 {
    background-color: color-mix(in srgb, rgb(var(--white)) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }
  .bg-white\/20 {
    background-color: color-mix(in srgb, rgb(var(--white)) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
  }
  .bg-white\/30 {
    background-color: color-mix(in srgb, rgb(var(--white)) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 30%, transparent);
    }
  }
  .bg-white\/70 {
    background-color: color-mix(in srgb, rgb(var(--white)) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 70%, transparent);
    }
  }
  .bg-white\/80 {
    background-color: color-mix(in srgb, rgb(var(--white)) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 80%, transparent);
    }
  }
  .bg-white\/90 {
    background-color: color-mix(in srgb, rgb(var(--white)) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
    }
  }
  .bg-white\/95 {
    background-color: color-mix(in srgb, rgb(var(--white)) 95%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 95%, transparent);
    }
  }
  .bg-gradient-to-b {
    --tw-gradient-position: to bottom in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-gradient-to-br {
    --tw-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-gradient-to-l {
    --tw-gradient-position: to left in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-gradient-to-t {
    --tw-gradient-position: to top in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-gradient-to-tr {
    --tw-gradient-position: to top right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .text-gradient-gold {
    background-image: var(--gradient-gold);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
  }
  .bg-\(image\:--gradient-gold\) {
    background-image: var(--gradient-gold);
  }
  .bg-gold {
    background-image: var(--gradient-gold);
  }
  .bg-navy {
    background-image: var(--gradient-navy);
  }
  .from-black\/10 {
    --tw-gradient-from: color-mix(in srgb, rgb(var(--base-100)) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-brand {
    --tw-gradient-from: var(--color-brand);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-danger-30 {
    --tw-gradient-from: var(--color-danger-30);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-navy-950\/80 {
    --tw-gradient-from: color-mix(in srgb, #010626 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-navy-950) 80%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-primary-10 {
    --tw-gradient-from: var(--color-primary-10);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-primary-40 {
    --tw-gradient-from: var(--color-primary-40);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-scrim\/60 {
    --tw-gradient-from: color-mix(in srgb, rgb(var(--base-90)) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-scrim) 60%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-scrim\/85 {
    --tw-gradient-from: color-mix(in srgb, rgb(var(--base-90)) 85%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-scrim) 85%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-scrim\/90 {
    --tw-gradient-from: color-mix(in srgb, rgb(var(--base-90)) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-scrim) 90%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-success-5 {
    --tw-gradient-from: var(--color-success-5);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-success-30 {
    --tw-gradient-from: var(--color-success-30);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-surface-inverse {
    --tw-gradient-from: var(--color-surface-inverse);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .via-line-strong {
    --tw-gradient-via: var(--color-line-strong);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-navy-950\/20 {
    --tw-gradient-via: color-mix(in srgb, #010626 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-navy-950) 20%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-scrim\/30 {
    --tw-gradient-via: color-mix(in srgb, rgb(var(--base-90)) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-scrim) 30%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-scrim\/40 {
    --tw-gradient-via: color-mix(in srgb, rgb(var(--base-90)) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-scrim) 40%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-surface-inverse\/60 {
    --tw-gradient-via: color-mix(in srgb, #010c3a 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-surface-inverse) 60%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-transparent {
    --tw-gradient-via: transparent;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .to-black\/50 {
    --tw-gradient-to: color-mix(in srgb, rgb(var(--base-100)) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-black) 50%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-danger-50 {
    --tw-gradient-to: var(--color-danger-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-gold {
    --tw-gradient-to: var(--color-gold);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-line-strong {
    --tw-gradient-to: var(--color-line-strong);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-primary-70 {
    --tw-gradient-to: var(--color-primary-70);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-success-2 {
    --tw-gradient-to: var(--color-success-2);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-success-50 {
    --tw-gradient-to: var(--color-success-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-transparent {
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .bg-\[length\:50px_50px\] {
    background-size: 50px 50px;
  }
  .bg-cover {
    background-size: cover;
  }
  .object-contain {
    object-fit: contain;
  }
  .object-cover {
    object-fit: cover;
  }
  .object-\[50\%_22\%\] {
    object-position: 50% 22%;
  }
  .object-top {
    object-position: top;
  }
  .\!p-0 {
    padding: 0px !important;
  }
  .p-0 {
    padding: 0px;
  }
  .p-0\.5 {
    padding: calc(var(--spacing) * 0.5);
  }
  .p-1 {
    padding: var(--spacing);
  }
  .p-1\.5 {
    padding: calc(var(--spacing) * 1.5);
  }
  .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .p-2\.5 {
    padding: calc(var(--spacing) * 2.5);
  }
  .p-3 {
    padding: calc(var(--spacing) * 3);
  }
  .p-3\.5 {
    padding: calc(var(--spacing) * 3.5);
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .p-5 {
    padding: calc(var(--spacing) * 5);
  }
  .p-6 {
    padding: calc(var(--spacing) * 6);
  }
  .p-8 {
    padding: calc(var(--spacing) * 8);
  }
  .p-base {
    padding: var(--spacing-base);
  }
  .p-base-2xl {
    padding: var(--spacing-base-2xl);
  }
  .p-base-md {
    padding: var(--spacing-base-md);
  }
  .p-base-sm {
    padding: var(--spacing-base-sm);
  }
  .p-base-xs {
    padding: var(--spacing-base-xs);
  }
  .\!px-0 {
    padding-inline: 0px !important;
  }
  .px-0 {
    padding-inline: 0px;
  }
  .px-1 {
    padding-inline: var(--spacing);
  }
  .px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5);
  }
  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
  .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .px-3\.5 {
    padding-inline: calc(var(--spacing) * 3.5);
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }
  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }
  .px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }
  .px-base {
    padding-inline: var(--spacing-base);
  }
  .px-base-lg {
    padding-inline: var(--spacing-base-lg);
  }
  .px-base-md {
    padding-inline: var(--spacing-base-md);
  }
  .px-base-sm {
    padding-inline: var(--spacing-base-sm);
  }
  .py-0 {
    padding-block: 0px;
  }
  .py-0\.5 {
    padding-block: calc(var(--spacing) * 0.5);
  }
  .py-1 {
    padding-block: var(--spacing);
  }
  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .py-3\.5 {
    padding-block: calc(var(--spacing) * 3.5);
  }
  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
  .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }
  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }
  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }
  .py-10 {
    padding-block: calc(var(--spacing) * 10);
  }
  .py-12 {
    padding-block: calc(var(--spacing) * 12);
  }
  .py-14 {
    padding-block: calc(var(--spacing) * 14);
  }
  .py-16 {
    padding-block: calc(var(--spacing) * 16);
  }
  .py-base {
    padding-block: var(--spacing-base);
  }
  .py-base-2xl {
    padding-block: var(--spacing-base-2xl);
  }
  .py-base-lg {
    padding-block: var(--spacing-base-lg);
  }
  .py-base-md {
    padding-block: var(--spacing-base-md);
  }
  .py-base-sm {
    padding-block: var(--spacing-base-sm);
  }
  .py-base-xl {
    padding-block: var(--spacing-base-xl);
  }
  .py-base-xs {
    padding-block: var(--spacing-base-xs);
  }
  .py-section {
    padding-block: var(--spacing-section);
  }
  .py-section-sm {
    padding-block: var(--spacing-section-sm);
  }
  .ps-0 {
    padding-inline-start: 0px;
  }
  .ps-1 {
    padding-inline-start: var(--spacing);
  }
  .ps-1\.5 {
    padding-inline-start: calc(var(--spacing) * 1.5);
  }
  .ps-2 {
    padding-inline-start: calc(var(--spacing) * 2);
  }
  .ps-3 {
    padding-inline-start: calc(var(--spacing) * 3);
  }
  .ps-3\.5 {
    padding-inline-start: calc(var(--spacing) * 3.5);
  }
  .ps-4 {
    padding-inline-start: calc(var(--spacing) * 4);
  }
  .ps-5 {
    padding-inline-start: calc(var(--spacing) * 5);
  }
  .ps-6 {
    padding-inline-start: calc(var(--spacing) * 6);
  }
  .ps-9 {
    padding-inline-start: calc(var(--spacing) * 9);
  }
  .pe-0 {
    padding-inline-end: 0px;
  }
  .pe-1 {
    padding-inline-end: var(--spacing);
  }
  .pe-2 {
    padding-inline-end: calc(var(--spacing) * 2);
  }
  .pe-3 {
    padding-inline-end: calc(var(--spacing) * 3);
  }
  .pe-4 {
    padding-inline-end: calc(var(--spacing) * 4);
  }
  .pe-5 {
    padding-inline-end: calc(var(--spacing) * 5);
  }
  .pe-24 {
    padding-inline-end: calc(var(--spacing) * 24);
  }
  .pt-0 {
    padding-top: 0px;
  }
  .pt-0\.5 {
    padding-top: calc(var(--spacing) * 0.5);
  }
  .pt-1 {
    padding-top: var(--spacing);
  }
  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }
  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }
  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }
  .pt-5 {
    padding-top: calc(var(--spacing) * 5);
  }
  .pt-6 {
    padding-top: calc(var(--spacing) * 6);
  }
  .pt-8 {
    padding-top: calc(var(--spacing) * 8);
  }
  .pt-10 {
    padding-top: calc(var(--spacing) * 10);
  }
  .pt-12 {
    padding-top: calc(var(--spacing) * 12);
  }
  .pt-24 {
    padding-top: calc(var(--spacing) * 24);
  }
  .pt-base {
    padding-top: var(--spacing-base);
  }
  .pt-base-lg {
    padding-top: var(--spacing-base-lg);
  }
  .pt-base-xs {
    padding-top: var(--spacing-base-xs);
  }
  .pt-section-sm {
    padding-top: var(--spacing-section-sm);
  }
  .pr-0 {
    padding-right: 0px;
  }
  .pr-1 {
    padding-right: var(--spacing);
  }
  .pr-2 {
    padding-right: calc(var(--spacing) * 2);
  }
  .pr-3 {
    padding-right: calc(var(--spacing) * 3);
  }
  .pr-4 {
    padding-right: calc(var(--spacing) * 4);
  }
  .pr-5 {
    padding-right: calc(var(--spacing) * 5);
  }
  .pr-base-sm {
    padding-right: var(--spacing-base-sm);
  }
  .pb-0 {
    padding-bottom: 0px;
  }
  .pb-1 {
    padding-bottom: var(--spacing);
  }
  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }
  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }
  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }
  .pb-5 {
    padding-bottom: calc(var(--spacing) * 5);
  }
  .pb-6 {
    padding-bottom: calc(var(--spacing) * 6);
  }
  .pb-8 {
    padding-bottom: calc(var(--spacing) * 8);
  }
  .pb-10 {
    padding-bottom: calc(var(--spacing) * 10);
  }
  .pb-12 {
    padding-bottom: calc(var(--spacing) * 12);
  }
  .pb-14 {
    padding-bottom: calc(var(--spacing) * 14);
  }
  .pb-24 {
    padding-bottom: calc(var(--spacing) * 24);
  }
  .pb-44 {
    padding-bottom: calc(var(--spacing) * 44);
  }
  .pb-\[calc\(12px\+env\(safe-area-inset-bottom\)\)\] {
    padding-bottom: calc(12px + env(safe-area-inset-bottom));
  }
  .pb-\[calc\(20px\+env\(safe-area-inset-bottom\)\)\] {
    padding-bottom: calc(20px + env(safe-area-inset-bottom));
  }
  .pb-\[calc\(76px\+env\(safe-area-inset-bottom\)\)\] {
    padding-bottom: calc(76px + env(safe-area-inset-bottom));
  }
  .pb-base {
    padding-bottom: var(--spacing-base);
  }
  .pb-base-4xl {
    padding-bottom: var(--spacing-base-4xl);
  }
  .pb-base-md {
    padding-bottom: var(--spacing-base-md);
  }
  .pb-base-sm {
    padding-bottom: var(--spacing-base-sm);
  }
  .pb-section {
    padding-bottom: var(--spacing-section);
  }
  .pb-section-sm {
    padding-bottom: var(--spacing-section-sm);
  }
  .pl-0 {
    padding-left: 0px;
  }
  .pl-1 {
    padding-left: var(--spacing);
  }
  .pl-2 {
    padding-left: calc(var(--spacing) * 2);
  }
  .pl-3 {
    padding-left: calc(var(--spacing) * 3);
  }
  .pl-4 {
    padding-left: calc(var(--spacing) * 4);
  }
  .pl-5 {
    padding-left: calc(var(--spacing) * 5);
  }
  .pl-base {
    padding-left: var(--spacing-base);
  }
  .pl-base-md {
    padding-left: var(--spacing-base-md);
  }
  .text-center {
    text-align: center;
  }
  .text-end {
    text-align: end;
  }
  .text-justify {
    text-align: justify;
  }
  .text-left {
    text-align: left;
  }
  .text-right {
    text-align: right;
  }
  .text-start {
    text-align: start;
  }
  .\!font-\[\'Sahel\'\,_sans-serif\] {
    font-family: 'Sahel', sans-serif !important;
  }
  .font-mono {
    font-family: var(--font-mono);
  }
  .font-sans {
    font-family: var(--font-sans);
  }
  .t {
    font-size: var(--text-base);
    line-height: var(--text-base--line-height);
    font-weight: var(--font-weight-normal);
  }
  .t-2xl {
    font-size: var(--text-2xl);
    line-height: var(--text-2xl--line-height);
    font-weight: var(--font-weight-extrabold);
  }
  .t-3xl {
    font-size: var(--text-3xl);
    line-height: var(--text-3xl--line-height);
    font-weight: var(--font-weight-extrabold);
  }
  .t-bold {
    font-size: var(--text-base);
    line-height: var(--text-base--line-height);
    font-weight: var(--font-weight-semibold);
  }
  .t-lg {
    font-size: var(--text-lg);
    line-height: var(--text-lg--line-height);
    font-weight: var(--font-weight-semibold);
  }
  .t-md {
    font-size: var(--text-md);
    line-height: var(--text-md--line-height);
    font-weight: var(--font-weight-semibold);
  }
  .t-sm {
    font-size: var(--text-sm);
    line-height: var(--text-sm--line-height);
    font-weight: var(--font-weight-normal);
  }
  .t-sm-bold {
    font-size: var(--text-sm);
    line-height: var(--text-sm--line-height);
    font-weight: var(--font-weight-semibold);
  }
  .t-xl {
    font-size: var(--text-xl);
    line-height: var(--text-xl--line-height);
    font-weight: var(--font-weight-bold);
  }
  .t-xs {
    font-size: var(--text-xs);
    line-height: var(--text-xs--line-height);
    font-weight: var(--font-weight-normal);
  }
  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .text-2xs {
    font-size: var(--text-2xs);
    line-height: var(--tw-leading, var(--text-2xs--line-height));
  }
  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
  .text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
  .text-5xl {
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
  }
  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .text-md {
    font-size: var(--text-md);
    line-height: var(--tw-leading, var(--text-md--line-height));
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .t-4 {
    font-size: calc(4 * var(--spacing));
  }
  .t-5 {
    font-size: calc(5 * var(--spacing));
  }
  .t-6 {
    font-size: calc(6 * var(--spacing));
  }
  .t-7 {
    font-size: calc(7 * var(--spacing));
  }
  .t-9 {
    font-size: calc(9 * var(--spacing));
  }
  .t-10 {
    font-size: calc(10 * var(--spacing));
  }
  .t-12 {
    font-size: calc(12 * var(--spacing));
  }
  .t-16 {
    font-size: calc(16 * var(--spacing));
  }
  .text-\[10px\] {
    font-size: 10px;
  }
  .text-\[11px\] {
    font-size: 11px;
  }
  .text-\[13px\] {
    font-size: 13px;
  }
  .text-\[18px\] {
    font-size: 18px;
  }
  .text-\[22px\] {
    font-size: 22px;
  }
  .text-\[80px\] {
    font-size: 80px;
  }
  .\!leading-none {
    --tw-leading: var(--leading-none) !important;
    line-height: var(--leading-none) !important;
  }
  .\!leading-normal {
    --tw-leading: var(--leading-normal) !important;
    line-height: var(--leading-normal) !important;
  }
  .\!leading-snug {
    --tw-leading: var(--leading-snug) !important;
    line-height: var(--leading-snug) !important;
  }
  .leading-loose {
    --tw-leading: var(--leading-loose);
    line-height: var(--leading-loose);
  }
  .leading-normal {
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal);
  }
  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }
  .leading-snug {
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }
  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }
  .\!font-normal {
    --tw-font-weight: var(--font-weight-normal) !important;
    font-weight: var(--font-weight-normal) !important;
  }
  .font-black {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-extrabold {
    --tw-font-weight: var(--font-weight-extrabold);
    font-weight: var(--font-weight-extrabold);
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }
  .text-balance {
    text-wrap: balance;
  }
  .break-words {
    overflow-wrap: break-word;
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .whitespace-pre-line {
    white-space: pre-line;
  }
  .\!text-success-ink {
    color: var(--color-success-ink) !important;
  }
  .\!text-white {
    color: var(--color-white) !important;
  }
  .text-amber {
    color: var(--color-amber);
  }
  .text-base-10 {
    color: var(--color-base-10);
  }
  .text-base-15 {
    color: var(--color-base-15);
  }
  .text-base-30 {
    color: var(--color-base-30);
  }
  .text-base-35 {
    color: var(--color-base-35);
  }
  .text-base-40 {
    color: var(--color-base-40);
  }
  .text-base-50 {
    color: var(--color-base-50);
  }
  .text-base-70 {
    color: var(--color-base-70);
  }
  .text-base-90 {
    color: var(--color-base-90);
  }
  .text-base-100 {
    color: var(--color-base-100);
  }
  .text-brand {
    color: var(--color-brand);
  }
  .text-brand-ink {
    color: var(--color-brand-ink);
  }
  .text-brand-inverse {
    color: var(--color-brand-inverse);
  }
  .text-brand-inverse-ink {
    color: var(--color-brand-inverse-ink);
  }
  .text-brand-muted {
    color: var(--color-brand-muted);
  }
  .text-danger-50 {
    color: var(--color-danger-50);
  }
  .text-danger-70 {
    color: var(--color-danger-70);
  }
  .text-danger-ink {
    color: var(--color-danger-ink);
  }
  .text-gold {
    color: var(--color-gold);
  }
  .text-ink {
    color: var(--color-ink);
  }
  .text-ink-body {
    color: var(--color-ink-body);
  }
  .text-ink-inverse {
    color: var(--color-ink-inverse);
  }
  .text-ink-inverse-muted {
    color: var(--color-ink-inverse-muted);
  }
  .text-ink-inverse\/80 {
    color: color-mix(in srgb, rgb(var(--white)) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-ink-inverse) 80%, transparent);
    }
  }
  .text-ink-muted {
    color: var(--color-ink-muted);
  }
  .text-ink-subtle {
    color: var(--color-ink-subtle);
  }
  .text-line-strong {
    color: var(--color-line-strong);
  }
  .text-mint {
    color: var(--color-mint);
  }
  .text-mint-ink {
    color: var(--color-mint-ink);
  }
  .text-navy-950 {
    color: var(--color-navy-950);
  }
  .text-primary-20 {
    color: var(--color-primary-20);
  }
  .text-primary-30 {
    color: var(--color-primary-30);
  }
  .text-primary-50 {
    color: var(--color-primary-50);
  }
  .text-primary-70 {
    color: var(--color-primary-70);
  }
  .text-primary-80 {
    color: var(--color-primary-80);
  }
  .text-secondary-50 {
    color: var(--color-secondary-50);
  }
  .text-success-50 {
    color: var(--color-success-50);
  }
  .text-success-60 {
    color: var(--color-success-60);
  }
  .text-success-70 {
    color: var(--color-success-70);
  }
  .text-success-ink {
    color: var(--color-success-ink);
  }
  .text-warning-50 {
    color: var(--color-warning-50);
  }
  .text-warning-70 {
    color: var(--color-warning-70);
  }
  .text-white {
    color: var(--color-white);
  }
  .text-white\/50 {
    color: color-mix(in srgb, rgb(var(--white)) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 50%, transparent);
    }
  }
  .uppercase {
    text-transform: uppercase;
  }
  .line-through {
    text-decoration-line: line-through;
  }
  .underline {
    text-decoration-line: underline;
  }
  .decoration-white\/30 {
    text-decoration-color: color-mix(in srgb, rgb(var(--white)) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      text-decoration-color: color-mix(in oklab, var(--color-white) 30%, transparent);
    }
  }
  .decoration-2 {
    text-decoration-thickness: 2px;
  }
  .opacity-0 {
    opacity: 0%;
  }
  .opacity-5 {
    opacity: 5%;
  }
  .opacity-25 {
    opacity: 25%;
  }
  .opacity-30 {
    opacity: 30%;
  }
  .opacity-40 {
    opacity: 40%;
  }
  .opacity-50 {
    opacity: 50%;
  }
  .opacity-60 {
    opacity: 60%;
  }
  .opacity-70 {
    opacity: 70%;
  }
  .opacity-75 {
    opacity: 75%;
  }
  .opacity-80 {
    opacity: 80%;
  }
  .opacity-100 {
    opacity: 100%;
  }
  .mix-blend-overlay {
    mix-blend-mode: overlay;
  }
  .shadow-\[0_1px_2px_rgba\(15\,23\,42\,\.06\)\,0_12px_32px_rgba\(15\,23\,42\,\.12\)\] {
    --tw-shadow: 0 1px 2px var(--tw-shadow-color, rgba(15,23,42,.06)), 0 12px 32px var(--tw-shadow-color, rgba(15,23,42,.12));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_8px_32px_rgba\(0\,0\,0\,0\.3\)\] {
    --tw-shadow: 0 8px 32px var(--tw-shadow-color, rgba(0,0,0,0.3));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_24px_64px_rgba\(15\,23\,42\,\.24\)\] {
    --tw-shadow: 0 24px 64px var(--tw-shadow-color, rgba(15,23,42,.24));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-base-lg {
    --tw-shadow: var(--shadow-lg);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-base-md {
    --tw-shadow: var(--shadow-md);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-base-sm {
    --tw-shadow: var(--shadow-sm);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-brand {
    --tw-shadow: 0 10px 24px -10px var(--tw-shadow-color, rgb(var(--primary-50) / 0.6));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-lg {
    --tw-shadow: 0 2px 6px -1px var(--tw-shadow-color, rgb(var(--base-70) / 0.05)), 0 24px 48px -18px var(--tw-shadow-color, rgb(var(--base-70) / 0.2));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-md {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(var(--base-70) / 0.05)), 0 12px 24px -10px var(--tw-shadow-color, rgb(var(--base-70) / 0.14));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-none {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-normal {
    --tw-shadow: var(--shadow-lg);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-normal-sm {
    --tw-shadow: var(--shadow-sm);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-ring {
    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, rgb(var(--base-70) / 0.06));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-sm {
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(var(--base-70) / 0.04)), 0 2px 8px -2px var(--tw-shadow-color, rgb(var(--base-70) / 0.07));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-xl {
    --tw-shadow: 0 4px 10px -2px var(--tw-shadow-color, rgb(var(--base-70) / 0.06)), 0 40px 80px -28px var(--tw-shadow-color, rgb(var(--base-70) / 0.3));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-xs {
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(var(--base-70) / 0.05));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring-0 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring-1 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring-2 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring-4 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring-base-10 {
    --tw-ring-color: var(--color-base-10);
  }
  .ring-gold\/40 {
    --tw-ring-color: color-mix(in srgb, color-mix(in oklab, var(--color-mark-yellow) 55%, var(--color-mark-orange)) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-gold) 40%, transparent);
    }
  }
  .ring-gold\/70 {
    --tw-ring-color: color-mix(in srgb, color-mix(in oklab, var(--color-mark-yellow) 55%, var(--color-mark-orange)) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-gold) 70%, transparent);
    }
  }
  .ring-line-inverse {
    --tw-ring-color: var(--color-line-inverse);
  }
  .ring-primary-5 {
    --tw-ring-color: var(--color-primary-5);
  }
  .ring-success-50\/15 {
    --tw-ring-color: color-mix(in srgb, rgb(var(--success-50)) 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-success-50) 15%, transparent);
    }
  }
  .ring-transparent {
    --tw-ring-color: transparent;
  }
  .ring-white {
    --tw-ring-color: var(--color-white);
  }
  .ring-offset-2 {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }
  .ring-offset-surface-inverse {
    --tw-ring-offset-color: var(--color-surface-inverse);
  }
  .outline-offset-4 {
    outline-offset: 4px;
  }
  .brightness-0 {
    --tw-brightness: brightness(0%);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .drop-shadow-md {
    --tw-drop-shadow-size: drop-shadow(0 3px 3px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.12)));
    --tw-drop-shadow: drop-shadow(var(--drop-shadow-md));
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .grayscale {
    --tw-grayscale: grayscale(100%);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .invert {
    --tw-invert: invert(100%);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .filter {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .backdrop-blur-lg {
    --tw-backdrop-blur: blur(var(--blur-lg));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .backdrop-blur-md {
    --tw-backdrop-blur: blur(var(--blur-md));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .backdrop-blur-sm {
    --tw-backdrop-blur: blur(var(--blur-sm));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .backdrop-filter {
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .duration-200 {
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
  .duration-300 {
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  .duration-500 {
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .duration-700 {
    --tw-duration: 700ms;
    transition-duration: 700ms;
  }
  .duration-1000 {
    --tw-duration: 1000ms;
    transition-duration: 1000ms;
  }
  .duration-base {
    --tw-duration: var(--duration-base);
    transition-duration: var(--duration-base);
  }
  .duration-fast {
    --tw-duration: var(--duration-fast);
    transition-duration: var(--duration-fast);
  }
  .duration-instant {
    --tw-duration: var(--duration-instant);
    transition-duration: var(--duration-instant);
  }
  .duration-moderate {
    --tw-duration: var(--duration-moderate);
    transition-duration: var(--duration-moderate);
  }
  .duration-slow {
    --tw-duration: var(--duration-slow);
    transition-duration: var(--duration-slow);
  }
  .ease-in {
    --tw-ease: var(--ease-in);
    transition-timing-function: var(--ease-in);
  }
  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }
  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }
  .ease-smooth {
    --tw-ease: var(--ease-smooth);
    transition-timing-function: var(--ease-smooth);
  }
  .\!outline-none {
    --tw-outline-style: none !important;
    outline-style: none !important;
  }
  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }
  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }
  .\[--cert-fit\:width\] {
    --cert-fit: width;
  }
  .\[--i\:1\] {
    --i: 1;
  }
  .\[--i\:2\] {
    --i: 2;
  }
  .\[--i\:3\] {
    --i: 3;
  }
  .\[--i\:4\] {
    --i: 4;
  }
  .\[--i\:5\] {
    --i: 5;
  }
  .\[-webkit-touch-callout\:none\] {
    -webkit-touch-callout: none;
  }
  .\[animation-delay\:\.06s\] {
    animation-delay: .06s;
  }
  .\[animation-delay\:\.08s\] {
    animation-delay: .08s;
  }
  .\[animation-delay\:\.12s\] {
    animation-delay: .12s;
  }
  .\[animation-delay\:\.18s\] {
    animation-delay: .18s;
  }
  .ltr {
    direction: ltr;
  }
  .rtl {
    direction: rtl;
  }
  .group-open\:rotate-180:is(:where(.group):is([open], :popover-open, :open) *) {
    rotate: 180deg;
  }
  .group-open\:bg-navy:is(:where(.group):is([open], :popover-open, :open) *) {
    background-image: var(--gradient-navy);
  }
  .group-open\:text-gold:is(:where(.group):is([open], :popover-open, :open) *) {
    color: var(--color-gold);
  }
  @media (hover: hover) {
    .group-hover\:-translate-x-1:is(:where(.group):hover *) {
      --tw-translate-x: calc(var(--spacing) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .group-hover\:scale-105:is(:where(.group):hover *) {
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
    .group-hover\:scale-110:is(:where(.group):hover *) {
      --tw-scale-x: 110%;
      --tw-scale-y: 110%;
      --tw-scale-z: 110%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
    .group-hover\:bg-brand:is(:where(.group):hover *) {
      background-color: var(--color-brand);
    }
    .group-hover\:bg-mint:is(:where(.group):hover *) {
      background-color: var(--color-mint);
    }
    .group-hover\:bg-primary-10:is(:where(.group):hover *) {
      background-color: var(--color-primary-10);
    }
    .group-hover\:bg-secondary-10:is(:where(.group):hover *) {
      background-color: var(--color-secondary-10);
    }
    .group-hover\:text-brand-inverse-ink:is(:where(.group):hover *) {
      color: var(--color-brand-inverse-ink);
    }
    .group-hover\:text-ink-inverse:is(:where(.group):hover *) {
      color: var(--color-ink-inverse);
    }
    .group-hover\:text-primary-30:is(:where(.group):hover *) {
      color: var(--color-primary-30);
    }
    .group-hover\:text-secondary-50:is(:where(.group):hover *) {
      color: var(--color-secondary-50);
    }
    .group-hover\:opacity-0:is(:where(.group):hover *) {
      opacity: 0%;
    }
    .group-hover\:opacity-100:is(:where(.group):hover *) {
      opacity: 100%;
    }
    .group-hover\/card\:text-brand-ink:is(:where(.group\/card):hover *) {
      color: var(--color-brand-ink);
    }
    .group-hover\/card\:opacity-100:is(:where(.group\/card):hover *) {
      opacity: 100%;
    }
    .group-hover\/card\:grayscale-0:is(:where(.group\/card):hover *) {
      --tw-grayscale: grayscale(0%);
      filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
    }
    .group-hover\/link\:bg-base-90\/40:is(:where(.group\/link):hover *) {
      background-color: color-mix(in srgb, rgb(var(--base-90)) 40%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\/link\:bg-base-90\/40:is(:where(.group\/link):hover *) {
        background-color: color-mix(in oklab, var(--color-base-90) 40%, transparent);
      }
    }
    .group-hover\/link\:opacity-100:is(:where(.group\/link):hover *) {
      opacity: 100%;
    }
    .group-hover\/link\:ease-in-out:is(:where(.group\/link):hover *) {
      --tw-ease: var(--ease-in-out);
      transition-timing-function: var(--ease-in-out);
    }
  }
  .group-focus-visible\/card\:opacity-100:is(:where(.group\/card):focus-visible *) {
    opacity: 100%;
  }
  .group-active\:block:is(:where(.group):active *) {
    display: block;
  }
  .group-active\:hidden:is(:where(.group):active *) {
    display: none;
  }
  .group-has-\[\:checked\]\/check\:opacity-100:is(:where(.group\/check):has(:is(:checked)) *) {
    opacity: 100%;
  }
  .group-data-\[state\=busy\]\:hidden:is(:where(.group)[data-state="busy"] *) {
    display: none;
  }
  .group-data-\[state\=busy\]\:inline-block:is(:where(.group)[data-state="busy"] *) {
    display: inline-block;
  }
  .group-data-\[state\=done\]\:hidden:is(:where(.group)[data-state="done"] *) {
    display: none;
  }
  .group-data-\[state\=done\]\:inline-block:is(:where(.group)[data-state="done"] *) {
    display: inline-block;
  }
  .group-\[\.show\]\/accordion\:flex:is(:where(.group\/accordion):is(.show) *) {
    display: flex;
  }
  .group-\[\.show\]\/accordion\:rotate-180:is(:where(.group\/accordion):is(.show) *) {
    rotate: 180deg;
  }
  .group-\[\.show\]\/modal\:translate-y-0:is(:where(.group\/modal):is(.show) *) {
    --tw-translate-y: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .peer-checked\:visible:is(:where(.peer):checked ~ *) {
    visibility: visible;
  }
  .peer-checked\:\!border-success-50:is(:where(.peer):checked ~ *) {
    border-color: var(--color-success-50) !important;
  }
  .peer-checked\:border-brand:is(:where(.peer):checked ~ *) {
    border-color: var(--color-brand);
  }
  .peer-checked\:\!bg-success-5:is(:where(.peer):checked ~ *) {
    background-color: var(--color-success-5) !important;
  }
  .peer-checked\:\!bg-success-50:is(:where(.peer):checked ~ *) {
    background-color: var(--color-success-50) !important;
  }
  .peer-checked\:bg-brand:is(:where(.peer):checked ~ *) {
    background-color: var(--color-brand);
  }
  .peer-checked\:bg-primary-50:is(:where(.peer):checked ~ *) {
    background-color: var(--color-primary-50);
  }
  .peer-checked\:font-semibold:is(:where(.peer):checked ~ *) {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .peer-checked\:text-amber:is(:where(.peer):checked ~ *) {
    color: var(--color-amber);
  }
  .peer-checked\:text-ink:is(:where(.peer):checked ~ *) {
    color: var(--color-ink);
  }
  .peer-checked\:\!ring-2:is(:where(.peer):checked ~ *) {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .peer-checked\:\!ring-success-50:is(:where(.peer):checked ~ *) {
    --tw-ring-color: var(--color-success-50) !important;
  }
  @media (hover: hover) {
    .peer-hover\:border-primary-30:is(:where(.peer):hover ~ *) {
      border-color: var(--color-primary-30);
    }
    .peer-hover\:text-amber:is(:where(.peer):hover ~ *) {
      color: var(--color-amber);
    }
    .peer-hover\:ring-4:is(:where(.peer):hover ~ *) {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .peer-hover\:ring-white\/30:is(:where(.peer):hover ~ *) {
      --tw-ring-color: color-mix(in srgb, rgb(var(--white)) 30%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .peer-hover\:ring-white\/30:is(:where(.peer):hover ~ *) {
        --tw-ring-color: color-mix(in oklab, var(--color-white) 30%, transparent);
      }
    }
  }
  .peer-focus\:-top-base:is(:where(.peer):focus ~ *) {
    top: calc(var(--spacing-base) * -1);
  }
  .peer-focus\:right-2\.5:is(:where(.peer):focus ~ *) {
    right: calc(var(--spacing) * 2.5);
  }
  .peer-focus\:scale-75:is(:where(.peer):focus ~ *) {
    --tw-scale-x: 75%;
    --tw-scale-y: 75%;
    --tw-scale-z: 75%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .peer-focus\:px-base-xs:is(:where(.peer):focus ~ *) {
    padding-inline: var(--spacing-base-xs);
  }
  .peer-focus\:text-primary-40:is(:where(.peer):focus ~ *) {
    color: var(--color-primary-40);
  }
  .peer-\[\&\:not\(\:placeholder-shown\)\]\:-top-base:is(:where(.peer):not(:placeholder-shown) ~ *) {
    top: calc(var(--spacing-base) * -1);
  }
  .peer-\[\&\:not\(\:placeholder-shown\)\]\:right-2\.5:is(:where(.peer):not(:placeholder-shown) ~ *) {
    right: calc(var(--spacing) * 2.5);
  }
  .peer-\[\&\:not\(\:placeholder-shown\)\]\:scale-75:is(:where(.peer):not(:placeholder-shown) ~ *) {
    --tw-scale-x: 75%;
    --tw-scale-y: 75%;
    --tw-scale-z: 75%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .peer-\[\&\:not\(\:placeholder-shown\)\]\:px-base-xs:is(:where(.peer):not(:placeholder-shown) ~ *) {
    padding-inline: var(--spacing-base-xs);
  }
  .peer-\[\&\:not\(\:placeholder-shown\)\]\:text-primary-40:is(:where(.peer):not(:placeholder-shown) ~ *) {
    color: var(--color-primary-40);
  }
  .selection\:text-white ::selection {
    color: var(--color-white);
  }
  .selection\:text-white::selection {
    color: var(--color-white);
  }
  .placeholder\:text-right::placeholder {
    text-align: right;
  }
  .placeholder\:font-normal::placeholder {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
  .placeholder\:text-base-30::placeholder {
    color: var(--color-base-30);
  }
  .placeholder\:text-base-40::placeholder {
    color: var(--color-base-40);
  }
  .placeholder\:text-ink-subtle::placeholder {
    color: var(--color-ink-subtle);
  }
  .placeholder\:text-primary-15::placeholder {
    color: var(--color-primary-15);
  }
  .placeholder\:text-primary-20::placeholder {
    color: var(--color-primary-20);
  }
  .placeholder\:opacity-0::placeholder {
    opacity: 0%;
  }
  .placeholder\:transition-all::placeholder {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .placeholder\:duration-300::placeholder {
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  .before\:absolute::before {
    content: var(--tw-content);
    position: absolute;
  }
  .before\:top-1\/2::before {
    content: var(--tw-content);
    top: calc(1 / 2 * 100%);
  }
  .before\:-right-2::before {
    content: var(--tw-content);
    right: calc(var(--spacing) * -2);
  }
  .before\:right-0::before {
    content: var(--tw-content);
    right: 0px;
  }
  .before\:bottom-0::before {
    content: var(--tw-content);
    bottom: 0px;
  }
  .before\:-left-2::before {
    content: var(--tw-content);
    left: calc(var(--spacing) * -2);
  }
  .before\:left-0::before {
    content: var(--tw-content);
    left: 0px;
  }
  .before\:h-0\.5::before {
    content: var(--tw-content);
    height: calc(var(--spacing) * 0.5);
  }
  .before\:h-\[1\.1rem\]::before {
    content: var(--tw-content);
    height: 1.1rem;
  }
  .before\:h-full::before {
    content: var(--tw-content);
    height: 100%;
  }
  .before\:w-full::before {
    content: var(--tw-content);
    width: 100%;
  }
  .before\:-translate-y-1\/2::before {
    content: var(--tw-content);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .before\:rotate-\[-10deg\]::before {
    content: var(--tw-content);
    rotate: -10deg;
  }
  .before\:transform::before {
    content: var(--tw-content);
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .before\:bg-base-50\/30::before {
    content: var(--tw-content);
    background-color: color-mix(in srgb, rgb(var(--base-50)) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-base-50) 30%, transparent);
    }
  }
  .before\:bg-base-100::before {
    content: var(--tw-content);
    background-color: var(--color-base-100);
  }
  .before\:bg-white::before {
    content: var(--tw-content);
    background-color: var(--color-white);
  }
  .before\:opacity-20::before {
    content: var(--tw-content);
    opacity: 20%;
  }
  .before\:content-\[\'\'\]::before {
    --tw-content: '';
    content: var(--tw-content);
  }
  .after\:absolute::after {
    content: var(--tw-content);
    position: absolute;
  }
  .after\:inset-0::after {
    content: var(--tw-content);
    inset: 0px;
  }
  .after\:right-0::after {
    content: var(--tw-content);
    right: 0px;
  }
  .after\:left-full::after {
    content: var(--tw-content);
    left: 100%;
  }
  .after\:-z-10::after {
    content: var(--tw-content);
    z-index: calc(10 * -1);
  }
  .after\:size-0::after {
    content: var(--tw-content);
    width: 0px;
    height: 0px;
  }
  .after\:h-0\.5::after {
    content: var(--tw-content);
    height: calc(var(--spacing) * 0.5);
  }
  .after\:h-full::after {
    content: var(--tw-content);
    height: 100%;
  }
  .after\:w-full::after {
    content: var(--tw-content);
    width: 100%;
  }
  .after\:rounded-full::after {
    content: var(--tw-content);
    border-radius: var(--radius-full);
  }
  .after\:bg-base-50::after {
    content: var(--tw-content);
    background-color: var(--color-base-50);
  }
  .after\:bg-secondary-10::after {
    content: var(--tw-content);
    background-color: var(--color-secondary-10);
  }
  .after\:bg-success-50::after {
    content: var(--tw-content);
    background-color: var(--color-success-50);
  }
  .after\:bg-gradient-to-b::after {
    content: var(--tw-content);
    --tw-gradient-position: to bottom in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .after\:from-base-100\/5::after {
    content: var(--tw-content);
    --tw-gradient-from: color-mix(in srgb, rgb(var(--base-100)) 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-base-100) 5%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .after\:from-primary-50\/5::after {
    content: var(--tw-content);
    --tw-gradient-from: color-mix(in srgb, rgb(var(--primary-50)) 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-primary-50) 5%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .after\:from-primary-50\/30::after {
    content: var(--tw-content);
    --tw-gradient-from: color-mix(in srgb, rgb(var(--primary-50)) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-primary-50) 30%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .after\:via-base-5\/80::after {
    content: var(--tw-content);
    --tw-gradient-via: color-mix(in srgb, rgb(var(--base-5)) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-base-5) 80%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .after\:via-primary-5\/50::after {
    content: var(--tw-content);
    --tw-gradient-via: color-mix(in srgb, rgb(var(--primary-5)) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-primary-5) 50%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .after\:via-primary-85::after {
    content: var(--tw-content);
    --tw-gradient-via: var(--color-primary-85);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .after\:to-base-5::after {
    content: var(--tw-content);
    --tw-gradient-to: var(--color-base-5);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .after\:to-primary-5::after {
    content: var(--tw-content);
    --tw-gradient-to: var(--color-primary-5);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .after\:to-primary-100::after {
    content: var(--tw-content);
    --tw-gradient-to: var(--color-primary-100);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .after\:opacity-20::after {
    content: var(--tw-content);
    opacity: 20%;
  }
  .after\:transition-all::after {
    content: var(--tw-content);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .after\:content-\[\'\'\]::after {
    --tw-content: '';
    content: var(--tw-content);
  }
  @media (hover: hover) {
    .group-hover\:after\:size-5:is(:where(.group):hover *)::after {
      content: var(--tw-content);
      width: calc(var(--spacing) * 5);
      height: calc(var(--spacing) * 5);
    }
  }
  .first\:border-t-0:first-child {
    border-top-style: var(--tw-border-style);
    border-top-width: 0px;
  }
  .first\:pt-0:first-child {
    padding-top: 0px;
  }
  .last\:border-b-0:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0px;
  }
  .open\:border-line-strong:is([open], :popover-open, :open) {
    border-color: var(--color-line-strong);
  }
  .open\:shadow-sm:is([open], :popover-open, :open) {
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(var(--base-70) / 0.04)), 0 2px 8px -2px var(--tw-shadow-color, rgb(var(--base-70) / 0.07));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .autofill\:shadow-\[inset_0_0_0px_1000px_white\]:autofill {
    --tw-shadow: inset 0 0 0px 1000px var(--tw-shadow-color, white);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .focus-within\:bg-white:focus-within {
    background-color: var(--color-white);
  }
  .focus-within\:ring-4:focus-within {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .focus-within\:ring-\[3px\]:focus-within {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  @media (hover: hover) {
    .hover\:-translate-y-0\.5:hover {
      --tw-translate-y: calc(var(--spacing) * -0.5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .hover\:scale-105:hover {
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
    .hover\:scale-\[1\.025\]:hover {
      scale: 1.025;
    }
    .hover\:border-base-60:hover {
      border-color: var(--color-base-60);
    }
    .hover\:border-danger-50:hover {
      border-color: var(--color-danger-50);
    }
    .hover\:border-line-strong:hover {
      border-color: var(--color-line-strong);
    }
    .hover\:border-transparent:hover {
      border-color: transparent;
    }
    .hover\:border-warning-50:hover {
      border-color: var(--color-warning-50);
    }
    .hover\:\!bg-danger-soft:hover {
      background-color: var(--color-danger-soft) !important;
    }
    .hover\:bg-\[\#004182\]:hover {
      background-color: #004182;
    }
    .hover\:bg-base-3:hover {
      background-color: var(--color-base-3);
    }
    .hover\:bg-base-60:hover {
      background-color: var(--color-base-60);
    }
    .hover\:bg-base-70:hover {
      background-color: var(--color-base-70);
    }
    .hover\:bg-base-100:hover {
      background-color: var(--color-base-100);
    }
    .hover\:bg-brand:hover {
      background-color: var(--color-brand);
    }
    .hover\:bg-brand-muted:hover {
      background-color: var(--color-brand-muted);
    }
    .hover\:bg-danger-5:hover {
      background-color: var(--color-danger-5);
    }
    .hover\:bg-fill-inverse-strong:hover {
      background-color: var(--color-fill-inverse-strong);
    }
    .hover\:bg-primary-5:hover {
      background-color: var(--color-primary-5);
    }
    .hover\:bg-primary-7:hover {
      background-color: var(--color-primary-7);
    }
    .hover\:bg-primary-10:hover {
      background-color: var(--color-primary-10);
    }
    .hover\:bg-primary-40:hover {
      background-color: var(--color-primary-40);
    }
    .hover\:bg-primary-50:hover {
      background-color: var(--color-primary-50);
    }
    .hover\:bg-primary-60:hover {
      background-color: var(--color-primary-60);
    }
    .hover\:bg-secondary-50:hover {
      background-color: var(--color-secondary-50);
    }
    .hover\:bg-surface-brand:hover {
      background-color: var(--color-surface-brand);
    }
    .hover\:bg-surface-muted:hover {
      background-color: var(--color-surface-muted);
    }
    .hover\:bg-surface-subtle:hover {
      background-color: var(--color-surface-subtle);
    }
    .hover\:bg-surface-sunken:hover {
      background-color: var(--color-surface-sunken);
    }
    .hover\:bg-warning-5:hover {
      background-color: var(--color-warning-5);
    }
    .hover\:bg-white\/20:hover {
      background-color: color-mix(in srgb, rgb(var(--white)) 20%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/20:hover {
        background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
      }
    }
    .hover\:\!text-danger-ink:hover {
      color: var(--color-danger-ink) !important;
    }
    .hover\:text-amber:hover {
      color: var(--color-amber);
    }
    .hover\:text-base-50:hover {
      color: var(--color-base-50);
    }
    .hover\:text-base-60:hover {
      color: var(--color-base-60);
    }
    .hover\:text-base-90:hover {
      color: var(--color-base-90);
    }
    .hover\:text-base-100:hover {
      color: var(--color-base-100);
    }
    .hover\:text-brand-ink:hover {
      color: var(--color-brand-ink);
    }
    .hover\:text-brand-inverse:hover {
      color: var(--color-brand-inverse);
    }
    .hover\:text-brand-inverse-ink:hover {
      color: var(--color-brand-inverse-ink);
    }
    .hover\:text-danger-50:hover {
      color: var(--color-danger-50);
    }
    .hover\:text-danger-70:hover {
      color: var(--color-danger-70);
    }
    .hover\:text-ink:hover {
      color: var(--color-ink);
    }
    .hover\:text-ink-body:hover {
      color: var(--color-ink-body);
    }
    .hover\:text-ink-inverse:hover {
      color: var(--color-ink-inverse);
    }
    .hover\:text-mint:hover {
      color: var(--color-mint);
    }
    .hover\:text-primary-50:hover {
      color: var(--color-primary-50);
    }
    .hover\:text-warning-50:hover {
      color: var(--color-warning-50);
    }
    .hover\:text-white:hover {
      color: var(--color-white);
    }
    .hover\:underline:hover {
      text-decoration-line: underline;
    }
    .hover\:shadow-lg:hover {
      --tw-shadow: 0 2px 6px -1px var(--tw-shadow-color, rgb(var(--base-70) / 0.05)), 0 24px 48px -18px var(--tw-shadow-color, rgb(var(--base-70) / 0.2));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .hover\:shadow-md:hover {
      --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(var(--base-70) / 0.05)), 0 12px 24px -10px var(--tw-shadow-color, rgb(var(--base-70) / 0.14));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .hover\:ring-2:hover {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .hover\:ring-gold:hover {
      --tw-ring-color: var(--color-gold);
    }
  }
  .focus\:border-primary-50:focus {
    border-color: var(--color-primary-50);
  }
  .focus\:bg-white:focus {
    background-color: var(--color-white);
  }
  .focus\:text-base-100:focus {
    color: var(--color-base-100);
  }
  .focus\:text-ink:focus {
    color: var(--color-ink);
  }
  .focus\:ring-1:focus {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .focus\:ring-4:focus {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .focus\:ring-\[3px\]:focus {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .focus\:ring-base-50:focus {
    --tw-ring-color: var(--color-base-50);
  }
  .focus\:ring-primary-15:focus {
    --tw-ring-color: var(--color-primary-15);
  }
  .focus\:ring-primary-30:focus {
    --tw-ring-color: var(--color-primary-30);
  }
  .focus\:ring-primary-50:focus {
    --tw-ring-color: var(--color-primary-50);
  }
  .focus\:ring-white\/20:focus {
    --tw-ring-color: color-mix(in srgb, rgb(var(--white)) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
  }
  .focus\:outline-none:focus {
    --tw-outline-style: none;
    outline-style: none;
  }
  .focus\:placeholder\:opacity-100:focus::placeholder {
    opacity: 100%;
  }
  .focus-visible\:bg-base-6:focus-visible {
    background-color: var(--color-base-6);
  }
  .focus-visible\:bg-base-70:focus-visible {
    background-color: var(--color-base-70);
  }
  .focus-visible\:bg-primary-70:focus-visible {
    background-color: var(--color-primary-70);
  }
  .focus-visible\:ring-2:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .focus-visible\:ring-base-30:focus-visible {
    --tw-ring-color: var(--color-base-30);
  }
  .focus-visible\:ring-primary-30:focus-visible {
    --tw-ring-color: var(--color-primary-30);
  }
  .focus-visible\:outline-none:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }
  .active\:translate-y-px:active {
    --tw-translate-y: 1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .disabled\:border-base-20:disabled {
    border-color: var(--color-base-20);
  }
  .disabled\:bg-base-20:disabled {
    background-color: var(--color-base-20);
  }
  .disabled\:text-base-50:disabled {
    color: var(--color-base-50);
  }
  .disabled\:opacity-45:disabled {
    opacity: 45%;
  }
  .disabled\:opacity-50:disabled {
    opacity: 50%;
  }
  .has-\[\:checked\]\:border-brand:has(:is(:checked)) {
    border-color: var(--color-brand);
  }
  .has-\[\:checked\]\:bg-brand-soft:has(:is(:checked)) {
    background-color: var(--color-brand-soft);
  }
  .data-\[state\=busy\]\:cursor-progress[data-state="busy"] {
    cursor: progress;
  }
  .data-\[state\=busy\]\:opacity-80[data-state="busy"] {
    opacity: 80%;
  }
  .data-\[state\=done\]\:border-success-50[data-state="done"] {
    border-color: var(--color-success-50);
  }
  .data-\[state\=done\]\:text-success-60[data-state="done"] {
    color: var(--color-success-60);
  }
  .data-\[state\=error\]\:border-danger-50[data-state="error"] {
    border-color: var(--color-danger-50);
  }
  .data-\[state\=error\]\:text-danger-50[data-state="error"] {
    color: var(--color-danger-50);
  }
  @media (prefers-reduced-motion: no-preference) {
    .motion-safe\:transition-transform {
      transition-property: transform, translate, scale, rotate;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
    .motion-safe\:duration-base {
      --tw-duration: var(--duration-base);
      transition-duration: var(--duration-base);
    }
    .motion-safe\:duration-slow {
      --tw-duration: var(--duration-slow);
      transition-duration: var(--duration-slow);
    }
    @media (hover: hover) {
      .motion-safe\:group-hover\:scale-105:is(:where(.group):hover *) {
        --tw-scale-x: 105%;
        --tw-scale-y: 105%;
        --tw-scale-z: 105%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
      .motion-safe\:group-hover\/teacher\:scale-103:is(:where(.group\/teacher):hover *) {
        --tw-scale-x: 103%;
        --tw-scale-y: 103%;
        --tw-scale-z: 103%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  @media (width >= 40rem) {
    .sm\:not-sr-only {
      position: static;
      width: auto;
      height: auto;
      padding: 0;
      margin: 0;
      overflow: visible;
      clip-path: none;
      white-space: normal;
    }
    .sm\:static {
      position: static;
    }
    .sm\:top-1\.5 {
      top: calc(var(--spacing) * 1.5);
    }
    .sm\:top-10 {
      top: calc(var(--spacing) * 10);
    }
    .sm\:right-16 {
      right: calc(var(--spacing) * 16);
    }
    .sm\:bottom-base {
      bottom: var(--spacing-base);
    }
    .sm\:left-base {
      left: var(--spacing-base);
    }
    .sm\:order-4 {
      order: 4;
    }
    .sm\:order-5 {
      order: 5;
    }
    .sm\:col-9 {
      grid-column: 9;
    }
    .sm\:col-span-2 {
      grid-column: span 2 / span 2;
    }
    .sm\:col-start-2 {
      grid-column-start: 2;
    }
    .sm\:mx-6 {
      margin-inline: calc(var(--spacing) * 6);
    }
    .sm\:mx-auto {
      margin-inline: auto;
    }
    .sm\:my-0 {
      margin-block: 0px;
    }
    .sm\:mt-base {
      margin-top: var(--spacing-base);
    }
    .sm\:mr-base-sm {
      margin-right: var(--spacing-base-sm);
    }
    .sm\:-mb-8 {
      margin-bottom: calc(var(--spacing) * -8);
    }
    .sm\:mb-base {
      margin-bottom: var(--spacing-base);
    }
    .sm\:mb-base-md {
      margin-bottom: var(--spacing-base-md);
    }
    .sm\:flex {
      display: flex;
    }
    .sm\:grid {
      display: grid;
    }
    .sm\:hidden {
      display: none;
    }
    .sm\:inline {
      display: inline;
    }
    .sm\:inline-flex {
      display: inline-flex;
    }
    .sm\:size-5 {
      width: calc(var(--spacing) * 5);
      height: calc(var(--spacing) * 5);
    }
    .sm\:size-8 {
      width: calc(var(--spacing) * 8);
      height: calc(var(--spacing) * 8);
    }
    .sm\:size-12 {
      width: calc(var(--spacing) * 12);
      height: calc(var(--spacing) * 12);
    }
    .sm\:size-14 {
      width: calc(var(--spacing) * 14);
      height: calc(var(--spacing) * 14);
    }
    .sm\:size-22 {
      width: calc(var(--spacing) * 22);
      height: calc(var(--spacing) * 22);
    }
    .sm\:size-32 {
      width: calc(var(--spacing) * 32);
      height: calc(var(--spacing) * 32);
    }
    .sm\:h-1\.5 {
      height: calc(var(--spacing) * 1.5);
    }
    .sm\:h-10 {
      height: calc(var(--spacing) * 10);
    }
    .sm\:h-\[520px\] {
      height: 520px;
    }
    .sm\:w-2 {
      width: calc(var(--spacing) * 2);
    }
    .sm\:w-16 {
      width: calc(var(--spacing) * 16);
    }
    .sm\:w-28 {
      width: calc(var(--spacing) * 28);
    }
    .sm\:w-40 {
      width: calc(var(--spacing) * 40);
    }
    .sm\:w-48 {
      width: calc(var(--spacing) * 48);
    }
    .sm\:w-72 {
      width: calc(var(--spacing) * 72);
    }
    .sm\:w-80 {
      width: calc(var(--spacing) * 80);
    }
    .sm\:w-\[min\(440px\,calc\(100vw-32px\)\)\] {
      width: min(440px, calc(100vw - 32px));
    }
    .sm\:w-auto {
      width: auto;
    }
    .sm\:max-w-14 {
      max-width: calc(var(--spacing) * 14);
    }
    .sm\:max-w-\[760px\] {
      max-width: 760px;
    }
    .sm\:max-w-none {
      max-width: none;
    }
    .sm\:flex-1 {
      flex: 1;
    }
    .sm\:flex-none {
      flex: none;
    }
    .sm\:basis-6\/12 {
      flex-basis: calc(6 / 12 * 100%);
    }
    .sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .sm\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .sm\:grid-cols-\[1\.5fr_1fr_1fr\] {
      grid-template-columns: 1.5fr 1fr 1fr;
    }
    .sm\:flex-row {
      flex-direction: row;
    }
    .sm\:items-center {
      align-items: center;
    }
    .sm\:items-end {
      align-items: flex-end;
    }
    .sm\:items-start {
      align-items: flex-start;
    }
    .sm\:justify-between {
      justify-content: space-between;
    }
    .sm\:justify-center {
      justify-content: center;
    }
    .sm\:justify-normal {
      justify-content: normal;
    }
    .sm\:gap-6 {
      gap: calc(var(--spacing) * 6);
    }
    .sm\:gap-8 {
      gap: calc(var(--spacing) * 8);
    }
    .sm\:gap-base {
      gap: var(--spacing-base);
    }
    .sm\:gap-base-3xl {
      gap: var(--spacing-base-3xl);
    }
    .sm\:gap-base-sm {
      gap: var(--spacing-base-sm);
    }
    .sm\:gap-base-xl {
      gap: var(--spacing-base-xl);
    }
    .sm\:rounded-2xl {
      border-radius: var(--radius-2xl);
    }
    .sm\:rounded-\[20px\] {
      border-radius: 20px;
    }
    .sm\:rounded-base {
      border-radius: var(--radius-lg);
    }
    .sm\:rounded-base-md {
      border-radius: var(--radius-md);
    }
    .sm\:rounded-base-xs {
      border-radius: var(--radius-xs);
    }
    .sm\:border-0 {
      border-style: var(--tw-border-style);
      border-width: 0px;
    }
    .sm\:border-2 {
      border-style: var(--tw-border-style);
      border-width: 2px;
    }
    .sm\:bg-transparent {
      background-color: transparent;
    }
    .sm\:bg-white {
      background-color: var(--color-white);
    }
    .sm\:p-5 {
      padding: calc(var(--spacing) * 5);
    }
    .sm\:p-8 {
      padding: calc(var(--spacing) * 8);
    }
    .sm\:p-base-lg {
      padding: var(--spacing-base-lg);
    }
    .sm\:p-base-sm {
      padding: var(--spacing-base-sm);
    }
    .sm\:p-base-xl {
      padding: var(--spacing-base-xl);
    }
    .sm\:\!px-base {
      padding-inline: var(--spacing-base) !important;
    }
    .sm\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }
    .sm\:px-base {
      padding-inline: var(--spacing-base);
    }
    .sm\:px-base-lg {
      padding-inline: var(--spacing-base-lg);
    }
    .sm\:px-base-md {
      padding-inline: var(--spacing-base-md);
    }
    .sm\:py-base {
      padding-block: var(--spacing-base);
    }
    .sm\:py-base-2xl {
      padding-block: var(--spacing-base-2xl);
    }
    .sm\:py-base-lg {
      padding-block: var(--spacing-base-lg);
    }
    .sm\:py-base-xl {
      padding-block: var(--spacing-base-xl);
    }
    .sm\:ps-18 {
      padding-inline-start: calc(var(--spacing) * 18);
    }
    .sm\:pt-base-sm {
      padding-top: var(--spacing-base-sm);
    }
    .sm\:pt-base-xl {
      padding-top: var(--spacing-base-xl);
    }
    .sm\:pr-6 {
      padding-right: calc(var(--spacing) * 6);
    }
    .sm\:pb-0 {
      padding-bottom: 0px;
    }
    .sm\:pb-5 {
      padding-bottom: calc(var(--spacing) * 5);
    }
    .sm\:pb-base-2xl {
      padding-bottom: var(--spacing-base-2xl);
    }
    .sm\:pl-base-sm {
      padding-left: var(--spacing-base-sm);
    }
    .sm\:text-right {
      text-align: right;
    }
    .sm\:text-start {
      text-align: start;
    }
    .sm\:t {
      font-size: var(--text-base);
      line-height: var(--text-base--line-height);
      font-weight: var(--font-weight-normal);
    }
    .sm\:t-3xl {
      font-size: var(--text-3xl);
      line-height: var(--text-3xl--line-height);
      font-weight: var(--font-weight-extrabold);
    }
    .sm\:t-4xl {
      font-size: var(--text-4xl);
      line-height: var(--text-4xl--line-height);
      font-weight: var(--font-weight-black);
    }
    .sm\:t-lg {
      font-size: var(--text-lg);
      line-height: var(--text-lg--line-height);
      font-weight: var(--font-weight-semibold);
    }
    .sm\:t-md {
      font-size: var(--text-md);
      line-height: var(--text-md--line-height);
      font-weight: var(--font-weight-semibold);
    }
    .sm\:t-sm {
      font-size: var(--text-sm);
      line-height: var(--text-sm--line-height);
      font-weight: var(--font-weight-normal);
    }
    .sm\:t-xl {
      font-size: var(--text-xl);
      line-height: var(--text-xl--line-height);
      font-weight: var(--font-weight-bold);
    }
    .sm\:text-base {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
    .sm\:text-sm {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
    .sm\:t-5 {
      font-size: calc(5 * var(--spacing));
    }
    .sm\:t-6 {
      font-size: calc(6 * var(--spacing));
    }
    .sm\:t-7 {
      font-size: calc(7 * var(--spacing));
    }
    .sm\:t-8 {
      font-size: calc(8 * var(--spacing));
    }
    .sm\:t-20 {
      font-size: calc(20 * var(--spacing));
    }
    .sm\:\!leading-tight {
      --tw-leading: var(--leading-tight) !important;
      line-height: var(--leading-tight) !important;
    }
    .sm\:leading-loose {
      --tw-leading: var(--leading-loose);
      line-height: var(--leading-loose);
    }
    .sm\:backdrop-blur-none {
      --tw-backdrop-blur:  ;
      -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
      backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    }
  }
  @media (width >= 48rem) {
    .md\:col-6 {
      grid-column: 6;
    }
    .md\:col-7 {
      grid-column: 7;
    }
    .md\:col-8 {
      grid-column: 8;
    }
    .md\:col-9 {
      grid-column: 9;
    }
    .md\:col-span-2 {
      grid-column: span 2 / span 2;
    }
    .md\:mt-base {
      margin-top: var(--spacing-base);
    }
    .md\:mb-0 {
      margin-bottom: 0px;
    }
    .md\:mb-base-md {
      margin-bottom: var(--spacing-base-md);
    }
    .md\:flex {
      display: flex;
    }
    .md\:hidden {
      display: none;
    }
    .md\:inline {
      display: inline;
    }
    .md\:inline-block {
      display: inline-block;
    }
    .md\:inline-flex {
      display: inline-flex;
    }
    .md\:aspect-auto {
      aspect-ratio: auto;
    }
    .md\:aspect-wide {
      aspect-ratio: var(--aspect-wide);
    }
    .md\:size-14 {
      width: calc(var(--spacing) * 14);
      height: calc(var(--spacing) * 14);
    }
    .md\:size-32 {
      width: calc(var(--spacing) * 32);
      height: calc(var(--spacing) * 32);
    }
    .md\:h-20 {
      height: calc(var(--spacing) * 20);
    }
    .md\:min-h-104 {
      min-height: calc(var(--spacing) * 104);
    }
    .md\:w-20 {
      width: calc(var(--spacing) * 20);
    }
    .md\:w-60 {
      width: calc(var(--spacing) * 60);
    }
    .md\:w-64 {
      width: calc(var(--spacing) * 64);
    }
    .md\:w-96 {
      width: calc(var(--spacing) * 96);
    }
    .md\:w-auto {
      width: auto;
    }
    .md\:flex-1 {
      flex: 1;
    }
    .md\:flex-auto {
      flex: auto;
    }
    .md\:shrink-0 {
      flex-shrink: 0;
    }
    .md\:columns-2 {
      columns: 2;
    }
    .md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .md\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .md\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .md\:grid-cols-\[minmax\(0\,5fr\)_minmax\(0\,7fr\)\] {
      grid-template-columns: minmax(0,5fr) minmax(0,7fr);
    }
    .md\:flex-row {
      flex-direction: row;
    }
    .md\:items-baseline {
      align-items: baseline;
    }
    .md\:items-center {
      align-items: center;
    }
    .md\:items-end {
      align-items: flex-end;
    }
    .md\:justify-between {
      justify-content: space-between;
    }
    .md\:justify-normal {
      justify-content: normal;
    }
    .md\:gap-4 {
      gap: calc(var(--spacing) * 4);
    }
    .md\:gap-5 {
      gap: calc(var(--spacing) * 5);
    }
    .md\:gap-8 {
      gap: calc(var(--spacing) * 8);
    }
    .md\:gap-20 {
      gap: calc(var(--spacing) * 20);
    }
    .md\:rounded-\[32px\] {
      border-radius: 32px;
    }
    .md\:border-s {
      border-inline-start-style: var(--tw-border-style);
      border-inline-start-width: 1px;
    }
    .md\:border-t-0 {
      border-top-style: var(--tw-border-style);
      border-top-width: 0px;
    }
    .md\:p-4 {
      padding: calc(var(--spacing) * 4);
    }
    .md\:p-5 {
      padding: calc(var(--spacing) * 5);
    }
    .md\:p-6 {
      padding: calc(var(--spacing) * 6);
    }
    .md\:p-7 {
      padding: calc(var(--spacing) * 7);
    }
    .md\:p-8 {
      padding: calc(var(--spacing) * 8);
    }
    .md\:p-9 {
      padding: calc(var(--spacing) * 9);
    }
    .md\:p-10 {
      padding: calc(var(--spacing) * 10);
    }
    .md\:p-12 {
      padding: calc(var(--spacing) * 12);
    }
    .md\:px-5 {
      padding-inline: calc(var(--spacing) * 5);
    }
    .md\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }
    .md\:px-8 {
      padding-inline: calc(var(--spacing) * 8);
    }
    .md\:px-10 {
      padding-inline: calc(var(--spacing) * 10);
    }
    .md\:py-5 {
      padding-block: calc(var(--spacing) * 5);
    }
    .md\:py-6 {
      padding-block: calc(var(--spacing) * 6);
    }
    .md\:py-10 {
      padding-block: calc(var(--spacing) * 10);
    }
    .md\:py-12 {
      padding-block: calc(var(--spacing) * 12);
    }
    .md\:py-16 {
      padding-block: calc(var(--spacing) * 16);
    }
    .md\:py-base-2xl {
      padding-block: var(--spacing-base-2xl);
    }
    .md\:ps-6 {
      padding-inline-start: calc(var(--spacing) * 6);
    }
    .md\:ps-8 {
      padding-inline-start: calc(var(--spacing) * 8);
    }
    .md\:pe-3 {
      padding-inline-end: calc(var(--spacing) * 3);
    }
    .md\:pt-0 {
      padding-top: 0px;
    }
    .md\:pt-8 {
      padding-top: calc(var(--spacing) * 8);
    }
    .md\:pt-10 {
      padding-top: calc(var(--spacing) * 10);
    }
    .md\:pt-12 {
      padding-top: calc(var(--spacing) * 12);
    }
    .md\:pt-14 {
      padding-top: calc(var(--spacing) * 14);
    }
    .md\:pt-16 {
      padding-top: calc(var(--spacing) * 16);
    }
    .md\:pb-4 {
      padding-bottom: calc(var(--spacing) * 4);
    }
    .md\:pb-6 {
      padding-bottom: calc(var(--spacing) * 6);
    }
    .md\:pb-10 {
      padding-bottom: calc(var(--spacing) * 10);
    }
    .md\:pb-16 {
      padding-bottom: calc(var(--spacing) * 16);
    }
    .md\:pb-20 {
      padding-bottom: calc(var(--spacing) * 20);
    }
    .md\:t-lg {
      font-size: var(--text-lg);
      line-height: var(--text-lg--line-height);
      font-weight: var(--font-weight-semibold);
    }
    .md\:text-2xl {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
    .md\:text-3xl {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
    .md\:text-4xl {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
    .md\:text-base {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
    .md\:text-lg {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
    .md\:text-xl {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
    .md\:font-bold {
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
    }
  }
  @media (width >= 64rem) {
    .lg\:sticky {
      position: sticky;
    }
    .lg\:top-24 {
      top: calc(var(--spacing) * 24);
    }
    .lg\:top-28 {
      top: calc(var(--spacing) * 28);
    }
    .lg\:col-5 {
      grid-column: 5;
    }
    .lg\:col-6 {
      grid-column: 6;
    }
    .lg\:col-7 {
      grid-column: 7;
    }
    .lg\:col-10 {
      grid-column: 10;
    }
    .lg\:col-span-3 {
      grid-column: span 3 / span 3;
    }
    .lg\:col-span-4 {
      grid-column: span 4 / span 4;
    }
    .lg\:col-span-5 {
      grid-column: span 5 / span 5;
    }
    .lg\:col-span-6 {
      grid-column: span 6 / span 6;
    }
    .lg\:col-span-7 {
      grid-column: span 7 / span 7;
    }
    .lg\:col-span-8 {
      grid-column: span 8 / span 8;
    }
    .lg\:col-span-9 {
      grid-column: span 9 / span 9;
    }
    .lg\:col-start-1 {
      grid-column-start: 1;
    }
    .lg\:col-start-6 {
      grid-column-start: 6;
    }
    .lg\:col-start-8 {
      grid-column-start: 8;
    }
    .lg\:row-span-2 {
      grid-row: span 2 / span 2;
    }
    .lg\:row-span-3 {
      grid-row: span 3 / span 3;
    }
    .lg\:row-start-1 {
      grid-row-start: 1;
    }
    .lg\:row-start-2 {
      grid-row-start: 2;
    }
    .lg\:row-start-3 {
      grid-row-start: 3;
    }
    .lg\:ms-0 {
      margin-inline-start: 0px;
    }
    .lg\:mt-0 {
      margin-top: 0px;
    }
    .lg\:mb-11 {
      margin-bottom: calc(var(--spacing) * 11);
    }
    .lg\:block {
      display: block;
    }
    .lg\:flex {
      display: flex;
    }
    .lg\:hidden {
      display: none;
    }
    .lg\:h-9 {
      height: calc(var(--spacing) * 9);
    }
    .lg\:h-10 {
      height: calc(var(--spacing) * 10);
    }
    .lg\:w-2\/5 {
      width: calc(2 / 5 * 100%);
    }
    .lg\:max-w-none {
      max-width: none;
    }
    .lg\:rotate--90 {
      rotate: -90deg;
    }
    .lg\:columns-3 {
      columns: 3;
    }
    .lg\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .lg\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .lg\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .lg\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
    .lg\:grid-cols-12 {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
    .lg\:grid-rows-\[auto_1fr\] {
      grid-template-rows: auto 1fr;
    }
    .lg\:flex-row {
      flex-direction: row;
    }
    .lg\:items-center {
      align-items: center;
    }
    .lg\:items-end {
      align-items: flex-end;
    }
    .lg\:justify-between {
      justify-content: space-between;
    }
    .lg\:gap-0 {
      gap: 0px;
    }
    .lg\:gap-10 {
      gap: calc(var(--spacing) * 10);
    }
    .lg\:gap-16 {
      gap: calc(var(--spacing) * 16);
    }
    .lg\:gap-base-xl {
      gap: var(--spacing-base-xl);
    }
    .lg\:self-center {
      align-self: center;
    }
    .lg\:\!overflow-x-visible {
      overflow-x: visible !important;
    }
    .lg\:p-10 {
      padding: calc(var(--spacing) * 10);
    }
    .lg\:p-base {
      padding: var(--spacing-base);
    }
    .lg\:px-5 {
      padding-inline: calc(var(--spacing) * 5);
    }
    .lg\:py-16 {
      padding-block: calc(var(--spacing) * 16);
    }
    .lg\:pt-10 {
      padding-top: calc(var(--spacing) * 10);
    }
    .lg\:pt-12 {
      padding-top: calc(var(--spacing) * 12);
    }
    .lg\:pt-base-xl {
      padding-top: var(--spacing-base-xl);
    }
    .lg\:pb-0 {
      padding-bottom: 0px;
    }
    .lg\:pb-section {
      padding-bottom: var(--spacing-section);
    }
    .lg\:text-2xl {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
    .lg\:text-3xl {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
    .lg\:text-4xl {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
  }
  @media (width >= 80rem) {
    .xl\:col-4 {
      grid-column: 4;
    }
    .xl\:col-5 {
      grid-column: 5;
    }
    .xl\:col-7 {
      grid-column: 7;
    }
    .xl\:col-10 {
      grid-column: 10;
    }
    .xl\:mb-0 {
      margin-bottom: 0px;
    }
    .xl\:flex {
      display: flex;
    }
    .xl\:hidden {
      display: none;
    }
    .xl\:basis-6\/12 {
      flex-basis: calc(6 / 12 * 100%);
    }
    .xl\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .xl\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
    .xl\:flex-row {
      flex-direction: row;
    }
    .xl\:items-center {
      align-items: center;
    }
    .xl\:items-end {
      align-items: flex-end;
    }
    .xl\:rounded-none {
      border-radius: 0;
    }
    .xl\:border-none {
      --tw-border-style: none;
      border-style: none;
    }
    .xl\:bg-\[transparent\] {
      background-color: transparent;
    }
    .xl\:p-0 {
      padding: 0px;
    }
    .xl\:text-left {
      text-align: left;
    }
  }
  @container (width >= 42rem) {
    .\@2xl\:flex-row {
      flex-direction: row;
    }
    .\@2xl\:items-center {
      align-items: center;
    }
    .\@2xl\:items-stretch {
      align-items: stretch;
    }
    .\@2xl\:gap-8 {
      gap: calc(var(--spacing) * 8);
    }
    .\@2xl\:ps-0 {
      padding-inline-start: 0px;
    }
  }
  @media print {
    .print\:static {
      position: static;
    }
    .print\:hidden {
      display: none;
    }
    .print\:bg-transparent {
      background-color: transparent;
    }
    .print\:bg-none {
      background-image: none;
    }
    .print\:p-0 {
      padding: 0px;
    }
    .print\:shadow-none {
      --tw-shadow: 0 0 #0000;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .\[\&_img\]\:h-14 img {
    height: calc(var(--spacing) * 14);
  }
  .\[\&_img\]\:w-auto img {
    width: auto;
  }
  .\[\&\.active\]\:flex.active {
    display: flex;
  }
  .\[\&\.active\]\:after\:left-0.active::after {
    content: var(--tw-content);
    left: 0px;
  }
  .\[\&\.is-active\]\:border-brand.is-active {
    border-color: var(--color-brand);
  }
  .\[\&\.is-active\]\:font-semibold.is-active {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .\[\&\.is-active\]\:text-ink.is-active {
    color: var(--color-ink);
  }
  .\[\&\.is-loading\]\:cursor-wait.is-loading {
    cursor: wait;
  }
  .\[\&\.is-loading\]\:border-primary-50.is-loading {
    border-color: var(--color-primary-50);
  }
  .\[\&\.is-loading\]\:bg-primary-50.is-loading {
    background-color: var(--color-primary-50);
  }
  .\[\&\.passed\]\:after\:left-0.passed::after {
    content: var(--tw-content);
    left: 0px;
  }
  .\[\&\.show\]\:pointer-events-auto.show {
    pointer-events: auto;
  }
  .\[\&\.show\]\:opacity-100.show {
    opacity: 100%;
  }
  .\[\&\.sticky-menu\.is-sticky\]\:rounded-none.sticky-menu.is-sticky {
    border-radius: 0;
  }
  .\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker {
    display: none;
  }
  .\[\&\:hover\~label\]\:text-amber:hover ~ label {
    color: var(--color-amber);
  }
  .\[\&\:only-child\]\:col-span-full:only-child {
    grid-column: 1 / -1;
  }
  .\[\&\>\*\]\:border-b > * {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .\[\&\>\*\]\:border-primary-2 > * {
    border-color: var(--color-primary-2);
  }
  .\[\&\>\*\:last-child\]\:border-0 > :last-child {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
  .\[\&\[hidden\]\]\:hidden[hidden] {
    display: none;
  }
  .show .\[\.show_\&\]\:translate-y-0 {
    --tw-translate-y: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
}
:root {
  --duration-instant: 80ms;
  --duration-fast: 160ms;
  --duration-moderate: 220ms;
  --duration-base: 260ms;
  --duration-slow: 520ms;
  --duration-reveal: 900ms;
  --reveal-distance: 18px;
  --reveal-stagger: 70ms;
  --z-sticky: 30;
  --z-float: 39;
  --z-header: 40;
  --z-overlay: 50;
  --z-loader: 60;
  --z-modal: 100000;
  --icon-xs: 0.875rem;
  --icon-sm: 1rem;
  --icon-md: 1.125rem;
  --icon-lg: 1.25rem;
  --icon-xl: 1.5rem;
  --icon-2xl: 1.75rem;
  --glass-saturate: 1.5;
  --backdrop-glass: blur(var(--blur-lg)) saturate(var(--glass-saturate));
  --backdrop-glass-soft: blur(var(--blur-md)) saturate(var(--glass-saturate));
  --backdrop-scrim: blur(var(--blur-sm));
  --gutter-x: clamp(1rem, 0.4rem + 2.6vw, 2rem);
  --island-overhang: 0.5rem;
  --gradient-gold: linear-gradient(120deg, var(--color-mark-orange), var(--color-mark-yellow));
  --gradient-navy: linear-gradient(145deg, var(--color-navy-700) 0%, var(--color-navy-900) 58%, var(--color-navy-950) 100%);
  --gradient-surface-navy: radial-gradient(110% 80% at 100% 0%, color-mix(in srgb, #1750b5 32%, transparent), transparent 60%), linear-gradient(165deg, var(--color-navy-900) 0%, var(--color-navy-950) 100%);
  @supports (color: color-mix(in lab, red, red)) {
    --gradient-surface-navy: radial-gradient(110% 80% at 100% 0%, color-mix(in oklab, var(--color-navy-500) 32%, transparent), transparent 60%), linear-gradient(165deg, var(--color-navy-900) 0%, var(--color-navy-950) 100%);
  }
  --focus-ring: var(--shadow-focus);
}
@media (width >= 64rem) {
  :root {
    --island-overhang: 1rem;
  }
}
@layer base {
  :root {
    color-scheme: light;
  }
  html {
    -webkit-text-size-adjust: 100%;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    scroll-behavior: smooth;
    scroll-padding-top: calc(var(--spacing-header) + calc(var(--spacing) * 4));
  }
  body {
    background-color: var(--color-canvas);
    color: var(--color-ink-body);
    font-family: var(--font-sans);
    font-size: var(--text-base);
    line-height: var(--leading-body);
    font-feature-settings: "ss02";
    overflow-x: clip;
  }
  h1, h2, h3, h4, h5, h6 {
    color: var(--color-ink);
    font-family: var(--font-display);
    font-weight: var(--font-weight-extrabold);
    line-height: var(--leading-tight);
    text-wrap: balance;
  }
  p {
    text-wrap: pretty;
  }
  code, kbd, samp, pre, [dir="ltr"], .ltr, .font-mono {
    font-feature-settings: normal;
  }
  ::selection {
    background-color: var(--nv-selection, var(--color-selection));
    color: var(--nv-selection-ink, var(--color-selection-ink));
    text-shadow: none;
  }
  :where(img, svg, video, canvas)::selection {
    background-color: var(--nv-selection, #032570);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--nv-selection, var(--color-selection)) 24%, transparent);
    }
  }
  :where( [data-surface="inverse"], .text-ink-inverse, .text-ink-inverse-muted, .text-white, .bg-surface-navy, .bg-surface-inverse, .bg-surface-inverse-raised, .bg-navy, .bg-fill-strong, .bleed, .card-inverse, .btn-dark, .chip-active, .chip.active, .chip[aria-current="true"], .nv-tab.active, .nv-promo, .nv-story, .tile-magic, .is-me .nv-sig-bubble, .rich-text pre ) {
    --nv-selection: var(--color-selection-inverse);
    --nv-selection-ink: var(--color-selection-inverse-ink);
  }
  :where([data-surface="base"], .btn-inverse) {
    --nv-selection: initial;
    --nv-selection-ink: initial;
  }
  :focus-visible {
    outline: 2px solid var(--color-focus);
    outline-offset: 2px;
  }
  button:not(:disabled), [role="button"]:not(:disabled) {
    cursor: pointer;
  }
  a, button, label, summary, [role="button"] {
    -webkit-tap-highlight-color: transparent;
  }
  input::placeholder, textarea::placeholder {
    color: var(--color-ink-subtle);
  }
  [class^="i-"], [class*=" i-"] {
    display: inline-block;
    line-height: var(--leading-none);
  }
  * {
    scrollbar-width: thin;
    scrollbar-color: var(--color-base-15) transparent;
  }
  [x-cloak], [hidden] {
    display: none !important;
  }
  @media (prefers-reduced-motion: reduce) {
    html {
      scroll-behavior: auto;
    }
    *, *::before, *::after {
      animation-duration: 0.01ms !important;
      animation-iteration-count: 1 !important;
      transition-duration: 0.01ms !important;
    }
  }
}
@layer components {
  .nv-skip {
    position: fixed;
    z-index: var(--z-modal);
    inset-block-start: calc(var(--spacing) * 2);
    inset-inline-start: calc(var(--spacing) * 2);
    padding: calc(var(--spacing) * 2) calc(var(--spacing) * 4);
    border-radius: var(--radius-full);
    background-color: var(--color-fill-strong);
    color: var(--color-ink-inverse);
    font-size: var(--text-sm);
    font-weight: var(--font-weight-semibold);
    translate: 0 calc(-100% - calc(var(--spacing) * 4));
  }
  .nv-skip:focus-visible {
    translate: 0 0;
  }
  .nv-logo {
    display: block;
    inline-size: auto;
    flex-shrink: 0;
  }
  .nv-logo__navy-from {
    stop-color: var(--color-mark-cyan);
  }
  .nv-logo__navy-to {
    stop-color: var(--color-mark-navy);
  }
  .nv-logo__gold-from {
    stop-color: var(--color-mark-orange);
  }
  .nv-logo__gold-to {
    stop-color: var(--color-mark-yellow);
  }
  .nv-logo__type {
    fill: var(--color-mark-ink);
  }
  .nv-logo-plate {
    display: inline-flex;
    align-items: center;
    padding: calc(var(--spacing) * 3) 1.125rem;
    border-radius: var(--radius-lg);
    background-color: var(--color-white);
    box-shadow: 0 0 0 1px color-mix(in srgb, rgb(var(--white)) 8%, transparent), 0 20px 40px -18px color-mix(in srgb, #000000 60%, transparent), 0 0 48px -10px color-mix(in srgb, #1750b5 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 0 0 1px color-mix(in oklab, var(--color-white) 8%, transparent), 0 20px 40px -18px color-mix(in oklab, var(--color-void) 60%, transparent), 0 0 48px -10px color-mix(in oklab, var(--color-navy-500) 60%, transparent);
    }
  }
  .eyebrow {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 2.5);
    font-size: var(--text-sm);
    line-height: var(--text-sm--line-height);
    font-weight: var(--font-weight-semibold);
    color: var(--color-brand-ink);
  }
  .eyebrow::before {
    content: "";
    inline-size: 3px;
    block-size: 1.05em;
    border-radius: var(--radius-full);
    background: var(--color-brand);
  }
  .eyebrow-lg {
    gap: calc(var(--spacing) * 3);
    font-size: var(--text-lg);
    line-height: var(--text-lg--line-height);
    font-weight: var(--font-weight-bold);
  }
  .eyebrow-lg::before {
    inline-size: var(--spacing);
    block-size: 1.1em;
  }
  .eyebrow-mint {
    color: var(--color-mint-ink);
  }
  .eyebrow-mint::before {
    background: var(--color-mint);
  }
  .eyebrow-inverse, .eyebrow-gold {
    color: var(--color-gold);
  }
  .eyebrow-inverse::before, .eyebrow-gold::before {
    background: var(--gradient-gold);
  }
  .heading-display {
    font-size: var(--text-5xl);
    line-height: var(--text-5xl--line-height);
    font-weight: var(--font-weight-black);
    color: var(--color-ink);
  }
  .heading-1 {
    font-size: var(--text-3xl);
    line-height: var(--text-3xl--line-height);
    font-weight: var(--font-weight-extrabold);
    color: var(--color-ink);
  }
  .heading-2 {
    font-size: var(--text-2xl);
    line-height: var(--text-2xl--line-height);
    font-weight: var(--font-weight-extrabold);
    color: var(--color-ink);
  }
  .heading-3 {
    font-size: var(--text-lg);
    line-height: var(--text-lg--line-height);
    font-weight: var(--font-weight-bold);
    color: var(--color-ink);
  }
  .lead {
    font-size: var(--text-md);
    line-height: var(--text-md--line-height);
    color: var(--color-ink-muted);
  }
  .text-gradient-brand {
    background: linear-gradient(90deg, var(--color-primary-40), var(--color-primary-60));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
  }
  .num {
    font-variant-numeric: tabular-nums;
  }
  .section-head {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: calc(var(--spacing) * 4) calc(var(--spacing) * 8);
    margin-block-end: var(--spacing-section-head);
  }
  .section-head > :first-child {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 3);
    max-width: 40rem;
  }
  .section-head-center {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .section-head-center > :first-child {
    align-items: center;
  }
  .btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 2);
    height: var(--input-height-base);
    padding-inline: calc(var(--spacing) * 6);
    border-radius: var(--radius-control);
    border: 1px solid transparent;
    font-size: var(--text-base);
    line-height: var(--leading-none);
    font-weight: var(--font-weight-semibold);
    white-space: nowrap;
    user-select: none;
    transition-property: color, background-color, border-color, box-shadow, transform, opacity;
    transition-duration: var(--duration-base);
    transition-timing-function: var(--ease-smooth);
  }
  .btn:focus-visible {
    outline: none;
    box-shadow: var(--shadow-focus);
  }
  .btn:active:not(:disabled) {
    transform: translateY(1px);
  }
  .btn:disabled, .btn[aria-disabled="true"] {
    opacity: 0.45;
    pointer-events: none;
  }
  .btn > [class^="i-"], .btn > [class*=" i-"] {
    font-size: 1.15em;
  }
  .btn .btn-arrow {
    transition: transform var(--duration-base) var(--ease-smooth);
  }
  @media (hover: hover) {
    .btn:hover .btn-arrow {
      transform: translateX(-3px);
    }
  }
  .btn-sm {
    height: var(--input-height-sm);
    padding-inline: calc(var(--spacing) * 4);
    font-size: var(--text-sm);
  }
  .btn-lg {
    height: var(--input-height-lg);
    padding-inline: calc(var(--spacing) * 8);
    font-size: var(--text-md);
  }
  .btn-block {
    width: 100%;
  }
  .btn-icon {
    padding-inline: 0;
    aspect-ratio: 1;
  }
  .btn-primary {
    background-color: var(--color-brand);
    color: var(--color-ink-inverse);
    box-shadow: var(--shadow-inset-highlight), var(--shadow-xs);
  }
  @media (hover: hover) {
    .btn-primary:hover {
      background-color: var(--color-brand-hover);
      box-shadow: var(--shadow-inset-highlight), var(--shadow-brand);
    }
  }
  .btn-dark {
    background-color: var(--color-fill-strong);
    color: var(--color-ink-inverse);
    box-shadow: var(--shadow-inset-highlight), var(--shadow-xs);
  }
  @media (hover: hover) {
    .btn-dark:hover {
      background-color: var(--color-fill-strong-hover);
    }
  }
  .btn-secondary {
    background-color: var(--color-surface);
    color: var(--color-ink);
    border-color: var(--color-line-strong);
    box-shadow: var(--shadow-xs);
  }
  @media (hover: hover) {
    .btn-secondary:hover {
      border-color: var(--color-line-hover);
      background-color: var(--color-surface-subtle);
    }
  }
  .btn-soft {
    background-color: var(--color-brand-soft);
    color: var(--color-brand-ink);
  }
  @media (hover: hover) {
    .btn-soft:hover {
      background-color: var(--color-brand-muted);
    }
  }
  .btn-ghost {
    background-color: transparent;
    color: var(--color-ink);
  }
  @media (hover: hover) {
    .btn-ghost:hover {
      background-color: var(--color-surface-muted);
    }
  }
  .btn-mint {
    background-color: var(--color-mint);
    color: var(--color-mint-on);
  }
  @media (hover: hover) {
    .btn-mint:hover {
      background-color: var(--color-mint-hover);
    }
  }
  .btn-inverse {
    background-color: var(--color-surface);
    color: var(--color-ink);
  }
  @media (hover: hover) {
    .btn-inverse:hover {
      background-color: var(--color-surface-brand);
    }
  }
  .btn-outline-inverse {
    background-color: var(--color-fill-inverse);
    color: var(--color-ink-inverse);
    border-color: var(--color-line-inverse-strong);
  }
  @media (hover: hover) {
    .btn-outline-inverse:hover {
      background-color: var(--color-fill-inverse-muted);
      border-color: color-mix(in srgb, rgb(var(--white)) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-white) 30%, transparent);
      }
    }
  }
  .link-arrow {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    font-size: var(--text-sm);
    font-weight: var(--font-weight-semibold);
    color: var(--color-brand-ink);
    transition: color var(--duration-fast) var(--ease-smooth);
  }
  @media (hover: hover) {
    .link-arrow:hover {
      color: var(--color-brand-ink-hover);
    }
  }
  .link-arrow > i {
    transition: transform var(--duration-base) var(--ease-smooth);
  }
  @media (hover: hover) {
    .link-arrow:hover > i {
      transform: translateX(-3px);
    }
  }
  .link {
    color: var(--color-brand-ink);
    font-weight: var(--font-weight-semibold);
    text-decoration-line: underline;
    text-decoration-color: color-mix(in srgb, rgb(var(--primary-50)) 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      text-decoration-color: color-mix(in oklab, var(--color-brand) 25%, transparent);
    }
    text-underline-offset: 0.3em;
    transition: text-decoration-color var(--duration-fast);
  }
  @media (hover: hover) {
    .link:hover {
      text-decoration-color: currentColor;
    }
  }
  .icon-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    inline-size: calc(var(--spacing) * 10);
    block-size: calc(var(--spacing) * 10);
    flex-shrink: 0;
    border-radius: var(--radius-full);
    color: var(--color-ink-muted);
    font-size: var(--icon-lg);
    transition: color var(--duration-fast), background-color var(--duration-fast), border-color var(--duration-fast), opacity var(--duration-fast), transform var(--duration-fast);
  }
  @media (hover: hover) {
    .icon-btn:hover {
      color: var(--color-ink);
      background-color: var(--color-surface-muted);
    }
  }
  .icon-btn:disabled {
    opacity: 0.3;
    pointer-events: none;
  }
  .icon-btn-outline {
    border: 1px solid var(--color-line-strong);
    background-color: var(--color-surface);
    color: var(--color-ink);
  }
  @media (hover: hover) {
    .icon-btn-outline:hover {
      border-color: var(--color-fill-strong);
      background-color: var(--color-fill-strong);
      color: var(--color-ink-inverse);
    }
  }
  .icon-btn:active {
    background-color: var(--color-surface-sunken);
    color: var(--color-ink);
    transform: scale(0.94);
  }
  .icon-btn-outline:active {
    background-color: var(--color-surface-muted);
    border-color: var(--color-ink);
    color: var(--color-ink);
  }
  .chip:active, .nv-tab:active, .nv-navlink:active {
    transform: scale(0.97);
  }
  .icon-btn-inverse {
    border: 1px solid var(--color-line-inverse);
    background-color: var(--color-fill-inverse);
    color: var(--color-ink-inverse-muted);
  }
  @media (hover: hover) {
    .icon-btn-inverse:hover {
      border-color: var(--color-surface);
      background-color: var(--color-surface);
      color: var(--color-ink);
    }
  }
  .icon-btn-inverse:active {
    border-color: color-mix(in srgb, rgb(var(--white)) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 40%, transparent);
    }
    background-color: var(--color-fill-inverse-strong);
    color: var(--color-ink-inverse);
  }
  .card-hover:active {
    transform: scale(0.995);
  }
  .nv-chat {
    --nv-chat: var(--color-ink);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 2);
    block-size: calc(var(--spacing) * 10);
    padding-inline: calc(var(--spacing) * 2) calc(var(--spacing) * 3.5);
    border-radius: var(--radius-full);
    border: 1px solid var(--color-line-strong);
    background-color: var(--color-surface);
    color: var(--color-ink);
    font-size: var(--text-sm);
    font-weight: var(--font-weight-bold);
    white-space: nowrap;
    transition: background-color var(--duration-fast), border-color var(--duration-fast), transform var(--duration-fast);
  }
  .nv-chat__logo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    inline-size: calc(var(--spacing) * 7);
    block-size: calc(var(--spacing) * 7);
    flex-shrink: 0;
    border-radius: var(--radius-full);
    background-color: var(--nv-chat);
    color: var(--color-white);
    font-size: var(--icon-md);
  }
  .nv-chat-whatsapp {
    --nv-chat: var(--color-whatsapp);
  }
  .nv-chat-telegram {
    --nv-chat: var(--color-telegram);
  }
  .nv-chat-bale {
    --nv-chat: var(--color-bale);
  }
  @media (hover: hover) {
    .nv-chat:hover {
      border-color: var(--nv-chat);
      background-color: var(--nv-chat);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--nv-chat) 8%, var(--color-surface));
      }
    }
  }
  .nv-chat:active {
    transform: scale(0.97);
  }
  .nv-chat-inverse {
    border-color: var(--color-line-inverse);
    background-color: var(--color-fill-inverse);
    color: var(--color-ink-inverse);
  }
  @media (hover: hover) {
    .nv-chat-inverse:hover {
      border-color: var(--nv-chat);
      background-color: var(--nv-chat);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--nv-chat) 16%, transparent);
      }
    }
  }
  .nv-chatfab {
    position: fixed;
    z-index: var(--z-float);
    inset-inline-end: 1rem;
    inset-block-end: max(1rem, env(safe-area-inset-bottom));
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: calc(var(--spacing) * 3);
    transition: translate var(--duration-base) var(--ease-smooth);
  }
  @media (max-width: 63.999rem) {
    body:has(.nv-buybar.is-visible) .nv-chatfab {
      translate: 0 calc((max(0.75rem, env(safe-area-inset-bottom)) + 5.25rem - max(1rem, env(safe-area-inset-bottom))) * -1);
    }
  }
  .nv-chatfab__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    inline-size: calc(var(--spacing) * 14);
    block-size: calc(var(--spacing) * 14);
    border-radius: var(--radius-full);
    background-color: var(--color-fill-strong);
    color: var(--color-white);
    font-size: var(--icon-2xl);
    box-shadow: var(--shadow-xl), inset 0 0 0 1px color-mix(in srgb, rgb(var(--white)) 12%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: var(--shadow-xl), inset 0 0 0 1px color-mix(in oklab, var(--color-white) 12%, transparent);
    }
    transition: transform var(--duration-fast), background-color var(--duration-fast);
  }
  @media (hover: hover) {
    .nv-chatfab__btn:hover {
      background-color: var(--color-fill-strong-hover);
    }
  }
  .nv-chatfab__btn:active {
    transform: scale(0.94);
  }
  .nv-chatfab__btn[aria-expanded="true"] .nv-chatfab__open, .nv-chatfab__btn[aria-expanded="false"] .nv-chatfab__close {
    display: none;
  }
  .nv-chatfab__panel {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 3.5);
    inline-size: min(16.5rem, calc(100vw - 2rem));
    padding: calc(var(--spacing) * 4);
    border: 1px solid var(--color-line);
    border-radius: var(--radius-panel);
    background-color: var(--color-surface);
    box-shadow: var(--shadow-xl);
    transform-origin: bottom left;
    animation: nv-chatfab-in var(--duration-base) var(--ease-smooth);
  }
  .nv-chatfab__panel[hidden] {
    display: none;
  }
  @keyframes nv-chatfab-in {
    from {
      opacity: 0;
      transform: translateY(0.5rem) scale(0.96);
    }
  }
  .card {
    position: relative;
    display: flex;
    flex-direction: column;
    background-color: var(--color-surface);
    border: 1px solid var(--color-line);
    border-radius: var(--radius-card);
    overflow: hidden;
    transition-property: border-color, box-shadow, transform;
    transition-duration: var(--duration-base);
    transition-timing-function: var(--ease-smooth);
  }
  @media (hover: hover) {
    .card-hover:hover {
      border-color: var(--color-line-strong);
      box-shadow: var(--shadow-md);
      transform: translateY(-3px);
    }
  }
  .card-flat {
    border-color: transparent;
    background-color: var(--color-surface-muted);
  }
  .card-inverse {
    background-color: var(--color-surface-inverse-raised);
    border-color: var(--color-line-inverse);
    color: var(--color-ink-inverse);
  }
  .panel {
    background-color: var(--color-surface);
    border: 1px solid var(--color-line);
    border-radius: var(--radius-panel);
    box-shadow: var(--shadow-sm);
  }
  .media {
    position: relative;
    overflow: hidden;
    background-color: var(--color-surface-muted);
    isolation: isolate;
  }
  .media > img, .media > video {
    position: absolute;
    inset: 0;
    inline-size: 100%;
    block-size: 100%;
    object-fit: cover;
    transition: transform var(--duration-slow) var(--ease-smooth);
  }
  @media (hover: hover) {
    .group:hover .media-zoom > img, .group\/card:hover .media-zoom > img {
      transform: scale(1.04);
    }
  }
  .chip {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    height: 2.375rem;
    padding-inline: calc(var(--spacing) * 4);
    border-radius: var(--radius-full);
    border: 1px solid var(--color-line-strong);
    background-color: var(--color-surface);
    color: var(--color-ink-body);
    font-size: var(--text-sm);
    font-weight: var(--font-weight-semibold);
    white-space: nowrap;
    transition: color var(--duration-fast), background-color var(--duration-fast), border-color var(--duration-fast);
  }
  @media (hover: hover) {
    .chip:hover {
      border-color: var(--color-ink);
      color: var(--color-ink);
    }
  }
  .chip-active, .chip[aria-current="true"], .chip.active {
    background-color: var(--color-fill-strong);
    border-color: var(--color-fill-strong);
    color: var(--color-ink-inverse);
  }
  @media (hover: hover) {
    .chip-active:hover, .chip.active:hover {
      color: var(--color-ink-inverse);
    }
  }
  .badge {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing);
    height: 1.625rem;
    padding-inline: calc(var(--spacing) * 2.5);
    border-radius: var(--radius-full);
    font-size: var(--text-xs);
    line-height: var(--leading-none);
    font-weight: var(--font-weight-semibold);
    white-space: nowrap;
    background-color: var(--color-surface-muted);
    color: var(--color-ink-body);
  }
  .badge-brand {
    background-color: var(--color-brand-soft);
    color: var(--color-brand-ink);
  }
  .badge-mint {
    background-color: var(--color-mint-soft);
    color: var(--color-mint-ink);
  }
  .badge-amber {
    background-color: var(--color-amber-soft);
    color: var(--color-amber-ink);
  }
  .badge-danger {
    background-color: var(--color-danger-soft);
    color: var(--color-danger-ink);
  }
  .badge-inverse {
    background-color: color-mix(in srgb, #010626 38%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-navy-950) 38%, transparent);
    }
    color: var(--color-ink-inverse);
    box-shadow: inset 0 0 0 1px var(--color-line-inverse);
  }
  .badge-glass {
    background-color: color-mix(in srgb, rgb(var(--white)) 92%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 92%, transparent);
    }
    color: var(--color-ink);
    box-shadow: var(--shadow-xs);
  }
  .badge-gold {
    background-image: var(--gradient-gold);
    color: var(--color-navy-950);
  }
  .tile-magic {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background-color: var(--color-navy-900);
    background-image: var(--gradient-navy);
    color: var(--color-gold);
    box-shadow: var(--shadow-inset-highlight), inset 0 0 0 1px color-mix(in srgb, color-mix(in oklab, var(--color-mark-yellow) 55%, var(--color-mark-orange)) 22%, transparent), 0 6px 16px -8px color-mix(in srgb, #010626 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: var(--shadow-inset-highlight), inset 0 0 0 1px color-mix(in oklab, var(--color-gold) 22%, transparent), 0 6px 16px -8px color-mix(in oklab, var(--color-navy-950) 70%, transparent);
    }
  }
  .dot-live {
    inline-size: calc(var(--spacing) * 2);
    block-size: calc(var(--spacing) * 2);
    border-radius: var(--radius-full);
    background-color: var(--color-mint);
    animation: var(--animate-pulse-ring);
  }
  .field {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 2);
  }
  .field-label {
    font-size: var(--text-sm);
    font-weight: var(--font-weight-semibold);
    color: var(--color-ink);
  }
  .field-hint {
    font-size: var(--text-xs);
    color: var(--color-ink-muted);
  }
  .input {
    inline-size: 100%;
    height: var(--input-height-base);
    padding-inline: calc(var(--spacing) * 4);
    border-radius: var(--radius-control);
    border: 1px solid var(--color-line-strong);
    background-color: var(--color-surface);
    color: var(--color-ink);
    font-size: var(--text-base);
    transition: border-color var(--duration-fast), box-shadow var(--duration-fast), background-color var(--duration-fast);
  }
  @media (hover: hover) {
    .input:hover {
      border-color: var(--color-line-hover);
    }
  }
  .input:focus {
    outline: none;
    border-color: var(--color-brand);
    box-shadow: var(--shadow-focus);
  }
  textarea.input {
    height: auto;
    min-height: 8rem;
    padding-block: calc(var(--spacing) * 3);
    line-height: var(--leading-body);
    resize: vertical;
  }
  .input.is-invalid, .input[aria-invalid="true"] {
    border-color: var(--color-danger);
  }
  .input-search {
    padding-inline-start: calc(var(--spacing) * 11);
    background-color: var(--color-surface-muted);
    border-color: transparent;
  }
  @media (hover: hover) {
    .input-search:hover {
      border-color: var(--color-line-strong);
    }
  }
  .input-search:focus {
    background-color: var(--color-surface);
  }
  .stat-value {
    font-family: var(--font-display);
    font-size: var(--text-2xl);
    line-height: var(--leading-display);
    font-weight: var(--font-weight-extrabold);
    color: var(--color-ink);
    font-variant-numeric: tabular-nums;
  }
  .stat-label {
    font-size: var(--text-sm);
    color: var(--color-ink-muted);
  }
  .avatar {
    inline-size: calc(var(--spacing) * 10);
    block-size: calc(var(--spacing) * 10);
    flex-shrink: 0;
    border-radius: var(--radius-full);
    object-fit: cover;
    background-color: var(--color-surface-muted);
    box-shadow: 0 0 0 2px var(--color-surface);
  }
  .avatar-stack {
    display: flex;
  }
  .avatar-stack > * + * {
    margin-inline-start: calc(var(--spacing) * -2.5);
  }
  .nv-faces > * {
    position: relative;
  }
  .nv-faces > :nth-child(1) {
    z-index: 4;
  }
  .nv-faces > :nth-child(2) {
    z-index: 3;
  }
  .nv-faces > :nth-child(3) {
    z-index: 2;
  }
  .nv-faces > :nth-child(4) {
    z-index: 1;
  }
  .nv-faces__more {
    justify-content: flex-end;
    padding-inline-end: var(--spacing);
  }
  .tile {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: var(--radius-control);
  }
  .tile-brand {
    background-color: var(--color-brand-soft);
    color: var(--color-brand-ink);
  }
  .tile-mint {
    background-color: var(--color-mint-soft);
    color: var(--color-mint-ink);
  }
  .tile-amber {
    background-color: var(--color-amber-soft);
    color: var(--color-amber-ink);
  }
  .tile-muted {
    background-color: var(--color-surface-muted);
    color: var(--color-ink-muted);
  }
  .tile-inverse {
    background-color: var(--color-fill-inverse-muted);
    color: var(--color-brand-inverse-ink);
  }
  .divider {
    block-size: 1px;
    background-color: var(--color-line);
    border: 0;
  }
  .skeleton {
    background: linear-gradient(90deg, var(--color-surface-muted) 25%, var(--color-surface-sunken) 37%, var(--color-surface-muted) 63%);
    background-size: 400% 100%;
    animation: var(--animate-shimmer);
    border-radius: var(--radius-sm);
  }
  .bg-grid {
    background-image: linear-gradient(to right, color-mix(in srgb, rgb(var(--base-50)) 6%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in srgb, rgb(var(--base-50)) 6%, transparent) 1px, transparent 1px);
    @supports (color: color-mix(in lab, red, red)) {
      background-image: linear-gradient(to right, color-mix(in oklab, var(--color-base-50) 6%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in oklab, var(--color-base-50) 6%, transparent) 1px, transparent 1px);
    }
    background-size: 44px 44px;
    mask-image: radial-gradient(ellipse 70% 60% at 50% 0%, #000 30%, transparent 75%);
  }
  .bg-grid-inverse {
    background-image: linear-gradient(to right, color-mix(in srgb, rgb(var(--white)) 5%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in srgb, rgb(var(--white)) 5%, transparent) 1px, transparent 1px);
    @supports (color: color-mix(in lab, red, red)) {
      background-image: linear-gradient(to right, color-mix(in oklab, var(--color-white) 5%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in oklab, var(--color-white) 5%, transparent) 1px, transparent 1px);
    }
    background-size: 44px 44px;
    mask-image: radial-gradient(ellipse 80% 70% at 50% 0%, #000 25%, transparent 80%);
  }
  .bg-dots {
    background-image: radial-gradient(color-mix(in srgb, rgb(var(--base-50)) 12%, transparent) 1px, transparent 1px);
    @supports (color: color-mix(in lab, red, red)) {
      background-image: radial-gradient(color-mix(in oklab, var(--color-base-50) 12%, transparent) 1px, transparent 1px);
    }
    background-size: 18px 18px;
  }
  .edge-slant {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - var(--slant, 4vw)));
  }
  .glow-brand {
    background: radial-gradient(closest-side, color-mix(in srgb, rgb(var(--primary-50)) 28%, transparent), transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background: radial-gradient(closest-side, color-mix(in oklab, var(--color-primary-50) 28%, transparent), transparent);
    }
    filter: blur(var(--blur-lg));
  }
  .glow-mint {
    background: radial-gradient(closest-side, color-mix(in srgb, rgb(var(--secondary-50)) 22%, transparent), transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background: radial-gradient(closest-side, color-mix(in oklab, var(--color-secondary-50) 22%, transparent), transparent);
    }
    filter: blur(var(--blur-lg));
  }
  .fade-x {
    mask-image: linear-gradient(to right, transparent, #000 10%, #000 90%, transparent);
  }
  .marquee {
    display: flex;
    overflow: hidden;
  }
  .marquee-track {
    display: flex;
    flex-shrink: 0;
    min-inline-size: 100%;
    animation: var(--animate-marquee);
  }
  @media (hover: hover) {
    .marquee:hover .marquee-track {
      animation-play-state: paused;
    }
  }
  .bleed {
    box-shadow: 0 0 0 100vmax var(--bleed-color, var(--color-surface-inverse));
    clip-path: inset(0 -100vmax);
    background-color: var(--bleed-color, var(--color-surface-inverse));
  }
  .is-collapsed > [data-collapse-item]:nth-child(n + 7) {
    display: none;
  }
  .anchor-offset {
    scroll-margin-top: calc(var(--spacing-header) + calc(var(--spacing) * 20));
  }
  .video-with-overlay .overlay {
    transition: opacity var(--duration-base) var(--ease-smooth);
  }
  .nv-clamp {
    max-block-size: var(--clamp-size, 28rem);
    overflow: hidden;
    mask-image: linear-gradient(to bottom, #000 65%, transparent);
  }
  .nv-clamp.is-open {
    max-block-size: none;
    mask-image: none;
  }
  .nv-js [data-reveal] {
    opacity: 0;
    transform: translate3d(0, var(--reveal-distance), 0);
    transition: opacity var(--duration-reveal) var(--ease-smooth), transform var(--duration-reveal) var(--ease-smooth);
    transition-delay: calc(min(var(--i, 0), 8) * var(--reveal-stagger));
  }
  .nv-js [data-reveal="fade"] {
    transform: none;
  }
  .nv-js [data-reveal].is-revealed, .nv-reveal-all [data-reveal] {
    opacity: 1;
    transform: none;
  }
  @media (prefers-reduced-motion: reduce) {
    .nv-js [data-reveal] {
      opacity: 1;
      transform: none;
      transition: none;
    }
  }
  .nv-modal {
    position: fixed;
    inset: 0;
    z-index: var(--z-modal);
    display: flex;
    align-items: flex-start;
    justify-content: center;
    overflow-y: auto;
    padding: var(--spacing-modal-y) var(--gutter-x);
    background-color: color-mix(in srgb, rgb(var(--base-90)) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-scrim) 50%, transparent);
    }
    backdrop-filter: var(--backdrop-scrim);
    opacity: 0;
    pointer-events: none;
    transition: opacity var(--duration-base) var(--ease-smooth);
  }
  .nv-modal.show {
    opacity: 1;
    pointer-events: auto;
  }
  .nv-modal.nv-modal-lg > .modal-content {
    max-inline-size: 42rem;
  }
  .nv-modal.nv-modal-xl > .modal-content {
    max-inline-size: 56rem;
  }
  .nv-modal-center {
    align-items: center;
  }
  .nv-modal > .modal-content {
    position: relative;
    inline-size: 100%;
    max-inline-size: 36rem;
    background-color: var(--color-surface);
    border-radius: var(--radius-panel);
    box-shadow: var(--shadow-xl);
    transform: translateY(12px) scale(0.985);
    transition: transform var(--duration-slow) var(--ease-smooth);
  }
  .nv-modal.show > .modal-content {
    transform: none;
  }
  @media (width < 40rem) {
    .nv-modal-sheet {
      align-items: flex-end;
      padding: 0;
    }
    .nv-modal-sheet > .modal-content {
      max-inline-size: none;
      border-end-start-radius: 0;
      border-end-end-radius: 0;
      transform: translateY(100%);
    }
  }
  .nv-modal-sheet > .modal-content {
    max-block-size: calc(100dvh - calc(var(--spacing) * 8));
  }
  .nv-modal-frame {
    align-items: center;
    padding-block: 0;
  }
  .nv-modal-frame > .modal-content {
    max-inline-size: 46rem;
    block-size: 92vh;
    block-size: 92dvh;
    border: 1px solid var(--color-line-inverse);
  }
  @media (width < 40rem) {
    .nv-modal-frame {
      align-items: flex-end;
      padding: 0;
    }
    .nv-modal-frame > .modal-content {
      block-size: 94vh;
      block-size: 94dvh;
      border-end-start-radius: 0;
      border-end-end-radius: 0;
      transform: translateY(100%);
    }
  }
  .dropdown {
    position: relative;
  }
  .dropdown > .dropdown-menu {
    position: absolute;
    top: calc(100% + 0.5rem);
    min-inline-size: 15rem;
    z-index: var(--z-overlay);
  }
  .dropdown > .dropdown-menu:not(.left) {
    right: 0;
  }
  .dropdown > .dropdown-menu.left {
    left: 0;
  }
  .dropdown:not(.show) > .dropdown-menu {
    display: none;
  }
  .dropdown-menu, .dropdown-submenu {
    display: none;
  }
  .dropdown.show > .dropdown-menu, .dropdown-menu.show, .dropdown-submenu.show {
    display: block !important;
  }
  .dropdown-submenu {
    z-index: calc(var(--z-overlay) + 1);
  }
  .dropdown-arrow, .dropdown-toggle > i {
    transition: transform var(--duration-base) var(--ease-smooth);
  }
  .dropdown.show .dropdown-arrow {
    transform: rotate(180deg);
  }
  .dropdown-menu.nv-menu {
    padding: calc(var(--spacing) * 1.5);
    border-radius: var(--radius-lg);
    border: 1px solid var(--color-line);
    background-color: var(--color-surface);
    box-shadow: var(--shadow-lg);
    animation: nv-menu-in var(--duration-base) var(--ease-smooth);
  }
  .nv-menu-item {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2.5);
    inline-size: 100%;
    padding: calc(var(--spacing) * 2) calc(var(--spacing) * 3);
    border-radius: var(--radius-sm);
    font-size: var(--text-sm);
    font-weight: var(--font-weight-medium);
    color: var(--color-ink-body);
    transition: background-color var(--duration-fast), color var(--duration-fast);
  }
  @media (hover: hover) {
    .nv-menu-item:hover {
      background-color: var(--color-surface-muted);
      color: var(--color-ink);
    }
  }
  .nv-menu-item > [class^="i-"], .nv-menu-item > [class*=" i-"] {
    font-size: var(--icon-md);
    color: var(--color-ink-muted);
  }
  .nv-header {
    position: sticky;
    inset-block-start: 0;
    z-index: var(--z-header);
    inline-size: 100%;
    block-size: var(--spacing-header);
  }
  .nv-island {
    position: relative;
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 6);
    block-size: 100%;
  }
  .nv-island::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset-block: calc(var(--spacing) * 2);
    inset-inline: calc(var(--island-overhang) * -1);
    border: 1px solid color-mix(in srgb, rgb(var(--base-10)) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in oklab, var(--color-line-strong) 70%, transparent);
    }
    border-radius: var(--radius-full);
    background-color: var(--color-glass);
    -webkit-backdrop-filter: var(--backdrop-glass);
    backdrop-filter: var(--backdrop-glass);
    box-shadow: var(--shadow-md);
  }
  .nv-page-top {
    margin-block-start: calc(var(--spacing-header) * -1);
    padding-block-start: var(--spacing-header);
  }
  .nv-nav {
    gap: calc(var(--spacing) * 0.5);
  }
  .nv-navitem {
    display: flex;
  }
  .nv-navlink {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    block-size: calc(var(--spacing) * 10);
    padding-inline: calc(var(--spacing) * 3.5);
    border-radius: var(--radius-full);
    font-size: var(--text-sm);
    font-weight: var(--font-weight-semibold);
    color: var(--color-ink-body);
    white-space: nowrap;
    transition: color var(--duration-fast), background-color var(--duration-fast), transform var(--duration-fast);
  }
  @media (hover: hover) {
    .nv-navlink:hover {
      color: var(--color-ink);
    }
  }
  .nv-navlink.is-active, .nv-navitem.is-open > .nv-navlink {
    color: var(--color-ink);
  }
  .nv-navlink.is-active::after {
    content: "";
    position: absolute;
    inset-inline: 0;
    inset-block-end: 0.125rem;
    margin-inline: auto;
    inline-size: calc(var(--spacing) * 3.5);
    block-size: 0.4rem;
    background-image: var(--gradient-gold);
    clip-path: polygon(0 44.53%, 100% 0, 100% 54.98%, 0 100%);
  }
  .nv-navlink__icon {
    display: none;
  }
  .nv-navlink__out {
    font-size: var(--text-xs);
    opacity: 0.5;
  }
  .nv-navlink__caret {
    font-size: var(--text-2xs);
    color: var(--color-ink-subtle);
    transition: transform var(--duration-base) var(--ease-smooth), color var(--duration-base);
  }
  .nv-navitem.is-open .nv-navlink__caret, .dropdown.show .nv-navlink__caret {
    transform: rotate(180deg);
    color: var(--color-ink);
  }
  .nv-nav-pill {
    position: absolute;
    inset-block: 0;
    left: 0;
    margin-block: auto;
    block-size: calc(var(--spacing) * 10);
    inline-size: var(--pill-w, 0);
    border-radius: var(--radius-full);
    background-color: var(--color-surface-muted);
    opacity: 0;
    transform: translateX(var(--pill-x, 0));
    transition: transform var(--duration-slow) var(--ease-smooth), inline-size var(--duration-slow) var(--ease-smooth), opacity var(--duration-base);
    pointer-events: none;
  }
  .nv-nav-pill.is-on {
    opacity: 1;
  }
  .nv-nav-pill.is-instant {
    transition: opacity var(--duration-base);
  }
  .nv-mega {
    position: absolute;
    z-index: 2;
    inset-inline: 0;
    inset-block-start: calc(100% - 0.25rem);
    margin-inline: auto;
    inline-size: fit-content;
    min-inline-size: min(100%, 34rem);
    max-inline-size: 100%;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-0.5rem) scale(0.985);
    transform-origin: top center;
    transition: opacity var(--duration-base) var(--ease-smooth), transform var(--duration-slow) var(--ease-smooth), visibility 0s linear var(--duration-slow);
    pointer-events: none;
  }
  .nv-mega::before {
    content: "";
    position: absolute;
    inset-inline: 0;
    inset-block-end: 100%;
    block-size: calc(var(--spacing-header) / 2 - calc(var(--spacing) * 6));
  }
  .nv-navitem.is-open > .nv-mega {
    opacity: 1;
    visibility: visible;
    transform: none;
    transition-delay: 0s;
    pointer-events: auto;
  }
  .nv-mega__card {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: calc(var(--spacing) * 2);
    padding: calc(var(--spacing) * 2);
    border: 1px solid var(--color-line);
    border-radius: var(--radius-2xl);
    background-color: var(--color-surface);
    box-shadow: var(--shadow-xl);
  }
  .nv-mega.has-promo .nv-mega__card {
    grid-template-columns: minmax(0, 1fr) 17rem;
  }
  .nv-mega__body {
    display: flex;
    flex-direction: column;
    min-inline-size: 0;
  }
  .nv-mega__groups {
    display: grid;
    grid-template-columns: repeat(var(--mega-cols, 1), minmax(13rem, 1fr));
    gap: calc(var(--spacing) * 3) calc(var(--spacing) * 4);
    padding: calc(var(--spacing) * 2);
  }
  .nv-cols-1 {
    --mega-cols: 1;
  }
  .nv-cols-2 {
    --mega-cols: 2;
  }
  .nv-cols-3 {
    --mega-cols: 3;
  }
  .nv-mega__group {
    display: flex;
    flex-direction: column;
    gap: var(--spacing);
    min-inline-size: 0;
  }
  .nv-mega__heading {
    padding: var(--spacing) calc(var(--spacing) * 3) calc(var(--spacing) * 1.5);
    font-size: var(--text-xs);
    font-weight: var(--font-weight-bold);
    color: var(--color-ink-subtle);
  }
  .nv-mega__list {
    display: grid;
    grid-template-columns: repeat(var(--mega-cols, 1), minmax(13rem, 1fr));
    gap: var(--spacing) calc(var(--spacing) * 2);
  }
  .nv-mega__item {
    display: flex;
    align-items: flex-start;
    gap: calc(var(--spacing) * 3.5);
    padding: calc(var(--spacing) * 3);
    border-radius: var(--radius-lg);
    transition: background-color var(--duration-fast);
  }
  .nv-mega__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    inline-size: calc(var(--spacing) * 10);
    block-size: calc(var(--spacing) * 10);
    border-radius: var(--radius-md);
    background-color: var(--color-brand-soft);
    color: var(--color-brand-ink);
    font-size: var(--icon-lg);
    font-weight: var(--font-weight-extrabold);
    transition: background-color var(--duration-base), color var(--duration-base), box-shadow var(--duration-base);
  }
  .nv-mega__title {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    font-size: var(--text-sm);
    font-weight: var(--font-weight-bold);
    color: var(--color-ink);
    transition: color var(--duration-fast);
  }
  .nv-mega__item.is-plain {
    align-items: center;
    gap: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 2.5);
  }
  .nv-mega__lead {
    flex-shrink: 0;
    font-size: var(--text-xs);
    color: var(--color-ink-subtle);
    transition: transform var(--duration-base) var(--ease-smooth), color var(--duration-base);
  }
  .nv-mega__desc {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: var(--text-xs);
    line-height: var(--leading-cozy);
    color: var(--color-ink-muted);
  }
  @media (hover: hover) {
    .nv-mega__item:hover {
      background-color: var(--color-surface-subtle);
    }
    .nv-mega__item:hover .nv-mega__icon {
      background-color: var(--color-surface-inverse);
      background-image: var(--gradient-navy);
      color: var(--color-gold);
      box-shadow: var(--shadow-sm);
    }
    .nv-mega__item:hover .nv-mega__title {
      color: var(--color-brand-ink);
    }
    .nv-mega__item:hover .nv-mega__lead {
      color: var(--color-brand);
      transform: translateX(-3px);
    }
  }
  .nv-mega__item:active {
    background-color: var(--color-surface-muted);
  }
  .nv-mega__foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 4);
    margin: auto calc(var(--spacing) * 2) 0;
    padding: calc(var(--spacing) * 3.5) calc(var(--spacing) * 3) calc(var(--spacing) * 1.5);
    border-block-start: 1px solid var(--color-line);
    font-size: var(--text-sm);
    color: var(--color-ink-muted);
  }
  .nv-mega-backdrop {
    position: fixed;
    inset: 0;
    z-index: -2;
    background-color: color-mix(in srgb, rgb(var(--base-90)) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-scrim) 10%, transparent);
    }
    opacity: 0;
    pointer-events: none;
    transition: opacity var(--duration-slow) var(--ease-smooth);
  }
  .nv-header.has-mega .nv-mega-backdrop {
    opacity: 1;
  }
  .nv-promo {
    position: relative;
    isolation: isolate;
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 2);
    overflow: hidden;
    padding: calc(var(--spacing) * 5);
    border-radius: var(--radius-xl);
    background-color: var(--color-surface-inverse);
    background-image: var(--gradient-surface-navy);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, rgb(var(--white)) 6%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--color-white) 6%, transparent);
    }
  }
  .nv-promo__plane {
    position: absolute;
    z-index: -1;
    right: -12%;
    bottom: -22%;
    inline-size: 58%;
    aspect-ratio: 187.87 / 222.86;
    background-image: var(--gradient-gold);
    clip-path: polygon(0 44.53%, 100% 0, 100% 54.98%, 0 100%);
    opacity: 0.2;
    transition: transform var(--duration-slow) var(--ease-smooth), opacity var(--duration-slow);
  }
  @media (hover: hover) {
    .nv-promo:hover .nv-promo__plane {
      transform: translateY(-6%);
      opacity: 0.3;
    }
  }
  .nv-promo.is-compact {
    padding: calc(var(--spacing) * 4) calc(var(--spacing) * 4);
  }
  .nv-burger {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 5px;
    inline-size: calc(var(--spacing) * 11);
    block-size: calc(var(--spacing) * 11);
    padding-inline: calc(var(--spacing) * 2.5);
    flex-shrink: 0;
    border-radius: var(--radius-md);
    color: var(--color-ink);
    transition: background-color var(--duration-fast), transform var(--duration-fast);
  }
  .nv-burger > span {
    display: block;
    block-size: calc(var(--spacing) * 0.5);
    inline-size: 100%;
    border-radius: var(--radius-full);
    background-color: currentColor;
    transition: inline-size var(--duration-base) var(--ease-smooth);
  }
  .nv-burger > span:nth-child(2) {
    inline-size: 70%;
  }
  .nv-burger > span:nth-child(3) {
    inline-size: 45%;
  }
  @media (hover: hover) {
    .nv-burger:hover {
      background-color: var(--color-surface-muted);
    }
    .nv-burger:hover > span {
      inline-size: 100%;
    }
  }
  .nv-burger:active {
    background-color: var(--color-surface-sunken);
    transform: scale(0.94);
  }
  .nv-drawer .nv-navlink {
    inline-size: 100%;
    block-size: calc(var(--spacing) * 12);
    padding-inline: calc(var(--spacing) * 3);
    border-radius: var(--radius-md);
    font-size: var(--text-base);
  }
  .nv-drawer .nv-navlink__icon {
    display: inline-block;
    font-size: var(--icon-md);
    color: var(--color-ink-muted);
  }
  .nv-drawer .nv-navlink.is-active {
    background-color: var(--color-brand-soft);
    color: var(--color-brand-ink);
  }
  .nv-drawer .nv-navlink.is-active::after {
    display: none;
  }
  @media (hover: hover) {
    .nv-drawer .nv-navlink:hover {
      background-color: var(--color-surface-muted);
    }
  }
  .nv-drawer-group > summary {
    justify-content: space-between;
    cursor: pointer;
    list-style: none;
  }
  .nv-drawer-group > summary::-webkit-details-marker {
    display: none;
  }
  .nv-drawer-group[open] > summary {
    color: var(--color-ink);
  }
  .nv-drawer-group[open] > summary .nv-navlink__caret {
    transform: rotate(180deg);
    color: var(--color-ink);
  }
  .nv-drawer .nv-mega__item {
    padding: calc(var(--spacing) * 2.5) calc(var(--spacing) * 3);
  }
  .nv-drawer .nv-mega__icon {
    inline-size: calc(var(--spacing) * 9);
    block-size: calc(var(--spacing) * 9);
    font-size: var(--icon-md);
  }
  .nv-tabbar {
    padding: calc(var(--spacing) * 1.5);
    border: 1px solid var(--color-line);
    border-radius: var(--radius-full);
    background-color: var(--color-glass);
    -webkit-backdrop-filter: var(--backdrop-glass);
    backdrop-filter: var(--backdrop-glass);
    box-shadow: var(--shadow-md);
  }
  .nv-buybar {
    position: fixed;
    z-index: var(--z-header);
    inset-inline: 0.75rem;
    inset-block-end: max(0.75rem, env(safe-area-inset-bottom));
    padding: calc(var(--spacing) * 2);
    padding-inline-start: calc(var(--spacing) * 5);
    border: 1px solid var(--color-line);
    border-radius: var(--radius-full);
    background-color: var(--color-glass);
    -webkit-backdrop-filter: var(--backdrop-glass);
    backdrop-filter: var(--backdrop-glass);
    box-shadow: var(--shadow-xl);
    transform: translateY(calc(100% + 1.5rem));
    transition: transform var(--duration-slow) var(--ease-smooth);
  }
  .nv-buybar.is-visible {
    transform: none;
  }
  .nv-tab {
    display: flex;
    align-items: center;
    block-size: calc(var(--spacing) * 9);
    padding-inline: calc(var(--spacing) * 3.5);
    border-radius: var(--radius-full);
    font-size: var(--text-sm);
    font-weight: var(--font-weight-semibold);
    color: var(--color-ink-body);
    white-space: nowrap;
    transition: color var(--duration-fast), background-color var(--duration-fast);
  }
  @media (hover: hover) {
    .nv-tab:hover {
      background-color: var(--color-surface-muted);
      color: var(--color-ink);
    }
  }
  .nv-tab.active {
    background-color: var(--color-fill-strong);
    color: var(--color-ink-inverse);
  }
  .nv-tabs {
    display: flex;
    align-items: center;
    gap: var(--spacing);
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
  }
  .nv-tabs::-webkit-scrollbar {
    display: none;
  }
  .nv-tabs > * {
    flex-shrink: 0;
    scroll-snap-align: center;
  }
  .sticky-menu:not(.is-sticky) {
    visibility: hidden;
    opacity: 0 !important;
    pointer-events: none;
  }
  .sticky-menu-dropdown-btn {
    display: none;
  }
  .sticky-menu.is-dropdown-mode .sticky-menu-dropdown-btn {
    display: flex;
  }
  .sticky-menu.is-dropdown-mode .sticky-menu-dropdown-content {
    display: none;
  }
  .sticky-menu.is-dropdown-mode .sticky-menu-dropdown-content.show {
    display: flex;
    flex-direction: column;
    padding-block: var(--spacing);
  }
  .sticky-menu-dropdown-arrow {
    transition: transform var(--duration-base) var(--ease-smooth);
  }
  .nv-accordion-item {
    border-block-end: 1px solid var(--color-line);
  }
  .nv-accordion-item summary {
    list-style: none;
  }
  .nv-accordion-item summary::-webkit-details-marker {
    display: none;
  }
  .nv-accordion-item[open] .nv-accordion-icon {
    transform: rotate(45deg);
    color: var(--color-brand);
  }
  .nv-accordion-icon {
    transition: transform var(--duration-base) var(--ease-smooth), color var(--duration-base);
  }
  .nv-track {
    --slide-gap: 1.25rem;
    display: flex;
    gap: var(--slide-gap);
  }
  .nv-slide {
    flex: 0 0 var(--slide-basis, 86%);
    min-inline-size: 0;
  }
  @media (width >= 40rem) {
    .nv-slide {
      --slide-basis: calc((100% - var(--slide-gap)) / 2);
    }
  }
  @media (width >= 64rem) {
    .nv-slide {
      --slide-basis: calc((100% - var(--slide-gap) * 2) / 3);
    }
    .nv-track-4 > .nv-slide {
      --slide-basis: calc((100% - var(--slide-gap) * 3) / 4);
    }
  }
  .nv-track-single > .nv-slide {
    --slide-basis: 100%;
  }
  .embla__viewport {
    overflow: hidden;
  }
  .nv-dots {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
  }
  .nv-dots > * {
    block-size: 3px;
    inline-size: calc(var(--spacing) * 2);
    border-radius: var(--radius-full);
    background-color: var(--color-line-strong);
    cursor: pointer;
    transition: inline-size var(--duration-base) var(--ease-smooth), background-color var(--duration-base);
  }
  .nv-dots > .embla__dot--selected {
    inline-size: calc(var(--spacing) * 7);
    background-color: var(--color-fill-strong);
  }
  .is-loading {
    pointer-events: none;
    opacity: 0.6;
  }
  .nv-stage > [data-studio-sec] > section:not(.nv-hero), .nv-stage > section:not(.nv-hero) {
    position: relative;
    z-index: 1;
    background-color: var(--color-canvas);
  }
  .nv-stage > [data-studio-sec]:has(> .nv-hero) + [data-studio-sec] > section, .nv-stage > .nv-hero + section {
    border-start-start-radius: var(--radius-2xl);
    border-start-end-radius: var(--radius-2xl);
    box-shadow: 0 -1px 0 var(--color-line), 0 -28px 56px -28px color-mix(in srgb, rgb(var(--base-70)) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 -1px 0 var(--color-line), 0 -28px 56px -28px color-mix(in oklab, var(--color-base-70) 20%, transparent);
    }
  }
  @media (min-width: 48rem) and (min-height: 46rem) and (prefers-reduced-motion: no-preference) {
    .nv-stage .nv-hero {
      position: sticky;
      inset-block-start: var(--spacing-header);
    }
  }
  @supports selector(:has(*)) {
    .nv-stage:has(> [data-studio-sec]:first-child > .nv-hero, > .nv-hero:first-child) {
      margin-block-start: calc(var(--spacing-header) * -1);
    }
    .nv-stage > [data-studio-sec]:first-child > .nv-hero, .nv-stage > .nv-hero:first-child {
      inset-block-start: 0;
      min-block-size: 100svh;
      padding-block-start: var(--spacing-header);
    }
  }
  .nv-hero.is-covered {
    visibility: hidden;
  }
  .nv-hero.is-covered * {
    animation-play-state: paused !important;
  }
  .nv-hero {
    position: relative;
    isolation: isolate;
    display: flex;
    flex-direction: column;
    min-block-size: var(--spacing-hero);
    overflow: hidden;
  }
  .nv-hero-backdrop {
    position: absolute;
    inset: 0;
    z-index: -1;
    overflow: hidden;
    pointer-events: none;
  }
  .nv-hero-veil {
    position: absolute;
    inset-block: 4% 12%;
    inset-inline: 0;
    margin-inline: auto;
    inline-size: min(70rem, 100%);
    background: radial-gradient(closest-side, color-mix(in srgb, rgb(var(--white)) 95%, transparent) 34%, color-mix(in srgb, rgb(var(--white)) 0%, transparent));
    @supports (color: color-mix(in lab, red, red)) {
      background: radial-gradient(closest-side, color-mix(in oklab, var(--color-white) 95%, transparent) 34%, color-mix(in oklab, var(--color-white) 0%, transparent));
    }
  }
  .bg-grid-center {
    mask-image: radial-gradient(ellipse 95% 90% at 50% 38%, #000 35%, transparent 100%);
  }
  .heading-hero {
    font-family: var(--font-display);
    font-size: var(--text-hero);
    line-height: var(--text-hero--line-height);
    font-weight: var(--font-weight-black);
    color: var(--color-ink);
    text-wrap: balance;
  }
  .nv-mark {
    position: relative;
    isolation: isolate;
    display: inline-block;
    color: var(--color-ink-strong);
  }
  .nv-mark::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset-inline: -0.08em;
    inset-block: 0.58em 0.1em;
    background-image: var(--gradient-gold);
    clip-path: polygon(0 30%, 100% 0, 100% 70%, 0 100%);
    transform: scaleX(0);
    transform-origin: right;
    animation: nv-mark-draw 1.1s var(--ease-smooth) 0.9s forwards;
  }
  [dir="ltr"] .nv-mark::before {
    transform-origin: left;
  }
  .nv-rise {
    animation: nv-rise var(--duration-reveal) var(--ease-smooth) both;
    animation-delay: calc(var(--i, 0) * 110ms + 100ms);
  }
  .nv-blade {
    position: absolute;
  }
  .nv-blade-navy {
    --blade-clip: polygon(0 0, 100% 29.63%, 100% 100%, 0 70.74%);
    --blade-fill: linear-gradient(160deg, color-mix(in srgb, #0088bd 40%, transparent), color-mix(in srgb, color-mix(in srgb, #0088bd 55%, #001543) 34%, transparent));
    @supports (color: color-mix(in lab, red, red)) {
      --blade-fill: linear-gradient(160deg, color-mix(in oklab, var(--color-mark-cyan) 40%, transparent), color-mix(in oklab, color-mix(in oklab, var(--color-mark-cyan) 55%, var(--color-mark-navy)) 34%, transparent));
    }
    --blade-edge: color-mix(in srgb, #0088bd 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --blade-edge: color-mix(in oklab, var(--color-mark-cyan) 50%, transparent);
    }
    left: -6%;
    top: -12%;
    inline-size: clamp(14rem, max(30vw, 26vh), 34rem);
    aspect-ratio: 190.92 / 173.88;
  }
  .nv-blade-gold {
    --blade-clip: polygon(0 44.53%, 100% 0, 100% 54.98%, 0 100%);
    --blade-fill: linear-gradient(125deg, color-mix(in srgb, #ff7300 34%, transparent), color-mix(in srgb, #fff200 44%, transparent));
    @supports (color: color-mix(in lab, red, red)) {
      --blade-fill: linear-gradient(125deg, color-mix(in oklab, var(--color-mark-orange) 34%, transparent), color-mix(in oklab, var(--color-mark-yellow) 44%, transparent));
    }
    --blade-edge: color-mix(in srgb, #ff7300 55%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --blade-edge: color-mix(in oklab, var(--color-mark-orange) 55%, transparent);
    }
    right: -5%;
    bottom: -7%;
    inline-size: clamp(12rem, max(27vw, 24vh), 31rem);
    aspect-ratio: 187.87 / 222.86;
  }
  .nv-blade__body {
    position: absolute;
    inset: 0;
    animation: var(--animate-blade);
  }
  .nv-blade-gold .nv-blade__body {
    animation-duration: 23s;
    animation-direction: alternate-reverse;
  }
  .nv-blade__body::before {
    content: "";
    position: absolute;
    inset: 18% 6% -10%;
    border-radius: 50%;
    background: radial-gradient(closest-side, color-mix(in srgb, rgb(var(--base-70)) 13%, transparent), transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background: radial-gradient(closest-side, color-mix(in oklab, var(--color-base-70) 13%, transparent), transparent);
    }
    filter: blur(var(--blur-md));
  }
  .nv-blade__glass {
    position: absolute;
    inset: 0;
    overflow: hidden;
    clip-path: var(--blade-clip);
    background-image: linear-gradient(172deg, color-mix(in srgb, rgb(var(--white)) 55%, transparent), color-mix(in srgb, rgb(var(--white)) 4%, transparent) 55%), var(--blade-fill);
    @supports (color: color-mix(in lab, red, red)) {
      background-image: linear-gradient(172deg, color-mix(in oklab, var(--color-white) 55%, transparent), color-mix(in oklab, var(--color-white) 4%, transparent) 55%), var(--blade-fill);
    }
    -webkit-backdrop-filter: blur(var(--blur-sm)) saturate(var(--glass-saturate));
    backdrop-filter: blur(var(--blur-sm)) saturate(var(--glass-saturate));
  }
  .nv-blade__glass::after {
    content: "";
    position: absolute;
    inset-block: -10%;
    left: 0;
    inline-size: 30%;
    background: linear-gradient(90deg, transparent, color-mix(in srgb, rgb(var(--white)) 60%, transparent), transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(90deg, transparent, color-mix(in oklab, var(--color-white) 60%, transparent), transparent);
    }
    animation: var(--animate-sheen);
  }
  .nv-blade-gold .nv-blade__glass::after {
    animation-delay: 3.5s;
  }
  .nv-blade__body > svg {
    position: absolute;
    inset: 0;
    inline-size: 100%;
    block-size: 100%;
    overflow: visible;
  }
  .nv-blade polygon {
    fill: none;
    stroke: var(--blade-edge);
    stroke-width: 1;
    vector-effect: non-scaling-stroke;
  }
  .nv-blade polyline {
    fill: none;
    stroke: var(--color-white);
    stroke-width: 1.5;
    stroke-linecap: round;
    vector-effect: non-scaling-stroke;
  }
  .nv-blade.is-inverse {
    --blade-fill: linear-gradient(125deg, color-mix(in srgb, #ff7300 24%, transparent), color-mix(in srgb, #fff200 6%, transparent));
    @supports (color: color-mix(in lab, red, red)) {
      --blade-fill: linear-gradient(125deg, color-mix(in oklab, var(--color-mark-orange) 24%, transparent), color-mix(in oklab, var(--color-mark-yellow) 6%, transparent));
    }
    --blade-edge: color-mix(in srgb, color-mix(in oklab, var(--color-mark-yellow) 55%, var(--color-mark-orange)) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --blade-edge: color-mix(in oklab, var(--color-gold) 70%, transparent);
    }
  }
  .nv-blade.is-inverse .nv-blade__glass {
    background-image: var(--blade-fill);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
  .nv-blade.is-inverse .nv-blade__glass::after {
    opacity: 0.35;
  }
  .nv-blade.is-inverse .nv-blade__body::before {
    display: none;
  }
  .nv-blade.is-inverse .nv-blade__body > svg {
    filter: drop-shadow(0 0 1.25rem color-mix(in srgb, color-mix(in oklab, var(--color-mark-yellow) 55%, var(--color-mark-orange)) 40%, transparent));
    @supports (color: color-mix(in lab, red, red)) {
      filter: drop-shadow(0 0 1.25rem color-mix(in oklab, var(--color-gold) 40%, transparent));
    }
  }
  .nv-blade.is-inverse polyline {
    stroke: var(--color-mark-yellow);
  }
  .nv-blade-gold.is-inverse {
    right: auto;
    left: 7%;
    bottom: 11%;
    inline-size: clamp(9rem, 14vw, 14rem);
  }
  @media (width < 64rem) {
    .nv-blade-gold.is-inverse {
      display: none;
    }
  }
  @media (width < 48rem) {
    .nv-blade-navy {
      left: -34%;
      top: -5%;
    }
    .nv-blade-gold {
      right: -30%;
      bottom: -8%;
    }
    .nv-blade__glass {
      -webkit-backdrop-filter: none;
      backdrop-filter: none;
    }
    .nv-blade__body {
      animation: none;
    }
  }
  .nv-strip {
    position: relative;
    border-block-start: 1px solid var(--color-line);
    background-color: color-mix(in srgb, rgb(var(--white)) 72%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 72%, transparent);
    }
    -webkit-backdrop-filter: var(--backdrop-glass-soft);
    backdrop-filter: var(--backdrop-glass-soft);
  }
  .nv-companies {
    --company-gap: 3rem;
    --marquee-duration: 90s;
    gap: var(--company-gap);
    padding-inline-end: var(--company-gap);
    align-items: center;
  }
  .nv-company {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 2.5);
    white-space: nowrap;
  }
  .nv-company::after {
    content: "";
    position: absolute;
    inset-block: 0;
    inset-inline-end: calc(var(--company-gap) / -2 - 0.2rem);
    margin-block: auto;
    inline-size: 0.4rem;
    block-size: 0.55rem;
    background-image: var(--gradient-gold);
    clip-path: polygon(0 44.53%, 100% 0, 100% 54.98%, 0 100%);
  }
  .nv-company__name {
    font-size: var(--text-lg);
    font-weight: var(--font-weight-extrabold);
    color: var(--color-ink-muted);
    transition: color var(--duration-base);
  }
  .nv-company__note {
    font-size: var(--text-2xs);
    font-weight: var(--font-weight-semibold);
    color: var(--color-ink-subtle);
  }
  .nv-company .avatar {
    inline-size: calc(var(--spacing) * 7);
    block-size: calc(var(--spacing) * 7);
    filter: grayscale(1);
    transition: filter var(--duration-base);
  }
  @media (hover: hover) {
    .nv-company:hover .nv-company__name {
      color: var(--color-ink);
    }
    .nv-company:hover .avatar {
      filter: none;
    }
  }
  .nv-wipe {
    --wipe-slant: clamp(2.5rem, 8vw, 8rem);
  }
  @supports (animation-timeline: view()) {
    @media (prefers-reduced-motion: no-preference) {
      .nv-wipe {
        animation: nv-wipe linear both;
        animation-timeline: view();
        animation-range: entry 0% entry 70%;
      }
      .nv-hero-scene {
        animation: nv-hero-out linear both;
        animation-timeline: scroll(root);
        animation-range: 0 85vh;
      }
      .nv-hero .nv-blade-navy, .nv-hero .nv-blade-gold {
        animation: nv-blade-part-navy linear both;
        animation-timeline: scroll(root);
        animation-range: 0 100vh;
      }
      .nv-hero .nv-blade-gold {
        animation-name: nv-blade-part-gold;
      }
      .nv-stage > [data-studio-sec]:has(> .nv-hero) + [data-studio-sec] > section, .nv-stage > .nv-hero + section {
        animation: nv-sheet-settle linear both;
        animation-timeline: scroll(root);
        animation-range: 0 90vh;
      }
    }
  }
  .nv-stories {
    --story-w: clamp(13.5rem, 62vw, 16.5rem);
    --story-gap: clamp(0.75rem, 0.5rem + 1vw, 1.25rem);
  }
  .nv-stories__viewport {
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    padding-block: calc(var(--spacing) * 5) calc(var(--spacing) * 7);
    mask-image: linear-gradient(to right, transparent, #000 7%, #000 93%, transparent);
  }
  .nv-stories.is-ready .nv-stories__viewport {
    overflow: hidden;
    scroll-snap-type: none;
  }
  .nv-stories.is-contained {
    --story-w: clamp(12rem, 56vw, 14.5rem);
  }
  .nv-stories.is-contained .nv-stories__viewport {
    mask-image: linear-gradient(to right, transparent, #000 5%, #000 95%, transparent);
  }
  .nv-stories__track {
    display: flex;
    touch-action: pan-y pinch-zoom;
  }
  .nv-stories__slide {
    flex: 0 0 var(--story-w);
    min-inline-size: 0;
    margin-inline-end: var(--story-gap);
    scroll-snap-align: center;
  }
  .nv-story {
    position: relative;
    isolation: isolate;
    aspect-ratio: var(--aspect-story);
    overflow: hidden;
    border-radius: var(--radius-2xl);
    background-color: var(--color-surface-inverse);
    color: var(--color-ink-inverse);
    box-shadow: var(--shadow-md);
    transition: scale var(--duration-slow) var(--ease-smooth), filter var(--duration-slow) var(--ease-smooth), box-shadow var(--duration-slow) var(--ease-smooth);
    will-change: scale;
  }
  .nv-stories.is-ready .nv-story:not(.is-active) {
    scale: 0.9;
    filter: saturate(0.55) brightness(0.86);
    cursor: pointer;
  }
  .nv-stories.is-ready .nv-story.is-active {
    box-shadow: var(--shadow-xl);
  }
  .nv-story__poster {
    position: absolute;
    inset: 0;
    z-index: 0;
    background-image: radial-gradient(90% 55% at 82% 6%, color-mix(in srgb, #1750b5 55%, transparent), transparent 62%), radial-gradient(80% 50% at 10% 100%, color-mix(in srgb, #ff7300 30%, transparent), transparent 64%), linear-gradient(170deg, var(--color-navy-800), var(--color-navy-950));
    @supports (color: color-mix(in lab, red, red)) {
      background-image: radial-gradient(90% 55% at 82% 6%, color-mix(in oklab, var(--color-navy-500) 55%, transparent), transparent 62%), radial-gradient(80% 50% at 10% 100%, color-mix(in oklab, var(--color-mark-orange) 30%, transparent), transparent 64%), linear-gradient(170deg, var(--color-navy-800), var(--color-navy-950));
    }
  }
  .nv-story:nth-child(3n + 2) .nv-story__poster {
    background-image: radial-gradient(85% 55% at 15% 4%, color-mix(in srgb, #fff200 30%, transparent), transparent 60%), radial-gradient(90% 60% at 90% 96%, color-mix(in srgb, #1750b5 42%, transparent), transparent 62%), linear-gradient(200deg, var(--color-navy-800), var(--color-navy-950));
    @supports (color: color-mix(in lab, red, red)) {
      background-image: radial-gradient(85% 55% at 15% 4%, color-mix(in oklab, var(--color-mark-yellow) 30%, transparent), transparent 60%), radial-gradient(90% 60% at 90% 96%, color-mix(in oklab, var(--color-navy-500) 42%, transparent), transparent 62%), linear-gradient(200deg, var(--color-navy-800), var(--color-navy-950));
    }
  }
  .nv-story:nth-child(3n + 3) .nv-story__poster {
    background-image: radial-gradient(70% 45% at 50% 0%, color-mix(in srgb, rgb(var(--secondary-50)) 32%, transparent), transparent 64%), radial-gradient(90% 60% at 100% 100%, color-mix(in srgb, #ff7300 26%, transparent), transparent 62%), linear-gradient(180deg, var(--color-navy-800), var(--color-navy-950));
    @supports (color: color-mix(in lab, red, red)) {
      background-image: radial-gradient(70% 45% at 50% 0%, color-mix(in oklab, var(--color-mint) 32%, transparent), transparent 64%), radial-gradient(90% 60% at 100% 100%, color-mix(in oklab, var(--color-mark-orange) 26%, transparent), transparent 62%), linear-gradient(180deg, var(--color-navy-800), var(--color-navy-950));
    }
  }
  .nv-story__poster > img {
    inline-size: 100%;
    block-size: 100%;
    object-fit: cover;
  }
  .nv-story__initial {
    position: absolute;
    inset-inline: 0;
    inset-block-start: 16%;
    text-align: center;
    font-size: clamp(7rem, 5rem + 8vw, 10rem);
    font-weight: var(--font-weight-black);
    line-height: var(--leading-none);
    color: color-mix(in srgb, rgb(var(--white)) 8%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 8%, transparent);
    }
  }
  .nv-story__video {
    position: absolute;
    inset: 0;
    z-index: 1;
    inline-size: 100%;
    block-size: 100%;
    object-fit: cover;
    opacity: 0;
    transition: opacity var(--duration-slow) var(--ease-smooth);
  }
  .nv-story__video.is-live {
    opacity: 1;
  }
  .nv-story__scrim {
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    background: linear-gradient(to top, color-mix(in srgb, #010626 92%, transparent), color-mix(in srgb, #010626 30%, transparent) 36%, transparent 58%), linear-gradient(to bottom, color-mix(in srgb, #010626 50%, transparent), transparent 24%);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(to top, color-mix(in oklab, var(--color-navy-950) 92%, transparent), color-mix(in oklab, var(--color-navy-950) 30%, transparent) 36%, transparent 58%), linear-gradient(to bottom, color-mix(in oklab, var(--color-navy-950) 50%, transparent), transparent 24%);
    }
    transition: opacity var(--duration-slow) var(--ease-smooth);
  }
  .nv-story__top {
    position: absolute;
    z-index: 3;
    inset-block-start: 0.875rem;
    inset-inline: 0.875rem;
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
  }
  .nv-story__meta {
    position: absolute;
    z-index: 3;
    inset-block-end: 1.125rem;
    inset-inline: 1.125rem;
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 0.5);
  }
  .nv-story__play {
    position: absolute;
    z-index: 3;
    inset: 0;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    inline-size: calc(var(--spacing) * 15);
    block-size: calc(var(--spacing) * 15);
    border-radius: var(--radius-full);
    background-color: color-mix(in srgb, #010626 34%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-navy-950) 34%, transparent);
    }
    color: var(--color-ink-inverse);
    font-size: var(--icon-xl);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, rgb(var(--white)) 35%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--color-white) 35%, transparent);
    }
  }
  .nv-story__play > i {
    translate: 0.08em 0;
  }
  .nv-story.is-active .nv-story__play {
    inline-size: calc(var(--spacing) * 17);
    block-size: calc(var(--spacing) * 17);
    background-color: var(--color-white);
    color: var(--color-navy-900);
    box-shadow: 0 0 0 0.4rem color-mix(in srgb, rgb(var(--white)) 18%, transparent), var(--shadow-lg);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 0 0 0.4rem color-mix(in oklab, var(--color-white) 18%, transparent), var(--shadow-lg);
    }
  }
  @media (hover: hover) {
    .nv-story.is-active .nv-story__play:hover {
      background-color: var(--color-surface-brand);
    }
  }
  .nv-story__play:active {
    transform: scale(0.95);
  }
  .nv-story__top, .nv-story__meta, .nv-story__play {
    transition: opacity var(--duration-base) var(--ease-smooth), transform var(--duration-base) var(--ease-smooth), background-color var(--duration-base), color var(--duration-base), inline-size var(--duration-slow) var(--ease-smooth), block-size var(--duration-slow) var(--ease-smooth);
  }
  .nv-stories__bars {
    display: flex;
    align-items: center;
    gap: var(--spacing);
  }
  .nv-stories__bars > button {
    position: relative;
    flex: 1;
    block-size: calc(var(--spacing) * 4);
  }
  .nv-stories__bars > button::before, .nv-stories__bars > button::after {
    content: "";
    position: absolute;
    inset-inline: 0;
    inset-block: 0;
    margin-block: auto;
    block-size: 3px;
    border-radius: var(--radius-full);
  }
  .nv-stories__bars > button::before {
    background-color: var(--color-line-strong);
  }
  .nv-stories__bars > button::after {
    background-color: var(--color-fill-strong);
    transform: scaleX(var(--p, 0));
    transform-origin: right;
  }
  .nv-stories__bars > .is-done {
    --p: 1;
  }
  .nv-stories__detail {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: calc(var(--spacing) * 3.5);
    min-block-size: 9rem;
    text-align: center;
  }
  .nv-stories__detail.is-in > * {
    animation: nv-rise var(--duration-slow) var(--ease-smooth) both;
  }
  .nv-stories__detail.is-in > :nth-child(2) {
    animation-delay: var(--reveal-stagger);
  }
  .nv-stories__detail.is-in > :nth-child(3) {
    animation-delay: calc(var(--reveal-stagger) * 2);
  }
  .nv-stories.is-ready .nv-story.is-active {
    cursor: pointer;
  }
  .nv-story.is-lifted {
    visibility: hidden;
  }
  @media (hover: hover) {
    .nv-story-listen:hover {
      border-color: var(--color-line-strong);
    }
  }
  html.nv-scroll-locked {
    overflow: hidden;
    scrollbar-gutter: stable;
  }
  .nv-player {
    --ratio: 1.7778;
    --pad: clamp(0.75rem, 0.4rem + 1.6vw, 1.5rem);
    --bar-h: 3.75rem;
    --nav-w: 0rem;
    --nav-size: 3rem;
    --info-h: 11rem;
    position: fixed;
    inset: 0;
    inline-size: 100%;
    block-size: 100%;
    max-inline-size: none;
    max-block-size: none;
    margin: 0;
    padding: 0;
    border: 0;
    overflow: hidden;
    overscroll-behavior: contain;
    background: transparent;
    color: var(--color-ink-inverse);
    color-scheme: dark;
  }
  .nv-player:not([open]) {
    display: none;
  }
  .nv-player::backdrop {
    background: transparent;
  }
  .nv-player :focus-visible {
    outline: 2px solid var(--color-gold);
    outline-offset: 2px;
  }
  .nv-player__backdrop {
    position: absolute;
    inset: 0;
    background: radial-gradient(70% 55% at 50% 42%, color-mix(in srgb, #032570 34%, transparent), transparent 72%), color-mix(in srgb, #010626 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background: radial-gradient(70% 55% at 50% 42%, color-mix(in oklab, var(--color-navy-700) 34%, transparent), transparent 72%), color-mix(in oklab, var(--color-navy-950) 90%, transparent);
    }
    -webkit-backdrop-filter: blur(var(--blur-lg)) saturate(1.15);
    backdrop-filter: blur(var(--blur-lg)) saturate(1.15);
  }
  .nv-player__ambient {
    position: absolute;
    left: 50%;
    top: 44%;
    inline-size: min(94vw, 88rem);
    aspect-ratio: var(--ratio);
    max-block-size: 90dvh;
    translate: -50% -50%;
    object-fit: cover;
    filter: blur(72px) saturate(1.6);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.9s var(--ease-smooth);
  }
  .nv-player.is-open:not(.is-lifting, .is-closing) .nv-player__ambient {
    opacity: 0.42;
  }
  .nv-player__bar {
    position: absolute;
    z-index: 3;
    inset-block-start: 0;
    inset-inline: 0;
    block-size: var(--bar-h);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-inline: var(--pad);
    pointer-events: none;
  }
  .nv-player__bar > * {
    pointer-events: auto;
  }
  .nv-player__count {
    font-size: var(--text-sm);
    font-weight: var(--font-weight-bold);
    letter-spacing: var(--tracking-wide);
    color: var(--color-ink-inverse-muted);
  }
  .nv-player__icon, .nv-player__nav {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    inline-size: calc(var(--spacing) * 11);
    block-size: calc(var(--spacing) * 11);
    flex-shrink: 0;
    border-radius: var(--radius-full);
    background-color: color-mix(in srgb, rgb(var(--white)) 8%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 8%, transparent);
    }
    box-shadow: inset 0 0 0 1px color-mix(in srgb, rgb(var(--white)) 14%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--color-white) 14%, transparent);
    }
    color: var(--color-ink-inverse);
    font-size: var(--icon-lg);
    -webkit-backdrop-filter: blur(var(--blur-md));
    backdrop-filter: blur(var(--blur-md));
    transition: background-color var(--duration-fast), box-shadow var(--duration-fast), scale var(--duration-fast) var(--ease-smooth);
  }
  @media (hover: hover) {
    .nv-player__icon:hover, .nv-player__nav:hover {
      background-color: color-mix(in srgb, rgb(var(--white)) 16%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-white) 16%, transparent);
      }
      box-shadow: inset 0 0 0 1px color-mix(in srgb, rgb(var(--white)) 28%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--color-white) 28%, transparent);
      }
    }
  }
  .nv-player__icon:active, .nv-player__nav:active {
    scale: 0.94;
  }
  .nv-player__nav {
    position: absolute;
    z-index: 3;
    inset-block-end: var(--pad);
    inline-size: var(--nav-size);
    block-size: var(--nav-size);
  }
  .nv-player__nav.is-prev {
    inset-inline-start: var(--pad);
  }
  .nv-player__nav.is-next {
    inset-inline-end: var(--pad);
  }
  .nv-player__peek {
    display: none;
  }
  .nv-player__stage {
    position: absolute;
    z-index: 1;
    inset-block: var(--bar-h) 0;
    inset-inline: var(--nav-w);
    display: grid;
    place-items: center;
    padding: 0 var(--pad) calc(var(--pad) + var(--nav-size) + calc(var(--spacing) * 3));
  }
  .nv-player__col {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 4);
    inline-size: min(100%, (100vh - var(--bar-h) - var(--info-h) - var(--pad) * 2) * var(--ratio), 80rem);
    inline-size: min(100%, (100dvh - var(--bar-h) - var(--info-h) - var(--pad) * 2) * var(--ratio), 80rem);
    transition: inline-size var(--duration-slow) var(--ease-smooth);
  }
  .nv-player__frame {
    position: relative;
    isolation: isolate;
    container-type: inline-size;
    inline-size: 100%;
    aspect-ratio: var(--ratio);
    overflow: hidden;
    border-radius: var(--radius-2xl);
    background-color: var(--color-void);
    box-shadow: 0 2.5rem 6rem -1.5rem color-mix(in srgb, #000000 60%, transparent), 0 0 0 1px color-mix(in srgb, rgb(var(--white)) 6%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 2.5rem 6rem -1.5rem color-mix(in oklab, var(--color-void) 60%, transparent), 0 0 0 1px color-mix(in oklab, var(--color-white) 6%, transparent);
    }
    transform-origin: center;
  }
  .nv-player__media {
    position: absolute;
    z-index: 1;
    inset: 0;
  }
  .nv-player__poster, .nv-player__video {
    position: absolute;
    inset: 0;
    inline-size: 100%;
    block-size: 100%;
    object-fit: contain;
  }
  .nv-player__poster {
    z-index: 1;
    object-fit: cover;
    transition: opacity var(--duration-slow) var(--ease-smooth);
  }
  .nv-player__frame.is-live .nv-player__poster {
    opacity: 0;
  }
  .nv-player.is-lifting .nv-player__poster {
    opacity: 1;
    transition: none;
  }
  .nv-player.is-closing .nv-player__poster {
    opacity: 1;
    transition-duration: var(--duration-moderate);
  }
  .nv-player__video::cue {
    font-family: inherit;
    font-size: clamp(0.875rem, 2.6cqi, 1.375rem);
    line-height: var(--leading-body);
    color: var(--color-white);
    background-color: color-mix(in srgb, #010626 74%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-navy-950) 74%, transparent);
    }
  }
  .nv-player__face {
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 50%;
    translate: -50% -50%;
    opacity: 0;
    pointer-events: none;
    -webkit-mask-image: linear-gradient(to right, transparent, #000 12%, #000 88%, transparent);
    mask-image: linear-gradient(to right, transparent, #000 12%, #000 88%, transparent);
  }
  .nv-player__face.is-full {
    -webkit-mask-image: none;
    mask-image: none;
  }
  .nv-player__tap {
    position: absolute;
    z-index: 3;
    inset: 0;
    cursor: pointer;
    touch-action: none;
    -webkit-tap-highlight-color: transparent;
  }
  .nv-player__frame.is-live:not(.is-ui, .is-paused) .nv-player__tap {
    cursor: none;
  }
  .nv-player__spinner {
    position: absolute;
    z-index: 4;
    inset: 0;
    margin: auto;
    inline-size: calc(var(--spacing) * 11);
    block-size: calc(var(--spacing) * 11);
    border-radius: var(--radius-full);
    border: 3px solid color-mix(in srgb, rgb(var(--white)) 22%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border: 3px solid color-mix(in oklab, var(--color-white) 22%, transparent);
    }
    border-block-start-color: var(--color-white);
    opacity: 0;
    pointer-events: none;
    animation: nv-spin 0.8s linear infinite;
    transition: opacity var(--duration-base);
  }
  .nv-player__frame:is(.is-waiting, :not(.is-live, .is-paused)):not(.is-error, .is-ended) .nv-player__spinner {
    opacity: 1;
    transition-delay: 300ms;
  }
  .nv-player__flash {
    position: absolute;
    z-index: 4;
    inset: 0;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    inline-size: clamp(3.5rem, 12cqi, 5rem);
    block-size: clamp(3.5rem, 12cqi, 5rem);
    border-radius: var(--radius-full);
    background-color: var(--color-white);
    color: var(--color-navy-900);
    font-size: clamp(1.25rem, 4cqi, 1.75rem);
    box-shadow: 0 0 0 0.5rem color-mix(in srgb, rgb(var(--white)) 16%, transparent), var(--shadow-lg);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 0 0 0.5rem color-mix(in oklab, var(--color-white) 16%, transparent), var(--shadow-lg);
    }
    opacity: 0;
    scale: 1.35;
    pointer-events: none;
    transition: opacity 0.3s var(--ease-smooth), scale 0.45s var(--ease-smooth);
  }
  .nv-player__flash > i {
    translate: 0.08em 0;
  }
  .nv-player__frame.is-paused:not(.is-ended, .is-error) .nv-player__flash {
    opacity: 1;
    scale: 1;
  }
  .nv-player__skip {
    position: absolute;
    z-index: 4;
    top: 50%;
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    padding: calc(var(--spacing) * 2) calc(var(--spacing) * 3.5);
    border-radius: var(--radius-full);
    background-color: color-mix(in srgb, #010626 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-navy-950) 60%, transparent);
    }
    font-size: var(--text-sm);
    font-weight: var(--font-weight-bold);
    translate: 0 -50%;
    opacity: 0;
    pointer-events: none;
  }
  .nv-player__skip.is-back {
    left: 10%;
  }
  .nv-player__skip.is-fwd {
    right: 10%;
  }
  .nv-player__skip.is-fwd > i {
    scale: -1 1;
  }
  .nv-player__skip.is-flash {
    animation: nv-player-skip 0.65s var(--ease-smooth) both;
  }
  .nv-player__controls {
    position: absolute;
    z-index: 5;
    inset-inline: 0;
    inset-block-end: 0;
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 0.5);
    padding: calc(var(--spacing) * 11) calc(var(--spacing) * 2.5) calc(var(--spacing) * 2);
    background: linear-gradient(to top, color-mix(in srgb, #010626 80%, transparent), color-mix(in srgb, #010626 32%, transparent) 58%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(to top, color-mix(in oklab, var(--color-navy-950) 80%, transparent), color-mix(in oklab, var(--color-navy-950) 32%, transparent) 58%, transparent);
    }
    opacity: 0;
    transform: translateY(0.5rem);
    pointer-events: none;
    transition: opacity var(--duration-base) var(--ease-smooth), transform var(--duration-base) var(--ease-smooth);
  }
  .nv-player__frame:is(.is-ui, .is-paused, :focus-within) .nv-player__controls {
    opacity: 1;
    transform: none;
    pointer-events: auto;
  }
  .nv-player__frame:is(.is-ended, .is-error) .nv-player__controls, .nv-player:is(.is-lifting, .is-closing) :is(.nv-player__controls, .nv-player__flash, .nv-player__spinner) {
    opacity: 0;
    pointer-events: none;
    transition: none;
  }
  .nv-player__ctl {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    inline-size: calc(var(--spacing) * 10);
    block-size: calc(var(--spacing) * 10);
    flex-shrink: 0;
    border-radius: var(--radius-full);
    color: var(--color-white);
    font-size: var(--icon-lg);
    transition: background-color var(--duration-fast);
  }
  @media (hover: hover) {
    .nv-player__ctl:hover {
      background-color: color-mix(in srgb, rgb(var(--white)) 14%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-white) 14%, transparent);
      }
    }
  }
  .nv-player__ctl:active {
    background-color: color-mix(in srgb, rgb(var(--white)) 22%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 22%, transparent);
    }
  }
  .nv-player__ctl[aria-pressed="false"] {
    color: color-mix(in srgb, rgb(var(--white)) 55%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 55%, transparent);
    }
  }
  .nv-player__frame.is-muted-hint [data-player-mute] {
    background-image: var(--gradient-gold);
    color: var(--color-navy-950);
    animation: var(--animate-pulse-ring);
  }
  .nv-player__time {
    min-inline-size: calc(var(--spacing) * 11);
    flex-shrink: 0;
    text-align: center;
    font-size: var(--text-sm);
    font-weight: var(--font-weight-semibold);
    color: color-mix(in srgb, rgb(var(--white)) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 90%, transparent);
    }
  }
  .nv-player__seek {
    position: relative;
    flex: 1;
    min-inline-size: calc(var(--spacing) * 12);
    block-size: calc(var(--spacing) * 8);
    cursor: pointer;
    touch-action: none;
    outline-offset: 0;
    border-radius: var(--radius-sm);
  }
  .nv-player__seek::before, .nv-player__seek-buffer, .nv-player__seek-fill {
    position: absolute;
    left: 0;
    inset-block: 0;
    margin-block: auto;
    block-size: var(--spacing);
    border-radius: var(--radius-full);
    transition: block-size var(--duration-fast);
  }
  .nv-player__seek::before {
    content: "";
    right: 0;
    background-color: color-mix(in srgb, rgb(var(--white)) 22%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 22%, transparent);
    }
  }
  .nv-player__seek-buffer {
    inline-size: calc(var(--b, 0) * 100%);
    background-color: color-mix(in srgb, rgb(var(--white)) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 30%, transparent);
    }
  }
  .nv-player__seek-fill {
    inline-size: calc(var(--p, 0) * 100%);
    background-image: var(--gradient-gold);
  }
  .nv-player__seek-thumb {
    position: absolute;
    top: 50%;
    left: calc(var(--p, 0) * 100%);
    inline-size: calc(var(--spacing) * 3.5);
    block-size: calc(var(--spacing) * 3.5);
    border-radius: var(--radius-full);
    background-color: var(--color-white);
    box-shadow: 0 1px 4px color-mix(in srgb, #000000 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 1px 4px color-mix(in oklab, var(--color-void) 40%, transparent);
    }
    translate: -50% -50%;
    scale: 0;
    transition: scale var(--duration-fast) var(--ease-smooth);
  }
  .nv-player__seek-key {
    position: absolute;
    top: 50%;
    left: calc(var(--k, 0) * 100%);
    inline-size: calc(var(--spacing) * 2);
    block-size: calc(var(--spacing) * 2);
    border-radius: var(--radius-full);
    background-color: var(--color-mark-yellow);
    box-shadow: 0 0 0 2px color-mix(in srgb, #010626 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 0 0 2px color-mix(in oklab, var(--color-navy-950) 70%, transparent);
    }
    translate: -50% -50%;
  }
  .nv-player__seek-tip {
    position: absolute;
    bottom: calc(100% + 0.125rem);
    left: calc(var(--tip, 0) * 100%);
    padding: calc(var(--spacing) * 0.5) calc(var(--spacing) * 2);
    border-radius: var(--radius-sm);
    background-color: color-mix(in srgb, #010626 92%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-navy-950) 92%, transparent);
    }
    font-size: var(--text-xs);
    font-weight: var(--font-weight-semibold);
    white-space: nowrap;
    translate: -50% 0;
    opacity: 0;
    pointer-events: none;
    transition: opacity var(--duration-fast);
  }
  .nv-player__seek:is(:hover, :focus-visible) :is(.nv-player__seek-fill, .nv-player__seek-buffer), .nv-player__seek:is(:hover, :focus-visible)::before, .nv-player__frame.is-scrubbing .nv-player__seek :is(.nv-player__seek-fill, .nv-player__seek-buffer), .nv-player__frame.is-scrubbing .nv-player__seek::before {
    block-size: calc(var(--spacing) * 1.5);
  }
  .nv-player__seek:is(:hover, :focus-visible) .nv-player__seek-thumb, .nv-player__frame.is-scrubbing .nv-player__seek-thumb {
    scale: 1;
  }
  @media (hover: hover) {
    .nv-player__seek:hover .nv-player__seek-tip {
      opacity: 1;
    }
  }
  @container (max-width: 26rem) {
    .nv-player__time.is-total {
      display: none;
    }
    .nv-player__ctl {
      inline-size: calc(var(--spacing) * 9);
      block-size: calc(var(--spacing) * 9);
      font-size: var(--icon-md);
    }
  }
  .nv-player__end, .nv-player__error {
    position: absolute;
    z-index: 6;
    inset: 0;
    display: grid;
    place-items: center;
    align-content: center;
    gap: calc(var(--spacing) * 3);
    padding: calc(var(--spacing) * 4);
    text-align: center;
    background-color: color-mix(in srgb, #010626 74%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-navy-950) 74%, transparent);
    }
    -webkit-backdrop-filter: blur(var(--blur-sm));
    backdrop-filter: blur(var(--blur-sm));
    animation: nv-player-fade 0.35s var(--ease-smooth) both;
  }
  .nv-player__end-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: calc(var(--spacing) * 3.5);
    max-inline-size: 100%;
    animation: nv-rise 0.5s var(--ease-smooth) 0.06s both;
  }
  .nv-player__upnext {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    max-inline-size: 100%;
    padding-block: calc(var(--spacing) * 1.5);
    padding-inline: calc(var(--spacing) * 1.5) calc(var(--spacing) * 5);
    border-radius: var(--radius-full);
    background-color: color-mix(in srgb, rgb(var(--white)) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
    box-shadow: inset 0 0 0 1px color-mix(in srgb, rgb(var(--white)) 16%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--color-white) 16%, transparent);
    }
    transition: background-color var(--duration-fast);
  }
  @media (hover: hover) {
    .nv-player__upnext:hover {
      background-color: color-mix(in srgb, rgb(var(--white)) 18%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-white) 18%, transparent);
      }
    }
  }
  .nv-player__upnext-thumb {
    position: relative;
    display: grid;
    place-items: center;
    inline-size: calc(var(--spacing) * 12);
    block-size: calc(var(--spacing) * 12);
    flex-shrink: 0;
    overflow: hidden;
    border-radius: var(--radius-full);
  }
  .nv-player__upnext-thumb > img {
    position: absolute;
    inset: 0;
    inline-size: 100%;
    block-size: 100%;
    object-fit: cover;
    filter: brightness(0.62);
  }
  .nv-player__upnext-thumb > svg {
    position: absolute;
    inset: 0;
    rotate: -90deg;
  }
  .nv-player__upnext-thumb circle {
    fill: none;
    stroke: var(--color-mark-yellow);
    stroke-width: 3;
    stroke-linecap: round;
    stroke-dasharray: 100;
    stroke-dashoffset: 100;
  }
  .nv-player__upnext-thumb > i {
    position: relative;
    font-size: var(--icon-sm);
    translate: 0.06em 0;
  }
  .nv-player__end-line {
    font-size: clamp(1rem, 3.4cqi, 1.5rem);
    font-weight: var(--font-weight-extrabold);
  }
  .nv-player__pill {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    block-size: var(--input-height-sm);
    padding-inline: calc(var(--spacing) * 4);
    border-radius: var(--radius-full);
    background-color: color-mix(in srgb, rgb(var(--white)) 12%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 12%, transparent);
    }
    box-shadow: inset 0 0 0 1px color-mix(in srgb, rgb(var(--white)) 18%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--color-white) 18%, transparent);
    }
    font-size: var(--text-sm);
    font-weight: var(--font-weight-bold);
    transition: background-color var(--duration-fast);
  }
  @media (hover: hover) {
    .nv-player__pill:hover {
      background-color: color-mix(in srgb, rgb(var(--white)) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
      }
    }
  }
  @container (max-width: 30rem) {
    .nv-player__end-line {
      display: none;
    }
    .nv-player__end-inner {
      gap: calc(var(--spacing) * 2.5);
    }
  }
  .nv-player__info {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: calc(var(--spacing) * 2.5);
  }
  .nv-player__who {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 0.5);
    min-inline-size: 0;
  }
  .nv-player__who > b {
    font-size: var(--text-lg);
    font-weight: var(--font-weight-extrabold);
  }
  .nv-player__who > span {
    font-size: var(--text-sm);
    color: var(--color-ink-inverse-muted);
  }
  .nv-player__tags {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .nv-player__quote {
    font-size: clamp(1rem, 0.92rem + 0.45vw, 1.25rem);
    font-weight: var(--font-weight-bold);
    line-height: var(--leading-body);
    color: color-mix(in srgb, rgb(var(--white)) 94%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 94%, transparent);
    }
    text-wrap: pretty;
  }
  .nv-player__outcome {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    block-size: calc(var(--spacing) * 8);
    padding-inline: var(--spacing) calc(var(--spacing) * 3.5);
    border-radius: var(--radius-full);
    background-color: color-mix(in srgb, rgb(var(--white)) 8%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 8%, transparent);
    }
    box-shadow: inset 0 0 0 1px color-mix(in srgb, rgb(var(--white)) 14%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--color-white) 14%, transparent);
    }
    font-size: var(--text-xs);
    font-weight: var(--font-weight-semibold);
  }
  .nv-player__moment {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    block-size: calc(var(--spacing) * 8);
    padding-inline: calc(var(--spacing) * 3.5);
    border-radius: var(--radius-full);
    background-color: color-mix(in srgb, color-mix(in oklab, var(--color-mark-yellow) 55%, var(--color-mark-orange)) 12%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-gold) 12%, transparent);
    }
    box-shadow: inset 0 0 0 1px color-mix(in srgb, color-mix(in oklab, var(--color-mark-yellow) 55%, var(--color-mark-orange)) 34%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--color-gold) 34%, transparent);
    }
    color: var(--color-mark-yellow);
    font-size: var(--text-xs);
    font-weight: var(--font-weight-bold);
    transition: background-color var(--duration-fast);
  }
  @media (hover: hover) {
    .nv-player__moment:hover {
      background-color: color-mix(in srgb, color-mix(in oklab, var(--color-mark-yellow) 55%, var(--color-mark-orange)) 22%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-gold) 22%, transparent);
      }
    }
  }
  .nv-player__transcript {
    max-block-size: 12rem;
    overflow-y: auto;
    padding-inline-end: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--leading-loose);
    color: color-mix(in srgb, rgb(var(--white)) 78%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 78%, transparent);
    }
  }
  .nv-player__transcript > p + p {
    margin-block-start: calc(var(--spacing) * 3);
  }
  .nv-player.is-open :is(.nv-player__bar, .nv-player__info, .nv-player__nav) {
    animation: nv-player-in 0.55s var(--ease-smooth) 0.3s both;
  }
  .nv-player.is-open .nv-player__nav.is-next {
    animation-delay: 0.36s;
  }
  .nv-player.is-closing :is(.nv-player__bar, .nv-player__info, .nv-player__nav) {
    animation: nv-player-out var(--duration-fast) ease-in both;
  }
  @media (min-width: 48rem) {
    .nv-player {
      --nav-w: 5.5rem;
      --nav-size: 3.5rem;
      --info-h: 9.5rem;
    }
    .nv-player__stage {
      padding-block-end: var(--pad);
    }
    .nv-player__nav {
      inset-block: 0;
      margin-block: auto;
      font-size: var(--icon-xl);
    }
    .nv-player__info {
      grid-template-columns: minmax(0, 1fr) auto;
      column-gap: calc(var(--spacing) * 6);
    }
    .nv-player__tags {
      justify-content: flex-end;
    }
    .nv-player__quote, .nv-player__transcript {
      grid-column: 1 / -1;
    }
    .nv-player__peek {
      position: absolute;
      top: 50%;
      display: flex;
      flex-direction: column;
      gap: calc(var(--spacing) * 1.5);
      inline-size: 9rem;
      padding: calc(var(--spacing) * 1.5);
      border-radius: var(--radius-lg);
      background-color: color-mix(in srgb, #010626 88%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-navy-950) 88%, transparent);
      }
      box-shadow: inset 0 0 0 1px color-mix(in srgb, rgb(var(--white)) 12%, transparent), var(--shadow-lg);
      @supports (color: color-mix(in lab, red, red)) {
        box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--color-white) 12%, transparent), var(--shadow-lg);
      }
      font-size: var(--text-xs);
      text-align: start;
      translate: 0 -50%;
      opacity: 0;
      scale: 0.94;
      pointer-events: none;
      transition: opacity var(--duration-base) var(--ease-smooth), scale var(--duration-base) var(--ease-smooth);
    }
    .nv-player__peek > img {
      inline-size: 100%;
      aspect-ratio: 16 / 9;
      border-radius: calc(var(--radius-lg) - var(--spacing));
      object-fit: cover;
    }
    .nv-player__peek > b {
      padding-inline: var(--spacing);
      padding-block-end: calc(var(--spacing) * 0.5);
      font-weight: var(--font-weight-bold);
    }
    .nv-player__nav.is-prev .nv-player__peek {
      inset-inline-start: calc(100% + 0.75rem);
    }
    .nv-player__nav.is-next .nv-player__peek {
      inset-inline-end: calc(100% + 0.75rem);
    }
  }
  @media (min-width: 48rem) and (hover: hover) {
    .nv-player__nav:hover .nv-player__peek {
      opacity: 1;
      scale: 1;
    }
  }
  @media (max-height: 32rem) and (orientation: landscape) {
    .nv-player {
      --bar-h: 0rem;
      --info-h: 0rem;
      --nav-w: 4rem;
      --nav-size: 2.75rem;
    }
    .nv-player__stage {
      padding-block: var(--pad);
    }
    .nv-player__info {
      display: none;
    }
    .nv-player__nav {
      inset-block: 0;
      margin-block: auto;
    }
    .nv-player__bar {
      block-size: auto;
      inset-block-start: var(--pad);
      align-items: flex-start;
    }
    .nv-player__count {
      display: none;
    }
    .nv-player__bar .nv-player__icon {
      margin-inline-start: auto;
    }
  }
  @media (pointer: coarse), (max-width: 47.99rem) {
    .nv-player__backdrop {
      -webkit-backdrop-filter: none;
      backdrop-filter: none;
      background: radial-gradient(70% 55% at 50% 42%, color-mix(in srgb, #032570 30%, transparent), transparent 72%), color-mix(in srgb, #010626 97%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background: radial-gradient(70% 55% at 50% 42%, color-mix(in oklab, var(--color-navy-700) 30%, transparent), transparent 72%), color-mix(in oklab, var(--color-navy-950) 97%, transparent);
      }
    }
    .nv-player__ambient {
      display: none;
    }
    .nv-player :is(.nv-player__icon, .nv-player__nav, .nv-player__end, .nv-player__error) {
      -webkit-backdrop-filter: none;
      backdrop-filter: none;
    }
  }
  .nv-player__frame:fullscreen {
    inline-size: 100%;
    block-size: 100%;
    aspect-ratio: auto;
    border-radius: 0;
    box-shadow: none;
  }
  .nv-player__frame:fullscreen .nv-player__poster {
    object-fit: contain;
  }
  .nv-player__frame:-webkit-full-screen {
    inline-size: 100%;
    block-size: 100%;
    aspect-ratio: auto;
    border-radius: 0;
    box-shadow: none;
  }
  .nv-blueprint {
    position: relative;
  }
  .nv-blueprint__grid {
    display: grid;
    gap: 1px;
    overflow: hidden;
    border: 1px solid var(--color-line);
    border-radius: var(--radius-panel);
    background-color: var(--color-line);
  }
  .nv-blueprint__grid > * {
    background-color: var(--color-surface);
  }
  .nv-blueprint__frame {
    overflow: hidden;
    border: 1px solid var(--color-line);
    border-radius: var(--radius-panel);
    background-color: var(--color-surface);
  }
  .nv-blueprint__lined {
    display: grid;
    margin-block-start: -1px;
    margin-inline-start: -1px;
  }
  .nv-blueprint__lined > * {
    border-block-start: 1px solid var(--color-line);
    border-inline-start: 1px solid var(--color-line);
  }
  .nv-cross {
    position: absolute;
    z-index: 1;
    inline-size: 1.125rem;
    block-size: 1.125rem;
    pointer-events: none;
    background: linear-gradient(var(--color-ink-subtle), var(--color-ink-subtle)) center / 1px 100% no-repeat, linear-gradient(var(--color-ink-subtle), var(--color-ink-subtle)) center / 100% 1px no-repeat;
  }
  .nv-cross-tl {
    top: -0.5625rem;
    left: -0.5625rem;
  }
  .nv-cross-tr {
    top: -0.5625rem;
    right: -0.5625rem;
  }
  .nv-cross-bl {
    bottom: -0.5625rem;
    left: -0.5625rem;
  }
  .nv-cross-br {
    bottom: -0.5625rem;
    right: -0.5625rem;
  }
  .nv-spec {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 2.5);
    padding: clamp(1.25rem, 0.9rem + 0.9vw, 1.75rem);
  }
  @media (hover: hover) {
    .nv-spec {
      transition: background-color var(--duration-base);
    }
    .nv-spec:hover {
      background-color: var(--color-surface-subtle);
    }
  }
  .nv-spec-no {
    font-size: var(--text-2xs);
    font-weight: var(--font-weight-bold);
    color: var(--color-ink-subtle);
    font-variant-numeric: tabular-nums;
  }
  .nv-heat {
    display: grid;
    grid-template-columns: repeat(14, minmax(0, 1fr));
    gap: 3px;
    clip-path: inset(0 0 0 100%);
    transition: clip-path 1.4s var(--ease-smooth) 0.2s;
  }
  .is-revealed .nv-heat, .nv-reveal-all .nv-heat {
    clip-path: inset(0);
  }
  .nv-heat > i {
    aspect-ratio: 1;
    border-radius: var(--radius-2xs);
    background-color: var(--color-surface-muted);
  }
  .nv-heat > .l1 {
    background-color: var(--color-primary-15);
  }
  .nv-heat > .l2 {
    background-color: var(--color-primary-30);
  }
  .nv-heat > .l3 {
    background-color: var(--color-primary-50);
  }
  .nv-heat > .l4 {
    background-color: var(--color-primary-70);
  }
  .nv-path {
    position: relative;
    display: flex;
    justify-content: space-between;
  }
  .nv-path::before, .nv-path::after {
    content: "";
    position: absolute;
    inset-block-start: 0.375rem;
    inset-inline-start: 0.75rem;
    block-size: calc(var(--spacing) * 0.5);
    border-radius: var(--radius-full);
  }
  .nv-path::before {
    inset-inline-end: 0.75rem;
    background-color: var(--color-line-strong);
  }
  .nv-path::after {
    inline-size: 63%;
    background-image: linear-gradient(to left, var(--color-mint), var(--color-brand));
  }
  .nv-path > span {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    font-size: var(--text-2xs);
    color: var(--color-ink-muted);
  }
  .nv-path > span::before {
    content: "";
    inline-size: calc(var(--spacing) * 3.5);
    block-size: calc(var(--spacing) * 3.5);
    border-radius: var(--radius-full);
    background-color: var(--color-surface);
    box-shadow: inset 0 0 0 2px var(--color-line-strong);
  }
  .nv-path > .is-done::before {
    background-color: var(--color-brand);
    box-shadow: none;
  }
  .nv-path > .is-now {
    color: var(--color-ink);
    font-weight: var(--font-weight-bold);
  }
  .nv-path > .is-now::before {
    box-shadow: inset 0 0 0 3px var(--color-brand), var(--shadow-focus);
  }
  .nv-signal-tile {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: var(--radius-lg);
    background-color: var(--color-signal-bg);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, rgb(var(--white)) 12%, transparent), var(--shadow-md);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--color-white) 12%, transparent), var(--shadow-md);
    }
  }
  .nv-orbits {
    position: absolute;
    inset: 0;
    z-index: -1;
    margin: auto;
    inline-size: min(34rem, 100%);
    aspect-ratio: 1;
    overflow: visible;
    pointer-events: none;
  }
  .nv-orbits__spin {
    transform-origin: 100px 100px;
    animation: var(--animate-spin-slower);
  }
  .nv-orbits__spin.is-reverse {
    animation-direction: reverse;
    animation-duration: 120s;
  }
  .nv-orbits__line {
    fill: none;
    stroke: color-mix(in srgb, rgb(var(--white)) 8%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      stroke: color-mix(in oklab, var(--color-white) 8%, transparent);
    }
    stroke-width: 1;
    vector-effect: non-scaling-stroke;
  }
  .nv-orbits__line.is-dashed {
    stroke-dasharray: 2 6;
    stroke: color-mix(in srgb, rgb(var(--white)) 12%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      stroke: color-mix(in oklab, var(--color-white) 12%, transparent);
    }
  }
  .nv-orbits__arc {
    fill: none;
    stroke-width: 1.5;
    stroke-linecap: round;
    vector-effect: non-scaling-stroke;
    opacity: 0.7;
  }
  .nv-orbits__node {
    fill: color-mix(in srgb, #1750b5 55%, white);
    @supports (color: color-mix(in lab, red, red)) {
      fill: color-mix(in oklab, var(--color-navy-500) 55%, white);
    }
    filter: drop-shadow(0 0 3px var(--color-navy-500));
  }
  .nv-orbits__node.is-gold {
    fill: var(--color-gold);
    filter: drop-shadow(0 0 3px var(--color-gold));
  }
  .nv-phone {
    position: relative;
    inline-size: min(100%, 17.5rem);
    aspect-ratio: var(--aspect-phone);
    margin-inline: auto;
    padding: calc(var(--spacing) * 2);
    border-radius: 2.75rem;
    background-image: linear-gradient(145deg, var(--color-device-edge), var(--color-device-bezel) 38%, var(--color-device-bezel) 70%, var(--color-device-edge));
    box-shadow: inset 0 0 0 1px color-mix(in srgb, rgb(var(--white)) 14%, transparent), 0 60px 120px -40px color-mix(in srgb, #000000 70%, transparent), 0 0 90px -20px color-mix(in srgb, #1750b5 55%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--color-white) 14%, transparent), 0 60px 120px -40px color-mix(in oklab, var(--color-void) 70%, transparent), 0 0 90px -20px color-mix(in oklab, var(--color-navy-500) 55%, transparent);
    }
  }
  .nv-phone::before, .nv-phone::after {
    content: "";
    position: absolute;
    inline-size: 3px;
    border-radius: var(--radius-2xs);
    background-color: var(--color-device-edge);
  }
  .nv-phone::before {
    left: -2px;
    top: 21%;
    block-size: 8%;
    box-shadow: 0 3.25rem 0 var(--color-device-edge);
  }
  .nv-phone::after {
    right: -2px;
    top: 27%;
    block-size: 13%;
  }
  .nv-phone__screen {
    position: relative;
    isolation: isolate;
    block-size: 100%;
    overflow: hidden;
    border-radius: 2.25rem;
    background-color: var(--color-signal-bg);
  }
  .nv-phone__screen > video {
    position: absolute;
    inset: 0;
    inline-size: 100%;
    block-size: 100%;
    object-fit: cover;
  }
  .nv-phone__island {
    position: absolute;
    z-index: 5;
    inset-block-start: 0.5rem;
    inset-inline: 0;
    margin-inline: auto;
    inline-size: 32%;
    block-size: 1.375rem;
    border-radius: var(--radius-full);
    background-color: var(--color-device-glass);
  }
  .nv-sig {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    font-size: var(--text-2xs);
    line-height: var(--leading-cozy);
    color: color-mix(in srgb, rgb(var(--white)) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 90%, transparent);
    }
  }
  .nv-sig__status {
    display: flex;
    align-items: center;
    justify-content: space-between;
    block-size: 2.4rem;
    padding: calc(var(--spacing) * 2) 1.4rem 0;
    font-size: 0.85em;
    font-weight: var(--font-weight-bold);
  }
  .nv-sig__head {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    padding: calc(var(--spacing) * 1.5) calc(var(--spacing) * 3.5) calc(var(--spacing) * 2.5);
    border-block-end: 1px solid var(--color-signal-line);
  }
  .nv-sig__feed {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: calc(var(--spacing) * 2);
    padding: calc(var(--spacing) * 3);
    overflow: hidden;
  }
  .nv-sig-row {
    display: flex;
    align-items: flex-end;
    gap: calc(var(--spacing) * 1.5);
    max-inline-size: 90%;
  }
  .nv-sig-row.is-me {
    align-self: flex-end;
  }
  .nv-sig-row.is-in {
    animation: nv-sig-in 420ms var(--ease-smooth) both;
  }
  .nv-sig-row.is-out {
    animation: nv-sig-out 600ms var(--ease-smooth) both;
  }
  .nv-sig-avatar {
    display: grid;
    place-items: center;
    flex-shrink: 0;
    inline-size: calc(var(--spacing) * 6);
    block-size: calc(var(--spacing) * 6);
    border-radius: var(--radius-full);
    font-size: 0.8em;
    font-weight: var(--font-weight-extrabold);
    color: var(--color-ink-inverse);
    background-image: var(--gradient-navy);
  }
  .nv-sig-avatar.is-ai {
    background-image: var(--gradient-navy);
    color: var(--color-gold);
  }
  .nv-sig-avatar.is-mentor {
    background-image: var(--gradient-gold);
    color: var(--color-navy-950);
  }
  .nv-sig-bubble {
    padding: 0.4375rem calc(var(--spacing) * 2.5);
    border-radius: 0.875rem;
    border-end-start-radius: 0.25rem;
    background-color: var(--color-signal-raised);
  }
  .is-me .nv-sig-bubble {
    border-end-start-radius: 0.875rem;
    border-end-end-radius: 0.25rem;
    background-image: var(--gradient-navy);
  }
  .nv-sig-bubble.is-ai {
    background-color: color-mix(in srgb, color-mix(in oklab, var(--color-mark-yellow) 55%, var(--color-mark-orange)) 7%, #1e1f22);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-gold) 7%, var(--color-signal-raised));
    }
    box-shadow: inset 0 0 0 1px color-mix(in srgb, color-mix(in oklab, var(--color-mark-yellow) 55%, var(--color-mark-orange)) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--color-gold) 40%, transparent);
    }
  }
  .nv-sig-name {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    margin-block-end: calc(var(--spacing) * 0.5);
    font-size: 0.82em;
    font-weight: var(--font-weight-bold);
    color: color-mix(in srgb, rgb(var(--white)) 55%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 55%, transparent);
    }
  }
  .nv-sig-typing {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    padding: calc(var(--spacing) * 2.5) calc(var(--spacing) * 3);
    border-radius: 0.875rem;
    border-end-start-radius: 0.25rem;
    background-color: var(--color-signal-raised);
  }
  .nv-sig-typing > i {
    inline-size: 5px;
    block-size: 5px;
    border-radius: var(--radius-full);
    background-color: color-mix(in srgb, rgb(var(--white)) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 60%, transparent);
    }
    animation: nv-typing 1.1s ease-in-out infinite;
  }
  .nv-sig-typing > i:nth-child(2) {
    animation-delay: 0.15s;
  }
  .nv-sig-typing > i:nth-child(3) {
    animation-delay: 0.3s;
  }
  .nv-sig__composer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 2);
    margin: var(--spacing) calc(var(--spacing) * 3) 1.1rem;
    padding: calc(var(--spacing) * 2) calc(var(--spacing) * 3.5);
    border-radius: var(--radius-full);
    background-color: var(--color-signal-raised);
    color: color-mix(in srgb, rgb(var(--white)) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 40%, transparent);
    }
  }
  @keyframes nv-rise {
    from {
      opacity: 0;
      transform: translate3d(0, 22px, 0);
    }
  }
  @keyframes nv-spin {
    to {
      rotate: 1turn;
    }
  }
  @keyframes nv-player-in {
    from {
      opacity: 0;
      transform: translate3d(0, 12px, 0);
    }
  }
  @keyframes nv-player-out {
    to {
      opacity: 0;
    }
  }
  @keyframes nv-player-fade {
    from {
      opacity: 0;
    }
  }
  @keyframes nv-player-skip {
    0% {
      opacity: 0;
      scale: 0.85;
    }
    30% {
      opacity: 1;
      scale: 1;
    }
    100% {
      opacity: 0;
      scale: 1;
    }
  }
  @keyframes nv-mark-draw {
    to {
      transform: scaleX(1);
    }
  }
  @keyframes nv-hero-out {
    to {
      opacity: 0.2;
      transform: translate3d(0, -2.5rem, 0) scale(0.94);
    }
  }
  @keyframes nv-blade-part-navy {
    to {
      translate: -6% -16%;
    }
  }
  @keyframes nv-blade-part-gold {
    to {
      translate: 6% 16%;
    }
  }
  @keyframes nv-sheet-settle {
    to {
      border-start-start-radius: 0;
      border-start-end-radius: 0;
    }
  }
  @keyframes nv-wipe {
    from {
      clip-path: polygon(0 0, 100% var(--wipe-slant), 100% 100%, 0 100%);
    }
    to {
      clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    }
  }
  @keyframes nv-sig-in {
    from {
      opacity: 0;
      transform: translateY(10px) scale(0.97);
    }
  }
  @keyframes nv-sig-out {
    to {
      opacity: 0;
      transform: translateY(-12px);
    }
  }
  .nv-article {
    --rail-inset: 0.5rem;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "cover" "body";
    gap: calc(var(--spacing) * 8);
  }
  .nv-article__body {
    grid-area: body;
  }
  .nv-article__cover {
    grid-area: cover;
  }
  .nv-article__cover img {
    display: block;
    inline-size: 100%;
    block-size: auto;
    border-radius: var(--radius-panel);
  }
  .nv-toc {
    display: none;
    grid-area: toc;
  }
  .nv-toc__head {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    padding: calc(var(--spacing) * 4) calc(var(--spacing) * 4) calc(var(--spacing) * 3);
  }
  .nv-toc__head .nv-progress {
    margin-inline-start: auto;
  }
  .nv-toc__list {
    display: flex;
    flex-direction: column;
    min-block-size: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 0 calc(var(--spacing) * 4) calc(var(--spacing) * 4);
    scrollbar-width: thin;
    scrollbar-color: var(--color-line-strong) transparent;
  }
  .nv-toc__foot {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    gap: var(--spacing);
    padding: calc(var(--spacing) * 2);
    border-block-start: 1px solid var(--color-line);
  }
  .nv-progress {
    position: relative;
    display: inline-flex;
    flex-shrink: 0;
    inline-size: calc(var(--spacing) * 7);
    block-size: calc(var(--spacing) * 7);
    color: var(--color-brand);
  }
  .nv-progress svg {
    inline-size: 100%;
    block-size: 100%;
    transform: rotate(-90deg);
  }
  .nv-progress__track {
    stroke: var(--color-line);
  }
  .nv-progress__bar {
    stroke: currentColor;
    transition: stroke var(--duration-base);
  }
  .nv-progress__done {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--icon-xs);
    opacity: 0;
    transform: scale(0.6);
    transition: opacity var(--duration-base) var(--ease-smooth), transform var(--duration-base) var(--ease-smooth);
  }
  .nv-progress.is-done {
    color: var(--color-mint);
  }
  .nv-progress.is-done .nv-progress__done {
    opacity: 1;
    transform: none;
  }
  @media (width >= 64rem) {
    .nv-article {
      grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
      grid-template-rows: auto 1fr;
      grid-template-areas: "body cover" "body toc";
      gap: 0 calc(var(--spacing) * 10);
    }
    .nv-article__cover {
      align-self: start;
      padding: var(--rail-inset) var(--rail-inset) 0;
      border: 1px solid var(--color-line);
      border-block-end-color: transparent;
      border-start-start-radius: var(--radius-panel);
      border-start-end-radius: var(--radius-panel);
      background-color: var(--color-surface);
    }
    .nv-article__cover img {
      border-radius: calc(var(--radius-panel) - var(--rail-inset));
    }
    .nv-toc {
      display: flex;
      flex-direction: column;
      align-self: start;
      position: sticky;
      inset-block-start: calc(var(--spacing-header) + 1rem);
      max-block-size: calc(100svh - var(--spacing-header) - calc(var(--spacing) * 8));
      border: 1px solid var(--color-line);
      border-radius: var(--radius-panel);
      background-color: var(--color-surface);
      transition: border-radius var(--duration-base) var(--ease-smooth), border-color var(--duration-base) var(--ease-smooth), box-shadow var(--duration-base) var(--ease-smooth);
    }
    .nv-toc--joined:not(.is-detached) {
      border-block-start-color: transparent;
      border-start-start-radius: 0;
      border-start-end-radius: 0;
    }
    .nv-toc.is-detached {
      box-shadow: var(--shadow-sm);
    }
  }
  @media (width >= 80rem) {
    .nv-article {
      grid-template-columns: minmax(0, 7fr) minmax(0, 3fr);
      column-gap: calc(var(--spacing) * 12);
    }
  }
  @keyframes nv-typing {
    0%, 60%, 100% {
      transform: translateY(0);
      opacity: 0.45;
    }
    30% {
      transform: translateY(-3px);
      opacity: 1;
    }
  }
  @keyframes nv-menu-in {
    from {
      opacity: 0;
      transform: translateY(-4px);
    }
    to {
      opacity: 1;
      transform: none;
    }
  }
}
@layer content {
  .rich-text {
    color: var(--color-ink-body);
    font-size: var(--text-md);
    line-height: var(--leading-loose);
    overflow-wrap: break-word;
  }
  .rich-text > * + * {
    margin-block-start: 1.25em;
  }
  .rich-text :where(h1, h2, h3, h4, h5, h6) {
    color: var(--color-ink);
    font-weight: var(--font-weight-extrabold);
    line-height: var(--leading-normal);
    margin-block: 2em 0.6em;
    scroll-margin-top: calc(var(--spacing-header) + calc(var(--spacing) * 6));
  }
  .rich-text :where(h1, h2) {
    font-size: var(--text-2xl);
  }
  .rich-text :where(h3) {
    font-size: var(--text-xl);
  }
  .rich-text :where(h4, h5, h6) {
    font-size: var(--text-lg);
  }
  .rich-text :where(h1, h2, h3, h4, h5, h6):first-child {
    margin-block-start: 0;
  }
  .rich-text :where(p) {
    margin-block: 0 1.1em;
  }
  .rich-text :where(a) {
    color: var(--color-brand-ink);
    font-weight: var(--font-weight-semibold);
    text-decoration: underline;
    text-decoration-color: color-mix(in srgb, rgb(var(--primary-50)) 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      text-decoration-color: color-mix(in oklab, var(--color-brand) 25%, transparent);
    }
    text-underline-offset: 0.3em;
  }
  .rich-text :where(a:hover) {
    text-decoration-color: currentColor;
  }
  .rich-text :where(strong, b) {
    color: var(--color-ink);
    font-weight: var(--font-weight-bold);
  }
  .rich-text :where(ul, ol) {
    padding-inline-start: 1.4em;
    margin-block: 0 1.2em;
  }
  .rich-text :where(ul) {
    list-style: none;
  }
  .rich-text :where(ul > li) {
    position: relative;
  }
  .rich-text :where(ul > li)::before {
    content: "";
    position: absolute;
    inset-inline-start: -1.1em;
    inset-block-start: 0.85em;
    inline-size: 0.4em;
    block-size: 0.4em;
    border-radius: var(--radius-2xs);
    background-color: var(--color-primary-30);
  }
  .rich-text :where(ol) {
    list-style: decimal;
  }
  .rich-text :where(ol > li)::marker {
    color: var(--color-brand-ink);
    font-weight: var(--font-weight-bold);
  }
  .rich-text :where(li) {
    margin-block: 0.45em;
  }
  .rich-text :where(blockquote) {
    position: relative;
    padding: calc(var(--spacing) * 5) calc(var(--spacing) * 6);
    border-inline-start: 3px solid var(--color-brand);
    border-radius: var(--radius-sm);
    background-color: var(--color-surface-brand);
    color: var(--color-ink);
    font-weight: var(--font-weight-medium);
  }
  .rich-text :where(img, video, iframe) {
    max-inline-size: 100%;
    block-size: auto;
    border-radius: var(--radius-lg);
  }
  .rich-text :where(figure) {
    margin-block: 2em;
    margin-inline: 0;
  }
  .rich-text :where(figcaption) {
    margin-block-start: 0.75em;
    font-size: var(--text-sm);
    color: var(--color-ink-muted);
    text-align: center;
  }
  .rich-text :where(hr) {
    border: 0;
    block-size: 1px;
    background: var(--color-line);
    margin-block: 2.5em;
  }
  .rich-text :where(table) {
    inline-size: 100%;
    border-collapse: collapse;
    font-size: var(--text-sm);
    display: block;
    overflow-x: auto;
  }
  .rich-text :where(th, td) {
    padding: calc(var(--spacing) * 3) calc(var(--spacing) * 4);
    border: 1px solid var(--color-line);
    text-align: start;
  }
  .rich-text :where(th) {
    background-color: var(--color-surface-muted);
    color: var(--color-ink);
    font-weight: var(--font-weight-bold);
  }
  .rich-text :where(code) {
    direction: ltr;
    unicode-bidi: isolate;
    padding: 0.15em 0.45em;
    border-radius: var(--radius-xs);
    background-color: var(--color-surface-muted);
    color: var(--color-danger-ink);
    font-family: var(--font-mono);
    font-size: 0.85em;
    font-feature-settings: normal;
  }
  .rich-text :where(pre) {
    direction: ltr;
    text-align: left;
    overflow-x: auto;
    padding: calc(var(--spacing) * 5) calc(var(--spacing) * 6);
    border-radius: var(--radius-lg);
    background-color: var(--color-surface-inverse);
    color: var(--color-base-5);
    font-size: var(--text-sm);
    line-height: var(--leading-cozy);
  }
  .rich-text :where(pre code) {
    padding: 0;
    background: none;
    color: inherit;
    font-size: inherit;
  }
  .rich-text-sm {
    font-size: var(--text-base);
    line-height: var(--leading-loose);
  }
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-gradient-position {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}
@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}
@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-content {
  syntax: "*";
  initial-value: "";
  inherits: false;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes ping {
  75%, 100% {
    transform: scale(2);
    opacity: 0;
  }
}
@keyframes pulse {
  50% {
    opacity: 0.5;
  }
}
@keyframes bounce {
  0%, 100% {
    transform: translateY(-25%);
    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
  }
  50% {
    transform: none;
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
}
@keyframes nv-marquee {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes nv-float {
  0%, 100% {
    transform: translate3d(0, 0, 0);
  }
  50% {
    transform: translate3d(0, -10px, 0);
  }
}
@keyframes nv-shimmer {
  from {
    background-position: 150% 0;
  }
  to {
    background-position: -50% 0;
  }
}
@keyframes nv-pulse-ring {
  0% {
    box-shadow: 0 0 0 0 rgb(var(--secondary-50) / 0.45);
  }
  70%, 100% {
    box-shadow: 0 0 0 10px rgb(var(--secondary-50) / 0);
  }
}
@keyframes nv-caret {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
@keyframes nv-blade {
  from {
    transform: translate3d(0, 0, 0) rotate(0deg);
  }
  to {
    transform: translate3d(1.5%, -3%, 0) rotate(-1.4deg);
  }
}
@keyframes nv-sheen {
  0% {
    transform: translateX(-180%) skewX(-16deg);
  }
  45%, 100% {
    transform: translateX(420%) skewX(-16deg);
  }
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-divide-y-reverse: 0;
      --tw-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-content: "";
    }
  }
}