.ba-frame{touch-action:pan-y;background:#0d0d0d;border:1px solid #2a2a2a;width:100%;position:relative;overflow:hidden}.ba-before{clip-path:inset(0 calc(100% - var(--ba-pos,50%)) 0 0);position:absolute;inset:0}.ba-handle{top:0;bottom:0;left:var(--ba-pos,50%);pointer-events:none;background:#fff;width:1px;position:absolute;box-shadow:0 0 0 1px #00000059}.ba-knob{color:#fff;background:#0a0a0a;border:1px solid #fff;border-radius:50%;place-items:center;width:2.5rem;height:2.5rem;margin:-1.25rem 0 0 -1.25rem;display:grid;position:absolute;top:50%;left:50%}.ba-tags{justify-content:space-between;margin-bottom:.6rem;display:flex}.ba-tag{letter-spacing:.22em;text-transform:uppercase;color:#9a9a9a;font:600 10px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.ba-tag-after{color:var(--color-accent,#f2244e)}.ba-range{opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;inset:0}@media (pointer:coarse){.ba-frame{touch-action:pan-y}.ba-range{pointer-events:none}}.ba-frame:has(.ba-range:focus-visible){outline:2px solid var(--color-accent,#f2244e);outline-offset:3px}.ba-captions{color:#8a8a8a;gap:.35rem;margin-top:.9rem;font-size:.875rem;line-height:1.5;display:grid}.ba-captions b{letter-spacing:.22em;text-transform:uppercase;color:#cfcfcf;margin-right:.5rem;font:600 10px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}