.tabs{font-family:var(--font-family-base);flex-direction:column;display:flex}.tabs__list{flex-shrink:0;display:flex;position:relative}.tabs--line .tabs__list{border-bottom:var(--border-width-default) solid var(--color-border-default)}.tabs--pill .tabs__list{gap:var(--space-tight-gap)}.tabs__trigger{align-items:center;gap:var(--space-tight-gap);min-height:var(--size-touch-target);padding:var(--space-control-padding-y) var(--space-control-padding-x);color:var(--color-text-secondary);font-family:inherit;font-size:var(--font-size-control);font-weight:var(--font-weight-control);cursor:pointer;white-space:nowrap;transition:color var(--duration-interaction) var(--easing-default), background var(--duration-interaction) var(--easing-default);background:0 0;border:none;border-radius:0;outline:none;line-height:1;display:inline-flex;position:relative}.tabs__trigger:hover{color:var(--color-text-primary);background:var(--color-surface-secondary)}.tabs__trigger[data-state=active]{color:var(--color-text-primary)}.tabs__trigger[data-disabled]{opacity:var(--opacity-disabled);cursor:not-allowed;pointer-events:none}.tabs__trigger:focus-visible{outline:var(--focus-ring-width) solid var(--color-border-focus);outline-offset:calc(var(--focus-ring-offset) * -1);border-radius:var(--border-radius-sm)}.tabs--line .tabs__trigger:after{content:"";bottom:calc(-1 * var(--border-width-default));height:var(--tabs-indicator-height);background:var(--color-accent-default);transition:transform var(--duration-interaction) var(--easing-default);position:absolute;left:0;right:0;transform:scaleX(0)}.tabs--line .tabs__trigger[data-state=active]:after{transform:scaleX(1)}.tabs--pill .tabs__trigger{border-radius:var(--border-radius-interactive);background:0 0}.tabs--pill .tabs__trigger[data-state=active]{background:var(--color-surface-secondary)}.tabs--sm .tabs__trigger{padding:var(--space-compact-padding-y) var(--space-compact-padding-x);font-size:var(--font-size-small)}.tabs__content{outline:none;padding-block-start:var(--tabs-content-padding-top)}.tabs__content:focus-visible{outline:var(--focus-ring-width) solid var(--color-border-focus);outline-offset:var(--focus-ring-offset);border-radius:var(--border-radius-sm)}@media (prefers-reduced-motion:reduce){.tabs__trigger,.tabs--line .tabs__trigger:after{transition:none}}