.customer-phone-field{--PhoneInput-color--focus:var(--color-primary,#2563eb);--PhoneInputCountryFlag-height:1.125rem;--PhoneInputCountrySelect-marginRight:.4rem;--PhoneInputCountrySelectArrow-color:var(--color-text-muted,#737373);--PhoneInputCountrySelectArrow-color--focus:var(--color-primary,#2563eb);--PhoneInputCountryFlag-borderColor:color-mix(in srgb, var(--color-border-strong,#d4d4d4) 85%, transparent);box-sizing:border-box;border:var(--ui-field-border-width,1px) solid var(--color-border-default,#d4d4d4);border-radius:var(--radius-md,8px);background:var(--color-surface-elevated,#fff);width:100%;padding:0 var(--ui-field-padding-x,12px);min-height:var(--ui-field-height,44px);transition:border-color .12s,box-shadow .12s}.customer-phone-field:hover{border-color:var(--color-border-strong,#a3a3a3)}.customer-phone-field:focus-within{border-color:var(--color-primary,#2563eb);box-shadow:var(--ui-field-focus-shadow,0 0 0 1px color-mix(in srgb, var(--color-primary,#2563eb) 35%, transparent));outline:var(--ui-field-focus-outline,none);outline-offset:var(--ui-field-focus-outline-offset,0px)}.customer-phone-field .PhoneInput{width:100%;min-height:var(--ui-field-content-height,calc(var(--ui-field-height,44px) - 2 * var(--ui-field-border-width,1px)));gap:var(--space-sm,8px)}.customer-phone-field .PhoneInputInput{min-width:0;font-family:var(--font-family-sans,system-ui, sans-serif);font-size:var(--font-size-base,1rem);line-height:var(--line-height-base,1.5);color:var(--color-text-primary,#171717);background:0 0;border:0;outline:none;flex:1;padding:0}.customer-phone-field .PhoneInputInput::placeholder{color:var(--color-text-muted,#737373)}.customer-phone-field .PhoneInputCountry{margin-right:.25rem}.customer-phone-field .PhoneInputCountryIcon--border{box-shadow:0 0 0 1px var(--PhoneInputCountryFlag-borderColor), inset 0 0 0 1px var(--PhoneInputCountryFlag-borderColor);border-radius:2px}