.modal-fade-enter-active,
.modal-fade-leave-active
  transition: opacity 0.3s ease

.modal-fade-enter-from,
.modal-fade-leave-to
  opacity: 0

.modal-content
  transition: all 0.3s ease
  transform-origin: center

.modal-fade-enter-active .modal-content
  animation: modal-scale-in 0.3s ease

.modal-fade-leave-active .modal-content
  animation: modal-scale-out 0.3s ease

@keyframes modal-scale-in
  0%
    opacity: 0
    transform: scale(0.9)
  100%
    opacity: 1
    transform: scale(1)

@keyframes modal-scale-out
  0%
    opacity: 1
    transform: scale(1)
  100%
    opacity: 0
    transform: scale(0.9)
