.nn-nav{position:relative}.nn-nav__list{position:relative;display:flex;flex-wrap:wrap;align-items:center;row-gap:.4rem;list-style:none;margin:0;padding:0}.nn-nav__item{position:relative}.nn-nav__pill{position:absolute;top:0;left:0;height:0;width:0;border-radius:999px;background:rgba(var(--color-foreground),.08);opacity:0;pointer-events:none;transition:transform .25s ease,width .25s ease,height .25s ease,opacity .15s ease;z-index:0}.nn-nav__pill.is-visible{opacity:1}.nn-nav__trigger,.nn-nav__link{position:relative;z-index:1;display:inline-flex;align-items:center;gap:4px;padding:.7rem 1.4rem;background:none;border:none;font-family:var(--font-body-family);font-size:1.4rem;color:rgba(var(--color-foreground),.75);text-decoration:none;cursor:pointer;transition:color .2s ease}.nn-nav__trigger:hover,.nn-nav__link:hover,.nn-nav__trigger:focus-visible,.nn-nav__link:focus-visible{color:rgb(var(--color-foreground))}.nn-nav__caret{width:1.2rem;height:1.2rem;transition:transform .25s ease}.nn-nav__item.is-open .nn-nav__caret{transform:rotate(180deg)}.nn-nav__panel{position:absolute;top:100%;left:0;padding-top:10px;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .2s ease,transform .2s ease,visibility .2s;z-index:20}.nn-nav__item.is-open .nn-nav__panel{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.nn-nav__panel-inner{display:flex;gap:3.6rem;width:max-content;max-width:min(70vw,720px);padding:2.4rem 2.8rem;border-radius:16px;border:1px solid rgba(var(--color-foreground),.08);background:rgb(var(--color-background));box-shadow:0 24px 48px -24px rgba(var(--color-shadow),.35)}.nn-nav__column-title{margin:0 0 1.6rem;font-family:var(--font-body-family);font-size:1.1rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:rgba(var(--color-foreground),.5)}.nn-nav__column-title--link{display:block;text-decoration:none;transition:opacity .2s ease}.nn-nav__column-title--link:hover{opacity:.6}.nn-nav__column-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1.4rem}.nn-nav__column-link{display:block;font-family:var(--font-body-family);font-size:1.4rem;color:rgb(var(--color-foreground));text-decoration:none;white-space:nowrap;transition:opacity .2s ease}.nn-nav__column-link:hover{opacity:.6}@media(prefers-reduced-motion:reduce){.nn-nav__pill,.nn-nav__panel,.nn-nav__caret{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-header-dropdown-navigation.css.map */