.compare.svelte-1mmto9m{position:relative;width:100%;overflow:hidden;border-radius:inherit;cursor:ew-resize;user-select:none;-webkit-user-select:none;touch-action:pan-y;background:var(--ground-2)}.compare.svelte-1mmto9m img:where(.svelte-1mmto9m){position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.compare-before.svelte-1mmto9m{clip-path:inset(0 calc(100% - var(--pos)) 0 0)}.compare-handle.svelte-1mmto9m{position:absolute;top:0;bottom:0;left:var(--pos);width:1px;background:#ffffffd9;box-shadow:0 0 0 1px #0000002e;pointer-events:none}.compare-knob.svelte-1mmto9m{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:38px;height:38px;border-radius:999px;transform:translate(-50%,-50%);color:#0b0b0b;background:#fff;box-shadow:0 0 0 1px #0000001f,0 6px 18px -6px #0009;transition:transform .16s ease}.compare-knob.svelte-1mmto9m svg:where(.svelte-1mmto9m){width:18px;height:18px}.compare.dragging.svelte-1mmto9m .compare-knob:where(.svelte-1mmto9m){transform:translate(-50%,-50%) scale(.92)}.compare-label.svelte-1mmto9m{position:absolute;top:12px;padding:5px 9px;border-radius:8px;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#f2f5f3;background:#0a0a0b9e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;transition:opacity .16s ease}.compare-label.left.svelte-1mmto9m{left:12px}.compare-label.right.svelte-1mmto9m{right:12px}.compare-label.hidden-label.svelte-1mmto9m{opacity:0}.compare-range.svelte-1mmto9m{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;pointer-events:none}.compare.svelte-1mmto9m:has(.compare-range:where(.svelte-1mmto9m):focus-visible){outline:2px solid var(--accent);outline-offset:3px}@media (prefers-reduced-motion: reduce){.compare-knob.svelte-1mmto9m,.compare-label.svelte-1mmto9m{transition:none}}