/* Loaded once, and only by the shared telephone field. */
.eh-phone{display:flex;align-items:center;border:1px solid var(--line);border-radius:8px;background:var(--elevated);direction:ltr;min-width:0}
.eh-phone:focus-within{border-color:var(--red)}
.eh-field .eh-phone>input:not([type=hidden]){border:0;background:none;flex:1;min-width:0;width:0;padding-inline:12px}
.eh-phone-country{display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 12px;border-inline-end:1px solid var(--line);font:500 14px Plex,Arial,sans-serif;flex:none}
.eh-phone-country img{width:24px;height:16px;object-fit:cover;border-radius:2px}
.eh-phone-country span{font-size:20px;line-height:1}
.eh-phone-country bdi{font-variant-numeric:tabular-nums}
.eh-country-dialog{width:min(390px,calc(100% - 32px));max-height:80dvh;padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--elevated);color:var(--ink);overscroll-behavior:contain}
.eh-country-dialog::backdrop{background:#0007}
.eh-country-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-block-end:12px}
.eh-country-dialog :is(input,select){display:block;width:100%;font:400 15px/1.5 Plex,Arial,sans-serif;color:var(--ink);background:var(--canvas);border:1px solid var(--line);border-radius:6px;padding:10px;margin-block-end:12px;min-height:44px}
.eh-country-dialog select{height:280px}.eh-country-dialog option{padding:10px;min-height:44px}
.eh-country-dialog :is(button,input,select):focus-visible,.eh-phone-country:focus-visible{outline:2px solid var(--red);outline-offset:3px}
.eh-country-dialog .eh-button{width:100%}
.eh-country-dialog[open]{animation:eh-country-enter 160ms var(--ease)}
@keyframes eh-country-enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.eh-country-dialog[open]{animation:none}}