.audio-list-container{display:flex;justify-content:center;animation-name:fadeIn;animation-duration:.3s;margin:0 0 8vh;border-top:1px solid var(--color-light-trans);overflow-x:auto;scroll-behavior:smooth;position:relative}.audio-list-titles{z-index:10}.audio-list{display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.audio-list:hover{color:var(--color-highlight);background-color:var(--color-light-trans)}.audio-list-item{display:flex;width:100%;color:var(--color-white)}.audio-list-item:hover{background-color:var(--color-light-trans)}.audio-list-item>div{cursor:pointer}.audio-list-item>a{color:var(--color-white)}.audio-list-container::-webkit-scrollbar{width:12px}.audio-list-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.audio-list-container::-webkit-scrollbar-thumb{background-color:#888;border-radius:10px;border:2px solid #f1f1f1}.audio-list-container::-webkit-scrollbar-thumb:hover{background:#555}.audio-list-container{scrollbar-width:thin;scrollbar-color:#888 #f1f1f1}.wavesurfer-container{position:fixed;display:flex;align-items:center;left:0;bottom:0;max-height:8vh;width:100%;font-size:1rem;padding:.2rem;border:1px solid var(--color-light-trans);overflow-x:auto;overflow-y:hidden;-webkit-backdrop-filter:blur(6px) saturate(2);backdrop-filter:blur(6px) saturate(2)}.wavesurfer-img,.wavesurfer-img-overlay{display:flex;justify-content:center;align-items:center}.wavesurfer-img-overlay{font-family:Bootstrap-icons;font-size:3rem;width:50px;height:50px;color:#fff;z-index:1;opacity:.8}.wavesurfer-waveform{width:100%;padding-left:.5rem}.random-track-button{position:relative;display:flex;align-items:center;padding:.5rem}.scale-up:hover{scale:1.1;cursor:pointer}