Implement a Typeahead UI (HTML/CSS)

Problem: Implement a Typeahead Input Style (HTML/CSS) You are given a screenshot/mock of a typeahead/search input. Implement the UI using HTML + CSS only, matching the mock as closely as possible. Requirements (follow the mock): Overall layout and visual styles (border, radius, shadow, spacing) Placeholder text styling Any icon/button inside the input (if present) and its alignment Styles for different states if shown (e.g., focus/hover) This is primarily a layout/styling task; no real data wiring is required. Constraints No data processing Implement directly in an online IDE Validation Visually compare against the provided mock while screen-sharing Example (non-exhaustive) Input width is responsive; inner elements (icon, placeholder, clear button, etc.) remain aligned. Example Input (visual mock provided in interview) Output UI matches the mock closely