.menu{--color:#362b22;cursor:pointer;-webkit-appearance:none;-webkit-tap-highlight-color:transparent;background:0 0;border:none;outline:none;width:36px;height:36px;margin:0;padding:0;position:relative}.menu svg{width:50px;height:48px;stroke:var(--color);stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;fill:none;display:block;position:absolute;top:-6px;left:-14px}.menu svg path{transition:stroke-dasharray var(--duration,.85s)var(--easing,ease)var(--delay,0s),stroke-dashoffset var(--duration,.85s)var(--easing,ease)var(--delay,0s);stroke-dasharray:var(--array-1,26px)var(--array-2,100px);stroke-dashoffset:var(--offset,126px);transform:translateZ(0)}.menu svg path:nth-child(2){--duration:.7s;--easing:ease-in;--offset:100px;--array-2:74px}.menu svg path:nth-child(3){--offset:133px;--array-2:107px}.menu.active svg path{--offset:57px}.menu.active svg path:first-child,.menu.active svg path:nth-child(3){--delay:.15s;--easing:cubic-bezier(.2,.4,.2,1.1)}.menu.active svg path:nth-child(2){--duration:.4s;--offset:2px;--array-1:1px}.menu.active svg path:nth-child(3){--offset:58px}