.ts-countdown {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 20px;
}
.ts-countdown .divider {
	display: inline-flex;
	font-size: 42px;
	line-height: 1;
	font-weight: 500;
	color: var(--tj-color-common-white);
	font-family: "Roboto";
}
.countdown-container {
	display: inline-flex;
	flex-direction: column;
	gap: 2px;
}
.countdown-value {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-family: var(--tj-ff-heading);
	font-weight: var(--tj-fw-sbold);
	font-size: 42px;
	line-height: 1;
	letter-spacing: -0.025em;
	color: var(--tj-color-common-white);
	width: 126px;
	height: 96px;
	padding: 10px;
	background-color: rgba(247, 247, 247, 0.1);
	backdrop-filter: blur(35px);
}
.countdown-heading {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	line-height: 1;
	color: var(--tj-color-common-white-2);
	height: 40px;
	padding: 5px 10px;
	background-color: rgba(247, 247, 247, 0.1);
	backdrop-filter: blur(35px);
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.ts-countdown .divider {
		font-size: 30px;
	}
	.countdown-value {
		font-size: 35px;
		width: 110px;
		height: 90px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.ts-countdown {
		gap: 15px;
	}
	.ts-countdown .divider {
		font-size: 26px;
	}
	.countdown-value {
		font-size: 30px;
		width: 100px;
		height: 80px;
	}
	.countdown-heading {
		font-size: 16px;
		height: 35px;
	}
}
@media (max-width: 575px) {
	.ts-countdown {
		gap: 10px;
	}
	.ts-countdown .divider {
		font-size: 20px;
	}
	.countdown-value {
		font-size: 24px;
		width: 60px;
		height: 60px;
	}
	.countdown-heading {
		font-size: 14px;
		height: 30px;
	}
}