
<div class="md:hidden bg-stone-200 rounded">
  <svg class="h-12 w-12 transition-transform group-open/root:hidden block self-start" viewBox="0 0 24 24" fill="none" stroke="currentColor">
    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
          d="M4 6h16M4 12h16M4 18h16" />
  </svg>
  <svg aria-hidden="true" viewBox="0 0 24 24"
        class="w-12 h-12 rotate-180 transition-transform group-open/root:block hidden self-start">
    <path d="M6 9l6 6 6-6" fill="currentColor"/>
  </svg>
</div>

<!-- Desktop nav -->
