/* The actual input remains the only editable/submitted number. Prefix is decoration. */
.community-phone{display:flex;align-items:center;min-width:0;min-height:var(--ifx-control-height);margin-bottom:12px;border:1px solid var(--ifx-color-control-border);border-radius:var(--ifx-radius-control);background:var(--ifx-color-surface)}
.community-phone [data-phone-prefix]{flex:none;padding-left:8px;color:var(--ifx-color-text-muted);font:inherit;white-space:nowrap}
[data-ifx-application-layout] .community-phone input[type=tel]{flex:1;min-width:0;width:100%;margin:0;border:0;border-radius:var(--ifx-radius-control);padding:4px 8px;background:transparent;color:var(--ifx-color-text);font:inherit;outline:0}
[data-ifx-application-layout] .community-phone .e-input-group.community-field{flex:1;min-width:0;width:auto!important;margin:0;border:0;border-radius:var(--ifx-radius-control);background:transparent}
[data-ifx-application-layout] .community-phone[data-phone-local=true] input[type=tel]{padding-left:0}
.community-phone:focus-within{border-color:var(--ifx-color-focus);outline:var(--ifx-focus-ring);outline-offset:2px}
[data-ifx-application-layout] .community-phone .community-field.e-input-focus{outline:0;border-color:transparent}