@import"https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:wght@400;700&display=block";*,:after,:before{box-sizing:border-box}[x-cloak]{display:none!important}body{background:transparent;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0}p{font-family:Atkinson Hyperlegible;font-size:.9rem}.player-sm{display:flex;height:90px;font-family:Atkinson Hyperlegible;font-size:.9rem}.player-lg{display:flex;height:120px;font-family:Atkinson Hyperlegible;font-size:.9rem}.player-sm .play-btn-container{width:auto;height:100%;padding:12px;margin-right:4px;display:flex;align-items:center;justify-content:center}.player-lg .play-btn-container{width:auto;height:100%;padding:20px;margin-right:4px;display:flex;align-items:center;justify-content:center}.player-sm .volume-container{width:auto;min-width:60px;height:100%;padding:12px;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.player-lg .volume-container{width:auto;min-width:80px;height:100%;padding:20px;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.player-lg .content-container{flex:1;display:flex;flex-direction:column;justify-content:center;gap:12px;position:relative}.player-sm .content-container{flex:1;display:flex;flex-direction:column;justify-content:center;gap:4px;padding-top:2px;position:relative}.content-container p{text-align:center;margin:0}.powered-by{opacity:.5;color:var(--player-text-color);-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:10px;position:absolute;transform:translate(-50%);margin-left:12px;white-space:nowrap}.player-sm .powered-by{bottom:18px}.player-lg .powered-by{bottom:26px}.play-btn{border:none;border-radius:100%;cursor:pointer;overflow:hidden;position:relative;background:var(--player-text-color, black);color:var(--player-bg-color, white);width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;display:flex;align-items:center;justify-content:center}.player-sm .play-btn{width:60px;height:60px}.player-lg .play-btn{width:80px;height:80px}.play-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,var(--player-text-color) -150%,transparent 100%)}.progress-bar{position:relative;display:flex;flex:1;height:10px;border-radius:8px;cursor:pointer}.progress-handle{align-self:center;pointer-events:none}.progress-rail{position:absolute;top:3px;height:4px;width:100%;border-radius:8px;overflow:hidden;pointer-events:none}.progress-rail:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:currentColor;opacity:.12}.progress{position:absolute;top:0;right:0;bottom:0;left:0;background-color:currentColor;opacity:1;transform-origin:left;pointer-events:none}.actions{display:flex;gap:32px;margin:2px auto;font-size:.9rem}.player-sm .actions{gap:28px}.player-lg .actions{gap:32px}.speed{font-size:.8rem}.progress-bar-container{display:flex;align-items:center;gap:12px}.progress-scrubber{position:absolute;top:-2px;bottom:-2px;left:0;right:0}.title-line{display:flex;justify-content:center;height:1rem}.title{max-width:40vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.author{max-width:20vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.current-time{font-size:.8rem;width:4ch;text-align:end;-webkit-user-select:none;-moz-user-select:none;user-select:none}.duration{font-size:.8rem;width:4ch;-webkit-user-select:none;-moz-user-select:none;user-select:none}.speed-option{width:4ch;text-align:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.speed-option:focus{outline:none}.speed-option span{opacity:.85}.speed-option span:hover{opacity:1}.speed-options{display:flex;align-items:center;justify-content:center;position:absolute;left:-.5rem;top:-1.9rem;height:1.5rem;border-radius:8px;padding-inline:.5rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.speed-selection{position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.speed-selection:hover{opacity:.66}.author-divider{display:inline-block;height:1px;width:1ch;margin-inline:1ch;background:var(--player-text-color);align-self:center}.rewind{cursor:pointer}.rewind:hover{opacity:.66}.volume-btn{cursor:pointer;margin-top:-6px}.volume-btn:hover{opacity:.66}.fast-forward{cursor:pointer}.fast-forward:hover{opacity:.66}.error-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#fff;color:#000;display:flex;align-items:center;justify-content:center;gap:1ch}.loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#fff;display:flex;align-items:center;justify-content:center}.spinner-container{position:absolute;top:0;right:0;bottom:0;left:0;color:#000;display:flex;align-items:center;justify-content:center}.refresh-btn{margin-top:3px;cursor:pointer}.refresh-btn:hover{opacity:.66}.convert-btn{background-color:#fff;color:#000;border-radius:5px;border-width:1.5px;border-color:#000;justify-content:center}.convert-btn:hover{opacity:.66;cursor:pointer}.spinner{margin-top:1px;width:16px;height:16px;border:2px solid currentColor;border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media only screen and (max-width: 500px){.player-sm .play-btn,.player-lg .play-btn{width:50px;height:50px}.player-sm .play-btn-container,.player-lg .play-btn-container{padding:12px;display:flex;align-items:center}.player-sm .volume-container,.player-lg .volume-container{width:auto;min-width:50px;height:100%;padding:12px;display:flex;align-items:center;justify-content:center;font-size:1.2rem}}