.before-after-section{background-color:var(--ba-bg);width:100%}.before-after-section .ba-container{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;flex-direction:column;align-items:center;gap:16px}.before-after-section .ba-slider-wrapper{width:100%;overflow:hidden}.before-after-section .ba-slider{position:relative;width:100%;-webkit-user-select:none;user-select:none;touch-action:pan-y;cursor:ew-resize;overflow:hidden;border-radius:16px;border:1px solid #F1F1F1}.before-after-section .ba-after,.before-after-section .ba-before{position:relative;display:block;width:100%}.before-after-section .ba-after img,.before-after-section .ba-before img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-drag:none;border-radius:16px}.before-after-section .ba-after{position:relative;z-index:0}.before-after-section .ba-before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;clip-path:inset(0 50% 0 0);will-change:clip-path;transition:none}.before-after-section .ba-label{position:absolute;top:14px;background:#fcd5d5;color:var(--ba-label-text);font-size:.72rem;font-weight:700;text-transform:capitalize;padding:5px 12px;border-radius:4px;pointer-events:none;z-index:10;color:#f2252b;font-family:Inter;font-size:20px;font-weight:400!important;line-height:24px}.before-after-section .ba-label--before{left:14px}.before-after-section .ba-label--after{right:14px;background:#c3fedb;color:#229560}.before-after-section .ba-divider{position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);width:6px;background:#fff;z-index:20;pointer-events:none;will-change:left}.before-after-section .ba-handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 16px #00000038,0 0 0 1px #fff9;transition:transform .15s ease}.before-after-section .ba-slider:active .ba-handle,.before-after-section .ba-slider:focus-within .ba-handle{transform:translate(-50%,-50%) scale(1.12)}.before-after-section .ba-handle-icon{width:40px;height:40px}.before-after-section .ba-range{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0;z-index:30;-webkit-appearance:none;appearance:none}.before-after-section .ba-placeholder{background:#f3f3f3;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#888;font-size:.9rem}.before-after-section .ba-placeholder-svg{width:80px;height:80px;opacity:.3}.new-roud-ba{padding:40px;border:1px solid #DBDBDC;border-radius:24px;margin-top:24px}.ba-heading{font-family:Inter;color:#2f2e31;font-weight:600!important;font-size:24px;margin-top:0}@media(max-width:769px){.new-roud-ba{padding:24px 15px!important;background:#fff;border:none!important;margin-top:12px}.before-after-section .page-width{padding:0}.before-after-section .ba-label{font-size:14px!important;padding:4px 6px!important;line-height:18px}.ba-heading{font-size:20px!important}}
/*# sourceMappingURL=/cdn/shop/t/49/assets/before-after-section.css.map */