.n-header-section{position:relative;z-index:20}.n-header-section:has(.n-header[data-sticky=true]){position:sticky;top:0}.n-header{background:var(--n-white);border-bottom:.1rem solid var(--n-chip);transition:background-color .3s ease,border-color .3s ease}.n-header__bar{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;height:6rem;max-width:var(--n-max);margin-inline:auto;padding-inline:1.6rem;box-sizing:border-box;background:var(--n-white);border:0 solid transparent;border-radius:0;transition:height .3s ease,margin .3s ease,border-radius .3s ease,border-color .3s ease,border-width .3s ease,padding .3s ease}.n-header-section.is-scrolled .n-header{background:transparent;border-bottom-color:transparent}.n-header-section.is-scrolled .n-header__bar{height:5.6rem;margin:.4rem .8rem 0;padding-inline:3.2rem;border-width:.2rem;border-color:var(--n-black);border-radius:99rem}@media screen and (min-width:990px){.n-header-section.is-scrolled .n-header__bar{height:8rem;margin:.8rem auto 0;max-width:calc(100% - 4rem);padding-inline:5.6rem;border-width:.3rem}}@media(prefers-reduced-motion:reduce){.n-header,.n-header__bar{transition:none}}.n-header__left,.n-header__right{display:flex;align-items:center}.n-header__right{justify-content:flex-end;gap:.4rem}.n-header__center{display:flex;justify-content:center}.n-header__logo{display:inline-flex;align-items:center;color:var(--n-black);text-decoration:none}.n-header__wordmark{font-family:var(--n-font-heading);font-size:2.2rem;font-weight:700;letter-spacing:.14em;line-height:1;margin-right:-.14em;white-space:nowrap}.n-header__logo-img{display:block;height:auto;width:12rem}.n-header__logo-svg{display:block;width:auto;height:2rem}.n-header__icon-btn{display:inline-flex;align-items:center;justify-content:center;width:4rem;height:4.4rem;padding:0;background:none;border:0;color:var(--n-black);cursor:pointer;text-decoration:none}.n-header__menu-btn{width:4.4rem;justify-content:flex-start}.n-header__action{display:inline-flex;align-items:center;gap:.8rem;color:var(--n-black);text-decoration:none;font-size:1.6rem;font-weight:500}.n-bag{position:relative;width:4.4rem;height:4.4rem;justify-content:flex-end}.n-bag__label{display:none}.n-bag__icon{position:relative;display:inline-flex}.n-bag__icon{transform:translateY(-.15rem)}.n-bag__icon.is-filled .n-icon path:first-child{fill:var(--n-black)}.n-bag__count{position:absolute;left:0;right:0;top:43%;color:var(--n-white);font-size:1.1rem;font-weight:700;line-height:1;text-align:center;font-variant-numeric:tabular-nums}.n-header__nav,.n-header__account{display:none}.n-header a:focus-visible,.n-header button:focus-visible,.n-header summary:focus-visible,.n-menu a:focus-visible,.n-menu button:focus-visible{outline:.2rem solid var(--n-black);outline-offset:.2rem;box-shadow:none}@media screen and (min-width:990px){.n-header__bar{height:8.8rem;padding-inline:var(--n-gutter)}.n-header__menu-btn{display:none}.n-header__nav,.n-header__account{display:flex}.n-header__right{gap:2.8rem}.n-header__search,.n-bag{width:auto}.n-bag__label{display:inline}.n-bag__icon{transform:none}.n-bag__count{display:none}.n-bag__icon.is-filled .n-icon path:first-child{fill:none}.n-bag__icon .n-icon{width:2.2rem!important;height:2.2rem!important}.n-header__wordmark{font-size:3rem}.n-header__logo-img{width:16rem}.n-header__logo-svg{height:2.8rem}}.n-header__nav-list{display:flex;align-items:center;gap:3.2rem;margin:0;padding:0;list-style:none}.n-header__nav-link{display:inline-flex;align-items:center;gap:.6rem;color:var(--n-black);font-size:1.6rem;font-weight:500;text-decoration:none;cursor:pointer;list-style:none;white-space:nowrap}.n-header__nav-link::-webkit-details-marker{display:none}a.n-header__nav-link:hover,.n-header__action:hover .n-bag__label,.n-header__account:hover span{text-decoration:underline;text-underline-offset:.4rem}.n-header__dropdown{position:static}.n-header__dropdown .n-icon--chevron-down{transition:transform var(--n-ease)}.n-header__dropdown[open] .n-icon--chevron-down{transform:rotate(180deg)}.n-header__panel{position:absolute;top:calc(100% + .8rem);left:calc(var(--n-gutter) - 2.4rem);min-width:38rem;padding:2.4rem;display:flex;flex-direction:column;gap:1.6rem;background:var(--n-white);border:.1rem solid var(--n-chip);border-radius:var(--n-radius-card);box-sizing:border-box}.n-header__panel-link{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;color:var(--n-black);font-size:1.7rem;font-weight:600;text-decoration:none;white-space:nowrap}.n-header__panel-link:hover{text-decoration:underline;text-underline-offset:.4rem}.n-swatches{display:flex;flex-wrap:wrap;gap:1.2rem;margin:0;padding:0;list-style:none}.n-swatches__link{position:relative;display:block;border-radius:50%;outline-offset:.3rem}.n-swatches__link:hover .n-swatch{box-shadow:0 0 0 .2rem var(--n-white),0 0 0 .35rem var(--n-black)}.n-swatches__link.is-unavailable:after{content:"";position:absolute;top:50%;left:-.2rem;right:-.2rem;height:.15rem;background:var(--n-black);transform:rotate(-45deg)}.n-menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;visibility:hidden;transition:visibility 0s linear .25s}.n-menu[open]{visibility:visible;transition:none}.n-menu__panel{display:flex;flex-direction:column;height:100%;width:100%;background:var(--n-white);transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,1,1)}.n-menu[open] .n-menu__panel{transform:none;transition:transform .5s cubic-bezier(.22,1,.36,1)}@keyframes n-menu-rise{0%{opacity:0;transform:translateY(1.2rem)}to{opacity:1;transform:none}}.n-menu[open] .n-menu__body>*,.n-menu[open] .n-menu__bottom{animation:n-menu-rise .5s cubic-bezier(.22,1,.36,1) both}.n-menu[open] .n-menu__body>:nth-child(1){animation-delay:.1s}.n-menu[open] .n-menu__body>:nth-child(2){animation-delay:.15s}.n-menu[open] .n-menu__body>:nth-child(3){animation-delay:.2s}.n-menu[open] .n-menu__body>:nth-child(4){animation-delay:.25s}.n-menu[open] .n-menu__body>:nth-child(n+5){animation-delay:.3s}.n-menu[open] .n-menu__bottom{animation-delay:.3s}@media(prefers-reduced-motion:reduce){.n-menu,.n-menu__panel,.n-menu[open] .n-menu__panel{transition:none}.n-menu[open] .n-menu__body>*,.n-menu[open] .n-menu__bottom{animation:none}}@media screen and (min-width:990px){.n-menu{display:none}}.n-menu__top{display:flex;align-items:center;justify-content:space-between;height:6rem;padding-inline:1.6rem;border-bottom:.1rem solid var(--n-chip);flex:none}.n-menu__top .n-header__icon-btn{width:4.4rem}.n-menu__top .n-header__icon-btn:first-child{justify-content:flex-start}.n-menu__bag{justify-content:flex-end}.n-menu__body{flex:1 1 auto;overflow-y:auto;padding:1.6rem 2rem 0}.n-menu__group{border-bottom:.1rem solid var(--n-chip)}.n-menu__row{display:flex;align-items:center;justify-content:space-between;gap:1.6rem;width:100%;padding:2rem 0;background:none;color:var(--n-black);font-family:inherit;text-align:left;text-decoration:none;cursor:pointer}.n-menu__toggle{padding-bottom:1.8rem;border:0}.n-menu__title{font-family:var(--n-font-heading);font-size:2.8rem;font-weight:600;letter-spacing:-.02em;line-height:1.1}.n-menu__sign{font-size:2.6rem;line-height:1}.n-menu__toggle[aria-expanded=true] .n-menu__sign-closed,.n-menu__toggle[aria-expanded=false] .n-menu__sign-open{display:none}.n-menu__sub{display:flex;flex-direction:column;gap:1.4rem;padding:0 0 1.8rem .2rem}.n-menu__sub[hidden]{display:none}.n-menu__sublink{color:var(--n-ink-2);font-size:1.8rem;line-height:1.35;text-decoration:none}.n-menu__hint{color:var(--n-ink-3);font-size:1.6rem}.n-menu__links{display:flex;flex-direction:column;gap:.4rem;margin:0;padding:1.4rem 0;list-style:none}.n-menu__link{display:flex;align-items:center;min-height:4.4rem;color:var(--n-black);font-size:1.9rem;text-decoration:none}.n-menu__bottom{flex:none;display:flex;flex-direction:column;gap:1.6rem;padding:2rem 2rem calc(2rem + env(safe-area-inset-bottom));border-top:.1rem solid var(--n-chip)}.n-menu__login{display:inline-flex;align-items:center;min-height:4.4rem;gap:1rem;color:var(--n-black);font-size:1.7rem;font-weight:600;text-decoration:none}.n-menu__social{display:flex;gap:1.2rem;margin:0;padding:0;list-style:none}.n-social{display:flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;border-radius:50%;background:var(--n-panel);color:var(--n-black)}.n-social svg{width:2rem;height:2rem}
/*# sourceMappingURL=/cdn/shop/t/11/assets/nacl-header.css.map */