/* Numeric entrance only. Brand colors/type scale stay in theme.css/company-sections.css. */
.ms-company-metric dd > [data-site-text] {
  font-variant-numeric: tabular-nums;
  letter-spacing: 0;
  white-space: nowrap;
}
.ms-metric-rolling {
  position: relative;
  display: inline-block;
  line-height: 1.2;
  isolation: isolate;
}
.ms-metric-rolling .ms-metric-final {
  /* Keeps the exact final width, baseline, accessible text and layout during the animation. */
  opacity: 0;
}
.ms-metric-reels {
  position: absolute;
  inset: 0;
  display: flex;
  line-height: 1.2;
  pointer-events: none;
}
.ms-metric-digit {
  display: block;
  width: 1ch;
  height: 1.2em;
  overflow: hidden;
  flex: 0 0 1ch;
}
.ms-metric-strip {
  display: block;
  width: 1ch;
  will-change: transform;
}
.ms-metric-strip > i {
  display: block;
  width: 1ch;
  height: 1.2em;
  line-height: 1.2;
  font-style: normal;
}
.ms-metric-strip > i::before,
.ms-metric-comma::before { content: attr(data-digit); }
.ms-metric-comma { display: block; line-height: 1.2; }
@media (prefers-reduced-motion: reduce) {
  .ms-metric-rolling .ms-metric-final { opacity: 1; }
  .ms-metric-reels { display: none; }
}