.nav{position:fixed;top:var(--nav-top, 0px);left:0;right:0;z-index:90;display:flex;align-items:center;justify-content:space-between;gap:clamp(16px,3vw,40px);padding:20px clamp(24px,5vw,96px);isolation:isolate;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;opacity:1;transition:background .36s var(--ease-utility, ease),box-shadow .36s var(--ease-utility, ease),backdrop-filter .36s var(--ease-utility, ease),transform .54s var(--ease-utility, ease),opacity .36s var(--ease-utility, ease)}.nav:before{content:"";position:absolute;left:0;right:0;top:0;height:180%;pointer-events:none;z-index:-1;background:linear-gradient(to bottom,color-mix(in srgb,var(--violet-deep) 40%,transparent),transparent 80%);opacity:0;transition:opacity .36s var(--ease-utility, ease)}.nav.is-on-dark:not(.is-scrolled):before{opacity:1}.nav.is-on-dark.is-scrolled{background:color-mix(in srgb,var(--violet-deep) 72%,transparent);-webkit-backdrop-filter:saturate(150%) blur(14px);backdrop-filter:saturate(150%) blur(14px);box-shadow:0 1px color-mix(in srgb,white 14%,transparent) inset,0 10px 30px -20px color-mix(in srgb,var(--violet-deep) 50%,transparent)}.nav.is-past-hero{top:0;background:color-mix(in srgb,var(--cream) 58%,transparent);-webkit-backdrop-filter:saturate(150%) blur(14px);backdrop-filter:saturate(150%) blur(14px);box-shadow:0 1px color-mix(in srgb,var(--charcoal) 10%,transparent)}.nav.is-hidden{transform:translateY(calc(-100% - 64px));opacity:0;pointer-events:none}@media(prefers-reduced-transparency:reduce){.nav{background:var(--cream);backdrop-filter:none;-webkit-backdrop-filter:none}.nav.is-on-dark{background:var(--violet-deep)}}@supports not (backdrop-filter: blur(1px)){.nav.is-on-dark.is-scrolled,.nav.is-past-hero{background:var(--cream)}}.nav__brand{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;padding:0;display:inline-flex;align-items:center;background:transparent}.brand-mark{display:none;height:48px;width:auto;background:transparent}.nav:not(.is-on-dark) .brand-mark--dark{display:block}.nav.is-on-dark .brand-mark--light{display:block}.nav__toggle{display:none;background:none;border:0;padding:6px;color:var(--charcoal);cursor:pointer}.nav.is-on-dark .nav__toggle{color:var(--cream)}.nav__toggle-bar{display:block;width:22px;height:1.5px;background:currentColor;margin:4px 0}.nav__links{display:flex;align-items:center;gap:clamp(18px,2vw,32px);font-family:var(--font-body);font-weight:500;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase}.nav__links a,.nav__cart{position:relative;color:var(--charcoal);opacity:1;padding:6px 0;text-decoration:none;transition:opacity .36s var(--ease-utility, ease)}.nav.is-on-dark .nav__links a,.nav.is-on-dark .nav__cart{color:var(--cream)}.nav__links a:not(.nav__shop-link):after{content:"";position:absolute;left:0;right:100%;bottom:2px;height:1px;background:currentColor;transition:right .48s var(--ease-utility, ease)}.nav__links a:hover,.nav__links a:focus-visible,.nav__cart:hover,.nav__cart:focus-visible{opacity:.72;outline:none}.nav__links a:not(.nav__shop-link):hover:after,.nav__links a:not(.nav__shop-link):focus-visible:after{right:0}.nav__item--has-menu{position:relative;display:inline-flex;align-items:center;--nav-submenu-w: 264px;--nav-submenu-gap: 16px}.nav__item--has-menu:before{content:"";position:absolute;left:0;right:auto;top:100%;width:var(--nav-submenu-w);height:var(--nav-submenu-gap);pointer-events:none}.nav__item--has-menu:hover:before,.nav__item--has-menu:focus-within:before{pointer-events:auto}.nav__shop-link{display:inline-flex;align-items:center;gap:7px;cursor:pointer;text-decoration:none}.nav__shop-link:after{content:"";width:5px;height:5px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-1px);opacity:.65;transition:transform .24s var(--ease-utility, ease)}.nav__item--has-menu:hover .nav__shop-link:after,.nav__item--has-menu:focus-within .nav__shop-link:after{transform:rotate(225deg) translateY(2px);opacity:1}.nav__submenu{position:absolute;top:calc(100% + var(--nav-submenu-gap));left:0;min-width:var(--nav-submenu-w);display:grid;gap:1px;padding:14px;background:color-mix(in srgb,var(--cream) 98%,transparent);border:1px solid color-mix(in srgb,var(--charcoal) 12%,transparent);box-shadow:0 20px 54px -26px color-mix(in srgb,var(--violet-deep) 55%,transparent);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-6px);transition:opacity .24s var(--ease-utility, ease),transform .24s var(--ease-utility, ease),visibility 0s linear .24s}.nav__item--has-menu:hover .nav__submenu,.nav__item--has-menu:focus-within .nav__submenu,.nav__submenu.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);transition:opacity .24s var(--ease-utility, ease),transform .24s var(--ease-utility, ease),visibility 0s}.nav__item--has-menu.is-suppressed .nav__submenu{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:none!important}.nav__submenu a{position:static;font-family:var(--font-body);font-weight:500;font-size:12px;letter-spacing:.04em;text-transform:none;color:var(--charcoal)!important;opacity:.82;padding:9px 12px;border-radius:2px;white-space:nowrap;text-decoration:none;transition:background .18s var(--ease-utility, ease),opacity .18s var(--ease-utility, ease)}.nav__submenu a:after{display:none}.nav__submenu a:hover,.nav__submenu a:focus-visible{opacity:1;background:color-mix(in srgb,var(--copper) 13%,transparent);outline:none}@media(prefers-reduced-motion:reduce){.nav__shop-link:after,.nav__submenu{transition:none}}@media(min-width:750px){.nav__links{display:flex}.nav__toggle{display:none}}@media(max-width:749px){.nav{padding:12px 18px;gap:12px}.nav__toggle{display:block;order:3}.nav__cart{order:2}.nav__links{display:flex;order:4;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:flex-start;gap:2px;padding:6px clamp(18px,5vw,24px) 14px;background:color-mix(in srgb,var(--cream) 98%,transparent);-webkit-backdrop-filter:saturate(140%) blur(10px);backdrop-filter:saturate(140%) blur(10px);box-shadow:0 14px 26px -16px color-mix(in srgb,var(--charcoal) 32%,transparent);max-height:0;overflow:hidden;opacity:0;pointer-events:none;transition:max-height .36s var(--ease-utility, ease),opacity .24s var(--ease-utility, ease)}.nav__links a{color:var(--charcoal)!important;padding:11px 0;font-size:13px;letter-spacing:.14em}.nav.is-menu-open .nav__links{max-height:70vh;opacity:1;pointer-events:auto}.nav.is-menu-open{background:color-mix(in srgb,var(--cream) 98%,transparent);box-shadow:0 1px color-mix(in srgb,var(--charcoal) 12%,transparent)}.nav.is-menu-open .brand-mark--light{display:none}.nav.is-menu-open .brand-mark--dark{display:block}.nav.is-menu-open .nav__toggle,.nav.is-menu-open .nav__cart{color:var(--charcoal)}.nav__item--has-menu{display:block;width:100%}.nav__item--has-menu:before{content:none}.nav__shop-link:after{display:none}.nav__submenu{position:static;min-width:0;display:grid;gap:0;padding:0 0 6px 14px;background:transparent;border:none;box-shadow:none;opacity:1;visibility:visible;pointer-events:auto;transform:none;transition:none}.nav__submenu a{color:var(--charcoal)!important;padding:9px 0;font-size:12px;opacity:.8}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/neogen-nav.css.map */