/* Special layout to include the Talk sidebar */
/* The original style of the body is kept until the layout has been adjusted to
 * include the Talk sidebar. If only "#body-login" was used, immediately after
 * load and before the sidebar was injected the original elements would be using
 * the style for the adjusted layout, which is not the proper one for them, and
 * this would cause the elements to "jump" to their final position once the
 * layout was adjusted. */
body.talk-sidebar-enabled {
	/* Move rules set for body by guest.scss to the wrapped body. */
	display: unset;
	flex-direction: unset;
	justify-content: unset;
	align-items: unset;

	#body-login {
		display: flex;
		justify-content: center;

		background-position: 50% 50%;
		background-repeat: repeat;
		background-size: 275px, contain;
		background-attachment: fixed;

		width: 100%;
		height: 100%;

		/* Changed from guest.scss. */
		flex-direction: row;
		align-items: stretch;
	}
}

/* #body-login should be used to override the #content rules set in server. */
#body-login #content {
	flex-grow: 1;

	flex-direction: column;
	align-items: center;

	height: auto;

	overflow-x: hidden;

	/* Override "padding-top: 50px" set in server. */
	padding-top: 0;
}
