.jump-to-nav{position:fixed;left:0;right:0;top:0;z-index:9999;padding:16px 0;display:flex;justify-content:center;transform:translateY(var(--jump-nav-offset, 0px));opacity:0;visibility:hidden;pointer-events:none;will-change:transform;transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .22s ease,visibility 0s linear .22s}.jump-to-nav.is-visible{opacity:1;visibility:visible;pointer-events:auto;transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .22s ease,visibility 0s linear 0s}body.header-hidden{--jump-nav-offset: 0px}body.header-hidden .jump-to-nav.is-visible{transition:transform .32s cubic-bezier(.22,1,.36,1),opacity .22s ease,visibility 0s linear 0s}body.header-visible{--jump-nav-offset: var(--header-sticky-height, 70px)}body.header-visible .jump-to-nav.is-visible{transition:transform .45s cubic-bezier(.16,1,.3,1),opacity .22s ease,visibility 0s linear 0s}.jump-to-nav__inner{display:inline-flex;justify-content:center;padding:16px 24px;width:fit-content;max-width:calc(100vw - 32px);background:#fff;border-radius:16px;border-bottom:1px solid rgba(0,0,0,.08);opacity:0;transform:scale(.94);transition:opacity .2s ease,transform .35s cubic-bezier(.16,1,.3,1);will-change:transform,opacity}.jump-to-nav.is-visible .jump-to-nav__inner{opacity:1;transform:scale(1)}.jump-to-nav__list{display:flex;justify-content:center;align-items:center;gap:24px;list-style:none;padding:0;margin:0}.jump-to-nav__item a{color:#404d21;text-decoration:none;font-weight:500;font-size:1.4rem;line-height:1;padding:6px 0;position:relative;transition:color .2s ease}.jump-to-nav__item a:after{content:"";position:absolute;left:0;bottom:-4px;width:100%;height:2px;background-color:#404d21;transform:scaleX(0);transform-origin:center;transition:transform .25s ease}.jump-to-nav__item a:hover:after{transform:scaleX(1)}.jump-to-nav__item a.is-active{pointer-events:none}.jump-to-nav__item a.is-active:after{transform:scaleX(1)}.jump-to-nav-spacer{height:0}@media(max-width:468px){.jump-to-nav__list{gap:12px!important}}@media(max-width:368px){.jump-to-nav__item a{font-size:1.2rem}}@media(max-width:328px){.jump-to-nav__item a{font-size:1.1rem}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/custom-jump-to-nav.css.map */
