:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}.audio-player{text-align:center;margin-top:20px}button{cursor:pointer}#vinyl-container{position:relative;overflow:hidden}#vinyl{width:320px}.lottie-svg-class{width:80px!important;height:80px!important}#vinyl-f{width:800px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:15}.spectrum-background{background:linear-gradient(red,transparent),linear-gradient(to top left,lime,transparent),linear-gradient(to top right,blue,transparent);background-blend-mode:screen}#reader{width:600px}.circle{border-radius:50%;display:inline-block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:#fff;filter:drop-shadow(.35rem .35rem .4rem rgba(0,0,0,.5))}.shadow{-webkit-filter:drop-shadow(3px 3px 2px rgba(0,0,0,.7));filter:drop-shadow(3px 3px 2px rgba(0,0,0,.7))}body{font-family:Signika,Helvetica,sans-serif;letter-spacing:-.5px}#app{height:100dvh;margin:0 auto;text-align:center;display:grid;place-items:center}.bottomdiv{width:100%;height:100%;display:grid;place-items:center;background:#000;padding:0 2rem}button{padding:0;border:0;background:transparent;cursor:pointer;outline:none}#audio-player-container{--seek-before-width: 0%;--volume-before-width: 100%;--buffered-width: 0%;position:relative;max-width:600px;display:flex;flex-direction:column;flex:1;width:95%}#timeline{display:flex;justify-content:space-between}#play-icon{align-self:center;margin-top:4rem}#audio-player-container path{stroke:#fff;fill:#fff;color:#fff}.time{font-weight:600;font-size:.9rem;letter-spacing:1px;color:#fff}output{display:inline-block;width:32px;text-align:center;font-size:20px;margin:10px 2.5% 0 5%;float:left;clear:left}input[type=range]{position:relative;-webkit-appearance:none;margin-bottom:.8rem;padding:0;height:19px;outline:none;background:transparent}input[type=range]::-webkit-slider-runnable-track{width:100%;height:3px;cursor:pointer;background:linear-gradient(to right,#1c1c1c var(--buffered-width),#0c0c0c var(--buffered-width))}input[type=range]:before{position:absolute;content:"";top:8px;left:0;width:var(--seek-before-width);height:3px;background-color:#fff;cursor:pointer}input[type=range]::-webkit-slider-thumb{position:relative;-webkit-appearance:none;box-sizing:content-box;height:0;width:0;border-radius:50%;background-color:#000;cursor:pointer;margin:-4px 0 0}input[type=range]:active::-webkit-slider-thumb{transform:scale(1.2);background:#007db5}input[type=range]::-moz-range-track{width:100%;height:2px;cursor:pointer;border-radius:5px;background:linear-gradient(to right,#dddddd var(--buffered-width),#e6e6e6 var(--buffered-width))}input[type=range]::-moz-range-progress{background-color:#000;border-radius:3px}input[type=range]::-moz-focus-outer{border:0}input[type=range]::-moz-range-thumb{box-sizing:content-box;border:0px solid #fff;height:15px;width:15px;border-radius:50%;background-color:#000;cursor:pointer}input[type=range]:active::-moz-range-thumb{transform:scale(1.2)}input[type=range]::-ms-track{width:100%;height:3px;cursor:pointer;background:transparent;border:solid transparent;color:transparent}input[type=range]::-ms-fill-lower{background-color:#007db5}input[type=range]::-ms-fill-upper{background:linear-gradient(to right,rgba(0,125,181,.6) var(--buffered-width),rgba(0,125,181,.2) var(--buffered-width))}input[type=range]::-ms-thumb{box-sizing:content-box;border:1px solid #007db5;height:15px;width:15px;border-radius:50%;background-color:#fff;cursor:pointer}input[type=range]:active::-ms-thumb{transform:scale(1.2);background:#007db5}.rotate{animation:rotation 30s infinite linear}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}