#countryList li img,.country-btn img{width:24px;height:16px;object-fit:cover}@media (min-width:768px){.phone-input-container{max-width:320px}}.phone-input-container{width:100%;position:relative;font-family:Arial,sans-serif}.input-group{border-radius:30px;border:1px solid #d1d5db;background-color:transparent;color:#fff;padding:.375rem 1rem;align-items:center}#phoneInput,.country-btn{background:0 0;padding:0}.country-btn{border:none;margin-right:.5rem;display:flex;align-items:center;cursor:pointer}.country-btn img{border-radius:2px}.caret{font-size:10px;color:#fff;margin-left:.15rem}.country-code{color:#fff;font-size:.875rem;user-select:none;min-width:36px}#phoneInput{border:none;outline:0;color:#fff;font-size:.875rem;flex-grow:1;user-select:text}#phoneInput::placeholder{color:#9ca3af}#dropdownWrapper{position:absolute;top:100%;left:0;right:0;margin-top:.25rem;max-height:18rem;overflow:hidden;border:1px solid #d1d5db;border-radius:.5rem;background:#fff;box-shadow:0 4px 6px rgb(0 0 0 / .1);z-index:1050;display:none;flex-direction:column}#countrySearch{border:none;border-bottom:1px solid #d1d5db;padding:.5rem .75rem;font-size:.875rem;color:#4b5563;outline:0}#countrySearch::placeholder{color:#9ca3af}#countryList{overflow-y:auto;max-height:14rem;margin:0;padding:0;list-style:none}#countryList li{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;cursor:pointer;font-size:.875rem;color:#111827}#countryList li:focus,#countryList li:hover{background-color:#f3f4f6;outline:0}#countryList li img{border-radius:2px;flex-shrink:0}#countryList .divider{border-top:1px solid #d1d5db;margin:.25rem 0;pointer-events:none}