.react-flow{--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}html,body{margin:0;font-family:sans-serif;box-sizing:border-box}#app{width:100vw;height:100vh}.validationflow .react-flow__node{width:150px;border-radius:5px;padding:10px;color:#555;border:1px solid #ddd;text-align:center;font-size:12px}.validationflow .react-flow__node-customnode{background:#e6e6e9;border:1px solid #ddd}.react-flow__node-custominput .react-flow__handle{background:#e6e6e9}.validationflow .react-flow__node-custominput{background:#fff}.validationflow .react-flow__handle.connectingto{background:#ff6060}.validationflow .react-flow__handle.valid{background:#5d9}