www.bexio.com
Open in
urlscan Pro
104.18.11.188
Public Scan
Submitted URL: https://easysis.ch/
Effective URL: https://www.bexio.com/de-CH/
Submission: On October 31 via api from CH — Scanned from CH
Effective URL: https://www.bexio.com/de-CH/
Submission: On October 31 via api from CH — Scanned from CH
Form analysis
1 forms found in the DOMName: wizardStepOne — POST
<form name="wizardStepOne" @submit.prevent="submitData" class="alpineForm w-full wizardFormStepOne md:grid md:gap-x-4 md:grid-cols-2" enctype="multipart/form-data" accept-charset="utf-8" method="post" novalidate=""
x-data="$nextTick(() => { $localStorage( { data: {"wizardStepOne":["firstname","lastname","phone_number","email","phone_prefix"]} }) })"
:class="[inlineSuccessMessage ? 'hidden md:hidden':'', inlineErrorMessage ? 'hidden md:hidden':'']" :id="formId" data-track-origin="marketing_website" data-track-project="bexio-website" data-track-element="trial_request_step1_submit"
id="wizardFormStepOne-1" siq_id="autopick_2550"><input type="hidden" name="action" value="app-trial-signup/frontend/verify-email"><input type="hidden" name="locale" value="de-CH"><input type="hidden" name="wizardId" value="76201"><input
type="hidden" name="website_conversion_page" value="__home__"><input type="hidden" name="absoluteUrl" value="https://www.bexio.com/de-CH/"><input type="hidden" name="project" value="bexio_2"><input type="hidden" name="redirect"
value="welcome"><input type="hidden" name="dataLayerEvent" value="mql">
<div class="input-field bx-validate mb-4 relative flex flex-col flex-grow " id="firstname-wrapper" x-data="input({
name:'firstname',
value:'',
liveChangeEvent:'',
})"><label class="bx-label px-1 bg-white z-20 absolute text-base pointer-events-none ml-3 text-blue-denim-300" for="firstname"> Vorname </label><input type="text" name="firstname" id="firstname"
class="bx-input text-base rounded border border-blue-denim-300 focus:pl-4 focus:pr-8 box-border" data-validate="true" pattern=".*\S.*" maxlength="80" required=""
x-model="value"><i class="flex absolute z-20 top-0 right-0 justify-end items-center bx-icon h-input outline-none" tabindex="-1"><span class="hidden mr-4 is-invalid text-error-500"><svg height="24px" width="24px" class="fill-current" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M256 360c-13.25 0-23.1 10.74-23.1 24c0 13.25 10.75 24 23.1 24c13.25 0 23.1-10.75 23.1-24C280 370.7 269.3 360 256 360zM256 320c8.843 0 15.1-7.156 15.1-16V160c0-8.844-7.155-16-15.1-16S240 151.2 240 160v144C240 312.8 247.2 320 256 320zM504.3 397.3L304.5 59.38C294.4 42.27 276.2 32.03 256 32C235.8 32 217.7 42.22 207.5 59.36l-199.9 338c-10.05 16.97-10.2 37.34-.4218 54.5C17.29 469.5 35.55 480 56.1 480h399.9c20.51 0 38.75-10.53 48.81-28.17C514.6 434.7 514.4 414.3 504.3 397.3zM476.1 435.1C472.7 443.5 464.8 448 455.1 448H56.1c-8.906 0-16.78-4.484-21.08-12c-4.078-7.156-4.015-15.3 .1562-22.36L235.1 75.66C239.4 68.36 247.2 64 256 64c0 0-.0156 0 0 0c8.765 .0156 16.56 4.359 20.86 11.64l199.9 338C480.1 420.7 481.1 428.8 476.1 435.1z"></path></svg></span><span class="hidden w-6 mr-4 is-valid text-green-apple-500"><svg height="24px" width="24px" class="fill-current" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M235.3 331.3C229.1 337.6 218.9 337.6 212.7 331.3L148.7 267.3C142.4 261.1 142.4 250.9 148.7 244.7C154.9 238.4 165.1 238.4 171.3 244.7L224 297.4L340.7 180.7C346.9 174.4 357.1 174.4 363.3 180.7C369.6 186.9 369.6 197.1 363.3 203.3L235.3 331.3zM512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256zM256 32C132.3 32 32 132.3 32 256C32 379.7 132.3 480 256 480C379.7 480 480 379.7 480 256C480 132.3 379.7 32 256 32z"></path></svg></span></i><span
class="bx-helper ml-3 tracking-wider float-above py-0 px-1 absolute text-error-500 bg-white z-20 text-sm pointer-events-none hidden opacity-0"></span></div>
<div class="input-field bx-validate mb-4 relative flex flex-col flex-grow " id="lastname-wrapper" x-data="input({
name:'lastname',
value:'',
liveChangeEvent:'',
})"><label class="bx-label px-1 bg-white z-20 absolute text-base pointer-events-none ml-3 text-blue-denim-300" for="lastname"> Nachname </label><input type="text" name="lastname" id="lastname"
class="bx-input text-base rounded border border-blue-denim-300 focus:pl-4 focus:pr-8 box-border" data-validate="true" pattern=".*\S.*" maxlength="80" required=""
x-model="value"><i class="flex absolute z-20 top-0 right-0 justify-end items-center bx-icon h-input outline-none" tabindex="-1"><span class="hidden mr-4 is-invalid text-error-500"><svg height="24px" width="24px" class="fill-current" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M256 360c-13.25 0-23.1 10.74-23.1 24c0 13.25 10.75 24 23.1 24c13.25 0 23.1-10.75 23.1-24C280 370.7 269.3 360 256 360zM256 320c8.843 0 15.1-7.156 15.1-16V160c0-8.844-7.155-16-15.1-16S240 151.2 240 160v144C240 312.8 247.2 320 256 320zM504.3 397.3L304.5 59.38C294.4 42.27 276.2 32.03 256 32C235.8 32 217.7 42.22 207.5 59.36l-199.9 338c-10.05 16.97-10.2 37.34-.4218 54.5C17.29 469.5 35.55 480 56.1 480h399.9c20.51 0 38.75-10.53 48.81-28.17C514.6 434.7 514.4 414.3 504.3 397.3zM476.1 435.1C472.7 443.5 464.8 448 455.1 448H56.1c-8.906 0-16.78-4.484-21.08-12c-4.078-7.156-4.015-15.3 .1562-22.36L235.1 75.66C239.4 68.36 247.2 64 256 64c0 0-.0156 0 0 0c8.765 .0156 16.56 4.359 20.86 11.64l199.9 338C480.1 420.7 481.1 428.8 476.1 435.1z"></path></svg></span><span class="hidden w-6 mr-4 is-valid text-green-apple-500"><svg height="24px" width="24px" class="fill-current" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M235.3 331.3C229.1 337.6 218.9 337.6 212.7 331.3L148.7 267.3C142.4 261.1 142.4 250.9 148.7 244.7C154.9 238.4 165.1 238.4 171.3 244.7L224 297.4L340.7 180.7C346.9 174.4 357.1 174.4 363.3 180.7C369.6 186.9 369.6 197.1 363.3 203.3L235.3 331.3zM512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256zM256 32C132.3 32 32 132.3 32 256C32 379.7 132.3 480 256 480C379.7 480 480 379.7 480 256C480 132.3 379.7 32 256 32z"></path></svg></span></i><span
class="bx-helper ml-3 tracking-wider float-above py-0 px-1 absolute text-error-500 bg-white z-20 text-sm pointer-events-none hidden opacity-0"></span></div>
<div id="phone-number-with-prefix" class="w-full flex flex-row ">
<div x-data="dropdownPhonePrefix({
name: 'phone_prefix',
placeholder: '',
value: new Map(JSON.parse(localStorage.getItem('wizardStepOne'))).get('phone_prefix') ?? '+41',
showValueAsText: 1,
lastFavoriteIndex: 5,
})" x-bind="dropdownTrigger" x-ref="dropdown" class="bx-validate bx-dropdown relative mb-4 last:mb-0 w-31 inline-flex dropdown-phone-prefix md:pr-4 mr-4 md:mr-0 is-focused" id="phone_prefix-wrapper"><label
class="bx-label px-1 bg-white z-20 absolute text-base pointer-events-none ml-3 text-blue-denim-300 top-0" for="phone_prefix">Vorwahl</label><input class="bx-input" x-model="value" data-validate="false" type="hidden" name="phone_prefix"
id="phone_prefix" pattern=".*\S.*" required="" tabindex="-1" value="+41"><span class="inline-block w-full rounded-md shadow-sm"><button x-bind="dropdownButtonTrigger" type="button" :aria-expanded="open" aria-haspopup="listbox"
class="bx-dropdown-button relative flex flex-row items-center justify-end p-3 text-base leading-chill w-full bg-transparent rounded border border-blue-denim-300 box-border appearance-none cursor-pointer h-[56px] focus-within:border-2 focus:outline-none focus:border-2"
aria-expanded="false">
<div x-ref="placeholderDiv" x-bind="placeholderDiv" :class="(value in window.phonePrefixes) ? 'text-blue-denim-400 has-value ' : ''" class="text-left px-1 w-full truncate bx-placeholder text-blue-denim-400 has-value">+41</div><span
class="flex items-center pointer-events-none"><svg height="24px" width="24px" class="fill-current transform duration-300 ease-in-out opacity-54 rotate-0" :class="open ? '-rotate-180' : 'rotate-0'" xmlns="https://www.w3.org/2000/svg"
viewBox="0 0 384 512">
<path
d="M362.7 203.9l-159.1 144c-6.125 5.469-15.31 5.469-21.44 0L21.29 203.9C14.73 197.1 14.2 187.9 20.1 181.3C26.38 174.4 36.5 174.5 42.73 180.1L192 314.5l149.3-134.4c6.594-5.877 16.69-5.361 22.62 1.188C369.8 187.9 369.3 197.1 362.7 203.9z">
</path>
</svg></span><i class="flex absolute top-0 right-0 justify-end items-center w-full bx-icon h-input outline-none" tabindex="-1"><span class="hidden mr-12 is-invalid text-error-500 mb-1"><svg height="24px" width="24px" class="fill-current" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M256 360c-13.25 0-23.1 10.74-23.1 24c0 13.25 10.75 24 23.1 24c13.25 0 23.1-10.75 23.1-24C280 370.7 269.3 360 256 360zM256 320c8.843 0 15.1-7.156 15.1-16V160c0-8.844-7.155-16-15.1-16S240 151.2 240 160v144C240 312.8 247.2 320 256 320zM504.3 397.3L304.5 59.38C294.4 42.27 276.2 32.03 256 32C235.8 32 217.7 42.22 207.5 59.36l-199.9 338c-10.05 16.97-10.2 37.34-.4218 54.5C17.29 469.5 35.55 480 56.1 480h399.9c20.51 0 38.75-10.53 48.81-28.17C514.6 434.7 514.4 414.3 504.3 397.3zM476.1 435.1C472.7 443.5 464.8 448 455.1 448H56.1c-8.906 0-16.78-4.484-21.08-12c-4.078-7.156-4.015-15.3 .1562-22.36L235.1 75.66C239.4 68.36 247.2 64 256 64c0 0-.0156 0 0 0c8.765 .0156 16.56 4.359 20.86 11.64l199.9 338C480.1 420.7 481.1 428.8 476.1 435.1z"></path></svg></span><span class="hidden w-6 mr-12 is-valid text-green-apple-500 mb-1"><svg height="24px" width="24px" class="fill-current" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M235.3 331.3C229.1 337.6 218.9 337.6 212.7 331.3L148.7 267.3C142.4 261.1 142.4 250.9 148.7 244.7C154.9 238.4 165.1 238.4 171.3 244.7L224 297.4L340.7 180.7C346.9 174.4 357.1 174.4 363.3 180.7C369.6 186.9 369.6 197.1 363.3 203.3L235.3 331.3zM512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256zM256 32C132.3 32 32 132.3 32 256C32 379.7 132.3 480 256 480C379.7 480 480 379.7 480 256C480 132.3 379.7 32 256 32z"></path></svg></span></i>
</button></span>
<div x-bind="listDIV" class="absolute top-0 z-30 w-full mt-[56px] bg-white rounded-md shadow-lg max-h-96 overflow-y-scroll" style="display: none;">
<ul x-ref="listUL" role="listbox" :aria-activedescendant="focusedOptionIndex ? name + 'Option' + focusedOptionIndex : null" tabindex="-1"
class="ul-dropdown py-1 overflow-auto text-base leading-6 rounded-md shadow-xs max-h-60 mb-0 focus:outline-none sm:text-sm sm:leading-5">
<li :id="name + 'Option' + focusedOptionIndex" x-bind="listLI" role="option" :aria-selected="focusedOptionIndex === 0" @mouseenter="focusedOptionIndex = 0" @mouseleave="focusedOptionIndex = null"
:class="{ 'text-blue-denim-500 bg-blue-denim-500 bg-opacity-10': 0 === focusedOptionIndex, 'text-blue-denim-500': 0 !== focusedOptionIndex, 'last-favorite': 0 === lastFavoriteIndex && lastFavoriteIndex > 0}"
class="bx-dropdown-options option flex flex-row list-none relative m-0 cursor-pointer select-none p-3 justify-between hover:text-blue-denim-500 hover:bg-blue-denim-500 hover:bg-opacity-10 text-blue-denim-500" id="phone_prefixOptionnull"
aria-selected="false"><span class="block px-1 text-left flex-grow-1 truncate">+41</span><span x-show="value === '+41'" class="flex items-center pl-1 text-blue-denim-500"><svg height="20px" width="20px" class="fill-current"
xmlns="https://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path
d="M443.3 100.7C449.6 106.9 449.6 117.1 443.3 123.3L171.3 395.3C165.1 401.6 154.9 401.6 148.7 395.3L4.686 251.3C-1.562 245.1-1.562 234.9 4.686 228.7C10.93 222.4 21.06 222.4 27.31 228.7L160 361.4L420.7 100.7C426.9 94.44 437.1 94.44 443.3 100.7H443.3z">
</path>
</svg></span></li>
<li :id="name + 'Option' + focusedOptionIndex" x-bind="listLI" role="option" :aria-selected="focusedOptionIndex === 1" @mouseenter="focusedOptionIndex = 1" @mouseleave="focusedOptionIndex = null"
:class="{ 'text-blue-denim-500 bg-blue-denim-500 bg-opacity-10': 1 === focusedOptionIndex, 'text-blue-denim-500': 1 !== focusedOptionIndex, 'last-favorite': 1 === lastFavoriteIndex && lastFavoriteIndex > 0}"
class="bx-dropdown-options option flex flex-row list-none relative m-0 cursor-pointer select-none p-3 justify-between hover:text-blue-denim-500 hover:bg-blue-denim-500 hover:bg-opacity-10 text-blue-denim-500" id="phone_prefixOptionnull"
aria-selected="false"><span class="block px-1 text-left flex-grow-1 truncate">+49</span><span x-show="value === '+49'" class="flex items-center pl-1 text-blue-denim-500" style="display: none;"><svg height="20px" width="20px"
class="fill-current" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path
d="M443.3 100.7C449.6 106.9 449.6 117.1 443.3 123.3L171.3 395.3C165.1 401.6 154.9 401.6 148.7 395.3L4.686 251.3C-1.562 245.1-1.562 234.9 4.686 228.7C10.93 222.4 21.06 222.4 27.31 228.7L160 361.4L420.7 100.7C426.9 94.44 437.1 94.44 443.3 100.7H443.3z">
</path>
</svg></span></li>
<li :id="name + 'Option' + focusedOptionIndex" x-bind="listLI" role="option" :aria-selected="focusedOptionIndex === 2" @mouseenter="focusedOptionIndex = 2" @mouseleave="focusedOptionIndex = null"
:class="{ 'text-blue-denim-500 bg-blue-denim-500 bg-opacity-10': 2 === focusedOptionIndex, 'text-blue-denim-500': 2 !== focusedOptionIndex, 'last-favorite': 2 === lastFavoriteIndex && lastFavoriteIndex > 0}"
class="bx-dropdown-options option flex flex-row list-none relative m-0 cursor-pointer select-none p-3 justify-between hover:text-blue-denim-500 hover:bg-blue-denim-500 hover:bg-opacity-10 text-blue-denim-500" id="phone_prefixOptionnull"
aria-selected="false"><span class="block px-1 text-left flex-grow-1 truncate">+33</span><span x-show="value === '+33'" class="flex items-center pl-1 text-blue-denim-500" style="display: none;"><svg height="20px" width="20px"
class="fill-current" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path
d="M443.3 100.7C449.6 106.9 449.6 117.1 443.3 123.3L171.3 395.3C165.1 401.6 154.9 401.6 148.7 395.3L4.686 251.3C-1.562 245.1-1.562 234.9 4.686 228.7C10.93 222.4 21.06 222.4 27.31 228.7L160 361.4L420.7 100.7C426.9 94.44 437.1 94.44 443.3 100.7H443.3z">
</path>
</svg></span></li>
<li :id="name + 'Option' + focusedOptionIndex" x-bind="listLI" role="option" :aria-selected="focusedOptionIndex === 3" @mouseenter="focusedOptionIndex = 3" @mouseleave="focusedOptionIndex = null"
:class="{ 'text-blue-denim-500 bg-blue-denim-500 bg-opacity-10': 3 === focusedOptionIndex, 'text-blue-denim-500': 3 !== focusedOptionIndex, 'last-favorite': 3 === lastFavoriteIndex && lastFavoriteIndex > 0}"
class="bx-dropdown-options option flex flex-row list-none relative m-0 cursor-pointer select-none p-3 justify-between hover:text-blue-denim-500 hover:bg-blue-denim-500 hover:bg-opacity-10 text-blue-denim-500" id="phone_prefixOptionnull"
aria-selected="false"><span class="block px-1 text-left flex-grow-1 truncate">+39</span><span x-show="value === '+39'" class="flex items-center pl-1 text-blue-denim-500" style="display: none;"><svg height="20px" width="20px"
class="fill-current" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path
d="M443.3 100.7C449.6 106.9 449.6 117.1 443.3 123.3L171.3 395.3C165.1 401.6 154.9 401.6 148.7 395.3L4.686 251.3C-1.562 245.1-1.562 234.9 4.686 228.7C10.93 222.4 21.06 222.4 27.31 228.7L160 361.4L420.7 100.7C426.9 94.44 437.1 94.44 443.3 100.7H443.3z">
</path>
</svg></span></li>
<li :id="name + 'Option' + focusedOptionIndex" x-bind="listLI" role="option" :aria-selected="focusedOptionIndex === 4" @mouseenter="focusedOptionIndex = 4" @mouseleave="focusedOptionIndex = null"
:class="{ 'text-blue-denim-500 bg-blue-denim-500 bg-opacity-10': 4 === focusedOptionIndex, 'text-blue-denim-500': 4 !== focusedOptionIndex, 'last-favorite': 4 === lastFavoriteIndex && lastFavoriteIndex > 0}"
class="bx-dropdown-options option flex flex-row list-none relative m-0 cursor-pointer select-none p-3 justify-between hover:text-blue-denim-500 hover:bg-blue-denim-500 hover:bg-opacity-10 text-blue-denim-500" id="phone_prefixOptionnull"
aria-selected="false"><span class="block px-1 text-left flex-grow-1 truncate">+423</span><span x-show="value === '+423'" class="flex items-center pl-1 text-blue-denim-500" style="display: none;"><svg height="20px" width="20px"
class="fill-current" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path
d="M443.3 100.7C449.6 106.9 449.6 117.1 443.3 123.3L171.3 395.3C165.1 401.6 154.9 401.6 148.7 395.3L4.686 251.3C-1.562 245.1-1.562 234.9 4.686 228.7C10.93 222.4 21.06 222.4 27.31 228.7L160 361.4L420.7 100.7C426.9 94.44 437.1 94.44 443.3 100.7H443.3z">
</path>
</svg></span></li>
<li :id="name + 'Option' + focusedOptionIndex" x-bind="listLI" role="option" :aria-selected="focusedOptionIndex === 5" @mouseenter="focusedOptionIndex = 5" @mouseleave="focusedOptionIndex = null"
:class="{ 'text-blue-denim-500 bg-blue-denim-500 bg-opacity-10': 5 === focusedOptionIndex, 'text-blue-denim-500': 5 !== focusedOptionIndex, 'last-favorite': 5 === lastFavoriteIndex && lastFavoriteIndex > 0}"
class="bx-dropdown-options option flex flex-row list-none relative m-0 cursor-pointer select-none p-3 justify-between hover:text-blue-denim-500 hover:bg-blue-denim-500 hover:bg-opacity-10 text-blue-denim-500 last-favorite"
id="phone_prefixOptionnull" aria-selected="false"><span class="block px-1 text-left flex-grow-1 truncate">+43</span><span x-show="value === '+43'" class="flex items-center pl-1 text-blue-denim-500" style="display: none;"><svg
height="20px" width="20px" class="fill-current" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path
d="M443.3 100.7C449.6 106.9 449.6 117.1 443.3 123.3L171.3 395.3C165.1 401.6 154.9 401.6 148.7 395.3L4.686 251.3C-1.562 245.1-1.562 234.9 4.686 228.7C10.93 222.4 21.06 222.4 27.31 228.7L160 361.4L420.7 100.7C426.9 94.44 437.1 94.44 443.3 100.7H443.3z">
</path>
</svg></span></li>
<li :id="name + 'Option' + focusedOptionIndex" x-bind="listLI" role="option" :aria-selected="focusedOptionIndex === 6" @mouseenter="focusedOptionIndex = 6" @mouseleave="focusedOptionIndex = null"
:class="{ 'text-blue-denim-500 bg-blue-denim-500 bg-opacity-10': 6 === focusedOptionIndex, 'text-blue-denim-500': 6 !== focusedOptionIndex, 'last-favorite': 6 === lastFavoriteIndex && lastFavoriteIndex > 0}"
class="bx-dropdown-options option flex flex-row list-none relative m-0 cursor-pointer select-none p-3 justify-between hover:text-blue-denim-500 hover:bg-blue-denim-500 hover:bg-opacity-10 text-blue-denim-500" id="phone_prefixOptionnull"
aria-selected="false"><span class="block px-1 text-left flex-grow-1 truncate">+1</span><span x-show="value === '+1'" class="flex items-center pl-1 text-blue-denim-500" style="display: none;"><svg height="20px" width="20px"
class="fill-current" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path
d="M443.3 100.7C449.6 106.9 449.6 117.1 443.3 123.3L171.3 395.3C165.1 401.6 154.9 401.6 148.7 395.3L4.686 251.3C-1.562 245.1-1.562 234.9 4.686 228.7C10.93 222.4 21.06 222.4 27.31 228.7L160 361.4L420.7 100.7C426.9 94.44 437.1 94.44 443.3 100.7H443.3z">
</path>
</svg></span></li>
<li :id="name + 'Option' + focusedOptionIndex" x-bind="listLI" role="option" :aria-selected="focusedOptionIndex === 7" @mouseenter="focusedOptionIndex = 7" @mouseleave="focusedOptionIndex = null"
:class="{ 'text-blue-denim-500 bg-blue-denim-500 bg-opacity-10': 7 === focusedOptionIndex, 'text-blue-denim-500': 7 !== focusedOptionIndex, 'last-favorite': 7 === lastFavoriteIndex && lastFavoriteIndex > 0}"
class="bx-dropdown-options option flex flex-row list-none relative m-0 cursor-pointer select-none p-3 justify-between hover:text-blue-denim-500 hover:bg-blue-denim-500 hover:bg-opacity-10 text-blue-denim-500" id="phone_prefixOptionnull"
aria-selected="false"><span class="block px-1 text-left flex-grow-1 truncate">+7</span><span x-show="value === '+7'" class="flex items-center pl-1 text-blue-denim-500" style="display: none;"><svg height="20px" width="20px"
class="fill-current" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path
d="M443.3 100.7C449.6 106.9 449.6 117.1 443.3 123.3L171.3 395.3C165.1 401.6 154.9 401.6 148.7 395.3L4.686 251.3C-1.562 245.1-1.562 234.9 4.686 228.7C10.93 222.4 21.06 222.4 27.31 228.7L160 361.4L420.7 100.7C426.9 94.44 437.1 94.44 443.3 100.7H443.3z">
</path>
</svg></span></li>
<li :id="name + 'Option' + focusedOptionIndex" x-bind="listLI" role="option" :aria-selected="focusedOptionIndex === 8" @mouseenter="focusedOptionIndex = 8" @mouseleave="focusedOptionIndex = null"
:class="{ 'text-blue-denim-500 bg-blue-denim-500 bg-opacity-10': 8 === focusedOptionIndex, 'text-blue-denim-500': 8 !== focusedOptionIndex, 'last-favorite': 8 === lastFavoriteIndex && lastFavoriteIndex > 0}"
class="bx-dropdown-options option flex flex-row list-none relative m-0 cursor-pointer select-none p-3 justify-between hover:text-blue-denim-500 hover:bg-blue-denim-500 hover:bg-opacity-10 text-blue-denim-500" id="phone_prefixOptionnull"
aria-selected="false"><span class="block px-1 text-left flex-grow-1 truncate">+20</span><span x-show="value === '+20'" class="flex items-center pl-1 text-blue-denim-500" style="display: none;"><svg height="20px" width="20px"
class="fill-current" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path
d="M443.3 100.7C449.6 106.9 449.6 117.1 443.3 123.3L171.3 395.3C165.1 401.6 154.9 401.6 148.7 395.3L4.686 251.3C-1.562 245.1-1.562 234.9 4.686 228.7C10.93 222.4 21.06 222.4 27.31 228.7L160 361.4L420.7 100.7C426.9 94.44 437.1 94.44 443.3 100.7H443.3z">
</path>
</svg></span></li>
<li :id="name + 'Option' + focusedOptionIndex" x-bind="listLI" role="option" :aria-selected="focusedOptionIndex === 9" @mouseenter="focusedOptionIndex = 9" @mouseleave="focusedOptionIndex = null"
:class="{ 'text-blue-denim-500 bg-blue-denim-500 bg-opacity-10': 9 === focusedOptionIndex, 'text-blue-denim-500': 9 !== focusedOptionIndex, 'last-favorite': 9 === lastFavoriteIndex && lastFavoriteIndex > 0}"
class="bx-dropdown-options option flex flex-row list-none relative m-0 cursor-pointer select-none p-3 justify-between hover:text-blue-denim-500 hover:bg-blue-denim-500 hover:bg-opacity-10 text-blue-denim-500" id="phone_prefixOptionnull"
aria-selected="false"><span class="block px-1 text-left flex-grow-1 truncate">+27</span><span x-show="value === '+27'" class="flex items-center pl-1 text-blue-denim-500" style="display: none;"><svg height="20px" width="20px"
class="fill-current" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path
d="M443.3 100.7C449.6 106.9 449.6 117.1 443.3 123.3L171.3 395.3C165.1 401.6 154.9 401.6 148.7 395.3L4.686 251.3C-1.562 245.1-1.562 234.9 4.686 228.7C10.93 222.4 21.06 222.4 27.31 228.7L160 361.4L420.7 100.7C426.9 94.44 437.1 94.44 443.3 100.7H443.3z">
</path>
</svg></span></li>
<li :id="name + 'Option' + focusedOptionIndex" x-bind="listLI" role="option" :aria-selected="focusedOptionIndex === 10" @mouseenter="focusedOptionIndex = 10" @mouseleave="focusedOptionIndex = null"
:class="{ 'text-blue-denim-500 bg-blue-denim-500 bg-opacity-10': 10 === focusedOptionIndex, 'text-blue-denim-500': 10 !== focusedOptionIndex, 'last-favorite': 10 === lastFavoriteIndex && lastFavoriteIndex > 0}"
class="bx-dropdown-options option flex flex-row list-none relative m-0 cursor-pointer select-none p-3 justify-between hover:text-blue-denim-500 hover:bg-blue-denim-500 hover:bg-opacity-10 text-blue-denim-500" id="phone_prefixOptionnull"
aria-selected="false"><span class="block px-1 text-left flex-grow-1 truncate">+30</span><span x-show="value === '+30'" class="flex items-center pl-1 text-blue-denim-500" style="display: none;"><svg height="20px" width="20px"
class="fill-current" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path
d="M443.3 100.7C449.6 106.9 449.6 117.1 443.3 123.3L171.3 395.3C165.1 401.6 154.9 401.6 148.7 395.3L4.686 251.3C-1.562 245.1-1.562 234.9 4.686 228.7C10.93 222.4 21.06 222.4 27.31 228.7L160 361.4L420.7 100.7C426.9 94.44 437.1 94.44 443.3 100.7H443.3z">
</path>
</svg></span></li>
<li :id="name + 'Option' + focusedOptionIndex" x-bind="listLI" role="option" :aria-selected="focusedOptionIndex === 11" @mouseenter="focusedOptionIndex = 11" @mouseleave="focusedOptionIndex = null"
:class="{ 'text-blue-denim-500 bg-blue-denim-500 bg-opacity-10': 11 === focusedOptionIndex, 'text-blue-denim-500': 11 !== focusedOptionIndex, 'last-favorite': 11 === lastFavoriteIndex && lastFavoriteIndex > 0}"
class="bx-dropdown-options option flex flex-row list-none relative m-0 cursor-pointer select-none p-3 justify-between hover:text-blue-denim-500 hover:bg-blue-denim-500 hover:bg-opacity-10 text-blue-denim-500" id="phone_prefixOptionnull"
aria-selected="false"><span class="block px-1 text-left flex-grow-1 truncate">+31</span><span x-show="value === '+31'" class="flex items-center pl-1 text-blue-denim-500" style="display: none;"><svg height="20px" width="20px"
class="fill-current" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path
d="M443.3 100.7C449.6 106.9 449.6 117.1 443.3 123.3L171.3 395.3C165.1 401.6 154.9 401.6 148.7 395.3L4.686 251.3C-1.562 245.1-1.562 234.9 4.686 228.7C10.93 222.4 21.06 222.4 27.31 228.7L160 361.4L420.7 100.7C426.9 94.44 437.1 94.44 443.3 100.7H443.3z">
</path>
</svg></span></li>
<li :id="name + 'Option' + focusedOptionIndex" x-bind="listLI" role="option" :aria-selected="focusedOptionIndex === 12" @mouseenter="focusedOptionIndex = 12" @mouseleave="focusedOptionIndex = null"
:class="{ 'text-blue-denim-500 bg-blue-denim-500 bg-opacity-10': 12 === focusedOptionIndex, 'text-blue-denim-500': 12 !== focusedOptionIndex, 'last-favorite': 12 === lastFavoriteIndex && lastFavoriteIndex > 0}"
class="bx-dropdown-options option flex flex-row list-none relative m-0 cursor-pointer select-none p-3 justify-between hover:text-blue-denim-500 hover:bg-blue-denim-500 hover:bg-opacity-10 text-blue-denim-500" id="phone_prefixOptionnull"
aria-selected="false"><span class="block px-1 text-left flex-grow-1 truncate">+32</span><span x-show="value === '+32'" class="flex items-center pl-1 text-blue-denim-500" style="display: none;"><svg height="20px" width="20px"
class="fill-current" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path
d="M443.3 100.7C449.6 106.9 449.6 117.1 443.3 123.3L171.3 395.3C165.1 401.6 154.9 401.6 148.7 395.3L4.686 251.3C-1.562 245.1-1.562 234.9 4.686 228.7C10.93 222.4 21.06 222.4 27.31 228.7L160 361.4L420.7 100.7C426.9 94.44 437.1 94.44 443.3 100.7H443.3z">
</path>
</svg></span></li>
<li :id="name + 'Option' + focusedOptionIndex" x-bind="listLI" role="option" :aria-selected="focusedOptionIndex === 13" @mouseenter="focusedOptionIndex = 13" @mouseleave="focusedOptionIndex = null"
:class="{ 'text-blue-denim-500 bg-blue-denim-500 bg-opacity-10': 13 === focusedOptionIndex, 'text-blue-denim-500': 13 !== focusedOptionIndex, 'last-favorite': 13 === lastFavoriteIndex && lastFavoriteIndex > 0}"
class="bx-dropdown-options option flex flex-row list-none relative m-0 cursor-pointer select-none p-3 justify-between hover:text-blue-denim-500 hover:bg-blue-denim-500 hover:bg-opacity-10 text-blue-denim-500" id="phone_prefixOptionnull"
aria-selected="false"><span class="block px-1 text-left flex-grow-1 truncate">+34</span><span x-show="value === '+34'" class="flex items-center pl-1 text-blue-denim-500" style="display: none;"><svg height="20px" width="20px"
class="fill-current" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path
d="M443.3 100.7C449.6 106.9 449.6 117.1 443.3 123.3L171.3 395.3C165.1 401.6 154.9 401.6 148.7 395.3L4.686 251.3C-1.562 245.1-1.562 234.9 4.686 228.7C10.93 222.4 21.06 222.4 27.31 228.7L160 361.4L420.7 100.7C426.9 94.44 437.1 94.44 443.3 100.7H443.3z">
</path>
</svg></span></li>
<li :id="name + 'Option' + focusedOptionIndex" x-bind="listLI" role="option" :aria-selected="focusedOptionIndex === 14" @mouseenter="focusedOptionIndex = 14" @mouseleave="focusedOptionIndex = null"
:class="{ 'text-blue-denim-500 bg-blue-denim-500 bg-opacity-10': 14 === focusedOptionIndex, 'text-blue-denim-500': 14 !== focusedOptionIndex, 'last-favorite': 14 === lastFavoriteIndex && lastFavoriteIndex > 0}"
class="bx-dropdown-options option flex flex-row list-none relative m-0 cursor-pointer select-none p-3 justify-between hover:text-blue-denim-500 hover:bg-blue-denim-500 hover:bg-opacity-10 text-blue-denim-500" id="phone_prefixOptionnull"
aria-selected="false"><span class="block px-1 text-left flex-grow-1 truncate">+36</span><span x-show="value === '+36'" class="flex items-center pl-1 text-blue-denim-500" style="display: none;"><svg height="20px" width="20px"
class="fill-current" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path
d="M443.3 100.7C449.6 106.9 449.6 117.1 443.3 123.3L171.3 395.3C165.1 401.6 154.9 401.6 148.7 395.3L4.686 251.3C-1.562 245.1-1.562 234.9 4.686 228.7C10.93 222.4 21.06 222.4 27.31 228.7L160 361.4L420.7 100.7C426.9 94.44 437.1 94.44 443.3 100.7H443.3z">
</path>
</svg></span></li>
<li :id="name + 'Option' + focusedOptionIndex" x-bind="listLI" role="option" :aria-selected="focusedOptionIndex === 15" @mouseenter="focusedOptionIndex = 15" @mouseleave="focusedOptionIndex = null"
:class="{ 'text-blue-denim-500 bg-blue-denim-500 bg-opacity-10': 15 === focusedOptionIndex, 'text-blue-denim-500': 15 !== focusedOptionIndex, 'last-favorite': 15 === lastFavoriteIndex && lastFavoriteIndex > 0}"
class="bx-dropdown-options option flex flex-row list-none relative m-0 cursor-pointer select-none p-3 justify-between hover:text-blue-denim-500 hover:bg-blue-denim-500 hover:bg-opacity-10 text-blue-denim-500" id="phone_prefixOptionnull"
aria-selected="false"><span class="block px-1 text-left flex-grow-1 truncate">+40</span><span x-show="value === '+40'" class="flex items-center pl-1 text-blue-denim-500" style="display: none;"><svg height="20px" width="20px"
class="fill-current" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path
d="M443.3 100.7C449.6 106.9 449.6 117.1 443.3 123.3L171.3 395.3C165.1 401.6 154.9 401.6 148.7 395.3L4.686 251.3C-1.562 245.1-1.562 234.9 4.686 228.7C10.93 222.4 21.06 222.4 27.31 228.7L160 361.4L420.7 100.7C426.9 94.44 437.1 94.44 443.3 100.7H443.3z">
</path>
</svg></span></li>
<li :id="name + 'Option' + focusedOptionIndex" x-bind="listLI" role="option" :aria-selected="focusedOptionIndex === 16" @mouseenter="focusedOptionIndex = 16" @mouseleave="focusedOptionIndex = null"
:class="{ 'text-blue-denim-500 bg-blue-denim-500 bg-opacity-10': 16 === focusedOptionIndex, 'text-blue-denim-500': 16 !== focusedOptionIndex, 'last-favorite': 16 === lastFavoriteIndex && lastFavoriteIndex > 0}"
class="bx-dropdown-options option flex flex-row list-none relative m-0 cursor-pointer select-none p-3 justify-between hover:text-blue-denim-500 hover:bg-blue-denim-500 hover:bg-opacity-10 text-blue-denim-500" id="phone_prefixOptionnull"
aria-selected="false"><span class="block px-1 text-left flex-grow-1 truncate">+44</span><span x-show="value === '+44'" class="flex items-center pl-1 text-blue-denim-500" style="display: none;"><svg height="20px" width="20px"
class="fill-current" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path
d="M443.3 100.7C449.6 106.9 449.6 117.1 443.3 123.3L171.3 395.3C165.1 401.6 154.9 401.6 148.7 395.3L4.686 251.3C-1.562 245.1-1.562 234.9 4.686 228.7C10.93 222.4 21.06 222.4 27.31 228.7L160 361.4L420.7 100.7C426.9 94.44 437.1 94.44 443.3 100.7H443.3z">
</path>
</svg></span></li>
<li :id="name + 'Option' + focusedOptionIndex" x-bind="listLI" role="option" :aria-selected="focusedOptionIndex === 17" @mouseenter="focusedOptionIndex = 17" @mouseleave="focusedOptionIndex = null"
:class="{ 'text-blue-denim-500 bg-blue-denim-500 bg-opacity-10': 17 === focusedOptionIndex, 'text-blue-denim-500': 17 !== focusedOptionIndex, 'last-favorite': 17 === lastFavoriteIndex && lastFavoriteIndex > 0}"
class="bx-dropdown-options option flex flex-row list-none relative m-0 cursor-pointer select-none p-3 justify-between hover:text-blue-denim-500 hover:bg-blue-denim-500 hover:bg-opacity-10 text-blue-denim-500" id="phone_prefixOptionnull"
aria-selected="false"><span class="block px-1 text-left flex-grow-1 truncate">+45</span><span x-show="value === '+45'" class="flex items-center pl-1 text-blue-denim-500" style="display: none;"><svg height="20px" width="20px"
class="fill-current" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path
d="M443.3 100.7C449.6 106.9 449.6 117.1 443.3 123.3L171.3 395.3C165.1 401.6 154.9 401.6 148.7 395.3L4.686 251.3C-1.562 245.1-1.562 234.9 4.686 228.7C10.93 222.4 21.06 222.4 27.31 228.7L160 361.4L420.7 100.7C426.9 94.44 437.1 94.44 443.3 100.7H443.3z">
</path>
</svg></span></li>
<li :id="name + 'Option' + focusedOptionIndex" x-bind="listLI" role="option" :aria-selected="focusedOptionIndex === 18" @mouseenter="focusedOptionIndex = 18" @mouseleave="focusedOptionIndex = null"
:class="{ 'text-blue-denim-500 bg-blue-denim-500 bg-opacity-10': 18 === focusedOptionIndex, 'text-blue-denim-500': 18 !== focusedOptionIndex, 'last-favorite': 18 === lastFavoriteIndex && lastFavoriteIndex > 0}"
class="bx-dropdown-options option flex flex-row list-none relative m-0 cursor-pointer select-none p-3 justify-between hover:text-blue-denim-500 hover:bg-blue-denim-500 hover:bg-opacity-10 text-blue-denim-500" id="phone_prefixOptionnull"
aria-selected="false"><span class="block px-1 text-left flex-grow-1 truncate">+46</span><span x-show="value === '+46'" class="flex items-center pl-1 text-blue-denim-500" style="display: none;"><svg height="20px" width="20px"
class="fill-current" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path
d="M443.3 100.7C449.6 106.9 449.6 117.1 443.3 123.3L171.3 395.3C165.1 401.6 154.9 401.6 148.7 395.3L4.686 251.3C-1.562 245.1-1.562 234.9 4.686 228.7C10.93 222.4 21.06 222.4 27.31 228.7L160 361.4L420.7 100.7C426.9 94.44 437.1 94.44 443.3 100.7H443.3z">
</path>
</svg></span></li>
<li :id="name + 'Option' + focusedOptionIndex" x-bind="listLI" role="option" :aria-selected="focusedOptionIndex === 19" @mouseenter="focusedOptionIndex = 19" @mouseleave="focusedOptionIndex = null"
:class="{ 'text-blue-denim-500 bg-blue-denim-500 bg-opacity-10': 19 === focusedOptionIndex, 'text-blue-denim-500': 19 !== focusedOptionIndex, 'last-favorite': 19 === lastFavoriteIndex && lastFavoriteIndex > 0}"
class="bx-dropdown-options option flex flex-row list-none relative m-0 cursor-pointer select-none p-3 justify-between hover:text-blue-denim-500 hover:bg-blue-denim-500 hover:bg-opacity-10 text-blue-denim-500" id="phone_prefixOptionnull"
aria-selected="false"><span class="block px-1 text-left flex-grow-1 truncate">+48</span><span x-show="value === '+48'" class="flex items-center pl-1 text-blue-denim-500" style="display: none;"><svg height="20px" width="20px"
class="fill-current" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path
d="M443.3 100.7C449.6 106.9 449.6 117.1 443.3 123.3L171.3 395.3C165.1 401.6 154.9 401.6 148.7 395.3L4.686 251.3C-1.562 245.1-1.562 234.9 4.686 228.7C10.93 222.4 21.06 222.4 27.31 228.7L160 361.4L420.7 100.7C426.9 94.44 437.1 94.44 443.3 100.7H443.3z">
</path>
</svg></span></li>
<li :id="name + 'Option' + focusedOptionIndex" x-bind="listLI" role="option" :aria-selected="focusedOptionIndex === 20" @mouseenter="focusedOptionIndex = 20" @mouseleave="focusedOptionIndex = null"
:class="{ 'text-blue-denim-500 bg-blue-denim-500 bg-opacity-10': 20 === focusedOptionIndex, 'text-blue-denim-500': 20 !== focusedOptionIndex, 'last-favorite': 20 === lastFavoriteIndex && lastFavoriteIndex > 0}"
class="bx-dropdown-options option flex flex-row list-none relative m-0 cursor-pointer select-none p-3 justify-between hover:text-blue-denim-500 hover:bg-blue-denim-500 hover:bg-opacity-10 text-blue-denim-500" id="phone_prefixOptionnull"
aria-selected="false"><span class="block px-1 text-left flex-grow-1 truncate">+61</span><span x-show="value === '+61'" class="flex items-center pl-1 text-blue-denim-500" style="display: none;"><svg height="20px" width="20px"
class="fill-current" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path
d="M443.3 100.7C449.6 106.9 449.6 117.1 443.3 123.3L171.3 395.3C165.1 401.6 154.9 401.6 148.7 395.3L4.686 251.3C-1.562 245.1-1.562 234.9 4.686 228.7C10.93 222.4 21.06 222.4 27.31 228.7L160 361.4L420.7 100.7C426.9 94.44 437.1 94.44 443.3 100.7H443.3z">
</path>
</svg></span></li>
<li :id="name + 'Option' + focusedOptionIndex" x-bind="listLI" role="option" :aria-selected="focusedOptionIndex === 21" @mouseenter="focusedOptionIndex = 21" @mouseleave="focusedOptionIndex = null"
:class="{ 'text-blue-denim-500 bg-blue-denim-500 bg-opacity-10': 21 === focusedOptionIndex, 'text-blue-denim-500': 21 !== focusedOptionIndex, 'last-favorite': 21 === lastFavoriteIndex && lastFavoriteIndex > 0}"
class="bx-dropdown-options option flex flex-row list-none relative m-0 cursor-pointer select-none p-3 justify-between hover:text-blue-denim-500 hover:bg-blue-denim-500 hover:bg-opacity-10 text-blue-denim-500" id="phone_prefixOptionnull"
aria-selected="false"><span class="block px-1 text-left flex-grow-1 truncate">+64</span><span x-show="value === '+64'" class="flex items-center pl-1 text-blue-denim-500" style="display: none;"><svg height="20px" width="20px"
class="fill-current" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path
d="M443.3 100.7C449.6 106.9 449.6 117.1 443.3 123.3L171.3 395.3C165.1 401.6 154.9 401.6 148.7 395.3L4.686 251.3C-1.562 245.1-1.562 234.9 4.686 228.7C10.93 222.4 21.06 222.4 27.31 228.7L160 361.4L420.7 100.7C426.9 94.44 437.1 94.44 443.3 100.7H443.3z">
</path>
</svg></span></li>
<li :id="name + 'Option' + focusedOptionIndex" x-bind="listLI" role="option" :aria-selected="focusedOptionIndex === 22" @mouseenter="focusedOptionIndex = 22" @mouseleave="focusedOptionIndex = null"
:class="{ 'text-blue-denim-500 bg-blue-denim-500 bg-opacity-10': 22 === focusedOptionIndex, 'text-blue-denim-500': 22 !== focusedOptionIndex, 'last-favorite': 22 === lastFavoriteIndex && lastFavoriteIndex > 0}"
class="bx-dropdown-options option flex flex-row list-none relative m-0 cursor-pointer select-none p-3 justify-between hover:text-blue-denim-500 hover:bg-blue-denim-500 hover:bg-opacity-10 text-blue-denim-500" id="phone_prefixOptionnull"
aria-selected="false"><span class="block px-1 text-left flex-grow-1 truncate">+81</span><span x-show="value === '+81'" class="flex items-center pl-1 text-blue-denim-500" style="display: none;"><svg height="20px" width="20px"
class="fill-current" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path
d="M443.3 100.7C449.6 106.9 449.6 117.1 443.3 123.3L171.3 395.3C165.1 401.6 154.9 401.6 148.7 395.3L4.686 251.3C-1.562 245.1-1.562 234.9 4.686 228.7C10.93 222.4 21.06 222.4 27.31 228.7L160 361.4L420.7 100.7C426.9 94.44 437.1 94.44 443.3 100.7H443.3z">
</path>
</svg></span></li>
<li :id="name + 'Option' + focusedOptionIndex" x-bind="listLI" role="option" :aria-selected="focusedOptionIndex === 23" @mouseenter="focusedOptionIndex = 23" @mouseleave="focusedOptionIndex = null"
:class="{ 'text-blue-denim-500 bg-blue-denim-500 bg-opacity-10': 23 === focusedOptionIndex, 'text-blue-denim-500': 23 !== focusedOptionIndex, 'last-favorite': 23 === lastFavoriteIndex && lastFavoriteIndex > 0}"
class="bx-dropdown-options option flex flex-row list-none relative m-0 cursor-pointer select-none p-3 justify-between hover:text-blue-denim-500 hover:bg-blue-denim-500 hover:bg-opacity-10 text-blue-denim-500" id="phone_prefixOptionnull"
aria-selected="false"><span class="block px-1 text-left flex-grow-1 truncate">+82</span><span x-show="value === '+82'" class="flex items-center pl-1 text-blue-denim-500" style="display: none;"><svg height="20px" width="20px"
class="fill-current" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path
d="M443.3 100.7C449.6 106.9 449.6 117.1 443.3 123.3L171.3 395.3C165.1 401.6 154.9 401.6 148.7 395.3L4.686 251.3C-1.562 245.1-1.562 234.9 4.686 228.7C10.93 222.4 21.06 222.4 27.31 228.7L160 361.4L420.7 100.7C426.9 94.44 437.1 94.44 443.3 100.7H443.3z">
</path>
</svg></span></li>
<li :id="name + 'Option' + focusedOptionIndex" x-bind="listLI" role="option" :aria-selected="focusedOptionIndex === 24" @mouseenter="focusedOptionIndex = 24" @mouseleave="focusedOptionIndex = null"
:class="{ 'text-blue-denim-500 bg-blue-denim-500 bg-opacity-10': 24 === focusedOptionIndex, 'text-blue-denim-500': 24 !== focusedOptionIndex, 'last-favorite': 24 === lastFavoriteIndex && lastFavoriteIndex > 0}"
class="bx-dropdown-options option flex flex-row list-none relative m-0 cursor-pointer select-none p-3 justify-between hover:text-blue-denim-500 hover:bg-blue-denim-500 hover:bg-opacity-10 text-blue-denim-500" id="phone_prefixOptionnull"
aria-selected="false"><span class="block px-1 text-left flex-grow-1 truncate">+86</span><span x-show="value === '+86'" class="flex items-center pl-1 text-blue-denim-500" style="display: none;"><svg height="20px" width="20px"
class="fill-current" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path
d="M443.3 100.7C449.6 106.9 449.6 117.1 443.3 123.3L171.3 395.3C165.1 401.6 154.9 401.6 148.7 395.3L4.686 251.3C-1.562 245.1-1.562 234.9 4.686 228.7C10.93 222.4 21.06 222.4 27.31 228.7L160 361.4L420.7 100.7C426.9 94.44 437.1 94.44 443.3 100.7H443.3z">
</path>
</svg></span></li>
<li :id="name + 'Option' + focusedOptionIndex" x-bind="listLI" role="option" :aria-selected="focusedOptionIndex === 25" @mouseenter="focusedOptionIndex = 25" @mouseleave="focusedOptionIndex = null"
:class="{ 'text-blue-denim-500 bg-blue-denim-500 bg-opacity-10': 25 === focusedOptionIndex, 'text-blue-denim-500': 25 !== focusedOptionIndex, 'last-favorite': 25 === lastFavoriteIndex && lastFavoriteIndex > 0}"
class="bx-dropdown-options option flex flex-row list-none relative m-0 cursor-pointer select-none p-3 justify-between hover:text-blue-denim-500 hover:bg-blue-denim-500 hover:bg-opacity-10 text-blue-denim-500" id="phone_prefixOptionnull"
aria-selected="false"><span class="block px-1 text-left flex-grow-1 truncate">+90</span><span x-show="value === '+90'" class="flex items-center pl-1 text-blue-denim-500" style="display: none;"><svg height="20px" width="20px"
class="fill-current" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path
d="M443.3 100.7C449.6 106.9 449.6 117.1 443.3 123.3L171.3 395.3C165.1 401.6 154.9 401.6 148.7 395.3L4.686 251.3C-1.562 245.1-1.562 234.9 4.686 228.7C10.93 222.4 21.06 222.4 27.31 228.7L160 361.4L420.7 100.7C426.9 94.44 437.1 94.44 443.3 100.7H443.3z">
</path>
</svg></span></li>
<li :id="name + 'Option' + focusedOptionIndex" x-bind="listLI" role="option" :aria-selected="focusedOptionIndex === 26" @mouseenter="focusedOptionIndex = 26" @mouseleave="focusedOptionIndex = null"
:class="{ 'text-blue-denim-500 bg-blue-denim-500 bg-opacity-10': 26 === focusedOptionIndex, 'text-blue-denim-500': 26 !== focusedOptionIndex, 'last-favorite': 26 === lastFavoriteIndex && lastFavoriteIndex > 0}"
class="bx-dropdown-options option flex flex-row list-none relative m-0 cursor-pointer select-none p-3 justify-between hover:text-blue-denim-500 hover:bg-blue-denim-500 hover:bg-opacity-10 text-blue-denim-500" id="phone_prefixOptionnull"
aria-selected="false"><span class="block px-1 text-left flex-grow-1 truncate">+91</span><span x-show="value === '+91'" class="flex items-center pl-1 text-blue-denim-500" style="display: none;"><svg height="20px" width="20px"
class="fill-current" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path
d="M443.3 100.7C449.6 106.9 449.6 117.1 443.3 123.3L171.3 395.3C165.1 401.6 154.9 401.6 148.7 395.3L4.686 251.3C-1.562 245.1-1.562 234.9 4.686 228.7C10.93 222.4 21.06 222.4 27.31 228.7L160 361.4L420.7 100.7C426.9 94.44 437.1 94.44 443.3 100.7H443.3z">
</path>
</svg></span></li>
<li :id="name + 'Option' + focusedOptionIndex" x-bind="listLI" role="option" :aria-selected="focusedOptionIndex === 27" @mouseenter="focusedOptionIndex = 27" @mouseleave="focusedOptionIndex = null"
:class="{ 'text-blue-denim-500 bg-blue-denim-500 bg-opacity-10': 27 === focusedOptionIndex, 'text-blue-denim-500': 27 !== focusedOptionIndex, 'last-favorite': 27 === lastFavoriteIndex && lastFavoriteIndex > 0}"
class="bx-dropdown-options option flex flex-row list-none relative m-0 cursor-pointer select-none p-3 justify-between hover:text-blue-denim-500 hover:bg-blue-denim-500 hover:bg-opacity-10 text-blue-denim-500" id="phone_prefixOptionnull"
aria-selected="false"><span class="block px-1 text-left flex-grow-1 truncate">+213</span><span x-show="value === '+213'" class="flex items-center pl-1 text-blue-denim-500" style="display: none;"><svg height="20px" width="20px"
class="fill-current" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path
d="M443.3 100.7C449.6 106.9 449.6 117.1 443.3 123.3L171.3 395.3C165.1 401.6 154.9 401.6 148.7 395.3L4.686 251.3C-1.562 245.1-1.562 234.9 4.686 228.7C10.93 222.4 21.06 222.4 27.31 228.7L160 361.4L420.7 100.7C426.9 94.44 437.1 94.44 443.3 100.7H443.3z">
</path>
</svg></span></li>
<li :id="name + 'Option' + focusedOptionIndex" x-bind="listLI" role="option" :aria-selected="focusedOptionIndex === 28" @mouseenter="focusedOptionIndex = 28" @mouseleave="focusedOptionIndex = null"
:class="{ 'text-blue-denim-500 bg-blue-denim-500 bg-opacity-10': 28 === focusedOptionIndex, 'text-blue-denim-500': 28 !== focusedOptionIndex, 'last-favorite': 28 === lastFavoriteIndex && lastFavoriteIndex > 0}"
class="bx-dropdown-options option flex flex-row list-none relative m-0 cursor-pointer select-none p-3 justify-between hover:text-blue-denim-500 hover:bg-blue-denim-500 hover:bg-opacity-10 text-blue-denim-500" id="phone_prefixOptionnull"
aria-selected="false"><span class="block px-1 text-left flex-grow-1 truncate">+216</span><span x-show="value === '+216'" class="flex items-center pl-1 text-blue-denim-500" style="display: none;"><svg height="20px" width="20px"
class="fill-current" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path
d="M443.3 100.7C449.6 106.9 449.6 117.1 443.3 123.3L171.3 395.3C165.1 401.6 154.9 401.6 148.7 395.3L4.686 251.3C-1.562 245.1-1.562 234.9 4.686 228.7C10.93 222.4 21.06 222.4 27.31 228.7L160 361.4L420.7 100.7C426.9 94.44 437.1 94.44 443.3 100.7H443.3z">
</path>
</svg></span></li>
<li :id="name + 'Option' + focusedOptionIndex" x-bind="listLI" role="option" :aria-selected="focusedOptionIndex === 29" @mouseenter="focusedOptionIndex = 29" @mouseleave="focusedOptionIndex = null"
:class="{ 'text-blue-denim-500 bg-blue-denim-500 bg-opacity-10': 29 === focusedOptionIndex, 'text-blue-denim-500': 29 !== focusedOptionIndex, 'last-favorite': 29 === lastFavoriteIndex && lastFavoriteIndex > 0}"
class="bx-dropdown-options option flex flex-row list-none relative m-0 cursor-pointer select-none p-3 justify-between hover:text-blue-denim-500 hover:bg-blue-denim-500 hover:bg-opacity-10 text-blue-denim-500" id="phone_prefixOptionnull"
aria-selected="false"><span class="block px-1 text-left flex-grow-1 truncate">+350</span><span x-show="value === '+350'" class="flex items-center pl-1 text-blue-denim-500" style="display: none;"><svg height="20px" width="20px"
class="fill-current" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path
d="M443.3 100.7C449.6 106.9 449.6 117.1 443.3 123.3L171.3 395.3C165.1 401.6 154.9 401.6 148.7 395.3L4.686 251.3C-1.562 245.1-1.562 234.9 4.686 228.7C10.93 222.4 21.06 222.4 27.31 228.7L160 361.4L420.7 100.7C426.9 94.44 437.1 94.44 443.3 100.7H443.3z">
</path>
</svg></span></li>
<li :id="name + 'Option' + focusedOptionIndex" x-bind="listLI" role="option" :aria-selected="focusedOptionIndex === 30" @mouseenter="focusedOptionIndex = 30" @mouseleave="focusedOptionIndex = null"
:class="{ 'text-blue-denim-500 bg-blue-denim-500 bg-opacity-10': 30 === focusedOptionIndex, 'text-blue-denim-500': 30 !== focusedOptionIndex, 'last-favorite': 30 === lastFavoriteIndex && lastFavoriteIndex > 0}"
class="bx-dropdown-options option flex flex-row list-none relative m-0 cursor-pointer select-none p-3 justify-between hover:text-blue-denim-500 hover:bg-blue-denim-500 hover:bg-opacity-10 text-blue-denim-500" id="phone_prefixOptionnull"
aria-selected="false"><span class="block px-1 text-left flex-grow-1 truncate">+351</span><span x-show="value === '+351'" class="flex items-center pl-1 text-blue-denim-500" style="display: none;"><svg height="20px" width="20px"
class="fill-current" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path
d="M443.3 100.7C449.6 106.9 449.6 117.1 443.3 123.3L171.3 395.3C165.1 401.6 154.9 401.6 148.7 395.3L4.686 251.3C-1.562 245.1-1.562 234.9 4.686 228.7C10.93 222.4 21.06 222.4 27.31 228.7L160 361.4L420.7 100.7C426.9 94.44 437.1 94.44 443.3 100.7H443.3z">
</path>
</svg></span></li>
<li :id="name + 'Option' + focusedOptionIndex" x-bind="listLI" role="option" :aria-selected="focusedOptionIndex === 31" @mouseenter="focusedOptionIndex = 31" @mouseleave="focusedOptionIndex = null"
:class="{ 'text-blue-denim-500 bg-blue-denim-500 bg-opacity-10': 31 === focusedOptionIndex, 'text-blue-denim-500': 31 !== focusedOptionIndex, 'last-favorite': 31 === lastFavoriteIndex && lastFavoriteIndex > 0}"
class="bx-dropdown-options option flex flex-row list-none relative m-0 cursor-pointer select-none p-3 justify-between hover:text-blue-denim-500 hover:bg-blue-denim-500 hover:bg-opacity-10 text-blue-denim-500" id="phone_prefixOptionnull"
aria-selected="false"><span class="block px-1 text-left flex-grow-1 truncate">+352</span><span x-show="value === '+352'" class="flex items-center pl-1 text-blue-denim-500" style="display: none;"><svg height="20px" width="20px"
class="fill-current" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path
d="M443.3 100.7C449.6 106.9 449.6 117.1 443.3 123.3L171.3 395.3C165.1 401.6 154.9 401.6 148.7 395.3L4.686 251.3C-1.562 245.1-1.562 234.9 4.686 228.7C10.93 222.4 21.06 222.4 27.31 228.7L160 361.4L420.7 100.7C426.9 94.44 437.1 94.44 443.3 100.7H443.3z">
</path>
</svg></span></li>
<li :id="name + 'Option' + focusedOptionIndex" x-bind="listLI" role="option" :aria-selected="focusedOptionIndex === 32" @mouseenter="focusedOptionIndex = 32" @mouseleave="focusedOptionIndex = null"
:class="{ 'text-blue-denim-500 bg-blue-denim-500 bg-opacity-10': 32 === focusedOptionIndex, 'text-blue-denim-500': 32 !== focusedOptionIndex, 'last-favorite': 32 === lastFavoriteIndex && lastFavoriteIndex > 0}"
class="bx-dropdown-options option flex flex-row list-none relative m-0 cursor-pointer select-none p-3 justify-between hover:text-blue-denim-500 hover:bg-blue-denim-500 hover:bg-opacity-10 text-blue-denim-500" id="phone_prefixOptionnull"
aria-selected="false"><span class="block px-1 text-left flex-grow-1 truncate">+353</span><span x-show="value === '+353'" class="flex items-center pl-1 text-blue-denim-500" style="display: none;"><svg height="20px" width="20px"
class="fill-current" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path
d="M443.3 100.7C449.6 106.9 449.6 117.1 443.3 123.3L171.3 395.3C165.1 401.6 154.9 401.6 148.7 395.3L4.686 251.3C-1.562 245.1-1.562 234.9 4.686 228.7C10.93 222.4 21.06 222.4 27.31 228.7L160 361.4L420.7 100.7C426.9 94.44 437.1 94.44 443.3 100.7H443.3z">
</path>
</svg></span></li>
<li :id="name + 'Option' + focusedOptionIndex" x-bind="listLI" role="option" :aria-selected="focusedOptionIndex === 33" @mouseenter="focusedOptionIndex = 33" @mouseleave="focusedOptionIndex = null"
:class="{ 'text-blue-denim-500 bg-blue-denim-500 bg-opacity-10': 33 === focusedOptionIndex, 'text-blue-denim-500': 33 !== focusedOptionIndex, 'last-favorite': 33 === lastFavoriteIndex && lastFavoriteIndex > 0}"
class="bx-dropdown-options option flex flex-row list-none relative m-0 cursor-pointer select-none p-3 justify-between hover:text-blue-denim-500 hover:bg-blue-denim-500 hover:bg-opacity-10 text-blue-denim-500" id="phone_prefixOptionnull"
aria-selected="false"><span class="block px-1 text-left flex-grow-1 truncate">+354</span><span x-show="value === '+354'" class="flex items-center pl-1 text-blue-denim-500" style="display: none;"><svg height="20px" width="20px"
class="fill-current" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path
d="M443.3 100.7C449.6 106.9 449.6 117.1 443.3 123.3L171.3 395.3C165.1 401.6 154.9 401.6 148.7 395.3L4.686 251.3C-1.562 245.1-1.562 234.9 4.686 228.7C10.93 222.4 21.06 222.4 27.31 228.7L160 361.4L420.7 100.7C426.9 94.44 437.1 94.44 443.3 100.7H443.3z">
</path>
</svg></span></li>
<li :id="name + 'Option' + focusedOptionIndex" x-bind="listLI" role="option" :aria-selected="focusedOptionIndex === 34" @mouseenter="focusedOptionIndex = 34" @mouseleave="focusedOptionIndex = null"
:class="{ 'text-blue-denim-500 bg-blue-denim-500 bg-opacity-10': 34 === focusedOptionIndex, 'text-blue-denim-500': 34 !== focusedOptionIndex, 'last-favorite': 34 === lastFavoriteIndex && lastFavoriteIndex > 0}"
class="bx-dropdown-options option flex flex-row list-none relative m-0 cursor-pointer select-none p-3 justify-between hover:text-blue-denim-500 hover:bg-blue-denim-500 hover:bg-opacity-10 text-blue-denim-500" id="phone_prefixOptionnull"
aria-selected="false"><span class="block px-1 text-left flex-grow-1 truncate">+355</span><span x-show="value === '+355'" class="flex items-center pl-1 text-blue-denim-500" style="display: none;"><svg height="20px" width="20px"
class="fill-current" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path
d="M443.3 100.7C449.6 106.9 449.6 117.1 443.3 123.3L171.3 395.3C165.1 401.6 154.9 401.6 148.7 395.3L4.686 251.3C-1.562 245.1-1.562 234.9 4.686 228.7C10.93 222.4 21.06 222.4 27.31 228.7L160 361.4L420.7 100.7C426.9 94.44 437.1 94.44 443.3 100.7H443.3z">
</path>
</svg></span></li>
<li :id="name + 'Option' + focusedOptionIndex" x-bind="listLI" role="option" :aria-selected="focusedOptionIndex === 35" @mouseenter="focusedOptionIndex = 35" @mouseleave="focusedOptionIndex = null"
:class="{ 'text-blue-denim-500 bg-blue-denim-500 bg-opacity-10': 35 === focusedOptionIndex, 'text-blue-denim-500': 35 !== focusedOptionIndex, 'last-favorite': 35 === lastFavoriteIndex && lastFavoriteIndex > 0}"
class="bx-dropdown-options option flex flex-row list-none relative m-0 cursor-pointer select-none p-3 justify-between hover:text-blue-denim-500 hover:bg-blue-denim-500 hover:bg-opacity-10 text-blue-denim-500" id="phone_prefixOptionnull"
aria-selected="false"><span class="block px-1 text-left flex-grow-1 truncate">+356</span><span x-show="value === '+356'" class="flex items-center pl-1 text-blue-denim-500" style="display: none;"><svg height="20px" width="20px"
class="fill-current" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path
d="M443.3 100.7C449.6 106.9 449.6 117.1 443.3 123.3L171.3 395.3C165.1 401.6 154.9 401.6 148.7 395.3L4.686 251.3C-1.562 245.1-1.562 234.9 4.686 228.7C10.93 222.4 21.06 222.4 27.31 228.7L160 361.4L420.7 100.7C426.9 94.44 437.1 94.44 443.3 100.7H443.3z">
</path>
</svg></span></li>
<li :id="name + 'Option' + focusedOptionIndex" x-bind="listLI" role="option" :aria-selected="focusedOptionIndex === 36" @mouseenter="focusedOptionIndex = 36" @mouseleave="focusedOptionIndex = null"
:class="{ 'text-blue-denim-500 bg-blue-denim-500 bg-opacity-10': 36 === focusedOptionIndex, 'text-blue-denim-500': 36 !== focusedOptionIndex, 'last-favorite': 36 === lastFavoriteIndex && lastFavoriteIndex > 0}"
class="bx-dropdown-options option flex flex-row list-none relative m-0 cursor-pointer select-none p-3 justify-between hover:text-blue-denim-500 hover:bg-blue-denim-500 hover:bg-opacity-10 text-blue-denim-500" id="phone_prefixOptionnull"
aria-selected="false"><span class="block px-1 text-left flex-grow-1 truncate">+357</span><span x-show="value === '+357'" class="flex items-center pl-1 text-blue-denim-500" style="display: none;"><svg height="20px" width="20px"
class="fill-current" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path
d="M443.3 100.7C449.6 106.9 449.6 117.1 443.3 123.3L171.3 395.3C165.1 401.6 154.9 401.6 148.7 395.3L4.686 251.3C-1.562 245.1-1.562 234.9 4.686 228.7C10.93 222.4 21.06 222.4 27.31 228.7L160 361.4L420.7 100.7C426.9 94.44 437.1 94.44 443.3 100.7H443.3z">
</path>
</svg></span></li>
<li :id="name + 'Option' + focusedOptionIndex" x-bind="listLI" role="option" :aria-selected="focusedOptionIndex === 37" @mouseenter="focusedOptionIndex = 37" @mouseleave="focusedOptionIndex = null"
:class="{ 'text-blue-denim-500 bg-blue-denim-500 bg-opacity-10': 37 === focusedOptionIndex, 'text-blue-denim-500': 37 !== focusedOptionIndex, 'last-favorite': 37 === lastFavoriteIndex && lastFavoriteIndex > 0}"
class="bx-dropdown-options option flex flex-row list-none relative m-0 cursor-pointer select-none p-3 justify-between hover:text-blue-denim-500 hover:bg-blue-denim-500 hover:bg-opacity-10 text-blue-denim-500" id="phone_prefixOptionnull"
aria-selected="false"><span class="block px-1 text-left flex-grow-1 truncate">+358</span><span x-show="value === '+358'" class="flex items-center pl-1 text-blue-denim-500" style="display: none;"><svg height="20px" width="20px"
class="fill-current" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path
d="M443.3 100.7C449.6 106.9 449.6 117.1 443.3 123.3L171.3 395.3C165.1 401.6 154.9 401.6 148.7 395.3L4.686 251.3C-1.562 245.1-1.562 234.9 4.686 228.7C10.93 222.4 21.06 222.4 27.31 228.7L160 361.4L420.7 100.7C426.9 94.44 437.1 94.44 443.3 100.7H443.3z">
</path>
</svg></span></li>
<li :id="name + 'Option' + focusedOptionIndex" x-bind="listLI" role="option" :aria-selected="focusedOptionIndex === 38" @mouseenter="focusedOptionIndex = 38" @mouseleave="focusedOptionIndex = null"
:class="{ 'text-blue-denim-500 bg-blue-denim-500 bg-opacity-10': 38 === focusedOptionIndex, 'text-blue-denim-500': 38 !== focusedOptionIndex, 'last-favorite': 38 === lastFavoriteIndex && lastFavoriteIndex > 0}"
class="bx-dropdown-options option flex flex-row list-none relative m-0 cursor-pointer select-none p-3 justify-between hover:text-blue-denim-500 hover:bg-blue-denim-500 hover:bg-opacity-10 text-blue-denim-500" id="phone_prefixOptionnull"
aria-selected="false"><span class="block px-1 text-left flex-grow-1 truncate">+359</span><span x-show="value === '+359'" class="flex items-center pl-1 text-blue-denim-500" style="display: none;"><svg height="20px" width="20px"
class="fill-current" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path
d="M443.3 100.7C449.6 106.9 449.6 117.1 443.3 123.3L171.3 395.3C165.1 401.6 154.9 401.6 148.7 395.3L4.686 251.3C-1.562 245.1-1.562 234.9 4.686 228.7C10.93 222.4 21.06 222.4 27.31 228.7L160 361.4L420.7 100.7C426.9 94.44 437.1 94.44 443.3 100.7H443.3z">
</path>
</svg></span></li>
<li :id="name + 'Option' + focusedOptionIndex" x-bind="listLI" role="option" :aria-selected="focusedOptionIndex === 39" @mouseenter="focusedOptionIndex = 39" @mouseleave="focusedOptionIndex = null"
:class="{ 'text-blue-denim-500 bg-blue-denim-500 bg-opacity-10': 39 === focusedOptionIndex, 'text-blue-denim-500': 39 !== focusedOptionIndex, 'last-favorite': 39 === lastFavoriteIndex && lastFavoriteIndex > 0}"
class="bx-dropdown-options option flex flex-row list-none relative m-0 cursor-pointer select-none p-3 justify-between hover:text-blue-denim-500 hover:bg-blue-denim-500 hover:bg-opacity-10 text-blue-denim-500" id="phone_prefixOptionnull"
aria-selected="false"><span class="block px-1 text-left flex-grow-1 truncate">+370</span><span x-show="value === '+370'" class="flex items-center pl-1 text-blue-denim-500" style="display: none;"><svg height="20px" width="20px"
class="fill-current" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path
d="M443.3 100.7C449.6 106.9 449.6 117.1 443.3 123.3L171.3 395.3C165.1 401.6 154.9 401.6 148.7 395.3L4.686 251.3C-1.562 245.1-1.562 234.9 4.686 228.7C10.93 222.4 21.06 222.4 27.31 228.7L160 361.4L420.7 100.7C426.9 94.44 437.1 94.44 443.3 100.7H443.3z">
</path>
</svg></span></li>
<li :id="name + 'Option' + focusedOptionIndex" x-bind="listLI" role="option" :aria-selected="focusedOptionIndex === 40" @mouseenter="focusedOptionIndex = 40" @mouseleave="focusedOptionIndex = null"
:class="{ 'text-blue-denim-500 bg-blue-denim-500 bg-opacity-10': 40 === focusedOptionIndex, 'text-blue-denim-500': 40 !== focusedOptionIndex, 'last-favorite': 40 === lastFavoriteIndex && lastFavoriteIndex > 0}"
class="bx-dropdown-options option flex flex-row list-none relative m-0 cursor-pointer select-none p-3 justify-between hover:text-blue-denim-500 hover:bg-blue-denim-500 hover:bg-opacity-10 text-blue-denim-500" id="phone_prefixOptionnull"
aria-selected="false"><span class="block px-1 text-left flex-grow-1 truncate">+371</span><span x-show="value === '+371'" class="flex items-center pl-1 text-blue-denim-500" style="display: none;"><svg height="20px" width="20px"
class="fill-current" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path
d="M443.3 100.7C449.6 106.9 449.6 117.1 443.3 123.3L171.3 395.3C165.1 401.6 154.9 401.6 148.7 395.3L4.686 251.3C-1.562 245.1-1.562 234.9 4.686 228.7C10.93 222.4 21.06 222.4 27.31 228.7L160 361.4L420.7 100.7C426.9 94.44 437.1 94.44 443.3 100.7H443.3z">
</path>
</svg></span></li>
<li :id="name + 'Option' + focusedOptionIndex" x-bind="listLI" role="option" :aria-selected="focusedOptionIndex === 41" @mouseenter="focusedOptionIndex = 41" @mouseleave="focusedOptionIndex = null"
:class="{ 'text-blue-denim-500 bg-blue-denim-500 bg-opacity-10': 41 === focusedOptionIndex, 'text-blue-denim-500': 41 !== focusedOptionIndex, 'last-favorite': 41 === lastFavoriteIndex && lastFavoriteIndex > 0}"
class="bx-dropdown-options option flex flex-row list-none relative m-0 cursor-pointer select-none p-3 justify-between hover:text-blue-denim-500 hover:bg-blue-denim-500 hover:bg-opacity-10 text-blue-denim-500" id="phone_prefixOptionnull"
aria-selected="false"><span class="block px-1 text-left flex-grow-1 truncate">+372</span><span x-show="value === '+372'" class="flex items-center pl-1 text-blue-denim-500" style="display: none;"><svg height="20px" width="20px"
class="fill-current" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path
d="M443.3 100.7C449.6 106.9 449.6 117.1 443.3 123.3L171.3 395.3C165.1 401.6 154.9 401.6 148.7 395.3L4.686 251.3C-1.562 245.1-1.562 234.9 4.686 228.7C10.93 222.4 21.06 222.4 27.31 228.7L160 361.4L420.7 100.7C426.9 94.44 437.1 94.44 443.3 100.7H443.3z">
</path>
</svg></span></li>
<li :id="name + 'Option' + focusedOptionIndex" x-bind="listLI" role="option" :aria-selected="focusedOptionIndex === 42" @mouseenter="focusedOptionIndex = 42" @mouseleave="focusedOptionIndex = null"
:class="{ 'text-blue-denim-500 bg-blue-denim-500 bg-opacity-10': 42 === focusedOptionIndex, 'text-blue-denim-500': 42 !== focusedOptionIndex, 'last-favorite': 42 === lastFavoriteIndex && lastFavoriteIndex > 0}"
class="bx-dropdown-options option flex flex-row list-none relative m-0 cursor-pointer select-none p-3 justify-between hover:text-blue-denim-500 hover:bg-blue-denim-500 hover:bg-opacity-10 text-blue-denim-500" id="phone_prefixOptionnull"
aria-selected="false"><span class="block px-1 text-left flex-grow-1 truncate">+373</span><span x-show="value === '+373'" class="flex items-center pl-1 text-blue-denim-500" style="display: none;"><svg height="20px" width="20px"
class="fill-current" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path
d="M443.3 100.7C449.6 106.9 449.6 117.1 443.3 123.3L171.3 395.3C165.1 401.6 154.9 401.6 148.7 395.3L4.686 251.3C-1.562 245.1-1.562 234.9 4.686 228.7C10.93 222.4 21.06 222.4 27.31 228.7L160 361.4L420.7 100.7C426.9 94.44 437.1 94.44 443.3 100.7H443.3z">
</path>
</svg></span></li>
<li :id="name + 'Option' + focusedOptionIndex" x-bind="listLI" role="option" :aria-selected="focusedOptionIndex === 43" @mouseenter="focusedOptionIndex = 43" @mouseleave="focusedOptionIndex = null"
:class="{ 'text-blue-denim-500 bg-blue-denim-500 bg-opacity-10': 43 === focusedOptionIndex, 'text-blue-denim-500': 43 !== focusedOptionIndex, 'last-favorite': 43 === lastFavoriteIndex && lastFavoriteIndex > 0}"
class="bx-dropdown-options option flex flex-row list-none relative m-0 cursor-pointer select-none p-3 justify-between hover:text-blue-denim-500 hover:bg-blue-denim-500 hover:bg-opacity-10 text-blue-denim-500" id="phone_prefixOptionnull"
aria-selected="false"><span class="block px-1 text-left flex-grow-1 truncate">+374</span><span x-show="value === '+374'" class="flex items-center pl-1 text-blue-denim-500" style="display: none;"><svg height="20px" width="20px"
class="fill-current" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path
d="M443.3 100.7C449.6 106.9 449.6 117.1 443.3 123.3L171.3 395.3C165.1 401.6 154.9 401.6 148.7 395.3L4.686 251.3C-1.562 245.1-1.562 234.9 4.686 228.7C10.93 222.4 21.06 222.4 27.31 228.7L160 361.4L420.7 100.7C426.9 94.44 437.1 94.44 443.3 100.7H443.3z">
</path>
</svg></span></li>
<li :id="name + 'Option' + focusedOptionIndex" x-bind="listLI" role="option" :aria-selected="focusedOptionIndex === 44" @mouseenter="focusedOptionIndex = 44" @mouseleave="focusedOptionIndex = null"
:class="{ 'text-blue-denim-500 bg-blue-denim-500 bg-opacity-10': 44 === focusedOptionIndex, 'text-blue-denim-500': 44 !== focusedOptionIndex, 'last-favorite': 44 === lastFavoriteIndex && lastFavoriteIndex > 0}"
class="bx-dropdown-options option flex flex-row list-none relative m-0 cursor-pointer select-none p-3 justify-between hover:text-blue-denim-500 hover:bg-blue-denim-500 hover:bg-opacity-10 text-blue-denim-500" id="phone_prefixOptionnull"
aria-selected="false"><span class="block px-1 text-left flex-grow-1 truncate">+376</span><span x-show="value === '+376'" class="flex items-center pl-1 text-blue-denim-500" style="display: none;"><svg height="20px" width="20px"
class="fill-current" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path
d="M443.3 100.7C449.6 106.9 449.6 117.1 443.3 123.3L171.3 395.3C165.1 401.6 154.9 401.6 148.7 395.3L4.686 251.3C-1.562 245.1-1.562 234.9 4.686 228.7C10.93 222.4 21.06 222.4 27.31 228.7L160 361.4L420.7 100.7C426.9 94.44 437.1 94.44 443.3 100.7H443.3z">
</path>
</svg></span></li>
<li :id="name + 'Option' + focusedOptionIndex" x-bind="listLI" role="option" :aria-selected="focusedOptionIndex === 45" @mouseenter="focusedOptionIndex = 45" @mouseleave="focusedOptionIndex = null"
:class="{ 'text-blue-denim-500 bg-blue-denim-500 bg-opacity-10': 45 === focusedOptionIndex, 'text-blue-denim-500': 45 !== focusedOptionIndex, 'last-favorite': 45 === lastFavoriteIndex && lastFavoriteIndex > 0}"
class="bx-dropdown-options option flex flex-row list-none relative m-0 cursor-pointer select-none p-3 justify-between hover:text-blue-denim-500 hover:bg-blue-denim-500 hover:bg-opacity-10 text-blue-denim-500" id="phone_prefixOptionnull"
aria-selected="false"><span class="block px-1 text-left flex-grow-1 truncate">+377</span><span x-show="value === '+377'" class="flex items-center pl-1 text-blue-denim-500" style="display: none;"><svg height="20px" width="20px"
class="fill-current" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path
d="M443.3 100.7C449.6 106.9 449.6 117.1 443.3 123.3L171.3 395.3C165.1 401.6 154.9 401.6 148.7 395.3L4.686 251.3C-1.562 245.1-1.562 234.9 4.686 228.7C10.93 222.4 21.06 222.4 27.31 228.7L160 361.4L420.7 100.7C426.9 94.44 437.1 94.44 443.3 100.7H443.3z">
</path>
</svg></span></li>
<li :id="name + 'Option' + focusedOptionIndex" x-bind="listLI" role="option" :aria-selected="focusedOptionIndex === 46" @mouseenter="focusedOptionIndex = 46" @mouseleave="focusedOptionIndex = null"
:class="{ 'text-blue-denim-500 bg-blue-denim-500 bg-opacity-10': 46 === focusedOptionIndex, 'text-blue-denim-500': 46 !== focusedOptionIndex, 'last-favorite': 46 === lastFavoriteIndex && lastFavoriteIndex > 0}"
class="bx-dropdown-options option flex flex-row list-none relative m-0 cursor-pointer select-none p-3 justify-between hover:text-blue-denim-500 hover:bg-blue-denim-500 hover:bg-opacity-10 text-blue-denim-500" id="phone_prefixOptionnull"
aria-selected="false"><span class="block px-1 text-left flex-grow-1 truncate">+378</span><span x-show="value === '+378'" class="flex items-center pl-1 text-blue-denim-500" style="display: none;"><svg height="20px" width="20px"
class="fill-current" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path
d="M443.3 100.7C449.6 106.9 449.6 117.1 443.3 123.3L171.3 395.3C165.1 401.6 154.9 401.6 148.7 395.3L4.686 251.3C-1.562 245.1-1.562 234.9 4.686 228.7C10.93 222.4 21.06 222.4 27.31 228.7L160 361.4L420.7 100.7C426.9 94.44 437.1 94.44 443.3 100.7H443.3z">
</path>
</svg></span></li>
<li :id="name + 'Option' + focusedOptionIndex" x-bind="listLI" role="option" :aria-selected="focusedOptionIndex === 47" @mouseenter="focusedOptionIndex = 47" @mouseleave="focusedOptionIndex = null"
:class="{ 'text-blue-denim-500 bg-blue-denim-500 bg-opacity-10': 47 === focusedOptionIndex, 'text-blue-denim-500': 47 !== focusedOptionIndex, 'last-favorite': 47 === lastFavoriteIndex && lastFavoriteIndex > 0}"
class="bx-dropdown-options option flex flex-row list-none relative m-0 cursor-pointer select-none p-3 justify-between hover:text-blue-denim-500 hover:bg-blue-denim-500 hover:bg-opacity-10 text-blue-denim-500" id="phone_prefixOptionnull"
aria-selected="false"><span class="block px-1 text-left flex-grow-1 truncate">+380</span><span x-show="value === '+380'" class="flex items-center pl-1 text-blue-denim-500" style="display: none;"><svg height="20px" width="20px"
class="fill-current" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path
d="M443.3 100.7C449.6 106.9 449.6 117.1 443.3 123.3L171.3 395.3C165.1 401.6 154.9 401.6 148.7 395.3L4.686 251.3C-1.562 245.1-1.562 234.9 4.686 228.7C10.93 222.4 21.06 222.4 27.31 228.7L160 361.4L420.7 100.7C426.9 94.44 437.1 94.44 443.3 100.7H443.3z">
</path>
</svg></span></li>
<li :id="name + 'Option' + focusedOptionIndex" x-bind="listLI" role="option" :aria-selected="focusedOptionIndex === 48" @mouseenter="focusedOptionIndex = 48" @mouseleave="focusedOptionIndex = null"
:class="{ 'text-blue-denim-500 bg-blue-denim-500 bg-opacity-10': 48 === focusedOptionIndex, 'text-blue-denim-500': 48 !== focusedOptionIndex, 'last-favorite': 48 === lastFavoriteIndex && lastFavoriteIndex > 0}"
class="bx-dropdown-options option flex flex-row list-none relative m-0 cursor-pointer select-none p-3 justify-between hover:text-blue-denim-500 hover:bg-blue-denim-500 hover:bg-opacity-10 text-blue-denim-500" id="phone_prefixOptionnull"
aria-selected="false"><span class="block px-1 text-left flex-grow-1 truncate">+381</span><span x-show="value === '+381'" class="flex items-center pl-1 text-blue-denim-500" style="display: none;"><svg height="20px" width="20px"
class="fill-current" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path
d="M443.3 100.7C449.6 106.9 449.6 117.1 443.3 123.3L171.3 395.3C165.1 401.6 154.9 401.6 148.7 395.3L4.686 251.3C-1.562 245.1-1.562 234.9 4.686 228.7C10.93 222.4 21.06 222.4 27.31 228.7L160 361.4L420.7 100.7C426.9 94.44 437.1 94.44 443.3 100.7H443.3z">
</path>
</svg></span></li>
<li :id="name + 'Option' + focusedOptionIndex" x-bind="listLI" role="option" :aria-selected="focusedOptionIndex === 49" @mouseenter="focusedOptionIndex = 49" @mouseleave="focusedOptionIndex = null"
:class="{ 'text-blue-denim-500 bg-blue-denim-500 bg-opacity-10': 49 === focusedOptionIndex, 'text-blue-denim-500': 49 !== focusedOptionIndex, 'last-favorite': 49 === lastFavoriteIndex && lastFavoriteIndex > 0}"
class="bx-dropdown-options option flex flex-row list-none relative m-0 cursor-pointer select-none p-3 justify-between hover:text-blue-denim-500 hover:bg-blue-denim-500 hover:bg-opacity-10 text-blue-denim-500" id="phone_prefixOptionnull"
aria-selected="false"><span class="block px-1 text-left flex-grow-1 truncate">+382</span><span x-show="value === '+382'" class="flex items-center pl-1 text-blue-denim-500" style="display: none;"><svg height="20px" width="20px"
class="fill-current" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path
d="M443.3 100.7C449.6 106.9 449.6 117.1 443.3 123.3L171.3 395.3C165.1 401.6 154.9 401.6 148.7 395.3L4.686 251.3C-1.562 245.1-1.562 234.9 4.686 228.7C10.93 222.4 21.06 222.4 27.31 228.7L160 361.4L420.7 100.7C426.9 94.44 437.1 94.44 443.3 100.7H443.3z">
</path>
</svg></span></li>
<li :id="name + 'Option' + focusedOptionIndex" x-bind="listLI" role="option" :aria-selected="focusedOptionIndex === 50" @mouseenter="focusedOptionIndex = 50" @mouseleave="focusedOptionIndex = null"
:class="{ 'text-blue-denim-500 bg-blue-denim-500 bg-opacity-10': 50 === focusedOptionIndex, 'text-blue-denim-500': 50 !== focusedOptionIndex, 'last-favorite': 50 === lastFavoriteIndex && lastFavoriteIndex > 0}"
class="bx-dropdown-options option flex flex-row list-none relative m-0 cursor-pointer select-none p-3 justify-between hover:text-blue-denim-500 hover:bg-blue-denim-500 hover:bg-opacity-10 text-blue-denim-500" id="phone_prefixOptionnull"
aria-selected="false"><span class="block px-1 text-left flex-grow-1 truncate">+385</span><span x-show="value === '+385'" class="flex items-center pl-1 text-blue-denim-500" style="display: none;"><svg height="20px" width="20px"
class="fill-current" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path
d="M443.3 100.7C449.6 106.9 449.6 117.1 443.3 123.3L171.3 395.3C165.1 401.6 154.9 401.6 148.7 395.3L4.686 251.3C-1.562 245.1-1.562 234.9 4.686 228.7C10.93 222.4 21.06 222.4 27.31 228.7L160 361.4L420.7 100.7C426.9 94.44 437.1 94.44 443.3 100.7H443.3z">
</path>
</svg></span></li>
<li :id="name + 'Option' + focusedOptionIndex" x-bind="listLI" role="option" :aria-selected="focusedOptionIndex === 51" @mouseenter="focusedOptionIndex = 51" @mouseleave="focusedOptionIndex = null"
:class="{ 'text-blue-denim-500 bg-blue-denim-500 bg-opacity-10': 51 === focusedOptionIndex, 'text-blue-denim-500': 51 !== focusedOptionIndex, 'last-favorite': 51 === lastFavoriteIndex && lastFavoriteIndex > 0}"
class="bx-dropdown-options option flex flex-row list-none relative m-0 cursor-pointer select-none p-3 justify-between hover:text-blue-denim-500 hover:bg-blue-denim-500 hover:bg-opacity-10 text-blue-denim-500" id="phone_prefixOptionnull"
aria-selected="false"><span class="block px-1 text-left flex-grow-1 truncate">+386</span><span x-show="value === '+386'" class="flex items-center pl-1 text-blue-denim-500" style="display: none;"><svg height="20px" width="20px"
class="fill-current" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path
d="M443.3 100.7C449.6 106.9 449.6 117.1 443.3 123.3L171.3 395.3C165.1 401.6 154.9 401.6 148.7 395.3L4.686 251.3C-1.562 245.1-1.562 234.9 4.686 228.7C10.93 222.4 21.06 222.4 27.31 228.7L160 361.4L420.7 100.7C426.9 94.44 437.1 94.44 443.3 100.7H443.3z">
</path>
</svg></span></li>
<li :id="name + 'Option' + focusedOptionIndex" x-bind="listLI" role="option" :aria-selected="focusedOptionIndex === 52" @mouseenter="focusedOptionIndex = 52" @mouseleave="focusedOptionIndex = null"
:class="{ 'text-blue-denim-500 bg-blue-denim-500 bg-opacity-10': 52 === focusedOptionIndex, 'text-blue-denim-500': 52 !== focusedOptionIndex, 'last-favorite': 52 === lastFavoriteIndex && lastFavoriteIndex > 0}"
class="bx-dropdown-options option flex flex-row list-none relative m-0 cursor-pointer select-none p-3 justify-between hover:text-blue-denim-500 hover:bg-blue-denim-500 hover:bg-opacity-10 text-blue-denim-500" id="phone_prefixOptionnull"
aria-selected="false"><span class="block px-1 text-left flex-grow-1 truncate">+387</span><span x-show="value === '+387'" class="flex items-center pl-1 text-blue-denim-500" style="display: none;"><svg height="20px" width="20px"
class="fill-current" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path
d="M443.3 100.7C449.6 106.9 449.6 117.1 443.3 123.3L171.3 395.3C165.1 401.6 154.9 401.6 148.7 395.3L4.686 251.3C-1.562 245.1-1.562 234.9 4.686 228.7C10.93 222.4 21.06 222.4 27.31 228.7L160 361.4L420.7 100.7C426.9 94.44 437.1 94.44 443.3 100.7H443.3z">
</path>
</svg></span></li>
<li :id="name + 'Option' + focusedOptionIndex" x-bind="listLI" role="option" :aria-selected="focusedOptionIndex === 53" @mouseenter="focusedOptionIndex = 53" @mouseleave="focusedOptionIndex = null"
:class="{ 'text-blue-denim-500 bg-blue-denim-500 bg-opacity-10': 53 === focusedOptionIndex, 'text-blue-denim-500': 53 !== focusedOptionIndex, 'last-favorite': 53 === lastFavoriteIndex && lastFavoriteIndex > 0}"
class="bx-dropdown-options option flex flex-row list-none relative m-0 cursor-pointer select-none p-3 justify-between hover:text-blue-denim-500 hover:bg-blue-denim-500 hover:bg-opacity-10 text-blue-denim-500" id="phone_prefixOptionnull"
aria-selected="false"><span class="block px-1 text-left flex-grow-1 truncate">+389</span><span x-show="value === '+389'" class="flex items-center pl-1 text-blue-denim-500" style="display: none;"><svg height="20px" width="20px"
class="fill-current" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path
d="M443.3 100.7C449.6 106.9 449.6 117.1 443.3 123.3L171.3 395.3C165.1 401.6 154.9 401.6 148.7 395.3L4.686 251.3C-1.562 245.1-1.562 234.9 4.686 228.7C10.93 222.4 21.06 222.4 27.31 228.7L160 361.4L420.7 100.7C426.9 94.44 437.1 94.44 443.3 100.7H443.3z">
</path>
</svg></span></li>
<li :id="name + 'Option' + focusedOptionIndex" x-bind="listLI" role="option" :aria-selected="focusedOptionIndex === 54" @mouseenter="focusedOptionIndex = 54" @mouseleave="focusedOptionIndex = null"
:class="{ 'text-blue-denim-500 bg-blue-denim-500 bg-opacity-10': 54 === focusedOptionIndex, 'text-blue-denim-500': 54 !== focusedOptionIndex, 'last-favorite': 54 === lastFavoriteIndex && lastFavoriteIndex > 0}"
class="bx-dropdown-options option flex flex-row list-none relative m-0 cursor-pointer select-none p-3 justify-between hover:text-blue-denim-500 hover:bg-blue-denim-500 hover:bg-opacity-10 text-blue-denim-500" id="phone_prefixOptionnull"
aria-selected="false"><span class="block px-1 text-left flex-grow-1 truncate">+420</span><span x-show="value === '+420'" class="flex items-center pl-1 text-blue-denim-500" style="display: none;"><svg height="20px" width="20px"
class="fill-current" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path
d="M443.3 100.7C449.6 106.9 449.6 117.1 443.3 123.3L171.3 395.3C165.1 401.6 154.9 401.6 148.7 395.3L4.686 251.3C-1.562 245.1-1.562 234.9 4.686 228.7C10.93 222.4 21.06 222.4 27.31 228.7L160 361.4L420.7 100.7C426.9 94.44 437.1 94.44 443.3 100.7H443.3z">
</path>
</svg></span></li>
<li :id="name + 'Option' + focusedOptionIndex" x-bind="listLI" role="option" :aria-selected="focusedOptionIndex === 55" @mouseenter="focusedOptionIndex = 55" @mouseleave="focusedOptionIndex = null"
:class="{ 'text-blue-denim-500 bg-blue-denim-500 bg-opacity-10': 55 === focusedOptionIndex, 'text-blue-denim-500': 55 !== focusedOptionIndex, 'last-favorite': 55 === lastFavoriteIndex && lastFavoriteIndex > 0}"
class="bx-dropdown-options option flex flex-row list-none relative m-0 cursor-pointer select-none p-3 justify-between hover:text-blue-denim-500 hover:bg-blue-denim-500 hover:bg-opacity-10 text-blue-denim-500" id="phone_prefixOptionnull"
aria-selected="false"><span class="block px-1 text-left flex-grow-1 truncate">+421</span><span x-show="value === '+421'" class="flex items-center pl-1 text-blue-denim-500" style="display: none;"><svg height="20px" width="20px"
class="fill-current" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path
d="M443.3 100.7C449.6 106.9 449.6 117.1 443.3 123.3L171.3 395.3C165.1 401.6 154.9 401.6 148.7 395.3L4.686 251.3C-1.562 245.1-1.562 234.9 4.686 228.7C10.93 222.4 21.06 222.4 27.31 228.7L160 361.4L420.7 100.7C426.9 94.44 437.1 94.44 443.3 100.7H443.3z">
</path>
</svg></span></li>
<li :id="name + 'Option' + focusedOptionIndex" x-bind="listLI" role="option" :aria-selected="focusedOptionIndex === 56" @mouseenter="focusedOptionIndex = 56" @mouseleave="focusedOptionIndex = null"
:class="{ 'text-blue-denim-500 bg-blue-denim-500 bg-opacity-10': 56 === focusedOptionIndex, 'text-blue-denim-500': 56 !== focusedOptionIndex, 'last-favorite': 56 === lastFavoriteIndex && lastFavoriteIndex > 0}"
class="bx-dropdown-options option flex flex-row list-none relative m-0 cursor-pointer select-none p-3 justify-between hover:text-blue-denim-500 hover:bg-blue-denim-500 hover:bg-opacity-10 text-blue-denim-500" id="phone_prefixOptionnull"
aria-selected="false"><span class="block px-1 text-left flex-grow-1 truncate">+852</span><span x-show="value === '+852'" class="flex items-center pl-1 text-blue-denim-500" style="display: none;"><svg height="20px" width="20px"
class="fill-current" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path
d="M443.3 100.7C449.6 106.9 449.6 117.1 443.3 123.3L171.3 395.3C165.1 401.6 154.9 401.6 148.7 395.3L4.686 251.3C-1.562 245.1-1.562 234.9 4.686 228.7C10.93 222.4 21.06 222.4 27.31 228.7L160 361.4L420.7 100.7C426.9 94.44 437.1 94.44 443.3 100.7H443.3z">
</path>
</svg></span></li>
<li :id="name + 'Option' + focusedOptionIndex" x-bind="listLI" role="option" :aria-selected="focusedOptionIndex === 57" @mouseenter="focusedOptionIndex = 57" @mouseleave="focusedOptionIndex = null"
:class="{ 'text-blue-denim-500 bg-blue-denim-500 bg-opacity-10': 57 === focusedOptionIndex, 'text-blue-denim-500': 57 !== focusedOptionIndex, 'last-favorite': 57 === lastFavoriteIndex && lastFavoriteIndex > 0}"
class="bx-dropdown-options option flex flex-row list-none relative m-0 cursor-pointer select-none p-3 justify-between hover:text-blue-denim-500 hover:bg-blue-denim-500 hover:bg-opacity-10 text-blue-denim-500" id="phone_prefixOptionnull"
aria-selected="false"><span class="block px-1 text-left flex-grow-1 truncate">+966</span><span x-show="value === '+966'" class="flex items-center pl-1 text-blue-denim-500" style="display: none;"><svg height="20px" width="20px"
class="fill-current" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path
d="M443.3 100.7C449.6 106.9 449.6 117.1 443.3 123.3L171.3 395.3C165.1 401.6 154.9 401.6 148.7 395.3L4.686 251.3C-1.562 245.1-1.562 234.9 4.686 228.7C10.93 222.4 21.06 222.4 27.31 228.7L160 361.4L420.7 100.7C426.9 94.44 437.1 94.44 443.3 100.7H443.3z">
</path>
</svg></span></li>
<li :id="name + 'Option' + focusedOptionIndex" x-bind="listLI" role="option" :aria-selected="focusedOptionIndex === 58" @mouseenter="focusedOptionIndex = 58" @mouseleave="focusedOptionIndex = null"
:class="{ 'text-blue-denim-500 bg-blue-denim-500 bg-opacity-10': 58 === focusedOptionIndex, 'text-blue-denim-500': 58 !== focusedOptionIndex, 'last-favorite': 58 === lastFavoriteIndex && lastFavoriteIndex > 0}"
class="bx-dropdown-options option flex flex-row list-none relative m-0 cursor-pointer select-none p-3 justify-between hover:text-blue-denim-500 hover:bg-blue-denim-500 hover:bg-opacity-10 text-blue-denim-500" id="phone_prefixOptionnull"
aria-selected="false"><span class="block px-1 text-left flex-grow-1 truncate">+971</span><span x-show="value === '+971'" class="flex items-center pl-1 text-blue-denim-500" style="display: none;"><svg height="20px" width="20px"
class="fill-current" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path
d="M443.3 100.7C449.6 106.9 449.6 117.1 443.3 123.3L171.3 395.3C165.1 401.6 154.9 401.6 148.7 395.3L4.686 251.3C-1.562 245.1-1.562 234.9 4.686 228.7C10.93 222.4 21.06 222.4 27.31 228.7L160 361.4L420.7 100.7C426.9 94.44 437.1 94.44 443.3 100.7H443.3z">
</path>
</svg></span></li>
<li :id="name + 'Option' + focusedOptionIndex" x-bind="listLI" role="option" :aria-selected="focusedOptionIndex === 59" @mouseenter="focusedOptionIndex = 59" @mouseleave="focusedOptionIndex = null"
:class="{ 'text-blue-denim-500 bg-blue-denim-500 bg-opacity-10': 59 === focusedOptionIndex, 'text-blue-denim-500': 59 !== focusedOptionIndex, 'last-favorite': 59 === lastFavoriteIndex && lastFavoriteIndex > 0}"
class="bx-dropdown-options option flex flex-row list-none relative m-0 cursor-pointer select-none p-3 justify-between hover:text-blue-denim-500 hover:bg-blue-denim-500 hover:bg-opacity-10 text-blue-denim-500" id="phone_prefixOptionnull"
aria-selected="false"><span class="block px-1 text-left flex-grow-1 truncate">+972</span><span x-show="value === '+972'" class="flex items-center pl-1 text-blue-denim-500" style="display: none;"><svg height="20px" width="20px"
class="fill-current" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path
d="M443.3 100.7C449.6 106.9 449.6 117.1 443.3 123.3L171.3 395.3C165.1 401.6 154.9 401.6 148.7 395.3L4.686 251.3C-1.562 245.1-1.562 234.9 4.686 228.7C10.93 222.4 21.06 222.4 27.31 228.7L160 361.4L420.7 100.7C426.9 94.44 437.1 94.44 443.3 100.7H443.3z">
</path>
</svg></span></li>
<li :id="name + 'Option' + focusedOptionIndex" x-bind="listLI" role="option" :aria-selected="focusedOptionIndex === 60" @mouseenter="focusedOptionIndex = 60" @mouseleave="focusedOptionIndex = null"
:class="{ 'text-blue-denim-500 bg-blue-denim-500 bg-opacity-10': 60 === focusedOptionIndex, 'text-blue-denim-500': 60 !== focusedOptionIndex, 'last-favorite': 60 === lastFavoriteIndex && lastFavoriteIndex > 0}"
class="bx-dropdown-options option flex flex-row list-none relative m-0 cursor-pointer select-none p-3 justify-between hover:text-blue-denim-500 hover:bg-blue-denim-500 hover:bg-opacity-10 text-blue-denim-500" id="phone_prefixOptionnull"
aria-selected="false"><span class="block px-1 text-left flex-grow-1 truncate">+974</span><span x-show="value === '+974'" class="flex items-center pl-1 text-blue-denim-500" style="display: none;"><svg height="20px" width="20px"
class="fill-current" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path
d="M443.3 100.7C449.6 106.9 449.6 117.1 443.3 123.3L171.3 395.3C165.1 401.6 154.9 401.6 148.7 395.3L4.686 251.3C-1.562 245.1-1.562 234.9 4.686 228.7C10.93 222.4 21.06 222.4 27.31 228.7L160 361.4L420.7 100.7C426.9 94.44 437.1 94.44 443.3 100.7H443.3z">
</path>
</svg></span></li>
</ul>
</div>
</div>
<div class="input-field bx-validate mb-4 relative inline-flex flex-grow " id="phone_number-wrapper" x-data="input({
name:'phone_number',
value:'',
liveChangeEvent:'',
})"><label class="bx-label px-1 bg-white z-20 absolute text-base pointer-events-none ml-3 text-blue-denim-300" for="phone_number"> Telefonnummer </label><input type="tel" name="phone_number" id="phone_number"
class="bx-input text-base rounded border border-blue-denim-300 focus:pl-4 focus:pr-8 box-border" data-validate="true" pattern="^(?=(?:\D*\d){4,11}\D*$)[\d\s]*$" maxlength="255" required=""
x-model="value"><i class="flex absolute z-20 top-0 right-0 justify-end items-center bx-icon h-input outline-none" tabindex="-1"><span class="hidden mr-4 is-invalid text-error-500"><svg height="24px" width="24px" class="fill-current" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M256 360c-13.25 0-23.1 10.74-23.1 24c0 13.25 10.75 24 23.1 24c13.25 0 23.1-10.75 23.1-24C280 370.7 269.3 360 256 360zM256 320c8.843 0 15.1-7.156 15.1-16V160c0-8.844-7.155-16-15.1-16S240 151.2 240 160v144C240 312.8 247.2 320 256 320zM504.3 397.3L304.5 59.38C294.4 42.27 276.2 32.03 256 32C235.8 32 217.7 42.22 207.5 59.36l-199.9 338c-10.05 16.97-10.2 37.34-.4218 54.5C17.29 469.5 35.55 480 56.1 480h399.9c20.51 0 38.75-10.53 48.81-28.17C514.6 434.7 514.4 414.3 504.3 397.3zM476.1 435.1C472.7 443.5 464.8 448 455.1 448H56.1c-8.906 0-16.78-4.484-21.08-12c-4.078-7.156-4.015-15.3 .1562-22.36L235.1 75.66C239.4 68.36 247.2 64 256 64c0 0-.0156 0 0 0c8.765 .0156 16.56 4.359 20.86 11.64l199.9 338C480.1 420.7 481.1 428.8 476.1 435.1z"></path></svg></span><span class="hidden w-6 mr-4 is-valid text-green-apple-500"><svg height="24px" width="24px" class="fill-current" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M235.3 331.3C229.1 337.6 218.9 337.6 212.7 331.3L148.7 267.3C142.4 261.1 142.4 250.9 148.7 244.7C154.9 238.4 165.1 238.4 171.3 244.7L224 297.4L340.7 180.7C346.9 174.4 357.1 174.4 363.3 180.7C369.6 186.9 369.6 197.1 363.3 203.3L235.3 331.3zM512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256zM256 32C132.3 32 32 132.3 32 256C32 379.7 132.3 480 256 480C379.7 480 480 379.7 480 256C480 132.3 379.7 32 256 32z"></path></svg></span></i><span
class="bx-helper ml-3 tracking-wider float-above py-0 px-1 absolute text-error-500 bg-white z-20 text-sm pointer-events-none hidden opacity-0"></span></div>
</div>
<div class="input-field bx-validate mb-4 relative flex flex-col flex-grow " id="email-wrapper" x-data="input({
name:'email',
value:'',
liveChangeEvent:'',
})"><label class="bx-label px-1 bg-white z-20 absolute text-base pointer-events-none ml-3 text-blue-denim-300" for="email"> E-Mail </label><input type="email" name="email" id="email"
class="bx-input text-base rounded border border-blue-denim-300 focus:pl-4 focus:pr-8 box-border" data-validate="true" pattern="^([\w\d.\-+_‘]+)@((?:[\-a-z0-9]+\.)+[a-z]{2,})$" maxlength="255" required=""
x-model="value"><i class="flex absolute z-20 top-0 right-0 justify-end items-center bx-icon h-input outline-none" tabindex="-1"><span class="hidden mr-4 is-invalid text-error-500"><svg height="24px" width="24px" class="fill-current" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M256 360c-13.25 0-23.1 10.74-23.1 24c0 13.25 10.75 24 23.1 24c13.25 0 23.1-10.75 23.1-24C280 370.7 269.3 360 256 360zM256 320c8.843 0 15.1-7.156 15.1-16V160c0-8.844-7.155-16-15.1-16S240 151.2 240 160v144C240 312.8 247.2 320 256 320zM504.3 397.3L304.5 59.38C294.4 42.27 276.2 32.03 256 32C235.8 32 217.7 42.22 207.5 59.36l-199.9 338c-10.05 16.97-10.2 37.34-.4218 54.5C17.29 469.5 35.55 480 56.1 480h399.9c20.51 0 38.75-10.53 48.81-28.17C514.6 434.7 514.4 414.3 504.3 397.3zM476.1 435.1C472.7 443.5 464.8 448 455.1 448H56.1c-8.906 0-16.78-4.484-21.08-12c-4.078-7.156-4.015-15.3 .1562-22.36L235.1 75.66C239.4 68.36 247.2 64 256 64c0 0-.0156 0 0 0c8.765 .0156 16.56 4.359 20.86 11.64l199.9 338C480.1 420.7 481.1 428.8 476.1 435.1z"></path></svg></span><span class="hidden w-6 mr-4 is-valid text-green-apple-500"><svg height="24px" width="24px" class="fill-current" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M235.3 331.3C229.1 337.6 218.9 337.6 212.7 331.3L148.7 267.3C142.4 261.1 142.4 250.9 148.7 244.7C154.9 238.4 165.1 238.4 171.3 244.7L224 297.4L340.7 180.7C346.9 174.4 357.1 174.4 363.3 180.7C369.6 186.9 369.6 197.1 363.3 203.3L235.3 331.3zM512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256zM256 32C132.3 32 32 132.3 32 256C32 379.7 132.3 480 256 480C379.7 480 480 379.7 480 256C480 132.3 379.7 32 256 32z"></path></svg></span></i><span
class="bx-helper ml-3 tracking-wider float-above py-0 px-1 absolute text-error-500 bg-white z-20 text-sm pointer-events-none hidden opacity-0" data-blocked="Leider ist die Domain %domain% nicht für Registration zugelassen."
data-invalid=""></span></div>
<div class="col-span-2 flex flex-col md:flex-row-reverse items-center justify-center my-5"><button class="primary w-full md:w-auto bx-submit flex items-center justify-center px-4 py-2" :disabled="showLoadingSpinner()"><svg height="16px"
width="16px" class="fill-current animate-spin-slow text-white -ml-1 mr-3 hidden" :class="{'hidden': !showLoadingSpinner()}" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 512 512">
<path
d="M207.4 20.36C209.8 28.88 204.8 37.69 196.3 40.04C101.5 66.19 32 152.1 32 255.1C32 379.7 132.3 479.1 256 479.1C379.7 479.1 480 379.7 480 255.1C480 152.1 410.5 66.19 315.7 40.04C307.2 37.69 302.2 28.88 304.6 20.36C306.9 11.85 315.7 6.847 324.3 9.198C432.5 39.07 512 138.2 512 255.1C512 397.4 397.4 511.1 256 511.1C114.6 511.1 0 397.4 0 255.1C0 138.2 79.51 39.07 187.7 9.198C196.3 6.847 205.1 11.85 207.4 20.36V20.36z">
</path>
</svg> Jetzt kostenlos testen </button><a x-bind="closeModal" class="text-link inverted py-2 px-4" rel="nofollow noopener" data-track-origin="marketing_website" data-track-project="bexio-website" data-track-element="trial_request_step1_cancel">
Abbrechen
</a></div>
</form>
Text Content
MENU * Funktionen * Preise * Darum bexio * Campus Wissen, Webinare, Whitepaper und mehr. * Marketplace 80+ Apps, die die Funktionen von bexio erweitern. * Academy Von der hilfreichen Software-Schulung bis zum spannenden Kunden-Event. * Branchen Die perfekte Business-Software auch für Ihre Branche. * Kostenloser 24/7-Support * Ein starkes Team * bexio in 1 Minute * Starthilfe * Blog * Support * Für Treuhänder * Blog * Login * Kostenlos testen Ein Unternehmen der Mobiliar CAMPUS MARKETPLACE TREUHÄNDER FINDEN ÜBER UNS KONTAKT LOGIN Nur noch heute für Neukunden: Profitieren Sie von 30% auf alle bexio-Pakete. Noch mal 60 Stück verfügbar. Jetzt anmelden und profitieren MACH KEIS BÜRO UF! KMU-ADMINISTRATION EINFACH GEMACHT Bereits mehr als 60'000 Unternehmen sind von bexio überzeugt – die einfache Business-Software für Selbstständige, Kleinunternehmen und Startups. * Mehr Zeit für das, was wirklich Spass macht. * Buchhaltung fast doppelt so schnell erledigen. * Administrationsaufwand um über ein Drittel reduzieren. * Kostenloser, zuverlässiger und persönlicher 24/7-Support. Kostenlos testen bexio in 1 Minute erklärt BYE-BYE PAPIERKRAM – BEXIO MACHT IHRE ADMINISTRATION EASY Fehlt Ihnen die Zeit für neue Aufträge und Marketing? Keine Übersicht über den Stapel an Rechnungen? Keine Nerven für die Buchhaltung? bexio bietet alle Funktionen, die es braucht, um ein Unternehmen erfolgreich zu führen: Von der intuitiven Kontaktverwaltung, der Angebotserstellung im individuellen Design, bis zur schnell erstellten Rechnung mit automatischen Mahnungen und E-Banking-Schnittstelle. ZEIT SPAREN Automatisierung spart bis zu 12 Stunden Büroarbeit pro Monat. SPARSCHWEIN FÜTTERN Verringern Sie Ihre jährlichen Treuhänder-Kosten um ein Drittel. SWISS MADE SOFTWARE Ihre Daten werden sicher in der Schweiz gespeichert. KOSTENLOSER 24/7 SUPPORT Ohne versteckte Kosten kompetent beraten und für Sie da. Die Lösung für alle, die bisher zu viel Zeit mit Buchhaltung verbracht haben. bexio bietet alle Funktionen, die Sie für Ihr Business brauchen. * Kontaktverwaltung – Ihr persönliches CRM * Verkaufsprozess – vom Angebot bis zur Rechnung * Ausgabenmanagement – Ihre Ausgaben und Belege ordentlich verarbeitet * Buchhaltung - Jahresabschluss einfach gemacht * Lohnbuchhaltung – optimiert für Schweizer Kleinunternehmen * Banking – automatischer Abgleich mit dem Bankkonto * Erweiterungen – individuell und für jedes Bedürfnis Jetzt 30 Tage kostenlos testen Mehr über alle Funktionen erfahren MEHR ALS 60'000 SELBSTSTÄNDIGE, KLEINUNTERNEHMEN UND STARTUPS VERTRAUEN BEREITS BEXIO TONIA ZIMMERMANN & LUBA SCHÖNIG Gründerinnen,UMushroom AG Review bexio hilft uns die Buchhaltung einfach und schnell abzuwickeln. Die Software ist intuitiv und die Prozesse sind gut verständlich. Der Kundensupport ist kompetent und sehr freundlich, sie konnten die Fragen immer zur vollständigen Zufriedenheit beantworten. Wir können bexio nur weiterempfehlen. JONNY WÜTHRICH Geschäftsführung,Vorlagenbauer AG Review bexio hat unseren Geschäfts-Alltag in vieler Hinsicht vereinfacht und reduziert unseren Admin-Aufwand stark. Das Offerieren von Projekten geht schnell, die entsprechende digitale Rechnung ist mit einem Klick erstellt und der automatische Abgleich der Zahlungseingänge mit dem Postkonto ist wirklich eine praktische Sache. MITCH MÜLLER & SHEILA AGUILAR CEO & CFO,MECOS BOARDS Review Mit bexio haben wir eine Schweizer Business-Software gefunden, welche durch ihre automatisierte Buchhaltung unser Finance Management entlastet und zugleich mit einem Top-Service überzeugt. BEXIO WIRD 10 – FEIERN SIE MIT! Seit über 10 Jahren erleichtern wir KMU, Selbstständigen und Startups die Administration und Buchhaltung. bexio hat es geschafft: Die 10. Jahresmarke ist offiziell erreicht und das ganze Team freut sich, diesen runden Geburtstag zu feiern. Daher widmen wir uns ganz diesem freudigen Ereignis und stellen alles unter die magische Ziffer 10. Feiern Sie mit ERFOLGSGESCHICHTEN UNSERER BEXIO-HEROES – SCHWEIZER UNTERNEHMER ERZÄHLEN So hilft bexio dabei, ein Unternehmen erfolgreich aufzubauen! Business Profile Reviews aus über 1240 Google Bewertungen 4.0 Jetzt alle bexio-Heroes kennenlernen STARKE PARTNER Als bexio-Kunde profitieren Sie von der Zusammenarbeit mit unseren verlässlichen Partnern. BLOG Der bexio Blog – Ihre Geheimwaffe: Interessante Artikel rund um spannende Themen für Schweizer KMU. Unser Wissen – Ihr Vorsprung. 27.09.2023 Tipps AUFGABEN ERLEDIGEN MIT DEM EISENHOWER PRINZIP Selbst erledigen oder delegieren – die richtige Planung ist das A & O. Mehr lesen 19.09.2023 Tipps AUFGABEN IN 25 MINUTEN ERLEDIGEN: MIT DER POMODORO TECHNIK Was Tomaten und eine Küchenuhr mit Zeitmanagement zu tun haben. Mehr lesen 30.08.2023 KMU PROBEZEIT IN DER SCHWEIZ: EINFACH ERKLÄRT Die Probezeit gilt als Testphase, in der sich Arbeitgebende und Arbeitnehmende kennenlernen können. Mehr lesen JETZT BEXIO 30 TAGE KOSTENLOS & UNVERBINDLICH TESTEN Überzeugen Sie sich selbst und testen Sie alle Funktionen von bexio, der einfachen Business Software für Ihre KMU-Administration. Kostenlos testen Noch Fragen? Rufen Sie uns an: +41 71 552 00 61 Schreiben Sie lieber? kunden@bexio.com Themen * Buchhaltung * Buchhaltungsprogramm * Lohnbuchhaltung * Offerte * Rechnung schreiben * Einzahlungsschein * Mehrwertsteuer * Finanzbuchhaltung * Fakturierung * Rechnungssoftware * CRM - Customer Relationship Management * ERP * QR-Rechnung FUNKTIONEN & PREISE Funktionsübersicht Preise Kontaktverwaltung Verkaufsprozess, Ausgabenmanagement und mehr Banking Buchhaltung Lohnbuchhaltung Mobile-App bexio Go UNTERNEHMEN Über uns Medienmitteilungen Timeline Produkt & Update News Newsletter – Insider werden Jobs & Karriere Kontakt CAMPUS Starthilfe für Kunden Kostenloser 24/7-Support Kunden helfen Kunden Academy – Events, Webinare & mehr Library Blog Schulungsvideos Customer Success Stories Heroes Glossar Buchhaltung TREUHAND bexio für Treuhänder Login Treuhandportal WEITERES Marketplace Treuhänder finden Developer API Referenzen Branchen Support: +41 71 552 00 60 Support: +41 71 552 00 60 Schweiz (Deutsch) Switzerland (English) Suisse (Français) Svizzera (Italiano) -------------------------------------------------------------------------------- Richtlinien Datenschutz Impressum © bexio AG 2023 Schliessen + Kostenloser 24/7 Support Daten sicher in der Schweiz Mehr als 60'000 Kunden swiss made software 30 Tage kostenlos & unverbindlich testen Keine Kreditkarte und keine Installation erforderlich. Vorname Nachname Vorwahl +41 * +41 * +49 * +33 * +39 * +423 * +43 * +1 * +7 * +20 * +27 * +30 * +31 * +32 * +34 * +36 * +40 * +44 * +45 * +46 * +48 * +61 * +64 * +81 * +82 * +86 * +90 * +91 * +213 * +216 * +350 * +351 * +352 * +353 * +354 * +355 * +356 * +357 * +358 * +359 * +370 * +371 * +372 * +373 * +374 * +376 * +377 * +378 * +380 * +381 * +382 * +385 * +386 * +387 * +389 * +420 * +421 * +852 * +966 * +971 * +972 * +974 Telefonnummer E-Mail Jetzt kostenlos testen Abbrechen Ihre persönlichen Angaben werden sicher in der Schweiz gespeichert. Weitere Informationen finden Sie in unserer Datenschutzrichtlinie. Herzlichen Glückwunsch! Nur noch ein Klick... Wir haben Ihnen eine E-Mail an {email} gesendet. Einfach Bestätigungslink anklicken um bexio 30 Tage lang kostenlos und unverbindlich zu testen! Falls Sie das E-Mail nicht erhalten haben, überprüfen Sie bitte Ihren Spam-Ordner. Schliessen Entschuldigung – da ist etwas schief gelaufen Bei der Registrierung Ihrer Daten ist ein Fehler aufgetreten. Bitte versuchen Sie es erneut oder, falls das Problem weiterhin besteht, wenden Sie sich bitte an unseren Support unter kunden@bexio.com oder +41 (0)71 552 00 61. Erneut versuchen Schliessen + 30% RABATT AUF ALLE BEXIO-PAKETE – SCHNELL SEIN LOHNT SICH: NOCH MAL 60 STÜCK VERFÜGBAR Profitieren Sie als Neukunde von 30% Rabatt auf alle bexio-Pakete im ersten Jahr. Vertrauen auch Sie auf bexio wie über 60'000 zufriedene Unternehmen und profitieren Sie jetzt von allen Vorteilen: * Administration schneller erledigt * Buchhaltung einfach und intuitiv * Kostenloser und persönlicher Support Jetzt testen und profitieren Danke, jetzt nicht *gültig für Neukunden bis 31.10.2023 auf alle Pakete sowie Jahres- und Monatsrechnung im 1. Jahr ab Kaufdatum. Limitiert auf 60 Stück. Hallo! Wie können wir Ihnen helfen?