@keyframes loaderanimation {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(-360deg);
  }
}

.plane-loader {
  @extend %flexbox-row;
  align-items: center;
  justify-content: center;
  perspective: 200px;
  height: 110px;
  width: 130px;
  z-index: 200;

  .image {
    transform: rotateX(45deg);

    img {
      width: 100px;
      display: block;
      animation-name: loaderanimation;
      animation-timing-function: linear;
      animation-duration: 2s;
      animation-iteration-count: infinite;
    }
  }
}

.cux-plane-loader-wrap {
  @extend %flexbox-row;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}