.loading {
  width: 100%;
  height: 100%;
  margin-bottom: 1rem;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.loading .loading-spinner {
  width: 4rem;
  height: 4rem;
  max-width: 50%;
  max-height: 50%;
}
.loading .loading-spinner.loading-spinner-sq {
  background: rgba(0, 0, 0, 0.5);
  animation: flip 1.2s ease infinite;
}

@keyframes flip {
  0% {
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    transform: perspective(120px) rotateX(-180deg) rotateY(0deg);
  }
  100% {
    transform: perspective(120px) rotateX(-180deg) rotateY(-180deg);
  }
}

/*# sourceMappingURL=loader.css.map */