.batcom-animation--flip-reveal {
  position: relative;
  perspective: 1000px;
}
.batcom-animation--flip-reveal > *:not(.batcom-flip__back) {
  position: relative;
  transform-style: preserve-3d;
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
.batcom-animation--flip-reveal .batcom-flip__back {
  position: absolute;
  inset: 0;
  transform: rotateY(180deg);
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  padding: var(--batcom-layout-spacing-m, 16px);
  display: flex;
  flex-direction: column;
  align-items: stretch;
  backface-visibility: hidden;
  overflow: hidden;
  pointer-events: auto;
}
.batcom-animation--flip-reveal .batcom-flip__back > * {
  width: 100%;
  max-width: 100%;
  min-height: 0;
  overflow-x: hidden;
  box-sizing: border-box;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.batcom-animation--flip-reveal .batcom-flip__back > *::before, .batcom-animation--flip-reveal .batcom-flip__back > *::after {
  content: "";
  flex: 1;
  min-height: 0;
}
.batcom-animation--flip-reveal .batcom-flip__back .batcom-content {
  max-width: 100%;
}
@media (hover: hover) {
  .batcom-animation--flip-reveal:hover > *:not(.batcom-flip__back) {
    transform: rotateY(180deg);
    pointer-events: none;
  }
}
.batcom-animation--flip-reveal.batcom-flip--active > *:not(.batcom-flip__back) {
  transform: rotateY(180deg);
  pointer-events: none;
}
html.aem-AuthorLayer-Edit .batcom-animation--flip-reveal .batcom-flip__back, html.aem-AuthorLayer-Preview .batcom-animation--flip-reveal .batcom-flip__back {
  visibility: hidden;
}
html.aem-AuthorLayer-Edit .batcom-animation--flip-reveal:hover > *:not(.batcom-flip__back), html.aem-AuthorLayer-Edit .batcom-animation--flip-reveal.batcom-flip--active > *:not(.batcom-flip__back), html.aem-AuthorLayer-Preview .batcom-animation--flip-reveal:hover > *:not(.batcom-flip__back), html.aem-AuthorLayer-Preview .batcom-animation--flip-reveal.batcom-flip--active > *:not(.batcom-flip__back) {
  transform: none;
  pointer-events: auto;
}
@media (prefers-reduced-motion: reduce) {
  .batcom-animation--flip-reveal > *:not(.batcom-flip__back) {
    transform: none;
    transition: opacity 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .batcom-animation--flip-reveal .batcom-flip__back {
    transform: none;
    opacity: 0;
    transition: opacity 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .batcom-animation--flip-reveal:hover .batcom-flip__back, .batcom-animation--flip-reveal.batcom-flip--active .batcom-flip__back {
    opacity: 1;
    transform: rotateY(180deg);
  }
}

.batcom-animation--slide-in-top-left > .cmp-image {
  opacity: 0;
  transform: translate(-100%, -100%);
  transition: opacity 0.6s cubic-bezier(0.4, 0, 0.2, 1), transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
.batcom-animation--slide-in-top-left.batcom-animation--active > .cmp-image {
  opacity: 1;
  transform: translate(0, 0);
}
html.aem-AuthorLayer-Edit .batcom-animation--slide-in-top-left > .cmp-image, html.aem-AuthorLayer-Preview .batcom-animation--slide-in-top-left > .cmp-image {
  opacity: 1;
  transform: none;
  transition: none;
}
@media (prefers-reduced-motion: reduce) {
  .batcom-animation--slide-in-top-left > .cmp-image {
    opacity: 1;
    transform: none;
    transition: none;
  }
  .batcom-animation--slide-in-top-left.batcom-animation--active > .cmp-image {
    opacity: 1;
    transform: none;
  }
}