Edit Form Modals
Edit user details, upload profile pictures, and manage data with Edit Form Modals.
<!-- Edit User Modal -->
<div id="hs-pro-deum" class="hs-overlay hidden lpgt1 fixed ofq05 uv2uj kdmqb overflow-x-hidden overflow-y-auto [--close-when-click-inside:true] howv4" role="dialog" tabindex="-1" aria-labelledby="hs-pro-deum-label">
<div class="hs-overlay-open:mt-7 hs-overlay-open:opacity-100 hs-overlay-open:duration-500 s193u opacity-0 f6mgt g0ipl tey06 p3qto cux47 sm:mx-auto h-[calc(100%-56px)] min-h-[calc(100%-56px)] flex items-center">
<div class="i65bn fmwcv flex flex-col oo8ro lile3 pointer-events-auto rrmkk dark:bg-neutral-800">
<!-- Header -->
<div class="o1ncb dkhxo flex uip67 items-center ic6aj d77gl dark:border-neutral-700">
<h3 id="hs-pro-deum-label" class="vo20k bp13m dark:text-neutral-200">
Edit user
</h3>
<button type="button" class="aukwz hq6gx flex r00n9 items-center lialp oq0dt wfm4e qb17b agawe bp13m eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:bg-neutral-700 dark:hover:bg-neutral-600 dark:text-neutral-400 dark:focus:bg-neutral-600" aria-label="Close" data-hs-overlay="#hs-pro-deum">
<span class="ecbnn">Close</span>
<svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg>
</button>
</div>
<!-- End Header -->
<!-- Body -->
<div class="overflow-y-auto n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<div class="pi5e6 space-y-5">
<!-- Grid -->
<div class="dmfqa q2rai u3yl9 xve2l n2w3m">
<div class="cdyyc">
<label class="rc27a inline-block t5ziw t6rrs dark:text-neutral-500">
Avatar
</label>
</div>
<!-- End Col -->
<div class="qn8oy">
<!-- Logo Upload Group -->
<div class="flex flex-wrap items-center aygsi bbb42">
<img class="hq6gx zvis0 oq0dt" src="https://images.unsplash.com/photo-1570654639102-bdd95efeca7a?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80" alt="Avatar">
<div class="e3fpz">
<div class="flex items-center lialp">
<button type="button" class="i7oig apc69 inline-flex items-center lialp cm336 vo20k ps5iq wfm4e qb17b jqqot zr4l6 lmqf9 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden v1cco tyfry" >
<svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="17 8 12 3 7 8"/><line x1="12" x2="12" y1="3" y2="15"/></svg>
Upload photo
</button><button type="button" class="i7oig apc69 inline-flex items-center lialp cm336 vo20k ps5iq wfm4e d77gl oo8ro bs6yk hx4gm tdhmi disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tme8y dark:bg-neutral-800 dark:border-neutral-700 dark:text-red-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" >
Delete
</button>
</div>
</div>
</div>
<!-- End Logo Upload Group -->
</div>
<!-- End Col -->
</div>
<!-- End Grid -->
<!-- Grid -->
<div class="dmfqa q2rai u3yl9 xve2l n2w3m">
<div class="cdyyc">
<label for="hs-pro-daufnm" class="rc27a inline-block t5ziw t6rrs dark:text-neutral-500">
Name
</label>
</div>
<!-- End Col -->
<div class="qn8oy">
<input id="hs-pro-daufnm" type="text" class="jlmh5 sofkk apc69 block i65bn d77gl ps5iq psfwb a0kik oo46r tyfry disabled:opacity-50 disabled:pointer-events-none dark:bg-transparent dark:border-neutral-700 dark:text-neutral-300 dark:placeholder:text-white/60 dark:focus:ring-neutral-600" placeholder="James Davidson" value="Anna Richard ">
</div>
<!-- End Col -->
</div>
<!-- End Grid -->
<!-- Grid -->
<div class="dmfqa q2rai u3yl9 xve2l n2w3m">
<div class="cdyyc">
<label for="hs-pro-daufnm" class="rc27a inline-block t5ziw t6rrs dark:text-neutral-500">
Email
</label>
</div>
<!-- End Col -->
<div class="qn8oy">
<input id="hs-pro-daufem" type="email" class="jlmh5 sofkk apc69 block i65bn d77gl ps5iq psfwb a0kik oo46r tyfry disabled:opacity-50 disabled:pointer-events-none dark:bg-transparent dark:border-neutral-700 dark:text-neutral-300 dark:placeholder:text-white/60 dark:focus:ring-neutral-600" placeholder="james@site.com" value="anna@site.com ">
</div>
<!-- End Col -->
</div>
<!-- End Grid -->
<!-- Grid -->
<div class="dmfqa q2rai u3yl9 xve2l n2w3m">
<div class="cdyyc">
<label for="hs-pro-daufph" class="rc27a inline-block t5ziw t6rrs dark:text-neutral-500">
Phone
</label>
</div>
<!-- End Col -->
<div class="qn8oy">
<div id="hs-wrapper-for-copy" class="space-y-3">
<div id="hs-content-for-copy" class="dmfqa fqhb4 h1dxu">
<div class="nvgw2">
<input id="hs-pro-daufph" type="text" class="jlmh5 sofkk apc69 block i65bn d77gl ps5iq psfwb a0kik oo46r tyfry disabled:opacity-50 disabled:pointer-events-none dark:bg-transparent dark:border-neutral-700 dark:text-neutral-300 dark:placeholder:text-white/60 dark:focus:ring-neutral-600" placeholder="Code" value=" ">
</div>
<div class="go98j">
<input type="text" class="jlmh5 sofkk apc69 block i65bn d77gl ps5iq psfwb a0kik oo46r tyfry disabled:opacity-50 disabled:pointer-events-none dark:bg-transparent dark:border-neutral-700 dark:text-neutral-300 dark:placeholder:text-white/60 dark:focus:ring-neutral-600" placeholder="Phone" value=" ">
</div>
</div>
</div>
<!-- Add Phone -->
<p class="ymk3i cuqi8">
<button type="button" data-hs-copy-markup='{
"targetSelector": "#hs-content-for-copy",
"wrapperSelector": "#hs-wrapper-for-copy",
"limit": 3
}' class="jlmh5 kzzmm inline-flex items-center pgjbi cm336 vo20k oq0dt wfm4e ef3uy d77gl oo8ro bp13m tdhmi disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tme8y dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
<svg class="hq6gx a49ku" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>
Add phone
</button>
</p>
<!-- End Add Phone -->
</div>
<!-- End Col -->
</div>
<!-- End Grid -->
<!-- Grid -->
<div class="dmfqa q2rai u3yl9 xve2l n2w3m">
<div class="cdyyc">
<label for="hs-pro-daufad" class="rc27a inline-block t5ziw t6rrs dark:text-neutral-500">
Address
</label>
</div>
<!-- End Col -->
<div class="qn8oy space-y-3">
<div class="space-y-3">
<input id="hs-pro-daufad" type="text" class="jlmh5 sofkk apc69 block i65bn d77gl ps5iq psfwb a0kik oo46r tyfry disabled:opacity-50 disabled:pointer-events-none dark:bg-transparent dark:border-neutral-700 dark:text-neutral-300 dark:placeholder:text-white/60 dark:focus:ring-neutral-600" placeholder="Street" value="4970 Park Ave W ">
<input type="text" class="jlmh5 sofkk apc69 block i65bn d77gl ps5iq psfwb a0kik oo46r tyfry disabled:opacity-50 disabled:pointer-events-none dark:bg-transparent dark:border-neutral-700 dark:text-neutral-300 dark:placeholder:text-white/60 dark:focus:ring-neutral-600" placeholder="Street line 2 (Optional)">
</div>
<div class="dmfqa hdv6z vmt4s">
<div>
<input type="text" class="jlmh5 sofkk apc69 block i65bn d77gl ps5iq psfwb a0kik oo46r tyfry disabled:opacity-50 disabled:pointer-events-none dark:bg-transparent dark:border-neutral-700 dark:text-neutral-300 dark:placeholder:text-white/60 dark:focus:ring-neutral-600" placeholder="City" value="Ohio ">
</div>
<div>
<input type="text" class="jlmh5 sofkk apc69 block i65bn d77gl ps5iq psfwb a0kik oo46r tyfry disabled:opacity-50 disabled:pointer-events-none dark:bg-transparent dark:border-neutral-700 dark:text-neutral-300 dark:placeholder:text-white/60 dark:focus:ring-neutral-600" placeholder="Zip/Postal code" value="44723 ">
</div>
</div>
<!-- Select -->
<div class="relative">
<select data-hs-select='{
"placeholder": "Country",
"hasSearch": true,
"searchPlaceholder": "Country",
"searchClasses": "block i65bn psfwb d77gl ps5iq oo46r tyfry dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-400 dark:placeholder:text-neutral-400 jlmh5 sofkk apc69",
"searchWrapperClasses": "oo8ro n33uu -mx-1 qp3gf ofq05 dark:bg-neutral-900",
"toggleTag": "<button type=\"button\" aria-expanded=\"false\"><span data-icon></span><span class=\"bp13m dark:text-neutral-200 \" data-title></span></button>",
"toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative jlmh5 sofkk dhy94 k77cj flex lialp dslo6 i65bn cursor-pointer oo8ro wfm4e d77gl ps5iq qgy40 psfwb focus:outline-hidden v1cco tyfry dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400 dark:focus:outline-hidden dark:focus:ring-1 dark:focus:ring-neutral-600",
"dropdownClasses": "adv10 ju7it ami92 space-y-0.5 ucmtr i65bn overflow-hidden overflow-y-auto oo8ro lile3 rrmkk n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900",
"optionClasses": "hs-selected:bg-gray-100 dark:hs-selected:bg-neutral-800 i7oig dkhxo i65bn t5ziw bp13m cursor-pointer ksr3h ps5iq focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800",
"optionTemplate": "<div><div class=\"flex items-center \"><div class=\"epucs \" data-icon></div><div class=\"bp13m dark:text-neutral-200 \" data-title></div></div></div>",
"preventSearchFocus": false,
"viewport": "#hs-pro-create-new-user"
}' class="hidden">
<option value="">Choose</option>
<option value="AF" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/af.png\" alt=\"Afghanistan\" />"}'>
Afghanistan
</option>
<option value="AX" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ax.png\" alt=\"Aland Islands\" />"}'>
Aland Islands
</option>
<option value="AL" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/al.png\" alt=\"Albania\" />"}'>
Albania
</option>
<option value="DZ" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/dz.png\" alt=\"Algeria\" />"}'>
Algeria
</option>
<option value="AS" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/as.png\" alt=\"American Samoa\" />"}'>
American Samoa
</option>
<option value="AD" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ad.png\" alt=\"Andorra\" />"}'>
Andorra
</option>
<option value="AO" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ao.png\" alt=\"Angola\" />"}'>
Angola
</option>
<option value="AI" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ai.png\" alt=\"Anguilla\" />"}'>
Anguilla
</option>
<option value="AG" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ag.png\" alt=\"Antigua and Barbuda\" />"}'>
Antigua and Barbuda
</option>
<option value="AR" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ar.png\" alt=\"Argentina\" />"}'>
Argentina
</option>
<option value="AM" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/am.png\" alt=\"Armenia\" />"}'>
Armenia
</option>
<option value="AW" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/aw.png\" alt=\"Aruba\" />"}'>
Aruba
</option>
<option value="AU" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/au.png\" alt=\"Australia\" />"}'>
Australia
</option>
<option value="AT" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/at.png\" alt=\"Austria\" />"}'>
Austria
</option>
<option value="AZ" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/az.png\" alt=\"Azerbaijan\" />"}'>
Azerbaijan
</option>
<option value="BS" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/bs.png\" alt=\"Bahamas\" />"}'>
Bahamas
</option>
<option value="BH" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/bh.png\" alt=\"Bahrain\" />"}'>
Bahrain
</option>
<option value="BD" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/bd.png\" alt=\"Bangladesh\" />"}'>
Bangladesh
</option>
<option value="BB" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/bb.png\" alt=\"Barbados\" />"}'>
Barbados
</option>
<option value="BY" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/by.png\" alt=\"Belarus\" />"}'>
Belarus
</option>
<option value="BE" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/be.png\" alt=\"Belgium\" />"}'>
Belgium
</option>
<option value="BZ" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/bz.png\" alt=\"Belize\" />"}'>
Belize
</option>
<option value="BJ" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/bj.png\" alt=\"Benin\" />"}'>
Benin
</option>
<option value="BM" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/bm.png\" alt=\"Bermuda\" />"}'>
Bermuda
</option>
<option value="BT" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/bt.png\" alt=\"Bhutan\" />"}'>
Bhutan
</option>
<option value="BO" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/bo.png\" alt=\"Bolivia (Plurinational State of)\" />"}'>
Bolivia (Plurinational State of)
</option>
<option value="BQ" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/bq.png\" alt=\"Bonaire, Sint Eustatius and Saba\" />"}'>
Bonaire, Sint Eustatius and Saba
</option>
<option value="BA" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ba.png\" alt=\"Bosnia and Herzegovina\" />"}'>
Bosnia and Herzegovina
</option>
<option value="BW" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/bw.png\" alt=\"Botswana\" />"}'>
Botswana
</option>
<option value="BR" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/br.png\" alt=\"Brazil\" />"}'>
Brazil
</option>
<option value="IO" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/io.png\" alt=\"British Indian Ocean Territory\" />"}'>
British Indian Ocean Territory
</option>
<option value="BN" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/bn.png\" alt=\"Brunei Darussalam\" />"}'>
Brunei Darussalam
</option>
<option value="BG" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/bg.png\" alt=\"Bulgaria\" />"}'>
Bulgaria
</option>
<option value="BF" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/bf.png\" alt=\"Burkina Faso\" />"}'>
Burkina Faso
</option>
<option value="BI" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/bi.png\" alt=\"Burundi\" />"}'>
Burundi
</option>
<option value="CV" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/cv.png\" alt=\"Cabo Verde\" />"}'>
Cabo Verde
</option>
<option value="KH" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/kh.png\" alt=\"Cambodia\" />"}'>
Cambodia
</option>
<option value="CM" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/cm.png\" alt=\"Cameroon\" />"}'>
Cameroon
</option>
<option value="CA" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ca.png\" alt=\"Canada\" />"}'>
Canada
</option>
<option value="KY" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ky.png\" alt=\"Cayman Islands\" />"}'>
Cayman Islands
</option>
<option value="CF" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/cf.png\" alt=\"Central African Republic\" />"}'>
Central African Republic
</option>
<option value="TD" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/td.png\" alt=\"Chad\" />"}'>
Chad
</option>
<option value="CL" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/cl.png\" alt=\"Chile\" />"}'>
Chile
</option>
<option value="CN" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/cn.png\" alt=\"China\" />"}'>
China
</option>
<option value="CX" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/cx.png\" alt=\"Christmas Island\" />"}'>
Christmas Island
</option>
<option value="CC" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/cc.png\" alt=\"Cocos (Keeling) Islands\" />"}'>
Cocos (Keeling) Islands
</option>
<option value="CO" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/co.png\" alt=\"Colombia\" />"}'>
Colombia
</option>
<option value="KM" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/km.png\" alt=\"Comoros\" />"}'>
Comoros
</option>
<option value="CK" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ck.png\" alt=\"Cook Islands\" />"}'>
Cook Islands
</option>
<option value="CR" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/cr.png\" alt=\"Costa Rica\" />"}'>
Costa Rica
</option>
<option value="HR" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/hr.png\" alt=\"Croatia\" />"}'>
Croatia
</option>
<option value="CU" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/cu.png\" alt=\"Cuba\" />"}'>
Cuba
</option>
<option value="CW" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/cw.png\" alt=\"Curaçao\" />"}'>
Curaçao
</option>
<option value="CY" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/cy.png\" alt=\"Cyprus\" />"}'>
Cyprus
</option>
<option value="CZ" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/cz.png\" alt=\"Czech Republic\" />"}'>
Czech Republic
</option>
<option value="CI" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ci.png\" alt=Côte dIvoire\" />"}'>
Côte dIvoire
</option>
<option value="CD" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/cd.png\" alt=\"Democratic Republic of the Congo\" />"}'>
Democratic Republic of the Congo
</option>
<option value="DK" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/dk.png\" alt=\"Denmark\" />"}'>
Denmark
</option>
<option value="DJ" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/dj.png\" alt=\"Djibouti\" />"}'>
Djibouti
</option>
<option value="DM" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/dm.png\" alt=\"Dominica\" />"}'>
Dominica
</option>
<option value="DO" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/do.png\" alt=\"Dominican Republic\" />"}'>
Dominican Republic
</option>
<option value="EC" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ec.png\" alt=\"Ecuador\" />"}'>
Ecuador
</option>
<option value="EG" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/eg.png\" alt=\"Egypt\" />"}'>
Egypt
</option>
<option value="SV" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/sv.png\" alt=\"El Salvador\" />"}'>
El Salvador
</option>
<option value="GB-ENG" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/gb.png\" alt=\"England\" />"}'>
England
</option>
<option value="GQ" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/gq.png\" alt=\"Equatorial Guinea\" />"}'>
Equatorial Guinea
</option>
<option value="ER" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/er.png\" alt=\"Eritrea\" />"}'>
Eritrea
</option>
<option value="EE" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ee.png\" alt=\"Estonia\" />"}'>
Estonia
</option>
<option value="ET" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/et.png\" alt=\"Ethiopia\" />"}'>
Ethiopia
</option>
<option value="FK" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/fk.png\" alt=\"Falkland Islands\" />"}'>
Falkland Islands
</option>
<option value="FO" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/fo.png\" alt=\"Faroe Islands\" />"}'>
Faroe Islands
</option>
<option value="FM" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/fm.png\" alt=\"Federated States of Micronesia\" />"}'>
Federated States of Micronesia
</option>
<option value="FJ" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/fj.png\" alt=\"Fiji\" />"}'>
Fiji
</option>
<option value="FI" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/fi.png\" alt=\"Finland\" />"}'>
Finland
</option>
<option value="FR" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/fr.png\" alt=\"France\" />"}'>
France
</option>
<option value="GF" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/gf.png\" alt=\"French Guiana\" />"}'>
French Guiana
</option>
<option value="PF" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/pf.png\" alt=\"French Polynesia\" />"}'>
French Polynesia
</option>
<option value="TF" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/tf.png\" alt=\"French Southern Territories\" />"}'>
French Southern Territories
</option>
<option value="GA" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ga.png\" alt=\"Gabon\" />"}'>
Gabon
</option>
<option value="GM" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/gm.png\" alt=\"Gambia\" />"}'>
Gambia
</option>
<option value="GE" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ge.png\" alt=\"Georgia\" />"}'>
Georgia
</option>
<option value="DE" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/de.png\" alt=\"Germany\" />"}'>
Germany
</option>
<option value="GH" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/gh.png\" alt=\"Ghana\" />"}'>
Ghana
</option>
<option value="GI" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/gi.png\" alt=\"Gibraltar\" />"}'>
Gibraltar
</option>
<option value="GR" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/gr.png\" alt=\"Greece\" />"}'>
Greece
</option>
<option value="GL" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/gl.png\" alt=\"Greenland\" />"}'>
Greenland
</option>
<option value="GD" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/gd.png\" alt=\"Grenada\" />"}'>
Grenada
</option>
<option value="GP" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/gp.png\" alt=\"Guadeloupe\" />"}'>
Guadeloupe
</option>
<option value="GU" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/gu.png\" alt=\"Guam\" />"}'>
Guam
</option>
<option value="GT" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/gt.png\" alt=\"Guatemala\" />"}'>
Guatemala
</option>
<option value="GG" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/gg.png\" alt=\"Guernsey\" />"}'>
Guernsey
</option>
<option value="GN" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/gn.png\" alt=\"Guinea\" />"}'>
Guinea
</option>
<option value="GW" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/gw.png\" alt=\"Guinea-Bissau\" />"}'>
Guinea-Bissau
</option>
<option value="GY" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/gy.png\" alt=\"Guyana\" />"}'>
Guyana
</option>
<option value="HT" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ht.png\" alt=\"Haiti\" />"}'>
Haiti
</option>
<option value="VA" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/va.png\" alt=\"Holy See\" />"}'>
Holy See
</option>
<option value="HN" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/hn.png\" alt=\"Honduras\" />"}'>
Honduras
</option>
<option value="HK" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/hk.png\" alt=\"Hong Kong\" />"}'>
Hong Kong
</option>
<option value="HU" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/hu.png\" alt=\"Hungary\" />"}'>
Hungary
</option>
<option value="IS" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/is.png\" alt=\"Iceland\" />"}'>
Iceland
</option>
<option value="IN" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/in.png\" alt=\"India\" />"}'>
India
</option>
<option value="ID" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/id.png\" alt=\"Indonesia\" />"}'>
Indonesia
</option>
<option value="IR" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ir.png\" alt=\"Iran (Islamic Republic of)\" />"}'>
Iran (Islamic Republic of)
</option>
<option value="IQ" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/iq.png\" alt=\"Iraq\" />"}'>
Iraq
</option>
<option value="IE" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ie.png\" alt=\"Ireland\" />"}'>
Ireland
</option>
<option value="IM" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/im.png\" alt=\"Isle of Man\" />"}'>
Isle of Man
</option>
<option value="IL" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/il.png\" alt=\"Israel\" />"}'>
Israel
</option>
<option value="IT" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/it.png\" alt=\"Italy\" />"}'>
Italy
</option>
<option value="JM" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/jm.png\" alt=\"Jamaica\" />"}'>
Jamaica
</option>
<option value="JP" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/jp.png\" alt=\"Japan\" />"}'>
Japan
</option>
<option value="JE" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/je.png\" alt=\"Jersey\" />"}'>
Jersey
</option>
<option value="JO" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/jo.png\" alt=\"Jordan\" />"}'>
Jordan
</option>
<option value="KZ" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/kz.png\" alt=\"Kazakhstan\" />"}'>
Kazakhstan
</option>
<option value="KE" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ke.png\" alt=\"Kenya\" />"}'>
Kenya
</option>
<option value="KI" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ki.png\" alt=\"Kiribati\" />"}'>
Kiribati
</option>
<option value="KW" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/kw.png\" alt=\"Kuwait\" />"}'>
Kuwait
</option>
<option value="KG" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/kg.png\" alt=\"Kyrgyzstan\" />"}'>
Kyrgyzstan
</option>
<option value="LA" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/la.png\" alt=\"Laos\" />"}'>
Laos
</option>
<option value="LV" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/lv.png\" alt=\"Latvia\" />"}'>
Latvia
</option>
<option value="LB" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/lb.png\" alt=\"Lebanon\" />"}'>
Lebanon
</option>
<option value="LS" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ls.png\" alt=\"Lesotho\" />"}'>
Lesotho
</option>
<option value="LR" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/lr.png\" alt=\"Liberia\" />"}'>
Liberia
</option>
<option value="LY" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ly.png\" alt=\"Libya\" />"}'>
Libya
</option>
<option value="LI" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/li.png\" alt=\"Liechtenstein\" />"}'>
Liechtenstein
</option>
<option value="LT" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/lt.png\" alt=\"Lithuania\" />"}'>
Lithuania
</option>
<option value="LU" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/lu.png\" alt=\"Luxembourg\" />"}'>
Luxembourg
</option>
<option value="MO" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/mo.png\" alt=\"Macau\" />"}'>
Macau
</option>
<option value="MG" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/mg.png\" alt=\"Madagascar\" />"}'>
Madagascar
</option>
<option value="MW" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/mw.png\" alt=\"Malawi\" />"}'>
Malawi
</option>
<option value="MY" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/my.png\" alt=\"Malaysia\" />"}'>
Malaysia
</option>
<option value="MV" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/mv.png\" alt=\"Maldives\" />"}'>
Maldives
</option>
<option value="ML" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ml.png\" alt=\"Mali\" />"}'>
Mali
</option>
<option value="MT" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/mt.png\" alt=\"Malta\" />"}'>
Malta
</option>
<option value="MH" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/mh.png\" alt=\"Marshall Islands\" />"}'>
Marshall Islands
</option>
<option value="MQ" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/mq.png\" alt=\"Martinique\" />"}'>
Martinique
</option>
<option value="MR" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/mr.png\" alt=\"Mauritania\" />"}'>
Mauritania
</option>
<option value="MU" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/mu.png\" alt=\"Mauritius\" />"}'>
Mauritius
</option>
<option value="YT" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/yt.png\" alt=\"Mayotte\" />"}'>
Mayotte
</option>
<option value="MX" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/mx.png\" alt=\"Mexico\" />"}'>
Mexico
</option>
<option value="MD" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/md.png\" alt=\"Moldova\" />"}'>
Moldova
</option>
<option value="MC" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/mc.png\" alt=\"Monaco\" />"}'>
Monaco
</option>
<option value="MN" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/mn.png\" alt=\"Mongolia\" />"}'>
Mongolia
</option>
<option value="ME" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/me.png\" alt=\"Montenegro\" />"}'>
Montenegro
</option>
<option value="MS" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ms.png\" alt=\"Montserrat\" />"}'>
Montserrat
</option>
<option value="MA" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ma.png\" alt=\"Morocco\" />"}'>
Morocco
</option>
<option value="MZ" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/mz.png\" alt=\"Mozambique\" />"}'>
Mozambique
</option>
<option value="MM" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/mm.png\" alt=\"Myanmar\" />"}'>
Myanmar
</option>
<option value="NA" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/na.png\" alt=\"Namibia\" />"}'>
Namibia
</option>
<option value="NR" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/nr.png\" alt=\"Nauru\" />"}'>
Nauru
</option>
<option value="NP" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/np.png\" alt=\"Nepal\" />"}'>
Nepal
</option>
<option value="NL" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/nl.png\" alt=\"Netherlands\" />"}'>
Netherlands
</option>
<option value="NC" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/nc.png\" alt=\"New Caledonia\" />"}'>
New Caledonia
</option>
<option value="NZ" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/nz.png\" alt=\"New Zealand\" />"}'>
New Zealand
</option>
<option value="NI" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ni.png\" alt=\"Nicaragua\" />"}'>
Nicaragua
</option>
<option value="NE" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ne.png\" alt=\"Niger\" />"}'>
Niger
</option>
<option value="NG" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ng.png\" alt=\"Nigeria\" />"}'>
Nigeria
</option>
<option value="NU" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/nu.png\" alt=\"Niue\" />"}'>
Niue
</option>
<option value="NF" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/nf.png\" alt=\"Norfolk Island\" />"}'>
Norfolk Island
</option>
<option value="KP" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/kp.png\" alt=\"North Korea\" />"}'>
North Korea
</option>
<option value="MK" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/mk.png\" alt=\"North Macedonia\" />"}'>
North Macedonia
</option>
<option value="GB-NIR" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/gb.png\" alt=\"Northern Ireland\" />"}'>
Northern Ireland
</option>
<option value="MP" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/mp.png\" alt=\"Northern Mariana Islands\" />"}'>
Northern Mariana Islands
</option>
<option value="NO" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/no.png\" alt=\"Norway\" />"}'>
Norway
</option>
<option value="OM" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/om.png\" alt=\"Oman\" />"}'>
Oman
</option>
<option value="PK" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/pk.png\" alt=\"Pakistan\" />"}'>
Pakistan
</option>
<option value="PW" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/pw.png\" alt=\"Palau\" />"}'>
Palau
</option>
<option value="PA" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/pa.png\" alt=\"Panama\" />"}'>
Panama
</option>
<option value="PG" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/pg.png\" alt=\"Papua New Guinea\" />"}'>
Papua New Guinea
</option>
<option value="PY" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/py.png\" alt=\"Paraguay\" />"}'>
Paraguay
</option>
<option value="PE" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/pe.png\" alt=\"Peru\" />"}'>
Peru
</option>
<option value="PH" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ph.png\" alt=\"Philippines\" />"}'>
Philippines
</option>
<option value="PN" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/pn.png\" alt=\"Pitcairn\" />"}'>
Pitcairn
</option>
<option value="PL" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/pl.png\" alt=\"Poland\" />"}'>
Poland
</option>
<option value="PT" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/pt.png\" alt=\"Portugal\" />"}'>
Portugal
</option>
<option value="PR" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/pr.png\" alt=\"Puerto Rico\" />"}'>
Puerto Rico
</option>
<option value="QA" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/qa.png\" alt=\"Qatar\" />"}'>
Qatar
</option>
<option value="CG" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/cg.png\" alt=\"Republic of the Congo\" />"}'>
Republic of the Congo
</option>
<option value="RO" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ro.png\" alt=\"Romania\" />"}'>
Romania
</option>
<option value="RU" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ru.png\" alt=\"Russia\" />"}'>
Russia
</option>
<option value="RW" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/rw.png\" alt=\"Rwanda\" />"}'>
Rwanda
</option>
<option value="RE" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/re.png\" alt=\"Réunion\" />"}'>
Réunion
</option>
<option value="BL" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/bl.png\" alt=\"Saint Barthélemy\" />"}'>
Saint Barthélemy
</option>
<option value="SH" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/sh.png\" alt=\"Saint Helena, Ascension and Tristan da Cunha\" />"}'>
Saint Helena, Ascension and Tristan da Cunha
</option>
<option value="KN" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/kn.png\" alt=\"Saint Kitts and Nevis\" />"}'>
Saint Kitts and Nevis
</option>
<option value="LC" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/lc.png\" alt=\"Saint Lucia\" />"}'>
Saint Lucia
</option>
<option value="MF" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/mf.png\" alt=\"Saint Martin\" />"}'>
Saint Martin
</option>
<option value="PM" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/pm.png\" alt=\"Saint Pierre and Miquelon\" />"}'>
Saint Pierre and Miquelon
</option>
<option value="VC" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/vc.png\" alt=\"Saint Vincent and the Grenadines\" />"}'>
Saint Vincent and the Grenadines
</option>
<option value="WS" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ws.png\" alt=\"Samoa\" />"}'>
Samoa
</option>
<option value="SM" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/sm.png\" alt=\"San Marino\" />"}'>
San Marino
</option>
<option value="ST" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/st.png\" alt=\"Sao Tome and Principe\" />"}'>
Sao Tome and Principe
</option>
<option value="SA" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/sa.png\" alt=\"Saudi Arabia\" />"}'>
Saudi Arabia
</option>
<option value="GB-SCT" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/gb.png\" alt=\"Scotland\" />"}'>
Scotland
</option>
<option value="SN" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/sn.png\" alt=\"Senegal\" />"}'>
Senegal
</option>
<option value="RS" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/rs.png\" alt=\"Serbia\" />"}'>
Serbia
</option>
<option value="SC" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/sc.png\" alt=\"Seychelles\" />"}'>
Seychelles
</option>
<option value="SL" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/sl.png\" alt=\"Sierra Leone\" />"}'>
Sierra Leone
</option>
<option value="SG" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/sg.png\" alt=\"Singapore\" />"}'>
Singapore
</option>
<option value="SX" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/sx.png\" alt=\"Sint Maarten\" />"}'>
Sint Maarten
</option>
<option value="SK" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/sk.png\" alt=\"Slovakia\" />"}'>
Slovakia
</option>
<option value="SI" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/si.png\" alt=\"Slovenia\" />"}'>
Slovenia
</option>
<option value="SB" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/sb.png\" alt=\"Solomon Islands\" />"}'>
Solomon Islands
</option>
<option value="SO" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/so.png\" alt=\"Somalia\" />"}'>
Somalia
</option>
<option value="ZA" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/za.png\" alt=\"South Africa\" />"}'>
South Africa
</option>
<option value="GS" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/gs.png\" alt=\"South Georgia and the South Sandwich Islands\" />"}'>
South Georgia and the South Sandwich Islands
</option>
<option value="KR" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/kr.png\" alt=\"South Korea\" />"}'>
South Korea
</option>
<option value="SS" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ss.png\" alt=\"South Sudan\" />"}'>
South Sudan
</option>
<option value="ES" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/es.png\" alt=\"Spain\" />"}'>
Spain
</option>
<option value="LK" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/lk.png\" alt=\"Sri Lanka\" />"}'>
Sri Lanka
</option>
<option value="PS" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ps.png\" alt=\"State of Palestine\" />"}'>
State of Palestine
</option>
<option value="SD" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/sd.png\" alt=\"Sudan\" />"}'>
Sudan
</option>
<option value="SR" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/sr.png\" alt=\"Suriname\" />"}'>
Suriname
</option>
<option value="SJ" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/sj.png\" alt=\"Svalbard and Jan Mayen\" />"}'>
Svalbard and Jan Mayen
</option>
<option value="SZ" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/sz.png\" alt=\"Swaziland\" />"}'>
Swaziland
</option>
<option value="SE" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/se.png\" alt=\"Sweden\" />"}'>
Sweden
</option>
<option value="CH" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ch.png\" alt=\"Switzerland\" />"}'>
Switzerland
</option>
<option value="SY" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/sy.png\" alt=\"Syrian Arab Republic\" />"}'>
Syrian Arab Republic
</option>
<option value="TW" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/tw.png\" alt=\"Taiwan\" />"}'>
Taiwan
</option>
<option value="TJ" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/tj.png\" alt=\"Tajikistan\" />"}'>
Tajikistan
</option>
<option value="TZ" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/tz.png\" alt=\"Tanzania\" />"}'>
Tanzania
</option>
<option value="TH" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/th.png\" alt=\"Thailand\" />"}'>
Thailand
</option>
<option value="TL" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/tl.png\" alt=\"Timor-Leste\" />"}'>
Timor-Leste
</option>
<option value="TG" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/tg.png\" alt=\"Togo\" />"}'>
Togo
</option>
<option value="TK" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/tk.png\" alt=\"Tokelau\" />"}'>
Tokelau
</option>
<option value="TO" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/to.png\" alt=\"Tonga\" />"}'>
Tonga
</option>
<option value="TT" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/tt.png\" alt=\"Trinidad and Tobago\" />"}'>
Trinidad and Tobago
</option>
<option value="TN" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/tn.png\" alt=\"Tunisia\" />"}'>
Tunisia
</option>
<option value="TR" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/tr.png\" alt=\"Turkey\" />"}'>
Turkey
</option>
<option value="TM" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/tm.png\" alt=\"Turkmenistan\" />"}'>
Turkmenistan
</option>
<option value="TC" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/tc.png\" alt=\"Turks and Caicos Islands\" />"}'>
Turks and Caicos Islands
</option>
<option value="TV" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/tv.png\" alt=\"Tuvalu\" />"}'>
Tuvalu
</option>
<option value="UG" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ug.png\" alt=\"Uganda\" />"}'>
Uganda
</option>
<option value="UA" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ua.png\" alt=\"Ukraine\" />"}'>
Ukraine
</option>
<option value="AE" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ae.png\" alt=\"United Arab Emirates\" />"}'>
United Arab Emirates
</option>
<option value="GB" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/gb.png\" alt=\"United Kingdom\" />"}'>
United Kingdom
</option>
<option value="UM" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/um.png\" alt=\"United States Minor Outlying Islands\" />"}'>
United States Minor Outlying Islands
</option>
<option value="US" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/us.png\" alt=\"United States of America\" />"}'>
United States of America
</option>
<option value="UY" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/uy.png\" alt=\"Uruguay\" />"}'>
Uruguay
</option>
<option value="UZ" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/uz.png\" alt=\"Uzbekistan\" />"}'>
Uzbekistan
</option>
<option value="VU" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/vu.png\" alt=\"Vanuatu\" />"}'>
Vanuatu
</option>
<option value="VE" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ve.png\" alt=\"Venezuela (Bolivarian Republic of)\" />"}'>
Venezuela (Bolivarian Republic of)
</option>
<option value="VN" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/vn.png\" alt=\"Vietnam\" />"}'>
Vietnam
</option>
<option value="VG" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/vg.png\" alt=\"Virgin Islands (British)\" />"}'>
Virgin Islands (British)
</option>
<option value="VI" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/vi.png\" alt=\"Virgin Islands (U.S.)\" />"}'>
Virgin Islands (U.S.)
</option>
<option value="GB-WLS" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/gb.png\" alt=\"Wales\" />"}'>
Wales
</option>
<option value="WF" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/wf.png\" alt=\"Wallis and Futuna\" />"}'>
Wallis and Futuna
</option>
<option value="EH" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/eh.png\" alt=\"Western Sahara\" />"}'>
Western Sahara
</option>
<option value="YE" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/ye.png\" alt=\"Yemen\" />"}'>
Yemen
</option>
<option value="ZM" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/zm.png\" alt=\"Zambia\" />"}'>
Zambia
</option>
<option value="ZW" data-hs-select-option='{
"icon": "<img class=\"inline-block ibvs1 oq0dt \" src=\"../../assets/vendor/svg-country-flags/png100px/zw.png\" alt=\"Zimbabwe\" />"}'>
Zimbabwe
</option>
</select>
<div class="absolute wgue8 z5b3o -translate-y-1/2">
<svg class="hq6gx stqz8 t6rrs dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m7 15 5 5 5-5"/><path d="m7 9 5-5 5 5"/></svg>
</div>
</div>
<!-- End Select -->
</div>
<!-- End Col -->
</div>
<!-- End Grid -->
</div>
</div>
<!-- End Body -->
<!-- Footer -->
<div class="pi5e6 flex c9j8j lialp">
<div class="flex-1 flex c9j8j items-center h1dxu">
<button type="button" class="i7oig apc69 dslo6 inline-flex r00n9 items-center qgy40 lt27r oo8ro wfm4e d77gl bp13m t5ziw vo20k ps5iq hx4gm acu59 tdhmi disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-deum">
Cancel
</button>
<button type="button" class="i7oig apc69 dslo6 inline-flex r00n9 items-center lialp qgy40 lt27r jqqot wfm4e f31lg zr4l6 t5ziw vo20k ps5iq hx4gm acu59 lmqf9 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden cycnq t3nwl dark:focus:ring-blue-500" data-hs-overlay="#hs-pro-deum">
Save changes
</button>
</div>
</div>
<!-- End Footer -->
</div>
</div>
</div>
<!-- End Edit User Modal -->
<!-- Card Label Modal -->
<div id="hs-pro-pycdclm" class="hs-overlay hidden lpgt1 fixed ofq05 uv2uj kdmqb overflow-x-hidden overflow-y-auto [--close-when-click-inside:true] howv4" role="dialog" tabindex="-1" aria-labelledby="hs-pro-pycdclm-label">
<div class="hs-overlay-open:mt-7 hs-overlay-open:opacity-100 hs-overlay-open:duration-500 s193u opacity-0 f6mgt g0ipl lmwfy p3qto cux47 sm:mx-auto h-[calc(100%-56px)] min-h-[calc(100%-56px)] flex items-center">
<div class="relative i65bn fmwcv overflow-hidden flex flex-col oo8ro lile3 pointer-events-auto dark:bg-neutral-800">
<!-- Header -->
<div class="gxlt6 cidqc lj7mp flex r00n9 items-center ic6aj d77gl dark:border-neutral-700">
<h3 id="hs-pro-pycdclm-label" class="vo20k bp13m dark:text-neutral-200">
What would you like to call this card?
</h3>
<div class="absolute wix12 pjxsz">
<button type="button" class="aukwz hq6gx flex r00n9 items-center lialp oq0dt wfm4e qb17b agawe bp13m eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:bg-neutral-700 dark:hover:bg-neutral-600 dark:text-neutral-400 dark:focus:bg-neutral-600" aria-label="Close" data-hs-overlay="#hs-pro-pycdclm">
<span class="ecbnn">Close</span>
<svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg>
</button>
</div>
</div>
<!-- End Header -->
<!-- Body -->
<div class="xlz15 wlaba overflow-y-auto n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<!-- Input -->
<div>
<label for="hs-pro-pycdclmcl" class="block ej64t t5ziw bp13m dark:text-neutral-200">
Card label
</label>
<input id="hs-pro-pycdclmcl" type="text" class="o1ncb sofkk apc69 block i65bn d77gl lile3 psfwb ws1m2 a0kik uh9ou pr49v wyzq2 lhoun c5ddu m61eo disabled:opacity-50 disabled:pointer-events-none dark:bg-transparent dark:border-neutral-700 dark:text-neutral-300 dark:placeholder:text-white/60 dark:hover:ring-neutral-600 dark:focus:ring-neutral-600" placeholder="e.g. My card" value="My card">
</div>
<!-- End Input -->
</div>
<!-- End Body -->
<!-- Footer -->
<div class="xlz15 eyhxz pyimf d77gl dark:border-neutral-700">
<button type="button" class="o1ncb apc69 i65bn inline-flex r00n9 items-center vrcxw t5ziw vo20k lile3 wfm4e qb17b fs9eh zr4l6 bicpw disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden zv3g4" data-hs-overlay="#hs-pro-pycdclm">
Save changes
</button>
</div>
<!-- End Footer -->
</div>
</div>
</div>
<!-- End Card Label Modal -->
<!-- Kanban New Project Modal -->
<div id="hs-pro-eakcmpd" class="hs-overlay hidden lpgt1 fixed ofq05 uv2uj kdmqb overflow-x-hidden overflow-y-auto [--close-when-click-inside:true] howv4" role="dialog" tabindex="-1" aria-labelledby="hs-pro-eakcmpd-label">
<div class="hs-overlay-open:mt-7 hs-overlay-open:opacity-100 hs-overlay-open:duration-500 s193u opacity-0 f6mgt g0ipl wtyk2 ryapi cux47 lg:mx-auto h-[calc(100%-56px)] min-h-[calc(100%-56px)] flex items-center">
<div class="lpgt1 fmwcv flex flex-col oo8ro lile3 pointer-events-auto rrmkk dark:bg-neutral-800">
<!-- Header -->
<div class="mctd2 dkhxo flex uip67 items-center ic6aj d77gl dark:border-neutral-700">
<h3 id="hs-pro-eakcmpd-label" class="y2wul bp13m dark:text-neutral-200">
Project details
</h3>
<!-- Button Group -->
<div class="flex items-center lialp">
<!-- More Dropdown -->
<div class="hs-dropdown [--auto-close:inside] [--placement:top-right] relative inline-flex">
<button id="hs-pro-eakcmpdmd" type="button" class="aukwz inline-flex r00n9 items-center lialp oq0dt wfm4e qb17b bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 " aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="12" cy="5" r="1"/><circle cx="12" cy="19" r="1"/></svg>
<span class="ecbnn">More</span>
</button>
<!-- More Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 ho2sl transition-[opacity,margin] duration opacity-0 hidden a799i oo8ro lile3 rrmkk dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-eakcmpdmd">
<div class="ju7it space-y-0.5">
<button type="button" class="i65bn flex vmt4s jlmh5 apc69 ps5iq t5ziw bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="hq6gx hxyan stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="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>
Copy link
</button>
<button type="button" class="i65bn flex vmt4s jlmh5 apc69 ps5iq t5ziw bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="hq6gx hxyan stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="14" x="8" y="8" rx="2" ry="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg>
Duplicate
</button>
<button type="button" class="i65bn flex vmt4s jlmh5 apc69 ps5iq t5ziw bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" disabled>
<svg class="hq6gx hxyan stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="15 14 20 9 15 4"/><path d="M4 20v-7a4 4 0 0 1 4-4h12"/></svg>
Move to
</button>
<button type="button" class="i65bn flex vmt4s jlmh5 apc69 ps5iq t5ziw bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="hq6gx hxyan stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg>
Delete
</button>
</div>
</div>
<!-- End More Dropdown -->
</div>
<!-- End More Dropdown -->
<button type="button" class="aukwz inline-flex r00n9 items-center lialp oq0dt wfm4e qb17b agawe bp13m eweab focus:outline-hidden evxbs disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-700 dark:hover:bg-neutral-600 dark:text-neutral-400 dark:focus:bg-neutral-600" aria-label="Close" data-hs-overlay="#hs-pro-eakcmpd">
<span class="ecbnn">Close</span>
<svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg>
</button>
</div>
<!-- End Button Group -->
</div>
<!-- End Header -->
<!-- Body -->
<div id="hs-modal-project-details" class="overflow-y-auto n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<div class="pi5e6 b7k6g">
<!-- Item -->
<div class="group i65bn">
<div class="relative group-first:mt-0 group-first:pt-0 group-first:before:hidden before:absolute before:top-0 before:inset-x-0 before:w-[calc(100%-8px)] before:h-px before:bg-gray-100 dark:before:bg-neutral-700">
<textarea id="hs-pro-dkcmnpt" class="jlmh5 kzzmm block i65bn qb17b umxjj vo20k rz6ys a0kik lqn87 disabled:opacity-50 disabled:pointer-events-none kf4z7 b2plr rdxom dark:bg-neutral-800 dark:hover:border-neutral-700 dark:text-neutral-200 dark:placeholder:text-neutral-500 dark:focus:bg-neutral-700" rows="1" placeholder="Untitled" data-hs-textarea-auto-height='{"defaultHeight": 38}' >Request to add ESM support (just need to check out if should be added)</textarea>
</div>
</div>
<!-- End Item -->
<!-- Item -->
<div class="group i65bn flex h1dxu">
<div class="l41xk ra2m1 gm0js">
<label class="flex items-center vmt4s e9qjd t6rrs dark:text-neutral-500">
<svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M22 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg>
Assignee
</label>
</div>
<div class="e3fpz relative ls9te fkoia group-first:mt-0 group-first:pt-0 group-first:before:hidden before:absolute before:top-0 before:inset-x-0 before:w-[calc(100%-8px)] before:h-px before:bg-gray-100 dark:before:bg-neutral-700">
<div class="-ms-1">
<!-- Select -->
<div class="relative i65bn">
<select multiple data-hs-select='{
"placeholder": "Assignee",
"wrapperClasses": "hs-select-active:border-transparent hs-select-active:bg-gray-100 umxjj flex items-center flex-wrap dslo6 i65bn qgy40 t5ziw wfm4e qb17b rz6ys dark:bg-neutral-800 dark:border-transparent dark:text-neutral-400 dark:hover:border-neutral-700 dark:focus:bg-neutral-700 hs-select-active:dark:bg-neutral-700",
"toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>",
"toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative flex dslo6 i65bn cursor-pointer oo8ro wfm4e d77gl ps5iq qgy40 t5ziw kf4z7 dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-400",
"dropdownClasses": "ls9te ucmtr i65bn yj8ha ju7it space-y-0.5 oo8ro ps5iq overflow-hidden overflow-y-auto rrmkk dark:bg-neutral-900",
"optionClasses": "d0kec kzzmm i65bn t5ziw bp13m cursor-pointer ksr3h ps5iq focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800",
"mode": "tags",
"tagsClasses": "relative hacdm k77cj vbt1n flex items-center flex-wrap dslo6 i65bn wfm4e d77gl ps5iq qgy40 t5ziw oo46r tyfry dark:bg-neutral-900 dark:text-neutral-400",
"tagsItemTemplate": "<div class=\"flex flex-nowrap items-center relative bo1ta oo8ro wfm4e qb17b umxjj r3ev6 rz6ys c90zz dark:bg-neutral-800 dark:hover:border-neutral-700 \"><div class=\"ca09w n3nvk \" data-icon></div><div class=\"lt27r e9qjd \" data-title></div><div class=\"inline-flex hq6gx r00n9 items-center ca09w k5amb oq0dt bp13m eweab focus:outline-hidden v1cco dznaq t5ziw dark:hover:bg-neutral-700 dark:text-neutral-400 cursor-pointer \" data-remove><svg class=\"hq6gx a49ku \" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 6 6 18\"/><path d=\"m6 6 12 12\"/></svg></div></div>",
"tagsInputClasses": "d0kec qh1uk kzzmm e3fpz rsqv5 psfwb v345i qb17b umxjj p1ez7 focus-visible:outline-hidden dark:text-neutral-400 dark:placeholder:text-neutral-400",
"optionTemplate": "<div class=\"flex items-center \"><div class=\"ca09w epucs \" data-icon></div><div><div class=\"t5ziw bp13m dark:text-neutral-200 \" data-title></div><div class=\"cm336 t6rrs dark:text-neutral-500 \" data-description></div></div><div class=\"ms-auto \"><span class=\"hidden hs-selected:block \"><svg class=\"hq6gx ibvs1 \" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" viewBox=\"0 0 16 16\"><path d=\"M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z\"/></svg></span></div></div>"
}' class="hidden">
<option value="">Choose</option>
<option value="1" selected data-hs-select-option='{
"icon": "<img class=\"inline-block oq0dt \" src=\"https://images.unsplash.com/photo-1659482633369-9fe69af50bfb?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80\" alt=\"Avatar\">"
}'>James Collins</option>
<option value="2" data-hs-select-option='{
"icon": "<img class=\"inline-block oq0dt \" src=\"https://images.unsplash.com/photo-1541101767792-f9b2b1c4f127?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80\" alt=\"Avatar\">"
}'>Amanda Harvey</option>
<option value="3" data-hs-select-option='{
"icon": "<span class=\"flex hq6gx r00n9 items-center ca09w agawe p4gf7 b9e4b vo20k e7zws oq0dt dark:bg-neutral-700 dark:text-neutral-300 \">L</span>"
}'>Ols Schols</option>
<option value="4" data-hs-select-option='{
"icon": "<span class=\"flex hq6gx r00n9 items-center ca09w agawe p4gf7 b9e4b vo20k e7zws oq0dt dark:bg-neutral-700 dark:text-neutral-300 \">B</span>"
}'>Bob Hills</option>
<option value="5" data-hs-select-option='{
"icon": "<img class=\"inline-block oq0dt \" src=\"https://images.unsplash.com/photo-1601935111741-ae98b2b230b0?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80\" alt=\"Avatar\">"
}'>Daniel Hobbs</option>
<option value="6" data-hs-select-option='{
"icon": "<span class=\"flex hq6gx r00n9 items-center ca09w agawe p4gf7 b9e4b vo20k e7zws oq0dt dark:bg-neutral-700 dark:text-neutral-300 \">O</span>"
}'>Liza Harrison</option>
<option value="7" data-hs-select-option='{
"icon": "<img class=\"inline-block oq0dt \" src=\"https://images.unsplash.com/photo-1670272505340-d906d8d77d03?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80\" alt=\"Avatar\">"
}'>Anna Richard</option>
</select>
</div>
<!-- End Select -->
</div>
</div>
</div>
<!-- End Item -->
<!-- Item -->
<div class="group i65bn flex h1dxu">
<div class="l41xk ra2m1 gm0js">
<label class="flex items-center vmt4s e9qjd t6rrs dark:text-neutral-500">
<svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M2 20h.01"/><path d="M7 20v-4"/><path d="M12 20v-8"/><path d="M17 20V8"/></svg>
Priority
</label>
</div>
<div class="e3fpz relative ls9te fkoia group-first:mt-0 group-first:pt-0 group-first:before:hidden before:absolute before:top-0 before:inset-x-0 before:w-[calc(100%-8px)] before:h-px before:bg-gray-100 dark:before:bg-neutral-700">
<!-- Select -->
<div class="relative i65bn">
<select data-hs-select='{
"placeholder": "Priority",
"toggleTag": "<button type=\"button\" aria-expanded=\"false\"><span class=\"bp13m dark:text-neutral-200 \" data-title></span></button>",
"toggleClasses": "hs-select-active:border-transparent hs-select-active:bg-gray-100 xdymw kzzmm umxjj flex items-center flex-wrap dslo6 qgy40 t5ziw wfm4e qb17b agawe after:absolute after:-inset-1 after:border after:border-transparent after:rounded-lg hover:after:border-gray-200 focus:outline-hidden dark:bg-neutral-700 dark:border-transparent dark:text-neutral-400 dark:hover:border-neutral-700 dark:focus:bg-neutral-700 hs-select-active:dark:bg-neutral-700 dark:hover:after:border-neutral-700",
"dropdownClasses": "ls9te ucmtr i65bn ju7it space-y-0.5 oo8ro lile3 rrmkk dark:bg-neutral-900",
"optionClasses": "hs-selected:bg-gray-100 dark:hs-selected:bg-neutral-800 d0kec kzzmm i65bn t5ziw bp13m flex e3fpz items-center lialp cursor-pointer ksr3h ps5iq focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex e3fpz items-center \"><div class=\"epucs \" data-icon></div><div><div class=\"t5ziw bp13m dark:text-neutral-200 \" data-title></div><div class=\"cm336 t6rrs dark:text-neutral-500 \" data-description></div></div><div class=\"ms-auto \"><span class=\"hidden hs-selected:block \"><svg class=\"hq6gx ibvs1 \" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" viewBox=\"0 0 16 16\"><path d=\"M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z\"/></svg></span></div></div>",
"viewport": "#hs-modal-project-details"
}' class="hidden">
<option value="">Choose</option>
<option value="priority1" selected data-hs-select-option='{
}'>High</option>
<option value="priority2" data-hs-select-option='{
}'>Medium</option>
<option value="priority3" data-hs-select-option='{
}'>Low</option>
</select>
</div>
<!-- End Select -->
</div>
</div>
<!-- End Item -->
<!-- Item -->
<div class="group i65bn flex h1dxu">
<div class="l41xk ra2m1 gm0js">
<label class="flex items-center vmt4s e9qjd t6rrs dark:text-neutral-500">
<svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="m16 10-4 4-4-4"/></svg>
Status
</label>
</div>
<div class="e3fpz relative ls9te fkoia group-first:mt-0 group-first:pt-0 group-first:before:hidden before:absolute before:top-0 before:inset-x-0 before:w-[calc(100%-8px)] before:h-px before:bg-gray-100 dark:before:bg-neutral-700">
<!-- Select -->
<div class="relative i65bn">
<select data-hs-select='{
"placeholder": "Status",
"toggleTag": "<button type=\"button\" aria-expanded=\"false\"><span class=\"epucs \" data-icon></span><span class=\"bp13m dark:text-neutral-200 \" data-title></span></button>",
"toggleClasses": "hs-select-active:border-transparent hs-select-active:bg-gray-100 xdymw kzzmm umxjj flex items-center flex-wrap dslo6 qgy40 t5ziw wfm4e qb17b agawe after:absolute after:-inset-1 after:border after:border-transparent after:rounded-lg hover:after:border-gray-200 focus:outline-hidden dark:bg-neutral-700 dark:border-transparent dark:text-neutral-400 dark:hover:border-neutral-700 dark:focus:bg-neutral-700 hs-select-active:dark:bg-neutral-700 dark:hover:after:border-neutral-700",
"dropdownClasses": "ls9te ucmtr i65bn ju7it space-y-0.5 oo8ro lile3 rrmkk dark:bg-neutral-900",
"optionClasses": "hs-selected:bg-gray-100 dark:hs-selected:bg-neutral-800 d0kec kzzmm i65bn t5ziw bp13m flex e3fpz items-center lialp cursor-pointer ksr3h ps5iq focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex e3fpz items-center \"><div class=\"epucs \" data-icon></div><div><div class=\"t5ziw bp13m dark:text-neutral-200 \" data-title></div><div class=\"cm336 t6rrs dark:text-neutral-500 \" data-description></div></div><div class=\"ms-auto \"><span class=\"hidden hs-selected:block \"><svg class=\"hq6gx ibvs1 \" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" viewBox=\"0 0 16 16\"><path d=\"M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z\"/></svg></span></div></div>"
}' class="hidden">
<option value="">Choose</option>
<option value="status1" data-hs-select-option='{
"icon": "<span class=\"block ccy3q q6835 oq0dt s47lh dark:bg-neutral-500 \"></span>"
}'>No status</option>
<option value="status2" data-hs-select-option='{
"icon": "<span class=\"block ccy3q q6835 oq0dt k2w7g \"></span>"
}'>To do</option>
<option value="status3" selected data-hs-select-option='{
"icon": "<span class=\"block ccy3q q6835 oq0dt ot31m \"></span>"
}'>In progress</option>
<option value="status4" data-hs-select-option='{
"icon": "<span class=\"block ccy3q q6835 oq0dt nkesj \"></span>"
}'>Review</option>
<option value="status5" data-hs-select-option='{
"icon": "<span class=\"block ccy3q q6835 oq0dt mc62i \"></span>"
}'>Completed 👏</option>
<option value="status6" data-hs-select-option='{
"icon": "<span class=\"block ccy3q q6835 oq0dt s47lh dark:bg-neutral-500 \"></span>"
}'>Product Launch</option>
</select>
</div>
<!-- End Select -->
</div>
</div>
<!-- End Item -->
<!-- Item -->
<div class="group i65bn flex h1dxu">
<div class="l41xk ra2m1 gm0js">
<label class="flex items-center vmt4s e9qjd t6rrs dark:text-neutral-500">
<svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="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>
Issue type
</label>
</div>
<div class="e3fpz relative ls9te fkoia group-first:mt-0 group-first:pt-0 group-first:before:hidden before:absolute before:top-0 before:inset-x-0 before:w-[calc(100%-8px)] before:h-px before:bg-gray-100 dark:before:bg-neutral-700">
<div class="-ms-1">
<!-- Select -->
<div class="relative i65bn">
<select multiple data-hs-select='{
"placeholder": "Issue type",
"wrapperClasses": "hs-select-active:border-transparent hs-select-active:bg-gray-100 umxjj flex items-center flex-wrap dslo6 i65bn qgy40 t5ziw wfm4e qb17b rz6ys dark:bg-neutral-800 dark:border-transparent dark:text-neutral-400 dark:hover:border-neutral-700 dark:focus:bg-neutral-700 hs-select-active:dark:bg-neutral-700",
"toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>",
"toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative flex dslo6 i65bn cursor-pointer oo8ro wfm4e d77gl ps5iq qgy40 t5ziw kf4z7 dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-400",
"dropdownClasses": "ls9te ucmtr i65bn yj8ha ju7it space-y-0.5 oo8ro ps5iq overflow-hidden overflow-y-auto rrmkk dark:bg-neutral-900",
"optionClasses": "d0kec kzzmm i65bn t5ziw bp13m cursor-pointer ksr3h ps5iq focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800",
"mode": "tags",
"tagsClasses": "relative hacdm k77cj vbt1n flex items-center flex-wrap dslo6 i65bn wfm4e d77gl ps5iq qgy40 t5ziw oo46r tyfry dark:bg-neutral-900 dark:text-neutral-400",
"tagsItemTemplate": "<div class=\"flex flex-nowrap items-center relative bo1ta agawe umxjj d0kec kzzmm focus:outline-hidden c90zz dark:bg-neutral-700 dark:text-neutral-200 \"><div class=\"ca09w n3nvk \" data-icon></div><div class=\"lt27r e9qjd \" data-title></div><div class=\"inline-flex hq6gx r00n9 items-center ca09w k5amb oq0dt bp13m eweab focus:outline-hidden v1cco dznaq t5ziw dark:hover:bg-neutral-600 dark:text-neutral-400 cursor-pointer \" data-remove><svg class=\"hq6gx a49ku \" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 6 6 18\"/><path d=\"m6 6 12 12\"/></svg></div></div>",
"tagsInputClasses": "d0kec qh1uk kzzmm e3fpz rsqv5 psfwb v345i qb17b umxjj p1ez7 focus-visible:outline-hidden dark:text-neutral-400 dark:placeholder:text-neutral-400",
"optionTemplate": "<div class=\"flex items-center \"><div class=\"ca09w epucs \" data-icon></div><div><div class=\"t5ziw bp13m dark:text-neutral-200 \" data-title></div><div class=\"cm336 t6rrs dark:text-neutral-500 \" data-description></div></div><div class=\"ms-auto \"><span class=\"hidden hs-selected:block \"><svg class=\"hq6gx ibvs1 \" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" viewBox=\"0 0 16 16\"><path d=\"M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z\"/></svg></span></div></div>"
}' class="hidden">
<option value="">Choose</option>
<option value="issueType1">Bug 🐞</option>
<option value="issueType2">Support 🙏</option>
<option value="issueType3">Feature ⚡️</option>
<option value="issueType4" selected>Docs 📄</option>
<option value="issueType5" selected>Improvement 📈</option>
</select>
</div>
<!-- End Select -->
</div>
</div>
</div>
<!-- End Item -->
<div class="au4rx fzl1q ibzs3 ikbm2 pyimf d77gl dark:border-neutral-700">
<!-- Timeline -->
<div>
<!-- Heading -->
<div class="ej64t">
<h3 class="cm336 kvliy dark:text-neutral-500">
June 1
</h3>
</div>
<!-- End Heading -->
<!-- Item -->
<div class="group relative flex qsuyg">
<!-- Icon -->
<div class="relative group-last:after:hidden after:absolute after:top-7 after:bottom-1 after:start-3 after:w-px after:-translate-x-[0.5px] after:bg-gray-200 dark:after:bg-neutral-700">
<div class="relative bo1ta awhdl flex r00n9 items-center">
<img class="hq6gx awhdl oq0dt" src="https://images.unsplash.com/photo-1659482633369-9fe69af50bfb?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="Avatar">
</div>
</div>
<!-- End Icon -->
<!-- Right Content -->
<div class="e3fpz gk58l">
<span class="block xbbml">
<span class="y2wul t5ziw bp13m dark:text-neutral-200">James Collins</span>
<span class="k5amb cm336 kvliy dark:text-neutral-500">3:12 PM</span>
</span>
<p class="xe8oj t5ziw bp13m dark:text-neutral-200">if you finished the light mode of the Dashboard demo, can you please share some screenshot results?</p>
<div class="ymk3i flex flex-wrap h1dxu">
<img class="rmc90 h5qat exlm9 wfm4e d77gl umxjj dark:border-neutral-700" src="../../assets/img/demo-previews-dark/img1.webp" alt="Attached Image">
</div>
<div class="md:opacity-0 md:group-hover:opacity-100 absolute -top-1 fug6q">
<!-- Button Group -->
<div class="manq4 inline-flex items-center bj6m2 oo8ro wfm4e d77gl hx4gm ps5iq dark:bg-neutral-800 dark:border-neutral-700">
<button type="button" class="d0kec kzzmm inline-flex items-center pgjbi cm336 vo20k umxjj wfm4e qb17b oo8ro t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:bg-neutral-800 dark:border-transparent dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
Reply
</button>
<!-- Button -->
<div class="hs-tooltip inline-block">
<button type="button" class="hs-tooltip-toggle lctzd inline-flex r00n9 items-center pgjbi cm336 vo20k umxjj wfm4e qb17b oo8ro t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:bg-neutral-800 dark:border-transparent dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
<svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 20h9"/><path d="M16.5 3.5a2.12 2.12 0 0 1 3 3L7 19l-4 1 1-4Z"/></svg>
<span class="ecbnn">Edit message</span>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq lt27r dark:bg-neutral-700" role="tooltip">
Edit message
</span>
</div>
<!-- End Button -->
<!-- Button -->
<div class="hs-tooltip inline-block">
<button type="button" class="hs-tooltip-toggle lctzd inline-flex r00n9 items-center pgjbi cm336 vo20k umxjj wfm4e qb17b oo8ro t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:bg-neutral-800 dark:border-transparent dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
<svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg>
<span class="ecbnn">Delete message</span>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq lt27r dark:bg-neutral-700" role="tooltip">
Delete message
</span>
</div>
<!-- End Button -->
</div>
<!-- End Button Group -->
</div>
</div>
<!-- End Right Content -->
</div>
<!-- End Item -->
<!-- Item -->
<div class="group relative flex qsuyg">
<!-- Icon -->
<div class="relative group-last:after:hidden after:absolute after:top-7 after:bottom-1 after:start-3 after:w-px after:-translate-x-[0.5px] after:bg-gray-200 dark:after:bg-neutral-700">
<div class="relative bo1ta awhdl flex r00n9 items-center">
<img class="hq6gx awhdl oq0dt" src="https://images.unsplash.com/photo-1659482633369-9fe69af50bfb?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="Avatar">
</div>
</div>
<!-- End Icon -->
<!-- Right Content -->
<div class="e3fpz gk58l">
<span class="block xbbml">
<span class="y2wul t5ziw bp13m dark:text-neutral-200">James Collins</span>
<span class="k5amb cm336 kvliy dark:text-neutral-500">3:12 PM</span>
</span>
<p class="nsx3p t5ziw bp13m dark:text-neutral-200">btw, the dark looks 🔥</p>
<div class="md:opacity-0 md:group-hover:opacity-100 absolute -top-1 fug6q">
<!-- Button Group -->
<div class="manq4 inline-flex items-center bj6m2 oo8ro wfm4e d77gl hx4gm ps5iq dark:bg-neutral-800 dark:border-neutral-700">
<button type="button" class="d0kec kzzmm inline-flex items-center pgjbi cm336 vo20k umxjj wfm4e qb17b oo8ro t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:bg-neutral-800 dark:border-transparent dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
Reply
</button>
<!-- Button -->
<div class="hs-tooltip inline-block">
<button type="button" class="hs-tooltip-toggle lctzd inline-flex r00n9 items-center pgjbi cm336 vo20k umxjj wfm4e qb17b oo8ro t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:bg-neutral-800 dark:border-transparent dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
<svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 20h9"/><path d="M16.5 3.5a2.12 2.12 0 0 1 3 3L7 19l-4 1 1-4Z"/></svg>
<span class="ecbnn">Edit message</span>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq lt27r dark:bg-neutral-700" role="tooltip">
Edit message
</span>
</div>
<!-- End Button -->
<!-- Button -->
<div class="hs-tooltip inline-block">
<button type="button" class="hs-tooltip-toggle lctzd inline-flex r00n9 items-center pgjbi cm336 vo20k umxjj wfm4e qb17b oo8ro t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:bg-neutral-800 dark:border-transparent dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
<svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg>
<span class="ecbnn">Delete message</span>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq lt27r dark:bg-neutral-700" role="tooltip">
Delete message
</span>
</div>
<!-- End Button -->
</div>
<!-- End Button Group -->
</div>
</div>
<!-- End Right Content -->
</div>
<!-- End Item -->
<!-- Heading -->
<div class="ej64t">
<h3 class="cm336 kvliy dark:text-neutral-500">
June 2
</h3>
</div>
<!-- End Heading -->
<!-- Item -->
<div class="group relative flex qsuyg">
<!-- Icon -->
<div class="relative group-last:after:hidden after:absolute after:top-7 after:bottom-1 after:start-3 after:w-px after:-translate-x-[0.5px] after:bg-gray-200 dark:after:bg-neutral-700">
<div class="relative bo1ta awhdl flex r00n9 items-center">
<img class="-ms-2 hq6gx ca09w oq0dt" src="https://images.unsplash.com/photo-1659482633369-9fe69af50bfb?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="Avatar">
<img class="absolute wix12 xd3w3 hq6gx ca09w oq0dt t2pcc ouvii dark:ring-neutral-900" src="https://images.unsplash.com/photo-1541101767792-f9b2b1c4f127?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="Avatar">
</div>
</div>
<!-- End Icon -->
<!-- Right Content -->
<div class="e3fpz gk58l">
<span class="block xbbml">
<span class="y2wul t5ziw bp13m dark:text-neutral-200">Amanda Harvey</span>
<span class="k5amb cm336 kvliy dark:text-neutral-500">9:21 AM</span>
</span>
<div class="c4q9k apc69 ls9te relative overflow-hidden before:absolute before:inset-y-0 before:start-0 before:w-[3px] before:h-full before:bg-gray-300 before:rounded-full dark:before:bg-neutral-700">
<p class="y2wul cm336 bp13m dark:text-neutral-200">Replying to James Collins</p>
<div class="xe8oj flex vrcxw">
<img class="hq6gx ca09w dqdmd exlm9" src="../../assets/img/demo-previews-dark/img1.webp" alt="Attached Image">
<div class="e3fpz">
<p class="t5ziw t6rrs dark:text-neutral-500">if you finished the light mode of the Dashboard demo, can you please share some screenshot results?</p>
</div>
</div>
</div>
<p class="o1gdb t5ziw bp13m dark:text-neutral-200">
<span class="t6rrs dark:text-neutral-500">@james</span>
of course, I can. here you go...
</p>
<div class="ymk3i flex flex-wrap h1dxu">
<img class="rmc90 h5qat exlm9 wfm4e d77gl umxjj dark:border-neutral-700" src="../../assets/img/demo-previews/img1.webp" alt="Attached Image">
<img class="rmc90 h5qat exlm9 wfm4e d77gl umxjj dark:border-neutral-700" src="../../assets/img/demo-previews/img2.webp" alt="Attached Image">
<img class="rmc90 h5qat exlm9 wfm4e d77gl umxjj dark:border-neutral-700" src="../../assets/img/demo-previews/img3.webp" alt="Attached Image">
</div>
<div class="md:opacity-0 md:group-hover:opacity-100 absolute -top-1 fug6q">
<!-- Button Group -->
<div class="manq4 inline-flex items-center bj6m2 oo8ro wfm4e d77gl hx4gm ps5iq dark:bg-neutral-800 dark:border-neutral-700">
<button type="button" class="d0kec kzzmm inline-flex items-center pgjbi cm336 vo20k umxjj wfm4e qb17b oo8ro t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:bg-neutral-800 dark:border-transparent dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
Reply
</button>
<!-- Button -->
<div class="hs-tooltip inline-block">
<button type="button" class="hs-tooltip-toggle lctzd inline-flex r00n9 items-center pgjbi cm336 vo20k umxjj wfm4e qb17b oo8ro t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:bg-neutral-800 dark:border-transparent dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
<svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 20h9"/><path d="M16.5 3.5a2.12 2.12 0 0 1 3 3L7 19l-4 1 1-4Z"/></svg>
<span class="ecbnn">Edit message</span>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq lt27r dark:bg-neutral-700" role="tooltip">
Edit message
</span>
</div>
<!-- End Button -->
<!-- Button -->
<div class="hs-tooltip inline-block">
<button type="button" class="hs-tooltip-toggle lctzd inline-flex r00n9 items-center pgjbi cm336 vo20k umxjj wfm4e qb17b oo8ro t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:bg-neutral-800 dark:border-transparent dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
<svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg>
<span class="ecbnn">Delete message</span>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq lt27r dark:bg-neutral-700" role="tooltip">
Delete message
</span>
</div>
<!-- End Button -->
</div>
<!-- End Button Group -->
</div>
</div>
<!-- End Right Content -->
</div>
<!-- End Item -->
</div>
<!-- End Timeline -->
</div>
</div>
</div>
<!-- End Body -->
<!-- Footer -->
<div class="mt-auto i7oig dkhxo jbez3 pyimf d77gl dark:border-neutral-700">
<!-- Comment Input -->
<div class="flex qsuyg">
<div class="hq6gx llzqh">
<img class="hq6gx awhdl oq0dt" src="https://images.unsplash.com/photo-1659482633369-9fe69af50bfb?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="Avatar">
</div>
<div class="e3fpz">
<!-- Textarea -->
<div class="relative">
<textarea id="hs-pro-dkcmnptctid" class="cspev mctd2 orpjh ysblo block i65bn v345i stvln k34r6 amkne ps5iq lqn87 focus:outline-hidden rdxom disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 dark:focus:ring-transparent dark:placeholder-neutral-500 overflow-y-auto n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500" placeholder="Message..." rows="1" data-hs-textarea-auto-height='{"defaultHeight": 44}'></textarea>
<!-- Button Group -->
<div class="absolute wix12 fug6q bo1ta">
<div class="flex items-center pgjbi">
<!-- Button -->
<button type="button" class="flex r00n9 items-center vmt4s awhdl t5ziw xq1jm ksr3h oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 dark:hover:text-neutral-200 dark:focus:text-neutral-200">
<svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l8.57-8.57A4 4 0 1 1 18 8.84l-8.59 8.57a2 2 0 0 1-2.83-2.83l8.49-8.48"/></svg>
<span class="ecbnn">Attach file</span>
</button>
<!-- End Button -->
<!-- Button -->
<button type="button" class="flex r00n9 items-center vmt4s awhdl t5ziw xq1jm ksr3h oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 dark:hover:text-neutral-200 dark:focus:text-neutral-200">
<svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11v1a10 10 0 1 1-9-10"/><path d="M8 14s1.5 2 4 2 4-2 4-2"/><line x1="9" x2="9.01" y1="9" y2="9"/><line x1="15" x2="15.01" y1="9" y2="9"/><path d="M16 5h6"/><path d="M19 2v6"/></svg>
<span class="ecbnn">Add emoji</span>
</button>
<!-- End Button -->
<!-- Button -->
<button type="button" class="flex r00n9 items-center vmt4s awhdl t5ziw xq1jm ksr3h oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 dark:hover:text-neutral-200 dark:focus:text-neutral-200">
<svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z"/><path d="M19 10v2a7 7 0 0 1-14 0v-2"/><line x1="12" x2="12" y1="19" y2="22"/></svg>
<span class="ecbnn">Send voice message</span>
</button>
<!-- End Button -->
<!-- Send Button -->
<button type="button" class="inline-flex hq6gx r00n9 items-center awhdl t5ziw vo20k oq0dt zr4l6 jqqot adsva disabled:opacity-50 disabled:pointer-events-none pbwui focus:outline-hidden v1cco tyfry">
<span class="ecbnn">Send</span>
<svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m5 12 7-7 7 7"/><path d="M12 19V5"/></svg>
</button>
<!-- End Send Button -->
</div>
<!-- End Button Group -->
</div>
</div>
<!-- End Textarea -->
</div>
</div>
<!-- End Comment Input -->
</div>
<!-- End Footer -->
</div>
</div>
</div>
<!-- End Kanban New Project Modal -->
<!-- Kanban Project Details Modal -->
<div id="hs-pro-eakcmpd" class="hs-overlay hidden lpgt1 fixed ofq05 uv2uj kdmqb overflow-x-hidden overflow-y-auto [--close-when-click-inside:true] howv4" role="dialog" tabindex="-1" aria-labelledby="hs-pro-eakcmpd-label">
<div class="hs-overlay-open:mt-7 hs-overlay-open:opacity-100 hs-overlay-open:duration-500 s193u opacity-0 f6mgt g0ipl wtyk2 ryapi cux47 lg:mx-auto h-[calc(100%-56px)] min-h-[calc(100%-56px)] flex items-center">
<div class="lpgt1 fmwcv flex flex-col oo8ro lile3 pointer-events-auto rrmkk dark:bg-neutral-800">
<!-- Header -->
<div class="mctd2 dkhxo flex uip67 items-center ic6aj d77gl dark:border-neutral-700">
<h3 id="hs-pro-eakcmpd-label" class="y2wul bp13m dark:text-neutral-200">
Project details
</h3>
<!-- Button Group -->
<div class="flex items-center lialp">
<!-- More Dropdown -->
<div class="hs-dropdown [--auto-close:inside] [--placement:top-right] relative inline-flex">
<button id="hs-pro-wkpdmd" type="button" class="aukwz inline-flex r00n9 items-center lialp umxjj wfm4e qb17b bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 " aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="12" cy="5" r="1"/><circle cx="12" cy="19" r="1"/></svg>
<span class="ecbnn">More</span>
</button>
<!-- More Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 ho2sl transition-[opacity,margin] duration opacity-0 hidden a799i oo8ro lile3 rrmkk dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-wkpdmd">
<div class="ju7it space-y-0.5">
<button type="button" class="i65bn flex vmt4s jlmh5 apc69 ps5iq t5ziw bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="hq6gx hxyan stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="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>
Copy link
</button>
<button type="button" class="i65bn flex vmt4s jlmh5 apc69 ps5iq t5ziw bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="hq6gx hxyan stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="14" x="8" y="8" rx="2" ry="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg>
Duplicate
</button>
<button type="button" class="i65bn flex vmt4s jlmh5 apc69 ps5iq t5ziw bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" disabled>
<svg class="hq6gx hxyan stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="15 14 20 9 15 4"/><path d="M4 20v-7a4 4 0 0 1 4-4h12"/></svg>
Move to
</button>
<button type="button" class="i65bn flex vmt4s jlmh5 apc69 ps5iq t5ziw bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="hq6gx hxyan stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg>
Delete
</button>
</div>
</div>
<!-- End More Dropdown -->
</div>
<!-- End More Dropdown -->
<button type="button" class="aukwz inline-flex r00n9 items-center lialp umxjj wfm4e qb17b agawe bp13m eweab focus:outline-hidden evxbs disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-700 dark:hover:bg-neutral-600 dark:text-neutral-400 dark:focus:bg-neutral-600" aria-label="Close" data-hs-overlay="#hs-pro-eakcmpd">
<span class="ecbnn">Close</span>
<svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg>
</button>
</div>
<!-- End Button Group -->
</div>
<!-- End Header -->
<!-- Body -->
<div id="hs-modal-project-details" class="overflow-y-auto n4ec4 sm87f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<div class="pi5e6 b7k6g">
<!-- Item -->
<div class="group i65bn flex h1dxu">
<div class="ra2m1 gm0js llzqh">
<label class="flex items-center vmt4s e9qjd t6rrs dark:text-neutral-500">
<svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="4 7 4 4 20 4 20 7"/><line x1="9" x2="15" y1="20" y2="20"/><line x1="12" x2="12" y1="4" y2="20"/></svg>
Title
</label>
</div>
<div class="e3fpz relative ls9te fkoia group-first:mt-0 group-first:pt-0 group-first:before:hidden before:absolute before:top-0 before:inset-x-0 before:w-[calc(100%-8px)] before:h-px before:bg-gray-100 dark:before:bg-neutral-700">
<textarea id="hs-pro-wpcmpdt" class="jlmh5 kzzmm block i65bn qb17b umxjj vo20k rz6ys a0kik lqn87 disabled:opacity-50 disabled:pointer-events-none kf4z7 b2plr rdxom dark:bg-neutral-800 dark:hover:border-neutral-700 dark:text-neutral-200 dark:placeholder:text-neutral-500 dark:focus:bg-neutral-700" rows="1" placeholder="Untitled" data-hs-textarea-auto-height autofocus>Quantum Sphere</textarea>
</div>
</div>
<!-- End Item -->
<!-- Item -->
<div class="group i65bn flex h1dxu">
<div class="l41xk ra2m1 gm0js">
<label class="flex items-center vmt4s e9qjd t6rrs dark:text-neutral-500">
<svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>
Total hours
</label>
</div>
<div class="e3fpz relative ls9te fkoia group-first:mt-0 group-first:pt-0 group-first:before:hidden before:absolute before:top-0 before:inset-x-0 before:w-[calc(100%-8px)] before:h-px before:bg-gray-100 dark:before:bg-neutral-700">
<div class="sab18 zocwd">
<span class="vo20k e9qjd bp13m dark:text-neutral-200">8h 26m</span>
</div>
</div>
</div>
<!-- End Item -->
<!-- Item -->
<div class="group i65bn flex h1dxu">
<div class="l41xk ra2m1 gm0js">
<label class="flex items-center vmt4s e9qjd t6rrs dark:text-neutral-500">
<svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="m16 10-4 4-4-4"/></svg>
Status
</label>
</div>
<div class="e3fpz relative ls9te fkoia group-first:mt-0 group-first:pt-0 group-first:before:hidden before:absolute before:top-0 before:inset-x-0 before:w-[calc(100%-8px)] before:h-px before:bg-gray-100 dark:before:bg-neutral-700">
<!-- Select -->
<div class="relative i65bn">
<select data-hs-select='{
"placeholder": "Status",
"toggleTag": "<button type=\"button\" aria-expanded=\"false\"><span class=\"epucs \" data-icon></span><span class=\"bp13m dark:text-neutral-200 \" data-title></span></button>",
"toggleClasses": "hs-select-active:border-transparent hs-select-active:bg-gray-100 d0kec kzzmm umxjj flex items-center flex-wrap dslo6 qgy40 t5ziw wfm4e qb17b agawe after:absolute after:-inset-0.5 after:border after:border-transparent after:rounded-lg hover:after:border-gray-200 focus:outline-hidden dark:bg-neutral-700 dark:border-transparent dark:text-neutral-400 dark:hover:border-neutral-700 dark:focus:bg-neutral-700 hs-select-active:dark:bg-neutral-700 dark:hover:after:border-neutral-700",
"dropdownClasses": "ls9te ucmtr i65bn ju7it space-y-0.5 oo8ro lile3 rrmkk dark:bg-neutral-900",
"optionClasses": "hs-selected:bg-gray-100 dark:hs-selected:bg-neutral-800 d0kec kzzmm i65bn t5ziw bp13m flex e3fpz items-center lialp cursor-pointer ksr3h ps5iq focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex e3fpz items-center \"><div class=\"epucs \" data-icon></div><div><div class=\"t5ziw bp13m dark:text-neutral-200 \" data-title></div><div class=\"cm336 t6rrs dark:text-neutral-500 \" data-description></div></div><div class=\"ms-auto \"><span class=\"hidden hs-selected:block \"><svg class=\"hq6gx ibvs1 \" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" viewBox=\"0 0 16 16\"><path d=\"M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z\"/></svg></span></div></div>",
"viewport": "#hs-modal-project-details"
}' class="hidden">
<option value="">Choose</option>
<option value="1" data-hs-select-option='{
"icon": "<span class=\"block ccy3q q6835 umxjj s47lh dark:bg-neutral-500 \"></span>"
}'>No status</option>
<option value="2" selected data-hs-select-option='{
"icon": "<span class=\"block ccy3q q6835 umxjj k2w7g \"></span>"
}'>Active</option>
<option value="3" data-hs-select-option='{
"icon": "<span class=\"block ccy3q q6835 umxjj aiatl \"></span>"
}'>On hold ✋</option>
<option value="4" data-hs-select-option='{
"icon": "<span class=\"block ccy3q q6835 umxjj q4mvv \"></span>"
}'>Review</option>
<option value="5" data-hs-select-option='{
"icon": "<span class=\"block ccy3q q6835 umxjj wbhj5 \"></span>"
}'>Completed 👏</option>
<option value="6" data-hs-select-option='{
"icon": "<span class=\"block ccy3q q6835 umxjj s47lh dark:bg-neutral-500 \"></span>"
}'>Product Launch</option>
</select>
</div>
<!-- End Select -->
</div>
</div>
<!-- End Item -->
<!-- Item -->
<div class="group i65bn flex h1dxu">
<div class="l41xk ra2m1 gm0js">
<label class="flex items-center vmt4s e9qjd t6rrs dark:text-neutral-500">
<svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M8 2v4"/><path d="M16 2v4"/><rect width="18" height="18" x="3" y="4" rx="2"/><path d="M3 10h18"/></svg>
Days
</label>
</div>
<div class="e3fpz relative ls9te fkoia group-first:mt-0 group-first:pt-0 group-first:before:hidden before:absolute before:top-0 before:inset-x-0 before:w-[calc(100%-8px)] before:h-px before:bg-gray-100 dark:before:bg-neutral-700">
<div class="sab18 zocwd">
<span class="vo20k e9qjd bp13m dark:text-neutral-200">7</span>
</div>
</div>
</div>
<!-- End Item -->
<!-- Item -->
<div class="group i65bn flex h1dxu">
<div class="l41xk ra2m1 gm0js">
<label class="flex items-center vmt4s e9qjd t6rrs dark:text-neutral-500">
<svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M16 8h-6a2 2 0 1 0 0 4h4a2 2 0 1 1 0 4H8"/><path d="M12 18V6"/></svg>
Project cost
</label>
</div>
<div class="e3fpz relative ls9te fkoia group-first:mt-0 group-first:pt-0 group-first:before:hidden before:absolute before:top-0 before:inset-x-0 before:w-[calc(100%-8px)] before:h-px before:bg-gray-100 dark:before:bg-neutral-700">
<div class="-ms-0.5">
<input type="text" class="d0kec qh1uk kzzmm block i65bn qb17b umxjj vo20k piafy bp13m lluhh rz6ys a0kik disabled:opacity-50 disabled:pointer-events-none kf4z7 b2plr rdxom dark:text-neutral-200 dark:bg-neutral-800 dark:hover:border-neutral-700 dark:text-neutral-200 dark:placeholder:text-neutral-500 dark:focus:bg-neutral-700" value="$12,892.02">
</div>
</div>
</div>
<!-- End Item -->
<!-- Item -->
<div class="group i65bn flex h1dxu">
<div class="l41xk ra2m1 gm0js">
<label class="flex items-center vmt4s e9qjd t6rrs dark:text-neutral-500">
<svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><path d="m9 11 3 3L22 4"/></svg>
Tasks
</label>
</div>
<div class="e3fpz relative ls9te fkoia group-first:mt-0 group-first:pt-0 group-first:before:hidden before:absolute before:top-0 before:inset-x-0 before:w-[calc(100%-8px)] before:h-px before:bg-gray-100 dark:before:bg-neutral-700">
<div class="sab18 zocwd">
<span class="vo20k e9qjd bp13m dark:text-neutral-200"></span>
</div>
</div>
</div>
<!-- End Item -->
<!-- Item -->
<div class="group i65bn flex h1dxu">
<div class="l41xk ra2m1 gm0js">
<label class="flex items-center vmt4s e9qjd t6rrs dark:text-neutral-500">
<svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M22 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg>
Assignee
</label>
</div>
<div class="e3fpz relative ls9te fkoia group-first:mt-0 group-first:pt-0 group-first:before:hidden before:absolute before:top-0 before:inset-x-0 before:w-[calc(100%-8px)] before:h-px before:bg-gray-100 dark:before:bg-neutral-700">
<!-- Select -->
<div class="-ms-0.5 relative i65bn">
<select multiple data-hs-select='{
"placeholder": "Assignee",
"wrapperClasses": "hs-select-active:border-transparent hs-select-active:bg-gray-100 umxjj flex items-center flex-wrap dslo6 i65bn qgy40 t5ziw wfm4e qb17b rz6ys dark:bg-neutral-800 dark:border-transparent dark:text-neutral-400 dark:hover:border-neutral-700 dark:focus:bg-neutral-700 hs-select-active:dark:bg-neutral-700",
"toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>",
"toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative flex dslo6 i65bn cursor-pointer oo8ro wfm4e d77gl ps5iq qgy40 t5ziw kf4z7 dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-400",
"dropdownClasses": "ls9te ucmtr i65bn yj8ha ju7it space-y-0.5 oo8ro ps5iq overflow-hidden overflow-y-auto rrmkk dark:bg-neutral-900",
"optionClasses": "d0kec kzzmm i65bn t5ziw bp13m cursor-pointer ksr3h ps5iq focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800",
"mode": "tags",
"tagsClasses": "relative hacdm k77cj vbt1n flex items-center flex-wrap dslo6 i65bn wfm4e d77gl ps5iq qgy40 t5ziw oo46r tyfry dark:bg-neutral-900 dark:text-neutral-400",
"tagsItemTemplate": "<div class=\"flex flex-nowrap items-center relative bo1ta oo8ro wfm4e qb17b umxjj r3ev6 rz6ys c90zz dark:bg-neutral-800 dark:hover:border-neutral-700 \"><div class=\"ca09w n3nvk \" data-icon></div><div class=\"lt27r e9qjd \" data-title></div><div class=\"inline-flex hq6gx r00n9 items-center ca09w k5amb umxjj bp13m eweab focus:outline-hidden v1cco dznaq t5ziw dark:hover:bg-neutral-700 dark:text-neutral-400 cursor-pointer \" data-remove><svg class=\"hq6gx a49ku \" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 6 6 18\"/><path d=\"m6 6 12 12\"/></svg></div></div>",
"tagsInputClasses": "d0kec qh1uk kzzmm e3fpz rsqv5 psfwb v345i qb17b umxjj p1ez7 focus-visible:outline-hidden dark:text-neutral-400 dark:placeholder:text-neutral-400",
"optionTemplate": "<div class=\"flex items-center \"><div class=\"ca09w epucs \" data-icon></div><div><div class=\"t5ziw bp13m dark:text-neutral-200 \" data-title></div><div class=\"cm336 t6rrs dark:text-neutral-500 \" data-description></div></div><div class=\"ms-auto \"><span class=\"hidden hs-selected:block \"><svg class=\"hq6gx ibvs1 \" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" viewBox=\"0 0 16 16\"><path d=\"M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z\"/></svg></span></div></div>",
"viewport": "#hs-modal-project-details"
}' class="hidden">
<option value="">Choose</option>
<option value="1" data-hs-select-option='{
"icon": "<img class=\"inline-block umxjj \" 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 Collins</option>
<option value="2" selected data-hs-select-option='{
"icon": "<img class=\"inline-block umxjj \" src=\"https://images.unsplash.com/photo-1541101767792-f9b2b1c4f127?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80\" alt=\"Avatar\">"
}'>Amanda Harvey</option>
<option value="3" selected data-hs-select-option='{
"icon": "<span class=\"flex hq6gx r00n9 items-center ca09w agawe p4gf7 b9e4b vo20k e7zws umxjj dark:bg-neutral-700 dark:text-neutral-300 \">L</span>"
}'>Ols Schols</option>
<option value="4" data-hs-select-option='{
"icon": "<span class=\"flex hq6gx r00n9 items-center ca09w agawe p4gf7 b9e4b vo20k e7zws umxjj dark:bg-neutral-700 dark:text-neutral-300 \">B</span>"
}'>Bob Hills</option>
<option value="5" selected data-hs-select-option='{
"icon": "<img class=\"inline-block umxjj \" 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\">"
}'>Daniel Hobbs</option>
<option value="6" selected data-hs-select-option='{
"icon": "<span class=\"flex hq6gx r00n9 items-center ca09w agawe p4gf7 b9e4b vo20k e7zws umxjj dark:bg-neutral-700 dark:text-neutral-300 \">O</span>"
}'>Liza Harrison</option>
<option value="7" data-hs-select-option='{
"icon": "<img class=\"inline-block umxjj \" src=\"https://images.unsplash.com/photo-1670272505340-d906d8d77d03?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80\" alt=\"Avatar\">"
}'>Anna Richard</option>
</select>
</div>
<!-- End Select -->
</div>
</div>
<!-- End Item -->
<div class="au4rx fzl1q ibzs3 ikbm2 pyimf d77gl dark:border-neutral-700">
<!-- Timeline -->
<div>
<!-- Heading -->
<div class="ej64t">
<h3 class="cm336 kvliy dark:text-neutral-500">
June 1
</h3>
</div>
<!-- End Heading -->
<!-- Item -->
<div class="group relative flex qsuyg">
<!-- Icon -->
<div class="relative group-last:after:hidden after:absolute after:top-7 after:bottom-1 after:start-3 after:w-px after:-translate-x-[0.5px] after:bg-gray-200 dark:after:bg-neutral-700">
<div class="relative bo1ta awhdl flex r00n9 items-center">
<img class="hq6gx awhdl oq0dt" src="https://images.unsplash.com/photo-1659482633369-9fe69af50bfb?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="Avatar">
</div>
</div>
<!-- End Icon -->
<!-- Right Content -->
<div class="e3fpz gk58l">
<span class="block xbbml">
<span class="y2wul t5ziw bp13m dark:text-neutral-200">James Collins</span>
<span class="k5amb cm336 kvliy dark:text-neutral-500">3:12 PM</span>
</span>
<p class="xe8oj t5ziw bp13m dark:text-neutral-200">if you finished the light mode of the Dashboard demo, can you please share some screenshot results?</p>
<div class="ymk3i flex flex-wrap h1dxu">
<img class="rmc90 h5qat exlm9 wfm4e d77gl umxjj dark:border-neutral-700" src="../../assets/img/demo-previews-dark/img1.webp" alt="Attached Image">
</div>
<div class="md:opacity-0 md:group-hover:opacity-100 absolute -top-1 fug6q">
<!-- Button Group -->
<div class="manq4 inline-flex items-center bj6m2 oo8ro wfm4e d77gl hx4gm ps5iq dark:bg-neutral-800 dark:border-neutral-700">
<button type="button" class="d0kec kzzmm inline-flex items-center pgjbi cm336 vo20k umxjj wfm4e qb17b oo8ro t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:bg-neutral-800 dark:border-transparent dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
Reply
</button>
<!-- Button -->
<div class="hs-tooltip inline-block">
<button type="button" class="hs-tooltip-toggle lctzd inline-flex r00n9 items-center pgjbi cm336 vo20k umxjj wfm4e qb17b oo8ro t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:bg-neutral-800 dark:border-transparent dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
<svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 20h9"/><path d="M16.5 3.5a2.12 2.12 0 0 1 3 3L7 19l-4 1 1-4Z"/></svg>
<span class="ecbnn">Edit message</span>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq lt27r dark:bg-neutral-700" role="tooltip">
Edit message
</span>
</div>
<!-- End Button -->
<!-- Button -->
<div class="hs-tooltip inline-block">
<button type="button" class="hs-tooltip-toggle lctzd inline-flex r00n9 items-center pgjbi cm336 vo20k umxjj wfm4e qb17b oo8ro t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:bg-neutral-800 dark:border-transparent dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
<svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg>
<span class="ecbnn">Delete message</span>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq lt27r dark:bg-neutral-700" role="tooltip">
Delete message
</span>
</div>
<!-- End Button -->
</div>
<!-- End Button Group -->
</div>
</div>
<!-- End Right Content -->
</div>
<!-- End Item -->
<!-- Item -->
<div class="group relative flex qsuyg">
<!-- Icon -->
<div class="relative group-last:after:hidden after:absolute after:top-7 after:bottom-1 after:start-3 after:w-px after:-translate-x-[0.5px] after:bg-gray-200 dark:after:bg-neutral-700">
<div class="relative bo1ta awhdl flex r00n9 items-center">
<img class="hq6gx awhdl oq0dt" src="https://images.unsplash.com/photo-1659482633369-9fe69af50bfb?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="Avatar">
</div>
</div>
<!-- End Icon -->
<!-- Right Content -->
<div class="e3fpz gk58l">
<span class="block xbbml">
<span class="y2wul t5ziw bp13m dark:text-neutral-200">James Collins</span>
<span class="k5amb cm336 kvliy dark:text-neutral-500">3:12 PM</span>
</span>
<p class="nsx3p t5ziw bp13m dark:text-neutral-200">btw, the dark looks 🔥</p>
<div class="md:opacity-0 md:group-hover:opacity-100 absolute -top-1 fug6q">
<!-- Button Group -->
<div class="manq4 inline-flex items-center bj6m2 oo8ro wfm4e d77gl hx4gm ps5iq dark:bg-neutral-800 dark:border-neutral-700">
<button type="button" class="d0kec kzzmm inline-flex items-center pgjbi cm336 vo20k umxjj wfm4e qb17b oo8ro t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:bg-neutral-800 dark:border-transparent dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
Reply
</button>
<!-- Button -->
<div class="hs-tooltip inline-block">
<button type="button" class="hs-tooltip-toggle lctzd inline-flex r00n9 items-center pgjbi cm336 vo20k umxjj wfm4e qb17b oo8ro t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:bg-neutral-800 dark:border-transparent dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
<svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 20h9"/><path d="M16.5 3.5a2.12 2.12 0 0 1 3 3L7 19l-4 1 1-4Z"/></svg>
<span class="ecbnn">Edit message</span>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq lt27r dark:bg-neutral-700" role="tooltip">
Edit message
</span>
</div>
<!-- End Button -->
<!-- Button -->
<div class="hs-tooltip inline-block">
<button type="button" class="hs-tooltip-toggle lctzd inline-flex r00n9 items-center pgjbi cm336 vo20k umxjj wfm4e qb17b oo8ro t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:bg-neutral-800 dark:border-transparent dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
<svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg>
<span class="ecbnn">Delete message</span>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq lt27r dark:bg-neutral-700" role="tooltip">
Delete message
</span>
</div>
<!-- End Button -->
</div>
<!-- End Button Group -->
</div>
</div>
<!-- End Right Content -->
</div>
<!-- End Item -->
<!-- Heading -->
<div class="ej64t">
<h3 class="cm336 kvliy dark:text-neutral-500">
June 2
</h3>
</div>
<!-- End Heading -->
<!-- Item -->
<div class="group relative flex qsuyg">
<!-- Icon -->
<div class="relative group-last:after:hidden after:absolute after:top-7 after:bottom-1 after:start-3 after:w-px after:-translate-x-[0.5px] after:bg-gray-200 dark:after:bg-neutral-700">
<div class="relative bo1ta awhdl flex r00n9 items-center">
<img class="-ms-2 hq6gx ca09w oq0dt" src="https://images.unsplash.com/photo-1659482633369-9fe69af50bfb?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="Avatar">
<img class="absolute wix12 xd3w3 hq6gx ca09w oq0dt t2pcc ouvii dark:ring-neutral-900" src="https://images.unsplash.com/photo-1541101767792-f9b2b1c4f127?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="Avatar">
</div>
</div>
<!-- End Icon -->
<!-- Right Content -->
<div class="e3fpz gk58l">
<span class="block xbbml">
<span class="y2wul t5ziw bp13m dark:text-neutral-200">Amanda Harvey</span>
<span class="k5amb cm336 kvliy dark:text-neutral-500">9:21 AM</span>
</span>
<div class="c4q9k apc69 ls9te relative overflow-hidden before:absolute before:inset-y-0 before:start-0 before:w-[3px] before:h-full before:bg-gray-300 before:rounded-full dark:before:bg-neutral-700">
<p class="y2wul cm336 bp13m dark:text-neutral-200">Replying to James Collins</p>
<div class="xe8oj flex vrcxw">
<img class="hq6gx ca09w dqdmd exlm9" src="../../assets/img/demo-previews-dark/img1.webp" alt="Attached Image">
<div class="e3fpz">
<p class="t5ziw t6rrs dark:text-neutral-500">if you finished the light mode of the Dashboard demo, can you please share some screenshot results?</p>
</div>
</div>
</div>
<p class="o1gdb t5ziw bp13m dark:text-neutral-200">
<span class="t6rrs dark:text-neutral-500">@james</span>
of course, I can. here you go...
</p>
<div class="ymk3i flex flex-wrap h1dxu">
<img class="rmc90 h5qat exlm9 wfm4e d77gl umxjj dark:border-neutral-700" src="../../assets/img/demo-previews/img1.webp" alt="Attached Image">
<img class="rmc90 h5qat exlm9 wfm4e d77gl umxjj dark:border-neutral-700" src="../../assets/img/demo-previews/img2.webp" alt="Attached Image">
<img class="rmc90 h5qat exlm9 wfm4e d77gl umxjj dark:border-neutral-700" src="../../assets/img/demo-previews/img3.webp" alt="Attached Image">
</div>
<div class="md:opacity-0 md:group-hover:opacity-100 absolute -top-1 fug6q">
<!-- Button Group -->
<div class="manq4 inline-flex items-center bj6m2 oo8ro wfm4e d77gl hx4gm ps5iq dark:bg-neutral-800 dark:border-neutral-700">
<button type="button" class="d0kec kzzmm inline-flex items-center pgjbi cm336 vo20k umxjj wfm4e qb17b oo8ro t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:bg-neutral-800 dark:border-transparent dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
Reply
</button>
<!-- Button -->
<div class="hs-tooltip inline-block">
<button type="button" class="hs-tooltip-toggle lctzd inline-flex r00n9 items-center pgjbi cm336 vo20k umxjj wfm4e qb17b oo8ro t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:bg-neutral-800 dark:border-transparent dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
<svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 20h9"/><path d="M16.5 3.5a2.12 2.12 0 0 1 3 3L7 19l-4 1 1-4Z"/></svg>
<span class="ecbnn">Edit message</span>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq lt27r dark:bg-neutral-700" role="tooltip">
Edit message
</span>
</div>
<!-- End Button -->
<!-- Button -->
<div class="hs-tooltip inline-block">
<button type="button" class="hs-tooltip-toggle lctzd inline-flex r00n9 items-center pgjbi cm336 vo20k umxjj wfm4e qb17b oo8ro t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:bg-neutral-800 dark:border-transparent dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
<svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg>
<span class="ecbnn">Delete message</span>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq lt27r dark:bg-neutral-700" role="tooltip">
Delete message
</span>
</div>
<!-- End Button -->
</div>
<!-- End Button Group -->
</div>
</div>
<!-- End Right Content -->
</div>
<!-- End Item -->
</div>
<!-- End Timeline -->
</div>
</div>
</div>
<!-- End Body -->
<!-- Footer -->
<div class="mt-auto i7oig dkhxo jbez3 pyimf d77gl dark:border-neutral-700">
<!-- Comment Input -->
<div class="flex qsuyg">
<div class="hq6gx llzqh">
<img class="hq6gx awhdl oq0dt" src="https://images.unsplash.com/photo-1659482633369-9fe69af50bfb?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="Avatar">
</div>
<div class="e3fpz">
<!-- Textarea -->
<div class="relative">
<textarea id="hs-pro-project-details-textarea" class="cspev mctd2 orpjh ysblo block i65bn v345i stvln k34r6 amkne ps5iq lqn87 focus:outline-hidden rdxom disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 dark:focus:ring-transparent dark:placeholder-neutral-500 overflow-y-auto n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500" placeholder="Message..." rows="1" data-hs-textarea-auto-height='{"defaultHeight": 44}'></textarea>
<!-- Button Group -->
<div class="absolute wix12 fug6q bo1ta">
<div class="flex items-center pgjbi">
<!-- Button -->
<button type="button" class="flex r00n9 items-center vmt4s awhdl t5ziw xq1jm ksr3h oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200">
<svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l8.57-8.57A4 4 0 1 1 18 8.84l-8.59 8.57a2 2 0 0 1-2.83-2.83l8.49-8.48"/></svg>
<span class="ecbnn">Attach file</span>
</button>
<!-- End Button -->
<!-- Button -->
<button type="button" class="flex r00n9 items-center vmt4s awhdl t5ziw xq1jm ksr3h oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200">
<svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11v1a10 10 0 1 1-9-10"/><path d="M8 14s1.5 2 4 2 4-2 4-2"/><line x1="9" x2="9.01" y1="9" y2="9"/><line x1="15" x2="15.01" y1="9" y2="9"/><path d="M16 5h6"/><path d="M19 2v6"/></svg>
<span class="ecbnn">Add emoji</span>
</button>
<!-- End Button -->
<!-- Button -->
<button type="button" class="flex r00n9 items-center vmt4s awhdl t5ziw xq1jm ksr3h oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200">
<svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z"/><path d="M19 10v2a7 7 0 0 1-14 0v-2"/><line x1="12" x2="12" y1="19" y2="22"/></svg>
<span class="ecbnn">Send voice message</span>
</button>
<!-- End Button -->
<!-- Send Button -->
<button type="button" class="inline-flex hq6gx r00n9 items-center awhdl t5ziw vo20k oq0dt zr4l6 gksv6 mtp0r disabled:opacity-50 disabled:pointer-events-none pbwui focus:outline-hidden v1cco pmrnh">
<span class="ecbnn">Send</span>
<svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m5 12 7-7 7 7"/><path d="M12 19V5"/></svg>
</button>
<!-- End Send Button -->
</div>
<!-- End Button Group -->
</div>
</div>
<!-- End Textarea -->
</div>
</div>
<!-- End Comment Input -->
</div>
<!-- End Footer -->
</div>
</div>
</div>
<!-- End Kanban Project Details Modal -->
<!-- Calendar Edit Event Modal -->
<div id="hs-pro-clee" class="hs-overlay hidden lpgt1 fixed ofq05 uv2uj kdmqb overflow-hidden [--close-when-click-inside:true] howv4" role="dialog" tabindex="-1" aria-labelledby="hs-pro-clee-label">
<div class="hs-overlay-open:mt-7 hs-overlay-open:opacity-100 hs-overlay-open:duration-500 s193u opacity-0 f6mgt g0ipl lmwfy p3qto cux47 sm:mx-auto h-[calc(100%-56px)] min-h-[calc(100%-56px)] flex items-center">
<div class="i65bn fmwcv flex flex-col oo8ro lile3 pointer-events-auto rrmkk dark:bg-neutral-800">
<!-- Header -->
<div class="o1ncb dkhxo flex uip67 items-center ic6aj d77gl dark:border-neutral-700">
<h3 id="hs-pro-clee-label" class="vo20k bp13m dark:text-neutral-200">
Edit event
</h3>
<button type="button" class="aukwz hq6gx flex r00n9 items-center lialp oq0dt wfm4e qb17b agawe bp13m eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:bg-neutral-700 dark:hover:bg-neutral-600 dark:text-neutral-400 dark:focus:bg-neutral-600" aria-label="Close" data-hs-overlay="#hs-pro-clee">
<span class="ecbnn">Close</span>
<svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg>
</button>
</div>
<!-- End Header -->
<!-- Body -->
<div id="hs-modal-edit-event" class="overflow-y-auto n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<div class="pi5e6 space-y-3">
<!-- Event List -->
<div class="dmfqa fqhb4 h1dxu">
<!-- Item -->
<div class="i63zv">
<label for="hs-edit-event-title-autoheight-textarea" class="iz3dk flex r00n9 items-center pgjbi e9qjd kvliy dark:text-neutral-500">
<svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="4 7 4 4 20 4 20 7"/><line x1="9" x2="15" y1="20" y2="20"/><line x1="12" x2="12" y1="4" y2="20"/></svg>
<span class="ecbnn">Title</span>
</label>
</div>
<div class="xdw6i">
<textarea id="hs-edit-event-title-autoheight-textarea" class="d0kec qh1uk kzzmm block i65bn qb17b umxjj piafy rz6ys a0kik lqn87 disabled:opacity-50 disabled:pointer-events-none kf4z7 b2plr rdxom dark:bg-neutral-800 dark:hover:border-neutral-700 dark:text-neutral-200 dark:placeholder:text-neutral-500 dark:focus:bg-neutral-700" rows="1" placeholder="Add title" data-hs-textarea-auto-height >Preline Q1 tasks review</textarea>
</div>
<!-- End Item -->
<!-- Item -->
<div class="i63zv">
<label class="x2g6m flex r00n9 items-center pgjbi e9qjd kvliy dark:text-neutral-500">
<svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>
<span class="ecbnn">Date & Time:</span>
</label>
</div>
<div class="xdw6i">
<div class="space-y-1">
<!-- Grid -->
<div class="flex ca82m e3yf4 items-center duzhl sybv7">
<div class="i65bn cdyyc">
<!-- Select -->
<div class="relative group">
<select data-hs-select='{
"placeholder": "Start time",
"toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>",
"toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative d0kec qh1uk yujsw fy7l0 i65bn flex lialp dslo6 bp13m cursor-pointer oo8ro wfm4e qb17b umxjj qgy40 piafy rz6ys hover:focus:border-transparent focus:outline-hidden kf4z7 dark:bg-neutral-800 dark:hover:border-neutral-700 dark:text-neutral-200 dark:focus:outline-hidden dark:focus:bg-neutral-700",
"dropdownClasses": "ls9te ucmtr i65bn sel6q ju7it space-y-0.5 overflow-hidden overflow-y-auto oo8ro lile3 rrmkk n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900",
"optionClasses": "hs-selected:bg-gray-100 dark:hs-selected:bg-neutral-800 d0kec apc69 i65bn e9qjd bp13m cursor-pointer ksr3h umxjj focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex uip67 items-center i65bn \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"hq6gx stqz8 bp13m dark:text-neutral-200 \" xmlns=\"http:.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"/></svg></span></div>",
"viewport": "#hs-modal-edit-event"
}' class="hidden">
<option value="">Choose</option>
<option>12:00AM</option>
<option>12:15AM</option>
<option>12:30AM</option>
<option>12:45AM</option>
<option>1:00AM</option>
<option>1:15AM</option>
<option>1:30AM</option>
<option>1:45AM</option>
<option>2:00AM</option>
<option>2:15AM</option>
<option>2:30AM</option>
<option>2:45AM</option>
<option>3:00AM</option>
<option>3:15AM</option>
<option>3:30AM</option>
<option>3:45AM</option>
<option>4:00AM</option>
<option>4:15AM</option>
<option>4:30AM</option>
<option>4:45AM</option>
<option>5:00AM</option>
<option>5:15AM</option>
<option>5:30AM</option>
<option>5:45AM</option>
<option>6:00AM</option>
<option>6:15AM</option>
<option>6:30AM</option>
<option>6:45AM</option>
<option>7:00AM</option>
<option>7:15AM</option>
<option>7:30AM</option>
<option>7:45AM</option>
<option>8:00AM</option>
<option>8:15AM</option>
<option>8:30AM</option>
<option>8:45AM</option>
<option>9:00AM</option>
<option>9:15AM</option>
<option>9:30AM</option>
<option>9:45AM</option>
<option selected>10:00AM</option>
<option>10:15AM</option>
<option>10:30AM</option>
<option>10:45AM</option>
<option>11:00AM</option>
<option>11:15AM</option>
<option>11:30AM</option>
<option>11:45AM</option>
<option>12:00PM</option>
<option>12:15PM</option>
<option>12:30PM</option>
<option>12:45PM</option>
<option>1:00PM</option>
<option>1:15PM</option>
<option>1:30PM</option>
<option>1:45PM</option>
<option>2:00PM</option>
<option>2:15PM</option>
<option>2:30PM</option>
<option>2:45PM</option>
<option>3:00PM</option>
<option>3:15PM</option>
<option>3:30PM</option>
<option>3:45PM</option>
<option>4:00PM</option>
<option>4:15PM</option>
<option>4:30PM</option>
<option>4:45PM</option>
<option>5:00PM</option>
<option>5:15PM</option>
<option>5:30PM</option>
<option>5:45PM</option>
<option>6:00PM</option>
<option>6:15PM</option>
<option>6:30PM</option>
<option>6:45PM</option>
<option>7:00PM</option>
<option>7:15PM</option>
<option>7:30PM</option>
<option>7:45PM</option>
<option>8:00PM</option>
<option>8:15PM</option>
<option>8:30PM</option>
<option>8:45PM</option>
<option>9:00PM</option>
<option>9:15PM</option>
<option>9:30PM</option>
<option>9:45PM</option>
<option>10:00PM</option>
<option>10:15PM</option>
<option>10:30PM</option>
<option>10:45PM</option>
<option>11:00PM</option>
<option>11:15PM</option>
<option>11:30PM</option>
<option>11:45PM</option>
</select>
<div class="absolute wgue8 z5b3o -translate-y-1/2 opacity-0 group-hover:opacity-100 group-focus:opacity-100">
<svg class="hq6gx stqz8 kvliy dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>
</div>
</div>
<!-- End Select -->
</div>
<div class="gs0ea">
<svg class="hq6gx a49ku mx-auto kvliy dark:text-neutral-600" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg>
</div>
<div class="i65bn cdyyc">
<!-- Select -->
<div class="relative group">
<select data-hs-select='{
"placeholder": "Start time",
"toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>",
"toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative d0kec qh1uk yujsw fy7l0 i65bn flex lialp dslo6 bp13m cursor-pointer oo8ro wfm4e qb17b umxjj qgy40 piafy rz6ys hover:focus:border-transparent focus:outline-hidden kf4z7 dark:bg-neutral-800 dark:hover:border-neutral-700 dark:text-neutral-200 dark:focus:outline-hidden dark:focus:bg-neutral-700",
"dropdownClasses": "ls9te ucmtr i65bn sel6q ju7it space-y-0.5 overflow-hidden overflow-y-auto oo8ro lile3 rrmkk n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900",
"optionClasses": "hs-selected:bg-gray-100 dark:hs-selected:bg-neutral-800 d0kec apc69 i65bn e9qjd bp13m cursor-pointer ksr3h umxjj focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex uip67 items-center i65bn \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"hq6gx stqz8 bp13m dark:text-neutral-200 \" xmlns=\"http:.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"/></svg></span></div>",
"viewport": "#hs-modal-edit-event"
}' class="hidden">
<option value="">Choose</option>
<option>12:00AM</option>
<option>12:15AM</option>
<option>12:30AM</option>
<option>12:45AM</option>
<option>1:00AM</option>
<option>1:15AM</option>
<option>1:30AM</option>
<option>1:45AM</option>
<option>2:00AM</option>
<option>2:15AM</option>
<option>2:30AM</option>
<option>2:45AM</option>
<option>3:00AM</option>
<option>3:15AM</option>
<option>3:30AM</option>
<option>3:45AM</option>
<option>4:00AM</option>
<option>4:15AM</option>
<option>4:30AM</option>
<option>4:45AM</option>
<option>5:00AM</option>
<option>5:15AM</option>
<option>5:30AM</option>
<option>5:45AM</option>
<option>6:00AM</option>
<option>6:15AM</option>
<option>6:30AM</option>
<option>6:45AM</option>
<option>7:00AM</option>
<option>7:15AM</option>
<option>7:30AM</option>
<option>7:45AM</option>
<option>8:00AM</option>
<option>8:15AM</option>
<option>8:30AM</option>
<option>8:45AM</option>
<option>9:00AM</option>
<option>9:15AM</option>
<option>9:30AM</option>
<option>9:45AM</option>
<option selected>10:00AM</option>
<option>10:15AM</option>
<option>10:30AM</option>
<option>10:45AM</option>
<option>11:00AM</option>
<option>11:15AM</option>
<option>11:30AM</option>
<option>11:45AM</option>
<option>12:00PM</option>
<option>12:15PM</option>
<option>12:30PM</option>
<option>12:45PM</option>
<option>1:00PM</option>
<option>1:15PM</option>
<option>1:30PM</option>
<option>1:45PM</option>
<option>2:00PM</option>
<option>2:15PM</option>
<option>2:30PM</option>
<option>2:45PM</option>
<option>3:00PM</option>
<option>3:15PM</option>
<option>3:30PM</option>
<option>3:45PM</option>
<option>4:00PM</option>
<option>4:15PM</option>
<option>4:30PM</option>
<option>4:45PM</option>
<option>5:00PM</option>
<option>5:15PM</option>
<option>5:30PM</option>
<option>5:45PM</option>
<option>6:00PM</option>
<option>6:15PM</option>
<option>6:30PM</option>
<option>6:45PM</option>
<option>7:00PM</option>
<option>7:15PM</option>
<option>7:30PM</option>
<option>7:45PM</option>
<option>8:00PM</option>
<option>8:15PM</option>
<option>8:30PM</option>
<option>8:45PM</option>
<option>9:00PM</option>
<option>9:15PM</option>
<option>9:30PM</option>
<option>9:45PM</option>
<option>10:00PM</option>
<option>10:15PM</option>
<option>10:30PM</option>
<option>10:45PM</option>
<option>11:00PM</option>
<option>11:15PM</option>
<option>11:30PM</option>
<option>11:45PM</option>
</select>
<div class="absolute wgue8 z5b3o -translate-y-1/2 opacity-0 group-hover:opacity-100 group-focus:opacity-100">
<svg class="hq6gx stqz8 kvliy dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>
</div>
</div>
<!-- End Select -->
</div>
</div>
<!-- End Grid -->
<!-- Grid -->
<div class="flex ca82m e3yf4 items-center duzhl sybv7">
<div class="i65bn cdyyc">
<!-- Calendar Dropdown -->
<div class="hs-dropdown [--strategy:absolute] [--auto-close:inside] relative inline-flex i65bn">
<button id="hs-pro-credemd1" type="button" class="d0kec qh1uk kzzmm group inline-flex items-center pgjbi i65bn qgy40 piafy umxjj wfm4e qb17b oo8ro bp13m rz6ys disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 hover:focus:border-transparent dark:bg-neutral-800 dark:text-neutral-200 dark:hover:border-neutral-700 dark:focus:bg-neutral-700" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
Thu, Jan 2024
<svg class="hq6gx stqz8 ms-auto kvliy opacity-0 group-hover:opacity-100 group-focus:opacity-100 dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>
</button>
<!-- Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 sr9jk transition-[opacity,margin] duration opacity-0 hidden bo1ta oo8ro lile3 rrmkk dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-credemd1">
<!-- Calendar -->
<div class="n33uu dmfqa rde0s">
<div class="sm5p4 ">
<!-- Months -->
<div class="flex uip67 items-center duzhl hypkf">
<span class="jrfm7 block cm336 vo20k t6rrs dark:text-neutral-500">January 2024</span>
<div class="flex c9j8j items-center duzhl">
<button type="button" class="p6abj ezw10 flex r00n9 items-center t6rrs eweab l24f5 oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200" aria-label="Previous">
<svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m15 18-6-6 6-6"/></svg>
</button>
<button type="button" class="p6abj ezw10 flex r00n9 items-center t6rrs eweab l24f5 oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200" aria-label="Next">
<svg class="hq6gx stqz8" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg>
</button>
</div>
</div>
<!-- Months -->
<!-- Weeks -->
<div class="flex s8bn9">
<span class="p6abj olxph block lj7mp s2avd t6rrs dark:text-neutral-500">
Mo
</span>
<span class="p6abj olxph block lj7mp s2avd t6rrs dark:text-neutral-500">
Tu
</span>
<span class="p6abj olxph block lj7mp s2avd t6rrs dark:text-neutral-500">
We
</span>
<span class="p6abj olxph block lj7mp s2avd t6rrs dark:text-neutral-500">
Th
</span>
<span class="p6abj olxph block lj7mp s2avd t6rrs dark:text-neutral-500">
Fr
</span>
<span class="p6abj olxph block lj7mp s2avd t6rrs dark:text-neutral-500">
Sa
</span>
<span class="p6abj olxph block lj7mp s2avd t6rrs dark:text-neutral-500">
Su
</span>
</div>
<!-- Weeks -->
<!-- Days -->
<div class="flex">
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
1
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
2
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
3
<span class="absolute yba2f p3683 znooq jqqot oq0dt -translate-x-1/2 dark:bg-blue-500"></span>
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
4
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
5
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
6
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
7
</button>
</div>
</div>
<!-- Days -->
<!-- Days -->
<div class="flex">
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
8
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
9
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
10
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
11
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center jqqot wfm4e qb17b cm336 vo20k zr4l6 bp7p8 oq0dt dark:bg-blue-500 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden xtb2n dark:hover:border-neutral-700">
12
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
13
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
14
</button>
</div>
</div>
<!-- Days -->
<!-- Days -->
<div class="flex">
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
15
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
16
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
17
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
18
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
19
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
20
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
21
</button>
</div>
</div>
<!-- Days -->
<!-- Days -->
<div class="flex">
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
22
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
23
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
24
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
25
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
26
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
27
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
28
</button>
</div>
</div>
<!-- Days -->
<!-- Days -->
<div class="flex">
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
29
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
30
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
31
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center cm336 kvliy oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden y4dru dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
1
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center cm336 kvliy oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden y4dru dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
2
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center cm336 kvliy oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden y4dru dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
3
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center cm336 kvliy oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden y4dru dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
4
</button>
</div>
</div>
<!-- Days -->
<!-- Days -->
<div class="flex">
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center cm336 kvliy oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden y4dru dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
5
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center cm336 kvliy oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden y4dru dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
6
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center cm336 kvliy oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden y4dru dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
7
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center cm336 kvliy oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden y4dru dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
8
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center cm336 kvliy oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden y4dru dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
9
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center cm336 kvliy oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden y4dru dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
10
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center cm336 kvliy oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden y4dru dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
11
</button>
</div>
</div>
<!-- Days -->
</div>
</div>
<!-- End Calendar -->
</div>
<!-- End Dropdown -->
</div>
<!-- End Calendar Dropdown -->
</div>
<div class="gs0ea">
<svg class="hq6gx a49ku mx-auto kvliy dark:text-neutral-600" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg>
</div>
<div class="i65bn cdyyc">
<!-- Calendar Dropdown -->
<div class="hs-dropdown [--strategy:absolute] [--auto-close:inside] relative inline-flex i65bn">
<button id="hs-pro-credemd2" type="button" class="d0kec qh1uk kzzmm group inline-flex items-center pgjbi i65bn qgy40 piafy umxjj wfm4e qb17b oo8ro bp13m rz6ys disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 hover:focus:border-transparent dark:bg-neutral-800 dark:text-neutral-200 dark:hover:border-neutral-700 dark:focus:bg-neutral-700" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
Thu, Jan 2024
<svg class="hq6gx stqz8 ms-auto kvliy opacity-0 group-hover:opacity-100 group-focus:opacity-100 dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>
</button>
<!-- Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 sr9jk transition-[opacity,margin] duration opacity-0 hidden bo1ta oo8ro lile3 rrmkk dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-credemd2">
<!-- Calendar -->
<div class="n33uu dmfqa rde0s">
<div class="sm5p4 ">
<!-- Months -->
<div class="flex uip67 items-center duzhl hypkf">
<span class="jrfm7 block cm336 vo20k t6rrs dark:text-neutral-500">January 2024</span>
<div class="flex c9j8j items-center duzhl">
<button type="button" class="p6abj ezw10 flex r00n9 items-center t6rrs eweab l24f5 oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200" aria-label="Previous">
<svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m15 18-6-6 6-6"/></svg>
</button>
<button type="button" class="p6abj ezw10 flex r00n9 items-center t6rrs eweab l24f5 oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200" aria-label="Next">
<svg class="hq6gx stqz8" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg>
</button>
</div>
</div>
<!-- Months -->
<!-- Weeks -->
<div class="flex s8bn9">
<span class="p6abj olxph block lj7mp s2avd t6rrs dark:text-neutral-500">
Mo
</span>
<span class="p6abj olxph block lj7mp s2avd t6rrs dark:text-neutral-500">
Tu
</span>
<span class="p6abj olxph block lj7mp s2avd t6rrs dark:text-neutral-500">
We
</span>
<span class="p6abj olxph block lj7mp s2avd t6rrs dark:text-neutral-500">
Th
</span>
<span class="p6abj olxph block lj7mp s2avd t6rrs dark:text-neutral-500">
Fr
</span>
<span class="p6abj olxph block lj7mp s2avd t6rrs dark:text-neutral-500">
Sa
</span>
<span class="p6abj olxph block lj7mp s2avd t6rrs dark:text-neutral-500">
Su
</span>
</div>
<!-- Weeks -->
<!-- Days -->
<div class="flex">
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
1
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
2
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
3
<span class="absolute yba2f p3683 znooq jqqot oq0dt -translate-x-1/2 dark:bg-blue-500"></span>
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
4
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
5
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
6
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
7
</button>
</div>
</div>
<!-- Days -->
<!-- Days -->
<div class="flex">
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
8
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
9
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
10
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
11
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center jqqot wfm4e qb17b cm336 vo20k zr4l6 bp7p8 oq0dt dark:bg-blue-500 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden xtb2n dark:hover:border-neutral-700">
12
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
13
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
14
</button>
</div>
</div>
<!-- Days -->
<!-- Days -->
<div class="flex">
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
15
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
16
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
17
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
18
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
19
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
20
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
21
</button>
</div>
</div>
<!-- Days -->
<!-- Days -->
<div class="flex">
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
22
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
23
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
24
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
25
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
26
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
27
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
28
</button>
</div>
</div>
<!-- Days -->
<!-- Days -->
<div class="flex">
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
29
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
30
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center wfm4e qb17b cm336 bp13m oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
31
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center cm336 kvliy oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden y4dru dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
1
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center cm336 kvliy oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden y4dru dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
2
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center cm336 kvliy oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden y4dru dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
3
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center cm336 kvliy oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden y4dru dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
4
</button>
</div>
</div>
<!-- Days -->
<!-- Days -->
<div class="flex">
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center cm336 kvliy oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden y4dru dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
5
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center cm336 kvliy oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden y4dru dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
6
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center cm336 kvliy oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden y4dru dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
7
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center cm336 kvliy oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden y4dru dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
8
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center cm336 kvliy oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden y4dru dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
9
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center cm336 kvliy oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden y4dru dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
10
</button>
</div>
<div>
<button type="button" class="p6abj relative ezw10 flex r00n9 items-center cm336 kvliy oq0dt eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden y4dru dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
11
</button>
</div>
</div>
<!-- Days -->
</div>
</div>
<!-- End Calendar -->
</div>
<!-- End Dropdown -->
</div>
<!-- End Calendar Dropdown -->
</div>
</div>
<!-- End Grid -->
<!-- Grid -->
<div class="flex ca82m e3yf4 items-center duzhl sybv7">
<div class="i65bn cdyyc">
<!-- Switch -->
<div class="flex items-center lialp g6bj4">
<label for="hs-pro-cremad" class="flex items-center pgjbi piafy dslo6 bp13m dark:text-neutral-200">All-Day:</label>
<label for="hs-pro-cremad" class="relative inline-block mid1e ljyfw cursor-pointer">
<input type="checkbox" id="hs-pro-cremad" class="peer ecbnn">
<span class="absolute inset-0 rjuva oq0dt hgdm1 vtbde jhf88 peer-checked:bg-blue-600 dark:bg-neutral-700 dark:peer-checked:bg-blue-500 peer-disabled:opacity-50 peer-disabled:pointer-events-none"></span>
<span class="absolute wgue8 sabt1 -translate-y-1/2 ibvs1 oo8ro oq0dt t4usm pjxlf vtbde jhf88 peer-checked:translate-x-full dark:bg-neutral-400 dark:peer-checked:bg-white"></span>
</label>
</div>
<!-- End Switch -->
</div>
<div class="gs0ea">
<svg class="opacity-0 hq6gx a49ku mx-auto kvliy dark:text-neutral-600" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg>
</div>
<div class="i65bn cdyyc">
<!-- Repeat Dropdown -->
<div class="hs-dropdown [--strategy:absolute] relative inline-flex i65bn">
<button id="hs-pro-cremdid" type="button" class="d0kec qh1uk kzzmm group inline-flex items-center pgjbi i65bn qgy40 piafy umxjj wfm4e qb17b oo8ro bp13m rz6ys hover:focus:border-transparent disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:bg-neutral-800 dark:text-neutral-200 dark:hover:border-neutral-700 dark:focus:bg-neutral-700" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
Do not repeat
<svg class="hq6gx stqz8 ms-auto kvliy opacity-0 group-hover:opacity-100 group-focus:opacity-100 dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>
</button>
<!-- Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 i65bn transition-[opacity,margin] duration opacity-0 hidden bo1ta oo8ro lile3 rrmkk dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-cremdid">
<div class="ju7it space-y-0.5">
<!-- Radio -->
<label for="hs-pro-cremd1" class="d0kec kzzmm group flex vrcxw umxjj cursor-pointer e9qjd bp13m ksr3h dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="radio" class="hidden" id="hs-pro-cremd1" name="hs-pro-cremd" checked>
Do not repeat
<svg class="hq6gx stqz8 tr8tx ms-auto opacity-0 group-has-checked:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
</label>
<!-- End Radio -->
<!-- Radio -->
<label for="hs-pro-cremd2" class="d0kec kzzmm group flex vrcxw umxjj cursor-pointer e9qjd bp13m ksr3h dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="radio" class="hidden" id="hs-pro-cremd2" name="hs-pro-cremd">
Every Day
<svg class="hq6gx stqz8 tr8tx ms-auto opacity-0 group-has-checked:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
</label>
<!-- End Radio -->
<!-- Radio -->
<label for="hs-pro-cremd3" class="d0kec kzzmm group flex vrcxw umxjj cursor-pointer e9qjd bp13m ksr3h dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="radio" class="hidden" id="hs-pro-cremd3" name="hs-pro-cremd">
Every Week
<svg class="hq6gx stqz8 tr8tx ms-auto opacity-0 group-has-checked:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
</label>
<!-- End Radio -->
<!-- Radio -->
<label for="hs-pro-cremd4" class="d0kec kzzmm group flex vrcxw umxjj cursor-pointer e9qjd bp13m ksr3h dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="radio" class="hidden" id="hs-pro-cremd4" name="hs-pro-cremd">
Every Year
<svg class="hq6gx stqz8 tr8tx ms-auto opacity-0 group-has-checked:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
</label>
<!-- End Radio -->
</div>
<div class="ju7it pyimf d77gl dark:border-neutral-800">
<button type="button" class="flex items-center vrcxw i65bn jlmh5 kzzmm ps5iq e9qjd bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-clcre" data-hs-overlay-options='{
"isClosePrev": false
}'>
Custom
</button>
</div>
</div>
<!-- End Dropdown -->
</div>
<!-- End Repeat Dropdown -->
</div>
</div>
<!-- End Grid -->
</div>
</div>
<!-- End Item -->
<!-- Item -->
<div class="i63zv">
<label for="hs-pro-cremtz" class="nxgm9 flex r00n9 items-center pgjbi e9qjd kvliy dark:text-neutral-500">
<svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"/><path d="M2 12h20"/></svg>
<span class="ecbnn">Time Zone:</span>
</label>
</div>
<div class="xdw6i relative fkoia before:ms-2 before:absolute before:top-0 before:inset-x-0 before:w-[calc(100%-8px)] before:h-px before:bg-gray-100 dark:before:bg-white/10">
<input id="hs-pro-cremtz" type="text" class="d0kec qh1uk kzzmm block i65bn qb17b umxjj piafy bp13m lluhh rz6ys a0kik disabled:opacity-50 disabled:pointer-events-none kf4z7 b2plr rdxom dark:text-neutral-200 dark:bg-neutral-800 dark:hover:border-neutral-700 dark:text-neutral-200 dark:placeholder:text-neutral-500 dark:focus:bg-neutral-700" placeholder="Time Zone" value="London (GMT+0)">
</div>
<!-- End Item -->
<!-- Item -->
<div class="i63zv">
<label for="hs-pro-cremg" class="nxgm9 flex r00n9 items-center pgjbi e9qjd kvliy dark:text-neutral-500">
<svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M22 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg>
<span class="ecbnn">Participants:</span>
</label>
</div>
<div class="xdw6i relative fkoia before:ms-2 before:absolute before:top-0 before:inset-x-0 before:w-[calc(100%-8px)] before:h-px before:bg-gray-100 dark:before:bg-white/10">
<input id="hs-pro-cremg" type="text" class="d0kec qh1uk kzzmm block i65bn qb17b umxjj piafy bp13m lluhh rz6ys a0kik disabled:opacity-50 disabled:pointer-events-none kf4z7 b2plr rdxom dark:text-neutral-200 dark:bg-neutral-800 dark:hover:border-neutral-700 dark:text-neutral-200 dark:placeholder:text-neutral-500 dark:focus:bg-neutral-700" placeholder="Add Participants"><!-- Participants List -->
<div class="nsx3p g6bj4 space-y-1">
<!-- Item -->
<div class="riw3u flex flex-wrap uip67 items-center duzhl">
<!-- User -->
<div class="e3fpz">
<span class="block t5ziw piafy bp13m dark:text-neutral-200">
3 participants
</span>
<small class="block e9qjd oqe0y t6rrs dark:text-neutral-400">
1 yes, 2 awaiting
</small>
</div>
<!-- End User -->
<!-- Button Group -->
<div class="flex items-center pgjbi">
<div class="hs-tooltip inline-block">
<button type="button" class="ezw10 hq6gx inline-flex r00n9 items-center lialp oq0dt wfm4e qb17b kvliy eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:hover:bg-neutral-600 dark:text-neutral-500 dark:focus:bg-neutral-600">
<span class="ecbnn">Email participants</span>
<svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="16" x="2" y="4" rx="2"/><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"/></svg>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y lj7mp cm336 zr4l6 ps5iq dark:bg-neutral-900" role="tooltip">
Email participants
</span>
</div>
<div class="hs-tooltip inline-block">
<button type="button" class="ezw10 hq6gx inline-flex r00n9 items-center lialp oq0dt wfm4e qb17b kvliy eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:hover:bg-neutral-600 dark:text-neutral-500 dark:focus:bg-neutral-600">
<span class="ecbnn">Mark all participants optional</span>
<svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><circle cx="12" cy="10" r="3"/><path d="M7 20.662V19a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v1.662"/></svg>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y lj7mp cm336 zr4l6 ps5iq dark:bg-neutral-900" role="tooltip">
Mark all participants optional
</span>
</div>
<div class="hs-tooltip inline-block">
<button type="button" class="ezw10 hq6gx inline-flex r00n9 items-center lialp oq0dt wfm4e qb17b kvliy eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:hover:bg-neutral-600 dark:text-neutral-500 dark:focus:bg-neutral-600">
<span class="ecbnn">Remove all participants</span>
<svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y lj7mp cm336 zr4l6 ps5iq dark:bg-neutral-900" role="tooltip">
Remove all participants
</span>
</div>
</div>
<!-- End Button Group -->
</div>
<!-- End Item -->
<!-- List Group -->
<div class="space-y-1">
<!-- Item -->
<div id="hs-pro-cremudb1" class="relative ju7it yujsw group flex flex-wrap uip67 items-center duzhl ps5iq ksr3h dark:hover:bg-neutral-700">
<!-- User -->
<div class="e3fpz i65bn">
<div class="flex lialp">
<div class="hq6gx">
<div class="relative hq6gx">
<img class="hq6gx mx-auto ca09w oq0dt" src="https://images.unsplash.com/photo-1659482633369-9fe69af50bfb?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="Avatar"><span class="absolute -bottom-0.5 -end-0.5 flex r00n9 items-center a49ku neiig wfm4e t63u7 zr4l6 oq0dt dark:border-neutral-800 dark:group-hover:border-neutral-700">
<svg class="hq6gx srid0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
</span>
</div>
</div>
<div class="e3fpz truncate ysblo">
<span class="block e9qjd truncate bp13m dark:text-neutral-200">
James Collison
</span>
<small class="block s2avd truncate t6rrs dark:text-neutral-400">
organizer
</small>
</div>
</div>
</div>
<!-- End User -->
<!-- Button Group -->
<div class="absolute wgue8 cpkvx -translate-y-1/2 flex items-center pgjbi lg:opacity-0 lg:group-hover:opacity-100">
<div class="hs-tooltip inline-block">
<button type="button" class="ezw10 hq6gx inline-flex r00n9 items-center lialp oq0dt wfm4e qb17b kvliy eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:hover:bg-neutral-600 dark:text-neutral-500 dark:focus:bg-neutral-600">
<span class="ecbnn">Show/Hide</span>
<svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z"/><circle cx="12" cy="12" r="3"/></svg>
<svg class="hidden hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9.88 9.88a3 3 0 1 0 4.24 4.24"/><path d="M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68"/><path d="M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61"/><line x1="2" x2="22" y1="2" y2="22"/></svg>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y lj7mp cm336 zr4l6 ps5iq dark:bg-neutral-900" role="tooltip">
Hide
</span>
</div>
<div class="hs-tooltip inline-block">
<button type="button" class="ezw10 hq6gx inline-flex r00n9 items-center lialp oq0dt wfm4e qb17b kvliy eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:hover:bg-neutral-600 dark:text-neutral-500 dark:focus:bg-neutral-600">
<span class="ecbnn">Mark optional</span>
<svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><circle cx="12" cy="10" r="3"/><path d="M7 20.662V19a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v1.662"/></svg>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y lj7mp cm336 zr4l6 ps5iq dark:bg-neutral-900" role="tooltip">
Mark optional
</span>
</div>
<div class="hs-tooltip inline-block">
<button type="button" class="ezw10 hq6gx inline-flex r00n9 items-center lialp oq0dt wfm4e qb17b kvliy eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:hover:bg-neutral-600 dark:text-neutral-500 dark:focus:bg-neutral-600" data-hs-remove-element="#hs-pro-cremudb1">
<span class="ecbnn">Remove</span>
<svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y lj7mp cm336 zr4l6 ps5iq dark:bg-neutral-900" role="tooltip">
Remove
</span>
</div>
</div>
<!-- End Button Group -->
</div>
<!-- End Item -->
<!-- Item -->
<div id="hs-pro-cremudb2" class="relative ju7it yujsw group flex flex-wrap uip67 items-center duzhl ps5iq ksr3h dark:hover:bg-neutral-700">
<!-- User -->
<div class="e3fpz i65bn">
<div class="flex lialp">
<div class="hq6gx">
<div class="relative hq6gx">
<img class="hq6gx mx-auto ca09w oq0dt" src="https://images.unsplash.com/photo-1601935111741-ae98b2b230b0?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="Avatar">
</div>
</div>
<div class="e3fpz truncate ysblo">
<span class="block e9qjd truncate bp13m dark:text-neutral-200">
Daniel Hobbs
</span>
<small class="block s2avd truncate t6rrs dark:text-neutral-400">
dhobbs@site.com
</small>
</div>
</div>
</div>
<!-- End User -->
<!-- Button Group -->
<div class="absolute wgue8 cpkvx -translate-y-1/2 flex items-center pgjbi lg:opacity-0 lg:group-hover:opacity-100">
<div class="hs-tooltip inline-block">
<button type="button" class="ezw10 hq6gx inline-flex r00n9 items-center lialp oq0dt wfm4e qb17b kvliy eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:hover:bg-neutral-600 dark:text-neutral-500 dark:focus:bg-neutral-600">
<span class="ecbnn">Show/Hide</span>
<svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z"/><circle cx="12" cy="12" r="3"/></svg>
<svg class="hidden hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9.88 9.88a3 3 0 1 0 4.24 4.24"/><path d="M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68"/><path d="M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61"/><line x1="2" x2="22" y1="2" y2="22"/></svg>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y lj7mp cm336 zr4l6 ps5iq dark:bg-neutral-900" role="tooltip">
Hide
</span>
</div>
<div class="hs-tooltip inline-block">
<button type="button" class="ezw10 hq6gx inline-flex r00n9 items-center lialp oq0dt wfm4e qb17b kvliy eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:hover:bg-neutral-600 dark:text-neutral-500 dark:focus:bg-neutral-600">
<span class="ecbnn">Mark optional</span>
<svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><circle cx="12" cy="10" r="3"/><path d="M7 20.662V19a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v1.662"/></svg>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y lj7mp cm336 zr4l6 ps5iq dark:bg-neutral-900" role="tooltip">
Mark optional
</span>
</div>
<div class="hs-tooltip inline-block">
<button type="button" class="ezw10 hq6gx inline-flex r00n9 items-center lialp oq0dt wfm4e qb17b kvliy eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:hover:bg-neutral-600 dark:text-neutral-500 dark:focus:bg-neutral-600" data-hs-remove-element="#hs-pro-cremudb2">
<span class="ecbnn">Remove</span>
<svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y lj7mp cm336 zr4l6 ps5iq dark:bg-neutral-900" role="tooltip">
Remove
</span>
</div>
</div>
<!-- End Button Group -->
</div>
<!-- End Item -->
<!-- Item -->
<div id="hs-pro-cremudb3" class="relative ju7it yujsw group flex flex-wrap uip67 items-center duzhl ps5iq ksr3h dark:hover:bg-neutral-700">
<!-- User -->
<div class="e3fpz i65bn">
<div class="flex lialp">
<div class="hq6gx">
<div class="relative hq6gx">
<span class="flex hq6gx r00n9 items-center ca09w rjuva t6rrs s2avd y2wul oq0dt dark:bg-neutral-600 dark:border-neutral-700 dark:text-neutral-400">L</span>
</div>
</div>
<div class="e3fpz truncate ysblo">
<span class="block e9qjd truncate bp13m dark:text-neutral-200">
Liza Harrison
</span>
<small class="block s2avd truncate t6rrs dark:text-neutral-400">
liza@site.com
</small>
</div>
</div>
</div>
<!-- End User -->
<!-- Button Group -->
<div class="absolute wgue8 cpkvx -translate-y-1/2 flex items-center pgjbi lg:opacity-0 lg:group-hover:opacity-100">
<div class="hs-tooltip inline-block">
<button type="button" class="ezw10 hq6gx inline-flex r00n9 items-center lialp oq0dt wfm4e qb17b kvliy eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:hover:bg-neutral-600 dark:text-neutral-500 dark:focus:bg-neutral-600">
<span class="ecbnn">Show/Hide</span>
<svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z"/><circle cx="12" cy="12" r="3"/></svg>
<svg class="hidden hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9.88 9.88a3 3 0 1 0 4.24 4.24"/><path d="M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68"/><path d="M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61"/><line x1="2" x2="22" y1="2" y2="22"/></svg>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y lj7mp cm336 zr4l6 ps5iq dark:bg-neutral-900" role="tooltip">
Hide
</span>
</div>
<div class="hs-tooltip inline-block">
<button type="button" class="ezw10 hq6gx inline-flex r00n9 items-center lialp oq0dt wfm4e qb17b kvliy eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:hover:bg-neutral-600 dark:text-neutral-500 dark:focus:bg-neutral-600">
<span class="ecbnn">Mark optional</span>
<svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><circle cx="12" cy="10" r="3"/><path d="M7 20.662V19a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v1.662"/></svg>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y lj7mp cm336 zr4l6 ps5iq dark:bg-neutral-900" role="tooltip">
Mark optional
</span>
</div>
<div class="hs-tooltip inline-block">
<button type="button" class="ezw10 hq6gx inline-flex r00n9 items-center lialp oq0dt wfm4e qb17b kvliy eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:hover:bg-neutral-600 dark:text-neutral-500 dark:focus:bg-neutral-600" data-hs-remove-element="#hs-pro-cremudb3">
<span class="ecbnn">Remove</span>
<svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y lj7mp cm336 zr4l6 ps5iq dark:bg-neutral-900" role="tooltip">
Remove
</span>
</div>
</div>
<!-- End Button Group -->
</div>
<!-- End Item -->
</div>
<!-- End List Group -->
<!-- Participant Permissions Collapse Button -->
<button type="button" class="hs-collapse-toggle group i65bn qgy40 focus:outline-hidden disabled:opacity-50 disabled:pointer-events-none" id="participantsPermissionsID" aria-expanded="false" aria-controls="participantsPermissionsLabelID" data-hs-collapse="#participantsPermissionsLabelID">
<span class="jlmh5 kzzmm block i65bn ps5iq t5ziw piafy bp13m wfm4e qb17b group-hover:bg-gray-100 dark:text-neutral-200 dark:group-hover:bg-neutral-700">
<span class="flex uip67 items-center">
<span class="e3fpz truncate">
<span class="block">Participant permissions</span>
<span class="block e9qjd oqe0y t6rrs truncate dark:text-neutral-400">Invite others • See participant list</span>
</span>
<svg class="hs-collapse-open:rotate-180 hq6gx stqz8 kvliy dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>
</span>
</span>
</button>
<!-- End Participant Permissions Collapse Button -->
<!-- Participant Permissions Collapse Content -->
<div id="participantsPermissionsLabelID" class="hs-collapse hidden uaipy i65bn overflow-hidden transition-[height] jahre" aria-labelledby="participantsPermissionsID">
<div class="n33uu agawe umxjj dark:bg-neutral-700">
<span class="block s8bn9 cm336 kvliy dark:text-neutral-500">
Participant permissions
</span>
<div class="k5amb">
<!-- Checkbox -->
<div>
<label for="hs-pro-creagsio" class="inline-flex djhx3 umxjj cursor-pointer cm336 bp13m dark:text-neutral-200">
<input type="checkbox" class="hq6gx d77gl stqz8 lh18u dqdmd rwtxm cursor-pointer p1ez7 rgvf6 dark:bg-neutral-800 dark:text-blue-500 dark:border-neutral-700 dark:checked:bg-blue-500 dark:checked:border-blue-500" id="hs-pro-creagsio" checked>
Invite others
</label>
</div>
<!-- End Checkbox -->
<!-- Checkbox -->
<div>
<label for="hs-pro-creagssgl" class="inline-flex djhx3 umxjj cursor-pointer cm336 bp13m dark:text-neutral-200">
<input type="checkbox" class="hq6gx d77gl stqz8 lh18u dqdmd rwtxm cursor-pointer p1ez7 rgvf6 dark:bg-neutral-800 dark:text-blue-500 dark:border-neutral-700 dark:checked:bg-blue-500 dark:checked:border-blue-500" id="hs-pro-creagssgl" checked>
See participant list
</label>
</div>
<!-- End Checkbox -->
</div>
</div>
</div>
<!-- End Participant Permissions Collapse Content -->
</div>
<!-- End Participants List -->
<!-- Button Group -->
<div class="ls9te flex c9j8j items-center">
<button type="button" class="jlmh5 kzzmm inline-flex items-center lialp cm336 hc6dc wfm4e qb17b jqqot zr4l6 lmqf9 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden adzhs dark:bg-blue-500 dark:hover:bg-blue-600 dark:focus:bg-blue-600">
Send invite
</button>
<span class="relative before:absolute before:top-1/2 before:start-0 before:z-10 before:w-px before:h-4 before:bg-white/20 before:-translate-y-1/2"></span>
<!-- More Dropdown -->
<div class="hs-dropdown [--strategy:absolute] relative inline-flex">
<button id="hs-discard-invite" type="button" class="a5anp inline-flex r00n9 items-center lialp cm336 q4p3j wfm4e qb17b jqqot zr4l6 lmqf9 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden adzhs dark:bg-blue-500 dark:hover:bg-blue-600 dark:focus:bg-blue-600" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<span class="ecbnn">More</span>
<svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>
</button>
<!-- Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 rmc90 transition-[opacity,margin] duration opacity-0 hidden bo1ta oo8ro lile3 rrmkk dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-discard-invite">
<div class="ju7it space-y-0.5">
<a class="flex items-center vrcxw jlmh5 kzzmm ps5iq e9qjd vrq52 lqu56 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden z6qdc dark:text-red-500 dark:hover:bg-red-500/10 dark:focus:bg-red-500/10" href="#">
Discard invite
</a>
<a class="flex items-center vrcxw jlmh5 kzzmm ps5iq e9qjd bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
Send invite without email
</a>
</div>
</div>
<!-- End Dropdown -->
</div>
<!-- End More Dropdown -->
</div>
<!-- End Button Group -->
</div>
<!-- End Item -->
<!-- Item -->
<div class="i63zv">
<label class="nxgm9 flex r00n9 items-center pgjbi e9qjd kvliy dark:text-neutral-500">
<svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m22 8-6 4 6 4V8Z"/><rect width="14" height="12" x="2" y="6" rx="2" ry="2"/></svg>
<span class="ecbnn">Video Conferencing:</span>
</label>
</div>
<div class="xdw6i relative fkoia before:ms-2 before:absolute before:top-0 before:inset-x-0 before:w-[calc(100%-8px)] before:h-px before:bg-gray-100 dark:before:bg-white/10">
<button type="button" class="group flex flex-wrap items-center lialp i65bn ju7it yujsw kjr4d nyo8p ps5iq piafy bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
<svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="192" height="192" viewBox="0 0 192 192"><path fill="none" d="M0 0h192v192H0z"/><path fill="#00832D" d="M108 96l17.06 19.5L148 130.16l4-34.03-4-33.28-23.38 12.88z"/><path fill="#0066DA" d="M9 127v29c0 6.63 5.37 12 12 12h29l6-21.92L50 127l-19.9-6L9 127z"/><path fill="#E94235" d="M50 24L9 65l21.1 6L50 65l5.9-18.83z"/><path fill="#2684FC" d="M9 65h41v62H9z"/><path fill="#00AC47" d="M174.19 41.36L148 62.85v67.31l26.3 21.57c3.94 3.08 9.7.27 9.7-4.73V46c0-5.07-5.89-7.85-9.81-4.64zM108 96v31H50v41h86c6.63 0 12-5.37 12-12v-25.84L108 96z"/><path fill="#FFBA00" d="M136 24H50v41h58v31l40-33.15V36c0-6.63-5.37-12-12-12z"/></svg>
Google Meet<span class="ms-auto cm336 umxjj rwtxm ymclh group-hover:text-blue-700 dark:text-blue-500 dark:group-hover:text-blue-600">
Join with Google Meet
</span>
</button>
<!-- Video Conferencing List -->
<div class="xe8oj zocwd flex flex-wrap uip67 items-center duzhl">
<p class="e9qjd y4biu t6rrs dark:text-neutral-400">
<small class="block">meet.google.com/dks-qzdb-xgd</small>
<input id="hs-dshct" type="text" class="hidden" value="meet.google.com/dks-qzdb-xgd">
<small class="block">Up to 100 participant connections</small>
</p>
<!-- Button Group -->
<div class="flex items-center pgjbi">
<div class="hs-tooltip inline-block">
<button type="button" class="ezw10 hq6gx inline-flex r00n9 items-center lialp oq0dt wfm4e qb17b kvliy ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:hover:bg-neutral-700 dark:text-neutral-500 dark:focus:bg-neutral-700">
<span class="ecbnn">Video call options</span>
<svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z"/><circle cx="12" cy="12" r="3"/></svg>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y lj7mp cm336 zr4l6 ps5iq dark:bg-neutral-900" role="tooltip">
Video call options
</span>
</div>
<button type="button" class="js-clipboard s3yr9 hs-tooltip ezw10 hq6gx inline-flex r00n9 items-center lialp oq0dt wfm4e qb17b kvliy ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:hover:bg-neutral-700 dark:text-neutral-500 dark:focus:bg-neutral-700"
data-clipboard-target="#hs-dshct"
data-clipboard-action="copy"
data-clipboard-success-text="Copied to clipboard">
<svg class="js-clipboard-default hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="14" x="8" y="8" rx="2" ry="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg>
<svg class="js-clipboard-success hidden stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 jfchh hidden j7t1a bo1ta d0kec kzzmm ym42y cm336 vo20k zr4l6 ps5iq hx4gm dark:bg-neutral-900" role="tooltip">
<span class="js-clipboard-success-text">Copy conference link</span>
</span>
</button>
<div class="hs-tooltip inline-block">
<button type="button" class="ezw10 hq6gx inline-flex r00n9 items-center lialp oq0dt wfm4e qb17b kvliy ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:hover:bg-neutral-700 dark:text-neutral-500 dark:focus:bg-neutral-700">
<span class="ecbnn">Remove conference</span>
<svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y lj7mp cm336 zr4l6 ps5iq dark:bg-neutral-900" role="tooltip">
Remove conference
</span>
</div>
</div>
<!-- End Button Group -->
</div>
<!-- End Video Conferencing List -->
</div>
<!-- End Item -->
<!-- Item -->
<div class="i63zv">
<label for="hs-edit-event-location-autoheight-textarea" class="nxgm9 flex r00n9 items-center pgjbi e9qjd kvliy dark:text-neutral-500">
<svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z"/><circle cx="12" cy="10" r="3"/></svg>
<span class="ecbnn">Location:</span>
</label>
</div>
<div class="xdw6i relative fkoia before:ms-2 before:absolute before:top-0 before:inset-x-0 before:w-[calc(100%-8px)] before:h-px before:bg-gray-100 dark:before:bg-white/10">
<textarea id="hs-edit-event-location-autoheight-textarea" class="d0kec qh1uk kzzmm block i65bn qb17b umxjj piafy bp13m rz6ys a0kik lqn87 disabled:opacity-50 disabled:pointer-events-none kf4z7 b2plr rdxom dark:bg-neutral-800 dark:hover:border-neutral-700 dark:text-neutral-200 dark:placeholder:text-neutral-500 dark:focus:bg-neutral-700" rows="1" placeholder="Add Location" data-hs-textarea-auto-height>Virtual Location</textarea>
</div>
<!-- End Item -->
<!-- Item -->
<button type="button" class="hs-collapse-toggle hs-collapse-open:hidden group uaipy i65bn qgy40 focus:outline-hidden disabled:opacity-50 disabled:pointer-events-none dark:before:bg-white/10" id="hs-pro-crem-add-description-url-attachments-collapse" aria-expanded="false" aria-controls="hs-pro-crem-add-description-url-attachments" data-hs-collapse="#hs-pro-crem-add-description-url-attachments">
<span class="dmfqa fqhb4 h1dxu">
<span class="i63zv">
<span class="nxgm9 flex r00n9 items-center pgjbi e9qjd kvliy dark:text-neutral-500">
<svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="21" x2="3" y1="6" y2="6"/><line x1="15" x2="3" y1="12" y2="12"/><line x1="17" x2="3" y1="18" y2="18"/></svg>
</span>
</span>
<span class="xdw6i relative fkoia before:ms-2 before:absolute before:top-0 before:inset-x-0 before:w-[calc(100%-8px)] before:h-px before:bg-gray-100 dark:before:bg-white/10">
<span class="d0kec qh1uk kzzmm block i65bn ps5iq piafy bp13m wfm4e qb17b group-hover:bg-gray-100 group-focus:bg-gray-100 dark:text-neutral-200 dark:group-hover:bg-neutral-700 dark:group-focus:bg-neutral-700">
Add description, URL, or Attachments
</span>
</span>
</span>
</button>
<!-- End Item -->
<!-- Item -->
<div id="hs-pro-crem-add-description-url-attachments" class="hs-collapse hidden uaipy i65bn overflow-hidden transition-[height] jahre" aria-labelledby="hs-pro-crem-add-description-url-attachments-collapse">
<div class="dmfqa fqhb4 h1dxu">
<!-- Item -->
<div class="i63zv">
<label for="hs-edit-event-description-autoheight-textarea" class="nxgm9 flex r00n9 items-center pgjbi e9qjd kvliy dark:text-neutral-500">
<svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="21" x2="3" y1="6" y2="6"/><line x1="15" x2="3" y1="12" y2="12"/><line x1="17" x2="3" y1="18" y2="18"/></svg>
<span class="ecbnn">Description:</span>
</label>
</div>
<div class="xdw6i relative fkoia before:ms-2 before:absolute before:top-0 before:inset-x-0 before:w-[calc(100%-8px)] before:h-px before:bg-gray-100 dark:before:bg-white/10">
<textarea id="hs-edit-event-description-autoheight-textarea" class="d0kec qh1uk kzzmm block i65bn qb17b umxjj piafy rz6ys a0kik lqn87 disabled:opacity-50 disabled:pointer-events-none kf4z7 b2plr rdxom dark:bg-neutral-800 dark:hover:border-neutral-700 dark:text-neutral-200 dark:placeholder:text-neutral-500 dark:focus:bg-neutral-700" rows="1" placeholder="Add Description" data-hs-textarea-auto-height>This session is designed to help us collectively reflect rjx3z our accomplishments, identify areas for improvement, and refine our approach to using Preline in the upcoming quarter.</textarea>
</div>
<!-- End Item -->
<!-- Item -->
<div class="i63zv">
<label for="hs-pro-cremurl" class="nxgm9 flex r00n9 items-center pgjbi e9qjd kvliy dark:text-neutral-500">
<svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"/><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"/></svg>
<span class="ecbnn">URL:</span>
</label>
</div>
<div class="xdw6i relative fkoia before:ms-2 before:absolute before:top-0 before:inset-x-0 before:w-[calc(100%-8px)] before:h-px before:bg-gray-100 dark:before:bg-white/10">
<input id="hs-pro-cremurl" type="text" class="d0kec qh1uk kzzmm block i65bn qb17b umxjj piafy bp13m lluhh rz6ys a0kik disabled:opacity-50 disabled:pointer-events-none kf4z7 b2plr rdxom dark:text-neutral-200 dark:bg-neutral-800 dark:hover:border-neutral-700 dark:text-neutral-200 dark:placeholder:text-neutral-500 dark:focus:bg-neutral-700" placeholder="Add URL" value="https://www.preline.co/">
</div>
<!-- End Item -->
<!-- Item -->
<div class="i63zv">
<label class="nxgm9 flex r00n9 items-center pgjbi e9qjd kvliy dark:text-neutral-500">
<svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l8.57-8.57A4 4 0 1 1 18 8.84l-8.59 8.57a2 2 0 0 1-2.83-2.83l8.49-8.48"/></svg>
<span class="ecbnn">Attachment:</span>
</label>
</div>
<div class="xdw6i relative fkoia before:ms-2 before:absolute before:top-0 before:inset-x-0 before:w-[calc(100%-8px)] before:h-px before:bg-gray-100 dark:before:bg-white/10">
<input type="file" class="zocwd block i65bn e9qjd t6rrs wfm4e qb17b focus:outline-hidden dark:text-neutral-500
rb09k msugu eqp11
hxp8e tdqlc
qddog
ls4pa a9qp5
w4bwr
file:disabled:opacity-50 file:disabled:pointer-events-none
dark:file:bg-neutral-700
dark:file:text-neutral-300
">
</div>
<!-- End Item -->
</div>
</div>
<!-- End Item -->
<!-- Item -->
<div class="i63zv">
<label class="nxgm9 flex r00n9 items-center pgjbi e9qjd kvliy dark:text-neutral-500">
<svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M8 2v4"/><path d="M16 2v4"/><rect width="18" height="18" x="3" y="4" rx="2"/><path d="M3 10h18"/></svg>
<span class="ecbnn">Assignee:</span>
</label>
</div>
<div class="xdw6i relative fkoia before:ms-2 before:absolute before:top-0 before:inset-x-0 before:w-[calc(100%-8px)] before:h-px before:bg-gray-100 dark:before:bg-white/10">
<div class="space-y-1">
<div class="flex flex-wrap items-center duzhl">
<div class="flex-1">
<!-- Assignee Dropdown -->
<div class="hs-dropdown [--strategy:absolute] relative inline-flex i65bn">
<button id="hs-pro-cremaid" type="button" class="d0kec qh1uk kzzmm group inline-flex items-center pgjbi i65bn qgy40 piafy umxjj wfm4e qb17b oo8ro bp13m rz6ys hover:focus:border-transparent disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:bg-neutral-800 dark:text-neutral-200 dark:hover:border-neutral-700 dark:focus:bg-neutral-700" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
james@preline.co
<svg class="hq6gx stqz8 ms-auto kvliy opacity-0 group-hover:opacity-100 group-focus:opacity-100 dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>
</button>
<!-- Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 i65bn transition-[opacity,margin] duration opacity-0 hidden bo1ta oo8ro lile3 rrmkk dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-cremaid">
<div class="ju7it space-y-0.5">
<span class="zocwd cm336 t6rrs dark:text-neutral-400">
james@preline.co
</span>
<!-- Radio -->
<label for="hs-pro-crema1" class="d0kec kzzmm group flex lialp umxjj cursor-pointer e9qjd bp13m ksr3h dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="radio" class="hq6gx d77gl stqz8 tr8tx oq0dt ur0l7 cursor-pointer p1ez7 rgvf6 dark:bg-neutral-800 dark:text-teal-500 dark:border-neutral-700 dark:checked:bg-teal-500 dark:checked:border-teal-500" id="hs-pro-crema1" name="hs-pro-crema" checked>
James Collins
<svg class="hq6gx stqz8 tr8tx ms-auto opacity-0 group-has-checked:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
</label>
<!-- End Radio -->
<!-- Radio -->
<label for="hs-pro-crema2" class="d0kec kzzmm group flex lialp umxjj cursor-pointer e9qjd bp13m ksr3h dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="radio" class="hq6gx d77gl stqz8 tr8tx oq0dt oht7s cursor-pointer p1ez7 rgvf6 dark:bg-neutral-800 dark:text-sky-500 dark:border-neutral-700 dark:checked:bg-sky-500 dark:checked:border-sky-500" id="hs-pro-crema2" name="hs-pro-crema">
Preline tasks
<svg class="hq6gx stqz8 tr8tx ms-auto opacity-0 group-has-checked:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
</label>
<!-- End Radio -->
<!-- Radio -->
<label for="hs-pro-crema3" class="d0kec kzzmm group flex lialp umxjj cursor-pointer e9qjd bp13m ksr3h dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="radio" class="hq6gx d77gl stqz8 tr8tx oq0dt rkwi0 cursor-pointer p1ez7 rgvf6 dark:bg-neutral-800 dark:text-purple-500 dark:border-neutral-700 dark:checked:bg-purple-500 dark:checked:border-purple-500" id="hs-pro-crema3" name="hs-pro-crema">
Performance Tasks
<svg class="hq6gx stqz8 tr8tx ms-auto opacity-0 group-has-checked:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
</label>
<!-- End Radio -->
</div>
<div class="ju7it space-y-0.5">
<span class="zocwd cm336 t6rrs dark:text-neutral-400">
collinsjames@gmail.com
</span>
<!-- Radio -->
<label for="hs-pro-crema4" class="d0kec kzzmm group flex lialp umxjj cursor-pointer e9qjd bp13m ksr3h dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="radio" class="hq6gx d77gl stqz8 tr8tx oq0dt gqwrq cursor-pointer p1ez7 rgvf6 dark:bg-neutral-800 dark:text-pink-500 dark:border-neutral-700 dark:checked:bg-pink-500 dark:checked:border-pink-500" id="hs-pro-crema4" name="hs-pro-erema">
Holidays
<svg class="hq6gx stqz8 tr8tx ms-auto opacity-0 group-has-checked:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
</label>
<!-- End Radio -->
</div>
</div>
<!-- End Dropdown -->
</div>
<!-- End Assignee Dropdown -->
</div>
<!-- Assignee Color Dropdown -->
<div class="hs-dropdown [--strategy:absolute] [--placement:top-right] relative inline-flex">
<button id="hs-pro-cremaecid" type="button" class="d0kec qh1uk kzzmm group inline-flex items-center pgjbi nyo8p qgy40 piafy umxjj wfm4e qb17b oo8ro bp13m rz6ys hover:focus:border-transparent disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:bg-neutral-800 dark:text-neutral-200 dark:hover:border-neutral-700 dark:focus:bg-neutral-700" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<span class="hq6gx a49ku neiig oq0dt dark:bg-green-500"></span>
<svg class="hq6gx stqz8 ms-auto kvliy opacity-0 group-hover:opacity-100 group-focus:opacity-100 dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>
</button>
<!-- Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 qzvcy transition-[opacity,margin] duration opacity-0 hidden bo1ta oo8ro lile3 rrmkk dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-cremaecid">
<div class="ju7it space-y-0.5">
<span class="zocwd cm336 t6rrs dark:text-neutral-400">
Event color
</span>
<!-- Radio -->
<label for="hs-pro-cremaec1" class="d0kec kzzmm group flex lialp umxjj cursor-pointer e9qjd bp13m ksr3h dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="radio" class="hq6gx d77gl stqz8 tr8tx dqdmd qb17b ub67z cursor-pointer p1ez7 rgvf6 vwtsc e4bh9 checked:bg-red-600 checked:bg-none checked:hover:bg-red-600 dark:bg-red-500 dark:focus:text-red-500 dark:checked:hover:bg-red-500" id="hs-pro-cremaec1" name="hs-pro-cremaec">
Red
<svg class="hq6gx stqz8 tr8tx ms-auto opacity-0 group-has-checked:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
</label>
<!-- End Radio -->
<!-- Radio -->
<label for="hs-pro-cremaec2" class="d0kec kzzmm group flex lialp umxjj cursor-pointer e9qjd bp13m ksr3h dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="radio" class="hq6gx d77gl stqz8 tr8tx dqdmd qb17b kslfv cursor-pointer p1ez7 rgvf6 mxvcb fwbec checked:bg-orange-600 checked:bg-none checked:hover:bg-orange-600 dark:bg-orange-500 dark:focus:text-orange-500 dark:checked:hover:bg-orange-500" id="hs-pro-cremaec2" name="hs-pro-cremaec">
Orange
<svg class="hq6gx stqz8 tr8tx ms-auto opacity-0 group-has-checked:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
</label>
<!-- End Radio -->
<!-- Radio -->
<label for="hs-pro-cremaec3" class="d0kec kzzmm group flex lialp umxjj cursor-pointer e9qjd bp13m ksr3h dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="radio" class="hq6gx d77gl stqz8 tr8tx dqdmd qb17b wbihs cursor-pointer p1ez7 rgvf6 incfa ph3pu checked:bg-yellow-400 checked:bg-none checked:hover:bg-yellow-400 dark:bg-yellow-500 dark:focus:text-yellow-500 dark:checked:hover:bg-yellow-500" id="hs-pro-cremaec3" name="hs-pro-cremaec">
Yellow
<svg class="hq6gx stqz8 tr8tx ms-auto opacity-0 group-has-checked:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
</label>
<!-- End Radio -->
<!-- Radio -->
<label for="hs-pro-cremaec4" class="d0kec kzzmm group flex lialp umxjj cursor-pointer e9qjd bp13m ksr3h dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="radio" class="hq6gx d77gl stqz8 tr8tx dqdmd qb17b neiig cursor-pointer p1ez7 rgvf6 lohag pvhn8 checked:bg-green-600 checked:bg-none checked:hover:bg-green-600 dark:bg-green-500 dark:focus:text-green-500 dark:checked:hover:bg-green-500" id="hs-pro-cremaec4" name="hs-pro-cremaec" checked>
Green
<svg class="hq6gx stqz8 tr8tx ms-auto opacity-0 group-has-checked:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
</label>
<!-- End Radio -->
<!-- Radio -->
<label for="hs-pro-cremaec5" class="d0kec kzzmm group flex lialp umxjj cursor-pointer e9qjd bp13m ksr3h dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="radio" class="hq6gx d77gl stqz8 tr8tx dqdmd qb17b d0sng cursor-pointer p1ez7 rgvf6 qyduq x96nl checked:bg-sky-600 checked:bg-none checked:hover:bg-sky-600 dark:bg-sky-500 dark:focus:text-sky-500 dark:checked:hover:bg-sky-500" id="hs-pro-cremaec5" name="hs-pro-cremaec">
Blue
<svg class="hq6gx stqz8 tr8tx ms-auto opacity-0 group-has-checked:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
</label>
<!-- End Radio -->
<!-- Radio -->
<label for="hs-pro-cremaec6" class="d0kec kzzmm group flex lialp umxjj cursor-pointer e9qjd bp13m ksr3h dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="radio" class="hq6gx d77gl stqz8 tr8tx dqdmd qb17b zd4fn cursor-pointer p1ez7 rgvf6 hgv7r owlgl checked:bg-pink-600 checked:bg-none checked:hover:bg-pink-600 dark:bg-pink-500 dark:focus:text-pink-500 dark:checked:hover:bg-pink-500" id="hs-pro-cremaec6" name="hs-pro-cremaec">
Pink
<svg class="hq6gx stqz8 tr8tx ms-auto opacity-0 group-has-checked:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
</label>
<!-- End Radio -->
<!-- Radio -->
<label for="hs-pro-cremaec7" class="d0kec kzzmm group flex lialp umxjj cursor-pointer e9qjd bp13m ksr3h dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="radio" class="hq6gx d77gl stqz8 tr8tx dqdmd qb17b vh6bg cursor-pointer p1ez7 rgvf6 ubcjr y4dru checked:bg-gray-300 checked:bg-none checked:hover:bg-gray-300 dark:bg-neutral-500 dark:focus:text-neutral-500 dark:checked:hover:bg-gray-500" id="hs-pro-cremaec7" name="hs-pro-cremaec">
Gray
<svg class="hq6gx stqz8 tr8tx ms-auto opacity-0 group-has-checked:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
</label>
<!-- End Radio -->
</div>
</div>
<!-- End Dropdown -->
</div>
<!-- End Assignee Color Dropdown -->
</div>
<!-- Grid -->
<div class="dmfqa hdv6z items-center lialp">
<!-- Select -->
<div class="relative group">
<select data-hs-select='{
"placeholder": "Availability",
"toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>",
"toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative d0kec qh1uk kzzmm i65bn flex lialp dslo6 bp13m cursor-pointer oo8ro wfm4e qb17b umxjj qgy40 piafy rz6ys hover:focus:border-transparent focus:outline-hidden kf4z7 dark:bg-neutral-800 dark:hover:border-neutral-700 dark:text-neutral-200 dark:focus:outline-hidden dark:focus:bg-neutral-700",
"dropdownClasses": "ls9te ucmtr i65bn sel6q ju7it space-y-0.5 overflow-hidden overflow-y-auto oo8ro lile3 rrmkk n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900",
"optionClasses": "hs-selected:bg-gray-100 dark:hs-selected:bg-neutral-800 d0kec apc69 i65bn e9qjd bp13m cursor-pointer ksr3h umxjj focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex uip67 items-center i65bn \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"hq6gx stqz8 bp13m dark:text-neutral-200 \" xmlns=\"http:.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"/></svg></span></div>",
"viewport": "#hs-modal-edit-event"
}' class="hidden">
<option value="">Choose</option>
<option selected>Busy</option>
<option>Free</option>
</select>
<div class="absolute wgue8 z5b3o -translate-y-1/2 opacity-0 group-hover:opacity-100 group-focus:opacity-100">
<svg class="hq6gx stqz8 kvliy dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>
</div>
</div>
<!-- End Select -->
<!-- Select -->
<div class="relative group">
<select data-hs-select='{
"placeholder": "Visibility",
"toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>",
"toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative d0kec qh1uk kzzmm i65bn flex lialp dslo6 bp13m cursor-pointer oo8ro wfm4e qb17b umxjj qgy40 piafy rz6ys hover:focus:border-transparent focus:outline-hidden kf4z7 dark:bg-neutral-800 dark:hover:border-neutral-700 dark:text-neutral-200 dark:focus:outline-hidden dark:focus:bg-neutral-700",
"dropdownClasses": "ls9te ucmtr i65bn sel6q ju7it space-y-0.5 overflow-hidden overflow-y-auto oo8ro lile3 rrmkk n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900",
"optionClasses": "hs-selected:bg-gray-100 dark:hs-selected:bg-neutral-800 d0kec apc69 i65bn e9qjd bp13m cursor-pointer ksr3h umxjj focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex uip67 items-center i65bn \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"hq6gx stqz8 bp13m dark:text-neutral-200 \" xmlns=\"http:.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"/></svg></span></div>",
"viewport": "#hs-modal-edit-event"
}' class="hidden">
<option value="">Choose</option>
<option selected>Default visibility</option>
<option>Private</option>
<option>Public</option>
</select>
<div class="absolute wgue8 z5b3o -translate-y-1/2 opacity-0 group-hover:opacity-100 group-focus:opacity-100">
<svg class="hq6gx stqz8 kvliy dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>
</div>
</div>
<!-- End Select -->
</div>
<!-- End Grid -->
</div>
</div>
<!-- End Item -->
<!-- Item -->
<div class="i63zv">
<label class="nxgm9 flex r00n9 items-center pgjbi e9qjd kvliy dark:text-neutral-500">
<svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9"/><path d="M10.3 21a1.94 1.94 0 0 0 3.4 0"/></svg>
<span class="ecbnn">Reminders:</span>
</label>
</div>
<div class="xdw6i relative fkoia before:ms-2 before:absolute before:top-0 before:inset-x-0 before:w-[calc(100%-8px)] before:h-px before:bg-gray-100 dark:before:bg-white/10">
<!-- Select -->
<div class="relative group">
<select data-hs-select='{
"placeholder": "Reminders",
"toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>",
"toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative d0kec qh1uk kzzmm i65bn flex lialp dslo6 bp13m cursor-pointer oo8ro wfm4e qb17b umxjj qgy40 piafy rz6ys hover:focus:border-transparent focus:outline-hidden kf4z7 dark:bg-neutral-800 dark:hover:border-neutral-700 dark:text-neutral-200 dark:focus:outline-hidden dark:focus:bg-neutral-700",
"dropdownClasses": "ls9te ucmtr i65bn sel6q ju7it space-y-0.5 overflow-hidden overflow-y-auto oo8ro lile3 rrmkk n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900",
"optionClasses": "hs-selected:bg-gray-100 dark:hs-selected:bg-neutral-800 d0kec apc69 i65bn e9qjd bp13m cursor-pointer ksr3h umxjj focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex uip67 items-center i65bn \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"hq6gx stqz8 bp13m dark:text-neutral-200 \" xmlns=\"http:.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"/></svg></span></div>",
"viewport": "#hs-modal-edit-event"
}' class="hidden">
<option value="">Choose</option>
<option>At the start of event</option>
<option>5 min before</option>
<option>10 min before</option>
<option selected>30 min before</option>
<option>1 hour before</option>
</select>
<div class="absolute wgue8 z5b3o -translate-y-1/2 opacity-0 group-hover:opacity-100 group-focus:opacity-100">
<svg class="hq6gx stqz8 kvliy dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>
</div>
</div>
<!-- End Select -->
</div>
<!-- End Item -->
</div>
<!-- End Event List -->
</div>
</div>
<!-- End Body -->
<!-- Footer -->
<div class="i7oig dkhxo pyimf d77gl dark:border-neutral-700">
<div class="flex-1 flex c9j8j items-center h1dxu">
<button type="button" class="i7oig apc69 dslo6 inline-flex r00n9 items-center qgy40 lt27r oo8ro wfm4e d77gl bp13m t5ziw vo20k ps5iq hx4gm acu59 tdhmi disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-clee">
Cancel
</button>
<button type="button" class="i7oig apc69 dslo6 inline-flex r00n9 items-center lialp qgy40 lt27r jqqot wfm4e f31lg zr4l6 t5ziw vo20k ps5iq hx4gm acu59 lmqf9 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden cycnq t3nwl dark:focus:ring-blue-500" data-hs-overlay="#hs-pro-clee">
Save changes
</button>
</div>
</div>
<!-- End Footer -->
</div>
</div>
</div>
<!-- End Calendar Edit Event Modal -->