@font-face {
	font-family: 'digital-7';
	src: url('../fonts/digital-7-mono.ttf') format('truetype');
}

.eac-count-down {
	position: relative;
	display: block;
	visibility: hidden;
}

.count-down_container {
	inline-size: 50%;
	margin-block: auto;
	margin-inline: auto;
	padding: 10px;
}

.count-down_container-title {
	margin-block-end: 5px;
	text-align: center;
	font-size: 15px;
	font-weight: 400;
}

.count-down_container-items {
	position: relative;
	display: grid;
	/**grid-template-columns: repeat(auto-fit, minmax(20px, 1fr));*/
	/* créer une colonne par enfant */
	grid-auto-flow: column;
	/* colonnes égales */
	grid-auto-columns: 1fr;
}

@media (max-width: 767px) {
	.count-down_container-items {
		grid-auto-flow: row;
		column-gap: 0 !important;
		row-gap: 10px;
	}
}

.count-down_container-item {
	position: relative;
	display: flex;
	align-items: center;
	flex-direction: column;
	padding-block: 5px;
	padding-inline: 5px;
	overflow: hidden;
}

.cd-display-inline .count-down_container-item {
	flex-direction: row;
	justify-content: center;
}

.count-down_expire-message,
.count-down_expire-redirect {
	display: none;
	font-size: 15px;
}

.show-action-yes .count-down_expire-message,
.show-action-yes .count-down_expire-redirect {
	display: block;
}

.count-down_expire-message {
	text-align: center;
	line-height: 1.2;
	margin-block-start: 5px;
}

div[class^='count-down_digit-'] {
	position: relative;
	font-family: 'digital-7';
	font-size: 4em;
	font-weight: 500;
	letter-spacing: 3px;
	line-height: 1;
	overflow: hidden;
}

/** Affichage digit/label en ligne */
.cd-display-inline div[class*='count-down_label-'] {
	margin-inline-start: 5px;
	margin-block-start: 0 !important
}

/** L'habillage */
.count-down_skin-skin-1 .count-down_container-item {
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
	border-radius: 8px;
}

.count-down_skin-skin-1 div[class^="count-down_digit-"] {
	text-shadow: 5px 5px 2px #B2B2B2;
}

.count-down_skin-skin-2 .count-down_container {
	background-color: #F9F9F9;
	border-radius: 8px;
}

.count-down_skin-skin-2 .count-down_container-item {
	background-color: black;
	border-radius: 8px;
}

.count-down_skin-skin-2 div[class^="count-down_digit-"] {
	color: #FFF44F;
}

.count-down_skin-skin-2 div[class*="count-down_label-"] {
	color: #FFC72F;
}

.count-down_skin-skin-3 .count-down_container-item {
	aspect-ratio: 1 / 1;
	justify-content: space-evenly;
	border-radius: 50%;
	background-color: #ececec;
	border-block: 7px solid #FFC72F;
	border-inline: 7px solid #FFC72F;
}

.count-down_skin-skin-4 .count-down_digit-seconds.anim-digits,
.count-down_skin-skin-4 .count-down_digit-minutes.anim-digits {
	animation: translate-y 1s linear forwards;
	transform-origin: 50% 50%;
}

/*.count-down_skin-skin-4 .count-down_digit-minutes.anim-minutes {
	animation: translate-y-once 1s linear forwards;
	transform-origin: 50% 50%;
}*/

@keyframes translate-y {
	0% {
		opacity: 0;
		transform: translateY(+100%);
	}

	30%,
	50%,
	70% {
		opacity: 1;
		transform: translateY(0);
	}

	100% {
		opacity: 0;
		transform: translateY(-100%);
	}
}

@keyframes translate-y-once {
	0% {
		opacity: 0;
		transform: translateY(-100%);
	}

	10% {
		opacity: 0;
		transform: translateY(+100%);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}