.menu-icon{height:24px;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;padding:4px 0}.line,.menu-icon{width:24px;visibility:visible}.line{height:3px;background-color:#1b1a1a;transition:all .3s ease-in-out}.menu-icon.dark .line{background-color:#d3d2d2}.bottom,.middle,.top{transform-origin:center}.menu-icon.open .top{transform:translateY(7px) rotate(45deg)}.menu-icon.open .middle{opacity:0}.menu-icon.open .bottom{transform:translateY(-7px) rotate(-45deg)}