@layer components{.page-tabs{height:42px;box-shadow:inset 0 -1px 0 var(--color-line-soft);scrollbar-width:none;align-items:stretch;gap:2px;margin-inline:-8px;display:flex;overflow-x:auto}.page-tabs::-webkit-scrollbar{display:none}.page-tabs--stretch{height:auto;min-height:0;box-shadow:none;align-self:stretch}.page-tabs--flush{padding:0 calc(var(--side-padding) - 8px);margin-inline:0}.page-tab{white-space:nowrap;font-size:var(--text-sm);color:var(--color-content-muted);cursor:pointer;transition:color var(--duration-normal) ease;background:0 0;border:0;flex-shrink:0;align-items:center;gap:7px;padding:0 8px;font-weight:500;display:inline-flex}.page-tab:hover:not(:disabled){color:var(--color-content-strong)}.page-tab:disabled{color:var(--color-content-faint);cursor:not-allowed}.page-tab:focus-visible{outline:2px solid var(--color-ring);outline-offset:-2px;border-radius:var(--radius-sm)}.page-tab[aria-selected=true],.page-tab[data-status=active],.page-tab[aria-pressed=true],.page-tab.is-active{color:var(--color-content-strong);box-shadow:inset 0 -2px 0 var(--color-content-strong)}.page-tab-marker{cursor:default;color:var(--color-content-strong);box-shadow:inset 0 -2px 0 var(--color-content-strong)}.page-tab-count{font-variant-numeric:tabular-nums;color:var(--color-content-muted);font-size:11.5px;font-weight:400}.page-tab[aria-selected=true] .page-tab-count,.page-tab[data-status=active] .page-tab-count,.page-tab[aria-pressed=true] .page-tab-count,.page-tab.is-active .page-tab-count{color:var(--color-content)}}