.slide-down {
  max-height: 3000px;
  transition: max-height 1s ease-in-out, opacity 1s ease-in-out;
}

.slide-up {
  max-height: 0;
  transition: max-height 1s ease-in-out, opacity 1s ease-in-out;
}

.fade-in {
  opacity: 1;
  transition: opacity 0.5s ease-in-out;
}

.fade-out {
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}

.hidden {
  transition: display 1s ease-in-out;
  display: none;
}

.show {
  transition: display 1s ease-in-out;
  display: block;
}

.max-height-0 {
  max-height: 0px;
}