.mobile-bottom-nav{display:none}@media(max-width:1200px){.mobile-bottom-nav{display:block;position:fixed;left:0;right:0;bottom:0;z-index:999;background:#f8f8f8;border-top:1px solid #e0e0e0;box-shadow:0 -2px 8px #0000000f;padding-bottom:env(safe-area-inset-bottom,0);transform:translateY(0);transition:transform .3s ease}.mobile-bottom-nav.is-hidden{transform:translateY(100%)}.mobile-bottom-nav__list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;margin:0;padding:0;list-style:none}.mobile-bottom-nav__item{min-width:0;overflow:hidden}.mobile-bottom-nav__link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:100%;max-width:100%;min-width:0;min-height:56px;padding:8px 2px 6px;border:0;background:transparent;color:#888;font-family:inherit;font-size:10px;line-height:1.2;text-decoration:none;text-align:center;cursor:pointer;box-sizing:border-box;-webkit-tap-highlight-color:transparent}.mobile-bottom-nav__link--button{-webkit-appearance:none;appearance:none;float:none;width:100%;min-width:0;margin:0;padding:8px 2px 6px;box-shadow:none;border-radius:0;border:0;background:transparent;color:#888;font-weight:inherit;font-size:10px;text-transform:none;letter-spacing:normal;text-align:center}.mobile-bottom-nav__link--button:before{display:none}.mobile-bottom-nav__icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:20px;line-height:1}.mobile-bottom-nav__icon--gifting{width:22px;height:22px;overflow:hidden}.mobile-bottom-nav__icon--gifting svg{width:22px;height:22px;max-width:100%;display:block}.mobile-bottom-nav__icon--gifting svg path{fill:currentColor}.mobile-bottom-nav__label{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-bottom-nav__link.is-active,.mobile-bottom-nav__link.is-active .mobile-bottom-nav__icon{color:#70b0c9}.mobile-bottom-nav__link.is-active .mobile-bottom-nav__icon--gifting svg path{fill:#70b0c9}body.has-mobile-bottom-nav{padding-bottom:calc(56px + env(safe-area-inset-bottom,0))}#root .mobile-bottom-nav button.mobile-bottom-nav__link--button{float:none;width:100%;min-width:0;margin:0;background:transparent;color:#888;font-weight:inherit;box-shadow:none}#root .mobile-bottom-nav button.mobile-bottom-nav__link--button:before{display:none}}
/*# sourceMappingURL=/cdn/shop/t/39/assets/mobile-bottom-nav.css.map */
