.react-flow{--xy-background-color: #f7f9fb;--xy-theme-selected: #f57dbd;--xy-theme-hover: #c5c5c5;--xy-theme-edge-hover: black;--xy-theme-color-focus: #e8e8e8;--xy-node-border-default: 1px solid #ededed;--xy-node-boxshadow-default: 0px 3.54px 4.55px 0px #00000005, 0px 3.54px 4.55px 0px #0000000d, 0px .51px 1.01px 0px #0000001a;--xy-node-border-radius-default: 8px;--xy-handle-background-color-default: #ffffff;--xy-handle-border-color-default: #aaaaaa;--xy-edge-label-color-default: #505050}.react-flow.dark{--xy-node-boxshadow-default: 0px 3.54px 4.55px 0px rgba(255, 255, 255, .05), 0px 3.54px 4.55px 0px rgba(255, 255, 255, .13), 0px .51px 1.01px 0px rgba(255, 255, 255, .2);--xy-theme-color-focus: #535353}.react-flow__node{box-shadow:var(--xy-node-boxshadow-default);border-radius:var(--xy-node-border-radius-default);background-color:var(--xy-node-background-color-default);display:flex;justify-content:center;align-items:center;text-align:center;padding:10px;font-size:12px;flex-direction:column;border:var(--xy-node-border-default);color:var(--xy-node-color, var(--xy-node-color-default))}.react-flow__node.selectable:focus{box-shadow:0 0 0 4px var(--xy-theme-color-focus);border-color:#d9d9d9}.react-flow__node.selectable:focus:active{box-shadow:var(--xy-node-boxshadow-default)}.react-flow__node.selectable:hover,.react-flow__node.draggable:hover{border-color:var(--xy-theme-hover)}.react-flow__node.selectable.selected{border-color:var(--xy-theme-selected);box-shadow:var(--xy-node-boxshadow-default)}.react-flow__node-group{background-color:#cfb6ff66;border-color:#9e86ed}.react-flow__edge.selectable:hover .react-flow__edge-path,.react-flow__edge.selectable.selected .react-flow__edge-path{stroke:var(--xy-theme-edge-hover)}.react-flow__handle{background-color:var(--xy-handle-background-color-default)}.react-flow__handle.connectionindicator:hover{pointer-events:all;border-color:var(--xy-theme-edge-hover);background-color:#fff}.react-flow__handle.connectionindicator:focus,.react-flow__handle.connectingfrom,.react-flow__handle.connectingto{border-color:var(--xy-theme-edge-hover)}.react-flow__node-resizer{border-radius:0;border:none}.react-flow__resize-control.handle{background-color:#fff;border-color:#9e86ed;border-radius:0;width:5px;height:5px}:root{--color-primary: #ff0073;--color-background: #fefefe;--color-hover-bg: #f6f6f6;--color-disabled: #76797e}.xy-theme__button-group{display:flex;align-items:center}.xy-theme__button-group .xy-theme__button:first-child{border-radius:100px 0 0 100px}.xy-theme__button-group .xy-theme__button:last-child{border-radius:0 100px 100px 0;margin:0}.xy-theme__button{display:inline-flex;align-items:center;justify-content:center;height:2.5rem;padding:0 1rem;border-radius:100px;border:1px solid var(--color-primary);background-color:var(--color-background);color:var(--color-primary);transition:background-color .2s ease,border-color .2s ease;box-shadow:var(--xy-node-boxshadow-default);cursor:pointer}.xy-theme__button.active{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.xy-theme__button.active:hover,.xy-theme__button.active:active{background-color:var(--color-primary);opacity:.9}.xy-theme__button:hover{background-color:var(--xy-controls-button-background-color-hover-default)}.xy-theme__button:active{background-color:var(--color-hover-bg)}.xy-theme__button:disabled{color:var(--color-disabled);opacity:.8;cursor:not-allowed;border:1px solid var(--color-disabled)}.xy-theme__button>span{margin-right:.2rem}.xy-theme__button+.xy-theme__button{margin-left:.3rem}.xy-theme__input{padding:.5rem .75rem;border:1px solid var(--color-primary);border-radius:7px;background-color:var(--color-background);transition:background-color .2s ease,border-color .2s ease;font-size:1rem;color:inherit}.xy-theme__input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #ff00734d}.xy-theme__checkbox{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:1.25rem;height:1.25rem;border-radius:7px;border:2px solid var(--color-primary);background-color:var(--color-background);transition:background-color .2s ease,border-color .2s ease;cursor:pointer;display:inline-block;vertical-align:middle;margin-right:.5rem}.xy-theme__checkbox:checked{background-color:var(--color-primary);border-color:var(--color-primary)}.xy-theme__checkbox:focus{outline:none;box-shadow:0 0 0 2px #ff00734d}.xy-theme__select{padding:.5rem .75rem;border:1px solid var(--color-primary);border-radius:50px;background-color:var(--color-background);transition:background-color .2s ease,border-color .2s ease;font-size:1rem;color:inherit;margin-right:.5rem;box-shadow:var(--xy-node-boxshadow-default)}.xy-theme__select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #ff00734d}.xy-theme__label{margin-top:10px;margin-bottom:3px;display:inline-block}html,body{margin:0;font-family:sans-serif;box-sizing:border-box}#app{width:100vw;height:100vh}.react-flow__node-circle{border-radius:50%;height:100px;width:100px;font-family:monospace;text-align:center}.react-flow__node-textinput{width:150px;font-family:monospace;text-align:left}.text-input-node__input{width:100%;box-sizing:border-box;margin:5px 0}.react-flow__node-annotation{font-size:16px;width:200px;color:#683bfa;position:absolute;box-shadow:none;font-family:monospace;text-align:left;background-color:transparent;border:none}.react-flow__node-annotation .annotation-content{padding:10px;display:flex}.react-flow__node-annotation .annotation-level{margin-right:4px}.react-flow__node-annotation .annotation-arrow{position:absolute;font-size:24px}.react-flow__node-toolbar{background-color:#000;border-radius:16px;overflow:hidden}.react-flow__node-toolbar button{cursor:pointer;background:inherit;border:none;padding:5px 7px;margin:3px;border-radius:50%;box-shadow:var(--xy-node-boxshadow-default)}.react-flow__node-toolbar button:hover{background:#4d4d4d}.resizer-node__handles{display:flex;position:absolute;bottom:0;width:100%;justify-content:space-evenly;left:0}.resizer-node__handle{position:relative;left:0;transform:none}.button-edge__label{position:absolute;pointer-events:all;transform-origin:center}.button-edge__button{width:30px;height:30px;border:5px solid #f7f9fb;color:var(--xy-edge-node-color-default);background-color:#f3f3f4;cursor:pointer;border-radius:50%;font-size:12px;padding-top:0}.button-edge__button:hover{background-color:var(--xy-theme-hover);color:#fff}.react-flow__handle.custom-handle{background-color:var(--xy-handle-border-color-default);border-radius:1px;width:8px;height:4px;border:none;min-width:2px;min-height:2px}.react-flow__handle.custom-handle:hover,.react-flow__handle.custom-handle.connectionindicator:focus,.react-flow__handle.custom-handle.connectingfrom,.react-flow__handle.custom-handle.connectingto{background-color:var(--xy-theme-edge-hover)}.react-flow__handle-bottom.custom-handle{bottom:-5px;transform:none}.react-flow__handle-top.custom-handle{top:-5px;transform:none}.react-flow__handle-left.custom-handle{height:8px;width:4px;left:-3px}.react-flow__minimap .group{fill-opacity:.4}.react-flow__minimap .resizer,.react-flow__minimap .tools,.react-flow__minimap .circle,.react-flow__minimap .textinput{fill:#d0c0f7}.react-flow__minimap .circle{rx:100%;ry:100%}.react-flow__minimap .annotation{display:none}