.modal {
  border: none;
  max-width: min(23rem, calc(100vw - 2rem));
}

.modal--wide {
  max-width: 95vw;
}

.modal::backdrop {
  background: rgba(0, 0, 0, 0.3);
  pointer-events: none;

  /* Account for iOS safari page height issue */
  height: 150vh;
}

@media screen and (min-width: 600px) {
  .modal--wide {
    max-width: 75vw;
  }
}