/**
 * Canvas Particles block.
 *
 * The particles canvas fills its section and sits behind the section's own
 * content, so the layer is a background rather than a sibling that pushes
 * content around. The nearest positioned ancestor is the section the block is
 * placed in, every Canvas `.section` is `position: relative`.
 */

.cnvs-particles {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
	pointer-events: none;
}

/* The library draws into a canvas child; it must accept pointer interaction
   for the hover/click modes even though the wrapper does not. */
.cnvs-particles > canvas {
	pointer-events: auto;
}

/* Motion is decorative: stop it for visitors who ask for reduced motion. */
@media ( prefers-reduced-motion: reduce ) {
	.cnvs-particles {
		display: none;
	}
}