@layer components{.tabs__root{gap:calc(var(--spacing) * 2);flex-direction:column}.tabs__list{align-self:flex-start;align-items:center;gap:calc(var(--spacing) * 1);flex-direction:row}.tabs__list--variant-primary{border-radius:var(--radius-3xl);background-color:var(--color-default);padding:3px}.tabs__list--variant-secondary{border-bottom-width:1px;border-color:var(--color-border);padding:0}.tabs__list-background{border-radius:var(--radius-3xl);position:absolute;inset:0;overflow:hidden}.tabs__scroll-view{flex-grow:1}.tabs__scroll-view--variant-primary{border-radius:var(--radius-3xl);margin-block:-3px}.tabs__scroll-view-content-container{flex-grow:1}.tabs__scroll-view-content-container--variant-primary{padding-block:3px;padding-inline:1px}.tabs__trigger{padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 1.5);justify-content:center;align-items:center;gap:calc(var(--spacing) * 1.5);flex-direction:row}.tabs__label{font-size:var(--text-base);line-height:var(--text-base--line-height);@apply font-medium;}.tabs__label--is-selected{color:var(--color-segment-foreground)}.tabs__label--is-selected-false{color:var(--color-muted)}.tabs__indicator{position:absolute;left:0}.tabs__indicator--variant-primary{border-radius:var(--radius-3xl);background-color:var(--color-segment)}.tabs__indicator--variant-secondary{border-bottom-width:2px;border-color:var(--color-accent);bottom:0}.tabs__indicator--variant-primary--is-scroll-view{top:3px}.tabs__separator{background-color:color-mix(in oklab, var(--color-separator) 30%, transparent);align-self:center;width:1px;height:60%}}