html,body,body.mat-typography{margin:0;padding:0;overflow:hidden!important;height:100%;width:100%}app-root{display:block;height:100%;width:100%;overflow:hidden}router-outlet+*{display:block;height:100%;width:100%;overflow:hidden}.drawflow{position:relative;width:100%;height:100%;overflow:hidden;background:#f5f6fa;background-image:radial-gradient(#dcdcdc 1px,transparent 1px);background-size:20px 20px}.drawflow-node{background:#fff;padding:10px;border-radius:6px;border:1px solid #ddd;min-width:150px;cursor:grab}.drawflow-node.selected{border:2px solid #4A90E2}.drawflow .connection .main-path{stroke:#4a90e2;stroke-width:3px}.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;user-select:none;perspective:0}.drawflow .drawflow-node{display:flex;align-items:center;position:absolute;background:#fff;width:220px;min-height:60px;border-radius:8px;border:2px solid #d0d0d0;color:#333;z-index:2;padding:0;box-shadow:0 2px 8px #00000026}.drawflow .drawflow-node.selected{border:3px solid #ca2527;border-top-left-radius:10px;border-top-right-radius:10px;box-shadow:0 4px 12px #ca25274d}.drawflow .drawflow-node:hover{cursor:move;box-shadow:0 4px 12px #0003}.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:#ca2527;border-radius:50%;border:2px solid #000;cursor:crosshair;z-index:1;margin-bottom:5px}.drawflow .drawflow-node .input{left:-27px;top:2px;background:#1e3b76}.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:#ca2527;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;stroke-width:2;fill:#fff;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:#ca2527;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}.df-node-container{width:100%;background:#fff;border-radius:6px;overflow:hidden}.df-node-header-band{background:#1e3b76;color:#fff;padding:10px 14px;font-weight:600;font-size:12px;text-align:left;letter-spacing:.5px;border-radius:8px 8px 0 0;margin:-2px -2px 0;width:calc(100% + 4px)}.df-node-content{padding:12px 14px;font-size:13px;color:#333;line-height:1.5;background:#fff;min-height:35px;word-wrap:break-word}.df-node-content span{display:block;color:#2c3e50;font-weight:500}.df-node-content .placeholder{color:#999;font-style:italic;font-weight:400}