.vp{--vp-ink:var(--sp-text,var(--ink,#131b20));--vp-muted:var(--sp-muted,var(--muted,#4f5e69));--vp-accent:var(--color-accent,var(--accent,#0f6b73));--vp-chip:var(--bg-surface-alt,var(--surface-alt,#e8ebed));--vp-h:34px;--vp-bar:3px;--vp-gap:2px;font-variant-numeric:tabular-nums;align-items:center;gap:8px;width:100%;min-width:0;display:flex}.vp-play{cursor:pointer;background:var(--vp-accent);width:34px;height:34px;color:var(--on-accent,#fff);border:0;border-radius:99px;flex:none;place-items:center;display:grid}.vp-play:disabled{cursor:default;opacity:.65}.vp .vp-play svg{color:inherit;stroke:currentColor;flex:none}.vp-play:focus-visible,.vp-speed:focus-visible{outline:2px solid var(--vp-accent);outline-offset:2px}.vp-track{min-width:60px;height:var(--vp-h);--vp-pos:0%;flex:1;position:relative}.vp-wave{cursor:pointer;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;color:color-mix(in srgb, var(--vp-ink) 30%, transparent);border-radius:6px;position:absolute;inset:0}.vp-wave[aria-disabled=true]{cursor:default}.vp-wave:focus-visible{outline:2px solid var(--vp-accent);outline-offset:2px}.vp-wave canvas{pointer-events:none;width:100%;height:100%;display:block}.vp-played-color{width:0;height:0;color:var(--vp-accent);position:absolute;overflow:hidden}.vp-thumb{top:50%;left:var(--vp-pos);pointer-events:none;background:var(--vp-accent);width:12px;height:12px;box-shadow:0 0 0 2px var(--sp-surface,var(--surface,#fff));opacity:0;border-radius:99px;margin:-6px 0 0 -6px;transition:opacity .12s,transform .12s;position:absolute;transform:scale(.6)}.vp-track:hover .vp-thumb,.vp-wave:focus-visible+.vp-thumb,.vp.is-dragging .vp-thumb{opacity:1;transform:none}.vp.is-dragging .vp-thumb{transform:scale(1.25)}.vp-time{color:var(--vp-muted);text-align:right;flex:none;min-width:72px;font-size:12px}.vp-speed{cursor:pointer;min-width:40px;height:26px;font:inherit;background:var(--vp-chip);color:var(--vp-ink);border:0;border-radius:99px;flex:none;padding:0 7px;font-size:12px;font-weight:650}.vp-speed:disabled{opacity:.6;cursor:default}.vp-error{color:var(--color-error-text,var(--err,#a81a27));align-items:center;gap:6px;margin:6px 0;font-size:12.5px;display:flex}.vp-spin{animation:1s linear infinite vp-spin}@keyframes vp-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.vp-spin{animation:none}.vp-thumb{transition:none}}@media (width<=420px){.vp{--vp-h:40px;flex-wrap:wrap;row-gap:4px}.vp-track{flex-basis:calc(100% - 42px)}.vp-time{text-align:left;flex:1;order:3;min-width:0}.vp-speed{order:4;height:30px}}