:root{--mobile-bottom-navigation-height: 66px}#root .m6pn{bottom:calc(66px + env(safe-area-inset-bottom,0px))}body #honeypop-app button[class*=BubbleLauncher]{bottom:calc(78px + env(safe-area-inset-bottom,0px))!important}body .firepush-widget-container{bottom:calc(80px + env(safe-area-inset-bottom,0px))!important}body:has(.pdp-m__buy:not(.is-hidden)) #honeypop-app button[class*=BubbleLauncher],body:has(.cm-bar.is-shown) #honeypop-app button[class*=BubbleLauncher]{bottom:calc(148px + env(safe-area-inset-bottom,0px))!important}body:has(.pdp-m__buy:not(.is-hidden)) .firepush-widget-container,body:has(.cm-bar.is-shown) .firepush-widget-container{bottom:calc(150px + env(safe-area-inset-bottom,0px))!important}pandectes-cmp{--mobile-cookie-bottom: calc(78px + env(safe-area-inset-bottom, 0px)) }body:has(.pdp-m__buy:not(.is-hidden)) pandectes-cmp,body:has(.cm-bar.is-shown) pandectes-cmp{--mobile-cookie-bottom: calc(148px + env(safe-area-inset-bottom, 0px)) }body.mobile-categories-open #honeypop-app,body.mobile-categories-open .firepush-widget-container,body.mobile-explore-open #honeypop-app,body.mobile-explore-open .firepush-widget-container,html.m6pn-open #honeypop-app,html.m6pn-open .firepush-widget-container,body.mobile-categories-open pandectes-cmp,body.mobile-explore-open pandectes-cmp,html.m6pn-open pandectes-cmp,body.mobile-categories-open #ecomsend-widget,body.mobile-explore-open #ecomsend-widget,html.m6pn-open #ecomsend-widget,body.clm-lock #honeypop-app,body.clm-lock .firepush-widget-container,body.clm-lock pandectes-cmp,body.clm-lock #ecomsend-widget{visibility:hidden!important}body .mobile-bottom-navigation{align-items:stretch;overflow:hidden;height:calc(66px + env(safe-area-inset-bottom,0px));padding:0 6px env(safe-area-inset-bottom,0px);border:0;border-radius:22px 22px 0 0;background:#fff;box-shadow:0 -10px 26px -16px #16123f73,inset 0 1px #e1e3e8;-webkit-backdrop-filter:none;backdrop-filter:none}body .mobile-bottom-navigation>a,body .mobile-bottom-navigation>button{z-index:1;float:none;justify-content:center;gap:4px;width:auto;min-width:0;height:auto;min-height:0;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;color:#8a91a0;font-family:Figtree,system-ui,sans-serif;font-size:10.5px;font-weight:600;text-indent:0;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:color .12s}body .mobile-bottom-navigation>button:before,body .mobile-bottom-navigation>button:after{content:none;display:none}body .mobile-bottom-navigation>button[data-mobile-categories-trigger]{transform:none}body .mobile-bottom-navigation>a>svg,body .mobile-bottom-navigation>button>svg,body .mobile-bottom-navigation .mobile-bottom-navigation__icon>svg{width:25px;height:25px;overflow:visible;fill:none;stroke:none;transform-box:fill-box;transform-origin:center}body .mobile-bottom-navigation .mobile-bottom-navigation__icon{width:25px;height:25px}body .mobile-bottom-navigation svg .ol,body .mobile-bottom-navigation svg .fl{transform-box:fill-box;transform-origin:center;transition:opacity .22s,transform .4s cubic-bezier(.3,1.6,.5,1)}body .mobile-bottom-navigation svg .fl{opacity:0;transform:scale(.75)}body .mobile-bottom-navigation>a.is-active,body .mobile-bottom-navigation>button.is-active{color:#3a34d2;font-weight:700}body .mobile-bottom-navigation>.is-active svg .fl{opacity:1;transform:none}body .mobile-bottom-navigation>.is-active svg .ol{opacity:0;transform:scale(1.12)}body .mobile-bottom-navigation>:focus-visible{outline:2px solid #3a34d2;outline-offset:-4px;border-radius:12px}body .mobile-bottom-navigation .mobile-bottom-navigation__count{top:-6px;right:-10px;border:0;background:#e4323c;box-shadow:0 0 0 2px #fff;color:#fff}body .mobile-bottom-navigation .nb-spot{position:absolute;top:0;left:6px;z-index:0;width:calc((100% - 12px)/5);height:100%;opacity:0;pointer-events:none;transform:translate(calc(var(--nb-index, 0) * 100%));transition:transform .4s cubic-bezier(.3,1.2,.5,1);transition:transform .4s linear(0,.113,.333,.558,.741,.87,.951,.996,1.016,1.021,1.02,1.015,1.01,1.006,1.003,1.001,1);will-change:transform,opacity}body .mobile-bottom-navigation .nb-spot.no-anim{transition:none}body .mobile-bottom-navigation .nb-spot.is-ready{opacity:1}body .mobile-bottom-navigation .nb-spot:before{content:"";position:absolute;top:0;left:50%;width:38px;height:3px;margin-left:-19px;border-radius:0 0 6px 6px;background:#3a34d2;box-shadow:0 0 12px 2px #3a34d28c,0 0 26px 6px #3a34d247}body .mobile-bottom-navigation .nb-spot:after{content:"";position:absolute;top:3px;right:0;bottom:0;left:0;background:linear-gradient(180deg,#3a34d242,#3a34d21a 55%,#3a34d200);clip-path:polygon(32% 0,68% 0,100% 100%,0 100%)}body .mobile-bottom-navigation .ic-truck{overflow:visible}body .mobile-bottom-navigation .ic-truck .sl{opacity:0}body .mobile-bottom-navigation .ic-truck .sl path{opacity:0;transform-box:fill-box;transform-origin:center}body .mobile-bottom-navigation .ic-truck .wh{transform-box:fill-box;transform-origin:center}body .mobile-bottom-navigation>.is-active .ic-truck .sl{opacity:1}body .mobile-bottom-navigation>.is-active .ic-truck .sl path{animation:mobile-nav-streak .7s linear infinite}body .mobile-bottom-navigation>.is-active .ic-truck .sl .s2{animation-delay:.2s}body .mobile-bottom-navigation>.is-active .ic-truck .sl .s3{animation-delay:.42s}body .mobile-bottom-navigation>.is-active .ic-truck .bd{animation:mobile-nav-bob .3s ease-in-out infinite alternate}body .mobile-bottom-navigation>.is-active .ic-truck .wh{animation:mobile-nav-wheel .42s linear infinite}body .mobile-bottom-navigation>.is-active .ic-truck.rush .sl path{animation-duration:.26s}body .mobile-bottom-navigation>.is-active .ic-truck.rush .wh{animation-duration:.14s}@keyframes mobile-nav-streak{0%{opacity:0;transform:translate(3px) scaleX(.5)}25%{opacity:.9}to{opacity:0;transform:translate(-6px) scaleX(1)}}@keyframes mobile-nav-bob{0%{transform:translateY(.4px)}to{transform:translateY(-.45px)}}@keyframes mobile-nav-wheel{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){body .mobile-bottom-navigation .ic-truck .sl path,body .mobile-bottom-navigation .ic-truck .bd,body .mobile-bottom-navigation .ic-truck .wh{animation:none!important}}@media(prefers-reduced-motion:reduce){body .mobile-bottom-navigation>a,body .mobile-bottom-navigation>button,body .mobile-bottom-navigation svg .ol,body .mobile-bottom-navigation svg .fl,body .mobile-bottom-navigation .nb-spot{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/59/assets/mobile-bottom-nav.css.map */