.vps-frame{aspect-ratio:16/9;background:#14140f;border-radius:7px;width:100%;max-width:100%;max-height:55vh;display:block;position:relative;overflow:hidden}.vps-frame-expanded{place-items:center;display:grid}.vps-frame:fullscreen{place-items:center;display:grid}.vps-frame-expanded .vps-video{width:auto;max-width:100%;height:auto;max-height:100%}.vps-frame:fullscreen .vps-video{width:auto;max-width:100%;height:auto;max-height:100%}.vps-frame-expanded{z-index:200;aspect-ratio:auto;background:#000;border-radius:0;width:100vw;max-width:100vw;height:100vh;max-height:100vh;position:fixed;inset:0}.vps-frame:fullscreen{aspect-ratio:auto;border-radius:0;width:100vw;max-width:100vw;height:100vh;max-height:100vh}.vps-video{object-fit:contain;border:0;width:100%;max-width:100%;height:100%;max-height:100%;display:block;transform:none}.vps-video[data-rotation="90"]{transform:rotate(90deg)scale(.5625)}.vps-video[data-rotation="180"]{transform:rotate(180deg)}.vps-video[data-rotation="270"]{transform:rotate(270deg)scale(.5625)}.vps-stage{z-index:0;touch-action:pan-y;overscroll-behavior:contain;position:absolute;inset:0;overflow:hidden}.vps-frame[data-zoom=zoomed] .vps-stage{touch-action:none}.vps-zoom{transform-origin:50%;place-items:center;width:100%;height:100%;display:grid}.vps-reset-zoom{z-index:3;color:#fff;height:36px;font:inherit;cursor:pointer;background:#0000009e;border:1px solid #ffffff59;border-radius:999px;align-items:center;gap:4px;padding:0 12px;font-size:12px;font-weight:700;display:inline-flex;position:absolute;top:12px;left:12px}.vps-reset-zoom svg{width:16px;height:16px}.vps-step-wrap{flex:none;display:inline-flex;position:relative}.vps-step[aria-disabled=true]{color:#ffffff73;cursor:not-allowed;background:#ffffff14}.vps-step-wrap[data-tip]:hover:after,.vps-step-wrap[data-tip]:focus-within:after{content:attr(data-tip);z-index:5;color:#fff;white-space:normal;pointer-events:none;background:#000000d9;border-radius:6px;width:max-content;max-width:220px;padding:6px 8px;font-size:11px;font-weight:600;line-height:1.35;position:absolute;bottom:calc(100% + 6px);left:0}.vps-frame:focus-visible{outline-offset:-2px;outline:2px solid #fff}.vps-close{z-index:3;color:#fff;cursor:pointer;background:#0000009e;border:1px solid #ffffff59;border-radius:999px;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex;position:absolute;top:12px;right:12px}.vps-close svg{width:20px;height:20px}.vps-controls{z-index:2;background:linear-gradient(#0000,#0000001a 30%,#000000d9);flex-wrap:nowrap;align-items:center;gap:6px;max-width:100%;padding:18px 8px 8px;display:flex;position:absolute;bottom:0;left:0;right:0}.vps-button{color:#fff;cursor:pointer;background:#fff3;border:0;border-radius:999px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.vps-button:hover{background:#ffffff52}.vps-button svg{width:16px;height:16px}.vps-time{color:#fff;font-variant-numeric:tabular-nums;flex:none;font-size:11px;font-weight:700}.vps-scrub{accent-color:#fff;cursor:pointer;flex:auto;min-width:0}.vps-speed select{color:#fff;min-height:32px;font:inherit;cursor:pointer;background:#fff3;border:0;border-radius:999px;padding:0 4px;font-size:11px;font-weight:700}.vps-speed select option{color:#14140f}.vps-visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.vps-share-menu{z-index:4;background:#fff;border-radius:8px;min-width:156px;max-width:calc(100% - 16px);display:grid;position:absolute;bottom:56px;right:8px;overflow:hidden;box-shadow:0 10px 28px #0f172a52}.vps-share-menu button,.vps-share-menu a{color:#1f2937;font:inherit;text-align:left;cursor:pointer;background:#fff;border:0;align-items:center;gap:7px;padding:10px 12px;font-size:12.5px;font-weight:700;text-decoration:none;display:flex}.vps-share-menu button:hover,.vps-share-menu a:hover{background:#f1f5f9}.vps-share-menu svg{width:15px;height:15px}.vps-frame-group{flex-direction:column;flex:none;align-items:center;gap:1px;display:inline-flex}.vps-frame-buttons{gap:6px;display:inline-flex}.vps-frame-label{color:#ffffff9e;letter-spacing:.02em;white-space:nowrap;font-size:9px;font-weight:600;line-height:1}.vps-status{z-index:2;color:#fff;text-align:center;background:#000000b8;place-items:center;padding:16px;font-size:14px;font-weight:700;display:grid;position:absolute;inset:0}@media (width<=560px){.vps-frame-buttons{gap:4px}.vps-frame-label{font-size:8px}.vps-controls{gap:4px;padding:16px 6px 6px}.vps-button{width:28px;height:28px}.vps-time{font-size:10px}.vps-time-total{display:none}}.vps-frame--below:not(.vps-frame-expanded):not(:fullscreen){aspect-ratio:auto;flex-direction:column;max-height:none;display:flex}.vps-frame--below:not(.vps-frame-expanded):not(:fullscreen) .vps-stage{aspect-ratio:16/9;width:100%;max-height:55vh;position:relative;inset:auto}.vps-frame--below:not(.vps-frame-expanded):not(:fullscreen) .vps-controls{background:#0b1522;padding:7px 8px;position:static}.vps-overlay{z-index:1;pointer-events:none;position:absolute;inset:0}.vps-speeds{border:1px solid #ffffff47;flex:none;display:inline-flex}.vps-speed-option{color:#fff;cursor:pointer;background:0 0;border:0;min-width:30px;height:28px;padding:0 6px;font:600 12px/1 Arial,sans-serif}.vps-speed-option+.vps-speed-option{border-left:1px solid #ffffff2e}.vps-speed-option[aria-pressed=true]{color:#10151c;background:#d9b57a}.vps-frame--below .vps-scrub{min-width:60px}@media (width<=520px){.vps-speed-option{min-width:24px;padding:0 3px}}.vps-band{flex:none;position:relative}.vps-band>*{position:static!important}@media (width<=640px){.vps-frame--below:not(.vps-frame-expanded):not(:fullscreen) .vps-controls{flex-wrap:wrap;row-gap:6px}.vps-frame--below .vps-scrub{flex:100px}.vps-frame--below .vps-speeds{margin-left:auto}}
