.edgebutton{cursor:pointer;background:#eee;border:1px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;padding:0;display:flex}.edgebutton:hover{color:#eee;background:#5e35b1;box-shadow:0 0 6px 2px #00000014}.edgebutton-foreignobject div{background:0 0;justify-content:center;align-items:center;width:40px;height:40px;min-height:40px;display:flex}.reactflow-parent-wrapper{background-color:var(--background);flex-grow:1;height:100%;display:flex}.reactflow-parent-wrapper .reactflow-wrapper{flex-grow:1;height:100%}.chatflow-canvas .react-flow__handle-connecting{cursor:not-allowed;background:#db4e4e!important}.chatflow-canvas .react-flow__handle-valid{cursor:crosshair;background:#5dba62!important}.dark-mode-controls{--xy-controls-button-background-color-default:#2d2d2d;--xy-controls-button-background-color-hover-default:#404040;--xy-controls-button-border-color-default:#525252;--xy-controls-box-shadow-default:0 0 2px 1px #ffffff1a}.dark-mode-controls .react-flow__controls-button{color:#fff;background-color:#2d2d2d;border:1px solid #525252}.dark-mode-controls .react-flow__controls-button:hover{background-color:#404040}.dark-mode-controls .react-flow__controls-button.react-flow__controls-interactive{color:#fff;background-color:#2d2d2d;border-color:#525252}.dark-mode-controls .react-flow__controls-button.react-flow__controls-interactive:hover{background-color:#404040}.dark-mode-controls .react-flow__controls-button svg,.dark-mode-controls .react-flow__controls-button:hover svg{color:#fff;fill:#fff}