body:is([data-page="home"],[data-primary-app="true"]) .feed-controls .compact-tabs{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  width:100%;
  gap:0;
}
body:is([data-page="home"],[data-primary-app="true"]) .feed-controls .compact-tabs .tab{
  width:100%;
  min-width:0;
  justify-content:center;
  text-align:center;
}

/* Fold the Party selector on downward scroll and restore it on upward scroll. */
body[data-primary-app="true"] .primary-view-party .feed-controls{
  --party-tab-h:48px;
  --party-tab-font:12px;
  transition:padding .14s ease,box-shadow .14s ease;
  box-shadow:0 5px 10px rgb(0 0 0 / 0%);
}
body[data-primary-app="true"] .primary-view-party .compact-tabs{
  margin-top:0;
}
body[data-primary-app="true"] .primary-view-party .compact-tabs,
body[data-primary-app="true"] .primary-view-party .compact-tabs .tab{
  min-height:var(--party-tab-h);
  height:var(--party-tab-h);
  transition:min-height .2s ease,height .2s ease;
}
body[data-primary-app="true"] .primary-view-party .compact-tabs .tab{
  display:flex;
  align-items:center;
  justify-content:center;
  padding-top:0;
  padding-bottom:0;
  line-height:1;
  font-size:var(--party-tab-font);
  transition:min-height .2s ease,height .2s ease,font-size .2s ease;
}
body[data-primary-app="true"].party-tabs-condensed .primary-view-party .feed-controls{
  --party-tab-h:12px;
  --party-tab-font:0px;
  padding-top:0;
  padding-bottom:0;
  box-shadow:0 5px 10px rgb(0 0 0 / 18%);
}
body[data-primary-app="true"].party-tabs-condensed .primary-view-party .compact-tabs{
  margin-top:0;
  overflow:hidden;
  background-color:#0d0f12!important;
  border-color:var(--home-team)!important;
}
body[data-primary-app="true"].party-tabs-condensed .primary-view-party .compact-tabs .tab{
  overflow:hidden;
  padding:0;
  background-color:#15181c!important;
  color:transparent!important;
  line-height:0;
  box-shadow:none;
}
body[data-primary-app="true"].party-tabs-condensed .primary-view-party .compact-tabs .tab[aria-selected="true"]{
  background:color-mix(in srgb,var(--home-team) 48%,#15181c)!important;
  box-shadow:inset 0 -4px var(--home-team),0 0 8px color-mix(in srgb,var(--home-team) 42%,transparent);
}

@media(prefers-reduced-motion:reduce){
  body[data-primary-app="true"] .primary-view-party .feed-controls,
  body[data-primary-app="true"] .primary-view-party .compact-tabs,
  body[data-primary-app="true"] .primary-view-party .compact-tabs .tab{transition:none}
}
