@keyframes spinner {
  to {transform: rotate(360deg);}
}
.spinner:before {
/* 	content: ''; */
/* 	display: inline-block; */
/* 	box-sizing: border-box; */
/* 	position: absolute; */
/* 	top: 50%; */
/* 	left: 50%; */
/* 	width: 30px; */
/* 	height: 30px; */
/* 	margin-top: -10px; */
/* 	margin-left: -10px; */
/* 	border-radius: 50%; */
/* 	border: 2px solid transparent; */
/* 	border-top-color: #07d; */
/* 	border-bottom-color: #07d; */
/* 	animation: spinner .8s ease infinite; */
  
  content: '';
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-top: -10px;
  margin-left: -10px;
  border-radius: 50%;
  border-top: 2px solid #07d;
  border-right: 2px solid transparent;
  animation: spinner .6s linear infinite;
}

.spinner-small:before {
	content: '';
	display: inline-block;
	box-sizing: border-box;
	position: relative;
	top: 50%;
	left: 50%;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	border: 2px solid transparent;
	border-top-color: #07d;
	border-bottom-color: #07d;
	animation: spinner .8s ease infinite;
}

/*   content: ''; */
/*   box-sizing: border-box; */
/*   position: absolute; */
/*   top: 50%; */
/*   left: 50%; */
/*   width: 20px; */
/*   height: 20px; */
/*   margin-top: -10px; */
/*   margin-left: -10px; */
/*   border-radius: 50%; */
/*   border-top: 2px solid #07d; */
/*   border-right: 2px solid transparent; */
/*   animation: spinner .6s linear infinite; */