.compare.svelte-1mmto9m{position:relative;width:100%;aspect-ratio:1;overflow:hidden;background:var(--surface);border-radius:var(--radius);cursor:ew-resize;-webkit-user-select:none;user-select:none;touch-action:pan-y}.compare.zoomable.svelte-1mmto9m{touch-action:none}.compare.zoomed.svelte-1mmto9m{cursor:grab}.picture.svelte-1mmto9m{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;transform-origin:0 0}.before-clip.svelte-1mmto9m{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--position)) 0 0);pointer-events:none}.label.svelte-1mmto9m{position:absolute;top:.5rem;padding:.05rem .5rem;font-size:.9rem;font-weight:650;color:#1c2421;background:#fff;border-radius:4px;pointer-events:none}.left.svelte-1mmto9m{left:.5rem}.right.svelte-1mmto9m{right:.5rem}.divider.svelte-1mmto9m{position:absolute;top:0;bottom:0;left:var(--position);width:3px;margin-left:-1.5px;background:#fff;box-shadow:0 0 4px #00000080;cursor:ew-resize}.grip.svelte-1mmto9m{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:2.4rem;height:2.4rem;font-weight:700;color:#1c2421;background:#fff;border-radius:50%;box-shadow:0 1px 6px #0006;transform:translate(-50%,-50%)}.zoom-buttons.svelte-1mmto9m{position:absolute;right:.5rem;bottom:3.2rem;display:grid;gap:.25rem}.zoom-buttons.svelte-1mmto9m button:where(.svelte-1mmto9m){width:2.2rem;height:2.2rem;padding:0;font:inherit;font-size:1.1rem;font-weight:650;color:#1c2421;background:#fff;border:0;border-radius:4px;box-shadow:0 1px 4px #00000059;cursor:pointer}.zoom-buttons.svelte-1mmto9m button:where(.svelte-1mmto9m):disabled{color:#9aa3a0;cursor:default}.zoom-buttons.svelte-1mmto9m .reset:where(.svelte-1mmto9m){font-size:.78rem}