.tab-bar{--tab-bar-margin:4px;--tab-bar-spacing:-20px;--tab-button-margin-horizontal:25px;--tab-button-icon-height:20px;--tab-bar-height:48px;--tab-height:calc(var(--tab-bar-height) - 2 * var(--tab-bar-margin));--tab-label-size:12px;--tab-label-size-selected:14px;--tab-content-scale-selected:1.05;--tab-content-scale-idle:.9;--tab-content-tracking-selected:.02em;--tab-content-tracking-idle:-.02em;--tab-content-weight-selected:500;--tab-content-weight-idle:400;--tab-icon-scale-selected:1.35;--tab-indicator-squash-x:.9;--tab-indicator-squash-y:1.3;--tab-bar-radius-ratio:.5;--tab-bar-surface-radius:calc(var(--tab-bar-height) * var(--tab-bar-radius-ratio));width:100%;position:relative}.tab-bar[data-size=sm]{--tab-bar-height:40px}.tab-bar[data-size=lg]{--tab-bar-height:52px}@media (min-width:768px){.tab-bar{--tab-bar-height:58px;--tab-bar-margin:5px;--tab-bar-spacing:-24px;--tab-label-size:14px;--tab-label-size-selected:16px}.tab-bar[data-size=sm]{--tab-bar-height:50px}.tab-bar[data-size=lg]{--tab-bar-height:62px}}@media (min-width:1024px){.tab-bar{--tab-bar-height:66px;--tab-bar-margin:6px;--tab-bar-spacing:-26px;--tab-label-size:16px;--tab-label-size-selected:18px}.tab-bar[data-size=sm]{--tab-bar-height:58px}.tab-bar[data-size=lg]{--tab-bar-height:70px}}@media (min-width:1440px){.tab-bar{--tab-bar-margin:7px;--tab-bar-spacing:-28px}}.tab-bar__surface{box-sizing:border-box;width:100%;padding:var(--tab-bar-margin);border-radius:var(--tab-bar-surface-radius);display:block}.tab-bar[data-background=contrasted] .tab-bar__surface{background:var(--label-vibrant-quaternary);box-shadow:inset 0 0 0 1px var(--separator-opaque)}.tab-bar__row{z-index:0;--tab-width:calc((100% + (-1 * var(--tab-bar-spacing)) * (var(--tab-count) - 1)) / var(--tab-count));width:100%;display:flex;position:relative}.tab-bar__indicator{width:var(--tab-width);z-index:-1;pointer-events:none;transform-origin:50%;scale:1;translate:calc(var(--selected-index) * (100% + var(--tab-bar-spacing))) 0;opacity:1;position:absolute;left:0}.tab-bar[data-selection=none] .tab-bar__indicator{translate:calc(var(--selected-index) * (100% + var(--tab-bar-spacing))) 0;transform-origin:bottom;opacity:0;scale:1 0}.tab-bar[data-selection=none] [data-format=icon] .tab-button__icon,.tab-bar[data-selection=none] [data-format=label] .tab-button__label,.tab-bar[data-selection=none] [data-format=icon-label] .tab-button__content{scale:1}.tab-bar[data-selection=none] .tab-button__label{letter-spacing:0}.tab-bar[data-background=glass] .tab-bar__indicator,.tab-bar[data-background=contrasted] .tab-bar__indicator{border-radius:calc(var(--tab-bar-surface-radius) - var(--tab-bar-margin));background:var(--bg-contrasted-60);mix-blend-mode:var(--blend-mode);height:100%;top:0}.tab-bar[data-background=glass] .tab-bar__indicator{background:var(--fill-vibrant-primary);mix-blend-mode:normal}@media (prefers-reduced-motion:no-preference){.tab-bar__indicator{transition:translate var(--control-transition-duration) var(--control-move-ease), scale var(--control-transition-duration) var(--control-move-ease), opacity var(--control-transition-duration) var(--control-move-ease)}}.tab-bar__tab{width:var(--tab-width);flex-shrink:0}.tab-bar__tab:not(:last-child){margin-right:var(--tab-bar-spacing)}