/* Generated by tools/build.py from tokens/. Do not edit. One theme: studio-light. Link it instead of tokens.css. */

:root {
  color-scheme: light;
  --sds-parental-gate: 0;
  --sds-glyph-colors: color;
  --sds-color-bg: #f4f5f8;
  --sds-color-surface: #ffffff;
  --sds-color-surface-raised: #ffffff;
  --sds-color-overlay: #0b0e1566;
  --sds-color-text: #0b0e15;
  --sds-color-text-muted: #4c566b;
  --sds-color-text-strong: #0b0e15;
  --sds-color-text-soft: #0b0e15;
  --sds-color-text-inverse: #f4f5f8;
  --sds-color-accent: #b4560f;
  --sds-color-accent-strong: #8f430a;
  --sds-color-on-accent: #ffffff;
  --sds-color-accent-text: #b4560f;
  --sds-color-link-visited: #b4560f;
  --sds-color-success: #1c7a49;
  --sds-color-warning: #8d6200;
  --sds-color-danger: #ba2326;
  --sds-color-info: #2161c4;
  --sds-color-focus: #2161c4;
  --sds-color-line: #e2e5eb;
  --sds-color-line-strong: #7b859a;
  --sds-color-disabled: #e2e5eb;
  --sds-color-on-disabled: #687286;
  --sds-color-accent-soft: #f4e7dd;
  --sds-color-success-soft: #dfece6;
  --sds-color-warning-soft: #efe9db;
  --sds-color-danger-soft: #f7e2e2;
  --sds-color-info-soft: #e0e9f7;
  --sds-color-on-success: #ffffff;
  --sds-color-on-warning: #ffffff;
  --sds-color-on-danger: #ffffff;
  --sds-color-on-info: #ffffff;
  --sds-color-text-faint: #626773;
  --sds-color-scrim: #0b0e1580;
  --sds-color-glass: #ffffffe6;
  --sds-color-backdrop: #e2e5eb;
  --sds-color-person: #0f6f6a;
  --sds-color-program: #6a3fc4;
  --sds-color-rarity-common: #4c566b;
  --sds-color-rarity-uncommon: #1c7a49;
  --sds-color-rarity-rare: #2161c4;
  --sds-color-rarity-epic: #6a3fc4;
  --sds-color-rarity-legendary: #b4560f;
  --sds-color-series-1: #2161c4;
  --sds-color-series-2: #b4560f;
  --sds-color-series-3: #1c7a49;
  --sds-color-series-4: #6a3fc4;
  --sds-color-series-5: #8d6200;
  --sds-color-series-6: #c42f2f;
  --sds-color-series-7: #0f6f6a;
  --sds-color-series-8: #a8326a;
  --sds-color-severity-thriving: #1c7a49;
  --sds-color-severity-steady: #4c566b;
  --sds-color-severity-warning: #8d6200;
  --sds-color-severity-danger: #ba2326;
  --sds-color-severity-critical: #8e1b1b;
  --sds-font-display: "Space Grotesk", "Atkinson Hyperlegible Next", system-ui, sans-serif;
  --sds-font-body: "Atkinson Hyperlegible Next", "Atkinson Hyperlegible", system-ui, sans-serif;
  --sds-font-mono: "JetBrains Mono", ui-monospace, "Menlo", "Consolas", monospace;
  --sds-font-ui: "Atkinson Hyperlegible Next", "Atkinson Hyperlegible", system-ui, sans-serif;
  --sds-type-display-size: 48px;
  --sds-type-display-weight: 700;
  --sds-type-display-line-height: 1.1;
  --sds-type-display-tracking: -0.5px;
  --sds-type-title-size: 32px;
  --sds-type-title-weight: 700;
  --sds-type-title-line-height: 1.2;
  --sds-type-title-tracking: -0.25px;
  --sds-type-heading-size: 24px;
  --sds-type-heading-weight: 600;
  --sds-type-heading-line-height: 1.3;
  --sds-type-heading-tracking: 0px;
  --sds-type-body-size: 16px;
  --sds-type-body-weight: 400;
  --sds-type-body-line-height: 1.5;
  --sds-type-body-tracking: 0px;
  --sds-type-label-size: 14px;
  --sds-type-label-weight: 600;
  --sds-type-label-line-height: 1.3;
  --sds-type-label-tracking: 0.25px;
  --sds-type-caption-size: 12px;
  --sds-type-caption-weight: 400;
  --sds-type-caption-line-height: 1.4;
  --sds-type-caption-tracking: 0.25px;
  --sds-type-lead-size: 18px;
  --sds-type-lead-weight: 400;
  --sds-type-lead-line-height: 1.5;
  --sds-type-lead-tracking: 0px;
  --sds-type-small-size: 14px;
  --sds-type-small-weight: 400;
  --sds-type-small-line-height: 1.5;
  --sds-type-small-tracking: 0px;
  --sds-type-eyebrow-size: 12px;
  --sds-type-eyebrow-weight: 600;
  --sds-type-eyebrow-line-height: 1.3;
  --sds-type-eyebrow-tracking: 0.1em;
  --sds-type-eyebrow-transform: uppercase;
  --sds-type-min-size: 12px;
  --sds-type-scale: 1;
  --sds-space-0: 0px;
  --sds-space-1: 2px;
  --sds-space-2: 4px;
  --sds-space-3: 8px;
  --sds-space-4: 12px;
  --sds-space-5: 16px;
  --sds-space-6: 24px;
  --sds-space-7: 32px;
  --sds-space-8: 48px;
  --sds-space-9: 64px;
  --sds-radius-none: 0px;
  --sds-radius-xs: 2px;
  --sds-radius-sm: 4px;
  --sds-radius-md: 8px;
  --sds-radius-lg: 14px;
  --sds-radius-pill: 999px;
  --sds-radius-round: 9999px;
  --sds-border-thin: 1px;
  --sds-border-thick: 2px;
  --sds-border-heavy: 4px;
  --sds-shadow-sm: 0px 1px 2px 0px #0b0e151f;
  --sds-shadow-md: 0px 4px 12px 0px #0b0e151f;
  --sds-shadow-lg: 0px 12px 32px 0px #0b0e1533;
  --sds-shadow-raised: inset 0px 1px 0px 0px #ffffffe6, 0px 2px 3px 0px #0b0e1533;
  --sds-glow-color: #b4560f;
  --sds-glow-alpha: 0.3;
  --sds-glow-pulse: 1800ms;
  --sds-glow-sm: 0px 0px 6px 0px #b4560f40;
  --sds-glow-md: 0px 0px 14px 0px #b4560f40;
  --sds-glow-lg: 0px 0px 28px 2px #b4560f66;
  --sds-glow-soft: 0px 0px 0px 1px #b4560f8c, 0px 0px 16px 0px #b4560f4d;
  --sds-glow-strong: 0px 0px 0px 2px #b4560fb3, 0px 0px 28px 4px #b4560f4d;
  --sds-motion-instant: 0ms;
  --sds-motion-fast: 120ms;
  --sds-motion-base: 200ms;
  --sds-motion-slow: 360ms;
  --sds-motion-reduce: 0;
  --sds-ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --sds-ease-emphasis: cubic-bezier(0.3, 1.3, 0.6, 1);
  --sds-ease-exit: cubic-bezier(0.4, 0, 1, 1);
  --sds-opacity-disabled: 0.5;
  --sds-opacity-muted: 0.55;
  --sds-mix-subtle: 0.08;
  --sds-mix-hover: 0.14;
  --sds-mix-strong: 0.22;
  --sds-mix-line: 0.4;
  --sds-press-scale: 0.95;
  --sds-overlay-inset: 16px;
  --sds-touch-target: 44px;
  --sds-size-target-xl: 88px;
  --sds-focus-ring-width: 3px;
  --sds-focus-ring-offset: 2px;
  --sds-safe-area-min: 16px;
  --sds-safe-area-tv: 0.05;
  --sds-page-gutter-sm: 16px;
  --sds-page-gutter-md: 32px;
  --sds-page-gutter-lg: 56px;
  --sds-page-max: 1920px;
  --sds-layer-base: 0;
  --sds-layer-hud: 10;
  --sds-layer-caption: 20;
  --sds-layer-overlay: 30;
  --sds-layer-sheet: 40;
  --sds-layer-dialog: 50;
  --sds-layer-toast: 60;
  --sds-layer-tooltip: 70;
  --sds-layer-onboarding: 80;
  --sds-layer-debug: 90;
  --sds-elevation-0-surface: #f4f5f8;
  --sds-elevation-0-shadow: 0px 0px 0px 0px #00000000;
  --sds-elevation-1-surface: #ffffff;
  --sds-elevation-1-shadow: 0px 1px 2px 0px #0b0e151f;
  --sds-elevation-2-surface: #ffffff;
  --sds-elevation-2-shadow: 0px 1px 2px 0px #0b0e151f;
  --sds-elevation-3-surface: #ffffff;
  --sds-elevation-3-shadow: 0px 4px 12px 0px #0b0e151f;
  --sds-elevation-4-surface: #ffffff;
  --sds-elevation-4-shadow: 0px 12px 32px 0px #0b0e1533;
  --sds-button-xs-height: 30px;
  --sds-button-xs-padding-x: 8px;
  --sds-button-xs-font-size: 14px;
  --sds-button-sm-height: 36px;
  --sds-button-sm-padding-x: 12px;
  --sds-button-sm-font-size: 14px;
  --sds-button-md-height: 44px;
  --sds-button-md-padding-x: 16px;
  --sds-button-md-font-size: 16px;
  --sds-button-lg-height: 56px;
  --sds-button-lg-padding-x: 24px;
  --sds-button-lg-font-size: 20px;
  --sds-button-radius: 8px;
  --sds-icon-button-xs-size: 30px;
  --sds-icon-button-sm-size: 36px;
  --sds-icon-button-md-size: 44px;
  --sds-icon-button-lg-size: 56px;
  --sds-icon-button-radius: 999px;
  --sds-toggle-width: 48px;
  --sds-toggle-height: 24px;
  --sds-slider-track: 6px;
  --sds-slider-thumb: 20px;
  --sds-slider-stop-size: 8px;
  --sds-slider-fader-height: 160px;
  --sds-slider-fader-cap-width: 32px;
  --sds-knob-xs-size: 30px;
  --sds-knob-md-size: 48px;
  --sds-knob-ring: 4px;
  --sds-knob-mark-width: 4px;
  --sds-knob-fraction: 0.5;
  --sds-dialog-width: 480px;
  --sds-dialog-padding: 32px;
  --sds-dialog-radius: 14px;
  --sds-panel-padding: 24px;
  --sds-panel-radius: 8px;
  --sds-toast-duration: 4000ms;
  --sds-field-row-gap: 16px;
  --sds-field-row-padding-y: 8px;
  --sds-field-row-min-height: 44px;
  --sds-field-row-stack-below: 480px;
  --sds-checkbox-md-size: 24px;
  --sds-checkbox-lg-size: 32px;
  --sds-checkbox-radius: 2px;
  --sds-radio-group-md-height: 44px;
  --sds-radio-group-lg-height: 56px;
  --sds-radio-group-segment-radius: 8px;
  --sds-select-md-height: 44px;
  --sds-select-padding-x: 16px;
  --sds-select-radius: 8px;
  --sds-text-input-md-height: 44px;
  --sds-text-input-lg-height: 56px;
  --sds-text-input-padding-x: 12px;
  --sds-text-input-radius: 8px;
  --sds-text-input-multiline-height: 120px;
  --sds-choice-tile-md-size: 64px;
  --sds-choice-tile-lg-size: 76px;
  --sds-choice-tile-xl-size: 88px;
  --sds-choice-tile-radius: 14px;
  --sds-choice-tile-border-selected: 4px;
  --sds-divider-inset: 16px;
  --sds-list-item-md-height: 44px;
  --sds-list-item-lg-height: 64px;
  --sds-list-item-padding-x: 16px;
  --sds-scroll-area-bar-width: 8px;
  --sds-disclosure-padding: 12px;
  --sds-progress-bar-sm-height: 4px;
  --sds-progress-bar-md-height: 8px;
  --sds-progress-bar-radius: 999px;
  --sds-badge-sm-size: 16px;
  --sds-badge-md-size: 20px;
  --sds-badge-radius: 999px;
  --sds-chip-sm-height: 36px;
  --sds-chip-md-height: 44px;
  --sds-chip-padding-x: 12px;
  --sds-chip-radius: 999px;
  --sds-caption-bg: #000000bf;
  --sds-caption-text: #ffffff;
  --sds-caption-opacity: 1;
  --sds-caption-size-sm: 16px;
  --sds-caption-size-md: 20px;
  --sds-caption-size-lg: 28px;
  --sds-caption-padding: 8px;
  --sds-caption-radius: 4px;
  --sds-caption-line-height: 1.35;
  --sds-screen-header-height: 64px;
  --sds-screen-header-padding-x: 16px;
  --sds-keycap-sm-size: 24px;
  --sds-keycap-md-size: 32px;
  --sds-keycap-lg-size: 48px;
  --sds-keycap-radius: 2px;
  --sds-social-links-gap: 8px;
  --sds-social-links-radius: 999px;
  --sds-social-links-sm-size: 32px;
  --sds-feedback-form-gap: 16px;
  --sds-qr-code-size: 160px;
  --sds-qr-code-quiet-zone: 16px;
  --sds-stepper-md-height: 44px;
  --sds-stepper-lg-height: 56px;
  --sds-stepper-value-width: 48px;
  --sds-stepper-repeat-delay: 400ms;
  --sds-stepper-repeat-rate: 80ms;
  --sds-stepper-big-step: 10;
  --sds-content-card-padding: 16px;
  --sds-content-card-radius: 14px;
  --sds-content-card-gap: 8px;
  --sds-content-card-media-ratio: 1.778;
  --sds-sheet-side-width: 400px;
  --sds-sheet-bottom-max: 0.9;
  --sds-sheet-radius: 14px;
  --sds-sheet-padding: 24px;
  --sds-grid-gap: 12px;
  --sds-grid-tile-min: 88px;
  --sds-spinner-sm-size: 16px;
  --sds-spinner-md-size: 24px;
  --sds-spinner-lg-size: 48px;
  --sds-spinner-stroke: 2px;
  --sds-spinner-period: 900ms;
  --sds-empty-state-art-size: 96px;
  --sds-empty-state-gap: 12px;
  --sds-empty-state-max-width: 360px;
  --sds-pagination-dots-size: 8px;
  --sds-pagination-dots-current-size: 12px;
  --sds-pagination-dots-gap: 8px;
  --sds-action-bar-gap: 8px;
  --sds-action-bar-padding: 16px;
  --sds-notice-padding: 12px;
  --sds-notice-radius: 8px;
  --sds-notice-border: 2px;
  --sds-data-table-row-height: 44px;
  --sds-data-table-compact-row-height: 32px;
  --sds-data-table-padding-x: 12px;
  --sds-data-table-stripe: #ffffff;
  --sds-change-readout-gap: 4px;
  --sds-change-readout-gain: #1c7a49;
  --sds-change-readout-spend: #ba2326;
  --sds-hold-button-duration: 800ms;
  --sds-hold-button-fill: #f4e7dd;
  --sds-stat-breakdown-width: 280px;
  --sds-stat-breakdown-gap: 4px;
  --sds-keyword-link-underline: 1px;
  --sds-keyword-link-underline-color: #b4560f;
  --sds-keyword-link-depth: 3;
  --sds-help-mark-sm-size: 16px;
  --sds-help-mark-md-size: 20px;
  --sds-pending-duration: 1000ms;
  --sds-pending-landed-duration: 600ms;
  --sds-ghost-marker-size: 20px;
  --sds-ghost-marker-grip-size: 16px;
  --sds-pin-mark-size: 16px;
  --sds-grab-switch-light-size: 8px;
  --sds-carousel-item-width: 280px;
  --sds-carousel-gap: 12px;
  --sds-carousel-peek: 32px;
  --sds-avatar-sm-size: 32px;
  --sds-avatar-md-size: 48px;
  --sds-avatar-lg-size: 64px;
  --sds-avatar-xl-size: 96px;
  --sds-avatar-ring: #7b859a;
  --sds-avatar-ring-width: 2px;
  --sds-context-menu-item-height: 44px;
  --sds-context-menu-min-width: 200px;
  --sds-context-menu-radius: 8px;
  --sds-context-menu-long-press: 500ms;
  --sds-popover-width: 320px;
  --sds-popover-padding: 16px;
  --sds-popover-radius: 8px;
  --sds-assign-slot-size: 88px;
  --sds-assign-slot-radius: 8px;
  --sds-nav-rail-width: 240px;
  --sds-nav-rail-collapsed-width: 72px;
  --sds-nav-rail-item-height: 44px;
  --sds-nav-rail-indicator: 4px;
  --sds-chart-min-height: 160px;
  --sds-chart-bar-gap: 4px;
  --sds-chart-donut-width: 24px;
  --sds-chart-axis: #7b859a;
  --sds-timed-confirm-seconds: 15;
  --sds-setting-detail-width: 360px;
  --sds-setting-detail-padding: 24px;
  --sds-stat-tile-padding: 12px;
  --sds-stat-icon-size: 20px;
  --sds-level-meter-level: 0;
  --sds-level-meter-peak: 0;
  --sds-level-meter-warn: 0.75;
  --sds-level-meter-clip: 0.9;
  --sds-level-meter-thickness: 12px;
  --sds-level-meter-length: 160px;
  --sds-level-meter-peak-width: 4px;
  --sds-gauge-value: 0;
  --sds-gauge-band-size: 1;
  --sds-gauge-height: 12px;
  --sds-gauge-marker-width: 4px;
  --sds-sparkline-height: 24px;
  --sds-sparkline-width: 72px;
  --sds-sparkline-stroke: 2px;
  --sds-link-decoration: solid;
  --sds-link-thickness: 1px;
  --sds-link-offset: 0.2em;
  --sds-tag-radius: 2px;
  --sds-drag-and-drop-ghost-opacity: 0.8;
  --sds-drag-and-drop-accept: #1c7a49;
  --sds-drag-and-drop-reject: #ba2326;
  --sds-drag-and-drop-lift: 8px;
  --sds-hero-media-ratio: 1.778;
  --sds-hero-phone-ratio: 0.8;
  --sds-hero-gap: 48px;
  --sds-hero-scrim: #0b0e1580;
  --sds-hero-on-scrim: #ffffff;
}

