.yb-ba__grid{align-items:center;gap:clamp(32px,5vw,80px);display:grid}@media (width>=1024px){.yb-ba__grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}}.yb-ba__actions{margin-top:28px}.yb-ba__figure{margin:0}.yb-ba__stage{--pos:50%;aspect-ratio:var(--yb-ba-ratio,3 / 4);border-radius:var(--yb-radius-xl);background:var(--yb-tint-2);max-height:760px;box-shadow:var(--yb-shadow-lg);-webkit-user-select:none;user-select:none;margin-inline:auto;position:relative;overflow:hidden}.yb-ba__layer{position:absolute;inset:0}.yb-ba__layer--after{clip-path:inset(0 0 0 var(--pos))}.yb .yb-ba__img{object-fit:cover;width:100%;height:100%}.yb-ba__label{box-shadow:var(--yb-shadow-sm);font-family:var(--yb-font-display);letter-spacing:-.01em;color:var(--yb-ink);background:#fffffff2;border-radius:999px;padding:6px 10px;font-size:.74rem;font-weight:650;position:absolute;top:14px}.yb-ba__label--before{left:14px}.yb-ba__label--after{background:var(--yb-blue);color:var(--yb-blue-ink);right:14px}.yb-ba__handle{top:0;bottom:0;left:var(--pos);pointer-events:none;background:#fff;width:2px;margin-left:-1px;position:absolute;box-shadow:0 0 0 1px #0f1b3326,0 0 10px #0f1b3340}.yb-ba__handle>span{background:var(--yb-blue);width:48px;height:48px;color:var(--yb-blue-ink);border-radius:50%;justify-content:center;align-items:center;margin:-24px 0 0 -24px;display:flex;position:absolute;top:50%;left:50%;box-shadow:0 0 0 3px #fff,0 8px 24px -6px #0f1b3373}.yb-ba__handle .yb-icon{width:16px;height:16px}.yb-ba__handle .yb-icon:first-child{transform:rotate(90deg)}.yb-ba__handle .yb-icon:last-child{transform:rotate(-90deg)}.yb-ba__range{opacity:0;cursor:ew-resize;appearance:none;width:100%;height:100%;margin:0;position:absolute;inset:0}.yb-ba__stage:has(.yb-ba__range:focus-visible) .yb-ba__handle>span{outline:3px solid var(--yb-blue);outline-offset:5px}.yb-ba__caption{font-family:var(--yb-font-display);letter-spacing:-.01em;color:var(--yb-ink-soft);margin-top:12px;font-size:.8rem;font-weight:650}