.banner{color:#fff;position:relative;border-radius:6px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow:hidden}.banner .banner-container{-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;padding:24px}.banner .banner-container .banner-title{font-size:30px;font-weight:500}.banner .banner-extra{-webkit-box-flex:0;-webkit-flex:0;-ms-flex:0;flex:0;padding:24px 24px 0;position:relative}.inject-pane-icon{height:60px!important;font-size:12px;text-align:center;margin-bottom:10px}.inject-setting-panel{padding:10px 20px}.inject-setting-panel-title{font-size:14px;margin-bottom:10px;display:inline-block;font-weight:700}.inject-setting-panel-label{width:100px;text-align:right;margin-bottom:10px;margin-right:15px;display:inline-block}.inject-setting-panel-inject-item{margin-left:10px;margin-bottom:10px}.inject-setting-panel-table{margin-bottom:10px}.inject-setting-panel-empty{padding:20px}.inject-setting-panel-empty-title{font-weight:700;font-size:14px}.inject-setting-panel-empty-tips{font-size:12px;margin-top:10px}html.lc-cursor-dragging,html.lc-cursor-dragging *{cursor:move!important}html.lc-cursor-x-resizing,html.lc-cursor-x-resizing *{cursor:col-resize}html.lc-cursor-y-resizing,html.lc-cursor-y-resizing *{cursor:row-resize}html.lc-cursor-copy,html.lc-cursor-copy *{cursor:copy!important}.visual-dom .panel-container{-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #e9e9e9}.visual-dom .panel-container .title{display:block;font-size:12px;color:#333;background-color:#ebecf0;line-height:28px;padding:0 12px;border-bottom:1px solid #e9e9e9}.visual-dom .panel-container .content{min-height:20px;padding:5px}@-webkit-keyframes blink{0%{opacity:1}50%{opacity:.2}to{opacity:1}}@keyframes blink{0%{opacity:1}50%{opacity:.2}to{opacity:1}}.box{display:inline-block}.box.twinkle{-webkit-animation:blink 1s infinite;animation:blink 1s infinite}.box.bordered,.box.hoverable{border:1px solid #e7eaee;border-radius:4px}.box.hoverable{cursor:pointer;-webkit-transition-duration:.3s;transition-duration:.3s}.box.hoverable:hover{border-color:#0165ca;-webkit-animation:none;animation:none}.box.p-small{padding:8px}.box.p-middle{padding:16px}.box.p-large{padding:24px}.box.m-small{margin:8px}.box.m-middle{margin:16px}.box.m-large{margin:24px}.check-card{display:inline-block;min-width:120px;min-height:30px;cursor:pointer;-webkit-transition-duration:.3s;transition-duration:.3s;padding:12px;border-radius:4px;position:relative;border:0 solid #e0e2e8}.check-card.check-card-bordered{border-width:1px}.check-card+.check-card{margin-left:16px}.check-card:hover{-webkit-box-shadow:0 0 5px rgba(0,0,0,.15);box-shadow:0 0 5px rgba(0,0,0,.15)}.check-card.check-card-checked,.check-card:hover{border-color:#0165ca}.check-card.check-card-disabled{border-color:#e7eaee;-webkit-box-shadow:none;box-shadow:none;cursor:not-allowed}.check-card.check-card-disabled.check-card-checked{border-color:#0165ca}.color-card{border-radius:4px;background:#f3f3f3;position:relative}.color-card.color-card-hoverable{cursor:pointer;-webkit-transition-duration:.3s;transition-duration:.3s}.color-card.color-card-hoverable:hover{-webkit-box-shadow:0 0 5px rgba(0,0,0,.15);box-shadow:0 0 5px rgba(0,0,0,.15)}.color-card .color-card-border{border-radius:2px;position:absolute;left:0;top:0;bottom:0}.color-card .color-card-content{border-top-right-radius:4px;border-bottom-right-radius:4px;padding:4px}.color-card .color-card-content .color-card-topbar{margin-bottom:4px}.count-up{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:baseline;-webkit-align-items:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.count-up.count-up-align-center{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.count-up .count-up-content{font-size:32px}.long-text{color:#778592}.long-text .long-text-line{white-space:pre}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#abb2bf;background:#282c34}.hljs-comment,.hljs-quote{color:#5c6370;font-style:italic}.hljs-doctag,.hljs-formula,.hljs-keyword{color:#c678dd}.hljs-deletion,.hljs-name,.hljs-section,.hljs-selector-tag,.hljs-subst{color:#e06c75}.hljs-literal{color:#56b6c2}.hljs-addition,.hljs-attribute,.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#98c379}.hljs-attr,.hljs-number,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-pseudo,.hljs-template-variable,.hljs-type,.hljs-variable{color:#d19a66}.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-symbol,.hljs-title{color:#61aeee}.hljs-built_in,.hljs-class .hljs-title,.hljs-title.class_{color:#e6c07b}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline}.custom-markdown table{border-collapse:collapse;width:100%}.custom-markdown td,.custom-markdown th{border:1px solid #e7eaee;text-align:left;padding:8px}.metrics-container .metrics-chart{margin:12px}.metrics-container .metrics-table .ant-table .ant-table-row{cursor:pointer}.metrics-container .metrics-table .ant-table .ant-table-thead>tr>th{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metrics-container .metrics-table .ant-table .metrics-table-tag{height:10px}.metrics-container .metrics-table .ant-table.ant-table-small .ant-table-tbody>tr>td,.metrics-container .metrics-table .ant-table.ant-table-small .ant-table-thead>tr>th{padding:4px 8px;font-size:12px}.metrics-container.metrics-container-vertical .metrics-table{border-top:1px solid #e7eaee}.metrics-container.metrics-container-chart-hidden .metrics-table{border-top:1px solid transparent}.metrics-container.metrics-container-chart-hidden .metrics-table .ant-table .ant-table-row{cursor:default}.metrics-container.metrics-container-horizontal .metrics-table{margin:12px 12px 12px 0;border:1px solid #e7eaee}.cloud-editor{padding:15px 0 0;position:relative;overflow:hidden;border-radius:4px;min-height:50px;height:50px;background:#fff}.cloud-editor.cloud-editor-bordered{border:1px solid #e7eaee}.cloud-editor .cloud-editor-copyable{color:#4c5e70;background:#f5f5f5;position:absolute;right:8px;top:8px}.cloud-editor .cloud-editor-copyable:active,.cloud-editor .cloud-editor-copyable:hover{background:#fafafa}.monaco-editor .margin-view-overlays .current-line-margin{border:none!important}@-webkit-keyframes edge-animate{0%{stroke-dashoffset:1500}to{stroke-dashoffset:0}}@keyframes edge-animate{0%{stroke-dashoffset:1500}to{stroke-dashoffset:0}}.topology.topology-fullcreen{position:fixed;left:0;top:0;bottom:0;right:0;z-index:1000;padding:16px;overflow:auto}.topology .topylogy-toolbar{padding:8px;border-radius:4px;margin-bottom:16px;background:#fafafa;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;overflow:hidden;width:100%}.topology .topylogy-toolbar .topylogy-toolbar-items{-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto}.topology .topylogy-toolbar .topylogy-toolbar-items .topylogy-toolbar-select{width:120px}.topology .topylogy-toolbar .topylogy-toolbar-items .topylogy-toolbar-slider{width:80px;margin:2px 0}.topology .topology-graph{position:relative}.topology .topology-graph .topology-graph-edges{position:absolute;left:0;top:0;width:100%;height:100%}.topology .topology-graph .topology-edge-animate{-webkit-animation:edge-animate 60s linear infinite;animation:edge-animate 60s linear infinite}