.before-after-container.svelte-1u0u2ob{border-radius:8px;overflow:hidden;box-shadow:0 6px 15px #0000001a;transition:transform .3s ease,box-shadow .3s ease;max-height:inherit}.before-after-container.svelte-1u0u2ob:hover{transform:translateY(-3px);box-shadow:0 10px 20px #00000026}.comparison-slider.svelte-1u0u2ob{position:relative;overflow:hidden;width:100%;cursor:ew-resize;-webkit-user-select:none;user-select:none;box-sizing:border-box}.after-image.svelte-1u0u2ob,.before-image.svelte-1u0u2ob{position:absolute;top:0;left:0;height:100%;width:100%}.after-image.svelte-1u0u2ob{z-index:2}.before-image.svelte-1u0u2ob{z-index:1}.after-image.svelte-1u0u2ob img:where(.svelte-1u0u2ob),.before-image.svelte-1u0u2ob img:where(.svelte-1u0u2ob){position:absolute;top:0;left:0;height:100%;width:100%;object-fit:var(--image-object-fit, contain)}.comparison-slider[style*="height: auto"].svelte-1u0u2ob{position:relative}.comparison-slider[style*="height: auto"].svelte-1u0u2ob:before{content:"";display:block;width:100%;padding-bottom:100%}.comparison-slider[style*="height: auto"].svelte-1u0u2ob .after-image:where(.svelte-1u0u2ob),.comparison-slider[style*="height: auto"].svelte-1u0u2ob .before-image:where(.svelte-1u0u2ob){position:absolute;top:0;left:0;width:100%;height:100%}.comparison-slider[style*="height: auto"].svelte-1u0u2ob .after-image:where(.svelte-1u0u2ob) img:where(.svelte-1u0u2ob),.comparison-slider[style*="height: auto"].svelte-1u0u2ob .before-image:where(.svelte-1u0u2ob) img:where(.svelte-1u0u2ob){object-fit:cover;width:100%;height:100%}.slider-handle.svelte-1u0u2ob{position:absolute;top:0;bottom:0;left:50%;width:2px;transform:translate(-50%);display:flex;align-items:center;justify-content:center;z-index:10}.handle-line.svelte-1u0u2ob{position:absolute;top:0;bottom:0;width:2px;background-color:#fff;box-shadow:0 0 6px #00000080}.handle-circle.svelte-1u0u2ob{position:absolute;width:28px;height:28px;background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 6px #0000004d;color:#3b82f6;gap:2px}.label.svelte-1u0u2ob{position:absolute;padding:4px 10px;background-color:#000000b3;color:#fff;font-size:12px;font-weight:600;border-radius:4px;z-index:5;letter-spacing:.5px;box-shadow:0 2px 4px #0003;transition:opacity .3s ease}.before-label.svelte-1u0u2ob{top:12px;left:12px}.after-label.svelte-1u0u2ob{top:12px;right:12px}.example-thumbnail-btn.svelte-1u0u2ob{border:none;background:none;padding:0;cursor:pointer;transition:all .2s ease;opacity:.7;width:100%}.example-thumbnail-btn.svelte-1u0u2ob:hover{opacity:.9}.example-thumbnail-btn.active.svelte-1u0u2ob{opacity:1;transform:scale(1.1)}.example-thumbnail.svelte-1u0u2ob{position:relative;border-radius:6px;overflow:hidden;box-shadow:0 2px 6px #0000001a;aspect-ratio:1/1}.example-thumbnail.svelte-1u0u2ob img:where(.svelte-1u0u2ob){width:100%;height:100%;object-fit:cover}.example-number.svelte-1u0u2ob{position:absolute;bottom:6px;right:6px;width:20px;height:20px;background-color:#0009;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700}@media (max-width: 768px){.example-thumbnail.svelte-1u0u2ob{width:90px;height:90px}}