:root{--mega-menu-height: 50vh}.mega-menu{position:static}.mega-menu__content{position:absolute;top:100%;left:0;right:0;background-color:rgba(var(--color-background),.95);border:0;border-radius:0;overflow-y:auto;opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity .18s ease,transform .18s ease}.mega-menu[open] .mega-menu__content{opacity:1;transform:translateY(0);pointer-events:auto;background-color:rgba(var(--color-background),.95)}.header-wrapper--border-bottom .mega-menu__content{border-top:0}.mega-menu__list{display:grid;gap:1.8rem 4rem;grid-template-columns:repeat(6,minmax(0,1fr));list-style:none;margin:0;padding:0}.mega-menu__link{color:rgba(var(--color-foreground));display:block;line-height:calc(1 + .3 / var(--font-body-scale));padding:.6rem 0;text-decoration:none;transition:text-decoration var(--duration-short) ease;word-wrap:break-word}.mega-menu__link--level-2{font-weight:700}.mega-menu__link:hover,.mega-menu__link--active{color:rgb(var(--color-foreground));text-decoration:underline}.mega-menu__link--active:hover{text-decoration-thickness:.2rem}.mega-menu .mega-menu__list--condensed{display:block}.mega-menu__list--condensed .mega-menu__link{font-weight:400}.header--top-center .mega-menu__list{display:flex;justify-content:center;flex-wrap:wrap;column-gap:0}.header--top-center .mega-menu__list>li{width:16%;padding-right:2.4rem}@media (min-width: 990px){.mega-menu{position:static}.mega-menu__content{position:absolute;left:0;right:0;top:100%;height:50vh;background-color:rgba(var(--color-background),.95);padding-top:0;overflow:auto;z-index:40;opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity .18s ease,transform .18s ease}.mega-menu[open] .mega-menu__content{opacity:1;transform:translateY(0);pointer-events:auto;background-color:rgba(var(--color-background),.95)}.mega-menu__list.page-width{max-width:none;margin:0;padding-left:var(--page-gutter, 24px);padding-right:var(--page-gutter, 24px)}.mega-menu__list{grid-template-columns:repeat(6,minmax(0,1fr))}@media (max-width: 1200px){.mega-menu__list{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width: 900px){.mega-menu__list{grid-template-columns:repeat(2,minmax(0,1fr))}}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-mega-menu.css.map */