#hamburger-menu{border:0;background:none;cursor:pointer;transform:translateX(2rem)}#top path,#bottom path{transition:stroke-dashoffset .5s cubic-bezier(0.4, 0, 0.2, 1)}#middle{opacity:1;transition:opacity .5s cubic-bezier(0.4, 0, 0.2, 1)}.line{fill:none;stroke:#000;stroke-width:2px}path{stroke-dasharray:25 49;stroke-dashoffset:0}.x #middle{opacity:0}.x #top path,.x #bottom path{stroke-dashoffset:-49}.hamburger-menu-container{position:relative}