.loading {
	display: none;
	z-index: 500;
	position: fixed;
	top: 0;
	inset-inline-start: 0;
	width: 100%;
	height: 3px;
	overflow: hidden;
	background: transparent;
	background-color: var(--hl-color);
}

.loading::before {
	content: "";
	position: absolute;
	top: 0;
	left: -40%;
	width: 40%;
	height: 100%;
	background: var(--bg-color);
	animation: loading_kf 1s ease-in-out infinite;
}

@keyframes loading_kf {
	0% {
		left: -40%;
	}
	100% {
		left: 100%;
	}
}