@media (max-width: 760px) {
  .modal {
    width: min(calc(100vw - 20px), 520px);
    max-width: calc(100vw - 20px);
    max-height: calc(100dvh - 20px);
    overflow: hidden;
  }

  .modal form {
    max-height: calc(100dvh - 20px);
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 22px 18px 28px;
    -webkit-overflow-scrolling: touch;
  }

  .modal .modal-header,
  .modal label,
  .modal fieldset,
  .modal .form-columns,
  .modal .modal-actions {
    min-width: 0;
  }

  .modal .icon-picker {
    width: 100%;
    max-width: 100%;
  }

  .modal .modal-actions {
    bottom: -22px;
    padding: 13px 0 2px;
  }
}