.header,.announcement-bar{transition:transform var(--tBase)}.header.header--hidden{transform:translateY(-76px)}.shipping-bar--hidden,.announcement-bar.announcement-bar--hidden{transform:translateY(-60px)}.announcement-bar-visible .header.header--hidden{transform:translateY(-106px)}.header__inner{position:relative;background-color:var(--off-white);height:var(--headerHeight);display:flex;justify-content:space-between;align-items:center;margin:16px var(--margin) 0;padding:0 var(--margin);border:1px solid var(--grey)}.header__logo-wrapper{height:100%;display:flex;align-items:center;position:absolute;bottom:-100%;right:120px;background:var(--off-white);border:1px solid var(--grey);z-index:51}.header__logo{width:100%;height:100%;padding:0 16px;display:flex;justify-content:flex-start;align-items:center;z-index:2;transition:background-color var(--tBase)}.header__logo svg path{transition:fill var(--tBase)}@media(hover:hover){.header__logo:hover{background-color:var(--black)}.header__logo:hover svg path{fill:var(--white)}}.header__logo svg{width:102px;height:auto}.header__secondary{display:flex;justify-content:flex-end;align-items:center;gap:24px;height:100%;z-index:2}.header__secondary .header__link{width:16px;height:16px}.header__secondary .header__link svg{width:100%;height:100%}.header__secondary .header__link svg path{transition:stroke var(--tBase)}@media(hover:hover){.header__secondary .header__link:hover svg path{stroke:var(--lighter-grey)}}.header__search{position:absolute;background:var(--off-white);z-index:52;top:-1px;width:calc(100% + 2px);left:-1px;display:flex;align-items:center;justify-content:flex-start;flex-direction:column;opacity:0;pointer-events:none;transition:opacity var(--tBase);will-change:opacity;transform:translateZ(0)}.header__logo-wrapper{transform:translateZ(0)}.active-search .header__search{opacity:1;pointer-events:auto}.header:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#00000040;pointer-events:none;opacity:0;transition:opacity var(--tBase)}.header.active-search:before{opacity:1}.header__search-form-wrapper{height:var(--headerHeight);width:100%;display:flex;align-items:center;position:relative;border:1px solid var(--grey)}.header__search-form{display:flex;align-items:center;justify-content:space-between;padding:0 var(--margin);width:100%}.header__search-form input{height:100%}.header__search-form input::placeholder{opacity:.5}.header__search-close{position:absolute;right:16px;top:50%;transform:translateY(-50%);height:16px;width:16px}.header__search-suggested-terms{width:100%;padding:40px 16px 60px;border-left:1px solid var(--grey);border-right:1px solid var(--grey);border-bottom:1px solid var(--grey);max-height:calc(100vh - 92px);overflow:scroll}.header__search-terms{display:flex;flex-direction:column;gap:16px;margin-top:24px;transition:color var(--tBase)}.header__search-term{display:inline-flex;transition:color var(--tBase)}@media(hover:hover){.header__search-term:hover,a.header__search-term:hover{color:var(--lighter-grey)}}.predictive-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap}.predictive-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:60px 20px;margin-bottom:60px}.predictive-item a{display:flex;align-items:center;gap:12px;text-decoration:none}.predictive-item img{object-fit:cover}.predictive-item:last-of-type{margin-bottom:40px}.nav{position:relative;display:flex;justify-content:center}.nav__list{display:flex;gap:32px;list-style:none;margin:0;padding:0}.nav__item{position:relative}.nav__trigger{background:none;border:0;cursor:pointer;padding:12px 0;font:inherit;transition:color var(--tBase)}.nav__trigger[aria-expanded=true]{color:var(--lighter-grey)}.nav__link{padding:12px 0;display:block;transition:color var(--tBase)}@media(hover:hover){.nav__link:hover{color:var(--lighter-grey)}}.nav__link.is-active,.nav__trigger.is-active,.nav-panel a.is-active,.mobile-nav a.is-active,.mobile-nav button.is-active{color:var(--black)}.nav-panels{position:absolute;top:100%;left:-1px;width:calc(100% + 2px);z-index:50}.nav-panel{position:absolute;top:1px;left:0;width:100%;border-left:1px solid var(--grey);border-right:1px solid var(--grey);border-bottom:1px solid var(--grey);background:var(--off-white);padding:20px 20px 60px;box-sizing:border-box;opacity:0;pointer-events:none}.nav-panel.is-active{opacity:1;pointer-events:auto;display:block}.nav-panel__grid{display:grid;grid-template-columns:repeat(12,1fr);gap:20px;margin:0 auto}.nav-panel__categories,.nav-panel__highlights{display:flex;flex-direction:column;gap:24px;grid-column:span 2}.nav-panel__categories ul,.nav-panel__highlights ul{list-style:none;padding:0;margin:0}.nav-panel__categories li,.nav-panel__highlights li{margin-bottom:12px}.nav-panel__categories a,.nav-panel__highlights a{text-decoration:none;transition:opacity .2s ease}@media(hover:hover){.nav-panel__categories a:hover,.nav-panel__highlights a:hover{opacity:.6}}.nav-panel__featured{display:flex;flex-direction:column;grid-column:10 / span 4;padding-top:58px}.nav-panel__featured a{text-decoration:none;display:block}.nav-panel__featured .aspectholder{aspect-ratio:1}.nav-panel__featured span{display:block;margin-top:12px}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:#00000040;z-index:40;pointer-events:none;opacity:0;transition:opacity var(--tBase)}body.nav-active:before{opacity:1}@media(max-width:1024px){.mobile-nav{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--off-white);margin:16px;border:1px solid var(--grey);transform:translate(calc(-100% - 16px));transition:transform .35s cubic-bezier(.77,0,.18,1);z-index:100;overflow:hidden}.announcement-bar-visible .mobile-nav{top:20px}.announcement-bar.announcement-bar--hidden{transform:translateY(-20px)}.announcement-bar-visible .header.header--hidden{transform:translateY(-96px)}.mobile-nav.is-active{transform:translate(0)}.mobile-nav__viewport{position:relative;height:100%;color:var(--grey)}.mobile-nav__level{position:absolute;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:84px 16px 32px;box-sizing:border-box;overflow-y:auto;transform:translate(100%);transition:transform .35s cubic-bezier(.77,0,.18,1);background:var(--off-white)}.mobile-nav__currency-switcher .currency-switcher select{text-align:left;max-width:unset}.mobile-nav__level--root,.mobile-nav__level.is-active{transform:translate(0)}.mobile-nav__level.is-leaving{transform:translate(-100%)}.mobile-nav__primary-menu{display:grid;gap:24px}.mobile-nav__header{position:absolute;top:0;left:0;width:100%;background:var(--off-white);border-bottom:1px solid var(--grey);padding:0 16px;display:flex;justify-content:space-between;align-items:center;z-index:10;height:var(--headerHeight)}.mobile-nav__back{background:none;border:0;cursor:pointer;align-items:center;display:none;gap:4px}.mobile-nav__back.is-visible{display:flex}.mobile-nav__back svg{width:10px}.mobile-nav__close{width:16px;height:16px;position:absolute;right:16px;top:50%;padding:0;transform:translateY(-50%)}body.nav-lock{overflow:hidden}.nav-panel__grid{display:flex;flex-direction:column;height:100%;justify-content:space-between;gap:40px;overflow:scroll;width:100%}.nav-panel__featured{padding-top:0}.nav-panel__featured .aspectholder{max-width:500px}.mobile-nav-wrapper.mobile{flex:1;display:flex;gap:12px}.mobile-toggle{height:16px}.mobile-nav-wrapper .header__search-button{width:18px;height:18px}.mobile-nav-wrapper .header__search-button svg{width:100%;height:100%}.header__secondary{flex:1;gap:12px}.header__logo-wrapper{position:relative;right:unset;bottom:unset;border:none}.header__secondary{border-left:none;margin-left:0}.nav-panel__categories li,.nav-panel__highlights li{margin-bottom:16px}.nav-panel__categories li:last-of-type,.nav-panel__highlights li:last-of-type{margin-bottom:0}.header__search{height:calc(100vh - 32px)}.announcement-bar-visible .header__search{height:calc(100vh - 50px)}.header__search-suggested-terms{height:calc(100vh - 32px);padding-top:20px}.announcement-bar-visible .header__search-suggested-terms{height:calc(100vh - 110px)}.predictive-grid{grid-template-columns:1fr;gap:20px}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/navigation.css.map */