/**
 * Login page animations.
 *
 * @package LoginPageCustomizerAndDesigner
 */

@keyframes lpcd-fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes lpcd-slideUp {
	from {
		opacity: 0;
		transform: translateY(24px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes lpcd-zoomIn {
	from {
		opacity: 0;
		transform: scale(0.9);
	}

	to {
		opacity: 1;
		transform: scale(1);
	}
}

body.login.lpcd-anim-fadeIn #login {
	animation: lpcd-fadeIn var(--lpcd-anim-dur, 0.6s) ease-out both;
}

body.login.lpcd-anim-slideUp #login {
	animation: lpcd-slideUp var(--lpcd-anim-dur, 0.6s) ease-out both;
}

body.login.lpcd-anim-zoomIn #login {
	animation: lpcd-zoomIn var(--lpcd-anim-dur, 0.6s) ease-out both;
}

/* Hide default WP login logo when our plugin is active */
body.login.lpcd-active h1 a {
	display: none !important;
}

/* Reset default #login styles when our plugin is active */
body.login.lpcd-active #login {
	margin: 0 auto;
	padding-top: 6%;
}

/* Block container styles */
body.login.lpcd-active .lpcd-block-logo,
body.login.lpcd-active .lpcd-block-heading,
body.login.lpcd-active .lpcd-block-text,
body.login.lpcd-active .lpcd-block-divider {
	padding: 0;
	margin-left: 0;
	margin-right: 0;
}

/* Loading spinner */
@keyframes lpcd-spin {
	to {
		transform: rotate(360deg);
	}
}