/* GENERATED from tokens/tokens.json by scripts/build.py on 2026-08-20 — do not edit by hand.
   Copied from the design system's styles/globals.css; regenerate there and copy it back. */
:root {
  --color-text-strong: rgba(0, 6, 38, 0.9);
  --color-text-weak: rgba(0, 9, 51, 0.65);
  --color-text-brand: rgba(76, 99, 217, 1.0);
  --color-text-disabled: rgba(0, 17, 102, 0.1);
  --color-text-error: rgba(199, 58, 58, 1.0);
  --color-text-warning: rgba(143, 108, 26, 1.0);
  --color-text-success: rgba(6, 122, 88, 1.0);
  --color-text-information: rgba(25, 116, 168, 1.0);
  --color-text-inverse-strong: rgba(255, 255, 255, 1.0);
  --color-text-inverse-weak: rgba(255, 255, 255, 0.78);
  --color-text-inverse-disabled: rgba(255, 255, 255, 0.12);
  --color-stroke-strong: rgba(0, 13, 77, 0.45);
  --color-stroke-weak: rgba(0, 17, 102, 0.1);
  --color-stroke-selected: rgba(76, 99, 217, 1.0);
  --color-stroke-focus: rgba(76, 99, 217, 1.0);
  --color-stroke-disabled: rgba(0, 17, 102, 0.1);
  --color-stroke-brand-strong: rgba(76, 99, 217, 0.8);
  --color-stroke-brand-weak: rgba(76, 99, 217, 0.2);
  --color-stroke-error-strong: rgba(199, 58, 58, 0.8);
  --color-stroke-error-weak: rgba(199, 58, 58, 0.14);
  --color-stroke-warning-strong: rgba(143, 108, 26, 0.8);
  --color-stroke-warning-weak: rgba(143, 108, 26, 0.2);
  --color-stroke-success-strong: rgba(6, 122, 88, 0.8);
  --color-stroke-success-weak: rgba(6, 122, 88, 0.2);
  --color-stroke-information-strong: rgba(25, 116, 168, 0.8);
  --color-stroke-information-weak: rgba(25, 116, 168, 0.2);
  --color-stroke-inverse-strong: rgba(255, 255, 255, 0.6);
  --color-stroke-inverse-weak: rgba(255, 255, 255, 0.12);
  --color-stroke-inverse-disabled: rgba(255, 255, 255, 0.12);
  --color-icon-neutral: rgba(0, 13, 77, 0.45);
  --color-icon-brand: rgba(76, 99, 217, 0.8);
  --color-icon-disabled: rgba(0, 17, 102, 0.1);
  --color-icon-error: rgba(199, 58, 58, 0.8);
  --color-icon-warning: rgba(143, 108, 26, 0.8);
  --color-icon-success: rgba(6, 122, 88, 0.8);
  --color-icon-information: rgba(25, 116, 168, 0.8);
  --color-icon-inverse: rgba(255, 255, 255, 0.6);
  --color-icon-inverse-strong: rgba(255, 255, 255, 1.0);
  --color-icon-inverse-disabled: rgba(255, 255, 255, 0.12);
  --color-fill-strong: rgba(0, 6, 38, 0.9);
  --color-fill-weak: rgba(0, 21, 128, 0.04);
  --color-fill-weaker: rgba(0, 21, 128, 0.02);
  --color-fill-hover: rgba(0, 21, 128, 0.04);
  --color-fill-press: rgba(0, 17, 102, 0.1);
  --color-fill-selected: rgba(76, 99, 217, 1.0);
  --color-fill-disabled: rgba(0, 17, 102, 0.1);
  --color-fill-yellow: rgba(255, 199, 46, 1.0);
  --color-fill-brand-strong: rgba(76, 99, 217, 1.0);
  --color-fill-brand-weak: rgba(89, 117, 255, 0.05);
  --color-fill-error-strong: rgba(199, 58, 58, 1.0);
  --color-fill-error-weak: rgba(199, 58, 58, 0.05);
  --color-fill-warning-strong: rgba(143, 108, 26, 1.0);
  --color-fill-warning-weak: rgba(255, 192, 46, 0.05);
  --color-fill-success-strong: rgba(6, 122, 88, 1.0);
  --color-fill-success-weak: rgba(10, 204, 146, 0.05);
  --color-fill-information-strong: rgba(25, 116, 168, 1.0);
  --color-fill-information-weak: rgba(38, 176, 255, 0.05);
  --color-fill-inverse-weak: rgba(255, 255, 255, 0.06);
  --color-fill-inverse-hover: rgba(255, 255, 255, 0.06);
  --color-fill-inverse-press: rgba(255, 255, 255, 0.12);
  --color-fill-inverse-disabled: rgba(255, 255, 255, 0.12);
  --color-surface-base: rgba(255, 255, 255, 1.0);
  --color-surface-sunken: rgba(245, 246, 250, 1.0);
  --color-surface-raised: rgba(255, 255, 255, 1.0);
  --color-surface-overlay: rgba(255, 255, 255, 1.0);
  --font-sans: Inter, system-ui, sans-serif;
  --font-display: Inter, system-ui, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, monospace;
  --text-tiny: 0.875rem;
  --text-tiny--line-height: 1.25rem;
  --text-tiny--letter-spacing: 0px;
  --text-small: 1rem;
  --text-small--line-height: 1.5rem;
  --text-small--letter-spacing: 0px;
  --text-heading4: 1.25rem;
  --text-heading4--line-height: 1.75rem;
  --text-heading4--letter-spacing: 0px;
  --text-heading3: 1.5rem;
  --text-heading3--line-height: 2rem;
  --text-heading3--letter-spacing: 0px;
  --text-heading2: 2rem;
  --text-heading2--line-height: 2.5rem;
  --text-heading2--letter-spacing: 0px;
  --text-heading1: 2.5rem;
  --text-heading1--line-height: 3rem;
  --text-heading1--letter-spacing: -0.5px;
  --text-display: 3.5rem;
  --text-display--line-height: 4rem;
  --text-display--letter-spacing: -1px;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --spacing-0: 0px;
  --spacing-4: 0.25rem;
  --spacing-8: 0.5rem;
  --spacing-12: 0.75rem;
  --spacing-16: 1rem;
  --spacing-20: 1.25rem;
  --spacing-24: 1.5rem;
  --spacing-32: 2rem;
  --spacing-40: 2.5rem;
  --spacing-48: 3rem;
  --spacing-56: 3.5rem;
  --spacing-64: 4rem;
  --spacing-80: 5rem;
  --spacing-96: 6rem;
  --spacing-128: 8rem;
  --spacing-192: 12rem;
  --spacing-256: 16rem;
  --min-target-size: 3rem;
  --radius-sm: 0.25rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.75rem;
  --radius-xl: 1rem;
  --radius-full: 9999px;
  --shadow-overlay: 0 8px 8px -4px rgba(0, 0, 0, 0.04), 0 20px 24px -4px rgba(0, 0, 0, 0.08);
  --shadow-raised: 0 2px 4px -2px rgba(0, 0, 0, 0.08), 0 4px 8px -2px rgba(0, 0, 0, 0.04);
  --breakpoint-sm: 640px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 1024px;
  --breakpoint-xl: 1280px;
  --container-max: 1440px;
  --container-px: 7.5rem;
}

