.animate__slide-up {
  transform: translateY(0);
  opacity: 1;

  @media screen and (prefers-reduced-motion: no-preference) {
    transition:
      transform var(--transition-duration--base) var(--transition-timing--base),
      opacity var(--transition-duration--base) var(--transition-timing--base),
      display var(--transition-duration--base) var(--transition-timing--base) allow-discrete;
  }

  @starting-style {
    transform: translateY(100%);
    opacity: 0;
  }
}

.animate__slide-up--hidden {
  display: none;
  transform: translateY(100%);
  opacity: 0;
}