.baa{margin:0 0 34px}.baa__row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.baa__play{border:1.5px solid var(--action);width:44px;height:44px;color:var(--action);cursor:pointer;background:0 0;border-radius:50%;flex:none;place-items:center;padding:0;transition:background-color .2s,color .2s;display:grid}.baa__play svg{fill:currentColor;width:22px;height:22px}.baa__play:hover{background:var(--action);color:var(--text-on-action)}.baa__play:focus-visible,.baa__speed:focus-visible,.baa__bar:focus-visible{outline:2px solid var(--action);outline-offset:3px}.baa__label{font:500 16px/1.4 var(--font);color:var(--ink)}.baa__time{font:400 16px/1.4 var(--font);color:var(--muted);font-variant-numeric:tabular-nums}.baa__speeds{gap:4px;margin-left:auto;display:flex}.baa__speed{font:400 16px/1.2 var(--font);color:var(--muted);cursor:pointer;border-radius:var(--r-btn);background:0 0;border:0;padding:6px 8px}.baa__speed:hover{color:var(--ink)}.baa__speed.is-on{color:var(--ink);font-weight:500}.baa__bar{cursor:pointer;height:18px;margin-top:8px;position:relative}.baa__bar:before,.baa__bar span{content:"";border-radius:2px;height:2px;position:absolute;top:8px;left:0}.baa__bar:before{background:var(--line);right:0}.baa__bar span{background:var(--action);transition:width .25s linear}@media (max-width:560px){.baa__row{gap:10px}.baa__label{display:none}.baa__speed{padding:6px 5px}}