.hamburger{cursor:pointer;height:24px;position:relative;transition:all .25s;width:24px}.hamburger-bottom,.hamburger-middle,.hamburger-top{content:"";height:3px;left:0;position:absolute;top:0;transform:rotate(0);transition:all .5s;width:24px}.hamburger-primary>[class*=hamburger-]{--tw-bg-opacity:1;background-color:rgb(133 117 38/var(--tw-bg-opacity,1))}.hamburger-white>[class*=hamburger-]{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.hamburger-middle{transform:translateY(7px)}.hamburger-bottom{transform:translateY(14px)}.open{transform:rotate(90deg);transform:translateY(0)}.open .hamburger-top{transform:rotate(45deg) translateY(6px) translate(6px)}.open .hamburger-middle{display:none}.open .hamburger-bottom{transform:rotate(-45deg) translateY(6px) translate(-6px)}