HTML/CSS Search Bar and Lazy-Loading List

Full-stack Karat screen with a search or typeahead-style HTML/CSS component followed by vanilla JavaScript data fetching and paginated lazy loading. Requirements Start with an HTML/CSS implementation of a search bar or typeahead-style component based on a provided screenshot and detailed visual requirements. Implement the second part in vanilla JavaScript without a framework. Add a button or interaction that fetches data. Render a lazy-loading list with paginated requests of ten items per page. Keep the UI and data-fetching behavior working inside the Karat online IDE. Notes Browser rendering differences can affect CSS details. One candidate saw placeholder pseudo-element padding work in Chrome but not Firefox, causing interviewer/candidate views to differ. Avoid changing the workspace while the interviewer is pasting the prompt into the IDE. The concept section can include JavaScript callbacks, closures, output prediction, async functions, and debugging.