.before-after-section__container{text-align:center}.before-after-section__heading{font-size:2.2rem;margin-bottom:.5rem}.before-after-section__subheading{font-size:1.1rem;color:#666;margin-bottom:2rem}.before-after-slider{max-width:900px;margin:0 auto}.before-after-slider__image-container{position:relative;width:100%;aspect-ratio:var(--baf-aspect-ratio, 16 / 10);overflow:hidden;border-radius:12px;cursor:ew-resize;-webkit-user-select:none;user-select:none;background:#eee}.before-after-slider__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:var(--baf-object-fit, contain);background:#f4f4f4;display:block;pointer-events:none}.before-after-slider__before-wrap{position:absolute;top:0;left:0;height:100%;width:50%;overflow:hidden;z-index:2}.before-after-slider__before-wrap .before-after-slider__image--before{max-width:none;position:absolute;left:0;top:0;height:100%}.before-after-slider__placeholder{width:100%;height:100%;background:#ddd}.before-after-slider__placeholder svg{width:100%;height:100%;opacity:.5}.before-after-slider__handle{position:absolute;top:0;left:50%;height:100%;width:0;transform:translate(-50%);z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.before-after-slider__handle-line{flex:1;width:2px;background:#fff;box-shadow:0 0 4px #0000004d}.before-after-slider__handle-circle{width:42px;height:42px;min-height:42px;border-radius:50%;background:#fff;color:#111;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000040;pointer-events:all;cursor:ew-resize}.before-after-slider__badge{position:absolute;top:16px;padding:6px 14px;background:#0009;color:#fff;font-size:.85rem;letter-spacing:.03em;text-transform:uppercase;border-radius:999px;z-index:4;pointer-events:none}.before-after-slider__badge--before{left:16px}.before-after-slider__badge--after{right:16px}.before-after-slider__range{position:absolute;bottom:12px;left:50%;transform:translate(-50%);width:80%;z-index:5;opacity:0;cursor:ew-resize;height:42px}@media(max-width:749px){.before-after-section__heading{font-size:1.6rem}.before-after-slider__badge{font-size:.7rem;padding:4px 10px}.before-after-slider__handle-circle{width:34px;height:34px;min-height:34px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/before-after.css.map */