.modal-card,
.modal-intro,
.modal-form,
.field {
  min-width: 0;
}

.modal-card {
  overflow-x: hidden;
}

.modal-intro > * {
  position: relative;
  z-index: 1;
}

.field input,
.field select {
  width: 100%;
  min-width: 0;
}

@media (max-width: 660px) {
  body.locked .mobile-bottom-nav {
    display: none;
  }

  .modal {
    z-index: 80;
    align-items: stretch;
  }

  .modal-card {
    height: 100dvh;
    max-height: 100dvh;
  }

  .modal-form {
    padding-bottom: calc(24px + env(safe-area-inset-bottom));
  }

  .modal-form .submit {
    position: sticky;
    bottom: 0;
    z-index: 2;
    box-shadow: 0 -10px 24px rgba(255, 255, 255, 0.95);
  }

  .modal-intro::after {
    display: none;
  }

  .modal-intro h2 {
    overflow-wrap: anywhere;
  }
}