.sd-vn{--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-vn[data-fill=light]{--bg:#fff;--fg:#121212;--mute:#6f6f6f;--line:#00000017;--soft:#0000000d;--strong:#111;--on:#fff}.sd-vn :where(button){font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.sd-vn :focus-visible{outline:2px solid var(--fg);outline-offset:2px}.sd-vn .sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sd-vn{background:var(--soft);width:min(100%,300px);box-shadow:inset 0 0 0 1px var(--line);font-variant-numeric:tabular-nums;border-radius:22px 22px 22px 6px;align-items:center;gap:10px;padding:10px 14px 10px 10px;display:flex}.sd-vn[data-me]{background:var(--strong);color:var(--on);box-shadow:none;--fg:var(--on);--mute:color-mix(in srgb, var(--on) 50%, transparent);--soft:color-mix(in srgb, var(--on) 12%, transparent);border-radius:22px 22px 6px}.sd-vn__play{border-radius:99px;flex:none;place-items:center;width:38px;height:38px;transition:transform .14s;display:grid;background:var(--fg)!important;color:var(--bg)!important}.sd-vn[data-me] .sd-vn__play{color:var(--strong)!important}.sd-vn__play:active{transform:scale(.9)}.sd-vn__play svg{fill:currentColor;width:14px;height:14px}.sd-vn__mid{flex:1;min-width:0}.sd-vn__wave{cursor:pointer;touch-action:none;border-radius:6px;outline:0;align-items:center;gap:2px;height:30px;display:flex}.sd-vn__wave:focus-visible{box-shadow:0 0 0 2px var(--fg)}.sd-vn__wave i{background:var(--mute);opacity:.6;border-radius:2px;flex:1;min-height:3px;transition:background-color .12s,opacity .12s}.sd-vn__wave i[data-on]{background:var(--fg);opacity:1}.sd-vn__meta{color:var(--mute);justify-content:space-between;margin-top:3px;font-size:11.5px;display:flex}.sd-vn__spd{min-width:38px;height:26px;box-shadow:inset 0 0 0 1px var(--mute);border-radius:99px;flex:none;padding:0 8px;font-size:11.5px;font-weight:650}@media (prefers-reduced-motion:reduce){.sd-vn *,.sd-vn :before,.sd-vn :after{transition:none!important;animation:none!important}}
