.a-fade-in-down {
  &-enter {
    opacity: 0.01;
    transform: translateY(-10px);
    &-active {
      opacity: 1;
      transition: all .15s;
      transform: translateY(0);
    }
  }
  &-leave {
    opacity: 1;
    transform: translateY(0);
    &-active {
      opacity: 0.01;
      transform: translateY(-10px);
      transition: all .15s;
    }
  }
}

.a-fade-in {
  &-enter {
    opacity: 0.01;
    &-active {
      opacity: 1;
      transition: opacity .15s;
    }
  }
  &-leave {
    opacity: 1;
    &-active {
      opacity: 0.01;
      transition: opacity .15s;
    }
  }
}

.a-scale-in {
  &-enter {
    transform: scale(0.3);
    &-active {
      transform: scale(1);
      transition: transform .15s;
    }
  }
  &-leave {
    transform: scale(1);
    &-active {
      transform: scale(0.3);
      transition: transform .15s;
    }
  }
}

.a-slide-in-left {
  &-enter {
    transform: translateX(-100%);
    &-active {
      transform: translateX(0);
      transition: transform .4s;
    }
  }
  &-leave {
    transform: translateX(0);
    &-active {
      transform: translateX(-100%);
      transition: transform .4s;
    }
  }
}

.a-fade-enter {
  &-enter {
    opacity: 0.01;
    &-active {
      opacity: 1;
      transition: opacity .3s;
    }
  }
}
