@keyframes revealInDown {
  0% {
    top: 0;
    bottom: auto;
    height: 0%;
  }
  45% {
    top: 0;
    bottom: auto;
    height: 100%;
  }
  55% {
    top: auto;
    bottom: 0;
    height: 100%;
  }
  to {
    top: auto;
    bottom: 0;
    height: 0%;
  }
}
.revealInDown {
  --alpha-reveal-animation-color: var(--alpha-primary-color);
  animation-name: revealContent;
  animation-timing-function: cubic-bezier(0.1, 0.5, 0.5, 0.9);
}
.revealInDown:after {
  left: 0;
  right: 0;
  animation-name: revealInDown;
}