/**
 * Shared product and service image loading state for Build.Voto projects.
 */

.image-loading-skeleton {
	background-color: #e8edf3;
	background-image: linear-gradient(
		100deg,
		rgba(255, 255, 255, 0) 20%,
		rgba(255, 255, 255, 0.72) 50%,
		rgba(255, 255, 255, 0) 80%
	);
	background-position: 180% 0;
	background-repeat: no-repeat;
	background-size: 55% 100%;
	animation: image-skeleton-shimmer 1.15s ease-in-out infinite;
}

@keyframes image-skeleton-shimmer {
	to {
		background-position: -180% 0;
	}
}

@media (prefers-reduced-motion: reduce) {
	.image-loading-skeleton {
		animation: none;
		background-image: none;
	}
}

/* EOF */