.cssloader-body {
	margin: auto;
	width: 69px;
	height: 69px;
	position: relative;
    opacity: var(--loader-opacity,1);
    transform: scale(var(--loader-scale,1));
}

.cssloader {
	background: var(--loader-color);
	width: 13px;
	height: 13px;
	position: absolute;
	margin: auto;
	animation: loader-move 3.8s infinite ease-in-out;
	border-radius: var(--loader-radius,0);
	transform: rotate(45deg);
}

.cssloader1 {
	left: 18px;
	top: 0px;
	animation-delay: 0.19s;
}

.cssloader2 {
	left: 35px;
	top: 0px;
	animation-delay: 0.38s;
}

.cssloader3 {
	left: 0px;
	top: 18px;
	animation-delay: 0.19s;
}

.cssloader4 {
	left: 18px;
	top: 18px;
	animation-delay: 0.38s;
}

.cssloader5 {
	left: 35px;
	top: 18px;
	animation-delay: 0.57s;
}

.cssloader6 {
	left: 0px;
	top: 35px;
	animation-delay: 0.38s;
}

.cssloader7 {
	left: 18px;
	top: 35px;
	animation-delay: 0.57s;
}

.cssloader8 {
	left: 35px;
	top: 35px;
	animation-delay: 0.76s;
}

@-webkit-keyframes loader-move {
	0% {
		transform: rotate(45deg);
	}
	35% {
		transform: rotate(45deg) scale(0.005);
	}
	50% {
		transform: rotate(45deg) scale(1.7);
	}
	65% {
		transform: rotate(45deg) scale(0.005);
	}
}

@keyframes loader-move {
	0% {
		transform: rotate(45deg);
	}
	35% {
		transform: rotate(45deg) scale(0.005);
	}
	50% {
		transform: rotate(45deg) scale(1.7);
	}
	65% {
		transform: rotate(45deg) scale(0.005);
	}
}