.volume-control{display:none;width:100%;flex-shrink:0;margin-top:10px;border-radius:3px;position:relative}
.status:empty{display:none}
@media(min-width:701px) and (hover:hover) and (pointer:fine){
 :root[data-desktop-ui] .volume-control{display:grid;grid-template-columns:26px minmax(0,1fr) 136px;gap:9px;align-items:center;height:76px;padding:8px 12px;background:linear-gradient(125deg,#ffffff08,#ffffff02),rgba(15,15,15,.53);border:1px solid #ffffff16;border-top-color:#ffffff28;box-shadow:inset 0 1px #ffffff08;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
}
.fader-speaker{width:26px;height:32px;padding:3px;border:1px solid transparent;background:transparent;border-radius:2px;color:#aaa9af;display:grid;place-items:center}
.fader-speaker svg{width:21px;height:21px;stroke-width:1.5;stroke-linejoin:miter;stroke-linecap:square;fill:none}
.fader-speaker:hover,.fader-speaker[aria-pressed=true]{color:#eee;border-color:#ffffff23;background:#ffffff08}
.fader-rail{position:relative;height:56px;cursor:ew-resize;touch-action:none;user-select:none;outline-offset:2px;border-radius:2px}
.fader-rail:focus,.fader-rail:focus-visible{outline:none}
.fader-pad{position:absolute;inset:0 8px;--fader-position:86%}
.fader-scale{position:absolute;top:0;inset-inline:0;height:24px;pointer-events:none}
.fader-tick{position:absolute;bottom:0;width:1px;height:3px;background:#ffffff25;transform:translateX(-.5px)}
.fader-major{height:6px;background:#ffffff50}
.fader-major[data-label]::before{content:attr(data-label);position:absolute;bottom:11px;left:0;transform:translateX(-50%);font-family:Unbounded,Arial,sans-serif;font-size:8px;font-weight:400;line-height:1;white-space:nowrap;color:#8f8f97;font-variant-numeric:tabular-nums}
.fader-reference{background:#e4e4e8}.fader-reference::before{color:#e4e4e8!important}
.fader-slot{position:absolute;left:0;right:0;top:36px;height:5px;background:#101012;border:1px solid #ffffff25;border-radius:1px;box-shadow:inset 0 1px 3px #0009,0 1px #ffffff08}
.fader-fill{height:100%;width:var(--fader-position);background:linear-gradient(90deg,rgba(255,255,255,.15),rgba(255,255,255,.48) 55%,rgba(255,255,255,.85));box-shadow:0 0 9px #ffffff38;border-radius:1px;transition:width 120ms cubic-bezier(.2,.7,.3,1)}
.fader-cap{position:absolute;left:var(--fader-position);top:25px;width:13px;height:27px;transform:translateX(-50%);border:1px solid #ffffffaf;border-radius:1.5px;background:linear-gradient(180deg,#ffffff80,#ffffff29 48%,#ffffff4d);box-shadow:inset 0 1px #ffffff8c,0 2px 6px #0008,0 0 12px #ffffff24;backdrop-filter:blur(6px);pointer-events:none;transition:left 120ms cubic-bezier(.2,.7,.3,1),box-shadow 120ms}
.fader-cap::after{content:'';position:absolute;top:4px;bottom:4px;left:50%;width:1px;background:#fff;transform:translateX(-50%)}
.fader-rail:hover .fader-cap,.fader-rail:focus-visible .fader-cap{box-shadow:inset 0 1px #ffffff70,0 0 10px #ffffff18,0 2px 6px #0008}
.fader-dragging .fader-cap,.fader-dragging .fader-fill{transition-duration:35ms}
.fader-gliding .fader-cap,.fader-gliding .fader-fill{transition:none}
.fader-speaker:active{transform:scale(.92)}
.fader-cap::before{content:'';position:absolute;inset:7px 3px;background:repeating-linear-gradient(0deg,transparent 0 4px,#0004 4px 5px);mask:linear-gradient(90deg,#000 0 28%,transparent 28% 72%,#000 72%)}
.fader-rail[aria-disabled=true]{opacity:.45;cursor:default}
.fader-side{min-width:0;display:grid;gap:5px;position:relative;z-index:1}
.fader-readout{height:29px;display:flex;align-items:center;justify-content:center;gap:5px;border:1px solid #ffffff18;border-top-color:#ffffff25;border-radius:2px;background:#08080952;box-shadow:inset 0 1px #ffffff04;white-space:nowrap;cursor:ns-resize}
.fader-value{font:600 12px/1 Unbounded,Arial,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:.025em;color:#f1f1f3}
.fader-readout small{font:400 8px/1 Unbounded,Arial,sans-serif;color:#929299}
.fader-modes{height:21px;display:flex;border:1px solid #ffffff20;border-radius:1.5px;overflow:hidden}
.fader-mode{position:relative;flex:1;min-width:0;padding:0 3px;border:0;border-radius:0;background:transparent;color:#8f8f97;font:500 8px/1 Unbounded,Arial,sans-serif;letter-spacing:.06em;transition:background 140ms,color 140ms}
.fader-mode+.fader-mode{border-left:1px solid #ffffff20}
.fader-mode[aria-pressed=true]{background:linear-gradient(160deg,#ffffff23,#ffffff08);color:#eee;box-shadow:inset 0 1px #ffffff20}
@media(min-width:701px) and (max-height:780px){
 :root[data-desktop-ui] main{padding-bottom:0}
 :root[data-desktop-ui] .identity{margin-bottom:6px}
 :root[data-desktop-ui] .volume-control{height:60px;margin-top:6px;padding:4px 10px;grid-template-columns:24px minmax(0,1fr) 120px;gap:7px}
 :root[data-desktop-ui] .fader-rail{height:50px}
 :root[data-desktop-ui] .fader-side{gap:4px}
 :root[data-desktop-ui] .fader-readout{height:26px}
 :root[data-desktop-ui] .fader-modes{height:20px}
 :root[data-desktop-ui] .fader-cap{top:24px;height:25px}
 :root[data-desktop-ui] h1{font-size:54px}
 :root[data-desktop-ui] .bio{font-size:11px;line-height:1.5;margin-bottom:6px}
 :root[data-desktop-ui] .socials a{width:30px;height:30px}
 :root[data-desktop-ui] .tab{padding:8px 5px}
 :root[data-desktop-ui] .catalog-body{padding:8px}
 :root[data-desktop-ui] .track{min-height:42px;padding:5px 7px}
 :root[data-desktop-ui] .cover{width:30px;height:30px}
 :root[data-desktop-ui] .tracks{gap:6px;min-height:234px}
 :root[data-desktop-ui] .pagination{padding-top:8px}
 :root[data-desktop-ui] .page{height:28px;width:30px}
}
@media(min-width:701px) and (max-height:620px){
 :root[data-desktop-ui] h1{font-size:38px;margin-bottom:4px}
 :root[data-desktop-ui] .bio{font-size:10px;margin-bottom:4px}
 :root[data-desktop-ui] .identity{margin-bottom:6px}
 :root[data-desktop-ui] .socials a{width:26px;height:26px}
 :root[data-desktop-ui] .cover{width:26px;height:26px}
 :root[data-desktop-ui] .track{min-height:36px;padding:4px 6px}
 :root[data-desktop-ui] .track.expanded{min-height:72px}
 :root[data-desktop-ui] .tracks{min-height:204px}
 :root[data-desktop-ui] .track-title{font-size:11px;margin-bottom:3px}
}
@media(prefers-reduced-motion:reduce){.volume-control *{animation:none!important;transition:none!important}}