.after_before_images{display:flex;justify-content:space-between;align-items:center;width:100%;position:absolute}.inner_before_after{display:grid;grid-template-columns:2fr 3fr 2fr;align-items:center;width:100%}.after_before_images .ratio img{object-fit:cover;border-radius:var(--image-border-radius)}.after_before_images .ratio{border-radius:var(--image-border-radius);overflow:hidden;background:var(--bg)}.middle_imgs{position:relative}.middle_imgs img{width:100%}.product_img_{background:var(--bg)}.img_title .ba_title{text-align:center;margin-top:1.6rem}.after_img,.before_img{opacity:0;transition:.3s ease;border-radius:var(--image-border-radius)}.active .after_img,.active .before_img{opacity:1}.after_img svg,.before_img svg,.layer_img svg,.product_img_ svg{width:100%;height:100%}.scroller_img_visible{transition:.6s ease;opacity:1}.after_before-outer{position:relative}.scroller_img_visible.hidden{display:block!important;position:absolute;visibility:hidden;opacity:0;width:100%}.inner_before_after img{width:100%}.after_before-wrapper{position:sticky;background:var(--color-background);top:17rem}.product_img_{will-change:transform}.after_before_tab_heading_title{display:flex;flex-direction:var(--position);justify-content:space-between;align-items:flex-start}.after_before_image_tab{display:flex;flex-wrap:wrap;gap:2rem;align-items:flex-start;position:relative;z-index:2}.after_before_image_tab button{cursor:pointer;opacity:1;padding:.9rem 2rem;position:relative;text-transform:uppercase;border-radius:var(--btn-border-radius);background:transparent;border:1px solid transparent;font-size:1.5rem;transition:opacity .3s ease,border .3s ease}.after_before_image_tab button.active{opacity:1;border:1px solid var(--color-heading)}.after-before-image-wrapper{position:relative;height:100%}.after_before_images{top:0;right:0;bottom:0;left:0;transition:opacity .3s cubic-bezier(.55,.09,.68,.53),visibility .3s cubic-bezier(.55,.09,.68,.53),transform .3s cubic-bezier(.55,.09,.68,.53)}.after_before_images:not(.active){opacity:0;transform:translateY(2rem);visibility:visible}.before_outer_container{position:relative}.after_before_images.active{opacity:1;visibility:visible;transform:translateY(0);z-index:1;position:relative}.scoller_image_wrap{max-width:20%;margin:0 auto;padding-bottom:4rem;position:relative}.layer_img .placeholder_svg{width:80%;margin:0 auto;background:#f7ecec}.scoller_image_wrap svg.placeholder_svg{background:#87745e}@media(min-width:1440px){.product_img_ img{object-fit:contain;margin:0 auto}}@media(max-width:1200px){.after_before_image_tab{gap:1.5rem}.after_before_images{gap:1rem}}@media screen and (min-width:990px){.after_before_tab_heading_title.row-reverse .section_heading h2,.after_before_tab_heading_title.row-reverse .section_content{text-align:right}}@media screen and (max-width:990px){.after_before_tab_heading_title{flex-direction:column;align-items:center;margin-bottom:4rem}.after_before_tab_heading_title .section_heading{text-align:center;margin-bottom:2rem}}@media(max-width:767px){.after-before-image-wrapper{padding:4rem 1.5rem 2rem}.after_before_image_tab{padding-bottom:2rem}.after_before_image_tab{flex-direction:row;gap:12px;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-behavior:smooth;scrollbar-width:thin}.after_before_image_tab button{flex:0 0 auto}.after_before_tab_heading_title{margin-bottom:3rem;flex-direction:column}.section_heading.right{margin-bottom:1rem}.product_img{overflow:hidden}.img_title{position:relative;z-index:1}}@media screen and (max-width:640px){.after_before_images .ratio img,.after_before_images .ratio{border-radius:var(--image-border-radius-mob)}}@media(max-width:450px){.after_before_image_tab{gap:.5rem}.after_before_image_tab button{font-size:1.4rem}.after_before_images{flex-direction:column;row-gap:12rem}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/after-before.css.map */