.tab-bar{font-size:var(--font-size-1);line-height:var(--line-height-1);display:flex;justify-content:center;min-width:0;max-width:100%}.tab-bar__inner{position:relative;min-width:0;border-radius:1em}.tab-bar--theme-wireframe .tab-bar__inner:after{content:"";position:absolute;inset:0;border:1px solid var(--color-border);border-radius:inherit;pointer-events:none}.tab-bar__items-wrapper{position:relative;overflow:hidden;border-radius:1em;will-change:transform}.tab-bar:not(.tab-bar--scrolling) .tab-bar__items-wrapper:after{content:"";position:absolute;inset:0;z-index:-1;background:var(--color-tab-bar-highlight,var(--color-bg));border-radius:1em;left:var(--highlight-left,0);width:var(--highlight-width,0)}.app--animate .tab-bar--animated:not(.tab-bar--scrolling) .tab-bar__items-wrapper:after{transition:all .25s ease-in-out}.tab-bar__items{display:flex;flex-wrap:nowrap;border-radius:1em;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{position:relative;scroll-snap-align:center;color:var(--color-tab-bar-text,var(--color-text))}@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{content:"";position:absolute;inset:0;z-index:-1;background:var(--color-tab-bar-highlight,var(--color-bg));border-radius:1em}@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;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;white-space:nowrap;width:100%;height:2em;background:transparent;border:0;color:inherit;text-align:center;overflow:hidden;cursor:pointer;font:inherit}.tab-bar--theme-wireframe{--color-tab-bar-highlight:rgb(var(--rgb-text),.15)}