.navigation-menu-icon{width:.85em;height:.75em;position:relative;transform:rotate(0deg);cursor:pointer;& span{display:block;position:absolute;height:.09em;width:100%;background:currentColor;opacity:1;left:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0);transition-property:transform,top,left,width,opacity,background-color;transition-duration:.1s;transition-timing-function:ease-in-out}& span:first-child{top:0;transform-origin:center}& span:nth-child(2),& span:nth-child(3){top:.3em}& span:nth-child(4){top:.6em;transform-origin:center}&.open span:first-child,&.open span:nth-child(4){top:.3em;width:0;left:50%;opacity:0}&.open span:nth-child(2){transform:rotate(45deg)}&.open span:nth-child(3){transform:rotate(-45deg)}}