/* === Preloader: Stroke Draw === */
#preloader {
	position: fixed;
	inset: 0;
	z-index: 99999;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(135deg, #ffffff 0%, #fbfcff 35%, #f3f6ff 65%, #ffffff 100%);
	transition: opacity 0.5s ease, visibility 0.5s ease;
}

#preloader.loaded {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

#preloader-inner {
	display: flex;
	flex-direction: column;
	align-items: center;
}

#preloader-logo {
	width: 160px;
	height: 160px;
}

#preloader-text {
	margin-top: 8px;
	font-size: 11px;
	letter-spacing: 0.2em;
	color: #656565;
	font-weight: 400;
	opacity: 0;
	transform: translateY(8px);
	animation: preloaderTextIn 0.6s ease-out 0.6s forwards;
}

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

.preloader-draw-path {
	fill: none;
	stroke: #123fc4;
	stroke-width: 3;
	/* stroke-dasharray is tuned to the path length (currently 176 for a 44x44 rect) */
	stroke-dasharray: 176;
	stroke-dashoffset: 176;
	animation: preloaderDraw 1.8s ease-in-out infinite;
}

.preloader-draw-path:nth-child(1) { animation-delay: 0s; }
.preloader-draw-path:nth-child(2) { animation-delay: 0.15s; }
.preloader-draw-path:nth-child(3) { animation-delay: 0.3s; }
.preloader-draw-path:nth-child(4) { animation-delay: 0.45s; }

@keyframes preloaderDraw {
	0% {
		stroke-dashoffset: 176;
		opacity: 0.3;
	}
	45% {
		stroke-dashoffset: 0;
		opacity: 1;
	}
	75% {
		stroke-dashoffset: 0;
		opacity: 1;
	}
	100% {
		stroke-dashoffset: -176;
		opacity: 0.3;
	}
}

	}
	}
	}
	}
}
}
	}
}
}
}
}
}
}