.music-player{width:100%;min-width:0;padding:1rem 1.25rem .8rem;border:1px solid #ffffff4f;border-radius:1.2rem;background:#ffffffed;backdrop-filter:blur(24px);box-shadow:0 15px 50px #0002;color:var(--ink)}.player-top{display:flex;align-items:center;gap:.75rem}.player-art{flex:0 0 2.6rem;width:2.6rem;height:2.6rem;border-radius:.75rem;display:grid;place-items:center;background:var(--yellow)}.player-art svg{width:1.35rem;height:1.35rem}.player-track{min-width:0;flex:1}.player-track p{margin:0;font-size:.9375rem;font-weight:700;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-track>span{display:block;margin-top:.18rem;font-size:.75rem;color:#858676;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-wave{display:flex;gap:3px;align-items:center;height:1.25rem;padding-right:.3rem}.player-wave i{width:2px;height:5px;background:#a7a88f;border-radius:2px}.player-wave i:nth-child(2){height:14px}.player-wave i:nth-child(3){height:9px}.music-player.is-playing .player-wave i{background:#847000;animation:equalizer .8s ease-in-out infinite alternate}.music-player.is-playing .player-wave i:nth-child(2){animation-delay:.25s}.music-player.is-playing .player-wave i:nth-child(3){animation-delay:.5s}.music-player.is-playing .player-wave i:nth-child(4){animation-delay:.1s}.player-controls{display:flex;align-items:center;justify-content:space-between;margin:.25rem 0 .15rem}.player-controls button{display:grid;place-items:center;width:2.75rem;height:2.75rem;padding:.7rem;border:0;border-radius:50%;background:transparent;color:#292c21;transition:background .18s,transform .18s}.transport{display:flex;align-items:center;gap:.3rem}.player-controls .player-play{background:var(--ink);color:#fff;width:2.7rem;height:2.7rem}.player-controls button:hover:not(:disabled){background:#e5e7d9;transform:scale(1.07)}.player-controls .player-play:hover:not(:disabled){background:#373b2c}.player-controls button:active:not(:disabled){transform:scale(.94)}.player-controls button:disabled{opacity:.32}.player-controls .player-small{width:2.5rem;height:2.5rem;padding:.7rem;color:#7a7f65}.player-small[aria-pressed="true"]{color:#7e6400;background:#ffce031a}.player-timeline{display:flex;align-items:center;gap:.65rem;font-size:.75rem;font-variant-numeric:tabular-nums;color:#7e806e;line-height:1.2}.player-timeline input{min-width:0;width:100%;height:1rem;margin:0;accent-color:#b59600;cursor:pointer}.player-timeline input:disabled{opacity:.38;cursor:default}@keyframes equalizer{to{height:17px}}
@media(max-width:650px){.music-player{padding:.8rem 1rem .7rem;border-radius:1rem}.player-art{width:2.35rem;height:2.35rem;flex-basis:2.35rem}.player-controls{margin:.15rem 0 .05rem}}
@media(max-height:600px){.music-player{padding:.65rem 1rem .5rem}.player-top{gap:.6rem}.player-art{width:2.1rem;height:2.1rem;flex-basis:2.1rem}.player-track p{font-size:.875rem}.player-wave{display:none}.player-controls{margin:0}.player-controls button{width:2.5rem;height:2.5rem}.player-controls .player-play{width:2.35rem;height:2.35rem}.player-timeline{font-size:.75rem}}
@media(max-height:410px){.player-top{display:none}.music-player{padding:.35rem .9rem .5rem}.player-controls .player-play{height:2.2rem;width:2.2rem}.player-controls{margin:0}}