@import "../variables";
@import "../globals";

.spinner.eclipse {
	@include display-box(24px);
	border-radius: 50%;
	background: $spinner-color;
	margin: 12px;
	animation: eclipse-animate 1s ease-out infinite;

	&::before {
		@include draw-borders();
		border-right: solid 6px $spinner-color;
		border-left: solid 6px transparent;
	}

	&::after {
		@include draw-borders();
		border-right: solid 6px transparent;
		border-left: solid 6px $spinner-color;
	}
}

@keyframes eclipse-animate {
	0% { transform: rotate(0); }
	100% { transform: rotate(360deg); }
}