#current_artwork{background-position:center center;width:200px;height:200px;border-radius:15px;box-shadow:0 0 15px rgb(0 0 0/50%)}#current_artist{color:#000;font-size:20px;text-align:center;text-wrap:balance}#current_title{color:#000;font-size:20px;font-weight:700;text-align:center;text-wrap:balance}#playerall{position:relative;top:0}#play-stop{width:80px}#play-stop{opacity:1}@media only screen and (width>=1024px){#play-stop:hover{opacity:.7}}.animated{animation-duration:3s;animation-delay:1s;animation-fill-mode:both}.animated.infinite{animation-iteration-count:infinite}.animated.hinge{animation-duration:3s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{animation-duration:.75s}@keyframes tada{0%,100%{transform:scaleX(1)}10%,20%{transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}}.tada{animation-name:tada}.mute{width:20px;position:absolute;top:100px;right:125px}.mute{opacity:1}.mute:hover{opacity:.7}.jp-volume-bar{display:inline-block;position:absolute;top:85px;right:-45px;margin:19px 5px 0;border-radius:2px;padding:0;overflow:hidden;background:#fff;width:150px;height:8px;cursor:pointer}.jp-volume-bar-value{background:#273886;width:0;height:8px}@media only screen and (width <=1024px){.mute{display:none !important}.jp-volume-bar{display:none !important}}