.mobile-bottom-nav,.mobile-bottom-nav-spacer{--mobile-nav-height: 6.4rem}@media screen and (min-width:990px){.section-mobile-bottom-nav{display:none}}@media screen and (max-width:989px){.header__icon--cart{display:none}}.mobile-bottom-nav-spacer{height:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom,0px))}.mobile-bottom-nav{position:fixed;right:0;bottom:0;left:0;z-index:3;display:block;padding-bottom:env(safe-area-inset-bottom,0px);background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));box-shadow:0 -.4rem 1.6rem #0000001f;transition:transform var(--duration-default, .2s) ease}body.overflow-hidden .mobile-bottom-nav,body.overflow-hidden-tablet .mobile-bottom-nav,body.overflow-hidden-mobile .mobile-bottom-nav{transform:translateY(100%)}.mobile-bottom-nav__list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));height:var(--mobile-nav-height);margin:0;padding:0;list-style:none}.mobile-bottom-nav__tab{--mobile-nav-indicator-color: var(--mobile-nav-indicator, var(--color-button));position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;height:100%;padding:0 .4rem;color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}.mobile-bottom-nav__tab:before{content:"";position:absolute;top:0;left:18%;right:18%;height:.3rem;border-radius:0 0 .3rem .3rem;background-color:rgb(var(--mobile-nav-indicator-color));transform:scaleX(0);transition:transform var(--duration-default, .2s) ease}.mobile-bottom-nav__tab.is-active:before{transform:scaleX(1)}.mobile-bottom-nav__tab:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:-.4rem;border-radius:.6rem}.mobile-bottom-nav__icon-wrap{position:relative;display:inline-flex}.mobile-bottom-nav__icon{width:2.6rem;height:2.6rem}.mobile-bottom-nav__tab.is-active .mobile-bottom-nav__icon{color:rgb(var(--mobile-nav-indicator-color))}.mobile-bottom-nav__label{max-width:100%;overflow:hidden;font-family:var(--font-body-family);font-size:1.2rem;font-weight:600;line-height:1.2;letter-spacing:.02rem;white-space:nowrap;text-overflow:ellipsis}.mobile-bottom-nav__badge{position:absolute;top:-.6rem;right:-.9rem;display:flex;align-items:center;justify-content:center;min-width:1.8rem;height:1.8rem;padding:0 .4rem;border-radius:1rem;background-color:rgb(var(--color-foreground));color:rgb(var(--color-background));font-size:1rem;font-weight:700;line-height:1}@media(prefers-reduced-motion:reduce){.mobile-bottom-nav,.mobile-bottom-nav__tab:before{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-mobile-bottom-nav.css.map */
