/**
 * @file
 * Layout Builder's block forms, which layout_builder_modal opens in a modal.
 *
 * The modal renders in this theme. The module's admin styles cover the form
 * inside #layout-builder-modal but not the dialog's <h1> title, which picked
 * up the site's large heading size; and text fields and the rich text editor
 * stopped at .form-item's 32em cap (text inputs at their size="60" width).
 */

.ui-dialog:has(#layout-builder-modal) .ui-dialog-title {
  font-size: 1.25rem;
  line-height: 1.3;
}

#layout-builder-modal .form-item {
  max-width: none;
}

#layout-builder-modal .form-text,
#layout-builder-modal .form-email,
#layout-builder-modal .form-url,
#layout-builder-modal .form-number,
#layout-builder-modal .form-textarea,
#layout-builder-modal .form-select {
  width: 100%;
}