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