.vsl-frame{--vp-ink:#1c1c1c;--vp-orange:#ff7a1a;--vp-pink:#ff4fa3;--vp-violet:#8b6cff;--vp-blue:#4b73ff;--vp-grad:linear-gradient(100deg, var(--vp-orange) 0%, var(--vp-pink) 38%, var(--vp-violet) 70%, var(--vp-blue) 100%);aspect-ratio:16/9;border-radius:var(--radius-lg,12px);box-shadow:0 0 0 4px var(--background), 0 0 0 5px color-mix(in oklab, var(--foreground) 15%, transparent), 0 28px 50px -22px #000000b3;background:#000;position:relative;overflow:hidden}.vsl-player{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;position:absolute;inset:0;container-type:inline-size}.vsl-frame:focus-visible{outline:3px solid var(--vp-violet);outline-offset:4px}.vp-poster,.vsl-player video{object-fit:contain;pointer-events:none;background:#000;width:100%;height:100%;position:absolute;inset:0}.vp-poster{object-fit:cover;transition:opacity .25s}.vsl-player.is-started .vp-poster{opacity:0}.vp-shield{cursor:pointer;position:absolute;inset:0}.vp-spin{opacity:0;pointer-events:none;border:3px solid #ffffff38;border-top-color:#fff;border-radius:50%;width:38px;height:38px;margin:-19px 0 0 -19px;transition:opacity .2s;animation:.8s linear infinite vp-spin;position:absolute;top:50%;left:50%}.vsl-player.is-waiting .vp-spin{opacity:1;transition-delay:.25s}.vsl-player.needs-unmute .vp-spin{display:none}@keyframes vp-spin{to{transform:rotate(360deg)}}.vp-unmute{background:linear-gradient(var(--vp-ink), var(--vp-ink)) padding-box, var(--vp-grad) border-box;color:#fff;width:max-content;max-width:calc(100% - 28px);font:inherit;text-align:left;cursor:pointer;z-index:3;border:2px solid #0000;border-radius:999px;align-items:center;gap:12px;padding:10px 20px 10px 10px;animation:1.8s ease-in-out infinite vp-pulse;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 14px 40px -10px #000000b3}.vp-unmute[hidden]{display:none}.vp-unmute b,.vp-unmute small{white-space:nowrap}.vp-unmute b{font-size:clamp(.8rem,3.6cqi,1rem);line-height:1.2;display:block}.vp-unmute small{color:#ffffffb8;font-size:clamp(.7rem,3cqi,.85rem);display:block}.vp-unmute-ic{background:var(--vp-grad);border-radius:50%;flex:none;place-items:center;width:clamp(36px,10cqi,46px);height:clamp(36px,10cqi,46px);display:grid}.vp-unmute-ic svg{width:58%;height:58%}@keyframes vp-pulse{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(1.045)}}.vp-center{width:clamp(56px,16cqi,76px);height:clamp(56px,16cqi,76px);color:var(--vp-ink);cursor:pointer;z-index:3;background:#fff;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 4px #ffffff40,0 14px 34px -8px #0009}.vp-center[hidden]{display:none}.vp-center svg{width:46%;height:46%}.vp-bar{color:#fff;z-index:2;background:linear-gradient(#0a0a0c00,#0a0a0cc7);align-items:center;gap:clamp(4px,1.6cqi,10px);padding:26px clamp(8px,2.4cqi,14px) clamp(6px,2cqi,10px);transition:opacity .3s,transform .3s;display:flex;position:absolute;bottom:0;left:0;right:0}.vsl-player.is-idle .vp-bar,.vsl-player.needs-unmute .vp-bar{opacity:0;pointer-events:none;transform:translateY(6px)}.vsl-player.is-idle .vp-shield{cursor:none}.vp-btn{width:clamp(32px,8.6cqi,40px);height:clamp(32px,8.6cqi,40px);color:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;flex:none;place-items:center;display:grid}.vp-btn:hover{background:#ffffff24}.vp-btn svg{width:62%;height:62%}.vp-btn:focus-visible,.vp-track:focus-visible,.vp-center:focus-visible,.vp-unmute:focus-visible{outline-offset:2px;outline:2px solid #fff}.vp-track{cursor:pointer;touch-action:none;flex:1;align-items:center;height:26px;display:flex;position:relative}.vp-rail{background:#ffffff3d;border-radius:4px;width:100%;height:4px;transition:height .15s;position:relative;overflow:hidden}.vp-track:hover .vp-rail,.vsl-player.is-scrubbing .vp-rail{height:6px}.vp-buf,.vp-fill{transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.vp-buf{background:#ffffff4d}.vp-fill{background:var(--vp-grad)}.vp-knob{background:#fff;border-radius:50%;width:13px;height:13px;margin:-6.5px 0 0 -6.5px;transition:transform .15s;position:absolute;top:50%;left:0;transform:scale(0);box-shadow:0 0 0 3px #8b6cff73}.vp-track:hover .vp-knob,.vp-track:focus-visible .vp-knob,.vsl-player.is-scrubbing .vp-knob{transform:scale(1)}.vp-time{font-variant-numeric:tabular-nums;opacity:.9;flex:none;font-size:clamp(.68rem,2.8cqi,.8rem)}@container (max-width:360px){.vp-time{display:none}}.vp-speed{font-variant-numeric:tabular-nums;letter-spacing:-.01em;width:auto;min-width:clamp(38px,10cqi,46px);padding:0 6px;font-size:clamp(.72rem,2.9cqi,.82rem);font-weight:700}.vsl-player.is-fast .vp-speed{background:var(--vp-grad);color:#fff}.vp-volwrap{flex:none;position:relative}.vp-volpop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#121216eb;border:1px solid #ffffff24;border-radius:14px;justify-content:center;width:40px;height:108px;padding:12px 0;animation:.16s ease-out vp-pop;display:flex;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 12px 30px #00000073}.vp-volpop[hidden]{display:none}@keyframes vp-pop{0%{opacity:0;transform:translate(-50%,4px)}}.vp-vslider{cursor:pointer;touch-action:none;justify-content:center;width:24px;height:100%;display:flex;position:relative}.vp-vslider:focus-visible{outline-offset:2px;border-radius:6px;outline:2px solid #fff}.vp-vrail{background:#ffffff3d;border-radius:4px;width:4px;height:100%;position:relative;overflow:hidden}.vp-vfill{transform-origin:bottom;background:linear-gradient(to top, var(--vp-orange), var(--vp-pink) 38%, var(--vp-violet) 70%, var(--vp-blue));position:absolute;inset:0}.vp-vknob{pointer-events:none;background:#fff;border-radius:50%;width:12px;height:12px;margin:0 0 -6px -6px;position:absolute;bottom:100%;left:50%;box-shadow:0 0 0 3px #8b6cff73}.vsl-player.vol-open .vp-vol{background:#ffffff24}.vp-lock,.vp-err{color:#fff;text-align:center;z-index:5;background:#0e0e10f0;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:20px;font-size:.875rem;display:flex;position:absolute;inset:0}.vp-lock[hidden],.vp-err[hidden]{display:none}.vp-lock svg{width:40px;height:40px;color:var(--vp-violet)}.vp-lock b,.vp-err b{font-size:1rem}.vp-lock span{color:#ffffffb3;max-width:32ch}.vp-retry{color:var(--vp-ink);font:inherit;cursor:pointer;background:#fff;border:0;border-radius:999px;margin-top:4px;padding:9px 18px;font-weight:600}.vsl-frame.is-fs{aspect-ratio:auto;width:100%;height:100%;box-shadow:none;border-radius:0}@media (prefers-reduced-motion:reduce){.vp-unmute{animation:none}}