.mini-time-pass,.progress-bar,.queue-item,.waveform{display:inline-block}.bottom-player div div{display:inline-block;vertical-align:middle}.waveform{position:relative;margin:10px 0}.waveform .colored{position:absolute;top:0;left:0;overflow:hidden;width:0%;border-right:1px solid #aaa}.queue-footer .normalise{padding-right:10px;font-size:12px}.bottom-player{width:100%;position:fixed;bottom:0;left:0;text-align:center;z-index:9}.bottom-player .parent{padding:10px 0;background:#ddd;background:linear-gradient(145deg,#ddd 0,#f2f2f2 100%)}.bottom-player .track-info{padding-left:0;padding-right:30px}.bottom-player .controls div,.mini-time-total,.need-pay{padding:0 5px}.bottom-player .controls{padding:10px 15px;max-height:45px}.bottom-player .queue-footer .right{padding-top:5px}.bottom-player .active,.controls div a:hover,.controls div:hover,.full-screen-player .download:hover,.full-screen-player .like:hover{color:#ff4500}.bottom-player .volume{padding:0 10px 0 0;margin-top:-5px}#toggleQueue,.bottom-player .download,.close,.settings-gear{padding:0 10px}.bottom-player .download,.bottom-player .like{padding:0 5px;height:20px}.auto,.rest{padding:3px 0}.auto span{font-size:14px}.mute{padding:0 5px 0 10px}#speed-set{cursor:pointer}#repeat span{padding-left:10px}div#repeat{font-size:17px}div#repeat:hover,div#speed-set:hover{opacity:.8}.repeat.disabled span{color:#999}.bottom-player .mini-cover{cursor:cell}.mini-cover{height:50px;padding:5px}.mini-cover img{width:50px;border-radius:5px}.mini-time-pass{min-width:40px}.progress-bar:hover{height:10px}.progress-bar{height:5px;vertical-align:top;width:100%;border:0;transition:.2s linear}.progress-area{height:5px}progress::-webkit-progress-bar{background:#ddd}progress::-moz-progress-bar{background:#ffa200;background:linear-gradient(90deg,#ffa200 0,red 100%)}progress::-webkit-progress-value{background:#ffa200;background:linear-gradient(90deg,#ffa200 0,red 100%)}progress{color:orange;border-radius:3px}input#volume-control{background:#999;height:5px;border-radius:5px;width:75px}.queue{position:absolute;right:30px;bottom:100px;background:#ddd;width:30%;border-radius:5px;padding:10px;touch-action:none}.queue-item.active,.setting-inner{background:#fff}.queue-inner{overflow-y:auto;height:200px;overscroll-behavior:contain;width:100%}.queue-inner>div{width:100%}.queue-item{width:100%;text-align:left;position:relative}.queue-item .time,.queue-item .title{display:block;height:20px}.queue-item .title{overflow:hidden}.queue-item a.playnow{display:block;max-height:40px;position:relative}.clear-queue{border:1px solid #555;padding:0 10px!important;border-radius:3px;height:20px;margin:4px 10px;color:#333;font-size:13px;line-height:25px}.queue-cover,.queue-details{float:left;padding:5px}.queue-details{width:70%;font-size:14px}.queue-cover{width:auto}.queue-item .remove{width:5%;position:absolute;right:10px;opacity:0}.queue-thumb{max-width:40px}.playing .queue-cover a:before{content:'';width:100%;height:100%;position:absolute;display:block;z-index:999;background:url("data:image/svg+xml;charset=UTF-8,%3Csvg class='absolute inset z-4 m-auto ng-scope' viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg' fill='%23FFF' width='14'%3E%3Cg transform='matrix(1 0 0 -1 0 16)'%3E%3Crect width='4' height='16'%3E%3Canimate attributeName='height' begin='0s' dur='0.5s' values='10;4;10' calcMode='linear' repeatCount='indefinite'%3E%3C/animate%3E%3C/rect%3E%3Crect x='5' width='4' height='16'%3E%3Canimate attributeName='height' begin='0.1s' dur='0.7s' values='16;8;16' calcMode='linear' repeatCount='indefinite'%3E%3C/animate%3E%3C/rect%3E%3Crect x='10' width='4' height='16'%3E%3Canimate attributeName='height' begin='0.15s' dur='0.6s' values='12;6;12' calcMode='linear' repeatCount='indefinite'%3E%3C/animate%3E%3C/rect%3E%3C/g%3E%3C/svg%3E") 50% 50% no-repeat rgba(0,0,0,.4);background-size:50%}.queue-header{vertical-align:top!important;width:100%;border-bottom:1px solid #eee;margin-bottom:5px}.queue-footer{width:100%;border-top:1px solid #eee;margin-top:5px;padding-top:5px}.queue-header div{padding:5px}.queue-item:hover{background:#eee}.queue-item .remove i{padding:15px 0}.queue-item:hover>.remove{opacity:1}.mini-time{border:1px solid #666;border-radius:10px;padding:5px 10px!important;width:100px}.hidden{display:none!important}.minimized{display:none}#show-mini-player{bottom:10px;right:20px;position:fixed;background:#ff4500;padding:15px;border-radius:5px;z-index:99;height:15px;color:#fff}#miniplayer-toggle{font-size:30px;margin-bottom:-5px;display:block}.queue-item.active{color:#000}.bottom-player .loading i,.play-full-screen .loading i{display:inline-flex;animation:1.5s linear infinite rotate}.bottom-player .loading i:before,.play-full-screen .loading i:before{content:"\f1ce";font-family:novio!important}.bottom-player i:before{padding:3px}@keyframes rotate{to{transform:rotate(360deg)}}.close{position:absolute;right:25px;top:35px}.setting-inner{position:absolute;width:150px;bottom:35px;right:0;text-align:left;padding:15px;z-index:9999;border-radius:5px;color:#333;font-size:14px}.settings{position:relative}input[type=range]{-webkit-appearance:none;appearance:none;background:0 0;cursor:pointer;border-radius:0}.volume input[type=range]::-webkit-progress-value{background-color:red}// red .volume input[type=range]:focus{outline:0}.volume input[type=range]::-webkit-slider-runnable-track{background-color:#aaa;height:.5rem}.volume input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;margin-top:-4px;background-color:#ff4500;height:1rem;width:10px}.volume input[type=range]::-moz-range-track{background-color:#aaa;height:.5rem}.volume input[type=range]::-moz-range-thumb{border:none;border-radius:0;background-color:#ff4500;height:1rem;width:10px}.volume input[type=range]::-moz-range-progress{background:red}.volume input[type=range]{accent-color:orangered}.progress-area input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:orange;height:1rem;width:10px}.progress-area input[type=range]::-moz-range-thumb{border:none;border-radius:0;background-color:orange;height:1rem;width:10px}.queue-inner::-webkit-scrollbar{width:10px}.queue-inner::-webkit-scrollbar-thumb{background:#888}.queue-inner::-webkit-scrollbar-thumb:hover{background:#555}.full-screen-player{width:100%;height:100vh;background:#eee;position:fixed;left:0;top:0;z-index:21;text-align:center}.full-screen-player .close{cursor:pointer;font-size:25px}.full-screen-player .cover{width:50vh;height:50vh;overflow:hidden;display:inline-block;padding:5px 0 2vh}.full-screen-player .cover img{border:3px solid #ddd;width:95%;height:95%;border-radius:3%;background:url("../../img/loading.gif") 50% 50% no-repeat #ddd}.full-screen-player .progress-area{width:70%;display:inline-block;margin:3vh 0}.full-screen-player .close:hover{opacity:.5}.play-full-screen,.user-control-icons .controls{padding:0}.user-control-icons>div{display:inline-block;margin:0 10px;font-size:20px;padding:5px}.full-screen-player .controls div{display:inline-block;vertical-align:middle;padding:0;font-size:20px;margin:0 10px}#full-screen-toggle{font-size:40px;padding:0 6px;margin-bottom:-5px;display:inline-block}.full-screen-time-pass,.full-screen-time-total{min-width:50px;display:inline-block}.repeat.disabled:before{font-family:novio;content:"\f195";color:#555}.repeat.current:before{font-family:novio;content:"\f194"}.repeat.all:before{font-family:novio;content:"\f195"}.user-control-icons{margin:2vh 0 0}canvas#visualizer-canvas{margin:0 0 -12px;padding-top:15px}#goto-playlist{cursor:pointer;display:inline-block;padding:5px 0 0 5px;color:#555}#goto-playlist:hover{color:#111}#goto-playlist::before{content:"\f022";font-family:novio!important;font-size:14px;font-weight:400;padding:0 10px 0 0}.alert-container a{color:#fff}@media screen and (max-width:768px){.bottom-player .controls{padding:10px}.full-screen-player{overflow-y:scroll;overflow-x:hidden}.user-control-icons>div{margin:0 7px}.full-screen-player .cover{width:40vh;height:40vh;padding:1vh 0 2vh}.full-screen-player .progress-area{width:75%}.full-screen-player .close{cursor:pointer;font-size:40px;position:relative;width:100%;padding:4vh 0 0;text-align:center;right:auto;top:auto}canvas#visualizer-canvas{width:65%}.wave-hover{opacity:1;filter:grayscale(0)}}