.compare.svelte-1xjgml0{position:relative;width:100%;overflow:hidden;border-radius:var(--radius);border:1px solid var(--line);background:#fff;touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:ew-resize}.layer.svelte-1xjgml0{position:absolute;inset:0}.layer.svelte-1xjgml0>svg,.layer.svelte-1xjgml0>canvas,.layer.svelte-1xjgml0>img{display:block;width:100%;height:100%}.after.svelte-1xjgml0{clip-path:inset(0 0 0 var(--x))}.divider.svelte-1xjgml0{position:absolute;top:0;bottom:0;left:var(--x);width:3px;transform:translate(-50%);background:#fff;box-shadow:0 0 0 1px #1e141840;pointer-events:none}.handle.svelte-1xjgml0{position:absolute;top:50%;left:var(--x);width:44px;height:44px;transform:translate(-50%,-50%);display:grid;place-items:center;border-radius:50%;background:#fff;color:#1e1418;box-shadow:0 0 0 1px #1e141833,0 6px 16px -6px #1e141880;cursor:ew-resize}.handle.svelte-1xjgml0:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.dragging.svelte-1xjgml0 .handle:where(.svelte-1xjgml0){transform:translate(-50%,-50%) scale(1.08)}.tag.svelte-1xjgml0{position:absolute;top:10px;padding:3px 10px;border-radius:999px;font-size:.8rem;font-weight:700;color:#fff;background:#1e1418d1;pointer-events:none;max-width:calc(50% - 20px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tag.left.svelte-1xjgml0{left:10px}.tag.right.svelte-1xjgml0{right:10px;background:#2f7f5d}