:root[data-sds-contrast="high"] {
  --sds-color-text: #000000;
  --sds-color-text-muted: #1f1f1f;
  --sds-color-text-strong: #000000;
  --sds-color-text-soft: #000000;
  --sds-color-text-inverse: #ffffff;
  --sds-color-accent: #2b1b8f;
  --sds-color-accent-strong: #1a0f66;
  --sds-color-accent-text: #2b1b8f;
  --sds-color-link-visited: #2b1b8f;
  --sds-color-success: #035129;
  --sds-color-warning: #5c3d00;
  --sds-color-danger: #850010;
  --sds-color-info: #003f99;
  --sds-color-focus: #0033cc;
  --sds-color-line: #000000b3;
  --sds-color-line-strong: #000000;
  --sds-color-disabled: #d6d6d6;
  --sds-color-on-disabled: #3d3d3d;
  --sds-color-text-faint: #3e3e3e;
  --sds-color-severity-thriving: #035129;
  --sds-color-severity-steady: #1f1f1f;
  --sds-color-severity-warning: #5c3d00;
  --sds-color-severity-danger: #850010;
  --sds-border-thin: 2px;
  --sds-glow-color: #2b1b8f;
  --sds-glow-sm: 0px 0px 6px 0px #2b1b8f40;
  --sds-glow-md: 0px 0px 14px 0px #2b1b8f40;
  --sds-glow-lg: 0px 0px 28px 2px #2b1b8f66;
  --sds-glow-soft: 0px 0px 0px 1px #2b1b8f8c, 0px 0px 16px 0px #2b1b8f4d;
  --sds-glow-strong: 0px 0px 0px 2px #2b1b8fb3, 0px 0px 28px 4px #2b1b8f4d;
  --sds-caption-bg: #000000;
  --sds-change-readout-gain: #035129;
  --sds-change-readout-spend: #850010;
  --sds-keyword-link-underline: 2px;
  --sds-keyword-link-underline-color: #2b1b8f;
  --sds-avatar-ring: #000000;
  --sds-chart-axis: #000000;
  --sds-drag-and-drop-accept: #035129;
  --sds-drag-and-drop-reject: #850010;
}

