.soundtrack-player{--soundtrack-handle-width:52px;--soundtrack-panel-width:min(330px,calc(100vw - 74px));z-index:48;right:0;bottom:max(84px,calc(env(safe-area-inset-bottom) + 66px));grid-template-columns:var(--soundtrack-handle-width)var(--soundtrack-panel-width);width:calc(var(--soundtrack-handle-width) + var(--soundtrack-panel-width));will-change:transform,opacity;align-items:stretch;min-height:76px;transition:transform .38s cubic-bezier(.22,1,.36,1),opacity .16s ease-out;display:grid;position:fixed}.soundtrack-player--collapsed{transform:translate3d(var(--soundtrack-panel-width),0,0)}.soundtrack-player--expanded{transform:translate(0,0)}.soundtrack-player--obscured:not(:hover){opacity:.35}.soundtrack-player--dragging{-webkit-user-select:none;user-select:none;transition:none}.soundtrack-player--dragging,.soundtrack-player--dragging button{cursor:ns-resize}.soundtrack-player__handle{cursor:ns-resize;touch-action:none}.soundtrack-player button{font:inherit;cursor:pointer}.soundtrack-player svg{width:17px;height:17px;display:block}.soundtrack-player__handle{border:0;place-items:center;min-width:0;display:grid;position:relative}.soundtrack-player__handle-icon{background:#585858;border:2px solid #252525;place-items:center;width:30px;height:30px;display:grid;box-shadow:inset 1px 1px #929292,inset -1px -1px #333}.soundtrack-player__handle-status{background:#55d955;border:1px solid #183218;width:7px;height:7px;position:absolute;bottom:6px;right:6px;box-shadow:0 0 0 1px #000,0 0 6px #55d955a6}.soundtrack-player[data-playback=paused] .soundtrack-player__handle-status{background:#ffd75a;border-color:#5b4a18;box-shadow:0 0 0 1px #000}.soundtrack-player__panel{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"track transport""progress progress""volume volume";gap:8px 12px;min-width:0;padding:10px 12px 11px;display:grid}.soundtrack-player__track{grid-area:track;align-self:center;min-width:0}.soundtrack-player__track strong,.soundtrack-player__track span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.soundtrack-player__transport{grid-area:transport;align-items:center;gap:3px;display:flex}.soundtrack-player__progress{grid-area:progress;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.soundtrack-player__volume{grid-area:volume;grid-template-columns:auto minmax(92px,142px);justify-content:end;align-items:center;gap:8px;display:grid}.soundtrack-player__volume>span{color:#fff;text-shadow:1px 1px #3f3f3f;font-size:8px}.soundtrack-player__volume-label{color:#d0d0d0}.soundtrack-player input[type=range]{cursor:pointer;width:100%;margin:0}.soundtrack-player input[type=range]:disabled{cursor:default;opacity:.45}.soundtrack-player{font-family:var(--font-pixel),monospace;color:#fff}.soundtrack-player__handle{color:#fff;background:#777;border:4px solid #000;box-shadow:inset 3px 3px #c6c6c6,inset -3px -3px #3f3f3f}.soundtrack-player__panel{background:#777;border:4px solid #000;border-left:0;box-shadow:inset 3px 3px #c6c6c6,inset -3px -3px #3f3f3f}.soundtrack-player__track .soundtrack-player__eyebrow{color:#bdbdbd;letter-spacing:.04em;text-transform:uppercase;font-size:7px;line-height:1.35}.soundtrack-player__track strong{color:#ffffa0;text-shadow:2px 2px #3f3f3f;font-size:10px;line-height:1.45}.soundtrack-player__track span{color:#dedede;text-shadow:1px 1px #3f3f3f;font-size:8px;line-height:1.35}.soundtrack-player__icon-button,.soundtrack-player__volume button{color:#fff;background:#8b8b8b;border:2px solid #000;place-items:center;width:22px;height:22px;padding:0;display:grid;box-shadow:inset 1px 1px #c6c6c6,inset -1px -1px #555}.soundtrack-player__icon-button:hover,.soundtrack-player__volume button:hover{color:#ffffa0;background:#969696}.soundtrack-player__progress span{color:#fff;text-shadow:1px 1px #3f3f3f;font-size:8px}.soundtrack-player input[type=range]{accent-color:#55c955}.soundtrack-player[data-playback=playing] .soundtrack-player__handle-icon{animation:1.8s ease-in-out infinite soundtrack-handle-pulse}.soundtrack-player__hint{z-index:49;right:66px;bottom:max(83px,calc(env(safe-area-inset-bottom) + 65px));color:#202020;width:min(236px,100vw - 88px);font-family:var(--font-pixel),monospace;background:#c6c6c6;border:3px solid #000;padding:11px 13px;font-size:9px;line-height:1.6;animation:.28s ease-out both soundtrack-hint-in;position:fixed;box-shadow:inset 2px 2px #fff,inset -2px -2px #777,4px 4px #0000008c}.soundtrack-player__hint:before,.soundtrack-player__hint:after{content:"";width:0;height:0;position:absolute;top:50%;transform:translateY(-50%)}.soundtrack-player__hint:before{border-top:10px solid #0000;border-bottom:10px solid #0000;border-left:14px solid #000;right:-14px}.soundtrack-player__hint:after{border-top:7px solid #0000;border-bottom:7px solid #0000;border-left:10px solid #c6c6c6;right:-9px}.soundtrack-player[data-hint=true] .soundtrack-player__handle{animation:1.1s ease-in-out infinite soundtrack-handle-nudge}@keyframes soundtrack-hint-in{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}@keyframes soundtrack-handle-nudge{0%,to{filter:brightness()}50%{filter:brightness(1.3)}}@keyframes soundtrack-handle-pulse{0%,to{filter:brightness()}50%{filter:brightness(1.14)}}@media (prefers-reduced-motion:reduce){.soundtrack-player{transition:none}.soundtrack-player__hint,.soundtrack-player[data-hint=true] .soundtrack-player__handle,.soundtrack-player[data-playback=playing] .soundtrack-player__handle-icon{animation:none}}@media (max-width:420px){.soundtrack-player{--soundtrack-handle-width:46px;--soundtrack-panel-width:min(284px,calc(100vw - 60px))}.soundtrack-player__handle-icon{width:27px;height:27px}.soundtrack-player__volume-label{display:none}.soundtrack-player__hint{right:58px}}