@media only screen and (max-width:768px){.mobile-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:9999;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));pointer-events:none}.bottom-nav__container{pointer-events:auto;position:relative;margin:0 auto;max-width:480px;display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding:6px;border-radius:999px;background:#39b5ff73!important;backdrop-filter:blur(18px) saturate(120%)!important;-webkit-backdrop-filter:blur(18px) saturate(120%)!important;border:1px solid rgba(255,255,255,.22)!important;box-shadow:0 12px 30px #0000002e,inset 0 1px #ffffff59!important;transform:translateZ(0);isolation:isolate}.bottom-nav__container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:linear-gradient(to bottom,#ffffff4d,#ffffff1f 35%,#ffffff0d);mix-blend-mode:screen;opacity:.55;z-index:-1}.bottom-nav__container:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:radial-gradient(120% 120% at 50% 0%,#fff3,#fff0 55%);opacity:.25;z-index:-1}.bottom-nav__item{position:relative;z-index:2;height:52px;border-radius:999px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-decoration:none;background:transparent!important;border:0!important;box-shadow:none!important;padding:0 16px!important;margin:0!important;min-width:0;width:100%;box-sizing:border-box;color:#fffffff2;-webkit-tap-highlight-color:transparent;touch-action:manipulation;cursor:pointer}.bottom-nav__item[type=button],button.bottom-nav__item{appearance:none;-webkit-appearance:none;background:transparent;font:inherit}.bottom-nav__icon{position:relative;z-index:5;width:21px;height:21px;stroke:currentColor;stroke-width:2;flex-shrink:0;display:grid;place-items:center;transition:transform .2s ease,filter .2s ease}.bottom-nav__icon svg{display:block}.bottom-nav__label{position:relative;z-index:5;font-size:10px;line-height:1.2;letter-spacing:.2px;opacity:.85;font-weight:500;transition:transform .2s ease,text-shadow .2s ease;text-align:center;white-space:nowrap;margin-top:1px;display:block}.bottom-nav__icon-wrapper{position:relative;display:inline-block}.bottom-nav__badge{position:absolute;top:-6px;right:-8px;background-color:#fff;color:#39b5ff;font-size:10px;font-weight:800;min-width:16px;height:16px;border-radius:50px;display:flex;align-items:center;justify-content:center;padding:0 4px;border:1.5px solid #39b5ff;box-sizing:border-box;z-index:10!important;box-shadow:0 2px 4px #39b5ff40;line-height:1}.mobile-bottom-nav:not(.keyboard-hidden){transform:translateY(0)!important;visibility:visible!important}.mobile-bottom-nav{z-index:10001!important;transition:transform .3s ease,opacity .3s ease,visibility .3s ease!important}#predictive__search_overlay,.cart-notification.active,cart-form.active,.cart-notification-wrapper.active{z-index:2147483647!important}body.cart-drawer-open .mobile-bottom-nav,body.overflow-hidden .mobile-bottom-nav,body.modal-open .mobile-bottom-nav{pointer-events:none}.bottom-nav__item[aria-current=page]{color:#fff}.bottom-nav__item[aria-current=page] .bottom-nav__label,.bottom-nav__item[aria-current=page] .bottom-nav__icon{opacity:1;transform:translateY(-.5px)}.bottom-nav__indicator{position:absolute;left:0;right:auto;top:6px;bottom:6px;border-radius:999px;z-index:1;background:#ffffff14!important;backdrop-filter:blur(26px) saturate(165%) brightness(1.1)!important;-webkit-backdrop-filter:blur(26px) saturate(165%) brightness(1.1)!important;border:1px solid rgba(255,255,255,.28)!important;box-shadow:0 10px 22px #0000002e,inset 0 1px #ffffff8c!important;transform-origin:center center;transform:translateZ(0);will-change:transform,width;transition:opacity .3s ease;opacity:0;width:19.3%!important;margin-left:0!important}.bottom-nav__indicator:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:999px;background:radial-gradient(circle at 25% 20%,#fff6,#fff0 60%);pointer-events:none;z-index:1}.bottom-nav__item--active .bottom-nav__icon,.bottom-nav__item[aria-current=page] .bottom-nav__icon{color:#fff!important;filter:drop-shadow(0 0 12px rgba(0,113,227,.9)) drop-shadow(0 0 4px #fff)!important;opacity:1;transform:scale(1.1) translateY(-2px)}.bottom-nav__item--active .bottom-nav__label,.bottom-nav__item[aria-current=page] .bottom-nav__label{text-shadow:0 0 12px rgba(0,113,227,.8),0 0 4px #fff;opacity:1;font-weight:700}.bottom-nav__indicator:before{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:inherit;pointer-events:none;background:radial-gradient(120% 120% at var(--bb-sheen-x, 30%) 20%,rgba(255,255,255,.35),rgba(255,255,255,.16) 35%,rgba(255,255,255,.08) 70%);opacity:.9}.bottom-nav__indicator:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:inherit;pointer-events:none;background:radial-gradient(60% 80% at 50% 50%,#ffffff1f,#fff0 70%);filter:blur(6px);opacity:.55}.bottom-nav__item:active{transform:scale(.94)}.mobile-bottom-nav.keyboard-hidden{transform:translateY(120%);transition:transform .22s ease}body.has-bottom-nav{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}@media(prefers-reduced-motion:reduce){.bottom-nav__indicator{transform:translate3d(var(--bb-x, 0px),0,0)!important}.bottom-nav__item:active{transform:none}.bottom-nav__icon,.bottom-nav__label{transition:none}}}@media only screen and (min-width:769px){.mobile-bottom-nav{display:none!important}body.has-bottom-nav{padding-bottom:0!important}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/bottom-nav.css.map */