.tab{align-items:center;display:inline-flex;font-weight:var(--font-weight-semi-bold);gap:8px;padding:var(--spacing-5);transition-duration:var(--transition-duration-1)}.tab:focus-visible{outline:var(--outline-focus)}.tab:disabled{cursor:not-allowed;opacity:var(--disabled-opacity)}.tab.primary{border-radius:var(--border-radius-1);transition-property:background-color,color}@media (hover:hover){.tab.primary:hover:not(:disabled){background-color:var(--neutral-color-3)}}.tab.primary:active:not(:disabled){background-color:var(--neutral-color-3)}.tab.primary[aria-selected=true]:not(:disabled){background-color:var(--version-color);color:#fff}.tab.secondary{border-radius:var(--border-radius-1) var(--border-radius-1) 0 0;position:relative;transition-property:background-color}.tab.secondary:after{background-color:var(--version-color);content:"";height:2px;left:0;opacity:0;position:absolute;top:100%;transition-duration:var(--transition-duration-1);transition-property:opacity;width:100%}@media (hover:hover){.tab.secondary:hover:not(:disabled){background-color:var(--neutral-color-2)}}.tab.secondary:active:not(:disabled){background-color:var(--neutral-color-2)}.tab.secondary[aria-selected=true]:not(:disabled):after{opacity:1}.tab-icon{color:var(--red-color);transition-duration:var(--transition-duration-1);transition-property:background-color,color}.tab[aria-selected=true] .tab-icon{color:#fff}.tab-field-container{border-bottom:1px solid var(--neutral-color-3);display:flex;flex-shrink:0;gap:var(--spacing-5);overflow:auto;padding:var(--spacing-4);scrollbar-color:var(--neutral-color-2) transparent;scrollbar-width:thin;transition-duration:var(--transition-duration-1);transition-property:scrollbar-color;white-space:nowrap}@media (hover:hover){.tab-field-container:hover{scrollbar-color:var(--neutral-color-4) var(--neutral-color-2)}}.tab-field-container.primary{background-color:var(--neutral-color-2);position:sticky;top:0;z-index:1}.tab-field-container.secondary{border-bottom-width:2px;gap:0;overflow:unset;padding:0}
