.compare-before[data-v-492b5c8e]{clip-path:inset(0 0 0 var(--pos))}.compare-tag[data-v-492b5c8e]{background:color-mix(in oklab,var(--color-canvas) 78%,transparent);letter-spacing:.1em;text-transform:uppercase;color:var(--color-heading);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:9999px;padding:.25rem .625rem;font-size:.6875rem;font-weight:500;top:.75rem}.compare-line[data-v-492b5c8e],.compare-tag[data-v-492b5c8e]{z-index:1;position:absolute}.compare-line[data-v-492b5c8e]{inset-block:0;left:var(--pos);background:var(--color-heading);width:2px;box-shadow:0 0 12px color-mix(in oklab,var(--color-canvas) 60%,transparent);pointer-events:none;translate:-50%}.compare-handle[data-v-492b5c8e]{background:var(--color-heading);width:2.5rem;height:2.5rem;color:var(--color-canvas);border-radius:9999px;place-items:center;transition:scale .2s;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 6px 20px -6px oklch(0% 0 0/.6)}.compare-input[data-v-492b5c8e]{z-index:2;opacity:0;cursor:ew-resize;touch-action:pan-y;width:100%;height:100%;margin:0;position:absolute;inset:0}.compare-input:focus-visible+.compare-line[data-v-492b5c8e]{outline:2px solid var(--color-brand-fg);outline-offset:3px}.compare:has(.compare-input:focus-visible) .compare-handle[data-v-492b5c8e]{outline:2px solid var(--color-brand-fg);outline-offset:3px}.compare:hover .compare-handle[data-v-492b5c8e]{scale:1.08}