.gx-phone-field{display:flex;align-items:stretch;gap:8px;width:100%;min-width:0;max-width:100%;margin-top:6px}.gx-phone-field .gx-phone-code{font:inherit;font-size:13px;color:inherit;background:#faf7fc;border:1px solid #dcd3e3;border-radius:8px;padding:0 8px;min-width:88px;max-width:38%;flex:0 0 112px;height:auto;min-height:44px;margin:0}.gx-phone-field>input[type=tel]{min-width:0;width:100%;flex:1 1 0;margin:0;min-height:44px}.gx-phone-field .gx-phone-code:focus-visible{outline:2px solid #8b4b9c;outline-offset:2px}.gx-input-wrap:has(>.gx-phone-field)>.gx-input-ic{display:none}.gx-input-wrap .gx-phone-field .gx-input{padding-left:14px}.gx-phone-field>input[type=hidden]{display:none}@media(max-width:380px){.gx-phone-field{gap:6px}.gx-phone-field .gx-phone-code{flex-basis:94px;width:94px;font-size:12px;padding:0 5px}}


/* Calling codes and country names are intentionally separate controls. */
.gx-phone-field .gx-phone-code{flex:0 0 86px;width:86px;min-width:76px;max-width:32%;font-variant-numeric:tabular-nums}
select[data-country-ready]{width:100%;min-width:0;max-width:100%;min-height:44px}
@media(max-width:380px){.gx-phone-field .gx-phone-code{flex-basis:76px;width:76px;min-width:70px}}

/* Keep flags and calling codes visible without squeezing the phone number. */
.gx-phone-field .gx-phone-code{flex-basis:112px;width:112px;min-width:102px;max-width:42%}
@media(max-width:380px){.gx-phone-field .gx-phone-code{flex-basis:104px;width:104px;min-width:98px}}