.ba[data-v-69b65af4]{border-radius:var(--radius);background:var(--line);aspect-ratio:var(--ba-ratio,16/10);-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.ba__img[data-v-69b65af4]{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.ba__before[data-v-69b65af4],.ba__img[data-v-69b65af4]{position:absolute;inset:0}.ba__before[data-v-69b65af4]{clip-path:inset(0 calc(100% - var(--pos)) 0 0)}.ba__handle[data-v-69b65af4]{top:0;bottom:0;left:var(--pos);pointer-events:none;width:3px;margin-left:-1.5px;box-shadow:0 0 12px #00000040}.ba__handle[data-v-69b65af4],.ba__knob[data-v-69b65af4]{background:var(--white);position:absolute}.ba__knob[data-v-69b65af4]{width:48px;height:48px;color:var(--blue);transition:transform .35s var(--ease-out),background .3s,color .3s;border-radius:50%;justify-content:center;align-items:center;display:flex;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 16px #0a112040}.ba:hover .ba__knob[data-v-69b65af4]{transform:translate(-50%,-50%)scale(1.1)}.ba:active .ba__knob[data-v-69b65af4]{background:var(--blue);color:var(--white)}.ba:has(.ba__range:focus-visible) .ba__knob[data-v-69b65af4]{outline:3px solid var(--blue);outline-offset:3px}.ba__label[data-v-69b65af4]{border-radius:var(--radius-sm);pointer-events:none;padding:6px 12px;font-size:13px;font-weight:600;transition:opacity .3s;position:absolute;top:14px}.ba__label--before[data-v-69b65af4]{background:var(--ink);color:var(--white);left:14px}.ba__label--after[data-v-69b65af4]{background:var(--white);color:var(--ink);right:14px}.ba__range[data-v-69b65af4]{opacity:0;cursor:ew-resize;touch-action:pan-y;appearance:none;width:100%;height:100%;margin:0;position:absolute;inset:0}.stars[data-v-0915c7fb]{color:var(--star);gap:2px;display:inline-flex}
