.tabs{background-color:var(--tabs-background);flex-direction:column;padding:1px}.tab,.tabs{border-radius:var(--border-radius);border:var(--tabs-border);display:flex;overflow:hidden}.tab{cursor:pointer;height:34px;color:var(--tabs-color);line-height:.9;font-size:var(--font-size-base);font-weight:var(--font-weight-normal);padding:0 var(--spacing-md);background-color:#0000;justify-content:center;align-items:center;margin:1px;transition:all .15s ease-out;position:relative}.tab:hover:not(.tab--disabled){color:var(--tab-color-hover);background:var(--tab-background-hover);border-color:var(--border-hover)}.tab--active{font-weight:var(--font-weight-bold);color:var(--tab-color-active);background-color:var(--tab-background-active);border-color:var(--border-active);box-shadow:var(--shadow-sm)}.tab--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.tab--closable{gap:var(--spacing-xs);padding-right:var(--spacing-xs);display:flex}.tab-text{flex:1}.tab-close{cursor:pointer;color:var(--text-secondary);border-radius:var(--radius-sm);opacity:.7;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}.tab-close:hover{opacity:1;color:var(--text-primary);background-color:#0000001a}.tab--active .tab-close:hover{background-color:#00000014}.tab-close:focus-visible{outline:var(--border-w-thick) solid var(--color-brand);outline-offset:1px}.tab:focus-visible{outline:var(--border-w-thick) solid var(--color-brand);outline-offset:2px;z-index:1}.tabs--fit-content .tab{width:auto;padding:0 var(--spacing-lg);flex-grow:0;flex-shrink:0}@media (width>=40em){.tabs{margin-bottom:var(--spacing-sm);height:var(--space-10);flex-direction:row}.tab{width:100%}.tabs--fit-content .tab{width:auto}}.tabs--fit-content .tab--closable{padding-left:var(--spacing-lg);padding-right:var(--spacing-xs)}