Inbox, Chat & Messages Layouts
Comprehensive Inbox, Chat & Messages UI layouts featuring user listings, detailed profiles, search functionality, empty states, and more.
<body class="hs-overlay-body-open overflow-hidden agawe dark:bg-neutral-800">
<!-- "Splitter" mode toggle -->
<button id="hs-left-layout-splitter-toggle" type="button" class="fixed wgue8 uv2uj xr31u -translate-y-1/2 olxph frpyq kpjcn r00n9 items-center lialp t5ziw vo20k c5ruv wfm4e d77gl oo8ro bp13m hx4gm tdhmi focus:outline-hidden kf4z7 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" style="display: none;">
<svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 8L21 12L17 16M3 12H13M3 6H13M3 18H13"></path></svg>
</button>
<!-- End "Splitter" mode toggle -->
<!-- ========== HEADER ========== -->
<header class="fixed ofq05 fszza iqboe flex flex-wrap bmmg2 md:flex-nowrap ucmtr oo8ro ic6aj d77gl dark:bg-neutral-900 dark:border-neutral-700">
<div class="flex uip67 pngfx xqyok tuucy items-center i65bn i7oig kzzmm lauwb">
<div class="j8a7d qpmwn flex items-center">
<!-- Logo -->
<a class="flex-none umxjj oqlim inline-block y2wul focus:outline-hidden q6qta" href="index.html" aria-label="Preline">
<svg class="n9mfl h-auto" width="116" height="32" viewBox="0 0 116 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M33.5696 30.8182V11.3182H37.4474V13.7003H37.6229C37.7952 13.3187 38.0445 12.9309 38.3707 12.5369C38.7031 12.1368 39.134 11.8045 39.6634 11.5398C40.1989 11.2689 40.8636 11.1335 41.6577 11.1335C42.6918 11.1335 43.6458 11.4044 44.5199 11.946C45.3939 12.4815 46.0926 13.291 46.6158 14.3743C47.139 15.4515 47.4006 16.8026 47.4006 18.4276C47.4006 20.0095 47.1451 21.3452 46.6342 22.4347C46.1295 23.518 45.4401 24.3397 44.5661 24.8999C43.6982 25.4538 42.7256 25.7308 41.6484 25.7308C40.8852 25.7308 40.2358 25.6046 39.7003 25.3523C39.1709 25.0999 38.737 24.7829 38.3984 24.4013C38.0599 24.0135 37.8014 23.6226 37.6229 23.2287H37.5028V30.8182H33.5696ZM37.4197 18.4091C37.4197 19.2524 37.5367 19.9879 37.7706 20.6158C38.0045 21.2436 38.343 21.733 38.7862 22.0838C39.2294 22.4285 39.768 22.6009 40.402 22.6009C41.0421 22.6009 41.5838 22.4254 42.027 22.0746C42.4702 21.7176 42.8056 21.2251 43.0334 20.5973C43.2673 19.9633 43.3842 19.2339 43.3842 18.4091C43.3842 17.5904 43.2704 16.8703 43.0426 16.2486C42.8149 15.6269 42.4794 15.1406 42.0362 14.7898C41.593 14.4389 41.0483 14.2635 40.402 14.2635C39.7618 14.2635 39.2202 14.4328 38.777 14.7713C38.34 15.1098 38.0045 15.59 37.7706 16.2116C37.5367 16.8333 37.4197 17.5658 37.4197 18.4091ZM49.2427 25.5V11.3182H53.0559V13.7926H53.2037C53.4622 12.9124 53.8961 12.2476 54.5055 11.7983C55.1149 11.3428 55.8166 11.1151 56.6106 11.1151C56.8076 11.1151 57.02 11.1274 57.2477 11.152C57.4754 11.1766 57.6755 11.2105 57.8478 11.2536V14.7436C57.6632 14.6882 57.4077 14.639 57.0815 14.5959C56.7553 14.5528 56.4567 14.5312 56.1859 14.5312C55.6073 14.5312 55.0903 14.6574 54.6348 14.9098C54.1854 15.156 53.8284 15.5007 53.5638 15.9439C53.3052 16.3871 53.176 16.898 53.176 17.4766V25.5H49.2427ZM64.9043 25.777C63.4455 25.777 62.1898 25.4815 61.1373 24.8906C60.0909 24.2936 59.2845 23.4503 58.7182 22.3608C58.1519 21.2652 57.8688 19.9695 57.8688 18.4737C57.8688 17.0149 58.1519 15.7346 58.7182 14.6328C59.2845 13.531 60.0816 12.6723 61.1096 12.0568C62.1437 11.4413 63.3563 11.1335 64.7474 11.1335C65.683 11.1335 66.5539 11.2843 67.3603 11.5859C68.1728 11.8814 68.8806 12.3277 69.4839 12.9247C70.0932 13.5218 70.5672 14.2727 70.9057 15.1776C71.2443 16.0762 71.4135 17.1288 71.4135 18.3352V19.4155H59.4384V16.978H67.7111C67.7111 16.4117 67.588 15.91 67.3418 15.473C67.0956 15.036 66.754 14.6944 66.317 14.4482C65.8861 14.1958 65.3844 14.0696 64.812 14.0696C64.2149 14.0696 63.6856 14.2081 63.2239 14.4851C62.7684 14.7559 62.4114 15.1222 62.1529 15.5838C61.8944 16.0393 61.762 16.5471 61.7559 17.1072V19.4247C61.7559 20.1264 61.8851 20.7327 62.1437 21.2436C62.4083 21.7545 62.7807 22.1484 63.2608 22.4254C63.741 22.7024 64.3103 22.8409 64.9689 22.8409C65.406 22.8409 65.8061 22.7794 66.1692 22.6562C66.5324 22.5331 66.8432 22.3485 67.1018 22.1023C67.3603 21.8561 67.5572 21.5545 67.6927 21.1974L71.3304 21.4375C71.1458 22.3116 70.7672 23.0748 70.1948 23.7273C69.6285 24.3736 68.896 24.8783 67.9974 25.2415C67.1048 25.5985 66.0738 25.777 64.9043 25.777ZM77.1335 6.59091V25.5H73.2003V6.59091H77.1335ZM79.5043 25.5V11.3182H83.4375V25.5H79.5043ZM81.4801 9.49006C80.8954 9.49006 80.3937 9.29616 79.9752 8.90838C79.5628 8.51444 79.3566 8.04356 79.3566 7.49574C79.3566 6.95407 79.5628 6.48935 79.9752 6.10156C80.3937 5.70762 80.8954 5.51065 81.4801 5.51065C82.0649 5.51065 82.5635 5.70762 82.9759 6.10156C83.3944 6.48935 83.6037 6.95407 83.6037 7.49574C83.6037 8.04356 83.3944 8.51444 82.9759 8.90838C82.5635 9.29616 82.0649 9.49006 81.4801 9.49006ZM89.7415 17.3011V25.5H85.8083V11.3182H89.5569V13.8203H89.723C90.037 12.9955 90.5632 12.343 91.3019 11.8629C92.0405 11.3767 92.9361 11.1335 93.9887 11.1335C94.9735 11.1335 95.8322 11.349 96.5647 11.7798C97.2971 12.2107 97.8665 12.8262 98.2728 13.6264C98.679 14.4205 98.8821 15.3684 98.8821 16.4702V25.5H94.9489V17.1719C94.9551 16.304 94.7335 15.6269 94.2841 15.1406C93.8348 14.6482 93.2162 14.402 92.4283 14.402C91.8989 14.402 91.4311 14.5159 91.0249 14.7436C90.6248 14.9714 90.3109 15.3037 90.0831 15.7408C89.8615 16.1716 89.7477 16.6918 89.7415 17.3011ZM107.665 25.777C106.206 25.777 104.951 25.4815 103.898 24.8906C102.852 24.2936 102.045 23.4503 101.479 22.3608C100.913 21.2652 100.63 19.9695 100.63 18.4737C100.63 17.0149 100.913 15.7346 101.479 14.6328C102.045 13.531 102.842 12.6723 103.87 12.0568C104.905 11.4413 106.117 11.1335 107.508 11.1335C108.444 11.1335 109.315 11.2843 110.121 11.5859C110.934 11.8814 111.641 12.3277 112.245 12.9247C112.854 13.5218 113.328 14.2727 113.667 15.1776C114.005 16.0762 114.174 17.1288 114.174 18.3352V19.4155H102.199V16.978H110.472C110.472 16.4117 110.349 15.91 110.103 15.473C109.856 15.036 109.515 14.6944 109.078 14.4482C108.647 14.1958 108.145 14.0696 107.573 14.0696C106.976 14.0696 106.446 14.2081 105.985 14.4851C105.529 14.7559 105.172 15.1222 104.914 15.5838C104.655 16.0393 104.523 16.5471 104.517 17.1072V19.4247C104.517 20.1264 104.646 20.7327 104.905 21.2436C105.169 21.7545 105.542 22.1484 106.022 22.4254C106.502 22.7024 107.071 22.8409 107.73 22.8409C108.167 22.8409 108.567 22.7794 108.93 22.6562C109.293 22.5331 109.604 22.3485 109.863 22.1023C110.121 21.8561 110.318 21.5545 110.454 21.1974L114.091 21.4375C113.907 22.3116 113.528 23.0748 112.956 23.7273C112.389 24.3736 111.657 24.8783 110.758 25.2415C109.866 25.5985 108.835 25.777 107.665 25.777Z" class="y3r19 dark:fill-white" fill="currentColor"/>
<path d="M1 29.5V16.5C1 9.87258 6.37258 4.5 13 4.5C19.6274 4.5 25 9.87258 25 16.5C25 23.1274 19.6274 28.5 13 28.5H12" class="vtaby dark:stroke-white" stroke="currentColor" stroke-width="2"/>
<path d="M5 29.5V16.66C5 12.1534 8.58172 8.5 13 8.5C17.4183 8.5 21 12.1534 21 16.66C21 21.1666 17.4183 24.82 13 24.82H12" class="vtaby dark:stroke-white" stroke="currentColor" stroke-width="2"/>
<circle cx="13" cy="16.5214" r="5" class="y3r19 dark:fill-white" fill="currentColor"/>
</svg>
</a>
<!-- End Logo -->
<div class="k5amb jsed2">
</div>
<div id="hs-left-sidebar-toggle" class="xl:hidden zg3gw">
<!-- Sidebar Toggle -->
<button type="button" class="olxph frpyq inline-flex r00n9 items-center lialp t5ziw vo20k ps5iq wfm4e d77gl oo8ro bp13m hx4gm tdhmi focus:outline-hidden kf4z7 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" aria-haspopup="dialog" aria-expanded="false" aria-controls="hs-pro-inbox-sidebar" aria-label="Toggle navigation" data-hs-overlay="#hs-pro-inbox-sidebar">
<svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 8L21 12L17 16M3 12H13M3 6H13M3 18H13"/></svg>
</button>
<!-- End Sidebar Toggle -->
</div>
</div>
<div class="j8a7d hidden md:block">
<!-- Search Input -->
<div class="relative">
<div class="absolute h5ske uv2uj flex items-center howv4 a799i iaezx">
<svg class="hq6gx ibvs1 kvliy dark:text-white/60" xmlns="http://www.w3.org/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="11" cy="11" r="8"/><path d="m21 21-4.3-4.3"/></svg>
</div>
<input type="text" class="i7oig ogtr7 apc69 block i65bn oo8ro d77gl ps5iq t5ziw focus:outline-hidden tgjie p9jxl disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-400 dark:placeholder:text-neutral-400 dark:focus:ring-neutral-600" placeholder="Search in mail">
<div class="hidden absolute h5ske fug6q flex items-center howv4 a799i jjspw">
<button type="button" class="inline-flex hq6gx r00n9 items-center awhdl oq0dt t6rrs ck8au focus:outline-hidden oahj8 dark:text-neutral-500 dark:hover:text-blue-500 dark:focus:text-blue-500" aria-label="Close">
<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"><circle cx="12" cy="12" r="10"/><path d="m15 9-6 6"/><path d="m9 9 6 6"/></svg>
</button>
</div>
</div>
<!-- End Search Input -->
</div>
<div class="j8a7d flex c9j8j items-center pgjbi">
<!-- Search Button Icon -->
<button type="button" class="md:hidden flex hq6gx r00n9 items-center lialp guosi ps5iq t6rrs ksr3h focus:outline-hidden kf4z7 dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<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="11" cy="11" r="8"/><path d="m21 21-4.3-4.3"/></svg>
</button>
<!-- End Search Button Icon -->
<!-- Help and Support Button -->
<button type="button" class="guosi inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b t6rrs ksr3h 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">
<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="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"/><path d="M12 17h.01"/></svg>
</button>
<!-- End Help and Support Button -->
<!-- Settings Button -->
<button type="button" class="guosi inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b t6rrs ksr3h 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">
<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="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>
<!-- End Settings Button -->
<div class="frpyq">
<!-- Account Dropdown -->
<div class="hs-dropdown inline-flex [--strategy:absolute] [--auto-close:inside] [--placement:bottom-right] relative qgy40">
<button id="hs-dnad" type="button" class="inline-flex hq6gx items-center vmt4s qgy40 oq0dt focus:outline-hidden" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<img class="hq6gx guosi 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">
</button>
<!-- Account Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 dzjpl transition-[opacity,margin] duration opacity-0 hidden a799i oo8ro lile3 rrmkk dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-dnad">
<div class="ju7it ic6aj d77gl dark:border-neutral-800">
<a class="i7oig apc69 flex items-center vmt4s 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" href="../../pro/dashboard/user-profile-my-profile.html">
<img class="hq6gx aukwz 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 class="e3fpz">
<span class="t5ziw y2wul bp13m dark:text-neutral-300">
James Collison
</span>
<p class="cm336 t6rrs dark:text-neutral-500">
Preline@HS
</p>
</div>
</a>
</div>
<div class="ju7it">
<a class="flex items-center vmt4s i7oig 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" href="#">
<svg class="hq6gx hxyan 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"><rect width="20" height="14" x="2" y="5" rx="2"/><line x1="2" x2="22" y1="10" y2="10"/></svg>
Billing
</a>
<a class="flex items-center vmt4s i7oig 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" href="#">
<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="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>
Settings
</a>
<a class="flex items-center vmt4s i7oig 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" href="#">
<svg class="hq6gx hxyan 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="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg>
My account
</a>
</div>
<div class="dkhxo c519y k2clc d77gl dark:border-neutral-800">
<!-- Switch/Toggle -->
<div class="flex flex-wrap uip67 items-center h1dxu">
<label for="hs-pro-inndm" class="flex-1 cursor-pointer t5ziw bp13m dark:text-neutral-300">Dark mode</label>
<label for="hs-pro-inndm" class="relative inline-block fklyq yoxjp cursor-pointer">
<input data-hs-theme-switch type="checkbox" id="hs-pro-inndm" 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 ca09w oo8ro oq0dt t4usm wjm3v vtbde jhf88 peer-checked:translate-x-full dark:bg-neutral-400 dark:peer-checked:bg-white"></span>
</label>
</div>
<!-- End Switch/Toggle -->
</div>
<div class="ju7it">
<a class="flex items-center vmt4s i7oig 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" href="#">
Customization
<div class="ms-auto">
<span class="ms-auto inline-flex items-center eawyh hz4z9 lxh7u dqdmd b9e4b amkne vo20k agawe bp13m dark:bg-neutral-700 dark:text-neutral-300">
New
</span>
</div>
</a>
<a class="flex items-center vmt4s i7oig 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" href="#">
Manage team
</a>
<a class="flex items-center vmt4s i7oig 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" href="#">
Sign out
</a>
</div>
<div class="ju7it pyimf d77gl dark:border-neutral-800">
<button type="button" class="flex hxyan vmt4s i7oig apc69 i65bn 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" data-hs-overlay="#hs-pro-dasadam">
<svg class="hq6gx ibvs1 hxyan" xmlns="http://www.w3.org/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="M8 12h8"/><path d="M12 8v8"/></svg>
Add team account
</button>
</div>
</div>
<!-- End Account Dropdown -->
</div>
<!-- End Account Dropdown -->
</div>
</div>
</div>
</header>
<!-- ========== END HEADER ========== -->
<div id="hs-main-layout-splitter" data-hs-layout-splitter='{"isSplittersAddedManually": true}'>
<div class="q93vw -mt-px flex" data-hs-layout-splitter-horizontal-group>
<!-- ========== MAIN SIDEBAR ========== -->
<aside id="hs-pro-inbox-sidebar" class="hs-overlay [--auto-close:xl] [--auto-close-equality-type:less-than]
oyn6r
u35nr
fixed ofq05 uv2uj rm3rx
-translate-x-full g0ipl jahre lrm8y
hidden
oo8ro d77gl
xl:w-auto
xl:overflow-x-hidden xl:overflow-y-auto
in6lf xl:top-auto xl:start-auto
xl:block
hkt5v xl:h-[calc(100dvh-55px)] ksarw
rmy33
hs-overlay-open:translate-x-0
edeax
c900m
doxib
hs-layout-splitter-prev-pre-limit-reached:overflow-auto
hs-layout-splitter-prev-pre-limit-reached:fixed o2v56 wsrt3 el283
bkfpk pusf8
hs-overlay-open:hs-layout-splitter-prev-pre-limit-reached:translate-x-0
dark:bg-neutral-900 dark:border-neutral-700" tabindex="-1" aria-label="Sidebar" data-hs-layout-splitter-item='{
"dynamicSize": 15.0,
"minSize": 12.0
}' style="flex: 15 1 0px;">
<div class="lpgt1 flex">
<div class="flex flex-col lpgt1 fmwcv">
<!-- Body -->
<div class="qpmwn overflow-y-auto n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<!-- Nav -->
<nav class="flex jz9ff rfnst i65bn flex flex-col">
<!-- List -->
<div class="jlmh5 space-y-0.5">
<div class="lxh7u">
<!-- Compose Button -->
<button type="button" class="i7oig apc69 i65bn inline-flex r00n9 items-center vrcxw cm336 vo20k ps5iq wfm4e qb17b jqqot zr4l6 lmqf9 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden v1cco tyfry" data-hs-overlay="#hs-pro-intcm">
<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="M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"/><path d="M18.375 2.625a1 1 0 0 1 3 3l-9.013 9.014a2 2 0 0 1-.853.505l-2.873.84a.5.5 0 0 1-.62-.62l.84-2.873a2 2 0 0 1 .506-.852z"/></svg>
Compose
</button>
<!-- End Compose Button -->
</div>
<!-- Heading -->
<div class="xatq3 yh9al yujsw qunms flex uip67 items-center lialp">
<span class="block cm336 truncate t6rrs dark:text-neutral-500">
<span class="truncate">Mailboxes</span>
</span>
</div>
<!-- End Heading -->
<!-- Link -->
<div class="hs-accordion active" id="inbox-accordion">
<button type="button" class="hs-accordion-toggle i65bn qgy40 flex items-center lialp jlmh5 rfnst t5ziw truncate xq1jm ps5iq ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-800 dark:text-neutral-400 dark:focus:bg-neutral-800" aria-expanded="true" aria-controls="inbox-accordion-sub">
<span class="blqd4">
<svg class="hs-accordion-active:-rotate-180 hq6gx stqz8 f1zti" xmlns="http://www.w3.org/2000/svg" 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>
<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"><polyline points="22 12 16 12 14 15 10 15 8 12 2 12"/><path d="M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z"/></svg>
<span class="truncate">Inbox</span>
<span class="ms-auto">
<span class="cm336 x06xl">
1,086
</span>
</span>
</button>
<div id="inbox-accordion-sub" class="hs-accordion-content i65bn overflow-hidden transition-[height] jahre" role="region" aria-labelledby="inbox-accordion">
<ul class="hs-accordion-group hxyan space-y-0.5" data-hs-accordion-always-open>
<li>
<a class="flex items-center lialp jlmh5 a16go ajrjw t5ziw truncate xq1jm ps5iq ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-800 dark:text-neutral-400 dark:focus:bg-neutral-800" href="#">
<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="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><line x1="19" x2="19" y1="8" y2="14"/><line x1="22" x2="16" y1="11" y2="11"/></svg>
<span class="truncate">Assigned to me</span>
<span class="ms-auto">
<span class="cm336 x06xl">
26
</span>
</span>
</a>
</li>
<li>
<a class="flex items-center lialp jlmh5 a16go ajrjw t5ziw truncate xq1jm ps5iq ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-800 dark:text-neutral-400 dark:focus:bg-neutral-800" href="#">
<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="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="truncate">Shared with me</span>
<span class="ms-auto">
<span class="cm336 x06xl">
9
</span>
</span>
</a>
</li>
<li>
<a class="flex items-center lialp jlmh5 a16go ajrjw t5ziw truncate xq1jm ps5iq ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-800 dark:text-neutral-400 dark:focus:bg-neutral-800" href="#">
<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 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/><path d="M8 10h.01"/><path d="M12 10h.01"/><path d="M16 10h.01"/></svg>
<span class="truncate">Discussions</span>
</a>
</li>
<li>
<a class="flex items-center lialp jlmh5 a16go ajrjw y2wul t5ziw xq1jm ps5iq ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-800 dark:text-neutral-400 dark:focus:bg-neutral-800" href="#">
<div class="hq6gx blqd4">
<div class="hq6gx srid0 mx-auto wbhj5 oq0dt"></div>
</div>
<span class="truncate">Gmail</span>
<span class="ms-auto">
<span class="cm336 x06xl">
1,048
</span>
</span>
</a>
</li>
</ul>
</div>
</div>
<!-- End Link -->
<!-- Link -->
<div>
<a class="flex items-center lialp jlmh5 rfnst t5ziw truncate xq1jm ps5iq ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-800 dark:text-neutral-400 dark:focus:bg-neutral-800" href="#">
<span class="blqd4"></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"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
<span class="truncate">Starred</span>
</a>
</div>
<!-- End Link -->
<!-- Link -->
<div>
<a class="flex items-center lialp jlmh5 rfnst t5ziw truncate xq1jm ps5iq ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-800 dark:text-neutral-400 dark:focus:bg-neutral-800" href="#">
<span class="blqd4"></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="M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z"/><path d="m21.854 2.147-10.94 10.939"/></svg>
<span class="truncate">Sent</span>
</a>
</div>
<!-- End Link -->
<!-- Link -->
<div>
<a class="flex items-center lialp jlmh5 rfnst t5ziw truncate xq1jm ps5iq ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-800 dark:text-neutral-400 dark:focus:bg-neutral-800" href="#">
<span class="blqd4"></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="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"/><path d="M14 2v4a2 2 0 0 0 2 2h4"/></svg>
<span class="truncate">Drafts</span>
</a>
</div>
<!-- End Link -->
<div id="hs-pro-isnshml-heading" class="hs-collapse hidden i65bn overflow-hidden transition-[height] jahre" aria-labelledby="hs-pro-isnshml">
<div class="space-y-0.5">
<!-- Link -->
<div>
<a class="flex items-center lialp jlmh5 rfnst t5ziw truncate xq1jm ps5iq ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-800 dark:text-neutral-400 dark:focus:bg-neutral-800" href="#">
<span class="blqd4"></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"/><polyline points="12 6 12 12 16 14"/></svg>
<span class="truncate">Snoozed</span>
</a>
</div>
<!-- End Link -->
<!-- Link -->
<div>
<a class="flex items-center lialp jlmh5 rfnst y2wul t5ziw xq1jm ps5iq ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-800 dark:text-neutral-400 dark:focus:bg-neutral-800" href="#">
<span class="blqd4"></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"/><line x1="12" x2="12" y1="8" y2="12"/><line x1="12" x2="12.01" y1="16" y2="16"/></svg>
<span class="truncate">Spam</span>
<span class="ms-auto lg:group-hover:opacity-0">
<span class="cm336 x06xl">
3
</span>
</span>
</a>
</div>
<!-- End Link -->
<!-- Link -->
<div>
<a class="flex items-center lialp jlmh5 rfnst t5ziw truncate xq1jm ps5iq ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-800 dark:text-neutral-400 dark:focus:bg-neutral-800" href="#">
<span class="blqd4"></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="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="truncate">Trash</span>
</a>
</div>
<!-- End Link -->
</div>
</div>
<!-- Link -->
<div class="r9ot5">
<button type="button" class="hs-collapse-toggle d0kec kzzmm flex r00n9 items-center pgjbi cm336 t6rrs umxjj ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden dark:hover:bg-neutral-800 dark:text-neutral-500" id="hs-pro-isnshml" aria-expanded="false" aria-controls="hs-pro-isnshml-heading" data-hs-collapse="#hs-pro-isnshml-heading">
Show
<span class="hs-collapse-open:hidden">more</span>
<span class="hs-collapse-open:block hidden">less</span>
<svg class="hs-collapse-open:-rotate-180 hq6gx a49ku f1zti" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>
</button>
</div>
<!-- End Link -->
</div>
<!-- End List -->
<!-- List -->
<div class="jlmh5 space-y-0.5">
<!-- Heading -->
<div class="yujsw qunms flex uip67 items-center lialp">
<span class="block cm336 truncate t6rrs dark:text-neutral-500">
<span class="truncate">Work</span>
</span>
<!-- Button -->
<div class="hs-tooltip [--placement:left] inline-block">
<button type="button" class="hs-tooltip-toggle aukwz flex r00n9 items-center lialp t6rrs ps5iq ksr3h focus:outline-hidden kf4z7 dark:text-neutral-500 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-incnlm">
<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="M8 12h8"/><path d="M12 8v8"/></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 cm336 zr4l6 ps5iq dark:bg-neutral-800" role="tooltip">
Create new label
</span>
</div>
<!-- End Button -->
</div>
<!-- End Heading -->
<!-- Link -->
<div class="hs-accordion active" id="preline-accordion">
<button type="button" class="hs-accordion-toggle i65bn qgy40 flex items-center lialp jlmh5 rfnst t5ziw truncate xq1jm ps5iq ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-800 dark:text-neutral-400 dark:focus:bg-neutral-800" aria-expanded="true" aria-controls="preline-accordion-sub">
<span class="blqd4">
<svg class="hs-accordion-active:-rotate-180 hq6gx stqz8 f1zti" xmlns="http://www.w3.org/2000/svg" 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 class="flex hq6gx r00n9 items-center stqz8 b9e4b e7zws q4mvv zr4l6 oq0dt">
P
</span>
<span class="truncate">Preline</span>
<span class="ms-auto lg:group-hover:opacity-0">
<span class="cm336 x06xl">
10
</span>
</span>
</button>
<div id="preline-accordion-sub" class="hs-accordion-content i65bn overflow-hidden transition-[height] jahre" role="region" aria-labelledby="preline-accordion">
<ul class="hs-accordion-group hxyan space-y-0.5" data-hs-accordion-always-open>
<li>
<a class="flex items-center lialp jlmh5 a16go ajrjw t5ziw truncate xq1jm ps5iq ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-800 dark:text-neutral-400 dark:focus:bg-neutral-800" href="#">
<div class="hq6gx blqd4">
<div class="hq6gx srid0 mx-auto nkesj oq0dt"></div>
</div>
<span class="truncate">Github</span>
<span class="ms-auto lg:group-hover:opacity-0">
<span class="cm336 x06xl">
312
</span>
</span>
</a>
</li>
<li>
<a class="flex items-center lialp jlmh5 a16go ajrjw t5ziw truncate xq1jm ps5iq agawe focus:outline-hidden dark:bg-neutral-800 dark:text-neutral-400" href="#">
<div class="hq6gx blqd4">
<div class="hq6gx srid0 mx-auto ggt5g oq0dt"></div>
</div>
<span class="truncate">Gmail</span>
<span class="ms-auto lg:group-hover:opacity-0">
<span class="cm336 x06xl">
39
</span>
</span>
</a>
</li>
<li>
<a class="flex items-center lialp jlmh5 a16go ajrjw t5ziw truncate xq1jm ps5iq ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-800 dark:text-neutral-400 dark:focus:bg-neutral-800" href="#">
<div class="hq6gx blqd4">
<div class="hq6gx srid0 mx-auto q4mvv oq0dt"></div>
</div>
<span class="truncate">Crisp</span>
<span class="ms-auto lg:group-hover:opacity-0">
<span class="cm336 x06xl">
494
</span>
</span>
</a>
</li>
<li>
<a class="flex items-center lialp jlmh5 a16go ajrjw t5ziw truncate xq1jm ps5iq ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-800 dark:text-neutral-400 dark:focus:bg-neutral-800" href="#">
<div class="hq6gx blqd4">
<div class="hq6gx srid0 mx-auto ot31m oq0dt"></div>
</div>
<span class="truncate">Slack - Internal</span>
<span class="ms-auto lg:group-hover:opacity-0">
<span class="cm336 x06xl">
203
</span>
</span>
</a>
</li>
</ul>
</div>
</div>
<!-- End Link -->
</div>
<!-- End List -->
</nav>
<!-- End Nav -->
</div>
<!-- End Body -->
<div class="lg:hidden absolute wix12 -end-3 bo1ta">
<!-- Sidebar Close -->
<button type="button" class="nowuu v71il inline-flex r00n9 items-center lialp t5ziw vo20k umxjj wfm4e d77gl oo8ro t6rrs tdhmi focus:outline-hidden kf4z7 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-inbox-sidebar">
<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="7 8 3 12 7 16"/><line x1="21" x2="11" y1="12" y2="12"/><line x1="21" x2="11" y1="6" y2="6"/><line x1="21" x2="11" y1="18" y2="18"/></svg>
</button>
<!-- End Sidebar Close -->
</div>
</div>
</div>
</aside>
<!-- ========== END MAIN SIDEBAR ========== -->
<!-- Manually added splitter -->
<div class="hs-layout-splitter-control relative hidden xl:flex">
<span class="absolute wgue8 p3683 rm3rx -translate-x-1/2 -translate-y-1/2 block shc0z yoxjp flex r00n9 items-center oo8ro wfm4e d77gl kvliy umxjj tnsm9 ksr3h dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-600 dark:hover:bg-neutral-900">
<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="9" cy="12" r="1"/><circle cx="9" cy="5" r="1"/><circle cx="9" cy="19" r="1"/><circle cx="15" cy="12" r="1"/><circle cx="15" cy="5" r="1"/><circle cx="15" cy="19" r="1"/>
</svg>
</span>
</div>
<!-- End Manually Added Splitter -->
<!-- Thread List Sidebar -->
<div id="hs-pro-inbox-thread-list-sidebar" class="hs-overlay [--auto-close:lg] [--auto-close-equality-type:less-than]
hs-overlay-open:translate-x-0
lg:overflow-x-hidden lg:overflow-y-hidden
u35nr
fixed ofq05 uv2uj rde91 p4snj lg:w-auto b38hd lg:top-auto lg:start-auto
-translate-x-full g0ipl jahre lrm8y t8bj7
hidden
oo8ro z23c4 d77gl
edeax
lg:block ykh3p lg:h-[calc(100dvh-55px)]
dark:bg-neutral-900 dark:border-neutral-700" role="dialog" tabindex="-1" aria-label="Thread List" data-hs-layout-splitter-item='{
"dynamicSize": 21.0,
"minSize": 17.0
}' style="flex: 21.0 1 0px;">
<div class="qpmwn flex">
<div class="lpgt1">
<div class="qpmwn flex flex-col">
<!-- Tabs -->
<div class="oo8ro ic6aj d77gl dark:bg-neutral-900 dark:border-neutral-700">
<div class="-mb-1 fkoia kzzmm overflow-x-auto">
<!-- Nav Tab -->
<nav class="flex duzhl i65bn" aria-label="Tabs" role="tablist" aria-orientation="horizontal">
<button type="button" class="hs-tab-active:after:bg-gray-800 hs-tab-active:text-gray-800 rfnst i7oig qhmnk relative i65bn inline-flex r00n9 items-center lialp ksr3h t6rrs l24f5 vo20k cm336 umxjj disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 after:absolute after:-bottom-2 after:inset-x-2.5 after:z-10 after:h-0.5 after:pointer-events-none dark:hs-tab-active:text-neutral-200 dark:hs-tab-active:after:bg-neutral-400 dark:text-neutral-500 dark:hover:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden active" id="hs-pro-tabs-intltg-item-unassigned" aria-selected="true" data-hs-tab="#hs-pro-tabs-intltg-unassigned" aria-controls="hs-pro-tabs-intltg-unassigned" role="tab" >
Unassigned
</button>
<button type="button" class="hs-tab-active:after:bg-gray-800 hs-tab-active:text-gray-800 rfnst i7oig qhmnk relative i65bn inline-flex r00n9 items-center lialp ksr3h t6rrs l24f5 vo20k cm336 umxjj disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 after:absolute after:-bottom-2 after:inset-x-2.5 after:z-10 after:h-0.5 after:pointer-events-none dark:hs-tab-active:text-neutral-200 dark:hs-tab-active:after:bg-neutral-400 dark:text-neutral-500 dark:hover:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden " id="hs-pro-tabs-intltg-item-assigned" aria-selected="false" data-hs-tab="#hs-pro-tabs-intltg-assigned" aria-controls="hs-pro-tabs-intltg-assigned" role="tab" >
Assigned
</button>
<button type="button" class="hs-tab-active:after:bg-gray-800 hs-tab-active:text-gray-800 rfnst i7oig qhmnk relative i65bn inline-flex r00n9 items-center lialp ksr3h t6rrs l24f5 vo20k cm336 umxjj disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 after:absolute after:-bottom-2 after:inset-x-2.5 after:z-10 after:h-0.5 after:pointer-events-none dark:hs-tab-active:text-neutral-200 dark:hs-tab-active:after:bg-neutral-400 dark:text-neutral-500 dark:hover:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden " id="hs-pro-tabs-intltg-item-archived" aria-selected="false" data-hs-tab="#hs-pro-tabs-intltg-archived" aria-controls="hs-pro-tabs-intltg-archived" role="tab" >
Archived
</button>
</nav>
<!-- End Nav Tab -->
</div>
</div>
<!-- End Tabs -->
<!-- Body -->
<div class="qpmwn overflow-x-hidden overflow-y-auto n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<!-- Tab Content -->
<div id="hs-pro-tabs-intltg-unassigned" class="qpmwn" role="tabpanel" aria-labelledby="hs-pro-tabs-intltg-item-unassigned">
<!-- Filter Bar -->
<div class="n33uu mdgiz flex uip67 items-center lialp ic6aj pcsut dark:border-neutral-700">
<p class="cm336 t6rrs dark:text-neutral-500">
3 unread
</p>
<div class="flex items-center">
<!-- Select -->
<div class="relative inline-block">
<div class="absolute wgue8 k5bjl -translate-y-1/2">
<svg class="hq6gx a49ku xq1jm 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="m3 16 4 4 4-4"/><path d="M7 20V4"/><path d="m21 8-4-4-4 4"/><path d="M17 4v16"/></svg>
</div>
<select id="hs-pro-select-revenue" data-hs-select='{
"placeholder": "Select option...",
"toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>",
"toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative xxpuq inline-flex hq6gx r00n9 items-center djhx3 cm336 qnu9p bp13m umxjj txqba focus:outline-hidden htc3g before:absolute before:inset-0 before:z-1 dark:text-neutral-200 dark:hover:text-neutral-500 dark:focus:text-neutral-500",
"dropdownClasses": "ls9te fug6q ucmtr ho2sl ju7it space-y-0.5 oo8ro lile3 rrmkk dark:bg-neutral-900",
"optionClasses": "hs-selected:bg-gray-100 dark:hs-selected:bg-neutral-800 jlmh5 kzzmm i65bn e9qjd bp13m ps5iq cursor-pointer ksr3h ps5iq focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex uip67 items-center i65bn \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"hq6gx stqz8 bp13m dark:text-neutral-200 \" xmlns=\"http:.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"/></svg></span></div>"
}' class="hidden">
<option value="">Choose</option>
<option selected>Newest</option>
<option>Oldest</option>
<option>Newest unreplied</option>
<option>Oldest unreplied</option>
</select>
<div class="absolute wgue8 p1b8r -translate-y-1/2">
<svg class="hq6gx stqz8 xq1jm 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 Filter Bar -->
<div aria-label="Tabs" role="tablist" aria-orientation="vertical">
<!-- Thread -->
<div class="hs-tab-active:bg-gray-200 dark:hs-tab-active:bg-neutral-700/70 hs-dropdown-toggle group cursor-pointer oo8ro ksr3h focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 dark:border-neutral-800 active " id="hs-pro-tabs-intl-item-1" aria-selected="true" data-hs-tab="#hs-pro-tabs-intl-1" aria-controls="hs-pro-tabs-intl-1" role="tab" >
<!-- Body -->
<div class="yyez4 relative ic6aj pcsut dark:border-neutral-800">
<div class="flex lialp">
<div class="hq6gx ybw39 p9v22 flex flex-col">
<input type="checkbox" class="ui2kz mx-auto bmqdf iakbu stvln jqqot checked:bg-none checked:text-gray-300 ubcjr p1ez7 rgvf6 oq0dt checked:opacity-0 group-hover:opacity-100 disabled:opacity-50 disabled:pointer-events-none dark:text-blue-500 dark:checked:text-neutral-700 dark:focus:text-neutral-700" id="hs-pro-inrsid1" name="hs-pro-inrsn" checked>
<label for="hs-pro-inrsid1" class="ecbnn">Read Status</label>
</div>
<div class="e3fpz truncate">
<div class="flex uip67 items-center pgjbi">
<p class="truncate t5ziw bp13m dark:text-neutral-200">Costa Quinn</p>
<span class="v1xcs group-hover:opacity-0 s2avd kvliy e7zws dark:text-neutral-600">Now</span>
</div>
<div class="flex uip67 items-center pgjbi">
<div class="e3fpz xe8oj flex items-center lialp truncate bp13m dark:text-neutral-200">
<span class="ct50n lxh7u e6q5e truncate cm336 nwv2m xq1jm dqdmd dark:bg-neutral-700/50 dark:text-neutral-500">
Generic, +1
</span>
<span class="truncate e9qjd xq1jm dark:text-neutral-400">Project Timeline Update</span>
</div>
<span class="n3nvk cm336 kvliy dark:text-neutral-600">2</span>
</div>
<p class="xe8oj truncate e9qjd kvliy dark:text-neutral-600">Hi team, I've reviewed the latest sprint progress</p>
</div>
</div>
<!-- Floating Button Group -->
<div class="lg:opacity-0 lg:group-hover:opacity-100 lg:absolute ofq05 fug6q nh4wd n33uu umdar">
<div class="manq4 inline-flex items-center duzhl oo8ro wfm4e d77gl ps5iq hx4gm dark:bg-neutral-800 dark:border-neutral-700">
<!-- Button -->
<div class="hs-tooltip [--placement:top] inline-block">
<button type="button" class="hs-tooltip-toggle awhdl flex r00n9 items-center lialp t6rrs umxjj ksr3h focus:outline-hidden kf4z7 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
<svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="5" x="2" y="3" rx="1"/><path d="M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8"/><path d="M10 12h4"/></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 cm336 zr4l6 ps5iq dark:bg-neutral-800" role="tooltip">
Archive
</span>
</div>
<!-- End Button -->
<!-- Button -->
<div class="hs-tooltip [--placement:top] inline-block">
<button type="button" class="hs-tooltip-toggle awhdl flex r00n9 items-center lialp t6rrs umxjj ksr3h focus:outline-hidden kf4z7 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" aria-label="Close" data-hs-remove-element="#hs-pro-tabs-intl-item-1">
<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="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>
</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 dark:bg-neutral-800" role="tooltip">
Delete
</span>
</div>
<!-- End Button -->
</div>
</div>
<!-- End Floating Button Group -->
</div>
<!-- End Body -->
</div>
<!-- End Thread -->
<!-- Thread -->
<div class="hs-tab-active:bg-gray-200 dark:hs-tab-active:bg-neutral-700/70 hs-dropdown-toggle group cursor-pointer oo8ro ksr3h focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 dark:border-neutral-800 " id="hs-pro-tabs-intl-item-2" aria-selected="false" data-hs-tab="#hs-pro-tabs-intl-2" aria-controls="hs-pro-tabs-intl-2" role="tab" >
<!-- Body -->
<div class="yyez4 relative ic6aj pcsut dark:border-neutral-800">
<div class="flex lialp">
<div class="hq6gx ybw39 p9v22 flex flex-col">
<input type="checkbox" class="ui2kz mx-auto bmqdf iakbu stvln jqqot checked:bg-none checked:text-gray-300 ubcjr p1ez7 rgvf6 oq0dt checked:opacity-0 group-hover:opacity-100 disabled:opacity-50 disabled:pointer-events-none dark:text-blue-500 dark:checked:text-neutral-700 dark:focus:text-neutral-700" id="hs-pro-inrsid2" name="hs-pro-inrsn" >
<label for="hs-pro-inrsid2" class="ecbnn">Read Status</label>
</div>
<div class="e3fpz truncate">
<div class="flex uip67 items-center pgjbi">
<p class="truncate y2wul t5ziw bp13m dark:text-neutral-200">Rachel Doe</p>
<span class="v1xcs group-hover:opacity-0 s2avd kvliy e7zws dark:text-neutral-600">09:35</span>
</div>
<div class="flex uip67 items-center pgjbi">
<div class="e3fpz xe8oj flex items-center lialp truncate bp13m dark:text-neutral-200">
<span class="truncate e9qjd xq1jm dark:text-neutral-400">RE: Follow-up</span>
</div>
<span class="n3nvk cm336 kvliy dark:text-neutral-600">3</span>
</div>
<div class="xe8oj flex items-center vrcxw">
<div class="e3fpz truncate">
<p class="truncate e9qjd kvliy dark:text-neutral-600">I hope you're doing well. I wanted to check in rjx3z the proposal you sent last week for the web design project we discussed.</p>
</div>
<div class="ct50n fxenz ghksj flex items-center pgjbi wfm4e ra5z3 b9e4b kvliy dark:text-neutral-600 oq0dt dark:border-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="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>+2</span>
</div>
</div>
</div>
</div>
<!-- Floating Button Group -->
<div class="lg:opacity-0 lg:group-hover:opacity-100 lg:absolute ofq05 fug6q nh4wd n33uu umdar">
<div class="manq4 inline-flex items-center duzhl oo8ro wfm4e d77gl ps5iq hx4gm dark:bg-neutral-800 dark:border-neutral-700">
<!-- Button -->
<div class="hs-tooltip [--placement:top] inline-block">
<button type="button" class="hs-tooltip-toggle awhdl flex r00n9 items-center lialp t6rrs umxjj ksr3h focus:outline-hidden kf4z7 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
<svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="5" x="2" y="3" rx="1"/><path d="M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8"/><path d="M10 12h4"/></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 cm336 zr4l6 ps5iq dark:bg-neutral-800" role="tooltip">
Archive
</span>
</div>
<!-- End Button -->
<!-- Button -->
<div class="hs-tooltip [--placement:top] inline-block">
<button type="button" class="hs-tooltip-toggle awhdl flex r00n9 items-center lialp t6rrs umxjj ksr3h focus:outline-hidden kf4z7 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" aria-label="Close" data-hs-remove-element="#hs-pro-tabs-intl-item-2">
<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="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>
</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 dark:bg-neutral-800" role="tooltip">
Delete
</span>
</div>
<!-- End Button -->
</div>
</div>
<!-- End Floating Button Group -->
</div>
<!-- End Body -->
</div>
<!-- End Thread -->
<!-- Thread -->
<div class="hs-tab-active:bg-gray-200 dark:hs-tab-active:bg-neutral-700/70 hs-dropdown-toggle group cursor-pointer oo8ro ksr3h focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 dark:border-neutral-800 " id="hs-pro-tabs-intl-item-3" aria-selected="false" data-hs-tab="#hs-pro-tabs-intl-3" aria-controls="hs-pro-tabs-intl-3" role="tab" >
<!-- Body -->
<div class="yyez4 relative ic6aj pcsut dark:border-neutral-800">
<div class="flex lialp">
<div class="hq6gx ybw39 p9v22 flex flex-col">
<input type="checkbox" class="ui2kz mx-auto bmqdf iakbu stvln jqqot checked:bg-none checked:text-gray-300 ubcjr p1ez7 rgvf6 oq0dt checked:opacity-0 group-hover:opacity-100 disabled:opacity-50 disabled:pointer-events-none dark:text-blue-500 dark:checked:text-neutral-700 dark:focus:text-neutral-700" id="hs-pro-inrsid3" name="hs-pro-inrsn" checked>
<label for="hs-pro-inrsid3" class="ecbnn">Read Status</label>
<div class="mt-auto">
<span class="flex hq6gx r00n9 items-center ca09w b9e4b e7zws fs9eh zr4l6 oq0dt">I</span>
</div>
</div>
<div class="e3fpz truncate">
<div class="flex uip67 items-center pgjbi">
<p class="truncate t5ziw bp13m dark:text-neutral-200">isabella@site.com</p>
<span class="v1xcs group-hover:opacity-0 s2avd kvliy e7zws dark:text-neutral-600">01/10/2024</span>
</div>
<div class="flex uip67 items-center pgjbi">
<div class="e3fpz xe8oj flex items-center lialp truncate bp13m dark:text-neutral-200">
<span class="truncate e9qjd xq1jm dark:text-neutral-400">Quarterly marketing strategy review meeting</span>
</div>
<span class="n3nvk cm336 kvliy dark:text-neutral-600">1</span>
</div>
<div class="xe8oj flex">
<div class="xe8oj ct50n kzzmm truncate flex items-center vrcxw c32br ryiqa dark:bg-neutral-800 oq0dt">
<span class="jlmh5 inline-flex bj6m2"><span class="mm4ph q4mvv animate-[typing_1s_ease-in-out_infinite] oq0dt"></span><span class="mm4ph q4mvv animate-[typing_1s_ease-in-out_infinite_0.2s] oq0dt"></span><span class="mm4ph q4mvv animate-[typing_1s_ease-in-out_infinite_0.4s] oq0dt"></span></span>
</div>
</div>
</div>
</div>
<!-- Floating Button Group -->
<div class="lg:opacity-0 lg:group-hover:opacity-100 lg:absolute ofq05 fug6q nh4wd n33uu umdar">
<div class="manq4 inline-flex items-center duzhl oo8ro wfm4e d77gl ps5iq hx4gm dark:bg-neutral-800 dark:border-neutral-700">
<!-- Button -->
<div class="hs-tooltip [--placement:top] inline-block">
<button type="button" class="hs-tooltip-toggle awhdl flex r00n9 items-center lialp t6rrs umxjj ksr3h focus:outline-hidden kf4z7 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
<svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="5" x="2" y="3" rx="1"/><path d="M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8"/><path d="M10 12h4"/></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 cm336 zr4l6 ps5iq dark:bg-neutral-800" role="tooltip">
Archive
</span>
</div>
<!-- End Button -->
<!-- Button -->
<div class="hs-tooltip [--placement:top] inline-block">
<button type="button" class="hs-tooltip-toggle awhdl flex r00n9 items-center lialp t6rrs umxjj ksr3h focus:outline-hidden kf4z7 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" aria-label="Close" data-hs-remove-element="#hs-pro-tabs-intl-item-3">
<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="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>
</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 dark:bg-neutral-800" role="tooltip">
Delete
</span>
</div>
<!-- End Button -->
</div>
</div>
<!-- End Floating Button Group -->
</div>
<!-- End Body -->
</div>
<!-- End Thread -->
<!-- Thread -->
<div class="hs-tab-active:bg-gray-200 dark:hs-tab-active:bg-neutral-700/70 hs-dropdown-toggle group cursor-pointer oo8ro ksr3h focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 dark:border-neutral-800 " id="hs-pro-tabs-intl-item-4" aria-selected="false" data-hs-tab="#hs-pro-tabs-intl-4" aria-controls="hs-pro-tabs-intl-4" role="tab" >
<!-- Body -->
<div class="yyez4 relative ic6aj pcsut dark:border-neutral-800">
<div class="flex lialp">
<div class="hq6gx ybw39 p9v22 flex flex-col">
<input type="checkbox" class="ui2kz mx-auto bmqdf iakbu stvln jqqot checked:bg-none checked:text-gray-300 ubcjr p1ez7 rgvf6 oq0dt checked:opacity-0 group-hover:opacity-100 disabled:opacity-50 disabled:pointer-events-none dark:text-blue-500 dark:checked:text-neutral-700 dark:focus:text-neutral-700" id="hs-pro-inrsid4" name="hs-pro-inrsn" >
<label for="hs-pro-inrsid4" class="ecbnn">Read Status</label>
</div>
<div class="e3fpz truncate">
<div class="flex uip67 items-center pgjbi">
<p class="truncate y2wul t5ziw bp13m dark:text-neutral-200">Finch Hoot</p>
<span class="v1xcs group-hover:opacity-0 s2avd kvliy e7zws dark:text-neutral-600">28/09/2024</span>
</div>
<div class="flex uip67 items-center pgjbi">
<div class="e3fpz xe8oj flex items-center lialp truncate bp13m dark:text-neutral-200">
<span class="truncate e9qjd xq1jm dark:text-neutral-400">RE: Follow-up</span>
</div>
<span class="n3nvk cm336 kvliy dark:text-neutral-600">5</span>
</div>
<p class="xe8oj truncate e9qjd kvliy dark:text-neutral-600">Awesome! 🔥</p>
</div>
</div>
<!-- Floating Button Group -->
<div class="lg:opacity-0 lg:group-hover:opacity-100 lg:absolute ofq05 fug6q nh4wd n33uu umdar">
<div class="manq4 inline-flex items-center duzhl oo8ro wfm4e d77gl ps5iq hx4gm dark:bg-neutral-800 dark:border-neutral-700">
<!-- Button -->
<div class="hs-tooltip [--placement:top] inline-block">
<button type="button" class="hs-tooltip-toggle awhdl flex r00n9 items-center lialp t6rrs umxjj ksr3h focus:outline-hidden kf4z7 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
<svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="5" x="2" y="3" rx="1"/><path d="M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8"/><path d="M10 12h4"/></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 cm336 zr4l6 ps5iq dark:bg-neutral-800" role="tooltip">
Archive
</span>
</div>
<!-- End Button -->
<!-- Button -->
<div class="hs-tooltip [--placement:top] inline-block">
<button type="button" class="hs-tooltip-toggle awhdl flex r00n9 items-center lialp t6rrs umxjj ksr3h focus:outline-hidden kf4z7 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" aria-label="Close" data-hs-remove-element="#hs-pro-tabs-intl-item-4">
<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="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>
</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 dark:bg-neutral-800" role="tooltip">
Delete
</span>
</div>
<!-- End Button -->
</div>
</div>
<!-- End Floating Button Group -->
</div>
<!-- End Body -->
</div>
<!-- End Thread -->
<!-- Thread -->
<div class="hs-tab-active:bg-gray-200 dark:hs-tab-active:bg-neutral-700/70 hs-dropdown-toggle group cursor-pointer oo8ro ksr3h focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 dark:border-neutral-800 " id="hs-pro-tabs-intl-item-5" aria-selected="false" data-hs-tab="#hs-pro-tabs-intl-5" aria-controls="hs-pro-tabs-intl-5" role="tab" >
<!-- Body -->
<div class="yyez4 relative ic6aj pcsut dark:border-neutral-800">
<div class="flex lialp">
<div class="hq6gx ybw39 p9v22 flex flex-col">
<input type="checkbox" class="ui2kz mx-auto bmqdf iakbu stvln jqqot checked:bg-none checked:text-gray-300 ubcjr p1ez7 rgvf6 oq0dt checked:opacity-0 group-hover:opacity-100 disabled:opacity-50 disabled:pointer-events-none dark:text-blue-500 dark:checked:text-neutral-700 dark:focus:text-neutral-700" id="hs-pro-inrsid5" name="hs-pro-inrsn" >
<label for="hs-pro-inrsid5" class="ecbnn">Read Status</label>
</div>
<div class="e3fpz truncate">
<div class="flex uip67 items-center pgjbi">
<p class="truncate y2wul t5ziw bp13m dark:text-neutral-200">casey112oklahoma@site.com</p>
<span class="v1xcs group-hover:opacity-0 s2avd kvliy e7zws dark:text-neutral-600">28/09/2024</span>
</div>
<div class="flex uip67 items-center pgjbi">
<div class="e3fpz xe8oj flex items-center lialp truncate bp13m dark:text-neutral-200">
<span class="truncate e9qjd xq1jm dark:text-neutral-400">Missing payout</span>
</div>
<span class="n3nvk cm336 kvliy dark:text-neutral-600">19</span>
</div>
<p class="xe8oj truncate e9qjd kvliy dark:text-neutral-600">Thanks</p>
</div>
</div>
<!-- Floating Button Group -->
<div class="lg:opacity-0 lg:group-hover:opacity-100 lg:absolute ofq05 fug6q nh4wd n33uu umdar">
<div class="manq4 inline-flex items-center duzhl oo8ro wfm4e d77gl ps5iq hx4gm dark:bg-neutral-800 dark:border-neutral-700">
<!-- Button -->
<div class="hs-tooltip [--placement:top] inline-block">
<button type="button" class="hs-tooltip-toggle awhdl flex r00n9 items-center lialp t6rrs umxjj ksr3h focus:outline-hidden kf4z7 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
<svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="5" x="2" y="3" rx="1"/><path d="M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8"/><path d="M10 12h4"/></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 cm336 zr4l6 ps5iq dark:bg-neutral-800" role="tooltip">
Archive
</span>
</div>
<!-- End Button -->
<!-- Button -->
<div class="hs-tooltip [--placement:top] inline-block">
<button type="button" class="hs-tooltip-toggle awhdl flex r00n9 items-center lialp t6rrs umxjj ksr3h focus:outline-hidden kf4z7 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" aria-label="Close" data-hs-remove-element="#hs-pro-tabs-intl-item-5">
<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="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>
</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 dark:bg-neutral-800" role="tooltip">
Delete
</span>
</div>
<!-- End Button -->
</div>
</div>
<!-- End Floating Button Group -->
</div>
<!-- End Body -->
</div>
<!-- End Thread -->
<!-- Thread -->
<div class="hs-tab-active:bg-gray-200 dark:hs-tab-active:bg-neutral-700/70 hs-dropdown-toggle group cursor-pointer oo8ro ksr3h focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 dark:border-neutral-800 " id="hs-pro-tabs-intl-item-6" aria-selected="false" data-hs-tab="#hs-pro-tabs-intl-6" aria-controls="hs-pro-tabs-intl-6" role="tab" >
<!-- Body -->
<div class="yyez4 relative ic6aj pcsut dark:border-neutral-800">
<div class="flex lialp">
<div class="hq6gx ybw39 p9v22 flex flex-col">
<input type="checkbox" class="ui2kz mx-auto bmqdf iakbu stvln jqqot checked:bg-none checked:text-gray-300 ubcjr p1ez7 rgvf6 oq0dt checked:opacity-0 group-hover:opacity-100 disabled:opacity-50 disabled:pointer-events-none dark:text-blue-500 dark:checked:text-neutral-700 dark:focus:text-neutral-700" id="hs-pro-inrsid6" name="hs-pro-inrsn" checked>
<label for="hs-pro-inrsid6" class="ecbnn">Read Status</label>
<div class="mt-auto">
<img class="hq6gx ca09w oq0dt exlm9" 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>
<div class="e3fpz truncate">
<div class="flex uip67 items-center pgjbi">
<p class="truncate t5ziw bp13m dark:text-neutral-200">amandaharvey@site.com</p>
<span class="v1xcs group-hover:opacity-0 s2avd kvliy e7zws dark:text-neutral-600">25/09/2024</span>
</div>
<div class="flex uip67 items-center pgjbi">
<div class="e3fpz xe8oj flex items-center lialp truncate bp13m dark:text-neutral-200">
<span class="truncate e9qjd xq1jm dark:text-neutral-400">Quarterly marketing strategy review meeting</span>
</div>
<span class="n3nvk cm336 kvliy dark:text-neutral-600">7</span>
</div>
<div class="xe8oj flex">
<div class="xe8oj ct50n kzzmm truncate flex items-center vrcxw nwv2m t6rrs dark:bg-neutral-700/50 dark:text-neutral-500 oq0dt">
<p class="truncate e9qjd amkne">@brian any thoughts rjx3z that?</p>
</div>
</div>
</div>
</div>
<!-- Floating Button Group -->
<div class="lg:opacity-0 lg:group-hover:opacity-100 lg:absolute ofq05 fug6q nh4wd n33uu umdar">
<div class="manq4 inline-flex items-center duzhl oo8ro wfm4e d77gl ps5iq hx4gm dark:bg-neutral-800 dark:border-neutral-700">
<!-- Button -->
<div class="hs-tooltip [--placement:top] inline-block">
<button type="button" class="hs-tooltip-toggle awhdl flex r00n9 items-center lialp t6rrs umxjj ksr3h focus:outline-hidden kf4z7 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
<svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="5" x="2" y="3" rx="1"/><path d="M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8"/><path d="M10 12h4"/></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 cm336 zr4l6 ps5iq dark:bg-neutral-800" role="tooltip">
Archive
</span>
</div>
<!-- End Button -->
<!-- Button -->
<div class="hs-tooltip [--placement:top] inline-block">
<button type="button" class="hs-tooltip-toggle awhdl flex r00n9 items-center lialp t6rrs umxjj ksr3h focus:outline-hidden kf4z7 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" aria-label="Close" data-hs-remove-element="#hs-pro-tabs-intl-item-6">
<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="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>
</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 dark:bg-neutral-800" role="tooltip">
Delete
</span>
</div>
<!-- End Button -->
</div>
</div>
<!-- End Floating Button Group -->
</div>
<!-- End Body -->
</div>
<!-- End Thread -->
<!-- Thread -->
<div class="hs-tab-active:bg-gray-200 dark:hs-tab-active:bg-neutral-700/70 hs-dropdown-toggle group cursor-pointer oo8ro ksr3h focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 dark:border-neutral-800 " id="hs-pro-tabs-intl-item-7" aria-selected="false" data-hs-tab="#hs-pro-tabs-intl-7" aria-controls="hs-pro-tabs-intl-7" role="tab" >
<!-- Body -->
<div class="yyez4 relative ic6aj pcsut dark:border-neutral-800">
<div class="flex lialp">
<div class="hq6gx ybw39 p9v22 flex flex-col">
<input type="checkbox" class="ui2kz mx-auto bmqdf iakbu stvln jqqot checked:bg-none checked:text-gray-300 ubcjr p1ez7 rgvf6 oq0dt checked:opacity-0 group-hover:opacity-100 disabled:opacity-50 disabled:pointer-events-none dark:text-blue-500 dark:checked:text-neutral-700 dark:focus:text-neutral-700" id="hs-pro-inrsid7" name="hs-pro-inrsn" checked>
<label for="hs-pro-inrsid7" class="ecbnn">Read Status</label>
</div>
<div class="e3fpz truncate">
<div class="flex uip67 items-center pgjbi">
<p class="truncate t5ziw bp13m dark:text-neutral-200">Mike Clirk</p>
<span class="v1xcs group-hover:opacity-0 s2avd kvliy e7zws dark:text-neutral-600">20/09/2024</span>
</div>
<div class="flex uip67 items-center pgjbi">
<div class="e3fpz xe8oj flex items-center lialp truncate bp13m dark:text-neutral-200">
<span class="ct50n lxh7u e6q5e truncate cm336 nwv2m xq1jm dqdmd dark:bg-neutral-700/50 dark:text-neutral-500">
Chat
</span>
<span class="truncate e9qjd xq1jm dark:text-neutral-400">Project Timeline Update</span>
</div>
<span class="n3nvk cm336 kvliy dark:text-neutral-600">15</span>
</div>
<div class="xe8oj flex items-center vrcxw">
<div class="e3fpz truncate">
<p class="truncate e9qjd kvliy dark:text-neutral-600">I hope you're doing well. I wanted to check in rjx3z the proposal you sent last week for the web design project we discussed.</p>
</div>
<div class="ct50n fxenz ghksj flex items-center pgjbi wfm4e ra5z3 b9e4b kvliy dark:text-neutral-600 oq0dt dark:border-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="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>+9</span>
</div>
</div>
</div>
</div>
<!-- Floating Button Group -->
<div class="lg:opacity-0 lg:group-hover:opacity-100 lg:absolute ofq05 fug6q nh4wd n33uu umdar">
<div class="manq4 inline-flex items-center duzhl oo8ro wfm4e d77gl ps5iq hx4gm dark:bg-neutral-800 dark:border-neutral-700">
<!-- Button -->
<div class="hs-tooltip [--placement:top] inline-block">
<button type="button" class="hs-tooltip-toggle awhdl flex r00n9 items-center lialp t6rrs umxjj ksr3h focus:outline-hidden kf4z7 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
<svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="5" x="2" y="3" rx="1"/><path d="M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8"/><path d="M10 12h4"/></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 cm336 zr4l6 ps5iq dark:bg-neutral-800" role="tooltip">
Archive
</span>
</div>
<!-- End Button -->
<!-- Button -->
<div class="hs-tooltip [--placement:top] inline-block">
<button type="button" class="hs-tooltip-toggle awhdl flex r00n9 items-center lialp t6rrs umxjj ksr3h focus:outline-hidden kf4z7 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" aria-label="Close" data-hs-remove-element="#hs-pro-tabs-intl-item-7">
<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="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>
</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 dark:bg-neutral-800" role="tooltip">
Delete
</span>
</div>
<!-- End Button -->
</div>
</div>
<!-- End Floating Button Group -->
</div>
<!-- End Body -->
</div>
<!-- End Thread -->
</div>
</div>
<!-- End Tab Content -->
<!-- Tab Content -->
<div id="hs-pro-tabs-intltg-assigned" class="hidden qpmwn" role="tabpanel" aria-labelledby="hs-pro-tabs-intltg-item-assigned">
<!-- Empty State -->
<div class="xlz15 qpmwn flex flex-col r00n9 items-center lj7mp">
<svg class="rmc90 mx-auto dl93o" width="178" height="90" viewBox="0 0 178 90" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="27" y="50.5" width="124" height="39" rx="7.5" fill="currentColor" class="mlmpr dark:fill-neutral-800"/>
<rect x="27" y="50.5" width="124" height="39" rx="7.5" stroke="currentColor" class="l4rfy dark:stroke-neutral-700/10"/>
<rect x="34.5" y="58" width="24" height="24" rx="12" fill="currentColor" class="hb386 dark:fill-neutral-700/30"/>
<rect x="66.5" y="61" width="60" height="6" rx="3" fill="currentColor" class="hb386 dark:fill-neutral-700/30"/>
<rect x="66.5" y="73" width="77" height="6" rx="3" fill="currentColor" class="hb386 dark:fill-neutral-700/30"/>
<rect x="19.5" y="28.5" width="139" height="39" rx="7.5" fill="currentColor" class="mlmpr dark:fill-neutral-800"/>
<rect x="19.5" y="28.5" width="139" height="39" rx="7.5" stroke="currentColor" class="c7le4 dark:stroke-neutral-700/30"/>
<rect x="27" y="36" width="24" height="24" rx="12" fill="currentColor" class="p2drp dark:fill-neutral-700/70"/>
<rect x="59" y="39" width="60" height="6" rx="3" fill="currentColor" class="p2drp dark:fill-neutral-700/70"/>
<rect x="59" y="51" width="92" height="6" rx="3" fill="currentColor" class="p2drp dark:fill-neutral-700/70"/>
<g filter="url(#filter1)">
<rect x="12" y="6" width="154" height="40" rx="8" class="mlmpr dark:fill-neutral-800" shape-rendering="crispEdges"/>
<rect x="12.5" y="6.5" width="153" height="39" rx="7.5" stroke="currentColor" class="c7le4 dark:stroke-neutral-700/60" shape-rendering="crispEdges"/>
<rect x="20" y="14" width="24" height="24" rx="12" fill="currentColor" class="bxw6c dark:fill-neutral-700"/>
<rect x="52" y="17" width="60" height="6" rx="3" fill="currentColor" class="bxw6c dark:fill-neutral-700"/>
<rect x="52" y="29" width="106" height="6" rx="3" fill="currentColor" class="bxw6c dark:fill-neutral-700"/>
</g>
<defs>
<filter id="filter1" x="0" y="0" width="178" height="64" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="6"/>
<feGaussianBlur stdDeviation="6"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1187_14810"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1187_14810" result="shape"/>
</filter>
</defs>
</svg>
<div class="idprf mx-auto f9qde">
<p class="ls9te vo20k bp13m dark:text-neutral-200">
No assigned message
</p>
<p class="iqt6z t5ziw t6rrs dark:text-neutral-500">
Only assigned messages appear here
</p>
</div>
</div>
<!-- Empty State -->
</div>
<!-- End Tab Content -->
<!-- Tab Content -->
<div id="hs-pro-tabs-intltg-archived" class="hidden qpmwn" role="tabpanel" aria-labelledby="hs-pro-tabs-intltg-item-archived">
<!-- Empty State -->
<div class="xlz15 qpmwn flex flex-col r00n9 items-center lj7mp">
<svg class="rmc90 mx-auto dl93o" width="178" height="90" viewBox="0 0 178 90" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="27" y="50.5" width="124" height="39" rx="7.5" fill="currentColor" class="mlmpr dark:fill-neutral-800"/>
<rect x="27" y="50.5" width="124" height="39" rx="7.5" stroke="currentColor" class="l4rfy dark:stroke-neutral-700/10"/>
<rect x="34.5" y="58" width="24" height="24" rx="12" fill="currentColor" class="hb386 dark:fill-neutral-700/30"/>
<rect x="66.5" y="61" width="60" height="6" rx="3" fill="currentColor" class="hb386 dark:fill-neutral-700/30"/>
<rect x="66.5" y="73" width="77" height="6" rx="3" fill="currentColor" class="hb386 dark:fill-neutral-700/30"/>
<rect x="19.5" y="28.5" width="139" height="39" rx="7.5" fill="currentColor" class="mlmpr dark:fill-neutral-800"/>
<rect x="19.5" y="28.5" width="139" height="39" rx="7.5" stroke="currentColor" class="c7le4 dark:stroke-neutral-700/30"/>
<rect x="27" y="36" width="24" height="24" rx="12" fill="currentColor" class="p2drp dark:fill-neutral-700/70"/>
<rect x="59" y="39" width="60" height="6" rx="3" fill="currentColor" class="p2drp dark:fill-neutral-700/70"/>
<rect x="59" y="51" width="92" height="6" rx="3" fill="currentColor" class="p2drp dark:fill-neutral-700/70"/>
<g filter="url(#filter2)">
<rect x="12" y="6" width="154" height="40" rx="8" class="mlmpr dark:fill-neutral-800" shape-rendering="crispEdges"/>
<rect x="12.5" y="6.5" width="153" height="39" rx="7.5" stroke="currentColor" class="c7le4 dark:stroke-neutral-700/60" shape-rendering="crispEdges"/>
<rect x="20" y="14" width="24" height="24" rx="12" fill="currentColor" class="bxw6c dark:fill-neutral-700"/>
<rect x="52" y="17" width="60" height="6" rx="3" fill="currentColor" class="bxw6c dark:fill-neutral-700"/>
<rect x="52" y="29" width="106" height="6" rx="3" fill="currentColor" class="bxw6c dark:fill-neutral-700"/>
</g>
<defs>
<filter id="filter2" x="0" y="0" width="178" height="64" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="6"/>
<feGaussianBlur stdDeviation="6"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1187_14810"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1187_14810" result="shape"/>
</filter>
</defs>
</svg>
<div class="idprf mx-auto f9qde">
<p class="ls9te vo20k bp13m dark:text-neutral-200">
No archived message
</p>
<p class="iqt6z t5ziw t6rrs dark:text-neutral-500">
Only archived messages appear here
</p>
</div>
</div>
<!-- Empty State -->
</div>
<!-- End Tab Content -->
</div>
<!-- End Body -->
<div class="lg:hidden absolute wix12 -end-3 bo1ta">
<!-- Sidebar Close -->
<button type="button" class="nowuu v71il inline-flex r00n9 items-center lialp t5ziw vo20k umxjj wfm4e d77gl oo8ro t6rrs tdhmi focus:outline-hidden kf4z7 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-inbox-thread-list-sidebar">
<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="7 8 3 12 7 16"/><line x1="21" x2="11" y1="12" y2="12"/><line x1="21" x2="11" y1="6" y2="6"/><line x1="21" x2="11" y1="18" y2="18"/></svg>
</button>
<!-- End Sidebar Close -->
</div>
</div>
</div>
</div>
</div>
<!-- End Thread List Sidebar -->
<!-- Manually added splitter -->
<div class="hs-layout-splitter-control relative hidden lg:flex">
<span class="absolute wgue8 p3683 rde91 -translate-x-1/2 -translate-y-1/2 block shc0z yoxjp flex r00n9 items-center oo8ro wfm4e d77gl kvliy umxjj tnsm9 ksr3h dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-600 dark:hover:bg-neutral-900">
<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="9" cy="12" r="1"/><circle cx="9" cy="5" r="1"/><circle cx="9" cy="19" r="1"/><circle cx="15" cy="12" r="1"/><circle cx="15" cy="5" r="1"/><circle cx="15" cy="19" r="1"/>
</svg>
</span>
</div>
<!-- End Manually Added Splitter -->
<!-- ========== MAIN CONTENT ========== -->
<main id="content" class="overflow-hidden" data-hs-layout-splitter-item='{
"dynamicSize": 64.0,
"minSize": 55.0
}' style="flex: 64 1 0px;">
<!-- Tab Content -->
<div id="hs-pro-tabs-intl-1" role="tabpanel" aria-labelledby="hs-pro-tabs-intl-item-1">
<div class="relative u35nr flex flex-col">
<!-- Header -->
<header class=" qp3gf ofq05 fszza aq8is n33uu lauwb flex uip67 lialp oo8ro ic6aj d77gl dark:bg-neutral-900 dark:border-neutral-800">
<div class="e3fpz">
<div class="flex items-center pgjbi">
<div class="lg:hidden relative kjr4d n3nvk before:block before:absolute before:top-1/2 before:end-0 before:w-px before:h-4 before:bg-gray-200 before:-translate-y-1/2 dark:before:bg-neutral-700">
<!-- Inbox Sidebar Toggle -->
<button type="button" class="jlmh5 ubptj flex r00n9 items-center e9qjd xq1jm kmso6 ps5iq disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r8fkx dark:text-neutral-400 lg:dark:hover:bg-neutral-800 lg:dark:focus:bg-neutral-800" aria-haspopup="dialog" aria-expanded="false" aria-controls="hs-pro-inbox-thread-list-sidebar" aria-label="Toggle navigation" data-hs-overlay="#hs-pro-inbox-thread-list-sidebar">
Inbox
<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="m9 18 6-6-6-6"/></svg>
</button>
<!-- End Inbox Sidebar Toggle -->
</div>
<div class="jgarl">
<!-- Move To Dropdown -->
<div class="hs-dropdown [--auto-close:inside] relative inline-flex">
<button id="hs-pro-inthmtdid1" type="button" class="jlmh5 ubptj flex r00n9 items-center e9qjd xq1jm kmso6 ps5iq disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r8fkx dark:text-neutral-400 lg:dark:hover:bg-neutral-800 lg:dark:focus:bg-neutral-800">
<span class="hq6gx srid0 block epucs ggt5g oq0dt"></span>
<span class="e6q5e truncate">Gmail</span>
<svg class="hq6gx stqz8 k5amb" xmlns="http://www.w3.org/2000/svg" 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>
<!-- Move To Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 n7uu1 transition-[opacity,margin] duration opacity-0 hidden ocib4 oo8ro lile3 rkof5 dark:bg-neutral-950" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-inthmtdid1">
<!-- Heading -->
<div class="i7oig dkhxo flex uip67 items-center lialp">
<span class="block vo20k t5ziw bp13m dark:text-neutral-200">
<span class="truncate">Move to</span>
</span>
<!-- Button -->
<div class="hs-tooltip [--placement:left] inline-block -me-2">
<button type="button" class="hs-tooltip-toggle aukwz flex r00n9 items-center lialp t6rrs oq0dt ksr3h focus:outline-hidden kf4z7 dark:text-neutral-500 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-incnlm">
<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="M8 12h8"/><path d="M12 8v8"/></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 cm336 zr4l6 ps5iq dark:bg-neutral-800" role="tooltip">
Create new label
</span>
</div>
<!-- End Button -->
</div>
<!-- End Heading -->
<!-- Input -->
<div class="ju7it relative pyimf d77gl dark:border-neutral-800">
<input type="text" class="jlmh5 apc69 block i65bn qb17b ps5iq psfwb fkkng e27cm ksr3h focus:outline-hidden b2plr p1ez7 kf4z7 disabled:opacity-100 disabled:pointer-events-none dark:bg-transparent dark:border-transparent dark:text-neutral-400 dark:placeholder:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:ring-neutral-600 dark:focus:bg-neutral-800" placeholder="Search" autofocus>
<div class="hidden absolute h5ske fug6q flex items-center a799i jjspw">
<button type="button" class="inline-flex hq6gx r00n9 items-center awhdl oq0dt t6rrs ck8au focus:outline-hidden oahj8 dark:text-neutral-500 dark:hover:text-blue-500 dark:focus:text-blue-500" aria-label="Close">
<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"><circle cx="12" cy="12" r="10"/><path d="m15 9-6 6"/><path d="m9 9 6 6"/></svg>
</button>
</div>
</div>
<!-- End Input -->
<!-- List -->
<div class="ju7it pyimf d77gl dark:border-neutral-800">
<button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd 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 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"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
Starred
<svg class="hidden hq6gx ibvs1 ms-auto" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
</button>
</div>
<!-- List -->
<!-- List -->
<div class="ju7it pyimf d77gl dark:border-neutral-800">
<div class="space-y-0.5 qe6jk overflow-y-auto a57yt xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<!-- Item -->
<label for="hs-pro-initgh" class="jlmh5 apc69 group flex items-center vmt4s ps5iq cursor-pointer e9qjd bp13m ksr3h dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="checkbox" class="hidden" id="hs-pro-initgh" name="hs-pro-init" >
<span class="hq6gx stqz8 flex r00n9 items-center">
<span class="hq6gx srid0 block mx-auto nkesj oq0dt"></span>
</span>
Github
<svg class="hq6gx stqz8 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 Item -->
<!-- Item -->
<label for="hs-pro-initgm" class="jlmh5 apc69 group flex items-center vmt4s ps5iq cursor-pointer e9qjd bp13m ksr3h dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="checkbox" class="hidden" id="hs-pro-initgm" name="hs-pro-init" checked>
<span class="hq6gx stqz8 flex r00n9 items-center">
<span class="hq6gx srid0 block mx-auto ggt5g oq0dt"></span>
</span>
Gmail
<svg class="hq6gx stqz8 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 Item -->
<!-- Item -->
<label for="hs-pro-initcr" class="jlmh5 apc69 group flex items-center vmt4s ps5iq cursor-pointer e9qjd bp13m ksr3h dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="checkbox" class="hidden" id="hs-pro-initcr" name="hs-pro-init" >
<span class="hq6gx stqz8 flex r00n9 items-center">
<span class="hq6gx srid0 block mx-auto q4mvv oq0dt"></span>
</span>
Crisp
<svg class="hq6gx stqz8 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 Item -->
<!-- Item -->
<label for="hs-pro-initsl" class="jlmh5 apc69 group flex items-center vmt4s ps5iq cursor-pointer e9qjd bp13m ksr3h dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="checkbox" class="hidden" id="hs-pro-initsl" name="hs-pro-init" >
<span class="hq6gx stqz8 flex r00n9 items-center">
<span class="hq6gx srid0 block mx-auto ot31m oq0dt"></span>
</span>
Slack - Internal
<svg class="hq6gx stqz8 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 Item -->
</div>
</div>
<!-- List -->
</div>
<!-- End Move To Dropdown -->
</div>
<!-- End Move To Dropdown -->
</div>
<div class="relative n883s x0u2p before:hidden sm:before:block before:absolute before:top-1/2 before:start-0 before:w-px before:h-4 before:bg-gray-200 before:-translate-y-1/2 dark:before:bg-neutral-700">
<!-- Button -->
<div class="hs-tooltip [--placement:bottom] hidden sm:inline-block">
<button type="button" class="hs-tooltip-toggle flex r00n9 items-center vmt4s aukwz t5ziw xq1jm ksr3h ps5iq 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" data-hs-overlay="#hs-pro-chhsn">
<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"><rect width="20" height="5" x="2" y="3" rx="1"/><path d="M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8"/><path d="M10 12h4"/></svg>
<span class="ecbnn">Archive</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">
Archive
</span>
</div>
<!-- End Button -->
<!-- Button -->
<div class="hs-tooltip [--placement:bottom] hidden sm:inline-block">
<button type="button" class="hs-tooltip-toggle flex r00n9 items-center vmt4s aukwz t5ziw xq1jm ksr3h ps5iq 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" data-hs-overlay="#hs-pro-chhsn">
<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="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</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
</span>
</div>
<!-- End Button -->
<!-- Button -->
<div class="hs-tooltip [--placement:bottom] hidden sm:inline-block">
<button type="button" class="hs-tooltip-toggle flex r00n9 items-center vmt4s aukwz t5ziw xq1jm ksr3h ps5iq 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" data-hs-overlay="#hs-pro-chhsn">
<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="M12 16h.01"/><path d="M12 8v4"/><path d="M15.312 2a2 2 0 0 1 1.414.586l4.688 4.688A2 2 0 0 1 22 8.688v6.624a2 2 0 0 1-.586 1.414l-4.688 4.688a2 2 0 0 1-1.414.586H8.688a2 2 0 0 1-1.414-.586l-4.688-4.688A2 2 0 0 1 2 15.312V8.688a2 2 0 0 1 .586-1.414l4.688-4.688A2 2 0 0 1 8.688 2z"/></svg>
<span class="ecbnn">Report spam</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">
Report spam
</span>
</div>
<!-- End Button -->
</div>
</div>
</div>
<div class="flex c9j8j items-center pgjbi">
<!-- Assign Dropdown -->
<div class="hs-dropdown [--strategy:absolute] [--auto-close:inside] relative inline-flex">
<button id="hs-pro-inthasdid1" type="button" class="xdymw fxenz kjr4d pgjbi flex r00n9 items-center t5ziw xq1jm oo8ro wfm4e d77gl ksr3h ps5iq disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:text-neutral-400 dark:border-neutral-700 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 dark:hover:text-neutral-200 dark:focus:text-neutral-200" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<span class="hq6gx flex items-center -space-x-2">
<span class="flex hq6gx r00n9 items-center awhdl t5ziw vo20k e7zws fs9eh zr4l6 oq0dt">S</span>
<img class="hq6gx awhdl oq0dt" src="https://images.unsplash.com/photo-1679412330254-90cb240038c5?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80" alt="Avatar">
</span>
<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 9 6 6 6-6"/></svg>
</button>
<!-- Assign Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 oyn6r transition-[opacity,margin] duration opacity-0 hidden bo1ta oo8ro lile3 rkof5 dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-inthasdid1">
<!-- Heading -->
<div class="i7oig dkhxo">
<span class="block vo20k t5ziw bp13m dark:text-neutral-200">
<span class="truncate">Assign</span>
</span>
</div>
<!-- End Heading -->
<!-- Input -->
<div class="ju7it relative k2clc d77gl dark:border-neutral-800">
<input type="text" class="jlmh5 apc69 block i65bn qb17b ps5iq psfwb fkkng e27cm ksr3h focus:outline-hidden b2plr p1ez7 kf4z7 disabled:opacity-100 disabled:pointer-events-none dark:bg-transparent dark:border-transparent dark:text-neutral-400 dark:placeholder:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:ring-neutral-600 dark:focus:bg-neutral-800" placeholder="Search teammates" autofocus>
<div class="hidden absolute h5ske fug6q flex items-center a799i jjspw">
<button type="button" class="inline-flex hq6gx r00n9 items-center awhdl oq0dt t6rrs ck8au focus:outline-hidden oahj8 dark:text-neutral-500 dark:hover:text-blue-500 dark:focus:text-blue-500" aria-label="Close">
<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"><circle cx="12" cy="12" r="10"/><path d="m15 9-6 6"/><path d="m9 9 6 6"/></svg>
</button>
</div>
</div>
<!-- End Input -->
<!-- Body -->
<div class="ju7it space-y-0.5 h932c overflow-y-auto n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<!-- Item -->
<label for="hs-pro-inithargna" class="jlmh5 apc69 group flex items-center djhx3 jlmh5 apc69 ps5iq cursor-pointer e9qjd bp13m ksr3h dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="checkbox" class="hidden" id="hs-pro-inithargna" name="hs-pro-initharg" >
<span class="hq6gx ca09w flex r00n9 items-center">
<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"/><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>
</span>
No assignee
<svg class="hq6gx ibvs1 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 Item -->
<!-- Item -->
<label for="hs-pro-initharga1" class="jlmh5 apc69 group flex items-center djhx3 jlmh5 apc69 ps5iq cursor-pointer e9qjd bp13m ksr3h dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="checkbox" class="hidden" id="hs-pro-initharga1" name="hs-pro-initharg" checked>
<span class="relative ca09w">
<span class="flex hq6gx r00n9 items-center ca09w cm336 vo20k e7zws fs9eh zr4l6 oq0dt">I</span>
<span class="absolute -bottom-0 -end-0 block qw7b4 oq0dt t2pcc ouvii mc62i dark:ring-neutral-800"></span>
</span>
isabella@site.com
<svg class="hq6gx ibvs1 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 Item -->
<!-- Item -->
<label for="hs-pro-initharga2" class="jlmh5 apc69 group flex items-center djhx3 jlmh5 apc69 ps5iq cursor-pointer e9qjd bp13m ksr3h dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="checkbox" class="hidden" id="hs-pro-initharga2" name="hs-pro-initharg" checked>
<span class="relative ca09w">
<img class="hq6gx ca09w oq0dt" src="https://images.unsplash.com/photo-1679412330254-90cb240038c5?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80" alt="Avatar">
</span>
Lewis Clarke
<svg class="hq6gx ibvs1 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 Item -->
</div>
<!-- End Body -->
</div>
<!-- End Assign Dropdown -->
</div>
<!-- End Assign Dropdown -->
<!-- Snooze Dropdown -->
<div class="hs-dropdown [--strategy:absolute] [--auto-close:inside] relative inline-flex">
<div class="hs-tooltip [--placement:bottom] inline-block">
<button id="hs-pro-inthsndid1" type="button" class="hs-tooltip-toggle flex r00n9 items-center vmt4s aukwz t5ziw xq1jm ksr3h ps5iq 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" 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"><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"/><path d="M4 2C2.8 3.7 2 5.7 2 8"/><path d="M22 8c0-2.3-.8-4.3-2-6"/></svg>
<span class="ecbnn">Snooze</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">
Snooze
</span>
</div>
<!-- Snooze Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 oyn6r transition-[opacity,margin] duration opacity-0 hidden bo1ta oo8ro lile3 rkof5 dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-inthsndid1">
<!-- Header -->
<div class="i7oig dkhxo">
<span class="block y2wul t5ziw bp13m dark:text-neutral-200">
Snooze
</span>
</div>
<!-- End Header -->
<!-- Body -->
<div class="ju7it h932c overflow-y-auto n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<fieldset class="dmfqa rde0s">
<legend class="ecbnn">
Snooze
</legend>
<!-- Checkbox -->
<label for="hs-pro-chhsnrt1" class="i7oig apc69 flex items-center ps5iq cursor-pointer umxjj ksr3h nhthl has-disabled:opacity-50 has-disabled:pointer-events-none dark:hover:bg-neutral-800 dark:has-checked:bg-neutral-800 ">
<input type="radio" id="hs-pro-chhsnrt1" class="hidden" value="Today" name="hs-pro-chhsnrt" checked>
<span class="e3fpz">
<span class="block t5ziw bp13m dark:text-neutral-200">
Today
</span>
</span>
<span class="yjh0n cm336 t6rrs dark:text-neutral-500">
5:05 PM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsnrt2" class="i7oig apc69 flex items-center ps5iq cursor-pointer umxjj ksr3h nhthl has-disabled:opacity-50 has-disabled:pointer-events-none dark:hover:bg-neutral-800 dark:has-checked:bg-neutral-800 ">
<input type="radio" id="hs-pro-chhsnrt2" class="hidden" value="Tomorrow" name="hs-pro-chhsnrt" >
<span class="e3fpz">
<span class="block t5ziw bp13m dark:text-neutral-200">
Tomorrow
</span>
</span>
<span class="yjh0n cm336 t6rrs dark:text-neutral-500">
Wed 9:00 AM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsnrt3" class="i7oig apc69 flex items-center ps5iq cursor-pointer umxjj ksr3h nhthl has-disabled:opacity-50 has-disabled:pointer-events-none dark:hover:bg-neutral-800 dark:has-checked:bg-neutral-800 ">
<input type="radio" id="hs-pro-chhsnrt3" class="hidden" value="This week" name="hs-pro-chhsnrt" >
<span class="e3fpz">
<span class="block t5ziw bp13m dark:text-neutral-200">
This week
</span>
</span>
<span class="yjh0n cm336 t6rrs dark:text-neutral-500">
Thu, May 8, 9:00 AM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsnrt4" class="i7oig apc69 flex items-center ps5iq cursor-pointer umxjj ksr3h nhthl has-disabled:opacity-50 has-disabled:pointer-events-none dark:hover:bg-neutral-800 dark:has-checked:bg-neutral-800 ">
<input type="radio" id="hs-pro-chhsnrt4" class="hidden" value="Next week" name="hs-pro-chhsnrt" >
<span class="e3fpz">
<span class="block t5ziw bp13m dark:text-neutral-200">
Next week
</span>
</span>
<span class="yjh0n cm336 t6rrs dark:text-neutral-500">
Mon, May 13, 9:00 AM
</span>
</label>
<!-- End Checkbox -->
</fieldset>
</div>
<!-- End Body -->
<!-- Footer -->
<div class="ju7it pyimf d77gl dark:border-neutral-800">
<button type="button" class="i65bn flex uip67 items-center vmt4s i7oig apc69 qgy40 t5ziw bp13m ksr3h umxjj 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 dark:hover:text-neutral-200 dark:focus:text-neutral-200" data-hs-overlay="#hs-pro-chhsncs">
Custom
<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="m9 18 6-6-6-6"/></svg>
</button>
</div>
<!-- End Footer -->
</div>
<!-- End Snooze Dropdown -->
</div>
<!-- End Snooze Dropdown -->
<!-- Tags Dropdown -->
<div class="hs-dropdown [--strategy:absolute] [--auto-close:inside] relative inline-flex">
<div class="hs-tooltip [--placement:bottom] inline-block">
<button id="hs-pro-inthtgdid1" type="button" class="hs-tooltip-toggle flex r00n9 items-center vmt4s aukwz t5ziw xq1jm ksr3h ps5iq 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" 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"><path d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"/><circle cx="7.5" cy="7.5" r=".5" fill="currentColor"/></svg>
<span class="ecbnn">Tags</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">
Tags
</span>
</div>
<!-- Tags Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 oyn6r transition-[opacity,margin] duration opacity-0 hidden bo1ta oo8ro lile3 rkof5 dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-inthtgdid1">
<!-- Heading -->
<div class="i7oig dkhxo flex uip67 items-center lialp">
<span class="block vo20k t5ziw bp13m dark:text-neutral-200">
<span class="truncate">Tags</span>
</span>
<!-- Button -->
<div class="hs-tooltip [--placement:left] inline-block -me-2">
<button type="button" class="hs-tooltip-toggle aukwz flex r00n9 items-center lialp t6rrs oq0dt ksr3h focus:outline-hidden kf4z7 dark:text-neutral-500 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhcntm">
<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="M8 12h8"/><path d="M12 8v8"/></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 cm336 zr4l6 ps5iq dark:bg-neutral-800" role="tooltip">
Create new txgzx
</span>
</div>
<!-- End Button -->
</div>
<!-- End Heading -->
<!-- Input -->
<div class="ju7it relative k2clc d77gl dark:border-neutral-800">
<input type="text" class="jlmh5 apc69 block i65bn qb17b ps5iq psfwb fkkng e27cm ksr3h focus:outline-hidden b2plr p1ez7 kf4z7 disabled:opacity-100 disabled:pointer-events-none dark:bg-transparent dark:border-transparent dark:text-neutral-400 dark:placeholder:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:ring-neutral-600 dark:focus:bg-neutral-800" placeholder="Search" >
<div class="hidden absolute h5ske fug6q flex items-center a799i jjspw">
<button type="button" class="inline-flex hq6gx r00n9 items-center awhdl oq0dt t6rrs ck8au focus:outline-hidden oahj8 dark:text-neutral-500 dark:hover:text-blue-500 dark:focus:text-blue-500" aria-label="Close">
<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"><circle cx="12" cy="12" r="10"/><path d="m15 9-6 6"/><path d="m9 9 6 6"/></svg>
</button>
</div>
</div>
<!-- End Input -->
<!-- Body -->
<div class="ju7it xatq3 h932c overflow-y-auto n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<span class="ej64t apc69 block cm336 t6rrs dark:text-neutral-500">
All tags
</span>
<!-- Tags List -->
<div class="space-y-1">
<div class="flex uip67 items-center jlmh5 apc69 cursor-pointer ps5iq ksr3h has-disabled:opacity-50 has-disabled:pointer-events-none dark:hover:bg-neutral-800">
<label for="hs-pro-inthtgdid1t1" class="flex flex-1 items-center djhx3 cursor-pointer e9qjd bp13m dark:text-neutral-300">
<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="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"/><circle cx="7.5" cy="7.5" r=".5" fill="currentColor"/></svg>
Bug
</label>
<input type="checkbox" class="hq6gx ibvs1 wiva2 dqdmd rwtxm checked:border-blue-600 tyfry disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-900 dark:border-neutral-700 dark:checked:bg-blue-500 dark:checked:border-blue-500 dark:focus:ring-offset-gray-800" id="hs-pro-inthtgdid1t1" >
</div>
<div class="flex uip67 items-center jlmh5 apc69 cursor-pointer ps5iq ksr3h has-disabled:opacity-50 has-disabled:pointer-events-none dark:hover:bg-neutral-800">
<label for="hs-pro-inthtgdid1t2" class="flex flex-1 items-center djhx3 cursor-pointer e9qjd bp13m dark:text-neutral-300">
<svg class="hq6gx stqz8 le8iz" xmlns="http://www.w3.org/2000/svg" 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.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"/><circle cx="7.5" cy="7.5" r=".5" fill="currentColor"/></svg>
Generic
<span class="hs-tooltip [--placement:right] inline-block">
<svg class="hs-tooltip-toggle hq6gx a49ku 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"><rect width="18" height="11" x="3" y="11" rx="2" ry="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/></svg>
<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">
Private txgzx
</span>
</span>
</label>
<input type="checkbox" class="hq6gx ibvs1 wiva2 dqdmd rwtxm checked:border-blue-600 tyfry disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-900 dark:border-neutral-700 dark:checked:bg-blue-500 dark:checked:border-blue-500 dark:focus:ring-offset-gray-800" id="hs-pro-inthtgdid1t2" checked >
</div>
<div class="flex uip67 items-center jlmh5 apc69 cursor-pointer ps5iq ksr3h has-disabled:opacity-50 has-disabled:pointer-events-none dark:hover:bg-neutral-800">
<label for="hs-pro-inthtgdid1t3" class="flex flex-1 items-center djhx3 cursor-pointer e9qjd bp13m dark:text-neutral-300">
<svg class="hq6gx stqz8 ryiqa" xmlns="http://www.w3.org/2000/svg" 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.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"/><circle cx="7.5" cy="7.5" r=".5" fill="currentColor"/></svg>
Reviews
</label>
<input type="checkbox" class="hq6gx ibvs1 wiva2 dqdmd rwtxm checked:border-blue-600 tyfry disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-900 dark:border-neutral-700 dark:checked:bg-blue-500 dark:checked:border-blue-500 dark:focus:ring-offset-gray-800" id="hs-pro-inthtgdid1t3" checked >
</div>
<div class="flex uip67 items-center jlmh5 apc69 cursor-pointer ps5iq ksr3h has-disabled:opacity-50 has-disabled:pointer-events-none dark:hover:bg-neutral-800">
<label for="hs-pro-inthtgdid1t4" class="flex flex-1 items-center djhx3 cursor-pointer e9qjd bp13m dark:text-neutral-300">
<svg class="hq6gx stqz8 ismmg" xmlns="http://www.w3.org/2000/svg" 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.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"/><circle cx="7.5" cy="7.5" r=".5" fill="currentColor"/></svg>
Closed
</label>
<input type="checkbox" class="hq6gx ibvs1 wiva2 dqdmd rwtxm checked:border-blue-600 tyfry disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-900 dark:border-neutral-700 dark:checked:bg-blue-500 dark:checked:border-blue-500 dark:focus:ring-offset-gray-800" id="hs-pro-inthtgdid1t4" disabled>
</div>
<div class="flex uip67 items-center jlmh5 apc69 cursor-pointer ps5iq ksr3h has-disabled:opacity-50 has-disabled:pointer-events-none dark:hover:bg-neutral-800">
<label for="hs-pro-inthtgdid1t5" class="flex flex-1 items-center djhx3 cursor-pointer e9qjd bp13m dark:text-neutral-300">
<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="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"/><circle cx="7.5" cy="7.5" r=".5" fill="currentColor"/></svg>
Feedback
<span class="hs-tooltip [--placement:right] inline-block">
<svg class="hs-tooltip-toggle hq6gx a49ku 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"><rect width="18" height="11" x="3" y="11" rx="2" ry="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/></svg>
<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">
Private txgzx
</span>
</span>
</label>
<input type="checkbox" class="hq6gx ibvs1 wiva2 dqdmd rwtxm checked:border-blue-600 tyfry disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-900 dark:border-neutral-700 dark:checked:bg-blue-500 dark:checked:border-blue-500 dark:focus:ring-offset-gray-800" id="hs-pro-inthtgdid1t5" >
</div>
<div class="flex uip67 items-center jlmh5 apc69 cursor-pointer ps5iq ksr3h has-disabled:opacity-50 has-disabled:pointer-events-none dark:hover:bg-neutral-800">
<label for="hs-pro-inthtgdid1t6" class="flex flex-1 items-center djhx3 cursor-pointer e9qjd bp13m dark:text-neutral-300">
<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="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"/><circle cx="7.5" cy="7.5" r=".5" fill="currentColor"/></svg>
Account
<span class="hs-tooltip [--placement:right] inline-block">
<svg class="hs-tooltip-toggle hq6gx a49ku 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"><rect width="18" height="11" x="3" y="11" rx="2" ry="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/></svg>
<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">
Private txgzx
</span>
</span>
</label>
<input type="checkbox" class="hq6gx ibvs1 wiva2 dqdmd rwtxm checked:border-blue-600 tyfry disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-900 dark:border-neutral-700 dark:checked:bg-blue-500 dark:checked:border-blue-500 dark:focus:ring-offset-gray-800" id="hs-pro-inthtgdid1t6" >
</div>
<div class="flex uip67 items-center jlmh5 apc69 cursor-pointer ps5iq ksr3h has-disabled:opacity-50 has-disabled:pointer-events-none dark:hover:bg-neutral-800">
<label for="hs-pro-inthtgdid1t7" class="flex flex-1 items-center djhx3 cursor-pointer e9qjd bp13m dark:text-neutral-300">
<svg class="hq6gx stqz8 a8xxj" xmlns="http://www.w3.org/2000/svg" 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.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"/><circle cx="7.5" cy="7.5" r=".5" fill="currentColor"/></svg>
FAQ
</label>
<input type="checkbox" class="hq6gx ibvs1 wiva2 dqdmd rwtxm checked:border-blue-600 tyfry disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-900 dark:border-neutral-700 dark:checked:bg-blue-500 dark:checked:border-blue-500 dark:focus:ring-offset-gray-800" id="hs-pro-inthtgdid1t7" >
</div>
</div>
<!-- End Tags List -->
</div>
<!-- End Body -->
</div>
<!-- End Tags Dropdown -->
</div>
<!-- End Tags Dropdown -->
<div class="relative jrfm7 u7zz8 before:block before:absolute before:top-1/2 before:start-0 before:w-px before:h-4 before:bg-gray-200 before:-translate-y-1/2 dark:before:bg-neutral-700">
<!-- More Dropdown -->
<div class="hs-dropdown [--strategy:absolute] [--placement:top-right] relative inline-flex">
<button id="hs-pro-inthmid1" type="button" class="flex r00n9 items-center vmt4s aukwz t5ziw xq1jm ksr3h ps5iq 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 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>
</button>
<!-- More Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 dzjpl transition-[opacity,margin] duration opacity-0 hidden ocib4 oo8ro lile3 rkof5 dark:bg-neutral-950" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-inthmid1">
<div class="sm:hidden ju7it space-y-0.5 ic6aj d77gl dark:border-neutral-800">
<button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd 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 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="5" x="2" y="3" rx="1"/><path d="M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8"/><path d="M10 12h4"/></svg>
Archive
</button>
<button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd 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 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>
<button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd 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" data-hs-overlay="#hs-pro-chhsn">
<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 16h.01"/><path d="M12 8v4"/><path d="M15.312 2a2 2 0 0 1 1.414.586l4.688 4.688A2 2 0 0 1 22 8.688v6.624a2 2 0 0 1-.586 1.414l-4.688 4.688a2 2 0 0 1-1.414.586H8.688a2 2 0 0 1-1.414-.586l-4.688-4.688A2 2 0 0 1 2 15.312V8.688a2 2 0 0 1 .586-1.414l4.688-4.688A2 2 0 0 1 8.688 2z"/></svg>
Report spam
</button>
</div>
<div class="ju7it space-y-0.5 ic6aj d77gl dark:border-neutral-800">
<button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd 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 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>
Mark as unread
</button>
<button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd 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 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.2 8.4c.5.38.8.97.8 1.6v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V10a2 2 0 0 1 .8-1.6l8-6a2 2 0 0 1 2.4 0l8 6Z"/><path d="m22 10-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 10"/></svg>
Mark as read
</button>
<button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd 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" data-hs-overlay="#hs-pro-chhsn">
<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"><polyline points="15 3 21 3 21 9"/><polyline points="9 21 3 21 3 15"/><line x1="21" x2="14" y1="3" y2="10"/><line x1="3" x2="10" y1="21" y2="14"/></svg>
Expand all
</button>
<button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd 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" data-hs-overlay="#hs-pro-chhtgm">
<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"><polyline points="4 14 10 14 10 20"/><polyline points="20 10 14 10 14 4"/><line x1="14" x2="21" y1="10" y2="3"/><line x1="3" x2="10" y1="21" y2="14"/></svg>
Collapse all
</button>
</div>
<div class="ju7it space-y-0.5 ic6aj d77gl dark:border-neutral-800">
<button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd 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" data-hs-overlay="#hs-pro-chhtgm">
<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 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2"/><path d="M6 9V3a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v6"/><rect x="6" y="14" width="12" height="8" rx="1"/></svg>
Print <span class="ct50n kzzmm inline-flex items-center vrcxw cm336 vo20k c32br lxm86 oq0dt dark:bg-blue-500/10 dark:text-blue-500">New</span>
</button>
</div>
<div class="ju7it space-y-0.5 ic6aj d77gl dark:border-neutral-800">
<button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd 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" data-hs-overlay="#hs-pro-chhsh">
<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="M20 7h-3a2 2 0 0 1-2-2V2"/><path d="M9 18a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h7l4 4v10a2 2 0 0 1-2 2Z"/><path d="M3 7.6v12.8A1.6 1.6 0 0 0 4.6 22h9.8"/></svg>
Link to conversation
</button>
<button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd 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" data-hs-overlay="#hs-pro-chhsh">
<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="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>
Copy conversation ID
</button>
<button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd 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" data-hs-overlay="#hs-pro-chhsh">
<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="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 conversation link
</button>
</div>
</div>
<!-- End More Dropdown -->
</div>
<!-- End More Dropdown -->
</div>
</div>
</header>
<!-- End Header -->
<div class="h-[calc(100vh-180px)] kzzmm gk58l si7p1 rupax overflow-y-auto overflow-x-hidden n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<!-- Heading -->
<div class="k5h5r ofq05 v0251 agawe dark:bg-neutral-800 gxlt6 fxenz flex flex-wrap items-center ce0ho vmt4s">
<h1 class="y2wul u832x e2nkn bp13m dark:text-neutral-200">
Project Timeline Update
</h1>
<!-- Dropdown Group -->
<div class="flex flex-wrap items-center duzhl">
<!-- Tag Dropdown -->
<div class="hs-dropdown @@tag1.tag.dropdown.position.value relative inline-flex">
<button id="hs-pro-intbtwtaddid1" type="button" class="d0kec yujsw ajrjw group inline-flex items-center eawyh oo8ro wfm4e d77gl bp13m t5ziw oq0dt tdhmi dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200">
<svg class="hq6gx ibvs1 le8iz" xmlns="http://www.w3.org/2000/svg" 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.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"/><circle cx="7.5" cy="7.5" r=".5" fill="currentColor"/></svg>
Generic
</button>
<!-- Tag Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 dzjpl transition-[opacity,margin] duration opacity-0 hidden ocib4 oo8ro lile3 rkof5 dark:bg-neutral-950 before:h-4 before:absolute before:-top-4 before:start-0 before:w-full" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-intbtwtaddid1">
<div class="ju7it space-y-0.5 ic6aj d77gl dark:border-neutral-800">
<button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd 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 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.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z"/><path d="m15 5 4 4"/></svg>
Edit txgzx
</button>
<button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd 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 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>
Remove from conversation
</button>
<button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd 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" data-hs-overlay="#hs-pro-chhsn">
<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 7V5a2 2 0 0 1 2-2h2"/><path d="M17 3h2a2 2 0 0 1 2 2v2"/><path d="M21 17v2a2 2 0 0 1-2 2h-2"/><path d="M7 21H5a2 2 0 0 1-2-2v-2"/><circle cx="12" cy="12" r="3"/><path d="m16 16-1.9-1.9"/></svg>
View all conversations
</button>
</div>
</div>
<!-- End Tag Dropdown -->
</div>
<!-- End Tag Dropdown -->
<!-- Tag Dropdown -->
<div class="hs-dropdown @@tag2.tag.dropdown.position.value relative inline-flex">
<button id="hs-pro-intbtwtaddid2" type="button" class="d0kec yujsw ajrjw group inline-flex items-center eawyh oo8ro wfm4e d77gl bp13m t5ziw oq0dt tdhmi dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200">
<svg class="hq6gx ibvs1 ryiqa" xmlns="http://www.w3.org/2000/svg" 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.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"/><circle cx="7.5" cy="7.5" r=".5" fill="currentColor"/></svg>
Reviews
</button>
<!-- Tag Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 dzjpl transition-[opacity,margin] duration opacity-0 hidden ocib4 oo8ro lile3 rkof5 dark:bg-neutral-950 before:h-4 before:absolute before:-top-4 before:start-0 before:w-full" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-intbtwtaddid2">
<div class="ju7it space-y-0.5 ic6aj d77gl dark:border-neutral-800">
<button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd 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 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.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z"/><path d="m15 5 4 4"/></svg>
Edit txgzx
</button>
<button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd 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 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>
Remove from conversation
</button>
<button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd 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" data-hs-overlay="#hs-pro-chhsn">
<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 7V5a2 2 0 0 1 2-2h2"/><path d="M17 3h2a2 2 0 0 1 2 2v2"/><path d="M21 17v2a2 2 0 0 1-2 2h-2"/><path d="M7 21H5a2 2 0 0 1-2-2v-2"/><circle cx="12" cy="12" r="3"/><path d="m16 16-1.9-1.9"/></svg>
View all conversations
</button>
</div>
</div>
<!-- End Tag Dropdown -->
</div>
<!-- End Tag Dropdown -->
</div>
<!-- End Dropdown Group -->
</div>
<!-- End Heading -->
<div class="space-y-3 lg:space-y-5">
<!-- Date Divider -->
<div class="fkoia flex items-center cm336 t6rrs before:flex-1 before:bg-gray-200 before:w-full before:h-px before:me-5 after:flex-1 after:bg-gray-200 after:w-full after:h-px after:ms-5 dark:text-neutral-400 dark:before:bg-neutral-700 dark:after:bg-neutral-700">
October 3, 2024
</div>
<!-- End Date Divider -->
<!-- Thread Card -->
<div id="hs-pro-in1tcid1" class="hs-accordion ">
<div class="c90zz oo8ro gelot idgjj dark:bg-neutral-900">
<!-- Header -->
<div class="relative">
<div class="hs-accordion-toggle after:absolute after:inset-0 after:z-1" role="button" aria-expanded="false" aria-controls="hs-pro-in1tcid1-heading"></div>
<div class="mctd2 n93vx ownsk i65bn inline-flex items-center lialp truncate">
<div class="i65bn flex qsuyg truncate">
<span class="xe8oj flex hq6gx r00n9 items-center aukwz e7zws s47lh zr4l6 dark:bg-neutral-600 oq0dt">S</span>
<div class="e3fpz truncate flex flex-col">
<!-- Popover -->
<div class=" truncate">
<div class="hs-tooltip [--trigger:click] sm:[--placement:bottom-left] inline-block amkne">
<span class="hs-tooltip-toggle relative vcy9f inline-flex items-center truncate t5ziw y2wul bp13m dark:text-neutral-200 cursor-pointer n2rh7 pdar8" tabindex="-1">
Sarah Chen
</span>
<!-- Popover Content -->
<div class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible hidden opacity-0 jfchh absolute j7t1a v0251 pvqa8 i65bn oo8ro wfm4e kmgj5 qgy40 lile3 ttai3 after:absolute after:top-0 after:-start-4 after:w-4 after:h-full dark:bg-neutral-800 dark:border-neutral-700" role="tooltip">
<div class="pi5e6">
<span class="block ej64t t5ziw t6rrs dark:text-neutral-500">
Contact
</span>
<!-- Header -->
<div class="flex flex-col r00n9 items-center zb7az">
<span class="flex hq6gx r00n9 items-center t5zar e7zws s47lh zr4l6 oq0dt dark:bg-neutral-600">S</span>
<h4 class="ls9te vo20k bp13m dark:text-white">
Sarah Chen
</h4>
</div>
<!-- End Header -->
<div class="xe8oj lj7mp">
<p class="t5ziw bp13m dark:text-neutral-200">
<a class="inline-flex items-center vrcxw e9qjd rwtxm bneqp pdar8 focus:outline-hidden np187 dark:text-blue-500" href="#">schen@company.com</a>
</p>
</div>
<!-- Footer -->
<div class="yki1g o1gdb flex uip67 items-center pyimf d77gl dark:border-neutral-700">
<a class="inline-flex items-center vrcxw cm336 t6rrs ck8au focus:outline-hidden oahj8 disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 dark:hover:text-white dark:focus:text-white" href="#">
<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="M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z"/><line x1="4" x2="4" y1="22" y2="15"/></svg>
Flag
</a>
<button type="button" class="jlmh5 apc69 inline-flex items-center vrcxw t5ziw ps5iq wfm4e d77gl oo8ro bp13m hx4gm tdhmi disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tme8y dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
<svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><line x1="19" x2="19" y1="8" y2="14"/><line x1="22" x2="16" y1="11" y2="11"/></svg>
Add to contacts
</button>
</div>
<!-- End Footer -->
</div>
</div>
<!-- End Popover Content -->
</div>
</div>
<!-- End Popover -->
<!-- Popover -->
<div class="hs-accordion-force-active hs-accordion-active:block hidden amkne truncate">
<div class="hs-tooltip [--trigger:click] sm:[--placement:bottom-left] inline-block amkne">
<span class="truncate t5ziw bp13m dark:text-neutral-200">To:</span>
<span class="hs-tooltip-toggle relative vcy9f inline-flex items-center truncate t5ziw t6rrs dark:text-neutral-500 cursor-pointer n2rh7 pdar8" tabindex="-1">
Lewis Clarke
</span>
<!-- Popover Content -->
<div class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible hidden opacity-0 jfchh absolute j7t1a v0251 pvqa8 i65bn oo8ro wfm4e kmgj5 qgy40 lile3 ttai3 after:absolute after:top-0 after:-start-4 after:w-4 after:h-full dark:bg-neutral-800 dark:border-neutral-700" role="tooltip">
<div class="pi5e6">
<span class="block ej64t t5ziw t6rrs dark:text-neutral-500">
Contact
</span>
<!-- Header -->
<div class="flex flex-col r00n9 items-center zb7az">
<img class="hq6gx t5zar oq0dt" src="https://images.unsplash.com/photo-1679412330254-90cb240038c5?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80" alt="Avatar">
<h4 class="ls9te vo20k bp13m dark:text-white">
Lewis Clarke
</h4>
</div>
<!-- End Header -->
<div class="xe8oj lj7mp">
<p class="t5ziw bp13m dark:text-neutral-200">
<a class="inline-flex items-center vrcxw e9qjd rwtxm bneqp pdar8 focus:outline-hidden np187 dark:text-blue-500" href="#">lewis@company.com</a>
</p>
</div>
<!-- Footer -->
<div class="yki1g o1gdb flex uip67 items-center pyimf d77gl dark:border-neutral-700">
<a class="inline-flex items-center vrcxw cm336 t6rrs ck8au focus:outline-hidden oahj8 disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 dark:hover:text-white dark:focus:text-white" href="#">
<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="M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z"/><line x1="4" x2="4" y1="22" y2="15"/></svg>
Flag
</a>
<button type="button" class="jlmh5 apc69 inline-flex items-center vrcxw t5ziw ps5iq wfm4e d77gl oo8ro bp13m hx4gm tdhmi disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tme8y dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
<svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><line x1="19" x2="19" y1="8" y2="14"/><line x1="22" x2="16" y1="11" y2="11"/></svg>
Add to contacts
</button>
</div>
<!-- End Footer -->
</div>
</div>
<!-- End Popover Content -->
</div>
</div>
<!-- End Popover -->
<div class="hs-accordion-force-active hs-accordion-active:block sm:hs-accordion-active:hidden hidden amkne truncate">
<span class="truncate t5ziw bp13m dark:text-neutral-200">Date:</span>
<span class="truncate t5ziw t6rrs dark:text-neutral-500">October 3, 2024 10:15 AM</span>
</div>
<div class="hs-accordion-force-active hs-accordion-active:hidden amkne truncate">
<p class="truncate t5ziw t6rrs dark:text-neutral-500">Hi team, I've reviewed the latest sprint progress, and I think we need to discuss some adjustments to our project timeline. We're running into some unexpected challenges with the API integration, which might impact our delivery date.</p>
</div>
</div>
<div class="s1drr">
<span class="hs-accordion-force-active hs-accordion-active:hidden cm336 inline-block t6rrs dark:text-neutral-500">Oct 3</span>
<span class="hs-accordion-force-active sm:hs-accordion-active:inline-block hidden cm336 t6rrs dark:text-neutral-500">October 3, 2024 10:15 AM</span>
</div>
</div>
</div>
<div class="absolute wgue8 hob2q vcy9f -translate-y-1/2">
<!-- More Dropdown -->
<div class="hs-dropdown ctowg [--placement:top-right] relative inline-flex">
<button id="hs-pro-in1tctmdid1" type="button" class="flex r00n9 items-center vmt4s aukwz t5ziw xq1jm ksr3h ps5iq 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 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>
</button>
<!-- More Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 dzjpl transition-[opacity,margin] duration opacity-0 hidden ocib4 oo8ro lile3 rkof5 dark:bg-neutral-950" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-in1tctmdid1">
<div class="p0lub overflow-y-auto n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<div class="ju7it space-y-0.5 ic6aj d77gl dark:border-neutral-800">
<button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd 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 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="9 17 4 12 9 7"/><path d="M20 18v-2a4 4 0 0 0-4-4H4"/></svg>
Reply
</button>
<button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd 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 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="7 17 2 12 7 7"/><polyline points="12 17 7 12 12 7"/><path d="M22 18v-2a4 4 0 0 0-4-4H7"/></svg>
Reply all
</button>
<button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd 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" data-hs-overlay="#hs-pro-chhsn">
<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"><polyline points="15 17 20 12 15 7"/><path d="M4 18v-2a4 4 0 0 1 4-4h12"/></svg>
Forward
</button>
<button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd 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" data-hs-overlay="#hs-pro-chhsn">
<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="M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z"/><path d="m21.854 2.147-10.94 10.939"/></svg>
Resend
</button>
</div>
<div class="ju7it space-y-0.5 ic6aj d77gl dark:border-neutral-800">
<button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd 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 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>
Mark as unread
</button>
<button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd 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 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.2 8.4c.5.38.8.97.8 1.6v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V10a2 2 0 0 1 .8-1.6l8-6a2 2 0 0 1 2.4 0l8 6Z"/><path d="m22 10-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 10"/></svg>
Mark as read
</button>
<button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd 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 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="5" x="2" y="3" rx="1"/><path d="M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8"/><path d="M10 12h4"/></svg>
Archive
</button>
<button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd 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 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>
<button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd 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" data-hs-overlay="#hs-pro-chhsn">
<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 16h.01"/><path d="M12 8v4"/><path d="M15.312 2a2 2 0 0 1 1.414.586l4.688 4.688A2 2 0 0 1 22 8.688v6.624a2 2 0 0 1-.586 1.414l-4.688 4.688a2 2 0 0 1-1.414.586H8.688a2 2 0 0 1-1.414-.586l-4.688-4.688A2 2 0 0 1 2 15.312V8.688a2 2 0 0 1 .586-1.414l4.688-4.688A2 2 0 0 1 8.688 2z"/></svg>
Report spam
</button>
</div>
<div class="ju7it space-y-0.5 ic6aj d77gl dark:border-neutral-800">
<button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd 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" data-hs-overlay="#hs-pro-chhtgm">
<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 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2"/><path d="M6 9V3a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v6"/><rect x="6" y="14" width="12" height="8" rx="1"/></svg>
Print <span class="ct50n kzzmm inline-flex items-center vrcxw cm336 vo20k c32br lxm86 oq0dt dark:bg-blue-500/10 dark:text-blue-500">New</span>
</button>
</div>
<div class="ju7it space-y-0.5 ic6aj d77gl dark:border-neutral-800">
<button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd 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" data-hs-overlay="#hs-pro-chhsh">
<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="M20 7h-3a2 2 0 0 1-2-2V2"/><path d="M9 18a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h7l4 4v10a2 2 0 0 1-2 2Z"/><path d="M3 7.6v12.8A1.6 1.6 0 0 0 4.6 22h9.8"/></svg>
Link to conversation
</button>
<button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd 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" data-hs-overlay="#hs-pro-chhsh">
<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="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>
Copy conversation ID
</button>
<button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd 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" data-hs-overlay="#hs-pro-chhsh">
<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="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 conversation link
</button>
</div>
</div>
</div>
<!-- End More Dropdown -->
</div>
<!-- End More Dropdown -->
</div>
</div>
<!-- End Header -->
<!-- Content -->
<div id="hs-pro-in1tcid1-heading" class="hs-accordion-content hidden i65bn overflow-hidden" role="region" aria-labelledby="hs-pro-in1tcid1">
<div class="pi5e6 pyimf d77gl dark:border-neutral-700">
<div class="t5ziw bp13m dark:text-neutral-200">Hi team,<br><br>I've reviewed the latest sprint progress, and I think we need to discuss some adjustments to our project timeline. We're running into some unexpected challenges with the API integration, which might impact our delivery date.<br><br>Could we schedule a meeting to go over the following points?<br><ol class="prqfs qr5e6 dhy94"><li>Current blockers in the API integration</li><li>Potential solutions and workarounds</li><li>Revised timeline estimates</li></ol><br>Thanks,<br>Sarah Chen<br>Project Manager</div>
</div>
</div>
<!-- End Content -->
</div>
</div>
<!-- End Thread Card -->
<!-- Thread Comment -->
<div class="dkhxo space-y-0.5">
<div class="jqn82 flex flex-wrap items-center h1dxu">
<span class="cm336 t6rrs dark:text-neutral-200">
Isabella Lauda
</span>
</div>
<div class="group i65bn lg:flex d1sjz">
<div class="flex ekyph">
<div class="hq6gx aukwz lj7mp">
<span class="flex hq6gx r00n9 items-center aukwz t5ziw e7zws fs9eh zr4l6 oq0dt">I</span>
</div>
<div class="-ms-2 s1drr i65bn r69rg">
<div class="flex mf3ko pgjbi" style="word-break: break-word;">
<div class="jlmh5 rfnst inline-block rjuva gelot dark:bg-neutral-700">
<div class="t5ziw xq1jm dark:text-neutral-400">
<span class="ryiqa">@lewis_clarke</span> Hi Lewis
<span class="zutm2 s2avd kvliy dark:text-neutral-500">
10:20
</span>
</div>
</div>
<div class="lg:hidden">
<!-- Collapse Button -->
<button type="button" class="hs-collapse-toggle flex r00n9 items-center vmt4s aukwz t5ziw xq1jm eweab oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200" id="hs-pro-in1tctclid1_1" aria-expanded="false" aria-controls="hs-pro-in1tctclid1_1-heading" data-hs-collapse="#hs-pro-in1tctclid1_1-heading">
<span class="ecbnn">Collapse</span>
<svg class="hs-collapse-open:rotate-180 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 9 6 6 6-6"/></svg>
</button>
<!-- End Collapse Button -->
</div>
</div>
<div class="xe8oj flex items-center pgjbi">
<div class="hs-tooltip inline-block">
<span class="hs-tooltip-toggle hz4z9 jrfm7 kjr4d flex c32br wfm4e x1f8a oq0dt dark:bg-blue-500/20 dark:border-blue-500/30">
<span class="t5ziw ryiqa">
✋ 1
</span>
<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">
Lewis reacted
</span>
</span>
</div>
<!-- Button -->
<div class="hs-tooltip inline-block">
<button type="button" class="hs-tooltip-toggle flex r00n9 items-center vmt4s ezw10 t5ziw xq1jm eweab oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs 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 reaction</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">
Add reaction
</span>
</div>
<!-- End Button -->
</div>
</div>
</div>
<!-- Collapse Content -->
<div id="hs-pro-in1tctclid1_1-heading" class="hs-collapse hidden i65bn overflow-hidden transition-[height] jahre lg:w-auto lg:block lg:group-hover:opacity-100 lg:opacity-0" aria-labelledby="hs-pro-in1tctclid1_1">
<!-- Button Group -->
<div class="p8xkq n2tav ab3ut ai8oc manq4 oo8ro oq0dt hx4gm inline-flex items-center tuzkq dark:bg-neutral-900">
<!-- Button -->
<div class="hs-tooltip inline-block">
<button type="button" class="hs-tooltip-toggle flex r00n9 items-center vmt4s ezw10 t5ziw xq1jm eweab oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs 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 reaction</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">
Add reaction
</span>
</div>
<!-- End Button -->
<!-- Button -->
<div class="hs-tooltip inline-block">
<button type="button" class="hs-tooltip-toggle flex r00n9 items-center vmt4s ezw10 t5ziw xq1jm eweab oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs 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"><polyline points="9 17 4 12 9 7"/><path d="M20 18v-2a4 4 0 0 0-4-4H4"/></svg>
<span class="ecbnn">Reply</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">
Reply
</span>
</div>
<!-- End Button -->
<!-- Button -->
<div class="hs-tooltip inline-block">
<button type="button" class="hs-tooltip-toggle flex r00n9 items-center vmt4s ezw10 t5ziw xq1jm eweab oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs 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.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z"/><path d="m15 5 4 4"/></svg>
<span class="ecbnn">Edit</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
</span>
</div>
<!-- End Button -->
<!-- Button -->
<div class="hs-tooltip inline-block">
<button type="button" class="hs-tooltip-toggle flex r00n9 items-center vmt4s ezw10 t5ziw xq1jm eweab oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs 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="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</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
</span>
</div>
<!-- End Button -->
</div>
<!-- End Button Group -->
</div>
<!-- End Collapse Content -->
</div>
<div class="group i65bn lg:flex d1sjz">
<div class="flex ekyph">
<div class="hq6gx aukwz lj7mp">
</div>
<div class="-ms-2 s1drr i65bn r69rg">
<div class="flex mf3ko pgjbi" style="word-break: break-word;">
<div class="jlmh5 rfnst inline-block rjuva gelot dark:bg-neutral-700">
<div class="t5ziw xq1jm dark:text-neutral-400">
what do you say?
<span class="zutm2 s2avd kvliy dark:text-neutral-500">
10:20
</span>
</div>
</div>
<div class="lg:hidden">
<!-- Collapse Button -->
<button type="button" class="hs-collapse-toggle flex r00n9 items-center vmt4s aukwz t5ziw xq1jm eweab oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200" id="hs-pro-in1tctclid1_2" aria-expanded="false" aria-controls="hs-pro-in1tctclid1_2-heading" data-hs-collapse="#hs-pro-in1tctclid1_2-heading">
<span class="ecbnn">Collapse</span>
<svg class="hs-collapse-open:rotate-180 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 9 6 6 6-6"/></svg>
</button>
<!-- End Collapse Button -->
</div>
</div>
</div>
</div>
<!-- Collapse Content -->
<div id="hs-pro-in1tctclid1_2-heading" class="hs-collapse hidden i65bn overflow-hidden transition-[height] jahre lg:w-auto lg:block lg:group-hover:opacity-100 lg:opacity-0" aria-labelledby="hs-pro-in1tctclid1_2">
<!-- Button Group -->
<div class="p8xkq n2tav ab3ut ai8oc manq4 oo8ro oq0dt hx4gm inline-flex items-center tuzkq dark:bg-neutral-900">
<!-- Button -->
<div class="hs-tooltip inline-block">
<button type="button" class="hs-tooltip-toggle flex r00n9 items-center vmt4s ezw10 t5ziw xq1jm eweab oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs 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 reaction</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">
Add reaction
</span>
</div>
<!-- End Button -->
<!-- Button -->
<div class="hs-tooltip inline-block">
<button type="button" class="hs-tooltip-toggle flex r00n9 items-center vmt4s ezw10 t5ziw xq1jm eweab oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs 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"><polyline points="9 17 4 12 9 7"/><path d="M20 18v-2a4 4 0 0 0-4-4H4"/></svg>
<span class="ecbnn">Reply</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">
Reply
</span>
</div>
<!-- End Button -->
<!-- Button -->
<div class="hs-tooltip inline-block">
<button type="button" class="hs-tooltip-toggle flex r00n9 items-center vmt4s ezw10 t5ziw xq1jm eweab oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs 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.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z"/><path d="m15 5 4 4"/></svg>
<span class="ecbnn">Edit</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
</span>
</div>
<!-- End Button -->
<!-- Button -->
<div class="hs-tooltip inline-block">
<button type="button" class="hs-tooltip-toggle flex r00n9 items-center vmt4s ezw10 t5ziw xq1jm eweab oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs 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="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</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
</span>
</div>
<!-- End Button -->
</div>
<!-- End Button Group -->
</div>
<!-- End Collapse Content -->
</div>
</div>
<!-- End Thread Comment -->
<!-- Thread Comment -->
<div class="dkhxo space-y-0.5">
<div class="jqn82 flex flex-wrap items-center h1dxu">
<span class="cm336 t6rrs dark:text-neutral-200">
Lewis Clarke
</span>
</div>
<div class="group i65bn lg:flex d1sjz">
<div class="flex ekyph">
<div class="hq6gx aukwz lj7mp">
<img class="hq6gx aukwz oq0dt" src="https://images.unsplash.com/photo-1679412330254-90cb240038c5?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80" alt="Avatar">
</div>
<div class="-ms-2 s1drr i65bn r69rg">
<div class="flex mf3ko pgjbi" style="word-break: break-word;">
<div class="jlmh5 rfnst inline-block rjuva gelot dark:bg-neutral-700">
<div class="t5ziw xq1jm dark:text-neutral-400">
<span class="ryiqa">@isabella</span>
</div>
</div>
<div class="lg:hidden">
<!-- Collapse Button -->
<button type="button" class="hs-collapse-toggle flex r00n9 items-center vmt4s aukwz t5ziw xq1jm eweab oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200" id="hs-pro-in1tctclid2_1" aria-expanded="false" aria-controls="hs-pro-in1tctclid2_1-heading" data-hs-collapse="#hs-pro-in1tctclid2_1-heading">
<span class="ecbnn">Collapse</span>
<svg class="hs-collapse-open:rotate-180 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 9 6 6 6-6"/></svg>
</button>
<!-- End Collapse Button -->
</div>
</div>
</div>
</div>
<!-- Collapse Content -->
<div id="hs-pro-in1tctclid2_1-heading" class="hs-collapse hidden i65bn overflow-hidden transition-[height] jahre lg:w-auto lg:block lg:group-hover:opacity-100 lg:opacity-0" aria-labelledby="hs-pro-in1tctclid2_1">
<!-- Button Group -->
<div class="p8xkq n2tav ab3ut ai8oc manq4 oo8ro oq0dt hx4gm inline-flex items-center tuzkq dark:bg-neutral-900">
<!-- Button -->
<div class="hs-tooltip inline-block">
<button type="button" class="hs-tooltip-toggle flex r00n9 items-center vmt4s ezw10 t5ziw xq1jm eweab oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs 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 reaction</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">
Add reaction
</span>
</div>
<!-- End Button -->
<!-- Button -->
<div class="hs-tooltip inline-block">
<button type="button" class="hs-tooltip-toggle flex r00n9 items-center vmt4s ezw10 t5ziw xq1jm eweab oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs 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"><polyline points="9 17 4 12 9 7"/><path d="M20 18v-2a4 4 0 0 0-4-4H4"/></svg>
<span class="ecbnn">Reply</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">
Reply
</span>
</div>
<!-- End Button -->
<!-- Button -->
<div class="hs-tooltip inline-block">
<button type="button" class="hs-tooltip-toggle flex r00n9 items-center vmt4s ezw10 t5ziw xq1jm eweab oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs 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.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z"/><path d="m15 5 4 4"/></svg>
<span class="ecbnn">Edit</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
</span>
</div>
<!-- End Button -->
<!-- Button -->
<div class="hs-tooltip inline-block">
<button type="button" class="hs-tooltip-toggle flex r00n9 items-center vmt4s ezw10 t5ziw xq1jm eweab oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs 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="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</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
</span>
</div>
<!-- End Button -->
</div>
<!-- End Button Group -->
</div>
<!-- End Collapse Content -->
</div>
<div class="group i65bn lg:flex d1sjz">
<div class="flex ekyph">
<div class="hq6gx aukwz lj7mp">
</div>
<div class="-ms-2 s1drr i65bn r69rg">
<div class="flex mf3ko pgjbi" style="word-break: break-word;">
<div class="jlmh5 rfnst inline-block rjuva gelot dark:bg-neutral-700">
<div class="t5ziw xq1jm dark:text-neutral-400">
I agree we should discuss this ASAP
<span class="zutm2 s2avd kvliy dark:text-neutral-500">
11:12
</span>
</div>
</div>
<div class="lg:hidden">
<!-- Collapse Button -->
<button type="button" class="hs-collapse-toggle flex r00n9 items-center vmt4s aukwz t5ziw xq1jm eweab oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200" id="hs-pro-in1tctclid2_2" aria-expanded="false" aria-controls="hs-pro-in1tctclid2_2-heading" data-hs-collapse="#hs-pro-in1tctclid2_2-heading">
<span class="ecbnn">Collapse</span>
<svg class="hs-collapse-open:rotate-180 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 9 6 6 6-6"/></svg>
</button>
<!-- End Collapse Button -->
</div>
</div>
</div>
</div>
<!-- Collapse Content -->
<div id="hs-pro-in1tctclid2_2-heading" class="hs-collapse hidden i65bn overflow-hidden transition-[height] jahre lg:w-auto lg:block lg:group-hover:opacity-100 lg:opacity-0" aria-labelledby="hs-pro-in1tctclid2_2">
<!-- Button Group -->
<div class="p8xkq n2tav ab3ut ai8oc manq4 oo8ro oq0dt hx4gm inline-flex items-center tuzkq dark:bg-neutral-900">
<!-- Button -->
<div class="hs-tooltip inline-block">
<button type="button" class="hs-tooltip-toggle flex r00n9 items-center vmt4s ezw10 t5ziw xq1jm eweab oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs 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 reaction</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">
Add reaction
</span>
</div>
<!-- End Button -->
<!-- Button -->
<div class="hs-tooltip inline-block">
<button type="button" class="hs-tooltip-toggle flex r00n9 items-center vmt4s ezw10 t5ziw xq1jm eweab oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs 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"><polyline points="9 17 4 12 9 7"/><path d="M20 18v-2a4 4 0 0 0-4-4H4"/></svg>
<span class="ecbnn">Reply</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">
Reply
</span>
</div>
<!-- End Button -->
<!-- Button -->
<div class="hs-tooltip inline-block">
<button type="button" class="hs-tooltip-toggle flex r00n9 items-center vmt4s ezw10 t5ziw xq1jm eweab oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs 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.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z"/><path d="m15 5 4 4"/></svg>
<span class="ecbnn">Edit</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
</span>
</div>
<!-- End Button -->
<!-- Button -->
<div class="hs-tooltip inline-block">
<button type="button" class="hs-tooltip-toggle flex r00n9 items-center vmt4s ezw10 t5ziw xq1jm eweab oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs 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="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</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
</span>
</div>
<!-- End Button -->
</div>
<!-- End Button Group -->
</div>
<!-- End Collapse Content -->
</div>
<div class="group i65bn lg:flex d1sjz">
<div class="flex ekyph">
<div class="hq6gx aukwz lj7mp">
</div>
<div class="-ms-2 s1drr i65bn r69rg">
<div class="flex mf3ko pgjbi" style="word-break: break-word;">
<div class="jlmh5 rfnst inline-block rjuva gelot dark:bg-neutral-700">
<div class="t5ziw xq1jm dark:text-neutral-400">
I'm available tomorrow (Thursday) at 2 PM or Friday morning before 11 AM
<span class="zutm2 s2avd kvliy dark:text-neutral-500">
11:13
</span>
</div>
</div>
<div class="lg:hidden">
<!-- Collapse Button -->
<button type="button" class="hs-collapse-toggle flex r00n9 items-center vmt4s aukwz t5ziw xq1jm eweab oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200" id="hs-pro-in1tctclid2_3" aria-expanded="false" aria-controls="hs-pro-in1tctclid2_3-heading" data-hs-collapse="#hs-pro-in1tctclid2_3-heading">
<span class="ecbnn">Collapse</span>
<svg class="hs-collapse-open:rotate-180 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 9 6 6 6-6"/></svg>
</button>
<!-- End Collapse Button -->
</div>
</div>
<div class="xe8oj flex items-center pgjbi">
<div class="hs-tooltip inline-block">
<span class="hs-tooltip-toggle hz4z9 jrfm7 kjr4d flex c32br wfm4e x1f8a oq0dt dark:bg-blue-500/20 dark:border-blue-500/30">
<span class="t5ziw ryiqa">
👍️ 2
</span>
<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">
Isabella and James reacted
</span>
</span>
</div>
<!-- Button -->
<div class="hs-tooltip inline-block">
<button type="button" class="hs-tooltip-toggle flex r00n9 items-center vmt4s ezw10 t5ziw xq1jm eweab oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs 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 reaction</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">
Add reaction
</span>
</div>
<!-- End Button -->
</div>
</div>
</div>
<!-- Collapse Content -->
<div id="hs-pro-in1tctclid2_3-heading" class="hs-collapse hidden i65bn overflow-hidden transition-[height] jahre lg:w-auto lg:block lg:group-hover:opacity-100 lg:opacity-0" aria-labelledby="hs-pro-in1tctclid2_3">
<!-- Button Group -->
<div class="p8xkq n2tav ab3ut ai8oc manq4 oo8ro oq0dt hx4gm inline-flex items-center tuzkq dark:bg-neutral-900">
<!-- Button -->
<div class="hs-tooltip inline-block">
<button type="button" class="hs-tooltip-toggle flex r00n9 items-center vmt4s ezw10 t5ziw xq1jm eweab oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs 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 reaction</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">
Add reaction
</span>
</div>
<!-- End Button -->
<!-- Button -->
<div class="hs-tooltip inline-block">
<button type="button" class="hs-tooltip-toggle flex r00n9 items-center vmt4s ezw10 t5ziw xq1jm eweab oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs 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"><polyline points="9 17 4 12 9 7"/><path d="M20 18v-2a4 4 0 0 0-4-4H4"/></svg>
<span class="ecbnn">Reply</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">
Reply
</span>
</div>
<!-- End Button -->
<!-- Button -->
<div class="hs-tooltip inline-block">
<button type="button" class="hs-tooltip-toggle flex r00n9 items-center vmt4s ezw10 t5ziw xq1jm eweab oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs 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.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z"/><path d="m15 5 4 4"/></svg>
<span class="ecbnn">Edit</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
</span>
</div>
<!-- End Button -->
<!-- Button -->
<div class="hs-tooltip inline-block">
<button type="button" class="hs-tooltip-toggle flex r00n9 items-center vmt4s ezw10 t5ziw xq1jm eweab oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs 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="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</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
</span>
</div>
<!-- End Button -->
</div>
<!-- End Button Group -->
</div>
<!-- End Collapse Content -->
</div>
</div>
<!-- End Thread Comment -->
<!-- Vertical Steps -->
<div class="n93vx">
<!-- Step Item -->
<div class="relative group w4ry8 nfrzv last:after:hidden after:absolute after:top-8 after:bottom-0 after:start-4 after:w-px after:bg-gray-200 dark:after:bg-neutral-700">
<div class="i65bn flex ekyph">
<span class="flex hq6gx r00n9 items-center aukwz rjuva t5ziw y2wul e7zws t6rrs oq0dt dark:text-neutral-500">
<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="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><line x1="19" x2="19" y1="8" y2="14"/><line x1="22" x2="16" y1="11" y2="11"/></svg>
</span>
<div class="e3fpz xe8oj">
<span class="t5ziw t6rrs dark:text-neutral-500">
<span class="y2wul">Assigned</span> to Lewis Clarke by Isabella Lauda
</span>
<span class="u7zz8 zutm2 cm336 kvliy dark:text-neutral-600">
11:28 AM
</span>
</div>
</div>
</div>
<!-- End Step Item -->
<!-- Step Item -->
<div class="relative group w4ry8 nfrzv last:after:hidden after:absolute after:top-8 after:bottom-0 after:start-4 after:w-px after:bg-gray-200 dark:after:bg-neutral-700">
<div class="i65bn flex ekyph">
<span class="flex hq6gx r00n9 items-center aukwz rjuva t5ziw y2wul e7zws t6rrs oq0dt dark:text-neutral-500">
<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 9V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H20a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-1"/><path d="M2 13h10"/><path d="m9 16 3-3-3-3"/></svg>
</span>
<div class="e3fpz xe8oj">
<span class="t5ziw t6rrs dark:text-neutral-500">
<span class="y2wul">Moved</span> to Gmail by Isabella Lauda
</span>
<span class="u7zz8 zutm2 cm336 kvliy dark:text-neutral-600">
11:28 AM
</span>
</div>
</div>
</div>
<!-- End Step Item -->
<!-- Step Item -->
<div class="relative group w4ry8 nfrzv last:after:hidden after:absolute after:top-8 after:bottom-0 after:start-4 after:w-px after:bg-gray-200 dark:after:bg-neutral-700">
<div class="i65bn flex ekyph">
<span class="flex hq6gx r00n9 items-center aukwz rjuva t5ziw y2wul e7zws t6rrs oq0dt dark:text-neutral-500">
<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.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"/><circle cx="7.5" cy="7.5" r=".5" fill="currentColor"/></svg>
</span>
<div class="e3fpz xe8oj">
<span class="t5ziw t6rrs dark:text-neutral-500">
<span class="y2wul">Added</span> to <span class="ct50n lxh7u oo8ro wfm4e d77gl le8iz t5ziw oq0dt dark:bg-neutral-900 dark:border-neutral-700">Generic</span> txgzx by Isabella Lauda
</span>
<span class="u7zz8 zutm2 cm336 kvliy dark:text-neutral-600">
11:29 AM
</span>
</div>
</div>
</div>
<!-- End Step Item -->
<!-- Step Item -->
<div class="relative group w4ry8 nfrzv last:after:hidden after:absolute after:top-8 after:bottom-0 after:start-4 after:w-px after:bg-gray-200 dark:after:bg-neutral-700">
<div class="i65bn flex ekyph">
<span class="flex hq6gx r00n9 items-center aukwz rjuva t5ziw y2wul e7zws t6rrs oq0dt dark:text-neutral-500">
<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.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"/><circle cx="7.5" cy="7.5" r=".5" fill="currentColor"/></svg>
</span>
<div class="e3fpz xe8oj">
<span class="t5ziw t6rrs dark:text-neutral-500">
<span class="y2wul">Added</span> to <span class="ct50n lxh7u oo8ro wfm4e d77gl ryiqa t5ziw oq0dt dark:bg-neutral-900 dark:border-neutral-700">Reviews</span> txgzx by Isabella Lauda
</span>
<span class="u7zz8 zutm2 cm336 kvliy dark:text-neutral-600">
11:29 AM
</span>
</div>
</div>
</div>
<!-- End Step Item -->
</div>
<!-- End Vertical Steps -->
<!-- Thread Card -->
<div id="hs-pro-in1tcid2" class="hs-accordion ">
<div class="c90zz oo8ro gelot idgjj dark:bg-neutral-900">
<!-- Header -->
<div class="relative">
<div class="hs-accordion-toggle after:absolute after:inset-0 after:z-1" role="button" aria-expanded="false" aria-controls="hs-pro-in1tcid2-heading"></div>
<div class="mctd2 n93vx ownsk i65bn inline-flex items-center lialp truncate">
<div class="i65bn flex qsuyg truncate">
<img class="xe8oj hq6gx aukwz oq0dt" src="https://images.unsplash.com/photo-1679412330254-90cb240038c5?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80" alt="Avatar">
<div class="e3fpz truncate flex flex-col">
<!-- Popover -->
<div class=" truncate">
<div class="hs-tooltip [--trigger:click] sm:[--placement:bottom-left] inline-block amkne">
<span class="hs-tooltip-toggle relative vcy9f inline-flex items-center truncate t5ziw y2wul bp13m dark:text-neutral-200 cursor-pointer n2rh7 pdar8" tabindex="-1">
Lewis Clarke
</span>
<!-- Popover Content -->
<div class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible hidden opacity-0 jfchh absolute j7t1a v0251 pvqa8 i65bn oo8ro wfm4e kmgj5 qgy40 lile3 ttai3 after:absolute after:top-0 after:-start-4 after:w-4 after:h-full dark:bg-neutral-800 dark:border-neutral-700" role="tooltip">
<div class="pi5e6">
<span class="block ej64t t5ziw t6rrs dark:text-neutral-500">
Contact
</span>
<!-- Header -->
<div class="flex flex-col r00n9 items-center zb7az">
<img class="hq6gx t5zar oq0dt" src="https://images.unsplash.com/photo-1679412330254-90cb240038c5?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80" alt="Avatar">
<h4 class="ls9te vo20k bp13m dark:text-white">
Lewis Clarke
</h4>
</div>
<!-- End Header -->
<div class="xe8oj lj7mp">
<p class="t5ziw bp13m dark:text-neutral-200">
<a class="inline-flex items-center vrcxw e9qjd rwtxm bneqp pdar8 focus:outline-hidden np187 dark:text-blue-500" href="#">lewis@company.com</a>
</p>
</div>
<!-- Footer -->
<div class="yki1g o1gdb flex uip67 items-center pyimf d77gl dark:border-neutral-700">
<a class="inline-flex items-center vrcxw cm336 t6rrs ck8au focus:outline-hidden oahj8 disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 dark:hover:text-white dark:focus:text-white" href="#">
<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="M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z"/><line x1="4" x2="4" y1="22" y2="15"/></svg>
Flag
</a>
<button type="button" class="jlmh5 apc69 inline-flex items-center vrcxw t5ziw ps5iq wfm4e d77gl oo8ro bp13m hx4gm tdhmi disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tme8y dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
<svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><line x1="19" x2="19" y1="8" y2="14"/><line x1="22" x2="16" y1="11" y2="11"/></svg>
Add to contacts
</button>
</div>
<!-- End Footer -->
</div>
</div>
<!-- End Popover Content -->
</div>
</div>
<!-- End Popover -->
<!-- Popover -->
<div class="hs-accordion-force-active hs-accordion-active:block hidden amkne truncate">
<div class="hs-tooltip [--trigger:click] sm:[--placement:bottom-left] inline-block amkne">
<span class="truncate t5ziw bp13m dark:text-neutral-200">To:</span>
<span class="hs-tooltip-toggle relative vcy9f inline-flex items-center truncate t5ziw t6rrs dark:text-neutral-500 cursor-pointer n2rh7 pdar8" tabindex="-1">
Sarah Chen
</span>
<!-- Popover Content -->
<div class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible hidden opacity-0 jfchh absolute j7t1a v0251 pvqa8 i65bn oo8ro wfm4e kmgj5 qgy40 lile3 ttai3 after:absolute after:top-0 after:-start-4 after:w-4 after:h-full dark:bg-neutral-800 dark:border-neutral-700" role="tooltip">
<div class="pi5e6">
<span class="block ej64t t5ziw t6rrs dark:text-neutral-500">
Contact
</span>
<!-- Header -->
<div class="flex flex-col r00n9 items-center zb7az">
<span class="flex hq6gx r00n9 items-center t5zar e7zws s47lh zr4l6 oq0dt dark:bg-neutral-600">S</span>
<h4 class="ls9te vo20k bp13m dark:text-white">
Sarah Chen
</h4>
</div>
<!-- End Header -->
<div class="xe8oj lj7mp">
<p class="t5ziw bp13m dark:text-neutral-200">
<a class="inline-flex items-center vrcxw e9qjd rwtxm bneqp pdar8 focus:outline-hidden np187 dark:text-blue-500" href="#">schen@company.com</a>
</p>
</div>
<!-- Footer -->
<div class="yki1g o1gdb flex uip67 items-center pyimf d77gl dark:border-neutral-700">
<a class="inline-flex items-center vrcxw cm336 t6rrs ck8au focus:outline-hidden oahj8 disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 dark:hover:text-white dark:focus:text-white" href="#">
<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="M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z"/><line x1="4" x2="4" y1="22" y2="15"/></svg>
Flag
</a>
<button type="button" class="jlmh5 apc69 inline-flex items-center vrcxw t5ziw ps5iq wfm4e d77gl oo8ro bp13m hx4gm tdhmi disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tme8y dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
<svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><line x1="19" x2="19" y1="8" y2="14"/><line x1="22" x2="16" y1="11" y2="11"/></svg>
Add to contacts
</button>
</div>
<!-- End Footer -->
</div>
</div>
<!-- End Popover Content -->
</div>
</div>
<!-- End Popover -->
<div class="hs-accordion-force-active hs-accordion-active:block sm:hs-accordion-active:hidden hidden amkne truncate">
<span class="truncate t5ziw bp13m dark:text-neutral-200">Date:</span>
<span class="truncate t5ziw t6rrs dark:text-neutral-500">October 3, 2024 11:30 AM</span>
</div>
<div class="hs-accordion-force-active hs-accordion-active:hidden amkne truncate">
<p class="truncate t5ziw t6rrs dark:text-neutral-500">Hi Sarah, I agree we should discuss this as soon as possible. I'm available tomorrow (Thursday) at 2 PM or Friday morning before 11 AM. Let me know what works best for you and the team.</p>
</div>
</div>
<div class="s1drr">
<span class="hs-accordion-force-active hs-accordion-active:hidden cm336 inline-block t6rrs dark:text-neutral-500">Oct 3</span>
<span class="hs-accordion-force-active sm:hs-accordion-active:inline-block hidden cm336 t6rrs dark:text-neutral-500">October 3, 2024 11:30 AM</span>
</div>
</div>
</div>
<div class="absolute wgue8 hob2q vcy9f -translate-y-1/2">
<!-- More Dropdown -->
<div class="hs-dropdown ctowg [--placement:top-right] relative inline-flex">
<button id="hs-pro-in1tctmdid2" type="button" class="flex r00n9 items-center vmt4s aukwz t5ziw xq1jm ksr3h ps5iq 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 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>
</button>
<!-- More Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 dzjpl transition-[opacity,margin] duration opacity-0 hidden ocib4 oo8ro lile3 rkof5 dark:bg-neutral-950" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-in1tctmdid2">
<div class="p0lub overflow-y-auto n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<div class="ju7it space-y-0.5 ic6aj d77gl dark:border-neutral-800">
<button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd 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 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="9 17 4 12 9 7"/><path d="M20 18v-2a4 4 0 0 0-4-4H4"/></svg>
Reply
</button>
<button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd 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 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="7 17 2 12 7 7"/><polyline points="12 17 7 12 12 7"/><path d="M22 18v-2a4 4 0 0 0-4-4H7"/></svg>
Reply all
</button>
<button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd 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" data-hs-overlay="#hs-pro-chhsn">
<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"><polyline points="15 17 20 12 15 7"/><path d="M4 18v-2a4 4 0 0 1 4-4h12"/></svg>
Forward
</button>
<button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd 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" data-hs-overlay="#hs-pro-chhsn">
<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="M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z"/><path d="m21.854 2.147-10.94 10.939"/></svg>
Resend
</button>
</div>
<div class="ju7it space-y-0.5 ic6aj d77gl dark:border-neutral-800">
<button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd 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 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>
Mark as unread
</button>
<button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd 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 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.2 8.4c.5.38.8.97.8 1.6v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V10a2 2 0 0 1 .8-1.6l8-6a2 2 0 0 1 2.4 0l8 6Z"/><path d="m22 10-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 10"/></svg>
Mark as read
</button>
<button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd 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 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="5" x="2" y="3" rx="1"/><path d="M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8"/><path d="M10 12h4"/></svg>
Archive
</button>
<button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd 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 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>
<button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd 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" data-hs-overlay="#hs-pro-chhsn">
<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 16h.01"/><path d="M12 8v4"/><path d="M15.312 2a2 2 0 0 1 1.414.586l4.688 4.688A2 2 0 0 1 22 8.688v6.624a2 2 0 0 1-.586 1.414l-4.688 4.688a2 2 0 0 1-1.414.586H8.688a2 2 0 0 1-1.414-.586l-4.688-4.688A2 2 0 0 1 2 15.312V8.688a2 2 0 0 1 .586-1.414l4.688-4.688A2 2 0 0 1 8.688 2z"/></svg>
Report spam
</button>
</div>
<div class="ju7it space-y-0.5 ic6aj d77gl dark:border-neutral-800">
<button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd 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" data-hs-overlay="#hs-pro-chhtgm">
<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 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2"/><path d="M6 9V3a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v6"/><rect x="6" y="14" width="12" height="8" rx="1"/></svg>
Print <span class="ct50n kzzmm inline-flex items-center vrcxw cm336 vo20k c32br lxm86 oq0dt dark:bg-blue-500/10 dark:text-blue-500">New</span>
</button>
</div>
<div class="ju7it space-y-0.5 ic6aj d77gl dark:border-neutral-800">
<button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd 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" data-hs-overlay="#hs-pro-chhsh">
<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="M20 7h-3a2 2 0 0 1-2-2V2"/><path d="M9 18a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h7l4 4v10a2 2 0 0 1-2 2Z"/><path d="M3 7.6v12.8A1.6 1.6 0 0 0 4.6 22h9.8"/></svg>
Link to conversation
</button>
<button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd 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" data-hs-overlay="#hs-pro-chhsh">
<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="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>
Copy conversation ID
</button>
<button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd 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" data-hs-overlay="#hs-pro-chhsh">
<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="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 conversation link
</button>
</div>
</div>
</div>
<!-- End More Dropdown -->
</div>
<!-- End More Dropdown -->
</div>
</div>
<!-- End Header -->
<!-- Content -->
<div id="hs-pro-in1tcid2-heading" class="hs-accordion-content hidden i65bn overflow-hidden" role="region" aria-labelledby="hs-pro-in1tcid2">
<div class="pi5e6 pyimf d77gl dark:border-neutral-700">
<div class="t5ziw bp13m dark:text-neutral-200">Hi Sarah,<br><br>I agree we should discuss this as soon as possible. I'm available tomorrow (Thursday) at 2 PM or Friday morning before 11 AM. Let me know what works best for you and the team.<br><br>Regards,<br>Lewis</div>
</div>
</div>
<!-- End Content -->
</div>
</div>
<!-- End Thread Card -->
<!-- Thread Comment -->
<div class="dkhxo space-y-0.5">
<div class="jqn82 flex flex-wrap items-center h1dxu">
<span class="cm336 t6rrs dark:text-neutral-200">
James Collins
</span>
</div>
<div class="group i65bn lg:flex d1sjz">
<div class="i65bn flex ekyph">
<div class="hq6gx aukwz lj7mp">
<img class="hq6gx aukwz 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>
<!-- Comment Input -->
<div class="-ms-2 s1drr i65bn r69rg">
<!-- Textarea -->
<div class="relative">
<textarea class="n7dbx a5hzw yyez4 p1bsm block i65bn rjuva d77gl k34r6 amkne ps5iq lqn87 ai5kb focus:outline-hidden j9afk tgjie p9jxl disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-700 dark:text-neutral-400 dark:border-neutral-700 dark:hover:bg-neutral-800 dark:hover:border-neutral-600 dark:focus:border-neutral-600 dark:focus:ring-neutral-600 dark:focus:bg-neutral-800 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="Edit your comment..." rows="1" data-hs-textarea-auto-height='{"defaultHeight": 46}'>@lewis_clarke @isabella please, don't forget to add me</textarea>
<!-- Button Group -->
<div class="absolute wgue8 pjxsz nh4wd -translate-y-1/2 flex items-center pgjbi">
<!-- Button -->
<div class="hs-tooltip inline-block">
<button type="button" class="hs-tooltip-toggle 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>
<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">
Attach file
</span>
</div>
<!-- End Button -->
<!-- Button -->
<div class="hs-tooltip inline-block">
<button type="button" class="hs-tooltip-toggle 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>
<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">
Add emoji
</span>
</div>
<!-- End Button -->
<!-- Button -->
<div class="hs-tooltip inline-block">
<button type="button" class="hs-tooltip-toggle 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>
<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">
Send voice message
</span>
</div>
<!-- End Button -->
</div>
<!-- End Button Group -->
</div>
<!-- End Textarea -->
<!-- End Button Group -->
<div class="xe8oj flex c9j8j items-center pgjbi">
<button type="button" class="jlmh5 rfnst inline-flex items-center lialp vo20k t5ziw ps5iq wfm4e d77gl agawe rwtxm eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:bg-neutral-800 dark:border-neutral-700 dark:text-blue-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
Cancel
</button>
<button type="button" class="jlmh5 rfnst inline-flex r00n9 items-center vrcxw vo20k t5ziw ps5iq wfm4e qb17b jqqot zr4l6 lmqf9 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden v1cco tyfry">
Save
</button>
</div>
<!-- Button Group -->
</div>
<!-- End Comment Input -->
</div>
</div>
</div>
<!-- End Thread Comment -->
<!-- Thread Card -->
<div id="hs-pro-in1tcid3" class="hs-accordion active">
<div class="c90zz oo8ro gelot idgjj dark:bg-neutral-900">
<!-- Header -->
<div class="relative">
<div class="hs-accordion-toggle after:absolute after:inset-0 after:z-1" role="button" aria-expanded="true" aria-controls="hs-pro-in1tcid3-heading"></div>
<div class="mctd2 n93vx ownsk i65bn inline-flex items-center lialp truncate">
<div class="i65bn flex qsuyg truncate">
<span class="xe8oj flex hq6gx r00n9 items-center aukwz e7zws s47lh zr4l6 dark:bg-neutral-600 oq0dt">S</span>
<div class="e3fpz truncate flex flex-col">
<!-- Popover -->
<div class=" truncate">
<div class="hs-tooltip [--trigger:click] sm:[--placement:bottom-left] inline-block amkne">
<span class="hs-tooltip-toggle relative vcy9f inline-flex items-center truncate t5ziw y2wul bp13m dark:text-neutral-200 cursor-pointer n2rh7 pdar8" tabindex="-1">
Sarah Chen
</span>
<!-- Popover Content -->
<div class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible hidden opacity-0 jfchh absolute j7t1a v0251 pvqa8 i65bn oo8ro wfm4e kmgj5 qgy40 lile3 ttai3 after:absolute after:top-0 after:-start-4 after:w-4 after:h-full dark:bg-neutral-800 dark:border-neutral-700" role="tooltip">
<div class="pi5e6">
<span class="block ej64t t5ziw t6rrs dark:text-neutral-500">
Contact
</span>
<!-- Header -->
<div class="flex flex-col r00n9 items-center zb7az">
<span class="flex hq6gx r00n9 items-center t5zar e7zws s47lh zr4l6 oq0dt dark:bg-neutral-600">S</span>
<h4 class="ls9te vo20k bp13m dark:text-white">
Sarah Chen
</h4>
</div>
<!-- End Header -->
<div class="xe8oj lj7mp">
<p class="t5ziw bp13m dark:text-neutral-200">
<a class="inline-flex items-center vrcxw e9qjd rwtxm bneqp pdar8 focus:outline-hidden np187 dark:text-blue-500" href="#">schen@company.com</a>
</p>
</div>
<!-- Footer -->
<div class="yki1g o1gdb flex uip67 items-center pyimf d77gl dark:border-neutral-700">
<a class="inline-flex items-center vrcxw cm336 t6rrs ck8au focus:outline-hidden oahj8 disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 dark:hover:text-white dark:focus:text-white" href="#">
<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="M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z"/><line x1="4" x2="4" y1="22" y2="15"/></svg>
Flag
</a>
<button type="button" class="jlmh5 apc69 inline-flex items-center vrcxw t5ziw ps5iq wfm4e d77gl oo8ro bp13m hx4gm tdhmi disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tme8y dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
<svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><line x1="19" x2="19" y1="8" y2="14"/><line x1="22" x2="16" y1="11" y2="11"/></svg>
Add to contacts
</button>
</div>
<!-- End Footer -->
</div>
</div>
<!-- End Popover Content -->
</div>
</div>
<!-- End Popover -->
<!-- Popover -->
<div class="hs-accordion-force-active hs-accordion-active:block hidden amkne truncate">
<div class="hs-tooltip [--trigger:click] sm:[--placement:bottom-left] inline-block amkne">
<span class="truncate t5ziw bp13m dark:text-neutral-200">To:</span>
<span class="hs-tooltip-toggle relative vcy9f inline-flex items-center truncate t5ziw t6rrs dark:text-neutral-500 cursor-pointer n2rh7 pdar8" tabindex="-1">
Lewis Clarke
</span>
<!-- Popover Content -->
<div class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible hidden opacity-0 jfchh absolute j7t1a v0251 pvqa8 i65bn oo8ro wfm4e kmgj5 qgy40 lile3 ttai3 after:absolute after:top-0 after:-start-4 after:w-4 after:h-full dark:bg-neutral-800 dark:border-neutral-700" role="tooltip">
<div class="pi5e6">
<span class="block ej64t t5ziw t6rrs dark:text-neutral-500">
Contact
</span>
<!-- Header -->
<div class="flex flex-col r00n9 items-center zb7az">
<img class="hq6gx t5zar oq0dt" src="https://images.unsplash.com/photo-1679412330254-90cb240038c5?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80" alt="Avatar">
<h4 class="ls9te vo20k bp13m dark:text-white">
Lewis Clarke
</h4>
</div>
<!-- End Header -->
<div class="xe8oj lj7mp">
<p class="t5ziw bp13m dark:text-neutral-200">
<a class="inline-flex items-center vrcxw e9qjd rwtxm bneqp pdar8 focus:outline-hidden np187 dark:text-blue-500" href="#">lewis@company.com</a>
</p>
</div>
<!-- Footer -->
<div class="yki1g o1gdb flex uip67 items-center pyimf d77gl dark:border-neutral-700">
<a class="inline-flex items-center vrcxw cm336 t6rrs ck8au focus:outline-hidden oahj8 disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 dark:hover:text-white dark:focus:text-white" href="#">
<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="M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z"/><line x1="4" x2="4" y1="22" y2="15"/></svg>
Flag
</a>
<button type="button" class="jlmh5 apc69 inline-flex items-center vrcxw t5ziw ps5iq wfm4e d77gl oo8ro bp13m hx4gm tdhmi disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tme8y dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
<svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><line x1="19" x2="19" y1="8" y2="14"/><line x1="22" x2="16" y1="11" y2="11"/></svg>
Add to contacts
</button>
</div>
<!-- End Footer -->
</div>
</div>
<!-- End Popover Content -->
</div>
</div>
<!-- End Popover -->
<div class="hs-accordion-force-active hs-accordion-active:block sm:hs-accordion-active:hidden hidden amkne truncate">
<span class="truncate t5ziw bp13m dark:text-neutral-200">Date:</span>
<span class="truncate t5ziw t6rrs dark:text-neutral-500">October 3, 2024 11:45 AM</span>
</div>
<div class="hs-accordion-force-active hs-accordion-active:hidden amkne truncate">
<p class="truncate t5ziw t6rrs dark:text-neutral-500">Thanks for the quick response, Alex. Thursday at 2 PM works for me. I'll send a calendar invite to the team.</p>
</div>
</div>
<div class="s1drr">
<span class="hs-accordion-force-active hs-accordion-active:hidden cm336 inline-block t6rrs dark:text-neutral-500">Oct 3</span>
<span class="hs-accordion-force-active sm:hs-accordion-active:inline-block hidden cm336 t6rrs dark:text-neutral-500">October 3, 2024 11:45 AM</span>
</div>
</div>
</div>
<div class="absolute wgue8 hob2q vcy9f -translate-y-1/2">
<!-- More Dropdown -->
<div class="hs-dropdown ctowg [--placement:top-right] relative inline-flex">
<button id="hs-pro-in1tctmdid3" type="button" class="flex r00n9 items-center vmt4s aukwz t5ziw xq1jm ksr3h ps5iq 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 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>
</button>
<!-- More Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 dzjpl transition-[opacity,margin] duration opacity-0 hidden ocib4 oo8ro lile3 rkof5 dark:bg-neutral-950" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-in1tctmdid3">
<div class="p0lub overflow-y-auto n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<div class="ju7it space-y-0.5 ic6aj d77gl dark:border-neutral-800">
<button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd 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 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="9 17 4 12 9 7"/><path d="M20 18v-2a4 4 0 0 0-4-4H4"/></svg>
Reply
</button>
<button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd 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 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="7 17 2 12 7 7"/><polyline points="12 17 7 12 12 7"/><path d="M22 18v-2a4 4 0 0 0-4-4H7"/></svg>
Reply all
</button>
<button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd 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" data-hs-overlay="#hs-pro-chhsn">
<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"><polyline points="15 17 20 12 15 7"/><path d="M4 18v-2a4 4 0 0 1 4-4h12"/></svg>
Forward
</button>
<button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd 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" data-hs-overlay="#hs-pro-chhsn">
<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="M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z"/><path d="m21.854 2.147-10.94 10.939"/></svg>
Resend
</button>
</div>
<div class="ju7it space-y-0.5 ic6aj d77gl dark:border-neutral-800">
<button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd 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 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>
Mark as unread
</button>
<button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd 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 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.2 8.4c.5.38.8.97.8 1.6v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V10a2 2 0 0 1 .8-1.6l8-6a2 2 0 0 1 2.4 0l8 6Z"/><path d="m22 10-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 10"/></svg>
Mark as read
</button>
<button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd 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 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="5" x="2" y="3" rx="1"/><path d="M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8"/><path d="M10 12h4"/></svg>
Archive
</button>
<button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd 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 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>
<button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd 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" data-hs-overlay="#hs-pro-chhsn">
<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 16h.01"/><path d="M12 8v4"/><path d="M15.312 2a2 2 0 0 1 1.414.586l4.688 4.688A2 2 0 0 1 22 8.688v6.624a2 2 0 0 1-.586 1.414l-4.688 4.688a2 2 0 0 1-1.414.586H8.688a2 2 0 0 1-1.414-.586l-4.688-4.688A2 2 0 0 1 2 15.312V8.688a2 2 0 0 1 .586-1.414l4.688-4.688A2 2 0 0 1 8.688 2z"/></svg>
Report spam
</button>
</div>
<div class="ju7it space-y-0.5 ic6aj d77gl dark:border-neutral-800">
<button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd 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" data-hs-overlay="#hs-pro-chhtgm">
<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 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2"/><path d="M6 9V3a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v6"/><rect x="6" y="14" width="12" height="8" rx="1"/></svg>
Print <span class="ct50n kzzmm inline-flex items-center vrcxw cm336 vo20k c32br lxm86 oq0dt dark:bg-blue-500/10 dark:text-blue-500">New</span>
</button>
</div>
<div class="ju7it space-y-0.5 ic6aj d77gl dark:border-neutral-800">
<button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd 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" data-hs-overlay="#hs-pro-chhsh">
<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="M20 7h-3a2 2 0 0 1-2-2V2"/><path d="M9 18a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h7l4 4v10a2 2 0 0 1-2 2Z"/><path d="M3 7.6v12.8A1.6 1.6 0 0 0 4.6 22h9.8"/></svg>
Link to conversation
</button>
<button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd 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" data-hs-overlay="#hs-pro-chhsh">
<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="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>
Copy conversation ID
</button>
<button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd 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" data-hs-overlay="#hs-pro-chhsh">
<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="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 conversation link
</button>
</div>
</div>
</div>
<!-- End More Dropdown -->
</div>
<!-- End More Dropdown -->
</div>
</div>
<!-- End Header -->
<!-- Content -->
<div id="hs-pro-in1tcid3-heading" class="hs-accordion-content i65bn overflow-hidden" role="region" aria-labelledby="hs-pro-in1tcid3">
<div class="pi5e6 pyimf d77gl dark:border-neutral-700">
<div class="t5ziw bp13m dark:text-neutral-200">Thanks for the quick response, Alex. Thursday at 2 PM works for me. I'll send a calendar invite to the team.<br><br>Best,<br>Sarah Chen</div>
</div>
</div>
<!-- End Content -->
</div>
</div>
<!-- End Thread Card -->
<!-- Thread Reply Card -->
<div class="c90zz oo8ro gelot idgjj dark:bg-neutral-900">
<!-- Header -->
<div class="i7oig dkhxo ic6aj d77gl dark:border-neutral-700">
<div class="sm:flex vmt4s">
<div class="e3fpz">
<!-- From Content -->
<div class="flex nyo8p lialp">
<span class="ud6vg t5ziw t6rrs dark:text-neutral-400">
From:
</span>
<!-- Tag -->
<div class="manq4 kjr4d c90zz flex flex-nowrap items-center vrcxw">
<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 class="lt27r t5ziw bp13m dark:text-neutral-200">
James Collins
</div>
</div>
<!-- End Tag -->
</div>
<!-- End From Content -->
<!-- To Content -->
<div class="flex nyo8p lialp">
<span class="ud6vg t5ziw t6rrs dark:text-neutral-400">
To:
</span>
<!-- Select -->
<select multiple data-hs-select='{
"placeholder": "Enter email or name",
"dropdownClasses": "ls9te cylzg i65bn pvqa8 yj8ha ju7it oo8ro wfm4e d77gl ps5iq rkof5 overflow-hidden overflow-y-auto n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900 dark:border-neutral-700",
"dropdownScope": "window",
"dropdownPlacement": "bottom-left",
"optionClasses": "d0kec kzzmm i65bn t5ziw bp13m cursor-pointer ksr3h ps5iq focus:outline-hidden kf4z7 hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800",
"mode": "tags",
"wrapperClasses": "relative jjki1 flex items-center flex-wrap dslo6 i65bn qgy40 t5ziw",
"tagsItemTemplate": "<div class=\"flex flex-nowrap items-center relative nh4wd oo8ro wfm4e d77gl oq0dt manq4 hff8i c90zz dark:bg-neutral-900 dark:border-neutral-700 \"><div class=\"hq6gx awhdl bwv2v \" data-icon></div><div class=\"lt27r bp13m dark:text-neutral-200 \" data-title></div><div class=\"inline-flex hq6gx r00n9 items-center ca09w k5amb oq0dt bp13m eweab focus:outline-hidden evxbs 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>",
"tagsInputId": "hs-pro-in1trtotid1",
"tagsInputClasses": "nbebg kzzmm ps5iq e3fpz rsqv5 psfwb fkkng outline-hidden qb17b p1ez7 dark:bg-neutral-900 dark:placeholder-neutral-500 dark:text-neutral-400",
"optionTemplate": "<div class=\"flex items-center \"><div class=\"hq6gx awhdl aufy5 \" data-icon></div><div class=\"truncate \"><div class=\"t5ziw bp13m dark:text-neutral-200 \" data-title></div><div class=\"truncate 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 selected value="1" data-hs-select-option='{
"description": "schen@company.com",
"icon": "<span class=\"inline-flex hq6gx r00n9 items-center awhdl cm336 e7zws s47lh zr4l6 dark:bg-neutral-600 oq0dt \">S</span>"
}'>Sarah Chen</option>
<option value="2" data-hs-select-option='{
"description": "david1harris@example.com",
"icon": "<img class=\"hq6gx oq0dt \" src=\"https://images.unsplash.com/photo-1568602471122-7832951cc4c5?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80\" alt=\"Avatar\">"
}'>David Harrisom</option>
<option value="3" data-hs-select-option='{
"description": "lewis@company.com",
"icon": "<img class=\"hq6gx oq0dt \" src=\"https://images.unsplash.com/photo-1679412330254-90cb240038c5?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80\" alt=\"Avatar\">"
}'>Lewis Clarke</option>
<option value="4" data-hs-select-option='{
"description": "isabella@site.com",
"icon": "<span class=\"inline-flex hq6gx r00n9 items-center awhdl cm336 e7zws fs9eh zr4l6 oq0dt \">I</span>"
}'>Isabella Lauda</option>
<option value="5" data-hs-select-option='{
"description": "chrstiwilliams@site.so",
"icon": "<span class=\"inline-flex hq6gx r00n9 items-center awhdl cm336 e7zws ot31m zr4l6 oq0dt \">C</span>"
}'>Christina Williams</option>
<option value="6" data-hs-select-option='{
"description": "amanda@preline.so",
"icon": "<img class=\"hq6gx oq0dt \" src=\"https://images.unsplash.com/photo-1541101767792-f9b2b1c4f127?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80\" alt=\"Avatar\">"
}'>Amanda Harvey</option>
</select>
<!-- End Select -->
</div>
<!-- End To Content -->
<!-- Cc Content -->
<div id="hs-pro-in1trcccid1-heading" class="hs-collapse i65bn overflow-hidden open" aria-labelledby="hs-pro-in1trcccid1">
<div class="flex nyo8p lialp">
<span class="ud6vg t5ziw t6rrs dark:text-neutral-400">
Cc:
</span>
<!-- Select -->
<select multiple data-hs-select='{
"placeholder": "Enter email or name",
"dropdownClasses": "ls9te cylzg i65bn pvqa8 yj8ha ju7it oo8ro wfm4e d77gl ps5iq rkof5 overflow-hidden overflow-y-auto n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900 dark:border-neutral-700",
"dropdownScope": "window",
"dropdownPlacement": "bottom-left",
"optionClasses": "d0kec kzzmm i65bn t5ziw bp13m cursor-pointer ksr3h ps5iq focus:outline-hidden kf4z7 hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800",
"mode": "tags",
"wrapperClasses": "relative jjki1 flex items-center flex-wrap dslo6 i65bn qgy40 t5ziw",
"tagsItemTemplate": "<div class=\"flex flex-nowrap items-center relative nh4wd oo8ro wfm4e d77gl oq0dt manq4 hff8i c90zz dark:bg-neutral-900 dark:border-neutral-700 \"><div class=\"hq6gx awhdl bwv2v \" data-icon></div><div class=\"lt27r bp13m dark:text-neutral-200 \" data-title></div><div class=\"inline-flex hq6gx r00n9 items-center ca09w k5amb oq0dt bp13m eweab focus:outline-hidden evxbs 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>",
"tagsInputId": "hs-pro-in1trcctid1",
"tagsInputClasses": "nbebg kzzmm ps5iq e3fpz rsqv5 psfwb fkkng outline-hidden qb17b p1ez7 dark:bg-neutral-900 dark:placeholder-neutral-500 dark:text-neutral-400",
"optionTemplate": "<div class=\"flex items-center \"><div class=\"hq6gx awhdl aufy5 \" data-icon></div><div class=\"truncate \"><div class=\"t5ziw bp13m dark:text-neutral-200 \" data-title></div><div class=\"truncate cm336 t6rrs dark:text-neutral-500 \" data-description></div></div><div class=\"ms-auto \"><span class=\"hidden hs-selected:block \"><svg class=\"hq6gx ibvs1 \" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" viewBox=\"0 0 16 16\"><path d=\"M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z\"/></svg></span></div></div>"
}' class="hidden">
<option value="">Choose</option>
<option value="1" data-hs-select-option='{
"description": "schen@company.com",
"icon": "<span class=\"inline-flex hq6gx r00n9 items-center awhdl cm336 e7zws s47lh zr4l6 dark:bg-neutral-600 oq0dt \">S</span>"
}'>Sarah Chen</option>
<option value="2" data-hs-select-option='{
"description": "david1harris@example.com",
"icon": "<img class=\"hq6gx oq0dt \" src=\"https://images.unsplash.com/photo-1568602471122-7832951cc4c5?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80\" alt=\"Avatar\">"
}'>David Harrisom</option>
<option selected value="3" data-hs-select-option='{
"description": "lewis@company.com",
"icon": "<img class=\"hq6gx oq0dt \" src=\"https://images.unsplash.com/photo-1679412330254-90cb240038c5?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80\" alt=\"Avatar\">"
}'>Lewis Clarke</option>
<option selected value="4" data-hs-select-option='{
"description": "isabella@site.com",
"icon": "<span class=\"inline-flex hq6gx r00n9 items-center awhdl cm336 e7zws fs9eh zr4l6 oq0dt \">I</span>"
}'>Isabella Lauda</option>
<option value="5" data-hs-select-option='{
"description": "chrstiwilliams@site.so",
"icon": "<span class=\"inline-flex hq6gx r00n9 items-center awhdl cm336 e7zws ot31m zr4l6 oq0dt \">C</span>"
}'>Christina Williams</option>
<option value="6" data-hs-select-option='{
"description": "amanda@preline.so",
"icon": "<img class=\"hq6gx oq0dt \" src=\"https://images.unsplash.com/photo-1541101767792-f9b2b1c4f127?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80\" alt=\"Avatar\">"
}'>Amanda Harvey</option>
</select>
<!-- End Select -->
</div>
</div>
<!-- End Cc Content -->
<!-- Bcc Content -->
<div id="hs-pro-in1trbcccid1-heading" class="hs-collapse i65bn overflow-hidden hidden" aria-labelledby="hs-pro-in1trbcccid1">
<div class="flex nyo8p lialp">
<span class="ud6vg t5ziw t6rrs dark:text-neutral-400">
Bcc:
</span>
<!-- Select -->
<select multiple data-hs-select='{
"placeholder": "Enter email or name",
"dropdownClasses": "ls9te cylzg i65bn pvqa8 yj8ha ju7it oo8ro wfm4e d77gl ps5iq rkof5 overflow-hidden overflow-y-auto n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900 dark:border-neutral-700",
"dropdownScope": "window",
"dropdownPlacement": "bottom-left",
"optionClasses": "d0kec kzzmm i65bn t5ziw bp13m cursor-pointer ksr3h ps5iq focus:outline-hidden kf4z7 hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800",
"mode": "tags",
"wrapperClasses": "relative jjki1 flex items-center flex-wrap dslo6 i65bn qgy40 t5ziw",
"tagsItemTemplate": "<div class=\"flex flex-nowrap items-center relative nh4wd oo8ro wfm4e d77gl oq0dt manq4 hff8i c90zz dark:bg-neutral-900 dark:border-neutral-700 \"><div class=\"hq6gx awhdl bwv2v \" data-icon></div><div class=\"lt27r bp13m dark:text-neutral-200 \" data-title></div><div class=\"inline-flex hq6gx r00n9 items-center ca09w k5amb oq0dt bp13m eweab focus:outline-hidden evxbs 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>",
"tagsInputId": "hs-pro-in1trbcctid1",
"tagsInputClasses": "nbebg kzzmm ps5iq e3fpz rsqv5 psfwb fkkng outline-hidden qb17b p1ez7 dark:bg-neutral-900 dark:placeholder-neutral-500 dark:text-neutral-400",
"optionTemplate": "<div class=\"flex items-center \"><div class=\"hq6gx awhdl aufy5 \" data-icon></div><div class=\"truncate \"><div class=\"t5ziw bp13m dark:text-neutral-200 \" data-title></div><div class=\"truncate cm336 t6rrs dark:text-neutral-500 \" data-description></div></div><div class=\"ms-auto \"><span class=\"hidden hs-selected:block \"><svg class=\"hq6gx ibvs1 \" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" viewBox=\"0 0 16 16\"><path d=\"M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z\"/></svg></span></div></div>"
}' class="hidden">
<option value="">Choose</option>
<option value="1" data-hs-select-option='{
"description": "schen@company.com",
"icon": "<span class=\"inline-flex hq6gx r00n9 items-center awhdl cm336 e7zws s47lh zr4l6 dark:bg-neutral-600 oq0dt \">S</span>"
}'>Sarah Chen</option>
<option value="2" data-hs-select-option='{
"description": "david1harris@example.com",
"icon": "<img class=\"hq6gx oq0dt \" src=\"https://images.unsplash.com/photo-1568602471122-7832951cc4c5?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80\" alt=\"Avatar\">"
}'>David Harrisom</option>
<option value="3" data-hs-select-option='{
"description": "lewis@company.com",
"icon": "<img class=\"hq6gx oq0dt \" src=\"https://images.unsplash.com/photo-1679412330254-90cb240038c5?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80\" alt=\"Avatar\">"
}'>Lewis Clarke</option>
<option value="4" data-hs-select-option='{
"description": "isabella@site.com",
"icon": "<span class=\"inline-flex hq6gx r00n9 items-center awhdl cm336 e7zws fs9eh zr4l6 oq0dt \">I</span>"
}'>Isabella Lauda</option>
<option value="5" data-hs-select-option='{
"description": "chrstiwilliams@site.so",
"icon": "<span class=\"inline-flex hq6gx r00n9 items-center awhdl cm336 e7zws ot31m zr4l6 oq0dt \">C</span>"
}'>Christina Williams</option>
<option value="6" data-hs-select-option='{
"description": "amanda@preline.so",
"icon": "<img class=\"hq6gx oq0dt \" src=\"https://images.unsplash.com/photo-1541101767792-f9b2b1c4f127?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80\" alt=\"Avatar\">"
}'>Amanda Harvey</option>
</select>
<!-- End Select -->
</div>
</div>
<!-- End Bcc Content -->
</div>
<div class="nsx3p">
<!-- Button Group -->
<div class="flex c9j8j items-center pgjbi">
<button type="button" class="hs-collapse-toggle ju7it cm336 xq1jm umxjj ksr3h focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 open" id="hs-pro-in1trcccid1" aria-expanded="true" aria-controls="hs-pro-in1trcccid1-heading" data-hs-collapse="#hs-pro-in1trcccid1-heading">
Cc
</button>
<button type="button" class="hs-collapse-toggle ju7it cm336 xq1jm umxjj ksr3h focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 " id="hs-pro-in1trbcccid1" aria-expanded="false" aria-controls="hs-pro-in1trbcccid1-heading" data-hs-collapse="#hs-pro-in1trbcccid1-heading">
Bcc
</button>
<button type="button" class="hs-collapse-toggle ju7it cm336 xq1jm umxjj ksr3h focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 " id="hs-pro-in1trsbcid1" aria-expanded="false" aria-controls="hs-pro-in1trsbcid1-heading" data-hs-collapse="#hs-pro-in1trsbcid1-heading">
Subject
</button>
<div class="hs-tooltip inline-block">
<button type="button" class="hs-tooltip-toggle hs-collapse-toggle flex hq6gx r00n9 items-center awhdl cm336 xq1jm umxjj ksr3h focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-intrprm">
<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 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h6"/><path d="m21 3-9 9"/><path d="M15 3h6v6"/></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 cm336 zr4l6 ps5iq lt27r dark:bg-neutral-700" role="tooltip">
Popout reply
</span>
</div>
</div>
<!-- End Button Group -->
</div>
</div>
</div>
<!-- End Header -->
<!-- Subject Content -->
<div id="hs-pro-in1trsbcid1-heading" class="hs-collapse i65bn overflow-hidden hidden" aria-labelledby="hs-pro-in1trsbcid1">
<div class="o1ncb dkhxo flex items-center vmt4s ic6aj d77gl dark:border-neutral-700">
<span class="t5ziw t6rrs dark:text-neutral-400">
Subject:
</span>
<div class="e3fpz">
<input type="text" id="hs-pro-in1trsbinid1" class="q0y3m block i65bn v345i qb17b rounded-0 psfwb fkkng focus:outline-hidden b2plr rdxom disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 dark:placeholder:text-neutral-400" value="Re:Project Timeline Update">
<label for="hs-pro-in1trsbinid1" class="ecbnn">Subject</label>
</div>
</div>
</div>
<!-- End Subject Content -->
<!-- Tiptap -->
<div id="hs-editor-tiptap-1">
<div data-hs-editor-field></div>
<!-- Toolbar -->
<div class="n33uu pyimf d77gl dark:border-neutral-700">
<div class="flex flex-wrap items-center tuzkq">
<!-- Formatting Options Dropdown -->
<div class="hs-dropdown [--auto-close:inside] [--placement:top-left] relative inline-flex">
<div class="hs-tooltip [--placement:bottom] inline-block">
<button id="hs-pro-in1trfodid1" type="button" class="hs-tooltip-toggle aukwz inline-flex r00n9 items-center lialp t5ziw y2wul oq0dt wfm4e qb17b bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-white 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="M4 20h16"/><path d="m6 16 6-12 6 12"/><path d="M8 12h8"/></svg>
<span class="ecbnn">Formatting options</span>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a rm3rx jlmh5 rfnst ym42y cm336 zr4l6 ps5iq lt27r dark:bg-neutral-700" role="tooltip">
Formatting options
</span>
</div>
<!-- Formatting Options Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 bb709 transition-[opacity,margin] duration opacity-0 hidden ocib4 oo8ro wfm4e d77gl lile3 rkof5 dark:bg-neutral-950 dark:border-neutral-700" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-in1trfodid1">
<!-- List -->
<div class="ju7it">
<!-- Button -->
<div class="hs-tooltip inline-block">
<button type="button" class="hs-tooltip-toggle aukwz inline-flex r00n9 items-center lialp t5ziw y2wul oq0dt wfm4e qb17b bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-white dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-editor-bold>
<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="M14 12a4 4 0 0 0 0-8H6v8"/><path d="M15 20a4 4 0 0 0 0-8H6v8Z"/></svg>
<span class="ecbnn">Bold</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">
Bold
</span>
</div>
<!-- End Button -->
<!-- Button -->
<div class="hs-tooltip inline-block">
<button type="button" class="hs-tooltip-toggle aukwz inline-flex r00n9 items-center lialp t5ziw y2wul oq0dt wfm4e qb17b bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-white dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-editor-italic>
<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"><line x1="19" x2="10" y1="4" y2="4"/><line x1="14" x2="5" y1="20" y2="20"/><line x1="15" x2="9" y1="4" y2="20"/></svg>
<span class="ecbnn">Italic</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">
Italic
</span>
</div>
<!-- End Button -->
<!-- Button -->
<div class="hs-tooltip inline-block">
<button type="button" class="hs-tooltip-toggle aukwz inline-flex r00n9 items-center lialp t5ziw y2wul oq0dt wfm4e qb17b bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-white dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-editor-underline>
<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 4v6a6 6 0 0 0 12 0V4"/><line x1="4" x2="20" y1="20" y2="20"/></svg>
<span class="ecbnn">Underline</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">
Underline
</span>
</div>
<!-- End Button -->
<!-- Button -->
<div class="hs-tooltip inline-block">
<button type="button" class="hs-tooltip-toggle aukwz inline-flex r00n9 items-center lialp t5ziw y2wul oq0dt wfm4e qb17b bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-white dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-editor-strike>
<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="M16 4H9a3 3 0 0 0-2.83 4"/><path d="M14 12a4 4 0 0 1 0 8H6"/><line x1="4" x2="20" y1="12" y2="12"/></svg>
<span class="ecbnn">Strike</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">
Strike
</span>
</div>
<!-- End Button -->
<!-- Button -->
<div class="hs-tooltip inline-block">
<button type="button" class="hs-tooltip-toggle aukwz inline-flex r00n9 items-center lialp t5ziw y2wul oq0dt wfm4e qb17b bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-white dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-editor-ul>
<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"><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>
<span class="ecbnn">Lists</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">
Lists
</span>
</div>
<!-- End Button -->
<!-- Button -->
<div class="hs-tooltip inline-block">
<button type="button" class="hs-tooltip-toggle aukwz inline-flex r00n9 items-center lialp t5ziw y2wul oq0dt wfm4e qb17b bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-white dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-editor-blockquote>
<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="M17 6H3"/><path d="M21 12H8"/><path d="M21 18H8"/><path d="M3 12v6"/></svg>
<span class="ecbnn">Blockquote</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">
Blockquote
</span>
</div>
<!-- End Button -->
<!-- Button -->
<div class="hs-tooltip inline-block">
<button type="button" class="hs-tooltip-toggle aukwz inline-flex r00n9 items-center lialp t5ziw y2wul oq0dt wfm4e qb17b bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-white dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-editor-code>
<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 16 4-4-4-4"/><path d="m6 8-4 4 4 4"/><path d="m14.5 4-5 16"/></svg>
<span class="ecbnn">Code</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">
Code
</span>
</div>
<!-- End Button -->
</div>
<!-- List -->
</div>
<!-- End Formatting Options Dropdown -->
</div>
<!-- End Formatting Options Dropdown -->
<!-- Button -->
<div class="hs-tooltip [--placement:bottom] inline-block">
<button type="button" class="hs-tooltip-toggle aukwz inline-flex r00n9 items-center lialp t5ziw y2wul oq0dt wfm4e qb17b bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-white 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="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>
</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">
Attach file
</span>
</div>
<!-- End Button -->
<!-- Button -->
<div class="hs-tooltip [--placement:bottom] inline-block">
<button type="button" class="hs-tooltip-toggle aukwz inline-flex r00n9 items-center lialp t5ziw y2wul oq0dt wfm4e qb17b bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-white dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-editor-link>
<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="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"/><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"/></svg>
</button>
<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">
Link
</span>
</div>
<!-- End Button -->
<!-- Button -->
<div class="hs-tooltip [--placement:bottom] inline-block">
<button type="button" class="hs-tooltip-toggle aukwz inline-flex r00n9 items-center lialp t5ziw y2wul oq0dt wfm4e qb17b bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-white 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="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>
</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">
Add emoji
</span>
</div>
<!-- End Button -->
<!-- Button -->
<div class="hs-tooltip [--placement:bottom] inline-block">
<button type="button" class="hs-tooltip-toggle aukwz inline-flex r00n9 items-center lialp t5ziw y2wul oq0dt wfm4e qb17b bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-white 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 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>
</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">
Send voice message
</span>
</div>
<!-- End Button -->
<!-- Button -->
<div class="hs-tooltip [--placement:bottom] inline-block">
<button type="button" class="hs-tooltip-toggle aukwz inline-flex r00n9 items-center lialp t5ziw y2wul oq0dt wfm4e qb17b bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-white 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>
</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
</span>
</div>
<!-- End Button -->
<div class="ms-auto">
<!-- Button Group -->
<div class="inline-flex items-center">
<!-- Button -->
<button type="button" class="jlmh5 rfnst inline-flex r00n9 items-center vrcxw vo20k t5ziw flvh4 wfm4e qb17b jqqot zr4l6 lmqf9 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden adzhs pbwui">
Send
</button>
<!-- End Button -->
<!-- More Send Options Dropdown -->
<div class="hs-dropdown [--auto-close:inside] [--placement:top-right] relative inline-flex">
<div class="hs-tooltip [--placement:bottom-right] inline-block">
<button id="hs-pro-in1trsbgwmdid1" type="button" class="hs-tooltip-toggle qoz2e inline-flex r00n9 items-center vrcxw vo20k t5ziw keb3k fr41k rybqd jqqot zr4l6 lmqf9 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden adzhs pbwui">
<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 15-6-6-6 6"/></svg>
<span class="ecbnn">More send options</span>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a rm3rx jlmh5 rfnst ym42y cm336 zr4l6 ps5iq lt27r dark:bg-neutral-700" role="tooltip">
More send options
</span>
</div>
<!-- More Send Options Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 ho2sl transition-[opacity,margin] duration opacity-0 hidden ocib4 oo8ro lile3 rkof5 dark:bg-neutral-950" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-in1trsbgwmdid1">
<!-- List -->
<div class="ju7it">
<button type="button" class="i65bn flex items-center vmt4s i7oig 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 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="M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z"/><path d="m21.854 2.147-10.94 10.939"/></svg>
Send
</button>
<button type="button" class="i65bn flex items-center vmt4s i7oig 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 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="5" x="2" y="3" rx="1"/><path d="M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8"/><path d="M10 12h4"/></svg>
Send & archive
</button>
<button type="button" class="i65bn flex items-center vmt4s i7oig 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 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 7.5V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h3.5"/><path d="M16 2v4"/><path d="M8 2v4"/><path d="M3 10h5"/><path d="M17.5 17.5 16 16.3V14"/><circle cx="16" cy="16" r="6"/></svg>
Schedule send
</button>
</div>
<!-- List -->
</div>
<!-- End More Send Options Dropdown -->
</div>
<!-- End More Send Options Dropdown -->
</div>
<!-- End Button Group -->
</div>
</div>
</div>
<!-- End Toolbar -->
</div>
<!-- End Tiptap -->
</div>
<!-- End Thread Reply Card -->
</div>
</div>
<!-- Comment Input -->
<div class="pi5e6">
<!-- Textarea -->
<div class="relative">
<textarea class="cspev mctd2 n93vx p1bsm block i65bn rjuva d77gl k34r6 fkkng amkne ps5iq lqn87 ai5kb focus:outline-hidden j9afk tgjie p9jxl disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-700 dark:text-neutral-400 dark:border-neutral-700 dark:hover:bg-neutral-800 dark:hover:border-neutral-600 dark:focus:border-neutral-600 dark:focus:ring-neutral-600 dark:focus:bg-neutral-800 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="Add a comment..." rows="1" data-hs-textarea-auto-height='{"defaultHeight": 46}'></textarea>
<!-- Button Group -->
<div class="absolute wgue8 hob2q nh4wd -translate-y-1/2 flex items-center pgjbi">
<!-- Button -->
<div class="hs-tooltip inline-block">
<button type="button" class="hs-tooltip-toggle 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>
<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">
Attach file
</span>
</div>
<!-- End Button -->
<!-- Button -->
<div class="hs-tooltip inline-block">
<button type="button" class="hs-tooltip-toggle 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>
<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">
Add emoji
</span>
</div>
<!-- End Button -->
<!-- Button -->
<div class="hs-tooltip inline-block">
<button type="button" class="hs-tooltip-toggle 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>
<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">
Send voice message
</span>
</div>
<!-- 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>
<!-- End Textarea -->
</div>
<!-- End Comment Input -->
</div>
</div>
<!-- End Tab Content -->
<!-- Tab Content -->
<div id="hs-pro-tabs-intl-2" class="hidden" role="tabpanel" aria-labelledby="hs-pro-tabs-intl-item-2">
<div class="relative u35nr flex flex-col">
<!-- Header -->
<header class="lg:hidden qp3gf ofq05 fszza aq8is n33uu lauwb flex uip67 lialp oo8ro ic6aj d77gl dark:bg-neutral-900 dark:border-neutral-800">
<div class="e3fpz">
<div class="flex items-center pgjbi">
<div class="lg:hidden relative kjr4d n3nvk before:block before:absolute before:top-1/2 before:end-0 before:w-px before:h-4 before:bg-gray-200 before:-translate-y-1/2 dark:before:bg-neutral-700">
<!-- Inbox Sidebar Toggle -->
<button type="button" class="jlmh5 ubptj flex r00n9 items-center e9qjd xq1jm kmso6 ps5iq disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r8fkx dark:text-neutral-400 lg:dark:hover:bg-neutral-800 lg:dark:focus:bg-neutral-800" aria-haspopup="dialog" aria-expanded="false" aria-controls="hs-pro-inbox-thread-list-sidebar" aria-label="Toggle navigation" data-hs-overlay="#hs-pro-inbox-thread-list-sidebar">
Inbox
<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="m9 18 6-6-6-6"/></svg>
</button>
<!-- End Inbox Sidebar Toggle -->
</div>
</div>
</div>
</header>
<!-- End Header -->
<!-- Loading Indicator -->
<div class="qpmwn flex flex-col r00n9 items-center lj7mp">
<span class="jlmh5 inline-flex pgjbi">
<span class="ui2kz eymwd oq0dt animate-[typing_1s_ease-in-out_infinite] dark:bg-neutral-200"></span>
<span class="ui2kz eymwd oq0dt animate-[typing_1s_ease-in-out_infinite_0.2s] dark:bg-neutral-200"></span>
<span class="ui2kz eymwd oq0dt animate-[typing_1s_ease-in-out_infinite_0.4s] dark:bg-neutral-200"></span>
</span>
<p class="ymk3i t5ziw t6rrs dark:text-neutral-500">
This is a placeholder loader.<br>This conent is empty.
</p>
</div>
<!-- End Loading Indicator -->
</div>
</div>
<!-- End Tab Content -->
<!-- Tab Content -->
<div id="hs-pro-tabs-intl-3" class="hidden" role="tabpanel" aria-labelledby="hs-pro-tabs-intl-item-3">
<div class="relative u35nr flex flex-col">
<!-- Header -->
<header class="lg:hidden qp3gf ofq05 fszza aq8is n33uu lauwb flex uip67 lialp oo8ro ic6aj d77gl dark:bg-neutral-900 dark:border-neutral-800">
<div class="e3fpz">
<div class="flex items-center pgjbi">
<div class="lg:hidden relative kjr4d n3nvk before:block before:absolute before:top-1/2 before:end-0 before:w-px before:h-4 before:bg-gray-200 before:-translate-y-1/2 dark:before:bg-neutral-700">
<!-- Inbox Sidebar Toggle -->
<button type="button" class="jlmh5 ubptj flex r00n9 items-center e9qjd xq1jm kmso6 ps5iq disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r8fkx dark:text-neutral-400 lg:dark:hover:bg-neutral-800 lg:dark:focus:bg-neutral-800" aria-haspopup="dialog" aria-expanded="false" aria-controls="hs-pro-inbox-thread-list-sidebar" aria-label="Toggle navigation" data-hs-overlay="#hs-pro-inbox-thread-list-sidebar">
Inbox
<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="m9 18 6-6-6-6"/></svg>
</button>
<!-- End Inbox Sidebar Toggle -->
</div>
</div>
</div>
</header>
<!-- End Header -->
<!-- Loading Indicator -->
<div class="qpmwn flex flex-col r00n9 items-center lj7mp">
<span class="jlmh5 inline-flex pgjbi">
<span class="ui2kz eymwd oq0dt animate-[typing_1s_ease-in-out_infinite] dark:bg-neutral-200"></span>
<span class="ui2kz eymwd oq0dt animate-[typing_1s_ease-in-out_infinite_0.2s] dark:bg-neutral-200"></span>
<span class="ui2kz eymwd oq0dt animate-[typing_1s_ease-in-out_infinite_0.4s] dark:bg-neutral-200"></span>
</span>
<p class="ymk3i t5ziw t6rrs dark:text-neutral-500">
This is a placeholder loader.<br>This conent is empty.
</p>
</div>
<!-- End Loading Indicator -->
</div>
</div>
<!-- End Tab Content -->
<!-- Tab Content -->
<div id="hs-pro-tabs-intl-4" class="hidden" role="tabpanel" aria-labelledby="hs-pro-tabs-intl-item-4">
<div class="relative u35nr flex flex-col">
<!-- Header -->
<header class="lg:hidden qp3gf ofq05 fszza aq8is n33uu lauwb flex uip67 lialp oo8ro ic6aj d77gl dark:bg-neutral-900 dark:border-neutral-800">
<div class="e3fpz">
<div class="flex items-center pgjbi">
<div class="lg:hidden relative kjr4d n3nvk before:block before:absolute before:top-1/2 before:end-0 before:w-px before:h-4 before:bg-gray-200 before:-translate-y-1/2 dark:before:bg-neutral-700">
<!-- Inbox Sidebar Toggle -->
<button type="button" class="jlmh5 ubptj flex r00n9 items-center e9qjd xq1jm kmso6 ps5iq disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r8fkx dark:text-neutral-400 lg:dark:hover:bg-neutral-800 lg:dark:focus:bg-neutral-800" aria-haspopup="dialog" aria-expanded="false" aria-controls="hs-pro-inbox-thread-list-sidebar" aria-label="Toggle navigation" data-hs-overlay="#hs-pro-inbox-thread-list-sidebar">
Inbox
<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="m9 18 6-6-6-6"/></svg>
</button>
<!-- End Inbox Sidebar Toggle -->
</div>
</div>
</div>
</header>
<!-- End Header -->
<!-- Loading Indicator -->
<div class="qpmwn flex flex-col r00n9 items-center lj7mp">
<span class="jlmh5 inline-flex pgjbi">
<span class="ui2kz eymwd oq0dt animate-[typing_1s_ease-in-out_infinite] dark:bg-neutral-200"></span>
<span class="ui2kz eymwd oq0dt animate-[typing_1s_ease-in-out_infinite_0.2s] dark:bg-neutral-200"></span>
<span class="ui2kz eymwd oq0dt animate-[typing_1s_ease-in-out_infinite_0.4s] dark:bg-neutral-200"></span>
</span>
<p class="ymk3i t5ziw t6rrs dark:text-neutral-500">
This is a placeholder loader.<br>This conent is empty.
</p>
</div>
<!-- End Loading Indicator -->
</div>
</div>
<!-- End Tab Content -->
<!-- Tab Content -->
<div id="hs-pro-tabs-intl-5" class="hidden" role="tabpanel" aria-labelledby="hs-pro-tabs-intl-item-5">
<div class="relative u35nr flex flex-col">
<!-- Header -->
<header class="lg:hidden qp3gf ofq05 fszza aq8is n33uu lauwb flex uip67 lialp oo8ro ic6aj d77gl dark:bg-neutral-900 dark:border-neutral-800">
<div class="e3fpz">
<div class="flex items-center pgjbi">
<div class="lg:hidden relative kjr4d n3nvk before:block before:absolute before:top-1/2 before:end-0 before:w-px before:h-4 before:bg-gray-200 before:-translate-y-1/2 dark:before:bg-neutral-700">
<!-- Inbox Sidebar Toggle -->
<button type="button" class="jlmh5 ubptj flex r00n9 items-center e9qjd xq1jm kmso6 ps5iq disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r8fkx dark:text-neutral-400 lg:dark:hover:bg-neutral-800 lg:dark:focus:bg-neutral-800" aria-haspopup="dialog" aria-expanded="false" aria-controls="hs-pro-inbox-thread-list-sidebar" aria-label="Toggle navigation" data-hs-overlay="#hs-pro-inbox-thread-list-sidebar">
Inbox
<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="m9 18 6-6-6-6"/></svg>
</button>
<!-- End Inbox Sidebar Toggle -->
</div>
</div>
</div>
</header>
<!-- End Header -->
<!-- Loading Indicator -->
<div class="qpmwn flex flex-col r00n9 items-center lj7mp">
<span class="jlmh5 inline-flex pgjbi">
<span class="ui2kz eymwd oq0dt animate-[typing_1s_ease-in-out_infinite] dark:bg-neutral-200"></span>
<span class="ui2kz eymwd oq0dt animate-[typing_1s_ease-in-out_infinite_0.2s] dark:bg-neutral-200"></span>
<span class="ui2kz eymwd oq0dt animate-[typing_1s_ease-in-out_infinite_0.4s] dark:bg-neutral-200"></span>
</span>
<p class="ymk3i t5ziw t6rrs dark:text-neutral-500">
This is a placeholder loader.<br>This conent is empty.
</p>
</div>
<!-- End Loading Indicator -->
</div>
</div>
<!-- End Tab Content -->
<!-- Tab Content -->
<div id="hs-pro-tabs-intl-6" class="hidden" role="tabpanel" aria-labelledby="hs-pro-tabs-intl-item-6">
<div class="relative u35nr flex flex-col">
<!-- Header -->
<header class="lg:hidden qp3gf ofq05 fszza aq8is n33uu lauwb flex uip67 lialp oo8ro ic6aj d77gl dark:bg-neutral-900 dark:border-neutral-800">
<div class="e3fpz">
<div class="flex items-center pgjbi">
<div class="lg:hidden relative kjr4d n3nvk before:block before:absolute before:top-1/2 before:end-0 before:w-px before:h-4 before:bg-gray-200 before:-translate-y-1/2 dark:before:bg-neutral-700">
<!-- Inbox Sidebar Toggle -->
<button type="button" class="jlmh5 ubptj flex r00n9 items-center e9qjd xq1jm kmso6 ps5iq disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r8fkx dark:text-neutral-400 lg:dark:hover:bg-neutral-800 lg:dark:focus:bg-neutral-800" aria-haspopup="dialog" aria-expanded="false" aria-controls="hs-pro-inbox-thread-list-sidebar" aria-label="Toggle navigation" data-hs-overlay="#hs-pro-inbox-thread-list-sidebar">
Inbox
<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="m9 18 6-6-6-6"/></svg>
</button>
<!-- End Inbox Sidebar Toggle -->
</div>
</div>
</div>
</header>
<!-- End Header -->
<!-- Loading Indicator -->
<div class="qpmwn flex flex-col r00n9 items-center lj7mp">
<span class="jlmh5 inline-flex pgjbi">
<span class="ui2kz eymwd oq0dt animate-[typing_1s_ease-in-out_infinite] dark:bg-neutral-200"></span>
<span class="ui2kz eymwd oq0dt animate-[typing_1s_ease-in-out_infinite_0.2s] dark:bg-neutral-200"></span>
<span class="ui2kz eymwd oq0dt animate-[typing_1s_ease-in-out_infinite_0.4s] dark:bg-neutral-200"></span>
</span>
<p class="ymk3i t5ziw t6rrs dark:text-neutral-500">
This is a placeholder loader.<br>This conent is empty.
</p>
</div>
<!-- End Loading Indicator -->
</div>
</div>
<!-- End Tab Content -->
<!-- Tab Content -->
<div id="hs-pro-tabs-intl-7" class="hidden" role="tabpanel" aria-labelledby="hs-pro-tabs-intl-item-7">
<div class="relative u35nr flex flex-col">
<!-- Header -->
<header class="lg:hidden qp3gf ofq05 fszza aq8is n33uu lauwb flex uip67 lialp oo8ro ic6aj d77gl dark:bg-neutral-900 dark:border-neutral-800">
<div class="e3fpz">
<div class="flex items-center pgjbi">
<div class="lg:hidden relative kjr4d n3nvk before:block before:absolute before:top-1/2 before:end-0 before:w-px before:h-4 before:bg-gray-200 before:-translate-y-1/2 dark:before:bg-neutral-700">
<!-- Inbox Sidebar Toggle -->
<button type="button" class="jlmh5 ubptj flex r00n9 items-center e9qjd xq1jm kmso6 ps5iq disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r8fkx dark:text-neutral-400 lg:dark:hover:bg-neutral-800 lg:dark:focus:bg-neutral-800" aria-haspopup="dialog" aria-expanded="false" aria-controls="hs-pro-inbox-thread-list-sidebar" aria-label="Toggle navigation" data-hs-overlay="#hs-pro-inbox-thread-list-sidebar">
Inbox
<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="m9 18 6-6-6-6"/></svg>
</button>
<!-- End Inbox Sidebar Toggle -->
</div>
</div>
</div>
</header>
<!-- End Header -->
<!-- Loading Indicator -->
<div class="qpmwn flex flex-col r00n9 items-center lj7mp">
<span class="jlmh5 inline-flex pgjbi">
<span class="ui2kz eymwd oq0dt animate-[typing_1s_ease-in-out_infinite] dark:bg-neutral-200"></span>
<span class="ui2kz eymwd oq0dt animate-[typing_1s_ease-in-out_infinite_0.2s] dark:bg-neutral-200"></span>
<span class="ui2kz eymwd oq0dt animate-[typing_1s_ease-in-out_infinite_0.4s] dark:bg-neutral-200"></span>
</span>
<p class="ymk3i t5ziw t6rrs dark:text-neutral-500">
This is a placeholder loader.<br>This conent is empty.
</p>
</div>
<!-- End Loading Indicator -->
</div>
</div>
<!-- End Tab Content -->
</main>
<!-- ========== END MAIN CONTENT ========== -->
</div>
</div>
</body>
<!-- Archive Message Modal -->
<div id="hs-pro-chhcntm" 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-chhcntm-label">
<div class="hs-overlay-open:mt-7 hs-overlay-open:opacity-100 hs-overlay-open:duration-500 s193u opacity-0 f6mgt g0ipl rl3j4 p3qto cux47 sm:mx-auto h-[calc(100%-56px)] min-h-[calc(100%-56px)] flex items-center">
<div class="i65bn fmwcv overflow-hidden 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-chhcntm-label" class="y2wul bp13m dark:text-neutral-200">
Create new txgzx
</h3>
<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-chhcntm" data-hs-overlay-close>
<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="pi5e6 fjf6o 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-chhcntmnm" class="ej64t block t5ziw vo20k bp13m dark:text-neutral-200">
Name
</label>
<input id="hs-pro-chhcntmnm" type="text" class="i7oig apc69 block i65bn d77gl ps5iq psfwb fkkng 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="e.g. App">
</div>
<!-- End Input -->
<!-- Colors List -->
<fieldset class="b8vwe">
<legend class="ej64t t5ziw vo20k bp13m dark:text-neutral-200">
Colors
</legend>
<div class="flex flex-wrap wn6u4">
<div class="group flex hq6gx r00n9 items-center awhdl cursor-pointer oq0dt uo2qv has-disabled:opacity-50 has-disabled:pointer-events-none">
<input type="radio" class="hidden" id="hs-pro-chhcntmclGray" name="hs-pro-chhcntmcl" checked>
<label for="hs-pro-chhcntmclGray">
<svg class="group-has-checked:opacity-100 opacity-0 hq6gx ibvs1 cursor-pointer zr4l6" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
<span class="ecbnn">Gray</span>
</label>
</div>
<div class="group flex hq6gx r00n9 items-center awhdl cursor-pointer oq0dt ggt5g has-disabled:opacity-50 has-disabled:pointer-events-none">
<input type="radio" class="hidden" id="hs-pro-chhcntmclRed" name="hs-pro-chhcntmcl">
<label for="hs-pro-chhcntmclRed">
<svg class="group-has-checked:opacity-100 opacity-0 hq6gx ibvs1 cursor-pointer zr4l6" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
<span class="ecbnn">Red</span>
</label>
</div>
<div class="group flex hq6gx r00n9 items-center awhdl cursor-pointer oq0dt ot31m has-disabled:opacity-50 has-disabled:pointer-events-none">
<input type="radio" class="hidden" id="hs-pro-chhcntmclOrange" name="hs-pro-chhcntmcl">
<label for="hs-pro-chhcntmclOrange">
<svg class="group-has-checked:opacity-100 opacity-0 hq6gx ibvs1 cursor-pointer zr4l6" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
<span class="ecbnn">Orange</span>
</label>
</div>
<div class="group flex hq6gx r00n9 items-center awhdl cursor-pointer oq0dt aiatl has-disabled:opacity-50 has-disabled:pointer-events-none">
<input type="radio" class="hidden" id="hs-pro-chhcntmclYellow" name="hs-pro-chhcntmcl">
<label for="hs-pro-chhcntmclYellow">
<svg class="group-has-checked:opacity-100 opacity-0 hq6gx ibvs1 cursor-pointer zr4l6" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
<span class="ecbnn">Yellow</span>
</label>
</div>
<div class="group flex hq6gx r00n9 items-center awhdl cursor-pointer oq0dt mc62i has-disabled:opacity-50 has-disabled:pointer-events-none">
<input type="radio" class="hidden" id="hs-pro-chhcntmclGreen" name="hs-pro-chhcntmcl">
<label for="hs-pro-chhcntmclGreen">
<svg class="group-has-checked:opacity-100 opacity-0 hq6gx ibvs1 cursor-pointer zr4l6" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
<span class="ecbnn">Green</span>
</label>
</div>
<div class="group flex hq6gx r00n9 items-center awhdl cursor-pointer oq0dt q4mvv has-disabled:opacity-50 has-disabled:pointer-events-none">
<input type="radio" class="hidden" id="hs-pro-chhcntmclBlue" name="hs-pro-chhcntmcl">
<label for="hs-pro-chhcntmclBlue">
<svg class="group-has-checked:opacity-100 opacity-0 hq6gx ibvs1 cursor-pointer zr4l6" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
<span class="ecbnn">Blue</span>
</label>
</div>
<div class="group flex hq6gx r00n9 items-center awhdl cursor-pointer oq0dt v3u7c has-disabled:opacity-50 has-disabled:pointer-events-none">
<input type="radio" class="hidden" id="hs-pro-chhcntmclPink" name="hs-pro-chhcntmcl">
<label for="hs-pro-chhcntmclPink">
<svg class="group-has-checked:opacity-100 opacity-0 hq6gx ibvs1 cursor-pointer zr4l6" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
<span class="ecbnn">Pink</span>
</label>
</div>
<div class="group flex hq6gx r00n9 items-center awhdl cursor-pointer oq0dt fs9eh has-disabled:opacity-50 has-disabled:pointer-events-none">
<input type="radio" class="hidden" id="hs-pro-chhcntmclPurple" name="hs-pro-chhcntmcl">
<label for="hs-pro-chhcntmclPurple">
<svg class="group-has-checked:opacity-100 opacity-0 hq6gx ibvs1 cursor-pointer zr4l6" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
<span class="ecbnn">Purple</span>
</label>
</div>
<div class="group flex hq6gx r00n9 items-center awhdl cursor-pointer oq0dt gaysq has-disabled:opacity-50 has-disabled:pointer-events-none">
<input type="radio" class="hidden" id="hs-pro-chhcntmclCyan" name="hs-pro-chhcntmcl">
<label for="hs-pro-chhcntmclCyan">
<svg class="group-has-checked:opacity-100 opacity-0 hq6gx ibvs1 cursor-pointer zr4l6" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
<span class="ecbnn">Cyan</span>
</label>
</div>
<div class="group flex hq6gx r00n9 items-center awhdl cursor-pointer oq0dt nkesj has-disabled:opacity-50 has-disabled:pointer-events-none">
<input type="radio" class="hidden" id="hs-pro-chhcntmclIndigo" name="hs-pro-chhcntmcl">
<label for="hs-pro-chhcntmclIndigo">
<svg class="group-has-checked:opacity-100 opacity-0 hq6gx ibvs1 cursor-pointer zr4l6" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
<span class="ecbnn">Indigo</span>
</label>
</div>
</div>
</fieldset>
<!-- End Colors List -->
<!-- Switch/Toggle -->
<div class="b8vwe inline-flex uip67 items-center vmt4s">
<label for="hs-pro-chhcntmpr" class="relative inline-block fklyq yoxjp cursor-pointer">
<input type="checkbox" id="hs-pro-chhcntmpr" 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 ca09w oo8ro oq0dt t4usm pjxlf vtbde jhf88 peer-checked:translate-x-full dark:bg-neutral-400 dark:peer-checked:bg-white"></span>
</label>
<label for="hs-pro-chhcntmpr" class="flex-1 cursor-pointer t5ziw bp13m dark:text-neutral-300">Make it private</label>
</div>
<!-- End Switch/Toggle -->
</div>
<!-- End Body -->
<!-- Footer -->
<div class="pi5e6 flex uip67 lialp">
<div class="flex-1 flex c9j8j items-center h1dxu">
<button type="button" class="i7oig apc69 dslo6 inline-flex r00n9 items-center qgy40 lt27r oo8ro wfm4e d77gl bp13m cm336 vo20k ps5iq hx4gm acu59 tdhmi disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-chhcntm">
Cancel
</button>
<button type="button" class="i7oig apc69 dslo6 inline-flex r00n9 items-center lialp qgy40 lt27r jqqot wfm4e f31lg zr4l6 cm336 vo20k ps5iq hx4gm acu59 lmqf9 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden cycnq t3nwl dark:focus:ring-blue-500" data-hs-overlay="#hs-pro-chhcntm">
Create
</button>
</div>
</div>
<!-- End Footer -->
</div>
</div>
</div>
<!-- End Archive Message Modal -->
<!-- Archive Message Modal -->
<div id="hs-pro-chhsncs" 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-chhsncs-label">
<div class="hs-overlay-open:mt-7 hs-overlay-open:opacity-100 hs-overlay-open:duration-500 s193u opacity-0 f6mgt g0ipl rl3j4 p3qto cux47 sm:mx-auto h-[calc(100%-56px)] min-h-[calc(100%-56px)] flex items-center">
<div class="i65bn fmwcv overflow-hidden 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">
<button type="button" class="aukwz inline-flex r00n9 items-center lialp oq0dt wfm4e qb17b oo8ro bp13m ksr3h focus:outline-hidden kf4z7 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:text-neutral-400 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-chhsn">
<span class="ecbnn">Back</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="m15 18-6-6 6-6"/></svg>
</button>
<h3 id="hs-pro-chhsncs-label" class="y2wul bp13m dark:text-neutral-200">
Custom date & time
</h3>
<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-chhsncs">
<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>
<span class="ecbnn">Close</span>
</button>
</div>
<!-- End Header -->
<!-- Body -->
<div class="ju7it fjf6o overflow-y-auto n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<div class="flex uip67 pgjbi">
<fieldset class="i65bn dmfqa ce0ho">
<legend class="ecbnn">
Custom date & time
</legend>
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt1" class="i7oig apc69 flex r00n9 items-center oo8ro ps5iq cursor-pointer umxjj eweab ax4j2 has-disabled:opacity-50 has-disabled:pointer-events-none dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:has-checked:bg-neutral-700">
<input type="radio" id="hs-pro-chhsncsramt1" class="hidden" value="01:00 AM" name="hs-pro-chhsncsramt" checked>
<span class="block e9qjd bp13m dark:text-neutral-200">
01:00 AM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt2" class="i7oig apc69 flex r00n9 items-center oo8ro ps5iq cursor-pointer umxjj eweab ax4j2 has-disabled:opacity-50 has-disabled:pointer-events-none dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:has-checked:bg-neutral-700">
<input type="radio" id="hs-pro-chhsncsramt2" class="hidden" value="02:00 AM" name="hs-pro-chhsncsramt" >
<span class="block e9qjd bp13m dark:text-neutral-200">
02:00 AM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt3" class="i7oig apc69 flex r00n9 items-center oo8ro ps5iq cursor-pointer umxjj eweab ax4j2 has-disabled:opacity-50 has-disabled:pointer-events-none dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:has-checked:bg-neutral-700">
<input type="radio" id="hs-pro-chhsncsramt3" class="hidden" value="03:00 AM" name="hs-pro-chhsncsramt" >
<span class="block e9qjd bp13m dark:text-neutral-200">
03:00 AM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt4" class="i7oig apc69 flex r00n9 items-center oo8ro ps5iq cursor-pointer umxjj eweab ax4j2 has-disabled:opacity-50 has-disabled:pointer-events-none dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:has-checked:bg-neutral-700">
<input type="radio" id="hs-pro-chhsncsramt4" class="hidden" value="04:00 AM" name="hs-pro-chhsncsramt" >
<span class="block e9qjd bp13m dark:text-neutral-200">
04:00 AM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt5" class="i7oig apc69 flex r00n9 items-center oo8ro ps5iq cursor-pointer umxjj eweab ax4j2 has-disabled:opacity-50 has-disabled:pointer-events-none dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:has-checked:bg-neutral-700">
<input type="radio" id="hs-pro-chhsncsramt5" class="hidden" value="05:00 AM" name="hs-pro-chhsncsramt" >
<span class="block e9qjd bp13m dark:text-neutral-200">
05:00 AM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt6" class="i7oig apc69 flex r00n9 items-center oo8ro ps5iq cursor-pointer umxjj eweab ax4j2 has-disabled:opacity-50 has-disabled:pointer-events-none dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:has-checked:bg-neutral-700">
<input type="radio" id="hs-pro-chhsncsramt6" class="hidden" value="06:00 AM" name="hs-pro-chhsncsramt" >
<span class="block e9qjd bp13m dark:text-neutral-200">
06:00 AM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt7" class="i7oig apc69 flex r00n9 items-center oo8ro ps5iq cursor-pointer umxjj eweab ax4j2 has-disabled:opacity-50 has-disabled:pointer-events-none dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:has-checked:bg-neutral-700">
<input type="radio" id="hs-pro-chhsncsramt7" class="hidden" value="07:00 AM" name="hs-pro-chhsncsramt" >
<span class="block e9qjd bp13m dark:text-neutral-200">
07:00 AM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt8" class="i7oig apc69 flex r00n9 items-center oo8ro ps5iq cursor-pointer umxjj eweab ax4j2 has-disabled:opacity-50 has-disabled:pointer-events-none dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:has-checked:bg-neutral-700">
<input type="radio" id="hs-pro-chhsncsramt8" class="hidden" value="08:00 AM" name="hs-pro-chhsncsramt" >
<span class="block e9qjd bp13m dark:text-neutral-200">
08:00 AM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt9" class="i7oig apc69 flex r00n9 items-center oo8ro ps5iq cursor-pointer umxjj eweab ax4j2 has-disabled:opacity-50 has-disabled:pointer-events-none dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:has-checked:bg-neutral-700">
<input type="radio" id="hs-pro-chhsncsramt9" class="hidden" value="09:00 AM" name="hs-pro-chhsncsramt" >
<span class="block e9qjd bp13m dark:text-neutral-200">
09:00 AM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt10" class="i7oig apc69 flex r00n9 items-center oo8ro ps5iq cursor-pointer umxjj eweab ax4j2 has-disabled:opacity-50 has-disabled:pointer-events-none dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:has-checked:bg-neutral-700">
<input type="radio" id="hs-pro-chhsncsramt10" class="hidden" value="010:00 AM" name="hs-pro-chhsncsramt" >
<span class="block e9qjd bp13m dark:text-neutral-200">
010:00 AM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt11" class="i7oig apc69 flex r00n9 items-center oo8ro ps5iq cursor-pointer umxjj eweab ax4j2 has-disabled:opacity-50 has-disabled:pointer-events-none dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:has-checked:bg-neutral-700">
<input type="radio" id="hs-pro-chhsncsramt11" class="hidden" value="011:00 AM" name="hs-pro-chhsncsramt" >
<span class="block e9qjd bp13m dark:text-neutral-200">
011:00 AM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt12" class="i7oig apc69 flex r00n9 items-center oo8ro ps5iq cursor-pointer umxjj eweab ax4j2 has-disabled:opacity-50 has-disabled:pointer-events-none dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:has-checked:bg-neutral-700">
<input type="radio" id="hs-pro-chhsncsramt12" class="hidden" value="012:00 AM" name="hs-pro-chhsncsramt" >
<span class="block e9qjd bp13m dark:text-neutral-200">
012:00 AM
</span>
</label>
<!-- End Checkbox -->
</fieldset>
<fieldset class="i65bn dmfqa ce0ho">
<legend class="ecbnn">
Custom date & time
</legend>
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt13" class="i7oig apc69 flex r00n9 items-center oo8ro ps5iq cursor-pointer umxjj eweab ax4j2 has-disabled:opacity-50 has-disabled:pointer-events-none dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:has-checked:bg-neutral-700">
<input type="radio" id="hs-pro-chhsncsramt13" class="hidden" value="01:00 PM" name="hs-pro-chhsncsramt" >
<span class="block e9qjd bp13m dark:text-neutral-200">
01:00 PM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt14" class="i7oig apc69 flex r00n9 items-center oo8ro ps5iq cursor-pointer umxjj eweab ax4j2 has-disabled:opacity-50 has-disabled:pointer-events-none dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:has-checked:bg-neutral-700">
<input type="radio" id="hs-pro-chhsncsramt14" class="hidden" value="02:00 PM" name="hs-pro-chhsncsramt" >
<span class="block e9qjd bp13m dark:text-neutral-200">
02:00 PM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt15" class="i7oig apc69 flex r00n9 items-center oo8ro ps5iq cursor-pointer umxjj eweab ax4j2 has-disabled:opacity-50 has-disabled:pointer-events-none dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:has-checked:bg-neutral-700">
<input type="radio" id="hs-pro-chhsncsramt15" class="hidden" value="03:00 PM" name="hs-pro-chhsncsramt" >
<span class="block e9qjd bp13m dark:text-neutral-200">
03:00 PM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt16" class="i7oig apc69 flex r00n9 items-center oo8ro ps5iq cursor-pointer umxjj eweab ax4j2 has-disabled:opacity-50 has-disabled:pointer-events-none dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:has-checked:bg-neutral-700">
<input type="radio" id="hs-pro-chhsncsramt16" class="hidden" value="04:00 PM" name="hs-pro-chhsncsramt" >
<span class="block e9qjd bp13m dark:text-neutral-200">
04:00 PM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt17" class="i7oig apc69 flex r00n9 items-center oo8ro ps5iq cursor-pointer umxjj eweab ax4j2 has-disabled:opacity-50 has-disabled:pointer-events-none dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:has-checked:bg-neutral-700">
<input type="radio" id="hs-pro-chhsncsramt17" class="hidden" value="05:00 PM" name="hs-pro-chhsncsramt" >
<span class="block e9qjd bp13m dark:text-neutral-200">
05:00 PM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt18" class="i7oig apc69 flex r00n9 items-center oo8ro ps5iq cursor-pointer umxjj eweab ax4j2 has-disabled:opacity-50 has-disabled:pointer-events-none dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:has-checked:bg-neutral-700">
<input type="radio" id="hs-pro-chhsncsramt18" class="hidden" value="06:00 PM" name="hs-pro-chhsncsramt" >
<span class="block e9qjd bp13m dark:text-neutral-200">
06:00 PM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt19" class="i7oig apc69 flex r00n9 items-center oo8ro ps5iq cursor-pointer umxjj eweab ax4j2 has-disabled:opacity-50 has-disabled:pointer-events-none dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:has-checked:bg-neutral-700">
<input type="radio" id="hs-pro-chhsncsramt19" class="hidden" value="07:00 PM" name="hs-pro-chhsncsramt" >
<span class="block e9qjd bp13m dark:text-neutral-200">
07:00 PM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt20" class="i7oig apc69 flex r00n9 items-center oo8ro ps5iq cursor-pointer umxjj eweab ax4j2 has-disabled:opacity-50 has-disabled:pointer-events-none dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:has-checked:bg-neutral-700">
<input type="radio" id="hs-pro-chhsncsramt20" class="hidden" value="08:00 PM" name="hs-pro-chhsncsramt" >
<span class="block e9qjd bp13m dark:text-neutral-200">
08:00 PM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt21" class="i7oig apc69 flex r00n9 items-center oo8ro ps5iq cursor-pointer umxjj eweab ax4j2 has-disabled:opacity-50 has-disabled:pointer-events-none dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:has-checked:bg-neutral-700">
<input type="radio" id="hs-pro-chhsncsramt21" class="hidden" value="09:00 PM" name="hs-pro-chhsncsramt" >
<span class="block e9qjd bp13m dark:text-neutral-200">
09:00 PM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt22" class="i7oig apc69 flex r00n9 items-center oo8ro ps5iq cursor-pointer umxjj eweab ax4j2 has-disabled:opacity-50 has-disabled:pointer-events-none dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:has-checked:bg-neutral-700">
<input type="radio" id="hs-pro-chhsncsramt22" class="hidden" value="010:00 PM" name="hs-pro-chhsncsramt" >
<span class="block e9qjd bp13m dark:text-neutral-200">
010:00 PM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt23" class="i7oig apc69 flex r00n9 items-center oo8ro ps5iq cursor-pointer umxjj eweab ax4j2 has-disabled:opacity-50 has-disabled:pointer-events-none dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:has-checked:bg-neutral-700">
<input type="radio" id="hs-pro-chhsncsramt23" class="hidden" value="011:00 PM" name="hs-pro-chhsncsramt" >
<span class="block e9qjd bp13m dark:text-neutral-200">
011:00 PM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt24" class="i7oig apc69 flex r00n9 items-center oo8ro ps5iq cursor-pointer umxjj eweab ax4j2 has-disabled:opacity-50 has-disabled:pointer-events-none dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:has-checked:bg-neutral-700">
<input type="radio" id="hs-pro-chhsncsramt24" class="hidden" value="012:00 PM" name="hs-pro-chhsncsramt" >
<span class="block e9qjd bp13m dark:text-neutral-200">
012:00 PM
</span>
</label>
<!-- End Checkbox -->
</fieldset>
</div>
</div>
<!-- End Body -->
<!-- Footer -->
<div class="nfrzv">
<div class="mctd2 dkhxo ej64t flex uip67 items-center lialp k2clc d77gl dark:border-neutral-700">
<div class="i65bn">
<span class="zocwd s8bn9 block cm336 xq1jm dark:text-neutral-400">
Date
</span>
<!-- Calendar Dropdown -->
<div class="hs-dropdown [--auto-close:inside] inline-flex i65bn">
<button id="hs-pro-dnic" type="button" class="d0kec sofkk kzzmm i65bn inline-flex items-center y4biu ps5iq wfm4e qb17b agawe bp13m eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:bg-neutral-700 dark:border-transparent dark:text-neutral-300 dark:hover:bg-neutral-600 dark:focus:bg-neutral-600" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<svg class="hq6gx epucs 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="18" height="18" x="3" y="4" rx="2" ry="2"/><line x1="16" x2="16" y1="2" y2="6"/><line x1="8" x2="8" y1="2" y2="6"/><line x1="3" x2="21" y1="10" y2="10"/><path d="M8 14h.01"/><path d="M12 14h.01"/><path d="M16 14h.01"/><path d="M8 18h.01"/><path d="M12 18h.01"/><path d="M16 18h.01"/></svg>
07/05/2024
</button>
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 v4b5n transition-[opacity,margin] duration opacity-0 hidden ucmtr oo8ro lile3 rrmkk dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-dnic">
<!-- Calendar -->
<div class="yyez4 space-y-0.5">
<!-- Months -->
<div class="dmfqa mqtol items-center vmt4s mzxha nfrzv">
<!-- Prev Button -->
<div class="i63zv">
<button type="button" class="aukwz flex r00n9 items-center bp13m ksr3h oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-label="Previous">
<svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m15 18-6-6 6-6"/></svg>
</button>
</div>
<!-- End Prev Button -->
<!-- Month / Year -->
<div class="nvgw2 flex r00n9 items-center pgjbi">
<div class="relative">
<select data-hs-select='{
"placeholder": "Select month",
"toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>",
"toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative flex dslo6 i65bn cursor-pointer qgy40 vo20k bp13m ck8au focus:outline-hidden oahj8 before:absolute before:inset-0 before:z-1 dark:text-neutral-200 dark:hover:text-blue-500 dark:focus:text-blue-500",
"dropdownClasses": "ls9te ucmtr qzvcy yj8ha ju7it space-y-0.5 oo8ro wfm4e d77gl ps5iq rkof5 overflow-hidden overflow-y-auto n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900 dark:border-neutral-700",
"optionClasses": "n33uu i65bn t5ziw bp13m cursor-pointer ksr3h ps5iq focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex uip67 items-center i65bn \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"hq6gx stqz8 bp13m dark:text-neutral-200 \" xmlns=\"http:.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"/></svg></span></div>"
}' class="hidden">
<option value="0">January</option>
<option value="1">February</option>
<option value="2">March</option>
<option value="3">April</option>
<option value="4">May</option>
<option value="5">June</option>
<option value="6" selected>July</option>
<option value="7">August</option>
<option value="8">September</option>
<option value="9">October</option>
<option value="10">November</option>
<option value="11">December</option>
</select>
</div>
<span class="bp13m dark:text-neutral-200">/</span>
<div class="relative">
<select data-hs-select='{
"placeholder": "Select year",
"toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>",
"toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative flex dslo6 i65bn cursor-pointer qgy40 vo20k bp13m ck8au focus:outline-hidden oahj8 before:absolute before:inset-0 before:z-1 dark:text-neutral-200 dark:hover:text-blue-500 dark:focus:text-blue-500",
"dropdownClasses": "ls9te ucmtr vl7eg yj8ha ju7it space-y-0.5 oo8ro wfm4e d77gl ps5iq rkof5 overflow-hidden overflow-y-auto n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900 dark:border-neutral-700",
"optionClasses": "n33uu i65bn t5ziw bp13m cursor-pointer ksr3h ps5iq focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex uip67 items-center i65bn \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"hq6gx stqz8 bp13m dark:text-neutral-200 \" xmlns=\"http:.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"/></svg></span></div>"
}' class="hidden">
<option selected>2023</option>
<option>2024</option>
<option>2025</option>
<option>2026</option>
<option>2027</option>
</select>
</div>
</div>
<!-- End Month / Year -->
<!-- Next Button -->
<div class="i63zv flex c9j8j">
<button type="button" class=" aukwz flex r00n9 items-center bp13m ksr3h oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-label="Next">
<svg class="hq6gx ibvs1" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg>
</button>
</div>
<!-- End Next Button -->
</div>
<!-- Months -->
<!-- Weeks -->
<div class="flex yh9al">
<span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500">
Mo
</span>
<span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500">
Tu
</span>
<span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500">
We
</span>
<span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500">
Th
</span>
<span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500">
Fr
</span>
<span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500">
Sa
</span>
<span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500">
Su
</span>
</div>
<!-- Weeks -->
<!-- Days -->
<div class="flex">
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500" disabled>
26
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500" disabled>
27
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500" disabled>
28
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500" disabled>
29
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500" disabled>
30
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
1
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
2
</button>
</div>
</div>
<!-- Days -->
<!-- Days -->
<div class="flex">
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
3
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
4
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
5
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
6
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
7
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
8
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
9
</button>
</div>
</div>
<!-- Days -->
<!-- Days -->
<div class="flex">
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
10
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
11
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
12
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
13
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
14
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
15
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
16
</button>
</div>
</div>
<!-- Days -->
<!-- Days -->
<div class="flex">
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
17
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
18
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
19
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center jqqot vd2fb qb17b t5ziw vo20k zr4l6 bp7p8 oq0dt dark:bg-blue-500 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:hover:border-neutral-700">
20
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
21
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
22
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
23
</button>
</div>
</div>
<!-- Days -->
<!-- Days -->
<div class="flex">
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
24
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
25
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
26
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
27
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
28
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
29
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
30
</button>
</div>
</div>
<!-- Days -->
<!-- Days -->
<div class="flex">
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
31
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
1
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
2
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
3
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
4
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
5
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
6
</button>
</div>
</div>
<!-- Days -->
</div>
</div>
</div>
</div>
<!-- End Calendar Dropdown -->
<!-- Input -->
<div class="i65bn">
<label for="hs-pro-chhsncstm" class="zocwd s8bn9 block cm336 xq1jm dark:text-neutral-400">
Time
</label>
<input type="text" class="jlmh5 kzzmm block i65bn agawe qb17b umxjj y4biu p4gf7 lluhh eweab a0kik disabled:opacity-50 disabled:pointer-events-none evxbs b2plr rdxom dark:text-neutral-400 dark:bg-neutral-700 dark:text-neutral-300 dark:placeholder:text-neutral-500 dark:hover:bg-neutral-600 dark:focus:bg-neutral-600" id="hs-pro-chhsncstm" value="9:00 AM">
</div>
<!-- End Input -->
</div>
<div class="r9ot5 dkhxo">
<div class="flex-1 flex c9j8j items-center h1dxu">
<button type="button" class="i7oig apc69 dslo6 inline-flex r00n9 items-center qgy40 lt27r oo8ro wfm4e d77gl bp13m cm336 vo20k ps5iq hx4gm acu59 tdhmi disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-chhsncs">
Cancel
</button>
<button type="button" class="i7oig apc69 dslo6 inline-flex r00n9 items-center lialp qgy40 lt27r jqqot wfm4e f31lg zr4l6 cm336 vo20k ps5iq hx4gm acu59 lmqf9 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden cycnq t3nwl dark:focus:ring-blue-500" data-hs-overlay="#hs-pro-chhsncs">
Snooze
</button>
</div>
</div>
</div>
<!-- End Footer -->
</div>
</div>
</div>
<!-- End Archive Message Modal -->
<!-- Archive Message Modal -->
<div id="hs-pro-intrprm" 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-intrprm-label">
<div class="hs-overlay-open:mt-7 hs-overlay-open:opacity-100 hs-overlay-open:duration-500 s193u opacity-0 f6mgt g0ipl o5b43 k1vyo cux47 md:mx-auto h-[calc(100%-56px)] min-h-[calc(100%-56px)] flex items-center">
<div class="i65bn fmwcv overflow-hidden 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-intrprm-label" class="vo20k bp13m dark:text-neutral-200">
Re:Project Timeline Update
</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-intrprm">
<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="ju7it overflow-y-auto n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<!-- Header -->
<div class="i7oig dkhxo ic6aj d77gl dark:border-neutral-700">
<div class="sm:flex vmt4s">
<div class="e3fpz">
<!-- From Content -->
<div class="flex nyo8p lialp">
<span class="ud6vg t5ziw t6rrs dark:text-neutral-400">
From:
</span>
<!-- Tag -->
<div class="manq4 kjr4d c90zz flex flex-nowrap items-center vrcxw">
<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 class="lt27r t5ziw bp13m dark:text-neutral-200">
James Collins
</div>
</div>
<!-- End Tag -->
</div>
<!-- End From Content -->
<!-- To Content -->
<div class="flex nyo8p lialp">
<span class="ud6vg t5ziw t6rrs dark:text-neutral-400">
To:
</span>
<!-- Select -->
<select multiple data-hs-select='{
"placeholder": "Enter email or name",
"dropdownClasses": "ls9te cylzg i65bn pvqa8 yj8ha ju7it oo8ro wfm4e d77gl ps5iq rkof5 overflow-hidden overflow-y-auto n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900 dark:border-neutral-700",
"dropdownScope": "window",
"dropdownPlacement": "bottom-left",
"optionClasses": "d0kec kzzmm i65bn t5ziw bp13m cursor-pointer ksr3h ps5iq focus:outline-hidden kf4z7 hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800",
"mode": "tags",
"wrapperClasses": "relative jjki1 flex items-center flex-wrap dslo6 i65bn qgy40 t5ziw",
"tagsItemTemplate": "<div class=\"flex flex-nowrap items-center relative nh4wd oo8ro wfm4e d77gl oq0dt manq4 hff8i c90zz dark:bg-neutral-900 dark:border-neutral-700 \"><div class=\"hq6gx awhdl bwv2v \" data-icon></div><div class=\"lt27r bp13m dark:text-neutral-200 \" data-title></div><div class=\"inline-flex hq6gx r00n9 items-center ca09w k5amb oq0dt bp13m eweab focus:outline-hidden evxbs 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>",
"tagsInputId": "hs-pro-in1trtotmdid1",
"tagsInputClasses": "nbebg kzzmm ps5iq e3fpz rsqv5 psfwb fkkng outline-hidden qb17b p1ez7 dark:bg-neutral-900 dark:placeholder-neutral-500 dark:text-neutral-400",
"optionTemplate": "<div class=\"flex items-center \"><div class=\"hq6gx awhdl aufy5 \" data-icon></div><div class=\"truncate \"><div class=\"t5ziw bp13m dark:text-neutral-200 \" data-title></div><div class=\"truncate 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 selected value="1" data-hs-select-option='{
"description": "schen@company.com",
"icon": "<span class=\"inline-flex hq6gx r00n9 items-center awhdl cm336 e7zws s47lh zr4l6 dark:bg-neutral-600 oq0dt \">S</span>"
}'>Sarah Chen</option>
<option value="2" data-hs-select-option='{
"description": "david1harris@example.com",
"icon": "<img class=\"hq6gx oq0dt \" src=\"https://images.unsplash.com/photo-1568602471122-7832951cc4c5?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80\" alt=\"Avatar\">"
}'>David Harrisom</option>
<option value="3" data-hs-select-option='{
"description": "lewis@company.com",
"icon": "<img class=\"hq6gx oq0dt \" src=\"https://images.unsplash.com/photo-1679412330254-90cb240038c5?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80\" alt=\"Avatar\">"
}'>Lewis Clarke</option>
<option value="4" data-hs-select-option='{
"description": "isabella@site.com",
"icon": "<span class=\"inline-flex hq6gx r00n9 items-center awhdl cm336 e7zws fs9eh zr4l6 oq0dt \">I</span>"
}'>Isabella Lauda</option>
<option value="5" data-hs-select-option='{
"description": "chrstiwilliams@site.so",
"icon": "<span class=\"inline-flex hq6gx r00n9 items-center awhdl cm336 e7zws ot31m zr4l6 oq0dt \">C</span>"
}'>Christina Williams</option>
<option value="6" data-hs-select-option='{
"description": "amanda@preline.so",
"icon": "<img class=\"hq6gx oq0dt \" src=\"https://images.unsplash.com/photo-1541101767792-f9b2b1c4f127?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80\" alt=\"Avatar\">"
}'>Amanda Harvey</option>
</select>
<!-- End Select -->
</div>
<!-- End To Content -->
<!-- Cc Content -->
<div id="hs-pro-in1trcccmdid1-heading" class="hs-collapse i65bn overflow-hidden open" aria-labelledby="hs-pro-in1trcccmdid1">
<div class="flex nyo8p lialp">
<span class="ud6vg t5ziw t6rrs dark:text-neutral-400">
Cc:
</span>
<!-- Select -->
<select multiple data-hs-select='{
"placeholder": "Enter email or name",
"dropdownClasses": "ls9te cylzg i65bn pvqa8 yj8ha ju7it oo8ro wfm4e d77gl ps5iq rkof5 overflow-hidden overflow-y-auto n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900 dark:border-neutral-700",
"dropdownScope": "window",
"dropdownPlacement": "bottom-left",
"optionClasses": "d0kec kzzmm i65bn t5ziw bp13m cursor-pointer ksr3h ps5iq focus:outline-hidden kf4z7 hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800",
"mode": "tags",
"wrapperClasses": "relative jjki1 flex items-center flex-wrap dslo6 i65bn qgy40 t5ziw",
"tagsItemTemplate": "<div class=\"flex flex-nowrap items-center relative nh4wd oo8ro wfm4e d77gl oq0dt manq4 hff8i c90zz dark:bg-neutral-900 dark:border-neutral-700 \"><div class=\"hq6gx awhdl bwv2v \" data-icon></div><div class=\"lt27r bp13m dark:text-neutral-200 \" data-title></div><div class=\"inline-flex hq6gx r00n9 items-center ca09w k5amb oq0dt bp13m eweab focus:outline-hidden evxbs 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>",
"tagsInputId": "hs-pro-in1trcctmdid1",
"tagsInputClasses": "nbebg kzzmm ps5iq e3fpz rsqv5 psfwb fkkng outline-hidden qb17b p1ez7 dark:bg-neutral-900 dark:placeholder-neutral-500 dark:text-neutral-400",
"optionTemplate": "<div class=\"flex items-center \"><div class=\"hq6gx awhdl aufy5 \" data-icon></div><div class=\"truncate \"><div class=\"t5ziw bp13m dark:text-neutral-200 \" data-title></div><div class=\"truncate cm336 t6rrs dark:text-neutral-500 \" data-description></div></div><div class=\"ms-auto \"><span class=\"hidden hs-selected:block \"><svg class=\"hq6gx ibvs1 \" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" viewBox=\"0 0 16 16\"><path d=\"M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z\"/></svg></span></div></div>"
}' class="hidden">
<option value="">Choose</option>
<option value="1" data-hs-select-option='{
"description": "schen@company.com",
"icon": "<span class=\"inline-flex hq6gx r00n9 items-center awhdl cm336 e7zws s47lh zr4l6 dark:bg-neutral-600 oq0dt \">S</span>"
}'>Sarah Chen</option>
<option value="2" data-hs-select-option='{
"description": "david1harris@example.com",
"icon": "<img class=\"hq6gx oq0dt \" src=\"https://images.unsplash.com/photo-1568602471122-7832951cc4c5?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80\" alt=\"Avatar\">"
}'>David Harrisom</option>
<option selected value="3" data-hs-select-option='{
"description": "lewis@company.com",
"icon": "<img class=\"hq6gx oq0dt \" src=\"https://images.unsplash.com/photo-1679412330254-90cb240038c5?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80\" alt=\"Avatar\">"
}'>Lewis Clarke</option>
<option selected value="4" data-hs-select-option='{
"description": "isabella@site.com",
"icon": "<span class=\"inline-flex hq6gx r00n9 items-center awhdl cm336 e7zws fs9eh zr4l6 oq0dt \">I</span>"
}'>Isabella Lauda</option>
<option value="5" data-hs-select-option='{
"description": "chrstiwilliams@site.so",
"icon": "<span class=\"inline-flex hq6gx r00n9 items-center awhdl cm336 e7zws ot31m zr4l6 oq0dt \">C</span>"
}'>Christina Williams</option>
<option value="6" data-hs-select-option='{
"description": "amanda@preline.so",
"icon": "<img class=\"hq6gx oq0dt \" src=\"https://images.unsplash.com/photo-1541101767792-f9b2b1c4f127?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80\" alt=\"Avatar\">"
}'>Amanda Harvey</option>
</select>
<!-- End Select -->
</div>
</div>
<!-- End Cc Content -->
<!-- Bcc Content -->
<div id="hs-pro-in1trbcccmdid1-heading" class="hs-collapse i65bn overflow-hidden hidden" aria-labelledby="hs-pro-in1trbcccmdid1">
<div class="flex nyo8p lialp">
<span class="ud6vg t5ziw t6rrs dark:text-neutral-400">
Bcc:
</span>
<!-- Select -->
<select multiple data-hs-select='{
"placeholder": "Enter email or name",
"dropdownClasses": "ls9te cylzg i65bn pvqa8 yj8ha ju7it oo8ro wfm4e d77gl ps5iq rkof5 overflow-hidden overflow-y-auto n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900 dark:border-neutral-700",
"dropdownScope": "window",
"dropdownPlacement": "bottom-left",
"optionClasses": "d0kec kzzmm i65bn t5ziw bp13m cursor-pointer ksr3h ps5iq focus:outline-hidden kf4z7 hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800",
"mode": "tags",
"wrapperClasses": "relative jjki1 flex items-center flex-wrap dslo6 i65bn qgy40 t5ziw",
"tagsItemTemplate": "<div class=\"flex flex-nowrap items-center relative nh4wd oo8ro wfm4e d77gl oq0dt manq4 hff8i c90zz dark:bg-neutral-900 dark:border-neutral-700 \"><div class=\"hq6gx awhdl bwv2v \" data-icon></div><div class=\"lt27r bp13m dark:text-neutral-200 \" data-title></div><div class=\"inline-flex hq6gx r00n9 items-center ca09w k5amb oq0dt bp13m eweab focus:outline-hidden evxbs 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>",
"tagsInputId": "hs-pro-in1trbcctmdid1",
"tagsInputClasses": "nbebg kzzmm ps5iq e3fpz rsqv5 psfwb fkkng outline-hidden qb17b p1ez7 dark:bg-neutral-900 dark:placeholder-neutral-500 dark:text-neutral-400",
"optionTemplate": "<div class=\"flex items-center \"><div class=\"hq6gx awhdl aufy5 \" data-icon></div><div class=\"truncate \"><div class=\"t5ziw bp13m dark:text-neutral-200 \" data-title></div><div class=\"truncate cm336 t6rrs dark:text-neutral-500 \" data-description></div></div><div class=\"ms-auto \"><span class=\"hidden hs-selected:block \"><svg class=\"hq6gx ibvs1 \" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" viewBox=\"0 0 16 16\"><path d=\"M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z\"/></svg></span></div></div>"
}' class="hidden">
<option value="">Choose</option>
<option value="1" data-hs-select-option='{
"description": "schen@company.com",
"icon": "<span class=\"inline-flex hq6gx r00n9 items-center awhdl cm336 e7zws s47lh zr4l6 dark:bg-neutral-600 oq0dt \">S</span>"
}'>Sarah Chen</option>
<option value="2" data-hs-select-option='{
"description": "david1harris@example.com",
"icon": "<img class=\"hq6gx oq0dt \" src=\"https://images.unsplash.com/photo-1568602471122-7832951cc4c5?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80\" alt=\"Avatar\">"
}'>David Harrisom</option>
<option value="3" data-hs-select-option='{
"description": "lewis@company.com",
"icon": "<img class=\"hq6gx oq0dt \" src=\"https://images.unsplash.com/photo-1679412330254-90cb240038c5?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80\" alt=\"Avatar\">"
}'>Lewis Clarke</option>
<option value="4" data-hs-select-option='{
"description": "isabella@site.com",
"icon": "<span class=\"inline-flex hq6gx r00n9 items-center awhdl cm336 e7zws fs9eh zr4l6 oq0dt \">I</span>"
}'>Isabella Lauda</option>
<option value="5" data-hs-select-option='{
"description": "chrstiwilliams@site.so",
"icon": "<span class=\"inline-flex hq6gx r00n9 items-center awhdl cm336 e7zws ot31m zr4l6 oq0dt \">C</span>"
}'>Christina Williams</option>
<option value="6" data-hs-select-option='{
"description": "amanda@preline.so",
"icon": "<img class=\"hq6gx oq0dt \" src=\"https://images.unsplash.com/photo-1541101767792-f9b2b1c4f127?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80\" alt=\"Avatar\">"
}'>Amanda Harvey</option>
</select>
<!-- End Select -->
</div>
</div>
<!-- End Bcc Content -->
</div>
<div class="nsx3p">
<!-- Button Group -->
<div class="flex c9j8j items-center pgjbi">
<button type="button" class="hs-collapse-toggle ju7it cm336 xq1jm umxjj ksr3h focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 open" id="hs-pro-in1trcccmdid1" aria-expanded="true" aria-controls="hs-pro-in1trcccmdid1-heading" data-hs-collapse="#hs-pro-in1trcccmdid1-heading">
Cc
</button>
<button type="button" class="hs-collapse-toggle ju7it cm336 xq1jm umxjj ksr3h focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 " id="hs-pro-in1trbcccmdid1" aria-expanded="false" aria-controls="hs-pro-in1trbcccmdid1-heading" data-hs-collapse="#hs-pro-in1trbcccmdid1-heading">
Bcc
</button>
<button type="button" class="hs-collapse-toggle ju7it cm336 xq1jm umxjj ksr3h focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 " id="hs-pro-in1trsbcmdid1" aria-expanded="false" aria-controls="hs-pro-in1trsbcmdid1-heading" data-hs-collapse="#hs-pro-in1trsbcmdid1-heading">
Subject
</button>
</div>
<!-- End Button Group -->
</div>
</div>
</div>
<!-- End Header -->
<!-- Subject Content -->
<div id="hs-pro-in1trsbcmdid1-heading" class="hs-collapse i65bn overflow-hidden hidden" aria-labelledby="hs-pro-in1trsbcmdid1">
<div class="o1ncb dkhxo flex items-center vmt4s ic6aj d77gl dark:border-neutral-700">
<span class="t5ziw t6rrs dark:text-neutral-400">
Subject:
</span>
<div class="e3fpz">
<input type="text" id="hs-pro-in1trsbinmdid1" class="q0y3m block i65bn v345i qb17b rounded-0 psfwb fkkng focus:outline-hidden b2plr rdxom disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 dark:placeholder:text-neutral-400" value="Re:Project Timeline Update">
<label for="hs-pro-in1trsbinmdid1" class="ecbnn">Subject</label>
</div>
</div>
</div>
<!-- End Subject Content -->
<!-- Tiptap -->
<div id="hs-editor-tiptap-2">
<div data-hs-editor-field></div>
<!-- Toolbar -->
<div class="n33uu pyimf d77gl dark:border-neutral-700">
<div class="flex flex-wrap items-center tuzkq">
<!-- Formatting Options Dropdown -->
<div class="hs-dropdown [--auto-close:inside] [--placement:top-left] relative inline-flex">
<div class="hs-tooltip [--placement:bottom] inline-block">
<button id="hs-pro-in1trfomdid1" type="button" class="hs-tooltip-toggle aukwz inline-flex r00n9 items-center lialp t5ziw y2wul oq0dt wfm4e qb17b bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-white 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="M4 20h16"/><path d="m6 16 6-12 6 12"/><path d="M8 12h8"/></svg>
<span class="ecbnn">Formatting options</span>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a rm3rx jlmh5 rfnst ym42y cm336 zr4l6 ps5iq lt27r dark:bg-neutral-700" role="tooltip">
Formatting options
</span>
</div>
<!-- Formatting Options Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 bb709 transition-[opacity,margin] duration opacity-0 hidden ocib4 oo8ro wfm4e d77gl lile3 rkof5 dark:bg-neutral-950 dark:border-neutral-700" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-in1trfomdid1">
<!-- List -->
<div class="ju7it">
<!-- Button -->
<div class="hs-tooltip inline-block">
<button type="button" class="hs-tooltip-toggle aukwz inline-flex r00n9 items-center lialp t5ziw y2wul oq0dt wfm4e qb17b bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-white dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-editor-bold>
<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="M14 12a4 4 0 0 0 0-8H6v8"/><path d="M15 20a4 4 0 0 0 0-8H6v8Z"/></svg>
<span class="ecbnn">Bold</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">
Bold
</span>
</div>
<!-- End Button -->
<!-- Button -->
<div class="hs-tooltip inline-block">
<button type="button" class="hs-tooltip-toggle aukwz inline-flex r00n9 items-center lialp t5ziw y2wul oq0dt wfm4e qb17b bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-white dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-editor-italic>
<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"><line x1="19" x2="10" y1="4" y2="4"/><line x1="14" x2="5" y1="20" y2="20"/><line x1="15" x2="9" y1="4" y2="20"/></svg>
<span class="ecbnn">Italic</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">
Italic
</span>
</div>
<!-- End Button -->
<!-- Button -->
<div class="hs-tooltip inline-block">
<button type="button" class="hs-tooltip-toggle aukwz inline-flex r00n9 items-center lialp t5ziw y2wul oq0dt wfm4e qb17b bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-white dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-editor-underline>
<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 4v6a6 6 0 0 0 12 0V4"/><line x1="4" x2="20" y1="20" y2="20"/></svg>
<span class="ecbnn">Underline</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">
Underline
</span>
</div>
<!-- End Button -->
<!-- Button -->
<div class="hs-tooltip inline-block">
<button type="button" class="hs-tooltip-toggle aukwz inline-flex r00n9 items-center lialp t5ziw y2wul oq0dt wfm4e qb17b bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-white dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-editor-strike>
<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="M16 4H9a3 3 0 0 0-2.83 4"/><path d="M14 12a4 4 0 0 1 0 8H6"/><line x1="4" x2="20" y1="12" y2="12"/></svg>
<span class="ecbnn">Strike</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">
Strike
</span>
</div>
<!-- End Button -->
<!-- Button -->
<div class="hs-tooltip inline-block">
<button type="button" class="hs-tooltip-toggle aukwz inline-flex r00n9 items-center lialp t5ziw y2wul oq0dt wfm4e qb17b bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-white dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-editor-ul>
<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"><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>
<span class="ecbnn">Lists</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">
Lists
</span>
</div>
<!-- End Button -->
<!-- Button -->
<div class="hs-tooltip inline-block">
<button type="button" class="hs-tooltip-toggle aukwz inline-flex r00n9 items-center lialp t5ziw y2wul oq0dt wfm4e qb17b bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-white dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-editor-blockquote>
<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="M17 6H3"/><path d="M21 12H8"/><path d="M21 18H8"/><path d="M3 12v6"/></svg>
<span class="ecbnn">Blockquote</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">
Blockquote
</span>
</div>
<!-- End Button -->
<!-- Button -->
<div class="hs-tooltip inline-block">
<button type="button" class="hs-tooltip-toggle aukwz inline-flex r00n9 items-center lialp t5ziw y2wul oq0dt wfm4e qb17b bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-white dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-editor-code>
<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 16 4-4-4-4"/><path d="m6 8-4 4 4 4"/><path d="m14.5 4-5 16"/></svg>
<span class="ecbnn">Code</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">
Code
</span>
</div>
<!-- End Button -->
</div>
<!-- List -->
</div>
<!-- End Formatting Options Dropdown -->
</div>
<!-- End Formatting Options Dropdown -->
<!-- Button -->
<div class="hs-tooltip [--placement:bottom] inline-block">
<button type="button" class="hs-tooltip-toggle aukwz inline-flex r00n9 items-center lialp t5ziw y2wul oq0dt wfm4e qb17b bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-white 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="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>
</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">
Attach file
</span>
</div>
<!-- End Button -->
<!-- Button -->
<div class="hs-tooltip [--placement:bottom] inline-block">
<button type="button" class="hs-tooltip-toggle aukwz inline-flex r00n9 items-center lialp t5ziw y2wul oq0dt wfm4e qb17b bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-white dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-editor-link>
<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="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"/><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"/></svg>
</button>
<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">
Link
</span>
</div>
<!-- End Button -->
<!-- Button -->
<div class="hs-tooltip [--placement:bottom] inline-block">
<button type="button" class="hs-tooltip-toggle aukwz inline-flex r00n9 items-center lialp t5ziw y2wul oq0dt wfm4e qb17b bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-white 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="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>
</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">
Add emoji
</span>
</div>
<!-- End Button -->
<!-- Button -->
<div class="hs-tooltip [--placement:bottom] inline-block">
<button type="button" class="hs-tooltip-toggle aukwz inline-flex r00n9 items-center lialp t5ziw y2wul oq0dt wfm4e qb17b bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-white 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 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>
</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">
Send voice message
</span>
</div>
<!-- End Button -->
<!-- Button -->
<div class="hs-tooltip [--placement:bottom] inline-block">
<button type="button" class="hs-tooltip-toggle aukwz inline-flex r00n9 items-center lialp t5ziw y2wul oq0dt wfm4e qb17b bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-white 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>
</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
</span>
</div>
<!-- End Button -->
<div class="ms-auto">
<!-- Button Group -->
<div class="inline-flex items-center">
<!-- Button -->
<button type="button" class="jlmh5 rfnst inline-flex r00n9 items-center vrcxw vo20k t5ziw flvh4 wfm4e qb17b jqqot zr4l6 lmqf9 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden adzhs pbwui">
Send
</button>
<!-- End Button -->
<!-- More Send Options Dropdown -->
<div class="hs-dropdown [--auto-close:inside] [--placement:top-right] relative inline-flex">
<div class="hs-tooltip [--placement:bottom-right] inline-block">
<button id="hs-pro-in1trsbgwmmdid1" type="button" class="hs-tooltip-toggle qoz2e inline-flex r00n9 items-center vrcxw vo20k t5ziw keb3k fr41k rybqd jqqot zr4l6 lmqf9 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden adzhs pbwui">
<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 15-6-6-6 6"/></svg>
<span class="ecbnn">More send options</span>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a rm3rx jlmh5 rfnst ym42y cm336 zr4l6 ps5iq lt27r dark:bg-neutral-700" role="tooltip">
More send options
</span>
</div>
<!-- More Send Options Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 ho2sl transition-[opacity,margin] duration opacity-0 hidden ocib4 oo8ro lile3 rkof5 dark:bg-neutral-950" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-in1trsbgwmmdid1">
<!-- List -->
<div class="ju7it">
<button type="button" class="i65bn flex items-center vmt4s i7oig 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 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="M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z"/><path d="m21.854 2.147-10.94 10.939"/></svg>
Send
</button>
<button type="button" class="i65bn flex items-center vmt4s i7oig 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 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="5" x="2" y="3" rx="1"/><path d="M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8"/><path d="M10 12h4"/></svg>
Send & archive
</button>
<button type="button" class="i65bn flex items-center vmt4s i7oig 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 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 7.5V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h3.5"/><path d="M16 2v4"/><path d="M8 2v4"/><path d="M3 10h5"/><path d="M17.5 17.5 16 16.3V14"/><circle cx="16" cy="16" r="6"/></svg>
Schedule send
</button>
</div>
<!-- List -->
</div>
<!-- End More Send Options Dropdown -->
</div>
<!-- End More Send Options Dropdown -->
</div>
<!-- End Button Group -->
</div>
</div>
</div>
<!-- End Toolbar -->
</div>
<!-- End Tiptap -->
</div>
<!-- End Body -->
</div>
</div>
</div>
<!-- End Archive Message Modal -->
<!-- Archive Message Modal -->
<div id="hs-pro-intcm" 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-intcm-label">
<div class="hs-overlay-open:mt-7 hs-overlay-open:opacity-100 hs-overlay-open:duration-500 s193u opacity-0 f6mgt g0ipl o5b43 k1vyo cux47 md:mx-auto h-[calc(100%-56px)] min-h-[calc(100%-56px)] flex items-center">
<div class="i65bn fmwcv overflow-hidden 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-intcm-label" class="vo20k bp13m dark:text-neutral-200">
New message
</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-intcm">
<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="ju7it overflow-y-auto n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<!-- Header -->
<div class="i7oig dkhxo ic6aj d77gl dark:border-neutral-700">
<div class="sm:flex vmt4s">
<div class="e3fpz">
<!-- From Content -->
<div class="flex nyo8p lialp">
<span class="ud6vg t5ziw t6rrs dark:text-neutral-400">
From:
</span>
<!-- Tag -->
<div class="manq4 kjr4d c90zz flex flex-nowrap items-center vrcxw">
<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 class="lt27r t5ziw bp13m dark:text-neutral-200">
James Collins
</div>
</div>
<!-- End Tag -->
</div>
<!-- End From Content -->
<!-- To Content -->
<div class="flex nyo8p lialp">
<span class="ud6vg t5ziw t6rrs dark:text-neutral-400">
To:
</span>
<!-- Select -->
<select multiple data-hs-select='{
"placeholder": "Enter email or name",
"dropdownClasses": "ls9te cylzg i65bn pvqa8 yj8ha ju7it oo8ro wfm4e d77gl ps5iq rkof5 overflow-hidden overflow-y-auto n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900 dark:border-neutral-700",
"dropdownScope": "window",
"dropdownPlacement": "bottom-left",
"optionClasses": "d0kec kzzmm i65bn t5ziw bp13m cursor-pointer ksr3h ps5iq focus:outline-hidden kf4z7 hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800",
"mode": "tags",
"wrapperClasses": "relative jjki1 flex items-center flex-wrap dslo6 i65bn qgy40 t5ziw",
"tagsItemTemplate": "<div class=\"flex flex-nowrap items-center relative nh4wd oo8ro wfm4e d77gl oq0dt manq4 hff8i c90zz dark:bg-neutral-900 dark:border-neutral-700 \"><div class=\"hq6gx awhdl bwv2v \" data-icon></div><div class=\"lt27r bp13m dark:text-neutral-200 \" data-title></div><div class=\"inline-flex hq6gx r00n9 items-center ca09w k5amb oq0dt bp13m eweab focus:outline-hidden evxbs 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>",
"tagsInputId": "hs-pro-in1trtotcmdid1",
"tagsInputClasses": "nbebg kzzmm ps5iq e3fpz rsqv5 psfwb fkkng outline-hidden qb17b p1ez7 dark:bg-neutral-900 dark:placeholder-neutral-500 dark:text-neutral-400",
"optionTemplate": "<div class=\"flex items-center \"><div class=\"hq6gx awhdl aufy5 \" data-icon></div><div class=\"truncate \"><div class=\"t5ziw bp13m dark:text-neutral-200 \" data-title></div><div class=\"truncate cm336 t6rrs dark:text-neutral-500 \" data-description></div></div><div class=\"ms-auto \"><span class=\"hidden hs-selected:block \"><svg class=\"hq6gx ibvs1 \" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" viewBox=\"0 0 16 16\"><path d=\"M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z\"/></svg></span></div></div>"
}' class="hidden">
<option value="">Choose</option>
<option value="1" data-hs-select-option='{
"description": "schen@company.com",
"icon": "<span class=\"inline-flex hq6gx r00n9 items-center awhdl cm336 e7zws s47lh zr4l6 dark:bg-neutral-600 oq0dt \">S</span>"
}'>Sarah Chen</option>
<option value="2" data-hs-select-option='{
"description": "david1harris@example.com",
"icon": "<img class=\"hq6gx oq0dt \" src=\"https://images.unsplash.com/photo-1568602471122-7832951cc4c5?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80\" alt=\"Avatar\">"
}'>David Harrisom</option>
<option value="3" data-hs-select-option='{
"description": "lewis@company.com",
"icon": "<img class=\"hq6gx oq0dt \" src=\"https://images.unsplash.com/photo-1679412330254-90cb240038c5?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80\" alt=\"Avatar\">"
}'>Lewis Clarke</option>
<option value="4" data-hs-select-option='{
"description": "isabella@site.com",
"icon": "<span class=\"inline-flex hq6gx r00n9 items-center awhdl cm336 e7zws fs9eh zr4l6 oq0dt \">I</span>"
}'>Isabella Lauda</option>
<option value="5" data-hs-select-option='{
"description": "chrstiwilliams@site.so",
"icon": "<span class=\"inline-flex hq6gx r00n9 items-center awhdl cm336 e7zws ot31m zr4l6 oq0dt \">C</span>"
}'>Christina Williams</option>
<option value="6" data-hs-select-option='{
"description": "amanda@preline.so",
"icon": "<img class=\"hq6gx oq0dt \" src=\"https://images.unsplash.com/photo-1541101767792-f9b2b1c4f127?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80\" alt=\"Avatar\">"
}'>Amanda Harvey</option>
</select>
<!-- End Select -->
</div>
<!-- End To Content -->
<!-- Cc Content -->
<div id="hs-pro-in1trccccmdid1-heading" class="hs-collapse i65bn overflow-hidden hidden" aria-labelledby="hs-pro-in1trccccmdid1">
<div class="flex nyo8p lialp">
<span class="ud6vg t5ziw t6rrs dark:text-neutral-400">
Cc:
</span>
<!-- Select -->
<select multiple data-hs-select='{
"placeholder": "Enter email or name",
"dropdownClasses": "ls9te cylzg i65bn pvqa8 yj8ha ju7it oo8ro wfm4e d77gl ps5iq rkof5 overflow-hidden overflow-y-auto n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900 dark:border-neutral-700",
"dropdownScope": "window",
"dropdownPlacement": "bottom-left",
"optionClasses": "d0kec kzzmm i65bn t5ziw bp13m cursor-pointer ksr3h ps5iq focus:outline-hidden kf4z7 hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800",
"mode": "tags",
"wrapperClasses": "relative jjki1 flex items-center flex-wrap dslo6 i65bn qgy40 t5ziw",
"tagsItemTemplate": "<div class=\"flex flex-nowrap items-center relative nh4wd oo8ro wfm4e d77gl oq0dt manq4 hff8i c90zz dark:bg-neutral-900 dark:border-neutral-700 \"><div class=\"hq6gx awhdl bwv2v \" data-icon></div><div class=\"lt27r bp13m dark:text-neutral-200 \" data-title></div><div class=\"inline-flex hq6gx r00n9 items-center ca09w k5amb oq0dt bp13m eweab focus:outline-hidden evxbs 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>",
"tagsInputId": "hs-pro-in1trcctcmdid1",
"tagsInputClasses": "nbebg kzzmm ps5iq e3fpz rsqv5 psfwb fkkng outline-hidden qb17b p1ez7 dark:bg-neutral-900 dark:placeholder-neutral-500 dark:text-neutral-400",
"optionTemplate": "<div class=\"flex items-center \"><div class=\"hq6gx awhdl aufy5 \" data-icon></div><div class=\"truncate \"><div class=\"t5ziw bp13m dark:text-neutral-200 \" data-title></div><div class=\"truncate cm336 t6rrs dark:text-neutral-500 \" data-description></div></div><div class=\"ms-auto \"><span class=\"hidden hs-selected:block \"><svg class=\"hq6gx ibvs1 \" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" viewBox=\"0 0 16 16\"><path d=\"M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z\"/></svg></span></div></div>"
}' class="hidden">
<option value="">Choose</option>
<option value="1" data-hs-select-option='{
"description": "schen@company.com",
"icon": "<span class=\"inline-flex hq6gx r00n9 items-center awhdl cm336 e7zws s47lh zr4l6 dark:bg-neutral-600 oq0dt \">S</span>"
}'>Sarah Chen</option>
<option value="2" data-hs-select-option='{
"description": "david1harris@example.com",
"icon": "<img class=\"hq6gx oq0dt \" src=\"https://images.unsplash.com/photo-1568602471122-7832951cc4c5?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80\" alt=\"Avatar\">"
}'>David Harrisom</option>
<option value="3" data-hs-select-option='{
"description": "lewis@company.com",
"icon": "<img class=\"hq6gx oq0dt \" src=\"https://images.unsplash.com/photo-1679412330254-90cb240038c5?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80\" alt=\"Avatar\">"
}'>Lewis Clarke</option>
<option value="4" data-hs-select-option='{
"description": "isabella@site.com",
"icon": "<span class=\"inline-flex hq6gx r00n9 items-center awhdl cm336 e7zws fs9eh zr4l6 oq0dt \">I</span>"
}'>Isabella Lauda</option>
<option value="5" data-hs-select-option='{
"description": "chrstiwilliams@site.so",
"icon": "<span class=\"inline-flex hq6gx r00n9 items-center awhdl cm336 e7zws ot31m zr4l6 oq0dt \">C</span>"
}'>Christina Williams</option>
<option value="6" data-hs-select-option='{
"description": "amanda@preline.so",
"icon": "<img class=\"hq6gx oq0dt \" src=\"https://images.unsplash.com/photo-1541101767792-f9b2b1c4f127?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80\" alt=\"Avatar\">"
}'>Amanda Harvey</option>
</select>
<!-- End Select -->
</div>
</div>
<!-- End Cc Content -->
<!-- Bcc Content -->
<div id="hs-pro-in1trbccccmdid1-heading" class="hs-collapse i65bn overflow-hidden hidden" aria-labelledby="hs-pro-in1trbccccmdid1">
<div class="flex nyo8p lialp">
<span class="ud6vg t5ziw t6rrs dark:text-neutral-400">
Bcc:
</span>
<!-- Select -->
<select multiple data-hs-select='{
"placeholder": "Enter email or name",
"dropdownClasses": "ls9te cylzg i65bn pvqa8 yj8ha ju7it oo8ro wfm4e d77gl ps5iq rkof5 overflow-hidden overflow-y-auto n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900 dark:border-neutral-700",
"dropdownScope": "window",
"dropdownPlacement": "bottom-left",
"optionClasses": "d0kec kzzmm i65bn t5ziw bp13m cursor-pointer ksr3h ps5iq focus:outline-hidden kf4z7 hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800",
"mode": "tags",
"wrapperClasses": "relative jjki1 flex items-center flex-wrap dslo6 i65bn qgy40 t5ziw",
"tagsItemTemplate": "<div class=\"flex flex-nowrap items-center relative nh4wd oo8ro wfm4e d77gl oq0dt manq4 hff8i c90zz dark:bg-neutral-900 dark:border-neutral-700 \"><div class=\"hq6gx awhdl bwv2v \" data-icon></div><div class=\"lt27r bp13m dark:text-neutral-200 \" data-title></div><div class=\"inline-flex hq6gx r00n9 items-center ca09w k5amb oq0dt bp13m eweab focus:outline-hidden evxbs 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>",
"tagsInputId": "hs-pro-in1trbcctcmdid1",
"tagsInputClasses": "nbebg kzzmm ps5iq e3fpz rsqv5 psfwb fkkng outline-hidden qb17b p1ez7 dark:bg-neutral-900 dark:placeholder-neutral-500 dark:text-neutral-400",
"optionTemplate": "<div class=\"flex items-center \"><div class=\"hq6gx awhdl aufy5 \" data-icon></div><div class=\"truncate \"><div class=\"t5ziw bp13m dark:text-neutral-200 \" data-title></div><div class=\"truncate cm336 t6rrs dark:text-neutral-500 \" data-description></div></div><div class=\"ms-auto \"><span class=\"hidden hs-selected:block \"><svg class=\"hq6gx ibvs1 \" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" viewBox=\"0 0 16 16\"><path d=\"M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z\"/></svg></span></div></div>"
}' class="hidden">
<option value="">Choose</option>
<option value="1" data-hs-select-option='{
"description": "schen@company.com",
"icon": "<span class=\"inline-flex hq6gx r00n9 items-center awhdl cm336 e7zws s47lh zr4l6 dark:bg-neutral-600 oq0dt \">S</span>"
}'>Sarah Chen</option>
<option value="2" data-hs-select-option='{
"description": "david1harris@example.com",
"icon": "<img class=\"hq6gx oq0dt \" src=\"https://images.unsplash.com/photo-1568602471122-7832951cc4c5?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80\" alt=\"Avatar\">"
}'>David Harrisom</option>
<option value="3" data-hs-select-option='{
"description": "lewis@company.com",
"icon": "<img class=\"hq6gx oq0dt \" src=\"https://images.unsplash.com/photo-1679412330254-90cb240038c5?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80\" alt=\"Avatar\">"
}'>Lewis Clarke</option>
<option value="4" data-hs-select-option='{
"description": "isabella@site.com",
"icon": "<span class=\"inline-flex hq6gx r00n9 items-center awhdl cm336 e7zws fs9eh zr4l6 oq0dt \">I</span>"
}'>Isabella Lauda</option>
<option value="5" data-hs-select-option='{
"description": "chrstiwilliams@site.so",
"icon": "<span class=\"inline-flex hq6gx r00n9 items-center awhdl cm336 e7zws ot31m zr4l6 oq0dt \">C</span>"
}'>Christina Williams</option>
<option value="6" data-hs-select-option='{
"description": "amanda@preline.so",
"icon": "<img class=\"hq6gx oq0dt \" src=\"https://images.unsplash.com/photo-1541101767792-f9b2b1c4f127?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80\" alt=\"Avatar\">"
}'>Amanda Harvey</option>
</select>
<!-- End Select -->
</div>
</div>
<!-- End Bcc Content -->
</div>
<div class="nsx3p">
<!-- Button Group -->
<div class="flex c9j8j items-center pgjbi">
<button type="button" class="hs-collapse-toggle ju7it cm336 xq1jm umxjj ksr3h focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 " id="hs-pro-in1trccccmdid1" aria-expanded="false" aria-controls="hs-pro-in1trccccmdid1-heading" data-hs-collapse="#hs-pro-in1trccccmdid1-heading">
Cc
</button>
<button type="button" class="hs-collapse-toggle ju7it cm336 xq1jm umxjj ksr3h focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 " id="hs-pro-in1trbccccmdid1" aria-expanded="false" aria-controls="hs-pro-in1trbccccmdid1-heading" data-hs-collapse="#hs-pro-in1trbccccmdid1-heading">
Bcc
</button>
<button type="button" class="hs-collapse-toggle ju7it cm336 xq1jm umxjj ksr3h focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 open" id="hs-pro-in1trsbccmdid1" aria-expanded="true" aria-controls="hs-pro-in1trsbccmdid1-heading" data-hs-collapse="#hs-pro-in1trsbccmdid1-heading">
Subject
</button>
</div>
<!-- End Button Group -->
</div>
</div>
</div>
<!-- End Header -->
<!-- Subject Content -->
<div id="hs-pro-in1trsbccmdid1-heading" class="hs-collapse i65bn overflow-hidden open" aria-labelledby="hs-pro-in1trsbccmdid1">
<div class="o1ncb dkhxo flex items-center vmt4s ic6aj d77gl dark:border-neutral-700">
<span class="t5ziw t6rrs dark:text-neutral-400">
Subject:
</span>
<div class="e3fpz">
<input type="text" id="hs-pro-in1trsbincmdid1" class="q0y3m block i65bn v345i qb17b rounded-0 psfwb fkkng focus:outline-hidden b2plr rdxom disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 dark:placeholder:text-neutral-400" >
<label for="hs-pro-in1trsbincmdid1" class="ecbnn">Subject</label>
</div>
</div>
</div>
<!-- End Subject Content -->
<!-- Tiptap -->
<div id="hs-editor-tiptap-3">
<div data-hs-editor-field></div>
<!-- Toolbar -->
<div class="n33uu pyimf d77gl dark:border-neutral-700">
<div class="flex flex-wrap items-center tuzkq">
<!-- Formatting Options Dropdown -->
<div class="hs-dropdown [--auto-close:inside] [--placement:top-left] relative inline-flex">
<div class="hs-tooltip [--placement:bottom] inline-block">
<button id="hs-pro-in1trfocmdid1" type="button" class="hs-tooltip-toggle aukwz inline-flex r00n9 items-center lialp t5ziw y2wul oq0dt wfm4e qb17b bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-white 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="M4 20h16"/><path d="m6 16 6-12 6 12"/><path d="M8 12h8"/></svg>
<span class="ecbnn">Formatting options</span>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a rm3rx jlmh5 rfnst ym42y cm336 zr4l6 ps5iq lt27r dark:bg-neutral-700" role="tooltip">
Formatting options
</span>
</div>
<!-- Formatting Options Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 bb709 transition-[opacity,margin] duration opacity-0 hidden ocib4 oo8ro wfm4e d77gl lile3 rkof5 dark:bg-neutral-950 dark:border-neutral-700" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-in1trfocmdid1">
<!-- List -->
<div class="ju7it">
<!-- Button -->
<div class="hs-tooltip inline-block">
<button type="button" class="hs-tooltip-toggle aukwz inline-flex r00n9 items-center lialp t5ziw y2wul oq0dt wfm4e qb17b bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-white dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-editor-bold>
<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="M14 12a4 4 0 0 0 0-8H6v8"/><path d="M15 20a4 4 0 0 0 0-8H6v8Z"/></svg>
<span class="ecbnn">Bold</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">
Bold
</span>
</div>
<!-- End Button -->
<!-- Button -->
<div class="hs-tooltip inline-block">
<button type="button" class="hs-tooltip-toggle aukwz inline-flex r00n9 items-center lialp t5ziw y2wul oq0dt wfm4e qb17b bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-white dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-editor-italic>
<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"><line x1="19" x2="10" y1="4" y2="4"/><line x1="14" x2="5" y1="20" y2="20"/><line x1="15" x2="9" y1="4" y2="20"/></svg>
<span class="ecbnn">Italic</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">
Italic
</span>
</div>
<!-- End Button -->
<!-- Button -->
<div class="hs-tooltip inline-block">
<button type="button" class="hs-tooltip-toggle aukwz inline-flex r00n9 items-center lialp t5ziw y2wul oq0dt wfm4e qb17b bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-white dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-editor-underline>
<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 4v6a6 6 0 0 0 12 0V4"/><line x1="4" x2="20" y1="20" y2="20"/></svg>
<span class="ecbnn">Underline</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">
Underline
</span>
</div>
<!-- End Button -->
<!-- Button -->
<div class="hs-tooltip inline-block">
<button type="button" class="hs-tooltip-toggle aukwz inline-flex r00n9 items-center lialp t5ziw y2wul oq0dt wfm4e qb17b bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-white dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-editor-strike>
<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="M16 4H9a3 3 0 0 0-2.83 4"/><path d="M14 12a4 4 0 0 1 0 8H6"/><line x1="4" x2="20" y1="12" y2="12"/></svg>
<span class="ecbnn">Strike</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">
Strike
</span>
</div>
<!-- End Button -->
<!-- Button -->
<div class="hs-tooltip inline-block">
<button type="button" class="hs-tooltip-toggle aukwz inline-flex r00n9 items-center lialp t5ziw y2wul oq0dt wfm4e qb17b bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-white dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-editor-ul>
<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"><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>
<span class="ecbnn">Lists</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">
Lists
</span>
</div>
<!-- End Button -->
<!-- Button -->
<div class="hs-tooltip inline-block">
<button type="button" class="hs-tooltip-toggle aukwz inline-flex r00n9 items-center lialp t5ziw y2wul oq0dt wfm4e qb17b bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-white dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-editor-blockquote>
<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="M17 6H3"/><path d="M21 12H8"/><path d="M21 18H8"/><path d="M3 12v6"/></svg>
<span class="ecbnn">Blockquote</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">
Blockquote
</span>
</div>
<!-- End Button -->
<!-- Button -->
<div class="hs-tooltip inline-block">
<button type="button" class="hs-tooltip-toggle aukwz inline-flex r00n9 items-center lialp t5ziw y2wul oq0dt wfm4e qb17b bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-white dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-editor-code>
<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 16 4-4-4-4"/><path d="m6 8-4 4 4 4"/><path d="m14.5 4-5 16"/></svg>
<span class="ecbnn">Code</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">
Code
</span>
</div>
<!-- End Button -->
</div>
<!-- List -->
</div>
<!-- End Formatting Options Dropdown -->
</div>
<!-- End Formatting Options Dropdown -->
<!-- Button -->
<div class="hs-tooltip [--placement:bottom] inline-block">
<button type="button" class="hs-tooltip-toggle aukwz inline-flex r00n9 items-center lialp t5ziw y2wul oq0dt wfm4e qb17b bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-white 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="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>
</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">
Attach file
</span>
</div>
<!-- End Button -->
<!-- Button -->
<div class="hs-tooltip [--placement:bottom] inline-block">
<button type="button" class="hs-tooltip-toggle aukwz inline-flex r00n9 items-center lialp t5ziw y2wul oq0dt wfm4e qb17b bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-white dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-editor-link>
<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="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"/><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"/></svg>
</button>
<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">
Link
</span>
</div>
<!-- End Button -->
<!-- Button -->
<div class="hs-tooltip [--placement:bottom] inline-block">
<button type="button" class="hs-tooltip-toggle aukwz inline-flex r00n9 items-center lialp t5ziw y2wul oq0dt wfm4e qb17b bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-white 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="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>
</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">
Add emoji
</span>
</div>
<!-- End Button -->
<!-- Button -->
<div class="hs-tooltip [--placement:bottom] inline-block">
<button type="button" class="hs-tooltip-toggle aukwz inline-flex r00n9 items-center lialp t5ziw y2wul oq0dt wfm4e qb17b bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-white 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 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>
</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">
Send voice message
</span>
</div>
<!-- End Button -->
<!-- Button -->
<div class="hs-tooltip [--placement:bottom] inline-block">
<button type="button" class="hs-tooltip-toggle aukwz inline-flex r00n9 items-center lialp t5ziw y2wul oq0dt wfm4e qb17b bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-white 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>
</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
</span>
</div>
<!-- End Button -->
<div class="ms-auto">
<!-- Button Group -->
<div class="inline-flex items-center">
<!-- Button -->
<button type="button" class="jlmh5 rfnst inline-flex r00n9 items-center vrcxw vo20k t5ziw flvh4 wfm4e qb17b jqqot zr4l6 lmqf9 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden adzhs pbwui">
Send
</button>
<!-- End Button -->
<!-- More Send Options Dropdown -->
<div class="hs-dropdown [--auto-close:inside] [--placement:top-right] relative inline-flex">
<div class="hs-tooltip [--placement:bottom-right] inline-block">
<button id="hs-pro-in1trsbgwmcmdid1" type="button" class="hs-tooltip-toggle qoz2e inline-flex r00n9 items-center vrcxw vo20k t5ziw keb3k fr41k rybqd jqqot zr4l6 lmqf9 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden adzhs pbwui">
<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 15-6-6-6 6"/></svg>
<span class="ecbnn">More send options</span>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a rm3rx jlmh5 rfnst ym42y cm336 zr4l6 ps5iq lt27r dark:bg-neutral-700" role="tooltip">
More send options
</span>
</div>
<!-- More Send Options Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 ho2sl transition-[opacity,margin] duration opacity-0 hidden ocib4 oo8ro lile3 rkof5 dark:bg-neutral-950" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-in1trsbgwmcmdid1">
<!-- List -->
<div class="ju7it">
<button type="button" class="i65bn flex items-center vmt4s i7oig 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 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="M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z"/><path d="m21.854 2.147-10.94 10.939"/></svg>
Send
</button>
<button type="button" class="i65bn flex items-center vmt4s i7oig 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 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="5" x="2" y="3" rx="1"/><path d="M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8"/><path d="M10 12h4"/></svg>
Send & archive
</button>
<button type="button" class="i65bn flex items-center vmt4s i7oig 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 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 7.5V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h3.5"/><path d="M16 2v4"/><path d="M8 2v4"/><path d="M3 10h5"/><path d="M17.5 17.5 16 16.3V14"/><circle cx="16" cy="16" r="6"/></svg>
Schedule send
</button>
</div>
<!-- List -->
</div>
<!-- End More Send Options Dropdown -->
</div>
<!-- End More Send Options Dropdown -->
</div>
<!-- End Button Group -->
</div>
</div>
</div>
<!-- End Toolbar -->
</div>
<!-- End Tiptap -->
</div>
<!-- End Body -->
</div>
</div>
</div>
<!-- End Archive Message Modal -->
<style>
.ProseMirror:focus {
outline: none;
}
.tiptap ul p,
.tiptap ol p {
display: inline;
}
.tiptap p.is-editor-empty:first-child::before {
content: attr(data-placeholder);
float: left;
height: 0;
pointer-events: none;
}
</style>
<style>
@keyframes typing {
0% { opacity: 1; scale: 1; }
50% { opacity: 0.75; scale: 0.75; }
100% { opacity: 1; scale: 1; }
}
</style>
<script>
let layoutSplitter;
const updateLayoutSplitter = (splitter) => {
splitter.updateFlexValues([
{
id: "hs-pro-inbox-sidebar",
breakpoints: {
"0": 0,
"1280": 15.0
}
},
{
id: "hs-pro-inbox-thread-list-sidebar",
breakpoints: {
"0": 0,
"1024": 25.4,
"1280": 21.0
}
},
{
id: "content",
breakpoints: {
"0": 100,
"1024": 74.6,
"1280": 64.0
}
}
]);
};
window.addEventListener('load', () => {
layoutSplitter = HSLayoutSplitter.getInstance('#hs-main-layout-splitter', true);
updateLayoutSplitter(layoutSplitter.element);
(function () {
const unassigedTabs = document.querySelectorAll('#hs-pro-tabs-intltg-unassigned [data-hs-tab] button');
unassigedTabs.forEach((el) => {
el.addEventListener('click', (evt) => evt.stopPropagation());
});
})();
});
window.addEventListener('bk7zm', _.debounce(() => {
if (layoutSplitter) updateLayoutSplitter(layoutSplitter.element);
}));
</script>
<!-- Close Sidebar -->
<script>
window.addEventListener('load', () => {
// CLOSE SIDEBAR ON MOBILE
// =======================================================
(function () {
const resolution = '1024';
const sidebar = HSOverlay.getInstance('#hs-pro-inbox-thread-list-sidebar', true);
const tabs = HSTabs.getInstance('#hs-pro-tabs-intltg-unassigned > [role="tablist"]', true);
window.addEventListener('change.hs.tab', (evt) => {
if (!evt.target.closest('#hs-pro-tabs-intltg-unassigned')) return false;
if (window.innerWidth < parseInt(resolution)) sidebar.element.close();
});
})();
});
</script>
<!-- Tiptap Editor -->
<script type="importmap">
{
"imports": {
"https://esm.sh/v135/prosemirror-model@1.19.3/es2022/prosemirror-model.mjs": "https://esm.sh/v135/prosemirror-model@1.20.0/es2022/prosemirror-model.mjs",
"https://esm.sh/v135/prosemirror-model@1.21.0/es2022/prosemirror-model.mjs": "https://esm.sh/v135/prosemirror-model@1.20.0/es2022/prosemirror-model.mjs",
"https://esm.sh/v135/prosemirror-model@1.22.1/es2022/prosemirror-model.mjs": "https://esm.sh/v135/prosemirror-model@1.20.0/es2022/prosemirror-model.mjs",
"https://esm.sh/v135/prosemirror-model@1.23.0/es2022/prosemirror-model.mjs": "https://esm.sh/v135/prosemirror-model@1.20.0/es2022/prosemirror-model.mjs",
"https://esm.sh/v135/prosemirror-model@1.24.0/es2022/prosemirror-model.mjs": "https://esm.sh/v135/prosemirror-model@1.20.0/es2022/prosemirror-model.mjs",
"https://esm.sh/v135/prosemirror-model@1.24.1/es2022/prosemirror-model.mjs": "https://esm.sh/v135/prosemirror-model@1.20.0/es2022/prosemirror-model.mjs"
}
}
</script>
<script type="module">
import { Editor } from 'https://esm.sh/@tiptap/core@2.11.0';
import Placeholder from 'https://esm.sh/@tiptap/extension-placeholder@2.11.0';
import StarterKit from 'https://esm.sh/@tiptap/starter-kit@2.11.0';
import Paragraph from 'https://esm.sh/@tiptap/extension-paragraph@2.11.0';
import Bold from 'https://esm.sh/@tiptap/extension-bold@2.11.0';
import Underline from 'https://esm.sh/@tiptap/extension-underline@2.11.0';
import Link from 'https://esm.sh/@tiptap/extension-link@2.11.0';
import BulletList from 'https://esm.sh/@tiptap/extension-bullet-list@2.11.0';
import OrderedList from 'https://esm.sh/@tiptap/extension-ordered-list@2.11.0';
import ListItem from 'https://esm.sh/@tiptap/extension-list-item@2.11.0';
import Blockquote from 'https://esm.sh/@tiptap/extension-blockquote@2.11.0';
const ids = '#hs-editor-tiptap-1 #hs-editor-tiptap-2 #hs-editor-tiptap-3';
const editors = ids.split(' ');
editors.forEach((id) => {
const editor = new Editor({
element: document.querySelector(`${id} [data-hs-editor-field]`),
editorProps: {
attributes: {
class: 'relative ucqgh pi5e6'
}
},
extensions: [
StarterKit.configure({
history: false
}),
Placeholder.configure({
placeholder: 'Add a message...',
emptyNodeClass: 'before:text-gray-400'
}),
Paragraph.configure({
HTMLAttributes: {
class: 't5ziw bp13m dark:text-neutral-200'
}
}),
Bold.configure({
HTMLAttributes: {
class: 'vipe3'
}
}),
Underline,
Link.configure({
HTMLAttributes: {
class: 'inline-flex items-center pgjbi f411b ymclh pdar8 vo20k dark:text-white'
}
}),
BulletList.configure({
HTMLAttributes: {
class: 'szmr6 qr5e6 bp13m dark:text-white'
}
}),
OrderedList.configure({
HTMLAttributes: {
class: 'prqfs qr5e6 bp13m dark:text-white'
}
}),
ListItem.configure({
HTMLAttributes: {
class: 'mzgnm'
}
}),
Blockquote.configure({
HTMLAttributes: {
class: 'relative prela n93vx udutm dark:border-neutral-700 sm:[&>p]:text-lg'
}
})
]
});
const actions = [
{
id: `${id} [data-hs-editor-bold]`,
fn: () => editor.chain().focus().toggleBold().run()
},
{
id: `${id} [data-hs-editor-italic]`,
fn: () => editor.chain().focus().toggleItalic().run()
},
{
id: `${id} [data-hs-editor-underline]`,
fn: () => editor.chain().focus().toggleUnderline().run()
},
{
id: `${id} [data-hs-editor-strike]`,
fn: () => editor.chain().focus().toggleStrike().run()
},
{
id: `${id} [data-hs-editor-link]`,
fn: () => {
const ialh4 = window.prompt('URL');
editor.chain().focus().extendMarkRange('link').setLink({ href: ialh4 }).run();
}
},
{
id: `${id} [data-hs-editor-ol]`,
fn: () => editor.chain().focus().toggleOrderedList().run()
},
{
id: `${id} [data-hs-editor-ul]`,
fn: () => editor.chain().focus().toggleBulletList().run()
},
{
id: `${id} [data-hs-editor-blockquote]`,
fn: () => editor.chain().focus().toggleBlockquote().run()
},
{
id: `${id} [data-hs-editor-code]`,
fn: () => editor.chain().focus().toggleCode().run()
}
];
actions.forEach(({ id, fn }) => {
const action = document.querySelector(id);
if (action === null) return;
action.addEventListener('click', fn);
});
});
</script>
<body class="hs-overlay-body-open hs-overlay-body-open:overflow-hidden agawe dark:bg-neutral-900">
<!-- ========== MAIN SIDEBAR ========== -->
<aside class="relative">
<div id="hs-pro-chat-sidebar" class="hs-overlay [--auto-close:xl] sm:w-auto j19ki xl:block hkt5v xl:end-auto wxgl1
[--auto-close-equality-type:less-than]
hs-overlay-open:translate-x-0
-translate-x-full g0ipl jahre lrm8y
lpgt1
hidden
fixed h5ske uv2uj rde91
rjuva
dark:bg-neutral-950" tabindex="-1" aria-labelledby="hs-pro-chat-sidebar-label">
<div class="qpmwn flex">
<div class="relative bo1ta zz68c flex flex-col qpmwn fmwcv rq5fj">
<header class="zz68c o1ncb flex r00n9">
<a class="flex-none umxjj oqlim inline-block y2wul focus:outline-hidden q6qta" href="../../pro/chat/index.html" aria-label="Preline">
<svg class="olxph h-auto" width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M18.0835 3.23358C9.88316 3.23358 3.23548 9.8771 3.23548 18.0723V35.5832H0.583496V18.0723C0.583496 8.41337 8.41851 0.583252 18.0835 0.583252C27.7485 0.583252 35.5835 8.41337 35.5835 18.0723C35.5835 27.7312 27.7485 35.5614 18.0835 35.5614H16.7357V32.911H18.0835C26.2838 32.911 32.9315 26.2675 32.9315 18.0723C32.9315 9.8771 26.2838 3.23358 18.0835 3.23358Z" class="y3r19 dark:fill-white" fill="currentColor"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M18.0833 8.62162C12.8852 8.62162 8.62666 12.9245 8.62666 18.2879V35.5833H5.97468V18.2879C5.97468 11.5105 11.3713 5.97129 18.0833 5.97129C24.7954 5.97129 30.192 11.5105 30.192 18.2879C30.192 25.0653 24.7954 30.6045 18.0833 30.6045H16.7355V27.9542H18.0833C23.2815 27.9542 27.54 23.6513 27.54 18.2879C27.54 12.9245 23.2815 8.62162 18.0833 8.62162Z" class="y3r19 dark:fill-white" fill="currentColor"/>
<path d="M24.8225 18.1012C24.8225 21.8208 21.8053 24.8361 18.0833 24.8361C14.3614 24.8361 11.3442 21.8208 11.3442 18.1012C11.3442 14.3815 14.3614 11.3662 18.0833 11.3662C21.8053 11.3662 24.8225 14.3815 24.8225 18.1012Z" class="y3r19 dark:fill-white" fill="currentColor"/>
</svg>
</a>
</header>
<!-- Content -->
<div class="zz68c qpmwn flex flex-col fkoia g69xo">
<!-- Nav -->
<ul class="lj7mp space-y-4">
<!-- Item -->
<li>
<a class="relative group flex flex-col r00n9 items-center ce0ho s2avd xq1jm dark:text-neutral-200 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden" href="../../pro/chat/index.html">
<span class="flex r00n9 items-center vmt4s si8if ps5iq group-hover:bg-gray-300 group-focus:bg-gray-300 dark:group-hover:bg-neutral-800 dark:group-focus:bg-neutral-800 f1zti">
<svg class="hq6gx ibvs1 group-hover:scale-110 mx-auto f1zti" xmlns="http://www.w3.org/2000/svg" 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 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg>
</span>
Inbox
<span class="flex absolute -top-1 cpkvx bo1ta">
<span class="relative si34l so7bb inline-flex r00n9 items-center b9e4b ggt5g zr4l6 oq0dt n0mud">
4
</span>
</span>
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li>
<a class="relative group flex flex-col r00n9 items-center ce0ho s2avd xq1jm dark:text-neutral-200 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden" href="../../pro/chat/tickets.html">
<span class="flex r00n9 items-center vmt4s si8if ps5iq vh6bg dark:bg-neutral-800 f1zti">
<svg class="hq6gx ibvs1 group-hover:scale-110 mx-auto f1zti" xmlns="http://www.w3.org/2000/svg" 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 9a3 3 0 0 1 0 6v2a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-2a3 3 0 0 1 0-6V7a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2Z"/><path d="M13 5v2"/><path d="M13 17v2"/><path d="M13 11v2"/></svg>
</span>
Tickets
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li>
<a class="relative group flex flex-col r00n9 items-center ce0ho s2avd xq1jm dark:text-neutral-200 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden" href="../../pro/chat/visitors.html">
<span class="flex r00n9 items-center vmt4s si8if ps5iq group-hover:bg-gray-300 group-focus:bg-gray-300 dark:group-hover:bg-neutral-800 dark:group-focus:bg-neutral-800 f1zti">
<svg class="hq6gx ibvs1 group-hover:scale-110 mx-auto f1zti" xmlns="http://www.w3.org/2000/svg" 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.54 15H17a2 2 0 0 0-2 2v4.54"/><path d="M7 3.34V5a3 3 0 0 0 3 3v0a2 2 0 0 1 2 2v0c0 1.1.9 2 2 2v0a2 2 0 0 0 2-2v0c0-1.1.9-2 2-2h3.17"/><path d="M11 21.95V18a2 2 0 0 0-2-2v0a2 2 0 0 1-2-2v-1a2 2 0 0 0-2-2H2.05"/><circle cx="12" cy="12" r="10"/></svg>
</span>
Visitors
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li>
<a class="relative group flex flex-col r00n9 items-center ce0ho s2avd xq1jm dark:text-neutral-200 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden" href="../../pro/chat/activity.html">
<span class="flex r00n9 items-center vmt4s si8if ps5iq group-hover:bg-gray-300 group-focus:bg-gray-300 dark:group-hover:bg-neutral-800 dark:group-focus:bg-neutral-800 f1zti">
<svg class="hq6gx ibvs1 group-hover:scale-110 mx-auto f1zti" xmlns="http://www.w3.org/2000/svg" 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 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2"/></svg>
</span>
Activity
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li>
<a class="relative group flex flex-col r00n9 items-center ce0ho s2avd xq1jm dark:text-neutral-200 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden" href="../../pro/chat/reports.html">
<span class="flex r00n9 items-center vmt4s si8if ps5iq group-hover:bg-gray-300 group-focus:bg-gray-300 dark:group-hover:bg-neutral-800 dark:group-focus:bg-neutral-800 f1zti">
<svg class="hq6gx ibvs1 group-hover:scale-110 mx-auto f1zti" xmlns="http://www.w3.org/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="18" x2="18" y1="20" y2="10"/><line x1="12" x2="12" y1="20" y2="4"/><line x1="6" x2="6" y1="20" y2="14"/></svg>
</span>
Reports
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li class="lg:hidden">
<a class="relative group flex flex-col r00n9 items-center ce0ho s2avd xq1jm dark:text-neutral-200 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden" href="../../pro/index.html">
<span class="flex r00n9 items-center vmt4s si8if ps5iq group-hover:bg-gray-300 group-focus:bg-gray-300 dark:group-hover:bg-neutral-800 dark:group-focus:bg-neutral-800">
<svg class="hq6gx ibvs1 group-hover:scale-110 mx-auto f1zti" xmlns="http://www.w3.org/2000/svg" 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 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z"/><path d="m3.3 7 8.7 5 8.7-5"/><path d="M12 22V12"/></svg>
</span>
Pro
<span class="absolute -top-0.5 z5b3o">
<span class="relative flex">
<span class="hoppa absolute inline-flex lpgt1 oq0dt null.notification.animation va9zg"></span>
<span class="relative inline-flex srid0 null.notification.bg oq0dt"></span>
<span class="ecbnn">Notification</span>
</span>
</span>
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li class="hidden lg:block">
</li>
<!-- End Item -->
<!-- Item -->
<li>
<!-- More Dropdown -->
<div class="hs-dropdown [--strategy:absolute] [--placement:bottom-right] [--auto-close:inside] relative inline-flex">
<button id="hs-pro-chmsnmd" type="button" class="relative group flex flex-col r00n9 items-center ce0ho s2avd xq1jm dark:text-neutral-200 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<span class="flex r00n9 items-center vmt4s si8if ps5iq group-hover:bg-gray-300 group-focus:bg-gray-300 dark:group-hover:bg-neutral-800 dark:group-focus:bg-neutral-800">
<svg class="hq6gx ibvs1 group-hover:scale-110 mx-auto f1zti" xmlns="http://www.w3.org/2000/svg" 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 7h-9"/><path d="M14 17H5"/><circle cx="17" cy="17" r="3"/><circle cx="7" cy="7" r="3"/></svg>
</span>
Settings
</button>
<!-- More Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 ho2sl transition-[opacity,margin] duration opacity-0 hidden bo1ta oo8ro lile3 rkof5 dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-chmsnmd">
<div class="ju7it space-y-0.5">
<!-- Item -->
<label for="hs-pro-chsnldin" class="jlmh5 apc69 group flex items-center vmt4s ps5iq cursor-pointer e9qjd bp13m ksr3h dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="checkbox" class="hidden" id="hs-pro-chsnldin" name="hs-pro-chsnld" checked>
<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 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg>
Inbox
<svg class="hq6gx stqz8 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 Item -->
<!-- Item -->
<label for="hs-pro-chsnldtc" class="jlmh5 apc69 group flex items-center vmt4s ps5iq cursor-pointer e9qjd bp13m ksr3h dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="checkbox" class="hidden" id="hs-pro-chsnldtc" name="hs-pro-chsnld" checked>
<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 9a3 3 0 0 1 0 6v2a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-2a3 3 0 0 1 0-6V7a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2Z"/><path d="M13 5v2"/><path d="M13 17v2"/><path d="M13 11v2"/></svg>
Ticket
<svg class="hq6gx stqz8 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 Item -->
<!-- Item -->
<label for="hs-pro-chsnldvs" class="jlmh5 apc69 group flex items-center vmt4s ps5iq cursor-pointer e9qjd bp13m ksr3h dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="checkbox" class="hidden" id="hs-pro-chsnldvs" name="hs-pro-chsnld" checked>
<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.54 15H17a2 2 0 0 0-2 2v4.54"/><path d="M7 3.34V5a3 3 0 0 0 3 3v0a2 2 0 0 1 2 2v0c0 1.1.9 2 2 2v0a2 2 0 0 0 2-2v0c0-1.1.9-2 2-2h3.17"/><path d="M11 21.95V18a2 2 0 0 0-2-2v0a2 2 0 0 1-2-2v-1a2 2 0 0 0-2-2H2.05"/><circle cx="12" cy="12" r="10"/></svg>
Visitors
<svg class="hq6gx stqz8 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 Item -->
<!-- Item -->
<label for="hs-pro-chsnldct" class="jlmh5 apc69 group flex items-center vmt4s ps5iq cursor-pointer e9qjd bp13m ksr3h dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="checkbox" class="hidden" id="hs-pro-chsnldct" name="hs-pro-chsnld">
<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>
Contacts
<svg class="hq6gx stqz8 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 Item -->
<!-- Item -->
<label for="hs-pro-chsnldac" class="jlmh5 apc69 group flex items-center vmt4s ps5iq cursor-pointer e9qjd bp13m ksr3h dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="checkbox" class="hidden" id="hs-pro-chsnldac" name="hs-pro-chsnld" checked>
<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>
Activity
<svg class="hq6gx stqz8 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 Item -->
<!-- Item -->
<label for="hs-pro-chsnldpl" class="jlmh5 apc69 group flex items-center vmt4s ps5iq cursor-pointer e9qjd bp13m ksr3h dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="checkbox" class="hidden" id="hs-pro-chsnldpl" name="hs-pro-chsnld">
<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"><rect width="7" height="7" x="14" y="3" rx="1"/><path d="M10 21V8a1 1 0 0 0-1-1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-5a1 1 0 0 0-1-1H3"/></svg>
Plugins
<svg class="hq6gx stqz8 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 Item -->
<!-- Item -->
<label for="hs-pro-chsnldrp" class="jlmh5 apc69 group flex items-center vmt4s ps5iq cursor-pointer e9qjd bp13m ksr3h dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="checkbox" class="hidden" id="hs-pro-chsnldrp" name="hs-pro-chsnld" checked>
<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="18" x2="18" y1="20" y2="10"/><line x1="12" x2="12" y1="20" y2="4"/><line x1="6" x2="6" y1="20" y2="14"/></svg>
Reports
<svg class="hq6gx stqz8 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 Item -->
<!-- Item -->
<label for="hs-pro-chsnldar" class="jlmh5 apc69 group flex items-center vmt4s ps5iq cursor-pointer e9qjd bp13m ksr3h dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="checkbox" class="hidden" id="hs-pro-chsnldar" name="hs-pro-chsnld">
<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 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z"/><path d="M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z"/></svg>
Articles
<svg class="hq6gx stqz8 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 Item -->
</div>
</div>
<!-- End More Dropdown -->
</div>
<!-- End More Dropdown -->
</li>
<!-- End Item -->
</ul>
<!-- End Nav -->
</div>
<!-- End Content -->
<!-- Footer -->
<footer class="zz68c space-y-3 yki1g">
<div class="hidden lg:block">
<!-- Project Dropdown -->
<div class="inline-flex r00n9 i65bn">
<div class="hs-dropdown relative [--strategy:absolute] [--placement:bottom-left] inline-flex">
<!-- Project Button -->
<button id="hs-pro-dnwpd" type="button" class="flex r00n9 items-center vmt4s aukwz mx- ps5iq wcxzs y4dru dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<img class="hq6gx aukwz umxjj exlm9" src="../../assets/img/logo/hs.png" alt="Logo">
<span class="ecbnn">Htmlstream</span>
</button>
<!-- End Project Button -->
<!-- Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 ravym transition-[opacity,margin] duration opacity-0 hidden a799i oo8ro lile3 rrmkk dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-dnwpd">
<div class="ju7it">
<span class="block fkoia riw3u g4kd8 cm336 t6rrs dark:text-neutral-500">
Workspaces (2)
</span>
<!-- Item -->
<label for="hs-pro-dplid1" class="d0kec rfnst group flex cufvb items-center vmt4s ps5iq 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-dplid1" name="hs-pro-dplnm" checked>
<svg class="hq6gx ibvs1 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>
<span class="e3fpz">
<span class="block t5ziw vo20k bp13m dark:text-neutral-200">
Htmlstream
</span>
<span class="block cm336 t6rrs dark:text-neutral-500">
htmlstream.preline.so
</span>
</span>
<img class="hq6gx ezw10 umxjj exlm9" src="../../assets/img/logo/hs.png" alt="Logo">
</label>
<!-- End Item -->
<!-- Item -->
<label for="hs-pro-dplid2" class="d0kec rfnst group flex cufvb items-center vmt4s ps5iq 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-dplid2" name="hs-pro-dplnm">
<svg class="hq6gx ibvs1 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>
<span class="e3fpz">
<span class="block t5ziw vo20k bp13m dark:text-neutral-200">
Bloomark
</span>
<span class="block cm336 t6rrs dark:text-neutral-500">
bloomark.preline.com
</span>
</span>
<img class="hq6gx ezw10 umxjj exlm9" src="../../assets/img/logo/logo-short.png" alt="Logo">
</label>
<!-- End Item -->
<button type="button" class="group i65bn flex items-center vmt4s i7oig rfnst 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 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="M8 12h8"/><path d="M12 8v8"/></svg>
Add a workspace
</button>
</div>
<div class="ju7it pyimf d77gl dark:border-neutral-800">
<span class="block fkoia riw3u g4kd8 cm336 t6rrs dark:text-neutral-500">
Download mobile app rjx3z
</span>
<a class="flex items-center vmt4s jlmh5 rfnst i65bn 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" href="#">
<svg class="hq6gx ibvs1" width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M25.536 0H6.464C2.892 0 0 2.892 0 6.464V25.54C0 29.108 2.892 32 6.464 32H25.54C29.108 32 32.004 29.108 32.004 25.536V6.464C32 2.892 29.108 0 25.536 0Z" fill="url(#paint0_linear_4403_2024)"/>
<path d="M15.864 7.352L16.512 6.232C16.912 5.532 17.804 5.296 18.504 5.696C19.204 6.096 19.44 6.988 19.04 7.688L12.796 18.496H17.312C18.776 18.496 19.596 20.216 18.96 21.408H5.72C4.912 21.408 4.264 20.76 4.264 19.952C4.264 19.144 4.912 18.496 5.72 18.496H9.432L14.184 10.26L12.7 7.684C12.3 6.984 12.536 6.1 13.236 5.692C13.936 5.292 14.82 5.528 15.228 6.228L15.864 7.352ZM10.248 22.908L8.848 25.336C8.448 26.036 7.556 26.272 6.856 25.872C6.156 25.472 5.92 24.58 6.32 23.88L7.36 22.08C8.536 21.716 9.492 21.996 10.248 22.908ZM22.304 18.504H26.092C26.9 18.504 27.548 19.152 27.548 19.96C27.548 20.768 26.9 21.416 26.092 21.416H23.988L25.408 23.88C25.808 24.58 25.572 25.464 24.872 25.872C24.172 26.272 23.288 26.036 22.88 25.336C20.488 21.188 18.692 18.084 17.5 16.016C16.28 13.912 17.152 11.8 18.012 11.084C18.968 12.724 20.396 15.2 22.304 18.504Z" fill="white"/>
<defs>
<linearGradient id="paint0_linear_4403_2024" x1="16.002" y1="0" x2="16.002" y2="32" gradientUnits="userSpaceOnUse">
<stop stop-color="#18BFFB"/>
<stop offset="1" stop-color="#2072F3"/>
</linearGradient>
</defs>
</svg>
App Store
<svg class="hq6gx stqz8 ms-auto x06xl" xmlns="http://www.w3.org/2000/svg" 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 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h6"/><path d="m21 3-9 9"/><path d="M15 3h6v6"/></svg>
</a>
<a class="flex items-center vmt4s jlmh5 rfnst i65bn 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" href="#">
<svg class="hq6gx ibvs1" width="32" height="37" viewBox="0 0 32 37" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.5159 11.1765L1.20745 0.140891C0.964824 1.05128e-05 0.659583 0.00783721 0.424782 0.148718C0.182154 0.289598 0.0334473 0.540052 0.0334473 0.821813C0.0334473 0.821813 0.041274 1.83928 0.0491007 3.5142L14.1137 17.5788L20.5159 11.1765Z" fill="url(#paint0_linear_4406_2034)"/>
<path d="M0.0491007 3.5142C0.0725807 9.5564 0.143021 24.2236 0.174328 31.5259L14.1215 17.5788L0.0491007 3.5142Z" fill="url(#paint1_linear_4406_2034)"/>
<path d="M31.5672 17.4927L20.5159 11.1765L14.1058 17.5788L21.3377 24.8106L31.575 18.8467C31.8177 18.7058 31.9664 18.4475 31.9664 18.1736C31.9664 17.8918 31.8098 17.6336 31.5672 17.4927Z" fill="url(#paint2_linear_4406_2034)"/>
<path d="M0.166501 31.5259C0.182154 34.1322 0.189981 35.7993 0.189981 35.7993C0.189981 36.0811 0.338688 36.3394 0.581316 36.4724C0.823943 36.6133 1.12136 36.6133 1.36399 36.4724L21.3455 24.8185L14.1137 17.5866L0.166501 31.5259Z" fill="url(#paint3_linear_4406_2034)"/>
<defs>
<linearGradient id="paint0_linear_4406_2034" x1="0.0334473" y1="18.3158" x2="31.972" y2="18.3158" gradientUnits="userSpaceOnUse">
<stop stop-color="#63BE6B"/>
<stop offset="0.506" stop-color="#5BBC6A"/>
<stop offset="1" stop-color="#4AB96A"/>
</linearGradient>
<linearGradient id="paint1_linear_4406_2034" x1="0.0249224" y1="18.313" x2="31.9479" y2="18.313" gradientUnits="userSpaceOnUse">
<stop stop-color="#3EC6F2"/>
<stop offset="1" stop-color="#45AFE3"/>
</linearGradient>
<linearGradient id="paint2_linear_4406_2034" x1="0.0468809" y1="18.322" x2="31.963" y2="18.322" gradientUnits="userSpaceOnUse">
<stop stop-color="#FAA51A"/>
<stop offset="0.387" stop-color="#FAB716"/>
<stop offset="0.741" stop-color="#FAC412"/>
<stop offset="1" stop-color="#FAC80F"/>
</linearGradient>
<linearGradient id="paint3_linear_4406_2034" x1="0.169948" y1="27.082" x2="21.3452" y2="27.082" gradientUnits="userSpaceOnUse">
<stop stop-color="#EC3B50"/>
<stop offset="1" stop-color="#E7515B"/>
</linearGradient>
</defs>
</svg>
Google Play
<svg class="hq6gx stqz8 ms-auto x06xl" xmlns="http://www.w3.org/2000/svg" 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 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h6"/><path d="m21 3-9 9"/><path d="M15 3h6v6"/></svg>
</a>
</div>
<div class="ju7it pyimf d77gl dark:border-neutral-800">
<a class="flex items-center vmt4s jlmh5 rfnst 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" href="#">
Invite people to Htmlstream
</a>
<a class="flex items-center vmt4s jlmh5 rfnst 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" href="#">
Preferences
</a>
<a class="flex items-center vmt4s jlmh5 rfnst 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" href="#">
Manage workspace
</a>
</div>
<div class="ju7it pyimf d77gl dark:border-neutral-800">
<button type="button" class="i65bn flex items-center vmt4s i7oig rfnst ps5iq t5ziw bp13m ksr3h disabled:opacity-50 focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
Sign out
<span class="ms-auto cm336 t6rrs dark:text-neutral-500">
notion.preline.so
</span>
</button>
</div>
</div>
<!-- End Dropdown -->
</div>
</div>
<!-- End Project Dropdown -->
</div>
<!-- Account Dropdown -->
<div class="inline-flex r00n9 i65bn">
<div class="hs-dropdown relative [--strategy:absolute] [--auto-close:inside] [--placement:bottom-right] inline-flex">
<button id="hs-pro-chmsad" type="button" class="flex r00n9 items-center vmt4s aukwz qgy40 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<img class="hq6gx 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 -end-0 block srid0 oq0dt t2pcc v7cgj mc62i dark:ring-neutral-800"></span>
</button>
<!-- Account Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 rmc90 transition-[opacity,margin] duration opacity-0 hidden a799i oo8ro lile3 rrmkk dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-chmsad">
<div class="ju7it">
<a class="flex items-center vmt4s jlmh5 rfnst 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" href="#">
<svg class="hq6gx hxyan 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"><rect width="20" height="14" x="2" y="5" rx="2"/><line x1="2" x2="22" y1="10" y2="10"/></svg>
Billing
</a>
<a class="flex items-center vmt4s jlmh5 rfnst 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" href="#">
<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="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>
Settings
</a>
<a class="flex items-center vmt4s jlmh5 rfnst 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" href="#">
<svg class="hq6gx hxyan 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="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg>
My account
</a>
</div>
<div class="jlmh5 o9qhu k2clc d77gl dark:border-neutral-800">
<!-- Switch/Toggle -->
<div class="flex flex-wrap uip67 items-center h1dxu">
<label for="hs-pro-chmsaddm" class="flex flex-1 cursor-pointer t5ziw bp13m dark:text-neutral-300">Dark mode</label>
<label for="hs-pro-chmsaddm" class="relative inline-block mid1e ljyfw cursor-pointer">
<input data-hs-theme-switch type="checkbox" id="hs-pro-chmsaddm" 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 wjm3v vtbde jhf88 peer-checked:translate-x-full dark:bg-neutral-400 dark:peer-checked:bg-white"></span>
</label>
</div>
<!-- End Switch/Toggle -->
</div>
<div class="ju7it">
<a class="flex items-center vmt4s jlmh5 rfnst 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" href="#">
Sign out
</a>
</div>
</div>
<!-- End Account Dropdown -->
</div>
</div>
<!-- End Account Dropdown -->
</footer>
<!-- End Footer -->
</div>
<!-- Tickets -->
<div class="mjoma lpgt1 truncate oo8ro yq7rt d77gl dark:bg-neutral-800 dark:border-neutral-700">
<div class="qpmwn flex flex-col">
<!-- Header -->
<div class="n33uu mdgiz flex uip67 items-center lialp">
<span id="hs-pro-chat-sidebar-label" class="block truncate y2wul bp13m dark:text-neutral-200">
Tickets
</span>
<div class="flex items-center">
<!-- Button -->
<button type="button" class="flex r00n9 items-center vmt4s aukwz 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" data-hs-overlay="#hs-pro-chhcp">
<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="M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"/><path d="M18.375 2.625a2.121 2.121 0 1 1 3 3L12 15l-4 1 1-4Z"/></svg>
<span class="ecbnn">Compose</span>
</button>
<!-- End Button -->
<!-- Button -->
<div class="lg:hidden relative flex items-center pgjbi yujsw zocwd before:absolute before:top-1/2 before:start-0 before:w-px before:h-4 before:bg-gray-200 before:-translate-y-1/2 dark:before:bg-neutral-700">
<button type="button" class="flex r00n9 items-center vmt4s aukwz 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" data-hs-overlay="#hs-pro-chat-sidebar">
<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>
<span class="ecbnn">Compose</span>
</button>
</div>
<!-- End Button -->
</div>
</div>
<!-- End Header -->
<!-- Search Input -->
<div class="n33uu p7rf8">
<div class="relative">
<input type="text" class="i7oig rfnst block i65bn agawe qb17b ps5iq psfwb fkkng tgrws ai5kb pbmvj j9afk oo46r tyfry disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-700/50 dark:hover:bg-neutral-800 dark:hover:border-neutral-700 dark:text-neutral-300 dark:placeholder:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 dark:focus:ring-neutral-600 dark:focus:border-neutral-600" placeholder="Search">
<div class="hidden absolute h5ske fug6q flex items-center howv4 a799i jjspw">
<button type="button" class="inline-flex hq6gx r00n9 items-center awhdl oq0dt t6rrs ck8au focus:outline-hidden oahj8 dark:text-neutral-500 dark:hover:text-blue-500 dark:focus:text-blue-500" aria-label="Close">
<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"><circle cx="12" cy="12" r="10"/><path d="m15 9-6 6"/><path d="m9 9 6 6"/></svg>
</button>
</div>
</div>
</div>
<!-- End Search Input -->
<div class="qpmwn flex flex-col overflow-y-auto n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700/50 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<!-- List -->
<div class="n33uu flex flex-col rde0s">
<a class="flex items-center djhx3 jlmh5 kzzmm e9qjd bp13m ps5iq agawe focus:outline-hidden dark:bg-neutral-700/50 dark:text-neutral-300" href="tickets.html">
<span class="ybw39">
<svg class="hq6gx stqz8 mx-auto" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="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>
<span class="truncate">All</span>
<span class="ms-auto">
<span class="cm336 x06xl">
199
</span>
</span>
</a>
<a class="flex items-center djhx3 jlmh5 kzzmm e9qjd bp13m ps5iq ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-700/50 dark:text-neutral-200 dark:focus:bg-neutral-700/50" href="activity.html">
<span class="ybw39">
<svg class="hq6gx stqz8 mx-auto" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2"/></svg>
</span>
<span class="truncate">My Activity</span>
<span class="ms-auto">
<span class="cm336 x06xl">
20
</span>
</span>
</a>
<a class="flex items-center djhx3 jlmh5 kzzmm e9qjd bp13m ps5iq ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-700/50 dark:text-neutral-200 dark:focus:bg-neutral-700/50" href="#">
<span class="ybw39">
<svg class="hq6gx stqz8 mx-auto" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="4"/><path d="M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-4 8"/></svg>
</span>
<span class="truncate">Mentions</span>
<span class="ms-auto">
<span class="cm336 x06xl">
8
</span>
</span>
</a>
<a class="flex items-center djhx3 jlmh5 kzzmm e9qjd bp13m ps5iq ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-700/50 dark:text-neutral-200 dark:focus:bg-neutral-700/50" href="#">
<span class="ybw39">
<svg class="hq6gx stqz8 mx-auto" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z"/><path d="m15 5 4 4"/></svg>
</span>
<span class="truncate">Created by you</span>
<span class="ms-auto">
<span class="cm336 x06xl">
14
</span>
</span>
</a>
<a class="flex items-center djhx3 jlmh5 kzzmm y2wul e9qjd bp13m ps5iq ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-700/50 dark:text-neutral-200 dark:focus:bg-neutral-700/50" href="#">
<span class="ybw39">
<svg class="hq6gx stqz8 mx-auto" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><line x1="19" x2="19" y1="8" y2="14"/><line x1="22" x2="16" y1="11" y2="11"/></svg>
</span>
<span class="truncate">Assigned</span>
<span class="ms-auto">
<span class="cm336">
62
</span>
</span>
</a>
<a class="flex items-center djhx3 jlmh5 kzzmm e9qjd bp13m ps5iq ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-700/50 dark:text-neutral-300 dark:focus:bg-neutral-700/50" href="#">
<span class="ybw39">
<svg class="hq6gx stqz8 mx-auto" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="10" cy="7" r="4"/><path d="M10.3 15H7a4 4 0 0 0-4 4v2"/><circle cx="17" cy="17" r="3"/><path d="m21 21-1.9-1.9"/></svg>
</span>
<span class="truncate">Unassigned</span>
<span class="ms-auto">
<span class="cm336 x06xl">
28
</span>
</span>
</a>
<!-- List -->
<div class="hs-accordion" id="show-more-accordion">
<button type="button" class="hs-accordion-toggle flex hq6gx r00n9 items-center vmt4s jlmh5 apc69 cm336 t6rrs ps5iq ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-700 dark:text-neutral-500 dark:focus:bg-neutral-700" aria-expanded="true" aria-controls="show-more-accordion-sub">
<svg class="hs-accordion-force-active hs-accordion-active:rotate-90 hq6gx stqz8 f1zti" xmlns="http://www.w3.org/2000/svg" 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>
Show more
</button>
<!-- Accordion -->
<div id="show-more-accordion-sub" class="hs-accordion-content i65bn overflow-hidden transition-[height] jahre hidden" role="region" aria-labelledby="show-more-accordion">
<!-- List -->
<div class="hs-accordion-group hxyan space-y-0.5" data-hs-accordion-always-open>
<a class="flex items-center djhx3 jlmh5 kzzmm e9qjd bp13m ps5iq ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-700/50 dark:text-neutral-300 dark:focus:bg-neutral-700/50" href="#">
<span class="ybw39">
<svg class="hq6gx stqz8 mx-auto" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="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>
<span class="truncate">Trash</span>
</a>
<a class="flex items-center djhx3 jlmh5 kzzmm y2wul e9qjd bp13m ps5iq ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-700/50 dark:text-neutral-200 dark:focus:bg-neutral-700/50" href="#">
<span class="ybw39">
<svg class="hq6gx stqz8 mx-auto" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3"/><path d="M12 9v4"/><path d="M12 17h.01"/></svg>
</span>
<span class="truncate">Spam</span>
<span class="ms-auto">
<span class="cm336">
3
</span>
</span>
</a>
</div>
<!-- End List -->
</div>
<!-- End Accordion -->
</div>
<!-- End List -->
</div>
<!-- End List -->
<!-- List -->
<div class="hs-accordion n33uu group active" id="teams-accordion">
<!-- Heading -->
<div class="flex items-center lialp jrfm7">
<button type="button" class="hs-accordion-toggle flex hq6gx r00n9 items-center awhdl t6rrs ps5iq ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-700 dark:text-neutral-500 dark:focus:bg-neutral-700" aria-expanded="true" aria-controls="teams-accordion-sub">
<svg class="hs-accordion-force-active hs-accordion-active:rotate-90 hq6gx stqz8 f1zti" xmlns="http://www.w3.org/2000/svg" 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>
<span class="ecbnn">Toggle Button</span>
</button>
<span class="truncate cm336 t6rrs dark:text-neutral-500">Teams</span>
<div class="hs-tooltip [--placement:left] inline-block ms-auto group-hover:opacity-100 opacity-0">
<button type="button" class="flex hq6gx r00n9 items-center awhdl t6rrs ps5iq ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-700 dark:text-neutral-500 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="M5 12h14"/><path d="M12 5v14"/></svg>
<span class="ecbnn">Create</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 dark:bg-neutral-700" role="tooltip">
Create new teams
</span>
</div>
</div>
<!-- End Heading -->
<!-- Accordion -->
<div id="teams-accordion-sub" class="hs-accordion-content i65bn overflow-hidden transition-[height] jahre" role="region" aria-labelledby="teams-accordion">
<!-- List -->
<div class="hs-accordion-group hxyan space-y-0.5" data-hs-accordion-always-open>
<a class="flex items-center djhx3 jlmh5 kzzmm e9qjd bp13m ps5iq ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-700/50 dark:text-neutral-300 dark:focus:bg-neutral-700/50" href="#">
<span class="ybw39">
<svg class="hq6gx stqz8 mx-auto" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="4" x2="20" y1="9" y2="9"/><line x1="4" x2="20" y1="15" y2="15"/><line x1="10" x2="8" y1="3" y2="21"/><line x1="16" x2="14" y1="3" y2="21"/></svg>
</span>
<span class="truncate">General</span>
<span class="ms-auto">
<span class="cm336 x06xl">
70
</span>
</span>
</a>
<a class="flex items-center djhx3 jlmh5 kzzmm e9qjd bp13m ps5iq ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-700/50 dark:text-neutral-300 dark:focus:bg-neutral-700/50" href="#">
<span class="ybw39">
<svg class="hq6gx stqz8 mx-auto" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="11" x="3" y="11" rx="2" ry="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/></svg>
</span>
<span class="truncate">Devs</span>
<span class="ms-auto">
<span class="cm336 x06xl">
8
</span>
</span>
</a>
<a class="flex items-center djhx3 jlmh5 kzzmm y2wul e9qjd bp13m ps5iq ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-700/50 dark:text-neutral-300 dark:focus:bg-neutral-700/50" href="#">
<span class="ybw39">
<svg class="hq6gx stqz8 mx-auto" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="11" x="3" y="11" rx="2" ry="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/></svg>
</span>
<span class="truncate">Slack - Internal</span>
<span class="ms-auto">
<span class="cm336">
50
</span>
</span>
</a>
<button type="button" class="flex items-center djhx3 i65bn jlmh5 kzzmm cm336 t6rrs ps5iq ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-700/50 dark:text-neutral-500 dark:focus:bg-neutral-700/50">
<span class="flex r00n9 items-center ca09w rjuva t6rrs oq0dt dark:bg-neutral-500/10 dark:text-neutral-500">
<svg class="hq6gx stqz8 mx-auto" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>
</span>
<span class="truncate">Add team</span>
</button>
</div>
<!-- End List -->
</div>
<!-- End Accordion -->
</div>
<!-- End List -->
<!-- List -->
<div class="hs-accordion n33uu group active" id="teammates-accordion">
<!-- Heading -->
<div class="flex items-center lialp jrfm7">
<button type="button" class="hs-accordion-toggle flex hq6gx r00n9 items-center awhdl t6rrs ps5iq ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-700 dark:text-neutral-500 dark:focus:bg-neutral-700" aria-expanded="true" aria-controls="teammates-accordion-sub">
<svg class="hs-accordion-force-active hs-accordion-active:rotate-90 hq6gx stqz8 f1zti" xmlns="http://www.w3.org/2000/svg" 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>
<span class="ecbnn">Toggle Button</span>
</button>
<span class="truncate cm336 t6rrs dark:text-neutral-500">Teammates</span>
<div class="hs-tooltip [--placement:left] inline-block ms-auto group-hover:opacity-100 opacity-0">
<button type="button" class="flex hq6gx r00n9 items-center awhdl t6rrs ps5iq ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-700 dark:text-neutral-500 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="M5 12h14"/><path d="M12 5v14"/></svg>
<span class="ecbnn">Create</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 dark:bg-neutral-700" role="tooltip">
Invite teammates
</span>
</div>
</div>
<!-- End Heading -->
<!-- Accordion -->
<div id="teammates-accordion-sub" class="hs-accordion-content i65bn overflow-hidden transition-[height] jahre" role="region" aria-labelledby="teammates-accordion">
<!-- List -->
<div class="hs-accordion-group hxyan space-y-0.5" data-hs-accordion-always-open>
<a class="flex items-center djhx3 jlmh5 kzzmm e9qjd bp13m ps5iq ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-700/50 dark:text-neutral-300 dark:focus:bg-neutral-700/50" href="#">
<img class="hq6gx ca09w oq0dt" src="https://images.unsplash.com/photo-1679412330254-90cb240038c5?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80" alt="Avatar">
<div class="e3fpz">
<span class="block e9qjd bp13m dark:text-neutral-200">
Lewis Clarke
</span>
</div>
</a>
<a class="flex items-center djhx3 jlmh5 kzzmm e9qjd bp13m ps5iq ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-700/50 dark:text-neutral-300 dark:focus:bg-neutral-700/50" href="#">
<img class="hq6gx ca09w oq0dt" src="https://images.unsplash.com/photo-1659482634023-2c4fda99ac0c?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80" alt="Avatar">
<div class="e3fpz">
<span class="block e9qjd bp13m dark:text-neutral-200">
Ella Lauda
</span>
</div>
</a>
<a class="flex items-center djhx3 jlmh5 kzzmm e9qjd bp13m ps5iq ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-700/50 dark:text-neutral-300 dark:focus:bg-neutral-700/50" href="#">
<span class="flex hq6gx r00n9 items-center ca09w cm336 vo20k e7zws nkesj zr4l6 oq0dt">
R
</span>
<div class="e3fpz">
<span class="block e9qjd bp13m dark:text-neutral-200">
Rachel Doe
</span>
</div>
</a>
<button type="button" class="flex items-center djhx3 i65bn jlmh5 kzzmm cm336 t6rrs ps5iq ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-700/50 dark:text-neutral-500 dark:focus:bg-neutral-700/50">
<span class="flex r00n9 items-center ca09w rjuva t6rrs oq0dt dark:bg-neutral-500/10 dark:text-neutral-500">
<svg class="hq6gx stqz8 mx-auto" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>
</span>
<span class="truncate">Add teammates</span>
</button>
</div>
<!-- End List -->
</div>
<!-- End Accordion -->
</div>
<!-- End List -->
<!-- List -->
<div class="hs-accordion n33uu group active" id="records-accordion">
<!-- Heading -->
<div class="flex items-center lialp jrfm7">
<button type="button" class="hs-accordion-toggle flex hq6gx r00n9 items-center awhdl t6rrs ps5iq ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-700 dark:text-neutral-500 dark:focus:bg-neutral-700" aria-expanded="true" aria-controls="records-accordion-sub">
<svg class="hs-accordion-force-active hs-accordion-active:rotate-90 hq6gx stqz8 f1zti" xmlns="http://www.w3.org/2000/svg" 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>
<span class="ecbnn">Toggle Button</span>
</button>
<span class="truncate cm336 t6rrs dark:text-neutral-500">Records</span>
<div class="hs-tooltip [--placement:left] inline-block ms-auto group-hover:opacity-100 opacity-0">
<button type="button" class="flex hq6gx r00n9 items-center awhdl t6rrs ps5iq ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-700 dark:text-neutral-500 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="M5 12h14"/><path d="M12 5v14"/></svg>
<span class="ecbnn">Create</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 dark:bg-neutral-700" role="tooltip">
Create new records
</span>
</div>
</div>
<!-- End Heading -->
<!-- Accordion -->
<div id="records-accordion-sub" class="hs-accordion-content i65bn overflow-hidden transition-[height] jahre" role="region" aria-labelledby="records-accordion">
<!-- List -->
<div class="hs-accordion-group hxyan space-y-0.5" data-hs-accordion-always-open>
<a class="flex items-center djhx3 jlmh5 kzzmm e9qjd bp13m ps5iq ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-700/50 dark:text-neutral-300 dark:focus:bg-neutral-700/50" href="#">
<span class="flex r00n9 items-center ca09w q4mvv zr4l6 cm336 oq0dt">
C
</span>
Companies
</a>
<a class="flex items-center djhx3 jlmh5 kzzmm e9qjd bp13m ps5iq ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-700/50 dark:text-neutral-300 dark:focus:bg-neutral-700/50" href="#">
<span class="flex r00n9 items-center ca09w aiatl zr4l6 cm336 oq0dt">
P
</span>
People
</a>
<a class="flex items-center djhx3 jlmh5 kzzmm e9qjd bp13m ps5iq ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-700/50 dark:text-neutral-300 dark:focus:bg-neutral-700/50" href="#">
<span class="flex r00n9 items-center ca09w s9hq0 zr4l6 cm336 oq0dt">
W
</span>
Workspaces
</a>
<a class="flex items-center djhx3 jlmh5 kzzmm e9qjd bp13m ps5iq ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-700/50 dark:text-neutral-300 dark:focus:bg-neutral-700/50" href="#">
<span class="flex r00n9 items-center ca09w s47lh zr4l6 cm336 oq0dt dark:bg-neutral-600">
P
</span>
Products
</a>
<button type="button" class="flex items-center djhx3 i65bn jlmh5 kzzmm cm336 t6rrs ps5iq ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-700/50 dark:text-neutral-500 dark:focus:bg-neutral-700/50">
<span class="flex r00n9 items-center ca09w rjuva t6rrs oq0dt dark:bg-neutral-500/10 dark:text-neutral-500">
<svg class="hq6gx stqz8 mx-auto" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>
</span>
<span class="truncate">Add record</span>
</button>
</div>
<!-- End List -->
</div>
<!-- End Accordion -->
</div>
<!-- End List -->
</div>
</div>
</div>
<!-- End Tickets -->
</div>
</div>
</aside>
<!-- ========== END MAIN SIDEBAR ========== -->
<!-- ========== MAIN CONTENT ========== -->
<main id="content" class="2xl:hs-overlay-layout-open:pe-96 vadju t30dq g0ipl jahre">
<!-- Secondary Sidebar -->
<div id="hs-pro-chtshid1" class="hs-overlay [--auto-close:xl]
hs-overlay-open:translate-x-0
-translate-x-full g0ipl jahre lrm8y
z8q73 i65bn
hidden
fixed h5ske uv2uj a799i pxnni r3zw6 lg:block ykh3p
oo8ro atiiv d77gl
dark:bg-neutral-800 dark:border-neutral-700" tabindex="-1" aria-labelledby="hs-pro-chtshid1-label">
<div class="qpmwn flex flex-col">
<!-- Header -->
<div class="o1ncb mdgiz ajrjw flex uip67 items-center lialp ic6aj d77gl dark:border-neutral-700">
<span id="hs-pro-chtshid1-label" class="block truncate y2wul bp13m dark:text-neutral-200">
All
</span>
<div class="flex items-center pgjbi">
<!-- Update Ticket Status Dropdown -->
<div class="hs-dropdown [--placement:top-right] relative inline-flex">
<button id="hs-pro-chttfd" type="button" class="flex r00n9 items-center ezw10 t6rrs ksr3h ps5iq focus:outline-hidden kf4z7 disabled:opacity-50 disabled:pointer-events-none 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="M7 12h10"/><path d="M10 18h4"/></svg>
<span class="ecbnn">Filter</span>
</button>
<!-- Update Ticket Status Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 ho2sl transition-[opacity,margin] duration opacity-0 hidden ocib4 oo8ro lile3 rkof5 dark:bg-neutral-950" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-chttfd">
<!-- List -->
<div class="ju7it pyimf d77gl dark:border-neutral-800">
<div class="space-y-0.5 qe6jk overflow-y-auto a57yt xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<!-- Item -->
<label for="hs-pro-chttfdall" class="jlmh5 apc69 group flex items-center vmt4s ps5iq 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-chttfdall" name="hs-pro-chttfdin" checked>
All
<svg class="hq6gx stqz8 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 Item -->
<!-- Item -->
<label for="hs-pro-chttfdmn" class="jlmh5 apc69 group flex items-center vmt4s ps5iq 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-chttfdmn" name="hs-pro-chttfdin">
Mentions
<svg class="hq6gx stqz8 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 Item -->
<!-- Item -->
<label for="hs-pro-chttfdcby" class="jlmh5 apc69 group flex items-center vmt4s ps5iq 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-chttfdcby" name="hs-pro-chttfdin">
Created by you
<svg class="hq6gx stqz8 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 Item -->
<!-- Item -->
<label for="hs-pro-chttfdas" class="jlmh5 apc69 group flex items-center vmt4s ps5iq 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-chttfdas" name="hs-pro-chttfdin">
Assigned
<svg class="hq6gx stqz8 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 Item -->
<!-- Item -->
<label for="hs-pro-chttfdua" class="jlmh5 apc69 group flex items-center vmt4s ps5iq 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-chttfdua" name="hs-pro-chttfdin">
Unassigned
<svg class="hq6gx stqz8 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 Item -->
</div>
</div>
<!-- List -->
</div>
<!-- End Update Ticket Status Dropdown -->
</div>
<!-- End Update Ticket Status Dropdown -->
<div class="relative jrfm7 u7zz8 before:block before:absolute before:top-1/2 before:start-0 before:w-px before:h-4 before:bg-gray-200 before:-translate-y-1/2 dark:before:bg-neutral-700">
<!-- Select -->
<div class="relative inline-block">
<select id="hs-pro-select-revenue" data-hs-select='{
"placeholder": "Select option...",
"toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>",
"toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative jlmh5 g4kd8 ipy9g inline-flex hq6gx r00n9 items-center vrcxw cm336 t6rrs ps5iq ksr3h focus:outline-hidden kf4z7 before:absolute before:inset-0 before:z-1 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700",
"dropdownClasses": "ls9te ucmtr fug6q ho2sl ju7it space-y-0.5 oo8ro lile3 rrmkk dark:bg-neutral-900",
"optionClasses": "hs-selected:bg-gray-100 dark:hs-selected:bg-neutral-800 jlmh5 kzzmm i65bn e9qjd bp13m ps5iq 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=\"aufy5 \" data-icon></div><div class=\"bp13m dark:text-neutral-200 \" data-title></div></div></div>",
"extraMarkup": "<div class=\"absolute wgue8 p1b8r -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=\"m6 9 6 6 6-6\"/></svg></div>"
}' class="hidden">
<option value="">Choose</option>
<option value="1" selected data-hs-select-option='{
"icon": "<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=\"M7 2h10\"/><path d=\"M5 6h14\"/><rect width=\"18\" height=\"12\" x=\"3\" y=\"10\" rx=\"2\"/></svg>"
}'>All</option>
<option value="2" data-hs-select-option='{
"icon": "<svg class=\"hq6gx ibvs1 \" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m5 12 7-7 7 7\"/><path d=\"M12 19V5\"/></svg>"
}'>Newest</option>
<option value="3" data-hs-select-option='{
"icon": "<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=\"M12 5v14\"/><path d=\"m19 12-7 7-7-7\"/></svg>"
}'>Oldest</option>
<option value="5" data-hs-select-option='{
"icon": "<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=\"M11.7 3H5a2 2 0 0 0-2 2v16l4-4h12a2 2 0 0 0 2-2v-2.7\"/><circle cx=\"18\" cy=\"6\" r=\"3\"/></svg>"
}'>Unread</option>
<option value="6" data-hs-select-option='{
"icon": "<svg class=\"hq6gx ibvs1 \" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14\"/><path d=\"m12 5 7 7-7 7\"/></svg>"
}'>Unresolved</option>
<option value="7" data-hs-select-option='{
"icon": "<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 6 9 17l-5-5\"/></svg>"
}'>Resolved</option>
</select>
</div>
<!-- End Select -->
</div>
<button type="button" class="lg:hidden flex r00n9 items-center vmt4s aukwz 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" data-hs-overlay="#hs-pro-chtshid1">
<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>
<span class="ecbnn">Close</span>
</button>
</div>
</div>
<!-- End Header -->
<div id="hs-pro-tabs-chtshid-all" class="qpmwn overflow-y-auto n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<div aria-label="Tabs" role="tablist" aria-orientation="vertical">
<!-- Message -->
<div class="hs-tab-active:bg-gray-200 dark:hs-tab-active:bg-neutral-700/70 relative overflow-hidden group cursor-pointer oo8ro ksr3h focus:outline-hidden kf4z7 dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:border-neutral-700 active" id="hs-pro-tabs-chtcpt-item-1" aria-selected="true" data-hs-tab="#hs-pro-tabs-chtcpt-1" aria-controls="hs-pro-tabs-chtcpt-1" role="tab" >
<div class="gxlt6 blhyt ic6aj pcsut dark:border-neutral-700">
<div class="flex djhx3">
<div class="xe8oj hq6gx">
<div class="relative aukwz">
<img class="hq6gx ezw10 oq0dt" src="https://images.unsplash.com/photo-1601935111741-ae98b2b230b0?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80" alt="Avatar">
<span class="absolute kf24f pzz8u flex hq6gx r00n9 items-center ca09w oo8ro oq0dt group-hover:bg-gray-100 dark:bg-neutral-800 dark:group-hover:bg-neutral-700">
<svg class="hq6gx stqz8" width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16 32C24.8365 32 32 24.8365 32 16C32 7.16346 24.8365 0 16 0C7.16346 0 0 7.16346 0 16C0 24.8365 7.16346 32 16 32Z" fill="#34AADF"/><path d="M6.65901 15.8612C6.65901 15.8612 14.659 12.578 17.4335 11.422C18.4972 10.9596 22.1041 9.47974 22.1041 9.47974C22.1041 9.47974 23.7688 8.83238 23.6301 10.4046C23.5838 11.052 23.2139 13.3179 22.844 15.7688C22.289 19.237 21.6879 23.0289 21.6879 23.0289C21.6879 23.0289 21.5954 24.0925 20.8093 24.2774C20.0232 24.4624 18.7283 23.6301 18.4972 23.4451C18.3121 23.3064 15.0289 21.2254 13.8266 20.2081C13.5029 19.9306 13.133 19.3757 13.8728 18.7283C15.5376 17.2023 17.526 15.3064 18.7283 14.1041C19.2833 13.5491 19.8381 12.2543 17.526 13.8266C14.2428 16.0925 11.0058 18.2196 11.0058 18.2196C11.0058 18.2196 10.2659 18.682 8.87866 18.2659C7.49133 17.8497 5.87283 17.2948 5.87283 17.2948C5.87283 17.2948 4.76307 16.6012 6.65901 15.8612Z" fill="white"/></svg>
</span>
</div>
</div>
<div class="e3fpz truncate">
<div class="flex uip67 pgjbi">
<span class="block truncate vo20k e9qjd bp13m dark:text-neutral-200">Costa Quinn</span>
<span class="block b9e4b lluhh kvliy e7zws dark:text-neutral-500">1m</span>
</div>
<div class="xe8oj flex uip67 items-center pgjbi">
<div class="flw29 truncate">
<p class="truncate cm336 t6rrs dark:text-neutral-500">Telegram chat</p>
</div>
</div>
<div class="flex items-center vrcxw xe8oj">
<div class="flw29 truncate">
<p class="truncate y2wul bp13m dark:text-neutral-200 cm336">Awesome!</p>
</div>
</div>
</div>
</div>
</div>
</div><!-- End Message -->
<!-- Message -->
<div class="hs-tab-active:bg-gray-200 dark:hs-tab-active:bg-neutral-700/70 relative overflow-hidden group cursor-pointer oo8ro ksr3h focus:outline-hidden kf4z7 dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:border-neutral-700 " id="hs-pro-tabs-chtcpt-item-2" aria-selected="false" data-hs-tab="#hs-pro-tabs-chtcpt-2" aria-controls="hs-pro-tabs-chtcpt-2" role="tab" >
<div class="gxlt6 blhyt ic6aj pcsut dark:border-neutral-700">
<div class="flex djhx3">
<div class="xe8oj hq6gx">
<div class="relative aukwz">
<span class="flex hq6gx r00n9 items-center ezw10 cm336 vo20k e7zws nkesj zr4l6 oq0dt">
I
</span>
<span class="absolute kf24f pzz8u flex hq6gx r00n9 items-center ca09w oo8ro oq0dt group-hover:bg-gray-100 dark:bg-neutral-800 dark:group-hover:bg-neutral-700">
<svg class="hq6gx a49ku" width="32" height="25" viewBox="0 0 32 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.18187 24.4817H7.27275V12.1181L0 6.66351V22.2999C0 23.5054 0.976375 24.4817 2.18187 24.4817Z" fill="#4285F4"/><path d="M24.7272 24.4817H29.8182C31.0236 24.4817 32 23.5053 32 22.2999V6.66351L24.7272 12.1181V24.4817Z" fill="#34A853"/><path d="M24.7272 2.66351V12.1181L32 6.66351V3.75445C32 1.05807 28.9219 -0.481929 26.7636 1.13626L24.7272 2.66351Z" fill="#FBBC04"/><path fill-rule="evenodd" clip-rule="evenodd" d="M7.27275 12.1181V2.66351L16 9.20901L24.7272 2.66351V12.1181L16 18.6635L7.27275 12.1181Z" fill="#EA4335"/><path d="M0 3.75445V6.66351L7.27275 12.1181V2.66351L5.23637 1.13626C3.07812 -0.48193 0 1.0582 0 3.75445Z" fill="#C5221F"/></svg>
</span>
</div>
</div>
<div class="e3fpz truncate">
<div class="flex uip67 pgjbi">
<span class="block truncate vo20k e9qjd bp13m dark:text-neutral-200">Inbox team</span>
<span class="block b9e4b lluhh kvliy e7zws dark:text-neutral-500">34m</span>
</div>
<div class="xe8oj flex uip67 items-center pgjbi">
<div class="flw29 truncate">
<p class="truncate cm336 t6rrs dark:text-neutral-500">[Gmail Forwarding Confirmation of the Payment]</p>
</div>
<div class="hs-tooltip [--placement:left] inline-block">
<span class="flex hq6gx r00n9 items-center ibvs1 oq0dt">
<svg class="hq6gx ibvs1 le8iz" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="10" x2="14" y1="2" y2="2"/><line x1="12" x2="15" y1="14" y2="11"/><circle cx="12" cy="14" r="8"/></svg>
</span>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i d0kec lxh7u w-auto d94zi ym42y cm336 zr4l6 ps5iq lt27r dark:bg-neutral-700" role="tooltip">
Snoozed
</span>
</div>
</div>
<div class="flex items-center vrcxw xe8oj">
<div class="flw29 truncate">
<p class="truncate t6rrs dark:text-neutral-500 cm336">I keep getting failed payments. what's the reason?</p>
</div>
</div>
</div>
</div>
</div>
</div><!-- End Message -->
</div>
</div>
</div>
</div>
<!-- End Secondary Sidebar -->
<!-- Tab Content -->
<div id="hs-pro-tabs-chtcpt-1" role="tabpanel" aria-labelledby="hs-pro-tabs-chtcpt-item-1">
<div class="relative u35nr flex flex-col c9j8j">
<!-- Header -->
<header class="qp3gf ofq05 fszza bo1ta n33uu si7p1 flex uip67 items-center lialp oo8ro ic6aj d77gl dark:bg-neutral-800 dark:border-neutral-700">
<div class="qzvcy sm:w-auto xl:hidden flex items-center">
<div class="e6xbu flex items-center pgjbi">
<!-- Sidebar Toggle -->
<button type="button" class="flex r00n9 items-center pgjbi jlmh5 kzzmm lgfl9 cm336 xq1jm oo8ro ksr3h oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:bg-neutral-800 dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200" data-hs-overlay="#hs-pro-chat-sidebar" aria-controls="hs-pro-chat-sidebar" aria-label="Toggle navigation">
<svg class="hq6gx ibvs1 -ms-1" xmlns="http://www.w3.org/2000/svg" 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> Menu
</button>
<!-- End Sidebar Toggle -->
<div class="lg:hidden relative jrfm7 u7zz8 before:block before:absolute before:top-1/2 before:start-0 before:w-px before:h-4 before:bg-gray-200 before:-translate-y-1/2 dark:before:bg-neutral-700">
<!-- Sidebar Toggle -->
<button type="button" class="flex r00n9 items-center pgjbi jlmh5 kzzmm lgfl9 cm336 xq1jm oo8ro ksr3h oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:bg-neutral-800 dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200" data-hs-overlay="#hs-pro-chtshid1" aria-controls="hs-pro-chtshid1" aria-label="Toggle navigation">
<svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 9a2 2 0 0 1-2 2H6l-4 4V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2z"/><path d="M18 9h2a2 2 0 0 1 2 2v11l-4-4h-6a2 2 0 0 1-2-2v-1"/></svg>
</button>
<!-- End Sidebar Toggle -->
</div>
</div>
</div>
<!-- Update Ticket Status Dropdown -->
<div class="hs-dropdown relative inline-flex">
<button id="hs-pro-inthmtdid1" type="button" class="jlmh5 rfnst flex r00n9 items-center eymwd zr4l6 x5ovd g8o57 dark:bg-neutral-100 dark:text-neutral-800 dark:hover:bg-white dark:focus:bg-white.class dslo6 cm336 piafy ps5iq disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden dark:text-neutral-400">
Closed
</button>
<!-- Update Ticket Status Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 sfg1r transition-[opacity,margin] duration opacity-0 hidden ocib4 oo8ro lile3 rkof5 dark:bg-neutral-950" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-inthmtdid1">
<!-- Heading -->
<div class="i7oig dkhxo">
<span class="block vo20k e9qjd bp13m dark:text-neutral-200">
<span class="truncate">Update ticket status</span>
</span>
</div>
<!-- End Heading -->
<!-- List -->
<div class="ju7it pyimf d77gl dark:border-neutral-800">
<div class="space-y-0.5 qe6jk overflow-y-auto a57yt xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<!-- Item -->
<label for="hs-pro-chthuts1op" class="jlmh5 apc69 group flex items-center vmt4s ps5iq 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-chthuts1op" name="hs-pro-chthuts1" >
<span class="hq6gx stqz8 flex r00n9 items-center">
<span class="hq6gx srid0 block mx-auto s9hq0 oq0dt"></span>
</span>
Open
<svg class="hq6gx stqz8 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 Item -->
<!-- Item -->
<label for="hs-pro-chthuts1ip" class="jlmh5 apc69 group flex items-center vmt4s ps5iq 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-chthuts1ip" name="hs-pro-chthuts1" >
<span class="hq6gx stqz8 flex r00n9 items-center">
<span class="hq6gx srid0 block mx-auto ot31m oq0dt"></span>
</span>
In progress
<svg class="hq6gx stqz8 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 Item -->
<!-- Item -->
<label for="hs-pro-chthuts1oh" class="jlmh5 apc69 group flex items-center vmt4s ps5iq 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-chthuts1oh" name="hs-pro-chthuts1" >
<span class="hq6gx stqz8 flex r00n9 items-center">
<span class="hq6gx srid0 block mx-auto ggt5g oq0dt"></span>
</span>
Snoozed
<svg class="hq6gx stqz8 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 Item -->
<!-- Item -->
<label for="hs-pro-chthuts1cd" class="jlmh5 apc69 group flex items-center vmt4s ps5iq 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-chthuts1cd" name="hs-pro-chthuts1" checked>
<span class="hq6gx stqz8 flex r00n9 items-center">
<span class="hq6gx srid0 block mx-auto eymwd dark:bg-neutral-200 oq0dt"></span>
</span>
Closed
<svg class="hq6gx stqz8 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 Item -->
</div>
</div>
<!-- List -->
</div>
<!-- End Update Ticket Status Dropdown -->
</div>
<!-- End Update Ticket Status Dropdown -->
<div class="qzvcy sm:w-auto flex c9j8j items-center bj6m2">
<!-- Button -->
<div class="hs-tooltip [--placement:bottom] hidden sm:inline-block">
<button type="button" class="hs-tooltip-toggle flex r00n9 items-center vmt4s aukwz 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" data-hs-overlay="#hs-pro-chhsn">
<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"/><path d="M4 2C2.8 3.7 2 5.7 2 8"/><path d="M22 8c0-2.3-.8-4.3-2-6"/></svg>
<span class="ecbnn">Snooze</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">
Snooze
</span>
</div>
<!-- End Button -->
<!-- Button -->
<div class="hs-tooltip [--placement:bottom] hidden sm:inline-block">
<button type="button" class="hs-tooltip-toggle flex r00n9 items-center vmt4s aukwz 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" data-hs-overlay="#hs-pro-chhtgm">
<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="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"/><circle cx="7.5" cy="7.5" r=".5" fill="currentColor"/></svg>
<span class="ecbnn">Tags</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">
Tags
</span>
</div>
<!-- End Button -->
<!-- More Dropdown -->
<div class="hs-dropdown [--strategy:absolute] [--placement:top-right] relative inline-flex">
<button id="hs-pro-chthmdid1" type="button" class="flex r00n9 items-center vmt4s aukwz 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 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>
</button>
<!-- More Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 ho2sl transition-[opacity,margin] duration opacity-0 hidden ocib4 oo8ro lile3 rkof5 dark:bg-neutral-950" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-chthmdid1">
<div class="ju7it space-y-0.5">
<button type="button" class="sm:hidden i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 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" data-hs-overlay="#hs-pro-chhsn">
<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 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"/><path d="M4 2C2.8 3.7 2 5.7 2 8"/><path d="M22 8c0-2.3-.8-4.3-2-6"/></svg>
Snooze
</button>
<button type="button" class="sm:hidden i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 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" data-hs-overlay="#hs-pro-chhtgm">
<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.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"/><circle cx="7.5" cy="7.5" r=".5" fill="currentColor"/></svg>
Tags
</button>
<button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 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" data-hs-overlay="#hs-pro-chhsh">
<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="M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8"/><polyline points="16 6 12 2 8 6"/><line x1="12" x2="12" y1="2" y2="15"/></svg>
Share
</button>
<button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 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" data-hs-overlay="#hs-pro-chhsp">
<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"><polygon points="7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86 7.86 2"/><line x1="12" x2="12" y1="8" y2="12"/><line x1="12" x2="12.01" y1="16" y2="16"/></svg>
Spam
</button>
<button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 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" data-hs-overlay="#hs-pro-chhbu">
<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"/><path d="m4.9 4.9 14.2 14.2"/></svg>
Block user
</button>
<button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 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" data-hs-overlay="#hs-pro-chhdl">
<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>
Delete
</button>
</div>
</div>
<!-- End More Dropdown -->
</div>
<!-- End More Dropdown -->
<div class="relative jrfm7 u7zz8 before:block before:absolute before:top-1/2 before:start-0 before:w-px before:h-4 before:bg-gray-200 before:-translate-y-1/2 dark:before:bg-neutral-700">
<!-- Sidebar Toggle -->
<button type="button" class="flex r00n9 items-center vmt4s aukwz 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" data-hs-overlay="#hs-pro-chtsdid1" aria-controls="hs-pro-chtsdid1" aria-label="Toggle navigation">
<svg class="xl:hidden 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"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M15 3v18"/><path d="m10 15-3-3 3-3"/></svg>
<svg class="hidden xl:block 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"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M15 3v18"/><path d="m8 9 3 3-3 3"/></svg>
<span class="ecbnn">Navigation Toggle</span>
</button>
<!-- End Sidebar Toggle -->
</div>
</div>
</header>
<!-- End Header -->
<!-- Chat Content -->
<div class="qpmwn n33uu gk58l u4ydj overflow-y-auto overflow-x-hidden n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<div class="relative">
<!-- Time -->
<div class="qp3gf ofq05 fszza v0251 sqxm1 mx-auto lj7mp">
<span class="ct50n lxh7u agawe cm336 t6rrs oq0dt dark:bg-neutral-900 dark:text-neutral-500">Today</span>
</div>
<!-- End Time -->
<!-- List -->
<div class="i65bn space-y-5">
<!-- Item -->
<div class="w7kls flex lialp">
<div class="hq6gx mt-auto">
<img class="hq6gx aukwz oq0dt" src="https://images.unsplash.com/photo-1601935111741-ae98b2b230b0?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80" alt="Avatar">
</div>
<!-- Chat Bubble -->
<div>
<div class="s8bn9 g4kd8 flex items-center pgjbi">
<p class="cm336 kvliy dark:text-neutral-500">Costa</p>
<div class="hs-tooltip inline-block">
<svg class="hs-tooltip-toggle hq6gx stqz8" width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16 32C24.8365 32 32 24.8365 32 16C32 7.16346 24.8365 0 16 0C7.16346 0 0 7.16346 0 16C0 24.8365 7.16346 32 16 32Z" fill="#34AADF"/><path d="M6.65901 15.8612C6.65901 15.8612 14.659 12.578 17.4335 11.422C18.4972 10.9596 22.1041 9.47974 22.1041 9.47974C22.1041 9.47974 23.7688 8.83238 23.6301 10.4046C23.5838 11.052 23.2139 13.3179 22.844 15.7688C22.289 19.237 21.6879 23.0289 21.6879 23.0289C21.6879 23.0289 21.5954 24.0925 20.8093 24.2774C20.0232 24.4624 18.7283 23.6301 18.4972 23.4451C18.3121 23.3064 15.0289 21.2254 13.8266 20.2081C13.5029 19.9306 13.133 19.3757 13.8728 18.7283C15.5376 17.2023 17.526 15.3064 18.7283 14.1041C19.2833 13.5491 19.8381 12.2543 17.526 13.8266C14.2428 16.0925 11.0058 18.2196 11.0058 18.2196C11.0058 18.2196 10.2659 18.682 8.87866 18.2659C7.49133 17.8497 5.87283 17.2948 5.87283 17.2948C5.87283 17.2948 4.76307 16.6012 6.65901 15.8612Z" fill="white"/></svg>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst w-auto d94zi qgy40 ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip">
Costa sent this message from Telegram
</span>
</div>
</div>
<div class="space-y-1">
<!-- Message -->
<div class="group flex cufvb lialp" style="word-break: break-word;">
<div class="rsqv5 oo8ro hx4gm dark:bg-neutral-800 inline-block lile3 fkoia yh9al rfnst">
<div class="t5ziw bp13m dark:text-neutral-200">
Hello team
<span>
<span class="s2avd kvliy dark:text-neutral-600 zutm2">11:27</span>
</span>
</div>
</div>
<!-- More Dropdown -->
<div class="u81ux lg:opacity-0 lg:group-hover:opacity-100">
<div class="hs-dropdown --exclude-from-auto-opening [--strategy:absolute] [--auto-close:inside] relative inline-flex">
<button id="hs-pro-cht1cmd_1" type="button" class="flex r00n9 items-center vmt4s aukwz t5ziw xq1jm eweab oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 dark:hover:text-neutral-200 dark:focus:text-neutral-200" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<svg class="hq6gx ibvs1 oq0dt" xmlns="http://www.w3.org/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>
</button>
<!-- More Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 qzvcy transition-[opacity,margin] duration opacity-0 hidden v0251 oo8ro lile3 rkof5 dark:bg-neutral-800 before:h-4 before:absolute before:-top-4 before:start-0 before:w-full after:h-4 after:absolute after:-bottom-4 after:start-0 after:w-full" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-cht1cmd_1">
<div class="ju7it">
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg>
Edit
</a>
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/><path d="m10 7-3 3 3 3"/><path d="M17 13v-1a2 2 0 0 0-2-2H7"/></svg>
Reply
</a>
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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>
Delete
</a>
</div>
</div>
<!-- End More Dropdown -->
</div>
</div>
<!-- End More Dropdown -->
</div><!-- End Message -->
<!-- Message -->
<div class="group flex cufvb lialp" style="word-break: break-word;">
<div class="rsqv5 oo8ro hx4gm dark:bg-neutral-800 inline-block lile3 fkoia yh9al rfnst">
<div class="t5ziw bp13m dark:text-neutral-200">
I hope all is well.
<span>
<span class="s2avd kvliy dark:text-neutral-600 zutm2">11:27</span>
</span>
</div>
</div>
<!-- More Dropdown -->
<div class="u81ux lg:opacity-0 lg:group-hover:opacity-100">
<div class="hs-dropdown --exclude-from-auto-opening [--strategy:absolute] [--auto-close:inside] relative inline-flex">
<button id="hs-pro-cht1cmd_2" type="button" class="flex r00n9 items-center vmt4s aukwz t5ziw xq1jm eweab oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 dark:hover:text-neutral-200 dark:focus:text-neutral-200" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<svg class="hq6gx ibvs1 oq0dt" xmlns="http://www.w3.org/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>
</button>
<!-- More Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 qzvcy transition-[opacity,margin] duration opacity-0 hidden v0251 oo8ro lile3 rkof5 dark:bg-neutral-800 before:h-4 before:absolute before:-top-4 before:start-0 before:w-full after:h-4 after:absolute after:-bottom-4 after:start-0 after:w-full" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-cht1cmd_2">
<div class="ju7it">
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg>
Edit
</a>
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/><path d="m10 7-3 3 3 3"/><path d="M17 13v-1a2 2 0 0 0-2-2H7"/></svg>
Reply
</a>
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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>
Delete
</a>
</div>
</div>
<!-- End More Dropdown -->
</div>
</div>
<!-- End More Dropdown -->
</div><!-- End Message -->
<!-- Message -->
<div class="group flex cufvb lialp" style="word-break: break-word;">
<div class="rsqv5 oo8ro hx4gm dark:bg-neutral-800 inline-block lile3 fkoia yh9al rfnst">
<div class="t5ziw bp13m dark:text-neutral-200">
I'm currently working rjx3z a client project, which requires us to integrate a new payment gateway. I've been looking into Preline UI for some of the front-end components. Before I proceed, I wanted to confirm if we have the necessary licenses or permissions to use Preline UI rjx3z this project, as it's a commercial tool. Could you clarify this?
<span>
<span class="s2avd kvliy dark:text-neutral-600 zutm2">11:29</span>
</span>
</div>
</div>
<!-- More Dropdown -->
<div class="u81ux lg:opacity-0 lg:group-hover:opacity-100">
<div class="hs-dropdown --exclude-from-auto-opening [--strategy:absolute] [--auto-close:inside] relative inline-flex">
<button id="hs-pro-cht1cmd_3" type="button" class="flex r00n9 items-center vmt4s aukwz t5ziw xq1jm eweab oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 dark:hover:text-neutral-200 dark:focus:text-neutral-200" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<svg class="hq6gx ibvs1 oq0dt" xmlns="http://www.w3.org/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>
</button>
<!-- More Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 qzvcy transition-[opacity,margin] duration opacity-0 hidden v0251 oo8ro lile3 rkof5 dark:bg-neutral-800 before:h-4 before:absolute before:-top-4 before:start-0 before:w-full after:h-4 after:absolute after:-bottom-4 after:start-0 after:w-full" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-cht1cmd_3">
<div class="ju7it">
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg>
Edit
</a>
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/><path d="m10 7-3 3 3 3"/><path d="M17 13v-1a2 2 0 0 0-2-2H7"/></svg>
Reply
</a>
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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>
Delete
</a>
</div>
</div>
<!-- End More Dropdown -->
</div>
</div>
<!-- End More Dropdown -->
</div><!-- End Message -->
<!-- Message -->
<div class="group flex cufvb lialp" style="word-break: break-word;">
<div class="rsqv5 oo8ro hx4gm dark:bg-neutral-800 inline-block lile3 fkoia yh9al rfnst">
<div class="t5ziw bp13m dark:text-neutral-200">
Thanks in advance!
<span>
<span class="s2avd kvliy dark:text-neutral-600 zutm2">11:29</span>
</span>
</div>
</div>
<!-- More Dropdown -->
<div class="u81ux lg:opacity-0 lg:group-hover:opacity-100">
<div class="hs-dropdown --exclude-from-auto-opening [--strategy:absolute] [--auto-close:inside] relative inline-flex">
<button id="hs-pro-cht1cmd_4" type="button" class="flex r00n9 items-center vmt4s aukwz t5ziw xq1jm eweab oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 dark:hover:text-neutral-200 dark:focus:text-neutral-200" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<svg class="hq6gx ibvs1 oq0dt" xmlns="http://www.w3.org/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>
</button>
<!-- More Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 qzvcy transition-[opacity,margin] duration opacity-0 hidden v0251 oo8ro lile3 rkof5 dark:bg-neutral-800 before:h-4 before:absolute before:-top-4 before:start-0 before:w-full after:h-4 after:absolute after:-bottom-4 after:start-0 after:w-full" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-cht1cmd_4">
<div class="ju7it">
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg>
Edit
</a>
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/><path d="m10 7-3 3 3 3"/><path d="M17 13v-1a2 2 0 0 0-2-2H7"/></svg>
Reply
</a>
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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>
Delete
</a>
</div>
</div>
<!-- End More Dropdown -->
</div>
</div>
<!-- End More Dropdown -->
</div><!-- End Message -->
</div>
</div>
<!-- End Chat Bubble -->
</div>
<!-- End Item -->
<!-- Item -->
<div class="w7kls ms-auto cuqi8 flex c9j8j lialp">
<!-- Chat Bubble -->
<div>
<div class="s8bn9 xu42w flex c9j8j items-center pgjbi">
<p class="cm336 kvliy dark:text-neutral-500">James · Team</p>
<div class="hs-tooltip inline-block">
<svg class="hs-tooltip-toggle 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="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="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst w-auto d94zi qgy40 ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip">
You sent internal message within the team and not l664l to customers
</span>
</div>
</div>
<div class="space-y-1">
<!-- Message -->
<div class="group flex c9j8j lialp" style="word-break: break-word;">
<div class="u81ux qgy40 c32br dark:bg-blue-500/20 inline-block lile3 fkoia yh9al rfnst">
<div class="t5ziw bp13m dark:text-neutral-200">
<span class="rwtxm dark:text-blue-500">@anna</span> Could you verify if our current license allows for its use in client-facing projects?
<span>
<span class="s2avd cuqi8 kvliy dark:text-neutral-600 zutm2">11:34</span>
<svg class="inline-block hq6gx ibvs1 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="M18 6 7 17l-5-5"/><path d="m22 10-7.5 7.5L13 16"/></svg>
</span>
</div>
</div>
<!-- More Dropdown -->
<div class="rsqv5 lg:opacity-0 lg:group-hover:opacity-100">
<div class="hs-dropdown --exclude-from-auto-opening [--strategy:absolute] [--auto-close:inside] [--placement:bottom-right] relative inline-flex">
<button id="hs-pro-cht1cmd_5" type="button" class="flex r00n9 items-center vmt4s aukwz t5ziw xq1jm eweab oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 dark:hover:text-neutral-200 dark:focus:text-neutral-200" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<svg class="hq6gx ibvs1 oq0dt" xmlns="http://www.w3.org/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>
</button>
<!-- More Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 qzvcy transition-[opacity,margin] duration opacity-0 hidden v0251 oo8ro lile3 rkof5 dark:bg-neutral-800 before:h-4 before:absolute before:-top-4 before:start-0 before:w-full after:h-4 after:absolute after:-bottom-4 after:start-0 after:w-full" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-cht1cmd_5">
<div class="ju7it">
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg>
Edit
</a>
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/><path d="m10 7-3 3 3 3"/><path d="M17 13v-1a2 2 0 0 0-2-2H7"/></svg>
Reply
</a>
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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>
Delete
</a>
</div>
</div>
<!-- End More Dropdown -->
</div>
</div>
<!-- End More Dropdown -->
</div><!-- End Message -->
</div>
</div>
<!-- End Chat Bubble -->
<div class="hq6gx mt-auto">
<img class="hq6gx aukwz 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 Item -->
<!-- Item -->
<div class="w7kls flex lialp">
<div class="hq6gx mt-auto">
<span class="flex hq6gx r00n9 items-center aukwz cm336 vo20k e7zws fs9eh zr4l6 oq0dt">
A
</span>
</div>
<!-- Chat Bubble -->
<div>
<div class="s8bn9 g4kd8 flex items-center pgjbi">
<p class="cm336 kvliy dark:text-neutral-500">Anna · Team</p>
<div class="hs-tooltip inline-block">
<svg class="hs-tooltip-toggle 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="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="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst w-auto d94zi qgy40 ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip">
Anna sent internal message within the team and not l664l to customers
</span>
</div>
</div>
<div class="space-y-1">
<!-- Message -->
<div class="group flex cufvb lialp" style="word-break: break-word;">
<div class="rsqv5 rjuva dark:bg-neutral-950 inline-block lile3 fkoia yh9al rfnst">
<div class="t5ziw bp13m dark:text-neutral-200">
<span class="rwtxm dark:text-blue-500">@james</span> Yes, our license for Preline UI does cover client projects.
<span>
<span class="s2avd kvliy dark:text-neutral-600 zutm2">11:36</span>
</span>
</div>
</div>
<!-- More Dropdown -->
<div class="u81ux lg:opacity-0 lg:group-hover:opacity-100">
<div class="hs-dropdown --exclude-from-auto-opening [--strategy:absolute] [--auto-close:inside] relative inline-flex">
<button id="hs-pro-cht1cmd_6" type="button" class="flex r00n9 items-center vmt4s aukwz t5ziw xq1jm eweab oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 dark:hover:text-neutral-200 dark:focus:text-neutral-200" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<svg class="hq6gx ibvs1 oq0dt" xmlns="http://www.w3.org/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>
</button>
<!-- More Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 qzvcy transition-[opacity,margin] duration opacity-0 hidden v0251 oo8ro lile3 rkof5 dark:bg-neutral-800 before:h-4 before:absolute before:-top-4 before:start-0 before:w-full after:h-4 after:absolute after:-bottom-4 after:start-0 after:w-full" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-cht1cmd_6">
<div class="ju7it">
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg>
Edit
</a>
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/><path d="m10 7-3 3 3 3"/><path d="M17 13v-1a2 2 0 0 0-2-2H7"/></svg>
Reply
</a>
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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>
Delete
</a>
</div>
</div>
<!-- End More Dropdown -->
</div>
</div>
<!-- End More Dropdown -->
</div><!-- End Message -->
</div>
</div>
<!-- End Chat Bubble -->
</div>
<!-- End Item -->
<!-- Item -->
<div class="w7kls ms-auto cuqi8 flex c9j8j lialp">
<!-- Chat Bubble -->
<div>
<div class="s8bn9 xu42w flex c9j8j items-center pgjbi">
<p class="cm336 kvliy dark:text-neutral-500">James · Team</p>
<div class="hs-tooltip inline-block">
<svg class="hs-tooltip-toggle 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="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="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst w-auto d94zi qgy40 ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip">
You sent internal message within the team and not l664l to customers
</span>
</div>
</div>
<div class="space-y-1">
<!-- Message -->
<div class="group flex c9j8j lialp" style="word-break: break-word;">
<div class="u81ux qgy40 c32br dark:bg-blue-500/20 inline-block lile3 fkoia yh9al rfnst">
<div class="t5ziw bp13m dark:text-neutral-200">
Thanks 👍️
<span>
<span class="s2avd cuqi8 kvliy dark:text-neutral-600 zutm2">11:37</span>
<svg class="inline-block hq6gx ibvs1 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="M18 6 7 17l-5-5"/><path d="m22 10-7.5 7.5L13 16"/></svg>
</span>
</div>
</div>
<!-- More Dropdown -->
<div class="rsqv5 lg:opacity-0 lg:group-hover:opacity-100">
<div class="hs-dropdown --exclude-from-auto-opening [--strategy:absolute] [--auto-close:inside] [--placement:bottom-right] relative inline-flex">
<button id="hs-pro-cht1cmd_7" type="button" class="flex r00n9 items-center vmt4s aukwz t5ziw xq1jm eweab oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 dark:hover:text-neutral-200 dark:focus:text-neutral-200" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<svg class="hq6gx ibvs1 oq0dt" xmlns="http://www.w3.org/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>
</button>
<!-- More Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 qzvcy transition-[opacity,margin] duration opacity-0 hidden v0251 oo8ro lile3 rkof5 dark:bg-neutral-800 before:h-4 before:absolute before:-top-4 before:start-0 before:w-full after:h-4 after:absolute after:-bottom-4 after:start-0 after:w-full" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-cht1cmd_7">
<div class="ju7it">
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg>
Edit
</a>
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/><path d="m10 7-3 3 3 3"/><path d="M17 13v-1a2 2 0 0 0-2-2H7"/></svg>
Reply
</a>
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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>
Delete
</a>
</div>
</div>
<!-- End More Dropdown -->
</div>
</div>
<!-- End More Dropdown -->
</div><!-- End Message -->
</div>
</div>
<!-- End Chat Bubble -->
<div class="hq6gx mt-auto">
<img class="hq6gx aukwz 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 Item -->
<!-- Item -->
<div class="w7kls flex lialp">
<div class="hq6gx mt-auto">
<span class="flex hq6gx r00n9 items-center aukwz cm336 vo20k e7zws fs9eh zr4l6 oq0dt">
A
</span>
</div>
<!-- Chat Bubble -->
<div>
<div class="s8bn9 g4kd8 flex items-center pgjbi">
<p class="cm336 kvliy dark:text-neutral-500">Anna · Team</p>
<div class="hs-tooltip inline-block">
<svg class="hs-tooltip-toggle 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="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="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst w-auto d94zi qgy40 ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip">
Anna sent internal message within the team and not l664l to customers
</span>
</div>
</div>
<div class="space-y-1">
<!-- Message -->
<div class="group flex cufvb lialp" style="word-break: break-word;">
<div class="rsqv5 rjuva dark:bg-neutral-950 inline-block lile3 fkoia yh9al rfnst">
<div class="t5ziw bp13m dark:text-neutral-200">
You're welcome
<span>
<span class="s2avd kvliy dark:text-neutral-600 zutm2">11:38</span>
</span>
</div>
</div>
<!-- More Dropdown -->
<div class="u81ux lg:opacity-0 lg:group-hover:opacity-100">
<div class="hs-dropdown --exclude-from-auto-opening [--strategy:absolute] [--auto-close:inside] relative inline-flex">
<button id="hs-pro-cht1cmd_8" type="button" class="flex r00n9 items-center vmt4s aukwz t5ziw xq1jm eweab oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 dark:hover:text-neutral-200 dark:focus:text-neutral-200" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<svg class="hq6gx ibvs1 oq0dt" xmlns="http://www.w3.org/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>
</button>
<!-- More Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 qzvcy transition-[opacity,margin] duration opacity-0 hidden v0251 oo8ro lile3 rkof5 dark:bg-neutral-800 before:h-4 before:absolute before:-top-4 before:start-0 before:w-full after:h-4 after:absolute after:-bottom-4 after:start-0 after:w-full" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-cht1cmd_8">
<div class="ju7it">
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg>
Edit
</a>
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/><path d="m10 7-3 3 3 3"/><path d="M17 13v-1a2 2 0 0 0-2-2H7"/></svg>
Reply
</a>
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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>
Delete
</a>
</div>
</div>
<!-- End More Dropdown -->
</div>
</div>
<!-- End More Dropdown -->
</div><!-- End Message -->
</div>
</div>
<!-- End Chat Bubble -->
</div>
<!-- End Item -->
<!-- Item -->
<div class="w7kls ms-auto cuqi8 flex c9j8j lialp">
<!-- Chat Bubble -->
<div>
<div class="s8bn9 xu42w flex c9j8j items-center pgjbi">
<p class="cm336 kvliy dark:text-neutral-500">James</p>
<div class="hs-tooltip inline-block">
<svg class="hs-tooltip-toggle hq6gx stqz8" width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16 32C24.8365 32 32 24.8365 32 16C32 7.16346 24.8365 0 16 0C7.16346 0 0 7.16346 0 16C0 24.8365 7.16346 32 16 32Z" fill="#34AADF"/><path d="M6.65901 15.8612C6.65901 15.8612 14.659 12.578 17.4335 11.422C18.4972 10.9596 22.1041 9.47974 22.1041 9.47974C22.1041 9.47974 23.7688 8.83238 23.6301 10.4046C23.5838 11.052 23.2139 13.3179 22.844 15.7688C22.289 19.237 21.6879 23.0289 21.6879 23.0289C21.6879 23.0289 21.5954 24.0925 20.8093 24.2774C20.0232 24.4624 18.7283 23.6301 18.4972 23.4451C18.3121 23.3064 15.0289 21.2254 13.8266 20.2081C13.5029 19.9306 13.133 19.3757 13.8728 18.7283C15.5376 17.2023 17.526 15.3064 18.7283 14.1041C19.2833 13.5491 19.8381 12.2543 17.526 13.8266C14.2428 16.0925 11.0058 18.2196 11.0058 18.2196C11.0058 18.2196 10.2659 18.682 8.87866 18.2659C7.49133 17.8497 5.87283 17.2948 5.87283 17.2948C5.87283 17.2948 4.76307 16.6012 6.65901 15.8612Z" fill="white"/></svg>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst w-auto d94zi qgy40 ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip">
You replied to Costa's Telegram
</span>
</div>
</div>
<div class="space-y-1">
<!-- Message -->
<div class="group flex c9j8j lialp" style="word-break: break-word;">
<div class="u81ux qgy40 c32br dark:bg-blue-500/20 inline-block lile3 fkoia yh9al rfnst">
<div class="t5ziw bp13m dark:text-neutral-200">
Hi Costa!<br><br>Yes, you can use Preline UI for your project.<br><br>If you need any further assistance or have more questions, feel free to reach out.
<span>
<span class="s2avd cuqi8 kvliy dark:text-neutral-600 zutm2">11:40</span>
<svg class="inline-block hq6gx ibvs1 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="M18 6 7 17l-5-5"/><path d="m22 10-7.5 7.5L13 16"/></svg>
</span>
</div>
</div>
<!-- More Dropdown -->
<div class="rsqv5 lg:opacity-0 lg:group-hover:opacity-100">
<div class="hs-dropdown --exclude-from-auto-opening [--strategy:absolute] [--auto-close:inside] [--placement:bottom-right] relative inline-flex">
<button id="hs-pro-cht1cmd_9" type="button" class="flex r00n9 items-center vmt4s aukwz t5ziw xq1jm eweab oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 dark:hover:text-neutral-200 dark:focus:text-neutral-200" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<svg class="hq6gx ibvs1 oq0dt" xmlns="http://www.w3.org/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>
</button>
<!-- More Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 qzvcy transition-[opacity,margin] duration opacity-0 hidden v0251 oo8ro lile3 rkof5 dark:bg-neutral-800 before:h-4 before:absolute before:-top-4 before:start-0 before:w-full after:h-4 after:absolute after:-bottom-4 after:start-0 after:w-full" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-cht1cmd_9">
<div class="ju7it">
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg>
Edit
</a>
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/><path d="m10 7-3 3 3 3"/><path d="M17 13v-1a2 2 0 0 0-2-2H7"/></svg>
Reply
</a>
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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>
Delete
</a>
</div>
</div>
<!-- End More Dropdown -->
</div>
</div>
<!-- End More Dropdown -->
</div><!-- End Message -->
</div>
</div>
<!-- End Chat Bubble -->
<div class="hq6gx mt-auto">
<img class="hq6gx aukwz 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 Item -->
<!-- Item -->
<div class="w7kls flex lialp">
<div class="hq6gx mt-auto">
<img class="hq6gx aukwz oq0dt" src="https://images.unsplash.com/photo-1601935111741-ae98b2b230b0?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80" alt="Avatar">
</div>
<!-- Chat Bubble -->
<div>
<div class="s8bn9 g4kd8 flex items-center pgjbi">
<p class="cm336 kvliy dark:text-neutral-500">Costa</p>
<div class="hs-tooltip inline-block">
<svg class="hs-tooltip-toggle hq6gx stqz8" width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16 32C24.8365 32 32 24.8365 32 16C32 7.16346 24.8365 0 16 0C7.16346 0 0 7.16346 0 16C0 24.8365 7.16346 32 16 32Z" fill="#34AADF"/><path d="M6.65901 15.8612C6.65901 15.8612 14.659 12.578 17.4335 11.422C18.4972 10.9596 22.1041 9.47974 22.1041 9.47974C22.1041 9.47974 23.7688 8.83238 23.6301 10.4046C23.5838 11.052 23.2139 13.3179 22.844 15.7688C22.289 19.237 21.6879 23.0289 21.6879 23.0289C21.6879 23.0289 21.5954 24.0925 20.8093 24.2774C20.0232 24.4624 18.7283 23.6301 18.4972 23.4451C18.3121 23.3064 15.0289 21.2254 13.8266 20.2081C13.5029 19.9306 13.133 19.3757 13.8728 18.7283C15.5376 17.2023 17.526 15.3064 18.7283 14.1041C19.2833 13.5491 19.8381 12.2543 17.526 13.8266C14.2428 16.0925 11.0058 18.2196 11.0058 18.2196C11.0058 18.2196 10.2659 18.682 8.87866 18.2659C7.49133 17.8497 5.87283 17.2948 5.87283 17.2948C5.87283 17.2948 4.76307 16.6012 6.65901 15.8612Z" fill="white"/></svg>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst w-auto d94zi qgy40 ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip">
Costa sent this message from Telegram
</span>
</div>
</div>
<div class="space-y-1">
<!-- Message -->
<div class="group flex cufvb lialp" style="word-break: break-word;">
<div class="rsqv5 oo8ro hx4gm dark:bg-neutral-800 inline-block lile3 fkoia yh9al rfnst">
<div class="t5ziw bp13m dark:text-neutral-200">
Awesome!
<span>
<span class="s2avd kvliy dark:text-neutral-600 zutm2">11:41</span>
</span>
</div>
</div>
<!-- More Dropdown -->
<div class="u81ux lg:opacity-0 lg:group-hover:opacity-100">
<div class="hs-dropdown --exclude-from-auto-opening [--strategy:absolute] [--auto-close:inside] relative inline-flex">
<button id="hs-pro-cht1cmd_10" type="button" class="flex r00n9 items-center vmt4s aukwz t5ziw xq1jm eweab oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 dark:hover:text-neutral-200 dark:focus:text-neutral-200" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<svg class="hq6gx ibvs1 oq0dt" xmlns="http://www.w3.org/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>
</button>
<!-- More Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 qzvcy transition-[opacity,margin] duration opacity-0 hidden v0251 oo8ro lile3 rkof5 dark:bg-neutral-800 before:h-4 before:absolute before:-top-4 before:start-0 before:w-full after:h-4 after:absolute after:-bottom-4 after:start-0 after:w-full" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-cht1cmd_10">
<div class="ju7it">
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg>
Edit
</a>
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/><path d="m10 7-3 3 3 3"/><path d="M17 13v-1a2 2 0 0 0-2-2H7"/></svg>
Reply
</a>
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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>
Delete
</a>
</div>
</div>
<!-- End More Dropdown -->
</div>
</div>
<!-- End More Dropdown -->
</div><!-- End Message -->
</div>
</div>
<!-- End Chat Bubble -->
</div>
<!-- End Item -->
</div>
<!-- End List -->
</div>
</div>
<!-- End Chat Content -->
<!-- Textarea -->
<footer class="qp3gf u0s8z fszza aq8is oo8ro pyimf d77gl dark:bg-neutral-800 dark:border-neutral-700">
<label for="hs-pro-chtfwtiwrb1" class="ecbnn">Message</label>
<div class="q0dcx yujsw">
<div class="s8bn9 qtbja sm:flex sm:items-center sybv7">
<div class="e3fpz">
<textarea id="hs-pro-chtfwtiwrb1" class="cspev yki1g q0dcx yujsw a498d block i65bn qb17b rounded-0 k34r6 amkne lqn87 focus:outline-hidden b2plr rdxom disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:text-neutral-400 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 Costa" data-hs-textarea-auto-height></textarea>
</div>
<div class="a498d">
<!-- Checkbox -->
<label for="hs-pro-chtfwtiwrb1swt" class="jlmh5 kzzmm relative inline-flex r00n9 items-center vrcxw lj7mp e9qjd dslo6 oo8ro wfm4e d77gl bp13m cursor-pointer ps5iq ksr3h dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:text-neutral-200 dark:border-neutral-700
wri8t rhcxf has-checked:hover:bg-blue-200
dark:has-checked:bg-blue-800/30 dark:has-checked:border-blue-800/10 dark:hover:has-checked:bg-blue-800/50
has-disabled:pointer-events-none
has-disabled:text-gray-200 dark:has-disabled:text-neutral-700">
<input type="checkbox" id="hs-pro-chtfwtiwrb1swt" class="hidden peer" name="hs-pro-chtfwtiwrb1" >
<span class="hq6gx flex r00n9 items-center pnlhs hidden peer-checked:block stqz8">
<svg class="hq6gx stqz8" width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16 32C24.8365 32 32 24.8365 32 16C32 7.16346 24.8365 0 16 0C7.16346 0 0 7.16346 0 16C0 24.8365 7.16346 32 16 32Z" fill="#34AADF"/><path d="M6.65901 15.8612C6.65901 15.8612 14.659 12.578 17.4335 11.422C18.4972 10.9596 22.1041 9.47974 22.1041 9.47974C22.1041 9.47974 23.7688 8.83238 23.6301 10.4046C23.5838 11.052 23.2139 13.3179 22.844 15.7688C22.289 19.237 21.6879 23.0289 21.6879 23.0289C21.6879 23.0289 21.5954 24.0925 20.8093 24.2774C20.0232 24.4624 18.7283 23.6301 18.4972 23.4451C18.3121 23.3064 15.0289 21.2254 13.8266 20.2081C13.5029 19.9306 13.133 19.3757 13.8728 18.7283C15.5376 17.2023 17.526 15.3064 18.7283 14.1041C19.2833 13.5491 19.8381 12.2543 17.526 13.8266C14.2428 16.0925 11.0058 18.2196 11.0058 18.2196C11.0058 18.2196 10.2659 18.682 8.87866 18.2659C7.49133 17.8497 5.87283 17.2948 5.87283 17.2948C5.87283 17.2948 4.76307 16.6012 6.65901 15.8612Z" fill="white"/></svg>
</span>
<span class="hq6gx bp13m stqz8 peer-checked:hidden dark: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="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>
<span class="peer-checked:hidden">
Team_messaging
</span>
<span class="hidden peer-checked:inline">
Replying_to_Costa
</span>
</label>
<!-- End Checkbox -->
</div>
</div>
<div class="a498d flex uip67 items-center pgjbi">
<!-- Button Group -->
<div class="flex items-center pgjbi">
<!-- Button -->
<button type="button" class="flex r00n9 items-center vrcxw aukwz 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 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">Attach file</span>
</button>
<!-- End Button -->
<!-- Button -->
<button type="button" class="flex r00n9 items-center vrcxw aukwz 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 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 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 -->
<!-- Magic AI Dropdown -->
<div class="hs-dropdown relative [--strategy:absolute] [--placement:bottom] inline-flex">
<button id="hs-pro-chtfwtiwrb1maid1" type="button" class="jlmh5 rfnst flex items-center vrcxw 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" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<span class="ujzxw phxlm e2dyb atvfn pnlhs">Magic AI</span>
<svg class="hq6gx ibvs1 ryiqa" xmlns="http://www.w3.org/2000/svg" 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 15-6-6-6 6"/></svg>
</button>
<!-- Magic AI Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 sfg1r transition-[opacity,margin] duration opacity-0 hidden a799i oo8ro lile3 rrmkk dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-chtfwtiwrb1maid1">
<div class="ju7it">
<a class="flex items-center vmt4s jlmh5 rfnst 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" href="#">
<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="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"/></svg>
Predict
</a>
</div>
<div class="ju7it pyimf d77gl dark:border-neutral-800">
<a class="flex items-center vmt4s jlmh5 rfnst 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" href="#">
<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="M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8"/><path d="M21 3v5h-5"/></svg>
Rephrase
</a>
<a class="flex items-center vmt4s jlmh5 rfnst 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" href="#">
<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="M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z"/><path d="m15 5 4 4"/></svg>
Fix grammer
</a>
</div>
<div class="ju7it pyimf d77gl dark:border-neutral-800">
<a class="flex items-center vmt4s jlmh5 rfnst 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" href="#">
<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"><circle cx="12" cy="12" r="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"/></svg>
More friendly
</a>
<a class="flex items-center vmt4s jlmh5 rfnst 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" href="#">
<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="M12 12h.01"/><path d="M16 6V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v2"/><path d="M22 13a18.15 18.15 0 0 1-20 0"/><rect width="20" height="14" x="2" y="6" rx="2"/></svg>
More formal
</a>
</div>
</div>
<!-- End Magic AI Dropdown -->
</div>
<!-- End Magic AI Dropdown -->
</div>
<!-- End Button Group -->
<!-- Button Group -->
<div class="flex items-center pgjbi">
<!-- Button -->
<button type="button" class="flex r00n9 items-center vrcxw aukwz 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 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="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 aukwz t5ziw vo20k oq0dt zr4l6 jqqot 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">
<span class="ecbnn">Send</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="m5 12 7-7 7 7"/><path d="M12 19V5"/></svg>
</button>
<!-- End Send Button -->
</div>
<!-- End Button Group -->
</div>
</div>
</footer>
<!-- End Textarea -->
</div>
<!-- Secondary Sidebar -->
<aside id="hs-pro-chtsdid1" class="hs-overlay [--body-scroll:true] 2xl:[--overlay-backdrop:false] [--is-layout-affect:true] [--opened:2xl] [--auto-close:2xl] hs-overlay-open:translate-x-0 2xl:hs-overlay-layout-open:translate-x-0
kbeg6 g0ipl jahre lrm8y
g4gy3 i65bn
hidden
fixed u0s8z fug6q bo1ta ofq05 qpmwn
oo8ro fr41k d77gl
2xl:block 2xl:translate-x-full 2xl:bottom-0
dark:bg-neutral-800 dark:border-neutral-700" tabindex="-1" aria-labelledby="hs-pro-chtsdid1-label">
<div class="qpmwn flex flex-col">
<!-- Header -->
<div class="mctd2 blhyt flex uip67 items-center ic6aj d77gl dark:border-neutral-800">
<span id="hs-pro-chtsdid1-label" class="block y2wul bp13m dark:text-neutral-200">
Details
</span>
<!-- Close Button -->
<div class="absolute sq9jt hob2q bo1ta">
<button type="button" class="aukwz inline-flex r00n9 items-center lialp oq0dt wfm4e qb17b oo8ro bp13m eweab focus:outline-hidden evxbs disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:text-neutral-400 dark:focus:bg-neutral-700" aria-label="Close" data-hs-overlay="#hs-pro-chtsdid1">
<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><path d="m6 6 12 12"></path></svg>
</button>
</div>
<!-- End Close Button -->
</div>
<!-- End Header -->
<!-- Body -->
<div class="qpmwn overflow-y-auto n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<div class="xlz15">
<!-- Title Input -->
<div class="">
<!-- Textarea -->
<textarea class="mctd2 tqp6r block i65bn oo8ro qb17b vmszq y2wul fkkng rounded-0 lqn87 ismha focus:outline-hidden b2plr kjqgo rdxom disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:text-neutral-400 dark:border-b-neutral-700 dark:hover:border-b-neutral-500 dark:focus:bg-neutral-800 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="Edit your comment..." rows="1" data-hs-textarea-auto-height='{"defaultHeight": 51}'>Inquiry about client project license</textarea>
<!-- End Textarea -->
</div>
<!-- End Title Input -->
<div class="ymk3i">
<button type="button" class="hs-collapse-toggle hs-collapse-open:hidden d0kec kzzmm inline-flex items-center pgjbi e9qjd ps5iq wfm4e d77gl oo8ro bp13m hx4gm tdhmi disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tme8y dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 " id="hs-pro-chtddclid1" aria-expanded="false" aria-controls="hs-pro-chtddclid1-heading" data-hs-collapse="#hs-pro-chtddclid1-heading">
<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 12h14"/><path d="M12 5v14"/></svg>
Add description
</button>
<!-- Collapse -->
<div id="hs-pro-chtddclid1-heading" class="hs-collapse hidden i65bn overflow-hidden" aria-labelledby="hs-pro-chtddclid1">
<!-- Input -->
<div class="manq4">
<label for="hs-pro-chtddtxid1" class="block ej64t vo20k t5ziw bp13m dark:text-neutral-200">
Description
</label>
<textarea id="hs-pro-chtddtxid1" class="n33uu block i65bn d77gl ps5iq psfwb fkkng oo46r tyfry lqn87 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400 dark:placeholder-neutral-500 dark:focus:ring-neutral-600" placeholder="Add a few notes to help you later" data-hs-textarea-auto-height></textarea>
</div>
<!-- End Input -->
</div>
<!-- End Collapse -->
</div>
</div>
<div class="hs-accordion-group" data-hs-accordion-always-open>
<!-- Base Details -->
<div class="hs-accordion ic6aj kmgj5 dark:border-neutral-800 active" id="hs-pro-chtdbdid1">
<button type="button" class="hs-accordion-toggle xlz15 q0dcx i65bn flex uip67 items-center vmt4s bp13m b9xvx focus:outline-hidden xyfur disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-200 dark:hover:text-neutral-400 dark:focus:text-neutral-400" aria-expanded="true" aria-controls="hs-pro-chtdbdid1-collapse">
<span class="t5ziw vo20k">Base details</span>
<svg class="hs-accordion-active:hidden block ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg>
<svg class="hs-accordion-active:block hidden ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"></path></svg>
</button>
<div id="hs-pro-chtdbdid1-collapse" class="hs-accordion-content i65bn overflow-hidden transition-[height] jahre" role="region" aria-labelledby="hs-pro-chtdbdid1">
<div class="blhyt rq5fj">
<!-- List Item -->
<dl class="d0kec flex items-center ekyph">
<dt class="i65bn b30my">
<p class="inline-flex items-center lialp e9qjd t6rrs dark:text-neutral-500">
<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 9a3 3 0 0 1 0 6v2a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-2a3 3 0 0 1 0-6V7a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2Z"/><path d="M13 5v2"/><path d="M13 17v2"/><path d="M13 11v2"/></svg>
Ticket ID:
</p>
</dt>
<dd class="e3fpz i65bn">
<p class="inline-flex items-center pgjbi vo20k e9qjd bp13m dark:text-neutral-200">
#453892
</p>
</dd>
</dl>
<!-- End List Item -->
<!-- List Item -->
<dl class="d0kec flex items-center ekyph">
<dt class="i65bn b30my">
<p class="inline-flex items-center lialp e9qjd t6rrs dark:text-neutral-500">
<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="M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z"/><path d="m21.854 2.147-10.94 10.939"/></svg>
From:
</p>
</dt>
<dd class="e3fpz i65bn">
<p class="inline-flex items-center pgjbi vo20k e9qjd bp13m dark:text-neutral-200">
<svg class="hq6gx stqz8" width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16 32C24.8365 32 32 24.8365 32 16C32 7.16346 24.8365 0 16 0C7.16346 0 0 7.16346 0 16C0 24.8365 7.16346 32 16 32Z" fill="#34AADF"/><path d="M6.65901 15.8612C6.65901 15.8612 14.659 12.578 17.4335 11.422C18.4972 10.9596 22.1041 9.47974 22.1041 9.47974C22.1041 9.47974 23.7688 8.83238 23.6301 10.4046C23.5838 11.052 23.2139 13.3179 22.844 15.7688C22.289 19.237 21.6879 23.0289 21.6879 23.0289C21.6879 23.0289 21.5954 24.0925 20.8093 24.2774C20.0232 24.4624 18.7283 23.6301 18.4972 23.4451C18.3121 23.3064 15.0289 21.2254 13.8266 20.2081C13.5029 19.9306 13.133 19.3757 13.8728 18.7283C15.5376 17.2023 17.526 15.3064 18.7283 14.1041C19.2833 13.5491 19.8381 12.2543 17.526 13.8266C14.2428 16.0925 11.0058 18.2196 11.0058 18.2196C11.0058 18.2196 10.2659 18.682 8.87866 18.2659C7.49133 17.8497 5.87283 17.2948 5.87283 17.2948C5.87283 17.2948 4.76307 16.6012 6.65901 15.8612Z" fill="white"/></svg> Telegram
</p>
</dd>
</dl>
<!-- End List Item -->
<!-- List Item -->
<dl class="d0kec flex items-center ekyph">
<dt class="i65bn b30my">
<p class="inline-flex items-center lialp e9qjd t6rrs dark:text-neutral-500">
<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.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"/><circle cx="7.5" cy="7.5" r=".5" fill="currentColor"/></svg>
Tags:
</p>
</dt>
<dd class="e3fpz i65bn">
<!-- Dropdown Group -->
<div class="-ms-2 flex flex-wrap items-center duzhl">
<!-- Tag Dropdown -->
<div class="hs-dropdown relative inline-flex">
<button id="hs-pro-intbtwtaddid1_1" type="button" class="ct50n kzzmm group inline-flex items-center eawyh oo8ro wfm4e d77gl bp13m e9qjd ps5iq tdhmi dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:border-neutral-700 dark:text-neutral-200">
<svg class="hq6gx stqz8 le8iz" xmlns="http://www.w3.org/2000/svg" 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.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"/><circle cx="7.5" cy="7.5" r=".5" fill="currentColor"/></svg>
Generic
</button>
<!-- Tag Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 dzjpl transition-[opacity,margin] duration opacity-0 hidden ocib4 oo8ro lile3 rkof5 dark:bg-neutral-950 before:h-4 before:absolute before:-top-4 before:start-0 before:w-full" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-intbtwtaddid1_1">
<div class="ju7it space-y-0.5 ic6aj d77gl dark:border-neutral-800">
<button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd 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 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.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z"/><path d="m15 5 4 4"/></svg>
Edit txgzx
</button>
<button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd 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 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>
Remove from conversation
</button>
<button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd 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" data-hs-overlay="#hs-pro-chhsn">
<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 7V5a2 2 0 0 1 2-2h2"/><path d="M17 3h2a2 2 0 0 1 2 2v2"/><path d="M21 17v2a2 2 0 0 1-2 2h-2"/><path d="M7 21H5a2 2 0 0 1-2-2v-2"/><circle cx="12" cy="12" r="3"/><path d="m16 16-1.9-1.9"/></svg>
View all conversations
</button>
</div>
</div>
<!-- End Tag Dropdown -->
</div>
<!-- End Tag Dropdown -->
<!-- Tag Dropdown -->
<div class="hs-dropdown relative inline-flex">
<button id="hs-pro-intbtwtaddid1_2" type="button" class="ct50n kzzmm group inline-flex items-center eawyh oo8ro wfm4e d77gl bp13m e9qjd ps5iq tdhmi dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:border-neutral-700 dark:text-neutral-200">
<svg class="hq6gx stqz8 ryiqa" xmlns="http://www.w3.org/2000/svg" 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.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"/><circle cx="7.5" cy="7.5" r=".5" fill="currentColor"/></svg>
Reviews
</button>
<!-- Tag Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 dzjpl transition-[opacity,margin] duration opacity-0 hidden ocib4 oo8ro lile3 rkof5 dark:bg-neutral-950 before:h-4 before:absolute before:-top-4 before:start-0 before:w-full" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-intbtwtaddid1_2">
<div class="ju7it space-y-0.5 ic6aj d77gl dark:border-neutral-800">
<button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd 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 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.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z"/><path d="m15 5 4 4"/></svg>
Edit txgzx
</button>
<button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd 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 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>
Remove from conversation
</button>
<button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd 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" data-hs-overlay="#hs-pro-chhsn">
<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 7V5a2 2 0 0 1 2-2h2"/><path d="M17 3h2a2 2 0 0 1 2 2v2"/><path d="M21 17v2a2 2 0 0 1-2 2h-2"/><path d="M7 21H5a2 2 0 0 1-2-2v-2"/><circle cx="12" cy="12" r="3"/><path d="m16 16-1.9-1.9"/></svg>
View all conversations
</button>
</div>
</div>
<!-- End Tag Dropdown -->
</div>
<!-- End Tag Dropdown -->
</div>
<!-- End Dropdown Group -->
</dd>
</dl>
<!-- End List Item -->
</div>
</div>
</div>
<!-- End Base Details -->
<!-- Tickets -->
<div class="hs-accordion ic6aj kmgj5 dark:border-neutral-800 active" id="hs-pro-chdstcc1">
<button type="button" class="hs-accordion-toggle xlz15 q0dcx i65bn flex uip67 items-center vmt4s bp13m b9xvx focus:outline-hidden xyfur disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-200 dark:hover:text-neutral-400 dark:focus:text-neutral-400" aria-expanded="true" aria-controls="hs-pro-chdstcc1-collapse">
<span class="t5ziw vo20k">Tickets</span>
<svg class="hs-accordion-active:hidden block ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg>
<svg class="hs-accordion-active:block hidden ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"></path></svg>
</button>
<div id="hs-pro-chdstcc1-collapse" class="hs-accordion-content i65bn overflow-hidden transition-[height] jahre" role="region" aria-labelledby="hs-pro-chdstcc1">
<div class="blhyt rq5fj">
<!-- List Item -->
<dl class="d0kec flex ekyph">
<dt class="i65bn b30my">
<label class="inline-flex items-center lialp e9qjd t6rrs dark:text-neutral-500">
<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="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>
</dt>
<dd class="e3fpz i65bn -mx-1">
<!-- Select -->
<select multiple data-hs-select='{
"placeholder": "Unassigned",
"dropdownClasses": "ls9te cylzg i65bn pvqa8 yj8ha ju7it oo8ro wfm4e d77gl ps5iq rkof5 overflow-hidden overflow-y-auto n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900 dark:border-neutral-700",
"dropdownScope": "window",
"dropdownPlacement": "bottom-left",
"optionClasses": "d0kec kzzmm i65bn t5ziw bp13m cursor-pointer ksr3h ps5iq focus:outline-hidden kf4z7 hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800",
"mode": "tags",
"wrapperClasses": "relative flex items-center flex-wrap dslo6 i65bn qgy40 t5ziw",
"tagsItemTemplate": "<div class=\"flex flex-nowrap items-center relative nh4wd oo8ro wfm4e d77gl oq0dt manq4 hff8i c90zz dark:bg-neutral-800 dark:border-neutral-700 \"><div class=\"hq6gx awhdl bwv2v \" data-icon></div><div class=\"lt27r bp13m dark:text-neutral-200 \" data-title></div><div class=\"inline-flex hq6gx r00n9 items-center ca09w k5amb oq0dt bp13m eweab focus:outline-hidden evxbs 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>",
"tagsInputId": "hs-pro-chtdaiid1",
"tagsInputClasses": "nbebg n0mud umxjj e3fpz rsqv5 vo20k piafy fkkng qb17b p1ez7 pbmvj outline-hidden cursor-pointer ksr3h dark:bg-neutral-800 dark:placeholder-neutral-200 dark:text-neutral-200 dark:hover:bg-neutral-700",
"optionTemplate": "<div class=\"flex items-center \"><div class=\"hq6gx awhdl aufy5 \" data-icon></div><div class=\"truncate \"><div class=\"t5ziw bp13m dark:text-neutral-200 \" data-title></div><div class=\"truncate cm336 t6rrs dark:text-neutral-500 \" data-description></div></div><div class=\"ms-auto \"><span class=\"hidden hs-selected:block \"><svg class=\"hq6gx ibvs1 \" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" viewBox=\"0 0 16 16\"><path d=\"M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z\"/></svg></span></div></div>"
}' class="hidden">
<option value="">Choose</option>
<option value="1" data-hs-select-option='{
"icon": "<span class=\"inline-flex hq6gx r00n9 items-center awhdl cm336 e7zws s47lh zr4l6 dark:bg-neutral-600 oq0dt \">S</span>"
}'>Sarah Chen</option>
<option selected value="2" data-hs-select-option='{
"icon": "<img class=\"hq6gx 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\">"
}'>James Collins</option>
<option value="3" data-hs-select-option='{
"icon": "<img class=\"hq6gx oq0dt \" src=\"https://images.unsplash.com/photo-1679412330254-90cb240038c5?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80\" alt=\"Avatar\">"
}'>Lewis Clarke</option>
<option value="4" data-hs-select-option='{
"icon": "<span class=\"inline-flex hq6gx r00n9 items-center awhdl cm336 e7zws fs9eh zr4l6 oq0dt \">I</span>"
}'>Isabella Lauda</option>
<option value="5" data-hs-select-option='{
"icon": "<span class=\"inline-flex hq6gx r00n9 items-center awhdl cm336 e7zws ot31m zr4l6 oq0dt \">C</span>"
}'>Christina Williams</option>
<option value="6" data-hs-select-option='{
"icon": "<img class=\"hq6gx oq0dt \" src=\"https://images.unsplash.com/photo-1541101767792-f9b2b1c4f127?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80\" alt=\"Avatar\">"
}'>Amanda Harvey</option>
</select>
<!-- End Select -->
</dd>
</dl>
<!-- End List Item -->
<!-- List Item -->
<dl class="d0kec flex items-center ekyph">
<dt class="i65bn b30my">
<p class="inline-flex items-center lialp e9qjd t6rrs dark:text-neutral-500">
<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"/><polyline points="12 6 12 12 16 14"/></svg>
Created time:
</p>
</dt>
<dd class="e3fpz i65bn">
<p class="vo20k e9qjd bp13m dark:text-neutral-200">
October 7, 2024 1:56 PM
</p>
</dd>
</dl>
<!-- End List Item -->
<!-- List Item -->
<dl class="d0kec flex items-center ekyph">
<dt class="i65bn b30my">
<p class="inline-flex items-center lialp e9qjd t6rrs dark:text-neutral-500">
<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>
Created by:
</p>
</dt>
<dd class="e3fpz i65bn">
<div class="flex items-center pgjbi">
<div class="relative ibvs1">
<span class="flex hq6gx r00n9 items-center ibvs1 cm336 vo20k e7zws nullInitial.color oq0dt">
<svg class="hq6gx stqz8" width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16 32C24.8365 32 32 24.8365 32 16C32 7.16346 24.8365 0 16 0C7.16346 0 0 7.16346 0 16C0 24.8365 7.16346 32 16 32Z" fill="#34AADF"/><path d="M6.65901 15.8612C6.65901 15.8612 14.659 12.578 17.4335 11.422C18.4972 10.9596 22.1041 9.47974 22.1041 9.47974C22.1041 9.47974 23.7688 8.83238 23.6301 10.4046C23.5838 11.052 23.2139 13.3179 22.844 15.7688C22.289 19.237 21.6879 23.0289 21.6879 23.0289C21.6879 23.0289 21.5954 24.0925 20.8093 24.2774C20.0232 24.4624 18.7283 23.6301 18.4972 23.4451C18.3121 23.3064 15.0289 21.2254 13.8266 20.2081C13.5029 19.9306 13.133 19.3757 13.8728 18.7283C15.5376 17.2023 17.526 15.3064 18.7283 14.1041C19.2833 13.5491 19.8381 12.2543 17.526 13.8266C14.2428 16.0925 11.0058 18.2196 11.0058 18.2196C11.0058 18.2196 10.2659 18.682 8.87866 18.2659C7.49133 17.8497 5.87283 17.2948 5.87283 17.2948C5.87283 17.2948 4.76307 16.6012 6.65901 15.8612Z" fill="white"/></svg>
</span>
</div>
<div class="e3fpz truncate">
<p class="truncate vo20k e9qjd bp13m dark:text-neutral-200">Telegram</p>
</div>
</div>
</dd>
</dl>
<!-- End List Item -->
<!-- List Item -->
<dl class="d0kec flex items-center ekyph">
<dt class="i65bn b30my">
<label for="hs-pro-shtdsi1ta1" class="inline-flex items-center lialp e9qjd t6rrs dark:text-neutral-500">
<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"><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>
Subject:
</label>
</dt>
<dd class="e3fpz i65bn -mx-1">
<input id="hs-pro-shtdsi1ta1" type="text" class="hz4z9 n0mud block i65bn oo8ro ksr3h qb17b umxjj piafy zg2bo fkkng bp13m j9afk oo46r tyfry disabled:opacity-50 disabled:pointer-events-none pbmvj dark:bg-neutral-800 dark:border-transparent dark:text-neutral-200 dark:placeholder-neutral-200 dark:focus:ring-neutral-600 dark:hover:bg-neutral-700 dark:focus:bg-neutral-800" placeholder="+ Add" >
</dd>
</dl>
<!-- End List Item -->
<!-- List Item -->
<dl class="d0kec flex items-center ekyph">
<dt class="i65bn b30my">
<p class="inline-flex items-center lialp e9qjd t6rrs dark:text-neutral-500">
<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="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>
Share:
</p>
</dt>
<dd class="e3fpz i65bn -mx-1">
<!-- Input Form -->
<div class="flex items-center lialp">
<input id="hs-pro-chtdshi1" type="text" class="hz4z9 n0mud block i65bn truncate oo8ro ksr3h qb17b umxjj piafy zg2bo fkkng j9afk oo46r tyfry disabled:opacity-50 disabled:pointer-events-none pbmvj dark:bg-neutral-800 dark:border-transparent dark:text-neutral-200 dark:placeholder-neutral-200 dark:focus:ring-neutral-600 dark:hover:bg-neutral-700 dark:focus:bg-neutral-800" readonly value="https://preline.co/chat/share2371e1280182">
<button type="button" class="js-clipboard s3yr9 hs-tooltip awhdl hq6gx inline-flex r00n9 items-center lialp umxjj bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden dark:text-neutral-200 dark:hover:bg-neutral-700"
data-clipboard-target="#hs-pro-chtdshi1"
data-clipboard-action="copy"
data-clipboard-success-text="Link copied">
<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 umxjj hx4gm dark:bg-neutral-700" role="tooltip">
<span class="js-clipboard-success-text">Copy link</span>
</span>
</button>
</div>
<!-- End Input Form -->
</dd>
</dl>
<!-- End List Item -->
</div>
</div>
</div>
<!-- End Tickets -->
<!-- User Data -->
<div class="hs-accordion ic6aj kmgj5 dark:border-neutral-800 active" id="hs-pro-chtdudid1">
<button type="button" class="hs-accordion-toggle xlz15 q0dcx i65bn flex uip67 items-center vmt4s bp13m b9xvx focus:outline-hidden xyfur disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-200 dark:hover:text-neutral-400 dark:focus:text-neutral-400" aria-expanded="true" aria-controls="hs-pro-chtdudid1-collapse">
<span class="t5ziw vo20k">User data</span>
<svg class="hs-accordion-active:hidden block ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg>
<svg class="hs-accordion-active:block hidden ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"></path></svg>
</button>
<div id="hs-pro-chtdudid1-collapse" class="hs-accordion-content i65bn overflow-hidden transition-[height] jahre" role="region" aria-labelledby="hs-pro-chtdudid1">
<div class="blhyt rq5fj">
<!-- List Item -->
<dl class="d0kec flex items-center ekyph">
<dt class="i65bn b30my">
<p class="inline-flex items-center lialp e9qjd t6rrs dark:text-neutral-500">
<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="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg>
Name:
</p>
</dt>
<dd class="e3fpz i65bn">
<p class="inline-flex items-center pgjbi vo20k e9qjd bp13m dark:text-neutral-200">
Costa Quinn
</p>
</dd>
</dl>
<!-- End List Item -->
<!-- List Item -->
<dl class="d0kec flex items-center ekyph">
<dt class="i65bn b30my">
<p class="inline-flex items-center lialp e9qjd t6rrs dark:text-neutral-500">
<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 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z"/><path d="M6 12H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2"/><path d="M18 9h2a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-2"/><path d="M10 6h4"/><path d="M10 10h4"/><path d="M10 14h4"/><path d="M10 18h4"/></svg>
Company:
</p>
</dt>
<dd class="e3fpz i65bn">
<p class="inline-flex items-center pgjbi vo20k e9qjd bp13m dark:text-neutral-200">
-
</p>
</dd>
</dl>
<!-- End List Item -->
<!-- List Item -->
<dl class="d0kec flex items-center ekyph">
<dt class="i65bn b30my">
<p class="inline-flex items-center lialp e9qjd t6rrs dark:text-neutral-500">
<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="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"/><circle cx="12" cy="10" r="3"/></svg>
Location:
</p>
</dt>
<dd class="e3fpz i65bn">
<p class="inline-flex items-center pgjbi vo20k e9qjd bp13m dark:text-neutral-200">
London, UK
</p>
</dd>
</dl>
<!-- End List Item -->
<!-- List Item -->
<dl class="d0kec flex items-center ekyph">
<dt class="i65bn b30my">
<p class="inline-flex items-center lialp e9qjd t6rrs dark:text-neutral-500">
<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="4"/><path d="M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-4 8"/></svg>
Email:
</p>
</dt>
<dd class="e3fpz i65bn">
<p class="inline-flex items-center pgjbi vo20k e9qjd bp13m dark:text-neutral-200">
-
</p>
</dd>
</dl>
<!-- End List Item -->
<!-- Show All Collapse -->
<div id="hs-pro-chtdudsaid1-heading" class="hs-collapse hidden i65bn overflow-hidden transition-[height] jahre" aria-labelledby="hs-pro-chtdudsaid1">
<!-- List Item -->
<dl class="d0kec flex items-center ekyph">
<dt class="i65bn b30my">
<p class="inline-flex items-center lialp e9qjd t6rrs dark:text-neutral-500">
<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 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/></svg>
Phone:
</p>
</dt>
<dd class="e3fpz i65bn">
<p class="inline-flex items-center pgjbi vo20k e9qjd bp13m dark:text-neutral-200">
+1 000 040 001
</p>
</dd>
</dl>
<!-- End List Item -->
</div>
<!-- End Show All Collapse -->
<button type="button" class="hs-collapse-toggle ls9te inline-flex items-center pgjbi vo20k e9qjd bp13m b9xvx focus:outline-hidden xyfur disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-200 dark:hover:text-neutral-400 dark:focus:text-neutral-400" id="hs-pro-chtdudsaid1" aria-expanded="false" aria-controls="hs-pro-chtdudsaid1-heading" data-hs-collapse="#hs-pro-chtdudsaid1-heading">
<span class="hs-collapse-open:hidden block">Show all</span>
<span class="hs-collapse-open:block hidden">Show less</span>
<svg class="hs-collapse-open:rotate-180 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 9 6 6 6-6"/></svg>
</button>
</div>
</div>
</div>
<!-- End User Data -->
<!-- Previous Conversations -->
<div class="hs-accordion ic6aj kmgj5 dark:border-neutral-800 active" id="hs-pro-chtdpcid1">
<button type="button" class="hs-accordion-toggle xlz15 q0dcx i65bn flex uip67 items-center vmt4s bp13m b9xvx focus:outline-hidden xyfur disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-200 dark:hover:text-neutral-400 dark:focus:text-neutral-400" aria-expanded="true" aria-controls="hs-pro-chtdpcid1-collapse">
<span class="t5ziw vo20k">Previous conversations</span>
<svg class="hs-accordion-active:hidden block ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg>
<svg class="hs-accordion-active:block hidden ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"></path></svg>
</button>
<div id="hs-pro-chtdpcid1-collapse" class="hs-accordion-content i65bn overflow-hidden transition-[height] jahre" role="region" aria-labelledby="hs-pro-chtdpcid1">
<!-- Message -->
<div class=" relative overflow-hidden group cursor-pointer oo8ro ksr3h focus:outline-hidden kf4z7 dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:border-neutral-700 " >
<div class="gxlt6 blhyt ic6aj pcsut dark:border-neutral-700">
<div class="flex djhx3">
<div class="xe8oj hq6gx">
<div class="relative aukwz">
<img class="hq6gx ezw10 oq0dt" src="https://images.unsplash.com/photo-1601935111741-ae98b2b230b0?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80" alt="Avatar">
<span class="absolute kf24f pzz8u flex hq6gx r00n9 items-center ca09w oo8ro oq0dt group-hover:bg-gray-100 dark:bg-neutral-800 dark:group-hover:bg-neutral-700">
<svg class="hq6gx stqz8" width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16 32C24.8365 32 32 24.8365 32 16C32 7.16346 24.8365 0 16 0C7.16346 0 0 7.16346 0 16C0 24.8365 7.16346 32 16 32Z" fill="#34AADF"/><path d="M6.65901 15.8612C6.65901 15.8612 14.659 12.578 17.4335 11.422C18.4972 10.9596 22.1041 9.47974 22.1041 9.47974C22.1041 9.47974 23.7688 8.83238 23.6301 10.4046C23.5838 11.052 23.2139 13.3179 22.844 15.7688C22.289 19.237 21.6879 23.0289 21.6879 23.0289C21.6879 23.0289 21.5954 24.0925 20.8093 24.2774C20.0232 24.4624 18.7283 23.6301 18.4972 23.4451C18.3121 23.3064 15.0289 21.2254 13.8266 20.2081C13.5029 19.9306 13.133 19.3757 13.8728 18.7283C15.5376 17.2023 17.526 15.3064 18.7283 14.1041C19.2833 13.5491 19.8381 12.2543 17.526 13.8266C14.2428 16.0925 11.0058 18.2196 11.0058 18.2196C11.0058 18.2196 10.2659 18.682 8.87866 18.2659C7.49133 17.8497 5.87283 17.2948 5.87283 17.2948C5.87283 17.2948 4.76307 16.6012 6.65901 15.8612Z" fill="white"/></svg>
</span>
</div>
</div>
<div class="e3fpz truncate">
<div class="flex uip67 pgjbi">
<span class="block truncate vo20k e9qjd bp13m dark:text-neutral-200">Costa Quinn</span>
<span class="block b9e4b lluhh kvliy e7zws dark:text-neutral-500">3d</span>
</div>
<div class="xe8oj flex uip67 items-center pgjbi">
<div class="flw29 truncate">
<p class="truncate cm336 t6rrs dark:text-neutral-500">Telegram chat</p>
</div>
<div class="hs-tooltip [--placement:left] inline-block">
<span class="hs-tooltip-toggle flex hq6gx r00n9 items-center ibvs1 s9hq0 zr4l6 oq0dt">
<svg class="hq6gx ui2kz" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
</span>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i d0kec lxh7u w-auto d94zi ym42y cm336 zr4l6 ps5iq lt27r dark:bg-neutral-700" role="tooltip">
Resolved
</span>
</div>
</div>
<div class="flex items-center vrcxw xe8oj">
<div class="flw29 truncate">
<p class="truncate t6rrs dark:text-neutral-500 cm336">You can always reply to this thread if you have further questions or concerns.</p>
</div>
</div>
</div>
</div>
</div>
</div><!-- End Message -->
<!-- Message -->
<div class=" relative overflow-hidden group cursor-pointer oo8ro ksr3h focus:outline-hidden kf4z7 dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:border-neutral-700 " >
<div class="gxlt6 blhyt ic6aj pcsut dark:border-neutral-700">
<div class="flex djhx3">
<div class="xe8oj hq6gx">
<div class="relative aukwz">
<img class="hq6gx ezw10 oq0dt" src="https://images.unsplash.com/photo-1601935111741-ae98b2b230b0?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80" alt="Avatar">
<span class="absolute kf24f pzz8u flex hq6gx r00n9 items-center ca09w oo8ro oq0dt group-hover:bg-gray-100 dark:bg-neutral-800 dark:group-hover:bg-neutral-700">
<svg class="hq6gx stqz8" width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16 32C24.8365 32 32 24.8365 32 16C32 7.16346 24.8365 0 16 0C7.16346 0 0 7.16346 0 16C0 24.8365 7.16346 32 16 32Z" fill="#34AADF"/><path d="M6.65901 15.8612C6.65901 15.8612 14.659 12.578 17.4335 11.422C18.4972 10.9596 22.1041 9.47974 22.1041 9.47974C22.1041 9.47974 23.7688 8.83238 23.6301 10.4046C23.5838 11.052 23.2139 13.3179 22.844 15.7688C22.289 19.237 21.6879 23.0289 21.6879 23.0289C21.6879 23.0289 21.5954 24.0925 20.8093 24.2774C20.0232 24.4624 18.7283 23.6301 18.4972 23.4451C18.3121 23.3064 15.0289 21.2254 13.8266 20.2081C13.5029 19.9306 13.133 19.3757 13.8728 18.7283C15.5376 17.2023 17.526 15.3064 18.7283 14.1041C19.2833 13.5491 19.8381 12.2543 17.526 13.8266C14.2428 16.0925 11.0058 18.2196 11.0058 18.2196C11.0058 18.2196 10.2659 18.682 8.87866 18.2659C7.49133 17.8497 5.87283 17.2948 5.87283 17.2948C5.87283 17.2948 4.76307 16.6012 6.65901 15.8612Z" fill="white"/></svg>
</span>
</div>
</div>
<div class="e3fpz truncate">
<div class="flex uip67 pgjbi">
<span class="block truncate vo20k e9qjd bp13m dark:text-neutral-200">Costa Quinn</span>
<span class="block b9e4b lluhh kvliy e7zws dark:text-neutral-500">1w</span>
</div>
<div class="xe8oj flex uip67 items-center pgjbi">
<div class="flw29 truncate">
<p class="truncate cm336 t6rrs dark:text-neutral-500">Telegram chat</p>
</div>
<div class="hs-tooltip [--placement:left] inline-block">
<span class="hs-tooltip-toggle flex hq6gx r00n9 items-center ibvs1 s9hq0 zr4l6 oq0dt">
<svg class="hq6gx ui2kz" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
</span>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i d0kec lxh7u w-auto d94zi ym42y cm336 zr4l6 ps5iq lt27r dark:bg-neutral-700" role="tooltip">
Resolved
</span>
</div>
</div>
<div class="flex items-center vrcxw xe8oj">
<div class="flw29 truncate">
<p class="truncate t6rrs dark:text-neutral-500 cm336">Glad to help you. Should you have any addition questions or concerns, please let me know.</p>
</div>
</div>
</div>
</div>
</div>
</div><!-- End Message -->
</div>
</div>
<!-- End Previous Conversations -->
<!-- Shared Media -->
<div class="hs-accordion active" id="hs-pro-chtdshmid1">
<button type="button" class="hs-accordion-toggle xlz15 q0dcx i65bn flex uip67 items-center vmt4s bp13m b9xvx focus:outline-hidden xyfur disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-200 dark:hover:text-neutral-400 dark:focus:text-neutral-400" aria-expanded="true" aria-controls="hs-pro-chtdshmid1-collapse">
<span class="t5ziw vo20k">Shared media</span>
<svg class="hs-accordion-active:hidden block ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg>
<svg class="hs-accordion-active:block hidden ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"></path></svg>
</button>
<div id="hs-pro-chtdshmid1-collapse" class="hs-accordion-content i65bn overflow-hidden transition-[height] jahre" role="region" aria-labelledby="hs-pro-chtdshmid1">
<div class="blhyt rq5fj">
<p class="e9qjd t6rrs dark:text-neutral-500">
Only shared images appear here
</p>
</div>
</div>
</div>
<!-- End Shared Media -->
</div>
</div>
<!-- End Body -->
</div>
</aside>
<!-- End Secondary Sidebar -->
</div>
<!-- End Tab Content -->
<!-- Tab Content -->
<div id="hs-pro-tabs-chtcpt-2" class="hidden" role="tabpanel" aria-labelledby="hs-pro-tabs-chtcpt-item-2">
<div class="relative u35nr flex flex-col c9j8j">
<!-- Header -->
<header class="qp3gf ofq05 fszza bo1ta n33uu si7p1 flex uip67 items-center lialp oo8ro ic6aj d77gl dark:bg-neutral-800 dark:border-neutral-700">
<div class="qzvcy sm:w-auto xl:hidden flex items-center">
<div class="e6xbu flex items-center pgjbi">
<!-- Sidebar Toggle -->
<button type="button" class="flex r00n9 items-center pgjbi jlmh5 kzzmm lgfl9 cm336 xq1jm oo8ro ksr3h oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:bg-neutral-800 dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200" data-hs-overlay="#hs-pro-chat-sidebar" aria-controls="hs-pro-chat-sidebar" aria-label="Toggle navigation">
<svg class="hq6gx ibvs1 -ms-1" xmlns="http://www.w3.org/2000/svg" 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> Menu
</button>
<!-- End Sidebar Toggle -->
<div class="lg:hidden relative jrfm7 u7zz8 before:block before:absolute before:top-1/2 before:start-0 before:w-px before:h-4 before:bg-gray-200 before:-translate-y-1/2 dark:before:bg-neutral-700">
<!-- Sidebar Toggle -->
<button type="button" class="flex r00n9 items-center pgjbi jlmh5 kzzmm lgfl9 cm336 xq1jm oo8ro ksr3h oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:bg-neutral-800 dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200" data-hs-overlay="#hs-pro-chtshid1" aria-controls="hs-pro-chtshid1" aria-label="Toggle navigation">
<svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 9a2 2 0 0 1-2 2H6l-4 4V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2z"/><path d="M18 9h2a2 2 0 0 1 2 2v11l-4-4h-6a2 2 0 0 1-2-2v-1"/></svg>
</button>
<!-- End Sidebar Toggle -->
</div>
</div>
</div>
<!-- Update Ticket Status Dropdown -->
<div class="hs-dropdown relative inline-flex">
<button id="hs-pro-inthmtdid2" type="button" class="jlmh5 rfnst flex r00n9 items-center zzeh4 vrq52 sz4r0 p03mn dark:bg-red-500/10 dark:text-red-500 dark:hover:bg-red-500/20 dark:focus:bg-red-500/20.class dslo6 cm336 piafy ps5iq disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden dark:text-neutral-400">
Snoozed
</button>
<!-- Update Ticket Status Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 sfg1r transition-[opacity,margin] duration opacity-0 hidden ocib4 oo8ro lile3 rkof5 dark:bg-neutral-950" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-inthmtdid2">
<!-- Heading -->
<div class="i7oig dkhxo">
<span class="block vo20k e9qjd bp13m dark:text-neutral-200">
<span class="truncate">Update ticket status</span>
</span>
</div>
<!-- End Heading -->
<!-- List -->
<div class="ju7it pyimf d77gl dark:border-neutral-800">
<div class="space-y-0.5 qe6jk overflow-y-auto a57yt xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<!-- Item -->
<label for="hs-pro-chthuts2op" class="jlmh5 apc69 group flex items-center vmt4s ps5iq 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-chthuts2op" name="hs-pro-chthuts2" >
<span class="hq6gx stqz8 flex r00n9 items-center">
<span class="hq6gx srid0 block mx-auto s9hq0 oq0dt"></span>
</span>
Open
<svg class="hq6gx stqz8 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 Item -->
<!-- Item -->
<label for="hs-pro-chthuts2ip" class="jlmh5 apc69 group flex items-center vmt4s ps5iq 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-chthuts2ip" name="hs-pro-chthuts2" >
<span class="hq6gx stqz8 flex r00n9 items-center">
<span class="hq6gx srid0 block mx-auto ot31m oq0dt"></span>
</span>
In progress
<svg class="hq6gx stqz8 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 Item -->
<!-- Item -->
<label for="hs-pro-chthuts2oh" class="jlmh5 apc69 group flex items-center vmt4s ps5iq 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-chthuts2oh" name="hs-pro-chthuts2" checked>
<span class="hq6gx stqz8 flex r00n9 items-center">
<span class="hq6gx srid0 block mx-auto ggt5g oq0dt"></span>
</span>
Snoozed
<svg class="hq6gx stqz8 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 Item -->
<!-- Item -->
<label for="hs-pro-chthuts2cd" class="jlmh5 apc69 group flex items-center vmt4s ps5iq 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-chthuts2cd" name="hs-pro-chthuts2" >
<span class="hq6gx stqz8 flex r00n9 items-center">
<span class="hq6gx srid0 block mx-auto eymwd dark:bg-neutral-200 oq0dt"></span>
</span>
Closed
<svg class="hq6gx stqz8 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 Item -->
</div>
</div>
<!-- List -->
</div>
<!-- End Update Ticket Status Dropdown -->
</div>
<!-- End Update Ticket Status Dropdown -->
<div class="qzvcy sm:w-auto flex c9j8j items-center bj6m2">
<!-- Button -->
<div class="hs-tooltip [--placement:bottom] hidden sm:inline-block">
<button type="button" class="hs-tooltip-toggle flex r00n9 items-center vmt4s aukwz 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" data-hs-overlay="#hs-pro-chhsn">
<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"/><path d="M4 2C2.8 3.7 2 5.7 2 8"/><path d="M22 8c0-2.3-.8-4.3-2-6"/></svg>
<span class="ecbnn">Snooze</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">
Snooze
</span>
</div>
<!-- End Button -->
<!-- Button -->
<div class="hs-tooltip [--placement:bottom] hidden sm:inline-block">
<button type="button" class="hs-tooltip-toggle flex r00n9 items-center vmt4s aukwz 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" data-hs-overlay="#hs-pro-chhtgm">
<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="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"/><circle cx="7.5" cy="7.5" r=".5" fill="currentColor"/></svg>
<span class="ecbnn">Tags</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">
Tags
</span>
</div>
<!-- End Button -->
<!-- More Dropdown -->
<div class="hs-dropdown [--strategy:absolute] [--placement:top-right] relative inline-flex">
<button id="hs-pro-chthmdid2" type="button" class="flex r00n9 items-center vmt4s aukwz 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 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>
</button>
<!-- More Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 ho2sl transition-[opacity,margin] duration opacity-0 hidden ocib4 oo8ro lile3 rkof5 dark:bg-neutral-950" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-chthmdid2">
<div class="ju7it space-y-0.5">
<button type="button" class="sm:hidden i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 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" data-hs-overlay="#hs-pro-chhsn">
<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 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"/><path d="M4 2C2.8 3.7 2 5.7 2 8"/><path d="M22 8c0-2.3-.8-4.3-2-6"/></svg>
Snooze
</button>
<button type="button" class="sm:hidden i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 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" data-hs-overlay="#hs-pro-chhtgm">
<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.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"/><circle cx="7.5" cy="7.5" r=".5" fill="currentColor"/></svg>
Tags
</button>
<button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 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" data-hs-overlay="#hs-pro-chhsh">
<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="M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8"/><polyline points="16 6 12 2 8 6"/><line x1="12" x2="12" y1="2" y2="15"/></svg>
Share
</button>
<button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 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" data-hs-overlay="#hs-pro-chhsp">
<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"><polygon points="7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86 7.86 2"/><line x1="12" x2="12" y1="8" y2="12"/><line x1="12" x2="12.01" y1="16" y2="16"/></svg>
Spam
</button>
<button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 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" data-hs-overlay="#hs-pro-chhbu">
<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"/><path d="m4.9 4.9 14.2 14.2"/></svg>
Block user
</button>
<button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 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" data-hs-overlay="#hs-pro-chhdl">
<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>
Delete
</button>
</div>
</div>
<!-- End More Dropdown -->
</div>
<!-- End More Dropdown -->
<div class="relative jrfm7 u7zz8 before:block before:absolute before:top-1/2 before:start-0 before:w-px before:h-4 before:bg-gray-200 before:-translate-y-1/2 dark:before:bg-neutral-700">
<!-- Sidebar Toggle -->
<button type="button" class="flex r00n9 items-center vmt4s aukwz 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" data-hs-overlay="#hs-pro-chtsdid2" aria-controls="hs-pro-chtsdid2" aria-label="Toggle navigation">
<svg class="xl:hidden 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"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M15 3v18"/><path d="m10 15-3-3 3-3"/></svg>
<svg class="hidden xl:block 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"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M15 3v18"/><path d="m8 9 3 3-3 3"/></svg>
<span class="ecbnn">Navigation Toggle</span>
</button>
<!-- End Sidebar Toggle -->
</div>
</div>
</header>
<!-- End Header -->
<!-- Chat Content -->
<div class="qpmwn n33uu gk58l u4ydj overflow-y-auto overflow-x-hidden n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<div class="relative">
<!-- Time -->
<div class="qp3gf ofq05 fszza v0251 sqxm1 mx-auto lj7mp">
<span class="ct50n lxh7u agawe cm336 t6rrs oq0dt dark:bg-neutral-900 dark:text-neutral-500">24 July</span>
</div>
<!-- End Time -->
<!-- List -->
<div class="i65bn space-y-5">
<!-- Item -->
<div class="w7kls flex lialp">
<div class="hq6gx mt-auto">
<span class="flex hq6gx r00n9 items-center aukwz cm336 vo20k e7zws nkesj zr4l6 oq0dt">
I
</span>
</div>
<!-- Chat Bubble -->
<div>
<div class="s8bn9 g4kd8 flex items-center pgjbi">
<p class="cm336 kvliy dark:text-neutral-500">Bryan from Inbox team</p>
<div class="hs-tooltip inline-block">
<svg class="hs-tooltip-toggle hq6gx stqz8" width="32" height="25" viewBox="0 0 32 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.18187 24.4817H7.27275V12.1181L0 6.66351V22.2999C0 23.5054 0.976375 24.4817 2.18187 24.4817Z" fill="#4285F4"/><path d="M24.7272 24.4817H29.8182C31.0236 24.4817 32 23.5053 32 22.2999V6.66351L24.7272 12.1181V24.4817Z" fill="#34A853"/><path d="M24.7272 2.66351V12.1181L32 6.66351V3.75445C32 1.05807 28.9219 -0.481929 26.7636 1.13626L24.7272 2.66351Z" fill="#FBBC04"/><path fill-rule="evenodd" clip-rule="evenodd" d="M7.27275 12.1181V2.66351L16 9.20901L24.7272 2.66351V12.1181L16 18.6635L7.27275 12.1181Z" fill="#EA4335"/><path d="M0 3.75445V6.66351L7.27275 12.1181V2.66351L5.23637 1.13626C3.07812 -0.48193 0 1.0582 0 3.75445Z" fill="#C5221F"/></svg>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst w-auto d94zi qgy40 ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip">
Bryan from Inbox team sent this message from Gmail
</span>
</div>
</div>
<div class="space-y-1">
<!-- Message -->
<div class="group flex cufvb lialp" style="word-break: break-word;">
<div class="rsqv5 oo8ro hx4gm dark:bg-neutral-800 inline-block lile3 fkoia yh9al rfnst">
<div class="t5ziw bp13m dark:text-neutral-200">
Hi, I keep getting failed payments rjx3z your site. What's the reason?
<span>
<span class="s2avd kvliy dark:text-neutral-600 zutm2">10:49</span>
</span>
</div>
</div>
<!-- More Dropdown -->
<div class="u81ux lg:opacity-0 lg:group-hover:opacity-100">
<div class="hs-dropdown --exclude-from-auto-opening [--strategy:absolute] [--auto-close:inside] relative inline-flex">
<button id="hs-pro-cht2cmd_1" type="button" class="flex r00n9 items-center vmt4s aukwz t5ziw xq1jm eweab oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 dark:hover:text-neutral-200 dark:focus:text-neutral-200" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<svg class="hq6gx ibvs1 oq0dt" xmlns="http://www.w3.org/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>
</button>
<!-- More Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 qzvcy transition-[opacity,margin] duration opacity-0 hidden v0251 oo8ro lile3 rkof5 dark:bg-neutral-800 before:h-4 before:absolute before:-top-4 before:start-0 before:w-full after:h-4 after:absolute after:-bottom-4 after:start-0 after:w-full" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-cht2cmd_1">
<div class="ju7it">
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg>
Edit
</a>
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/><path d="m10 7-3 3 3 3"/><path d="M17 13v-1a2 2 0 0 0-2-2H7"/></svg>
Reply
</a>
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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>
Delete
</a>
</div>
</div>
<!-- End More Dropdown -->
</div>
</div>
<!-- End More Dropdown -->
</div><!-- End Message -->
</div>
</div>
<!-- End Chat Bubble -->
</div>
<!-- End Item -->
<!-- Item -->
<div class="w7kls ms-auto cuqi8 flex c9j8j lialp">
<!-- Chat Bubble -->
<div>
<div class="s8bn9 xu42w flex c9j8j items-center pgjbi">
<p class="cm336 kvliy dark:text-neutral-500">James</p>
</div>
<div class="space-y-1">
<!-- Message -->
<div class="group flex c9j8j lialp" style="word-break: break-word;">
<div class="u81ux qgy40 c32br dark:bg-blue-500/20 inline-block lile3 fkoia yh9al rfnst">
<div class="t5ziw bp13m dark:text-neutral-200">
Hi! Sorry to hear that. Could you confirm if your card details, like the number, expiration date, and CVV, are correct? Also, is your card enabled for online transactions?
<span>
<span class="s2avd cuqi8 kvliy dark:text-neutral-600 zutm2">10:49</span>
<svg class="inline-block hq6gx ibvs1 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="M18 6 7 17l-5-5"/><path d="m22 10-7.5 7.5L13 16"/></svg>
</span>
</div>
</div>
<!-- More Dropdown -->
<div class="rsqv5 lg:opacity-0 lg:group-hover:opacity-100">
<div class="hs-dropdown --exclude-from-auto-opening [--strategy:absolute] [--auto-close:inside] [--placement:bottom-right] relative inline-flex">
<button id="hs-pro-cht2cmd_2" type="button" class="flex r00n9 items-center vmt4s aukwz t5ziw xq1jm eweab oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 dark:hover:text-neutral-200 dark:focus:text-neutral-200" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<svg class="hq6gx ibvs1 oq0dt" xmlns="http://www.w3.org/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>
</button>
<!-- More Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 qzvcy transition-[opacity,margin] duration opacity-0 hidden v0251 oo8ro lile3 rkof5 dark:bg-neutral-800 before:h-4 before:absolute before:-top-4 before:start-0 before:w-full after:h-4 after:absolute after:-bottom-4 after:start-0 after:w-full" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-cht2cmd_2">
<div class="ju7it">
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg>
Edit
</a>
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/><path d="m10 7-3 3 3 3"/><path d="M17 13v-1a2 2 0 0 0-2-2H7"/></svg>
Reply
</a>
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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>
Delete
</a>
</div>
</div>
<!-- End More Dropdown -->
</div>
</div>
<!-- End More Dropdown -->
</div><!-- End Message -->
</div>
</div>
<!-- End Chat Bubble -->
<div class="hq6gx mt-auto">
<img class="hq6gx aukwz 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 Item -->
<!-- Item -->
<div class="w7kls flex lialp">
<div class="hq6gx mt-auto">
<span class="flex hq6gx r00n9 items-center aukwz cm336 vo20k e7zws nkesj zr4l6 oq0dt">
I
</span>
</div>
<!-- Chat Bubble -->
<div>
<div class="s8bn9 g4kd8 flex items-center pgjbi">
<p class="cm336 kvliy dark:text-neutral-500">Bryan from Inbox team</p>
<div class="hs-tooltip inline-block">
<svg class="hs-tooltip-toggle hq6gx stqz8" width="32" height="25" viewBox="0 0 32 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.18187 24.4817H7.27275V12.1181L0 6.66351V22.2999C0 23.5054 0.976375 24.4817 2.18187 24.4817Z" fill="#4285F4"/><path d="M24.7272 24.4817H29.8182C31.0236 24.4817 32 23.5053 32 22.2999V6.66351L24.7272 12.1181V24.4817Z" fill="#34A853"/><path d="M24.7272 2.66351V12.1181L32 6.66351V3.75445C32 1.05807 28.9219 -0.481929 26.7636 1.13626L24.7272 2.66351Z" fill="#FBBC04"/><path fill-rule="evenodd" clip-rule="evenodd" d="M7.27275 12.1181V2.66351L16 9.20901L24.7272 2.66351V12.1181L16 18.6635L7.27275 12.1181Z" fill="#EA4335"/><path d="M0 3.75445V6.66351L7.27275 12.1181V2.66351L5.23637 1.13626C3.07812 -0.48193 0 1.0582 0 3.75445Z" fill="#C5221F"/></svg>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst w-auto d94zi qgy40 ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip">
Bryan from Inbox team sent this message from Gmail
</span>
</div>
</div>
<div class="space-y-1">
<!-- Message -->
<div class="group flex cufvb lialp" style="word-break: break-word;">
<div class="rsqv5 oo8ro hx4gm dark:bg-neutral-800 inline-block lile3 fkoia yh9al rfnst">
<div class="t5ziw bp13m dark:text-neutral-200">
Yes, everything seems correct.
<span>
<span class="s2avd kvliy dark:text-neutral-600 zutm2">10:49</span>
</span>
</div>
</div>
<!-- More Dropdown -->
<div class="u81ux lg:opacity-0 lg:group-hover:opacity-100">
<div class="hs-dropdown --exclude-from-auto-opening [--strategy:absolute] [--auto-close:inside] relative inline-flex">
<button id="hs-pro-cht2cmd_3" type="button" class="flex r00n9 items-center vmt4s aukwz t5ziw xq1jm eweab oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 dark:hover:text-neutral-200 dark:focus:text-neutral-200" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<svg class="hq6gx ibvs1 oq0dt" xmlns="http://www.w3.org/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>
</button>
<!-- More Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 qzvcy transition-[opacity,margin] duration opacity-0 hidden v0251 oo8ro lile3 rkof5 dark:bg-neutral-800 before:h-4 before:absolute before:-top-4 before:start-0 before:w-full after:h-4 after:absolute after:-bottom-4 after:start-0 after:w-full" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-cht2cmd_3">
<div class="ju7it">
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg>
Edit
</a>
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/><path d="m10 7-3 3 3 3"/><path d="M17 13v-1a2 2 0 0 0-2-2H7"/></svg>
Reply
</a>
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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>
Delete
</a>
</div>
</div>
<!-- End More Dropdown -->
</div>
</div>
<!-- End More Dropdown -->
</div><!-- End Message -->
</div>
</div>
<!-- End Chat Bubble -->
</div>
<!-- End Item -->
<!-- Item -->
<div class="w7kls ms-auto cuqi8 flex c9j8j lialp">
<!-- Chat Bubble -->
<div>
<div class="s8bn9 xu42w flex c9j8j items-center pgjbi">
<p class="cm336 kvliy dark:text-neutral-500">James</p>
</div>
<div class="space-y-1">
<!-- Message -->
<div class="group flex c9j8j lialp" style="word-break: break-word;">
<div class="u81ux qgy40 c32br dark:bg-blue-500/20 inline-block lile3 fkoia yh9al rfnst">
<div class="t5ziw bp13m dark:text-neutral-200">
Understood. Give me a minute, I'll check it.
<span>
<span class="s2avd cuqi8 kvliy dark:text-neutral-600 zutm2">10:50</span>
<svg class="inline-block hq6gx ibvs1 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="M18 6 7 17l-5-5"/><path d="m22 10-7.5 7.5L13 16"/></svg>
</span>
</div>
</div>
<!-- More Dropdown -->
<div class="rsqv5 lg:opacity-0 lg:group-hover:opacity-100">
<div class="hs-dropdown --exclude-from-auto-opening [--strategy:absolute] [--auto-close:inside] [--placement:bottom-right] relative inline-flex">
<button id="hs-pro-cht2cmd_4" type="button" class="flex r00n9 items-center vmt4s aukwz t5ziw xq1jm eweab oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 dark:hover:text-neutral-200 dark:focus:text-neutral-200" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<svg class="hq6gx ibvs1 oq0dt" xmlns="http://www.w3.org/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>
</button>
<!-- More Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 qzvcy transition-[opacity,margin] duration opacity-0 hidden v0251 oo8ro lile3 rkof5 dark:bg-neutral-800 before:h-4 before:absolute before:-top-4 before:start-0 before:w-full after:h-4 after:absolute after:-bottom-4 after:start-0 after:w-full" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-cht2cmd_4">
<div class="ju7it">
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg>
Edit
</a>
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/><path d="m10 7-3 3 3 3"/><path d="M17 13v-1a2 2 0 0 0-2-2H7"/></svg>
Reply
</a>
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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>
Delete
</a>
</div>
</div>
<!-- End More Dropdown -->
</div>
</div>
<!-- End More Dropdown -->
</div><!-- End Message -->
</div>
</div>
<!-- End Chat Bubble -->
<div class="hq6gx mt-auto">
<img class="hq6gx aukwz 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 Item -->
<!-- Item -->
<div class="w7kls ms-auto cuqi8 flex c9j8j lialp">
<!-- Chat Bubble -->
<div>
<div class="s8bn9 xu42w flex c9j8j items-center pgjbi">
<p class="cm336 kvliy dark:text-neutral-500">James · Team</p>
<div class="hs-tooltip inline-block">
<svg class="hs-tooltip-toggle 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="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="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst w-auto d94zi qgy40 ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip">
You sent internal message within the team and not l664l to customers
</span>
</div>
</div>
<div class="space-y-1">
<!-- Message -->
<div class="group flex c9j8j lialp" style="word-break: break-word;">
<div class="u81ux qgy40 c32br dark:bg-blue-500/20 inline-block lile3 fkoia yh9al rfnst">
<div class="t5ziw bp13m dark:text-neutral-200">
<span class="rwtxm dark:text-blue-500">@sarah</span> I need you to have a look at this.
<span>
<span class="s2avd cuqi8 kvliy dark:text-neutral-600 zutm2">10:50</span>
<svg class="inline-block hq6gx ibvs1 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="M18 6 7 17l-5-5"/><path d="m22 10-7.5 7.5L13 16"/></svg>
</span>
</div>
</div>
<!-- More Dropdown -->
<div class="rsqv5 lg:opacity-0 lg:group-hover:opacity-100">
<div class="hs-dropdown --exclude-from-auto-opening [--strategy:absolute] [--auto-close:inside] [--placement:bottom-right] relative inline-flex">
<button id="hs-pro-cht2cmd_5" type="button" class="flex r00n9 items-center vmt4s aukwz t5ziw xq1jm eweab oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 dark:hover:text-neutral-200 dark:focus:text-neutral-200" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<svg class="hq6gx ibvs1 oq0dt" xmlns="http://www.w3.org/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>
</button>
<!-- More Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 qzvcy transition-[opacity,margin] duration opacity-0 hidden v0251 oo8ro lile3 rkof5 dark:bg-neutral-800 before:h-4 before:absolute before:-top-4 before:start-0 before:w-full after:h-4 after:absolute after:-bottom-4 after:start-0 after:w-full" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-cht2cmd_5">
<div class="ju7it">
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg>
Edit
</a>
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/><path d="m10 7-3 3 3 3"/><path d="M17 13v-1a2 2 0 0 0-2-2H7"/></svg>
Reply
</a>
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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>
Delete
</a>
</div>
</div>
<!-- End More Dropdown -->
</div>
</div>
<!-- End More Dropdown -->
</div><!-- End Message -->
</div>
</div>
<!-- End Chat Bubble -->
<div class="hq6gx mt-auto">
<img class="hq6gx aukwz 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 Item -->
<!-- Item -->
<div class="w7kls flex lialp">
<div class="hq6gx mt-auto">
<span class="flex hq6gx r00n9 items-center aukwz cm336 vo20k e7zws ggt5g zr4l6 oq0dt">
S
</span>
</div>
<!-- Chat Bubble -->
<div>
<div class="s8bn9 g4kd8 flex items-center pgjbi">
<p class="cm336 kvliy dark:text-neutral-500">Sarah · Team</p>
<div class="hs-tooltip inline-block">
<svg class="hs-tooltip-toggle 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="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="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst w-auto d94zi qgy40 ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip">
Sarah sent internal message within the team and not l664l to customers
</span>
</div>
</div>
<div class="space-y-1">
<!-- Message -->
<div class="group flex cufvb lialp" style="word-break: break-word;">
<div class="rsqv5 rjuva dark:bg-neutral-950 inline-block lile3 fkoia yh9al rfnst">
<div class="t5ziw bp13m dark:text-neutral-200">
<span class="rwtxm dark:text-blue-500">@james</span> Sometimes banks decline payments for security reasons. They might want to check with their bank or try using a different payment method.
<span>
<span class="s2avd kvliy dark:text-neutral-600 zutm2">10:52</span>
</span>
</div>
</div>
<!-- More Dropdown -->
<div class="u81ux lg:opacity-0 lg:group-hover:opacity-100">
<div class="hs-dropdown --exclude-from-auto-opening [--strategy:absolute] [--auto-close:inside] relative inline-flex">
<button id="hs-pro-cht2cmd_6" type="button" class="flex r00n9 items-center vmt4s aukwz t5ziw xq1jm eweab oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 dark:hover:text-neutral-200 dark:focus:text-neutral-200" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<svg class="hq6gx ibvs1 oq0dt" xmlns="http://www.w3.org/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>
</button>
<!-- More Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 qzvcy transition-[opacity,margin] duration opacity-0 hidden v0251 oo8ro lile3 rkof5 dark:bg-neutral-800 before:h-4 before:absolute before:-top-4 before:start-0 before:w-full after:h-4 after:absolute after:-bottom-4 after:start-0 after:w-full" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-cht2cmd_6">
<div class="ju7it">
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg>
Edit
</a>
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/><path d="m10 7-3 3 3 3"/><path d="M17 13v-1a2 2 0 0 0-2-2H7"/></svg>
Reply
</a>
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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>
Delete
</a>
</div>
</div>
<!-- End More Dropdown -->
</div>
</div>
<!-- End More Dropdown -->
</div><!-- End Message -->
</div>
</div>
<!-- End Chat Bubble -->
</div>
<!-- End Item -->
</div>
<!-- End List -->
</div>
</div>
<!-- End Chat Content -->
<!-- Textarea -->
<footer class="qp3gf u0s8z fszza aq8is oo8ro pyimf d77gl dark:bg-neutral-800 dark:border-neutral-700">
<label for="hs-pro-chtfwtiwrb2" class="ecbnn">Message</label>
<!-- Reply -->
<div id="hs-chtfwtiwrb1cid2" class="hs-removing:opacity-0 f1zti lgl4v o1ncb blhyt ic6aj kmgj5 dark:border-neutral-700">
<div class="flex uip67 items-center vmt4s te3x2 f31lg yujsw">
<div class="i65bn">
<p class="vo20k cm336 rwtxm">Reply to Sarah</p>
<p class="cm336 bp13m dark:text-neutral-200">Sometimes banks decline payments for security reasons. They might want to check with their bank or try using a different payment method.</p>
</div>
<div class="e3fpz">
<button type="button" class="inline-flex hq6gx r00n9 items-center awhdl oq0dt t6rrs ck8au focus:outline-hidden oahj8 dark:text-neutral-500 dark:hover:text-blue-500 dark:focus:text-blue-500" aria-label="Close" data-hs-remove-element="#hs-chtfwtiwrb1cid2">
<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"><circle cx="12" cy="12" r="10"/><path d="m15 9-6 6"/><path d="m9 9 6 6"/></svg>
</button>
</div>
</div>
</div>
<!-- End Reply -->
<div class="q0dcx yujsw">
<div class="s8bn9 qtbja sm:flex sm:items-center sybv7">
<div class="e3fpz">
<textarea id="hs-pro-chtfwtiwrb2" class="cspev yki1g q0dcx yujsw a498d block i65bn qb17b rounded-0 k34r6 amkne lqn87 focus:outline-hidden b2plr rdxom disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:text-neutral-400 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 Bryan" data-hs-textarea-auto-height>Sarah, are you sure this is the case? This is not the first time happening today</textarea>
</div>
<div class="a498d">
<!-- Checkbox -->
<label for="hs-pro-chtfwtiwrb2swt" class="jlmh5 kzzmm relative inline-flex r00n9 items-center vrcxw lj7mp e9qjd dslo6 oo8ro wfm4e d77gl bp13m cursor-pointer ps5iq ksr3h dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:text-neutral-200 dark:border-neutral-700
wri8t rhcxf has-checked:hover:bg-blue-200
dark:has-checked:bg-blue-800/30 dark:has-checked:border-blue-800/10 dark:hover:has-checked:bg-blue-800/50
has-disabled:pointer-events-none
has-disabled:text-gray-200 dark:has-disabled:text-neutral-700">
<input type="checkbox" id="hs-pro-chtfwtiwrb2swt" class="hidden peer" name="hs-pro-chtfwtiwrb2" checked>
<span class="hq6gx flex r00n9 items-center pnlhs hidden peer-checked:block stqz8">
<svg class="hq6gx stqz8" width="32" height="25" viewBox="0 0 32 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.18187 24.4817H7.27275V12.1181L0 6.66351V22.2999C0 23.5054 0.976375 24.4817 2.18187 24.4817Z" fill="#4285F4"/><path d="M24.7272 24.4817H29.8182C31.0236 24.4817 32 23.5053 32 22.2999V6.66351L24.7272 12.1181V24.4817Z" fill="#34A853"/><path d="M24.7272 2.66351V12.1181L32 6.66351V3.75445C32 1.05807 28.9219 -0.481929 26.7636 1.13626L24.7272 2.66351Z" fill="#FBBC04"/><path fill-rule="evenodd" clip-rule="evenodd" d="M7.27275 12.1181V2.66351L16 9.20901L24.7272 2.66351V12.1181L16 18.6635L7.27275 12.1181Z" fill="#EA4335"/><path d="M0 3.75445V6.66351L7.27275 12.1181V2.66351L5.23637 1.13626C3.07812 -0.48193 0 1.0582 0 3.75445Z" fill="#C5221F"/></svg>
</span>
<span class="hq6gx bp13m stqz8 peer-checked:hidden dark: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="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>
<span class="peer-checked:hidden">
Team_messaging
</span>
<span class="hidden peer-checked:inline">
Replying_to_Inbox_team
</span>
</label>
<!-- End Checkbox -->
</div>
</div>
<div class="a498d flex uip67 items-center pgjbi">
<!-- Button Group -->
<div class="flex items-center pgjbi">
<!-- Button -->
<button type="button" class="flex r00n9 items-center vrcxw aukwz 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 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">Attach file</span>
</button>
<!-- End Button -->
<!-- Button -->
<button type="button" class="flex r00n9 items-center vrcxw aukwz 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 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 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 -->
<!-- Magic AI Dropdown -->
<div class="hs-dropdown relative [--strategy:absolute] [--placement:bottom] inline-flex">
<button id="hs-pro-chtfwtiwrb1maid2" type="button" class="jlmh5 rfnst flex items-center vrcxw 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" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<span class="ujzxw phxlm e2dyb atvfn pnlhs">Magic AI</span>
<svg class="hq6gx ibvs1 ryiqa" xmlns="http://www.w3.org/2000/svg" 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 15-6-6-6 6"/></svg>
</button>
<!-- Magic AI Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 sfg1r transition-[opacity,margin] duration opacity-0 hidden a799i oo8ro lile3 rrmkk dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-chtfwtiwrb1maid2">
<div class="ju7it">
<a class="flex items-center vmt4s jlmh5 rfnst 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" href="#">
<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="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"/></svg>
Predict
</a>
</div>
<div class="ju7it pyimf d77gl dark:border-neutral-800">
<a class="flex items-center vmt4s jlmh5 rfnst 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" href="#">
<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="M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8"/><path d="M21 3v5h-5"/></svg>
Rephrase
</a>
<a class="flex items-center vmt4s jlmh5 rfnst 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" href="#">
<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="M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z"/><path d="m15 5 4 4"/></svg>
Fix grammer
</a>
</div>
<div class="ju7it pyimf d77gl dark:border-neutral-800">
<a class="flex items-center vmt4s jlmh5 rfnst 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" href="#">
<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"><circle cx="12" cy="12" r="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"/></svg>
More friendly
</a>
<a class="flex items-center vmt4s jlmh5 rfnst 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" href="#">
<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="M12 12h.01"/><path d="M16 6V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v2"/><path d="M22 13a18.15 18.15 0 0 1-20 0"/><rect width="20" height="14" x="2" y="6" rx="2"/></svg>
More formal
</a>
</div>
</div>
<!-- End Magic AI Dropdown -->
</div>
<!-- End Magic AI Dropdown -->
</div>
<!-- End Button Group -->
<!-- Button Group -->
<div class="flex items-center pgjbi">
<!-- Button -->
<button type="button" class="flex r00n9 items-center vrcxw aukwz 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 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="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 aukwz t5ziw vo20k oq0dt zr4l6 jqqot 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">
<span class="ecbnn">Send</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="m5 12 7-7 7 7"/><path d="M12 19V5"/></svg>
</button>
<!-- End Send Button -->
</div>
<!-- End Button Group -->
</div>
</div>
</footer>
<!-- End Textarea -->
</div>
<!-- Secondary Sidebar -->
<aside id="hs-pro-chtsdid2" class="hs-overlay [--body-scroll:true] 2xl:[--overlay-backdrop:false] [--is-layout-affect:true] [--opened:2xl] [--auto-close:2xl] hs-overlay-open:translate-x-0 2xl:hs-overlay-layout-open:translate-x-0
kbeg6 g0ipl jahre lrm8y
g4gy3 i65bn
hidden
fixed u0s8z fug6q bo1ta ofq05 qpmwn
oo8ro fr41k d77gl
2xl:block 2xl:translate-x-full 2xl:bottom-0
dark:bg-neutral-800 dark:border-neutral-700" tabindex="-1" aria-labelledby="hs-pro-chtsdid2-label">
<div class="qpmwn flex flex-col">
<!-- Header -->
<div class="mctd2 blhyt flex uip67 items-center ic6aj d77gl dark:border-neutral-800">
<span id="hs-pro-chtsdid2-label" class="block y2wul bp13m dark:text-neutral-200">
Details
</span>
<!-- Close Button -->
<div class="absolute sq9jt hob2q bo1ta">
<button type="button" class="aukwz inline-flex r00n9 items-center lialp oq0dt wfm4e qb17b oo8ro bp13m eweab focus:outline-hidden evxbs disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:text-neutral-400 dark:focus:bg-neutral-700" aria-label="Close" data-hs-overlay="#hs-pro-chtsdid2">
<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><path d="m6 6 12 12"></path></svg>
</button>
</div>
<!-- End Close Button -->
</div>
<!-- End Header -->
<!-- Body -->
<div class="qpmwn overflow-y-auto n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<div class="xlz15">
<!-- Title Input -->
<div class="">
<!-- Textarea -->
<textarea class="mctd2 tqp6r block i65bn oo8ro qb17b vmszq y2wul fkkng rounded-0 lqn87 ismha focus:outline-hidden b2plr kjqgo rdxom disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:text-neutral-400 dark:border-b-neutral-700 dark:hover:border-b-neutral-500 dark:focus:bg-neutral-800 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="Edit your comment..." rows="1" data-hs-textarea-auto-height='{"defaultHeight": 51}'>I keep getting failed payments. what's the reason?</textarea>
<!-- End Textarea -->
</div>
<!-- End Title Input -->
<div class="ymk3i">
<button type="button" class="hs-collapse-toggle hs-collapse-open:hidden d0kec kzzmm inline-flex items-center pgjbi e9qjd ps5iq wfm4e d77gl oo8ro bp13m hx4gm tdhmi disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tme8y dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 open" id="hs-pro-chtddclid2" aria-expanded="true" aria-controls="hs-pro-chtddclid2-heading" data-hs-collapse="#hs-pro-chtddclid2-heading">
<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 12h14"/><path d="M12 5v14"/></svg>
Add description
</button>
<!-- Collapse -->
<div id="hs-pro-chtddclid2-heading" class="hs-collapse open i65bn overflow-hidden" aria-labelledby="hs-pro-chtddclid2">
<!-- Input -->
<div class="manq4">
<label for="hs-pro-chtddtxid2" class="block ej64t vo20k t5ziw bp13m dark:text-neutral-200">
Description
</label>
<textarea id="hs-pro-chtddtxid2" class="n33uu block i65bn d77gl ps5iq psfwb fkkng oo46r tyfry lqn87 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400 dark:placeholder-neutral-500 dark:focus:ring-neutral-600" placeholder="Add a few notes to help you later" data-hs-textarea-auto-height>This is not the first time happening today</textarea>
</div>
<!-- End Input -->
</div>
<!-- End Collapse -->
</div>
</div>
<div class="hs-accordion-group" data-hs-accordion-always-open>
<!-- Base Details -->
<div class="hs-accordion ic6aj kmgj5 dark:border-neutral-800 active" id="hs-pro-chtdbdid2">
<button type="button" class="hs-accordion-toggle xlz15 q0dcx i65bn flex uip67 items-center vmt4s bp13m b9xvx focus:outline-hidden xyfur disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-200 dark:hover:text-neutral-400 dark:focus:text-neutral-400" aria-expanded="true" aria-controls="hs-pro-chtdbdid2-collapse">
<span class="t5ziw vo20k">Base details</span>
<svg class="hs-accordion-active:hidden block ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg>
<svg class="hs-accordion-active:block hidden ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"></path></svg>
</button>
<div id="hs-pro-chtdbdid2-collapse" class="hs-accordion-content i65bn overflow-hidden transition-[height] jahre" role="region" aria-labelledby="hs-pro-chtdbdid2">
<div class="blhyt rq5fj">
<!-- List Item -->
<dl class="d0kec flex items-center ekyph">
<dt class="i65bn b30my">
<p class="inline-flex items-center lialp e9qjd t6rrs dark:text-neutral-500">
<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 9a3 3 0 0 1 0 6v2a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-2a3 3 0 0 1 0-6V7a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2Z"/><path d="M13 5v2"/><path d="M13 17v2"/><path d="M13 11v2"/></svg>
Ticket ID:
</p>
</dt>
<dd class="e3fpz i65bn">
<p class="inline-flex items-center pgjbi vo20k e9qjd bp13m dark:text-neutral-200">
#453891
</p>
</dd>
</dl>
<!-- End List Item -->
<!-- List Item -->
<dl class="d0kec flex items-center ekyph">
<dt class="i65bn b30my">
<p class="inline-flex items-center lialp e9qjd t6rrs dark:text-neutral-500">
<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="M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z"/><path d="m21.854 2.147-10.94 10.939"/></svg>
From:
</p>
</dt>
<dd class="e3fpz i65bn">
<p class="inline-flex items-center pgjbi vo20k e9qjd bp13m dark:text-neutral-200">
<svg class="hq6gx stqz8" width="32" height="25" viewBox="0 0 32 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.18187 24.4817H7.27275V12.1181L0 6.66351V22.2999C0 23.5054 0.976375 24.4817 2.18187 24.4817Z" fill="#4285F4"/><path d="M24.7272 24.4817H29.8182C31.0236 24.4817 32 23.5053 32 22.2999V6.66351L24.7272 12.1181V24.4817Z" fill="#34A853"/><path d="M24.7272 2.66351V12.1181L32 6.66351V3.75445C32 1.05807 28.9219 -0.481929 26.7636 1.13626L24.7272 2.66351Z" fill="#FBBC04"/><path fill-rule="evenodd" clip-rule="evenodd" d="M7.27275 12.1181V2.66351L16 9.20901L24.7272 2.66351V12.1181L16 18.6635L7.27275 12.1181Z" fill="#EA4335"/><path d="M0 3.75445V6.66351L7.27275 12.1181V2.66351L5.23637 1.13626C3.07812 -0.48193 0 1.0582 0 3.75445Z" fill="#C5221F"/></svg> Gmail
</p>
</dd>
</dl>
<!-- End List Item -->
<!-- List Item -->
<dl class="d0kec flex items-center ekyph">
<dt class="i65bn b30my">
<p class="inline-flex items-center lialp e9qjd t6rrs dark:text-neutral-500">
<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.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"/><circle cx="7.5" cy="7.5" r=".5" fill="currentColor"/></svg>
Tags:
</p>
</dt>
<dd class="e3fpz i65bn">
<!-- Dropdown Group -->
<div class="-ms-2 flex flex-wrap items-center duzhl">
<!-- Tag Dropdown -->
<div class="hs-dropdown relative inline-flex">
<button id="hs-pro-intbtwtaddid2_1" type="button" class="ct50n kzzmm group inline-flex items-center eawyh oo8ro wfm4e d77gl bp13m e9qjd ps5iq tdhmi dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:border-neutral-700 dark:text-neutral-200">
<svg class="hq6gx stqz8 le8iz" xmlns="http://www.w3.org/2000/svg" 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.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"/><circle cx="7.5" cy="7.5" r=".5" fill="currentColor"/></svg>
Generic
</button>
<!-- Tag Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 dzjpl transition-[opacity,margin] duration opacity-0 hidden ocib4 oo8ro lile3 rkof5 dark:bg-neutral-950 before:h-4 before:absolute before:-top-4 before:start-0 before:w-full" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-intbtwtaddid2_1">
<div class="ju7it space-y-0.5 ic6aj d77gl dark:border-neutral-800">
<button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd 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 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.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z"/><path d="m15 5 4 4"/></svg>
Edit txgzx
</button>
<button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd 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 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>
Remove from conversation
</button>
<button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd 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" data-hs-overlay="#hs-pro-chhsn">
<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 7V5a2 2 0 0 1 2-2h2"/><path d="M17 3h2a2 2 0 0 1 2 2v2"/><path d="M21 17v2a2 2 0 0 1-2 2h-2"/><path d="M7 21H5a2 2 0 0 1-2-2v-2"/><circle cx="12" cy="12" r="3"/><path d="m16 16-1.9-1.9"/></svg>
View all conversations
</button>
</div>
</div>
<!-- End Tag Dropdown -->
</div>
<!-- End Tag Dropdown -->
<!-- Tag Dropdown -->
<div class="hs-dropdown relative inline-flex">
<button id="hs-pro-intbtwtaddid2_2" type="button" class="ct50n kzzmm group inline-flex items-center eawyh oo8ro wfm4e d77gl bp13m e9qjd ps5iq tdhmi dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:border-neutral-700 dark:text-neutral-200">
<svg class="hq6gx stqz8 ryiqa" xmlns="http://www.w3.org/2000/svg" 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.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"/><circle cx="7.5" cy="7.5" r=".5" fill="currentColor"/></svg>
Reviews
</button>
<!-- Tag Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 dzjpl transition-[opacity,margin] duration opacity-0 hidden ocib4 oo8ro lile3 rkof5 dark:bg-neutral-950 before:h-4 before:absolute before:-top-4 before:start-0 before:w-full" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-intbtwtaddid2_2">
<div class="ju7it space-y-0.5 ic6aj d77gl dark:border-neutral-800">
<button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd 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 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.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z"/><path d="m15 5 4 4"/></svg>
Edit txgzx
</button>
<button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd 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 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>
Remove from conversation
</button>
<button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd 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" data-hs-overlay="#hs-pro-chhsn">
<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 7V5a2 2 0 0 1 2-2h2"/><path d="M17 3h2a2 2 0 0 1 2 2v2"/><path d="M21 17v2a2 2 0 0 1-2 2h-2"/><path d="M7 21H5a2 2 0 0 1-2-2v-2"/><circle cx="12" cy="12" r="3"/><path d="m16 16-1.9-1.9"/></svg>
View all conversations
</button>
</div>
</div>
<!-- End Tag Dropdown -->
</div>
<!-- End Tag Dropdown -->
</div>
<!-- End Dropdown Group -->
</dd>
</dl>
<!-- End List Item -->
</div>
</div>
</div>
<!-- End Base Details -->
<!-- Tickets -->
<div class="hs-accordion ic6aj kmgj5 dark:border-neutral-800 active" id="hs-pro-chdstcc2">
<button type="button" class="hs-accordion-toggle xlz15 q0dcx i65bn flex uip67 items-center vmt4s bp13m b9xvx focus:outline-hidden xyfur disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-200 dark:hover:text-neutral-400 dark:focus:text-neutral-400" aria-expanded="true" aria-controls="hs-pro-chdstcc2-collapse">
<span class="t5ziw vo20k">Tickets</span>
<svg class="hs-accordion-active:hidden block ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg>
<svg class="hs-accordion-active:block hidden ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"></path></svg>
</button>
<div id="hs-pro-chdstcc2-collapse" class="hs-accordion-content i65bn overflow-hidden transition-[height] jahre" role="region" aria-labelledby="hs-pro-chdstcc2">
<div class="blhyt rq5fj">
<!-- List Item -->
<dl class="d0kec flex ekyph">
<dt class="i65bn b30my">
<label class="inline-flex items-center lialp e9qjd t6rrs dark:text-neutral-500">
<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="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>
</dt>
<dd class="e3fpz i65bn -mx-1">
<!-- Select -->
<select multiple data-hs-select='{
"placeholder": "Unassigned",
"dropdownClasses": "ls9te cylzg i65bn pvqa8 yj8ha ju7it oo8ro wfm4e d77gl ps5iq rkof5 overflow-hidden overflow-y-auto n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900 dark:border-neutral-700",
"dropdownScope": "window",
"dropdownPlacement": "bottom-left",
"optionClasses": "d0kec kzzmm i65bn t5ziw bp13m cursor-pointer ksr3h ps5iq focus:outline-hidden kf4z7 hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800",
"mode": "tags",
"wrapperClasses": "relative flex items-center flex-wrap dslo6 i65bn qgy40 t5ziw",
"tagsItemTemplate": "<div class=\"flex flex-nowrap items-center relative nh4wd oo8ro wfm4e d77gl oq0dt manq4 hff8i c90zz dark:bg-neutral-800 dark:border-neutral-700 \"><div class=\"hq6gx awhdl bwv2v \" data-icon></div><div class=\"lt27r bp13m dark:text-neutral-200 \" data-title></div><div class=\"inline-flex hq6gx r00n9 items-center ca09w k5amb oq0dt bp13m eweab focus:outline-hidden evxbs 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>",
"tagsInputId": "hs-pro-chtdaiid2",
"tagsInputClasses": "nbebg n0mud umxjj e3fpz rsqv5 vo20k piafy fkkng qb17b p1ez7 pbmvj outline-hidden cursor-pointer ksr3h dark:bg-neutral-800 dark:placeholder-neutral-200 dark:text-neutral-200 dark:hover:bg-neutral-700",
"optionTemplate": "<div class=\"flex items-center \"><div class=\"hq6gx awhdl aufy5 \" data-icon></div><div class=\"truncate \"><div class=\"t5ziw bp13m dark:text-neutral-200 \" data-title></div><div class=\"truncate 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 selected value="1" data-hs-select-option='{
"icon": "<span class=\"inline-flex hq6gx r00n9 items-center awhdl cm336 e7zws s47lh zr4l6 dark:bg-neutral-600 oq0dt \">S</span>"
}'>Sarah Chen</option>
<option selected value="2" data-hs-select-option='{
"icon": "<img class=\"hq6gx 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\">"
}'>James Collins</option>
<option value="3" data-hs-select-option='{
"icon": "<img class=\"hq6gx oq0dt \" src=\"https://images.unsplash.com/photo-1679412330254-90cb240038c5?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80\" alt=\"Avatar\">"
}'>Lewis Clarke</option>
<option value="4" data-hs-select-option='{
"icon": "<span class=\"inline-flex hq6gx r00n9 items-center awhdl cm336 e7zws fs9eh zr4l6 oq0dt \">I</span>"
}'>Isabella Lauda</option>
<option value="5" data-hs-select-option='{
"icon": "<span class=\"inline-flex hq6gx r00n9 items-center awhdl cm336 e7zws ot31m zr4l6 oq0dt \">C</span>"
}'>Christina Williams</option>
<option value="6" data-hs-select-option='{
"icon": "<img class=\"hq6gx oq0dt \" src=\"https://images.unsplash.com/photo-1541101767792-f9b2b1c4f127?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80\" alt=\"Avatar\">"
}'>Amanda Harvey</option>
</select>
<!-- End Select -->
</dd>
</dl>
<!-- End List Item -->
<!-- List Item -->
<dl class="d0kec flex items-center ekyph">
<dt class="i65bn b30my">
<p class="inline-flex items-center lialp e9qjd t6rrs dark:text-neutral-500">
<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"/><polyline points="12 6 12 12 16 14"/></svg>
Created time:
</p>
</dt>
<dd class="e3fpz i65bn">
<p class="vo20k e9qjd bp13m dark:text-neutral-200">
October 7, 2024 1:24 PM
</p>
</dd>
</dl>
<!-- End List Item -->
<!-- List Item -->
<dl class="d0kec flex items-center ekyph">
<dt class="i65bn b30my">
<p class="inline-flex items-center lialp e9qjd t6rrs dark:text-neutral-500">
<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>
Created by:
</p>
</dt>
<dd class="e3fpz i65bn">
<div class="flex items-center pgjbi">
<div class="relative ibvs1">
<span class="flex hq6gx r00n9 items-center ibvs1 cm336 vo20k e7zws nullInitial.color oq0dt">
<svg class="hq6gx stqz8" width="32" height="25" viewBox="0 0 32 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.18187 24.4817H7.27275V12.1181L0 6.66351V22.2999C0 23.5054 0.976375 24.4817 2.18187 24.4817Z" fill="#4285F4"/><path d="M24.7272 24.4817H29.8182C31.0236 24.4817 32 23.5053 32 22.2999V6.66351L24.7272 12.1181V24.4817Z" fill="#34A853"/><path d="M24.7272 2.66351V12.1181L32 6.66351V3.75445C32 1.05807 28.9219 -0.481929 26.7636 1.13626L24.7272 2.66351Z" fill="#FBBC04"/><path fill-rule="evenodd" clip-rule="evenodd" d="M7.27275 12.1181V2.66351L16 9.20901L24.7272 2.66351V12.1181L16 18.6635L7.27275 12.1181Z" fill="#EA4335"/><path d="M0 3.75445V6.66351L7.27275 12.1181V2.66351L5.23637 1.13626C3.07812 -0.48193 0 1.0582 0 3.75445Z" fill="#C5221F"/></svg>
</span>
</div>
<div class="e3fpz truncate">
<p class="truncate vo20k e9qjd bp13m dark:text-neutral-200">Inbox team</p>
</div>
</div>
</dd>
</dl>
<!-- End List Item -->
<!-- List Item -->
<dl class="d0kec flex items-center ekyph">
<dt class="i65bn b30my">
<label for="hs-pro-in1ta2" class="inline-flex items-center lialp e9qjd t6rrs dark:text-neutral-500">
<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"><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>
Subject:
</label>
</dt>
<dd class="e3fpz i65bn -mx-1">
<input id="hs-pro-in1ta2" type="text" class="hz4z9 n0mud block i65bn oo8ro ksr3h qb17b umxjj piafy zg2bo fkkng bp13m j9afk oo46r tyfry disabled:opacity-50 disabled:pointer-events-none pbmvj dark:bg-neutral-800 dark:border-transparent dark:text-neutral-200 dark:placeholder-neutral-200 dark:focus:ring-neutral-600 dark:hover:bg-neutral-700 dark:focus:bg-neutral-800" placeholder="+ Add" value='[Gmail Forwarding Confirmation of the Payment]'>
</dd>
</dl>
<!-- End List Item -->
<!-- List Item -->
<dl class="d0kec flex items-center ekyph">
<dt class="i65bn b30my">
<p class="inline-flex items-center lialp e9qjd t6rrs dark:text-neutral-500">
<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="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>
Share:
</p>
</dt>
<dd class="e3fpz i65bn -mx-1">
<!-- Input Form -->
<div class="flex items-center lialp">
<input id="hs-pro-chtdshi2" type="text" class="hz4z9 n0mud block i65bn truncate oo8ro ksr3h qb17b umxjj piafy zg2bo fkkng j9afk oo46r tyfry disabled:opacity-50 disabled:pointer-events-none pbmvj dark:bg-neutral-800 dark:border-transparent dark:text-neutral-200 dark:placeholder-neutral-200 dark:focus:ring-neutral-600 dark:hover:bg-neutral-700 dark:focus:bg-neutral-800" readonly value="https://preline.co/chat/share2371e1280182">
<button type="button" class="js-clipboard s3yr9 hs-tooltip awhdl hq6gx inline-flex r00n9 items-center lialp umxjj bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden dark:text-neutral-200 dark:hover:bg-neutral-700"
data-clipboard-target="#hs-pro-chtdshi2"
data-clipboard-action="copy"
data-clipboard-success-text="Link copied">
<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 umxjj hx4gm dark:bg-neutral-700" role="tooltip">
<span class="js-clipboard-success-text">Copy link</span>
</span>
</button>
</div>
<!-- End Input Form -->
</dd>
</dl>
<!-- End List Item -->
</div>
</div>
</div>
<!-- End Tickets -->
<!-- User Data -->
<div class="hs-accordion ic6aj kmgj5 dark:border-neutral-800 active" id="hs-pro-chtdudid2">
<button type="button" class="hs-accordion-toggle xlz15 q0dcx i65bn flex uip67 items-center vmt4s bp13m b9xvx focus:outline-hidden xyfur disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-200 dark:hover:text-neutral-400 dark:focus:text-neutral-400" aria-expanded="true" aria-controls="hs-pro-chtdudid2-collapse">
<span class="t5ziw vo20k">User data</span>
<svg class="hs-accordion-active:hidden block ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg>
<svg class="hs-accordion-active:block hidden ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"></path></svg>
</button>
<div id="hs-pro-chtdudid2-collapse" class="hs-accordion-content i65bn overflow-hidden transition-[height] jahre" role="region" aria-labelledby="hs-pro-chtdudid2">
<div class="blhyt rq5fj">
<!-- List Item -->
<dl class="d0kec flex items-center ekyph">
<dt class="i65bn b30my">
<p class="inline-flex items-center lialp e9qjd t6rrs dark:text-neutral-500">
<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="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg>
Name:
</p>
</dt>
<dd class="e3fpz i65bn">
<p class="inline-flex items-center pgjbi vo20k e9qjd bp13m dark:text-neutral-200">
Bryan Wals
</p>
</dd>
</dl>
<!-- End List Item -->
<!-- List Item -->
<dl class="d0kec flex items-center ekyph">
<dt class="i65bn b30my">
<p class="inline-flex items-center lialp e9qjd t6rrs dark:text-neutral-500">
<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 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z"/><path d="M6 12H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2"/><path d="M18 9h2a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-2"/><path d="M10 6h4"/><path d="M10 10h4"/><path d="M10 14h4"/><path d="M10 18h4"/></svg>
Company:
</p>
</dt>
<dd class="e3fpz i65bn">
<p class="inline-flex items-center pgjbi vo20k e9qjd bp13m dark:text-neutral-200">
Brulgo
</p>
</dd>
</dl>
<!-- End List Item -->
<!-- List Item -->
<dl class="d0kec flex items-center ekyph">
<dt class="i65bn b30my">
<p class="inline-flex items-center lialp e9qjd t6rrs dark:text-neutral-500">
<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="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"/><circle cx="12" cy="10" r="3"/></svg>
Location:
</p>
</dt>
<dd class="e3fpz i65bn">
<p class="inline-flex items-center pgjbi vo20k e9qjd bp13m dark:text-neutral-200">
CA, US
</p>
</dd>
</dl>
<!-- End List Item -->
<!-- List Item -->
<dl class="d0kec flex items-center ekyph">
<dt class="i65bn b30my">
<p class="inline-flex items-center lialp e9qjd t6rrs dark:text-neutral-500">
<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="4"/><path d="M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-4 8"/></svg>
Email:
</p>
</dt>
<dd class="e3fpz i65bn">
<p class="inline-flex items-center pgjbi vo20k e9qjd bp13m dark:text-neutral-200">
bryan@gmail.com
</p>
</dd>
</dl>
<!-- End List Item -->
<!-- Show All Collapse -->
<div id="hs-pro-chtdudsaid2-heading" class="hs-collapse hidden i65bn overflow-hidden transition-[height] jahre" aria-labelledby="hs-pro-chtdudsaid2">
<!-- List Item -->
<dl class="d0kec flex items-center ekyph">
<dt class="i65bn b30my">
<p class="inline-flex items-center lialp e9qjd t6rrs dark:text-neutral-500">
<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 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/></svg>
Phone:
</p>
</dt>
<dd class="e3fpz i65bn">
<p class="inline-flex items-center pgjbi vo20k e9qjd bp13m dark:text-neutral-200">
-
</p>
</dd>
</dl>
<!-- End List Item -->
</div>
<!-- End Show All Collapse -->
<button type="button" class="hs-collapse-toggle ls9te inline-flex items-center pgjbi vo20k e9qjd bp13m b9xvx focus:outline-hidden xyfur disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-200 dark:hover:text-neutral-400 dark:focus:text-neutral-400" id="hs-pro-chtdudsaid2" aria-expanded="false" aria-controls="hs-pro-chtdudsaid2-heading" data-hs-collapse="#hs-pro-chtdudsaid2-heading">
<span class="hs-collapse-open:hidden block">Show all</span>
<span class="hs-collapse-open:block hidden">Show less</span>
<svg class="hs-collapse-open:rotate-180 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 9 6 6 6-6"/></svg>
</button>
</div>
</div>
</div>
<!-- End User Data -->
<!-- Previous Conversations -->
<div class="hs-accordion ic6aj kmgj5 dark:border-neutral-800 active" id="hs-pro-chtdpcid2">
<button type="button" class="hs-accordion-toggle xlz15 q0dcx i65bn flex uip67 items-center vmt4s bp13m b9xvx focus:outline-hidden xyfur disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-200 dark:hover:text-neutral-400 dark:focus:text-neutral-400" aria-expanded="true" aria-controls="hs-pro-chtdpcid2-collapse">
<span class="t5ziw vo20k">Previous conversations</span>
<svg class="hs-accordion-active:hidden block ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg>
<svg class="hs-accordion-active:block hidden ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"></path></svg>
</button>
<div id="hs-pro-chtdpcid2-collapse" class="hs-accordion-content i65bn overflow-hidden transition-[height] jahre" role="region" aria-labelledby="hs-pro-chtdpcid2">
<div class="blhyt rq5fj">
<p class="e9qjd t6rrs dark:text-neutral-500">
No previous conversations
</p>
</div>
</div>
</div>
<!-- End Previous Conversations -->
<!-- Shared Media -->
<div class="hs-accordion active" id="hs-pro-chtdshmid2">
<button type="button" class="hs-accordion-toggle xlz15 q0dcx i65bn flex uip67 items-center vmt4s bp13m b9xvx focus:outline-hidden xyfur disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-200 dark:hover:text-neutral-400 dark:focus:text-neutral-400" aria-expanded="true" aria-controls="hs-pro-chtdshmid2-collapse">
<span class="t5ziw vo20k">Shared media</span>
<svg class="hs-accordion-active:hidden block ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg>
<svg class="hs-accordion-active:block hidden ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"></path></svg>
</button>
<div id="hs-pro-chtdshmid2-collapse" class="hs-accordion-content i65bn overflow-hidden transition-[height] jahre" role="region" aria-labelledby="hs-pro-chtdshmid2">
<div class="blhyt rq5fj">
<p class="e9qjd t6rrs dark:text-neutral-500">
Only shared images appear here
</p>
</div>
</div>
</div>
<!-- End Shared Media -->
</div>
</div>
<!-- End Body -->
</div>
</aside>
<!-- End Secondary Sidebar -->
</div>
<!-- End Tab Content -->
<!-- Tab Content -->
<div id="hs-pro-tabs-chtcpt-3" class="hidden" role="tabpanel" aria-labelledby="hs-pro-tabs-chtcpt-item-3">
<div class="relative u35nr flex flex-col c9j8j">
<!-- Chat Content -->
<div class="qpmwn n33uu gk58l u4ydj overflow-y-auto overflow-x-hidden n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<!-- Loading Indicator -->
<div class="qpmwn flex flex-col r00n9 items-center lj7mp">
<span class="jlmh5 inline-flex pgjbi">
<span class="ui2kz eymwd oq0dt animate-[typing_1s_ease-in-out_infinite] dark:bg-neutral-200"></span>
<span class="ui2kz eymwd oq0dt animate-[typing_1s_ease-in-out_infinite_0.2s] dark:bg-neutral-200"></span>
<span class="ui2kz eymwd oq0dt animate-[typing_1s_ease-in-out_infinite_0.4s] dark:bg-neutral-200"></span>
</span>
<p class="ymk3i t5ziw t6rrs dark:text-neutral-500">
This is a placeholder loader.<br>This conent is empty.
</p>
</div>
<!-- End Loading Indicator -->
</div>
<!-- End Chat Content -->
</div>
<!-- Secondary Sidebar -->
<aside id="hs-pro-chtsdid3" class="hs-overlay [--body-scroll:true] 2xl:[--overlay-backdrop:false] [--is-layout-affect:true] [--opened:2xl] [--auto-close:2xl] hs-overlay-open:translate-x-0 2xl:hs-overlay-layout-open:translate-x-0
kbeg6 g0ipl jahre lrm8y
g4gy3 i65bn
hidden
fixed u0s8z fug6q bo1ta ofq05 qpmwn
oo8ro fr41k d77gl
2xl:block 2xl:translate-x-full 2xl:bottom-0
dark:bg-neutral-800 dark:border-neutral-700" tabindex="-1" aria-labelledby="hs-pro-chtsdid3-label">
<div class="qpmwn flex flex-col">
<!-- Header -->
<div class="mctd2 blhyt flex uip67 items-center ic6aj d77gl dark:border-neutral-800">
<span id="hs-pro-chtsdid3-label" class="block y2wul bp13m dark:text-neutral-200">
Details
</span>
<!-- Close Button -->
<div class="absolute sq9jt hob2q bo1ta">
<button type="button" class="aukwz inline-flex r00n9 items-center lialp oq0dt wfm4e qb17b oo8ro bp13m eweab focus:outline-hidden evxbs disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:text-neutral-400 dark:focus:bg-neutral-700" aria-label="Close" data-hs-overlay="#hs-pro-chtsdid3">
<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><path d="m6 6 12 12"></path></svg>
</button>
</div>
<!-- End Close Button -->
</div>
<!-- End Header -->
<!-- Body -->
<div class="qpmwn overflow-y-auto n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<!-- Empty State -->
<div class="xlz15 qpmwn flex flex-col r00n9 items-center lj7mp">
<svg class="rmc90 mx-auto dl93o" width="178" height="90" viewBox="0 0 178 90" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="27" y="50.5" width="124" height="39" rx="7.5" fill="currentColor" class="mlmpr dark:fill-neutral-800"/>
<rect x="27" y="50.5" width="124" height="39" rx="7.5" stroke="currentColor" class="l4rfy dark:stroke-neutral-700/10"/>
<rect x="34.5" y="58" width="24" height="24" rx="12" fill="currentColor" class="hb386 dark:fill-neutral-700/30"/>
<rect x="66.5" y="61" width="60" height="6" rx="3" fill="currentColor" class="hb386 dark:fill-neutral-700/30"/>
<rect x="66.5" y="73" width="77" height="6" rx="3" fill="currentColor" class="hb386 dark:fill-neutral-700/30"/>
<rect x="19.5" y="28.5" width="139" height="39" rx="7.5" fill="currentColor" class="mlmpr dark:fill-neutral-800"/>
<rect x="19.5" y="28.5" width="139" height="39" rx="7.5" stroke="currentColor" class="c7le4 dark:stroke-neutral-700/30"/>
<rect x="27" y="36" width="24" height="24" rx="12" fill="currentColor" class="p2drp dark:fill-neutral-700/70"/>
<rect x="59" y="39" width="60" height="6" rx="3" fill="currentColor" class="p2drp dark:fill-neutral-700/70"/>
<rect x="59" y="51" width="92" height="6" rx="3" fill="currentColor" class="p2drp dark:fill-neutral-700/70"/>
<g filter="url(#filter3)">
<rect x="12" y="6" width="154" height="40" rx="8" class="mlmpr dark:fill-neutral-800" shape-rendering="crispEdges"/>
<rect x="12.5" y="6.5" width="153" height="39" rx="7.5" stroke="currentColor" class="c7le4 dark:stroke-neutral-700/60" shape-rendering="crispEdges"/>
<rect x="20" y="14" width="24" height="24" rx="12" fill="currentColor" class="bxw6c dark:fill-neutral-700"/>
<rect x="52" y="17" width="60" height="6" rx="3" fill="currentColor" class="bxw6c dark:fill-neutral-700"/>
<rect x="52" y="29" width="106" height="6" rx="3" fill="currentColor" class="bxw6c dark:fill-neutral-700"/>
</g>
<defs>
<filter id="filter3" x="0" y="0" width="178" height="64" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="6"/>
<feGaussianBlur stdDeviation="6"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1187_14810"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1187_14810" result="shape"/>
</filter>
</defs>
</svg>
<div class="idprf mx-auto f9qde">
<p class="ls9te vo20k bp13m dark:text-neutral-200">
No tickets
</p>
<p class="iqt6z t5ziw t6rrs dark:text-neutral-500">
Only ticket details appear here
</p>
</div>
</div>
<!-- Empty State -->
</div>
<!-- End Body -->
</div>
</aside>
<!-- End Secondary Sidebar -->
</div>
<!-- End Tab Content -->
<!-- Tab Content -->
<div id="hs-pro-tabs-chtcpt-4" class="hidden" role="tabpanel" aria-labelledby="hs-pro-tabs-chtcpt-item-4">
<div class="relative u35nr flex flex-col c9j8j">
<!-- Chat Content -->
<div class="qpmwn n33uu gk58l u4ydj overflow-y-auto overflow-x-hidden n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<!-- Loading Indicator -->
<div class="qpmwn flex flex-col r00n9 items-center lj7mp">
<span class="jlmh5 inline-flex pgjbi">
<span class="ui2kz eymwd oq0dt animate-[typing_1s_ease-in-out_infinite] dark:bg-neutral-200"></span>
<span class="ui2kz eymwd oq0dt animate-[typing_1s_ease-in-out_infinite_0.2s] dark:bg-neutral-200"></span>
<span class="ui2kz eymwd oq0dt animate-[typing_1s_ease-in-out_infinite_0.4s] dark:bg-neutral-200"></span>
</span>
<p class="ymk3i t5ziw t6rrs dark:text-neutral-500">
This is a placeholder loader.<br>This conent is empty.
</p>
</div>
<!-- End Loading Indicator -->
</div>
<!-- End Chat Content -->
</div>
<!-- Secondary Sidebar -->
<aside id="hs-pro-chtsdid4" class="hs-overlay [--body-scroll:true] 2xl:[--overlay-backdrop:false] [--is-layout-affect:true] [--opened:2xl] [--auto-close:2xl] hs-overlay-open:translate-x-0 2xl:hs-overlay-layout-open:translate-x-0
kbeg6 g0ipl jahre lrm8y
g4gy3 i65bn
hidden
fixed u0s8z fug6q bo1ta ofq05 qpmwn
oo8ro fr41k d77gl
2xl:block 2xl:translate-x-full 2xl:bottom-0
dark:bg-neutral-800 dark:border-neutral-700" tabindex="-1" aria-labelledby="hs-pro-chtsdid4-label">
<div class="qpmwn flex flex-col">
<!-- Header -->
<div class="mctd2 blhyt flex uip67 items-center ic6aj d77gl dark:border-neutral-800">
<span id="hs-pro-chtsdid4-label" class="block y2wul bp13m dark:text-neutral-200">
Details
</span>
<!-- Close Button -->
<div class="absolute sq9jt hob2q bo1ta">
<button type="button" class="aukwz inline-flex r00n9 items-center lialp oq0dt wfm4e qb17b oo8ro bp13m eweab focus:outline-hidden evxbs disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:text-neutral-400 dark:focus:bg-neutral-700" aria-label="Close" data-hs-overlay="#hs-pro-chtsdid4">
<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><path d="m6 6 12 12"></path></svg>
</button>
</div>
<!-- End Close Button -->
</div>
<!-- End Header -->
<!-- Body -->
<div class="qpmwn overflow-y-auto n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<!-- Empty State -->
<div class="xlz15 qpmwn flex flex-col r00n9 items-center lj7mp">
<svg class="rmc90 mx-auto dl93o" width="178" height="90" viewBox="0 0 178 90" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="27" y="50.5" width="124" height="39" rx="7.5" fill="currentColor" class="mlmpr dark:fill-neutral-800"/>
<rect x="27" y="50.5" width="124" height="39" rx="7.5" stroke="currentColor" class="l4rfy dark:stroke-neutral-700/10"/>
<rect x="34.5" y="58" width="24" height="24" rx="12" fill="currentColor" class="hb386 dark:fill-neutral-700/30"/>
<rect x="66.5" y="61" width="60" height="6" rx="3" fill="currentColor" class="hb386 dark:fill-neutral-700/30"/>
<rect x="66.5" y="73" width="77" height="6" rx="3" fill="currentColor" class="hb386 dark:fill-neutral-700/30"/>
<rect x="19.5" y="28.5" width="139" height="39" rx="7.5" fill="currentColor" class="mlmpr dark:fill-neutral-800"/>
<rect x="19.5" y="28.5" width="139" height="39" rx="7.5" stroke="currentColor" class="c7le4 dark:stroke-neutral-700/30"/>
<rect x="27" y="36" width="24" height="24" rx="12" fill="currentColor" class="p2drp dark:fill-neutral-700/70"/>
<rect x="59" y="39" width="60" height="6" rx="3" fill="currentColor" class="p2drp dark:fill-neutral-700/70"/>
<rect x="59" y="51" width="92" height="6" rx="3" fill="currentColor" class="p2drp dark:fill-neutral-700/70"/>
<g filter="url(#filter4)">
<rect x="12" y="6" width="154" height="40" rx="8" class="mlmpr dark:fill-neutral-800" shape-rendering="crispEdges"/>
<rect x="12.5" y="6.5" width="153" height="39" rx="7.5" stroke="currentColor" class="c7le4 dark:stroke-neutral-700/60" shape-rendering="crispEdges"/>
<rect x="20" y="14" width="24" height="24" rx="12" fill="currentColor" class="bxw6c dark:fill-neutral-700"/>
<rect x="52" y="17" width="60" height="6" rx="3" fill="currentColor" class="bxw6c dark:fill-neutral-700"/>
<rect x="52" y="29" width="106" height="6" rx="3" fill="currentColor" class="bxw6c dark:fill-neutral-700"/>
</g>
<defs>
<filter id="filter4" x="0" y="0" width="178" height="64" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="6"/>
<feGaussianBlur stdDeviation="6"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1187_14810"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1187_14810" result="shape"/>
</filter>
</defs>
</svg>
<div class="idprf mx-auto f9qde">
<p class="ls9te vo20k bp13m dark:text-neutral-200">
No tickets
</p>
<p class="iqt6z t5ziw t6rrs dark:text-neutral-500">
Only ticket details appear here
</p>
</div>
</div>
<!-- Empty State -->
</div>
<!-- End Body -->
</div>
</aside>
<!-- End Secondary Sidebar -->
</div>
<!-- End Tab Content -->
<!-- Tab Content -->
<div id="hs-pro-tabs-chtcpt-5" class="hidden" role="tabpanel" aria-labelledby="hs-pro-tabs-chtcpt-item-5">
<div class="relative u35nr flex flex-col c9j8j">
<!-- Chat Content -->
<div class="qpmwn n33uu gk58l u4ydj overflow-y-auto overflow-x-hidden n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<!-- Loading Indicator -->
<div class="qpmwn flex flex-col r00n9 items-center lj7mp">
<span class="jlmh5 inline-flex pgjbi">
<span class="ui2kz eymwd oq0dt animate-[typing_1s_ease-in-out_infinite] dark:bg-neutral-200"></span>
<span class="ui2kz eymwd oq0dt animate-[typing_1s_ease-in-out_infinite_0.2s] dark:bg-neutral-200"></span>
<span class="ui2kz eymwd oq0dt animate-[typing_1s_ease-in-out_infinite_0.4s] dark:bg-neutral-200"></span>
</span>
<p class="ymk3i t5ziw t6rrs dark:text-neutral-500">
This is a placeholder loader.<br>This conent is empty.
</p>
</div>
<!-- End Loading Indicator -->
</div>
<!-- End Chat Content -->
</div>
<!-- Secondary Sidebar -->
<aside id="hs-pro-chtsdid5" class="hs-overlay [--body-scroll:true] 2xl:[--overlay-backdrop:false] [--is-layout-affect:true] [--opened:2xl] [--auto-close:2xl] hs-overlay-open:translate-x-0 2xl:hs-overlay-layout-open:translate-x-0
kbeg6 g0ipl jahre lrm8y
g4gy3 i65bn
hidden
fixed u0s8z fug6q bo1ta ofq05 qpmwn
oo8ro fr41k d77gl
2xl:block 2xl:translate-x-full 2xl:bottom-0
dark:bg-neutral-800 dark:border-neutral-700" tabindex="-1" aria-labelledby="hs-pro-chtsdid5-label">
<div class="qpmwn flex flex-col">
<!-- Header -->
<div class="mctd2 blhyt flex uip67 items-center ic6aj d77gl dark:border-neutral-800">
<span id="hs-pro-chtsdid5-label" class="block y2wul bp13m dark:text-neutral-200">
Details
</span>
<!-- Close Button -->
<div class="absolute sq9jt hob2q bo1ta">
<button type="button" class="aukwz inline-flex r00n9 items-center lialp oq0dt wfm4e qb17b oo8ro bp13m eweab focus:outline-hidden evxbs disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:text-neutral-400 dark:focus:bg-neutral-700" aria-label="Close" data-hs-overlay="#hs-pro-chtsdid5">
<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><path d="m6 6 12 12"></path></svg>
</button>
</div>
<!-- End Close Button -->
</div>
<!-- End Header -->
<!-- Body -->
<div class="qpmwn overflow-y-auto n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<!-- Empty State -->
<div class="xlz15 qpmwn flex flex-col r00n9 items-center lj7mp">
<svg class="rmc90 mx-auto dl93o" width="178" height="90" viewBox="0 0 178 90" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="27" y="50.5" width="124" height="39" rx="7.5" fill="currentColor" class="mlmpr dark:fill-neutral-800"/>
<rect x="27" y="50.5" width="124" height="39" rx="7.5" stroke="currentColor" class="l4rfy dark:stroke-neutral-700/10"/>
<rect x="34.5" y="58" width="24" height="24" rx="12" fill="currentColor" class="hb386 dark:fill-neutral-700/30"/>
<rect x="66.5" y="61" width="60" height="6" rx="3" fill="currentColor" class="hb386 dark:fill-neutral-700/30"/>
<rect x="66.5" y="73" width="77" height="6" rx="3" fill="currentColor" class="hb386 dark:fill-neutral-700/30"/>
<rect x="19.5" y="28.5" width="139" height="39" rx="7.5" fill="currentColor" class="mlmpr dark:fill-neutral-800"/>
<rect x="19.5" y="28.5" width="139" height="39" rx="7.5" stroke="currentColor" class="c7le4 dark:stroke-neutral-700/30"/>
<rect x="27" y="36" width="24" height="24" rx="12" fill="currentColor" class="p2drp dark:fill-neutral-700/70"/>
<rect x="59" y="39" width="60" height="6" rx="3" fill="currentColor" class="p2drp dark:fill-neutral-700/70"/>
<rect x="59" y="51" width="92" height="6" rx="3" fill="currentColor" class="p2drp dark:fill-neutral-700/70"/>
<g filter="url(#filter5)">
<rect x="12" y="6" width="154" height="40" rx="8" class="mlmpr dark:fill-neutral-800" shape-rendering="crispEdges"/>
<rect x="12.5" y="6.5" width="153" height="39" rx="7.5" stroke="currentColor" class="c7le4 dark:stroke-neutral-700/60" shape-rendering="crispEdges"/>
<rect x="20" y="14" width="24" height="24" rx="12" fill="currentColor" class="bxw6c dark:fill-neutral-700"/>
<rect x="52" y="17" width="60" height="6" rx="3" fill="currentColor" class="bxw6c dark:fill-neutral-700"/>
<rect x="52" y="29" width="106" height="6" rx="3" fill="currentColor" class="bxw6c dark:fill-neutral-700"/>
</g>
<defs>
<filter id="filter5" x="0" y="0" width="178" height="64" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="6"/>
<feGaussianBlur stdDeviation="6"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1187_14810"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1187_14810" result="shape"/>
</filter>
</defs>
</svg>
<div class="idprf mx-auto f9qde">
<p class="ls9te vo20k bp13m dark:text-neutral-200">
No tickets
</p>
<p class="iqt6z t5ziw t6rrs dark:text-neutral-500">
Only ticket details appear here
</p>
</div>
</div>
<!-- Empty State -->
</div>
<!-- End Body -->
</div>
</aside>
<!-- End Secondary Sidebar -->
</div>
<!-- End Tab Content -->
<!-- Tab Content -->
<div id="hs-pro-tabs-chtcpt-6" class="hidden" role="tabpanel" aria-labelledby="hs-pro-tabs-chtcpt-item-6">
<div class="relative u35nr flex flex-col c9j8j">
<!-- Chat Content -->
<div class="qpmwn n33uu gk58l u4ydj overflow-y-auto overflow-x-hidden n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<!-- Loading Indicator -->
<div class="qpmwn flex flex-col r00n9 items-center lj7mp">
<span class="jlmh5 inline-flex pgjbi">
<span class="ui2kz eymwd oq0dt animate-[typing_1s_ease-in-out_infinite] dark:bg-neutral-200"></span>
<span class="ui2kz eymwd oq0dt animate-[typing_1s_ease-in-out_infinite_0.2s] dark:bg-neutral-200"></span>
<span class="ui2kz eymwd oq0dt animate-[typing_1s_ease-in-out_infinite_0.4s] dark:bg-neutral-200"></span>
</span>
<p class="ymk3i t5ziw t6rrs dark:text-neutral-500">
This is a placeholder loader.<br>This conent is empty.
</p>
</div>
<!-- End Loading Indicator -->
</div>
<!-- End Chat Content -->
</div>
<!-- Secondary Sidebar -->
<aside id="hs-pro-chtsdid6" class="hs-overlay [--body-scroll:true] 2xl:[--overlay-backdrop:false] [--is-layout-affect:true] [--opened:2xl] [--auto-close:2xl] hs-overlay-open:translate-x-0 2xl:hs-overlay-layout-open:translate-x-0
kbeg6 g0ipl jahre lrm8y
g4gy3 i65bn
hidden
fixed u0s8z fug6q bo1ta ofq05 qpmwn
oo8ro fr41k d77gl
2xl:block 2xl:translate-x-full 2xl:bottom-0
dark:bg-neutral-800 dark:border-neutral-700" tabindex="-1" aria-labelledby="hs-pro-chtsdid6-label">
<div class="qpmwn flex flex-col">
<!-- Header -->
<div class="mctd2 blhyt flex uip67 items-center ic6aj d77gl dark:border-neutral-800">
<span id="hs-pro-chtsdid6-label" class="block y2wul bp13m dark:text-neutral-200">
Details
</span>
<!-- Close Button -->
<div class="absolute sq9jt hob2q bo1ta">
<button type="button" class="aukwz inline-flex r00n9 items-center lialp oq0dt wfm4e qb17b oo8ro bp13m eweab focus:outline-hidden evxbs disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:text-neutral-400 dark:focus:bg-neutral-700" aria-label="Close" data-hs-overlay="#hs-pro-chtsdid6">
<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><path d="m6 6 12 12"></path></svg>
</button>
</div>
<!-- End Close Button -->
</div>
<!-- End Header -->
<!-- Body -->
<div class="qpmwn overflow-y-auto n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<!-- Empty State -->
<div class="xlz15 qpmwn flex flex-col r00n9 items-center lj7mp">
<svg class="rmc90 mx-auto dl93o" width="178" height="90" viewBox="0 0 178 90" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="27" y="50.5" width="124" height="39" rx="7.5" fill="currentColor" class="mlmpr dark:fill-neutral-800"/>
<rect x="27" y="50.5" width="124" height="39" rx="7.5" stroke="currentColor" class="l4rfy dark:stroke-neutral-700/10"/>
<rect x="34.5" y="58" width="24" height="24" rx="12" fill="currentColor" class="hb386 dark:fill-neutral-700/30"/>
<rect x="66.5" y="61" width="60" height="6" rx="3" fill="currentColor" class="hb386 dark:fill-neutral-700/30"/>
<rect x="66.5" y="73" width="77" height="6" rx="3" fill="currentColor" class="hb386 dark:fill-neutral-700/30"/>
<rect x="19.5" y="28.5" width="139" height="39" rx="7.5" fill="currentColor" class="mlmpr dark:fill-neutral-800"/>
<rect x="19.5" y="28.5" width="139" height="39" rx="7.5" stroke="currentColor" class="c7le4 dark:stroke-neutral-700/30"/>
<rect x="27" y="36" width="24" height="24" rx="12" fill="currentColor" class="p2drp dark:fill-neutral-700/70"/>
<rect x="59" y="39" width="60" height="6" rx="3" fill="currentColor" class="p2drp dark:fill-neutral-700/70"/>
<rect x="59" y="51" width="92" height="6" rx="3" fill="currentColor" class="p2drp dark:fill-neutral-700/70"/>
<g filter="url(#filter6)">
<rect x="12" y="6" width="154" height="40" rx="8" class="mlmpr dark:fill-neutral-800" shape-rendering="crispEdges"/>
<rect x="12.5" y="6.5" width="153" height="39" rx="7.5" stroke="currentColor" class="c7le4 dark:stroke-neutral-700/60" shape-rendering="crispEdges"/>
<rect x="20" y="14" width="24" height="24" rx="12" fill="currentColor" class="bxw6c dark:fill-neutral-700"/>
<rect x="52" y="17" width="60" height="6" rx="3" fill="currentColor" class="bxw6c dark:fill-neutral-700"/>
<rect x="52" y="29" width="106" height="6" rx="3" fill="currentColor" class="bxw6c dark:fill-neutral-700"/>
</g>
<defs>
<filter id="filter6" x="0" y="0" width="178" height="64" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="6"/>
<feGaussianBlur stdDeviation="6"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1187_14810"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1187_14810" result="shape"/>
</filter>
</defs>
</svg>
<div class="idprf mx-auto f9qde">
<p class="ls9te vo20k bp13m dark:text-neutral-200">
No tickets
</p>
<p class="iqt6z t5ziw t6rrs dark:text-neutral-500">
Only ticket details appear here
</p>
</div>
</div>
<!-- Empty State -->
</div>
<!-- End Body -->
</div>
</aside>
<!-- End Secondary Sidebar -->
</div>
<!-- End Tab Content -->
<!-- Tab Content -->
<div id="hs-pro-tabs-chtcpt-7" class="hidden" role="tabpanel" aria-labelledby="hs-pro-tabs-chtcpt-item-7">
<div class="relative u35nr flex flex-col c9j8j">
<!-- Chat Content -->
<div class="qpmwn n33uu gk58l u4ydj overflow-y-auto overflow-x-hidden n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<!-- Loading Indicator -->
<div class="qpmwn flex flex-col r00n9 items-center lj7mp">
<span class="jlmh5 inline-flex pgjbi">
<span class="ui2kz eymwd oq0dt animate-[typing_1s_ease-in-out_infinite] dark:bg-neutral-200"></span>
<span class="ui2kz eymwd oq0dt animate-[typing_1s_ease-in-out_infinite_0.2s] dark:bg-neutral-200"></span>
<span class="ui2kz eymwd oq0dt animate-[typing_1s_ease-in-out_infinite_0.4s] dark:bg-neutral-200"></span>
</span>
<p class="ymk3i t5ziw t6rrs dark:text-neutral-500">
This is a placeholder loader.<br>This conent is empty.
</p>
</div>
<!-- End Loading Indicator -->
</div>
<!-- End Chat Content -->
</div>
<!-- Secondary Sidebar -->
<aside id="hs-pro-chtsdid7" class="hs-overlay [--body-scroll:true] 2xl:[--overlay-backdrop:false] [--is-layout-affect:true] [--opened:2xl] [--auto-close:2xl] hs-overlay-open:translate-x-0 2xl:hs-overlay-layout-open:translate-x-0
kbeg6 g0ipl jahre lrm8y
g4gy3 i65bn
hidden
fixed u0s8z fug6q bo1ta ofq05 qpmwn
oo8ro fr41k d77gl
2xl:block 2xl:translate-x-full 2xl:bottom-0
dark:bg-neutral-800 dark:border-neutral-700" tabindex="-1" aria-labelledby="hs-pro-chtsdid7-label">
<div class="qpmwn flex flex-col">
<!-- Header -->
<div class="mctd2 blhyt flex uip67 items-center ic6aj d77gl dark:border-neutral-800">
<span id="hs-pro-chtsdid7-label" class="block y2wul bp13m dark:text-neutral-200">
Details
</span>
<!-- Close Button -->
<div class="absolute sq9jt hob2q bo1ta">
<button type="button" class="aukwz inline-flex r00n9 items-center lialp oq0dt wfm4e qb17b oo8ro bp13m eweab focus:outline-hidden evxbs disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:text-neutral-400 dark:focus:bg-neutral-700" aria-label="Close" data-hs-overlay="#hs-pro-chtsdid7">
<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><path d="m6 6 12 12"></path></svg>
</button>
</div>
<!-- End Close Button -->
</div>
<!-- End Header -->
<!-- Body -->
<div class="qpmwn overflow-y-auto n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<!-- Empty State -->
<div class="xlz15 qpmwn flex flex-col r00n9 items-center lj7mp">
<svg class="rmc90 mx-auto dl93o" width="178" height="90" viewBox="0 0 178 90" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="27" y="50.5" width="124" height="39" rx="7.5" fill="currentColor" class="mlmpr dark:fill-neutral-800"/>
<rect x="27" y="50.5" width="124" height="39" rx="7.5" stroke="currentColor" class="l4rfy dark:stroke-neutral-700/10"/>
<rect x="34.5" y="58" width="24" height="24" rx="12" fill="currentColor" class="hb386 dark:fill-neutral-700/30"/>
<rect x="66.5" y="61" width="60" height="6" rx="3" fill="currentColor" class="hb386 dark:fill-neutral-700/30"/>
<rect x="66.5" y="73" width="77" height="6" rx="3" fill="currentColor" class="hb386 dark:fill-neutral-700/30"/>
<rect x="19.5" y="28.5" width="139" height="39" rx="7.5" fill="currentColor" class="mlmpr dark:fill-neutral-800"/>
<rect x="19.5" y="28.5" width="139" height="39" rx="7.5" stroke="currentColor" class="c7le4 dark:stroke-neutral-700/30"/>
<rect x="27" y="36" width="24" height="24" rx="12" fill="currentColor" class="p2drp dark:fill-neutral-700/70"/>
<rect x="59" y="39" width="60" height="6" rx="3" fill="currentColor" class="p2drp dark:fill-neutral-700/70"/>
<rect x="59" y="51" width="92" height="6" rx="3" fill="currentColor" class="p2drp dark:fill-neutral-700/70"/>
<g filter="url(#filter7)">
<rect x="12" y="6" width="154" height="40" rx="8" class="mlmpr dark:fill-neutral-800" shape-rendering="crispEdges"/>
<rect x="12.5" y="6.5" width="153" height="39" rx="7.5" stroke="currentColor" class="c7le4 dark:stroke-neutral-700/60" shape-rendering="crispEdges"/>
<rect x="20" y="14" width="24" height="24" rx="12" fill="currentColor" class="bxw6c dark:fill-neutral-700"/>
<rect x="52" y="17" width="60" height="6" rx="3" fill="currentColor" class="bxw6c dark:fill-neutral-700"/>
<rect x="52" y="29" width="106" height="6" rx="3" fill="currentColor" class="bxw6c dark:fill-neutral-700"/>
</g>
<defs>
<filter id="filter7" x="0" y="0" width="178" height="64" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="6"/>
<feGaussianBlur stdDeviation="6"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1187_14810"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1187_14810" result="shape"/>
</filter>
</defs>
</svg>
<div class="idprf mx-auto f9qde">
<p class="ls9te vo20k bp13m dark:text-neutral-200">
No tickets
</p>
<p class="iqt6z t5ziw t6rrs dark:text-neutral-500">
Only ticket details appear here
</p>
</div>
</div>
<!-- Empty State -->
</div>
<!-- End Body -->
</div>
</aside>
<!-- End Secondary Sidebar -->
</div>
<!-- End Tab Content -->
<!-- Tab Content -->
<div id="hs-pro-tabs-chtcpt-8" class="hidden" role="tabpanel" aria-labelledby="hs-pro-tabs-chtcpt-item-8">
<div class="relative u35nr flex flex-col c9j8j">
<!-- Chat Content -->
<div class="qpmwn n33uu gk58l u4ydj overflow-y-auto overflow-x-hidden n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<!-- Loading Indicator -->
<div class="qpmwn flex flex-col r00n9 items-center lj7mp">
<span class="jlmh5 inline-flex pgjbi">
<span class="ui2kz eymwd oq0dt animate-[typing_1s_ease-in-out_infinite] dark:bg-neutral-200"></span>
<span class="ui2kz eymwd oq0dt animate-[typing_1s_ease-in-out_infinite_0.2s] dark:bg-neutral-200"></span>
<span class="ui2kz eymwd oq0dt animate-[typing_1s_ease-in-out_infinite_0.4s] dark:bg-neutral-200"></span>
</span>
<p class="ymk3i t5ziw t6rrs dark:text-neutral-500">
This is a placeholder loader.<br>This conent is empty.
</p>
</div>
<!-- End Loading Indicator -->
</div>
<!-- End Chat Content -->
</div>
<!-- Secondary Sidebar -->
<aside id="hs-pro-chtsdid8" class="hs-overlay [--body-scroll:true] 2xl:[--overlay-backdrop:false] [--is-layout-affect:true] [--opened:2xl] [--auto-close:2xl] hs-overlay-open:translate-x-0 2xl:hs-overlay-layout-open:translate-x-0
kbeg6 g0ipl jahre lrm8y
g4gy3 i65bn
hidden
fixed u0s8z fug6q bo1ta ofq05 qpmwn
oo8ro fr41k d77gl
2xl:block 2xl:translate-x-full 2xl:bottom-0
dark:bg-neutral-800 dark:border-neutral-700" tabindex="-1" aria-labelledby="hs-pro-chtsdid8-label">
<div class="qpmwn flex flex-col">
<!-- Header -->
<div class="mctd2 blhyt flex uip67 items-center ic6aj d77gl dark:border-neutral-800">
<span id="hs-pro-chtsdid8-label" class="block y2wul bp13m dark:text-neutral-200">
Details
</span>
<!-- Close Button -->
<div class="absolute sq9jt hob2q bo1ta">
<button type="button" class="aukwz inline-flex r00n9 items-center lialp oq0dt wfm4e qb17b oo8ro bp13m eweab focus:outline-hidden evxbs disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:text-neutral-400 dark:focus:bg-neutral-700" aria-label="Close" data-hs-overlay="#hs-pro-chtsdid8">
<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><path d="m6 6 12 12"></path></svg>
</button>
</div>
<!-- End Close Button -->
</div>
<!-- End Header -->
<!-- Body -->
<div class="qpmwn overflow-y-auto n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<!-- Empty State -->
<div class="xlz15 qpmwn flex flex-col r00n9 items-center lj7mp">
<svg class="rmc90 mx-auto dl93o" width="178" height="90" viewBox="0 0 178 90" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="27" y="50.5" width="124" height="39" rx="7.5" fill="currentColor" class="mlmpr dark:fill-neutral-800"/>
<rect x="27" y="50.5" width="124" height="39" rx="7.5" stroke="currentColor" class="l4rfy dark:stroke-neutral-700/10"/>
<rect x="34.5" y="58" width="24" height="24" rx="12" fill="currentColor" class="hb386 dark:fill-neutral-700/30"/>
<rect x="66.5" y="61" width="60" height="6" rx="3" fill="currentColor" class="hb386 dark:fill-neutral-700/30"/>
<rect x="66.5" y="73" width="77" height="6" rx="3" fill="currentColor" class="hb386 dark:fill-neutral-700/30"/>
<rect x="19.5" y="28.5" width="139" height="39" rx="7.5" fill="currentColor" class="mlmpr dark:fill-neutral-800"/>
<rect x="19.5" y="28.5" width="139" height="39" rx="7.5" stroke="currentColor" class="c7le4 dark:stroke-neutral-700/30"/>
<rect x="27" y="36" width="24" height="24" rx="12" fill="currentColor" class="p2drp dark:fill-neutral-700/70"/>
<rect x="59" y="39" width="60" height="6" rx="3" fill="currentColor" class="p2drp dark:fill-neutral-700/70"/>
<rect x="59" y="51" width="92" height="6" rx="3" fill="currentColor" class="p2drp dark:fill-neutral-700/70"/>
<g filter="url(#filter8)">
<rect x="12" y="6" width="154" height="40" rx="8" class="mlmpr dark:fill-neutral-800" shape-rendering="crispEdges"/>
<rect x="12.5" y="6.5" width="153" height="39" rx="7.5" stroke="currentColor" class="c7le4 dark:stroke-neutral-700/60" shape-rendering="crispEdges"/>
<rect x="20" y="14" width="24" height="24" rx="12" fill="currentColor" class="bxw6c dark:fill-neutral-700"/>
<rect x="52" y="17" width="60" height="6" rx="3" fill="currentColor" class="bxw6c dark:fill-neutral-700"/>
<rect x="52" y="29" width="106" height="6" rx="3" fill="currentColor" class="bxw6c dark:fill-neutral-700"/>
</g>
<defs>
<filter id="filter8" x="0" y="0" width="178" height="64" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="6"/>
<feGaussianBlur stdDeviation="6"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1187_14810"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1187_14810" result="shape"/>
</filter>
</defs>
</svg>
<div class="idprf mx-auto f9qde">
<p class="ls9te vo20k bp13m dark:text-neutral-200">
No tickets
</p>
<p class="iqt6z t5ziw t6rrs dark:text-neutral-500">
Only ticket details appear here
</p>
</div>
</div>
<!-- Empty State -->
</div>
<!-- End Body -->
</div>
</aside>
<!-- End Secondary Sidebar -->
</div>
<!-- End Tab Content -->
<!-- Tab Content -->
<div id="hs-pro-tabs-chtcpt-9" class="hidden" role="tabpanel" aria-labelledby="hs-pro-tabs-chtcpt-item-9">
<div class="relative u35nr flex flex-col c9j8j">
<!-- Chat Content -->
<div class="qpmwn n33uu gk58l u4ydj overflow-y-auto overflow-x-hidden n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<!-- Loading Indicator -->
<div class="qpmwn flex flex-col r00n9 items-center lj7mp">
<span class="jlmh5 inline-flex pgjbi">
<span class="ui2kz eymwd oq0dt animate-[typing_1s_ease-in-out_infinite] dark:bg-neutral-200"></span>
<span class="ui2kz eymwd oq0dt animate-[typing_1s_ease-in-out_infinite_0.2s] dark:bg-neutral-200"></span>
<span class="ui2kz eymwd oq0dt animate-[typing_1s_ease-in-out_infinite_0.4s] dark:bg-neutral-200"></span>
</span>
<p class="ymk3i t5ziw t6rrs dark:text-neutral-500">
This is a placeholder loader.<br>This conent is empty.
</p>
</div>
<!-- End Loading Indicator -->
</div>
<!-- End Chat Content -->
</div>
<!-- Secondary Sidebar -->
<aside id="hs-pro-chtsdid9" class="hs-overlay [--body-scroll:true] 2xl:[--overlay-backdrop:false] [--is-layout-affect:true] [--opened:2xl] [--auto-close:2xl] hs-overlay-open:translate-x-0 2xl:hs-overlay-layout-open:translate-x-0
kbeg6 g0ipl jahre lrm8y
g4gy3 i65bn
hidden
fixed u0s8z fug6q bo1ta ofq05 qpmwn
oo8ro fr41k d77gl
2xl:block 2xl:translate-x-full 2xl:bottom-0
dark:bg-neutral-800 dark:border-neutral-700" tabindex="-1" aria-labelledby="hs-pro-chtsdid9-label">
<div class="qpmwn flex flex-col">
<!-- Header -->
<div class="mctd2 blhyt flex uip67 items-center ic6aj d77gl dark:border-neutral-800">
<span id="hs-pro-chtsdid9-label" class="block y2wul bp13m dark:text-neutral-200">
Details
</span>
<!-- Close Button -->
<div class="absolute sq9jt hob2q bo1ta">
<button type="button" class="aukwz inline-flex r00n9 items-center lialp oq0dt wfm4e qb17b oo8ro bp13m eweab focus:outline-hidden evxbs disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:text-neutral-400 dark:focus:bg-neutral-700" aria-label="Close" data-hs-overlay="#hs-pro-chtsdid9">
<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><path d="m6 6 12 12"></path></svg>
</button>
</div>
<!-- End Close Button -->
</div>
<!-- End Header -->
<!-- Body -->
<div class="qpmwn overflow-y-auto n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<!-- Empty State -->
<div class="xlz15 qpmwn flex flex-col r00n9 items-center lj7mp">
<svg class="rmc90 mx-auto dl93o" width="178" height="90" viewBox="0 0 178 90" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="27" y="50.5" width="124" height="39" rx="7.5" fill="currentColor" class="mlmpr dark:fill-neutral-800"/>
<rect x="27" y="50.5" width="124" height="39" rx="7.5" stroke="currentColor" class="l4rfy dark:stroke-neutral-700/10"/>
<rect x="34.5" y="58" width="24" height="24" rx="12" fill="currentColor" class="hb386 dark:fill-neutral-700/30"/>
<rect x="66.5" y="61" width="60" height="6" rx="3" fill="currentColor" class="hb386 dark:fill-neutral-700/30"/>
<rect x="66.5" y="73" width="77" height="6" rx="3" fill="currentColor" class="hb386 dark:fill-neutral-700/30"/>
<rect x="19.5" y="28.5" width="139" height="39" rx="7.5" fill="currentColor" class="mlmpr dark:fill-neutral-800"/>
<rect x="19.5" y="28.5" width="139" height="39" rx="7.5" stroke="currentColor" class="c7le4 dark:stroke-neutral-700/30"/>
<rect x="27" y="36" width="24" height="24" rx="12" fill="currentColor" class="p2drp dark:fill-neutral-700/70"/>
<rect x="59" y="39" width="60" height="6" rx="3" fill="currentColor" class="p2drp dark:fill-neutral-700/70"/>
<rect x="59" y="51" width="92" height="6" rx="3" fill="currentColor" class="p2drp dark:fill-neutral-700/70"/>
<g filter="url(#filter9)">
<rect x="12" y="6" width="154" height="40" rx="8" class="mlmpr dark:fill-neutral-800" shape-rendering="crispEdges"/>
<rect x="12.5" y="6.5" width="153" height="39" rx="7.5" stroke="currentColor" class="c7le4 dark:stroke-neutral-700/60" shape-rendering="crispEdges"/>
<rect x="20" y="14" width="24" height="24" rx="12" fill="currentColor" class="bxw6c dark:fill-neutral-700"/>
<rect x="52" y="17" width="60" height="6" rx="3" fill="currentColor" class="bxw6c dark:fill-neutral-700"/>
<rect x="52" y="29" width="106" height="6" rx="3" fill="currentColor" class="bxw6c dark:fill-neutral-700"/>
</g>
<defs>
<filter id="filter9" x="0" y="0" width="178" height="64" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="6"/>
<feGaussianBlur stdDeviation="6"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1187_14810"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1187_14810" result="shape"/>
</filter>
</defs>
</svg>
<div class="idprf mx-auto f9qde">
<p class="ls9te vo20k bp13m dark:text-neutral-200">
No tickets
</p>
<p class="iqt6z t5ziw t6rrs dark:text-neutral-500">
Only ticket details appear here
</p>
</div>
</div>
<!-- Empty State -->
</div>
<!-- End Body -->
</div>
</aside>
<!-- End Secondary Sidebar -->
</div>
<!-- End Tab Content -->
<!-- Tab Content -->
<div id="hs-pro-tabs-chtcpt-10" class="hidden" role="tabpanel" aria-labelledby="hs-pro-tabs-chtcpt-item-10">
<div class="relative u35nr flex flex-col c9j8j">
<!-- Chat Content -->
<div class="qpmwn n33uu gk58l u4ydj overflow-y-auto overflow-x-hidden n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<!-- Loading Indicator -->
<div class="qpmwn flex flex-col r00n9 items-center lj7mp">
<span class="jlmh5 inline-flex pgjbi">
<span class="ui2kz eymwd oq0dt animate-[typing_1s_ease-in-out_infinite] dark:bg-neutral-200"></span>
<span class="ui2kz eymwd oq0dt animate-[typing_1s_ease-in-out_infinite_0.2s] dark:bg-neutral-200"></span>
<span class="ui2kz eymwd oq0dt animate-[typing_1s_ease-in-out_infinite_0.4s] dark:bg-neutral-200"></span>
</span>
<p class="ymk3i t5ziw t6rrs dark:text-neutral-500">
This is a placeholder loader.<br>This conent is empty.
</p>
</div>
<!-- End Loading Indicator -->
</div>
<!-- End Chat Content -->
</div>
<!-- Secondary Sidebar -->
<aside id="hs-pro-chtsdid10" class="hs-overlay [--body-scroll:true] 2xl:[--overlay-backdrop:false] [--is-layout-affect:true] [--opened:2xl] [--auto-close:2xl] hs-overlay-open:translate-x-0 2xl:hs-overlay-layout-open:translate-x-0
kbeg6 g0ipl jahre lrm8y
g4gy3 i65bn
hidden
fixed u0s8z fug6q bo1ta ofq05 qpmwn
oo8ro fr41k d77gl
2xl:block 2xl:translate-x-full 2xl:bottom-0
dark:bg-neutral-800 dark:border-neutral-700" tabindex="-1" aria-labelledby="hs-pro-chtsdid10-label">
<div class="qpmwn flex flex-col">
<!-- Header -->
<div class="mctd2 blhyt flex uip67 items-center ic6aj d77gl dark:border-neutral-800">
<span id="hs-pro-chtsdid10-label" class="block y2wul bp13m dark:text-neutral-200">
Details
</span>
<!-- Close Button -->
<div class="absolute sq9jt hob2q bo1ta">
<button type="button" class="aukwz inline-flex r00n9 items-center lialp oq0dt wfm4e qb17b oo8ro bp13m eweab focus:outline-hidden evxbs disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:text-neutral-400 dark:focus:bg-neutral-700" aria-label="Close" data-hs-overlay="#hs-pro-chtsdid10">
<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><path d="m6 6 12 12"></path></svg>
</button>
</div>
<!-- End Close Button -->
</div>
<!-- End Header -->
<!-- Body -->
<div class="qpmwn overflow-y-auto n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<!-- Empty State -->
<div class="xlz15 qpmwn flex flex-col r00n9 items-center lj7mp">
<svg class="rmc90 mx-auto dl93o" width="178" height="90" viewBox="0 0 178 90" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="27" y="50.5" width="124" height="39" rx="7.5" fill="currentColor" class="mlmpr dark:fill-neutral-800"/>
<rect x="27" y="50.5" width="124" height="39" rx="7.5" stroke="currentColor" class="l4rfy dark:stroke-neutral-700/10"/>
<rect x="34.5" y="58" width="24" height="24" rx="12" fill="currentColor" class="hb386 dark:fill-neutral-700/30"/>
<rect x="66.5" y="61" width="60" height="6" rx="3" fill="currentColor" class="hb386 dark:fill-neutral-700/30"/>
<rect x="66.5" y="73" width="77" height="6" rx="3" fill="currentColor" class="hb386 dark:fill-neutral-700/30"/>
<rect x="19.5" y="28.5" width="139" height="39" rx="7.5" fill="currentColor" class="mlmpr dark:fill-neutral-800"/>
<rect x="19.5" y="28.5" width="139" height="39" rx="7.5" stroke="currentColor" class="c7le4 dark:stroke-neutral-700/30"/>
<rect x="27" y="36" width="24" height="24" rx="12" fill="currentColor" class="p2drp dark:fill-neutral-700/70"/>
<rect x="59" y="39" width="60" height="6" rx="3" fill="currentColor" class="p2drp dark:fill-neutral-700/70"/>
<rect x="59" y="51" width="92" height="6" rx="3" fill="currentColor" class="p2drp dark:fill-neutral-700/70"/>
<g filter="url(#filter10)">
<rect x="12" y="6" width="154" height="40" rx="8" class="mlmpr dark:fill-neutral-800" shape-rendering="crispEdges"/>
<rect x="12.5" y="6.5" width="153" height="39" rx="7.5" stroke="currentColor" class="c7le4 dark:stroke-neutral-700/60" shape-rendering="crispEdges"/>
<rect x="20" y="14" width="24" height="24" rx="12" fill="currentColor" class="bxw6c dark:fill-neutral-700"/>
<rect x="52" y="17" width="60" height="6" rx="3" fill="currentColor" class="bxw6c dark:fill-neutral-700"/>
<rect x="52" y="29" width="106" height="6" rx="3" fill="currentColor" class="bxw6c dark:fill-neutral-700"/>
</g>
<defs>
<filter id="filter10" x="0" y="0" width="178" height="64" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="6"/>
<feGaussianBlur stdDeviation="6"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1187_14810"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1187_14810" result="shape"/>
</filter>
</defs>
</svg>
<div class="idprf mx-auto f9qde">
<p class="ls9te vo20k bp13m dark:text-neutral-200">
No tickets
</p>
<p class="iqt6z t5ziw t6rrs dark:text-neutral-500">
Only ticket details appear here
</p>
</div>
</div>
<!-- Empty State -->
</div>
<!-- End Body -->
</div>
</aside>
<!-- End Secondary Sidebar -->
</div>
<!-- End Tab Content -->
</main>
<!-- ========== END MAIN CONTENT ========== -->
</body>
<!-- Archive Message Modal -->
<div id="hs-pro-chhtgm" 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-chhtgm-label">
<div class="hs-overlay-open:mt-7 hs-overlay-open:opacity-100 hs-overlay-open:duration-500 s193u opacity-0 f6mgt g0ipl rl3j4 p3qto cux47 sm:mx-auto h-[calc(100%-56px)] min-h-[calc(100%-56px)] flex items-center">
<div class="i65bn fmwcv overflow-hidden 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-chhtgm-label" class="vo20k bp13m dark:text-neutral-200">
Tags
</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-chhtgm">
<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 -->
<!-- Input -->
<div class="ju7it ej64t">
<div class="relative">
<div class="absolute h5ske uv2uj flex items-center howv4 a799i g4kd8">
<svg class="hq6gx stqz8 kvliy dark:text-white/60" xmlns="http://www.w3.org/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="11" cy="11" r="8"></circle><path d="m21 21-4.3-4.3"></path></svg>
</div>
<input type="text" class="d0kec qh1uk vicsu block i65bn agawe qb17b umxjj psfwb e27cm focus:outline-hidden oo46r tyfry j9afk disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-transparent dark:text-neutral-400 dark:placeholder:text-neutral-400 dark:focus:ring-neutral-600 dark:focus:bg-neutral-900" placeholder="Search">
<div class="hidden absolute h5ske fug6q flex items-center a799i jjspw">
<button type="button" class="inline-flex hq6gx r00n9 items-center awhdl oq0dt t6rrs ck8au focus:outline-hidden oahj8 dark:text-neutral-500 dark:hover:text-blue-500 dark:focus:text-blue-500" aria-label="Close">
<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"><circle cx="12" cy="12" r="10"/><path d="m15 9-6 6"/><path d="m9 9 6 6"/></svg>
</button>
</div>
</div>
</div>
<!-- End Input -->
<!-- Body -->
<div class="ju7it h932c overflow-y-auto n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<div>
<span class="ej64t apc69 block cm336 t6rrs dark:text-neutral-500">
All tags
</span>
<!-- Tags List -->
<div class="space-y-1">
<div class="flex uip67 items-center jlmh5 apc69 cursor-pointer ps5iq ksr3h has-disabled:opacity-50 has-disabled:pointer-events-none dark:hover:bg-neutral-700">
<label for="hs-pro-chthtmch1" class="flex flex-1 items-center djhx3 cursor-pointer e9qjd bp13m dark:text-neutral-300">
<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="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"/><circle cx="7.5" cy="7.5" r=".5" fill="currentColor"/></svg>
Bug
</label>
<input type="checkbox" class="hq6gx ibvs1 wiva2 dqdmd rwtxm tyfry checked:border-blue-500 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-700 dark:checked:bg-blue-500 dark:checked:border-blue-500 dark:focus:ring-offset-gray-800" id="hs-pro-chthtmch1">
</div>
<div class="flex uip67 items-center jlmh5 apc69 cursor-pointer ps5iq ksr3h has-disabled:opacity-50 has-disabled:pointer-events-none dark:hover:bg-neutral-700">
<label for="hs-pro-chthtmch2" class="flex flex-1 items-center djhx3 cursor-pointer e9qjd bp13m dark:text-neutral-300">
<svg class="hq6gx stqz8 le8iz" xmlns="http://www.w3.org/2000/svg" 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.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"/><circle cx="7.5" cy="7.5" r=".5" fill="currentColor"/></svg>
Generic
<span class="hs-tooltip [--placement:right] inline-block">
<svg class="hs-tooltip-toggle hq6gx a49ku 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"><rect width="18" height="11" x="3" y="11" rx="2" ry="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/></svg>
<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">
Private txgzx
</span>
</span>
</label>
<input type="checkbox" class="hq6gx ibvs1 wiva2 dqdmd rwtxm tyfry checked:border-blue-500 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-700 dark:checked:bg-blue-500 dark:checked:border-blue-500 dark:focus:ring-offset-gray-800" id="hs-pro-chthtmch2" checked>
</div>
<div class="flex uip67 items-center jlmh5 apc69 cursor-pointer ps5iq ksr3h has-disabled:opacity-50 has-disabled:pointer-events-none dark:hover:bg-neutral-700">
<label for="hs-pro-chthtmch3" class="flex flex-1 items-center djhx3 cursor-pointer e9qjd bp13m dark:text-neutral-300">
<svg class="hq6gx stqz8 ryiqa" xmlns="http://www.w3.org/2000/svg" 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.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"/><circle cx="7.5" cy="7.5" r=".5" fill="currentColor"/></svg>
Review
</label>
<input type="checkbox" class="hq6gx ibvs1 wiva2 dqdmd rwtxm tyfry checked:border-blue-500 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-700 dark:checked:bg-blue-500 dark:checked:border-blue-500 dark:focus:ring-offset-gray-800" id="hs-pro-chthtmch3">
</div>
<div class="flex uip67 items-center jlmh5 apc69 cursor-pointer ps5iq ksr3h has-disabled:opacity-50 has-disabled:pointer-events-none dark:hover:bg-neutral-700">
<label for="hs-pro-chthtmch4" class="flex flex-1 items-center djhx3 cursor-pointer e9qjd bp13m dark:text-neutral-300">
<svg class="hq6gx stqz8 ismmg" xmlns="http://www.w3.org/2000/svg" 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.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"/><circle cx="7.5" cy="7.5" r=".5" fill="currentColor"/></svg>
Closed
</label>
<input type="checkbox" class="hq6gx ibvs1 wiva2 dqdmd rwtxm tyfry checked:border-blue-500 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-700 dark:checked:bg-blue-500 dark:checked:border-blue-500 dark:focus:ring-offset-gray-800" id="hs-pro-chthtmch4" disabled>
</div>
<div class="flex uip67 items-center jlmh5 apc69 cursor-pointer ps5iq ksr3h has-disabled:opacity-50 has-disabled:pointer-events-none dark:hover:bg-neutral-700">
<label for="hs-pro-chthtmch5" class="flex flex-1 items-center djhx3 cursor-pointer e9qjd bp13m dark:text-neutral-300">
<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="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"/><circle cx="7.5" cy="7.5" r=".5" fill="currentColor"/></svg>
Feedback
<span class="hs-tooltip [--placement:right] inline-block">
<svg class="hs-tooltip-toggle hq6gx a49ku 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"><rect width="18" height="11" x="3" y="11" rx="2" ry="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/></svg>
<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">
Private txgzx
</span>
</span>
</label>
<input type="checkbox" class="hq6gx ibvs1 wiva2 dqdmd rwtxm tyfry checked:border-blue-500 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-700 dark:checked:bg-blue-500 dark:checked:border-blue-500 dark:focus:ring-offset-gray-800" id="hs-pro-chthtmch5">
</div>
<div class="flex uip67 items-center jlmh5 apc69 cursor-pointer ps5iq ksr3h has-disabled:opacity-50 has-disabled:pointer-events-none dark:hover:bg-neutral-700">
<label for="hs-pro-chthtmch6" class="flex flex-1 items-center djhx3 cursor-pointer e9qjd bp13m dark:text-neutral-300">
<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="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"/><circle cx="7.5" cy="7.5" r=".5" fill="currentColor"/></svg>
Account
<span class="hs-tooltip [--placement:right] inline-block">
<svg class="hs-tooltip-toggle hq6gx a49ku 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"><rect width="18" height="11" x="3" y="11" rx="2" ry="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/></svg>
<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">
Private txgzx
</span>
</span>
</label>
<input type="checkbox" class="hq6gx ibvs1 wiva2 dqdmd rwtxm tyfry checked:border-blue-500 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-700 dark:checked:bg-blue-500 dark:checked:border-blue-500 dark:focus:ring-offset-gray-800" id="hs-pro-chthtmch6">
</div>
<div class="flex uip67 items-center jlmh5 apc69 cursor-pointer ps5iq ksr3h has-disabled:opacity-50 has-disabled:pointer-events-none dark:hover:bg-neutral-700">
<label for="hs-pro-chthtmch7" class="flex flex-1 items-center djhx3 cursor-pointer e9qjd bp13m dark:text-neutral-300">
<svg class="hq6gx stqz8 a8xxj" xmlns="http://www.w3.org/2000/svg" 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.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"/><circle cx="7.5" cy="7.5" r=".5" fill="currentColor"/></svg>
FAQ
</label>
<input type="checkbox" class="hq6gx ibvs1 wiva2 dqdmd rwtxm tyfry checked:border-blue-500 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-700 dark:checked:bg-blue-500 dark:checked:border-blue-500 dark:focus:ring-offset-gray-800" id="hs-pro-chthtmch7" checked>
</div>
</div>
<!-- End Tags List -->
</div>
</div>
<!-- End Body -->
<!-- Footer -->
<div class="ju7it pyimf d77gl dark:border-neutral-700">
<button type="button" class="hs-dropdown-close i65bn inline-flex r00n9 items-center vrcxw i7oig rfnst vo20k cm336 ps5iq wfm4e qb17b oo8ro bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:bg-neutral-800 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-chhcntm">
Create new txgzx
<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 12h14"/><path d="M12 5v14"/></svg>
</button>
</div>
<!-- End Footer -->
</div>
</div>
</div>
<!-- End Archive Message Modal -->
<!-- Archive Message Modal -->
<div id="hs-pro-chhcntm" 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-chhcntm-label">
<div class="hs-overlay-open:mt-7 hs-overlay-open:opacity-100 hs-overlay-open:duration-500 s193u opacity-0 f6mgt g0ipl rl3j4 p3qto cux47 sm:mx-auto h-[calc(100%-56px)] min-h-[calc(100%-56px)] flex items-center">
<div class="i65bn fmwcv overflow-hidden 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-chhcntm-label" class="y2wul bp13m dark:text-neutral-200">
Create new txgzx
</h3>
<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-chhcntm" data-hs-overlay-close>
<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="pi5e6 fjf6o 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-chhcntmnm" class="ej64t block t5ziw vo20k bp13m dark:text-neutral-200">
Name
</label>
<input id="hs-pro-chhcntmnm" type="text" class="i7oig apc69 block i65bn d77gl ps5iq psfwb fkkng 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="e.g. App">
</div>
<!-- End Input -->
<!-- Colors List -->
<fieldset class="b8vwe">
<legend class="ej64t t5ziw vo20k bp13m dark:text-neutral-200">
Colors
</legend>
<div class="flex flex-wrap wn6u4">
<div class="group flex hq6gx r00n9 items-center awhdl cursor-pointer oq0dt uo2qv has-disabled:opacity-50 has-disabled:pointer-events-none">
<input type="radio" class="hidden" id="hs-pro-chhcntmclGray" name="hs-pro-chhcntmcl" checked>
<label for="hs-pro-chhcntmclGray">
<svg class="group-has-checked:opacity-100 opacity-0 hq6gx ibvs1 cursor-pointer zr4l6" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
<span class="ecbnn">Gray</span>
</label>
</div>
<div class="group flex hq6gx r00n9 items-center awhdl cursor-pointer oq0dt ggt5g has-disabled:opacity-50 has-disabled:pointer-events-none">
<input type="radio" class="hidden" id="hs-pro-chhcntmclRed" name="hs-pro-chhcntmcl">
<label for="hs-pro-chhcntmclRed">
<svg class="group-has-checked:opacity-100 opacity-0 hq6gx ibvs1 cursor-pointer zr4l6" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
<span class="ecbnn">Red</span>
</label>
</div>
<div class="group flex hq6gx r00n9 items-center awhdl cursor-pointer oq0dt ot31m has-disabled:opacity-50 has-disabled:pointer-events-none">
<input type="radio" class="hidden" id="hs-pro-chhcntmclOrange" name="hs-pro-chhcntmcl">
<label for="hs-pro-chhcntmclOrange">
<svg class="group-has-checked:opacity-100 opacity-0 hq6gx ibvs1 cursor-pointer zr4l6" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
<span class="ecbnn">Orange</span>
</label>
</div>
<div class="group flex hq6gx r00n9 items-center awhdl cursor-pointer oq0dt aiatl has-disabled:opacity-50 has-disabled:pointer-events-none">
<input type="radio" class="hidden" id="hs-pro-chhcntmclYellow" name="hs-pro-chhcntmcl">
<label for="hs-pro-chhcntmclYellow">
<svg class="group-has-checked:opacity-100 opacity-0 hq6gx ibvs1 cursor-pointer zr4l6" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
<span class="ecbnn">Yellow</span>
</label>
</div>
<div class="group flex hq6gx r00n9 items-center awhdl cursor-pointer oq0dt mc62i has-disabled:opacity-50 has-disabled:pointer-events-none">
<input type="radio" class="hidden" id="hs-pro-chhcntmclGreen" name="hs-pro-chhcntmcl">
<label for="hs-pro-chhcntmclGreen">
<svg class="group-has-checked:opacity-100 opacity-0 hq6gx ibvs1 cursor-pointer zr4l6" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
<span class="ecbnn">Green</span>
</label>
</div>
<div class="group flex hq6gx r00n9 items-center awhdl cursor-pointer oq0dt q4mvv has-disabled:opacity-50 has-disabled:pointer-events-none">
<input type="radio" class="hidden" id="hs-pro-chhcntmclBlue" name="hs-pro-chhcntmcl">
<label for="hs-pro-chhcntmclBlue">
<svg class="group-has-checked:opacity-100 opacity-0 hq6gx ibvs1 cursor-pointer zr4l6" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
<span class="ecbnn">Blue</span>
</label>
</div>
<div class="group flex hq6gx r00n9 items-center awhdl cursor-pointer oq0dt v3u7c has-disabled:opacity-50 has-disabled:pointer-events-none">
<input type="radio" class="hidden" id="hs-pro-chhcntmclPink" name="hs-pro-chhcntmcl">
<label for="hs-pro-chhcntmclPink">
<svg class="group-has-checked:opacity-100 opacity-0 hq6gx ibvs1 cursor-pointer zr4l6" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
<span class="ecbnn">Pink</span>
</label>
</div>
<div class="group flex hq6gx r00n9 items-center awhdl cursor-pointer oq0dt fs9eh has-disabled:opacity-50 has-disabled:pointer-events-none">
<input type="radio" class="hidden" id="hs-pro-chhcntmclPurple" name="hs-pro-chhcntmcl">
<label for="hs-pro-chhcntmclPurple">
<svg class="group-has-checked:opacity-100 opacity-0 hq6gx ibvs1 cursor-pointer zr4l6" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
<span class="ecbnn">Purple</span>
</label>
</div>
<div class="group flex hq6gx r00n9 items-center awhdl cursor-pointer oq0dt gaysq has-disabled:opacity-50 has-disabled:pointer-events-none">
<input type="radio" class="hidden" id="hs-pro-chhcntmclCyan" name="hs-pro-chhcntmcl">
<label for="hs-pro-chhcntmclCyan">
<svg class="group-has-checked:opacity-100 opacity-0 hq6gx ibvs1 cursor-pointer zr4l6" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
<span class="ecbnn">Cyan</span>
</label>
</div>
<div class="group flex hq6gx r00n9 items-center awhdl cursor-pointer oq0dt nkesj has-disabled:opacity-50 has-disabled:pointer-events-none">
<input type="radio" class="hidden" id="hs-pro-chhcntmclIndigo" name="hs-pro-chhcntmcl">
<label for="hs-pro-chhcntmclIndigo">
<svg class="group-has-checked:opacity-100 opacity-0 hq6gx ibvs1 cursor-pointer zr4l6" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
<span class="ecbnn">Indigo</span>
</label>
</div>
</div>
</fieldset>
<!-- End Colors List -->
<!-- Switch/Toggle -->
<div class="b8vwe inline-flex uip67 items-center vmt4s">
<label for="hs-pro-chhcntmpr" class="relative inline-block fklyq yoxjp cursor-pointer">
<input type="checkbox" id="hs-pro-chhcntmpr" 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 ca09w oo8ro oq0dt t4usm pjxlf vtbde jhf88 peer-checked:translate-x-full dark:bg-neutral-400 dark:peer-checked:bg-white"></span>
</label>
<label for="hs-pro-chhcntmpr" class="flex-1 cursor-pointer t5ziw bp13m dark:text-neutral-300">Make it private</label>
</div>
<!-- End Switch/Toggle -->
</div>
<!-- End Body -->
<!-- Footer -->
<div class="pi5e6 flex uip67 lialp">
<div class="flex-1 flex c9j8j items-center h1dxu">
<button type="button" class="i7oig apc69 dslo6 inline-flex r00n9 items-center qgy40 lt27r oo8ro wfm4e d77gl bp13m cm336 vo20k ps5iq hx4gm acu59 tdhmi disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-chhcntm">
Cancel
</button>
<button type="button" class="i7oig apc69 dslo6 inline-flex r00n9 items-center lialp qgy40 lt27r jqqot wfm4e f31lg zr4l6 cm336 vo20k ps5iq hx4gm acu59 lmqf9 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden cycnq t3nwl dark:focus:ring-blue-500" data-hs-overlay="#hs-pro-chhcntm">
Create
</button>
</div>
</div>
<!-- End Footer -->
</div>
</div>
</div>
<!-- End Archive Message Modal -->
<!-- Archive Message Modal -->
<div id="hs-pro-chhsn" 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-chhsn-label">
<div class="hs-overlay-open:mt-7 hs-overlay-open:opacity-100 hs-overlay-open:duration-500 s193u opacity-0 f6mgt g0ipl rl3j4 p3qto cux47 sm:mx-auto h-[calc(100%-56px)] min-h-[calc(100%-56px)] flex items-center">
<div class="i65bn fmwcv overflow-hidden 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-chhsn-label" class="vo20k bp13m dark:text-neutral-200">
Snooze
</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-chhsn">
<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="ju7it overflow-y-auto n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<fieldset class="dmfqa ce0ho">
<legend class="ecbnn">
Snooze
</legend>
<!-- Checkbox -->
<label for="hs-pro-chhsnrt1" class="i7oig apc69 flex items-center ps5iq cursor-pointer umxjj ksr3h nhthl has-disabled:opacity-50 has-disabled:pointer-events-none dark:hover:bg-neutral-700 dark:has-checked:bg-neutral-700 ">
<input type="radio" id="hs-pro-chhsnrt1" class="hidden" value="Today" name="hs-pro-chhsnrt" checked>
<span class="e3fpz">
<span class="block t5ziw bp13m dark:text-neutral-200">
Today
</span>
</span>
<span class="yjh0n cm336 t6rrs dark:text-neutral-500">
5:05 PM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsnrt2" class="i7oig apc69 flex items-center ps5iq cursor-pointer umxjj ksr3h nhthl has-disabled:opacity-50 has-disabled:pointer-events-none dark:hover:bg-neutral-700 dark:has-checked:bg-neutral-700 ">
<input type="radio" id="hs-pro-chhsnrt2" class="hidden" value="Tomorrow" name="hs-pro-chhsnrt" >
<span class="e3fpz">
<span class="block t5ziw bp13m dark:text-neutral-200">
Tomorrow
</span>
</span>
<span class="yjh0n cm336 t6rrs dark:text-neutral-500">
Wed 9:00 AM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsnrt3" class="i7oig apc69 flex items-center ps5iq cursor-pointer umxjj ksr3h nhthl has-disabled:opacity-50 has-disabled:pointer-events-none dark:hover:bg-neutral-700 dark:has-checked:bg-neutral-700 ">
<input type="radio" id="hs-pro-chhsnrt3" class="hidden" value="This week" name="hs-pro-chhsnrt" >
<span class="e3fpz">
<span class="block t5ziw bp13m dark:text-neutral-200">
This week
</span>
</span>
<span class="yjh0n cm336 t6rrs dark:text-neutral-500">
Thu, May 8, 9:00 AM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsnrt4" class="i7oig apc69 flex items-center ps5iq cursor-pointer umxjj ksr3h nhthl has-disabled:opacity-50 has-disabled:pointer-events-none dark:hover:bg-neutral-700 dark:has-checked:bg-neutral-700 ">
<input type="radio" id="hs-pro-chhsnrt4" class="hidden" value="Next week" name="hs-pro-chhsnrt" >
<span class="e3fpz">
<span class="block t5ziw bp13m dark:text-neutral-200">
Next week
</span>
</span>
<span class="yjh0n cm336 t6rrs dark:text-neutral-500">
Mon, May 13, 9:00 AM
</span>
</label>
<!-- End Checkbox -->
</fieldset>
<div class="xe8oj">
<!-- Button -->
<button type="button" class="i65bn flex uip67 items-center vmt4s i7oig apc69 qgy40 vo20k t5ziw bp13m ksr3h umxjj 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 dark:hover:text-neutral-200 dark:focus:text-neutral-200" data-hs-overlay="#hs-pro-chhsncs">
Custom
<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="m9 18 6-6-6-6"/></svg>
</button>
<!-- End Button -->
</div>
</div>
<!-- End Body -->
</div>
</div>
</div>
<!-- End Archive Message Modal -->
<!-- Archive Message Modal -->
<div id="hs-pro-chhsncs" 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-chhsncs-label">
<div class="hs-overlay-open:mt-7 hs-overlay-open:opacity-100 hs-overlay-open:duration-500 s193u opacity-0 f6mgt g0ipl rl3j4 p3qto cux47 sm:mx-auto h-[calc(100%-56px)] min-h-[calc(100%-56px)] flex items-center">
<div class="i65bn fmwcv overflow-hidden 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">
<button type="button" class="aukwz inline-flex r00n9 items-center lialp oq0dt wfm4e qb17b oo8ro bp13m ksr3h focus:outline-hidden kf4z7 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:text-neutral-400 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-chhsn">
<span class="ecbnn">Back</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="m15 18-6-6 6-6"/></svg>
</button>
<h3 id="hs-pro-chhsncs-label" class="y2wul bp13m dark:text-neutral-200">
Custom date & time
</h3>
<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-chhsncs">
<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>
<span class="ecbnn">Close</span>
</button>
</div>
<!-- End Header -->
<!-- Body -->
<div class="ju7it fjf6o overflow-y-auto n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<div class="flex uip67 pgjbi">
<fieldset class="i65bn dmfqa ce0ho">
<legend class="ecbnn">
Custom date & time
</legend>
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt1" class="i7oig apc69 flex r00n9 items-center oo8ro ps5iq cursor-pointer umxjj eweab ax4j2 has-disabled:opacity-50 has-disabled:pointer-events-none dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:has-checked:bg-neutral-700">
<input type="radio" id="hs-pro-chhsncsramt1" class="hidden" value="01:00 AM" name="hs-pro-chhsncsramt" checked>
<span class="block e9qjd bp13m dark:text-neutral-200">
01:00 AM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt2" class="i7oig apc69 flex r00n9 items-center oo8ro ps5iq cursor-pointer umxjj eweab ax4j2 has-disabled:opacity-50 has-disabled:pointer-events-none dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:has-checked:bg-neutral-700">
<input type="radio" id="hs-pro-chhsncsramt2" class="hidden" value="02:00 AM" name="hs-pro-chhsncsramt" >
<span class="block e9qjd bp13m dark:text-neutral-200">
02:00 AM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt3" class="i7oig apc69 flex r00n9 items-center oo8ro ps5iq cursor-pointer umxjj eweab ax4j2 has-disabled:opacity-50 has-disabled:pointer-events-none dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:has-checked:bg-neutral-700">
<input type="radio" id="hs-pro-chhsncsramt3" class="hidden" value="03:00 AM" name="hs-pro-chhsncsramt" >
<span class="block e9qjd bp13m dark:text-neutral-200">
03:00 AM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt4" class="i7oig apc69 flex r00n9 items-center oo8ro ps5iq cursor-pointer umxjj eweab ax4j2 has-disabled:opacity-50 has-disabled:pointer-events-none dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:has-checked:bg-neutral-700">
<input type="radio" id="hs-pro-chhsncsramt4" class="hidden" value="04:00 AM" name="hs-pro-chhsncsramt" >
<span class="block e9qjd bp13m dark:text-neutral-200">
04:00 AM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt5" class="i7oig apc69 flex r00n9 items-center oo8ro ps5iq cursor-pointer umxjj eweab ax4j2 has-disabled:opacity-50 has-disabled:pointer-events-none dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:has-checked:bg-neutral-700">
<input type="radio" id="hs-pro-chhsncsramt5" class="hidden" value="05:00 AM" name="hs-pro-chhsncsramt" >
<span class="block e9qjd bp13m dark:text-neutral-200">
05:00 AM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt6" class="i7oig apc69 flex r00n9 items-center oo8ro ps5iq cursor-pointer umxjj eweab ax4j2 has-disabled:opacity-50 has-disabled:pointer-events-none dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:has-checked:bg-neutral-700">
<input type="radio" id="hs-pro-chhsncsramt6" class="hidden" value="06:00 AM" name="hs-pro-chhsncsramt" >
<span class="block e9qjd bp13m dark:text-neutral-200">
06:00 AM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt7" class="i7oig apc69 flex r00n9 items-center oo8ro ps5iq cursor-pointer umxjj eweab ax4j2 has-disabled:opacity-50 has-disabled:pointer-events-none dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:has-checked:bg-neutral-700">
<input type="radio" id="hs-pro-chhsncsramt7" class="hidden" value="07:00 AM" name="hs-pro-chhsncsramt" >
<span class="block e9qjd bp13m dark:text-neutral-200">
07:00 AM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt8" class="i7oig apc69 flex r00n9 items-center oo8ro ps5iq cursor-pointer umxjj eweab ax4j2 has-disabled:opacity-50 has-disabled:pointer-events-none dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:has-checked:bg-neutral-700">
<input type="radio" id="hs-pro-chhsncsramt8" class="hidden" value="08:00 AM" name="hs-pro-chhsncsramt" >
<span class="block e9qjd bp13m dark:text-neutral-200">
08:00 AM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt9" class="i7oig apc69 flex r00n9 items-center oo8ro ps5iq cursor-pointer umxjj eweab ax4j2 has-disabled:opacity-50 has-disabled:pointer-events-none dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:has-checked:bg-neutral-700">
<input type="radio" id="hs-pro-chhsncsramt9" class="hidden" value="09:00 AM" name="hs-pro-chhsncsramt" >
<span class="block e9qjd bp13m dark:text-neutral-200">
09:00 AM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt10" class="i7oig apc69 flex r00n9 items-center oo8ro ps5iq cursor-pointer umxjj eweab ax4j2 has-disabled:opacity-50 has-disabled:pointer-events-none dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:has-checked:bg-neutral-700">
<input type="radio" id="hs-pro-chhsncsramt10" class="hidden" value="010:00 AM" name="hs-pro-chhsncsramt" >
<span class="block e9qjd bp13m dark:text-neutral-200">
010:00 AM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt11" class="i7oig apc69 flex r00n9 items-center oo8ro ps5iq cursor-pointer umxjj eweab ax4j2 has-disabled:opacity-50 has-disabled:pointer-events-none dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:has-checked:bg-neutral-700">
<input type="radio" id="hs-pro-chhsncsramt11" class="hidden" value="011:00 AM" name="hs-pro-chhsncsramt" >
<span class="block e9qjd bp13m dark:text-neutral-200">
011:00 AM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt12" class="i7oig apc69 flex r00n9 items-center oo8ro ps5iq cursor-pointer umxjj eweab ax4j2 has-disabled:opacity-50 has-disabled:pointer-events-none dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:has-checked:bg-neutral-700">
<input type="radio" id="hs-pro-chhsncsramt12" class="hidden" value="012:00 AM" name="hs-pro-chhsncsramt" >
<span class="block e9qjd bp13m dark:text-neutral-200">
012:00 AM
</span>
</label>
<!-- End Checkbox -->
</fieldset>
<fieldset class="i65bn dmfqa ce0ho">
<legend class="ecbnn">
Custom date & time
</legend>
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt13" class="i7oig apc69 flex r00n9 items-center oo8ro ps5iq cursor-pointer umxjj eweab ax4j2 has-disabled:opacity-50 has-disabled:pointer-events-none dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:has-checked:bg-neutral-700">
<input type="radio" id="hs-pro-chhsncsramt13" class="hidden" value="01:00 PM" name="hs-pro-chhsncsramt" >
<span class="block e9qjd bp13m dark:text-neutral-200">
01:00 PM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt14" class="i7oig apc69 flex r00n9 items-center oo8ro ps5iq cursor-pointer umxjj eweab ax4j2 has-disabled:opacity-50 has-disabled:pointer-events-none dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:has-checked:bg-neutral-700">
<input type="radio" id="hs-pro-chhsncsramt14" class="hidden" value="02:00 PM" name="hs-pro-chhsncsramt" >
<span class="block e9qjd bp13m dark:text-neutral-200">
02:00 PM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt15" class="i7oig apc69 flex r00n9 items-center oo8ro ps5iq cursor-pointer umxjj eweab ax4j2 has-disabled:opacity-50 has-disabled:pointer-events-none dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:has-checked:bg-neutral-700">
<input type="radio" id="hs-pro-chhsncsramt15" class="hidden" value="03:00 PM" name="hs-pro-chhsncsramt" >
<span class="block e9qjd bp13m dark:text-neutral-200">
03:00 PM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt16" class="i7oig apc69 flex r00n9 items-center oo8ro ps5iq cursor-pointer umxjj eweab ax4j2 has-disabled:opacity-50 has-disabled:pointer-events-none dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:has-checked:bg-neutral-700">
<input type="radio" id="hs-pro-chhsncsramt16" class="hidden" value="04:00 PM" name="hs-pro-chhsncsramt" >
<span class="block e9qjd bp13m dark:text-neutral-200">
04:00 PM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt17" class="i7oig apc69 flex r00n9 items-center oo8ro ps5iq cursor-pointer umxjj eweab ax4j2 has-disabled:opacity-50 has-disabled:pointer-events-none dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:has-checked:bg-neutral-700">
<input type="radio" id="hs-pro-chhsncsramt17" class="hidden" value="05:00 PM" name="hs-pro-chhsncsramt" >
<span class="block e9qjd bp13m dark:text-neutral-200">
05:00 PM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt18" class="i7oig apc69 flex r00n9 items-center oo8ro ps5iq cursor-pointer umxjj eweab ax4j2 has-disabled:opacity-50 has-disabled:pointer-events-none dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:has-checked:bg-neutral-700">
<input type="radio" id="hs-pro-chhsncsramt18" class="hidden" value="06:00 PM" name="hs-pro-chhsncsramt" >
<span class="block e9qjd bp13m dark:text-neutral-200">
06:00 PM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt19" class="i7oig apc69 flex r00n9 items-center oo8ro ps5iq cursor-pointer umxjj eweab ax4j2 has-disabled:opacity-50 has-disabled:pointer-events-none dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:has-checked:bg-neutral-700">
<input type="radio" id="hs-pro-chhsncsramt19" class="hidden" value="07:00 PM" name="hs-pro-chhsncsramt" >
<span class="block e9qjd bp13m dark:text-neutral-200">
07:00 PM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt20" class="i7oig apc69 flex r00n9 items-center oo8ro ps5iq cursor-pointer umxjj eweab ax4j2 has-disabled:opacity-50 has-disabled:pointer-events-none dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:has-checked:bg-neutral-700">
<input type="radio" id="hs-pro-chhsncsramt20" class="hidden" value="08:00 PM" name="hs-pro-chhsncsramt" >
<span class="block e9qjd bp13m dark:text-neutral-200">
08:00 PM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt21" class="i7oig apc69 flex r00n9 items-center oo8ro ps5iq cursor-pointer umxjj eweab ax4j2 has-disabled:opacity-50 has-disabled:pointer-events-none dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:has-checked:bg-neutral-700">
<input type="radio" id="hs-pro-chhsncsramt21" class="hidden" value="09:00 PM" name="hs-pro-chhsncsramt" >
<span class="block e9qjd bp13m dark:text-neutral-200">
09:00 PM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt22" class="i7oig apc69 flex r00n9 items-center oo8ro ps5iq cursor-pointer umxjj eweab ax4j2 has-disabled:opacity-50 has-disabled:pointer-events-none dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:has-checked:bg-neutral-700">
<input type="radio" id="hs-pro-chhsncsramt22" class="hidden" value="010:00 PM" name="hs-pro-chhsncsramt" >
<span class="block e9qjd bp13m dark:text-neutral-200">
010:00 PM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt23" class="i7oig apc69 flex r00n9 items-center oo8ro ps5iq cursor-pointer umxjj eweab ax4j2 has-disabled:opacity-50 has-disabled:pointer-events-none dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:has-checked:bg-neutral-700">
<input type="radio" id="hs-pro-chhsncsramt23" class="hidden" value="011:00 PM" name="hs-pro-chhsncsramt" >
<span class="block e9qjd bp13m dark:text-neutral-200">
011:00 PM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt24" class="i7oig apc69 flex r00n9 items-center oo8ro ps5iq cursor-pointer umxjj eweab ax4j2 has-disabled:opacity-50 has-disabled:pointer-events-none dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:has-checked:bg-neutral-700">
<input type="radio" id="hs-pro-chhsncsramt24" class="hidden" value="012:00 PM" name="hs-pro-chhsncsramt" >
<span class="block e9qjd bp13m dark:text-neutral-200">
012:00 PM
</span>
</label>
<!-- End Checkbox -->
</fieldset>
</div>
</div>
<!-- End Body -->
<!-- Footer -->
<div class="nfrzv">
<div class="mctd2 dkhxo ej64t flex uip67 items-center lialp k2clc d77gl dark:border-neutral-700">
<div class="i65bn">
<span class="zocwd s8bn9 block cm336 xq1jm dark:text-neutral-400">
Date
</span>
<!-- Calendar Dropdown -->
<div class="hs-dropdown [--auto-close:inside] inline-flex i65bn">
<button id="hs-pro-dnic" type="button" class="d0kec sofkk kzzmm i65bn inline-flex items-center y4biu ps5iq wfm4e qb17b agawe bp13m eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:bg-neutral-700 dark:border-transparent dark:text-neutral-300 dark:hover:bg-neutral-600 dark:focus:bg-neutral-600" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<svg class="hq6gx epucs 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="18" height="18" x="3" y="4" rx="2" ry="2"/><line x1="16" x2="16" y1="2" y2="6"/><line x1="8" x2="8" y1="2" y2="6"/><line x1="3" x2="21" y1="10" y2="10"/><path d="M8 14h.01"/><path d="M12 14h.01"/><path d="M16 14h.01"/><path d="M8 18h.01"/><path d="M12 18h.01"/><path d="M16 18h.01"/></svg>
07/05/2024
</button>
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 v4b5n transition-[opacity,margin] duration opacity-0 hidden ucmtr oo8ro lile3 rrmkk dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-dnic">
<!-- Calendar -->
<div class="yyez4 space-y-0.5">
<!-- Months -->
<div class="dmfqa mqtol items-center vmt4s mzxha nfrzv">
<!-- Prev Button -->
<div class="i63zv">
<button type="button" class="aukwz flex r00n9 items-center bp13m ksr3h oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-label="Previous">
<svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m15 18-6-6 6-6"/></svg>
</button>
</div>
<!-- End Prev Button -->
<!-- Month / Year -->
<div class="nvgw2 flex r00n9 items-center pgjbi">
<div class="relative">
<select data-hs-select='{
"placeholder": "Select month",
"toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>",
"toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative flex dslo6 i65bn cursor-pointer qgy40 vo20k bp13m ck8au focus:outline-hidden oahj8 before:absolute before:inset-0 before:z-1 dark:text-neutral-200 dark:hover:text-blue-500 dark:focus:text-blue-500",
"dropdownClasses": "ls9te ucmtr qzvcy yj8ha ju7it space-y-0.5 oo8ro wfm4e d77gl ps5iq rkof5 overflow-hidden overflow-y-auto n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900 dark:border-neutral-700",
"optionClasses": "n33uu i65bn t5ziw bp13m cursor-pointer ksr3h ps5iq focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex uip67 items-center i65bn \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"hq6gx stqz8 bp13m dark:text-neutral-200 \" xmlns=\"http:.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"/></svg></span></div>"
}' class="hidden">
<option value="0">January</option>
<option value="1">February</option>
<option value="2">March</option>
<option value="3">April</option>
<option value="4">May</option>
<option value="5">June</option>
<option value="6" selected>July</option>
<option value="7">August</option>
<option value="8">September</option>
<option value="9">October</option>
<option value="10">November</option>
<option value="11">December</option>
</select>
</div>
<span class="bp13m dark:text-neutral-200">/</span>
<div class="relative">
<select data-hs-select='{
"placeholder": "Select year",
"toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>",
"toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative flex dslo6 i65bn cursor-pointer qgy40 vo20k bp13m ck8au focus:outline-hidden oahj8 before:absolute before:inset-0 before:z-1 dark:text-neutral-200 dark:hover:text-blue-500 dark:focus:text-blue-500",
"dropdownClasses": "ls9te ucmtr vl7eg yj8ha ju7it space-y-0.5 oo8ro wfm4e d77gl ps5iq rkof5 overflow-hidden overflow-y-auto n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900 dark:border-neutral-700",
"optionClasses": "n33uu i65bn t5ziw bp13m cursor-pointer ksr3h ps5iq focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex uip67 items-center i65bn \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"hq6gx stqz8 bp13m dark:text-neutral-200 \" xmlns=\"http:.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"/></svg></span></div>"
}' class="hidden">
<option selected>2023</option>
<option>2024</option>
<option>2025</option>
<option>2026</option>
<option>2027</option>
</select>
</div>
</div>
<!-- End Month / Year -->
<!-- Next Button -->
<div class="i63zv flex c9j8j">
<button type="button" class=" aukwz flex r00n9 items-center bp13m ksr3h oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-label="Next">
<svg class="hq6gx ibvs1" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg>
</button>
</div>
<!-- End Next Button -->
</div>
<!-- Months -->
<!-- Weeks -->
<div class="flex yh9al">
<span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500">
Mo
</span>
<span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500">
Tu
</span>
<span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500">
We
</span>
<span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500">
Th
</span>
<span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500">
Fr
</span>
<span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500">
Sa
</span>
<span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500">
Su
</span>
</div>
<!-- Weeks -->
<!-- Days -->
<div class="flex">
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500" disabled>
26
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500" disabled>
27
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500" disabled>
28
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500" disabled>
29
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500" disabled>
30
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
1
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
2
</button>
</div>
</div>
<!-- Days -->
<!-- Days -->
<div class="flex">
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
3
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
4
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
5
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
6
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
7
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
8
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
9
</button>
</div>
</div>
<!-- Days -->
<!-- Days -->
<div class="flex">
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
10
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
11
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
12
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
13
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
14
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
15
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
16
</button>
</div>
</div>
<!-- Days -->
<!-- Days -->
<div class="flex">
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
17
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
18
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
19
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center jqqot vd2fb qb17b t5ziw vo20k zr4l6 bp7p8 oq0dt dark:bg-blue-500 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:hover:border-neutral-700">
20
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
21
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
22
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
23
</button>
</div>
</div>
<!-- Days -->
<!-- Days -->
<div class="flex">
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
24
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
25
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
26
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
27
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
28
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
29
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
30
</button>
</div>
</div>
<!-- Days -->
<!-- Days -->
<div class="flex">
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
31
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
1
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
2
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
3
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
4
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
5
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
6
</button>
</div>
</div>
<!-- Days -->
</div>
</div>
</div>
</div>
<!-- End Calendar Dropdown -->
<!-- Input -->
<div class="i65bn">
<label for="hs-pro-chhsncstm" class="zocwd s8bn9 block cm336 xq1jm dark:text-neutral-400">
Time
</label>
<input type="text" class="jlmh5 kzzmm block i65bn agawe qb17b umxjj y4biu p4gf7 lluhh eweab a0kik disabled:opacity-50 disabled:pointer-events-none evxbs b2plr rdxom dark:text-neutral-400 dark:bg-neutral-700 dark:text-neutral-300 dark:placeholder:text-neutral-500 dark:hover:bg-neutral-600 dark:focus:bg-neutral-600" id="hs-pro-chhsncstm" value="9:00 AM">
</div>
<!-- End Input -->
</div>
<div class="r9ot5 dkhxo">
<div class="flex-1 flex c9j8j items-center h1dxu">
<button type="button" class="i7oig apc69 dslo6 inline-flex r00n9 items-center qgy40 lt27r oo8ro wfm4e d77gl bp13m cm336 vo20k ps5iq hx4gm acu59 tdhmi disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-chhsncs">
Cancel
</button>
<button type="button" class="i7oig apc69 dslo6 inline-flex r00n9 items-center lialp qgy40 lt27r jqqot wfm4e f31lg zr4l6 cm336 vo20k ps5iq hx4gm acu59 lmqf9 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden cycnq t3nwl dark:focus:ring-blue-500" data-hs-overlay="#hs-pro-chhsncs">
Snooze
</button>
</div>
</div>
</div>
<!-- End Footer -->
</div>
</div>
</div>
<!-- End Archive Message Modal -->
<script>
window.addEventListener('load', () => {
// CLOSE SIDEBAR ON MOBILE
// =======================================================
(function () {
const resolution = '1024';
const sidebar = HSOverlay.getInstance('#hs-pro-chtshid1', true);
const tabs = HSTabs.getInstance('#hs-pro-tabs-chtshid-all > [role="tablist"]', true);
window.addEventListener('change.hs.tab', (evt) => {
if (!evt.target.closest('#hs-pro-tabs-chtshid-all')) return false;
if (window.innerWidth < parseInt(resolution)) sidebar.element.close();
});
})();
});
</script>
<body class="dark:bg-neutral-800">
<!-- ========== MAIN SIDEBAR ========== -->
<aside class="relative">
<div id="hs-pro-chat-sidebar" class="hs-overlay [--auto-close:lg] zz68c lg:block ykh3p lg:end-auto xskhj
[--auto-close-equality-type:less-than]
hs-overlay-open:translate-x-0
-translate-x-full g0ipl jahre lrm8y
lpgt1
hidden
fixed h5ske uv2uj rde91
rjuva
dark:bg-neutral-950" tabindex="-1" >
<div class="qpmwn flex">
<div class="relative bo1ta zz68c flex flex-col qpmwn fmwcv rq5fj">
<header class="zz68c o1ncb flex r00n9">
<a class="flex-none umxjj oqlim inline-block y2wul focus:outline-hidden q6qta" href="../../pro/chat/index.html" aria-label="Preline">
<svg class="olxph h-auto" width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M18.0835 3.23358C9.88316 3.23358 3.23548 9.8771 3.23548 18.0723V35.5832H0.583496V18.0723C0.583496 8.41337 8.41851 0.583252 18.0835 0.583252C27.7485 0.583252 35.5835 8.41337 35.5835 18.0723C35.5835 27.7312 27.7485 35.5614 18.0835 35.5614H16.7357V32.911H18.0835C26.2838 32.911 32.9315 26.2675 32.9315 18.0723C32.9315 9.8771 26.2838 3.23358 18.0835 3.23358Z" class="y3r19 dark:fill-white" fill="currentColor"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M18.0833 8.62162C12.8852 8.62162 8.62666 12.9245 8.62666 18.2879V35.5833H5.97468V18.2879C5.97468 11.5105 11.3713 5.97129 18.0833 5.97129C24.7954 5.97129 30.192 11.5105 30.192 18.2879C30.192 25.0653 24.7954 30.6045 18.0833 30.6045H16.7355V27.9542H18.0833C23.2815 27.9542 27.54 23.6513 27.54 18.2879C27.54 12.9245 23.2815 8.62162 18.0833 8.62162Z" class="y3r19 dark:fill-white" fill="currentColor"/>
<path d="M24.8225 18.1012C24.8225 21.8208 21.8053 24.8361 18.0833 24.8361C14.3614 24.8361 11.3442 21.8208 11.3442 18.1012C11.3442 14.3815 14.3614 11.3662 18.0833 11.3662C21.8053 11.3662 24.8225 14.3815 24.8225 18.1012Z" class="y3r19 dark:fill-white" fill="currentColor"/>
</svg>
</a>
</header>
<!-- Content -->
<div class="zz68c qpmwn flex flex-col fkoia g69xo">
<!-- Nav -->
<ul class="lj7mp space-y-4">
<!-- Item -->
<li>
<a class="relative group flex flex-col r00n9 items-center ce0ho s2avd xq1jm dark:text-neutral-200 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden" href="../../pro/chat/index.html">
<span class="flex r00n9 items-center vmt4s si8if ps5iq group-hover:bg-gray-300 group-focus:bg-gray-300 dark:group-hover:bg-neutral-800 dark:group-focus:bg-neutral-800 f1zti">
<svg class="hq6gx ibvs1 group-hover:scale-110 mx-auto f1zti" xmlns="http://www.w3.org/2000/svg" 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 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg>
</span>
Inbox
<span class="flex absolute -top-1 cpkvx bo1ta">
<span class="relative si34l so7bb inline-flex r00n9 items-center b9e4b ggt5g zr4l6 oq0dt n0mud">
4
</span>
</span>
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li>
<a class="relative group flex flex-col r00n9 items-center ce0ho s2avd xq1jm dark:text-neutral-200 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden" href="../../pro/chat/tickets.html">
<span class="flex r00n9 items-center vmt4s si8if ps5iq group-hover:bg-gray-300 group-focus:bg-gray-300 dark:group-hover:bg-neutral-800 dark:group-focus:bg-neutral-800 f1zti">
<svg class="hq6gx ibvs1 group-hover:scale-110 mx-auto f1zti" xmlns="http://www.w3.org/2000/svg" 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 9a3 3 0 0 1 0 6v2a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-2a3 3 0 0 1 0-6V7a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2Z"/><path d="M13 5v2"/><path d="M13 17v2"/><path d="M13 11v2"/></svg>
</span>
Tickets
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li>
<a class="relative group flex flex-col r00n9 items-center ce0ho s2avd xq1jm dark:text-neutral-200 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden" href="../../pro/chat/visitors.html">
<span class="flex r00n9 items-center vmt4s si8if ps5iq vh6bg dark:bg-neutral-800 f1zti">
<svg class="hq6gx ibvs1 group-hover:scale-110 mx-auto f1zti" xmlns="http://www.w3.org/2000/svg" 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.54 15H17a2 2 0 0 0-2 2v4.54"/><path d="M7 3.34V5a3 3 0 0 0 3 3v0a2 2 0 0 1 2 2v0c0 1.1.9 2 2 2v0a2 2 0 0 0 2-2v0c0-1.1.9-2 2-2h3.17"/><path d="M11 21.95V18a2 2 0 0 0-2-2v0a2 2 0 0 1-2-2v-1a2 2 0 0 0-2-2H2.05"/><circle cx="12" cy="12" r="10"/></svg>
</span>
Visitors
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li>
<a class="relative group flex flex-col r00n9 items-center ce0ho s2avd xq1jm dark:text-neutral-200 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden" href="../../pro/chat/activity.html">
<span class="flex r00n9 items-center vmt4s si8if ps5iq group-hover:bg-gray-300 group-focus:bg-gray-300 dark:group-hover:bg-neutral-800 dark:group-focus:bg-neutral-800 f1zti">
<svg class="hq6gx ibvs1 group-hover:scale-110 mx-auto f1zti" xmlns="http://www.w3.org/2000/svg" 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 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2"/></svg>
</span>
Activity
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li>
<a class="relative group flex flex-col r00n9 items-center ce0ho s2avd xq1jm dark:text-neutral-200 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden" href="../../pro/chat/reports.html">
<span class="flex r00n9 items-center vmt4s si8if ps5iq group-hover:bg-gray-300 group-focus:bg-gray-300 dark:group-hover:bg-neutral-800 dark:group-focus:bg-neutral-800 f1zti">
<svg class="hq6gx ibvs1 group-hover:scale-110 mx-auto f1zti" xmlns="http://www.w3.org/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="18" x2="18" y1="20" y2="10"/><line x1="12" x2="12" y1="20" y2="4"/><line x1="6" x2="6" y1="20" y2="14"/></svg>
</span>
Reports
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li class="lg:hidden">
<a class="relative group flex flex-col r00n9 items-center ce0ho s2avd xq1jm dark:text-neutral-200 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden" href="../../pro/index.html">
<span class="flex r00n9 items-center vmt4s si8if ps5iq group-hover:bg-gray-300 group-focus:bg-gray-300 dark:group-hover:bg-neutral-800 dark:group-focus:bg-neutral-800">
<svg class="hq6gx ibvs1 group-hover:scale-110 mx-auto f1zti" xmlns="http://www.w3.org/2000/svg" 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 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z"/><path d="m3.3 7 8.7 5 8.7-5"/><path d="M12 22V12"/></svg>
</span>
Pro
<span class="absolute -top-0.5 z5b3o">
<span class="relative flex">
<span class="hoppa absolute inline-flex lpgt1 oq0dt null.notification.animation va9zg"></span>
<span class="relative inline-flex srid0 null.notification.bg oq0dt"></span>
<span class="ecbnn">Notification</span>
</span>
</span>
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li class="hidden lg:block">
</li>
<!-- End Item -->
<!-- Item -->
<li>
<!-- More Dropdown -->
<div class="hs-dropdown [--strategy:absolute] [--placement:bottom-right] [--auto-close:inside] relative inline-flex">
<button id="hs-pro-chmsnmd" type="button" class="relative group flex flex-col r00n9 items-center ce0ho s2avd xq1jm dark:text-neutral-200 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<span class="flex r00n9 items-center vmt4s si8if ps5iq group-hover:bg-gray-300 group-focus:bg-gray-300 dark:group-hover:bg-neutral-800 dark:group-focus:bg-neutral-800">
<svg class="hq6gx ibvs1 group-hover:scale-110 mx-auto f1zti" xmlns="http://www.w3.org/2000/svg" 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 7h-9"/><path d="M14 17H5"/><circle cx="17" cy="17" r="3"/><circle cx="7" cy="7" r="3"/></svg>
</span>
Settings
</button>
<!-- More Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 ho2sl transition-[opacity,margin] duration opacity-0 hidden bo1ta oo8ro lile3 rkof5 dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-chmsnmd">
<div class="ju7it space-y-0.5">
<!-- Item -->
<label for="hs-pro-chsnldin" class="jlmh5 apc69 group flex items-center vmt4s ps5iq cursor-pointer e9qjd bp13m ksr3h dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="checkbox" class="hidden" id="hs-pro-chsnldin" name="hs-pro-chsnld" checked>
<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 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg>
Inbox
<svg class="hq6gx stqz8 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 Item -->
<!-- Item -->
<label for="hs-pro-chsnldtc" class="jlmh5 apc69 group flex items-center vmt4s ps5iq cursor-pointer e9qjd bp13m ksr3h dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="checkbox" class="hidden" id="hs-pro-chsnldtc" name="hs-pro-chsnld" checked>
<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 9a3 3 0 0 1 0 6v2a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-2a3 3 0 0 1 0-6V7a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2Z"/><path d="M13 5v2"/><path d="M13 17v2"/><path d="M13 11v2"/></svg>
Ticket
<svg class="hq6gx stqz8 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 Item -->
<!-- Item -->
<label for="hs-pro-chsnldvs" class="jlmh5 apc69 group flex items-center vmt4s ps5iq cursor-pointer e9qjd bp13m ksr3h dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="checkbox" class="hidden" id="hs-pro-chsnldvs" name="hs-pro-chsnld" checked>
<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.54 15H17a2 2 0 0 0-2 2v4.54"/><path d="M7 3.34V5a3 3 0 0 0 3 3v0a2 2 0 0 1 2 2v0c0 1.1.9 2 2 2v0a2 2 0 0 0 2-2v0c0-1.1.9-2 2-2h3.17"/><path d="M11 21.95V18a2 2 0 0 0-2-2v0a2 2 0 0 1-2-2v-1a2 2 0 0 0-2-2H2.05"/><circle cx="12" cy="12" r="10"/></svg>
Visitors
<svg class="hq6gx stqz8 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 Item -->
<!-- Item -->
<label for="hs-pro-chsnldct" class="jlmh5 apc69 group flex items-center vmt4s ps5iq cursor-pointer e9qjd bp13m ksr3h dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="checkbox" class="hidden" id="hs-pro-chsnldct" name="hs-pro-chsnld">
<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>
Contacts
<svg class="hq6gx stqz8 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 Item -->
<!-- Item -->
<label for="hs-pro-chsnldac" class="jlmh5 apc69 group flex items-center vmt4s ps5iq cursor-pointer e9qjd bp13m ksr3h dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="checkbox" class="hidden" id="hs-pro-chsnldac" name="hs-pro-chsnld" checked>
<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>
Activity
<svg class="hq6gx stqz8 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 Item -->
<!-- Item -->
<label for="hs-pro-chsnldpl" class="jlmh5 apc69 group flex items-center vmt4s ps5iq cursor-pointer e9qjd bp13m ksr3h dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="checkbox" class="hidden" id="hs-pro-chsnldpl" name="hs-pro-chsnld">
<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"><rect width="7" height="7" x="14" y="3" rx="1"/><path d="M10 21V8a1 1 0 0 0-1-1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-5a1 1 0 0 0-1-1H3"/></svg>
Plugins
<svg class="hq6gx stqz8 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 Item -->
<!-- Item -->
<label for="hs-pro-chsnldrp" class="jlmh5 apc69 group flex items-center vmt4s ps5iq cursor-pointer e9qjd bp13m ksr3h dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="checkbox" class="hidden" id="hs-pro-chsnldrp" name="hs-pro-chsnld" checked>
<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="18" x2="18" y1="20" y2="10"/><line x1="12" x2="12" y1="20" y2="4"/><line x1="6" x2="6" y1="20" y2="14"/></svg>
Reports
<svg class="hq6gx stqz8 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 Item -->
<!-- Item -->
<label for="hs-pro-chsnldar" class="jlmh5 apc69 group flex items-center vmt4s ps5iq cursor-pointer e9qjd bp13m ksr3h dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="checkbox" class="hidden" id="hs-pro-chsnldar" name="hs-pro-chsnld">
<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 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z"/><path d="M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z"/></svg>
Articles
<svg class="hq6gx stqz8 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 Item -->
</div>
</div>
<!-- End More Dropdown -->
</div>
<!-- End More Dropdown -->
</li>
<!-- End Item -->
</ul>
<!-- End Nav -->
</div>
<!-- End Content -->
<!-- Footer -->
<footer class="zz68c space-y-3 yki1g">
<div class="hidden lg:block">
<!-- Project Dropdown -->
<div class="inline-flex r00n9 i65bn">
<div class="hs-dropdown relative [--strategy:absolute] [--placement:bottom-left] inline-flex">
<!-- Project Button -->
<button id="hs-pro-dnwpd" type="button" class="flex r00n9 items-center vmt4s aukwz mx- ps5iq wcxzs y4dru dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<img class="hq6gx aukwz umxjj exlm9" src="../../assets/img/logo/hs.png" alt="Logo">
<span class="ecbnn">Htmlstream</span>
</button>
<!-- End Project Button -->
<!-- Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 ravym transition-[opacity,margin] duration opacity-0 hidden a799i oo8ro lile3 rrmkk dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-dnwpd">
<div class="ju7it">
<span class="block fkoia riw3u g4kd8 cm336 t6rrs dark:text-neutral-500">
Workspaces (2)
</span>
<!-- Item -->
<label for="hs-pro-dplid1" class="d0kec rfnst group flex cufvb items-center vmt4s ps5iq 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-dplid1" name="hs-pro-dplnm" checked>
<svg class="hq6gx ibvs1 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>
<span class="e3fpz">
<span class="block t5ziw vo20k bp13m dark:text-neutral-200">
Htmlstream
</span>
<span class="block cm336 t6rrs dark:text-neutral-500">
htmlstream.preline.so
</span>
</span>
<img class="hq6gx ezw10 umxjj exlm9" src="../../assets/img/logo/hs.png" alt="Logo">
</label>
<!-- End Item -->
<!-- Item -->
<label for="hs-pro-dplid2" class="d0kec rfnst group flex cufvb items-center vmt4s ps5iq 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-dplid2" name="hs-pro-dplnm">
<svg class="hq6gx ibvs1 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>
<span class="e3fpz">
<span class="block t5ziw vo20k bp13m dark:text-neutral-200">
Bloomark
</span>
<span class="block cm336 t6rrs dark:text-neutral-500">
bloomark.preline.com
</span>
</span>
<img class="hq6gx ezw10 umxjj exlm9" src="../../assets/img/logo/logo-short.png" alt="Logo">
</label>
<!-- End Item -->
<button type="button" class="group i65bn flex items-center vmt4s i7oig rfnst 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 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="M8 12h8"/><path d="M12 8v8"/></svg>
Add a workspace
</button>
</div>
<div class="ju7it pyimf d77gl dark:border-neutral-800">
<span class="block fkoia riw3u g4kd8 cm336 t6rrs dark:text-neutral-500">
Download mobile app rjx3z
</span>
<a class="flex items-center vmt4s jlmh5 rfnst i65bn 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" href="#">
<svg class="hq6gx ibvs1" width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M25.536 0H6.464C2.892 0 0 2.892 0 6.464V25.54C0 29.108 2.892 32 6.464 32H25.54C29.108 32 32.004 29.108 32.004 25.536V6.464C32 2.892 29.108 0 25.536 0Z" fill="url(#paint0_linear_4403_2024)"/>
<path d="M15.864 7.352L16.512 6.232C16.912 5.532 17.804 5.296 18.504 5.696C19.204 6.096 19.44 6.988 19.04 7.688L12.796 18.496H17.312C18.776 18.496 19.596 20.216 18.96 21.408H5.72C4.912 21.408 4.264 20.76 4.264 19.952C4.264 19.144 4.912 18.496 5.72 18.496H9.432L14.184 10.26L12.7 7.684C12.3 6.984 12.536 6.1 13.236 5.692C13.936 5.292 14.82 5.528 15.228 6.228L15.864 7.352ZM10.248 22.908L8.848 25.336C8.448 26.036 7.556 26.272 6.856 25.872C6.156 25.472 5.92 24.58 6.32 23.88L7.36 22.08C8.536 21.716 9.492 21.996 10.248 22.908ZM22.304 18.504H26.092C26.9 18.504 27.548 19.152 27.548 19.96C27.548 20.768 26.9 21.416 26.092 21.416H23.988L25.408 23.88C25.808 24.58 25.572 25.464 24.872 25.872C24.172 26.272 23.288 26.036 22.88 25.336C20.488 21.188 18.692 18.084 17.5 16.016C16.28 13.912 17.152 11.8 18.012 11.084C18.968 12.724 20.396 15.2 22.304 18.504Z" fill="white"/>
<defs>
<linearGradient id="paint0_linear_4403_2024" x1="16.002" y1="0" x2="16.002" y2="32" gradientUnits="userSpaceOnUse">
<stop stop-color="#18BFFB"/>
<stop offset="1" stop-color="#2072F3"/>
</linearGradient>
</defs>
</svg>
App Store
<svg class="hq6gx stqz8 ms-auto x06xl" xmlns="http://www.w3.org/2000/svg" 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 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h6"/><path d="m21 3-9 9"/><path d="M15 3h6v6"/></svg>
</a>
<a class="flex items-center vmt4s jlmh5 rfnst i65bn 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" href="#">
<svg class="hq6gx ibvs1" width="32" height="37" viewBox="0 0 32 37" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.5159 11.1765L1.20745 0.140891C0.964824 1.05128e-05 0.659583 0.00783721 0.424782 0.148718C0.182154 0.289598 0.0334473 0.540052 0.0334473 0.821813C0.0334473 0.821813 0.041274 1.83928 0.0491007 3.5142L14.1137 17.5788L20.5159 11.1765Z" fill="url(#paint0_linear_4406_2034)"/>
<path d="M0.0491007 3.5142C0.0725807 9.5564 0.143021 24.2236 0.174328 31.5259L14.1215 17.5788L0.0491007 3.5142Z" fill="url(#paint1_linear_4406_2034)"/>
<path d="M31.5672 17.4927L20.5159 11.1765L14.1058 17.5788L21.3377 24.8106L31.575 18.8467C31.8177 18.7058 31.9664 18.4475 31.9664 18.1736C31.9664 17.8918 31.8098 17.6336 31.5672 17.4927Z" fill="url(#paint2_linear_4406_2034)"/>
<path d="M0.166501 31.5259C0.182154 34.1322 0.189981 35.7993 0.189981 35.7993C0.189981 36.0811 0.338688 36.3394 0.581316 36.4724C0.823943 36.6133 1.12136 36.6133 1.36399 36.4724L21.3455 24.8185L14.1137 17.5866L0.166501 31.5259Z" fill="url(#paint3_linear_4406_2034)"/>
<defs>
<linearGradient id="paint0_linear_4406_2034" x1="0.0334473" y1="18.3158" x2="31.972" y2="18.3158" gradientUnits="userSpaceOnUse">
<stop stop-color="#63BE6B"/>
<stop offset="0.506" stop-color="#5BBC6A"/>
<stop offset="1" stop-color="#4AB96A"/>
</linearGradient>
<linearGradient id="paint1_linear_4406_2034" x1="0.0249224" y1="18.313" x2="31.9479" y2="18.313" gradientUnits="userSpaceOnUse">
<stop stop-color="#3EC6F2"/>
<stop offset="1" stop-color="#45AFE3"/>
</linearGradient>
<linearGradient id="paint2_linear_4406_2034" x1="0.0468809" y1="18.322" x2="31.963" y2="18.322" gradientUnits="userSpaceOnUse">
<stop stop-color="#FAA51A"/>
<stop offset="0.387" stop-color="#FAB716"/>
<stop offset="0.741" stop-color="#FAC412"/>
<stop offset="1" stop-color="#FAC80F"/>
</linearGradient>
<linearGradient id="paint3_linear_4406_2034" x1="0.169948" y1="27.082" x2="21.3452" y2="27.082" gradientUnits="userSpaceOnUse">
<stop stop-color="#EC3B50"/>
<stop offset="1" stop-color="#E7515B"/>
</linearGradient>
</defs>
</svg>
Google Play
<svg class="hq6gx stqz8 ms-auto x06xl" xmlns="http://www.w3.org/2000/svg" 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 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h6"/><path d="m21 3-9 9"/><path d="M15 3h6v6"/></svg>
</a>
</div>
<div class="ju7it pyimf d77gl dark:border-neutral-800">
<a class="flex items-center vmt4s jlmh5 rfnst 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" href="#">
Invite people to Htmlstream
</a>
<a class="flex items-center vmt4s jlmh5 rfnst 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" href="#">
Preferences
</a>
<a class="flex items-center vmt4s jlmh5 rfnst 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" href="#">
Manage workspace
</a>
</div>
<div class="ju7it pyimf d77gl dark:border-neutral-800">
<button type="button" class="i65bn flex items-center vmt4s i7oig rfnst ps5iq t5ziw bp13m ksr3h disabled:opacity-50 focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
Sign out
<span class="ms-auto cm336 t6rrs dark:text-neutral-500">
notion.preline.so
</span>
</button>
</div>
</div>
<!-- End Dropdown -->
</div>
</div>
<!-- End Project Dropdown -->
</div>
<!-- Account Dropdown -->
<div class="inline-flex r00n9 i65bn">
<div class="hs-dropdown relative [--strategy:absolute] [--auto-close:inside] [--placement:bottom-right] inline-flex">
<button id="hs-pro-chmsad" type="button" class="flex r00n9 items-center vmt4s aukwz qgy40 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<img class="hq6gx 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 -end-0 block srid0 oq0dt t2pcc v7cgj mc62i dark:ring-neutral-800"></span>
</button>
<!-- Account Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 rmc90 transition-[opacity,margin] duration opacity-0 hidden a799i oo8ro lile3 rrmkk dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-chmsad">
<div class="ju7it">
<a class="flex items-center vmt4s jlmh5 rfnst 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" href="#">
<svg class="hq6gx hxyan 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"><rect width="20" height="14" x="2" y="5" rx="2"/><line x1="2" x2="22" y1="10" y2="10"/></svg>
Billing
</a>
<a class="flex items-center vmt4s jlmh5 rfnst 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" href="#">
<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="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>
Settings
</a>
<a class="flex items-center vmt4s jlmh5 rfnst 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" href="#">
<svg class="hq6gx hxyan 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="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg>
My account
</a>
</div>
<div class="jlmh5 o9qhu k2clc d77gl dark:border-neutral-800">
<!-- Switch/Toggle -->
<div class="flex flex-wrap uip67 items-center h1dxu">
<label for="hs-pro-chmsaddm" class="flex flex-1 cursor-pointer t5ziw bp13m dark:text-neutral-300">Dark mode</label>
<label for="hs-pro-chmsaddm" class="relative inline-block mid1e ljyfw cursor-pointer">
<input data-hs-theme-switch type="checkbox" id="hs-pro-chmsaddm" 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 wjm3v vtbde jhf88 peer-checked:translate-x-full dark:bg-neutral-400 dark:peer-checked:bg-white"></span>
</label>
</div>
<!-- End Switch/Toggle -->
</div>
<div class="ju7it">
<a class="flex items-center vmt4s jlmh5 rfnst 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" href="#">
Sign out
</a>
</div>
</div>
<!-- End Account Dropdown -->
</div>
</div>
<!-- End Account Dropdown -->
</footer>
<!-- End Footer -->
</div>
</div>
</div>
</aside>
<!-- ========== END MAIN SIDEBAR ========== -->
<!-- ========== MAIN CONTENT ========== -->
<main id="content" class="qya0n">
<!-- Leaflet -->
<div id="hs-pro-chrm" class="u35nr hs-leaflet hs-leaflet-unstyled-popover absolute inset-0 nxi5b"></div>
<!-- Navbar -->
<div class="absolute ofq05 uv2uj a7cfi rptc6 bo1ta xapxa">
<div class="i65bn o5l3w mx-auto">
<div class="dmfqa mmjp9 atzow items-center zb7az">
<div class="i63zv lg:opacity-0">
<button type="button" class="flex r00n9 items-center pgjbi jlmh5 kzzmm lgfl9 cm336 xq1jm oo8ro ksr3h oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:bg-neutral-800 dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200" data-hs-overlay="#hs-pro-chat-sidebar" aria-controls="hs-pro-chat-sidebar" aria-label="Toggle navigation">
<svg class="hq6gx ibvs1 -ms-1" xmlns="http://www.w3.org/2000/svg" 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> Menu
</button>
</div>
<div class="i63zv">
<!-- Search Input -->
<div class="relative">
<div class="absolute h5ske uv2uj flex items-center howv4 a799i iaezx">
<svg class="hq6gx ibvs1 kvliy dark:text-white/60" xmlns="http://www.w3.org/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="11" cy="11" r="8"/><path d="m21 21-4.3-4.3"/></svg>
</div>
<input type="text" class="i7oig ogtr7 ajrjw block i65bn oo8ro d77gl ps5iq psfwb fkkng focus:outline-hidden renpd p1ez7 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400 dark:placeholder:text-neutral-400 dark:focus:ring-neutral-600" placeholder="Search location">
<div class="hidden absolute h5ske fug6q flex items-center howv4 a799i jjspw">
<button type="button" class="inline-flex hq6gx r00n9 items-center awhdl oq0dt t6rrs ck8au focus:outline-hidden oahj8 dark:text-neutral-500 dark:hover:text-blue-500 dark:focus:text-blue-500" aria-label="Close">
<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"><circle cx="12" cy="12" r="10"/><path d="m15 9-6 6"/><path d="m9 9 6 6"/></svg>
</button>
</div>
</div>
<!-- End Search Input -->
</div>
</div>
</div>
</div>
<!-- End Navbar -->
<!-- Content -->
<div class="absolute lg:relative fszza oj8da u0s8z bo1ta n33uu qspz1 kr07u 2xl:pt-5 ctbvh ca3lx x8w44 r6ri1 flex flex-nowrap lg:flex-col wn6u4 overflow-x-auto n70wn lg:overflow-y-auto moqdl lg:[&::-webkit-scrollbar]:h-auto m25w5">
<div class="hjoa5 lg:w-auto flex flex-none">
<!-- Top Countries Card -->
<div class="lpgt1 flex flex-col oo8ro wfm4e lh7k3 hx4gm lile3 dark:bg-neutral-800 dark:border-neutral-700">
<!-- Header -->
<div class="xlz15 nfrzv flex uip67 items-center">
<h2 class="k5amb inline-block y2wul ld4jf dark:text-neutral-200">
Top countries
</h2>
</div>
<!-- End Header -->
<!-- Body -->
<div class="flex flex-col uip67 qpmwn rq5fj blhyt">
<!-- Grid -->
<div class="xatq3 dmfqa uir33 rwt1z h59sd">
<!-- Progress -->
<div class="lj7mp">
<svg class="qhmnk hq6gx aukwz oq0dt mx-auto" xmlns="http://www.w3.org/2000/svg" id="flag-icon-css-us" viewBox="0 0 512 512">
<g fill-rule="evenodd">
<g stroke-width="1pt">
<path fill="#bd3d44" d="M0 0h247v10H0zm0 20h247v10H0zm0 20h247v10H0zm0 20h247v10H0zm0 20h247v10H0zm0 20h247v10H0zm0 20h247v10H0z" transform="scale(3.9385)"/>
<path fill="#fff" d="M0 10h247v10H0zm0 20h247v10H0zm0 20h247v10H0zm0 20h247v10H0zm0 20h247v10H0zm0 20h247v10H0z" transform="scale(3.9385)"/>
</g>
<path fill="#192f5d" d="M0 0h98.8v70H0z" transform="scale(3.9385)"/>
<path fill="#fff" d="M8.2 3l1 2.8H12L9.7 7.5l.9 2.7-2.4-1.7L6 10.2l.9-2.7-2.4-1.7h3zm16.5 0l.9 2.8h2.9l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm16.5 0l.9 2.8H45l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm16.4 0l1 2.8h2.8l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h3zm16.5 0l.9 2.8h2.9l-2.4 1.7 1 2.7L74 8.5l-2.3 1.7.9-2.7-2.4-1.7h2.9zm16.5 0l.9 2.8h2.9L92 7.5l1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm-74.1 7l.9 2.8h2.9l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm16.4 0l1 2.8h2.8l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h3zm16.5 0l.9 2.8h2.9l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm16.5 0l.9 2.8h2.9l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7H65zm16.4 0l1 2.8H86l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h3zm-74 7l.8 2.8h3l-2.4 1.7.9 2.7-2.4-1.7L6 24.2l.9-2.7-2.4-1.7h3zm16.4 0l.9 2.8h2.9l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h2.9zm16.5 0l.9 2.8H45l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm16.4 0l1 2.8h2.8l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h3zm16.5 0l.9 2.8h2.9l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h2.9zm16.5 0l.9 2.8h2.9L92 21.5l1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm-74.1 7l.9 2.8h2.9l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm16.4 0l1 2.8h2.8l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h3zm16.5 0l.9 2.8h2.9l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h2.9zm16.5 0l.9 2.8h2.9l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7H65zm16.4 0l1 2.8H86l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h3zm-74 7l.8 2.8h3l-2.4 1.7.9 2.7-2.4-1.7L6 38.2l.9-2.7-2.4-1.7h3zm16.4 0l.9 2.8h2.9l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h2.9zm16.5 0l.9 2.8H45l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm16.4 0l1 2.8h2.8l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h3zm16.5 0l.9 2.8h2.9l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h2.9zm16.5 0l.9 2.8h2.9L92 35.5l1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm-74.1 7l.9 2.8h2.9l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm16.4 0l1 2.8h2.8l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h3zm16.5 0l.9 2.8h2.9l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h2.9zm16.5 0l.9 2.8h2.9l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7H65zm16.4 0l1 2.8H86l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h3zm-74 7l.8 2.8h3l-2.4 1.7.9 2.7-2.4-1.7L6 52.2l.9-2.7-2.4-1.7h3zm16.4 0l.9 2.8h2.9l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h2.9zm16.5 0l.9 2.8H45l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm16.4 0l1 2.8h2.8l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h3zm16.5 0l.9 2.8h2.9l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h2.9zm16.5 0l.9 2.8h2.9L92 49.5l1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm-74.1 7l.9 2.8h2.9l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm16.4 0l1 2.8h2.8l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h3zm16.5 0l.9 2.8h2.9l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h2.9zm16.5 0l.9 2.8h2.9l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7H65zm16.4 0l1 2.8H86l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h3zm-74 7l.8 2.8h3l-2.4 1.7.9 2.7-2.4-1.7L6 66.2l.9-2.7-2.4-1.7h3zm16.4 0l.9 2.8h2.9l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h2.9zm16.5 0l.9 2.8H45l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm16.4 0l1 2.8h2.8l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h3zm16.5 0l.9 2.8h2.9l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h2.9zm16.5 0l.9 2.8h2.9L92 63.5l1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9z" transform="scale(3.9385)"/>
</g>
</svg>
<div class="yyez4 chryj fpa6j ps5iq dark:bg-neutral-700">
<p class="t5ziw ld4jf dark:text-neutral-200">
1st
</p>
<p class="xe8oj d0kec rfnst inline-flex items-center pgjbi cm336 vo20k oq0dt oo8ro wfm4e lh7k3 ld4jf dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200">
1,265
</p>
</div>
<p class="nsx3p t5ziw ld4jf dark:text-neutral-200">
United States
</p>
</div>
<!-- End Progress -->
<!-- Progress -->
<div class="lj7mp">
<svg class="qhmnk hq6gx aukwz oq0dt mx-auto" xmlns="http://www.w3.org/2000/svg" id="flag-icon-css-de" viewBox="0 0 512 512">
<path fill="#ffce00" d="M0 341.3h512V512H0z"/>
<path d="M0 0h512v170.7H0z"/>
<path fill="#d00" d="M0 170.7h512v170.6H0z"/>
</svg>
<div class="yyez4 h5qat fpa6j ps5iq dark:bg-neutral-700">
<p class="t5ziw ld4jf dark:text-neutral-200">
2nd
</p>
<p class="xe8oj d0kec rfnst inline-flex items-center pgjbi cm336 vo20k oq0dt oo8ro wfm4e lh7k3 ld4jf dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200">
1,009
</p>
</div>
<p class="nsx3p t5ziw ld4jf dark:text-neutral-200">
Germany
</p>
</div>
<!-- End Progress -->
<!-- Progress -->
<div class="lj7mp">
<svg class="qhmnk hq6gx aukwz oq0dt mx-auto" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="flag-icon-css-cn" viewBox="0 0 512 512">
<defs>
<path id="a" fill="#ffde00" d="M1-.3L-.7.8 0-1 .6.8-1-.3z"/>
</defs>
<path fill="#de2910" d="M0 0h512v512H0z"/>
<use width="30" height="20" transform="matrix(76.8 0 0 76.8 128 128)" xlink:href="#a"/>
<use width="30" height="20" transform="rotate(-121 142.6 -47) scale(25.5827)" xlink:href="#a"/>
<use width="30" height="20" transform="rotate(-98.1 198 -82) scale(25.6)" xlink:href="#a"/>
<use width="30" height="20" transform="rotate(-74 272.4 -114) scale(25.6137)" xlink:href="#a"/>
<use width="30" height="20" transform="matrix(16 -19.968 19.968 16 256 230.4)" xlink:href="#a"/>
</svg>
<div class="yyez4 oocqq fpa6j ps5iq dark:bg-neutral-700">
<p class="t5ziw ld4jf dark:text-neutral-200">
3rd
</p>
<p class="xe8oj d0kec rfnst inline-flex items-center pgjbi cm336 vo20k oq0dt oo8ro wfm4e lh7k3 ld4jf dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200">
922
</p>
</div>
<p class="nsx3p t5ziw ld4jf dark:text-neutral-200">
China
</p>
</div>
<!-- End Progress -->
</div>
<!-- End Grid -->
<div class="o1gdb mctd2 flex items-center t5ziw ld4jf before:flex-1 before:border-t before:border-stone-200 before:me-3 after:flex-1 after:border-t after:border-stone-200 after:ms-3 dark:text-white dark:before:border-neutral-600 dark:after:border-neutral-600">
<span class="d0kec jrfm7 xu42w inline-flex items-center vrcxw cm336 vo20k nxwqo lx2s1 oq0dt dark:bg-teal-500/10 dark:text-teal-500">
<svg class="hq6gx a49ku" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z"/>
</svg>
Good
</span>
</div>
<p class="xe8oj t5ziw g30sc dark:text-neutral-200">Your overall performance is 98% higher than average.</p>
</div>
<!-- End Body -->
</div>
<!-- End Top Countries Card -->
</div>
<div class="hjoa5 lg:w-auto flex flex-none">
<!-- Import Data Card -->
<div class="lpgt1 flex flex-col oo8ro wfm4e d77gl hx4gm lile3 dark:bg-neutral-800 dark:border-neutral-700">
<!-- Header -->
<div class="xlz15 g69xo dmfqa hdv6z items-center ekyph">
<div>
<h2 class="inline-block y2wul u832x bp13m dark:text-neutral-200">
Referral Traffic
</h2>
</div>
<!-- End Col -->
<div class="flex c9j8j items-center pgjbi">
<!-- Download Dropdown -->
<div class="hs-dropdown [--auto-close:inside] [--placement:bottom-right] relative inline-flex">
<button id="hs-pro-dbrrtchdd" type="button" class="qoz2e inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b t6rrs ksr3h focus:outline-hidden kf4z7 disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 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"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" x2="12" y1="15" y2="3"/></svg>
</button>
<!-- Download Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 dzjpl transition-[opacity,margin] duration opacity-0 hidden a799i oo8ro lile3 rrmkk dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-dbrrtchdd">
<div class="ju7it">
<div class="i7oig apc69">
<span class="block y2wul bp13m dark:text-neutral-200">
Download Report
</span>
<span class="block cm336 t6rrs dark:text-neutral-500">
Select Options
</span>
</div>
<div class="omgvk pyimf d77gl dark:border-neutral-700"></div>
<div class="d0kec kzzmm">
<div class="flex items-center agawe lile3 ju7it dark:bg-neutral-800">
<label for="hs-pro-dbrrtchddts1" class="relative jlmh5 apc69 i65bn cursor-pointer lj7mp t5ziw bp13m ps5iq hplnr s6uaj dark:text-neutral-200 dark:has-checked:bg-neutral-600">
<svg class="relative bo1ta bwv2v inline-block acu59 hq6gx ibvs1" width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.0324 1.91994H9.45071C9.09999 1.91994 8.76367 2.05926 8.51567 2.30725C8.26767 2.55523 8.12839 2.89158 8.12839 3.24228V8.86395L20.0324 15.8079L25.9844 18.3197L31.9364 15.8079V8.86395L20.0324 1.91994Z" fill="#21A366"/><path d="M8.12839 8.86395H20.0324V15.8079H8.12839V8.86395Z" fill="#107C41"/><path d="M30.614 1.91994H20.0324V8.86395H31.9364V3.24228C31.9364 2.89158 31.7971 2.55523 31.5491 2.30725C31.3011 2.05926 30.9647 1.91994 30.614 1.91994Z" fill="#33C481"/><path d="M20.0324 15.8079H8.12839V28.3736C8.12839 28.7243 8.26767 29.0607 8.51567 29.3087C8.76367 29.5567 9.09999 29.6959 9.45071 29.6959H30.6141C30.9647 29.6959 31.3011 29.5567 31.549 29.3087C31.797 29.0607 31.9364 28.7243 31.9364 28.3736V22.7519L20.0324 15.8079Z" fill="#185C37"/><path d="M20.0324 15.8079H31.9364V22.7519H20.0324V15.8079Z" fill="#107C41"/><path opacity="0.1" d="M16.7261 6.87994H8.12839V25.7279H16.7261C17.0764 25.7269 17.4121 25.5872 17.6599 25.3395C17.9077 25.0917 18.0473 24.756 18.0484 24.4056V8.20226C18.0473 7.8519 17.9077 7.51616 17.6599 7.2684C17.4121 7.02064 17.0764 6.88099 16.7261 6.87994Z" class="deds1 dark:fill-neutral-200" fill="currentColor"/><path opacity="0.2" d="M15.7341 7.87194H8.12839V26.7199H15.7341C16.0844 26.7189 16.4201 26.5792 16.6679 26.3315C16.9157 26.0837 17.0553 25.748 17.0564 25.3976V9.19426C17.0553 8.84386 16.9157 8.50818 16.6679 8.26042C16.4201 8.01266 16.0844 7.87299 15.7341 7.87194Z" class="deds1 dark:fill-neutral-200" fill="currentColor"/><path opacity="0.2" d="M15.7341 7.87194H8.12839V24.7359H15.7341C16.0844 24.7349 16.4201 24.5952 16.6679 24.3475C16.9157 24.0997 17.0553 23.764 17.0564 23.4136V9.19426C17.0553 8.84386 16.9157 8.50818 16.6679 8.26042C16.4201 8.01266 16.0844 7.87299 15.7341 7.87194Z" class="deds1 dark:fill-neutral-200" fill="currentColor"/><path opacity="0.2" d="M14.7421 7.87194H8.12839V24.7359H14.7421C15.0924 24.7349 15.4281 24.5952 15.6759 24.3475C15.9237 24.0997 16.0633 23.764 16.0644 23.4136V9.19426C16.0633 8.84386 15.9237 8.50818 15.6759 8.26042C15.4281 8.01266 15.0924 7.87299 14.7421 7.87194Z" class="deds1 dark:fill-neutral-200" fill="currentColor"/><path d="M1.51472 7.87194H14.7421C15.0927 7.87194 15.4291 8.01122 15.6771 8.25922C15.925 8.50722 16.0644 8.84354 16.0644 9.19426V22.4216C16.0644 22.7723 15.925 23.1087 15.6771 23.3567C15.4291 23.6047 15.0927 23.7439 14.7421 23.7439H1.51472C1.16402 23.7439 0.827672 23.6047 0.579686 23.3567C0.3317 23.1087 0.192383 22.7723 0.192383 22.4216V9.19426C0.192383 8.84354 0.3317 8.50722 0.579686 8.25922C0.827672 8.01122 1.16402 7.87194 1.51472 7.87194Z" fill="#107C41"/><path d="M3.69711 20.7679L6.90722 15.794L3.96694 10.8479H6.33286L7.93791 14.0095C8.08536 14.3091 8.18688 14.5326 8.24248 14.68H8.26328C8.36912 14.4407 8.47984 14.2079 8.5956 13.9817L10.3108 10.8479H12.4822L9.46656 15.7663L12.5586 20.7679H10.2473L8.3932 17.2959C8.30592 17.148 8.23184 16.9927 8.172 16.8317H8.14424C8.09016 16.9891 8.01824 17.1399 7.92998 17.2811L6.02236 20.7679H3.69711Z" fill="white"/></svg><span class="relative bo1ta acu59">Excel</span>
<input type="radio" name="hs-pro-dbrrtchddts" class="hidden" id="hs-pro-dbrrtchddts1" checked >
</label>
<label for="hs-pro-dbrrtchddts2" class="relative jlmh5 apc69 i65bn cursor-pointer lj7mp t5ziw bp13m ps5iq hplnr s6uaj dark:text-neutral-200 dark:has-checked:bg-neutral-600">
<svg class="relative bo1ta bwv2v inline-block acu59 hq6gx ibvs1" width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M30.6141 1.91994H9.45071C9.09999 1.91994 8.76367 2.05926 8.51567 2.30725C8.26767 2.55523 8.12839 2.89158 8.12839 3.24228V8.86395L20.0324 12.3359L31.9364 8.86395V3.24228C31.9364 2.89158 31.797 2.55523 31.549 2.30725C31.3011 2.05926 30.9647 1.91994 30.6141 1.91994Z" fill="#41A5EE"/><path d="M31.9364 8.86395H8.12839V15.8079L20.0324 19.2799L31.9364 15.8079V8.86395Z" fill="#2B7CD3"/><path d="M31.9364 15.8079H8.12839V22.7519L20.0324 26.2239L31.9364 22.7519V15.8079Z" fill="#185ABD"/><path d="M31.9364 22.752H8.12839V28.3736C8.12839 28.7244 8.26767 29.0607 8.51567 29.3087C8.76367 29.5567 9.09999 29.696 9.45071 29.696H30.6141C30.9647 29.696 31.3011 29.5567 31.549 29.3087C31.797 29.0607 31.9364 28.7244 31.9364 28.3736V22.752Z" fill="#103F91"/><path opacity="0.1" d="M16.7261 6.87994H8.12839V25.7279H16.7261C17.0764 25.7269 17.4121 25.5872 17.6599 25.3395C17.9077 25.0917 18.0473 24.756 18.0484 24.4056V8.20226C18.0473 7.8519 17.9077 7.51616 17.6599 7.2684C17.4121 7.02064 17.0764 6.88099 16.7261 6.87994Z" class="deds1 dark:fill-neutral-200" fill="currentColor"/><path opacity="0.2" d="M15.7341 7.87194H8.12839V26.7199H15.7341C16.0844 26.7189 16.4201 26.5792 16.6679 26.3315C16.9157 26.0837 17.0553 25.748 17.0564 25.3976V9.19426C17.0553 8.84386 16.9157 8.50818 16.6679 8.26042C16.4201 8.01266 16.0844 7.87299 15.7341 7.87194Z" class="deds1 dark:fill-neutral-200" fill="currentColor"/><path opacity="0.2" d="M15.7341 7.87194H8.12839V24.7359H15.7341C16.0844 24.7349 16.4201 24.5952 16.6679 24.3475C16.9157 24.0997 17.0553 23.764 17.0564 23.4136V9.19426C17.0553 8.84386 16.9157 8.50818 16.6679 8.26042C16.4201 8.01266 16.0844 7.87299 15.7341 7.87194Z" class="deds1 dark:fill-neutral-200" fill="currentColor"/><path opacity="0.2" d="M14.7421 7.87194H8.12839V24.7359H14.7421C15.0924 24.7349 15.4281 24.5952 15.6759 24.3475C15.9237 24.0997 16.0633 23.764 16.0644 23.4136V9.19426C16.0633 8.84386 15.9237 8.50818 15.6759 8.26042C15.4281 8.01266 15.0924 7.87299 14.7421 7.87194Z" class="deds1 dark:fill-neutral-200" fill="currentColor"/><path d="M1.51472 7.87194H14.7421C15.0927 7.87194 15.4291 8.01122 15.6771 8.25922C15.925 8.50722 16.0644 8.84354 16.0644 9.19426V22.4216C16.0644 22.7723 15.925 23.1087 15.6771 23.3567C15.4291 23.6047 15.0927 23.7439 14.7421 23.7439H1.51472C1.16401 23.7439 0.827669 23.6047 0.579687 23.3567C0.3317 23.1087 0.192383 22.7723 0.192383 22.4216V9.19426C0.192383 8.84354 0.3317 8.50722 0.579687 8.25922C0.827669 8.01122 1.16401 7.87194 1.51472 7.87194Z" fill="#185ABD"/><path d="M12.0468 20.7679H10.2612L8.17801 13.9231L5.99558 20.7679H4.20998L2.22598 10.8479H4.01158L5.40038 17.7919L7.48358 11.0463H8.97161L10.9556 17.7919L12.3444 10.8479H14.0308L12.0468 20.7679Z" fill="white"/></svg><span class="relative bo1ta acu59">Word</span>
<input type="radio" name="hs-pro-dbrrtchddts" class="hidden" id="hs-pro-dbrrtchddts2" >
</label>
</div>
</div>
<div class="omgvk pyimf d77gl dark:border-neutral-700"></div>
<div class="flex uip67 items-center i7oig apc69 cursor-pointer ps5iq ksr3h dark:hover:bg-neutral-800 dark:focus:bg-neutral-700">
<label for="hs-pro-dbrrtchdds1" class="flex flex-1 items-center vmt4s cursor-pointer t5ziw bp13m dark:text-neutral-300">
<svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg>Section name
</label>
<input type="checkbox" class="hq6gx stqz8 wiva2 dqdmd ryiqa tyfry checked:border-blue-500 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-600 dark:checked:bg-blue-500 dark:checked:border-blue-500 dark:focus:ring-offset-gray-800" id="hs-pro-dbrrtchdds1" checked >
</div>
<div class="flex uip67 items-center i7oig apc69 cursor-pointer ps5iq ksr3h dark:hover:bg-neutral-800 dark:focus:bg-neutral-700">
<label for="hs-pro-dbrrtchdds2" class="flex flex-1 items-center vmt4s cursor-pointer t5ziw bp13m dark:text-neutral-300">
<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 22h2a2 2 0 0 0 2-2V7.5L14.5 2H6a2 2 0 0 0-2 2v3"/><polyline points="14 2 14 8 20 8"/><path d="M4.04 11.71a5.84 5.84 0 1 0 8.2 8.29"/><path d="M13.83 16A5.83 5.83 0 0 0 8 10.17V16h5.83Z"/></svg>Comparison stats
</label>
<input type="checkbox" class="hq6gx stqz8 wiva2 dqdmd ryiqa tyfry checked:border-blue-500 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-600 dark:checked:bg-blue-500 dark:checked:border-blue-500 dark:focus:ring-offset-gray-800" id="hs-pro-dbrrtchdds2" checked >
</div>
<div class="flex uip67 items-center i7oig apc69 cursor-pointer ps5iq ksr3h dark:hover:bg-neutral-800 dark:focus:bg-neutral-700">
<label for="hs-pro-dbrrtchdds3" class="flex flex-1 items-center vmt4s cursor-pointer t5ziw bp13m dark:text-neutral-300">
<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"/></svg>Legend indicator
</label>
<input type="checkbox" class="hq6gx stqz8 wiva2 dqdmd ryiqa tyfry checked:border-blue-500 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-600 dark:checked:bg-blue-500 dark:checked:border-blue-500 dark:focus:ring-offset-gray-800" id="hs-pro-dbrrtchdds3" checked >
</div>
<div class="p8xkq pyimf d77gl dark:border-neutral-700"></div>
<button type="button" class="i65bn i7oig apc69 inline-flex r00n9 items-center lialp t5ziw vo20k ps5iq wfm4e qb17b jqqot zr4l6 lmqf9 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden v1cco tyfry">
Download
</button>
</div>
</div>
<!-- End Download Dropdown -->
</div>
<!-- End Download Dropdown -->
<!-- Download Dropdown -->
<div class="hs-dropdown [--auto-close:inside] [--placement:bottom-right] relative inline-flex">
<button id="hs-pro-dbrrtchmd" type="button" class="qoz2e inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b t6rrs ksr3h focus:outline-hidden kf4z7 disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 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>
</button>
<!-- Download 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-pro-dbrrtchmd">
<div class="ju7it">
<button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd bp13m ksr3h disabled:opacity-50 focus:outline-hidden kf4z7 disabled:pointer-events-none dark:text-neutral-300 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"><circle cx="18" cy="5" r="3"/><circle cx="6" cy="12" r="3"/><circle cx="18" cy="19" r="3"/><line x1="8.59" x2="15.42" y1="13.51" y2="17.49"/><line x1="15.41" x2="8.59" y1="6.51" y2="10.49"/></svg>
Share reports
</button>
<button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd bp13m ksr3h disabled:opacity-50 focus:outline-hidden kf4z7 disabled:pointer-events-none dark:text-neutral-300 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="M8 3H5a2 2 0 0 0-2 2v3"/><path d="M21 8V5a2 2 0 0 0-2-2h-3"/><path d="M3 16v3a2 2 0 0 0 2 2h3"/><path d="M16 21h3a2 2 0 0 0 2-2v-3"/></svg>
View in fullscreen
</button>
<button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd bp13m ksr3h disabled:opacity-50 focus:outline-hidden kf4z7 disabled:pointer-events-none dark:text-neutral-300 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 3h6l6 18h6"/><path d="M14 3h7"/></svg>
Connect other apps
</button>
<div class="p8xkq pyimf d77gl dark:border-neutral-700"></div>
<button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd bp13m ksr3h disabled:opacity-50 focus:outline-hidden kf4z7 disabled:pointer-events-none dark:text-neutral-300 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="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/><line x1="9" x2="15" y1="10" y2="10"/><line x1="12" x2="12" y1="7" y2="13"/></svg>
Submit Feedback
</button>
</div>
</div>
<!-- End Download Dropdown -->
</div>
<!-- End Download Dropdown -->
</div>
<!-- End Col -->
</div>
<!-- End Header -->
<!-- Body -->
<div class="qpmwn xlz15 ami92">
<div class="qpmwn flex flex-col uip67 space-y-4">
<div class="space-y-4">
<!-- Progress -->
<div class="flex pgjbi i65bn r7196 oq0dt overflow-hidden">
<div class="flex flex-col r00n9 overflow-hidden q4mvv cm336 zr4l6 lj7mp lt27r" style="width: 42%" role="progressbar" aria-valuenow="42" aria-valuemin="0" aria-valuemax="100"></div>
<div class="flex flex-col r00n9 overflow-hidden howbk cm336 zr4l6 lj7mp lt27r" style="width: 27%" role="progressbar" aria-valuenow="27" aria-valuemin="0" aria-valuemax="100"></div>
<div class="flex flex-col r00n9 overflow-hidden vspjk cm336 zr4l6 lj7mp lt27r" style="width: 16%" role="progressbar" aria-valuenow="16" aria-valuemin="0" aria-valuemax="100"></div>
<div class="flex flex-col r00n9 overflow-hidden qjkan cm336 zr4l6 lj7mp lt27r" style="width: 6%" role="progressbar" aria-valuenow="6" aria-valuemin="0" aria-valuemax="100"></div>
<div class="flex flex-col r00n9 overflow-hidden rjuva cm336 zr4l6 lj7mp lt27r dark:bg-neutral-500" style="width: 9%" role="progressbar" aria-valuenow="9" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<!-- End Progress -->
<!-- List Group -->
<ul>
<!-- List Item -->
<li class="i7oig dmfqa hdv6z uip67 items-center ekyph">
<div class="flex items-center">
<span class="hq6gx ui2kz inline-block jqqot dqdmd b76m2"></span>
<span class="t5ziw bp13m dark:text-neutral-200">
github.com
</span>
</div>
<div class="cuqi8">
<span class="t5ziw t6rrs dark:text-neutral-500">
164k
</span>
</div>
</li>
<!-- End List Item -->
<!-- List Item -->
<li class="i7oig dmfqa hdv6z uip67 items-center ekyph">
<div class="flex items-center">
<span class="hq6gx ui2kz inline-block howbk dqdmd b76m2"></span>
<span class="t5ziw bp13m dark:text-neutral-200">
accounts.google.com
</span>
</div>
<div class="cuqi8">
<span class="t5ziw t6rrs dark:text-neutral-500">
49k
</span>
</div>
</li>
<!-- End List Item -->
<!-- List Item -->
<li class="i7oig dmfqa hdv6z uip67 items-center ekyph">
<div class="flex items-center">
<span class="hq6gx ui2kz inline-block vspjk dqdmd b76m2"></span>
<span class="t5ziw bp13m dark:text-neutral-200">
themes.getbootstrap.com
</span>
</div>
<div class="cuqi8">
<span class="t5ziw t6rrs dark:text-neutral-500">
26k
</span>
</div>
</li>
<!-- End List Item -->
<!-- List Item -->
<li class="i7oig dmfqa hdv6z uip67 items-center ekyph">
<div class="flex items-center">
<span class="hq6gx ui2kz inline-block qjkan dqdmd b76m2"></span>
<span class="t5ziw bp13m dark:text-neutral-200">
htmlstream.com
</span>
</div>
<div class="cuqi8">
<span class="t5ziw t6rrs dark:text-neutral-500">
8k
</span>
</div>
</li>
<!-- End List Item -->
<!-- List Item -->
<li class="i7oig dmfqa hdv6z uip67 items-center ekyph">
<div class="flex items-center">
<span class="hq6gx ui2kz inline-block rjuva dqdmd epucs dark:bg-neutral-500"></span>
<span class="t5ziw bp13m dark:text-neutral-200">
Others
</span>
</div>
<div class="cuqi8">
<span class="t5ziw t6rrs dark:text-neutral-500">
12k
</span>
</div>
</li>
<!-- End List Item -->
</ul>
<!-- End List Group -->
</div>
</div>
</div>
<!-- End Body -->
<!-- Footer -->
<div class="lj7mp pyimf d77gl dark:border-neutral-700">
<a class="yyez4 flex r00n9 items-center lialp t5ziw rwtxm najvv anx4o focus:outline-hidden l1oto np187 tz8vo dark:text-blue-500 dark:hover:text-blue-600 dark:focus:text-blue-600" href="#">
View full reports
</a>
</div>
<!-- End Footer -->
</div>
<!-- End Import Data Card -->
</div>
<div class="hjoa5 lg:w-auto flex flex-none">
<!-- Sales Stats Card -->
<div class="lpgt1 flex flex-col oo8ro wfm4e d77gl hx4gm lile3 dark:bg-neutral-800 dark:border-neutral-700">
<!-- Header -->
<div class="xlz15 nfrzv flex uip67 items-center">
<h2 class="inline-block y2wul u832x bp13m dark:text-neutral-200">
Total sales
</h2>
<!-- Calendar Dropdown -->
<div class="hs-dropdown [--auto-close:inside] inline-flex">
<button id="hs-pro-dnic" type="button" class="n33uu inline-flex items-center cm336 vo20k ps5iq wfm4e d77gl oo8ro bp13m hx4gm tdhmi disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tme8y dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<svg class="hq6gx epucs 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="18" height="18" x="3" y="4" rx="2" ry="2"/><line x1="16" x2="16" y1="2" y2="6"/><line x1="8" x2="8" y1="2" y2="6"/><line x1="3" x2="21" y1="10" y2="10"/><path d="M8 14h.01"/><path d="M12 14h.01"/><path d="M16 14h.01"/><path d="M8 18h.01"/><path d="M12 18h.01"/><path d="M16 18h.01"/></svg>
Today
<svg class="hq6gx mb4ft 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>
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 v4b5n transition-[opacity,margin] duration opacity-0 hidden ucmtr oo8ro lile3 rrmkk dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-dnic">
<!-- Calendar -->
<div class="yyez4 space-y-0.5">
<!-- Months -->
<div class="dmfqa mqtol items-center vmt4s mzxha nfrzv">
<!-- Prev Button -->
<div class="i63zv">
<button type="button" class="aukwz flex r00n9 items-center bp13m ksr3h oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-label="Previous">
<svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m15 18-6-6 6-6"/></svg>
</button>
</div>
<!-- End Prev Button -->
<!-- Month / Year -->
<div class="nvgw2 flex r00n9 items-center pgjbi">
<div class="relative">
<select data-hs-select='{
"placeholder": "Select month",
"toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>",
"toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative flex dslo6 i65bn cursor-pointer qgy40 vo20k bp13m ck8au focus:outline-hidden oahj8 before:absolute before:inset-0 before:z-1 dark:text-neutral-200 dark:hover:text-blue-500 dark:focus:text-blue-500",
"dropdownClasses": "ls9te ucmtr qzvcy yj8ha ju7it space-y-0.5 oo8ro wfm4e d77gl ps5iq rkof5 overflow-hidden overflow-y-auto n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900 dark:border-neutral-700",
"optionClasses": "n33uu i65bn t5ziw bp13m cursor-pointer ksr3h ps5iq focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex uip67 items-center i65bn \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"hq6gx stqz8 bp13m dark:text-neutral-200 \" xmlns=\"http:.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"/></svg></span></div>"
}' class="hidden">
<option value="0">January</option>
<option value="1">February</option>
<option value="2">March</option>
<option value="3">April</option>
<option value="4">May</option>
<option value="5">June</option>
<option value="6" selected>July</option>
<option value="7">August</option>
<option value="8">September</option>
<option value="9">October</option>
<option value="10">November</option>
<option value="11">December</option>
</select>
</div>
<span class="bp13m dark:text-neutral-200">/</span>
<div class="relative">
<select data-hs-select='{
"placeholder": "Select year",
"toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>",
"toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative flex dslo6 i65bn cursor-pointer qgy40 vo20k bp13m ck8au focus:outline-hidden oahj8 before:absolute before:inset-0 before:z-1 dark:text-neutral-200 dark:hover:text-blue-500 dark:focus:text-blue-500",
"dropdownClasses": "ls9te ucmtr vl7eg yj8ha ju7it space-y-0.5 oo8ro wfm4e d77gl ps5iq rkof5 overflow-hidden overflow-y-auto n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900 dark:border-neutral-700",
"optionClasses": "n33uu i65bn t5ziw bp13m cursor-pointer ksr3h ps5iq focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex uip67 items-center i65bn \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"hq6gx stqz8 bp13m dark:text-neutral-200 \" xmlns=\"http:.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"/></svg></span></div>"
}' class="hidden">
<option selected>2023</option>
<option>2024</option>
<option>2025</option>
<option>2026</option>
<option>2027</option>
</select>
</div>
</div>
<!-- End Month / Year -->
<!-- Next Button -->
<div class="i63zv flex c9j8j">
<button type="button" class=" aukwz flex r00n9 items-center bp13m ksr3h oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-label="Next">
<svg class="hq6gx ibvs1" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg>
</button>
</div>
<!-- End Next Button -->
</div>
<!-- Months -->
<!-- Weeks -->
<div class="flex yh9al">
<span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500">
Mo
</span>
<span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500">
Tu
</span>
<span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500">
We
</span>
<span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500">
Th
</span>
<span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500">
Fr
</span>
<span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500">
Sa
</span>
<span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500">
Su
</span>
</div>
<!-- Weeks -->
<!-- Days -->
<div class="flex">
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500" disabled>
26
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500" disabled>
27
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500" disabled>
28
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500" disabled>
29
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500" disabled>
30
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
1
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
2
</button>
</div>
</div>
<!-- Days -->
<!-- Days -->
<div class="flex">
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
3
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
4
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
5
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
6
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
7
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
8
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
9
</button>
</div>
</div>
<!-- Days -->
<!-- Days -->
<div class="flex">
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
10
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
11
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
12
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
13
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
14
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
15
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
16
</button>
</div>
</div>
<!-- Days -->
<!-- Days -->
<div class="flex">
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
17
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
18
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
19
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center jqqot vd2fb qb17b t5ziw vo20k zr4l6 bp7p8 oq0dt dark:bg-blue-500 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:hover:border-neutral-700">
20
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
21
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
22
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
23
</button>
</div>
</div>
<!-- Days -->
<!-- Days -->
<div class="flex">
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
24
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
25
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
26
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
27
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
28
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
29
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
30
</button>
</div>
</div>
<!-- Days -->
<!-- Days -->
<div class="flex">
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
31
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
1
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
2
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
3
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
4
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
5
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
6
</button>
</div>
</div>
<!-- Days -->
</div>
</div>
</div>
<!-- End Calendar Dropdown -->
</div>
<!-- End Header -->
<!-- Body -->
<div class="qpmwn rq5fj blhyt space-y-8">
<h4 class="io0g6 vo20k bp13m dark:text-neutral-200">
<span class="-me-1.5 t5ziw b7qg3 t6rrs dark:text-neutral-500">$</span>
43,350
</h4>
<!-- List Group -->
<ul class="space-y-3">
<!-- List Item -->
<li class="flex flex-wrap uip67 items-center lialp">
<div>
<div class="flex items-center lialp">
<div class="inline-block ui2kz jqqot dqdmd"></div>
<h2 class="inline-block acu59 t6rrs dark:text-neutral-400">
Store sales
</h2>
</div>
</div>
<div>
<span class="bp13m dark:text-neutral-200">
$51,392
</span>
<span class="zg3gw o1qfp inline-block xq1jm dark:text-neutral-400">
<svg class="inline-block acu59 ibvs1 wh02v" xmlns="http://www.w3.org/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="22 7 13.5 15.5 8.5 10.5 2 17"/><polyline points="16 7 22 7 22 13"/></svg>
38.2%
</span>
</div>
</li>
<!-- End List Item -->
<!-- List Item -->
<li class="flex flex-wrap uip67 items-center lialp">
<div>
<div class="flex items-center lialp">
<div class="inline-block ui2kz eh7vh dqdmd"></div>
<h2 class="inline-block acu59 t6rrs dark:text-neutral-400">
Online sales
</h2>
</div>
</div>
<div>
<span class="bp13m dark:text-neutral-200">
$46,420
</span>
<span class="zg3gw o1qfp inline-block xq1jm dark:text-neutral-400">
<svg class="inline-block acu59 ibvs1 wh02v" xmlns="http://www.w3.org/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="22 7 13.5 15.5 8.5 10.5 2 17"/><polyline points="16 7 22 7 22 13"/></svg>
5.9%
</span>
</div>
</li>
<!-- End List Item -->
<!-- List Item -->
<li class="flex flex-wrap uip67 items-center lialp">
<div>
<div class="flex items-center lialp">
<div class="inline-block ui2kz vh6bg dqdmd dark:bg-neutral-500"></div>
<h2 class="inline-block acu59 t6rrs dark:text-neutral-400">
Others
</h2>
</div>
</div>
<div>
<span class="bp13m dark:text-neutral-200">
$39,539
</span>
<span class="zg3gw o1qfp inline-block xq1jm dark:text-neutral-400">
<svg class="inline-block acu59 ibvs1 bs6yk" xmlns="http://www.w3.org/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="22 17 13.5 8.5 8.5 13.5 2 7"/><polyline points="16 17 22 17 22 11"/></svg>
3.1%
</span>
</div>
</li>
<!-- End List Item -->
</ul>
<!-- End List Group -->
</div>
<!-- End Body -->
<!-- Footer -->
<div class="xlz15 ami92 space-y-8">
<div class="i65bn">
<!-- Apex Line Chart -->
<div id="hs-total-sales-lines-chart" class="uekje "></div>
</div>
</div>
<!-- End Footer -->
</div>
<!-- End Sales Stats Card -->
</div>
</div>
<!-- End Content -->
</main>
<!-- ========== END MAIN CONTENT ========== -->
<link rel="stylesheet" href="../../assets/vendor/leaflet/dist/leaflet.css">
<script src="../../assets/vendor/lodash/lodash.min.js"></script>
<script src="../../assets/vendor/leaflet/dist/leaflet.js"></script>
<style>
.hs-leaflet.leaflet-touch .leaflet-control-layers,
.hs-leaflet.leaflet-touch .leaflet-bar {
border-width: 0px;
}
.hs-leaflet.leaflet-touch .leaflet-bar a {
line-height: 1.5;
background-color: rgba(255,255,255,.8);
box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
}
.hs-leaflet.leaflet-touch .leaflet-bar a:first-child,
.hs-leaflet.leaflet-touch .leaflet-bar a:last-child {
border-radius: 8px;
}
.hs-leaflet .leaflet-control-zoom-in,
.hs-leaflet .leaflet-control-zoom-out {
font-weight: 400;
font-size: 18px;
color: #1f2937;
text-indent: 0px;
}
.hs-leaflet .leaflet-bar {
display: flex;
flex-direction: column;
gap: 6px;
}
.hs-leaflet .leaflet-bar a {
border-width: 0;
}
.hs-leaflet .leaflet-bar a:hover,
.hs-leaflet .leaflet-bar a:focus {
background-color: #e5e7eb;
}
.hs-leaflet .leaflet-popup-content-wrapper,
.hs-leaflet .leaflet-popup-tip {
box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
}
.hs-leaflet .leaflet-popup-tip {
border-radius: 4px;
}
.hs-leaflet.leaflet-container a.leaflet-popup-close-button {
top: -10px;
right: -10px;
border-radius: 9999px;
background-color: #f3f4f6;
color: #1f2937;
font-size: 14px;
line-height: 1.6;
}
.hs-leaflet.leaflet-container a.leaflet-popup-close-button:hover {
background-color: #f3f4f6;
}
.hs-leaflet-unstyled-popover .leaflet-popup-content-wrapper {
display: flex;
}
.hs-leaflet-unstyled-popover .leaflet-popup-content {
padding: 0;
margin: 0;
background: none;
line-height: normal;
border-radius: 0;
font-size: inherit;
min-height: auto;
}
</style>
<link rel="stylesheet" href="../../assets/vendor/apexcharts/dist/apexcharts.css">
<style type="text/css">
.apexcharts-tooltip.apexcharts-theme-light {
background-color: transparent !important;
border: none !important;
box-shadow: none !important;
}
</style>
<!-- Apexcharts -->
<script src="../../assets/vendor/lodash/lodash.min.js"></script>
<script src="../../assets/vendor/apexcharts/dist/apexcharts.min.js"></script>
<script>
function buildTooltip(props, options) {
const {
title,
mode,
valuePrefix = '$',
isValueDivided = true,
valuePostfix = '',
hasTextLabel = false,
invertGroup = false,
labelDivider = '',
wrapperClasses = 'u7zz8 ej64t oo8ro wfm4e d77gl bp13m ps5iq ttai3 dark:bg-neutral-800 dark:border-neutral-700',
wrapperExtClasses = '',
seriesClasses = 'cm336',
seriesExtClasses = '',
titleClasses = 'y2wul d2ov9 hft9r n4eug bp13m l96n9 dark:bg-neutral-800! dark:border-neutral-700! dark:text-neutral-200',
titleExtClasses = '',
markerClasses = 'e86k1 o03ob dwlzo',
markerExtClasses = 'bw8uh',
valueClasses = 'oo3sc t6rrs ms-auto! dark:text-neutral-400',
valueExtClasses = '',
labelClasses = 't6rrs dark:text-neutral-400',
labelExtClasses = ''
} = options;
const { dataPointIndex } = props;
const { colors } = props.ctx.opts;
const series = props.ctx.opts.series;
let seriesGroups = '';
series.forEach((single, i) => {
const val = props.series[i][dataPointIndex] || (typeof series[i].data[dataPointIndex] !== 'object' ? series[i].data[dataPointIndex] : props.series[i][dataPointIndex]);
const label = series[i].name;
const groupData = invertGroup ? {
left: `${hasTextLabel ? label : ''}${labelDivider}`,
right: `${valuePrefix}${val >= 1000 && isValueDivided ? `${val / 1000}k` : val}${valuePostfix}`
} : {
left: `${valuePrefix}${val >= 1000 && isValueDivided ? `${val / 1000}k` : val}${valuePostfix}`,
right: `${hasTextLabel ? label : ''}${labelDivider}`
}
const labelMarkup = `<span class="apexcharts-tooltip-text-y-label ${labelClasses} ${labelExtClasses}'>${groupData.left}</span>`;
seriesGroups += `<div class="apexcharts-tooltip-series-group flex! ${hasTextLabel ? 'fdh2j' : ''} order-${i + 1} ${seriesClasses} ${seriesExtClasses}'>
<span class="flex items-center">
<span class="apexcharts-tooltip-marker ${markerClasses} ${markerExtClasses}' style="background: ${colors[i]}'></span>
<div class="apexcharts-tooltip-text">
<div class="apexcharts-tooltip-y-group t067g">
<span class="apexcharts-tooltip-text-y-value ${valueClasses} ${valueExtClasses}'>${groupData.right}</span>
</div>
</div>
</span>
${labelMarkup}
</div>`
});
return `<div class="${mode === 'dark' ? 'dark ' : ''}${wrapperClasses} ${wrapperExtClasses}'>
<div class="apexcharts-tooltip-title ${titleClasses} ${titleExtClasses}'>${title}</div>
${seriesGroups}
</div>`;
}
function buildTooltipCompareTwo(props, options) {
const { dataPointIndex } = props;
const { categories } = props.ctx.opts.xaxis;
const { colors } = props.ctx.opts;
const series = props.ctx.opts.series;
const {
title,
mode,
valuePrefix = '$',
isValueDivided = true,
valuePostfix = '',
hasCategory = true,
hasTextLabel = false,
labelDivider = '',
wrapperClasses = 'u7zz8 ej64t oo8ro wfm4e d77gl bp13m ps5iq ttai3 dark:bg-neutral-800 dark:border-neutral-700',
wrapperExtClasses = '',
seriesClasses = 'fdh2j i65bn cm336',
seriesExtClasses = '',
titleClasses = 'flex uip67 y2wul d2ov9 hft9r n4eug bp13m l96n9 dark:bg-neutral-800! dark:border-neutral-700! dark:text-neutral-200',
titleExtClasses = '',
markerClasses = 'e86k1 o03ob dwlzo',
markerExtClasses = 'bw8uh',
valueClasses = 'oo3sc t6rrs ms-auto! dark:text-neutral-400',
valueExtClasses = '',
labelClasses = 't6rrs dark:text-neutral-400 zocwd',
labelExtClasses = ''
} = options;
let seriesGroups = '';
const s0 = series[0].data[dataPointIndex];
const s1 = series[1].data[dataPointIndex];
const category = categories[dataPointIndex].split(' ');
const newCategory = hasCategory ? `${category[0]}${category[1] ? ' ' : ''}${category[1] ? category[1].slice(0, 3) : ''}` : '';
const isGrowing = s0 > s1;
const isDifferenceIsNull = s0 / s1 === 1;
const difference = isDifferenceIsNull ? 0 : (s0 / s1) * 100;
const icon = isGrowing
? `<svg class="inline-block ibvs1 s1drr" xmlns="http://www.w3.org/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="22 7 13.5 15.5 8.5 10.5 2 17"/><polyline points="16 7 22 7 22 13"/></svg>`
: `<svg class="inline-block ibvs1 s1drr" xmlns="http://www.w3.org/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="22 17 13.5 8.5 8.5 13.5 2 7" /><polyline points="16 17 22 17 22 11" /></svg>`;
series.forEach((_, i) => {
const val = props.series[i][dataPointIndex] || (typeof series[i].data[dataPointIndex] !== 'object' ? series[i].data[dataPointIndex] : props.series[i][dataPointIndex]);
const label = series[i].name;
const altValue = series[i].altValue || null;
const labelMarkup = `<span class="apexcharts-tooltip-text-y-label ${labelClasses} ${labelExtClasses}'>${newCategory} ${label || ''}</span>`;
const valueMarkup = altValue || `<span class="apexcharts-tooltip-text-y-value ${valueClasses} ${valueExtClasses}'>${valuePrefix}${val >= 1000 && isValueDivided ? `${val / 1000}k` : val}${valuePostfix}${labelDivider}</span>`;
seriesGroups += `<div class="apexcharts-tooltip-series-group ${seriesClasses} flex! order-${i + 1} ${seriesExtClasses}'>
<span class="flex items-center">
<span class="apexcharts-tooltip-marker ${markerClasses} ${markerExtClasses}' style="background: ${colors[i]}'></span>
<div class="apexcharts-tooltip-text">
<div class="apexcharts-tooltip-y-group t067g">
${valueMarkup}
</div>
</div>
</span>
${hasTextLabel ? labelMarkup : ''}
</div>`
});
return `<div class="${mode === 'dark' ? 'dark ' : ''}${wrapperClasses} ${wrapperExtClasses}'>
<div class="apexcharts-tooltip-title ${titleClasses} ${titleExtClasses}'>
<span>${title}</span>
<span class="flex items-center pgjbi ${!isDifferenceIsNull ? (isGrowing ? 'f411b' : 'vrq52') : ''} zocwd">
${!isDifferenceIsNull ? icon : ''}
<span class="inline-block t5ziw">
${difference.toFixed(1)}%
</span>
</span>
</div>
${seriesGroups}
</div>`;
}
function buildTooltipCompareTwoAlt(props, options) {
const { dataPointIndex } = props;
const { categories } = props.ctx.opts.xaxis;
const { colors } = props.ctx.opts;
const series = props.ctx.opts.series;
const {
title,
mode,
valuePrefix = '$',
isValueDivided = true,
valuePostfix = '',
hasCategory = true,
hasTextLabel = false,
labelDivider = '',
wrapperClasses = 'u7zz8 ej64t oo8ro wfm4e d77gl bp13m ps5iq ttai3 dark:bg-neutral-800 dark:border-neutral-700',
wrapperExtClasses = '',
seriesClasses = 'fdh2j i65bn cm336',
seriesExtClasses = '',
titleClasses = 'flex uip67 y2wul d2ov9 hft9r n4eug bp13m l96n9 dark:bg-neutral-800! dark:border-neutral-700! dark:text-neutral-200',
titleExtClasses = '',
markerClasses = 'e86k1 o03ob dwlzo',
markerExtClasses = 'bw8uh',
valueClasses = 'oo3sc t6rrs ms-auto! dark:text-neutral-400',
valueExtClasses = '',
labelClasses = 't6rrs dark:text-neutral-400 zocwd',
labelExtClasses = ''
} = options;
let seriesGroups = '';
const s0 = series[0].data[dataPointIndex];
const s1 = series[1].data[dataPointIndex];
const category = categories[dataPointIndex].split(' ');
const newCategory = hasCategory ? `${category[0]}${category[1] ? ' ' : ''}${category[1] ? category[1].slice(0, 3) : ''}` : '';
const isGrowing = s0 > s1;
const isDifferenceIsNull = s0 / s1 === 1;
const difference = isDifferenceIsNull ? 0 : (s0 / s1) * 100;
const icon = isGrowing
? `<svg class="inline-block ibvs1 s1drr" xmlns="http://www.w3.org/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="22 7 13.5 15.5 8.5 10.5 2 17"/><polyline points="16 7 22 7 22 13"/></svg>`
: `<svg class="inline-block ibvs1 s1drr" xmlns="http://www.w3.org/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="22 17 13.5 8.5 8.5 13.5 2 7" /><polyline points="16 17 22 17 22 11" /></svg>`;
series.forEach((single, i) => {
const val = props.series[i][dataPointIndex] || (typeof series[i].data[dataPointIndex] !== 'object' ? series[i].data[dataPointIndex] : props.series[i][dataPointIndex]);
const label = series[i].name;
const labelMarkup = `<span class="apexcharts-tooltip-text-y-label ${labelClasses} ${labelExtClasses}'>${valuePrefix}${val >= 1000 && isValueDivided ? `${val / 1000}k` : val}${valuePostfix}</span>`;
seriesGroups += `<div class="apexcharts-tooltip-series-group flex! ${seriesClasses} order-${i + 1} ${seriesExtClasses}'>
<span class="flex items-center">
<span class="apexcharts-tooltip-marker ${markerClasses} ${markerExtClasses}' style="background: ${colors[i]}'></span>
<div class="apexcharts-tooltip-text cm336">
<div class="apexcharts-tooltip-y-group t067g">
<span class="apexcharts-tooltip-text-y-value ${valueClasses} ${valueExtClasses}'>${newCategory} ${label || ''}${labelDivider}</span>
</div>
</div>
</span>
${hasTextLabel ? labelMarkup : ''}
</div>`
});
return `<div class="${mode === 'dark' ? 'dark ' : ''}${wrapperClasses} ${wrapperExtClasses}'>
<div class="apexcharts-tooltip-title ${titleClasses} ${titleExtClasses}'>
<span>${title}</span>
<span class="flex items-center pgjbi ${!isDifferenceIsNull ? (isGrowing ? 'f411b' : 'vrq52') : ''} zocwd">
${!isDifferenceIsNull ? icon : ''}
<span class="inline-block t5ziw">
${difference.toFixed(1)}%
</span>
</span>
</div>
${seriesGroups}
</div>`;
}
function buildTooltipForDonut({ series, seriesIndex, w }, textColor) {
const { globals } = w;
const { colors } = globals;
return `<div class="apexcharts-tooltip-series-group" style="background-color: ${colors[seriesIndex]}; display: block;">
<div class="apexcharts-tooltip-text" style="font-family: Helvetica, Arial, sans-serif; font-size: 12px;">
<div class="apexcharts-tooltip-y-group" style="color: ${textColor[seriesIndex]}'>
<span class="apexcharts-tooltip-text-y-label">${globals.labels[seriesIndex]}: </span>
<span class="apexcharts-tooltip-text-y-value">${series[seriesIndex]}</span>
</div>
</div>
</div>`;
}
function buildChart(id, shared, light, dark) {
const $chart = document.querySelector(id);
let chart = null;
if (!$chart) return false;
const tabpanel = $chart.closest('[role="tabpanel"]');
let modeFromBodyClass = null;
Array.from(document.querySelector('html').classList).forEach((cl) => {
if (['dark', 'light', 'default'].includes(cl)) modeFromBodyClass = cl;
});
const optionsFn = (mode = modeFromBodyClass || localStorage.getItem('hs_theme')) => _.merge(shared(mode), mode === 'dark' ? dark : light);
if ($chart) {
chart = new ApexCharts($chart, optionsFn());
chart.render();
window.addEventListener('on-hs-appearance-change', (evt) => chart.updateOptions(optionsFn(evt.detail)));
if (tabpanel) tabpanel.addEventListener('on-hs-appearance-change', (evt) => chart.updateOptions(optionsFn(evt.detail)));
}
return chart;
}
</script>
<!-- JS INITIALIZATIONS -->
<script>
window.addEventListener('load', () => {
// Apex Line Chart
(function () {
buildChart('#hs-sales-line-chart', (mode) => ({
chart: {
height: 400,
type: 'area',
toolbar: {
show: false
},
zoom: {
enabled: false
}
},
series: [
{
name: '2022',
data: [18000, 51000, 60000, 38000, 88000, 50000, 40000, 52000, 88000, 80000, 60000, 70000]
},
{
name: '2023',
data: [27000, 38000, 60000, 77000, 40000, 50000, 49000, 29000, 42000, 27000, 42000, 50000]
}
],
legend: {
show: false
},
dataLabels: {
enabled: false
},
stroke: {
curve: 'straight',
width: 2
},
fill: {
type: 'gradient',
gradient: {
type: 'vertical',
shadeIntensity: 1,
opacityFrom: 0.2,
opacityTo: 0.8
}
},
xaxis: {
type: 'category',
tickPlacement: 'rjx3z',
categories: [
'25 January 2023',
'28 January 2023',
'31 January 2023',
'1 February 2023',
'3 February 2023',
'6 February 2023',
'9 February 2023',
'12 February 2023',
'15 February 2023',
'18 February 2023',
'21 February 2023',
'25 February 2023'
],
axisBorder: {
show: false
},
axisTicks: {
show: false
},
crosshairs: {
stroke: {
dashArray: 0
},
dropShadow: {
show: false
}
},
tooltip: {
enabled: false
},
labels: {
style: {
colors: '#9ca3af',
fontSize: '13px',
fontFamily: 'Inter, ui-sans-serif',
fontWeight: 400
},
formatter: (title) => {
let t = title;
if (t) {
const newT = t.split(' ');
t = `${newT[0]} ${newT[1].slice(0, 3)}`;
}
return t;
}
}
},
yaxis: {
labels: {
align: 'left',
minWidth: 0,
maxWidth: 140,
style: {
colors: '#9ca3af',
fontSize: '12px',
fontFamily: 'Inter, ui-sans-serif',
fontWeight: 400
},
formatter: (value) => value >= 1000 ? `${value / 1000}k` : value
}
},
tooltip: {
x: {
format: 'MMMM yyyy'
},
y: {
formatter: (value) => `$${value >= 1000 ? `${value / 1000}k` : value}`
},
custom: function (props) {
return buildTooltipCompareTwo(props, {
title: 'Revenue',
mode,
hasTextLabel: true,
wrapperExtClasses: 'infnx',
});
}
},
responsive: [{
breakpoint: 568,
options: {
chart: {
height: 300
},
labels: {
style: {
colors: '#9ca3af',
fontSize: '11px',
fontFamily: 'Inter, ui-sans-serif',
fontWeight: 400
},
offsetX: -2,
formatter: (title) => title.slice(0, 3)
},
yaxis: {
labels: {
align: 'left',
minWidth: 0,
maxWidth: 140,
style: {
colors: '#9ca3af',
fontSize: '11px',
fontFamily: 'Inter, ui-sans-serif',
fontWeight: 400
},
formatter: (value) => value >= 1000 ? `${value / 1000}k` : value
}
},
},
}]
}), {
colors: ['#2563eb', '#9333ea'],
fill: {
gradient: {
shadeIntensity: .1,
opacityFrom: .5,
opacityTo: 0,
stops: [50, 100, 100, 100]
}
},
xaxis: {
labels: {
style: {
colors: '#9ca3af'
}
}
},
yaxis: {
labels: {
style: {
colors: '#9ca3af'
}
}
},
grid: {
strokeDashArray: 2,
borderColor: '#e5e7eb'
}
}, {
colors: ['#3b82f6', '#a855f7'],
fill: {
gradient: {
shadeIntensity: .1,
opacityFrom: .5,
opacityTo: 0,
stops: [50, 100, 100, 100]
}
},
xaxis: {
labels: {
style: {
colors: '#a3a3a3',
}
}
},
yaxis: {
labels: {
style: {
colors: '#a3a3a3'
}
}
},
grid: {
strokeDashArray: 2,
borderColor: '#404040'
}
});
})();
});
</script>
<script>
window.addEventListener("load", () => {
// Apex Lines Chart
(function () {
buildChart(
"#hs-total-sales-lines-chart",
(mode) => ({
series: [
{
name: "Store sales",
data: [0, 27000, 5000, 27000, 40000, 30000, 48000],
},
{
name: "Online sales",
data: [19500, 10000, 1000, 17500, 6000, 20500, 24000],
},
{
name: "Others",
data: [12500, 7000, 4000, 8000, 10000, 12800, 8500],
},
],
chart: {
height: 100,
type: "line",
sparkline: {
enabled: true,
},
},
stroke: {
curve: "straight",
width: 2,
},
xaxis: {
type: "category",
categories: [
"25 January 2023",
"1 February 2023",
"5 February 2023",
"10 February 2023",
"15 February 2023",
"20 February 2023",
"25 February 2023",
],
crosshairs: {
show: false,
},
},
markers: {
hover: {
size: 0,
},
},
tooltip: {
custom: function (props) {
const { categories } = props.ctx.opts.xaxis;
const { dataPointIndex } = props;
const title = categories[dataPointIndex];
return buildTooltip(props, {
title: title,
mode,
hasTextLabel: true,
wrapperExtClasses: "infnx",
labelDivider: ":",
labelExtClasses: "zocwd",
});
},
},
}),
{
colors: ["#2563EB", "#9333ea", "#d1d5db"],
grid: {
borderColor: "#e5e7eb",
},
fill: {
type: "gradient",
gradient: {
gradientToColors: ["#fff", "#fff", "#fff"],
},
},
},
{
colors: ["#3b82f6", "#a855f7", "#737373"],
grid: {
borderColor: "#404040",
},
fill: {
type: "gradient",
gradient: {
gradientToColors: ["#262626", "#262626", "#262626"],
},
},
}
);
})();
});
</script>
<script>
window.addEventListener('load', () => {
const currentTheme = localStorage.getItem('hs_theme');
const map = L.map('hs-pro-chrm', {
center: [51.5074, 15],
zoom: 3,
zoomControl: false,
// Prevent n7x7i over the limit
maxBounds: [
[-90, -180],
[90, 180]
],
maxBoundsViscosity: 1.0
});
const maxRadius = 700000;
const circles = [];
const dataPoints = [
{ lat: 51.5, lng: -0.12, country: 'UK', city: 'London', short: 'gb', percentage: 50, current: { value: '8,408', percent: '5.4', isGrown: false }, previous: { value: '1,001', percent: '5.1', isGrown: true } },
{ lat: 48.8566, lng: 2.3522, country: 'France', city: 'Paris', short: 'fr', percentage: 55, current: { value: '5,101', percent: '42.2', isGrown: false }, previous: { value: '444', percent: '41.2', isGrown: false } },
{ lat: 52.52, lng: 13.405, country: 'Germany', city: 'Berlin', short: 'de', percentage: 30, current: { value: '7,000', percent: '25.5', isGrown: true }, previous: { value: '3,000', percent: '20.1', isGrown: true } },
{ lat: 41.9028, lng: 12.4964, country: 'Italy', city: 'Rome', short: 'it', percentage: 50, current: { value: '9,100', percent: '30.4', isGrown: false }, previous: { value: '7,500', percent: '25.2', isGrown: false } },
{ lat: 52.2297, lng: 21.0122, country: 'Poland', city: 'Warsaw', short: 'pl', percentage: 50, current: { value: '5,100', percent: '40.2', isGrown: true }, previous: { value: '4,000', percent: '35.1', isGrown: true } },
{ lat: 55.7558, lng: 37.6173, country: 'Russia', city: 'Moscow', short: 'ru', percentage: 50, current: { value: '15,500', percent: '25.3', isGrown: true }, previous: { value: '12,000', percent: '24.8', isGrown: true } },
{ lat: 41.2995, lng: 69.2401, country: 'Uzbekistan', city: 'Tashkent', short: 'uz', percentage: 50, current: { value: '15,500', percent: '25.3', isGrown: true }, previous: { value: '12,000', percent: '24.8', isGrown: true } },
{ lat: 31.7683, lng: 35.2137, country: 'Israel', city: 'Jerusalem', short: 'il', percentage: 50, current: { value: '9,000', percent: '15.0', isGrown: true }, previous: { value: '7,800', percent: '14.8', isGrown: true } },
{ lat: 30.0444, lng: 31.2357, country: 'Egypt', city: 'Cairo', short: 'eg', percentage: 40, current: { value: '4,500', percent: '7.8', isGrown: false }, previous: { value: '4,700', percent: '8.1', isGrown: false } },
{ lat: 35.6892, lng: 51.389, country: 'Iran', city: 'Tehran', short: 'ir', percentage: 50, current: { value: '13,000', percent: '21.5', isGrown: true }, previous: { value: '10,900', percent: '20.0', isGrown: true } },
{ lat: 9.082, lng: 8.6753, country: 'Nigeria', city: 'Abuja', short: 'ng', percentage: 50, current: { value: '11,500', percent: '18.2', isGrown: true }, previous: { value: '10,200', percent: '17.5', isGrown: true } },
{ lat: 28.6139, lng: 77.209, country: 'India', city: 'New Delhi', short: 'in', percentage: 30, current: { value: '22,000', percent: '35.6', isGrown: true }, previous: { value: '20,000', percent: '34.2', isGrown: true } },
{ lat: 23.685, lng: 90.3563, country: 'Bangladesh', city: 'Dhaka', short: 'bd', percentage: 50, current: { value: '8,500', percent: '13.7', isGrown: true }, previous: { value: '7,800', percent: '12.9', isGrown: true } },
{ lat: 15.870, lng: 100.992, country: 'Thailand', city: 'Bangkok', short: 'th', percentage: 30, current: { value: '7,200', percent: '11.6', isGrown: false }, previous: { value: '7,500', percent: '12.0', isGrown: false } },
{ lat: 14.0583, lng: 108.2772, country: 'Vietnam', city: 'Hanoi', short: 'vn', percentage: 50, current: { value: '6,800', percent: '11.2', isGrown: true }, previous: { value: '6,200', percent: '10.8', isGrown: true } },
{ lat: 4.2105, lng: 101.9758, country: 'Malaysia', city: 'Kuala Lumpur', short: 'my', percentage: 50, current: { value: '6,000', percent: '9.9', isGrown: true }, previous: { value: '5,500', percent: '9.1', isGrown: true } },
{ lat: 1.3521, lng: 103.8198, country: 'Singapore', city: 'Singapore', short: 'sg', percentage: 50, current: { value: '5,700', percent: '9.5', isGrown: false }, previous: { value: '6,000', percent: '9.8', isGrown: false } },
{ lat: -0.7893, lng: 113.9213, country: 'Indonesia', city: 'Jakarta', short: 'id', percentage: 70, current: { value: '25,000', percent: '40.0', isGrown: true }, previous: { value: '23,000', percent: '38.5', isGrown: true } },
{ lat: 35.6895, lng: 139.6917, country: 'Japan', city: 'Tokyo', short: 'jp', percentage: 50, current: { value: '20,000', percent: '32.0', isGrown: true }, previous: { value: '18,500', percent: '31.0', isGrown: true } },
{ lat: 40.7128, lng: -74.006, country: 'USA', city: 'New York', short: 'us', percentage: 60, current: { value: '15,000', percent: '25.0', isGrown: true }, previous: { value: '12,000', percent: '20.0', isGrown: true } },
{ lat: 34.0522, lng: -118.2437, country: 'USA', city: 'Los Angeles', short: 'us', percentage: 50, current: { value: '12,500', percent: '22.5', isGrown: true }, previous: { value: '10,000', percent: '20.0', isGrown: true } },
{ lat: 41.8781, lng: -87.6298, country: 'USA', city: 'Chicago', short: 'us', percentage: 45, current: { value: '10,000', percent: '18.0', isGrown: false }, previous: { value: '11,000', percent: '19.5', isGrown: false } },
{ lat: 29.7604, lng: -95.3698, country: 'USA', city: 'Houston', short: 'us', percentage: 40, current: { value: '8,000', percent: '14.5', isGrown: true }, previous: { value: '7,000', percent: '13.0', isGrown: true } },
{ lat: 33.749, lng: -84.388, country: 'USA', city: 'Atlanta', short: 'us', percentage: 35, current: { value: '7,500', percent: '13.0', isGrown: true }, previous: { value: '6,800', percent: '12.5', isGrown: true } }
];
const lightLayer = L.tileLayer('https://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}{r}.png', {
maxZoom: 19,
minZoom: 2,
attribution: '© <a href="https://carto.com/attributions">CARTO</a>'
});
const darkLayer = L.tileLayer('https://{s}.basemaps.cartocdn.com/dark_all/{z}/{x}/{y}{r}.png', {
maxZoom: 19,
minZoom: 2,
attribution: '© <a href="https://carto.com/attributions">CARTO</a>'
});
const setInitialTheme = (theme) => {
if (theme === 'dark') {
darkLayer.addTo(map);
} else {
lightLayer.addTo(map);
}
};
const changeTheme = (theme) => {
if (theme === 'default') {
map.removeLayer(darkLayer);
map.addLayer(lightLayer);
} else {
map.removeLayer(lightLayer);
map.addLayer(darkLayer);
}
};
setInitialTheme(currentTheme);
L.control.zoom({
position: 'topright'
}).addTo(map);
let currentHoveredCircle = null;
let isOnPopover = false;
dataPoints.forEach((point, index) => {
const baseMaxRadius = 700000;
const zoom = map.getZoom();
const baseZoom = 3;
const scalePerZoom = 2;
const scaleFactor = 1 / Math.pow(scalePerZoom, (zoom - baseZoom));
const initialRadius = (point.percentage / 100) * baseMaxRadius * scaleFactor;
const maxRadius = initialRadius * 0.25;
const animationDuration = 6000;
const delay = index * 800;
let startTime = null;
const circle = L.circle([point.lat, point.lng], {
fillColor: '#2563eb',
fillOpacity: 0.6,
radius: initialRadius,
color: null,
weight: 0
}).addTo(map);
const { city, country, short, current, previous } = point;
const growUp = `<svg class="ibvs1 yeich dark:text-emerald-400" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="22 7 13.5 15.5 8.5 10.5 2 17"/><polyline points="16 7 22 7 22 13"/></svg>`;
const growDown = `<svg class="ibvs1 bs6yk dark:text-red-400" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="22 17 13.5 8.5 8.5 13.5 2 7"/><polyline points="16 17 22 17 22 11"/></svg>`;
const popupContent = `<div class="oo8ro lile3 rrmkk ho2sl yyez4">
<div class="flex hypkf">
<div class="hxyan epucs">
<div class="ibvs1 oq0dt ivsea k9yim k5mfg" style="background-image: url('../../assets/vendor/svg-country-flags/svg/${short}.svg')"></div>
</div>
<span class="t5ziw vo20k">${city}, ${country}</span>
</div>
<div class="flex items-center space-x-1">
<span class="t5ziw t6rrs dark:text-neutral-500">Active:</span>
<span class="t5ziw ${current.isGrown ? 'yeich dark:text-emerald-400' : 'bs6yk dark:text-red-400'}'>${current.value}</span>
${current.isGrown ? growUp : growDown}
</div>
<div class="flex items-center space-x-1">
<span class="t5ziw t6rrs dark:text-neutral-500">New:</span>
<span class="t5ziw ${previous.isGrown ? 'yeich dark:text-emerald-400' : 'bs6yk dark:text-red-400'}'>${previous.value}</span>
${previous.isGrown ? growUp : growDown}
</div>
</div>`;
const animatePulse = (timestamp) => {
if (!startTime) startTime = timestamp;
const elapsed = (timestamp - startTime + delay) % animationDuration;
const progress = elapsed / animationDuration;
const easing = Math.sin(progress * Math.PI) * Math.sin(progress * Math.PI * 0.5);
const currentRadius = initialRadius + (maxRadius - initialRadius) * easing;
circle.setRadius(currentRadius);
requestAnimationFrame(animatePulse);
};
requestAnimationFrame(animatePulse);
circles.push({
circle,
data: point
});
circle.on('mouseover', function () {
circle.bindPopup(popupContent, { closeButton: false }).openPopup();
});
circle.on('mouseout', function () {
map.closePopup();
});
});
map.on('zoomend', () => {
const zoom = map.getZoom();
const baseZoom = 3;
const scalePerZoom = 1.5;
const scaleFactor = 1 / Math.pow(scalePerZoom, (zoom - baseZoom));
circles.forEach(({ circle, data }) => {
const newRadius = (data.percentage / 100) * maxRadius * scaleFactor;
circle.setRadius(newRadius);
});
});
window.addEventListener('on-hs-appearance-change', (evt) => changeTheme(evt.detail));
});
</script>
<body class="hs-overlay-body-open agawe dark:bg-neutral-900">
<!-- ========== HEADER ========== -->
<header class="bmwlf fixed ofq05 fszza flex flex-wrap bmmg2 md:flex-nowrap ucmtr">
<div class="wtyk2 hvsue l71l8 i65bn mx-auto o1ncb kzzmm lauwb oo8ro ic6aj d77gl dark:bg-neutral-800 dark:border-neutral-700">
<div class="flex uip67 lialp tuucy items-center">
<div class="lg:hidden">
<!-- Sidebar Toggle -->
<button type="button" class="aukwz inline-flex r00n9 items-center lialp t5ziw vo20k ps5iq wfm4e d77gl oo8ro bp13m hx4gm tdhmi focus:outline-hidden kf4z7 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" aria-haspopup="dialog" aria-expanded="false" aria-controls="hs-pro-chat-sidebar" aria-label="Toggle navigation" data-hs-overlay="#hs-pro-chat-sidebar">
<svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 8L21 12L17 16M3 12H13M3 6H13M3 18H13"/></svg>
</button>
<!-- End Sidebar Toggle -->
</div>
<div class="e3fpz">
<!-- Nav Tab -->
<nav class="manq4 inline-flex oo8ro wfm4e d77gl oq0dt dark:bg-neutral-800 dark:border-neutral-700" aria-label="Tabs" role="tablist" aria-orientation="horizontal">
<button type="button" class="hs-tab-active:bg-gray-100 hs-tab-active:focus:bg-gray-100 hs-tab-active:focus:text-gray-800 inline-flex r00n9 items-center lialp bp13m jlmh5 kzzmm cm336 oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden htc3g dark:hs-tab-active:bg-neutral-700 dark:focus:hs-tab-active:bg-neutral-700 dark:focus:hs-tab-active:text-neutral-200 dark:text-neutral-200 dark:focus:text-neutral-400 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden active" id="hs-pro-tabs-chr-item-activity" aria-selected="true" data-hs-tab="#hs-pro-tabs-chr-activity" aria-controls="hs-pro-tabs-chr-activity" role="tab" >
<svg class="hq6gx stqz8 sm:hidden" xmlns="http://www.w3.org/2000/svg" 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 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2"/></svg> <span class="hidden sm:block">Activity</span>
</button>
<button type="button" class="hs-tab-active:bg-gray-100 hs-tab-active:focus:bg-gray-100 hs-tab-active:focus:text-gray-800 inline-flex r00n9 items-center lialp bp13m jlmh5 kzzmm cm336 oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden htc3g dark:hs-tab-active:bg-neutral-700 dark:focus:hs-tab-active:bg-neutral-700 dark:focus:hs-tab-active:text-neutral-200 dark:text-neutral-200 dark:focus:text-neutral-400 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden " id="hs-pro-tabs-chr-item-mentions" aria-selected="false" data-hs-tab="#hs-pro-tabs-chr-mentions" aria-controls="hs-pro-tabs-chr-mentions" role="tab" >
<svg class="hq6gx stqz8 sm:hidden" xmlns="http://www.w3.org/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="4"/><path d="M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-4 8"/></svg> <span class="hidden sm:block">Mentions</span>
</button>
<button type="button" class="hs-tab-active:bg-gray-100 hs-tab-active:focus:bg-gray-100 hs-tab-active:focus:text-gray-800 inline-flex r00n9 items-center lialp bp13m jlmh5 kzzmm cm336 oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden htc3g dark:hs-tab-active:bg-neutral-700 dark:focus:hs-tab-active:bg-neutral-700 dark:focus:hs-tab-active:text-neutral-200 dark:text-neutral-200 dark:focus:text-neutral-400 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden " id="hs-pro-tabs-chr-item-assigned" aria-selected="false" data-hs-tab="#hs-pro-tabs-chr-assigned" aria-controls="hs-pro-tabs-chr-assigned" role="tab" >
<svg class="hq6gx stqz8 sm:hidden" xmlns="http://www.w3.org/2000/svg" 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"/><line x1="19" x2="19" y1="8" y2="14"/><line x1="22" x2="16" y1="11" y2="11"/></svg> <span class="hidden sm:block">Assigned</span>
</button>
</nav>
<!-- End Nav Tab -->
</div>
<!-- Calendar Dropdown -->
<div class="hs-dropdown [--placement:bottom-right] [--strategy:absolute] [--flip:false] [--auto-close:inside] relative inline-flex">
<button id="hs-pro-dachcd" type="button" class="n33uu inline-flex items-center vrcxw cm336 dslo6 ps5iq wfm4e qb17b oo8ro bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:bg-neutral-800 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
25 Jul, 2023 - 25 Aug, 2023
<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>
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 v4b5n e8yz0 transition-[opacity,margin] duration opacity-0 hidden mvewc ucmtr oo8ro lile3 rrmkk dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-dachcd">
<div class=" flex flex-col oo8ro wfm4e d77gl rkof5 lile3 overflow-hidden dark:bg-neutral-900 dark:border-neutral-700">
<!-- Calendar -->
<div class="sm:flex">
<!-- Calendar -->
<div class="yyez4 space-y-0.5">
<!-- Months -->
<div class="dmfqa mqtol items-center vmt4s mzxha nfrzv">
<!-- Prev Button -->
<div class="i63zv">
<button type="button" class="aukwz flex r00n9 items-center bp13m ksr3h oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-label="Previous">
<svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m15 18-6-6 6-6"/></svg>
</button>
</div>
<!-- End Prev Button -->
<!-- Month / Year -->
<div class="nvgw2 flex r00n9 items-center pgjbi">
<div class="relative">
<select data-hs-select='{
"placeholder": "Select month",
"toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>",
"toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative flex dslo6 i65bn cursor-pointer qgy40 vo20k bp13m ck8au focus:outline-hidden oahj8 before:absolute before:inset-0 before:z-1 dark:text-neutral-200 dark:hover:text-blue-500 dark:focus:text-blue-500",
"dropdownClasses": "ls9te ucmtr qzvcy yj8ha ju7it space-y-0.5 oo8ro wfm4e d77gl ps5iq rkof5 overflow-hidden overflow-y-auto n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900 dark:border-neutral-700",
"optionClasses": "n33uu i65bn t5ziw bp13m cursor-pointer ksr3h ps5iq focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex uip67 items-center i65bn \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"hq6gx stqz8 bp13m dark:text-neutral-200 \" xmlns=\"http:.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"/></svg></span></div>"
}' class="hidden">
<option value="0">January</option>
<option value="1">February</option>
<option value="2">March</option>
<option value="3">April</option>
<option value="4">May</option>
<option value="5">June</option>
<option value="6" selected>July</option>
<option value="7">August</option>
<option value="8">September</option>
<option value="9">October</option>
<option value="10">November</option>
<option value="11">December</option>
</select>
</div>
<span class="bp13m dark:text-neutral-200">/</span>
<div class="relative">
<select data-hs-select='{
"placeholder": "Select year",
"toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>",
"toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative flex dslo6 i65bn cursor-pointer qgy40 vo20k bp13m ck8au focus:outline-hidden oahj8 before:absolute before:inset-0 before:z-1 dark:text-neutral-200 dark:hover:text-blue-500 dark:focus:text-blue-500",
"dropdownClasses": "ls9te ucmtr vl7eg yj8ha ju7it space-y-0.5 oo8ro wfm4e d77gl ps5iq rkof5 overflow-hidden overflow-y-auto n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900 dark:border-neutral-700",
"optionClasses": "n33uu i65bn t5ziw bp13m cursor-pointer ksr3h ps5iq focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex uip67 items-center i65bn \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"hq6gx stqz8 bp13m dark:text-neutral-200 \" xmlns=\"http:.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"/></svg></span></div>"
}' class="hidden">
<option selected>2023</option>
<option>2024</option>
<option>2025</option>
<option>2026</option>
<option>2027</option>
</select>
</div>
</div>
<!-- End Month / Year -->
<!-- Next Button -->
<div class="i63zv flex c9j8j">
<button type="button" class="opacity-0 howv4 aukwz flex r00n9 items-center bp13m ksr3h oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-label="Next">
<svg class="hq6gx ibvs1" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg>
</button>
</div>
<!-- End Next Button -->
</div>
<!-- Months -->
<!-- Weeks -->
<div class="flex yh9al">
<span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500">
Mo
</span>
<span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500">
Tu
</span>
<span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500">
We
</span>
<span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500">
Th
</span>
<span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500">
Fr
</span>
<span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500">
Sa
</span>
<span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500">
Su
</span>
</div>
<!-- Weeks -->
<!-- Days -->
<div class="flex">
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500" disabled>
26
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500" disabled>
27
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500" disabled>
28
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500" disabled>
29
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500" disabled>
30
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
1
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
2
</button>
</div>
</div>
<!-- Days -->
<!-- Days -->
<div class="flex">
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
3
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
4
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
5
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
6
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
7
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
8
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
9
</button>
</div>
</div>
<!-- Days -->
<!-- Days -->
<div class="flex">
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
10
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
11
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
12
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
13
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
14
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
15
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
16
</button>
</div>
</div>
<!-- Days -->
<!-- Days -->
<div class="flex">
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
17
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
18
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
19
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
20
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
21
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
22
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
23
</button>
</div>
</div>
<!-- Days -->
<!-- Days -->
<div class="flex">
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
24
</button>
</div>
<div class="agawe yo949 dark:bg-neutral-800">
<button type="button" class="p6abj qil8e flex r00n9 items-center jqqot vd2fb qb17b t5ziw vo20k zr4l6 bp7p8 oq0dt dark:bg-blue-500 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:hover:border-neutral-700">
25
</button>
</div>
<div class="agawe fzl7g t1hgs dark:bg-neutral-800">
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
26
</button>
</div>
<div class="agawe fzl7g t1hgs dark:bg-neutral-800">
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
27
</button>
</div>
<div class="agawe fzl7g t1hgs dark:bg-neutral-800">
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
28
</button>
</div>
<div class="agawe fzl7g t1hgs dark:bg-neutral-800">
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
29
</button>
</div>
<div class="agawe fzl7g t1hgs dark:bg-neutral-800">
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
30
</button>
</div>
</div>
<!-- Days -->
<!-- Days -->
<div class="flex">
<div class="agawe fzl7g t1hgs dark:bg-neutral-800">
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
31
</button>
</div>
<div class="o3vbm gbc5c dark:from-neutral-800">
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
1
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
2
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
3
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
4
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
5
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
6
</button>
</div>
</div>
<!-- Days -->
</div>
<!-- Calendar -->
<div class="yyez4 space-y-0.5">
<!-- Months -->
<div class="dmfqa mqtol items-center vmt4s mzxha nfrzv">
<!-- Prev Button -->
<div class="i63zv">
<button type="button" class="opacity-0 howv4 aukwz flex r00n9 items-center bp13m ksr3h oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-label="Previous">
<svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m15 18-6-6 6-6"/></svg>
</button>
</div>
<!-- End Prev Button -->
<!-- Month / Year -->
<div class="nvgw2 flex r00n9 items-center pgjbi">
<div class="relative">
<select data-hs-select='{
"placeholder": "Select month",
"toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>",
"toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative flex dslo6 i65bn cursor-pointer qgy40 vo20k bp13m ck8au focus:outline-hidden oahj8 before:absolute before:inset-0 before:z-1 dark:text-neutral-200 dark:hover:text-blue-500 dark:focus:text-blue-500",
"dropdownClasses": "ls9te ucmtr qzvcy yj8ha ju7it space-y-0.5 oo8ro wfm4e d77gl ps5iq rkof5 overflow-hidden overflow-y-auto n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900 dark:border-neutral-700",
"optionClasses": "n33uu i65bn t5ziw bp13m cursor-pointer ksr3h ps5iq focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex uip67 items-center i65bn \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"hq6gx stqz8 bp13m dark:text-neutral-200 \" xmlns=\"http:.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"/></svg></span></div>"
}' class="hidden">
<option value="0">January</option>
<option value="1">February</option>
<option value="2">March</option>
<option value="3">April</option>
<option value="4">May</option>
<option value="5">June</option>
<option value="6" selected>July</option>
<option value="7">August</option>
<option value="8">September</option>
<option value="9">October</option>
<option value="10">November</option>
<option value="11">December</option>
</select>
</div>
<span class="bp13m dark:text-neutral-200">/</span>
<div class="relative">
<select data-hs-select='{
"placeholder": "Select year",
"toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>",
"toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative flex dslo6 i65bn cursor-pointer qgy40 vo20k bp13m ck8au focus:outline-hidden oahj8 before:absolute before:inset-0 before:z-1 dark:text-neutral-200 dark:hover:text-blue-500 dark:focus:text-blue-500",
"dropdownClasses": "ls9te ucmtr vl7eg yj8ha ju7it space-y-0.5 oo8ro wfm4e d77gl ps5iq rkof5 overflow-hidden overflow-y-auto n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900 dark:border-neutral-700",
"optionClasses": "n33uu i65bn t5ziw bp13m cursor-pointer ksr3h ps5iq focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex uip67 items-center i65bn \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"hq6gx stqz8 bp13m dark:text-neutral-200 \" xmlns=\"http:.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"/></svg></span></div>"
}' class="hidden">
<option selected>2023</option>
<option>2024</option>
<option>2025</option>
<option>2026</option>
<option>2027</option>
</select>
</div>
</div>
<!-- End Month / Year -->
<!-- Next Button -->
<div class="i63zv flex c9j8j">
<button type="button" class="aukwz flex r00n9 items-center bp13m ksr3h oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-label="Next">
<svg class="hq6gx ibvs1" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg>
</button>
</div>
<!-- End Next Button -->
</div>
<!-- Months -->
<!-- Weeks -->
<div class="flex yh9al">
<span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500">
Mo
</span>
<span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500">
Tu
</span>
<span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500">
We
</span>
<span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500">
Th
</span>
<span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500">
Fr
</span>
<span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500">
Sa
</span>
<span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500">
Su
</span>
</div>
<!-- Weeks -->
<!-- Days -->
<div class="flex">
<div class="ifwqi gbc5c dark:from-neutral-800">
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
31
</button>
</div>
<div class="agawe fzl7g t1hgs dark:bg-neutral-800">
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700">
1
</button>
</div>
<div class="agawe fzl7g t1hgs dark:bg-neutral-800">
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700">
2
</button>
</div>
<div class="agawe fzl7g t1hgs dark:bg-neutral-800">
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700">
3
</button>
</div>
<div class="agawe fzl7g t1hgs dark:bg-neutral-800">
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700">
4
</button>
</div>
<div class="agawe fzl7g t1hgs dark:bg-neutral-800">
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
5
</button>
</div>
<div class="agawe fzl7g t1hgs dark:bg-neutral-800">
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
6
</button>
</div>
</div>
<!-- Days -->
<!-- Days -->
<div class="flex">
<div class="agawe fzl7g t1hgs dark:bg-neutral-800">
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
7
</button>
</div>
<div class="agawe fzl7g t1hgs dark:bg-neutral-800">
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
8
</button>
</div>
<div class="agawe fzl7g t1hgs dark:bg-neutral-800">
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
9
</button>
</div>
<div class="agawe fzl7g t1hgs dark:bg-neutral-800">
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
10
</button>
</div>
<div class="agawe fzl7g t1hgs dark:bg-neutral-800">
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
11
</button>
</div>
<div class="agawe fzl7g t1hgs dark:bg-neutral-800">
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
12
</button>
</div>
<div class="agawe fzl7g t1hgs dark:bg-neutral-800">
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
13
</button>
</div>
</div>
<!-- Days -->
<!-- Days -->
<div class="flex">
<div class="agawe fzl7g t1hgs dark:bg-neutral-800">
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
14
</button>
</div>
<div class="agawe fzl7g t1hgs dark:bg-neutral-800">
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
15
</button>
</div>
<div class="agawe fzl7g t1hgs dark:bg-neutral-800">
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
16
</button>
</div>
<div class="agawe fzl7g t1hgs dark:bg-neutral-800">
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
17
</button>
</div>
<div class="agawe fzl7g t1hgs dark:bg-neutral-800">
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
18
</button>
</div>
<div class="agawe fzl7g t1hgs dark:bg-neutral-800">
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
19
</button>
</div>
<div class="agawe fzl7g t1hgs dark:bg-neutral-800">
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
20
</button>
</div>
</div>
<!-- Days -->
<!-- Days -->
<div class="flex">
<div class="agawe fzl7g t1hgs dark:bg-neutral-800">
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
21
</button>
</div>
<div class="agawe fzl7g t1hgs dark:bg-neutral-800">
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
22
</button>
</div>
<div class="agawe fzl7g t1hgs dark:bg-neutral-800">
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
23
</button>
</div>
<div class="agawe fzl7g t1hgs dark:bg-neutral-800">
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
24
</button>
</div>
<div class="agawe aeta7 dark:bg-neutral-800">
<button type="button" class="p6abj qil8e flex r00n9 items-center jqqot vd2fb qb17b t5ziw vo20k zr4l6 bp7p8 oq0dt dark:bg-blue-500 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:hover:border-neutral-700">
25
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
26
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
27
</button>
</div>
</div>
<!-- Days -->
<!-- Days -->
<div class="flex">
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
28
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
29
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
30
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
31
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
1
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
2
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
3
</button>
</div>
</div>
<!-- Days -->
<!-- Days -->
<div class="flex">
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
4
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
5
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
6
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
7
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
8
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
9
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
10
</button>
</div>
</div>
<!-- Days -->
</div>
</div>
<!-- End Calendar -->
<!-- Button Group -->
<div class="flex items-center mctd2 dkhxo c9j8j pyimf d77gl dark:border-neutral-700 lialp">
<button type="button" class="i7oig apc69 inline-flex items-center lialp cm336 vo20k ps5iq wfm4e d77gl oo8ro bp13m hx4gm tdhmi disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tme8y dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
Cancel
</button>
<button type="button" class="i7oig apc69 inline-flex r00n9 items-center lialp cm336 vo20k ps5iq vd2fb qb17b jqqot zr4l6 lmqf9 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden v1cco tyfry">
Apply
</button>
</div>
<!-- End Button Group -->
</div>
</div>
</div>
<!-- End Calendar Dropdown -->
</div>
</div>
</header>
<!-- ========== END HEADER ========== -->
<!-- ========== MAIN SIDEBAR ========== -->
<aside class="relative">
<div id="hs-pro-chat-sidebar" class="hs-overlay [--auto-close:lg] sm:w-auto ln9hr lg:block ykh3p lg:end-auto xskhj
[--auto-close-equality-type:less-than]
hs-overlay-open:translate-x-0
-translate-x-full g0ipl jahre lrm8y
lpgt1
hidden
fixed h5ske uv2uj rde91
rjuva
dark:bg-neutral-950" tabindex="-1" aria-labelledby="hs-pro-chat-sidebar-label">
<div class="qpmwn flex">
<div class="relative bo1ta zz68c flex flex-col qpmwn fmwcv rq5fj">
<header class="zz68c o1ncb flex r00n9">
<a class="flex-none umxjj oqlim inline-block y2wul focus:outline-hidden q6qta" href="../../pro/chat/index.html" aria-label="Preline">
<svg class="olxph h-auto" width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M18.0835 3.23358C9.88316 3.23358 3.23548 9.8771 3.23548 18.0723V35.5832H0.583496V18.0723C0.583496 8.41337 8.41851 0.583252 18.0835 0.583252C27.7485 0.583252 35.5835 8.41337 35.5835 18.0723C35.5835 27.7312 27.7485 35.5614 18.0835 35.5614H16.7357V32.911H18.0835C26.2838 32.911 32.9315 26.2675 32.9315 18.0723C32.9315 9.8771 26.2838 3.23358 18.0835 3.23358Z" class="y3r19 dark:fill-white" fill="currentColor"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M18.0833 8.62162C12.8852 8.62162 8.62666 12.9245 8.62666 18.2879V35.5833H5.97468V18.2879C5.97468 11.5105 11.3713 5.97129 18.0833 5.97129C24.7954 5.97129 30.192 11.5105 30.192 18.2879C30.192 25.0653 24.7954 30.6045 18.0833 30.6045H16.7355V27.9542H18.0833C23.2815 27.9542 27.54 23.6513 27.54 18.2879C27.54 12.9245 23.2815 8.62162 18.0833 8.62162Z" class="y3r19 dark:fill-white" fill="currentColor"/>
<path d="M24.8225 18.1012C24.8225 21.8208 21.8053 24.8361 18.0833 24.8361C14.3614 24.8361 11.3442 21.8208 11.3442 18.1012C11.3442 14.3815 14.3614 11.3662 18.0833 11.3662C21.8053 11.3662 24.8225 14.3815 24.8225 18.1012Z" class="y3r19 dark:fill-white" fill="currentColor"/>
</svg>
</a>
</header>
<!-- Content -->
<div class="zz68c qpmwn flex flex-col fkoia g69xo">
<!-- Nav -->
<ul class="lj7mp space-y-4">
<!-- Item -->
<li>
<a class="relative group flex flex-col r00n9 items-center ce0ho s2avd xq1jm dark:text-neutral-200 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden" href="../../pro/chat/index.html">
<span class="flex r00n9 items-center vmt4s si8if ps5iq group-hover:bg-gray-300 group-focus:bg-gray-300 dark:group-hover:bg-neutral-800 dark:group-focus:bg-neutral-800 f1zti">
<svg class="hq6gx ibvs1 group-hover:scale-110 mx-auto f1zti" xmlns="http://www.w3.org/2000/svg" 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 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg>
</span>
Inbox
<span class="flex absolute -top-1 cpkvx bo1ta">
<span class="relative si34l so7bb inline-flex r00n9 items-center b9e4b ggt5g zr4l6 oq0dt n0mud">
4
</span>
</span>
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li>
<a class="relative group flex flex-col r00n9 items-center ce0ho s2avd xq1jm dark:text-neutral-200 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden" href="../../pro/chat/tickets.html">
<span class="flex r00n9 items-center vmt4s si8if ps5iq group-hover:bg-gray-300 group-focus:bg-gray-300 dark:group-hover:bg-neutral-800 dark:group-focus:bg-neutral-800 f1zti">
<svg class="hq6gx ibvs1 group-hover:scale-110 mx-auto f1zti" xmlns="http://www.w3.org/2000/svg" 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 9a3 3 0 0 1 0 6v2a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-2a3 3 0 0 1 0-6V7a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2Z"/><path d="M13 5v2"/><path d="M13 17v2"/><path d="M13 11v2"/></svg>
</span>
Tickets
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li>
<a class="relative group flex flex-col r00n9 items-center ce0ho s2avd xq1jm dark:text-neutral-200 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden" href="../../pro/chat/visitors.html">
<span class="flex r00n9 items-center vmt4s si8if ps5iq group-hover:bg-gray-300 group-focus:bg-gray-300 dark:group-hover:bg-neutral-800 dark:group-focus:bg-neutral-800 f1zti">
<svg class="hq6gx ibvs1 group-hover:scale-110 mx-auto f1zti" xmlns="http://www.w3.org/2000/svg" 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.54 15H17a2 2 0 0 0-2 2v4.54"/><path d="M7 3.34V5a3 3 0 0 0 3 3v0a2 2 0 0 1 2 2v0c0 1.1.9 2 2 2v0a2 2 0 0 0 2-2v0c0-1.1.9-2 2-2h3.17"/><path d="M11 21.95V18a2 2 0 0 0-2-2v0a2 2 0 0 1-2-2v-1a2 2 0 0 0-2-2H2.05"/><circle cx="12" cy="12" r="10"/></svg>
</span>
Visitors
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li>
<a class="relative group flex flex-col r00n9 items-center ce0ho s2avd xq1jm dark:text-neutral-200 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden" href="../../pro/chat/activity.html">
<span class="flex r00n9 items-center vmt4s si8if ps5iq vh6bg dark:bg-neutral-800 f1zti">
<svg class="hq6gx ibvs1 group-hover:scale-110 mx-auto f1zti" xmlns="http://www.w3.org/2000/svg" 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 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2"/></svg>
</span>
Activity
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li>
<a class="relative group flex flex-col r00n9 items-center ce0ho s2avd xq1jm dark:text-neutral-200 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden" href="../../pro/chat/reports.html">
<span class="flex r00n9 items-center vmt4s si8if ps5iq group-hover:bg-gray-300 group-focus:bg-gray-300 dark:group-hover:bg-neutral-800 dark:group-focus:bg-neutral-800 f1zti">
<svg class="hq6gx ibvs1 group-hover:scale-110 mx-auto f1zti" xmlns="http://www.w3.org/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="18" x2="18" y1="20" y2="10"/><line x1="12" x2="12" y1="20" y2="4"/><line x1="6" x2="6" y1="20" y2="14"/></svg>
</span>
Reports
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li class="lg:hidden">
<a class="relative group flex flex-col r00n9 items-center ce0ho s2avd xq1jm dark:text-neutral-200 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden" href="../../pro/index.html">
<span class="flex r00n9 items-center vmt4s si8if ps5iq group-hover:bg-gray-300 group-focus:bg-gray-300 dark:group-hover:bg-neutral-800 dark:group-focus:bg-neutral-800">
<svg class="hq6gx ibvs1 group-hover:scale-110 mx-auto f1zti" xmlns="http://www.w3.org/2000/svg" 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 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z"/><path d="m3.3 7 8.7 5 8.7-5"/><path d="M12 22V12"/></svg>
</span>
Pro
<span class="absolute -top-0.5 z5b3o">
<span class="relative flex">
<span class="hoppa absolute inline-flex lpgt1 oq0dt null.notification.animation va9zg"></span>
<span class="relative inline-flex srid0 null.notification.bg oq0dt"></span>
<span class="ecbnn">Notification</span>
</span>
</span>
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li class="hidden lg:block">
</li>
<!-- End Item -->
<!-- Item -->
<li>
<!-- More Dropdown -->
<div class="hs-dropdown [--strategy:absolute] [--placement:bottom-right] [--auto-close:inside] relative inline-flex">
<button id="hs-pro-chmsnmd" type="button" class="relative group flex flex-col r00n9 items-center ce0ho s2avd xq1jm dark:text-neutral-200 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<span class="flex r00n9 items-center vmt4s si8if ps5iq group-hover:bg-gray-300 group-focus:bg-gray-300 dark:group-hover:bg-neutral-800 dark:group-focus:bg-neutral-800">
<svg class="hq6gx ibvs1 group-hover:scale-110 mx-auto f1zti" xmlns="http://www.w3.org/2000/svg" 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 7h-9"/><path d="M14 17H5"/><circle cx="17" cy="17" r="3"/><circle cx="7" cy="7" r="3"/></svg>
</span>
Settings
</button>
<!-- More Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 ho2sl transition-[opacity,margin] duration opacity-0 hidden bo1ta oo8ro lile3 rkof5 dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-chmsnmd">
<div class="ju7it space-y-0.5">
<!-- Item -->
<label for="hs-pro-chsnldin" class="jlmh5 apc69 group flex items-center vmt4s ps5iq cursor-pointer e9qjd bp13m ksr3h dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="checkbox" class="hidden" id="hs-pro-chsnldin" name="hs-pro-chsnld" checked>
<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 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg>
Inbox
<svg class="hq6gx stqz8 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 Item -->
<!-- Item -->
<label for="hs-pro-chsnldtc" class="jlmh5 apc69 group flex items-center vmt4s ps5iq cursor-pointer e9qjd bp13m ksr3h dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="checkbox" class="hidden" id="hs-pro-chsnldtc" name="hs-pro-chsnld" checked>
<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 9a3 3 0 0 1 0 6v2a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-2a3 3 0 0 1 0-6V7a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2Z"/><path d="M13 5v2"/><path d="M13 17v2"/><path d="M13 11v2"/></svg>
Ticket
<svg class="hq6gx stqz8 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 Item -->
<!-- Item -->
<label for="hs-pro-chsnldvs" class="jlmh5 apc69 group flex items-center vmt4s ps5iq cursor-pointer e9qjd bp13m ksr3h dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="checkbox" class="hidden" id="hs-pro-chsnldvs" name="hs-pro-chsnld" checked>
<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.54 15H17a2 2 0 0 0-2 2v4.54"/><path d="M7 3.34V5a3 3 0 0 0 3 3v0a2 2 0 0 1 2 2v0c0 1.1.9 2 2 2v0a2 2 0 0 0 2-2v0c0-1.1.9-2 2-2h3.17"/><path d="M11 21.95V18a2 2 0 0 0-2-2v0a2 2 0 0 1-2-2v-1a2 2 0 0 0-2-2H2.05"/><circle cx="12" cy="12" r="10"/></svg>
Visitors
<svg class="hq6gx stqz8 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 Item -->
<!-- Item -->
<label for="hs-pro-chsnldct" class="jlmh5 apc69 group flex items-center vmt4s ps5iq cursor-pointer e9qjd bp13m ksr3h dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="checkbox" class="hidden" id="hs-pro-chsnldct" name="hs-pro-chsnld">
<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>
Contacts
<svg class="hq6gx stqz8 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 Item -->
<!-- Item -->
<label for="hs-pro-chsnldac" class="jlmh5 apc69 group flex items-center vmt4s ps5iq cursor-pointer e9qjd bp13m ksr3h dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="checkbox" class="hidden" id="hs-pro-chsnldac" name="hs-pro-chsnld" checked>
<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>
Activity
<svg class="hq6gx stqz8 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 Item -->
<!-- Item -->
<label for="hs-pro-chsnldpl" class="jlmh5 apc69 group flex items-center vmt4s ps5iq cursor-pointer e9qjd bp13m ksr3h dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="checkbox" class="hidden" id="hs-pro-chsnldpl" name="hs-pro-chsnld">
<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"><rect width="7" height="7" x="14" y="3" rx="1"/><path d="M10 21V8a1 1 0 0 0-1-1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-5a1 1 0 0 0-1-1H3"/></svg>
Plugins
<svg class="hq6gx stqz8 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 Item -->
<!-- Item -->
<label for="hs-pro-chsnldrp" class="jlmh5 apc69 group flex items-center vmt4s ps5iq cursor-pointer e9qjd bp13m ksr3h dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="checkbox" class="hidden" id="hs-pro-chsnldrp" name="hs-pro-chsnld" checked>
<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="18" x2="18" y1="20" y2="10"/><line x1="12" x2="12" y1="20" y2="4"/><line x1="6" x2="6" y1="20" y2="14"/></svg>
Reports
<svg class="hq6gx stqz8 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 Item -->
<!-- Item -->
<label for="hs-pro-chsnldar" class="jlmh5 apc69 group flex items-center vmt4s ps5iq cursor-pointer e9qjd bp13m ksr3h dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="checkbox" class="hidden" id="hs-pro-chsnldar" name="hs-pro-chsnld">
<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 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z"/><path d="M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z"/></svg>
Articles
<svg class="hq6gx stqz8 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 Item -->
</div>
</div>
<!-- End More Dropdown -->
</div>
<!-- End More Dropdown -->
</li>
<!-- End Item -->
</ul>
<!-- End Nav -->
</div>
<!-- End Content -->
<!-- Footer -->
<footer class="zz68c space-y-3 yki1g">
<div class="hidden lg:block">
<!-- Project Dropdown -->
<div class="inline-flex r00n9 i65bn">
<div class="hs-dropdown relative [--strategy:absolute] [--placement:bottom-left] inline-flex">
<!-- Project Button -->
<button id="hs-pro-dnwpd" type="button" class="flex r00n9 items-center vmt4s aukwz mx- ps5iq wcxzs y4dru dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<img class="hq6gx aukwz umxjj exlm9" src="../../assets/img/logo/hs.png" alt="Logo">
<span class="ecbnn">Htmlstream</span>
</button>
<!-- End Project Button -->
<!-- Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 ravym transition-[opacity,margin] duration opacity-0 hidden a799i oo8ro lile3 rrmkk dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-dnwpd">
<div class="ju7it">
<span class="block fkoia riw3u g4kd8 cm336 t6rrs dark:text-neutral-500">
Workspaces (2)
</span>
<!-- Item -->
<label for="hs-pro-dplid1" class="d0kec rfnst group flex cufvb items-center vmt4s ps5iq 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-dplid1" name="hs-pro-dplnm" checked>
<svg class="hq6gx ibvs1 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>
<span class="e3fpz">
<span class="block t5ziw vo20k bp13m dark:text-neutral-200">
Htmlstream
</span>
<span class="block cm336 t6rrs dark:text-neutral-500">
htmlstream.preline.so
</span>
</span>
<img class="hq6gx ezw10 umxjj exlm9" src="../../assets/img/logo/hs.png" alt="Logo">
</label>
<!-- End Item -->
<!-- Item -->
<label for="hs-pro-dplid2" class="d0kec rfnst group flex cufvb items-center vmt4s ps5iq 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-dplid2" name="hs-pro-dplnm">
<svg class="hq6gx ibvs1 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>
<span class="e3fpz">
<span class="block t5ziw vo20k bp13m dark:text-neutral-200">
Bloomark
</span>
<span class="block cm336 t6rrs dark:text-neutral-500">
bloomark.preline.com
</span>
</span>
<img class="hq6gx ezw10 umxjj exlm9" src="../../assets/img/logo/logo-short.png" alt="Logo">
</label>
<!-- End Item -->
<button type="button" class="group i65bn flex items-center vmt4s i7oig rfnst 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 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="M8 12h8"/><path d="M12 8v8"/></svg>
Add a workspace
</button>
</div>
<div class="ju7it pyimf d77gl dark:border-neutral-800">
<span class="block fkoia riw3u g4kd8 cm336 t6rrs dark:text-neutral-500">
Download mobile app rjx3z
</span>
<a class="flex items-center vmt4s jlmh5 rfnst i65bn 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" href="#">
<svg class="hq6gx ibvs1" width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M25.536 0H6.464C2.892 0 0 2.892 0 6.464V25.54C0 29.108 2.892 32 6.464 32H25.54C29.108 32 32.004 29.108 32.004 25.536V6.464C32 2.892 29.108 0 25.536 0Z" fill="url(#paint0_linear_4403_2024)"/>
<path d="M15.864 7.352L16.512 6.232C16.912 5.532 17.804 5.296 18.504 5.696C19.204 6.096 19.44 6.988 19.04 7.688L12.796 18.496H17.312C18.776 18.496 19.596 20.216 18.96 21.408H5.72C4.912 21.408 4.264 20.76 4.264 19.952C4.264 19.144 4.912 18.496 5.72 18.496H9.432L14.184 10.26L12.7 7.684C12.3 6.984 12.536 6.1 13.236 5.692C13.936 5.292 14.82 5.528 15.228 6.228L15.864 7.352ZM10.248 22.908L8.848 25.336C8.448 26.036 7.556 26.272 6.856 25.872C6.156 25.472 5.92 24.58 6.32 23.88L7.36 22.08C8.536 21.716 9.492 21.996 10.248 22.908ZM22.304 18.504H26.092C26.9 18.504 27.548 19.152 27.548 19.96C27.548 20.768 26.9 21.416 26.092 21.416H23.988L25.408 23.88C25.808 24.58 25.572 25.464 24.872 25.872C24.172 26.272 23.288 26.036 22.88 25.336C20.488 21.188 18.692 18.084 17.5 16.016C16.28 13.912 17.152 11.8 18.012 11.084C18.968 12.724 20.396 15.2 22.304 18.504Z" fill="white"/>
<defs>
<linearGradient id="paint0_linear_4403_2024" x1="16.002" y1="0" x2="16.002" y2="32" gradientUnits="userSpaceOnUse">
<stop stop-color="#18BFFB"/>
<stop offset="1" stop-color="#2072F3"/>
</linearGradient>
</defs>
</svg>
App Store
<svg class="hq6gx stqz8 ms-auto x06xl" xmlns="http://www.w3.org/2000/svg" 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 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h6"/><path d="m21 3-9 9"/><path d="M15 3h6v6"/></svg>
</a>
<a class="flex items-center vmt4s jlmh5 rfnst i65bn 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" href="#">
<svg class="hq6gx ibvs1" width="32" height="37" viewBox="0 0 32 37" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.5159 11.1765L1.20745 0.140891C0.964824 1.05128e-05 0.659583 0.00783721 0.424782 0.148718C0.182154 0.289598 0.0334473 0.540052 0.0334473 0.821813C0.0334473 0.821813 0.041274 1.83928 0.0491007 3.5142L14.1137 17.5788L20.5159 11.1765Z" fill="url(#paint0_linear_4406_2034)"/>
<path d="M0.0491007 3.5142C0.0725807 9.5564 0.143021 24.2236 0.174328 31.5259L14.1215 17.5788L0.0491007 3.5142Z" fill="url(#paint1_linear_4406_2034)"/>
<path d="M31.5672 17.4927L20.5159 11.1765L14.1058 17.5788L21.3377 24.8106L31.575 18.8467C31.8177 18.7058 31.9664 18.4475 31.9664 18.1736C31.9664 17.8918 31.8098 17.6336 31.5672 17.4927Z" fill="url(#paint2_linear_4406_2034)"/>
<path d="M0.166501 31.5259C0.182154 34.1322 0.189981 35.7993 0.189981 35.7993C0.189981 36.0811 0.338688 36.3394 0.581316 36.4724C0.823943 36.6133 1.12136 36.6133 1.36399 36.4724L21.3455 24.8185L14.1137 17.5866L0.166501 31.5259Z" fill="url(#paint3_linear_4406_2034)"/>
<defs>
<linearGradient id="paint0_linear_4406_2034" x1="0.0334473" y1="18.3158" x2="31.972" y2="18.3158" gradientUnits="userSpaceOnUse">
<stop stop-color="#63BE6B"/>
<stop offset="0.506" stop-color="#5BBC6A"/>
<stop offset="1" stop-color="#4AB96A"/>
</linearGradient>
<linearGradient id="paint1_linear_4406_2034" x1="0.0249224" y1="18.313" x2="31.9479" y2="18.313" gradientUnits="userSpaceOnUse">
<stop stop-color="#3EC6F2"/>
<stop offset="1" stop-color="#45AFE3"/>
</linearGradient>
<linearGradient id="paint2_linear_4406_2034" x1="0.0468809" y1="18.322" x2="31.963" y2="18.322" gradientUnits="userSpaceOnUse">
<stop stop-color="#FAA51A"/>
<stop offset="0.387" stop-color="#FAB716"/>
<stop offset="0.741" stop-color="#FAC412"/>
<stop offset="1" stop-color="#FAC80F"/>
</linearGradient>
<linearGradient id="paint3_linear_4406_2034" x1="0.169948" y1="27.082" x2="21.3452" y2="27.082" gradientUnits="userSpaceOnUse">
<stop stop-color="#EC3B50"/>
<stop offset="1" stop-color="#E7515B"/>
</linearGradient>
</defs>
</svg>
Google Play
<svg class="hq6gx stqz8 ms-auto x06xl" xmlns="http://www.w3.org/2000/svg" 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 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h6"/><path d="m21 3-9 9"/><path d="M15 3h6v6"/></svg>
</a>
</div>
<div class="ju7it pyimf d77gl dark:border-neutral-800">
<a class="flex items-center vmt4s jlmh5 rfnst 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" href="#">
Invite people to Htmlstream
</a>
<a class="flex items-center vmt4s jlmh5 rfnst 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" href="#">
Preferences
</a>
<a class="flex items-center vmt4s jlmh5 rfnst 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" href="#">
Manage workspace
</a>
</div>
<div class="ju7it pyimf d77gl dark:border-neutral-800">
<button type="button" class="i65bn flex items-center vmt4s i7oig rfnst ps5iq t5ziw bp13m ksr3h disabled:opacity-50 focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
Sign out
<span class="ms-auto cm336 t6rrs dark:text-neutral-500">
notion.preline.so
</span>
</button>
</div>
</div>
<!-- End Dropdown -->
</div>
</div>
<!-- End Project Dropdown -->
</div>
<!-- Account Dropdown -->
<div class="inline-flex r00n9 i65bn">
<div class="hs-dropdown relative [--strategy:absolute] [--auto-close:inside] [--placement:bottom-right] inline-flex">
<button id="hs-pro-chmsad" type="button" class="flex r00n9 items-center vmt4s aukwz qgy40 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<img class="hq6gx 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 -end-0 block srid0 oq0dt t2pcc v7cgj mc62i dark:ring-neutral-800"></span>
</button>
<!-- Account Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 rmc90 transition-[opacity,margin] duration opacity-0 hidden a799i oo8ro lile3 rrmkk dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-chmsad">
<div class="ju7it">
<a class="flex items-center vmt4s jlmh5 rfnst 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" href="#">
<svg class="hq6gx hxyan 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"><rect width="20" height="14" x="2" y="5" rx="2"/><line x1="2" x2="22" y1="10" y2="10"/></svg>
Billing
</a>
<a class="flex items-center vmt4s jlmh5 rfnst 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" href="#">
<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="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>
Settings
</a>
<a class="flex items-center vmt4s jlmh5 rfnst 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" href="#">
<svg class="hq6gx hxyan 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="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg>
My account
</a>
</div>
<div class="jlmh5 o9qhu k2clc d77gl dark:border-neutral-800">
<!-- Switch/Toggle -->
<div class="flex flex-wrap uip67 items-center h1dxu">
<label for="hs-pro-chmsaddm" class="flex flex-1 cursor-pointer t5ziw bp13m dark:text-neutral-300">Dark mode</label>
<label for="hs-pro-chmsaddm" class="relative inline-block mid1e ljyfw cursor-pointer">
<input data-hs-theme-switch type="checkbox" id="hs-pro-chmsaddm" 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 wjm3v vtbde jhf88 peer-checked:translate-x-full dark:bg-neutral-400 dark:peer-checked:bg-white"></span>
</label>
</div>
<!-- End Switch/Toggle -->
</div>
<div class="ju7it">
<a class="flex items-center vmt4s jlmh5 rfnst 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" href="#">
Sign out
</a>
</div>
</div>
<!-- End Account Dropdown -->
</div>
</div>
<!-- End Account Dropdown -->
</footer>
<!-- End Footer -->
</div>
<!-- Tickets -->
<div class="mjoma lpgt1 truncate oo8ro yq7rt d77gl dark:bg-neutral-800 dark:border-neutral-700">
<div class="qpmwn flex flex-col">
<!-- Header -->
<div class="n33uu mdgiz flex uip67 items-center lialp">
<span id="hs-pro-chat-sidebar-label" class="block truncate y2wul bp13m dark:text-neutral-200">
Tickets
</span>
<div class="flex items-center">
<!-- Button -->
<button type="button" class="flex r00n9 items-center vmt4s aukwz 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" data-hs-overlay="#hs-pro-chhcp">
<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="M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"/><path d="M18.375 2.625a2.121 2.121 0 1 1 3 3L12 15l-4 1 1-4Z"/></svg>
<span class="ecbnn">Compose</span>
</button>
<!-- End Button -->
<!-- Button -->
<div class="lg:hidden relative flex items-center pgjbi yujsw zocwd before:absolute before:top-1/2 before:start-0 before:w-px before:h-4 before:bg-gray-200 before:-translate-y-1/2 dark:before:bg-neutral-700">
<button type="button" class="flex r00n9 items-center vmt4s aukwz 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" data-hs-overlay="#hs-pro-chat-sidebar">
<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>
<span class="ecbnn">Compose</span>
</button>
</div>
<!-- End Button -->
</div>
</div>
<!-- End Header -->
<!-- Search Input -->
<div class="n33uu p7rf8">
<div class="relative">
<input type="text" class="i7oig rfnst block i65bn agawe qb17b ps5iq psfwb fkkng tgrws ai5kb pbmvj j9afk oo46r tyfry disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-700/50 dark:hover:bg-neutral-800 dark:hover:border-neutral-700 dark:text-neutral-300 dark:placeholder:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 dark:focus:ring-neutral-600 dark:focus:border-neutral-600" placeholder="Search">
<div class="hidden absolute h5ske fug6q flex items-center howv4 a799i jjspw">
<button type="button" class="inline-flex hq6gx r00n9 items-center awhdl oq0dt t6rrs ck8au focus:outline-hidden oahj8 dark:text-neutral-500 dark:hover:text-blue-500 dark:focus:text-blue-500" aria-label="Close">
<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"><circle cx="12" cy="12" r="10"/><path d="m15 9-6 6"/><path d="m9 9 6 6"/></svg>
</button>
</div>
</div>
</div>
<!-- End Search Input -->
<div class="qpmwn flex flex-col overflow-y-auto n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700/50 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<!-- List -->
<div class="n33uu flex flex-col rde0s">
<a class="flex items-center djhx3 jlmh5 kzzmm e9qjd bp13m ps5iq ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-700/50 dark:text-neutral-200 dark:focus:bg-neutral-700/50" href="tickets.html">
<span class="ybw39">
<svg class="hq6gx stqz8 mx-auto" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="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>
<span class="truncate">All</span>
<span class="ms-auto">
<span class="cm336 x06xl">
199
</span>
</span>
</a>
<a class="flex items-center djhx3 jlmh5 kzzmm e9qjd bp13m ps5iq agawe focus:outline-hidden dark:bg-neutral-700/50 dark:text-neutral-300" href="activity.html">
<span class="ybw39">
<svg class="hq6gx stqz8 mx-auto" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2"/></svg>
</span>
<span class="truncate">My Activity</span>
<span class="ms-auto">
<span class="cm336 x06xl">
20
</span>
</span>
</a>
<a class="flex items-center djhx3 jlmh5 kzzmm e9qjd bp13m ps5iq ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-700/50 dark:text-neutral-200 dark:focus:bg-neutral-700/50" href="#">
<span class="ybw39">
<svg class="hq6gx stqz8 mx-auto" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="4"/><path d="M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-4 8"/></svg>
</span>
<span class="truncate">Mentions</span>
<span class="ms-auto">
<span class="cm336 x06xl">
8
</span>
</span>
</a>
<a class="flex items-center djhx3 jlmh5 kzzmm e9qjd bp13m ps5iq ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-700/50 dark:text-neutral-200 dark:focus:bg-neutral-700/50" href="#">
<span class="ybw39">
<svg class="hq6gx stqz8 mx-auto" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z"/><path d="m15 5 4 4"/></svg>
</span>
<span class="truncate">Created by you</span>
<span class="ms-auto">
<span class="cm336 x06xl">
14
</span>
</span>
</a>
<a class="flex items-center djhx3 jlmh5 kzzmm y2wul e9qjd bp13m ps5iq ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-700/50 dark:text-neutral-200 dark:focus:bg-neutral-700/50" href="#">
<span class="ybw39">
<svg class="hq6gx stqz8 mx-auto" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><line x1="19" x2="19" y1="8" y2="14"/><line x1="22" x2="16" y1="11" y2="11"/></svg>
</span>
<span class="truncate">Assigned</span>
<span class="ms-auto">
<span class="cm336">
62
</span>
</span>
</a>
<a class="flex items-center djhx3 jlmh5 kzzmm e9qjd bp13m ps5iq ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-700/50 dark:text-neutral-300 dark:focus:bg-neutral-700/50" href="#">
<span class="ybw39">
<svg class="hq6gx stqz8 mx-auto" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="10" cy="7" r="4"/><path d="M10.3 15H7a4 4 0 0 0-4 4v2"/><circle cx="17" cy="17" r="3"/><path d="m21 21-1.9-1.9"/></svg>
</span>
<span class="truncate">Unassigned</span>
<span class="ms-auto">
<span class="cm336 x06xl">
28
</span>
</span>
</a>
<!-- List -->
<div class="hs-accordion" id="show-more-accordion">
<button type="button" class="hs-accordion-toggle flex hq6gx r00n9 items-center vmt4s jlmh5 apc69 cm336 t6rrs ps5iq ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-700 dark:text-neutral-500 dark:focus:bg-neutral-700" aria-expanded="true" aria-controls="show-more-accordion-sub">
<svg class="hs-accordion-force-active hs-accordion-active:rotate-90 hq6gx stqz8 f1zti" xmlns="http://www.w3.org/2000/svg" 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>
Show more
</button>
<!-- Accordion -->
<div id="show-more-accordion-sub" class="hs-accordion-content i65bn overflow-hidden transition-[height] jahre hidden" role="region" aria-labelledby="show-more-accordion">
<!-- List -->
<div class="hs-accordion-group hxyan space-y-0.5" data-hs-accordion-always-open>
<a class="flex items-center djhx3 jlmh5 kzzmm e9qjd bp13m ps5iq ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-700/50 dark:text-neutral-300 dark:focus:bg-neutral-700/50" href="#">
<span class="ybw39">
<svg class="hq6gx stqz8 mx-auto" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="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>
<span class="truncate">Trash</span>
</a>
<a class="flex items-center djhx3 jlmh5 kzzmm y2wul e9qjd bp13m ps5iq ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-700/50 dark:text-neutral-200 dark:focus:bg-neutral-700/50" href="#">
<span class="ybw39">
<svg class="hq6gx stqz8 mx-auto" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3"/><path d="M12 9v4"/><path d="M12 17h.01"/></svg>
</span>
<span class="truncate">Spam</span>
<span class="ms-auto">
<span class="cm336">
3
</span>
</span>
</a>
</div>
<!-- End List -->
</div>
<!-- End Accordion -->
</div>
<!-- End List -->
</div>
<!-- End List -->
<!-- List -->
<div class="hs-accordion n33uu group active" id="teams-accordion">
<!-- Heading -->
<div class="flex items-center lialp jrfm7">
<button type="button" class="hs-accordion-toggle flex hq6gx r00n9 items-center awhdl t6rrs ps5iq ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-700 dark:text-neutral-500 dark:focus:bg-neutral-700" aria-expanded="true" aria-controls="teams-accordion-sub">
<svg class="hs-accordion-force-active hs-accordion-active:rotate-90 hq6gx stqz8 f1zti" xmlns="http://www.w3.org/2000/svg" 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>
<span class="ecbnn">Toggle Button</span>
</button>
<span class="truncate cm336 t6rrs dark:text-neutral-500">Teams</span>
<div class="hs-tooltip [--placement:left] inline-block ms-auto group-hover:opacity-100 opacity-0">
<button type="button" class="flex hq6gx r00n9 items-center awhdl t6rrs ps5iq ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-700 dark:text-neutral-500 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="M5 12h14"/><path d="M12 5v14"/></svg>
<span class="ecbnn">Create</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 dark:bg-neutral-700" role="tooltip">
Create new teams
</span>
</div>
</div>
<!-- End Heading -->
<!-- Accordion -->
<div id="teams-accordion-sub" class="hs-accordion-content i65bn overflow-hidden transition-[height] jahre" role="region" aria-labelledby="teams-accordion">
<!-- List -->
<div class="hs-accordion-group hxyan space-y-0.5" data-hs-accordion-always-open>
<a class="flex items-center djhx3 jlmh5 kzzmm e9qjd bp13m ps5iq ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-700/50 dark:text-neutral-300 dark:focus:bg-neutral-700/50" href="#">
<span class="ybw39">
<svg class="hq6gx stqz8 mx-auto" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="4" x2="20" y1="9" y2="9"/><line x1="4" x2="20" y1="15" y2="15"/><line x1="10" x2="8" y1="3" y2="21"/><line x1="16" x2="14" y1="3" y2="21"/></svg>
</span>
<span class="truncate">General</span>
<span class="ms-auto">
<span class="cm336 x06xl">
70
</span>
</span>
</a>
<a class="flex items-center djhx3 jlmh5 kzzmm e9qjd bp13m ps5iq ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-700/50 dark:text-neutral-300 dark:focus:bg-neutral-700/50" href="#">
<span class="ybw39">
<svg class="hq6gx stqz8 mx-auto" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="11" x="3" y="11" rx="2" ry="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/></svg>
</span>
<span class="truncate">Devs</span>
<span class="ms-auto">
<span class="cm336 x06xl">
8
</span>
</span>
</a>
<a class="flex items-center djhx3 jlmh5 kzzmm y2wul e9qjd bp13m ps5iq ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-700/50 dark:text-neutral-300 dark:focus:bg-neutral-700/50" href="#">
<span class="ybw39">
<svg class="hq6gx stqz8 mx-auto" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="11" x="3" y="11" rx="2" ry="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/></svg>
</span>
<span class="truncate">Slack - Internal</span>
<span class="ms-auto">
<span class="cm336">
50
</span>
</span>
</a>
<button type="button" class="flex items-center djhx3 i65bn jlmh5 kzzmm cm336 t6rrs ps5iq ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-700/50 dark:text-neutral-500 dark:focus:bg-neutral-700/50">
<span class="flex r00n9 items-center ca09w rjuva t6rrs oq0dt dark:bg-neutral-500/10 dark:text-neutral-500">
<svg class="hq6gx stqz8 mx-auto" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>
</span>
<span class="truncate">Add team</span>
</button>
</div>
<!-- End List -->
</div>
<!-- End Accordion -->
</div>
<!-- End List -->
<!-- List -->
<div class="hs-accordion n33uu group active" id="teammates-accordion">
<!-- Heading -->
<div class="flex items-center lialp jrfm7">
<button type="button" class="hs-accordion-toggle flex hq6gx r00n9 items-center awhdl t6rrs ps5iq ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-700 dark:text-neutral-500 dark:focus:bg-neutral-700" aria-expanded="true" aria-controls="teammates-accordion-sub">
<svg class="hs-accordion-force-active hs-accordion-active:rotate-90 hq6gx stqz8 f1zti" xmlns="http://www.w3.org/2000/svg" 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>
<span class="ecbnn">Toggle Button</span>
</button>
<span class="truncate cm336 t6rrs dark:text-neutral-500">Teammates</span>
<div class="hs-tooltip [--placement:left] inline-block ms-auto group-hover:opacity-100 opacity-0">
<button type="button" class="flex hq6gx r00n9 items-center awhdl t6rrs ps5iq ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-700 dark:text-neutral-500 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="M5 12h14"/><path d="M12 5v14"/></svg>
<span class="ecbnn">Create</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 dark:bg-neutral-700" role="tooltip">
Invite teammates
</span>
</div>
</div>
<!-- End Heading -->
<!-- Accordion -->
<div id="teammates-accordion-sub" class="hs-accordion-content i65bn overflow-hidden transition-[height] jahre" role="region" aria-labelledby="teammates-accordion">
<!-- List -->
<div class="hs-accordion-group hxyan space-y-0.5" data-hs-accordion-always-open>
<a class="flex items-center djhx3 jlmh5 kzzmm e9qjd bp13m ps5iq ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-700/50 dark:text-neutral-300 dark:focus:bg-neutral-700/50" href="#">
<img class="hq6gx ca09w oq0dt" src="https://images.unsplash.com/photo-1679412330254-90cb240038c5?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80" alt="Avatar">
<div class="e3fpz">
<span class="block e9qjd bp13m dark:text-neutral-200">
Lewis Clarke
</span>
</div>
</a>
<a class="flex items-center djhx3 jlmh5 kzzmm e9qjd bp13m ps5iq ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-700/50 dark:text-neutral-300 dark:focus:bg-neutral-700/50" href="#">
<img class="hq6gx ca09w oq0dt" src="https://images.unsplash.com/photo-1659482634023-2c4fda99ac0c?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80" alt="Avatar">
<div class="e3fpz">
<span class="block e9qjd bp13m dark:text-neutral-200">
Ella Lauda
</span>
</div>
</a>
<a class="flex items-center djhx3 jlmh5 kzzmm e9qjd bp13m ps5iq ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-700/50 dark:text-neutral-300 dark:focus:bg-neutral-700/50" href="#">
<span class="flex hq6gx r00n9 items-center ca09w cm336 vo20k e7zws nkesj zr4l6 oq0dt">
R
</span>
<div class="e3fpz">
<span class="block e9qjd bp13m dark:text-neutral-200">
Rachel Doe
</span>
</div>
</a>
<button type="button" class="flex items-center djhx3 i65bn jlmh5 kzzmm cm336 t6rrs ps5iq ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-700/50 dark:text-neutral-500 dark:focus:bg-neutral-700/50">
<span class="flex r00n9 items-center ca09w rjuva t6rrs oq0dt dark:bg-neutral-500/10 dark:text-neutral-500">
<svg class="hq6gx stqz8 mx-auto" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>
</span>
<span class="truncate">Add teammates</span>
</button>
</div>
<!-- End List -->
</div>
<!-- End Accordion -->
</div>
<!-- End List -->
<!-- List -->
<div class="hs-accordion n33uu group active" id="records-accordion">
<!-- Heading -->
<div class="flex items-center lialp jrfm7">
<button type="button" class="hs-accordion-toggle flex hq6gx r00n9 items-center awhdl t6rrs ps5iq ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-700 dark:text-neutral-500 dark:focus:bg-neutral-700" aria-expanded="true" aria-controls="records-accordion-sub">
<svg class="hs-accordion-force-active hs-accordion-active:rotate-90 hq6gx stqz8 f1zti" xmlns="http://www.w3.org/2000/svg" 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>
<span class="ecbnn">Toggle Button</span>
</button>
<span class="truncate cm336 t6rrs dark:text-neutral-500">Records</span>
<div class="hs-tooltip [--placement:left] inline-block ms-auto group-hover:opacity-100 opacity-0">
<button type="button" class="flex hq6gx r00n9 items-center awhdl t6rrs ps5iq ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-700 dark:text-neutral-500 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="M5 12h14"/><path d="M12 5v14"/></svg>
<span class="ecbnn">Create</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 dark:bg-neutral-700" role="tooltip">
Create new records
</span>
</div>
</div>
<!-- End Heading -->
<!-- Accordion -->
<div id="records-accordion-sub" class="hs-accordion-content i65bn overflow-hidden transition-[height] jahre" role="region" aria-labelledby="records-accordion">
<!-- List -->
<div class="hs-accordion-group hxyan space-y-0.5" data-hs-accordion-always-open>
<a class="flex items-center djhx3 jlmh5 kzzmm e9qjd bp13m ps5iq ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-700/50 dark:text-neutral-300 dark:focus:bg-neutral-700/50" href="#">
<span class="flex r00n9 items-center ca09w q4mvv zr4l6 cm336 oq0dt">
C
</span>
Companies
</a>
<a class="flex items-center djhx3 jlmh5 kzzmm e9qjd bp13m ps5iq ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-700/50 dark:text-neutral-300 dark:focus:bg-neutral-700/50" href="#">
<span class="flex r00n9 items-center ca09w aiatl zr4l6 cm336 oq0dt">
P
</span>
People
</a>
<a class="flex items-center djhx3 jlmh5 kzzmm e9qjd bp13m ps5iq ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-700/50 dark:text-neutral-300 dark:focus:bg-neutral-700/50" href="#">
<span class="flex r00n9 items-center ca09w s9hq0 zr4l6 cm336 oq0dt">
W
</span>
Workspaces
</a>
<a class="flex items-center djhx3 jlmh5 kzzmm e9qjd bp13m ps5iq ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-700/50 dark:text-neutral-300 dark:focus:bg-neutral-700/50" href="#">
<span class="flex r00n9 items-center ca09w s47lh zr4l6 cm336 oq0dt dark:bg-neutral-600">
P
</span>
Products
</a>
<button type="button" class="flex items-center djhx3 i65bn jlmh5 kzzmm cm336 t6rrs ps5iq ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-700/50 dark:text-neutral-500 dark:focus:bg-neutral-700/50">
<span class="flex r00n9 items-center ca09w rjuva t6rrs oq0dt dark:bg-neutral-500/10 dark:text-neutral-500">
<svg class="hq6gx stqz8 mx-auto" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>
</span>
<span class="truncate">Add record</span>
</button>
</div>
<!-- End List -->
</div>
<!-- End Accordion -->
</div>
<!-- End List -->
</div>
</div>
</div>
<!-- End Tickets -->
</div>
</div>
</aside>
<!-- ========== END MAIN SIDEBAR ========== -->
<!-- ========== MAIN CONTENT ========== -->
<main id="content" class="vadju svcz0">
<!-- Tab Content -->
<div id="hs-pro-tabs-chr-activity" role="tabpanel" aria-labelledby="hs-pro-tabs-chr-item-activity">
<!-- Content -->
<div class="o1gdb wtyk2 i65bn mx-auto e7ri1 oo8ro lt1ca czipp gcoy5 n33uu u4ydj dark:bg-neutral-800 dark:border-neutral-700">
<!-- Loading Indicator -->
<div class="qpmwn flex flex-col r00n9 items-center lj7mp">
<span class="jlmh5 inline-flex pgjbi">
<span class="ui2kz eymwd oq0dt animate-[typing_1s_ease-in-out_infinite] dark:bg-neutral-200"></span>
<span class="ui2kz eymwd oq0dt animate-[typing_1s_ease-in-out_infinite_0.2s] dark:bg-neutral-200"></span>
<span class="ui2kz eymwd oq0dt animate-[typing_1s_ease-in-out_infinite_0.4s] dark:bg-neutral-200"></span>
</span>
<p class="ymk3i y2wul bp13m dark:text-neutral-200">
Activity
</p>
<p class="xe8oj t5ziw t6rrs dark:text-neutral-500">
This is a placeholder loader.<br>This conent is empty.
</p>
</div>
<!-- End Loading Indicator -->
</div>
<!-- End Content -->
</div>
<!-- End Tab Content -->
<!-- Tab Content -->
<div id="hs-pro-tabs-chr-mentions" class="hidden" role="tabpanel" aria-labelledby="hs-pro-tabs-chr-item-mentions">
<!-- Content -->
<div class="o1gdb wtyk2 i65bn mx-auto e7ri1 oo8ro lt1ca czipp gcoy5 n33uu u4ydj dark:bg-neutral-800 dark:border-neutral-700">
<!-- Loading Indicator -->
<div class="qpmwn flex flex-col r00n9 items-center lj7mp">
<span class="jlmh5 inline-flex pgjbi">
<span class="ui2kz eymwd oq0dt animate-[typing_1s_ease-in-out_infinite] dark:bg-neutral-200"></span>
<span class="ui2kz eymwd oq0dt animate-[typing_1s_ease-in-out_infinite_0.2s] dark:bg-neutral-200"></span>
<span class="ui2kz eymwd oq0dt animate-[typing_1s_ease-in-out_infinite_0.4s] dark:bg-neutral-200"></span>
</span>
<p class="ymk3i y2wul bp13m dark:text-neutral-200">
Mentions
</p>
<p class="xe8oj t5ziw t6rrs dark:text-neutral-500">
This is a placeholder loader.<br>This conent is empty.
</p>
</div>
<!-- End Loading Indicator -->
</div>
<!-- End Content -->
</div>
<!-- End Tab Content -->
<!-- Tab Content -->
<div id="hs-pro-tabs-chr-assigned" class="hidden" role="tabpanel" aria-labelledby="hs-pro-tabs-chr-item-assigned">
<!-- Content -->
<div class="o1gdb wtyk2 i65bn mx-auto e7ri1 oo8ro lt1ca czipp gcoy5 n33uu u4ydj dark:bg-neutral-800 dark:border-neutral-700">
<!-- Loading Indicator -->
<div class="qpmwn flex flex-col r00n9 items-center lj7mp">
<span class="jlmh5 inline-flex pgjbi">
<span class="ui2kz eymwd oq0dt animate-[typing_1s_ease-in-out_infinite] dark:bg-neutral-200"></span>
<span class="ui2kz eymwd oq0dt animate-[typing_1s_ease-in-out_infinite_0.2s] dark:bg-neutral-200"></span>
<span class="ui2kz eymwd oq0dt animate-[typing_1s_ease-in-out_infinite_0.4s] dark:bg-neutral-200"></span>
</span>
<p class="ymk3i y2wul bp13m dark:text-neutral-200">
Assigned
</p>
<p class="xe8oj t5ziw t6rrs dark:text-neutral-500">
This is a placeholder loader.<br>This conent is empty.
</p>
</div>
<!-- End Loading Indicator -->
</div>
<!-- End Content -->
</div>
<!-- End Tab Content -->
</main>
<!-- ========== END MAIN CONTENT ========== -->
<body class="hs-overlay-body-open hs-overlay-body-open:overflow-hidden agawe dark:bg-neutral-900">
<!-- ========== HEADER ========== -->
<header class="zxo3w fixed ofq05 fszza flex flex-wrap bmmg2 md:flex-nowrap ucmtr oo8ro ic6aj d77gl dark:bg-neutral-800 dark:border-neutral-700">
<div class="flex uip67 lialp tuucy items-center i65bn o1ncb kzzmm lauwb">
<div class="lg:hidden">
<!-- Sidebar Toggle -->
<button type="button" class="aukwz inline-flex r00n9 items-center lialp t5ziw vo20k ps5iq wfm4e d77gl oo8ro bp13m hx4gm tdhmi focus:outline-hidden kf4z7 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" aria-haspopup="dialog" aria-expanded="false" aria-controls="hs-pro-chat-sidebar" aria-label="Toggle navigation" data-hs-overlay="#hs-pro-chat-sidebar">
<svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 8L21 12L17 16M3 12H13M3 6H13M3 18H13"/></svg>
</button>
<!-- End Sidebar Toggle -->
</div>
<div class="e3fpz truncate">
<div class="flex items-center vmt4s">
<a class="n33uu inline-flex items-center lialp cm336 ps5iq wfm4e 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" href="../../pro/chat/reports.html">
<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 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8"/><path d="M21 3v5h-5"/></svg>
<span class="hidden sm:block">Refresh</span>
</a>
<div class="e3fpz hidden sm:block truncate">
<p class="truncate cm336 t6rrs dark:text-neutral-500">
Last updated 10 minutes ago
</p>
<p class="truncate cm336 t6rrs dark:text-neutral-500">
GMT+00:00 (United Kingdom)
</p>
</div>
</div>
</div>
<!-- Calendar Dropdown -->
<div class="hs-dropdown [--placement:bottom-right] [--strategy:absolute] [--flip:false] [--auto-close:inside] relative inline-flex">
<button id="hs-pro-dachcd" type="button" class="n33uu inline-flex items-center vrcxw cm336 dslo6 ps5iq wfm4e qb17b oo8ro bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:bg-neutral-800 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
25 Jul, 2023 - 25 Aug, 2023
<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>
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 v4b5n e8yz0 transition-[opacity,margin] duration opacity-0 hidden mvewc ucmtr oo8ro lile3 rrmkk dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-dachcd">
<div class=" flex flex-col oo8ro wfm4e d77gl rkof5 lile3 overflow-hidden dark:bg-neutral-900 dark:border-neutral-700">
<!-- Calendar -->
<div class="sm:flex">
<!-- Calendar -->
<div class="yyez4 space-y-0.5">
<!-- Months -->
<div class="dmfqa mqtol items-center vmt4s mzxha nfrzv">
<!-- Prev Button -->
<div class="i63zv">
<button type="button" class="aukwz flex r00n9 items-center bp13m ksr3h oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-label="Previous">
<svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m15 18-6-6 6-6"/></svg>
</button>
</div>
<!-- End Prev Button -->
<!-- Month / Year -->
<div class="nvgw2 flex r00n9 items-center pgjbi">
<div class="relative">
<select data-hs-select='{
"placeholder": "Select month",
"toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>",
"toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative flex dslo6 i65bn cursor-pointer qgy40 vo20k bp13m ck8au focus:outline-hidden oahj8 before:absolute before:inset-0 before:z-1 dark:text-neutral-200 dark:hover:text-blue-500 dark:focus:text-blue-500",
"dropdownClasses": "ls9te ucmtr qzvcy yj8ha ju7it space-y-0.5 oo8ro wfm4e d77gl ps5iq rkof5 overflow-hidden overflow-y-auto n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900 dark:border-neutral-700",
"optionClasses": "n33uu i65bn t5ziw bp13m cursor-pointer ksr3h ps5iq focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex uip67 items-center i65bn \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"hq6gx stqz8 bp13m dark:text-neutral-200 \" xmlns=\"http:.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"/></svg></span></div>"
}' class="hidden">
<option value="0">January</option>
<option value="1">February</option>
<option value="2">March</option>
<option value="3">April</option>
<option value="4">May</option>
<option value="5">June</option>
<option value="6" selected>July</option>
<option value="7">August</option>
<option value="8">September</option>
<option value="9">October</option>
<option value="10">November</option>
<option value="11">December</option>
</select>
</div>
<span class="bp13m dark:text-neutral-200">/</span>
<div class="relative">
<select data-hs-select='{
"placeholder": "Select year",
"toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>",
"toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative flex dslo6 i65bn cursor-pointer qgy40 vo20k bp13m ck8au focus:outline-hidden oahj8 before:absolute before:inset-0 before:z-1 dark:text-neutral-200 dark:hover:text-blue-500 dark:focus:text-blue-500",
"dropdownClasses": "ls9te ucmtr vl7eg yj8ha ju7it space-y-0.5 oo8ro wfm4e d77gl ps5iq rkof5 overflow-hidden overflow-y-auto n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900 dark:border-neutral-700",
"optionClasses": "n33uu i65bn t5ziw bp13m cursor-pointer ksr3h ps5iq focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex uip67 items-center i65bn \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"hq6gx stqz8 bp13m dark:text-neutral-200 \" xmlns=\"http:.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"/></svg></span></div>"
}' class="hidden">
<option selected>2023</option>
<option>2024</option>
<option>2025</option>
<option>2026</option>
<option>2027</option>
</select>
</div>
</div>
<!-- End Month / Year -->
<!-- Next Button -->
<div class="i63zv flex c9j8j">
<button type="button" class="opacity-0 howv4 aukwz flex r00n9 items-center bp13m ksr3h oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-label="Next">
<svg class="hq6gx ibvs1" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg>
</button>
</div>
<!-- End Next Button -->
</div>
<!-- Months -->
<!-- Weeks -->
<div class="flex yh9al">
<span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500">
Mo
</span>
<span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500">
Tu
</span>
<span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500">
We
</span>
<span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500">
Th
</span>
<span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500">
Fr
</span>
<span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500">
Sa
</span>
<span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500">
Su
</span>
</div>
<!-- Weeks -->
<!-- Days -->
<div class="flex">
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500" disabled>
26
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500" disabled>
27
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500" disabled>
28
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500" disabled>
29
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500" disabled>
30
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
1
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
2
</button>
</div>
</div>
<!-- Days -->
<!-- Days -->
<div class="flex">
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
3
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
4
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
5
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
6
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
7
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
8
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
9
</button>
</div>
</div>
<!-- Days -->
<!-- Days -->
<div class="flex">
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
10
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
11
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
12
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
13
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
14
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
15
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
16
</button>
</div>
</div>
<!-- Days -->
<!-- Days -->
<div class="flex">
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
17
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
18
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
19
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
20
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
21
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
22
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
23
</button>
</div>
</div>
<!-- Days -->
<!-- Days -->
<div class="flex">
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
24
</button>
</div>
<div class="agawe yo949 dark:bg-neutral-800">
<button type="button" class="p6abj qil8e flex r00n9 items-center jqqot vd2fb qb17b t5ziw vo20k zr4l6 bp7p8 oq0dt dark:bg-blue-500 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:hover:border-neutral-700">
25
</button>
</div>
<div class="agawe fzl7g t1hgs dark:bg-neutral-800">
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
26
</button>
</div>
<div class="agawe fzl7g t1hgs dark:bg-neutral-800">
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
27
</button>
</div>
<div class="agawe fzl7g t1hgs dark:bg-neutral-800">
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
28
</button>
</div>
<div class="agawe fzl7g t1hgs dark:bg-neutral-800">
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
29
</button>
</div>
<div class="agawe fzl7g t1hgs dark:bg-neutral-800">
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
30
</button>
</div>
</div>
<!-- Days -->
<!-- Days -->
<div class="flex">
<div class="agawe fzl7g t1hgs dark:bg-neutral-800">
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
31
</button>
</div>
<div class="o3vbm gbc5c dark:from-neutral-800">
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
1
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
2
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
3
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
4
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
5
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
6
</button>
</div>
</div>
<!-- Days -->
</div>
<!-- Calendar -->
<div class="yyez4 space-y-0.5">
<!-- Months -->
<div class="dmfqa mqtol items-center vmt4s mzxha nfrzv">
<!-- Prev Button -->
<div class="i63zv">
<button type="button" class="opacity-0 howv4 aukwz flex r00n9 items-center bp13m ksr3h oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-label="Previous">
<svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m15 18-6-6 6-6"/></svg>
</button>
</div>
<!-- End Prev Button -->
<!-- Month / Year -->
<div class="nvgw2 flex r00n9 items-center pgjbi">
<div class="relative">
<select data-hs-select='{
"placeholder": "Select month",
"toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>",
"toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative flex dslo6 i65bn cursor-pointer qgy40 vo20k bp13m ck8au focus:outline-hidden oahj8 before:absolute before:inset-0 before:z-1 dark:text-neutral-200 dark:hover:text-blue-500 dark:focus:text-blue-500",
"dropdownClasses": "ls9te ucmtr qzvcy yj8ha ju7it space-y-0.5 oo8ro wfm4e d77gl ps5iq rkof5 overflow-hidden overflow-y-auto n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900 dark:border-neutral-700",
"optionClasses": "n33uu i65bn t5ziw bp13m cursor-pointer ksr3h ps5iq focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex uip67 items-center i65bn \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"hq6gx stqz8 bp13m dark:text-neutral-200 \" xmlns=\"http:.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"/></svg></span></div>"
}' class="hidden">
<option value="0">January</option>
<option value="1">February</option>
<option value="2">March</option>
<option value="3">April</option>
<option value="4">May</option>
<option value="5">June</option>
<option value="6" selected>July</option>
<option value="7">August</option>
<option value="8">September</option>
<option value="9">October</option>
<option value="10">November</option>
<option value="11">December</option>
</select>
</div>
<span class="bp13m dark:text-neutral-200">/</span>
<div class="relative">
<select data-hs-select='{
"placeholder": "Select year",
"toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>",
"toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative flex dslo6 i65bn cursor-pointer qgy40 vo20k bp13m ck8au focus:outline-hidden oahj8 before:absolute before:inset-0 before:z-1 dark:text-neutral-200 dark:hover:text-blue-500 dark:focus:text-blue-500",
"dropdownClasses": "ls9te ucmtr vl7eg yj8ha ju7it space-y-0.5 oo8ro wfm4e d77gl ps5iq rkof5 overflow-hidden overflow-y-auto n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900 dark:border-neutral-700",
"optionClasses": "n33uu i65bn t5ziw bp13m cursor-pointer ksr3h ps5iq focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex uip67 items-center i65bn \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"hq6gx stqz8 bp13m dark:text-neutral-200 \" xmlns=\"http:.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"/></svg></span></div>"
}' class="hidden">
<option selected>2023</option>
<option>2024</option>
<option>2025</option>
<option>2026</option>
<option>2027</option>
</select>
</div>
</div>
<!-- End Month / Year -->
<!-- Next Button -->
<div class="i63zv flex c9j8j">
<button type="button" class="aukwz flex r00n9 items-center bp13m ksr3h oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-label="Next">
<svg class="hq6gx ibvs1" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg>
</button>
</div>
<!-- End Next Button -->
</div>
<!-- Months -->
<!-- Weeks -->
<div class="flex yh9al">
<span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500">
Mo
</span>
<span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500">
Tu
</span>
<span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500">
We
</span>
<span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500">
Th
</span>
<span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500">
Fr
</span>
<span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500">
Sa
</span>
<span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500">
Su
</span>
</div>
<!-- Weeks -->
<!-- Days -->
<div class="flex">
<div class="ifwqi gbc5c dark:from-neutral-800">
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
31
</button>
</div>
<div class="agawe fzl7g t1hgs dark:bg-neutral-800">
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700">
1
</button>
</div>
<div class="agawe fzl7g t1hgs dark:bg-neutral-800">
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700">
2
</button>
</div>
<div class="agawe fzl7g t1hgs dark:bg-neutral-800">
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700">
3
</button>
</div>
<div class="agawe fzl7g t1hgs dark:bg-neutral-800">
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700">
4
</button>
</div>
<div class="agawe fzl7g t1hgs dark:bg-neutral-800">
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
5
</button>
</div>
<div class="agawe fzl7g t1hgs dark:bg-neutral-800">
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
6
</button>
</div>
</div>
<!-- Days -->
<!-- Days -->
<div class="flex">
<div class="agawe fzl7g t1hgs dark:bg-neutral-800">
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
7
</button>
</div>
<div class="agawe fzl7g t1hgs dark:bg-neutral-800">
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
8
</button>
</div>
<div class="agawe fzl7g t1hgs dark:bg-neutral-800">
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
9
</button>
</div>
<div class="agawe fzl7g t1hgs dark:bg-neutral-800">
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
10
</button>
</div>
<div class="agawe fzl7g t1hgs dark:bg-neutral-800">
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
11
</button>
</div>
<div class="agawe fzl7g t1hgs dark:bg-neutral-800">
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
12
</button>
</div>
<div class="agawe fzl7g t1hgs dark:bg-neutral-800">
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
13
</button>
</div>
</div>
<!-- Days -->
<!-- Days -->
<div class="flex">
<div class="agawe fzl7g t1hgs dark:bg-neutral-800">
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
14
</button>
</div>
<div class="agawe fzl7g t1hgs dark:bg-neutral-800">
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
15
</button>
</div>
<div class="agawe fzl7g t1hgs dark:bg-neutral-800">
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
16
</button>
</div>
<div class="agawe fzl7g t1hgs dark:bg-neutral-800">
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
17
</button>
</div>
<div class="agawe fzl7g t1hgs dark:bg-neutral-800">
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
18
</button>
</div>
<div class="agawe fzl7g t1hgs dark:bg-neutral-800">
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
19
</button>
</div>
<div class="agawe fzl7g t1hgs dark:bg-neutral-800">
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
20
</button>
</div>
</div>
<!-- Days -->
<!-- Days -->
<div class="flex">
<div class="agawe fzl7g t1hgs dark:bg-neutral-800">
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
21
</button>
</div>
<div class="agawe fzl7g t1hgs dark:bg-neutral-800">
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
22
</button>
</div>
<div class="agawe fzl7g t1hgs dark:bg-neutral-800">
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
23
</button>
</div>
<div class="agawe fzl7g t1hgs dark:bg-neutral-800">
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
24
</button>
</div>
<div class="agawe aeta7 dark:bg-neutral-800">
<button type="button" class="p6abj qil8e flex r00n9 items-center jqqot vd2fb qb17b t5ziw vo20k zr4l6 bp7p8 oq0dt dark:bg-blue-500 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:hover:border-neutral-700">
25
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
26
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
27
</button>
</div>
</div>
<!-- Days -->
<!-- Days -->
<div class="flex">
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
28
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
29
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
30
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
31
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
1
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
2
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
3
</button>
</div>
</div>
<!-- Days -->
<!-- Days -->
<div class="flex">
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
4
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
5
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
6
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
7
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
8
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
9
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
10
</button>
</div>
</div>
<!-- Days -->
</div>
</div>
<!-- End Calendar -->
<!-- Button Group -->
<div class="flex items-center mctd2 dkhxo c9j8j pyimf d77gl dark:border-neutral-700 lialp">
<button type="button" class="i7oig apc69 inline-flex items-center lialp cm336 vo20k ps5iq wfm4e d77gl oo8ro bp13m hx4gm tdhmi disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tme8y dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
Cancel
</button>
<button type="button" class="i7oig apc69 inline-flex r00n9 items-center lialp cm336 vo20k ps5iq vd2fb qb17b jqqot zr4l6 lmqf9 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden v1cco tyfry">
Apply
</button>
</div>
<!-- End Button Group -->
</div>
</div>
</div>
<!-- End Calendar Dropdown -->
</div>
</header>
<!-- ========== END HEADER ========== -->
<!-- ========== MAIN SIDEBAR ========== -->
<aside class="relative">
<div id="hs-pro-chat-sidebar" class="hs-overlay [--auto-close:lg] sm:w-auto y2rid lg:block ykh3p lg:end-auto xskhj
[--auto-close-equality-type:less-than]
hs-overlay-open:translate-x-0
-translate-x-full g0ipl jahre lrm8y
lpgt1
hidden
fixed h5ske uv2uj rde91
rjuva
dark:bg-neutral-950" tabindex="-1" aria-labelledby="hs-pro-chat-sidebar-label">
<div class="qpmwn flex">
<div class="relative bo1ta zz68c flex flex-col qpmwn fmwcv rq5fj">
<header class="zz68c o1ncb flex r00n9">
<a class="flex-none umxjj oqlim inline-block y2wul focus:outline-hidden q6qta" href="../../pro/chat/index.html" aria-label="Preline">
<svg class="olxph h-auto" width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M18.0835 3.23358C9.88316 3.23358 3.23548 9.8771 3.23548 18.0723V35.5832H0.583496V18.0723C0.583496 8.41337 8.41851 0.583252 18.0835 0.583252C27.7485 0.583252 35.5835 8.41337 35.5835 18.0723C35.5835 27.7312 27.7485 35.5614 18.0835 35.5614H16.7357V32.911H18.0835C26.2838 32.911 32.9315 26.2675 32.9315 18.0723C32.9315 9.8771 26.2838 3.23358 18.0835 3.23358Z" class="y3r19 dark:fill-white" fill="currentColor"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M18.0833 8.62162C12.8852 8.62162 8.62666 12.9245 8.62666 18.2879V35.5833H5.97468V18.2879C5.97468 11.5105 11.3713 5.97129 18.0833 5.97129C24.7954 5.97129 30.192 11.5105 30.192 18.2879C30.192 25.0653 24.7954 30.6045 18.0833 30.6045H16.7355V27.9542H18.0833C23.2815 27.9542 27.54 23.6513 27.54 18.2879C27.54 12.9245 23.2815 8.62162 18.0833 8.62162Z" class="y3r19 dark:fill-white" fill="currentColor"/>
<path d="M24.8225 18.1012C24.8225 21.8208 21.8053 24.8361 18.0833 24.8361C14.3614 24.8361 11.3442 21.8208 11.3442 18.1012C11.3442 14.3815 14.3614 11.3662 18.0833 11.3662C21.8053 11.3662 24.8225 14.3815 24.8225 18.1012Z" class="y3r19 dark:fill-white" fill="currentColor"/>
</svg>
</a>
</header>
<!-- Content -->
<div class="zz68c qpmwn flex flex-col fkoia g69xo">
<!-- Nav -->
<ul class="lj7mp space-y-4">
<!-- Item -->
<li>
<a class="relative group flex flex-col r00n9 items-center ce0ho s2avd xq1jm dark:text-neutral-200 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden" href="../../pro/chat/index.html">
<span class="flex r00n9 items-center vmt4s si8if ps5iq group-hover:bg-gray-300 group-focus:bg-gray-300 dark:group-hover:bg-neutral-800 dark:group-focus:bg-neutral-800 f1zti">
<svg class="hq6gx ibvs1 group-hover:scale-110 mx-auto f1zti" xmlns="http://www.w3.org/2000/svg" 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 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg>
</span>
Inbox
<span class="flex absolute -top-1 cpkvx bo1ta">
<span class="relative si34l so7bb inline-flex r00n9 items-center b9e4b ggt5g zr4l6 oq0dt n0mud">
4
</span>
</span>
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li>
<a class="relative group flex flex-col r00n9 items-center ce0ho s2avd xq1jm dark:text-neutral-200 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden" href="../../pro/chat/tickets.html">
<span class="flex r00n9 items-center vmt4s si8if ps5iq group-hover:bg-gray-300 group-focus:bg-gray-300 dark:group-hover:bg-neutral-800 dark:group-focus:bg-neutral-800 f1zti">
<svg class="hq6gx ibvs1 group-hover:scale-110 mx-auto f1zti" xmlns="http://www.w3.org/2000/svg" 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 9a3 3 0 0 1 0 6v2a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-2a3 3 0 0 1 0-6V7a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2Z"/><path d="M13 5v2"/><path d="M13 17v2"/><path d="M13 11v2"/></svg>
</span>
Tickets
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li>
<a class="relative group flex flex-col r00n9 items-center ce0ho s2avd xq1jm dark:text-neutral-200 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden" href="../../pro/chat/visitors.html">
<span class="flex r00n9 items-center vmt4s si8if ps5iq group-hover:bg-gray-300 group-focus:bg-gray-300 dark:group-hover:bg-neutral-800 dark:group-focus:bg-neutral-800 f1zti">
<svg class="hq6gx ibvs1 group-hover:scale-110 mx-auto f1zti" xmlns="http://www.w3.org/2000/svg" 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.54 15H17a2 2 0 0 0-2 2v4.54"/><path d="M7 3.34V5a3 3 0 0 0 3 3v0a2 2 0 0 1 2 2v0c0 1.1.9 2 2 2v0a2 2 0 0 0 2-2v0c0-1.1.9-2 2-2h3.17"/><path d="M11 21.95V18a2 2 0 0 0-2-2v0a2 2 0 0 1-2-2v-1a2 2 0 0 0-2-2H2.05"/><circle cx="12" cy="12" r="10"/></svg>
</span>
Visitors
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li>
<a class="relative group flex flex-col r00n9 items-center ce0ho s2avd xq1jm dark:text-neutral-200 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden" href="../../pro/chat/activity.html">
<span class="flex r00n9 items-center vmt4s si8if ps5iq group-hover:bg-gray-300 group-focus:bg-gray-300 dark:group-hover:bg-neutral-800 dark:group-focus:bg-neutral-800 f1zti">
<svg class="hq6gx ibvs1 group-hover:scale-110 mx-auto f1zti" xmlns="http://www.w3.org/2000/svg" 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 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2"/></svg>
</span>
Activity
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li>
<a class="relative group flex flex-col r00n9 items-center ce0ho s2avd xq1jm dark:text-neutral-200 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden" href="../../pro/chat/reports.html">
<span class="flex r00n9 items-center vmt4s si8if ps5iq vh6bg dark:bg-neutral-800 f1zti">
<svg class="hq6gx ibvs1 group-hover:scale-110 mx-auto f1zti" xmlns="http://www.w3.org/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="18" x2="18" y1="20" y2="10"/><line x1="12" x2="12" y1="20" y2="4"/><line x1="6" x2="6" y1="20" y2="14"/></svg>
</span>
Reports
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li class="lg:hidden">
<a class="relative group flex flex-col r00n9 items-center ce0ho s2avd xq1jm dark:text-neutral-200 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden" href="../../pro/index.html">
<span class="flex r00n9 items-center vmt4s si8if ps5iq group-hover:bg-gray-300 group-focus:bg-gray-300 dark:group-hover:bg-neutral-800 dark:group-focus:bg-neutral-800">
<svg class="hq6gx ibvs1 group-hover:scale-110 mx-auto f1zti" xmlns="http://www.w3.org/2000/svg" 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 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z"/><path d="m3.3 7 8.7 5 8.7-5"/><path d="M12 22V12"/></svg>
</span>
Pro
<span class="absolute -top-0.5 z5b3o">
<span class="relative flex">
<span class="hoppa absolute inline-flex lpgt1 oq0dt null.notification.animation va9zg"></span>
<span class="relative inline-flex srid0 null.notification.bg oq0dt"></span>
<span class="ecbnn">Notification</span>
</span>
</span>
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li class="hidden lg:block">
</li>
<!-- End Item -->
<!-- Item -->
<li>
<!-- More Dropdown -->
<div class="hs-dropdown [--strategy:absolute] [--placement:bottom-right] [--auto-close:inside] relative inline-flex">
<button id="hs-pro-chmsnmd" type="button" class="relative group flex flex-col r00n9 items-center ce0ho s2avd xq1jm dark:text-neutral-200 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<span class="flex r00n9 items-center vmt4s si8if ps5iq group-hover:bg-gray-300 group-focus:bg-gray-300 dark:group-hover:bg-neutral-800 dark:group-focus:bg-neutral-800">
<svg class="hq6gx ibvs1 group-hover:scale-110 mx-auto f1zti" xmlns="http://www.w3.org/2000/svg" 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 7h-9"/><path d="M14 17H5"/><circle cx="17" cy="17" r="3"/><circle cx="7" cy="7" r="3"/></svg>
</span>
Settings
</button>
<!-- More Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 ho2sl transition-[opacity,margin] duration opacity-0 hidden bo1ta oo8ro lile3 rkof5 dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-chmsnmd">
<div class="ju7it space-y-0.5">
<!-- Item -->
<label for="hs-pro-chsnldin" class="jlmh5 apc69 group flex items-center vmt4s ps5iq cursor-pointer e9qjd bp13m ksr3h dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="checkbox" class="hidden" id="hs-pro-chsnldin" name="hs-pro-chsnld" checked>
<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 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg>
Inbox
<svg class="hq6gx stqz8 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 Item -->
<!-- Item -->
<label for="hs-pro-chsnldtc" class="jlmh5 apc69 group flex items-center vmt4s ps5iq cursor-pointer e9qjd bp13m ksr3h dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="checkbox" class="hidden" id="hs-pro-chsnldtc" name="hs-pro-chsnld" checked>
<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 9a3 3 0 0 1 0 6v2a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-2a3 3 0 0 1 0-6V7a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2Z"/><path d="M13 5v2"/><path d="M13 17v2"/><path d="M13 11v2"/></svg>
Ticket
<svg class="hq6gx stqz8 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 Item -->
<!-- Item -->
<label for="hs-pro-chsnldvs" class="jlmh5 apc69 group flex items-center vmt4s ps5iq cursor-pointer e9qjd bp13m ksr3h dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="checkbox" class="hidden" id="hs-pro-chsnldvs" name="hs-pro-chsnld" checked>
<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.54 15H17a2 2 0 0 0-2 2v4.54"/><path d="M7 3.34V5a3 3 0 0 0 3 3v0a2 2 0 0 1 2 2v0c0 1.1.9 2 2 2v0a2 2 0 0 0 2-2v0c0-1.1.9-2 2-2h3.17"/><path d="M11 21.95V18a2 2 0 0 0-2-2v0a2 2 0 0 1-2-2v-1a2 2 0 0 0-2-2H2.05"/><circle cx="12" cy="12" r="10"/></svg>
Visitors
<svg class="hq6gx stqz8 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 Item -->
<!-- Item -->
<label for="hs-pro-chsnldct" class="jlmh5 apc69 group flex items-center vmt4s ps5iq cursor-pointer e9qjd bp13m ksr3h dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="checkbox" class="hidden" id="hs-pro-chsnldct" name="hs-pro-chsnld">
<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>
Contacts
<svg class="hq6gx stqz8 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 Item -->
<!-- Item -->
<label for="hs-pro-chsnldac" class="jlmh5 apc69 group flex items-center vmt4s ps5iq cursor-pointer e9qjd bp13m ksr3h dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="checkbox" class="hidden" id="hs-pro-chsnldac" name="hs-pro-chsnld" checked>
<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>
Activity
<svg class="hq6gx stqz8 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 Item -->
<!-- Item -->
<label for="hs-pro-chsnldpl" class="jlmh5 apc69 group flex items-center vmt4s ps5iq cursor-pointer e9qjd bp13m ksr3h dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="checkbox" class="hidden" id="hs-pro-chsnldpl" name="hs-pro-chsnld">
<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"><rect width="7" height="7" x="14" y="3" rx="1"/><path d="M10 21V8a1 1 0 0 0-1-1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-5a1 1 0 0 0-1-1H3"/></svg>
Plugins
<svg class="hq6gx stqz8 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 Item -->
<!-- Item -->
<label for="hs-pro-chsnldrp" class="jlmh5 apc69 group flex items-center vmt4s ps5iq cursor-pointer e9qjd bp13m ksr3h dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="checkbox" class="hidden" id="hs-pro-chsnldrp" name="hs-pro-chsnld" checked>
<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="18" x2="18" y1="20" y2="10"/><line x1="12" x2="12" y1="20" y2="4"/><line x1="6" x2="6" y1="20" y2="14"/></svg>
Reports
<svg class="hq6gx stqz8 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 Item -->
<!-- Item -->
<label for="hs-pro-chsnldar" class="jlmh5 apc69 group flex items-center vmt4s ps5iq cursor-pointer e9qjd bp13m ksr3h dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<input type="checkbox" class="hidden" id="hs-pro-chsnldar" name="hs-pro-chsnld">
<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 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z"/><path d="M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z"/></svg>
Articles
<svg class="hq6gx stqz8 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 Item -->
</div>
</div>
<!-- End More Dropdown -->
</div>
<!-- End More Dropdown -->
</li>
<!-- End Item -->
</ul>
<!-- End Nav -->
</div>
<!-- End Content -->
<!-- Footer -->
<footer class="zz68c space-y-3 yki1g">
<div class="hidden lg:block">
<!-- Project Dropdown -->
<div class="inline-flex r00n9 i65bn">
<div class="hs-dropdown relative [--strategy:absolute] [--placement:bottom-left] inline-flex">
<!-- Project Button -->
<button id="hs-pro-dnwpd" type="button" class="flex r00n9 items-center vmt4s aukwz mx- ps5iq wcxzs y4dru dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<img class="hq6gx aukwz umxjj exlm9" src="../../assets/img/logo/hs.png" alt="Logo">
<span class="ecbnn">Htmlstream</span>
</button>
<!-- End Project Button -->
<!-- Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 ravym transition-[opacity,margin] duration opacity-0 hidden a799i oo8ro lile3 rrmkk dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-dnwpd">
<div class="ju7it">
<span class="block fkoia riw3u g4kd8 cm336 t6rrs dark:text-neutral-500">
Workspaces (2)
</span>
<!-- Item -->
<label for="hs-pro-dplid1" class="d0kec rfnst group flex cufvb items-center vmt4s ps5iq 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-dplid1" name="hs-pro-dplnm" checked>
<svg class="hq6gx ibvs1 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>
<span class="e3fpz">
<span class="block t5ziw vo20k bp13m dark:text-neutral-200">
Htmlstream
</span>
<span class="block cm336 t6rrs dark:text-neutral-500">
htmlstream.preline.so
</span>
</span>
<img class="hq6gx ezw10 umxjj exlm9" src="../../assets/img/logo/hs.png" alt="Logo">
</label>
<!-- End Item -->
<!-- Item -->
<label for="hs-pro-dplid2" class="d0kec rfnst group flex cufvb items-center vmt4s ps5iq 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-dplid2" name="hs-pro-dplnm">
<svg class="hq6gx ibvs1 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>
<span class="e3fpz">
<span class="block t5ziw vo20k bp13m dark:text-neutral-200">
Bloomark
</span>
<span class="block cm336 t6rrs dark:text-neutral-500">
bloomark.preline.com
</span>
</span>
<img class="hq6gx ezw10 umxjj exlm9" src="../../assets/img/logo/logo-short.png" alt="Logo">
</label>
<!-- End Item -->
<button type="button" class="group i65bn flex items-center vmt4s i7oig rfnst 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 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="M8 12h8"/><path d="M12 8v8"/></svg>
Add a workspace
</button>
</div>
<div class="ju7it pyimf d77gl dark:border-neutral-800">
<span class="block fkoia riw3u g4kd8 cm336 t6rrs dark:text-neutral-500">
Download mobile app rjx3z
</span>
<a class="flex items-center vmt4s jlmh5 rfnst i65bn 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" href="#">
<svg class="hq6gx ibvs1" width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M25.536 0H6.464C2.892 0 0 2.892 0 6.464V25.54C0 29.108 2.892 32 6.464 32H25.54C29.108 32 32.004 29.108 32.004 25.536V6.464C32 2.892 29.108 0 25.536 0Z" fill="url(#paint0_linear_4403_2024)"/>
<path d="M15.864 7.352L16.512 6.232C16.912 5.532 17.804 5.296 18.504 5.696C19.204 6.096 19.44 6.988 19.04 7.688L12.796 18.496H17.312C18.776 18.496 19.596 20.216 18.96 21.408H5.72C4.912 21.408 4.264 20.76 4.264 19.952C4.264 19.144 4.912 18.496 5.72 18.496H9.432L14.184 10.26L12.7 7.684C12.3 6.984 12.536 6.1 13.236 5.692C13.936 5.292 14.82 5.528 15.228 6.228L15.864 7.352ZM10.248 22.908L8.848 25.336C8.448 26.036 7.556 26.272 6.856 25.872C6.156 25.472 5.92 24.58 6.32 23.88L7.36 22.08C8.536 21.716 9.492 21.996 10.248 22.908ZM22.304 18.504H26.092C26.9 18.504 27.548 19.152 27.548 19.96C27.548 20.768 26.9 21.416 26.092 21.416H23.988L25.408 23.88C25.808 24.58 25.572 25.464 24.872 25.872C24.172 26.272 23.288 26.036 22.88 25.336C20.488 21.188 18.692 18.084 17.5 16.016C16.28 13.912 17.152 11.8 18.012 11.084C18.968 12.724 20.396 15.2 22.304 18.504Z" fill="white"/>
<defs>
<linearGradient id="paint0_linear_4403_2024" x1="16.002" y1="0" x2="16.002" y2="32" gradientUnits="userSpaceOnUse">
<stop stop-color="#18BFFB"/>
<stop offset="1" stop-color="#2072F3"/>
</linearGradient>
</defs>
</svg>
App Store
<svg class="hq6gx stqz8 ms-auto x06xl" xmlns="http://www.w3.org/2000/svg" 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 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h6"/><path d="m21 3-9 9"/><path d="M15 3h6v6"/></svg>
</a>
<a class="flex items-center vmt4s jlmh5 rfnst i65bn 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" href="#">
<svg class="hq6gx ibvs1" width="32" height="37" viewBox="0 0 32 37" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.5159 11.1765L1.20745 0.140891C0.964824 1.05128e-05 0.659583 0.00783721 0.424782 0.148718C0.182154 0.289598 0.0334473 0.540052 0.0334473 0.821813C0.0334473 0.821813 0.041274 1.83928 0.0491007 3.5142L14.1137 17.5788L20.5159 11.1765Z" fill="url(#paint0_linear_4406_2034)"/>
<path d="M0.0491007 3.5142C0.0725807 9.5564 0.143021 24.2236 0.174328 31.5259L14.1215 17.5788L0.0491007 3.5142Z" fill="url(#paint1_linear_4406_2034)"/>
<path d="M31.5672 17.4927L20.5159 11.1765L14.1058 17.5788L21.3377 24.8106L31.575 18.8467C31.8177 18.7058 31.9664 18.4475 31.9664 18.1736C31.9664 17.8918 31.8098 17.6336 31.5672 17.4927Z" fill="url(#paint2_linear_4406_2034)"/>
<path d="M0.166501 31.5259C0.182154 34.1322 0.189981 35.7993 0.189981 35.7993C0.189981 36.0811 0.338688 36.3394 0.581316 36.4724C0.823943 36.6133 1.12136 36.6133 1.36399 36.4724L21.3455 24.8185L14.1137 17.5866L0.166501 31.5259Z" fill="url(#paint3_linear_4406_2034)"/>
<defs>
<linearGradient id="paint0_linear_4406_2034" x1="0.0334473" y1="18.3158" x2="31.972" y2="18.3158" gradientUnits="userSpaceOnUse">
<stop stop-color="#63BE6B"/>
<stop offset="0.506" stop-color="#5BBC6A"/>
<stop offset="1" stop-color="#4AB96A"/>
</linearGradient>
<linearGradient id="paint1_linear_4406_2034" x1="0.0249224" y1="18.313" x2="31.9479" y2="18.313" gradientUnits="userSpaceOnUse">
<stop stop-color="#3EC6F2"/>
<stop offset="1" stop-color="#45AFE3"/>
</linearGradient>
<linearGradient id="paint2_linear_4406_2034" x1="0.0468809" y1="18.322" x2="31.963" y2="18.322" gradientUnits="userSpaceOnUse">
<stop stop-color="#FAA51A"/>
<stop offset="0.387" stop-color="#FAB716"/>
<stop offset="0.741" stop-color="#FAC412"/>
<stop offset="1" stop-color="#FAC80F"/>
</linearGradient>
<linearGradient id="paint3_linear_4406_2034" x1="0.169948" y1="27.082" x2="21.3452" y2="27.082" gradientUnits="userSpaceOnUse">
<stop stop-color="#EC3B50"/>
<stop offset="1" stop-color="#E7515B"/>
</linearGradient>
</defs>
</svg>
Google Play
<svg class="hq6gx stqz8 ms-auto x06xl" xmlns="http://www.w3.org/2000/svg" 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 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h6"/><path d="m21 3-9 9"/><path d="M15 3h6v6"/></svg>
</a>
</div>
<div class="ju7it pyimf d77gl dark:border-neutral-800">
<a class="flex items-center vmt4s jlmh5 rfnst 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" href="#">
Invite people to Htmlstream
</a>
<a class="flex items-center vmt4s jlmh5 rfnst 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" href="#">
Preferences
</a>
<a class="flex items-center vmt4s jlmh5 rfnst 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" href="#">
Manage workspace
</a>
</div>
<div class="ju7it pyimf d77gl dark:border-neutral-800">
<button type="button" class="i65bn flex items-center vmt4s i7oig rfnst ps5iq t5ziw bp13m ksr3h disabled:opacity-50 focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
Sign out
<span class="ms-auto cm336 t6rrs dark:text-neutral-500">
notion.preline.so
</span>
</button>
</div>
</div>
<!-- End Dropdown -->
</div>
</div>
<!-- End Project Dropdown -->
</div>
<!-- Account Dropdown -->
<div class="inline-flex r00n9 i65bn">
<div class="hs-dropdown relative [--strategy:absolute] [--auto-close:inside] [--placement:bottom-right] inline-flex">
<button id="hs-pro-chmsad" type="button" class="flex r00n9 items-center vmt4s aukwz qgy40 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<img class="hq6gx 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 -end-0 block srid0 oq0dt t2pcc v7cgj mc62i dark:ring-neutral-800"></span>
</button>
<!-- Account Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 rmc90 transition-[opacity,margin] duration opacity-0 hidden a799i oo8ro lile3 rrmkk dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-chmsad">
<div class="ju7it">
<a class="flex items-center vmt4s jlmh5 rfnst 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" href="#">
<svg class="hq6gx hxyan 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"><rect width="20" height="14" x="2" y="5" rx="2"/><line x1="2" x2="22" y1="10" y2="10"/></svg>
Billing
</a>
<a class="flex items-center vmt4s jlmh5 rfnst 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" href="#">
<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="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>
Settings
</a>
<a class="flex items-center vmt4s jlmh5 rfnst 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" href="#">
<svg class="hq6gx hxyan 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="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg>
My account
</a>
</div>
<div class="jlmh5 o9qhu k2clc d77gl dark:border-neutral-800">
<!-- Switch/Toggle -->
<div class="flex flex-wrap uip67 items-center h1dxu">
<label for="hs-pro-chmsaddm" class="flex flex-1 cursor-pointer t5ziw bp13m dark:text-neutral-300">Dark mode</label>
<label for="hs-pro-chmsaddm" class="relative inline-block mid1e ljyfw cursor-pointer">
<input data-hs-theme-switch type="checkbox" id="hs-pro-chmsaddm" 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 wjm3v vtbde jhf88 peer-checked:translate-x-full dark:bg-neutral-400 dark:peer-checked:bg-white"></span>
</label>
</div>
<!-- End Switch/Toggle -->
</div>
<div class="ju7it">
<a class="flex items-center vmt4s jlmh5 rfnst 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" href="#">
Sign out
</a>
</div>
</div>
<!-- End Account Dropdown -->
</div>
</div>
<!-- End Account Dropdown -->
</footer>
<!-- End Footer -->
</div>
<!-- Reports -->
<div class="mjoma lpgt1 truncate oo8ro yq7rt d77gl dark:bg-neutral-800 dark:border-neutral-700">
<div class="qpmwn flex flex-col">
<!-- Header -->
<div class="dgw5c pfm1d blhyt flex uip67 items-center lialp ic6aj d77gl dark:border-neutral-700">
<span id="hs-pro-chat-sidebar-label" class="block truncate y2wul bp13m dark:text-neutral-200">
Reports
</span>
<button type="button" class="lg:hidden flex r00n9 items-center vmt4s aukwz 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" data-hs-overlay="#hs-pro-chat-sidebar">
<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>
<span class="ecbnn">Close</span>
</button>
</div>
<!-- End Header -->
<!-- Body -->
<div class="qpmwn overflow-y-auto n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700/50 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<!-- List -->
<div class="n33uu flex flex-col rde0s">
<a class="flex items-center vmt4s i7oig apc69 e9qjd bp13m ps5iq agawe focus:outline-hidden dark:bg-neutral-700/50 dark:text-neutral-300" href="#">
<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 12c.552 0 1.005-.449.95-.998a10 10 0 0 0-8.953-8.951c-.55-.055-.998.398-.998.95v8a1 1 0 0 0 1 1z"/><path d="M21.21 15.89A10 10 0 1 1 8 2.83"/></svg>
Dashboard
</a>
<a class="flex items-center vmt4s i7oig apc69 e9qjd bp13m ps5iq ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-700/50 dark:text-neutral-300 dark:focus:bg-neutral-700/50" href="#">
<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="M14 9a2 2 0 0 1-2 2H6l-4 4V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2z"/><path d="M18 9h2a2 2 0 0 1 2 2v11l-4-4h-6a2 2 0 0 1-2-2v-1"/></svg>
Conversations
<span class="ms-auto">
<span class="ct50n lxh7u inline-flex items-center pgjbi si34l so7bb inline-flex r00n9 items-center b9e4b oq0dt frqwy irgzh dark:bg-orange-500/10 dark:text-orange-500">
<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="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3"/><path d="M12 9v4"/><path d="M12 17h.01"/></svg>
Warning
</span>
</span>
</a>
<a class="flex items-center vmt4s i7oig apc69 e9qjd bp13m ps5iq ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-700/50 dark:text-neutral-300 dark:focus:bg-neutral-700/50" href="#">
<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="M16 2v2"/><path d="M7 22v-2a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v2"/><path d="M8 2v2"/><circle cx="12" cy="11" r="3"/><rect x="3" y="4" width="18" height="18" rx="2"/></svg>
Contacts
</a>
<a class="flex items-center vmt4s i7oig apc69 e9qjd bp13m ps5iq ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-700/50 dark:text-neutral-300 dark:focus:bg-neutral-700/50" href="#">
<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="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>
Team members
<span class="ms-auto">
<span class="n0mud inline-flex items-center pgjbi si34l so7bb inline-flex r00n9 items-center b9e4b oq0dt rjuva bp13m dark:bg-neutral-700 dark:text-neutral-400">
2
</span>
</span>
</a>
<button type="button" class="flex items-center djhx3 i65bn jlmh5 kzzmm cm336 t6rrs ps5iq ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-700/50 dark:text-neutral-500 dark:focus:bg-neutral-700/50">
<span class="flex r00n9 items-center ca09w rjuva t6rrs oq0dt dark:bg-neutral-500/10 dark:text-neutral-500">
<svg class="hq6gx stqz8 mx-auto" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>
</span>
<span class="truncate">Add reports</span>
</button>
</div>
<!-- End List -->
</div>
<!-- End Body -->
<!-- Footer -->
<footer class="n33uu">
<!-- Trial Card -->
<div id="hs-pro-chrstc" class="flex flex-col oo8ro wfm4e d77gl lile3 dark:bg-neutral-800 dark:border-neutral-700">
<div class="yyez4">
<div class="x0zes flex uip67 items-center pgjbi">
<p class="f9qde vo20k t5ziw bp13m dark:text-neutral-200">
Trial ends in 7 days
</p>
<div class="-mt-1.5 -me-1.5">
<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" data-hs-remove-element="#hs-pro-chrstc">
<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>
<span class="ecbnn">Dismiss</span>
</button>
</div>
</div>
<p class="c0yi4 f9qde e9qjd t6rrs dark:text-neutral-500">
Your free trial is expiring. Upgrade to Pro 🚀
</p>
<!-- Progress -->
<div class="dl93o flex i65bn e2wdw wfm4e d77gl oq0dt overflow-hidden dark:border-neutral-700" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100">
<div class="flex flex-col r00n9 overflow-hidden jqqot cm336 zr4l6 lj7mp oq0dt lt27r dark:bg-blue-400" style="width: 60%"></div>
</div>
<!-- End Progress -->
<button type="button" class="jlmh5 apc69 inline-flex items-center lialp ps5iq t5ziw wfm4e x1f8a rwtxm s3xiu disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden hl1n8 dark:border-blue-800 dark:bg-blue-800/20 dark:hover:bg-blue-800/40 dark:text-blue-500 dark:focus:bg-blue-800/40">
<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 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5"/><rect x="2" y="6" width="14" height="12" rx="2"/></svg>
Schedule a call
</button>
</div>
</div>
<!-- End Trial Card -->
<div class="ymk3i flex flex-col rde0s">
<a class="flex items-center vmt4s i7oig apc69 e9qjd bp13m ps5iq ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-700/50 dark:text-neutral-300 dark:focus:bg-neutral-700/50" href="#">
<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"/><path d="m4.93 4.93 4.24 4.24"/><path d="m14.83 9.17 4.24-4.24"/><path d="m14.83 14.83 4.24 4.24"/><path d="m9.17 14.83-4.24 4.24"/><circle cx="12" cy="12" r="4"/></svg>
Help & Support
</a>
<a class="flex items-center vmt4s i7oig apc69 e9qjd bp13m ps5iq ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-700/50 dark:text-neutral-300 dark:focus:bg-neutral-700/50" href="#">
<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="M7 10v12"/><path d="M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2a3.13 3.13 0 0 1 3 3.88Z"/></svg>
Leave feedback
</a>
</div>
</footer>
<!-- End Footer -->
</div>
</div>
<!-- End Reports -->
</div>
</div>
</aside>
<!-- ========== END MAIN SIDEBAR ========== -->
<!-- ========== MAIN CONTENT ========== -->
<main id="content" class="sw1e8 q93vw -mt-px g0ipl jahre">
<div class="n33uu aw496 i65bn vgnh1 mx-auto">
<div class="flex flex-col h1dxu kr30z">
<!-- Content -->
<div class="wtyk2 i65bn mx-auto e7ri1 oo8ro lt1ca czipp gcoy5 n33uu u4ydj dark:bg-neutral-800 dark:border-neutral-700">
<!-- Loading Indicator -->
<div class="qpmwn flex flex-col r00n9 items-center lj7mp">
<span class="jlmh5 inline-flex pgjbi">
<span class="ui2kz eymwd oq0dt animate-[typing_1s_ease-in-out_infinite] dark:bg-neutral-200"></span>
<span class="ui2kz eymwd oq0dt animate-[typing_1s_ease-in-out_infinite_0.2s] dark:bg-neutral-200"></span>
<span class="ui2kz eymwd oq0dt animate-[typing_1s_ease-in-out_infinite_0.4s] dark:bg-neutral-200"></span>
</span>
<p class="ymk3i t5ziw t6rrs dark:text-neutral-500">
This is a placeholder loader.<br>This conent is empty.
</p>
</div>
<!-- End Loading Indicator -->
</div>
<!-- End Content -->
</div>
</div>
</main>
<!-- ========== END MAIN CONTENT ========== -->
<body class="hs-overlay-body-open agawe dark:bg-neutral-900">
<!-- ========== MAIN SIDEBAR ========== -->
<aside class="relative">
<div id="hs-pro-chat-sidebar" class="hs-overlay [--auto-close:xl]
hs-overlay-open:translate-x-0
-translate-x-full g0ipl jahre lrm8y
mjoma lpgt1
hidden
fixed h5ske uv2uj r6ixe rm3rx
agawe
lg:block ykh3p lg:end-auto lg:bottom-0]xl:block hkt5v xl:end-auto wxgl1
dark:bg-neutral-900" tabindex="-1" aria-label="Sidebar">
<div class="qpmwn flex">
<!-- Secondary Content -->
<div class="mjoma lpgt1 truncate oo8ro yq7rt d77gl dark:bg-neutral-800 dark:border-neutral-700">
<div class="qpmwn flex flex-col">
<!-- Header -->
<div class="i7oig blhyt flex uip67 items-center lialp ic6aj d77gl dark:border-neutral-700">
<span class="block truncate y2wul bp13m dark:text-neutral-200">
Inbox
</span>
<div class="flex items-center">
<!-- Select -->
<div class="relative inline-block">
<select id="hs-pro-select-revenue" data-hs-select='{
"placeholder": "Select option...",
"toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>",
"toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative i7oig g4kd8 ipy9g inline-flex hq6gx r00n9 items-center vrcxw cm336 t6rrs ps5iq ksr3h focus:outline-hidden kf4z7 before:absolute before:inset-0 before:z-1 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700",
"dropdownClasses": "ls9te ucmtr qzvcy ju7it space-y-0.5 oo8ro lile3 rrmkk dark:bg-neutral-900",
"optionClasses": "hs-selected:bg-gray-100 dark:hs-selected:bg-neutral-800 jlmh5 kzzmm i65bn e9qjd bp13m ps5iq cursor-pointer ksr3h ps5iq focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex uip67 items-center i65bn \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"hq6gx stqz8 bp13m dark:text-neutral-200 \" xmlns=\"http:.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"/></svg></span></div>"
}' class="hidden">
<option value="">Choose</option>
<option selected>Newest</option>
<option>Oldest</option>
</select>
<div class="absolute wgue8 cpkvx -translate-y-1/2">
<svg class="hq6gx stqz8 xq1jm 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 class="relative flex items-center pgjbi yujsw zocwd before:absolute before:top-1/2 before:start-0 before:w-px before:h-4 before:bg-gray-200 before:-translate-y-1/2 dark:before:bg-neutral-700">
<!-- Button -->
<button type="button" class="flex r00n9 items-center vmt4s aukwz 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" data-hs-overlay="#hs-pro-chhcp">
<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="M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"/><path d="M18.375 2.625a2.121 2.121 0 1 1 3 3L12 15l-4 1 1-4Z"/></svg>
<span class="ecbnn">Compose</span>
</button>
<!-- End Button -->
</div>
</div>
</div>
<!-- End Header -->
<!-- Search -->
<div class="ic6aj d77gl dark:border-neutral-700">
<!-- SearchBox -->
<div class="relative" data-hs-combo-box='{
"groupingType": "default",
"preventSelection": true,
"isOpenOnFocus": true,
"outputEmptyTemplate": "<div class=\"xlz15 h-[calc(100dvh-85px)] flex flex-col r00n9 items-center lj7mp \"><svg class=\"rmc90 mx-auto dl93o \" width=\"178\" height=\"90\" viewBox=\"0 0 178 90\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><rect x=\"27\" y=\"50.5\" width=\"124\" height=\"39\" rx=\"7.5\" fill=\"white\"/><rect x=\"27\" y=\"50.5\" width=\"124\" height=\"39\" rx=\"7.5\" stroke=\"#F9FAFB\"/><rect x=\"34.5\" y=\"58\" width=\"24\" height=\"24\" rx=\"12\" fill=\"#F9FAFB\"/><rect x=\"66.5\" y=\"61\" width=\"60\" height=\"6\" rx=\"3\" fill=\"#F9FAFB\"/><rect x=\"66.5\" y=\"73\" width=\"77\" height=\"6\" rx=\"3\" fill=\"#F9FAFB\"/><rect x=\"19.5\" y=\"28.5\" width=\"139\" height=\"39\" rx=\"7.5\" fill=\"white\"/><rect x=\"19.5\" y=\"28.5\" width=\"139\" height=\"39\" rx=\"7.5\" stroke=\"#F3F4F6\"/><rect x=\"27\" y=\"36\" width=\"24\" height=\"24\" rx=\"12\" fill=\"#F3F4F6\"/><rect x=\"59\" y=\"39\" width=\"60\" height=\"6\" rx=\"3\" fill=\"#F3F4F6\"/><rect x=\"59\" y=\"51\" width=\"92\" height=\"6\" rx=\"3\" fill=\"#F3F4F6\"/><g filter=\"url(#@@id)\"><rect x=\"12\" y=\"6\" width=\"154\" height=\"40\" rx=\"8\" fill=\"white\" shape-rendering=\"crispEdges\"/><rect x=\"12.5\" y=\"6.5\" width=\"153\" height=\"39\" rx=\"7.5\" stroke=\"#F3F4F6\" shape-rendering=\"crispEdges\"/><rect x=\"20\" y=\"14\" width=\"24\" height=\"24\" rx=\"12\" fill=\"#E5E7EB\"/><rect x=\"52\" y=\"17\" width=\"60\" height=\"6\" rx=\"3\" fill=\"#E5E7EB\"/><rect x=\"52\" y=\"29\" width=\"106\" height=\"6\" rx=\"3\" fill=\"#E5E7EB\"/></g><defs><filter id=\"@@id\" x=\"0\" y=\"0\" width=\"178\" height=\"64\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/><feOffset dy=\"6\"/><feGaussianBlur stdDeviation=\"6\"/><feComposite in2=\"hardAlpha\" operator=\"out\"/><feColorMatrix type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0\"/><feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_1187_14810\"/><feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_1187_14810\" result=\"shape\"/></filter></defs></svg><div class=\"idprf mx-auto \"><p class=\"ls9te t5ziw xq1jm dark:text-neutral-400 \">No search results</p></div></div>",
"preventAutoPosition": true,
"groupingTitleTemplate": "<div class=\"block cm336 t6rrs ymk3i xl1oe hypkf dark:text-neutral-500 dark:border-neutral-700 \"></div>"
}'>
<div class="relative">
<div class="absolute h5ske uv2uj flex items-center howv4 a799i mdgiz">
<svg class="hq6gx ibvs1 kvliy dark:text-white/60" xmlns="http://www.w3.org/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="11" cy="11" r="8"/><path d="m21 21-4.3-4.3"/></svg>
</div>
<input type="text" class="jlmh5 cidqc block i65bn oo8ro stvln rounded-0 l9dcb e27cm focus:outline-hidden p1ez7 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:text-neutral-400 dark:placeholder:text-neutral-400" role="combobox" aria-expanded="false" placeholder="Search" data-hs-combo-box-input>
<div class="hidden hs-combo-box-active:flex absolute h5ske fug6q items-center a799i a498d" data-hs-combo-box-input>
<button type="button" class="inline-flex hq6gx r00n9 items-center awhdl oq0dt t6rrs ck8au focus:outline-hidden oahj8 dark:text-neutral-500 dark:hover:text-blue-500 dark:focus:text-blue-500" aria-label="Close" data-hs-combo-box-close>
<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"><circle cx="12" cy="12" r="10"/><path d="m15 9-6 6"/><path d="m9 9 6 6"/></svg>
</button>
</div>
</div>
<!-- SearchBox Dropdown -->
<div class="absolute top-full ucmtr i65bn oo8ro pyimf d77gl dark:bg-neutral-800 dark:border-neutral-700 hidden" data-hs-combo-box-output>
<div class="lkr81 h-[calc(100dvh-85px)] overflow-y-auto overflow-hidden n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<!-- Content -->
<div data-hs-combo-box-output-items-wrapper>
<div class="uelc0 g69xo">
<div data-hs-combo-box-output-item='{"group": {"name": "quick-action", "title": "Quick Action"}}' tabindex="0">
<!-- Item -->
<a class="i7oig blhyt group flex items-center vmt4s focus:outline-hidden" href="#">
<svg class="hq6gx ibvs1 rwtxm dark:text-blue-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="M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z"/><circle cx="12" cy="13" r="3"/></svg>
<span class="vo20k e9qjd bp13m group-hover:text-blue-600 dark:text-neutral-200 dark:group-hover:text-blue-500 dark:group-focus:text-blue-500" data-hs-combo-box-search-text="Photos" data-hs-combo-box-value>
Photos
</span>
<div class="ms-auto">
<svg class="hq6gx stqz8 t6rrs group-hover:text-blue-600 dark:text-neutral-500 dark:group-hover:text-blue-500 dark:group-focus:text-blue-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="m9 18 6-6-6-6"/></svg>
</div>
</a>
<!-- End Item -->
</div>
<div data-hs-combo-box-output-item='{"group": {"name": "quick-action", "title": "Quick Action"}}' tabindex="1">
<!-- Item -->
<a class="i7oig blhyt group flex items-center vmt4s focus:outline-hidden" href="#">
<svg class="hq6gx ibvs1 rwtxm dark:text-blue-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="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="vo20k e9qjd bp13m group-hover:text-blue-600 dark:text-neutral-200 dark:group-hover:text-blue-500 dark:group-focus:text-blue-500" data-hs-combo-box-search-text="Links" data-hs-combo-box-value>
Links
</span>
<div class="ms-auto">
<svg class="hq6gx stqz8 t6rrs group-hover:text-blue-600 dark:text-neutral-500 dark:group-hover:text-blue-500 dark:group-focus:text-blue-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="m9 18 6-6-6-6"/></svg>
</div>
</a>
<!-- End Item -->
</div>
<div data-hs-combo-box-output-item='{"group": {"name": "quick-action", "title": "Quick Action"}}' tabindex="2">
<!-- Item -->
<a class="i7oig blhyt group flex items-center vmt4s focus:outline-hidden" href="#">
<svg class="hq6gx ibvs1 rwtxm dark:text-blue-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="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"/><path d="M14 2v4a2 2 0 0 0 2 2h4"/><path d="M10 9H8"/><path d="M16 13H8"/><path d="M16 17H8"/></svg>
<span class="vo20k e9qjd bp13m group-hover:text-blue-600 dark:text-neutral-200 dark:group-hover:text-blue-500 dark:group-focus:text-blue-500" data-hs-combo-box-search-text="Documents" data-hs-combo-box-value>
Documents
</span>
<div class="ms-auto">
<svg class="hq6gx stqz8 t6rrs group-hover:text-blue-600 dark:text-neutral-500 dark:group-hover:text-blue-500 dark:group-focus:text-blue-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="m9 18 6-6-6-6"/></svg>
</div>
</a>
<!-- End Item -->
</div>
<div data-hs-combo-box-output-item='{"group": {"name": "contacts", "title": "Contacts"}}' tabindex="8">
<!-- Avatar -->
<a class="group i7oig blhyt flex items-center vmt4s focus:outline-hidden" href="#">
<div class="hq6gx">
<img class="hq6gx aukwz oq0dt" src="https://images.unsplash.com/photo-1541101767792-f9b2b1c4f127?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80" alt="Avatar">
</div>
<div class="e3fpz truncate">
<p class="vo20k t5ziw amkne bp13m group-hover:text-blue-600 group-focus:text-blue-600 dark:text-neutral-200 dark:group-hover:text-blue-500 dark:group-focus:text-blue-500" data-hs-combo-box-search-text="Amanda Harvey" data-hs-combo-box-value>
Amanda Harvey
</p>
</div>
<div class="ms-auto">
<svg class="hq6gx stqz8 t6rrs 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="m9 18 6-6-6-6"/></svg>
</div>
</a>
<!-- End Avatar -->
</div>
<div data-hs-combo-box-output-item='{"group": {"name": "contacts", "title": "Contacts"}}' tabindex="9">
<!-- Avatar -->
<a class="group i7oig blhyt flex items-center vmt4s focus:outline-hidden" href="#">
<div class="hq6gx">
<img class="hq6gx aukwz 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>
<div class="e3fpz truncate">
<p class="vo20k t5ziw amkne bp13m group-hover:text-blue-600 group-focus:text-blue-600 dark:text-neutral-200 dark:group-hover:text-blue-500 dark:group-focus:text-blue-500" data-hs-combo-box-search-text="Anna Richard" data-hs-combo-box-value>
Anna Richard
</p>
</div>
<div class="ms-auto">
<svg class="hq6gx stqz8 t6rrs 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="m9 18 6-6-6-6"/></svg>
</div>
</a>
<!-- End Avatar -->
</div>
<div data-hs-combo-box-output-item='{"group": {"name": "contacts", "title": "Contacts"}}' tabindex="10">
<!-- Avatar -->
<a class="group i7oig blhyt flex items-center vmt4s focus:outline-hidden" href="#">
<div class="hq6gx">
<span class="flex hq6gx r00n9 items-center aukwz oo8ro wfm4e d77gl p4gf7 cm336 vo20k e7zws oq0dt dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300">
A
</span>
</div>
<div class="e3fpz truncate">
<p class="vo20k t5ziw amkne bp13m group-hover:text-blue-600 group-focus:text-blue-600 dark:text-neutral-200 dark:group-hover:text-blue-500 dark:group-focus:text-blue-500" data-hs-combo-box-search-text="Alex Brown" data-hs-combo-box-value>
Alex Brown
</p>
</div>
<div class="ms-auto">
<svg class="hq6gx stqz8 t6rrs 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="m9 18 6-6-6-6"/></svg>
</div>
</a>
<!-- End Avatar -->
</div>
<div data-hs-combo-box-output-item='{"group": {"name": "contacts", "title": "Contacts"}}' tabindex="11">
<!-- Avatar -->
<a class="group i7oig blhyt flex items-center vmt4s focus:outline-hidden" href="#">
<div class="hq6gx">
<span class="flex hq6gx r00n9 items-center aukwz oo8ro wfm4e d77gl p4gf7 cm336 vo20k e7zws oq0dt dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300">
B
</span>
</div>
<div class="e3fpz truncate">
<p class="vo20k t5ziw amkne bp13m group-hover:text-blue-600 group-focus:text-blue-600 dark:text-neutral-200 dark:group-hover:text-blue-500 dark:group-focus:text-blue-500" data-hs-combo-box-search-text="Bob Dean" data-hs-combo-box-value>
Bob Dean
</p>
</div>
<div class="ms-auto">
<svg class="hq6gx stqz8 t6rrs 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="m9 18 6-6-6-6"/></svg>
</div>
</a>
<!-- End Avatar -->
</div>
<div data-hs-combo-box-output-item='{"group": {"name": "contacts", "title": "Contacts"}}' tabindex="12">
<!-- Avatar -->
<a class="group i7oig blhyt flex items-center vmt4s focus:outline-hidden" href="#">
<div class="hq6gx">
<img class="hq6gx aukwz oq0dt" src="https://images.unsplash.com/photo-1548142813-c348350df52b?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80" alt="Avatar">
</div>
<div class="e3fpz truncate">
<p class="vo20k t5ziw amkne bp13m group-hover:text-blue-600 group-focus:text-blue-600 dark:text-neutral-200 dark:group-hover:text-blue-500 dark:group-focus:text-blue-500" data-hs-combo-box-search-text="Chun Wa" data-hs-combo-box-value>
Chun Wa
</p>
</div>
<div class="ms-auto">
<svg class="hq6gx stqz8 t6rrs 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="m9 18 6-6-6-6"/></svg>
</div>
</a>
<!-- End Avatar -->
</div>
<div data-hs-combo-box-output-item='{"group": {"name": "contacts", "title": "Contacts"}}' tabindex="13">
<!-- Avatar -->
<a class="group i7oig blhyt flex items-center vmt4s focus:outline-hidden" href="#">
<div class="hq6gx">
<img class="hq6gx aukwz oq0dt" src="https://images.unsplash.com/photo-1601935111741-ae98b2b230b0?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80" alt="Avatar">
</div>
<div class="e3fpz truncate">
<p class="vo20k t5ziw amkne bp13m group-hover:text-blue-600 group-focus:text-blue-600 dark:text-neutral-200 dark:group-hover:text-blue-500 dark:group-focus:text-blue-500" data-hs-combo-box-search-text="Costa Quinn" data-hs-combo-box-value>
Costa Quinn
</p>
</div>
<div class="ms-auto">
<svg class="hq6gx stqz8 t6rrs 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="m9 18 6-6-6-6"/></svg>
</div>
</a>
<!-- End Avatar -->
</div>
<div data-hs-combo-box-output-item='{"group": {"name": "contacts", "title": "Contacts"}}' tabindex="14">
<!-- Avatar -->
<a class="group i7oig blhyt flex items-center vmt4s focus:outline-hidden" href="#">
<div class="hq6gx">
<img class="hq6gx aukwz oq0dt" src="https://images.unsplash.com/photo-1568602471122-7832951cc4c5?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80" alt="Avatar">
</div>
<div class="e3fpz truncate">
<p class="vo20k t5ziw amkne bp13m group-hover:text-blue-600 group-focus:text-blue-600 dark:text-neutral-200 dark:group-hover:text-blue-500 dark:group-focus:text-blue-500" data-hs-combo-box-search-text="David Harrison" data-hs-combo-box-value>
David Harrison
</p>
</div>
<div class="ms-auto">
<svg class="hq6gx stqz8 t6rrs 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="m9 18 6-6-6-6"/></svg>
</div>
</a>
<!-- End Avatar -->
</div>
<div data-hs-combo-box-output-item='{"group": {"name": "contacts", "title": "Contacts"}}' tabindex="15">
<!-- Avatar -->
<a class="group i7oig blhyt flex items-center vmt4s focus:outline-hidden" href="#">
<div class="hq6gx">
<img class="hq6gx aukwz oq0dt" src="https://images.unsplash.com/photo-1659482634023-2c4fda99ac0c?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80" alt="Avatar">
</div>
<div class="e3fpz truncate">
<p class="vo20k t5ziw amkne bp13m group-hover:text-blue-600 group-focus:text-blue-600 dark:text-neutral-200 dark:group-hover:text-blue-500 dark:group-focus:text-blue-500" data-hs-combo-box-search-text="Ella Lauda" data-hs-combo-box-value>
Ella Lauda
</p>
</div>
<div class="ms-auto">
<svg class="hq6gx stqz8 t6rrs 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="m9 18 6-6-6-6"/></svg>
</div>
</a>
<!-- End Avatar -->
</div>
<div data-hs-combo-box-output-item='{"group": {"name": "contacts", "title": "Contacts"}}' tabindex="16">
<!-- Avatar -->
<a class="group i7oig blhyt flex items-center vmt4s focus:outline-hidden" href="#">
<div class="hq6gx">
<img class="hq6gx aukwz oq0dt" src="https://images.unsplash.com/photo-1568048689711-5e0325cea8c0?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80" alt="Avatar">
</div>
<div class="e3fpz truncate">
<p class="vo20k t5ziw amkne bp13m group-hover:text-blue-600 group-focus:text-blue-600 dark:text-neutral-200 dark:group-hover:text-blue-500 dark:group-focus:text-blue-500" data-hs-combo-box-search-text="Elizabeth Cru" data-hs-combo-box-value>
Elizabeth Cru
</p>
</div>
<div class="ms-auto">
<svg class="hq6gx stqz8 t6rrs 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="m9 18 6-6-6-6"/></svg>
</div>
</a>
<!-- End Avatar -->
</div>
<div data-hs-combo-box-output-item='{"group": {"name": "contacts", "title": "Contacts"}}' tabindex="17">
<!-- Avatar -->
<a class="group i7oig blhyt flex items-center vmt4s focus:outline-hidden" href="#">
<div class="hq6gx">
<img class="hq6gx aukwz oq0dt" src="https://images.unsplash.com/photo-1679412330254-90cb240038c5?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80" alt="Avatar">
</div>
<div class="e3fpz truncate">
<p class="vo20k t5ziw amkne bp13m group-hover:text-blue-600 group-focus:text-blue-600 dark:text-neutral-200 dark:group-hover:text-blue-500 dark:group-focus:text-blue-500" data-hs-combo-box-search-text="Lewis Clarke" data-hs-combo-box-value>
Lewis Clarke
</p>
</div>
<div class="ms-auto">
<svg class="hq6gx stqz8 t6rrs 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="m9 18 6-6-6-6"/></svg>
</div>
</a>
<!-- End Avatar -->
</div>
<div data-hs-combo-box-output-item='{"group": {"name": "contacts", "title": "Contacts"}}' tabindex="18">
<!-- Avatar -->
<a class="group i7oig blhyt flex items-center vmt4s focus:outline-hidden" href="#">
<div class="hq6gx">
<span class="flex hq6gx r00n9 items-center aukwz oo8ro wfm4e d77gl p4gf7 cm336 vo20k e7zws oq0dt dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300">
M
</span>
</div>
<div class="e3fpz truncate">
<p class="vo20k t5ziw amkne bp13m group-hover:text-blue-600 group-focus:text-blue-600 dark:text-neutral-200 dark:group-hover:text-blue-500 dark:group-focus:text-blue-500" data-hs-combo-box-search-text="Mark Colbert" data-hs-combo-box-value>
Mark Colbert
</p>
</div>
<div class="ms-auto">
<svg class="hq6gx stqz8 t6rrs 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="m9 18 6-6-6-6"/></svg>
</div>
</a>
<!-- End Avatar -->
</div>
<div data-hs-combo-box-output-item='{"group": {"name": "contacts", "title": "Contacts"}}' tabindex="19">
<!-- Avatar -->
<a class="group i7oig blhyt flex items-center vmt4s focus:outline-hidden" href="#">
<div class="hq6gx">
<span class="flex hq6gx r00n9 items-center aukwz oo8ro wfm4e d77gl p4gf7 cm336 vo20k e7zws oq0dt dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300">
O
</span>
</div>
<div class="e3fpz truncate">
<p class="vo20k t5ziw amkne bp13m group-hover:text-blue-600 group-focus:text-blue-600 dark:text-neutral-200 dark:group-hover:text-blue-500 dark:group-focus:text-blue-500" data-hs-combo-box-search-text="Ols Schols" data-hs-combo-box-value>
Ols Schols
</p>
</div>
<div class="ms-auto">
<svg class="hq6gx stqz8 t6rrs 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="m9 18 6-6-6-6"/></svg>
</div>
</a>
<!-- End Avatar -->
</div>
<div data-hs-combo-box-output-item='{"group": {"name": "contacts", "title": "Contacts"}}' tabindex="20">
<!-- Avatar -->
<a class="group i7oig blhyt flex items-center vmt4s focus:outline-hidden" href="#">
<div class="hq6gx">
<span class="flex hq6gx r00n9 items-center aukwz oo8ro wfm4e d77gl p4gf7 cm336 vo20k e7zws oq0dt dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300">
R
</span>
</div>
<div class="e3fpz truncate">
<p class="vo20k t5ziw amkne bp13m group-hover:text-blue-600 group-focus:text-blue-600 dark:text-neutral-200 dark:group-hover:text-blue-500 dark:group-focus:text-blue-500" data-hs-combo-box-search-text="Rachel Doe" data-hs-combo-box-value>
Rachel Doe
</p>
</div>
<div class="ms-auto">
<svg class="hq6gx stqz8 t6rrs 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="m9 18 6-6-6-6"/></svg>
</div>
</a>
<!-- End Avatar -->
</div>
</div>
</div>
<!-- End Content -->
</div>
</div>
<!-- End SearchBox Dropdown -->
</div>
<!-- End Searchbox -->
</div>
<!-- End Search -->
<!-- Tabs -->
<div class="jlmh5 ic6aj d77gl dark:border-neutral-700">
<div class="-mb-2.5 apc69 overflow-x-auto">
<div class="overflow-x-auto moqdl">
<!-- Nav Tab -->
<nav class="flex duzhl" aria-label="Tabs" role="tablist" aria-orientation="horizontal">
<button type="button" class="hs-tab-active:after:bg-gray-800 hs-tab-active:text-gray-800 rfnst i7oig qhmnk relative inline-flex r00n9 items-center lialp ksr3h t6rrs l24f5 vo20k cm336 umxjj disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 after:absolute after:-bottom-2 after:inset-x-2.5 after:z-10 after:h-0.5 after:pointer-events-none dark:hs-tab-active:text-neutral-200 dark:hs-tab-active:after:bg-neutral-400 dark:text-neutral-500 dark:hover:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden active" id="hs-pro-tabs-chsn-item-all" aria-selected="true" data-hs-tab="#hs-pro-tabs-chsn-all" aria-controls="hs-pro-tabs-chsn-all" role="tab" >
All
</button>
<button type="button" class="hs-tab-active:after:bg-gray-800 hs-tab-active:text-gray-800 rfnst i7oig qhmnk relative inline-flex r00n9 items-center lialp ksr3h t6rrs l24f5 vo20k cm336 umxjj disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 after:absolute after:-bottom-2 after:inset-x-2.5 after:z-10 after:h-0.5 after:pointer-events-none dark:hs-tab-active:text-neutral-200 dark:hs-tab-active:after:bg-neutral-400 dark:text-neutral-500 dark:hover:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden " id="hs-pro-tabs-chsn-item-mentions" aria-selected="false" data-hs-tab="#hs-pro-tabs-chsn-mentions" aria-controls="hs-pro-tabs-chsn-mentions" role="tab" >
Mentions
</button>
<button type="button" class="hs-tab-active:after:bg-gray-800 hs-tab-active:text-gray-800 rfnst i7oig qhmnk relative inline-flex r00n9 items-center lialp ksr3h t6rrs l24f5 vo20k cm336 umxjj disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 after:absolute after:-bottom-2 after:inset-x-2.5 after:z-10 after:h-0.5 after:pointer-events-none dark:hs-tab-active:text-neutral-200 dark:hs-tab-active:after:bg-neutral-400 dark:text-neutral-500 dark:hover:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden " id="hs-pro-tabs-chsn-item-spammed" aria-selected="false" data-hs-tab="#hs-pro-tabs-chsn-spammed" aria-controls="hs-pro-tabs-chsn-spammed" role="tab" >
Spam
</button>
<button type="button" class="hs-tab-active:after:bg-gray-800 hs-tab-active:text-gray-800 rfnst i7oig qhmnk relative inline-flex r00n9 items-center lialp ksr3h t6rrs l24f5 vo20k cm336 umxjj disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 after:absolute after:-bottom-2 after:inset-x-2.5 after:z-10 after:h-0.5 after:pointer-events-none dark:hs-tab-active:text-neutral-200 dark:hs-tab-active:after:bg-neutral-400 dark:text-neutral-500 dark:hover:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden " id="hs-pro-tabs-chsn-item-blocked" aria-selected="false" data-hs-tab="#hs-pro-tabs-chsn-blocked" aria-controls="hs-pro-tabs-chsn-blocked" role="tab" >
Blocked
</button>
</nav>
<!-- End Nav Tab -->
</div>
</div>
</div>
<!-- End Tabs -->
<div class="qpmwn overflow-y-auto n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<!-- Tab Content -->
<div id="hs-pro-tabs-chsn-all" class="qpmwn" role="tabpanel" aria-labelledby="hs-pro-tabs-chsn-item-all">
<div aria-label="Tabs" role="tablist" aria-orientation="vertical">
<!-- Message --><div class="hs-tab-active:bg-gray-200 dark:hs-tab-active:bg-neutral-700/70 relative cursor-pointer oo8ro ksr3h focus:outline-hidden kf4z7 dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:border-neutral-700 active " id="hs-pro-tabs-chct-item-1" aria-selected="true" data-hs-tab="#hs-pro-tabs-chct-1" aria-controls="hs-pro-tabs-chct-1" role="tab" >
<div class="gxlt6 blhyt flex items-center vmt4s ic6aj pcsut dark:border-neutral-700">
<div class="hq6gx">
<div class="relative aukwz">
<img class="hq6gx aukwz oq0dt" src="https://images.unsplash.com/photo-1601935111741-ae98b2b230b0?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80" alt="Avatar">
<span class="absolute -bottom-0 -end-0 block srid0 oq0dt t2pcc ouvii mc62i dark:ring-neutral-800"></span>
</div>
</div>
<div class="e3fpz truncate">
<div class="flex uip67 items-center pgjbi">
<p class="truncate vo20k e9qjd bp13m dark:text-neutral-200">Costa Quinn</p>
<div>
<svg class="inline-block hq6gx stqz8 rwtxm" xmlns="http://www.w3.org/2000/svg" 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 7 17l-5-5"/><path d="m22 10-7.5 7.5L13 16"/></svg>
<span class="b9e4b kvliy e7zws dark:text-neutral-500">1m</span>
</div>
</div>
<div class="truncate ltwps">
<p class="truncate t6rrs dark:text-neutral-500 cm336">Yes, you can!</p>
</div>
</div>
</div>
</div><!-- End Message -->
<!-- Message --><div class="hs-tab-active:bg-gray-200 dark:hs-tab-active:bg-neutral-700/70 relative cursor-pointer oo8ro ksr3h focus:outline-hidden kf4z7 dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:border-neutral-700 " id="hs-pro-tabs-chct-item-2" aria-selected="false" data-hs-tab="#hs-pro-tabs-chct-2" aria-controls="hs-pro-tabs-chct-2" role="tab" >
<div class="gxlt6 blhyt flex items-center vmt4s ic6aj pcsut dark:border-neutral-700">
<div class="hq6gx">
<div class="relative aukwz">
<span class="flex hq6gx r00n9 items-center aukwz cm336 vo20k e7zws nkesj zr4l6 oq0dt">
R
</span>
</div>
</div>
<div class="e3fpz truncate">
<div class="flex uip67 items-center pgjbi">
<p class="truncate vo20k e9qjd bp13m dark:text-neutral-200">Rachel Doe</p>
<div>
<span class="b9e4b kvliy e7zws dark:text-neutral-500">14m</span>
</div>
</div>
<div class="truncate ltwps">
<div class="flex items-center vrcxw">
<img class="hq6gx ca09w dqdmd exlm9" src="../../assets/img/mockups/img10.jpg" alt="Attachment Image">
<div class="e3fpz truncate">
<p class="truncate y2wul bp13m dark:text-neutral-200 cm336">When using open method, const select = new HSSelect(document.querySelector('#select'));</p>
</div>
</div>
</div>
<div class="hs-tab-active:hidden absolute bn2fw z5b3o">
<span class="relative wk14c e0dtn inline-flex r00n9 items-center b9e4b q4mvv zr4l6 oq0dt n0mud">
3
</span>
</div>
</div>
</div>
</div><!-- End Message -->
<!-- Message --><div class="hs-tab-active:bg-gray-200 dark:hs-tab-active:bg-neutral-700/70 relative cursor-pointer oo8ro ksr3h focus:outline-hidden kf4z7 dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:border-neutral-700 " id="hs-pro-tabs-chct-item-3" aria-selected="false" data-hs-tab="#hs-pro-tabs-chct-3" aria-controls="hs-pro-tabs-chct-3" role="tab" >
<div class="gxlt6 blhyt flex items-center vmt4s ic6aj pcsut dark:border-neutral-700">
<div class="hq6gx">
<div class="relative aukwz">
<img class="hq6gx aukwz oq0dt" src="https://images.unsplash.com/photo-1679412330254-90cb240038c5?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80" alt="Avatar">
</div>
</div>
<div class="e3fpz truncate">
<div class="flex uip67 items-center pgjbi">
<p class="truncate vo20k e9qjd bp13m dark:text-neutral-200">Lewis Clarke</p>
<div>
<span class="b9e4b kvliy e7zws dark:text-neutral-500">15m</span>
</div>
</div>
<div class="truncate ltwps">
<p class="truncate t6rrs dark:text-neutral-500 cm336">How's these all free? 🤯</p>
</div>
</div>
</div>
</div><!-- End Message -->
<!-- Message --><div class="hs-tab-active:bg-gray-200 dark:hs-tab-active:bg-neutral-700/70 relative cursor-pointer oo8ro ksr3h focus:outline-hidden kf4z7 dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:border-neutral-700 " id="hs-pro-tabs-chct-item-4" aria-selected="false" data-hs-tab="#hs-pro-tabs-chct-4" aria-controls="hs-pro-tabs-chct-4" role="tab" >
<div class="gxlt6 blhyt flex items-center vmt4s ic6aj pcsut dark:border-neutral-700">
<div class="hq6gx">
<div class="relative aukwz">
<span class="flex hq6gx r00n9 items-center awhdl zr4l6 cm336 vo20k e7zws ot31m oq0dt">
T
</span><img class="absolute wix12 org4j hq6gx ca09w oq0dt t2pcc ouvii dark:ring-neutral-800" 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>
<div class="e3fpz truncate">
<div class="flex uip67 items-center pgjbi">
<p class="truncate vo20k e9qjd bp13m dark:text-neutral-200">Technical issues</p>
<div>
<svg class="inline-block hq6gx stqz8 rwtxm" xmlns="http://www.w3.org/2000/svg" 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 class="b9e4b kvliy e7zws dark:text-neutral-500">55m</span>
</div>
</div>
<div class="truncate ltwps">
<p class="truncate t6rrs dark:text-neutral-500 cm336">Great! 👍️</p>
</div>
</div>
</div>
</div><!-- End Message -->
</div>
</div>
<!-- End Tab Content -->
<!-- Tab Content -->
<div id="hs-pro-tabs-chsn-mentions" class="hidden qpmwn" role="tabpanel" aria-labelledby="hs-pro-tabs-chsn-item-mentions">
<!-- Empty State -->
<div class="xlz15 qpmwn flex flex-col r00n9 items-center lj7mp">
<svg class="rmc90 mx-auto dl93o" width="178" height="90" viewBox="0 0 178 90" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="27" y="50.5" width="124" height="39" rx="7.5" fill="currentColor" class="mlmpr dark:fill-neutral-800"/>
<rect x="27" y="50.5" width="124" height="39" rx="7.5" stroke="currentColor" class="l4rfy dark:stroke-neutral-700/10"/>
<rect x="34.5" y="58" width="24" height="24" rx="12" fill="currentColor" class="hb386 dark:fill-neutral-700/30"/>
<rect x="66.5" y="61" width="60" height="6" rx="3" fill="currentColor" class="hb386 dark:fill-neutral-700/30"/>
<rect x="66.5" y="73" width="77" height="6" rx="3" fill="currentColor" class="hb386 dark:fill-neutral-700/30"/>
<rect x="19.5" y="28.5" width="139" height="39" rx="7.5" fill="currentColor" class="mlmpr dark:fill-neutral-800"/>
<rect x="19.5" y="28.5" width="139" height="39" rx="7.5" stroke="currentColor" class="c7le4 dark:stroke-neutral-700/30"/>
<rect x="27" y="36" width="24" height="24" rx="12" fill="currentColor" class="p2drp dark:fill-neutral-700/70"/>
<rect x="59" y="39" width="60" height="6" rx="3" fill="currentColor" class="p2drp dark:fill-neutral-700/70"/>
<rect x="59" y="51" width="92" height="6" rx="3" fill="currentColor" class="p2drp dark:fill-neutral-700/70"/>
<g filter="url(#filter2)">
<rect x="12" y="6" width="154" height="40" rx="8" class="mlmpr dark:fill-neutral-800" shape-rendering="crispEdges"/>
<rect x="12.5" y="6.5" width="153" height="39" rx="7.5" stroke="currentColor" class="c7le4 dark:stroke-neutral-700/60" shape-rendering="crispEdges"/>
<rect x="20" y="14" width="24" height="24" rx="12" fill="currentColor" class="bxw6c dark:fill-neutral-700"/>
<rect x="52" y="17" width="60" height="6" rx="3" fill="currentColor" class="bxw6c dark:fill-neutral-700"/>
<rect x="52" y="29" width="106" height="6" rx="3" fill="currentColor" class="bxw6c dark:fill-neutral-700"/>
</g>
<defs>
<filter id="filter2" x="0" y="0" width="178" height="64" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="6"/>
<feGaussianBlur stdDeviation="6"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1187_14810"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1187_14810" result="shape"/>
</filter>
</defs>
</svg>
<div class="idprf mx-auto f9qde">
<p class="ls9te vo20k bp13m dark:text-neutral-200">
No mentions message
</p>
<p class="iqt6z t5ziw t6rrs dark:text-neutral-500">
Only mentions messages appear here
</p>
</div>
</div>
<!-- Empty State -->
</div>
<!-- End Tab Content -->
<!-- Tab Content -->
<div id="hs-pro-tabs-chsn-spammed" class="hidden qpmwn" role="tabpanel" aria-labelledby="hs-pro-tabs-chsn-item-spammed">
<!-- Empty State -->
<div class="xlz15 qpmwn flex flex-col r00n9 items-center lj7mp">
<svg class="rmc90 mx-auto dl93o" width="178" height="90" viewBox="0 0 178 90" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="27" y="50.5" width="124" height="39" rx="7.5" fill="currentColor" class="mlmpr dark:fill-neutral-800"/>
<rect x="27" y="50.5" width="124" height="39" rx="7.5" stroke="currentColor" class="l4rfy dark:stroke-neutral-700/10"/>
<rect x="34.5" y="58" width="24" height="24" rx="12" fill="currentColor" class="hb386 dark:fill-neutral-700/30"/>
<rect x="66.5" y="61" width="60" height="6" rx="3" fill="currentColor" class="hb386 dark:fill-neutral-700/30"/>
<rect x="66.5" y="73" width="77" height="6" rx="3" fill="currentColor" class="hb386 dark:fill-neutral-700/30"/>
<rect x="19.5" y="28.5" width="139" height="39" rx="7.5" fill="currentColor" class="mlmpr dark:fill-neutral-800"/>
<rect x="19.5" y="28.5" width="139" height="39" rx="7.5" stroke="currentColor" class="c7le4 dark:stroke-neutral-700/30"/>
<rect x="27" y="36" width="24" height="24" rx="12" fill="currentColor" class="p2drp dark:fill-neutral-700/70"/>
<rect x="59" y="39" width="60" height="6" rx="3" fill="currentColor" class="p2drp dark:fill-neutral-700/70"/>
<rect x="59" y="51" width="92" height="6" rx="3" fill="currentColor" class="p2drp dark:fill-neutral-700/70"/>
<g filter="url(#filter3)">
<rect x="12" y="6" width="154" height="40" rx="8" class="mlmpr dark:fill-neutral-800" shape-rendering="crispEdges"/>
<rect x="12.5" y="6.5" width="153" height="39" rx="7.5" stroke="currentColor" class="c7le4 dark:stroke-neutral-700/60" shape-rendering="crispEdges"/>
<rect x="20" y="14" width="24" height="24" rx="12" fill="currentColor" class="bxw6c dark:fill-neutral-700"/>
<rect x="52" y="17" width="60" height="6" rx="3" fill="currentColor" class="bxw6c dark:fill-neutral-700"/>
<rect x="52" y="29" width="106" height="6" rx="3" fill="currentColor" class="bxw6c dark:fill-neutral-700"/>
</g>
<defs>
<filter id="filter3" x="0" y="0" width="178" height="64" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="6"/>
<feGaussianBlur stdDeviation="6"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1187_14810"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1187_14810" result="shape"/>
</filter>
</defs>
</svg>
<div class="idprf mx-auto f9qde">
<p class="ls9te vo20k bp13m dark:text-neutral-200">
No spammed message
</p>
<p class="iqt6z t5ziw t6rrs dark:text-neutral-500">
Only spammed messages appear here
</p>
</div>
</div>
<!-- Empty State -->
</div>
<!-- End Tab Content -->
<!-- Tab Content -->
<div id="hs-pro-tabs-chsn-blocked" class="hidden qpmwn" role="tabpanel" aria-labelledby="hs-pro-tabs-chsn-item-blocked">
<!-- Empty State -->
<div class="xlz15 qpmwn flex flex-col r00n9 items-center lj7mp">
<svg class="rmc90 mx-auto dl93o" width="178" height="90" viewBox="0 0 178 90" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="27" y="50.5" width="124" height="39" rx="7.5" fill="currentColor" class="mlmpr dark:fill-neutral-800"/>
<rect x="27" y="50.5" width="124" height="39" rx="7.5" stroke="currentColor" class="l4rfy dark:stroke-neutral-700/10"/>
<rect x="34.5" y="58" width="24" height="24" rx="12" fill="currentColor" class="hb386 dark:fill-neutral-700/30"/>
<rect x="66.5" y="61" width="60" height="6" rx="3" fill="currentColor" class="hb386 dark:fill-neutral-700/30"/>
<rect x="66.5" y="73" width="77" height="6" rx="3" fill="currentColor" class="hb386 dark:fill-neutral-700/30"/>
<rect x="19.5" y="28.5" width="139" height="39" rx="7.5" fill="currentColor" class="mlmpr dark:fill-neutral-800"/>
<rect x="19.5" y="28.5" width="139" height="39" rx="7.5" stroke="currentColor" class="c7le4 dark:stroke-neutral-700/30"/>
<rect x="27" y="36" width="24" height="24" rx="12" fill="currentColor" class="p2drp dark:fill-neutral-700/70"/>
<rect x="59" y="39" width="60" height="6" rx="3" fill="currentColor" class="p2drp dark:fill-neutral-700/70"/>
<rect x="59" y="51" width="92" height="6" rx="3" fill="currentColor" class="p2drp dark:fill-neutral-700/70"/>
<g filter="url(#filter4)">
<rect x="12" y="6" width="154" height="40" rx="8" class="mlmpr dark:fill-neutral-800" shape-rendering="crispEdges"/>
<rect x="12.5" y="6.5" width="153" height="39" rx="7.5" stroke="currentColor" class="c7le4 dark:stroke-neutral-700/60" shape-rendering="crispEdges"/>
<rect x="20" y="14" width="24" height="24" rx="12" fill="currentColor" class="bxw6c dark:fill-neutral-700"/>
<rect x="52" y="17" width="60" height="6" rx="3" fill="currentColor" class="bxw6c dark:fill-neutral-700"/>
<rect x="52" y="29" width="106" height="6" rx="3" fill="currentColor" class="bxw6c dark:fill-neutral-700"/>
</g>
<defs>
<filter id="filter4" x="0" y="0" width="178" height="64" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="6"/>
<feGaussianBlur stdDeviation="6"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1187_14810"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1187_14810" result="shape"/>
</filter>
</defs>
</svg>
<div class="idprf mx-auto f9qde">
<p class="ls9te vo20k bp13m dark:text-neutral-200">
No mentioned message
</p>
<p class="iqt6z t5ziw t6rrs dark:text-neutral-500">
Only mentioned messages appear here
</p>
</div>
</div>
<!-- Empty State -->
</div>
<!-- End Tab Content -->
</div>
</div>
</div>
<!-- End Secondary Content -->
</div>
</div>
</aside>
<!-- ========== END MAIN SIDEBAR ========== -->
<!-- ========== MAIN CONTENT ========== -->
<main id="content" class="2xl:hs-overlay-layout-open:pe-96 yebm2 g0ipl jahre">
<!-- Tab Content -->
<div id="hs-pro-tabs-chct-1" role="tabpanel" aria-labelledby="hs-pro-tabs-chct-item-1">
<div class="relative u35nr flex flex-col c9j8j">
<!-- Header -->
<header class="qp3gf ofq05 fszza aq8is n33uu lauwb flex uip67 lialp gki65 n7khv oo8ro ic6aj d77gl dark:bg-neutral-800 dark:border-neutral-700">
<div class="lg:hidden vl7eg sm:w-auto flex items-center">
<!-- Sidebar Toggle -->
<div class="e6xbu ">
<button type="button" class="flex r00n9 items-center pgjbi jlmh5 kzzmm lgfl9 cm336 xq1jm oo8ro ksr3h oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:bg-neutral-800 dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200" data-hs-overlay="#hs-pro-chat-sidebar" aria-controls="hs-pro-chat-sidebar" aria-label="Toggle navigation">
<svg class="hq6gx ibvs1 -ms-1" xmlns="http://www.w3.org/2000/svg" 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> Chat
</button>
</div>
<!-- End Sidebar Toggle -->
</div>
<!-- Avatar -->
<div>
<button type="button" class="truncate flex items-center qsuyg focus:outline-hidden" data-hs-overlay="#hs-pro-chhds1" aria-controls="hs-pro-chhds1" aria-label="Toggle navigation">
<span class="lg:block hidden relative hq6gx">
<img class="hq6gx aukwz oq0dt" src="https://images.unsplash.com/photo-1601935111741-ae98b2b230b0?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80" alt="Avatar">
<span class="absolute -bottom-0 -end-0 block srid0 oq0dt t2pcc ouvii mc62i dark:ring-neutral-900"></span>
</span>
<span class="e3fpz lj7mp y9kab truncate">
<span class="truncate block y2wul t5ziw amkne bp13m dark:text-neutral-200">
Costa Quinn
</span>
<span class="truncate block cm336 rwtxm dark:text-blue-500 amkne">
Online
</span>
</span>
</button>
</div>
<!-- End Avatar -->
<div class="vl7eg sm:w-auto flex c9j8j items-center bj6m2">
<!-- Button -->
<div class="hs-tooltip [--placement:bottom] hidden sm:inline-block">
<button type="button" class="hs-tooltip-toggle flex r00n9 items-center vmt4s aukwz 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" data-hs-overlay="#hs-pro-chhsn">
<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"/><path d="M4 2C2.8 3.7 2 5.7 2 8"/><path d="M22 8c0-2.3-.8-4.3-2-6"/></svg>
<span class="ecbnn">Snooze</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">
Snooze
</span>
</div>
<!-- End Button -->
<!-- Button -->
<div class="hs-tooltip [--placement:bottom] hidden sm:inline-block">
<button type="button" class="hs-tooltip-toggle flex r00n9 items-center vmt4s aukwz 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" data-hs-overlay="#hs-pro-chhtgm">
<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="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"/><circle cx="7.5" cy="7.5" r=".5" fill="currentColor"/></svg>
<span class="ecbnn">Tags</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">
Tags
</span>
</div>
<!-- End Button -->
<!-- More Dropdown -->
<div class="hs-dropdown [--strategy:absolute] [--placement:top-right] relative inline-flex">
<button id="hs-pro-cht1hmd" type="button" class="flex r00n9 items-center vmt4s aukwz 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 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>
</button>
<!-- More Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 ho2sl transition-[opacity,margin] duration opacity-0 hidden ocib4 oo8ro lile3 rkof5 dark:bg-neutral-950" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-cht1hmd">
<div class="ju7it space-y-0.5">
<button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 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 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>
Mark as unread
</button>
<button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 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 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.2 8.4c.5.38.8.97.8 1.6v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V10a2 2 0 0 1 .8-1.6l8-6a2 2 0 0 1 2.4 0l8 6Z"/><path d="m22 10-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 10"/></svg>
Mark as read
</button>
<button type="button" class="sm:hidden i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 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" data-hs-overlay="#hs-pro-chhsn">
<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 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"/><path d="M4 2C2.8 3.7 2 5.7 2 8"/><path d="M22 8c0-2.3-.8-4.3-2-6"/></svg>
Snooze
</button>
<button type="button" class="sm:hidden i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 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" data-hs-overlay="#hs-pro-chhtgm">
<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.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"/><circle cx="7.5" cy="7.5" r=".5" fill="currentColor"/></svg>
Tags
</button>
<button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 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" data-hs-overlay="#hs-pro-chhsh">
<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="M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8"/><polyline points="16 6 12 2 8 6"/><line x1="12" x2="12" y1="2" y2="15"/></svg>
Share
</button>
<button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 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" data-hs-overlay="#hs-pro-chhsp">
<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"><polygon points="7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86 7.86 2"/><line x1="12" x2="12" y1="8" y2="12"/><line x1="12" x2="12.01" y1="16" y2="16"/></svg>
Spam
</button>
<button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 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" data-hs-overlay="#hs-pro-chhbu">
<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"/><path d="m4.9 4.9 14.2 14.2"/></svg>
Block user
</button>
<button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 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" data-hs-overlay="#hs-pro-chhdl">
<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>
Delete
</button>
</div>
</div>
<!-- End More Dropdown -->
</div>
<!-- End More Dropdown -->
<div class="relative lj3ur k5amb before:hidden md:before:block before:absolute before:top-1/2 before:start-0 before:w-px before:h-4 before:bg-gray-200 before:-translate-y-1/2 dark:before:bg-neutral-700">
<!-- Sidebar Toggle -->
<button type="button" class="hidden lg:flex r00n9 items-center vmt4s aukwz 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" data-hs-overlay="#hs-pro-chhds1" aria-controls="hs-pro-chhds1" aria-label="Toggle navigation">
<svg class="xl:hidden 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"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M15 3v18"/><path d="m10 15-3-3 3-3"/></svg>
<svg class="hidden xl:block 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"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M15 3v18"/><path d="m8 9 3 3-3 3"/></svg>
</button>
<button type="button" class="lg:hidden relative hq6gx flex r00n9 items-center vmt4s aukwz 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" data-hs-overlay="#hs-pro-chhds1" aria-controls="hs-pro-chhds1" aria-label="Toggle navigation">
<img class="hq6gx aukwz oq0dt" src="https://images.unsplash.com/photo-1601935111741-ae98b2b230b0?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80" alt="Avatar">
<span class="absolute -bottom-0 -end-0 block srid0 oq0dt t2pcc ouvii mc62i dark:ring-neutral-800"></span>
</button>
<!-- End Sidebar Toggle -->
</div>
</div>
</header>
<!-- End Header -->
<!-- Chat Content -->
<div class="qpmwn overflow-y-auto overflow-x-hidden n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<div class="pi5e6 space-y-5">
<div class="relative">
<!-- Time -->
<div class="qp3gf ofq05 fszza v0251 sqxm1 mx-auto lj7mp">
<span class="ct50n lxh7u agawe cm336 t6rrs oq0dt dark:bg-neutral-900 dark:text-neutral-500">Today</span>
</div>
<!-- End Time -->
<!-- List -->
<div class="i65bn space-y-5">
<!-- Item -->
<div class="w7kls flex lialp">
<div class="hq6gx mt-auto">
<img class="hq6gx aukwz oq0dt" src="https://images.unsplash.com/photo-1601935111741-ae98b2b230b0?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80" alt="Avatar">
</div>
<!-- Chat Bubble -->
<div>
<p class="s8bn9 g4kd8 cm336 kvliy dark:text-neutral-500">Costa</p>
<div class="space-y-1">
<!-- Message -->
<div class="group flex cufvb lialp" style="word-break: break-word;">
<div class="rsqv5 oo8ro hx4gm dark:bg-neutral-800 inline-block lile3 fkoia yh9al rfnst">
<div class="t5ziw bp13m dark:text-neutral-200">
Hi, I'd like to ask some questions. Can I use Preline UI rjx3z a client project?
<a class="group block ymk3i hypkf focus:outline-hidden" href="https://preline.co/" target="_blank">
<span class="rwtxm u17ef dark:text-blue-500">
https://preline.co/
</span>
<div class="n33uu g4kd8 ls9te relative cursor-default npc1r ps5iq overflow-hidden group-focus:scale-[.98] f1zti before:absolute before:inset-y-0 before:start-0 before:w-[3px] before:h-full before:bg-blue-600 dark:bg-blue-500/10 dark:before:bg-blue-500">
<p class="vo20k cm336 rwtxm dark:text-blue-500">Preline</p>
<p class="y2wul cm336 bp13m dark:text-neutral-200">Preline UI, crafted with Tailwind CSS</p>
<p class="cm336 bp13m dark:text-neutral-200">Preline UI is an open-source set of prebuilt UI components based rjx3z the utility-first Tailwind CSS framework.</p>
<img class="xe8oj umxjj" src="https://preline.co/hero-image-2.jpg" alt="Website Preview Image">
</div>
</a>
<span>
<span class="s2avd kvliy dark:text-neutral-600 zutm2">11:27</span>
</span>
</div>
</div>
<!-- More Dropdown -->
<div class="u81ux lg:opacity-0 lg:group-hover:opacity-100">
<div class="hs-dropdown --exclude-from-auto-opening [--strategy:absolute] [--auto-close:inside] relative inline-flex">
<button id="hs-pro-cht1cmd_1" type="button" class="flex r00n9 items-center vmt4s aukwz t5ziw xq1jm eweab oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 dark:hover:text-neutral-200 dark:focus:text-neutral-200" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<svg class="hq6gx ibvs1 oq0dt" xmlns="http://www.w3.org/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>
</button>
<!-- More Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 qzvcy transition-[opacity,margin] duration opacity-0 hidden v0251 oo8ro lile3 rkof5 dark:bg-neutral-800 before:h-4 before:absolute before:-top-4 before:start-0 before:w-full after:h-4 after:absolute after:-bottom-4 after:start-0 after:w-full" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-cht1cmd_1">
<div class="ju7it">
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg>
Edit
</a>
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/><path d="m10 7-3 3 3 3"/><path d="M17 13v-1a2 2 0 0 0-2-2H7"/></svg>
Reply
</a>
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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>
Delete
</a>
</div>
</div>
<!-- End More Dropdown -->
</div>
</div>
<!-- End More Dropdown -->
</div><!-- End Message -->
</div>
</div>
<!-- End Chat Bubble -->
</div>
<!-- End Item -->
<!-- Item -->
<div class="w7kls ms-auto cuqi8 flex c9j8j lialp">
<!-- Chat Bubble -->
<div>
<p class="s8bn9 xu42w cm336 kvliy dark:text-neutral-500">James</p>
<div class="space-y-1">
<!-- Message -->
<div class="group flex c9j8j lialp" style="word-break: break-word;">
<div class="u81ux qgy40 c32br dark:bg-blue-500/20 inline-block lile3 fkoia yh9al rfnst">
<div class="t5ziw bp13m dark:text-neutral-200">
Hi Costa,
<span>
<span class="s2avd cuqi8 kvliy dark:text-neutral-600 zutm2">12:44</span>
<svg class="inline-block hq6gx ibvs1 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="M18 6 7 17l-5-5"/><path d="m22 10-7.5 7.5L13 16"/></svg>
</span>
</div>
</div>
<!-- More Dropdown -->
<div class="rsqv5 lg:opacity-0 lg:group-hover:opacity-100">
<div class="hs-dropdown --exclude-from-auto-opening [--strategy:absolute] [--auto-close:inside] [--placement:bottom-right] relative inline-flex">
<button id="hs-pro-cht1cmd_2" type="button" class="flex r00n9 items-center vmt4s aukwz t5ziw xq1jm eweab oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 dark:hover:text-neutral-200 dark:focus:text-neutral-200" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<svg class="hq6gx ibvs1 oq0dt" xmlns="http://www.w3.org/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>
</button>
<!-- More Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 qzvcy transition-[opacity,margin] duration opacity-0 hidden v0251 oo8ro lile3 rkof5 dark:bg-neutral-800 before:h-4 before:absolute before:-top-4 before:start-0 before:w-full after:h-4 after:absolute after:-bottom-4 after:start-0 after:w-full" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-cht1cmd_2">
<div class="ju7it">
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg>
Edit
</a>
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/><path d="m10 7-3 3 3 3"/><path d="M17 13v-1a2 2 0 0 0-2-2H7"/></svg>
Reply
</a>
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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>
Delete
</a>
</div>
</div>
<!-- End More Dropdown -->
</div>
</div>
<!-- End More Dropdown -->
</div><!-- End Message -->
<!-- Message -->
<div class="group flex c9j8j lialp" style="word-break: break-word;">
<div class="u81ux qgy40 c32br dark:bg-blue-500/20 inline-block lile3 fkoia yh9al rfnst">
<div class="t5ziw bp13m dark:text-neutral-200">
<div class="ej64t d0kec g4kd8 ghksj relative cursor-default npc1r before:bg-blue-600 dark:bg-blue-500/10 dark:before:bg-blue-500 ps5iq overflow-hidden group-focus:scale-[.98] f1zti before:absolute before:inset-y-0 before:start-0 before:w-[3px] before:h-full">
<blockquote>
<p class="vo20k e9qjd rwtxm dark:text-blue-500">Costa Quinn</p>
<p class="e9qjd bp13m dark:text-neutral-200">Hi, I'd like to ask some questions. Can I use Preline UI rjx3z a client project?</p>
</blockquote>
</div>
Yes, you can!
<span>
<span class="s2avd cuqi8 kvliy dark:text-neutral-600 zutm2">12:44</span>
<svg class="inline-block hq6gx ibvs1 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="M18 6 7 17l-5-5"/><path d="m22 10-7.5 7.5L13 16"/></svg>
</span>
</div>
</div>
<!-- More Dropdown -->
<div class="rsqv5 lg:opacity-0 lg:group-hover:opacity-100">
<div class="hs-dropdown --exclude-from-auto-opening [--strategy:absolute] [--auto-close:inside] [--placement:bottom-right] relative inline-flex">
<button id="hs-pro-cht1cmd_3" type="button" class="flex r00n9 items-center vmt4s aukwz t5ziw xq1jm eweab oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 dark:hover:text-neutral-200 dark:focus:text-neutral-200" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<svg class="hq6gx ibvs1 oq0dt" xmlns="http://www.w3.org/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>
</button>
<!-- More Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 qzvcy transition-[opacity,margin] duration opacity-0 hidden v0251 oo8ro lile3 rkof5 dark:bg-neutral-800 before:h-4 before:absolute before:-top-4 before:start-0 before:w-full after:h-4 after:absolute after:-bottom-4 after:start-0 after:w-full" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-cht1cmd_3">
<div class="ju7it">
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg>
Edit
</a>
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/><path d="m10 7-3 3 3 3"/><path d="M17 13v-1a2 2 0 0 0-2-2H7"/></svg>
Reply
</a>
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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>
Delete
</a>
</div>
</div>
<!-- End More Dropdown -->
</div>
</div>
<!-- End More Dropdown -->
</div><!-- End Message -->
</div>
</div>
<!-- End Chat Bubble -->
<div class="hq6gx mt-auto">
<img class="hq6gx aukwz 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 Item -->
</div>
<!-- End List -->
</div>
</div>
</div>
<!-- End Chat Content -->
<!-- Textarea -->
<footer class="qp3gf u0s8z fszza bo1ta oo8ro pyimf d77gl dark:bg-neutral-800 dark:border-neutral-700">
<label for="hs-chat-autoheight-textarea-1" class="ecbnn">Message</label>
<div class="q0dcx yujsw">
<textarea id="hs-chat-autoheight-textarea-1" class="cspev yki1g q0dcx yujsw a498d block i65bn qb17b rounded-0 k34r6 amkne lqn87 focus:outline-hidden b2plr rdxom disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:text-neutral-400 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 Costa" data-hs-textarea-auto-height></textarea>
<div class="a498d flex uip67 items-center pgjbi">
<!-- Button Group -->
<div class="flex items-center pgjbi">
<!-- Button -->
<button type="button" class="flex r00n9 items-center vrcxw aukwz 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 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">Attach file</span>
</button>
<!-- End Button -->
<!-- Button -->
<button type="button" class="flex r00n9 items-center vrcxw aukwz 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 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 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 -->
</div>
<!-- End Button Group -->
<!-- Button Group -->
<div class="flex items-center pgjbi">
<!-- Button -->
<button type="button" class="flex r00n9 items-center vrcxw aukwz 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 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="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 aukwz t5ziw vo20k oq0dt zr4l6 jqqot 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">
<span class="ecbnn">Send</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="m5 12 7-7 7 7"/><path d="M12 19V5"/></svg>
</button>
<!-- End Send Button -->
</div>
<!-- End Button Group -->
</div>
</div>
</footer>
<!-- End Textarea -->
</div>
<!-- Secondary Sidebar -->
<aside id="hs-pro-chhds1" class="hs-sidebar-details hs-overlay [--body-scroll:true] 2xl:[--overlay-backdrop:false] [--is-layout-affect:true] [--opened:2xl] [--auto-close:2xl] [--auto-close-equality-type:less-than] hs-overlay-open:translate-x-0 2xl:hs-overlay-layout-open:translate-x-0
kbeg6 g0ipl jahre lrm8y
g4gy3 i65bn
hidden
fixed u0s8z fug6q bo1ta ofq05 qpmwn
oo8ro fr41k d77gl
2xl:block 2xl:translate-x-full 2xl:bottom-0
dark:bg-neutral-800 dark:border-neutral-700" tabindex="-1" aria-labelledby="hs-pro-chhds1-label">
<div class="qpmwn flex flex-col">
<!-- Header -->
<div class="mctd2 dkhxo flex uip67 items-center ic6aj d77gl dark:border-neutral-800">
<span id="hs-pro-chhds1-label" class="block y2wul bp13m dark:text-neutral-200">
Details
</span>
<!-- Close Button -->
<div class="absolute sq9jt hob2q bo1ta">
<button type="button" class="aukwz inline-flex r00n9 items-center lialp oq0dt wfm4e qb17b oo8ro bp13m eweab focus:outline-hidden evxbs disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:text-neutral-400 dark:focus:bg-neutral-700" aria-label="Close" data-hs-overlay="#hs-pro-chhds1">
<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><path d="m6 6 12 12"></path></svg>
</button>
</div>
<!-- End Close Button -->
</div>
<!-- End Header -->
<!-- Profile -->
<div class="xlz15 flex flex-col r00n9 items-center lj7mp ic6aj kmgj5 dark:border-neutral-800">
<img class="hq6gx mvdmw oq0dt" src="https://images.unsplash.com/photo-1601935111741-ae98b2b230b0?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80" alt="Avatar">
<div class="ls9te i65bn">
<h2 class="u832x y2wul bp13m dark:text-neutral-200">
Costa Quinn
</h2>
<p class="ej64t e9qjd t6rrs dark:text-neutral-500">
Online
</p>
<!-- Button Group -->
<div class="o1gdb flex r00n9 items-center vmt4s">
<button type="button" class="i7oig rfnst kgyhg inline-flex r00n9 items-center vrcxw vo20k cm336 vo20k ps5iq wfm4e d77gl oo8ro bp13m hx4gm tdhmi disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tme8y dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
<svg class="hq6gx 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="M17 18a2 2 0 0 0-2-2H9a2 2 0 0 0-2 2"/><rect width="18" height="18" x="3" y="4" rx="2"/><circle cx="12" cy="10" r="2"/><line x1="8" x2="8" y1="2" y2="4"/><line x1="16" x2="16" y1="2" y2="4"/></svg>
View profile
</button>
<button type="button" class="i7oig rfnst kgyhg inline-flex r00n9 items-center vrcxw vo20k cm336 vo20k ps5iq wfm4e d77gl oo8ro bp13m hx4gm tdhmi disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tme8y dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
<svg class="hq6gx 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>
Send email
</button>
</div>
<!-- End Button Group -->
</div>
</div>
<!-- End Profile -->
<!-- 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="hs-accordion-group" data-hs-accordion-always-open>
<!-- User Details -->
<div class="hs-accordion ic6aj kmgj5 dark:border-neutral-800 active" id="hs-pro-chdsudc1">
<button type="button" class="hs-accordion-toggle xlz15 q0dcx i65bn flex uip67 items-center vmt4s bp13m b9xvx focus:outline-hidden xyfur disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-200 dark:hover:text-neutral-400 dark:focus:text-neutral-400" aria-expanded="true" aria-controls="hs-pro-chdsudc1-collapse">
<span class="t5ziw vo20k">User details</span>
<svg class="hs-accordion-active:hidden block ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg>
<svg class="hs-accordion-active:block hidden ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"></path></svg>
</button>
<div id="hs-pro-chdsudc1-collapse" class="hs-accordion-content i65bn overflow-hidden transition-[height] jahre" role="region" aria-labelledby="hs-pro-chdsudc1">
<div class="blhyt rq5fj">
<!-- List Item -->
<dl class="d0kec flex items-center ekyph">
<dt class="i65bn b30my">
<p class="inline-flex items-center lialp e9qjd t6rrs dark:text-neutral-500">
<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 12h.01"/><path d="M16 6V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v2"/><path d="M22 13a18.15 18.15 0 0 1-20 0"/><rect width="20" height="14" x="2" y="6" rx="2"/></svg>
Company:
</p>
</dt>
<dd class="e3fpz">
<p class="vo20k e9qjd bp13m dark:text-neutral-200">
Fortex
</p>
</dd>
</dl>
<!-- End List Item -->
<!-- List Item -->
<dl class="d0kec flex items-center ekyph">
<dt class="i65bn b30my">
<p class="inline-flex items-center lialp e9qjd t6rrs dark:text-neutral-500">
<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="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>
Country:
</p>
</dt>
<dd class="e3fpz">
<p class="vo20k e9qjd bp13m dark:text-neutral-200">
United States
</p>
</dd>
</dl>
<!-- End List Item -->
<!-- List Item -->
<dl class="d0kec flex items-center ekyph">
<dt class="i65bn b30my">
<p class="inline-flex items-center lialp e9qjd t6rrs dark:text-neutral-500">
<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>
Email:
</p>
</dt>
<dd class="e3fpz">
<p class="vo20k e9qjd bp13m dark:text-neutral-200">
costa.notion@gmail.com
</p>
</dd>
</dl>
<!-- End List Item -->
<!-- List Item -->
<dl class="d0kec flex items-center ekyph">
<dt class="i65bn b30my">
<p class="inline-flex items-center lialp e9qjd t6rrs dark:text-neutral-500">
<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 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/></svg>
Phone:
</p>
</dt>
<dd class="e3fpz">
<p class="vo20k e9qjd bp13m dark:text-neutral-200">
+1 000-00-00
</p>
</dd>
</dl>
<!-- End List Item -->
<!-- List Item -->
<dl class="d0kec flex items-center ekyph">
<dt class="i65bn b30my">
<p class="inline-flex items-center lialp e9qjd t6rrs dark:text-neutral-500">
<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"/><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>
Site:
</p>
</dt>
<dd class="e3fpz">
<a class="b7qg3 t5ziw rwtxm ymclh pdar8 vo20k focus:outline-hidden np187 dark:text-blue-400 dark:hover:text-blue-500" href="#">
fortex.com
</a>
</dd>
</dl>
<!-- End List Item -->
</div>
</div>
</div>
<!-- End User Details -->
<!-- Shared Media -->
<div class="hs-accordion active" id="hs-pro-chdssmc1">
<button type="button" class="hs-accordion-toggle xlz15 q0dcx i65bn flex uip67 items-center vmt4s bp13m b9xvx focus:outline-hidden xyfur disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-200 dark:hover:text-neutral-400 dark:focus:text-neutral-400" aria-expanded="true" aria-controls="hs-pro-chdssmc1-collapse">
<span class="t5ziw vo20k">Shared media</span>
<svg class="hs-accordion-active:hidden block ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg>
<svg class="hs-accordion-active:block hidden ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"></path></svg>
</button>
<div id="hs-pro-chdssmc1-collapse" class="hs-accordion-content i65bn overflow-hidden transition-[height] jahre" role="region" aria-labelledby="hs-pro-chdssmc1">
<div class="blhyt rq5fj">
<p class="t5ziw t6rrs dark:text-neutral-500">
Only shared images appear here
</p>
</div>
</div>
</div>
<!-- End Shared Media -->
</div>
</div>
<!-- End Body -->
</div>
</aside>
<!-- End Secondary Sidebar -->
</div>
<!-- End Tab Content -->
<!-- Tab Content -->
<div id="hs-pro-tabs-chct-2" class="hidden" role="tabpanel" aria-labelledby="hs-pro-tabs-chct-item-2">
<div class="relative u35nr flex flex-col c9j8j">
<!-- Header -->
<header class="qp3gf ofq05 fszza aq8is n33uu lauwb flex uip67 lialp gki65 n7khv oo8ro ic6aj d77gl dark:bg-neutral-800 dark:border-neutral-700">
<div class="lg:hidden vl7eg sm:w-auto flex items-center">
<!-- Sidebar Toggle -->
<div class="e6xbu ">
<button type="button" class="flex r00n9 items-center pgjbi jlmh5 kzzmm lgfl9 cm336 xq1jm oo8ro ksr3h oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:bg-neutral-800 dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200" data-hs-overlay="#hs-pro-chat-sidebar" aria-controls="hs-pro-chat-sidebar" aria-label="Toggle navigation">
<svg class="hq6gx ibvs1 -ms-1" xmlns="http://www.w3.org/2000/svg" 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> Chat
</button>
</div>
<!-- End Sidebar Toggle -->
</div>
<!-- Avatar -->
<div>
<button type="button" class="truncate flex items-center qsuyg focus:outline-hidden" data-hs-overlay="#hs-pro-chhds2" aria-controls="hs-pro-chhds2" aria-label="Toggle navigation">
<span class="lg:block hidden relative hq6gx"><span class="flex hq6gx r00n9 items-center aukwz cm336 vo20k e7zws nkesj zr4l6 oq0dt">
R
</span>
<span class="absolute -bottom-0 -end-0 block srid0 oq0dt t2pcc ouvii ot31m dark:ring-neutral-900"></span>
</span>
<span class="e3fpz lj7mp y9kab truncate">
<span class="truncate block y2wul t5ziw amkne bp13m dark:text-neutral-200">
Rachel Doe
</span>
<span class="truncate block cm336 t6rrs dark:text-neutral-500 amkne">
Last seen 5 mins ago
</span>
</span>
</button>
</div>
<!-- End Avatar -->
<div class="vl7eg sm:w-auto flex c9j8j items-center bj6m2">
<!-- Button -->
<div class="hs-tooltip [--placement:bottom] hidden sm:inline-block">
<button type="button" class="hs-tooltip-toggle flex r00n9 items-center vmt4s aukwz 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" data-hs-overlay="#hs-pro-chhsn">
<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"/><path d="M4 2C2.8 3.7 2 5.7 2 8"/><path d="M22 8c0-2.3-.8-4.3-2-6"/></svg>
<span class="ecbnn">Snooze</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">
Snooze
</span>
</div>
<!-- End Button -->
<!-- Button -->
<div class="hs-tooltip [--placement:bottom] hidden sm:inline-block">
<button type="button" class="hs-tooltip-toggle flex r00n9 items-center vmt4s aukwz 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" data-hs-overlay="#hs-pro-chhtgm">
<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="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"/><circle cx="7.5" cy="7.5" r=".5" fill="currentColor"/></svg>
<span class="ecbnn">Tags</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">
Tags
</span>
</div>
<!-- End Button -->
<!-- More Dropdown -->
<div class="hs-dropdown [--strategy:absolute] [--placement:top-right] relative inline-flex">
<button id="hs-pro-cht2hmd" type="button" class="flex r00n9 items-center vmt4s aukwz 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 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>
</button>
<!-- More Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 ho2sl transition-[opacity,margin] duration opacity-0 hidden ocib4 oo8ro lile3 rkof5 dark:bg-neutral-950" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-cht2hmd">
<div class="ju7it space-y-0.5">
<button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 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 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>
Mark as unread
</button>
<button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 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 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.2 8.4c.5.38.8.97.8 1.6v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V10a2 2 0 0 1 .8-1.6l8-6a2 2 0 0 1 2.4 0l8 6Z"/><path d="m22 10-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 10"/></svg>
Mark as read
</button>
<button type="button" class="sm:hidden i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 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" data-hs-overlay="#hs-pro-chhsn">
<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 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"/><path d="M4 2C2.8 3.7 2 5.7 2 8"/><path d="M22 8c0-2.3-.8-4.3-2-6"/></svg>
Snooze
</button>
<button type="button" class="sm:hidden i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 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" data-hs-overlay="#hs-pro-chhtgm">
<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.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"/><circle cx="7.5" cy="7.5" r=".5" fill="currentColor"/></svg>
Tags
</button>
<button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 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" data-hs-overlay="#hs-pro-chhsh">
<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="M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8"/><polyline points="16 6 12 2 8 6"/><line x1="12" x2="12" y1="2" y2="15"/></svg>
Share
</button>
<button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 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" data-hs-overlay="#hs-pro-chhsp">
<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"><polygon points="7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86 7.86 2"/><line x1="12" x2="12" y1="8" y2="12"/><line x1="12" x2="12.01" y1="16" y2="16"/></svg>
Spam
</button>
<button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 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" data-hs-overlay="#hs-pro-chhbu">
<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"/><path d="m4.9 4.9 14.2 14.2"/></svg>
Block user
</button>
<button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 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" data-hs-overlay="#hs-pro-chhdl">
<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>
Delete
</button>
</div>
</div>
<!-- End More Dropdown -->
</div>
<!-- End More Dropdown -->
<div class="relative lj3ur k5amb before:hidden md:before:block before:absolute before:top-1/2 before:start-0 before:w-px before:h-4 before:bg-gray-200 before:-translate-y-1/2 dark:before:bg-neutral-700">
<!-- Sidebar Toggle -->
<button type="button" class="hidden lg:flex r00n9 items-center vmt4s aukwz 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" data-hs-overlay="#hs-pro-chhds2" aria-controls="hs-pro-chhds2" aria-label="Toggle navigation">
<svg class="xl:hidden 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"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M15 3v18"/><path d="m10 15-3-3 3-3"/></svg>
<svg class="hidden xl:block 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"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M15 3v18"/><path d="m8 9 3 3-3 3"/></svg>
</button>
<button type="button" class="lg:hidden relative hq6gx flex r00n9 items-center vmt4s aukwz 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" data-hs-overlay="#hs-pro-chhds2" aria-controls="hs-pro-chhds2" aria-label="Toggle navigation"><span class="flex hq6gx r00n9 items-center aukwz cm336 vo20k e7zws nkesj zr4l6 oq0dt">
R
</span>
<span class="absolute -bottom-0 -end-0 block srid0 oq0dt t2pcc ouvii ot31m dark:ring-neutral-800"></span>
</button>
<!-- End Sidebar Toggle -->
</div>
</div>
</header>
<!-- End Header -->
<!-- Chat Content -->
<div class="qpmwn overflow-y-auto overflow-x-hidden n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<div class="pi5e6 space-y-5">
<!-- List -->
<div class="i65bn space-y-5">
<!-- Item -->
<div class="w7kls flex lialp">
<div class="hq6gx mt-auto">
<span class="flex hq6gx r00n9 items-center aukwz cm336 vo20k e7zws oq0dt nkesj zr4l6">
R
</span>
</div>
<!-- Chat Bubble -->
<div>
<p class="s8bn9 g4kd8 cm336 kvliy dark:text-neutral-500">Rachel</p>
<div class="space-y-1">
<!-- Message -->
<div class="group flex cufvb lialp" style="word-break: break-word;">
<div class="rsqv5 oo8ro hx4gm dark:bg-neutral-800 inline-block lile3 fkoia yh9al rfnst">
<div class="t5ziw bp13m dark:text-neutral-200">
Hello
<span>
<span class="s2avd kvliy dark:text-neutral-600 zutm2">11:10</span>
</span>
</div>
</div>
<!-- More Dropdown -->
<div class="u81ux lg:opacity-0 lg:group-hover:opacity-100">
<div class="hs-dropdown --exclude-from-auto-opening [--strategy:absolute] [--auto-close:inside] relative inline-flex">
<button id="hs-pro-cht2cmd_1" type="button" class="flex r00n9 items-center vmt4s aukwz t5ziw xq1jm eweab oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 dark:hover:text-neutral-200 dark:focus:text-neutral-200" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<svg class="hq6gx ibvs1 oq0dt" xmlns="http://www.w3.org/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>
</button>
<!-- More Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 qzvcy transition-[opacity,margin] duration opacity-0 hidden v0251 oo8ro lile3 rkof5 dark:bg-neutral-800 before:h-4 before:absolute before:-top-4 before:start-0 before:w-full after:h-4 after:absolute after:-bottom-4 after:start-0 after:w-full" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-cht2cmd_1">
<div class="ju7it">
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg>
Edit
</a>
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/><path d="m10 7-3 3 3 3"/><path d="M17 13v-1a2 2 0 0 0-2-2H7"/></svg>
Reply
</a>
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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>
Delete
</a>
</div>
</div>
<!-- End More Dropdown -->
</div>
</div>
<!-- End More Dropdown -->
</div><!-- End Message -->
<!-- Message -->
<div class="group flex cufvb lialp" style="word-break: break-word;">
<div class="rsqv5 oo8ro hx4gm dark:bg-neutral-800 inline-block lile3 fkoia yh9al rfnst">
<div class="t5ziw bp13m dark:text-neutral-200">
<img class="ej64t ps5iq" src="../../assets/img/mockups/img12.jpg" alt="Download Image">
When using open method,<br><code>const select = new</code><br>it creates another instance of the select.
<span>
<span class="s2avd kvliy dark:text-neutral-600 zutm2">11:10</span>
</span>
</div>
</div>
<!-- More Dropdown -->
<div class="u81ux lg:opacity-0 lg:group-hover:opacity-100">
<div class="hs-dropdown --exclude-from-auto-opening [--strategy:absolute] [--auto-close:inside] relative inline-flex">
<button id="hs-pro-cht2cmd_2" type="button" class="flex r00n9 items-center vmt4s aukwz t5ziw xq1jm eweab oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 dark:hover:text-neutral-200 dark:focus:text-neutral-200" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<svg class="hq6gx ibvs1 oq0dt" xmlns="http://www.w3.org/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>
</button>
<!-- More Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 qzvcy transition-[opacity,margin] duration opacity-0 hidden v0251 oo8ro lile3 rkof5 dark:bg-neutral-800 before:h-4 before:absolute before:-top-4 before:start-0 before:w-full after:h-4 after:absolute after:-bottom-4 after:start-0 after:w-full" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-cht2cmd_2">
<div class="ju7it">
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg>
Edit
</a>
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/><path d="m10 7-3 3 3 3"/><path d="M17 13v-1a2 2 0 0 0-2-2H7"/></svg>
Reply
</a>
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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>
Delete
</a>
</div>
</div>
<!-- End More Dropdown -->
</div>
</div>
<!-- End More Dropdown -->
</div><!-- End Message -->
<!-- Message -->
<div class="group flex cufvb lialp" style="word-break: break-word;">
<div class="rsqv5 oo8ro hx4gm dark:bg-neutral-800 inline-block lile3 fkoia yh9al rfnst">
<div class="t5ziw bp13m dark:text-neutral-200">
<img class="ej64t ps5iq" src="../../assets/img/mockups/img10.jpg" alt="Download Image">
2. Using the static method causes an haxu8 in the console.
<span>
<span class="s2avd kvliy dark:text-neutral-600 zutm2">11:12</span>
</span>
</div>
</div>
<!-- More Dropdown -->
<div class="u81ux lg:opacity-0 lg:group-hover:opacity-100">
<div class="hs-dropdown --exclude-from-auto-opening [--strategy:absolute] [--auto-close:inside] relative inline-flex">
<button id="hs-pro-cht2cmd_3" type="button" class="flex r00n9 items-center vmt4s aukwz t5ziw xq1jm eweab oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 dark:hover:text-neutral-200 dark:focus:text-neutral-200" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<svg class="hq6gx ibvs1 oq0dt" xmlns="http://www.w3.org/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>
</button>
<!-- More Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 qzvcy transition-[opacity,margin] duration opacity-0 hidden v0251 oo8ro lile3 rkof5 dark:bg-neutral-800 before:h-4 before:absolute before:-top-4 before:start-0 before:w-full after:h-4 after:absolute after:-bottom-4 after:start-0 after:w-full" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-cht2cmd_3">
<div class="ju7it">
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg>
Edit
</a>
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/><path d="m10 7-3 3 3 3"/><path d="M17 13v-1a2 2 0 0 0-2-2H7"/></svg>
Reply
</a>
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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>
Delete
</a>
</div>
</div>
<!-- End More Dropdown -->
</div>
</div>
<!-- End More Dropdown -->
</div><!-- End Message -->
</div>
</div>
<!-- End Chat Bubble -->
</div>
<!-- End Item -->
</div>
<!-- End List -->
</div>
</div>
<!-- End Chat Content -->
<!-- Textarea -->
<footer class="qp3gf u0s8z fszza bo1ta oo8ro pyimf d77gl dark:bg-neutral-800 dark:border-neutral-700">
<label for="hs-chat-autoheight-textarea-2" class="ecbnn">Message</label>
<div class="q0dcx yujsw">
<textarea id="hs-chat-autoheight-textarea-2" class="cspev yki1g q0dcx yujsw a498d block i65bn qb17b rounded-0 k34r6 amkne lqn87 focus:outline-hidden b2plr rdxom disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:text-neutral-400 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 Rachel" data-hs-textarea-auto-height></textarea>
<div class="a498d flex uip67 items-center pgjbi">
<!-- Button Group -->
<div class="flex items-center pgjbi">
<!-- Button -->
<button type="button" class="flex r00n9 items-center vrcxw aukwz 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 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">Attach file</span>
</button>
<!-- End Button -->
<!-- Button -->
<button type="button" class="flex r00n9 items-center vrcxw aukwz 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 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 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 -->
</div>
<!-- End Button Group -->
<!-- Button Group -->
<div class="flex items-center pgjbi">
<!-- Button -->
<button type="button" class="flex r00n9 items-center vrcxw aukwz 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 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="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 aukwz t5ziw vo20k oq0dt zr4l6 jqqot 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">
<span class="ecbnn">Send</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="m5 12 7-7 7 7"/><path d="M12 19V5"/></svg>
</button>
<!-- End Send Button -->
</div>
<!-- End Button Group -->
</div>
</div>
</footer>
<!-- End Textarea -->
</div>
<!-- Secondary Sidebar -->
<aside id="hs-pro-chhds2" class="hs-sidebar-details hs-overlay [--body-scroll:true] 2xl:[--overlay-backdrop:false] [--is-layout-affect:true] [--opened:2xl] [--auto-close:2xl] [--auto-close-equality-type:less-than] hs-overlay-open:translate-x-0 2xl:hs-overlay-layout-open:translate-x-0
kbeg6 g0ipl jahre lrm8y
g4gy3 i65bn
hidden
fixed u0s8z fug6q bo1ta ofq05 qpmwn
oo8ro fr41k d77gl
2xl:block 2xl:translate-x-full 2xl:bottom-0
dark:bg-neutral-800 dark:border-neutral-700" tabindex="-1" aria-labelledby="hs-pro-chhds2-label">
<div class="qpmwn flex flex-col">
<!-- Header -->
<div class="mctd2 dkhxo flex uip67 items-center ic6aj d77gl dark:border-neutral-800">
<span id="hs-pro-chhds2-label" class="block y2wul bp13m dark:text-neutral-200">
Details
</span>
<!-- Close Button -->
<div class="absolute sq9jt hob2q bo1ta">
<button type="button" class="aukwz inline-flex r00n9 items-center lialp oq0dt wfm4e qb17b oo8ro bp13m eweab focus:outline-hidden evxbs disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:text-neutral-400 dark:focus:bg-neutral-700" aria-label="Close" data-hs-overlay="#hs-pro-chhds2">
<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><path d="m6 6 12 12"></path></svg>
</button>
</div>
<!-- End Close Button -->
</div>
<!-- End Header -->
<!-- Profile -->
<div class="xlz15 flex flex-col r00n9 items-center lj7mp ic6aj kmgj5 dark:border-neutral-800">
<span class="flex hq6gx r00n9 items-center mvdmw wyyla vo20k e7zws nkesj zr4l6 oq0dt">
R
</span>
<div class="ls9te i65bn">
<h2 class="u832x y2wul bp13m dark:text-neutral-200">
Rachel Doe
</h2>
<p class="ej64t e9qjd t6rrs dark:text-neutral-500">
Last seen 5 mins ago
</p>
<!-- Button Group -->
<div class="o1gdb flex r00n9 items-center vmt4s">
<button type="button" class="i7oig rfnst kgyhg inline-flex r00n9 items-center vrcxw vo20k cm336 vo20k ps5iq wfm4e d77gl oo8ro bp13m hx4gm tdhmi disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tme8y dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
<svg class="hq6gx 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="M17 18a2 2 0 0 0-2-2H9a2 2 0 0 0-2 2"/><rect width="18" height="18" x="3" y="4" rx="2"/><circle cx="12" cy="10" r="2"/><line x1="8" x2="8" y1="2" y2="4"/><line x1="16" x2="16" y1="2" y2="4"/></svg>
View profile
</button>
<button type="button" class="i7oig rfnst kgyhg inline-flex r00n9 items-center vrcxw vo20k cm336 vo20k ps5iq wfm4e d77gl oo8ro bp13m hx4gm tdhmi disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tme8y dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
<svg class="hq6gx 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>
Send email
</button>
</div>
<!-- End Button Group -->
</div>
</div>
<!-- End Profile -->
<!-- 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="hs-accordion-group" data-hs-accordion-always-open>
<!-- User Details -->
<div class="hs-accordion ic6aj kmgj5 dark:border-neutral-800 active" id="hs-pro-chdsudc2">
<button type="button" class="hs-accordion-toggle xlz15 q0dcx i65bn flex uip67 items-center vmt4s bp13m b9xvx focus:outline-hidden xyfur disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-200 dark:hover:text-neutral-400 dark:focus:text-neutral-400" aria-expanded="true" aria-controls="hs-pro-chdsudc2-collapse">
<span class="t5ziw vo20k">User details</span>
<svg class="hs-accordion-active:hidden block ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg>
<svg class="hs-accordion-active:block hidden ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"></path></svg>
</button>
<div id="hs-pro-chdsudc2-collapse" class="hs-accordion-content i65bn overflow-hidden transition-[height] jahre" role="region" aria-labelledby="hs-pro-chdsudc2">
<div class="blhyt rq5fj">
<!-- List Item -->
<dl class="d0kec flex items-center ekyph">
<dt class="i65bn b30my">
<p class="inline-flex items-center lialp e9qjd t6rrs dark:text-neutral-500">
<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="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>
Country:
</p>
</dt>
<dd class="e3fpz">
<p class="vo20k e9qjd bp13m dark:text-neutral-200">
Netherlands
</p>
</dd>
</dl>
<!-- End List Item -->
<!-- List Item -->
<dl class="d0kec flex items-center ekyph">
<dt class="i65bn b30my">
<p class="inline-flex items-center lialp e9qjd t6rrs dark:text-neutral-500">
<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>
Email:
</p>
</dt>
<dd class="e3fpz">
<p class="vo20k e9qjd bp13m dark:text-neutral-200">
rachel@gmail.com
</p>
</dd>
</dl>
<!-- End List Item -->
<!-- List Item -->
<dl class="d0kec flex items-center ekyph">
<dt class="i65bn b30my">
<p class="inline-flex items-center lialp e9qjd t6rrs dark:text-neutral-500">
<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 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/></svg>
Phone:
</p>
</dt>
<dd class="e3fpz">
<p class="vo20k e9qjd bp13m dark:text-neutral-200">
+297 000-00-00
</p>
</dd>
</dl>
<!-- End List Item -->
</div>
</div>
</div>
<!-- End User Details -->
<!-- Shared Media -->
<div class="hs-accordion active" id="hs-pro-chdssmc2">
<button type="button" class="hs-accordion-toggle xlz15 q0dcx i65bn flex uip67 items-center vmt4s bp13m b9xvx focus:outline-hidden xyfur disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-200 dark:hover:text-neutral-400 dark:focus:text-neutral-400" aria-expanded="true" aria-controls="hs-pro-chdssmc2-collapse">
<span class="t5ziw vo20k">Shared media</span>
<svg class="hs-accordion-active:hidden block ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg>
<svg class="hs-accordion-active:block hidden ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"></path></svg>
</button>
<div id="hs-pro-chdssmc2-collapse" class="hs-accordion-content i65bn overflow-hidden transition-[height] jahre" role="region" aria-labelledby="hs-pro-chdssmc2">
<div class="blhyt rq5fj">
<div class="dmfqa uir33 qq0m3">
<img class="hq6gx yahz0 ps5iq exlm9" src="../../assets/img/mockups/img10.jpg" alt="Media Image">
<img class="hq6gx yahz0 ps5iq exlm9" src="../../assets/img/mockups/img12.jpg" alt="Media Image">
</div>
</div>
</div>
</div>
<!-- End Shared Media -->
</div>
</div>
<!-- End Body -->
</div>
</aside>
<!-- End Secondary Sidebar -->
</div>
<!-- End Tab Content -->
<!-- Tab Content -->
<div id="hs-pro-tabs-chct-3" class="hidden" role="tabpanel" aria-labelledby="hs-pro-tabs-chct-item-3">
<div class="relative u35nr flex flex-col c9j8j">
<!-- Header -->
<header class="qp3gf ofq05 fszza aq8is n33uu lauwb flex uip67 lialp gki65 n7khv oo8ro ic6aj d77gl dark:bg-neutral-800 dark:border-neutral-700">
<div class="lg:hidden vl7eg sm:w-auto flex items-center">
<!-- Sidebar Toggle -->
<div class="e6xbu ">
<button type="button" class="flex r00n9 items-center pgjbi jlmh5 kzzmm lgfl9 cm336 xq1jm oo8ro ksr3h oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:bg-neutral-800 dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200" data-hs-overlay="#hs-pro-chat-sidebar" aria-controls="hs-pro-chat-sidebar" aria-label="Toggle navigation">
<svg class="hq6gx ibvs1 -ms-1" xmlns="http://www.w3.org/2000/svg" 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> Chat
</button>
</div>
<!-- End Sidebar Toggle -->
</div>
<!-- Avatar -->
<div>
<button type="button" class="truncate flex items-center qsuyg focus:outline-hidden" data-hs-overlay="#hs-pro-chhds3" aria-controls="hs-pro-chhds3" aria-label="Toggle navigation">
<span class="lg:block hidden relative hq6gx">
<img class="hq6gx aukwz oq0dt" src="https://images.unsplash.com/photo-1679412330254-90cb240038c5?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80" alt="Avatar">
<span class="absolute -bottom-0 -end-0 block srid0 oq0dt t2pcc ouvii ot31m dark:ring-neutral-900"></span>
</span>
<span class="e3fpz lj7mp y9kab truncate">
<span class="truncate block y2wul t5ziw amkne bp13m dark:text-neutral-200">
Lewis Clarke
</span>
<span class="truncate block cm336 t6rrs dark:text-neutral-500 amkne">
Last seen 12 mins ago
</span>
</span>
</button>
</div>
<!-- End Avatar -->
<div class="vl7eg sm:w-auto flex c9j8j items-center bj6m2">
<!-- Button -->
<div class="hs-tooltip [--placement:bottom] hidden sm:inline-block">
<button type="button" class="hs-tooltip-toggle flex r00n9 items-center vmt4s aukwz 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" data-hs-overlay="#hs-pro-chhsn">
<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"/><path d="M4 2C2.8 3.7 2 5.7 2 8"/><path d="M22 8c0-2.3-.8-4.3-2-6"/></svg>
<span class="ecbnn">Snooze</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">
Snooze
</span>
</div>
<!-- End Button -->
<!-- Button -->
<div class="hs-tooltip [--placement:bottom] hidden sm:inline-block">
<button type="button" class="hs-tooltip-toggle flex r00n9 items-center vmt4s aukwz 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" data-hs-overlay="#hs-pro-chhtgm">
<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="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"/><circle cx="7.5" cy="7.5" r=".5" fill="currentColor"/></svg>
<span class="ecbnn">Tags</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">
Tags
</span>
</div>
<!-- End Button -->
<!-- More Dropdown -->
<div class="hs-dropdown [--strategy:absolute] [--placement:top-right] relative inline-flex">
<button id="hs-pro-cht3hmd" type="button" class="flex r00n9 items-center vmt4s aukwz 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 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>
</button>
<!-- More Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 ho2sl transition-[opacity,margin] duration opacity-0 hidden ocib4 oo8ro lile3 rkof5 dark:bg-neutral-950" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-cht3hmd">
<div class="ju7it space-y-0.5">
<button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 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 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>
Mark as unread
</button>
<button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 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 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.2 8.4c.5.38.8.97.8 1.6v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V10a2 2 0 0 1 .8-1.6l8-6a2 2 0 0 1 2.4 0l8 6Z"/><path d="m22 10-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 10"/></svg>
Mark as read
</button>
<button type="button" class="sm:hidden i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 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" data-hs-overlay="#hs-pro-chhsn">
<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 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"/><path d="M4 2C2.8 3.7 2 5.7 2 8"/><path d="M22 8c0-2.3-.8-4.3-2-6"/></svg>
Snooze
</button>
<button type="button" class="sm:hidden i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 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" data-hs-overlay="#hs-pro-chhtgm">
<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.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"/><circle cx="7.5" cy="7.5" r=".5" fill="currentColor"/></svg>
Tags
</button>
<button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 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" data-hs-overlay="#hs-pro-chhsh">
<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="M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8"/><polyline points="16 6 12 2 8 6"/><line x1="12" x2="12" y1="2" y2="15"/></svg>
Share
</button>
<button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 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" data-hs-overlay="#hs-pro-chhsp">
<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"><polygon points="7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86 7.86 2"/><line x1="12" x2="12" y1="8" y2="12"/><line x1="12" x2="12.01" y1="16" y2="16"/></svg>
Spam
</button>
<button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 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" data-hs-overlay="#hs-pro-chhbu">
<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"/><path d="m4.9 4.9 14.2 14.2"/></svg>
Block user
</button>
<button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 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" data-hs-overlay="#hs-pro-chhdl">
<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>
Delete
</button>
</div>
</div>
<!-- End More Dropdown -->
</div>
<!-- End More Dropdown -->
<div class="relative lj3ur k5amb before:hidden md:before:block before:absolute before:top-1/2 before:start-0 before:w-px before:h-4 before:bg-gray-200 before:-translate-y-1/2 dark:before:bg-neutral-700">
<!-- Sidebar Toggle -->
<button type="button" class="hidden lg:flex r00n9 items-center vmt4s aukwz 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" data-hs-overlay="#hs-pro-chhds3" aria-controls="hs-pro-chhds3" aria-label="Toggle navigation">
<svg class="xl:hidden 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"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M15 3v18"/><path d="m10 15-3-3 3-3"/></svg>
<svg class="hidden xl:block 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"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M15 3v18"/><path d="m8 9 3 3-3 3"/></svg>
</button>
<button type="button" class="lg:hidden relative hq6gx flex r00n9 items-center vmt4s aukwz 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" data-hs-overlay="#hs-pro-chhds3" aria-controls="hs-pro-chhds3" aria-label="Toggle navigation">
<img class="hq6gx aukwz oq0dt" src="https://images.unsplash.com/photo-1679412330254-90cb240038c5?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80" alt="Avatar">
<span class="absolute -bottom-0 -end-0 block srid0 oq0dt t2pcc ouvii ot31m dark:ring-neutral-800"></span>
</button>
<!-- End Sidebar Toggle -->
</div>
</div>
</header>
<!-- End Header -->
<!-- Chat Content -->
<div class="qpmwn overflow-y-auto overflow-x-hidden n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<div class="pi5e6 space-y-5">
<!-- List -->
<div class="i65bn space-y-4">
<!-- Item -->
<div class="w7kls flex lialp">
<div class="hq6gx mt-auto">
<img class="hq6gx aukwz oq0dt" src="https://images.unsplash.com/photo-1679412330254-90cb240038c5?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80" alt="Avatar">
</div>
<!-- Chat Bubble -->
<div>
<p class="s8bn9 g4kd8 cm336 kvliy dark:text-neutral-500">Lewis</p>
<div class="space-y-1">
<!-- Message -->
<div class="group flex cufvb lialp" style="word-break: break-word;">
<div class="rsqv5 oo8ro hx4gm dark:bg-neutral-800 inline-block lile3 fkoia yh9al rfnst">
<div class="t5ziw bp13m dark:text-neutral-200">
<div class="hypkf dmfqa hdv6z pgjbi">
<img class="hq6gx gk9iu hc6dc exlm9" src="../../assets/img/examples/img9.webp" alt="Media Image">
<div class="space-y-1">
<img class="hq6gx i65bn bw3z3 ueu9n exlm9" src="../../assets/img/examples/img6.webp" alt="Media Image">
<img class="hq6gx i65bn bw3z3 cxytt exlm9" src="../../assets/img/examples/img1.webp" alt="Media Image">
</div>
</div>
How's these all free? 🤯
<span>
<span class="s2avd kvliy dark:text-neutral-600 zutm2">07:02</span>
</span>
</div>
</div>
<!-- More Dropdown -->
<div class="u81ux lg:opacity-0 lg:group-hover:opacity-100">
<div class="hs-dropdown --exclude-from-auto-opening [--strategy:absolute] [--auto-close:inside] relative inline-flex">
<button id="hs-pro-cht3cmd_1" type="button" class="flex r00n9 items-center vmt4s aukwz t5ziw xq1jm eweab oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 dark:hover:text-neutral-200 dark:focus:text-neutral-200" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<svg class="hq6gx ibvs1 oq0dt" xmlns="http://www.w3.org/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>
</button>
<!-- More Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 qzvcy transition-[opacity,margin] duration opacity-0 hidden v0251 oo8ro lile3 rkof5 dark:bg-neutral-800 before:h-4 before:absolute before:-top-4 before:start-0 before:w-full after:h-4 after:absolute after:-bottom-4 after:start-0 after:w-full" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-cht3cmd_1">
<div class="ju7it">
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg>
Edit
</a>
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/><path d="m10 7-3 3 3 3"/><path d="M17 13v-1a2 2 0 0 0-2-2H7"/></svg>
Reply
</a>
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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>
Delete
</a>
</div>
</div>
<!-- End More Dropdown -->
</div>
</div>
<!-- End More Dropdown -->
</div><!-- End Message -->
</div>
</div>
<!-- End Chat Bubble -->
</div>
<!-- End Item -->
</div>
<!-- End List -->
</div>
</div>
<!-- End Chat Content -->
<!-- Textarea -->
<footer class="qp3gf u0s8z fszza bo1ta oo8ro pyimf d77gl dark:bg-neutral-800 dark:border-neutral-700">
<label for="hs-chat-autoheight-textarea-3" class="ecbnn">Message</label>
<!-- Reply -->
<div id="hs-ch1trc" class="hs-removing:opacity-0 f1zti lgl4v o1ncb blhyt ic6aj kmgj5 dark:border-neutral-700">
<div class="flex uip67 items-center vmt4s te3x2 f31lg yujsw">
<div class="i65bn">
<p class="vo20k cm336 rwtxm">Reply to @@name</p>
<p class="cm336 bp13m dark:text-neutral-200">How's these all free? 🤯</p>
</div>
<div class="e3fpz">
<button type="button" class="inline-flex hq6gx r00n9 items-center awhdl oq0dt t6rrs ck8au focus:outline-hidden oahj8 dark:text-neutral-500 dark:hover:text-blue-500 dark:focus:text-blue-500" aria-label="Close" data-hs-remove-element="#hs-ch1trc">
<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"><circle cx="12" cy="12" r="10"/><path d="m15 9-6 6"/><path d="m9 9 6 6"/></svg>
</button>
</div>
</div>
</div>
<!-- End Reply -->
<div class="q0dcx yujsw">
<textarea id="hs-chat-autoheight-textarea-3" class="cspev yki1g q0dcx yujsw a498d block i65bn qb17b rounded-0 k34r6 amkne lqn87 focus:outline-hidden b2plr rdxom disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:text-neutral-400 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 Lewis" data-hs-textarea-auto-height>This is little appreciation to community! 🤭</textarea>
<div class="a498d flex uip67 items-center pgjbi">
<!-- Button Group -->
<div class="flex items-center pgjbi">
<!-- Button -->
<button type="button" class="flex r00n9 items-center vrcxw aukwz 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 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">Attach file</span>
</button>
<!-- End Button -->
<!-- Button -->
<button type="button" class="flex r00n9 items-center vrcxw aukwz 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 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 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 -->
</div>
<!-- End Button Group -->
<!-- Button Group -->
<div class="flex items-center pgjbi">
<!-- Button -->
<button type="button" class="flex r00n9 items-center vrcxw aukwz 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 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="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 aukwz t5ziw vo20k oq0dt zr4l6 jqqot 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">
<span class="ecbnn">Send</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="m5 12 7-7 7 7"/><path d="M12 19V5"/></svg>
</button>
<!-- End Send Button -->
</div>
<!-- End Button Group -->
</div>
</div>
</footer>
<!-- End Textarea -->
</div>
<!-- Secondary Sidebar -->
<aside id="hs-pro-chhds3" class="hs-sidebar-details hs-overlay [--body-scroll:true] 2xl:[--overlay-backdrop:false] [--is-layout-affect:true] [--opened:2xl] [--auto-close:2xl] [--auto-close-equality-type:less-than] hs-overlay-open:translate-x-0 2xl:hs-overlay-layout-open:translate-x-0
kbeg6 g0ipl jahre lrm8y
g4gy3 i65bn
hidden
fixed u0s8z fug6q bo1ta ofq05 qpmwn
oo8ro fr41k d77gl
2xl:block 2xl:translate-x-full 2xl:bottom-0
dark:bg-neutral-800 dark:border-neutral-700" tabindex="-1" aria-labelledby="hs-pro-chhds3-label">
<div class="qpmwn flex flex-col">
<!-- Header -->
<div class="mctd2 dkhxo flex uip67 items-center ic6aj d77gl dark:border-neutral-800">
<span id="hs-pro-chhds3-label" class="block y2wul bp13m dark:text-neutral-200">
Details
</span>
<!-- Close Button -->
<div class="absolute sq9jt hob2q bo1ta">
<button type="button" class="aukwz inline-flex r00n9 items-center lialp oq0dt wfm4e qb17b oo8ro bp13m eweab focus:outline-hidden evxbs disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:text-neutral-400 dark:focus:bg-neutral-700" aria-label="Close" data-hs-overlay="#hs-pro-chhds3">
<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><path d="m6 6 12 12"></path></svg>
</button>
</div>
<!-- End Close Button -->
</div>
<!-- End Header -->
<!-- Profile -->
<div class="xlz15 flex flex-col r00n9 items-center lj7mp ic6aj kmgj5 dark:border-neutral-800">
<img class="hq6gx mvdmw oq0dt" src="https://images.unsplash.com/photo-1679412330254-90cb240038c5?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80" alt="Avatar">
<div class="ls9te i65bn">
<h2 class="u832x y2wul bp13m dark:text-neutral-200">
Lewis Clarke
</h2>
<p class="ej64t e9qjd t6rrs dark:text-neutral-500">
Last seen 12 mins ago
</p>
<!-- Button Group -->
<div class="o1gdb flex r00n9 items-center vmt4s">
<button type="button" class="i7oig rfnst kgyhg inline-flex r00n9 items-center vrcxw vo20k cm336 vo20k ps5iq wfm4e d77gl oo8ro bp13m hx4gm tdhmi disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tme8y dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
<svg class="hq6gx 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="M17 18a2 2 0 0 0-2-2H9a2 2 0 0 0-2 2"/><rect width="18" height="18" x="3" y="4" rx="2"/><circle cx="12" cy="10" r="2"/><line x1="8" x2="8" y1="2" y2="4"/><line x1="16" x2="16" y1="2" y2="4"/></svg>
View profile
</button>
<button type="button" class="i7oig rfnst kgyhg inline-flex r00n9 items-center vrcxw vo20k cm336 vo20k ps5iq wfm4e d77gl oo8ro bp13m hx4gm tdhmi disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tme8y dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
<svg class="hq6gx 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>
Send email
</button>
</div>
<!-- End Button Group -->
</div>
</div>
<!-- End Profile -->
<!-- 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="hs-accordion-group" data-hs-accordion-always-open>
<!-- User Details -->
<div class="hs-accordion ic6aj kmgj5 dark:border-neutral-800 active" id="hs-pro-chdsudc3">
<button type="button" class="hs-accordion-toggle xlz15 q0dcx i65bn flex uip67 items-center vmt4s bp13m b9xvx focus:outline-hidden xyfur disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-200 dark:hover:text-neutral-400 dark:focus:text-neutral-400" aria-expanded="true" aria-controls="hs-pro-chdsudc3-collapse">
<span class="t5ziw vo20k">User details</span>
<svg class="hs-accordion-active:hidden block ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg>
<svg class="hs-accordion-active:block hidden ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"></path></svg>
</button>
<div id="hs-pro-chdsudc3-collapse" class="hs-accordion-content i65bn overflow-hidden transition-[height] jahre" role="region" aria-labelledby="hs-pro-chdsudc3">
<div class="blhyt rq5fj">
<!-- List Item -->
<dl class="d0kec flex items-center ekyph">
<dt class="i65bn b30my">
<p class="inline-flex items-center lialp e9qjd t6rrs dark:text-neutral-500">
<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 12h.01"/><path d="M16 6V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v2"/><path d="M22 13a18.15 18.15 0 0 1-20 0"/><rect width="20" height="14" x="2" y="6" rx="2"/></svg>
Company:
</p>
</dt>
<dd class="e3fpz">
<p class="vo20k e9qjd bp13m dark:text-neutral-200">
Acroma
</p>
</dd>
</dl>
<!-- End List Item -->
<!-- List Item -->
<dl class="d0kec flex items-center ekyph">
<dt class="i65bn b30my">
<p class="inline-flex items-center lialp e9qjd t6rrs dark:text-neutral-500">
<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="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>
Country:
</p>
</dt>
<dd class="e3fpz">
<p class="vo20k e9qjd bp13m dark:text-neutral-200">
United States
</p>
</dd>
</dl>
<!-- End List Item -->
<!-- List Item -->
<dl class="d0kec flex items-center ekyph">
<dt class="i65bn b30my">
<p class="inline-flex items-center lialp e9qjd t6rrs dark:text-neutral-500">
<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>
Email:
</p>
</dt>
<dd class="e3fpz">
<p class="vo20k e9qjd bp13m dark:text-neutral-200">
lewis@acroma.com
</p>
</dd>
</dl>
<!-- End List Item -->
<!-- List Item -->
<dl class="d0kec flex items-center ekyph">
<dt class="i65bn b30my">
<p class="inline-flex items-center lialp e9qjd t6rrs dark:text-neutral-500">
<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"/><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>
Site:
</p>
</dt>
<dd class="e3fpz">
<a class="b7qg3 t5ziw rwtxm ymclh pdar8 vo20k focus:outline-hidden np187 dark:text-blue-400 dark:hover:text-blue-500" href="#">
acroma.com
</a>
</dd>
</dl>
<!-- End List Item -->
</div>
</div>
</div>
<!-- End User Details -->
<!-- Shared Media -->
<div class="hs-accordion active" id="hs-pro-chdssmc3">
<button type="button" class="hs-accordion-toggle xlz15 q0dcx i65bn flex uip67 items-center vmt4s bp13m b9xvx focus:outline-hidden xyfur disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-200 dark:hover:text-neutral-400 dark:focus:text-neutral-400" aria-expanded="true" aria-controls="hs-pro-chdssmc3-collapse">
<span class="t5ziw vo20k">Shared media</span>
<svg class="hs-accordion-active:hidden block ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg>
<svg class="hs-accordion-active:block hidden ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"></path></svg>
</button>
<div id="hs-pro-chdssmc3-collapse" class="hs-accordion-content i65bn overflow-hidden transition-[height] jahre" role="region" aria-labelledby="hs-pro-chdssmc3">
<div class="blhyt rq5fj">
<p class="t5ziw t6rrs dark:text-neutral-500">
Only shared images appear here
</p>
</div>
</div>
</div>
<!-- End Shared Media -->
</div>
</div>
<!-- End Body -->
</div>
</aside>
<!-- End Secondary Sidebar -->
</div>
<!-- End Tab Content -->
<!-- Tab Content -->
<div id="hs-pro-tabs-chct-4" class="hidden" role="tabpanel" aria-labelledby="hs-pro-tabs-chct-item-4">
<div class="relative u35nr flex flex-col c9j8j">
<!-- Header -->
<header class="qp3gf ofq05 fszza aq8is n33uu lauwb flex uip67 lialp gki65 n7khv oo8ro ic6aj d77gl dark:bg-neutral-800 dark:border-neutral-700">
<div class="lg:hidden vl7eg sm:w-auto flex items-center">
<!-- Sidebar Toggle -->
<div class="e6xbu ">
<button type="button" class="flex r00n9 items-center pgjbi jlmh5 kzzmm lgfl9 cm336 xq1jm oo8ro ksr3h oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:bg-neutral-800 dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200" data-hs-overlay="#hs-pro-chat-sidebar" aria-controls="hs-pro-chat-sidebar" aria-label="Toggle navigation">
<svg class="hq6gx ibvs1 -ms-1" xmlns="http://www.w3.org/2000/svg" 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> Chat
</button>
</div>
<!-- End Sidebar Toggle -->
</div>
<!-- Avatar -->
<div>
<button type="button" class="truncate flex items-center qsuyg focus:outline-hidden" data-hs-overlay="#hs-pro-chhds4" aria-controls="hs-pro-chhds4" aria-label="Toggle navigation">
<span class="lg:block hidden relative hq6gx"><span class="flex hq6gx r00n9 items-center aukwz cm336 vo20k e7zws ot31m zr4l6 oq0dt">
T
</span>
</span>
<span class="e3fpz lj7mp y9kab truncate">
<span class="truncate block y2wul t5ziw amkne bp13m dark:text-neutral-200">
Technical issues
</span>
<span class="truncate block cm336 t6rrs dark:text-neutral-500 amkne">
4 members
</span>
</span>
</button>
</div>
<!-- End Avatar -->
<div class="vl7eg sm:w-auto flex c9j8j items-center bj6m2">
<!-- Button -->
<div class="hs-tooltip [--placement:bottom] hidden sm:inline-block">
<button type="button" class="hs-tooltip-toggle flex r00n9 items-center vmt4s aukwz 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" data-hs-overlay="#hs-pro-chhsn">
<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"/><path d="M4 2C2.8 3.7 2 5.7 2 8"/><path d="M22 8c0-2.3-.8-4.3-2-6"/></svg>
<span class="ecbnn">Snooze</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">
Snooze
</span>
</div>
<!-- End Button -->
<!-- Button -->
<div class="hs-tooltip [--placement:bottom] hidden sm:inline-block">
<button type="button" class="hs-tooltip-toggle flex r00n9 items-center vmt4s aukwz 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" data-hs-overlay="#hs-pro-chhtgm">
<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="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"/><circle cx="7.5" cy="7.5" r=".5" fill="currentColor"/></svg>
<span class="ecbnn">Tags</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">
Tags
</span>
</div>
<!-- End Button -->
<!-- More Dropdown -->
<div class="hs-dropdown [--strategy:absolute] [--placement:top-right] relative inline-flex">
<button id="hs-pro-cht4hmd" type="button" class="flex r00n9 items-center vmt4s aukwz 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 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>
</button>
<!-- More Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 ho2sl transition-[opacity,margin] duration opacity-0 hidden ocib4 oo8ro lile3 rkof5 dark:bg-neutral-950" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-cht4hmd">
<div class="ju7it space-y-0.5">
<button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 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 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>
Mark as unread
</button>
<button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 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 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.2 8.4c.5.38.8.97.8 1.6v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V10a2 2 0 0 1 .8-1.6l8-6a2 2 0 0 1 2.4 0l8 6Z"/><path d="m22 10-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 10"/></svg>
Mark as read
</button>
<button type="button" class="sm:hidden i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 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" data-hs-overlay="#hs-pro-chhsn">
<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 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"/><path d="M4 2C2.8 3.7 2 5.7 2 8"/><path d="M22 8c0-2.3-.8-4.3-2-6"/></svg>
Snooze
</button>
<button type="button" class="sm:hidden i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 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" data-hs-overlay="#hs-pro-chhtgm">
<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.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"/><circle cx="7.5" cy="7.5" r=".5" fill="currentColor"/></svg>
Tags
</button>
<button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 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" data-hs-overlay="#hs-pro-chhsh">
<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="M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8"/><polyline points="16 6 12 2 8 6"/><line x1="12" x2="12" y1="2" y2="15"/></svg>
Share
</button>
<button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 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" data-hs-overlay="#hs-pro-chhsp">
<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"><polygon points="7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86 7.86 2"/><line x1="12" x2="12" y1="8" y2="12"/><line x1="12" x2="12.01" y1="16" y2="16"/></svg>
Spam
</button>
<button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 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" data-hs-overlay="#hs-pro-chhbu">
<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"/><path d="m4.9 4.9 14.2 14.2"/></svg>
Block user
</button>
<button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 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" data-hs-overlay="#hs-pro-chhdl">
<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>
Delete
</button>
</div>
</div>
<!-- End More Dropdown -->
</div>
<!-- End More Dropdown -->
<div class="relative lj3ur k5amb before:hidden md:before:block before:absolute before:top-1/2 before:start-0 before:w-px before:h-4 before:bg-gray-200 before:-translate-y-1/2 dark:before:bg-neutral-700">
<!-- Sidebar Toggle -->
<button type="button" class="hidden lg:flex r00n9 items-center vmt4s aukwz 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" data-hs-overlay="#hs-pro-chhds4" aria-controls="hs-pro-chhds4" aria-label="Toggle navigation">
<svg class="xl:hidden 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"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M15 3v18"/><path d="m10 15-3-3 3-3"/></svg>
<svg class="hidden xl:block 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"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M15 3v18"/><path d="m8 9 3 3-3 3"/></svg>
</button>
<button type="button" class="lg:hidden relative hq6gx flex r00n9 items-center vmt4s aukwz 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" data-hs-overlay="#hs-pro-chhds4" aria-controls="hs-pro-chhds4" aria-label="Toggle navigation"><span class="flex hq6gx r00n9 items-center aukwz cm336 vo20k e7zws ot31m zr4l6 oq0dt">
T
</span>
</button>
<!-- End Sidebar Toggle -->
</div>
</div>
</header>
<!-- End Header -->
<!-- Chat Content -->
<div class="qpmwn overflow-y-auto overflow-x-hidden n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<div class="pi5e6 space-y-5">
<div class="relative space-y-5">
<!-- Time -->
<div class="qp3gf ofq05 fszza v0251 sqxm1 mx-auto lj7mp">
<span class="ct50n lxh7u agawe cm336 t6rrs oq0dt dark:bg-neutral-900 dark:text-neutral-500">01 May</span>
</div>
<!-- End Time -->
<!-- List -->
<div class="i65bn space-y-4">
<!-- Item -->
<div class="w7kls flex lialp">
<div class="hq6gx mt-auto">
<img class="hq6gx aukwz oq0dt" src="https://images.unsplash.com/photo-1579017331263-ef82f0bbc748?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2&w=320&h=320&q=80" alt="Avatar">
</div>
<!-- Chat Bubble -->
<div>
<p class="s8bn9 g4kd8 cm336 kvliy dark:text-neutral-500">Lousie</p>
<div class="space-y-1">
<!-- Message -->
<div class="group flex cufvb lialp" style="word-break: break-word;">
<div class="rsqv5 oo8ro hx4gm dark:bg-neutral-800 inline-block lile3 fkoia yh9al rfnst">
<div class="t5ziw bp13m dark:text-neutral-200">
Hello everyone
<span>
<span class="s2avd kvliy dark:text-neutral-600 zutm2">10:49</span>
</span>
</div>
</div>
<!-- More Dropdown -->
<div class="u81ux lg:opacity-0 lg:group-hover:opacity-100">
<div class="hs-dropdown --exclude-from-auto-opening [--strategy:absolute] [--auto-close:inside] relative inline-flex">
<button id="hs-pro-cht4cmd_1" type="button" class="flex r00n9 items-center vmt4s aukwz t5ziw xq1jm eweab oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 dark:hover:text-neutral-200 dark:focus:text-neutral-200" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<svg class="hq6gx ibvs1 oq0dt" xmlns="http://www.w3.org/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>
</button>
<!-- More Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 qzvcy transition-[opacity,margin] duration opacity-0 hidden v0251 oo8ro lile3 rkof5 dark:bg-neutral-800 before:h-4 before:absolute before:-top-4 before:start-0 before:w-full after:h-4 after:absolute after:-bottom-4 after:start-0 after:w-full" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-cht4cmd_1">
<div class="ju7it">
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg>
Edit
</a>
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/><path d="m10 7-3 3 3 3"/><path d="M17 13v-1a2 2 0 0 0-2-2H7"/></svg>
Reply
</a>
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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>
Delete
</a>
</div>
</div>
<!-- End More Dropdown -->
</div>
</div>
<!-- End More Dropdown -->
</div><!-- End Message -->
</div>
</div>
<!-- End Chat Bubble -->
</div>
<!-- End Item -->
<!-- Item -->
<div class="w7kls ms-auto cuqi8 flex c9j8j lialp">
<!-- Chat Bubble -->
<div>
<p class="s8bn9 xu42w cm336 kvliy dark:text-neutral-500">James</p>
<div class="space-y-1">
<!-- Message -->
<div class="group flex c9j8j lialp" style="word-break: break-word;">
<div class="u81ux qgy40 c32br dark:bg-blue-500/20 inline-block lile3 fkoia yh9al rfnst">
<div class="t5ziw bp13m dark:text-neutral-200">
Hi Lousie
<span>
<span class="s2avd cuqi8 kvliy dark:text-neutral-600 zutm2">18:39</span>
<svg class="inline-block hq6gx ibvs1 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="M18 6 7 17l-5-5"/><path d="m22 10-7.5 7.5L13 16"/></svg>
</span>
</div>
</div>
<!-- More Dropdown -->
<div class="rsqv5 lg:opacity-0 lg:group-hover:opacity-100">
<div class="hs-dropdown --exclude-from-auto-opening [--strategy:absolute] [--auto-close:inside] [--placement:bottom-right] relative inline-flex">
<button id="hs-pro-cht4cmd_2" type="button" class="flex r00n9 items-center vmt4s aukwz t5ziw xq1jm eweab oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 dark:hover:text-neutral-200 dark:focus:text-neutral-200" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<svg class="hq6gx ibvs1 oq0dt" xmlns="http://www.w3.org/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>
</button>
<!-- More Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 qzvcy transition-[opacity,margin] duration opacity-0 hidden v0251 oo8ro lile3 rkof5 dark:bg-neutral-800 before:h-4 before:absolute before:-top-4 before:start-0 before:w-full after:h-4 after:absolute after:-bottom-4 after:start-0 after:w-full" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-cht4cmd_2">
<div class="ju7it">
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg>
Edit
</a>
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/><path d="m10 7-3 3 3 3"/><path d="M17 13v-1a2 2 0 0 0-2-2H7"/></svg>
Reply
</a>
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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>
Delete
</a>
</div>
</div>
<!-- End More Dropdown -->
</div>
</div>
<!-- End More Dropdown -->
</div><!-- End Message -->
<!-- Message -->
<div class="group flex c9j8j lialp" style="word-break: break-word;">
<div class="u81ux qgy40 c32br dark:bg-blue-500/20 inline-block lile3 fkoia yh9al rfnst">
<div class="t5ziw bp13m dark:text-neutral-200">
How are you?
<span>
<span class="s2avd cuqi8 kvliy dark:text-neutral-600 zutm2">18:40</span>
<svg class="inline-block hq6gx ibvs1 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="M18 6 7 17l-5-5"/><path d="m22 10-7.5 7.5L13 16"/></svg>
</span>
</div>
</div>
<!-- More Dropdown -->
<div class="rsqv5 lg:opacity-0 lg:group-hover:opacity-100">
<div class="hs-dropdown --exclude-from-auto-opening [--strategy:absolute] [--auto-close:inside] [--placement:bottom-right] relative inline-flex">
<button id="hs-pro-cht4cmd_3" type="button" class="flex r00n9 items-center vmt4s aukwz t5ziw xq1jm eweab oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 dark:hover:text-neutral-200 dark:focus:text-neutral-200" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<svg class="hq6gx ibvs1 oq0dt" xmlns="http://www.w3.org/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>
</button>
<!-- More Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 qzvcy transition-[opacity,margin] duration opacity-0 hidden v0251 oo8ro lile3 rkof5 dark:bg-neutral-800 before:h-4 before:absolute before:-top-4 before:start-0 before:w-full after:h-4 after:absolute after:-bottom-4 after:start-0 after:w-full" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-cht4cmd_3">
<div class="ju7it">
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg>
Edit
</a>
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/><path d="m10 7-3 3 3 3"/><path d="M17 13v-1a2 2 0 0 0-2-2H7"/></svg>
Reply
</a>
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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>
Delete
</a>
</div>
</div>
<!-- End More Dropdown -->
</div>
</div>
<!-- End More Dropdown -->
</div><!-- End Message -->
</div>
</div>
<!-- End Chat Bubble -->
<div class="hq6gx mt-auto">
<img class="hq6gx aukwz 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 Item -->
</div>
<!-- End List -->
</div>
<div class="relative space-y-5">
<!-- Time -->
<div class="qp3gf ofq05 fszza v0251 sqxm1 mx-auto lj7mp">
<span class="ct50n lxh7u agawe cm336 t6rrs oq0dt dark:bg-neutral-900 dark:text-neutral-500">02 May</span>
</div>
<!-- End Time -->
<!-- List -->
<div class="i65bn space-y-4">
<!-- Item -->
<div class="w7kls flex lialp">
<div class="hq6gx mt-auto">
<img class="hq6gx aukwz oq0dt" src="https://images.unsplash.com/photo-1579017331263-ef82f0bbc748?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2&w=320&h=320&q=80" alt="Avatar">
</div>
<!-- Chat Bubble -->
<div>
<p class="s8bn9 g4kd8 cm336 kvliy dark:text-neutral-500">Anna</p>
<div class="space-y-1">
<!-- Message -->
<div class="group flex cufvb lialp" style="word-break: break-word;">
<div class="rsqv5 oo8ro hx4gm dark:bg-neutral-800 inline-block lile3 fkoia yh9al rfnst">
<div class="t5ziw bp13m dark:text-neutral-200">
you guys I need your help
<span>
<span class="s2avd kvliy dark:text-neutral-600 zutm2">10:00</span>
</span>
</div>
</div>
<!-- More Dropdown -->
<div class="u81ux lg:opacity-0 lg:group-hover:opacity-100">
<div class="hs-dropdown --exclude-from-auto-opening [--strategy:absolute] [--auto-close:inside] relative inline-flex">
<button id="hs-pro-cht4cmd_4" type="button" class="flex r00n9 items-center vmt4s aukwz t5ziw xq1jm eweab oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 dark:hover:text-neutral-200 dark:focus:text-neutral-200" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<svg class="hq6gx ibvs1 oq0dt" xmlns="http://www.w3.org/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>
</button>
<!-- More Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 qzvcy transition-[opacity,margin] duration opacity-0 hidden v0251 oo8ro lile3 rkof5 dark:bg-neutral-800 before:h-4 before:absolute before:-top-4 before:start-0 before:w-full after:h-4 after:absolute after:-bottom-4 after:start-0 after:w-full" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-cht4cmd_4">
<div class="ju7it">
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg>
Edit
</a>
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/><path d="m10 7-3 3 3 3"/><path d="M17 13v-1a2 2 0 0 0-2-2H7"/></svg>
Reply
</a>
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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>
Delete
</a>
</div>
</div>
<!-- End More Dropdown -->
</div>
</div>
<!-- End More Dropdown -->
</div><!-- End Message -->
<!-- Message -->
<div class="group flex cufvb lialp" style="word-break: break-word;">
<div class="rsqv5 oo8ro hx4gm dark:bg-neutral-800 inline-block lile3 fkoia yh9al rfnst">
<div class="t5ziw bp13m dark:text-neutral-200">
<div class="flex items-center lialp">
<button type="button" class="flex r00n9 items-center si8if jqqot lmqf9 focus:outline-hidden adzhs zr4l6 oq0dt dark:bg-blue-500 dark:hover:bg-blue-600 dark:focus:bg-blue-600">
<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"><polygon points="6 3 20 12 6 21 6 3"/></svg>
</button>
<div class="e3fpz">
<svg class="rwtxm dark:text-blue-500" width="77" height="19" viewBox="0 0 77 19" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect y="18" width="2" height="1" fill="currentColor"/>
<rect x="3" y="18" width="2" height="1" fill="currentColor"/>
<rect x="6" y="18" width="2" height="1" fill="currentColor"/>
<rect x="9" y="18" width="2" height="1" fill="currentColor"/>
<rect x="12" y="4" width="2" height="15" fill="currentColor"/>
<rect x="15" y="6" width="2" height="13" fill="currentColor"/>
<rect x="18" y="14" width="2" height="5" fill="currentColor"/>
<rect x="21" y="15" width="2" height="4" fill="currentColor"/>
<rect x="24" y="12" width="2" height="7" fill="currentColor"/>
<rect x="27" width="2" height="19" fill="currentColor"/>
<rect x="30" y="7" width="2" height="12" fill="currentColor"/>
<rect x="33" y="3" width="2" height="16" fill="currentColor"/>
<rect x="36" y="9" width="2" height="10" fill="currentColor"/>
<rect x="39" y="14" width="2" height="5" fill="currentColor"/>
<rect x="42" y="18" width="2" height="1" fill="currentColor"/>
<rect x="45" y="18" width="2" height="1" fill="currentColor"/>
<rect x="48" y="18" width="2" height="1" fill="currentColor"/>
<rect x="51" y="14" width="2" height="5" fill="currentColor"/>
<rect x="54" y="14" width="2" height="5" fill="currentColor"/>
<rect x="57" y="14" width="2" height="5" fill="currentColor"/>
<rect x="60" width="2" height="19" fill="currentColor"/>
<rect x="63" y="7" width="2" height="12" fill="currentColor"/>
<rect x="66" width="2" height="19" fill="currentColor"/>
<rect x="69" y="18" width="2" height="1" fill="currentColor"/>
<rect x="72" y="18" width="2" height="1" fill="currentColor"/>
<rect x="75" y="18" width="2" height="1" fill="currentColor"/>
</svg>
<div class="inline-flex items-center pgjbi">
<p class="cm336 t6rrs dark:text-neutral-500">
00:08
</p>
</div>
</div>
</div>
<span>
<span class="s2avd kvliy dark:text-neutral-600 zutm2">10:51</span>
</span>
</div>
</div>
<!-- More Dropdown -->
<div class="u81ux lg:opacity-0 lg:group-hover:opacity-100">
<div class="hs-dropdown --exclude-from-auto-opening [--strategy:absolute] [--auto-close:inside] relative inline-flex">
<button id="hs-pro-cht4cmd_5" type="button" class="flex r00n9 items-center vmt4s aukwz t5ziw xq1jm eweab oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 dark:hover:text-neutral-200 dark:focus:text-neutral-200" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<svg class="hq6gx ibvs1 oq0dt" xmlns="http://www.w3.org/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>
</button>
<!-- More Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 qzvcy transition-[opacity,margin] duration opacity-0 hidden v0251 oo8ro lile3 rkof5 dark:bg-neutral-800 before:h-4 before:absolute before:-top-4 before:start-0 before:w-full after:h-4 after:absolute after:-bottom-4 after:start-0 after:w-full" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-cht4cmd_5">
<div class="ju7it">
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg>
Edit
</a>
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/><path d="m10 7-3 3 3 3"/><path d="M17 13v-1a2 2 0 0 0-2-2H7"/></svg>
Reply
</a>
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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>
Delete
</a>
</div>
</div>
<!-- End More Dropdown -->
</div>
</div>
<!-- End More Dropdown -->
</div><!-- End Message -->
</div>
</div>
<!-- End Chat Bubble -->
</div>
<!-- End Item -->
<!-- Item -->
<div class="w7kls ms-auto cuqi8 flex c9j8j lialp">
<!-- Chat Bubble -->
<div>
<p class="s8bn9 xu42w cm336 kvliy dark:text-neutral-500">Christina</p>
<div class="space-y-1">
<!-- Message -->
<div class="group flex c9j8j lialp" style="word-break: break-word;">
<div class="u81ux qgy40 c32br dark:bg-blue-500/20 inline-block lile3 fkoia yh9al rfnst">
<div class="t5ziw bp13m dark:text-neutral-200">
<div class="flex items-center lialp">
<button type="button" class="flex r00n9 items-center si8if jqqot lmqf9 focus:outline-hidden adzhs zr4l6 oq0dt dark:bg-blue-500 dark:hover:bg-blue-600 dark:focus:bg-blue-600">
<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"><polygon points="6 3 20 12 6 21 6 3"/></svg>
</button>
<div class="e3fpz">
<svg class="rwtxm dark:text-blue-500" width="77" height="19" viewBox="0 0 77 19" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect y="18" width="2" height="1" fill="currentColor"/>
<rect x="3" y="18" width="2" height="1" fill="currentColor"/>
<rect x="6" y="18" width="2" height="1" fill="currentColor"/>
<rect x="9" y="18" width="2" height="1" fill="currentColor"/>
<rect x="12" y="4" width="2" height="15" fill="currentColor"/>
<rect x="15" y="6" width="2" height="13" fill="currentColor"/>
<rect x="18" y="14" width="2" height="5" fill="currentColor"/>
<rect x="21" y="15" width="2" height="4" fill="currentColor"/>
<rect x="24" y="12" width="2" height="7" fill="currentColor"/>
<rect x="27" width="2" height="19" fill="currentColor"/>
<rect x="30" y="7" width="2" height="12" fill="currentColor"/>
<rect x="33" y="3" width="2" height="16" fill="currentColor"/>
<rect x="36" y="9" width="2" height="10" fill="currentColor"/>
<rect x="39" y="14" width="2" height="5" fill="currentColor"/>
<rect x="42" y="18" width="2" height="1" fill="currentColor"/>
<rect x="45" y="18" width="2" height="1" fill="currentColor"/>
<rect x="48" y="18" width="2" height="1" fill="currentColor"/>
<rect x="51" y="14" width="2" height="5" fill="currentColor"/>
<rect x="54" y="14" width="2" height="5" fill="currentColor"/>
<rect x="57" y="14" width="2" height="5" fill="currentColor"/>
<rect x="60" width="2" height="19" fill="currentColor"/>
<rect x="63" y="7" width="2" height="12" fill="currentColor"/>
<rect x="66" width="2" height="19" fill="currentColor"/>
<rect x="69" y="18" width="2" height="1" fill="currentColor"/>
<rect x="72" y="18" width="2" height="1" fill="currentColor"/>
<rect x="75" y="18" width="2" height="1" fill="currentColor"/>
</svg>
<div class="inline-flex items-center pgjbi">
<p class="cm336 t6rrs dark:text-neutral-500">
00:08
</p>
<span class="inline-block qw7b4 oq0dt jqqot dark:bg-blue-500"></span>
</div>
</div>
</div>
<span>
<span class="s2avd cuqi8 kvliy dark:text-neutral-600 zutm2">09:52</span>
<svg class="inline-block hq6gx ibvs1 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="M18 6 7 17l-5-5"/><path d="m22 10-7.5 7.5L13 16"/></svg>
</span>
</div>
</div>
<!-- More Dropdown -->
<div class="rsqv5 lg:opacity-0 lg:group-hover:opacity-100">
<div class="hs-dropdown --exclude-from-auto-opening [--strategy:absolute] [--auto-close:inside] [--placement:bottom-right] relative inline-flex">
<button id="hs-pro-cht4cmd_6" type="button" class="flex r00n9 items-center vmt4s aukwz t5ziw xq1jm eweab oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 dark:hover:text-neutral-200 dark:focus:text-neutral-200" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<svg class="hq6gx ibvs1 oq0dt" xmlns="http://www.w3.org/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>
</button>
<!-- More Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 qzvcy transition-[opacity,margin] duration opacity-0 hidden v0251 oo8ro lile3 rkof5 dark:bg-neutral-800 before:h-4 before:absolute before:-top-4 before:start-0 before:w-full after:h-4 after:absolute after:-bottom-4 after:start-0 after:w-full" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-cht4cmd_6">
<div class="ju7it">
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg>
Edit
</a>
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/><path d="m10 7-3 3 3 3"/><path d="M17 13v-1a2 2 0 0 0-2-2H7"/></svg>
Reply
</a>
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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>
Delete
</a>
</div>
</div>
<!-- End More Dropdown -->
</div>
</div>
<!-- End More Dropdown -->
</div><!-- End Message -->
</div>
</div>
<!-- End Chat Bubble -->
<div class="hq6gx mt-auto">
<img class="hq6gx aukwz oq0dt" src="https://images.unsplash.com/photo-1580489944761-15a19d654956?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2&w=320&h=320&q=80" alt="Avatar">
</div>
</div>
<!-- End Item -->
<!-- Item -->
<div class="w7kls flex lialp">
<div class="hq6gx mt-auto">
<span class="flex hq6gx r00n9 items-center aukwz cm336 vo20k e7zws oq0dt k2w7g zr4l6">
S
</span>
</div>
<!-- Chat Bubble -->
<div>
<p class="s8bn9 g4kd8 cm336 kvliy dark:text-neutral-500">Sun</p>
<div class="space-y-1">
<!-- Message -->
<div class="group flex cufvb lialp" style="word-break: break-word;">
<div class="rsqv5 oo8ro hx4gm dark:bg-neutral-800 inline-block lile3 fkoia yh9al rfnst">
<div class="t5ziw bp13m dark:text-neutral-200">
Hi
<span>
<span class="s2avd kvliy dark:text-neutral-600 zutm2">10:14</span>
</span>
</div>
</div>
<!-- More Dropdown -->
<div class="u81ux lg:opacity-0 lg:group-hover:opacity-100">
<div class="hs-dropdown --exclude-from-auto-opening [--strategy:absolute] [--auto-close:inside] relative inline-flex">
<button id="hs-pro-cht4cmd_7" type="button" class="flex r00n9 items-center vmt4s aukwz t5ziw xq1jm eweab oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 dark:hover:text-neutral-200 dark:focus:text-neutral-200" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<svg class="hq6gx ibvs1 oq0dt" xmlns="http://www.w3.org/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>
</button>
<!-- More Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 qzvcy transition-[opacity,margin] duration opacity-0 hidden v0251 oo8ro lile3 rkof5 dark:bg-neutral-800 before:h-4 before:absolute before:-top-4 before:start-0 before:w-full after:h-4 after:absolute after:-bottom-4 after:start-0 after:w-full" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-cht4cmd_7">
<div class="ju7it">
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg>
Edit
</a>
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/><path d="m10 7-3 3 3 3"/><path d="M17 13v-1a2 2 0 0 0-2-2H7"/></svg>
Reply
</a>
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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>
Delete
</a>
</div>
</div>
<!-- End More Dropdown -->
</div>
</div>
<!-- End More Dropdown -->
</div><!-- End Message -->
<!-- Message -->
<div class="group flex cufvb lialp" style="word-break: break-word;">
<div class="rsqv5 oo8ro hx4gm dark:bg-neutral-800 inline-block lile3 fkoia yh9al rfnst">
<div class="t5ziw bp13m dark:text-neutral-200">
After the purchase, user should receive two emails, one from us with the details to create an account for Preline Pro and another one from Paddle with the user purchase details including invoice.<br><br>Also need to check the spam folders just in case
<span>
<span class="s2avd kvliy dark:text-neutral-600 zutm2">10:25</span>
</span>
</div>
</div>
<!-- More Dropdown -->
<div class="u81ux lg:opacity-0 lg:group-hover:opacity-100">
<div class="hs-dropdown --exclude-from-auto-opening [--strategy:absolute] [--auto-close:inside] relative inline-flex">
<button id="hs-pro-cht4cmd_8" type="button" class="flex r00n9 items-center vmt4s aukwz t5ziw xq1jm eweab oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 dark:hover:text-neutral-200 dark:focus:text-neutral-200" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<svg class="hq6gx ibvs1 oq0dt" xmlns="http://www.w3.org/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>
</button>
<!-- More Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 qzvcy transition-[opacity,margin] duration opacity-0 hidden v0251 oo8ro lile3 rkof5 dark:bg-neutral-800 before:h-4 before:absolute before:-top-4 before:start-0 before:w-full after:h-4 after:absolute after:-bottom-4 after:start-0 after:w-full" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-cht4cmd_8">
<div class="ju7it">
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg>
Edit
</a>
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/><path d="m10 7-3 3 3 3"/><path d="M17 13v-1a2 2 0 0 0-2-2H7"/></svg>
Reply
</a>
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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>
Delete
</a>
</div>
</div>
<!-- End More Dropdown -->
</div>
</div>
<!-- End More Dropdown -->
</div><!-- End Message -->
<!-- Message -->
<div class="group flex cufvb lialp" style="word-break: break-word;">
<div class="rsqv5 oo8ro hx4gm dark:bg-neutral-800 inline-block lile3 fkoia yh9al rfnst">
<div class="t5ziw bp13m dark:text-neutral-200">
Looks like user entered the wrong email <a class="xslaf rwtxm u17ef dark:text-blue-500" href="#">annarichard@gmail.cm</a> (typo at <a class="xslaf rwtxm u17ef dark:text-blue-500" href="#">gmail.cm</a>) - we will send a new email to <a class="xslaf rwtxm u17ef dark:text-blue-500" href="#">annarichard@gmail.com</a> with a link to create an account in a moment.
<span>
<span class="s2avd kvliy dark:text-neutral-600 zutm2">10:27</span>
</span>
</div>
</div>
<!-- More Dropdown -->
<div class="u81ux lg:opacity-0 lg:group-hover:opacity-100">
<div class="hs-dropdown --exclude-from-auto-opening [--strategy:absolute] [--auto-close:inside] relative inline-flex">
<button id="hs-pro-cht4cmd_9" type="button" class="flex r00n9 items-center vmt4s aukwz t5ziw xq1jm eweab oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 dark:hover:text-neutral-200 dark:focus:text-neutral-200" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<svg class="hq6gx ibvs1 oq0dt" xmlns="http://www.w3.org/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>
</button>
<!-- More Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 qzvcy transition-[opacity,margin] duration opacity-0 hidden v0251 oo8ro lile3 rkof5 dark:bg-neutral-800 before:h-4 before:absolute before:-top-4 before:start-0 before:w-full after:h-4 after:absolute after:-bottom-4 after:start-0 after:w-full" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-cht4cmd_9">
<div class="ju7it">
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg>
Edit
</a>
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/><path d="m10 7-3 3 3 3"/><path d="M17 13v-1a2 2 0 0 0-2-2H7"/></svg>
Reply
</a>
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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>
Delete
</a>
</div>
</div>
<!-- End More Dropdown -->
</div>
</div>
<!-- End More Dropdown -->
</div><!-- End Message -->
</div>
</div>
<!-- End Chat Bubble -->
</div>
<!-- End Item -->
</div>
<!-- End List -->
</div>
<div class="relative space-y-5">
<!-- Time -->
<div class="qp3gf ofq05 fszza v0251 sqxm1 mx-auto lj7mp">
<span class="ct50n lxh7u agawe cm336 t6rrs oq0dt dark:bg-neutral-900 dark:text-neutral-500">Today</span>
</div>
<!-- End Time -->
<!-- List -->
<div class="i65bn space-y-4">
<!-- Item -->
<div class="w7kls flex lialp">
<div class="hq6gx mt-auto">
<img class="hq6gx aukwz oq0dt" src="https://images.unsplash.com/photo-1579017331263-ef82f0bbc748?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2&w=320&h=320&q=80" alt="Avatar">
</div>
<!-- Chat Bubble -->
<div>
<p class="s8bn9 g4kd8 cm336 kvliy dark:text-neutral-500">Anna</p>
<div class="space-y-1">
<!-- Message -->
<div class="group flex cufvb lialp" style="word-break: break-word;">
<div class="rsqv5 oo8ro hx4gm dark:bg-neutral-800 inline-block lile3 fkoia yh9al rfnst">
<div class="t5ziw bp13m dark:text-neutral-200">
ohh I didn't notice that typo 🙃
<span>
<span class="s2avd kvliy dark:text-neutral-600 zutm2">09:30</span>
</span>
</div>
</div>
<!-- More Dropdown -->
<div class="u81ux lg:opacity-0 lg:group-hover:opacity-100">
<div class="hs-dropdown --exclude-from-auto-opening [--strategy:absolute] [--auto-close:inside] relative inline-flex">
<button id="hs-pro-cht4cmd_10" type="button" class="flex r00n9 items-center vmt4s aukwz t5ziw xq1jm eweab oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 dark:hover:text-neutral-200 dark:focus:text-neutral-200" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<svg class="hq6gx ibvs1 oq0dt" xmlns="http://www.w3.org/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>
</button>
<!-- More Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 qzvcy transition-[opacity,margin] duration opacity-0 hidden v0251 oo8ro lile3 rkof5 dark:bg-neutral-800 before:h-4 before:absolute before:-top-4 before:start-0 before:w-full after:h-4 after:absolute after:-bottom-4 after:start-0 after:w-full" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-cht4cmd_10">
<div class="ju7it">
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg>
Edit
</a>
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/><path d="m10 7-3 3 3 3"/><path d="M17 13v-1a2 2 0 0 0-2-2H7"/></svg>
Reply
</a>
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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>
Delete
</a>
</div>
</div>
<!-- End More Dropdown -->
</div>
</div>
<!-- End More Dropdown -->
</div><!-- End Message -->
<!-- Message -->
<div class="group flex cufvb lialp" style="word-break: break-word;">
<div class="rsqv5 oo8ro hx4gm dark:bg-neutral-800 inline-block lile3 fkoia yh9al rfnst">
<div class="t5ziw bp13m dark:text-neutral-200">
big thanks 😊
<span>
<span class="s2avd kvliy dark:text-neutral-600 zutm2">09:31</span>
</span>
</div>
</div>
<!-- More Dropdown -->
<div class="u81ux lg:opacity-0 lg:group-hover:opacity-100">
<div class="hs-dropdown --exclude-from-auto-opening [--strategy:absolute] [--auto-close:inside] relative inline-flex">
<button id="hs-pro-cht4cmd_11" type="button" class="flex r00n9 items-center vmt4s aukwz t5ziw xq1jm eweab oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 dark:hover:text-neutral-200 dark:focus:text-neutral-200" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<svg class="hq6gx ibvs1 oq0dt" xmlns="http://www.w3.org/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>
</button>
<!-- More Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 qzvcy transition-[opacity,margin] duration opacity-0 hidden v0251 oo8ro lile3 rkof5 dark:bg-neutral-800 before:h-4 before:absolute before:-top-4 before:start-0 before:w-full after:h-4 after:absolute after:-bottom-4 after:start-0 after:w-full" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-cht4cmd_11">
<div class="ju7it">
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg>
Edit
</a>
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/><path d="m10 7-3 3 3 3"/><path d="M17 13v-1a2 2 0 0 0-2-2H7"/></svg>
Reply
</a>
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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>
Delete
</a>
</div>
</div>
<!-- End More Dropdown -->
</div>
</div>
<!-- End More Dropdown -->
</div><!-- End Message -->
</div>
</div>
<!-- End Chat Bubble -->
</div>
<!-- End Item -->
<!-- Item -->
<div class="w7kls flex lialp">
<div class="hq6gx mt-auto">
<span class="flex hq6gx r00n9 items-center aukwz cm336 vo20k e7zws oq0dt k2w7g zr4l6">
S
</span>
</div>
<!-- Chat Bubble -->
<div>
<p class="s8bn9 g4kd8 cm336 kvliy dark:text-neutral-500">Sun</p>
<div class="space-y-1">
<!-- Message -->
<div class="group flex cufvb lialp" style="word-break: break-word;">
<div class="rsqv5 oo8ro hx4gm dark:bg-neutral-800 inline-block lile3 fkoia yh9al rfnst">
<div class="t5ziw bp13m dark:text-neutral-200">
You're welcome
<span>
<span class="s2avd kvliy dark:text-neutral-600 zutm2">10:14</span>
</span>
</div>
</div>
<!-- More Dropdown -->
<div class="u81ux lg:opacity-0 lg:group-hover:opacity-100">
<div class="hs-dropdown --exclude-from-auto-opening [--strategy:absolute] [--auto-close:inside] relative inline-flex">
<button id="hs-pro-cht4cmd_12" type="button" class="flex r00n9 items-center vmt4s aukwz t5ziw xq1jm eweab oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 dark:hover:text-neutral-200 dark:focus:text-neutral-200" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<svg class="hq6gx ibvs1 oq0dt" xmlns="http://www.w3.org/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>
</button>
<!-- More Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 qzvcy transition-[opacity,margin] duration opacity-0 hidden v0251 oo8ro lile3 rkof5 dark:bg-neutral-800 before:h-4 before:absolute before:-top-4 before:start-0 before:w-full after:h-4 after:absolute after:-bottom-4 after:start-0 after:w-full" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-cht4cmd_12">
<div class="ju7it">
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg>
Edit
</a>
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/><path d="m10 7-3 3 3 3"/><path d="M17 13v-1a2 2 0 0 0-2-2H7"/></svg>
Reply
</a>
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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>
Delete
</a>
</div>
</div>
<!-- End More Dropdown -->
</div>
</div>
<!-- End More Dropdown -->
</div><!-- End Message -->
</div>
</div>
<!-- End Chat Bubble -->
</div>
<!-- End Item -->
<!-- Item -->
<div class="w7kls ms-auto cuqi8 flex c9j8j lialp">
<!-- Chat Bubble -->
<div>
<p class="s8bn9 xu42w cm336 kvliy dark:text-neutral-500">James</p>
<div class="space-y-1">
<!-- Message -->
<div class="group flex c9j8j lialp" style="word-break: break-word;">
<div class="u81ux qgy40 c32br dark:bg-blue-500/20 inline-block lile3 fkoia yh9al rfnst">
<div class="t5ziw bp13m dark:text-neutral-200">
Great! 👍️
<span>
<span class="s2avd cuqi8 kvliy dark:text-neutral-600 zutm2">18:39</span>
<svg class="inline-block hq6gx ibvs1 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="M18 6 7 17l-5-5"/><path d="m22 10-7.5 7.5L13 16"/></svg>
</span>
</div>
</div>
<!-- More Dropdown -->
<div class="rsqv5 lg:opacity-0 lg:group-hover:opacity-100">
<div class="hs-dropdown --exclude-from-auto-opening [--strategy:absolute] [--auto-close:inside] [--placement:bottom-right] relative inline-flex">
<button id="hs-pro-cht4cmd_13" type="button" class="flex r00n9 items-center vmt4s aukwz t5ziw xq1jm eweab oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 dark:hover:text-neutral-200 dark:focus:text-neutral-200" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<svg class="hq6gx ibvs1 oq0dt" xmlns="http://www.w3.org/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>
</button>
<!-- More Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 qzvcy transition-[opacity,margin] duration opacity-0 hidden v0251 oo8ro lile3 rkof5 dark:bg-neutral-800 before:h-4 before:absolute before:-top-4 before:start-0 before:w-full after:h-4 after:absolute after:-bottom-4 after:start-0 after:w-full" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-cht4cmd_13">
<div class="ju7it">
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg>
Edit
</a>
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/><path d="m10 7-3 3 3 3"/><path d="M17 13v-1a2 2 0 0 0-2-2H7"/></svg>
Reply
</a>
<a class="flex items-center vmt4s jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<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>
Delete
</a>
</div>
</div>
<!-- End More Dropdown -->
</div>
</div>
<!-- End More Dropdown -->
</div><!-- End Message -->
</div>
</div>
<!-- End Chat Bubble -->
<div class="hq6gx mt-auto">
<img class="hq6gx aukwz 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 Item -->
</div>
<!-- End List -->
</div>
</div>
</div>
<!-- End Chat Content -->
<!-- Textarea -->
<footer class="qp3gf u0s8z fszza bo1ta oo8ro pyimf d77gl dark:bg-neutral-800 dark:border-neutral-700">
<label for="hs-chat-autoheight-textarea-4" class="ecbnn">Message</label>
<div class="q0dcx yujsw">
<textarea id="hs-chat-autoheight-textarea-4" class="cspev yki1g q0dcx yujsw a498d block i65bn qb17b rounded-0 k34r6 amkne lqn87 focus:outline-hidden b2plr rdxom disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:text-neutral-400 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 Group" data-hs-textarea-auto-height></textarea>
<div class="a498d flex uip67 items-center pgjbi">
<!-- Button Group -->
<div class="flex items-center pgjbi">
<!-- Button -->
<button type="button" class="flex r00n9 items-center vrcxw aukwz 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 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">Attach file</span>
</button>
<!-- End Button -->
<!-- Button -->
<button type="button" class="flex r00n9 items-center vrcxw aukwz 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 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 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 -->
</div>
<!-- End Button Group -->
<!-- Button Group -->
<div class="flex items-center pgjbi">
<!-- Button -->
<button type="button" class="flex r00n9 items-center vrcxw aukwz 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 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="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 aukwz t5ziw vo20k oq0dt zr4l6 jqqot 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">
<span class="ecbnn">Send</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="m5 12 7-7 7 7"/><path d="M12 19V5"/></svg>
</button>
<!-- End Send Button -->
</div>
<!-- End Button Group -->
</div>
</div>
</footer>
<!-- End Textarea -->
</div>
<!-- Secondary Sidebar -->
<aside id="hs-pro-chhds4" class="hs-sidebar-details hs-overlay [--body-scroll:true] 2xl:[--overlay-backdrop:false] [--is-layout-affect:true] [--opened:2xl] [--auto-close:2xl] [--auto-close-equality-type:less-than] hs-overlay-open:translate-x-0 2xl:hs-overlay-layout-open:translate-x-0
kbeg6 g0ipl jahre lrm8y
g4gy3 i65bn
hidden
fixed u0s8z fug6q bo1ta ofq05 qpmwn
oo8ro fr41k d77gl
2xl:block 2xl:translate-x-full 2xl:bottom-0
dark:bg-neutral-800 dark:border-neutral-700" tabindex="-1" aria-labelledby="hs-pro-chhds4-label">
<div class="qpmwn flex flex-col">
<!-- Header -->
<div class="mctd2 dkhxo flex uip67 items-center ic6aj d77gl dark:border-neutral-800">
<span id="hs-pro-chhds4-label" class="block y2wul bp13m dark:text-neutral-200">
Details
</span>
<!-- Close Button -->
<div class="absolute sq9jt hob2q bo1ta">
<button type="button" class="aukwz inline-flex r00n9 items-center lialp oq0dt wfm4e qb17b oo8ro bp13m eweab focus:outline-hidden evxbs disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:text-neutral-400 dark:focus:bg-neutral-700" aria-label="Close" data-hs-overlay="#hs-pro-chhds4">
<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><path d="m6 6 12 12"></path></svg>
</button>
</div>
<!-- End Close Button -->
</div>
<!-- End Header -->
<!-- Profile -->
<div class="xlz15 flex flex-col r00n9 items-center lj7mp ic6aj kmgj5 dark:border-neutral-800">
<span class="flex hq6gx r00n9 items-center mvdmw wyyla vo20k e7zws ot31m zr4l6 oq0dt">
B
</span>
<div class="ls9te i65bn">
<h2 class="u832x y2wul bp13m dark:text-neutral-200">
Technical issues
</h2>
<p class="ej64t e9qjd t6rrs dark:text-neutral-500">
4 members
</p>
<!-- Button Group -->
<div class="o1gdb flex r00n9 items-center vmt4s">
<button type="button" class="i7oig rfnst kgyhg inline-flex r00n9 items-center vrcxw vo20k cm336 vo20k ps5iq wfm4e d77gl oo8ro bp13m hx4gm tdhmi disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tme8y dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
<svg class="hq6gx 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="M17 18a2 2 0 0 0-2-2H9a2 2 0 0 0-2 2"/><rect width="18" height="18" x="3" y="4" rx="2"/><circle cx="12" cy="10" r="2"/><line x1="8" x2="8" y1="2" y2="4"/><line x1="16" x2="16" y1="2" y2="4"/></svg>
View profile
</button>
<button type="button" class="i7oig rfnst kgyhg inline-flex r00n9 items-center vrcxw vo20k cm336 vo20k ps5iq wfm4e d77gl oo8ro bp13m hx4gm tdhmi disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tme8y dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
<svg class="hq6gx 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>
Send email
</button>
</div>
<!-- End Button Group -->
</div>
</div>
<!-- End Profile -->
<!-- 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="hs-accordion-group" data-hs-accordion-always-open>
<!-- Members -->
<div class="hs-accordion ic6aj kmgj5 dark:border-neutral-800 active" id="hs-pro-chdsm1">
<button type="button" class="hs-accordion-toggle xlz15 q0dcx i65bn flex uip67 items-center vmt4s bp13m b9xvx focus:outline-hidden xyfur disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-200 dark:hover:text-neutral-400 dark:focus:text-neutral-400" aria-expanded="true" aria-controls="hs-pro-chdsm1-collapse">
<span class="t5ziw vo20k">Members</span>
<svg class="hs-accordion-active:hidden block ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg>
<svg class="hs-accordion-active:block hidden ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"></path></svg>
</button>
<div id="hs-pro-chdsm1-collapse" class="hs-accordion-content i65bn overflow-hidden transition-[height] jahre" role="region" aria-labelledby="hs-pro-chdsm1">
<div class="kzzmm rq5fj space-y-1">
<a class="block i7oig apc69 i65bn flex items-center vmt4s ps5iq ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<img class="hq6gx aukwz oq0dt" src="https://images.unsplash.com/photo-1580489944761-15a19d654956?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2&w=900&h=900&q=80" alt="Avatar">
<div class="e3fpz">
<p class="y2wul e9qjd bp13m dark:text-neutral-200">Christina Christy</p>
<p class="cm336 t6rrs dark:text-neutral-500">Online</p>
</div>
</a>
<a class="block i7oig apc69 i65bn flex items-center vmt4s ps5iq ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<img class="hq6gx aukwz oq0dt" src="https://images.unsplash.com/photo-1579017331263-ef82f0bbc748?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2&w=900&h=900&q=80" alt="Avatar">
<div class="e3fpz">
<p class="y2wul e9qjd bp13m dark:text-neutral-200">Louise Donadieu</p>
<p class="cm336 t6rrs dark:text-neutral-500">Last seen 5 mins ago</p>
</div>
</a>
<a class="block i7oig apc69 i65bn flex items-center vmt4s ps5iq ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<span class="flex hq6gx r00n9 items-center aukwz cm336 vo20k e7zws v3u7c zr4l6 oq0dt">
S
</span>
<div class="e3fpz">
<p class="y2wul e9qjd bp13m dark:text-neutral-200">Sun Chai</p>
<p class="cm336 t6rrs dark:text-neutral-500">Last seen 3 hours ago</p>
</div>
</a>
<a class="block i7oig apc69 i65bn flex items-center vmt4s ps5iq ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<img class="hq6gx aukwz oq0dt" src="https://images.unsplash.com/photo-1624224971170-2f84fed5eb5e?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2&w=900&h=900&q=80" alt="Avatar">
<div class="e3fpz">
<p class="y2wul e9qjd bp13m dark:text-neutral-200">Tom Lowry</p>
<p class="cm336 t6rrs dark:text-neutral-500">Last seen 1 day ago</p>
</div>
</a>
</div>
</div>
</div>
<!-- End Members -->
<!-- User Details -->
<div class="hs-accordion ic6aj kmgj5 dark:border-neutral-800 active" id="hs-pro-chdsudc4">
<button type="button" class="hs-accordion-toggle xlz15 q0dcx i65bn flex uip67 items-center vmt4s bp13m b9xvx focus:outline-hidden xyfur disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-200 dark:hover:text-neutral-400 dark:focus:text-neutral-400" aria-expanded="true" aria-controls="hs-pro-chdsudc4-collapse">
<span class="t5ziw vo20k">User details</span>
<svg class="hs-accordion-active:hidden block ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg>
<svg class="hs-accordion-active:block hidden ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"></path></svg>
</button>
<div id="hs-pro-chdsudc4-collapse" class="hs-accordion-content i65bn overflow-hidden transition-[height] jahre" role="region" aria-labelledby="hs-pro-chdsudc4">
<div class="blhyt rq5fj">
<!-- List Item -->
<dl class="d0kec flex items-center ekyph">
<dt class="i65bn b30my">
<p class="inline-flex items-center lialp e9qjd t6rrs dark:text-neutral-500">
<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>
Email:
</p>
</dt>
<dd class="e3fpz">
<p class="vo20k e9qjd bp13m dark:text-neutral-200">
technical-issue@preline.com
</p>
</dd>
</dl>
<!-- End List Item -->
</div>
</div>
</div>
<!-- End User Details -->
<!-- Shared Media -->
<div class="hs-accordion active" id="hs-pro-chdssmc4">
<button type="button" class="hs-accordion-toggle xlz15 q0dcx i65bn flex uip67 items-center vmt4s bp13m b9xvx focus:outline-hidden xyfur disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-200 dark:hover:text-neutral-400 dark:focus:text-neutral-400" aria-expanded="true" aria-controls="hs-pro-chdssmc4-collapse">
<span class="t5ziw vo20k">Shared media</span>
<svg class="hs-accordion-active:hidden block ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg>
<svg class="hs-accordion-active:block hidden ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"></path></svg>
</button>
<div id="hs-pro-chdssmc4-collapse" class="hs-accordion-content i65bn overflow-hidden transition-[height] jahre" role="region" aria-labelledby="hs-pro-chdssmc4">
<div class="blhyt rq5fj">
<p class="t5ziw t6rrs dark:text-neutral-500">
Only shared images appear here
</p>
</div>
</div>
</div>
<!-- End Shared Media -->
</div>
</div>
<!-- End Body -->
</div>
</aside>
<!-- End Secondary Sidebar -->
</div>
<!-- End Tab Content -->
</main>
<!-- ========== END MAIN CONTENT ========== -->
</body>
<!-- Archive Message Modal -->
<div id="hs-pro-chhtgm" 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-chhtgm-label">
<div class="hs-overlay-open:mt-7 hs-overlay-open:opacity-100 hs-overlay-open:duration-500 s193u opacity-0 f6mgt g0ipl rl3j4 p3qto cux47 sm:mx-auto h-[calc(100%-56px)] min-h-[calc(100%-56px)] flex items-center">
<div class="i65bn fmwcv overflow-hidden 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-chhtgm-label" class="vo20k bp13m dark:text-neutral-200">
Tags
</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-chhtgm">
<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 -->
<!-- Input -->
<div class="ju7it ej64t">
<div class="relative">
<div class="absolute h5ske uv2uj flex items-center howv4 a799i g4kd8">
<svg class="hq6gx stqz8 kvliy dark:text-white/60" xmlns="http://www.w3.org/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="11" cy="11" r="8"></circle><path d="m21 21-4.3-4.3"></path></svg>
</div>
<input type="text" class="d0kec qh1uk vicsu block i65bn agawe qb17b umxjj psfwb e27cm focus:outline-hidden oo46r tyfry j9afk disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-transparent dark:text-neutral-400 dark:placeholder:text-neutral-400 dark:focus:ring-neutral-600 dark:focus:bg-neutral-900" placeholder="Search">
<div class="hidden absolute h5ske fug6q flex items-center a799i jjspw">
<button type="button" class="inline-flex hq6gx r00n9 items-center awhdl oq0dt t6rrs ck8au focus:outline-hidden oahj8 dark:text-neutral-500 dark:hover:text-blue-500 dark:focus:text-blue-500" aria-label="Close">
<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"><circle cx="12" cy="12" r="10"/><path d="m15 9-6 6"/><path d="m9 9 6 6"/></svg>
</button>
</div>
</div>
</div>
<!-- End Input -->
<!-- Body -->
<div class="ju7it h932c overflow-y-auto n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<div>
<span class="ej64t apc69 block cm336 t6rrs dark:text-neutral-500">
All tags
</span>
<!-- Tags List -->
<div class="space-y-1">
<div class="flex uip67 items-center jlmh5 apc69 cursor-pointer ps5iq ksr3h has-disabled:opacity-50 has-disabled:pointer-events-none dark:hover:bg-neutral-700">
<label for="hs-pro-chthtmch1" class="flex flex-1 items-center djhx3 cursor-pointer e9qjd bp13m dark:text-neutral-300">
<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="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"/><circle cx="7.5" cy="7.5" r=".5" fill="currentColor"/></svg>
Bug
</label>
<input type="checkbox" class="hq6gx ibvs1 wiva2 dqdmd rwtxm tyfry checked:border-blue-500 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-700 dark:checked:bg-blue-500 dark:checked:border-blue-500 dark:focus:ring-offset-gray-800" id="hs-pro-chthtmch1">
</div>
<div class="flex uip67 items-center jlmh5 apc69 cursor-pointer ps5iq ksr3h has-disabled:opacity-50 has-disabled:pointer-events-none dark:hover:bg-neutral-700">
<label for="hs-pro-chthtmch2" class="flex flex-1 items-center djhx3 cursor-pointer e9qjd bp13m dark:text-neutral-300">
<svg class="hq6gx stqz8 le8iz" xmlns="http://www.w3.org/2000/svg" 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.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"/><circle cx="7.5" cy="7.5" r=".5" fill="currentColor"/></svg>
Generic
<span class="hs-tooltip [--placement:right] inline-block">
<svg class="hs-tooltip-toggle hq6gx a49ku 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"><rect width="18" height="11" x="3" y="11" rx="2" ry="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/></svg>
<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">
Private txgzx
</span>
</span>
</label>
<input type="checkbox" class="hq6gx ibvs1 wiva2 dqdmd rwtxm tyfry checked:border-blue-500 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-700 dark:checked:bg-blue-500 dark:checked:border-blue-500 dark:focus:ring-offset-gray-800" id="hs-pro-chthtmch2" checked>
</div>
<div class="flex uip67 items-center jlmh5 apc69 cursor-pointer ps5iq ksr3h has-disabled:opacity-50 has-disabled:pointer-events-none dark:hover:bg-neutral-700">
<label for="hs-pro-chthtmch3" class="flex flex-1 items-center djhx3 cursor-pointer e9qjd bp13m dark:text-neutral-300">
<svg class="hq6gx stqz8 ryiqa" xmlns="http://www.w3.org/2000/svg" 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.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"/><circle cx="7.5" cy="7.5" r=".5" fill="currentColor"/></svg>
Review
</label>
<input type="checkbox" class="hq6gx ibvs1 wiva2 dqdmd rwtxm tyfry checked:border-blue-500 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-700 dark:checked:bg-blue-500 dark:checked:border-blue-500 dark:focus:ring-offset-gray-800" id="hs-pro-chthtmch3">
</div>
<div class="flex uip67 items-center jlmh5 apc69 cursor-pointer ps5iq ksr3h has-disabled:opacity-50 has-disabled:pointer-events-none dark:hover:bg-neutral-700">
<label for="hs-pro-chthtmch4" class="flex flex-1 items-center djhx3 cursor-pointer e9qjd bp13m dark:text-neutral-300">
<svg class="hq6gx stqz8 ismmg" xmlns="http://www.w3.org/2000/svg" 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.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"/><circle cx="7.5" cy="7.5" r=".5" fill="currentColor"/></svg>
Closed
</label>
<input type="checkbox" class="hq6gx ibvs1 wiva2 dqdmd rwtxm tyfry checked:border-blue-500 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-700 dark:checked:bg-blue-500 dark:checked:border-blue-500 dark:focus:ring-offset-gray-800" id="hs-pro-chthtmch4" disabled>
</div>
<div class="flex uip67 items-center jlmh5 apc69 cursor-pointer ps5iq ksr3h has-disabled:opacity-50 has-disabled:pointer-events-none dark:hover:bg-neutral-700">
<label for="hs-pro-chthtmch5" class="flex flex-1 items-center djhx3 cursor-pointer e9qjd bp13m dark:text-neutral-300">
<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="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"/><circle cx="7.5" cy="7.5" r=".5" fill="currentColor"/></svg>
Feedback
<span class="hs-tooltip [--placement:right] inline-block">
<svg class="hs-tooltip-toggle hq6gx a49ku 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"><rect width="18" height="11" x="3" y="11" rx="2" ry="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/></svg>
<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">
Private txgzx
</span>
</span>
</label>
<input type="checkbox" class="hq6gx ibvs1 wiva2 dqdmd rwtxm tyfry checked:border-blue-500 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-700 dark:checked:bg-blue-500 dark:checked:border-blue-500 dark:focus:ring-offset-gray-800" id="hs-pro-chthtmch5">
</div>
<div class="flex uip67 items-center jlmh5 apc69 cursor-pointer ps5iq ksr3h has-disabled:opacity-50 has-disabled:pointer-events-none dark:hover:bg-neutral-700">
<label for="hs-pro-chthtmch6" class="flex flex-1 items-center djhx3 cursor-pointer e9qjd bp13m dark:text-neutral-300">
<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="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"/><circle cx="7.5" cy="7.5" r=".5" fill="currentColor"/></svg>
Account
<span class="hs-tooltip [--placement:right] inline-block">
<svg class="hs-tooltip-toggle hq6gx a49ku 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"><rect width="18" height="11" x="3" y="11" rx="2" ry="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/></svg>
<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">
Private txgzx
</span>
</span>
</label>
<input type="checkbox" class="hq6gx ibvs1 wiva2 dqdmd rwtxm tyfry checked:border-blue-500 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-700 dark:checked:bg-blue-500 dark:checked:border-blue-500 dark:focus:ring-offset-gray-800" id="hs-pro-chthtmch6">
</div>
<div class="flex uip67 items-center jlmh5 apc69 cursor-pointer ps5iq ksr3h has-disabled:opacity-50 has-disabled:pointer-events-none dark:hover:bg-neutral-700">
<label for="hs-pro-chthtmch7" class="flex flex-1 items-center djhx3 cursor-pointer e9qjd bp13m dark:text-neutral-300">
<svg class="hq6gx stqz8 a8xxj" xmlns="http://www.w3.org/2000/svg" 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.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"/><circle cx="7.5" cy="7.5" r=".5" fill="currentColor"/></svg>
FAQ
</label>
<input type="checkbox" class="hq6gx ibvs1 wiva2 dqdmd rwtxm tyfry checked:border-blue-500 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-700 dark:checked:bg-blue-500 dark:checked:border-blue-500 dark:focus:ring-offset-gray-800" id="hs-pro-chthtmch7" checked>
</div>
</div>
<!-- End Tags List -->
</div>
</div>
<!-- End Body -->
<!-- Footer -->
<div class="ju7it pyimf d77gl dark:border-neutral-700">
<button type="button" class="hs-dropdown-close i65bn inline-flex r00n9 items-center vrcxw i7oig rfnst vo20k cm336 ps5iq wfm4e qb17b oo8ro bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:bg-neutral-800 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-chhcntm">
Create new txgzx
<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 12h14"/><path d="M12 5v14"/></svg>
</button>
</div>
<!-- End Footer -->
</div>
</div>
</div>
<!-- End Archive Message Modal -->
<!-- Archive Message Modal -->
<div id="hs-pro-chhcntm" 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-chhcntm-label">
<div class="hs-overlay-open:mt-7 hs-overlay-open:opacity-100 hs-overlay-open:duration-500 s193u opacity-0 f6mgt g0ipl rl3j4 p3qto cux47 sm:mx-auto h-[calc(100%-56px)] min-h-[calc(100%-56px)] flex items-center">
<div class="i65bn fmwcv overflow-hidden 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-chhcntm-label" class="y2wul bp13m dark:text-neutral-200">
Create new txgzx
</h3>
<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-chhcntm" data-hs-overlay-close>
<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="pi5e6 fjf6o 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-chhcntmnm" class="ej64t block t5ziw vo20k bp13m dark:text-neutral-200">
Name
</label>
<input id="hs-pro-chhcntmnm" type="text" class="i7oig apc69 block i65bn d77gl ps5iq psfwb fkkng 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="e.g. App">
</div>
<!-- End Input -->
<!-- Colors List -->
<fieldset class="b8vwe">
<legend class="ej64t t5ziw vo20k bp13m dark:text-neutral-200">
Colors
</legend>
<div class="flex flex-wrap wn6u4">
<div class="group flex hq6gx r00n9 items-center awhdl cursor-pointer oq0dt uo2qv has-disabled:opacity-50 has-disabled:pointer-events-none">
<input type="radio" class="hidden" id="hs-pro-chhcntmclGray" name="hs-pro-chhcntmcl" checked>
<label for="hs-pro-chhcntmclGray">
<svg class="group-has-checked:opacity-100 opacity-0 hq6gx ibvs1 cursor-pointer zr4l6" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
<span class="ecbnn">Gray</span>
</label>
</div>
<div class="group flex hq6gx r00n9 items-center awhdl cursor-pointer oq0dt ggt5g has-disabled:opacity-50 has-disabled:pointer-events-none">
<input type="radio" class="hidden" id="hs-pro-chhcntmclRed" name="hs-pro-chhcntmcl">
<label for="hs-pro-chhcntmclRed">
<svg class="group-has-checked:opacity-100 opacity-0 hq6gx ibvs1 cursor-pointer zr4l6" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
<span class="ecbnn">Red</span>
</label>
</div>
<div class="group flex hq6gx r00n9 items-center awhdl cursor-pointer oq0dt ot31m has-disabled:opacity-50 has-disabled:pointer-events-none">
<input type="radio" class="hidden" id="hs-pro-chhcntmclOrange" name="hs-pro-chhcntmcl">
<label for="hs-pro-chhcntmclOrange">
<svg class="group-has-checked:opacity-100 opacity-0 hq6gx ibvs1 cursor-pointer zr4l6" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
<span class="ecbnn">Orange</span>
</label>
</div>
<div class="group flex hq6gx r00n9 items-center awhdl cursor-pointer oq0dt aiatl has-disabled:opacity-50 has-disabled:pointer-events-none">
<input type="radio" class="hidden" id="hs-pro-chhcntmclYellow" name="hs-pro-chhcntmcl">
<label for="hs-pro-chhcntmclYellow">
<svg class="group-has-checked:opacity-100 opacity-0 hq6gx ibvs1 cursor-pointer zr4l6" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
<span class="ecbnn">Yellow</span>
</label>
</div>
<div class="group flex hq6gx r00n9 items-center awhdl cursor-pointer oq0dt mc62i has-disabled:opacity-50 has-disabled:pointer-events-none">
<input type="radio" class="hidden" id="hs-pro-chhcntmclGreen" name="hs-pro-chhcntmcl">
<label for="hs-pro-chhcntmclGreen">
<svg class="group-has-checked:opacity-100 opacity-0 hq6gx ibvs1 cursor-pointer zr4l6" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
<span class="ecbnn">Green</span>
</label>
</div>
<div class="group flex hq6gx r00n9 items-center awhdl cursor-pointer oq0dt q4mvv has-disabled:opacity-50 has-disabled:pointer-events-none">
<input type="radio" class="hidden" id="hs-pro-chhcntmclBlue" name="hs-pro-chhcntmcl">
<label for="hs-pro-chhcntmclBlue">
<svg class="group-has-checked:opacity-100 opacity-0 hq6gx ibvs1 cursor-pointer zr4l6" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
<span class="ecbnn">Blue</span>
</label>
</div>
<div class="group flex hq6gx r00n9 items-center awhdl cursor-pointer oq0dt v3u7c has-disabled:opacity-50 has-disabled:pointer-events-none">
<input type="radio" class="hidden" id="hs-pro-chhcntmclPink" name="hs-pro-chhcntmcl">
<label for="hs-pro-chhcntmclPink">
<svg class="group-has-checked:opacity-100 opacity-0 hq6gx ibvs1 cursor-pointer zr4l6" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
<span class="ecbnn">Pink</span>
</label>
</div>
<div class="group flex hq6gx r00n9 items-center awhdl cursor-pointer oq0dt fs9eh has-disabled:opacity-50 has-disabled:pointer-events-none">
<input type="radio" class="hidden" id="hs-pro-chhcntmclPurple" name="hs-pro-chhcntmcl">
<label for="hs-pro-chhcntmclPurple">
<svg class="group-has-checked:opacity-100 opacity-0 hq6gx ibvs1 cursor-pointer zr4l6" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
<span class="ecbnn">Purple</span>
</label>
</div>
<div class="group flex hq6gx r00n9 items-center awhdl cursor-pointer oq0dt gaysq has-disabled:opacity-50 has-disabled:pointer-events-none">
<input type="radio" class="hidden" id="hs-pro-chhcntmclCyan" name="hs-pro-chhcntmcl">
<label for="hs-pro-chhcntmclCyan">
<svg class="group-has-checked:opacity-100 opacity-0 hq6gx ibvs1 cursor-pointer zr4l6" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
<span class="ecbnn">Cyan</span>
</label>
</div>
<div class="group flex hq6gx r00n9 items-center awhdl cursor-pointer oq0dt nkesj has-disabled:opacity-50 has-disabled:pointer-events-none">
<input type="radio" class="hidden" id="hs-pro-chhcntmclIndigo" name="hs-pro-chhcntmcl">
<label for="hs-pro-chhcntmclIndigo">
<svg class="group-has-checked:opacity-100 opacity-0 hq6gx ibvs1 cursor-pointer zr4l6" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
<span class="ecbnn">Indigo</span>
</label>
</div>
</div>
</fieldset>
<!-- End Colors List -->
<!-- Switch/Toggle -->
<div class="b8vwe inline-flex uip67 items-center vmt4s">
<label for="hs-pro-chhcntmpr" class="relative inline-block fklyq yoxjp cursor-pointer">
<input type="checkbox" id="hs-pro-chhcntmpr" 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 ca09w oo8ro oq0dt t4usm pjxlf vtbde jhf88 peer-checked:translate-x-full dark:bg-neutral-400 dark:peer-checked:bg-white"></span>
</label>
<label for="hs-pro-chhcntmpr" class="flex-1 cursor-pointer t5ziw bp13m dark:text-neutral-300">Make it private</label>
</div>
<!-- End Switch/Toggle -->
</div>
<!-- End Body -->
<!-- Footer -->
<div class="pi5e6 flex uip67 lialp">
<div class="flex-1 flex c9j8j items-center h1dxu">
<button type="button" class="i7oig apc69 dslo6 inline-flex r00n9 items-center qgy40 lt27r oo8ro wfm4e d77gl bp13m cm336 vo20k ps5iq hx4gm acu59 tdhmi disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-chhcntm">
Cancel
</button>
<button type="button" class="i7oig apc69 dslo6 inline-flex r00n9 items-center lialp qgy40 lt27r jqqot wfm4e f31lg zr4l6 cm336 vo20k ps5iq hx4gm acu59 lmqf9 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden cycnq t3nwl dark:focus:ring-blue-500" data-hs-overlay="#hs-pro-chhcntm">
Create
</button>
</div>
</div>
<!-- End Footer -->
</div>
</div>
</div>
<!-- End Archive Message Modal -->
<!-- Archive Message Modal -->
<div id="hs-pro-chhsn" 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-chhsn-label">
<div class="hs-overlay-open:mt-7 hs-overlay-open:opacity-100 hs-overlay-open:duration-500 s193u opacity-0 f6mgt g0ipl rl3j4 p3qto cux47 sm:mx-auto h-[calc(100%-56px)] min-h-[calc(100%-56px)] flex items-center">
<div class="i65bn fmwcv overflow-hidden 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-chhsn-label" class="vo20k bp13m dark:text-neutral-200">
Snooze
</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-chhsn">
<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="ju7it overflow-y-auto n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<fieldset class="dmfqa ce0ho">
<legend class="ecbnn">
Snooze
</legend>
<!-- Checkbox -->
<label for="hs-pro-chhsnrt1" class="i7oig apc69 flex items-center ps5iq cursor-pointer umxjj ksr3h nhthl has-disabled:opacity-50 has-disabled:pointer-events-none dark:hover:bg-neutral-700 dark:has-checked:bg-neutral-700 ">
<input type="radio" id="hs-pro-chhsnrt1" class="hidden" value="Today" name="hs-pro-chhsnrt" checked>
<span class="e3fpz">
<span class="block t5ziw bp13m dark:text-neutral-200">
Today
</span>
</span>
<span class="yjh0n cm336 t6rrs dark:text-neutral-500">
5:05 PM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsnrt2" class="i7oig apc69 flex items-center ps5iq cursor-pointer umxjj ksr3h nhthl has-disabled:opacity-50 has-disabled:pointer-events-none dark:hover:bg-neutral-700 dark:has-checked:bg-neutral-700 ">
<input type="radio" id="hs-pro-chhsnrt2" class="hidden" value="Tomorrow" name="hs-pro-chhsnrt" >
<span class="e3fpz">
<span class="block t5ziw bp13m dark:text-neutral-200">
Tomorrow
</span>
</span>
<span class="yjh0n cm336 t6rrs dark:text-neutral-500">
Wed 9:00 AM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsnrt3" class="i7oig apc69 flex items-center ps5iq cursor-pointer umxjj ksr3h nhthl has-disabled:opacity-50 has-disabled:pointer-events-none dark:hover:bg-neutral-700 dark:has-checked:bg-neutral-700 ">
<input type="radio" id="hs-pro-chhsnrt3" class="hidden" value="This week" name="hs-pro-chhsnrt" >
<span class="e3fpz">
<span class="block t5ziw bp13m dark:text-neutral-200">
This week
</span>
</span>
<span class="yjh0n cm336 t6rrs dark:text-neutral-500">
Thu, May 8, 9:00 AM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsnrt4" class="i7oig apc69 flex items-center ps5iq cursor-pointer umxjj ksr3h nhthl has-disabled:opacity-50 has-disabled:pointer-events-none dark:hover:bg-neutral-700 dark:has-checked:bg-neutral-700 ">
<input type="radio" id="hs-pro-chhsnrt4" class="hidden" value="Next week" name="hs-pro-chhsnrt" >
<span class="e3fpz">
<span class="block t5ziw bp13m dark:text-neutral-200">
Next week
</span>
</span>
<span class="yjh0n cm336 t6rrs dark:text-neutral-500">
Mon, May 13, 9:00 AM
</span>
</label>
<!-- End Checkbox -->
</fieldset>
<div class="xe8oj">
<!-- Button -->
<button type="button" class="i65bn flex uip67 items-center vmt4s i7oig apc69 qgy40 vo20k t5ziw bp13m ksr3h umxjj 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 dark:hover:text-neutral-200 dark:focus:text-neutral-200" data-hs-overlay="#hs-pro-chhsncs">
Custom
<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="m9 18 6-6-6-6"/></svg>
</button>
<!-- End Button -->
</div>
</div>
<!-- End Body -->
</div>
</div>
</div>
<!-- End Archive Message Modal -->
<!-- Archive Message Modal -->
<div id="hs-pro-chhsncs" 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-chhsncs-label">
<div class="hs-overlay-open:mt-7 hs-overlay-open:opacity-100 hs-overlay-open:duration-500 s193u opacity-0 f6mgt g0ipl rl3j4 p3qto cux47 sm:mx-auto h-[calc(100%-56px)] min-h-[calc(100%-56px)] flex items-center">
<div class="i65bn fmwcv overflow-hidden 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">
<button type="button" class="aukwz inline-flex r00n9 items-center lialp oq0dt wfm4e qb17b oo8ro bp13m ksr3h focus:outline-hidden kf4z7 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:text-neutral-400 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-chhsn">
<span class="ecbnn">Back</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="m15 18-6-6 6-6"/></svg>
</button>
<h3 id="hs-pro-chhsncs-label" class="y2wul bp13m dark:text-neutral-200">
Custom date & time
</h3>
<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-chhsncs">
<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>
<span class="ecbnn">Close</span>
</button>
</div>
<!-- End Header -->
<!-- Body -->
<div class="ju7it fjf6o overflow-y-auto n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<div class="flex uip67 pgjbi">
<fieldset class="i65bn dmfqa ce0ho">
<legend class="ecbnn">
Custom date & time
</legend>
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt1" class="i7oig apc69 flex r00n9 items-center oo8ro ps5iq cursor-pointer umxjj eweab ax4j2 has-disabled:opacity-50 has-disabled:pointer-events-none dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:has-checked:bg-neutral-700">
<input type="radio" id="hs-pro-chhsncsramt1" class="hidden" value="01:00 AM" name="hs-pro-chhsncsramt" checked>
<span class="block e9qjd bp13m dark:text-neutral-200">
01:00 AM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt2" class="i7oig apc69 flex r00n9 items-center oo8ro ps5iq cursor-pointer umxjj eweab ax4j2 has-disabled:opacity-50 has-disabled:pointer-events-none dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:has-checked:bg-neutral-700">
<input type="radio" id="hs-pro-chhsncsramt2" class="hidden" value="02:00 AM" name="hs-pro-chhsncsramt" >
<span class="block e9qjd bp13m dark:text-neutral-200">
02:00 AM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt3" class="i7oig apc69 flex r00n9 items-center oo8ro ps5iq cursor-pointer umxjj eweab ax4j2 has-disabled:opacity-50 has-disabled:pointer-events-none dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:has-checked:bg-neutral-700">
<input type="radio" id="hs-pro-chhsncsramt3" class="hidden" value="03:00 AM" name="hs-pro-chhsncsramt" >
<span class="block e9qjd bp13m dark:text-neutral-200">
03:00 AM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt4" class="i7oig apc69 flex r00n9 items-center oo8ro ps5iq cursor-pointer umxjj eweab ax4j2 has-disabled:opacity-50 has-disabled:pointer-events-none dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:has-checked:bg-neutral-700">
<input type="radio" id="hs-pro-chhsncsramt4" class="hidden" value="04:00 AM" name="hs-pro-chhsncsramt" >
<span class="block e9qjd bp13m dark:text-neutral-200">
04:00 AM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt5" class="i7oig apc69 flex r00n9 items-center oo8ro ps5iq cursor-pointer umxjj eweab ax4j2 has-disabled:opacity-50 has-disabled:pointer-events-none dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:has-checked:bg-neutral-700">
<input type="radio" id="hs-pro-chhsncsramt5" class="hidden" value="05:00 AM" name="hs-pro-chhsncsramt" >
<span class="block e9qjd bp13m dark:text-neutral-200">
05:00 AM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt6" class="i7oig apc69 flex r00n9 items-center oo8ro ps5iq cursor-pointer umxjj eweab ax4j2 has-disabled:opacity-50 has-disabled:pointer-events-none dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:has-checked:bg-neutral-700">
<input type="radio" id="hs-pro-chhsncsramt6" class="hidden" value="06:00 AM" name="hs-pro-chhsncsramt" >
<span class="block e9qjd bp13m dark:text-neutral-200">
06:00 AM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt7" class="i7oig apc69 flex r00n9 items-center oo8ro ps5iq cursor-pointer umxjj eweab ax4j2 has-disabled:opacity-50 has-disabled:pointer-events-none dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:has-checked:bg-neutral-700">
<input type="radio" id="hs-pro-chhsncsramt7" class="hidden" value="07:00 AM" name="hs-pro-chhsncsramt" >
<span class="block e9qjd bp13m dark:text-neutral-200">
07:00 AM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt8" class="i7oig apc69 flex r00n9 items-center oo8ro ps5iq cursor-pointer umxjj eweab ax4j2 has-disabled:opacity-50 has-disabled:pointer-events-none dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:has-checked:bg-neutral-700">
<input type="radio" id="hs-pro-chhsncsramt8" class="hidden" value="08:00 AM" name="hs-pro-chhsncsramt" >
<span class="block e9qjd bp13m dark:text-neutral-200">
08:00 AM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt9" class="i7oig apc69 flex r00n9 items-center oo8ro ps5iq cursor-pointer umxjj eweab ax4j2 has-disabled:opacity-50 has-disabled:pointer-events-none dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:has-checked:bg-neutral-700">
<input type="radio" id="hs-pro-chhsncsramt9" class="hidden" value="09:00 AM" name="hs-pro-chhsncsramt" >
<span class="block e9qjd bp13m dark:text-neutral-200">
09:00 AM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt10" class="i7oig apc69 flex r00n9 items-center oo8ro ps5iq cursor-pointer umxjj eweab ax4j2 has-disabled:opacity-50 has-disabled:pointer-events-none dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:has-checked:bg-neutral-700">
<input type="radio" id="hs-pro-chhsncsramt10" class="hidden" value="010:00 AM" name="hs-pro-chhsncsramt" >
<span class="block e9qjd bp13m dark:text-neutral-200">
010:00 AM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt11" class="i7oig apc69 flex r00n9 items-center oo8ro ps5iq cursor-pointer umxjj eweab ax4j2 has-disabled:opacity-50 has-disabled:pointer-events-none dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:has-checked:bg-neutral-700">
<input type="radio" id="hs-pro-chhsncsramt11" class="hidden" value="011:00 AM" name="hs-pro-chhsncsramt" >
<span class="block e9qjd bp13m dark:text-neutral-200">
011:00 AM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt12" class="i7oig apc69 flex r00n9 items-center oo8ro ps5iq cursor-pointer umxjj eweab ax4j2 has-disabled:opacity-50 has-disabled:pointer-events-none dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:has-checked:bg-neutral-700">
<input type="radio" id="hs-pro-chhsncsramt12" class="hidden" value="012:00 AM" name="hs-pro-chhsncsramt" >
<span class="block e9qjd bp13m dark:text-neutral-200">
012:00 AM
</span>
</label>
<!-- End Checkbox -->
</fieldset>
<fieldset class="i65bn dmfqa ce0ho">
<legend class="ecbnn">
Custom date & time
</legend>
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt13" class="i7oig apc69 flex r00n9 items-center oo8ro ps5iq cursor-pointer umxjj eweab ax4j2 has-disabled:opacity-50 has-disabled:pointer-events-none dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:has-checked:bg-neutral-700">
<input type="radio" id="hs-pro-chhsncsramt13" class="hidden" value="01:00 PM" name="hs-pro-chhsncsramt" >
<span class="block e9qjd bp13m dark:text-neutral-200">
01:00 PM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt14" class="i7oig apc69 flex r00n9 items-center oo8ro ps5iq cursor-pointer umxjj eweab ax4j2 has-disabled:opacity-50 has-disabled:pointer-events-none dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:has-checked:bg-neutral-700">
<input type="radio" id="hs-pro-chhsncsramt14" class="hidden" value="02:00 PM" name="hs-pro-chhsncsramt" >
<span class="block e9qjd bp13m dark:text-neutral-200">
02:00 PM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt15" class="i7oig apc69 flex r00n9 items-center oo8ro ps5iq cursor-pointer umxjj eweab ax4j2 has-disabled:opacity-50 has-disabled:pointer-events-none dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:has-checked:bg-neutral-700">
<input type="radio" id="hs-pro-chhsncsramt15" class="hidden" value="03:00 PM" name="hs-pro-chhsncsramt" >
<span class="block e9qjd bp13m dark:text-neutral-200">
03:00 PM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt16" class="i7oig apc69 flex r00n9 items-center oo8ro ps5iq cursor-pointer umxjj eweab ax4j2 has-disabled:opacity-50 has-disabled:pointer-events-none dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:has-checked:bg-neutral-700">
<input type="radio" id="hs-pro-chhsncsramt16" class="hidden" value="04:00 PM" name="hs-pro-chhsncsramt" >
<span class="block e9qjd bp13m dark:text-neutral-200">
04:00 PM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt17" class="i7oig apc69 flex r00n9 items-center oo8ro ps5iq cursor-pointer umxjj eweab ax4j2 has-disabled:opacity-50 has-disabled:pointer-events-none dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:has-checked:bg-neutral-700">
<input type="radio" id="hs-pro-chhsncsramt17" class="hidden" value="05:00 PM" name="hs-pro-chhsncsramt" >
<span class="block e9qjd bp13m dark:text-neutral-200">
05:00 PM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt18" class="i7oig apc69 flex r00n9 items-center oo8ro ps5iq cursor-pointer umxjj eweab ax4j2 has-disabled:opacity-50 has-disabled:pointer-events-none dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:has-checked:bg-neutral-700">
<input type="radio" id="hs-pro-chhsncsramt18" class="hidden" value="06:00 PM" name="hs-pro-chhsncsramt" >
<span class="block e9qjd bp13m dark:text-neutral-200">
06:00 PM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt19" class="i7oig apc69 flex r00n9 items-center oo8ro ps5iq cursor-pointer umxjj eweab ax4j2 has-disabled:opacity-50 has-disabled:pointer-events-none dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:has-checked:bg-neutral-700">
<input type="radio" id="hs-pro-chhsncsramt19" class="hidden" value="07:00 PM" name="hs-pro-chhsncsramt" >
<span class="block e9qjd bp13m dark:text-neutral-200">
07:00 PM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt20" class="i7oig apc69 flex r00n9 items-center oo8ro ps5iq cursor-pointer umxjj eweab ax4j2 has-disabled:opacity-50 has-disabled:pointer-events-none dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:has-checked:bg-neutral-700">
<input type="radio" id="hs-pro-chhsncsramt20" class="hidden" value="08:00 PM" name="hs-pro-chhsncsramt" >
<span class="block e9qjd bp13m dark:text-neutral-200">
08:00 PM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt21" class="i7oig apc69 flex r00n9 items-center oo8ro ps5iq cursor-pointer umxjj eweab ax4j2 has-disabled:opacity-50 has-disabled:pointer-events-none dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:has-checked:bg-neutral-700">
<input type="radio" id="hs-pro-chhsncsramt21" class="hidden" value="09:00 PM" name="hs-pro-chhsncsramt" >
<span class="block e9qjd bp13m dark:text-neutral-200">
09:00 PM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt22" class="i7oig apc69 flex r00n9 items-center oo8ro ps5iq cursor-pointer umxjj eweab ax4j2 has-disabled:opacity-50 has-disabled:pointer-events-none dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:has-checked:bg-neutral-700">
<input type="radio" id="hs-pro-chhsncsramt22" class="hidden" value="010:00 PM" name="hs-pro-chhsncsramt" >
<span class="block e9qjd bp13m dark:text-neutral-200">
010:00 PM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt23" class="i7oig apc69 flex r00n9 items-center oo8ro ps5iq cursor-pointer umxjj eweab ax4j2 has-disabled:opacity-50 has-disabled:pointer-events-none dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:has-checked:bg-neutral-700">
<input type="radio" id="hs-pro-chhsncsramt23" class="hidden" value="011:00 PM" name="hs-pro-chhsncsramt" >
<span class="block e9qjd bp13m dark:text-neutral-200">
011:00 PM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt24" class="i7oig apc69 flex r00n9 items-center oo8ro ps5iq cursor-pointer umxjj eweab ax4j2 has-disabled:opacity-50 has-disabled:pointer-events-none dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:has-checked:bg-neutral-700">
<input type="radio" id="hs-pro-chhsncsramt24" class="hidden" value="012:00 PM" name="hs-pro-chhsncsramt" >
<span class="block e9qjd bp13m dark:text-neutral-200">
012:00 PM
</span>
</label>
<!-- End Checkbox -->
</fieldset>
</div>
</div>
<!-- End Body -->
<!-- Footer -->
<div class="nfrzv">
<div class="mctd2 dkhxo ej64t flex uip67 items-center lialp k2clc d77gl dark:border-neutral-700">
<div class="i65bn">
<span class="zocwd s8bn9 block cm336 xq1jm dark:text-neutral-400">
Date
</span>
<!-- Calendar Dropdown -->
<div class="hs-dropdown [--auto-close:inside] inline-flex i65bn">
<button id="hs-pro-dnic" type="button" class="d0kec sofkk kzzmm i65bn inline-flex items-center y4biu ps5iq wfm4e qb17b agawe bp13m eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:bg-neutral-700 dark:border-transparent dark:text-neutral-300 dark:hover:bg-neutral-600 dark:focus:bg-neutral-600" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<svg class="hq6gx epucs 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="18" height="18" x="3" y="4" rx="2" ry="2"/><line x1="16" x2="16" y1="2" y2="6"/><line x1="8" x2="8" y1="2" y2="6"/><line x1="3" x2="21" y1="10" y2="10"/><path d="M8 14h.01"/><path d="M12 14h.01"/><path d="M16 14h.01"/><path d="M8 18h.01"/><path d="M12 18h.01"/><path d="M16 18h.01"/></svg>
07/05/2024
</button>
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 v4b5n transition-[opacity,margin] duration opacity-0 hidden ucmtr oo8ro lile3 rrmkk dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-dnic">
<!-- Calendar -->
<div class="yyez4 space-y-0.5">
<!-- Months -->
<div class="dmfqa mqtol items-center vmt4s mzxha nfrzv">
<!-- Prev Button -->
<div class="i63zv">
<button type="button" class="aukwz flex r00n9 items-center bp13m ksr3h oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-label="Previous">
<svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m15 18-6-6 6-6"/></svg>
</button>
</div>
<!-- End Prev Button -->
<!-- Month / Year -->
<div class="nvgw2 flex r00n9 items-center pgjbi">
<div class="relative">
<select data-hs-select='{
"placeholder": "Select month",
"toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>",
"toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative flex dslo6 i65bn cursor-pointer qgy40 vo20k bp13m ck8au focus:outline-hidden oahj8 before:absolute before:inset-0 before:z-1 dark:text-neutral-200 dark:hover:text-blue-500 dark:focus:text-blue-500",
"dropdownClasses": "ls9te ucmtr qzvcy yj8ha ju7it space-y-0.5 oo8ro wfm4e d77gl ps5iq rkof5 overflow-hidden overflow-y-auto n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900 dark:border-neutral-700",
"optionClasses": "n33uu i65bn t5ziw bp13m cursor-pointer ksr3h ps5iq focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex uip67 items-center i65bn \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"hq6gx stqz8 bp13m dark:text-neutral-200 \" xmlns=\"http:.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"/></svg></span></div>"
}' class="hidden">
<option value="0">January</option>
<option value="1">February</option>
<option value="2">March</option>
<option value="3">April</option>
<option value="4">May</option>
<option value="5">June</option>
<option value="6" selected>July</option>
<option value="7">August</option>
<option value="8">September</option>
<option value="9">October</option>
<option value="10">November</option>
<option value="11">December</option>
</select>
</div>
<span class="bp13m dark:text-neutral-200">/</span>
<div class="relative">
<select data-hs-select='{
"placeholder": "Select year",
"toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>",
"toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative flex dslo6 i65bn cursor-pointer qgy40 vo20k bp13m ck8au focus:outline-hidden oahj8 before:absolute before:inset-0 before:z-1 dark:text-neutral-200 dark:hover:text-blue-500 dark:focus:text-blue-500",
"dropdownClasses": "ls9te ucmtr vl7eg yj8ha ju7it space-y-0.5 oo8ro wfm4e d77gl ps5iq rkof5 overflow-hidden overflow-y-auto n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900 dark:border-neutral-700",
"optionClasses": "n33uu i65bn t5ziw bp13m cursor-pointer ksr3h ps5iq focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex uip67 items-center i65bn \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"hq6gx stqz8 bp13m dark:text-neutral-200 \" xmlns=\"http:.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"/></svg></span></div>"
}' class="hidden">
<option selected>2023</option>
<option>2024</option>
<option>2025</option>
<option>2026</option>
<option>2027</option>
</select>
</div>
</div>
<!-- End Month / Year -->
<!-- Next Button -->
<div class="i63zv flex c9j8j">
<button type="button" class=" aukwz flex r00n9 items-center bp13m ksr3h oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-label="Next">
<svg class="hq6gx ibvs1" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg>
</button>
</div>
<!-- End Next Button -->
</div>
<!-- Months -->
<!-- Weeks -->
<div class="flex yh9al">
<span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500">
Mo
</span>
<span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500">
Tu
</span>
<span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500">
We
</span>
<span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500">
Th
</span>
<span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500">
Fr
</span>
<span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500">
Sa
</span>
<span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500">
Su
</span>
</div>
<!-- Weeks -->
<!-- Days -->
<div class="flex">
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500" disabled>
26
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500" disabled>
27
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500" disabled>
28
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500" disabled>
29
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500" disabled>
30
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
1
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
2
</button>
</div>
</div>
<!-- Days -->
<!-- Days -->
<div class="flex">
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
3
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
4
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
5
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
6
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
7
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
8
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
9
</button>
</div>
</div>
<!-- Days -->
<!-- Days -->
<div class="flex">
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
10
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
11
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
12
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
13
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
14
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
15
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
16
</button>
</div>
</div>
<!-- Days -->
<!-- Days -->
<div class="flex">
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
17
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
18
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
19
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center jqqot vd2fb qb17b t5ziw vo20k zr4l6 bp7p8 oq0dt dark:bg-blue-500 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:hover:border-neutral-700">
20
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
21
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
22
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
23
</button>
</div>
</div>
<!-- Days -->
<!-- Days -->
<div class="flex">
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
24
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
25
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
26
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
27
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
28
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
29
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
30
</button>
</div>
</div>
<!-- Days -->
<!-- Days -->
<div class="flex">
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500">
31
</button>
</div>
<div >
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
1
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
2
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
3
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
4
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
5
</button>
</div>
<div>
<button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
6
</button>
</div>
</div>
<!-- Days -->
</div>
</div>
</div>
</div>
<!-- End Calendar Dropdown -->
<!-- Input -->
<div class="i65bn">
<label for="hs-pro-chhsncstm" class="zocwd s8bn9 block cm336 xq1jm dark:text-neutral-400">
Time
</label>
<input type="text" class="jlmh5 kzzmm block i65bn agawe qb17b umxjj y4biu p4gf7 lluhh eweab a0kik disabled:opacity-50 disabled:pointer-events-none evxbs b2plr rdxom dark:text-neutral-400 dark:bg-neutral-700 dark:text-neutral-300 dark:placeholder:text-neutral-500 dark:hover:bg-neutral-600 dark:focus:bg-neutral-600" id="hs-pro-chhsncstm" value="9:00 AM">
</div>
<!-- End Input -->
</div>
<div class="r9ot5 dkhxo">
<div class="flex-1 flex c9j8j items-center h1dxu">
<button type="button" class="i7oig apc69 dslo6 inline-flex r00n9 items-center qgy40 lt27r oo8ro wfm4e d77gl bp13m cm336 vo20k ps5iq hx4gm acu59 tdhmi disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-chhsncs">
Cancel
</button>
<button type="button" class="i7oig apc69 dslo6 inline-flex r00n9 items-center lialp qgy40 lt27r jqqot wfm4e f31lg zr4l6 cm336 vo20k ps5iq hx4gm acu59 lmqf9 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden cycnq t3nwl dark:focus:ring-blue-500" data-hs-overlay="#hs-pro-chhsncs">
Snooze
</button>
</div>
</div>
</div>
<!-- End Footer -->
</div>
</div>
</div>
<!-- End Archive Message Modal -->
<style>
.transition-off * {
transition: unset !important;
}
</style>
<script>
window.addEventListener('load', () => {
// CLOSE SIDEBAR ON MOBILE
// =======================================================
(function () {
const resolution = '1024';
const id = 'hs-pro-tabs-chsn-all';
const sidebar = HSOverlay.getInstance('#hs-pro-chat-sidebar', true);
const tabs = HSTabs.getInstance(`#${id} > [role="tablist"]`, true);
const openedChats = new Set();
const forceCheckIfOpened = (hasOpened) => {
document.documentElement.classList.add('transition-off');
if (hasOpened) document.body.classList.add('hs-overlay-body-open');
else document.body.classList.remove('hs-overlay-body-open');
setTimeout(() => document.documentElement.classList.remove('transition-off'));
};
document.querySelectorAll('.hs-sidebar-details.opened').forEach((el) => openedChats.add(el));
window.addEventListener('change.hs.tab', (evt) => {
if (!evt.target.closest(`#${id}`)) return false;
if (window.innerWidth < parseInt(resolution)) sidebar.element.close();
else {
const { current } = evt.detail.payload;
const details = document.querySelector(`${current} .hs-sidebar-details.opened`);
forceCheckIfOpened(details);
}
});
window.addEventListener('toggleClicked.hs.overlay', ({ detail }) => {
if (!detail.payload.el.classList.contains('hs-sidebar-details')) return false;
if (detail.payload.isOpened) openedChats.add(detail.payload.el);
else openedChats.delete(detail.payload.el);
});
window.addEventListener('bk7zm', _.debounce(() => {
if (window.innerWidth < parseInt(resolution)) {
if (openedChats.size) openedChats.forEach((entity) => {
const { element } = HSOverlay.getInstance(entity, true);
element.close(true);
});
} else {
if (openedChats.size) {
const activeDetailsTab = tabs.element.el.querySelector('.active');
const activeDetailsTabTarget = activeDetailsTab.getAttribute('data-hs-tab');
openedChats.forEach((entity) => {
const { element } = HSOverlay.getInstance(entity, true);
element.open(() => {
const activeDetails = document.querySelector(`${activeDetailsTabTarget} .hs-sidebar-details.opened`);
forceCheckIfOpened(!!activeDetails);
});
});
}
}
}), 100);
})();
});
</script>
<body class="hs-overlay-body-open agawe dark:bg-neutral-900">
<!-- ========== MAIN SIDEBAR ========== -->
<aside class="relative">
<div id="hs-pro-chat-sidebar" class="hs-overlay [--auto-close:xl] mjoma r6ixe lg:block ykh3p lg:end-auto xskhj
[--auto-close-equality-type:less-than]
hs-overlay-open:translate-x-0
-translate-x-full g0ipl jahre lrm8y
lpgt1
hidden
fixed h5ske uv2uj rde91
rjuva
dark:bg-neutral-950" tabindex="-1" >
<div class="qpmwn flex">
<!-- Chat Threads -->
<div class="mjoma lpgt1 truncate oo8ro yq7rt d77gl dark:bg-neutral-800 dark:border-neutral-700">
<div class="qpmwn flex flex-col">
<!-- Header -->
<div class="i7oig blhyt flex uip67 items-center lialp ic6aj d77gl dark:border-neutral-700">
<span id="hs-pro-chat-sidebar-label" class="block truncate y2wul bp13m dark:text-neutral-200">
Inbox
</span>
<div class="flex items-center">
<!-- Select -->
<div class="relative inline-block">
<select id="hs-pro-select-revenue" data-hs-select='{
"placeholder": "Select option...",
"toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>",
"toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative i7oig g4kd8 ipy9g inline-flex hq6gx r00n9 items-center vrcxw cm336 t6rrs ps5iq ksr3h focus:outline-hidden kf4z7 before:absolute before:inset-0 before:z-1 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700",
"dropdownClasses": "ls9te ucmtr qzvcy ju7it space-y-0.5 oo8ro lile3 rrmkk dark:bg-neutral-900",
"optionClasses": "hs-selected:bg-gray-100 dark:hs-selected:bg-neutral-800 jlmh5 kzzmm i65bn e9qjd bp13m ps5iq cursor-pointer ksr3h ps5iq focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex uip67 items-center i65bn \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"hq6gx stqz8 bp13m dark:text-neutral-200 \" xmlns=\"http:.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"/></svg></span></div>"
}' class="hidden">
<option value="">Choose</option>
<option selected>Newest</option>
<option>Oldest</option>
</select>
<div class="absolute wgue8 cpkvx -translate-y-1/2">
<svg class="hq6gx stqz8 xq1jm 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 class="relative flex items-center pgjbi yujsw zocwd before:absolute before:top-1/2 before:start-0 before:w-px before:h-4 before:bg-gray-200 before:-translate-y-1/2 dark:before:bg-neutral-700">
<!-- Button -->
<button type="button" class="flex r00n9 items-center vmt4s aukwz 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" data-hs-overlay="#hs-pro-chhcp">
<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="M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"/><path d="M18.375 2.625a2.121 2.121 0 1 1 3 3L12 15l-4 1 1-4Z"/></svg>
<span class="ecbnn">Compose</span>
</button>
<!-- End Button -->
</div>
</div>
</div>
<!-- End Header -->
<!-- Search -->
<div class="ic6aj d77gl dark:border-neutral-700">
<!-- SearchBox -->
<div class="relative" data-hs-combo-box='{
"groupingType": "default",
"preventSelection": true,
"isOpenOnFocus": true,
"outputEmptyTemplate": "<div class=\"xlz15 h-[calc(100dvh-85px)] flex flex-col r00n9 items-center lj7mp \"><svg class=\"rmc90 mx-auto dl93o \" width=\"178\" height=\"90\" viewBox=\"0 0 178 90\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><rect x=\"27\" y=\"50.5\" width=\"124\" height=\"39\" rx=\"7.5\" fill=\"white\"/><rect x=\"27\" y=\"50.5\" width=\"124\" height=\"39\" rx=\"7.5\" stroke=\"#F9FAFB\"/><rect x=\"34.5\" y=\"58\" width=\"24\" height=\"24\" rx=\"12\" fill=\"#F9FAFB\"/><rect x=\"66.5\" y=\"61\" width=\"60\" height=\"6\" rx=\"3\" fill=\"#F9FAFB\"/><rect x=\"66.5\" y=\"73\" width=\"77\" height=\"6\" rx=\"3\" fill=\"#F9FAFB\"/><rect x=\"19.5\" y=\"28.5\" width=\"139\" height=\"39\" rx=\"7.5\" fill=\"white\"/><rect x=\"19.5\" y=\"28.5\" width=\"139\" height=\"39\" rx=\"7.5\" stroke=\"#F3F4F6\"/><rect x=\"27\" y=\"36\" width=\"24\" height=\"24\" rx=\"12\" fill=\"#F3F4F6\"/><rect x=\"59\" y=\"39\" width=\"60\" height=\"6\" rx=\"3\" fill=\"#F3F4F6\"/><rect x=\"59\" y=\"51\" width=\"92\" height=\"6\" rx=\"3\" fill=\"#F3F4F6\"/><g filter=\"url(#@@id)\"><rect x=\"12\" y=\"6\" width=\"154\" height=\"40\" rx=\"8\" fill=\"white\" shape-rendering=\"crispEdges\"/><rect x=\"12.5\" y=\"6.5\" width=\"153\" height=\"39\" rx=\"7.5\" stroke=\"#F3F4F6\" shape-rendering=\"crispEdges\"/><rect x=\"20\" y=\"14\" width=\"24\" height=\"24\" rx=\"12\" fill=\"#E5E7EB\"/><rect x=\"52\" y=\"17\" width=\"60\" height=\"6\" rx=\"3\" fill=\"#E5E7EB\"/><rect x=\"52\" y=\"29\" width=\"106\" height=\"6\" rx=\"3\" fill=\"#E5E7EB\"/></g><defs><filter id=\"@@id\" x=\"0\" y=\"0\" width=\"178\" height=\"64\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/><feOffset dy=\"6\"/><feGaussianBlur stdDeviation=\"6\"/><feComposite in2=\"hardAlpha\" operator=\"out\"/><feColorMatrix type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0\"/><feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_1187_14810\"/><feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_1187_14810\" result=\"shape\"/></filter></defs></svg><div class=\"idprf mx-auto \"><p class=\"ls9te t5ziw xq1jm dark:text-neutral-400 \">No search results</p></div></div>",
"preventAutoPosition": true,
"groupingTitleTemplate": "<div class=\"block cm336 t6rrs ymk3i xl1oe hypkf dark:text-neutral-500 dark:border-neutral-700 \"></div>"
}'>
<div class="relative">
<div class="absolute h5ske uv2uj flex items-center howv4 a799i mdgiz">
<svg class="hq6gx ibvs1 kvliy dark:text-white/60" xmlns="http://www.w3.org/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="11" cy="11" r="8"/><path d="m21 21-4.3-4.3"/></svg>
</div>
<input type="text" class="jlmh5 cidqc block i65bn oo8ro stvln rounded-0 l9dcb e27cm focus:outline-hidden p1ez7 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:text-neutral-400 dark:placeholder:text-neutral-400" role="combobox" aria-expanded="false" placeholder="Search" data-hs-combo-box-input>
<div class="hidden hs-combo-box-active:flex absolute h5ske fug6q items-center a799i a498d" data-hs-combo-box-input>
<button type="button" class="inline-flex hq6gx r00n9 items-center awhdl oq0dt t6rrs ck8au focus:outline-hidden oahj8 dark:text-neutral-500 dark:hover:text-blue-500 dark:focus:text-blue-500" aria-label="Close" data-hs-combo-box-close>
<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"><circle cx="12" cy="12" r="10"/><path d="m15 9-6 6"/><path d="m9 9 6 6"/></svg>
</button>
</div>
</div>
<!-- SearchBox Dropdown -->
<div class="absolute top-full ucmtr i65bn oo8ro pyimf d77gl dark:bg-neutral-800 dark:border-neutral-700 hidden" data-hs-combo-box-output>
<div class="lkr81 h-[calc(100dvh-85px)] overflow-y-auto overflow-hidden n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<!-- Content -->
<div data-hs-combo-box-output-items-wrapper>
<div class="uelc0 g69xo">
<div data-hs-combo-box-output-item='{"group": {"name": "quick-action", "title": "Quick Action"}}' tabindex="0">
<!-- Item -->
<a class="i7oig blhyt group flex items-center vmt4s focus:outline-hidden" href="#">
<svg class="hq6gx ibvs1 rwtxm dark:text-blue-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="M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z"/><circle cx="12" cy="13" r="3"/></svg>
<span class="vo20k e9qjd bp13m group-hover:text-blue-600 dark:text-neutral-200 dark:group-hover:text-blue-500 dark:group-focus:text-blue-500" data-hs-combo-box-search-text="Photos" data-hs-combo-box-value>
Photos
</span>
<div class="ms-auto">
<svg class="hq6gx stqz8 t6rrs group-hover:text-blue-600 dark:text-neutral-500 dark:group-hover:text-blue-500 dark:group-focus:text-blue-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="m9 18 6-6-6-6"/></svg>
</div>
</a>
<!-- End Item -->
</div>
<div data-hs-combo-box-output-item='{"group": {"name": "quick-action", "title": "Quick Action"}}' tabindex="1">
<!-- Item -->
<a class="i7oig blhyt group flex items-center vmt4s focus:outline-hidden" href="#">
<svg class="hq6gx ibvs1 rwtxm dark:text-blue-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="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="vo20k e9qjd bp13m group-hover:text-blue-600 dark:text-neutral-200 dark:group-hover:text-blue-500 dark:group-focus:text-blue-500" data-hs-combo-box-search-text="Links" data-hs-combo-box-value>
Links
</span>
<div class="ms-auto">
<svg class="hq6gx stqz8 t6rrs group-hover:text-blue-600 dark:text-neutral-500 dark:group-hover:text-blue-500 dark:group-focus:text-blue-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="m9 18 6-6-6-6"/></svg>
</div>
</a>
<!-- End Item -->
</div>
<div data-hs-combo-box-output-item='{"group": {"name": "quick-action", "title": "Quick Action"}}' tabindex="2">
<!-- Item -->
<a class="i7oig blhyt group flex items-center vmt4s focus:outline-hidden" href="#">
<svg class="hq6gx ibvs1 rwtxm dark:text-blue-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="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"/><path d="M14 2v4a2 2 0 0 0 2 2h4"/><path d="M10 9H8"/><path d="M16 13H8"/><path d="M16 17H8"/></svg>
<span class="vo20k e9qjd bp13m group-hover:text-blue-600 dark:text-neutral-200 dark:group-hover:text-blue-500 dark:group-focus:text-blue-500" data-hs-combo-box-search-text="Documents" data-hs-combo-box-value>
Documents
</span>
<div class="ms-auto">
<svg class="hq6gx stqz8 t6rrs group-hover:text-blue-600 dark:text-neutral-500 dark:group-hover:text-blue-500 dark:group-focus:text-blue-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="m9 18 6-6-6-6"/></svg>
</div>
</a>
<!-- End Item -->
</div>
<div data-hs-combo-box-output-item='{"group": {"name": "contacts", "title": "Contacts"}}' tabindex="8">
<!-- Avatar -->
<a class="group i7oig blhyt flex items-center vmt4s focus:outline-hidden" href="#">
<div class="hq6gx">
<img class="hq6gx aukwz oq0dt" src="https://images.unsplash.com/photo-1541101767792-f9b2b1c4f127?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80" alt="Avatar">
</div>
<div class="e3fpz truncate">
<p class="vo20k t5ziw amkne bp13m group-hover:text-blue-600 group-focus:text-blue-600 dark:text-neutral-200 dark:group-hover:text-blue-500 dark:group-focus:text-blue-500" data-hs-combo-box-search-text="Amanda Harvey" data-hs-combo-box-value>
Amanda Harvey
</p>
</div>
<div class="ms-auto">
<svg class="hq6gx stqz8 t6rrs 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="m9 18 6-6-6-6"/></svg>
</div>
</a>
<!-- End Avatar -->
</div>
<div data-hs-combo-box-output-item='{"group": {"name": "contacts", "title": "Contacts"}}' tabindex="9">
<!-- Avatar -->
<a class="group i7oig blhyt flex items-center vmt4s focus:outline-hidden" href="#">
<div class="hq6gx">
<img class="hq6gx aukwz 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>
<div class="e3fpz truncate">
<p class="vo20k t5ziw amkne bp13m group-hover:text-blue-600 group-focus:text-blue-600 dark:text-neutral-200 dark:group-hover:text-blue-500 dark:group-focus:text-blue-500" data-hs-combo-box-search-text="Anna Richard" data-hs-combo-box-value>
Anna Richard
</p>
</div>
<div class="ms-auto">
<svg class="hq6gx stqz8 t6rrs 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="m9 18 6-6-6-6"/></svg>
</div>
</a>
<!-- End Avatar -->
</div>
<div data-hs-combo-box-output-item='{"group": {"name": "contacts", "title": "Contacts"}}' tabindex="10">
<!-- Avatar -->
<a class="group i7oig blhyt flex items-center vmt4s focus:outline-hidden" href="#">
<div class="hq6gx">
<span class="flex hq6gx r00n9 items-center aukwz oo8ro wfm4e d77gl p4gf7 cm336 vo20k e7zws oq0dt dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300">
A
</span>
</div>
<div class="e3fpz truncate">
<p class="vo20k t5ziw amkne bp13m group-hover:text-blue-600 group-focus:text-blue-600 dark:text-neutral-200 dark:group-hover:text-blue-500 dark:group-focus:text-blue-500" data-hs-combo-box-search-text="Alex Brown" data-hs-combo-box-value>
Alex Brown
</p>
</div>
<div class="ms-auto">
<svg class="hq6gx stqz8 t6rrs 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="m9 18 6-6-6-6"/></svg>
</div>
</a>
<!-- End Avatar -->
</div>
<div data-hs-combo-box-output-item='{"group": {"name": "contacts", "title": "Contacts"}}' tabindex="11">
<!-- Avatar -->
<a class="group i7oig blhyt flex items-center vmt4s focus:outline-hidden" href="#">
<div class="hq6gx">
<span class="flex hq6gx r00n9 items-center aukwz oo8ro wfm4e d77gl p4gf7 cm336 vo20k e7zws oq0dt dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300">
B
</span>
</div>
<div class="e3fpz truncate">
<p class="vo20k t5ziw amkne bp13m group-hover:text-blue-600 group-focus:text-blue-600 dark:text-neutral-200 dark:group-hover:text-blue-500 dark:group-focus:text-blue-500" data-hs-combo-box-search-text="Bob Dean" data-hs-combo-box-value>
Bob Dean
</p>
</div>
<div class="ms-auto">
<svg class="hq6gx stqz8 t6rrs 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="m9 18 6-6-6-6"/></svg>
</div>
</a>
<!-- End Avatar -->
</div>
<div data-hs-combo-box-output-item='{"group": {"name": "contacts", "title": "Contacts"}}' tabindex="12">
<!-- Avatar -->
<a class="group i7oig blhyt flex items-center vmt4s focus:outline-hidden" href="#">
<div class="hq6gx">
<img class="hq6gx aukwz oq0dt" src="https://images.unsplash.com/photo-1548142813-c348350df52b?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80" alt="Avatar">
</div>
<div class="e3fpz truncate">
<p class="vo20k t5ziw amkne bp13m group-hover:text-blue-600 group-focus:text-blue-600 dark:text-neutral-200 dark:group-hover:text-blue-500 dark:group-focus:text-blue-500" data-hs-combo-box-search-text="Chun Wa" data-hs-combo-box-value>
Chun Wa
</p>
</div>
<div class="ms-auto">
<svg class="hq6gx stqz8 t6rrs 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="m9 18 6-6-6-6"/></svg>
</div>
</a>
<!-- End Avatar -->
</div>
<div data-hs-combo-box-output-item='{"group": {"name": "contacts", "title": "Contacts"}}' tabindex="13">
<!-- Avatar -->
<a class="group i7oig blhyt flex items-center vmt4s focus:outline-hidden" href="#">
<div class="hq6gx">
<img class="hq6gx aukwz oq0dt" src="https://images.unsplash.com/photo-1601935111741-ae98b2b230b0?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80" alt="Avatar">
</div>
<div class="e3fpz truncate">
<p class="vo20k t5ziw amkne bp13m group-hover:text-blue-600 group-focus:text-blue-600 dark:text-neutral-200 dark:group-hover:text-blue-500 dark:group-focus:text-blue-500" data-hs-combo-box-search-text="Costa Quinn" data-hs-combo-box-value>
Costa Quinn
</p>
</div>
<div class="ms-auto">
<svg class="hq6gx stqz8 t6rrs 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="m9 18 6-6-6-6"/></svg>
</div>
</a>
<!-- End Avatar -->
</div>
<div data-hs-combo-box-output-item='{"group": {"name": "contacts", "title": "Contacts"}}' tabindex="14">
<!-- Avatar -->
<a class="group i7oig blhyt flex items-center vmt4s focus:outline-hidden" href="#">
<div class="hq6gx">
<img class="hq6gx aukwz oq0dt" src="https://images.unsplash.com/photo-1568602471122-7832951cc4c5?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80" alt="Avatar">
</div>
<div class="e3fpz truncate">
<p class="vo20k t5ziw amkne bp13m group-hover:text-blue-600 group-focus:text-blue-600 dark:text-neutral-200 dark:group-hover:text-blue-500 dark:group-focus:text-blue-500" data-hs-combo-box-search-text="David Harrison" data-hs-combo-box-value>
David Harrison
</p>
</div>
<div class="ms-auto">
<svg class="hq6gx stqz8 t6rrs 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="m9 18 6-6-6-6"/></svg>
</div>
</a>
<!-- End Avatar -->
</div>
<div data-hs-combo-box-output-item='{"group": {"name": "contacts", "title": "Contacts"}}' tabindex="15">
<!-- Avatar -->
<a class="group i7oig blhyt flex items-center vmt4s focus:outline-hidden" href="#">
<div class="hq6gx">
<img class="hq6gx aukwz oq0dt" src="https://images.unsplash.com/photo-1659482634023-2c4fda99ac0c?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80" alt="Avatar">
</div>
<div class="e3fpz truncate">
<p class="vo20k t5ziw amkne bp13m group-hover:text-blue-600 group-focus:text-blue-600 dark:text-neutral-200 dark:group-hover:text-blue-500 dark:group-focus:text-blue-500" data-hs-combo-box-search-text="Ella Lauda" data-hs-combo-box-value>
Ella Lauda
</p>
</div>
<div class="ms-auto">
<svg class="hq6gx stqz8 t6rrs 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="m9 18 6-6-6-6"/></svg>
</div>
</a>
<!-- End Avatar -->
</div>
<div data-hs-combo-box-output-item='{"group": {"name": "contacts", "title": "Contacts"}}' tabindex="16">
<!-- Avatar -->
<a class="group i7oig blhyt flex items-center vmt4s focus:outline-hidden" href="#">
<div class="hq6gx">
<img class="hq6gx aukwz oq0dt" src="https://images.unsplash.com/photo-1568048689711-5e0325cea8c0?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80" alt="Avatar">
</div>
<div class="e3fpz truncate">
<p class="vo20k t5ziw amkne bp13m group-hover:text-blue-600 group-focus:text-blue-600 dark:text-neutral-200 dark:group-hover:text-blue-500 dark:group-focus:text-blue-500" data-hs-combo-box-search-text="Elizabeth Cru" data-hs-combo-box-value>
Elizabeth Cru
</p>
</div>
<div class="ms-auto">
<svg class="hq6gx stqz8 t6rrs 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="m9 18 6-6-6-6"/></svg>
</div>
</a>
<!-- End Avatar -->
</div>
<div data-hs-combo-box-output-item='{"group": {"name": "contacts", "title": "Contacts"}}' tabindex="17">
<!-- Avatar -->
<a class="group i7oig blhyt flex items-center vmt4s focus:outline-hidden" href="#">
<div class="hq6gx">
<img class="hq6gx aukwz oq0dt" src="https://images.unsplash.com/photo-1679412330254-90cb240038c5?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80" alt="Avatar">
</div>
<div class="e3fpz truncate">
<p class="vo20k t5ziw amkne bp13m group-hover:text-blue-600 group-focus:text-blue-600 dark:text-neutral-200 dark:group-hover:text-blue-500 dark:group-focus:text-blue-500" data-hs-combo-box-search-text="Lewis Clarke" data-hs-combo-box-value>
Lewis Clarke
</p>
</div>
<div class="ms-auto">
<svg class="hq6gx stqz8 t6rrs 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="m9 18 6-6-6-6"/></svg>
</div>
</a>
<!-- End Avatar -->
</div>
<div data-hs-combo-box-output-item='{"group": {"name": "contacts", "title": "Contacts"}}' tabindex="18">
<!-- Avatar -->
<a class="group i7oig blhyt flex items-center vmt4s focus:outline-hidden" href="#">
<div class="hq6gx">
<span class="flex hq6gx r00n9 items-center aukwz oo8ro wfm4e d77gl p4gf7 cm336 vo20k e7zws oq0dt dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300">
M
</span>
</div>
<div class="e3fpz truncate">
<p class="vo20k t5ziw amkne bp13m group-hover:text-blue-600 group-focus:text-blue-600 dark:text-neutral-200 dark:group-hover:text-blue-500 dark:group-focus:text-blue-500" data-hs-combo-box-search-text="Mark Colbert" data-hs-combo-box-value>
Mark Colbert
</p>
</div>
<div class="ms-auto">
<svg class="hq6gx stqz8 t6rrs 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="m9 18 6-6-6-6"/></svg>
</div>
</a>
<!-- End Avatar -->
</div>
<div data-hs-combo-box-output-item='{"group": {"name": "contacts", "title": "Contacts"}}' tabindex="19">
<!-- Avatar -->
<a class="group i7oig blhyt flex items-center vmt4s focus:outline-hidden" href="#">
<div class="hq6gx">
<span class="flex hq6gx r00n9 items-center aukwz oo8ro wfm4e d77gl p4gf7 cm336 vo20k e7zws oq0dt dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300">
O
</span>
</div>
<div class="e3fpz truncate">
<p class="vo20k t5ziw amkne bp13m group-hover:text-blue-600 group-focus:text-blue-600 dark:text-neutral-200 dark:group-hover:text-blue-500 dark:group-focus:text-blue-500" data-hs-combo-box-search-text="Ols Schols" data-hs-combo-box-value>
Ols Schols
</p>
</div>
<div class="ms-auto">
<svg class="hq6gx stqz8 t6rrs 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="m9 18 6-6-6-6"/></svg>
</div>
</a>
<!-- End Avatar -->
</div>
<div data-hs-combo-box-output-item='{"group": {"name": "contacts", "title": "Contacts"}}' tabindex="20">
<!-- Avatar -->
<a class="group i7oig blhyt flex items-center vmt4s focus:outline-hidden" href="#">
<div class="hq6gx">
<span class="flex hq6gx r00n9 items-center aukwz oo8ro wfm4e d77gl p4gf7 cm336 vo20k e7zws oq0dt dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300">
R
</span>
</div>
<div class="e3fpz truncate">
<p class="vo20k t5ziw amkne bp13m group-hover:text-blue-600 group-focus:text-blue-600 dark:text-neutral-200 dark:group-hover:text-blue-500 dark:group-focus:text-blue-500" data-hs-combo-box-search-text="Rachel Doe" data-hs-combo-box-value>
Rachel Doe
</p>
</div>
<div class="ms-auto">
<svg class="hq6gx stqz8 t6rrs 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="m9 18 6-6-6-6"/></svg>
</div>
</a>
<!-- End Avatar -->
</div>
</div>
</div>
<!-- End Content -->
</div>
</div>
<!-- End SearchBox Dropdown -->
</div>
<!-- End Searchbox -->
</div>
<!-- End Search -->
<!-- Tabs -->
<div class="jlmh5 ic6aj d77gl dark:border-neutral-700">
<div class="-mb-2.5 apc69 overflow-x-auto">
<div class="overflow-x-auto moqdl">
<!-- Nav Tab -->
<nav class="flex duzhl" aria-label="Tabs" role="tablist" aria-orientation="horizontal">
<button type="button" class="hs-tab-active:after:bg-gray-800 hs-tab-active:text-gray-800 rfnst i7oig qhmnk relative inline-flex r00n9 items-center lialp ksr3h t6rrs l24f5 vo20k cm336 umxjj disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 after:absolute after:-bottom-2 after:inset-x-2.5 after:z-10 after:h-0.5 after:pointer-events-none dark:hs-tab-active:text-neutral-200 dark:hs-tab-active:after:bg-neutral-400 dark:text-neutral-500 dark:hover:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden active" id="hs-pro-tabs-chsn-item-all" aria-selected="true" data-hs-tab="#hs-pro-tabs-chsn-all" aria-controls="hs-pro-tabs-chsn-all" role="tab" >
All
</button>
<button type="button" class="hs-tab-active:after:bg-gray-800 hs-tab-active:text-gray-800 rfnst i7oig qhmnk relative inline-flex r00n9 items-center lialp ksr3h t6rrs l24f5 vo20k cm336 umxjj disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 after:absolute after:-bottom-2 after:inset-x-2.5 after:z-10 after:h-0.5 after:pointer-events-none dark:hs-tab-active:text-neutral-200 dark:hs-tab-active:after:bg-neutral-400 dark:text-neutral-500 dark:hover:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden " id="hs-pro-tabs-chsn-item-mentions" aria-selected="false" data-hs-tab="#hs-pro-tabs-chsn-mentions" aria-controls="hs-pro-tabs-chsn-mentions" role="tab" >
Mentions
</button>
<button type="button" class="hs-tab-active:after:bg-gray-800 hs-tab-active:text-gray-800 rfnst i7oig qhmnk relative inline-flex r00n9 items-center lialp ksr3h t6rrs l24f5 vo20k cm336 umxjj disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 after:absolute after:-bottom-2 after:inset-x-2.5 after:z-10 after:h-0.5 after:pointer-events-none dark:hs-tab-active:text-neutral-200 dark:hs-tab-active:after:bg-neutral-400 dark:text-neutral-500 dark:hover:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden " id="hs-pro-tabs-chsn-item-spammed" aria-selected="false" data-hs-tab="#hs-pro-tabs-chsn-spammed" aria-controls="hs-pro-tabs-chsn-spammed" role="tab" >
Spam
</button>
<button type="button" class="hs-tab-active:after:bg-gray-800 hs-tab-active:text-gray-800 rfnst i7oig qhmnk relative inline-flex r00n9 items-center lialp ksr3h t6rrs l24f5 vo20k cm336 umxjj disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 after:absolute after:-bottom-2 after:inset-x-2.5 after:z-10 after:h-0.5 after:pointer-events-none dark:hs-tab-active:text-neutral-200 dark:hs-tab-active:after:bg-neutral-400 dark:text-neutral-500 dark:hover:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden " id="hs-pro-tabs-chsn-item-blocked" aria-selected="false" data-hs-tab="#hs-pro-tabs-chsn-blocked" aria-controls="hs-pro-tabs-chsn-blocked" role="tab" >
Blocked
</button>
</nav>
<!-- End Nav Tab -->
</div>
</div>
</div>
<!-- End Tabs -->
<div class="qpmwn overflow-y-auto n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<!-- Tab Content -->
<div id="hs-pro-tabs-chsn-all" class="qpmwn" role="tabpanel" aria-labelledby="hs-pro-tabs-chsn-item-all">
<!-- Empty State -->
<div class="xlz15 qpmwn flex flex-col r00n9 items-center lj7mp">
<svg class="rmc90 mx-auto dl93o" width="178" height="90" viewBox="0 0 178 90" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="27" y="50.5" width="124" height="39" rx="7.5" fill="currentColor" class="mlmpr dark:fill-neutral-800"/>
<rect x="27" y="50.5" width="124" height="39" rx="7.5" stroke="currentColor" class="l4rfy dark:stroke-neutral-700/10"/>
<rect x="34.5" y="58" width="24" height="24" rx="12" fill="currentColor" class="hb386 dark:fill-neutral-700/30"/>
<rect x="66.5" y="61" width="60" height="6" rx="3" fill="currentColor" class="hb386 dark:fill-neutral-700/30"/>
<rect x="66.5" y="73" width="77" height="6" rx="3" fill="currentColor" class="hb386 dark:fill-neutral-700/30"/>
<rect x="19.5" y="28.5" width="139" height="39" rx="7.5" fill="currentColor" class="mlmpr dark:fill-neutral-800"/>
<rect x="19.5" y="28.5" width="139" height="39" rx="7.5" stroke="currentColor" class="c7le4 dark:stroke-neutral-700/30"/>
<rect x="27" y="36" width="24" height="24" rx="12" fill="currentColor" class="p2drp dark:fill-neutral-700/70"/>
<rect x="59" y="39" width="60" height="6" rx="3" fill="currentColor" class="p2drp dark:fill-neutral-700/70"/>
<rect x="59" y="51" width="92" height="6" rx="3" fill="currentColor" class="p2drp dark:fill-neutral-700/70"/>
<g filter="url(#filter1)">
<rect x="12" y="6" width="154" height="40" rx="8" class="mlmpr dark:fill-neutral-800" shape-rendering="crispEdges"/>
<rect x="12.5" y="6.5" width="153" height="39" rx="7.5" stroke="currentColor" class="c7le4 dark:stroke-neutral-700/60" shape-rendering="crispEdges"/>
<rect x="20" y="14" width="24" height="24" rx="12" fill="currentColor" class="bxw6c dark:fill-neutral-700"/>
<rect x="52" y="17" width="60" height="6" rx="3" fill="currentColor" class="bxw6c dark:fill-neutral-700"/>
<rect x="52" y="29" width="106" height="6" rx="3" fill="currentColor" class="bxw6c dark:fill-neutral-700"/>
</g>
<defs>
<filter id="filter1" x="0" y="0" width="178" height="64" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="6"/>
<feGaussianBlur stdDeviation="6"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1187_14810"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1187_14810" result="shape"/>
</filter>
</defs>
</svg>
<div class="idprf mx-auto f9qde">
<p class="ls9te vo20k bp13m dark:text-neutral-200">
No message.
</p>
<p class="iqt6z t5ziw t6rrs dark:text-neutral-500">
Only messages appear here
</p>
</div>
</div>
<!-- Empty State -->
</div>
<!-- End Tab Content -->
<!-- Tab Content -->
<div id="hs-pro-tabs-chsn-mentions" class="hidden qpmwn" role="tabpanel" aria-labelledby="hs-pro-tabs-chsn-item-mentions">
<!-- Empty State -->
<div class="xlz15 qpmwn flex flex-col r00n9 items-center lj7mp">
<svg class="rmc90 mx-auto dl93o" width="178" height="90" viewBox="0 0 178 90" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="27" y="50.5" width="124" height="39" rx="7.5" fill="currentColor" class="mlmpr dark:fill-neutral-800"/>
<rect x="27" y="50.5" width="124" height="39" rx="7.5" stroke="currentColor" class="l4rfy dark:stroke-neutral-700/10"/>
<rect x="34.5" y="58" width="24" height="24" rx="12" fill="currentColor" class="hb386 dark:fill-neutral-700/30"/>
<rect x="66.5" y="61" width="60" height="6" rx="3" fill="currentColor" class="hb386 dark:fill-neutral-700/30"/>
<rect x="66.5" y="73" width="77" height="6" rx="3" fill="currentColor" class="hb386 dark:fill-neutral-700/30"/>
<rect x="19.5" y="28.5" width="139" height="39" rx="7.5" fill="currentColor" class="mlmpr dark:fill-neutral-800"/>
<rect x="19.5" y="28.5" width="139" height="39" rx="7.5" stroke="currentColor" class="c7le4 dark:stroke-neutral-700/30"/>
<rect x="27" y="36" width="24" height="24" rx="12" fill="currentColor" class="p2drp dark:fill-neutral-700/70"/>
<rect x="59" y="39" width="60" height="6" rx="3" fill="currentColor" class="p2drp dark:fill-neutral-700/70"/>
<rect x="59" y="51" width="92" height="6" rx="3" fill="currentColor" class="p2drp dark:fill-neutral-700/70"/>
<g filter="url(#filter2)">
<rect x="12" y="6" width="154" height="40" rx="8" class="mlmpr dark:fill-neutral-800" shape-rendering="crispEdges"/>
<rect x="12.5" y="6.5" width="153" height="39" rx="7.5" stroke="currentColor" class="c7le4 dark:stroke-neutral-700/60" shape-rendering="crispEdges"/>
<rect x="20" y="14" width="24" height="24" rx="12" fill="currentColor" class="bxw6c dark:fill-neutral-700"/>
<rect x="52" y="17" width="60" height="6" rx="3" fill="currentColor" class="bxw6c dark:fill-neutral-700"/>
<rect x="52" y="29" width="106" height="6" rx="3" fill="currentColor" class="bxw6c dark:fill-neutral-700"/>
</g>
<defs>
<filter id="filter2" x="0" y="0" width="178" height="64" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="6"/>
<feGaussianBlur stdDeviation="6"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1187_14810"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1187_14810" result="shape"/>
</filter>
</defs>
</svg>
<div class="idprf mx-auto f9qde">
<p class="ls9te vo20k bp13m dark:text-neutral-200">
No mentions message
</p>
<p class="iqt6z t5ziw t6rrs dark:text-neutral-500">
Only mentions messages appear here
</p>
</div>
</div>
<!-- Empty State -->
</div>
<!-- End Tab Content -->
<!-- Tab Content -->
<div id="hs-pro-tabs-chsn-spammed" class="hidden qpmwn" role="tabpanel" aria-labelledby="hs-pro-tabs-chsn-item-spammed">
<!-- Empty State -->
<div class="xlz15 qpmwn flex flex-col r00n9 items-center lj7mp">
<svg class="rmc90 mx-auto dl93o" width="178" height="90" viewBox="0 0 178 90" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="27" y="50.5" width="124" height="39" rx="7.5" fill="currentColor" class="mlmpr dark:fill-neutral-800"/>
<rect x="27" y="50.5" width="124" height="39" rx="7.5" stroke="currentColor" class="l4rfy dark:stroke-neutral-700/10"/>
<rect x="34.5" y="58" width="24" height="24" rx="12" fill="currentColor" class="hb386 dark:fill-neutral-700/30"/>
<rect x="66.5" y="61" width="60" height="6" rx="3" fill="currentColor" class="hb386 dark:fill-neutral-700/30"/>
<rect x="66.5" y="73" width="77" height="6" rx="3" fill="currentColor" class="hb386 dark:fill-neutral-700/30"/>
<rect x="19.5" y="28.5" width="139" height="39" rx="7.5" fill="currentColor" class="mlmpr dark:fill-neutral-800"/>
<rect x="19.5" y="28.5" width="139" height="39" rx="7.5" stroke="currentColor" class="c7le4 dark:stroke-neutral-700/30"/>
<rect x="27" y="36" width="24" height="24" rx="12" fill="currentColor" class="p2drp dark:fill-neutral-700/70"/>
<rect x="59" y="39" width="60" height="6" rx="3" fill="currentColor" class="p2drp dark:fill-neutral-700/70"/>
<rect x="59" y="51" width="92" height="6" rx="3" fill="currentColor" class="p2drp dark:fill-neutral-700/70"/>
<g filter="url(#filter3)">
<rect x="12" y="6" width="154" height="40" rx="8" class="mlmpr dark:fill-neutral-800" shape-rendering="crispEdges"/>
<rect x="12.5" y="6.5" width="153" height="39" rx="7.5" stroke="currentColor" class="c7le4 dark:stroke-neutral-700/60" shape-rendering="crispEdges"/>
<rect x="20" y="14" width="24" height="24" rx="12" fill="currentColor" class="bxw6c dark:fill-neutral-700"/>
<rect x="52" y="17" width="60" height="6" rx="3" fill="currentColor" class="bxw6c dark:fill-neutral-700"/>
<rect x="52" y="29" width="106" height="6" rx="3" fill="currentColor" class="bxw6c dark:fill-neutral-700"/>
</g>
<defs>
<filter id="filter3" x="0" y="0" width="178" height="64" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="6"/>
<feGaussianBlur stdDeviation="6"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1187_14810"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1187_14810" result="shape"/>
</filter>
</defs>
</svg>
<div class="idprf mx-auto f9qde">
<p class="ls9te vo20k bp13m dark:text-neutral-200">
No spammed message
</p>
<p class="iqt6z t5ziw t6rrs dark:text-neutral-500">
Only spammed messages appear here
</p>
</div>
</div>
<!-- Empty State -->
</div>
<!-- End Tab Content -->
<!-- Tab Content -->
<div id="hs-pro-tabs-chsn-blocked" class="hidden qpmwn" role="tabpanel" aria-labelledby="hs-pro-tabs-chsn-item-blocked">
<!-- Empty State -->
<div class="xlz15 qpmwn flex flex-col r00n9 items-center lj7mp">
<svg class="rmc90 mx-auto dl93o" width="178" height="90" viewBox="0 0 178 90" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="27" y="50.5" width="124" height="39" rx="7.5" fill="currentColor" class="mlmpr dark:fill-neutral-800"/>
<rect x="27" y="50.5" width="124" height="39" rx="7.5" stroke="currentColor" class="l4rfy dark:stroke-neutral-700/10"/>
<rect x="34.5" y="58" width="24" height="24" rx="12" fill="currentColor" class="hb386 dark:fill-neutral-700/30"/>
<rect x="66.5" y="61" width="60" height="6" rx="3" fill="currentColor" class="hb386 dark:fill-neutral-700/30"/>
<rect x="66.5" y="73" width="77" height="6" rx="3" fill="currentColor" class="hb386 dark:fill-neutral-700/30"/>
<rect x="19.5" y="28.5" width="139" height="39" rx="7.5" fill="currentColor" class="mlmpr dark:fill-neutral-800"/>
<rect x="19.5" y="28.5" width="139" height="39" rx="7.5" stroke="currentColor" class="c7le4 dark:stroke-neutral-700/30"/>
<rect x="27" y="36" width="24" height="24" rx="12" fill="currentColor" class="p2drp dark:fill-neutral-700/70"/>
<rect x="59" y="39" width="60" height="6" rx="3" fill="currentColor" class="p2drp dark:fill-neutral-700/70"/>
<rect x="59" y="51" width="92" height="6" rx="3" fill="currentColor" class="p2drp dark:fill-neutral-700/70"/>
<g filter="url(#filter4)">
<rect x="12" y="6" width="154" height="40" rx="8" class="mlmpr dark:fill-neutral-800" shape-rendering="crispEdges"/>
<rect x="12.5" y="6.5" width="153" height="39" rx="7.5" stroke="currentColor" class="c7le4 dark:stroke-neutral-700/60" shape-rendering="crispEdges"/>
<rect x="20" y="14" width="24" height="24" rx="12" fill="currentColor" class="bxw6c dark:fill-neutral-700"/>
<rect x="52" y="17" width="60" height="6" rx="3" fill="currentColor" class="bxw6c dark:fill-neutral-700"/>
<rect x="52" y="29" width="106" height="6" rx="3" fill="currentColor" class="bxw6c dark:fill-neutral-700"/>
</g>
<defs>
<filter id="filter4" x="0" y="0" width="178" height="64" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="6"/>
<feGaussianBlur stdDeviation="6"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1187_14810"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1187_14810" result="shape"/>
</filter>
</defs>
</svg>
<div class="idprf mx-auto f9qde">
<p class="ls9te vo20k bp13m dark:text-neutral-200">
No blocked message
</p>
<p class="iqt6z t5ziw t6rrs dark:text-neutral-500">
Only blocked messages appear here
</p>
</div>
</div>
<!-- Empty State -->
</div>
<!-- End Tab Content -->
</div>
</div>
</div>
<!-- End Chat Threads -->
</div>
</div>
</aside>
<!-- ========== END MAIN SIDEBAR ========== -->
<!-- ========== MAIN CONTENT ========== -->
<main id="content" class="2xl:hs-overlay-layout-open:pe-96 yebm2 g0ipl jahre">
<div class="relative yjvcd flex flex-col r00n9 items-center">
<!-- Cards Grid -->
<div class="2xl:-me-96">
<div class="dirol blhyt j3oms dyqrp i65bn mx-auto">
<!-- Body -->
<div>
<!-- Header -->
<div class="iqt6z flex flex-col r00n9 items-center sm:flex-row uiblq h1dxu jmqtp">
<h2 class="vo20k u832x bp13m dark:text-neutral-200">
Let's get you setup
</h2>
<div>
<a class="i7oig apc69 inline-flex items-center lialp cm336 vo20k ps5iq wfm4e d77gl oo8ro bp13m hx4gm tdhmi disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tme8y dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="../../pro/dashboard/account-integrations.html">
View all apps
<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="m9 18 6-6-6-6"/></svg>
</a>
</div>
</div>
<!-- End Header -->
<!-- Grid -->
<div class="dmfqa mmjp9 n5y6f aygsi">
<!-- Card -->
<div class="pi5e6 group relative flex flex-col wfm4e d77gl oo8ro tgrws dark:bg-neutral-800 dark:border-neutral-700/50 dark:hover:border-neutral-700 ps5iq">
<div class="qpmwn flex ocl6c">
<div class="hq6gx aukwz">
<svg class="hq6gx aukwz" width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.7326 0C9.96372 0.00130479 8.53211 1.43397 8.53342 3.19935C8.53211 4.96473 9.96503 6.39739 11.7339 6.39869H14.9345V3.20065C14.9358 1.43527 13.5029 0.00260958 11.7326 0C11.7339 0 11.7339 0 11.7326 0M11.7326 8.53333H3.20053C1.43161 8.53464 -0.00130383 9.9673 3.57297e-06 11.7327C-0.00261123 13.4981 1.4303 14.9307 3.19922 14.9333H11.7326C13.5016 14.932 14.9345 13.4994 14.9332 11.734C14.9345 9.9673 13.5016 8.53464 11.7326 8.53333V8.53333Z" fill="#36C5F0"/><path fill-rule="evenodd" clip-rule="evenodd" d="M32 11.7327C32.0013 9.9673 30.5684 8.53464 28.7995 8.53333C27.0306 8.53464 25.5976 9.9673 25.5989 11.7327V14.9333H28.7995C30.5684 14.932 32.0013 13.4994 32 11.7327ZM23.4666 11.7327V3.19935C23.4679 1.43527 22.0363 0.00260958 20.2674 0C18.4984 0.00130479 17.0655 1.43397 17.0668 3.19935V11.7327C17.0642 13.4981 18.4971 14.9307 20.2661 14.9333C22.035 14.932 23.4679 13.4994 23.4666 11.7327Z" fill="#2EB67D"/><path fill-rule="evenodd" clip-rule="evenodd" d="M20.2661 32C22.035 31.9987 23.4679 30.566 23.4666 28.8007C23.4679 27.0353 22.035 25.6026 20.2661 25.6013H17.0656V28.8007C17.0642 30.5647 18.4972 31.9974 20.2661 32ZM20.2661 23.4654H28.7995C30.5684 23.4641 32.0013 22.0314 32 20.266C32.0026 18.5006 30.5697 17.068 28.8008 17.0654H20.2674C18.4985 17.0667 17.0656 18.4993 17.0669 20.2647C17.0656 22.0314 18.4972 23.4641 20.2661 23.4654V23.4654Z" fill="#ECB22E"/><path fill-rule="evenodd" clip-rule="evenodd" d="M8.93953e-07 20.266C-0.00130651 22.0314 1.43161 23.4641 3.20052 23.4654C4.96944 23.4641 6.40235 22.0314 6.40105 20.266V17.0667H3.20052C1.43161 17.068 -0.00130651 18.5006 8.93953e-07 20.266ZM8.53342 20.266V28.7993C8.53081 30.5647 9.96372 31.9974 11.7326 32C13.5016 31.9987 14.9345 30.566 14.9332 28.8007V20.2686C14.9358 18.5032 13.5029 17.0706 11.7339 17.068C9.96372 17.068 8.53211 18.5006 8.53342 20.266C8.53342 20.2673 8.53342 20.266 8.53342 20.266Z" fill="#E01E5A"/></svg>
</div>
<div class="e3fpz">
<div class="qpmwn flex flex-col">
<div>
<h3 class="inline-flex items-center pgjbi vo20k bp13m dark:text-neutral-200">
Slack
</h3>
<p class="xe8oj t5ziw t6rrs dark:text-neutral-500">
Connect a slack workspace in order to setup automated notifications.
</p>
</div>
<div class="r9ot5 mt-auto">
<span class="inline-flex items-center lialp t5ziw vo20k group-disabled:opacity-50 group-disabled:pointer-events-none rwtxm group-hover:text-blue-700 group-hover:underline group-hover:decoration-2 dark:text-blue-500 dark:group-hover:text-blue-400">
Install now
</span>
</div>
</div>
</div>
</div>
<a class="after:absolute after:inset-0 after:z-10" href="#"></a>
</div>
<!-- End Card -->
<!-- Card -->
<div class="pi5e6 group relative flex flex-col wfm4e d77gl oo8ro dark:bg-neutral-800 dark:border-neutral-700/50bg-gray-50 p4qib howv4 dark:bg-neutral-800 dark:border-neutral-700/50 ps5iq">
<div class="qpmwn flex ocl6c">
<div class="hq6gx aukwz">
<div class="flex r00n9 items-center aukwz oq0dt rjuva t6rrs dark:bg-neutral-700 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 6 9 17l-5-5"/></svg></div>
</div>
<div class="e3fpz">
<div class="qpmwn flex flex-col">
<div>
<h3 class="inline-flex items-center pgjbi vo20k bp13m dark:text-neutral-200">
Notion
</h3>
<p class="xe8oj t5ziw t6rrs dark:text-neutral-500">
Connect your Notion account to work seamlessly across Notion & Preline.
</p>
</div>
<div class="r9ot5 mt-auto">
<span class="inline-flex items-center lialp t5ziw vo20k group-disabled:opacity-50 group-disabled:pointer-events-none xq1jm dark:text-neutral-400text-gray-600 dark:text-neutral-400">
Installed
</span>
</div>
</div>
</div>
</div>
</div>
<!-- End Card -->
<!-- Card -->
<div class="pi5e6 group relative flex flex-col wfm4e d77gl oo8ro tgrws dark:bg-neutral-800 dark:border-neutral-700/50 dark:hover:border-neutral-700 ps5iq">
<div class="qpmwn flex ocl6c">
<div class="hq6gx aukwz">
<svg class="hq6gx aukwz t6rrs dark:text-neutral-500" width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.0001 0C7.16461 0 0 7.34466 0 16.405C0 23.6533 4.5845 29.8026 10.9419 31.9718C11.7415 32.1236 12.0351 31.6159 12.0351 31.1826C12.0351 30.7915 12.0202 29.4991 12.0134 28.1283C7.56202 29.1207 6.62276 26.1927 6.62276 26.1927C5.89494 24.2965 4.84626 23.7924 4.84626 23.7924C3.39464 22.7742 4.95568 22.795 4.95568 22.795C6.5624 22.9108 7.40843 24.4856 7.40843 24.4856C8.83545 26.9936 11.1514 26.2685 12.0645 25.8495C12.208 24.789 12.6227 24.0654 13.0803 23.6558C9.5265 23.2408 5.79054 21.8342 5.79054 15.5483C5.79054 13.7573 6.41559 12.2938 7.43917 11.1449C7.27303 10.7317 6.72541 9.0632 7.59415 6.80351C7.59415 6.80351 8.93772 6.36259 11.9953 8.48512C13.2715 8.12152 14.6403 7.93934 16.0001 7.93316C17.3598 7.93934 18.7296 8.12152 20.0083 8.48512C23.0623 6.36259 24.404 6.80351 24.404 6.80351C25.2748 9.0632 24.727 10.7317 24.5608 11.1449C25.5867 12.2938 26.2075 13.7572 26.2075 15.5483C26.2075 21.8491 22.4645 23.2366 18.9017 23.6426C19.4755 24.1518 19.9869 25.1502 19.9869 26.6806C19.9869 28.8756 19.9683 30.6422 19.9683 31.1826C19.9683 31.6192 20.2563 32.1307 21.0674 31.9696C27.4213 29.798 32 23.6509 32 16.405C32 7.34466 24.8364 0 16.0001 0Z" class="deds1 dark:fill-neutral-200" fill="currentColor"/><path d="M5.99251 23.3693C5.95737 23.4508 5.83213 23.4752 5.71832 23.4194C5.60224 23.3658 5.53699 23.2547 5.57464 23.1728C5.60915 23.089 5.73438 23.0655 5.8502 23.1219C5.96653 23.1753 6.03279 23.2875 5.99251 23.3693ZM6.77955 24.0893C6.70326 24.1619 6.55405 24.1282 6.45279 24.0135C6.34813 23.8991 6.32856 23.7463 6.40598 23.6726C6.48466 23.6001 6.62935 23.634 6.73425 23.7485C6.83891 23.8641 6.85924 24.0161 6.77943 24.0894M7.31952 25.0105C7.22139 25.0804 7.06102 25.0149 6.96201 24.869C6.864 24.7232 6.864 24.5482 6.96414 24.4781C7.06353 24.408 7.22139 24.471 7.32178 24.6158C7.41965 24.7641 7.41965 24.9391 7.31939 25.0107M8.23255 26.0775C8.14484 26.1766 7.95811 26.1501 7.82133 26.0147C7.68154 25.8825 7.64252 25.6947 7.73048 25.5955C7.8192 25.4962 8.00705 25.5241 8.14484 25.6583C8.28375 25.7903 8.32604 25.9795 8.23255 26.0775ZM9.41262 26.4378C9.3741 26.5662 9.19415 26.6246 9.01295 26.57C8.832 26.5138 8.71354 26.3633 8.75006 26.2335C8.7877 26.1041 8.9684 26.0433 9.15098 26.1017C9.33168 26.1577 9.45027 26.307 9.41262 26.4378ZM10.7558 26.5905C10.7603 26.7258 10.6066 26.838 10.4164 26.8405C10.225 26.8447 10.0703 26.7352 10.0683 26.6022C10.0683 26.4656 10.2185 26.3544 10.4097 26.3512C10.6 26.3473 10.7558 26.456 10.7558 26.5905ZM12.0752 26.5386C12.098 26.6706 11.9658 26.8063 11.7769 26.8423C11.5912 26.877 11.4193 26.7956 11.3955 26.6647C11.3725 26.5294 11.5072 26.3939 11.6926 26.3588C11.8818 26.3251 12.0511 26.4044 12.0752 26.5386Z" class="deds1 dark:fill-neutral-200" fill="currentColor"/></svg>
</div>
<div class="e3fpz">
<div class="qpmwn flex flex-col">
<div>
<h3 class="inline-flex items-center pgjbi vo20k bp13m dark:text-neutral-200">
Github
</h3>
<p class="xe8oj t5ziw t6rrs dark:text-neutral-500">
Link git pull requests, branches, and commits to Preline.
</p>
</div>
<div class="r9ot5 mt-auto">
<span class="inline-flex items-center lialp t5ziw vo20k group-disabled:opacity-50 group-disabled:pointer-events-none rwtxm group-hover:text-blue-700 group-hover:underline group-hover:decoration-2 dark:text-blue-500 dark:group-hover:text-blue-400">
Install now
</span>
</div>
</div>
</div>
</div>
<a class="after:absolute after:inset-0 after:z-10" href="#"></a>
</div>
<!-- End Card -->
<!-- Card -->
<div class="pi5e6 group relative flex flex-col wfm4e d77gl oo8ro tgrws dark:bg-neutral-800 dark:border-neutral-700/50 dark:hover:border-neutral-700 ps5iq">
<div class="qpmwn flex ocl6c">
<div class="hq6gx aukwz">
<svg class="hq6gx aukwz" width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_11766_122209asdasd)"><path d="M3.11931 28.4817H8.21019V16.1181L0.937439 10.6636V26.3C0.937439 27.5054 1.91381 28.4819 3.11931 28.4819V28.4817Z" fill="#4285F4"/><path d="M25.6647 28.4817H30.7556C31.961 28.4817 32.9374 27.5054 32.9374 26.2999V10.6636L25.6647 16.1181V28.4817Z" fill="#34A853"/><path d="M25.6647 6.66356V16.1181L32.9374 10.6636V7.7545C32.9374 5.05812 29.8593 3.51812 27.701 5.13631L25.6647 6.66356Z" fill="#FBBC04"/><path fill-rule="evenodd" clip-rule="evenodd" d="M8.21021 16.1181V6.66356L16.9375 13.2091L25.6647 6.66356V16.1181L16.9375 22.6636L8.21021 16.1181Z" fill="#EA4335"/><path d="M0.937439 7.7545V10.6636L8.21019 16.1181V6.66356L6.17381 5.13631C4.01556 3.51813 0.937439 5.05813 0.937439 7.75438V7.7545Z" fill="#C5221F"/></g><defs><clipPath id="clip0_11766_122209asdasd"><rect width="32" height="32" fill="white" transform="translate(0.937439)"/></clipPath></defs></svg>
</div>
<div class="e3fpz">
<div class="qpmwn flex flex-col">
<div>
<h3 class="inline-flex items-center pgjbi vo20k bp13m dark:text-neutral-200">
Gmail
</h3>
<p class="xe8oj t5ziw t6rrs dark:text-neutral-500">
Create and share Preline right from your inbox.
</p>
</div>
<div class="r9ot5 mt-auto">
<span class="inline-flex items-center lialp t5ziw vo20k group-disabled:opacity-50 group-disabled:pointer-events-none rwtxm group-hover:text-blue-700 group-hover:underline group-hover:decoration-2 dark:text-blue-500 dark:group-hover:text-blue-400">
Install now
</span>
</div>
</div>
</div>
</div>
<a class="after:absolute after:inset-0 after:z-10" href="#"></a>
</div>
<!-- End Card -->
<!-- Card -->
<div class="pi5e6 group relative flex flex-col wfm4e d77gl oo8ro tgrws dark:bg-neutral-800 dark:border-neutral-700/50 dark:hover:border-neutral-700 ps5iq">
<div class="qpmwn flex ocl6c">
<div class="hq6gx aukwz">
<svg class="hq6gx aukwz" width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_11766_122079)"><path d="M16 32C7.16 32 0 24.84 0 16C0 7.16 7.16 0 16 0C24.84 0 32 7.16 32 16C32 24.84 24.84 32 16 32Z" fill="#FFE01B"/><path d="M11.72 19.28C11.74 19.3 11.74 19.34 11.72 19.38C11.64 19.52 11.48 19.6 11.32 19.58C11.02 19.54 10.8 19.3 10.82 19C10.82 18.8 10.86 18.62 10.92 18.42C11.02 18.18 10.92 17.92 10.72 17.78C10.6 17.7 10.44 17.68 10.3 17.7C10.16 17.72 10.04 17.82 9.96001 17.94C9.90001 18.04 9.86001 18.14 9.84001 18.24C9.84001 18.26 9.82001 18.28 9.82001 18.28C9.78001 18.4 9.70001 18.44 9.64001 18.44C9.62001 18.44 9.58001 18.42 9.56001 18.36C9.50001 18.02 9.62001 17.68 9.84001 17.42C10.04 17.2 10.32 17.1 10.62 17.14C10.92 17.18 11.2 17.38 11.32 17.66C11.46 18 11.42 18.38 11.24 18.7C11.22 18.72 11.22 18.76 11.2 18.78C11.14 18.9 11.12 19.06 11.2 19.18C11.26 19.26 11.34 19.3 11.44 19.3C11.48 19.3 11.52 19.3 11.56 19.28C11.64 19.24 11.7 19.24 11.72 19.28ZM24.94 19.6C24.92 20.22 24.78 20.82 24.56 21.4C23.44 24.1 20.76 25.6 17.56 25.5C14.58 25.42 12.04 23.84 10.94 21.26C10.24 21.24 9.56001 20.96 9.06001 20.5C8.52001 20.04 8.18001 19.4 8.10001 18.7C8.04001 18.22 8.10001 17.74 8.28001 17.28L7.66001 16.76C4.78001 14.36 13.72 4.4 16.56 6.9C16.58 6.92 17.54 7.86 17.54 7.86C17.54 7.86 18.06 7.64 18.08 7.64C20.58 6.6 22.62 7.1 22.62 8.76C22.62 9.62 22.08 10.62 21.2 11.54C21.56 11.9 21.8 12.34 21.92 12.82C22.02 13.16 22.06 13.5 22.08 13.86C22.1 14.22 22.12 15.04 22.12 15.04C22.14 15.04 22.4 15.12 22.48 15.14C23 15.26 23.46 15.48 23.86 15.82C24.08 16.02 24.2 16.3 24.26 16.58C24.32 16.96 24.22 17.34 24 17.64C24.06 17.78 24.1 17.9 24.16 18.04C24.24 18.28 24.28 18.48 24.3 18.5C24.52 18.54 24.94 18.86 24.94 19.6ZM12.34 18.12C12.14 16.86 11.3 16.42 10.72 16.38C10.58 16.38 10.44 16.38 10.28 16.42C9.26001 16.62 8.66001 17.5 8.78001 18.64C8.96001 19.7 9.82001 20.5 10.88 20.56C10.98 20.56 11.08 20.56 11.18 20.54C12.24 20.38 12.5 19.24 12.34 18.12ZM14.1 10.12C14.98 9.4 15.9 8.76 16.88 8.2C16.88 8.2 16.1 7.3 15.86 7.22C14.42 6.82 11.3 8.98 9.30001 11.84C8.50001 13 7.34001 15.04 7.90001 16.08C8.10001 16.32 8.32001 16.52 8.56001 16.72C8.92001 16.2 9.48001 15.84 10.12 15.72C10.9 13.54 12.28 11.6 14.1 10.12ZM17.22 20.1C17.3 20.44 17.56 20.72 17.9 20.8C18.08 20.86 18.24 20.92 18.44 20.94C20.72 21.34 22.86 20.02 23.34 19.7C23.38 19.68 23.4 19.7 23.38 19.74C23.36 19.76 23.34 19.78 23.34 19.8C22.76 20.56 21.18 21.44 19.12 21.44C18.22 21.44 17.32 21.12 17 20.64C16.48 19.88 16.98 18.78 17.82 18.9C17.82 18.9 18.12 18.94 18.2 18.94C19.52 19.06 20.86 18.86 22.08 18.32C23.24 17.78 23.68 17.18 23.62 16.7C23.6 16.56 23.52 16.42 23.42 16.3C23.1 16.04 22.72 15.86 22.32 15.78C22.14 15.72 22.02 15.7 21.88 15.66C21.64 15.58 21.52 15.52 21.5 15.06C21.48 14.86 21.46 14.18 21.44 13.88C21.42 13.38 21.36 12.7 20.94 12.42C20.84 12.34 20.7 12.3 20.58 12.3C20.5 12.3 20.44 12.3 20.36 12.32C20.14 12.36 19.96 12.48 19.8 12.64C19.4 13 18.88 13.18 18.34 13.14C18.04 13.12 17.74 13.08 17.38 13.06C17.32 13.06 17.24 13.06 17.18 13.04C16.22 13.06 15.44 13.78 15.32 14.74C15.12 16.16 16.14 16.88 16.44 17.32C16.48 17.38 16.52 17.44 16.52 17.52C16.52 17.6 16.48 17.68 16.42 17.72C15.6 18.64 15.3 19.92 15.62 21.12C15.66 21.26 15.7 21.4 15.76 21.54C16.5 23.28 18.82 24.1 21.08 23.36C21.38 23.26 21.66 23.14 21.94 23C22.44 22.76 22.88 22.42 23.26 22.02C23.84 21.44 24.22 20.68 24.36 19.86C24.42 19.4 24.32 19.24 24.2 19.16C24.1 19.1 24 19.08 23.88 19.1C23.82 18.74 23.72 18.4 23.58 18.08C22.94 18.56 22.2 18.94 21.42 19.16C20.48 19.42 19.52 19.52 18.54 19.48C17.92 19.42 17.5 19.24 17.34 19.76C18.28 20.08 19.28 20.18 20.28 20.06C20.3 20.06 20.34 20.08 20.34 20.1C20.34 20.12 20.32 20.14 20.3 20.16C20.22 20.14 19.06 20.68 17.22 20.1ZM13.84 11.88C14.6 11.34 15.48 10.96 16.38 10.76C17.42 10.52 18.48 10.52 19.52 10.76C19.56 10.76 19.58 10.7 19.54 10.68C19 10.4 18.42 10.24 17.8 10.22C17.78 10.22 17.76 10.2 17.76 10.18V10.16C17.86 10.04 17.96 9.92 18.08 9.84C18.1 9.82 18.1 9.8 18.08 9.8L18.06 9.78C17.32 9.86 16.62 10.1 15.98 10.52C15.96 10.52 15.94 10.52 15.94 10.52V10.5C15.98 10.32 16.06 10.14 16.16 9.96C16.16 9.94 16.16 9.92 16.14 9.92H16.12C15.22 10.42 14.42 11.08 13.76 11.86C13.74 11.88 13.74 11.9 13.76 11.9C13.8 11.9 13.82 11.9 13.84 11.88ZM19.84 16.7C19.96 16.78 20.14 16.76 20.24 16.64C20.3 16.52 20.22 16.38 20.06 16.3C19.94 16.22 19.76 16.24 19.66 16.36C19.6 16.46 19.68 16.62 19.84 16.7ZM20.34 14.88C20.38 15.08 20.46 15.28 20.58 15.44C20.7 15.42 20.84 15.42 20.96 15.44C21.04 15.22 21.04 14.98 20.98 14.76C20.88 14.34 20.76 14.1 20.52 14.14C20.26 14.18 20.24 14.48 20.34 14.88ZM20.88 15.84C20.72 15.8 20.54 15.88 20.48 16.06C20.44 16.22 20.52 16.4 20.7 16.46C20.88 16.52 21.04 16.42 21.1 16.24C21.1 16.22 21.12 16.18 21.12 16.16C21.12 16 21.02 15.86 20.88 15.84Z" fill="black"/><path d="M16.66 15.8C16.62 15.8 16.6 15.78 16.6 15.76C16.58 15.68 16.7 15.58 16.8 15.48C17.14 15.22 17.6 15.18 17.98 15.34C18.16 15.42 18.32 15.54 18.42 15.7C18.46 15.76 18.46 15.82 18.44 15.84C18.4 15.88 18.3 15.84 18.12 15.76C17.92 15.66 17.68 15.6 17.46 15.62C17.2 15.66 16.92 15.72 16.66 15.8ZM18.38 16.16C18.22 16 18 15.92 17.8 15.96C17.64 15.98 17.5 16.04 17.38 16.14C17.32 16.18 17.28 16.24 17.28 16.32C17.28 16.34 17.28 16.36 17.3 16.36C17.32 16.36 17.32 16.38 17.34 16.38C17.4 16.38 17.46 16.36 17.5 16.34C17.74 16.26 17.98 16.22 18.22 16.26C18.34 16.28 18.38 16.28 18.42 16.24C18.4 16.2 18.4 16.18 18.38 16.16Z" fill="black"/></g><defs><clipPath id="clip0_11766_122079"><rect width="32" height="32" fill="white"/></clipPath></defs></svg>
</div>
<div class="e3fpz">
<div class="qpmwn flex flex-col">
<div>
<h3 class="inline-flex items-center pgjbi vo20k bp13m dark:text-neutral-200">
Mailchimp
</h3>
<p class="xe8oj t5ziw t6rrs dark:text-neutral-500">
Send email newsletters and manage subscribers in Mailchimp.
</p>
</div>
<div class="r9ot5 mt-auto">
<span class="inline-flex items-center lialp t5ziw vo20k group-disabled:opacity-50 group-disabled:pointer-events-none rwtxm group-hover:text-blue-700 group-hover:underline group-hover:decoration-2 dark:text-blue-500 dark:group-hover:text-blue-400">
Install now
</span>
</div>
</div>
</div>
</div>
<a class="after:absolute after:inset-0 after:z-10" href="#"></a>
</div>
<!-- End Card -->
<!-- Card -->
<div class="pi5e6 group relative flex flex-col wfm4e d77gl oo8ro dark:bg-neutral-800 dark:border-neutral-700/50 ps5iq">
<div class="qpmwn flex ocl6c">
<div class="hq6gx aukwz">
<svg class="hq6gx aukwz" width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M32.8875 15.3054C32.9242 16.2093 32.8209 17.1099 32.5811 17.9792C32.3447 18.8486 31.9716 19.6695 31.4787 20.4141C30.989 21.1593 30.3861 21.8167 29.6935 22.3607L29.6769 22.3745L23.019 27.563L19.7451 30.1433L17.7501 31.7089C17.6335 31.8024 17.5036 31.8716 17.3671 31.9201C17.2305 31.9686 17.084 31.9929 16.9374 31.9929C16.7942 31.9929 16.6477 31.9686 16.5111 31.9201C16.3745 31.8716 16.2447 31.8024 16.1281 31.7089L14.1331 30.1433L10.8591 27.563L4.24125 22.4057L4.20129 22.378L4.18796 22.3641C3.49187 21.8203 2.88904 21.1623 2.39611 20.4176C1.90319 19.6729 1.53016 18.8486 1.29036 17.9792C1.05056 17.1099 0.947313 16.2059 0.98395 15.3019C1.02392 14.3979 1.20044 13.5078 1.51018 12.6626L1.55348 12.5414L5.90654 0.747936C5.92875 0.69021 5.95539 0.634792 5.98648 0.581684C6.01534 0.528576 6.04976 0.478931 6.08972 0.43275C6.12747 0.38426 6.16855 0.339234 6.21295 0.297671C6.25736 0.258417 6.30399 0.221472 6.35284 0.186836C6.45609 0.121028 6.56267 0.0725381 6.67924 0.0448295C6.79248 0.0136573 6.91238 -0.000196993 7.02895 0.00673016C7.14885 0.0136573 7.26542 0.0379024 7.37533 0.0829289C7.48524 0.124492 7.59181 0.186836 7.68507 0.263035C7.72948 0.302289 7.77278 0.343852 7.81496 0.387724C7.85493 0.433905 7.89046 0.483549 7.92154 0.536658C7.95485 0.587457 7.98371 0.641719 8.00814 0.699446C8.03256 0.754863 8.05254 0.812589 8.06809 0.872625L11.0023 10.2139H22.8792L25.8134 0.872625C25.8289 0.812589 25.85 0.754863 25.8767 0.699446C25.9011 0.644029 25.93 0.589766 25.9633 0.536658C25.9944 0.485858 26.0299 0.437368 26.0699 0.391187C26.1098 0.345006 26.1531 0.302289 26.1997 0.263035C26.293 0.186836 26.3962 0.127955 26.5062 0.0829289C26.6194 0.0413659 26.736 0.0171209 26.8525 0.0101937C26.9724 0.00326659 27.089 0.0136573 27.2056 0.0448295C27.3188 0.0760017 27.4287 0.124492 27.5286 0.1903C27.5797 0.222627 27.6275 0.259571 27.6719 0.301134C27.7163 0.340388 27.7573 0.38426 27.7951 0.43275C27.8328 0.48124 27.8673 0.532039 27.8983 0.585148C27.9272 0.638256 27.9527 0.693673 27.9749 0.751399L32.3213 12.5483L32.3646 12.6696C32.6744 13.5112 32.8509 14.4014 32.8875 15.3054Z" fill="#E24329"/><path d="M32.8909 15.309C32.9275 16.2095 32.8243 17.1135 32.5845 17.9829C32.3447 18.8523 31.9717 19.6766 31.4787 20.4213C30.9858 21.1659 30.383 21.824 29.6902 22.3678L29.6736 22.3816L23.0157 27.5701C23.0157 27.5701 20.1881 25.3499 16.9374 22.7903L26.4795 15.2813C26.9092 14.9453 27.3588 14.6371 27.8218 14.3531C28.2847 14.0656 28.7643 13.8093 29.2539 13.5807C29.7468 13.3521 30.2498 13.1477 30.7593 12.978C31.2722 12.8048 31.7918 12.6628 32.3214 12.5485L32.3647 12.6698C32.6744 13.5149 32.8509 14.405 32.8909 15.309Z" fill="#FC6D26"/><path d="M16.9374 22.7903C20.1881 25.343 23.0191 27.5701 23.0191 27.5701L19.7451 30.1504L17.7501 31.716C17.6335 31.8095 17.5036 31.8788 17.3671 31.9273C17.2305 31.9758 17.084 32 16.9374 32C16.7942 32 16.6477 31.9758 16.5111 31.9273C16.3746 31.8788 16.2447 31.8095 16.1281 31.716L14.1331 30.1504L10.8591 27.5701C10.8591 27.5701 13.6868 25.343 16.9374 22.7903Z" fill="#FCA326"/><path d="M16.9374 22.7834C13.6834 25.343 10.8591 27.5631 10.8591 27.5631L4.24125 22.4059L4.20129 22.3782L4.18796 22.3643C3.49187 21.8205 2.88904 21.1625 2.39611 20.4178C1.90319 19.6731 1.53016 18.8488 1.29036 17.9794C1.05056 17.1101 0.947313 16.2061 0.98395 15.3021C1.02392 14.3981 1.20044 13.5079 1.51018 12.6628L1.55348 12.5416C2.08304 12.6559 2.60261 12.7979 3.11552 12.9711C3.6251 13.1443 4.12801 13.3452 4.62094 13.5772C5.11053 13.8058 5.59014 14.0656 6.05309 14.3496C6.51604 14.6336 6.96233 14.9453 7.39531 15.2813L16.9374 22.7834Z" fill="#FC6D26"/></svg>
</div>
<div class="e3fpz">
<div class="qpmwn flex flex-col">
<div>
<h3 class="inline-flex items-center pgjbi vo20k bp13m dark:text-neutral-200">
Gitlab
</h3>
<p class="xe8oj t5ziw t6rrs dark:text-neutral-500">
Link git merge requests, branches, and commits to Preline.
</p>
</div>
<div class="r9ot5 mt-auto">
<span class="inline-flex items-center lialp t5ziw vo20k group-disabled:opacity-50 group-disabled:pointer-events-none xq1jm dark:text-neutral-400">
Coming soon
</span>
</div>
</div>
</div>
</div>
</div>
<!-- End Card -->
</div>
<!-- End Grid -->
</div>
<!-- End Body -->
<!-- Footer -->
<div class="ymk3i xlz15 lj7mp oo8ro wfm4e d77gl ps5iq dark:bg-neutral-800 dark:border-neutral-700/50">
<div class="qhmnk flex r00n9 items-center vrcxw">
<!-- Icon -->
<div class="flex hq6gx r00n9 items-center">
<svg class="hq6gx ca09w oq0dt" width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_12670_125260)"><path d="M20.9373 16.007C20.9379 17.1608 20.7297 18.3053 20.3229 19.385C19.2428 19.7917 18.0981 20.0002 16.9439 20.0004H16.9304C15.7419 19.9989 14.6032 19.7816 13.5524 19.3855C13.1454 18.3056 12.937 17.161 12.9374 16.007V15.993C12.9369 14.8394 13.1448 13.6952 13.5512 12.6155C14.6313 12.208 15.7762 11.9995 16.9306 12H16.9441C18.0983 11.9994 19.2431 12.2079 20.3231 12.6154C20.7299 13.6949 20.938 14.8392 20.9374 15.9929V16.0069L20.9373 16.007ZM32.7152 13.3334H23.3757L29.9793 6.72925C29.461 6.00115 28.8828 5.31757 28.2508 4.68563V4.68512C27.6188 4.05386 26.9354 3.47621 26.2077 2.95813L19.6036 9.56225V0.22275C18.7252 0.074991 17.8361 0.000484612 16.9454 0L16.9289 0C16.0229 0.0005 15.1356 0.0775 14.2708 0.22275V9.56225L7.66669 2.95813C6.93887 3.47607 6.25577 4.05413 5.62456 4.68625L5.62106 4.68875C4.99013 5.3199 4.41277 6.00242 3.89494 6.72925L10.4996 13.3334H1.16019C1.16019 13.3334 0.937439 15.0875 0.937439 15.9945V16.0055C0.937439 16.9125 1.01431 17.8014 1.16019 18.6666H10.4997L3.89506 25.2708C4.93402 26.7288 6.20869 28.0034 7.66669 29.0424L14.2708 22.4377V31.7778C15.1482 31.9248 16.0362 31.9991 16.9258 32H16.9484C17.8381 31.9992 18.7261 31.9249 19.6034 31.7778V22.4377L26.2082 29.0424C26.9357 28.5241 27.619 27.9463 28.2508 27.3149L28.2523 27.3134C28.8835 26.6814 29.4611 25.9982 29.9793 25.2708L23.3747 18.6666H32.7152C32.8606 17.8029 32.9364 16.9166 32.9374 16.0116V15.9884C32.9364 15.0834 32.8606 14.1971 32.7152 13.3334Z" fill="#FF4A00"></path></g><defs><clipPath id="clip0_12670_125260"><rect width="32" height="32" fill="white" transform="translate(0.937439)"></rect></clipPath></defs></svg>
</div>
<!-- End Icon -->
<!-- Icon -->
<div class="flex hq6gx r00n9 items-center">
<svg class="hq6gx ca09w oq0dt" width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M27.7334 17.5935C27.7303 17.8744 27.6166 18.1428 27.4169 18.3403C27.2172 18.5379 26.9476 18.6487 26.6667 18.6487C26.3858 18.6487 26.1162 18.5379 25.9165 18.3403C25.7168 18.1428 25.603 17.8744 25.6 17.5935V8C25.603 7.7191 25.7168 7.45073 25.9165 7.25317C26.1162 7.05561 26.3858 6.9448 26.6667 6.9448C26.9476 6.9448 27.2172 7.05561 27.4169 7.25317C27.6166 7.45073 27.7303 7.7191 27.7334 8V17.5935ZM27.3611 24.2701C27.1963 24.4112 23.2449 27.727 16 27.727C8.75525 27.727 4.804 24.4111 4.63912 24.27C4.42437 24.0859 4.29155 23.8239 4.26986 23.5419C4.24818 23.2598 4.33941 22.9807 4.5235 22.7659C4.70719 22.5514 4.96845 22.4186 5.24996 22.3965C5.53148 22.3744 5.81025 22.4649 6.02513 22.6481C6.08775 22.7006 9.61625 25.5935 16.0001 25.5935C22.4641 25.5935 25.938 22.6798 25.9724 22.6504C26.4188 22.267 27.0934 22.3185 27.4765 22.766C27.6606 22.9808 27.7519 23.2599 27.7303 23.542C27.7087 23.824 27.5759 24.086 27.3611 24.2701ZM4.26662 8C4.26967 7.7191 4.38339 7.45073 4.5831 7.25317C4.78281 7.05561 5.05239 6.9448 5.33331 6.9448C5.61423 6.9448 5.88381 7.05561 6.08353 7.25317C6.28324 7.45073 6.39696 7.7191 6.4 8V17.5935C6.39696 17.8744 6.28324 18.1428 6.08353 18.3403C5.88381 18.5379 5.61423 18.6487 5.33331 18.6487C5.05239 18.6487 4.78281 18.5379 4.5831 18.3403C4.38339 18.1428 4.26967 17.8744 4.26662 17.5935V8ZM9.60013 5.86662C9.60441 5.58657 9.71867 5.31943 9.91824 5.1229C10.1178 4.92636 10.3867 4.81621 10.6667 4.81621C10.9468 4.81621 11.2157 4.92636 11.4153 5.1229C11.6148 5.31943 11.7291 5.58657 11.7334 5.86662V20.1168C11.7291 20.3968 11.6148 20.6639 11.4153 20.8605C11.2157 21.057 10.9468 21.1672 10.6667 21.1672C10.3867 21.1672 10.1178 21.057 9.91824 20.8605C9.71867 20.6639 9.60441 20.3968 9.60013 20.1168V5.86662ZM14.9334 5.32688C14.9334 5.1868 14.9609 5.04809 15.0145 4.91868C15.0681 4.78926 15.1467 4.67167 15.2457 4.57262C15.3448 4.47357 15.4624 4.39501 15.5918 4.34141C15.7212 4.28781 15.8599 4.26023 16 4.26025C16.1401 4.26022 16.2788 4.28778 16.4082 4.34137C16.5377 4.39496 16.6553 4.47353 16.7543 4.57258C16.8534 4.67163 16.932 4.78922 16.9856 4.91865C17.0392 5.04807 17.0668 5.18679 17.0667 5.32688V20.7935C17.0637 21.0744 16.95 21.3428 16.7503 21.5403C16.5506 21.7379 16.281 21.8487 16.0001 21.8487C15.7191 21.8487 15.4496 21.7379 15.2499 21.5403C15.0501 21.3428 14.9364 21.0744 14.9334 20.7935V5.32688ZM20.2668 5.86662C20.271 5.58657 20.3853 5.31943 20.5849 5.1229C20.7844 4.92636 21.0533 4.81621 21.3334 4.81621C21.6135 4.81621 21.8823 4.92636 22.0819 5.1229C22.2814 5.31943 22.3957 5.58657 22.4 5.86662V20.1168C22.3957 20.3968 22.2814 20.6639 22.0819 20.8605C21.8823 21.057 21.6135 21.1672 21.3334 21.1672C21.0533 21.1672 20.7844 21.057 20.5849 20.8605C20.3853 20.6639 20.271 20.3968 20.2668 20.1168V5.86662ZM28 0H4C1.79087 0 0 1.79087 0 4V28C0 30.209 1.79087 32 4 32H28C30.2091 32 32 30.209 32 28V4C32 1.79087 30.2091 0 28 0Z" fill="#1F8DED"/>
</svg>
</div>
<!-- End Icon -->
<!-- Icon -->
<div class="flex hq6gx r00n9 items-center">
<svg class="hq6gx ca09w oq0dt" width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M32.3386 25.481C33.0617 26.7366 33.1317 28.0569 32.5309 29.1006C31.9309 30.1452 30.7569 30.7434 29.31 30.7434H26.5831C26.6155 30.2349 26.637 29.7222 26.637 29.2057C26.637 28.6273 26.6101 28.056 26.5706 27.4866L28.3643 27.4848C28.8053 27.4848 29.1618 27.1265 29.1618 26.6845C29.1617 26.5513 29.1287 26.4202 29.0658 26.3029L17.6337 6.43244C17.5647 6.30951 17.4641 6.20719 17.3424 6.13601C17.2207 6.06483 17.0823 6.02736 16.9413 6.02746C16.8038 6.0275 16.6688 6.06309 16.5491 6.13076C16.4295 6.19844 16.3295 6.29591 16.2587 6.41369L14.4435 9.56893C19.96 13.7275 23.6686 20.1701 24.1761 27.4848C24.2156 28.0533 24.2425 28.6246 24.2425 29.2039C24.2425 29.7203 24.221 30.2323 24.1895 30.7416H15.2841C15.3326 30.2349 15.3605 29.7231 15.3605 29.2039C15.3605 28.6228 15.3263 28.0498 15.2635 27.4848C14.8235 23.4592 12.8528 19.8916 9.95081 17.374L8.70048 19.5459C10.8929 21.5864 12.3893 24.3654 12.7962 27.4848C12.8699 28.0479 12.9112 28.621 12.9112 29.2039C12.9112 29.7231 12.8771 30.2368 12.8187 30.7416H4.56353C3.11659 30.7416 1.94264 30.1425 1.34266 29.0979C0.741815 28.0542 0.811812 26.7348 1.53491 25.4783L3.22984 22.5736C4.19808 23.0945 5.07307 23.7725 5.8191 24.5801L4.80877 26.301C4.74599 26.4185 4.71294 26.5495 4.71252 26.6827C4.71233 26.7876 4.73281 26.8915 4.77281 26.9885C4.81281 27.0854 4.87154 27.1736 4.94563 27.2478C5.01972 27.3221 5.10773 27.381 5.20461 27.4212C5.30149 27.4613 5.40535 27.482 5.51024 27.4821L9.5142 27.4839C9.17834 25.5645 8.29275 23.8328 7.02455 22.4613C6.27721 21.6557 5.40425 20.9738 4.43241 20.4521L8.90347 12.6837C9.85279 13.2144 10.7546 13.826 11.5989 14.5116C15.4521 17.6381 18.0541 22.2557 18.5256 27.4831H20.922C20.4332 21.3718 17.3625 15.9828 12.8052 12.4152C11.9494 11.7449 11.0438 11.1408 10.0963 10.6081L13.9126 3.97779C14.6347 2.72122 15.7393 2 16.9413 2C18.1421 2 19.2459 2.72122 19.969 3.97779L32.3386 25.481Z" class="deds1 dark:fill-neutral-200" fill="currentColor"></path></svg>
</div>
<!-- End Icon -->
</div>
<p class="t5ziw bp13m dark:text-neutral-200">
What integration should come next?
</p>
<p>
<a class="vo20k t5ziw xq1jm u17ef ymclh ck8au focus:outline-hidden oahj8 dark:text-neutral-400 dark:hover:text-blue-400 dark:focus:text-blue-400" href="#">
Let us know
</a>
</p>
</div>
<!-- End Footer -->
<div class="o1gdb">
<div class="lg:hidden flex r00n9 items-center">
<button type="button" class="i7oig rfnst inline-flex items-center vrcxw t5ziw vo20k ps5iq wfm4e qb17b jqqot zr4l6 lmqf9 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden v1cco tyfry" aria-haspopup="dialog" aria-expanded="false" aria-controls="hs-pro-chat-sidebar" data-hs-overlay="#hs-pro-chat-sidebar">
Show chat window
<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="m9 18 6-6-6-6"/></svg>
</button>
</div>
</div>
</div>
</div>
<!-- End Cards Grid -->
</div>
</main>
<!-- ========== END MAIN CONTENT ========== -->
</body>
<style>
.transition-off * {
transition: unset !important;
}
</style>
<script>
window.addEventListener('load', () => {
// TEXTAREA AUTO HEIGHT
// =======================================================
(function () {
const tabs = HSTabs.getInstance('#hs-pro-tabs-chsn-all > [role="tablist"]', true);
const textAreas = [
'#hs-chat-autoheight-textarea-1',
'#hs-chat-autoheight-textarea-2',
'#hs-chat-autoheight-textarea-3',
'#hs-chat-autoheight-textarea-4',
];
textareaAutoHeight(textAreas);
window.addEventListener('change.hs.tab', (evt) => {
if (!evt.target.closest('#hs-pro-tabs-chsn-all')) return false;
const currentTab = document.querySelector(evt.detail.payload.current);
const currentTextarea = currentTab.querySelector('footer textarea');
textareaAutoHeight([`#${currentTextarea.id}`]);
});
})();
});
</script>
<script>
window.addEventListener('load', () => {
// CLOSE SIDEBAR ON MOBILE
// =======================================================
(function () {
const resolution = '1024';
const id = 'hs-pro-tabs-chsn-all';
const sidebar = HSOverlay.getInstance('#hs-pro-chat-sidebar', true);
const tabs = HSTabs.getInstance(`#${id} > [role="tablist"]`, true);
const openedChats = new Set();
const forceCheckIfOpened = (hasOpened) => {
document.documentElement.classList.add('transition-off');
if (hasOpened) document.body.classList.add('hs-overlay-body-open');
else document.body.classList.remove('hs-overlay-body-open');
setTimeout(() => document.documentElement.classList.remove('transition-off'));
};
document.querySelectorAll('.hs-sidebar-details.opened').forEach((el) => openedChats.add(el));
window.addEventListener('change.hs.tab', (evt) => {
if (!evt.target.closest(`#${id}`)) return false;
if (window.innerWidth < parseInt(resolution)) sidebar.element.close();
else {
const { current } = evt.detail.payload;
const details = document.querySelector(`${current} .hs-sidebar-details.opened`);
forceCheckIfOpened(details);
}
});
window.addEventListener('toggleClicked.hs.overlay', ({ detail }) => {
if (!detail.payload.el.classList.contains('hs-sidebar-details')) return false;
if (detail.payload.isOpened) openedChats.add(detail.payload.el);
else openedChats.delete(detail.payload.el);
});
window.addEventListener('bk7zm', _.debounce(() => {
if (window.innerWidth < parseInt(resolution)) {
if (openedChats.size) openedChats.forEach((entity) => {
const { element } = HSOverlay.getInstance(entity, true);
element.close(true);
});
} else {
if (openedChats.size) {
const activeDetailsTab = tabs.element.el.querySelector('.active');
const activeDetailsTabTarget = activeDetailsTab.getAttribute('data-hs-tab');
openedChats.forEach((entity) => {
const { element } = HSOverlay.getInstance(entity, true);
element.open(() => {
const activeDetails = document.querySelector(`${activeDetailsTabTarget} .hs-sidebar-details.opened`);
forceCheckIfOpened(!!activeDetails);
});
});
}
}
}), 100);
})();
});
</script>