.app-loading {
   position: relative;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   height: 100%;
   width: 100%;
}
.app-loading > .loading-text {
   display: inline-block;
   color: #000;
   font-size: 16px;
   font-family: Roboto, Arial, sans-serif;
}
.sk-folding-cube {
   margin: 20px auto;
   width: 60px;
   height: 60px;
   position: relative;
}
.sk-folding-cube .sk-cube {
   float: left;
   width: 50%;
   height: 50%;
   position: relative;
   transform: scale(0.5);
}
.sk-folding-cube .sk-cube1 {
   bottom: -4px;
   right: -6px;
}
.sk-folding-cube .sk-cube2 {
   transform: scale(0.8) rotateZ(90deg);
}
.sk-folding-cube .sk-cube4 {
   transform: scale(1) rotateZ(270deg);
}
.sk-folding-cube .sk-cube3 {
   transform: scale(0.9) rotateZ(180deg);
   top: -1px;
   left: 1px;
}
.sk-folding-cube .sk-cube:before {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   animation: sk-foldCubeAngle 2.4s infinite linear both;
   transform-origin: 100% 100%;
}
.sk-folding-cube .sk-cube2:before {
   animation-delay: 0.3s;
}
.sk-folding-cube .sk-cube3:before {
   animation-delay: 0.6s;
}
.sk-folding-cube .sk-cube4:before {
   animation-delay: 0.9s;
}
@-webkit-keyframes sk-foldCubeAngle {
   0%,
   10% {
      -webkit-transform: perspective(140px) rotateX(-180deg);
      transform: perspective(140px) rotateX(-180deg);
      opacity: 0;
   }
   25%,
   75% {
      -webkit-transform: perspective(140px) rotateX(0);
      transform: perspective(140px) rotateX(0);
      opacity: 1;
   }
   100%,
   90% {
      -webkit-transform: perspective(140px) rotateY(180deg);
      transform: perspective(140px) rotateY(180deg);
      opacity: 0;
   }
}
@keyframes sk-foldCubeAngle {
   0%,
   10% {
      -webkit-transform: perspective(140px) rotateX(-180deg);
      transform: perspective(140px) rotateX(-180deg);
      opacity: 0;
   }
   25%,
   75% {
      -webkit-transform: perspective(140px) rotateX(0);
      transform: perspective(140px) rotateX(0);
      opacity: 1;
   }
   100%,
   90% {
      -webkit-transform: perspective(140px) rotateY(180deg);
      transform: perspective(140px) rotateY(180deg);
      opacity: 0;
   }
}