/* CSS TRANSITION GROUP */
.move--enter {
  transform: translateY(100%);
}
.move--enter-active {
  transform: translateY(0);
  transition: transform 500ms ease-in;
}
.move--exit {
  transform: translateY(0);
}
.move--exit-active {
  transform: translateY(100%);
  transition: transform 500ms ease-in;
}

.opacity--enter {
  opacity: 0;
  /*  transition: opacity 200ms ease-in;  */
}
.opacity--enter-active {
  opacity: 1;
  transition: opacity 300ms ease-in;
  /*  transition-property: opacity;
  transition-delay: 0;
  transition-timing-function: ease-in; */
}
.opacity--exit {
  opacity: 1;
  /*  transition: opacity 200ms ease-in;  */
}
.opacity--exit-active {
  opacity: 0;
  /*  transition-property: opacity;
  transition-delay: 0;
  transition-timing-function: ease-in; */
  transition: opacity 200ms ease-in;
}

.scale--enter {
  transform: scale(0);
}
.scale--enter-active {
  transform: scale(1);
  transition: transform 500ms ease-in;
}
.scale--exit {
  transform: scale(1);
}
.scale--exit-active {
  transform: scale(0);
  transition: transform 500ms ease-in;
}