Automatic tab stack width (Two Level Tab Stacking)

[vvvctr]

I am using Two Level Tab Stacking and wanted stacks to have an automatic width like Chrome does by default when you group tabs and give it a custom name.

The only caveat I have seen so far is how it behaves when you open many tabs and they start to shrink. Sometimes the last open tab is not displayed (I'll update the code as soon as I fix it).

/**
 * @see open /Applications/Vivaldi.app --args --debug-packed-apps --silent-debugger-extension-api
 */

#tabs-container.top .tab-position.is-substack {
  width: auto;
}
#tabs-container.top .tab-position.is-substack .tab .title {
  max-width: 128px;
}
#tabs-container.top .tab-strip {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
#tabs-container.top .tab-strip > span,
#tabs-container.top .tab-strip > .toolbar {
  display: inline-block;
}
#tabs-container.top .tab-strip > .toolbar .button-toolbar {
  position: static;
}

#tabs-container.top .tab-position {
  position: relative;
  transform: initial;
}

#tabs-container.top .tab-strip > span:has(.tab-position.is-substack) .tab {
  background-color: var(--colorFgFadedMost);
  color: var(--colorBgLightIntense);
}
#tabs-container.top
  .tab-strip
  > span:has(.tab-position.is-substack)
  .tab.active {
  background-color: var(--colorFg);
  color: var(--colorBgLightIntense);
}

#tabs-container.top .svg-tab-stack .stack-frame {
  stroke: rgba(10, 10, 10, 0.25);
  stroke-width: 2px;
}
#tabs-container.top .svg-tab-stack {
  width: 100% !important;
  display: none;
}