.metric-value[data-v-c52560e2]{cursor:pointer;flex:0 0 54px;display:flex;align-items:center;width:64px}.metric-value .icon[data-v-c52560e2]{margin-right:3px;width:20px;flex:0 0 20px}.metric-value .value[data-v-c52560e2]{flex:1 0 auto}.metric-value-bar[data-v-f4541b46]{display:flex;height:32px;line-height:32px}.metric-value-bar[data-v-f4541b46] .metric-value{margin-right:12px}.metric-list[data-v-03c7630e] .nav-actions{display:none}.permission-target[data-v-1b44f648]{display:flex;flex-direction:column;align-items:start}.permission-target[data-v-1b44f648] .el-tag:not(:first-child){margin-top:5px}.data-source-form[data-v-36bc8e67] .hosts-item .hosts-item-input{width:calc(100% - 94px);margin-right:10px}.data-source-form[data-v-36bc8e67] .hosts-item .el-button{width:32px}.permission-detail-tab-overview[data-v-063beb6a]{margin:20px}.role-form[data-v-e1ed9bd0] .hosts-item .hosts-item-input{width:calc(100% - 94px);margin-right:10px}.role-form[data-v-e1ed9bd0] .hosts-item .el-button{width:32px}.role-detail-tab-overview[data-v-aca596d9]{margin:20px}.input-list[data-v-41cd44bb]{display:flex;flex-direction:column;width:100%}.input-list .input-list-item[data-v-41cd44bb]{display:flex}.input-list .input-list-item[data-v-41cd44bb]:not(:first-child){margin-top:5px}.input-list .input-list-item .el-input[data-v-41cd44bb]{flex:1 0}.input-list .input-list-item .actions[data-v-41cd44bb]{padding-left:5px}.input-list[data-v-41cd44bb] .actions .el-tag:not(:first-child){margin-left:5px}.input-list[data-v-41cd44bb] .actions .el-tag{cursor:pointer}.canvas-form[data-v-cf8aeb77] .hosts-item .hosts-item-input{width:calc(100% - 94px);margin-right:10px}.canvas-form[data-v-cf8aeb77] .hosts-item .el-button{width:32px}.file-content-container[data-v-48a8188a]{display:flex}.file-content-container .file-content-nav[data-v-48a8188a]{flex:0 0 240px;background:#2b2b2b;color:#a9b7c6}.file-content-container .file-content-nav[data-v-48a8188a] .el-tree{background:#2b2b2b;color:#a9b7c6}.file-content-container .file-content[data-v-48a8188a]{height:640px;flex:1 0;width:calc(100% - 240px);overflow:auto}.file-content-container .file-content[data-v-48a8188a] .CodeMirror{position:relative;min-height:100%}.settings-canvas-spider-dialog .delete-btn{float:left;margin-left:10px}.el-form[data-v-2f2a458a] .el-select,.el-form[data-v-c045df4f] .el-select{width:100%}.canvas-detail-tab-overview[data-v-51ec97e3]{margin:20px}.canvas-node[data-v-575a2295]{min-height:100%;border-radius:8px;box-shadow:0 1px 3px #9696961a;overflow:hidden;background-color:#fff}.canvas-node .canvas-cap[data-v-575a2295]{height:8px;background-color:#409eff}.canvas-node .canvas-inner .canvas-header[data-v-575a2295]{position:relative;text-align:center;border-bottom:1px solid rgb(200,200,205);padding:5px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.canvas-node .canvas-inner .canvas-header:hover .canvas-header-label[data-v-575a2295]{text-decoration:underline}.canvas-node .canvas-inner .canvas-header .canvas-header-icon[data-v-575a2295]{flex:0 0 auto}.canvas-node .canvas-inner .canvas-header .canvas-header-label[data-v-575a2295]{flex:1 0 auto;text-align:right}.canvas-node .canvas-inner .canvas-body[data-v-575a2295]{display:flex;align-items:start;padding:5px}.canvas-node .canvas-inner .canvas-footer[data-v-575a2295]{padding:5px;display:flex;justify-content:space-between}.canvas-node .canvas-inner .canvas-footer .canvas-footer-left[data-v-575a2295]{display:block;text-align:left}.canvas-node .canvas-inner .canvas-footer .canvas-footer-right[data-v-575a2295]{display:block;text-align:right}.canvas-node .canvas-inner .canvas-footer .canvas-footer-action[data-v-575a2295]{margin-left:5px;font-size:18px;color:#595959}.canvas-node .canvas-inner .canvas-footer .canvas-footer-action.add[data-v-575a2295]:hover{color:#67c23a}.canvas-node .canvas-inner .canvas-footer .canvas-footer-action.edit[data-v-575a2295]:hover{color:#e6a23c}.canvas-node .canvas-inner .canvas-footer .canvas-footer-action.delete[data-v-575a2295]:hover{color:#f56c6c}.scrapy-canvas-selector[data-v-289571a7]{display:flex;width:100%}.scrapy-canvas-selector>*[data-v-289571a7]:not(:last-child){margin-right:5px}.scrapy-canvas-selector .scrapy-canvas-selector-name[data-v-289571a7]{flex:0 0 150px}.scrapy-canvas-selector .scrapy-canvas-selector-type[data-v-289571a7]{flex:0 0 120px}.scrapy-canvas-selector .scrapy-canvas-selector-value[data-v-289571a7]{flex:1 0}.scrapy-canvas-selector .scrapy-canvas-selector-is-text[data-v-289571a7]{flex:0 0 auto}.scrapy-canvas-selector .scrapy-canvas-selector-attribute[data-v-289571a7]{flex:0 0 150px}.scrapy-canvas-selector .scrapy-canvas-selector-actions[data-v-289571a7]{flex:0 0 auto}.scrapy-canvas-selector .scrapy-canvas-selector-actions .scrapy-canvas-selector-action-item[data-v-289571a7]{cursor:pointer}.scrapy-canvas-selector .scrapy-canvas-selector-actions .scrapy-canvas-selector-action-item[data-v-289571a7]:not(:last-child){margin-right:5px}.scrapy-canvas-selector[data-v-289571a7] .scrapy-canvas-selector-attribute .el-input__inner{border-color:var(--el-input-border-color)}.el-form .el-form-item .el-select[data-v-2658045a]{width:100%}.scrapy-canvas-field[data-v-ccc6e0a3]{display:flex;width:100%}.scrapy-canvas-field .scrapy-canvas-field-name[data-v-ccc6e0a3]{flex:0 0 150px;margin-right:5px}.scrapy-canvas-field .scrapy-canvas-selector[data-v-ccc6e0a3]{flex:1 0}.scrapy-canvas-field[data-v-ccc6e0a3] .scrapy-canvas-selector-attribute .el-input__inner{border-color:var(--el-input-border-color)}.el-form .el-form-item .el-select[data-v-f4b2e012]{width:100%}.el-form .el-form-item .scrapy-canvas-field[data-v-f4b2e012]:not(:last-child){margin-bottom:10px}.el-form .el-form-item .el-select[data-v-3cee87e4]{width:100%}.scrapy-canvas-node-content[data-v-2360f936]{max-width:100%}.scrapy-canvas-node-content .el-tag[data-v-2360f936]{cursor:pointer;overflow:hidden;max-width:100%;justify-content:start;white-space:nowrap;text-overflow:ellipsis}.scrapy-canvas-node-content .el-tag .el-tag__content[data-v-2360f936]{max-width:100%}.scrapy-canvas-node-content .label-icon[data-v-2360f936]{margin-right:5px}.scrapy-canvas-node-content .label-text[data-v-2360f936]{width:calc(100% - 10px);display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.scrapy-canvas-node-content[data-v-2360f936] .el-tag .el-tag__content,.scrapy-canvas-node-content[data-v-441fcbbf]{max-width:100%}.scrapy-canvas-node-content .scrapy-canvas-node-content-row[data-v-441fcbbf]:not(:last-child){margin-bottom:5px}.scrapy-canvas-node-content .el-tag[data-v-441fcbbf]{cursor:pointer;overflow:hidden;max-width:100%;justify-content:start;white-space:nowrap;text-overflow:ellipsis}.scrapy-canvas-node-content .el-tag[data-v-441fcbbf]:not(:last-child){margin-right:5px}.scrapy-canvas-node-content .el-tag .el-tag__content[data-v-441fcbbf]{max-width:100%}.scrapy-canvas-node-content .label-icon[data-v-441fcbbf]{margin-right:5px}.scrapy-canvas-node-content .label-text[data-v-441fcbbf]{width:calc(100% - 10px);display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.scrapy-canvas-node-content[data-v-441fcbbf] .el-tag .el-tag__content,.scrapy-canvas-node-content[data-v-d8a42659]{max-width:100%}.scrapy-canvas-node-content .scrapy-canvas-node-content-row[data-v-d8a42659]:not(:last-child){margin-bottom:5px}.scrapy-canvas-node-content .el-tag[data-v-d8a42659]{cursor:pointer;overflow:hidden;max-width:100%;justify-content:start;white-space:nowrap;text-overflow:ellipsis}.scrapy-canvas-node-content .el-tag[data-v-d8a42659]:not(:last-child){margin-right:5px}.scrapy-canvas-node-content .el-tag .el-tag__content[data-v-d8a42659]{max-width:100%}.scrapy-canvas-node-content .label-icon[data-v-d8a42659]{margin-right:5px}.scrapy-canvas-node-content .label-text[data-v-d8a42659]{width:calc(100% - 10px);display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.scrapy-canvas-node-content[data-v-d8a42659] .el-tag .el-tag__content{max-width:100%}.scrapy-canvas-node-content[data-v-d8a42659] .el-tag{margin-bottom:5px}.scrapy-canvas-node-content[data-v-48a5a053]{max-width:100%}.scrapy-canvas-node-content .scrapy-canvas-node-content-row[data-v-48a5a053]:not(:last-child){margin-bottom:5px}.scrapy-canvas-node-content .el-tag[data-v-48a5a053]{cursor:pointer;overflow:hidden;max-width:100%;justify-content:start;white-space:nowrap;text-overflow:ellipsis}.scrapy-canvas-node-content .el-tag[data-v-48a5a053]:not(:last-child){margin-right:5px}.scrapy-canvas-node-content .el-tag .el-tag__content[data-v-48a5a053]{max-width:100%}.scrapy-canvas-node-content .label-icon[data-v-48a5a053]{margin-right:5px}.scrapy-canvas-node-content .label-text[data-v-48a5a053]{width:calc(100% - 10px);display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.scrapy-canvas-node-content[data-v-48a5a053] .el-tag .el-tag__content{max-width:100%}.canvas[data-v-b7151cf1]{min-height:100%;background:#ffffff}.canvas[data-v-b7151cf1] .lf-graph{position:relative;height:100%;min-height:100%;z-index:0}.canvas[data-v-b7151cf1] .lf-graph>.lf-canvas-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.canvas[data-v-b7151cf1] .lf-graph>.modification-overlay{position:absolute;top:0;left:0;z-index:-1}.canvas[data-v-b7151cf1] .lf-graph>.lf-grid{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-2}.scrapy-canvas[data-v-b471e23c]{height:calc(100vh - 112px)}.scrapy-canvas .nav-actions[data-v-b471e23c]{background-color:#fff}.scrapy-canvas .nav-actions .nav-action-group>*[data-v-b471e23c]:not(:last-child){margin-right:10px}.scrapy-canvas .content[data-v-b471e23c]{height:100%;background-color:#fff}.canvas-design-tab[data-v-cb7a293d]{position:relative;font-size:14px;color:#303133;display:inline-flex;align-items:center;background:#ffffff;height:36px;padding:0;border-right:1px solid #e6e6e6;cursor:pointer;transition:color .5s}.canvas-design-tab .canvas-design-tab-title[data-v-cb7a293d]{flex:1 0;height:18px;line-height:18px;padding-left:24px;padding-right:12px;border-right:1px solid #e6e6e6}.canvas-design-tab .canvas-design-tab-actions[data-v-cb7a293d]{position:relative;width:32px;height:100%;flex:0 0 32px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;padding:0;margin:0;color:#bfbfbf}.canvas-design-tab .canvas-design-tab-actions[data-v-cb7a293d]:hover{color:#409eff!important}.canvas-design-tab .highlight-line[data-v-cb7a293d]{position:absolute;left:0;bottom:0;width:100%;height:3px;z-index:1}.canvas-design-tab.active .highlight-line[data-v-cb7a293d],.canvas-design-tab:hover .highlight-line[data-v-cb7a293d]{background:#409EFF}.canvas-design-tab.active .canvas-design-tab-actions[data-v-cb7a293d]{color:#303133}.canvas-detail-tab-design[data-v-6f502c93]{margin:0}.canvas-detail-tab-design .canvas-design-tabs[data-v-6f502c93]{border-bottom:1px solid #e6e6e6;background:#f4f4f5;display:flex;flex-wrap:wrap}.canvas-detail-tab-design .canvas-design-tabs .canvas-design-tabs-add-btn[data-v-6f502c93]{flex:0 0 36px;height:36px;display:inline-flex;align-items:center;justify-content:center;background:#ffffff;color:#303133;cursor:pointer;transition:color .5s}.canvas-detail-tab-design .canvas-design-tabs .canvas-design-tabs-add-btn[data-v-6f502c93]:hover{color:#409eff}.canvas .canvas-node-container{min-height:100%;height:100%;padding:10px;box-sizing:border-box;color:#434343;font-size:14px}.canvas .canvas-node-container .canvas-node{min-height:100%;border-radius:8px;box-shadow:0 0 3px #32323280;overflow:hidden;background-color:#fff;display:flex;flex-direction:column}.canvas .canvas-node-container .canvas-node .canvas-cap{flex:0 0 8px;height:8px;background-color:#409eff}.canvas .canvas-node-container .canvas-node .canvas-inner{flex:1;display:flex;flex-direction:column;min-height:100%}.canvas .canvas-node-container .canvas-node .canvas-inner .canvas-header{flex:0 0 32px;position:relative;text-align:center;border-bottom:1px solid rgb(230,230,230);padding:5px;display:flex;align-items:center;justify-content:space-between}.canvas .canvas-node-container .canvas-node .canvas-inner .canvas-body{flex:1;display:flex;align-items:start;padding:5px}.canvas .canvas-node-container .canvas-node .canvas-inner .canvas-footer{flex:0 0 20px;padding:5px;border-top:1px solid rgb(230,230,230);text-align:right}.canvas .canvas-node-container .canvas-node .canvas-inner .canvas-footer .canvas-footer-action{cursor:pointer}.el-tag.el-tag--dark.cyan{background-color:#36cfc9;border-color:#36cfc9;color:#fff}.el-button.el-button--danger{background-color:#f56c6c;border-color:#f56c6c;color:#fff}