.iot-chart-card{position:relative;width:100%;height:100%;background-color:var(--card-bg-color)}.iot-chart-card-content{position:absolute;display:flex;flex-direction:column}.iot-chart-card-content-inner-wrapper{flex:1 1 auto}
.iot-chart-empty{top:0;bottom:0;left:0;right:0;position:absolute;color:var(--chart-text-color)}.iot-chart-empty-mask{width:100%;height:100%;background-color:var(--mask-bg-color);opacity:.6}.iot-chart-empty-content{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);border:1px solid var(--status-box-border-color);padding:10px 30px;font-size:14px;background-color:var(--status-box-bg-color);white-space:nowrap}.iot-chart-empty-custom-content{width:100%;height:100%;position:absolute;top:0;left:0}
.iot-chart-loading{top:0;bottom:0;left:0;right:0;position:absolute}.iot-chart-loading-flower{position:absolute;top:50%;left:50%;transform:translate(50%, 50%);font-size:12px;white-space:nowrap}.iot-chart-loading-flower .next-loading-tip{color:var(--loading-tip-color)}.iot-chart-loading-mask{background-color:var(--loading-mask-bg-color)}
.iot-chart-error{top:0;bottom:0;left:0;right:0;position:absolute;color:var(--chart-text-color)}.iot-chart-error-mask{width:100%;height:100%;background-color:var(----mask-bg-color);opacity:.6}.iot-chart-error-message{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);padding:10px 30px;border:1px solid var(--status-box-border-color);font-size:14px;background-color:var(--status-box-bg-color);white-space:nowrap}.iot-chart-error-message-icon{color:red;margin-right:8px}.iot-chart-error-custom-content{width:100%;height:100%;position:absolute;top:0;left:0}.balloon .balloon-content{width:266px;word-wrap:break-word;word-break:break-all}
.iot-chart-header{text-overflow:ellipsis;white-space:nowrap;flex:0 0 auto}.iot-chart-header-title{font-size:16px;color:var(--chart-title-color)}.iot-chart-header-desc{font-size:12px;color:var(--chart-decription-color)}
.iot-chart-card{--card-bg-color: var(--color-fill1-1, #ffffff);--chart-title-color: var(--color-text1-4, #000000);--chart-decription-color: var(--color-text1-3, gray);--chart-text-color: var(--color-text1-2, #737373);--mask-bg-color: var(--color-fill1-4, #ffffff);--status-box-border-color: var(--color-line1-2, rgba(0, 0, 0, 0.15));--status-box-bg-color: var(--color-fill1-6, #ffffff);--loading-mask-bg-color: var(--color-fill1-4,rgba(255, 255, 255, 0.6));--loading-tip-color:var(--color-text1-4, #888888)}
.iot-chart-card.dark{--card-bg-color: var(--color-fill1-1, #2c2a2a);--chart-title-color: var(--color-text1-4, #1fc974);--chart-decription-color: var(--color-text1-3, gray);--chart-text-color: var(--color-text1-2, #737373);--mask-bg-color: var(--color-fill1-4, #ffffff);--status-box-border-color: var(--color-line1-2, rgba(0, 0, 0, 0.15));--status-box-bg-color: var(--color-fill1-6, #ffffff);--loading-mask-bg-color: var(--color-fill1-4,rgba(255, 255, 255, 0.6));--loading-tip-color:var(--color-text1-4, #888888)}
.iot-chart-barChart{width:100%;height:100%;position:relative;padding:14px 0px}.iot-chart-barChart-item{display:flex;width:100%;align-items:center;height:34px}.iot-chart-barChart-item-bar{width:100%}.iot-chart-barChart-item-bar-des{display:flex;justify-content:space-between;font-size:12px;line-height:20px;font-family:PingFangSC-Regular}.iot-chart-barChart-item-bar-des-left{color:#888}.iot-chart-barChart-item-bar-des-right{color:#333}.iot-chart-barChart-item-bar-barChild{display:flex;align-items:center;position:relative}.iot-chart-barChart-item-bar-barChild-order{display:flex;margin-right:16px;justify-content:center;align-items:center;width:16px;height:16px;background:#0070cc;font-family:PingFangSC-Semibold;font-size:12px;line-height:16px;color:#fff;border-radius:50%}.iot-chart-barChart-item-bar-barChild-greyOrder{background:#c1c1c1}.iot-chart-barChart-item-bar-barChild-label{color:#888;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin-right:12px}.iot-chart-barChart-item-bar-barChild-value{color:#888;margin-left:11px;width:41px;text-align:right;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.iot-chart-barChart-hide{display:none !important}.iot-chart-barChart-tip{white-space:nowrap}.iot-chart-barChart-tipTime{font-family:PingFangTC-Semibold;font-size:12px;color:#333;line-height:20px}.iot-chart-barChart-listItem{display:flex;align-items:center}