.number-section {
  display: flex;
  flex-direction: row;
}
.number-section-item-before-zero i {
  opacity: 0.3;
}
.number-section-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: calc(var(--width) * 1px);
  height: calc(var(--height) * 1px);
  overflow: hidden;
  border: 1px solid #eee;
}
.number-section-item-i-dot {
  transform: translateY(calc((var(--fontSize) / -15) * 1px));
}
.number-section-item-i {
  width: calc(var(--width) * 1px);
  font-style: normal;
  text-align: center;
  display: flex;
  flex-direction: column;
  transition: transform var(--duration) ease-in-out;
  font-size: calc(var(--fontSize) * 1px);
  font-weight: bold;
  color: var(--fontColor);
}