.comparison-container.svelte-12gn0za{width:100%;max-width:650px;aspect-ratio:4/3;margin:0 auto;border-radius:12px;overflow:hidden;position:relative;box-shadow:0 10px 25px -5px #0000001a;border:1px solid rgba(255,255,255,.2)}@media (min-width: 640px){.comparison-container.svelte-12gn0za{border-radius:16px;box-shadow:0 20px 40px -12px #00000026}}.before-image.svelte-12gn0za,.after-image.svelte-12gn0za{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center}.before-image.svelte-12gn0za{z-index:1;clip-path:polygon(0% 0%,var(--slider-position) 0%,var(--slider-position) 100%,0% 100%)}.slider-line.svelte-12gn0za{position:absolute;top:0;bottom:0;width:2px;background:#fff;left:var(--slider-position);z-index:3;box-shadow:0 0 8px #0000004d}@media (min-width: 640px){.slider-line.svelte-12gn0za{box-shadow:0 0 10px #0000004d}}.slider-handle.svelte-12gn0za{position:absolute;top:50%;width:28px;height:28px;border-radius:50%;background:#fff;left:calc(var(--slider-position) - 14px);z-index:4;transform:translateY(-50%);box-shadow:0 2px 8px #00000026;cursor:grab;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}@media (min-width: 640px){.slider-handle.svelte-12gn0za{width:32px;height:32px;left:calc(var(--slider-position) - 16px);box-shadow:0 4px 12px #00000026}}.slider-handle.svelte-12gn0za:hover{transform:translateY(-50%) scale(1.1)}.before-label.svelte-12gn0za,.after-label.svelte-12gn0za{position:absolute;background:#000c;color:#fff;padding:4px 8px;border-radius:6px;font-size:10px;font-weight:600;top:12px;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@media (min-width: 640px){.before-label.svelte-12gn0za,.after-label.svelte-12gn0za{padding:6px 12px;border-radius:8px;font-size:12px;top:16px}}.before-label.svelte-12gn0za{left:12px}.after-label.svelte-12gn0za{right:12px}@media (min-width: 640px){.before-label.svelte-12gn0za{left:16px}.after-label.svelte-12gn0za{right:16px}}input[type=range].svelte-12gn0za{position:absolute;appearance:none;-webkit-appearance:none;-moz-appearance:none;width:100%;height:100%;background:transparent;z-index:5;cursor:pointer;margin:0;opacity:0}input[type=range].svelte-12gn0za:focus{outline:none}html{scroll-behavior:smooth}.touch-manipulation.svelte-12gn0za{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button.svelte-12gn0za,a.svelte-12gn0za{-webkit-tap-highlight-color:rgba(0,0,0,.1);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.comparison-container.svelte-12gn0za{pointer-events:auto;isolation:isolate}.comparison-container.svelte-12gn0za input[type=range]:where(.svelte-12gn0za){pointer-events:auto}@media (max-width: 639px){.slider-handle.svelte-12gn0za{min-width:44px;min-height:44px;width:44px;height:44px;left:calc(var(--slider-position) - 22px)}.before-label.svelte-12gn0za,.after-label.svelte-12gn0za{font-size:11px;padding:4px 10px}button.svelte-12gn0za,a.svelte-12gn0za{min-height:44px;display:flex;align-items:center;justify-content:center}}