.audio-preview-player{min-width:0;color:var(--smm-fog);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.5rem .75rem;display:grid;container:audio-preview/inline-size}.audio-preview-player__heading{min-width:0;color:var(--smm-muted);grid-column:1/-1;align-items:center;gap:.25rem;font-size:.875rem;display:flex}.audio-preview-player__track{align-items:center;gap:.75rem;min-width:0;display:flex}.audio-preview-player__track-title{align-items:center;gap:.25rem;min-width:0;display:flex}.audio-preview-player__artwork{object-fit:cover;background:var(--smm-ink);border-radius:.5rem;flex-shrink:0;width:3rem;height:3rem}.audio-preview-player__title{text-overflow:ellipsis;white-space:nowrap;font-size:1.125rem;overflow:hidden}.audio-preview-player__artist{text-overflow:ellipsis;white-space:nowrap;color:var(--smm-muted);font-size:1rem;overflow:hidden}.audio-preview-player__controls{align-items:center;gap:.25rem;display:flex}.audio-preview-player__controls button{width:2.75rem;height:2.75rem;color:var(--smm-fog);cursor:pointer;border-radius:50%;place-items:center;transition:background-color .15s,color .15s;display:grid}.audio-preview-player__controls button:hover:not(:disabled){background:var(--smm-graphite);color:var(--smm-acid)}.audio-preview-player__controls .audio-preview-player__play{background:var(--smm-acid);width:3rem;height:3rem;color:var(--smm-ink)}.audio-preview-player__controls .audio-preview-player__play:hover:not(:disabled){background:var(--smm-fog);color:var(--smm-ink)}.audio-preview-player__controls button:disabled{opacity:.35;cursor:default}.audio-preview-player button:focus-visible,.audio-preview-player a:focus-visible{outline:2px solid var(--smm-acid);outline-offset:4px}.audio-preview-player__timeline{grid-column:1/-1;align-items:center;gap:.75rem;display:flex}.audio-preview-player__time{color:var(--smm-muted);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:.875rem}.audio-preview-player__progress{appearance:none;background:var(--smm-line);width:100%;min-width:0;height:.25rem;color:var(--smm-acid);border:0;border-radius:999px;flex:1;display:block;overflow:hidden}.audio-preview-player__progress::-webkit-progress-bar{background:var(--smm-line)}.audio-preview-player__progress::-webkit-progress-value{background:var(--smm-acid);border-radius:999px}.audio-preview-player__progress::-moz-progress-bar{background:var(--smm-acid);border-radius:999px}.audio-preview-player__status{color:var(--smm-muted);grid-column:1/-1;font-size:.875rem}@container audio-preview (width<=360px){.audio-preview-player__track{gap:.5rem}.audio-preview-player__artwork{width:2.5rem;height:2.5rem}.audio-preview-player__controls button{width:2rem;height:2rem}.audio-preview-player__controls .audio-preview-player__play{width:2.5rem;height:2.5rem}}@media (prefers-reduced-motion:reduce){.audio-preview-player__controls button{transition:none}}