.hidden,
[hidden] { display: none !important; }
.modal.hidden {
  display: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
.modal.modal-open {
  display: flex !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}
.modal { align-items: center; justify-content: center; }
body.modal-open { overflow: hidden; }