.gridzy {
  display: block;
  will-change: width, height;
}
.gridzy > .gridzyItem {
  will-change: left, top, width, height, opacity, transform;
}
.gridzy > :not(.gridzyItem) {
  visibility: hidden;
}
.gridzyItemHidden {
  display: none;
}
.gridzy .gridzyImage {
  vertical-align: middle;
  width: 100%;
  height: 100%;
}
.gridzyAnimated {
  height: 0;
  -webkit-transition: height 0.4s;
  transition: height 0.4s;
}
.gridzyAnimated .gridzyItem {
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.gridzyAnimated .gridzyItemInitialToVisible {
  -webkit-animation-name: gridzyItemInitialToVisibleAnimation;
          animation-name: gridzyItemInitialToVisibleAnimation;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-duration: 0.4s;
          animation-duration: 0.4s;
}
@-webkit-keyframes gridzyItemInitialToVisibleAnimation {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes gridzyItemInitialToVisibleAnimation {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.gridzyAnimated .gridzyItemHiddenToVisible {
  -webkit-animation-name: gridzyItemHiddenToVisibleAnimation;
          animation-name: gridzyItemHiddenToVisibleAnimation;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-duration: 0.4s;
          animation-duration: 0.4s;
}
@-webkit-keyframes gridzyItemHiddenToVisibleAnimation {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes gridzyItemHiddenToVisibleAnimation {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.gridzyAnimated .gridzyItemVisibleToHidden {
  -webkit-animation-name: gridzyItemVisibleToHiddenAnimation;
          animation-name: gridzyItemVisibleToHiddenAnimation;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-duration: 0.4s;
          animation-duration: 0.4s;
}
@-webkit-keyframes gridzyItemVisibleToHiddenAnimation {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
}
@keyframes gridzyItemVisibleToHiddenAnimation {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
}
.gridzyItem {
  opacity: 1;
}
.gridzyItemLoading {
  opacity: 0.3;
  -webkit-box-shadow: inset 0 0 15px -5px #666;
          box-shadow: inset 0 0 15px -5px #666;
}
.gridzyItemLoading::before {
  content: " ";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 50px;
  height: 50px;
  margin: -25px 0 0 -25px;
  padding: 0;
  z-index: 1;
  opacity: 1;
  background: 0 0;
  border: 2px solid;
  border-color: transparent transparent #000 #000;
  border-radius: 50%;
  outline: 0;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-name: gridzyProgressIndicator;
          animation-name: gridzyProgressIndicator;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
@-webkit-keyframes gridzyProgressIndicator {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
    left: 50%;
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
    left: 50%;
  }
}
@keyframes gridzyProgressIndicator {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
    left: 50%;
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
    left: 50%;
  }
}