.mc-now-playing{border:1px solid var(--surface-border);background:linear-gradient(145deg, var(--surface-raised-hover), var(--surface-raised));box-shadow:inset 1px 1px 0 var(--surface-inset-hi), var(--nm-raised-soft);border-radius:.875rem;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem;display:flex;position:relative}.mc-now-playing__tools{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:.4rem;display:flex}.mc-track-disc{border:1px solid var(--surface-border);background:repeating-radial-gradient(circle, transparent 0 4px, color-mix(in srgb, var(--text-hi) 8%, transparent) 5px 6px), var(--surface-deep);width:2.75rem;height:2.75rem;box-shadow:var(--nm-sunken-soft), 0 0 16px color-mix(in srgb, var(--accent-1) 12%, transparent);border-radius:9999px;flex-shrink:0;position:relative}.mc-track-disc:after{content:"";border:2px solid var(--surface-raised-hover);background:var(--accent-1);width:.8rem;height:.8rem;box-shadow:0 0 9px color-mix(in srgb, var(--accent-1) 65%, transparent);border-radius:9999px;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.mc-track-disc>span{border:1px solid color-mix(in srgb, var(--accent-2) 18%, transparent);border-radius:inherit;position:absolute;inset:-.25rem}.mc-track-disc[data-playing=true]{animation:10s linear infinite mc-disc-spin}.mc-track-row{box-shadow:inset 1px 1px 0 var(--surface-inset-hi), var(--nm-raised-compact)}.mc-track-row[data-selected=true]{box-shadow:var(--nm-sunken-soft)}.mc-track-row[data-playing=true]{box-shadow:var(--nm-sunken-soft), 0 0 18px color-mix(in srgb, var(--accent-2) 16%, transparent)}.mc-transport{border:1px solid var(--surface-border);background:linear-gradient(145deg, var(--surface-raised-hover), var(--surface-raised));box-shadow:inset 1px 1px 0 var(--surface-inset-hi), var(--nm-raised-medium);border-radius:.875rem;flex-direction:column;flex-shrink:0;gap:.75rem;padding:.75rem;display:flex}.mc-transport__row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"primary primary""toggles volume";align-items:center;gap:.75rem;display:grid}.mc-transport__toggles,.mc-transport__primary,.mc-transport__volume{align-items:center;gap:.5rem;display:flex}.mc-transport__toggles{grid-area:toggles;justify-self:start}.mc-transport__primary{grid-area:primary;justify-self:center}.mc-transport__volume{grid-area:volume;justify-self:end}.mc-sound-drawer{border:1px solid var(--nm-line-faint);background:var(--surface-deep);box-shadow:var(--nm-sunken-soft);border-radius:.75rem;overflow:hidden}.mc-sound-trigger{width:100%;min-height:2.5rem;color:var(--text-low);cursor:pointer;transition:color var(--dur-fast) var(--ease-out-soft), background var(--dur-fast) var(--ease-out-soft);justify-content:space-between;align-items:center;gap:.75rem;padding:.5rem .65rem;display:flex}.mc-sound-trigger:hover,.mc-sound-trigger[aria-expanded=true]{color:var(--text-hi);background:color-mix(in srgb, var(--accent-2) 6%, transparent)}.mc-sound-trigger:focus-visible{outline:2px solid var(--accent-2);outline-offset:-2px}.mc-sound-trigger__icon{width:1.75rem;height:1.75rem;color:var(--accent-2);background:var(--surface-raised);box-shadow:inset 1px 1px 0 var(--surface-inset-hi), var(--nm-raised-soft);border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.mc-sound-drawer__content{border-top:1px solid var(--nm-line-faint);animation:mc-sound-open var(--dur-fast) var(--ease-out-soft) both}.mc-sound-panel{flex-direction:column;gap:.75rem;padding:.85rem;display:flex}.mc-sound-band{grid-template-columns:2.75rem minmax(4rem,1fr) 2.75rem;align-items:center;gap:.6rem;display:grid}.mc-sound-label,.mc-sound-value{font-family:var(--font-mono-val);text-transform:uppercase;font-size:.5rem;line-height:1}.mc-sound-label{color:var(--text-low)}.mc-sound-value{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.mc-sound-reset{min-height:1.9rem;font-family:var(--font-mono-val);text-transform:uppercase;letter-spacing:.08em;border-radius:.55rem;align-self:flex-end;padding:.35rem .65rem;font-size:.5rem}@container main (min-width:640px){.mc-transport__row{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"toggles primary volume"}}@container main (max-width:767px){.mc-now-playing{flex-direction:column;align-items:stretch}.mc-now-playing__tools{justify-content:flex-start}}html.prefers-reduced-motion .mc-track-disc[data-playing=true],html.prefers-reduced-motion .mc-sound-drawer__content{animation:none}@media (prefers-reduced-motion:reduce){.mc-track-disc[data-playing=true],.mc-sound-drawer__content{animation:none}}.mc-btn{border:1px solid var(--surface-border);background:linear-gradient(145deg, var(--surface-raised-hover), var(--surface-raised));color:var(--text-low);cursor:pointer;transition:box-shadow var(--dur-fast) var(--ease-out-soft), color var(--dur-fast) var(--ease-out-soft), border-color var(--dur-fast) var(--ease-out-soft), transform var(--dur-fast) var(--ease-out-soft);box-shadow:inset 1px 1px 0 var(--surface-inset-hi), var(--nm-raised-soft);border-radius:.75rem;justify-content:center;align-items:center;display:inline-flex;position:relative}.mc-btn[aria-pressed=true],.mc-btn[aria-checked=true]{background:var(--surface-sunken-active);box-shadow:var(--nm-sunken-medium);color:var(--accent-2);border-color:color-mix(in srgb, var(--accent-2) 30%, transparent)}.mc-btn--warn[aria-pressed=true]{color:var(--accent-3);border-color:color-mix(in srgb, var(--accent-3) 35%, transparent)}.mc-btn:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}.mc-btn:disabled{opacity:.35;cursor:not-allowed}.mc-play{border:1px solid var(--surface-border);background:linear-gradient(145deg, var(--surface-raised-hover), var(--surface-raised));color:var(--accent-1);cursor:pointer;transition:box-shadow var(--dur-fast) var(--ease-out-soft), color var(--dur-fast) var(--ease-out-soft), transform var(--dur-fast) var(--ease-out-soft);box-shadow:inset 1px 1px 0 var(--surface-inset-hi), var(--nm-raised-medium), 0 0 18px color-mix(in srgb, currentColor 15%, transparent);border-radius:9999px;justify-content:center;align-items:center;display:inline-flex;position:relative}.mc-play:after{content:"";border-radius:inherit;pointer-events:none;transition:border-color var(--dur-fast) var(--ease-out-soft);border:none;position:absolute;inset:5px}.tv-chrome-logo.mc-play:after{border:none}.mc-play:hover{box-shadow:inset 1px 1px 0 var(--surface-inset-hi), var(--nm-raised-large), 0 0 26px color-mix(in srgb, currentColor 28%, transparent);transform:translateY(-1px)}.mc-play:active{background:var(--surface-sunken-active);box-shadow:var(--nm-sunken-medium), 0 0 14px color-mix(in srgb, currentColor 20%, transparent);animation:none;transform:translateY(0)}.mc-play.mc-playing{color:var(--accent-2);animation:mc-play-breathe 3.2s var(--ease-in-out) infinite}.mc-play:focus-visible{outline-offset:3px;outline:2px solid}html.prefers-reduced-motion .mc-play.mc-playing{animation:none}@media (prefers-reduced-motion:reduce){.mc-play.mc-playing{animation:none}}.mc-chip{border:1px solid var(--surface-border);background:linear-gradient(145deg, var(--surface-raised-hover), var(--surface-raised));color:var(--text-low);transition:box-shadow var(--dur-fast) var(--ease-out-soft), color var(--dur-fast) var(--ease-out-soft), border-color var(--dur-fast) var(--ease-out-soft);box-shadow:inset 1px 1px 0 var(--surface-inset-hi), var(--nm-raised-soft);border-radius:.5rem;align-items:center;gap:.375rem;display:inline-flex}button.mc-chip:active,.mc-chip[aria-pressed=true],.mc-chip[aria-checked=true]{background:var(--surface-sunken-active);box-shadow:var(--nm-sunken-soft);color:var(--accent-2);border-color:color-mix(in srgb, var(--accent-2) 30%, transparent)}button.mc-chip:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}.mc-chip--status{background:var(--surface-deep);box-shadow:var(--nm-sunken-soft);border-color:var(--nm-line-faint)}.mc-switch-track{background:var(--surface-deep);width:18px;height:10px;box-shadow:var(--nm-sunken-soft);border-radius:9999px;flex-shrink:0;position:relative}.mc-switch-knob{background:var(--text-low);width:8px;height:8px;transition:transform var(--dur-fast) var(--ease-out-soft), background var(--dur-fast) var(--ease-out-soft);border-radius:9999px;position:absolute;top:1px;left:1px}[aria-checked=true] .mc-switch-knob{background:var(--accent-2);box-shadow:0 0 6px color-mix(in srgb, var(--accent-2) 60%, transparent);transform:translate(8px)}.mc-slider{--mc-fill:0%;--mc-accent:var(--accent-2);appearance:none;border:1px solid var(--nm-line-faint);background:linear-gradient(color-mix(in srgb, var(--mc-accent) 85%, transparent), color-mix(in srgb, var(--mc-accent) 85%, transparent)) 0 0 / var(--mc-fill) 100% no-repeat, var(--surface-deep);height:8px;box-shadow:var(--nm-sunken-soft);cursor:pointer;transition:opacity var(--dur-fast) var(--ease-out-soft);border-radius:9999px;outline:none}.mc-slider::-webkit-slider-thumb{appearance:none;border:1px solid var(--surface-border);background:radial-gradient(circle at 50% 50%, var(--mc-accent) 0 2.5px, transparent 3.5px), linear-gradient(145deg, var(--surface-raised-hover), var(--surface-raised));width:16px;height:16px;box-shadow:inset 1px 1px 0 var(--surface-inset-hi), var(--nm-raised-soft);transition:transform var(--dur-fast) var(--ease-out-soft), box-shadow var(--dur-fast) var(--ease-out-soft);border-radius:9999px}.mc-slider::-moz-range-thumb{border:1px solid var(--surface-border);background:radial-gradient(circle at 50% 50%, var(--mc-accent) 0 2.5px, transparent 3.5px), linear-gradient(145deg, var(--surface-raised-hover), var(--surface-raised));width:16px;height:16px;box-shadow:inset 1px 1px 0 var(--surface-inset-hi), var(--nm-raised-soft);border-radius:9999px}.mc-slider::-moz-range-track{background:0 0}.mc-slider:hover::-webkit-slider-thumb{transform:scale(1.12)}.mc-slider:active::-webkit-slider-thumb{box-shadow:inset 1px 1px 0 var(--surface-inset-hi), var(--nm-raised-medium), 0 0 10px color-mix(in srgb, var(--mc-accent) 45%, transparent)}.mc-slider:focus-visible{outline:2px solid var(--mc-accent);outline-offset:3px}.mc-slider[data-muted=true]{opacity:.4}.mc-slider:disabled{opacity:.3;cursor:not-allowed}.mc-groove{background:var(--surface-deep);box-shadow:var(--nm-sunken-soft);border:1px solid var(--nm-line-faint)}.mc-groove:focus-visible{outline:2px solid var(--accent-2);outline-offset:3px}.tv-chrome-logo.mc-play{width:38px;height:38px;transition:opacity var(--dur-fast) var(--ease-out-soft), box-shadow var(--dur-fast) var(--ease-out-soft), color var(--dur-fast) var(--ease-out-soft), transform var(--dur-fast) var(--ease-out-soft);border-radius:9999px;padding:0}.tv-chrome-logo.mc-play:after{inset:4px}