.ds-tabs{--ds-tab-h:32px;--ds-tab-px:var(--ds-space-3);--ds-tab-fs:var(--ds-text-ui);position:relative;display:inline-flex;align-items:center;max-width:100%;overflow-x:auto;scrollbar-width:none}.ds-tabs::-webkit-scrollbar{display:none}.ds-tabs--sm{--ds-tab-h:28px;--ds-tab-px:var(--ds-space-2);--ds-tab-fs:var(--ds-text-sm)}.ds-tabs--fill{display:flex}.ds-tabs--fill .ds-tabs__tab{flex:1 1}.ds-tabs__tab{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:var(--ds-space-2);height:var(--ds-tab-h);padding:0 var(--ds-tab-px);border:0;background:transparent;border-radius:var(--ds-radius-sm);font-family:var(--ds-font-sans);font-size:var(--ds-tab-fs);font-weight:var(--ds-weight-medium);line-height:1;color:var(--ds-text-muted);white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color var(--ds-dur-fast) var(--ds-ease-enter),background-color var(--ds-dur-fast) var(--ds-ease-enter)}.ds-tabs__tab:hover:not(:disabled):not(.is-active){color:var(--ds-text)}.ds-tabs__tab.is-active{color:var(--ds-text);font-weight:var(--ds-weight-semibold)}.ds-tabs__tab:disabled{cursor:not-allowed;opacity:.45}.ds-tabs__tab:focus-visible{outline:2px solid var(--ds-focus);outline-offset:-2px}.ds-tabs__count{font-size:var(--ds-text-2xs);font-weight:var(--ds-weight-semibold);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;padding:0 var(--ds-space-1);min-width:18px;height:18px;line-height:18px;text-align:center;border-radius:var(--ds-radius-full);background:var(--ds-surface-sunken);color:var(--ds-text-muted)}.ds-tabs__tab.is-active .ds-tabs__count{background:var(--ds-accent-tint);color:var(--ds-accent-strong)}.ds-tabs__dot{width:6px;height:6px;border-radius:var(--ds-radius-full);background:var(--ds-text-muted)}.ds-tabs__dot--accent{background:var(--ds-accent)}.ds-tabs__dot--success{background:var(--ds-success)}.ds-tabs__dot--warning{background:var(--ds-warning)}.ds-tabs__dot--danger{background:var(--ds-danger)}.ds-tabs__dot--info{background:var(--ds-info)}.ds-tabs__ind{position:absolute;left:0;top:0;z-index:0;width:var(--ds-ind-w);height:100%;transform:translateX(var(--ds-ind-x));pointer-events:none;transition:transform var(--ds-dur-base) var(--ds-ease-enter)}.ds-tabs{padding:3px;border-radius:var(--ds-radius-md);background:var(--ds-surface-sunken);border:1px solid var(--ds-border-strong)}.ds-tabs__ind{top:3px;height:calc(100% - 6px);border-radius:var(--ds-radius-sm);background:var(--ds-surface-raised);border:1px solid var(--ds-border-strong);box-sizing:border-box}.ds-tabs:not(.has-ind) .ds-tabs__tab.is-active{background:var(--ds-surface-raised);outline:1px solid var(--ds-border-strong);outline-offset:-1px}@media (prefers-reduced-motion:reduce){.ds-tabs__ind{transition:none}}