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