.guide-bar{display:flex;font-size:16px;margin-bottom:36px}.guide-bar .guide-item{position:relative;padding-right:110px;flex-shrink:0;display:flex;align-items:center}.guide-bar .guide-item .el-icon-check,.guide-bar .guide-item .icon-number{height:20px;width:20px;border-radius:50%;line-height:20px;text-align:center;color:#fff;font-size:14px}.guide-bar .guide-item .el-icon-check{display:flex;align-items:center;justify-content:center;font-weight:600;background:var(--color-primary)}.guide-bar .guide-item .el-icon-check:before{position:absolute;content:"";border-radius:50%;left:-4px;width:28px;height:28px;background-color:rgba(0,177,115,.2)}.guide-bar .guide-item .icon-number{background:var(--color-border-primary)}.guide-bar .guide-item .guide-title{display:inline-block;margin-left:8px;color:var(--color-title-primary)}.guide-bar .guide-item .guide-desc{color:var(--color-text-secondary);font-size:14px;font-weight:400;margin-left:6px}.guide-bar .guide-item.active{font-weight:600}.guide-bar .guide-item.active .guide-title{color:var(--color-title-primary)}.guide-bar .guide-item:after{position:absolute;content:"";width:88px;height:1px;background-color:#e2edeb;top:50%;right:12px}.guide-bar .guide-item:last-child{padding-right:0}.guide-bar .guide-item:last-child:after{display:none}.guide-bar.vertical{flex-direction:column}.guide-bar.vertical .guide-item:after{position:absolute;content:"";width:1px;height:90%;background-color:#e2edeb;top:38px;left:10px}.detail-header{margin-top:32px;margin-bottom:24px}.detail-header .el-page-header__breadcrumb{display:none}.detail-header .el-page-header__content{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.detail-header .el-page-header__content :not(:last-child){margin-right:12px}.advanced-settings-btn{margin-top:8px;margin-bottom:24px}.advanced-settings-btn.el-button.is-link{padding-left:0;padding-right:0}.advanced-settings-btn .el-icon{margin-left:4px;transition:transform .3s;color:var(--color-text-placeholder)}.advanced-settings-btn .el-icon.is-rotate{transform:rotate(90deg)}.advanced-settings[data-v-44a725fc]{width:100%}.custom-input-number.el-input-number.is-controls-right span[role=button]{visibility:hidden}.custom-input-number.el-input-number.is-controls-right.is-focus span[role=button],.custom-input-number.el-input-number.is-controls-right:hover span[role=button]{visibility:visible}[data-theme=dark] .markdown-content .markdown-body{background-color:var(--color-bg-content)}.icon-question[data-v-78a08d2d]{display:inline-block;font-size:14px;cursor:pointer;margin-left:8px}.info-tooltip p{margin:0}.info-tooltip code{padding-top:2px;padding-bottom:2px}.info-tooltip pre code{white-space:break-spaces;word-break:break-all}.monaco-view{height:100%;position:relative}.my-inline-decoration{position:relative;left:50px;color:#dadada!important;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.monaco-hover{z-index:110}.hover-contents i{padding:2px 4px;border:1px solid var(--color-border-primary);margin-right:2px;font-style:normal;white-space:nowrap;border-radius:4px;background-color:var(--color-bg-split)}.input-with-unit .single-unit{display:block;width:100%;padding:0 11px;text-align:left;color:var(--el-input-text-color,var(--color-text-primary))}.TLS-base-config .TLS-base-config-title{margin-top:0;color:var(--color-title-primary);font-weight:700;line-height:20px}.textarea-with-uploader[data-v-5996be84]{position:relative;padding:0 1px}.textarea-with-uploader[data-v-5996be84] .el-textarea__inner{position:relative;box-sizing:border-box;resize:none;border-bottom:60px solid transparent;box-shadow:0 0 0 1px var(--el-input-border-color,var(--color-border-primary))}.textarea-with-uploader[data-v-5996be84] .el-textarea__inner:hover{box-shadow:0 0 0 1px var(--el-input-hover-border-color)}.textarea-with-uploader[data-v-5996be84] .el-textarea__inner:focus{box-shadow:0 0 0 1px var(--el-input-focus-border-color)}.textarea-with-uploader .uploader-ft[data-v-5996be84]{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;width:100%;height:60px;padding:10px 12px}.textarea-with-uploader .uploader-ft[data-v-5996be84]:before{content:"";position:absolute;top:0;left:12px;display:block;height:1px;width:calc(100% - 24px);background:var(--color-border-primary)}.textarea-with-uploader .tip[data-v-5996be84]{font-size:12px;line-height:1.4;margin-right:16px}.textarea-with-uploader .el-button[data-v-5996be84]{font-size:14px;background-color:var(--color-bg-content);border-color:var(--color-border-primary)}.config-item-data-look{display:flex;justify-content:space-between;width:100%}.config-item-data-look .file-path{margin-right:16px}.config-item-data-look .icon-copy{margin-right:12px;cursor:pointer}.config-item-data-look .btn-container{display:flex;align-items:center}.TLS-input{width:100%}.TLS-enable-config{margin-bottom:12px}.TLS-enable-config .TLS-enable-config-title{margin-top:0;margin-bottom:8px;color:var(--color-title-primary);font-weight:700;line-height:20px}.TLS-enable-config .TLS-input{width:60%}.code-view{position:relative;margin:1em 0}.code-view .hljs{border-radius:8px;padding:20px;background-color:#232933;border:1px solid var(--color-border-primary)}.code-view pre{margin:0}.code-view .icon-copy{position:absolute;top:6px;right:8px;cursor:pointer;color:#fff}.el-popper .hljs{border-radius:8px}.key-and-value-editor{min-width:200px}.key-and-value-editor.el-table .cell{font-weight:400;color:var(--el-text-color-regular)}.key-and-value-editor ul{list-style:none;padding:0;margin-top:0;margin-bottom:8px}.key-and-value-editor .key-value-item{display:flex}.key-and-value-editor .key-value-item:not(:last-child){margin-bottom:12px}.key-and-value-editor .key-value-item .el-input{margin-right:16px}.key-and-value-editor .value{margin:0}.http-config.config .viewer-container,.ldap-config.config .viewer-container{height:200px}.config .create-form .el-form-item{position:relative}.config .create-form .button-in-label-line{position:absolute;top:50%;right:0;transform:translateY(-50%)}.config .create-form .el-upload-list{display:none}.config .config-sub-block{margin-bottom:16px}.config .help-btn{position:absolute;right:80px;top:-1px}.config .help-container{width:100%;margin-top:12px}.config .help-block{padding:24px;background:var(--color-bg-split);margin-bottom:22px;line-height:1.6}.config .help-block .help-bock__code{background:#1c2a28;color:#fff;padding:24px;margin:16px 0}.config .el-radio.is-bordered{width:120px;margin-bottom:32px}.config .TLS-config .TLS-base-config .el-checkbox.is-bordered{margin-bottom:0}.config .TLS-config .TLS-enable-config .TLS-input{width:100%}.config .viewer-container{border:1px solid var(--color-border-primary);margin-top:12px;width:100%;height:280px}.config .unit-for-input{padding:0 12px}.jwt-config .el-radio-group{margin:12px 0 32px 0}.app-card.no-border{border:none}.no-database-placeholder{color:var(--el-text-color-secondary)}.type-metrics{display:flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:40px 32px}.type-metrics .desc-container{padding:30px 24px 30px 0}.type-metrics .metrics-main{flex-grow:1}.type-metrics .metrics-hd{display:flex;align-items:center;margin-bottom:8px}.type-metrics .dot-type{display:block;width:16px;height:16px;border-radius:50%;background-color:var(--6b8776a4);margin-right:8px}.type-metrics .metric-name{margin-right:6px}.type-metrics .detail-trigger{display:flex;align-items:center;width:20px}.type-metrics .side-main{flex-grow:1}.type-metrics .icon-arrow{position:relative;cursor:pointer;padding:2px;transform:rotate(90deg);color:var(--color-text-secondary);opacity:.7}.type-metrics .icon-arrow:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block;width:0;height:0;border-radius:50%;transition:all .15s ease-out;background:rgba(174,188,212,.26666666666666666)}.type-metrics .icon-arrow:hover:after{width:28px;height:28px}.el-popper:not(.el-select__popper):not(.el-picker__popper):not(.is-wider):not(.el-cascader__dropdown):not(.el-autocomplete__popper).type-detail-tooltip{max-width:700px}.metrics-details{padding:16px}.metrics-details .el-descriptions{background:transparent}.metrics-details .el-descriptions__body{background-color:transparent}.metrics-details .el-descriptions .el-descriptions__body .el-descriptions__table:not(.is-bordered) .el-descriptions__cell{padding-bottom:6px}.metrics-details .el-descriptions .el-descriptions__body .el-descriptions__table:not(.is-bordered) tr:last-child .el-descriptions__cell{padding-bottom:0}.metrics-details .el-descriptions .el-descriptions__content{float:right;padding-right:8px;color:#fff}.metrics-details .el-descriptions__body .el-descriptions__table .el-descriptions__cell{line-height:21px}.metrics-details .el-descriptions .el-descriptions__label,.metrics-details .icon-question{color:#bac1cd}.metrics-details .icon-question{margin-left:2px}.overview-metrics .stats-numbers{margin-bottom:24px}.overview-metrics .stats-numbers:last-child{margin-bottom:0}.overview-metrics p{margin:0}.overview-metrics .metric-name{color:var(--color-text-primary);line-height:24px}.overview-metrics .metric-num{height:32px;font-size:22px;line-height:32px;color:var(--color-title-primary);font-weight:400}.overview-metrics .metric-num .unit{margin-left:2px;font-size:14px;font-weight:400;line-height:32px;vertical-align:middle}.overview-metrics .block-hd{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.overview-metrics .block-title{font-weight:600}.overview-metrics .handlers-container{display:flex;justify-content:flex-end}.overview-metrics .el-select{margin-right:16px}.overview-metrics .block-bd{display:flex;align-items:stretch}.overview-metrics .block-bd.flow-node-row>.el-col:not(:last-child),.overview-metrics .metric-block{margin-bottom:24px}.overview-metrics .metric-pie{height:144px;flex-shrink:0}.overview-metrics .metric-pie .el-card__body{display:flex;align-items:center;padding:32px 24px;height:100%}.overview-metrics .metric-pie .pie-base{display:flex;align-items:center}.overview-metrics .metric-pie .el-row{width:100%}.overview-metrics .metric-pie .metric-name{margin-bottom:4px}.overview-metrics .metric-pie .pie-container{height:80px}.overview-metrics .metric-types{flex-grow:1}.overview-metrics .metric-types .el-card__body{padding:0}.overview-metrics .metric-types .col-type-metrics{position:relative;margin-bottom:0}.overview-metrics .metric-types .col-type-metrics:not(:last-child):after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);display:block;width:1px;height:50%;background-color:var(--color-border-card)}.overview-metrics .metric-types .flow-node-col:first-child,.overview-metrics .metric-types .flow-node-col:nth-child(2){margin-bottom:24px}.overview-metrics .metric-types .flow-node-col .type-metrics{padding-top:24px;padding-bottom:24px}.overview-metrics .metric-bar,.overview-metrics .metric-rate,.overview-metrics .metric-types .el-card,.overview-metrics .metric-types .el-row{height:100%}.overview-metrics .metric-bar .el-card__body,.overview-metrics .metric-rate .el-card__body{padding:40px 24px}.overview-metrics .metric-bar .metric-name,.overview-metrics .metric-rate .metric-name{margin-bottom:16px}.overview-metrics .num-container{display:flex}.overview-metrics .num-container .metric-num{margin-right:8px}.overview-metrics .num-diff{color:var(--color-primary);line-height:24px}.overview-metrics .num-diff.is-red{color:#469cf7}.overview-metrics .num-diff.need-plus:before{content:"+";margin-right:2px}.overview-metrics .metric-bar .el-card__body{display:flex;padding-bottom:25px;align-items:stretch}.overview-metrics .metric-bar .metric-bar-hd{width:200px;margin-right:40px;padding-bottom:14px}.overview-metrics .metric-bar .metric-bar-bd{flex-grow:1;display:flex;flex-direction:column}.overview-metrics .metric-bar .bar-container{flex-grow:1}.overview-metrics .metric-bar .bar-desc{color:var(--color-text-placeholder);font-size:12px;font-weight:400;line-height:24px}.overview-metrics .metric-rate .el-card__body{display:flex}.overview-metrics .metric-rate .metric-rate-item{width:50%;padding:0 32px}.overview-metrics .metric-rate .metric-rate-item:first-child{position:relative}.overview-metrics .metric-rate .metric-rate-item:first-child:after{content:"";display:block;position:absolute;top:50%;right:0;transform:translateY(-50%);width:1px;height:40px;background:rgba(0,0,0,.1)}.overview-metrics .text-status{margin-right:8px}.bridge-config .payload-desc[data-v-867da528]{margin-top:4px;margin-bottom:0;color:var(--el-text-color-secondary)}.bridge-config .TLS-base-config .el-form-item[data-v-867da528]{margin-bottom:0}.bridge-config .TLS-base-config .TLS-base-config-title[data-v-867da528]{font-size:14px;font-weight:400}.bridge-config .TLS-enable-config .TLS-input[data-v-867da528]{width:100%}.bridge-config .one-of[data-v-867da528]{display:flex;width:100%}.bridge-config .one-of .switch-container[data-v-867da528]{flex-shrink:0;margin-right:12px}.bridge-config .one-of .oneof-item[data-v-867da528]{flex-grow:1;margin-top:0}.bridge-detail .detail-header img[data-v-867da528]{height:40px}.bridge-detail .block-title[data-v-867da528]{max-width:400px;overflow:hidden;text-overflow:ellipsis;word-wrap:nowrap;margin:0}.bridge-detail .info-tags .el-tag[data-v-867da528],.bridge-detail .info-tags .node-status[data-v-867da528]{margin-right:8px}.bridge-detail .el-alert[data-v-867da528]{width:75%;margin-bottom:12px}.el-alert.webhook-tip-alert[data-v-867da528]{margin-bottom:12px}.el-alert.webhook-tip-alert .el-icon[data-v-867da528]{font-size:16px}.el-alert.webhook-tip-alert .el-alert__content[data-v-867da528]{padding-left:0}.el-alert.webhook-tip-alert p[data-v-867da528]{margin:8px 0}.target-type-select[data-v-867da528]{width:100%;margin-bottom:24px}.target-type-select .el-row[data-v-867da528]{width:100%}.target-type-select .el-col[data-v-867da528]{margin-bottom:16px}.target-type-select .el-radio__label[data-v-867da528]{position:relative;box-sizing:border-box;display:flex;align-items:center;width:100%;padding:0 0 0 52px;min-height:52px}.target-type-select .el-radio__label .title[data-v-867da528]{margin-bottom:8px;font-weight:700;font-size:14px;color:var(--color-title-primary)}.target-type-select .el-radio__label .target-type-desc[data-v-867da528]{color:var(--color-title-primary);font-size:12px;white-space:normal}.target-type-select .target-type-item[data-v-867da528]{box-sizing:border-box;width:100%;height:100%;min-width:40%;margin-top:16px;padding:0 12px 0 2px;border:2px solid var(--color-border-primary)}.target-type-select .target-type-item-img[data-v-867da528]{position:absolute;top:50%;left:0;transform:translateY(-50%)}.target-type-select .target-type-item-bd[data-v-867da528]{padding-left:16px;padding-top:12px;padding-bottom:12px}.rule-form .part-header[data-v-867da528]{margin-bottom:12px}.rule-form .sub-block-desc[data-v-867da528]{margin-bottom:12px;color:var(--el-text-color-secondary);font-size:14px}.rule-form .label-container[data-v-867da528]{display:flex;justify-content:space-between;align-items:center}.rule-io .io-item[data-v-867da528]{height:64px;border:1px solid var(--color-border-primary);display:flex;align-items:center;box-sizing:border-box;border-radius:var(--el-border-radius-base);padding:0 6px;margin-bottom:12px}.rule-io .io-item img[data-v-867da528]{width:48px;flex-shrink:0;margin-right:12px}.rule-io .io-item .io-item-bd[data-v-867da528]{flex-grow:1;max-width:calc(100% - 72px)}.rule-io .io-item .io-item-bd div[data-v-867da528]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1.6}.rule-io .io-item .io-item-bd .io-desc[data-v-867da528]{color:var(--color-text-secondary)}.rule-io .io-item .io-op[data-v-867da528]{display:none;flex-basis:136px;flex-shrink:0;padding:0 10px;text-align:right}.rule-io .io-item[data-v-867da528]:hover{border-color:var(--el-color-primary);cursor:pointer}.rule-io .io-item:hover .io-op[data-v-867da528]{display:block;color:var(--el-color-primary)}.rule-io .io-item:hover .io-item-bd[data-v-867da528]{max-width:calc(100% - 196px)}.rule-io a.io-item[data-v-867da528]{color:unset}.rule-io .btn-add[data-v-867da528]{margin-top:24px}.rule-io .btn-add[data-v-867da528] span{display:flex;align-items:center}.rule-io .btn-add .el-icon[data-v-867da528]{font-size:16px}.delete-second-confirm .el-dialog__header[data-v-867da528]{display:none}.delete-second-confirm .el-dialog__body[data-v-867da528]{padding-top:28px;padding-bottom:0}.delete-second-confirm .el-dialog__footer[data-v-867da528]{padding-bottom:12px}.delete-second-confirm ul[data-v-867da528]{list-style:none;padding-left:36px;margin-bottom:0}.delete-second-confirm li[data-v-867da528]{margin-right:4px}.delete-second-confirm .data-item[data-v-867da528]{display:inline-block;padding:4px 0}.el-icon.check-icon{border-radius:50%;margin-right:6px;position:relative;color:#fff}.el-icon.check-icon.check{background:var(--color-primary)}.el-icon.check-icon.close{background:#e44242}.el-icon.check-icon.warning{background-color:var(--el-color-warning)}.el-icon.check-icon.disable{background-color:var(--el-disabled-bg-color)}[data-v-511a565a] .el-badge__content--success{background-color:var(--el-color-primary)}.node-status[data-v-511a565a]{cursor:default;display:inline-flex;align-items:center}.node-status.tag[data-v-511a565a]{display:inline-flex;align-items:center;height:24px;padding-left:16px;padding-right:16px;font-size:13px;color:#8d96a2;background:var(--color-bg-split);border:1px solid var(--color-border-primary);border-radius:8px}.node-status.tag .text-status[data-v-511a565a]{font-weight:400}.node-status.tag[data-v-511a565a] .el-badge__content{border:none}.el-popper.is-dark.tooltip-node-status-list{padding-top:4px;padding-bottom:4px}.el-popper.is-dark.tooltip-node-status-list .extra-content{padding:4px 0}.el-popper.is-dark .node-status-list{margin-top:0;margin-bottom:0;list-style:none;padding-left:0;width:200px}.el-popper.is-dark .node-status-item{display:flex;justify-content:space-between;margin:12px 0}.el-popper.is-dark .node-status-item .text-status{flex-shrink:0;margin-right:20px}.el-popper.is-dark .node-status-item .node-name{word-break:break-all}.authn-users-import{line-height:0}.authn-users-import .el-button.is-link{font-weight:400}.authn-import-dialog .el-step__description,.authn-import-dialog .el-step__title.is-process,.authn-import-dialog .el-step__title.is-wait{font-weight:400;color:var(--color-text-primary);font-size:14px}.authn-import-dialog .el-step__description .el-button,.authn-import-dialog .el-step__description .el-radio-group{margin-top:12px}.authn-import-dialog .el-step:not(:last-child) .el-button,.authn-import-dialog .el-step:not(:last-child) .el-radio-group{margin-bottom:32px}.authn-manager .searchbar[data-v-7a2e746c]{height:36px}.authn-manager .searchbar .el-input[data-v-7a2e746c]{width:260px}.authn-manager .border-checkbox[data-v-7a2e746c]{margin-top:16px}.authn-manager .add-funcs-container[data-v-7a2e746c]{display:flex}.authn-manager .add-funcs-container>.el-button[data-v-7a2e746c],.authn-manager .add-funcs-container>.file-upload[data-v-7a2e746c]{margin-left:16px}.authn-manager .file-upload[data-v-7a2e746c]{display:inline-block;vertical-align:top}.auth .create-form-title{margin-bottom:8px;font-size:16px;color:var(--color-title-primary);font-weight:600}.auth .item-description{color:var(--color-text-secondary);font-size:14px;margin-top:24px;margin-bottom:32px}.auth .create-form{width:75%}.auth .create-form .el-radio.is-bordered{text-align:center}.auth .create-form .el-radio.is-bordered.mechanism{width:220px}.auth .create-form .el-radio.is-bordered.backend{width:160px}.auth .create-form .select-database{margin-bottom:32px}.auth .step-btn{margin-top:24px}.auth .result-block .result-title{font-size:16px;color:#fff;padding:24px}.auth .result-block.error{background:#e34242}.auth .result-block.success{background:#00b299}.auth .el-checkbox.is-bordered+.auth .el-checkbox.is-bordered{margin-left:0}.auth .el-checkbox.is-bordered{text-align:center;line-height:40px;padding:0 30px;margin-top:16px;margin-bottom:22px}.auth.auth-details .section-header{margin-top:0}.auth.auth-details .section-header__title{margin-bottom:8px}.auth .el-badge__content.is-fixed{top:15px;right:52px}.auth .el-radio.is-bordered{padding:0;border:2px solid var(--color-border-primary);margin-top:16px}.auth .el-radio.is-bordered .el-radio__label{display:flex;align-items:center;justify-content:center;width:100%;padding:0;height:100%}.auth .el-radio.is-bordered.is-checked{border-color:var(--color-primary)}.auth .embed-gateway{position:relative;z-index:1}.auth .embed-gateway h2{margin:0}.auth .detail-tabs{min-height:400px}.auth-create[data-v-03be809d]{min-height:200px;margin:20px auto;padding-top:32px;text-align:center}.auth-create .tips[data-v-03be809d]{width:60%;margin:20px auto}.el-dialog__wrapper[data-v-03be809d] .el-dialog{width:75%}.gateway-auth-dialog .el-card.app-card{margin-bottom:0}.gateway-auth-dialog .el-dialog__body{padding-top:0;padding-bottom:12px}.gateway-auth-dialog .el-dialog__body .authn-create{padding-top:8px}