.phone-input-wrapper{width:100%}.phone-input-field{display:flex;align-items:center;width:100%;min-height:2.5rem;border-radius:.5rem;border:1px solid var(--color-light-gray,#e5e7eb);background-color:var(--color-off-white,#fafafa);padding:0 .75rem;transition:border-color .2s,box-shadow .2s}.phone-input-field:focus-within{border-color:var(--color-primary,#7c3aed);box-shadow:0 0 0 0 var(--color-primary-ring,rgba(124,58,237,.2))}.phone-input-field .PhoneInputCountry{display:flex;align-items:center;gap:.375rem;margin-right:.5rem;padding-right:.5rem;border-right:1px solid var(--color-light-gray,#e5e7eb)}.phone-input-field .PhoneInputCountryIcon{width:1.25rem;height:.875rem;border-radius:2px;overflow:hidden;line-height:0}.phone-input-field .PhoneInputCountryIcon--border{box-shadow:none;background:none}.phone-input-field .PhoneInputCountryIconImg{width:100%;height:100%;object-fit:cover}.phone-input-field .PhoneInputCountrySelect{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:1}.phone-input-field .PhoneInputCountrySelectArrow{display:block;width:.375rem;height:.375rem;border-style:solid;border-color:var(--color-medium-gray,#9ca3af);border-width:0 1px 1px 0;transform:rotate(45deg);opacity:.6}.phone-input-field input[type=tel]{flex:1;border:none;background:transparent;outline:none;font-size:.875rem;line-height:1.25rem;color:var(--color-dark-gray,#1f2937);padding:0;min-width:0}.phone-input-field input[type=tel]::placeholder{color:var(--color-medium-gray,#9ca3af);font-size:.75rem}.phone-input-field input[type=tel]:focus{outline:none;box-shadow:none}