/*
 * Bagliore verde di sfondo (vedi assets/js/glow.js): tre macchie sfumate che si deformano piano
 * e seguono il mouse. Sta dietro ai contenuti: le sezioni con uno sfondo proprio lo coprono.
 */
.lab-glow {
	--lab-glow-color: 90, 193, 52;
	--lab-glow-alpha: .05;
	position: fixed;
	inset: 0;
	z-index: -1;
	overflow: hidden;
	pointer-events: none;
}

.lab-glow__blob {
	position: absolute;
	top: 0;
	left: 0;
	width: 70vw;
	height: 60vh;
	border-radius: 50%;
	background: radial-gradient(closest-side, rgba(var(--lab-glow-color), var(--lab-glow-alpha)), rgba(var(--lab-glow-color), 0));
	/* Posizione iniziale: in alto a destra, come nella coming soon (il JS poi la anima). */
	transform: translate3d(85vw, 10vh, 0) translate(-50%, -50%);
	will-change: transform;
}

.lab-glow__blob:nth-child(2) {
	width: 55vw;
	height: 75vh;
}

.lab-glow__blob:nth-child(3) {
	width: 85vw;
	height: 45vh;
}

/* Nell'editor di Elementor il bagliore non serve e distrae. */
.elementor-editor-active .lab-glow {
	display: none;
}