.before_after_slider_inner{position:relative}.before_after_slider_inner .ratio:before{width:100%;height:100%}.before_after_slider_inner img{background:#fff}before-after{position:relative;z-index:0}.before_after_heading h2{letter-spacing:0;text-transform:var(--text-transform);text-align:var(--text_align);margin-bottom:2.5rem}.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(--highlight-color-secondary);cursor:ew-resize;z-index:10;left:00%}.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(--highlight-color-secondary);border-radius:50%;cursor:grab;display:flex;justify-content:space-between;align-items:center;padding:10px 4px;border:none}.ba_thumb:focus-visible{outline-offset:3px}beforeafter-tab{padding-top:4rem;padding-bottom:4rem}.ba_thumb_inner{display:block!important;width:2.1px;height:100%;background:var(--ba_thumb_text);position:relative}.ba_thumb svg{height:20px;width:20px}.ba_thumb svg path{fill:var(--ba_thumb_text)}.outer_butoon_wrap{display:flex;flex-direction:column;grid-gap:2rem;padding-top:25%}.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}.ba_before_product a,.ba_after_product a{display:flex;margin:.5rem 0 0;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}.ba_before_product,.ba_after_product{display:flex;align-items:center;column-gap:15px;row-gap:15px}.ba_after_product{flex-direction:row-reverse}.ba_product-media{line-height:0}.ba_product-info{width:60%}.ba_before_product .ba_product-media img.ba_product-img,.ba_after_product .ba_product-media img.ba_product-img{height:100px;width:100px;object-fit:cover;border-radius:var(--img-border-radius)}.ba_after_product .ba_product-info{text-align:end}.ba_after_product a{justify-content:end}.ba_after_img .placeholder-svg{background:#f7f7f7}.before-after-tabs .product_block_price,.before-after-tabs .product_block_price_varies{font-size:1.4rem}.before-after-tabs span.product_block_cap{font-size:1.2rem}.stacked-scroll-section{position:relative;height:200vh}.inner_section_scroll{position:sticky;transition:.6s ease-in-out}.align_center.before-after-tabs{justify-content:center}.align_center .outer_butoon_wrap{padding-top:0}beforeafter-tab{display:block}beforeafter-tab .container{position:sticky;top:10rem}.comparision_slider{position:relative}.before-af-show{opacity:0;visibility:hidden;position:absolute;width:100%;transition:.4s cubic-bezier(.55,.09,.68,.53);bottom:0;height:100%}.before_after_slider_inner{position:relative;width:100%;height:100%}.before-af-show.ratio:before{width:100%;height:100%}before-after{position:absolute;z-index:0;width:100%;height:100%}.before-af-show.active{opacity:1;visibility:visible;position:relative;transform:translateY(0)}.bf_text{position:absolute;bottom:3rem;background:var(--secondary-button-bg);color:var(--secondary-button-text);padding:.5rem 1rem;border-radius:.4rem;display:block;min-width:9rem;text-align:center}.bf_text.right{right:2rem}.bf_text.left{left:2rem}.bf-tab-btn{font-size:2.5rem;opacity:.4!important;transition:.2s cubic-bezier(.55,.09,.68,.53)!important;background:transparent;border:unset;cursor:pointer;line-height:1}.bf-tab-btn.active{font-size:3.5rem;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:500;letter-spacing:calc(var(--font-heading-scale) * 0rem)}.bf_products_wrap{position:relative}.bf-product{cursor:pointer;display:grid;visibility:hidden;opacity:0;position:absolute;transform:translateY(1.5rem);grid-template-columns:2fr 5fr;gap:2rem;width:100%;padding:1.5rem;border-radius:.8rem;background:#fff;transition:.1s ease-in-out;bottom:0}.bf-tab-btn.active{opacity:1!important;color:var(--text-color)}.before-after-outer{display:grid;grid-template-columns:5fr 2fr;grid-gap:3rem;width:100%}.bf_product_slide.active{opacity:1;visibility:visible;transform:translateY(0);display:grid;position:relative;transition:.4s cubic-bezier(.55,.09,.68,.53)}.before-after-tabs{display:flex;flex-direction:column;justify-content:space-between}.bf-product .shop-look-product img,.shop-look-product svg.placeholder-svg{background:var(--bg)}svg.placeholder-svg.empty_product{background:#f7f7f7}@media screen and (min-width:1400px){beforeafter-tab{padding-top:8rem;padding-bottom:8rem}.outer_butoon_wrap{display:flex;flex-direction:column;grid-gap:3.5rem}.bf-tab-btn.active{font-size:5rem}.bf-tab-btn{font-size:3rem;line-height:1}}@media screen and (min-width:1500px){.inner_section_scroll{top:10rem}}@media screen and (max-width:1500px){.inner_section_scroll{top:var(--header-height)}}@media screen and (max-width:989px){.bf-tab-btn.active{font-size:3rem}.bf-tab-btn{font-size:2rem}.before-after-outer .stl-product-title{font-size:1.3rem}}@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_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}.ba_before_product .ba_product-media img.ba_product-img,.ba_after_product .ba_product-media img.ba_product-img{height:40px;width:40px}.ba_product-info{width:100%}.ba_after_product{text-align:end}.ba_thumb{width:4rem;height:4rem}.bf_text{bottom:1rem;font-size:1.2rem;min-width:6rem}.bf_text.right{right:1rem}.bf_text.left{left:1rem}beforeafter-tab .container{position:unset}.before-after-outer{grid-template-columns:1fr}.outer_butoon_wrap{padding:0 0 4rem}.bf-tab-btn{font-size:1.8rem}.bf-tab-btn.active{font-size:2.5rem}.stacked-scroll-section{height:unset}}
/*# sourceMappingURL=/cdn/shop/t/5547/assets/before-after.css.map */