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