.before-after-container{display:flex;flex-direction:column;gap:3rem}.before-after-container.mobile-text-first{flex-direction:column-reverse}@media screen and (min-width:750px){.before-after-container{flex-direction:row;align-items:center;gap:5rem}.before-after-container.desktop-text-first{flex-direction:row-reverse}.before-after-media-side,.before-after-text-side{width:50%}}.before-after-slider-component{position:relative;width:100%;border-radius:var(--media-radius, 8px);overflow:hidden;box-shadow:0 4px 15px #0000001a;display:flex}.before-after-slider-images{position:relative;width:100%;display:flex}.ba-image{width:100%}.ba-image img,.ba-image svg{width:100%;display:block;object-fit:cover}.mobile-height-custom .ba-image,.mobile-height-custom .ba-image img,.mobile-height-custom .ba-image svg{height:100%!important}.mobile-height-adapt .ba-image,.mobile-height-adapt .ba-image img,.mobile-height-adapt .ba-image svg{height:auto!important}@media screen and (min-width:750px){.desktop-height-custom .ba-image,.desktop-height-custom .ba-image img,.desktop-height-custom .ba-image svg{height:100%!important}.desktop-height-adapt .ba-image,.desktop-height-adapt .ba-image img,.desktop-height-adapt .ba-image svg{height:auto!important}}.ba-image--before{position:absolute;top:0;left:0;height:100%;width:100%;clip-path:polygon(0 0,50% 0,50% 100%,0 100%);z-index:2}.ba-slider-handle{position:absolute;top:0;bottom:0;left:50%;width:4px;background-color:#fff;transform:translate(-50%);z-index:3;pointer-events:none;box-shadow:0 0 10px #0000004d}.ba-slider-handle-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000004d;color:#121212}.ba-slider-handle-circle svg{width:24px;height:24px}.ba-slider-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;z-index:4;cursor:ew-resize;margin:0}.before-after-content{display:flex;flex-direction:column;gap:1.5rem}.ba-heading,.ba-text{margin:0;color:currentColor}.ba-text.subtitle{font-size:1.2rem;text-transform:uppercase;letter-spacing:.1em}.before-after-slider-images.placeholder{aspect-ratio:1/1;background-color:#f4f4f4}.before-after-slider-images.placeholder svg{width:100%;height:100%}.before-after-text-side{color:#121212;position:relative;z-index:2}.ba-heading,.ba-text{margin:0;color:inherit}.ba-text p,.ba-text li,.ba-text span,.ba-text a{color:inherit}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-before-after-slider.css.map */