<button aria-controls="menu" aria-expanded="false" data-vanilla-module="MobileMenuToggle" class="w-8 h-8 p-2 block relative transform lg:hidden rounded-lg group bg-button-surface hover:bg-button-surface-hover" data-state="off">
<span aria-hidden="true" class="block rounded-md absolute left-1/2 top-1/2 -translate-x-1/2 -mt-px h-0.5 w-4 bg-bkg transform transition duration-500 ease-in-out group-data-[state=off]:-translate-y-1 group-data-[state=on]:rotate-45"></span>
<span aria-hidden="true" class="block rounded-md absolute left-1/2 top-1/2 -translate-x-1/2 -mt-px h-0.5 w-4 bg-bkg transform transition duration-500 ease-in-out group-data-[state=on]:opacity-0"></span>
<span aria-hidden="true" class="block rounded-md absolute left-1/2 top-1/2 -translate-x-1/2 -mt-px h-0.5 w-4 bg-bkg transform transition duration-500 ease-in-out group-data-[state=off]:translate-y-1 group-data-[state=on]:-rotate-45"></span>
<span class="sr-only">Toggle Menu</span>
</button>
<button aria-controls="menu" aria-expanded="false" data-vanilla-module="MobileMenuToggle" class="w-8 h-8 p-2 block relative transform lg:hidden rounded-lg group bg-button-surface hover:bg-button-surface-hover" data-state="off">
<span aria-hidden="true" class="block rounded-md absolute left-1/2 top-1/2 -translate-x-1/2 -mt-px h-0.5 w-4 bg-bkg transform transition duration-500 ease-in-out group-data-[state=off]:-translate-y-1 group-data-[state=on]:rotate-45"></span>
<span aria-hidden="true" class="block rounded-md absolute left-1/2 top-1/2 -translate-x-1/2 -mt-px h-0.5 w-4 bg-bkg transform transition duration-500 ease-in-out group-data-[state=on]:opacity-0"></span>
<span aria-hidden="true" class="block rounded-md absolute left-1/2 top-1/2 -translate-x-1/2 -mt-px h-0.5 w-4 bg-bkg transform transition duration-500 ease-in-out group-data-[state=off]:translate-y-1 group-data-[state=on]:-rotate-45"></span>
<span class="sr-only">Toggle Menu</span>
</button>
{
"siteName": "UCEA"
}
No notes defined.