body.qnd-preloading {
	overflow: hidden;
}

.qnd-preloader {
	position: fixed;
	inset: 0;
	z-index: 99999;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--qnd-darkblue-500, #0f1d63);
	opacity: 1;
	pointer-events: all;
}

.qnd-preloader__inner {
	display: flex;
	align-items: center;
	justify-content: center;
}

.qnd-preloader__logo {
	display: block;
	width: 186px;
	height: 193px;
}

@media (max-width: 768px) {
	.qnd-preloader__logo {
		width: 120px;
		height: 124px;
	}
}

.qnd-preloader__path {
	fill: none;
	fill-opacity: 0;
	stroke: #ffffff;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-dasharray: 1;
	stroke-dashoffset: 1;
	animation:
		qnd-preloader-draw 1.4s ease-in-out forwards,
		qnd-preloader-fill 0.4s ease forwards 1.4s;
}

.qnd-preloader.is-fading {
	animation: qnd-preloader-fade 0.4s ease forwards;
	pointer-events: none;
}

@keyframes qnd-preloader-draw {
	to {
		stroke-dashoffset: 0;
	}
}

@keyframes qnd-preloader-fill {
	to {
		fill: #ffffff;
		fill-opacity: 1;
		stroke-opacity: 0;
	}
}

@keyframes qnd-preloader-fade {
	to {
		opacity: 0;
		visibility: hidden;
	}
}