/* Decorative shared WebGL atmosphere. The authored Gutenberg content remains canonical. */

.ux-atmosphere.ux-atmosphere--dither {
	--ux-atmosphere-opacity: 1;
	position: relative;
	isolation: isolate;
}

.ux-atmosphere.ux-atmosphere--dither > :not(.ux-atmosphere__canvas) {
	position: relative;
	z-index: 1;
}

.ux-atmosphere__canvas {
	position: absolute;
	z-index: 0;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	pointer-events: none;
	opacity: var(--ux-atmosphere-opacity);
}

/* Keep the injected decorative child outside Gutenberg's constrained content column. */
.ux-atmosphere.is-layout-constrained > .ux-atmosphere__canvas {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
}

.ux-atmosphere.ux-atmosphere--opac10 { --ux-atmosphere-opacity: .1; }
.ux-atmosphere.ux-atmosphere--opac25 { --ux-atmosphere-opacity: .25; }
.ux-atmosphere.ux-atmosphere--opac50 { --ux-atmosphere-opacity: .5; }
.ux-atmosphere.ux-atmosphere--opac75 { --ux-atmosphere-opacity: .75; }
.ux-atmosphere.ux-atmosphere--opac100 { --ux-atmosphere-opacity: 1; }