.tobata-timer {
	--tobata-timer-number-size: 72px;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	width: 100%;
	margin-block: clamp(20px, 5vw, 56px);
	color: inherit;
	font-family: "Helvetica Neue", Arial, "Hiragino Sans", "Yu Gothic", sans-serif;
	font-weight: 200;
	line-height: 1;
}

.tobata-timer--align-left {
	justify-content: flex-start;
}

.tobata-timer--align-center {
	justify-content: center;
}

.tobata-timer--align-right {
	justify-content: flex-end;
}

.tobata-timer__value {
	display: inline-flex;
	align-items: baseline;
	max-width: 100%;
	gap: 0.28em;
	font-size: clamp(20px, 10vw, var(--tobata-timer-number-size));
	font-weight: 200;
	font-variant-numeric: tabular-nums;
	line-height: 1;
	letter-spacing: 0;
	white-space: nowrap;
}

.tobata-timer__days,
.tobata-timer__clock {
	font: inherit;
}

.tobata-timer__label {
	font-size: 0.34em;
	font-weight: 300;
	line-height: 1;
	text-transform: lowercase;
}

@media (max-width: 600px) {
	.tobata-timer {
		margin-block: 18px 36px;
	}

	.tobata-timer__value {
		gap: 0.22em;
		font-size: clamp(20px, 9.5vw, var(--tobata-timer-number-size));
	}
}