.ballpit-widget {
	position: relative;
	width: 100%;
	height: 500px;
	overflow: hidden;
}

.ballpit-mode-background {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	/* 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;
}

.ballpit-canvas {
	display: block;
	width: 100%;
	height: 100%;
	touch-action: none;
}