.bBeforeAfter .ba-wrap{line-height:0;overflow:hidden;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;--pos:50%;border-radius:8px}.bBeforeAfter .ba-after img,.bBeforeAfter .ba-before img{display:block;height:auto;width:100%}.bBeforeAfter .ba-before{position:relative}.bBeforeAfter .ba-after{clip-path:inset(0 0 0 var(--pos));inset:0;position:absolute}.bBeforeAfter .ba-label{background:rgba(0,0,0,.6);border-radius:4px;bottom:12px;color:#fff;font-size:13px;line-height:1.3;padding:4px 10px;position:absolute}.bBeforeAfter .ba-label-before{left:12px}.bBeforeAfter .ba-label-after{right:12px}.bBeforeAfter .ba-handle{cursor:ew-resize;left:var(--pos);touch-action:none;width:0}.bBeforeAfter .ba-handle,.bBeforeAfter .ba-handle-line{bottom:0;position:absolute;top:0;transform:translateX(-50%)}.bBeforeAfter .ba-handle-line{background:#fff;left:50%;width:3px}.bBeforeAfter .ba-handle-grip{background:#fff;border-radius:50%;box-shadow:0 2px 10px rgba(0,0,0,.35);height:38px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:38px}.bBeforeAfter .ba-handle-grip:before{align-items:center;color:#333;content:"↔";display:flex;font-size:18px;inset:0;justify-content:center;position:absolute}.bBeforeAfter .ba-empty{border:1px dashed #c3c4c7;border-radius:6px;color:#757575;padding:30px 20px;text-align:center}