.ds-tab-bar{--tabbar-row-h:44px;--tabbar-fade-h:64px;--tabbar-bg:var(--bg-z1);box-sizing:border-box;padding-block:4px calc(4px + var(--tabbar-safe,env(safe-area-inset-bottom,0px)));background:var(--tabbar-bg);padding-inline:8px;position:relative}.ds-tab-bar.is-pinned{position:fixed;inset-block-end:0;inset-inline:0}.ds-tab-bar .ds-tab-bar-row{min-block-size:var(--tabbar-row-h);flex-direction:row;align-items:stretch;gap:0;margin:0;padding:0;list-style:none;display:flex}.ds-tab-bar .ds-tab-bar-item{flex:1 1 0;min-inline-size:0;margin:0;padding:0}.ds-tab-bar .ds-tab-bar-tab{box-sizing:border-box;inline-size:100%;min-block-size:var(--tabbar-row-h);color:var(--label-secondary);font-family:var(--font-family-body);font-size:var(--font-size-body-t12);line-height:var(--line-height-body-t12);font-weight:var(--font-weight-medium);text-align:center;background:0 0;border:0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;margin:0;padding-inline:8px;text-decoration:none;transition:background-color .15s ease-out,color .15s ease-out,transform .15s ease-out;display:flex}.ds-tab-bar :is(a,button).ds-tab-bar-tab{cursor:pointer}.ds-tab-bar :is(a,button).ds-tab-bar-tab:hover{background:var(--fill-quarternary);color:var(--label-primary)}.ds-tab-bar :is(a,button).ds-tab-bar-tab:active{transform:scale(.97)}.ds-tab-bar .ds-tab-bar-tab.is-active,.ds-tab-bar :is(a,button).ds-tab-bar-tab.is-active:hover{color:var(--label-primary)}.ds-tab-bar .ds-tab-bar-tab:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.ds-tab-bar .ds-tab-bar-label{text-overflow:ellipsis;white-space:nowrap;max-inline-size:100%;overflow:hidden}.ds-tab-bar .ds-tab-bar-icon{flex:none}.ds-tab-bar .ds-tab-bar-fade{block-size:var(--tabbar-fade-h);background-image:linear-gradient(to top, var(--tabbar-bg), transparent);pointer-events:none;position:absolute;inset-block-end:100%;inset-inline:0}@media (prefers-reduced-motion:reduce){.ds-tab-bar .ds-tab-bar-tab{transition:none}.ds-tab-bar :is(a,button).ds-tab-bar-tab:active{transform:none}}