/**
 * Simple Pixels — one full-viewport canvas on body (global backdrop).
 * html.spgb-gradient-active is appended via the language_attributes filter; body gets the same class from body_class.
 */
html.spgb-gradient-active,
html.spgb-gradient-active body {
	min-height: 100%;
}

.spgb-canvas.spgb-canvas--viewport {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	max-width: 100%;
	display: block;
	pointer-events: none;
	z-index: -1;
}

@media (prefers-reduced-motion: reduce) {
	.spgb-canvas.spgb-canvas--viewport {
		opacity: 0.98;
	}
}