:root{--PhoneInput-color--focus:#03b2cb;--PhoneInputInternationalIconPhone-opacity:.8;--PhoneInputInternationalIconGlobe-opacity:.65;--PhoneInputCountrySelect-marginRight:.35em;--PhoneInputCountrySelectArrow-width:.3em;--PhoneInputCountrySelectArrow-marginLeft:var(--PhoneInputCountrySelect-marginRight);--PhoneInputCountrySelectArrow-borderWidth:1px;--PhoneInputCountrySelectArrow-opacity:.45;--PhoneInputCountrySelectArrow-color:currentColor;--PhoneInputCountrySelectArrow-color--focus:var(--PhoneInput-color--focus);--PhoneInputCountrySelectArrow-transform:rotate(45deg);--PhoneInputCountryFlag-aspectRatio:1.5;--PhoneInputCountryFlag-height:1em;--PhoneInputCountryFlag-borderWidth:1px;--PhoneInputCountryFlag-borderColor:#00000080;--PhoneInputCountryFlag-borderColor--focus:var(--PhoneInput-color--focus);--PhoneInputCountryFlag-backgroundColor--loading:#0000001a}.PhoneInput{align-items:center;display:flex}.PhoneInputInput{flex:1;min-width:0}.PhoneInputCountryIcon{width:calc(var(--PhoneInputCountryFlag-height)*var(--PhoneInputCountryFlag-aspectRatio));height:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--square{width:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--border{background-color:var(--PhoneInputCountryFlag-backgroundColor--loading);box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth)var(--PhoneInputCountryFlag-borderColor),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth)var(--PhoneInputCountryFlag-borderColor)}.PhoneInputCountryIconImg{width:100%;height:100%;display:block}.PhoneInputInternationalIconPhone{opacity:var(--PhoneInputInternationalIconPhone-opacity)}.PhoneInputInternationalIconGlobe{opacity:var(--PhoneInputInternationalIconGlobe-opacity)}.PhoneInputCountry{margin-right:var(--PhoneInputCountrySelect-marginRight);align-self:stretch;align-items:center;display:flex;position:relative}.PhoneInputCountrySelect{z-index:1;opacity:0;cursor:pointer;border:0;width:100%;height:100%;position:absolute;top:0;left:0}.PhoneInputCountrySelect[disabled],.PhoneInputCountrySelect[readonly]{cursor:default}.PhoneInputCountrySelectArrow{content:"";width:var(--PhoneInputCountrySelectArrow-width);height:var(--PhoneInputCountrySelectArrow-width);margin-left:var(--PhoneInputCountrySelectArrow-marginLeft);border-style:solid;border-color:var(--PhoneInputCountrySelectArrow-color);border-top-width:0;border-bottom-width:var(--PhoneInputCountrySelectArrow-borderWidth);border-left-width:0;border-right-width:var(--PhoneInputCountrySelectArrow-borderWidth);transform:var(--PhoneInputCountrySelectArrow-transform);opacity:var(--PhoneInputCountrySelectArrow-opacity);display:block}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon+.PhoneInputCountrySelectArrow{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon--border{box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth)var(--PhoneInputCountryFlag-borderColor--focus),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth)var(--PhoneInputCountryFlag-borderColor--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon .PhoneInputInternationalIconGlobe{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}
.PhoneInput{align-items:center;display:flex;position:relative}.PhoneInput .PhoneInputCountry{align-self:stretch;align-items:center;margin-right:0;display:flex;position:relative}.PhoneInput .PhoneInputCountryIcon{background-color:#f9fafb;border:1px solid #e5e7eb;border-right:none;border-top-left-radius:.375rem;border-bottom-left-radius:.375rem;justify-content:center;align-items:center;height:2.5rem;padding:0 .75rem;display:flex}.PhoneInput .PhoneInputCountryIcon--border{box-shadow:none;border:none}.PhoneInput .PhoneInputCountryIconImg{width:1.5rem;height:1rem;display:block}.PhoneInput .PhoneInputCountrySelectArrow{content:"";opacity:.5;border:2px solid #6b7280;border-width:0 2px 2px 0;width:.5rem;height:.5rem;margin-left:.5rem;display:block;transform:rotate(45deg)}.PhoneInput .PhoneInputCountrySelect{z-index:1;opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0}.PhoneInput .PhoneInputCountrySelect:focus+.PhoneInputCountryIcon{box-shadow:0 0 0 2px #60a5fa}.PhoneInput input.PhoneInputInput{background-color:#fff;border:1px solid #e5e7eb;border-top-right-radius:.375rem;border-bottom-right-radius:.375rem;outline:none;flex:1;min-width:0;height:2.5rem;padding:0 .75rem;font-size:.875rem;transition:all .15s}.PhoneInput input.PhoneInputInput:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #dbeafe}.PhoneInput input.PhoneInputInput::placeholder{color:#9ca3af}.phone-input-error .PhoneInputCountryIcon,.phone-input-error input.PhoneInputInput{border-color:#ef4444}.phone-input-error input.PhoneInputInput:focus{border-color:#ef4444;box-shadow:0 0 0 3px #fee2e2}.PhoneInputCountrySelectDropdown{z-index:1000;background-color:#fff;border:1px solid #e5e7eb;border-radius:.375rem;max-height:300px;margin-top:.25rem;position:absolute;overflow-y:auto;box-shadow:0 10px 15px -3px #0000001a}.PhoneInputCountrySelectDropdown .PhoneInputCountrySelectOption{cursor:pointer;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.PhoneInputCountrySelectDropdown .PhoneInputCountrySelectOption:hover{background-color:#f3f4f6}.PhoneInputCountrySelectDropdown .PhoneInputCountrySelectOption--selected{background-color:#dbeafe}