.ham{cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .4s;-moz-user-select:none;-webkit-user-select:none;user-select:none;margin:0;padding:0;max-width:-moz-fit-content;max-width:fit-content}.hamRotate.active{transform:rotate(45deg)}.hamRotate180.active{transform:rotate(180deg)}.line{fill:none;transition:stroke-dasharray .4s,stroke-dashoffset .4s;stroke:#fff;stroke-width:5.5;stroke-linecap:round}.ham4 .bottom,.ham4 .top{stroke-dasharray:40 121}.ham4.active .bottom,.ham4.active .top{stroke-dashoffset:-68px;stroke:#c20505}.ham4.active .middle{stroke:#c20505}