:root[data-sds-vision="deuteranopia"] {
  --sds-color-success: #0f35b6;
  --sds-color-warning: #6d5209;
  --sds-color-danger: #45231b;
  --sds-color-info: #582462;
  --sds-color-success-soft: #e3e8f7;
  --sds-color-warning-soft: #edeae1;
  --sds-color-danger-soft: #e9e5e4;
  --sds-color-info-soft: #ebe5ec;
  --sds-color-severity-thriving: #0f35b6;
  --sds-color-severity-warning: #6d5209;
  --sds-color-severity-danger: #45231b;
  --sds-change-readout-gain: #0f35b6;
  --sds-change-readout-spend: #45231b;
  --sds-drag-and-drop-accept: #0f35b6;
  --sds-drag-and-drop-reject: #45231b;
}

:root[data-sds-vision="protanopia"] {
  --sds-color-success: #0f35b6;
  --sds-color-warning: #6d5209;
  --sds-color-danger: #45231b;
  --sds-color-info: #582462;
  --sds-color-success-soft: #e3e8f7;
  --sds-color-warning-soft: #edeae1;
  --sds-color-danger-soft: #e9e5e4;
  --sds-color-info-soft: #ebe5ec;
  --sds-color-severity-thriving: #0f35b6;
  --sds-color-severity-warning: #6d5209;
  --sds-color-severity-danger: #45231b;
  --sds-change-readout-gain: #0f35b6;
  --sds-change-readout-spend: #45231b;
  --sds-drag-and-drop-accept: #0f35b6;
  --sds-drag-and-drop-reject: #45231b;
}

