/**
 * Footer sprinkles.
 *
 * The class is added by assets/js/footer-sprinkles.js, so the footer only
 * becomes a positioning context when the canvas is actually there.
 */

.has-footer-sprinkles {
	position: relative;
}

.footer-sprinkles {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 2;
	/* Keeps sprinkles inside the footer panel's rounded corners. */
	border-radius: inherit;
}

@media (prefers-reduced-motion: reduce) {
	.footer-sprinkles {
		display: none;
	}
}