/* ========================================================================
   Bulk Edit Fields tables

   Used by:
     docs/fields/how-tos/bulk-edit.md
   ======================================================================== */
/* Only a min-width here, never overflow-x: the theme already wraps every table
   in .md-typeset__scrollwrap, which scrolls. Past this width the wrapper scrolls
   the table sideways instead of letting the columns shrink and wrap. */
.bulk-edit-fields-table table {
  width: 100%;
  min-width: 34rem;
}

.bulk-edit-fields-table table th,
.bulk-edit-fields-table table td {
  vertical-align: top;
}

.bulk-edit-fields-table table th:nth-child(1),
.bulk-edit-fields-table table td:nth-child(1) {
  white-space: nowrap;
}

.bulk-edit-fields-table table th:nth-child(2),
.bulk-edit-fields-table table td:nth-child(2) {
  width: 100%;
}

.bulk-edit-fields-table table th:nth-child(3),
.bulk-edit-fields-table table td:nth-child(3) {
  white-space: nowrap;
}

/* Theme icons are an <svg> with max-width: 100%, which counts as zero when the
   browser works out a column's minimum width; lifting it lets the first column
   grow with its icons instead of letting the name spill into the next column. */
.bulk-edit-fields-table table .twemoji svg {
  max-width: none;
}