.header{background:var(--secondaryColor-700);position:sticky;top:0;z-index:11}.header:before{background-image:url(../assets/img/noise.png);content:"";height:100%;left:0;opacity:.2;position:absolute;top:0;width:100%}.header .container{display:flex;height:128px;padding-bottom:28px;padding-top:28px}.header__link svg{height:100%;width:100%}.header__link,.header__nav{z-index:2}.header__logo{transition:opacity var(--transition-200)}.header__logo:hover{opacity:.7}.header__menuButton,.header__products.header__nav{display:none}.header__menuButtonIcon{width:18px}.header__menuButtonIcon--open{transform:rotate(-90deg)}.header__menuButtonIcon--open path{stroke:var(--secondaryColor-400)}.header__menuButtonIcon--close{max-width:18px}.header__menuButtonIcon--close path{fill:var(--secondaryColor-400)}.header__menuButton--products{margin-left:auto}@media screen and (max-width:1100px){.header__link{max-width:120px}}@media screen and (max-width:1024px){.header .container{height:84px;justify-content:space-between;padding-bottom:20px;padding-top:20px}.header__products.header__nav{display:flex}.header__link{max-height:44px;max-width:102px}.header .nav{display:none}.header__nav{background:var(--secondaryColor-800);height:-moz-fit-content;height:fit-content;opacity:0;padding:10px 40px;position:absolute;right:0;top:84px;transform:translate(100%);transition:transform var(--transition-200),opacity var(--transition-400);width:462px}.header__nav.active{display:block;opacity:1;transform:translate(0)}.header__nav--transitionDisabled{transition:none}.header__menuButton{align-items:center;display:flex;gap:12px;padding:0 12px}.header__menuButton.active{color:var(--primaryColor)}}@media screen and (max-width:768px){.header__nav{align-items:flex-start;height:calc(100vh - 84px);overflow-y:auto;width:100%}.header .container{height:84px}}@media screen and (max-width:400px){.header__menuButton--products,.header__products.header__nav{display:none}.header__nav{padding:10px}}