/*    46. LOADING / SKELETON
   ------------------------------------------- */
.skeleton {
	background: linear-gradient(
		90deg,
		var(--color-glass-bg) 25%,
		var(--color-glass-hover) 50%,
		var(--color-glass-bg) 75%
	);
	background-size: 200% 100%;
	animation: skeleton-loading 1.5s ease-in-out infinite;
	border-radius: var(--radius-md);
}

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