.before-after-container.svelte-gnnz6d{position:relative;width:100%;overflow:hidden;border-radius:var(--radius-lg);cursor:col-resize;-webkit-user-select:none;user-select:none;box-shadow:var(--shadow-lg);background-color:#000;z-index:55}.before-image.svelte-gnnz6d,.after-image.svelte-gnnz6d{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.after-image.svelte-gnnz6d{clip-path:inset(0 50% 0 0)}.image-label.svelte-gnnz6d{position:absolute;top:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-sm);background-color:#000000b3;color:#fff;font-size:var(--text-caption);font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-sm);pointer-events:none;z-index:10}.before-label.svelte-gnnz6d{left:var(--spacing-md)}.after-label.svelte-gnnz6d{right:var(--spacing-md)}.slider.svelte-gnnz6d{position:absolute;top:0;left:50%;width:0;height:100%;z-index:20}.slider-line.svelte-gnnz6d{position:absolute;top:0;left:50%;width:2px;height:100%;background-color:#fff;transform:translate(-50%);box-shadow:0 0 10px #0000004d}.slider-handle.svelte-gnnz6d{position:absolute;top:50%;left:50%;width:auto;height:auto;background-color:transparent;border:none;transform:translate(-50%,-50%);cursor:col-resize;display:flex;align-items:center;justify-content:center;transition:transform .2s ease;padding:8px}.slider-handle.svelte-gnnz6d:hover{transform:translate(-50%,-50%) scale(1.1);box-shadow:var(--shadow-lg)}.slider-handle.svelte-gnnz6d:active{transform:translate(-50%,-50%) scale(.95)}.slider-arrows.svelte-gnnz6d{display:flex;align-items:center;justify-content:center;color:var(--color-accent)}.double-arrow.svelte-gnnz6d{width:20px;height:20px}.slider-handle.svelte-gnnz6d:focus{outline:2px solid var(--color-accent);outline-offset:2px}@media (hover: none){.before-after-container.svelte-gnnz6d{cursor:default}.slider-handle.svelte-gnnz6d{width:50px;height:50px;cursor:default}}@media (max-width: 768px){.image-label.svelte-gnnz6d{font-size:var(--text-small);padding:calc(var(--spacing-xs) * .8) var(--spacing-xs)}.slider-handle.svelte-gnnz6d{width:45px;height:45px}}