.ty-scroll-number {
  display: inline-block;
  position: relative;
}
.ty-scroll-number__title {
  margin-bottom: 4px;
  color: var(--ty-color-text-secondary);
  font-size: var(--ty-font-size-sm);
}
.ty-scroll-number__content {
  display: flex;
  align-items: baseline;
  color: var(--ty-color-text);
  font-size: 24px;
  font-weight: 600;
  font-family: var(--ty-font-family);
  font-variant-numeric: tabular-nums;
}
.ty-scroll-number__prefix {
  margin-right: 4px;
  display: inline-flex;
  align-items: center;
}
.ty-scroll-number__suffix {
  margin-left: 4px;
  font-size: var(--ty-font-size-base);
  display: inline-flex;
  align-items: center;
}
.ty-scroll-number__value {
  display: inline-flex;
  overflow: hidden;
}
.ty-scroll-number__digit {
  display: inline-block;
  overflow: hidden;
}
.ty-scroll-number__digit-column {
  display: flex;
  flex-direction: column;
}
.ty-scroll-number__digit-cell {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.ty-scroll-number__separator {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.ty-scroll-number__measure {
  position: absolute;
  visibility: hidden;
  pointer-events: none;
  font-size: inherit;
  font-weight: inherit;
  font-family: inherit;
  line-height: inherit;
}
.ty-scroll-number__sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

@media (prefers-reduced-motion: reduce) {
  .ty-scroll-number .ty-scroll-number__digit-column {
    transition-duration: 0s !important;
  }
}