.before_after_slider_inner{position:relative}.before_after_slider_inner.ba_slider_height-one-third,.before_after_slider_inner.ba_slider_height-one-third img,.before_after_slider_inner.ba_slider_height-one-third svg.placeholder_svg{height:calc(100vh * 1 / 3)}.before_after_slider_inner.ba_slider_height-two-third,.before_after_slider_inner.ba_slider_height-two-third img,.before_after_slider_inner.ba_slider_height-two-third svg.placeholder_svg{height:calc(100vh * 2 / 3)}.before_after_slider_inner.ba_slider_height-half,.before_after_slider_inner.ba_slider_height-half img,.before_after_slider_inner.ba_slider_height-half svg.placeholder_svg{height:50vh}.before_after_slider_inner.ba_slider_height-full,.before_after_slider_inner.ba_slider_height-full img,.before_after_slider_inner.ba_slider_height-full svg.placeholder_svg{height:100vh}.before_after_slider_inner.ba_slider_height-adapt,.before_after_slider_inner.ba_slider_height-adapt img,.before_after_slider_inner.ba_slider_height-adapt svg.placeholder_svg{width:100%;height:clamp(30rem,var(--height),70rem)}before-after{position:relative;z-index:0}.ba_before_img,.ba_after_img{width:100%;height:100%;border-radius:var(--img-border-radius);overflow:hidden;position:absolute;top:0;left:0}.ba_after_img{clip-path:inset(0 0 0 0)}.ba_after_img.transition{clip-path:inset(0 0 0 50%)}.ba_after_img.r_transition{transition:clip-path .6s ease-in-out}.ba_before_img img,.ba_before_img svg.placeholder_svg,.ba_after_img img{width:100%;height:100%;object-fit:cover;border-radius:var(--img-border-radius)}.ba_slider{position:absolute;top:0;bottom:0;width:2px;background:var(--color-primary-button-background);cursor:ew-resize;z-index:10;left:00%;transform:translate(-50%)}.ba_slider.transition{transition:left .6s ease-in-out}.ba_thumb{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:5rem;height:5rem;background:var(--color-primary-button-background);border-radius:50%;cursor:grab;display:flex;justify-content:center;align-items:center;padding:1rem;border:none}.ba_thumb:focus-visible{outline-offset:3px}.ba_thumb_inner{width:3px;height:100%;background:var(--color-primary-button-text);position:relative}.ba_thumb_inner:before{content:"";width:3px;height:50%;background:var(--color-primary-button-text);left:-10px;position:absolute;display:block;top:50%;transform:translateY(-50%)}.ba_thumb_inner:after{content:"";width:3px;height:50%;background:var(--color-primary-button-text);right:-10px;position:absolute;display:block;top:50%;transform:translateY(-50%)}.ba_before_product{position:absolute;bottom:2rem;left:2rem}.ba_after_product{position:absolute;bottom:2rem;right:2rem}.ba_before_product h4,.ba_after_product h4{margin:0;color:var(--color-foreground-heading)}.ba_before_product a,.ba_after_product a{display:flex;margin:.5rem 0 0;color:var(--color-primary);text-decoration:none;font-size:1.4rem;line-height:1}.ba_before_product a:hover,.ba_after_product a:hover{text-decoration:underline;text-underline-offset:.2rem}@media screen and (max-width: 640px){.before_after_slider_inner.ba_slider_mob_height-one-third,.before_after_slider_inner.ba_slider_mob_height-one-third img,.before_after_slider_inner.ba_slider_mob_height-one-third svg.placeholder_svg{height:calc(100vh * 1 / 3)}.before_after_slider_inner.ba_slider_mob_height-two-third,.before_after_slider_inner.ba_slider_mob_height-two-third img,.before_after_slider_inner.ba_slider_mob_height-two-third svg.placeholder_svg{height:calc(100vh * 2 / 3)}.before_after_slider_inner.ba_slider_mob_height-half,.before_after_slider_inner.ba_slider_mob_height-half img,.before_after_slider_inner.ba_slider_mob_height-half svg.placeholder_svg{height:50vh}.before_after_slider_inner.ba_slider_mob_height-full,.before_after_slider_inner.ba_slider_mob_height-full img,.before_after_slider_inner.ba_slider_mob_height-full svg.placeholder_svg{height:100vh}.before_after_slider_inner.ba_slider_mob_height-adapt,.before_after_slider_inner.ba_slider_mob_height-adapt img,.before_after_slider_inner.ba_slider_mob_height-adapt svg.placeholder_svg{max-height:35rem}.ba_thumb{width:4rem;height:4rem;padding:.5rem}.ba_thumb_inner:before{left:-8px}.ba_thumb_inner:after{right:-8px}.ba_before_product{bottom:1.5rem;left:1.5rem}.ba_after_product{bottom:1.5rem;right:1.5rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/before-after.css.map */