.ba{width:100%;margin:0}.ba__frame{aspect-ratio:4/5;border-radius:var(--radius-lg);cursor:ew-resize;touch-action:pan-y;-webkit-user-select:none;user-select:none;background:var(--brand-sand);isolation:isolate;width:100%;position:relative;overflow:hidden}.ba__layer{height:100%;position:absolute;inset:0}.ba__layer--before{z-index:2;border-right:2px solid var(--brand-teal);overflow:hidden}.ba__clip{width:100%;min-width:100%;height:100%;position:absolute;inset:0}.ba__img{object-fit:cover}.ba__ph{position:absolute;inset:0}.ba__ph--before{background:linear-gradient(155deg,#d9d2c6 0%,#b0a89b 100%)}.ba__ph--after{background:radial-gradient(120% 90% at 30% 20%,#e8cbb8 0%,#0000 60%),linear-gradient(155deg,#d9a482 0%,#b06b4d 100%)}.ba__tag{bottom:var(--space-4);z-index:3;font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;border-radius:var(--radius-pill);color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#2c1f178c;padding:.35rem .7rem;font-size:.625rem;position:absolute}.ba__tag--before{left:var(--space-4)}.ba__tag--after{right:var(--space-4)}.ba__handle{z-index:4;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;transform:translate(-50%)}.ba__handle-line{background:var(--brand-teal);width:2px;position:absolute;top:0;bottom:0}.ba__handle-grip{background:var(--brand-teal);border-radius:50%;justify-content:center;align-items:center;gap:4px;width:44px;height:44px;display:flex;position:relative;box-shadow:0 4px 16px #1f5f5b66}.ba__arrow{border-block:5px solid #0000;width:0;height:0}.ba__arrow--l{border-right:7px solid var(--brand-teal-deep)}.ba__arrow--r{border-left:7px solid var(--brand-teal-deep)}.ba__range{z-index:5;opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;inset:0}.ba__range:focus-visible{outline:none}.ba__range:focus-visible~.ba__handle .ba__handle-grip{outline:3px solid var(--brand-teal-deep);outline-offset:3px}