.side-rays-widget {
	position: relative;
	width: 100%;
	height: 600px;
	overflow: hidden;
	pointer-events: none;
}

.side-rays-mode-background {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	/* Not negative: some browsers fail to composite a WebGL canvas that
	   sits at a negative z-index. Being the first DOM child of its
	   container is what keeps it visually behind later siblings. */
	z-index: 0;
}

.side-rays-widget canvas {
	display: block;
	width: 100%;
	height: 100%;
}