.hamburger-x path{transition:opacity .1s,transform .1s}.hamburger-x .middle{opacity:1}.hamburger-x .top{transform-origin:50% 28.3%;transform:translate(0)rotate(0)}.hamburger-x .bottom{transform-origin:50% 71.7%;transform:translate(0)rotate(0)}.hamburger-x.toggled .middle{opacity:0}.hamburger-x.toggled .top{transform:translateY(22%)rotate(135deg)}.hamburger-x.toggled .bottom{transform:translateY(-22%)rotate(-135deg)}