.burger{width:22px;height:18px;position:relative;z-index:9;margin-left:auto;display:none}@media (max-width:1024px){.burger{display:flex}}.burger:after,.burger:before{content:"";position:absolute;width:100%;height:3px;background-color:#fff;transition:all .5s ease-in-out}.burger:after{top:0}.burger:before{bottom:0}.burger__line{position:absolute;width:100%;height:3px;background-color:#fff;top:50%;transform:translateY(-50%)}.burger-active:after{top:55%;transform:rotate(45deg)}.burger-active:before{bottom:30%;transform:rotate(-45deg)}.burger-active .burger__line{opacity:0}