/* Keep typography controls visible while reducing the editor chrome height. */
#formatBar.format-bar {
  min-height: 34px;
  height: 34px;
  gap: 1px;
  padding: 0 8px;
}

#formatBar.format-bar select,
#formatBar.format-bar > button {
  min-height: 26px;
  height: 26px;
  border-radius: 5px;
}

#formatBar.format-bar > button { width: 26px; }
#formatBar.format-bar > button svg { width: 15px; height: 15px; }
#formatBar.format-bar > .toolbar-divider { height: 14px; margin-inline: 2px; }

#formatBar #blockStyle { width: 88px; padding-inline: 6px; }
#formatBar #fontFamily { display: block; width: 96px; min-width: 96px; padding-inline: 6px; }
#formatBar #fontSize { display: block; width: 56px; min-width: 56px; padding-inline: 5px; }
#formatBar #lineHeight { display: block; width: 78px; min-width: 78px; padding-inline: 5px; }

#formatBar.format-bar > .multi-select-toggle,
#formatBar.format-bar > .copy-selected-blocks,
#formatBar.format-bar > .delete-selected-blocks { min-height: 26px; height: 26px; }

@media (max-width: 860px) {
  #formatBar.format-bar { min-height: 34px; height: 34px; padding-inline: 6px; }
  #formatBar #blockStyle { width: 80px; }
  #formatBar #fontFamily { display: block; width: 86px; min-width: 86px; }
  #formatBar #fontSize { display: block; width: 52px; min-width: 52px; }
  #formatBar #lineHeight { display: block; width: 72px; min-width: 72px; }
}