:root{--audio-player-primary-color:#02adef;--audio-player-secondary-color:#abd4ff;--audio-player-tertiary-color:#e9f4ff}:focus{outline:0}body{font-family:Helvetica,Arial;margin:0;background-color:transparent}.audio-player-full-width-control-wrapper{display:flex;align-items:center;justify-content:space-between;width:94%;padding:10px;border:1px solid var(--audio-player-secondary-color);border-radius:15px;background-color:var(--audio-player-tertiary-color);box-shadow:0 5px 15px rgba(0,0,0,.1);box-sizing:border-box;position:absolute;bottom:12px;left:15px;right:15px;transition:background-color .4s ease,color .4s ease}.audio-player-left-section{display:flex;align-items:center}.audio-player-icon{width:30px;height:30px;margin-right:10px}.audio-player-toggle-text{font-size:18px;font-weight:700;font-family:Arial,sans-serif;color:#54575b}.audio-player-toggle-button{display:flex;align-items:center;justify-content:center;position:relative;z-index:2}.audio-player-toggle-switch{display:none}.audio-player-toggle-label{position:relative;width:60px;height:30px;background:var(--audio-player-secondary-color);border-radius:15px;cursor:pointer;transition:background-color .4s ease,color .4s ease;box-shadow:0 5px 15px rgba(0,0,0,.1)}.audio-player-toggle-label:before{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;background:#fff;border-radius:50%;transition:transform .4s ease;box-shadow:0 2px 5px rgba(0,0,0,.2)}.audio-player-toggle-switch:checked+.audio-player-toggle-label{background:#ff4f4f}.audio-player-toggle-switch:checked+.audio-player-toggle-label:before{transform:translateX(30px)}#audio-player-app-cover{position:relative;top:35%;right:0;left:0;width:430px;height:100px;margin:-4px auto}#audio-player-bg-artwork{position:none;top:-30px;right:-30px;bottom:-30px;left:-30px;background-image:url("https://raw.githubusercontent.com/himalayasingh/music-player-1/master/img/_1.jpg");background-repeat:no-repeat;background-size:cover;background-position:50%;filter:blur(40px);-webkit-filter:blur(40px);z-index:1}#audio-player-bg-layer{position:absolute;top:0;right:0;bottom:0;left:0;background-color:transparent;opacity:.51;z-index:2}#audio-player-player{position:relative;height:100%;z-index:3}#audio-player-player-track{position:absolute;top:0;right:15px;left:15px;padding:13px 22px 10px 184px;background-color:var(--audio-player-tertiary-color);border-radius:15px 15px 0 0;transition:background-color .4s ease,color .4s ease,top .3s ease;z-index:1}#audio-player-player-track.audio-player-active{top:-92px}#audio-player-album-name{color:#54576f;font-size:17px;font-weight:700;text-align:left;margin:-2px 0 -4px 0}#audio-player-track-name{color:#acaebd;font-size:13px;margin:2px 0 0 0;padding:0 0 10px 0;text-align:left}#audio-player-track-time{height:12px;margin-bottom:3px;overflow:hidden}#audio-player-current-time{float:left}#audio-player-track-length{float:right}#audio-player-current-time,#audio-player-track-length{color:transparent;font-size:11px;background-color:var(--audio-player-secondary-color);transition:.4s ease background-color,.4s ease color;border-radius:10px;transition:.3s ease all}#audio-player-track-time.audio-player-active #audio-player-current-time,#audio-player-track-time.audio-player-active #audio-player-track-length{color:var(--audio-player-primary-color);transition:.4s ease background-color,.4s ease color;background-color:transparent}#audio-player-s-area,#audio-player-seek-bar{position:relative;height:4px;border-radius:4px}#audio-player-s-area{background-color:var(--audio-player-secondary-color);transition:.4s ease background-color,.4s ease color;cursor:pointer}#audio-player-ins-time{position:absolute;top:-29px;color:#fff;font-size:12px;white-space:pre;padding:5px 6px;border-radius:4px;display:none}#audio-player-s-hover{position:absolute;top:0;bottom:0;left:0;opacity:.2;z-index:2}#audio-player-ins-time,#audio-player-s-hover{background-color:#3b3d50}#audio-player-seek-bar{content:"";position:absolute;top:0;bottom:0;left:0;width:0;background-color:var(--audio-player-primary-color);transition:background-color .4s ease,color .4s ease,width .2s ease;z-index:1}#audio-player-player-content{position:relative;height:160%;background-color:#fff;box-shadow:0 5px 20px var(--audio-player-secondary-color);transition:background-color .4s ease,color .4s ease,box-shadow .4s ease;border-radius:15px;z-index:2}#audio-player-album-art{position:absolute;top:-40px;width:115px;height:115px;margin-left:45px;transform:rotateZ(0);transition:.3s ease all;box-shadow:0 0 0 10px #fff;border-radius:50%;overflow:hidden}#audio-player-album-art.audio-player-active{top:-60px;box-shadow:0 0 0 4px #fff7f7,0 30px 50px -15px #afb7c1}#audio-player-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}#audio-player-album-art img{display:block;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;z-index:-1}#audio-player-album-art img.audio-player-active{opacity:1;z-index:1}#audio-player-album-art.audio-player-active img.audio-player-active{z-index:1;animation:audio-player-rotateAlbumArt 3s linear 0s infinite forwards}@keyframes audio-player-rotateAlbumArt{0%{transform:rotateZ(0)}100%{transform:rotateZ(360deg)}}#audio-player-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:700;line-height:1;padding:6px;margin:-12px auto 0 auto;background-color:rgba(255,255,255,.19);opacity:0;z-index:2}#audio-player-album-art img,#audio-player-buffer-box{transition:.1s linear all}#audio-player-album-art.audio-player-buffering img{opacity:.25}#audio-player-album-art.audio-player-buffering img.audio-player-active{opacity:.8;filter:blur(2px);-webkit-filter:blur(2px)}#audio-player-album-art.audio-player-buffering #audio-player-buffer-box{opacity:1}#audio-player-player-controls{width:250px;height:100%;margin:0 5px 0 141px;float:right;overflow:hidden}.audio-player-control{width:33.333%;float:left;padding:12px 0}.audio-player-button{width:76px;height:76px;padding:25px;background-color:#fff;border-radius:6px;cursor:pointer;box-sizing:border-box}.audio-player-button i{display:block;color:#5f6367;font-size:26px;text-align:center;line-height:1}.audio-player-button,.audio-player-button i{transition:.2s ease all}.audio-player-button:hover{background-color:#5f6367}.audio-player-button:hover i{color:#fff}@media (max-width:475px){.audio-player-button{width:70x;height:60px;padding:18px;margin:0 0 0 20px}#audio-player-player-controls{padding-right:20px}#audio-player-album-art{width:100px;height:100px}#audio-player-app-cover{width:385px;height:90px}#audio-player-player-track{padding:13px 22px 10px 150px}}@media (max-width:410px){.audio-player-button{width:60px;height:60px;padding:18px;margin:0 2px}.audio-player-control{width:auto;padding:0;margin:0}#audio-player-player-controls{width:195px;margin-top:10px;padding-right:0}#audio-player-album-art{width:90px;height:90px;margin-left:30px}#audio-player-app-cover{width:330px;height:90px}#audio-player-player-track{padding:13px 22px 10px 125px}}