@font-face{font-family:TWK Lausanne;src:url(./TWKLausanne-400.woff2) format("woff2"),url(./TWKLausanne-400.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:TWK Lausanne;src:url(./TWKLausanne-200.woff2) format("woff2"),url(./TWKLausanne-200.woff) format("woff");font-weight:200;font-style:normal;font-display:swap}.mega-menu{height:fit-content;max-height:0;padding-left:1rem;opacity:0;transform:scaleY(0);transform-origin:top right;transition:opacity .3s ease,transform .3s ease,height .3s ease}.mega-menu.active{max-height:fit-content;transform:scaleY(1);pointer-events:all;opacity:1;z-index:99999;transition:opacity .3s ease,transform .3s ease,height .5s ease}@media (min-width: 1024px)and (hover: hover)and (pointer: fine){.mega-menu{position:fixed;top:7.2rem;left:0;right:0;padding:0;background-color:#fff;border-bottom:1px solid #000}}.mega-menu .mega-menu__list{padding-left:1rem}@media (min-width: 1024px)and (hover: hover)and (pointer: fine){.mega-menu .mega-menu__list{padding:0;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-areas:"1 1 1 last";gap:1px;background-color:#000}}.mega-menu .mega-menu__item{width:100%}.mega-menu .mega-menu__item.first .mega-menu__sublist{max-height:fit-content;padding-block:0;transform:scaleY(1);pointer-events:all;opacity:1}.mega-menu .mega-menu__item.first .mega-menu__sublink{padding:1rem 0;font-weight:400;font-size:2.2rem;line-height:2.4rem}@media (min-width: 1024px)and (hover: hover)and (pointer: fine){.mega-menu .mega-menu__item{width:100%;padding:3.5rem 2.5rem 4.8rem 4.5rem;background-color:#fff}.mega-menu .mega-menu__item.span3{grid-column:span 3}.mega-menu .mega-menu__item.span2{grid-column:span 2}}@media (min-width: 1280px){.mega-menu .mega-menu__item.first .mega-menu__sublist{padding:0}.mega-menu .mega-menu__item.first .mega-menu__sublink{padding:.2rem 0 1rem;font-size:3.4rem;line-height:3.8rem}}.mega-menu .mega-menu__link{position:relative;width:95%;padding:1rem 0;display:flex;justify-content:space-between;align-items:center;font-weight:400;font-size:2.2rem;line-height:2.4rem;color:#000;background-color:#0000;transition:opacity .3s ease;cursor:pointer}.mega-menu .mega-menu__link svg{width:1.2rem;height:2.2rem;transition:transform .3s ease-in-out}.mega-menu .mega-menu__link:after{content:"";position:absolute;left:-6.8rem;bottom:0;width:100vw;height:1px;background-color:#000;opacity:0;transition:opacity .3s ease}.mega-menu .mega-menu__link.active svg{transform:rotate(90deg)}.mega-menu .mega-menu__link.active:after{opacity:1;transition:opacity .3s ease}.mega-menu .mega-menu__link.first{display:none}@media (min-width: 1024px)and (hover: hover)and (pointer: fine){.mega-menu .mega-menu__link svg{display:none}.mega-menu .mega-menu__link:after{display:none}}@media (min-width: 1280px){.mega-menu .mega-menu__link{padding:.5rem 0 1rem;font-size:3.4rem;line-height:3.8rem}.mega-menu .mega-menu__link:after{display:none}}.mega-menu .mega-menu__sublist{position:relative;height:fit-content;max-height:0;opacity:0;transform:scaleY(0);transform-origin:top right;transition:opacity .3s ease,transform .3s ease,height .3s ease}.mega-menu .mega-menu__sublist.active{max-height:fit-content;padding-block:1rem;transform:scaleY(1);pointer-events:all;opacity:1;z-index:99999;transition:opacity .3s ease,transform .3s ease,height .5s ease}@media (min-width: 1024px)and (hover: hover)and (pointer: fine){.mega-menu .mega-menu__sublist{max-height:fit-content;padding-block:1rem;transform:scaleY(1);pointer-events:all;opacity:1}}.mega-menu .mega-menu__subitem{width:fit-content;margin-bottom:.5rem}.mega-menu .mega-menu__subitem:last-child .mega-menu__sublink:after{content:"";position:absolute;left:0;bottom:.3rem;width:100%;height:1px;background-color:#000;transition:transform .1s ease-in}.mega-menu .mega-menu__sublink{position:relative;width:fit-content;display:block;font-weight:500;font-size:1.2rem;line-height:2.6rem;text-transform:capitalize;transition:color .3s ease}.mega-menu .mega-menu__sublink:hover,.mega-menu .mega-menu__sublink:focus-visible{color:#afafaf}.mega-menu .mega-menu__sublink:hover:after,.mega-menu .mega-menu__sublink:focus-visible:after{transform:scaleX(0)}.mega-menu__list{display:flex;width:200%;margin:0;padding:0;list-style:none}.mega-menu__item{flex:0 0 100%;max-width:100%;box-sizing:border-box;padding:30px 20px;text-align:center}
/*# sourceMappingURL=/cdn/shop/t/4/assets/mega-menu.css.map */