@keyframes modalfadeIn {
  from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes modalfadeOut {
  from { opacity: 1; }
    to { opacity: 0; }
}

.modal {
  display: none;
}

.modal.modal-open {
  display: block;
}

.modal[aria-hidden="false"] .modal-overlay {
  animation: modalfadeIn .3s cubic-bezier(0.0, 0.0, 0.2, 1);
}

.modal[aria-hidden="true"] .modal-overlay {
  animation: modalfadeOut .3s cubic-bezier(0.0, 0.0, 0.2, 1);
}

.modal .modal-overlay {
  will-change: transform;
}