:root{--tab-selected-surface:rgb(var(--ds-surface-raised));--tab-text:rgb(var(--ds-gray-500));--tab-indicator:rgb(var(--ds-brand));--tab-pill-height:36px;--tab-pill-font-size:13px;--tab-pill-padding:14px;--tab-underline-height:40px;--tab-underline-font-size:14px}button[data-tab-variant]{white-space:nowrap;flex-shrink:0;line-height:1.5;transition:color .15s,background-color .15s}button[data-tab-variant]:focus-visible{outline:2px solid var(--tab-indicator);outline-offset:-2px}:is(div,nav):has(>button[data-tab-variant=pill]){box-shadow:none;background:0 0;border:0;padding:0}:is(div,nav):has(>button[data-tab-variant=underline]){border-bottom-width:0}button[data-tab-variant=pill]{height:var(--tab-pill-height);min-height:var(--tab-pill-height);padding:0 var(--tab-pill-padding);font-size:var(--tab-pill-font-size);color:var(--tab-text);box-shadow:none;background:0 0;border-color:#0000;border-radius:9999px}button[data-tab-variant=pill][data-tab-active=true]{background:var(--tab-selected-surface);color:#fff;font-weight:600}button[data-tab-variant=underline]{min-height:var(--tab-underline-height);font-size:var(--tab-underline-font-size);color:var(--tab-text);box-shadow:none;background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;padding:0 4px 4px;font-weight:500;display:inline-flex;position:relative}button[data-tab-variant=underline]:after{content:"";top:calc(50% + .75em + 1px);bottom:auto;pointer-events:none;background:0 0;border-radius:9999px;height:3px;position:absolute;inset-inline:4px}button[data-tab-variant=underline][data-tab-active=true]{color:#fff;font-weight:700}button[data-tab-variant=underline][data-tab-active=true]:after{background:var(--tab-indicator)}@media (hover:hover){button[data-tab-variant]:not(:disabled):hover{color:#fff}}button[data-tab-variant]:disabled{cursor:not-allowed;opacity:.5}