.them-edit-link{color:#000;font-size:40px;position:absolute;right:100px;top:10px}.them-edit-link a{text-decoration:none}.github-link{color:#000;position:absolute;right:20px;top:10px}.wrapper{display:flex;height:calc(100vh - 67px);width:100%}.col{border-right:1px solid var(--border-color);height:100%;overflow:auto;width:300px}.drag-drawflow{border-bottom:1px solid var(--border-color);color:var(--font-color);cursor:move;line-height:50px;padding-left:1em;padding-right:1em;user-select:none}.menu{background:#fff;display:block;height:40px;position:absolute;width:100%}.menu ul{line-height:40px;margin:0;padding:0}.menu ul li{border-right:1px solid var(--border-color);cursor:pointer;display:inline-block;line-height:40px;margin-left:10px;padding-right:10px}.menu ul li.selected{font-weight:700}.btn-export{background:var(--main-color);border:1px solid #0e5ba3;border-radius:4px;right:10px}.btn-clear,.btn-export{color:#fff;cursor:pointer;float:right;font-weight:700;padding:5px 10px;position:absolute;top:10px;z-index:5}.btn-clear{background:#e3195a;border:1px solid #96015b;border-radius:4px;right:85px}.swal-wide{width:80%!important}.btn-lock{cursor:pointer;right:140px}.bar-zoom,.btn-lock{background:#555;border-radius:4px;border-right:1px solid var(--border-color);bottom:10px;color:#fff;display:flex;float:right;font-size:24px;padding:5px 10px;position:absolute;z-index:5}.bar-zoom{right:10px}.bar-zoom svg{cursor:pointer;padding-left:10px}.bar-zoom svg:first-child{padding-left: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(--background-color);border:2px solid var(--border-color);border-radius:10px;box-shadow:0 0 8px 0 var(--border-color);height:auto;padding:0;width:auto}.node-container{position:relative}.drawflow .drawflow-node.welcome{display:none;z-index:50}.drawflow .drawflow-node.p-task{width:350px}.drawflow .drawflow-node.selected{background-color:var(--background-color)!important;border:2px solid var(--main-color)}.drawflow .connection .main-path{stroke:var(--main-color);stroke-width:3px}.drawflow .connection .main-path.active-path{stroke-dasharray:10;animation:dash .5s linear infinite}@keyframes dash{to{stroke-dashoffset:-20}}.drawflow .drawflow-node .input,.drawflow .drawflow-node .output{border:2px solid var(--border-color);height:15px;width:15px}.drawflow .drawflow-node .input:hover,.drawflow .drawflow-node .output:hover{background:var(--main-color)}.drawflow .drawflow-node .output{right:0;transform:translateX(-50%)}.drawflow .drawflow-node .input{background:#43b993;left:0;transform:translateX(-50%)}.drawflow .drawflow-node .node-output-value{cursor:pointer;font-size:.8em}.drawflow-delete{background:#2a2a2a;border:none;box-shadow:0 0 8px -2px #000;color:#f92f60;font-weight:800;height:25px;line-height:25px;width:25px}.drawflow-node .drawflow-delete{border-bottom-left-radius:0!important;border-bottom-right-radius:50%!important;border-top-left-radius:0!important;border-top-right-radius:50%!important;right:0!important;top:0!important;transform:translate(50%,-50%)}.drawflow-retry{background:#2a2a2a;border:none;border-bottom-left-radius:50%;border-top-left-radius:50%;box-shadow:0 0 8px -2px #000;color:#1fd655;cursor:pointer;display:none;font-family:monospace;font-weight:800;height:25px;line-height:25px;position:absolute;right:.72em;text-align:center;transform:translateY(-50%);width:25px;z-index:4}.drawflow-add-node span,.drawflow-retry span{font-size:1.2em;position:relative;top:50%;transform:translateY(-50%)}.drawflow-add-node{background:#2a2a2a;border:none;border-radius:50%;box-shadow:0 0 8px -2px #000;color:var(--main-color);cursor:pointer;display:none;font-family:monospace;font-weight:800;height:25px;line-height:25px;position:absolute;right:0;text-align:center;top:50%;transform:translate(50%,-50%);width:25px;z-index:4}.drawflow-node .title-box{background:transparent;border-radius:4px 4px 0 0;color:var(--font-color);display:flex;font-size:.9em;font-weight:600;padding:.5em 1em}.drawflow-node .title-box p{margin-bottom:0}.drawflow .title-box .loader{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;border:.2em solid #181818;border-radius:50%;border-right:.2em solid var(--main-color);border-top:.2em solid var(--main-color);display:none;height:1.1em;position:absolute;right:.7em;top:.7em;width:1.1em}.drawflow-node .box{color:#555;font-size:14px;padding-bottom:1em;padding-left:1em;padding-right:1em}.drawflow-node .box .user-node-info-container{height:fit-content;width:15em}.drawflow-node .box .user-node-info-container .node-info-button{align-items:center;background-color:transparent;border:none;color:#616161;display:flex;font-size:.9em;gap:.5em;padding:0;text-align:start;width:100%}.drawflow-node .box .user-node-info-container .node-info-button span{font-size:1.4em}.drawflow-node .box .user-node-info-container .add-input span{color:#43b993}.drawflow-node .box .user-node-info-container .remove-input span{color:#f92f60}.drawflow-node .box .user-node-info-container .node-output span{color:var(--font-color)}.drawflow-node .box .user-node-info-container #user-instruction-input,.drawflow-node .box .user-node-info-container .node-param-input{background-color:transparent;border:1px solid #272727bd;border-radius:5px;color:var(--font-color);font-size:1em;outline:none;padding:.5em;width:100%}.drawflow-node .box .user-node-info-container #user-instruction-input{display:none;font-weight:600;height:5em;resize:none}.drawflow-node .box .user-node-info-container .node-parameters{display:none;left:50%;margin-bottom:1em;position:relative;transform:translateX(-50%);width:80%}.drawflow-node .box .user-node-info-container .node-param{margin-top:1em}.drawflow-node .box .user-node-info-container .node-param p{font-size:.9em;margin-bottom:0;padding-left:.5em}.drawflow-node .box .user-node-info-container .node-output-value{color:var(--font-color);height:fit-content;max-height:10em;overflow-y:auto;width:100%}.drawflow-node .box .user-node-info-container .node-output-value p{margin-bottom:0}.drawflow-node .task-input{display:flex;padding:.5em 1em}.drawflow-node .task-input textarea{background-color:transparent;border:1px solid var(--border-color);border-radius:5px;color:var(--font-color);font-size:.9em;height:4em;outline:none;padding:0 .6em;resize:none;width:100%}.drawflow-node .task-input div button{position:relative;top:50%;transform:translateY(-50%)}.drawflow-node.welcome{width:250px}.drawflow-node.slack .title-box{border-radius:4px}.drawflow-node textarea{height:100px}.drawflow-node.personalized{background:red;color:#fff;height:200px;text-align:center}.drawflow-node.personalized .input{background:#ff0}.drawflow-node.personalized .output{background:green}.drawflow-node.personalized.selected{background:blue}.drawflow .connection .point{stroke:var(--border-color);stroke-width:2;fill:#fff;transform:translate(-9999px,-9999px)}.drawflow .connection .point.selected,.drawflow .connection .point:hover{fill:var(--main-color)}#displayNodeOutputModal{background-color:var(--background-color);display:none;height:100vh;left:0;overflow:auto;position:fixed;top:0;width:100vw;z-index:7}#displayNodeOutputModal .modal-content{background-color:#fefefe;border:1px solid #888;margin:15% auto;padding:20px;position:relative;width:400px}#displayNodeOutputModal .close{color:#aaa;cursor:pointer;float:right;font-size:28px;font-weight:700}@media only screen and (max-width:768px){#displayNodeOutputModal .modal-content{width:80%}}#node-output-modal-content{background-color:var(--background-color)!important;height:100%}#node-output-modal-content,#node-output-modal-dialog{border-radius:10px!important;margin:0}.node-output-modal{color:var(--font-color)}#displayNodeOutputModal .modal-body{padding-bottom:0;padding-top:0}#nom-user-instruction textarea{background-color:transparent;border:2px solid var(--border-color);border-radius:5px;color:var(--font-color);height:4em;outline:none;padding:.5em;resize:none;width:100%}.nom-params-container{display:grid;gap:.5em;grid-template-columns:repeat(auto-fill,minmax(48%,1fr))}.nom-params-container p{color:var(--font-color-50);font-size:.9em;margin-bottom:0}.nom-params-container .node-param-input{background-color:transparent;border:1px solid var(--border-color);border-radius:5px;color:var(--font-color);font-size:1em;outline:none;padding:.5em;width:100%}.node-info-title{color:var(--font-color);font-weight:600;margin-bottom:.5em}.nom-info{display:flex;flex-direction:column;padding-left:2em;padding-right:2em;width:100%}#nom-node-chat-input-container{display:flex;justify-content:center;width:90%}#nom-node-chat-input{background-color:transparent;border:none;color:var(--font-color);height:3em;outline:none;overflow:hidden;padding:.5em;resize:none;width:100%}.nom-chat{border:2px solid var(--border-color);border-radius:8px;box-shadow:0 0 8px -1px var(--border-color);display:flex;width:100%}