@layer components.tabs{ec-tabs a[slot=nav]{color:inherit;outline:none;text-decoration:none}ec-tabs e-tab-button[slot=nav],ec-tabs a[slot=nav] e-tab{justify-content:center;align-items:center;gap:var(--space-rem-3xs);padding:var(--space-rem-3xs) var(--space-rem-s);cursor:pointer;background:var(--tabs-inactive-background-color,transparent);color:var(--color-text);font-size:var(--step--1);user-select:none;border:1px solid var(--gray-300);white-space:nowrap;transition:border-color var(--interactive-transition-duration) ease, background-color var(--interactive-transition-duration) ease, color var(--interactive-transition-duration) ease, transform var(--interactive-transition-duration) ease-out;--color-icon:var(--gray-500);border-radius:9999px;flex-shrink:0;font-weight:500;display:inline-flex}ec-tabs e-tab-button[slot=nav] ec-badge,ec-tabs a[slot=nav] e-tab ec-badge{transition:background-color var(--interactive-transition-duration) ease, color var(--interactive-transition-duration) ease}ec-tabs e-tab-button[slot=nav]:hover ec-badge,ec-tabs a[slot=nav]:hover e-tab ec-badge{background-color:var(--color-primary);--_badge-color:var(--white)}ec-tabs e-tab-button[slot=nav][active] ec-badge,ec-tabs a[slot=nav] e-tab[active] ec-badge{background-color:var(--white);--_badge-color:var(--color-primary)}ec-tabs e-tab-button[slot=nav]:hover,ec-tabs a[slot=nav]:hover e-tab{border-color:var(--color-primary);--color-icon:var(--color-primary)}ec-tabs e-tab-button[slot=nav]:active,ec-tabs a[slot=nav]:active e-tab{transform:scale(var(--interactive-scale,.97))}ec-tabs e-tab-button[slot=nav]:focus-visible,ec-tabs a[slot=nav]:focus-visible e-tab{outline:2px solid var(--color-primary);outline-offset:1px}ec-tabs e-tab-button[slot=nav][active],ec-tabs a[slot=nav] e-tab[active]{background:var(--color-primary);color:var(--white);--color-icon:var(--white);border-color:#0000}@media (prefers-reduced-motion:reduce){ec-tabs e-tab-button[slot=nav],ec-tabs a[slot=nav] e-tab,ec-tabs e-tab-button[slot=nav] ec-badge,ec-tabs a[slot=nav] e-tab ec-badge{transition:none}ec-tabs e-tab-button[slot=nav]:active,ec-tabs a[slot=nav]:active e-tab{transform:none}}}