.of-vsl{position:relative;isolation:isolate;overflow:hidden;width:100%;max-width:720px;margin-inline:auto;border-radius:var(--r-lg);border:1px solid var(--border);background:#000;box-shadow:0 24px 60px -30px #0009}.of-vsl-stage{position:relative;display:block;width:100%;aspect-ratio:16 / 9;padding:0;border:0;background:#000;cursor:pointer}.of-vsl-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.of-vsl-bigplay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#00000047;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.of-vsl-bigplay-btn{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:var(--brand);color:var(--accent-ink);box-shadow:0 10px 34px -8px var(--brand-glow)}.of-vsl-bigplay-btn svg{width:28px;height:28px;margin-inline-start:3px}.of-vsl-bar{position:absolute;inset-inline:0;bottom:0;z-index:2;display:flex;align-items:center;gap:10px;padding:48px 14px 14px;pointer-events:none;background:linear-gradient(to top,rgba(0,0,0,.9),rgba(0,0,0,.5) 45%,transparent)}.of-vsl-btn{pointer-events:auto;height:36px;min-width:36px;padding:0;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:999px;background:#ffffff29;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .2s ease}.of-vsl-btn:hover{background:#ffffff4d}.of-vsl-btn.is-wide{padding:0 12px}.of-vsl-btn svg{width:16px;height:16px}.of-vsl-unmute{font-size:.75rem;font-weight:700;white-space:nowrap}.of-vsl-rails{flex:1;display:flex;align-items:center;gap:6px;min-width:0}.of-vsl-track{pointer-events:auto;flex:1;height:24px;padding:0;border:0;background:transparent;cursor:pointer;display:flex;align-items:center;min-width:0}.of-vsl-track.is-done .of-vsl-rail{background:#ffffff8c}.of-vsl-chip{position:absolute;top:12px;inset-inline-start:12px;z-index:2;display:inline-flex;align-items:center;gap:8px;height:28px;padding:0 10px 0 6px;border-radius:999px;background:#00000073;color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.01em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none}.of-vsl-chip-n{display:inline-grid;place-items:center;height:18px;padding:0 6px;border-radius:999px;background:var(--brand);color:var(--accent-ink);font-size:.65rem;font-variant-numeric:tabular-nums}.of-vsl-rail{position:relative;width:100%;height:4px;border-radius:999px;background:#ffffff4d;overflow:hidden;transition:height .2s ease}.of-vsl-track:hover .of-vsl-rail,.of-vsl-track.is-current .of-vsl-rail{height:6px}.of-vsl-fill{position:absolute;inset-block:0;inset-inline-start:0;width:0;border-radius:999px;background:var(--brand)}.of-vsl-stage:focus-visible,.of-vsl-btn:focus-visible,.of-vsl-track:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.of-vsl-nav{display:none}@media (max-width: 620px){.of-vsl-nav{display:inline-flex}.of-vsl-bar{gap:6px;padding-inline:10px}.of-vsl-track{display:none}.of-vsl-track.is-current{display:flex}}@media (max-width: 400px){.of-vsl-unmute{display:none}.of-vsl-btn.is-wide{padding:0;min-width:36px}}