.sw-fluid-background-layer {
	position: fixed;
	inset: 0;
	width: 100vw;
	height: 100vh;
	height: 100dvh;
	overflow: hidden;
	pointer-events: none;
	user-select: none;
	z-index: -1;
}

.sw-fluid-background-layer .page__canvas {
	position: absolute;
	inset: 0;
	display: block;
	width: 100vw !important;
	height: 100vh !important;
	height: 100dvh !important;
	pointer-events: none;
	user-select: none;
	opacity: 0.6;
	transform: translateZ(0);
}

body {
	isolation: isolate;
	background-color: transparent;
}

section.scene,
section[aria-label="Hero showcase"] {
	background-color: transparent;
}

@supports not (height: 100dvh) {
	.sw-fluid-background-layer,
	.sw-fluid-background-layer .page__canvas {
		height: 100vh !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	.sw-fluid-background-layer {
		display: none;
	}
}