@charset "UTF-8";

/* This is a shameless rip-off of John W. Long's work at https://github.com/jlong/css-spinners under MIT licence */

.atebits-loader {
    background: #9aa3de;
    box-shadow: #bcc2e9 -12px -12px 0 0,
    			#bcc2e9 12px -12px 0 0,
    			#bcc2e9 -12px 0 0 0,
    			#bcc2e9 12px 0 0 0,
    			#bcc2e9 -12px 12px 0 0,
    			#bcc2e9 0 12px 0 0,
    			#bcc2e9 12px 12px 0 0;
    
    display: inline-block;
    width: 9px;
    height: 9px;
    overflow: hidden;
    position: relative;
    margin: 12px;
    
    transform-origin: 50% 50%;
    animation: atebits-loader 8s infinite ease-in-out;
}

@Keyframes atebits-loader {
	0% {
	    transform: rotate(0deg);
	}
	3% {
	    transform: rotate(90deg);
	}
	10% {
	    transform: rotate(90deg);
	}
	13% {
	    transform: rotate(180deg);
	}
	20% {
	    transform: rotate(180deg);
	}
	23% {
	    transform: rotate(90deg);
	}
	30% {
	    transform: rotate(90deg);
	}
	33% {
	    transform: rotate(180deg);
	}
	40% {
	    transform: rotate(180deg);
	}
	43% {
	    transform: rotate(270deg);
	}
	50% {
	    transform: rotate(270deg);
	}
	53% {
	    transform: rotate(180deg);
	}
	60% {
	    transform: rotate(180deg);
	}
	63% {
	    transform: rotate(90deg);
	}
	70% {
	    transform: rotate(90deg);
	}
	73% {
	    transform: rotate(0deg);
	}
	80% {
	    transform: rotate(0deg);
	}
	83% {
	    transform: rotate(-90deg);
	}
	90% {
	    transform: rotate(-90deg);
	}
	93% {
	    transform: rotate(0deg);
	}
}