Add/Create Forms
Visually captivating experiences with admin forms, WYSIWYG editor, date picker, create content and more.
<!-- Header -->
<div class="svecd flex vmt4s">
<svg class="hq6gx qil8e kvliy dark:text-neutral-600" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><circle cx="12" cy="10" r="3"/><path d="M7 20.662V19a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v1.662"/></svg>
<div class="e3fpz">
<h1 class="y2wul oqlim bp13m dark:text-neutral-200">
Create new user
</h1>
<p class="t5ziw t6rrs dark:text-neutral-500">
Create a new user account for your system.
</p>
</div>
</div>
<!-- End Header -->
<!-- Card -->
<div class="oo8ro wfm4e d77gl hx4gm lile3 dark:bg-neutral-800 dark:border-neutral-700">
<form>
<div class="i7oig f8hel kzzmm">
<div class="pi5e6 space-y-5">
<!-- Grid -->
<div class="dmfqa q2rai u3yl9 xve2l n2w3m">
<div class="cdyyc">
<label class="rc27a inline-block t5ziw t6rrs dark:text-neutral-500">
Avatar
</label>
</div>
<!-- End Col -->
<div class="qn8oy">
<!-- Logo Upload Group -->
<div class="flex flex-wrap items-center aygsi bbb42">
<span class="flex hq6gx r00n9 items-center zvis0 w229a rx8hj wiva2 kvliy oq0dt dark:border-neutral-700 dark:text-neutral-600">
<svg class="hq6gx ezw10" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"/><circle cx="9" cy="9" r="2"/><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"/></svg>
</span>
<div class="e3fpz">
<div class="flex items-center lialp">
<button type="button" class="i7oig apc69 inline-flex items-center lialp cm336 vo20k ps5iq wfm4e qb17b jqqot zr4l6 lmqf9 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden v1cco tyfry" >
<svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="17 8 12 3 7 8"/><line x1="12" x2="12" y1="3" y2="15"/></svg>
Upload photo
</button>
</div>
</div>
</div>
<!-- End Logo Upload Group -->
</div>
<!-- End Col -->
</div>
<!-- End Grid -->
<!-- Grid -->
<div class="dmfqa q2rai u3yl9 xve2l n2w3m">
<div class="cdyyc">
<label for="hs-pro-daufnm" class="rc27a inline-block t5ziw t6rrs dark:text-neutral-500">
Name
</label>
</div>
<!-- End Col -->
<div class="qn8oy">
<input id="hs-pro-daufnm" type="text" class="jlmh5 sofkk apc69 block i65bn d77gl ps5iq psfwb a0kik oo46r tyfry disabled:opacity-50 disabled:pointer-events-none dark:bg-transparent dark:border-neutral-700 dark:text-neutral-300 dark:placeholder:text-white/60 dark:focus:ring-neutral-600" placeholder="James Davidson" value=" ">
</div>
<!-- End Col -->
</div>
<!-- End Grid -->
<!-- Grid -->
<div class="dmfqa q2rai u3yl9 xve2l n2w3m">
<div class="cdyyc">
<label for="hs-pro-daufnm" class="rc27a inline-block t5ziw t6rrs dark:text-neutral-500">
Email
</label>
</div>
<!-- End Col -->
<div class="qn8oy">
<input id="hs-pro-daufem" type="email" class="jlmh5 sofkk apc69 block i65bn d77gl ps5iq psfwb a0kik oo46r tyfry disabled:opacity-50 disabled:pointer-events-none dark:bg-transparent dark:border-neutral-700 dark:text-neutral-300 dark:placeholder:text-white/60 dark:focus:ring-neutral-600" placeholder="james@site.com" value=" ">
</div>
<!-- End Col -->
</div>
<!-- End Grid -->
<!-- Grid -->
<div class="dmfqa q2rai u3yl9 xve2l n2w3m">
<div class="cdyyc">
<label for="hs-pro-daufph" class="rc27a inline-block t5ziw t6rrs dark:text-neutral-500">
Phone
</label>
</div>
<!-- End Col -->
<div class="qn8oy">
<div id="hs-wrapper-for-copy" class="space-y-3">
<div id="hs-content-for-copy" class="dmfqa fqhb4 h1dxu">
<div class="nvgw2">
<input id="hs-pro-daufph" type="text" class="jlmh5 sofkk apc69 block i65bn d77gl ps5iq psfwb a0kik oo46r tyfry disabled:opacity-50 disabled:pointer-events-none dark:bg-transparent dark:border-neutral-700 dark:text-neutral-300 dark:placeholder:text-white/60 dark:focus:ring-neutral-600" placeholder="Code" value=" ">
</div>
<div class="go98j">
<input type="text" class="jlmh5 sofkk apc69 block i65bn d77gl ps5iq psfwb a0kik oo46r tyfry disabled:opacity-50 disabled:pointer-events-none dark:bg-transparent dark:border-neutral-700 dark:text-neutral-300 dark:placeholder:text-white/60 dark:focus:ring-neutral-600" placeholder="Phone" value=" ">
</div>
</div>
</div>
<!-- Add Phone -->
<p class="ymk3i cuqi8">
<button type="button" data-hs-copy-markup='{
"targetSelector": "#hs-content-for-copy",
"wrapperSelector": "#hs-wrapper-for-copy",
"limit": 3
}' class="jlmh5 kzzmm inline-flex items-center pgjbi cm336 vo20k oq0dt wfm4e ef3uy d77gl oo8ro bp13m tdhmi disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tme8y dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
<svg class="hq6gx a49ku" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>
Add phone
</button>
</p>
<!-- End Add Phone -->
</div>
<!-- End Col -->
</div>
<!-- End Grid -->
<!-- Grid -->
<div class="dmfqa q2rai u3yl9 xve2l n2w3m">
<div class="cdyyc">
<label for="hs-pro-daufad" class="rc27a inline-block t5ziw t6rrs dark:text-neutral-500">
Address
</label>
</div>
<!-- End Col -->
<div class="qn8oy space-y-3">
<div class="space-y-3">
<input id="hs-pro-daufad" type="text" class="jlmh5 sofkk apc69 block i65bn d77gl ps5iq psfwb a0kik oo46r tyfry disabled:opacity-50 disabled:pointer-events-none dark:bg-transparent dark:border-neutral-700 dark:text-neutral-300 dark:placeholder:text-white/60 dark:focus:ring-neutral-600" placeholder="Street" value=" ">
<input type="text" class="jlmh5 sofkk apc69 block i65bn d77gl ps5iq psfwb a0kik oo46r tyfry disabled:opacity-50 disabled:pointer-events-none dark:bg-transparent dark:border-neutral-700 dark:text-neutral-300 dark:placeholder:text-white/60 dark:focus:ring-neutral-600" placeholder="Street line 2 (Optional)">
</div>
<div class="dmfqa hdv6z vmt4s">
<div>
<input type="text" class="jlmh5 sofkk apc69 block i65bn d77gl ps5iq psfwb a0kik oo46r tyfry disabled:opacity-50 disabled:pointer-events-none dark:bg-transparent dark:border-neutral-700 dark:text-neutral-300 dark:placeholder:text-white/60 dark:focus:ring-neutral-600" placeholder="City" value=" ">
</div>
<div>
<input type="text" class="jlmh5 sofkk apc69 block i65bn d77gl ps5iq psfwb a0kik oo46r tyfry disabled:opacity-50 disabled:pointer-events-none dark:bg-transparent dark:border-neutral-700 dark:text-neutral-300 dark:placeholder:text-white/60 dark:focus:ring-neutral-600" placeholder="Zip/Postal code" value=" ">
</div>
</div>
<!-- Select -->
<div class="relative">
<select data-hs-select='{
"placeholder": "Country",
"hasSearch": true,
"searchPlaceholder": "Country",
"searchClasses": "block i65bn psfwb d77gl ps5iq oo46r tyfry dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-400 dark:placeholder:text-neutral-400 jlmh5 sofkk apc69",
"searchWrapperClasses": "oo8ro n33uu -mx-1 qp3gf ofq05 dark:bg-neutral-900",
"toggleTag": "<button type=\"button\" aria-expanded=\"false\"><span data-icon></span><span class=\"bp13m dark:text-neutral-200 \" data-title></span></button>",
"toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative jlmh5 sofkk dhy94 k77cj flex lialp dslo6 i65bn cursor-pointer oo8ro wfm4e d77gl ps5iq qgy40 psfwb focus:outline-hidden v1cco tyfry dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400 dark:focus:outline-hidden dark:focus:ring-1 dark:focus:ring-neutral-600",
"dropdownClasses": "adv10 ju7it ami92 space-y-0.5 ucmtr i65bn overflow-hidden overflow-y-auto oo8ro lile3 rrmkk n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900",
"optionClasses": "hs-selected:bg-gray-100 dark:hs-selected:bg-neutral-800 i7oig dkhxo i65bn t5ziw bp13m cursor-pointer ksr3h ps5iq focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800",
"optionTemplate": "<div><div class=\"flex items-center \"><div class=\"epucs \" data-icon></div><div class=\"bp13m dark:text-neutral-200 \" data-title></div></div></div>",
"preventSearchFocus": false,
"viewport": "#hs-pro-create-new-user"
}' class="hidden">
<option value="">Choose</option>
<option value="AF" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/af.png\" alt=\"Afghanistan\" />"}'>
Afghanistan
</option>
<option value="AX" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ax.png\" alt=\"Aland Islands\" />"}'>
Aland Islands
</option>
<option value="AL" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/al.png\" alt=\"Albania\" />"}'>
Albania
</option>
<option value="DZ" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/dz.png\" alt=\"Algeria\" />"}'>
Algeria
</option>
<option value="AS" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/as.png\" alt=\"American Samoa\" />"}'>
American Samoa
</option>
<option value="AD" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ad.png\" alt=\"Andorra\" />"}'>
Andorra
</option>
<option value="AO" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ao.png\" alt=\"Angola\" />"}'>
Angola
</option>
<option value="AI" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ai.png\" alt=\"Anguilla\" />"}'>
Anguilla
</option>
<option value="AG" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ag.png\" alt=\"Antigua and Barbuda\" />"}'>
Antigua and Barbuda
</option>
<option value="AR" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ar.png\" alt=\"Argentina\" />"}'>
Argentina
</option>
<option value="AM" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/am.png\" alt=\"Armenia\" />"}'>
Armenia
</option>
<option value="AW" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/aw.png\" alt=\"Aruba\" />"}'>
Aruba
</option>
<option value="AU" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/au.png\" alt=\"Australia\" />"}'>
Australia
</option>
<option value="AT" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/at.png\" alt=\"Austria\" />"}'>
Austria
</option>
<option value="AZ" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/az.png\" alt=\"Azerbaijan\" />"}'>
Azerbaijan
</option>
<option value="BS" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/bs.png\" alt=\"Bahamas\" />"}'>
Bahamas
</option>
<option value="BH" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/bh.png\" alt=\"Bahrain\" />"}'>
Bahrain
</option>
<option value="BD" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/bd.png\" alt=\"Bangladesh\" />"}'>
Bangladesh
</option>
<option value="BB" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/bb.png\" alt=\"Barbados\" />"}'>
Barbados
</option>
<option value="BY" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/by.png\" alt=\"Belarus\" />"}'>
Belarus
</option>
<option value="BE" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/be.png\" alt=\"Belgium\" />"}'>
Belgium
</option>
<option value="BZ" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/bz.png\" alt=\"Belize\" />"}'>
Belize
</option>
<option value="BJ" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/bj.png\" alt=\"Benin\" />"}'>
Benin
</option>
<option value="BM" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/bm.png\" alt=\"Bermuda\" />"}'>
Bermuda
</option>
<option value="BT" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/bt.png\" alt=\"Bhutan\" />"}'>
Bhutan
</option>
<option value="BO" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/bo.png\" alt=\"Bolivia (Plurinational State of)\" />"}'>
Bolivia (Plurinational State of)
</option>
<option value="BQ" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/bq.png\" alt=\"Bonaire, Sint Eustatius and Saba\" />"}'>
Bonaire, Sint Eustatius and Saba
</option>
<option value="BA" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ba.png\" alt=\"Bosnia and Herzegovina\" />"}'>
Bosnia and Herzegovina
</option>
<option value="BW" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/bw.png\" alt=\"Botswana\" />"}'>
Botswana
</option>
<option value="BR" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/br.png\" alt=\"Brazil\" />"}'>
Brazil
</option>
<option value="IO" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/io.png\" alt=\"British Indian Ocean Territory\" />"}'>
British Indian Ocean Territory
</option>
<option value="BN" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/bn.png\" alt=\"Brunei Darussalam\" />"}'>
Brunei Darussalam
</option>
<option value="BG" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/bg.png\" alt=\"Bulgaria\" />"}'>
Bulgaria
</option>
<option value="BF" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/bf.png\" alt=\"Burkina Faso\" />"}'>
Burkina Faso
</option>
<option value="BI" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/bi.png\" alt=\"Burundi\" />"}'>
Burundi
</option>
<option value="CV" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/cv.png\" alt=\"Cabo Verde\" />"}'>
Cabo Verde
</option>
<option value="KH" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/kh.png\" alt=\"Cambodia\" />"}'>
Cambodia
</option>
<option value="CM" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/cm.png\" alt=\"Cameroon\" />"}'>
Cameroon
</option>
<option value="CA" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ca.png\" alt=\"Canada\" />"}'>
Canada
</option>
<option value="KY" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ky.png\" alt=\"Cayman Islands\" />"}'>
Cayman Islands
</option>
<option value="CF" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/cf.png\" alt=\"Central African Republic\" />"}'>
Central African Republic
</option>
<option value="TD" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/td.png\" alt=\"Chad\" />"}'>
Chad
</option>
<option value="CL" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/cl.png\" alt=\"Chile\" />"}'>
Chile
</option>
<option value="CN" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/cn.png\" alt=\"China\" />"}'>
China
</option>
<option value="CX" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/cx.png\" alt=\"Christmas Island\" />"}'>
Christmas Island
</option>
<option value="CC" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/cc.png\" alt=\"Cocos (Keeling) Islands\" />"}'>
Cocos (Keeling) Islands
</option>
<option value="CO" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/co.png\" alt=\"Colombia\" />"}'>
Colombia
</option>
<option value="KM" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/km.png\" alt=\"Comoros\" />"}'>
Comoros
</option>
<option value="CK" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ck.png\" alt=\"Cook Islands\" />"}'>
Cook Islands
</option>
<option value="CR" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/cr.png\" alt=\"Costa Rica\" />"}'>
Costa Rica
</option>
<option value="HR" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/hr.png\" alt=\"Croatia\" />"}'>
Croatia
</option>
<option value="CU" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/cu.png\" alt=\"Cuba\" />"}'>
Cuba
</option>
<option value="CW" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/cw.png\" alt=\"Curaçao\" />"}'>
Curaçao
</option>
<option value="CY" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/cy.png\" alt=\"Cyprus\" />"}'>
Cyprus
</option>
<option value="CZ" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/cz.png\" alt=\"Czech Republic\" />"}'>
Czech Republic
</option>
<option value="CI" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ci.png\" alt=Côte dIvoire\" />"}'>
Côte dIvoire
</option>
<option value="CD" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/cd.png\" alt=\"Democratic Republic of the Congo\" />"}'>
Democratic Republic of the Congo
</option>
<option value="DK" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/dk.png\" alt=\"Denmark\" />"}'>
Denmark
</option>
<option value="DJ" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/dj.png\" alt=\"Djibouti\" />"}'>
Djibouti
</option>
<option value="DM" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/dm.png\" alt=\"Dominica\" />"}'>
Dominica
</option>
<option value="DO" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/do.png\" alt=\"Dominican Republic\" />"}'>
Dominican Republic
</option>
<option value="EC" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ec.png\" alt=\"Ecuador\" />"}'>
Ecuador
</option>
<option value="EG" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/eg.png\" alt=\"Egypt\" />"}'>
Egypt
</option>
<option value="SV" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/sv.png\" alt=\"El Salvador\" />"}'>
El Salvador
</option>
<option value="GB-ENG" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/gb.png\" alt=\"England\" />"}'>
England
</option>
<option value="GQ" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/gq.png\" alt=\"Equatorial Guinea\" />"}'>
Equatorial Guinea
</option>
<option value="ER" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/er.png\" alt=\"Eritrea\" />"}'>
Eritrea
</option>
<option value="EE" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ee.png\" alt=\"Estonia\" />"}'>
Estonia
</option>
<option value="ET" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/et.png\" alt=\"Ethiopia\" />"}'>
Ethiopia
</option>
<option value="FK" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/fk.png\" alt=\"Falkland Islands\" />"}'>
Falkland Islands
</option>
<option value="FO" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/fo.png\" alt=\"Faroe Islands\" />"}'>
Faroe Islands
</option>
<option value="FM" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/fm.png\" alt=\"Federated States of Micronesia\" />"}'>
Federated States of Micronesia
</option>
<option value="FJ" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/fj.png\" alt=\"Fiji\" />"}'>
Fiji
</option>
<option value="FI" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/fi.png\" alt=\"Finland\" />"}'>
Finland
</option>
<option value="FR" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/fr.png\" alt=\"France\" />"}'>
France
</option>
<option value="GF" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/gf.png\" alt=\"French Guiana\" />"}'>
French Guiana
</option>
<option value="PF" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/pf.png\" alt=\"French Polynesia\" />"}'>
French Polynesia
</option>
<option value="TF" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/tf.png\" alt=\"French Southern Territories\" />"}'>
French Southern Territories
</option>
<option value="GA" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ga.png\" alt=\"Gabon\" />"}'>
Gabon
</option>
<option value="GM" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/gm.png\" alt=\"Gambia\" />"}'>
Gambia
</option>
<option value="GE" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ge.png\" alt=\"Georgia\" />"}'>
Georgia
</option>
<option value="DE" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/de.png\" alt=\"Germany\" />"}'>
Germany
</option>
<option value="GH" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/gh.png\" alt=\"Ghana\" />"}'>
Ghana
</option>
<option value="GI" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/gi.png\" alt=\"Gibraltar\" />"}'>
Gibraltar
</option>
<option value="GR" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/gr.png\" alt=\"Greece\" />"}'>
Greece
</option>
<option value="GL" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/gl.png\" alt=\"Greenland\" />"}'>
Greenland
</option>
<option value="GD" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/gd.png\" alt=\"Grenada\" />"}'>
Grenada
</option>
<option value="GP" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/gp.png\" alt=\"Guadeloupe\" />"}'>
Guadeloupe
</option>
<option value="GU" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/gu.png\" alt=\"Guam\" />"}'>
Guam
</option>
<option value="GT" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/gt.png\" alt=\"Guatemala\" />"}'>
Guatemala
</option>
<option value="GG" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/gg.png\" alt=\"Guernsey\" />"}'>
Guernsey
</option>
<option value="GN" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/gn.png\" alt=\"Guinea\" />"}'>
Guinea
</option>
<option value="GW" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/gw.png\" alt=\"Guinea-Bissau\" />"}'>
Guinea-Bissau
</option>
<option value="GY" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/gy.png\" alt=\"Guyana\" />"}'>
Guyana
</option>
<option value="HT" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ht.png\" alt=\"Haiti\" />"}'>
Haiti
</option>
<option value="VA" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/va.png\" alt=\"Holy See\" />"}'>
Holy See
</option>
<option value="HN" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/hn.png\" alt=\"Honduras\" />"}'>
Honduras
</option>
<option value="HK" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/hk.png\" alt=\"Hong Kong\" />"}'>
Hong Kong
</option>
<option value="HU" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/hu.png\" alt=\"Hungary\" />"}'>
Hungary
</option>
<option value="IS" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/is.png\" alt=\"Iceland\" />"}'>
Iceland
</option>
<option value="IN" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/in.png\" alt=\"India\" />"}'>
India
</option>
<option value="ID" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/id.png\" alt=\"Indonesia\" />"}'>
Indonesia
</option>
<option value="IR" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ir.png\" alt=\"Iran (Islamic Republic of)\" />"}'>
Iran (Islamic Republic of)
</option>
<option value="IQ" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/iq.png\" alt=\"Iraq\" />"}'>
Iraq
</option>
<option value="IE" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ie.png\" alt=\"Ireland\" />"}'>
Ireland
</option>
<option value="IM" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/im.png\" alt=\"Isle of Man\" />"}'>
Isle of Man
</option>
<option value="IL" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/il.png\" alt=\"Israel\" />"}'>
Israel
</option>
<option value="IT" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/it.png\" alt=\"Italy\" />"}'>
Italy
</option>
<option value="JM" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/jm.png\" alt=\"Jamaica\" />"}'>
Jamaica
</option>
<option value="JP" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/jp.png\" alt=\"Japan\" />"}'>
Japan
</option>
<option value="JE" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/je.png\" alt=\"Jersey\" />"}'>
Jersey
</option>
<option value="JO" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/jo.png\" alt=\"Jordan\" />"}'>
Jordan
</option>
<option value="KZ" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/kz.png\" alt=\"Kazakhstan\" />"}'>
Kazakhstan
</option>
<option value="KE" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ke.png\" alt=\"Kenya\" />"}'>
Kenya
</option>
<option value="KI" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ki.png\" alt=\"Kiribati\" />"}'>
Kiribati
</option>
<option value="KW" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/kw.png\" alt=\"Kuwait\" />"}'>
Kuwait
</option>
<option value="KG" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/kg.png\" alt=\"Kyrgyzstan\" />"}'>
Kyrgyzstan
</option>
<option value="LA" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/la.png\" alt=\"Laos\" />"}'>
Laos
</option>
<option value="LV" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/lv.png\" alt=\"Latvia\" />"}'>
Latvia
</option>
<option value="LB" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/lb.png\" alt=\"Lebanon\" />"}'>
Lebanon
</option>
<option value="LS" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ls.png\" alt=\"Lesotho\" />"}'>
Lesotho
</option>
<option value="LR" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/lr.png\" alt=\"Liberia\" />"}'>
Liberia
</option>
<option value="LY" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ly.png\" alt=\"Libya\" />"}'>
Libya
</option>
<option value="LI" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/li.png\" alt=\"Liechtenstein\" />"}'>
Liechtenstein
</option>
<option value="LT" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/lt.png\" alt=\"Lithuania\" />"}'>
Lithuania
</option>
<option value="LU" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/lu.png\" alt=\"Luxembourg\" />"}'>
Luxembourg
</option>
<option value="MO" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/mo.png\" alt=\"Macau\" />"}'>
Macau
</option>
<option value="MG" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/mg.png\" alt=\"Madagascar\" />"}'>
Madagascar
</option>
<option value="MW" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/mw.png\" alt=\"Malawi\" />"}'>
Malawi
</option>
<option value="MY" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/my.png\" alt=\"Malaysia\" />"}'>
Malaysia
</option>
<option value="MV" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/mv.png\" alt=\"Maldives\" />"}'>
Maldives
</option>
<option value="ML" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ml.png\" alt=\"Mali\" />"}'>
Mali
</option>
<option value="MT" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/mt.png\" alt=\"Malta\" />"}'>
Malta
</option>
<option value="MH" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/mh.png\" alt=\"Marshall Islands\" />"}'>
Marshall Islands
</option>
<option value="MQ" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/mq.png\" alt=\"Martinique\" />"}'>
Martinique
</option>
<option value="MR" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/mr.png\" alt=\"Mauritania\" />"}'>
Mauritania
</option>
<option value="MU" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/mu.png\" alt=\"Mauritius\" />"}'>
Mauritius
</option>
<option value="YT" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/yt.png\" alt=\"Mayotte\" />"}'>
Mayotte
</option>
<option value="MX" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/mx.png\" alt=\"Mexico\" />"}'>
Mexico
</option>
<option value="MD" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/md.png\" alt=\"Moldova\" />"}'>
Moldova
</option>
<option value="MC" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/mc.png\" alt=\"Monaco\" />"}'>
Monaco
</option>
<option value="MN" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/mn.png\" alt=\"Mongolia\" />"}'>
Mongolia
</option>
<option value="ME" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/me.png\" alt=\"Montenegro\" />"}'>
Montenegro
</option>
<option value="MS" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ms.png\" alt=\"Montserrat\" />"}'>
Montserrat
</option>
<option value="MA" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ma.png\" alt=\"Morocco\" />"}'>
Morocco
</option>
<option value="MZ" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/mz.png\" alt=\"Mozambique\" />"}'>
Mozambique
</option>
<option value="MM" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/mm.png\" alt=\"Myanmar\" />"}'>
Myanmar
</option>
<option value="NA" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/na.png\" alt=\"Namibia\" />"}'>
Namibia
</option>
<option value="NR" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/nr.png\" alt=\"Nauru\" />"}'>
Nauru
</option>
<option value="NP" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/np.png\" alt=\"Nepal\" />"}'>
Nepal
</option>
<option value="NL" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/nl.png\" alt=\"Netherlands\" />"}'>
Netherlands
</option>
<option value="NC" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/nc.png\" alt=\"New Caledonia\" />"}'>
New Caledonia
</option>
<option value="NZ" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/nz.png\" alt=\"New Zealand\" />"}'>
New Zealand
</option>
<option value="NI" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ni.png\" alt=\"Nicaragua\" />"}'>
Nicaragua
</option>
<option value="NE" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ne.png\" alt=\"Niger\" />"}'>
Niger
</option>
<option value="NG" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ng.png\" alt=\"Nigeria\" />"}'>
Nigeria
</option>
<option value="NU" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/nu.png\" alt=\"Niue\" />"}'>
Niue
</option>
<option value="NF" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/nf.png\" alt=\"Norfolk Island\" />"}'>
Norfolk Island
</option>
<option value="KP" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/kp.png\" alt=\"North Korea\" />"}'>
North Korea
</option>
<option value="MK" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/mk.png\" alt=\"North Macedonia\" />"}'>
North Macedonia
</option>
<option value="GB-NIR" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/gb.png\" alt=\"Northern Ireland\" />"}'>
Northern Ireland
</option>
<option value="MP" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/mp.png\" alt=\"Northern Mariana Islands\" />"}'>
Northern Mariana Islands
</option>
<option value="NO" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/no.png\" alt=\"Norway\" />"}'>
Norway
</option>
<option value="OM" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/om.png\" alt=\"Oman\" />"}'>
Oman
</option>
<option value="PK" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/pk.png\" alt=\"Pakistan\" />"}'>
Pakistan
</option>
<option value="PW" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/pw.png\" alt=\"Palau\" />"}'>
Palau
</option>
<option value="PA" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/pa.png\" alt=\"Panama\" />"}'>
Panama
</option>
<option value="PG" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/pg.png\" alt=\"Papua New Guinea\" />"}'>
Papua New Guinea
</option>
<option value="PY" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/py.png\" alt=\"Paraguay\" />"}'>
Paraguay
</option>
<option value="PE" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/pe.png\" alt=\"Peru\" />"}'>
Peru
</option>
<option value="PH" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ph.png\" alt=\"Philippines\" />"}'>
Philippines
</option>
<option value="PN" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/pn.png\" alt=\"Pitcairn\" />"}'>
Pitcairn
</option>
<option value="PL" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/pl.png\" alt=\"Poland\" />"}'>
Poland
</option>
<option value="PT" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/pt.png\" alt=\"Portugal\" />"}'>
Portugal
</option>
<option value="PR" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/pr.png\" alt=\"Puerto Rico\" />"}'>
Puerto Rico
</option>
<option value="QA" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/qa.png\" alt=\"Qatar\" />"}'>
Qatar
</option>
<option value="CG" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/cg.png\" alt=\"Republic of the Congo\" />"}'>
Republic of the Congo
</option>
<option value="RO" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ro.png\" alt=\"Romania\" />"}'>
Romania
</option>
<option value="RU" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ru.png\" alt=\"Russia\" />"}'>
Russia
</option>
<option value="RW" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/rw.png\" alt=\"Rwanda\" />"}'>
Rwanda
</option>
<option value="RE" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/re.png\" alt=\"Réunion\" />"}'>
Réunion
</option>
<option value="BL" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/bl.png\" alt=\"Saint Barthélemy\" />"}'>
Saint Barthélemy
</option>
<option value="SH" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/sh.png\" alt=\"Saint Helena, Ascension and Tristan da Cunha\" />"}'>
Saint Helena, Ascension and Tristan da Cunha
</option>
<option value="KN" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/kn.png\" alt=\"Saint Kitts and Nevis\" />"}'>
Saint Kitts and Nevis
</option>
<option value="LC" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/lc.png\" alt=\"Saint Lucia\" />"}'>
Saint Lucia
</option>
<option value="MF" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/mf.png\" alt=\"Saint Martin\" />"}'>
Saint Martin
</option>
<option value="PM" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/pm.png\" alt=\"Saint Pierre and Miquelon\" />"}'>
Saint Pierre and Miquelon
</option>
<option value="VC" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/vc.png\" alt=\"Saint Vincent and the Grenadines\" />"}'>
Saint Vincent and the Grenadines
</option>
<option value="WS" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ws.png\" alt=\"Samoa\" />"}'>
Samoa
</option>
<option value="SM" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/sm.png\" alt=\"San Marino\" />"}'>
San Marino
</option>
<option value="ST" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/st.png\" alt=\"Sao Tome and Principe\" />"}'>
Sao Tome and Principe
</option>
<option value="SA" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/sa.png\" alt=\"Saudi Arabia\" />"}'>
Saudi Arabia
</option>
<option value="GB-SCT" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/gb.png\" alt=\"Scotland\" />"}'>
Scotland
</option>
<option value="SN" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/sn.png\" alt=\"Senegal\" />"}'>
Senegal
</option>
<option value="RS" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/rs.png\" alt=\"Serbia\" />"}'>
Serbia
</option>
<option value="SC" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/sc.png\" alt=\"Seychelles\" />"}'>
Seychelles
</option>
<option value="SL" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/sl.png\" alt=\"Sierra Leone\" />"}'>
Sierra Leone
</option>
<option value="SG" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/sg.png\" alt=\"Singapore\" />"}'>
Singapore
</option>
<option value="SX" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/sx.png\" alt=\"Sint Maarten\" />"}'>
Sint Maarten
</option>
<option value="SK" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/sk.png\" alt=\"Slovakia\" />"}'>
Slovakia
</option>
<option value="SI" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/si.png\" alt=\"Slovenia\" />"}'>
Slovenia
</option>
<option value="SB" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/sb.png\" alt=\"Solomon Islands\" />"}'>
Solomon Islands
</option>
<option value="SO" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/so.png\" alt=\"Somalia\" />"}'>
Somalia
</option>
<option value="ZA" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/za.png\" alt=\"South Africa\" />"}'>
South Africa
</option>
<option value="GS" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/gs.png\" alt=\"South Georgia and the South Sandwich Islands\" />"}'>
South Georgia and the South Sandwich Islands
</option>
<option value="KR" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/kr.png\" alt=\"South Korea\" />"}'>
South Korea
</option>
<option value="SS" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ss.png\" alt=\"South Sudan\" />"}'>
South Sudan
</option>
<option value="ES" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/es.png\" alt=\"Spain\" />"}'>
Spain
</option>
<option value="LK" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/lk.png\" alt=\"Sri Lanka\" />"}'>
Sri Lanka
</option>
<option value="PS" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ps.png\" alt=\"State of Palestine\" />"}'>
State of Palestine
</option>
<option value="SD" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/sd.png\" alt=\"Sudan\" />"}'>
Sudan
</option>
<option value="SR" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/sr.png\" alt=\"Suriname\" />"}'>
Suriname
</option>
<option value="SJ" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/sj.png\" alt=\"Svalbard and Jan Mayen\" />"}'>
Svalbard and Jan Mayen
</option>
<option value="SZ" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/sz.png\" alt=\"Swaziland\" />"}'>
Swaziland
</option>
<option value="SE" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/se.png\" alt=\"Sweden\" />"}'>
Sweden
</option>
<option value="CH" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ch.png\" alt=\"Switzerland\" />"}'>
Switzerland
</option>
<option value="SY" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/sy.png\" alt=\"Syrian Arab Republic\" />"}'>
Syrian Arab Republic
</option>
<option value="TW" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/tw.png\" alt=\"Taiwan\" />"}'>
Taiwan
</option>
<option value="TJ" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/tj.png\" alt=\"Tajikistan\" />"}'>
Tajikistan
</option>
<option value="TZ" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/tz.png\" alt=\"Tanzania\" />"}'>
Tanzania
</option>
<option value="TH" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/th.png\" alt=\"Thailand\" />"}'>
Thailand
</option>
<option value="TL" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/tl.png\" alt=\"Timor-Leste\" />"}'>
Timor-Leste
</option>
<option value="TG" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/tg.png\" alt=\"Togo\" />"}'>
Togo
</option>
<option value="TK" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/tk.png\" alt=\"Tokelau\" />"}'>
Tokelau
</option>
<option value="TO" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/to.png\" alt=\"Tonga\" />"}'>
Tonga
</option>
<option value="TT" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/tt.png\" alt=\"Trinidad and Tobago\" />"}'>
Trinidad and Tobago
</option>
<option value="TN" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/tn.png\" alt=\"Tunisia\" />"}'>
Tunisia
</option>
<option value="TR" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/tr.png\" alt=\"Turkey\" />"}'>
Turkey
</option>
<option value="TM" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/tm.png\" alt=\"Turkmenistan\" />"}'>
Turkmenistan
</option>
<option value="TC" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/tc.png\" alt=\"Turks and Caicos Islands\" />"}'>
Turks and Caicos Islands
</option>
<option value="TV" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/tv.png\" alt=\"Tuvalu\" />"}'>
Tuvalu
</option>
<option value="UG" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ug.png\" alt=\"Uganda\" />"}'>
Uganda
</option>
<option value="UA" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ua.png\" alt=\"Ukraine\" />"}'>
Ukraine
</option>
<option value="AE" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ae.png\" alt=\"United Arab Emirates\" />"}'>
United Arab Emirates
</option>
<option value="GB" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/gb.png\" alt=\"United Kingdom\" />"}'>
United Kingdom
</option>
<option value="UM" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/um.png\" alt=\"United States Minor Outlying Islands\" />"}'>
United States Minor Outlying Islands
</option>
<option value="US" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/us.png\" alt=\"United States of America\" />"}'>
United States of America
</option>
<option value="UY" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/uy.png\" alt=\"Uruguay\" />"}'>
Uruguay
</option>
<option value="UZ" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/uz.png\" alt=\"Uzbekistan\" />"}'>
Uzbekistan
</option>
<option value="VU" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/vu.png\" alt=\"Vanuatu\" />"}'>
Vanuatu
</option>
<option value="VE" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ve.png\" alt=\"Venezuela (Bolivarian Republic of)\" />"}'>
Venezuela (Bolivarian Republic of)
</option>
<option value="VN" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/vn.png\" alt=\"Vietnam\" />"}'>
Vietnam
</option>
<option value="VG" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/vg.png\" alt=\"Virgin Islands (British)\" />"}'>
Virgin Islands (British)
</option>
<option value="VI" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/vi.png\" alt=\"Virgin Islands (U.S.)\" />"}'>
Virgin Islands (U.S.)
</option>
<option value="GB-WLS" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/gb.png\" alt=\"Wales\" />"}'>
Wales
</option>
<option value="WF" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/wf.png\" alt=\"Wallis and Futuna\" />"}'>
Wallis and Futuna
</option>
<option value="EH" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/eh.png\" alt=\"Western Sahara\" />"}'>
Western Sahara
</option>
<option value="YE" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ye.png\" alt=\"Yemen\" />"}'>
Yemen
</option>
<option value="ZM" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/zm.png\" alt=\"Zambia\" />"}'>
Zambia
</option>
<option value="ZW" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/zw.png\" alt=\"Zimbabwe\" />"}'>
Zimbabwe
</option>
</select>
<div class="absolute wgue8 z5b3o -translate-y-1/2">
<svg class="hq6gx stqz8 t6rrs dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m7 15 5 5 5-5"/><path d="m7 9 5-5 5 5"/></svg>
</div>
</div>
<!-- End Select -->
</div>
<!-- End Col -->
</div>
<!-- End Grid -->
</div>
</div>
<!-- Footer -->
<div class="iqzha ami92 flex c9j8j lialp">
<div class="i65bn flex c9j8j items-center lialp">
<button type="button" class="i7oig apc69 inline-flex r00n9 items-center qgy40 oo8ro wfm4e d77gl bp13m t5ziw vo20k ps5iq hx4gm acu59 tdhmi disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
Cancel
</button>
<button type="button" class="i7oig apc69 inline-flex r00n9 items-center lialp qgy40 jqqot wfm4e f31lg zr4l6 t5ziw vo20k ps5iq hx4gm acu59 lmqf9 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden cycnq t3nwl dark:focus:ring-blue-500">
Add user
</button>
</div>
</div>
<!-- End Footer -->
</form>
</div>
<!-- End Card -->
<!-- Calendar Create Event Card -->
<div class="oo8ro wfm4e d77gl hx4gm lile3 dark:bg-neutral-800 dark:border-neutral-700">
<!-- Header -->
<div class="o1ncb dkhxo flex uip67 items-center ic6aj d77gl dark:border-neutral-700">
<h3 class="vo20k bp13m dark:text-neutral-200">
Create event
</h3>
</div>
<!-- End Header -->
<!-- Body -->
<div class="pi5e6 space-y-3">
<!-- Event List -->
<div class="dmfqa fqhb4 h1dxu">
<!-- Item -->
<div class="i63zv">
<label for="hs-create-event-title-autoheight-textarea" class="iz3dk flex r00n9 items-center pgjbi e9qjd kvliy dark:text-neutral-500">
<svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="4 7 4 4 20 4 20 7"/><line x1="9" x2="15" y1="20" y2="20"/><line x1="12" x2="12" y1="4" y2="20"/></svg>
<span class="ecbnn">Title</span>
</label>
</div>
<div class="xdw6i">
<textarea id="hs-create-event-title-autoheight-textarea" class="d0kec qh1uk kzzmm block i65bn qb17b umxjj piafy rz6ys a0kik lqn87 disabled:opacity-50 disabled:pointer-events-none kf4z7 b2plr rdxom dark:bg-neutral-800 dark:hover:border-neutral-700 dark:text-neutral-200 dark:placeholder:text-neutral-500 dark:focus:bg-neutral-700" rows="1" placeholder="Add title" data-hs-textarea-auto-height ></textarea>
</div>
<!-- End Item -->
<!-- Item -->
<div class="i63zv">
<label class="x2g6m flex r00n9 items-center pgjbi e9qjd kvliy dark:text-neutral-500">
<svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>
<span class="ecbnn">Date & Time:</span>
</label>
</div>
<div class="xdw6i">
<div class="space-y-1">
<!-- Grid -->
<div class="flex ca82m e3yf4 items-center duzhl sybv7">
<div class="i65bn cdyyc">
<!-- Select -->
<div class="relative group">
<select data-hs-select='{
"placeholder": "Start time",
"toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>",
"toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative d0kec qh1uk yujsw fy7l0 i65bn flex lialp dslo6 bp13m cursor-pointer oo8ro wfm4e qb17b umxjj qgy40 piafy rz6ys hover:focus:border-transparent focus:outline-hidden kf4z7 dark:bg-neutral-800 dark:hover:border-neutral-700 dark:text-neutral-200 dark:focus:outline-hidden dark:focus:bg-neutral-700",
"dropdownClasses": "ls9te ucmtr i65bn sel6q ju7it space-y-0.5 overflow-hidden overflow-y-auto oo8ro lile3 rrmkk n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900",
"optionClasses": "hs-selected:bg-gray-100 dark:hs-selected:bg-neutral-800 d0kec apc69 i65bn e9qjd bp13m cursor-pointer ksr3h umxjj focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex uip67 items-center i65bn \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"hq6gx stqz8 bp13m dark:text-neutral-200 \" xmlns=\"http:.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"/></svg></span></div>",
"viewport": "#hs-create-event"
}' class="hidden">
<option value="">Choose</option>
<option>12:00AM</option>
<option>12:15AM</option>
<option>12:30AM</option>
<option>12:45AM</option>
<option>1:00AM</option>
<option>1:15AM</option>
<option>1:30AM</option>
<option>1:45AM</option>
<option>2:00AM</option>
<option>2:15AM</option>
<option>2:30AM</option>
<option>2:45AM</option>
<option>3:00AM</option>
<option>3:15AM</option>
<option>3:30AM</option>
<option>3:45AM</option>
<option>4:00AM</option>
<option>4:15AM</option>
<option>4:30AM</option>
<option>4:45AM</option>
<option>5:00AM</option>
<option>5:15AM</option>
<option>5:30AM</option>
<option>5:45AM</option>
<option>6:00AM</option>
<option>6:15AM</option>
<option>6:30AM</option>
<option>6:45AM</option>
<option>7:00AM</option>
<option>7:15AM</option>
<option>7:30AM</option>
<option>7:45AM</option>
<option>8:00AM</option>
<option>8:15AM</option>
<option>8:30AM</option>
<option>8:45AM</option>
<option>9:00AM</option>
<option>9:15AM</option>
<option>9:30AM</option>
<option>9:45AM</option>
<option selected>10:00AM</option>
<option>10:15AM</option>
<option>10:30AM</option>
<option>10:45AM</option>
<option>11:00AM</option>
<option>11:15AM</option>
<option>11:30AM</option>
<option>11:45AM</option>
<option>12:00PM</option>
<option>12:15PM</option>
<option>12:30PM</option>
<option>12:45PM</option>
<option>1:00PM</option>
<option>1:15PM</option>
<option>1:30PM</option>
<option>1:45PM</option>
<option>2:00PM</option>
<option>2:15PM</option>
<option>2:30PM</option>
<option>2:45PM</option>
<option>3:00PM</option>
<option>3:15PM</option>
<option>3:30PM</option>
<option>3:45PM</option>
<option>4:00PM</option>
<option>4:15PM</option>
<option>4:30PM</option>
<option>4:45PM</option>
<option>5:00PM</option>
<option>5:15PM</option>
<option>5:30PM</option>
<option>5:45PM</option>
<option>6:00PM</option>
<option>6:15PM</option>
<option>6:30PM</option>
<option>6:45PM</option>
<option>7:00PM</option>
<option>7:15PM</option>
<option>7:30PM</option>
<option>7:45PM</option>
<option>8:00PM</option>
<option>8:15PM</option>
<option>8:30PM</option>
<option>8:45PM</option>
<option>9:00PM</option>
<option>9:15PM</option>
<option>9:30PM</option>
<option>9:45PM</option>
<option>10:00PM</option>
<option>10:15PM</option>
<option>10:30PM</option>
<option>10:45PM</option>
<option>11:00PM</option>
<option>11:15PM</option>
<option>11:30PM</option>
<option>11:45PM</option>
</select>
<div class="absolute wgue8 z5b3o -translate-y-1/2 opacity-0 group-hover:opacity-100 group-focus:opacity-100">
<svg class="hq6gx stqz8 kvliy dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>
</div>
</div>
<!-- End Select -->
</div>
<div class="gs0ea">
<svg class="hq6gx a49ku mx-auto kvliy dark:text-neutral-600" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg>
</div>
<div class="i65bn cdyyc">
<!-- Select -->
<div class="relative group">
<select data-hs-select='{
"placeholder": "Start time",
"toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>",
"toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative d0kec qh1uk yujsw fy7l0 i65bn flex lialp dslo6 bp13m cursor-pointer oo8ro wfm4e qb17b umxjj qgy40 piafy rz6ys hover:focus:border-transparent focus:outline-hidden kf4z7 dark:bg-neutral-800 dark:hover:border-neutral-700 dark:text-neutral-200 dark:focus:outline-hidden dark:focus:bg-neutral-700",
"dropdownClasses": "ls9te ucmtr i65bn sel6q ju7it space-y-0.5 overflow-hidden overflow-y-auto oo8ro lile3 rrmkk n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900",
"optionClasses": "hs-selected:bg-gray-100 dark:hs-selected:bg-neutral-800 d0kec apc69 i65bn e9qjd bp13m cursor-pointer ksr3h umxjj focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex uip67 items-center i65bn \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"hq6gx stqz8 bp13m dark:text-neutral-200 \" xmlns=\"http:.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"/></svg></span></div>",
"viewport": "#hs-create-event"
}' class="hidden">
<option value="">Choose</option>
<option>12:00AM</option>
<option>12:15AM</option>
<option>12:30AM</option>
<option>12:45AM</option>
<option>1:00AM</option>
<option>1:15AM</option>
<option>1:30AM</option>
<option>1:45AM</option>
<option>2:00AM</option>
<option>2:15AM</option>
<option>2:30AM</option>
<option>2:45AM</option>
<option>3:00AM</option>
<option>3:15AM</option>
<option>3:30AM</option>
<option>3:45AM</option>
<option>4:00AM</option>
<option>4:15AM</option>
<option>4:30AM</option>
<option>4:45AM</option>
<option>5:00AM</option>
<option>5:15AM</option>
<option>5:30AM</option>
<option>5:45AM</option>
<option>6:00AM</option>
<option>6:15AM</option>
<option>6:30AM</option>
<option>6:45AM</option>
<option>7:00AM</option>
<option>7:15AM</option>
<option>7:30AM</option>
<option>7:45AM</option>
<option>8:00AM</option>
<option>8:15AM</option>
<option>8:30AM</option>
<option>8:45AM</option>
<option>9:00AM</option>
<option>9:15AM</option>
<option>9:30AM</option>
<option>9:45AM</option>
<option selected>10:00AM</option>
<option>10:15AM</option>
<option>10:30AM</option>
<option>10:45AM</option>
<option>11:00AM</option>
<option>11:15AM</option>
<option>11:30AM</option>
<option>11:45AM</option>
<option>12:00PM</option>
<option>12:15PM</option>
<option>12:30PM</option>
<option>12:45PM</option>
<option>1:00PM</option>
<option>1:15PM</option>
<option>1:30PM</option>
<option>1:45PM</option>
<option>2:00PM</option>
<option>2:15PM</option>
<option>2:30PM</option>
<option>2:45PM</option>
<option>3:00PM</option>
<option>3:15PM</option>
<option>3:30PM</option>
<option>3:45PM</option>
<option>4:00PM</option>
<option>4:15PM</option>
<option>4:30PM</option>
<option>4:45PM</option>
<option>5:00PM</option>
<option>5:15PM</option>
<option>5:30PM</option>
<option>5:45PM</option>
<option>6:00PM</option>
<option>6:15PM</option>
<option>6:30PM</option>
<option>6:45PM</option>
<option>7:00PM</option>
<option>7:15PM</option>
<option>7:30PM</option>
<option>7:45PM</option>
<option>8:00PM</option>
<option>8:15PM</option>
<option>8:30PM</option>
<option>8:45PM</option>
<option>9:00PM</option>
<option>9:15PM</option>
<option>9:30PM</option>
<option>9:45PM</option>
<option>10:00PM</option>
<option>10:15PM</option>
<option>10:30PM</option>
<option>10:45PM</option>
<option>11:00PM</option>
<option>11:15PM</option>
<option>11:30PM</option>
<option>11:45PM</option>
</select>
<div class="absolute wgue8 z5b3o -translate-y-1/2 opacity-0 group-hover:opacity-100 group-focus:opacity-100">
<svg class="hq6gx stqz8 kvliy dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>
</div>
</div>
<!-- End Select -->
</div>
</div>
<!-- End Grid -->
<!-- Grid -->
<div class="flex ca82m e3yf4 items-center duzhl sybv7">
<div class="i65bn cdyyc">
<!-- Calendar Dropdown -->
<div class="hs-dropdown [--strategy:absolute] [--auto-close:inside] relative inline-flex i65bn">
<button id="@@monthDropdownID1" type="button" class="d0kec qh1uk kzzmm group inline-flex items-center pgjbi i65bn qgy40 piafy umxjj wfm4e qb17b oo8ro bp13m rz6ys disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 hover:focus:border-transparent dark:bg-neutral-800 dark:text-neutral-200 dark:hover:border-neutral-700 dark:focus:bg-neutral-700" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
Thu, Jan 2024
<svg class="hq6gx stqz8 ms-auto kvliy opacity-0 group-hover:opacity-100 group-focus:opacity-100 dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>
</button>
<!-- Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 sr9jk transition-[opacity,margin] duration opacity-0 hidden bo1ta oo8ro lile3 rrmkk dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="@@monthDropdownID1">
<!-- Calendar -->
<div class="n33uu dmfqa rde0s">
<div class="sm5p4 ">
<!-- Months -->
<div class="flex uip67 items-center duzhl hypkf">
<span class="jrfm7 block cm336 vo20k t6rrs dark:text-neutral-500">January 2024</span>
<div class="flex c9j8j items-center duzhl">
<button type="button" class="p6abj ezw10 flex r00n9 items-center t6rrs eweab l24f5 oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200" aria-label="Previous">
<svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m15 18-6-6 6-6"/></svg>
</button>
<button type="button" class="p6abj ezw10 flex r00n9 items-center t6rrs eweab l24f5 oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200" aria-label="Next">
<svg class="hq6gx stqz8" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg>
</button>
</div>
</div>
<!-- Months -->
<!-- Weeks -->
<div class="flex s8bn9">
<span class="p6abj olxph block lj7mp s2avd t6rrs dark:text-neutral-500">
Mo
</span>
<span class="p6abj olxph block lj7mp s2avd t6rrs dark:text-neutral-500">
Tu
</span>
<span class="p6abj olxph block lj7mp s2avd t6rrs dark:text-neutral-500">
We
</span>
<span class="p6abj olxph block lj7mp s2avd t6rrs dark:text-neutral-500">
Th
</span>
<span class="p6abj olxph block lj7mp s2avd t6rrs dark:text-neutral-500">
Fr
</span>
<span class="p6abj olxph block lj7mp s2avd t6rrs dark:text-neutral-500">
Sa
</span>
<span class="p6abj olxph block lj7mp s2avd t6rrs dark:text-neutral-500">
Su
</span>
</div>
<!-- Weeks -->
<!-- Days -->
<div class="flex">
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
1
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
2
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
3
<span class="absolute yba2f p3683 znooq jqqot oq0dt -translate-x-1/2 dark:bg-blue-500"></span>
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
4
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
5
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
6
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
7
</button>
</div>
</div>
<!-- Days -->
<!-- Days -->
<div class="flex">
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
8
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
9
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
10
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
11
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center jqqot wfm4e qb17b cm336 vo20k zr4l6 bp7p8 oq0dt dark:bg-blue-500 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden xtb2n dark:hover:border-neutral-700">
12
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
13
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
14
</button>
</div>
</div>
<!-- Days -->
<!-- Days -->
<div class="flex">
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
15
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
16
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
17
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
18
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
19
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
20
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
21
</button>
</div>
</div>
<!-- Days -->
<!-- Days -->
<div class="flex">
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
22
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
23
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
24
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
25
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
26
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
27
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
28
</button>
</div>
</div>
<!-- Days -->
<!-- Days -->
<div class="flex">
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
29
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
30
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
31
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center cm336 kvliy oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden y4dru dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
1
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center cm336 kvliy oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden y4dru dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
2
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center cm336 kvliy oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden y4dru dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
3
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center cm336 kvliy oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden y4dru dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
4
</button>
</div>
</div>
<!-- Days -->
<!-- Days -->
<div class="flex">
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center cm336 kvliy oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden y4dru dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
5
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center cm336 kvliy oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden y4dru dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
6
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center cm336 kvliy oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden y4dru dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
7
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center cm336 kvliy oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden y4dru dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
8
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center cm336 kvliy oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden y4dru dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
9
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center cm336 kvliy oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden y4dru dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
10
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center cm336 kvliy oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden y4dru dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
11
</button>
</div>
</div>
<!-- Days -->
</div>
</div>
<!-- End Calendar -->
</div>
<!-- End Dropdown -->
</div>
<!-- End Calendar Dropdown -->
</div>
<div class="gs0ea">
<svg class="hq6gx a49ku mx-auto kvliy dark:text-neutral-600" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg>
</div>
<div class="i65bn cdyyc">
<!-- Calendar Dropdown -->
<div class="hs-dropdown [--strategy:absolute] [--auto-close:inside] relative inline-flex i65bn">
<button id="@@monthDropdownID2" type="button" class="d0kec qh1uk kzzmm group inline-flex items-center pgjbi i65bn qgy40 piafy umxjj wfm4e qb17b oo8ro bp13m rz6ys disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 hover:focus:border-transparent dark:bg-neutral-800 dark:text-neutral-200 dark:hover:border-neutral-700 dark:focus:bg-neutral-700" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
Thu, Jan 2024
<svg class="hq6gx stqz8 ms-auto kvliy opacity-0 group-hover:opacity-100 group-focus:opacity-100 dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>
</button>
<!-- Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 sr9jk transition-[opacity,margin] duration opacity-0 hidden bo1ta oo8ro lile3 rrmkk dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="@@monthDropdownID2">
<!-- Calendar -->
<div class="n33uu dmfqa rde0s">
<div class="sm5p4 ">
<!-- Months -->
<div class="flex uip67 items-center duzhl hypkf">
<span class="jrfm7 block cm336 vo20k t6rrs dark:text-neutral-500">January 2024</span>
<div class="flex c9j8j items-center duzhl">
<button type="button" class="p6abj ezw10 flex r00n9 items-center t6rrs eweab l24f5 oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200" aria-label="Previous">
<svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m15 18-6-6 6-6"/></svg>
</button>
<button type="button" class="p6abj ezw10 flex r00n9 items-center t6rrs eweab l24f5 oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200" aria-label="Next">
<svg class="hq6gx stqz8" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg>
</button>
</div>
</div>
<!-- Months -->
<!-- Weeks -->
<div class="flex s8bn9">
<span class="p6abj olxph block lj7mp s2avd t6rrs dark:text-neutral-500">
Mo
</span>
<span class="p6abj olxph block lj7mp s2avd t6rrs dark:text-neutral-500">
Tu
</span>
<span class="p6abj olxph block lj7mp s2avd t6rrs dark:text-neutral-500">
We
</span>
<span class="p6abj olxph block lj7mp s2avd t6rrs dark:text-neutral-500">
Th
</span>
<span class="p6abj olxph block lj7mp s2avd t6rrs dark:text-neutral-500">
Fr
</span>
<span class="p6abj olxph block lj7mp s2avd t6rrs dark:text-neutral-500">
Sa
</span>
<span class="p6abj olxph block lj7mp s2avd t6rrs dark:text-neutral-500">
Su
</span>
</div>
<!-- Weeks -->
<!-- Days -->
<div class="flex">
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
1
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
2
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
3
<span class="absolute yba2f p3683 znooq jqqot oq0dt -translate-x-1/2 dark:bg-blue-500"></span>
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
4
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
5
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
6
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
7
</button>
</div>
</div>
<!-- Days -->
<!-- Days -->
<div class="flex">
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
8
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
9
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
10
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
11
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center jqqot wfm4e qb17b cm336 vo20k zr4l6 bp7p8 oq0dt dark:bg-blue-500 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden xtb2n dark:hover:border-neutral-700">
12
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
13
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
14
</button>
</div>
</div>
<!-- Days -->
<!-- Days -->
<div class="flex">
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
15
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
16
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
17
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
18
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
19
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
20
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
21
</button>
</div>
</div>
<!-- Days -->
<!-- Days -->
<div class="flex">
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
22
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
23
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
24
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
25
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
26
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
27
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
28
</button>
</div>
</div>
<!-- Days -->
<!-- Days -->
<div class="flex">
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
29
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
30
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
31
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center cm336 kvliy oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden y4dru dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
1
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center cm336 kvliy oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden y4dru dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
2
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center cm336 kvliy oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden y4dru dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
3
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center cm336 kvliy oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden y4dru dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
4
</button>
</div>
</div>
<!-- Days -->
<!-- Days -->
<div class="flex">
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center cm336 kvliy oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden y4dru dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
5
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center cm336 kvliy oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden y4dru dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
6
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center cm336 kvliy oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden y4dru dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
7
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center cm336 kvliy oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden y4dru dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
8
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center cm336 kvliy oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden y4dru dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
9
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center cm336 kvliy oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden y4dru dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
10
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center cm336 kvliy oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden y4dru dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
11
</button>
</div>
</div>
<!-- Days -->
</div>
</div>
<!-- End Calendar -->
</div>
<!-- End Dropdown -->
</div>
<!-- End Calendar Dropdown -->
</div>
</div>
<!-- End Grid -->
<!-- Grid -->
<div class="flex ca82m e3yf4 items-center duzhl sybv7">
<div class="i65bn cdyyc">
<!-- Switch -->
<div class="flex items-center lialp g6bj4">
<label for="hs-pro-crcemad" class="flex items-center pgjbi piafy dslo6 bp13m dark:text-neutral-200">All-Day:</label>
<label for="hs-pro-crcemad" class="relative inline-block mid1e ljyfw cursor-pointer">
<input type="checkbox" id="hs-pro-crcemad" class="peer ecbnn">
<span class="absolute inset-0 rjuva oq0dt hgdm1 vtbde jhf88 peer-checked:bg-blue-600 dark:bg-neutral-700 dark:peer-checked:bg-blue-500 peer-disabled:opacity-50 peer-disabled:pointer-events-none"></span>
<span class="absolute wgue8 sabt1 -translate-y-1/2 ibvs1 oo8ro oq0dt t4usm pjxlf vtbde jhf88 peer-checked:translate-x-full dark:bg-neutral-400 dark:peer-checked:bg-white"></span>
</label>
</div>
<!-- End Switch -->
</div>
<div class="gs0ea">
<svg class="opacity-0 hq6gx a49ku mx-auto kvliy dark:text-neutral-600" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg>
</div>
<div class="i65bn cdyyc">
<!-- Repeat Dropdown -->
<div class="hs-dropdown [--strategy:absolute] relative inline-flex i65bn">
<button id="@@doNotRepeatDropdownID" type="button" class="d0kec qh1uk kzzmm group inline-flex items-center pgjbi i65bn qgy40 piafy umxjj wfm4e qb17b oo8ro bp13m rz6ys hover:focus:border-transparent disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:bg-neutral-800 dark:text-neutral-200 dark:hover:border-neutral-700 dark:focus:bg-neutral-700" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
Do not repeat
<svg class="hq6gx stqz8 ms-auto kvliy opacity-0 group-hover:opacity-100 group-focus:opacity-100 dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>
</button>
<!-- Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 i65bn transition-[opacity,margin] duration opacity-0 hidden bo1ta oo8ro lile3 rrmkk dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="@@doNotRepeatDropdownID">
<div class="ju7it space-y-0.5">
<!-- Radio -->
<label for="hs-pro-crcemd1" class="d0kec kzzmm group flex vrcxw umxjj cursor-pointer e9qjd bp13m ksr3h dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="radio" class="hidden" id="hs-pro-crcemd1" name="hs-pro-crcemd" checked>
Do not repeat
<svg class="hq6gx stqz8 tr8tx ms-auto opacity-0 group-has-checked:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
</label>
<!-- End Radio -->
<!-- Radio -->
<label for="hs-pro-crcemd2" class="d0kec kzzmm group flex vrcxw umxjj cursor-pointer e9qjd bp13m ksr3h dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="radio" class="hidden" id="hs-pro-crcemd2" name="hs-pro-crcemd">
Every Day
<svg class="hq6gx stqz8 tr8tx ms-auto opacity-0 group-has-checked:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
</label>
<!-- End Radio -->
<!-- Radio -->
<label for="hs-pro-crcemd3" class="d0kec kzzmm group flex vrcxw umxjj cursor-pointer e9qjd bp13m ksr3h dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="radio" class="hidden" id="hs-pro-crcemd3" name="hs-pro-crcemd">
Every Week
<svg class="hq6gx stqz8 tr8tx ms-auto opacity-0 group-has-checked:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
</label>
<!-- End Radio -->
<!-- Radio -->
<label for="hs-pro-crcemd4" class="d0kec kzzmm group flex vrcxw umxjj cursor-pointer e9qjd bp13m ksr3h dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="radio" class="hidden" id="hs-pro-crcemd4" name="hs-pro-crcemd">
Every Year
<svg class="hq6gx stqz8 tr8tx ms-auto opacity-0 group-has-checked:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
</label>
<!-- End Radio -->
</div>
<div class="ju7it pyimf d77gl dark:border-neutral-800">
<button type="button" class="flex items-center vrcxw i65bn jlmh5 kzzmm ps5iq e9qjd bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-clcre" data-hs-overlay-options='{
"isClosePrev": false
}'>
Custom
</button>
</div>
</div>
<!-- End Dropdown -->
</div>
<!-- End Repeat Dropdown -->
</div>
</div>
<!-- End Grid -->
</div>
</div>
<!-- End Item -->
<!-- Item -->
<div class="i63zv">
<label for="hs-pro-crcemtz" class="nxgm9 flex r00n9 items-center pgjbi e9qjd kvliy dark:text-neutral-500">
<svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"/><path d="M2 12h20"/></svg>
<span class="ecbnn">Time Zone:</span>
</label>
</div>
<div class="xdw6i relative fkoia before:ms-2 before:absolute before:top-0 before:inset-x-0 before:w-[calc(100%-8px)] before:h-px before:bg-gray-100 dark:before:bg-white/10">
<input id="hs-pro-crcemtz" type="text" class="d0kec qh1uk kzzmm block i65bn qb17b umxjj piafy bp13m lluhh rz6ys a0kik disabled:opacity-50 disabled:pointer-events-none kf4z7 b2plr rdxom dark:text-neutral-200 dark:bg-neutral-800 dark:hover:border-neutral-700 dark:text-neutral-200 dark:placeholder:text-neutral-500 dark:focus:bg-neutral-700" placeholder="Time Zone" value="London (GMT+0)">
</div>
<!-- End Item -->
<!-- Item -->
<div class="i63zv">
<label for="hs-pro-crcemg" class="nxgm9 flex r00n9 items-center pgjbi e9qjd kvliy dark:text-neutral-500">
<svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M22 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg>
<span class="ecbnn">Participants:</span>
</label>
</div>
<div class="xdw6i relative fkoia before:ms-2 before:absolute before:top-0 before:inset-x-0 before:w-[calc(100%-8px)] before:h-px before:bg-gray-100 dark:before:bg-white/10">
<input id="hs-pro-crcemg" type="text" class="d0kec qh1uk kzzmm block i65bn qb17b umxjj piafy bp13m lluhh rz6ys a0kik disabled:opacity-50 disabled:pointer-events-none kf4z7 b2plr rdxom dark:text-neutral-200 dark:bg-neutral-800 dark:hover:border-neutral-700 dark:text-neutral-200 dark:placeholder:text-neutral-500 dark:focus:bg-neutral-700" placeholder="Add Participants">
</div>
<!-- End Item -->
<!-- Item -->
<div class="i63zv">
<label class="nxgm9 flex r00n9 items-center pgjbi e9qjd kvliy dark:text-neutral-500">
<svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m22 8-6 4 6 4V8Z"/><rect width="14" height="12" x="2" y="6" rx="2" ry="2"/></svg>
<span class="ecbnn">Video Conferencing:</span>
</label>
</div>
<div class="xdw6i relative fkoia before:ms-2 before:absolute before:top-0 before:inset-x-0 before:w-[calc(100%-8px)] before:h-px before:bg-gray-100 dark:before:bg-white/10">
<button type="button" class="group flex flex-wrap items-center lialp i65bn ju7it yujsw jjspw nyo8p ps5iq piafy bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
<svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="192" height="192" viewBox="0 0 192 192"><path fill="none" d="M0 0h192v192H0z"/><path fill="#00832D" d="M108 96l17.06 19.5L148 130.16l4-34.03-4-33.28-23.38 12.88z"/><path fill="#0066DA" d="M9 127v29c0 6.63 5.37 12 12 12h29l6-21.92L50 127l-19.9-6L9 127z"/><path fill="#E94235" d="M50 24L9 65l21.1 6L50 65l5.9-18.83z"/><path fill="#2684FC" d="M9 65h41v62H9z"/><path fill="#00AC47" d="M174.19 41.36L148 62.85v67.31l26.3 21.57c3.94 3.08 9.7.27 9.7-4.73V46c0-5.07-5.89-7.85-9.81-4.64zM108 96v31H50v41h86c6.63 0 12-5.37 12-12v-25.84L108 96z"/><path fill="#FFBA00" d="M136 24H50v41h58v31l40-33.15V36c0-6.63-5.37-12-12-12z"/></svg>
Google Meet
</button>
<button type="button" class="flex flex-wrap items-center lialp i65bn ju7it yujsw jjspw nyo8p ps5iq piafy xq1jm ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
<svg class="hq6gx ibvs1" width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M435.2 0H76.8C34.3845 0 0 34.3845 0 76.8V435.2C0 477.615 34.3845 512 76.8 512H435.2C477.615 512 512 477.615 512 435.2V76.8C512 34.3845 477.615 0 435.2 0Z" fill="#2D8CFF"/>
<path d="M428 357C436 359 443 355 447 349C449 346 449 341 449 330V179C449 168 449 164 447 160C444 152 436 149 428 152C407 166 361 207 360 224C359.2 227 359.2 232 359.2 239V277C359.2 285 359.2 288 360 292C361 300 364 307 368 311C380 320 420 356 429 356L428 357ZM64 187C64 172 64 164 67 160C69 156 75 152 78 149C82 146 89 146 105 146H234C272 146 291 146 306 154C317 162 329 169 336 184C344 199 344 218 344 256V324C344 339 344 347 341 351C339 355 333 359 330 362C326 365 319 365 303 365H174C136 365 117 365 102 357C91 349 79 342 72 327C64 312 64 293 64 255V187Z" fill="white"/>
</svg>
Zoom
<span class="ms-auto d0kec lxh7u cm336 umxjj wfm4e d77gl oo8ro bp13m hx4gm dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300">
Connect
</span>
</button>
</div>
<!-- End Item -->
<!-- Item -->
<div class="i63zv">
<label for="hs-create-event-location-autoheight-textarea" class="nxgm9 flex r00n9 items-center pgjbi e9qjd kvliy dark:text-neutral-500">
<svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z"/><circle cx="12" cy="10" r="3"/></svg>
<span class="ecbnn">Location:</span>
</label>
</div>
<div class="xdw6i relative fkoia before:ms-2 before:absolute before:top-0 before:inset-x-0 before:w-[calc(100%-8px)] before:h-px before:bg-gray-100 dark:before:bg-white/10">
<textarea id="hs-create-event-location-autoheight-textarea" class="d0kec qh1uk kzzmm block i65bn qb17b umxjj piafy bp13m rz6ys a0kik lqn87 disabled:opacity-50 disabled:pointer-events-none kf4z7 b2plr rdxom dark:bg-neutral-800 dark:hover:border-neutral-700 dark:text-neutral-200 dark:placeholder:text-neutral-500 dark:focus:bg-neutral-700" rows="1" placeholder="Add Location" data-hs-textarea-auto-height></textarea>
</div>
<!-- End Item -->
<!-- Item -->
<button type="button" class="hs-collapse-toggle hs-collapse-open:hidden group uaipy i65bn qgy40 focus:outline-hidden disabled:opacity-50 disabled:pointer-events-none dark:before:bg-white/10" id="hs-pro-crcem-add-description-url-attachments-collapse" aria-expanded="false" aria-controls="hs-pro-crcem-add-description-url-attachments" data-hs-collapse="#hs-pro-crcem-add-description-url-attachments">
<span class="dmfqa fqhb4 h1dxu">
<span class="i63zv">
<span class="nxgm9 flex r00n9 items-center pgjbi e9qjd kvliy dark:text-neutral-500">
<svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="21" x2="3" y1="6" y2="6"/><line x1="15" x2="3" y1="12" y2="12"/><line x1="17" x2="3" y1="18" y2="18"/></svg>
</span>
</span>
<span class="xdw6i relative fkoia before:ms-2 before:absolute before:top-0 before:inset-x-0 before:w-[calc(100%-8px)] before:h-px before:bg-gray-100 dark:before:bg-white/10">
<span class="d0kec qh1uk kzzmm block i65bn ps5iq piafy bp13m wfm4e qb17b group-hover:bg-gray-100 group-focus:bg-gray-100 dark:text-neutral-200 dark:group-hover:bg-neutral-700 dark:group-focus:bg-neutral-700">
Add description, URL, or Attachments
</span>
</span>
</span>
</button>
<!-- End Item -->
<!-- Item -->
<div id="hs-pro-crcem-add-description-url-attachments" class="hs-collapse hidden uaipy i65bn overflow-hidden transition-[height] jahre" aria-labelledby="hs-pro-crcem-add-description-url-attachments-collapse">
<div class="dmfqa fqhb4 h1dxu">
<!-- Item -->
<div class="i63zv">
<label for="hs-create-event-description-autoheight-textarea" class="nxgm9 flex r00n9 items-center pgjbi e9qjd kvliy dark:text-neutral-500">
<svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="21" x2="3" y1="6" y2="6"/><line x1="15" x2="3" y1="12" y2="12"/><line x1="17" x2="3" y1="18" y2="18"/></svg>
<span class="ecbnn">Description:</span>
</label>
</div>
<div class="xdw6i relative fkoia before:ms-2 before:absolute before:top-0 before:inset-x-0 before:w-[calc(100%-8px)] before:h-px before:bg-gray-100 dark:before:bg-white/10">
<textarea id="hs-create-event-description-autoheight-textarea" class="d0kec qh1uk kzzmm block i65bn qb17b umxjj piafy rz6ys a0kik lqn87 disabled:opacity-50 disabled:pointer-events-none kf4z7 b2plr rdxom dark:bg-neutral-800 dark:hover:border-neutral-700 dark:text-neutral-200 dark:placeholder:text-neutral-500 dark:focus:bg-neutral-700" rows="1" placeholder="Add Description" data-hs-textarea-auto-height></textarea>
</div>
<!-- End Item -->
<!-- Item -->
<div class="i63zv">
<label for="hs-pro-crcemurl" class="nxgm9 flex r00n9 items-center pgjbi e9qjd kvliy dark:text-neutral-500">
<svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"/><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"/></svg>
<span class="ecbnn">URL:</span>
</label>
</div>
<div class="xdw6i relative fkoia before:ms-2 before:absolute before:top-0 before:inset-x-0 before:w-[calc(100%-8px)] before:h-px before:bg-gray-100 dark:before:bg-white/10">
<input id="hs-pro-crcemurl" type="text" class="d0kec qh1uk kzzmm block i65bn qb17b umxjj piafy bp13m lluhh rz6ys a0kik disabled:opacity-50 disabled:pointer-events-none kf4z7 b2plr rdxom dark:text-neutral-200 dark:bg-neutral-800 dark:hover:border-neutral-700 dark:text-neutral-200 dark:placeholder:text-neutral-500 dark:focus:bg-neutral-700" placeholder="Add URL" >
</div>
<!-- End Item -->
<!-- Item -->
<div class="i63zv">
<label class="nxgm9 flex r00n9 items-center pgjbi e9qjd kvliy dark:text-neutral-500">
<svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l8.57-8.57A4 4 0 1 1 18 8.84l-8.59 8.57a2 2 0 0 1-2.83-2.83l8.49-8.48"/></svg>
<span class="ecbnn">Attachment:</span>
</label>
</div>
<div class="xdw6i relative fkoia before:ms-2 before:absolute before:top-0 before:inset-x-0 before:w-[calc(100%-8px)] before:h-px before:bg-gray-100 dark:before:bg-white/10">
<input type="file" class="zocwd block i65bn e9qjd t6rrs wfm4e qb17b focus:outline-hidden dark:text-neutral-500
rb09k msugu eqp11
hxp8e tdqlc
qddog
ls4pa a9qp5
w4bwr
file:disabled:opacity-50 file:disabled:pointer-events-none
dark:file:bg-neutral-700
dark:file:text-neutral-300
">
</div>
<!-- End Item -->
</div>
</div>
<!-- End Item -->
<!-- Item -->
<div class="i63zv">
<label class="nxgm9 flex r00n9 items-center pgjbi e9qjd kvliy dark:text-neutral-500">
<svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M8 2v4"/><path d="M16 2v4"/><rect width="18" height="18" x="3" y="4" rx="2"/><path d="M3 10h18"/></svg>
<span class="ecbnn">Assignee:</span>
</label>
</div>
<div class="xdw6i relative fkoia before:ms-2 before:absolute before:top-0 before:inset-x-0 before:w-[calc(100%-8px)] before:h-px before:bg-gray-100 dark:before:bg-white/10">
<div class="space-y-1">
<div class="flex flex-wrap items-center duzhl">
<div class="flex-1">
<!-- Assignee Dropdown -->
<div class="hs-dropdown [--strategy:absolute] relative inline-flex i65bn">
<button id="@@dropdownAssigneeID" type="button" class="d0kec qh1uk kzzmm group inline-flex items-center pgjbi i65bn qgy40 piafy umxjj wfm4e qb17b oo8ro bp13m rz6ys hover:focus:border-transparent disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:bg-neutral-800 dark:text-neutral-200 dark:hover:border-neutral-700 dark:focus:bg-neutral-700" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
james@preline.co
<svg class="hq6gx stqz8 ms-auto kvliy opacity-0 group-hover:opacity-100 group-focus:opacity-100 dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>
</button>
<!-- Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 i65bn transition-[opacity,margin] duration opacity-0 hidden bo1ta oo8ro lile3 rrmkk dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="@@dropdownAssigneeID">
<div class="ju7it space-y-0.5">
<span class="zocwd cm336 t6rrs dark:text-neutral-400">
james@preline.co
</span>
<!-- Radio -->
<label for="hs-pro-crcema1" class="d0kec kzzmm group flex lialp umxjj cursor-pointer e9qjd bp13m ksr3h dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="radio" class="hq6gx d77gl stqz8 tr8tx oq0dt ur0l7 cursor-pointer p1ez7 rgvf6 dark:bg-neutral-800 dark:text-teal-500 dark:border-neutral-700 dark:checked:bg-teal-500 dark:checked:border-teal-500" id="hs-pro-crcema1" name="hs-pro-crcema" checked>
James Collins
<svg class="hq6gx stqz8 tr8tx ms-auto opacity-0 group-has-checked:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
</label>
<!-- End Radio -->
<!-- Radio -->
<label for="hs-pro-crcema2" class="d0kec kzzmm group flex lialp umxjj cursor-pointer e9qjd bp13m ksr3h dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="radio" class="hq6gx d77gl stqz8 tr8tx oq0dt oht7s cursor-pointer p1ez7 rgvf6 dark:bg-neutral-800 dark:text-sky-500 dark:border-neutral-700 dark:checked:bg-sky-500 dark:checked:border-sky-500" id="hs-pro-crcema2" name="hs-pro-crcema">
Preline tasks
<svg class="hq6gx stqz8 tr8tx ms-auto opacity-0 group-has-checked:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
</label>
<!-- End Radio -->
<!-- Radio -->
<label for="hs-pro-crcema3" class="d0kec kzzmm group flex lialp umxjj cursor-pointer e9qjd bp13m ksr3h dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="radio" class="hq6gx d77gl stqz8 tr8tx oq0dt rkwi0 cursor-pointer p1ez7 rgvf6 dark:bg-neutral-800 dark:text-purple-500 dark:border-neutral-700 dark:checked:bg-purple-500 dark:checked:border-purple-500" id="hs-pro-crcema3" name="hs-pro-crcema">
Performance Tasks
<svg class="hq6gx stqz8 tr8tx ms-auto opacity-0 group-has-checked:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
</label>
<!-- End Radio -->
</div>
<div class="ju7it space-y-0.5">
<span class="zocwd cm336 t6rrs dark:text-neutral-400">
collinsjames@gmail.com
</span>
<!-- Radio -->
<label for="hs-pro-crcema4" class="d0kec kzzmm group flex lialp umxjj cursor-pointer e9qjd bp13m ksr3h dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="radio" class="hq6gx d77gl stqz8 tr8tx oq0dt gqwrq cursor-pointer p1ez7 rgvf6 dark:bg-neutral-800 dark:text-pink-500 dark:border-neutral-700 dark:checked:bg-pink-500 dark:checked:border-pink-500" id="hs-pro-crcema4" name="hs-pro-erema">
Holidays
<svg class="hq6gx stqz8 tr8tx ms-auto opacity-0 group-has-checked:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
</label>
<!-- End Radio -->
</div>
</div>
<!-- End Dropdown -->
</div>
<!-- End Assignee Dropdown -->
</div>
<!-- Assignee Color Dropdown -->
<div class="hs-dropdown [--strategy:absolute] [--placement:top-right] relative inline-flex">
<button id="@@dropdownEventColorID" type="button" class="d0kec qh1uk kzzmm group inline-flex items-center pgjbi nyo8p qgy40 piafy umxjj wfm4e qb17b oo8ro bp13m rz6ys hover:focus:border-transparent disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:bg-neutral-800 dark:text-neutral-200 dark:hover:border-neutral-700 dark:focus:bg-neutral-700" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<span class="hq6gx a49ku neiig oq0dt dark:bg-green-500"></span>
<svg class="hq6gx stqz8 ms-auto kvliy opacity-0 group-hover:opacity-100 group-focus:opacity-100 dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>
</button>
<!-- Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 qzvcy transition-[opacity,margin] duration opacity-0 hidden bo1ta oo8ro lile3 rrmkk dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="@@dropdownEventColorID">
<div class="ju7it space-y-0.5">
<span class="zocwd cm336 t6rrs dark:text-neutral-400">
Event color
</span>
<!-- Radio -->
<label for="hs-pro-crcemaec1" class="d0kec kzzmm group flex lialp umxjj cursor-pointer e9qjd bp13m ksr3h dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="radio" class="hq6gx d77gl stqz8 tr8tx dqdmd qb17b ub67z cursor-pointer p1ez7 rgvf6 vwtsc e4bh9 checked:bg-red-600 checked:bg-none checked:hover:bg-red-600 dark:bg-red-500 dark:focus:text-red-500 dark:checked:hover:bg-red-500" id="hs-pro-crcemaec1" name="hs-pro-crcemaec">
Red
<svg class="hq6gx stqz8 tr8tx ms-auto opacity-0 group-has-checked:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
</label>
<!-- End Radio -->
<!-- Radio -->
<label for="hs-pro-crcemaec2" class="d0kec kzzmm group flex lialp umxjj cursor-pointer e9qjd bp13m ksr3h dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="radio" class="hq6gx d77gl stqz8 tr8tx dqdmd qb17b kslfv cursor-pointer p1ez7 rgvf6 mxvcb fwbec checked:bg-orange-600 checked:bg-none checked:hover:bg-orange-600 dark:bg-orange-500 dark:focus:text-orange-500 dark:checked:hover:bg-orange-500" id="hs-pro-crcemaec2" name="hs-pro-crcemaec">
Orange
<svg class="hq6gx stqz8 tr8tx ms-auto opacity-0 group-has-checked:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
</label>
<!-- End Radio -->
<!-- Radio -->
<label for="hs-pro-crcemaec3" class="d0kec kzzmm group flex lialp umxjj cursor-pointer e9qjd bp13m ksr3h dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="radio" class="hq6gx d77gl stqz8 tr8tx dqdmd qb17b wbihs cursor-pointer p1ez7 rgvf6 incfa ph3pu checked:bg-yellow-400 checked:bg-none checked:hover:bg-yellow-400 dark:bg-yellow-500 dark:focus:text-yellow-500 dark:checked:hover:bg-yellow-500" id="hs-pro-crcemaec3" name="hs-pro-crcemaec">
Yellow
<svg class="hq6gx stqz8 tr8tx ms-auto opacity-0 group-has-checked:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
</label>
<!-- End Radio -->
<!-- Radio -->
<label for="hs-pro-crcemaec4" class="d0kec kzzmm group flex lialp umxjj cursor-pointer e9qjd bp13m ksr3h dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="radio" class="hq6gx d77gl stqz8 tr8tx dqdmd qb17b neiig cursor-pointer p1ez7 rgvf6 lohag pvhn8 checked:bg-green-600 checked:bg-none checked:hover:bg-green-600 dark:bg-green-500 dark:focus:text-green-500 dark:checked:hover:bg-green-500" id="hs-pro-crcemaec4" name="hs-pro-crcemaec" checked>
Green
<svg class="hq6gx stqz8 tr8tx ms-auto opacity-0 group-has-checked:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
</label>
<!-- End Radio -->
<!-- Radio -->
<label for="hs-pro-crcemaec5" class="d0kec kzzmm group flex lialp umxjj cursor-pointer e9qjd bp13m ksr3h dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="radio" class="hq6gx d77gl stqz8 tr8tx dqdmd qb17b d0sng cursor-pointer p1ez7 rgvf6 qyduq x96nl checked:bg-sky-600 checked:bg-none checked:hover:bg-sky-600 dark:bg-sky-500 dark:focus:text-sky-500 dark:checked:hover:bg-sky-500" id="hs-pro-crcemaec5" name="hs-pro-crcemaec">
Blue
<svg class="hq6gx stqz8 tr8tx ms-auto opacity-0 group-has-checked:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
</label>
<!-- End Radio -->
<!-- Radio -->
<label for="hs-pro-crcemaec6" class="d0kec kzzmm group flex lialp umxjj cursor-pointer e9qjd bp13m ksr3h dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="radio" class="hq6gx d77gl stqz8 tr8tx dqdmd qb17b zd4fn cursor-pointer p1ez7 rgvf6 hgv7r owlgl checked:bg-pink-600 checked:bg-none checked:hover:bg-pink-600 dark:bg-pink-500 dark:focus:text-pink-500 dark:checked:hover:bg-pink-500" id="hs-pro-crcemaec6" name="hs-pro-crcemaec">
Pink
<svg class="hq6gx stqz8 tr8tx ms-auto opacity-0 group-has-checked:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
</label>
<!-- End Radio -->
<!-- Radio -->
<label for="hs-pro-crcemaec7" class="d0kec kzzmm group flex lialp umxjj cursor-pointer e9qjd bp13m ksr3h dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="radio" class="hq6gx d77gl stqz8 tr8tx dqdmd qb17b vh6bg cursor-pointer p1ez7 rgvf6 ubcjr y4dru checked:bg-gray-300 checked:bg-none checked:hover:bg-gray-300 dark:bg-neutral-500 dark:focus:text-neutral-500 dark:checked:hover:bg-gray-500" id="hs-pro-crcemaec7" name="hs-pro-crcemaec">
Gray
<svg class="hq6gx stqz8 tr8tx ms-auto opacity-0 group-has-checked:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
</label>
<!-- End Radio -->
</div>
</div>
<!-- End Dropdown -->
</div>
<!-- End Assignee Color Dropdown -->
</div>
<!-- Grid -->
<div class="dmfqa hdv6z items-center lialp">
<!-- Select -->
<div class="relative group">
<select data-hs-select='{
"placeholder": "Availability",
"toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>",
"toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative d0kec qh1uk kzzmm i65bn flex lialp dslo6 bp13m cursor-pointer oo8ro wfm4e qb17b umxjj qgy40 piafy rz6ys hover:focus:border-transparent focus:outline-hidden kf4z7 dark:bg-neutral-800 dark:hover:border-neutral-700 dark:text-neutral-200 dark:focus:outline-hidden dark:focus:bg-neutral-700",
"dropdownClasses": "ls9te ucmtr i65bn sel6q ju7it space-y-0.5 overflow-hidden overflow-y-auto oo8ro lile3 rrmkk n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900",
"optionClasses": "hs-selected:bg-gray-100 dark:hs-selected:bg-neutral-800 d0kec apc69 i65bn e9qjd bp13m cursor-pointer ksr3h umxjj focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex uip67 items-center i65bn \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"hq6gx stqz8 bp13m dark:text-neutral-200 \" xmlns=\"http:.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"/></svg></span></div>",
"viewport": "#hs-modal-create-event"
}' class="hidden">
<option value="">Choose</option>
<option selected>Busy</option>
<option>Free</option>
</select>
<div class="absolute wgue8 z5b3o -translate-y-1/2 opacity-0 group-hover:opacity-100 group-focus:opacity-100">
<svg class="hq6gx stqz8 kvliy dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>
</div>
</div>
<!-- End Select -->
<!-- Select -->
<div class="relative group">
<select data-hs-select='{
"placeholder": "Visibility",
"toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>",
"toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative d0kec qh1uk kzzmm i65bn flex lialp dslo6 bp13m cursor-pointer oo8ro wfm4e qb17b umxjj qgy40 piafy rz6ys hover:focus:border-transparent focus:outline-hidden kf4z7 dark:bg-neutral-800 dark:hover:border-neutral-700 dark:text-neutral-200 dark:focus:outline-hidden dark:focus:bg-neutral-700",
"dropdownClasses": "ls9te ucmtr i65bn sel6q ju7it space-y-0.5 overflow-hidden overflow-y-auto oo8ro lile3 rrmkk n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900",
"optionClasses": "hs-selected:bg-gray-100 dark:hs-selected:bg-neutral-800 d0kec apc69 i65bn e9qjd bp13m cursor-pointer ksr3h umxjj focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex uip67 items-center i65bn \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"hq6gx stqz8 bp13m dark:text-neutral-200 \" xmlns=\"http:.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"/></svg></span></div>",
"viewport": "#hs-modal-create-event"
}' class="hidden">
<option value="">Choose</option>
<option selected>Default visibility</option>
<option>Private</option>
<option>Public</option>
</select>
<div class="absolute wgue8 z5b3o -translate-y-1/2 opacity-0 group-hover:opacity-100 group-focus:opacity-100">
<svg class="hq6gx stqz8 kvliy dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>
</div>
</div>
<!-- End Select -->
</div>
<!-- End Grid -->
</div>
</div>
<!-- End Item -->
<!-- Item -->
<div class="i63zv">
<label class="nxgm9 flex r00n9 items-center pgjbi e9qjd kvliy dark:text-neutral-500">
<svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9"/><path d="M10.3 21a1.94 1.94 0 0 0 3.4 0"/></svg>
<span class="ecbnn">Reminders:</span>
</label>
</div>
<div class="xdw6i relative fkoia before:ms-2 before:absolute before:top-0 before:inset-x-0 before:w-[calc(100%-8px)] before:h-px before:bg-gray-100 dark:before:bg-white/10">
<!-- Select -->
<div class="relative group">
<select data-hs-select='{
"placeholder": "Reminders",
"toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>",
"toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative d0kec qh1uk kzzmm i65bn flex lialp dslo6 bp13m cursor-pointer oo8ro wfm4e qb17b umxjj qgy40 piafy rz6ys hover:focus:border-transparent focus:outline-hidden kf4z7 dark:bg-neutral-800 dark:hover:border-neutral-700 dark:text-neutral-200 dark:focus:outline-hidden dark:focus:bg-neutral-700",
"dropdownClasses": "ls9te ucmtr i65bn sel6q ju7it space-y-0.5 overflow-hidden overflow-y-auto oo8ro lile3 rrmkk n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900",
"optionClasses": "hs-selected:bg-gray-100 dark:hs-selected:bg-neutral-800 d0kec apc69 i65bn e9qjd bp13m cursor-pointer ksr3h umxjj focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex uip67 items-center i65bn \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"hq6gx stqz8 bp13m dark:text-neutral-200 \" xmlns=\"http:.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"/></svg></span></div>",
"viewport": "#hs-modal-create-event"
}' class="hidden">
<option value="">Choose</option>
<option>At the start of event</option>
<option>5 min before</option>
<option>10 min before</option>
<option selected>30 min before</option>
<option>1 hour before</option>
</select>
<div class="absolute wgue8 z5b3o -translate-y-1/2 opacity-0 group-hover:opacity-100 group-focus:opacity-100">
<svg class="hq6gx stqz8 kvliy dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>
</div>
</div>
<!-- End Select -->
</div>
<!-- End Item -->
</div>
<!-- End Event List -->
</div>
<!-- End Body -->
<!-- Footer -->
<div class="pi5e6 flex c9j8j lialp">
<div class="flex-1 flex c9j8j items-center h1dxu">
<button type="button" class="i7oig apc69 dslo6 inline-flex r00n9 items-center qgy40 lt27r oo8ro wfm4e d77gl bp13m t5ziw vo20k ps5iq hx4gm acu59 tdhmi disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
Cancel
</button>
<button type="button" class="i7oig apc69 dslo6 inline-flex r00n9 items-center lialp qgy40 lt27r jqqot wfm4e f31lg zr4l6 t5ziw vo20k ps5iq hx4gm acu59 lmqf9 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden cycnq t3nwl dark:focus:ring-blue-500">
Create event
</button>
</div>
</div>
<!-- End Footer -->
</div>
<!-- End Calendar Create Event Card -->
<!-- Calendar Edit Event Card -->
<div class="oo8ro wfm4e d77gl hx4gm lile3 dark:bg-neutral-800 dark:border-neutral-700">
<!-- Header -->
<div class="o1ncb dkhxo flex uip67 items-center ic6aj d77gl dark:border-neutral-700">
<h3 class="vo20k bp13m dark:text-neutral-200">
Edit event
</h3>
</div>
<!-- End Header -->
<!-- Body -->
<div class="pi5e6 space-y-3">
<!-- Event List -->
<div class="dmfqa fqhb4 h1dxu">
<!-- Item -->
<div class="i63zv">
<label for="hs-edit-event-title-autoheight-textarea" class="iz3dk flex r00n9 items-center pgjbi e9qjd kvliy dark:text-neutral-500">
<svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="4 7 4 4 20 4 20 7"/><line x1="9" x2="15" y1="20" y2="20"/><line x1="12" x2="12" y1="4" y2="20"/></svg>
<span class="ecbnn">Title</span>
</label>
</div>
<div class="xdw6i">
<textarea id="hs-edit-event-title-autoheight-textarea" class="d0kec qh1uk kzzmm block i65bn qb17b umxjj piafy rz6ys a0kik lqn87 disabled:opacity-50 disabled:pointer-events-none kf4z7 b2plr rdxom dark:bg-neutral-800 dark:hover:border-neutral-700 dark:text-neutral-200 dark:placeholder:text-neutral-500 dark:focus:bg-neutral-700" rows="1" placeholder="Add title" data-hs-textarea-auto-height >Preline Q1 tasks review</textarea>
</div>
<!-- End Item -->
<!-- Item -->
<div class="i63zv">
<label class="x2g6m flex r00n9 items-center pgjbi e9qjd kvliy dark:text-neutral-500">
<svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>
<span class="ecbnn">Date & Time:</span>
</label>
</div>
<div class="xdw6i">
<div class="space-y-1">
<!-- Grid -->
<div class="flex ca82m e3yf4 items-center duzhl sybv7">
<div class="i65bn cdyyc">
<!-- Select -->
<div class="relative group">
<select data-hs-select='{
"placeholder": "Start time",
"toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>",
"toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative d0kec qh1uk yujsw fy7l0 i65bn flex lialp dslo6 bp13m cursor-pointer oo8ro wfm4e qb17b umxjj qgy40 piafy rz6ys hover:focus:border-transparent focus:outline-hidden kf4z7 dark:bg-neutral-800 dark:hover:border-neutral-700 dark:text-neutral-200 dark:focus:outline-hidden dark:focus:bg-neutral-700",
"dropdownClasses": "ls9te ucmtr i65bn sel6q ju7it space-y-0.5 overflow-hidden overflow-y-auto oo8ro lile3 rrmkk n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900",
"optionClasses": "hs-selected:bg-gray-100 dark:hs-selected:bg-neutral-800 d0kec apc69 i65bn e9qjd bp13m cursor-pointer ksr3h umxjj focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex uip67 items-center i65bn \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"hq6gx stqz8 bp13m dark:text-neutral-200 \" xmlns=\"http:.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"/></svg></span></div>",
"viewport": "#hs-edit-event"
}' class="hidden">
<option value="">Choose</option>
<option>12:00AM</option>
<option>12:15AM</option>
<option>12:30AM</option>
<option>12:45AM</option>
<option>1:00AM</option>
<option>1:15AM</option>
<option>1:30AM</option>
<option>1:45AM</option>
<option>2:00AM</option>
<option>2:15AM</option>
<option>2:30AM</option>
<option>2:45AM</option>
<option>3:00AM</option>
<option>3:15AM</option>
<option>3:30AM</option>
<option>3:45AM</option>
<option>4:00AM</option>
<option>4:15AM</option>
<option>4:30AM</option>
<option>4:45AM</option>
<option>5:00AM</option>
<option>5:15AM</option>
<option>5:30AM</option>
<option>5:45AM</option>
<option>6:00AM</option>
<option>6:15AM</option>
<option>6:30AM</option>
<option>6:45AM</option>
<option>7:00AM</option>
<option>7:15AM</option>
<option>7:30AM</option>
<option>7:45AM</option>
<option>8:00AM</option>
<option>8:15AM</option>
<option>8:30AM</option>
<option>8:45AM</option>
<option>9:00AM</option>
<option>9:15AM</option>
<option>9:30AM</option>
<option>9:45AM</option>
<option selected>10:00AM</option>
<option>10:15AM</option>
<option>10:30AM</option>
<option>10:45AM</option>
<option>11:00AM</option>
<option>11:15AM</option>
<option>11:30AM</option>
<option>11:45AM</option>
<option>12:00PM</option>
<option>12:15PM</option>
<option>12:30PM</option>
<option>12:45PM</option>
<option>1:00PM</option>
<option>1:15PM</option>
<option>1:30PM</option>
<option>1:45PM</option>
<option>2:00PM</option>
<option>2:15PM</option>
<option>2:30PM</option>
<option>2:45PM</option>
<option>3:00PM</option>
<option>3:15PM</option>
<option>3:30PM</option>
<option>3:45PM</option>
<option>4:00PM</option>
<option>4:15PM</option>
<option>4:30PM</option>
<option>4:45PM</option>
<option>5:00PM</option>
<option>5:15PM</option>
<option>5:30PM</option>
<option>5:45PM</option>
<option>6:00PM</option>
<option>6:15PM</option>
<option>6:30PM</option>
<option>6:45PM</option>
<option>7:00PM</option>
<option>7:15PM</option>
<option>7:30PM</option>
<option>7:45PM</option>
<option>8:00PM</option>
<option>8:15PM</option>
<option>8:30PM</option>
<option>8:45PM</option>
<option>9:00PM</option>
<option>9:15PM</option>
<option>9:30PM</option>
<option>9:45PM</option>
<option>10:00PM</option>
<option>10:15PM</option>
<option>10:30PM</option>
<option>10:45PM</option>
<option>11:00PM</option>
<option>11:15PM</option>
<option>11:30PM</option>
<option>11:45PM</option>
</select>
<div class="absolute wgue8 z5b3o -translate-y-1/2 opacity-0 group-hover:opacity-100 group-focus:opacity-100">
<svg class="hq6gx stqz8 kvliy dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>
</div>
</div>
<!-- End Select -->
</div>
<div class="gs0ea">
<svg class="hq6gx a49ku mx-auto kvliy dark:text-neutral-600" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg>
</div>
<div class="i65bn cdyyc">
<!-- Select -->
<div class="relative group">
<select data-hs-select='{
"placeholder": "Start time",
"toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>",
"toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative d0kec qh1uk yujsw fy7l0 i65bn flex lialp dslo6 bp13m cursor-pointer oo8ro wfm4e qb17b umxjj qgy40 piafy rz6ys hover:focus:border-transparent focus:outline-hidden kf4z7 dark:bg-neutral-800 dark:hover:border-neutral-700 dark:text-neutral-200 dark:focus:outline-hidden dark:focus:bg-neutral-700",
"dropdownClasses": "ls9te ucmtr i65bn sel6q ju7it space-y-0.5 overflow-hidden overflow-y-auto oo8ro lile3 rrmkk n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900",
"optionClasses": "hs-selected:bg-gray-100 dark:hs-selected:bg-neutral-800 d0kec apc69 i65bn e9qjd bp13m cursor-pointer ksr3h umxjj focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex uip67 items-center i65bn \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"hq6gx stqz8 bp13m dark:text-neutral-200 \" xmlns=\"http:.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"/></svg></span></div>",
"viewport": "#hs-edit-event"
}' class="hidden">
<option value="">Choose</option>
<option>12:00AM</option>
<option>12:15AM</option>
<option>12:30AM</option>
<option>12:45AM</option>
<option>1:00AM</option>
<option>1:15AM</option>
<option>1:30AM</option>
<option>1:45AM</option>
<option>2:00AM</option>
<option>2:15AM</option>
<option>2:30AM</option>
<option>2:45AM</option>
<option>3:00AM</option>
<option>3:15AM</option>
<option>3:30AM</option>
<option>3:45AM</option>
<option>4:00AM</option>
<option>4:15AM</option>
<option>4:30AM</option>
<option>4:45AM</option>
<option>5:00AM</option>
<option>5:15AM</option>
<option>5:30AM</option>
<option>5:45AM</option>
<option>6:00AM</option>
<option>6:15AM</option>
<option>6:30AM</option>
<option>6:45AM</option>
<option>7:00AM</option>
<option>7:15AM</option>
<option>7:30AM</option>
<option>7:45AM</option>
<option>8:00AM</option>
<option>8:15AM</option>
<option>8:30AM</option>
<option>8:45AM</option>
<option>9:00AM</option>
<option>9:15AM</option>
<option>9:30AM</option>
<option>9:45AM</option>
<option selected>10:00AM</option>
<option>10:15AM</option>
<option>10:30AM</option>
<option>10:45AM</option>
<option>11:00AM</option>
<option>11:15AM</option>
<option>11:30AM</option>
<option>11:45AM</option>
<option>12:00PM</option>
<option>12:15PM</option>
<option>12:30PM</option>
<option>12:45PM</option>
<option>1:00PM</option>
<option>1:15PM</option>
<option>1:30PM</option>
<option>1:45PM</option>
<option>2:00PM</option>
<option>2:15PM</option>
<option>2:30PM</option>
<option>2:45PM</option>
<option>3:00PM</option>
<option>3:15PM</option>
<option>3:30PM</option>
<option>3:45PM</option>
<option>4:00PM</option>
<option>4:15PM</option>
<option>4:30PM</option>
<option>4:45PM</option>
<option>5:00PM</option>
<option>5:15PM</option>
<option>5:30PM</option>
<option>5:45PM</option>
<option>6:00PM</option>
<option>6:15PM</option>
<option>6:30PM</option>
<option>6:45PM</option>
<option>7:00PM</option>
<option>7:15PM</option>
<option>7:30PM</option>
<option>7:45PM</option>
<option>8:00PM</option>
<option>8:15PM</option>
<option>8:30PM</option>
<option>8:45PM</option>
<option>9:00PM</option>
<option>9:15PM</option>
<option>9:30PM</option>
<option>9:45PM</option>
<option>10:00PM</option>
<option>10:15PM</option>
<option>10:30PM</option>
<option>10:45PM</option>
<option>11:00PM</option>
<option>11:15PM</option>
<option>11:30PM</option>
<option>11:45PM</option>
</select>
<div class="absolute wgue8 z5b3o -translate-y-1/2 opacity-0 group-hover:opacity-100 group-focus:opacity-100">
<svg class="hq6gx stqz8 kvliy dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>
</div>
</div>
<!-- End Select -->
</div>
</div>
<!-- End Grid -->
<!-- Grid -->
<div class="flex ca82m e3yf4 items-center duzhl sybv7">
<div class="i65bn cdyyc">
<!-- Calendar Dropdown -->
<div class="hs-dropdown [--strategy:absolute] [--auto-close:inside] relative inline-flex i65bn">
<button id="@@monthDropdownID1" type="button" class="d0kec qh1uk kzzmm group inline-flex items-center pgjbi i65bn qgy40 piafy umxjj wfm4e qb17b oo8ro bp13m rz6ys disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 hover:focus:border-transparent dark:bg-neutral-800 dark:text-neutral-200 dark:hover:border-neutral-700 dark:focus:bg-neutral-700" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
Thu, Jan 2024
<svg class="hq6gx stqz8 ms-auto kvliy opacity-0 group-hover:opacity-100 group-focus:opacity-100 dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>
</button>
<!-- Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 sr9jk transition-[opacity,margin] duration opacity-0 hidden bo1ta oo8ro lile3 rrmkk dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="@@monthDropdownID1">
<!-- Calendar -->
<div class="n33uu dmfqa rde0s">
<div class="sm5p4 ">
<!-- Months -->
<div class="flex uip67 items-center duzhl hypkf">
<span class="jrfm7 block cm336 vo20k t6rrs dark:text-neutral-500">January 2024</span>
<div class="flex c9j8j items-center duzhl">
<button type="button" class="p6abj ezw10 flex r00n9 items-center t6rrs eweab l24f5 oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200" aria-label="Previous">
<svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m15 18-6-6 6-6"/></svg>
</button>
<button type="button" class="p6abj ezw10 flex r00n9 items-center t6rrs eweab l24f5 oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200" aria-label="Next">
<svg class="hq6gx stqz8" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg>
</button>
</div>
</div>
<!-- Months -->
<!-- Weeks -->
<div class="flex s8bn9">
<span class="p6abj olxph block lj7mp s2avd t6rrs dark:text-neutral-500">
Mo
</span>
<span class="p6abj olxph block lj7mp s2avd t6rrs dark:text-neutral-500">
Tu
</span>
<span class="p6abj olxph block lj7mp s2avd t6rrs dark:text-neutral-500">
We
</span>
<span class="p6abj olxph block lj7mp s2avd t6rrs dark:text-neutral-500">
Th
</span>
<span class="p6abj olxph block lj7mp s2avd t6rrs dark:text-neutral-500">
Fr
</span>
<span class="p6abj olxph block lj7mp s2avd t6rrs dark:text-neutral-500">
Sa
</span>
<span class="p6abj olxph block lj7mp s2avd t6rrs dark:text-neutral-500">
Su
</span>
</div>
<!-- Weeks -->
<!-- Days -->
<div class="flex">
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
1
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
2
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
3
<span class="absolute yba2f p3683 znooq jqqot oq0dt -translate-x-1/2 dark:bg-blue-500"></span>
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
4
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
5
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
6
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
7
</button>
</div>
</div>
<!-- Days -->
<!-- Days -->
<div class="flex">
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
8
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
9
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
10
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
11
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center jqqot wfm4e qb17b cm336 vo20k zr4l6 bp7p8 oq0dt dark:bg-blue-500 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden xtb2n dark:hover:border-neutral-700">
12
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
13
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
14
</button>
</div>
</div>
<!-- Days -->
<!-- Days -->
<div class="flex">
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
15
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
16
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
17
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
18
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
19
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
20
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
21
</button>
</div>
</div>
<!-- Days -->
<!-- Days -->
<div class="flex">
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
22
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
23
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
24
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
25
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
26
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
27
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
28
</button>
</div>
</div>
<!-- Days -->
<!-- Days -->
<div class="flex">
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
29
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
30
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
31
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center cm336 kvliy oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden y4dru dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
1
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center cm336 kvliy oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden y4dru dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
2
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center cm336 kvliy oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden y4dru dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
3
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center cm336 kvliy oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden y4dru dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
4
</button>
</div>
</div>
<!-- Days -->
<!-- Days -->
<div class="flex">
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center cm336 kvliy oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden y4dru dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
5
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center cm336 kvliy oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden y4dru dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
6
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center cm336 kvliy oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden y4dru dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
7
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center cm336 kvliy oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden y4dru dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
8
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center cm336 kvliy oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden y4dru dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
9
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center cm336 kvliy oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden y4dru dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
10
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center cm336 kvliy oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden y4dru dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
11
</button>
</div>
</div>
<!-- Days -->
</div>
</div>
<!-- End Calendar -->
</div>
<!-- End Dropdown -->
</div>
<!-- End Calendar Dropdown -->
</div>
<div class="gs0ea">
<svg class="hq6gx a49ku mx-auto kvliy dark:text-neutral-600" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg>
</div>
<div class="i65bn cdyyc">
<!-- Calendar Dropdown -->
<div class="hs-dropdown [--strategy:absolute] [--auto-close:inside] relative inline-flex i65bn">
<button id="@@monthDropdownID2" type="button" class="d0kec qh1uk kzzmm group inline-flex items-center pgjbi i65bn qgy40 piafy umxjj wfm4e qb17b oo8ro bp13m rz6ys disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 hover:focus:border-transparent dark:bg-neutral-800 dark:text-neutral-200 dark:hover:border-neutral-700 dark:focus:bg-neutral-700" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
Thu, Jan 2024
<svg class="hq6gx stqz8 ms-auto kvliy opacity-0 group-hover:opacity-100 group-focus:opacity-100 dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>
</button>
<!-- Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 sr9jk transition-[opacity,margin] duration opacity-0 hidden bo1ta oo8ro lile3 rrmkk dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="@@monthDropdownID2">
<!-- Calendar -->
<div class="n33uu dmfqa rde0s">
<div class="sm5p4 ">
<!-- Months -->
<div class="flex uip67 items-center duzhl hypkf">
<span class="jrfm7 block cm336 vo20k t6rrs dark:text-neutral-500">January 2024</span>
<div class="flex c9j8j items-center duzhl">
<button type="button" class="p6abj ezw10 flex r00n9 items-center t6rrs eweab l24f5 oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200" aria-label="Previous">
<svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m15 18-6-6 6-6"/></svg>
</button>
<button type="button" class="p6abj ezw10 flex r00n9 items-center t6rrs eweab l24f5 oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200" aria-label="Next">
<svg class="hq6gx stqz8" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg>
</button>
</div>
</div>
<!-- Months -->
<!-- Weeks -->
<div class="flex s8bn9">
<span class="p6abj olxph block lj7mp s2avd t6rrs dark:text-neutral-500">
Mo
</span>
<span class="p6abj olxph block lj7mp s2avd t6rrs dark:text-neutral-500">
Tu
</span>
<span class="p6abj olxph block lj7mp s2avd t6rrs dark:text-neutral-500">
We
</span>
<span class="p6abj olxph block lj7mp s2avd t6rrs dark:text-neutral-500">
Th
</span>
<span class="p6abj olxph block lj7mp s2avd t6rrs dark:text-neutral-500">
Fr
</span>
<span class="p6abj olxph block lj7mp s2avd t6rrs dark:text-neutral-500">
Sa
</span>
<span class="p6abj olxph block lj7mp s2avd t6rrs dark:text-neutral-500">
Su
</span>
</div>
<!-- Weeks -->
<!-- Days -->
<div class="flex">
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
1
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
2
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
3
<span class="absolute yba2f p3683 znooq jqqot oq0dt -translate-x-1/2 dark:bg-blue-500"></span>
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
4
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
5
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
6
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
7
</button>
</div>
</div>
<!-- Days -->
<!-- Days -->
<div class="flex">
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
8
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
9
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
10
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
11
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center jqqot wfm4e qb17b cm336 vo20k zr4l6 bp7p8 oq0dt dark:bg-blue-500 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden xtb2n dark:hover:border-neutral-700">
12
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
13
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
14
</button>
</div>
</div>
<!-- Days -->
<!-- Days -->
<div class="flex">
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
15
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
16
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
17
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
18
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
19
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
20
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
21
</button>
</div>
</div>
<!-- Days -->
<!-- Days -->
<div class="flex">
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
22
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
23
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
24
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
25
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
26
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
27
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
28
</button>
</div>
</div>
<!-- Days -->
<!-- Days -->
<div class="flex">
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
29
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
30
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
31
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center cm336 kvliy oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden y4dru dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
1
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center cm336 kvliy oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden y4dru dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
2
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center cm336 kvliy oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden y4dru dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
3
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center cm336 kvliy oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden y4dru dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
4
</button>
</div>
</div>
<!-- Days -->
<!-- Days -->
<div class="flex">
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center cm336 kvliy oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden y4dru dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
5
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center cm336 kvliy oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden y4dru dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
6
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center cm336 kvliy oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden y4dru dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
7
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center cm336 kvliy oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden y4dru dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
8
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center cm336 kvliy oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden y4dru dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
9
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center cm336 kvliy oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden y4dru dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
10
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center cm336 kvliy oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden y4dru dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
11
</button>
</div>
</div>
<!-- Days -->
</div>
</div>
<!-- End Calendar -->
</div>
<!-- End Dropdown -->
</div>
<!-- End Calendar Dropdown -->
</div>
</div>
<!-- End Grid -->
<!-- Grid -->
<div class="flex ca82m e3yf4 items-center duzhl sybv7">
<div class="i65bn cdyyc">
<!-- Switch -->
<div class="flex items-center lialp g6bj4">
<label for="hs-pro-cremad" class="flex items-center pgjbi piafy dslo6 bp13m dark:text-neutral-200">All-Day:</label>
<label for="hs-pro-cremad" class="relative inline-block mid1e ljyfw cursor-pointer">
<input type="checkbox" id="hs-pro-cremad" class="peer ecbnn">
<span class="absolute inset-0 rjuva oq0dt hgdm1 vtbde jhf88 peer-checked:bg-blue-600 dark:bg-neutral-700 dark:peer-checked:bg-blue-500 peer-disabled:opacity-50 peer-disabled:pointer-events-none"></span>
<span class="absolute wgue8 sabt1 -translate-y-1/2 ibvs1 oo8ro oq0dt t4usm pjxlf vtbde jhf88 peer-checked:translate-x-full dark:bg-neutral-400 dark:peer-checked:bg-white"></span>
</label>
</div>
<!-- End Switch -->
</div>
<div class="gs0ea">
<svg class="opacity-0 hq6gx a49ku mx-auto kvliy dark:text-neutral-600" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg>
</div>
<div class="i65bn cdyyc">
<!-- Repeat Dropdown -->
<div class="hs-dropdown [--strategy:absolute] relative inline-flex i65bn">
<button id="@@doNotRepeatDropdownID" type="button" class="d0kec qh1uk kzzmm group inline-flex items-center pgjbi i65bn qgy40 piafy umxjj wfm4e qb17b oo8ro bp13m rz6ys hover:focus:border-transparent disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:bg-neutral-800 dark:text-neutral-200 dark:hover:border-neutral-700 dark:focus:bg-neutral-700" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
Do not repeat
<svg class="hq6gx stqz8 ms-auto kvliy opacity-0 group-hover:opacity-100 group-focus:opacity-100 dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>
</button>
<!-- Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 i65bn transition-[opacity,margin] duration opacity-0 hidden bo1ta oo8ro lile3 rrmkk dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="@@doNotRepeatDropdownID">
<div class="ju7it space-y-0.5">
<!-- Radio -->
<label for="hs-pro-cremd1" class="d0kec kzzmm group flex vrcxw umxjj cursor-pointer e9qjd bp13m ksr3h dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="radio" class="hidden" id="hs-pro-cremd1" name="hs-pro-cremd" checked>
Do not repeat
<svg class="hq6gx stqz8 tr8tx ms-auto opacity-0 group-has-checked:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
</label>
<!-- End Radio -->
<!-- Radio -->
<label for="hs-pro-cremd2" class="d0kec kzzmm group flex vrcxw umxjj cursor-pointer e9qjd bp13m ksr3h dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="radio" class="hidden" id="hs-pro-cremd2" name="hs-pro-cremd">
Every Day
<svg class="hq6gx stqz8 tr8tx ms-auto opacity-0 group-has-checked:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
</label>
<!-- End Radio -->
<!-- Radio -->
<label for="hs-pro-cremd3" class="d0kec kzzmm group flex vrcxw umxjj cursor-pointer e9qjd bp13m ksr3h dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="radio" class="hidden" id="hs-pro-cremd3" name="hs-pro-cremd">
Every Week
<svg class="hq6gx stqz8 tr8tx ms-auto opacity-0 group-has-checked:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
</label>
<!-- End Radio -->
<!-- Radio -->
<label for="hs-pro-cremd4" class="d0kec kzzmm group flex vrcxw umxjj cursor-pointer e9qjd bp13m ksr3h dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="radio" class="hidden" id="hs-pro-cremd4" name="hs-pro-cremd">
Every Year
<svg class="hq6gx stqz8 tr8tx ms-auto opacity-0 group-has-checked:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
</label>
<!-- End Radio -->
</div>
<div class="ju7it pyimf d77gl dark:border-neutral-800">
<button type="button" class="flex items-center vrcxw i65bn jlmh5 kzzmm ps5iq e9qjd bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-clcre" data-hs-overlay-options='{
"isClosePrev": false
}'>
Custom
</button>
</div>
</div>
<!-- End Dropdown -->
</div>
<!-- End Repeat Dropdown -->
</div>
</div>
<!-- End Grid -->
</div>
</div>
<!-- End Item -->
<!-- Item -->
<div class="i63zv">
<label for="hs-pro-cremtz" class="nxgm9 flex r00n9 items-center pgjbi e9qjd kvliy dark:text-neutral-500">
<svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"/><path d="M2 12h20"/></svg>
<span class="ecbnn">Time Zone:</span>
</label>
</div>
<div class="xdw6i relative fkoia before:ms-2 before:absolute before:top-0 before:inset-x-0 before:w-[calc(100%-8px)] before:h-px before:bg-gray-100 dark:before:bg-white/10">
<input id="hs-pro-cremtz" type="text" class="d0kec qh1uk kzzmm block i65bn qb17b umxjj piafy bp13m lluhh rz6ys a0kik disabled:opacity-50 disabled:pointer-events-none kf4z7 b2plr rdxom dark:text-neutral-200 dark:bg-neutral-800 dark:hover:border-neutral-700 dark:text-neutral-200 dark:placeholder:text-neutral-500 dark:focus:bg-neutral-700" placeholder="Time Zone" value="London (GMT+0)">
</div>
<!-- End Item -->
<!-- Item -->
<div class="i63zv">
<label for="hs-pro-cremg" class="nxgm9 flex r00n9 items-center pgjbi e9qjd kvliy dark:text-neutral-500">
<svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M22 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg>
<span class="ecbnn">Participants:</span>
</label>
</div>
<div class="xdw6i relative fkoia before:ms-2 before:absolute before:top-0 before:inset-x-0 before:w-[calc(100%-8px)] before:h-px before:bg-gray-100 dark:before:bg-white/10">
<input id="hs-pro-cremg" type="text" class="d0kec qh1uk kzzmm block i65bn qb17b umxjj piafy bp13m lluhh rz6ys a0kik disabled:opacity-50 disabled:pointer-events-none kf4z7 b2plr rdxom dark:text-neutral-200 dark:bg-neutral-800 dark:hover:border-neutral-700 dark:text-neutral-200 dark:placeholder:text-neutral-500 dark:focus:bg-neutral-700" placeholder="Add Participants"><!-- Participants List -->
<div class="nsx3p g6bj4 space-y-1">
<!-- Item -->
<div class="riw3u flex flex-wrap uip67 items-center duzhl">
<!-- User -->
<div class="e3fpz">
<span class="block t5ziw piafy bp13m dark:text-neutral-200">
3 participants
</span>
<small class="block e9qjd oqe0y t6rrs dark:text-neutral-400">
1 yes, 2 awaiting
</small>
</div>
<!-- End User -->
<!-- Button Group -->
<div class="flex items-center pgjbi">
<div class="hs-tooltip inline-block">
<button type="button" class="ezw10 hq6gx inline-flex r00n9 items-center lialp oq0dt wfm4e qb17b kvliy eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:hover:bg-neutral-600 dark:text-neutral-500 dark:focus:bg-neutral-600">
<span class="ecbnn">Email participants</span>
<svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="16" x="2" y="4" rx="2"/><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"/></svg>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y lj7mp cm336 zr4l6 ps5iq dark:bg-neutral-900" role="tooltip">
Email participants
</span>
</div>
<div class="hs-tooltip inline-block">
<button type="button" class="ezw10 hq6gx inline-flex r00n9 items-center lialp oq0dt wfm4e qb17b kvliy eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:hover:bg-neutral-600 dark:text-neutral-500 dark:focus:bg-neutral-600">
<span class="ecbnn">Mark all participants optional</span>
<svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><circle cx="12" cy="10" r="3"/><path d="M7 20.662V19a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v1.662"/></svg>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y lj7mp cm336 zr4l6 ps5iq dark:bg-neutral-900" role="tooltip">
Mark all participants optional
</span>
</div>
<div class="hs-tooltip inline-block">
<button type="button" class="ezw10 hq6gx inline-flex r00n9 items-center lialp oq0dt wfm4e qb17b kvliy eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:hover:bg-neutral-600 dark:text-neutral-500 dark:focus:bg-neutral-600">
<span class="ecbnn">Remove all participants</span>
<svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y lj7mp cm336 zr4l6 ps5iq dark:bg-neutral-900" role="tooltip">
Remove all participants
</span>
</div>
</div>
<!-- End Button Group -->
</div>
<!-- End Item -->
<!-- List Group -->
<div class="space-y-1">
<!-- Item -->
<div id="hs-pro-cremudb1" class="relative ju7it yujsw group flex flex-wrap uip67 items-center duzhl ps5iq ksr3h dark:hover:bg-neutral-700">
<!-- User -->
<div class="e3fpz i65bn">
<div class="flex lialp">
<div class="hq6gx">
<div class="relative hq6gx">
<img class="hq6gx mx-auto ca09w oq0dt" src="https://images.unsplash.com/photo-1659482633369-9fe69af50bfb?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="Avatar"><span class="absolute -bottom-0.5 -end-0.5 flex r00n9 items-center a49ku neiig wfm4e t63u7 zr4l6 oq0dt dark:border-neutral-800 dark:group-hover:border-neutral-700">
<svg class="hq6gx srid0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
</span>
</div>
</div>
<div class="e3fpz truncate ysblo">
<span class="block e9qjd truncate bp13m dark:text-neutral-200">
James Collison
</span>
<small class="block s2avd truncate t6rrs dark:text-neutral-400">
organizer
</small>
</div>
</div>
</div>
<!-- End User -->
<!-- Button Group -->
<div class="absolute wgue8 cpkvx -translate-y-1/2 flex items-center pgjbi lg:opacity-0 lg:group-hover:opacity-100">
<div class="hs-tooltip inline-block">
<button type="button" class="ezw10 hq6gx inline-flex r00n9 items-center lialp oq0dt wfm4e qb17b kvliy eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:hover:bg-neutral-600 dark:text-neutral-500 dark:focus:bg-neutral-600">
<span class="ecbnn">Show/Hide</span>
<svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z"/><circle cx="12" cy="12" r="3"/></svg>
<svg class="hidden hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9.88 9.88a3 3 0 1 0 4.24 4.24"/><path d="M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68"/><path d="M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61"/><line x1="2" x2="22" y1="2" y2="22"/></svg>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y lj7mp cm336 zr4l6 ps5iq dark:bg-neutral-900" role="tooltip">
Hide
</span>
</div>
<div class="hs-tooltip inline-block">
<button type="button" class="ezw10 hq6gx inline-flex r00n9 items-center lialp oq0dt wfm4e qb17b kvliy eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:hover:bg-neutral-600 dark:text-neutral-500 dark:focus:bg-neutral-600">
<span class="ecbnn">Mark optional</span>
<svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><circle cx="12" cy="10" r="3"/><path d="M7 20.662V19a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v1.662"/></svg>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y lj7mp cm336 zr4l6 ps5iq dark:bg-neutral-900" role="tooltip">
Mark optional
</span>
</div>
<div class="hs-tooltip inline-block">
<button type="button" class="ezw10 hq6gx inline-flex r00n9 items-center lialp oq0dt wfm4e qb17b kvliy eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:hover:bg-neutral-600 dark:text-neutral-500 dark:focus:bg-neutral-600" data-hs-remove-element="#hs-pro-cremudb1">
<span class="ecbnn">Remove</span>
<svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y lj7mp cm336 zr4l6 ps5iq dark:bg-neutral-900" role="tooltip">
Remove
</span>
</div>
</div>
<!-- End Button Group -->
</div>
<!-- End Item -->
<!-- Item -->
<div id="hs-pro-cremudb2" class="relative ju7it yujsw group flex flex-wrap uip67 items-center duzhl ps5iq ksr3h dark:hover:bg-neutral-700">
<!-- User -->
<div class="e3fpz i65bn">
<div class="flex lialp">
<div class="hq6gx">
<div class="relative hq6gx">
<img class="hq6gx mx-auto ca09w oq0dt" src="https://images.unsplash.com/photo-1601935111741-ae98b2b230b0?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="Avatar">
</div>
</div>
<div class="e3fpz truncate ysblo">
<span class="block e9qjd truncate bp13m dark:text-neutral-200">
Daniel Hobbs
</span>
<small class="block s2avd truncate t6rrs dark:text-neutral-400">
dhobbs@site.com
</small>
</div>
</div>
</div>
<!-- End User -->
<!-- Button Group -->
<div class="absolute wgue8 cpkvx -translate-y-1/2 flex items-center pgjbi lg:opacity-0 lg:group-hover:opacity-100">
<div class="hs-tooltip inline-block">
<button type="button" class="ezw10 hq6gx inline-flex r00n9 items-center lialp oq0dt wfm4e qb17b kvliy eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:hover:bg-neutral-600 dark:text-neutral-500 dark:focus:bg-neutral-600">
<span class="ecbnn">Show/Hide</span>
<svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z"/><circle cx="12" cy="12" r="3"/></svg>
<svg class="hidden hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9.88 9.88a3 3 0 1 0 4.24 4.24"/><path d="M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68"/><path d="M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61"/><line x1="2" x2="22" y1="2" y2="22"/></svg>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y lj7mp cm336 zr4l6 ps5iq dark:bg-neutral-900" role="tooltip">
Hide
</span>
</div>
<div class="hs-tooltip inline-block">
<button type="button" class="ezw10 hq6gx inline-flex r00n9 items-center lialp oq0dt wfm4e qb17b kvliy eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:hover:bg-neutral-600 dark:text-neutral-500 dark:focus:bg-neutral-600">
<span class="ecbnn">Mark optional</span>
<svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><circle cx="12" cy="10" r="3"/><path d="M7 20.662V19a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v1.662"/></svg>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y lj7mp cm336 zr4l6 ps5iq dark:bg-neutral-900" role="tooltip">
Mark optional
</span>
</div>
<div class="hs-tooltip inline-block">
<button type="button" class="ezw10 hq6gx inline-flex r00n9 items-center lialp oq0dt wfm4e qb17b kvliy eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:hover:bg-neutral-600 dark:text-neutral-500 dark:focus:bg-neutral-600" data-hs-remove-element="#hs-pro-cremudb2">
<span class="ecbnn">Remove</span>
<svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y lj7mp cm336 zr4l6 ps5iq dark:bg-neutral-900" role="tooltip">
Remove
</span>
</div>
</div>
<!-- End Button Group -->
</div>
<!-- End Item -->
<!-- Item -->
<div id="hs-pro-cremudb3" class="relative ju7it yujsw group flex flex-wrap uip67 items-center duzhl ps5iq ksr3h dark:hover:bg-neutral-700">
<!-- User -->
<div class="e3fpz i65bn">
<div class="flex lialp">
<div class="hq6gx">
<div class="relative hq6gx">
<span class="flex hq6gx r00n9 items-center ca09w rjuva t6rrs s2avd y2wul oq0dt dark:bg-neutral-600 dark:border-neutral-700 dark:text-neutral-400">L</span>
</div>
</div>
<div class="e3fpz truncate ysblo">
<span class="block e9qjd truncate bp13m dark:text-neutral-200">
Liza Harrison
</span>
<small class="block s2avd truncate t6rrs dark:text-neutral-400">
liza@site.com
</small>
</div>
</div>
</div>
<!-- End User -->
<!-- Button Group -->
<div class="absolute wgue8 cpkvx -translate-y-1/2 flex items-center pgjbi lg:opacity-0 lg:group-hover:opacity-100">
<div class="hs-tooltip inline-block">
<button type="button" class="ezw10 hq6gx inline-flex r00n9 items-center lialp oq0dt wfm4e qb17b kvliy eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:hover:bg-neutral-600 dark:text-neutral-500 dark:focus:bg-neutral-600">
<span class="ecbnn">Show/Hide</span>
<svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z"/><circle cx="12" cy="12" r="3"/></svg>
<svg class="hidden hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9.88 9.88a3 3 0 1 0 4.24 4.24"/><path d="M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68"/><path d="M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61"/><line x1="2" x2="22" y1="2" y2="22"/></svg>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y lj7mp cm336 zr4l6 ps5iq dark:bg-neutral-900" role="tooltip">
Hide
</span>
</div>
<div class="hs-tooltip inline-block">
<button type="button" class="ezw10 hq6gx inline-flex r00n9 items-center lialp oq0dt wfm4e qb17b kvliy eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:hover:bg-neutral-600 dark:text-neutral-500 dark:focus:bg-neutral-600">
<span class="ecbnn">Mark optional</span>
<svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><circle cx="12" cy="10" r="3"/><path d="M7 20.662V19a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v1.662"/></svg>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y lj7mp cm336 zr4l6 ps5iq dark:bg-neutral-900" role="tooltip">
Mark optional
</span>
</div>
<div class="hs-tooltip inline-block">
<button type="button" class="ezw10 hq6gx inline-flex r00n9 items-center lialp oq0dt wfm4e qb17b kvliy eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:hover:bg-neutral-600 dark:text-neutral-500 dark:focus:bg-neutral-600" data-hs-remove-element="#hs-pro-cremudb3">
<span class="ecbnn">Remove</span>
<svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y lj7mp cm336 zr4l6 ps5iq dark:bg-neutral-900" role="tooltip">
Remove
</span>
</div>
</div>
<!-- End Button Group -->
</div>
<!-- End Item -->
</div>
<!-- End List Group -->
<!-- Participant Permissions Collapse Button -->
<button type="button" class="hs-collapse-toggle group i65bn qgy40 focus:outline-hidden disabled:opacity-50 disabled:pointer-events-none" id="participantsPermissionsID" aria-expanded="false" aria-controls="participantsPermissionsLabelID" data-hs-collapse="#participantsPermissionsLabelID">
<span class="jlmh5 kzzmm block i65bn ps5iq t5ziw piafy bp13m wfm4e qb17b group-hover:bg-gray-100 dark:text-neutral-200 dark:group-hover:bg-neutral-700">
<span class="flex uip67 items-center">
<span class="e3fpz truncate">
<span class="block">Participant permissions</span>
<span class="block e9qjd oqe0y t6rrs truncate dark:text-neutral-400">Invite others • See participant list</span>
</span>
<svg class="hs-collapse-open:rotate-180 hq6gx stqz8 kvliy dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>
</span>
</span>
</button>
<!-- End Participant Permissions Collapse Button -->
<!-- Participant Permissions Collapse Content -->
<div id="participantsPermissionsLabelID" class="hs-collapse hidden uaipy i65bn overflow-hidden transition-[height] jahre" aria-labelledby="participantsPermissionsID">
<div class="n33uu agawe umxjj dark:bg-neutral-700">
<span class="block s8bn9 cm336 kvliy dark:text-neutral-500">
Participant permissions
</span>
<div class="k5amb">
<!-- Checkbox -->
<div>
<label for="hs-pro-creagsio" class="inline-flex djhx3 umxjj cursor-pointer cm336 bp13m dark:text-neutral-200">
<input type="checkbox" class="hq6gx d77gl stqz8 lh18u dqdmd rwtxm cursor-pointer p1ez7 rgvf6 dark:bg-neutral-800 dark:text-blue-500 dark:border-neutral-700 dark:checked:bg-blue-500 dark:checked:border-blue-500" id="hs-pro-creagsio" checked>
Invite others
</label>
</div>
<!-- End Checkbox -->
<!-- Checkbox -->
<div>
<label for="hs-pro-creagssgl" class="inline-flex djhx3 umxjj cursor-pointer cm336 bp13m dark:text-neutral-200">
<input type="checkbox" class="hq6gx d77gl stqz8 lh18u dqdmd rwtxm cursor-pointer p1ez7 rgvf6 dark:bg-neutral-800 dark:text-blue-500 dark:border-neutral-700 dark:checked:bg-blue-500 dark:checked:border-blue-500" id="hs-pro-creagssgl" checked>
See participant list
</label>
</div>
<!-- End Checkbox -->
</div>
</div>
</div>
<!-- End Participant Permissions Collapse Content -->
</div>
<!-- End Participants List -->
<!-- Button Group -->
<div class="ls9te flex c9j8j items-center">
<button type="button" class="jlmh5 kzzmm inline-flex items-center lialp cm336 hc6dc wfm4e qb17b jqqot zr4l6 lmqf9 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden adzhs dark:bg-blue-500 dark:hover:bg-blue-600 dark:focus:bg-blue-600">
Send invite
</button>
<span class="relative before:absolute before:top-1/2 before:start-0 before:z-10 before:w-px before:h-4 before:bg-white/20 before:-translate-y-1/2"></span>
<!-- More Dropdown -->
<div class="hs-dropdown [--strategy:absolute] relative inline-flex">
<button id="hs-discard-invite" type="button" class="a5anp inline-flex r00n9 items-center lialp cm336 q4p3j wfm4e qb17b jqqot zr4l6 lmqf9 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden adzhs dark:bg-blue-500 dark:hover:bg-blue-600 dark:focus:bg-blue-600" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<span class="ecbnn">More</span>
<svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>
</button>
<!-- Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 rmc90 transition-[opacity,margin] duration opacity-0 hidden bo1ta oo8ro lile3 rrmkk dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-discard-invite">
<div class="ju7it space-y-0.5">
<a class="flex items-center vrcxw jlmh5 kzzmm ps5iq e9qjd vrq52 lqu56 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden z6qdc dark:text-red-500 dark:hover:bg-red-500/10 dark:focus:bg-red-500/10" href="#">
Discard invite
</a>
<a class="flex items-center vrcxw jlmh5 kzzmm ps5iq e9qjd bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
Send invite without email
</a>
</div>
</div>
<!-- End Dropdown -->
</div>
<!-- End More Dropdown -->
</div>
<!-- End Button Group -->
</div>
<!-- End Item -->
<!-- Item -->
<div class="i63zv">
<label class="nxgm9 flex r00n9 items-center pgjbi e9qjd kvliy dark:text-neutral-500">
<svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m22 8-6 4 6 4V8Z"/><rect width="14" height="12" x="2" y="6" rx="2" ry="2"/></svg>
<span class="ecbnn">Video Conferencing:</span>
</label>
</div>
<div class="xdw6i relative fkoia before:ms-2 before:absolute before:top-0 before:inset-x-0 before:w-[calc(100%-8px)] before:h-px before:bg-gray-100 dark:before:bg-white/10">
<button type="button" class="group flex flex-wrap items-center lialp i65bn ju7it yujsw kjr4d nyo8p ps5iq piafy bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
<svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="192" height="192" viewBox="0 0 192 192"><path fill="none" d="M0 0h192v192H0z"/><path fill="#00832D" d="M108 96l17.06 19.5L148 130.16l4-34.03-4-33.28-23.38 12.88z"/><path fill="#0066DA" d="M9 127v29c0 6.63 5.37 12 12 12h29l6-21.92L50 127l-19.9-6L9 127z"/><path fill="#E94235" d="M50 24L9 65l21.1 6L50 65l5.9-18.83z"/><path fill="#2684FC" d="M9 65h41v62H9z"/><path fill="#00AC47" d="M174.19 41.36L148 62.85v67.31l26.3 21.57c3.94 3.08 9.7.27 9.7-4.73V46c0-5.07-5.89-7.85-9.81-4.64zM108 96v31H50v41h86c6.63 0 12-5.37 12-12v-25.84L108 96z"/><path fill="#FFBA00" d="M136 24H50v41h58v31l40-33.15V36c0-6.63-5.37-12-12-12z"/></svg>
Google Meet<span class="ms-auto cm336 umxjj rwtxm ymclh group-hover:text-blue-700 dark:text-blue-500 dark:group-hover:text-blue-600">
Join with Google Meet
</span>
</button>
<!-- Video Conferencing List -->
<div class="xe8oj zocwd flex flex-wrap uip67 items-center duzhl">
<p class="e9qjd y4biu t6rrs dark:text-neutral-400">
<small class="block">meet.google.com/dks-qzdb-xgd</small>
<input id="hs-dshct" type="text" class="hidden" value="meet.google.com/dks-qzdb-xgd">
<small class="block">Up to 100 participant connections</small>
</p>
<!-- Button Group -->
<div class="flex items-center pgjbi">
<div class="hs-tooltip inline-block">
<button type="button" class="ezw10 hq6gx inline-flex r00n9 items-center lialp oq0dt wfm4e qb17b kvliy ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:hover:bg-neutral-700 dark:text-neutral-500 dark:focus:bg-neutral-700">
<span class="ecbnn">Video call options</span>
<svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z"/><circle cx="12" cy="12" r="3"/></svg>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y lj7mp cm336 zr4l6 ps5iq dark:bg-neutral-900" role="tooltip">
Video call options
</span>
</div>
<button type="button" class="js-clipboard s3yr9 hs-tooltip ezw10 hq6gx inline-flex r00n9 items-center lialp oq0dt wfm4e qb17b kvliy ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:hover:bg-neutral-700 dark:text-neutral-500 dark:focus:bg-neutral-700"
data-clipboard-target="#hs-dshct"
data-clipboard-action="copy"
data-clipboard-success-text="Copied to clipboard">
<svg class="js-clipboard-default hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="14" x="8" y="8" rx="2" ry="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg>
<svg class="js-clipboard-success hidden stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 jfchh hidden j7t1a bo1ta d0kec kzzmm ym42y cm336 vo20k zr4l6 ps5iq hx4gm dark:bg-neutral-900" role="tooltip">
<span class="js-clipboard-success-text">Copy conference link</span>
</span>
</button>
<div class="hs-tooltip inline-block">
<button type="button" class="ezw10 hq6gx inline-flex r00n9 items-center lialp oq0dt wfm4e qb17b kvliy ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:hover:bg-neutral-700 dark:text-neutral-500 dark:focus:bg-neutral-700">
<span class="ecbnn">Remove conference</span>
<svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y lj7mp cm336 zr4l6 ps5iq dark:bg-neutral-900" role="tooltip">
Remove conference
</span>
</div>
</div>
<!-- End Button Group -->
</div>
<!-- End Video Conferencing List -->
</div>
<!-- End Item -->
<!-- Item -->
<div class="i63zv">
<label for="hs-edit-event-location-autoheight-textarea" class="nxgm9 flex r00n9 items-center pgjbi e9qjd kvliy dark:text-neutral-500">
<svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z"/><circle cx="12" cy="10" r="3"/></svg>
<span class="ecbnn">Location:</span>
</label>
</div>
<div class="xdw6i relative fkoia before:ms-2 before:absolute before:top-0 before:inset-x-0 before:w-[calc(100%-8px)] before:h-px before:bg-gray-100 dark:before:bg-white/10">
<textarea id="hs-edit-event-location-autoheight-textarea" class="d0kec qh1uk kzzmm block i65bn qb17b umxjj piafy bp13m rz6ys a0kik lqn87 disabled:opacity-50 disabled:pointer-events-none kf4z7 b2plr rdxom dark:bg-neutral-800 dark:hover:border-neutral-700 dark:text-neutral-200 dark:placeholder:text-neutral-500 dark:focus:bg-neutral-700" rows="1" placeholder="Add Location" data-hs-textarea-auto-height>Virtual Location</textarea>
</div>
<!-- End Item -->
<!-- Item -->
<button type="button" class="hs-collapse-toggle hs-collapse-open:hidden group uaipy i65bn qgy40 focus:outline-hidden disabled:opacity-50 disabled:pointer-events-none dark:before:bg-white/10" id="hs-pro-crem-add-description-url-attachments-collapse" aria-expanded="false" aria-controls="hs-pro-crem-add-description-url-attachments" data-hs-collapse="#hs-pro-crem-add-description-url-attachments">
<span class="dmfqa fqhb4 h1dxu">
<span class="i63zv">
<span class="nxgm9 flex r00n9 items-center pgjbi e9qjd kvliy dark:text-neutral-500">
<svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="21" x2="3" y1="6" y2="6"/><line x1="15" x2="3" y1="12" y2="12"/><line x1="17" x2="3" y1="18" y2="18"/></svg>
</span>
</span>
<span class="xdw6i relative fkoia before:ms-2 before:absolute before:top-0 before:inset-x-0 before:w-[calc(100%-8px)] before:h-px before:bg-gray-100 dark:before:bg-white/10">
<span class="d0kec qh1uk kzzmm block i65bn ps5iq piafy bp13m wfm4e qb17b group-hover:bg-gray-100 group-focus:bg-gray-100 dark:text-neutral-200 dark:group-hover:bg-neutral-700 dark:group-focus:bg-neutral-700">
Add description, URL, or Attachments
</span>
</span>
</span>
</button>
<!-- End Item -->
<!-- Item -->
<div id="hs-pro-crem-add-description-url-attachments" class="hs-collapse hidden uaipy i65bn overflow-hidden transition-[height] jahre" aria-labelledby="hs-pro-crem-add-description-url-attachments-collapse">
<div class="dmfqa fqhb4 h1dxu">
<!-- Item -->
<div class="i63zv">
<label for="hs-edit-event-description-autoheight-textarea" class="nxgm9 flex r00n9 items-center pgjbi e9qjd kvliy dark:text-neutral-500">
<svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="21" x2="3" y1="6" y2="6"/><line x1="15" x2="3" y1="12" y2="12"/><line x1="17" x2="3" y1="18" y2="18"/></svg>
<span class="ecbnn">Description:</span>
</label>
</div>
<div class="xdw6i relative fkoia before:ms-2 before:absolute before:top-0 before:inset-x-0 before:w-[calc(100%-8px)] before:h-px before:bg-gray-100 dark:before:bg-white/10">
<textarea id="hs-edit-event-description-autoheight-textarea" class="d0kec qh1uk kzzmm block i65bn qb17b umxjj piafy rz6ys a0kik lqn87 disabled:opacity-50 disabled:pointer-events-none kf4z7 b2plr rdxom dark:bg-neutral-800 dark:hover:border-neutral-700 dark:text-neutral-200 dark:placeholder:text-neutral-500 dark:focus:bg-neutral-700" rows="1" placeholder="Add Description" data-hs-textarea-auto-height>This session is designed to help us collectively reflect rjx3z our accomplishments, identify areas for improvement, and refine our approach to using Preline in the upcoming quarter.</textarea>
</div>
<!-- End Item -->
<!-- Item -->
<div class="i63zv">
<label for="hs-pro-cremurl" class="nxgm9 flex r00n9 items-center pgjbi e9qjd kvliy dark:text-neutral-500">
<svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"/><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"/></svg>
<span class="ecbnn">URL:</span>
</label>
</div>
<div class="xdw6i relative fkoia before:ms-2 before:absolute before:top-0 before:inset-x-0 before:w-[calc(100%-8px)] before:h-px before:bg-gray-100 dark:before:bg-white/10">
<input id="hs-pro-cremurl" type="text" class="d0kec qh1uk kzzmm block i65bn qb17b umxjj piafy bp13m lluhh rz6ys a0kik disabled:opacity-50 disabled:pointer-events-none kf4z7 b2plr rdxom dark:text-neutral-200 dark:bg-neutral-800 dark:hover:border-neutral-700 dark:text-neutral-200 dark:placeholder:text-neutral-500 dark:focus:bg-neutral-700" placeholder="Add URL" value="https://www.preline.co/">
</div>
<!-- End Item -->
<!-- Item -->
<div class="i63zv">
<label class="nxgm9 flex r00n9 items-center pgjbi e9qjd kvliy dark:text-neutral-500">
<svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l8.57-8.57A4 4 0 1 1 18 8.84l-8.59 8.57a2 2 0 0 1-2.83-2.83l8.49-8.48"/></svg>
<span class="ecbnn">Attachment:</span>
</label>
</div>
<div class="xdw6i relative fkoia before:ms-2 before:absolute before:top-0 before:inset-x-0 before:w-[calc(100%-8px)] before:h-px before:bg-gray-100 dark:before:bg-white/10">
<input type="file" class="zocwd block i65bn e9qjd t6rrs wfm4e qb17b focus:outline-hidden dark:text-neutral-500
rb09k msugu eqp11
hxp8e tdqlc
qddog
ls4pa a9qp5
w4bwr
file:disabled:opacity-50 file:disabled:pointer-events-none
dark:file:bg-neutral-700
dark:file:text-neutral-300
">
</div>
<!-- End Item -->
</div>
</div>
<!-- End Item -->
<!-- Item -->
<div class="i63zv">
<label class="nxgm9 flex r00n9 items-center pgjbi e9qjd kvliy dark:text-neutral-500">
<svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M8 2v4"/><path d="M16 2v4"/><rect width="18" height="18" x="3" y="4" rx="2"/><path d="M3 10h18"/></svg>
<span class="ecbnn">Assignee:</span>
</label>
</div>
<div class="xdw6i relative fkoia before:ms-2 before:absolute before:top-0 before:inset-x-0 before:w-[calc(100%-8px)] before:h-px before:bg-gray-100 dark:before:bg-white/10">
<div class="space-y-1">
<div class="flex flex-wrap items-center duzhl">
<div class="flex-1">
<!-- Assignee Dropdown -->
<div class="hs-dropdown [--strategy:absolute] relative inline-flex i65bn">
<button id="@@dropdownAssigneeID" type="button" class="d0kec qh1uk kzzmm group inline-flex items-center pgjbi i65bn qgy40 piafy umxjj wfm4e qb17b oo8ro bp13m rz6ys hover:focus:border-transparent disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:bg-neutral-800 dark:text-neutral-200 dark:hover:border-neutral-700 dark:focus:bg-neutral-700" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
james@preline.co
<svg class="hq6gx stqz8 ms-auto kvliy opacity-0 group-hover:opacity-100 group-focus:opacity-100 dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>
</button>
<!-- Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 i65bn transition-[opacity,margin] duration opacity-0 hidden bo1ta oo8ro lile3 rrmkk dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="@@dropdownAssigneeID">
<div class="ju7it space-y-0.5">
<span class="zocwd cm336 t6rrs dark:text-neutral-400">
james@preline.co
</span>
<!-- Radio -->
<label for="hs-pro-crema1" class="d0kec kzzmm group flex lialp umxjj cursor-pointer e9qjd bp13m ksr3h dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="radio" class="hq6gx d77gl stqz8 tr8tx oq0dt ur0l7 cursor-pointer p1ez7 rgvf6 dark:bg-neutral-800 dark:text-teal-500 dark:border-neutral-700 dark:checked:bg-teal-500 dark:checked:border-teal-500" id="hs-pro-crema1" name="hs-pro-crema" checked>
James Collins
<svg class="hq6gx stqz8 tr8tx ms-auto opacity-0 group-has-checked:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
</label>
<!-- End Radio -->
<!-- Radio -->
<label for="hs-pro-crema2" class="d0kec kzzmm group flex lialp umxjj cursor-pointer e9qjd bp13m ksr3h dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="radio" class="hq6gx d77gl stqz8 tr8tx oq0dt oht7s cursor-pointer p1ez7 rgvf6 dark:bg-neutral-800 dark:text-sky-500 dark:border-neutral-700 dark:checked:bg-sky-500 dark:checked:border-sky-500" id="hs-pro-crema2" name="hs-pro-crema">
Preline tasks
<svg class="hq6gx stqz8 tr8tx ms-auto opacity-0 group-has-checked:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
</label>
<!-- End Radio -->
<!-- Radio -->
<label for="hs-pro-crema3" class="d0kec kzzmm group flex lialp umxjj cursor-pointer e9qjd bp13m ksr3h dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="radio" class="hq6gx d77gl stqz8 tr8tx oq0dt rkwi0 cursor-pointer p1ez7 rgvf6 dark:bg-neutral-800 dark:text-purple-500 dark:border-neutral-700 dark:checked:bg-purple-500 dark:checked:border-purple-500" id="hs-pro-crema3" name="hs-pro-crema">
Performance Tasks
<svg class="hq6gx stqz8 tr8tx ms-auto opacity-0 group-has-checked:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
</label>
<!-- End Radio -->
</div>
<div class="ju7it space-y-0.5">
<span class="zocwd cm336 t6rrs dark:text-neutral-400">
collinsjames@gmail.com
</span>
<!-- Radio -->
<label for="hs-pro-crema4" class="d0kec kzzmm group flex lialp umxjj cursor-pointer e9qjd bp13m ksr3h dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="radio" class="hq6gx d77gl stqz8 tr8tx oq0dt gqwrq cursor-pointer p1ez7 rgvf6 dark:bg-neutral-800 dark:text-pink-500 dark:border-neutral-700 dark:checked:bg-pink-500 dark:checked:border-pink-500" id="hs-pro-crema4" name="hs-pro-erema">
Holidays
<svg class="hq6gx stqz8 tr8tx ms-auto opacity-0 group-has-checked:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
</label>
<!-- End Radio -->
</div>
</div>
<!-- End Dropdown -->
</div>
<!-- End Assignee Dropdown -->
</div>
<!-- Assignee Color Dropdown -->
<div class="hs-dropdown [--strategy:absolute] [--placement:top-right] relative inline-flex">
<button id="@@dropdownEventColorID" type="button" class="d0kec qh1uk kzzmm group inline-flex items-center pgjbi nyo8p qgy40 piafy umxjj wfm4e qb17b oo8ro bp13m rz6ys hover:focus:border-transparent disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:bg-neutral-800 dark:text-neutral-200 dark:hover:border-neutral-700 dark:focus:bg-neutral-700" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<span class="hq6gx a49ku neiig oq0dt dark:bg-green-500"></span>
<svg class="hq6gx stqz8 ms-auto kvliy opacity-0 group-hover:opacity-100 group-focus:opacity-100 dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>
</button>
<!-- Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 qzvcy transition-[opacity,margin] duration opacity-0 hidden bo1ta oo8ro lile3 rrmkk dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="@@dropdownEventColorID">
<div class="ju7it space-y-0.5">
<span class="zocwd cm336 t6rrs dark:text-neutral-400">
Event color
</span>
<!-- Radio -->
<label for="hs-pro-cremaec1" class="d0kec kzzmm group flex lialp umxjj cursor-pointer e9qjd bp13m ksr3h dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="radio" class="hq6gx d77gl stqz8 tr8tx dqdmd qb17b ub67z cursor-pointer p1ez7 rgvf6 vwtsc e4bh9 checked:bg-red-600 checked:bg-none checked:hover:bg-red-600 dark:bg-red-500 dark:focus:text-red-500 dark:checked:hover:bg-red-500" id="hs-pro-cremaec1" name="hs-pro-cremaec">
Red
<svg class="hq6gx stqz8 tr8tx ms-auto opacity-0 group-has-checked:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
</label>
<!-- End Radio -->
<!-- Radio -->
<label for="hs-pro-cremaec2" class="d0kec kzzmm group flex lialp umxjj cursor-pointer e9qjd bp13m ksr3h dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="radio" class="hq6gx d77gl stqz8 tr8tx dqdmd qb17b kslfv cursor-pointer p1ez7 rgvf6 mxvcb fwbec checked:bg-orange-600 checked:bg-none checked:hover:bg-orange-600 dark:bg-orange-500 dark:focus:text-orange-500 dark:checked:hover:bg-orange-500" id="hs-pro-cremaec2" name="hs-pro-cremaec">
Orange
<svg class="hq6gx stqz8 tr8tx ms-auto opacity-0 group-has-checked:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
</label>
<!-- End Radio -->
<!-- Radio -->
<label for="hs-pro-cremaec3" class="d0kec kzzmm group flex lialp umxjj cursor-pointer e9qjd bp13m ksr3h dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="radio" class="hq6gx d77gl stqz8 tr8tx dqdmd qb17b wbihs cursor-pointer p1ez7 rgvf6 incfa ph3pu checked:bg-yellow-400 checked:bg-none checked:hover:bg-yellow-400 dark:bg-yellow-500 dark:focus:text-yellow-500 dark:checked:hover:bg-yellow-500" id="hs-pro-cremaec3" name="hs-pro-cremaec">
Yellow
<svg class="hq6gx stqz8 tr8tx ms-auto opacity-0 group-has-checked:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
</label>
<!-- End Radio -->
<!-- Radio -->
<label for="hs-pro-cremaec4" class="d0kec kzzmm group flex lialp umxjj cursor-pointer e9qjd bp13m ksr3h dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="radio" class="hq6gx d77gl stqz8 tr8tx dqdmd qb17b neiig cursor-pointer p1ez7 rgvf6 lohag pvhn8 checked:bg-green-600 checked:bg-none checked:hover:bg-green-600 dark:bg-green-500 dark:focus:text-green-500 dark:checked:hover:bg-green-500" id="hs-pro-cremaec4" name="hs-pro-cremaec" checked>
Green
<svg class="hq6gx stqz8 tr8tx ms-auto opacity-0 group-has-checked:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
</label>
<!-- End Radio -->
<!-- Radio -->
<label for="hs-pro-cremaec5" class="d0kec kzzmm group flex lialp umxjj cursor-pointer e9qjd bp13m ksr3h dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="radio" class="hq6gx d77gl stqz8 tr8tx dqdmd qb17b d0sng cursor-pointer p1ez7 rgvf6 qyduq x96nl checked:bg-sky-600 checked:bg-none checked:hover:bg-sky-600 dark:bg-sky-500 dark:focus:text-sky-500 dark:checked:hover:bg-sky-500" id="hs-pro-cremaec5" name="hs-pro-cremaec">
Blue
<svg class="hq6gx stqz8 tr8tx ms-auto opacity-0 group-has-checked:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
</label>
<!-- End Radio -->
<!-- Radio -->
<label for="hs-pro-cremaec6" class="d0kec kzzmm group flex lialp umxjj cursor-pointer e9qjd bp13m ksr3h dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="radio" class="hq6gx d77gl stqz8 tr8tx dqdmd qb17b zd4fn cursor-pointer p1ez7 rgvf6 hgv7r owlgl checked:bg-pink-600 checked:bg-none checked:hover:bg-pink-600 dark:bg-pink-500 dark:focus:text-pink-500 dark:checked:hover:bg-pink-500" id="hs-pro-cremaec6" name="hs-pro-cremaec">
Pink
<svg class="hq6gx stqz8 tr8tx ms-auto opacity-0 group-has-checked:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
</label>
<!-- End Radio -->
<!-- Radio -->
<label for="hs-pro-cremaec7" class="d0kec kzzmm group flex lialp umxjj cursor-pointer e9qjd bp13m ksr3h dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="radio" class="hq6gx d77gl stqz8 tr8tx dqdmd qb17b vh6bg cursor-pointer p1ez7 rgvf6 ubcjr y4dru checked:bg-gray-300 checked:bg-none checked:hover:bg-gray-300 dark:bg-neutral-500 dark:focus:text-neutral-500 dark:checked:hover:bg-gray-500" id="hs-pro-cremaec7" name="hs-pro-cremaec">
Gray
<svg class="hq6gx stqz8 tr8tx ms-auto opacity-0 group-has-checked:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
</label>
<!-- End Radio -->
</div>
</div>
<!-- End Dropdown -->
</div>
<!-- End Assignee Color Dropdown -->
</div>
<!-- Grid -->
<div class="dmfqa hdv6z items-center lialp">
<!-- Select -->
<div class="relative group">
<select data-hs-select='{
"placeholder": "Availability",
"toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>",
"toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative d0kec qh1uk kzzmm i65bn flex lialp dslo6 bp13m cursor-pointer oo8ro wfm4e qb17b umxjj qgy40 piafy rz6ys hover:focus:border-transparent focus:outline-hidden kf4z7 dark:bg-neutral-800 dark:hover:border-neutral-700 dark:text-neutral-200 dark:focus:outline-hidden dark:focus:bg-neutral-700",
"dropdownClasses": "ls9te ucmtr i65bn sel6q ju7it space-y-0.5 overflow-hidden overflow-y-auto oo8ro lile3 rrmkk n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900",
"optionClasses": "hs-selected:bg-gray-100 dark:hs-selected:bg-neutral-800 d0kec apc69 i65bn e9qjd bp13m cursor-pointer ksr3h umxjj focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex uip67 items-center i65bn \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"hq6gx stqz8 bp13m dark:text-neutral-200 \" xmlns=\"http:.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"/></svg></span></div>",
"viewport": "#hs-modal-edit-event"
}' class="hidden">
<option value="">Choose</option>
<option selected>Busy</option>
<option>Free</option>
</select>
<div class="absolute wgue8 z5b3o -translate-y-1/2 opacity-0 group-hover:opacity-100 group-focus:opacity-100">
<svg class="hq6gx stqz8 kvliy dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>
</div>
</div>
<!-- End Select -->
<!-- Select -->
<div class="relative group">
<select data-hs-select='{
"placeholder": "Visibility",
"toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>",
"toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative d0kec qh1uk kzzmm i65bn flex lialp dslo6 bp13m cursor-pointer oo8ro wfm4e qb17b umxjj qgy40 piafy rz6ys hover:focus:border-transparent focus:outline-hidden kf4z7 dark:bg-neutral-800 dark:hover:border-neutral-700 dark:text-neutral-200 dark:focus:outline-hidden dark:focus:bg-neutral-700",
"dropdownClasses": "ls9te ucmtr i65bn sel6q ju7it space-y-0.5 overflow-hidden overflow-y-auto oo8ro lile3 rrmkk n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900",
"optionClasses": "hs-selected:bg-gray-100 dark:hs-selected:bg-neutral-800 d0kec apc69 i65bn e9qjd bp13m cursor-pointer ksr3h umxjj focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex uip67 items-center i65bn \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"hq6gx stqz8 bp13m dark:text-neutral-200 \" xmlns=\"http:.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"/></svg></span></div>",
"viewport": "#hs-modal-edit-event"
}' class="hidden">
<option value="">Choose</option>
<option selected>Default visibility</option>
<option>Private</option>
<option>Public</option>
</select>
<div class="absolute wgue8 z5b3o -translate-y-1/2 opacity-0 group-hover:opacity-100 group-focus:opacity-100">
<svg class="hq6gx stqz8 kvliy dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>
</div>
</div>
<!-- End Select -->
</div>
<!-- End Grid -->
</div>
</div>
<!-- End Item -->
<!-- Item -->
<div class="i63zv">
<label class="nxgm9 flex r00n9 items-center pgjbi e9qjd kvliy dark:text-neutral-500">
<svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9"/><path d="M10.3 21a1.94 1.94 0 0 0 3.4 0"/></svg>
<span class="ecbnn">Reminders:</span>
</label>
</div>
<div class="xdw6i relative fkoia before:ms-2 before:absolute before:top-0 before:inset-x-0 before:w-[calc(100%-8px)] before:h-px before:bg-gray-100 dark:before:bg-white/10">
<!-- Select -->
<div class="relative group">
<select data-hs-select='{
"placeholder": "Reminders",
"toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>",
"toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative d0kec qh1uk kzzmm i65bn flex lialp dslo6 bp13m cursor-pointer oo8ro wfm4e qb17b umxjj qgy40 piafy rz6ys hover:focus:border-transparent focus:outline-hidden kf4z7 dark:bg-neutral-800 dark:hover:border-neutral-700 dark:text-neutral-200 dark:focus:outline-hidden dark:focus:bg-neutral-700",
"dropdownClasses": "ls9te ucmtr i65bn sel6q ju7it space-y-0.5 overflow-hidden overflow-y-auto oo8ro lile3 rrmkk n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900",
"optionClasses": "hs-selected:bg-gray-100 dark:hs-selected:bg-neutral-800 d0kec apc69 i65bn e9qjd bp13m cursor-pointer ksr3h umxjj focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex uip67 items-center i65bn \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"hq6gx stqz8 bp13m dark:text-neutral-200 \" xmlns=\"http:.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"/></svg></span></div>",
"viewport": "#hs-modal-edit-event"
}' class="hidden">
<option value="">Choose</option>
<option>At the start of event</option>
<option>5 min before</option>
<option>10 min before</option>
<option selected>30 min before</option>
<option>1 hour before</option>
</select>
<div class="absolute wgue8 z5b3o -translate-y-1/2 opacity-0 group-hover:opacity-100 group-focus:opacity-100">
<svg class="hq6gx stqz8 kvliy dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>
</div>
</div>
<!-- End Select -->
</div>
<!-- End Item -->
</div>
<!-- End Event List -->
</div>
<!-- End Body -->
<!-- Footer -->
<div class="pi5e6 flex c9j8j lialp">
<div class="flex-1 flex c9j8j items-center h1dxu">
<button type="button" class="i7oig apc69 dslo6 inline-flex r00n9 items-center qgy40 lt27r oo8ro wfm4e d77gl bp13m t5ziw vo20k ps5iq hx4gm acu59 tdhmi disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
Cancel
</button>
<button type="button" class="i7oig apc69 dslo6 inline-flex r00n9 items-center lialp qgy40 lt27r jqqot wfm4e f31lg zr4l6 t5ziw vo20k ps5iq hx4gm acu59 lmqf9 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden cycnq t3nwl dark:focus:ring-blue-500">
Save changes
</button>
</div>
</div>
<!-- End Footer -->
</div>
<!-- End Calendar Edit Event Card -->
<!-- Calendar Edit Event Card -->
<div class="oo8ro wfm4e d77gl hx4gm lile3 dark:bg-neutral-800 dark:border-neutral-700">
<!-- Header -->
<div class="o1ncb dkhxo flex uip67 items-center ic6aj d77gl dark:border-neutral-700">
<h3 class="vo20k bp13m dark:text-neutral-200">
Custom recurrence
</h3>
</div>
<!-- End Header -->
<!-- Body -->
<div class="pi5e6 space-y-3">
<div class="dmfqa svopm">
<!-- Item -->
<div>
<label for="hs-pro-ccremre" class="s8bn9 block e9qjd kvliy dark:text-neutral-500">
Repeat every:
</label>
<div class="flex items-center lialp">
<input id="hs-pro-ccremre" type="text" class="jlmh5 kzzmm block eq6ee agawe qb17b umxjj piafy p4gf7 lluhh eweab a0kik disabled:opacity-50 disabled:pointer-events-none evxbs b2plr rdxom dark:text-neutral-400 dark:bg-neutral-700 dark:text-neutral-300 dark:placeholder:text-neutral-500 dark:hover:bg-neutral-600 dark:focus:bg-neutral-600" value="1">
<!-- Select -->
<div class="relative i65bn">
<select data-hs-select='{
"placeholder": "Start time",
"toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>",
"toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative jlmh5 yujsw fy7l0 i65bn flex lialp dslo6 p4gf7 cursor-pointer agawe wfm4e qb17b umxjj qgy40 piafy eweab hover:focus:border-transparent focus:outline-hidden evxbs dark:bg-neutral-700 dark:text-neutral-400 dark:focus:outline-hidden dark:hover:bg-neutral-600 dark:focus:bg-neutral-600",
"dropdownClasses": "ls9te ucmtr i65bn sel6q ju7it space-y-0.5 overflow-hidden overflow-y-auto oo8ro lile3 rrmkk n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900",
"optionClasses": "hs-selected:bg-gray-100 dark:hs-selected:bg-neutral-800 d0kec apc69 i65bn e9qjd bp13m cursor-pointer ksr3h umxjj focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex uip67 items-center i65bn \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"hq6gx stqz8 bp13m dark:text-neutral-200 \" xmlns=\"http:.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"/></svg></span></div>",
"viewport": "#hs-modal-custom-recurrence-event"
}' class="hidden">
<option value="">Choose</option>
<option>Daily</option>
<option selected>Weekly</option>
<option>Monthly</option>
<option>Yearly</option>
</select>
<div class="absolute wgue8 z5b3o -translate-y-1/2">
<svg class="hq6gx stqz8 kvliy dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>
</div>
</div>
<!-- End Select -->
</div>
</div>
<!-- End Item -->
<!-- Item -->
<div>
<label class="s8bn9 block e9qjd kvliy dark:text-neutral-500">
Repeats on:
</label>
<div class="flex uiblq items-center pgjbi">
<!-- Checkbox -->
<label for="hs-pro-clcreromo" class="group qoz2e flex r00n9 items-center umxjj cursor-pointer e9qjd bp13m agawe eweab evxbs p5x16 uspnn dark:text-neutral-300 dark:bg-neutral-700 dark:hover:bg-neutral-600 dark:focus:bg-neutral-600 dark:has-checked:bg-blue-500 dark:has-checked:text-white">
<input type="radio" class="hidden" id="hs-pro-clcreromo" name="hs-pro-cremd" checked>
Mo
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-clcrerotu" class="group qoz2e flex r00n9 items-center umxjj cursor-pointer e9qjd bp13m agawe eweab evxbs p5x16 uspnn dark:text-neutral-300 dark:bg-neutral-700 dark:hover:bg-neutral-600 dark:focus:bg-neutral-600 dark:has-checked:bg-blue-500 dark:has-checked:text-white">
<input type="radio" class="hidden" id="hs-pro-clcrerotu" name="hs-pro-cremd">
Tu
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-clcrerowe" class="group qoz2e flex r00n9 items-center umxjj cursor-pointer e9qjd bp13m agawe eweab evxbs p5x16 uspnn dark:text-neutral-300 dark:bg-neutral-700 dark:hover:bg-neutral-600 dark:focus:bg-neutral-600 dark:has-checked:bg-blue-500 dark:has-checked:text-white">
<input type="radio" class="hidden" id="hs-pro-clcrerowe" name="hs-pro-cremd">
We
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-clcreroth" class="group qoz2e flex r00n9 items-center umxjj cursor-pointer e9qjd bp13m agawe eweab evxbs p5x16 uspnn dark:text-neutral-300 dark:bg-neutral-700 dark:hover:bg-neutral-600 dark:focus:bg-neutral-600 dark:has-checked:bg-blue-500 dark:has-checked:text-white">
<input type="radio" class="hidden" id="hs-pro-clcreroth" name="hs-pro-cremd">
Th
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-clcrerofr" class="group qoz2e flex r00n9 items-center umxjj cursor-pointer e9qjd bp13m agawe eweab evxbs p5x16 uspnn dark:text-neutral-300 dark:bg-neutral-700 dark:hover:bg-neutral-600 dark:focus:bg-neutral-600 dark:has-checked:bg-blue-500 dark:has-checked:text-white">
<input type="radio" class="hidden" id="hs-pro-clcrerofr" name="hs-pro-cremd">
Fr
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-clcrerosa" class="group qoz2e flex r00n9 items-center umxjj cursor-pointer e9qjd bp13m agawe eweab evxbs p5x16 uspnn dark:text-neutral-300 dark:bg-neutral-700 dark:hover:bg-neutral-600 dark:focus:bg-neutral-600 dark:has-checked:bg-blue-500 dark:has-checked:text-white">
<input type="radio" class="hidden" id="hs-pro-clcrerosa" name="hs-pro-cremd">
Sa
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-clcrerosu" class="group qoz2e flex r00n9 items-center umxjj cursor-pointer e9qjd bp13m agawe eweab evxbs p5x16 uspnn dark:text-neutral-300 dark:bg-neutral-700 dark:hover:bg-neutral-600 dark:focus:bg-neutral-600 dark:has-checked:bg-blue-500 dark:has-checked:text-white">
<input type="radio" class="hidden" id="hs-pro-clcrerosu" name="hs-pro-cremd">
Su
</label>
<!-- End Checkbox -->
</div>
</div>
<!-- End Item -->
<!-- Item -->
<div>
<label class="s8bn9 block e9qjd kvliy dark:text-neutral-500">
Ends:
</label>
<!-- Radio -->
<div class="flex">
<input type="radio" name="hs-pro-clcree" class="hq6gx d77gl oq0dt rwtxm checked:border-blue-600 p1ez7 rgvf6 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-700 dark:checked:bg-blue-500 dark:checked:border-blue-500 dark:focus:ring-offset-neutral-800" id="hs-pro-clcreen" checked>
<label for="hs-pro-clcreen" class="cm336 t6rrs zocwd dark:text-neutral-400">Never</label>
</div>
<!-- End Radio -->
<div class="w11y8 flex items-center lialp">
<!-- Radio -->
<div class="vl7eg flex">
<input type="radio" name="hs-pro-clcree" class="hq6gx d77gl oq0dt rwtxm checked:border-blue-600 p1ez7 rgvf6 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-700 dark:checked:bg-blue-500 dark:checked:border-blue-500 dark:focus:ring-offset-neutral-800" id="hs-pro-clcreeo">
<label for="hs-pro-clcreeo" class="cm336 t6rrs zocwd dark:text-neutral-400">On</label>
</div>
<!-- End Radio -->
<div class="i65bn">
<!-- Input -->
<input type="text" class="d0kec kzzmm block i65bn agawe qb17b umxjj piafy p4gf7 lluhh eweab a0kik disabled:opacity-50 disabled:pointer-events-none evxbs b2plr rdxom dark:text-neutral-400 dark:bg-neutral-700 dark:text-neutral-300 dark:placeholder:text-neutral-500 dark:hover:bg-neutral-600 dark:focus:bg-neutral-600" value="Jan 7, 2024">
<!-- End Input -->
</div>
</div>
<div class="ymk3i flex items-center lialp">
<!-- Radio -->
<div class="vl7eg flex">
<input type="radio" name="hs-pro-clcree" class="hq6gx d77gl oq0dt rwtxm checked:border-blue-600 p1ez7 rgvf6 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-700 dark:checked:bg-blue-500 dark:checked:border-blue-500 dark:focus:ring-offset-neutral-800" id="hs-pro-clcreea">
<label for="hs-pro-clcreea" class="cm336 t6rrs zocwd dark:text-neutral-400">After</label>
</div>
<!-- End Radio -->
<div class="i65bn flex items-center lialp">
<!-- Input -->
<input type="text" class="d0kec kzzmm block eq6ee agawe qb17b umxjj piafy p4gf7 lluhh eweab a0kik disabled:opacity-50 disabled:pointer-events-none evxbs b2plr rdxom dark:text-neutral-400 dark:bg-neutral-700 dark:text-neutral-300 dark:placeholder:text-neutral-500 dark:hover:bg-neutral-600 dark:focus:bg-neutral-600" value="7">
<!-- End Input -->
<span class="cm336 kvliy dark:text-neutral-500">Times</span>
</div>
</div>
</div>
<!-- End Item -->
</div>
</div>
<!-- End Body -->
<!-- Footer -->
<div class="i7oig dkhxo pyimf d77gl dark:border-neutral-700">
<div class="flex-1 flex c9j8j items-center h1dxu">
<button type="button" class="i7oig apc69 dslo6 inline-flex r00n9 items-center qgy40 lt27r oo8ro wfm4e d77gl bp13m cm336 vo20k ps5iq hx4gm acu59 tdhmi disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
Cancel
</button>
<button type="button" class="i7oig apc69 dslo6 inline-flex r00n9 items-center lialp qgy40 lt27r jqqot wfm4e f31lg zr4l6 cm336 vo20k ps5iq hx4gm acu59 lmqf9 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden cycnq t3nwl dark:focus:ring-blue-500">
Save
</button>
</div>
</div>
<!-- End Footer -->
</div>
<!-- End Calendar Edit Event Card -->
<!-- Add Discount Modal -->
<div class="oo8ro wfm4e lh7k3 hx4gm lile3 dark:bg-stone-800 dark:border-stone-700">
<!-- Header -->
<div class="mctd2 dkhxo flex uip67 items-center ic6aj lh7k3 dark:border-neutral-700">
<h3 id="hs-pro-edmad-label" class="y2wul ld4jf dark:text-neutral-200">
Add discount
</h3>
</div>
<!-- End Header -->
<!-- Body -->
<div class="overflow-y-auto n4ec4 xlk9f osjq3 n14un dark:[&::-webkit-scrollbar-track]:bg-stone-700 dark:[&::-webkit-scrollbar-thumb]:bg-stone-500">
<div class="pi5e6 space-y-5">
<!-- Input -->
<div>
<label for="hs-pro-eadmnm" class="block ej64t t5ziw vo20k ld4jf dark:text-white">
Name
</label>
<input type="text" id="hs-pro-eadmnm" class="i7oig i4c53 apc69 block i65bn lh7k3 ps5iq psfwb exn0c hzew9 zt5cn disabled:opacity-50 disabled:pointer-events-none dark:bg-transparent dark:border-neutral-700 dark:text-neutral-300 dark:placeholder:text-white/60 dark:focus:ring-neutral-600">
<p class="nsx3p cm336 g30sc dark:text-neutral-500">
This will appear rjx3z your customer’s invoice.
</p>
</div>
<!-- End Input -->
<!-- Input -->
<div>
<label for="hs-pro-eadmcd" class="block ej64t t5ziw vo20k ld4jf dark:text-white">
Code
</label>
<div class="relative">
<input type="text" id="hs-pro-eadmcd" class="i7oig i4c53 apc69 k77cj block i65bn lh7k3 ps5iq psfwb exn0c hzew9 zt5cn disabled:opacity-50 disabled:pointer-events-none dark:bg-transparent dark:border-neutral-700 dark:text-neutral-300 dark:placeholder:text-white/60 dark:focus:ring-neutral-600" value="MXNDC4MG">
<button type="button" class="hs-tooltip absolute h5ske fug6q flex items-center a799i apc69 cursor-pointer b62jb q4p3j focus:outline-hidden lohag dark:text-neutral-600 dark:focus:text-neutral-500">
<svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12a9 9 0 0 0-9-9 9.75 9.75 0 0 0-6.74 2.74L3 8"/><path d="M3 3v5h5"/><path d="M3 12a9 9 0 0 0 9 9 9.75 9.75 0 0 0 6.74-2.74L21 16"/><path d="M16 16h5v5"/></svg>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 jfchh hidden j7t1a bo1ta d0kec kzzmm r9ojg cm336 vo20k zr4l6 ps5iq hx4gm dark:bg-neutral-700" role="tooltip">
Generate code
</span>
</button>
</div>
<p class="nsx3p cm336 g30sc dark:text-neutral-500">
The code your customers will enter during checkout.
</p>
</div>
<!-- End Input -->
<!-- Input -->
<div>
<label for="hs-pro-eadmam" class="block ej64t t5ziw vo20k ld4jf dark:text-neutral-200">
Amount
</label>
<div class="relative i65bn">
<input id="hs-pro-eadmam" type="text" class="jlmh5 sofkk apc69 block i65bn lh7k3 ps5iq psfwb ld4jf pbwui o3fx0 omr57 dark:bg-transparent dark:border-neutral-700 dark:text-neutral-200 dark:placeholder:text-neutral-500 dark:focus:outline-hidden dark:focus:ring-1 dark:focus:ring-neutral-600" value="10">
<div class="absolute h5ske fug6q flex items-center nehyh b62jb">
<!-- Select -->
<div class="relative">
<select data-hs-select='{
"placeholder": "Select option...",
"toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>",
"toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative jlmh5 rfnst inline-flex hq6gx r00n9 items-center vrcxw cm336 ld4jf ps5iq udrq1 focus:outline-hidden rwgqn before:absolute before:inset-0 before:z-1 dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700",
"dropdownClasses": "fug6q ls9te ju7it ucmtr zz68c space-y-0.5 oo8ro lile3 rrmkk dark:bg-neutral-950",
"optionClasses": "hs-selected:bg-stone-100 dark:hs-selected:bg-neutral-800 jlmh5 kzzmm i65bn cm336 ld4jf ps5iq cursor-pointer udrq1 ps5iq focus:outline-hidden rwgqn dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex uip67 items-center i65bn \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"hq6gx stqz8 ld4jf dark:text-neutral-200 \" xmlns=\"http:.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"/></svg></span></div>"
}' class="hidden">
<option value="">Choose</option>
<option selected>%</option>
<option>$</option>
</select>
</div>
<!-- End Select -->
</div>
</div>
</div>
<!-- End Input -->
<!-- Input Grid -->
<div class="dmfqa n5y6f aygsi">
<div>
<label class="block ej64t t5ziw vo20k ld4jf dark:text-neutral-200">
Start date
</label>
<!-- Calendar Dropdown -->
<div class="hs-dropdown inline-flex [--auto-close:inside] i65bn">
<button id="hs-pro-eadmsd" type="button" class="jlmh5 sofkk rfnst i65bn flex items-center vrcxw psfwb ps5iq wfm4e lh7k3 ld4jf disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden cycnq omr57 o3fx0 dark:border-neutral-700 dark:text-neutral-300 dark:placeholder:text-white/60 dark:focus:ring-neutral-600" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
Thu, 20 Jul 2023
<svg class="hq6gx stqz8 ms-auto" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>
</button>
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 v4b5n transition-[opacity,margin] duration opacity-0 hidden ucmtr oo8ro lile3 rrmkk dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-eadmsd">
<!-- Calendar -->
<div class="yyez4 space-y-0.5">
<!-- Months -->
<div class="dmfqa mqtol items-center vmt4s mzxha nfrzv">
<!-- Prev Button -->
<div class="i63zv">
<button type="button" class="aukwz flex r00n9 items-center ld4jf udrq1 oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rwgqn dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-label="Previous">
<svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m15 18-6-6 6-6"/></svg>
</button>
</div>
<!-- End Prev Button -->
<!-- Month / Year -->
<div class="nvgw2 flex r00n9 items-center pgjbi">
<div class="relative">
<select data-hs-select='{
"placeholder": "Select month",
"toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>",
"toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative flex dslo6 i65bn cursor-pointer qgy40 vo20k ld4jf bqxjr focus:outline-hidden ysxhz before:absolute before:inset-0 before:z-1 dark:text-neutral-200 dark:hover:text-neutral-300 dark:focus:text-neutral-300",
"dropdownClasses": "ls9te ucmtr qzvcy yj8ha ju7it space-y-0.5 oo8ro wfm4e lh7k3 ps5iq rkof5 overflow-hidden overflow-y-auto n4ec4 xlk9f osjq3 n14un dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900 dark:border-neutral-700",
"optionClasses": "n33uu i65bn t5ziw ld4jf cursor-pointer udrq1 ps5iq focus:outline-hidden rwgqn dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex uip67 items-center i65bn \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"hq6gx stqz8 ld4jf dark:text-neutral-200 \" xmlns=\"http:.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"/></svg></span></div>"
}' class="hidden">
<option value="0">January</option>
<option value="1">February</option>
<option value="2">March</option>
<option value="3">April</option>
<option value="4">May</option>
<option value="5">June</option>
<option value="6" selected>July</option>
<option value="7">August</option>
<option value="8">September</option>
<option value="9">October</option>
<option value="10">November</option>
<option value="11">December</option>
</select>
</div>
<span class="ld4jf dark:text-neutral-200">/</span>
<div class="relative">
<select data-hs-select='{
"placeholder": "Select year",
"toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>",
"toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative flex dslo6 i65bn cursor-pointer qgy40 vo20k ld4jf bqxjr focus:outline-hidden ysxhz before:absolute before:inset-0 before:z-1 dark:text-neutral-200 dark:hover:text-neutral-300 dark:focus:text-neutral-300",
"dropdownClasses": "ls9te ucmtr vl7eg yj8ha ju7it space-y-0.5 oo8ro wfm4e lh7k3 ps5iq rkof5 overflow-hidden overflow-y-auto n4ec4 xlk9f osjq3 n14un dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900 dark:border-neutral-700",
"optionClasses": "n33uu i65bn t5ziw ld4jf cursor-pointer udrq1 ps5iq focus:outline-hidden rwgqn dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex uip67 items-center i65bn \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"hq6gx stqz8 ld4jf dark:text-neutral-200 \" xmlns=\"http:.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"/></svg></span></div>"
}' class="hidden">
<option selected>2023</option>
<option>2024</option>
<option>2025</option>
<option>2026</option>
<option>2027</option>
</select>
</div>
</div>
<!-- End Month / Year -->
<!-- Next Button -->
<div class="i63zv flex c9j8j">
<button type="button" class=" aukwz flex r00n9 items-center ld4jf udrq1 oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rwgqn dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-label="Next">
<svg class="hq6gx ibvs1" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg>
</button>
</div>
<!-- End Next Button -->
</div>
<!-- Months -->
<!-- Weeks -->
<div class="flex yh9al">
<span class="p6abj p8o62 block lj7mp t5ziw g30sc dark:text-neutral-500">
Mo
</span>
<span class="p6abj p8o62 block lj7mp t5ziw g30sc dark:text-neutral-500">
Tu
</span>
<span class="p6abj p8o62 block lj7mp t5ziw g30sc dark:text-neutral-500">
We
</span>
<span class="p6abj p8o62 block lj7mp t5ziw g30sc dark:text-neutral-500">
Th
</span>
<span class="p6abj p8o62 block lj7mp t5ziw g30sc dark:text-neutral-500">
Fr
</span>
<span class="p6abj p8o62 block lj7mp t5ziw g30sc dark:text-neutral-500">
Sa
</span>
<span class="p6abj p8o62 block lj7mp t5ziw g30sc dark:text-neutral-500">
Su
</span>
</div>
<!-- Weeks -->
<!-- Days -->
<div class="flex">
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center wfm4e qb17b t5ziw ld4jf oq0dt ojpz2 wiue0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden o3fx0 lohag dark:text-neutral-200" disabled>
26
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center wfm4e qb17b t5ziw ld4jf oq0dt ojpz2 wiue0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden o3fx0 lohag dark:text-neutral-200" disabled>
27
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center wfm4e qb17b t5ziw ld4jf oq0dt ojpz2 wiue0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden o3fx0 lohag dark:text-neutral-200" disabled>
28
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center wfm4e qb17b t5ziw ld4jf oq0dt ojpz2 wiue0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden o3fx0 lohag dark:text-neutral-200" disabled>
29
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center wfm4e qb17b t5ziw ld4jf oq0dt ojpz2 wiue0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden o3fx0 lohag dark:text-neutral-200" disabled>
30
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center wfm4e qb17b t5ziw ld4jf oq0dt ojpz2 wiue0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden o3fx0 lohag dark:text-neutral-200">
1
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center wfm4e qb17b t5ziw ld4jf oq0dt ojpz2 wiue0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden o3fx0 lohag dark:text-neutral-200">
2
</button>
</div>
</div>
<!-- Days -->
<!-- Days -->
<div class="flex">
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center wfm4e qb17b t5ziw ld4jf oq0dt ojpz2 wiue0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden o3fx0 lohag dark:text-neutral-200">
3
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center wfm4e qb17b t5ziw ld4jf oq0dt ojpz2 wiue0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden o3fx0 lohag dark:text-neutral-200">
4
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center wfm4e qb17b t5ziw ld4jf oq0dt ojpz2 wiue0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden o3fx0 lohag dark:text-neutral-200">
5
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center wfm4e qb17b t5ziw ld4jf oq0dt ojpz2 wiue0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden o3fx0 lohag dark:text-neutral-200">
6
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center wfm4e qb17b t5ziw ld4jf oq0dt ojpz2 wiue0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden o3fx0 lohag dark:text-neutral-200">
7
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center wfm4e qb17b t5ziw ld4jf oq0dt ojpz2 wiue0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden o3fx0 lohag dark:text-neutral-200">
8
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center wfm4e qb17b t5ziw ld4jf oq0dt ojpz2 wiue0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden o3fx0 lohag dark:text-neutral-200">
9
</button>
</div>
</div>
<!-- Days -->
<!-- Days -->
<div class="flex">
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center wfm4e qb17b t5ziw ld4jf oq0dt ojpz2 wiue0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden o3fx0 lohag dark:text-neutral-200">
10
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center wfm4e qb17b t5ziw ld4jf oq0dt ojpz2 wiue0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden o3fx0 lohag dark:text-neutral-200">
11
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center wfm4e qb17b t5ziw ld4jf oq0dt ojpz2 wiue0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden o3fx0 lohag dark:text-neutral-200">
12
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center wfm4e qb17b t5ziw ld4jf oq0dt ojpz2 wiue0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden o3fx0 lohag dark:text-neutral-200">
13
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center wfm4e qb17b t5ziw ld4jf oq0dt ojpz2 wiue0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden o3fx0 lohag dark:text-neutral-200">
14
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center wfm4e qb17b t5ziw ld4jf oq0dt ojpz2 wiue0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden o3fx0 lohag dark:text-neutral-200">
15
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center wfm4e qb17b t5ziw ld4jf oq0dt ojpz2 wiue0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden o3fx0 lohag dark:text-neutral-200">
16
</button>
</div>
</div>
<!-- Days -->
<!-- Days -->
<div class="flex">
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center wfm4e qb17b t5ziw ld4jf oq0dt ojpz2 wiue0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden o3fx0 lohag dark:text-neutral-200">
17
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center wfm4e qb17b t5ziw ld4jf oq0dt ojpz2 wiue0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden o3fx0 lohag dark:text-neutral-200">
18
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center wfm4e qb17b t5ziw ld4jf oq0dt ojpz2 wiue0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden o3fx0 lohag dark:text-neutral-200">
19
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center neiig wfm4e qb17b t5ziw vo20k zr4l6 ojpz2 oq0dt dark:bg-green-500 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rwgqn dark:hover:border-neutral-700">
20
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center wfm4e qb17b t5ziw ld4jf oq0dt ojpz2 wiue0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden o3fx0 lohag dark:text-neutral-200">
21
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center wfm4e qb17b t5ziw ld4jf oq0dt ojpz2 wiue0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden o3fx0 lohag dark:text-neutral-200">
22
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center wfm4e qb17b t5ziw ld4jf oq0dt ojpz2 wiue0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden o3fx0 lohag dark:text-neutral-200">
23
</button>
</div>
</div>
<!-- Days -->
<!-- Days -->
<div class="flex">
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center wfm4e qb17b t5ziw ld4jf oq0dt ojpz2 wiue0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden o3fx0 lohag dark:text-neutral-200">
24
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center wfm4e qb17b t5ziw ld4jf oq0dt ojpz2 wiue0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden o3fx0 lohag dark:text-neutral-200">
25
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center wfm4e qb17b t5ziw ld4jf oq0dt ojpz2 wiue0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden o3fx0 lohag dark:text-neutral-200">
26
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center wfm4e qb17b t5ziw ld4jf oq0dt ojpz2 wiue0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden o3fx0 lohag dark:text-neutral-200">
27
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center wfm4e qb17b t5ziw ld4jf oq0dt ojpz2 wiue0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden o3fx0 lohag dark:text-neutral-200">
28
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center wfm4e qb17b t5ziw ld4jf oq0dt ojpz2 wiue0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden o3fx0 lohag dark:text-neutral-200">
29
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center wfm4e qb17b t5ziw ld4jf oq0dt ojpz2 wiue0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden o3fx0 lohag dark:text-neutral-200">
30
</button>
</div>
</div>
<!-- Days -->
<!-- Days -->
<div class="flex">
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center wfm4e qb17b t5ziw ld4jf oq0dt ojpz2 wiue0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden o3fx0 lohag dark:text-neutral-200">
31
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center wfm4e qb17b t5ziw ld4jf ojpz2 wiue0 oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rwgqn dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
1
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center wfm4e qb17b t5ziw ld4jf ojpz2 wiue0 oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rwgqn dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
2
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center wfm4e qb17b t5ziw ld4jf ojpz2 wiue0 oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rwgqn dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
3
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center wfm4e qb17b t5ziw ld4jf ojpz2 wiue0 oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rwgqn dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
4
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center wfm4e qb17b t5ziw ld4jf ojpz2 wiue0 oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rwgqn dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
5
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center wfm4e qb17b t5ziw ld4jf ojpz2 wiue0 oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rwgqn dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
6
</button>
</div>
</div>
<!-- Days -->
<!-- Button Group -->
<div class="yki1g flex c9j8j lialp">
<button type="button" class="i7oig apc69 inline-flex items-center lialp cm336 vo20k ps5iq wfm4e lh7k3 oo8ro ld4jf hx4gm mg3yl disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden exitg dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-eadm">
Cancel
</button>
<button type="button" class="i7oig apc69 i65bn inline-flex r00n9 items-center lialp cm336 vo20k ps5iq wfm4e qb17b neiig zr4l6 yp3eh disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden v1cco zt5cn" data-hs-overlay="#hs-pro-eadm">
Set start date
</button>
</div>
<!-- End Button Group -->
</div>
<!-- End Calendar -->
</div>
</div>
<!-- End Calendar Dropdown -->
</div>
<!-- End Col -->
<div>
<label class="block ej64t t5ziw vo20k ld4jf dark:text-neutral-200">
End date
</label>
<!-- Calendar Dropdown -->
<div class="hs-dropdown inline-flex [--auto-close:inside] [--placement:top-right] i65bn">
<button id="hs-pro-eadmed" type="button" class="jlmh5 sofkk rfnst i65bn flex items-center vrcxw psfwb ps5iq wfm4e lh7k3 ld4jf disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden cycnq omr57 o3fx0 dark:border-neutral-700 dark:text-neutral-300 dark:placeholder:text-white/60 dark:focus:ring-neutral-600" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
Thu, 20 Jul 2023
<svg class="hq6gx stqz8 ms-auto" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>
</button>
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 v4b5n transition-[opacity,margin] duration opacity-0 hidden ucmtr oo8ro lile3 rrmkk dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-eadmed">
<!-- Calendar -->
<div class="yyez4 space-y-0.5">
<!-- Months -->
<div class="dmfqa mqtol items-center vmt4s mzxha nfrzv">
<!-- Prev Button -->
<div class="i63zv">
<button type="button" class="aukwz flex r00n9 items-center ld4jf udrq1 oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rwgqn dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-label="Previous">
<svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m15 18-6-6 6-6"/></svg>
</button>
</div>
<!-- End Prev Button -->
<!-- Month / Year -->
<div class="nvgw2 flex r00n9 items-center pgjbi">
<div class="relative">
<select data-hs-select='{
"placeholder": "Select month",
"toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>",
"toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative flex dslo6 i65bn cursor-pointer qgy40 vo20k ld4jf bqxjr focus:outline-hidden ysxhz before:absolute before:inset-0 before:z-1 dark:text-neutral-200 dark:hover:text-neutral-300 dark:focus:text-neutral-300",
"dropdownClasses": "ls9te ucmtr qzvcy yj8ha ju7it space-y-0.5 oo8ro wfm4e lh7k3 ps5iq rkof5 overflow-hidden overflow-y-auto n4ec4 xlk9f osjq3 n14un dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900 dark:border-neutral-700",
"optionClasses": "n33uu i65bn t5ziw ld4jf cursor-pointer udrq1 ps5iq focus:outline-hidden rwgqn dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex uip67 items-center i65bn \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"hq6gx stqz8 ld4jf dark:text-neutral-200 \" xmlns=\"http:.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"/></svg></span></div>"
}' class="hidden">
<option value="0">January</option>
<option value="1">February</option>
<option value="2">March</option>
<option value="3">April</option>
<option value="4">May</option>
<option value="5">June</option>
<option value="6" selected>July</option>
<option value="7">August</option>
<option value="8">September</option>
<option value="9">October</option>
<option value="10">November</option>
<option value="11">December</option>
</select>
</div>
<span class="ld4jf dark:text-neutral-200">/</span>
<div class="relative">
<select data-hs-select='{
"placeholder": "Select year",
"toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>",
"toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative flex dslo6 i65bn cursor-pointer qgy40 vo20k ld4jf bqxjr focus:outline-hidden ysxhz before:absolute before:inset-0 before:z-1 dark:text-neutral-200 dark:hover:text-neutral-300 dark:focus:text-neutral-300",
"dropdownClasses": "ls9te ucmtr vl7eg yj8ha ju7it space-y-0.5 oo8ro wfm4e lh7k3 ps5iq rkof5 overflow-hidden overflow-y-auto n4ec4 xlk9f osjq3 n14un dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900 dark:border-neutral-700",
"optionClasses": "n33uu i65bn t5ziw ld4jf cursor-pointer udrq1 ps5iq focus:outline-hidden rwgqn dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex uip67 items-center i65bn \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"hq6gx stqz8 ld4jf dark:text-neutral-200 \" xmlns=\"http:.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"/></svg></span></div>"
}' class="hidden">
<option selected>2023</option>
<option>2024</option>
<option>2025</option>
<option>2026</option>
<option>2027</option>
</select>
</div>
</div>
<!-- End Month / Year -->
<!-- Next Button -->
<div class="i63zv flex c9j8j">
<button type="button" class=" aukwz flex r00n9 items-center ld4jf udrq1 oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rwgqn dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-label="Next">
<svg class="hq6gx ibvs1" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg>
</button>
</div>
<!-- End Next Button -->
</div>
<!-- Months -->
<!-- Weeks -->
<div class="flex yh9al">
<span class="p6abj p8o62 block lj7mp t5ziw g30sc dark:text-neutral-500">
Mo
</span>
<span class="p6abj p8o62 block lj7mp t5ziw g30sc dark:text-neutral-500">
Tu
</span>
<span class="p6abj p8o62 block lj7mp t5ziw g30sc dark:text-neutral-500">
We
</span>
<span class="p6abj p8o62 block lj7mp t5ziw g30sc dark:text-neutral-500">
Th
</span>
<span class="p6abj p8o62 block lj7mp t5ziw g30sc dark:text-neutral-500">
Fr
</span>
<span class="p6abj p8o62 block lj7mp t5ziw g30sc dark:text-neutral-500">
Sa
</span>
<span class="p6abj p8o62 block lj7mp t5ziw g30sc dark:text-neutral-500">
Su
</span>
</div>
<!-- Weeks -->
<!-- Days -->
<div class="flex">
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center wfm4e qb17b t5ziw ld4jf oq0dt ojpz2 wiue0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden o3fx0 lohag dark:text-neutral-200" disabled>
26
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center wfm4e qb17b t5ziw ld4jf oq0dt ojpz2 wiue0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden o3fx0 lohag dark:text-neutral-200" disabled>
27
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center wfm4e qb17b t5ziw ld4jf oq0dt ojpz2 wiue0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden o3fx0 lohag dark:text-neutral-200" disabled>
28
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center wfm4e qb17b t5ziw ld4jf oq0dt ojpz2 wiue0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden o3fx0 lohag dark:text-neutral-200" disabled>
29
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center wfm4e qb17b t5ziw ld4jf oq0dt ojpz2 wiue0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden o3fx0 lohag dark:text-neutral-200" disabled>
30
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center wfm4e qb17b t5ziw ld4jf oq0dt ojpz2 wiue0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden o3fx0 lohag dark:text-neutral-200">
1
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center wfm4e qb17b t5ziw ld4jf oq0dt ojpz2 wiue0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden o3fx0 lohag dark:text-neutral-200">
2
</button>
</div>
</div>
<!-- Days -->
<!-- Days -->
<div class="flex">
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center wfm4e qb17b t5ziw ld4jf oq0dt ojpz2 wiue0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden o3fx0 lohag dark:text-neutral-200">
3
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center wfm4e qb17b t5ziw ld4jf oq0dt ojpz2 wiue0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden o3fx0 lohag dark:text-neutral-200">
4
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center wfm4e qb17b t5ziw ld4jf oq0dt ojpz2 wiue0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden o3fx0 lohag dark:text-neutral-200">
5
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center wfm4e qb17b t5ziw ld4jf oq0dt ojpz2 wiue0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden o3fx0 lohag dark:text-neutral-200">
6
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center wfm4e qb17b t5ziw ld4jf oq0dt ojpz2 wiue0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden o3fx0 lohag dark:text-neutral-200">
7
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center wfm4e qb17b t5ziw ld4jf oq0dt ojpz2 wiue0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden o3fx0 lohag dark:text-neutral-200">
8
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center wfm4e qb17b t5ziw ld4jf oq0dt ojpz2 wiue0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden o3fx0 lohag dark:text-neutral-200">
9
</button>
</div>
</div>
<!-- Days -->
<!-- Days -->
<div class="flex">
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center wfm4e qb17b t5ziw ld4jf oq0dt ojpz2 wiue0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden o3fx0 lohag dark:text-neutral-200">
10
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center wfm4e qb17b t5ziw ld4jf oq0dt ojpz2 wiue0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden o3fx0 lohag dark:text-neutral-200">
11
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center wfm4e qb17b t5ziw ld4jf oq0dt ojpz2 wiue0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden o3fx0 lohag dark:text-neutral-200">
12
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center wfm4e qb17b t5ziw ld4jf oq0dt ojpz2 wiue0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden o3fx0 lohag dark:text-neutral-200">
13
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center wfm4e qb17b t5ziw ld4jf oq0dt ojpz2 wiue0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden o3fx0 lohag dark:text-neutral-200">
14
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center wfm4e qb17b t5ziw ld4jf oq0dt ojpz2 wiue0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden o3fx0 lohag dark:text-neutral-200">
15
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center wfm4e qb17b t5ziw ld4jf oq0dt ojpz2 wiue0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden o3fx0 lohag dark:text-neutral-200">
16
</button>
</div>
</div>
<!-- Days -->
<!-- Days -->
<div class="flex">
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center wfm4e qb17b t5ziw ld4jf oq0dt ojpz2 wiue0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden o3fx0 lohag dark:text-neutral-200">
17
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center wfm4e qb17b t5ziw ld4jf oq0dt ojpz2 wiue0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden o3fx0 lohag dark:text-neutral-200">
18
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center wfm4e qb17b t5ziw ld4jf oq0dt ojpz2 wiue0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden o3fx0 lohag dark:text-neutral-200">
19
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center neiig wfm4e qb17b t5ziw vo20k zr4l6 ojpz2 oq0dt dark:bg-green-500 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rwgqn dark:hover:border-neutral-700">
20
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center wfm4e qb17b t5ziw ld4jf oq0dt ojpz2 wiue0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden o3fx0 lohag dark:text-neutral-200">
21
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center wfm4e qb17b t5ziw ld4jf oq0dt ojpz2 wiue0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden o3fx0 lohag dark:text-neutral-200">
22
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center wfm4e qb17b t5ziw ld4jf oq0dt ojpz2 wiue0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden o3fx0 lohag dark:text-neutral-200">
23
</button>
</div>
</div>
<!-- Days -->
<!-- Days -->
<div class="flex">
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center wfm4e qb17b t5ziw ld4jf oq0dt ojpz2 wiue0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden o3fx0 lohag dark:text-neutral-200">
24
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center wfm4e qb17b t5ziw ld4jf oq0dt ojpz2 wiue0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden o3fx0 lohag dark:text-neutral-200">
25
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center wfm4e qb17b t5ziw ld4jf oq0dt ojpz2 wiue0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden o3fx0 lohag dark:text-neutral-200">
26
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center wfm4e qb17b t5ziw ld4jf oq0dt ojpz2 wiue0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden o3fx0 lohag dark:text-neutral-200">
27
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center wfm4e qb17b t5ziw ld4jf oq0dt ojpz2 wiue0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden o3fx0 lohag dark:text-neutral-200">
28
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center wfm4e qb17b t5ziw ld4jf oq0dt ojpz2 wiue0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden o3fx0 lohag dark:text-neutral-200">
29
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center wfm4e qb17b t5ziw ld4jf oq0dt ojpz2 wiue0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden o3fx0 lohag dark:text-neutral-200">
30
</button>
</div>
</div>
<!-- Days -->
<!-- Days -->
<div class="flex">
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center wfm4e qb17b t5ziw ld4jf oq0dt ojpz2 wiue0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden o3fx0 lohag dark:text-neutral-200">
31
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center wfm4e qb17b t5ziw ld4jf ojpz2 wiue0 oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rwgqn dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
1
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center wfm4e qb17b t5ziw ld4jf ojpz2 wiue0 oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rwgqn dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
2
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center wfm4e qb17b t5ziw ld4jf ojpz2 wiue0 oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rwgqn dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
3
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center wfm4e qb17b t5ziw ld4jf ojpz2 wiue0 oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rwgqn dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
4
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center wfm4e qb17b t5ziw ld4jf ojpz2 wiue0 oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rwgqn dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
5
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center wfm4e qb17b t5ziw ld4jf ojpz2 wiue0 oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rwgqn dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
6
</button>
</div>
</div>
<!-- Days -->
<!-- Button Group -->
<div class="yki1g flex c9j8j lialp">
<button type="button" class="i7oig apc69 inline-flex items-center lialp cm336 vo20k ps5iq wfm4e lh7k3 oo8ro ld4jf hx4gm mg3yl disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden exitg dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-eadm">
Cancel
</button>
<button type="button" class="i7oig apc69 i65bn inline-flex r00n9 items-center lialp cm336 vo20k ps5iq wfm4e qb17b neiig zr4l6 yp3eh disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden v1cco zt5cn" data-hs-overlay="#hs-pro-eadm">
Set end date
</button>
</div>
<!-- End Button Group -->
</div>
<!-- End Calendar -->
</div>
</div>
<!-- End Calendar Dropdown -->
</div>
<!-- End Col -->
</div>
<!-- End Input Grid -->
<!-- Input -->
<div>
<label for="hs-pro-eadmln" class="block ej64t t5ziw vo20k ld4jf dark:text-white">
Limit the at7fl of redemptions?
</label>
<input type="text" id="hs-pro-eadmln" class="i7oig i4c53 apc69 block i65bn lh7k3 ps5iq psfwb exn0c hzew9 zt5cn disabled:opacity-50 disabled:pointer-events-none dark:bg-transparent dark:border-neutral-700 dark:text-neutral-300 dark:placeholder:text-white/60 dark:focus:ring-neutral-600" placeholder="0">
<p class="nsx3p cm336 g30sc dark:text-neutral-500">
Limit applies across all customers, not per customer.
</p>
</div>
<!-- End Input -->
</div>
</div>
<!-- End Body -->
<!-- Footer -->
<div class="pi5e6 flex c9j8j lialp">
<div class="i65bn flex c9j8j items-center lialp">
<button type="button" class="i7oig apc69 inline-flex r00n9 items-center qgy40 oo8ro wfm4e d77gl bp13m t5ziw vo20k ps5iq hx4gm acu59 tdhmi disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
Save as draft
</button>
<button type="button" class="i7oig apc69 inline-flex r00n9 items-center lialp qgy40 neiig wfm4e qwtru zr4l6 t5ziw vo20k ps5iq hx4gm acu59 yp3eh disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden cycnq aijpz dark:focus:ring-green-500">
Publish discount
</button>
</div>
</div>
<!-- End Footer -->
</div>
<!-- End Add Discount Modal -->
<!-- User Profile Create Event Card -->
<div class="oo8ro wfm4e d77gl hx4gm lile3 dark:bg-neutral-800 dark:border-neutral-700">
<!-- Header -->
<div class="o1ncb dkhxo flex uip67 items-center ic6aj d77gl dark:border-neutral-700">
<h3 class="vo20k bp13m dark:text-neutral-200">
Create event
</h3>
</div>
<!-- End Header -->
<!-- Body -->
<div class="pi5e6 space-y-5">
<div class="space-y-2">
<label for="hs-pro-daemtt" class="block ej64t t5ziw vo20k bp13m dark:text-neutral-200">
Title
</label>
<input id="hs-pro-daemtt" type="text" class="jlmh5 sofkk apc69 block i65bn d77gl ps5iq psfwb a0kik oo46r tyfry disabled:opacity-50 disabled:pointer-events-none dark:bg-transparent dark:border-neutral-700 dark:text-neutral-300 dark:placeholder:text-white/60 dark:focus:ring-neutral-600" placeholder="Event title">
</div>
<div class="space-y-2">
<label class="block ej64t t5ziw vo20k bp13m dark:text-neutral-200">
Date & Time
</label>
<!-- Form Group -->
<div class="flex flex-col sm:flex-row sm:items-center qej3o xve2l uuxup">
<!-- Calendar Dropdown -->
<div class="hs-dropdown [--auto-close:inside] inline-flex i65bn">
<button id="hs-pro-daemnic" type="button" class="jlmh5 sofkk apc69 i65bn qgy40 inline-flex uip67 items-center wfm4e d77gl t6rrs psfwb ps5iq acu59 focus:outline-hidden v1cco tyfry disabled:opacity-50 disabled:pointer-events-none dark:border-neutral-700 dark:text-neutral-500" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
July 29, 2023
<svg class="hq6gx zocwd a49ku" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
<path d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM2 2a1 1 0 0 0-1 1v11a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H2z"/>
<path d="M2.5 4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5V4z"/>
</svg>
</button>
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 v4b5n transition-[opacity,margin] duration opacity-0 hidden ucmtr oo8ro lile3 rrmkk dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-daemnic">
<!-- Calendar -->
<div class="yyez4 space-y-0.5">
<!-- Months -->
<div class="dmfqa mqtol items-center vmt4s mzxha nfrzv">
<!-- Prev Button -->
<div class="i63zv">
<button type="button" class="aukwz flex r00n9 items-center bp13m ksr3h oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-label="Previous">
<svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m15 18-6-6 6-6"/></svg>
</button>
</div>
<!-- End Prev Button -->
<!-- Month / Year -->
<div class="nvgw2 flex r00n9 items-center pgjbi">
<div class="relative">
<select data-hs-select='{
"placeholder": "Select month",
"toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>",
"toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative flex dslo6 i65bn cursor-pointer qgy40 vo20k bp13m ck8au focus:outline-hidden oahj8 before:absolute before:inset-0 before:z-1 dark:text-neutral-200 dark:hover:text-blue-500 dark:focus:text-blue-500",
"dropdownClasses": "ls9te ucmtr qzvcy yj8ha ju7it space-y-0.5 oo8ro wfm4e d77gl ps5iq rkof5 overflow-hidden overflow-y-auto n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900 dark:border-neutral-700",
"optionClasses": "n33uu i65bn t5ziw bp13m cursor-pointer ksr3h ps5iq focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex uip67 items-center i65bn \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"hq6gx stqz8 bp13m dark:text-neutral-200 \" xmlns=\"http:.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"/></svg></span></div>"
}' class="hidden">
<option value="0">January</option>
<option value="1">February</option>
<option value="2">March</option>
<option value="3">April</option>
<option value="4">May</option>
<option value="5">June</option>
<option value="6" selected>July</option>
<option value="7">August</option>
<option value="8">September</option>
<option value="9">October</option>
<option value="10">November</option>
<option value="11">December</option>
</select>
</div>
<span class="bp13m dark:text-neutral-200">/</span>
<div class="relative">
<select data-hs-select='{
"placeholder": "Select year",
"toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>",
"toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative flex dslo6 i65bn cursor-pointer qgy40 vo20k bp13m ck8au focus:outline-hidden oahj8 before:absolute before:inset-0 before:z-1 dark:text-neutral-200 dark:hover:text-blue-500 dark:focus:text-blue-500",
"dropdownClasses": "ls9te ucmtr vl7eg yj8ha ju7it space-y-0.5 oo8ro wfm4e d77gl ps5iq rkof5 overflow-hidden overflow-y-auto n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900 dark:border-neutral-700",
"optionClasses": "n33uu i65bn t5ziw bp13m cursor-pointer ksr3h ps5iq focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex uip67 items-center i65bn \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"hq6gx stqz8 bp13m dark:text-neutral-200 \" xmlns=\"http:.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"/></svg></span></div>"
}' class="hidden">
<option selected>2023</option>
<option>2024</option>
<option>2025</option>
<option>2026</option>
<option>2027</option>
</select>
</div>
</div>
<!-- End Month / Year -->
<!-- Next Button -->
<div class="i63zv flex c9j8j">
<button type="button" class=" aukwz flex r00n9 items-center bp13m ksr3h oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-label="Next">
<svg class="hq6gx ibvs1" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg>
</button>
</div>
<!-- End Next Button -->
</div>
<!-- Months -->
<!-- Weeks -->
<div class="flex yh9al">
<span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500">
Mo
</span>
<span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500">
Tu
</span>
<span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500">
We
</span>
<span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500">
Th
</span>
<span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500">
Fr
</span>
<span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500">
Sa
</span>
<span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500">
Su
</span>
</div>
<!-- Weeks -->
<!-- Days -->
<div class="flex">
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500" disabled>
26
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500" disabled>
27
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500" disabled>
28
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500" disabled>
29
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500" disabled>
30
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
1
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
2
</button>
</div>
</div>
<!-- Days -->
<!-- Days -->
<div class="flex">
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
3
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
4
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
5
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
6
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
7
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
8
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
9
</button>
</div>
</div>
<!-- Days -->
<!-- Days -->
<div class="flex">
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
10
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
11
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
12
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
13
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
14
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
15
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
16
</button>
</div>
</div>
<!-- Days -->
<!-- Days -->
<div class="flex">
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
17
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
18
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
19
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center jqqot vd2fb qb17b t5ziw vo20k zr4l6 bp7p8 oq0dt dark:bg-blue-500 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:hover:border-neutral-700">
20
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
21
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
22
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
23
</button>
</div>
</div>
<!-- Days -->
<!-- Days -->
<div class="flex">
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
24
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
25
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
26
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
27
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
28
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
29
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
30
</button>
</div>
</div>
<!-- Days -->
<!-- Days -->
<div class="flex">
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
31
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
1
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
2
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
3
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
4
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
5
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
6
</button>
</div>
</div>
<!-- Days -->
</div>
</div>
</div>
<!-- End Calendar Dropdown -->
<div class="hidden sm:block w4u4p v71il atiiv d77gl dark:border-neutral-700"></div>
<!-- Select -->
<div class="relative">
<select data-hs-select='{
"placeholder": "Select option...",
"toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>",
"toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative jlmh5 sofkk dhy94 k77cj flex lialp dslo6 i65bn cursor-pointer oo8ro wfm4e d77gl ps5iq qgy40 psfwb focus:outline-hidden v1cco tyfry dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400 dark:focus:outline-hidden dark:focus:ring-1 dark:focus:ring-neutral-600",
"dropdownClasses": "ls9te ucmtr n9mfl yj8ha ju7it space-y-0.5 overflow-hidden overflow-y-auto oo8ro lile3 rrmkk n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900",
"optionClasses": "hs-selected:bg-gray-100 dark:hs-selected:bg-neutral-800 jlmh5 kzzmm i65bn e9qjd bp13m cursor-pointer ksr3h ps5iq focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex uip67 items-center i65bn \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"hq6gx stqz8 bp13m dark:text-neutral-200 \" xmlns=\"http:.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"/></svg></span></div>"
}' class="hidden">
<option value="">Choose</option>
<option>12:01 AM</option>
<option>1:00 AM</option>
<option>2:00 AM</option>
<option>3:00 AM</option>
<option>4:00 AM</option>
<option>5:00 AM</option>
<option>6:00 AM</option>
<option>7:00 AM</option>
<option>8:00 AM</option>
<option selected>9:00 AM</option>
<option>10:00 AM</option>
<option>11:00 AM</option>
<option>12:01 PM</option>
<option>1:00 PM</option>
<option>2:00 PM</option>
<option>3:00 PM</option>
<option>4:00 PM</option>
<option>5:00 PM</option>
<option>6:00 PM</option>
<option>7:00 PM</option>
<option>8:00 PM</option>
<option>9:00 PM</option>
<option>10:00 PM</option>
<option>11:00 PM</option>
</select>
<div class="absolute wgue8 z5b3o -translate-y-1/2">
<svg class="hq6gx stqz8 t6rrs dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m7 15 5 5 5-5"/><path d="m7 9 5-5 5 5"/></svg>
</div>
</div>
<!-- End Select -->
<span class="t5ziw t6rrs dark:text-neutral-500">to:</span>
<!-- Select -->
<div class="relative">
<select data-hs-select='{
"placeholder": "Select option...",
"toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>",
"toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative jlmh5 sofkk dhy94 k77cj flex lialp dslo6 i65bn cursor-pointer oo8ro wfm4e d77gl ps5iq qgy40 psfwb focus:outline-hidden v1cco tyfry dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400 dark:focus:outline-hidden dark:focus:ring-1 dark:focus:ring-neutral-600",
"dropdownClasses": "ls9te ucmtr n9mfl yj8ha ju7it space-y-0.5 overflow-hidden overflow-y-auto oo8ro lile3 rrmkk n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900",
"optionClasses": "hs-selected:bg-gray-100 dark:hs-selected:bg-neutral-800 jlmh5 kzzmm i65bn e9qjd bp13m cursor-pointer ksr3h ps5iq focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex uip67 items-center i65bn \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"hq6gx stqz8 bp13m dark:text-neutral-200 \" xmlns=\"http:.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"/></svg></span></div>"
}' class="hidden">
<option value="">Choose</option>
<option>12:01 AM</option>
<option>1:00 AM</option>
<option>2:00 AM</option>
<option>3:00 AM</option>
<option>4:00 AM</option>
<option>5:00 AM</option>
<option>6:00 AM</option>
<option>7:00 AM</option>
<option>8:00 AM</option>
<option>9:00 AM</option>
<option selected>10:00 AM</option>
<option>11:00 AM</option>
<option>12:01 PM</option>
<option>1:00 PM</option>
<option>2:00 PM</option>
<option>3:00 PM</option>
<option>4:00 PM</option>
<option>5:00 PM</option>
<option>6:00 PM</option>
<option>7:00 PM</option>
<option>8:00 PM</option>
<option>9:00 PM</option>
<option>10:00 PM</option>
<option>11:00 PM</option>
</select>
<div class="absolute wgue8 z5b3o -translate-y-1/2">
<svg class="hq6gx stqz8 t6rrs dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m7 15 5 5 5-5"/><path d="m7 9 5-5 5 5"/></svg>
</div>
</div>
<!-- End Select -->
</div>
<!-- End Form Group -->
</div>
<div class="space-y-2">
<label class="block ej64t t5ziw vo20k bp13m dark:text-neutral-200">
Invite
</label>
<!-- Input Form -->
<div class="flex flex-col sm:flex-row sm:items-center aygsi">
<!-- Select -->
<div class="relative i65bn">
<select multiple data-hs-select='{
"placeholder": "Select option...",
"wrapperClasses": "hs-select-active:ring-1 hs-select-active:ring-blue-500 k77cj ps5iq flex items-center flex-wrap dslo6 i65bn qgy40 t5ziw wfm4e d77gl hx4gm dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400 hs-select-active:dark:outline-hidden hs-select-active:dark:ring-1 hs-select-active:dark:ring-neutral-600",
"toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>",
"toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative flex dslo6 i65bn cursor-pointer oo8ro wfm4e d77gl ps5iq qgy40 t5ziw kf4z7 dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-400",
"dropdownClasses": "ls9te ucmtr i65bn yj8ha ju7it space-y-0.5 oo8ro ps5iq overflow-hidden overflow-y-auto rrmkk dark:bg-neutral-900",
"optionClasses": "hs-selected:bg-gray-100 dark:hs-selected:bg-neutral-800 i7oig dkhxo i65bn t5ziw bp13m cursor-pointer ksr3h ps5iq focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800",
"mode": "tags",
"tagsClasses": "relative hacdm k77cj vbt1n flex items-center flex-wrap dslo6 i65bn wfm4e d77gl ps5iq qgy40 t5ziw oo46r tyfry dark:bg-neutral-900 dark:text-neutral-400",
"tagsItemTemplate": "<div class=\"flex flex-nowrap items-center relative bo1ta oo8ro wfm4e d77gl oq0dt r3ev6 c90zz dark:bg-neutral-800 dark:border-neutral-700 \"><div class=\"awhdl n3nvk \" data-icon></div><div class=\"lt27r \" data-title></div><div class=\"inline-flex hq6gx r00n9 items-center ca09w zocwd oq0dt bp13m rjuva wcxzs focus:outline-hidden v1cco dznaq t5ziw dark:bg-neutral-700 dark:hover:bg-neutral-700 dark:text-neutral-400 cursor-pointer \" data-remove><svg class=\"hq6gx a49ku \" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 6 6 18\"/><path d=\"m6 6 12 12\"/></svg></div></div>",
"tagsInputClasses": "jlmh5 sofkk dkhxo e3fpz rsqv5 psfwb qb17b v345i ps5iq rdxom focus-visible:outline-hidden dark:bg-neutral-800 dark:text-neutral-400 dark:placeholder:text-neutral-400",
"optionTemplate": "<div class=\"flex items-center \"><div class=\"aukwz epucs \" data-icon></div><div><div class=\"t5ziw y2wul bp13m dark:text-neutral-200 \" data-title></div><div class=\"cm336 t6rrs dark:text-neutral-500 \" data-description></div></div><div class=\"ms-auto \"><span class=\"hidden hs-selected:block \"><svg class=\"hq6gx ibvs1 \" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" viewBox=\"0 0 16 16\"><path d=\"M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z\"/></svg></span></div></div>"
}' class="hidden">
<option value="">Choose</option>
<option value="1" data-hs-select-option='{
"description": "James Collins",
"icon": "<img class=\"inline-block oq0dt \" src=\"https://images.unsplash.com/photo-1659482633369-9fe69af50bfb?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80\" alt=\"Avatar\">"
}'>James</option>
<option value="2" data-hs-select-option='{
"description": "Lori Hunter",
"icon": "<span class=\"flex hq6gx r00n9 items-center lpgt1 oo8ro wfm4e d77gl p4gf7 vo20k e7zws oq0dt dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 \">L</span>"
}'>Lori</option>
<option value="3" data-hs-select-option='{
"description": "david",
"icon": "<img class=\"inline-block oq0dt \" src=\"https://images.unsplash.com/photo-1568602471122-7832951cc4c5?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2&w=300&h=300&q=80\" alt=\"Avatar\">"
}'>David</option>
<option value="4" data-hs-select-option='{
"description": "Ella Laudq",
"icon": "<img class=\"inline-block oq0dt \" src=\"https://images.unsplash.com/photo-1659482634023-2c4fda99ac0c?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80\" alt=\"Avatar\">"
}'>Ella</option>
<option value="5" data-hs-select-option='{
"description": "Ols Schols",
"icon": "<span class=\"flex hq6gx r00n9 items-center lpgt1 oo8ro wfm4e d77gl p4gf7 vo20k e7zws oq0dt dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 \">O</span>"
}'>Ols</option>
</select>
<div class="absolute wgue8 z5b3o -translate-y-1/2">
<svg class="hq6gx stqz8 t6rrs dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m7 15 5 5 5-5"/><path d="m7 9 5-5 5 5"/></svg>
</div>
</div>
<!-- End Select -->
<button type="button" class="jlmh5 sofkk apc69 inline-flex r00n9 items-center lialp psfwb vo20k ps5iq wfm4e d77gl oo8ro bp13m hx4gm tdhmi disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tme8y dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
<svg class="hq6gx a49ku" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
<path fill-rule="evenodd" clip-rule="evenodd" d="M8 1C8.55228 1 9 1.44772 9 2V7L14 7C14.5523 7 15 7.44771 15 8C15 8.55228 14.5523 9 14 9L9 9V14C9 14.5523 8.55228 15 8 15C7.44772 15 7 14.5523 7 14V9.00001L2 9.00001C1.44772 9.00001 1 8.5523 1 8.00001C0.999999 7.44773 1.44771 7.00001 2 7.00001L7 7.00001V2C7 1.44772 7.44772 1 8 1Z"/>
</svg>
Add
</button>
</div>
<!-- End Input Form -->
</div>
<div class="space-y-2">
<label class="block ej64t t5ziw vo20k bp13m dark:text-neutral-200">
Suggested attendees
</label>
<div class="flex items-center space-x-2">
<!-- User -->
<div class="hs-tooltip inline-block">
<label for="hs-pro-daesa1" class="relative block oq0dt cursor-pointer">
<img class="hs-tooltip-toggle hq6gx sc50o oq0dt" src="https://images.unsplash.com/photo-1659482633369-9fe69af50bfb?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80" alt="Avatar">
<span class="block absolute -top-1 -end-1 oo8ro oq0dt dark:bg-neutral-800">
<span class="relative flex flex-col r00n9 items-center ca09w agawe w229a t63u7 xq1jm oq0dt dark:bg-neutral-700 dark:border-neutral-800 dark:text-neutral-300">
<input type="checkbox" id="hs-pro-daesa1" class="absolute ofq05 uv2uj lpgt1 v345i qb17b checked:bg-blue-500 p1ez7 rgvf6 oq0dt focus:outline-hidden" >
<svg class="hq6gx a49ku" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
<path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"/>
</svg>
</span>
</span>
</label>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip">
James Collins
</span>
</div>
<!-- End User -->
<!-- User -->
<div class="hs-tooltip inline-block">
<label for="hs-pro-daesa2" class="relative block oq0dt cursor-pointer">
<span class="hs-tooltip-toggle flex hq6gx r00n9 items-center sc50o oo8ro wfm4e d77gl p4gf7 vo20k e7zws oq0dt dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300">L</span><span class="block absolute -top-1 -end-1 oo8ro oq0dt dark:bg-neutral-800">
<span class="relative flex flex-col r00n9 items-center ca09w agawe w229a t63u7 xq1jm oq0dt dark:bg-neutral-700 dark:border-neutral-800 dark:text-neutral-300">
<input type="checkbox" id="hs-pro-daesa2" class="absolute ofq05 uv2uj lpgt1 v345i qb17b checked:bg-blue-500 p1ez7 rgvf6 oq0dt focus:outline-hidden" >
<svg class="hq6gx a49ku" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
<path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"/>
</svg>
</span>
</span>
</label>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip">
Lori Hunter
</span>
</div>
<!-- End User -->
<!-- User -->
<div class="hs-tooltip inline-block">
<label for="hs-pro-daesa3" class="relative block oq0dt cursor-pointer">
<img class="hs-tooltip-toggle hq6gx sc50o oq0dt" src="https://images.unsplash.com/photo-1679412330254-90cb240038c5?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80" alt="Avatar">
<span class="block absolute -top-1 -end-1 oo8ro oq0dt dark:bg-neutral-800">
<span class="relative flex flex-col r00n9 items-center ca09w agawe w229a t63u7 xq1jm oq0dt dark:bg-neutral-700 dark:border-neutral-800 dark:text-neutral-300">
<input type="checkbox" id="hs-pro-daesa3" class="absolute ofq05 uv2uj lpgt1 v345i qb17b checked:bg-blue-500 p1ez7 rgvf6 oq0dt focus:outline-hidden" >
<svg class="hq6gx a49ku" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
<path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"/>
</svg>
</span>
</span>
</label>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip">
Lewis Clarke
</span>
</div>
<!-- End User -->
<!-- User -->
<div class="hs-tooltip inline-block">
<label for="hs-pro-daesa4" class="relative block oq0dt cursor-pointer">
<img class="hs-tooltip-toggle hq6gx sc50o oq0dt" src="https://images.unsplash.com/photo-1659482634023-2c4fda99ac0c?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80" alt="Avatar">
<span class="block absolute -top-1 -end-1 oo8ro oq0dt dark:bg-neutral-800">
<span class="relative flex flex-col r00n9 items-center ca09w agawe w229a t63u7 xq1jm oq0dt dark:bg-neutral-700 dark:border-neutral-800 dark:text-neutral-300">
<input type="checkbox" id="hs-pro-daesa4" class="absolute ofq05 uv2uj lpgt1 v345i qb17b checked:bg-blue-500 p1ez7 rgvf6 oq0dt focus:outline-hidden" >
<svg class="hq6gx a49ku" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
<path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"/>
</svg>
</span>
</span>
</label>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip">
Ella Lauda
</span>
</div>
<!-- End User -->
<!-- User -->
<div class="hs-tooltip inline-block">
<label for="hs-pro-daesa5" class="relative block oq0dt cursor-pointer">
<span class="hs-tooltip-toggle flex hq6gx r00n9 items-center sc50o oo8ro wfm4e d77gl p4gf7 vo20k e7zws oq0dt dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300">O</span><span class="block absolute -top-1 -end-1 oo8ro oq0dt dark:bg-neutral-800">
<span class="relative flex flex-col r00n9 items-center ca09w agawe w229a t63u7 xq1jm oq0dt dark:bg-neutral-700 dark:border-neutral-800 dark:text-neutral-300">
<input type="checkbox" id="hs-pro-daesa5" class="absolute ofq05 uv2uj lpgt1 v345i qb17b checked:bg-blue-500 p1ez7 rgvf6 oq0dt focus:outline-hidden" >
<svg class="hq6gx a49ku" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
<path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"/>
</svg>
</span>
</span>
</label>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip">
Ols Schols
</span>
</div>
<!-- End User -->
</div>
</div>
<!-- Drag 'n Drop -->
<div class="space-y-2">
<label class="block block ej64t t5ziw vo20k bp13m dark:text-neutral-200">
Upload attachments
</label>
<div class="kg38v flex r00n9 oo8ro wfm4e ef3uy wiva2 lile3 dark:bg-neutral-800 dark:border-neutral-600">
<div class="lj7mp">
<svg class="zz68c kvliy mx-auto dark:text-neutral-400" width="70" height="46" viewBox="0 0 70 46" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.05172 9.36853L17.2131 7.5083V41.3608L12.3018 42.3947C9.01306 43.0871 5.79705 40.9434 5.17081 37.6414L1.14319 16.4049C0.515988 13.0978 2.73148 9.92191 6.05172 9.36853Z" fill="currentColor" stroke="currentColor" stroke-width="2" class="mlmpr to6ze dark:fill-neutral-800 dark:stroke-neutral-500"/>
<path d="M63.9483 9.36853L52.7869 7.5083V41.3608L57.6982 42.3947C60.9869 43.0871 64.203 40.9434 64.8292 37.6414L68.8568 16.4049C69.484 13.0978 67.2685 9.92191 63.9483 9.36853Z" fill="currentColor" stroke="currentColor" stroke-width="2" class="mlmpr to6ze dark:fill-neutral-800 dark:stroke-neutral-500"/>
<rect x="17.0656" y="1.62305" width="35.8689" height="42.7541" rx="5" fill="currentColor" stroke="currentColor" stroke-width="2" class="mlmpr to6ze dark:fill-neutral-800 dark:stroke-neutral-500"/>
<path d="M47.9344 44.3772H22.0655C19.3041 44.3772 17.0656 42.1386 17.0656 39.3772L17.0656 35.9161L29.4724 22.7682L38.9825 33.7121C39.7832 34.6335 41.2154 34.629 42.0102 33.7025L47.2456 27.5996L52.9344 33.7209V39.3772C52.9344 42.1386 50.6958 44.3772 47.9344 44.3772Z" stroke="currentColor" stroke-width="2" class="to6ze dark:stroke-neutral-500"/>
<circle cx="39.5902" cy="14.9672" r="4.16393" stroke="currentColor" stroke-width="2" class="to6ze dark:stroke-neutral-500"/>
</svg>
<div class="o1gdb flex flex-wrap r00n9 k8e57 xq1jm">
<span class="jjspw vo20k bp13m dark:text-neutral-200">
Drop your files here or
</span>
<label for="hs-pro-upcebb" class="relative cursor-pointer oo8ro y2wul rwtxm anx4o ps5iq ymclh pdar8 focus-within:outline-hidden ctwfs saj9v d9bqc dark:bg-neutral-800 dark:text-blue-500 dark:hover:text-blue-600">
<span>browse</span>
<input id="hs-pro-upcebb" type="file" class="ecbnn">
</label>
</div>
<p class="xe8oj cm336 kvliy dark:text-neutral-400">
CSV, XLS, DOCX
</p>
</div>
</div>
</div>
<!-- End Drag 'n Drop -->
</div>
<!-- End Body -->
</div>
<!-- End User Profile Create Event Card -->
<!-- Status Card -->
<div class="oo8ro wfm4e d77gl hx4gm lile3 dark:bg-neutral-800 dark:border-neutral-700">
<!-- Header -->
<div class="o1ncb dkhxo flex uip67 items-center ic6aj d77gl dark:border-neutral-700">
<h3 class="vo20k bp13m dark:text-neutral-200">
Create team
</h3>
</div>
<!-- End Header -->
<div class="pi5e6 space-y-5">
<div class="space-y-2">
<label for="hs-pro-dactmt" class="block ej64t t5ziw vo20k bp13m dark:text-neutral-200">
Title
</label>
<input id="hs-pro-dactmt" type="text" class="jlmh5 sofkk apc69 block i65bn d77gl ps5iq psfwb a0kik oo46r tyfry disabled:opacity-50 disabled:pointer-events-none dark:bg-transparent dark:border-neutral-700 dark:text-neutral-300 dark:placeholder:text-white/60 dark:focus:ring-neutral-600" placeholder="Team title" value=" ">
</div>
<div class="space-y-2">
<label for="dactmi" class="block ej64t t5ziw vo20k bp13m dark:text-neutral-200">
Industry
</label>
<input id="dactmi" type="text" class="jlmh5 sofkk apc69 block i65bn d77gl ps5iq psfwb a0kik oo46r tyfry disabled:opacity-50 disabled:pointer-events-none dark:bg-transparent dark:border-neutral-700 dark:text-neutral-300 dark:placeholder:text-white/60 dark:focus:ring-neutral-600" placeholder="Enter name">
</div>
<div class="space-y-2">
<label for="dactmd" class="block ej64t t5ziw vo20k bp13m dark:text-neutral-200">
Description
</label>
<textarea id="dactmd" class="jlmh5 sofkk apc69 block i65bn d77gl ps5iq psfwb a0kik oo46r tyfry disabled:opacity-50 disabled:pointer-events-none dark:bg-transparent dark:border-neutral-700 dark:text-neutral-300 dark:placeholder:text-white/60 dark:focus:ring-neutral-600" rows="3" placeholder="Tell us a little bit about team" data-hs-textarea-auto-height></textarea>
</div>
<div class="space-y-2">
<label for="dactmm" class="block ej64t t5ziw vo20k bp13m dark:text-neutral-200">
Members
</label>
<!-- Input Form -->
<div class="flex flex-col sm:flex-row sm:items-center aygsi">
<input id="dactmm" type="text" class="jlmh5 sofkk apc69 block i65bn d77gl ps5iq psfwb a0kik oo46r tyfry disabled:opacity-50 disabled:pointer-events-none dark:bg-transparent dark:border-neutral-700 dark:text-neutral-300 dark:placeholder:text-white/60 dark:focus:ring-neutral-600" placeholder="Enter name">
<button type="button" class="jlmh5 sofkk apc69 inline-flex r00n9 items-center lialp psfwb vo20k ps5iq wfm4e d77gl oo8ro bp13m hx4gm tdhmi disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tme8y dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
<svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>
Add
</button>
</div>
<!-- End Input Form -->
</div>
<div class="space-y-2">
<label class="block ej64t t5ziw vo20k bp13m dark:text-neutral-200">
Suggested members
</label>
<div class="flex items-center space-x-2">
<!-- User -->
<div class="hs-tooltip inline-block">
<label for="hs-pro-dactcach1" class="relative block oq0dt cursor-pointer">
<img class="hs-tooltip-toggle hq6gx sc50o oq0dt" src="https://images.unsplash.com/photo-1659482633369-9fe69af50bfb?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80" alt="Avatar">
<span class="block absolute -top-1 -end-1 oo8ro oq0dt dark:bg-neutral-800">
<span class="relative flex flex-col r00n9 items-center ca09w agawe w229a t63u7 xq1jm oq0dt dark:bg-neutral-700 dark:border-neutral-800 dark:text-neutral-300">
<input type="checkbox" id="hs-pro-dactcach1" class="absolute ofq05 uv2uj lpgt1 v345i qb17b checked:bg-blue-500 p1ez7 rgvf6 oq0dt focus:outline-hidden" >
<svg class="hq6gx a49ku" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
<path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"/>
</svg>
</span>
</span>
</label>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip">
James Collins
</span>
</div>
<!-- End User -->
<!-- User -->
<div class="hs-tooltip inline-block">
<label for="hs-pro-dactcach2" class="relative block oq0dt cursor-pointer">
<span class="hs-tooltip-toggle flex hq6gx r00n9 items-center sc50o oo8ro wfm4e d77gl p4gf7 vo20k e7zws oq0dt dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300">L</span><span class="block absolute -top-1 -end-1 oo8ro oq0dt dark:bg-neutral-800">
<span class="relative flex flex-col r00n9 items-center ca09w agawe w229a t63u7 xq1jm oq0dt dark:bg-neutral-700 dark:border-neutral-800 dark:text-neutral-300">
<input type="checkbox" id="hs-pro-dactcach2" class="absolute ofq05 uv2uj lpgt1 v345i qb17b checked:bg-blue-500 p1ez7 rgvf6 oq0dt focus:outline-hidden" >
<svg class="hq6gx a49ku" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
<path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"/>
</svg>
</span>
</span>
</label>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip">
Lori Hunter
</span>
</div>
<!-- End User -->
<!-- User -->
<div class="hs-tooltip inline-block">
<label for="hs-pro-dactcach3" class="relative block oq0dt cursor-pointer">
<img class="hs-tooltip-toggle hq6gx sc50o oq0dt" src="https://images.unsplash.com/photo-1679412330254-90cb240038c5?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80" alt="Avatar">
<span class="block absolute -top-1 -end-1 oo8ro oq0dt dark:bg-neutral-800">
<span class="relative flex flex-col r00n9 items-center ca09w agawe w229a t63u7 xq1jm oq0dt dark:bg-neutral-700 dark:border-neutral-800 dark:text-neutral-300">
<input type="checkbox" id="hs-pro-dactcach3" class="absolute ofq05 uv2uj lpgt1 v345i qb17b checked:bg-blue-500 p1ez7 rgvf6 oq0dt focus:outline-hidden" >
<svg class="hq6gx a49ku" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
<path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"/>
</svg>
</span>
</span>
</label>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip">
Lewis Clarke
</span>
</div>
<!-- End User -->
<!-- User -->
<div class="hs-tooltip inline-block">
<label for="hs-pro-dactcach4" class="relative block oq0dt cursor-pointer">
<img class="hs-tooltip-toggle hq6gx sc50o oq0dt" src="https://images.unsplash.com/photo-1659482634023-2c4fda99ac0c?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80" alt="Avatar">
<span class="block absolute -top-1 -end-1 oo8ro oq0dt dark:bg-neutral-800">
<span class="relative flex flex-col r00n9 items-center ca09w agawe w229a t63u7 xq1jm oq0dt dark:bg-neutral-700 dark:border-neutral-800 dark:text-neutral-300">
<input type="checkbox" id="hs-pro-dactcach4" class="absolute ofq05 uv2uj lpgt1 v345i qb17b checked:bg-blue-500 p1ez7 rgvf6 oq0dt focus:outline-hidden" >
<svg class="hq6gx a49ku" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
<path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"/>
</svg>
</span>
</span>
</label>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip">
Ella Lauda
</span>
</div>
<!-- End User -->
<!-- User -->
<div class="hs-tooltip inline-block">
<label for="hs-pro-dactcach5" class="relative block oq0dt cursor-pointer">
<span class="hs-tooltip-toggle flex hq6gx r00n9 items-center sc50o oo8ro wfm4e d77gl p4gf7 vo20k e7zws oq0dt dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300">O</span><span class="block absolute -top-1 -end-1 oo8ro oq0dt dark:bg-neutral-800">
<span class="relative flex flex-col r00n9 items-center ca09w agawe w229a t63u7 xq1jm oq0dt dark:bg-neutral-700 dark:border-neutral-800 dark:text-neutral-300">
<input type="checkbox" id="hs-pro-dactcach5" class="absolute ofq05 uv2uj lpgt1 v345i qb17b checked:bg-blue-500 p1ez7 rgvf6 oq0dt focus:outline-hidden" >
<svg class="hq6gx a49ku" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
<path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"/>
</svg>
</span>
</span>
</label>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip">
Ols Schols
</span>
</div>
<!-- End User -->
</div>
</div>
<!-- Drag 'n Drop -->
<div class="space-y-2">
<label class="block block ej64t t5ziw vo20k bp13m dark:text-neutral-200">
Cover
</label>
<div class="kg38v flex r00n9 oo8ro wfm4e ef3uy wiva2 lile3 dark:bg-neutral-800 dark:border-neutral-600">
<div class="lj7mp">
<svg class="zz68c kvliy mx-auto dark:text-neutral-400" width="70" height="46" viewBox="0 0 70 46" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.05172 9.36853L17.2131 7.5083V41.3608L12.3018 42.3947C9.01306 43.0871 5.79705 40.9434 5.17081 37.6414L1.14319 16.4049C0.515988 13.0978 2.73148 9.92191 6.05172 9.36853Z" fill="currentColor" stroke="currentColor" stroke-width="2" class="mlmpr to6ze dark:fill-neutral-800 dark:stroke-neutral-500"/>
<path d="M63.9483 9.36853L52.7869 7.5083V41.3608L57.6982 42.3947C60.9869 43.0871 64.203 40.9434 64.8292 37.6414L68.8568 16.4049C69.484 13.0978 67.2685 9.92191 63.9483 9.36853Z" fill="currentColor" stroke="currentColor" stroke-width="2" class="mlmpr to6ze dark:fill-neutral-800 dark:stroke-neutral-500"/>
<rect x="17.0656" y="1.62305" width="35.8689" height="42.7541" rx="5" fill="currentColor" stroke="currentColor" stroke-width="2" class="mlmpr to6ze dark:fill-neutral-800 dark:stroke-neutral-500"/>
<path d="M47.9344 44.3772H22.0655C19.3041 44.3772 17.0656 42.1386 17.0656 39.3772L17.0656 35.9161L29.4724 22.7682L38.9825 33.7121C39.7832 34.6335 41.2154 34.629 42.0102 33.7025L47.2456 27.5996L52.9344 33.7209V39.3772C52.9344 42.1386 50.6958 44.3772 47.9344 44.3772Z" stroke="currentColor" stroke-width="2" class="to6ze dark:stroke-neutral-500"/>
<circle cx="39.5902" cy="14.9672" r="4.16393" stroke="currentColor" stroke-width="2" class="to6ze dark:stroke-neutral-500"/>
</svg>
<div class="o1gdb flex flex-wrap r00n9 k8e57 xq1jm">
<span class="jjspw vo20k bp13m dark:text-neutral-200">
Drop your files here or
</span>
<label for="hs-pro-dactc" class="relative cursor-pointer oo8ro y2wul rwtxm anx4o ps5iq ymclh pdar8 focus-within:outline-hidden ctwfs saj9v d9bqc dark:bg-neutral-800 dark:text-blue-500 dark:hover:text-blue-600">
<span>browse</span>
<input id="hs-pro-dactc" type="file" class="ecbnn">
</label>
</div>
<p class="xe8oj cm336 kvliy dark:text-neutral-400">
CSV, XLS, DOCX
</p>
</div>
</div>
</div>
<!-- End Drag 'n Drop -->
</div>
<!-- Footer -->
<div class="pi5e6 flex uip67 lialp">
<div class="flex-1 flex c9j8j items-center h1dxu">
<button type="button" class="i7oig apc69 dslo6 inline-flex r00n9 items-center qgy40 lt27r oo8ro wfm4e d77gl bp13m t5ziw vo20k ps5iq hx4gm acu59 tdhmi disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
Cancel
</button>
<button type="button" class="i7oig apc69 dslo6 inline-flex r00n9 items-center lialp qgy40 lt27r jqqot wfm4e f31lg zr4l6 t5ziw vo20k ps5iq hx4gm acu59 lmqf9 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden cycnq t3nwl dark:focus:ring-blue-500">
Create team
</button>
</div>
</div>
<!-- Footer -->
</div>
<!-- End Status Card -->
<!-- Add Card Form -->
<div class="oo8ro wfm4e d77gl hx4gm lile3 dark:bg-neutral-800 dark:border-neutral-700">
<!-- Header -->
<div class="o1ncb dkhxo flex uip67 items-center ic6aj d77gl dark:border-neutral-700">
<h3 class="vo20k bp13m dark:text-neutral-200">
Add project
</h3>
</div>
<!-- End Header -->
<form>
<!-- Body -->
<div class="pi5e6 space-y-5">
<div>
<label class="block ej64t t5ziw vo20k bp13m dark:text-neutral-200">
Project logo
</label>
<!-- Logo Upload Group -->
<div class="flex flex-wrap items-center aygsi bbb42">
<span class="flex hq6gx r00n9 items-center zvis0 w229a rx8hj wiva2 kvliy oq0dt dark:border-neutral-700 dark:text-neutral-600">
<svg class="hq6gx ezw10" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"/><circle cx="9" cy="9" r="2"/><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"/></svg>
</span>
<div class="e3fpz">
<div class="flex items-center lialp">
<button type="button" class="i7oig apc69 inline-flex items-center lialp cm336 vo20k ps5iq wfm4e qb17b jqqot zr4l6 lmqf9 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden v1cco tyfry" >
<svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="17 8 12 3 7 8"/><line x1="12" x2="12" y1="3" y2="15"/></svg>
Upload photo
</button>
</div>
</div>
</div>
<!-- End Logo Upload Group -->
</div>
<div>
<label for="hs-pro-dalpn" class="block ej64t t5ziw vo20k bp13m dark:text-white">
Project name
</label>
<input type="text" id="hs-pro-dalpn" class="i7oig i4c53 apc69 block i65bn d77gl ps5iq psfwb a0kik oo46r tyfry disabled:opacity-50 disabled:pointer-events-none dark:bg-transparent dark:border-neutral-700 dark:text-neutral-300 dark:placeholder:text-white/60 dark:focus:ring-neutral-600" placeholder="My project">
</div>
<div>
<label for="hs-pro-dalsd" class="block ej64t t5ziw vo20k bp13m dark:text-white">
Subdomain
</label>
<div class="relative">
<input type="text" id="hs-pro-dalsd" class="i7oig i4c53 dhy94 p1bsm block i65bn d77gl ps5iq psfwb a0kik oo46r tyfry disabled:opacity-50 disabled:pointer-events-none dark:bg-transparent dark:border-neutral-700 dark:text-neutral-300 dark:placeholder:text-white/60 dark:focus:ring-neutral-600" placeholder="myproject">
<div class="absolute h5ske fug6q flex items-center howv4 a799i a498d">
<span class="t5ziw t6rrs dark:text-neutral-500">.preline.co</span>
</div>
</div>
</div>
</div>
<!-- End Body -->
<!-- Footer -->
<div class="pi5e6 flex c9j8j lialp">
<div class="flex-1 flex c9j8j items-center h1dxu">
<button type="button" class="i7oig apc69 dslo6 inline-flex r00n9 items-center qgy40 lt27r oo8ro wfm4e d77gl bp13m t5ziw vo20k ps5iq hx4gm acu59 tdhmi disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
Cancel
</button>
<button type="button" class="i7oig apc69 dslo6 inline-flex r00n9 items-center lialp qgy40 lt27r jqqot wfm4e f31lg zr4l6 t5ziw vo20k ps5iq hx4gm acu59 lmqf9 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden cycnq t3nwl dark:focus:ring-blue-500">
Save
</button>
</div>
</div>
<!-- End Footer -->
</form>
</div>
<!-- End Add Card Form -->
<!-- Products Card -->
<div class="flex flex-col oo8ro wfm4e lh7k3 overflow-hidden lile3 hx4gm dark:bg-neutral-800 dark:border-neutral-700">
<!-- Header -->
<div class="mctd2 blhyt flex uip67 items-center ocl6c ic6aj lh7k3 dark:border-neutral-700">
<h2 class="inline-block y2wul ld4jf dark:text-neutral-200">
Product info
</h2>
</div>
<!-- End Header -->
<!-- Body -->
<div class="xlz15 space-y-4">
<div>
<label class="block ej64t t5ziw vo20k ld4jf dark:text-neutral-200">
Thumbnail
</label>
<!-- Logo Upload Group -->
<div class="flex flex-wrap items-center aygsi bbb42">
<span class="flex r00n9 items-center zvis0 w229a rx8hj ohiu9 b62jb oq0dt dark:border-neutral-700 dark:text-neutral-600">
<svg class="hq6gx ezw10" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"/><circle cx="9" cy="9" r="2"/><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"/></svg>
</span>
<div class="e3fpz">
<div class="flex items-center lialp">
<button type="button" class="i7oig apc69 inline-flex items-center lialp cm336 vo20k ps5iq wfm4e qb17b neiig zr4l6 yp3eh disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden v1cco zt5cn" >
<svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="17 8 12 3 7 8"/><line x1="12" x2="12" y1="3" y2="15"/></svg>
Upload photo
</button><button type="button" class="i7oig apc69 inline-flex items-center lialp cm336 vo20k ps5iq wfm4e lh7k3 oo8ro bs6yk hx4gm mg3yl disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden exitg dark:bg-neutral-800 dark:border-neutral-700 dark:text-red-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" disabled>
Delete
</button>
</div><p class="ls9te cm336 g30sc dark:text-neutral-500">
Your image should be square, at least 100x100px, and JPG or PNG.
</p>
</div>
</div>
<!-- End Logo Upload Group -->
</div>
<!-- Input -->
<div>
<label for="hs-pro-eapnm" class="block ej64t t5ziw vo20k ld4jf dark:text-neutral-200">
Name
<span class="hs-tooltip inline-block acu59">
<svg class="hq6gx ibvs1 g30sc dark:text-neutral-400" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M12 16v-4"/><path d="M12 8h.01"/></svg>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 jfchh hidden j7t1a rm3rx ridf9 d0kec kzzmm r9ojg cm336 yjh0n zr4l6 ps5iq hx4gm dark:bg-neutral-700" role="tooltip">
Give your product a short and clear name.
</span>
</span>
</label>
<input id="hs-pro-eapnm" type="text" class="jlmh5 sofkk apc69 block i65bn lh7k3 ps5iq psfwb ld4jf y04oc pbwui o3fx0 omr57 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200 dark:placeholder:text-neutral-500 dark:focus:outline-hidden dark:focus:ring-1 dark:focus:ring-neutral-600" placeholder="Shirt, t-shirts, etc." value="">
</div>
<!-- End Input -->
<!-- Input Grid -->
<div class="dmfqa n5y6f aygsi bbb42">
<!-- Input -->
<div>
<label for="hs-pro-eapsku" class="block ej64t t5ziw vo20k ld4jf dark:text-neutral-200">
SKU
</label>
<input id="hs-pro-eapsku" type="text" class="jlmh5 sofkk apc69 block i65bn lh7k3 ps5iq psfwb ld4jf y04oc pbwui o3fx0 omr57 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200 dark:placeholder:text-neutral-500 dark:focus:outline-hidden dark:focus:ring-1 dark:focus:ring-neutral-600" placeholder="eg. 348121032" value="">
</div>
<!-- End Input -->
<!-- Input -->
<div>
<label for="hs-pro-eapwe" class="block ej64t t5ziw vo20k ld4jf dark:text-neutral-200">
Weight
</label>
<div class="relative i65bn">
<input id="hs-pro-eapwe" type="text" class="jlmh5 sofkk apc69 block i65bn lh7k3 ps5iq psfwb ld4jf y04oc pbwui o3fx0 omr57 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200 dark:placeholder:text-neutral-500 dark:focus:outline-hidden dark:focus:ring-1 dark:focus:ring-neutral-600" placeholder="0.0" value="">
<div class="absolute h5ske fug6q flex items-center a799i nehyh b62jb">
<!-- Select -->
<div class="relative">
<select data-hs-select='{
"placeholder": "Select option...",
"toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>",
"toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative jlmh5 g4kd8 ipy9g inline-flex hq6gx r00n9 items-center vrcxw cm336 ld4jf ps5iq udrq1 focus:outline-hidden rwgqn before:absolute before:inset-0 before:z-1 dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700",
"dropdownClasses": "fug6q ls9te ju7it ucmtr vl7eg space-y-0.5 oo8ro lile3 rrmkk dark:bg-neutral-950",
"optionClasses": "hs-selected:bg-stone-100 dark:hs-selected:bg-neutral-800 jlmh5 kzzmm i65bn cm336 ld4jf ps5iq cursor-pointer udrq1 ps5iq focus:outline-hidden rwgqn dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex uip67 items-center i65bn \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"hq6gx stqz8 ld4jf dark:text-neutral-200 \" xmlns=\"http:.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"/></svg></span></div>"
}' class="hidden">
<option value="">Choose</option>
<option>lb</option>
<option>oz</option>
<option selected>kg</option>
<option>g</option>
</select>
<div class="absolute wgue8 p1b8r -translate-y-1/2">
<svg class="hq6gx stqz8 vg3h2 dark:text-neutral-400" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>
</div>
</div>
<!-- End Select -->
</div>
</div>
<p class="nsx3p cm336 g30sc dark:text-neutral-500">
Used to calculate shipping rates at checkout and label prices during fulfillment.
</p>
</div>
<!-- End Input -->
</div>
<!-- End Input Grid -->
<!-- Textarea Input -->
<div>
<label class="block ej64t t5ziw vo20k ld4jf dark:text-neutral-200">
Description
</label>
<!-- Tiptap -->
<div class="oo8ro wfm4e lh7k3 lile3 overflow-hidden dark:bg-neutral-800 dark:border-neutral-700">
<div id="hs-editor-tiptap">
<div class="qp3gf ofq05 oo8ro flex acu59 bj6m2 ic6aj lh7k3 n33uu dark:bg-neutral-800 dark:border-neutral-700">
<button class="aukwz inline-flex r00n9 items-center lialp t5ziw y2wul oq0dt wfm4e qb17b ld4jf udrq1 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rwgqn dark:text-white dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" type="button" data-hs-editor-bold>
<svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 12a4 4 0 0 0 0-8H6v8"/><path d="M15 20a4 4 0 0 0 0-8H6v8Z"/></svg>
</button>
<button class="aukwz inline-flex r00n9 items-center lialp t5ziw y2wul oq0dt wfm4e qb17b ld4jf udrq1 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rwgqn dark:text-white dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" type="button" data-hs-editor-italic>
<svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="19" x2="10" y1="4" y2="4"/><line x1="14" x2="5" y1="20" y2="20"/><line x1="15" x2="9" y1="4" y2="20"/></svg>
</button>
<button class="aukwz inline-flex r00n9 items-center lialp t5ziw y2wul oq0dt wfm4e qb17b ld4jf udrq1 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rwgqn dark:text-white dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" type="button" data-hs-editor-underline>
<svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 4v6a6 6 0 0 0 12 0V4"/><line x1="4" x2="20" y1="20" y2="20"/></svg>
</button>
<button class="aukwz inline-flex r00n9 items-center lialp t5ziw y2wul oq0dt wfm4e qb17b ld4jf udrq1 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rwgqn dark:text-white dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" type="button" data-hs-editor-strike>
<svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 4H9a3 3 0 0 0-2.83 4"/><path d="M14 12a4 4 0 0 1 0 8H6"/><line x1="4" x2="20" y1="12" y2="12"/></svg>
</button>
<button class="aukwz inline-flex r00n9 items-center lialp t5ziw y2wul oq0dt wfm4e qb17b ld4jf udrq1 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rwgqn dark:text-white dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" type="button" data-hs-editor-link>
<svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"/><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"/></svg>
</button>
<button class="aukwz inline-flex r00n9 items-center lialp t5ziw y2wul oq0dt wfm4e qb17b ld4jf udrq1 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rwgqn dark:text-white dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" type="button" data-hs-editor-ol>
<svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="10" x2="21" y1="6" y2="6"/><line x1="10" x2="21" y1="12" y2="12"/><line x1="10" x2="21" y1="18" y2="18"/><path d="M4 6h1v4"/><path d="M4 10h2"/><path d="M6 18H4c0-1 2-2 2-3s-1-1.5-2-1"/></svg>
</button>
<button class="aukwz inline-flex r00n9 items-center lialp t5ziw y2wul oq0dt wfm4e qb17b ld4jf udrq1 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rwgqn dark:text-white dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" type="button" data-hs-editor-ul>
<svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="8" x2="21" y1="6" y2="6"/><line x1="8" x2="21" y1="12" y2="12"/><line x1="8" x2="21" y1="18" y2="18"/><line x1="3" x2="3.01" y1="6" y2="6"/><line x1="3" x2="3.01" y1="12" y2="12"/><line x1="3" x2="3.01" y1="18" y2="18"/></svg>
</button>
<button class="aukwz inline-flex r00n9 items-center lialp t5ziw y2wul oq0dt wfm4e qb17b ld4jf udrq1 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rwgqn dark:text-white dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" type="button" data-hs-editor-blockquote>
<svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 6H3"/><path d="M21 12H8"/><path d="M21 18H8"/><path d="M3 12v6"/></svg>
</button>
<button class="aukwz inline-flex r00n9 items-center lialp t5ziw y2wul oq0dt wfm4e qb17b ld4jf udrq1 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rwgqn dark:text-white dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" type="button" data-hs-editor-code>
<svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m18 16 4-4-4-4"/><path d="m6 8-4 4 4 4"/><path d="m14.5 4-5 16"/></svg>
</button>
</div>
<div class="chryj overflow-auto " data-hs-editor-field></div>
</div>
</div>
<!-- End Tiptap -->
</div>
<!-- End Textarea Input -->
</div>
<!-- End Body -->
</div>
<!-- End Products Card -->
<script type="module">
import { Editor } from 'https://esm.sh/@tiptap/core@2.11.0';
import Placeholder from 'https://esm.sh/@tiptap/extension-placeholder@2.11.0';
import StarterKit from 'https://esm.sh/@tiptap/starter-kit@2.11.0';
import Paragraph from 'https://esm.sh/@tiptap/extension-paragraph@2.11.0';
import Bold from 'https://esm.sh/@tiptap/extension-bold@2.11.0';
import Underline from 'https://esm.sh/@tiptap/extension-underline@2.11.0';
import Link from 'https://esm.sh/@tiptap/extension-link@2.11.0';
import BulletList from 'https://esm.sh/@tiptap/extension-bullet-list@2.11.0';
import OrderedList from 'https://esm.sh/@tiptap/extension-ordered-list@2.11.0';
import ListItem from 'https://esm.sh/@tiptap/extension-list-item@2.11.0';
import Blockquote from 'https://esm.sh/@tiptap/extension-blockquote@2.11.0';
const ids = '#hs-editor-tiptap';
const editors = ids.split(' ');
editors.forEach((id) => {
const editor = new Editor({
element: document.querySelector(`${id} [data-hs-editor-field]`),
editorProps: {
attributes: {
class: 'relative vjcu1 yyez4'
}
},
extensions: [
StarterKit.configure({
history: false
}),
Placeholder.configure({
placeholder: 'Add a message, if you\'d like.',
emptyNodeClass: 'before:text-stone-400'
}),
Paragraph.configure({
HTMLAttributes: {
class: 't5ziw ld4jf dark:text-stone-200'
}
}),
Bold.configure({
HTMLAttributes: {
class: 'vipe3'
}
}),
Underline,
Link.configure({
HTMLAttributes: {
class: 'inline-flex items-center pgjbi f411b ymclh pdar8 vo20k dark:text-white'
}
}),
BulletList.configure({
HTMLAttributes: {
class: 'szmr6 qr5e6 ld4jf dark:text-white'
}
}),
OrderedList.configure({
HTMLAttributes: {
class: 'prqfs qr5e6 ld4jf dark:text-white'
}
}),
ListItem.configure({
HTMLAttributes: {
class: 'mzgnm'
}
}),
Blockquote.configure({
HTMLAttributes: {
class: 'relative prela n93vx udutm dark:border-neutral-700 sm:[&>p]:text-lg'
}
})
]
});
const actions = [
{
id: `${id} [data-hs-editor-bold]`,
fn: () => editor.chain().focus().toggleBold().run()
},
{
id: `${id} [data-hs-editor-italic]`,
fn: () => editor.chain().focus().toggleItalic().run()
},
{
id: `${id} [data-hs-editor-underline]`,
fn: () => editor.chain().focus().toggleUnderline().run()
},
{
id: `${id} [data-hs-editor-strike]`,
fn: () => editor.chain().focus().toggleStrike().run()
},
{
id: `${id} [data-hs-editor-link]`,
fn: () => {
const ialh4 = window.prompt('URL');
editor.chain().focus().extendMarkRange('link').setLink({ href: ialh4 }).run();
}
},
{
id: `${id} [data-hs-editor-ol]`,
fn: () => editor.chain().focus().toggleOrderedList().run()
},
{
id: `${id} [data-hs-editor-ul]`,
fn: () => editor.chain().focus().toggleBulletList().run()
},
{
id: `${id} [data-hs-editor-blockquote]`,
fn: () => editor.chain().focus().toggleBlockquote().run()
},
{
id: `${id} [data-hs-editor-code]`,
fn: () => editor.chain().focus().toggleCode().run()
}
];
actions.forEach(({ id, fn }) => {
const action = document.querySelector(id);
if (action === null) return;
action.addEventListener('click', fn);
});
});
</script>
<style>
.ProseMirror:focus {
outline: none;
}
.tiptap ul p,
.tiptap ol p {
display: inline;
}
.tiptap p.is-editor-empty:first-child::before {
content: attr(data-placeholder);
float: left;
height: 0;
pointer-events: none;
}
</style>
<script type="importmap">
{
"imports": {
"https://esm.sh/v135/prosemirror-model@1.19.3/es2022/prosemirror-model.mjs": "https://esm.sh/v135/prosemirror-model@1.20.0/es2022/prosemirror-model.mjs",
"https://esm.sh/v135/prosemirror-model@1.21.0/es2022/prosemirror-model.mjs": "https://esm.sh/v135/prosemirror-model@1.20.0/es2022/prosemirror-model.mjs",
"https://esm.sh/v135/prosemirror-model@1.22.1/es2022/prosemirror-model.mjs": "https://esm.sh/v135/prosemirror-model@1.20.0/es2022/prosemirror-model.mjs",
"https://esm.sh/v135/prosemirror-model@1.23.0/es2022/prosemirror-model.mjs": "https://esm.sh/v135/prosemirror-model@1.20.0/es2022/prosemirror-model.mjs",
"https://esm.sh/v135/prosemirror-model@1.24.0/es2022/prosemirror-model.mjs": "https://esm.sh/v135/prosemirror-model@1.20.0/es2022/prosemirror-model.mjs",
"https://esm.sh/v135/prosemirror-model@1.24.1/es2022/prosemirror-model.mjs": "https://esm.sh/v135/prosemirror-model@1.20.0/es2022/prosemirror-model.mjs"
}
}
</script>
<script type="module">
import { Editor } from 'https://esm.sh/@tiptap/core@2.11.0';
import Placeholder from 'https://esm.sh/@tiptap/extension-placeholder@2.11.0';
import StarterKit from 'https://esm.sh/@tiptap/starter-kit@2.11.0';
import Paragraph from 'https://esm.sh/@tiptap/extension-paragraph@2.11.0';
import Bold from 'https://esm.sh/@tiptap/extension-bold@2.11.0';
import Underline from 'https://esm.sh/@tiptap/extension-underline@2.11.0';
import Link from 'https://esm.sh/@tiptap/extension-link@2.11.0';
import BulletList from 'https://esm.sh/@tiptap/extension-bullet-list@2.11.0';
import OrderedList from 'https://esm.sh/@tiptap/extension-ordered-list@2.11.0';
import ListItem from 'https://esm.sh/@tiptap/extension-list-item@2.11.0';
import Blockquote from 'https://esm.sh/@tiptap/extension-blockquote@2.11.0';
const ids = '#hs-editor-tiptap';
const editors = ids.split(' ');
editors.forEach((id) => {
const editor = new Editor({
element: document.querySelector(`${id} [data-hs-editor-field]`),
editorProps: {
attributes: {
class: 'relative vjcu1 yyez4'
}
},
extensions: [
StarterKit.configure({
history: false
}),
Placeholder.configure({
placeholder: 'Add a message, if you\'d like.',
emptyNodeClass: 'before:text-stone-400'
}),
Paragraph.configure({
HTMLAttributes: {
class: 't5ziw ld4jf dark:text-stone-200'
}
}),
Bold.configure({
HTMLAttributes: {
class: 'vipe3'
}
}),
Underline,
Link.configure({
HTMLAttributes: {
class: 'inline-flex items-center pgjbi f411b ymclh pdar8 vo20k dark:text-white'
}
}),
BulletList.configure({
HTMLAttributes: {
class: 'szmr6 qr5e6 ld4jf dark:text-white'
}
}),
OrderedList.configure({
HTMLAttributes: {
class: 'prqfs qr5e6 ld4jf dark:text-white'
}
}),
ListItem.configure({
HTMLAttributes: {
class: 'mzgnm'
}
}),
Blockquote.configure({
HTMLAttributes: {
class: 'relative prela n93vx udutm dark:border-neutral-700 sm:[&>p]:text-lg ld4jf dark:text-white'
}
})
]
});
const actions = [
{
id: `${id} [data-hs-editor-bold]`,
fn: () => editor.chain().focus().toggleBold().run()
},
{
id: `${id} [data-hs-editor-italic]`,
fn: () => editor.chain().focus().toggleItalic().run()
},
{
id: `${id} [data-hs-editor-underline]`,
fn: () => editor.chain().focus().toggleUnderline().run()
},
{
id: `${id} [data-hs-editor-strike]`,
fn: () => editor.chain().focus().toggleStrike().run()
},
{
id: `${id} [data-hs-editor-link]`,
fn: () => {
const ialh4 = window.prompt('URL');
editor.chain().focus().extendMarkRange('link').setLink({ href: ialh4 }).run();
}
},
{
id: `${id} [data-hs-editor-ol]`,
fn: () => editor.chain().focus().toggleOrderedList().run()
},
{
id: `${id} [data-hs-editor-ul]`,
fn: () => editor.chain().focus().toggleBulletList().run()
},
{
id: `${id} [data-hs-editor-blockquote]`,
fn: () => editor.chain().focus().toggleBlockquote().run()
},
{
id: `${id} [data-hs-editor-code]`,
fn: () => editor.chain().focus().toggleCode().run()
}
];
actions.forEach(({ id, fn }) => {
const action = document.querySelector(id);
if (action === null) return;
action.addEventListener('click', fn);
});
});
</script>
<!-- Store Settings Card -->
<div class="xlz15 space-y-5 flex flex-col oo8ro wfm4e lh7k3 hx4gm lile3 dark:bg-neutral-800 dark:border-neutral-700">
<!-- Input Group -->
<div>
<label class="block ej64t t5ziw vo20k ld4jf dark:text-neutral-200">
Avatar
</label>
<div class="ls9te flex items-center vmt4s">
<span class="flex r00n9 items-center zvis0 w229a rx8hj ohiu9 b62jb oq0dt dark:border-neutral-700 dark:text-neutral-600">
<svg class="hq6gx ezw10" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"/><circle cx="9" cy="9" r="2"/><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"/></svg>
</span>
<div class="e3fpz">
<div class="flex items-center lialp">
<button type="button" class="i7oig apc69 inline-flex items-center lialp cm336 vo20k ps5iq wfm4e qb17b neiig zr4l6 yp3eh disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden v1cco zt5cn">
<svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="17 8 12 3 7 8"/><line x1="12" x2="12" y1="3" y2="15"/></svg>
Upload photo
</button>
<button type="button" class="i7oig apc69 inline-flex items-center lialp cm336 vo20k ps5iq wfm4e lh7k3 oo8ro bs6yk hx4gm mg3yl disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rwgqn dark:bg-neutral-800 dark:border-neutral-700 dark:text-red-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" disabled>
Delete
</button>
</div>
</div>
</div>
</div>
<!-- End Input Group -->
<!-- Input Grid -->
<div class="dmfqa n5y6f aygsi bbb42">
<!-- Input -->
<div>
<label for="hs-pro-esssn" class="block ej64t t5ziw vo20k ld4jf dark:text-neutral-200">
Store name
</label>
<input id="hs-pro-esssn" type="text" class="jlmh5 sofkk apc69 block i65bn lh7k3 ps5iq psfwb ld4jf y04oc pbwui o3fx0 omr57 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200 dark:placeholder:text-neutral-500 dark:focus:outline-hidden dark:focus:ring-1 dark:focus:ring-neutral-600">
</div>
<!-- End Input -->
<!-- Input -->
<div>
<label for="hs-pro-esssu" class="block ej64t t5ziw vo20k ld4jf dark:text-neutral-200">
Store URL
</label>
<div class="relative">
<input id="hs-pro-esssu" type="text" class="jlmh5 sofkk dhy94 p1bsm block i65bn lh7k3 ps5iq psfwb ld4jf y04oc pbwui o3fx0 omr57 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200 dark:placeholder:text-neutral-500 dark:focus:outline-hidden dark:focus:ring-1 dark:focus:ring-neutral-600">
<div class="absolute h5ske fug6q flex items-center howv4 a799i a498d">
<span class="t5ziw g30sc dark:text-neutral-500">.preline.co</span>
</div>
</div>
</div>
<!-- End Input -->
<!-- Input -->
<div>
<label for="hs-pro-essce" class="block ej64t t5ziw vo20k ld4jf dark:text-neutral-200">
Contact email
</label>
<input id="hs-pro-essce" type="email" class="jlmh5 sofkk apc69 block i65bn lh7k3 ps5iq psfwb ld4jf y04oc pbwui o3fx0 omr57 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200 dark:placeholder:text-neutral-500 dark:focus:outline-hidden dark:focus:ring-1 dark:focus:ring-neutral-600">
</div>
<!-- End Input -->
<!-- Input -->
<div>
<label for="hs-pro-esscp" class="block ej64t t5ziw vo20k ld4jf dark:text-neutral-200">
Contact phone
</label>
<input id="hs-pro-esscp" type="text" class="jlmh5 sofkk apc69 block i65bn lh7k3 ps5iq psfwb ld4jf y04oc pbwui o3fx0 omr57 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200 dark:placeholder:text-neutral-500 dark:focus:outline-hidden dark:focus:ring-1 dark:focus:ring-neutral-600">
</div>
<!-- End Input -->
<!-- Input -->
<div>
<label class="block ej64t t5ziw vo20k ld4jf dark:text-neutral-200">
Currency
</label>
<!-- Select -->
<div class="relative">
<select data-hs-select='{
"placeholder": "Select currency",
"toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>",
"toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative i7oig dkhxo k77cj flex dslo6 i65bn cursor-pointer oo8ro wfm4e lh7k3 ps5iq qgy40 t5ziw ld4jf focus:outline-hidden v1cco omr57 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200 dark:focus:outline-hidden dark:focus:ring-1 dark:focus:ring-neutral-600",
"dropdownClasses": "ls9te ucmtr i65bn t71nm yj8ha overflow-hidden overflow-y-auto ucmtr ju7it space-y-0.5 oo8ro lile3 rrmkk n4ec4 xlk9f osjq3 n14un dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900",
"optionClasses": "hs-selected:bg-stone-100 dark:hs-selected:bg-neutral-800 i7oig dkhxo i65bn t5ziw ld4jf cursor-pointer udrq1 ps5iq focus:outline-hidden rwgqn dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex uip67 items-center i65bn \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"hq6gx stqz8 ld4jf dark:text-neutral-200 \" xmlns=\"http:.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"/></svg></span></div>"
}' class="hidden">
<option value="">Choose</option>
<option value="USD" selected>USD</option>
<option value="AED">AED</option>
<option value="AFN">AFN</option>
<option value="ALL">ALL</option>
<option value="AMD">AMD</option>
<option value="ANG">ANG</option>
<option value="AOA">AOA</option>
<option value="ARS">ARS</option>
<option value="AUD">AUD</option>
<option value="AWG">AWG</option>
<option value="AZN">AZN</option>
<option value="BAM">BAM</option>
<option value="BBD">BBD</option>
<option value="BDT">BDT</option>
<option value="BGN">BGN</option>
<option value="BIF">BIF</option>
<option value="BMD">BMD</option>
<option value="BND">BND</option>
<option value="BOB">BOB</option>
<option value="BRL">BRL</option>
<option value="BSD">BSD</option>
<option value="BWP">BWP</option>
<option value="BZD">BZD</option>
<option value="CAD">CAD</option>
<option value="CDF">CDF</option>
<option value="CHF">CHF</option>
<option value="CLP">CLP</option>
<option value="CNY">CNY</option>
<option value="COP">COP</option>
<option value="CRC">CRC</option>
<option value="CVE">CVE</option>
<option value="CZK">CZK</option>
<option value="DJF">DJF</option>
<option value="DKK">DKK</option>
<option value="DOP">DOP</option>
<option value="DZD">DZD</option>
<option value="EGP">EGP</option>
<option value="ETB">ETB</option>
<option value="EUR">EUR</option>
<option value="FJD">FJD</option>
<option value="FKP">FKP</option>
<option value="GBP">GBP</option>
<option value="GEL">GEL</option>
<option value="GIP">GIP</option>
<option value="GMD">GMD</option>
<option value="GNF">GNF</option>
<option value="GTQ">GTQ</option>
<option value="GYD">GYD</option>
<option value="HKD">HKD</option>
<option value="HNL">HNL</option>
<option value="HRK">HRK</option>
<option value="HTG">HTG</option>
<option value="HUF">HUF</option>
<option value="IDR">IDR</option>
<option value="ILS">ILS</option>
<option value="INR">INR</option>
<option value="ISK">ISK</option>
<option value="JMD">JMD</option>
<option value="JPY">JPY</option>
<option value="KES">KES</option>
<option value="KGS">KGS</option>
<option value="KHR">KHR</option>
<option value="KMF">KMF</option>
<option value="KRW">KRW</option>
<option value="KYD">KYD</option>
<option value="KZT">KZT</option>
<option value="LAK">LAK</option>
<option value="LBP">LBP</option>
<option value="LKR">LKR</option>
<option value="LRD">LRD</option>
<option value="LSL">LSL</option>
<option value="MAD">MAD</option>
<option value="MDL">MDL</option>
<option value="MGA">MGA</option>
<option value="MKD">MKD</option>
<option value="MMK">MMK</option>
<option value="MNT">MNT</option>
<option value="MOP">MOP</option>
<option value="MRO">MRO</option>
<option value="MUR">MUR</option>
<option value="MVR">MVR</option>
<option value="MWK">MWK</option>
<option value="MXN">MXN</option>
<option value="MYR">MYR</option>
<option value="MZN">MZN</option>
<option value="NAD">NAD</option>
<option value="NGN">NGN</option>
<option value="NIO">NIO</option>
<option value="NOK">NOK</option>
<option value="NPR">NPR</option>
<option value="NZD">NZD</option>
<option value="PAB">PAB</option>
<option value="PEN">PEN</option>
<option value="PGK">PGK</option>
<option value="PHP">PHP</option>
<option value="PKR">PKR</option>
<option value="PLN">PLN</option>
<option value="PYG">PYG</option>
<option value="QAR">QAR</option>
<option value="RON">RON</option>
<option value="RSD">RSD</option>
<option value="RUB">RUB</option>
<option value="RWF">RWF</option>
<option value="SAR">SAR</option>
<option value="SBD">SBD</option>
<option value="SCR">SCR</option>
<option value="SEK">SEK</option>
<option value="SGD">SGD</option>
<option value="SHP">SHP</option>
<option value="SLL">SLL</option>
<option value="SOS">SOS</option>
<option value="SRD">SRD</option>
<option value="STD">STD</option>
<option value="SZL">SZL</option>
<option value="THB">THB</option>
<option value="TJS">TJS</option>
<option value="TOP">TOP</option>
<option value="TRY">TRY</option>
<option value="TTD">TTD</option>
<option value="TWD">TWD</option>
<option value="TZS">TZS</option>
<option value="UAH">UAH</option>
<option value="UGX">UGX</option>
<option value="UYU">UYU</option>
<option value="UZS">UZS</option>
<option value="VND">VND</option>
<option value="VUV">VUV</option>
<option value="WST">WST</option>
<option value="XAF">XAF</option>
<option value="XCD">XCD</option>
<option value="XOF">XOF</option>
<option value="XPF">XPF</option>
<option value="YER">YER</option>
<option value="ZAR">ZAR</option>
<option value="ZMW">ZMW</option>
</select>
<div class="absolute wgue8 z5b3o -translate-y-1/2">
<svg class="hq6gx stqz8 g30sc" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m7 15 5 5 5-5"/><path d="m7 9 5-5 5 5"/></svg>
</div>
</div>
<!-- End Select -->
</div>
<!-- End Input -->
<!-- Input -->
<div>
<label class="block ej64t t5ziw vo20k ld4jf dark:text-neutral-200">
Country
</label>
<!-- Select -->
<div class="relative">
<select data-hs-select='{
"placeholder": "Country",
"hasSearch": true,
"searchPlaceholder": "Country",
"searchClasses": "block jlmh5 sofkk apc69 i65bn psfwb lh7k3 ps5iq o3fx0 omr57 dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-400 dark:placeholder:text-neutral-400",
"searchWrapperClasses": "oo8ro n33uu -mx-1 qp3gf ofq05 dark:bg-neutral-900",
"toggleTag": "<button type=\"button\" aria-expanded=\"false\"><span data-icon></span><span class=\"ld4jf dark:text-neutral-200 \" data-title></span></button>",
"toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative i7oig dhy94 k77cj flex lialp dslo6 i65bn cursor-pointer oo8ro wfm4e lh7k3 ps5iq qgy40 t5ziw focus:outline-hidden v1cco omr57 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400 dark:focus:outline-hidden dark:focus:ring-1 dark:focus:ring-neutral-600",
"dropdownClasses": "yj8ha ju7it ami92 space-y-0.5 ucmtr i65bn overflow-hidden overflow-y-auto oo8ro lile3 rrmkk n4ec4 xlk9f osjq3 n14un dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900",
"optionClasses": "hs-selected:bg-stone-100 dark:hs-selected:bg-neutral-800 i7oig dkhxo i65bn t5ziw ld4jf cursor-pointer udrq1 ps5iq focus:outline-hidden rwgqn dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800",
"optionTemplate": "<div><div class=\"flex items-center \"><div class=\"epucs \" data-icon></div><div class=\"ld4jf dark:text-neutral-200 \" data-title></div></div></div>"
}' class="hidden">
<option value="">Choose</option>
<option value="AF" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/af.png\" alt=\"Afghanistan\" />"}'>
Afghanistan
</option>
<option value="AX" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ax.png\" alt=\"Aland Islands\" />"}'>
Aland Islands
</option>
<option value="AL" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/al.png\" alt=\"Albania\" />"}'>
Albania
</option>
<option value="DZ" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/dz.png\" alt=\"Algeria\" />"}'>
Algeria
</option>
<option value="AS" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/as.png\" alt=\"American Samoa\" />"}'>
American Samoa
</option>
<option value="AD" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ad.png\" alt=\"Andorra\" />"}'>
Andorra
</option>
<option value="AO" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ao.png\" alt=\"Angola\" />"}'>
Angola
</option>
<option value="AI" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ai.png\" alt=\"Anguilla\" />"}'>
Anguilla
</option>
<option value="AG" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ag.png\" alt=\"Antigua and Barbuda\" />"}'>
Antigua and Barbuda
</option>
<option value="AR" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ar.png\" alt=\"Argentina\" />"}'>
Argentina
</option>
<option value="AM" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/am.png\" alt=\"Armenia\" />"}'>
Armenia
</option>
<option value="AW" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/aw.png\" alt=\"Aruba\" />"}'>
Aruba
</option>
<option value="AU" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/au.png\" alt=\"Australia\" />"}'>
Australia
</option>
<option value="AT" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/at.png\" alt=\"Austria\" />"}'>
Austria
</option>
<option value="AZ" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/az.png\" alt=\"Azerbaijan\" />"}'>
Azerbaijan
</option>
<option value="BS" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/bs.png\" alt=\"Bahamas\" />"}'>
Bahamas
</option>
<option value="BH" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/bh.png\" alt=\"Bahrain\" />"}'>
Bahrain
</option>
<option value="BD" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/bd.png\" alt=\"Bangladesh\" />"}'>
Bangladesh
</option>
<option value="BB" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/bb.png\" alt=\"Barbados\" />"}'>
Barbados
</option>
<option value="BY" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/by.png\" alt=\"Belarus\" />"}'>
Belarus
</option>
<option value="BE" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/be.png\" alt=\"Belgium\" />"}'>
Belgium
</option>
<option value="BZ" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/bz.png\" alt=\"Belize\" />"}'>
Belize
</option>
<option value="BJ" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/bj.png\" alt=\"Benin\" />"}'>
Benin
</option>
<option value="BM" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/bm.png\" alt=\"Bermuda\" />"}'>
Bermuda
</option>
<option value="BT" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/bt.png\" alt=\"Bhutan\" />"}'>
Bhutan
</option>
<option value="BO" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/bo.png\" alt=\"Bolivia (Plurinational State of)\" />"}'>
Bolivia (Plurinational State of)
</option>
<option value="BQ" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/bq.png\" alt=\"Bonaire, Sint Eustatius and Saba\" />"}'>
Bonaire, Sint Eustatius and Saba
</option>
<option value="BA" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ba.png\" alt=\"Bosnia and Herzegovina\" />"}'>
Bosnia and Herzegovina
</option>
<option value="BW" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/bw.png\" alt=\"Botswana\" />"}'>
Botswana
</option>
<option value="BR" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/br.png\" alt=\"Brazil\" />"}'>
Brazil
</option>
<option value="IO" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/io.png\" alt=\"British Indian Ocean Territory\" />"}'>
British Indian Ocean Territory
</option>
<option value="BN" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/bn.png\" alt=\"Brunei Darussalam\" />"}'>
Brunei Darussalam
</option>
<option value="BG" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/bg.png\" alt=\"Bulgaria\" />"}'>
Bulgaria
</option>
<option value="BF" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/bf.png\" alt=\"Burkina Faso\" />"}'>
Burkina Faso
</option>
<option value="BI" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/bi.png\" alt=\"Burundi\" />"}'>
Burundi
</option>
<option value="CV" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/cv.png\" alt=\"Cabo Verde\" />"}'>
Cabo Verde
</option>
<option value="KH" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/kh.png\" alt=\"Cambodia\" />"}'>
Cambodia
</option>
<option value="CM" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/cm.png\" alt=\"Cameroon\" />"}'>
Cameroon
</option>
<option value="CA" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ca.png\" alt=\"Canada\" />"}'>
Canada
</option>
<option value="KY" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ky.png\" alt=\"Cayman Islands\" />"}'>
Cayman Islands
</option>
<option value="CF" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/cf.png\" alt=\"Central African Republic\" />"}'>
Central African Republic
</option>
<option value="TD" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/td.png\" alt=\"Chad\" />"}'>
Chad
</option>
<option value="CL" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/cl.png\" alt=\"Chile\" />"}'>
Chile
</option>
<option value="CN" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/cn.png\" alt=\"China\" />"}'>
China
</option>
<option value="CX" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/cx.png\" alt=\"Christmas Island\" />"}'>
Christmas Island
</option>
<option value="CC" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/cc.png\" alt=\"Cocos (Keeling) Islands\" />"}'>
Cocos (Keeling) Islands
</option>
<option value="CO" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/co.png\" alt=\"Colombia\" />"}'>
Colombia
</option>
<option value="KM" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/km.png\" alt=\"Comoros\" />"}'>
Comoros
</option>
<option value="CK" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ck.png\" alt=\"Cook Islands\" />"}'>
Cook Islands
</option>
<option value="CR" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/cr.png\" alt=\"Costa Rica\" />"}'>
Costa Rica
</option>
<option value="HR" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/hr.png\" alt=\"Croatia\" />"}'>
Croatia
</option>
<option value="CU" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/cu.png\" alt=\"Cuba\" />"}'>
Cuba
</option>
<option value="CW" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/cw.png\" alt=\"Curaçao\" />"}'>
Curaçao
</option>
<option value="CY" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/cy.png\" alt=\"Cyprus\" />"}'>
Cyprus
</option>
<option value="CZ" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/cz.png\" alt=\"Czech Republic\" />"}'>
Czech Republic
</option>
<option value="CI" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ci.png\" alt=Côte dIvoire\" />"}'>
Côte dIvoire
</option>
<option value="CD" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/cd.png\" alt=\"Democratic Republic of the Congo\" />"}'>
Democratic Republic of the Congo
</option>
<option value="DK" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/dk.png\" alt=\"Denmark\" />"}'>
Denmark
</option>
<option value="DJ" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/dj.png\" alt=\"Djibouti\" />"}'>
Djibouti
</option>
<option value="DM" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/dm.png\" alt=\"Dominica\" />"}'>
Dominica
</option>
<option value="DO" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/do.png\" alt=\"Dominican Republic\" />"}'>
Dominican Republic
</option>
<option value="EC" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ec.png\" alt=\"Ecuador\" />"}'>
Ecuador
</option>
<option value="EG" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/eg.png\" alt=\"Egypt\" />"}'>
Egypt
</option>
<option value="SV" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/sv.png\" alt=\"El Salvador\" />"}'>
El Salvador
</option>
<option value="GB-ENG" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/gb.png\" alt=\"England\" />"}'>
England
</option>
<option value="GQ" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/gq.png\" alt=\"Equatorial Guinea\" />"}'>
Equatorial Guinea
</option>
<option value="ER" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/er.png\" alt=\"Eritrea\" />"}'>
Eritrea
</option>
<option value="EE" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ee.png\" alt=\"Estonia\" />"}'>
Estonia
</option>
<option value="ET" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/et.png\" alt=\"Ethiopia\" />"}'>
Ethiopia
</option>
<option value="FK" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/fk.png\" alt=\"Falkland Islands\" />"}'>
Falkland Islands
</option>
<option value="FO" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/fo.png\" alt=\"Faroe Islands\" />"}'>
Faroe Islands
</option>
<option value="FM" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/fm.png\" alt=\"Federated States of Micronesia\" />"}'>
Federated States of Micronesia
</option>
<option value="FJ" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/fj.png\" alt=\"Fiji\" />"}'>
Fiji
</option>
<option value="FI" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/fi.png\" alt=\"Finland\" />"}'>
Finland
</option>
<option value="FR" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/fr.png\" alt=\"France\" />"}'>
France
</option>
<option value="GF" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/gf.png\" alt=\"French Guiana\" />"}'>
French Guiana
</option>
<option value="PF" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/pf.png\" alt=\"French Polynesia\" />"}'>
French Polynesia
</option>
<option value="TF" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/tf.png\" alt=\"French Southern Territories\" />"}'>
French Southern Territories
</option>
<option value="GA" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ga.png\" alt=\"Gabon\" />"}'>
Gabon
</option>
<option value="GM" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/gm.png\" alt=\"Gambia\" />"}'>
Gambia
</option>
<option value="GE" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ge.png\" alt=\"Georgia\" />"}'>
Georgia
</option>
<option value="DE" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/de.png\" alt=\"Germany\" />"}'>
Germany
</option>
<option value="GH" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/gh.png\" alt=\"Ghana\" />"}'>
Ghana
</option>
<option value="GI" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/gi.png\" alt=\"Gibraltar\" />"}'>
Gibraltar
</option>
<option value="GR" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/gr.png\" alt=\"Greece\" />"}'>
Greece
</option>
<option value="GL" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/gl.png\" alt=\"Greenland\" />"}'>
Greenland
</option>
<option value="GD" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/gd.png\" alt=\"Grenada\" />"}'>
Grenada
</option>
<option value="GP" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/gp.png\" alt=\"Guadeloupe\" />"}'>
Guadeloupe
</option>
<option value="GU" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/gu.png\" alt=\"Guam\" />"}'>
Guam
</option>
<option value="GT" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/gt.png\" alt=\"Guatemala\" />"}'>
Guatemala
</option>
<option value="GG" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/gg.png\" alt=\"Guernsey\" />"}'>
Guernsey
</option>
<option value="GN" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/gn.png\" alt=\"Guinea\" />"}'>
Guinea
</option>
<option value="GW" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/gw.png\" alt=\"Guinea-Bissau\" />"}'>
Guinea-Bissau
</option>
<option value="GY" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/gy.png\" alt=\"Guyana\" />"}'>
Guyana
</option>
<option value="HT" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ht.png\" alt=\"Haiti\" />"}'>
Haiti
</option>
<option value="VA" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/va.png\" alt=\"Holy See\" />"}'>
Holy See
</option>
<option value="HN" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/hn.png\" alt=\"Honduras\" />"}'>
Honduras
</option>
<option value="HK" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/hk.png\" alt=\"Hong Kong\" />"}'>
Hong Kong
</option>
<option value="HU" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/hu.png\" alt=\"Hungary\" />"}'>
Hungary
</option>
<option value="IS" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/is.png\" alt=\"Iceland\" />"}'>
Iceland
</option>
<option value="IN" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/in.png\" alt=\"India\" />"}'>
India
</option>
<option value="ID" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/id.png\" alt=\"Indonesia\" />"}'>
Indonesia
</option>
<option value="IR" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ir.png\" alt=\"Iran (Islamic Republic of)\" />"}'>
Iran (Islamic Republic of)
</option>
<option value="IQ" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/iq.png\" alt=\"Iraq\" />"}'>
Iraq
</option>
<option value="IE" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ie.png\" alt=\"Ireland\" />"}'>
Ireland
</option>
<option value="IM" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/im.png\" alt=\"Isle of Man\" />"}'>
Isle of Man
</option>
<option value="IL" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/il.png\" alt=\"Israel\" />"}'>
Israel
</option>
<option value="IT" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/it.png\" alt=\"Italy\" />"}'>
Italy
</option>
<option value="JM" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/jm.png\" alt=\"Jamaica\" />"}'>
Jamaica
</option>
<option value="JP" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/jp.png\" alt=\"Japan\" />"}'>
Japan
</option>
<option value="JE" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/je.png\" alt=\"Jersey\" />"}'>
Jersey
</option>
<option value="JO" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/jo.png\" alt=\"Jordan\" />"}'>
Jordan
</option>
<option value="KZ" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/kz.png\" alt=\"Kazakhstan\" />"}'>
Kazakhstan
</option>
<option value="KE" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ke.png\" alt=\"Kenya\" />"}'>
Kenya
</option>
<option value="KI" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ki.png\" alt=\"Kiribati\" />"}'>
Kiribati
</option>
<option value="KW" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/kw.png\" alt=\"Kuwait\" />"}'>
Kuwait
</option>
<option value="KG" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/kg.png\" alt=\"Kyrgyzstan\" />"}'>
Kyrgyzstan
</option>
<option value="LA" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/la.png\" alt=\"Laos\" />"}'>
Laos
</option>
<option value="LV" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/lv.png\" alt=\"Latvia\" />"}'>
Latvia
</option>
<option value="LB" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/lb.png\" alt=\"Lebanon\" />"}'>
Lebanon
</option>
<option value="LS" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ls.png\" alt=\"Lesotho\" />"}'>
Lesotho
</option>
<option value="LR" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/lr.png\" alt=\"Liberia\" />"}'>
Liberia
</option>
<option value="LY" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ly.png\" alt=\"Libya\" />"}'>
Libya
</option>
<option value="LI" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/li.png\" alt=\"Liechtenstein\" />"}'>
Liechtenstein
</option>
<option value="LT" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/lt.png\" alt=\"Lithuania\" />"}'>
Lithuania
</option>
<option value="LU" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/lu.png\" alt=\"Luxembourg\" />"}'>
Luxembourg
</option>
<option value="MO" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/mo.png\" alt=\"Macau\" />"}'>
Macau
</option>
<option value="MG" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/mg.png\" alt=\"Madagascar\" />"}'>
Madagascar
</option>
<option value="MW" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/mw.png\" alt=\"Malawi\" />"}'>
Malawi
</option>
<option value="MY" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/my.png\" alt=\"Malaysia\" />"}'>
Malaysia
</option>
<option value="MV" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/mv.png\" alt=\"Maldives\" />"}'>
Maldives
</option>
<option value="ML" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ml.png\" alt=\"Mali\" />"}'>
Mali
</option>
<option value="MT" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/mt.png\" alt=\"Malta\" />"}'>
Malta
</option>
<option value="MH" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/mh.png\" alt=\"Marshall Islands\" />"}'>
Marshall Islands
</option>
<option value="MQ" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/mq.png\" alt=\"Martinique\" />"}'>
Martinique
</option>
<option value="MR" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/mr.png\" alt=\"Mauritania\" />"}'>
Mauritania
</option>
<option value="MU" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/mu.png\" alt=\"Mauritius\" />"}'>
Mauritius
</option>
<option value="YT" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/yt.png\" alt=\"Mayotte\" />"}'>
Mayotte
</option>
<option value="MX" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/mx.png\" alt=\"Mexico\" />"}'>
Mexico
</option>
<option value="MD" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/md.png\" alt=\"Moldova\" />"}'>
Moldova
</option>
<option value="MC" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/mc.png\" alt=\"Monaco\" />"}'>
Monaco
</option>
<option value="MN" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/mn.png\" alt=\"Mongolia\" />"}'>
Mongolia
</option>
<option value="ME" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/me.png\" alt=\"Montenegro\" />"}'>
Montenegro
</option>
<option value="MS" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ms.png\" alt=\"Montserrat\" />"}'>
Montserrat
</option>
<option value="MA" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ma.png\" alt=\"Morocco\" />"}'>
Morocco
</option>
<option value="MZ" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/mz.png\" alt=\"Mozambique\" />"}'>
Mozambique
</option>
<option value="MM" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/mm.png\" alt=\"Myanmar\" />"}'>
Myanmar
</option>
<option value="NA" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/na.png\" alt=\"Namibia\" />"}'>
Namibia
</option>
<option value="NR" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/nr.png\" alt=\"Nauru\" />"}'>
Nauru
</option>
<option value="NP" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/np.png\" alt=\"Nepal\" />"}'>
Nepal
</option>
<option value="NL" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/nl.png\" alt=\"Netherlands\" />"}'>
Netherlands
</option>
<option value="NC" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/nc.png\" alt=\"New Caledonia\" />"}'>
New Caledonia
</option>
<option value="NZ" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/nz.png\" alt=\"New Zealand\" />"}'>
New Zealand
</option>
<option value="NI" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ni.png\" alt=\"Nicaragua\" />"}'>
Nicaragua
</option>
<option value="NE" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ne.png\" alt=\"Niger\" />"}'>
Niger
</option>
<option value="NG" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ng.png\" alt=\"Nigeria\" />"}'>
Nigeria
</option>
<option value="NU" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/nu.png\" alt=\"Niue\" />"}'>
Niue
</option>
<option value="NF" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/nf.png\" alt=\"Norfolk Island\" />"}'>
Norfolk Island
</option>
<option value="KP" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/kp.png\" alt=\"North Korea\" />"}'>
North Korea
</option>
<option value="MK" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/mk.png\" alt=\"North Macedonia\" />"}'>
North Macedonia
</option>
<option value="GB-NIR" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/gb.png\" alt=\"Northern Ireland\" />"}'>
Northern Ireland
</option>
<option value="MP" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/mp.png\" alt=\"Northern Mariana Islands\" />"}'>
Northern Mariana Islands
</option>
<option value="NO" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/no.png\" alt=\"Norway\" />"}'>
Norway
</option>
<option value="OM" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/om.png\" alt=\"Oman\" />"}'>
Oman
</option>
<option value="PK" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/pk.png\" alt=\"Pakistan\" />"}'>
Pakistan
</option>
<option value="PW" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/pw.png\" alt=\"Palau\" />"}'>
Palau
</option>
<option value="PA" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/pa.png\" alt=\"Panama\" />"}'>
Panama
</option>
<option value="PG" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/pg.png\" alt=\"Papua New Guinea\" />"}'>
Papua New Guinea
</option>
<option value="PY" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/py.png\" alt=\"Paraguay\" />"}'>
Paraguay
</option>
<option value="PE" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/pe.png\" alt=\"Peru\" />"}'>
Peru
</option>
<option value="PH" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ph.png\" alt=\"Philippines\" />"}'>
Philippines
</option>
<option value="PN" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/pn.png\" alt=\"Pitcairn\" />"}'>
Pitcairn
</option>
<option value="PL" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/pl.png\" alt=\"Poland\" />"}'>
Poland
</option>
<option value="PT" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/pt.png\" alt=\"Portugal\" />"}'>
Portugal
</option>
<option value="PR" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/pr.png\" alt=\"Puerto Rico\" />"}'>
Puerto Rico
</option>
<option value="QA" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/qa.png\" alt=\"Qatar\" />"}'>
Qatar
</option>
<option value="CG" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/cg.png\" alt=\"Republic of the Congo\" />"}'>
Republic of the Congo
</option>
<option value="RO" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ro.png\" alt=\"Romania\" />"}'>
Romania
</option>
<option value="RU" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ru.png\" alt=\"Russia\" />"}'>
Russia
</option>
<option value="RW" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/rw.png\" alt=\"Rwanda\" />"}'>
Rwanda
</option>
<option value="RE" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/re.png\" alt=\"Réunion\" />"}'>
Réunion
</option>
<option value="BL" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/bl.png\" alt=\"Saint Barthélemy\" />"}'>
Saint Barthélemy
</option>
<option value="SH" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/sh.png\" alt=\"Saint Helena, Ascension and Tristan da Cunha\" />"}'>
Saint Helena, Ascension and Tristan da Cunha
</option>
<option value="KN" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/kn.png\" alt=\"Saint Kitts and Nevis\" />"}'>
Saint Kitts and Nevis
</option>
<option value="LC" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/lc.png\" alt=\"Saint Lucia\" />"}'>
Saint Lucia
</option>
<option value="MF" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/mf.png\" alt=\"Saint Martin\" />"}'>
Saint Martin
</option>
<option value="PM" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/pm.png\" alt=\"Saint Pierre and Miquelon\" />"}'>
Saint Pierre and Miquelon
</option>
<option value="VC" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/vc.png\" alt=\"Saint Vincent and the Grenadines\" />"}'>
Saint Vincent and the Grenadines
</option>
<option value="WS" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ws.png\" alt=\"Samoa\" />"}'>
Samoa
</option>
<option value="SM" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/sm.png\" alt=\"San Marino\" />"}'>
San Marino
</option>
<option value="ST" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/st.png\" alt=\"Sao Tome and Principe\" />"}'>
Sao Tome and Principe
</option>
<option value="SA" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/sa.png\" alt=\"Saudi Arabia\" />"}'>
Saudi Arabia
</option>
<option value="GB-SCT" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/gb.png\" alt=\"Scotland\" />"}'>
Scotland
</option>
<option value="SN" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/sn.png\" alt=\"Senegal\" />"}'>
Senegal
</option>
<option value="RS" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/rs.png\" alt=\"Serbia\" />"}'>
Serbia
</option>
<option value="SC" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/sc.png\" alt=\"Seychelles\" />"}'>
Seychelles
</option>
<option value="SL" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/sl.png\" alt=\"Sierra Leone\" />"}'>
Sierra Leone
</option>
<option value="SG" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/sg.png\" alt=\"Singapore\" />"}'>
Singapore
</option>
<option value="SX" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/sx.png\" alt=\"Sint Maarten\" />"}'>
Sint Maarten
</option>
<option value="SK" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/sk.png\" alt=\"Slovakia\" />"}'>
Slovakia
</option>
<option value="SI" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/si.png\" alt=\"Slovenia\" />"}'>
Slovenia
</option>
<option value="SB" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/sb.png\" alt=\"Solomon Islands\" />"}'>
Solomon Islands
</option>
<option value="SO" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/so.png\" alt=\"Somalia\" />"}'>
Somalia
</option>
<option value="ZA" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/za.png\" alt=\"South Africa\" />"}'>
South Africa
</option>
<option value="GS" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/gs.png\" alt=\"South Georgia and the South Sandwich Islands\" />"}'>
South Georgia and the South Sandwich Islands
</option>
<option value="KR" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/kr.png\" alt=\"South Korea\" />"}'>
South Korea
</option>
<option value="SS" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ss.png\" alt=\"South Sudan\" />"}'>
South Sudan
</option>
<option value="ES" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/es.png\" alt=\"Spain\" />"}'>
Spain
</option>
<option value="LK" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/lk.png\" alt=\"Sri Lanka\" />"}'>
Sri Lanka
</option>
<option value="PS" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ps.png\" alt=\"State of Palestine\" />"}'>
State of Palestine
</option>
<option value="SD" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/sd.png\" alt=\"Sudan\" />"}'>
Sudan
</option>
<option value="SR" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/sr.png\" alt=\"Suriname\" />"}'>
Suriname
</option>
<option value="SJ" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/sj.png\" alt=\"Svalbard and Jan Mayen\" />"}'>
Svalbard and Jan Mayen
</option>
<option value="SZ" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/sz.png\" alt=\"Swaziland\" />"}'>
Swaziland
</option>
<option value="SE" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/se.png\" alt=\"Sweden\" />"}'>
Sweden
</option>
<option value="CH" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ch.png\" alt=\"Switzerland\" />"}'>
Switzerland
</option>
<option value="SY" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/sy.png\" alt=\"Syrian Arab Republic\" />"}'>
Syrian Arab Republic
</option>
<option value="TW" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/tw.png\" alt=\"Taiwan\" />"}'>
Taiwan
</option>
<option value="TJ" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/tj.png\" alt=\"Tajikistan\" />"}'>
Tajikistan
</option>
<option value="TZ" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/tz.png\" alt=\"Tanzania\" />"}'>
Tanzania
</option>
<option value="TH" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/th.png\" alt=\"Thailand\" />"}'>
Thailand
</option>
<option value="TL" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/tl.png\" alt=\"Timor-Leste\" />"}'>
Timor-Leste
</option>
<option value="TG" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/tg.png\" alt=\"Togo\" />"}'>
Togo
</option>
<option value="TK" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/tk.png\" alt=\"Tokelau\" />"}'>
Tokelau
</option>
<option value="TO" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/to.png\" alt=\"Tonga\" />"}'>
Tonga
</option>
<option value="TT" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/tt.png\" alt=\"Trinidad and Tobago\" />"}'>
Trinidad and Tobago
</option>
<option value="TN" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/tn.png\" alt=\"Tunisia\" />"}'>
Tunisia
</option>
<option value="TR" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/tr.png\" alt=\"Turkey\" />"}'>
Turkey
</option>
<option value="TM" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/tm.png\" alt=\"Turkmenistan\" />"}'>
Turkmenistan
</option>
<option value="TC" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/tc.png\" alt=\"Turks and Caicos Islands\" />"}'>
Turks and Caicos Islands
</option>
<option value="TV" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/tv.png\" alt=\"Tuvalu\" />"}'>
Tuvalu
</option>
<option value="UG" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ug.png\" alt=\"Uganda\" />"}'>
Uganda
</option>
<option value="UA" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ua.png\" alt=\"Ukraine\" />"}'>
Ukraine
</option>
<option value="AE" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ae.png\" alt=\"United Arab Emirates\" />"}'>
United Arab Emirates
</option>
<option value="GB" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/gb.png\" alt=\"United Kingdom\" />"}'>
United Kingdom
</option>
<option value="UM" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/um.png\" alt=\"United States Minor Outlying Islands\" />"}'>
United States Minor Outlying Islands
</option>
<option value="US" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/us.png\" alt=\"United States of America\" />"}'>
United States of America
</option>
<option value="UY" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/uy.png\" alt=\"Uruguay\" />"}'>
Uruguay
</option>
<option value="UZ" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/uz.png\" alt=\"Uzbekistan\" />"}'>
Uzbekistan
</option>
<option value="VU" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/vu.png\" alt=\"Vanuatu\" />"}'>
Vanuatu
</option>
<option value="VE" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ve.png\" alt=\"Venezuela (Bolivarian Republic of)\" />"}'>
Venezuela (Bolivarian Republic of)
</option>
<option value="VN" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/vn.png\" alt=\"Vietnam\" />"}'>
Vietnam
</option>
<option value="VG" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/vg.png\" alt=\"Virgin Islands (British)\" />"}'>
Virgin Islands (British)
</option>
<option value="VI" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/vi.png\" alt=\"Virgin Islands (U.S.)\" />"}'>
Virgin Islands (U.S.)
</option>
<option value="GB-WLS" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/gb.png\" alt=\"Wales\" />"}'>
Wales
</option>
<option value="WF" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/wf.png\" alt=\"Wallis and Futuna\" />"}'>
Wallis and Futuna
</option>
<option value="EH" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/eh.png\" alt=\"Western Sahara\" />"}'>
Western Sahara
</option>
<option value="YE" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ye.png\" alt=\"Yemen\" />"}'>
Yemen
</option>
<option value="ZM" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/zm.png\" alt=\"Zambia\" />"}'>
Zambia
</option>
<option value="ZW" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/zw.png\" alt=\"Zimbabwe\" />"}'>
Zimbabwe
</option>
</select>
<div class="absolute wgue8 z5b3o -translate-y-1/2">
<svg class="hq6gx stqz8 g30sc" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m7 15 5 5 5-5"/><path d="m7 9 5-5 5 5"/></svg>
</div>
</div>
<!-- End Select -->
</div>
<!-- End Input -->
</div>
<!-- End Input Grid -->
<!-- Input Grid -->
<div class="space-y-3">
<div class="dmfqa n5y6f aygsi bbb42">
<div id="hs-wrapper-for-address-copy" class="space-y-5">
<!-- Input -->
<div id="hs-content-for-address-copy">
<label for="hs-pro-esssa" class="block ej64t t5ziw vo20k ld4jf dark:text-neutral-200">
Store address
</label>
<input id="hs-pro-esssa" type="email" class="jlmh5 sofkk apc69 block i65bn lh7k3 ps5iq psfwb ld4jf y04oc pbwui o3fx0 omr57 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200 dark:placeholder:text-neutral-500 dark:focus:outline-hidden dark:focus:ring-1 dark:focus:ring-neutral-600">
</div>
<!-- End Input -->
</div>
</div>
<!-- Add Variant -->
<p>
<button id="hs-copy-content" type="button" data-hs-copy-markup='{
"targetSelector": "#hs-content-for-address-copy",
"wrapperSelector": "#hs-wrapper-for-address-copy",
"limit": 2
}' class="jlmh5 kzzmm inline-flex items-center pgjbi cm336 vo20k oq0dt wfm4e ef3uy lh7k3 oo8ro f411b mg3yl disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden exitg dark:bg-neutral-800 dark:border-neutral-700 dark:text-green-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
<svg class="hq6gx a49ku" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>
Add address
</button>
</p>
<!-- End Add Variant -->
</div>
<!-- End Input Grid -->
<!-- Input Grid -->
<div class="dmfqa hdv6z i5hzf aygsi bbb42">
<!-- Input -->
<div class="i63zv">
<label for="hs-pro-essun" class="block ej64t t5ziw vo20k ld4jf dark:text-neutral-200">
Apartment, Suite
</label>
<input id="hs-pro-essun" type="text" class="jlmh5 sofkk apc69 block i65bn lh7k3 ps5iq psfwb ld4jf y04oc pbwui o3fx0 omr57 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200 dark:placeholder:text-neutral-500 dark:focus:outline-hidden dark:focus:ring-1 dark:focus:ring-neutral-600">
</div>
<!-- End Input -->
<!-- Input -->
<div class="i63zv">
<label for="hs-pro-esszc" class="block ej64t t5ziw vo20k ld4jf dark:text-neutral-200">
ZIP / Postal code
</label>
<input id="hs-pro-esszc" type="text" class="jlmh5 sofkk apc69 block i65bn lh7k3 ps5iq psfwb ld4jf y04oc pbwui o3fx0 omr57 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200 dark:placeholder:text-neutral-500 dark:focus:outline-hidden dark:focus:ring-1 dark:focus:ring-neutral-600">
</div>
<!-- End Input -->
<!-- Input -->
<div class="gs0ea">
<label for="hs-pro-esscy" class="block ej64t t5ziw vo20k ld4jf dark:text-neutral-200">
City
</label>
<input id="hs-pro-esscy" type="text" class="jlmh5 sofkk apc69 block i65bn lh7k3 ps5iq psfwb ld4jf y04oc pbwui o3fx0 omr57 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200 dark:placeholder:text-neutral-500 dark:focus:outline-hidden dark:focus:ring-1 dark:focus:ring-neutral-600">
</div>
<!-- End Input -->
</div>
<!-- End Input Grid -->
<!-- Input Grid -->
<div class="space-y-3">
<!-- Switch/Toggle -->
<div class="flex items-center vmt4s">
<label for="hs-pro-essaapp" class="relative inline-block mid1e ljyfw cursor-pointer">
<input type="checkbox" id="hs-pro-essaapp" class="peer ecbnn" checked>
<span class="absolute inset-0 rjuva oq0dt hgdm1 vtbde jhf88 peer-checked:bg-green-600 dark:bg-neutral-700 dark:peer-checked:bg-green-500 peer-disabled:opacity-50 peer-disabled:pointer-events-none"></span>
<span class="absolute wgue8 sabt1 -translate-y-1/2 ibvs1 oo8ro oq0dt t4usm pjxlf vtbde jhf88 peer-checked:translate-x-full dark:bg-neutral-400 dark:peer-checked:bg-white"></span>
</label>
<label for="hs-pro-essaapp" class="t5ziw g30sc dark:text-neutral-400">Accept Apple Pay payments</label>
</div>
<!-- End Switch/Toggle -->
<!-- Switch/Toggle -->
<div class="flex items-center vmt4s">
<label for="hs-pro-essagpp" class="relative inline-block mid1e ljyfw cursor-pointer">
<input type="checkbox" id="hs-pro-essagpp" class="peer ecbnn">
<span class="absolute inset-0 rjuva oq0dt hgdm1 vtbde jhf88 peer-checked:bg-green-600 dark:bg-neutral-700 dark:peer-checked:bg-green-500 peer-disabled:opacity-50 peer-disabled:pointer-events-none"></span>
<span class="absolute wgue8 sabt1 -translate-y-1/2 ibvs1 oo8ro oq0dt t4usm pjxlf vtbde jhf88 peer-checked:translate-x-full dark:bg-neutral-400 dark:peer-checked:bg-white"></span>
</label>
<label for="hs-pro-essagpp" class="t5ziw g30sc dark:text-neutral-400">Accept Google Pay payments</label>
</div>
<!-- End Switch/Toggle -->
</div>
<!-- End Input Grid -->
</div>
<!-- End Store Settings Card -->