.counter-container {
  position: relative;
  display: inline-block;
  vertical-align: baseline;
}

.counter-counter {
  display: flex;
  overflow: hidden;
  align-items: flex-end;
  line-height: 1;
}

.counter-digit {
  position: relative;
  display: inline-block;
  width: .62em;
  font-variant-numeric: tabular-nums;
}

.counter-decimal {
  width: .28em;
}

.counter-number {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  backface-visibility: hidden;
  -webkit-font-smoothing: antialiased;
}

.gradient-container {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.top-gradient,
.bottom-gradient {
  position: absolute;
  left: 0;
  width: 100%;
}

.top-gradient {
  top: 0;
}

.bottom-gradient {
  bottom: 0;
}

.concept-business-metric-counter {
  display: flex;
  align-items: baseline;
  line-height: 1;
  white-space: nowrap;
}

.concept-business-metric-counter .gradient-container {
  display: none;
}

.counter-affix,
.counter-range {
  display: inline-block;
  line-height: 1;
}

.counter-range {
  margin: 0 .06em;
  align-self: center;
  transform: translateY(-.05em);
}

@media (max-width: 620px) {
  .concept-business-metric-counter {
    max-width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .gradient-container {
    display: none;
  }
}