Add/Create Forms
Visually captivating experiences with admin forms, WYSIWYG editor, date picker, create content and more.
<!-- Header -->
<div class="k6244 flex clmee">
<svg class="vpbnr itj8b pykwy 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="btpiv">
<h1 class="u2ysm ck20m b7vor dark:text-neutral-200">
Create new user
</h1>
<p class="hac7f oxyct dark:text-neutral-500">
Create a new user account for your system.
</p>
</div>
</div>
<!-- End Header -->
<!-- Card -->
<div class="v869m dpq4d a11ya k8i8d it6u8 dark:bg-neutral-800 dark:border-neutral-700">
<form>
<div class="fuiju uyn4w iv41c">
<div class="fo082 ia4l2">
<!-- Grid -->
<div class="cwrq4 ktjle bgnon dkjki lfptd">
<div class="u2bzw">
<label class="zt4us dxkem hac7f oxyct dark:text-neutral-500">
Avatar
</label>
</div>
<!-- End Col -->
<div class="pzbob">
<!-- Logo Upload Group -->
<div class="flex flex-wrap items-center yru4d ahnaj">
<span class="flex vpbnr q6rsd items-center t2ize y77ql ezn87 m2wv4 pykwy a3ufl dark:border-neutral-700 dark:text-neutral-600">
<svg class="vpbnr vugj6" 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="btpiv">
<div class="flex items-center wwu1y">
<button type="button" class="fuiju tm5do xgqt9 items-center wwu1y ps4xk ivg4u xroga dpq4d rg6vy sh5ol l6gz8 a9sj1 oekgx z50zr sbnko dwtnn pnxyx" >
<svg class="vpbnr m5z5i" 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="cwrq4 ktjle bgnon dkjki lfptd">
<div class="u2bzw">
<label for="hs-pro-daufnm" class="zt4us dxkem hac7f oxyct dark:text-neutral-500">
Name
</label>
</div>
<!-- End Col -->
<div class="pzbob">
<input id="hs-pro-daufnm" type="text" class="fuiju tm5do block w-full a11ya xroga hac7f mryrt yjgee pnxyx oekgx z50zr 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="cwrq4 ktjle bgnon dkjki lfptd">
<div class="u2bzw">
<label for="hs-pro-daufnm" class="zt4us dxkem hac7f oxyct dark:text-neutral-500">
Email
</label>
</div>
<!-- End Col -->
<div class="pzbob">
<input id="hs-pro-daufem" type="email" class="fuiju tm5do block w-full a11ya xroga hac7f mryrt yjgee pnxyx oekgx z50zr 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="cwrq4 ktjle bgnon dkjki lfptd">
<div class="u2bzw">
<label for="hs-pro-daufph" class="zt4us dxkem hac7f oxyct dark:text-neutral-500">
Phone
</label>
</div>
<!-- End Col -->
<div class="pzbob">
<div id="hs-wrapper-for-copy" class="hij2j">
<div id="hs-content-for-copy" class="cwrq4 icplk ciztt">
<div class="pgvne">
<input id="hs-pro-daufph" type="text" class="fuiju tm5do block w-full a11ya xroga hac7f mryrt yjgee pnxyx oekgx z50zr 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="bwfd0">
<input type="text" class="fuiju tm5do block w-full a11ya xroga hac7f mryrt yjgee pnxyx oekgx z50zr 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="aruu0 zcum7">
<button type="button" data-hs-copy-markup='{
"targetSelector": "#hs-content-for-copy",
"wrapperSelector": "#hs-wrapper-for-copy",
"limit": 3
}' class="eh7as iv41c xgqt9 items-center c0yql ps4xk ivg4u a3ufl dpq4d xaqn2 a11ya v869m b7vor e1tdc oekgx z50zr sbnko roxnn dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
<svg class="vpbnr cp61q" 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="cwrq4 ktjle bgnon dkjki lfptd">
<div class="u2bzw">
<label for="hs-pro-daufad" class="zt4us dxkem hac7f oxyct dark:text-neutral-500">
Address
</label>
</div>
<!-- End Col -->
<div class="pzbob hij2j">
<div class="hij2j">
<input id="hs-pro-daufad" type="text" class="fuiju tm5do block w-full a11ya xroga hac7f mryrt yjgee pnxyx oekgx z50zr 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="fuiju tm5do block w-full a11ya xroga hac7f mryrt yjgee pnxyx oekgx z50zr 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="cwrq4 uqcx1 clmee">
<div>
<input type="text" class="fuiju tm5do block w-full a11ya xroga hac7f mryrt yjgee pnxyx oekgx z50zr 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="fuiju tm5do block w-full a11ya xroga hac7f mryrt yjgee pnxyx oekgx z50zr 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 w-full hac7f a11ya xroga yjgee pnxyx dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-400 dark:placeholder:text-neutral-400 fuiju tm5do",
"searchWrapperClasses": "v869m z1r3e -mx-1 qmunp utnk6 dark:bg-neutral-900",
"toggleTag": "<button type=\"button\" aria-expanded=\"false\"><span data-icon></span><span class=\"b7vor dark:text-neutral-200 \" data-title></span></button>",
"toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative fuiju y5qqo dpntc flex wwu1y i419g w-full cursor-pointer v869m dpq4d a11ya xroga u4pm7 hac7f sbnko dwtnn pnxyx dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400 dark:focus:outline-none dark:focus:ring-1 dark:focus:ring-neutral-600",
"dropdownClasses": "rvdee mu3xt fji7p z9rsz rxg3f w-full vlqzh w56at v869m it6u8 shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] ixhii el1lk my2de peqgl 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 fuiju cqbgq w-full hac7f b7vor cursor-pointer ql6ky xroga sbnko tc0ip dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800",
"optionTemplate": "<div><div class=\"flex items-center \"><div class=\"rznfr \" data-icon></div><div class=\"b7vor 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=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/af.png\" alt=\"Afghanistan\" />"}'>
Afghanistan
</option>
<option value="AX" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/al.png\" alt=\"Albania\" />"}'>
Albania
</option>
<option value="DZ" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/dz.png\" alt=\"Algeria\" />"}'>
Algeria
</option>
<option value="AS" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/ad.png\" alt=\"Andorra\" />"}'>
Andorra
</option>
<option value="AO" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/ao.png\" alt=\"Angola\" />"}'>
Angola
</option>
<option value="AI" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/ai.png\" alt=\"Anguilla\" />"}'>
Anguilla
</option>
<option value="AG" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/ar.png\" alt=\"Argentina\" />"}'>
Argentina
</option>
<option value="AM" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/am.png\" alt=\"Armenia\" />"}'>
Armenia
</option>
<option value="AW" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/aw.png\" alt=\"Aruba\" />"}'>
Aruba
</option>
<option value="AU" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/au.png\" alt=\"Australia\" />"}'>
Australia
</option>
<option value="AT" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/at.png\" alt=\"Austria\" />"}'>
Austria
</option>
<option value="AZ" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/az.png\" alt=\"Azerbaijan\" />"}'>
Azerbaijan
</option>
<option value="BS" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/bs.png\" alt=\"Bahamas\" />"}'>
Bahamas
</option>
<option value="BH" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/bh.png\" alt=\"Bahrain\" />"}'>
Bahrain
</option>
<option value="BD" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/bd.png\" alt=\"Bangladesh\" />"}'>
Bangladesh
</option>
<option value="BB" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/bb.png\" alt=\"Barbados\" />"}'>
Barbados
</option>
<option value="BY" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/by.png\" alt=\"Belarus\" />"}'>
Belarus
</option>
<option value="BE" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/be.png\" alt=\"Belgium\" />"}'>
Belgium
</option>
<option value="BZ" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/bz.png\" alt=\"Belize\" />"}'>
Belize
</option>
<option value="BJ" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/bj.png\" alt=\"Benin\" />"}'>
Benin
</option>
<option value="BM" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/bm.png\" alt=\"Bermuda\" />"}'>
Bermuda
</option>
<option value="BT" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/bt.png\" alt=\"Bhutan\" />"}'>
Bhutan
</option>
<option value="BO" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/bw.png\" alt=\"Botswana\" />"}'>
Botswana
</option>
<option value="BR" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/br.png\" alt=\"Brazil\" />"}'>
Brazil
</option>
<option value="IO" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/bg.png\" alt=\"Bulgaria\" />"}'>
Bulgaria
</option>
<option value="BF" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/bi.png\" alt=\"Burundi\" />"}'>
Burundi
</option>
<option value="CV" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/kh.png\" alt=\"Cambodia\" />"}'>
Cambodia
</option>
<option value="CM" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/cm.png\" alt=\"Cameroon\" />"}'>
Cameroon
</option>
<option value="CA" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/ca.png\" alt=\"Canada\" />"}'>
Canada
</option>
<option value="KY" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/td.png\" alt=\"Chad\" />"}'>
Chad
</option>
<option value="CL" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/cl.png\" alt=\"Chile\" />"}'>
Chile
</option>
<option value="CN" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/cn.png\" alt=\"China\" />"}'>
China
</option>
<option value="CX" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/co.png\" alt=\"Colombia\" />"}'>
Colombia
</option>
<option value="KM" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/km.png\" alt=\"Comoros\" />"}'>
Comoros
</option>
<option value="CK" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/hr.png\" alt=\"Croatia\" />"}'>
Croatia
</option>
<option value="CU" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/cu.png\" alt=\"Cuba\" />"}'>
Cuba
</option>
<option value="CW" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/cy.png\" alt=\"Cyprus\" />"}'>
Cyprus
</option>
<option value="CZ" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/dk.png\" alt=\"Denmark\" />"}'>
Denmark
</option>
<option value="DJ" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/dj.png\" alt=\"Djibouti\" />"}'>
Djibouti
</option>
<option value="DM" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/dm.png\" alt=\"Dominica\" />"}'>
Dominica
</option>
<option value="DO" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/ec.png\" alt=\"Ecuador\" />"}'>
Ecuador
</option>
<option value="EG" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/eg.png\" alt=\"Egypt\" />"}'>
Egypt
</option>
<option value="SV" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/gb.png\" alt=\"England\" />"}'>
England
</option>
<option value="GQ" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/er.png\" alt=\"Eritrea\" />"}'>
Eritrea
</option>
<option value="EE" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/ee.png\" alt=\"Estonia\" />"}'>
Estonia
</option>
<option value="ET" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/et.png\" alt=\"Ethiopia\" />"}'>
Ethiopia
</option>
<option value="FK" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/fj.png\" alt=\"Fiji\" />"}'>
Fiji
</option>
<option value="FI" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/fi.png\" alt=\"Finland\" />"}'>
Finland
</option>
<option value="FR" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/fr.png\" alt=\"France\" />"}'>
France
</option>
<option value="GF" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/ga.png\" alt=\"Gabon\" />"}'>
Gabon
</option>
<option value="GM" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/gm.png\" alt=\"Gambia\" />"}'>
Gambia
</option>
<option value="GE" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/ge.png\" alt=\"Georgia\" />"}'>
Georgia
</option>
<option value="DE" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/de.png\" alt=\"Germany\" />"}'>
Germany
</option>
<option value="GH" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/gh.png\" alt=\"Ghana\" />"}'>
Ghana
</option>
<option value="GI" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/gi.png\" alt=\"Gibraltar\" />"}'>
Gibraltar
</option>
<option value="GR" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/gr.png\" alt=\"Greece\" />"}'>
Greece
</option>
<option value="GL" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/gl.png\" alt=\"Greenland\" />"}'>
Greenland
</option>
<option value="GD" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/gd.png\" alt=\"Grenada\" />"}'>
Grenada
</option>
<option value="GP" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/gp.png\" alt=\"Guadeloupe\" />"}'>
Guadeloupe
</option>
<option value="GU" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/gu.png\" alt=\"Guam\" />"}'>
Guam
</option>
<option value="GT" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/gt.png\" alt=\"Guatemala\" />"}'>
Guatemala
</option>
<option value="GG" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/gg.png\" alt=\"Guernsey\" />"}'>
Guernsey
</option>
<option value="GN" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/gn.png\" alt=\"Guinea\" />"}'>
Guinea
</option>
<option value="GW" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/gy.png\" alt=\"Guyana\" />"}'>
Guyana
</option>
<option value="HT" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/ht.png\" alt=\"Haiti\" />"}'>
Haiti
</option>
<option value="VA" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/hn.png\" alt=\"Honduras\" />"}'>
Honduras
</option>
<option value="HK" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/hu.png\" alt=\"Hungary\" />"}'>
Hungary
</option>
<option value="IS" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/is.png\" alt=\"Iceland\" />"}'>
Iceland
</option>
<option value="IN" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/in.png\" alt=\"India\" />"}'>
India
</option>
<option value="ID" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/id.png\" alt=\"Indonesia\" />"}'>
Indonesia
</option>
<option value="IR" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/iq.png\" alt=\"Iraq\" />"}'>
Iraq
</option>
<option value="IE" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/ie.png\" alt=\"Ireland\" />"}'>
Ireland
</option>
<option value="IM" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/il.png\" alt=\"Israel\" />"}'>
Israel
</option>
<option value="IT" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/it.png\" alt=\"Italy\" />"}'>
Italy
</option>
<option value="JM" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/jm.png\" alt=\"Jamaica\" />"}'>
Jamaica
</option>
<option value="JP" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/jp.png\" alt=\"Japan\" />"}'>
Japan
</option>
<option value="JE" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/je.png\" alt=\"Jersey\" />"}'>
Jersey
</option>
<option value="JO" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/jo.png\" alt=\"Jordan\" />"}'>
Jordan
</option>
<option value="KZ" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/kz.png\" alt=\"Kazakhstan\" />"}'>
Kazakhstan
</option>
<option value="KE" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/ke.png\" alt=\"Kenya\" />"}'>
Kenya
</option>
<option value="KI" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/ki.png\" alt=\"Kiribati\" />"}'>
Kiribati
</option>
<option value="KW" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/kw.png\" alt=\"Kuwait\" />"}'>
Kuwait
</option>
<option value="KG" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/kg.png\" alt=\"Kyrgyzstan\" />"}'>
Kyrgyzstan
</option>
<option value="LA" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/la.png\" alt=\"Laos\" />"}'>
Laos
</option>
<option value="LV" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/lv.png\" alt=\"Latvia\" />"}'>
Latvia
</option>
<option value="LB" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/lb.png\" alt=\"Lebanon\" />"}'>
Lebanon
</option>
<option value="LS" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/ls.png\" alt=\"Lesotho\" />"}'>
Lesotho
</option>
<option value="LR" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/lr.png\" alt=\"Liberia\" />"}'>
Liberia
</option>
<option value="LY" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/ly.png\" alt=\"Libya\" />"}'>
Libya
</option>
<option value="LI" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/li.png\" alt=\"Liechtenstein\" />"}'>
Liechtenstein
</option>
<option value="LT" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/lt.png\" alt=\"Lithuania\" />"}'>
Lithuania
</option>
<option value="LU" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/lu.png\" alt=\"Luxembourg\" />"}'>
Luxembourg
</option>
<option value="MO" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/mo.png\" alt=\"Macau\" />"}'>
Macau
</option>
<option value="MG" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/mg.png\" alt=\"Madagascar\" />"}'>
Madagascar
</option>
<option value="MW" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/mw.png\" alt=\"Malawi\" />"}'>
Malawi
</option>
<option value="MY" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/my.png\" alt=\"Malaysia\" />"}'>
Malaysia
</option>
<option value="MV" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/mv.png\" alt=\"Maldives\" />"}'>
Maldives
</option>
<option value="ML" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/ml.png\" alt=\"Mali\" />"}'>
Mali
</option>
<option value="MT" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/mt.png\" alt=\"Malta\" />"}'>
Malta
</option>
<option value="MH" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/mq.png\" alt=\"Martinique\" />"}'>
Martinique
</option>
<option value="MR" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/mr.png\" alt=\"Mauritania\" />"}'>
Mauritania
</option>
<option value="MU" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/mu.png\" alt=\"Mauritius\" />"}'>
Mauritius
</option>
<option value="YT" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/yt.png\" alt=\"Mayotte\" />"}'>
Mayotte
</option>
<option value="MX" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/mx.png\" alt=\"Mexico\" />"}'>
Mexico
</option>
<option value="MD" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/md.png\" alt=\"Moldova\" />"}'>
Moldova
</option>
<option value="MC" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/mc.png\" alt=\"Monaco\" />"}'>
Monaco
</option>
<option value="MN" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/mn.png\" alt=\"Mongolia\" />"}'>
Mongolia
</option>
<option value="ME" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/me.png\" alt=\"Montenegro\" />"}'>
Montenegro
</option>
<option value="MS" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/ms.png\" alt=\"Montserrat\" />"}'>
Montserrat
</option>
<option value="MA" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/ma.png\" alt=\"Morocco\" />"}'>
Morocco
</option>
<option value="MZ" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/mz.png\" alt=\"Mozambique\" />"}'>
Mozambique
</option>
<option value="MM" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/mm.png\" alt=\"Myanmar\" />"}'>
Myanmar
</option>
<option value="NA" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/na.png\" alt=\"Namibia\" />"}'>
Namibia
</option>
<option value="NR" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/nr.png\" alt=\"Nauru\" />"}'>
Nauru
</option>
<option value="NP" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/np.png\" alt=\"Nepal\" />"}'>
Nepal
</option>
<option value="NL" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/nl.png\" alt=\"Netherlands\" />"}'>
Netherlands
</option>
<option value="NC" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/ni.png\" alt=\"Nicaragua\" />"}'>
Nicaragua
</option>
<option value="NE" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/ne.png\" alt=\"Niger\" />"}'>
Niger
</option>
<option value="NG" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/ng.png\" alt=\"Nigeria\" />"}'>
Nigeria
</option>
<option value="NU" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/nu.png\" alt=\"Niue\" />"}'>
Niue
</option>
<option value="NF" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/no.png\" alt=\"Norway\" />"}'>
Norway
</option>
<option value="OM" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/om.png\" alt=\"Oman\" />"}'>
Oman
</option>
<option value="PK" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/pk.png\" alt=\"Pakistan\" />"}'>
Pakistan
</option>
<option value="PW" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/pw.png\" alt=\"Palau\" />"}'>
Palau
</option>
<option value="PA" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/pa.png\" alt=\"Panama\" />"}'>
Panama
</option>
<option value="PG" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/py.png\" alt=\"Paraguay\" />"}'>
Paraguay
</option>
<option value="PE" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/pe.png\" alt=\"Peru\" />"}'>
Peru
</option>
<option value="PH" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/ph.png\" alt=\"Philippines\" />"}'>
Philippines
</option>
<option value="PN" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/pn.png\" alt=\"Pitcairn\" />"}'>
Pitcairn
</option>
<option value="PL" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/pl.png\" alt=\"Poland\" />"}'>
Poland
</option>
<option value="PT" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/pt.png\" alt=\"Portugal\" />"}'>
Portugal
</option>
<option value="PR" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/qa.png\" alt=\"Qatar\" />"}'>
Qatar
</option>
<option value="CG" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/ro.png\" alt=\"Romania\" />"}'>
Romania
</option>
<option value="RU" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/ru.png\" alt=\"Russia\" />"}'>
Russia
</option>
<option value="RW" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/rw.png\" alt=\"Rwanda\" />"}'>
Rwanda
</option>
<option value="RE" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/ws.png\" alt=\"Samoa\" />"}'>
Samoa
</option>
<option value="SM" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/gb.png\" alt=\"Scotland\" />"}'>
Scotland
</option>
<option value="SN" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/sn.png\" alt=\"Senegal\" />"}'>
Senegal
</option>
<option value="RS" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/rs.png\" alt=\"Serbia\" />"}'>
Serbia
</option>
<option value="SC" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/sc.png\" alt=\"Seychelles\" />"}'>
Seychelles
</option>
<option value="SL" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/sg.png\" alt=\"Singapore\" />"}'>
Singapore
</option>
<option value="SX" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/sk.png\" alt=\"Slovakia\" />"}'>
Slovakia
</option>
<option value="SI" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/si.png\" alt=\"Slovenia\" />"}'>
Slovenia
</option>
<option value="SB" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/so.png\" alt=\"Somalia\" />"}'>
Somalia
</option>
<option value="ZA" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/es.png\" alt=\"Spain\" />"}'>
Spain
</option>
<option value="LK" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/sd.png\" alt=\"Sudan\" />"}'>
Sudan
</option>
<option value="SR" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/sr.png\" alt=\"Suriname\" />"}'>
Suriname
</option>
<option value="SJ" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/sz.png\" alt=\"Swaziland\" />"}'>
Swaziland
</option>
<option value="SE" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/se.png\" alt=\"Sweden\" />"}'>
Sweden
</option>
<option value="CH" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/ch.png\" alt=\"Switzerland\" />"}'>
Switzerland
</option>
<option value="SY" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/tw.png\" alt=\"Taiwan\" />"}'>
Taiwan
</option>
<option value="TJ" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/tj.png\" alt=\"Tajikistan\" />"}'>
Tajikistan
</option>
<option value="TZ" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/tz.png\" alt=\"Tanzania\" />"}'>
Tanzania
</option>
<option value="TH" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/th.png\" alt=\"Thailand\" />"}'>
Thailand
</option>
<option value="TL" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/tg.png\" alt=\"Togo\" />"}'>
Togo
</option>
<option value="TK" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/tk.png\" alt=\"Tokelau\" />"}'>
Tokelau
</option>
<option value="TO" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/to.png\" alt=\"Tonga\" />"}'>
Tonga
</option>
<option value="TT" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/tn.png\" alt=\"Tunisia\" />"}'>
Tunisia
</option>
<option value="TR" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/tr.png\" alt=\"Turkey\" />"}'>
Turkey
</option>
<option value="TM" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/tm.png\" alt=\"Turkmenistan\" />"}'>
Turkmenistan
</option>
<option value="TC" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/tv.png\" alt=\"Tuvalu\" />"}'>
Tuvalu
</option>
<option value="UG" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/ug.png\" alt=\"Uganda\" />"}'>
Uganda
</option>
<option value="UA" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/ua.png\" alt=\"Ukraine\" />"}'>
Ukraine
</option>
<option value="AE" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/uy.png\" alt=\"Uruguay\" />"}'>
Uruguay
</option>
<option value="UZ" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/uz.png\" alt=\"Uzbekistan\" />"}'>
Uzbekistan
</option>
<option value="VU" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/vu.png\" alt=\"Vanuatu\" />"}'>
Vanuatu
</option>
<option value="VE" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/vn.png\" alt=\"Vietnam\" />"}'>
Vietnam
</option>
<option value="VG" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/gb.png\" alt=\"Wales\" />"}'>
Wales
</option>
<option value="WF" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/ye.png\" alt=\"Yemen\" />"}'>
Yemen
</option>
<option value="ZM" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/zm.png\" alt=\"Zambia\" />"}'>
Zambia
</option>
<option value="ZW" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/zw.png\" alt=\"Zimbabwe\" />"}'>
Zimbabwe
</option>
</select>
<div class="absolute onm4j wk9ov -translate-y-1/2">
<svg class="vpbnr fwnpl oxyct 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="g70u2 fji7p flex qsj3b wwu1y">
<div class="w-full flex qsj3b items-center wwu1y">
<button type="button" class="fuiju tm5do xgqt9 q6rsd items-center u4pm7 v869m dpq4d a11ya b7vor hac7f ivg4u xroga k8i8d a2xg7 e1tdc oekgx z50zr 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="fuiju tm5do xgqt9 q6rsd items-center wwu1y u4pm7 sh5ol dpq4d dbqf7 l6gz8 hac7f ivg4u xroga k8i8d a2xg7 a9sj1 oekgx z50zr sbnko g5wj4 v3p3o dark:focus:ring-blue-500">
Add user
</button>
</div>
</div>
<!-- End Footer -->
</form>
</div>
<!-- End Card -->
<!-- Calendar Create Event Card -->
<div class="v869m dpq4d a11ya k8i8d it6u8 dark:bg-neutral-800 dark:border-neutral-700">
<!-- Header -->
<div class="v7jym cqbgq flex encm3 items-center x815m dark:border-neutral-700">
<h3 class="ivg4u b7vor dark:text-neutral-200">
Create event
</h3>
</div>
<!-- End Header -->
<!-- Body -->
<div class="fo082 hij2j">
<!-- Event List -->
<div class="cwrq4 icplk ciztt">
<!-- Item -->
<div class="dzjy8">
<label for="hs-create-event-title-autoheight-textarea" class="k9c69 flex q6rsd items-center c0yql vqur1 pykwy dark:text-neutral-500">
<svg class="vpbnr m5z5i" 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="yps74">Title</span>
</label>
</div>
<div class="m7atb">
<textarea id="hs-create-event-title-autoheight-textarea" class="eh7as iv41c block w-full rg6vy v3ki5 vqur1 viqq1 mryrt ckigf oekgx z50zr tc0ip jl6q5 cdyuf 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="dzjy8">
<label class="ioed1 flex q6rsd items-center c0yql vqur1 pykwy dark:text-neutral-500">
<svg class="vpbnr m5z5i" 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="yps74">Date & Time:</span>
</label>
</div>
<div class="m7atb">
<div class="ry1ws">
<!-- Grid -->
<div class="flex kwthp vele2 items-center qd2er dmkt4">
<div class="w-full u2bzw">
<!-- 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 eh7as cmd98 ae3ie w-full flex wwu1y i419g b7vor cursor-pointer v869m dpq4d rg6vy v3ki5 u4pm7 vqur1 viqq1 hover:focus:border-transparent sbnko tc0ip dark:bg-neutral-800 dark:hover:border-neutral-700 dark:text-neutral-200 dark:focus:outline-none dark:focus:bg-neutral-700",
"dropdownClasses": "yvhh6 rxg3f w-full n1kdl mu3xt z9rsz vlqzh w56at v869m it6u8 shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] ixhii el1lk my2de peqgl 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 r3twx tm5do w-full vqur1 b7vor cursor-pointer ql6ky v3ki5 sbnko tc0ip dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex encm3 items-center w-full \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"vpbnr fwnpl b7vor 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 onm4j wk9ov -translate-y-1/2 opacity-0 mu88d gkscm">
<svg class="vpbnr fwnpl pykwy 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="w28rj">
<svg class="vpbnr cp61q ha88l pykwy 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="w-full u2bzw">
<!-- 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 eh7as cmd98 ae3ie w-full flex wwu1y i419g b7vor cursor-pointer v869m dpq4d rg6vy v3ki5 u4pm7 vqur1 viqq1 hover:focus:border-transparent sbnko tc0ip dark:bg-neutral-800 dark:hover:border-neutral-700 dark:text-neutral-200 dark:focus:outline-none dark:focus:bg-neutral-700",
"dropdownClasses": "yvhh6 rxg3f w-full n1kdl mu3xt z9rsz vlqzh w56at v869m it6u8 shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] ixhii el1lk my2de peqgl 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 r3twx tm5do w-full vqur1 b7vor cursor-pointer ql6ky v3ki5 sbnko tc0ip dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex encm3 items-center w-full \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"vpbnr fwnpl b7vor 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 onm4j wk9ov -translate-y-1/2 opacity-0 mu88d gkscm">
<svg class="vpbnr fwnpl pykwy 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 kwthp vele2 items-center qd2er dmkt4">
<div class="w-full u2bzw">
<!-- Calendar Dropdown -->
<div class="hs-dropdown [--strategy:absolute] [--auto-close:inside] relative xgqt9 w-full">
<button id="@@monthDropdownID1" type="button" class="eh7as iv41c group xgqt9 items-center c0yql w-full u4pm7 vqur1 v3ki5 dpq4d rg6vy v869m b7vor viqq1 oekgx z50zr sbnko tc0ip 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="vpbnr fwnpl ut6p6 pykwy opacity-0 mu88d gkscm 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 hiiy2 transition-[opacity,margin] duration opacity-0 hidden nsoag v869m it6u8 shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] dark:shadow-[0_10px_40px_10px_rgba(0,0,0,0.2)] dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="@@monthDropdownID1">
<!-- Calendar -->
<div class="z1r3e cwrq4 lzsmb">
<div class="fdw1m ">
<!-- Months -->
<div class="flex encm3 items-center qd2er mazvo">
<span class="zzrnr block ps4xk ivg4u oxyct dark:text-neutral-500">January 2024</span>
<div class="flex qsj3b items-center qd2er">
<button type="button" class="ms6qs vugj6 flex q6rsd items-center oxyct rmq2c in0m6 a3ufl oekgx z50zr sbnko rahzd 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="vpbnr fwnpl" 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="ms6qs vugj6 flex q6rsd items-center oxyct rmq2c in0m6 a3ufl oekgx z50zr sbnko rahzd 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="vpbnr fwnpl" 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 wktng">
<span class="ms6qs po4l8 block bx4k9 jx95r oxyct dark:text-neutral-500">
Mo
</span>
<span class="ms6qs po4l8 block bx4k9 jx95r oxyct dark:text-neutral-500">
Tu
</span>
<span class="ms6qs po4l8 block bx4k9 jx95r oxyct dark:text-neutral-500">
We
</span>
<span class="ms6qs po4l8 block bx4k9 jx95r oxyct dark:text-neutral-500">
Th
</span>
<span class="ms6qs po4l8 block bx4k9 jx95r oxyct dark:text-neutral-500">
Fr
</span>
<span class="ms6qs po4l8 block bx4k9 jx95r oxyct dark:text-neutral-500">
Sa
</span>
<span class="ms6qs po4l8 block bx4k9 jx95r oxyct dark:text-neutral-500">
Su
</span>
</div>
<!-- Weeks -->
<!-- Days -->
<div class="flex">
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
1
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
2
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
3
<span class="absolute b905o xkb4z ny8j8 sh5ol a3ufl -translate-x-1/2 dark:bg-blue-500"></span>
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
4
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
5
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
6
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd 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="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
8
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
9
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
10
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
11
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center sh5ol dpq4d rg6vy ps4xk ivg4u l6gz8 l09cu a3ufl dark:bg-blue-500 oekgx z50zr sbnko oc3tr dark:hover:border-neutral-700">
12
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
13
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd 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="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
15
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
16
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
17
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
18
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
19
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
20
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd 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="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
22
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
23
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
24
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
25
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
26
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
27
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd 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="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
29
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
30
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
31
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center ps4xk pykwy a3ufl rmq2c oekgx z50zr sbnko x2d5v dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
1
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center ps4xk pykwy a3ufl rmq2c oekgx z50zr sbnko x2d5v dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
2
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center ps4xk pykwy a3ufl rmq2c oekgx z50zr sbnko x2d5v dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
3
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center ps4xk pykwy a3ufl rmq2c oekgx z50zr sbnko x2d5v 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="ms6qs relative pi1lj flex q6rsd items-center ps4xk pykwy a3ufl rmq2c oekgx z50zr sbnko x2d5v dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
5
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center ps4xk pykwy a3ufl rmq2c oekgx z50zr sbnko x2d5v dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
6
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center ps4xk pykwy a3ufl rmq2c oekgx z50zr sbnko x2d5v dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
7
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center ps4xk pykwy a3ufl rmq2c oekgx z50zr sbnko x2d5v dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
8
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center ps4xk pykwy a3ufl rmq2c oekgx z50zr sbnko x2d5v dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
9
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center ps4xk pykwy a3ufl rmq2c oekgx z50zr sbnko x2d5v dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
10
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center ps4xk pykwy a3ufl rmq2c oekgx z50zr sbnko x2d5v 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="w28rj">
<svg class="vpbnr cp61q ha88l pykwy 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="w-full u2bzw">
<!-- Calendar Dropdown -->
<div class="hs-dropdown [--strategy:absolute] [--auto-close:inside] relative xgqt9 w-full">
<button id="@@monthDropdownID2" type="button" class="eh7as iv41c group xgqt9 items-center c0yql w-full u4pm7 vqur1 v3ki5 dpq4d rg6vy v869m b7vor viqq1 oekgx z50zr sbnko tc0ip 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="vpbnr fwnpl ut6p6 pykwy opacity-0 mu88d gkscm 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 hiiy2 transition-[opacity,margin] duration opacity-0 hidden nsoag v869m it6u8 shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] dark:shadow-[0_10px_40px_10px_rgba(0,0,0,0.2)] dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="@@monthDropdownID2">
<!-- Calendar -->
<div class="z1r3e cwrq4 lzsmb">
<div class="fdw1m ">
<!-- Months -->
<div class="flex encm3 items-center qd2er mazvo">
<span class="zzrnr block ps4xk ivg4u oxyct dark:text-neutral-500">January 2024</span>
<div class="flex qsj3b items-center qd2er">
<button type="button" class="ms6qs vugj6 flex q6rsd items-center oxyct rmq2c in0m6 a3ufl oekgx z50zr sbnko rahzd 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="vpbnr fwnpl" 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="ms6qs vugj6 flex q6rsd items-center oxyct rmq2c in0m6 a3ufl oekgx z50zr sbnko rahzd 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="vpbnr fwnpl" 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 wktng">
<span class="ms6qs po4l8 block bx4k9 jx95r oxyct dark:text-neutral-500">
Mo
</span>
<span class="ms6qs po4l8 block bx4k9 jx95r oxyct dark:text-neutral-500">
Tu
</span>
<span class="ms6qs po4l8 block bx4k9 jx95r oxyct dark:text-neutral-500">
We
</span>
<span class="ms6qs po4l8 block bx4k9 jx95r oxyct dark:text-neutral-500">
Th
</span>
<span class="ms6qs po4l8 block bx4k9 jx95r oxyct dark:text-neutral-500">
Fr
</span>
<span class="ms6qs po4l8 block bx4k9 jx95r oxyct dark:text-neutral-500">
Sa
</span>
<span class="ms6qs po4l8 block bx4k9 jx95r oxyct dark:text-neutral-500">
Su
</span>
</div>
<!-- Weeks -->
<!-- Days -->
<div class="flex">
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
1
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
2
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
3
<span class="absolute b905o xkb4z ny8j8 sh5ol a3ufl -translate-x-1/2 dark:bg-blue-500"></span>
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
4
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
5
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
6
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd 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="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
8
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
9
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
10
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
11
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center sh5ol dpq4d rg6vy ps4xk ivg4u l6gz8 l09cu a3ufl dark:bg-blue-500 oekgx z50zr sbnko oc3tr dark:hover:border-neutral-700">
12
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
13
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd 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="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
15
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
16
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
17
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
18
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
19
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
20
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd 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="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
22
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
23
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
24
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
25
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
26
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
27
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd 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="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
29
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
30
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
31
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center ps4xk pykwy a3ufl rmq2c oekgx z50zr sbnko x2d5v dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
1
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center ps4xk pykwy a3ufl rmq2c oekgx z50zr sbnko x2d5v dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
2
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center ps4xk pykwy a3ufl rmq2c oekgx z50zr sbnko x2d5v dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
3
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center ps4xk pykwy a3ufl rmq2c oekgx z50zr sbnko x2d5v 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="ms6qs relative pi1lj flex q6rsd items-center ps4xk pykwy a3ufl rmq2c oekgx z50zr sbnko x2d5v dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
5
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center ps4xk pykwy a3ufl rmq2c oekgx z50zr sbnko x2d5v dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
6
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center ps4xk pykwy a3ufl rmq2c oekgx z50zr sbnko x2d5v dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
7
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center ps4xk pykwy a3ufl rmq2c oekgx z50zr sbnko x2d5v dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
8
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center ps4xk pykwy a3ufl rmq2c oekgx z50zr sbnko x2d5v dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
9
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center ps4xk pykwy a3ufl rmq2c oekgx z50zr sbnko x2d5v dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
10
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center ps4xk pykwy a3ufl rmq2c oekgx z50zr sbnko x2d5v 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 kwthp vele2 items-center qd2er dmkt4">
<div class="w-full u2bzw">
<!-- Switch -->
<div class="flex items-center wwu1y rsp1b">
<label for="hs-pro-crcemad" class="flex items-center c0yql vqur1 i419g b7vor dark:text-neutral-200">
All-Day:
</label>
<input type="checkbox" id="hs-pro-crcemad" class="relative vpbnr z82qn ze8ho cc2q2 qqcm6 rg6vy vm1ok a3ufl cursor-pointer r2uh1 cfk4u gxslw rmq2c eut71 cdyuf aconb oekgx z50zr checked:bg-none checked:text-blue-600 checked:border-blue-600 dark:bg-neutral-700 dark:border-neutral-700 dark:checked:bg-blue-500
c5flu zyk20 n7mnu ep1fp ibw6n u0orr wqdxa uphjs ai84n gzju2 wu2ov z3hip rhctc dark:before:bg-neutral-400 dark:checked:before:bg-white">
</div>
<!-- End Switch -->
</div>
<div class="w28rj">
<svg class="opacity-0 vpbnr cp61q ha88l pykwy 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="w-full u2bzw">
<!-- Repeat Dropdown -->
<div class="hs-dropdown [--strategy:absolute] relative xgqt9 w-full">
<button id="@@doNotRepeatDropdownID" type="button" class="eh7as iv41c group xgqt9 items-center c0yql w-full u4pm7 vqur1 v3ki5 dpq4d rg6vy v869m b7vor viqq1 hover:focus:border-transparent oekgx z50zr sbnko tc0ip 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="vpbnr fwnpl ut6p6 pykwy opacity-0 mu88d gkscm 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 w-full transition-[opacity,margin] duration opacity-0 hidden nsoag v869m it6u8 shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] dark:shadow-[0_10px_40px_10px_rgba(0,0,0,0.2)] dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="@@doNotRepeatDropdownID">
<div class="mu3xt z9rsz">
<!-- Radio -->
<label for="hs-pro-crcemd1" class="r3twx iv41c group flex x60sp v3ki5 cursor-pointer vqur1 b7vor ql6ky 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="vpbnr fwnpl thdk5 ut6p6 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="r3twx iv41c group flex x60sp v3ki5 cursor-pointer vqur1 b7vor ql6ky 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="vpbnr fwnpl thdk5 ut6p6 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="r3twx iv41c group flex x60sp v3ki5 cursor-pointer vqur1 b7vor ql6ky 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="vpbnr fwnpl thdk5 ut6p6 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="r3twx iv41c group flex x60sp v3ki5 cursor-pointer vqur1 b7vor ql6ky 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="vpbnr fwnpl thdk5 ut6p6 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="mu3xt o0jom a11ya dark:border-neutral-800">
<button type="button" class="flex items-center x60sp w-full eh7as iv41c xroga vqur1 b7vor ql6ky oekgx z50zr sbnko tc0ip 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="dzjy8">
<label for="hs-pro-crcemtz" class="iq4yf flex q6rsd items-center c0yql vqur1 pykwy dark:text-neutral-500">
<svg class="vpbnr m5z5i" 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="yps74">Time Zone:</span>
</label>
</div>
<div class="m7atb relative o9h62 le8vc pn7qd c5n7i x9v1s before:w-[calc(100%-8px)] yb26d e6jkf dark:before:bg-white/10">
<input id="hs-pro-crcemtz" type="text" class="eh7as iv41c block w-full rg6vy v3ki5 vqur1 b7vor upbou viqq1 mryrt oekgx z50zr tc0ip jl6q5 cdyuf 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="dzjy8">
<label for="hs-pro-crcemg" class="iq4yf flex q6rsd items-center c0yql vqur1 pykwy dark:text-neutral-500">
<svg class="vpbnr m5z5i" 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="yps74">Participants:</span>
</label>
</div>
<div class="m7atb relative o9h62 le8vc pn7qd c5n7i x9v1s before:w-[calc(100%-8px)] yb26d e6jkf dark:before:bg-white/10">
<input id="hs-pro-crcemg" type="text" class="eh7as iv41c block w-full rg6vy v3ki5 vqur1 b7vor upbou viqq1 mryrt oekgx z50zr tc0ip jl6q5 cdyuf 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="dzjy8">
<label class="iq4yf flex q6rsd items-center c0yql vqur1 pykwy dark:text-neutral-500">
<svg class="vpbnr m5z5i" 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="yps74">Video Conferencing:</span>
</label>
</div>
<div class="m7atb relative o9h62 le8vc pn7qd c5n7i x9v1s before:w-[calc(100%-8px)] yb26d e6jkf dark:before:bg-white/10">
<button type="button" class="group flex flex-wrap items-center wwu1y w-full mu3xt cmd98 d6ed7 zogon xroga vqur1 b7vor ql6ky oekgx z50zr sbnko tc0ip dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
<svg class="vpbnr m5z5i" 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 wwu1y w-full mu3xt cmd98 d6ed7 zogon xroga vqur1 vr7pv ql6ky oekgx z50zr sbnko tc0ip dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
<svg class="vpbnr m5z5i" 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="ut6p6 r3twx c07hf ps4xk v3ki5 dpq4d a11ya v869m b7vor k8i8d dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300">
Connect
</span>
</button>
</div>
<!-- End Item -->
<!-- Item -->
<div class="dzjy8">
<label for="hs-create-event-location-autoheight-textarea" class="iq4yf flex q6rsd items-center c0yql vqur1 pykwy dark:text-neutral-500">
<svg class="vpbnr m5z5i" 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="yps74">Location:</span>
</label>
</div>
<div class="m7atb relative o9h62 le8vc pn7qd c5n7i x9v1s before:w-[calc(100%-8px)] yb26d e6jkf dark:before:bg-white/10">
<textarea id="hs-create-event-location-autoheight-textarea" class="eh7as iv41c block w-full rg6vy v3ki5 vqur1 b7vor viqq1 mryrt ckigf oekgx z50zr tc0ip jl6q5 cdyuf 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 pav6q w-full u4pm7 sbnko oekgx z50zr 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="cwrq4 icplk ciztt">
<span class="dzjy8">
<span class="iq4yf flex q6rsd items-center c0yql vqur1 pykwy dark:text-neutral-500">
<svg class="vpbnr m5z5i" 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="m7atb relative o9h62 le8vc pn7qd c5n7i x9v1s before:w-[calc(100%-8px)] yb26d e6jkf dark:before:bg-white/10">
<span class="eh7as iv41c block w-full xroga vqur1 b7vor dpq4d rg6vy pth45 yqd4t 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="mk1an hidden pav6q w-full vlqzh transition-[height] gnf1f" aria-labelledby="hs-pro-crcem-add-description-url-attachments-collapse">
<div class="cwrq4 icplk ciztt">
<!-- Item -->
<div class="dzjy8">
<label for="hs-create-event-description-autoheight-textarea" class="iq4yf flex q6rsd items-center c0yql vqur1 pykwy dark:text-neutral-500">
<svg class="vpbnr m5z5i" 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="yps74">Description:</span>
</label>
</div>
<div class="m7atb relative o9h62 le8vc pn7qd c5n7i x9v1s before:w-[calc(100%-8px)] yb26d e6jkf dark:before:bg-white/10">
<textarea id="hs-create-event-description-autoheight-textarea" class="eh7as iv41c block w-full rg6vy v3ki5 vqur1 viqq1 mryrt ckigf oekgx z50zr tc0ip jl6q5 cdyuf 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="dzjy8">
<label for="hs-pro-crcemurl" class="iq4yf flex q6rsd items-center c0yql vqur1 pykwy dark:text-neutral-500">
<svg class="vpbnr m5z5i" 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="yps74">URL:</span>
</label>
</div>
<div class="m7atb relative o9h62 le8vc pn7qd c5n7i x9v1s before:w-[calc(100%-8px)] yb26d e6jkf dark:before:bg-white/10">
<input id="hs-pro-crcemurl" type="text" class="eh7as iv41c block w-full rg6vy v3ki5 vqur1 b7vor upbou viqq1 mryrt oekgx z50zr tc0ip jl6q5 cdyuf 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="dzjy8">
<label class="iq4yf flex q6rsd items-center c0yql vqur1 pykwy dark:text-neutral-500">
<svg class="vpbnr m5z5i" 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="yps74">Attachment:</span>
</label>
</div>
<div class="m7atb relative o9h62 le8vc pn7qd c5n7i x9v1s before:w-[calc(100%-8px)] yb26d e6jkf dark:before:bg-white/10">
<input type="file" class="f0q0d block w-full vqur1 oxyct dpq4d rg6vy sbnko dark:text-neutral-500
ajrvm uh3ef vntxj
am8u8 t5lxr
axgl0
okn53 kolay
xyi7p
mvovg kmj5b
dark:file:bg-neutral-700
dark:file:text-neutral-300
">
</div>
<!-- End Item -->
</div>
</div>
<!-- End Item -->
<!-- Item -->
<div class="dzjy8">
<label class="iq4yf flex q6rsd items-center c0yql vqur1 pykwy dark:text-neutral-500">
<svg class="vpbnr m5z5i" 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="yps74">Assignee:</span>
</label>
</div>
<div class="m7atb relative o9h62 le8vc pn7qd c5n7i x9v1s before:w-[calc(100%-8px)] yb26d e6jkf dark:before:bg-white/10">
<div class="ry1ws">
<div class="flex flex-wrap items-center qd2er">
<div class="mhlpb">
<!-- Assignee Dropdown -->
<div class="hs-dropdown [--strategy:absolute] relative xgqt9 w-full">
<button id="@@dropdownAssigneeID" type="button" class="eh7as iv41c group xgqt9 items-center c0yql w-full u4pm7 vqur1 v3ki5 dpq4d rg6vy v869m b7vor viqq1 hover:focus:border-transparent oekgx z50zr sbnko tc0ip 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="vpbnr fwnpl ut6p6 pykwy opacity-0 mu88d gkscm 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 w-full transition-[opacity,margin] duration opacity-0 hidden nsoag v869m it6u8 shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] dark:shadow-[0_10px_40px_10px_rgba(0,0,0,0.2)] dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="@@dropdownAssigneeID">
<div class="mu3xt z9rsz">
<span class="f0q0d ps4xk oxyct dark:text-neutral-400">
james@preline.co
</span>
<!-- Radio -->
<label for="hs-pro-crcema1" class="r3twx iv41c group flex wwu1y v3ki5 cursor-pointer vqur1 b7vor ql6ky dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="radio" class="vpbnr a11ya fwnpl thdk5 a3ufl h5fhe cursor-pointer eut71 h4g1j 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="vpbnr fwnpl thdk5 ut6p6 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="r3twx iv41c group flex wwu1y v3ki5 cursor-pointer vqur1 b7vor ql6ky dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="radio" class="vpbnr a11ya fwnpl thdk5 a3ufl v29hm cursor-pointer eut71 h4g1j 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="vpbnr fwnpl thdk5 ut6p6 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="r3twx iv41c group flex wwu1y v3ki5 cursor-pointer vqur1 b7vor ql6ky dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="radio" class="vpbnr a11ya fwnpl thdk5 a3ufl h4yt7 cursor-pointer eut71 h4g1j 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="vpbnr fwnpl thdk5 ut6p6 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="mu3xt z9rsz">
<span class="f0q0d ps4xk oxyct dark:text-neutral-400">
collinsjames@gmail.com
</span>
<!-- Radio -->
<label for="hs-pro-crcema4" class="r3twx iv41c group flex wwu1y v3ki5 cursor-pointer vqur1 b7vor ql6ky dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="radio" class="vpbnr a11ya fwnpl thdk5 a3ufl sfx6d cursor-pointer eut71 h4g1j 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="vpbnr fwnpl thdk5 ut6p6 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 xgqt9">
<button id="@@dropdownEventColorID" type="button" class="eh7as iv41c group xgqt9 items-center c0yql zogon u4pm7 vqur1 v3ki5 dpq4d rg6vy v869m b7vor viqq1 hover:focus:border-transparent oekgx z50zr sbnko tc0ip 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="vpbnr cp61q tb9mu a3ufl dark:bg-green-500"></span>
<svg class="vpbnr fwnpl ut6p6 pykwy opacity-0 mu88d gkscm 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 ob8c3 transition-[opacity,margin] duration opacity-0 hidden nsoag v869m it6u8 shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] dark:shadow-[0_10px_40px_10px_rgba(0,0,0,0.2)] dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="@@dropdownEventColorID">
<div class="mu3xt z9rsz">
<span class="f0q0d ps4xk oxyct dark:text-neutral-400">
Event color
</span>
<!-- Radio -->
<label for="hs-pro-crcemaec1" class="r3twx iv41c group flex wwu1y v3ki5 cursor-pointer vqur1 b7vor ql6ky dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="radio" class="vpbnr a11ya fwnpl thdk5 qourt rg6vy k1d4k cursor-pointer eut71 h4g1j o9a94 a3qw1 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="vpbnr fwnpl thdk5 ut6p6 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="r3twx iv41c group flex wwu1y v3ki5 cursor-pointer vqur1 b7vor ql6ky dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="radio" class="vpbnr a11ya fwnpl thdk5 qourt rg6vy o14td cursor-pointer eut71 h4g1j i96yg s8ma9 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="vpbnr fwnpl thdk5 ut6p6 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="r3twx iv41c group flex wwu1y v3ki5 cursor-pointer vqur1 b7vor ql6ky dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="radio" class="vpbnr a11ya fwnpl thdk5 qourt rg6vy gs76a cursor-pointer eut71 h4g1j rwci4 l26r2 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="vpbnr fwnpl thdk5 ut6p6 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="r3twx iv41c group flex wwu1y v3ki5 cursor-pointer vqur1 b7vor ql6ky dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="radio" class="vpbnr a11ya fwnpl thdk5 qourt rg6vy tb9mu cursor-pointer eut71 h4g1j ctzhm vp27n 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="vpbnr fwnpl thdk5 ut6p6 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="r3twx iv41c group flex wwu1y v3ki5 cursor-pointer vqur1 b7vor ql6ky dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="radio" class="vpbnr a11ya fwnpl thdk5 qourt rg6vy xgj1k cursor-pointer eut71 h4g1j kqb6n t7uw8 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="vpbnr fwnpl thdk5 ut6p6 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="r3twx iv41c group flex wwu1y v3ki5 cursor-pointer vqur1 b7vor ql6ky dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="radio" class="vpbnr a11ya fwnpl thdk5 qourt rg6vy kwxba cursor-pointer eut71 h4g1j hewtb oktp6 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="vpbnr fwnpl thdk5 ut6p6 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="r3twx iv41c group flex wwu1y v3ki5 cursor-pointer vqur1 b7vor ql6ky dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="radio" class="vpbnr a11ya fwnpl thdk5 qourt rg6vy luw8v cursor-pointer eut71 h4g1j n48wg x2d5v 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="vpbnr fwnpl thdk5 ut6p6 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="cwrq4 uqcx1 items-center wwu1y">
<!-- 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 eh7as iv41c w-full flex wwu1y i419g b7vor cursor-pointer v869m dpq4d rg6vy v3ki5 u4pm7 vqur1 viqq1 hover:focus:border-transparent sbnko tc0ip dark:bg-neutral-800 dark:hover:border-neutral-700 dark:text-neutral-200 dark:focus:outline-none dark:focus:bg-neutral-700",
"dropdownClasses": "yvhh6 rxg3f w-full n1kdl mu3xt z9rsz vlqzh w56at v869m it6u8 shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] ixhii el1lk my2de peqgl 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 r3twx tm5do w-full vqur1 b7vor cursor-pointer ql6ky v3ki5 sbnko tc0ip dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex encm3 items-center w-full \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"vpbnr fwnpl b7vor 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 onm4j wk9ov -translate-y-1/2 opacity-0 mu88d gkscm">
<svg class="vpbnr fwnpl pykwy 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 eh7as iv41c w-full flex wwu1y i419g b7vor cursor-pointer v869m dpq4d rg6vy v3ki5 u4pm7 vqur1 viqq1 hover:focus:border-transparent sbnko tc0ip dark:bg-neutral-800 dark:hover:border-neutral-700 dark:text-neutral-200 dark:focus:outline-none dark:focus:bg-neutral-700",
"dropdownClasses": "yvhh6 rxg3f w-full n1kdl mu3xt z9rsz vlqzh w56at v869m it6u8 shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] ixhii el1lk my2de peqgl 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 r3twx tm5do w-full vqur1 b7vor cursor-pointer ql6ky v3ki5 sbnko tc0ip dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex encm3 items-center w-full \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"vpbnr fwnpl b7vor 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 onm4j wk9ov -translate-y-1/2 opacity-0 mu88d gkscm">
<svg class="vpbnr fwnpl pykwy 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="dzjy8">
<label class="iq4yf flex q6rsd items-center c0yql vqur1 pykwy dark:text-neutral-500">
<svg class="vpbnr m5z5i" 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="yps74">Reminders:</span>
</label>
</div>
<div class="m7atb relative o9h62 le8vc pn7qd c5n7i x9v1s before:w-[calc(100%-8px)] yb26d e6jkf 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 eh7as iv41c w-full flex wwu1y i419g b7vor cursor-pointer v869m dpq4d rg6vy v3ki5 u4pm7 vqur1 viqq1 hover:focus:border-transparent sbnko tc0ip dark:bg-neutral-800 dark:hover:border-neutral-700 dark:text-neutral-200 dark:focus:outline-none dark:focus:bg-neutral-700",
"dropdownClasses": "yvhh6 rxg3f w-full n1kdl mu3xt z9rsz vlqzh w56at v869m it6u8 shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] ixhii el1lk my2de peqgl 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 r3twx tm5do w-full vqur1 b7vor cursor-pointer ql6ky v3ki5 sbnko tc0ip dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex encm3 items-center w-full \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"vpbnr fwnpl b7vor 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 onm4j wk9ov -translate-y-1/2 opacity-0 mu88d gkscm">
<svg class="vpbnr fwnpl pykwy 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="fo082 flex qsj3b wwu1y">
<div class="mhlpb flex qsj3b items-center ciztt">
<button type="button" class="fuiju tm5do i419g xgqt9 q6rsd items-center u4pm7 v869m dpq4d a11ya b7vor hac7f ivg4u xroga k8i8d a2xg7 e1tdc oekgx z50zr 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="fuiju tm5do i419g xgqt9 q6rsd items-center wwu1y u4pm7 sh5ol dpq4d dbqf7 l6gz8 hac7f ivg4u xroga k8i8d a2xg7 a9sj1 oekgx z50zr sbnko g5wj4 v3p3o dark:focus:ring-blue-500">
Create event
</button>
</div>
</div>
<!-- End Footer -->
</div>
<!-- End Calendar Create Event Card -->
<!-- Calendar Edit Event Card -->
<div class="v869m dpq4d a11ya k8i8d it6u8 dark:bg-neutral-800 dark:border-neutral-700">
<!-- Header -->
<div class="v7jym cqbgq flex encm3 items-center x815m dark:border-neutral-700">
<h3 class="ivg4u b7vor dark:text-neutral-200">
Edit event
</h3>
</div>
<!-- End Header -->
<!-- Body -->
<div class="fo082 hij2j">
<!-- Event List -->
<div class="cwrq4 icplk ciztt">
<!-- Item -->
<div class="dzjy8">
<label for="hs-edit-event-title-autoheight-textarea" class="k9c69 flex q6rsd items-center c0yql vqur1 pykwy dark:text-neutral-500">
<svg class="vpbnr m5z5i" 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="yps74">Title</span>
</label>
</div>
<div class="m7atb">
<textarea id="hs-edit-event-title-autoheight-textarea" class="eh7as iv41c block w-full rg6vy v3ki5 vqur1 viqq1 mryrt ckigf oekgx z50zr tc0ip jl6q5 cdyuf 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="dzjy8">
<label class="ioed1 flex q6rsd items-center c0yql vqur1 pykwy dark:text-neutral-500">
<svg class="vpbnr m5z5i" 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="yps74">Date & Time:</span>
</label>
</div>
<div class="m7atb">
<div class="ry1ws">
<!-- Grid -->
<div class="flex kwthp vele2 items-center qd2er dmkt4">
<div class="w-full u2bzw">
<!-- 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 eh7as cmd98 ae3ie w-full flex wwu1y i419g b7vor cursor-pointer v869m dpq4d rg6vy v3ki5 u4pm7 vqur1 viqq1 hover:focus:border-transparent sbnko tc0ip dark:bg-neutral-800 dark:hover:border-neutral-700 dark:text-neutral-200 dark:focus:outline-none dark:focus:bg-neutral-700",
"dropdownClasses": "yvhh6 rxg3f w-full n1kdl mu3xt z9rsz vlqzh w56at v869m it6u8 shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] ixhii el1lk my2de peqgl 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 r3twx tm5do w-full vqur1 b7vor cursor-pointer ql6ky v3ki5 sbnko tc0ip dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex encm3 items-center w-full \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"vpbnr fwnpl b7vor 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 onm4j wk9ov -translate-y-1/2 opacity-0 mu88d gkscm">
<svg class="vpbnr fwnpl pykwy 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="w28rj">
<svg class="vpbnr cp61q ha88l pykwy 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="w-full u2bzw">
<!-- 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 eh7as cmd98 ae3ie w-full flex wwu1y i419g b7vor cursor-pointer v869m dpq4d rg6vy v3ki5 u4pm7 vqur1 viqq1 hover:focus:border-transparent sbnko tc0ip dark:bg-neutral-800 dark:hover:border-neutral-700 dark:text-neutral-200 dark:focus:outline-none dark:focus:bg-neutral-700",
"dropdownClasses": "yvhh6 rxg3f w-full n1kdl mu3xt z9rsz vlqzh w56at v869m it6u8 shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] ixhii el1lk my2de peqgl 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 r3twx tm5do w-full vqur1 b7vor cursor-pointer ql6ky v3ki5 sbnko tc0ip dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex encm3 items-center w-full \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"vpbnr fwnpl b7vor 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 onm4j wk9ov -translate-y-1/2 opacity-0 mu88d gkscm">
<svg class="vpbnr fwnpl pykwy 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 kwthp vele2 items-center qd2er dmkt4">
<div class="w-full u2bzw">
<!-- Calendar Dropdown -->
<div class="hs-dropdown [--strategy:absolute] [--auto-close:inside] relative xgqt9 w-full">
<button id="@@monthDropdownID1" type="button" class="eh7as iv41c group xgqt9 items-center c0yql w-full u4pm7 vqur1 v3ki5 dpq4d rg6vy v869m b7vor viqq1 oekgx z50zr sbnko tc0ip 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="vpbnr fwnpl ut6p6 pykwy opacity-0 mu88d gkscm 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 hiiy2 transition-[opacity,margin] duration opacity-0 hidden nsoag v869m it6u8 shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] dark:shadow-[0_10px_40px_10px_rgba(0,0,0,0.2)] dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="@@monthDropdownID1">
<!-- Calendar -->
<div class="z1r3e cwrq4 lzsmb">
<div class="fdw1m ">
<!-- Months -->
<div class="flex encm3 items-center qd2er mazvo">
<span class="zzrnr block ps4xk ivg4u oxyct dark:text-neutral-500">January 2024</span>
<div class="flex qsj3b items-center qd2er">
<button type="button" class="ms6qs vugj6 flex q6rsd items-center oxyct rmq2c in0m6 a3ufl oekgx z50zr sbnko rahzd 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="vpbnr fwnpl" 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="ms6qs vugj6 flex q6rsd items-center oxyct rmq2c in0m6 a3ufl oekgx z50zr sbnko rahzd 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="vpbnr fwnpl" 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 wktng">
<span class="ms6qs po4l8 block bx4k9 jx95r oxyct dark:text-neutral-500">
Mo
</span>
<span class="ms6qs po4l8 block bx4k9 jx95r oxyct dark:text-neutral-500">
Tu
</span>
<span class="ms6qs po4l8 block bx4k9 jx95r oxyct dark:text-neutral-500">
We
</span>
<span class="ms6qs po4l8 block bx4k9 jx95r oxyct dark:text-neutral-500">
Th
</span>
<span class="ms6qs po4l8 block bx4k9 jx95r oxyct dark:text-neutral-500">
Fr
</span>
<span class="ms6qs po4l8 block bx4k9 jx95r oxyct dark:text-neutral-500">
Sa
</span>
<span class="ms6qs po4l8 block bx4k9 jx95r oxyct dark:text-neutral-500">
Su
</span>
</div>
<!-- Weeks -->
<!-- Days -->
<div class="flex">
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
1
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
2
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
3
<span class="absolute b905o xkb4z ny8j8 sh5ol a3ufl -translate-x-1/2 dark:bg-blue-500"></span>
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
4
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
5
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
6
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd 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="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
8
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
9
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
10
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
11
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center sh5ol dpq4d rg6vy ps4xk ivg4u l6gz8 l09cu a3ufl dark:bg-blue-500 oekgx z50zr sbnko oc3tr dark:hover:border-neutral-700">
12
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
13
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd 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="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
15
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
16
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
17
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
18
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
19
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
20
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd 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="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
22
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
23
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
24
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
25
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
26
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
27
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd 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="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
29
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
30
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
31
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center ps4xk pykwy a3ufl rmq2c oekgx z50zr sbnko x2d5v dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
1
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center ps4xk pykwy a3ufl rmq2c oekgx z50zr sbnko x2d5v dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
2
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center ps4xk pykwy a3ufl rmq2c oekgx z50zr sbnko x2d5v dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
3
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center ps4xk pykwy a3ufl rmq2c oekgx z50zr sbnko x2d5v 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="ms6qs relative pi1lj flex q6rsd items-center ps4xk pykwy a3ufl rmq2c oekgx z50zr sbnko x2d5v dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
5
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center ps4xk pykwy a3ufl rmq2c oekgx z50zr sbnko x2d5v dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
6
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center ps4xk pykwy a3ufl rmq2c oekgx z50zr sbnko x2d5v dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
7
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center ps4xk pykwy a3ufl rmq2c oekgx z50zr sbnko x2d5v dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
8
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center ps4xk pykwy a3ufl rmq2c oekgx z50zr sbnko x2d5v dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
9
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center ps4xk pykwy a3ufl rmq2c oekgx z50zr sbnko x2d5v dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
10
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center ps4xk pykwy a3ufl rmq2c oekgx z50zr sbnko x2d5v 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="w28rj">
<svg class="vpbnr cp61q ha88l pykwy 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="w-full u2bzw">
<!-- Calendar Dropdown -->
<div class="hs-dropdown [--strategy:absolute] [--auto-close:inside] relative xgqt9 w-full">
<button id="@@monthDropdownID2" type="button" class="eh7as iv41c group xgqt9 items-center c0yql w-full u4pm7 vqur1 v3ki5 dpq4d rg6vy v869m b7vor viqq1 oekgx z50zr sbnko tc0ip 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="vpbnr fwnpl ut6p6 pykwy opacity-0 mu88d gkscm 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 hiiy2 transition-[opacity,margin] duration opacity-0 hidden nsoag v869m it6u8 shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] dark:shadow-[0_10px_40px_10px_rgba(0,0,0,0.2)] dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="@@monthDropdownID2">
<!-- Calendar -->
<div class="z1r3e cwrq4 lzsmb">
<div class="fdw1m ">
<!-- Months -->
<div class="flex encm3 items-center qd2er mazvo">
<span class="zzrnr block ps4xk ivg4u oxyct dark:text-neutral-500">January 2024</span>
<div class="flex qsj3b items-center qd2er">
<button type="button" class="ms6qs vugj6 flex q6rsd items-center oxyct rmq2c in0m6 a3ufl oekgx z50zr sbnko rahzd 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="vpbnr fwnpl" 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="ms6qs vugj6 flex q6rsd items-center oxyct rmq2c in0m6 a3ufl oekgx z50zr sbnko rahzd 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="vpbnr fwnpl" 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 wktng">
<span class="ms6qs po4l8 block bx4k9 jx95r oxyct dark:text-neutral-500">
Mo
</span>
<span class="ms6qs po4l8 block bx4k9 jx95r oxyct dark:text-neutral-500">
Tu
</span>
<span class="ms6qs po4l8 block bx4k9 jx95r oxyct dark:text-neutral-500">
We
</span>
<span class="ms6qs po4l8 block bx4k9 jx95r oxyct dark:text-neutral-500">
Th
</span>
<span class="ms6qs po4l8 block bx4k9 jx95r oxyct dark:text-neutral-500">
Fr
</span>
<span class="ms6qs po4l8 block bx4k9 jx95r oxyct dark:text-neutral-500">
Sa
</span>
<span class="ms6qs po4l8 block bx4k9 jx95r oxyct dark:text-neutral-500">
Su
</span>
</div>
<!-- Weeks -->
<!-- Days -->
<div class="flex">
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
1
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
2
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
3
<span class="absolute b905o xkb4z ny8j8 sh5ol a3ufl -translate-x-1/2 dark:bg-blue-500"></span>
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
4
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
5
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
6
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd 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="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
8
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
9
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
10
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
11
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center sh5ol dpq4d rg6vy ps4xk ivg4u l6gz8 l09cu a3ufl dark:bg-blue-500 oekgx z50zr sbnko oc3tr dark:hover:border-neutral-700">
12
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
13
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd 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="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
15
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
16
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
17
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
18
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
19
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
20
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd 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="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
22
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
23
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
24
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
25
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
26
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
27
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd 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="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
29
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
30
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center dpq4d rg6vy ps4xk b7vor a3ufl rmq2c oekgx z50zr sbnko rahzd dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
31
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center ps4xk pykwy a3ufl rmq2c oekgx z50zr sbnko x2d5v dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
1
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center ps4xk pykwy a3ufl rmq2c oekgx z50zr sbnko x2d5v dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
2
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center ps4xk pykwy a3ufl rmq2c oekgx z50zr sbnko x2d5v dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
3
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center ps4xk pykwy a3ufl rmq2c oekgx z50zr sbnko x2d5v 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="ms6qs relative pi1lj flex q6rsd items-center ps4xk pykwy a3ufl rmq2c oekgx z50zr sbnko x2d5v dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
5
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center ps4xk pykwy a3ufl rmq2c oekgx z50zr sbnko x2d5v dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
6
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center ps4xk pykwy a3ufl rmq2c oekgx z50zr sbnko x2d5v dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
7
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center ps4xk pykwy a3ufl rmq2c oekgx z50zr sbnko x2d5v dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
8
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center ps4xk pykwy a3ufl rmq2c oekgx z50zr sbnko x2d5v dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
9
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center ps4xk pykwy a3ufl rmq2c oekgx z50zr sbnko x2d5v dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
10
</button>
</div>
<div>
<button type="button" class="ms6qs relative pi1lj flex q6rsd items-center ps4xk pykwy a3ufl rmq2c oekgx z50zr sbnko x2d5v 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 kwthp vele2 items-center qd2er dmkt4">
<div class="w-full u2bzw">
<!-- Switch -->
<div class="flex items-center wwu1y rsp1b">
<label for="hs-pro-cremad" class="flex items-center c0yql vqur1 i419g b7vor dark:text-neutral-200">
All-Day:
</label>
<input type="checkbox" id="hs-pro-cremad" class="relative vpbnr z82qn ze8ho cc2q2 qqcm6 rg6vy vm1ok a3ufl cursor-pointer r2uh1 cfk4u gxslw rmq2c eut71 cdyuf aconb oekgx z50zr checked:bg-none checked:text-blue-600 checked:border-blue-600 dark:bg-neutral-700 dark:border-neutral-700 dark:checked:bg-blue-500
c5flu zyk20 n7mnu ep1fp ibw6n u0orr wqdxa uphjs ai84n gzju2 wu2ov z3hip rhctc dark:before:bg-neutral-400 dark:checked:before:bg-white">
</div>
<!-- End Switch -->
</div>
<div class="w28rj">
<svg class="opacity-0 vpbnr cp61q ha88l pykwy 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="w-full u2bzw">
<!-- Repeat Dropdown -->
<div class="hs-dropdown [--strategy:absolute] relative xgqt9 w-full">
<button id="@@doNotRepeatDropdownID" type="button" class="eh7as iv41c group xgqt9 items-center c0yql w-full u4pm7 vqur1 v3ki5 dpq4d rg6vy v869m b7vor viqq1 hover:focus:border-transparent oekgx z50zr sbnko tc0ip 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="vpbnr fwnpl ut6p6 pykwy opacity-0 mu88d gkscm 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 w-full transition-[opacity,margin] duration opacity-0 hidden nsoag v869m it6u8 shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] dark:shadow-[0_10px_40px_10px_rgba(0,0,0,0.2)] dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="@@doNotRepeatDropdownID">
<div class="mu3xt z9rsz">
<!-- Radio -->
<label for="hs-pro-cremd1" class="r3twx iv41c group flex x60sp v3ki5 cursor-pointer vqur1 b7vor ql6ky 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="vpbnr fwnpl thdk5 ut6p6 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="r3twx iv41c group flex x60sp v3ki5 cursor-pointer vqur1 b7vor ql6ky 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="vpbnr fwnpl thdk5 ut6p6 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="r3twx iv41c group flex x60sp v3ki5 cursor-pointer vqur1 b7vor ql6ky 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="vpbnr fwnpl thdk5 ut6p6 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="r3twx iv41c group flex x60sp v3ki5 cursor-pointer vqur1 b7vor ql6ky 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="vpbnr fwnpl thdk5 ut6p6 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="mu3xt o0jom a11ya dark:border-neutral-800">
<button type="button" class="flex items-center x60sp w-full eh7as iv41c xroga vqur1 b7vor ql6ky oekgx z50zr sbnko tc0ip 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="dzjy8">
<label for="hs-pro-cremtz" class="iq4yf flex q6rsd items-center c0yql vqur1 pykwy dark:text-neutral-500">
<svg class="vpbnr m5z5i" 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="yps74">Time Zone:</span>
</label>
</div>
<div class="m7atb relative o9h62 le8vc pn7qd c5n7i x9v1s before:w-[calc(100%-8px)] yb26d e6jkf dark:before:bg-white/10">
<input id="hs-pro-cremtz" type="text" class="eh7as iv41c block w-full rg6vy v3ki5 vqur1 b7vor upbou viqq1 mryrt oekgx z50zr tc0ip jl6q5 cdyuf 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="dzjy8">
<label for="hs-pro-cremg" class="iq4yf flex q6rsd items-center c0yql vqur1 pykwy dark:text-neutral-500">
<svg class="vpbnr m5z5i" 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="yps74">Participants:</span>
</label>
</div>
<div class="m7atb relative o9h62 le8vc pn7qd c5n7i x9v1s before:w-[calc(100%-8px)] yb26d e6jkf dark:before:bg-white/10">
<input id="hs-pro-cremg" type="text" class="eh7as iv41c block w-full rg6vy v3ki5 vqur1 b7vor upbou viqq1 mryrt oekgx z50zr tc0ip jl6q5 cdyuf 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="gaz0n f0q0d ry1ws">
<!-- Item -->
<div class="gfhs1 flex flex-wrap encm3 items-center qd2er">
<!-- User -->
<div class="btpiv">
<span class="block vqur1 b7vor dark:text-neutral-200">
3 participants
</span>
<small class="block jx95r oxyct dark:text-neutral-400">
1 yes, 2 awaiting
</small>
</div>
<!-- End User -->
<!-- Button Group -->
<div class="flex items-center c0yql">
<div class="hs-tooltip dxkem">
<button type="button" class="vugj6 vpbnr xgqt9 q6rsd items-center wwu1y a3ufl dpq4d rg6vy pykwy rmq2c oekgx z50zr sbnko rahzd dark:hover:bg-neutral-600 dark:text-neutral-500 dark:focus:bg-neutral-600">
<span class="yps74">Email participants</span>
<svg class="vpbnr fwnpl" 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 dxkem absolute mbr14 zfk0a eh7as rc0sp bg-gray-900 bx4k9 ps4xk l6gz8 xroga dark:bg-neutral-900" role="tooltip">
Email participants
</span>
</div>
<div class="hs-tooltip dxkem">
<button type="button" class="vugj6 vpbnr xgqt9 q6rsd items-center wwu1y a3ufl dpq4d rg6vy pykwy rmq2c oekgx z50zr sbnko rahzd dark:hover:bg-neutral-600 dark:text-neutral-500 dark:focus:bg-neutral-600">
<span class="yps74">Mark all participants optional</span>
<svg class="vpbnr fwnpl" 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 dxkem absolute mbr14 zfk0a eh7as rc0sp bg-gray-900 bx4k9 ps4xk l6gz8 xroga dark:bg-neutral-900" role="tooltip">
Mark all participants optional
</span>
</div>
<div class="hs-tooltip dxkem">
<button type="button" class="vugj6 vpbnr xgqt9 q6rsd items-center wwu1y a3ufl dpq4d rg6vy pykwy rmq2c oekgx z50zr sbnko rahzd dark:hover:bg-neutral-600 dark:text-neutral-500 dark:focus:bg-neutral-600">
<span class="yps74">Remove all participants</span>
<svg class="vpbnr fwnpl" 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 dxkem absolute mbr14 zfk0a eh7as rc0sp bg-gray-900 bx4k9 ps4xk l6gz8 xroga dark:bg-neutral-900" role="tooltip">
Remove all participants
</span>
</div>
</div>
<!-- End Button Group -->
</div>
<!-- End Item -->
<!-- List Group -->
<div class="ry1ws">
<!-- Item -->
<div id="hs-pro-cremudb1" class="relative mu3xt cmd98 group flex flex-wrap encm3 items-center qd2er xroga ql6ky dark:hover:bg-neutral-700">
<!-- User -->
<div class="btpiv w-full">
<div class="flex wwu1y">
<div class="vpbnr">
<div class="relative vpbnr">
<img class="vpbnr ha88l ee5m9 a3ufl" 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 q6rsd items-center cp61q tb9mu dpq4d vvxoz l6gz8 a3ufl dark:border-neutral-800 dark:group-hover:border-neutral-700">
<svg class="vpbnr z7q1a" 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="btpiv truncate lvvf2">
<span class="block vqur1 truncate b7vor dark:text-neutral-200">
James Collison
</span>
<small class="block jx95r truncate oxyct dark:text-neutral-400">
organizer
</small>
</div>
</div>
</div>
<!-- End User -->
<!-- Button Group -->
<div class="absolute onm4j x9dnk -translate-y-1/2 flex items-center c0yql codfu bzdbf">
<div class="hs-tooltip dxkem">
<button type="button" class="vugj6 vpbnr xgqt9 q6rsd items-center wwu1y a3ufl dpq4d rg6vy pykwy rmq2c oekgx z50zr sbnko rahzd dark:hover:bg-neutral-600 dark:text-neutral-500 dark:focus:bg-neutral-600">
<span class="yps74">Show/Hide</span>
<svg class="vpbnr fwnpl" 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 vpbnr fwnpl" 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 dxkem absolute mbr14 zfk0a eh7as rc0sp bg-gray-900 bx4k9 ps4xk l6gz8 xroga dark:bg-neutral-900" role="tooltip">
Hide
</span>
</div>
<div class="hs-tooltip dxkem">
<button type="button" class="vugj6 vpbnr xgqt9 q6rsd items-center wwu1y a3ufl dpq4d rg6vy pykwy rmq2c oekgx z50zr sbnko rahzd dark:hover:bg-neutral-600 dark:text-neutral-500 dark:focus:bg-neutral-600">
<span class="yps74">Mark optional</span>
<svg class="vpbnr fwnpl" 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 dxkem absolute mbr14 zfk0a eh7as rc0sp bg-gray-900 bx4k9 ps4xk l6gz8 xroga dark:bg-neutral-900" role="tooltip">
Mark optional
</span>
</div>
<div class="hs-tooltip dxkem">
<button type="button" class="vugj6 vpbnr xgqt9 q6rsd items-center wwu1y a3ufl dpq4d rg6vy pykwy rmq2c oekgx z50zr sbnko rahzd dark:hover:bg-neutral-600 dark:text-neutral-500 dark:focus:bg-neutral-600" data-hs-remove-element="#hs-pro-cremudb1">
<span class="yps74">Remove</span>
<svg class="vpbnr fwnpl" 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 dxkem absolute mbr14 zfk0a eh7as rc0sp bg-gray-900 bx4k9 ps4xk l6gz8 xroga dark:bg-neutral-900" role="tooltip">
Remove
</span>
</div>
</div>
<!-- End Button Group -->
</div>
<!-- End Item -->
<!-- Item -->
<div id="hs-pro-cremudb2" class="relative mu3xt cmd98 group flex flex-wrap encm3 items-center qd2er xroga ql6ky dark:hover:bg-neutral-700">
<!-- User -->
<div class="btpiv w-full">
<div class="flex wwu1y">
<div class="vpbnr">
<div class="relative vpbnr">
<img class="vpbnr ha88l ee5m9 a3ufl" 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="btpiv truncate lvvf2">
<span class="block vqur1 truncate b7vor dark:text-neutral-200">
Daniel Hobbs
</span>
<small class="block jx95r truncate oxyct dark:text-neutral-400">
dhobbs@site.com
</small>
</div>
</div>
</div>
<!-- End User -->
<!-- Button Group -->
<div class="absolute onm4j x9dnk -translate-y-1/2 flex items-center c0yql codfu bzdbf">
<div class="hs-tooltip dxkem">
<button type="button" class="vugj6 vpbnr xgqt9 q6rsd items-center wwu1y a3ufl dpq4d rg6vy pykwy rmq2c oekgx z50zr sbnko rahzd dark:hover:bg-neutral-600 dark:text-neutral-500 dark:focus:bg-neutral-600">
<span class="yps74">Show/Hide</span>
<svg class="vpbnr fwnpl" 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 vpbnr fwnpl" 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 dxkem absolute mbr14 zfk0a eh7as rc0sp bg-gray-900 bx4k9 ps4xk l6gz8 xroga dark:bg-neutral-900" role="tooltip">
Hide
</span>
</div>
<div class="hs-tooltip dxkem">
<button type="button" class="vugj6 vpbnr xgqt9 q6rsd items-center wwu1y a3ufl dpq4d rg6vy pykwy rmq2c oekgx z50zr sbnko rahzd dark:hover:bg-neutral-600 dark:text-neutral-500 dark:focus:bg-neutral-600">
<span class="yps74">Mark optional</span>
<svg class="vpbnr fwnpl" 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 dxkem absolute mbr14 zfk0a eh7as rc0sp bg-gray-900 bx4k9 ps4xk l6gz8 xroga dark:bg-neutral-900" role="tooltip">
Mark optional
</span>
</div>
<div class="hs-tooltip dxkem">
<button type="button" class="vugj6 vpbnr xgqt9 q6rsd items-center wwu1y a3ufl dpq4d rg6vy pykwy rmq2c oekgx z50zr sbnko rahzd dark:hover:bg-neutral-600 dark:text-neutral-500 dark:focus:bg-neutral-600" data-hs-remove-element="#hs-pro-cremudb2">
<span class="yps74">Remove</span>
<svg class="vpbnr fwnpl" 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 dxkem absolute mbr14 zfk0a eh7as rc0sp bg-gray-900 bx4k9 ps4xk l6gz8 xroga dark:bg-neutral-900" role="tooltip">
Remove
</span>
</div>
</div>
<!-- End Button Group -->
</div>
<!-- End Item -->
<!-- Item -->
<div id="hs-pro-cremudb3" class="relative mu3xt cmd98 group flex flex-wrap encm3 items-center qd2er xroga ql6ky dark:hover:bg-neutral-700">
<!-- User -->
<div class="btpiv w-full">
<div class="flex wwu1y">
<div class="vpbnr">
<div class="relative vpbnr">
<span class="flex vpbnr q6rsd items-center ee5m9 h1yyc oxyct jx95r u2ysm a3ufl dark:bg-neutral-600 dark:border-neutral-700 dark:text-neutral-400">L</span>
</div>
</div>
<div class="btpiv truncate lvvf2">
<span class="block vqur1 truncate b7vor dark:text-neutral-200">
Liza Harrison
</span>
<small class="block jx95r truncate oxyct dark:text-neutral-400">
liza@site.com
</small>
</div>
</div>
</div>
<!-- End User -->
<!-- Button Group -->
<div class="absolute onm4j x9dnk -translate-y-1/2 flex items-center c0yql codfu bzdbf">
<div class="hs-tooltip dxkem">
<button type="button" class="vugj6 vpbnr xgqt9 q6rsd items-center wwu1y a3ufl dpq4d rg6vy pykwy rmq2c oekgx z50zr sbnko rahzd dark:hover:bg-neutral-600 dark:text-neutral-500 dark:focus:bg-neutral-600">
<span class="yps74">Show/Hide</span>
<svg class="vpbnr fwnpl" 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 vpbnr fwnpl" 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 dxkem absolute mbr14 zfk0a eh7as rc0sp bg-gray-900 bx4k9 ps4xk l6gz8 xroga dark:bg-neutral-900" role="tooltip">
Hide
</span>
</div>
<div class="hs-tooltip dxkem">
<button type="button" class="vugj6 vpbnr xgqt9 q6rsd items-center wwu1y a3ufl dpq4d rg6vy pykwy rmq2c oekgx z50zr sbnko rahzd dark:hover:bg-neutral-600 dark:text-neutral-500 dark:focus:bg-neutral-600">
<span class="yps74">Mark optional</span>
<svg class="vpbnr fwnpl" 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 dxkem absolute mbr14 zfk0a eh7as rc0sp bg-gray-900 bx4k9 ps4xk l6gz8 xroga dark:bg-neutral-900" role="tooltip">
Mark optional
</span>
</div>
<div class="hs-tooltip dxkem">
<button type="button" class="vugj6 vpbnr xgqt9 q6rsd items-center wwu1y a3ufl dpq4d rg6vy pykwy rmq2c oekgx z50zr sbnko rahzd dark:hover:bg-neutral-600 dark:text-neutral-500 dark:focus:bg-neutral-600" data-hs-remove-element="#hs-pro-cremudb3">
<span class="yps74">Remove</span>
<svg class="vpbnr fwnpl" 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 dxkem absolute mbr14 zfk0a eh7as rc0sp bg-gray-900 bx4k9 ps4xk l6gz8 xroga 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 w-full u4pm7 sbnko oekgx z50zr" id="participantsPermissionsID" aria-expanded="false" aria-controls="participantsPermissionsLabelID" data-hs-collapse="#participantsPermissionsLabelID">
<span class="eh7as iv41c block w-full xroga vqur1 b7vor dpq4d rg6vy pth45 dark:text-neutral-200 dark:group-hover:bg-neutral-700">
<span class="flex encm3 items-center">
<span class="btpiv truncate">
<span class="block">Participant permissions</span>
<span class="block jx95r oxyct truncate dark:text-neutral-400">Invite others • See participant list</span>
</span>
<svg class="hs-collapse-open:rotate-180 vpbnr fwnpl pykwy 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="mk1an hidden pav6q w-full vlqzh transition-[height] gnf1f" aria-labelledby="participantsPermissionsID">
<div class="z1r3e qqcm6 v3ki5 dark:bg-neutral-700">
<span class="block wktng ps4xk pykwy dark:text-neutral-500">
Participant permissions
</span>
<div class="whagm">
<!-- Checkbox -->
<div>
<label for="hs-pro-creagsio" class="xgqt9 p68is v3ki5 cursor-pointer ps4xk b7vor dark:text-neutral-200">
<input type="checkbox" class="vpbnr a11ya fwnpl xxbm6 qourt we6nf cursor-pointer eut71 h4g1j 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="xgqt9 p68is v3ki5 cursor-pointer ps4xk b7vor dark:text-neutral-200">
<input type="checkbox" class="vpbnr a11ya fwnpl xxbm6 qourt we6nf cursor-pointer eut71 h4g1j 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="yvhh6 flex qsj3b items-center">
<button type="button" class="eh7as iv41c xgqt9 items-center wwu1y ps4xk fkjbc dpq4d rg6vy sh5ol l6gz8 a9sj1 oekgx z50zr sbnko epufy dark:bg-blue-500 dark:hover:bg-blue-600 dark:focus:bg-blue-600">
Send invite
</button>
<span class="relative pn7qd umr2a irylh v4ioa jfhj7 qurxs f4t7g h1yq7"></span>
<!-- More Dropdown -->
<div class="hs-dropdown [--strategy:absolute] relative xgqt9">
<button id="hs-discard-invite" type="button" class="ub7d6 xgqt9 q6rsd items-center wwu1y ps4xk uyp4j dpq4d rg6vy sh5ol l6gz8 a9sj1 oekgx z50zr sbnko epufy 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="yps74">More</span>
<svg class="vpbnr fwnpl" 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 v8dnz transition-[opacity,margin] duration opacity-0 hidden nsoag v869m it6u8 shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] dark:shadow-[0_10px_40px_10px_rgba(0,0,0,0.2)] dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-discard-invite">
<div class="mu3xt z9rsz">
<a class="flex items-center x60sp eh7as iv41c xroga vqur1 tvxlh gkpwr oekgx z50zr sbnko oxtvx 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 x60sp eh7as iv41c xroga vqur1 b7vor ql6ky oekgx z50zr sbnko tc0ip 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="dzjy8">
<label class="iq4yf flex q6rsd items-center c0yql vqur1 pykwy dark:text-neutral-500">
<svg class="vpbnr m5z5i" 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="yps74">Video Conferencing:</span>
</label>
</div>
<div class="m7atb relative o9h62 le8vc pn7qd c5n7i x9v1s before:w-[calc(100%-8px)] yb26d e6jkf dark:before:bg-white/10">
<button type="button" class="group flex flex-wrap items-center wwu1y w-full mu3xt cmd98 cuyzs zogon xroga vqur1 b7vor ql6ky oekgx z50zr sbnko tc0ip dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
<svg class="vpbnr m5z5i" 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="ut6p6 ps4xk v3ki5 we6nf ffypy yvbms dark:text-blue-500 dark:group-hover:text-blue-600">
Join with Google Meet
</span>
</button>
<!-- Video Conferencing List -->
<div class="l4ccc f0q0d flex flex-wrap encm3 items-center qd2er">
<p class="ps4xk oxyct 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 c0yql">
<div class="hs-tooltip dxkem">
<button type="button" class="vugj6 vpbnr xgqt9 q6rsd items-center wwu1y a3ufl dpq4d rg6vy pykwy ql6ky oekgx z50zr sbnko tc0ip dark:hover:bg-neutral-700 dark:text-neutral-500 dark:focus:bg-neutral-700">
<span class="yps74">Video call options</span>
<svg class="vpbnr fwnpl" 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 dxkem absolute mbr14 zfk0a eh7as rc0sp bg-gray-900 bx4k9 ps4xk l6gz8 xroga dark:bg-neutral-900" role="tooltip">
Video call options
</span>
</div>
<button type="button" class="js-clipboard w0755 hs-tooltip vugj6 vpbnr xgqt9 q6rsd items-center wwu1y a3ufl dpq4d rg6vy pykwy ql6ky oekgx z50zr sbnko tc0ip 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 vpbnr fwnpl" 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 fwnpl" 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 s934k hidden mbr14 nsoag r3twx iv41c bg-gray-900 ps4xk ivg4u l6gz8 xroga k8i8d dark:bg-neutral-900" role="tooltip">
<span class="js-clipboard-success-text">Copy conference link</span>
</span>
</button>
<div class="hs-tooltip dxkem">
<button type="button" class="vugj6 vpbnr xgqt9 q6rsd items-center wwu1y a3ufl dpq4d rg6vy pykwy ql6ky oekgx z50zr sbnko tc0ip dark:hover:bg-neutral-700 dark:text-neutral-500 dark:focus:bg-neutral-700">
<span class="yps74">Remove conference</span>
<svg class="vpbnr fwnpl" 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 dxkem absolute mbr14 zfk0a eh7as rc0sp bg-gray-900 bx4k9 ps4xk l6gz8 xroga 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="dzjy8">
<label for="hs-edit-event-location-autoheight-textarea" class="iq4yf flex q6rsd items-center c0yql vqur1 pykwy dark:text-neutral-500">
<svg class="vpbnr m5z5i" 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="yps74">Location:</span>
</label>
</div>
<div class="m7atb relative o9h62 le8vc pn7qd c5n7i x9v1s before:w-[calc(100%-8px)] yb26d e6jkf dark:before:bg-white/10">
<textarea id="hs-edit-event-location-autoheight-textarea" class="eh7as iv41c block w-full rg6vy v3ki5 vqur1 b7vor viqq1 mryrt ckigf oekgx z50zr tc0ip jl6q5 cdyuf 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 pav6q w-full u4pm7 sbnko oekgx z50zr 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="cwrq4 icplk ciztt">
<span class="dzjy8">
<span class="iq4yf flex q6rsd items-center c0yql vqur1 pykwy dark:text-neutral-500">
<svg class="vpbnr m5z5i" 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="m7atb relative o9h62 le8vc pn7qd c5n7i x9v1s before:w-[calc(100%-8px)] yb26d e6jkf dark:before:bg-white/10">
<span class="eh7as iv41c block w-full xroga vqur1 b7vor dpq4d rg6vy pth45 yqd4t 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="mk1an hidden pav6q w-full vlqzh transition-[height] gnf1f" aria-labelledby="hs-pro-crem-add-description-url-attachments-collapse">
<div class="cwrq4 icplk ciztt">
<!-- Item -->
<div class="dzjy8">
<label for="hs-edit-event-description-autoheight-textarea" class="iq4yf flex q6rsd items-center c0yql vqur1 pykwy dark:text-neutral-500">
<svg class="vpbnr m5z5i" 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="yps74">Description:</span>
</label>
</div>
<div class="m7atb relative o9h62 le8vc pn7qd c5n7i x9v1s before:w-[calc(100%-8px)] yb26d e6jkf dark:before:bg-white/10">
<textarea id="hs-edit-event-description-autoheight-textarea" class="eh7as iv41c block w-full rg6vy v3ki5 vqur1 viqq1 mryrt ckigf oekgx z50zr tc0ip jl6q5 cdyuf 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 gbx61 our accomplishments, identify areas for improvement, and refine our approach to using Preline in the upcoming quarter.</textarea>
</div>
<!-- End Item -->
<!-- Item -->
<div class="dzjy8">
<label for="hs-pro-cremurl" class="iq4yf flex q6rsd items-center c0yql vqur1 pykwy dark:text-neutral-500">
<svg class="vpbnr m5z5i" 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="yps74">URL:</span>
</label>
</div>
<div class="m7atb relative o9h62 le8vc pn7qd c5n7i x9v1s before:w-[calc(100%-8px)] yb26d e6jkf dark:before:bg-white/10">
<input id="hs-pro-cremurl" type="text" class="eh7as iv41c block w-full rg6vy v3ki5 vqur1 b7vor upbou viqq1 mryrt oekgx z50zr tc0ip jl6q5 cdyuf 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="dzjy8">
<label class="iq4yf flex q6rsd items-center c0yql vqur1 pykwy dark:text-neutral-500">
<svg class="vpbnr m5z5i" 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="yps74">Attachment:</span>
</label>
</div>
<div class="m7atb relative o9h62 le8vc pn7qd c5n7i x9v1s before:w-[calc(100%-8px)] yb26d e6jkf dark:before:bg-white/10">
<input type="file" class="f0q0d block w-full vqur1 oxyct dpq4d rg6vy sbnko dark:text-neutral-500
ajrvm uh3ef vntxj
am8u8 t5lxr
axgl0
okn53 kolay
xyi7p
mvovg kmj5b
dark:file:bg-neutral-700
dark:file:text-neutral-300
">
</div>
<!-- End Item -->
</div>
</div>
<!-- End Item -->
<!-- Item -->
<div class="dzjy8">
<label class="iq4yf flex q6rsd items-center c0yql vqur1 pykwy dark:text-neutral-500">
<svg class="vpbnr m5z5i" 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="yps74">Assignee:</span>
</label>
</div>
<div class="m7atb relative o9h62 le8vc pn7qd c5n7i x9v1s before:w-[calc(100%-8px)] yb26d e6jkf dark:before:bg-white/10">
<div class="ry1ws">
<div class="flex flex-wrap items-center qd2er">
<div class="mhlpb">
<!-- Assignee Dropdown -->
<div class="hs-dropdown [--strategy:absolute] relative xgqt9 w-full">
<button id="@@dropdownAssigneeID" type="button" class="eh7as iv41c group xgqt9 items-center c0yql w-full u4pm7 vqur1 v3ki5 dpq4d rg6vy v869m b7vor viqq1 hover:focus:border-transparent oekgx z50zr sbnko tc0ip 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="vpbnr fwnpl ut6p6 pykwy opacity-0 mu88d gkscm 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 w-full transition-[opacity,margin] duration opacity-0 hidden nsoag v869m it6u8 shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] dark:shadow-[0_10px_40px_10px_rgba(0,0,0,0.2)] dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="@@dropdownAssigneeID">
<div class="mu3xt z9rsz">
<span class="f0q0d ps4xk oxyct dark:text-neutral-400">
james@preline.co
</span>
<!-- Radio -->
<label for="hs-pro-crema1" class="r3twx iv41c group flex wwu1y v3ki5 cursor-pointer vqur1 b7vor ql6ky dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="radio" class="vpbnr a11ya fwnpl thdk5 a3ufl h5fhe cursor-pointer eut71 h4g1j 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="vpbnr fwnpl thdk5 ut6p6 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="r3twx iv41c group flex wwu1y v3ki5 cursor-pointer vqur1 b7vor ql6ky dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="radio" class="vpbnr a11ya fwnpl thdk5 a3ufl v29hm cursor-pointer eut71 h4g1j 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="vpbnr fwnpl thdk5 ut6p6 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="r3twx iv41c group flex wwu1y v3ki5 cursor-pointer vqur1 b7vor ql6ky dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="radio" class="vpbnr a11ya fwnpl thdk5 a3ufl h4yt7 cursor-pointer eut71 h4g1j 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="vpbnr fwnpl thdk5 ut6p6 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="mu3xt z9rsz">
<span class="f0q0d ps4xk oxyct dark:text-neutral-400">
collinsjames@gmail.com
</span>
<!-- Radio -->
<label for="hs-pro-crema4" class="r3twx iv41c group flex wwu1y v3ki5 cursor-pointer vqur1 b7vor ql6ky dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="radio" class="vpbnr a11ya fwnpl thdk5 a3ufl sfx6d cursor-pointer eut71 h4g1j 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="vpbnr fwnpl thdk5 ut6p6 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 xgqt9">
<button id="@@dropdownEventColorID" type="button" class="eh7as iv41c group xgqt9 items-center c0yql zogon u4pm7 vqur1 v3ki5 dpq4d rg6vy v869m b7vor viqq1 hover:focus:border-transparent oekgx z50zr sbnko tc0ip 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="vpbnr cp61q tb9mu a3ufl dark:bg-green-500"></span>
<svg class="vpbnr fwnpl ut6p6 pykwy opacity-0 mu88d gkscm 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 ob8c3 transition-[opacity,margin] duration opacity-0 hidden nsoag v869m it6u8 shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] dark:shadow-[0_10px_40px_10px_rgba(0,0,0,0.2)] dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="@@dropdownEventColorID">
<div class="mu3xt z9rsz">
<span class="f0q0d ps4xk oxyct dark:text-neutral-400">
Event color
</span>
<!-- Radio -->
<label for="hs-pro-cremaec1" class="r3twx iv41c group flex wwu1y v3ki5 cursor-pointer vqur1 b7vor ql6ky dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="radio" class="vpbnr a11ya fwnpl thdk5 qourt rg6vy k1d4k cursor-pointer eut71 h4g1j o9a94 a3qw1 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="vpbnr fwnpl thdk5 ut6p6 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="r3twx iv41c group flex wwu1y v3ki5 cursor-pointer vqur1 b7vor ql6ky dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="radio" class="vpbnr a11ya fwnpl thdk5 qourt rg6vy o14td cursor-pointer eut71 h4g1j i96yg s8ma9 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="vpbnr fwnpl thdk5 ut6p6 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="r3twx iv41c group flex wwu1y v3ki5 cursor-pointer vqur1 b7vor ql6ky dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="radio" class="vpbnr a11ya fwnpl thdk5 qourt rg6vy gs76a cursor-pointer eut71 h4g1j rwci4 l26r2 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="vpbnr fwnpl thdk5 ut6p6 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="r3twx iv41c group flex wwu1y v3ki5 cursor-pointer vqur1 b7vor ql6ky dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="radio" class="vpbnr a11ya fwnpl thdk5 qourt rg6vy tb9mu cursor-pointer eut71 h4g1j ctzhm vp27n 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="vpbnr fwnpl thdk5 ut6p6 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="r3twx iv41c group flex wwu1y v3ki5 cursor-pointer vqur1 b7vor ql6ky dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="radio" class="vpbnr a11ya fwnpl thdk5 qourt rg6vy xgj1k cursor-pointer eut71 h4g1j kqb6n t7uw8 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="vpbnr fwnpl thdk5 ut6p6 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="r3twx iv41c group flex wwu1y v3ki5 cursor-pointer vqur1 b7vor ql6ky dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="radio" class="vpbnr a11ya fwnpl thdk5 qourt rg6vy kwxba cursor-pointer eut71 h4g1j hewtb oktp6 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="vpbnr fwnpl thdk5 ut6p6 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="r3twx iv41c group flex wwu1y v3ki5 cursor-pointer vqur1 b7vor ql6ky dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="radio" class="vpbnr a11ya fwnpl thdk5 qourt rg6vy luw8v cursor-pointer eut71 h4g1j n48wg x2d5v 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="vpbnr fwnpl thdk5 ut6p6 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="cwrq4 uqcx1 items-center wwu1y">
<!-- 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 eh7as iv41c w-full flex wwu1y i419g b7vor cursor-pointer v869m dpq4d rg6vy v3ki5 u4pm7 vqur1 viqq1 hover:focus:border-transparent sbnko tc0ip dark:bg-neutral-800 dark:hover:border-neutral-700 dark:text-neutral-200 dark:focus:outline-none dark:focus:bg-neutral-700",
"dropdownClasses": "yvhh6 rxg3f w-full n1kdl mu3xt z9rsz vlqzh w56at v869m it6u8 shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] ixhii el1lk my2de peqgl 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 r3twx tm5do w-full vqur1 b7vor cursor-pointer ql6ky v3ki5 sbnko tc0ip dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex encm3 items-center w-full \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"vpbnr fwnpl b7vor 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 onm4j wk9ov -translate-y-1/2 opacity-0 mu88d gkscm">
<svg class="vpbnr fwnpl pykwy 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 eh7as iv41c w-full flex wwu1y i419g b7vor cursor-pointer v869m dpq4d rg6vy v3ki5 u4pm7 vqur1 viqq1 hover:focus:border-transparent sbnko tc0ip dark:bg-neutral-800 dark:hover:border-neutral-700 dark:text-neutral-200 dark:focus:outline-none dark:focus:bg-neutral-700",
"dropdownClasses": "yvhh6 rxg3f w-full n1kdl mu3xt z9rsz vlqzh w56at v869m it6u8 shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] ixhii el1lk my2de peqgl 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 r3twx tm5do w-full vqur1 b7vor cursor-pointer ql6ky v3ki5 sbnko tc0ip dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex encm3 items-center w-full \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"vpbnr fwnpl b7vor 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 onm4j wk9ov -translate-y-1/2 opacity-0 mu88d gkscm">
<svg class="vpbnr fwnpl pykwy 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="dzjy8">
<label class="iq4yf flex q6rsd items-center c0yql vqur1 pykwy dark:text-neutral-500">
<svg class="vpbnr m5z5i" 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="yps74">Reminders:</span>
</label>
</div>
<div class="m7atb relative o9h62 le8vc pn7qd c5n7i x9v1s before:w-[calc(100%-8px)] yb26d e6jkf 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 eh7as iv41c w-full flex wwu1y i419g b7vor cursor-pointer v869m dpq4d rg6vy v3ki5 u4pm7 vqur1 viqq1 hover:focus:border-transparent sbnko tc0ip dark:bg-neutral-800 dark:hover:border-neutral-700 dark:text-neutral-200 dark:focus:outline-none dark:focus:bg-neutral-700",
"dropdownClasses": "yvhh6 rxg3f w-full n1kdl mu3xt z9rsz vlqzh w56at v869m it6u8 shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] ixhii el1lk my2de peqgl 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 r3twx tm5do w-full vqur1 b7vor cursor-pointer ql6ky v3ki5 sbnko tc0ip dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex encm3 items-center w-full \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"vpbnr fwnpl b7vor 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 onm4j wk9ov -translate-y-1/2 opacity-0 mu88d gkscm">
<svg class="vpbnr fwnpl pykwy 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="fo082 flex qsj3b wwu1y">
<div class="mhlpb flex qsj3b items-center ciztt">
<button type="button" class="fuiju tm5do i419g xgqt9 q6rsd items-center u4pm7 v869m dpq4d a11ya b7vor hac7f ivg4u xroga k8i8d a2xg7 e1tdc oekgx z50zr 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="fuiju tm5do i419g xgqt9 q6rsd items-center wwu1y u4pm7 sh5ol dpq4d dbqf7 l6gz8 hac7f ivg4u xroga k8i8d a2xg7 a9sj1 oekgx z50zr sbnko g5wj4 v3p3o dark:focus:ring-blue-500">
Save changes
</button>
</div>
</div>
<!-- End Footer -->
</div>
<!-- End Calendar Edit Event Card -->
<!-- Calendar Edit Event Card -->
<div class="v869m dpq4d a11ya k8i8d it6u8 dark:bg-neutral-800 dark:border-neutral-700">
<!-- Header -->
<div class="v7jym cqbgq flex encm3 items-center x815m dark:border-neutral-700">
<h3 class="ivg4u b7vor dark:text-neutral-200">
Custom recurrence
</h3>
</div>
<!-- End Header -->
<!-- Body -->
<div class="fo082 hij2j">
<div class="cwrq4 p0mag">
<!-- Item -->
<div>
<label for="hs-pro-ccremre" class="wktng block vqur1 pykwy dark:text-neutral-500">
Repeat every:
</label>
<div class="flex items-center wwu1y">
<input id="hs-pro-ccremre" type="text" class="eh7as iv41c block v8j51 qqcm6 rg6vy v3ki5 vqur1 fyx69 upbou rmq2c mryrt oekgx z50zr rahzd jl6q5 cdyuf 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 w-full">
<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 eh7as cmd98 ae3ie w-full flex wwu1y i419g fyx69 cursor-pointer qqcm6 dpq4d rg6vy v3ki5 u4pm7 vqur1 rmq2c hover:focus:border-transparent sbnko rahzd dark:bg-neutral-700 dark:text-neutral-400 dark:focus:outline-none dark:hover:bg-neutral-600 dark:focus:bg-neutral-600",
"dropdownClasses": "yvhh6 rxg3f w-full n1kdl mu3xt z9rsz vlqzh w56at v869m it6u8 shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] ixhii el1lk my2de peqgl 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 r3twx tm5do w-full vqur1 b7vor cursor-pointer ql6ky v3ki5 sbnko tc0ip dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex encm3 items-center w-full \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"vpbnr fwnpl b7vor 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 onm4j wk9ov -translate-y-1/2">
<svg class="vpbnr fwnpl pykwy 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="wktng block vqur1 pykwy dark:text-neutral-500">
Repeats on:
</label>
<div class="flex q2o1p items-center c0yql">
<!-- Checkbox -->
<label for="hs-pro-clcreromo" class="group bwppt flex q6rsd items-center v3ki5 cursor-pointer vqur1 b7vor qqcm6 rmq2c rahzd has-[:checked]:bg-blue-600 has-[:checked]:text-white 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 bwppt flex q6rsd items-center v3ki5 cursor-pointer vqur1 b7vor qqcm6 rmq2c rahzd has-[:checked]:bg-blue-600 has-[:checked]:text-white 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 bwppt flex q6rsd items-center v3ki5 cursor-pointer vqur1 b7vor qqcm6 rmq2c rahzd has-[:checked]:bg-blue-600 has-[:checked]:text-white 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 bwppt flex q6rsd items-center v3ki5 cursor-pointer vqur1 b7vor qqcm6 rmq2c rahzd has-[:checked]:bg-blue-600 has-[:checked]:text-white 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 bwppt flex q6rsd items-center v3ki5 cursor-pointer vqur1 b7vor qqcm6 rmq2c rahzd has-[:checked]:bg-blue-600 has-[:checked]:text-white 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 bwppt flex q6rsd items-center v3ki5 cursor-pointer vqur1 b7vor qqcm6 rmq2c rahzd has-[:checked]:bg-blue-600 has-[:checked]:text-white 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 bwppt flex q6rsd items-center v3ki5 cursor-pointer vqur1 b7vor qqcm6 rmq2c rahzd has-[:checked]:bg-blue-600 has-[:checked]:text-white 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="wktng block vqur1 pykwy dark:text-neutral-500">
Ends:
</label>
<!-- Radio -->
<div class="flex">
<input type="radio" name="hs-pro-clcree" class="vpbnr a11ya a3ufl we6nf eut71 h4g1j oekgx z50zr 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="ps4xk oxyct f0q0d dark:text-neutral-400">Never</label>
</div>
<!-- End Radio -->
<div class="fbpzv flex items-center wwu1y">
<!-- Radio -->
<div class="lxpms flex">
<input type="radio" name="hs-pro-clcree" class="vpbnr a11ya a3ufl we6nf eut71 h4g1j oekgx z50zr 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="ps4xk oxyct f0q0d dark:text-neutral-400">On</label>
</div>
<!-- End Radio -->
<div class="w-full">
<!-- Input -->
<input type="text" class="r3twx iv41c block w-full qqcm6 rg6vy v3ki5 vqur1 fyx69 upbou rmq2c mryrt oekgx z50zr rahzd jl6q5 cdyuf 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="aruu0 flex items-center wwu1y">
<!-- Radio -->
<div class="lxpms flex">
<input type="radio" name="hs-pro-clcree" class="vpbnr a11ya a3ufl we6nf eut71 h4g1j oekgx z50zr 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="ps4xk oxyct f0q0d dark:text-neutral-400">After</label>
</div>
<!-- End Radio -->
<div class="w-full flex items-center wwu1y">
<!-- Input -->
<input type="text" class="r3twx iv41c block v8j51 qqcm6 rg6vy v3ki5 vqur1 fyx69 upbou rmq2c mryrt oekgx z50zr rahzd jl6q5 cdyuf 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="ps4xk pykwy dark:text-neutral-500">Times</span>
</div>
</div>
</div>
<!-- End Item -->
</div>
</div>
<!-- End Body -->
<!-- Footer -->
<div class="fuiju cqbgq o0jom a11ya dark:border-neutral-700">
<div class="mhlpb flex qsj3b items-center ciztt">
<button type="button" class="fuiju tm5do i419g xgqt9 q6rsd items-center u4pm7 v869m dpq4d a11ya b7vor ps4xk ivg4u xroga k8i8d a2xg7 e1tdc oekgx z50zr 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="fuiju tm5do i419g xgqt9 q6rsd items-center wwu1y u4pm7 sh5ol dpq4d dbqf7 l6gz8 ps4xk ivg4u xroga k8i8d a2xg7 a9sj1 oekgx z50zr sbnko g5wj4 v3p3o dark:focus:ring-blue-500">
Save
</button>
</div>
</div>
<!-- End Footer -->
</div>
<!-- End Calendar Edit Event Card -->
<!-- Add Discount Modal -->
<div class="v869m dpq4d jujtl k8i8d it6u8 dark:bg-stone-800 dark:border-stone-700">
<!-- Header -->
<div class="yxmdd cqbgq flex encm3 items-center x815m jujtl dark:border-neutral-700">
<h3 id="hs-pro-edmad-label" class="u2ysm dt7pj dark:text-neutral-200">
Add discount
</h3>
</div>
<!-- End Header -->
<!-- Body -->
<div class="w56at ixhii el1lk awp0n xfqs6 dark:[&::-webkit-scrollbar-track]:bg-stone-700 dark:[&::-webkit-scrollbar-thumb]:bg-stone-500">
<div class="fo082 ia4l2">
<!-- Input -->
<div>
<label for="hs-pro-eadmnm" class="block pqyx6 hac7f ivg4u dt7pj dark:text-white">
Name
</label>
<input type="text" id="hs-pro-eadmnm" class="v7jym tm5do block w-full jujtl xroga hac7f ufdcf xwans xg1cl oekgx z50zr dark:bg-transparent dark:border-neutral-700 dark:text-neutral-300 dark:placeholder:text-white/60 dark:focus:ring-neutral-600">
<p class="gaz0n ps4xk vej1k dark:text-neutral-500">
This will appear gbx61 your customer’s invoice.
</p>
</div>
<!-- End Input -->
<!-- Input -->
<div>
<label for="hs-pro-eadmcd" class="block pqyx6 hac7f ivg4u dt7pj dark:text-white">
Code
</label>
<div class="relative">
<input type="text" id="hs-pro-eadmcd" class="v7jym tm5do dpntc block w-full jujtl xroga hac7f ufdcf xwans xg1cl oekgx z50zr 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 rezcy s0ojd flex items-center zfk0a tm5do cursor-pointer mms1j uyp4j sbnko ctzhm dark:text-neutral-600 dark:focus:text-neutral-500">
<svg class="vpbnr m5z5i" 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 s934k hidden mbr14 nsoag r3twx iv41c c16me ps4xk ivg4u l6gz8 xroga k8i8d dark:bg-neutral-700" role="tooltip">
Generate code
</span>
</button>
</div>
<p class="gaz0n ps4xk vej1k 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 pqyx6 hac7f ivg4u dt7pj dark:text-neutral-200">
Amount
</label>
<div class="relative w-full">
<input id="hs-pro-eadmam" type="text" class="fuiju tm5do block w-full jujtl xroga hac7f dt7pj mow9x hjrzy kjmk4 dark:bg-transparent dark:border-neutral-700 dark:text-neutral-200 dark:placeholder:text-neutral-500 dark:focus:outline-none dark:focus:ring-1 dark:focus:ring-neutral-600" value="10">
<div class="absolute rezcy s0ojd flex items-center jdg3u mms1j">
<!-- 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 eh7as rc0sp xgqt9 vpbnr q6rsd items-center x60sp ps4xk dt7pj xroga bcacf sbnko s6nmp pn7qd bhpwi u6glr dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700",
"dropdownClasses": "s0ojd yvhh6 mu3xt rxg3f mmih0 z9rsz v869m it6u8 shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] dark:bg-neutral-950",
"optionClasses": "hs-selected:bg-stone-100 dark:hs-selected:bg-neutral-800 eh7as iv41c w-full ps4xk dt7pj xroga cursor-pointer bcacf xroga sbnko s6nmp dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex encm3 items-center w-full \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"vpbnr fwnpl dt7pj 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="cwrq4 bg6xe yru4d">
<div>
<label class="block pqyx6 hac7f ivg4u dt7pj dark:text-neutral-200">
Start date
</label>
<!-- Calendar Dropdown -->
<div class="hs-dropdown xgqt9 [--auto-close:inside] w-full">
<button id="hs-pro-eadmsd" type="button" class="fuiju rc0sp w-full flex items-center x60sp hac7f xroga dpq4d jujtl dt7pj oekgx z50zr sbnko g5wj4 kjmk4 hjrzy 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="vpbnr fwnpl ut6p6" 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 h9d1v transition-[opacity,margin] duration opacity-0 hidden rxg3f v869m it6u8 shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] dark:shadow-[0_10px_40px_10px_rgba(0,0,0,0.2)] dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-eadmsd">
<!-- Calendar -->
<div class="bjlw2 z9rsz">
<!-- Months -->
<div class="cwrq4 c6gnq items-center clmee pqxmy b4788">
<!-- Prev Button -->
<div class="dzjy8">
<button type="button" class="rj4tp flex q6rsd items-center dt7pj bcacf a3ufl oekgx z50zr sbnko s6nmp dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-label="Previous">
<svg class="vpbnr m5z5i" 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="pgvne flex q6rsd items-center c0yql">
<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 i419g w-full cursor-pointer u4pm7 ivg4u dt7pj flw5b sbnko ckojr pn7qd bhpwi u6glr dark:text-neutral-200 dark:hover:text-neutral-300 dark:focus:text-neutral-300",
"dropdownClasses": "yvhh6 rxg3f ob8c3 lt268 mu3xt z9rsz v869m dpq4d jujtl xroga dqyik vlqzh w56at ixhii el1lk awp0n xfqs6 dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900 dark:border-neutral-700",
"optionClasses": "z1r3e w-full hac7f dt7pj cursor-pointer bcacf xroga sbnko s6nmp dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex encm3 items-center w-full \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"vpbnr fwnpl dt7pj 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="dt7pj 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 i419g w-full cursor-pointer u4pm7 ivg4u dt7pj flw5b sbnko ckojr pn7qd bhpwi u6glr dark:text-neutral-200 dark:hover:text-neutral-300 dark:focus:text-neutral-300",
"dropdownClasses": "yvhh6 rxg3f lxpms lt268 mu3xt z9rsz v869m dpq4d jujtl xroga dqyik vlqzh w56at ixhii el1lk awp0n xfqs6 dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900 dark:border-neutral-700",
"optionClasses": "z1r3e w-full hac7f dt7pj cursor-pointer bcacf xroga sbnko s6nmp dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex encm3 items-center w-full \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"vpbnr fwnpl dt7pj 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="dzjy8 flex qsj3b">
<button type="button" class=" rj4tp flex q6rsd items-center dt7pj bcacf a3ufl oekgx z50zr sbnko s6nmp dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-label="Next">
<svg class="vpbnr m5z5i" 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 vskbb">
<span class="ms6qs ftepz block bx4k9 hac7f vej1k dark:text-neutral-500">
Mo
</span>
<span class="ms6qs ftepz block bx4k9 hac7f vej1k dark:text-neutral-500">
Tu
</span>
<span class="ms6qs ftepz block bx4k9 hac7f vej1k dark:text-neutral-500">
We
</span>
<span class="ms6qs ftepz block bx4k9 hac7f vej1k dark:text-neutral-500">
Th
</span>
<span class="ms6qs ftepz block bx4k9 hac7f vej1k dark:text-neutral-500">
Fr
</span>
<span class="ms6qs ftepz block bx4k9 hac7f vej1k dark:text-neutral-500">
Sa
</span>
<span class="ms6qs ftepz block bx4k9 hac7f vej1k dark:text-neutral-500">
Su
</span>
</div>
<!-- Weeks -->
<!-- Days -->
<div class="flex">
<div>
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f dt7pj a3ufl vtn4l r8d8u oekgx z50zr sbnko hjrzy ctzhm dark:text-neutral-200" disabled>
26
</button>
</div>
<div>
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f dt7pj a3ufl vtn4l r8d8u oekgx z50zr sbnko hjrzy ctzhm dark:text-neutral-200" disabled>
27
</button>
</div>
<div>
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f dt7pj a3ufl vtn4l r8d8u oekgx z50zr sbnko hjrzy ctzhm dark:text-neutral-200" disabled>
28
</button>
</div>
<div>
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f dt7pj a3ufl vtn4l r8d8u oekgx z50zr sbnko hjrzy ctzhm dark:text-neutral-200" disabled>
29
</button>
</div>
<div>
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f dt7pj a3ufl vtn4l r8d8u oekgx z50zr sbnko hjrzy ctzhm dark:text-neutral-200" disabled>
30
</button>
</div>
<div>
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f dt7pj a3ufl vtn4l r8d8u oekgx z50zr sbnko hjrzy ctzhm dark:text-neutral-200">
1
</button>
</div>
<div>
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f dt7pj a3ufl vtn4l r8d8u oekgx z50zr sbnko hjrzy ctzhm dark:text-neutral-200">
2
</button>
</div>
</div>
<!-- Days -->
<!-- Days -->
<div class="flex">
<div>
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f dt7pj a3ufl vtn4l r8d8u oekgx z50zr sbnko hjrzy ctzhm dark:text-neutral-200">
3
</button>
</div>
<div>
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f dt7pj a3ufl vtn4l r8d8u oekgx z50zr sbnko hjrzy ctzhm dark:text-neutral-200">
4
</button>
</div>
<div >
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f dt7pj a3ufl vtn4l r8d8u oekgx z50zr sbnko hjrzy ctzhm dark:text-neutral-200">
5
</button>
</div>
<div >
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f dt7pj a3ufl vtn4l r8d8u oekgx z50zr sbnko hjrzy ctzhm dark:text-neutral-200">
6
</button>
</div>
<div >
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f dt7pj a3ufl vtn4l r8d8u oekgx z50zr sbnko hjrzy ctzhm dark:text-neutral-200">
7
</button>
</div>
<div >
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f dt7pj a3ufl vtn4l r8d8u oekgx z50zr sbnko hjrzy ctzhm dark:text-neutral-200">
8
</button>
</div>
<div >
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f dt7pj a3ufl vtn4l r8d8u oekgx z50zr sbnko hjrzy ctzhm dark:text-neutral-200">
9
</button>
</div>
</div>
<!-- Days -->
<!-- Days -->
<div class="flex">
<div >
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f dt7pj a3ufl vtn4l r8d8u oekgx z50zr sbnko hjrzy ctzhm dark:text-neutral-200">
10
</button>
</div>
<div >
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f dt7pj a3ufl vtn4l r8d8u oekgx z50zr sbnko hjrzy ctzhm dark:text-neutral-200">
11
</button>
</div>
<div >
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f dt7pj a3ufl vtn4l r8d8u oekgx z50zr sbnko hjrzy ctzhm dark:text-neutral-200">
12
</button>
</div>
<div>
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f dt7pj a3ufl vtn4l r8d8u oekgx z50zr sbnko hjrzy ctzhm dark:text-neutral-200">
13
</button>
</div>
<div>
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f dt7pj a3ufl vtn4l r8d8u oekgx z50zr sbnko hjrzy ctzhm dark:text-neutral-200">
14
</button>
</div>
<div>
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f dt7pj a3ufl vtn4l r8d8u oekgx z50zr sbnko hjrzy ctzhm dark:text-neutral-200">
15
</button>
</div>
<div>
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f dt7pj a3ufl vtn4l r8d8u oekgx z50zr sbnko hjrzy ctzhm dark:text-neutral-200">
16
</button>
</div>
</div>
<!-- Days -->
<!-- Days -->
<div class="flex">
<div>
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f dt7pj a3ufl vtn4l r8d8u oekgx z50zr sbnko hjrzy ctzhm dark:text-neutral-200">
17
</button>
</div>
<div>
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f dt7pj a3ufl vtn4l r8d8u oekgx z50zr sbnko hjrzy ctzhm dark:text-neutral-200">
18
</button>
</div>
<div>
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f dt7pj a3ufl vtn4l r8d8u oekgx z50zr sbnko hjrzy ctzhm dark:text-neutral-200">
19
</button>
</div>
<div>
<button type="button" class="ms6qs itj8b flex q6rsd items-center tb9mu dpq4d rg6vy hac7f ivg4u l6gz8 vtn4l a3ufl dark:bg-green-500 oekgx z50zr sbnko s6nmp dark:hover:border-neutral-700">
20
</button>
</div>
<div>
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f dt7pj a3ufl vtn4l r8d8u oekgx z50zr sbnko hjrzy ctzhm dark:text-neutral-200">
21
</button>
</div>
<div>
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f dt7pj a3ufl vtn4l r8d8u oekgx z50zr sbnko hjrzy ctzhm dark:text-neutral-200">
22
</button>
</div>
<div>
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f dt7pj a3ufl vtn4l r8d8u oekgx z50zr sbnko hjrzy ctzhm dark:text-neutral-200">
23
</button>
</div>
</div>
<!-- Days -->
<!-- Days -->
<div class="flex">
<div>
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f dt7pj a3ufl vtn4l r8d8u oekgx z50zr sbnko hjrzy ctzhm dark:text-neutral-200">
24
</button>
</div>
<div >
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f dt7pj a3ufl vtn4l r8d8u oekgx z50zr sbnko hjrzy ctzhm dark:text-neutral-200">
25
</button>
</div>
<div >
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f dt7pj a3ufl vtn4l r8d8u oekgx z50zr sbnko hjrzy ctzhm dark:text-neutral-200">
26
</button>
</div>
<div >
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f dt7pj a3ufl vtn4l r8d8u oekgx z50zr sbnko hjrzy ctzhm dark:text-neutral-200">
27
</button>
</div>
<div >
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f dt7pj a3ufl vtn4l r8d8u oekgx z50zr sbnko hjrzy ctzhm dark:text-neutral-200">
28
</button>
</div>
<div >
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f dt7pj a3ufl vtn4l r8d8u oekgx z50zr sbnko hjrzy ctzhm dark:text-neutral-200">
29
</button>
</div>
<div >
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f dt7pj a3ufl vtn4l r8d8u oekgx z50zr sbnko hjrzy ctzhm dark:text-neutral-200">
30
</button>
</div>
</div>
<!-- Days -->
<!-- Days -->
<div class="flex">
<div >
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f dt7pj a3ufl vtn4l r8d8u oekgx z50zr sbnko hjrzy ctzhm dark:text-neutral-200">
31
</button>
</div>
<div >
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f dt7pj vtn4l r8d8u a3ufl oekgx z50zr sbnko s6nmp dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
1
</button>
</div>
<div>
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f dt7pj vtn4l r8d8u a3ufl oekgx z50zr sbnko s6nmp dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
2
</button>
</div>
<div>
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f dt7pj vtn4l r8d8u a3ufl oekgx z50zr sbnko s6nmp dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
3
</button>
</div>
<div>
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f dt7pj vtn4l r8d8u a3ufl oekgx z50zr sbnko s6nmp dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
4
</button>
</div>
<div>
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f dt7pj vtn4l r8d8u a3ufl oekgx z50zr sbnko s6nmp dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
5
</button>
</div>
<div>
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f dt7pj vtn4l r8d8u a3ufl oekgx z50zr sbnko s6nmp dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
6
</button>
</div>
</div>
<!-- Days -->
<!-- Button Group -->
<div class="ucsx3 flex qsj3b wwu1y">
<button type="button" class="fuiju tm5do xgqt9 items-center wwu1y ps4xk ivg4u xroga dpq4d jujtl v869m dt7pj k8i8d ze1zv oekgx z50zr sbnko pfxy3 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="fuiju tm5do w-full xgqt9 q6rsd items-center wwu1y ps4xk ivg4u xroga dpq4d rg6vy tb9mu l6gz8 rj5wx oekgx z50zr sbnko dwtnn xg1cl" 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 pqyx6 hac7f ivg4u dt7pj dark:text-neutral-200">
End date
</label>
<!-- Calendar Dropdown -->
<div class="hs-dropdown xgqt9 [--auto-close:inside] [--placement:top-right] w-full">
<button id="hs-pro-eadmed" type="button" class="fuiju rc0sp w-full flex items-center x60sp hac7f xroga dpq4d jujtl dt7pj oekgx z50zr sbnko g5wj4 kjmk4 hjrzy 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="vpbnr fwnpl ut6p6" 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 h9d1v transition-[opacity,margin] duration opacity-0 hidden rxg3f v869m it6u8 shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] dark:shadow-[0_10px_40px_10px_rgba(0,0,0,0.2)] dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-eadmed">
<!-- Calendar -->
<div class="bjlw2 z9rsz">
<!-- Months -->
<div class="cwrq4 c6gnq items-center clmee pqxmy b4788">
<!-- Prev Button -->
<div class="dzjy8">
<button type="button" class="rj4tp flex q6rsd items-center dt7pj bcacf a3ufl oekgx z50zr sbnko s6nmp dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-label="Previous">
<svg class="vpbnr m5z5i" 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="pgvne flex q6rsd items-center c0yql">
<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 i419g w-full cursor-pointer u4pm7 ivg4u dt7pj flw5b sbnko ckojr pn7qd bhpwi u6glr dark:text-neutral-200 dark:hover:text-neutral-300 dark:focus:text-neutral-300",
"dropdownClasses": "yvhh6 rxg3f ob8c3 lt268 mu3xt z9rsz v869m dpq4d jujtl xroga dqyik vlqzh w56at ixhii el1lk awp0n xfqs6 dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900 dark:border-neutral-700",
"optionClasses": "z1r3e w-full hac7f dt7pj cursor-pointer bcacf xroga sbnko s6nmp dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex encm3 items-center w-full \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"vpbnr fwnpl dt7pj 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="dt7pj 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 i419g w-full cursor-pointer u4pm7 ivg4u dt7pj flw5b sbnko ckojr pn7qd bhpwi u6glr dark:text-neutral-200 dark:hover:text-neutral-300 dark:focus:text-neutral-300",
"dropdownClasses": "yvhh6 rxg3f lxpms lt268 mu3xt z9rsz v869m dpq4d jujtl xroga dqyik vlqzh w56at ixhii el1lk awp0n xfqs6 dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900 dark:border-neutral-700",
"optionClasses": "z1r3e w-full hac7f dt7pj cursor-pointer bcacf xroga sbnko s6nmp dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex encm3 items-center w-full \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"vpbnr fwnpl dt7pj 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="dzjy8 flex qsj3b">
<button type="button" class=" rj4tp flex q6rsd items-center dt7pj bcacf a3ufl oekgx z50zr sbnko s6nmp dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-label="Next">
<svg class="vpbnr m5z5i" 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 vskbb">
<span class="ms6qs ftepz block bx4k9 hac7f vej1k dark:text-neutral-500">
Mo
</span>
<span class="ms6qs ftepz block bx4k9 hac7f vej1k dark:text-neutral-500">
Tu
</span>
<span class="ms6qs ftepz block bx4k9 hac7f vej1k dark:text-neutral-500">
We
</span>
<span class="ms6qs ftepz block bx4k9 hac7f vej1k dark:text-neutral-500">
Th
</span>
<span class="ms6qs ftepz block bx4k9 hac7f vej1k dark:text-neutral-500">
Fr
</span>
<span class="ms6qs ftepz block bx4k9 hac7f vej1k dark:text-neutral-500">
Sa
</span>
<span class="ms6qs ftepz block bx4k9 hac7f vej1k dark:text-neutral-500">
Su
</span>
</div>
<!-- Weeks -->
<!-- Days -->
<div class="flex">
<div>
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f dt7pj a3ufl vtn4l r8d8u oekgx z50zr sbnko hjrzy ctzhm dark:text-neutral-200" disabled>
26
</button>
</div>
<div>
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f dt7pj a3ufl vtn4l r8d8u oekgx z50zr sbnko hjrzy ctzhm dark:text-neutral-200" disabled>
27
</button>
</div>
<div>
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f dt7pj a3ufl vtn4l r8d8u oekgx z50zr sbnko hjrzy ctzhm dark:text-neutral-200" disabled>
28
</button>
</div>
<div>
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f dt7pj a3ufl vtn4l r8d8u oekgx z50zr sbnko hjrzy ctzhm dark:text-neutral-200" disabled>
29
</button>
</div>
<div>
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f dt7pj a3ufl vtn4l r8d8u oekgx z50zr sbnko hjrzy ctzhm dark:text-neutral-200" disabled>
30
</button>
</div>
<div>
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f dt7pj a3ufl vtn4l r8d8u oekgx z50zr sbnko hjrzy ctzhm dark:text-neutral-200">
1
</button>
</div>
<div>
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f dt7pj a3ufl vtn4l r8d8u oekgx z50zr sbnko hjrzy ctzhm dark:text-neutral-200">
2
</button>
</div>
</div>
<!-- Days -->
<!-- Days -->
<div class="flex">
<div>
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f dt7pj a3ufl vtn4l r8d8u oekgx z50zr sbnko hjrzy ctzhm dark:text-neutral-200">
3
</button>
</div>
<div>
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f dt7pj a3ufl vtn4l r8d8u oekgx z50zr sbnko hjrzy ctzhm dark:text-neutral-200">
4
</button>
</div>
<div >
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f dt7pj a3ufl vtn4l r8d8u oekgx z50zr sbnko hjrzy ctzhm dark:text-neutral-200">
5
</button>
</div>
<div >
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f dt7pj a3ufl vtn4l r8d8u oekgx z50zr sbnko hjrzy ctzhm dark:text-neutral-200">
6
</button>
</div>
<div >
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f dt7pj a3ufl vtn4l r8d8u oekgx z50zr sbnko hjrzy ctzhm dark:text-neutral-200">
7
</button>
</div>
<div >
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f dt7pj a3ufl vtn4l r8d8u oekgx z50zr sbnko hjrzy ctzhm dark:text-neutral-200">
8
</button>
</div>
<div >
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f dt7pj a3ufl vtn4l r8d8u oekgx z50zr sbnko hjrzy ctzhm dark:text-neutral-200">
9
</button>
</div>
</div>
<!-- Days -->
<!-- Days -->
<div class="flex">
<div >
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f dt7pj a3ufl vtn4l r8d8u oekgx z50zr sbnko hjrzy ctzhm dark:text-neutral-200">
10
</button>
</div>
<div >
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f dt7pj a3ufl vtn4l r8d8u oekgx z50zr sbnko hjrzy ctzhm dark:text-neutral-200">
11
</button>
</div>
<div >
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f dt7pj a3ufl vtn4l r8d8u oekgx z50zr sbnko hjrzy ctzhm dark:text-neutral-200">
12
</button>
</div>
<div>
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f dt7pj a3ufl vtn4l r8d8u oekgx z50zr sbnko hjrzy ctzhm dark:text-neutral-200">
13
</button>
</div>
<div>
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f dt7pj a3ufl vtn4l r8d8u oekgx z50zr sbnko hjrzy ctzhm dark:text-neutral-200">
14
</button>
</div>
<div>
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f dt7pj a3ufl vtn4l r8d8u oekgx z50zr sbnko hjrzy ctzhm dark:text-neutral-200">
15
</button>
</div>
<div>
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f dt7pj a3ufl vtn4l r8d8u oekgx z50zr sbnko hjrzy ctzhm dark:text-neutral-200">
16
</button>
</div>
</div>
<!-- Days -->
<!-- Days -->
<div class="flex">
<div>
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f dt7pj a3ufl vtn4l r8d8u oekgx z50zr sbnko hjrzy ctzhm dark:text-neutral-200">
17
</button>
</div>
<div>
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f dt7pj a3ufl vtn4l r8d8u oekgx z50zr sbnko hjrzy ctzhm dark:text-neutral-200">
18
</button>
</div>
<div>
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f dt7pj a3ufl vtn4l r8d8u oekgx z50zr sbnko hjrzy ctzhm dark:text-neutral-200">
19
</button>
</div>
<div>
<button type="button" class="ms6qs itj8b flex q6rsd items-center tb9mu dpq4d rg6vy hac7f ivg4u l6gz8 vtn4l a3ufl dark:bg-green-500 oekgx z50zr sbnko s6nmp dark:hover:border-neutral-700">
20
</button>
</div>
<div>
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f dt7pj a3ufl vtn4l r8d8u oekgx z50zr sbnko hjrzy ctzhm dark:text-neutral-200">
21
</button>
</div>
<div>
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f dt7pj a3ufl vtn4l r8d8u oekgx z50zr sbnko hjrzy ctzhm dark:text-neutral-200">
22
</button>
</div>
<div>
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f dt7pj a3ufl vtn4l r8d8u oekgx z50zr sbnko hjrzy ctzhm dark:text-neutral-200">
23
</button>
</div>
</div>
<!-- Days -->
<!-- Days -->
<div class="flex">
<div>
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f dt7pj a3ufl vtn4l r8d8u oekgx z50zr sbnko hjrzy ctzhm dark:text-neutral-200">
24
</button>
</div>
<div >
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f dt7pj a3ufl vtn4l r8d8u oekgx z50zr sbnko hjrzy ctzhm dark:text-neutral-200">
25
</button>
</div>
<div >
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f dt7pj a3ufl vtn4l r8d8u oekgx z50zr sbnko hjrzy ctzhm dark:text-neutral-200">
26
</button>
</div>
<div >
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f dt7pj a3ufl vtn4l r8d8u oekgx z50zr sbnko hjrzy ctzhm dark:text-neutral-200">
27
</button>
</div>
<div >
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f dt7pj a3ufl vtn4l r8d8u oekgx z50zr sbnko hjrzy ctzhm dark:text-neutral-200">
28
</button>
</div>
<div >
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f dt7pj a3ufl vtn4l r8d8u oekgx z50zr sbnko hjrzy ctzhm dark:text-neutral-200">
29
</button>
</div>
<div >
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f dt7pj a3ufl vtn4l r8d8u oekgx z50zr sbnko hjrzy ctzhm dark:text-neutral-200">
30
</button>
</div>
</div>
<!-- Days -->
<!-- Days -->
<div class="flex">
<div >
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f dt7pj a3ufl vtn4l r8d8u oekgx z50zr sbnko hjrzy ctzhm dark:text-neutral-200">
31
</button>
</div>
<div >
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f dt7pj vtn4l r8d8u a3ufl oekgx z50zr sbnko s6nmp dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
1
</button>
</div>
<div>
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f dt7pj vtn4l r8d8u a3ufl oekgx z50zr sbnko s6nmp dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
2
</button>
</div>
<div>
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f dt7pj vtn4l r8d8u a3ufl oekgx z50zr sbnko s6nmp dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
3
</button>
</div>
<div>
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f dt7pj vtn4l r8d8u a3ufl oekgx z50zr sbnko s6nmp dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
4
</button>
</div>
<div>
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f dt7pj vtn4l r8d8u a3ufl oekgx z50zr sbnko s6nmp dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
5
</button>
</div>
<div>
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f dt7pj vtn4l r8d8u a3ufl oekgx z50zr sbnko s6nmp dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
6
</button>
</div>
</div>
<!-- Days -->
<!-- Button Group -->
<div class="ucsx3 flex qsj3b wwu1y">
<button type="button" class="fuiju tm5do xgqt9 items-center wwu1y ps4xk ivg4u xroga dpq4d jujtl v869m dt7pj k8i8d ze1zv oekgx z50zr sbnko pfxy3 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="fuiju tm5do w-full xgqt9 q6rsd items-center wwu1y ps4xk ivg4u xroga dpq4d rg6vy tb9mu l6gz8 rj5wx oekgx z50zr sbnko dwtnn xg1cl" 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 pqyx6 hac7f ivg4u dt7pj dark:text-white">
Limit the hrp0m of redemptions?
</label>
<input type="text" id="hs-pro-eadmln" class="v7jym tm5do block w-full jujtl xroga hac7f ufdcf xwans xg1cl oekgx z50zr 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="gaz0n ps4xk vej1k dark:text-neutral-500">
Limit applies across all customers, not per customer.
</p>
</div>
<!-- End Input -->
</div>
</div>
<!-- End Body -->
<!-- Footer -->
<div class="fo082 flex qsj3b wwu1y">
<div class="w-full flex qsj3b items-center wwu1y">
<button type="button" class="fuiju tm5do xgqt9 q6rsd items-center u4pm7 v869m dpq4d a11ya b7vor hac7f ivg4u xroga k8i8d a2xg7 e1tdc oekgx z50zr 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="fuiju tm5do xgqt9 q6rsd items-center wwu1y u4pm7 tb9mu dpq4d i8uc6 l6gz8 hac7f ivg4u xroga k8i8d a2xg7 rj5wx oekgx z50zr sbnko g5wj4 rl1d3 dark:focus:ring-green-500">
Publish discount
</button>
</div>
</div>
<!-- End Footer -->
</div>
<!-- End Add Discount Modal -->
<!-- User Profile Create Event Card -->
<div class="v869m dpq4d a11ya k8i8d it6u8 dark:bg-neutral-800 dark:border-neutral-700">
<!-- Header -->
<div class="v7jym cqbgq flex encm3 items-center x815m dark:border-neutral-700">
<h3 class="ivg4u b7vor dark:text-neutral-200">
Create event
</h3>
</div>
<!-- End Header -->
<!-- Body -->
<div class="fo082 ia4l2 ">
<div class="nws9a">
<label for="hs-pro-daemtt" class="block pqyx6 hac7f ivg4u b7vor dark:text-neutral-200">
Title
</label>
<input id="hs-pro-daemtt" type="text" class="fuiju tm5do block w-full a11ya xroga hac7f mryrt yjgee pnxyx oekgx z50zr 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="nws9a">
<label class="block pqyx6 hac7f ivg4u b7vor dark:text-neutral-200">
Date & Time
</label>
<!-- Form Group -->
<div class="flex dr3q9 uzj8e fkm9y mr4ks dkjki flcwc">
<!-- Calendar Dropdown -->
<div class="hs-dropdown [--auto-close:inside] xgqt9 w-full">
<button id="hs-pro-daemnic" type="button" class="fuiju tm5do w-full u4pm7 xgqt9 encm3 items-center dpq4d a11ya oxyct hac7f xroga a2xg7 sbnko dwtnn pnxyx oekgx z50zr dark:border-neutral-700 dark:text-neutral-500" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
July 29, 2023
<svg class="vpbnr f0q0d cp61q" 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 h9d1v transition-[opacity,margin] duration opacity-0 hidden rxg3f v869m it6u8 shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] dark:shadow-[0_10px_40px_10px_rgba(0,0,0,0.2)] dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-daemnic">
<!-- Calendar -->
<div class="bjlw2 z9rsz">
<!-- Months -->
<div class="cwrq4 c6gnq items-center clmee pqxmy b4788">
<!-- Prev Button -->
<div class="dzjy8">
<button type="button" class="rj4tp flex q6rsd items-center b7vor ql6ky a3ufl oekgx z50zr sbnko tc0ip dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-label="Previous">
<svg class="vpbnr m5z5i" 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="pgvne flex q6rsd items-center c0yql">
<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 i419g w-full cursor-pointer u4pm7 ivg4u b7vor k7eco sbnko uweqs pn7qd bhpwi u6glr dark:text-neutral-200 dark:hover:text-blue-500 dark:focus:text-blue-500",
"dropdownClasses": "yvhh6 rxg3f ob8c3 lt268 mu3xt z9rsz v869m dpq4d a11ya xroga dqyik vlqzh w56at ixhii el1lk my2de peqgl dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900 dark:border-neutral-700",
"optionClasses": "z1r3e w-full hac7f b7vor cursor-pointer ql6ky xroga sbnko tc0ip dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex encm3 items-center w-full \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"vpbnr fwnpl b7vor 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="b7vor 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 i419g w-full cursor-pointer u4pm7 ivg4u b7vor k7eco sbnko uweqs pn7qd bhpwi u6glr dark:text-neutral-200 dark:hover:text-blue-500 dark:focus:text-blue-500",
"dropdownClasses": "yvhh6 rxg3f lxpms lt268 mu3xt z9rsz v869m dpq4d a11ya xroga dqyik vlqzh w56at ixhii el1lk my2de peqgl dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900 dark:border-neutral-700",
"optionClasses": "z1r3e w-full hac7f b7vor cursor-pointer ql6ky xroga sbnko tc0ip dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex encm3 items-center w-full \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"vpbnr fwnpl b7vor 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="dzjy8 flex qsj3b">
<button type="button" class=" rj4tp flex q6rsd items-center b7vor ql6ky a3ufl oekgx z50zr sbnko tc0ip dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-label="Next">
<svg class="vpbnr m5z5i" 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 vskbb">
<span class="ms6qs ftepz block bx4k9 hac7f oxyct dark:text-neutral-500">
Mo
</span>
<span class="ms6qs ftepz block bx4k9 hac7f oxyct dark:text-neutral-500">
Tu
</span>
<span class="ms6qs ftepz block bx4k9 hac7f oxyct dark:text-neutral-500">
We
</span>
<span class="ms6qs ftepz block bx4k9 hac7f oxyct dark:text-neutral-500">
Th
</span>
<span class="ms6qs ftepz block bx4k9 hac7f oxyct dark:text-neutral-500">
Fr
</span>
<span class="ms6qs ftepz block bx4k9 hac7f oxyct dark:text-neutral-500">
Sa
</span>
<span class="ms6qs ftepz block bx4k9 hac7f oxyct dark:text-neutral-500">
Su
</span>
</div>
<!-- Weeks -->
<!-- Days -->
<div class="flex">
<div>
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f b7vor a3ufl l09cu k7eco oekgx z50zr sbnko ragoe uweqs dark:text-neutral-200" disabled>
26
</button>
</div>
<div>
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f b7vor a3ufl l09cu k7eco oekgx z50zr sbnko ragoe uweqs dark:text-neutral-200" disabled>
27
</button>
</div>
<div>
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f b7vor a3ufl l09cu k7eco oekgx z50zr sbnko ragoe uweqs dark:text-neutral-200" disabled>
28
</button>
</div>
<div>
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f b7vor a3ufl l09cu k7eco oekgx z50zr sbnko ragoe uweqs dark:text-neutral-200" disabled>
29
</button>
</div>
<div>
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f b7vor a3ufl l09cu k7eco oekgx z50zr sbnko ragoe uweqs dark:text-neutral-200" disabled>
30
</button>
</div>
<div>
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f b7vor a3ufl l09cu k7eco oekgx z50zr sbnko ragoe uweqs dark:text-neutral-200">
1
</button>
</div>
<div>
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f b7vor a3ufl l09cu k7eco oekgx z50zr sbnko ragoe uweqs dark:text-neutral-200">
2
</button>
</div>
</div>
<!-- Days -->
<!-- Days -->
<div class="flex">
<div>
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f b7vor a3ufl l09cu k7eco oekgx z50zr sbnko ragoe uweqs dark:text-neutral-200">
3
</button>
</div>
<div>
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f b7vor a3ufl l09cu k7eco oekgx z50zr sbnko ragoe uweqs dark:text-neutral-200">
4
</button>
</div>
<div >
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f b7vor a3ufl l09cu k7eco oekgx z50zr sbnko ragoe uweqs dark:text-neutral-200">
5
</button>
</div>
<div >
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f b7vor a3ufl l09cu k7eco oekgx z50zr sbnko ragoe uweqs dark:text-neutral-200">
6
</button>
</div>
<div >
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f b7vor a3ufl l09cu k7eco oekgx z50zr sbnko ragoe uweqs dark:text-neutral-200">
7
</button>
</div>
<div >
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f b7vor a3ufl l09cu k7eco oekgx z50zr sbnko ragoe uweqs dark:text-neutral-200">
8
</button>
</div>
<div >
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f b7vor a3ufl l09cu k7eco oekgx z50zr sbnko ragoe uweqs dark:text-neutral-200">
9
</button>
</div>
</div>
<!-- Days -->
<!-- Days -->
<div class="flex">
<div >
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f b7vor a3ufl l09cu k7eco oekgx z50zr sbnko ragoe uweqs dark:text-neutral-200">
10
</button>
</div>
<div >
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f b7vor a3ufl l09cu k7eco oekgx z50zr sbnko ragoe uweqs dark:text-neutral-200">
11
</button>
</div>
<div >
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f b7vor a3ufl l09cu k7eco oekgx z50zr sbnko ragoe uweqs dark:text-neutral-200">
12
</button>
</div>
<div>
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f b7vor a3ufl l09cu k7eco oekgx z50zr sbnko ragoe uweqs dark:text-neutral-200">
13
</button>
</div>
<div>
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f b7vor a3ufl l09cu k7eco oekgx z50zr sbnko ragoe uweqs dark:text-neutral-200">
14
</button>
</div>
<div>
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f b7vor a3ufl l09cu k7eco oekgx z50zr sbnko ragoe uweqs dark:text-neutral-200">
15
</button>
</div>
<div>
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f b7vor a3ufl l09cu k7eco oekgx z50zr sbnko ragoe uweqs dark:text-neutral-200">
16
</button>
</div>
</div>
<!-- Days -->
<!-- Days -->
<div class="flex">
<div>
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f b7vor a3ufl l09cu k7eco oekgx z50zr sbnko ragoe uweqs dark:text-neutral-200">
17
</button>
</div>
<div>
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f b7vor a3ufl l09cu k7eco oekgx z50zr sbnko ragoe uweqs dark:text-neutral-200">
18
</button>
</div>
<div>
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f b7vor a3ufl l09cu k7eco oekgx z50zr sbnko ragoe uweqs dark:text-neutral-200">
19
</button>
</div>
<div>
<button type="button" class="ms6qs itj8b flex q6rsd items-center sh5ol dpq4d rg6vy hac7f ivg4u l6gz8 l09cu a3ufl dark:bg-blue-500 oekgx z50zr sbnko tc0ip dark:hover:border-neutral-700">
20
</button>
</div>
<div>
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f b7vor a3ufl l09cu k7eco oekgx z50zr sbnko ragoe uweqs dark:text-neutral-200">
21
</button>
</div>
<div>
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f b7vor a3ufl l09cu k7eco oekgx z50zr sbnko ragoe uweqs dark:text-neutral-200">
22
</button>
</div>
<div>
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f b7vor a3ufl l09cu k7eco oekgx z50zr sbnko ragoe uweqs dark:text-neutral-200">
23
</button>
</div>
</div>
<!-- Days -->
<!-- Days -->
<div class="flex">
<div>
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f b7vor a3ufl l09cu k7eco oekgx z50zr sbnko ragoe uweqs dark:text-neutral-200">
24
</button>
</div>
<div >
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f b7vor a3ufl l09cu k7eco oekgx z50zr sbnko ragoe uweqs dark:text-neutral-200">
25
</button>
</div>
<div >
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f b7vor a3ufl l09cu k7eco oekgx z50zr sbnko ragoe uweqs dark:text-neutral-200">
26
</button>
</div>
<div >
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f b7vor a3ufl l09cu k7eco oekgx z50zr sbnko ragoe uweqs dark:text-neutral-200">
27
</button>
</div>
<div >
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f b7vor a3ufl l09cu k7eco oekgx z50zr sbnko ragoe uweqs dark:text-neutral-200">
28
</button>
</div>
<div >
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f b7vor a3ufl l09cu k7eco oekgx z50zr sbnko ragoe uweqs dark:text-neutral-200">
29
</button>
</div>
<div >
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f b7vor a3ufl l09cu k7eco oekgx z50zr sbnko ragoe uweqs dark:text-neutral-200">
30
</button>
</div>
</div>
<!-- Days -->
<!-- Days -->
<div class="flex">
<div >
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f b7vor a3ufl l09cu k7eco oekgx z50zr sbnko ragoe uweqs dark:text-neutral-200">
31
</button>
</div>
<div >
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f b7vor l09cu k7eco a3ufl oekgx z50zr sbnko tc0ip dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
1
</button>
</div>
<div>
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f b7vor l09cu k7eco a3ufl oekgx z50zr sbnko tc0ip dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
2
</button>
</div>
<div>
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f b7vor l09cu k7eco a3ufl oekgx z50zr sbnko tc0ip dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
3
</button>
</div>
<div>
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f b7vor l09cu k7eco a3ufl oekgx z50zr sbnko tc0ip dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
4
</button>
</div>
<div>
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f b7vor l09cu k7eco a3ufl oekgx z50zr sbnko tc0ip dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
5
</button>
</div>
<div>
<button type="button" class="ms6qs itj8b flex q6rsd items-center dpq4d rg6vy hac7f b7vor l09cu k7eco a3ufl oekgx z50zr sbnko tc0ip 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 anx1n tdzw3 ouuq3 py7nt a11ya 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 fuiju y5qqo dpntc flex wwu1y i419g w-full cursor-pointer v869m dpq4d a11ya xroga u4pm7 hac7f sbnko dwtnn pnxyx dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400 dark:focus:outline-none dark:focus:ring-1 dark:focus:ring-neutral-600",
"dropdownClasses": "yvhh6 rxg3f n5h7m lt268 mu3xt z9rsz vlqzh w56at v869m it6u8 shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] ixhii el1lk my2de peqgl 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 eh7as iv41c w-full vqur1 b7vor cursor-pointer ql6ky xroga sbnko tc0ip dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex encm3 items-center w-full \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"vpbnr fwnpl b7vor 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 onm4j wk9ov -translate-y-1/2">
<svg class="vpbnr fwnpl oxyct 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="hac7f oxyct 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 fuiju y5qqo dpntc flex wwu1y i419g w-full cursor-pointer v869m dpq4d a11ya xroga u4pm7 hac7f sbnko dwtnn pnxyx dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400 dark:focus:outline-none dark:focus:ring-1 dark:focus:ring-neutral-600",
"dropdownClasses": "yvhh6 rxg3f n5h7m lt268 mu3xt z9rsz vlqzh w56at v869m it6u8 shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] ixhii el1lk my2de peqgl 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 eh7as iv41c w-full vqur1 b7vor cursor-pointer ql6ky xroga sbnko tc0ip dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex encm3 items-center w-full \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"vpbnr fwnpl b7vor 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 onm4j wk9ov -translate-y-1/2">
<svg class="vpbnr fwnpl oxyct 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="nws9a">
<label class="block pqyx6 hac7f ivg4u b7vor dark:text-neutral-200">
Invite
</label>
<!-- Input Form -->
<div class="flex items-center clmee">
<!-- Select -->
<div class="relative w-full">
<select multiple data-hs-select='{
"placeholder": "Select option...",
"wrapperClasses": "hs-select-active:ring-1 hs-select-active:ring-blue-500 dpntc xroga flex items-center flex-wrap i419g w-full u4pm7 hac7f dpq4d a11ya k8i8d dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-400 hs-select-active:dark:outline-none hs-select-active:dark:ring-1 hs-select-active:dark:ring-gray-600",
"toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>",
"toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative flex i419g w-full cursor-pointer v869m dpq4d a11ya xroga u4pm7 hac7f tc0ip dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-400",
"dropdownClasses": "yvhh6 rxg3f w-full lt268 mu3xt z9rsz v869m xroga vlqzh w56at shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] dark:bg-neutral-900",
"optionClasses": "hs-selected:bg-gray-100 dark:hs-selected:bg-neutral-800 fuiju cqbgq w-full hac7f b7vor cursor-pointer ql6ky xroga sbnko tc0ip dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800",
"mode": "tags",
"tagsClasses": "relative xa598 dpntc x2ue1 flex items-center flex-wrap i419g w-full dpq4d a11ya xroga u4pm7 hac7f yjgee pnxyx dark:bg-neutral-900 dark:text-neutral-400",
"tagsItemTemplate": "<div class=\"flex jw2q4 items-center relative nsoag v869m dpq4d a11ya a3ufl hkmhx d72mo dark:bg-neutral-900 dark:border-neutral-700 \"><div class=\"n1je8 pjt6u \" data-icon></div><div class=\"lslrf \" data-title></div><div class=\"xgqt9 vpbnr q6rsd items-center ee5m9 f0q0d a3ufl b7vor h1yyc a3i41 sbnko dwtnn ycz57 hac7f dark:bg-neutral-700 dark:hover:bg-neutral-700 dark:text-neutral-400 cursor-pointer \" data-remove><svg class=\"vpbnr cp61q \" 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": "p7fvi cqbgq btpiv q5iyq hac7f jggax xroga of5qs dark:bg-neutral-800 dark:bg-neutral-700 dark:text-neutral-400 dark:placeholder:text-neutral-400",
"optionTemplate": "<div class=\"flex items-center \"><div class=\"rj4tp rznfr \" data-icon></div><div><div class=\"hac7f u2ysm b7vor dark:text-neutral-200 \" data-title></div><div class=\"ps4xk oxyct dark:text-neutral-500 \" data-description></div></div><div class=\"ut6p6 \"><span class=\"hidden hs-selected:block \"><svg class=\"vpbnr m5z5i \" 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=\"dxkem a3ufl \" 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 vpbnr q6rsd items-center dg83s v869m dpq4d a11ya fyx69 ivg4u jmrtn a3ufl 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=\"dxkem a3ufl \" 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=\"dxkem a3ufl \" 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 vpbnr q6rsd items-center dg83s v869m dpq4d a11ya fyx69 ivg4u jmrtn a3ufl dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 \">O</span>"
}'>Ols</option>
</select>
<div class="absolute onm4j wk9ov -translate-y-1/2">
<svg class="vpbnr fwnpl oxyct 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="fuiju tm5do xgqt9 items-center wwu1y hac7f ivg4u xroga dpq4d a11ya v869m b7vor k8i8d e1tdc oekgx z50zr sbnko roxnn dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
<svg class="vpbnr cp61q" 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="nws9a">
<label class="block pqyx6 hac7f ivg4u b7vor dark:text-neutral-200">
Suggested attendees
</label>
<div class="flex items-center ak2ok">
<!-- User -->
<div class="hs-tooltip dxkem">
<label for="hs-pro-daesa1" class="relative block a3ufl cursor-pointer">
<img class="hs-tooltip-toggle vpbnr x5y5o a3ufl" 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 v869m a3ufl dark:bg-neutral-800">
<span class="relative flex dr3q9 q6rsd items-center ee5m9 c44fm y77ql vvxoz we6nf a3ufl dark:bg-blue-500/40 dark:border-neutral-800 dark:text-blue-300">
<input type="checkbox" id="hs-pro-daesa1" class="absolute utnk6 f8uov dg83s jggax rg6vy a3ufl sbnko" >
<svg class="vpbnr cp61q" 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 dxkem absolute mbr14 zfk0a eh7as rc0sp bg-gray-900 ps4xk l6gz8 xroga dark:bg-neutral-700" role="tooltip">
James Collins
</span>
</div>
<!-- End User -->
<!-- User -->
<div class="hs-tooltip dxkem">
<label for="hs-pro-daesa2" class="relative block a3ufl cursor-pointer">
<span class="hs-tooltip-toggle flex vpbnr q6rsd items-center x5y5o v869m dpq4d a11ya fyx69 ivg4u jmrtn a3ufl dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300">L</span><span class="block absolute -top-1 -end-1 v869m a3ufl dark:bg-neutral-800">
<span class="relative flex dr3q9 q6rsd items-center ee5m9 c44fm y77ql vvxoz we6nf a3ufl dark:bg-blue-500/40 dark:border-neutral-800 dark:text-blue-300">
<input type="checkbox" id="hs-pro-daesa2" class="absolute utnk6 f8uov dg83s jggax rg6vy a3ufl sbnko" >
<svg class="vpbnr cp61q" 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 dxkem absolute mbr14 zfk0a eh7as rc0sp bg-gray-900 ps4xk l6gz8 xroga dark:bg-neutral-700" role="tooltip">
Lori Hunter
</span>
</div>
<!-- End User -->
<!-- User -->
<div class="hs-tooltip dxkem">
<label for="hs-pro-daesa3" class="relative block a3ufl cursor-pointer">
<img class="hs-tooltip-toggle vpbnr x5y5o a3ufl" 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 v869m a3ufl dark:bg-neutral-800">
<span class="relative flex dr3q9 q6rsd items-center ee5m9 c44fm y77ql vvxoz we6nf a3ufl dark:bg-blue-500/40 dark:border-neutral-800 dark:text-blue-300">
<input type="checkbox" id="hs-pro-daesa3" class="absolute utnk6 f8uov dg83s jggax rg6vy a3ufl sbnko" >
<svg class="vpbnr cp61q" 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 dxkem absolute mbr14 zfk0a eh7as rc0sp bg-gray-900 ps4xk l6gz8 xroga dark:bg-neutral-700" role="tooltip">
Lewis Clarke
</span>
</div>
<!-- End User -->
<!-- User -->
<div class="hs-tooltip dxkem">
<label for="hs-pro-daesa4" class="relative block a3ufl cursor-pointer">
<img class="hs-tooltip-toggle vpbnr x5y5o a3ufl" 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 v869m a3ufl dark:bg-neutral-800">
<span class="relative flex dr3q9 q6rsd items-center ee5m9 c44fm y77ql vvxoz we6nf a3ufl dark:bg-blue-500/40 dark:border-neutral-800 dark:text-blue-300">
<input type="checkbox" id="hs-pro-daesa4" class="absolute utnk6 f8uov dg83s jggax rg6vy a3ufl sbnko" >
<svg class="vpbnr cp61q" 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 dxkem absolute mbr14 zfk0a eh7as rc0sp bg-gray-900 ps4xk l6gz8 xroga dark:bg-neutral-700" role="tooltip">
Ella Lauda
</span>
</div>
<!-- End User -->
<!-- User -->
<div class="hs-tooltip dxkem">
<label for="hs-pro-daesa5" class="relative block a3ufl cursor-pointer">
<span class="hs-tooltip-toggle flex vpbnr q6rsd items-center x5y5o v869m dpq4d a11ya fyx69 ivg4u jmrtn a3ufl dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300">O</span><span class="block absolute -top-1 -end-1 v869m a3ufl dark:bg-neutral-800">
<span class="relative flex dr3q9 q6rsd items-center ee5m9 c44fm y77ql vvxoz we6nf a3ufl dark:bg-blue-500/40 dark:border-neutral-800 dark:text-blue-300">
<input type="checkbox" id="hs-pro-daesa5" class="absolute utnk6 f8uov dg83s jggax rg6vy a3ufl sbnko" >
<svg class="vpbnr cp61q" 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 dxkem absolute mbr14 zfk0a eh7as rc0sp bg-gray-900 ps4xk l6gz8 xroga dark:bg-neutral-700" role="tooltip">
Ols Schols
</span>
</div>
<!-- End User -->
</div>
</div>
<!-- Drag 'n Drop -->
<div class="nws9a">
<label class="block block pqyx6 hac7f ivg4u b7vor dark:text-neutral-200">
Upload attachments
</label>
<div class="lqm88 flex q6rsd v869m dpq4d xaqn2 m2wv4 it6u8 dark:bg-neutral-800 dark:border-neutral-600">
<div class="bx4k9">
<svg class="mmih0 pykwy ha88l 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="scpqw p0otm 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="scpqw p0otm 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="scpqw p0otm 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="p0otm dark:stroke-neutral-500"/>
<circle cx="39.5902" cy="14.9672" r="4.16393" stroke="currentColor" stroke-width="2" class="p0otm dark:stroke-neutral-500"/>
</svg>
<div class="vr44s flex flex-wrap q6rsd hac7f con0a vr7pv">
<span class="d6ed7 ivg4u b7vor dark:text-neutral-200">
Drop your files here or
</span>
<label for="hs-pro-upcebb" class="relative cursor-pointer v869m u2ysm we6nf yptx6 xroga ffypy y9jdg zm895 bw3vs w3kpp rhw98 dark:bg-neutral-800 dark:text-blue-500 dark:hover:text-blue-600">
<span>browse</span>
<input id="hs-pro-upcebb" type="file" class="yps74">
</label>
</div>
<p class="l4ccc ps4xk pykwy 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="v869m dpq4d a11ya k8i8d it6u8 dark:bg-neutral-800 dark:border-neutral-700">
<!-- Header -->
<div class="v7jym cqbgq flex encm3 items-center x815m dark:border-neutral-700">
<h3 class="ivg4u b7vor dark:text-neutral-200">
Create team
</h3>
</div>
<!-- End Header -->
<div class="fo082 ia4l2">
<div class="nws9a">
<label for="hs-pro-dactmt" class="block pqyx6 hac7f ivg4u b7vor dark:text-neutral-200">
Title
</label>
<input id="hs-pro-dactmt" type="text" class="fuiju tm5do block w-full a11ya xroga hac7f mryrt yjgee pnxyx oekgx z50zr 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="nws9a">
<label for="dactmi" class="block pqyx6 hac7f ivg4u b7vor dark:text-neutral-200">
Industry
</label>
<input id="dactmi" type="text" class="fuiju tm5do block w-full a11ya xroga hac7f mryrt yjgee pnxyx oekgx z50zr 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="nws9a">
<label for="dactmd" class="block pqyx6 hac7f ivg4u b7vor dark:text-neutral-200">
Description
</label>
<textarea id="dactmd" class="fuiju tm5do block w-full a11ya xroga hac7f mryrt yjgee pnxyx oekgx z50zr 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="nws9a">
<label for="dactmm" class="block pqyx6 hac7f ivg4u b7vor dark:text-neutral-200">
Members
</label>
<!-- Input Form -->
<div class="flex items-center clmee">
<input id="dactmm" type="text" class="fuiju tm5do block w-full a11ya xroga hac7f mryrt yjgee pnxyx oekgx z50zr 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="fuiju tm5do xgqt9 q6rsd items-center wwu1y u4pm7 v869m dpq4d a11ya b7vor hac7f ivg4u xroga k8i8d a2xg7 e1tdc oekgx z50zr sbnko roxnn dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
<svg class="vpbnr m5z5i" 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="nws9a">
<label class="block pqyx6 hac7f ivg4u b7vor dark:text-neutral-200">
Suggested members
</label>
<div class="flex items-center ak2ok">
<!-- User -->
<div class="hs-tooltip dxkem">
<label for="hs-pro-dactcach1" class="relative block a3ufl cursor-pointer">
<img class="hs-tooltip-toggle vpbnr x5y5o a3ufl" 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 v869m a3ufl dark:bg-neutral-800">
<span class="relative flex dr3q9 q6rsd items-center ee5m9 c44fm y77ql vvxoz we6nf a3ufl dark:bg-blue-500/40 dark:border-neutral-800 dark:text-blue-300">
<input type="checkbox" id="hs-pro-dactcach1" class="absolute utnk6 f8uov dg83s jggax rg6vy a3ufl sbnko" >
<svg class="vpbnr cp61q" 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 dxkem absolute mbr14 zfk0a eh7as rc0sp bg-gray-900 ps4xk l6gz8 xroga dark:bg-neutral-700" role="tooltip">
James Collins
</span>
</div>
<!-- End User -->
<!-- User -->
<div class="hs-tooltip dxkem">
<label for="hs-pro-dactcach2" class="relative block a3ufl cursor-pointer">
<span class="hs-tooltip-toggle flex vpbnr q6rsd items-center x5y5o v869m dpq4d a11ya fyx69 ivg4u jmrtn a3ufl dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300">L</span><span class="block absolute -top-1 -end-1 v869m a3ufl dark:bg-neutral-800">
<span class="relative flex dr3q9 q6rsd items-center ee5m9 c44fm y77ql vvxoz we6nf a3ufl dark:bg-blue-500/40 dark:border-neutral-800 dark:text-blue-300">
<input type="checkbox" id="hs-pro-dactcach2" class="absolute utnk6 f8uov dg83s jggax rg6vy a3ufl sbnko" >
<svg class="vpbnr cp61q" 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 dxkem absolute mbr14 zfk0a eh7as rc0sp bg-gray-900 ps4xk l6gz8 xroga dark:bg-neutral-700" role="tooltip">
Lori Hunter
</span>
</div>
<!-- End User -->
<!-- User -->
<div class="hs-tooltip dxkem">
<label for="hs-pro-dactcach3" class="relative block a3ufl cursor-pointer">
<img class="hs-tooltip-toggle vpbnr x5y5o a3ufl" 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 v869m a3ufl dark:bg-neutral-800">
<span class="relative flex dr3q9 q6rsd items-center ee5m9 c44fm y77ql vvxoz we6nf a3ufl dark:bg-blue-500/40 dark:border-neutral-800 dark:text-blue-300">
<input type="checkbox" id="hs-pro-dactcach3" class="absolute utnk6 f8uov dg83s jggax rg6vy a3ufl sbnko" >
<svg class="vpbnr cp61q" 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 dxkem absolute mbr14 zfk0a eh7as rc0sp bg-gray-900 ps4xk l6gz8 xroga dark:bg-neutral-700" role="tooltip">
Lewis Clarke
</span>
</div>
<!-- End User -->
<!-- User -->
<div class="hs-tooltip dxkem">
<label for="hs-pro-dactcach4" class="relative block a3ufl cursor-pointer">
<img class="hs-tooltip-toggle vpbnr x5y5o a3ufl" 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 v869m a3ufl dark:bg-neutral-800">
<span class="relative flex dr3q9 q6rsd items-center ee5m9 c44fm y77ql vvxoz we6nf a3ufl dark:bg-blue-500/40 dark:border-neutral-800 dark:text-blue-300">
<input type="checkbox" id="hs-pro-dactcach4" class="absolute utnk6 f8uov dg83s jggax rg6vy a3ufl sbnko" >
<svg class="vpbnr cp61q" 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 dxkem absolute mbr14 zfk0a eh7as rc0sp bg-gray-900 ps4xk l6gz8 xroga dark:bg-neutral-700" role="tooltip">
Ella Lauda
</span>
</div>
<!-- End User -->
<!-- User -->
<div class="hs-tooltip dxkem">
<label for="hs-pro-dactcach5" class="relative block a3ufl cursor-pointer">
<span class="hs-tooltip-toggle flex vpbnr q6rsd items-center x5y5o v869m dpq4d a11ya fyx69 ivg4u jmrtn a3ufl dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300">O</span><span class="block absolute -top-1 -end-1 v869m a3ufl dark:bg-neutral-800">
<span class="relative flex dr3q9 q6rsd items-center ee5m9 c44fm y77ql vvxoz we6nf a3ufl dark:bg-blue-500/40 dark:border-neutral-800 dark:text-blue-300">
<input type="checkbox" id="hs-pro-dactcach5" class="absolute utnk6 f8uov dg83s jggax rg6vy a3ufl sbnko" >
<svg class="vpbnr cp61q" 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 dxkem absolute mbr14 zfk0a eh7as rc0sp bg-gray-900 ps4xk l6gz8 xroga dark:bg-neutral-700" role="tooltip">
Ols Schols
</span>
</div>
<!-- End User -->
</div>
</div>
<!-- Drag 'n Drop -->
<div class="nws9a">
<label class="block block pqyx6 hac7f ivg4u b7vor dark:text-neutral-200">
Cover
</label>
<div class="lqm88 flex q6rsd v869m dpq4d xaqn2 m2wv4 it6u8 dark:bg-neutral-800 dark:border-neutral-600">
<div class="bx4k9">
<svg class="mmih0 pykwy ha88l 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="scpqw p0otm 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="scpqw p0otm 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="scpqw p0otm 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="p0otm dark:stroke-neutral-500"/>
<circle cx="39.5902" cy="14.9672" r="4.16393" stroke="currentColor" stroke-width="2" class="p0otm dark:stroke-neutral-500"/>
</svg>
<div class="vr44s flex flex-wrap q6rsd hac7f con0a vr7pv">
<span class="d6ed7 ivg4u b7vor dark:text-neutral-200">
Drop your files here or
</span>
<label for="hs-pro-dactc" class="relative cursor-pointer v869m u2ysm we6nf yptx6 xroga ffypy y9jdg zm895 bw3vs w3kpp rhw98 dark:bg-neutral-800 dark:text-blue-500 dark:hover:text-blue-600">
<span>browse</span>
<input id="hs-pro-dactc" type="file" class="yps74">
</label>
</div>
<p class="l4ccc ps4xk pykwy dark:text-neutral-400">
CSV, XLS, DOCX
</p>
</div>
</div>
</div>
<!-- End Drag 'n Drop -->
</div>
<!-- Footer -->
<div class="fo082 flex encm3 wwu1y">
<div class="mhlpb flex qsj3b items-center ciztt">
<button type="button" class="fuiju tm5do i419g xgqt9 q6rsd items-center u4pm7 v869m dpq4d a11ya b7vor hac7f ivg4u xroga k8i8d a2xg7 e1tdc oekgx z50zr 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="fuiju tm5do i419g xgqt9 q6rsd items-center wwu1y u4pm7 sh5ol dpq4d dbqf7 l6gz8 hac7f ivg4u xroga k8i8d a2xg7 a9sj1 oekgx z50zr sbnko g5wj4 v3p3o dark:focus:ring-blue-500">
Create team
</button>
</div>
</div>
<!-- Footer -->
</div>
<!-- End Status Card -->
<!-- Add Card Form -->
<div class="v869m dpq4d a11ya k8i8d it6u8 dark:bg-neutral-800 dark:border-neutral-700">
<!-- Header -->
<div class="v7jym cqbgq flex encm3 items-center x815m dark:border-neutral-700">
<h3 class="ivg4u b7vor dark:text-neutral-200">
Add project
</h3>
</div>
<!-- End Header -->
<form>
<!-- Body -->
<div class="fo082 ia4l2">
<div>
<label class="block pqyx6 hac7f ivg4u b7vor dark:text-neutral-200">
Project logo
</label>
<!-- Logo Upload Group -->
<div class="flex flex-wrap items-center yru4d ahnaj">
<span class="flex vpbnr q6rsd items-center t2ize y77ql ezn87 m2wv4 pykwy a3ufl dark:border-neutral-700 dark:text-neutral-600">
<svg class="vpbnr vugj6" 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="btpiv">
<div class="flex items-center wwu1y">
<button type="button" class="fuiju tm5do xgqt9 items-center wwu1y ps4xk ivg4u xroga dpq4d rg6vy sh5ol l6gz8 a9sj1 oekgx z50zr sbnko dwtnn pnxyx" >
<svg class="vpbnr m5z5i" 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 pqyx6 hac7f ivg4u b7vor dark:text-white">
Project name
</label>
<input type="text" id="hs-pro-dalpn" class="v7jym tm5do block w-full a11ya xroga hac7f mryrt yjgee pnxyx oekgx z50zr 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 pqyx6 hac7f ivg4u b7vor dark:text-white">
Subdomain
</label>
<div class="relative">
<input type="text" id="hs-pro-dalsd" class="v7jym y5qqo c45ed block w-full a11ya xroga hac7f mryrt yjgee pnxyx oekgx z50zr 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 rezcy s0ojd flex items-center uqtfj zfk0a eh57b">
<span class="hac7f oxyct dark:text-neutral-500">.preline.co</span>
</div>
</div>
</div>
</div>
<!-- End Body -->
<!-- Footer -->
<div class="fo082 flex qsj3b wwu1y">
<div class="mhlpb flex qsj3b items-center ciztt">
<button type="button" class="fuiju tm5do i419g xgqt9 q6rsd items-center u4pm7 v869m dpq4d a11ya b7vor hac7f ivg4u xroga k8i8d a2xg7 e1tdc oekgx z50zr 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="fuiju tm5do i419g xgqt9 q6rsd items-center wwu1y u4pm7 sh5ol dpq4d dbqf7 l6gz8 hac7f ivg4u xroga k8i8d a2xg7 a9sj1 oekgx z50zr sbnko g5wj4 v3p3o dark:focus:ring-blue-500">
Save
</button>
</div>
</div>
<!-- End Footer -->
</form>
</div>
<!-- End Add Card Form -->
<!-- Products Card -->
<div class="flex dr3q9 v869m dpq4d jujtl vlqzh it6u8 k8i8d dark:bg-neutral-800 dark:border-neutral-700">
<!-- Header -->
<div class="yxmdd f5qiq flex encm3 items-center qy7wn x815m jujtl dark:border-neutral-700">
<h2 class="dxkem u2ysm dt7pj dark:text-neutral-200">
Product info
</h2>
</div>
<!-- End Header -->
<!-- Body -->
<div class="dx5bd emlw3">
<div>
<label class="block pqyx6 hac7f ivg4u dt7pj dark:text-neutral-200">
Thumbnail
</label>
<!-- Logo Upload Group -->
<div class="flex flex-wrap items-center yru4d ahnaj">
<span class="flex q6rsd items-center t2ize y77ql ezn87 k1wqe mms1j a3ufl dark:border-neutral-700 dark:text-neutral-600">
<svg class="vpbnr vugj6" 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="btpiv">
<div class="flex items-center wwu1y">
<button type="button" class="fuiju tm5do xgqt9 items-center wwu1y ps4xk ivg4u xroga dpq4d rg6vy tb9mu l6gz8 rj5wx oekgx z50zr sbnko dwtnn xg1cl" >
<svg class="vpbnr m5z5i" 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="fuiju tm5do xgqt9 items-center wwu1y ps4xk ivg4u xroga dpq4d jujtl v869m uswxf k8i8d ze1zv oekgx z50zr sbnko pfxy3 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="yvhh6 ps4xk vej1k 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 pqyx6 hac7f ivg4u dt7pj dark:text-neutral-200">
Name
<span class="hs-tooltip dxkem a2xg7">
<svg class="vpbnr m5z5i vej1k 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 s934k hidden mbr14 tc8zo qhgti r3twx iv41c c16me ps4xk ffi2c l6gz8 xroga k8i8d 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="fuiju tm5do block w-full jujtl xroga hac7f dt7pj h1ur8 mow9x hjrzy kjmk4 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200 dark:placeholder:text-neutral-500 dark:focus:outline-none dark:focus:ring-1 dark:focus:ring-neutral-600" placeholder="Shirt, t-shirts, etc." value="">
</div>
<!-- End Input -->
<!-- Input Grid -->
<div class="cwrq4 bg6xe yru4d ahnaj">
<!-- Input -->
<div>
<label for="hs-pro-eapsku" class="block pqyx6 hac7f ivg4u dt7pj dark:text-neutral-200">
SKU
</label>
<input id="hs-pro-eapsku" type="text" class="fuiju tm5do block w-full jujtl xroga hac7f dt7pj h1ur8 mow9x hjrzy kjmk4 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200 dark:placeholder:text-neutral-500 dark:focus:outline-none 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 pqyx6 hac7f ivg4u dt7pj dark:text-neutral-200">
Weight
</label>
<div class="relative w-full">
<input id="hs-pro-eapwe" type="text" class="fuiju tm5do block w-full jujtl xroga hac7f dt7pj h1ur8 mow9x hjrzy kjmk4 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200 dark:placeholder:text-neutral-500 dark:focus:outline-none dark:focus:ring-1 dark:focus:ring-neutral-600" placeholder="0.0" value="">
<div class="absolute rezcy s0ojd flex items-center zfk0a jdg3u mms1j">
<!-- 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 eh7as uh1mn vc0tc xgqt9 vpbnr q6rsd items-center x60sp ps4xk dt7pj xroga bcacf sbnko s6nmp pn7qd bhpwi u6glr dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700",
"dropdownClasses": "s0ojd yvhh6 mu3xt rxg3f lxpms z9rsz v869m it6u8 shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] dark:bg-neutral-950",
"optionClasses": "hs-selected:bg-stone-100 dark:hs-selected:bg-neutral-800 eh7as iv41c w-full ps4xk dt7pj xroga cursor-pointer bcacf xroga sbnko s6nmp dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex encm3 items-center w-full \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"vpbnr fwnpl dt7pj 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 onm4j x3kds -translate-y-1/2">
<svg class="vpbnr fwnpl ue964 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="gaz0n ps4xk vej1k 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 pqyx6 hac7f ivg4u dt7pj dark:text-neutral-200">
Description
</label>
<!-- Tiptap -->
<div class="v869m dpq4d jujtl it6u8 vlqzh dark:bg-neutral-800 dark:border-neutral-700">
<div id="hs-editor-tiptap">
<div class="qmunp utnk6 v869m flex a2xg7 ur896 x815m jujtl z1r3e dark:border-neutral-700">
<button class="rj4tp xgqt9 q6rsd items-center wwu1y hac7f u2ysm a3ufl dpq4d rg6vy dt7pj bcacf oekgx z50zr sbnko s6nmp dark:text-white dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" type="button" data-hs-editor-bold>
<svg class="vpbnr m5z5i" 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="rj4tp xgqt9 q6rsd items-center wwu1y hac7f u2ysm a3ufl dpq4d rg6vy dt7pj bcacf oekgx z50zr sbnko s6nmp dark:text-white dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" type="button" data-hs-editor-italic>
<svg class="vpbnr m5z5i" 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="rj4tp xgqt9 q6rsd items-center wwu1y hac7f u2ysm a3ufl dpq4d rg6vy dt7pj bcacf oekgx z50zr sbnko s6nmp dark:text-white dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" type="button" data-hs-editor-underline>
<svg class="vpbnr m5z5i" 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="rj4tp xgqt9 q6rsd items-center wwu1y hac7f u2ysm a3ufl dpq4d rg6vy dt7pj bcacf oekgx z50zr sbnko s6nmp dark:text-white dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" type="button" data-hs-editor-strike>
<svg class="vpbnr m5z5i" 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="rj4tp xgqt9 q6rsd items-center wwu1y hac7f u2ysm a3ufl dpq4d rg6vy dt7pj bcacf oekgx z50zr sbnko s6nmp dark:text-white dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" type="button" data-hs-editor-link>
<svg class="vpbnr m5z5i" 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="rj4tp xgqt9 q6rsd items-center wwu1y hac7f u2ysm a3ufl dpq4d rg6vy dt7pj bcacf oekgx z50zr sbnko s6nmp dark:text-white dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" type="button" data-hs-editor-ol>
<svg class="vpbnr m5z5i" 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="rj4tp xgqt9 q6rsd items-center wwu1y hac7f u2ysm a3ufl dpq4d rg6vy dt7pj bcacf oekgx z50zr sbnko s6nmp dark:text-white dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" type="button" data-hs-editor-ul>
<svg class="vpbnr m5z5i" 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="rj4tp xgqt9 q6rsd items-center wwu1y hac7f u2ysm a3ufl dpq4d rg6vy dt7pj bcacf oekgx z50zr sbnko s6nmp dark:text-white dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" type="button" data-hs-editor-blockquote>
<svg class="vpbnr m5z5i" 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="rj4tp xgqt9 q6rsd items-center wwu1y hac7f u2ysm a3ufl dpq4d rg6vy dt7pj bcacf oekgx z50zr sbnko s6nmp dark:text-white dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" type="button" data-hs-editor-code>
<svg class="vpbnr m5z5i" 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="ujh9o ktv2d " 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';
import Placeholder from 'https://esm.sh/@tiptap/extension-placeholder';
import StarterKit from 'https://esm.sh/@tiptap/starter-kit';
import Paragraph from 'https://esm.sh/@tiptap/extension-paragraph';
import Bold from 'https://esm.sh/@tiptap/extension-bold';
import Underline from 'https://esm.sh/@tiptap/extension-underline';
import Link from 'https://esm.sh/@tiptap/extension-link';
import BulletList from 'https://esm.sh/@tiptap/extension-bullet-list';
import OrderedList from 'https://esm.sh/@tiptap/extension-ordered-list';
import ListItem from 'https://esm.sh/@tiptap/extension-list-item';
import Blockquote from 'https://esm.sh/@tiptap/extension-blockquote';
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 zodlr bjlw2'
}
},
extensions: [
StarterKit.configure({
history: false
}),
Placeholder.configure({
placeholder: 'Add a message, if you\'d like.',
emptyNodeClass: 'dxh85'
}),
Paragraph.configure({
HTMLAttributes: {
class: 'hac7f dt7pj dark:text-stone-200'
}
}),
Bold.configure({
HTMLAttributes: {
class: 'g2ru4'
}
}),
Underline,
Link.configure({
HTMLAttributes: {
class: 'xgqt9 items-center c0yql kikgv ffypy y9jdg ivg4u dark:text-white'
}
}),
BulletList.configure({
HTMLAttributes: {
class: 'kmoca j3qbs dt7pj dark:text-white'
}
}),
OrderedList.configure({
HTMLAttributes: {
class: 'peq0e j3qbs dt7pj dark:text-white'
}
}),
ListItem.configure({
HTMLAttributes: {
class: 'q1yy2'
}
}),
Blockquote.configure({
HTMLAttributes: {
class: 'relative ar6ac fas69 pm144 dark:border-neutral-700 [&>p]:sm: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 sdfy2 = window.prompt('URL');
editor.chain().focus().extendMarkRange('link').setLink({ href: sdfy2 }).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.19.4/es2022/prosemirror-model.mjs": "https://esm.sh/v135/prosemirror-model@1.20.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.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"
}
}
</script>
<script type="module">
import { Editor } from 'https://esm.sh/@tiptap/core';
import Placeholder from 'https://esm.sh/@tiptap/extension-placeholder';
import StarterKit from 'https://esm.sh/@tiptap/starter-kit';
import Paragraph from 'https://esm.sh/@tiptap/extension-paragraph';
import Bold from 'https://esm.sh/@tiptap/extension-bold';
import Underline from 'https://esm.sh/@tiptap/extension-underline';
import Link from 'https://esm.sh/@tiptap/extension-link';
import BulletList from 'https://esm.sh/@tiptap/extension-bullet-list';
import OrderedList from 'https://esm.sh/@tiptap/extension-ordered-list';
import ListItem from 'https://esm.sh/@tiptap/extension-list-item';
import Blockquote from 'https://esm.sh/@tiptap/extension-blockquote';
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 zodlr bjlw2'
}
},
extensions: [
StarterKit.configure({
history: false
}),
Placeholder.configure({
placeholder: 'Add a message, if you\'d like.',
emptyNodeClass: 'dxh85'
}),
Paragraph.configure({
HTMLAttributes: {
class: 'hac7f dt7pj dark:text-stone-200'
}
}),
Bold.configure({
HTMLAttributes: {
class: 'g2ru4'
}
}),
Underline,
Link.configure({
HTMLAttributes: {
class: 'xgqt9 items-center c0yql kikgv ffypy y9jdg ivg4u dark:text-white'
}
}),
BulletList.configure({
HTMLAttributes: {
class: 'kmoca j3qbs dt7pj dark:text-white'
}
}),
OrderedList.configure({
HTMLAttributes: {
class: 'peq0e j3qbs dt7pj dark:text-white'
}
}),
ListItem.configure({
HTMLAttributes: {
class: 'q1yy2'
}
}),
Blockquote.configure({
HTMLAttributes: {
class: 'relative ar6ac fas69 pm144 dark:border-neutral-700 [&>p]:sm:text-lg dt7pj 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 sdfy2 = window.prompt('URL');
editor.chain().focus().extendMarkRange('link').setLink({ href: sdfy2 }).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="dx5bd ia4l2 flex dr3q9 v869m dpq4d jujtl k8i8d it6u8 dark:bg-neutral-800 dark:border-neutral-700">
<!-- Input Group -->
<div>
<label class="block pqyx6 hac7f ivg4u dt7pj dark:text-neutral-200">
Avatar
</label>
<div class="yvhh6 flex items-center clmee">
<span class="flex q6rsd items-center t2ize y77ql ezn87 k1wqe mms1j a3ufl dark:border-neutral-700 dark:text-neutral-600">
<svg class="vpbnr vugj6" 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="btpiv">
<div class="flex items-center wwu1y">
<button type="button" class="fuiju tm5do xgqt9 items-center wwu1y ps4xk ivg4u xroga dpq4d rg6vy tb9mu l6gz8 rj5wx oekgx z50zr sbnko dwtnn xg1cl">
<svg class="vpbnr m5z5i" 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="fuiju tm5do xgqt9 items-center wwu1y ps4xk ivg4u xroga dpq4d jujtl v869m uswxf k8i8d ze1zv oekgx z50zr sbnko s6nmp 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="cwrq4 bg6xe yru4d ahnaj">
<!-- Input -->
<div>
<label for="hs-pro-esssn" class="block pqyx6 hac7f ivg4u dt7pj dark:text-neutral-200">
Store name
</label>
<input id="hs-pro-esssn" type="text" class="fuiju tm5do block w-full jujtl xroga hac7f dt7pj h1ur8 mow9x hjrzy kjmk4 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200 dark:placeholder:text-neutral-500 dark:focus:outline-none dark:focus:ring-1 dark:focus:ring-neutral-600">
</div>
<!-- End Input -->
<!-- Input -->
<div>
<label for="hs-pro-esssu" class="block pqyx6 hac7f ivg4u dt7pj dark:text-neutral-200">
Store URL
</label>
<div class="relative">
<input id="hs-pro-esssu" type="text" class="fuiju y5qqo c45ed block w-full jujtl xroga hac7f dt7pj h1ur8 mow9x hjrzy kjmk4 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200 dark:placeholder:text-neutral-500 dark:focus:outline-none dark:focus:ring-1 dark:focus:ring-neutral-600">
<div class="absolute rezcy s0ojd flex items-center uqtfj zfk0a eh57b">
<span class="hac7f vej1k dark:text-neutral-500">.preline.co</span>
</div>
</div>
</div>
<!-- End Input -->
<!-- Input -->
<div>
<label for="hs-pro-essce" class="block pqyx6 hac7f ivg4u dt7pj dark:text-neutral-200">
Contact email
</label>
<input id="hs-pro-essce" type="email" class="fuiju tm5do block w-full jujtl xroga hac7f dt7pj h1ur8 mow9x hjrzy kjmk4 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200 dark:placeholder:text-neutral-500 dark:focus:outline-none dark:focus:ring-1 dark:focus:ring-neutral-600">
</div>
<!-- End Input -->
<!-- Input -->
<div>
<label for="hs-pro-esscp" class="block pqyx6 hac7f ivg4u dt7pj dark:text-neutral-200">
Contact phone
</label>
<input id="hs-pro-esscp" type="text" class="fuiju tm5do block w-full jujtl xroga hac7f dt7pj h1ur8 mow9x hjrzy kjmk4 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200 dark:placeholder:text-neutral-500 dark:focus:outline-none dark:focus:ring-1 dark:focus:ring-neutral-600">
</div>
<!-- End Input -->
<!-- Input -->
<div>
<label class="block pqyx6 hac7f ivg4u dt7pj 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 fuiju cqbgq dpntc flex i419g w-full cursor-pointer v869m dpq4d jujtl xroga u4pm7 hac7f dt7pj sbnko dwtnn kjmk4 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200 dark:focus:outline-none dark:focus:ring-1 dark:focus:ring-neutral-600",
"dropdownClasses": "yvhh6 rxg3f w-full ud4rr lt268 vlqzh w56at rxg3f mu3xt z9rsz v869m it6u8 shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] ixhii el1lk awp0n xfqs6 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 fuiju cqbgq w-full hac7f dt7pj cursor-pointer bcacf xroga sbnko s6nmp dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex encm3 items-center w-full \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"vpbnr fwnpl dt7pj 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 onm4j wk9ov -translate-y-1/2">
<svg class="vpbnr fwnpl vej1k" 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 pqyx6 hac7f ivg4u dt7pj dark:text-neutral-200">
Country
</label>
<!-- Select -->
<div class="relative">
<select data-hs-select='{
"placeholder": "Country",
"hasSearch": true,
"searchPlaceholder": "Country",
"searchClasses": "block w-full hac7f jujtl xroga hjrzy kjmk4 dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-400 dark:placeholder:text-neutral-400 fuiju tm5do",
"searchWrapperClasses": "v869m z1r3e -mx-1 qmunp utnk6 dark:bg-neutral-900",
"toggleTag": "<button type=\"button\" aria-expanded=\"false\"><span data-icon></span><span class=\"dt7pj dark:text-neutral-200 \" data-title></span></button>",
"toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative fuiju y5qqo dpntc flex wwu1y i419g w-full cursor-pointer v869m dpq4d jujtl xroga u4pm7 hac7f sbnko dwtnn kjmk4 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400 dark:focus:outline-none dark:focus:ring-1 dark:focus:ring-neutral-600",
"dropdownClasses": "lt268 mu3xt fji7p z9rsz rxg3f w-full vlqzh w56at v869m it6u8 shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] ixhii el1lk awp0n xfqs6 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 fuiju cqbgq w-full hac7f dt7pj cursor-pointer bcacf xroga sbnko s6nmp dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800",
"optionTemplate": "<div><div class=\"flex items-center \"><div class=\"rznfr \" data-icon></div><div class=\"dt7pj 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=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/af.png\" alt=\"Afghanistan\" />"}'>
Afghanistan
</option>
<option value="AX" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/al.png\" alt=\"Albania\" />"}'>
Albania
</option>
<option value="DZ" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/dz.png\" alt=\"Algeria\" />"}'>
Algeria
</option>
<option value="AS" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/ad.png\" alt=\"Andorra\" />"}'>
Andorra
</option>
<option value="AO" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/ao.png\" alt=\"Angola\" />"}'>
Angola
</option>
<option value="AI" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/ai.png\" alt=\"Anguilla\" />"}'>
Anguilla
</option>
<option value="AG" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/ar.png\" alt=\"Argentina\" />"}'>
Argentina
</option>
<option value="AM" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/am.png\" alt=\"Armenia\" />"}'>
Armenia
</option>
<option value="AW" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/aw.png\" alt=\"Aruba\" />"}'>
Aruba
</option>
<option value="AU" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/au.png\" alt=\"Australia\" />"}'>
Australia
</option>
<option value="AT" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/at.png\" alt=\"Austria\" />"}'>
Austria
</option>
<option value="AZ" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/az.png\" alt=\"Azerbaijan\" />"}'>
Azerbaijan
</option>
<option value="BS" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/bs.png\" alt=\"Bahamas\" />"}'>
Bahamas
</option>
<option value="BH" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/bh.png\" alt=\"Bahrain\" />"}'>
Bahrain
</option>
<option value="BD" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/bd.png\" alt=\"Bangladesh\" />"}'>
Bangladesh
</option>
<option value="BB" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/bb.png\" alt=\"Barbados\" />"}'>
Barbados
</option>
<option value="BY" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/by.png\" alt=\"Belarus\" />"}'>
Belarus
</option>
<option value="BE" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/be.png\" alt=\"Belgium\" />"}'>
Belgium
</option>
<option value="BZ" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/bz.png\" alt=\"Belize\" />"}'>
Belize
</option>
<option value="BJ" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/bj.png\" alt=\"Benin\" />"}'>
Benin
</option>
<option value="BM" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/bm.png\" alt=\"Bermuda\" />"}'>
Bermuda
</option>
<option value="BT" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/bt.png\" alt=\"Bhutan\" />"}'>
Bhutan
</option>
<option value="BO" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/bw.png\" alt=\"Botswana\" />"}'>
Botswana
</option>
<option value="BR" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/br.png\" alt=\"Brazil\" />"}'>
Brazil
</option>
<option value="IO" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/bg.png\" alt=\"Bulgaria\" />"}'>
Bulgaria
</option>
<option value="BF" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/bi.png\" alt=\"Burundi\" />"}'>
Burundi
</option>
<option value="CV" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/kh.png\" alt=\"Cambodia\" />"}'>
Cambodia
</option>
<option value="CM" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/cm.png\" alt=\"Cameroon\" />"}'>
Cameroon
</option>
<option value="CA" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/ca.png\" alt=\"Canada\" />"}'>
Canada
</option>
<option value="KY" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/td.png\" alt=\"Chad\" />"}'>
Chad
</option>
<option value="CL" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/cl.png\" alt=\"Chile\" />"}'>
Chile
</option>
<option value="CN" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/cn.png\" alt=\"China\" />"}'>
China
</option>
<option value="CX" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/co.png\" alt=\"Colombia\" />"}'>
Colombia
</option>
<option value="KM" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/km.png\" alt=\"Comoros\" />"}'>
Comoros
</option>
<option value="CK" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/hr.png\" alt=\"Croatia\" />"}'>
Croatia
</option>
<option value="CU" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/cu.png\" alt=\"Cuba\" />"}'>
Cuba
</option>
<option value="CW" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/cy.png\" alt=\"Cyprus\" />"}'>
Cyprus
</option>
<option value="CZ" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/dk.png\" alt=\"Denmark\" />"}'>
Denmark
</option>
<option value="DJ" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/dj.png\" alt=\"Djibouti\" />"}'>
Djibouti
</option>
<option value="DM" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/dm.png\" alt=\"Dominica\" />"}'>
Dominica
</option>
<option value="DO" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/ec.png\" alt=\"Ecuador\" />"}'>
Ecuador
</option>
<option value="EG" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/eg.png\" alt=\"Egypt\" />"}'>
Egypt
</option>
<option value="SV" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/gb.png\" alt=\"England\" />"}'>
England
</option>
<option value="GQ" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/er.png\" alt=\"Eritrea\" />"}'>
Eritrea
</option>
<option value="EE" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/ee.png\" alt=\"Estonia\" />"}'>
Estonia
</option>
<option value="ET" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/et.png\" alt=\"Ethiopia\" />"}'>
Ethiopia
</option>
<option value="FK" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/fj.png\" alt=\"Fiji\" />"}'>
Fiji
</option>
<option value="FI" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/fi.png\" alt=\"Finland\" />"}'>
Finland
</option>
<option value="FR" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/fr.png\" alt=\"France\" />"}'>
France
</option>
<option value="GF" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/ga.png\" alt=\"Gabon\" />"}'>
Gabon
</option>
<option value="GM" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/gm.png\" alt=\"Gambia\" />"}'>
Gambia
</option>
<option value="GE" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/ge.png\" alt=\"Georgia\" />"}'>
Georgia
</option>
<option value="DE" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/de.png\" alt=\"Germany\" />"}'>
Germany
</option>
<option value="GH" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/gh.png\" alt=\"Ghana\" />"}'>
Ghana
</option>
<option value="GI" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/gi.png\" alt=\"Gibraltar\" />"}'>
Gibraltar
</option>
<option value="GR" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/gr.png\" alt=\"Greece\" />"}'>
Greece
</option>
<option value="GL" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/gl.png\" alt=\"Greenland\" />"}'>
Greenland
</option>
<option value="GD" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/gd.png\" alt=\"Grenada\" />"}'>
Grenada
</option>
<option value="GP" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/gp.png\" alt=\"Guadeloupe\" />"}'>
Guadeloupe
</option>
<option value="GU" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/gu.png\" alt=\"Guam\" />"}'>
Guam
</option>
<option value="GT" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/gt.png\" alt=\"Guatemala\" />"}'>
Guatemala
</option>
<option value="GG" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/gg.png\" alt=\"Guernsey\" />"}'>
Guernsey
</option>
<option value="GN" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/gn.png\" alt=\"Guinea\" />"}'>
Guinea
</option>
<option value="GW" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/gy.png\" alt=\"Guyana\" />"}'>
Guyana
</option>
<option value="HT" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/ht.png\" alt=\"Haiti\" />"}'>
Haiti
</option>
<option value="VA" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/hn.png\" alt=\"Honduras\" />"}'>
Honduras
</option>
<option value="HK" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/hu.png\" alt=\"Hungary\" />"}'>
Hungary
</option>
<option value="IS" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/is.png\" alt=\"Iceland\" />"}'>
Iceland
</option>
<option value="IN" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/in.png\" alt=\"India\" />"}'>
India
</option>
<option value="ID" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/id.png\" alt=\"Indonesia\" />"}'>
Indonesia
</option>
<option value="IR" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/iq.png\" alt=\"Iraq\" />"}'>
Iraq
</option>
<option value="IE" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/ie.png\" alt=\"Ireland\" />"}'>
Ireland
</option>
<option value="IM" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/il.png\" alt=\"Israel\" />"}'>
Israel
</option>
<option value="IT" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/it.png\" alt=\"Italy\" />"}'>
Italy
</option>
<option value="JM" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/jm.png\" alt=\"Jamaica\" />"}'>
Jamaica
</option>
<option value="JP" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/jp.png\" alt=\"Japan\" />"}'>
Japan
</option>
<option value="JE" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/je.png\" alt=\"Jersey\" />"}'>
Jersey
</option>
<option value="JO" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/jo.png\" alt=\"Jordan\" />"}'>
Jordan
</option>
<option value="KZ" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/kz.png\" alt=\"Kazakhstan\" />"}'>
Kazakhstan
</option>
<option value="KE" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/ke.png\" alt=\"Kenya\" />"}'>
Kenya
</option>
<option value="KI" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/ki.png\" alt=\"Kiribati\" />"}'>
Kiribati
</option>
<option value="KW" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/kw.png\" alt=\"Kuwait\" />"}'>
Kuwait
</option>
<option value="KG" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/kg.png\" alt=\"Kyrgyzstan\" />"}'>
Kyrgyzstan
</option>
<option value="LA" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/la.png\" alt=\"Laos\" />"}'>
Laos
</option>
<option value="LV" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/lv.png\" alt=\"Latvia\" />"}'>
Latvia
</option>
<option value="LB" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/lb.png\" alt=\"Lebanon\" />"}'>
Lebanon
</option>
<option value="LS" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/ls.png\" alt=\"Lesotho\" />"}'>
Lesotho
</option>
<option value="LR" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/lr.png\" alt=\"Liberia\" />"}'>
Liberia
</option>
<option value="LY" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/ly.png\" alt=\"Libya\" />"}'>
Libya
</option>
<option value="LI" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/li.png\" alt=\"Liechtenstein\" />"}'>
Liechtenstein
</option>
<option value="LT" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/lt.png\" alt=\"Lithuania\" />"}'>
Lithuania
</option>
<option value="LU" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/lu.png\" alt=\"Luxembourg\" />"}'>
Luxembourg
</option>
<option value="MO" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/mo.png\" alt=\"Macau\" />"}'>
Macau
</option>
<option value="MG" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/mg.png\" alt=\"Madagascar\" />"}'>
Madagascar
</option>
<option value="MW" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/mw.png\" alt=\"Malawi\" />"}'>
Malawi
</option>
<option value="MY" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/my.png\" alt=\"Malaysia\" />"}'>
Malaysia
</option>
<option value="MV" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/mv.png\" alt=\"Maldives\" />"}'>
Maldives
</option>
<option value="ML" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/ml.png\" alt=\"Mali\" />"}'>
Mali
</option>
<option value="MT" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/mt.png\" alt=\"Malta\" />"}'>
Malta
</option>
<option value="MH" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/mq.png\" alt=\"Martinique\" />"}'>
Martinique
</option>
<option value="MR" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/mr.png\" alt=\"Mauritania\" />"}'>
Mauritania
</option>
<option value="MU" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/mu.png\" alt=\"Mauritius\" />"}'>
Mauritius
</option>
<option value="YT" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/yt.png\" alt=\"Mayotte\" />"}'>
Mayotte
</option>
<option value="MX" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/mx.png\" alt=\"Mexico\" />"}'>
Mexico
</option>
<option value="MD" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/md.png\" alt=\"Moldova\" />"}'>
Moldova
</option>
<option value="MC" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/mc.png\" alt=\"Monaco\" />"}'>
Monaco
</option>
<option value="MN" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/mn.png\" alt=\"Mongolia\" />"}'>
Mongolia
</option>
<option value="ME" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/me.png\" alt=\"Montenegro\" />"}'>
Montenegro
</option>
<option value="MS" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/ms.png\" alt=\"Montserrat\" />"}'>
Montserrat
</option>
<option value="MA" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/ma.png\" alt=\"Morocco\" />"}'>
Morocco
</option>
<option value="MZ" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/mz.png\" alt=\"Mozambique\" />"}'>
Mozambique
</option>
<option value="MM" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/mm.png\" alt=\"Myanmar\" />"}'>
Myanmar
</option>
<option value="NA" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/na.png\" alt=\"Namibia\" />"}'>
Namibia
</option>
<option value="NR" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/nr.png\" alt=\"Nauru\" />"}'>
Nauru
</option>
<option value="NP" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/np.png\" alt=\"Nepal\" />"}'>
Nepal
</option>
<option value="NL" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/nl.png\" alt=\"Netherlands\" />"}'>
Netherlands
</option>
<option value="NC" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/ni.png\" alt=\"Nicaragua\" />"}'>
Nicaragua
</option>
<option value="NE" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/ne.png\" alt=\"Niger\" />"}'>
Niger
</option>
<option value="NG" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/ng.png\" alt=\"Nigeria\" />"}'>
Nigeria
</option>
<option value="NU" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/nu.png\" alt=\"Niue\" />"}'>
Niue
</option>
<option value="NF" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/no.png\" alt=\"Norway\" />"}'>
Norway
</option>
<option value="OM" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/om.png\" alt=\"Oman\" />"}'>
Oman
</option>
<option value="PK" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/pk.png\" alt=\"Pakistan\" />"}'>
Pakistan
</option>
<option value="PW" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/pw.png\" alt=\"Palau\" />"}'>
Palau
</option>
<option value="PA" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/pa.png\" alt=\"Panama\" />"}'>
Panama
</option>
<option value="PG" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/py.png\" alt=\"Paraguay\" />"}'>
Paraguay
</option>
<option value="PE" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/pe.png\" alt=\"Peru\" />"}'>
Peru
</option>
<option value="PH" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/ph.png\" alt=\"Philippines\" />"}'>
Philippines
</option>
<option value="PN" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/pn.png\" alt=\"Pitcairn\" />"}'>
Pitcairn
</option>
<option value="PL" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/pl.png\" alt=\"Poland\" />"}'>
Poland
</option>
<option value="PT" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/pt.png\" alt=\"Portugal\" />"}'>
Portugal
</option>
<option value="PR" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/qa.png\" alt=\"Qatar\" />"}'>
Qatar
</option>
<option value="CG" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/ro.png\" alt=\"Romania\" />"}'>
Romania
</option>
<option value="RU" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/ru.png\" alt=\"Russia\" />"}'>
Russia
</option>
<option value="RW" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/rw.png\" alt=\"Rwanda\" />"}'>
Rwanda
</option>
<option value="RE" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/ws.png\" alt=\"Samoa\" />"}'>
Samoa
</option>
<option value="SM" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/gb.png\" alt=\"Scotland\" />"}'>
Scotland
</option>
<option value="SN" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/sn.png\" alt=\"Senegal\" />"}'>
Senegal
</option>
<option value="RS" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/rs.png\" alt=\"Serbia\" />"}'>
Serbia
</option>
<option value="SC" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/sc.png\" alt=\"Seychelles\" />"}'>
Seychelles
</option>
<option value="SL" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/sg.png\" alt=\"Singapore\" />"}'>
Singapore
</option>
<option value="SX" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/sk.png\" alt=\"Slovakia\" />"}'>
Slovakia
</option>
<option value="SI" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/si.png\" alt=\"Slovenia\" />"}'>
Slovenia
</option>
<option value="SB" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/so.png\" alt=\"Somalia\" />"}'>
Somalia
</option>
<option value="ZA" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/es.png\" alt=\"Spain\" />"}'>
Spain
</option>
<option value="LK" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/sd.png\" alt=\"Sudan\" />"}'>
Sudan
</option>
<option value="SR" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/sr.png\" alt=\"Suriname\" />"}'>
Suriname
</option>
<option value="SJ" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/sz.png\" alt=\"Swaziland\" />"}'>
Swaziland
</option>
<option value="SE" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/se.png\" alt=\"Sweden\" />"}'>
Sweden
</option>
<option value="CH" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/ch.png\" alt=\"Switzerland\" />"}'>
Switzerland
</option>
<option value="SY" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/tw.png\" alt=\"Taiwan\" />"}'>
Taiwan
</option>
<option value="TJ" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/tj.png\" alt=\"Tajikistan\" />"}'>
Tajikistan
</option>
<option value="TZ" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/tz.png\" alt=\"Tanzania\" />"}'>
Tanzania
</option>
<option value="TH" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/th.png\" alt=\"Thailand\" />"}'>
Thailand
</option>
<option value="TL" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/tg.png\" alt=\"Togo\" />"}'>
Togo
</option>
<option value="TK" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/tk.png\" alt=\"Tokelau\" />"}'>
Tokelau
</option>
<option value="TO" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/to.png\" alt=\"Tonga\" />"}'>
Tonga
</option>
<option value="TT" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/tn.png\" alt=\"Tunisia\" />"}'>
Tunisia
</option>
<option value="TR" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/tr.png\" alt=\"Turkey\" />"}'>
Turkey
</option>
<option value="TM" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/tm.png\" alt=\"Turkmenistan\" />"}'>
Turkmenistan
</option>
<option value="TC" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/tv.png\" alt=\"Tuvalu\" />"}'>
Tuvalu
</option>
<option value="UG" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/ug.png\" alt=\"Uganda\" />"}'>
Uganda
</option>
<option value="UA" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/ua.png\" alt=\"Ukraine\" />"}'>
Ukraine
</option>
<option value="AE" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/uy.png\" alt=\"Uruguay\" />"}'>
Uruguay
</option>
<option value="UZ" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/uz.png\" alt=\"Uzbekistan\" />"}'>
Uzbekistan
</option>
<option value="VU" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/vu.png\" alt=\"Vanuatu\" />"}'>
Vanuatu
</option>
<option value="VE" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/vn.png\" alt=\"Vietnam\" />"}'>
Vietnam
</option>
<option value="VG" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/gb.png\" alt=\"Wales\" />"}'>
Wales
</option>
<option value="WF" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" 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=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/ye.png\" alt=\"Yemen\" />"}'>
Yemen
</option>
<option value="ZM" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/zm.png\" alt=\"Zambia\" />"}'>
Zambia
</option>
<option value="ZW" data-hs-select-option='{
"icon": "<img class=\"dxkem m5z5i a3ufl \" src=\"../../assets/vendor/svg-country-flags/png100px/zw.png\" alt=\"Zimbabwe\" />"}'>
Zimbabwe
</option>
</select>
<div class="absolute onm4j wk9ov -translate-y-1/2">
<svg class="vpbnr fwnpl vej1k" 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="hij2j">
<div class="cwrq4 bg6xe yru4d ahnaj">
<div id="hs-wrapper-for-address-copy" class="ia4l2">
<!-- Input -->
<div id="hs-content-for-address-copy">
<label for="hs-pro-esssa" class="block pqyx6 hac7f ivg4u dt7pj dark:text-neutral-200">
Store address
</label>
<input id="hs-pro-esssa" type="email" class="fuiju tm5do block w-full jujtl xroga hac7f dt7pj h1ur8 mow9x hjrzy kjmk4 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200 dark:placeholder:text-neutral-500 dark:focus:outline-none 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="eh7as iv41c xgqt9 items-center c0yql ps4xk ivg4u a3ufl dpq4d xaqn2 jujtl v869m kikgv ze1zv oekgx z50zr sbnko pfxy3 dark:bg-neutral-800 dark:border-neutral-700 dark:text-green-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
<svg class="vpbnr cp61q" 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="cwrq4 uqcx1 jwgcu yru4d ahnaj">
<!-- Input -->
<div class="dzjy8">
<label for="hs-pro-essun" class="block pqyx6 hac7f ivg4u dt7pj dark:text-neutral-200">
Apartment, Suite
</label>
<input id="hs-pro-essun" type="text" class="fuiju tm5do block w-full jujtl xroga hac7f dt7pj h1ur8 mow9x hjrzy kjmk4 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200 dark:placeholder:text-neutral-500 dark:focus:outline-none dark:focus:ring-1 dark:focus:ring-neutral-600">
</div>
<!-- End Input -->
<!-- Input -->
<div class="dzjy8">
<label for="hs-pro-esszc" class="block pqyx6 hac7f ivg4u dt7pj dark:text-neutral-200">
ZIP / Postal code
</label>
<input id="hs-pro-esszc" type="text" class="fuiju tm5do block w-full jujtl xroga hac7f dt7pj h1ur8 mow9x hjrzy kjmk4 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200 dark:placeholder:text-neutral-500 dark:focus:outline-none dark:focus:ring-1 dark:focus:ring-neutral-600">
</div>
<!-- End Input -->
<!-- Input -->
<div class="w28rj">
<label for="hs-pro-esscy" class="block pqyx6 hac7f ivg4u dt7pj dark:text-neutral-200">
City
</label>
<input id="hs-pro-esscy" type="text" class="fuiju tm5do block w-full jujtl xroga hac7f dt7pj h1ur8 mow9x hjrzy kjmk4 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200 dark:placeholder:text-neutral-500 dark:focus:outline-none dark:focus:ring-1 dark:focus:ring-neutral-600">
</div>
<!-- End Input -->
</div>
<!-- End Input Grid -->
<!-- Input Grid -->
<div class="hij2j">
<!-- Switch/Toggle -->
<div class="flex encm3 items-center">
<div class="relative dxkem">
<input type="checkbox" id="hs-pro-essaapp" class="relative u3r0k ze8ho arrd8 rg6vy vm1ok a3ufl cursor-pointer r2uh1 cfk4u gxslw kjmk4 oekgx z50zr checked:bg-none checked:text-green-600 checked:border-green-600 focus:checked:border-green-600 dark:bg-neutral-800 dark:border-neutral-700 dark:checked:bg-green-500 dark:checked:border-green-500 dark:focus:ring-offset-neutral-900
c5flu zyk20 n7mnu ep1fp ibw6n u0orr wqdxa uphjs ai84n gzju2 wu2ov z3hip rhctc dark:before:bg-neutral-400 dark:checked:before:bg-white" checked>
</div>
<label for="hs-pro-essaapp" class="btpiv izvox hac7f vej1k dark:text-neutral-400">Accept Apple Pay payments</label>
</div>
<!-- End Switch/Toggle -->
<!-- Switch/Toggle -->
<div class="flex encm3 items-center">
<div class="relative dxkem">
<input type="checkbox" id="hs-pro-essagpp" class="relative u3r0k ze8ho arrd8 rg6vy vm1ok a3ufl cursor-pointer r2uh1 cfk4u gxslw kjmk4 oekgx z50zr checked:bg-none checked:text-green-600 checked:border-green-600 focus:checked:border-green-600 dark:bg-neutral-800 dark:border-neutral-700 dark:checked:bg-green-500 dark:checked:border-green-500 dark:focus:ring-offset-neutral-900
c5flu zyk20 n7mnu ep1fp ibw6n u0orr wqdxa uphjs ai84n gzju2 wu2ov z3hip rhctc dark:before:bg-neutral-400 dark:checked:before:bg-white" checked>
</div>
<label for="hs-pro-essagpp" class="btpiv izvox hac7f vej1k dark:text-neutral-400">Accept Google Pay payments</label>
</div>
<!-- End Switch/Toggle -->
</div>
<!-- End Input Grid -->
</div>
<!-- End Store Settings Card -->