/**
 * SAW animated background (Vanta.js)
 */

.saw-background {
	position: relative;
	display: block;
	width: 100%;
	min-height: var(--saw-bg-min-height, 200px);
	overflow: hidden;
	background-color: var(--saw-bg-fallback, #07192f);
	isolation: isolate;
}

/* Fill 100% of the parent container (parent must have a defined height). */
.saw-background.saw-background--fill {
	width: 100%;
	height: 100%;
	min-width: 100%;
	min-height: 100%;
}

.saw-background__canvas {
	position: absolute;
	inset: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
	pointer-events: auto;
}

.saw-background__canvas canvas {
	display: block;
	width: 100% !important;
	height: 100% !important;
}

.saw-background__content {
	position: relative;
	z-index: 1;
	pointer-events: none;
}

.saw-background__content > * {
	pointer-events: auto;
}

.saw-background.is-fallback .saw-background__canvas {
	display: none;
}