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

:root {
  color-scheme: dark;
  --sds-parental-gate: 0;
  --sds-glyph-colors: color;
  --sds-color-bg: #0b0e15;
  --sds-color-surface: #121722;
  --sds-color-surface-raised: #1a2030;
  --sds-color-overlay: #06080dcc;
  --sds-color-text: #e6e9f0;
  --sds-color-text-muted: #9aa3b6;
  --sds-color-text-strong: #e6e9f0;
  --sds-color-text-soft: #e6e9f0;
  --sds-color-text-inverse: #0b0e15;
  --sds-color-accent: #ff9f4a;
  --sds-color-accent-strong: #ffb877;
  --sds-color-on-accent: #06080d;
  --sds-color-accent-text: #ff9f4a;
  --sds-color-link-visited: #ff9f4a;
  --sds-color-success: #4ccf8a;
  --sds-color-warning: #f2c14e;
  --sds-color-danger: #ff6b6b;
  --sds-color-info: #5aa9ff;
  --sds-color-focus: #7cc4ff;
  --sds-color-line: #232a39;
  --sds-color-line-strong: #606b84;
  --sds-color-disabled: #232a39;
  --sds-color-on-disabled: #7b859a;
  --sds-color-accent-soft: #41322a;
  --sds-color-success-soft: #1e3c37;
  --sds-color-warning-soft: #3f392b;
  --sds-color-danger-soft: #412831;
  --sds-color-info-soft: #20344e;
  --sds-color-on-success: #06080d;
  --sds-color-on-warning: #06080d;
  --sds-color-on-danger: #06080d;
  --sds-color-on-info: #06080d;
  --sds-color-text-faint: #999ead;
  --sds-color-scrim: #000000a6;
  --sds-color-glass: #121722d9;
  --sds-color-backdrop: #06080d;
  --sds-color-person: #3fd0c9;
  --sds-color-program: #b48cff;
  --sds-color-rarity-common: #9aa3b6;
  --sds-color-rarity-uncommon: #4ccf8a;
  --sds-color-rarity-rare: #5aa9ff;
  --sds-color-rarity-epic: #b48cff;
  --sds-color-rarity-legendary: #ff9f4a;
  --sds-color-series-1: #5aa9ff;
  --sds-color-series-2: #ff9f4a;
  --sds-color-series-3: #4ccf8a;
  --sds-color-series-4: #b48cff;
  --sds-color-series-5: #f2c14e;
  --sds-color-series-6: #ff6b6b;
  --sds-color-series-7: #3fd0c9;
  --sds-color-series-8: #ff7ac8;
  --sds-color-severity-thriving: #4ccf8a;
  --sds-color-severity-steady: #9aa3b6;
  --sds-color-severity-warning: #f2c14e;
  --sds-color-severity-danger: #ff6b6b;
  --sds-color-severity-critical: #ff3d5a;
  --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 #00000066;
  --sds-shadow-md: 0px 4px 12px 0px #00000066;
  --sds-shadow-lg: 0px 12px 32px 0px #00000099;
  --sds-shadow-raised: inset 0px 1px 0px 0px #ffffff33, 0px 2px 3px 0px #00000066;
  --sds-glow-color: #ff9f4a;
  --sds-glow-alpha: 0.45;
  --sds-glow-pulse: 1800ms;
  --sds-glow-sm: 0px 0px 6px 0px #ff9f4a4d;
  --sds-glow-md: 0px 0px 14px 0px #ff9f4a73;
  --sds-glow-lg: 0px 0px 28px 2px #ff9f4a99;
  --sds-glow-soft: 0px 0px 14px 0px #ff9f4a73;
  --sds-glow-strong: 0px 0px 2px 2px #ff9f4a99, 0px 0px 16px 0px #ff9f4a73;
  --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: #0b0e15;
  --sds-elevation-0-shadow: 0px 0px 0px 0px #00000000;
  --sds-elevation-1-surface: #121722;
  --sds-elevation-1-shadow: 0px 1px 2px 0px #00000066;
  --sds-elevation-2-surface: #1a2030;
  --sds-elevation-2-shadow: 0px 1px 2px 0px #00000066;
  --sds-elevation-3-surface: #1a2030;
  --sds-elevation-3-shadow: 0px 4px 12px 0px #00000066;
  --sds-elevation-4-surface: #1a2030;
  --sds-elevation-4-shadow: 0px 12px 32px 0px #00000099;
  --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: #1a2030;
  --sds-change-readout-gap: 4px;
  --sds-change-readout-gain: #4ccf8a;
  --sds-change-readout-spend: #ff6b6b;
  --sds-hold-button-duration: 800ms;
  --sds-hold-button-fill: #41322a;
  --sds-stat-breakdown-width: 280px;
  --sds-stat-breakdown-gap: 4px;
  --sds-keyword-link-underline: 1px;
  --sds-keyword-link-underline-color: #ff9f4a;
  --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: #606b84;
  --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: #606b84;
  --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: #4ccf8a;
  --sds-drag-and-drop-reject: #ff6b6b;
  --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: #000000a6;
  --sds-hero-on-scrim: #ffffff;
}

