.tab-bar{min-width:0;max-width:100%;display:block;position:relative}.tab-bar:not([data-stretch=true]){width:max-content}.tab-bar[data-stretch=true]{width:100%}@media (width<=640px){.tab-bar[data-stretch=mobile]{width:100%}}.tab-bar__viewport{--tb-touch:0;--tb-row:max(34px, calc(var(--tb-touch) * 44px));--tb-font:max(13.5px, calc(var(--tb-touch) * 14px));--tb-icon:max(15px, calc(var(--tb-touch) * 16px));--tb-pad:max(6px, calc(var(--tb-touch) * 10px));--tb-gap:max(10px, calc(var(--tb-touch) * 14px));--tb-weight:500;--tb-weight-active:600;--tb-family:inherit;--tb-tracking:normal;--tb-group-gap:max(10px, calc(var(--tb-touch) * 12px));--tb-track-pad:3px;--tb-tab-radius:var(--radius-chip);--tb-track-radius:calc(var(--tb-tab-radius) + var(--tb-track-pad));--tb-fade:max(28px, calc(var(--tb-touch) * 44px))}.tab-bar[data-size=sm] .tab-bar__viewport{--tb-row:max(30px, calc(var(--tb-touch) * 36px));--tb-font:max(13px, calc(var(--tb-touch) * 13.5px));--tb-icon:max(14px, calc(var(--tb-touch) * 15px));--tb-pad:max(6px, calc(var(--tb-touch) * 9px));--tb-gap:max(8px, calc(var(--tb-touch) * 10px))}.tab-bar[data-size=lg] .tab-bar__viewport{--tb-row:max(32px, calc(var(--tb-touch) * 44px));--tb-font:max(13.5px, calc(var(--tb-touch) * 14px));--tb-icon:max(15px, calc(var(--tb-touch) * 16px));--tb-pad:max(4px, calc(var(--tb-touch) * 6px));--tb-gap:max(18px, calc(var(--tb-touch) * 20px));--tb-weight:500;--tb-weight-active:var(--font-weight-display);--tb-family:var(--font-display);--tb-tracking:-.005em;--tb-group-gap:max(16px, calc(var(--tb-touch) * 18px))}@media (pointer:coarse){.tab-bar__viewport{--tb-touch:1}}@media (width<=879px){.tab-bar__viewport{--tb-touch:1}}.tab-bar[data-size=lg][data-width=narrow] .tab-bar__viewport{--tb-font:max(13px, calc(var(--tb-touch) * 13.5px));--tb-icon:max(14px, calc(var(--tb-touch) * 15px));--tb-family:inherit;--tb-weight:500;--tb-weight-active:600;--tb-tracking:normal}.tab-bar__viewport{z-index:0;box-sizing:border-box;align-items:center;gap:var(--tb-gap);width:100%;max-width:100%;min-height:var(--tb-row);-webkit-overflow-scrolling:touch;scrollbar-width:none;touch-action:pan-x;overscroll-behavior-x:contain;--tb-fade-left:0px;--tb-fade-right:0px;-webkit-mask-image:linear-gradient(to right, transparent 0, #000 var(--tb-fade-left), #000 calc(100% - var(--tb-fade-right)), transparent 100%);-webkit-mask-image:linear-gradient(to right, transparent 0, #000 var(--tb-fade-left), #000 calc(100% - var(--tb-fade-right)), transparent 100%);mask-image:linear-gradient(to right, transparent 0, #000 var(--tb-fade-left), #000 calc(100% - var(--tb-fade-right)), transparent 100%);display:flex;position:relative;overflow-x:auto}.tab-bar__viewport[data-fade-left]{--tb-fade-left:var(--tb-fade)}.tab-bar__viewport[data-fade-right]{--tb-fade-right:var(--tb-fade)}.tab-bar__viewport::-webkit-scrollbar{display:none}.tab-bar[data-overflow=menu] .tab-bar__viewport{overflow:hidden;-webkit-mask-image:none;mask-image:none}.tab-bar__item{z-index:1;min-width:0;height:var(--tb-row);border-radius:var(--tb-tab-radius);flex:none;align-items:center;display:inline-flex;position:relative}.tab-bar[data-stretch=true] .tab-bar__item{flex:1 0 auto}@media (width<=640px){.tab-bar[data-stretch=mobile] .tab-bar__item{flex:1 0 auto}}.tab-bar__tab{z-index:1;min-width:0;height:var(--tb-row);padding-inline:var(--tb-pad);border-radius:var(--tb-tab-radius);color:var(--tab-bar-rest-color,var(--text-tertiary));text-shadow:var(--tab-bar-text-shadow,none);font-family:var(--tb-family);font-size:var(--tb-font);font-weight:var(--tb-weight);letter-spacing:var(--tb-tracking);white-space:nowrap;transition:color var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard), font-weight var(--duration-fast) var(--ease-standard);background:0 0;border:0;flex:none;justify-content:center;align-items:center;line-height:1;display:inline-flex;position:relative}.tab-bar__tab.is-active{font-weight:var(--tb-weight-active)}.tab-bar[data-stretch=true] .tab-bar__tab{flex:1 0 auto}@media (width<=640px){.tab-bar[data-stretch=mobile] .tab-bar__tab{flex:1 0 auto}}.tab-bar[data-overflow=menu] .tab-bar__tab{max-width:min(220px,48vw)}.tab-bar__item:has(.tab-bar__active-action)>.tab-bar__tab{padding-inline-end:4px}.tab-bar__active-action{z-index:2;height:var(--tb-row);flex:none;align-items:center;margin-inline-end:2px;display:inline-flex;position:relative}.tab-bar__measure .tab-bar__active-action{width:32px}.tab-bar__tab:hover{color:var(--tab-bar-hover-color,var(--foreground))}.tab-bar__tab.is-active{color:var(--foreground);text-shadow:none}.tab-bar__tab:focus-visible{outline:2px solid var(--ring);outline-offset:-2px}.tab-bar__tab:disabled{opacity:.5;pointer-events:none}.tab-bar__tab:before{content:"";inset-inline:0;inset-block:calc((var(--tb-row) - max(var(--tb-row), calc(var(--tb-touch) * 44px))) / 2);position:absolute}.tab-bar__content{justify-content:center;align-items:center;gap:7px;min-width:0;max-width:100%;display:inline-flex;position:relative}.tab-bar__content[data-icon-only]{gap:0}.tab-bar__tab:has(.tab-bar__content[data-icon-only]){aspect-ratio:1;min-width:var(--tb-row);padding-inline:0}.tab-bar__label{grid-template-columns:minmax(0,1fr);min-width:0;display:inline-grid}.tab-bar__label-text{text-overflow:ellipsis;grid-area:1/1;min-width:0;overflow:hidden}.tab-bar__label[data-label]:after{content:attr(data-label);visibility:hidden;height:0;font-weight:var(--tb-weight-active);pointer-events:none;white-space:nowrap;grid-area:1/1;overflow:hidden}.tab-bar__tab svg{width:var(--tb-icon);height:var(--tb-icon);opacity:.6;transition:opacity var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);flex-shrink:0}.tab-bar__tab:hover svg,.tab-bar__tab.is-active svg{color:currentColor;opacity:1}.tab-bar__marker{inset-block-start:50%;z-index:0;height:var(--tb-row);opacity:0;pointer-events:none;will-change:transform, width;margin-block-start:calc(var(--tb-row) / -2);transition:transform .3s cubic-bezier(.32,.72,.2,1.02),width .3s cubic-bezier(.32,.72,.2,1.02),opacity .18s;position:absolute;left:0}.tab-bar__marker.is-ready{opacity:1}.tab-bar__marker.is-placing{transition:none}.tab-bar[data-variant=nav] .tab-bar__viewport{--tb-pad:max(10px, calc(var(--tb-touch) * 12px));--tb-tab-radius:var(--radius-control);--tb-row:max(32px, calc(var(--tb-touch) * 36px))}.tab-bar[data-variant=nav][data-size=lg] .tab-bar__viewport{--tb-pad:max(12px, calc(var(--tb-touch) * 14px));--tb-gap:max(4px, calc(var(--tb-touch) * 6px))}.tab-bar[data-variant=nav][data-size=sm] .tab-bar__viewport{--tb-pad:max(9px, calc(var(--tb-touch) * 10px));--tb-gap:max(2px, calc(var(--tb-touch) * 4px))}.tab-bar[data-variant=nav][data-spacing=compact] .tab-bar__viewport{--tb-pad:11px;--tb-gap:5px}@media (pointer:coarse),(width<=879px){.tab-bar[data-variant=nav][data-spacing=compact] .tab-bar__viewport{--tb-pad:12px;--tb-gap:8px}}.tab-bar[data-variant=nav] .tab-bar__marker{border-radius:var(--tb-tab-radius);background:var(--accent-subtle)}:root:not(.theme-dark) .tab-bar[data-variant=nav][data-selected-surface=card] .tab-bar__marker{background:var(--card)}.tab-bar[data-variant=nav] .tab-bar__tab.is-active{color:var(--accent-text)}.tab-bar[data-variant=nav] .tab-bar__tab:hover:not(:disabled):not(.is-active){background:var(--tab-bar-hover-background,var(--surface-hover));color:var(--tab-bar-hover-color,var(--text-primary))}.tab-bar[data-variant=segmented] .tab-bar__viewport{--tb-tab-radius:max(8px, calc(var(--tb-touch) * 11px));--tb-row:max(30px, calc(var(--tb-touch) * 38px));--tb-track-bg:color-mix(in srgb, var(--accent) 5%, transparent);padding:var(--tb-track-pad);border-radius:var(--tb-track-radius);background:var(--tb-track-bg);border:0;gap:2px}.tab-bar[data-variant=segmented][data-size=sm] .tab-bar__viewport{--tb-row:max(26px, calc(var(--tb-touch) * 34px))}:root.theme-dark .tab-bar[data-variant=segmented] .tab-bar__viewport{--tb-track-bg:color-mix(in srgb, var(--accent) 12%, transparent)}.tab-bar[data-variant=segmented] .tab-bar__tab{--tb-pad:max(12px, calc(var(--tb-touch) * 14px));letter-spacing:normal;font-family:inherit;font-weight:600}.tab-bar[data-variant=segmented][data-size=sm] .tab-bar__tab{--tb-pad:max(10px, calc(var(--tb-touch) * 12px))}.tab-bar[data-variant=segmented] .tab-bar__tab:hover:not(:disabled):not(.is-active){background:color-mix(in srgb, var(--card) 48%, transparent);color:var(--foreground)}.tab-bar[data-variant=segmented] .tab-bar__tab.is-active{color:var(--accent-text)}.tab-bar[data-variant=segmented] .tab-bar__marker{border-radius:var(--tb-tab-radius);background:var(--card);box-shadow:0 1px 3px color-mix(in srgb, var(--foreground) 12%, transparent), 0 0 0 1px color-mix(in srgb, var(--border-strong) 42%, transparent)}:root.theme-dark .tab-bar[data-variant=segmented] .tab-bar__marker{box-shadow:none}.tab-bar__count{min-width:calc(var(--tb-font) + 3px);height:calc(var(--tb-font) + 3px);background:var(--accent-subtle);color:var(--accent-text);font-family:inherit;font-size:calc(var(--tb-font) - 3px);letter-spacing:.01em;border-radius:6px;place-items:center;padding-inline:5px;font-weight:500;line-height:1;display:inline-grid}.tab-bar[data-variant=segmented] .tab-bar__tab.is-active .tab-bar__count{background:color-mix(in srgb, var(--accent) 16%, transparent)}.tab-bar__link-indicator{width:calc(var(--tb-icon) - 3px);height:calc(var(--tb-icon) - 3px);color:var(--muted-foreground);opacity:.85;flex-shrink:0;margin-inline-start:-2px}.tab-bar__tab:hover .tab-bar__link-indicator,.tab-bar__tab.is-active .tab-bar__link-indicator{color:var(--accent-text);opacity:1}.tab-bar__divider{width:1px;height:calc(var(--tb-font) + 2px);background:color-mix(in srgb, var(--border-strong) 60%, transparent);flex:none;align-self:center}.tab-bar[data-variant=nav] .tab-bar__divider{width:1px;height:calc(var(--tb-font) + 6px);margin-inline:calc(var(--tb-group-gap) - var(--tb-gap) / 2);background:var(--border);border-radius:0}.tab-bar__more{width:calc(var(--tb-row) + 4px);padding-inline:0}.tab-bar__overflow-menu{width:min(17rem,100vw - 24px);max-height:min(320px,100vh - 120px);overflow-y:auto}.tab-bar__overflow-item{width:100%;min-width:0;color:var(--foreground);text-align:start;background:0 0;border-radius:7px;align-items:center;gap:9px;padding:9px 10px;font-size:13px;font-weight:500;transition:background-color .12s;display:flex}.tab-bar__overflow-item:hover:not(:disabled){background:var(--secondary)}.tab-bar__overflow-item:disabled{opacity:.5;pointer-events:none}.tab-bar__overflow-item svg{width:14px;height:14px;color:var(--muted-foreground);flex-shrink:0}.tab-bar__overflow-item>span:first-of-type{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.tab-bar__overflow-item .tab-bar__count{margin-inline-start:auto}.tab-bar__measure{gap:var(--tb-gap);visibility:hidden;pointer-events:none;display:flex;position:absolute;inset-block-start:-9999px;inset-inline-start:0}@media (prefers-reduced-motion:reduce){.tab-bar__marker,.tab-bar__tab,.tab-bar__tab svg{transition-duration:.01ms}}