#app:not(.loaded) {
  display: none !important;
}

#app.loaded ~ .sk-cube-grid {
  display: none !important;
}

.sk-cube-grid {
  padding-top: 50vh;
  width: 50px;
  height: 50px;
  margin: 0 auto;
  text-align: center;
}

.sk-cube-grid img {
  -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
          animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
  max-height: 100%;
}

@-webkit-keyframes sk-cubeGridScaleDelay {
  0%, 100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
    -webkit-filter: grayscale(100%);
            filter: grayscale(100%);
  }

  50% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
    opacity: 1;
    -webkit-filter: grayscale(0%);
            filter: grayscale(0%);
  }
}

@keyframes sk-cubeGridScaleDelay {
  0%, 100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
    -webkit-filter: grayscale(100%);
            filter: grayscale(100%);
  }

  50% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
    opacity: 1;
    -webkit-filter: grayscale(0%);
            filter: grayscale(0%);
  }
}