[data-theme="light"] {
  --color-text-strong: rgba(0, 6, 38, 0.9);
  --color-text-weak: rgba(0, 9, 51, 0.65);
  --color-text-brand: rgba(76, 99, 217, 1.0);
  --color-text-disabled: rgba(0, 17, 102, 0.1);
  --color-text-error: rgba(199, 58, 58, 1.0);
  --color-text-warning: rgba(143, 108, 26, 1.0);
  --color-text-success: rgba(6, 122, 88, 1.0);
  --color-text-information: rgba(25, 116, 168, 1.0);
  --color-text-inverse-strong: rgba(255, 255, 255, 1.0);
  --color-text-inverse-weak: rgba(255, 255, 255, 0.78);
  --color-text-inverse-disabled: rgba(255, 255, 255, 0.12);
  --color-stroke-strong: rgba(0, 13, 77, 0.45);
  --color-stroke-weak: rgba(0, 17, 102, 0.1);
  --color-stroke-selected: rgba(76, 99, 217, 1.0);
  --color-stroke-focus: rgba(76, 99, 217, 1.0);
  --color-stroke-disabled: rgba(0, 17, 102, 0.1);
  --color-stroke-brand-strong: rgba(76, 99, 217, 0.8);
  --color-stroke-brand-weak: rgba(76, 99, 217, 0.2);
  --color-stroke-error-strong: rgba(199, 58, 58, 0.8);
  --color-stroke-error-weak: rgba(199, 58, 58, 0.14);
  --color-stroke-warning-strong: rgba(143, 108, 26, 0.8);
  --color-stroke-warning-weak: rgba(143, 108, 26, 0.2);
  --color-stroke-success-strong: rgba(6, 122, 88, 0.8);
  --color-stroke-success-weak: rgba(6, 122, 88, 0.2);
  --color-stroke-information-strong: rgba(25, 116, 168, 0.8);
  --color-stroke-information-weak: rgba(25, 116, 168, 0.2);
  --color-stroke-inverse-strong: rgba(255, 255, 255, 0.6);
  --color-stroke-inverse-weak: rgba(255, 255, 255, 0.12);
  --color-stroke-inverse-disabled: rgba(255, 255, 255, 0.12);
  --color-icon-neutral: rgba(0, 13, 77, 0.45);
  --color-icon-brand: rgba(76, 99, 217, 0.8);
  --color-icon-disabled: rgba(0, 17, 102, 0.1);
  --color-icon-error: rgba(199, 58, 58, 0.8);
  --color-icon-warning: rgba(143, 108, 26, 0.8);
  --color-icon-success: rgba(6, 122, 88, 0.8);
  --color-icon-information: rgba(25, 116, 168, 0.8);
  --color-icon-inverse: rgba(255, 255, 255, 0.6);
  --color-icon-inverse-strong: rgba(255, 255, 255, 1.0);
  --color-icon-inverse-disabled: rgba(255, 255, 255, 0.12);
  --color-fill-strong: rgba(0, 6, 38, 0.9);
  --color-fill-weak: rgba(0, 21, 128, 0.04);
  --color-fill-weaker: rgba(0, 21, 128, 0.02);
  --color-fill-hover: rgba(0, 21, 128, 0.04);
  --color-fill-press: rgba(0, 17, 102, 0.1);
  --color-fill-selected: rgba(76, 99, 217, 1.0);
  --color-fill-disabled: rgba(0, 17, 102, 0.1);
  --color-fill-yellow: rgba(255, 199, 46, 1.0);
  --color-fill-brand-strong: rgba(76, 99, 217, 1.0);
  --color-fill-brand-weak: rgba(89, 117, 255, 0.05);
  --color-fill-error-strong: rgba(199, 58, 58, 1.0);
  --color-fill-error-weak: rgba(199, 58, 58, 0.05);
  --color-fill-warning-strong: rgba(143, 108, 26, 1.0);
  --color-fill-warning-weak: rgba(255, 192, 46, 0.05);
  --color-fill-success-strong: rgba(6, 122, 88, 1.0);
  --color-fill-success-weak: rgba(10, 204, 146, 0.05);
  --color-fill-information-strong: rgba(25, 116, 168, 1.0);
  --color-fill-information-weak: rgba(38, 176, 255, 0.05);
  --color-fill-inverse-weak: rgba(255, 255, 255, 0.06);
  --color-fill-inverse-hover: rgba(255, 255, 255, 0.06);
  --color-fill-inverse-press: rgba(255, 255, 255, 0.12);
  --color-fill-inverse-disabled: rgba(255, 255, 255, 0.12);
  --color-surface-base: rgba(255, 255, 255, 1.0);
  --color-surface-sunken: rgba(245, 246, 250, 1.0);
  --color-surface-raised: rgba(255, 255, 255, 1.0);
  --color-surface-overlay: rgba(255, 255, 255, 1.0);
}

