@-webkit-keyframes loader-spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn);
	}
}

.loader-sbp {
	display: inline-block;
	border: 0.75rem solid #e5e5e5;
	border-left-color: #cccccc;
	border-radius: 50%;
	-webkit-animation: loader-spin .8s linear infinite;
	animation: loader-spin .8s linear infinite;
	
	/*
	width: 3.5rem;
	height: 3.5rem;
	*/
	width: 7.7rem;
	height: 7.7rem;
}

@keyframes loader-spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn);
	}
}

#designguide #loading-component .loader-sbp {
	margin-top: 10rem;
}