/**
 * Interactive ambient dot fields.
 *
 * Surfaces opt in with data-haillo-ambient-dots. The canvas is progressively
 * enhanced by JavaScript and always remains behind the surface content.
 */
[data-haillo-ambient-dots] {
	position: relative;
	isolation: isolate;
}

[data-haillo-ambient-dots] > .haillo-ambient-dots {
	position: absolute;
	z-index: 0;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
\toverflow: hidden;
	pointer-events: none;
}

[data-haillo-ambient-dots] > .haillo-ambient-dots ~ :not([class*="glow"]) {
	position: relative;
	z-index: 1;
}

[data-haillo-ambient-dots] > .haillo-ambient-dots ~ [class*="glow"] {
	z-index: 0;
}

@media (prefers-reduced-motion: reduce) {
	[data-haillo-ambient-dots] > .haillo-ambient-dots {
		/* The field remains visible but is drawn as a static background. */
		transform: none !important;
	}
}