.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}.bridge-config .payload-desc{margin-top:4px;margin-bottom:0;color:var(--el-text-color-secondary)}.bridge-config .TLS-base-config .el-form-item{margin-bottom:0}.bridge-config .TLS-base-config .TLS-base-config-title{font-size:14px;font-weight:400}.bridge-config .TLS-enable-config .TLS-input{width:100%}.bridge-config .one-of{display:flex;width:100%}.bridge-config .one-of .switch-container{flex-shrink:0;margin-right:12px}.bridge-config .one-of .oneof-item{flex-grow:1;margin-top:0}.bridge-detail .detail-header img{height:40px}.bridge-detail .block-title{max-width:400px;overflow:hidden;text-overflow:ellipsis;word-wrap:nowrap;margin:0}.bridge-detail .info-tags .el-tag,.bridge-detail .info-tags .node-status{margin-right:8px}.bridge-detail .el-alert{width:75%;margin-bottom:12px}.el-alert.webhook-tip-alert{margin-bottom:12px}.el-alert.webhook-tip-alert .el-icon{font-size:16px}.el-alert.webhook-tip-alert .el-alert__content{padding-left:0}.el-alert.webhook-tip-alert p{margin:8px 0}.target-type-select{width:100%;margin-bottom:24px}.target-type-select .el-row{width:100%}.target-type-select .el-col{margin-bottom:16px}.target-type-select .el-radio__label{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{margin-bottom:8px;font-weight:700;font-size:14px;color:var(--color-title-primary)}.target-type-select .el-radio__label .target-type-desc{color:var(--color-title-primary);font-size:12px;white-space:normal}.target-type-select .target-type-item{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{position:absolute;top:50%;left:0;transform:translateY(-50%)}.target-type-select .target-type-item-bd{padding-left:16px;padding-top:12px;padding-bottom:12px}.rule-form .part-header{margin-bottom:12px}.rule-form .sub-block-desc{margin-bottom:12px;color:var(--el-text-color-secondary);font-size:14px}.rule-form .label-container{display:flex;justify-content:space-between;align-items:center}.rule-io .io-item{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{width:48px;flex-shrink:0;margin-right:12px}.rule-io .io-item .io-item-bd{flex-grow:1;max-width:calc(100% - 72px)}.rule-io .io-item .io-item-bd div{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1.6}.rule-io .io-item .io-item-bd .io-desc{color:var(--color-text-secondary)}.rule-io .io-item .io-op{display:none;flex-basis:136px;flex-shrink:0;padding:0 10px;text-align:right}.rule-io .io-item:hover{border-color:var(--el-color-primary);cursor:pointer}.rule-io .io-item:hover .io-op{display:block;color:var(--el-color-primary)}.rule-io .io-item:hover .io-item-bd{max-width:calc(100% - 196px)}.rule-io a.io-item{color:unset}.rule-io .btn-add{margin-top:24px}.rule-io .btn-add :deep(span){display:flex;align-items:center}.rule-io .btn-add .el-icon{font-size:16px}.delete-second-confirm .el-dialog__header{display:none}.delete-second-confirm .el-dialog__body{padding-top:28px;padding-bottom:0}.delete-second-confirm .el-dialog__footer{padding-bottom:12px}.delete-second-confirm ul{list-style:none;padding-left:36px;margin-bottom:0}.delete-second-confirm li{margin-right:4px}.delete-second-confirm .data-item{display:inline-block;padding:4px 0}.delete-second-confirm .checkbox-wrapper{padding:12px 0 8px 36px}.delete-second-confirm .el-loading-mask{top:-5px;background-color:var(--color-bg-content)!important}.delete-second-confirm .el-checkbox__input{top:1px}.delete-second-confirm .el-checkbox{align-items:flex-start}.delete-second-confirm .el-checkbox__label{white-space:normal;line-height:1.2}.clients .section-header,.rule-filter-form .section-header,.subscriptions .section-header,.topics .section-header{margin-top:0}.clients .show-more,.rule-filter-form .show-more,.subscriptions .show-more,.topics .show-more{font-size:18px;cursor:pointer;margin-left:12px;color:var(--color-primary)}.rule-filter-form{margin-top:-12px}.rule-filter-form .el-col-24{margin-top:16px}.rule-filter-form .el-form-item{margin-bottom:0}.rule-filter-form .select-topic-type .el-input{width:100%}.rule-filter-form .mock-wrapper{padding:0}.rule-filter-form .mock-wrapper .el-input,.rule-filter-form .mock-wrapper .el-select{margin-right:0}.rule-filter-form .mock-wrapper .el-input__wrapper{box-shadow:none;background-color:transparent;border-top-left-radius:0;border-bottom-left-radius:0}.el-select-dropdown__item.space-between{max-width:90vw}.el-select-dropdown__item .endpoint-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.el-select-dropdown__item .endpoint-type{margin-left:12px}.section-header[data-v-5af55595]{margin-top:0}.el-button-group .el-button.el-button--default[data-v-5af55595]{border-color:var(--el-button-border-color);min-width:90px}.el-button-group .el-button.el-button--default.active[data-v-5af55595]{border-color:var(--el-color-primary);color:var(--el-color-primary);z-index:1}.el-button-group .el-button.el-button--default[data-v-5af55595]:hover{color:unset}.inputs-container[data-v-5af55595]{display:flex;flex-direction:column;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.input-item[data-v-5af55595]{height:26px;max-width:150px}.input-item[data-v-5af55595] .el-tag__content{display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;text-align:left}.input-item[data-v-5af55595]:not(:first-child){margin-top:8px}.code-popper.el-popper{padding:0}.code-popper.el-popper .code-view{margin:0}.code-popper.el-popper .hljs{padding:12px}