.scrub[data-v-e7f56a6c]{grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:12px;min-width:0;display:grid}.scrub--below[data-v-e7f56a6c],.scrub--none[data-v-e7f56a6c]{display:block}.scrub__below[data-v-e7f56a6c],.scrub__time[data-v-e7f56a6c]{font-size:var(--fs-caption);color:var(--text-3)}.scrub__time[data-v-e7f56a6c]:first-child{text-align:right}.scrub__below[data-v-e7f56a6c]{justify-content:space-between;align-items:center;margin-top:6px;display:flex}.scrub__mid[data-v-e7f56a6c]{color:var(--accent);align-items:center;gap:4px;font-weight:600;display:inline-flex}.scrub__bar[data-v-e7f56a6c]{--p:0;--x:1;--b:0;cursor:pointer;touch-action:none;border-radius:4px;outline:none;height:32px;position:relative}.scrub__bar.is-disabled[data-v-e7f56a6c]{cursor:default;opacity:.5;pointer-events:none}.scrub__head[data-v-e7f56a6c]{top:50%;left:calc(var(--p) * 100%);background:var(--knob);width:12px;height:12px;box-shadow:0 0 0 4px rgba(var(--hi-rgb),.12),0 2px 6px rgba(var(--shade-rgb),calc(.6 * var(--shade-k)));opacity:0;transition:opacity var(--dur-1),transform var(--dur-1) var(--ease-out),box-shadow var(--dur-1);pointer-events:none;border-radius:50%;margin:-6px 0 0 -6px;position:absolute;transform:scale(.6)}.scrub__bar.is-drag .scrub__head[data-v-e7f56a6c],.scrub__bar.is-hover .scrub__head[data-v-e7f56a6c],.scrub__bar:focus-visible .scrub__head[data-v-e7f56a6c],.scrub__bar:hover .scrub__head[data-v-e7f56a6c]{opacity:1;transform:none}.scrub__bubble[data-v-e7f56a6c]{border-radius:var(--r-2);background:var(--ink-4);box-shadow:var(--shadow-pop);font-size:var(--fs-caption);white-space:nowrap;pointer-events:none;animation:fade-in var(--dur-1);padding:4px 8px;font-weight:600;position:absolute;bottom:calc(100% + 8px);transform:translate(-50%)}.scrub__bubble.is-marker[data-v-e7f56a6c]{color:var(--accent)}.scrub--wave .scrub__bar[data-v-e7f56a6c]{--stroke:2px}.scrub--wave.scrub--lg .scrub__bar[data-v-e7f56a6c]{--stroke:3px;height:40px}.scrub--wave .scrub__bar[data-v-e7f56a6c]:focus-visible{box-shadow:0 0 0 2px var(--focus)}.wf__layer[data-v-e7f56a6c]{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.wf__layer path[data-v-e7f56a6c]{fill:none;stroke:currentColor;stroke-width:var(--stroke);stroke-linecap:round;vector-effect:non-scaling-stroke}.wf__base[data-v-e7f56a6c]{color:rgba(var(--fg-rgb),.22)}.wf__zone[data-v-e7f56a6c]{color:var(--accent);opacity:.5;clip-path:inset(0 0 0 calc(var(--x) * 100%))}.wf__played[data-v-e7f56a6c]{color:var(--text-1);clip-path:inset(0 calc(100% * (1 - var(--p))) 0 0)}.wf__played-zone[data-v-e7f56a6c]{color:color-mix(in oklab,var(--accent) 60%,var(--text-1));clip-path:inset(0 calc(100% * (1 - var(--p))) 0 calc(var(--x) * 100%))}.wf__marker[data-v-e7f56a6c]{top:-5px;bottom:-5px;left:calc(var(--x) * 100%);pointer-events:none;width:0;position:absolute}.wf__marker[data-v-e7f56a6c]:before{width:1.5px;top:5px;bottom:5px;left:-.75px}.wf__marker[data-v-e7f56a6c]:after,.wf__marker[data-v-e7f56a6c]:before{content:"";background:var(--accent);border-radius:2px;position:absolute}.wf__marker[data-v-e7f56a6c]:after{width:8px;height:8px;top:0;left:-4px;transform:rotate(45deg)}.scrub--line .scrub__bar[data-v-e7f56a6c]{--h:4px;height:24px}.scrub--line.scrub--lg .scrub__bar[data-v-e7f56a6c]{height:20px}.scrub--line .scrub__below[data-v-e7f56a6c]{margin-top:2px}.scrub--line .scrub__bar[data-v-e7f56a6c]:before{content:"";position:absolute;inset:-4px 0}.scrub--line .scrub__bar.is-drag[data-v-e7f56a6c],.scrub--line .scrub__bar.is-hover[data-v-e7f56a6c],.scrub--line .scrub__bar[data-v-e7f56a6c]:hover{--h:6px}.ln__track[data-v-e7f56a6c]{height:var(--h);border-radius:var(--h);transition:height var(--dur-1) var(--ease-out);top:50%;right:0;overflow:hidden;transform:translateY(-50%)}.ln__buffer[data-v-e7f56a6c],.ln__track[data-v-e7f56a6c]{background:rgba(var(--fg-rgb),.16);position:absolute;left:0}.ln__buffer[data-v-e7f56a6c]{width:calc(var(--b) * 100%);top:0;bottom:0}.ln__zone[data-v-e7f56a6c]{left:calc(var(--x) * 100%);background:color-mix(in oklab,var(--accent) 55%,transparent);right:0}.ln__fill[data-v-e7f56a6c],.ln__zone[data-v-e7f56a6c]{position:absolute;top:0;bottom:0}.ln__fill[data-v-e7f56a6c]{width:calc(var(--p) * 100%);border-radius:inherit;background:var(--text-1);transition:background-color var(--dur-1);left:0}.ln__marker[data-v-e7f56a6c],.scrub--line .scrub__bar.is-drag .ln__fill[data-v-e7f56a6c],.scrub--line .scrub__bar.is-hover .ln__fill[data-v-e7f56a6c],.scrub--line .scrub__bar:hover .ln__fill[data-v-e7f56a6c]{background:var(--accent)}.ln__marker[data-v-e7f56a6c]{top:50%;left:calc(var(--x) * 100%);width:8px;height:8px;box-shadow:0 0 0 2px var(--ink-1);transition:transform var(--dur-1) var(--ease-out);pointer-events:none;border-radius:2px;margin:-4px 0 0 -4px;position:absolute;transform:rotate(45deg)}.scrub__bar.is-near .ln__marker[data-v-e7f56a6c]{transform:rotate(45deg)scale(1.3)}.scrub--line .scrub__head[data-v-e7f56a6c]{box-shadow:0 1px 4px rgba(var(--shade-rgb),calc(.6 * var(--shade-k)))}.scrub--line.scrub--lg .scrub__head[data-v-e7f56a6c]{width:14px;height:14px;margin:-7px 0 0 -7px}.scrub--line .scrub__bar:focus-visible .scrub__head[data-v-e7f56a6c]{box-shadow:0 0 0 3px var(--focus),0 1px 4px rgba(var(--shade-rgb),calc(.6 * var(--shade-k)))}.scrub--line .scrub__bubble[data-v-e7f56a6c]{bottom:calc(50% + 14px)}@media (pointer:coarse){.scrub--wave .scrub__bar[data-v-e7f56a6c]:before{content:"";position:absolute;inset:-6px 0}.scrub--line .scrub__bar[data-v-e7f56a6c]:before{inset:-4px 0 -16px}.scrub--line.scrub--lg .scrub__bar[data-v-e7f56a6c]:before{inset:-12px 0}}