.music-player { margin-block: 2rem; padding: clamp(1rem, 4vw, 2rem); border: 1px solid currentColor; border-radius: .75rem; }
.music-player .music-cover { width: 9rem; max-width: 100%; height: auto; border-radius: .4rem; }
.music-player [data-controls]:not([hidden]) { display: flex; align-items: center; flex-wrap: wrap; gap: .75rem; margin-block: 1rem; }
.music-player button { color: inherit; background: transparent; border: 1px solid currentColor; border-radius: .3rem; padding: .65rem .85rem; cursor: pointer; font: inherit; text-align: left; }
.music-player button:disabled { cursor: default; opacity: .6; }
.music-player button:focus-visible, .music-player input:focus-visible { outline: 3px solid currentColor; outline-offset: 3px; }
.music-player [data-src] { width: 100%; border-color: transparent; }
.music-player [aria-current="true"] { border-color: currentColor; font-weight: bold; }
.music-player ol { padding-left: 1.8rem; }
.music-player li { margin-block: .25rem; }
.music-player [data-seek] { flex: 1 1 8rem; min-width: 0; width: 100%; }
.music-player [data-time] { font-variant-numeric: tabular-nums; white-space: nowrap; }
.music-player [data-status] { min-height: 1.5em; }
.music-player [hidden] { display: none !important; }