:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#1e1e1e;font-size:12px}html{font-size:12px}*{margin:0;padding:0}.border-md{border:1px solid #3c3c3c;border-radius:4px}.header-bar{margin-top:12px;margin-left:12px;margin-right:12px;padding:6px;height:24px}.server-list{width:240px;padding:6px;margin-right:12px}.server-list .server-title{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.server-list .list-container{padding-left:6px;margin-top:12px;color:#999}.server-list .list-container .server-item{margin-bottom:12px;margin-right:6px;padding:6px;background-color:#222;border-radius:6px;cursor:pointer;-webkit-user-select:none;user-select:none}.server-list .list-container .server-item__active{background-color:#36ad6a26}.server-list .list-container .server-item .server-row1,.server-list .list-container .server-item .server-row2{display:flex;flex-direction:row;align-items:center}.server-list .list-container .server-item .server-row1 .icon-wrap,.server-list .list-container .server-item .server-row2 .icon-wrap{display:flex;align-items:center;justify-content:center}.server-list .list-container .server-item .server-row1 .name-wrap,.server-list .list-container .server-item .server-row2 .name-wrap{flex-grow:1}.server-list .list-container .server-item .server-row1 .icon-wrap{width:24px;height:24px;margin-right:6px;border-radius:12px}.server-list .list-container .server-item .server-row1 .cmd-wrap{margin-right:24px}.server-list .list-container .server-item .server-row2{font-size:12px;padding-left:6px}.node-client .node-component--title{background-color:var(--bg-input)}.node-server .node-component--title{background-color:#af16ce}.node-server .row-item.row-item__output{text-align:left!important;background-color:transparent!important}.node-server .row-item.row-item__input{background-color:#424247!important}.node-request .node-component--title{background-color:#e41e6a}.node-response .node-component--title{background-color:var(--bg-middleware)}.node-response .row-item.row-item__output{text-align:left!important;background-color:transparent!important}.node-response .row-item.row-item__input{background-color:#303030e8!important}.node-remark .node-component--title{background-color:var(--bg-etc)}.node-remark .remark-row .remark-textarea,.node-remark .remark-row .remark-textarea__add{background-color:transparent!important;min-height:290px;text-align:left!important;white-space:break-spaces!important}.vjs-tree-brackets{cursor:pointer}.vjs-tree-brackets:hover{color:#1890ff}.vjs-check-controller{position:absolute;left:0}.vjs-check-controller.is-checked .vjs-check-controller-inner{background-color:#1890ff;border-color:#0076e4}.vjs-check-controller.is-checked .vjs-check-controller-inner.is-checkbox:after{transform:rotate(45deg) scaleY(1)}.vjs-check-controller.is-checked .vjs-check-controller-inner.is-radio:after{transform:translate(-50%,-50%) scale(1)}.vjs-check-controller .vjs-check-controller-inner{display:inline-block;position:relative;border:1px solid #bfcbd9;border-radius:2px;vertical-align:middle;box-sizing:border-box;width:16px;height:16px;background-color:#fff;z-index:1;cursor:pointer;transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46)}.vjs-check-controller .vjs-check-controller-inner:after{box-sizing:content-box;content:"";border:2px solid #fff;border-left:0;border-top:0;height:8px;left:4px;position:absolute;top:1px;transform:rotate(45deg) scaleY(0);width:4px;transition:transform .15s cubic-bezier(.71,-.46,.88,.6) .05s;transform-origin:center}.vjs-check-controller .vjs-check-controller-inner.is-radio{border-radius:100%}.vjs-check-controller .vjs-check-controller-inner.is-radio:after{border-radius:100%;height:4px;background-color:#fff;left:50%;top:50%}.vjs-check-controller .vjs-check-controller-original{opacity:0;outline:none;position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;margin:0}.vjs-carets{position:absolute;right:0;cursor:pointer}.vjs-carets svg{transition:transform .3s}.vjs-carets:hover{color:#1890ff}.vjs-carets-close{transform:rotate(-90deg)}.vjs-tree-node{display:flex;position:relative;line-height:20px}.vjs-tree-node.has-carets{padding-left:15px}.vjs-tree-node.has-carets.has-selector,.vjs-tree-node.has-selector{padding-left:30px}.vjs-tree-node.is-highlight,.vjs-tree-node:hover{background-color:#e6f7ff}.vjs-tree-node .vjs-indent{display:flex;position:relative}.vjs-tree-node .vjs-indent-unit{width:1em}.vjs-tree-node .vjs-indent-unit.has-line{border-left:1px dashed #bfcbd9}.vjs-node-index{position:absolute;right:100%;margin-right:4px}.vjs-colon{white-space:pre}.vjs-comment{color:#bfcbd9}.vjs-value{word-break:break-word}.vjs-value-null,.vjs-value-undefined{color:#d55fde}.vjs-value-boolean,.vjs-value-number{color:#1d8ce0}.vjs-value-string{color:#13ce66}.vjs-tree{font-family:Monaco,Menlo,Consolas,Bitstream Vera Sans Mono,monospace;font-size:14px;text-align:left}.vjs-tree.is-virtual{overflow:auto}.vjs-tree.is-virtual .vjs-tree-node{white-space:nowrap}.node-array .node-component--title{background-color:var(--bg-collection)}.node-array .row-item.row-item__output,.node-array .row-item.row-item__add{background-color:transparent!important}.node-array .output-row{display:flex;flex-direction:row;align-items:center}.node-array .output-row .row-item--title{flex-grow:1}.node-array .row-item-array{background-color:#424247;margin:0 4px;border-radius:4px;text-align:center;height:234px;font-size:12px}.node-array .row-item-array--hover{background-color:var(--bg-collection)}.node-array .row-item-array .array-item{display:flex;flex-direction:row;align-items:center;border-radius:2px;margin-top:4px;margin-left:4px;margin-right:4px;background-color:#666;cursor:pointer}.node-array .row-item-array .array-item .item-value{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-left:1px solid rgb(66,66,71);border-right:1px solid rgb(66,66,71)}.node-array .row-item-array .array-item .left-icon,.node-array .row-item-array .array-item .right-icon{padding:0 4px}.node-array .row-item-array .array-item .left-icon:hover,.node-array .row-item-array .array-item .right-icon:hover{color:var(--bg-middleware)}.node-proxy .node-component--title{background-color:var(--bg-middleware)}.node-proxy .row-item.row-item{text-align:right;background-color:transparent!important}.node-proxy .row-item.row-item__input{text-align:left!important;background-color:transparent}.node-route .node-component--title{background-color:var(--bg-middleware)}.node-route .row-item.row-item__output,.node-route .row-item.row-item__add{background-color:transparent!important}.node-source .node-component--title{background-color:var(--bg-source)}.node-delay .node-component--title{background-color:var(--bg-middleware)}.node-delay .row-item{background-color:transparent!important}.node-string .node-component--title{background-color:var(--bg-value)}.node-string .row-item{background-color:transparent!important}.node-bool .node-component--title{background-color:var(--bg-value)}.node-bool .row-item{text-align:left!important;background-color:transparent!important}.node-bool .row-item .text-false-active{color:#ee365b}.node-bool .row-item .text-true-active{color:#2080f0}.node-record .node-component--title{background-color:var(--bg-collection)}.node-record .output-row{display:flex;flex-direction:row;align-items:center}.node-record .output-row .row-item--title{flex-grow:1}.node-record .row-item.row-item__output,.node-record .row-item.row-item__add{background-color:transparent!important}.node-json .node-component--title{background-color:var(--bg-source)}.node-json .row-item{text-align:left!important;background-color:transparent!important}.node-json .from-file{cursor:pointer;background-color:#424247;text-align:center;border-radius:4px}.node-json .from-file:hover{background-color:#8080899c}.node-log .node-component--title{background-color:var(--bg-source)}.node-log .row-item{text-align:left!important;background-color:transparent!important}.node-log .from-file{cursor:pointer;background-color:#424247;text-align:center;border-radius:4px}.node-log .from-file:hover{background-color:#8080899c}.node-http-error .node-component--title{background-color:var(--bg-source)}.node-http-error .row-item{background-color:transparent!important}.node-wrap{position:absolute;-webkit-user-select:none;user-select:none;background-color:#2c2c32;border-radius:6px;color:#fff;border:1px solid transparent;--bg-input: #2080f0;--bg-middleware: #26b569;--bg-value: #ee365b;--bg-source: #f0a020;--bg-collection: #272739;--bg-etc: #af16ce}.node-wrap__active{border-color:#fff;z-index:1000}.node-wrap .node-component--title{text-align:center;font-size:13px;height:26px;line-height:26px;padding:0 4px;cursor:move;border-radius:6px 6px 0 0}.node-wrap .node-component--title input{outline:none;background-color:transparent;text-align:center;width:100%}.node-wrap .node-component--title--text{display:flex;align-items:center}.node-wrap .node-component--title--text span{flex-grow:1;margin-right:4px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.node-wrap .node-component--title--text i{line-height:26px;font-size:12px;cursor:pointer}.node-wrap .node-component--rows{margin-top:5px}.node-wrap .node-component--rows .row-item{text-align:right;border-radius:6px;padding:0 6px;background-color:#424247;height:24px;line-height:24px;font-size:12px;margin-left:5px;margin-right:5px;margin-bottom:5px;cursor:pointer;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.node-wrap .node-component--rows .row-item__input{background-color:transparent}.node-wrap .node-component--rows .row-item .port-point-i{position:absolute;width:6px;height:6px;border-radius:50%;background-color:#00cf6e}.node-wrap .node-component--rows .row-item .port-point-i:hover{transform:scale(1.5)}.node-wrap .node-component--rows .row-item .port-point-o{position:absolute;width:6px;height:6px;border-radius:50%;background-color:#bbcf00}.node-wrap .node-component--rows .row-item .port-point-o:hover{transform:scale(1.5)}.node-wrap .node-component--rows .row-item__add{text-align:center;background-color:transparent}.node-wrap .node-component--rows .row-item input{outline:none;background-color:transparent;text-align:center;width:100%;color:#fff}.node-wrap__rtl .port-point-i{right:-3px!important}.node-wrap__rtl .port-point-o{left:-3px!important}.node-wrap__ltr .row-item__input{text-align:left!important}.node-wrap__ltr .port-point-i{left:-3px!important}.node-wrap__ltr .port-point-o,.node-wrap__rtr .port-point-i,.node-wrap__rtr .port-point-o{right:-3px!important}.node-wrap__ltl .row-item__input{text-align:left!important}.node-wrap__ltl .port-point-i,.node-wrap__ltl .port-point-o{left:-3px!important}.node-wrap.theme-title .node-component--title{background-color:var(--node-theme-bg-color);color:var(--node-theme-text-color)}.blueprint-page{position:absolute;top:0;left:0;right:0;bottom:0}.blueprint-page .blueprint-cmd{width:204px;position:absolute;top:0;right:0;bottom:0;background-color:#fff;padding:8px}.blueprint-page .blueprint-cmd .theme-picker{background-color:#dadada;padding:4px;border-radius:4px}.blueprint-page .blueprint-cmd .theme-picker--item{cursor:pointer;-webkit-user-select:none;user-select:none;height:24px;text-align:center;line-height:24px;margin-bottom:6px;font-size:14px;border-radius:8px}.blueprint-page .blueprint-cmd .theme-picker--item__active{border:2px solid #333;height:20px;line-height:20px}.blueprint-page .blueprint-window{height:100%;position:relative;overflow:hidden;background-size:25px 25px}.blueprint-page .blueprint-window .blueprint-toolbox{position:absolute;bottom:30px;left:50%;margin-left:-180px;height:45px;z-index:999;display:flex;flex-direction:row;justify-content:space-between;align-items:center;background-color:#fff;width:360px;border-radius:8px;padding:0 12px}.blueprint-page .blueprint-window .blueprint-toolbox .toolbox-block{height:16px;width:1px;background-color:#999;margin:0 6px}.blueprint-page .blueprint-window .blueprint-toolbox .scale-text{color:#333;margin-left:6px}.blueprint-page .blueprint-window .blueprint-toolbox i{cursor:pointer;color:#333}.blueprint-page .blueprint-window .blueprint-toolbox i:hover,.blueprint-page .blueprint-window .blueprint-toolbox .ico-btn--active{color:#0e7a0d}.blueprint-page .blueprint-window .blueprint-toolbox .ico-btn--disabled,.blueprint-page .blueprint-window .blueprint-toolbox .ico-btn--disabled:hover{color:#999}.blueprint-page .blueprint-window .blueprint-toolbox span{min-width:2.5rem;-webkit-user-select:none;user-select:none}.blueprint-page .blueprint-canvas{position:absolute}.blueprint-page .blueprint-canvas .move-modal{position:absolute;left:0;right:0;bottom:0;top:0;z-index:999;cursor:grab}.blueprint-page .blueprint-canvas .blueprint-inner{position:absolute;left:0;top:0;right:0;bottom:0;z-index:51}.blueprint-page .blueprint-canvas .svg-container{position:absolute;left:0;top:0;z-index:50}.blueprint-page .blueprint-canvas.with-grid{background-image:linear-gradient(rgba(255,255,255,.1) 1%,transparent 1%),linear-gradient(90deg,rgba(255,255,255,.1) 1%,transparent 1%)}.blueprint-node{position:absolute;-webkit-user-select:none;user-select:none;background-color:#303030cf;border-radius:6px;z-index:100;color:#fff}.blueprint-node__active{border:1px solid #fff}.blueprint-node--title{text-align:center;font-size:13px;height:26px;line-height:26px;background-color:#2b652bcf;cursor:move;border-radius:6px 6px 0 0}.blueprint-node .output-table .output-item{text-align:right;border-radius:6px;padding:0 6px;background-color:#303030e8;height:24px;line-height:24px;font-size:14px;margin-left:5px;margin-right:5px;position:relative}.blueprint-node .output-table .output-item .output-point{position:absolute;right:-9px;width:6px;height:6px;top:9px;border-radius:50%;background-color:#bbcf00}.blueprint-node .output-table .output-item-add{text-align:center}.log-list,.setting-form{padding:0 6px}.setting-form .btn-wrap{margin-left:80px}.main{position:relative;flex-grow:1}.main .disabled-overlay{position:absolute;left:0;right:0;top:0;bottom:0;background-color:#151515e8;z-index:300;text-align:center}.main .disabled-overlay .disabled-tip{margin-top:30%}.main .no-padding-pan{padding:0}.main .blueprint-wrap{position:relative;height:calc(100vh - 116px)}.center{margin-top:12px;margin-left:12px;margin-right:12px;height:calc(100vh - 74px);display:flex;flex-direction:row}
