.ba-container{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;border-radius:18px;cursor:col-resize;background:#f3f4f6;user-select:none;-webkit-user-select:none;-ms-user-select:none;touch-action:none}.ba-container *{user-select:none;-webkit-user-select:none}.ba-container img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;user-select:none;pointer-events:none}.ba-before-wrapper{position:absolute;inset:0;width:50%;overflow:hidden;z-index:2}.ba-slider{position:absolute;top:0;bottom:0;left:50%;width:2px;background:#ffffff;transform:translateX(-50%);z-index:3}.ba-handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;background:#ffffff;border-radius:50%;box-shadow:0 8px 20px rgba(0,0,0,0.18);display:flex;align-items:center;justify-content:center;z-index:4;color:#1f2937;font-size:22px}.ba-handle svg{width:18px;height:18px;stroke:currentColor}.ba-handle svg path{stroke:#1f2937!important}.ba-label{position:absolute;top:20px;padding:6px 16px;font-size:13px;font-weight:600;border-radius:999px;z-index:5;letter-spacing:0.3px}.ba-left{left:20px;background:#1f2a3a;color:#ffffff}.ba-right{right:20px;background:#f5b335;color:#111111}.ba-container:active{cursor:grabbing}.ba-container *,.ba-container *:before,.ba-container *:after{box-sizing:border-box}