:root{--mobile-nav-height: 60px;--mobile-nav-safe-bottom: env(safe-area-inset-bottom, 0px)}.mobile-app-nav{display:none}@media screen and (max-width: 989px){body.has-mobile-app-nav{padding-bottom:calc(var(--mobile-nav-height) + var(--mobile-nav-safe-bottom))!important}.mobile-app-nav{position:fixed;bottom:0;left:0;right:0;z-index:200;background:rgba(var(--mobile-nav-bg-rgb, 255, 255, 255),.95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding-bottom:var(--mobile-nav-safe-bottom);box-shadow:0 -1px 10px #0000001a;display:block}.mobile-app-nav__inner{display:flex;align-items:center;justify-content:space-around;height:var(--mobile-nav-height);max-width:100%;padding:0 8px}.mobile-app-nav__item{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;max-width:80px;min-width:60px;height:100%;padding:8px 4px;text-decoration:none;background:transparent;border:none;cursor:pointer;position:relative;transition:transform .15s ease,opacity .15s ease;-webkit-tap-highlight-color:transparent}.mobile-app-nav__item:active{transform:scale(.92);opacity:.8}.mobile-app-nav__icon-wrap{position:relative;display:flex;align-items:center;justify-content:center;width:28px;height:28px;margin-bottom:2px}.mobile-app-nav__item .mobile-nav-icon{width:24px;height:24px;color:var(--mobile-nav-icon-color, #333333);stroke:var(--mobile-nav-icon-color, #333333);transition:color .2s ease,stroke .2s ease}.mobile-app-nav__item .mobile-nav-icon--custom{width:24px;height:24px;object-fit:contain}.mobile-app-nav__item.is-active .mobile-nav-icon{color:var(--mobile-nav-icon-active-color, #1d3557);stroke:var(--mobile-nav-icon-active-color, #1d3557)}.mobile-app-nav__label{font-size:10px;font-weight:500;color:var(--mobile-nav-icon-color, #333333);text-align:center;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;transition:color .2s ease}.mobile-app-nav__item.is-active .mobile-app-nav__label{color:var(--mobile-nav-icon-active-color, #1d3557);font-weight:600}.mobile-app-nav__active-indicator{position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:4px;height:4px;background:var(--mobile-nav-icon-active-color, #1d3557);border-radius:50%;opacity:0;transition:opacity .2s ease}.mobile-app-nav__item.is-active .mobile-app-nav__active-indicator{opacity:1}.mobile-app-nav__badge{position:absolute;top:-4px;right:-6px;min-width:18px;height:18px;padding:0 4px;background:var(--color-base-accent-1, #ED5E43);color:var(--color-base-solid-button-labels, #ffffff);border-radius:9px;font-size:10px;font-weight:600;display:flex;align-items:center;justify-content:center;line-height:1;box-shadow:0 1px 3px #0003}.mobile-app-nav__badge:empty,.mobile-app-nav__badge[data-count="0"]{display:none}.mobile-app-nav--no-labels .mobile-app-nav__label{display:none}.mobile-app-nav--no-labels .mobile-app-nav__icon-wrap{margin-bottom:0}.mobile-app-nav--no-indicator .mobile-app-nav__active-indicator,body.has-mobile-app-nav .sticky-cart-icon{display:none!important}}@media screen and (min-width: 990px){.mobile-app-nav{display:none!important}body.has-mobile-app-nav{padding-bottom:0!important}}@supports not (padding-bottom: env(safe-area-inset-bottom)){@media screen and (max-width: 989px){body.has-mobile-app-nav{padding-bottom:calc(var(--mobile-nav-height) + 8px)!important}.mobile-app-nav{padding-bottom:8px}}}@media (prefers-color-scheme: dark){.mobile-app-nav[data-auto-dark=true]{background:#1a1a1af2;--mobile-nav-icon-color: #ffffff}}@media screen and (max-width: 989px) and (orientation: landscape){:root{--mobile-nav-height: 50px}.mobile-app-nav__item{padding:4px}.mobile-app-nav__icon-wrap{width:24px;height:24px}.mobile-app-nav__item .mobile-nav-icon{width:20px;height:20px}.mobile-app-nav__label{font-size:9px}}.mobile-app-nav,.mobile-app-nav__inner{overflow-x:hidden}
/*# sourceMappingURL=/cdn/shop/t/24/assets/mobile-app-nav.css.map */