.compare.svelte-n8a3d4{border-radius:var(--radius);background:repeating-conic-gradient(#f1f3f9 0 25%, #fff 0 50%) 0 0 / 20px 20px;-webkit-user-select:none;user-select:none;touch-action:pan-y;width:100%;max-height:70vh;margin:0 auto;position:relative;overflow:hidden}.layer.svelte-n8a3d4{object-fit:contain;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.tag.svelte-n8a3d4{font-size:var(--text-xs);color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;background:#0b10209e;border-radius:999px;padding:4px 10px;font-weight:700;transition:opacity .2s;position:absolute;top:12px}.left.svelte-n8a3d4{left:12px}.right.svelte-n8a3d4{background:#4353ffd9;right:12px}.divider.svelte-n8a3d4{pointer-events:none;background:#fff;width:3px;position:absolute;top:0;bottom:0;translate:-50%;box-shadow:0 0 0 1px #0b10201f,0 0 12px #0b102040}.knob.svelte-n8a3d4{width:44px;height:44px;color:var(--brand-600);box-shadow:var(--shadow-lg);background:#fff;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%}.range.svelte-n8a3d4{opacity:0;cursor:ew-resize;touch-action:pan-y;width:100%;height:100%;margin:0;position:absolute;inset:0}.compare.svelte-n8a3d4:has(.range:where(.svelte-n8a3d4):focus-visible) .knob:where(.svelte-n8a3d4){outline:3px solid var(--brand-400);outline-offset:2px}