:root{color-scheme:light dark;--ds-color-primary: #4756d8;--ds-color-on-primary: #ffffff;--ds-color-surface: #f7f7fb;--ds-color-elevated: #ffffff;--ds-color-text: #191a20;--ds-color-muted: #595b68;--ds-color-border: #d8d9e3;--ds-radius-sm: .65rem;--ds-radius-lg: 1.25rem;--ds-space: 1rem;--ds-shadow: 0 1rem 3rem rgb(36 40 80 / 12%)}@media (prefers-color-scheme: dark){:root{--ds-color-primary: #bcc2ff;--ds-color-on-primary: #1d277e;--ds-color-surface: #121318;--ds-color-elevated: #1d1e25;--ds-color-text: #e4e1e9;--ds-color-muted: #c5c5d0;--ds-color-border: #454651}}:root{--border-strong: 2px;--border-thin: 1px;--breakpoint-compact: 0px;--breakpoint-expanded: 1200px;--breakpoint-medium: 768px;--breakpoint-wide: 1440px;--color-primitive-amber-100: #fef3c7;--color-primitive-amber-300: #fcd34d;--color-primitive-amber-800: #92400e;--color-primitive-amber-950: #451a03;--color-primitive-black: #000000;--color-primitive-blue-100: #dbeafe;--color-primitive-blue-400: #60a5fa;--color-primitive-blue-600: #2563eb;--color-primitive-blue-700: #1d4ed8;--color-primitive-blue-800: #1e40af;--color-primitive-cyan-100: #cffafe;--color-primitive-cyan-300: #67e8f9;--color-primitive-cyan-700: #0e7490;--color-primitive-cyan-950: #083344;--color-primitive-green-100: #dcfce7;--color-primitive-green-300: #86efac;--color-primitive-green-700: #15803d;--color-primitive-green-950: #052e16;--color-primitive-red-100: #fee2e2;--color-primitive-red-300: #fca5a5;--color-primitive-red-600: #dc2626;--color-primitive-red-800: #991b1b;--color-primitive-red-950: #450a0a;--color-primitive-slate-100: #f1f5f9;--color-primitive-slate-300: #cbd5e1;--color-primitive-slate-400: #94a3b8;--color-primitive-slate-50: #f8fafc;--color-primitive-slate-600: #475569;--color-primitive-slate-800: #1e293b;--color-primitive-slate-900: #0f172a;--color-primitive-slate-950: #020617;--color-primitive-white: #ffffff;--color-primitive-yellow-300: #fde047;--color-semantic-destructive: #b42318;--color-semantic-information: #1d4ed8;--color-semantic-readable-dark: #09090b;--color-semantic-success: #177245;--color-semantic-warning: #b45309;--component-badge-padding-block: 6px;--component-badge-padding-inline: 10px;--component-button-background: #1d4ed8;--component-button-background-disabled: #94a3b8;--component-button-background-error: #dc2626;--component-button-background-focus: #2563eb;--component-button-background-hover: #1e40af;--component-button-content-gap: 8px;--component-button-min-height: 48px;--component-button-padding-inline: 16px;--component-button-radius: 8px;--component-card-border-minimum: .5px;--component-card-padding: 18px;--component-card-radius: 20px;--component-card-shadow-offset-block: 3px;--component-card-shadow-opacity: .08;--component-card-shadow-radius-factor: .5;--component-card-surface: #ffffff;--component-card-text-secondary: #475569;--component-chip-min-height: 40px;--component-chip-padding-inline: 14px;--component-control-disabled-opacity: .55;--component-development-ribbon-background: #b80829;--component-development-ribbon-font-size: 11px;--component-development-ribbon-foreground: #ffffff;--component-development-ribbon-height: 24px;--component-development-ribbon-offset-block: 17px;--component-development-ribbon-offset-inline: -38;--component-development-ribbon-rotation-degrees: -45;--component-development-ribbon-shadow-color: #000000;--component-development-ribbon-shadow-offset-block: 2px;--component-development-ribbon-shadow-opacity: .28;--component-development-ribbon-shadow-radius: 3px;--component-development-ribbon-tracking: 1.5px;--component-development-ribbon-width: 132px;--component-empty-state-content-gap: 10px;--component-empty-state-content-gap-prominent: 20px;--component-empty-state-icon-size: 34px;--component-empty-state-icon-size-prominent: 34px;--component-empty-state-padding: 24px;--component-empty-state-padding-inline-prominent: 12px;--component-empty-state-padding-prominent: 24px;--component-empty-state-title-message-gap-prominent: 0px;--component-field-label: #475569;--component-field-surface: #f8fafc;--component-form-field-content-gap: 6px;--component-icon-button-size: 44px;--component-metric-card-content-gap: 6px;--component-native-web-control-padding-block: 1px;--component-native-web-legacy-badge-font-size: 12px;--component-native-web-legacy-badge-font-weight: 800;--component-native-web-legacy-badge-padding-block: 5.12px;--component-native-web-legacy-badge-padding-inline: 10.88px;--component-native-web-legacy-badge-tonal-percent: 15;--component-native-web-legacy-brand-font-size: 21.6px;--component-native-web-legacy-button-border-width: 2px;--component-native-web-legacy-button-danger-background: #b3261e;--component-native-web-legacy-button-danger-text: #ffffff;--component-native-web-legacy-button-disabled-opacity: .48;--component-native-web-legacy-button-focus-offset: 3px;--component-native-web-legacy-button-focus-width: 3px;--component-native-web-legacy-button-font-weight: 780;--component-native-web-legacy-button-min-height: 52px;--component-native-web-legacy-button-padding-block: 12.8px;--component-native-web-legacy-button-padding-inline: 17.6px;--component-native-web-legacy-button-radius: 10.4px;--component-native-web-legacy-button-tonal-percent: 18;--component-native-web-legacy-card-detail-line-height: 1.45;--component-native-web-legacy-card-gap: 9.6px;--component-native-web-legacy-card-heading-font-size: 19.52px;--component-native-web-legacy-card-heading-line-height: 1.25;--component-native-web-legacy-card-padding: 20px;--component-native-web-legacy-card-radius: 20px;--component-native-web-legacy-card-shadow: 0 1rem 3rem rgb(36 40 80 / 12%);--component-native-web-legacy-environment-background: #c90031;--component-native-web-legacy-environment-font-size: 11.52px;--component-native-web-legacy-environment-tracking-em: .12;--component-native-web-legacy-environment-translate-block: 24px;--component-native-web-legacy-environment-translate-inline: 40px;--component-native-web-legacy-eyebrow-font-size: 13.6px;--component-native-web-legacy-eyebrow-tracking-em: .08;--component-native-web-legacy-field-gap: 6.4px;--component-native-web-legacy-hero-font-size: 40.8px;--component-native-web-legacy-hero-line-height: 1.12;--component-native-web-legacy-hero-summary-font-size: 17.6px;--component-native-web-legacy-hero-summary-line-height: 1.45;--component-native-web-legacy-hero-tracking-em: -.045;--component-native-web-legacy-host-font-family: Inter, ui-sans-serif, system-ui, sans-serif;--component-native-web-legacy-host-line-height: 1.5;--component-native-web-legacy-inspector-radius: 20px;--component-native-web-legacy-inspector-tonal-percent: 8;--component-native-web-legacy-metric-font-size: 32px;--component-native-web-legacy-product-border-width: 7.2px;--component-navigation-surface: #020617;--component-navigation-text-secondary: #cbd5e1;--component-notice-content-gap: 12px;--component-notice-padding: 14px;--component-notice-text-gap: 3px;--component-number-field-input-padding-block: 1px;--component-number-field-unit-padding-factor: 3;--component-page-header-eyebrow-tracking: 1.4px;--component-page-header-gap: 8px;--component-progress-content-gap: 8px;--component-section-content-gap: 12px;--component-section-heading-gap: 4px;--component-split-pane-grip-inset-block-percent: 35;--component-split-pane-grip-inset-inline-percent: 15;--component-split-pane-primary-percent: 50;--component-text-field-min-height: 48px;--component-text-field-padding-inline: 14px;--component-theme-picker-category-tracking: 1.2px;--component-theme-picker-padding: 16px;--component-theme-picker-row-gap: 14px;--component-theme-picker-row-padding: 14px;--component-theme-picker-section-gap: 20px;--component-theme-picker-shadow-offset-block: 4px;--component-theme-picker-shadow-offset-inline: 2px;--component-theme-picker-shadow-opacity: .1;--component-theme-picker-shadow-radius-factor: .5;--component-theme-picker-swatch-height: 42px;--component-theme-picker-swatch-radius: 10px;--component-theme-picker-swatch-width: 62px;--component-theme-picker-text-gap: 4px;--component-viewport-min-height: 384px;--component-visual-radio-min-item-width: 144px;--density-comfortable-control-height: 40px;--density-comfortable-control-padding-block: 8px;--density-comfortable-control-padding-inline: 16px;--density-comfortable-field-gap: 8px;--density-comfortable-item-gap: 12px;--density-comfortable-label-gap: 4px;--density-comfortable-panel-padding: 16px;--density-comfortable-row-height: 48px;--density-comfortable-section-gap: 24px;--density-comfortable-touch-target: 48px;--density-compact-control-height: 32px;--density-compact-control-padding-block: 4px;--density-compact-control-padding-inline: 12px;--density-compact-field-gap: 6px;--density-compact-item-gap: 8px;--density-compact-label-gap: 2px;--density-compact-panel-padding: 12px;--density-compact-row-height: 36px;--density-compact-section-gap: 16px;--density-compact-touch-target: 48px;--font-family-mono: ui-monospace, monospace;--font-family-sans: Inter, system-ui, sans-serif;--font-family-serif: Georgia, serif;--font-size-lg: 20px;--font-size-md: 16px;--font-size-sm: 14px;--font-size-xl: 28px;--font-size-xs: 12px;--font-size-xxl: 40px;--font-weight-bold: 700;--font-weight-medium: 500;--font-weight-regular: 400;--font-weight-semibold: 600;--layer-base: 0;--layer-dropdown: 200;--layer-modal: 400;--layer-overlay: 300;--layer-sticky: 100;--layer-toast: 500;--motion-duration-base: .2s;--motion-duration-fast: .12s;--motion-duration-none: 0ms;--motion-duration-slow: .32s;--motion-easing-enter: 0,0,0,1;--motion-easing-exit: .3,0,1,1;--motion-easing-standard: .2,0,0,1;--radius-card: 12px;--radius-control: 8px;--radius-modal: 16px;--radius-none: 0px;--radius-pill: 999px;--radius-sm: 4px;--shadow-lg: 0 20px 48px rgb(15 23 42 / .18);--shadow-md: 0 8px 24px rgb(15 23 42 / .12);--shadow-none: none;--shadow-sm: 0 1px 2px rgb(15 23 42 / .08);--size-control-lg: 48px;--size-control-md: 40px;--size-control-sm: 32px;--size-icon-lg: 24px;--size-icon-md: 20px;--size-icon-sm: 16px;--space-lg: 24px;--space-md: 16px;--space-none: 0px;--space-s10: 10px;--space-s12: 12px;--space-s14: 14px;--space-s18: 18px;--space-s20: 20px;--space-s42: 42px;--space-s5: 5px;--space-sm: 8px;--space-xl: 32px;--space-xs: 4px;--space-xxl: 48px;--theme-dark-accent: #60a5fa;--theme-dark-background: #020617;--theme-dark-border-color: #475569;--theme-dark-border-strong-color: #cbd5e1;--theme-dark-border-width: 1px;--theme-dark-control-height: 40px;--theme-dark-error: #dc2626;--theme-dark-error-border: #fca5a5;--theme-dark-error-content: #fca5a5;--theme-dark-error-surface: #450a0a;--theme-dark-focus-ring: #60a5fa;--theme-dark-font-family: Inter, system-ui, sans-serif;--theme-dark-font-family-body: Inter, system-ui, sans-serif;--theme-dark-font-family-code: ui-monospace, monospace;--theme-dark-font-family-heading: Inter, system-ui, sans-serif;--theme-dark-font-size: 16px;--theme-dark-font-size-body: 16px;--theme-dark-font-size-code: 14px;--theme-dark-font-size-helper: 12px;--theme-dark-font-size-label: 14px;--theme-dark-font-size-metric: 28px;--theme-dark-font-size-page-title: 40px;--theme-dark-font-size-panel-title: 20px;--theme-dark-font-size-section-title: 28px;--theme-dark-font-weight-body: 400;--theme-dark-font-weight-code: 400;--theme-dark-font-weight-helper: 400;--theme-dark-font-weight-label: 500;--theme-dark-font-weight-metric: 700;--theme-dark-font-weight-page-title: 700;--theme-dark-font-weight-panel-title: 600;--theme-dark-font-weight-section-title: 600;--theme-dark-info: #67e8f9;--theme-dark-info-border: #67e8f9;--theme-dark-info-content: #67e8f9;--theme-dark-info-surface: #083344;--theme-dark-inverse-surface: #ffffff;--theme-dark-inverse-text: #020617;--theme-dark-layout-gap: 16px;--theme-dark-on-accent: #020617;--theme-dark-radius-control: 8px;--theme-dark-radius-surface: 12px;--theme-dark-shadow-surface: 0 20px 48px rgb(15 23 42 / .18);--theme-dark-space-unit: 8px;--theme-dark-success: #86efac;--theme-dark-success-border: #86efac;--theme-dark-success-content: #86efac;--theme-dark-success-surface: #052e16;--theme-dark-surface: #0f172a;--theme-dark-surface-disabled: #0f172a;--theme-dark-surface-hover: #1e293b;--theme-dark-surface-raised: #1e293b;--theme-dark-surface-selected: #1e40af;--theme-dark-text: #f8fafc;--theme-dark-text-disabled: #475569;--theme-dark-text-muted: #cbd5e1;--theme-dark-warning: #fcd34d;--theme-dark-warning-border: #fcd34d;--theme-dark-warning-content: #fcd34d;--theme-dark-warning-surface: #451a03;--theme-defaults-border-width: 1px;--theme-defaults-card-radius: 20px;--theme-defaults-control-radius: 14px;--theme-defaults-shadow-radius: 12px;--theme-defaults-spacing-scale: 1;--theme-high-contrast-accent: #fde047;--theme-high-contrast-background: #000000;--theme-high-contrast-border-color: #ffffff;--theme-high-contrast-border-strong-color: #ffffff;--theme-high-contrast-border-width: 2px;--theme-high-contrast-control-height: 48px;--theme-high-contrast-error: #fde047;--theme-high-contrast-error-border: #fde047;--theme-high-contrast-error-content: #fde047;--theme-high-contrast-error-surface: #000000;--theme-high-contrast-focus-ring: #fde047;--theme-high-contrast-font-family: Inter, system-ui, sans-serif;--theme-high-contrast-font-family-body: Inter, system-ui, sans-serif;--theme-high-contrast-font-family-code: ui-monospace, monospace;--theme-high-contrast-font-family-heading: Inter, system-ui, sans-serif;--theme-high-contrast-font-size: 20px;--theme-high-contrast-font-size-body: 20px;--theme-high-contrast-font-size-code: 16px;--theme-high-contrast-font-size-helper: 16px;--theme-high-contrast-font-size-label: 16px;--theme-high-contrast-font-size-metric: 28px;--theme-high-contrast-font-size-page-title: 40px;--theme-high-contrast-font-size-panel-title: 20px;--theme-high-contrast-font-size-section-title: 28px;--theme-high-contrast-font-weight-body: 500;--theme-high-contrast-font-weight-code: 500;--theme-high-contrast-font-weight-helper: 500;--theme-high-contrast-font-weight-label: 600;--theme-high-contrast-font-weight-metric: 700;--theme-high-contrast-font-weight-page-title: 700;--theme-high-contrast-font-weight-panel-title: 700;--theme-high-contrast-font-weight-section-title: 700;--theme-high-contrast-info: #ffffff;--theme-high-contrast-info-border: #ffffff;--theme-high-contrast-info-content: #ffffff;--theme-high-contrast-info-surface: #000000;--theme-high-contrast-inverse-surface: #ffffff;--theme-high-contrast-inverse-text: #000000;--theme-high-contrast-layout-gap: 24px;--theme-high-contrast-on-accent: #000000;--theme-high-contrast-radius-control: 0px;--theme-high-contrast-radius-surface: 0px;--theme-high-contrast-shadow-surface: none;--theme-high-contrast-space-unit: 16px;--theme-high-contrast-success: #ffffff;--theme-high-contrast-success-border: #ffffff;--theme-high-contrast-success-content: #ffffff;--theme-high-contrast-success-surface: #000000;--theme-high-contrast-surface: #000000;--theme-high-contrast-surface-disabled: #000000;--theme-high-contrast-surface-hover: #000000;--theme-high-contrast-surface-raised: #000000;--theme-high-contrast-surface-selected: #000000;--theme-high-contrast-text: #ffffff;--theme-high-contrast-text-disabled: #ffffff;--theme-high-contrast-text-muted: #ffffff;--theme-high-contrast-warning: #fde047;--theme-high-contrast-warning-border: #fde047;--theme-high-contrast-warning-content: #fde047;--theme-high-contrast-warning-surface: #000000;--theme-light-accent: #1d4ed8;--theme-light-background: #ffffff;--theme-light-border-color: #cbd5e1;--theme-light-border-strong-color: #475569;--theme-light-border-width: 1px;--theme-light-control-height: 40px;--theme-light-error: #dc2626;--theme-light-error-border: #dc2626;--theme-light-error-content: #991b1b;--theme-light-error-surface: #fee2e2;--theme-light-focus-ring: #2563eb;--theme-light-font-family: Inter, system-ui, sans-serif;--theme-light-font-family-body: Inter, system-ui, sans-serif;--theme-light-font-family-code: ui-monospace, monospace;--theme-light-font-family-heading: Inter, system-ui, sans-serif;--theme-light-font-size: 16px;--theme-light-font-size-body: 16px;--theme-light-font-size-code: 14px;--theme-light-font-size-helper: 12px;--theme-light-font-size-label: 14px;--theme-light-font-size-metric: 28px;--theme-light-font-size-page-title: 40px;--theme-light-font-size-panel-title: 20px;--theme-light-font-size-section-title: 28px;--theme-light-font-weight-body: 400;--theme-light-font-weight-code: 400;--theme-light-font-weight-helper: 400;--theme-light-font-weight-label: 500;--theme-light-font-weight-metric: 700;--theme-light-font-weight-page-title: 700;--theme-light-font-weight-panel-title: 600;--theme-light-font-weight-section-title: 600;--theme-light-info: #0e7490;--theme-light-info-border: #0e7490;--theme-light-info-content: #083344;--theme-light-info-surface: #cffafe;--theme-light-inverse-surface: #020617;--theme-light-inverse-text: #ffffff;--theme-light-layout-gap: 16px;--theme-light-on-accent: #ffffff;--theme-light-radius-control: 8px;--theme-light-radius-surface: 12px;--theme-light-shadow-surface: 0 8px 24px rgb(15 23 42 / .12);--theme-light-space-unit: 8px;--theme-light-success: #15803d;--theme-light-success-border: #15803d;--theme-light-success-content: #052e16;--theme-light-success-surface: #dcfce7;--theme-light-surface: #f8fafc;--theme-light-surface-disabled: #f1f5f9;--theme-light-surface-hover: #f1f5f9;--theme-light-surface-raised: #ffffff;--theme-light-surface-selected: #dbeafe;--theme-light-text: #020617;--theme-light-text-disabled: #94a3b8;--theme-light-text-muted: #475569;--theme-light-warning: #92400e;--theme-light-warning-border: #92400e;--theme-light-warning-content: #451a03;--theme-light-warning-surface: #fef3c7}[data-theme=light]{--ds-accent: #1d4ed8;--ds-background: #ffffff;--ds-border-color: #cbd5e1;--ds-border-strong-color: #475569;--ds-border-width: 1px;--ds-control-height: 40px;--ds-error: #dc2626;--ds-error-border: #dc2626;--ds-error-content: #991b1b;--ds-error-surface: #fee2e2;--ds-focus-ring: #2563eb;--ds-font-family: Inter, system-ui, sans-serif;--ds-font-family-body: Inter, system-ui, sans-serif;--ds-font-family-code: ui-monospace, monospace;--ds-font-family-heading: Inter, system-ui, sans-serif;--ds-font-size: 16px;--ds-font-size-body: 16px;--ds-font-size-code: 14px;--ds-font-size-helper: 12px;--ds-font-size-label: 14px;--ds-font-size-metric: 28px;--ds-font-size-page-title: 40px;--ds-font-size-panel-title: 20px;--ds-font-size-section-title: 28px;--ds-font-weight-body: 400;--ds-font-weight-code: 400;--ds-font-weight-helper: 400;--ds-font-weight-label: 500;--ds-font-weight-metric: 700;--ds-font-weight-page-title: 700;--ds-font-weight-panel-title: 600;--ds-font-weight-section-title: 600;--ds-info: #0e7490;--ds-info-border: #0e7490;--ds-info-content: #083344;--ds-info-surface: #cffafe;--ds-inverse-surface: #020617;--ds-inverse-text: #ffffff;--ds-layout-gap: 16px;--ds-on-accent: #ffffff;--ds-radius-control: 8px;--ds-radius-surface: 12px;--ds-shadow-surface: 0 8px 24px rgb(15 23 42 / .12);--ds-space-unit: 8px;--ds-success: #15803d;--ds-success-border: #15803d;--ds-success-content: #052e16;--ds-success-surface: #dcfce7;--ds-surface: #f8fafc;--ds-surface-disabled: #f1f5f9;--ds-surface-hover: #f1f5f9;--ds-surface-raised: #ffffff;--ds-surface-selected: #dbeafe;--ds-text: #020617;--ds-text-disabled: #94a3b8;--ds-text-muted: #475569;--ds-warning: #92400e;--ds-warning-border: #92400e;--ds-warning-content: #451a03;--ds-warning-surface: #fef3c7}[data-theme=dark]{--ds-accent: #60a5fa;--ds-background: #020617;--ds-border-color: #475569;--ds-border-strong-color: #cbd5e1;--ds-border-width: 1px;--ds-control-height: 40px;--ds-error: #dc2626;--ds-error-border: #fca5a5;--ds-error-content: #fca5a5;--ds-error-surface: #450a0a;--ds-focus-ring: #60a5fa;--ds-font-family: Inter, system-ui, sans-serif;--ds-font-family-body: Inter, system-ui, sans-serif;--ds-font-family-code: ui-monospace, monospace;--ds-font-family-heading: Inter, system-ui, sans-serif;--ds-font-size: 16px;--ds-font-size-body: 16px;--ds-font-size-code: 14px;--ds-font-size-helper: 12px;--ds-font-size-label: 14px;--ds-font-size-metric: 28px;--ds-font-size-page-title: 40px;--ds-font-size-panel-title: 20px;--ds-font-size-section-title: 28px;--ds-font-weight-body: 400;--ds-font-weight-code: 400;--ds-font-weight-helper: 400;--ds-font-weight-label: 500;--ds-font-weight-metric: 700;--ds-font-weight-page-title: 700;--ds-font-weight-panel-title: 600;--ds-font-weight-section-title: 600;--ds-info: #67e8f9;--ds-info-border: #67e8f9;--ds-info-content: #67e8f9;--ds-info-surface: #083344;--ds-inverse-surface: #ffffff;--ds-inverse-text: #020617;--ds-layout-gap: 16px;--ds-on-accent: #020617;--ds-radius-control: 8px;--ds-radius-surface: 12px;--ds-shadow-surface: 0 20px 48px rgb(15 23 42 / .18);--ds-space-unit: 8px;--ds-success: #86efac;--ds-success-border: #86efac;--ds-success-content: #86efac;--ds-success-surface: #052e16;--ds-surface: #0f172a;--ds-surface-disabled: #0f172a;--ds-surface-hover: #1e293b;--ds-surface-raised: #1e293b;--ds-surface-selected: #1e40af;--ds-text: #f8fafc;--ds-text-disabled: #475569;--ds-text-muted: #cbd5e1;--ds-warning: #fcd34d;--ds-warning-border: #fcd34d;--ds-warning-content: #fcd34d;--ds-warning-surface: #451a03}[data-theme=high-contrast]{--ds-accent: #fde047;--ds-background: #000000;--ds-border-color: #ffffff;--ds-border-strong-color: #ffffff;--ds-border-width: 2px;--ds-control-height: 48px;--ds-error: #fde047;--ds-error-border: #fde047;--ds-error-content: #fde047;--ds-error-surface: #000000;--ds-focus-ring: #fde047;--ds-font-family: Inter, system-ui, sans-serif;--ds-font-family-body: Inter, system-ui, sans-serif;--ds-font-family-code: ui-monospace, monospace;--ds-font-family-heading: Inter, system-ui, sans-serif;--ds-font-size: 20px;--ds-font-size-body: 20px;--ds-font-size-code: 16px;--ds-font-size-helper: 16px;--ds-font-size-label: 16px;--ds-font-size-metric: 28px;--ds-font-size-page-title: 40px;--ds-font-size-panel-title: 20px;--ds-font-size-section-title: 28px;--ds-font-weight-body: 500;--ds-font-weight-code: 500;--ds-font-weight-helper: 500;--ds-font-weight-label: 600;--ds-font-weight-metric: 700;--ds-font-weight-page-title: 700;--ds-font-weight-panel-title: 700;--ds-font-weight-section-title: 700;--ds-info: #ffffff;--ds-info-border: #ffffff;--ds-info-content: #ffffff;--ds-info-surface: #000000;--ds-inverse-surface: #ffffff;--ds-inverse-text: #000000;--ds-layout-gap: 24px;--ds-on-accent: #000000;--ds-radius-control: 0px;--ds-radius-surface: 0px;--ds-shadow-surface: none;--ds-space-unit: 16px;--ds-success: #ffffff;--ds-success-border: #ffffff;--ds-success-content: #ffffff;--ds-success-surface: #000000;--ds-surface: #000000;--ds-surface-disabled: #000000;--ds-surface-hover: #000000;--ds-surface-raised: #000000;--ds-surface-selected: #000000;--ds-text: #ffffff;--ds-text-disabled: #ffffff;--ds-text-muted: #ffffff;--ds-warning: #fde047;--ds-warning-border: #fde047;--ds-warning-content: #fde047;--ds-warning-surface: #000000}[data-density=comfortable]{--ds-density-control-height: var(--density-comfortable-control-height);--ds-density-touch-target: var(--density-comfortable-touch-target);--ds-density-row-height: var(--density-comfortable-row-height);--ds-density-panel-padding: var(--density-comfortable-panel-padding);--ds-density-field-gap: var(--density-comfortable-field-gap);--ds-density-label-gap: var(--density-comfortable-label-gap);--ds-density-control-padding-inline: var(--density-comfortable-control-padding-inline);--ds-density-control-padding-block: var(--density-comfortable-control-padding-block);--ds-density-item-gap: var(--density-comfortable-item-gap);--ds-density-section-gap: var(--density-comfortable-section-gap)}[data-density=compact]{--ds-density-control-height: var(--density-compact-control-height);--ds-density-touch-target: var(--density-compact-touch-target);--ds-density-row-height: var(--density-compact-row-height);--ds-density-panel-padding: var(--density-compact-panel-padding);--ds-density-field-gap: var(--density-compact-field-gap);--ds-density-label-gap: var(--density-compact-label-gap);--ds-density-control-padding-inline: var(--density-compact-control-padding-inline);--ds-density-control-padding-block: var(--density-compact-control-padding-block);--ds-density-item-gap: var(--density-compact-item-gap);--ds-density-section-gap: var(--density-compact-section-gap)}.ds-layout-insets{padding-block:var(--ds-layout-pad-top) var(--ds-layout-pad-bottom);padding-inline:var(--ds-layout-pad-start) var(--ds-layout-pad-end)}.ds-layout-insets[data-ds-padding-inline=none]{padding-inline:var(--space-none)}.ds-layout-margins{margin-block:var(--ds-layout-margin-top) var(--ds-layout-margin-bottom);margin-inline:var(--ds-layout-margin-start) var(--ds-layout-margin-end)}.ds-layout-margin-reset{margin:var(--space-none)}.ds-layout-margin-top{margin-block-start:var(--ds-layout-margin-top)}.ds-layout-margin-block{margin-block:var(--ds-layout-margin-top) var(--ds-layout-margin-bottom)}.ds-layout-min-height{min-block-size:var(--ds-layout-min-height)}.ds-layout-sized{inline-size:var(--ds-layout-width, auto);block-size:var(--ds-layout-height, auto);min-block-size:var(--ds-layout-min-height, auto);max-inline-size:var(--ds-layout-size-max-width, none)}.ds-layout-fill-inline{inline-size:100%}.ds-layout-grow{flex:1}.ds-layout-flex-none{flex:none}.ds-layout-end{justify-self:end}.ds-layout-self-end{align-self:flex-end;justify-self:end}.ds-layout-self-stretch{align-self:stretch}.ds-layout-containing-block{position:relative}.ds-layout-positioned{position:absolute;inset-block-start:var(--ds-layout-position-top, auto);inset-inline-start:var(--ds-layout-position-start, auto);inset-block-end:var(--ds-layout-position-bottom, auto);inset-inline-end:var(--ds-layout-position-end, auto)}.ds-layout-fill-overlay{position:absolute;inset:var(--space-none)}.ds-layout-box{border-radius:var(--ds-layout-radius)}.ds-layout-box[data-ds-background]{background:var(--ds-layout-background)}.ds-layout-box[data-ds-border]{box-shadow:inset 0 0 0 var(--ds-layout-border-width) var(--ds-layout-border-color)}.ds-layout-stack{display:flex;flex-direction:column}.ds-layout-inline{display:flex;flex-direction:row}.ds-layout-inline:is(button,span),.ds-layout-inline.ds-layout-intrinsic{display:inline-flex}.ds-layout-stack,.ds-layout-inline{gap:var(--ds-layout-gap)}.ds-layout-wrap{display:flex;flex-flow:row wrap;column-gap:var(--ds-layout-gap);row-gap:var(--ds-layout-row-gap)}:is(.ds-layout-stack,.ds-layout-inline,.ds-layout-wrap)[data-ds-align=start]{align-items:flex-start}:is(.ds-layout-stack,.ds-layout-inline,.ds-layout-wrap)[data-ds-align=center]{align-items:center}:is(.ds-layout-stack,.ds-layout-inline,.ds-layout-wrap)[data-ds-align=end]{align-items:flex-end}:is(.ds-layout-stack,.ds-layout-inline,.ds-layout-wrap)[data-ds-align=stretch]{align-items:stretch}.ds-layout-inline[data-ds-align=firstBaseline]{align-items:first baseline}.ds-layout-inline[data-ds-align=lastBaseline]{align-items:last baseline}[data-ds-justify=start]{justify-content:flex-start}[data-ds-justify=center]{justify-content:safe center}[data-ds-justify=end]{justify-content:safe flex-end}[data-ds-justify=spaceBetween]{justify-content:space-between}[data-ds-justify=spaceAround]{justify-content:space-around}[data-ds-justify=spaceEvenly]{justify-content:space-evenly}.ds-layout-overlay{display:grid;position:relative;min-inline-size:var(--space-none);grid-template-columns:minmax(0,1fr)}.ds-layout-overlay>*{grid-area:1 / 1}.ds-layout-overlay[data-ds-overlay-align=startTop]{place-items:start}.ds-layout-overlay[data-ds-overlay-align=centerTop]{place-items:start center}.ds-layout-overlay[data-ds-overlay-align=endTop]{place-items:start end}.ds-layout-overlay[data-ds-overlay-align=startCenter]{place-items:center start}.ds-layout-overlay[data-ds-overlay-align=center]{place-items:center}.ds-layout-overlay[data-ds-overlay-align=endCenter]{place-items:center end}.ds-layout-overlay[data-ds-overlay-align=startBottom]{place-items:end start}.ds-layout-overlay[data-ds-overlay-align=centerBottom]{place-items:end center}.ds-layout-overlay[data-ds-overlay-align=endBottom]{place-items:end}.ds-layout-spacer[data-ds-axis=horizontal]{min-inline-size:var(--ds-layout-min-size);block-size:var(--space-none)}.ds-layout-spacer[data-ds-axis=vertical]{min-block-size:var(--ds-layout-min-size);inline-size:var(--space-none)}.ds-layout-inline>.ds-layout-spacer[data-ds-axis=horizontal],.ds-layout-stack>.ds-layout-spacer[data-ds-axis=vertical]{flex:1 0 var(--ds-layout-min-size)}.ds-layout-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--ds-layout-min-item-width)),1fr));column-gap:var(--ds-layout-gap);row-gap:var(--ds-layout-row-gap)}.ds-layout-grid-intrinsic{grid-template-columns:none}.ds-layout-grid[data-ds-align=start]{place-items:start}.ds-layout-grid[data-ds-align=center]{place-items:center}.ds-layout-grid[data-ds-align=end]{place-items:start end}.ds-layout-grid[data-ds-align=stretch]{justify-items:stretch;align-items:start}.ds-layout-grid[data-ds-align=natural]{place-items:normal}.ds-layout-grid[data-ds-collapse-empty]{grid-template-columns:repeat(auto-fit,minmax(var(--ds-layout-min-item-width),1fr))}.ds-layout-container{box-sizing:border-box;inline-size:100%;max-inline-size:var(--ds-layout-max-width);margin-inline:auto}.ds-layout-container.ds-layout-external-gutter{inline-size:min(var(--ds-layout-max-width),calc(100% - 2 * var(--ds-layout-external-gutter)))}.ds-layout-divider{background:var(--ds-layout-divider-color)}.ds-layout-divider[data-ds-axis=horizontal]{inline-size:100%;block-size:var(--ds-layout-thickness)}.ds-layout-divider[data-ds-axis=vertical]{block-size:100%;inline-size:var(--ds-layout-thickness)}.ds-layout-scroll[data-ds-axis=vertical]{overflow-y:auto;overflow-x:hidden}.ds-layout-scroll[data-ds-axis=horizontal]{overflow-x:auto;overflow-y:hidden}:is(.ds-layout-stack,.ds-layout-inline,.ds-layout-wrap,.ds-layout-overlay,.ds-layout-grid)[hidden]:not([hidden=until-found]){display:none}:root{--ds-layout-web-component-native-web-legacy-field-gap: .4rem;--ds-layout-web-component-native-web-legacy-card-heading-font-size: 1.22rem;--ds-layout-web-component-native-web-legacy-environment-translate-inline: 2.5rem;--ds-layout-web-component-native-web-legacy-environment-translate-block: 1.5rem;--ds-layout-web-component-native-web-legacy-eyebrow-font-size: .85rem;--ds-layout-web-component-native-web-legacy-environment-font-size: .72rem;--ds-layout-web-component-native-web-legacy-hero-summary-font-size: 1.1rem;--ds-layout-web-component-native-web-legacy-hero-font-size: 2.55rem;--ds-layout-web-component-native-web-legacy-brand-font-size: 1.35rem;--ds-layout-web-component-native-web-legacy-inspector-radius: 1.25rem;--ds-layout-web-component-native-web-legacy-badge-font-size: .75rem;--ds-layout-web-component-native-web-legacy-card-radius: 1.25rem;--ds-layout-web-component-native-web-legacy-metric-font-size: 2rem;--ds-layout-web-component-native-web-legacy-product-border-width: .45rem;--ds-layout-web-component-native-web-legacy-button-min-height: 3.25rem;--ds-layout-web-component-native-web-legacy-button-radius: .65rem;--ds-layout-web-component-native-web-legacy-button-padding-block: .8rem;--ds-layout-web-component-native-web-legacy-button-padding-inline: 1.1rem;--ds-layout-web-component-native-web-legacy-card-padding: 1.25rem;--ds-layout-web-component-native-web-legacy-card-gap: .6rem;--ds-layout-web-component-native-web-legacy-badge-padding-block: .32rem;--ds-layout-web-component-native-web-legacy-badge-padding-inline: .68rem;--ds-layout-web-component-viewport-min-height: 24rem;--ds-layout-web-component-visual-radio-min-item-width: 9rem}*{box-sizing:border-box}html{background:var(--ds-color-surface);scroll-behavior:smooth}body{margin:0;background:var(--ds-color-surface);color:var(--ds-color-text);font-family:var(--component-native-web-legacy-host-font-family);line-height:var(--component-native-web-legacy-host-line-height);min-height:100vh}button,input,select{font:inherit}button,select{cursor:pointer}h1,h2,h3:not(.ds-layout-margin-reset),p:not(.ds-layout-margin-reset){margin-block:0}h2:focus-visible{outline:3px solid var(--ds-color-primary);outline-offset:.4rem}main{width:min(76rem,calc(100% - 2rem));margin:0 auto 5rem}.showcase-content{padding-block:1.25rem 3rem}.page-heading{display:grid;gap:.55rem;padding-block:.5rem .75rem}.page-heading h1{font-size:clamp(2rem,4vw,3.1rem);line-height:1.08;letter-spacing:-.035em}.page-heading>p:last-child{color:var(--ds-color-muted);max-width:44rem}.overview-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.app-nav{display:flex;gap:.5rem;border-bottom:1px solid var(--ds-color-border)}.app-nav button{display:flex;align-items:center;gap:.45rem;border:0;background:none;color:var(--ds-color-muted);padding:.8rem 1rem;font-weight:700}.app-nav button[aria-current=page]{color:var(--ds-color-primary);border-bottom:2px solid var(--ds-color-primary)}.theme-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:.75rem}.theme-card{display:flex;align-items:center;gap:.65rem;border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-lg);background:var(--ds-color-elevated);color:var(--ds-color-text);text-align:left;padding:.85rem}.theme-card[aria-pressed=true]{border-color:var(--ds-color-primary);border-width:2px}.theme-card small{margin-left:auto;color:var(--ds-color-muted)}.theme-swatch{width:2.75rem;height:2.75rem;flex:none;border-radius:999px;background:linear-gradient(120deg,var(--swatch) 50%,var(--swatch-bg) 50%);border:1px solid var(--ds-color-border)}.skip-link{position:fixed;left:-9999px}.skip-link:focus{left:1rem;top:1rem;z-index:20;background:var(--ds-color-elevated);color:var(--ds-color-text);padding:.75rem 1rem}.topbar{display:flex;align-items:center;justify-content:space-between;min-height:5rem;border-bottom:1px solid var(--ds-color-border)}.brand{color:var(--ds-color-text);font-size:1.05rem;font-weight:850;text-decoration:none}.environment{background:#fc3;color:#191600;font-size:.72rem;font-weight:900;letter-spacing:.15em;padding:.35rem 1.1rem;transform:rotate(-10deg)}.hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(15rem,.7fr);gap:clamp(2rem,6vw,6rem);align-items:end;padding:clamp(3rem,8vw,7rem) 0}.hero h1{font-size:clamp(2.6rem,7vw,5.8rem);letter-spacing:-.055em;line-height:.95;margin:.5rem 0 1.5rem}.hero p:not(.eyebrow){color:var(--ds-color-muted);font-size:1.08rem;max-width:42rem}.eyebrow{color:var(--ds-color-primary);font-size:.78rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.theme-picker{display:grid;gap:.45rem;background:var(--ds-color-elevated);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-lg);box-shadow:var(--ds-shadow);padding:1.1rem}.theme-picker>span{font-weight:800}.theme-picker small{color:var(--ds-color-muted)}.theme-picker select{width:100%;border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-sm);background:var(--ds-color-surface);color:var(--ds-color-text);padding:.75rem}.section-heading{display:flex;justify-content:space-between;gap:2rem;align-items:end}.section-heading h2,.detail h2{font-size:clamp(2rem,4vw,3.6rem);line-height:1;margin-top:.4rem}.section-heading>p,.detail>div>p{color:var(--ds-color-muted);max-width:30rem}.tabs{display:flex;gap:.5rem;overflow-x:auto;padding-block:.25rem}.tab{flex:none;border:1px solid var(--ds-color-border);border-radius:999px;background:var(--ds-color-elevated);color:var(--ds-color-text);padding:.65rem 1rem}.tab[aria-selected=true]{background:var(--ds-color-primary);color:var(--ds-color-on-primary);border-color:transparent}.component-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));gap:var(--ds-space)}.component-card{display:grid;gap:.85rem;min-height:14rem;text-align:left;border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-lg);background:var(--ds-color-elevated);color:var(--ds-color-text);box-shadow:var(--ds-shadow);padding:1.35rem;transition:transform .16s ease,border-color .16s ease}.component-card:hover{border-color:var(--ds-color-primary);transform:translateY(-3px)}.component-card strong{align-self:end;font-size:1.35rem}.component-card>span:not(:first-child,:last-child){color:var(--ds-color-muted)}.component-link{color:var(--ds-color-primary);font-weight:800}.button{min-height:var(--ds-layout-web-component-native-web-legacy-button-min-height);border:var(--component-native-web-legacy-button-border-width) solid transparent;font-weight:var(--component-native-web-legacy-button-font-weight)}.button:not(.ds-layout-token-radius){border-radius:var(--ds-layout-web-component-native-web-legacy-button-radius)}.button--primary{background:var(--ds-color-primary);color:var(--ds-color-on-primary)}.button--secondary{background:transparent;border-color:var(--ds-color-primary);color:var(--ds-color-primary)}.button--tonal{background:color-mix(in srgb,var(--ds-color-primary) calc(var(--component-native-web-legacy-button-tonal-percent) * 1%),var(--ds-color-elevated));color:var(--ds-color-text)}.button--danger{background:var(--component-native-web-legacy-button-danger-background);color:var(--component-native-web-legacy-button-danger-text)}.button--text{background:transparent;color:var(--ds-color-primary);text-align:left}.button:disabled{cursor:not-allowed;opacity:var(--component-native-web-legacy-button-disabled-opacity)}.button:focus-visible,.component-card:focus-visible,.tab:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--ds-color-primary);outline-offset:3px}.button.ds-layout-box:focus-visible{outline:var(--component-native-web-legacy-button-focus-width) solid var(--ds-color-primary);outline-offset:var(--component-native-web-legacy-button-focus-offset)}.badge{width:fit-content;background:color-mix(in srgb,var(--ds-color-primary) calc(var(--component-native-web-legacy-badge-tonal-percent) * 1%),var(--ds-color-elevated));color:var(--ds-color-text);font-size:var(--ds-layout-web-component-native-web-legacy-badge-font-size);font-weight:var(--component-native-web-legacy-badge-font-weight)}.badge:not(.ds-layout-token-radius){border-radius:var(--radius-pill)}.badge--emphasized{background:var(--ds-color-primary);color:var(--ds-color-on-primary)}.detail{max-width:58rem}.detail>.button--text{width:fit-content}.detail>.button--text:not([data-ds-padding-inline=none]){padding-inline:0}.examples{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));align-items:start}.examples>.button{width:100%}.card{border:var(--border-thin) solid var(--ds-color-border);background:var(--ds-color-elevated);box-shadow:var(--component-native-web-legacy-card-shadow)}.card:not(.ds-layout-token-radius){border-radius:var(--ds-layout-web-component-native-web-legacy-card-radius)}.card p{color:var(--ds-color-muted)}.metric strong{font-size:var(--ds-layout-web-component-native-web-legacy-metric-font-size)}.metric progress{accent-color:var(--ds-color-primary);width:100%}.product-card{border-left:var(--ds-layout-web-component-native-web-legacy-product-border-width) solid var(--ds-color-primary)}.field{min-inline-size:0}.field>span{font-weight:800}.field input{width:100%;border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-sm);background:var(--ds-color-elevated);color:var(--ds-color-text);padding:.8rem}.field small{color:var(--ds-color-muted)}.field--error input{border:2px solid #b3261e}.field--error small{color:#b3261e}.demo-nav{display:flex;gap:.4rem;background:var(--ds-color-elevated);border-radius:var(--ds-radius-lg);padding:.5rem}.demo-nav a{color:var(--ds-color-text);border-radius:var(--ds-radius-sm);padding:.7rem;text-decoration:none}.demo-nav a[aria-current=page]{background:var(--ds-color-primary);color:var(--ds-color-on-primary)}.stack-sm:not(.ds-layout-stack){display:grid;gap:.6rem}.card:not(.ds-layout-box){padding:1.25rem}.stack-md{gap:1rem}.stack-lg{display:grid;gap:1.5rem}@media (max-width: 45rem){main{width:100%;padding:0 1rem;margin-bottom:calc(5rem + env(safe-area-inset-bottom))}.topbar{min-height:3.6rem}.app-nav{position:fixed;z-index:10;bottom:0;left:0;right:0;padding:.3rem .25rem calc(.3rem + env(safe-area-inset-bottom));background:var(--ds-color-elevated);border-top:1px solid var(--ds-color-border);border-bottom:0;justify-content:space-around}.app-nav button{display:grid;justify-items:center;gap:0;font-size:.68rem;padding:.2rem .1rem;min-width:3.7rem}.app-nav button span{font-size:1.35rem;line-height:1.3}.app-nav button[aria-current=page]{border-bottom:0}.overview-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{grid-template-columns:1fr}.section-heading{align-items:start;flex-direction:column}.component-grid,.examples{grid-template-columns:1fr}.hero h1{font-size:clamp(2.4rem,14vw,4rem)}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important}}