.before-after{background:transparent;color:var(--color-text);padding:var(--space-xl) var(--space-md)}.before-after__inner{max-width:1400px;margin:0 auto}.before-after__header{display:flex;flex-direction:column;gap:var(--space-xs);max-width:640px;margin:0 auto var(--space-lg);text-align:center}.before-after__heading{margin:0;font-family:var(--font-heading);font-weight:var(--font-heading-weight);line-height:1.15;letter-spacing:-.01em;font-size:clamp(1.5217rem,2.5vw + .8696rem,2.3913rem);color:var(--color-text-bright)}.before-after__list{display:flex;flex-direction:column;gap:var(--space-lg);max-width:900px;margin:0 auto}.comparison__label{margin:0 0 var(--space-sm);font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:1.125rem;color:var(--color-text-bright);text-align:center}.comparison__frame{position:relative;aspect-ratio:3 / 2;overflow:hidden;border-radius:16px;touch-action:none}.comparison__before,.comparison__after{position:absolute;top:0;right:0;bottom:0;left:0}.comparison__before img,.comparison__after img,.comparison__placeholder{display:block;width:100%;height:100%;object-fit:cover}.comparison__placeholder .placeholder-svg{width:100%;height:100%}.comparison__placeholder--inverted .placeholder-svg{filter:invert(1) brightness(1.6)}.comparison__after{clip-path:inset(0 0 0 50%)}.comparison__divider{position:absolute;top:0;bottom:0;left:50%;width:44px;transform:translate(-50%);cursor:ew-resize;touch-action:none}.comparison__divider:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;background:var(--color-accent);transform:translate(-50%);pointer-events:none}.comparison__divider:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}.comparison__handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2.75rem;height:2.75rem;border-radius:50%;background:var(--color-bg);border:2px solid var(--color-accent);display:flex;align-items:center;justify-content:center;pointer-events:none}.comparison__handle:before{content:"";width:.9rem;height:.9rem;border-left:2px solid var(--color-accent);border-bottom:2px solid var(--color-accent);transform:rotate(45deg);margin-right:.35rem}.comparison__handle:after{content:"";width:.9rem;height:.9rem;border-right:2px solid var(--color-accent);border-top:2px solid var(--color-accent);transform:rotate(45deg);margin-left:.35rem}.comparison__tag{position:absolute;top:var(--space-sm);padding:.35em .85em;border-radius:999px;background:#03030399;border:1px solid var(--color-glass-border);color:var(--color-text-bright);font-family:var(--font-body);font-size:.6875rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.comparison__tag--before{left:var(--space-sm)}.comparison__tag--after{right:var(--space-sm)}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-before-after-slider.css.map */