@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes heightFromBottom {
  from { max-height: 1000px; }
  to { max-height: 0; }
}

@keyframes fadeOut {
  from { opacity: 1; }
  to { opacity: 0; }
}

@keyframes heightFromTop {
  from { max-height: 0; }
  to { max-height: 1000px; }
}

.show {
  animation: heightFromTop 0.5s both;
}

.hidden-list {
  animation: heightFromBottom 0.5s both;
  overflow: hidden;
}