/* Preloder */

#preloder {
	position: fixed;
	width: 100%;
	height: 100%;
	align-items: center;
	display: flex;
	justify-content: center;
	top: 0;
	left: 0;
	z-index: 999999;
	background: #ffffff;
}

.loader {
	width: 23px;
	aspect-ratio: 1;
	border-radius: 50%;
	box-shadow: 0 0 0 5px #0481c5 inset;
	border-radius: 50%;
	/* background: #0481c5; */
	display: grid;
	animation: l22-0 2s infinite linear;
}

.loader:before,
.loader:after {
	content: "";
	grid-area: 1/1;
	margin: 20%;
	border-radius: 50%;
	background: #0481c5;
	transform: rotate(0deg) translate(250%);
	animation: l22 2s infinite;
}

.loader:after {
	animation-delay: -1s
}

@keyframes l22-0 {
	100% {transform: rotate(1turn)}
}

@keyframes l22 {
	100% {transform: rotate(1turn) translate(250%)}
}