.tab{justify-content:center;align-items:center;gap:var(--tab-gap);height:var(--tab-height);padding:var(--tab-padding-y) var(--tab-padding-x);font-family:var(--font-family-base);font-size:inherit;font-weight:var(--font-weight-normal);color:var(--tab-color);background-color:var(--tab-background);border:var(--border-w-thin) solid var(--tab-border-color);border-radius:var(--tab-radius) var(--tab-radius) 0 0;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:var(--transition-fast);z-index:1;margin:0;line-height:normal;text-decoration:none;display:flex;position:relative;overflow:hidden}.tab:hover:not(.tab--disabled){color:var(--tab-color-hover);background-color:var(--tab-background-hover);border-color:var(--tab-border-color-hover)}.tab.tab--active{z-index:2;font-weight:var(--font-weight-medium)}.tab:focus-visible{outline:var(--border-w-thick) solid var(--color-brand);outline-offset:-2px}.tab--active{color:var(--tab-color-active);background-color:var(--tab-background-active);border-color:var(--tab-border-color-active)}.tabs--pills .tab.tab--active{box-shadow:var(--shadow-sm)}.tabs--underlined .tab{border-bottom:var(--border-w-thick) solid transparent;height:calc(var(--tab-height) + 2px);margin-bottom:-1px;background-color:#0000!important}.tabs--underlined .tab.tab--active{color:var(--tab-color-active)}.tabs--underlined .tab:hover:not(.tab--disabled,.tab--active){border-bottom-color:var(--tab-border-color-hover)}.tabs--boxed .tab:first-child{border-top-left-radius:var(--tab-radius);border-bottom-left-radius:0}.tabs--boxed .tab:last-child{border-top-right-radius:var(--tab-radius);border-bottom-right-radius:0}.tabs--boxed .tab.tab--active{border-bottom-color:var(--brand-surface-base)}.tabs--card .tabs-list{background-color:var(--brand-surface-sunken);padding:var(--spacing-xs) var(--spacing-xs) 0;gap:var(--spacing-xs);border-bottom:var(--border-w-thin) solid var(--border-subtle)}.tabs--card .tab{border-radius:var(--radius-md);background-color:var(--brand-surface-2);border:var(--border-w-thin) solid var(--border-subtle);opacity:.8;border-bottom:none}.tabs--card .tab.tab--active{background-color:var(--brand-surface-base);opacity:1;padding-bottom:calc(var(--tab-padding-y) + 1px);z-index:1;margin-bottom:-1px}.tab--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.tab--closable{padding-right:var(--spacing-xs)}.tab--closable .tab-label{margin-right:var(--spacing-xs)}.tabs--underlined .tab--closable{padding-right:var(--spacing-xs)}.tab-label{flex:1;align-items:center;min-width:0;display:flex}.tab-badge,.tab-icon{flex-shrink:0}.tab-badge{justify-content:center;align-items:center;min-width:1.5em;height:1.5em;margin-left:.5em;padding:0 .375em;font-size:.75em;display:inline-flex}.tabs--fit-content .tab{width:auto;padding-left:var(--spacing-lg);padding-right:var(--spacing-lg);flex-grow:0;flex-shrink:0}.tabs--fit-content .tab--closable{padding-left:var(--spacing-lg);padding-right:var(--spacing-xs)}@media (width>=40em){.tabs--horizontal .tab{flex-grow:0;flex-shrink:0;width:auto}.tabs--full-width .tab{flex-grow:1;flex-shrink:1;width:100%}}.tab-close{width:var(--space-6);height:var(--space-6);margin-left:var(--spacing-xs);border-radius:var(--radius-sm);color:inherit;cursor:pointer;opacity:.8;transition:var(--transition-fast);z-index:2;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex;position:relative;overflow:visible}.tab-close .icon{pointer-events:none;width:var(--space-4);height:var(--space-4);min-width:var(--space-4);min-height:var(--space-4);display:block}.tab-close:hover{opacity:1;background-color:var(--brand-surface-2-hover)}.tab-close:focus-visible{outline:var(--border-w-thick) solid var(--color-brand);outline-offset:1px;opacity:1}.tab--active .tab-close:hover{background-color:var(--brand-surface-1-hover)}a.tab{text-decoration:none}.tabs--pills{--tabs-background:transparent;--tabs-border:none;--tabs-padding:0;--tab-gap:4px}.tabs--pills .tab{border-radius:0;margin:0}.tabs--underlined{--tabs-background:transparent;--tabs-border:none;--tabs-padding:0}.tabs--underlined .tab{background:0 0;border:none;border-bottom:3px solid #0000;border-radius:0;margin:0;position:relative}.tabs--underlined .tab:hover:not(.tab--disabled){border-bottom-color:var(--tab-border-color-hover);background:0 0}.tabs--underlined .tab.tab--active{border-bottom-color:var(--tab-border-color-active);background:0 0}.tabs--boxed{--tabs-background:transparent;--tabs-border:none;--tabs-padding:0;--tab-gap:0}.tabs--boxed .tabs-list{border-bottom:var(--border-w-thin) solid var(--border-subtle)}.tabs--boxed .tab{border:var(--border-w-thin) solid var(--border-subtle);border-radius:var(--radius-md) var(--radius-md) 0 0;background-color:var(--brand-surface-2);border-bottom:none;margin-right:-1px}.tabs--boxed .tab:first-child{border-top-left-radius:var(--radius-md)}.tabs--boxed .tab:last-child{border-top-right-radius:var(--radius-md);margin-right:0}.tabs--boxed .tab.tab--active{background-color:var(--brand-surface-base);border-bottom:var(--border-w-thin) solid var(--brand-surface-base);z-index:1;margin-bottom:-1px}.tabs--boxed .tab:hover:not(.tab--disabled,.tab--active){background-color:var(--brand-surface-2-hover)}.tabs--flat{--tab-background:transparent;--tab-background-hover:var(--brand-surface-1-hover);--tab-background-active:transparent;--tab-gap:4px}.tabs--flat .tab{border-radius:var(--radius-sm)}.tabs--flat .tab.tab--active{color:var(--tab-color-active);font-weight:var(--font-weight-bold)}.tabs--segmented{--tabs-background:var(--brand-surface-sunken);--tabs-padding:4px;--tab-radius:calc(var(--radius-md) - 2px)}.tabs--segmented .tabs-list{border-radius:var(--radius-md)}.tabs--segmented .tab{color:var(--color-text-muted);border-radius:var(--tab-radius);background:0 0;border:none}.tabs--segmented .tab:hover:not(.tab--disabled,.tab--active){color:var(--color-text-base)}.tabs--segmented .tab.tab--active{background-color:var(--brand-surface-base);color:var(--color-brand);box-shadow:var(--shadow-sm)}.tabs--bordered{--tabs-padding:0;--tab-gap:4px}.tabs--bordered .tabs-list{gap:var(--tab-gap);border-bottom:var(--border-w-thin) solid var(--border-subtle);padding-left:var(--spacing-xs);padding-right:var(--spacing-xs)}.tabs--bordered .tab{border:var(--border-w-thin) solid transparent;border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md);transition:all var(--transition-fast);z-index:0;background:0 0;margin-bottom:-1px;position:relative}.tabs--bordered .tab.tab--active{border-color:var(--border-subtle);border-bottom-color:var(--brand-surface-base);background-color:var(--brand-surface-base);z-index:2}.tabs--bordered .tab:hover:not(.tab--disabled,.tab--active){background-color:var(--brand-surface-1-hover);border-color:var(--border-subtle);border-bottom-color:#0000}.tabs--vertical .tabs-list{border-radius:var(--tab-radius);padding:var(--tabs-padding)}.tabs--vertical .tab{border-radius:var(--radius-md);border:var(--border-w-thin) solid transparent;justify-content:flex-start;width:100%;margin:0}.tabs--vertical .tab.tab--active{background-color:var(--brand-surface-1);border-color:var(--border-subtle)}.tabs--vertical.tabs--underlined .tabs-list{border-bottom:none;border-right:var(--border-w-thin) solid var(--border-subtle)}.tabs--vertical.tabs--underlined .tab{border:none;border-right:3px solid #0000;border-radius:0}.tabs--vertical.tabs--underlined .tab.tab--active{border-right-color:var(--tab-border-color-active);background:0 0}.tabs--vertical.tabs--bordered .tabs-list{border-bottom:none;border-right:var(--border-w-thin) solid var(--border-subtle);padding-right:0}.tabs--vertical.tabs--bordered .tab{border-radius:var(--radius-md) 0 0 var(--radius-md);margin-right:-1px}.tabs--vertical.tabs--bordered .tab.tab--active{border-color:var(--border-subtle);border-right-color:var(--brand-surface-base);background-color:var(--brand-surface-base);z-index:2}
