[data-phone-picker] { display: flex; align-items: center; gap: 0; }
[data-phone-picker] input[type="tel"] { min-width: 0; flex: 1; }
.phone-picker-trigger { appearance: none; display: flex; align-items: center; flex-shrink: 0; border: 0; padding: 0; margin: 0 5px 0 0; background: transparent; color: inherit; font: inherit; font-size: 16px; cursor: pointer; }
.phone-picker-trigger:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.phone-picker-code { margin-left: 10px; white-space: nowrap; }
.phone-picker-triangle { margin-left: 6px; border-style: solid; border-width: 5px 4px 0; border-color: #9a9a9a transparent transparent; }
.phone-picker-flag { display: inline-block; flex-shrink: 0; width: 18px; min-width: 18px; height: 13px; background: #c5c5c5 url("media/phone-flags.png") no-repeat; box-shadow: 0 0 5px rgb(0 0 0 / 30%); }
.phone-picker-flag[data-phone-flag="np"] { width: 16px; min-width: 16px; }
.phone-picker-options { display: none; position: fixed; z-index: 99999999; box-sizing: content-box; min-width: 410px; max-height: 200px; padding: 5px 0; border: 1px solid #eee; border-radius: 7px; background: #fff; box-shadow: 0 0 1px rgb(0 0 0 / 10%); overflow-y: scroll; }
.phone-picker-options-open { display: block; }
.phone-picker-option { display: flex; justify-content: space-between; align-items: center; padding: 8px 10px; font: 14px sans-serif; color: #000; cursor: pointer; }
.phone-picker-option:hover, .phone-picker-option-chosen { background: #eee; }
.phone-picker-option-right { display: flex; align-items: center; }
.phone-picker-option-code { margin-left: 10px; }
.phone-picker-option-right .phone-picker-flag { margin-left: 8px; }
.phone-picker-options::-webkit-scrollbar { width: 8px; height: 15px; }
.phone-picker-options::-webkit-scrollbar-thumb { border-radius: 7px; background: #c2c9d2; }
@media (max-width: 640px) { .phone-picker-options { min-width: auto; } }

/* Inert sprite coordinates from the accepted source asset. */
.phone-picker-flag[data-phone-flag="af"] { background-position: -61px -5px; }
.phone-picker-flag[data-phone-flag="al"] { background-position: -117px -5px; }
.phone-picker-flag[data-phone-flag="dz"] { background-position: -61px -97px; }
.phone-picker-flag[data-phone-flag="ad"] { background-position: -5px -5px; }
.phone-picker-flag[data-phone-flag="ao"] { background-position: -173px -5px; }
.phone-picker-flag[data-phone-flag="am"] { background-position: -145px -5px; }
.phone-picker-flag[data-phone-flag="ag"] { background-position: -89px -5px; }
.phone-picker-flag[data-phone-flag="ar"] { background-position: -201px -5px; }
.phone-picker-flag[data-phone-flag="au"] { background-position: -257px -5px; }
.phone-picker-flag[data-phone-flag="at"] { background-position: -229px -5px; }
.phone-picker-flag[data-phone-flag="az"] { background-position: -285px -5px; }
.phone-picker-flag[data-phone-flag="bs"] { background-position: -5px -51px; }
.phone-picker-flag[data-phone-flag="bh"] { background-position: -145px -28px; }
.phone-picker-flag[data-phone-flag="bd"] { background-position: -33px -28px; }
.phone-picker-flag[data-phone-flag="bb"] { background-position: -5px -28px; }
.phone-picker-flag[data-phone-flag="by"] { background-position: -89px -51px; }
.phone-picker-flag[data-phone-flag="be"] { background-position: -61px -28px; }
.phone-picker-flag[data-phone-flag="bz"] { background-position: -117px -51px; }
.phone-picker-flag[data-phone-flag="bj"] { background-position: -201px -28px; }
.phone-picker-flag[data-phone-flag="bt"] { background-position: -33px -51px; }
.phone-picker-flag[data-phone-flag="bo"] { background-position: -285px -28px; }
.phone-picker-flag[data-phone-flag="ba"] { background-position: -313px -5px; }
.phone-picker-flag[data-phone-flag="bw"] { background-position: -61px -51px; }
.phone-picker-flag[data-phone-flag="br"] { background-position: -313px -28px; }
.phone-picker-flag[data-phone-flag="bn"] { background-position: -257px -28px; }
.phone-picker-flag[data-phone-flag="bg"] { background-position: -117px -28px; }
.phone-picker-flag[data-phone-flag="bf"] { background-position: -89px -28px; }
.phone-picker-flag[data-phone-flag="bi"] { background-position: -173px -28px; }
.phone-picker-flag[data-phone-flag="kh"] { background-position: -229px -166px; }
.phone-picker-flag[data-phone-flag="cm"] { background-position: -33px -74px; }
.phone-picker-flag[data-phone-flag="ca"] { background-position: -145px -51px; }
.phone-picker-flag[data-phone-flag="cv"] { background-position: -173px -74px; }
.phone-picker-flag[data-phone-flag="bq"] { background-position: -89px -258px; }
.phone-picker-flag[data-phone-flag="ky"] { background-position: -367px -28px; }
.phone-picker-flag[data-phone-flag="cf"] { background-position: -201px -51px; }
.phone-picker-flag[data-phone-flag="td"] { background-position: -173px -327px; }
.phone-picker-flag[data-phone-flag="cl"] { background-position: -5px -74px; }
.phone-picker-flag[data-phone-flag="cn"] { background-position: -61px -74px; }
.phone-picker-flag[data-phone-flag="co"] { background-position: -89px -74px; }
.phone-picker-flag[data-phone-flag="km"] { background-position: -285px -166px; }
.phone-picker-flag[data-phone-flag="cd"] { background-position: -173px -51px; }
.phone-picker-flag[data-phone-flag="cg"] { background-position: -229px -51px; }
.phone-picker-flag[data-phone-flag="ck"] { background-position: -313px -51px; }
.phone-picker-flag[data-phone-flag="cr"] { background-position: -117px -74px; }
.phone-picker-flag[data-phone-flag="ci"] { background-position: -285px -51px; }
.phone-picker-flag[data-phone-flag="hr"] { background-position: -117px -143px; }
.phone-picker-flag[data-phone-flag="cu"] { background-position: -145px -74px; }
.phone-picker-flag[data-phone-flag="cy"] { background-position: -201px -74px; }
.phone-picker-flag[data-phone-flag="cz"] { background-position: -229px -74px; }
.phone-picker-flag[data-phone-flag="dk"] { background-position: -313px -74px; }
.phone-picker-flag[data-phone-flag="dj"] { background-position: -285px -74px; }
.phone-picker-flag[data-phone-flag="dm"] { background-position: -5px -97px; }
.phone-picker-flag[data-phone-flag="do"] { background-position: -33px -97px; }
.phone-picker-flag[data-phone-flag="ec"] { background-position: -89px -97px; }
.phone-picker-flag[data-phone-flag="eg"] { background-position: -145px -97px; }
.phone-picker-flag[data-phone-flag="sv"] { background-position: -89px -327px; }
.phone-picker-flag[data-phone-flag="gq"] { background-position: -257px -120px; }
.phone-picker-flag[data-phone-flag="er"] { background-position: -201px -97px; }
.phone-picker-flag[data-phone-flag="ee"] { background-position: -117px -97px; }
.phone-picker-flag[data-phone-flag="et"] { background-position: -257px -97px; }
.phone-picker-flag[data-phone-flag="fj"] { background-position: -313px -97px; }
.phone-picker-flag[data-phone-flag="fi"] { background-position: -285px -97px; }
.phone-picker-flag[data-phone-flag="fr"] { background-position: -33px -120px; }
.phone-picker-flag[data-phone-flag="ga"] { background-position: -61px -120px; }
.phone-picker-flag[data-phone-flag="gm"] { background-position: -201px -120px; }
.phone-picker-flag[data-phone-flag="ge"] { background-position: -145px -120px; }
.phone-picker-flag[data-phone-flag="de"] { background-position: -257px -74px; }
.phone-picker-flag[data-phone-flag="gh"] { background-position: -173px -120px; }
.phone-picker-flag[data-phone-flag="gr"] { background-position: -285px -120px; }
.phone-picker-flag[data-phone-flag="gd"] { background-position: -117px -120px; }
.phone-picker-flag[data-phone-flag="gt"] { background-position: -313px -120px; }
.phone-picker-flag[data-phone-flag="gn"] { background-position: -229px -120px; }
.phone-picker-flag[data-phone-flag="gw"] { background-position: -5px -143px; }
.phone-picker-flag[data-phone-flag="gy"] { background-position: -33px -143px; }
.phone-picker-flag[data-phone-flag="ht"] { background-position: -145px -143px; }
.phone-picker-flag[data-phone-flag="hn"] { background-position: -89px -143px; }
.phone-picker-flag[data-phone-flag="hk"] { background-position: -61px -143px; }
.phone-picker-flag[data-phone-flag="hu"] { background-position: -173px -143px; }
.phone-picker-flag[data-phone-flag="is"] { background-position: -33px -166px; }
.phone-picker-flag[data-phone-flag="in"] { background-position: -285px -143px; }
.phone-picker-flag[data-phone-flag="id"] { background-position: -201px -143px; }
.phone-picker-flag[data-phone-flag="ir"] { background-position: -5px -166px; }
.phone-picker-flag[data-phone-flag="iq"] { background-position: -313px -143px; }
.phone-picker-flag[data-phone-flag="ie"] { background-position: -229px -143px; }
.phone-picker-flag[data-phone-flag="il"] { background-position: -257px -143px; }
.phone-picker-flag[data-phone-flag="it"] { background-position: -61px -166px; }
.phone-picker-flag[data-phone-flag="jm"] { background-position: -89px -166px; }
.phone-picker-flag[data-phone-flag="jp"] { background-position: -145px -166px; }
.phone-picker-flag[data-phone-flag="jo"] { background-position: -117px -166px; }
.phone-picker-flag[data-phone-flag="kz"] { background-position: -117px -189px; }
.phone-picker-flag[data-phone-flag="ke"] { background-position: -173px -166px; }
.phone-picker-flag[data-phone-flag="ki"] { background-position: -257px -166px; }
.phone-picker-flag[data-phone-flag="xk"] { background-position: -89px -350px; }
.phone-picker-flag[data-phone-flag="kw"] { background-position: -89px -189px; }
.phone-picker-flag[data-phone-flag="kg"] { background-position: -201px -166px; }
.phone-picker-flag[data-phone-flag="la"] { background-position: -145px -189px; }
.phone-picker-flag[data-phone-flag="lv"] { background-position: -61px -212px; }
.phone-picker-flag[data-phone-flag="lb"] { background-position: -173px -189px; }
.phone-picker-flag[data-phone-flag="ls"] { background-position: -313px -189px; }
.phone-picker-flag[data-phone-flag="lr"] { background-position: -285px -189px; }
.phone-picker-flag[data-phone-flag="ly"] { background-position: -89px -212px; }
.phone-picker-flag[data-phone-flag="li"] { background-position: -229px -189px; }
.phone-picker-flag[data-phone-flag="lt"] { background-position: -5px -212px; }
.phone-picker-flag[data-phone-flag="lu"] { background-position: -33px -212px; }
.phone-picker-flag[data-phone-flag="mo"] { background-position: -61px -235px; }
.phone-picker-flag[data-phone-flag="mk"] { background-position: -285px -212px; }
.phone-picker-flag[data-phone-flag="mg"] { background-position: -229px -212px; }
.phone-picker-flag[data-phone-flag="mw"] { background-position: -201px -235px; }
.phone-picker-flag[data-phone-flag="my"] { background-position: -257px -235px; }
.phone-picker-flag[data-phone-flag="mv"] { background-position: -173px -235px; }
.phone-picker-flag[data-phone-flag="ml"] { background-position: -313px -212px; }
.phone-picker-flag[data-phone-flag="mt"] { background-position: -117px -235px; }
.phone-picker-flag[data-phone-flag="mh"] { background-position: -257px -212px; }
.phone-picker-flag[data-phone-flag="mr"] { background-position: -89px -235px; }
.phone-picker-flag[data-phone-flag="mu"] { background-position: -145px -235px; }
.phone-picker-flag[data-phone-flag="mx"] { background-position: -229px -235px; }
.phone-picker-flag[data-phone-flag="mb"] { background-position: -229px -235px; }
.phone-picker-flag[data-phone-flag="fm"] { background-position: -5px -120px; }
.phone-picker-flag[data-phone-flag="md"] { background-position: -173px -212px; }
.phone-picker-flag[data-phone-flag="mc"] { background-position: -145px -212px; }
.phone-picker-flag[data-phone-flag="mn"] { background-position: -33px -235px; }
.phone-picker-flag[data-phone-flag="me"] { background-position: -201px -212px; }
.phone-picker-flag[data-phone-flag="ma"] { background-position: -117px -212px; }
.phone-picker-flag[data-phone-flag="mz"] { background-position: -285px -235px; }
.phone-picker-flag[data-phone-flag="mm"] { background-position: -5px -235px; }
.phone-picker-flag[data-phone-flag="na"] { background-position: -313px -235px; }
.phone-picker-flag[data-phone-flag="nr"] { background-position: -145px -258px; }
.phone-picker-flag[data-phone-flag="np"] { background-position: -341px -5px; }
.phone-picker-flag[data-phone-flag="nl"] { background-position: -89px -258px; }
.phone-picker-flag[data-phone-flag="nc"] { background-position: -229px -350px; }
.phone-picker-flag[data-phone-flag="nz"] { background-position: -201px -258px; }
.phone-picker-flag[data-phone-flag="ni"] { background-position: -61px -258px; }
.phone-picker-flag[data-phone-flag="ne"] { background-position: -5px -258px; }
.phone-picker-flag[data-phone-flag="ng"] { background-position: -33px -258px; }
.phone-picker-flag[data-phone-flag="nu"] { background-position: -173px -258px; }
.phone-picker-flag[data-phone-flag="kp"] { background-position: -5px -189px; }
.phone-picker-flag[data-phone-flag="no"] { background-position: -117px -258px; }
.phone-picker-flag[data-phone-flag="om"] { background-position: -229px -258px; }
.phone-picker-flag[data-phone-flag="pa"] { background-position: -257px -258px; }
.phone-picker-flag[data-phone-flag="pk"] { background-position: -33px -281px; }
.phone-picker-flag[data-phone-flag="pw"] { background-position: -145px -281px; }
.phone-picker-flag[data-phone-flag="ps"] { background-position: -89px -281px; }
.phone-picker-flag[data-phone-flag="pg"] { background-position: -313px -258px; }
.phone-picker-flag[data-phone-flag="py"] { background-position: -173px -281px; }
.phone-picker-flag[data-phone-flag="pe"] { background-position: -285px -258px; }
.phone-picker-flag[data-phone-flag="ph"] { background-position: -5px -281px; }
.phone-picker-flag[data-phone-flag="pl"] { background-position: -61px -281px; }
.phone-picker-flag[data-phone-flag="pt"] { background-position: -117px -281px; }
.phone-picker-flag[data-phone-flag="qa"] { background-position: -201px -281px; }
.phone-picker-flag[data-phone-flag="ro"] { background-position: -229px -281px; }
.phone-picker-flag[data-phone-flag="ru"] { background-position: -285px -281px; }
.phone-picker-flag[data-phone-flag="rw"] { background-position: -313px -281px; }
.phone-picker-flag[data-phone-flag="kn"] { background-position: -313px -166px; }
.phone-picker-flag[data-phone-flag="lc"] { background-position: -201px -189px; }
.phone-picker-flag[data-phone-flag="vc"] { background-position: -341px -304px; }
.phone-picker-flag[data-phone-flag="ws"] { background-position: -61px -350px; }
.phone-picker-flag[data-phone-flag="sm"] { background-position: -257px -304px; }
.phone-picker-flag[data-phone-flag="st"] { background-position: -61px -327px; }
.phone-picker-flag[data-phone-flag="sa"] { background-position: -5px -304px; }
.phone-picker-flag[data-phone-flag="sn"] { background-position: -285px -304px; }
.phone-picker-flag[data-phone-flag="rs"] { background-position: -257px -281px; }
.phone-picker-flag[data-phone-flag="sc"] { background-position: -61px -304px; }
.phone-picker-flag[data-phone-flag="sl"] { background-position: -229px -304px; }
.phone-picker-flag[data-phone-flag="sg"] { background-position: -145px -304px; }
.phone-picker-flag[data-phone-flag="sk"] { background-position: -201px -304px; }
.phone-picker-flag[data-phone-flag="si"] { background-position: -173px -304px; }
.phone-picker-flag[data-phone-flag="sb"] { background-position: -33px -304px; }
.phone-picker-flag[data-phone-flag="so"] { background-position: -313px -304px; }
.phone-picker-flag[data-phone-flag="za"] { background-position: -145px -350px; }
.phone-picker-flag[data-phone-flag="kr"] { background-position: -33px -189px; }
.phone-picker-flag[data-phone-flag="ss"] { background-position: -33px -327px; }
.phone-picker-flag[data-phone-flag="es"] { background-position: -229px -97px; }
.phone-picker-flag[data-phone-flag="lk"] { background-position: -257px -189px; }
.phone-picker-flag[data-phone-flag="sd"] { background-position: -89px -304px; }
.phone-picker-flag[data-phone-flag="sr"] { background-position: -5px -327px; }
.phone-picker-flag[data-phone-flag="sz"] { background-position: -145px -327px; }
.phone-picker-flag[data-phone-flag="se"] { background-position: -117px -304px; }
.phone-picker-flag[data-phone-flag="ch"] { background-position: -257px -51px; }
.phone-picker-flag[data-phone-flag="sy"] { background-position: -117px -327px; }
.phone-picker-flag[data-phone-flag="tw"] { background-position: -341px -120px; }
.phone-picker-flag[data-phone-flag="tj"] { background-position: -257px -327px; }
.phone-picker-flag[data-phone-flag="tz"] { background-position: -341px -143px; }
.phone-picker-flag[data-phone-flag="th"] { background-position: -229px -327px; }
.phone-picker-flag[data-phone-flag="tg"] { background-position: -201px -327px; }
.phone-picker-flag[data-phone-flag="to"] { background-position: -341px -28px; }
.phone-picker-flag[data-phone-flag="tt"] { background-position: -341px -74px; }
.phone-picker-flag[data-phone-flag="tn"] { background-position: -367px -5px; }
.phone-picker-flag[data-phone-flag="tr"] { background-position: -341px -51px; }
.phone-picker-flag[data-phone-flag="tm"] { background-position: -313px -327px; }
.phone-picker-flag[data-phone-flag="tv"] { background-position: -341px -97px; }
.phone-picker-flag[data-phone-flag="ug"] { background-position: -341px -189px; }
.phone-picker-flag[data-phone-flag="ua"] { background-position: -341px -166px; }
.phone-picker-flag[data-phone-flag="ae"] { background-position: -33px -5px; }
.phone-picker-flag[data-phone-flag="gb"] { background-position: -89px -120px; }
.phone-picker-flag[data-phone-flag="us"] { background-position: -341px -212px; }
.phone-picker-flag[data-phone-flag="uy"] { background-position: -341px -235px; }
.phone-picker-flag[data-phone-flag="uz"] { background-position: -341px -258px; }
.phone-picker-flag[data-phone-flag="vu"] { background-position: -33px -350px; }
.phone-picker-flag[data-phone-flag="va"] { background-position: -341px -281px; }
.phone-picker-flag[data-phone-flag="ve"] { background-position: -341px -327px; }
.phone-picker-flag[data-phone-flag="vn"] { background-position: -5px -350px; }
.phone-picker-flag[data-phone-flag="ye"] { background-position: -117px -350px; }
.phone-picker-flag[data-phone-flag="zm"] { background-position: -173px -350px; }
.phone-picker-flag[data-phone-flag="zw"] { background-position: -201px -350px; }
.phone-picker-flag[data-phone-flag="gp"] { background-position: -367px -51px; }