:root{--menu-transition-duration:0.15s}.container-full{max-width:95%}.menu-container:before{background-color:#fff;box-shadow:0 2px 4px 0 rgba(0,0,0,.1);-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.1);content:"";height:100%;left:0;right:0;opacity:1;position:absolute;top:0;transition:opacity .15s ease-out;width:100%;z-index:-1;will-change:opacity;pointer-events:none}@media(max-width:1023px){.menu-container:before{box-shadow:none;-webkit-box-shadow:none}}.menu-container .header-promo-message{background-color:rgba(0,0,0,0);transition:background-color .15s ease}.menu-container.is-scrolling:before,.menu-container.menu-hovered:before,.menu-container.menu-solid:before{content:"";opacity:1;transition:opacity .15s ease-out;transition-delay:0s;will-change:opacity}.menu-container.is-scrolling .header-promo-message,.menu-container.menu-hovered .header-promo-message,.menu-container.menu-solid .header-promo-message{background:var(--background-color)!important;transition-delay:0s}.menu-container+main:before{content:none;opacity:0;transition:all .3s ease;will-change:opacity}.menu-open{overflow:hidden}.menu-open header+main{position:relative;z-index:1}.menu-open .submenu{overflow:visible}@media(min-width:1024px){.menu-open:after{content:"";position:fixed;inset:0;background:rgba(0,0,0,.3);z-index:9998;pointer-events:none;animation:menu-fade-in .2s ease forwards}}@keyframes menu-fade-in{0%{opacity:0}to{opacity:1}}.submenu{animation:menu-fade-in .2s ease forwards}.menu-container .happywool-logo{width:220px}@media(min-width:1024px){.menu-container .happywool-logo{width:233px}}.menu-container .happywool-logo .logo-small{opacity:0;transition:opacity .3s ease;pointer-events:none}.menu-container .happywool-logo .logo-large{opacity:1;transition:opacity .3s ease}.menu-container.menu-transparent:before{opacity:0;box-shadow:none;-webkit-box-shadow:none}.menu-container.menu-transparent .header-promo-message--scroller,.menu-container.menu-transparent .header-promo-message--scroller *{color:var(--color-white)!important}.menu-container.menu-transparent.menu-hovered:before{opacity:1}.menu-container.menu-transparent.menu-hovered .header-promo-message--scroller,.menu-container.menu-transparent.menu-hovered .header-promo-message--scroller *{color:var(--text-color)!important}@media(max-width:1023px){.menu-container.menu-transparent:before{opacity:1;box-shadow:none;-webkit-box-shadow:none}.menu-container.menu-transparent .header-promo-message--scroller,.menu-container.menu-transparent .header-promo-message--scroller *{color:unset!important}}.menu-container.menu-brand-page:after,.menu-container.menu-brand-page:before{display:none}