.mega-nav{width:100%}.mega-nav>nav{display:flex;justify-content:center}.mega-menu__wrap{width:100%;max-width:164rem;margin:0 auto;padding-left:5rem;padding-right:5rem}.mega-nav__list{align-items:center;justify-content:center;column-gap:1.2rem}.mega-nav .header__menu-item{position:relative;padding:1.4rem 1.2rem;font-size:1.3rem;font-weight:600;letter-spacing:.1rem;text-transform:uppercase;white-space:nowrap;color:rgba(var(--color-foreground),.85)}.mega-nav summary.header__menu-item{padding-right:2.8rem}.mega-nav .header__menu-item .icon-caret{right:.9rem;height:.6rem;transition:transform var(--duration-short) ease}.mega-nav .header__menu-item:after{content:"";position:absolute;left:1.2rem;right:1.2rem;bottom:.4rem;height:.2rem;background-color:currentColor;transform:scaleX(0);transform-origin:left center;transition:transform var(--duration-short) ease}.mega-nav .header__menu-item:hover,.mega-nav details[open]>.header__menu-item{color:rgb(var(--color-foreground));text-decoration:none}.mega-nav .header__menu-item:hover span,.mega-nav details[open]>.header__menu-item span{text-decoration:none}.mega-nav .header__menu-item:hover:after,.mega-nav details[open]>.header__menu-item:after{transform:scaleX(1)}.mega-nav .header__active-menu-item{text-decoration:none;font-weight:600}.mega-nav .header__menu-item:has(.header__active-menu-item):after{transform:scaleX(1);opacity:.5}.mega-nav .mega-nav__highlight{padding-top:.8rem;padding-bottom:.8rem}.mega-nav .mega-nav__highlight:after{display:none}.mega-nav .mega-nav__highlight span{display:inline-block;padding:.5rem 1.4rem;border-radius:4rem;background-color:rgb(var(--color-foreground));color:rgb(var(--color-background));font-weight:600;line-height:1.4;transition:background-color var(--duration-short) ease}.mega-nav .mega-nav__highlight:hover span{background-color:rgba(var(--color-foreground),.85);text-decoration:none}.mega-menu{position:static}.mega-menu__content{background-color:rgb(var(--color-background));border-left:0;border-right:0;border-radius:0;left:0;right:0;top:100%;position:absolute;overflow-y:auto;overscroll-behavior:contain;max-height:calc(100vh - var(--header-bottom-position-desktop, 20rem));max-height:calc(100dvh - var(--header-bottom-position-desktop, 20rem))}.header-wrapper--border-bottom .mega-menu__content{border-top:0}.js .mega-menu__content{opacity:0;transform:translateY(-.8rem)}.mega-menu[open] .mega-menu__content{opacity:1;transform:translateY(0);transition:opacity var(--duration-short) ease,transform var(--duration-short) ease}@media(prefers-reduced-motion:reduce){.js .mega-menu__content,.mega-menu[open] .mega-menu__content{transform:none;transition:none}}.mega-menu__backdrop{display:none}.mega-menu[open] .mega-menu__backdrop{display:block;position:absolute;top:100%;left:0;right:0;height:100vh;background-color:#011f3366;z-index:-2}.mega-menu__inner{display:grid;grid-template-columns:minmax(0,1fr);gap:4.8rem;padding-top:3.2rem;padding-bottom:.8rem}@media screen and (min-width:1200px){.mega-menu__inner--feature{grid-template-columns:minmax(0,1fr) 30rem;gap:6.4rem}}.mega-menu__columns{margin:0;padding:0;list-style:none;columns:13.5rem 7;column-gap:3.2rem;column-rule:.1rem solid rgba(var(--color-foreground),.1)}.mega-menu__inner--feature .mega-menu__columns{columns:19rem 3}.mega-menu__column{break-inside:avoid;padding-bottom:2.4rem}.mega-menu__heading{display:flex;align-items:center;gap:.8rem;margin:0 0 .6rem;font-family:var(--font-body-family);font-size:1.5rem;font-weight:700;line-height:1.3;color:rgb(var(--color-foreground));text-decoration:none}a.mega-menu__heading:hover{text-decoration:underline;text-underline-offset:.3rem}.mega-menu__links{margin:0}.mega-menu__link{display:block;padding:.25rem 0;font-size:1.4rem;line-height:1.35;color:rgba(var(--color-foreground),.75);text-decoration:none;word-wrap:break-word;transition:color var(--duration-short) ease}.mega-menu__link:hover,.mega-menu__link--active{color:rgb(var(--color-foreground));text-decoration:underline;text-underline-offset:.3rem}.mega-menu__link--active{font-weight:600}.mega-menu__simple{padding-bottom:3.2rem}.mega-menu__simple .mega-menu__heading{margin-bottom:1.6rem;font-size:1.2rem;font-weight:600;letter-spacing:.1rem;text-transform:uppercase;color:rgba(var(--color-foreground),.65)}.mega-menu__simple-list{margin:0;columns:13.5rem 7;column-gap:3.2rem;column-rule:.1rem solid rgba(var(--color-foreground),.1)}.mega-menu__simple-list li{break-inside:avoid}.mega-menu__simple-list .mega-menu__link{padding:.5rem 0;font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:1.4rem;letter-spacing:.066rem;color:rgb(var(--color-foreground))}.mega-menu__feature{display:none}@media screen and (min-width:1200px){.mega-menu__feature{display:block}}.mega-menu__feature-card{display:flex;flex-direction:column;height:100%;max-height:42rem;border:.1rem solid rgb(var(--color-background));background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));text-decoration:none}.mega-menu__feature-media{display:block;flex:1 1 auto;min-height:0;aspect-ratio:4 / 3;background-color:rgb(var(--color-foreground));overflow:hidden}.mega-menu__feature-media img{width:100%;height:100%;object-fit:contain;padding:1.6rem;transition:transform var(--duration-default) ease}.mega-menu__feature-body{display:flex;flex-direction:column;gap:.6rem;padding:2rem 2.2rem 2.4rem}.mega-menu__eyebrow{font-size:1.2rem;font-weight:500;letter-spacing:.1rem;text-transform:uppercase;opacity:.75}.mega-menu__feature-heading{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:2rem;line-height:1.25;letter-spacing:.066rem}.mega-menu__feature-text{font-size:1.4rem;line-height:1.5;opacity:.85}.mega-menu__feature-cta{display:inline-flex;align-items:center;gap:.8rem;margin-top:.8rem;font-size:1.4rem;font-weight:600}.mega-menu__feature-cta .svg-wrapper,.mega-menu__view-all .svg-wrapper{width:1.4rem;height:1.4rem;transition:transform var(--duration-short) ease}.mega-menu__feature-card:hover .mega-menu__feature-cta{text-decoration:underline;text-underline-offset:.3rem}.mega-menu__feature-card:hover .mega-menu__feature-cta .svg-wrapper,.mega-menu__view-all:hover .svg-wrapper{transform:translate(.3rem)}@media(prefers-reduced-motion:no-preference){.mega-menu__feature-card:hover .mega-menu__feature-media img{transform:scale(1.03)}}.mega-menu__footer{border-top:.1rem solid rgba(var(--color-foreground),.08);background-color:rgba(var(--color-foreground),.03)}.mega-menu__footer-inner{display:flex;align-items:center;justify-content:space-between;gap:1.6rem 3.2rem;flex-wrap:wrap;padding-top:1.6rem;padding-bottom:1.6rem}.mega-menu__view-all{display:inline-flex;align-items:center;gap:.8rem;margin-left:auto;padding:.4rem 0;font-size:1.4rem;font-weight:600;color:rgb(var(--color-link));text-decoration:none}.mega-menu__view-all:hover{text-decoration:underline;text-underline-offset:.3rem}.mega-menu-icon{flex:0 0 auto;width:2rem;height:2rem;color:rgb(var(--color-link))}.mega-menu__heading .mega-menu-icon+span{min-width:0}.mega-menu__blog{padding-bottom:3.2rem}.mega-menu__heading--eyebrow{margin-bottom:1.6rem;font-size:1.2rem;font-weight:600;letter-spacing:.1rem;text-transform:uppercase;color:rgba(var(--color-foreground),.65)}.mega-menu__articles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3.2rem;margin:0}.mega-menu__article{display:flex;flex-direction:column;gap:.6rem;color:rgb(var(--color-foreground));text-decoration:none}.mega-menu__article-media{display:block;aspect-ratio:16 / 9;margin-bottom:.6rem;background-color:rgba(var(--color-foreground),.04);overflow:hidden}.mega-menu__article-media img{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-default) ease}.mega-menu__article-date{font-size:1.2rem;letter-spacing:.05rem;color:rgba(var(--color-foreground),.65)}.mega-menu__article-title{font-size:1.5rem;font-weight:600;line-height:1.35}.mega-menu__article:hover .mega-menu__article-title{text-decoration:underline;text-underline-offset:.3rem}@media(prefers-reduced-motion:no-preference){.mega-menu__article:hover .mega-menu__article-media img{transform:scale(1.03)}}.header__search-bar{display:none}@media screen and (min-width:990px){.header.header--compact{grid-template-areas:"heading search icons" "navigation navigation navigation";grid-template-columns:auto minmax(0,1fr) auto;column-gap:4.8rem;padding-top:1rem;padding-bottom:0}.header--compact .header__heading,.header--compact .header__heading-link{justify-self:start}.header--compact .header__search,.header--compact .header__icons .header__search{display:none}.header--compact .header__search-bar{grid-area:search;display:block;width:100%;max-width:64rem;justify-self:center;background:transparent}.header--compact .header__inline-menu{margin-top:1rem;border-top:.1rem solid rgba(var(--color-foreground),.12)}}.search-bar{display:block;position:relative}.search-bar__form{position:relative;display:flex;align-items:center;height:4.4rem;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground))}.search-bar__form:focus-within{outline:.2rem solid rgb(var(--color-background));outline-offset:.2rem}.search-bar__icon{flex:0 0 auto;width:1.8rem;height:1.8rem;margin-left:1.4rem;color:rgba(var(--color-foreground),.55)}.search-bar__input{flex:1 1 auto;min-width:0;height:100%;padding:0 1.2rem;border:0;border-radius:0;background:transparent;color:inherit;font-family:var(--font-body-family);font-size:1.5rem;-webkit-appearance:none;appearance:none}.search-bar__input:focus,.search-bar__input:focus-visible{outline:none;box-shadow:none}.search-bar__input::placeholder{color:rgba(var(--color-foreground),.55)}.search-bar__input::-webkit-search-cancel-button{display:none}.search-bar__reset{flex:0 0 auto;width:4rem;height:100%;padding:0;border:0;background:transparent;color:rgba(var(--color-foreground),.6);cursor:pointer}.search-bar__reset .svg-wrapper{width:1.4rem;height:1.4rem;margin:0 auto}.search-bar__submit{flex:0 0 auto;height:100%;padding:0 2.2rem;border:0;border-radius:0;background-color:rgb(var(--color-button));color:rgb(var(--color-button-text));font-family:var(--font-body-family);font-size:1.4rem;font-weight:600;letter-spacing:.05rem;cursor:pointer;transition:background-color var(--duration-short) ease}.search-bar__submit:hover{background-color:rgba(var(--color-button),.85)}.search-bar .predictive-search{display:none;position:absolute}.search-bar[open] .predictive-search,.search-bar[loading] .predictive-search{display:block}.search-bar:not([loading]) .predictive-search__loading-state{display:none}.search-bar .spinner{width:1.5rem;height:1.5rem;line-height:0}.search-bar .predictive-search{top:calc(100% + .4rem);left:0;right:0;width:100%;z-index:4}@media screen and (min-width:990px)and (max-width:1199px){.mega-nav__list{column-gap:.4rem}.mega-nav .header__menu-item{padding-left:.9rem;padding-right:.9rem;font-size:1.25rem;letter-spacing:.06rem}.mega-nav summary.header__menu-item{padding-right:2.4rem}.mega-nav .header__menu-item .icon-caret{right:.8rem}.header.header--compact{column-gap:3.2rem}}@media screen and (max-width:989px){.header.header--compact.header--has-menu:not(.header--mobile-left):not(.header--mobile-right){grid-template-areas:"left-icons heading icons" "search search search";grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);column-gap:.8rem;padding-bottom:1rem}.header.header--compact.header--has-menu:not(.header--mobile-left):not(.header--mobile-right)>.header__search{display:none}.header--compact>header-drawer{grid-area:left-icons;justify-self:start;margin-left:-.8rem}.header--compact .header__search-bar{grid-area:search;display:block;margin-top:.4rem;background:transparent}.header--compact .search-bar__form{height:4rem}.header--compact .search-bar__submit{display:none}.header--compact .search-bar__input{font-size:1.6rem}.header--compact .desktop-localization-wrapper{display:none}.header--compact .header__heading-logo-wrapper{width:8.8rem}.header--compact .header__icons{justify-self:end;margin-right:-.8rem}.header--compact .header__icon,.header--compact .header__icons>*>.header__icon{width:4rem}}@media screen and (max-width:479px){.header--compact .header__heading-logo-wrapper{width:7.2rem}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/component-mega-menu.css.map */
