html.fnt-loading {
	overflow: hidden;
}

#fnt-page-loader {
	position: fixed;
	inset: 0;
	z-index: 999999;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: opacity .4s ease, visibility .4s ease;
	opacity: 1;
	visibility: visible;
}

#fnt-page-loader.fnt-loader-hide {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

#fnt-page-loader .fnt-spinner {
	border: 4px solid rgba(0, 0, 0, .12);
	border-top-color: #222;
	border-radius: 50%;
	animation: fnt-spin .8s linear infinite;
}

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

#fnt-page-loader img {
	object-fit: contain;
}