:root[data-sds-contrast="high"] {
  --sds-color-text: #ffffff;
  --sds-color-text-muted: #e8e8e8;
  --sds-color-text-strong: #ffffff;
  --sds-color-text-soft: #ffffff;
  --sds-color-text-inverse: #000000;
  --sds-color-accent: #efd138;
  --sds-color-accent-strong: #fff0a0;
  --sds-color-on-accent: #000000;
  --sds-color-accent-text: #efd138;
  --sds-color-link-visited: #efd138;
  --sds-color-success: #5cff9d;
  --sds-color-warning: #ffd84d;
  --sds-color-danger: #fdaaa9;
  --sds-color-info: #8fd8ff;
  --sds-color-focus: #ffff00;
  --sds-color-line: #ffffffb3;
  --sds-color-line-strong: #ffffff;
  --sds-color-disabled: #3a3a3a;
  --sds-color-on-disabled: #c4c4c4;
  --sds-color-on-success: #000000;
  --sds-color-on-warning: #000000;
  --sds-color-on-danger: #000000;
  --sds-color-on-info: #000000;
  --sds-color-text-faint: #dfdfdf;
  --sds-color-severity-thriving: #5cff9d;
  --sds-color-severity-steady: #e8e8e8;
  --sds-color-severity-warning: #ffd84d;
  --sds-color-severity-danger: #fdaaa9;
  --sds-border-thin: 2px;
  --sds-glow-color: #efd138;
  --sds-glow-sm: 0px 0px 6px 0px #efd1384d;
  --sds-glow-md: 0px 0px 14px 0px #efd13873;
  --sds-glow-lg: 0px 0px 28px 2px #efd13899;
  --sds-glow-soft: 0px 0px 14px 0px #efd13873;
  --sds-glow-strong: 0px 0px 2px 2px #efd13899, 0px 0px 16px 0px #efd13873;
  --sds-caption-bg: #000000;
  --sds-change-readout-gain: #5cff9d;
  --sds-change-readout-spend: #fdaaa9;
  --sds-keyword-link-underline: 2px;
  --sds-keyword-link-underline-color: #efd138;
  --sds-avatar-ring: #ffffff;
  --sds-chart-axis: #ffffff;
  --sds-drag-and-drop-accept: #5cff9d;
  --sds-drag-and-drop-reject: #fdaaa9;
}

:root[data-sds-vision="deuteranopia"] {
  --sds-color-success: #69ced9;
  --sds-color-warning: #fcf659;
  --sds-color-danger: #fead7d;
  --sds-color-info: #c973fe;
  --sds-color-success-soft: #223942;
  --sds-color-warning-soft: #42442b;
  --sds-color-danger-soft: #403330;
  --sds-color-info-soft: #382a4c;
  --sds-color-on-success: #000000;
  --sds-color-on-warning: #000000;
  --sds-color-on-danger: #000000;
  --sds-color-on-info: #000000;
  --sds-color-severity-thriving: #69ced9;
  --sds-color-severity-warning: #fcf659;
  --sds-color-severity-danger: #fead7d;
  --sds-change-readout-gain: #69ced9;
  --sds-change-readout-spend: #fead7d;
  --sds-drag-and-drop-accept: #69ced9;
  --sds-drag-and-drop-reject: #fead7d;
}

:root[data-sds-vision="protanopia"] {
  --sds-color-success: #69ced9;
  --sds-color-warning: #fcf659;
  --sds-color-danger: #fead7d;
  --sds-color-info: #c973fe;
  --sds-color-success-soft: #223942;
  --sds-color-warning-soft: #42442b;
  --sds-color-danger-soft: #403330;
  --sds-color-info-soft: #382a4c;
  --sds-color-on-success: #000000;
  --sds-color-on-warning: #000000;
  --sds-color-on-danger: #000000;
  --sds-color-on-info: #000000;
  --sds-color-severity-thriving: #69ced9;
  --sds-color-severity-warning: #fcf659;
  --sds-color-severity-danger: #fead7d;
  --sds-change-readout-gain: #69ced9;
  --sds-change-readout-spend: #fead7d;
  --sds-drag-and-drop-accept: #69ced9;
  --sds-drag-and-drop-reject: #fead7d;
}

:root[data-sds-vision="tritanopia"] {
  --sds-color-success: #0ffb86;
  --sds-color-warning: #f573d9;
  --sds-color-danger: #ffab94;
  --sds-color-info: #fdd573;
  --sds-color-success-soft: #134534;
  --sds-color-warning-soft: #422b46;
  --sds-color-danger-soft: #422929;
  --sds-color-info-soft: #3f3a2d;
  --sds-color-on-success: #000000;
  --sds-color-on-warning: #000000;
  --sds-color-on-danger: #000000;
  --sds-color-on-info: #000000;
  --sds-color-severity-thriving: #0ffb86;
  --sds-color-severity-warning: #f573d9;
  --sds-color-severity-danger: #ffab94;
  --sds-change-readout-gain: #0ffb86;
  --sds-change-readout-spend: #ffab94;
  --sds-drag-and-drop-accept: #0ffb86;
  --sds-drag-and-drop-reject: #ffab94;
}

: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;
  }
}