.tab-bar{white-space:nowrap;position:relative}.tab-bar--primary .tab-bar__indicator{background:#ffba6d}.tab-bar--secondary{color:#505050}.tab-bar--secondary .tab-bar__indicator{background:#ffba6d}.tab-bar__tabs{z-index:1;height:35px;padding-bottom:8px;display:flex;position:relative}.tab-bar__tabs button{color:inherit;background:0 0;border:none;border-radius:10px;align-items:center;gap:16px;padding:0 16px;font-size:14px;transition:all .3s;display:flex}.tab-bar__tabs p{margin:0}.tab-bar__tabs svg{stroke:#505050}.tab-bar__indicator{height:3px;top:auto;bottom:0;left:var(--active-tab-left);width:var(--active-tab-width);z-index:0;border-radius:10px;transition:left .3s,width .3s;position:absolute}@media screen and (max-width:1300px){.tab-bar__tabs{justify-content:unset}}@media screen and (max-width:550px){.tab-bar__tabs{gap:0}.tab-bar__tabs button{padding-left:8px;padding-right:8px}.tab-bar__tabs button p{display:none}.tab-bar__tabs .tab-bar__tab--selected p,.tab-bar--all-labels .tab-bar__tabs button p{display:block}}