@layer components{.tabs{align-items:stretch;gap:var(--space-md);overscroll-behavior-x:contain;scrollbar-width:none;width:100%;box-shadow:inset 0 calc(-1 * var(--border-width-thin)) 0 var(--border-subtle);flex-flow:row;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{align-items:center;gap:var(--space-2xs);padding:0 0 var(--space-sm);color:var(--text-tertiary);cursor:pointer;box-shadow:inset 0 calc(-1 * var(--border-width-thick)) 0 transparent;transition:color var(--duration-press) ease, box-shadow var(--duration-press) ease;background:0 0;border:0;flex-flow:row;margin:0;display:inline-flex}@media (hover:hover) and (pointer:fine){.tab:hover:not(:disabled):not(.tab--disabled):not(.tab[data-active]){color:var(--text-secondary)}}.tab__label{font-family:var(--font-sans);font-feature-settings:var(--font-sans--font-feature-settings);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-sm);letter-spacing:var(--letter-spacing-normal);white-space:nowrap}.tab[data-active]{color:var(--text-primary);box-shadow:inset 0 calc(-1 * var(--border-width-thick)) 0 var(--text-primary)}.tab:focus{outline:none}.tab:focus-visible{border-radius:var(--radius-md);box-shadow:inset 0 calc(-1 * var(--border-width-thick)) 0 var(--tab-underline,transparent), 0 0 0 var(--size-focus-gap) var(--border-focus-gap), 0 0 0 calc(var(--size-focus-gap) + var(--size-focus-ring)) var(--border-focus)}.tab[data-active]:focus-visible{--tab-underline:var(--text-primary)}.tab:disabled{cursor:not-allowed;opacity:.5}}