.PhoneInput{display:flex;align-items:stretch;gap:.5rem}.PhoneInputInput{flex:1;min-width:0;padding:.5rem .75rem;border:1px solid var(--color-gray-300);border-radius:.5rem;font-size:1rem;line-height:1.5rem;transition:all .15s ease-in-out;background-color:#fff;color:var(--color-gray-900);pointer-events:auto;position:relative;z-index:1}.PhoneInputInput:focus{outline:none;border-color:var(--color-corporate-blue);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-corporate-blue) 20%,transparent);z-index:10}.PhoneInputInput::placeholder{color:var(--color-gray-400)}.PhoneInputCountry{position:relative;display:flex;align-items:center;padding:.5rem .625rem;border:1px solid var(--color-gray-300);border-radius:.5rem;background-color:#fff;cursor:pointer;transition:all .15s ease-in-out;flex-shrink:0;min-width:4rem}.PhoneInputCountry:hover{border-color:var(--color-gray-400);background-color:var(--color-gray-50)}.PhoneInputCountry:focus-within{border-color:var(--color-corporate-blue);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-corporate-blue) 20%,transparent);z-index:10}.PhoneInputCountryIcon{width:1.5rem;display:block}.PhoneInputCountryIcon--border{box-shadow:0 0 0 1px color-mix(in srgb,var(--color-gray-900) 10%,transparent);border-radius:1px}.PhoneInputCountrySelect{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:1}.PhoneInputCountrySelect:focus{outline:none}.PhoneInputCountrySelectArrow{display:block;width:.375rem;height:.375rem;margin-left:.375rem;border-color:var(--color-gray-500);border-style:solid;border-top-width:0;border-bottom-width:1.5px;border-left-width:0;border-right-width:1.5px;transform:rotate(45deg);opacity:.7;pointer-events:none}.phone-input-error .PhoneInputInput{border-color:var(--color-red-300);color:var(--color-red-900)}.phone-input-error .PhoneInputInput:focus{border-color:var(--color-red-500);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-red-500) 20%,transparent)}.phone-input-error .PhoneInputCountry{border-color:var(--color-red-300)}.phone-input-error .PhoneInputCountry:focus-within{border-color:var(--color-red-500);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-red-500) 20%,transparent)}.PhoneInputInternationalIconPhone{opacity:.5}.PhoneInputInternationalIconGlobe{opacity:.65}