inputs

              <div class="w-full">
  <div class="flex justify-between items-baseline mb-1">
    <label for="input-base" class="font-medium text-zinc-500 text-sm"
      >Base Input (Default)</label
    >
  </div>
  <div class="relative z-0 focus-within:z-10">
    <input
      placeholder="Base input (default size)"
      id="input-base"
      name="input-base"
      type="text"
      class="w-full block transition duration-300 ease-in-out leading-tight align-middle focus:z-10 h-10 px-4 py-2 text-sm rounded-tl-md rounded-tr-md rounded-bl-md rounded-br-md bg-white border border-transparent text-zinc-500 ring-1 ring-zinc-200 placeholder-zinc-400 focus:border-blue-500 focus:ring-blue-100 focus:ring-2 focus:outline-none shadow-sm"
    />
  </div>
</div>