Hide Firefox-Tabs when using treestyle-tabs

userChrome.css

/*
firefox: about:config
toolkit.legacyUserProfileCustomizations.stylesheets > true

css-file: /.mozilla/firefox/<<<profile>>>/chrome/userChrome.css
*/

#TabsToolbar {
  visibility: collapse !important;
}

.tabbrowser-tab[pinned="true"] :-moz-any(.tab-icon-sound,.tab-icon-overlay[muted]) { display: none !important; }

.tabbrowser-tab
  > .tab-stack
  > .tab-content[pinned][titlechanged]:not([visuallyselected="true"]) {
  background-image: none !important;
  background: none !important;
}

[uidensity="compact"]:root {
  --tab-min-height: 22px !important;
  --newtab-margin: -3px 0 -3px -3px !important;
}

:root[uidensity="compact"] #tabbrowser-tabs {
  --tab-min-height: var(--tab-min-height) !important;
}

.tabbrowser-tab {
  max-height: var(--tab-min-height) !important;
}

.tabs-newtab-button{
  margin: var(--newtab-margin) !important;
}

#tabbar tab-item tab-item-substance:not(:hover) tab-closebox {
  display: none;
}

/*
  Hide the Tree Stye Tab Header from the Sidebar to claim more space
*/
#sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"] #sidebar-header {
  display: none;
}