.dsgn-rolling-counter {
	display: flex;
	align-items: baseline;
	justify-content: flex-start;
	max-width: 100%;
}

.dsgn-rolling-counter__number {
	display: inline-flex;
	align-items: baseline;
	column-gap: 0;
	font-variant-numeric: tabular-nums;
	font-feature-settings: "tnum" 1;
	line-height: 1;
}

.dsgn-rolling-counter__digit {
	display: inline-block;
	min-width: 0.62em;
	height: 1em;
	line-height: 1;
	text-align: center;
	vertical-align: baseline;
}

.dsgn-rolling-counter__viewport {
	display: block;
	width: 100%;
	height: 1em;
	overflow: hidden;
	line-height: 1;
}

.dsgn-rolling-counter__track {
	display: flex;
	flex-direction: column;
	width: 100%;
	line-height: 1;
	transform: translate3d(0, 0, 0);
	will-change: transform;
}

.dsgn-rolling-counter__item {
	display: flex;
	flex: 0 0 1em;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 1em;
	line-height: 1;
	white-space: nowrap;
	-webkit-text-stroke-width: var(--dsgn-counter-outline-width, 0px);
	-webkit-text-stroke-color: var(--dsgn-counter-outline-color, currentColor);
	text-stroke-width: var(--dsgn-counter-outline-width, 0px);
	text-stroke-color: var(--dsgn-counter-outline-color, currentColor);
}

.dsgn-rolling-counter__affix {
	display: inline-block;
	line-height: 1.1;
}

@media (prefers-reduced-motion: reduce) {
	.dsgn-rolling-counter__track {
		transition: none !important;
	}
}