.before-after{display:block;position:relative;width:100%;max-width:100rem;margin:0 auto;aspect-ratio:var(--before-after-ratio, 4 / 3);overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none;--position: 50}.before-after__header{max-width:76rem;margin:0 auto 3.2rem;text-align:center}.before-after__heading{margin:0}.before-after__track,.before-after__layer{position:absolute;top:0;right:0;bottom:0;left:0}.before-after__layer img,.before-after__layer svg{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.before-after__after{clip-path:inset(0 50% 0 0);transition:clip-path .12s ease}.before-after.is-dragging .before-after__after{transition:none}.before-after__label{position:absolute;bottom:1.6rem;padding:.6rem 1.4rem;background:rgba(var(--color-background),.85);color:rgb(var(--color-foreground));font-size:1.2rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;pointer-events:none;z-index:2}.before-after__label--before{left:1.6rem}.before-after__label--after{right:1.6rem}.before-after__handle{position:absolute;top:0;bottom:0;left:50%;width:.2rem;margin-left:-.1rem;background:rgb(var(--color-background));cursor:ew-resize;z-index:3;touch-action:none;transition:left .12s ease}.before-after.is-dragging .before-after__handle{transition:none}.before-after__handle-grip{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:4.8rem;height:4.8rem;border-radius:50%;background:rgb(var(--color-background));box-shadow:0 .2rem 1.2rem #00000047;z-index:4;cursor:ew-resize;touch-action:none;pointer-events:none;transition:left .12s ease}.before-after.is-dragging .before-after__handle-grip{transition:none}.before-after__handle-grip svg{width:2rem;height:2rem;color:rgb(var(--color-foreground));flex-shrink:0}.before-after__handle:focus-visible{outline:none}.before-after__handle:focus-visible~.before-after__handle-grip{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.3rem}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-before-after.css.map */