.monitor-wrapper[data-v-4cde4e7b]{width:100%;height:100%}.ht100-monitor_alarm{height:100%;--top-height:30%;--bottom-height:70%}.ht100-monitor_alarm .top{--mb:20px;--color:#009898;color:var(--color);border:1px solid var(--color);height:calc(var(--top-height) - var(--mb));margin-bottom:var(--mb);display:flex;justify-content:center;align-items:center;flex-direction:column;gap:20px}.ht100-monitor_alarm .top .alarm-icon{font-size:36px;color:#000;background:var(--alarm-color);border-radius:50%;box-sizing:border-box;width:80px;height:80px;display:flex;justify-content:center;align-items:center}.ht100-monitor_alarm .top .alarm-text{font-size:26px}.ht100-monitor_alarm .top .dimensions{width:70%;display:flex;justify-content:space-between;flex-wrap:wrap;gap:30px 10px}.ht100-monitor_alarm .top .dimensions .item{font-size:18px;width:calc(25% - 8px)}.ht100-monitor_alarm .top .dimensions .item .label{margin-right:5px}.ht100-monitor_alarm .bottom{height:var(--bottom-height)}.ht200-monitor_normal{height:100%;--top-height:30%;--bottom-height:70%}.ht200-monitor_normal .top{--mb:20px;--color:#009898;color:var(--color);border:1px solid var(--color);border-radius:6px;width:100%;height:calc(var(--top-height) - var(--mb));font-size:24px;margin-bottom:var(--mb);display:flex;justify-content:space-around;align-items:center}.ht200-monitor_normal .top .item{font-size:26px;width:24%;text-align:center}.ht200-monitor_normal .top .item .label{margin-right:5px}.ht200-monitor_normal .el-tabs{height:var(--bottom-height)}.ht200-monitor_normal .el-tabs__header{border-bottom:unset!important;margin-bottom:unset}.ht200-monitor_normal .el-tabs__content{height:calc(100% - 56px);border:1px solid #1b3450}.ht200-monitor_normal .el-tabs .el-tab-pane{height:100%}.ht200-monitor_normal .el-tabs .el-tab-pane .ht200-monitoring-data{height:100%;display:flex;flex-wrap:wrap;color:#009898}.ht200-monitor_normal .el-tabs .el-tab-pane .ht200-monitoring-data_item{width:25%;display:flex;align-items:center;gap:5px;justify-content:center}.ht200-monitor_normal .el-tabs .el-tab-pane .ht200-monitoring-data_item-label{width:170px;text-align:right}.ht200-monitor_normal .el-tabs .el-tab-pane .ht200-monitoring-data_item-label:after{content:":"}.ht200-monitor_normal .el-tabs .el-tab-pane .ht200-monitoring-data_item-value{width:10%}.ht200-monitor_normal .el-tabs .el-tab-pane .ht200-spectrogram-data{height:100%}