.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; }
  .loadingCover.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); } }