.container{display:flex;flex-direction:column;align-items:center;padding:20px}.input-field{width:100%;padding:10px 40px 10px 10px;border:1px solid #ccc;border-radius:5px;outline:none;transition:border-color .2s}.input-field:focus{border-color:#007bff}.clear-button{position:absolute;top:50%;transform:translateY(-50%);background:none;border:none;color:#007bff;font-size:20px;cursor:pointer;outline:none;right:10px}.clear-button:hover{color:#0056b3}.suggestion-list{position:absolute;z-index:10;width:100%;background-color:#fff;border:1px solid #ccc;border-radius:5px;margin-top:5px;max-height:200px;display:flex;flex-direction:column;box-shadow:0 4px 8px rgba(0,0,0,.1);padding:2px}.suggestion-item{padding:10px;cursor:pointer;transition:background-color .2s;list-style:none;border-bottom:1px solid gray}.suggestion-item:hover{background-color:rgba(0,123,255,.1)}.suggestion-item.highlighted{background-color:#e0e0e0;cursor:pointer}.highlighted{background-color:#add8e6}.add-more{position:sticky;bottom:0;background:gray;cursor:pointer;padding:10px;text-align:center;border-top:1px solid #ccc}.add-more,.bottom-div{color:#fff}.suggestion-list-above{bottom:100%;margin-bottom:5px}.suggestion-list-below{top:100%;margin-top:5px}.PhoneInputInput{width:100%;padding:6px 36px 6px 6px;border-radius:5px!important;outline:none!important;transition:border-color .2s!important}.PhoneInputCountry{border-right:1px solid #ccc!important;padding:6px!important}