UnderwaterOverlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 0;

	root,
	.WaterBase,
	.WaterSurface,
	.WaterDepth,
	.WaterSheen {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		pointer-events: none;
	}

	.WaterBase {
		background-color: rgba( 29, 116, 134, 0.26 );
		background-image: linear-gradient( 180deg, rgba( 88, 188, 198, 0.22 ) 0%, rgba( 24, 102, 124, 0.22 ) 48%, rgba( 6, 38, 54, 0.34 ) 100% );
	}

	// .WaterSurface {
	// 	top: -14%;
	// 	height: 46%;
	// 	background-image: linear-gradient( 180deg, rgba( 210, 246, 238, 0.16 ) 0%, rgba( 111, 216, 216, 0.08 ) 38%, rgba( 111, 216, 216, 0 ) 100% );
	// 	opacity: 0.76;
	// }

	.WaterDepth {
		background-image: linear-gradient( 90deg, rgba( 4, 21, 32, 0.28 ) 0%, rgba( 9, 49, 66, 0.03 ) 20%, rgba( 9, 49, 66, 0 ) 50%, rgba( 9, 49, 66, 0.03 ) 80%, rgba( 4, 21, 32, 0.28 ) 100% );
	}

	.WaterSheen {
		// top: 6%;
		// left: -8%;
		// right: -8%;
		// height: 36%;
		background-image: linear-gradient( 110deg, rgba( 255, 255, 255, 0 ) 0%, rgba( 190, 245, 236, 0.10 ) 28%, rgba( 255, 255, 255, 0 ) 58%, rgba( 102, 206, 210, 0.08 ) 78%, rgba( 255, 255, 255, 0 ) 100% );
		opacity: 0.68;
	}
}