/* modal */
@keyframes open-modal {
    from {
        opacity: 0;
        transform: rotateX(20deg) translateY(20px);
    }
    to {
        opacity: 1;
        transform: rotateX(0deg) translateY(0px);
    }
}

.ui.modal {
    animation: open-modal;
    animation-duration: 0.3s;
}

/* bar menu */
@keyframes open-bar-menu {
    from {
        opacity: 0;
        margin-top: 24px;
    }
    to {
        opacity: 1;
        margin-top: 4px;
    }
}

.bar-menu {
    animation: open-bar-menu;
    animation-duration: 0.3s;
    animation-fill-mode: forwards;
}

/* toastify */
@keyframes zoom-in {
  from {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoom-out {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }

  to {
    opacity: 0;
  }
}

.toast-enter {
  animation-name: zoom-in;
}

.toast-exit {
  animation-name: zoom-out;
}