.design-accessController{position:relative;padding:6px;width:100%;height:100%;overflow:auto}.design-accessController .carousel-container{overflow:hidden}.design-accessController .carousel-container .ac-detail-container{color:#fff;width:100%;height:161px;overflow:hidden;padding:1px 0 0 0;border-radius:4px;box-sizing:border-box;display:grid;grid-template-rows:45px auto 45px;margin-bottom:16px}.design-accessController .carousel-container .ac-detail-container>.header{background:#02275c;height:100%;border-radius:4px;display:grid;grid-template-columns:1fr 50px;align-items:center;padding-left:8px;margin:0 6px}.design-accessController .carousel-container .ac-detail-container>.header .name{color:#76bfe2;font-size:13px;font-weight:600}.design-accessController .carousel-container .ac-detail-container>.header .vender-img{max-width:60px;min-width:40px;height:32px;-o-object-fit:fill;object-fit:fill}.design-accessController .carousel-container .ac-detail-container>.middle{height:100%;padding-top:4px;margin:0 6px;display:grid}.design-accessController .carousel-container .ac-detail-container>.middle .info-item{display:grid;grid-template-columns:28px 56px 1fr;align-items:center;padding:0 10px 0 6px;color:#bfcfea}.design-accessController .carousel-container .ac-detail-container>.bottom{margin:0 6px;background:#02275c;height:100%;border-radius:2px;display:flex;align-items:center;padding:0 6px;flex-wrap:nowrap;overflow:hidden;width:100%}.design-accessController .carousel-container .ac-detail-container>.bottom .slider{width:1px;height:20px;background:#18879f}.design-accessController .carousel-container .ac-detail-container>.bottom .monitor-card{height:24px;line-height:24px;text-align:center;flex:1}.design-accessController .carousel-container .ac-detail-container>.bottom .monitor-card .title{font-size:12px;color:#bfcfea}.design-accessController .carousel-container .ac-detail-container>.bottom .monitor-card .value{font-size:12px;color:#fd9c00;font-weight:600;position:relative}.design-accessController .carousel-container .ant-carousel .slick-dots-bottom{bottom:4px;z-index:999}.design-accessController .carousel-container .ant-carousel .slick-dots-bottom button{background:#0b8bba;height:4px;width:24px}.design-alertCount{position:relative;padding:6px;width:100%;height:100%;overflow:auto}.design-alertCount .count-card{display:flex;align-items:center;width:100%;height:100%}.design-alertCount .count-card-title{font-size:16px;font-family:HanSans;margin:0;color:#adc3e6}.design-alertCount .count-card-value-container{display:flex;align-items:baseline;flex-wrap:nowrap}.design-alertCount .count-card-value-container .count-card-value{font-size:24px;font-family:D-DIN;color:#ff9c66}.design-alertCount .count-card-value-container .count-card-unit{font-size:14px;font-family:Adobe Heiti Std;font-weight:400;font-style:italic;color:#7bbbe7;margin-left:4px}.design-alertCountTop{position:relative;padding:12px;width:100%;height:100%;overflow:auto}.design-alertCountTop>.header{margin-bottom:12px;font-family:HanSans;color:#fff;background:linear-gradient(0deg,rgba(98,182,241,.86) .36621094%,hsla(0,0%,100%,.86));-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:500;font-style:italic;font-size:16px}.design-alertCountTop .ranking-info .rank{color:#44c1ef;font-size:16px;font-family:D-DIN;margin-right:6px}.design-alertCountTop .ranking-info .ranking-value{font-size:16px;font-family:D-DIN;color:#83c9fe}.design-alertCountTop .inside-column{background-image:linear-gradient(90deg,rgba(3,0,0,.38),hsla(0,0%,82.7%,.213));background-color:#1890ff}.design-alertStatistics{width:100%;height:100%;position:relative;padding:12px 16px;overflow:auto;background-color:rgba(0,0,0,.12);box-shadow:0 0 5px rgba(28,115,255,.47843137254901963),inset 0 0 30px rgba(63,96,232,.2196078431372549)}.design-alertStatistics>.title{font-size:14px;font-family:HanSans;text-shadow:1px 2px 0 rgba(17,20,22,.22);color:#dbe4fe;font-weight:600;margin-bottom:4px}.design-alertStatistics>.main{display:grid;grid-template-columns:1fr 1fr;margin-top:10px;-moz-column-gap:8px;column-gap:8px;row-gap:10px}.design-alertStatistics>.main .alert-card{height:100%;background:rgba(30,67,112,.7607843137254902);display:flex;flex-wrap:nowrap;align-items:center;padding:2px 16px 0;border-radius:4px}.design-alertStatistics>.main .alert-card .name{font-size:11px;font-family:HanSans;color:#bfcfea}.design-alertStatistics>.main .alert-card .value{font-size:14px;font-family:HanSans;font-weight:600;color:#d6ecff}.design-alertTrend{position:relative;width:100%;height:100%;overflow:auto}.design-alertTrend #little-title-container{display:flex;align-items:center;justify-content:space-between;padding:0 12px;height:30px}.design-alertTrend #little-title-container .little-title{padding:0 4px;margin:0 10px 2px 8px;text-align:center;font-size:16px;font-family:HanSans;font-weight:500;font-style:italic;color:#fff;background:linear-gradient(0deg,rgba(98,182,241,.86) .36621094%,hsla(0,0%,100%,.86));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.design-alertTrend #little-title-container .little-title-border{height:1px;background:linear-gradient(270deg,transparent,#5e8ebb);flex:1}.design-alertTrend #little-title-container .little-title-border:first-of-type{background:linear-gradient(90deg,transparent,#5e8ebb);flex:1}.design-autoplayTable{position:relative;width:100%;height:100%;overflow:auto}.design-autoplayTable .table-header{width:100%;overflow:hidden;flex-wrap:nowrap;display:flex}.design-autoplayTable .table-header .header-td{height:100%;overflow:hidden;padding:0 8px;box-sizing:border-box}.design-autoplayTable .table-body{width:100%;position:relative}.design-autoplayTable .table-body .autoplay-item{display:grid;position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;transition:all .25s ease-in-out}.design-autoplayTable .table-body .autoplay-item .body-tr{flex-wrap:nowrap;display:flex;overflow:hidden;width:100%}.design-autoplayTable .table-body .autoplay-item .body-tr .body-td{height:100%;overflow:hidden;padding:0 8px;box-sizing:border-box;display:flex;align-items:center}.design-autoplayTable .table-body .autoplay-item .body-tr .body-td>div{overflow:hidden}.design-autoplayTable .table-body .autoplay-item .body-tr:nth-child(odd) .body-td{background:rgba(6,14,54,.2)}.design-autoplayTable .table-body .autoplay-item .body-tr:nth-child(2n) .body-td{background:rgba(32,64,113,.23921568627450981)}.design-autoplayTable .table-body .autoplay-item-active{transition:all .4s ease-in-out .2s;opacity:1}.design-baseBarChart,.design-baseDashboardChart,.design-baseLineChart{position:relative;padding:12px;width:100%;height:100%;overflow:auto}.design-bigTitle{position:relative;overflow:auto}.design-bigTitle,.design-bigTitle img{width:100%;height:100%}.design-borderComponent1,.design-borderComponent2,.design-borderComponent3,.design-borderComponent4,.design-borderComponent5,.design-borderComponent6,.design-borderComponent7,.design-borderComponent8,.design-borderComponent9,.design-borderComponent10,.design-borderComponent11,.design-borderComponent12,.design-borderComponent13{position:relative;width:100%;height:100%;overflow:hidden}.design-deviceAbnormalCount{position:relative;padding:6px;width:100%;height:100%;overflow:auto}.design-deviceAbnormalCount .count-card{display:flex;align-items:center;width:100%;height:100%}.design-deviceAbnormalCount .count-card-title{font-size:16px;font-family:HanSans;margin:0;color:#adc3e6}.design-deviceAbnormalCount .count-card-value-container{display:flex;align-items:baseline;flex-wrap:nowrap}.design-deviceAbnormalCount .count-card-value-container .count-card-value{font-size:24px;font-family:D-DIN;color:#ff9c66}.design-deviceAbnormalCount .count-card-value-container .count-card-unit{font-size:14px;font-family:Adobe Heiti Std;font-weight:400;font-style:italic;color:#7bbbe7;margin-left:4px}.design-deviceDisplay{position:relative;padding:12px;width:100%;height:100%;overflow:auto}.design-deviceDisplay .group-title{margin-bottom:4px;font-family:HanSans;color:hsla(0,0%,100%,.7);font-weight:600;font-size:14px}.design-deviceStatus{position:relative;padding:12px;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.12);box-shadow:0 0 5px rgba(28,115,255,.47843137254901963),inset 0 0 30px rgba(63,96,232,.2196078431372549)}.design-deviceStatus .device-total-container{display:flex;height:30%;align-items:center;min-height:70px}.design-deviceStatus .device-total-container .img{padding:8px}.design-deviceStatus .device-total-container .unit{margin:4px 0 0 6px;font-size:12px;font-family:HanSans;color:#bfcfea}.design-deviceStatus .device-total-container .value{font-size:24px;color:#a8d6ff;font-weight:600;font-family:HanSans}.design-deviceStatus>.title{font-size:14px;font-family:HanSans;text-shadow:1px 2px 0 rgba(17,20,22,.22);color:#dbe4fe;font-weight:600;margin-bottom:6px}.design-deviceStatus .status-container{height:70%;display:grid;grid-template-columns:1fr 1fr;-moz-column-gap:16px;column-gap:16px;row-gap:4px;margin-top:8px;padding:0 8px}.design-deviceStatus .custom-progress{height:6px;background:#192d5a;width:100%;margin:8px 0;border-radius:3px;overflow:hidden}.design-deviceStatus .custom-progress .progress-bg{height:6px;float:left;opacity:.85}.design-deviceStatusCount{position:relative;padding:6px;width:100%;height:100%;overflow:auto}.design-deviceStatusCount .count-card{display:flex;align-items:center;width:100%;height:100%}.design-deviceStatusCount .count-card-title{font-size:16px;font-family:HanSans;margin:0;color:#adc3e6}.design-deviceStatusCount .count-card-value-container{display:flex;align-items:baseline;flex-wrap:nowrap}.design-deviceStatusCount .count-card-value-container .count-card-value{font-size:24px;font-family:D-DIN;color:#ff9c66}.design-deviceStatusCount .count-card-value-container .count-card-unit{font-size:14px;font-family:Adobe Heiti Std;font-weight:400;font-style:italic;color:#7bbbe7;margin-left:4px}.design-DigitalFlop{position:relative;width:100%;height:100%;overflow:hidden}.design-groupLineChart{overflow:auto}.design-groupLineChart,.design-hypervisorStatistic{position:relative;padding:12px;width:100%;height:100%}.design-hypervisorStatistic{overflow:hidden}.design-hypervisorStatistic>.header{margin:6px 0 6px 0;font-family:HanSans;color:#fff;background:linear-gradient(0deg,rgba(98,182,241,.86) .36621094%,hsla(0,0%,100%,.86));-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:500;font-style:italic;font-size:16px}.design-hypervisorStatistic .base-info{height:calc(100% - 24px);overflow:auto;display:grid}.design-hypervisorStatistic .base-info p{margin:0}.design-hypervisorStatistic .base-info .base-container{min-height:56px;position:relative;margin-bottom:16px;display:flex;text-align:center;align-items:center;justify-content:space-evenly;border-radius:11px;overflow:hidden}.design-hypervisorStatistic .base-info .cpu-container{color:#096dd9;background:rgba(9,109,217,.08)}.design-hypervisorStatistic .base-info .memory-container{color:#47d7b6;background:rgba(71,215,182,.08)}.design-hypervisorStatistic .base-info .storage-container{color:#3dc4df;background:rgba(61,196,223,.0784313725490196)}.design-hypervisorStatistic .base-info .base-container .overview-base-card-container{width:128px}.design-hypervisorStatistic .base-info .title{font-size:12px;color:hsla(0,0%,100%,.65)}.design-hypervisorStatistic .base-info .value{font-size:18px}.design-hypervisorStatistic .base-info .card-title{font-size:14px}.design-hypervisorStatisticCount{position:relative;padding:12px;width:100%;height:100%;overflow:hidden}.design-hypervisorStatisticCount>.header{font-family:HanSans;color:#fff;background:linear-gradient(0deg,rgba(98,182,241,.86) .36621094%,hsla(0,0%,100%,.86));-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:500;font-style:italic;font-size:16px;margin-bottom:6px}.design-hypervisorStatisticCount .container{display:grid}.design-hypervisorStatisticCount .container p{margin:0;text-align:center}.design-hypervisorStatisticCount .container .overview-count-card{margin:4px 0 10px 0;background:rgba(33,150,243,.0392156862745098);border-radius:10px;overflow:hidden}.design-hypervisorStatisticCount .container .overview-count-card .decoration{height:4px;opacity:.6}.design-hypervisorStatisticCount .container .overview-count-card .main-container{display:flex;height:100%;align-items:center;justify-content:space-evenly}.design-hypervisorStatisticCount .container .overview-count-card .main-container .card-title{font-size:12px;color:hsla(0,0%,100%,.65);line-height:25px}.design-hypervisorStatisticCount .container .overview-count-card .main-container .card-value{font-size:28px;line-height:30px}.design-imgComponent{position:relative;overflow:auto;text-align:center}.design-imgComponent,.design-imgComponent img{width:100%;height:100%}#little-title-container{display:flex;align-items:center;justify-content:space-between;padding:0 12px}#little-title-container .little-title{margin:0 10px 2px 8px;text-align:center;font-size:16px;font-family:HanSans;font-weight:500;font-style:italic;color:#fff;background:linear-gradient(0deg,rgba(98,182,241,.86) .36621094%,hsla(0,0%,100%,.86));-webkit-background-clip:text;-webkit-text-fill-color:transparent}#little-title-container .little-title-border{height:1px;background:linear-gradient(270deg,transparent,#5e8ebb);flex:1}#little-title-container .little-title-border:first-of-type{background:linear-gradient(90deg,transparent,#5e8ebb);flex:1}.design-networkFlow{position:relative;padding:12px;width:100%;height:100%;overflow:auto}.design-networkFlow>.header{margin-bottom:12px;font-family:HanSans;color:rgba(98,182,241,.86);font-weight:500;font-style:italic;font-size:16px}.design-networkFlow .flow-module{position:relative}.design-networkFlow .flow-module .count-card{width:136px;height:120px;position:relative;text-align:center}.design-networkFlow .flow-module .count-card .flow-title{padding-top:2px;font-size:16px;font-family:HanSans;color:#44c1ef;line-height:32px}.design-networkFlow .flow-module .count-card .flow-value{font-size:30px;font-family:D-DIN;font-weight:700;color:#edfbff}.design-networkTopology{position:relative;width:100%;height:100%;overflow:auto;padding:12px;background-color:rgba(0,0,0,.12);box-shadow:0 0 5px rgba(28,115,255,.23529411764705882),inset 0 0 30px rgba(63,97,232,.1568627450980392);border-radius:4px}.design-networkTopology .menu-container{display:flex}.design-networkTopology .menu-container .topology-tabs{flex:1}.design-networkTopology .menu-container .topology-tabs .ant-tabs-nav-container{margin:0!important;height:42px}.design-networkTopology .menu-container .topology-tabs .ant-tabs-nav-container .ant-tabs-nav-wrap .ant-tabs-tab{width:140px;height:42px;background-image:url(../img/default.24c4d62b.png);font-size:18px;color:#eff2ff;font-family:YouSheBiaoTiHei;line-height:20px;text-align:center}.design-networkTopology .menu-container .topology-tabs .ant-tabs-nav-container .ant-tabs-nav-wrap .ant-tabs-tab-active{background-image:url(../img/selected.8a2cecbb.png)}.design-networkTopology .menu-container .topology-tabs .ant-tabs-nav-container .ant-tabs-nav-wrap .ant-tabs-ink-bar{width:0!important}.design-networkTopology .menu-container .topology-tabs .ant-tabs-nav-container .ant-tabs-tab-arrow-show{color:#31b7ff}.design-networkTopology .menu-container .video-btn-container{height:42px;width:32px;font-size:24px;line-height:42px}.design-networkTopology .menu-container .video-btn-container a{color:rgba(76,157,244,.7725490196078432)}.design-networkTopology .ant-tabs-bar{border:none}.design-networkTopology .topology-container{width:100%;height:100%;display:flex}.design-networkTopology .topology-container .network-detail-topology{width:100%;height:100%;flex:1}.design-networkTopology .topology-container .network-detail-topology .network-topology-node-title{color:#c4d7ee!important}.design-networkTopology .topology-container .network-detail-topology img{cursor:pointer}.design-networkTopology .topology-container .network-detail-topology .x6-port,.design-networkTopology .topology-container .network-detail-topology .x6-port-body{cursor:default!important}@keyframes topology-edge{to{stroke-dashoffset:-1000}}.design-networkTopology .topology-operation{position:absolute;bottom:20px;right:20px}.design-networkTopology .node-tooltip-container{position:absolute;width:360px;height:320px;padding:12px 16px;bottom:28px;left:10px;z-index:999}.design-networkTopology .node-tooltip-container:after{content:"";background-image:url(../img/tooltip-bg.a25e2adc.png);background-repeat:no-repeat;background-size:cover;width:360px;height:320px;position:absolute;top:0;left:0;opacity:.85;z-index:-1}.design-networkTopology .node-tooltip-container .node-tooltip-content .body{height:260px}.design-notRecoveredAlertList{position:relative;padding:6px;width:100%;height:100%;overflow:auto}.design-notRecoveredAlertList>.header{margin-bottom:12px;font-family:HanSans;color:#fff;background:linear-gradient(0deg,rgba(98,182,241,.86) .36621094%,hsla(0,0%,100%,.86));-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:500;font-style:italic;font-size:16px}.design-notRecoveredAlertList .dv-scroll-board .header{width:100%;font-size:14px!important;font-family:HanSans;color:#dbe4fe;line-height:25px;margin-bottom:5px}.design-notRecoveredAlertList .dv-scroll-board .header .header-item{width:calc(100% - 244px)!important}.design-notRecoveredAlertList .dv-scroll-board .header .header-item:first-of-type{width:64px!important}.design-notRecoveredAlertList .dv-scroll-board .header .header-item:nth-of-type(2){width:120px!important}.design-notRecoveredAlertList .dv-scroll-board .header .header-item:last-of-type{width:180px!important}.design-notRecoveredAlertList .dv-scroll-board .rows .row-item{width:100%;background:linear-gradient(90deg,rgba(2,35,101,.21176470588235294),rgba(5,60,163,.06274509803921569))!important;font-size:12px;font-family:HanSans;color:#dbe4fe;opacity:.8;min-height:44px!important}.design-notRecoveredAlertList .dv-scroll-board .rows .row-item .ceil{display:flex;align-items:center;align-content:center;width:calc(100% - 244px)!important}.design-notRecoveredAlertList .dv-scroll-board .rows .row-item .ceil:first-of-type{width:64px!important}.design-notRecoveredAlertList .dv-scroll-board .rows .row-item .ceil:nth-of-type(2){width:120px!important}.design-notRecoveredAlertList .dv-scroll-board .rows .row-item .ceil:last-of-type{width:180px!important}.design-powerChart{position:relative;padding:12px;width:100%;height:100%;overflow:auto}.design-powerChart>.header{margin-bottom:12px;font-family:HanSans;color:#fff;background:linear-gradient(0deg,rgba(98,182,241,.86) .36621094%,hsla(0,0%,100%,.86));-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:500;font-style:italic;font-size:16px}.design-smallTitle{position:relative;overflow:auto}.design-smallTitle,.design-smallTitle img,.design-terminalGroup{width:100%;height:100%}.design-terminalGroup{position:relative;padding:6px;overflow:hidden}.design-terminalGroup .carousel-container{overflow:hidden;min-height:270px}.design-terminalGroup .carousel-container .terminal-group-card{height:100%;position:relative;padding:12px;margin-bottom:16px;background-color:rgba(0,0,0,.12);box-shadow:0 0 5px rgba(28,115,255,.47843137254901963),inset 0 0 30px rgba(63,96,232,.2196078431372549);overflow:scroll;margin:8px}.design-terminalGroup .carousel-container .terminal-group-card .group-name{position:relative;font-size:16px;color:#bfcfea;font-weight:400;font-family:HanSans;padding:4px 0 0 8px}.design-terminalGroup .carousel-container .terminal-group-card .group-body{margin:12px 6px 6px 6px;color:#fff;display:grid;grid-template-columns:repeat(2,1fr);-moz-column-gap:16px;column-gap:16px;row-gap:16px}.design-terminalGroup .carousel-container .terminal-group-card .group-body>.container{background-repeat:no-repeat;background-size:100% 100%;padding:6px 8px 0 8px;text-align:center;font-family:HanSans;display:flex;flex-direction:column;justify-content:center;background-color:rgba(0,0,0,.12);box-shadow:0 0 5px rgba(28,115,255,.47843137254901963),inset 0 0 30px rgba(63,96,232,.2196078431372549)}.design-terminalGroup .carousel-container .terminal-group-card .group-body>.container .title{font-size:13px;color:#b4bdd8;font-family:HanSans}.design-terminalGroup .carousel-container .terminal-group-card .group-body>.container .value{font-size:28px;font-family:HanSans}.design-terminalGroup .carousel-container .terminal-group-card .group-body .abnormal{color:#ff4d4f;box-shadow:0 0 5px rgba(255,77,80,.25882352941176473),inset 0 0 30px rgba(255,77,80,.12156862745098039)}.design-terminalGroup .carousel-container .terminal-group-card .group-body .alert{color:#faad14;box-shadow:0 0 5px rgba(250,173,20,.25882352941176473),inset 0 0 30px rgba(250,173,20,.12156862745098039)}.design-terminalGroup .carousel-container .terminal-group-card .group-body .normal{color:#52c41a;box-shadow:0 0 5px rgba(82,196,26,.25882352941176473),inset 0 0 30px rgba(82,196,26,.12156862745098039)}.design-terminalGroup .carousel-container .terminal-group-card .group-body .unknown{color:#c5c5c5;box-shadow:0 0 5px hsla(0,0%,77.3%,.25882352941176473),inset 0 0 30px hsla(0,0%,77.3%,.12156862745098039)}.design-terminalGroup .carousel-container .ant-carousel .slick-dots-bottom{z-index:999;bottom:4px}.design-terminalGroup .carousel-container .ant-carousel .slick-dots-bottom button{background:#0b8bba;height:4px;width:24px}.design-textComponent1,.design-timeComponent[data-v-636c02c8],.design-titleText1[data-v-68f64eec]{position:relative;width:100%;height:100%;overflow:auto}.design-titleText1[data-v-68f64eec]{display:flex;align-items:center;justify-content:space-between;padding:0 12px}.design-titleText1 .little-title[data-v-68f64eec]{padding:0 4px;margin:0 10px 2px 8px;text-align:center;font-size:16px;font-family:HanSans;font-weight:500;font-style:italic;color:#fff;background:linear-gradient(0deg,rgba(98,182,241,.86) .36621094%,hsla(0,0%,100%,.86));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.design-titleText1 .little-title-border[data-v-68f64eec]{height:1px;background:linear-gradient(270deg,transparent,#5e8ebb);flex:1}.design-titleText1 .little-title-border[data-v-68f64eec]:first-of-type{background:linear-gradient(90deg,transparent,#5e8ebb);flex:1}.design-titleText2[data-v-27494949]{position:relative;width:100%;height:100%;overflow:auto;padding:0 12px}.design-titleText2 .module-header-text[data-v-27494949]{font-size:26px;font-family:YouSheBiaoTiHei;color:#f6f9fe}.design-titleText3[data-v-24a2df10]{position:relative;width:100%;height:100%;overflow:hidden}.design-usageChartFirst{position:relative;padding:12px;width:100%;height:100%;overflow:auto}.design-usageChartFirst>.header{margin-bottom:12px;font-family:HanSans;color:#fff;background:linear-gradient(0deg,rgba(98,182,241,.86) .36621094%,hsla(0,0%,100%,.86));-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:500;font-style:italic;font-size:16px}.design-usageChartFirst .top-container .top-item{padding:0;margin-bottom:3px;overflow:hidden}.design-usageChartFirst .top-container .top-item .name-container{width:calc(100% - 64px);display:flex}.design-usageChartFirst .top-container .top-item .name-container .index{text-align:center;font-size:12px;font-family:D-DIN;margin-right:6px}.design-usageChartFirst .top-container .top-item .name-container .index-img{width:40px;min-width:40px;max-width:40px;height:24px;line-height:24px;background:url(data:image/png;base64,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);background-size:100% 100%;color:#d1e4ff}.design-usageChartFirst .top-container .top-item .name-container .index-bg{width:36px;height:20px;line-height:20px;margin:2px 6px 0 2px;background-size:100% 100%;background:rgba(118,154,220,.18);color:#b6d8ff}.design-usageChartFirst .top-container .top-item .name-container .name-text{font-size:14px;font-family:D-DIN;color:#aec3dc;line-height:22px}.design-usageChartFirst .top-container .top-item .value-container{font-size:14px;font-family:D-DIN;color:#83c9fe;margin-top:2px;width:64px;min-width:64px;max-width:64px;text-align:right}.design-usageChartFirst .top-container .top-item .value-container:after{content:"%";font-size:11px;position:relative;margin-left:2px}.design-usageChartFirst .top-container .top-item .ant-progress-inner{background:rgba(128,164,229,.18823529411764706)}.design-usageChartSecond{position:relative;padding:12px;width:100%;height:100%;overflow:hidden}.design-usageChartSecond>.header{margin-bottom:12px;font-family:HanSans;color:#fff;background:linear-gradient(0deg,rgba(98,182,241,.86) .36621094%,hsla(0,0%,100%,.86));-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:500;font-style:italic;font-size:16px}.design-usageChartSecond .chart-container{overflow:auto;display:flex;flex-wrap:wrap;justify-content:space-between;padding:6px 0;align-items:center}.design-usageChartSecond .chart-container .body-container{text-align:center;flex:1;margin:10px 4px}.design-usageChartSecond .chart-container .body-container .ant-progress-inner .ant-progress-circle-trail{stroke:rgba(25,58,101,.8705882352941177)!important}.design-usageChartSecond .chart-container .body-container .top-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:12px;color:#c4cdea;line-height:17px;margin:4px 0 0 -6px}.design-usageChartThird{position:relative;padding:6px;width:100%;height:100%;overflow:auto}.design-usageChartThird>.header{margin-bottom:12px;font-family:HanSans;color:#fff;background:linear-gradient(0deg,rgba(98,182,241,.86) .36621094%,hsla(0,0%,100%,.86));-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:500;font-style:italic;font-size:16px}.render-card{position:absolute;border-radius:4px;min-height:40px;min-width:40px;background:transparent}.design-component,.design-component .ant-tabs{height:100%}.design-component .ant-tabs .ant-tabs-content{max-height:calc(100% - 48px);overflow-y:auto;overflow-x:hidden}.design-component .component-id{color:hsla(0,0%,100%,.7);margin:0 8px 0 0;padding:0 0 0 14px}.design-component .component-type{color:hsla(0,0%,100%,.5);font-size:12px;padding:2px 8px 14px 14px}.design-component .ant-tabs-card .ant-tabs-bar{background:#323746;border:none}.design-component .ant-tabs-card .ant-tabs-bar .ant-tabs-tab{width:168px;background:#323746;color:hsla(0,0%,100%,.7);border:none;text-align:center;border-radius:0;border-top:2px solid transparent}.design-component .ant-tabs-card .ant-tabs-bar .ant-tabs-tab-active{background:#232630;border-color:#096dd9}.design-component .visualization-content-tabs .ant-tabs-bar .ant-tabs-nav{width:100%}.design-component .visualization-content-tabs .ant-tabs-bar .ant-tabs-nav>div{display:grid;grid-template-columns:repeat(4,1fr)}.design-component .visualization-content-tabs .ant-tabs-bar .ant-tabs-nav>div .ant-tabs-tab{width:auto;margin:0;font-size:12px}.design-component .visualization-content-tabs .ant-tabs-bar .ant-tabs-nav .ant-tabs-ink-bar{height:0}.preview-container{overflow:hidden;height:100%;width:100%}.preview-container .fullScreen-container{position:absolute;top:30px;right:30px;cursor:pointer;z-index:999}.preview-container #previewCanvas{transform-origin:left top;background-repeat:no-repeat;background-size:101% 101%;background-position:50%;background-color:transparent;position:relative}.card-grid[data-v-1eac7608]{display:grid;grid-template-columns:repeat(auto-fill,minmax(480px,1fr));gap:16px}