@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{font-family:Roboto,sans-serif;background-color:#f0f0f0;color:#333;display:flex;align-items:center;justify-content:center;height:80vh}.autocomplete-container{display:flex;flex-direction:column;gap:10px;width:400px;position:relative}.autocomplete-container .autocomplete-input-container{display:flex;align-items:center;justify-content:center;width:100%}.autocomplete-container .autocomplete-input-container input{padding:10px;border-radius:5px;font-size:14px;outline:none;border:none;width:100%}.autocomplete-container .suggestions-container{display:flex;flex-direction:column;align-items:center;position:absolute;top:calc(100% + 10px);background-color:#fff;border-radius:5px;overflow:hidden;width:100%}.autocomplete-container .suggestions-container .suggestion{display:flex;align-items:center;padding:5px 10px;background-color:#fff;cursor:pointer;width:100%}.autocomplete-container .suggestions-container .suggestion:hover{background-color:#dfdcdc}.autocomplete-container .suggestions-container p{padding:5px 10px}