.beforeAfter.svelte-1i2og0m{position:relative;width:100%;height:100%;aspect-ratio:var(--ba-aspect, 4 / 3);overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:none}.beforeAfter.svelte-1i2og0m:focus-visible{outline:2px solid var(--sydg-blue, #3b82f6);outline-offset:2px}.beforeAfter.svelte-1i2og0m .layer:where(.svelte-1i2og0m){position:absolute;inset:0;transition:clip-path .1s ease}.beforeAfter.svelte-1i2og0m .layer:where(.svelte-1i2og0m) picture{display:block;width:100%;height:100%}.beforeAfter.svelte-1i2og0m .layer:where(.svelte-1i2og0m) img{width:100%;height:100%;object-fit:cover;display:block;user-select:none;-moz-user-select:none;-webkit-user-select:none;-webkit-user-drag:none}.beforeAfter.svelte-1i2og0m .separator:where(.svelte-1i2og0m){position:absolute;top:0;height:100%;transform:translate(-50%);pointer-events:none;transition:left .1s ease}.beforeAfter.svelte-1i2og0m .handle:where(.svelte-1i2og0m){position:absolute;top:50%;transform:translate(-50%,-50%);pointer-events:none;filter:drop-shadow(0 1px 3px rgba(0,0,0,.4));transition:left .1s ease}.beforeAfter.svelte-1i2og0m .handle:where(.svelte-1i2og0m) svg:where(.svelte-1i2og0m){width:100%;height:100%;display:block}.beforeAfter.svelte-1i2og0m .noTransition:where(.svelte-1i2og0m){transition:none}.beforeAfter.svelte-1i2og0m .label:where(.svelte-1i2og0m){position:absolute;bottom:0;padding:6px 10px;background-color:#00000073;color:#fff;font-size:12px;letter-spacing:.05em;text-transform:uppercase;pointer-events:none;opacity:1;transition:opacity .15s ease}.beforeAfter.svelte-1i2og0m .label.labelHidden:where(.svelte-1i2og0m){opacity:0}