.Tab{color:var(--color-gray-600)}.Tab:hover,.Tab[data-active=true]{color:var(--color-contrast)}.TabsNav{gap:var(--space-4)}@media (min-width: 640px){.Tabs[data-layout=vertical] .TabsNav{flex-direction:column;align-items:start}}.Tabs[data-variant=pills] .Tab{background-color:transparent;border:1px solid var(--color-gray-200);border-radius:var(--radius-full);padding:var(--space-1) var(--space-5);color:var(--color-gray-900)}.Tabs[data-variant=pills] .Tab:hover,.Tabs[data-variant=pills] .Tab[data-active=true]{color:var(--color-base);background-color:var(--color-contrast);border-color:var(--color-contrast)}.Tabs[data-variant=pills] .TabsNav{gap:var(--space-2)}.Tabs[data-variant=segmented] .TabsNav{background-color:var(--color-gray-200);border-radius:var(--radius);padding:var(--space-2)}.Tabs[data-variant=segmented] .Tab{background-color:transparent;border:1px solid var(--color-gray-200);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-5);color:var(--color-gray-900)}.Tabs[data-variant=segmented] .Tab:hover,.Tabs[data-variant=segmented] .Tab[data-active=true]{background-color:var(--color-base)}.Tabs[data-variant=segmented] .TabsNav{gap:0}