.ba{aspect-ratio:16/9;background:var(--fog);-webkit-user-select:none;user-select:none;touch-action:pan-y;border-radius:18px;width:100%;position:relative;overflow:hidden}.ba-img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.ba-before{position:absolute;inset:0}.ba-tag{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--paper);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;background:#0c0e1099;border-radius:999px;padding:6px 12px;font-size:11px;position:absolute;top:16px}.ba-tag-before{left:16px}.ba-tag-after{right:16px}.ba-handle{cursor:ew-resize;touch-action:none;justify-content:center;align-items:center;width:44px;margin-left:-22px;display:flex;position:absolute;top:0;bottom:0}.ba-handle:focus-visible{outline:none}.ba-line{background:var(--paper);width:2px;margin-left:-1px;position:absolute;top:0;bottom:0;left:50%;box-shadow:0 0 0 1px #0c0e1026}.ba-grip{z-index:1;background:var(--paper);width:44px;height:44px;color:var(--graphite);transition:transform .2s var(--ease);border-radius:999px;justify-content:center;align-items:center;gap:2px;display:flex;position:relative;box-shadow:0 6px 20px #0c0e1047}.ba-handle:hover .ba-grip,.ba-handle:focus-visible .ba-grip{transform:scale(1.08)}.ba-handle:focus-visible .ba-grip{outline:2px solid var(--north);outline-offset:3px}.ba-chev{font-size:18px;font-weight:700;line-height:1}@media (max-width:700px){.ba{aspect-ratio:4/3}}@media (prefers-reduced-motion:reduce){.ba-grip{transition:none}}