@charset "UTF-8";*:focus{outline:none}body{font-family:Helvetica,Arial;margin:0;background-color:#ffeff5}#app-cover{height:100px;width:100%;margin:-4px auto}#bg-artwork{}#bg-layer{}#player{position:relative;height:100%;z-index:3}#player-track{position:absolute;top:0;right:15px;left:15px;padding:0px 22px 0px 184px;transition:0.3s ease top;z-index:1}#player-track.active{top:-92px}#album-name{font-weight:bold}#track-name{color:#acaebd;font-size:13px}#track-time{}#current-time{float:left}#track-length{float:right}#current-time,#track-length{transition:0.3s ease all}#track-time.active #current-time,#track-time.active #track-length{background-color:transparent}#s-area,#seek-bar{position:relative;height:4px;border-radius:4px}#s-area{cursor:pointer}#ins-time{position:absolute;top:-29px;color:#fff;font-size:12px;white-space:pre;padding:5px 6px;border-radius:4px;display:none}#s-hover{position:absolute;top:0;bottom:0;left:0;opacity:0.2;z-index:2}#ins-time,#s-hover{background-color:#3b3d50}#seek-bar{content:"";position:absolute;top:0;bottom:0;left:0;width:0;transition:0.2s ease width;z-index:1}#player-content{position:relative;height:100%;z-index:2}#album-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 #fff;border-radius:50%;overflow:hidden}#album-art.active{top:-60px;box-shadow:0 0 0 4px #fff,0 30px 50px -15px #afb7c1}#album-art:before{content:"";position:absolute;top:50%;right:0;left:0;width:20px;height:20px;margin:-10px auto 0 auto;background-color:#d6dee7;border-radius:50%;box-shadow:inset 0 0 0 2px #fff;z-index:2}#album-art img{display:block;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;z-index:-1}#album-art img.active{opacity:1;z-index:1}#album-art.active img.active{z-index:1;animation:rotateAlbumArt 3s linear 0s infinite forwards}@keyframes rotateAlbumArt{0%{transform:rotateZ(0)}100%{transform:rotateZ(360deg)}}#buffer-box{position:absolute;top:50%;right:0;left:0;height:13px;color:#1f1f1f;font-size:13px;font-family:Helvetica;text-align:center;font-weight:bold;line-height:1;padding:6px;margin:-12px auto 0 auto;background-color:rgba(255,255,255,0.19);opacity:0;z-index:2}#album-art img,#buffer-box{transition:0.1s linear all}#album-art.buffering img{opacity:0.25}#album-art.buffering img.active{opacity:0.8;filter:blur(2px);-webkit-filter:blur(2px)}#album-art.buffering #buffer-box{opacity:1}#player-controls{padding-left:184px}.control{}.button{width:30px;height:30px;padding:2px;background-color:#fff;border-radius:6px;cursor:pointer}.button i{display:block;text-align:center}.button,.button i{transition:0.2s ease all}.button:hover{background-color:#d6d6de}.button:hover i{color:#fff}