tofuness/Toshocat

@keyframes slideLeftIn {
    0% {
        display: none;
        opacity: 0;
    }
    1% {
        display: block;
        opacity: 0;
        transform: translateX(10px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes slideDownIn {
    0% {
        display: none;
        opacity: 0;
    }
    1% {
        display: block;
        opacity: 0;
        transform: translateY(-10px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
.toast-enter {
    opacity: 0.01;
  height: 0;
  margin-top: 0!important;
  padding-top: 0!important;
  padding-bottom: 0!important;
}
.toast-enter.toast-enter-active {
  @extend .ts;
    opacity: 1;
  height: 35px;
  margin-top: 10px!important;
  padding-top: 10px!important;
  padding-bottom: 10px!important;
}
.toast-leave {
    opacity: 1;
  height: 35px;
  margin-top: 10px!important;
  padding-top: 10px!important;
  padding-bottom: 10px!important;
}
.toast-leave.toast-leave-active {
  @extend .ts;
  opacity: 0.01;
  height: 0;
  margin-top: 0!important;
  padding-top: 0!important;
  padding-bottom: 0!important;
}