.vx-root{--mc-font:"Monocraft", ui-monospace, monospace;--vx-flight-aspect:4 / 3}@media (min-width:768px){.vx-root{--vx-flight-aspect:21 / 9}}[data-offscreen] *,[data-offscreen]{animation-play-state:paused!important}.vx-screen{isolation:isolate;background:#1b2440;position:relative;overflow:hidden;container-type:size}.vx-compare{aspect-ratio:16/10;touch-action:pan-y;cursor:ew-resize;-webkit-user-select:none;user-select:none;border:3px solid #0b0d18;border-radius:8px;box-shadow:0 0 0 1px #ffffff14,0 28px 70px #08061e8c}.vx-reveal,.vx-reveal-inner{position:absolute;inset:0;overflow:hidden}.vx-reveal[data-side=vanilla]{transform:translate(-50%)}.vx-reveal[data-side=vanilla]>.vx-reveal-inner,.vx-reveal[data-side=laby]{transform:translate(50%)}.vx-reveal[data-side=laby]>.vx-reveal-inner{transform:translate(-50%)}@media (prefers-reduced-motion:no-preference){.vx-compare[data-auto=true] .vx-reveal[data-side=vanilla]{animation:10s ease-in-out infinite vx-sway-vanilla}.vx-compare[data-auto=true] .vx-reveal[data-side=vanilla]>.vx-reveal-inner{animation:10s ease-in-out infinite vx-sway-vanilla-inner}.vx-compare[data-auto=true] .vx-reveal[data-side=laby],.vx-compare[data-auto=true] .vx-divider{animation:10s ease-in-out infinite vx-sway-laby}.vx-compare[data-auto=true] .vx-reveal[data-side=laby]>.vx-reveal-inner{animation:10s ease-in-out infinite vx-sway-laby-inner}}@keyframes vx-sway-laby{0%,to{transform:translate(50%)}28%{transform:translate(67%)}72%{transform:translate(33%)}}@keyframes vx-sway-laby-inner{0%,to{transform:translate(-50%)}28%{transform:translate(-67%)}72%{transform:translate(-33%)}}@keyframes vx-sway-vanilla{0%,to{transform:translate(-50%)}28%{transform:translate(-33%)}72%{transform:translate(-67%)}}@keyframes vx-sway-vanilla-inner{0%,to{transform:translate(50%)}28%{transform:translate(33%)}72%{transform:translate(67%)}}.vx-divider{z-index:5;pointer-events:none;position:absolute;inset:0;transform:translate(50%)}.vx-divider:before{content:"";background:#fff;width:3px;position:absolute;top:0;bottom:0;left:-1.5px;box-shadow:0 0 0 1px #00000059}.vx-knob{pointer-events:auto;cursor:grab;touch-action:none;background:#c6c6c6;border:2px solid #000;outline:none;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:50%;left:0;transform:translate(-50%,-50%);box-shadow:inset 2px 2px #fff,inset -2px -3px #555,0 6px 18px #0006}.vx-knob:active{cursor:grabbing}.vx-knob:focus-visible{outline-offset:2px;outline:3px solid #fff}.vx-tag{z-index:4;font-family:var(--mc-font,"Monocraft", ui-monospace, monospace);color:#fff;text-shadow:1.5px 1.5px #3f3f3f;pointer-events:none;white-space:nowrap;background:#0000008c;padding:4px 8px 5px;font-size:12px;line-height:1;position:absolute;top:10px}@media (min-width:640px){.vx-tag{font-size:14px;top:14px}}@keyframes vx-swing-main{30%{transform:translate(-14cqw,-12cqh)rotate(-22deg)}58%{transform:translate(-20cqw,-3cqh)rotate(-58deg)}}@keyframes vx-swing-off{30%{transform:translate(12cqw,-10cqh)rotate(18deg)}58%{transform:translate(16cqw,-2cqh)rotate(40deg)}}@property --gui{syntax:"<number>";inherits:true;initial-value:2}@keyframes vx-drift{to{transform:translate(-4px)}}