:host {
  display: block;
  padding-top: 12px;
}

.total-section {
  font-weight: 600;
  font-size: 20px;
  line-height: 48px;
  .thunderbolt-icon {
    font-size: 26px;
    margin-right: 10px;
    position: relative;
    top: 2px;
  }
}
.numeric {
  font-family: 'AlibabaPuHuiTi-Heavy';
  background: linear-gradient(180deg, #ffffff 40%, #96bdfe 99%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.square {
  width: 12px;
  height: 12px;
  border-radius: 2px;
  background: linear-gradient(180deg, var(--start-color) 0%, var(--end-color) 100%);
}
.legend-font {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.8);
  line-height: 20px;
  margin-left: 4px;
}
.legend-value {
  font-weight: 600;
  font-size: 18px;
  color: #ffffff;
  line-height: 25px;
  margin-left: 16px;
}
