@layer equip{.eq-audio-player{box-sizing:border-box;gap:var(--eq-space-1);width:100%;min-width:0;padding:var(--eq-space-2) var(--eq-space-3);border:1px solid var(--eq-line);border-radius:var(--eq-radius-l);background:var(--eq-raised);color:var(--eq-ink);font:var(--eq-weight) var(--eq-text-m) / 1.35 var(--eq-font);display:grid;container-type:inline-size}.eq-audio-player[data-variant=compact]{align-items:center;gap:var(--eq-space-2);padding:var(--eq-space-2);border-radius:var(--eq-radius-m);display:flex}.eq-audio-player-header{align-items:center;gap:var(--eq-space-3);min-width:0;margin-block:2px var(--eq-space-1);margin-bottom:var(--eq-space-1);display:flex}.eq-audio-player-artwork{border-radius:var(--eq-radius-m);background:var(--eq-tint-strong);flex:none;width:44px;height:44px;overflow:hidden}.eq-audio-player-artwork>:is(img,svg,picture,canvas){object-fit:cover;width:100%;height:100%;display:block}.eq-audio-player-meta{min-width:0;display:grid}.eq-audio-player-title,.eq-audio-player-artist,.eq-audio-player-error{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.eq-audio-player-title{font-weight:var(--eq-weight-strong);font-size:var(--eq-text-s)}.eq-audio-player-artist{color:var(--eq-ink-2);font-size:var(--eq-text-s)}.eq-audio-player-error{color:var(--eq-danger);font-size:var(--eq-text-s)}.eq-audio-player[data-variant=compact] .eq-audio-player-title{font-size:var(--eq-text-xs)}.eq-audio-player-main{flex:1;min-width:0;display:grid}.eq-audio-player-timeline{align-items:center;gap:var(--eq-space-2);min-width:0;display:flex}.eq-audio-player-time{min-width:4ch;color:var(--eq-ink-2);font-size:var(--eq-text-xs);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none}.eq-audio-player-timeline .eq-audio-player-time:last-child{text-align:end}.eq-audio-player-controls{align-items:center;gap:var(--eq-space-1);min-width:0;display:flex}.eq-audio-player-spacer{flex:1}.eq-audio-player-button,.eq-audio-player-play{box-sizing:border-box;min-width:var(--eq-h-s);height:var(--eq-h-s);padding:0 var(--eq-space-1);border-radius:var(--eq-radius-s);color:var(--eq-ink);font:var(--eq-weight-strong) var(--eq-text-xs) / 1 var(--eq-font);font-variant-numeric:tabular-nums;cursor:pointer;transition:background-color var(--eq-dur) var(--eq-ease), scale var(--eq-dur) var(--eq-ease);background:0 0;border:0;flex:none;place-items:center;margin:0;display:inline-grid}.eq-audio-player-button[data-control=rate]{min-width:40px}.eq-audio-player-play{width:var(--eq-h-m);height:var(--eq-h-m);border-radius:var(--eq-radius-full);background:var(--eq-solid);color:var(--eq-solid-ink);padding:0;position:relative}.eq-audio-player[data-variant=compact] .eq-audio-player-play{width:var(--eq-h-s);height:var(--eq-h-s);min-width:0}.eq-audio-player-play[data-waiting]:after{content:"";border:2px solid #0000;border-top-color:var(--eq-ink-2);border-radius:inherit;animation:.8s linear infinite eq-audio-player-spin;position:absolute;inset:-3px}@keyframes eq-audio-player-spin{to{rotate:1turn}}@media (hover:hover){.eq-audio-player-button:hover:not(:disabled){background:var(--eq-tint)}.eq-audio-player-play:hover{background:color-mix(in srgb, var(--eq-solid) 88%, var(--eq-solid-ink))}}.eq-audio-player-button:active:not(:disabled),.eq-audio-player-play:active{scale:var(--eq-press)}.eq-audio-player-button:focus-visible,.eq-audio-player-play:focus-visible{outline:2px solid var(--eq-focus);outline-offset:2px}.eq-audio-player-button:disabled{opacity:.45;cursor:not-allowed}.eq-audio-player-button[aria-pressed=true]{color:var(--eq-ink-2)}.eq-audio-player-seek,.eq-audio-player-volume{--_thumb:12px;--_track:4px;--_stop:calc(var(--_thumb) / 2 + (100% - var(--_thumb)) * var(--_played,0));--_load:calc(var(--_thumb) / 2 + (100% - var(--_thumb)) * var(--_loaded,0));appearance:none;cursor:pointer;background:0 0;flex:1;min-width:0;height:24px;margin:0;display:block}.eq-audio-player-volume{flex:0 80px}.eq-audio-player-seek:focus-visible,.eq-audio-player-volume:focus-visible{outline:none}.eq-audio-player-seek:disabled{cursor:not-allowed;opacity:.45}.eq-audio-player-seek::-webkit-slider-runnable-track{height:var(--_track);border-radius:var(--eq-radius-full);background:linear-gradient(to right, var(--eq-solid) var(--_stop), transparent var(--_stop)), linear-gradient(to right, var(--eq-tint-strong) var(--_load), transparent var(--_load)), var(--eq-tint-strong)}.eq-audio-player-volume::-webkit-slider-runnable-track{height:var(--_track);border-radius:var(--eq-radius-full);background:linear-gradient(to right, var(--eq-solid) var(--_stop), transparent var(--_stop)), linear-gradient(to right, var(--eq-tint-strong) var(--_load), transparent var(--_load)), var(--eq-tint-strong)}.eq-audio-player-seek::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--eq-solid) var(--_stop), transparent var(--_stop)), linear-gradient(to right, color-mix(in srgb, var(--eq-ink) 30%, transparent) var(--_load), transparent var(--_load)), var(--eq-tint-strong)}.eq-audio-player-seek::-webkit-slider-thumb{appearance:none;box-sizing:border-box;width:var(--_thumb);height:var(--_thumb);margin-top:calc((var(--_track) - var(--_thumb)) / 2);border:2px solid var(--eq-solid);border-radius:var(--eq-radius-full);background:var(--eq-raised);transition:scale var(--eq-dur-move) var(--eq-spring)}.eq-audio-player-volume::-webkit-slider-thumb{appearance:none;box-sizing:border-box;width:var(--_thumb);height:var(--_thumb);margin-top:calc((var(--_track) - var(--_thumb)) / 2);border:2px solid var(--eq-solid);border-radius:var(--eq-radius-full);background:var(--eq-raised);transition:scale var(--eq-dur-move) var(--eq-spring)}.eq-audio-player-seek:focus-visible::-webkit-slider-thumb{outline:2px solid var(--eq-focus);outline-offset:2px}.eq-audio-player-volume:focus-visible::-webkit-slider-thumb{outline:2px solid var(--eq-focus);outline-offset:2px}.eq-audio-player-seek:active:not(:disabled)::-webkit-slider-thumb{scale:1.25}.eq-audio-player-volume:active::-webkit-slider-thumb{scale:1.25}.eq-audio-player-seek::-moz-range-track{height:var(--_track);border-radius:var(--eq-radius-full);background:var(--eq-tint-strong)}.eq-audio-player-volume::-moz-range-track{height:var(--_track);border-radius:var(--eq-radius-full);background:var(--eq-tint-strong)}.eq-audio-player-seek::-moz-range-track{background:linear-gradient(to right, color-mix(in srgb, var(--eq-ink) 30%, transparent) var(--_load), transparent var(--_load)), var(--eq-tint-strong)}.eq-audio-player-seek::-moz-range-progress{height:var(--_track);border-radius:var(--eq-radius-full);background:var(--eq-solid)}.eq-audio-player-volume::-moz-range-progress{height:var(--_track);border-radius:var(--eq-radius-full);background:var(--eq-solid)}.eq-audio-player-seek::-moz-range-thumb{box-sizing:border-box;width:var(--_thumb);height:var(--_thumb);border:2px solid var(--eq-solid);border-radius:var(--eq-radius-full);background:var(--eq-raised);transition:scale var(--eq-dur-move) var(--eq-spring)}.eq-audio-player-volume::-moz-range-thumb{box-sizing:border-box;width:var(--_thumb);height:var(--_thumb);border:2px solid var(--eq-solid);border-radius:var(--eq-radius-full);background:var(--eq-raised);transition:scale var(--eq-dur-move) var(--eq-spring)}.eq-audio-player-seek:focus-visible::-moz-range-thumb{outline:2px solid var(--eq-focus);outline-offset:2px}.eq-audio-player-volume:focus-visible::-moz-range-thumb{outline:2px solid var(--eq-focus);outline-offset:2px}@container (max-width:340px){.eq-audio-player-volume{display:none}}@container (max-width:250px){.eq-audio-player-time{display:none}.eq-audio-player[data-variant=full] .eq-audio-player-time{display:block}}@media (prefers-reduced-motion:reduce){.eq-audio-player-play[data-waiting]:after{animation-duration:2.4s}}}