.songs{display:flex}.songs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.audio-card{display:flex;flex-direction:column;background:var(--bg);gap:1rem;border:solid 1px var(--border);cursor:pointer;transition:.3s ease}.audio-card:hover{filter:brightness(1.1)}.audio-card-header{display:flex;justify-content:space-between;padding:10%}.audio-card-img{position:relative}.audio-card-img i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:4rem;color:var(--txt);transition:.3s ease}.audio-card-img:hover i{filter:drop-shadow(0 0 10px var(--txt));scale:1.1}.active-audio:after{content:"";position:absolute;background:radial-gradient(circle,transparent 60%,var(--acc-p) 100%);filter:blur(20px);top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;animation:pulse 2s ease-out infinite;z-index:10}@keyframes pulse{0%{opacity:0}50%{opacity:1}to{opacity:0}}.audio-player{position:fixed;bottom:20px;left:50%;transform:translate(-50%);width:60%;background:var(--bg);border:solid 1px var(--border);display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1rem;border-radius:1rem}#play-button{height:2rem;width:2rem;max-width:2rem;background:var(--bg-s);display:flex;align-items:center;justify-content:center;border-radius:50%;padding:.5rem}.seek-bar-wrapper{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;width:clamp(200px,100%,600px)}.audio-player input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;all:unset;width:100%;min-width:100px;background:transparent;flex:1}.audio-player input[type=range]::-webkit-slider-runnable-track{height:8px;background:var(--bg-s);border-radius:5px}.audio-player input[type=range]::-moz-range-track{height:8px;background:var(--bg-s);border-radius:5px}.audio-player input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:20px;width:20px;border-radius:50%;background:var(--acc-p);cursor:pointer;margin-top:-6px}.audio-player input[type=range]::-moz-range-thumb{height:20px;width:20px;border-radius:50%;background:#fff;border:2px solid #000}