.burger-menu{position:relative;z-index:1;display:flex;height:1.5rem;width:30px;cursor:pointer;flex-direction:column;justify-content:space-between}.bar1,.bar2,.bar3{transition:.4s;height:5px;width:30px;border-radius:.25rem;--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}.bar1:is(.dark *),.bar2:is(.dark *),.bar3:is(.dark *){--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.menu{transition:.5s;position:fixed;left:0;right:0;top:64px;height:0;overflow:hidden;background-color:hsl(var(--background));--tw-shadow:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.menu.open{position:fixed;inset:0;margin-top:64px;height:100vh}.menu ul{list-style-type:none;margin:0;padding:0}.menu li{cursor:pointer;padding:1rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.menu li:hover{background-color:hsl(var(--background))}.burger-menu.open .bar1{transform:rotate(-45deg) translate(-7px,6px)}.burger-menu.open .bar2{opacity:0}.burger-menu.open .bar3{transform:rotate(45deg) translate(-7px,-6px)}