#url-field-definitions .field-type-change-open,
#custom-field-type-change button,
#custom-field-type-change select {
  min-width: 44px;
  min-height: 44px;
  max-width: 100%;
  box-sizing: border-box;
}

#url-field-definitions .field-type-change-open,
#custom-field-type-change button:not(.primary) {
  padding: 8px 12px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: var(--paper-2);
  white-space: normal;
  overflow-wrap: anywhere;
}

#custom-field-type-change {
  min-width: 0;
  max-width: 32rem;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 12px;
  overflow-wrap: anywhere;
}

#custom-field-type-change h3 { margin-top: 0; }

#custom-field-type-change select {
  width: 100%;
  min-width: 0;
}

#custom-field-type-change .custom-field-type-change-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

#custom-field-type-change .custom-field-type-change-actions .primary { margin-top: 0; }

#url-field-definitions .field-type-change-open:disabled,
#custom-field-type-change button:disabled {
  cursor: default;
  opacity: .55;
}

@media (max-width: 720px) {
  #custom-field-type-change { padding: 12px; }
  #custom-field-type-change .custom-field-type-change-actions { align-items: stretch; }
  #custom-field-type-change .custom-field-type-change-actions button { flex: 1 1 12rem; }
}