.vx-compare{min-inline-size:0}.vx-compare-stage{border-radius:var(--radius-lg,var(--radius));isolation:isolate;touch-action:pan-y;min-inline-size:0;display:grid;position:relative;overflow:hidden}.vx-compare-pane{grid-area:1/1;min-inline-size:0}.vx-compare-pane .vx-code-window-body{padding-block-start:calc(var(--space-6) + var(--space-8))}.vx-compare-pane[data-side=before]{clip-path:inset(0 calc(100% - var(--vx-compare-at,50%)) 0 0)}.vx-compare-pane[data-side=after]{--vx-code-window-background:color-mix(in oklab, var(--accent) 20%, var(--card));clip-path:inset(0 0 0 var(--vx-compare-at,50%))}.vx-compare-tag{z-index:2;padding:var(--space-1) var(--space-2);border-radius:var(--marketing-button-radius,var(--radius-sm));background:var(--code-real-background,var(--warning-surface));color:var(--code-real-foreground,var(--warning-on-surface));font-family:var(--font-body);letter-spacing:.04em;text-transform:uppercase;pointer-events:none;border:0;font-size:.6875rem;font-weight:600;position:absolute;inset-block-start:calc(var(--space-12) + var(--space-2) + var(--space-1) / 2)}.vx-compare-tag[data-side=before]{inset-inline-start:var(--space-3)}.vx-compare-tag[data-side=after]{background:var(--compare-model-background,var(--accent));color:var(--compare-model-foreground,var(--accent-foreground));inset-inline-end:var(--space-3)}.vx-compare-handle{z-index:3;cursor:ew-resize;touch-action:none;outline:none;place-items:center;inline-size:44px;margin-inline-start:-22px;display:grid;position:absolute;inset-block:0;inset-inline-start:var(--vx-compare-at,50%)}.vx-compare-handle:before{content:"";background:var(--primary-text);inline-size:2px;margin-inline-start:-1px;position:absolute;inset-block:0;inset-inline-start:50%}.vx-compare-knob{border:2px solid var(--primary-text);background:var(--card);block-size:28px;inline-size:28px;box-shadow:var(--shadow-raise);border-radius:999px;position:relative}.vx-compare-handle:focus-visible .vx-compare-knob{outline:2px solid var(--ring);outline-offset:2px}.vx-compare[data-editing=true] .vx-compare-stage>[data-puck-dropzone]{gap:var(--space-4);display:grid}.vx-compare[data-editing=true] .vx-compare-handle,.vx-compare[data-editing=true] .vx-compare-tag{display:none}