.mobile-tab-bar{position:fixed;bottom:0;left:0;right:0;z-index:5;pointer-events:none;padding:0 var(--tab-bar-gap, 8px);padding-bottom:max(var(--tab-bar-gap, 8px),env(safe-area-inset-bottom));--tab-bar-pad: max(var(--tab-bar-gap, 8px), env(safe-area-inset-bottom))}.mobile-tab-bar--edge{padding-left:0;padding-right:0}.mobile-tab-bar--mobile-only{display:block}@media screen and (min-width:750px){.mobile-tab-bar--mobile-only{display:none}}@supports selector(:has(*)){body:has(.mobile-tab-bar--mobile-only){padding-bottom:calc(7rem + env(safe-area-inset-bottom))}body:has(.mobile-tab-bar):not(:has(.mobile-tab-bar--mobile-only)){padding-bottom:calc(7rem + env(safe-area-inset-bottom))}}@media screen and (min-width:750px){@supports selector(:has(*)){body:has(.mobile-tab-bar--mobile-only){padding-bottom:0}}}.mobile-tab-bar__inner{pointer-events:auto;background-color:rgb(var(--color-background));border-radius:var(--tab-bar-radius);box-shadow:0 calc(var(--tab-bar-elevation) * .5px) calc(var(--tab-bar-elevation) * 2px) rgba(var(--color-shadow, 18, 18, 18),calc(var(--tab-bar-elevation) * .012));overflow:hidden;position:relative}.mobile-tab-bar--edge .mobile-tab-bar__inner{border-radius:0;border-top:1px solid rgba(var(--color-foreground),.08);box-shadow:none}.mobile-tab-bar__list{display:flex;align-items:stretch;justify-content:space-around;gap:.2rem;margin:0;padding:.4rem;list-style:none}.mobile-tab-bar__item{flex:1 1 0;display:flex;min-width:0}.mobile-tab-bar__link{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;padding:.7rem .4rem;text-decoration:none;color:rgba(var(--color-foreground),.6);border-radius:calc(var(--tab-bar-radius) * .55);position:relative;transition:color .2s ease,background-color .25s ease,transform .12s ease;-webkit-tap-highlight-color:transparent;outline-offset:-2px}.mobile-tab-bar__link:focus-visible{outline:2px solid rgb(var(--tab-bar-accent))}.mobile-tab-bar__link:active{transform:scale(.92)}.mobile-tab-bar__item--active .mobile-tab-bar__link{color:rgb(var(--tab-bar-accent));background-color:rgb(var(--tab-bar-active-bg))}.mobile-tab-bar__item--brand .mobile-tab-bar__link{color:rgb(var(--tab-bar-whatsapp))}.mobile-tab-bar__item--brand.mobile-tab-bar__item--active .mobile-tab-bar__link{color:rgb(var(--tab-bar-whatsapp));background-color:rgba(var(--tab-bar-whatsapp),.12)}.mobile-tab-bar__icon-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center}.mobile-tab-bar__icon{display:block;width:var(--tab-bar-icon-size);height:var(--tab-bar-icon-size);transition:transform .28s cubic-bezier(.34,1.56,.64,1)}.mobile-tab-bar__icon svg{width:100%;height:100%;display:block}.mobile-tab-bar--animated .mobile-tab-bar__item--active .mobile-tab-bar__icon{animation:mobile-tab-bar-pop .45s cubic-bezier(.34,1.56,.64,1)}@keyframes mobile-tab-bar-pop{0%{transform:scale(.85)}50%{transform:scale(1.18)}to{transform:scale(1)}}.mobile-tab-bar__label{font-size:1rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;line-height:1;white-space:nowrap;overflow:hidden;max-width:100%;text-overflow:ellipsis}.mobile-tab-bar--labels-active-only .mobile-tab-bar__item:not(.mobile-tab-bar__item--active) .mobile-tab-bar__label{display:none}.mobile-tab-bar__badge{position:absolute;top:-.5rem;right:-.7rem;min-width:1.7rem;height:1.7rem;padding:0 .4rem;font-size:1rem;font-weight:700;display:flex;align-items:center;justify-content:center;background:rgb(var(--tab-bar-accent));color:rgb(var(--color-background));border:2px solid rgb(var(--color-background));border-radius:1rem;line-height:1;pointer-events:none;transform-origin:center}.mobile-tab-bar__item--brand .mobile-tab-bar__badge{background:rgb(var(--tab-bar-whatsapp))}.mobile-tab-bar__badge--hidden{display:none}.mobile-tab-bar--animated .mobile-tab-bar__badge:not(.mobile-tab-bar__badge--hidden){animation:mobile-tab-bar-badge-in .4s cubic-bezier(.34,1.56,.64,1) backwards}.mobile-tab-bar__badge--pulse{animation:mobile-tab-bar-badge-shake .55s ease-in-out!important}@keyframes mobile-tab-bar-badge-in{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes mobile-tab-bar-badge-shake{0%,to{transform:scale(1) rotate(0)}20%{transform:scale(1.25) rotate(-8deg)}40%{transform:scale(1.25) rotate(8deg)}60%{transform:scale(1.25) rotate(-5deg)}80%{transform:scale(1.25) rotate(5deg)}}.mobile-tab-bar--auto-hide{transition:transform .35s cubic-bezier(.25,.8,.5,1)}.mobile-tab-bar.is-hidden{transform:translateY(calc(100% + env(safe-area-inset-bottom) + 20px))}@media(prefers-reduced-motion:no-preference){.mobile-tab-bar--animated .mobile-tab-bar__inner{animation:mobile-tab-bar-slide-up .55s cubic-bezier(.25,.8,.5,1) backwards}}@keyframes mobile-tab-bar-slide-up{0%{transform:translateY(120%);opacity:0}to{transform:translateY(0);opacity:1}}@media(prefers-reduced-motion:reduce){.mobile-tab-bar,.mobile-tab-bar *,.mobile-tab-bar *:before,.mobile-tab-bar *:after{animation:none!important;transition:none!important}}.shopify-section .mobile-tab-bar.shopify-section-selected,.shopify-section.shopify-section-selected .mobile-tab-bar{outline:2px dashed rgba(var(--color-foreground),.3);outline-offset:4px}body.overflow-hidden-mobile .mobile-tab-bar,body.overflow-hidden-tablet .mobile-tab-bar,body.overflow-hidden-desktop .mobile-tab-bar{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(100%);transition:opacity .25s ease,visibility .25s ease,transform .25s ease}
/*# sourceMappingURL=/cdn/shop/t/203/assets/section-mobile-tab-bar.css.map */