/* stylelint-disable scss/at-import-no-partial-leading-underscore */
/* stylelint-disable-next-line number-max-precision */
.card-flip--show-front, .card-flip--show-back {
  display: grid;
  height: 100%;
  width: 100%;
  isolation: isolate;
  perspective: 1000px;
}
.card-flip--front, .card-flip--back {
  grid-area: 1/1/2/2;
  transform-style: flat;
  backface-visibility: hidden;
  transition: transform 0.6s ease-in-out;
  overflow: hidden;
}
.card-flip--show-back .card-flip--front {
  transform: rotateY(180deg);
}
.card-flip--show-back .card-flip--back {
  transform: rotateY(0);
}
.card-flip--show-front .card-flip--front {
  transform: rotateY(0);
}
.card-flip--show-front .card-flip--back {
  transform: rotateY(-180deg);
}
.card-flip--is-flipping {
  overflow: hidden;
}
.card-flip--is-flipping .card-flip--show-front,
.card-flip--is-flipping .card-flip--show-back {
  z-index: 1060;
}

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