.ba-section{background:var(--ba-bg);color:var(--ba-text);padding:48px 16px;font-family:inherit}.ba-container{max-width:480px;margin:0 auto;text-align:center}.ba-heading{font-size:24px;font-weight:800;line-height:1.3;margin:0 0 16px;color:var(--ba-text)}.ba-description{font-size:15px;line-height:1.6;opacity:.85;margin:0 0 28px}.ba-description p{margin:0}.ba-slider-wrapper{border-radius:16px;overflow:hidden;box-shadow:0 10px 30px #00000059}.ba-slider{position:relative;width:100%;aspect-ratio:4 / 5;background:var(--ba-card-bg);overflow:hidden;cursor:ew-resize;-webkit-user-select:none;user-select:none;touch-action:none}.ba-image{position:absolute;top:0;left:0;height:100%;overflow:hidden}.ba-image-after{width:100%}.ba-image-before{width:50%;border-right:2px solid var(--ba-accent)}.ba-image img{position:absolute;top:0;left:0;width:100vw;max-width:480px;height:100%;object-fit:cover}.ba-slider-wrapper .ba-image img{width:var(--img-w, 100%)}.ba-image-after img,.ba-image-before img{width:100%;min-width:100%}.ba-image-before img{width:var(--ba-natural-width, 100%)}.ba-handle{position:absolute;top:0;left:50%;height:100%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;pointer-events:none}.ba-handle-line{position:absolute;top:0;bottom:0;left:50%;width:2px;transform:translate(-50%);background:var(--ba-accent);opacity:.9}.ba-handle-circle{position:relative;width:40px;height:40px;border-radius:50%;background:var(--ba-accent);color:#1a1a1d;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0006;pointer-events:auto;cursor:ew-resize}.ba-label{position:absolute;bottom:16px;font-size:13px;font-weight:700;letter-spacing:.03em;padding:6px 14px;border-radius:999px;background:#0000008c;color:#fff;z-index:3}.ba-label-before{left:16px}.ba-label-after{right:16px}.ba-slider.is-dragging .ba-handle-circle{transform:scale(1.08)}.ba-placeholder{border:1px dashed rgba(255,255,255,.25);border-radius:16px;padding:40px 20px;opacity:.7}.ba-placeholder-svg{width:100%;max-width:200px;margin:0 auto 12px}@media(min-width:700px){.ba-heading{font-size:30px}.ba-description{font-size:16px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/before-after-slider.css.map */