.countdown-card {
	/* Settings: edit these to restyle the timer */
	--countdown-size: 2rem; /* font size */
	--countdown-color: #fff;
	--countdown-unit-gap: 10px; /* space around each unit, numbers format */
	--countdown-unit-gap-letters: 7px; /* space around each unit, letters format */
	--countdown-label-size: 0.8em; /* d/h/m/s size, relative to the numbers */
	--countdown-label-gap: 2px; /* space between number and its letter */
	--countdown-fade: 0.4s; /* fade-in duration */
	/* Mobile settings (screens 480px wide or less) */
	--countdown-size-mobile: 1.3rem;
	--countdown-unit-gap-mobile: 5px;
	--countdown-unit-gap-letters-mobile: 7px;
	--countdown-label-size-mobile: 0.8em;
	--countdown-label-gap-mobile: 2px;
	height: var(--countdown-size);
	line-height: var(--countdown-size);
	overflow: visible;
}
.countdown-card .timer {
	text-transform: uppercase;
	display: inline-grid;
	grid-auto-flow: column;
	grid-auto-columns: max-content;
	justify-content: start;
	align-items: center;
	gap: 0;
	color: var(--countdown-color);
	font-family: RazerF5, Arial, Helvetica, sans-serif;
	font-size: var(--countdown-size);
	line-height: var(--countdown-size);
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
	animation: countdown-fade-in var(--countdown-fade) ease-out;
}
@keyframes countdown-fade-in {
	from { opacity: 0; }
	to { opacity: 1; }
}
.countdown-card .unit {
	margin: 0 var(--countdown-unit-gap);
}
.countdown-card:not([data-format="numbers"]) .unit {
	margin: 0 var(--countdown-unit-gap-letters);
}
.countdown-card .label {
	font-size: var(--countdown-label-size);
	margin-left: var(--countdown-label-gap);
}
@media (max-width: 480px) {
	.countdown-card {
		--countdown-size: var(--countdown-size-mobile);
		--countdown-unit-gap: var(--countdown-unit-gap-mobile);
		--countdown-unit-gap-letters: var(--countdown-unit-gap-letters-mobile);
		--countdown-label-size: var(--countdown-label-size-mobile);
		--countdown-label-gap: var(--countdown-label-gap-mobile);
	}
}
 @media screen and (max-width:767px){} @media screen and (-webkit-max-device-pixel-ratio: 1) and (min-width: 1200px), screen and (min-width: 768px) and (max-width: 1200px){} @media screen and (-webkit-min-device-pixel-ratio: 1) and (min-width: 1200px){} @media screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 1200px){}