.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-accent);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-accent)}: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) 10%, var(--color-surface));color:var(--color-accent)}.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)}