.tab-bar{display:flex;font-size:var(--font-size-1);justify-content:center;line-height:var(--line-height-1);max-width:100%;min-width:0}.tab-bar__inner{border-radius:1em;min-width:0;position:relative}.tab-bar--theme-wireframe .tab-bar__inner:after{border:1px solid var(--color-border);border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute}.tab-bar__items-wrapper{border-radius:1em;overflow:hidden;position:relative;will-change:transform}.tab-bar:not(.tab-bar--scrolling) .tab-bar__items-wrapper:after{background:var(--color-tab-bar-highlight,var(--color-bg));border-radius:1em;bottom:0;content:"";left:0;left:var(--highlight-left,0);position:absolute;right:0;top:0;width:var(--highlight-width,0);z-index:-1}.app--animate .tab-bar--animated:not(.tab-bar--scrolling) .tab-bar__items-wrapper:after{transition:all .25s ease-in-out}.tab-bar__items{border-radius:1em;display:flex;flex-wrap:nowrap;position:relative;--left-mask-width:0em;--right-mask-width:0em}.tab-bar__items--masked-left,.tab-bar__items--masked-right{-webkit-mask-image:linear-gradient(to right,transparent 0 calc(var(--left-mask-width)/4),#000 var(--left-mask-width) calc(100% - var(--right-mask-width)),transparent calc(100% - var(--right-mask-width)/4) 100%);mask-image:linear-gradient(to right,transparent 0 calc(var(--left-mask-width)/4),#000 var(--left-mask-width) calc(100% - var(--right-mask-width)),transparent calc(100% - var(--right-mask-width)/4) 100%)}.tab-bar__items--masked-left{--left-mask-width:1em}.tab-bar__items--masked-right{--right-mask-width:1em}@media(max-width:767px){.tab-bar__items{overflow:auto hidden;scroll-snap-type:x mandatory;scrollbar-width:none}.tab-bar__items::-webkit-scrollbar{display:none}}@media(min-width:768px){.tab-bar__items{scrollbar-width:none}.tab-bar__items::-webkit-scrollbar{display:none}.tab-bar__items{overflow-x:auto;overflow-y:hidden}}.tab-bar__item{color:var(--color-tab-bar-text,var(--color-text));position:relative;scroll-snap-align:center}@media(max-width:480px){.tab-bar__item+.tab-bar__item{margin-left:-.25em}}.tab-bar__item--disabled{pointer-events:none}.tab-bar--scrolling .tab-bar__item--active:after{background:var(--color-tab-bar-highlight,var(--color-bg));border-radius:1em;content:"";inset:0;position:absolute;z-index:-1}@media(min-width:768px){.tab-bar__item:not(.tab-bar__item--active):active,html.l-hover .tab-bar__item:not(.tab-bar__item--active):hover{color:var(--color-tab-bar-highlight,var(--color-bg))}}.tab-bar__item span{font-size:var(--font-size-3);line-height:var(--line-height-3)}.tab-bar__button{-webkit-user-drag:none;align-items:center;background:transparent;border:0;color:inherit;cursor:pointer;display:flex;font:inherit;height:2em;justify-content:center;overflow:hidden;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;width:100%}.tab-bar--theme-wireframe{--color-tab-bar-highlight:rgb(var(--rgb-text),.15)}