.mix-controls{grid-template-columns:auto 1fr;align-items:center;gap:20px;margin-block:0;display:grid}.mix-controls input{width:100%;min-height:44px;accent-color:var(--link)}.mix-controls button{border:1px solid var(--control-line);min-width:144px;min-height:44px;color:var(--text);background:var(--control);border-radius:10px;padding:10px 16px}.mix-controls input:focus-visible,.mix-controls button:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.mix-slider{align-items:center;gap:16px;min-width:0;display:flex}.mix-slider label{white-space:nowrap;font-size:13px}.mix-controls .mix-play{background:var(--accent);color:#0f1d24;border-color:var(--accent);justify-content:center;align-items:center;gap:8px;font-weight:600;display:flex}.mix-pause-icon{display:none}.mix-play[aria-pressed=true] .mix-pause-icon{display:block}.mix-play[aria-pressed=true] .mix-play-icon{display:none}.mix-controls:has(.mix-play[hidden]){grid-template-columns:1fr}.mix-controls [hidden]{display:none!important}.mix-controls .mix-play:disabled{background:var(--control);color:var(--muted);border-color:var(--line);cursor:not-allowed}.mix-controls input:disabled{accent-color:var(--muted);cursor:not-allowed}@media (width<=700px){.mix-controls{grid-template-columns:1fr;gap:4px}.mix-slider,.mix-slider label{display:block}.mix-controls .mix-play{justify-self:start}}