:where(.music-player,.music-display,.music-fallback){--music-space-1: .25rem;--music-space-2: .5rem;--music-space-3: .75rem;--music-space-4: 1rem;--music-space-5: 1.5rem;--music-space-6: 2rem;--music-text-xs: .75rem;--music-text-sm: .875rem;--music-text-lg: 1.25rem;--music-text-xl: clamp(1.375rem, 6vw, 1.875rem);--music-target: 2.75rem;--music-border: .125rem;--music-focus-offset: .1875rem;--music-display-width: 26rem;--music-player-width: 54rem;--music-list-height: 15rem;--music-screen-height: 12.5rem;--music-content-height: 11rem;--music-compact-screen-height: 11.5rem;--music-row-height: 2.125rem;--music-index-width: 2.25rem;--music-message-width: 32ch;--music-tracking-wide: .08em;--music-tracking-tight: -.025em;--music-leading-tight: 1.05;--music-sr-size: 1px;--music-radius-sm: calc(var(--radius, .5rem) / 2);--music-radius-md: var(--radius, .5rem);--music-surface: var(--bg, Canvas);--music-ink: color-mix(in srgb, var(--fg, CanvasText) 82%, CanvasText);--music-lcd-bg: color-mix( in srgb, var(--bg, Canvas) 84%, var(--primary, Highlight) );--music-lcd-ink: color-mix(in srgb, var(--fg, CanvasText) 72%, CanvasText);--music-shadow: color-mix(in srgb, var(--music-ink) 24%, transparent);--music-stage-bg: color-mix( in srgb, var(--music-surface) 88%, var(--music-lcd-bg) );--music-transition: .16s cubic-bezier(.25, 1, .5, 1);box-sizing:border-box}.music-player *,.music-display *,.music-fallback *{box-sizing:border-box}.music-display{inline-size:100%;max-inline-size:var(--music-display-width);overflow:hidden;border:var(--music-border) solid var(--music-lcd-ink);border-radius:var(--music-radius-sm);background:var(--music-lcd-bg);color:var(--music-lcd-ink);box-shadow:inset 0 0 0 var(--music-space-1) var(--music-shadow);font-family:var(--font-mono, monospace);line-height:1.25}.music-display p,.music-display ol{margin:0}.music-display__header{display:flex;min-block-size:var(--music-target);align-items:center;justify-content:space-between;gap:var(--music-space-3);padding:var(--music-space-2) var(--music-space-3);border-block-end:var(--music-border) solid var(--music-lcd-ink);font-size:var(--music-text-xs);font-weight:800;letter-spacing:var(--music-tracking-wide);text-transform:uppercase}.music-display__screen{min-block-size:var(--music-screen-height);padding:var(--music-space-3)}.music-display__track-list{padding:0;list-style:none}.music-display__track{display:grid;min-block-size:var(--music-row-height);grid-template-columns:var(--music-index-width) minmax(0,1fr) var( --music-space-3 );align-items:center;gap:var(--music-space-2);padding:var(--music-space-1) var(--music-space-2);font-size:var(--music-text-sm);font-weight:650}.music-display__track[aria-current=true]{background:var(--music-lcd-ink);color:var(--music-lcd-bg)}.music-display__ordinal{font-variant-numeric:tabular-nums}.music-display__track-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-display__empty{padding:var(--music-space-6) var(--music-space-3);text-align:center}.music-display__now-playing{display:grid;min-block-size:var(--music-content-height);align-content:space-between;gap:var(--music-space-4)}.music-display__title{overflow-wrap:anywhere;font-family:var(--font-heading, sans-serif);font-size:var(--music-text-xl);font-weight:750;letter-spacing:var(--music-tracking-tight);line-height:var(--music-leading-tight)}.music-display__artist{margin-block-start:var(--music-space-1);font-size:var(--music-text-sm)}.music-display__progress{block-size:var(--music-space-3);overflow:hidden;border:var(--music-border) solid currentColor}.music-display__progress>span{display:block;block-size:100%;background:currentColor}.music-display__times,.music-display__facts{display:flex;justify-content:space-between;gap:var(--music-space-3);font-size:var(--music-text-xs);font-variant-numeric:tabular-nums}.music-display__times{margin-block-start:var(--music-space-1)}.music-display__facts{font-weight:750;text-transform:uppercase}.music-display__error{display:grid;min-block-size:var(--music-content-height);place-content:center;gap:var(--music-space-2);max-inline-size:var(--music-message-width);margin-inline:auto;text-align:center}.music-display__error-mark{display:grid;inline-size:var(--music-target);block-size:var(--music-target);place-items:center;margin-inline:auto;border:var(--music-border) solid currentColor;border-radius:50%;font-size:var(--music-text-lg);font-weight:800}.music-fallback{display:grid;inline-size:min(100%,var(--music-player-width));grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--music-space-5);padding:var(--music-space-5);border:var(--music-border) solid var(--music-ink);border-radius:var(--music-radius-md);background:var(--music-surface);color:var(--music-ink);box-shadow:0 var(--music-space-2) var(--music-space-6) var(--music-shadow);font-family:var(--font-body, sans-serif)}.music-fallback .music-display{max-inline-size:none}.music-fallback__library{min-inline-size:0}.music-fallback__library-heading{display:flex;min-block-size:var(--music-target);align-items:center;justify-content:space-between;gap:var(--music-space-3)}.music-fallback__library-heading h2{margin:0;font-size:var(--music-text-lg)}.music-fallback__empty{margin:0;padding:var(--music-space-5);border:var(--music-border) solid currentColor}.music-fallback__listbox{max-block-size:var(--music-list-height);overflow-y:auto;border:var(--music-border) solid currentColor;border-radius:var(--music-radius-sm);outline:none;scrollbar-color:var(--music-ink) var(--music-surface)}.music-fallback__option{display:grid;min-block-size:var(--music-target);grid-template-columns:var(--music-index-width) minmax(0,1fr) var( --music-space-4 );align-items:center;gap:var(--music-space-2);padding:var(--music-space-2) var(--music-space-3);cursor:pointer;font-size:var(--music-text-sm);transition:box-shadow var(--music-transition)}.music-fallback__option+.music-fallback__option{border-block-start:var(--music-border) solid currentColor}.music-fallback__option[aria-selected=true]{background:var(--music-ink);color:var(--music-surface)}.music-fallback__option:not([aria-selected=true]):hover{box-shadow:inset var(--music-space-1) 0 var(--music-ink)}.music-fallback__option-number{font-family:var(--font-mono, monospace);font-variant-numeric:tabular-nums}.music-fallback__option[data-active]{font-weight:750}.music-fallback__controls{grid-column:1 / -1;display:grid;gap:var(--music-space-3)}.music-fallback__wheel-controls,.music-fallback__transport{display:grid;gap:var(--music-space-2)}.music-fallback__wheel-controls{grid-template-columns:repeat(4,minmax(0,1fr))}.music-fallback__transport{grid-template-columns:repeat(3,minmax(0,1fr))}.music-fallback button{min-inline-size:var(--music-target);min-block-size:var(--music-target);padding:var(--music-space-2) var(--music-space-3);border:var(--music-border) solid var(--music-ink);border-radius:var(--music-radius-sm);background:var(--music-surface);color:var(--music-ink);cursor:pointer;font:inherit;font-size:var(--music-text-sm);font-weight:700;transition:background-color var(--music-transition),color var(--music-transition),box-shadow var(--music-transition)}.music-fallback button>span+span{margin-inline-start:var(--music-space-2)}.music-fallback button.music-fallback__primary{background:var(--music-ink);color:var(--music-surface)}.music-fallback button:disabled{cursor:not-allowed;opacity:.5}.music-fallback button:not(:disabled):hover{box-shadow:inset 0 0 0 var(--music-space-1) var(--music-shadow)}.music-fallback :where(button,[role=listbox]):focus-visible{outline:var(--music-border) solid var(--music-ink);outline-offset:var(--music-focus-offset)}.music-display .music-sr-only,.music-fallback .music-sr-only{position:absolute;inline-size:var(--music-sr-size);block-size:var(--music-sr-size);overflow:hidden;clip-path:inset(50%);white-space:nowrap}.music-player{inline-size:min(100%,var(--music-player-width));margin-inline:auto}.music-player__stage{position:relative;isolation:isolate;inline-size:100%;block-size:clamp(26rem,68vw,42rem);overflow:hidden;container-type:size;border-radius:var(--music-radius-md);background:var(--music-stage-bg)}.music-player__scene{position:absolute!important;inset:0;z-index:0;inline-size:100%!important;block-size:100%!important}.music-player__scene canvas{display:block;inline-size:100%!important;block-size:100%!important}.music-player__semantic-controls{position:absolute;inset:0 auto auto 0;inline-size:var(--music-sr-size);block-size:var(--music-sr-size);overflow:hidden;clip-path:inset(50%);white-space:nowrap}.music-player:focus-visible{outline:var(--music-border) solid var(--music-ink);outline-offset:var(--music-focus-offset)}@media(max-width:44rem){.music-fallback{grid-template-columns:minmax(0,1fr)}.music-fallback .music-display{justify-self:center}}@media(max-width:30rem){.music-fallback{gap:var(--music-space-4);padding:var(--music-space-3)}.music-fallback__wheel-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.music-fallback__transport{grid-template-columns:minmax(0,1fr)}.music-display__screen{min-block-size:var(--music-compact-screen-height)}}@media(prefers-reduced-motion:reduce){.music-fallback button,.music-fallback__option{transition:none}}@media(forced-colors:active){.music-display__track[aria-current=true],.music-fallback__option[aria-selected=true]{forced-color-adjust:none;background:Highlight;color:HighlightText;outline:var(--music-border) solid Highlight;outline-offset:calc(var(--music-border) * -1)}}