.drawflow,.drawflow .parent-node{position:relative}.parent-drawflow{display:flex;overflow:hidden;touch-action:none;outline:0}.drawflow{width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;perspective:0}.drawflow .drawflow-node{display:flex;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;pointer-events:none;aspect-ratio:1/1}.drawflow .connection .main-path{fill:none;stroke-width:5px;stroke:#4682b4;pointer-events:all}.drawflow .connection .main-path:hover{stroke:#1266ab;cursor:pointer}.drawflow .connection .main-path.selected{stroke:#43b993}.drawflow .connection .point{cursor:move;stroke:#000;pointer-events:all}.drawflow .connection .point.selected,.drawflow .connection .point:hover{fill:#1266ab}.drawflow .main-path{fill:none;stroke-width:5px;stroke:#4682b4}.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}:root{--df-border-color:#cacaca;--df-background-color:#fff;--df-background-box-title:#f7f7f7}.them-edit-link{position:absolute;top:10px;right:100px;color:#000;font-size:40px}.them-edit-link a{text-decoration:none}.github-link{position:absolute;top:10px;right:20px;color:#000}.wrapper{width:100%;height:calc(100vh - 67px);display:flex}.col{overflow:auto;width:300px;height:100%;border-right:1px solid var(--df-border-color)}.drag-drawflow{line-height:50px;background:var(--df-background-box-title);--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);border:1px solid #e9e9e9;margin:15px 20px;border-radius:5px;cursor:move;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-align:center;transition:all .1s linear}.drag-drawflow:hover{box-shadow:0 1px 10px 1px #e7e7e7}.menu{position:absolute;height:40px;display:block;background:#fff;width:100%}.menu ul{padding:0;margin:0;line-height:40px}.menu ul li{display:inline-block;margin-left:10px;border-right:1px solid var(--df-border-color);padding-right:10px;line-height:40px;cursor:pointer}.menu ul li.selected{font-weight:700}.btn-export{border:1px solid #0e5ba3;background:#4ea9ff;border-radius:4px}.btn-clear,.btn-export{position:absolute;top:10px;right:10px;color:#fff;font-weight:700;padding:5px 10px;cursor:pointer;z-index:5}.btn-clear{border:1px solid #96015b;background:#e3195a;border-radius:4px}.swal-wide{width:80%!important}.btn-lock{right:140px;cursor:pointer}.bar-zoom,.btn-lock{float:right;position:absolute;bottom:10px;display:flex;font-size:24px;color:#fff;padding:5px 10px;background:#555;border-radius:4px;border-right:1px solid var(--df-border-color);z-index:5}.bar-zoom{right:10px}.bar-zoom svg{cursor:pointer;padding-left:10px}.bar-zoom svg:first-child{padding-left:0}#drawflow{background-size:25px 25px;background-image:linear-gradient(90deg,#f1f1f1 1px,transparent 0),linear-gradient(180deg,#f1f1f1 1px,transparent 0)}@media only screen and (max-width:768px){.col{width:50px}.col .drag-drawflow span{display:none}#drawflow{width:calc(100vw - 51px)}}.drawflow .drawflow-node{background:var(--df-background-color);border:1px solid var(--df-border-color);box-shadow:0 2px 15px 2px var(--df-border-color);padding:0;width:16em}.drawflow .drawflow-node.selected{background:#fff;border:1px solid #4ea9ff;box-shadow:0 2px 20px 2px #4ea9ff}.drawflow .drawflow-node.selected .title-box{color:#22598c}.drawflow .connection .main-path{stroke:#4ea9ff;stroke-width:3px}.drawflow .drawflow-node .input,.drawflow .drawflow-node .output{height:15px;width:15px;border:2px solid var(--df-border-color)}.drawflow .drawflow-node .input:hover,.drawflow .drawflow-node .output:hover{background:#4ea9ff}.drawflow .drawflow-node .output{right:10px}.drawflow .drawflow-node .input{left:-10px;background:#fff}.drawflow>.drawflow-delete{border:2px solid #43b993;background:#fff;color:#43b993;box-shadow:0 2px 20px 2px #43b993}.drawflow-delete{line-height:25px;font-size:16px;border:2px solid #4ea9ff;background:#fff;color:#4ea9ff;box-shadow:0 2px 20px 2px #4ea9ff}.drawflow-node .title-box{font-size:14px;padding:10px;background:var(--df-background-box-title);border-bottom:1px solid #e9e9e9;border-radius:4px 4px 0 0;display:flex;justify-content:space-between}.drawflow .title-box svg{position:static}.drawflow-node .box{padding:10px 12px 12px;font-size:12px;color:#555}.drawflow-node .box p{margin-top:5px;margin-bottom:5px}.drawflow-node.welcome{width:250px}.drawflow-node.slack .title-box{border-radius:4px}.drawflow-node input,.drawflow-node select,.drawflow-node textarea{border-radius:4px;border:1px solid var(--df-border-color);font-size:12px;width:100%;color:#555}.drawflow-node textarea{height:4em}.drawflow-node.personalized{background:red;height:200px;text-align:center;color:#fff}.drawflow-node.personalized .input{background:#ff0}.drawflow-node.personalized .output{background:green}.drawflow-node.personalized.selected{background:blue}.drawflow .connection .point{stroke:var(--df-border-color);stroke-width:2;fill:#fff}.drawflow .connection .point.selected,.drawflow .connection .point:hover{fill:#4ea9ff}.modal{display:none;position:fixed;z-index:7;left:0;top:0;width:100vw;height:100vh;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.7)}.modal-content{position:relative;background-color:#fefefe;margin:15% auto;padding:20px;border:1px solid #888;width:400px}.modal .close{color:#aaa;float:right;font-size:28px;font-weight:700;cursor:pointer}@media only screen and (max-width:768px){.modal-content{width:80%}}.drawflow-container{height:calc(100vh - 15em);position:relative}.parent-drawflow{position:relative}.title-box>span{padding:5px 10px}.btn-configure:hover{background:#3d82be}.node-list{overflow:hidden}