.moon-light-panels {
	// Base set of styling for scrim to prevent receiving user input while transitioning
	&:after {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
	}

	&.transitioning {
		// Adding the content property here, instead of above, means that this element will only appear in
		// the DOM during ".transitioning". This was altered to improve marquee animation performance.
		// Pseudo-elements without a content property cannot receive styling.
		&:after {
			content: '';
		}

		.panels-container > * {
			// Added to prevent graphical glitches
			.moon-composite();
		}
	}
}