<!-- Slate Glass Input -->
<input
  type="text"
  placeholder="Type something…"
  class="w-full max-w-xs px-4 py-3 rounded-2xl text-sm font-medium text-[#e1e1e1] placeholder:text-[#e1e1e180] bg-[#bbbbbc24] outline-none backdrop-blur-[10px] backdrop-saturate-150 transition-all duration-300 focus:bg-[#bbbbbc38] shadow-[inset_0_0_0_1px_rgba(255,255,255,0.08),inset_1.8px_3px_0_-2px_rgba(255,255,255,0.21),inset_-2px_-2px_0_-2px_rgba(255,255,255,0.18),inset_-3px_-8px_1px_-6px_rgba(255,255,255,0.14),inset_-0.3px_-1px_4px_0_rgba(0,0,0,0.16),inset_-1.5px_2.5px_0_-2px_rgba(0,0,0,0.28),inset_0px_3px_4px_-2px_rgba(0,0,0,0.28),inset_2px_-6.5px_1px_-4px_rgba(0,0,0,0.14),0px_1px_5px_0px_rgba(0,0,0,0.14),0px_6px_16px_0px_rgba(0,0,0,0.1)] focus:shadow-[inset_0_0_0_1.5px_rgba(255,255,255,0.14),inset_1.8px_3px_0_-2px_rgba(255,255,255,0.24),inset_-2px_-2px_0_-2px_rgba(255,255,255,0.21),inset_-3px_-8px_1px_-6px_rgba(255,255,255,0.17),inset_-0.3px_-1px_4px_0_rgba(0,0,0,0.12),inset_-1.5px_2.5px_0_-2px_rgba(0,0,0,0.2),inset_0px_3px_4px_-2px_rgba(0,0,0,0.2),inset_2px_-6.5px_1px_-4px_rgba(0,0,0,0.1),0px_1px_8px_0px_rgba(0,0,0,0.16),0px_8px_20px_0px_rgba(0,0,0,0.12)]"
/>