/* Add your global styles here */

/* QR Menu */
@keyframes qr-menu-rise {
	from { opacity: 0; transform: translateY(0.35em); filter: blur(10px); }
	to { opacity: 1; transform: none; filter: blur(0); }
}

@keyframes qr-menu-field {
	0.00% { mask-position: -9999px 0, -9999px 0, -9999px 0, -9999px 0, -9999px 0, -9999px 0, -9999px 0, -9999px 0, -9999px 0, -9999px 0, -9999px 0, -9999px 0; }
	8.33% { mask-position: 0 0, -9999px 0, -9999px 0, -9999px 0, -9999px 0, -9999px 0, -9999px 0, -9999px 0, -9999px 0, -9999px 0, -9999px 0, -9999px 0; }
	16.67% { mask-position: 0 0, 0 0, -9999px 0, -9999px 0, -9999px 0, -9999px 0, -9999px 0, -9999px 0, -9999px 0, -9999px 0, -9999px 0, -9999px 0; }
	25.00% { mask-position: 0 0, 0 0, 0 0, -9999px 0, -9999px 0, -9999px 0, -9999px 0, -9999px 0, -9999px 0, -9999px 0, -9999px 0, -9999px 0; }
	33.33% { mask-position: 0 0, 0 0, 0 0, 0 0, -9999px 0, -9999px 0, -9999px 0, -9999px 0, -9999px 0, -9999px 0, -9999px 0, -9999px 0; }
	41.67% { mask-position: 0 0, 0 0, 0 0, 0 0, 0 0, -9999px 0, -9999px 0, -9999px 0, -9999px 0, -9999px 0, -9999px 0, -9999px 0; }
	50.00% { mask-position: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, -9999px 0, -9999px 0, -9999px 0, -9999px 0, -9999px 0, -9999px 0; }
	58.33% { mask-position: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, -9999px 0, -9999px 0, -9999px 0, -9999px 0, -9999px 0; }
	66.67% { mask-position: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, -9999px 0, -9999px 0, -9999px 0, -9999px 0; }
	75.00% { mask-position: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, -9999px 0, -9999px 0, -9999px 0; }
	83.33% { mask-position: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, -9999px 0, -9999px 0; }
	91.67% { mask-position: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, -9999px 0; }
	100.00% { mask-position: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0; }
}

@keyframes qr-menu-letters {
	0.00% { mask-position: -9999px 0, -9999px 0, -9999px 0, -9999px 0, -9999px 0, -9999px 0, -9999px 0, -9999px 0; }
	12.50% { mask-position: 0 0, -9999px 0, -9999px 0, -9999px 0, -9999px 0, -9999px 0, -9999px 0, -9999px 0; }
	25.00% { mask-position: 0 0, 0 0, -9999px 0, -9999px 0, -9999px 0, -9999px 0, -9999px 0, -9999px 0; }
	37.50% { mask-position: 0 0, 0 0, 0 0, -9999px 0, -9999px 0, -9999px 0, -9999px 0, -9999px 0; }
	50.00% { mask-position: 0 0, 0 0, 0 0, 0 0, -9999px 0, -9999px 0, -9999px 0, -9999px 0; }
	62.50% { mask-position: 0 0, 0 0, 0 0, 0 0, 0 0, -9999px 0, -9999px 0, -9999px 0; }
	75.00% { mask-position: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, -9999px 0, -9999px 0; }
	87.50% { mask-position: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, -9999px 0; }
	100.00% { mask-position: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0; }
}

@keyframes qr-menu-twinkle {
	0%, 100% { opacity: 0; }
	50% { opacity: 1; }
}

@keyframes qr-menu-glow {
	0% { transform: translate3d(-3%, 2%, 0) scale(1); opacity: 0.6; }
	100% { transform: translate3d(3%, -2%, 0) scale(1.12); opacity: 0.95; }
}