@prefixCls: pptmui;

@keyframes pptmui-fade-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes pptmui-fade-out {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.@{prefixCls} {
  &-fade {
    &-enter-active {
      animation:
        @animation-duration-base pptmui-fade-in both
        @animation-timing-function-enter;
    }

    &-exit-active {
      animation:
        @animation-duration-base pptmui-fade-out both
        @animation-timing-function-leave;
    }
  }
}