phx-notification-container{
	display: block;
}

.phx-notification-container{
	.phlox-transition();

	opacity: 0;
	position: absolute;
	text-align: center;
	vertical-align: middle;
	width: @NOTIFICATION_CONTAINER_WIDTH;
	top: 0;
	right: 0;
	z-index: @NOTIFICATION_CONTAINER_Z_INDEX;

	&.show{
		opacity: 1;
	}

	&.left {
		left: 0;
		right: inherit;
	}

	>*{
		padding-bottom: @TOAST_NOTIFICATION_ROW_PADDING_BOTTOM;
	}
}