:root[data-sds-vision="tritanopia"] {
  --sds-color-success: #08503a;
  --sds-color-warning: #980277;
  --sds-color-danger: #810702;
  --sds-color-info: #6a4e0f;
  --sds-color-success-soft: #e3ebe9;
  --sds-color-warning-soft: #f3e1ef;
  --sds-color-danger-soft: #f5e2e1;
  --sds-color-info-soft: #edeae2;
  --sds-color-severity-thriving: #08503a;
  --sds-color-severity-warning: #980277;
  --sds-color-severity-danger: #810702;
  --sds-change-readout-gain: #08503a;
  --sds-change-readout-spend: #810702;
  --sds-drag-and-drop-accept: #08503a;
  --sds-drag-and-drop-reject: #810702;
}

:root[data-sds-text-scale="1"] {
  --sds-type-scale: 1;
}

:root[data-sds-text-scale="1.25"] {
  --sds-type-scale: 1.25;
}

:root[data-sds-text-scale="1.5"] {
  --sds-type-scale: 1.5;
}

:root[data-sds-text-scale="2"] {
  --sds-type-scale: 2;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --sds-motion-instant: 0ms;
    --sds-motion-fast: 0ms;
    --sds-motion-base: 0ms;
    --sds-motion-slow: 0ms;
  }
}

