/* Based on https://github.com/MrOtherGuy/firefox-csshacks/blob/master/chrome/centered_tab_label.css */
.tab-label-container {
  display: grid;
  justify-content: safe center;
  align-items: safe center;
}
.tab-label,
.tab-secondary-label {
  overflow: hidden;
}

.tabbrowser-tab[selected]:not(:hover) .tab-label-container:not([textoverflow]),
.tabbrowser-tab:not(:hover,[pinned]) .tab-label-container:not([textoverflow]) {
  margin-inline-end: 5px;
}

@include Option("userChrome.tab.close_button_at_hover") {
  #tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab:not(:hover,[pinned]) .tab-label-container:not([textoverflow]) {
    margin-inline-end: 1px;
  }
  #tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab:not([selected]):not(:hover, [pinned]) .tab-label-container:not([textoverflow]) {
    margin-inline-end: 19px;
  }
}