.ConnectionLineRenderer{position:absolute;pointer-events:none;left:0;top:0;width:100vw;height:100vh}.ConnectionLineRenderer .ConnectionLine{pointer-events:auto;transition:stroke .3s ease;fill:transparent;stroke:#000;stroke-width:2}.ConnectionLineRenderer .ConnectionLine.draft{pointer-events:none}.ConnectionLineRenderer .ConnectionLine:hover{stroke:red}.node{background-color:#fff;cursor:default;display:inline-block;padding:15px 10px 30px;border:2px solid #5d5d5d;border-radius:3px;min-width:150px}.node .input-outputs{display:flex}.node .input-outputs .inputs,.node .input-outputs .outputs{flex:1}.node .input-outputs .outputs{text-align:right}.socket{background-color:red;border-radius:50%;display:inline-block;width:1em;height:1em}.socket:hover{background-color:gray}.socket[data-connection-target=invalid]{cursor:no-drop}.socket[data-connection-target=valid]{background-color:green}