/**
 * Optional shimmer while fonts load (Mustard > Other > Shimmer text).
 *
 * @package Mustard
 */

@media (prefers-reduced-motion: no-preference) {
	@media (prefers-color-scheme: dark) {
		html.mtw-fonts-loading::before {
			mix-blend-mode: screen;
			opacity: 0.5;
		}
	}
	html.mtw-fonts-loading::before {
		position: fixed;
		inset: 0;
		z-index: 2147483646;
		background: linear-gradient(105deg, transparent 38%, color-mix(in oklch, CanvasText 14%, transparent) 50%, transparent 62%);
		background-size: 220% 100%;
		opacity: 0.85;
		pointer-events: none;
		animation: mtw-text-shimmer 1.15s ease-in-out infinite;
		content: '';
		mix-blend-mode: multiply;
	}
}

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

	100% {
		background-position: -100% 0;
	}
}