.main-player{position:relative}.audio-player{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);width:50%;background:#fff;transition:all .5s ease-in-out;box-shadow:0 3px 24px rgb(0 0 0/10%);z-index:999}.audio-player-hide{position:absolute;right:0;top:3px;width:40px;height:20px;line-height:10px;background:#fff;color:#000a24;font-size:22px;text-align:center;border-radius:50px 50px 0 0;border:none;transition:all .5s ease-in-out;z-index:1}.audio-player.show .audio-player-hide{top:-20px;box-shadow:0 3px 24px rgb(0 0 0/10%)}.audio-player.show{bottom:-121px}.audio-player .player{display:flex;align-items:center;gap:15px;margin-right:10px;position:relative}.audio-player .player-cover-img img{width:150px;height:120px;object-fit:cover}.player-content-wrap{display:flex;align-items:center;gap:15px;flex:1}.player-content{flex:1}.song-meta-data{margin-bottom:8px}.song-meta-data .song-name{font-weight:500;color:#000a24}.song-meta-data .song-name,.song-meta-data .song-artist{font-size:18px;width:calc( 100% - 10px );white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-meta-data .song-artist{font-size:14px;color:#7386a8}.player-time-progress .time-container{display:flex;justify-content:space-between;align-items:center}.player-time-progress .current-time{color:#aaafb3;font-size:12px;flex:1}.player-time-progress span.duration{color:#aaafb3;font-size:12px}.player-time-progress #progress-container{position:relative;height:20px;cursor:pointer}.player-time-progress #progress-container:hover input[type=range].amplitude-song-slider::-webkit-slider-thumb{display:block}.player-time-progress #progress-container:hover input[type=range].amplitude-song-slider::-moz-range-thumb{visibility:visible}.player-time-progress #progress-container progress#song-played-progress{width:100%;position:absolute;left:0;top:8px;right:0;width:100%;z-index:60;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;border-radius:50px;background:0 0;border:none}@media all and (-ms-high-contrast:none){.player-time-progress #progress-container *::-ms-backdrop,.player-time-progress #progress-container progress#song-played-progress{color:#00a6ff;border:none;background-color:#e1e1e1}}@supports(-ms-ime-align:auto){.player-time-progress #progress-container progress#song-played-progress{color:#00a6ff;border:none}}.player-time-progress #progress-container progress#song-played-progress[value]::-webkit-progress-bar{background:0 0;border-radius:50px}.player-time-progress #progress-container progress#song-played-progress[value]::-webkit-progress-value{background-color:#00a6ff;border-radius:50px 0 0 50px}.player-time-progress #progress-container progress#song-played-progress::-moz-progress-bar{background:0 0;border-radius:50px;background-color:#00a6ff;height:5px;margin-top:-2px}.player-time-progress #progress-container progress#song-buffered-progress{position:absolute;left:0;top:8px;right:0;width:100%;z-index:10;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;border-radius:50px;background:0 0;border:none;background-color:#d7dee3}.player-time-progress #progress-container progress#song-buffered-progress[value]::-webkit-progress-bar{background-color:#e1e1e1;border-radius:50px}.player-time-progress #progress-container progress#song-buffered-progress[value]::-webkit-progress-value{background-color:#e1e1e1;border-radius:50px;transition:width .1s ease}.player-time-progress #progress-container progress#song-buffered-progress::-moz-progress-bar{background:0 0;border-radius:50px;background-color:#e1e1e1;height:5px;margin-top:-2px}.player-time-progress #progress-container progress::-ms-fill{border:none}@-moz-document url-prefix(){.player-time-progress #progress-container progress#song-buffered-progress{top:9px;border:none}}@media all and (-ms-high-contrast:none){.player-time-progress #progress-container *::-ms-backdrop,.player-time-progress #progress-container progress#song-buffered-progress{color:#78909c;border:none}}@supports(-ms-ime-align:auto){.player-time-progress #progress-container progress#song-buffered-progress{color:#78909c;border:none}}.player-time-progress #progress-container input[type=range]{-webkit-appearance:none;width:100%;margin:7.5px 0;position:absolute;z-index:9999;top:-7px;height:20px;cursor:pointer;background-color:inherit}.player-time-progress #progress-container input[type=range]:focus{outline:none}.player-time-progress #progress-container input[type=range]::-webkit-slider-runnable-track{width:100%;height:0;cursor:pointer;box-shadow:0 0 0 transparent,0 0 0 transparent;background:#00a6ff;border-radius:0;border:0 solid #010101}.player-time-progress #progress-container input[type=range]::-webkit-slider-thumb{box-shadow:0 0 0 #000,0 0 0 #0d0d0d;border:1px solid #00a6ff;height:12px;width:12px;border-radius:50px;background:#00a6ff;cursor:pointer;-webkit-appearance:none;margin-top:-7px}.player-time-progress #progress-container input[type=range]:focus::-webkit-slider-runnable-track{background:#00a6ff}.player-time-progress #progress-container input[type=range]::-moz-range-track{width:100%;height:0;cursor:pointer;box-shadow:0 0 0 transparent,0 0 0 transparent;background:#00a6ff;border-radius:0;border:0 solid #010101}.player-time-progress #progress-container input[type=range]::-moz-range-thumb{box-shadow:0 0 0 #000,0 0 0 #0d0d0d;border:1px solid #00a6ff;height:15px;width:15px;border-radius:16px;background:#00a6ff;cursor:pointer}.player-time-progress #progress-container input[type=range]::-ms-track{width:100%;height:0;cursor:pointer;background:0 0;border-color:transparent;color:transparent}.player-time-progress #progress-container input[type=range]::-ms-fill-lower{background:#003d57;border:0 solid #010101;border-radius:0;box-shadow:0 0 0 transparent,0 0 0 transparent}.player-time-progress #progress-container input[type=range]::-ms-fill-upper{background:#00a6ff;border:0 solid #010101;border-radius:0;box-shadow:0 0 0 transparent,0 0 0 transparent}.player-time-progress #progress-container input[type=range]::-ms-thumb{box-shadow:0 0 0 #000,0 0 0 #0d0d0d;border:1px solid #00a6ff;height:15px;width:15px;border-radius:16px;background:#00a6ff;cursor:pointer;height:0;display:none}@media all and (-ms-high-contrast:none){.player-time-progress #progress-container *::-ms-backdrop,.player-time-progress #progress-container input[type=range].amplitude-song-slider{padding:0}.player-time-progress #progress-container *::-ms-backdrop,.player-time-progress #progress-container input[type=range].amplitude-song-slider::-ms-thumb{height:15px;width:15px;border-radius:10px;cursor:pointer;margin-top:-8px}.player-time-progress #progress-container *::-ms-backdrop,.player-time-progress #progress-container input[type=range].amplitude-song-slider::-ms-track{border-width:15px 0;border-color:transparent}.player-time-progress #progress-container *::-ms-backdrop,.player-time-progress #progress-container input[type=range].amplitude-song-slider::-ms-fill-lower{background:#e1e1e1;border-radius:10px}.player-time-progress #progress-container *::-ms-backdrop,.player-time-progress #progress-container input[type=range].amplitude-song-slider::-ms-fill-upper{background:#e1e1e1;border-radius:10px}}@supports(-ms-ime-align:auto){.player-time-progress #progress-container input[type=range].amplitude-song-slider::-ms-thumb{height:15px;width:15px;margin-top:3px}}.player-time-progress #progress-container input[type=range]:focus::-ms-fill-lower{background:#00a6ff}.player-time-progress #progress-container input[type=range]:focus::-ms-fill-upper{background:#00a6ff}.player-volume{display:flex;align-items:center;gap:1px;margin-right:14px}.player-volume .amplitude-mute{width:25px;cursor:pointer}.player-volume .amplitude-mute.amplitude-muted i::before{content:"\f6a9"}#player-volume{--volume-before-width: 0%;position:relative}#volume-slider::-webkit-slider-runnable-track{background:rgba(115,134,168,.9)}#volume-slider::-moz-range-track{background:rgba(115,134,168,.9)}#volume-slider::-ms-fill-upper{background:rgba(115,134,168,.9)}#volume-slider::before{width:var(--volume-before-width)}.player-volume input[type=range]{position:relative;-webkit-appearance:none;width:70px;height:19px;margin:0;padding:0;outline:none}.player-volume input[type=range]::-webkit-slider-runnable-track{width:100%;height:3px;cursor:pointer;background:linear-gradient(to right,rgba(0,125,181,0.6) 0%,rgba(0,125,181,0.2) 0%);border-radius:50px}.player-volume input[type=range]::before{position:absolute;content:"";top:8px;left:-.4px;width:var(--seek-before-width);height:3px;background-color:#00a6ff;cursor:pointer;border-radius:50px 0 0 50px}.player-volume input[type=range]::-webkit-slider-thumb{position:relative;-webkit-appearance:none;box-sizing:content-box;height:10px;width:10px;border-radius:50%;background-color:#00a6ff;cursor:pointer;margin-top:-3.8px}.player-volume input[type=range]:active::-webkit-slider-thumb{transform:scale(1.2);background:#00a6ff}.player-volume input[type=range]::-moz-range-track{width:100%;height:3px;cursor:pointer;background:linear-gradient(to right,rgba(0,125,181,0.6) 0%,rgba(0,125,181,0.2) 0%)}.player-volume input[type=range]::-moz-range-progress{background-color:#00a6ff}.player-volume input[type=range]::-moz-focus-outer{border:0}.player-volume input[type=range]::-moz-range-thumb{box-sizing:content-box;border:1px solid #00a6ff;height:15px;width:15px;border-radius:50%;background-color:#fff;cursor:pointer}.player-volume input[type=range]:active::-moz-range-thumb{transform:scale(1.2);background:#00a6ff}.player-volume input[type=range]::-ms-track{width:100%;height:3px;cursor:pointer;background:0 0;border:solid transparent;color:transparent}.player-volume input[type=range]::-ms-fill-lower{background-color:#00a6ff}.player-volume input[type=range]::-ms-fill-upper{background:linear-gradient(to right,rgba(0,125,181,0.6) 0%,rgba(0,125,181,0.2) 0%)}.player-volume input[type=range]::-ms-thumb{box-sizing:content-box;border:1px solid #00a6ff;height:15px;width:15px;border-radius:50%;background-color:#fff;cursor:pointer}.player-volume input[type=range]:active::-ms-thumb{transform:scale(1.2);background:#00a6ff}.player-controls{display:flex;text-align:center}.player-controls #shuffle{height:45px;width:45px;line-height:45px;cursor:pointer;font-size:18px}.player-controls #shuffle.amplitude-shuffle-off{color:#7386a8}.player-controls #shuffle.amplitude-shuffle-on{color:#00a6ff}.player-controls #previous{height:45px;width:45px;line-height:45px;cursor:pointer;font-size:20px}.player-controls #play-pause{height:45px;width:45px;line-height:45px;cursor:pointer;background:#00a6ff;color:#fff;font-size:20px;border-radius:50px;padding-left:2px}.player-controls #play-pause.amplitude-paused{color:#fff}.player-controls #play-pause.amplitude-playing i::before{content:"\f04c"}.player-controls #next{height:45px;width:45px;line-height:45px;cursor:pointer;font-size:20px}.player-controls #repeat{height:45px;width:45px;line-height:45px;cursor:pointer;font-size:18px}.player-controls #repeat.amplitude-repeat-off{color:#7386a8}.player-controls #repeat.amplitude-repeat-on{color:#00a6ff}.player-controls .player-playlist{height:45px;width:45px;line-height:45px;cursor:pointer;font-size:18px}#playlist-container{position:absolute;right:0;bottom:110%;background-color:#fff;display:none;border-radius:15px;box-shadow:0 3px 24px rgb(0 0 0/10%);z-index:9999}.playlist-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eee;padding:10px 15px 10px 25px}.playlist-top .up-next{color:#000a24}.playlist-top .close-playlist{width:30px;height:30px;padding:0;line-height:0;border-radius:50px;background:#ff6562;color:#fff;border:none;box-shadow:0 3px 24px rgb(0 0 0/10%)}.playlist-content{margin-top:10px;width:380px;height:320px;overflow-y:auto}.playlist-item{position:relative}.playlist-remove{position:absolute;right:15px;top:50%;transform:translateY(-50%);width:30px;height:30px;line-height:31px;border:none;border-radius:50px;background:0 0;color:#ff6562;padding:0}.playlist-remove:hover{color:#fff;background:#ff6562}.playlist-song{display:flex;align-items:center;gap:10px;border-bottom:1px solid #f5f5f6;padding:10px 15px 10px 25px;cursor:pointer}.playlist-song:hover{background:#ebf8ff}.playlist-song.amplitude-active-song-container{position:relative}.playlist-song.amplitude-active-song-container::before{content:"\f6a8";position:absolute;left:0;top:50%;font-family:'font awesome 6 pro';color:#ff6562;margin-top:1px;transform:translateY(-50%)}.playlist-song img{width:60px;border-radius:8px}.playlist-song .playlist-song-meta{width:calc( 100% - 120px );white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-song .playlist-song-meta .playlist-song-name{color:#000a24;font-size:15px;font-weight:500;display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-song .playlist-song-meta .playlist-artist-album{color:#7386a8;font-size:12px;display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.amplitude-playing.active i::before{content:"\f04c"}@media all and (min-width:768px) and (max-width:1199px){.audio-player{bottom:30px;left:0;transform:unset;width:88%}}@media all and (max-width:767px){.audio-player .audio-player-hide{top:0;right:-20px;width:35px;height:35px;border-radius:50px}.audio-player.show .audio-player-hide{top:-48px}.audio-player{width:78%;left:0;padding-bottom:5px;transform:unset}.audio-player .player{align-items:unset;flex-direction:column;gap:0}.player-cover-img{position:absolute;left:0;top:0}.audio-player .player-cover-img img{width:60px;height:50px}.player-time-progress{padding-left:70px;padding-right:10px}.song-meta-data{display:none}.player-controls{justify-content:space-between}#playlist-container{width:100%;right:-10px}.playlist-content{width:100%}}