/**
 * Page image preloader — W4T-196.
 */

.flows-page-preloader {
	position: fixed;
	inset: 0;
	z-index: 99999;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #ffffff;
	visibility: hidden;
	opacity: 1;
	transition: opacity 0.35s ease;
}

html.flows-page-loading .flows-page-preloader {
	visibility: visible;
}

html.flows-page-ready .flows-page-preloader {
	opacity: 0;
	pointer-events: none;
}

.flows-page-preloader__inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1.25rem;
}

.flows-page-preloader__logo {
	width: 160px;
	height: auto;
}

.flows-page-preloader__spinner {
	width: 48px;
	height: 48px;
	border: 3px solid rgba(253, 67, 105, 0.15);
	border-top-color: #fd4369;
	border-right-color: #ff9c1c;
	border-radius: 50%;
	animation: flows-preloader-spin 0.8s linear infinite;
}

@keyframes flows-preloader-spin {
	to {
		transform: rotate(360deg);
	}
}

html.flows-page-ready body {
	visibility: visible;
	animation: flows-page-fade-in 0.35s ease;
}

@keyframes flows-page-fade-in {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@media (prefers-reduced-motion: reduce) {
	.flows-page-preloader__spinner {
		animation: none;
		border-top-color: #fd4369;
		border-right-color: #ff9c1c;
	}

	html.flows-page-ready body {
		animation: none;
	}

	.flows-page-preloader {
		transition: none;
	}
}