.audio-player-container{display:flex;min-width:350px;max-width:500px;width:100%;flex-direction:column;justify-content:center;background:#fff;box-shadow:0 4px 8px #0000001a;border-radius:0;padding:5px;overflow:hidden}.player{display:flex}.playlist-container{flex:1;overflow-y:auto;padding-top:18px}.cover{display:flex;width:120px;height:120px;border-radius:8px}.info{display:flex;flex-direction:column;flex:1;align-content:flex-start;padding-left:8px}.current-track-title{font-size:1.8em;font-weight:700}.progress-container{display:flex;flex-direction:column;padding-top:5px}.progress-time{display:flex;justify-content:space-between;font-size:.8em;color:#666}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;outline:none;overflow:hidden}input[type=range]::-webkit-slider-runnable-track{height:5px;background:#C5C0BC}input[type=range]::-moz-range-track{height:5px;background:#C5C0BC}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:0px;width:0px;background-color:red;box-shadow:-400px 0 0 400px #212121}input[type=range]::-moz-range-thumb{height:15px;width:15px;background-color:#fff;border:1px solid #f50;box-shadow:-407px 0 0 400px #f50}.audio-controls-container{display:flex;justify-content:space-between}.audio-control-button{display:flex;align-items:center;border:none;background-color:transparent;font-size:1.2em;color:#000;padding:5px}.audio-control-button:hover{cursor:pointer}.track-controls-container{display:flex}.other-controls-container{display:flex;align-items:center}.play-pause-button{align-items:center;font-size:1.4em}.playlist{list-style:none;padding:0;margin:0}.playlist li{display:flex;padding:5px;cursor:pointer}.playlist li:hover{background:#f0f0f0}.playlist li:hover .container{opacity:0}.playlist li:hover .overlay{opacity:1}.list-cover{width:100%;height:100%;border-radius:5px}.list-song-info{display:flex;flex-direction:column;margin-left:10px;margin-bottom:5px;justify-content:end}.info-title{font-size:1.2em;font-weight:700}.info-artist{font-size:.8em;color:#666}.list-duration{display:flex;align-items:center;padding-left:10px;margin-left:auto}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);color:#fff;display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease;border-radius:5px}.list-cover-container{position:relative;width:50px;height:50px}.container{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;border-radius:5px;opacity:1}.bar{width:4px;margin:2px;height:30%;background-color:#3498db;animation:grow-shrink 1.5s infinite}@keyframes grow-shrink{0%,to{transform:scaleY(1)}50%{transform:scaleY(2)}}.reorder-handle{color:#bfbfbf;display:flex;align-items:center;padding-left:15px}body{font-family:Raleway,sans-serif;background-color:#f0f0f0;background-image:url(/assets/background-5b347314.webp);background-size:cover;background-position:center;background-repeat:no-repeat;min-height:100vh}