.expand-child-entered,
.fade-child-entered,
.fade-child-exited {
  animation-fill-mode: forwards;
}

.expand-child-entered {
  animation-name: expand;
  animation-duration: 300ms;
  animation-timing-function: cubic-bezier(.25, .1, .25, 1);
  animation-iteration-count: 1;
}

.fade-child-entered {
  animation-name: reveal, expand;
  animation-duration: 300ms;
  animation-timing-function: cubic-bezier(.25, .1, .25, 1);
  animation-iteration-count: 1;
}

.fade-child-exited {
  animation-name: hide;
  animation-duration: 300ms;
  animation-timing-function: cubic-bezier(.25, .1, .25, 1);
  animation-iteration-count: 1;
}