[data-ds-component=Tabs]{--ds-tabs-spacing-gap:var(--core-spacing-size-04);--ds-tabs-spacing-padding:var(--core-spacing-size-04);--ds-tabs-spacing-panel-gap:var(--core-spacing-size-06);--ds-tabs-color-fg:var(--semantic-color-foreground-primary);--ds-tabs-color-active-fg:var(--semantic-color-foreground-primary);--ds-tabs-color-active-bg:var(--semantic-color-background-secondary);--ds-tabs-color-disabled-fg:var(--semantic-color-foreground-disabled);--ds-tabs-color-indicator:var(--semantic-color-border-accent);--ds-tabs-color-focus:var(--semantic-color-border-accent);--ds-tabs-color-hover-bg:var(--semantic-color-background-hover);--ds-tabs-color-hover-fg:var(--semantic-color-foreground-primary);--ds-tabs-shape-radius:var(--core-shape-radius-medium);--ds-tabs-motion-indicator:var(--core-motion-duration-short)}
[data-ds-component=Tabs]{contain:layout}[data-ds-component=Tabs] .list{gap:var(--ds-tabs-spacing-gap);display:inline-flex;position:relative}[data-ds-component=Tabs] .indicator{background:var(--ds-tabs-color-indicator);height:2px;transition:transform var(--ds-tabs-motion-indicator);inline-size:100px;position:absolute;inset-block-end:0;transform:translate(0%)}[data-ds-component=Tabs] .tab{padding:var(--ds-tabs-spacing-padding);color:var(--ds-tabs-color-fg);cursor:pointer;background:0 0;border:none}[data-ds-component=Tabs] .tab:focus-visible{border-radius:var(--ds-tabs-shape-radius,.25rem);outline:2px solid var(--ds-tabs-color-focus);outline-offset:2px}[data-ds-component=Tabs] .tab:hover:not(.tabDisabled){background:var(--ds-tabs-color-hover-bg,#0000000d);color:var(--ds-tabs-color-hover-fg,var(--ds-tabs-color-active-fg))}@supports (color:lab(0% 0 0)){[data-ds-component=Tabs] .tab:hover:not(.tabDisabled){background:var(--ds-tabs-color-hover-bg,lab(0% 0 0/.05))}}[data-ds-component=Tabs] .tabActive{background:var(--ds-tabs-color-active-bg);color:var(--ds-tabs-color-active-fg)}[data-ds-component=Tabs] .tabDisabled{color:var(--ds-tabs-color-disabled-fg);cursor:not-allowed}[data-ds-component=Tabs] .panel{margin-block-start:var(--ds-tabs-spacing-panel-gap)}[data-ds-component=Tabs] .panelActive{opacity:1}[data-ds-component=Tabs] .panelInactive{opacity:0}