@keyframes hanzo-slide-up-enter {
    from {
      transform: translate3d(0, 100%, 0);
    }
  }
  
  @keyframes hanzo-slide-up-leave {
    to {
      transform: translate3d(0, 100%, 0);
    }
  }
  
  @keyframes hanzo-slide-down-enter {
    from {
      transform: translate3d(0, -100%, 0);
    }
  }
  
  @keyframes hanzo-slide-down-leave {
    to {
      transform: translate3d(0, -100%, 0);
    }
  }
  
  @keyframes hanzo-slide-left-enter {
    from {
      transform: translate3d(-100%, 0, 0);
    }
  }
  
  @keyframes hanzo-slide-left-leave {
    to {
      transform: translate3d(-100%, 0, 0);
    }
  }
  
  @keyframes hanzo-slide-right-enter {
    from {
      transform: translate3d(100%, 0, 0);
    }
  }
  
  @keyframes hanzo-slide-right-leave {
    to {
      transform: translate3d(100%, 0, 0);
    }
  }
  
  @keyframes hanzo-fade-in {
    from {
      opacity: 0;
    }
  
    to {
      opacity: 1;
    }
  }
  
  @keyframes hanzo-fade-out {
    from {
      opacity: 1;
    }
  
    to {
      opacity: 0;
    }
  }
  
  @keyframes hanzo-rotate {
    from {
      transform: rotate(0deg);
    }
  
    to {
      transform: rotate(360deg);
    }
  }
  
  .hanzo-fade {
    &-enter-active {
      animation: .3s hanzo-fade-in;
    }
  
    &-leave-active {
      animation: .3s hanzo-fade-out;
    }
  }
  
  .hanzo-slide-up {
    &-enter-active {
      animation: hanzo-slide-up-enter .3s both ease;
    }
  
    &-leave-active {
      animation: hanzo-slide-up-leave .3s both ease;
    }
  }
  
  .hanzo-slide-down {
    &-enter-active {
      animation: hanzo-slide-down-enter .3s both ease;
    }
  
    &-leave-active {
      animation: hanzo-slide-down-leave .3s both ease;
    }
  }
  
  .hanzo-slide-left {
    &-enter-active {
      animation: hanzo-slide-left-enter .3s both ease;
    }
  
    &-leave-active {
      animation: hanzo-slide-left-leave .3s both ease;
    }
  }
  
  .hanzo-slide-right {
    &-enter-active {
      animation: hanzo-slide-right-enter .3s both ease;
    }
  
    &-leave-active {
      animation: hanzo-slide-right-leave .3s both ease;
    }
  }