.before-after-section{width:100%}.before-after-section__inner{max-width:640px;margin:0 auto;padding:0 16px;text-align:center}.before-after-section__heading{font-size:2.2rem;margin:0 0 8px}.before-after-section__subheading{margin:0 0 24px;opacity:.75}.ba-slider{width:100%}.ba-slider__frame{position:relative;width:100%;aspect-ratio:1 / 1;max-width:480px;margin:0 auto;border-radius:16px;overflow:hidden;user-select:none;-webkit-user-select:none;touch-action:none;cursor:ew-resize;box-shadow:0 8px 24px #0000001f}.ba-slider__frame.is-dragging{cursor:grabbing}.ba-slider__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.ba-slider__img img,.ba-slider__img svg{width:100%;height:100%;object-fit:cover;display:block}.ba-slider__img--after{clip-path:inset(0 0 0 50%)}.ba-slider__tag{position:absolute;bottom:12px;padding:4px 12px;border-radius:999px;font-size:.75rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;background:#0000008c;color:#fff;pointer-events:none}.ba-slider__tag--before{left:12px}.ba-slider__tag--after{right:12px}.ba-slider__handle{position:absolute;top:0;bottom:0;left:50%;width:0;pointer-events:none;transform:translate(-50%);z-index:2}.ba-slider__handle-line{position:absolute;top:0;bottom:0;left:50%;width:2px;background:#fff;transform:translate(-50%)}.ba-slider__handle-circle{position:absolute;top:50%;left:50%;width:40px;height:40px;border-radius:50%;background:#fff;color:#1f1f1f;display:flex;align-items:center;justify-content:center;gap:2px;transform:translate(-50%,-50%);box-shadow:0 2px 8px #00000040}.ba-slider__range{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;pointer-events:none;z-index:3;-webkit-appearance:none;appearance:none}.ba-slider__range:focus-visible{pointer-events:auto}.ba-slider__range::-webkit-slider-thumb{-webkit-appearance:none;width:1px;height:1px}.ba-slider__range::-moz-range-thumb{width:1px;height:1px;border:none;background:transparent}.ba-slider__range::-moz-range-track{background:transparent;border:none}@media(max-width:480px){.before-after-section__heading{font-size:1.6rem}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/before-after-slider.css.map */