:root,:host{--tab-background: transparent;--tab-foreground: var(--color-black);--tab-border: none;--tab-border-radius: none;--tab-box-shadow: none;--tab-font-weight: var(--font-weight-regular);--tab-font-size: 16px;--tab-line-height: 24px;--tab-padding: 8px 12px;--tab-gap: 8px;--tab-active-border-width: 3px;--tab-background-active: var(--tab-background);--tab-foreground-active: #d72020;--tab-border-active: var(--tab-border);--tab-border-radius-active: var(--tab-border-radius);--tab-box-shadow-active: 0 3px 0 0 var(--tab-foreground-active);--tab-font-weight-active: var(--tab-font-weight);--tab-font-size-active: var(--tab-font-size);--tab-line-height-active: var(--tab-line-height)}.tab{--background: var(--tab-background);--foreground: var(--tab-foreground);--border: var(--tab-border);--border-radius: var(--tab-border-radius);--shadow: var(--tab-box-shadow);--font-weight: var(--tab-font-weight);--font-size: var(--tab-font-size);--line-height: var(--tab-line-height);--padding: var(--tab-padding);--gap: var(--tab-gap);--background-active: var(--tab-background-active);--foreground-active: var(--tab-foreground-active);--border-active: var(--tab-border-active);--border-radius-active: var(--tab-border-radius-active);--font-weight-active: var(--tab-font-weight-active);--font-size-active: var(--tab-font-size-active);--line-height-active: var(--tab-line-height-active);display:flex;align-items:center;width:fit-content;height:auto;background:var(--background);color:var(--foreground);border:var(--border);border-radius:var(--border-radius);box-shadow:var(--shadow);font-weight:var(--font-weight);font-size:var(--font-size);line-height:var(--line-height);padding:var(--padding);gap:var(--gap);transition:color .15s ease-in-out,box-shadow .15s ease-in-out,background-color .15s ease-in-out;white-space:nowrap;cursor:pointer}.tab.active,.tab[aria-selected=true],.tab:hover{--background: var(--tab-background-active);--foreground: var(--tab-foreground-active);--border: var(--tab-border-active);--border-radius: var(--tab-border-radius-active);--shadow: var(--tab-box-shadow-active);--font-weight: var(--tab-font-weight-active);--font-size: var(--tab-font-size-active);--line-height: var(--tab-line-height-active)}.tab .badge{--shadow: none}:root,:host{--tab-group-gap: 48px;--tab-group-box-shadow: inset 0 -1px 0 0 var(--color-black)}nav.tab-group{display:flex;padding-bottom:var(--tab-active-border-width, 2px);box-shadow:var(--tab-group-box-shadow);overflow:auto;gap:var(--tab-group-gap, 12px)}