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

.spinner.meter{
	border-radius: 50%;
	@include border($spinner-size / 8, $spinner-color, $spinner-color, $spinner-color, $spinner-color);
	@include display-box($spinner-size);

	&::before{
		border-radius: $spinner-size / 16;
		content: " ";
		@include display-box-wh($spinner-size / 8, $spinner-size / 4);
		background-color: $spinner-color;
		position: absolute;
		top: ceil($spinner-size / 10);
		left: $spinner-size / 3;
		transform-origin: center bottom;
		animation: meter-animate-before $speed3x linear infinite;
	}
}

@keyframes meter-animate-before{
	0% { transform: rotate(-45deg); }
	100% { transform: rotate(315deg); }
}