.ba-section{width:100%;padding:80px 24px}.ba-section__wrapper{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center}.ba-section__text{display:flex;flex-direction:column;justify-content:center}.ba-section__heading{font-size:42px;font-weight:800;line-height:1.1;margin:0 0 16px;text-transform:uppercase;letter-spacing:-.5px}.ba-section__accent{color:#e53935;font-style:italic;margin-right:10px}.ba-section__subheading{font-size:16px;color:#666;line-height:1.6;max-width:380px}.ba-slider{position:relative}.ba-slider__image-container{position:relative;width:100%;aspect-ratio:4 / 3;overflow:hidden;border-radius:16px;box-shadow:0 20px 50px #00000026;-webkit-user-select:none;user-select:none}.ba-slider__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.ba-slider__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#eee;color:#999;font-size:14px}.ba-slider__image-before-wrap{position:absolute;top:0;left:0;width:50%;height:100%;overflow:hidden;z-index:2}.ba-slider__image-before-wrap .ba-slider__image{width:var(--ba-image-width, 100%);max-width:none}.ba-slider__badge{position:absolute;top:20px;padding:6px 16px;font-size:12px;font-weight:800;letter-spacing:1px;color:#fff;border-radius:4px;z-index:3;pointer-events:none}.ba-slider__badge--before{left:20px;background:#08041d}.ba-slider__badge--after{right:20px;background:#a78bfa}.ba-slider__handle{position:absolute;top:0;height:100%;transform:translate(-50%);z-index:4;pointer-events:none}.ba-slider__handle-line{position:absolute;top:0;left:50%;width:3px;height:100%;background:#fff;transform:translate(-50%);box-shadow:0 0 8px #0000004d}.ba-slider__handle-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:space-between;padding:0 6px;box-shadow:0 4px 14px #00000040;color:#08041d}.ba-slider__range{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;z-index:5;-webkit-appearance:none;appearance:none}.ba-slider__range::-webkit-slider-thumb{-webkit-appearance:none;width:44px;height:100%}@media(max-width:860px){.ba-section[data-mobile-layout=vertical] .ba-section__wrapper{grid-template-columns:1fr;gap:20px}.ba-section[data-mobile-layout=vertical] .ba-section__text{text-align:center;align-items:center}.ba-section[data-mobile-layout=vertical] .ba-section__heading{font-size:28px;margin:0 auto 12px}.ba-section[data-mobile-layout=vertical] .ba-section__accent{display:block;margin-right:0;margin-bottom:2px}.ba-section[data-mobile-layout=vertical] .ba-section__subheading{max-width:100%;margin:0 auto;text-align:center}.ba-section[data-mobile-layout=horizontal] .ba-section__wrapper{grid-template-columns:.9fr 1.1fr;gap:14px}.ba-section[data-mobile-layout=horizontal] .ba-section__heading{font-size:18px;margin-bottom:6px}.ba-section[data-mobile-layout=horizontal] .ba-section__subheading{font-size:12px;max-width:100%;display:none}.ba-section[data-mobile-layout=horizontal] .ba-slider__badge{font-size:10px;padding:4px 10px;top:10px}.ba-section[data-mobile-layout=horizontal] .ba-slider__handle-circle{width:32px;height:32px}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/before-after-slider.css.map */