.animation-card {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  height: auto;
  justify-content: center;
  overflow: hidden;
  perspective: 1000px;
}
.animation-card__inner {
  height: 100%;
  position: relative;
  transform-style: preserve-3d;
  transition: transform 0.6s, opacity 0.6s;
  width: 100%;
}
.animation-card__link {
  display: block;
}
.animation-card--front, .animation-card--back {
  backface-visibility: hidden;
  box-sizing: border-box;
  display: flex;
  height: 100%;
  justify-content: center;
  padding: 1em;
  text-align: center;
  width: 100%;
}
.animation-card--front .animation-card__content, .animation-card--back .animation-card__content {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: auto;
}
.animation-card--front {
  position: relative;
  visibility: visible;
  z-index: 1;
}
.animation-card--back {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  visibility: hidden;
  width: 100%;
  z-index: -1;
}
.animation-card:not(.editor-styles-wrapper .animation-card):hover .animation-card--front, .animation-card:not(.editor-styles-wrapper .animation-card):active .animation-card--front, .animation-card:not(.editor-styles-wrapper .animation-card):focus .animation-card--front {
  pointer-events: none;
  visibility: hidden;
  z-index: -1;
}
.animation-card:not(.editor-styles-wrapper .animation-card):hover .animation-card--back, .animation-card:not(.editor-styles-wrapper .animation-card):active .animation-card--back, .animation-card:not(.editor-styles-wrapper .animation-card):focus .animation-card--back {
  pointer-events: all;
  visibility: visible;
  z-index: 1;
}
.animation-card {
  /* -------------------------------------------------
      HORIZONTAL FLIP MODIFIER
   --------------------------------------------------- */
}
.animation-card.animation-card--horizontal-flip:not(.editor-styles-wrapper .animation-card.animation-card--horizontal-flip):hover .animation-card__inner, .animation-card.animation-card--horizontal-flip:not(.editor-styles-wrapper .animation-card.animation-card--horizontal-flip):active .animation-card__inner, .animation-card.animation-card--horizontal-flip:not(.editor-styles-wrapper .animation-card.animation-card--horizontal-flip):focus .animation-card__inner, .animation-card.animation-card--horizontal-flip:not(.editor-styles-wrapper .animation-card.animation-card--horizontal-flip).is-flipped .animation-card__inner {
  transform: rotateY(180deg);
}
.animation-card.animation-card--horizontal-flip:not(.editor-styles-wrapper .animation-card.animation-card--horizontal-flip) .animation-card--back {
  transform: rotateY(180deg);
}
.animation-card {
  /* -------------------------------------------------
      VERTICAL FLIP MODIFIER
   --------------------------------------------------- */
}
.animation-card.animation-card--vertical-flip:not(.editor-styles-wrapper .animation-card.animation-card--vertical-flip):hover .animation-card__inner, .animation-card.animation-card--vertical-flip:not(.editor-styles-wrapper .animation-card.animation-card--vertical-flip):active .animation-card__inner, .animation-card.animation-card--vertical-flip:not(.editor-styles-wrapper .animation-card.animation-card--vertical-flip):focus .animation-card__inner, .animation-card.animation-card--vertical-flip:not(.editor-styles-wrapper .animation-card.animation-card--vertical-flip).is-flipped .animation-card__inner {
  transform: rotateX(180deg);
}
.animation-card.animation-card--vertical-flip:not(.editor-styles-wrapper .animation-card.animation-card--vertical-flip) .animation-card--back {
  transform: rotateX(180deg);
}
.animation-card {
  /* -------------------------------------------------
      FADE MODIFIER
   --------------------------------------------------- */
}
.animation-card.animation-card--fade:not(.editor-styles-wrapper .animation-card.animation-card--fade) .animation-card--back {
  opacity: 0;
  transition: opacity 0.6s;
}
.animation-card.animation-card--fade:not(.editor-styles-wrapper .animation-card.animation-card--fade):hover .animation-card--back, .animation-card.animation-card--fade:not(.editor-styles-wrapper .animation-card.animation-card--fade):active .animation-card--back, .animation-card.animation-card--fade:not(.editor-styles-wrapper .animation-card.animation-card--fade):focus .animation-card--back, .animation-card.animation-card--fade:not(.editor-styles-wrapper .animation-card.animation-card--fade).is-flipped .animation-card--back {
  opacity: 1;
}
.animation-card {
  /* -------------------------------------------------
      SLIDE UP MODIFIER
   --------------------------------------------------- */
}
.animation-card.animation-card--slide-up:not(.editor-styles-wrapper .animation-card.animation-card--slide-up) .animation-card--back {
  transform: translateY(100%);
  transition: transform 0.6s;
}
.animation-card.animation-card--slide-up:not(.editor-styles-wrapper .animation-card.animation-card--slide-up):hover .animation-card--back, .animation-card.animation-card--slide-up:not(.editor-styles-wrapper .animation-card.animation-card--slide-up):active .animation-card--back, .animation-card.animation-card--slide-up:not(.editor-styles-wrapper .animation-card.animation-card--slide-up):focus .animation-card--back, .animation-card.animation-card--slide-up:not(.editor-styles-wrapper .animation-card.animation-card--slide-up).is-flipped .animation-card--back {
  transform: translateY(0);
}
.animation-card {
  /* -------------------------------------------------
      SLIDE DOWN MODIFIER
   --------------------------------------------------- */
}
.animation-card.animation-card--slide-down:not(.editor-styles-wrapper .animation-card.animation-card--slide-down) .animation-card--back {
  transform: translateY(-100%);
  transition: transform 0.6s;
}
.animation-card.animation-card--slide-down:not(.editor-styles-wrapper .animation-card.animation-card--slide-down):hover .animation-card--back, .animation-card.animation-card--slide-down:not(.editor-styles-wrapper .animation-card.animation-card--slide-down):active .animation-card--back, .animation-card.animation-card--slide-down:not(.editor-styles-wrapper .animation-card.animation-card--slide-down):focus .animation-card--back, .animation-card.animation-card--slide-down:not(.editor-styles-wrapper .animation-card.animation-card--slide-down).is-flipped .animation-card--back {
  transform: translateY(0);
}

/*# sourceMappingURL=style.css.map */