.moon-light-panel {
	.client {
		opacity: 0;
		-webkit-transition: opacity 0.75s linear;
		transition: opacity 0.75s linear;

		&.populated {
			opacity: 1;
		}
	}

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

	// 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.
	&.transitioning:after {
		content: '';
	}
}
.moon-light-panel {
	.client {
		opacity: 0;
		-webkit-transition: opacity 0.75s linear;
		transition: opacity 0.75s linear;

		&.populated {
			opacity: 1;
		}
	}

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

	// 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.
	&.transitioning {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);

		&:after {
			content: '';
		}
	}
}
Remove panels from layers, post-transition.
ENYO-944: Remove panels from layers, post-transition.

Enyo-DCO-1.1-Signed-off-by: Aaron Tam <aaron.tam@lge.com>
