.surface{background:var(--surface-2)}:where(.count){background:var(--surface-2);border-radius:var(--radius-pill);color:inherit;display:inline-block;font-size:.8em;font-weight:var(--font-weight-medium);line-height:1.6;padding:.1em .55em;white-space:nowrap}.count--tone-accent,.count--tone-error,.count--tone-info,.count--tone-success,.count--tone-warning{background:var(--feedback-fill);color:var(--feedback-on-fill)}.count--tone-info{--feedback-color:var(--info-11);--feedback-bg:var(--info-3);--feedback-border-color:var(--feedback-color);--feedback-fill:var(--info-9);--feedback-on-fill:var(--info-contrast)}.count--tone-success{--feedback-color:var(--success-11);--feedback-bg:var(--success-3);--feedback-border-color:var(--feedback-color);--feedback-fill:var(--success-9);--feedback-on-fill:var(--success-contrast)}.count--tone-warning{--feedback-color:var(--warning-11);--feedback-bg:var(--warning-3);--feedback-border-color:var(--feedback-color);--feedback-fill:var(--warning-9);--feedback-on-fill:var(--warning-contrast)}.count--tone-error{--feedback-color:var(--error-11);--feedback-bg:var(--error-3);--feedback-border-color:var(--feedback-color);--feedback-fill:var(--error-9);--feedback-on-fill:var(--error-contrast)}.count--tone-accent{--feedback-fill:var(--accent-9);--feedback-on-fill:var(--accent-contrast)}.has-count{position:relative}.count--corner{box-shadow:0 0 0 2px var(--surface-page,var(--surface-1));font-size:.6em;inset-block-start:-.45em;inset-inline-start:calc(100% - .55em);line-height:1.6;min-width:1.6em;padding:0 .4em;pointer-events:none;position:absolute;text-align:center}.count--dot{font-size:inherit;height:.6em;line-height:0;min-width:0;padding:0;width:.6em}.count--corner.count--dot{inset-block-start:-.1em;inset-inline-start:calc(100% - .5em)}:where(.count)[hidden]{display:none}.tabs{background:var(--surface-shell);border-bottom:var(--tabs-border,var(--border-separator));display:flex;gap:var(--tabs-inset,0);padding:var(--tabs-inset,0)}.tabs--fill{width:100%}.tabs--fill .tabs--item{flex:1 1 0;justify-content:center;max-width:none;min-width:max-content}.tabs:not(.page-tabs){overflow-x:auto;scrollbar-width:none}.tabs:not(.page-tabs)>.tabs--item{flex-shrink:0}.tabs--compact{--density-padding-block:var(--space-1);--density-padding-inline:var(--space-2);--density-gap:var(--space-1);--control-size:calc(var(--space-1)*2 + var(--font-size-3)*1.375)}.tabs--compact .tabs--item{padding:calc(var(--space-3) - var(--tabs-inset, 0px)) var(--space-3)}.tabs--compact .tabs--item-content{gap:var(--space-1)}.tabs--item{border-radius:var(--tabs-radius,0);color:var(--text-color-muted);justify-content:center;max-width:16rem;padding:calc(var(--space-4) - var(--tabs-inset, 0px)) var(--space-6);text-decoration:none}.tabs--item,.tabs--item-content{align-items:center;display:inline-flex;min-width:0}.tabs--item-content{gap:var(--space-1);max-width:100%}.tabs--item-icon{align-items:center;display:inline-flex;flex-shrink:0;line-height:1}.tabs--item-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tabs--item-count{flex-shrink:0}.tabs--item:not(.tabs--item--active):hover{background:var(--surface-2)}.tabs--item--active{background:var(--state-active);border-color:var(--border-color-default);color:var(--text-color-default)}.tabs-panels,.tabs-panels [data-tab]{width:100%}