.vlb{--pt:24px;--pb:24px;--pl:92px;--pr:92px;z-index:1100;box-sizing:border-box;height:100dvh;padding:var(--pt) var(--pr) var(--pb) var(--pl);background:rgba(4, 6, 12, calc(.94 * var(--vlb-fade,1)));color:#fff;font-family:var(--f-n,system-ui, sans-serif);overscroll-behavior:contain;touch-action:none;place-items:center;margin:0;animation:.18s ease-out vlb-in;display:grid;position:fixed;top:0;left:0;right:0;container-type:size}.vlb-stage{transition:translate .18s ease-out;position:relative}.vlb-frame{aspect-ratio:9/16;background:#000;border-radius:12px;width:min(100cqw,56.25cqh);position:relative;overflow:hidden;box-shadow:0 20px 60px #0000008c}.vlb-wide .vlb-frame{aspect-ratio:16/9;width:min(100cqw,177.778cqh)}.vlb-frame iframe{border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.vlb button{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;place-items:center;margin:0;padding:0;display:grid}.vlb-x{z-index:2;top:max(14px, calc(env(safe-area-inset-top) + 8px));right:max(16px, calc(env(safe-area-inset-right) + 8px));background:#ffffff24;border-radius:50%;width:48px;height:48px;position:absolute}.vlb-nav{background:#ffffff24;border-radius:50%;width:54px;height:54px;position:absolute;top:50%;translate:0 -50%}.vlb-prev{right:calc(100% + 20px)}.vlb-next{left:calc(100% + 20px)}.vlb-nav[hidden]{display:none}.vlb-nav:disabled{opacity:.28;cursor:default}.vlb-x:hover,.vlb-nav:hover:not(:disabled){background:#ffffff42}.vlb :focus-visible{outline-offset:3px;outline:3px solid #ffcf4a}.vlb-count{top:max(26px, calc(env(safe-area-inset-top) + 18px));left:max(20px, calc(env(safe-area-inset-left) + 12px));font:600 14px/1 var(--f-n,sans-serif);color:#ffffffb8;letter-spacing:.02em;margin:0;position:absolute}.vlb-count[hidden]{display:none}@media (max-width:700px){.vlb{--pt:env(safe-area-inset-top,0px);--pb:env(safe-area-inset-bottom,0px);--pl:env(safe-area-inset-left,0px);--pr:env(safe-area-inset-right,0px);background:rgba(0, 0, 0, var(--vlb-fade,1))}.vlb-frame{box-shadow:none;border-radius:0}.vlb-x{background:#00000080;width:44px;height:44px}.vlb-nav{background:#00000073;width:40px;height:40px}.vlb-prev{left:6px;right:auto}.vlb-next{left:auto;right:6px}.vlb-count{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@media (max-height:500px) and (min-width:701px){.vlb{--pt:max(6px, env(safe-area-inset-top));--pb:max(6px, env(safe-area-inset-bottom));--pl:max(72px, calc(env(safe-area-inset-left) + 64px));--pr:max(72px, calc(env(safe-area-inset-right) + 64px))}.vlb-frame{border-radius:6px}.vlb-x{width:44px;height:44px;top:max(8px, env(safe-area-inset-top))}.vlb-nav{width:46px;height:46px}.vlb-prev{right:calc(100% + 12px)}.vlb-next{left:calc(100% + 12px)}.vlb-count{top:max(16px, calc(env(safe-area-inset-top) + 10px))}}@keyframes vlb-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.vlb{animation:none}.vlb-stage{transition:none}}