/* Scrim.css */
.moon-scrim {
	z-index: 1;
	/*
		note: by using pointer-events we allow tapping on scrim
		while it is fading out; however, this requires any showing classes
		to set pointer events to auto or scrim will not function as expected.
	*/
	pointer-events: none;
	-webkit-transform: translateZ(0px);
	transform: translateZ(0px);

	&.moon-scrim-translucent {
		pointer-events: auto;
		background-color: @moon-scrim-translucent-bg-color;
		opacity: 0.3;
		filter: alpha(opacity=30);
	}

	&.moon-scrim-transparent {
		pointer-events: auto;
		background: transparent;
	}
}