.stacked-text__line {
  @apply my-3 block;
}

.stacked-text-enter .stacked-text__line {
  opacity: 0;
}

.stacked-text-enter .stacked-text__line-1 {
  animation-name: reveal, move-down;
  animation-duration: 300ms;
  animation-timing-function: cubic-bezier(.25, .1, .25, 1);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}

.stacked-text-exit .stacked-text__line-1 {
  animation-name: hide, move-up;
  animation-duration: 300ms;
  animation-timing-function: cubic-bezier(.25, .1, .25, 1);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}

.stacked-text-enter .stacked-text__line-2 {
  animation-name: reveal, move-up;
  animation-duration: 300ms;
  animation-timing-function: cubic-bezier(.25, .1, .25, 1);
  animation-iteration-count: 1;
  animation-delay: 200ms;
  animation-fill-mode: forwards;
}

.stacked-text-exit .stacked-text__line-2 {
  animation-name: hide, move-down;
  animation-delay: 200ms;
  animation-duration: 300ms;
  animation-timing-function: cubic-bezier(.25, .1, .25, 1);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}