.tabsRoot{border-radius:var(--radius-pill);isolation:isolate;flex-wrap:wrap;align-items:center;width:fit-content;max-width:100%;display:inline-flex;position:relative}.tabsRoot .tabsButton{z-index:1;opacity:.8;background:var(--container);border:1px solid var(--border,transparent);border-radius:var(--radius-pill,9999px);color:var(--textSecondary);cursor:pointer;appearance:none;-webkit-tap-highlight-color:#0000;touch-action:manipulation;-webkit-user-select:none;user-select:none;outline:none;flex:none;justify-content:center;align-items:center;gap:.5em;padding:.65em 1.4em;font-size:.9em;font-weight:300;transition:color .3s,opacity .1s,background .3s,border-color .3s;display:inline-flex;position:relative}.tabsRoot .tabsButton:hover:not(.isActive){opacity:1;background:var(--surface)}.tabsRoot .tabsButton:hover{color:var(--text)}.tabsRoot .tabsButton:focus-visible{outline:2px solid color-mix(in oklab,var(--primary)65%,transparent);outline-offset:2px}.tabsRoot .tabsButton.isActive{color:var(--background);text-transform:uppercase;cursor:default;opacity:1;border-color:#0000;font-weight:400}.tabsRoot .tabsButton.isActive .tabsIcon{color:var(--background)}.tabsRoot .tabsButton.isActive .tabsBadge{color:var(--background);background:color-mix(in srgb,var(--background)10%,transparent);font-weight:500}.tabsRoot .tabsButton.isDisabled{opacity:.45;pointer-events:none}.tabsRoot .tabsButton.hasBadge{padding-left:.75em}.tabsRoot .tabsBadge{text-align:center;border-radius:var(--radius-pill);background:var(--surface);min-width:2em;color:color-mix(in srgb,var(--text)65%,transparent);padding:.2em .5em;font-size:.75em;font-weight:300}.tabsRoot .tabsIndicator{z-index:0;pointer-events:none;background:var(--text);border-radius:inherit;position:absolute;inset:0}.tabsRoot .tabsIcon{z-index:1;align-items:center;font-size:1.2em;line-height:100%;display:inline-flex;position:relative}.tabsRoot .tabsLabel{z-index:1;white-space:nowrap;font-size:var(--font-md);justify-content:center;align-items:center;display:inline-flex;position:relative}.tabsRoot .tabsLabel .tabsLabelInner{white-space:nowrap;align-items:center;gap:.5em;display:flex}.tabsRoot .tabsLabelSkeleton{border-radius:var(--radius-sm);z-index:1;position:absolute;inset:0}.tabsRoot .tabsLabelGhost{visibility:hidden;pointer-events:none;white-space:nowrap}.tabsRoot.fullWidth{width:100%;display:flex}.tabsRoot.fullWidth .tabsButton{flex:1 1 0}.tabsRoot.vertical{flex-direction:column;align-items:stretch}.tabsRoot.vertical .tabsButton{justify-content:flex-start}.tabsRoot.vertical.autoWidth{align-items:stretch}.tabsRoot.autoWidth{width:fit-content;max-width:100%}.tabsRoot.autoWidth .tabsButton{flex:none}.tabsRoot.scroll{overscroll-behavior-inline:contain;scroll-behavior:smooth;scrollbar-width:none;touch-action:pan-x;cursor:grab;border-radius:0;flex-wrap:nowrap;width:100%;max-width:100%;display:flex;overflow:auto hidden}.tabsRoot.scroll::-webkit-scrollbar{display:none}.tabsRoot.scroll .tabsButton{white-space:nowrap;flex:none}.tabsRoot.scroll.autoWidth{width:100%}.tabsRoot.scroll.fullWidth .tabsButton{flex:none}.tabsRoot.scroll.isDragging{cursor:grabbing;scroll-behavior:auto;-webkit-user-select:none;user-select:none}.tabsRoot.scroll.isDragging .tabsButton{cursor:grabbing;pointer-events:none}.tabsRoot.staggerEntry .tabsButton{will-change:transform,opacity,filter}.tabsRoot.isLoading .tabsButton{pointer-events:none;cursor:default}@media (max-width:640px){.tabsRoot{--surfaceSize:2.5em;font-size:var(--font-sm)}.tabsRoot .tabsLabelInner{font-size:var(--font-sm)}.tabsRoot .tabsButton{min-height:var(--surfaceSize);padding-inline:var(--spacing-sm);font-weight:200;line-height:120%!important}.tabsRoot.scroll{-webkit-overflow-scrolling:touch}}