:root[data-theme="dark"], [data-theme="dark"] {
  --color-text-strong: rgba(255, 255, 255, 1.0);
  --color-text-weak: rgba(255, 255, 255, 0.78);
  --color-text-brand: rgba(163, 179, 255, 1.0);
  --color-text-disabled: rgba(255, 255, 255, 0.12);
  --color-text-error: rgba(255, 156, 156, 1.0);
  --color-text-warning: rgba(224, 191, 112, 1.0);
  --color-text-success: rgba(119, 199, 175, 1.0);
  --color-text-information: rgba(126, 192, 230, 1.0);
  --color-text-inverse-strong: rgba(0, 6, 38, 0.9);
  --color-text-inverse-weak: rgba(0, 9, 51, 0.65);
  --color-text-inverse-disabled: rgba(0, 17, 102, 0.1);
  --color-stroke-strong: rgba(255, 255, 255, 0.6);
  --color-stroke-weak: rgba(255, 255, 255, 0.12);
  --color-stroke-selected: rgba(163, 179, 255, 1.0);
  --color-stroke-focus: rgba(163, 179, 255, 1.0);
  --color-stroke-disabled: rgba(255, 255, 255, 0.12);
  --color-stroke-brand-strong: rgba(163, 179, 255, 0.8);
  --color-stroke-brand-weak: rgba(163, 179, 255, 0.2);
  --color-stroke-error-strong: rgba(255, 156, 156, 0.8);
  --color-stroke-error-weak: rgba(255, 156, 156, 0.2);
  --color-stroke-warning-strong: rgba(224, 191, 112, 0.8);
  --color-stroke-warning-weak: rgba(224, 191, 112, 0.2);
  --color-stroke-success-strong: rgba(119, 199, 175, 0.8);
  --color-stroke-success-weak: rgba(119, 199, 175, 0.2);
  --color-stroke-information-strong: rgba(126, 192, 230, 0.8);
  --color-stroke-information-weak: rgba(126, 192, 230, 0.2);
  --color-stroke-inverse-strong: rgba(0, 13, 77, 0.45);
  --color-stroke-inverse-weak: rgba(0, 17, 102, 0.1);
  --color-stroke-inverse-disabled: rgba(0, 17, 102, 0.1);
  --color-icon-neutral: rgba(255, 255, 255, 0.6);
  --color-icon-brand: rgba(163, 179, 255, 0.8);
  --color-icon-disabled: rgba(255, 255, 255, 0.12);
  --color-icon-error: rgba(255, 156, 156, 0.8);
  --color-icon-warning: rgba(224, 191, 112, 0.8);
  --color-icon-success: rgba(119, 199, 175, 0.8);
  --color-icon-information: rgba(126, 192, 230, 0.8);
  --color-icon-inverse: rgba(0, 13, 77, 0.45);
  --color-icon-inverse-strong: rgba(0, 6, 38, 0.9);
  --color-icon-inverse-disabled: rgba(0, 17, 102, 0.1);
  --color-fill-strong: rgba(255, 255, 255, 1.0);
  --color-fill-weak: rgba(255, 255, 255, 0.06);
  --color-fill-weaker: rgba(255, 255, 255, 0.03);
  --color-fill-hover: rgba(255, 255, 255, 0.06);
  --color-fill-press: rgba(255, 255, 255, 0.12);
  --color-fill-selected: rgba(163, 179, 255, 1.0);
  --color-fill-disabled: rgba(255, 255, 255, 0.12);
  --color-fill-yellow: rgba(255, 199, 46, 1.0);
  --color-fill-brand-strong: rgba(163, 179, 255, 1.0);
  --color-fill-brand-weak: rgba(163, 179, 255, 0.06);
  --color-fill-error-strong: rgba(255, 156, 156, 1.0);
  --color-fill-error-weak: rgba(255, 156, 156, 0.08);
  --color-fill-warning-strong: rgba(224, 191, 112, 1.0);
  --color-fill-warning-weak: rgba(224, 191, 112, 0.08);
  --color-fill-success-strong: rgba(119, 199, 175, 1.0);
  --color-fill-success-weak: rgba(119, 199, 175, 0.08);
  --color-fill-information-strong: rgba(126, 192, 230, 1.0);
  --color-fill-information-weak: rgba(126, 192, 230, 0.08);
  --color-fill-inverse-weak: rgba(0, 21, 128, 0.04);
  --color-fill-inverse-hover: rgba(0, 21, 128, 0.04);
  --color-fill-inverse-press: rgba(0, 17, 102, 0.1);
  --color-fill-inverse-disabled: rgba(0, 17, 102, 0.1);
  --color-surface-base: rgba(18, 19, 26, 1.0);
  --color-surface-sunken: rgba(0, 0, 0, 1.0);
  --color-surface-raised: rgba(29, 30, 38, 1.0);
  --color-surface-overlay: rgba(41, 43, 51, 1.0);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --color-text-strong: rgba(255, 255, 255, 1.0);
    --color-text-weak: rgba(255, 255, 255, 0.78);
    --color-text-brand: rgba(163, 179, 255, 1.0);
    --color-text-disabled: rgba(255, 255, 255, 0.12);
    --color-text-error: rgba(255, 156, 156, 1.0);
    --color-text-warning: rgba(224, 191, 112, 1.0);
    --color-text-success: rgba(119, 199, 175, 1.0);
    --color-text-information: rgba(126, 192, 230, 1.0);
    --color-text-inverse-strong: rgba(0, 6, 38, 0.9);
    --color-text-inverse-weak: rgba(0, 9, 51, 0.65);
    --color-text-inverse-disabled: rgba(0, 17, 102, 0.1);
    --color-stroke-strong: rgba(255, 255, 255, 0.6);
    --color-stroke-weak: rgba(255, 255, 255, 0.12);
    --color-stroke-selected: rgba(163, 179, 255, 1.0);
    --color-stroke-focus: rgba(163, 179, 255, 1.0);
    --color-stroke-disabled: rgba(255, 255, 255, 0.12);
    --color-stroke-brand-strong: rgba(163, 179, 255, 0.8);
    --color-stroke-brand-weak: rgba(163, 179, 255, 0.2);
    --color-stroke-error-strong: rgba(255, 156, 156, 0.8);
    --color-stroke-error-weak: rgba(255, 156, 156, 0.2);
    --color-stroke-warning-strong: rgba(224, 191, 112, 0.8);
    --color-stroke-warning-weak: rgba(224, 191, 112, 0.2);
    --color-stroke-success-strong: rgba(119, 199, 175, 0.8);
    --color-stroke-success-weak: rgba(119, 199, 175, 0.2);
    --color-stroke-information-strong: rgba(126, 192, 230, 0.8);
    --color-stroke-information-weak: rgba(126, 192, 230, 0.2);
    --color-stroke-inverse-strong: rgba(0, 13, 77, 0.45);
    --color-stroke-inverse-weak: rgba(0, 17, 102, 0.1);
    --color-stroke-inverse-disabled: rgba(0, 17, 102, 0.1);
    --color-icon-neutral: rgba(255, 255, 255, 0.6);
    --color-icon-brand: rgba(163, 179, 255, 0.8);
    --color-icon-disabled: rgba(255, 255, 255, 0.12);
    --color-icon-error: rgba(255, 156, 156, 0.8);
    --color-icon-warning: rgba(224, 191, 112, 0.8);
    --color-icon-success: rgba(119, 199, 175, 0.8);
    --color-icon-information: rgba(126, 192, 230, 0.8);
    --color-icon-inverse: rgba(0, 13, 77, 0.45);
    --color-icon-inverse-strong: rgba(0, 6, 38, 0.9);
    --color-icon-inverse-disabled: rgba(0, 17, 102, 0.1);
    --color-fill-strong: rgba(255, 255, 255, 1.0);
    --color-fill-weak: rgba(255, 255, 255, 0.06);
    --color-fill-weaker: rgba(255, 255, 255, 0.03);
    --color-fill-hover: rgba(255, 255, 255, 0.06);
    --color-fill-press: rgba(255, 255, 255, 0.12);
    --color-fill-selected: rgba(163, 179, 255, 1.0);
    --color-fill-disabled: rgba(255, 255, 255, 0.12);
    --color-fill-yellow: rgba(255, 199, 46, 1.0);
    --color-fill-brand-strong: rgba(163, 179, 255, 1.0);
    --color-fill-brand-weak: rgba(163, 179, 255, 0.06);
    --color-fill-error-strong: rgba(255, 156, 156, 1.0);
    --color-fill-error-weak: rgba(255, 156, 156, 0.08);
    --color-fill-warning-strong: rgba(224, 191, 112, 1.0);
    --color-fill-warning-weak: rgba(224, 191, 112, 0.08);
    --color-fill-success-strong: rgba(119, 199, 175, 1.0);
    --color-fill-success-weak: rgba(119, 199, 175, 0.08);
    --color-fill-information-strong: rgba(126, 192, 230, 1.0);
    --color-fill-information-weak: rgba(126, 192, 230, 0.08);
    --color-fill-inverse-weak: rgba(0, 21, 128, 0.04);
    --color-fill-inverse-hover: rgba(0, 21, 128, 0.04);
    --color-fill-inverse-press: rgba(0, 17, 102, 0.1);
    --color-fill-inverse-disabled: rgba(0, 17, 102, 0.1);
    --color-surface-base: rgba(18, 19, 26, 1.0);
    --color-surface-sunken: rgba(0, 0, 0, 1.0);
    --color-surface-raised: rgba(29, 30, 38, 1.0);
    --color-surface-overlay: rgba(41, 43, 51, 1.0);
  }
}

html {
  font-family: var(--font-sans);
  color: var(--color-text-strong);
  background: Canvas;
  -webkit-font-smoothing: antialiased;
}

.container-ds {
  max-width: var(--container-max);
  margin-inline: auto;
  padding-inline: var(--container-px);
}