.mega-menu{position:static}.mega-menu__content{--ext-accent: 224, 83, 26;background:rgb(var(--color-background));border:0;border-top:.1rem solid rgba(var(--color-foreground),.14);border-bottom:.1rem solid rgba(var(--color-foreground),.14);box-shadow:0 1.6rem 3.6rem #191c1826;left:0;max-height:min(68vh,64rem);overflow-x:hidden;overflow-y:auto;padding:2.4rem max(3rem,calc((100vw - var(--page-width)) / 2 + 4rem)) 2.8rem;position:absolute;right:0;top:100%}.js .mega-menu__content{opacity:0;transform:translateY(-.6rem);transition:opacity .17s ease,transform .21s ease,visibility .17s ease;visibility:hidden}.mega-menu[open] .mega-menu__content{opacity:1;transform:translateY(0);visibility:visible}.mega-menu[open]>.header__menu-item{background:rgba(var(--color-foreground),.055);color:rgb(var(--color-foreground))}.mega-menu[open]>.header__menu-item:after{background:rgb(var(--ext-accent));bottom:0;content:"";height:.3rem;left:1.2rem;position:absolute;right:1.2rem}.mega-menu-browser{display:grid;gap:0;grid-template-columns:minmax(36rem,44rem) minmax(0,1fr);margin:0 auto;max-width:var(--page-width);min-height:37rem;padding:0}.mega-menu-browser__rail{border-right:.1rem solid rgba(var(--color-foreground),.14);padding:.4rem 2.4rem .4rem 0}.mega-menu-browser__eyebrow,.mega-menu-browser__context{color:rgba(var(--color-foreground),.62);font-size:1.12rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.mega-menu-browser__eyebrow{margin:0 0 1.2rem}.mega-menu-browser__categories{display:grid;gap:.45rem .8rem;grid-template-columns:repeat(2,minmax(0,1fr))}.mega-menu-browser__category{align-items:center;-webkit-appearance:none;appearance:none;background:transparent;border:0;border-left:.3rem solid transparent;border-radius:.2rem;color:rgba(var(--color-foreground),.72);cursor:pointer;display:flex;font:inherit;font-size:1.34rem;font-weight:590;justify-content:space-between;letter-spacing:.01em;line-height:1.25;min-height:4rem;padding:.72rem .9rem .72rem 1rem;text-align:left;transition:background-color .14s ease,border-color .14s ease,color .14s ease;width:100%}.mega-menu-browser__category:hover,.mega-menu-browser__category:focus-visible,.mega-menu-browser__category.is-active{background:rgba(var(--color-foreground),.055);border-left-color:rgb(var(--ext-accent));color:rgb(var(--color-foreground))}.mega-menu-browser__category:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.15rem}.mega-menu-browser__arrow{color:rgb(var(--ext-accent));opacity:0;transform:translate(-.3rem);transition:opacity .14s ease,transform .14s ease}.mega-menu-browser__category.is-active .mega-menu-browser__arrow{opacity:1;transform:translate(0)}.mega-menu-browser__details{padding:.4rem 0 .4rem 3.2rem}.mega-menu-browser__panel[hidden]{display:none}.mega-menu-browser__panel.is-active{animation:ext-menu-panel-in .18s ease both}@keyframes ext-menu-panel-in{0%{opacity:0;transform:translate(.6rem)}to{opacity:1;transform:translate(0)}}.mega-menu-browser__heading-row{align-items:baseline;border-bottom:.1rem solid rgba(var(--color-foreground),.16);display:flex;gap:2rem;justify-content:space-between;margin:.5rem 0 1.6rem;padding-bottom:1.15rem}.mega-menu-browser__heading{color:rgb(var(--color-foreground));font-family:var(--font-heading-family);font-size:clamp(2rem,1.6vw,2.8rem);line-height:1.1;margin:0;text-transform:uppercase}.mega-menu-browser__view-all{color:rgb(var(--color-foreground));flex:0 0 auto;font-size:1.25rem;font-weight:700;text-decoration:none}.mega-menu-browser__view-all:hover,.mega-menu-browser__view-all:focus-visible{color:rgb(var(--ext-accent));text-decoration:underline;text-underline-offset:.3rem}.mega-menu-browser__links{display:grid;gap:.55rem 2.6rem;grid-template-columns:repeat(3,minmax(0,1fr))}.mega-menu-browser__link{border-bottom:.1rem solid rgba(var(--color-foreground),.08);border-radius:.2rem;color:rgba(var(--color-foreground),.78);display:block;font-size:1.4rem;line-height:1.35;padding:.85rem .75rem;text-decoration:none;transition:background-color .14s ease,color .14s ease,padding-left .14s ease}.mega-menu-browser__link:hover,.mega-menu-browser__link:focus-visible,.mega-menu-browser__link.is-current{background:rgba(var(--color-foreground),.055);color:rgb(var(--color-foreground));padding-left:1rem;text-decoration:none}.mega-menu-browser__link:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.15rem}.mega-menu-browser__empty{color:rgba(var(--color-foreground),.7);font-size:1.4rem}.mega-menu__list{display:grid;gap:2.2rem;grid-template-columns:repeat(5,minmax(16rem,1fr));list-style:none;margin:0 auto;max-width:var(--page-width);padding:0}.mega-menu__list>li{min-width:0}.mega-menu__link{border-radius:.2rem;color:rgba(var(--color-foreground),.78);display:block;font-size:1.35rem;line-height:1.35;padding:.45rem .6rem;text-decoration:none}.mega-menu__link--level-2{border-bottom:.1rem solid rgba(var(--color-foreground),.16);border-left:.3rem solid rgb(var(--ext-accent));color:rgb(var(--color-foreground));font-size:1.2rem;font-weight:760;letter-spacing:.07em;margin-bottom:.7rem;padding:.2rem .5rem .75rem .85rem;text-transform:uppercase}.mega-menu__link:hover,.mega-menu__link:focus-visible,.mega-menu__link--active{background:rgba(var(--color-foreground),.055);color:rgb(var(--color-foreground));text-decoration:none}.mega-menu .mega-menu__list--condensed{grid-template-columns:repeat(auto-fit,minmax(17rem,1fr))}@media screen and (max-width:1180px){.mega-menu-browser{grid-template-columns:minmax(32rem,38rem) minmax(0,1fr)}.mega-menu-browser__links{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.js .mega-menu__content,.mega-menu-browser__panel.is-active,.mega-menu-browser__category,.mega-menu-browser__arrow,.mega-menu-browser__link{animation:none;transition:none}}body.template-index .mega-menu-browser__category:not(.is-active) .mega-menu-browser__arrow{opacity:0!important}body.template-index .mega-menu-browser__category.is-active .mega-menu-browser__arrow{opacity:1!important}.mega-menu-browser--direct{min-height:18rem}.mega-menu-browser--direct .mega-menu-browser__categories{grid-template-columns:1fr}.mega-menu-browser--direct .mega-menu-browser__details{min-height:0}
/*# sourceMappingURL=/cdn/shop/t/13/assets/component-mega-menu.css.map */