<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
<form class="px-4 w-full max-w-[330px]">
<label
class="mb-2 text-sm font-medium text-gray-900 sr-only dark:text-white"
for="default-search"
>Search</label
>
<div class="relative">
<div
class="absolute inset-y-0 start-0 flex items-center ps-3 pointer-events-none"
>
<svg
viewBox="0 0 20 20"
fill="none"
xmlns="http://www.w3.org/2000/svg"
aria-hidden="true"
class="w-4 h-4 text-gray-500 dark:text-gray-400"
>
<path
d="m19 19-4-4m0-7A7 7 0 1 1 1 8a7 7 0 0 1 14 0Z"
stroke-width="2"
stroke-linejoin="round"
stroke-linecap="round"
stroke="currentColor"
></path>