[data-countdown-date] {
	--ecv-countdown-color: #ffffff;
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 0.075em;
	font-size: clamp(6rem, 20vw, 30em);
	color: #E63228;
}

[data-countdown-update] {
	padding: 0.25em 0.75em;
	line-height: 1;
	margin: 0;
	background-color: #ffffff;
	border-radius: 0;
	opacity: 0;
	transform: translateY(0.15em);
	animation: ecv-cd-stagger-in 0.6s ease-out forwards;
}

[data-countdown-update]:nth-child(1) { animation-delay: 0s; }
[data-countdown-update]:nth-child(2) { animation-delay: 0.15s; }
[data-countdown-update]:nth-child(3) { animation-delay: 0.3s; }

@keyframes ecv-cd-stagger-in {
	to {
		opacity: 1;
		transform: translateY(0);
	}
}