.menu-icon{position:relative;height:2px;width:20px;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.menu-icon:before{top:8px}.menu-icon:after,.menu-icon:before{content:"";position:absolute;height:100%;width:100%;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.menu-icon:after{bottom:8px}.menu-icon.open{background-color:transparent}.menu-icon.open:before{--tw-rotate:-45deg}.menu-icon.open:after,.menu-icon.open:before{left:0;top:0;transform-origin:center;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.menu-icon.open:after{--tw-rotate:45deg}