/* Original Stories SVGs and outlined controls, with v4 playback unchanged. */
.bar-bottom{padding-block:10px max(14px,env(safe-area-inset-bottom))}
.bar-bottom .inner{gap:5px}
.ctrls{gap:24px;margin-top:5px}
.ctrls .control{border-radius:50%;gap:2px}
.ctrls .play{border:1.5px solid var(--ink);background:none;color:var(--ink)}
.ctrls .stop{border:0;background:none}
.ctrls .stop>span{font-size:12px;color:var(--quiet)}
.ctrls svg{flex:none;display:block}
#play .i-pause{display:none}
#play[data-state="playing"] .i-play{display:none}
#play[data-state="playing"] .i-pause{display:block}
.ctrls .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#seek{appearance:none;-webkit-appearance:none;background:transparent;height:44px;margin:-8px 0;accent-color:var(--ink);cursor:pointer;border:0}
#seek::-webkit-slider-runnable-track{height:2px;background:#B5BCB6;border-radius:0}
#seek::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:10px;height:10px;margin-top:-4px;border-radius:50%;background:var(--ink);border:0}
#seek::-moz-range-track{height:2px;background:#B5BCB6;border:0}
#seek::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:var(--ink);border:0}
#seek:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
@media(max-width:380px){.ctrls{gap:16px}}