.burger{position:relative;width:24px;height:24px;cursor:pointer}.burger .burger__line{position:absolute;left:0;width:100%;height:2px;background-color:#777;transition:.25s ease-in-out;transform-origin:center}.burger .burger__line.burger__line--1{top:0}.burger .burger__line.burger__line--2{top:9px}.burger .burger__line.burger__line--3{top:calc(2*9px)}.burger.burger--open .burger__line--1{transform:rotate(45deg);top:11px}.burger.burger--open .burger__line--2{opacity:0;transform:scaleX(0)}.burger.burger--open .burger__line--3{transform:rotate(-45deg);top:11px}