/* Provisional: the row keeps the md-shortcut-button look until md-tabs, the definitive tabs component
   with its own design, replaces it. */
md-shortcut-button-tabs {
  display: block;
}

/* All tabs share the width of the row equally. Below 240px a tab no longer fits its icon and
   a label without breaking words, so when they do not all fit the row wraps onto a new line;
   auto-fit stretches fewer tabs over the whole row. min(100%, ...) keeps a lone column within it. */
.md-shortcut-btn-tabs {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
  gap: var(--md-spacing-sm);
}