/* Tailwind imports were removed to avoid resolving a non-existent stylesheet route. */

/* Global Image Loading Blur Effect */
.image-loading {
	filter: blur(10px);
	transition: filter 0.5s ease;
	background-color: #e0e0e0;
	background-image: linear-gradient(90deg, #e0e0e0 0%, #f5f5f5 50%, #e0e0e0 100%);
	background-size: 200% 100%;
	animation: shimmer 1.5s infinite;
}

img:not(.image-loading) {
	filter: blur(0);
	transition: filter 0.5s ease;
}

@keyframes shimmer {
	0% {
		background-position: -200% 0;
	}
	100% {
		background-position: 200% 0;
	}
}