.mobile-bottom-nav{display:none}@media(max-width:767.98px){.mobile-bottom-nav{display:flex;align-items:center;justify-content:space-around;position:fixed;left:0;right:0;bottom:0;z-index:8000;padding:calc(var(--space-unit) * 2) max(var(--space-unit),env(safe-area-inset-left)) calc(var(--space-unit) * 2 + env(safe-area-inset-bottom)) max(var(--space-unit),env(safe-area-inset-right));background:var(--header-bg-col);color:var(--header-text-col);border-top:var(--workshop-header-rule-width, 1px) solid var(--heading-divider-col);transform:translateY(100%);animation:mobile-bottom-nav-in .5s ease-out 1.2s forwards}.mobile-bottom-nav{transition:background-color .2s ease,border-color .2s ease,color .2s ease}.mobile-bottom-nav--transparent-permitted:not(.mobile-bottom-nav--scrolled){background:transparent;border-top-color:transparent;color:var(--mobile-bottom-nav-transparent-color, #fff)}.mobile-bottom-nav--transparent-permitted:before{content:"";position:absolute;left:0;right:0;bottom:0;height:140px;background:linear-gradient(to top,rgb(0 0 0 / .32),transparent);opacity:0;transition:opacity .2s ease;pointer-events:none}.mobile-bottom-nav--transparent-permitted:not(.mobile-bottom-nav--scrolled):before{opacity:1}.mobile-bottom-nav__item{display:flex;align-items:center;justify-content:center;width:44px;height:44px;color:inherit}.mobile-bottom-nav:not(.mobile-bottom-nav--scrolled) .mobile-bottom-nav__item{animation:mobile-bottom-nav-float 2.6s ease-in-out 1.7s infinite}.mobile-bottom-nav__item:nth-child(1){animation-delay:1.7s}.mobile-bottom-nav__item:nth-child(2){animation-delay:1.85s}.mobile-bottom-nav__item:nth-child(3){animation-delay:2s}.mobile-bottom-nav__item:nth-child(4){animation-delay:2.15s}.mobile-bottom-nav__item:nth-child(5){animation-delay:2.3s}.mobile-bottom-nav__logo{position:relative;flex:0 1 auto;width:auto;min-width:0}.mobile-bottom-nav__logo .logotext{overflow:hidden;font-size:var(--logo-text-size, 20px);text-overflow:ellipsis;white-space:nowrap}.mobile-bottom-nav__logo-image{display:block;width:auto;max-width:120px;height:auto;max-height:28px;object-fit:contain}.mobile-bottom-nav__logo-image--transparent{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity .2s ease}.mobile-bottom-nav--transparent-permitted:not(.mobile-bottom-nav--scrolled) .mobile-bottom-nav__logo:has(.mobile-bottom-nav__logo-image--transparent) .mobile-bottom-nav__logo-image:not(.mobile-bottom-nav__logo-image--transparent){opacity:0}.mobile-bottom-nav--transparent-permitted:not(.mobile-bottom-nav--scrolled) .mobile-bottom-nav__logo-image--transparent{opacity:1}.mobile-bottom-nav .cart-link{position:relative}.mobile-bottom-nav__count{position:absolute;top:2px;right:2px;display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--header-text-col);color:var(--header-bg-col);font-size:10px;line-height:1}.mobile-bottom-nav__count:empty{display:none}.mobile-bottom-nav--transparent-permitted:not(.mobile-bottom-nav--scrolled) .mobile-bottom-nav__count{background:var(--mobile-bottom-nav-transparent-color, #fff);color:#000}page-header:has(.mobile-bottom-nav) #pageheader>.logo-area{display:none}.show-search .mobile-bottom-nav{display:none}body:has(.mobile-bottom-nav){padding-bottom:var(--mobile-bottom-nav-height, calc(44px + var(--space-unit) * 4 + env(safe-area-inset-bottom)))}}@media(prefers-reduced-motion:reduce){.mobile-bottom-nav,.mobile-bottom-nav__item{animation:none;transform:translateY(0)}}@keyframes mobile-bottom-nav-in{to{transform:translateY(0)}}@keyframes mobile-bottom-nav-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/mobile-bottom-nav.css.map */