.drawflow,.drawflow .parent-node{position:relative}.parent-drawflow{display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;-ms-touch-action:none;touch-action:none;outline:0}.drawflow{width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.drawflow .drawflow-node{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;background:#0ff;width:160px;min-height:40px;border-radius:4px;border:2px solid #000;color:#000;z-index:2;padding:15px}.drawflow .drawflow-node.selected{background:red}.drawflow .drawflow-node:hover{cursor:move}.drawflow .drawflow-node .inputs,.drawflow .drawflow-node .outputs{width:0}.drawflow .drawflow-node .drawflow_content_node{width:100%;display:block}.drawflow .drawflow-node .input,.drawflow .drawflow-node .output{position:relative;width:20px;height:20px;background:#fff;border-radius:50%;border:2px solid #000;cursor:crosshair;z-index:1;margin-bottom:5px}.drawflow .drawflow-node .input{left:-27px;top:2px;background:#ff0}.drawflow .drawflow-node .output{right:-3px;top:2px}.drawflow svg{z-index:0;position:absolute;overflow:visible!important}.drawflow .connection{position:absolute;-webkit-transform:translate(9999px,9999px);transform:translate(9999px,9999px)}.drawflow .connection .main-path{fill:none;stroke-width:5px;stroke:#4682b4;-webkit-transform:translate(-9999px,-9999px);transform:translate(-9999px,-9999px)}.drawflow .connection .main-path:hover{stroke:#1266ab;cursor:pointer}.drawflow .connection .main-path.selected{stroke:#43b993}.drawflow .connection .point{cursor:move;stroke:#000;stroke-width:2;fill:#fff;-webkit-transform:translate(-9999px,-9999px);transform:translate(-9999px,-9999px)}.drawflow .connection .point.selected,.drawflow .connection .point:hover{fill:#1266ab}.drawflow .main-path{fill:none;stroke-width:5px;stroke:#4682b4}.drawflow .selectbox{z-index:3;position:absolute;-webkit-transform:translate(9999px,9999px);transform:translate(9999px,9999px)}.drawflow .selectbox rect{fill:#00f;opacity:.5;stroke:#ff0;stroke-width:5;stroke-opacity:.5;-webkit-transform:translate(-9999px,-9999px);transform:translate(-9999px,-9999px)}.drawflow-delete{position:absolute;display:block;width:30px;height:30px;background:#000;color:#fff;z-index:4;border:2px solid #fff;line-height:30px;font-weight:700;text-align:center;border-radius:50%;font-family:monospace;cursor:pointer}.drawflow>.drawflow-delete{margin-left:-15px;margin-top:15px}.parent-node .drawflow-delete{right:-15px;top:-15px}.flowapp{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}.popup-overlay{position:absolute;width:100%;height:100%;z-index:5;background:rgba(33,33,33,.46);color:#fff}#drawflow{text-align:initial;position:relative;width:100%;height:70vh;border:1px solid #00f;background:var(--background-color);background-size:25px 25px;background-image:linear-gradient(90deg,#f1f1f1 1px,transparent 0),linear-gradient(180deg,#f1f1f1 1px,transparent 0)}#popup-container>.v-dialog__content{position:absolute;max-width:960px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}#popup-container .v-dialog{margin:0}.draggable{width:100%;cursor:move;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:none!important;transition:none!important}.drawflow-control-container{position:absolute;-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-line-pack:end;align-content:flex-end;width:100%;height:100%;pointer-events:none}.drawflow-control,.drawflow-control-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal}.drawflow-control{-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;pointer-events:auto;margin:.8em;margin-left:0}.drawflow-control.save-btn{margin-right:2em;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.drawflow-control.save-btn>.v-btn{margin-bottom:0}.drawflow-control .zoom-btn:first-child{margin-bottom:.5em}.drawflow-control{z-index:4}.drawflow-copy{position:absolute;display:block;background:#000;color:#fff;height:30px;width:60px;font-family:monospace;border-radius:20px;font-weight:700;border:2px solid #fff;cursor:pointer;text-align:center;right:15px;top:-15px}.drawflow-copy,.drawflow-delete{line-height:26px}