.overview-example__add{display:none}.react-flow__node a{font-weight:700;color:#111}.react-flow__node.dark-node{background:#0041d0;color:#f8f8f8}.react-flow__node.dark{background:#557;color:#f8f8f8}.react-flow__node-selectorNode{font-size:12px;background:#f0f2f3;border:555 solid;border-radius:5px;text-align:center}.react-flow__node-selectorNode .react-flow__handle{border:1px solid #fff;border-radius:100%;height:12px;position:absolute;width:12px}.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;border:1px solid #fff;border-radius:100%;height:12px;position:absolute;width:12px}.edgebutton,.react-flow__handle{background:#555;border:1px solid #fff;border-radius:100%;height:12px;position:absolute;width:12px}.validationflow .react-flow__node-custominput{background:#fff}.validationflow .react-flow__handle-connecting{background:#ff6060}.validationflow .react-flow__handle-valid{background:#5d9}@media screen and (min-width:768px){.overview-example__add{display:block}}.dndflow{flex-direction:column;display:flex;height:500px}.dndflow aside{border-right:1px solid #eee;padding:15px 10px;font-size:12px;background:#fcfcfc}.dndflow aside>*{cursor:grab}.dndflow aside .description,.dndflow aside>*{margin-bottom:10px}.dndflow .reactflow-wrapper{flex-grow:1;height:100%}@media screen and (min-width:768px){.dndflow{flex-direction:row}.dndflow aside{width:20%;max-width:180px}}.chevron-node{clip-path:polygon(75% 0,100% 50%,75% 100%,0 100%,25% 50%,0 0)}.right-point-node{clip-path:polygon(0 0,75% 0,100% 50%,75% 100%,0 100%)}.triangle-node{background-color:#9ca8b3;width:0;height:0;border-color:transparent transparent #9ca8b3;border-style:inset;border-width:0 50px 80px;float:left;transform:rotate(1turn);-ms-transform:rotate(1turn);-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);-o-transform:rotate(1turn)}.triangle-node-text{text-align:center;top:40px;left:-23px;position:relative;width:46px;height:46px;margin:0}