.rbas{ position:relative; width:100%; }
.rbas-inner{ position:relative; width:100%; height:auto; overflow:hidden; user-select:none; }
.rbas-img{ display:block; width:100%; height:auto; object-fit:cover; }
.rbas-after-wrap{ position:absolute; inset:0; pointer-events:none; }
.rbas-divider{ position:absolute; background:#fff; box-shadow:0 0 0 1px rgba(0,0,0,.15); pointer-events:none; }
.rbas-handle{ position:absolute; transform:translate(-50%, -50%); border:2px solid #fff; background:#fff; border-radius:999px; width:36px; height:36px; display:grid; place-items:center; cursor:ew-resize; box-shadow:0 6px 18px rgba(0,0,0,.2); }
.rbas[data-orientation="vertical"] .rbas-handle{ cursor:ns-resize; }
.rbas-handle-grip{ width:14px; height:14px; -webkit-mask: radial-gradient(circle at 50% 50%, #000 65%, transparent 66%); mask: radial-gradient(circle at 50% 50%, #000 65%, transparent 66%); background:#000; opacity:.35; }
.rbas-instruction{ position:absolute; left:50%; top:16px; transform:translateX(-50%); color:#fff; font-size:14px; line-height:1; border-radius:999px; padding:.6em 1em; backdrop-filter: blur(4px); white-space:nowrap; background: rgba(0,0,0,.45); }
.rbas-missing{ padding:12px; background:#fff3cd; border:1px solid #ffeeba; border-radius:6px; }