.loadingCover {
  position: absolute;
  z-index: 70;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  display: flex;

  width: 100%;
  height: 100%;

  transition: opacity .3s, visibility .3s, transform .3s;

  background: black no-repeat center;
  background-size: contain;

  justify-content: center;
  align-items: center;

  &.hidden {
    animation: none;
  }
}

.hidden {
  display: none !important;
  visibility: hidden !important;

  opacity: 0 !important;
}

.loadingCoverImage {
  height: 100%;

  transition: opacity .6s, visibility .6s;
}

@keyframes trans {
  30% {
    transform: perspective(1000px) rotate3d(0, 10, 0, 10deg);
  }

  60% {
    transform: perspective(1000px) rotate3d(0, 10, 0, 10deg);
  }

  100% {
    transform: perspective(1000px) rotate3d(0, 10, 10, 10deg);
  }
}