:root {
  --bg-overlay: linear-gradient(rgba(6, 9, 8, .55), rgba(6, 9, 8, .60));
}
html.light {
  --bg-overlay: linear-gradient(rgba(244, 241, 233, .62), rgba(244, 241, 233, .68));
}
:is(.model-group-tabs,div.mb-4.flex.flex-wrap.items-center.gap-2:has(>button[style*="color"])) > button {
  color: var(--group-ink, var(--c-strong)) !important;
}
:is(.model-group-tabs,div.mb-4.flex.flex-wrap.items-center.gap-2:has(>button[style*="color"])) > button.bg-brand-dim {
  color: var(--group-ink, var(--c-brand)) !important;
  background: var(--group-selected-bg, var(--c-brand-dim)) !important;
  border-color: var(--group-ink, var(--c-brand));
  box-shadow: inset 0 0 0 1px var(--group-ink, var(--c-brand)) !important;
}
:is(.model-group-tabs,div.mb-4.flex.flex-wrap.items-center.gap-2:has(>button[style*="color"])) > button > span {
  font-size: 11px;
  font-weight: 500;
  opacity: 1;
}
:is(.model-group-tabs,div.mb-4.flex.flex-wrap.items-center.gap-2:has(>button[style*="color"])) > button > span:not(.model-group-count)::before { content: '['; }
:is(.model-group-tabs,div.mb-4.flex.flex-wrap.items-center.gap-2:has(>button[style*="color"])) > button > span:not(.model-group-count)::after { content: ']'; }