.player{flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.details{flex-direction:column;justify-content:center;align-items:center;margin-top:25px;display:flex}.track-art{background-image:url(https://images.pexels.com/photos/262034/pexels-photo-262034.jpeg?auto=compress&cs=tinysrgb&dpr=3&h=750&w=1260);background-size:cover;border-radius:15%;width:100px;height:100px;margin:25px}.now-playing,.track-name,.track-artist{font-size:1rem}.buttons{flex-direction:row;align-items:center;display:flex}.playpause-track,.prev-track,.next-track{opacity:.8;padding:10px;transition:opacity .2s}.playpause-track:hover,.prev-track:hover,.next-track:hover{opacity:1}.slider_container{justify-content:center;align-items:center;width:75%;max-width:200px;display:flex}.seek_slider,.volume_slider{-webkit-appearance:none;appearance:none;opacity:.7;-webkit-transition:all .2s;background:#000;height:5px;transition:opacity .2s}.seek_slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:10px;height:10px}.volume_slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:10px;height:10px}.seek_slider:hover,.volume_slider:hover{opacity:1}.seek_slider{width:60%}.volume_slider{width:30%}.current-time,.total-duration{padding:5px;font-size:10px}i.fa-volume-down,i.fa-volume-up{padding:10px}i.fa-play-circle,i.fa-pause-circle,i.fa-step-forward,i.fa-step-backward{cursor:pointer}
/*# sourceMappingURL=index.f8f09325.css.map */