@media (max-width: 767px) {
  .fixed.inset-0 form {
    box-sizing: border-box;
    min-width: 0;
    max-width: 100%;
  }

  .fixed.inset-0 form .grid > * {
    min-width: 0;
  }

  .fixed.inset-0 form label:not([class*="flex"]) {
    display: block;
    min-width: 0;
  }

  .fixed.inset-0 form label:not([class*="flex"]) > input:not([type="checkbox"]):not([type="radio"]),
  .fixed.inset-0 form label:not([class*="flex"]) > select,
  .fixed.inset-0 form label:not([class*="flex"]) > textarea {
    box-sizing: border-box;
    display: block;
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }

  .fixed.inset-0 form input[type="file"] {
    min-width: 0;
    max-width: 100%;
  }
}