File Input Sizes

                    <section class="p-6 bg-white rounded-lg shadow-sm">
  <div class="max-w-md mx-auto space-y-6">
    <!-- Extra Small -->
    <div>
      <label class="block text-sm font-medium text-gray-700 mb-2">Extra Small</label>
      <input type="file" class="block w-full text-xs text-gray-500
        file:mr-2 file:py-1 file:px-2
        file:rounded-md file:border-0
        file:text-xs file:font-semibold
        file:bg-blue-50 file:text-blue-700
        hover:file:bg-blue-100" />
    </div>
    
    <!-- Small -->
    <div>
      <label class="block text-sm font-medium text-gray-700 mb-2">Small</label>
      <input type="file" class="block w-full text-sm text-gray-500
        file:mr-3 file:py-1.5 file:px-3
        file:rounded-md file:border-0
        file:text-sm file:font-semibold
        file:bg-blue-50 file:text-blue-700
        hover:file:bg-blue-100" />
    </div>
    
    <!-- Medium (Default) -->
    <div>
      <label class="block text-sm font-medium text-gray-700 mb-2">Medium (Default)</label>
      <input type="file" class="block w-full text-sm text-gray-500
        file:mr-4 file:py-2 file:px-4
        file:rounded-md file:border-0
        file:text-sm file:font-semibold
        file:bg-blue-50 file:text-blue-700
        hover:file:bg-blue-100" />
    </div>
    
    <!-- Large -->
    <div>
      <label class="block text-sm font-medium text-gray-700 mb-2">Large</label>
      <input type="file" class="block w-full text-base text-gray-500
        file:mr-4 file:py-2.5 file:px-5
        file:rounded-md file:border-0
        file:text-base file:font-semibold
        file:bg-blue-50 file:text-blue-700
        hover:file:bg-blue-100" />
    </div>
    
    <!-- Extra Large -->
    <div>
      <label class="block text-sm font-medium text-gray-700 mb-2">Extra Large</label>
      <input type="file" class="block w-full text-lg text-gray-500
        file:mr-4 file:py-3 file:px-6
        file:rounded-md file:border-0
        file:text-lg file:font-semibold
        file:bg-blue-50 file:text-blue-700
        hover:file:bg-blue-100" />
    </div>
  </div>
</section>