.menu-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:12px;display:flex;flex-direction:column;justify-content:space-between}.hamburger-line{width:100%;height:2px;background-color:currentColor;transition:transform 0.3s ease}body.offcanvasMenu-shown .menu-icon .hamburger-line:nth-child(1){transform:translateY(5px) rotate(45deg)}body.offcanvasMenu-shown .menu-icon .hamburger-line:nth-child(2){transform:translateY(-5px) rotate(-45deg)}