.menu-category-tab-bar{--scrollable-row-position:sticky;--_mask-width:141px;--scrollable-row-mask-width:var(--_mask-width);--scrollable-row-arrow-offset-y:calc(50% + var(--spacing-vertical-jumbo) / 2);top:var(--header-height,0);z-index:var(--z-sticky);background-color:var(--menu-category-tab-bar-background,var(--color-surface-background))}.menu-category-tab-bar--scrolled{border-bottom:var(--stroke-small) solid var(--color-border-light)}.menu-category-tab-bar__viewport{scroll-padding-inline:var(--spacing-horizontal-ultra)}@media (max-width:1023.98px){.menu-category-tab-bar__viewport{-webkit-mask-image:linear-gradient(to right, transparent, black var(--spacing-horizontal-large), black calc(100% - var(--spacing-horizontal-large)), transparent);mask-image:linear-gradient(to right, transparent, black var(--spacing-horizontal-large), black calc(100% - var(--spacing-horizontal-large)), transparent);-webkit-mask-image:linear-gradient(to right, transparent, black var(--spacing-horizontal-large), black calc(100% - var(--spacing-horizontal-large)), transparent)}}.menu-category-tab-bar__list{justify-content:center;align-items:flex-start;justify-content:var(--menu-category-tab-bar-justify,center);gap:var(--spacing-horizontal-large);padding-top:var(--spacing-vertical-jumbo);padding-left:var(--spacing-horizontal-jumbo);padding-right:var(--spacing-horizontal-jumbo);flex-flow:row;display:flex}.menu-category-tab-bar[data-has-overflow=true] .menu-category-tab-bar__list{justify-content:flex-start}
@keyframes menu-category-tab-shimmer{0%{background-position:100%}to{background-position:-100%}}.menu-category-tab{--_px:var(--spacing-horizontal-large);--_py:var(--spacing-vertical-medium);--_gap:var(--spacing-vertical-large);--_font-size:var(--typography-headline-extrasmall);--_icon-size:var(--spacing-horizontal-mega);--_skeleton-label-w:calc(var(--spacing-horizontal-mega) * 3 + var(--spacing-horizontal-large));--_skeleton-label-h:var(--typography-body-small);justify-content:center;align-items:center;gap:var(--_gap);padding:var(--_py) var(--_px);cursor:pointer;font-family:var(--typography-font-family-heading);font-weight:var(--typography-font-weight-bold);font-size:var(--_font-size);letter-spacing:var(--typography-letter-spacing-root);line-height:var(--typography-line-height-small);color:var(--color-action-text-surface-inactive);white-space:nowrap;transition:color var(--motion-duration-fast) var(--motion-easing-standard);-webkit-transition:color var(--motion-duration-fast) var(--motion-easing-standard);-moz-transition:color var(--motion-duration-fast) var(--motion-easing-standard);-o-transition:color var(--motion-duration-fast) var(--motion-easing-standard);-webkit-user-select:none;user-select:none;background:0 0;border:none;flex-direction:column;display:flex;position:relative}.menu-category-tab--small{--_px:var(--spacing-horizontal-medium);--_py:var(--spacing-vertical-small);--_gap:var(--spacing-vertical-medium);--_font-size:var(--typography-body-medium);--_skeleton-label-w:calc(var(--spacing-horizontal-mega) * 3 + var(--spacing-horizontal-large));--_skeleton-label-h:var(--typography-body-small)}.menu-category-tab--large{--_px:var(--spacing-horizontal-large);--_py:var(--spacing-vertical-medium);--_gap:var(--spacing-vertical-large);--_font-size:var(--typography-body-large);--_skeleton-label-w:calc(var(--spacing-horizontal-mega) * 3 + var(--spacing-horizontal-xxlarge) + var(--spacing-horizontal-small));--_skeleton-label-h:var(--typography-body-medium)}.menu-category-tab--selected{color:var(--color-action-text-surface-active)}.menu-category-tab--hover,.menu-category-tab:hover:not(:disabled){color:var(--color-text-accent-text)}.menu-category-tab--pressed,.menu-category-tab:active:not(:disabled){color:var(--color-action-text-surface-pressed)}.menu-category-tab:focus-visible{outline:var(--stroke-medium) solid var(--color-utility-focus);outline-offset:var(--stroke-medium)}.menu-category-tab:focus-visible:not(:disabled){color:var(--color-text-accent-text)}.menu-category-tab--loading{cursor:default;pointer-events:none}.menu-category-tab__icon{width:var(--_icon-size);height:var(--_icon-size);justify-content:center;align-items:center;display:inline-flex;overflow:clip}.menu-category-tab__icon>svg{width:100%;height:100%}.menu-category-tab__label{display:block}.menu-category-tab__underline{height:var(--stroke-medium);opacity:0;background-color:currentColor;position:absolute;bottom:0;left:0;right:0}.menu-category-tab--selected .menu-category-tab__underline{opacity:1}.menu-category-tab--hover .menu-category-tab__underline,.menu-category-tab:hover:not(:disabled) .menu-category-tab__underline,.menu-category-tab:focus-visible:not(:disabled) .menu-category-tab__underline{opacity:.4}.menu-category-tab--pressed .menu-category-tab__underline,.menu-category-tab:active:not(:disabled) .menu-category-tab__underline{opacity:.6}.menu-category-tab__skeleton-icon{width:var(--spacing-horizontal-jumbo);height:var(--spacing-vertical-jumbo);border-radius:var(--radius-xxsmall);background:linear-gradient(90deg, var(--skeleton-gradient-start) 0%, var(--skeleton-gradient-end) 50%, var(--skeleton-gradient-start) 100%);animation:menu-category-tab-shimmer var(--skeleton-animation-duration) var(--skeleton-animation-easing) infinite;background-size:200% 100%;display:block}.menu-category-tab__skeleton-label{width:var(--_skeleton-label-w);height:var(--_skeleton-label-h);border-radius:var(--radius-xxsmall);background:linear-gradient(90deg, var(--skeleton-gradient-start) 0%, var(--skeleton-gradient-end) 50%, var(--skeleton-gradient-start) 100%);animation:menu-category-tab-shimmer var(--skeleton-animation-duration) var(--skeleton-animation-easing) infinite;background-size:200% 100%;display:block}@media (prefers-reduced-motion:reduce){.menu-category-tab__skeleton-icon,.menu-category-tab__skeleton-label{animation:none}}