.comparison.svelte-nm0n8g{position:relative;width:100%;border-radius:20px;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:pan-y pinch-zoom;cursor:ew-resize;box-shadow:4px 12px 20px #0f101226}.after.svelte-nm0n8g,.before.svelte-nm0n8g img:where(.svelte-nm0n8g){display:block;width:100%;height:auto}.after.svelte-nm0n8g{display:block}.before.svelte-nm0n8g{position:absolute;inset:0 auto 0 0;transition:width 2s ease;height:100%;overflow:hidden}.before.svelte-nm0n8g img:where(.svelte-nm0n8g){height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:left;object-position:left}.divider.svelte-nm0n8g{position:absolute;top:0;bottom:0;width:2px;background:#000000d9;transform:translate(-50%);transition:left 2s ease}.handle.svelte-nm0n8g{position:absolute;top:50%;transform:translate(-50%,-50%);width:54px;height:54px;border-radius:50%;border:none;background:#0f1012;border:4px solid rgb(246,244,240,.9);color:#fff;font-size:15px;display:flex;align-items:center;justify-content:center;cursor:ew-resize;touch-action:none;box-shadow:0 10px 25px #00000040;transition:left 2s ease,transform .5s ease}.handle.poppedUp.svelte-nm0n8g{animation:svelte-nm0n8g-handle-pop 1s ease forwards}@keyframes svelte-nm0n8g-handle-pop{0%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.1)}to{transform:translate(-50%,-50%) scale(1)}}.handle.svelte-nm0n8g:hover{transform:translate(-50%,-50%) scale(1.1)}.dragging.svelte-nm0n8g .before:where(.svelte-nm0n8g),.dragging.svelte-nm0n8g .divider:where(.svelte-nm0n8g),.dragging.svelte-nm0n8g .handle:where(.svelte-nm0n8g){transition:none}.mobile-controls.svelte-nm0n8g{display:none}@media(prefers-reduced-motion:reduce){.before.svelte-nm0n8g,.divider.svelte-nm0n8g,.handle.svelte-nm0n8g{transition:none}.handle.poppedUp.svelte-nm0n8g{animation:none}}@media(max-width:768px){.mobile-controls.svelte-nm0n8g{display:grid;grid-template-columns:repeat(2,1fr);gap:.875rem;margin-bottom:3rem}.mobile-controls.svelte-nm0n8g button:where(.svelte-nm0n8g){min-height:3.25rem;border:1px solid var(--border-primary, var(--border));border-radius:999px;background:var(--white);color:var(--text-primary);font:inherit;font-size:1rem;cursor:pointer}.mobile-controls.svelte-nm0n8g button.active:where(.svelte-nm0n8g){border-color:var(--home-black);background:var(--home-black);color:var(--white)}.comparison.svelte-nm0n8g{border-radius:.5rem;box-shadow:none;cursor:default}.comparison.svelte-nm0n8g .after:where(.svelte-nm0n8g),.comparison.svelte-nm0n8g .before:where(.svelte-nm0n8g){display:none}.comparison.svelte-nm0n8g .before:where(.svelte-nm0n8g){position:relative;width:100%!important;height:auto}.comparison.svelte-nm0n8g .before:where(.svelte-nm0n8g) img:where(.svelte-nm0n8g){height:auto}.comparison.svelte-nm0n8g:not(.mobile-after) .before:where(.svelte-nm0n8g),.comparison.mobile-after.svelte-nm0n8g .after:where(.svelte-nm0n8g){display:block}.divider.svelte-nm0n8g,.handle.svelte-nm0n8g{display:none}}