.ba{margin:0}.ba-frame{--pos:50%;aspect-ratio:4/3;background:var(--color-forest);cursor:ew-resize;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:24px;position:relative;overflow:hidden;box-shadow:0 30px 60px -28px #0000008c}.ba-layer{pointer-events:none;position:absolute;inset:0}.ba-layer img{object-fit:cover}.ba-before{clip-path:inset(0 calc(100% - var(--pos)) 0 0)}.ba-tag{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);letter-spacing:.12em;text-transform:uppercase;color:#fff;background:#0f2a1bc7;border-radius:14px;gap:2px;padding:7px 14px;font-size:12px;font-weight:800;line-height:1.3;display:grid;position:absolute;top:14px}.ba-tag small{letter-spacing:0;text-transform:none;font-size:13px;font-weight:600}.ba-tag--before{left:14px}.ba-tag--after{text-align:right;right:14px}.ba-divider{top:0;bottom:0;left:var(--pos);pointer-events:none;background:#fff;width:3px;margin-left:-1.5px;position:absolute;box-shadow:0 0 14px #0006}.ba-knob{width:52px;height:52px;color:var(--color-forest);transition:transform .25s var(--ease-brand);background:#fff;border-radius:50%;place-items:center;margin:-26px 0 0 -26px;display:grid;position:absolute;top:50%;left:50%;box-shadow:0 6px 20px #00000061}.ba-frame:hover .ba-knob,.ba-frame.is-dragging .ba-knob{transform:scale(1.08)}.ba-range{clip-path:inset(50%);white-space:nowrap;opacity:0;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.ba-range:focus-visible~.ba-divider .ba-knob{outline-offset:3px;outline:3px solid #fff;box-shadow:0 0 0 10px #0f2a1bb3,0 6px 20px #00000061}.ba-caption{opacity:.85;margin-top:14px;font-size:14px;line-height:1.5}@media (max-width:767px){.ba-frame{border-radius:18px}.ba-tag{padding:6px 12px;font-size:11px;top:10px}.ba-tag small{font-size:12px}.ba-tag--before{left:10px}.ba-tag--after{right:10px}.ba-knob{width:46px;height:46px;margin:-23px 0 0 -23px}.ba-caption{margin-top:10px;font-size:13px}}@media (prefers-reduced-motion:reduce){.ba-knob{transition:none}}