.init {
	display: none;
	z-index: 500;
	position: fixed;
	top: 0;
	inset-inline-start: 0;
	inset-inline-end: unset;
	width: 100%;
	height: 100%;
	pointer-events: none;
	user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	direction: ltr;
}

.init > div {
	position: absolute;
	top: 50%;
	inset-inline-start: 50%;
	inset-inline-end: unset;
	width: 150px;
	height: 55px;
	margin-top: -27px;
	margin-inline-start: -75px;
	text-align: center;
}

.init > div > svg {
	width: 150px;
	height: 29px;
	fill: var(--main-color);
	transform-origin: center center;
	animation: initPulse 1.8s ease-in-out infinite;
}

@keyframes initPulse {
	0% {
		transform: scale(1);
		opacity: 0.85;
	}
	50% {
		transform: scale(1.06);
		opacity: 1;
	}
	100% {
		transform: scale(1);
		opacity: 0.85;
	}
}


.init > div > div {
	width: 100%;
	height: 2px;
	margin-top: 20px;
}

.init > div > div > div {
	width: 0%;
	height: 2px;
	border-radius: 1px;
	background-color: var(--main-color);
}