.spinner,
.spinner:after {
  border-radius: 50%;
  width: 3em;
  height: 3em; }

.spinner {
  margin: 5px;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 0.5em solid rgba(237, 183, 19, 0.2);
  border-right: 0.5em solid rgba(237, 183, 19, 0.2);
  border-bottom: 0.5em solid rgba(237, 183, 19, 0.2);
  border-left: 0.5em solid #edb713;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-name: rot;
  /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 1s;
  /* Safari 4.0 - 8.0 */
  -webkit-animation-iteration-count: infinite;
  animation-name: rot;
  animation-duration: 1s;
  animation-iteration-count: infinite; }

.hidden {
  display: none; }

/* Safari 4.0 - 8.0 */
@-webkit-keyframes rot {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
@keyframes rot {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }