/* Generated by build.mjs from product/design-tokens.json. Don't edit. */
:root {
  color-scheme: dark;
  --color-bg: #000000;
  --color-surface: #121214;
  --color-surface-raised: #1C1C1F;
  --color-surface-glass: #1C1C1FB3;
  --color-separator: #2C2C30;
  --color-primary: #FF3DC8;
  --color-primary-pressed: #E02DAE;
  --color-primary-muted: #3A0E2E;
  --color-on-primary: #000000;
  --color-success: #30D158;
  --color-warning: #FFD60A;
  --color-danger: #FF453A;
  --color-text-primary: #FFFFFF;
  --color-text-secondary: #EBEBF599;
  --color-text-tertiary: #EBEBF580;
  --color-text-on-media: #FFFFFF;
  --color-chip: #1C1C1F;
  --color-chip-selected: #FFFFFF;
  --color-on-chip-selected: #000000;
  --color-scrim: #000000A6;
  --color-skeleton: #1C1C1F;
  --color-progress-track: #FFFFFF26;
  --color-progress-fill: #FFFFFF;
  --color-waveform-played: #FFFFFF;
  --color-waveform-remaining: #FFFFFF59;
  --color-lyrics-section: #EBEBF599;
  --color-artwork-shadow: #00000080;
  --color-now-playing-scrim: #00000033;
  --color-status-queued: #EBEBF580;
  --color-status-running: #FF3DC8;
  --color-status-paused: #FFD60A;
  --color-status-failed: #FF453A;
  --space-xxs: 2px;
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 20px;
  --space-xl: 32px;
  --space-xxl: 48px;
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 22px;
  --radius-pill: 999px;
  --type-large-title-size: 34px;
  --type-large-title-weight: 700;
  --type-large-title-line: 41px;
  --type-large-title-tracking: 0.4px;
  --type-title-size: 28px;
  --type-title-weight: 700;
  --type-title-line: 34px;
  --type-title-tracking: 0.38px;
  --type-title2-size: 22px;
  --type-title2-weight: 700;
  --type-title2-line: 28px;
  --type-title2-tracking: -0.26px;
  --type-headline-size: 17px;
  --type-headline-weight: 600;
  --type-headline-line: 22px;
  --type-headline-tracking: -0.43px;
  --type-body-size: 17px;
  --type-body-weight: 400;
  --type-body-line: 22px;
  --type-body-tracking: -0.43px;
  --type-body-strong-size: 17px;
  --type-body-strong-weight: 600;
  --type-body-strong-line: 22px;
  --type-body-strong-tracking: -0.43px;
  --type-callout-size: 16px;
  --type-callout-weight: 400;
  --type-callout-line: 21px;
  --type-callout-tracking: -0.31px;
  --type-subheadline-size: 15px;
  --type-subheadline-weight: 400;
  --type-subheadline-line: 20px;
  --type-subheadline-tracking: -0.23px;
  --type-footnote-size: 13px;
  --type-footnote-weight: 400;
  --type-footnote-line: 18px;
  --type-footnote-tracking: -0.08px;
  --type-caption-size: 12px;
  --type-caption-weight: 400;
  --type-caption-line: 16px;
  --type-caption-tracking: 0px;
  --type-timecode-size: 12px;
  --type-timecode-weight: 600;
  --type-timecode-line: 16px;
  --type-timecode-tracking: 0px;
  --type-now-playing-title-size: 22px;
  --type-now-playing-title-weight: 700;
  --type-now-playing-title-line: 28px;
  --type-now-playing-title-tracking: -0.26px;
  --type-lyrics-size: 28px;
  --type-lyrics-weight: 700;
  --type-lyrics-line: 34px;
  --type-lyrics-tracking: 0.2px;
  --type-mono-size: 15px;
  --type-mono-weight: 400;
  --type-mono-line: 21px;
  --type-mono-tracking: 0px;
  --size-touch-target: 44px;
  --size-icon-sm: 17px;
  --size-icon-md: 22px;
  --size-icon-lg: 30px;
  --size-button-height: 50px;
  --size-field-height: 44px;
  --size-chip-height: 34px;
  --size-artwork-hero: 340px;
  --size-artwork-card: 170px;
  --size-artwork-row: 48px;
  --size-artwork-mini: 40px;
  --size-mini-player-height: 64px;
  --size-artwork-mini-player: 48px;
  --size-waveform-height: 40px;
  --size-waveform-bar-width: 3px;
  --size-waveform-bar-gap: 2px;
  --size-play-button: 64px;
  --size-transport-button: 44px;
  --size-progress-line: 3px;
  --size-lyrics-editor-min-height: 220px;
  --size-style-prompt-min-height: 96px;
  --size-equalizer-glyph: 14px;
  --border-hairline: 0.5px;
  --border-regular: 1px;
  --border-thick: 2px;
  --opacity-disabled: 0.4;
  --opacity-pressed: 0.7;
  --opacity-overlay: 0.65;
  --motion-instant: 100ms;
  --motion-fast: 180ms;
  --motion-normal: 280ms;
  --motion-slow: 420ms;
  --motion-easing: cubic-bezier(0.2, 0, 0, 1);
}