#live{position:absolute;right:10px;top:3px;color:#1bcd23;font-weight:700;font-size:12px}#app-cover{position:absolute;right:0;left:0;height:100px;margin:-4px auto;top:50%}#player{position:relative;height:100%;z-index:3}#player-track{position:absolute;top:0;right:15px;left:15px;padding:10px 11px 10px 164px;background-color:#2f2f41;border-radius:15px 15px 0 0;transition:0.3s ease top;z-index:1}#player-track.active{top:-91px}#album-name{color:#fff;font-size:17px;font-weight:700;line-height:1.2em}#sonic_title{color:#fff;font-size:13px;margin:2px 0 2px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;line-height:1.7em}#track-time{height:25px;overflow:hidden}#current-time{float:left}#track-length{float:right}#current-time,#track-length{color:#fff;font-size:11px;background-color:#2f2f41;transition:0.3s ease all;line-height:normal}#track-time.active #current-time,#track-time.active #track-length{color:#f86d92;background-color:#fff0}#player-content{position:relative;height:100%;background-color:#21212f;border-radius:15px;z-index:2}#sonic_art{position:absolute;top:-40px;width:115px;height:115px;margin-left:40px;transform:rotateZ(0);transition:0.3s ease all;box-shadow:0 0 0 10px #2f2f41;border-radius:50%;overflow:hidden;background-color:#21212f}#sonic_art.active{top:-60px;box-shadow:0 0 0 8px #111118,0 30px 50px -15px #111118}#sonic_art:before{content:'';position:absolute;top:50%;right:0;left:0;width:20px;height:20px;margin:-10px auto 0 auto;background-color:#111118;border-radius:50%;box-shadow:inset 0 0 0 2px #fff;z-index:2}#sonic_art img{display:block;position:absolute;top:0;left:0;width:100%;height:100%;opacity:1;z-index:-1;background:url(https://imgur.com/xd9GyXv.jpg);background-size:cover}#sonic_art img.active{opacity:1;z-index:1}#sonic_art.active img{z-index:1;animation:rotateAlbumArt 3s linear 0s infinite forwards}@keyframes rotateAlbumArt{0%{transform:rotateZ(0)}100%{transform:rotateZ(360deg)}}#buffer-box{position:absolute;bottom:-30px;right:0;left:0;color:#fff;font-size:13px;font-family:Helvetica;text-align:center;font-weight:700;line-height:1;padding:6px;margin:-12px auto 0 auto;background-color:#21212f;opacity:0;z-index:2;border-radius:100px}#sonic_art img,#buffer-box{transition:0.1s linear all}#sonic_art.buffering img{opacity:.25}#sonic_art.buffering img.active{opacity:.8;filter:blur(2px);-webkit-filter:blur(2px)}#sonic_art.buffering #buffer-box{opacity:1}#player-controls{width:250px;height:100%;margin:0 5px 0 141px;float:right;overflow:hidden}.control{width:33.333%;float:right;padding:12px 0}.button{width:76px;height:76px;padding:25px;background-color:#21212f;border-radius:6px;cursor:pointer}.button i{display:block;color:#d6dee7;font-size:26px;text-align:center;line-height:1}.button,.button i{transition:0.2s ease all}.button:hover{background-color:#2f2f41}.button:hover i{color:#fff}