:root {
	--aca-lueur-yellow: #FFB612;
	--aca-lueur-pink: #FF4F8B;
	--aca-lueur-turquoise: #46B8B0;
	--aca-lueur-cadence: 16s;
}

.lueur-academieco {
	display: block;
	height: 8px;
	margin: 0;
	padding: 0;
	background: linear-gradient(
		100deg,
		var(--aca-lueur-yellow) 0%,
		var(--aca-lueur-yellow) 13%,
		var(--aca-lueur-pink) 17%,
		var(--aca-lueur-pink) 30%,
		var(--aca-lueur-turquoise) 34%,
		var(--aca-lueur-turquoise) 46%,
		var(--aca-lueur-yellow) 50%,
		var(--aca-lueur-yellow) 63%,
		var(--aca-lueur-pink) 67%,
		var(--aca-lueur-pink) 80%,
		var(--aca-lueur-turquoise) 84%,
		var(--aca-lueur-turquoise) 96%,
		var(--aca-lueur-yellow) 100%
	);
	background-position: 0 50%;
	background-size: 200% 100%;
	contain: layout paint;
	overflow: hidden;
	pointer-events: none;
	animation: aca-lueur-cycle var(--aca-lueur-cadence) linear infinite;
}

@keyframes aca-lueur-cycle {
	to { background-position: 100% 50%; }
}

@media (prefers-reduced-motion: reduce) {
	.lueur-academieco {
		animation: none;
		background-position: 0 50%;
	}
}

@media print {
	.lueur-academieco {
		animation: none !important;
		background: linear-gradient(90deg, #FFB612 0 33.33%, #FF4F8B 33.33% 66.66%, #46B8B0 66.66% 100%) !important;
		background-position: 0 50% !important;
		background-size: 100% 100% !important;
	}
}