@keyframes modal-enter {
  from {
    opacity: 0;
    transform: scale(0.95) translateY(0);
  }

  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}

@keyframes modal-exit {
  from {
    opacity: 1;
    transform: scale(1) translateY(0);
  }

  to {
    opacity: 0;
    transform: scale(0.95) translateY(100%);
  }
}

dialog[data-turn-enter="modal-enter"] {
  animation-name: modal-enter;
  animation-duration: 0.2s;
}

html.turn-advance.turn-exit dialog[data-turn-exit="modal-exit"] {
  animation-name: modal-exit;
  animation-duration: 0.2s;
}