/* One precise transport family across listen, mini-player and road mode. */
.transport-seek{display:inline-grid;place-items:center;flex-shrink:0;position:relative;isolation:isolate;border:0;border-radius:50%;padding:0;color:var(--paper);background:transparent;transition:background .16s ease,color .16s ease}
.transport-seek:hover:not(:disabled){background:#ffffff0d;color:#fff}
.transport-seek:active:not(:disabled){background:#ffffff1b}
.transport-seek:focus-visible{outline:2px solid #a99fff;outline-offset:4px;background:#ffffff0d}
.audio-controls{gap:28px;margin:28px 0;direction:ltr}
.audio-controls>.transport-seek{width:64px;height:64px}
.audio-controls>.transport-seek>svg{width:44px;height:44px;display:block}
.audio-controls>.audio-play{width:80px;height:80px;flex-shrink:0}
.audio-play{display:inline-grid;place-items:center;padding:0;color:var(--paper)}
.audio-play:active:not(:disabled){background:#6755f2}
.mini-transport{gap:4px}
.mini-transport>.transport-seek{width:44px;height:44px}
.mini-transport>.transport-seek>svg{width:32px;height:32px;display:block}
.mini-transport>.mini-play{width:48px;height:48px;margin:0 6px;padding:0;flex-shrink:0}
.mini-transport>.mini-play>svg{width:23px;height:23px}
.road-controls>.transport-seek{width:84px;height:84px}
.road-controls>.transport-seek>svg{width:58px;height:58px;display:block}
@media(max-width:760px){.audio-controls{gap:24px}.audio-controls>.transport-seek{width:56px;height:56px}.audio-controls>.transport-seek>svg{width:40px;height:40px}.mini-transport{gap:0}.mini-transport>.mini-play{margin-inline:2px}.road-controls{gap:clamp(12px,4vw,24px)}.road-controls>.transport-seek{width:72px;height:72px}.road-controls>.transport-seek>svg{width:50px;height:50px}}
@media(prefers-reduced-motion:reduce){.transport-seek{transition:none}}