.ba-slider{position:relative;width:100%;height:100%;overflow:hidden;cursor:ew-resize;touch-action:pan-y;-moz-user-select:none;user-select:none;-webkit-user-select:none}.ba-image{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;pointer-events:none}.ba-before-wrapper{position:absolute;inset:0}.ba-label{position:absolute;top:12px;padding:4px 12px;border-radius:100px;font-size:.72rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#fff;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;z-index:2}.ba-label-before{left:12px}.ba-label-after{right:12px;background:#c0a062d9;color:#102a20}.ba-divider{position:absolute;top:0;bottom:0;width:3px;background:#fff;transform:translate(-50%);box-shadow:0 0 8px #0006;z-index:2}.ba-handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:50%;background:#fff;color:#102a20;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px #00000059;transition:transform .15s ease}.ba-slider.dragging .ba-handle,.ba-slider:hover .ba-handle{transform:translate(-50%,-50%) scale(1.1)}