:root[data-sds-motion="reduce"] {
  --sds-motion-instant: 0ms;
  --sds-motion-fast: 0ms;
  --sds-motion-base: 0ms;
  --sds-motion-slow: 0ms;
}

/* Size classes and component limits (contract/layout.json, #158). */
:root {
  --sds-limit-button-min-w: 120px;
  --sds-limit-button-min-h: var(--sds-touch-target);
  --sds-limit-button-max-w: 360px;
  --sds-limit-button-max-h: 120px;
  --sds-limit-button-label-lines: 2;
  --sds-limit-dialog-min-w: 280px;
  --sds-limit-dialog-min-h: auto;
  --sds-limit-dialog-max-w: var(--sds-dialog-width);
  --sds-limit-dialog-max-h: none;
  --sds-limit-dialog-title-lines: 2;
  --sds-limit-dialog-body-lines: 6;
  --sds-limit-list-item-min-w: 240px;
  --sds-limit-list-item-min-h: var(--sds-list-item-md-height);
  --sds-limit-list-item-max-w: none;
  --sds-limit-list-item-max-h: 112px;
  --sds-limit-list-item-label-lines: 1;
  --sds-limit-list-item-detail-lines: 2;
  --sds-limit-panel-min-w: 320px;
  --sds-limit-panel-min-h: auto;
  --sds-limit-panel-max-w: none;
  --sds-limit-panel-max-h: none;
  --sds-limit-panel-title-lines: 2;
  --sds-limit-panel-body-lines: 6;
  --sds-limit-screen-header-min-w: auto;
  --sds-limit-screen-header-min-h: var(--sds-screen-header-height);
  --sds-limit-screen-header-max-w: none;
  --sds-limit-screen-header-max-h: none;
  --sds-limit-screen-header-title-lines: 2;
  --sds-limit-screen-header-lede-lines: 2;
  --sds-limit-stat-min-w: 200px;
  --sds-limit-stat-min-h: auto;
  --sds-limit-stat-max-w: none;
  --sds-limit-stat-max-h: none;
  --sds-limit-stat-label-lines: 1;
  --sds-limit-stat-breakdown-min-w: var(--sds-stat-breakdown-width);
  --sds-limit-stat-breakdown-min-h: auto;
  --sds-limit-stat-breakdown-max-w: none;
  --sds-limit-stat-breakdown-max-h: none;
  --sds-limit-stat-breakdown-source-lines: 1;
  --sds-limit-gauge-min-w: 200px;
  --sds-limit-gauge-min-h: auto;
  --sds-limit-gauge-max-w: none;
  --sds-limit-gauge-max-h: none;
  --sds-limit-gauge-band-label-lines: 1;
  --sds-limit-sparkline-min-w: var(--sds-sparkline-width);
  --sds-limit-sparkline-min-h: var(--sds-sparkline-height);
  --sds-limit-sparkline-max-w: none;
  --sds-limit-sparkline-max-h: none;
  --sds-limit-caption-min-w: auto;
  --sds-limit-caption-min-h: auto;
  --sds-limit-caption-max-w: none;
  --sds-limit-caption-max-h: none;
  --sds-limit-caption-speaker-lines: 1;
  --sds-limit-caption-text-lines: 2;
}

@media (height <= 500px) {
  :root {
    --sds-size-class: phone;
    --sds-limit-dialog-max-w: none;
    --sds-limit-dialog-title-lines: 1;
  }
  [data-sds-hide~="phone"] {
    display: none !important;
  }
}

@media (height > 500px) and (width <= 1199px) {
  :root {
    --sds-size-class: tablet;
  }
  [data-sds-hide~="tablet"] {
    display: none !important;
  }
}

@media (height > 500px) and (width > 1199px) {
  :root {
    --sds-size-class: desktop;
  }
  [data-sds-hide~="desktop"] {
    display: none !important;
  }
}