@import url(https://fonts.googleapis.com/css2?family=Aboreto&family=Playfair+Display:wght@400;500;600;700&family=Roboto:wght@100;300;400;500;700;900&display=swap);*{margin:0;padding:0;box-sizing:border-box}:root{--primary:#fa4116;--light:#fff;--dark:#16243f;--font-1:'Poppins',sans-serif}body,html{background:var(--dark);color:var(--light);font-size:14px;font-family:var(--font-1);overflow:hidden}i{width:30px;height:30px;display:flex;align-items:center;justify-content:center}.jd-container-player{width:300px;height:440px;background:#222;position:relative;overflow:hidden}.jd-container-player:after,.jd-container-player:before{content:'';position:absolute;width:100%;height:100%;top:0;left:0}.jd-container-player:before{background-image:url(../../img/bg-player-2.jpg);background-repeat:no-repeat;background-position:center;background-size:cover}.jd-container-player:after{background-color:#000;opacity:.5}.jd-back-player,.jd-front-player{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;padding:10px}.jd-back-player{background:var(--primary);z-index:2;left:100%;transition:.5s cubic-bezier(0,.12,.12,1.42)}.jd-back-player.show{left:0}.jd-station{height:40px;font-size:1.6rem;font-weight:600;text-transform:capitalize}.jd-box-cover{width:190px;height:190px;box-shadow:20px 20px 20px rgba(0,0,0,.4);position:relative;margin:0 auto;border-radius:2px}.jd-cover{width:190px;height:190px;background-image:url(../../img/cover.jpg);background-repeat:no-repeat;background-position:center;background-size:cover;border-radius:2px}.elastic{animation:move 1s cubic-bezier(0,.66,.29,.99) forwards}@keyframes move{0%{opacity:0;transform:translateX(-200%)}100%{opacity:1;transform:translateX(0)}}.jd-nowplaying{height:60px;margin-top:15px}.jd-slider-track{width:100%;height:30px;border-left:solid 3px var(--light);border-right:solid 3px var(--light);overflow:hidden}.jd-track-song{height:30px;line-height:30px;font-size:1.6rem;animation:mov_text 10s linear infinite;text-transform:capitalize;white-space:nowrap;position:relative;left:0;transform:translateX(0)}@keyframes mov_text{100%{transform:translateX(-100%)}}.jd-track-artist{height:30px;line-height:30px;text-align:center;text-transform:capitalize;overflow:hidden}.jd-timing{display:flex;flex-direction:column;align-items:center;height:50px}.jd-time-text{text-transform:uppercase;font-size:.8rem}.jd-controller{width:100%;height:60px;display:flex;justify-content:space-between;align-items:center}.jd-box-volume{width:30px;height:30px;position:relative}.btn-volume{width:30px;height:30px;position:relative;cursor:pointer}.btn-volume i{position:absolute;display:flex;font-size:1.6rem}.vol-down{display:none}.jd-box-slider-volume{width:110px;height:36px;position:absolute;background:var(--light);border-radius:3px;box-shadow:5px 5px 10px rgba(0,0,0,.2);top:-90px;left:-36px;transform:rotate(90deg);visibility:hidden}.jd-box-slider-volume:before{content:'';position:absolute;width:14px;height:14px;background:var(--light);right:-6px;top:11px;transform:rotate(45deg)}.jd-box-slider-volume.show{visibility:visible}.jd-preload{width:90px;height:8px;position:absolute;background:var(--dark);border-radius:4px;top:calc(50% - 4px);left:calc(50% - 45px);overflow:hidden}.jd-preload-bar{width:50%;height:100%;background:var(--primary)}.jd-volume{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:90px;height:8px;position:absolute;top:calc(50% - 4px);left:calc(50% - 45px);background:0 0;outline:0;border:none;cursor:pointer}.jd-volume::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--light);width:10px;height:10px;border-radius:50%;box-shadow:0 0 0 2px var(--dark);border:none;outline:0}.jd-volume::-moz-range-thumb{-moz-appearance:none;appearance:none;background:var(--light);width:10px;height:10px;border-radius:50%;box-shadow:0 0 0 2px var(--dark);border:none;outline:0}.jd-play-pause{width:60px;height:60px;border-radius:50%;background:rgba(0,0,0,.3)}.jd-btn-play{width:50px;height:50px;border-radius:50%;background:var(--primary);margin:5px;position:relative;cursor:pointer}.jd-btn-play i{position:absolute;top:calc(50% - 15px);left:calc(50% - 15px);font-size:3rem;display:flex}i.btn-pause{display:none}.jd-song-list{width:30px;height:30px;cursor:pointer}.jd-song-list i{display:flex;font-size:1.8rem}.jd-header-list{height:50px;display:flex;align-items:center;justify-content:space-between}.jd-left{height:30px;display:flex;align-items:center}.jd-left i{display:flex;font-size:2rem}.jd-right{width:30px;height:30px;cursor:pointer}.jd-right i{display:flex;font-size:2rem}.jd-history-wpr{display:flex;flex-direction:column;gap:10px}.row-wpr{display:flex;height:50px;padding:5px;background:rgba(0,0,0,.05);border-radius:3px;gap:5px;position:relative}.hist-cover{width:40px;height:40px;border-radius:3px;box-shadow:5px 5px 5px rgba(0,0,0,.1);background-image:url(../../img/cover.jpg);background-repeat:no-repeat;background-position:center;background-size:cover}.history-track{width:calc(100% - 80px)}.track-artist-h,.track-title-h{height:20px;display:flex;justify-content:space-between;font-size:.8rem;overflow:hidden;line-height:20px}.track-artist-h span{color:var(--dark)}.rowNum{width:25px;height:25px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.3);border-radius:50%;top:calc(50% - 12.5px);right:5px;position:absolute}