.phone-input-container{width:100%;position:relative}.phone-input-container .PhoneInputCountry{z-index:1;background:#f9fafb;border-right:1px solid #d1d5db;border-radius:.375rem 0 0 .375rem;align-items:center;padding:0 .75rem;display:flex;position:absolute;top:0;bottom:0;left:0}.phone-input-container .PhoneInputCountry:hover{background:#f3f4f6}.phone-input-container .PhoneInputCountryIcon{border-radius:.25rem;width:1.5rem;height:1.5rem;overflow:hidden}.phone-input-container .PhoneInputCountryIcon--border{box-shadow:0 0 0 1px #0000001a}.phone-input-container .PhoneInputCountrySelectArrow{color:#6b7280;width:.375rem;height:.375rem;margin-left:.25rem}.phone-input-container .PhoneInputInput{width:100%;padding-left:4.5rem;font-size:1rem;line-height:1.5rem}.PhoneInputCountrySelect{border:1px solid #d1d5db;border-radius:.375rem;max-height:15rem;padding:.25rem;font-size:.875rem;overflow-y:auto}.PhoneInputCountrySelect:focus{outline:2px solid var(--color-primary,#c9a4dc);outline-offset:2px}.PhoneInputCountrySelectOption{cursor:pointer;border-radius:.25rem;padding:.5rem .75rem}.PhoneInputCountrySelectOption:hover{background:#f3f4f6}.PhoneInputCountrySelectOption--selected{background:var(--color-primary-light,#c9a4dc1a);color:var(--color-primary,#c9a4dc);font-weight:500}.phone-input-container .PhoneInputInput:disabled,.phone-input-container .PhoneInputCountry--disabled{opacity:.5;cursor:not-allowed;background-color:#f9fafb}