@keyframes striped-flow{0%{background-position:-30%}to{background-position:30%}}.monitor-import-dialog{text-align:center}.monitor-import-dialog .importing h3{font-weight:600;font-size:20px;color:#001640;line-height:28px;margin-bottom:24px}.monitor-import-dialog .importing .el-progress-bar__inner{animation:striped-flow 3s linear infinite;background-image:linear-gradient(135deg,rgba(0,0,0,.1) 25%,transparent 25%,transparent 50%,rgba(0,0,0,.1) 50%,rgba(0,0,0,.1) 75%,transparent 75%,transparent);background-size:1.25em 1.25em}.monitor-import-dialog .completed .icon{margin-bottom:16px}.monitor-import-dialog .completed h3{font-weight:600;font-size:20px;color:#001640;line-height:28px;margin-bottom:16px}.monitor-import-dialog .completed .desc-text{font-weight:400;font-size:14px;color:#001640;margin-bottom:16px;line-height:28px}.monitor-import-dialog .completed .desc-text .success{margin-right:10px}.monitor-import-dialog .completed .desc-text .success strong{font-weight:500;color:#4cc15f}.monitor-import-dialog .completed .desc-text .fail strong{font-weight:500;color:rgba(var(--severe-color-rgb),1)}.monitor-import-dialog .completed .import-detail{display:flex;align-items:center;justify-content:center;cursor:pointer;font-weight:400;font-size:12px;color:#334566;line-height:20px}.monitor-import-dialog .completed .import-detail .text{margin-left:3px;text-decoration-line:underline}.monitor-import-dialog .confirm-btn{width:88px;margin-top:32px}.monitor{min-height:calc(var(--body-height) - 200px);padding:0 24px 24px;background-color:#fff;display:flex;flex-direction:column;justify-content:space-between}.monitor .header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}.monitor .header .op-buttons{display:flex;align-items:center}.monitor .header .op-buttons .upload-demo{margin:0 8px}.monitor .header .search{display:flex;align-items:center}.monitor .header .search .input{width:270px}.monitor .header .time{display:flex;align-items:center;margin-left:16px}.monitor .header .time .label{margin-right:4px;font-size:14px;white-space:nowrap;color:#99a2b3}.monitor .header .time .timepicker{width:272px}.monitor .table{width:100%;margin-top:24px;flex:1}.monitor .table .filter-field .cell,.monitor .table .token-field{display:flex;align-items:center}.monitor .table .token-field span{margin-left:5px}.monitor .table .tags{display:flex;align-items:center;flex-wrap:wrap}.monitor .table .tags.mulitple .el-tag{max-width:140px;text-overflow:ellipsis;overflow:hidden}.monitor .table .tags.mulitple .el-tag:not(:nth-child(-n+2)){margin-top:8px}.monitor .table .tags .el-tag{display:inline-block;border:1px solid #e5e7eb;height:24px;line-height:24px;background:#f5f8fb;color:#334566;border-radius:4px}.monitor .table .tags .el-tag:not(:last-child){margin-right:8px}.monitor .table .status{position:relative;margin-left:20px;color:#99a2b3}.monitor .table .status:before{content:"";width:8px;height:8px;border-radius:50%;position:absolute;background:#99a2b3;left:-15px;top:7px}.monitor .table .status.enable{color:#001640}.monitor .table .status.enable:before{background:#1cd2a9}.monitor .footer{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.monitor .footer .pagination{display:flex;align-items:center}.monitor .footer .pagination .el-input{width:114px}.monitor .footer .pagination .total{margin-right:10px;font-size:14px;font-weight:400;color:#66738c;line-height:22px}:root{--banner-height: 0px;--body-height: calc(100vh - var(--banner-height));--main-color: #2c8bc3;--main-color-rgb: 44, 139, 195;--severe-color: rgb(var(--severe-color-rgb));--high-color: rgb(var(--high-color-rgb));--medium-color: rgb(var(--medium-color-rgb));--low-color: rgb(var(--low-color-rgb));--unknown-color: rgb(var(--unknown-color-rgb));--severe-color-rgb: 243, 78, 70;--high-color-rgb: 252, 158, 73;--medium-color-rgb: 247, 196, 11;--low-color-rgb: 152, 208, 52;--unknown-color-rgb: 173, 180, 194;--text-color-primary: #001640;--var-risk-level1: 121, 194, 43;--var-risk-level2: 76, 193, 95;--var-risk-level3: 246, 207, 40;--var-risk-level4: 238, 152, 74;--var-risk-level5: 209, 85, 85;--var-risk-nolevel: 191, 203, 219;--color-risk-level1: rgb(var(--var-risk-level1));--color-risk-level2: rgb(var(--var-risk-level2));--color-risk-level3: rgb(var(--var-risk-level3));--color-risk-level4: rgb(var(--var-risk-level4));--color-risk-level5: rgb(var(--var-risk-level5));--color-risk-nolevel: #334566}.monitor-tabs{min-height:100%}.monitor-tabs .el-tabs__header{padding:24px;margin-bottom:0}.monitor-tabs .el-tabs__active-bar{border-radius:2px}.monitor-tabs .el-tabs__item:hover{color:var(--el-text-color-regular)}