.audio-player{padding-bottom:6rem}.song-list-container{max-width:42rem;margin:0 auto;padding:1.5rem}.song-item{padding:1rem 0;border-bottom:1px solid #2d2d2d;justify-content:space-between}.song-controls,.song-item{display:flex;align-items:center}.song-controls{gap:.5rem;order:2}.control-button{padding:.5rem;border-radius:100%;color:#fff;transition:all .2s ease-in-out}.control-button:hover{background-color:#2d2d2d}.control-button .loading-dots,.control-button svg{opacity:1;transition:opacity .2s ease-in-out}.song-title{color:#fff}.loading-spinner{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;position:relative}.loading-spinner:after{content:"";display:block;width:16px;height:16px;border-radius:50%;border-color:#fff transparent;border-style:solid;border-width:2px;animation:spinner 1.2s linear infinite}@keyframes spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.bottom-player{position:fixed;bottom:0;left:0;right:0;background-color:#000;border-top:1px solid #2d2d2d;padding:.75rem 1rem;z-index:10}.player-container{max-width:56rem;margin:0 auto}.player-header{display:flex;align-items:center;margin-bottom:.5rem}.current-track-title{font-size:.875rem;color:#fff;flex:1}.time-display{font-size:.875rem;color:#a3a3a3}.player-controls{display:flex;align-items:center;justify-content:center;gap:1.5rem}.player-control-button{padding:.5rem;color:#fff;transition:all .2s ease-in-out}.player-control-button:hover{color:#a3a3a3}.player-control-button:disabled{opacity:.5;cursor:not-allowed}.play-pause-button{padding:.75rem;color:#fff;border-radius:9999px;transition:all .2s ease-in-out}.play-pause-button:hover{background-color:#2d2d2d}.play-pause-button:disabled{opacity:.5;cursor:not-allowed}.play-pause-button .loading-dots,.play-pause-button svg{opacity:1;transition:opacity .2s ease-in-out}input[type=range]{-webkit-appearance:none;appearance:none;background:#2d2d2d;width:100%;height:4px;margin-bottom:1rem;cursor:pointer;border-radius:2px;background-image:linear-gradient(#fff,#fff);background-size:var(--progress-width,0) 100%;background-repeat:no-repeat;transition:height .2s ease-in-out}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:0;height:0}input[type=range]::-moz-range-thumb{width:0;height:0;border:0}input[type=range]:active,input[type=range]:hover{height:6px}