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