*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;background:#f4f4f4}.bb-stage{position:relative;width:100%;height:100vh;overflow:hidden;background:#f4f4f4;color:#1e89f5;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;isolation:isolate;user-select:none;-webkit-user-select:none}.bb-workspace{position:absolute;width:624px;height:312px;transform-origin:0 0}.bb-lines{position:absolute;inset:0;width:624px;height:312px;overflow:visible;pointer-events:none}.bb-outline{fill:none;stroke:currentColor;stroke-width:1;stroke-dasharray:4 3}.bb-guide{fill:none;stroke:currentColor;stroke-width:.8;stroke-dasharray:1.2 3;opacity:0;transition:opacity .16s}.bb-guide[data-visible=true]{opacity:.42}.bb-box{position:absolute;pointer-events:none}.bb-handle{position:absolute;width:30px;height:30px;transform:translate(-50%,-50%);padding:0;margin:0;border:0;outline:none;background:none;color:inherit;cursor:none;touch-action:none;-webkit-tap-highlight-color:transparent}.bb-handle svg{display:block;width:30px;height:30px;overflow:visible;pointer-events:none}.bb-halo{fill:#f4f4f4;stroke:#f4f4f4;stroke-width:3;stroke-linejoin:miter}.bb-glyph{fill:#fff;stroke:currentColor;stroke-width:.9;stroke-linejoin:miter}.bb-handle:focus-visible:not([data-pointer=true]):after{content:"";position:absolute;inset:0;border:1px solid #1e89f5;border-radius:5px;background:#1e89f50a}.bb-chip{position:absolute;display:flex;align-items:center;justify-content:center;height:18px;margin:0;padding:0 5px;background:#1e89f5;border:1.3px solid transparent;border-radius:99px;transform:translate(-50%,-50%) scale(.85);opacity:0;pointer-events:none;transition:opacity .14s,transform .18s cubic-bezier(.2,.8,.2,1);z-index:3}.bb-chip[data-visible=true]{opacity:1;transform:translate(-50%,-50%) scale(1);pointer-events:auto}.bb-chip input{display:block;width:3ch;min-width:1ch;max-width:5ch;padding:0;margin:0;height:15px;border:0;outline:none;background:none;color:#fff;font:600 12px/15px system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;text-align:center;letter-spacing:-.25px;cursor:text;user-select:text;-webkit-user-select:text}.bb-chip[data-editing=true]{background:#f4f4f4;border-color:#1e89f5}.bb-chip[data-editing=true] input{color:#171717;font-weight:500}.bb-chip[data-invalid=true]{border-color:#c74343}.bb-chip input::selection{background:#b9daf8;color:#111}.bb-equals{position:absolute;right:calc(100% + 7px);top:50%;display:none;place-items:center;width:18px;height:18px;transform:translateY(-50%);padding:0;border:1px solid #1e89f5;border-radius:4px;background:#fff;color:#1e89f5;cursor:pointer}.bb-chip[data-editing=true] .bb-equals{display:grid}.bb-equals:before,.bb-equals:after{content:"";position:absolute;width:8px;height:1.2px;background:currentColor;left:4px;top:5px}.bb-equals:after{top:9px}.bb-equals:focus-visible{outline:1.5px solid #1e89f5;outline-offset:2px}.bb-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(prefers-reduced-motion:reduce){.bb-chip,.bb-guide{transition:none}}