.sd-vtr{--bg:#1c1c1c;--fg:#f6f6f6;--mute:#8e8e8e;--line:#ffffff1a;--soft:#ffffff12;--strong:#fafafa;--on:#111;color:var(--fg);-webkit-tap-highlight-color:transparent;font-size:14px;line-height:1.4}.sd-vtr[data-fill=light]{--bg:#fff;--fg:#121212;--mute:#6f6f6f;--line:#00000017;--soft:#0000000d;--strong:#111;--on:#fff}.sd-vtr :where(button){font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.sd-vtr :focus-visible{outline:2px solid var(--fg);outline-offset:2px}.sd-vtr .sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sd-vtr{background:var(--bg);width:min(100%,340px);box-shadow:inset 0 0 0 1px var(--line);border-radius:20px;padding:14px}.sd-vtr__pv{aspect-ratio:16/9;background:var(--soft);font-variant-numeric:tabular-nums;color:var(--mute);border-radius:12px;place-items:center;margin-bottom:14px;font:600 26px/1 ui-sans-serif,system-ui;display:grid;position:relative;overflow:hidden}.sd-vtr__pv i{background:var(--fg);height:3px;position:absolute;bottom:0;left:0}.sd-vtr__strip{touch-action:none;-webkit-user-select:none;user-select:none;border-radius:10px;height:52px;position:relative}.sd-vtr__fr{border-radius:10px;gap:2px;display:flex;position:absolute;inset:0;overflow:hidden}.sd-vtr__fr span{background:var(--soft);flex:1}.sd-vtr__fr span:nth-child(3n){background:var(--line)}.sd-vtr__fr[data-k=wave]{background:var(--soft);align-items:center;gap:2px;padding:0 6px}.sd-vtr__fr[data-k=wave] span{background:var(--mute);border-radius:2px;flex:1}.sd-vtr__dim{background:color-mix(in srgb, var(--bg) 72%, transparent);position:absolute;top:0;bottom:0}.sd-vtr__sel{box-shadow:inset 0 0 0 2.5px var(--fg);cursor:grab;border-radius:10px;position:absolute;top:-2px;bottom:-2px}.sd-vtr__h{background:var(--fg);cursor:ew-resize;outline:0;place-items:center;width:14px;display:grid;position:absolute;top:-2px;bottom:-2px}.sd-vtr__h:after{content:"";background:var(--bg);border-radius:2px;width:2px;height:16px}.sd-vtr__h[data-s=a]{border-radius:10px 0 0 10px;transform:translate(-100%)}.sd-vtr__h[data-s=b]{border-radius:0 10px 10px 0}.sd-vtr__h:focus-visible{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--fg)}.sd-vtr__ph{background:var(--fg);pointer-events:none;border-radius:2px;width:2px;margin-left:-1px;position:absolute;top:-6px;bottom:-6px}.sd-vtr__bar{color:var(--mute);font-variant-numeric:tabular-nums;align-items:center;gap:10px;margin-top:14px;font-size:12.5px;display:flex}.sd-vtr__play{border-radius:99px;place-items:center;width:34px;height:34px;display:grid;background:var(--strong)!important;color:var(--on)!important}.sd-vtr__play svg{fill:currentColor;width:13px;height:13px}.sd-vtr__bar b{color:var(--fg);margin-left:auto;font-size:14px}@media (prefers-reduced-motion:reduce){.sd-vtr *,.sd-vtr :before,.sd-vtr :after{transition:none!important;animation:none!important}}