.menu-button{height:.875rem;position:relative;width:1.5rem;z-index:50;--tw-rotate:0deg;cursor:pointer;transition-duration:.5s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.menu-button,.menu-button span{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.menu-button span{border-radius:.375rem;display:block;height:.125rem;left:0;position:absolute;width:100%;--tw-bg-opacity:1;background-color:rgb(211 170 103/var(--tw-bg-opacity));transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.menu-button span:first-child{top:0}.menu-button span:nth-child(2){top:.375rem}.menu-button span:nth-child(3){top:.75rem}.menu-button--opened span:first-child{top:.375rem;--tw-rotate:135deg}.menu-button--opened span:first-child,.menu-button--opened span:nth-child(2){transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.menu-button--opened span:nth-child(2){--tw-translate-x:-50px;opacity:0}.menu-button--opened span:nth-child(3){top:.375rem;--tw-rotate:-135deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}