.ds-tabs{gap:var(--space-5);border-bottom:var(--stroke-thin) solid var(--ds-border-structural,var(--color-border));display:flex}.ds-tabs .ds-tabs__tab,.ds-tabs .ds-tabs__tab.ds-button:hover:not(:disabled){padding:var(--fine-space-10) 0 var(--fine-space-9);border:0;border-bottom:var(--stroke-emphasis) solid transparent;color:var(--color-text-muted);font:inherit;font-size:var(--font-size-tab);line-height:var(--line-height-tab);font-weight:var(--font-weight-tab);min-height:var(--control-hit-min,0px);cursor:pointer;background:0 0;border-radius:0;height:auto;text-decoration:none}.ds-tabs .ds-tabs__tab:is([aria-selected=true],[aria-current=page],.is-active),.ds-tabs .ds-tabs__tab:is([aria-selected=true],[aria-current=page],.is-active):hover:not(:disabled){border-bottom-color:var(--color-brand-tint-fg);color:var(--color-text);font-weight:var(--font-weight-tab-selected)}.ds-tabs .ds-tabs__tab:focus-visible{outline:var(--stroke-emphasis) solid var(--color-focus-ring);outline-offset:0}.ds-tabs--navigation{border-bottom:0;gap:0}.ds-tabs--navigation .ds-tabs__tab,.ds-tabs--navigation .ds-tabs__tab.ds-button:hover:not(:disabled){padding-block:var(--space-3) var(--space-1);padding-inline:var(--card-tab-pad-x);color:var(--color-text);border-bottom:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.ds-tabs--navigation .ds-tabs__tab:hover:not(:disabled){color:var(--color-brand-tint-fg)}.ds-tabs--navigation .ds-tabs__tab:after{inset-inline:0;bottom:calc(-1 * (var(--navigation-indicator-offset,0px) + var(--stroke-thin)));height:var(--nav-active-stroke);content:"";pointer-events:none;background:0 0;position:absolute}.ds-tabs--navigation .ds-tabs__tab:is([aria-selected=true],[aria-current=page],.is-active):after{background:var(--color-brand-action)}.ds-tabs--secondary{--tab-strip-gap:var(--space-1);--tab-strip-edge-cue-width:0px;gap:var(--tab-strip-gap);border-bottom-color:var(--color-hairline);align-items:flex-end}.ds-tabs--secondary>.ds-tabs__tab,.ds-tabs--secondary>.ds-tabs__tab.ds-button:hover:not(:disabled){align-items:center;gap:var(--space-2);min-height:var(--tab-height);padding:var(--card-tab-pad-y) var(--card-tab-pad-x);color:var(--color-muted);white-space:nowrap;border-bottom:0;display:inline-flex;position:relative}.ds-tabs--secondary>.ds-tabs__tab:is([aria-selected=true],[aria-current=page],.is-active),.ds-tabs--secondary>.ds-tabs__tab:is([aria-selected=true],[aria-current=page],.is-active):hover:not(:disabled){color:var(--color-brand-tint-fg)}.ds-tabs--secondary>a.ds-tabs__tab:after{content:"";inset-inline:0;bottom:calc(-1 * var(--stroke-thin));height:var(--nav-active-stroke);background:0 0;position:absolute}.ds-tabs--secondary>a.ds-tabs__tab[aria-current=page]:after{background:var(--color-brand-action)}.ds-tabs .ds-tabs__tab:disabled{color:var(--color-text-muted);opacity:.5;cursor:not-allowed}.tab-strip{-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scroll-padding-inline:var(--tab-strip-gutter,0px);scrollbar-width:none;position:relative;overflow-x:auto}.tab-strip[data-layout=padded]>button{padding-inline:var(--space-4)}.tab-strip::-webkit-scrollbar{display:none}.tab-strip>*{scroll-snap-align:start;min-height:var(--tab-height);flex-shrink:0}.tab-strip:before,.tab-strip:after{z-index:var(--z-raised);width:var(--tab-strip-edge-cue-width,24px);height:var(--tab-height);flex:0 0 var(--tab-strip-edge-cue-width,24px);content:"";pointer-events:none;opacity:0;transition:opacity var(--duration-base) var(--ease-standard);display:block;position:sticky}.tab-strip:before{margin-right:calc(-1 * var(--tab-strip-edge-cue-width,24px));background:linear-gradient(to right, var(--tab-strip-surface,var(--color-detail-canvas)) 0%, var(--tab-strip-surface,var(--color-detail-canvas)) 25%, transparent 100%);left:0}.tab-strip:after{margin-left:calc(-1 * var(--tab-strip-edge-cue-width,24px));background:linear-gradient(to left, var(--tab-strip-surface,var(--color-detail-canvas)) 0%, var(--tab-strip-surface,var(--color-detail-canvas)) 25%, transparent 100%);right:0}.tab-strip[data-overflow-start]:before,.tab-strip[data-overflow-end]:after{opacity:1}.tab-strip>[data-active=true]{font-size:var(--font-size-label);line-height:var(--line-height-label);color:var(--color-brand-tint-fg);font-weight:var(--font-weight-tab-selected)}.tab-strip>button{--btn-hit-inset:0px;font-size:var(--font-size-tab);line-height:var(--line-height-label);font-weight:var(--font-weight-tab);border-bottom:0;margin-bottom:0;position:relative}.tab-strip>.btn--quiet:hover:not(:disabled):before{background:0 0}.tab-strip>button:after{content:"";inset-inline:0;bottom:calc(-1 * var(--stroke-thin));height:var(--nav-active-stroke);transition:background-color var(--duration-fast);background:0 0;position:absolute}.tab-strip>button[data-active=true]:after{background:var(--color-brand-action)}:is(.tab-strip__counter,.card-tab__counter,.detail-page__tab-counter){line-height:var(--line-height-label);font-size:var(--font-size-label);font-weight:var(--font-weight-tab);color:var(--color-ink-faint);background:var(--color-ground);border-radius:var(--radius-badge);padding:var(--stroke-thin) calc(var(--space-2) - var(--stroke-thin))}:is(.tab-strip__counter--overdue,.card-tab__counter--overdue,.detail-page__tab-counter--overdue){color:var(--color-white);background:var(--color-danger)}.tab-strip>[data-active=true] :is(.tab-strip__counter,.card-tab__counter,.detail-page__tab-counter){background:color-mix(in srgb, var(--color-brand-action) 10%, var(--color-surface));color:var(--color-brand-tint-fg)}.tab-strip>[data-active=true] :is(.tab-strip__counter--overdue,.card-tab__counter--overdue,.detail-page__tab-counter--overdue){background:var(--color-danger);color:var(--color-white)}
