.before-after-image--container{display:block;position:relative}.before-after-image--media{display:block;position:relative;overflow:hidden}.before-after-image--media:after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;background:rgba(var(--color-overlay-rgb),var(--overlay-opacity))}.before-after-image--image .thb-placeholder,.before-after-image--image img{position:absolute;top:0;left:0;width:100%;height:100%}.before-after-image--image .thb-placeholder svg,.before-after-image--image img svg{object-fit:contain}.before-after-image--image img{object-fit:cover}@media only screen and (max-width: 767px){.before-after-image--image.mobile-height-image{aspect-ratio:var(--image-aspect);min-height:unset}}@media only screen and (min-width: 768px){.before-after-image--image.desktop-height-image{aspect-ratio:var(--image-aspect);min-height:unset}}.before-after-image--2{clip-path:inset(0px 0px 0px var(--percent));position:absolute;z-index:3;top:0;left:0;width:100%;height:100%;overflow:hidden}.before-after-image--2 .before-after-image--content{justify-content:flex-end}.before-after-image--content{position:absolute;z-index:2;top:0;left:0;width:100%;height:100%;display:flex;padding:15px}@media only screen and (min-width: 768px){.before-after-image--content{padding:30px}}@media only screen and (min-width: 1068px){.before-after-image--content{padding:45px}}.before-after-image--content-center{align-items:center}.before-after-image--content-bottom{align-items:flex-end}.before-after-image--content h4,.before-after-image--content h1,.before-after-image--content h2,.before-after-image--content h3,.before-after-image--content h5,.before-after-image--content h6{color:var(--color-body, #151515);font-size:1rem}@media only screen and (min-width: 768px){.before-after-image--content h4,.before-after-image--content h1,.before-after-image--content h2,.before-after-image--content h3,.before-after-image--content h5,.before-after-image--content h6{font-size:calc(var(--font-heading-scale)* 26px)}}.before-after-image--slider{position:absolute;top:50%;width:100%;left:0;z-index:40;transform:translateY(-50%);opacity:0;height:54px;cursor:pointer}.before-after-image--divider{position:absolute;top:0;bottom:0;z-index:10;width:2px;left:calc(var(--percent) - 1px);background:var(--color-line, --bg-body);box-shadow:0 4px 4px #00000040}.before-after-image--divider svg{position:absolute;top:50%;left:50%;z-index:11;transform:translate3d(-50%,-50%,0);z-index:20;border-radius:20px;box-shadow:0 1px 6px #0000001a;cursor:pointer}.before-after-image--mobile{display:block}@media only screen and (min-width: 768px){.before-after-image--mobile{display:none}}.before-after-image--desktop{display:none}@media only screen and (min-width: 768px){.before-after-image--desktop{display:block}}.before-after-image1{padding:50px 0 100px;background-color:#fbfaf7}.before-after-image1 .columns1{display:flex;align-items:center;justify-content:center}.before-after-image--container1{width:45%}.before-after-image1 .section-header-left--false .section-header--content{text-align:left}.before-after-image1 .section-header--content{max-width:75%}.before-after-image1 .section-header--content .rte{margin-top:40px;font-weight:500}.before-after-image--container1 p{position:absolute;font-family:Poppins,sans-serif;font-weight:400;font-style:normal;color:#676564;font-size:13px;margin-top:5px;margin-bottom:0}.before-after-image1 .section-title1{display:none}@media only screen and (max-width: 1440px){.before-after-image--container1{width:60%}}@media only screen and (max-width: 768px){.before-after-image1{padding:30px 0}.before-after-image1 .section-header--content{max-width:100%}.before-after-image--container1{width:60%}.before-after-image1 .columns1{display:flex;flex-direction:column}.before-after-image--container1{width:100%}.before-after-image1 .section-title .rte{display:none}.before-after-image1 .section-title1{display:block}.before-after-image1 .section-title1 .h3{display:none}.before-after-image1 .section-title1 .section-description{font-family:Poppins,sans-serif;font-weight:500;font-style:normal;font-size:14px;color:#333;margin-top:20px}.before-after-image1 .section-title1 .section-description p{margin-bottom:10px}.before-after-image1 .section-title1 .note{font-family:Poppins,sans-serif;font-weight:400;font-style:normal;color:#676564;font-size:10px;margin-top:5px;margin-bottom:0;padding:0}.before-after-image--container1 p{display:none}}
/*# sourceMappingURL=/cdn/shop/t/111/assets/before-after-image.css.map */