.contact-modal {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: none;
}

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

.contact-modal-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(17, 24, 39, 0.55);
}

.contact-modal-panel {
  position: relative;
  width: min(720px, calc(100% - 2rem));
  margin: 4rem auto;
  z-index: 2;
}

.contact-modal-close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  border: 0;
  background: transparent;
  cursor: pointer;
  z-index: 3;
}

.contact-modal-open {
  overflow: hidden;
}

.mm-modal-content > * + * {
  margin-top: 1rem;
}

.mm-modal-content .space-y-4 > * + * {
  margin-top: 1rem;
}

.mm-modal-content p:empty {
  display: none;
}

@media (max-width: 767px) {
  .contact-modal-panel {
    width: calc(100% - 1rem);
    margin: 1.5rem auto;
  }
}