.bottom-player div div{display:inline-block;vertical-align:middle}.waveform{display:inline-block;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,rgb(221 221 221) 0%,rgb(242 242 242) 100%)}.bottom-player .track-info{padding-left:0;padding-right:30px}.bottom-player .controls div{padding:0 5px}.bottom-player .controls{padding:10px 15px;max-height:45px}.bottom-player .queue-footer .right{padding-top:5px}.controls div a:hover,.controls div:hover{color:orangered}.bottom-player .volume{padding:0 10px 0 0;margin-top:-5px}#toggleQueue,.bottom-player .download,.settings-gear,.close{padding:0 10px}.bottom-player .like,.bottom-player .download{padding:0 5px;height:20px}.auto,.rest{padding:3px 0}.auto span{font-size:14px}.mute{padding:0 5px 0 10px}.need-pay{padding:0 5px}#speed-set{cursor:pointer}#repeat span{padding-left:10px}div#repeat{font-size:17px}div#speed-set:hover,div#repeat: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;display:inline-block}.mini-time-total{padding:0 5px}.progress-bar:hover{height:10px}.progress-bar{height:5px;display:inline-block;vertical-align:top;width:100%;border:0;transition:0.2s linear}.progress-area{height:5px}progress::-webkit-progress-bar{background:#ddd}progress::-moz-progress-bar{background:#ffa200;background:linear-gradient(90deg,rgb(255 162 0) 0%,rgb(255 0 0) 100%)}progress::-webkit-progress-value{background:#ffa200;background:linear-gradient(90deg,rgb(255 162 0) 0%,rgb(255 0 0) 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-inner{overflow-y:auto;height:200px;overscroll-behavior:contain;width:100%}.queue-inner>div{width:100%}.queue-item{width:100%;display:inline-block;text-align:left;position:relative}.queue-item.active{background:#fff}.queue-header{vertical-align:top!important}.queue-item .title,.queue-item .time{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-details,.queue-cover{float:left;padding:5px}.queue-details{width:70%}.queue-cover{width:auto}.queue-item .remove{width:5%}.queue-details{font-size:14px}.queue-thumb{max-width:40px}.playing .queue-cover a:before{content:'';width:100%;height:100%;position:absolute;display:block;z-index:999;background:rgb(0 0 0 / .4) 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") no-repeat 50% 50%;background-size:50%}.queue-header{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{position:absolute;right:10px;opacity:0}.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:orangered;padding:15px;border-radius:5px;z-index:99;height:15px;color:#fff}#miniplayer-toggle{font-size:30px;margin-bottom:-5px;display:block}.bottom-player .active{color:orangered}.queue-item.active{color:#000}.play-full-screen .loading i,.bottom-player .loading i{display:inline-flex;animation:rotate 1.5s linear infinite}.play-full-screen .loading i:before,.bottom-player .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;background:#fff;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:#fff0;cursor:pointer;border-radius:0}.volume input[type="range"]::-webkit-progress-value{background-color:red;// red}.volume input[type="range"]:focus{outline:none}.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:orangered;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:orangered;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:#ddd url(../../../../../../img/loading.gif) no-repeat 50% 50%}.full-screen-player .progress-area{width:70%;display:inline-block;margin:3vh 0}.full-screen-player .close:hover{opacity:.5}.play-full-screen{padding:0}.user-control-icons>div{display:inline-block;margin:0 10px;font-size:20px;padding:5px}.user-control-icons .controls{padding:0}.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}.full-screen-player .download:hover,.full-screen-player .like:hover{color:orangered}.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"}#goto-playlist::before{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)}}