.before-after__container{position:relative;aspect-ratio:4/3;border-radius:1.6rem;overflow:hidden}@media screen and (min-width:990px){.before-after__container{aspect-ratio:21/8}}.before-after__container:after{content:"";height:100%;width:.4rem;position:absolute;left:var(--after-image-width);top:0;background-color:#fff}input:focus-visible~.before-after__arrows{outline:3px solid black}.before-after__arrows{position:absolute;top:50%;left:var(--after-image-width);transform:translate(-50%,-50%);z-index:2;width:4.8rem;height:5.6rem;border-radius:.8rem}.before-after__slider{position:absolute;top:0;left:0;z-index:3;height:100%;width:100%}.before-after__image-wrapper{width:100%;height:100%}.before-after__slider{opacity:0}.before-after__image-wrapper--after{position:absolute;left:0;top:0;height:100%;overflow:hidden;clip-path:inset(0 calc(100% - var(--after-image-width)) 0 0)}.before-after__image-wrapper img{width:100%;height:100%;object-fit:cover;object-position:bottom}.before-after__image-wrapper--after img{position:absolute;top:0;left:0;width:100%;height:100%}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-before-after.css.map */