.preloader {
	position: relative;
	border-radius: 50%;
	flex-shrink: 0;
	width: 85px;
	height: 85px;
	border: 6px solid #99999933;
	border-top-color: var(--primary-color);
	animation: preoaderSpin 1s infinite linear;
}

.preloader:before,
.preloader:after {
	content: "";
	position: absolute;
	border-radius: 50%;
	width: 6px;
	height: 6px;
	background: var(--primary-color);
}

.preloader:before {
	top: 6px;
	left: 5px;
}

.preloader:after {
	top: 6px;
	right: 5px;
}

@keyframes preoaderSpin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}