.mobile-bottom-nav-wrap{display:none}@media screen and (max-width:767px){body{padding-bottom:100px!important}.product-sticky-add-to-cart{bottom:84px!important;inset-block-end:84px!important}.mobile-bottom-nav-wrap{display:block;position:fixed;left:12px;right:12px;bottom:calc(10px + var(--mbn-vv-offset, 0px));transition:bottom .18s ease;z-index:9999;pointer-events:auto;will-change:bottom}.mbn-glass{position:relative;height:64px;border-radius:999px;overflow:hidden;isolation:isolate;box-shadow:0 10px 22px #0000002e,0 3px 8px #0000001a}.mbn-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;border-radius:inherit;-webkit-backdrop-filter:blur(3px) saturate(115%);backdrop-filter:blur(3px) saturate(115%);background:#ffffff17}@media(hover:hover)and (pointer:fine){.mbn-backdrop{-webkit-backdrop-filter:blur(3px) url(#mbn-liquid-lens);backdrop-filter:blur(3px) url(#mbn-liquid-lens);background:transparent}}.mbn-bezel{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 .5px #ffffff2e,inset 0 1px #ffffff38,inset 0 -1px #ffffff1f,inset 0 0 22px -10px #0003}.mbn-highlight{position:absolute;top:0;left:0;right:0;height:55%;z-index:2;border-radius:999px/64px 64px 36px 36px;pointer-events:none;background:linear-gradient(180deg,#ffffff1a,#ffffff08 55%,#fff0)}.mbn-content{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-around;height:100%;padding:0 4px}.mobile-nav-item{position:relative;flex:1 1 0;min-width:0;max-width:80px;height:56px;margin:4px 2px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:0 4px;background:none;border:none;cursor:pointer;text-decoration:none;-webkit-tap-highlight-color:transparent;border-radius:999px;transition:transform .16s ease}.mobile-nav-item:active{transform:scale(.96)}.mobile-nav-item svg{position:relative;z-index:2;width:22px;height:22px;color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.55)) drop-shadow(0 0 3px rgba(0,0,0,.3));transition:color .2s ease,filter .2s ease}.mbn-label,.mobile-nav-item>span:not(.mbn-pill):not(.mobile-nav-badge){position:relative;z-index:2;font-size:10.5px;font-weight:600;letter-spacing:.5px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.75),0 2px 5px rgba(0,0,0,.45);line-height:1;transition:color .2s ease,font-weight .2s ease,text-shadow .2s ease}.mbn-pill{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;border-radius:inherit;overflow:hidden;opacity:0;transform:scale(.85);pointer-events:none;transition:opacity .28s ease,transform .28s cubic-bezier(.34,1.56,.64,1)}.mbn-pill-back{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#00000052,#00000070);border-radius:inherit}.mbn-pill-rim{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #ffffff42,inset 0 1px #ffffff52,inset 0 -1px #0000003d,inset 0 0 10px -4px #00000052}@keyframes mbn-pill-enter{0%{opacity:0;transform:scale(.7);filter:blur(2px)}55%{opacity:1;transform:scale(1.06);filter:blur(0)}80%{opacity:1;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes mbn-pill-content-enter{0%{opacity:0;transform:translateY(2px) scale(.96)}60%{opacity:1;transform:translateY(0) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}.mobile-nav-item.is-active .mbn-pill{opacity:1;transform:scale(1);animation:mbn-pill-enter .55s cubic-bezier(.34,1.56,.64,1) .08s both}.mobile-nav-item.is-active svg{color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5));animation:mbn-pill-content-enter .45s cubic-bezier(.34,1.56,.64,1) .18s both}.mobile-nav-item.is-active .mbn-label,.mobile-nav-item.is-active>span:not(.mbn-pill):not(.mobile-nav-badge){color:#fff;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.52);animation:mbn-pill-content-enter .45s cubic-bezier(.34,1.56,.64,1) .22s both}.mobile-nav-badge{position:absolute;top:6px;right:14px;z-index:3;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:#321e1e;color:#fff;font-size:10px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;line-height:1;box-shadow:0 1px 3px #00000047;pointer-events:none;letter-spacing:0;text-shadow:none}.mobile-nav-spacer{flex:0 0 56px;max-width:56px;height:56px;margin:4px 2px;pointer-events:none}html.lock .mobile-bottom-nav-wrap,body:has(header-menu-drawer[open]) .mobile-bottom-nav-wrap,body:has([aria-controls=menu-drawer][aria-expanded=true]) .mobile-bottom-nav-wrap{display:none!important}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.mbn-backdrop{background:#ffffff40}}@media(prefers-reduced-motion:reduce){.mobile-nav-item,.mbn-pill,.mobile-nav-item svg,.mbn-label{transition:none!important;animation:none!important}.mobile-nav-item.is-active .mbn-pill{opacity:1;transform:scale(1)}}}@media screen and (min-width:768px){.mobile-bottom-nav-wrap{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/mobile-bottom-nav.css.map */