.PhoneInput{display:flex;align-items:center;width:100%;background-color:#fff;border-radius:.375rem;border:1px solid #d1d5db;padding:0 .5rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.PhoneInput:focus-within{outline:none;border-color:#3b82f6}.PhoneInputInput{flex:1;border:none;padding:.5rem;font-size:.875rem;width:100%;outline:none}.PhoneInputInput:focus{outline:none}.PhoneInputCountryIcon{margin-right:.5rem;width:1rem;height:1rem;box-shadow:0 0 0 1px rgba(0,0,0,.1);border-radius:2px}.PhoneInputCountrySelectArrow{margin-left:.5rem;width:.5rem;height:.5rem;transform:rotate(135deg);border-color:#6b7280;border-style:solid;border-width:.1rem .1rem 0 0}.PhoneInputCountrySelect{position:absolute;top:0;left:0;height:100%;width:100%;z-index:1;border:0;opacity:0;cursor:pointer}.PhoneInputCountry{position:relative;display:flex;align-items:center;margin-right:.75rem;padding-right:.75rem;border-right:1px solid #e5e7eb}.PhoneInput--error{border-color:#ef4444}.PhoneInput--disabled{background-color:#f3f4f6;cursor:not-allowed}.PhoneInput--disabled input{background-color:transparent;cursor:not-allowed}