@font-face{font-family:SpaceGrotesk;src:url(../media/SpaceGrotesk-Regular.18byvdpnmf_v4.woff2)format("woff2")}@font-face{font-family:SpaceMono;src:url(../media/SpaceMono-Regular.0st3fl0_~~.06.WOFF)format("woff")}
.audio-player-container{color:#000;flex-direction:column;display:flex;container-type:inline-size}.audio-player-container .loading,.audio-player-container .error{font-family:SpaceGrotesk,Arial,sans-serif;font-size:1rem;line-height:2.25rem}.audio-player-container .audio-player{background:#f4f4f4;align-items:center;gap:1rem;width:100%;padding:.75rem 1rem;font-family:SpaceGrotesk,Arial,sans-serif;display:flex;position:relative}.audio-player-container .audio-player .controls{flex:1;align-items:center;gap:1rem;min-width:0;display:flex}.audio-player-container .audio-player .button,.audio-player-container .audio-player .controls .button{flex-shrink:0;width:auto;height:1rem}@container (max-width:24rem){.audio-player-container .audio-player .controls .previous,.audio-player-container .audio-player .controls .next,.audio-player-container .audio-player .controls .shuffle{display:none}}.audio-player-container .audio-player .controls svg.button{cursor:pointer}.audio-player-container .audio-player .controls .play-button,.audio-player-container .audio-player .controls svg.button[width="100%"]{width:1rem}.audio-player-container .audio-player .controls .play-button svg{display:block}.audio-player-container .audio-player .controls svg.button.previous[width="100%"]{width:1.14286rem}.audio-player-container .audio-player .controls svg.button.next[width="100%"]{width:1.64286rem}.audio-player-container .audio-player .controls svg.button.next{padding-right:.5rem}@container (max-width:16rem){.audio-player-container .audio-player .controls .duration{display:none}}.audio-player-container.rounded .audio-player{border-radius:.25rem}.audio-player-container.stream .audio-player{background:unset;padding:.75rem 1rem}.playbar-container{cursor:pointer;touch-action:none;width:100%;padding:1rem 0}.playbar-container .playbar{background:gray;height:.25rem;position:relative}.playbar-container .playbar .elapsed{content:"";background:#000;height:100%;position:absolute;top:0;left:0}.playbar-container .playbar .marker{opacity:0;background:#000;width:.25rem;height:1.5rem;transition:opacity .1s;position:relative;top:-10px;left:0}.playbar-container:hover .marker,.playbar-container:active .marker{opacity:1}.volumebar-container{width:100%;margin:0 1rem;padding:1rem 0}.volumebar-container .volumebar{background:gray;height:.25rem;position:relative}.volumebar-container .volumebar .elapsed{content:"";background:#000;height:100%;position:absolute;top:0;left:0}.volumebar-container .volumebar .marker{background:#000;width:.25rem;height:1.5rem;position:relative;top:-10px;left:0}.volume{z-index:999;display:block;position:relative}.volume .slider-container{background:#efefef;border:5px solid #fff;width:30px;height:80px;position:absolute;top:-80px;left:-5px}.volume .slider-container .slider{appearance:none;opacity:.7;cursor:pointer;background:#000;outline:none;width:50px;height:3px;transition:opacity .2s;position:relative;top:22px;left:-15px;transform:rotate(270deg)}.volume .slider-container .slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#000;border-radius:10px;width:10px;height:10px}.volume .button{cursor:pointer;position:relative;top:2px}.audio-player-container .audio-player .controls .volume .button{width:auto;height:auto}.time{-webkit-user-select:none;user-select:none;flex-shrink:0;font-family:SpaceMono,Arial,sans-serif;font-size:1rem;position:relative;top:-1px}.play-button{justify-content:center;align-items:center;width:auto;height:1rem;display:flex}