/* افکت اسکلتون (Shimmer) فقط برای تصاویری که هنوز لود نشده‌اند.
   این استایل هیچ اندازه/چیدمانی را تغییر نمی‌دهد، فقط یک پس‌زمینه
   متحرک تا لحظه لود کامل تصویر نمایش می‌دهد و سپس با fade محو می‌شود. */

.wst-skeleton {
	background: linear-gradient(
		90deg,
		rgba(0, 0, 0, 0.06) 25%,
		rgba(0, 0, 0, 0.1) 37%,
		rgba(0, 0, 0, 0.06) 63%
	);
	background-size: 400% 100%;
	animation: wst-shimmer 1.4s ease infinite;
	transition: opacity 0.35s ease;
}

.wst-skeleton.wst-loaded {
	animation: none;
	background: none;
}

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

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