.compare.svelte-10eu4py{border-radius:var(--ui-radius);background:var(--ui-subtle);-webkit-user-select:none;user-select:none;touch-action:pan-y;direction:ltr;inline-size:100%;position:relative;overflow:hidden}.layer.svelte-10eu4py{position:absolute;inset:0}.layer.svelte-10eu4py>*{object-fit:cover;block-size:100%;inline-size:100%;display:block}.after.svelte-10eu4py,.handle.svelte-10eu4py{transition:clip-path var(--ui-dur-spring) var(--ui-ease-spring), translate var(--ui-dur-spring) var(--ui-ease-spring)}.after.svelte-10eu4py{clip-path:inset(0 0 0 var(--split))}.handle.svelte-10eu4py{translate:var(--split) 0;pointer-events:none;position:absolute;inset:0}.handle.svelte-10eu4py:before{content:"";inset-block:0;background:#fff;inline-size:2px;position:absolute;left:-1px;box-shadow:0 0 0 1px #00000014}.dragging.svelte-10eu4py .after:where(.svelte-10eu4py),.dragging.svelte-10eu4py .handle:where(.svelte-10eu4py){transition:none}.knob.svelte-10eu4py{inset-block-start:50%;border-radius:var(--ui-radius-control);block-size:2.5rem;inline-size:2.5rem;box-shadow:var(--ui-shadow-xs);color:#0f172a;transition:scale var(--ui-dur-press) var(--ui-ease-out);background:#fff;place-items:center;display:grid;position:absolute;left:0;translate:-50% -50%}.dragging.svelte-10eu4py .knob:where(.svelte-10eu4py){scale:.94}.tag.svelte-10eu4py{border-radius:calc(var(--ui-radius-control) - .125rem);color:#fff;font:500 .75rem/1.2 var(--ui-font);pointer-events:none;background:#0000008c;padding:.25rem .5rem;position:absolute;inset-block-end:.75rem}.start.svelte-10eu4py{left:.75rem}.end.svelte-10eu4py{right:.75rem}input.svelte-10eu4py{opacity:0;cursor:ew-resize;block-size:100%;inline-size:100%;margin:0;position:absolute;inset:0}.compare.svelte-10eu4py:has(input:where(.svelte-10eu4py):focus-visible) .knob:where(.svelte-10eu4py){outline:var(--ui-ring-width) solid var(--ui-ring);outline-offset:var(--ui-ring-offset)}@media (prefers-reduced-motion:reduce){.after.svelte-10eu4py,.handle.svelte-10eu4py,.knob.svelte-10eu4py{transition:none}}.demo.svelte-loczs1{inline-size:min(22rem,100%)}p.svelte-loczs1{color:var(--ui-muted);margin:.5rem 0 0;font-size:.875rem}