.eba-native{position:relative; width:100%; height:auto; display:block; user-select:none; touch-action:none; background:#000}
.eba-native .eba-img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; object-position:center; display:block}
/* default 50/50 */
.eba-native .eba-after{clip-path: inset(0 0 0 50%);} 
.eba-native .eba-before{clip-path: inset(0 50% 0 0);} 
.eba-native .eba-handle{position:absolute; top:0; bottom:0; width:24px; margin-left:-12px; left:50%; cursor:ew-resize; display:flex; align-items:center; justify-content:center; outline:none; z-index:3}
.eba-native .eba-grip{width:16px; height:16px; border-radius:50%; background:#fff; box-shadow:0 2px 8px rgba(0,0,0,.25); border:2px solid rgba(0,0,0,.1)}
.eba-native .eba-divider{position:absolute; top:0; bottom:0; width:2px; background:#fff; left:50%; transform:translateX(-1px); z-index:2}
.eba-native .eba-label{position:absolute; top:50%; transform:translateY(-50%); background:rgba(0,0,0,.35); color:#fff; padding:8px 12px; border-radius:6px; font:500 14px/1.2 system-ui, -apple-system, Segoe UI, Roboto, sans-serif; z-index:4}
.eba-native .eba-label-before{left:16px}
.eba-native .eba-label-after{right:16px}
/* Vertical mode */
.eba-native[data-orientation="vertical"] .eba-after{clip-path: inset(50% 0 0 0);}
.eba-native[data-orientation="vertical"] .eba-before{clip-path: inset(0 0 50% 0);}
.eba-native[data-orientation="vertical"] .eba-handle{top:50%; left:0; right:0; height:24px; width:auto; margin-top:-12px; cursor:ns-resize}
.eba-native[data-orientation="vertical"] .eba-divider{left:0; right:0; height:2px; width:auto; top:50%; transform:translateY(-1px)}