.progress{background:var(--line);border-radius:var(--radius-pill);height:6px;overflow:hidden}.progress>span{background:var(--accent);height:100%;transition:width .2s;display:block}.ba{touch-action:none;-webkit-user-select:none;user-select:none;cursor:ew-resize;background:repeating-conic-gradient(#eee 0% 25%,#fff 0% 50%) 50%/18px 18px;width:100%;position:relative;overflow:hidden}.ba__img{object-fit:contain;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.ba__tag{z-index:2;border-radius:var(--radius-pill);color:#fff;pointer-events:none;background:#0b1020b8;padding:.15rem .55rem;font-size:11px;font-weight:500;position:absolute;top:.6rem}.ba__divider{z-index:3;background:#fff;width:2px;position:absolute;top:0;bottom:0;transform:translate(-1px);box-shadow:0 0 0 1px #0b102059}.ba__handle{border:1px solid var(--line);background:var(--card);width:34px;height:34px;color:var(--ink);cursor:ew-resize;border-radius:999px;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 1px 3px #0b102040}.ba__handle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}