/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tab_count_in_alltabs_button.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */

/* Replace the icon in alltabs-button with a counter showing number of opened (visible) tabs.
Note that you can make alltabs button always show up by setting browser.tabs.tabmanager.enabled to true */

#TabsToolbar-customization-target{
  counter-reset: tab-counter;
}
.tabbrowser-tab:not([hidden]){
  counter-increment: tab-counter;
}
#alltabs-button >.toolbarbutton-badge-stack > .toolbarbutton-icon{
 opacity: 0; 
}
#alltabs-button >.toolbarbutton-badge-stack::before{
  content: counter(tab-counter);
  display: flex;
  grid-area: 1/1;
  justify-content: center;
  color: var(--toolbarbutton-icon-fill);
  border-bottom: 1px solid;
  contain: inline-size;
}