.hamburger{cursor:pointer}.hamburger svg{height:3em;transition:transform .6s cubic-bezier(.4,0,.2,1)}.line{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:3;transition:stroke-dasharray .6s cubic-bezier(.4,0,.2,1),stroke-dashoffset .6s cubic-bezier(.4,0,.2,1)}.line-top-bottom{stroke-dasharray:12 63}.hamburger.open svg{transform:rotate(-45deg)}.hamburger.open .line-top-bottom{stroke-dasharray:20 300;stroke-dashoffset:-32.42}