.mega-menu{position:static}.mega-menu[open]:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--color-bs-prime);opacity:.8;z-index:-2;pointer-events:none;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.mega-menu__content{background-color:rgb(var(--color-background));border-left:0;border-radius:0;border-right:0;left:0;overflow-y:auto;padding-bottom:2rem;padding-top:2rem;position:absolute;right:0;top:100%}.shopify-section-header-sticky .mega-menu__content{max-height:calc(100vh - var(--header-bottom-position-desktop, 20rem) - 4rem)}.header-wrapper--border-bottom .mega-menu__content{border-top:0}.js .mega-menu__content{opacity:0;transform:translateY(-1.5rem)}.mega-menu[open] .mega-menu__content{opacity:1;transform:translateY(0)}.mega-menu__inner{display:grid;gap:0 4rem;grid-template-columns:3fr 1fr;align-items:start}.mega-menu__list{display:grid;gap:0 4rem;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;padding-left:0}.mega-menu__link{color:rgba(var(--color-foreground),1);display:flex;flex-direction:row;align-items:center;gap:1.6rem;line-height:calc(1 + .3 / var(--font-body-scale));padding-bottom:.6rem;padding-top:.6rem;text-decoration:none;transition:all var(--duration-medium) ease;word-wrap:break-word;text-transform:capitalize;font-weight:600;border-radius:4px;padding-right:44px;position:relative}.mega-menu__link .svg-wrapper{margin-left:auto;right:1.5rem;opacity:0;transform:scale(.5);transition:all var(--duration-medium) ease-in;margin-bottom:3px;position:absolute}.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}.link.mega-menu__link:hover,.link.mega-menu__link--active{color:rgb(var(--color-hover));background-color:#ebf1f4}.link.mega-menu__link:hover .svg-wrapper{opacity:1;transform:scale(1)}.link.mega-menu__link img{transform-origin:bottom center;transition:all var(--duration-short) ease-in;mix-blend-mode:multiply}.link.mega-menu__link:hover img{transform:rotate(18deg)}.mega-menu__link--active:hover{text-decoration-thickness:.2rem}.mega-menu .mega-menu__list--condensed{display:block}.mega-menu__banner .image-wrapp{border-radius:4px;overflow:hidden}.mega-menu__banner .image-wrapp img{display:block;width:100%;height:auto}.mega-menu__banner .btn{width:100%;margin-top:16px;color:var(--color-bs-prime);text-transform:capitalize}.mega-menu__banner .btn:hover{color:var(--color-white)}
/*# sourceMappingURL=/cdn/shop/t/11/assets/component-mega-menu.css.map */