.fadeTransition-enter {
  opacity: 0;
}

.fadeTransition-enter-active {
  opacity: 1;
  transition: opacity 1000ms;
}

.fadeTransition-exit {
  opacity: 1;
}

.fadeTransition-exit-active {
  opacity: 0;
  transition: opacity 1000ms;
}

// Height transition for Archive page
.heightTransition-enter {
  max-height: 0;
  overflow: hidden;
}

.heightTransition-enter-active {
  max-height: 10000px;
  overflow: hidden;
  transition: max-height 300ms ease-out;
}

.heightTransition-enter-done {
  max-height: 10000px;
  overflow: hidden;
}

.heightTransition-exit {
  max-height: 10000px;
  overflow: hidden;
}

.heightTransition-exit-active {
  max-height: 0;
  overflow: hidden;
  transition: max-height 300ms ease-out;
}

.heightTransition-exit-done {
  max-height: 0;
  overflow: hidden;
}