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 gxtht dark:bg-neutral-800">
<!-- "Splitter" mode toggle -->
<button id="hs-left-layout-splitter-toggle" type="button" class="fixed uwi6w a98ho rmp5j -translate-y-1/2 b9dk4 par4j yoqkq enhxb items-center u3ov7 tuuss hw6xt ddsfu k9mkq yxawv zxv30 ejo46 ntfdl wsl5v focus:outline-hidden rjc3l 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="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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 zxmp1 x2ip9 hd90g flex flex-wrap m6g38 md:flex-nowrap ih37d zxv30 xu4xz yxawv dark:bg-neutral-900 dark:border-neutral-700">
<div class="flex saet7 ainbb cdg4o offvz items-center xp67g hxfjh u4s9n ymbz2">
<div class="c58m4 ux1hp flex items-center">
<!-- Logo -->
<a class="flex-none clfmf vd22d inline-block hysdx focus:outline-hidden v041e" href="index.html" aria-label="Preline">
<svg class="xmhc4 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="sesmt 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="slwup 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="slwup dark:stroke-white" stroke="currentColor" stroke-width="2"/>
<circle cx="13" cy="16.5214" r="5" class="sesmt dark:fill-white" fill="currentColor"/>
</svg>
</a>
<!-- End Logo -->
<div class="djyey uzf4i">
</div>
<div id="hs-left-sidebar-toggle" class="xl:hidden xy9c2">
<!-- Sidebar Toggle -->
<button type="button" class="b9dk4 par4j inline-flex enhxb items-center u3ov7 tuuss hw6xt wavyl k9mkq yxawv zxv30 ejo46 ntfdl wsl5v focus:outline-hidden rjc3l 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="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="c58m4 hidden md:block">
<!-- Search Input -->
<div class="relative">
<div class="absolute evdk4 a98ho flex items-center n8854 mjppw p290v">
<svg class="n2l26 szmrd lqxom 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="hxfjh npyfu l1xlu block xp67g zxv30 yxawv wavyl tuuss focus:outline-hidden wa9xh eoafj 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 evdk4 aoum9 flex items-center mjppw svb23">
<button type="button" class="inline-flex n2l26 enhxb items-center rekd6 mr9qs z0e83 hmpqz focus:outline-hidden rdx35 dark:text-neutral-500 dark:hover:text-blue-500 dark:focus:text-blue-500" aria-label="Close">
<span class="r8a99">Close</span>
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/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="c58m4 flex lokyk items-center r2jif">
<!-- Search Button Icon -->
<button type="button" class="md:hidden flex n2l26 enhxb items-center u3ov7 hix77 wavyl z0e83 lk55v focus:outline-hidden rjc3l dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/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="hix77 inline-flex enhxb items-center u3ov7 wavyl k9mkq je4jy z0e83 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/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="hix77 inline-flex enhxb items-center u3ov7 wavyl k9mkq je4jy z0e83 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="par4j">
<!-- Account Dropdown -->
<div class="hs-dropdown inline-flex [--strategy:absolute] [--auto-close:inside] [--placement:bottom-right] relative m8hmi">
<button id="hs-dnad" type="button" class="inline-flex n2l26 items-center rdqxy m8hmi mr9qs focus:outline-hidden" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<img class="n2l26 hix77 mr9qs" 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 ft0gf transition-[opacity,margin] duration opacity-0 hidden mjppw zxv30 mzy38 x32l5 dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-dnad">
<div class="smvag xu4xz yxawv dark:border-neutral-800">
<a class="hxfjh l1xlu flex items-center rdqxy wavyl tuuss ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="../../pro/dashboard/user-profile-my-profile.html">
<img class="n2l26 x8hlq mr9qs" 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="dgznh">
<span class="tuuss hysdx ejo46 dark:text-neutral-300">
James Collison
</span>
<p class="on128 z0e83 dark:text-neutral-500">
Preline@HS
</p>
</div>
</a>
</div>
<div class="smvag">
<a class="flex items-center rdqxy hxfjh l1xlu wavyl tuuss ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<svg class="n2l26 icbx8 szmrd" xmlns="http://www.w3.org/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 rdqxy hxfjh l1xlu wavyl tuuss ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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 rdqxy hxfjh l1xlu wavyl tuuss ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<svg class="n2l26 icbx8 szmrd" xmlns="http://www.w3.org/2000/svg" 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="gjk1t sknwj rncu4 yxawv dark:border-neutral-800">
<!-- Switch/Toggle -->
<div class="flex flex-wrap saet7 items-center v6f2r">
<label for="hs-pro-inndm" class="flex-1 cursor-pointer tuuss ejo46 dark:text-neutral-300">Dark mode</label>
<label for="hs-pro-inndm" class="relative inline-block x0kau k6z5i cursor-pointer">
<input data-hs-theme-switch type="checkbox" id="hs-pro-inndm" class="peer r8a99">
<span class="absolute inset-0 iili6 mr9qs en36y rvew4 se6sv 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 uwi6w pqx29 -translate-y-1/2 s1u6m zxv30 mr9qs dossw o9jos rvew4 se6sv peer-checked:translate-x-full dark:bg-neutral-400 dark:peer-checked:bg-white"></span>
</label>
</div>
<!-- End Switch/Toggle -->
</div>
<div class="smvag">
<a class="flex items-center rdqxy hxfjh l1xlu wavyl tuuss ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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 po4ac pzd9a dgmc7 rlapk y6g4k io5na hw6xt gxtht ejo46 dark:bg-neutral-700 dark:text-neutral-300">
New
</span>
</div>
</a>
<a class="flex items-center rdqxy hxfjh l1xlu wavyl tuuss ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
Manage team
</a>
<a class="flex items-center rdqxy hxfjh l1xlu wavyl tuuss ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
Sign out
</a>
</div>
<div class="smvag jhbd9 yxawv dark:border-neutral-800">
<button type="button" class="flex icbx8 rdqxy hxfjh l1xlu xp67g wavyl tuuss ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-dasadam">
<svg class="n2l26 szmrd icbx8" xmlns="http://www.w3.org/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="yj6kf -mt-px flex" data-hs-layout-splitter-horizontal-group>
<!-- ========== MAIN SIDEBAR ========== -->
<aside id="hs-pro-inbox-sidebar" class="hs-overlay
-translate-x-full nf9l7 ixagr pve7h
e2hyo ux1hp
hidden
fixed evdk4 a98ho tx2df
zxv30 uob1z yxawv
[--auto-close:xl] [--auto-close-equality-type:less-than]
xl:w-auto
ivw25 xl:top-auto xl:start-auto
xl:block
vcbxw xl:h-[calc(100dvh-55px)] nk2qy
hs-overlay-open:translate-x-0
x584r
gdlwy
s22hi
hs-layout-splitter-prev-pre-limit-reached:overflow-auto
hs-layout-splitter-prev-pre-limit-reached:fixed uaqcz xhn9b mc91s
fmqad w9xgl
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="kquz2 flex">
<div class="flex flex-col kquz2 hx6ns">
<!-- Body -->
<div class="ux1hp overflow-y-auto hm2m0 uqiuh b3ail ykfhs dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<!-- Nav -->
<nav class="flex tttsk wwvj4 psrjx xp67g flex flex-col">
<div class="dgmc7">
<!-- Compose Button -->
<button type="button" class="hxfjh l1xlu xp67g inline-flex enhxb items-center lwq0m on128 hw6xt wavyl k9mkq je4jy o0y3u w3h0o pgsi2 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kebql isksk" data-hs-overlay="#hs-pro-intcm">
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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>
<!-- List -->
<div class="f9d5d space-y-0.5">
<!-- Heading -->
<div class="frtd6 q4t00 jsn0m h6dw2 flex saet7 items-center u3ov7">
<span class="block on128 truncate z0e83 dark:text-neutral-500">
<span class="truncate">Pages</span>
</span>
<span class="pzd9a dgmc7 inline-flex items-center lwq0m on128 megik ha6mo clfmf dark:bg-blue-500/10 dark:text-blue-500">
New
</span>
</div>
<!-- End Heading -->
<!-- Link -->
<div>
<a class="flex items-center u3ov7 f9d5d psrjx tuuss truncate zqruk wavyl lk55v focus:outline-hidden rjc3l dark:hover:bg-neutral-800 dark:text-neutral-400 dark:focus:bg-neutral-800 gxtht dark:bg-neutral-700" href="index.html">
<span class="rttbp"></span>
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/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="on128 wvpal">
3
</span>
</span>
</a>
</div>
<!-- End Link -->
<!-- Link -->
<div>
<a class="flex items-center u3ov7 f9d5d psrjx tuuss truncate zqruk wavyl lk55v focus:outline-hidden rjc3l dark:hover:bg-neutral-800 dark:text-neutral-400 dark:focus:bg-neutral-800 " href="contacts.html">
<span class="rttbp"></span>
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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">Contacts</span>
<span class="ms-auto">
<span class="on128 wvpal">
245
</span>
</span>
</a>
</div>
<!-- End Link -->
<!-- Link -->
<div>
<a class="flex items-center u3ov7 f9d5d psrjx tuuss truncate zqruk wavyl lk55v focus:outline-hidden rjc3l dark:hover:bg-neutral-800 dark:text-neutral-400 dark:focus:bg-neutral-800 " href="reports.html">
<span class="rttbp"></span>
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/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 class="truncate">Reports</span>
</a>
</div>
<!-- End Link -->
</div>
<!-- End List -->
<!-- List -->
<div class="f9d5d space-y-0.5">
<!-- Heading -->
<div class="frtd6 q4t00 jsn0m h6dw2 flex saet7 items-center u3ov7">
<span class="block on128 truncate z0e83 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 xp67g m8hmi flex items-center u3ov7 f9d5d psrjx tuuss truncate zqruk wavyl lk55v focus:outline-hidden rjc3l dark:hover:bg-neutral-800 dark:text-neutral-400 dark:focus:bg-neutral-800" aria-expanded="true" aria-controls="inbox-accordion-sub">
<span class="rttbp">
<svg class="hs-accordion-active:-rotate-180 n2l26 bnmi1 ipy2k" xmlns="http://www.w3.org/2000/svg" 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="n2l26 bnmi1" xmlns="http://www.w3.org/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="on128 wvpal">
1,086
</span>
</span>
</button>
<div id="inbox-accordion-sub" class="hs-accordion-content xp67g overflow-hidden transition-[height] ixagr" role="region" aria-labelledby="inbox-accordion">
<ul class="hs-accordion-group icbx8 space-y-0.5" data-hs-accordion-always-open>
<li>
<a class="flex items-center u3ov7 f9d5d u7jnw ir7bk tuuss truncate zqruk wavyl lk55v focus:outline-hidden rjc3l dark:hover:bg-neutral-800 dark:text-neutral-400 dark:focus:bg-neutral-800" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="on128 wvpal">
26
</span>
</span>
</a>
</li>
<li>
<a class="flex items-center u3ov7 f9d5d u7jnw ir7bk tuuss truncate zqruk wavyl lk55v focus:outline-hidden rjc3l dark:hover:bg-neutral-800 dark:text-neutral-400 dark:focus:bg-neutral-800" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="on128 wvpal">
9
</span>
</span>
</a>
</li>
<li>
<a class="flex items-center u3ov7 f9d5d u7jnw ir7bk tuuss truncate zqruk wavyl lk55v focus:outline-hidden rjc3l dark:hover:bg-neutral-800 dark:text-neutral-400 dark:focus:bg-neutral-800" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 u3ov7 f9d5d u7jnw ir7bk hysdx tuuss zqruk wavyl lk55v focus:outline-hidden rjc3l dark:hover:bg-neutral-800 dark:text-neutral-400 dark:focus:bg-neutral-800" href="#">
<div class="n2l26 rttbp">
<div class="n2l26 z9hxv mx-auto o2xuq mr9qs"></div>
</div>
<span class="truncate">Gmail</span>
<span class="ms-auto">
<span class="on128 wvpal">
1,048
</span>
</span>
</a>
</li>
</ul>
</div>
</div>
<!-- End Link -->
<!-- Link -->
<div>
<a class="flex items-center u3ov7 f9d5d psrjx tuuss truncate zqruk wavyl lk55v focus:outline-hidden rjc3l dark:hover:bg-neutral-800 dark:text-neutral-400 dark:focus:bg-neutral-800" href="#">
<span class="rttbp"></span>
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/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 u3ov7 f9d5d psrjx tuuss truncate zqruk wavyl lk55v focus:outline-hidden rjc3l dark:hover:bg-neutral-800 dark:text-neutral-400 dark:focus:bg-neutral-800" href="#">
<span class="rttbp"></span>
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 u3ov7 f9d5d psrjx tuuss truncate zqruk wavyl lk55v focus:outline-hidden rjc3l dark:hover:bg-neutral-800 dark:text-neutral-400 dark:focus:bg-neutral-800" href="#">
<span class="rttbp"></span>
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 xp67g overflow-hidden transition-[height] ixagr" aria-labelledby="hs-pro-isnshml">
<div class="space-y-0.5">
<!-- Link -->
<div>
<a class="flex items-center u3ov7 f9d5d psrjx tuuss truncate zqruk wavyl lk55v focus:outline-hidden rjc3l dark:hover:bg-neutral-800 dark:text-neutral-400 dark:focus:bg-neutral-800" href="#">
<span class="rttbp"></span>
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/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 u3ov7 f9d5d psrjx hysdx tuuss zqruk wavyl lk55v focus:outline-hidden rjc3l dark:hover:bg-neutral-800 dark:text-neutral-400 dark:focus:bg-neutral-800" href="#">
<span class="rttbp"></span>
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/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="on128 wvpal">
3
</span>
</span>
</a>
</div>
<!-- End Link -->
<!-- Link -->
<div>
<a class="flex items-center u3ov7 f9d5d psrjx tuuss truncate zqruk wavyl lk55v focus:outline-hidden rjc3l dark:hover:bg-neutral-800 dark:text-neutral-400 dark:focus:bg-neutral-800" href="#">
<span class="rttbp"></span>
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="wg6pj">
<button type="button" class="hs-collapse-toggle hcvae u4s9n flex enhxb items-center r2jif on128 z0e83 clfmf lk55v 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 n2l26 br82p ipy2k" xmlns="http://www.w3.org/2000/svg" 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="f9d5d space-y-0.5">
<!-- Heading -->
<div class="jsn0m h6dw2 flex saet7 items-center u3ov7">
<span class="block on128 truncate z0e83 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 x8hlq flex enhxb items-center u3ov7 z0e83 wavyl lk55v focus:outline-hidden rjc3l dark:text-neutral-500 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-incnlm">
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/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 g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl 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 xp67g m8hmi flex items-center u3ov7 f9d5d psrjx tuuss truncate zqruk wavyl lk55v focus:outline-hidden rjc3l dark:hover:bg-neutral-800 dark:text-neutral-400 dark:focus:bg-neutral-800" aria-expanded="true" aria-controls="preline-accordion-sub">
<span class="rttbp">
<svg class="hs-accordion-active:-rotate-180 n2l26 bnmi1 ipy2k" xmlns="http://www.w3.org/2000/svg" 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 n2l26 enhxb items-center bnmi1 y6g4k dq2gi mmvqx w3h0o mr9qs">
P
</span>
<span class="truncate">Preline</span>
<span class="ms-auto lg:group-hover:opacity-0">
<span class="on128 wvpal">
10
</span>
</span>
</button>
<div id="preline-accordion-sub" class="hs-accordion-content xp67g overflow-hidden transition-[height] ixagr" role="region" aria-labelledby="preline-accordion">
<ul class="hs-accordion-group icbx8 space-y-0.5" data-hs-accordion-always-open>
<li>
<a class="flex items-center u3ov7 f9d5d u7jnw ir7bk tuuss truncate zqruk wavyl lk55v focus:outline-hidden rjc3l dark:hover:bg-neutral-800 dark:text-neutral-400 dark:focus:bg-neutral-800" href="#">
<div class="n2l26 rttbp">
<div class="n2l26 z9hxv mx-auto avow8 mr9qs"></div>
</div>
<span class="truncate">Github</span>
<span class="ms-auto lg:group-hover:opacity-0">
<span class="on128 wvpal">
312
</span>
</span>
</a>
</li>
<li>
<a class="flex items-center u3ov7 f9d5d u7jnw ir7bk tuuss truncate zqruk wavyl lk55v focus:outline-hidden rjc3l dark:hover:bg-neutral-800 dark:text-neutral-400 dark:focus:bg-neutral-800" href="#">
<div class="n2l26 rttbp">
<div class="n2l26 z9hxv mx-auto klnns mr9qs"></div>
</div>
<span class="truncate">Gmail</span>
<span class="ms-auto lg:group-hover:opacity-0">
<span class="on128 wvpal">
39
</span>
</span>
</a>
</li>
<li>
<a class="flex items-center u3ov7 f9d5d u7jnw ir7bk tuuss truncate zqruk wavyl lk55v focus:outline-hidden rjc3l dark:hover:bg-neutral-800 dark:text-neutral-400 dark:focus:bg-neutral-800" href="#">
<div class="n2l26 rttbp">
<div class="n2l26 z9hxv mx-auto mmvqx mr9qs"></div>
</div>
<span class="truncate">Crisp</span>
<span class="ms-auto lg:group-hover:opacity-0">
<span class="on128 wvpal">
494
</span>
</span>
</a>
</li>
<li>
<a class="flex items-center u3ov7 f9d5d u7jnw ir7bk tuuss truncate zqruk wavyl lk55v focus:outline-hidden rjc3l dark:hover:bg-neutral-800 dark:text-neutral-400 dark:focus:bg-neutral-800" href="#">
<div class="n2l26 rttbp">
<div class="n2l26 z9hxv mx-auto b3nns mr9qs"></div>
</div>
<span class="truncate">Slack - Internal</span>
<span class="ms-auto lg:group-hover:opacity-0">
<span class="on128 wvpal">
203
</span>
</span>
</a>
</li>
</ul>
</div>
</div>
<!-- End Link -->
</div>
<!-- End List -->
</nav>
<!-- End Nav -->
</div>
<!-- End Body -->
<div class="lg:hidden absolute kjxn2 -end-3 te8l0">
<!-- Sidebar Close -->
<button type="button" class="j9fmo uex7i inline-flex enhxb items-center u3ov7 tuuss hw6xt clfmf k9mkq yxawv zxv30 z0e83 wsl5v focus:outline-hidden rjc3l 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="n2l26 szmrd" xmlns="http://www.w3.org/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 uwi6w tlrhq tx2df -translate-x-1/2 -translate-y-1/2 block u4nb8 k6z5i flex enhxb items-center zxv30 k9mkq yxawv lqxom clfmf l49xy lk55v dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-600 dark:hover:bg-neutral-900">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/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
fm3wm
fixed hnqfv a98ho w4zsu mnb0w lg:w-auto fpq6l lg:top-auto lg:start-auto
-translate-x-full nf9l7 ixagr pve7h fox0p
hidden
zxv30 r0fhq yxawv
x584r
lg:block j76gm 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="ux1hp flex">
<div class="kquz2">
<div class="ux1hp flex flex-col">
<!-- Tabs -->
<div class="zxv30 xu4xz yxawv dark:bg-neutral-900 dark:border-neutral-700">
<div class="-mb-1 zi3gd u4s9n overflow-x-auto">
<!-- Nav Tab -->
<nav class="flex n03hs xp67g" 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 psrjx hxfjh mbvb4 relative xp67g inline-flex enhxb items-center u3ov7 lk55v z0e83 u153f hw6xt on128 clfmf disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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 psrjx hxfjh mbvb4 relative xp67g inline-flex enhxb items-center u3ov7 lk55v z0e83 u153f hw6xt on128 clfmf disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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 psrjx hxfjh mbvb4 relative xp67g inline-flex enhxb items-center u3ov7 lk55v z0e83 u153f hw6xt on128 clfmf disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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="ux1hp overflow-x-hidden overflow-y-auto hm2m0 uqiuh b3ail ykfhs dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<!-- Tab Content -->
<div id="hs-pro-tabs-intltg-unassigned" class="ux1hp" role="tabpanel" aria-labelledby="hs-pro-tabs-intltg-item-unassigned">
<!-- Filter Bar -->
<div class="ur00w e091g flex saet7 items-center u3ov7 xu4xz z7omh dark:border-neutral-700">
<p class="on128 z0e83 dark:text-neutral-500">
3 unread
</p>
<div class="flex items-center">
<!-- Select -->
<div class="relative inline-block">
<div class="absolute uwi6w ynsmq -translate-y-1/2">
<svg class="n2l26 br82p zqruk 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 yxcbn inline-flex n2l26 enhxb items-center j2p6t on128 jqffj ejo46 clfmf j2a8a focus:outline-hidden payv9 before:absolute before:inset-0 before:z-1 dark:text-neutral-200 dark:hover:text-neutral-500 dark:focus:text-neutral-500",
"dropdownClasses": "nqo4p aoum9 ih37d c22dz smvag space-y-0.5 zxv30 mzy38 x32l5 dark:bg-neutral-900",
"optionClasses": "hs-selected:bg-gray-100 dark:hs-selected:bg-neutral-800 f9d5d u4s9n xp67g d5esf ejo46 wavyl cursor-pointer lk55v wavyl focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex saet7 items-center xp67g \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"n2l26 bnmi1 ejo46 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 uwi6w fa5kv -translate-y-1/2">
<svg class="n2l26 bnmi1 zqruk 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-100 dark:hs-tab-active:bg-neutral-700/30 hs-dropdown-toggle group cursor-pointer zxv30 wsl5v focus:outline-hidden rjc3l 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="fop0g relative xu4xz z7omh dark:border-neutral-800">
<div class="flex u3ov7">
<div class="n2l26 lk7kv hqdvz flex flex-col">
<input type="checkbox" class="z859i mx-auto ogtk9 v5w9b lyfhl o0y3u checked:bg-none checked:text-gray-300 fb68o u4wxg wu89i mr9qs 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="r8a99">Read Status</label>
</div>
<div class="dgznh truncate">
<div class="flex saet7 items-center r2jif">
<p class="truncate tuuss ejo46 dark:text-neutral-200">Costa Quinn</p>
<span class="v5ega group-hover:opacity-0 lndac lqxom dq2gi dark:text-neutral-600">Now</span>
</div>
<div class="flex saet7 items-center r2jif">
<div class="dgznh kd00o flex items-center u3ov7 truncate ejo46 dark:text-neutral-200">
<span class="vj7px dgmc7 yyjdt truncate on128 v7y34 zqruk rlapk dark:bg-neutral-700/50 dark:text-neutral-500">
Generic, +1
</span>
<span class="truncate d5esf zqruk dark:text-neutral-400">Project Timeline Update</span>
</div>
<span class="qzxza on128 lqxom dark:text-neutral-600">2</span>
</div>
<p class="kd00o truncate d5esf lqxom 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 zxmp1 aoum9 dw07v ur00w ewiw4">
<div class="ukbyd inline-flex items-center n03hs zxv30 k9mkq yxawv wavyl ntfdl dark:bg-neutral-800 dark:border-neutral-700">
<!-- Button -->
<div class="hs-tooltip [--placement:top] inline-block">
<button type="button" class="hs-tooltip-toggle rekd6 flex enhxb items-center u3ov7 z0e83 clfmf lk55v focus:outline-hidden rjc3l dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/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 g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl 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 rekd6 flex enhxb items-center u3ov7 z0e83 clfmf lk55v focus:outline-hidden rjc3l 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="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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 g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl 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-100 dark:hs-tab-active:bg-neutral-700/30 hs-dropdown-toggle group cursor-pointer zxv30 wsl5v focus:outline-hidden rjc3l 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="fop0g relative xu4xz z7omh dark:border-neutral-800">
<div class="flex u3ov7">
<div class="n2l26 lk7kv hqdvz flex flex-col">
<input type="checkbox" class="z859i mx-auto ogtk9 v5w9b lyfhl o0y3u checked:bg-none checked:text-gray-300 fb68o u4wxg wu89i mr9qs 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="r8a99">Read Status</label>
</div>
<div class="dgznh truncate">
<div class="flex saet7 items-center r2jif">
<p class="truncate hysdx tuuss ejo46 dark:text-neutral-200">Rachel Doe</p>
<span class="v5ega group-hover:opacity-0 lndac lqxom dq2gi dark:text-neutral-600">09:35</span>
</div>
<div class="flex saet7 items-center r2jif">
<div class="dgznh kd00o flex items-center u3ov7 truncate ejo46 dark:text-neutral-200">
<span class="truncate d5esf zqruk dark:text-neutral-400">RE: Follow-up</span>
</div>
<span class="qzxza on128 lqxom dark:text-neutral-600">3</span>
</div>
<div class="kd00o flex items-center lwq0m">
<div class="dgznh truncate">
<p class="truncate d5esf lqxom dark:text-neutral-600">I hope you're doing well. I wanted to check in bty75 the proposal you sent last week for the web design project we discussed.</p>
</div>
<div class="vj7px rg4xx i1e9d flex items-center r2jif k9mkq pq27m y6g4k lqxom dark:text-neutral-600 mr9qs dark:border-neutral-700">
<svg class="n2l26 br82p" xmlns="http://www.w3.org/2000/svg" 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 zxmp1 aoum9 dw07v ur00w ewiw4">
<div class="ukbyd inline-flex items-center n03hs zxv30 k9mkq yxawv wavyl ntfdl dark:bg-neutral-800 dark:border-neutral-700">
<!-- Button -->
<div class="hs-tooltip [--placement:top] inline-block">
<button type="button" class="hs-tooltip-toggle rekd6 flex enhxb items-center u3ov7 z0e83 clfmf lk55v focus:outline-hidden rjc3l dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/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 g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl 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 rekd6 flex enhxb items-center u3ov7 z0e83 clfmf lk55v focus:outline-hidden rjc3l 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="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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 g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl 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-100 dark:hs-tab-active:bg-neutral-700/30 hs-dropdown-toggle group cursor-pointer zxv30 wsl5v focus:outline-hidden rjc3l 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="fop0g relative xu4xz z7omh dark:border-neutral-800">
<div class="flex u3ov7">
<div class="n2l26 lk7kv hqdvz flex flex-col">
<input type="checkbox" class="z859i mx-auto ogtk9 v5w9b lyfhl o0y3u checked:bg-none checked:text-gray-300 fb68o u4wxg wu89i mr9qs 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="r8a99">Read Status</label>
<div class="mt-auto">
<span class="flex n2l26 enhxb items-center s1u6m y6g4k dq2gi hs5iv w3h0o mr9qs">I</span>
</div>
</div>
<div class="dgznh truncate">
<div class="flex saet7 items-center r2jif">
<p class="truncate tuuss ejo46 dark:text-neutral-200">isabella@site.com</p>
<span class="v5ega group-hover:opacity-0 lndac lqxom dq2gi dark:text-neutral-600">01/10/2024</span>
</div>
<div class="flex saet7 items-center r2jif">
<div class="dgznh kd00o flex items-center u3ov7 truncate ejo46 dark:text-neutral-200">
<span class="truncate d5esf zqruk dark:text-neutral-400">Quarterly marketing strategy review meeting</span>
</div>
<span class="qzxza on128 lqxom dark:text-neutral-600">1</span>
</div>
<div class="kd00o flex">
<div class="kd00o vj7px u4s9n truncate flex items-center lwq0m megik iq13t dark:bg-neutral-800 mr9qs">
<span class="f9d5d inline-flex txi90"><span class="dddrv mmvqx animate-[typing_1s_ease-in-out_infinite] mr9qs"></span><span class="dddrv mmvqx animate-[typing_1s_ease-in-out_infinite_0.2s] mr9qs"></span><span class="dddrv mmvqx animate-[typing_1s_ease-in-out_infinite_0.4s] mr9qs"></span></span>
</div>
</div>
</div>
</div>
<!-- Floating Button Group -->
<div class="lg:opacity-0 lg:group-hover:opacity-100 lg:absolute zxmp1 aoum9 dw07v ur00w ewiw4">
<div class="ukbyd inline-flex items-center n03hs zxv30 k9mkq yxawv wavyl ntfdl dark:bg-neutral-800 dark:border-neutral-700">
<!-- Button -->
<div class="hs-tooltip [--placement:top] inline-block">
<button type="button" class="hs-tooltip-toggle rekd6 flex enhxb items-center u3ov7 z0e83 clfmf lk55v focus:outline-hidden rjc3l dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/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 g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl 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 rekd6 flex enhxb items-center u3ov7 z0e83 clfmf lk55v focus:outline-hidden rjc3l 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="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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 g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl 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-100 dark:hs-tab-active:bg-neutral-700/30 hs-dropdown-toggle group cursor-pointer zxv30 wsl5v focus:outline-hidden rjc3l 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="fop0g relative xu4xz z7omh dark:border-neutral-800">
<div class="flex u3ov7">
<div class="n2l26 lk7kv hqdvz flex flex-col">
<input type="checkbox" class="z859i mx-auto ogtk9 v5w9b lyfhl o0y3u checked:bg-none checked:text-gray-300 fb68o u4wxg wu89i mr9qs 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="r8a99">Read Status</label>
</div>
<div class="dgznh truncate">
<div class="flex saet7 items-center r2jif">
<p class="truncate hysdx tuuss ejo46 dark:text-neutral-200">Finch Hoot</p>
<span class="v5ega group-hover:opacity-0 lndac lqxom dq2gi dark:text-neutral-600">28/09/2024</span>
</div>
<div class="flex saet7 items-center r2jif">
<div class="dgznh kd00o flex items-center u3ov7 truncate ejo46 dark:text-neutral-200">
<span class="truncate d5esf zqruk dark:text-neutral-400">RE: Follow-up</span>
</div>
<span class="qzxza on128 lqxom dark:text-neutral-600">5</span>
</div>
<p class="kd00o truncate d5esf lqxom dark:text-neutral-600">Awesome! 🔥</p>
</div>
</div>
<!-- Floating Button Group -->
<div class="lg:opacity-0 lg:group-hover:opacity-100 lg:absolute zxmp1 aoum9 dw07v ur00w ewiw4">
<div class="ukbyd inline-flex items-center n03hs zxv30 k9mkq yxawv wavyl ntfdl dark:bg-neutral-800 dark:border-neutral-700">
<!-- Button -->
<div class="hs-tooltip [--placement:top] inline-block">
<button type="button" class="hs-tooltip-toggle rekd6 flex enhxb items-center u3ov7 z0e83 clfmf lk55v focus:outline-hidden rjc3l dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/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 g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl 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 rekd6 flex enhxb items-center u3ov7 z0e83 clfmf lk55v focus:outline-hidden rjc3l 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="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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 g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl 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-100 dark:hs-tab-active:bg-neutral-700/30 hs-dropdown-toggle group cursor-pointer zxv30 wsl5v focus:outline-hidden rjc3l 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="fop0g relative xu4xz z7omh dark:border-neutral-800">
<div class="flex u3ov7">
<div class="n2l26 lk7kv hqdvz flex flex-col">
<input type="checkbox" class="z859i mx-auto ogtk9 v5w9b lyfhl o0y3u checked:bg-none checked:text-gray-300 fb68o u4wxg wu89i mr9qs 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="r8a99">Read Status</label>
</div>
<div class="dgznh truncate">
<div class="flex saet7 items-center r2jif">
<p class="truncate hysdx tuuss ejo46 dark:text-neutral-200">casey112oklahoma@site.com</p>
<span class="v5ega group-hover:opacity-0 lndac lqxom dq2gi dark:text-neutral-600">28/09/2024</span>
</div>
<div class="flex saet7 items-center r2jif">
<div class="dgznh kd00o flex items-center u3ov7 truncate ejo46 dark:text-neutral-200">
<span class="truncate d5esf zqruk dark:text-neutral-400">Missing payout</span>
</div>
<span class="qzxza on128 lqxom dark:text-neutral-600">19</span>
</div>
<p class="kd00o truncate d5esf lqxom dark:text-neutral-600">Thanks</p>
</div>
</div>
<!-- Floating Button Group -->
<div class="lg:opacity-0 lg:group-hover:opacity-100 lg:absolute zxmp1 aoum9 dw07v ur00w ewiw4">
<div class="ukbyd inline-flex items-center n03hs zxv30 k9mkq yxawv wavyl ntfdl dark:bg-neutral-800 dark:border-neutral-700">
<!-- Button -->
<div class="hs-tooltip [--placement:top] inline-block">
<button type="button" class="hs-tooltip-toggle rekd6 flex enhxb items-center u3ov7 z0e83 clfmf lk55v focus:outline-hidden rjc3l dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/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 g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl 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 rekd6 flex enhxb items-center u3ov7 z0e83 clfmf lk55v focus:outline-hidden rjc3l 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="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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 g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl 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-100 dark:hs-tab-active:bg-neutral-700/30 hs-dropdown-toggle group cursor-pointer zxv30 wsl5v focus:outline-hidden rjc3l 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="fop0g relative xu4xz z7omh dark:border-neutral-800">
<div class="flex u3ov7">
<div class="n2l26 lk7kv hqdvz flex flex-col">
<input type="checkbox" class="z859i mx-auto ogtk9 v5w9b lyfhl o0y3u checked:bg-none checked:text-gray-300 fb68o u4wxg wu89i mr9qs 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="r8a99">Read Status</label>
<div class="mt-auto">
<img class="n2l26 s1u6m mr9qs nbsdr" 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="dgznh truncate">
<div class="flex saet7 items-center r2jif">
<p class="truncate tuuss ejo46 dark:text-neutral-200">amandaharvey@site.com</p>
<span class="v5ega group-hover:opacity-0 lndac lqxom dq2gi dark:text-neutral-600">25/09/2024</span>
</div>
<div class="flex saet7 items-center r2jif">
<div class="dgznh kd00o flex items-center u3ov7 truncate ejo46 dark:text-neutral-200">
<span class="truncate d5esf zqruk dark:text-neutral-400">Quarterly marketing strategy review meeting</span>
</div>
<span class="qzxza on128 lqxom dark:text-neutral-600">7</span>
</div>
<div class="kd00o flex">
<div class="kd00o vj7px u4s9n truncate flex items-center lwq0m v7y34 z0e83 dark:bg-neutral-700/50 dark:text-neutral-500 mr9qs">
<p class="truncate d5esf io5na">@brian any thoughts bty75 that?</p>
</div>
</div>
</div>
</div>
<!-- Floating Button Group -->
<div class="lg:opacity-0 lg:group-hover:opacity-100 lg:absolute zxmp1 aoum9 dw07v ur00w ewiw4">
<div class="ukbyd inline-flex items-center n03hs zxv30 k9mkq yxawv wavyl ntfdl dark:bg-neutral-800 dark:border-neutral-700">
<!-- Button -->
<div class="hs-tooltip [--placement:top] inline-block">
<button type="button" class="hs-tooltip-toggle rekd6 flex enhxb items-center u3ov7 z0e83 clfmf lk55v focus:outline-hidden rjc3l dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/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 g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl 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 rekd6 flex enhxb items-center u3ov7 z0e83 clfmf lk55v focus:outline-hidden rjc3l 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="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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 g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl 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-100 dark:hs-tab-active:bg-neutral-700/30 hs-dropdown-toggle group cursor-pointer zxv30 wsl5v focus:outline-hidden rjc3l 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="fop0g relative xu4xz z7omh dark:border-neutral-800">
<div class="flex u3ov7">
<div class="n2l26 lk7kv hqdvz flex flex-col">
<input type="checkbox" class="z859i mx-auto ogtk9 v5w9b lyfhl o0y3u checked:bg-none checked:text-gray-300 fb68o u4wxg wu89i mr9qs 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="r8a99">Read Status</label>
</div>
<div class="dgznh truncate">
<div class="flex saet7 items-center r2jif">
<p class="truncate tuuss ejo46 dark:text-neutral-200">Mike Clirk</p>
<span class="v5ega group-hover:opacity-0 lndac lqxom dq2gi dark:text-neutral-600">20/09/2024</span>
</div>
<div class="flex saet7 items-center r2jif">
<div class="dgznh kd00o flex items-center u3ov7 truncate ejo46 dark:text-neutral-200">
<span class="vj7px dgmc7 yyjdt truncate on128 v7y34 zqruk rlapk dark:bg-neutral-700/50 dark:text-neutral-500">
Chat
</span>
<span class="truncate d5esf zqruk dark:text-neutral-400">Project Timeline Update</span>
</div>
<span class="qzxza on128 lqxom dark:text-neutral-600">15</span>
</div>
<div class="kd00o flex items-center lwq0m">
<div class="dgznh truncate">
<p class="truncate d5esf lqxom dark:text-neutral-600">I hope you're doing well. I wanted to check in bty75 the proposal you sent last week for the web design project we discussed.</p>
</div>
<div class="vj7px rg4xx i1e9d flex items-center r2jif k9mkq pq27m y6g4k lqxom dark:text-neutral-600 mr9qs dark:border-neutral-700">
<svg class="n2l26 br82p" xmlns="http://www.w3.org/2000/svg" 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 zxmp1 aoum9 dw07v ur00w ewiw4">
<div class="ukbyd inline-flex items-center n03hs zxv30 k9mkq yxawv wavyl ntfdl dark:bg-neutral-800 dark:border-neutral-700">
<!-- Button -->
<div class="hs-tooltip [--placement:top] inline-block">
<button type="button" class="hs-tooltip-toggle rekd6 flex enhxb items-center u3ov7 z0e83 clfmf lk55v focus:outline-hidden rjc3l dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/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 g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl 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 rekd6 flex enhxb items-center u3ov7 z0e83 clfmf lk55v focus:outline-hidden rjc3l 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="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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 g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl 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 ux1hp" role="tabpanel" aria-labelledby="hs-pro-tabs-intltg-item-assigned">
<!-- Empty State -->
<div class="y3kub ux1hp flex flex-col enhxb items-center cgjzl">
<svg class="os8l9 mx-auto yknc9" 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="nadn9 dark:fill-neutral-800"/>
<rect x="27" y="50.5" width="124" height="39" rx="7.5" stroke="currentColor" class="crkpq dark:stroke-neutral-700/10"/>
<rect x="34.5" y="58" width="24" height="24" rx="12" fill="currentColor" class="cp46z dark:fill-neutral-700/30"/>
<rect x="66.5" y="61" width="60" height="6" rx="3" fill="currentColor" class="cp46z dark:fill-neutral-700/30"/>
<rect x="66.5" y="73" width="77" height="6" rx="3" fill="currentColor" class="cp46z dark:fill-neutral-700/30"/>
<rect x="19.5" y="28.5" width="139" height="39" rx="7.5" fill="currentColor" class="nadn9 dark:fill-neutral-800"/>
<rect x="19.5" y="28.5" width="139" height="39" rx="7.5" stroke="currentColor" class="ma5la dark:stroke-neutral-700/30"/>
<rect x="27" y="36" width="24" height="24" rx="12" fill="currentColor" class="d6oao dark:fill-neutral-700/70"/>
<rect x="59" y="39" width="60" height="6" rx="3" fill="currentColor" class="d6oao dark:fill-neutral-700/70"/>
<rect x="59" y="51" width="92" height="6" rx="3" fill="currentColor" class="d6oao dark:fill-neutral-700/70"/>
<g filter="url(#filter1)">
<rect x="12" y="6" width="154" height="40" rx="8" class="nadn9 dark:fill-neutral-800" shape-rendering="crispEdges"/>
<rect x="12.5" y="6.5" width="153" height="39" rx="7.5" stroke="currentColor" class="ma5la dark:stroke-neutral-700/60" shape-rendering="crispEdges"/>
<rect x="20" y="14" width="24" height="24" rx="12" fill="currentColor" class="kipiu dark:fill-neutral-700"/>
<rect x="52" y="17" width="60" height="6" rx="3" fill="currentColor" class="kipiu dark:fill-neutral-700"/>
<rect x="52" y="29" width="106" height="6" rx="3" fill="currentColor" class="kipiu 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="w3vk8 mx-auto qa7td">
<p class="nqo4p hw6xt ejo46 dark:text-neutral-200">
No assigned message
</p>
<p class="ltzuf tuuss z0e83 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 ux1hp" role="tabpanel" aria-labelledby="hs-pro-tabs-intltg-item-archived">
<!-- Empty State -->
<div class="y3kub ux1hp flex flex-col enhxb items-center cgjzl">
<svg class="os8l9 mx-auto yknc9" 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="nadn9 dark:fill-neutral-800"/>
<rect x="27" y="50.5" width="124" height="39" rx="7.5" stroke="currentColor" class="crkpq dark:stroke-neutral-700/10"/>
<rect x="34.5" y="58" width="24" height="24" rx="12" fill="currentColor" class="cp46z dark:fill-neutral-700/30"/>
<rect x="66.5" y="61" width="60" height="6" rx="3" fill="currentColor" class="cp46z dark:fill-neutral-700/30"/>
<rect x="66.5" y="73" width="77" height="6" rx="3" fill="currentColor" class="cp46z dark:fill-neutral-700/30"/>
<rect x="19.5" y="28.5" width="139" height="39" rx="7.5" fill="currentColor" class="nadn9 dark:fill-neutral-800"/>
<rect x="19.5" y="28.5" width="139" height="39" rx="7.5" stroke="currentColor" class="ma5la dark:stroke-neutral-700/30"/>
<rect x="27" y="36" width="24" height="24" rx="12" fill="currentColor" class="d6oao dark:fill-neutral-700/70"/>
<rect x="59" y="39" width="60" height="6" rx="3" fill="currentColor" class="d6oao dark:fill-neutral-700/70"/>
<rect x="59" y="51" width="92" height="6" rx="3" fill="currentColor" class="d6oao dark:fill-neutral-700/70"/>
<g filter="url(#filter2)">
<rect x="12" y="6" width="154" height="40" rx="8" class="nadn9 dark:fill-neutral-800" shape-rendering="crispEdges"/>
<rect x="12.5" y="6.5" width="153" height="39" rx="7.5" stroke="currentColor" class="ma5la dark:stroke-neutral-700/60" shape-rendering="crispEdges"/>
<rect x="20" y="14" width="24" height="24" rx="12" fill="currentColor" class="kipiu dark:fill-neutral-700"/>
<rect x="52" y="17" width="60" height="6" rx="3" fill="currentColor" class="kipiu dark:fill-neutral-700"/>
<rect x="52" y="29" width="106" height="6" rx="3" fill="currentColor" class="kipiu 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="w3vk8 mx-auto qa7td">
<p class="nqo4p hw6xt ejo46 dark:text-neutral-200">
No archived message
</p>
<p class="ltzuf tuuss z0e83 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 kjxn2 -end-3 te8l0">
<!-- Sidebar Close -->
<button type="button" class="j9fmo uex7i inline-flex enhxb items-center u3ov7 tuuss hw6xt clfmf k9mkq yxawv zxv30 z0e83 wsl5v focus:outline-hidden rjc3l 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="n2l26 szmrd" xmlns="http://www.w3.org/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 uwi6w tlrhq w4zsu -translate-x-1/2 -translate-y-1/2 block u4nb8 k6z5i flex enhxb items-center zxv30 k9mkq yxawv lqxom clfmf l49xy lk55v dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-600 dark:hover:bg-neutral-900">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/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 fm3wm flex flex-col">
<!-- Header -->
<header class=" gomb9 zxmp1 x2ip9 n62jc ur00w ymbz2 flex saet7 u3ov7 zxv30 xu4xz yxawv dark:bg-neutral-900 dark:border-neutral-800">
<div class="dgznh">
<div class="flex items-center r2jif">
<div class="lg:hidden relative vqx3d qzxza 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="f9d5d upv35 flex enhxb items-center d5esf zqruk bt481 wavyl disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden ynrpz 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="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="ovv7n">
<!-- Move To Dropdown -->
<div class="hs-dropdown [--auto-close:inside] relative inline-flex">
<button id="hs-pro-inthmtdid1" type="button" class="f9d5d upv35 flex enhxb items-center d5esf zqruk bt481 wavyl disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden ynrpz dark:text-neutral-400 lg:dark:hover:bg-neutral-800 lg:dark:focus:bg-neutral-800">
<span class="n2l26 z9hxv block a3b8t klnns mr9qs"></span>
<span class="yyjdt truncate">Gmail</span>
<svg class="n2l26 bnmi1 djyey" xmlns="http://www.w3.org/2000/svg" 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 blnc5 transition-[opacity,margin] duration opacity-0 hidden h3jvs zxv30 mzy38 w9ar3 dark:bg-neutral-950" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-inthmtdid1">
<!-- Heading -->
<div class="hxfjh gjk1t flex saet7 items-center u3ov7">
<span class="block hw6xt tuuss ejo46 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 x8hlq flex enhxb items-center u3ov7 z0e83 mr9qs lk55v focus:outline-hidden rjc3l dark:text-neutral-500 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-incnlm">
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/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 g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl dark:bg-neutral-800" role="tooltip">
Create new label
</span>
</div>
<!-- End Button -->
</div>
<!-- End Heading -->
<!-- Input -->
<div class="smvag relative jhbd9 yxawv dark:border-neutral-800">
<input type="text" class="f9d5d l1xlu block xp67g je4jy wavyl tm0mx wqv3r vydgp lk55v focus:outline-hidden rstw7 u4wxg rjc3l 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 evdk4 aoum9 flex items-center mjppw svb23">
<button type="button" class="inline-flex n2l26 enhxb items-center rekd6 mr9qs z0e83 hmpqz focus:outline-hidden rdx35 dark:text-neutral-500 dark:hover:text-blue-500 dark:focus:text-blue-500" aria-label="Close">
<span class="r8a99">Close</span>
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/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="smvag jhbd9 yxawv dark:border-neutral-800">
<button type="button" class="xp67g flex items-center rdqxy f9d5d l1xlu wavyl d5esf ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/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 n2l26 szmrd 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="smvag jhbd9 yxawv dark:border-neutral-800">
<div class="space-y-0.5 jcc28 overflow-y-auto ulj1p uqiuh b3ail ykfhs dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<!-- Item -->
<label for="hs-pro-initgh" class="f9d5d l1xlu group flex items-center rdqxy wavyl cursor-pointer d5esf ejo46 lk55v 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="n2l26 bnmi1 flex enhxb items-center">
<span class="n2l26 z9hxv block mx-auto avow8 mr9qs"></span>
</span>
Github
<svg class="n2l26 bnmi1 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="f9d5d l1xlu group flex items-center rdqxy wavyl cursor-pointer d5esf ejo46 lk55v 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="n2l26 bnmi1 flex enhxb items-center">
<span class="n2l26 z9hxv block mx-auto klnns mr9qs"></span>
</span>
Gmail
<svg class="n2l26 bnmi1 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="f9d5d l1xlu group flex items-center rdqxy wavyl cursor-pointer d5esf ejo46 lk55v 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="n2l26 bnmi1 flex enhxb items-center">
<span class="n2l26 z9hxv block mx-auto mmvqx mr9qs"></span>
</span>
Crisp
<svg class="n2l26 bnmi1 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="f9d5d l1xlu group flex items-center rdqxy wavyl cursor-pointer d5esf ejo46 lk55v 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="n2l26 bnmi1 flex enhxb items-center">
<span class="n2l26 z9hxv block mx-auto b3nns mr9qs"></span>
</span>
Slack - Internal
<svg class="n2l26 bnmi1 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 xhpwn rf6d0 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 enhxb items-center rdqxy x8hlq tuuss zqruk lk55v wavyl disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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="n2l26 szmrd" xmlns="http://www.w3.org/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="r8a99">Archive</span>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl j8ti2 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 enhxb items-center rdqxy x8hlq tuuss zqruk lk55v wavyl disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="r8a99">Delete</span>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl j8ti2 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 enhxb items-center rdqxy x8hlq tuuss zqruk lk55v wavyl disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="r8a99">Report spam</span>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl j8ti2 dark:bg-neutral-700" role="tooltip">
Report spam
</span>
</div>
<!-- End Button -->
</div>
</div>
</div>
<div class="flex lokyk items-center r2jif">
<!-- Assign Dropdown -->
<div class="hs-dropdown [--strategy:absolute] [--auto-close:inside] relative inline-flex">
<button id="hs-pro-inthasdid1" type="button" class="wyrer rg4xx vqx3d r2jif flex enhxb items-center tuuss zqruk zxv30 k9mkq yxawv lk55v wavyl disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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="n2l26 flex items-center -space-x-2">
<span class="flex n2l26 enhxb items-center rekd6 tuuss hw6xt dq2gi hs5iv w3h0o mr9qs">S</span>
<img class="n2l26 rekd6 mr9qs" 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="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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 e2hyo transition-[opacity,margin] duration opacity-0 hidden te8l0 zxv30 mzy38 w9ar3 dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-inthasdid1">
<!-- Heading -->
<div class="hxfjh gjk1t">
<span class="block hw6xt tuuss ejo46 dark:text-neutral-200">
<span class="truncate">Assign</span>
</span>
</div>
<!-- End Heading -->
<!-- Input -->
<div class="smvag relative rncu4 yxawv dark:border-neutral-800">
<input type="text" class="f9d5d l1xlu block xp67g je4jy wavyl tm0mx wqv3r vydgp lk55v focus:outline-hidden rstw7 u4wxg rjc3l 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 evdk4 aoum9 flex items-center mjppw svb23">
<button type="button" class="inline-flex n2l26 enhxb items-center rekd6 mr9qs z0e83 hmpqz focus:outline-hidden rdx35 dark:text-neutral-500 dark:hover:text-blue-500 dark:focus:text-blue-500" aria-label="Close">
<span class="r8a99">Close</span>
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/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="smvag space-y-0.5 l5601 overflow-y-auto hm2m0 uqiuh b3ail ykfhs dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<!-- Item -->
<label for="hs-pro-inithargna" class="f9d5d l1xlu group flex items-center j2p6t f9d5d l1xlu wavyl cursor-pointer d5esf ejo46 lk55v 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="n2l26 s1u6m flex enhxb items-center">
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/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="n2l26 szmrd 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="f9d5d l1xlu group flex items-center j2p6t f9d5d l1xlu wavyl cursor-pointer d5esf ejo46 lk55v 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 s1u6m">
<span class="flex n2l26 enhxb items-center s1u6m on128 hw6xt dq2gi hs5iv w3h0o mr9qs">I</span>
<span class="absolute -bottom-0 -end-0 block gh6us mr9qs h7uoa z5vdk y56jy dark:ring-neutral-800"></span>
</span>
isabella@site.com
<svg class="n2l26 szmrd 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="f9d5d l1xlu group flex items-center j2p6t f9d5d l1xlu wavyl cursor-pointer d5esf ejo46 lk55v 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 s1u6m">
<img class="n2l26 s1u6m mr9qs" 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="n2l26 szmrd 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 enhxb items-center rdqxy x8hlq tuuss zqruk lk55v wavyl disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="r8a99">Snooze</span>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl j8ti2 dark:bg-neutral-700" role="tooltip">
Snooze
</span>
</div>
<!-- Snooze Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 e2hyo transition-[opacity,margin] duration opacity-0 hidden te8l0 zxv30 mzy38 w9ar3 dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-inthsndid1">
<!-- Header -->
<div class="hxfjh gjk1t">
<span class="block hysdx tuuss ejo46 dark:text-neutral-200">
Snooze
</span>
</div>
<!-- End Header -->
<!-- Body -->
<div class="smvag l5601 overflow-y-auto hm2m0 uqiuh b3ail ykfhs dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<fieldset class="khfgm cudi3">
<legend class="r8a99">
Snooze
</legend>
<!-- Checkbox -->
<label for="hs-pro-chhsnrt1" class="hxfjh l1xlu flex items-center wavyl cursor-pointer clfmf lk55v ddtwf 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="dgznh">
<span class="block tuuss ejo46 dark:text-neutral-200">
Today
</span>
</span>
<span class="r8mh0 on128 z0e83 dark:text-neutral-500">
5:05 PM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsnrt2" class="hxfjh l1xlu flex items-center wavyl cursor-pointer clfmf lk55v ddtwf 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="dgznh">
<span class="block tuuss ejo46 dark:text-neutral-200">
Tomorrow
</span>
</span>
<span class="r8mh0 on128 z0e83 dark:text-neutral-500">
Wed 9:00 AM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsnrt3" class="hxfjh l1xlu flex items-center wavyl cursor-pointer clfmf lk55v ddtwf 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="dgznh">
<span class="block tuuss ejo46 dark:text-neutral-200">
This week
</span>
</span>
<span class="r8mh0 on128 z0e83 dark:text-neutral-500">
Thu, May 8, 9:00 AM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsnrt4" class="hxfjh l1xlu flex items-center wavyl cursor-pointer clfmf lk55v ddtwf 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="dgznh">
<span class="block tuuss ejo46 dark:text-neutral-200">
Next week
</span>
</span>
<span class="r8mh0 on128 z0e83 dark:text-neutral-500">
Mon, May 13, 9:00 AM
</span>
</label>
<!-- End Checkbox -->
</fieldset>
</div>
<!-- End Body -->
<!-- Footer -->
<div class="smvag jhbd9 yxawv dark:border-neutral-800">
<button type="button" class="xp67g flex saet7 items-center rdqxy hxfjh l1xlu m8hmi tuuss ejo46 lk55v clfmf disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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 enhxb items-center rdqxy x8hlq tuuss zqruk lk55v wavyl disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="r8a99">Tags</span>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl j8ti2 dark:bg-neutral-700" role="tooltip">
Tags
</span>
</div>
<!-- Tags Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 e2hyo transition-[opacity,margin] duration opacity-0 hidden te8l0 zxv30 mzy38 w9ar3 dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-inthtgdid1">
<!-- Heading -->
<div class="hxfjh gjk1t flex saet7 items-center u3ov7">
<span class="block hw6xt tuuss ejo46 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 x8hlq flex enhxb items-center u3ov7 z0e83 mr9qs lk55v focus:outline-hidden rjc3l dark:text-neutral-500 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhcntm">
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/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 g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl dark:bg-neutral-800" role="tooltip">
Create new xtvhj
</span>
</div>
<!-- End Button -->
</div>
<!-- End Heading -->
<!-- Input -->
<div class="smvag relative rncu4 yxawv dark:border-neutral-800">
<input type="text" class="f9d5d l1xlu block xp67g je4jy wavyl tm0mx wqv3r vydgp lk55v focus:outline-hidden rstw7 u4wxg rjc3l 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 evdk4 aoum9 flex items-center mjppw svb23">
<button type="button" class="inline-flex n2l26 enhxb items-center rekd6 mr9qs z0e83 hmpqz focus:outline-hidden rdx35 dark:text-neutral-500 dark:hover:text-blue-500 dark:focus:text-blue-500" aria-label="Close">
<span class="r8a99">Close</span>
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/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="smvag frtd6 l5601 overflow-y-auto hm2m0 uqiuh b3ail ykfhs dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<span class="madsw l1xlu block on128 z0e83 dark:text-neutral-500">
All tags
</span>
<!-- Tags List -->
<div class="space-y-1">
<div class="flex saet7 items-center f9d5d l1xlu cursor-pointer wavyl lk55v 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 j2p6t cursor-pointer d5esf ejo46 dark:text-neutral-300">
<svg class="n2l26 bnmi1 z0e83 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="n2l26 szmrd sga4h rlapk j28t5 checked:border-blue-600 isksk 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 saet7 items-center f9d5d l1xlu cursor-pointer wavyl lk55v 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 j2p6t cursor-pointer d5esf ejo46 dark:text-neutral-300">
<svg class="n2l26 bnmi1 u9tmt" xmlns="http://www.w3.org/2000/svg" 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 n2l26 br82p z0e83 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 g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl j8ti2 dark:bg-neutral-700" role="tooltip">
Private xtvhj
</span>
</span>
</label>
<input type="checkbox" class="n2l26 szmrd sga4h rlapk j28t5 checked:border-blue-600 isksk 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 saet7 items-center f9d5d l1xlu cursor-pointer wavyl lk55v 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 j2p6t cursor-pointer d5esf ejo46 dark:text-neutral-300">
<svg class="n2l26 bnmi1 iq13t" xmlns="http://www.w3.org/2000/svg" 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="n2l26 szmrd sga4h rlapk j28t5 checked:border-blue-600 isksk 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 saet7 items-center f9d5d l1xlu cursor-pointer wavyl lk55v 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 j2p6t cursor-pointer d5esf ejo46 dark:text-neutral-300">
<svg class="n2l26 bnmi1 c42h6" xmlns="http://www.w3.org/2000/svg" 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="n2l26 szmrd sga4h rlapk j28t5 checked:border-blue-600 isksk 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 saet7 items-center f9d5d l1xlu cursor-pointer wavyl lk55v 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 j2p6t cursor-pointer d5esf ejo46 dark:text-neutral-300">
<svg class="n2l26 bnmi1 z0e83 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 n2l26 br82p z0e83 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 g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl j8ti2 dark:bg-neutral-700" role="tooltip">
Private xtvhj
</span>
</span>
</label>
<input type="checkbox" class="n2l26 szmrd sga4h rlapk j28t5 checked:border-blue-600 isksk 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 saet7 items-center f9d5d l1xlu cursor-pointer wavyl lk55v 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 j2p6t cursor-pointer d5esf ejo46 dark:text-neutral-300">
<svg class="n2l26 bnmi1 z0e83 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 n2l26 br82p z0e83 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 g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl j8ti2 dark:bg-neutral-700" role="tooltip">
Private xtvhj
</span>
</span>
</label>
<input type="checkbox" class="n2l26 szmrd sga4h rlapk j28t5 checked:border-blue-600 isksk 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 saet7 items-center f9d5d l1xlu cursor-pointer wavyl lk55v 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 j2p6t cursor-pointer d5esf ejo46 dark:text-neutral-300">
<svg class="n2l26 bnmi1 kz6jf" xmlns="http://www.w3.org/2000/svg" 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="n2l26 szmrd sga4h rlapk j28t5 checked:border-blue-600 isksk 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 j6548 r8vr5 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 enhxb items-center rdqxy x8hlq tuuss zqruk lk55v wavyl disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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="n2l26 szmrd" xmlns="http://www.w3.org/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 ft0gf transition-[opacity,margin] duration opacity-0 hidden h3jvs zxv30 mzy38 w9ar3 dark:bg-neutral-950" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-inthmid1">
<div class="sm:hidden smvag space-y-0.5 xu4xz yxawv dark:border-neutral-800">
<button type="button" class="xp67g flex items-center rdqxy f9d5d l1xlu wavyl d5esf ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/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="xp67g flex items-center rdqxy f9d5d l1xlu wavyl d5esf ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="xp67g flex items-center rdqxy f9d5d l1xlu wavyl d5esf ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhsn">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="smvag space-y-0.5 xu4xz yxawv dark:border-neutral-800">
<button type="button" class="xp67g flex items-center rdqxy f9d5d l1xlu wavyl d5esf ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/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="xp67g flex items-center rdqxy f9d5d l1xlu wavyl d5esf ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="xp67g flex items-center rdqxy f9d5d l1xlu wavyl d5esf ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhsn">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/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="xp67g flex items-center rdqxy f9d5d l1xlu wavyl d5esf ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhtgm">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/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="smvag space-y-0.5 xu4xz yxawv dark:border-neutral-800">
<button type="button" class="xp67g flex items-center rdqxy f9d5d l1xlu wavyl d5esf ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhtgm">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="vj7px u4s9n inline-flex items-center lwq0m on128 hw6xt megik ha6mo mr9qs dark:bg-blue-500/10 dark:text-blue-500">New</span>
</button>
</div>
<div class="smvag space-y-0.5 xu4xz yxawv dark:border-neutral-800">
<button type="button" class="xp67g flex items-center rdqxy f9d5d l1xlu wavyl d5esf ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhsh">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="xp67g flex items-center rdqxy f9d5d l1xlu wavyl d5esf ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhsh">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/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="xp67g flex items-center rdqxy f9d5d l1xlu wavyl d5esf ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhsh">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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)] u4s9n nsv9d f39ph r3hhj overflow-y-auto overflow-x-hidden hm2m0 uqiuh b3ail ykfhs dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<!-- Heading -->
<div class="xwej6 zxmp1 t0pau gxtht dark:bg-neutral-800 iifk8 rg4xx flex flex-wrap items-center cgrem rdqxy">
<h1 class="hysdx vmtij spf16 ejo46 dark:text-neutral-200">
Project Timeline Update
</h1>
<!-- Dropdown Group -->
<div class="flex flex-wrap items-center n03hs">
<!-- Tag Dropdown -->
<div class="hs-dropdown @@tag1.tag.dropdown.position.value relative inline-flex">
<button id="hs-pro-intbtwtaddid1" type="button" class="hcvae jsn0m ir7bk group inline-flex items-center po4ac zxv30 k9mkq yxawv ejo46 tuuss mr9qs wsl5v dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200">
<svg class="n2l26 szmrd u9tmt" xmlns="http://www.w3.org/2000/svg" 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 ft0gf transition-[opacity,margin] duration opacity-0 hidden h3jvs zxv30 mzy38 w9ar3 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="smvag space-y-0.5 xu4xz yxawv dark:border-neutral-800">
<button type="button" class="xp67g flex items-center rdqxy f9d5d l1xlu wavyl d5esf ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 xtvhj
</button>
<button type="button" class="xp67g flex items-center rdqxy f9d5d l1xlu wavyl d5esf ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="xp67g flex items-center rdqxy f9d5d l1xlu wavyl d5esf ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhsn">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="hcvae jsn0m ir7bk group inline-flex items-center po4ac zxv30 k9mkq yxawv ejo46 tuuss mr9qs wsl5v dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200">
<svg class="n2l26 szmrd iq13t" xmlns="http://www.w3.org/2000/svg" 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 ft0gf transition-[opacity,margin] duration opacity-0 hidden h3jvs zxv30 mzy38 w9ar3 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="smvag space-y-0.5 xu4xz yxawv dark:border-neutral-800">
<button type="button" class="xp67g flex items-center rdqxy f9d5d l1xlu wavyl d5esf ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 xtvhj
</button>
<button type="button" class="xp67g flex items-center rdqxy f9d5d l1xlu wavyl d5esf ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="xp67g flex items-center rdqxy f9d5d l1xlu wavyl d5esf ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhsn">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="zi3gd flex items-center on128 z0e83 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="puxhz zxv30 dje09 lgip9 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="mi46d s1iwv hy1xb xp67g inline-flex items-center u3ov7 truncate">
<div class="xp67g flex tm7wi truncate">
<span class="kd00o flex n2l26 enhxb items-center x8hlq dq2gi zp075 w3h0o dark:bg-neutral-600 mr9qs">S</span>
<div class="dgznh truncate flex flex-col">
<!-- Popover -->
<div class=" truncate">
<div class="hs-tooltip [--trigger:click] sm:[--placement:bottom-left] inline-block io5na">
<span class="hs-tooltip-toggle relative ela75 inline-flex items-center truncate tuuss hysdx ejo46 dark:text-neutral-200 cursor-pointer sh940 h8tqt" tabindex="-1">
Sarah Chen
</span>
<!-- Popover Content -->
<div class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible hidden opacity-0 qdi5k absolute g4xt3 t0pau cvoid xp67g zxv30 k9mkq a56pk m8hmi mzy38 qdmo7 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="jhb8q">
<span class="block madsw tuuss z0e83 dark:text-neutral-500">
Contact
</span>
<!-- Header -->
<div class="flex flex-col enhxb items-center es2r6">
<span class="flex n2l26 enhxb items-center zoavk dq2gi zp075 w3h0o mr9qs dark:bg-neutral-600">S</span>
<h4 class="nqo4p hw6xt ejo46 dark:text-white">
Sarah Chen
</h4>
</div>
<!-- End Header -->
<div class="kd00o cgjzl">
<p class="tuuss ejo46 dark:text-neutral-200">
<a class="inline-flex items-center lwq0m d5esf j28t5 dvb9h h8tqt focus:outline-hidden ch28j dark:text-blue-500" href="#">schen@company.com</a>
</p>
</div>
<!-- Footer -->
<div class="bm1bw p7mth flex saet7 items-center jhbd9 yxawv dark:border-neutral-700">
<a class="inline-flex items-center lwq0m on128 z0e83 hmpqz focus:outline-hidden rdx35 disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 dark:hover:text-white dark:focus:text-white" href="#">
<svg class="n2l26 br82p" xmlns="http://www.w3.org/2000/svg" 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="f9d5d l1xlu inline-flex items-center lwq0m tuuss wavyl k9mkq yxawv zxv30 ejo46 ntfdl wsl5v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden u7q2f dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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 io5na truncate">
<div class="hs-tooltip [--trigger:click] sm:[--placement:bottom-left] inline-block io5na">
<span class="truncate tuuss ejo46 dark:text-neutral-200">To:</span>
<span class="hs-tooltip-toggle relative ela75 inline-flex items-center truncate tuuss z0e83 dark:text-neutral-500 cursor-pointer sh940 h8tqt" tabindex="-1">
Lewis Clarke
</span>
<!-- Popover Content -->
<div class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible hidden opacity-0 qdi5k absolute g4xt3 t0pau cvoid xp67g zxv30 k9mkq a56pk m8hmi mzy38 qdmo7 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="jhb8q">
<span class="block madsw tuuss z0e83 dark:text-neutral-500">
Contact
</span>
<!-- Header -->
<div class="flex flex-col enhxb items-center es2r6">
<img class="n2l26 zoavk mr9qs" 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="nqo4p hw6xt ejo46 dark:text-white">
Lewis Clarke
</h4>
</div>
<!-- End Header -->
<div class="kd00o cgjzl">
<p class="tuuss ejo46 dark:text-neutral-200">
<a class="inline-flex items-center lwq0m d5esf j28t5 dvb9h h8tqt focus:outline-hidden ch28j dark:text-blue-500" href="#">lewis@company.com</a>
</p>
</div>
<!-- Footer -->
<div class="bm1bw p7mth flex saet7 items-center jhbd9 yxawv dark:border-neutral-700">
<a class="inline-flex items-center lwq0m on128 z0e83 hmpqz focus:outline-hidden rdx35 disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 dark:hover:text-white dark:focus:text-white" href="#">
<svg class="n2l26 br82p" xmlns="http://www.w3.org/2000/svg" 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="f9d5d l1xlu inline-flex items-center lwq0m tuuss wavyl k9mkq yxawv zxv30 ejo46 ntfdl wsl5v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden u7q2f dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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 io5na truncate">
<span class="truncate tuuss ejo46 dark:text-neutral-200">Date:</span>
<span class="truncate tuuss z0e83 dark:text-neutral-500">October 3, 2024 10:15 AM</span>
</div>
<div class="hs-accordion-force-active hs-accordion-active:hidden io5na truncate">
<p class="truncate tuuss z0e83 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="nf6rv">
<span class="hs-accordion-force-active hs-accordion-active:hidden on128 inline-block z0e83 dark:text-neutral-500">Oct 3</span>
<span class="hs-accordion-force-active sm:hs-accordion-active:inline-block hidden on128 z0e83 dark:text-neutral-500">October 3, 2024 10:15 AM</span>
</div>
</div>
</div>
<div class="absolute uwi6w qpsld ela75 -translate-y-1/2">
<!-- More Dropdown -->
<div class="hs-dropdown aeqoj [--placement:top-right] relative inline-flex">
<button id="hs-pro-in1tctmdid1" type="button" class="flex enhxb items-center rdqxy x8hlq tuuss zqruk lk55v wavyl disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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="n2l26 szmrd" xmlns="http://www.w3.org/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 ft0gf transition-[opacity,margin] duration opacity-0 hidden h3jvs zxv30 mzy38 w9ar3 dark:bg-neutral-950" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-in1tctmdid1">
<div class="s63oc overflow-y-auto hm2m0 uqiuh b3ail ykfhs dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<div class="smvag space-y-0.5 xu4xz yxawv dark:border-neutral-800">
<button type="button" class="xp67g flex items-center rdqxy f9d5d l1xlu wavyl d5esf ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/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="xp67g flex items-center rdqxy f9d5d l1xlu wavyl d5esf ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/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="xp67g flex items-center rdqxy f9d5d l1xlu wavyl d5esf ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhsn">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/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="xp67g flex items-center rdqxy f9d5d l1xlu wavyl d5esf ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhsn">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="smvag space-y-0.5 xu4xz yxawv dark:border-neutral-800">
<button type="button" class="xp67g flex items-center rdqxy f9d5d l1xlu wavyl d5esf ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/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="xp67g flex items-center rdqxy f9d5d l1xlu wavyl d5esf ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="xp67g flex items-center rdqxy f9d5d l1xlu wavyl d5esf ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/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="xp67g flex items-center rdqxy f9d5d l1xlu wavyl d5esf ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="xp67g flex items-center rdqxy f9d5d l1xlu wavyl d5esf ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhsn">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="smvag space-y-0.5 xu4xz yxawv dark:border-neutral-800">
<button type="button" class="xp67g flex items-center rdqxy f9d5d l1xlu wavyl d5esf ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhtgm">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="vj7px u4s9n inline-flex items-center lwq0m on128 hw6xt megik ha6mo mr9qs dark:bg-blue-500/10 dark:text-blue-500">New</span>
</button>
</div>
<div class="smvag space-y-0.5 xu4xz yxawv dark:border-neutral-800">
<button type="button" class="xp67g flex items-center rdqxy f9d5d l1xlu wavyl d5esf ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhsh">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="xp67g flex items-center rdqxy f9d5d l1xlu wavyl d5esf ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhsh">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/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="xp67g flex items-center rdqxy f9d5d l1xlu wavyl d5esf ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhsh">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 xp67g overflow-hidden" role="region" aria-labelledby="hs-pro-in1tcid1">
<div class="jhb8q jhbd9 yxawv dark:border-neutral-700">
<div class="tuuss ejo46 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="l186p yaxvw yjt4b"><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="gjk1t space-y-0.5">
<div class="dceg4 flex flex-wrap items-center v6f2r">
<span class="on128 z0e83 dark:text-neutral-200">
Isabella Lauda
</span>
</div>
<div class="group xp67g lg:flex dd0dk">
<div class="flex btgx5">
<div class="n2l26 x8hlq cgjzl">
<span class="flex n2l26 enhxb items-center x8hlq tuuss dq2gi hs5iv w3h0o mr9qs">I</span>
</div>
<div class="-ms-2 nf6rv xp67g k0t4l">
<div class="flex nx1xn r2jif" style="word-break: break-word;">
<div class="f9d5d psrjx inline-block iili6 dje09 dark:bg-neutral-700">
<div class="tuuss zqruk dark:text-neutral-400">
<span class="iq13t">@lewis_clarke</span> Hi Lewis
<span class="y8vd7 lndac lqxom dark:text-neutral-500">
10:20
</span>
</div>
</div>
<div class="lg:hidden">
<!-- Collapse Button -->
<button type="button" class="hs-collapse-toggle flex enhxb items-center rdqxy x8hlq tuuss zqruk p12pm mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden d10id 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="r8a99">Collapse</span>
<svg class="hs-collapse-open:rotate-180 n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="kd00o flex items-center r2jif">
<div class="hs-tooltip inline-block">
<span class="hs-tooltip-toggle pzd9a j6548 vqx3d flex megik k9mkq yn1qn mr9qs dark:bg-blue-500/20 dark:border-blue-500/30">
<span class="tuuss iq13t">
✋ 1
</span>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl j8ti2 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 enhxb items-center rdqxy x7ecd tuuss zqruk p12pm mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden d10id 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="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="r8a99">Add reaction</span>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl j8ti2 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 xp67g overflow-hidden transition-[height] ixagr lg:w-auto lg:block lg:group-hover:opacity-100 lg:opacity-0" aria-labelledby="hs-pro-in1tctclid1_1">
<!-- Button Group -->
<div class="c50j2 vr231 hflvj m6pd4 ukbyd zxv30 mr9qs ntfdl inline-flex items-center u7uly dark:bg-neutral-900">
<!-- Button -->
<div class="hs-tooltip inline-block">
<button type="button" class="hs-tooltip-toggle flex enhxb items-center rdqxy x7ecd tuuss zqruk p12pm mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden d10id 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="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="r8a99">Add reaction</span>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl j8ti2 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 enhxb items-center rdqxy x7ecd tuuss zqruk p12pm mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden d10id 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="n2l26 bnmi1" xmlns="http://www.w3.org/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="r8a99">Reply</span>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl j8ti2 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 enhxb items-center rdqxy x7ecd tuuss zqruk p12pm mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden d10id 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="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="r8a99">Edit</span>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl j8ti2 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 enhxb items-center rdqxy x7ecd tuuss zqruk p12pm mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden d10id 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="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="r8a99">Delete</span>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl j8ti2 dark:bg-neutral-700" role="tooltip">
Delete
</span>
</div>
<!-- End Button -->
</div>
<!-- End Button Group -->
</div>
<!-- End Collapse Content -->
</div>
<div class="group xp67g lg:flex dd0dk">
<div class="flex btgx5">
<div class="n2l26 x8hlq cgjzl">
</div>
<div class="-ms-2 nf6rv xp67g k0t4l">
<div class="flex nx1xn r2jif" style="word-break: break-word;">
<div class="f9d5d psrjx inline-block iili6 dje09 dark:bg-neutral-700">
<div class="tuuss zqruk dark:text-neutral-400">
what do you say?
<span class="y8vd7 lndac lqxom dark:text-neutral-500">
10:20
</span>
</div>
</div>
<div class="lg:hidden">
<!-- Collapse Button -->
<button type="button" class="hs-collapse-toggle flex enhxb items-center rdqxy x8hlq tuuss zqruk p12pm mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden d10id 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="r8a99">Collapse</span>
<svg class="hs-collapse-open:rotate-180 n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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 xp67g overflow-hidden transition-[height] ixagr lg:w-auto lg:block lg:group-hover:opacity-100 lg:opacity-0" aria-labelledby="hs-pro-in1tctclid1_2">
<!-- Button Group -->
<div class="c50j2 vr231 hflvj m6pd4 ukbyd zxv30 mr9qs ntfdl inline-flex items-center u7uly dark:bg-neutral-900">
<!-- Button -->
<div class="hs-tooltip inline-block">
<button type="button" class="hs-tooltip-toggle flex enhxb items-center rdqxy x7ecd tuuss zqruk p12pm mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden d10id 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="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="r8a99">Add reaction</span>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl j8ti2 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 enhxb items-center rdqxy x7ecd tuuss zqruk p12pm mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden d10id 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="n2l26 bnmi1" xmlns="http://www.w3.org/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="r8a99">Reply</span>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl j8ti2 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 enhxb items-center rdqxy x7ecd tuuss zqruk p12pm mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden d10id 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="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="r8a99">Edit</span>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl j8ti2 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 enhxb items-center rdqxy x7ecd tuuss zqruk p12pm mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden d10id 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="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="r8a99">Delete</span>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl j8ti2 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="gjk1t space-y-0.5">
<div class="dceg4 flex flex-wrap items-center v6f2r">
<span class="on128 z0e83 dark:text-neutral-200">
Lewis Clarke
</span>
</div>
<div class="group xp67g lg:flex dd0dk">
<div class="flex btgx5">
<div class="n2l26 x8hlq cgjzl">
<img class="n2l26 x8hlq mr9qs" 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 nf6rv xp67g k0t4l">
<div class="flex nx1xn r2jif" style="word-break: break-word;">
<div class="f9d5d psrjx inline-block iili6 dje09 dark:bg-neutral-700">
<div class="tuuss zqruk dark:text-neutral-400">
<span class="iq13t">@isabella</span>
</div>
</div>
<div class="lg:hidden">
<!-- Collapse Button -->
<button type="button" class="hs-collapse-toggle flex enhxb items-center rdqxy x8hlq tuuss zqruk p12pm mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden d10id 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="r8a99">Collapse</span>
<svg class="hs-collapse-open:rotate-180 n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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 xp67g overflow-hidden transition-[height] ixagr lg:w-auto lg:block lg:group-hover:opacity-100 lg:opacity-0" aria-labelledby="hs-pro-in1tctclid2_1">
<!-- Button Group -->
<div class="c50j2 vr231 hflvj m6pd4 ukbyd zxv30 mr9qs ntfdl inline-flex items-center u7uly dark:bg-neutral-900">
<!-- Button -->
<div class="hs-tooltip inline-block">
<button type="button" class="hs-tooltip-toggle flex enhxb items-center rdqxy x7ecd tuuss zqruk p12pm mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden d10id 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="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="r8a99">Add reaction</span>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl j8ti2 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 enhxb items-center rdqxy x7ecd tuuss zqruk p12pm mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden d10id 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="n2l26 bnmi1" xmlns="http://www.w3.org/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="r8a99">Reply</span>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl j8ti2 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 enhxb items-center rdqxy x7ecd tuuss zqruk p12pm mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden d10id 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="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="r8a99">Edit</span>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl j8ti2 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 enhxb items-center rdqxy x7ecd tuuss zqruk p12pm mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden d10id 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="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="r8a99">Delete</span>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl j8ti2 dark:bg-neutral-700" role="tooltip">
Delete
</span>
</div>
<!-- End Button -->
</div>
<!-- End Button Group -->
</div>
<!-- End Collapse Content -->
</div>
<div class="group xp67g lg:flex dd0dk">
<div class="flex btgx5">
<div class="n2l26 x8hlq cgjzl">
</div>
<div class="-ms-2 nf6rv xp67g k0t4l">
<div class="flex nx1xn r2jif" style="word-break: break-word;">
<div class="f9d5d psrjx inline-block iili6 dje09 dark:bg-neutral-700">
<div class="tuuss zqruk dark:text-neutral-400">
I agree we should discuss this ASAP
<span class="y8vd7 lndac lqxom dark:text-neutral-500">
11:12
</span>
</div>
</div>
<div class="lg:hidden">
<!-- Collapse Button -->
<button type="button" class="hs-collapse-toggle flex enhxb items-center rdqxy x8hlq tuuss zqruk p12pm mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden d10id 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="r8a99">Collapse</span>
<svg class="hs-collapse-open:rotate-180 n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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 xp67g overflow-hidden transition-[height] ixagr lg:w-auto lg:block lg:group-hover:opacity-100 lg:opacity-0" aria-labelledby="hs-pro-in1tctclid2_2">
<!-- Button Group -->
<div class="c50j2 vr231 hflvj m6pd4 ukbyd zxv30 mr9qs ntfdl inline-flex items-center u7uly dark:bg-neutral-900">
<!-- Button -->
<div class="hs-tooltip inline-block">
<button type="button" class="hs-tooltip-toggle flex enhxb items-center rdqxy x7ecd tuuss zqruk p12pm mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden d10id 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="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="r8a99">Add reaction</span>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl j8ti2 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 enhxb items-center rdqxy x7ecd tuuss zqruk p12pm mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden d10id 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="n2l26 bnmi1" xmlns="http://www.w3.org/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="r8a99">Reply</span>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl j8ti2 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 enhxb items-center rdqxy x7ecd tuuss zqruk p12pm mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden d10id 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="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="r8a99">Edit</span>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl j8ti2 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 enhxb items-center rdqxy x7ecd tuuss zqruk p12pm mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden d10id 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="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="r8a99">Delete</span>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl j8ti2 dark:bg-neutral-700" role="tooltip">
Delete
</span>
</div>
<!-- End Button -->
</div>
<!-- End Button Group -->
</div>
<!-- End Collapse Content -->
</div>
<div class="group xp67g lg:flex dd0dk">
<div class="flex btgx5">
<div class="n2l26 x8hlq cgjzl">
</div>
<div class="-ms-2 nf6rv xp67g k0t4l">
<div class="flex nx1xn r2jif" style="word-break: break-word;">
<div class="f9d5d psrjx inline-block iili6 dje09 dark:bg-neutral-700">
<div class="tuuss zqruk dark:text-neutral-400">
I'm available tomorrow (Thursday) at 2 PM or Friday morning before 11 AM
<span class="y8vd7 lndac lqxom dark:text-neutral-500">
11:13
</span>
</div>
</div>
<div class="lg:hidden">
<!-- Collapse Button -->
<button type="button" class="hs-collapse-toggle flex enhxb items-center rdqxy x8hlq tuuss zqruk p12pm mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden d10id 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="r8a99">Collapse</span>
<svg class="hs-collapse-open:rotate-180 n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="kd00o flex items-center r2jif">
<div class="hs-tooltip inline-block">
<span class="hs-tooltip-toggle pzd9a j6548 vqx3d flex megik k9mkq yn1qn mr9qs dark:bg-blue-500/20 dark:border-blue-500/30">
<span class="tuuss iq13t">
👍️ 2
</span>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl j8ti2 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 enhxb items-center rdqxy x7ecd tuuss zqruk p12pm mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden d10id 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="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="r8a99">Add reaction</span>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl j8ti2 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 xp67g overflow-hidden transition-[height] ixagr lg:w-auto lg:block lg:group-hover:opacity-100 lg:opacity-0" aria-labelledby="hs-pro-in1tctclid2_3">
<!-- Button Group -->
<div class="c50j2 vr231 hflvj m6pd4 ukbyd zxv30 mr9qs ntfdl inline-flex items-center u7uly dark:bg-neutral-900">
<!-- Button -->
<div class="hs-tooltip inline-block">
<button type="button" class="hs-tooltip-toggle flex enhxb items-center rdqxy x7ecd tuuss zqruk p12pm mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden d10id 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="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="r8a99">Add reaction</span>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl j8ti2 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 enhxb items-center rdqxy x7ecd tuuss zqruk p12pm mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden d10id 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="n2l26 bnmi1" xmlns="http://www.w3.org/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="r8a99">Reply</span>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl j8ti2 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 enhxb items-center rdqxy x7ecd tuuss zqruk p12pm mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden d10id 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="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="r8a99">Edit</span>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl j8ti2 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 enhxb items-center rdqxy x7ecd tuuss zqruk p12pm mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden d10id 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="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="r8a99">Delete</span>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl j8ti2 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="s1iwv">
<!-- Step Item -->
<div class="relative group uixns i1v87 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="xp67g flex btgx5">
<span class="flex n2l26 enhxb items-center x8hlq iili6 tuuss hysdx dq2gi z0e83 mr9qs dark:bg-neutral-700 dark:text-neutral-500">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="dgznh kd00o">
<span class="tuuss z0e83 dark:text-neutral-500">
<span class="hysdx">Assigned</span> to Lewis Clarke by Isabella Lauda
</span>
<span class="r8vr5 y8vd7 on128 lqxom dark:text-neutral-600">
11:28 AM
</span>
</div>
</div>
</div>
<!-- End Step Item -->
<!-- Step Item -->
<div class="relative group uixns i1v87 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="xp67g flex btgx5">
<span class="flex n2l26 enhxb items-center x8hlq iili6 tuuss hysdx dq2gi z0e83 mr9qs dark:bg-neutral-700 dark:text-neutral-500">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="dgznh kd00o">
<span class="tuuss z0e83 dark:text-neutral-500">
<span class="hysdx">Moved</span> to Gmail by Isabella Lauda
</span>
<span class="r8vr5 y8vd7 on128 lqxom dark:text-neutral-600">
11:28 AM
</span>
</div>
</div>
</div>
<!-- End Step Item -->
<!-- Step Item -->
<div class="relative group uixns i1v87 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="xp67g flex btgx5">
<span class="flex n2l26 enhxb items-center x8hlq iili6 tuuss hysdx dq2gi z0e83 mr9qs dark:bg-neutral-700 dark:text-neutral-500">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="dgznh kd00o">
<span class="tuuss z0e83 dark:text-neutral-500">
<span class="hysdx">Added</span> to <span class="vj7px dgmc7 zxv30 k9mkq yxawv u9tmt tuuss mr9qs dark:bg-neutral-900 dark:border-neutral-700">Generic</span> xtvhj by Isabella Lauda
</span>
<span class="r8vr5 y8vd7 on128 lqxom dark:text-neutral-600">
11:29 AM
</span>
</div>
</div>
</div>
<!-- End Step Item -->
<!-- Step Item -->
<div class="relative group uixns i1v87 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="xp67g flex btgx5">
<span class="flex n2l26 enhxb items-center x8hlq iili6 tuuss hysdx dq2gi z0e83 mr9qs dark:bg-neutral-700 dark:text-neutral-500">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="dgznh kd00o">
<span class="tuuss z0e83 dark:text-neutral-500">
<span class="hysdx">Added</span> to <span class="vj7px dgmc7 zxv30 k9mkq yxawv iq13t tuuss mr9qs dark:bg-neutral-900 dark:border-neutral-700">Reviews</span> xtvhj by Isabella Lauda
</span>
<span class="r8vr5 y8vd7 on128 lqxom 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="puxhz zxv30 dje09 lgip9 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="mi46d s1iwv hy1xb xp67g inline-flex items-center u3ov7 truncate">
<div class="xp67g flex tm7wi truncate">
<img class="kd00o n2l26 x8hlq mr9qs" 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="dgznh truncate flex flex-col">
<!-- Popover -->
<div class=" truncate">
<div class="hs-tooltip [--trigger:click] sm:[--placement:bottom-left] inline-block io5na">
<span class="hs-tooltip-toggle relative ela75 inline-flex items-center truncate tuuss hysdx ejo46 dark:text-neutral-200 cursor-pointer sh940 h8tqt" tabindex="-1">
Lewis Clarke
</span>
<!-- Popover Content -->
<div class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible hidden opacity-0 qdi5k absolute g4xt3 t0pau cvoid xp67g zxv30 k9mkq a56pk m8hmi mzy38 qdmo7 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="jhb8q">
<span class="block madsw tuuss z0e83 dark:text-neutral-500">
Contact
</span>
<!-- Header -->
<div class="flex flex-col enhxb items-center es2r6">
<img class="n2l26 zoavk mr9qs" 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="nqo4p hw6xt ejo46 dark:text-white">
Lewis Clarke
</h4>
</div>
<!-- End Header -->
<div class="kd00o cgjzl">
<p class="tuuss ejo46 dark:text-neutral-200">
<a class="inline-flex items-center lwq0m d5esf j28t5 dvb9h h8tqt focus:outline-hidden ch28j dark:text-blue-500" href="#">lewis@company.com</a>
</p>
</div>
<!-- Footer -->
<div class="bm1bw p7mth flex saet7 items-center jhbd9 yxawv dark:border-neutral-700">
<a class="inline-flex items-center lwq0m on128 z0e83 hmpqz focus:outline-hidden rdx35 disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 dark:hover:text-white dark:focus:text-white" href="#">
<svg class="n2l26 br82p" xmlns="http://www.w3.org/2000/svg" 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="f9d5d l1xlu inline-flex items-center lwq0m tuuss wavyl k9mkq yxawv zxv30 ejo46 ntfdl wsl5v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden u7q2f dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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 io5na truncate">
<div class="hs-tooltip [--trigger:click] sm:[--placement:bottom-left] inline-block io5na">
<span class="truncate tuuss ejo46 dark:text-neutral-200">To:</span>
<span class="hs-tooltip-toggle relative ela75 inline-flex items-center truncate tuuss z0e83 dark:text-neutral-500 cursor-pointer sh940 h8tqt" tabindex="-1">
Sarah Chen
</span>
<!-- Popover Content -->
<div class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible hidden opacity-0 qdi5k absolute g4xt3 t0pau cvoid xp67g zxv30 k9mkq a56pk m8hmi mzy38 qdmo7 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="jhb8q">
<span class="block madsw tuuss z0e83 dark:text-neutral-500">
Contact
</span>
<!-- Header -->
<div class="flex flex-col enhxb items-center es2r6">
<span class="flex n2l26 enhxb items-center zoavk dq2gi zp075 w3h0o mr9qs dark:bg-neutral-600">S</span>
<h4 class="nqo4p hw6xt ejo46 dark:text-white">
Sarah Chen
</h4>
</div>
<!-- End Header -->
<div class="kd00o cgjzl">
<p class="tuuss ejo46 dark:text-neutral-200">
<a class="inline-flex items-center lwq0m d5esf j28t5 dvb9h h8tqt focus:outline-hidden ch28j dark:text-blue-500" href="#">schen@company.com</a>
</p>
</div>
<!-- Footer -->
<div class="bm1bw p7mth flex saet7 items-center jhbd9 yxawv dark:border-neutral-700">
<a class="inline-flex items-center lwq0m on128 z0e83 hmpqz focus:outline-hidden rdx35 disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 dark:hover:text-white dark:focus:text-white" href="#">
<svg class="n2l26 br82p" xmlns="http://www.w3.org/2000/svg" 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="f9d5d l1xlu inline-flex items-center lwq0m tuuss wavyl k9mkq yxawv zxv30 ejo46 ntfdl wsl5v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden u7q2f dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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 io5na truncate">
<span class="truncate tuuss ejo46 dark:text-neutral-200">Date:</span>
<span class="truncate tuuss z0e83 dark:text-neutral-500">October 3, 2024 11:30 AM</span>
</div>
<div class="hs-accordion-force-active hs-accordion-active:hidden io5na truncate">
<p class="truncate tuuss z0e83 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="nf6rv">
<span class="hs-accordion-force-active hs-accordion-active:hidden on128 inline-block z0e83 dark:text-neutral-500">Oct 3</span>
<span class="hs-accordion-force-active sm:hs-accordion-active:inline-block hidden on128 z0e83 dark:text-neutral-500">October 3, 2024 11:30 AM</span>
</div>
</div>
</div>
<div class="absolute uwi6w qpsld ela75 -translate-y-1/2">
<!-- More Dropdown -->
<div class="hs-dropdown aeqoj [--placement:top-right] relative inline-flex">
<button id="hs-pro-in1tctmdid2" type="button" class="flex enhxb items-center rdqxy x8hlq tuuss zqruk lk55v wavyl disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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="n2l26 szmrd" xmlns="http://www.w3.org/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 ft0gf transition-[opacity,margin] duration opacity-0 hidden h3jvs zxv30 mzy38 w9ar3 dark:bg-neutral-950" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-in1tctmdid2">
<div class="s63oc overflow-y-auto hm2m0 uqiuh b3ail ykfhs dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<div class="smvag space-y-0.5 xu4xz yxawv dark:border-neutral-800">
<button type="button" class="xp67g flex items-center rdqxy f9d5d l1xlu wavyl d5esf ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/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="xp67g flex items-center rdqxy f9d5d l1xlu wavyl d5esf ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/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="xp67g flex items-center rdqxy f9d5d l1xlu wavyl d5esf ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhsn">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/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="xp67g flex items-center rdqxy f9d5d l1xlu wavyl d5esf ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhsn">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="smvag space-y-0.5 xu4xz yxawv dark:border-neutral-800">
<button type="button" class="xp67g flex items-center rdqxy f9d5d l1xlu wavyl d5esf ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/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="xp67g flex items-center rdqxy f9d5d l1xlu wavyl d5esf ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="xp67g flex items-center rdqxy f9d5d l1xlu wavyl d5esf ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/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="xp67g flex items-center rdqxy f9d5d l1xlu wavyl d5esf ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="xp67g flex items-center rdqxy f9d5d l1xlu wavyl d5esf ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhsn">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="smvag space-y-0.5 xu4xz yxawv dark:border-neutral-800">
<button type="button" class="xp67g flex items-center rdqxy f9d5d l1xlu wavyl d5esf ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhtgm">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="vj7px u4s9n inline-flex items-center lwq0m on128 hw6xt megik ha6mo mr9qs dark:bg-blue-500/10 dark:text-blue-500">New</span>
</button>
</div>
<div class="smvag space-y-0.5 xu4xz yxawv dark:border-neutral-800">
<button type="button" class="xp67g flex items-center rdqxy f9d5d l1xlu wavyl d5esf ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhsh">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="xp67g flex items-center rdqxy f9d5d l1xlu wavyl d5esf ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhsh">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/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="xp67g flex items-center rdqxy f9d5d l1xlu wavyl d5esf ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhsh">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 xp67g overflow-hidden" role="region" aria-labelledby="hs-pro-in1tcid2">
<div class="jhb8q jhbd9 yxawv dark:border-neutral-700">
<div class="tuuss ejo46 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="gjk1t space-y-0.5">
<div class="dceg4 flex flex-wrap items-center v6f2r">
<span class="on128 z0e83 dark:text-neutral-200">
James Collins
</span>
</div>
<div class="group xp67g lg:flex dd0dk">
<div class="xp67g flex btgx5">
<div class="n2l26 x8hlq cgjzl">
<img class="n2l26 x8hlq mr9qs" 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 nf6rv xp67g k0t4l">
<!-- Textarea -->
<div class="relative">
<textarea class="a1127 sqo0k fop0g t07au block xp67g iili6 yxawv iqf44 io5na wavyl q432g wtpak focus:outline-hidden fwe1v wa9xh eoafj 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 hm2m0 uqiuh b3ail ykfhs 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 uwi6w f65mc dw07v -translate-y-1/2 flex items-center r2jif">
<!-- Button -->
<div class="hs-tooltip inline-block">
<button type="button" class="hs-tooltip-toggle flex enhxb items-center rdqxy rekd6 tuuss zqruk lk55v mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="r8a99">Attach file</span>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl j8ti2 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 enhxb items-center rdqxy rekd6 tuuss zqruk lk55v mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="r8a99">Add emoji</span>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl j8ti2 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 enhxb items-center rdqxy rekd6 tuuss zqruk lk55v mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="r8a99">Send voice message</span>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl j8ti2 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="kd00o flex lokyk items-center r2jif">
<button type="button" class="f9d5d psrjx inline-flex items-center u3ov7 hw6xt tuuss wavyl k9mkq yxawv gxtht j28t5 p12pm disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden d10id 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="f9d5d psrjx inline-flex enhxb items-center lwq0m hw6xt tuuss wavyl k9mkq je4jy o0y3u w3h0o pgsi2 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kebql isksk">
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="puxhz zxv30 dje09 lgip9 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="mi46d s1iwv hy1xb xp67g inline-flex items-center u3ov7 truncate">
<div class="xp67g flex tm7wi truncate">
<span class="kd00o flex n2l26 enhxb items-center x8hlq dq2gi zp075 w3h0o dark:bg-neutral-600 mr9qs">S</span>
<div class="dgznh truncate flex flex-col">
<!-- Popover -->
<div class=" truncate">
<div class="hs-tooltip [--trigger:click] sm:[--placement:bottom-left] inline-block io5na">
<span class="hs-tooltip-toggle relative ela75 inline-flex items-center truncate tuuss hysdx ejo46 dark:text-neutral-200 cursor-pointer sh940 h8tqt" tabindex="-1">
Sarah Chen
</span>
<!-- Popover Content -->
<div class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible hidden opacity-0 qdi5k absolute g4xt3 t0pau cvoid xp67g zxv30 k9mkq a56pk m8hmi mzy38 qdmo7 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="jhb8q">
<span class="block madsw tuuss z0e83 dark:text-neutral-500">
Contact
</span>
<!-- Header -->
<div class="flex flex-col enhxb items-center es2r6">
<span class="flex n2l26 enhxb items-center zoavk dq2gi zp075 w3h0o mr9qs dark:bg-neutral-600">S</span>
<h4 class="nqo4p hw6xt ejo46 dark:text-white">
Sarah Chen
</h4>
</div>
<!-- End Header -->
<div class="kd00o cgjzl">
<p class="tuuss ejo46 dark:text-neutral-200">
<a class="inline-flex items-center lwq0m d5esf j28t5 dvb9h h8tqt focus:outline-hidden ch28j dark:text-blue-500" href="#">schen@company.com</a>
</p>
</div>
<!-- Footer -->
<div class="bm1bw p7mth flex saet7 items-center jhbd9 yxawv dark:border-neutral-700">
<a class="inline-flex items-center lwq0m on128 z0e83 hmpqz focus:outline-hidden rdx35 disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 dark:hover:text-white dark:focus:text-white" href="#">
<svg class="n2l26 br82p" xmlns="http://www.w3.org/2000/svg" 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="f9d5d l1xlu inline-flex items-center lwq0m tuuss wavyl k9mkq yxawv zxv30 ejo46 ntfdl wsl5v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden u7q2f dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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 io5na truncate">
<div class="hs-tooltip [--trigger:click] sm:[--placement:bottom-left] inline-block io5na">
<span class="truncate tuuss ejo46 dark:text-neutral-200">To:</span>
<span class="hs-tooltip-toggle relative ela75 inline-flex items-center truncate tuuss z0e83 dark:text-neutral-500 cursor-pointer sh940 h8tqt" tabindex="-1">
Lewis Clarke
</span>
<!-- Popover Content -->
<div class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible hidden opacity-0 qdi5k absolute g4xt3 t0pau cvoid xp67g zxv30 k9mkq a56pk m8hmi mzy38 qdmo7 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="jhb8q">
<span class="block madsw tuuss z0e83 dark:text-neutral-500">
Contact
</span>
<!-- Header -->
<div class="flex flex-col enhxb items-center es2r6">
<img class="n2l26 zoavk mr9qs" 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="nqo4p hw6xt ejo46 dark:text-white">
Lewis Clarke
</h4>
</div>
<!-- End Header -->
<div class="kd00o cgjzl">
<p class="tuuss ejo46 dark:text-neutral-200">
<a class="inline-flex items-center lwq0m d5esf j28t5 dvb9h h8tqt focus:outline-hidden ch28j dark:text-blue-500" href="#">lewis@company.com</a>
</p>
</div>
<!-- Footer -->
<div class="bm1bw p7mth flex saet7 items-center jhbd9 yxawv dark:border-neutral-700">
<a class="inline-flex items-center lwq0m on128 z0e83 hmpqz focus:outline-hidden rdx35 disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 dark:hover:text-white dark:focus:text-white" href="#">
<svg class="n2l26 br82p" xmlns="http://www.w3.org/2000/svg" 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="f9d5d l1xlu inline-flex items-center lwq0m tuuss wavyl k9mkq yxawv zxv30 ejo46 ntfdl wsl5v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden u7q2f dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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 io5na truncate">
<span class="truncate tuuss ejo46 dark:text-neutral-200">Date:</span>
<span class="truncate tuuss z0e83 dark:text-neutral-500">October 3, 2024 11:45 AM</span>
</div>
<div class="hs-accordion-force-active hs-accordion-active:hidden io5na truncate">
<p class="truncate tuuss z0e83 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="nf6rv">
<span class="hs-accordion-force-active hs-accordion-active:hidden on128 inline-block z0e83 dark:text-neutral-500">Oct 3</span>
<span class="hs-accordion-force-active sm:hs-accordion-active:inline-block hidden on128 z0e83 dark:text-neutral-500">October 3, 2024 11:45 AM</span>
</div>
</div>
</div>
<div class="absolute uwi6w qpsld ela75 -translate-y-1/2">
<!-- More Dropdown -->
<div class="hs-dropdown aeqoj [--placement:top-right] relative inline-flex">
<button id="hs-pro-in1tctmdid3" type="button" class="flex enhxb items-center rdqxy x8hlq tuuss zqruk lk55v wavyl disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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="n2l26 szmrd" xmlns="http://www.w3.org/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 ft0gf transition-[opacity,margin] duration opacity-0 hidden h3jvs zxv30 mzy38 w9ar3 dark:bg-neutral-950" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-in1tctmdid3">
<div class="s63oc overflow-y-auto hm2m0 uqiuh b3ail ykfhs dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<div class="smvag space-y-0.5 xu4xz yxawv dark:border-neutral-800">
<button type="button" class="xp67g flex items-center rdqxy f9d5d l1xlu wavyl d5esf ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/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="xp67g flex items-center rdqxy f9d5d l1xlu wavyl d5esf ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/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="xp67g flex items-center rdqxy f9d5d l1xlu wavyl d5esf ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhsn">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/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="xp67g flex items-center rdqxy f9d5d l1xlu wavyl d5esf ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhsn">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="smvag space-y-0.5 xu4xz yxawv dark:border-neutral-800">
<button type="button" class="xp67g flex items-center rdqxy f9d5d l1xlu wavyl d5esf ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/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="xp67g flex items-center rdqxy f9d5d l1xlu wavyl d5esf ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="xp67g flex items-center rdqxy f9d5d l1xlu wavyl d5esf ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/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="xp67g flex items-center rdqxy f9d5d l1xlu wavyl d5esf ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="xp67g flex items-center rdqxy f9d5d l1xlu wavyl d5esf ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhsn">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="smvag space-y-0.5 xu4xz yxawv dark:border-neutral-800">
<button type="button" class="xp67g flex items-center rdqxy f9d5d l1xlu wavyl d5esf ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhtgm">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="vj7px u4s9n inline-flex items-center lwq0m on128 hw6xt megik ha6mo mr9qs dark:bg-blue-500/10 dark:text-blue-500">New</span>
</button>
</div>
<div class="smvag space-y-0.5 xu4xz yxawv dark:border-neutral-800">
<button type="button" class="xp67g flex items-center rdqxy f9d5d l1xlu wavyl d5esf ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhsh">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="xp67g flex items-center rdqxy f9d5d l1xlu wavyl d5esf ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhsh">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/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="xp67g flex items-center rdqxy f9d5d l1xlu wavyl d5esf ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhsh">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 xp67g overflow-hidden" role="region" aria-labelledby="hs-pro-in1tcid3">
<div class="jhb8q jhbd9 yxawv dark:border-neutral-700">
<div class="tuuss ejo46 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="puxhz zxv30 dje09 lgip9 dark:bg-neutral-900">
<!-- Header -->
<div class="hxfjh gjk1t xu4xz yxawv dark:border-neutral-700">
<div class="sm:flex rdqxy">
<div class="dgznh">
<!-- From Content -->
<div class="flex nl4z6 u3ov7">
<span class="mhnfh tuuss z0e83 dark:text-neutral-400">
From:
</span>
<!-- Tag -->
<div class="ukbyd vqx3d puxhz flex flex-nowrap items-center lwq0m">
<img class="n2l26 rekd6 mr9qs" 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="j8ti2 tuuss ejo46 dark:text-neutral-200">
James Collins
</div>
</div>
<!-- End Tag -->
</div>
<!-- End From Content -->
<!-- To Content -->
<div class="flex nl4z6 u3ov7">
<span class="mhnfh tuuss z0e83 dark:text-neutral-400">
To:
</span>
<!-- Select -->
<select multiple data-hs-select='{
"placeholder": "Enter email or name",
"dropdownClasses": "nqo4p q7724 xp67g cvoid rrqls smvag zxv30 k9mkq yxawv wavyl w9ar3 overflow-hidden overflow-y-auto hm2m0 uqiuh b3ail ykfhs 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": "hcvae u4s9n xp67g tuuss ejo46 cursor-pointer lk55v wavyl focus:outline-hidden rjc3l 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 fuiwk flex items-center flex-wrap xggui xp67g m8hmi tuuss",
"tagsItemTemplate": "<div class=\"flex flex-nowrap items-center relative dw07v zxv30 k9mkq yxawv mr9qs ukbyd mkl42 puxhz dark:bg-neutral-900 dark:border-neutral-700 \"><div class=\"n2l26 rekd6 b4uwt \" data-icon></div><div class=\"j8ti2 ejo46 dark:text-neutral-200 \" data-title></div><div class=\"inline-flex n2l26 enhxb items-center s1u6m djyey mr9qs ejo46 p12pm focus:outline-hidden d10id tuuss dark:hover:bg-neutral-700 dark:text-neutral-400 cursor-pointer \" data-remove><svg class=\"n2l26 br82p \" xmlns=\"http://www.w3.org/2000/svg\" 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": "ozqxb u4s9n wavyl dgznh js4j3 tm0mx wqv3r outline-hidden je4jy u4wxg dark:bg-neutral-900 dark:placeholder-neutral-500 dark:text-neutral-400",
"optionTemplate": "<div class=\"flex items-center \"><div class=\"n2l26 rekd6 tp1ru \" data-icon></div><div class=\"truncate \"><div class=\"tuuss ejo46 dark:text-neutral-200 \" data-title></div><div class=\"truncate on128 z0e83 dark:text-neutral-500 \" data-description></div></div><div class=\"ms-auto \"><span class=\"hidden hs-selected:block \"><svg class=\"n2l26 szmrd \" 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 n2l26 enhxb items-center rekd6 on128 dq2gi zp075 w3h0o dark:bg-neutral-600 mr9qs \">S</span>"
}'>Sarah Chen</option>
<option value="2" data-hs-select-option='{
"description": "david1harris@example.com",
"icon": "<img class=\"n2l26 mr9qs \" 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=\"n2l26 mr9qs \" 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 n2l26 enhxb items-center rekd6 on128 dq2gi hs5iv w3h0o mr9qs \">I</span>"
}'>Isabella Lauda</option>
<option value="5" data-hs-select-option='{
"description": "chrstiwilliams@site.so",
"icon": "<span class=\"inline-flex n2l26 enhxb items-center rekd6 on128 dq2gi b3nns w3h0o mr9qs \">C</span>"
}'>Christina Williams</option>
<option value="6" data-hs-select-option='{
"description": "amanda@preline.so",
"icon": "<img class=\"n2l26 mr9qs \" 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 xp67g overflow-hidden open" aria-labelledby="hs-pro-in1trcccid1">
<div class="flex nl4z6 u3ov7">
<span class="mhnfh tuuss z0e83 dark:text-neutral-400">
Cc:
</span>
<!-- Select -->
<select multiple data-hs-select='{
"placeholder": "Enter email or name",
"dropdownClasses": "nqo4p q7724 xp67g cvoid rrqls smvag zxv30 k9mkq yxawv wavyl w9ar3 overflow-hidden overflow-y-auto hm2m0 uqiuh b3ail ykfhs 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": "hcvae u4s9n xp67g tuuss ejo46 cursor-pointer lk55v wavyl focus:outline-hidden rjc3l 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 fuiwk flex items-center flex-wrap xggui xp67g m8hmi tuuss",
"tagsItemTemplate": "<div class=\"flex flex-nowrap items-center relative dw07v zxv30 k9mkq yxawv mr9qs ukbyd mkl42 puxhz dark:bg-neutral-900 dark:border-neutral-700 \"><div class=\"n2l26 rekd6 b4uwt \" data-icon></div><div class=\"j8ti2 ejo46 dark:text-neutral-200 \" data-title></div><div class=\"inline-flex n2l26 enhxb items-center s1u6m djyey mr9qs ejo46 p12pm focus:outline-hidden d10id tuuss dark:hover:bg-neutral-700 dark:text-neutral-400 cursor-pointer \" data-remove><svg class=\"n2l26 br82p \" xmlns=\"http://www.w3.org/2000/svg\" 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": "ozqxb u4s9n wavyl dgznh js4j3 tm0mx wqv3r outline-hidden je4jy u4wxg dark:bg-neutral-900 dark:placeholder-neutral-500 dark:text-neutral-400",
"optionTemplate": "<div class=\"flex items-center \"><div class=\"n2l26 rekd6 tp1ru \" data-icon></div><div class=\"truncate \"><div class=\"tuuss ejo46 dark:text-neutral-200 \" data-title></div><div class=\"truncate on128 z0e83 dark:text-neutral-500 \" data-description></div></div><div class=\"ms-auto \"><span class=\"hidden hs-selected:block \"><svg class=\"n2l26 szmrd \" 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 n2l26 enhxb items-center rekd6 on128 dq2gi zp075 w3h0o dark:bg-neutral-600 mr9qs \">S</span>"
}'>Sarah Chen</option>
<option value="2" data-hs-select-option='{
"description": "david1harris@example.com",
"icon": "<img class=\"n2l26 mr9qs \" 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=\"n2l26 mr9qs \" 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 n2l26 enhxb items-center rekd6 on128 dq2gi hs5iv w3h0o mr9qs \">I</span>"
}'>Isabella Lauda</option>
<option value="5" data-hs-select-option='{
"description": "chrstiwilliams@site.so",
"icon": "<span class=\"inline-flex n2l26 enhxb items-center rekd6 on128 dq2gi b3nns w3h0o mr9qs \">C</span>"
}'>Christina Williams</option>
<option value="6" data-hs-select-option='{
"description": "amanda@preline.so",
"icon": "<img class=\"n2l26 mr9qs \" 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 xp67g overflow-hidden hidden" aria-labelledby="hs-pro-in1trbcccid1">
<div class="flex nl4z6 u3ov7">
<span class="mhnfh tuuss z0e83 dark:text-neutral-400">
Bcc:
</span>
<!-- Select -->
<select multiple data-hs-select='{
"placeholder": "Enter email or name",
"dropdownClasses": "nqo4p q7724 xp67g cvoid rrqls smvag zxv30 k9mkq yxawv wavyl w9ar3 overflow-hidden overflow-y-auto hm2m0 uqiuh b3ail ykfhs 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": "hcvae u4s9n xp67g tuuss ejo46 cursor-pointer lk55v wavyl focus:outline-hidden rjc3l 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 fuiwk flex items-center flex-wrap xggui xp67g m8hmi tuuss",
"tagsItemTemplate": "<div class=\"flex flex-nowrap items-center relative dw07v zxv30 k9mkq yxawv mr9qs ukbyd mkl42 puxhz dark:bg-neutral-900 dark:border-neutral-700 \"><div class=\"n2l26 rekd6 b4uwt \" data-icon></div><div class=\"j8ti2 ejo46 dark:text-neutral-200 \" data-title></div><div class=\"inline-flex n2l26 enhxb items-center s1u6m djyey mr9qs ejo46 p12pm focus:outline-hidden d10id tuuss dark:hover:bg-neutral-700 dark:text-neutral-400 cursor-pointer \" data-remove><svg class=\"n2l26 br82p \" xmlns=\"http://www.w3.org/2000/svg\" 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": "ozqxb u4s9n wavyl dgznh js4j3 tm0mx wqv3r outline-hidden je4jy u4wxg dark:bg-neutral-900 dark:placeholder-neutral-500 dark:text-neutral-400",
"optionTemplate": "<div class=\"flex items-center \"><div class=\"n2l26 rekd6 tp1ru \" data-icon></div><div class=\"truncate \"><div class=\"tuuss ejo46 dark:text-neutral-200 \" data-title></div><div class=\"truncate on128 z0e83 dark:text-neutral-500 \" data-description></div></div><div class=\"ms-auto \"><span class=\"hidden hs-selected:block \"><svg class=\"n2l26 szmrd \" 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 n2l26 enhxb items-center rekd6 on128 dq2gi zp075 w3h0o dark:bg-neutral-600 mr9qs \">S</span>"
}'>Sarah Chen</option>
<option value="2" data-hs-select-option='{
"description": "david1harris@example.com",
"icon": "<img class=\"n2l26 mr9qs \" 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=\"n2l26 mr9qs \" 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 n2l26 enhxb items-center rekd6 on128 dq2gi hs5iv w3h0o mr9qs \">I</span>"
}'>Isabella Lauda</option>
<option value="5" data-hs-select-option='{
"description": "chrstiwilliams@site.so",
"icon": "<span class=\"inline-flex n2l26 enhxb items-center rekd6 on128 dq2gi b3nns w3h0o mr9qs \">C</span>"
}'>Christina Williams</option>
<option value="6" data-hs-select-option='{
"description": "amanda@preline.so",
"icon": "<img class=\"n2l26 mr9qs \" 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="p9cw0">
<!-- Button Group -->
<div class="flex lokyk items-center r2jif">
<button type="button" class="hs-collapse-toggle smvag on128 zqruk clfmf lk55v focus:outline-hidden rjc3l 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 smvag on128 zqruk clfmf lk55v focus:outline-hidden rjc3l 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 smvag on128 zqruk clfmf lk55v focus:outline-hidden rjc3l 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 n2l26 enhxb items-center rekd6 on128 zqruk clfmf lk55v focus:outline-hidden rjc3l 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="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl j8ti2 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 xp67g overflow-hidden hidden" aria-labelledby="hs-pro-in1trsbcid1">
<div class="u3poc gjk1t flex items-center rdqxy xu4xz yxawv dark:border-neutral-700">
<span class="tuuss z0e83 dark:text-neutral-400">
Subject:
</span>
<div class="dgznh">
<input type="text" id="hs-pro-in1trsbinid1" class="b3mgy block xp67g i350v je4jy rounded-0 tm0mx wqv3r focus:outline-hidden rstw7 xeklp 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="r8a99">Subject</label>
</div>
</div>
</div>
<!-- End Subject Content -->
<!-- Tiptap -->
<div id="hs-editor-tiptap-1">
<div data-hs-editor-field></div>
<!-- Toolbar -->
<div class="ur00w jhbd9 yxawv dark:border-neutral-700">
<div class="flex flex-wrap items-center u7uly">
<!-- 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 x8hlq inline-flex enhxb items-center u3ov7 tuuss hysdx mr9qs k9mkq je4jy ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-white dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="r8a99">Formatting options</span>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute g4xt3 tx2df f9d5d psrjx wi3fc on128 w3h0o wavyl j8ti2 dark:bg-neutral-700" role="tooltip">
Formatting options
</span>
</div>
<!-- Formatting Options Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 kw5wi transition-[opacity,margin] duration opacity-0 hidden h3jvs zxv30 k9mkq yxawv mzy38 w9ar3 dark:bg-neutral-950 dark:border-neutral-700" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-in1trfodid1">
<!-- List -->
<div class="smvag">
<!-- Button -->
<div class="hs-tooltip inline-block">
<button type="button" class="hs-tooltip-toggle x8hlq inline-flex enhxb items-center u3ov7 tuuss hysdx mr9qs k9mkq je4jy ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-white dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-editor-bold>
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="r8a99">Bold</span>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl j8ti2 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 x8hlq inline-flex enhxb items-center u3ov7 tuuss hysdx mr9qs k9mkq je4jy ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-white dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-editor-italic>
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/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="r8a99">Italic</span>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl j8ti2 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 x8hlq inline-flex enhxb items-center u3ov7 tuuss hysdx mr9qs k9mkq je4jy ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-white dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-editor-underline>
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="r8a99">Underline</span>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl j8ti2 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 x8hlq inline-flex enhxb items-center u3ov7 tuuss hysdx mr9qs k9mkq je4jy ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-white dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-editor-strike>
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="r8a99">Strike</span>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl j8ti2 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 x8hlq inline-flex enhxb items-center u3ov7 tuuss hysdx mr9qs k9mkq je4jy ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-white dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-editor-ul>
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/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="r8a99">Lists</span>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl j8ti2 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 x8hlq inline-flex enhxb items-center u3ov7 tuuss hysdx mr9qs k9mkq je4jy ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-white dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-editor-blockquote>
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="r8a99">Blockquote</span>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl j8ti2 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 x8hlq inline-flex enhxb items-center u3ov7 tuuss hysdx mr9qs k9mkq je4jy ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-white dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-editor-code>
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="r8a99">Code</span>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl j8ti2 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 x8hlq inline-flex enhxb items-center u3ov7 tuuss hysdx mr9qs k9mkq je4jy ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-white dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl j8ti2 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 x8hlq inline-flex enhxb items-center u3ov7 tuuss hysdx mr9qs k9mkq je4jy ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-white dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-editor-link>
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl j8ti2 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 x8hlq inline-flex enhxb items-center u3ov7 tuuss hysdx mr9qs k9mkq je4jy ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-white dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl j8ti2 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 x8hlq inline-flex enhxb items-center u3ov7 tuuss hysdx mr9qs k9mkq je4jy ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-white dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl j8ti2 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 x8hlq inline-flex enhxb items-center u3ov7 tuuss hysdx mr9qs k9mkq je4jy ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-white dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl j8ti2 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="f9d5d psrjx inline-flex enhxb items-center lwq0m hw6xt tuuss kwev1 k9mkq je4jy o0y3u w3h0o pgsi2 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden hzgeo p2uau">
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 boqmp inline-flex enhxb items-center lwq0m hw6xt tuuss iwn5d ezp48 zoixl o0y3u w3h0o pgsi2 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden hzgeo p2uau">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="r8a99">More send options</span>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute g4xt3 tx2df f9d5d psrjx wi3fc on128 w3h0o wavyl j8ti2 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 c22dz transition-[opacity,margin] duration opacity-0 hidden h3jvs zxv30 mzy38 w9ar3 dark:bg-neutral-950" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-in1trsbgwmdid1">
<!-- List -->
<div class="smvag">
<button type="button" class="xp67g flex items-center rdqxy hxfjh l1xlu wavyl tuuss ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="xp67g flex items-center rdqxy hxfjh l1xlu wavyl tuuss ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/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="xp67g flex items-center rdqxy hxfjh l1xlu wavyl tuuss ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="jhb8q">
<!-- Textarea -->
<div class="relative">
<textarea class="uhwhz mi46d s1iwv t07au block xp67g iili6 yxawv iqf44 wqv3r io5na wavyl q432g wtpak focus:outline-hidden fwe1v wa9xh eoafj 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 hm2m0 uqiuh b3ail ykfhs 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 uwi6w qpsld dw07v -translate-y-1/2 flex items-center r2jif">
<!-- Button -->
<div class="hs-tooltip inline-block">
<button type="button" class="hs-tooltip-toggle flex enhxb items-center rdqxy rekd6 tuuss zqruk lk55v mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="r8a99">Attach file</span>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl j8ti2 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 enhxb items-center rdqxy rekd6 tuuss zqruk lk55v mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="r8a99">Add emoji</span>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl j8ti2 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 enhxb items-center rdqxy rekd6 tuuss zqruk lk55v mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="r8a99">Send voice message</span>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl j8ti2 dark:bg-neutral-700" role="tooltip">
Send voice message
</span>
</div>
<!-- End Button -->
<!-- Send Button -->
<button type="button" class="inline-flex n2l26 enhxb items-center rekd6 tuuss hw6xt mr9qs w3h0o o0y3u nf7dt disabled:opacity-50 disabled:pointer-events-none p2uau focus:outline-hidden kebql isksk">
<span class="r8a99">Send</span>
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 fm3wm flex flex-col">
<!-- Header -->
<header class="lg:hidden gomb9 zxmp1 x2ip9 n62jc ur00w ymbz2 flex saet7 u3ov7 zxv30 xu4xz yxawv dark:bg-neutral-900 dark:border-neutral-800">
<div class="dgznh">
<div class="flex items-center r2jif">
<div class="lg:hidden relative vqx3d qzxza 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="f9d5d upv35 flex enhxb items-center d5esf zqruk bt481 wavyl disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden ynrpz 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="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="ux1hp flex flex-col enhxb items-center cgjzl">
<span class="f9d5d inline-flex r2jif">
<span class="z859i g0adn mr9qs animate-[typing_1s_ease-in-out_infinite] dark:bg-neutral-200"></span>
<span class="z859i g0adn mr9qs animate-[typing_1s_ease-in-out_infinite_0.2s] dark:bg-neutral-200"></span>
<span class="z859i g0adn mr9qs animate-[typing_1s_ease-in-out_infinite_0.4s] dark:bg-neutral-200"></span>
</span>
<p class="eg6px tuuss z0e83 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 fm3wm flex flex-col">
<!-- Header -->
<header class="lg:hidden gomb9 zxmp1 x2ip9 n62jc ur00w ymbz2 flex saet7 u3ov7 zxv30 xu4xz yxawv dark:bg-neutral-900 dark:border-neutral-800">
<div class="dgznh">
<div class="flex items-center r2jif">
<div class="lg:hidden relative vqx3d qzxza 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="f9d5d upv35 flex enhxb items-center d5esf zqruk bt481 wavyl disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden ynrpz 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="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="ux1hp flex flex-col enhxb items-center cgjzl">
<span class="f9d5d inline-flex r2jif">
<span class="z859i g0adn mr9qs animate-[typing_1s_ease-in-out_infinite] dark:bg-neutral-200"></span>
<span class="z859i g0adn mr9qs animate-[typing_1s_ease-in-out_infinite_0.2s] dark:bg-neutral-200"></span>
<span class="z859i g0adn mr9qs animate-[typing_1s_ease-in-out_infinite_0.4s] dark:bg-neutral-200"></span>
</span>
<p class="eg6px tuuss z0e83 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 fm3wm flex flex-col">
<!-- Header -->
<header class="lg:hidden gomb9 zxmp1 x2ip9 n62jc ur00w ymbz2 flex saet7 u3ov7 zxv30 xu4xz yxawv dark:bg-neutral-900 dark:border-neutral-800">
<div class="dgznh">
<div class="flex items-center r2jif">
<div class="lg:hidden relative vqx3d qzxza 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="f9d5d upv35 flex enhxb items-center d5esf zqruk bt481 wavyl disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden ynrpz 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="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="ux1hp flex flex-col enhxb items-center cgjzl">
<span class="f9d5d inline-flex r2jif">
<span class="z859i g0adn mr9qs animate-[typing_1s_ease-in-out_infinite] dark:bg-neutral-200"></span>
<span class="z859i g0adn mr9qs animate-[typing_1s_ease-in-out_infinite_0.2s] dark:bg-neutral-200"></span>
<span class="z859i g0adn mr9qs animate-[typing_1s_ease-in-out_infinite_0.4s] dark:bg-neutral-200"></span>
</span>
<p class="eg6px tuuss z0e83 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 fm3wm flex flex-col">
<!-- Header -->
<header class="lg:hidden gomb9 zxmp1 x2ip9 n62jc ur00w ymbz2 flex saet7 u3ov7 zxv30 xu4xz yxawv dark:bg-neutral-900 dark:border-neutral-800">
<div class="dgznh">
<div class="flex items-center r2jif">
<div class="lg:hidden relative vqx3d qzxza 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="f9d5d upv35 flex enhxb items-center d5esf zqruk bt481 wavyl disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden ynrpz 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="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="ux1hp flex flex-col enhxb items-center cgjzl">
<span class="f9d5d inline-flex r2jif">
<span class="z859i g0adn mr9qs animate-[typing_1s_ease-in-out_infinite] dark:bg-neutral-200"></span>
<span class="z859i g0adn mr9qs animate-[typing_1s_ease-in-out_infinite_0.2s] dark:bg-neutral-200"></span>
<span class="z859i g0adn mr9qs animate-[typing_1s_ease-in-out_infinite_0.4s] dark:bg-neutral-200"></span>
</span>
<p class="eg6px tuuss z0e83 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 fm3wm flex flex-col">
<!-- Header -->
<header class="lg:hidden gomb9 zxmp1 x2ip9 n62jc ur00w ymbz2 flex saet7 u3ov7 zxv30 xu4xz yxawv dark:bg-neutral-900 dark:border-neutral-800">
<div class="dgznh">
<div class="flex items-center r2jif">
<div class="lg:hidden relative vqx3d qzxza 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="f9d5d upv35 flex enhxb items-center d5esf zqruk bt481 wavyl disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden ynrpz 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="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="ux1hp flex flex-col enhxb items-center cgjzl">
<span class="f9d5d inline-flex r2jif">
<span class="z859i g0adn mr9qs animate-[typing_1s_ease-in-out_infinite] dark:bg-neutral-200"></span>
<span class="z859i g0adn mr9qs animate-[typing_1s_ease-in-out_infinite_0.2s] dark:bg-neutral-200"></span>
<span class="z859i g0adn mr9qs animate-[typing_1s_ease-in-out_infinite_0.4s] dark:bg-neutral-200"></span>
</span>
<p class="eg6px tuuss z0e83 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 fm3wm flex flex-col">
<!-- Header -->
<header class="lg:hidden gomb9 zxmp1 x2ip9 n62jc ur00w ymbz2 flex saet7 u3ov7 zxv30 xu4xz yxawv dark:bg-neutral-900 dark:border-neutral-800">
<div class="dgznh">
<div class="flex items-center r2jif">
<div class="lg:hidden relative vqx3d qzxza 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="f9d5d upv35 flex enhxb items-center d5esf zqruk bt481 wavyl disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden ynrpz 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="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="ux1hp flex flex-col enhxb items-center cgjzl">
<span class="f9d5d inline-flex r2jif">
<span class="z859i g0adn mr9qs animate-[typing_1s_ease-in-out_infinite] dark:bg-neutral-200"></span>
<span class="z859i g0adn mr9qs animate-[typing_1s_ease-in-out_infinite_0.2s] dark:bg-neutral-200"></span>
<span class="z859i g0adn mr9qs animate-[typing_1s_ease-in-out_infinite_0.4s] dark:bg-neutral-200"></span>
</span>
<p class="eg6px tuuss z0e83 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 kquz2 fixed zxmp1 a98ho c61v5 overflow-x-hidden overflow-y-auto [--close-when-click-inside:true] n8854" 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 p1xgh opacity-0 bx2ni nf9l7 ei8tj hweyy oxtl1 sm:mx-auto h-[calc(100%-56px)] min-h-[calc(100%-56px)] flex items-center">
<div class="xp67g hx6ns overflow-hidden flex flex-col zxv30 mzy38 pointer-events-auto x32l5 dark:bg-neutral-800">
<!-- Header -->
<div class="mi46d gjk1t flex saet7 items-center xu4xz yxawv dark:border-neutral-700">
<h3 id="hs-pro-chhcntm-label" class="hysdx ejo46 dark:text-neutral-200">
Create new xtvhj
</h3>
<button type="button" class="x8hlq inline-flex enhxb items-center u3ov7 mr9qs k9mkq je4jy gxtht ejo46 p12pm focus:outline-hidden d10id 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="r8a99">Close</span>
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="jhb8q vyrd1 overflow-y-auto hm2m0 uqiuh b3ail ykfhs dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<!-- Input -->
<div>
<label for="hs-pro-chhcntmnm" class="madsw block tuuss hw6xt ejo46 dark:text-neutral-200">
Name
</label>
<input id="hs-pro-chhcntmnm" type="text" class="hxfjh l1xlu block xp67g yxawv wavyl tm0mx wqv3r jgd2f st4vp isksk 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="m2002">
<legend class="madsw tuuss hw6xt ejo46 dark:text-neutral-200">
Colors
</legend>
<div class="flex flex-wrap jrgs3">
<div class="group flex n2l26 enhxb items-center rekd6 cursor-pointer mr9qs plrar 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 n2l26 szmrd cursor-pointer w3h0o" 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="r8a99">Gray</span>
</label>
</div>
<div class="group flex n2l26 enhxb items-center rekd6 cursor-pointer mr9qs klnns 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 n2l26 szmrd cursor-pointer w3h0o" 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="r8a99">Red</span>
</label>
</div>
<div class="group flex n2l26 enhxb items-center rekd6 cursor-pointer mr9qs b3nns 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 n2l26 szmrd cursor-pointer w3h0o" 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="r8a99">Orange</span>
</label>
</div>
<div class="group flex n2l26 enhxb items-center rekd6 cursor-pointer mr9qs hajb3 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 n2l26 szmrd cursor-pointer w3h0o" 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="r8a99">Yellow</span>
</label>
</div>
<div class="group flex n2l26 enhxb items-center rekd6 cursor-pointer mr9qs y56jy 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 n2l26 szmrd cursor-pointer w3h0o" 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="r8a99">Green</span>
</label>
</div>
<div class="group flex n2l26 enhxb items-center rekd6 cursor-pointer mr9qs mmvqx 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 n2l26 szmrd cursor-pointer w3h0o" 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="r8a99">Blue</span>
</label>
</div>
<div class="group flex n2l26 enhxb items-center rekd6 cursor-pointer mr9qs buldq 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 n2l26 szmrd cursor-pointer w3h0o" 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="r8a99">Pink</span>
</label>
</div>
<div class="group flex n2l26 enhxb items-center rekd6 cursor-pointer mr9qs hs5iv 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 n2l26 szmrd cursor-pointer w3h0o" 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="r8a99">Purple</span>
</label>
</div>
<div class="group flex n2l26 enhxb items-center rekd6 cursor-pointer mr9qs izax6 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 n2l26 szmrd cursor-pointer w3h0o" 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="r8a99">Cyan</span>
</label>
</div>
<div class="group flex n2l26 enhxb items-center rekd6 cursor-pointer mr9qs avow8 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 n2l26 szmrd cursor-pointer w3h0o" 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="r8a99">Indigo</span>
</label>
</div>
</div>
</fieldset>
<!-- End Colors List -->
<!-- Switch/Toggle -->
<div class="m2002 inline-flex saet7 items-center rdqxy">
<label for="hs-pro-chhcntmpr" class="relative inline-block x0kau k6z5i cursor-pointer">
<input type="checkbox" id="hs-pro-chhcntmpr" class="peer r8a99">
<span class="absolute inset-0 iili6 mr9qs en36y rvew4 se6sv 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 uwi6w pqx29 -translate-y-1/2 s1u6m zxv30 mr9qs dossw ykcw4 rvew4 se6sv 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 tuuss ejo46 dark:text-neutral-300">Make it private</label>
</div>
<!-- End Switch/Toggle -->
</div>
<!-- End Body -->
<!-- Footer -->
<div class="jhb8q flex saet7 u3ov7">
<div class="flex-1 flex lokyk items-center v6f2r">
<button type="button" class="hxfjh l1xlu xggui inline-flex enhxb items-center m8hmi j8ti2 zxv30 k9mkq yxawv ejo46 on128 hw6xt wavyl ntfdl moa07 wsl5v 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="hxfjh l1xlu xggui inline-flex enhxb items-center u3ov7 m8hmi j8ti2 o0y3u k9mkq t9n9o w3h0o on128 hw6xt wavyl ntfdl moa07 pgsi2 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden v9ivw nny95 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 kquz2 fixed zxmp1 a98ho c61v5 overflow-x-hidden overflow-y-auto [--close-when-click-inside:true] n8854" 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 p1xgh opacity-0 bx2ni nf9l7 ei8tj hweyy oxtl1 sm:mx-auto h-[calc(100%-56px)] min-h-[calc(100%-56px)] flex items-center">
<div class="xp67g hx6ns overflow-hidden flex flex-col zxv30 mzy38 pointer-events-auto x32l5 dark:bg-neutral-800">
<!-- Header -->
<div class="mi46d gjk1t flex saet7 items-center xu4xz yxawv dark:border-neutral-700">
<button type="button" class="x8hlq inline-flex enhxb items-center u3ov7 mr9qs k9mkq je4jy zxv30 ejo46 lk55v focus:outline-hidden rjc3l 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="r8a99">Back</span>
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="hysdx ejo46 dark:text-neutral-200">
Custom date & time
</h3>
<button type="button" class="x8hlq inline-flex enhxb items-center u3ov7 mr9qs k9mkq je4jy gxtht ejo46 p12pm focus:outline-hidden d10id 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="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="r8a99">Close</span>
</button>
</div>
<!-- End Header -->
<!-- Body -->
<div class="smvag vyrd1 overflow-y-auto hm2m0 uqiuh b3ail ykfhs dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<div class="flex saet7 r2jif">
<fieldset class="xp67g khfgm cgrem">
<legend class="r8a99">
Custom date & time
</legend>
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt1" class="hxfjh l1xlu flex enhxb items-center zxv30 wavyl cursor-pointer clfmf p12pm d3s9q 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 d5esf ejo46 dark:text-neutral-200">
01:00 AM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt2" class="hxfjh l1xlu flex enhxb items-center zxv30 wavyl cursor-pointer clfmf p12pm d3s9q 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 d5esf ejo46 dark:text-neutral-200">
02:00 AM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt3" class="hxfjh l1xlu flex enhxb items-center zxv30 wavyl cursor-pointer clfmf p12pm d3s9q 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 d5esf ejo46 dark:text-neutral-200">
03:00 AM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt4" class="hxfjh l1xlu flex enhxb items-center zxv30 wavyl cursor-pointer clfmf p12pm d3s9q 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 d5esf ejo46 dark:text-neutral-200">
04:00 AM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt5" class="hxfjh l1xlu flex enhxb items-center zxv30 wavyl cursor-pointer clfmf p12pm d3s9q 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 d5esf ejo46 dark:text-neutral-200">
05:00 AM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt6" class="hxfjh l1xlu flex enhxb items-center zxv30 wavyl cursor-pointer clfmf p12pm d3s9q 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 d5esf ejo46 dark:text-neutral-200">
06:00 AM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt7" class="hxfjh l1xlu flex enhxb items-center zxv30 wavyl cursor-pointer clfmf p12pm d3s9q 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 d5esf ejo46 dark:text-neutral-200">
07:00 AM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt8" class="hxfjh l1xlu flex enhxb items-center zxv30 wavyl cursor-pointer clfmf p12pm d3s9q 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 d5esf ejo46 dark:text-neutral-200">
08:00 AM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt9" class="hxfjh l1xlu flex enhxb items-center zxv30 wavyl cursor-pointer clfmf p12pm d3s9q 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 d5esf ejo46 dark:text-neutral-200">
09:00 AM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt10" class="hxfjh l1xlu flex enhxb items-center zxv30 wavyl cursor-pointer clfmf p12pm d3s9q 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 d5esf ejo46 dark:text-neutral-200">
010:00 AM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt11" class="hxfjh l1xlu flex enhxb items-center zxv30 wavyl cursor-pointer clfmf p12pm d3s9q 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 d5esf ejo46 dark:text-neutral-200">
011:00 AM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt12" class="hxfjh l1xlu flex enhxb items-center zxv30 wavyl cursor-pointer clfmf p12pm d3s9q 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 d5esf ejo46 dark:text-neutral-200">
012:00 AM
</span>
</label>
<!-- End Checkbox -->
</fieldset>
<fieldset class="xp67g khfgm cgrem">
<legend class="r8a99">
Custom date & time
</legend>
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt13" class="hxfjh l1xlu flex enhxb items-center zxv30 wavyl cursor-pointer clfmf p12pm d3s9q 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 d5esf ejo46 dark:text-neutral-200">
01:00 PM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt14" class="hxfjh l1xlu flex enhxb items-center zxv30 wavyl cursor-pointer clfmf p12pm d3s9q 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 d5esf ejo46 dark:text-neutral-200">
02:00 PM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt15" class="hxfjh l1xlu flex enhxb items-center zxv30 wavyl cursor-pointer clfmf p12pm d3s9q 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 d5esf ejo46 dark:text-neutral-200">
03:00 PM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt16" class="hxfjh l1xlu flex enhxb items-center zxv30 wavyl cursor-pointer clfmf p12pm d3s9q 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 d5esf ejo46 dark:text-neutral-200">
04:00 PM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt17" class="hxfjh l1xlu flex enhxb items-center zxv30 wavyl cursor-pointer clfmf p12pm d3s9q 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 d5esf ejo46 dark:text-neutral-200">
05:00 PM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt18" class="hxfjh l1xlu flex enhxb items-center zxv30 wavyl cursor-pointer clfmf p12pm d3s9q 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 d5esf ejo46 dark:text-neutral-200">
06:00 PM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt19" class="hxfjh l1xlu flex enhxb items-center zxv30 wavyl cursor-pointer clfmf p12pm d3s9q 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 d5esf ejo46 dark:text-neutral-200">
07:00 PM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt20" class="hxfjh l1xlu flex enhxb items-center zxv30 wavyl cursor-pointer clfmf p12pm d3s9q 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 d5esf ejo46 dark:text-neutral-200">
08:00 PM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt21" class="hxfjh l1xlu flex enhxb items-center zxv30 wavyl cursor-pointer clfmf p12pm d3s9q 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 d5esf ejo46 dark:text-neutral-200">
09:00 PM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt22" class="hxfjh l1xlu flex enhxb items-center zxv30 wavyl cursor-pointer clfmf p12pm d3s9q 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 d5esf ejo46 dark:text-neutral-200">
010:00 PM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt23" class="hxfjh l1xlu flex enhxb items-center zxv30 wavyl cursor-pointer clfmf p12pm d3s9q 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 d5esf ejo46 dark:text-neutral-200">
011:00 PM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt24" class="hxfjh l1xlu flex enhxb items-center zxv30 wavyl cursor-pointer clfmf p12pm d3s9q 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 d5esf ejo46 dark:text-neutral-200">
012:00 PM
</span>
</label>
<!-- End Checkbox -->
</fieldset>
</div>
</div>
<!-- End Body -->
<!-- Footer -->
<div class="i1v87">
<div class="mi46d gjk1t madsw flex saet7 items-center u3ov7 rncu4 yxawv dark:border-neutral-700">
<div class="xp67g">
<span class="fxthc urcp3 block on128 zqruk dark:text-neutral-400">
Date
</span>
<!-- Calendar Dropdown -->
<div class="hs-dropdown [--auto-close:inside] inline-flex xp67g">
<button id="hs-pro-dnic" type="button" class="hcvae oyxl9 u4s9n xp67g inline-flex items-center j22ch wavyl k9mkq je4jy gxtht ejo46 p12pm disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden d10id 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="n2l26 a3b8t bnmi1" xmlns="http://www.w3.org/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 qxudl transition-[opacity,margin] duration opacity-0 hidden ih37d zxv30 mzy38 x32l5 dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-dnic">
<!-- Calendar -->
<div class="fop0g space-y-0.5">
<!-- Months -->
<div class="khfgm vckwj items-center rdqxy xvgxz i1v87">
<!-- Prev Button -->
<div class="b8438">
<button type="button" class="x8hlq flex enhxb items-center ejo46 lk55v mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-label="Previous">
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="mchqp flex enhxb items-center r2jif">
<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 xggui xp67g cursor-pointer m8hmi hw6xt ejo46 hmpqz focus:outline-hidden rdx35 before:absolute before:inset-0 before:z-1 dark:text-neutral-200 dark:hover:text-blue-500 dark:focus:text-blue-500",
"dropdownClasses": "nqo4p ih37d ahgde rrqls smvag space-y-0.5 zxv30 k9mkq yxawv wavyl w9ar3 overflow-hidden overflow-y-auto hm2m0 uqiuh b3ail ykfhs dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900 dark:border-neutral-700",
"optionClasses": "ur00w xp67g tuuss ejo46 cursor-pointer lk55v wavyl focus:outline-hidden rjc3l dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex saet7 items-center xp67g \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"n2l26 bnmi1 ejo46 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="ejo46 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 xggui xp67g cursor-pointer m8hmi hw6xt ejo46 hmpqz focus:outline-hidden rdx35 before:absolute before:inset-0 before:z-1 dark:text-neutral-200 dark:hover:text-blue-500 dark:focus:text-blue-500",
"dropdownClasses": "nqo4p ih37d q9zci rrqls smvag space-y-0.5 zxv30 k9mkq yxawv wavyl w9ar3 overflow-hidden overflow-y-auto hm2m0 uqiuh b3ail ykfhs dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900 dark:border-neutral-700",
"optionClasses": "ur00w xp67g tuuss ejo46 cursor-pointer lk55v wavyl focus:outline-hidden rjc3l dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex saet7 items-center xp67g \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"n2l26 bnmi1 ejo46 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="b8438 flex lokyk">
<button type="button" class=" x8hlq flex enhxb items-center ejo46 lk55v mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-label="Next">
<svg class="n2l26 szmrd" 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 q4t00">
<span class="e2vfg ijx7r block cgjzl tuuss z0e83 dark:text-neutral-500">
Mo
</span>
<span class="e2vfg ijx7r block cgjzl tuuss z0e83 dark:text-neutral-500">
Tu
</span>
<span class="e2vfg ijx7r block cgjzl tuuss z0e83 dark:text-neutral-500">
We
</span>
<span class="e2vfg ijx7r block cgjzl tuuss z0e83 dark:text-neutral-500">
Th
</span>
<span class="e2vfg ijx7r block cgjzl tuuss z0e83 dark:text-neutral-500">
Fr
</span>
<span class="e2vfg ijx7r block cgjzl tuuss z0e83 dark:text-neutral-500">
Sa
</span>
<span class="e2vfg ijx7r block cgjzl tuuss z0e83 dark:text-neutral-500">
Su
</span>
</div>
<!-- Weeks -->
<!-- Days -->
<div class="flex">
<div>
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center o0y3u n37x5 je4jy tuuss hw6xt w3h0o av57g mr9qs dark:bg-blue-500 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:hover:border-neutral-700">
20
</button>
</div>
<div>
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 av57g hmpqz mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
1
</button>
</div>
<div>
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 av57g hmpqz mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
2
</button>
</div>
<div>
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 av57g hmpqz mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
3
</button>
</div>
<div>
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 av57g hmpqz mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
4
</button>
</div>
<div>
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 av57g hmpqz mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
5
</button>
</div>
<div>
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 av57g hmpqz mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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="xp67g">
<label for="hs-pro-chhsncstm" class="fxthc urcp3 block on128 zqruk dark:text-neutral-400">
Time
</label>
<input type="text" class="f9d5d u4s9n block xp67g gxtht je4jy clfmf j22ch hmow8 u29jr p12pm jgd2f disabled:opacity-50 disabled:pointer-events-none d10id rstw7 xeklp 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="wg6pj gjk1t">
<div class="flex-1 flex lokyk items-center v6f2r">
<button type="button" class="hxfjh l1xlu xggui inline-flex enhxb items-center m8hmi j8ti2 zxv30 k9mkq yxawv ejo46 on128 hw6xt wavyl ntfdl moa07 wsl5v 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="hxfjh l1xlu xggui inline-flex enhxb items-center u3ov7 m8hmi j8ti2 o0y3u k9mkq t9n9o w3h0o on128 hw6xt wavyl ntfdl moa07 pgsi2 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden v9ivw nny95 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 kquz2 fixed zxmp1 a98ho c61v5 overflow-x-hidden overflow-y-auto [--close-when-click-inside:true] n8854" 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 p1xgh opacity-0 bx2ni nf9l7 gisjb dnd64 oxtl1 md:mx-auto h-[calc(100%-56px)] min-h-[calc(100%-56px)] flex items-center">
<div class="xp67g hx6ns overflow-hidden flex flex-col zxv30 mzy38 pointer-events-auto x32l5 dark:bg-neutral-800">
<!-- Header -->
<div class="u3poc gjk1t flex saet7 items-center xu4xz yxawv dark:border-neutral-700">
<h3 id="hs-pro-intrprm-label" class="hw6xt ejo46 dark:text-neutral-200">
Re:Project Timeline Update
</h3>
<button type="button" class="x8hlq n2l26 flex enhxb items-center u3ov7 mr9qs k9mkq je4jy gxtht ejo46 p12pm disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden d10id 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="r8a99">Close</span>
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="smvag overflow-y-auto hm2m0 uqiuh b3ail ykfhs dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<!-- Header -->
<div class="hxfjh gjk1t xu4xz yxawv dark:border-neutral-700">
<div class="sm:flex rdqxy">
<div class="dgznh">
<!-- From Content -->
<div class="flex nl4z6 u3ov7">
<span class="mhnfh tuuss z0e83 dark:text-neutral-400">
From:
</span>
<!-- Tag -->
<div class="ukbyd vqx3d puxhz flex flex-nowrap items-center lwq0m">
<img class="n2l26 rekd6 mr9qs" 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="j8ti2 tuuss ejo46 dark:text-neutral-200">
James Collins
</div>
</div>
<!-- End Tag -->
</div>
<!-- End From Content -->
<!-- To Content -->
<div class="flex nl4z6 u3ov7">
<span class="mhnfh tuuss z0e83 dark:text-neutral-400">
To:
</span>
<!-- Select -->
<select multiple data-hs-select='{
"placeholder": "Enter email or name",
"dropdownClasses": "nqo4p q7724 xp67g cvoid rrqls smvag zxv30 k9mkq yxawv wavyl w9ar3 overflow-hidden overflow-y-auto hm2m0 uqiuh b3ail ykfhs 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": "hcvae u4s9n xp67g tuuss ejo46 cursor-pointer lk55v wavyl focus:outline-hidden rjc3l 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 fuiwk flex items-center flex-wrap xggui xp67g m8hmi tuuss",
"tagsItemTemplate": "<div class=\"flex flex-nowrap items-center relative dw07v zxv30 k9mkq yxawv mr9qs ukbyd mkl42 puxhz dark:bg-neutral-900 dark:border-neutral-700 \"><div class=\"n2l26 rekd6 b4uwt \" data-icon></div><div class=\"j8ti2 ejo46 dark:text-neutral-200 \" data-title></div><div class=\"inline-flex n2l26 enhxb items-center s1u6m djyey mr9qs ejo46 p12pm focus:outline-hidden d10id tuuss dark:hover:bg-neutral-700 dark:text-neutral-400 cursor-pointer \" data-remove><svg class=\"n2l26 br82p \" xmlns=\"http://www.w3.org/2000/svg\" 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": "ozqxb u4s9n wavyl dgznh js4j3 tm0mx wqv3r outline-hidden je4jy u4wxg dark:bg-neutral-900 dark:placeholder-neutral-500 dark:text-neutral-400",
"optionTemplate": "<div class=\"flex items-center \"><div class=\"n2l26 rekd6 tp1ru \" data-icon></div><div class=\"truncate \"><div class=\"tuuss ejo46 dark:text-neutral-200 \" data-title></div><div class=\"truncate on128 z0e83 dark:text-neutral-500 \" data-description></div></div><div class=\"ms-auto \"><span class=\"hidden hs-selected:block \"><svg class=\"n2l26 szmrd \" 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 n2l26 enhxb items-center rekd6 on128 dq2gi zp075 w3h0o dark:bg-neutral-600 mr9qs \">S</span>"
}'>Sarah Chen</option>
<option value="2" data-hs-select-option='{
"description": "david1harris@example.com",
"icon": "<img class=\"n2l26 mr9qs \" 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=\"n2l26 mr9qs \" 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 n2l26 enhxb items-center rekd6 on128 dq2gi hs5iv w3h0o mr9qs \">I</span>"
}'>Isabella Lauda</option>
<option value="5" data-hs-select-option='{
"description": "chrstiwilliams@site.so",
"icon": "<span class=\"inline-flex n2l26 enhxb items-center rekd6 on128 dq2gi b3nns w3h0o mr9qs \">C</span>"
}'>Christina Williams</option>
<option value="6" data-hs-select-option='{
"description": "amanda@preline.so",
"icon": "<img class=\"n2l26 mr9qs \" 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 xp67g overflow-hidden open" aria-labelledby="hs-pro-in1trcccmdid1">
<div class="flex nl4z6 u3ov7">
<span class="mhnfh tuuss z0e83 dark:text-neutral-400">
Cc:
</span>
<!-- Select -->
<select multiple data-hs-select='{
"placeholder": "Enter email or name",
"dropdownClasses": "nqo4p q7724 xp67g cvoid rrqls smvag zxv30 k9mkq yxawv wavyl w9ar3 overflow-hidden overflow-y-auto hm2m0 uqiuh b3ail ykfhs 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": "hcvae u4s9n xp67g tuuss ejo46 cursor-pointer lk55v wavyl focus:outline-hidden rjc3l 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 fuiwk flex items-center flex-wrap xggui xp67g m8hmi tuuss",
"tagsItemTemplate": "<div class=\"flex flex-nowrap items-center relative dw07v zxv30 k9mkq yxawv mr9qs ukbyd mkl42 puxhz dark:bg-neutral-900 dark:border-neutral-700 \"><div class=\"n2l26 rekd6 b4uwt \" data-icon></div><div class=\"j8ti2 ejo46 dark:text-neutral-200 \" data-title></div><div class=\"inline-flex n2l26 enhxb items-center s1u6m djyey mr9qs ejo46 p12pm focus:outline-hidden d10id tuuss dark:hover:bg-neutral-700 dark:text-neutral-400 cursor-pointer \" data-remove><svg class=\"n2l26 br82p \" xmlns=\"http://www.w3.org/2000/svg\" 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": "ozqxb u4s9n wavyl dgznh js4j3 tm0mx wqv3r outline-hidden je4jy u4wxg dark:bg-neutral-900 dark:placeholder-neutral-500 dark:text-neutral-400",
"optionTemplate": "<div class=\"flex items-center \"><div class=\"n2l26 rekd6 tp1ru \" data-icon></div><div class=\"truncate \"><div class=\"tuuss ejo46 dark:text-neutral-200 \" data-title></div><div class=\"truncate on128 z0e83 dark:text-neutral-500 \" data-description></div></div><div class=\"ms-auto \"><span class=\"hidden hs-selected:block \"><svg class=\"n2l26 szmrd \" 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 n2l26 enhxb items-center rekd6 on128 dq2gi zp075 w3h0o dark:bg-neutral-600 mr9qs \">S</span>"
}'>Sarah Chen</option>
<option value="2" data-hs-select-option='{
"description": "david1harris@example.com",
"icon": "<img class=\"n2l26 mr9qs \" 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=\"n2l26 mr9qs \" 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 n2l26 enhxb items-center rekd6 on128 dq2gi hs5iv w3h0o mr9qs \">I</span>"
}'>Isabella Lauda</option>
<option value="5" data-hs-select-option='{
"description": "chrstiwilliams@site.so",
"icon": "<span class=\"inline-flex n2l26 enhxb items-center rekd6 on128 dq2gi b3nns w3h0o mr9qs \">C</span>"
}'>Christina Williams</option>
<option value="6" data-hs-select-option='{
"description": "amanda@preline.so",
"icon": "<img class=\"n2l26 mr9qs \" 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 xp67g overflow-hidden hidden" aria-labelledby="hs-pro-in1trbcccmdid1">
<div class="flex nl4z6 u3ov7">
<span class="mhnfh tuuss z0e83 dark:text-neutral-400">
Bcc:
</span>
<!-- Select -->
<select multiple data-hs-select='{
"placeholder": "Enter email or name",
"dropdownClasses": "nqo4p q7724 xp67g cvoid rrqls smvag zxv30 k9mkq yxawv wavyl w9ar3 overflow-hidden overflow-y-auto hm2m0 uqiuh b3ail ykfhs 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": "hcvae u4s9n xp67g tuuss ejo46 cursor-pointer lk55v wavyl focus:outline-hidden rjc3l 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 fuiwk flex items-center flex-wrap xggui xp67g m8hmi tuuss",
"tagsItemTemplate": "<div class=\"flex flex-nowrap items-center relative dw07v zxv30 k9mkq yxawv mr9qs ukbyd mkl42 puxhz dark:bg-neutral-900 dark:border-neutral-700 \"><div class=\"n2l26 rekd6 b4uwt \" data-icon></div><div class=\"j8ti2 ejo46 dark:text-neutral-200 \" data-title></div><div class=\"inline-flex n2l26 enhxb items-center s1u6m djyey mr9qs ejo46 p12pm focus:outline-hidden d10id tuuss dark:hover:bg-neutral-700 dark:text-neutral-400 cursor-pointer \" data-remove><svg class=\"n2l26 br82p \" xmlns=\"http://www.w3.org/2000/svg\" 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": "ozqxb u4s9n wavyl dgznh js4j3 tm0mx wqv3r outline-hidden je4jy u4wxg dark:bg-neutral-900 dark:placeholder-neutral-500 dark:text-neutral-400",
"optionTemplate": "<div class=\"flex items-center \"><div class=\"n2l26 rekd6 tp1ru \" data-icon></div><div class=\"truncate \"><div class=\"tuuss ejo46 dark:text-neutral-200 \" data-title></div><div class=\"truncate on128 z0e83 dark:text-neutral-500 \" data-description></div></div><div class=\"ms-auto \"><span class=\"hidden hs-selected:block \"><svg class=\"n2l26 szmrd \" 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 n2l26 enhxb items-center rekd6 on128 dq2gi zp075 w3h0o dark:bg-neutral-600 mr9qs \">S</span>"
}'>Sarah Chen</option>
<option value="2" data-hs-select-option='{
"description": "david1harris@example.com",
"icon": "<img class=\"n2l26 mr9qs \" 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=\"n2l26 mr9qs \" 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 n2l26 enhxb items-center rekd6 on128 dq2gi hs5iv w3h0o mr9qs \">I</span>"
}'>Isabella Lauda</option>
<option value="5" data-hs-select-option='{
"description": "chrstiwilliams@site.so",
"icon": "<span class=\"inline-flex n2l26 enhxb items-center rekd6 on128 dq2gi b3nns w3h0o mr9qs \">C</span>"
}'>Christina Williams</option>
<option value="6" data-hs-select-option='{
"description": "amanda@preline.so",
"icon": "<img class=\"n2l26 mr9qs \" 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="p9cw0">
<!-- Button Group -->
<div class="flex lokyk items-center r2jif">
<button type="button" class="hs-collapse-toggle smvag on128 zqruk clfmf lk55v focus:outline-hidden rjc3l 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 smvag on128 zqruk clfmf lk55v focus:outline-hidden rjc3l 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 smvag on128 zqruk clfmf lk55v focus:outline-hidden rjc3l 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 xp67g overflow-hidden hidden" aria-labelledby="hs-pro-in1trsbcmdid1">
<div class="u3poc gjk1t flex items-center rdqxy xu4xz yxawv dark:border-neutral-700">
<span class="tuuss z0e83 dark:text-neutral-400">
Subject:
</span>
<div class="dgznh">
<input type="text" id="hs-pro-in1trsbinmdid1" class="b3mgy block xp67g i350v je4jy rounded-0 tm0mx wqv3r focus:outline-hidden rstw7 xeklp 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="r8a99">Subject</label>
</div>
</div>
</div>
<!-- End Subject Content -->
<!-- Tiptap -->
<div id="hs-editor-tiptap-2">
<div data-hs-editor-field></div>
<!-- Toolbar -->
<div class="ur00w jhbd9 yxawv dark:border-neutral-700">
<div class="flex flex-wrap items-center u7uly">
<!-- 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 x8hlq inline-flex enhxb items-center u3ov7 tuuss hysdx mr9qs k9mkq je4jy ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-white dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="r8a99">Formatting options</span>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute g4xt3 tx2df f9d5d psrjx wi3fc on128 w3h0o wavyl j8ti2 dark:bg-neutral-700" role="tooltip">
Formatting options
</span>
</div>
<!-- Formatting Options Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 kw5wi transition-[opacity,margin] duration opacity-0 hidden h3jvs zxv30 k9mkq yxawv mzy38 w9ar3 dark:bg-neutral-950 dark:border-neutral-700" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-in1trfomdid1">
<!-- List -->
<div class="smvag">
<!-- Button -->
<div class="hs-tooltip inline-block">
<button type="button" class="hs-tooltip-toggle x8hlq inline-flex enhxb items-center u3ov7 tuuss hysdx mr9qs k9mkq je4jy ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-white dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-editor-bold>
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="r8a99">Bold</span>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl j8ti2 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 x8hlq inline-flex enhxb items-center u3ov7 tuuss hysdx mr9qs k9mkq je4jy ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-white dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-editor-italic>
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/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="r8a99">Italic</span>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl j8ti2 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 x8hlq inline-flex enhxb items-center u3ov7 tuuss hysdx mr9qs k9mkq je4jy ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-white dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-editor-underline>
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="r8a99">Underline</span>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl j8ti2 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 x8hlq inline-flex enhxb items-center u3ov7 tuuss hysdx mr9qs k9mkq je4jy ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-white dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-editor-strike>
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="r8a99">Strike</span>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl j8ti2 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 x8hlq inline-flex enhxb items-center u3ov7 tuuss hysdx mr9qs k9mkq je4jy ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-white dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-editor-ul>
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/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="r8a99">Lists</span>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl j8ti2 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 x8hlq inline-flex enhxb items-center u3ov7 tuuss hysdx mr9qs k9mkq je4jy ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-white dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-editor-blockquote>
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="r8a99">Blockquote</span>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl j8ti2 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 x8hlq inline-flex enhxb items-center u3ov7 tuuss hysdx mr9qs k9mkq je4jy ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-white dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-editor-code>
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="r8a99">Code</span>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl j8ti2 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 x8hlq inline-flex enhxb items-center u3ov7 tuuss hysdx mr9qs k9mkq je4jy ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-white dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl j8ti2 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 x8hlq inline-flex enhxb items-center u3ov7 tuuss hysdx mr9qs k9mkq je4jy ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-white dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-editor-link>
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl j8ti2 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 x8hlq inline-flex enhxb items-center u3ov7 tuuss hysdx mr9qs k9mkq je4jy ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-white dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl j8ti2 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 x8hlq inline-flex enhxb items-center u3ov7 tuuss hysdx mr9qs k9mkq je4jy ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-white dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl j8ti2 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 x8hlq inline-flex enhxb items-center u3ov7 tuuss hysdx mr9qs k9mkq je4jy ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-white dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl j8ti2 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="f9d5d psrjx inline-flex enhxb items-center lwq0m hw6xt tuuss kwev1 k9mkq je4jy o0y3u w3h0o pgsi2 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden hzgeo p2uau">
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 boqmp inline-flex enhxb items-center lwq0m hw6xt tuuss iwn5d ezp48 zoixl o0y3u w3h0o pgsi2 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden hzgeo p2uau">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="r8a99">More send options</span>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute g4xt3 tx2df f9d5d psrjx wi3fc on128 w3h0o wavyl j8ti2 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 c22dz transition-[opacity,margin] duration opacity-0 hidden h3jvs zxv30 mzy38 w9ar3 dark:bg-neutral-950" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-in1trsbgwmmdid1">
<!-- List -->
<div class="smvag">
<button type="button" class="xp67g flex items-center rdqxy hxfjh l1xlu wavyl tuuss ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="xp67g flex items-center rdqxy hxfjh l1xlu wavyl tuuss ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/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="xp67g flex items-center rdqxy hxfjh l1xlu wavyl tuuss ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 kquz2 fixed zxmp1 a98ho c61v5 overflow-x-hidden overflow-y-auto [--close-when-click-inside:true] n8854" 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 p1xgh opacity-0 bx2ni nf9l7 gisjb dnd64 oxtl1 md:mx-auto h-[calc(100%-56px)] min-h-[calc(100%-56px)] flex items-center">
<div class="xp67g hx6ns overflow-hidden flex flex-col zxv30 mzy38 pointer-events-auto x32l5 dark:bg-neutral-800">
<!-- Header -->
<div class="u3poc gjk1t flex saet7 items-center xu4xz yxawv dark:border-neutral-700">
<h3 id="hs-pro-intcm-label" class="hw6xt ejo46 dark:text-neutral-200">
New message
</h3>
<button type="button" class="x8hlq n2l26 flex enhxb items-center u3ov7 mr9qs k9mkq je4jy gxtht ejo46 p12pm disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden d10id 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="r8a99">Close</span>
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="smvag overflow-y-auto hm2m0 uqiuh b3ail ykfhs dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<!-- Header -->
<div class="hxfjh gjk1t xu4xz yxawv dark:border-neutral-700">
<div class="sm:flex rdqxy">
<div class="dgznh">
<!-- From Content -->
<div class="flex nl4z6 u3ov7">
<span class="mhnfh tuuss z0e83 dark:text-neutral-400">
From:
</span>
<!-- Tag -->
<div class="ukbyd vqx3d puxhz flex flex-nowrap items-center lwq0m">
<img class="n2l26 rekd6 mr9qs" 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="j8ti2 tuuss ejo46 dark:text-neutral-200">
James Collins
</div>
</div>
<!-- End Tag -->
</div>
<!-- End From Content -->
<!-- To Content -->
<div class="flex nl4z6 u3ov7">
<span class="mhnfh tuuss z0e83 dark:text-neutral-400">
To:
</span>
<!-- Select -->
<select multiple data-hs-select='{
"placeholder": "Enter email or name",
"dropdownClasses": "nqo4p q7724 xp67g cvoid rrqls smvag zxv30 k9mkq yxawv wavyl w9ar3 overflow-hidden overflow-y-auto hm2m0 uqiuh b3ail ykfhs 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": "hcvae u4s9n xp67g tuuss ejo46 cursor-pointer lk55v wavyl focus:outline-hidden rjc3l 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 fuiwk flex items-center flex-wrap xggui xp67g m8hmi tuuss",
"tagsItemTemplate": "<div class=\"flex flex-nowrap items-center relative dw07v zxv30 k9mkq yxawv mr9qs ukbyd mkl42 puxhz dark:bg-neutral-900 dark:border-neutral-700 \"><div class=\"n2l26 rekd6 b4uwt \" data-icon></div><div class=\"j8ti2 ejo46 dark:text-neutral-200 \" data-title></div><div class=\"inline-flex n2l26 enhxb items-center s1u6m djyey mr9qs ejo46 p12pm focus:outline-hidden d10id tuuss dark:hover:bg-neutral-700 dark:text-neutral-400 cursor-pointer \" data-remove><svg class=\"n2l26 br82p \" xmlns=\"http://www.w3.org/2000/svg\" 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": "ozqxb u4s9n wavyl dgznh js4j3 tm0mx wqv3r outline-hidden je4jy u4wxg dark:bg-neutral-900 dark:placeholder-neutral-500 dark:text-neutral-400",
"optionTemplate": "<div class=\"flex items-center \"><div class=\"n2l26 rekd6 tp1ru \" data-icon></div><div class=\"truncate \"><div class=\"tuuss ejo46 dark:text-neutral-200 \" data-title></div><div class=\"truncate on128 z0e83 dark:text-neutral-500 \" data-description></div></div><div class=\"ms-auto \"><span class=\"hidden hs-selected:block \"><svg class=\"n2l26 szmrd \" 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 n2l26 enhxb items-center rekd6 on128 dq2gi zp075 w3h0o dark:bg-neutral-600 mr9qs \">S</span>"
}'>Sarah Chen</option>
<option value="2" data-hs-select-option='{
"description": "david1harris@example.com",
"icon": "<img class=\"n2l26 mr9qs \" 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=\"n2l26 mr9qs \" 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 n2l26 enhxb items-center rekd6 on128 dq2gi hs5iv w3h0o mr9qs \">I</span>"
}'>Isabella Lauda</option>
<option value="5" data-hs-select-option='{
"description": "chrstiwilliams@site.so",
"icon": "<span class=\"inline-flex n2l26 enhxb items-center rekd6 on128 dq2gi b3nns w3h0o mr9qs \">C</span>"
}'>Christina Williams</option>
<option value="6" data-hs-select-option='{
"description": "amanda@preline.so",
"icon": "<img class=\"n2l26 mr9qs \" 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 xp67g overflow-hidden hidden" aria-labelledby="hs-pro-in1trccccmdid1">
<div class="flex nl4z6 u3ov7">
<span class="mhnfh tuuss z0e83 dark:text-neutral-400">
Cc:
</span>
<!-- Select -->
<select multiple data-hs-select='{
"placeholder": "Enter email or name",
"dropdownClasses": "nqo4p q7724 xp67g cvoid rrqls smvag zxv30 k9mkq yxawv wavyl w9ar3 overflow-hidden overflow-y-auto hm2m0 uqiuh b3ail ykfhs 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": "hcvae u4s9n xp67g tuuss ejo46 cursor-pointer lk55v wavyl focus:outline-hidden rjc3l 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 fuiwk flex items-center flex-wrap xggui xp67g m8hmi tuuss",
"tagsItemTemplate": "<div class=\"flex flex-nowrap items-center relative dw07v zxv30 k9mkq yxawv mr9qs ukbyd mkl42 puxhz dark:bg-neutral-900 dark:border-neutral-700 \"><div class=\"n2l26 rekd6 b4uwt \" data-icon></div><div class=\"j8ti2 ejo46 dark:text-neutral-200 \" data-title></div><div class=\"inline-flex n2l26 enhxb items-center s1u6m djyey mr9qs ejo46 p12pm focus:outline-hidden d10id tuuss dark:hover:bg-neutral-700 dark:text-neutral-400 cursor-pointer \" data-remove><svg class=\"n2l26 br82p \" xmlns=\"http://www.w3.org/2000/svg\" 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": "ozqxb u4s9n wavyl dgznh js4j3 tm0mx wqv3r outline-hidden je4jy u4wxg dark:bg-neutral-900 dark:placeholder-neutral-500 dark:text-neutral-400",
"optionTemplate": "<div class=\"flex items-center \"><div class=\"n2l26 rekd6 tp1ru \" data-icon></div><div class=\"truncate \"><div class=\"tuuss ejo46 dark:text-neutral-200 \" data-title></div><div class=\"truncate on128 z0e83 dark:text-neutral-500 \" data-description></div></div><div class=\"ms-auto \"><span class=\"hidden hs-selected:block \"><svg class=\"n2l26 szmrd \" 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 n2l26 enhxb items-center rekd6 on128 dq2gi zp075 w3h0o dark:bg-neutral-600 mr9qs \">S</span>"
}'>Sarah Chen</option>
<option value="2" data-hs-select-option='{
"description": "david1harris@example.com",
"icon": "<img class=\"n2l26 mr9qs \" 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=\"n2l26 mr9qs \" 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 n2l26 enhxb items-center rekd6 on128 dq2gi hs5iv w3h0o mr9qs \">I</span>"
}'>Isabella Lauda</option>
<option value="5" data-hs-select-option='{
"description": "chrstiwilliams@site.so",
"icon": "<span class=\"inline-flex n2l26 enhxb items-center rekd6 on128 dq2gi b3nns w3h0o mr9qs \">C</span>"
}'>Christina Williams</option>
<option value="6" data-hs-select-option='{
"description": "amanda@preline.so",
"icon": "<img class=\"n2l26 mr9qs \" 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 xp67g overflow-hidden hidden" aria-labelledby="hs-pro-in1trbccccmdid1">
<div class="flex nl4z6 u3ov7">
<span class="mhnfh tuuss z0e83 dark:text-neutral-400">
Bcc:
</span>
<!-- Select -->
<select multiple data-hs-select='{
"placeholder": "Enter email or name",
"dropdownClasses": "nqo4p q7724 xp67g cvoid rrqls smvag zxv30 k9mkq yxawv wavyl w9ar3 overflow-hidden overflow-y-auto hm2m0 uqiuh b3ail ykfhs 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": "hcvae u4s9n xp67g tuuss ejo46 cursor-pointer lk55v wavyl focus:outline-hidden rjc3l 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 fuiwk flex items-center flex-wrap xggui xp67g m8hmi tuuss",
"tagsItemTemplate": "<div class=\"flex flex-nowrap items-center relative dw07v zxv30 k9mkq yxawv mr9qs ukbyd mkl42 puxhz dark:bg-neutral-900 dark:border-neutral-700 \"><div class=\"n2l26 rekd6 b4uwt \" data-icon></div><div class=\"j8ti2 ejo46 dark:text-neutral-200 \" data-title></div><div class=\"inline-flex n2l26 enhxb items-center s1u6m djyey mr9qs ejo46 p12pm focus:outline-hidden d10id tuuss dark:hover:bg-neutral-700 dark:text-neutral-400 cursor-pointer \" data-remove><svg class=\"n2l26 br82p \" xmlns=\"http://www.w3.org/2000/svg\" 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": "ozqxb u4s9n wavyl dgznh js4j3 tm0mx wqv3r outline-hidden je4jy u4wxg dark:bg-neutral-900 dark:placeholder-neutral-500 dark:text-neutral-400",
"optionTemplate": "<div class=\"flex items-center \"><div class=\"n2l26 rekd6 tp1ru \" data-icon></div><div class=\"truncate \"><div class=\"tuuss ejo46 dark:text-neutral-200 \" data-title></div><div class=\"truncate on128 z0e83 dark:text-neutral-500 \" data-description></div></div><div class=\"ms-auto \"><span class=\"hidden hs-selected:block \"><svg class=\"n2l26 szmrd \" 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 n2l26 enhxb items-center rekd6 on128 dq2gi zp075 w3h0o dark:bg-neutral-600 mr9qs \">S</span>"
}'>Sarah Chen</option>
<option value="2" data-hs-select-option='{
"description": "david1harris@example.com",
"icon": "<img class=\"n2l26 mr9qs \" 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=\"n2l26 mr9qs \" 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 n2l26 enhxb items-center rekd6 on128 dq2gi hs5iv w3h0o mr9qs \">I</span>"
}'>Isabella Lauda</option>
<option value="5" data-hs-select-option='{
"description": "chrstiwilliams@site.so",
"icon": "<span class=\"inline-flex n2l26 enhxb items-center rekd6 on128 dq2gi b3nns w3h0o mr9qs \">C</span>"
}'>Christina Williams</option>
<option value="6" data-hs-select-option='{
"description": "amanda@preline.so",
"icon": "<img class=\"n2l26 mr9qs \" 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="p9cw0">
<!-- Button Group -->
<div class="flex lokyk items-center r2jif">
<button type="button" class="hs-collapse-toggle smvag on128 zqruk clfmf lk55v focus:outline-hidden rjc3l 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 smvag on128 zqruk clfmf lk55v focus:outline-hidden rjc3l 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 smvag on128 zqruk clfmf lk55v focus:outline-hidden rjc3l 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 xp67g overflow-hidden open" aria-labelledby="hs-pro-in1trsbccmdid1">
<div class="u3poc gjk1t flex items-center rdqxy xu4xz yxawv dark:border-neutral-700">
<span class="tuuss z0e83 dark:text-neutral-400">
Subject:
</span>
<div class="dgznh">
<input type="text" id="hs-pro-in1trsbincmdid1" class="b3mgy block xp67g i350v je4jy rounded-0 tm0mx wqv3r focus:outline-hidden rstw7 xeklp disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 dark:placeholder:text-neutral-400" >
<label for="hs-pro-in1trsbincmdid1" class="r8a99">Subject</label>
</div>
</div>
</div>
<!-- End Subject Content -->
<!-- Tiptap -->
<div id="hs-editor-tiptap-3">
<div data-hs-editor-field></div>
<!-- Toolbar -->
<div class="ur00w jhbd9 yxawv dark:border-neutral-700">
<div class="flex flex-wrap items-center u7uly">
<!-- 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 x8hlq inline-flex enhxb items-center u3ov7 tuuss hysdx mr9qs k9mkq je4jy ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-white dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="r8a99">Formatting options</span>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute g4xt3 tx2df f9d5d psrjx wi3fc on128 w3h0o wavyl j8ti2 dark:bg-neutral-700" role="tooltip">
Formatting options
</span>
</div>
<!-- Formatting Options Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 kw5wi transition-[opacity,margin] duration opacity-0 hidden h3jvs zxv30 k9mkq yxawv mzy38 w9ar3 dark:bg-neutral-950 dark:border-neutral-700" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-in1trfocmdid1">
<!-- List -->
<div class="smvag">
<!-- Button -->
<div class="hs-tooltip inline-block">
<button type="button" class="hs-tooltip-toggle x8hlq inline-flex enhxb items-center u3ov7 tuuss hysdx mr9qs k9mkq je4jy ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-white dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-editor-bold>
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="r8a99">Bold</span>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl j8ti2 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 x8hlq inline-flex enhxb items-center u3ov7 tuuss hysdx mr9qs k9mkq je4jy ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-white dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-editor-italic>
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/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="r8a99">Italic</span>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl j8ti2 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 x8hlq inline-flex enhxb items-center u3ov7 tuuss hysdx mr9qs k9mkq je4jy ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-white dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-editor-underline>
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="r8a99">Underline</span>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl j8ti2 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 x8hlq inline-flex enhxb items-center u3ov7 tuuss hysdx mr9qs k9mkq je4jy ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-white dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-editor-strike>
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="r8a99">Strike</span>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl j8ti2 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 x8hlq inline-flex enhxb items-center u3ov7 tuuss hysdx mr9qs k9mkq je4jy ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-white dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-editor-ul>
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/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="r8a99">Lists</span>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl j8ti2 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 x8hlq inline-flex enhxb items-center u3ov7 tuuss hysdx mr9qs k9mkq je4jy ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-white dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-editor-blockquote>
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="r8a99">Blockquote</span>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl j8ti2 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 x8hlq inline-flex enhxb items-center u3ov7 tuuss hysdx mr9qs k9mkq je4jy ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-white dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-editor-code>
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="r8a99">Code</span>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl j8ti2 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 x8hlq inline-flex enhxb items-center u3ov7 tuuss hysdx mr9qs k9mkq je4jy ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-white dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl j8ti2 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 x8hlq inline-flex enhxb items-center u3ov7 tuuss hysdx mr9qs k9mkq je4jy ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-white dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-editor-link>
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl j8ti2 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 x8hlq inline-flex enhxb items-center u3ov7 tuuss hysdx mr9qs k9mkq je4jy ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-white dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl j8ti2 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 x8hlq inline-flex enhxb items-center u3ov7 tuuss hysdx mr9qs k9mkq je4jy ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-white dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl j8ti2 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 x8hlq inline-flex enhxb items-center u3ov7 tuuss hysdx mr9qs k9mkq je4jy ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-white dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl j8ti2 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="f9d5d psrjx inline-flex enhxb items-center lwq0m hw6xt tuuss kwev1 k9mkq je4jy o0y3u w3h0o pgsi2 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden hzgeo p2uau">
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 boqmp inline-flex enhxb items-center lwq0m hw6xt tuuss iwn5d ezp48 zoixl o0y3u w3h0o pgsi2 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden hzgeo p2uau">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="r8a99">More send options</span>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute g4xt3 tx2df f9d5d psrjx wi3fc on128 w3h0o wavyl j8ti2 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 c22dz transition-[opacity,margin] duration opacity-0 hidden h3jvs zxv30 mzy38 w9ar3 dark:bg-neutral-950" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-in1trsbgwmcmdid1">
<!-- List -->
<div class="smvag">
<button type="button" class="xp67g flex items-center rdqxy hxfjh l1xlu wavyl tuuss ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="xp67g flex items-center rdqxy hxfjh l1xlu wavyl tuuss ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/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="xp67g flex items-center rdqxy hxfjh l1xlu wavyl tuuss ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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('vxlyd', _.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 ff5c0 jhb8q'
}
},
extensions: [
StarterKit.configure({
history: false
}),
Placeholder.configure({
placeholder: 'Add a message...',
emptyNodeClass: 'before:text-gray-400'
}),
Paragraph.configure({
HTMLAttributes: {
class: 'tuuss ejo46 dark:text-neutral-200'
}
}),
Bold.configure({
HTMLAttributes: {
class: 'pcqr5'
}
}),
Underline,
Link.configure({
HTMLAttributes: {
class: 'inline-flex items-center r2jif zwetb njs8g h8tqt hw6xt dark:text-white'
}
}),
BulletList.configure({
HTMLAttributes: {
class: 'mgg61 yaxvw ejo46 dark:text-white'
}
}),
OrderedList.configure({
HTMLAttributes: {
class: 'l186p yaxvw ejo46 dark:text-white'
}
}),
ListItem.configure({
HTMLAttributes: {
class: 'cdkvq'
}
}),
Blockquote.configure({
HTMLAttributes: {
class: 'relative pxtqv s1iwv ttgk8 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 izkx7 = window.prompt('URL');
editor.chain().focus().extendMarkRange('link').setLink({ href: izkx7 }).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>
<!-- ========== HEADER ========== -->
<header class="flex flex-col ih37d">
<div class="wi3fc xu4xz tjdyj dark:bg-black dark:border-neutral-800">
<div class="zmy3o flex saet7 xzu8r zo8hm offvz items-center xp67g mx-auto u3poc u4s9n al91c x2nt7">
<div class="flex items-center">
<!-- Logo -->
<a class="flex-none clfmf vd22d inline-block hysdx focus:outline-hidden v041e" href="../../pro/crm/index.html" aria-label="Preline">
<svg class="xmhc4 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="nadn9" 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="xpdw0" 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="xpdw0" stroke="currentColor" stroke-width="2"/>
<circle cx="13" cy="16.5214" r="5" class="nadn9" fill="currentColor"/>
</svg>
</a>
<!-- End Logo -->
<div class="fxthc">
</div>
<div class="lg:hidden xy9c2">
<!-- Collapse Button Trigger -->
<button type="button" class="hs-collapse-toggle inline-flex enhxb items-center b9dk4 par4j m8hmi k9mkq jvnlq w3h0o wavyl ntfdl moa07 tyb71 disabled:opacity-50 focus:outline-hidden rnw5v" id="hs-pro-dmh-collapse" aria-expanded="false" aria-controls="hs-pro-dmh" aria-label="Toggle navigation" data-hs-collapse="#hs-pro-dmh">
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/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>
<!-- End Collapse Button Trigger -->
</div>
</div>
<div class="hidden lg:block axd81 csp4g">
<!-- Search Input -->
<div class="relative">
<div class="absolute evdk4 a98ho flex items-center n8854 mjppw p290v">
<svg class="n2l26 szmrd vpnl5" xmlns="http://www.w3.org/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="hxfjh l1xlu npyfu vnrhq block xp67g hjj1b je4jy w3h0o wavyl tuuss p2uau ntdsq csjam aol3r disabled:opacity-50 focus:outline-hidden v9ivw f6qvl" placeholder="Search Preline" data-hs-overlay="#hs-pro-dnsm">
<div class="hidden absolute evdk4 aoum9 flex items-center mjppw svb23">
<button type="button" class="inline-flex n2l26 enhxb items-center rekd6 mr9qs z0e83 hmpqz focus:outline-hidden rdx35 dark:text-neutral-500 dark:hover:text-blue-500 dark:focus:text-blue-500" aria-label="Close">
<span class="r8a99">Close</span>
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/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 class="absolute evdk4 aoum9 flex items-center mjppw ir7bk lqxom">
<svg class="n2l26 br82p vpnl5" xmlns="http://www.w3.org/2000/svg" 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 6v12a3 3 0 1 0 3-3H6a3 3 0 1 0 3 3V6a3 3 0 1 0-3 3h12a3 3 0 1 0-3-3"/></svg>
<span class="v6brp">
<svg class="n2l26 br82p vpnl5" xmlns="http://www.w3.org/2000/svg" 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="on128">/</span>
</div>
</div>
<!-- End Search Input -->
</div>
<div class="flex lokyk items-center u3ov7">
<div class="flex items-center">
<div class="lg:hidden">
<!-- Search Button Icon -->
<button type="button" class="inline-flex n2l26 enhxb items-center u3ov7 hix77 mr9qs w3h0o tyb71 disabled:opacity-50 focus:outline-hidden rnw5v" data-hs-overlay="#hs-pro-dnsm">
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/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 -->
</div>
<!-- Help Dropdown -->
<div class="hs-dropdown [--placement:bottom-right] relative inline-flex">
<!-- Help Button Icon -->
<button id="hs-pro-dnhd" type="button" class=" inline-flex n2l26 enhxb items-center u3ov7 hix77 mr9qs w3h0o tyb71 disabled:opacity-50 focus:outline-hidden rnw5v" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/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 Button Icon -->
<!-- Help Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 ft0gf transition-[opacity,margin] duration opacity-0 hidden te8l0 zxv30 mzy38 x32l5 dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-dnhd">
<div class="smvag">
<a class="flex rdqxy hxfjh l1xlu wavyl tuuss ejo46 lk55v focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<svg class="n2l26 icbx8 szmrd" xmlns="http://www.w3.org/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>
Help Centre
</a>
<a class="flex rdqxy hxfjh l1xlu wavyl tuuss ejo46 lk55v focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<svg class="n2l26 icbx8 szmrd" xmlns="http://www.w3.org/2000/svg" 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>
Community
</a>
<a class="flex rdqxy hxfjh l1xlu wavyl tuuss ejo46 lk55v focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<svg class="n2l26 icbx8 szmrd" xmlns="http://www.w3.org/2000/svg" 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>
What’s New
</a>
<div class="c50j2 jhbd9 yxawv dark:border-neutral-800"></div>
<a class="flex rdqxy hxfjh l1xlu wavyl tuuss ejo46 lk55v focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<svg class="n2l26 icbx8 szmrd" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M12 16v-4"/><path d="M12 8h.01"/></svg>
Privacy and Legal
</a>
<a class="flex rdqxy hxfjh l1xlu wavyl tuuss ejo46 lk55v focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<svg class="n2l26 icbx8 szmrd" xmlns="http://www.w3.org/2000/svg" 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>
Documentation
</a>
<a class="flex rdqxy hxfjh l1xlu wavyl tuuss ejo46 lk55v focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<svg class="n2l26 icbx8 szmrd" xmlns="http://www.w3.org/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="7" rx="2" ry="2"/><path d="M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"/></svg>
Hire an Expert
<div class="ms-auto">
<span class="inline-flex items-center po4ac pzd9a dgmc7 rlapk y6g4k io5na hw6xt gxtht ejo46 dark:bg-neutral-700 dark:text-neutral-300">
New
</span>
</div>
</a>
<div class="c50j2 jhbd9 yxawv dark:border-neutral-800"></div>
<a class="flex rdqxy hxfjh l1xlu wavyl tuuss ejo46 lk55v focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<svg class="n2l26 icbx8 szmrd" xmlns="http://www.w3.org/2000/svg" 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
</a>
<div class="hs-dropdown [--strategy:static] md:[--strategy:absolute] [--adaptive:none] md:[--trigger:hover] relative">
<button id="hs-pro-dropdown-help-and-support" type="button" class="hs-dropdown-toggle xp67g flex items-center rdqxy hxfjh l1xlu wavyl tuuss ejo46 lk55v focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/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>
Contact Us
<svg class="cqd0s j1eml ms-auto br82p" 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 class="hs-dropdown-menu transition-[opacity,margin] duration-[0.1ms] md:duration-[150ms] hs-dropdown-open:opacity-100 opacity-0 bsd5k hidden te8l0 zxmp1 a48v1 dhslu kuh6l ewr4n zxv30 fqr45 yvh28 before:absolute before:-end-5 before:top-0 before:h-full before:w-5 dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-dropdown-help-and-support">
<a class="flex rdqxy hxfjh l1xlu wavyl tuuss ejo46 lk55v focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<svg class="n2l26 icbx8 szmrd" xmlns="http://www.w3.org/2000/svg" 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 4V4c0-1.1.9-2 2-2h8a2 2 0 0 1 2 2v5Z"/><path d="M18 9h2a2 2 0 0 1 2 2v11l-4-4h-6a2 2 0 0 1-2-2v-1"/></svg>
Contact Support
</a>
<a class="flex rdqxy hxfjh l1xlu wavyl tuuss ejo46 lk55v focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<svg class="n2l26 icbx8 szmrd" xmlns="http://www.w3.org/2000/svg" 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 14h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-7a9 9 0 0 1 18 0v7a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3"/></svg>
Contact Sales
</a>
</div>
</div>
</div>
</div>
<!-- End Help Dropdown -->
</div>
<!-- End Help Dropdown -->
<!-- Notifications Button Icon -->
<div class="hs-dropdown [--auto-close:inside] relative inline-flex">
<button id="hs-pro-dnnd" type="button" class="relative inline-flex n2l26 enhxb items-center u3ov7 hix77 mr9qs w3h0o tyb71 disabled:opacity-50 focus:outline-hidden rnw5v" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9"/><path d="M10.3 21a1.94 1.94 0 0 0 3.4 0"/></svg>
<span class="flex absolute zxmp1 aoum9 te8l0 -mt-1.5 -me-1.5">
<span class="soy1n absolute inline-flex kquz2 mr9qs khpjh et2cn dark:bg-red-600"></span>
<span class="relative i5n4b stayx inline-flex enhxb items-center y6g4k klnns w3h0o mr9qs jvthl">
2
</span>
</span>
</button>
<!-- End Notifications Button Icon -->
<!-- Notifications Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 xp67g xdzn7 transition-[opacity,margin] duration opacity-0 hidden te8l0 zxv30 jhbd9 yxawv gs85u uv4uj qdmo7 v8kiv dark:bg-neutral-900 dark:border-neutral-700" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-dnnd">
<!-- Header -->
<div class="rht0b frtd6 flex saet7 items-center xu4xz yxawv dark:border-neutral-800">
<!-- Nav Tab -->
<nav class="flex n03hs" 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 u4s9n f9d5d madsw relative inline-flex enhxb items-center u3ov7 lk55v z0e83 u153f tuuss wavyl disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l after:absolute after:-bottom-2 after:inset-x-2 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-dnn-item-all" aria-selected="true" data-hs-tab="#hs-pro-tabs-dnn-all" aria-controls="hs-pro-tabs-dnn-all" role="tab" >
All
</button>
<button type="button" class="hs-tab-active:after:bg-gray-800 hs-tab-active:text-gray-800 u4s9n f9d5d madsw relative inline-flex enhxb items-center u3ov7 lk55v z0e83 u153f tuuss wavyl disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l after:absolute after:-bottom-2 after:inset-x-2 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-dnn-item-archived" aria-selected="false" data-hs-tab="#hs-pro-tabs-dnn-archived" aria-controls="hs-pro-tabs-dnn-archived" role="tab" >
Archived
</button>
</nav>
<!-- End Nav Tab -->
<!-- Notifications Button Icon -->
<div class="hs-tooltip relative inline-block mbvb4">
<a class="hs-tooltip-toggle x7ecd inline-flex enhxb items-center u3ov7 mr9qs k9mkq je4jy z0e83 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="../../pro/dashboard/account-profile.html">
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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>
</a>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl dark:bg-neutral-700" role="tooltip">
Preferences
</span>
</div>
<!-- End Notifications Button Icon -->
</div>
<!-- End Header -->
<!-- Tab Content -->
<div id="hs-pro-tabs-dnn-all" role="tabpanel" aria-labelledby="hs-pro-tabs-dnn-item-all">
<div class="rx8q9 overflow-y-auto overflow-hidden hm2m0 uqiuh b3ail ykfhs dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<ul class="divide-y divide-gray-200 dark:divide-neutral-800">
<!-- List Item -->
<li class="relative group xp67g flex pc3xl m8hmi gxtht dark:bg-neutral-800 y3kub">
<div class="relative n2l26">
<img class="n2l26 hix77 mr9qs" src="https://images.unsplash.com/photo-1659482634023-2c4fda99ac0c?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="Avatar">
<span class="absolute krz74 -start-3 z9hxv o0y3u mr9qs dark:bg-blue-500"></span>
</div>
<div class="dgznh">
<p class="on128 z0e83 dark:text-neutral-500">
2 hours ago
</p>
<span class="block tuuss hw6xt ejo46 dark:text-neutral-300">
Eilis Warner
</span>
<p class="tuuss z0e83 dark:text-neutral-500">
changed an issue from 'in Progress' to 'Review'
</p>
</div>
<div>
<div class="sm:group-hover:opacity-100 sm:opacity-0 sm:absolute tj2cb uq3as">
<!-- Segment Button Group -->
<div class="inline-block ukbyd zxv30 k9mkq yxawv wavyl ntfdl ipy2k bx2ni dark:bg-neutral-800 dark:border-neutral-700">
<div class="flex items-center">
<div class="hs-tooltip relative inline-block">
<button type="button" class="hs-tooltip-toggle x7ecd flex n2l26 enhxb items-center z0e83 lk55v u153f rlapk disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:hover:bg-neutral-700 dark:text-neutral-400 dark:focus:bg-neutral-700">
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/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 11 12 14 22 4"/><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"/></svg>
<svg class="n2l26 szmrd 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"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M8 12h8"/></svg>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl dark:bg-neutral-700" role="tooltip">
Mark this notification as read
</span>
</div>
<div class="hs-tooltip relative inline-block">
<button type="button" class="hs-tooltip-toggle x7ecd flex n2l26 enhxb items-center z0e83 lk55v u153f rlapk disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:hover:bg-neutral-700 dark:text-neutral-400 dark:focus:bg-neutral-700">
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/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="4" rx="2"/><path d="M4 9v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9"/><path d="M10 13h4"/></svg>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl dark:bg-neutral-700" role="tooltip">
Archive this notification
</span>
</div>
</div>
</div>
<!-- End Segment Button Group -->
</div>
</div>
</li>
<!-- End List Item -->
<!-- List Item -->
<li class="relative group xp67g flex pc3xl m8hmi y3kub">
<div class="relative n2l26">
<span class="flex n2l26 enhxb items-center hix77 zxv30 k9mkq yxawv z0e83 tuuss hysdx mr9qs ntfdl dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400">
C
</span>
</div>
<div class="dgznh">
<p class="on128 z0e83 dark:text-neutral-500">
3 days ago
</p>
<span class="block tuuss hw6xt ejo46 dark:text-neutral-300">
Clara Becker
</span>
<p class="tuuss z0e83 dark:text-neutral-500">
mentioned you in a mpcry
</p>
<div class="nqo4p">
<blockquote class="yjt4b pxtqv yxawv tuuss z0e83 dark:border-neutral-700 dark:text-neutral-400">
Nice work, love! You really nailed it. Keep it up!
</blockquote>
</div>
</div>
<div>
<div class="sm:group-hover:opacity-100 sm:opacity-0 sm:absolute tj2cb uq3as">
<!-- Segment Button Group -->
<div class="inline-block ukbyd zxv30 k9mkq yxawv wavyl ntfdl ipy2k bx2ni dark:bg-neutral-800 dark:border-neutral-700">
<div class="flex items-center">
<div class="hs-tooltip relative inline-block">
<button type="button" class="hs-tooltip-toggle x7ecd flex n2l26 enhxb items-center z0e83 lk55v u153f rlapk disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:hover:bg-neutral-700 dark:text-neutral-400 dark:focus:bg-neutral-700">
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/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 11 12 14 22 4"/><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"/></svg>
<svg class="n2l26 szmrd 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"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M8 12h8"/></svg>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl dark:bg-neutral-700" role="tooltip">
Mark this notification as read
</span>
</div>
<div class="hs-tooltip relative inline-block">
<button type="button" class="hs-tooltip-toggle x7ecd flex n2l26 enhxb items-center z0e83 lk55v u153f rlapk disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:hover:bg-neutral-700 dark:text-neutral-400 dark:focus:bg-neutral-700">
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/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="4" rx="2"/><path d="M4 9v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9"/><path d="M10 13h4"/></svg>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl dark:bg-neutral-700" role="tooltip">
Archive this notification
</span>
</div>
</div>
</div>
<!-- End Segment Button Group -->
</div>
</div>
</li>
<!-- End List Item -->
<!-- List Item -->
<li class="relative group xp67g flex pc3xl m8hmi y3kub">
<div class="relative n2l26">
<span class="flex n2l26 enhxb items-center hix77 zxv30 k9mkq yxawv z0e83 tuuss hysdx mr9qs ntfdl dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400">
P
</span>
</div>
<div class="dgznh">
<p class="on128 z0e83 dark:text-neutral-500">
5 Jan 2023
</p>
<span class="block tuuss hw6xt ejo46 dark:text-neutral-300">
New Update bty75 Preline
</span>
<p class="tuuss z0e83 dark:text-neutral-500">
Add yourself to our new “Hire Page”. Let visitors know you’re open to freelance or full-time work.
</p>
<a class="nqo4p jbh9m inline-flex items-center k9mkq yxawv mzy38 wsl5v a0njc focus:outline-hidden rjc3l dark:border-neutral-700 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<img class="raxtc eda8k nbsdr wavyl" src="https://images.unsplash.com/photo-1670272505340-d906d8d77d03?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2070&q=80" alt="Avatar">
<div class="dgznh u3poc gjk1t">
<p class="tuuss hw6xt ejo46 dark:text-neutral-300">
Get hired!
</p>
<p class="inline-flex items-center r2jif tuuss z0e83 dark:text-neutral-500">
Get started
<svg class="n2l26 szmrd ipy2k se6sv group-hover:translate-x-1 group-focus:translate-x-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="m9 18 6-6-6-6"/></svg>
</p>
</div>
</a>
</div>
<div>
<div class="sm:group-hover:opacity-100 sm:opacity-0 sm:absolute tj2cb uq3as">
<!-- Segment Button Group -->
<div class="inline-block ukbyd zxv30 k9mkq yxawv wavyl ntfdl ipy2k bx2ni dark:bg-neutral-800 dark:border-neutral-700">
<div class="flex items-center">
<div class="hs-tooltip relative inline-block">
<button type="button" class="hs-tooltip-toggle x7ecd flex n2l26 enhxb items-center z0e83 lk55v u153f rlapk disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:hover:bg-neutral-700 dark:text-neutral-400 dark:focus:bg-neutral-700">
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/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 11 12 14 22 4"/><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"/></svg>
<svg class="n2l26 szmrd 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"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M8 12h8"/></svg>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl dark:bg-neutral-700" role="tooltip">
Mark this notification as read
</span>
</div>
<div class="hs-tooltip relative inline-block">
<button type="button" class="hs-tooltip-toggle x7ecd flex n2l26 enhxb items-center z0e83 lk55v u153f rlapk disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:hover:bg-neutral-700 dark:text-neutral-400 dark:focus:bg-neutral-700">
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/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="4" rx="2"/><path d="M4 9v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9"/><path d="M10 13h4"/></svg>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl dark:bg-neutral-700" role="tooltip">
Archive this notification
</span>
</div>
</div>
</div>
<!-- End Segment Button Group -->
</div>
</div>
</li>
<!-- End List Item -->
<!-- List Item -->
<li class="relative group xp67g flex pc3xl m8hmi y3kub">
<div class="relative n2l26">
<span class="flex n2l26 enhxb items-center hix77 zxv30 k9mkq yxawv z0e83 tuuss hysdx mr9qs ntfdl dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400">
P
</span>
</div>
<div class="dgznh">
<p class="on128 z0e83 dark:text-neutral-500">
5 Jan 2023
</p>
<span class="block tuuss hw6xt ejo46 dark:text-neutral-300">
We’re updating our Privacy Policy as of 10th January 2023.content
</span>
<p>
<a class="inline-flex items-center r2jif tuuss vzyey njs8g h8tqt hw6xt focus:outline-hidden ch28j dark:text-violet-400 dark:hover:text-violet-500" href="#">
Learn more
<svg class="n2l26 szmrd ipy2k se6sv group-hover:translate-x-1 group-focus:translate-x-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="m9 18 6-6-6-6"/></svg>
</a>
</p>
</div>
<div>
<div class="sm:group-hover:opacity-100 sm:opacity-0 sm:absolute tj2cb uq3as">
<!-- Segment Button Group -->
<div class="inline-block ukbyd zxv30 k9mkq yxawv wavyl ntfdl ipy2k bx2ni dark:bg-neutral-800 dark:border-neutral-700">
<div class="flex items-center">
<div class="hs-tooltip relative inline-block">
<button type="button" class="hs-tooltip-toggle x7ecd flex n2l26 enhxb items-center z0e83 lk55v u153f rlapk disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:hover:bg-neutral-700 dark:text-neutral-400 dark:focus:bg-neutral-700">
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/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 11 12 14 22 4"/><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"/></svg>
<svg class="n2l26 szmrd 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"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M8 12h8"/></svg>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl dark:bg-neutral-700" role="tooltip">
Mark this notification as read
</span>
</div>
<div class="hs-tooltip relative inline-block">
<button type="button" class="hs-tooltip-toggle x7ecd flex n2l26 enhxb items-center z0e83 lk55v u153f rlapk disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:hover:bg-neutral-700 dark:text-neutral-400 dark:focus:bg-neutral-700">
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/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="4" rx="2"/><path d="M4 9v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9"/><path d="M10 13h4"/></svg>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl dark:bg-neutral-700" role="tooltip">
Archive this notification
</span>
</div>
</div>
</div>
<!-- End Segment Button Group -->
</div>
</div>
</li>
<!-- End List Item -->
<!-- List Item -->
<li class="relative group xp67g flex pc3xl m8hmi gxtht dark:bg-neutral-800 y3kub">
<div class="relative n2l26">
<img class="n2l26 hix77 mr9qs" src="https://images.unsplash.com/photo-1614880353165-e56fac2ea9a8?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="Avatar">
<span class="absolute krz74 -start-3 z9hxv o0y3u mr9qs dark:bg-blue-500"></span>
</div>
<div class="dgznh">
<p class="on128 z0e83 dark:text-neutral-500">
31 Dec 2022
</p>
<span class="block tuuss hw6xt ejo46 dark:text-neutral-300">
Rubia Walter
</span>
<p class="tuuss z0e83 dark:text-neutral-500">
Joined the Slack group HS Team
</p>
</div>
<div>
<div class="sm:group-hover:opacity-100 sm:opacity-0 sm:absolute tj2cb uq3as">
<!-- Segment Button Group -->
<div class="inline-block ukbyd zxv30 k9mkq yxawv wavyl ntfdl ipy2k bx2ni dark:bg-neutral-800 dark:border-neutral-700">
<div class="flex items-center">
<div class="hs-tooltip relative inline-block">
<button type="button" class="hs-tooltip-toggle x7ecd flex n2l26 enhxb items-center z0e83 lk55v u153f rlapk disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:hover:bg-neutral-700 dark:text-neutral-400 dark:focus:bg-neutral-700">
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/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 11 12 14 22 4"/><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"/></svg>
<svg class="n2l26 szmrd 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"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M8 12h8"/></svg>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl dark:bg-neutral-700" role="tooltip">
Mark this notification as read
</span>
</div>
<div class="hs-tooltip relative inline-block">
<button type="button" class="hs-tooltip-toggle x7ecd flex n2l26 enhxb items-center z0e83 lk55v u153f rlapk disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:hover:bg-neutral-700 dark:text-neutral-400 dark:focus:bg-neutral-700">
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/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="4" rx="2"/><path d="M4 9v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9"/><path d="M10 13h4"/></svg>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl dark:bg-neutral-700" role="tooltip">
Archive this notification
</span>
</div>
</div>
</div>
<!-- End Segment Button Group -->
</div>
</div>
</li>
<!-- End List Item -->
</ul>
<!-- End List Group -->
</div>
<!-- Footer -->
<div class="cgjzl jhbd9 yxawv dark:border-neutral-800">
<a class="jhb8q flex enhxb items-center u3ov7 tuuss z0e83 hw6xt ik40f i7dwv focus:outline-hidden td7m9 dark:text-neutral-400 dark:hover:text-neutral-300 dark:focus:text-neutral-300" href="../../docs/index.html">
Mark all as read
</a>
</div>
<!-- End Footer -->
</div>
<!-- End Tab Content -->
<!-- Tab Content -->
<div id="hs-pro-tabs-dnn-archived" class="hidden" role="tabpanel" aria-labelledby="hs-pro-tabs-dnn-item-archived">
<!-- Empty State -->
<div class="y3kub ldt5a flex flex-col enhxb items-center cgjzl">
<svg class="os8l9 mx-auto yknc9" 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="nadn9 dark:fill-neutral-800"/>
<rect x="27" y="50.5" width="124" height="39" rx="7.5" stroke="currentColor" class="crkpq dark:stroke-neutral-700/10"/>
<rect x="34.5" y="58" width="24" height="24" rx="4" fill="currentColor" class="cp46z dark:fill-neutral-700/30"/>
<rect x="66.5" y="61" width="60" height="6" rx="3" fill="currentColor" class="cp46z dark:fill-neutral-700/30"/>
<rect x="66.5" y="73" width="77" height="6" rx="3" fill="currentColor" class="cp46z dark:fill-neutral-700/30"/>
<rect x="19.5" y="28.5" width="139" height="39" rx="7.5" fill="currentColor" class="nadn9 dark:fill-neutral-800"/>
<rect x="19.5" y="28.5" width="139" height="39" rx="7.5" stroke="currentColor" class="ma5la dark:stroke-neutral-700/30"/>
<rect x="27" y="36" width="24" height="24" rx="4" fill="currentColor" class="d6oao dark:fill-neutral-700/70"/>
<rect x="59" y="39" width="60" height="6" rx="3" fill="currentColor" class="d6oao dark:fill-neutral-700/70"/>
<rect x="59" y="51" width="92" height="6" rx="3" fill="currentColor" class="d6oao dark:fill-neutral-700/70"/>
<g filter="url(#filter3)">
<rect x="12" y="6" width="154" height="40" rx="8" fill="currentColor" class="nadn9 dark:fill-neutral-800" shape-rendering="crispEdges"/>
<rect x="12.5" y="6.5" width="153" height="39" rx="7.5" stroke="currentColor" class="ma5la dark:stroke-neutral-700/60" shape-rendering="crispEdges"/>
<rect x="20" y="14" width="24" height="24" rx="4" fill="currentColor" class="kipiu dark:fill-neutral-700 "/>
<rect x="52" y="17" width="60" height="6" rx="3" fill="currentColor" class="kipiu dark:fill-neutral-700"/>
<rect x="52" y="29" width="106" height="6" rx="3" fill="currentColor" class="kipiu 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="w3vk8 mx-auto">
<p class="nqo4p hw6xt ejo46 dark:text-neutral-200">
No archived notifications
</p>
<p class="ltzuf tuuss z0e83 dark:text-neutral-500">
No data here yet. We will notify you when there's an update.
</p>
</div>
<a class="hxfjh l1xlu inline-flex items-center u3ov7 tuuss hw6xt wavyl k9mkq yxawv zxv30 ejo46 ntfdl wsl5v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden u7q2f dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="@@href">
Notifications settings
</a>
</div>
<!-- End Empty State -->
</div>
<!-- End Tab Content -->
</div>
</div>
<!-- End Notifications Dropdown -->
</div>
<div class="hidden sm:block uob1z tjdyj kn1d1 k6z5i xvgxz dark:border-neutral-800"></div>
<!-- Account Dropdown -->
<div class="hs-dropdown inline-flex [--strategy:absolute] [--auto-close:inside] [--placement:bottom-right] relative m8hmi">
<button id="hs-pro-snad" type="button" class="inline-flex n2l26 items-center rdqxy m8hmi mr9qs focus:outline-hidden" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<img class="n2l26 hix77 mr9qs" 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 ft0gf transition-[opacity,margin] duration opacity-0 hidden mjppw zxv30 mzy38 x32l5 dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-snad">
<div class="smvag xu4xz yxawv dark:border-neutral-800">
<a class="hxfjh l1xlu flex items-center rdqxy wavyl tuuss ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="../../pro/dashboard/user-profile-my-profile.html">
<img class="n2l26 x8hlq mr9qs" 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="dgznh">
<span class="tuuss hysdx ejo46 dark:text-neutral-300">
James Collison
</span>
<p class="on128 z0e83 dark:text-neutral-500">
Preline@HS
</p>
</div>
</a>
</div>
<div class="smvag">
<a class="flex items-center rdqxy hxfjh l1xlu wavyl tuuss ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<svg class="n2l26 icbx8 szmrd" xmlns="http://www.w3.org/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 rdqxy hxfjh l1xlu wavyl tuuss ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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 rdqxy hxfjh l1xlu wavyl tuuss ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<svg class="n2l26 icbx8 szmrd" xmlns="http://www.w3.org/2000/svg" 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="gjk1t sknwj rncu4 yxawv dark:border-neutral-800">
<!-- Switch/Toggle -->
<div class="flex flex-wrap saet7 items-center v6f2r">
<label for="hs-pro-snaddm" class="flex-1 cursor-pointer tuuss ejo46 dark:text-neutral-300">Dark mode</label>
<label for="hs-pro-snaddm" class="relative inline-block x0kau k6z5i cursor-pointer">
<input data-hs-theme-switch type="checkbox" id="hs-pro-snaddm" class="peer r8a99">
<span class="absolute inset-0 iili6 mr9qs en36y rvew4 se6sv peer-checked:bg-violet-600 dark:bg-neutral-700 dark:peer-checked:bg-violet-500 peer-disabled:opacity-50 peer-disabled:pointer-events-none"></span>
<span class="absolute uwi6w pqx29 -translate-y-1/2 s1u6m zxv30 mr9qs dossw o9jos rvew4 se6sv peer-checked:translate-x-full dark:bg-neutral-400 dark:peer-checked:bg-white"></span>
</label>
</div>
<!-- End Switch/Toggle -->
</div>
<div class="smvag">
<a class="flex items-center rdqxy hxfjh l1xlu wavyl tuuss ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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 po4ac pzd9a dgmc7 rlapk y6g4k io5na hw6xt gxtht ejo46 dark:bg-neutral-700 dark:text-neutral-300">
New
</span>
</div>
</a>
<a class="flex items-center rdqxy hxfjh l1xlu wavyl tuuss ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
Manage team
</a>
<a class="flex items-center rdqxy hxfjh l1xlu wavyl tuuss ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
Sign out
</a>
</div>
<div class="smvag jhbd9 yxawv dark:border-neutral-800">
<button type="button" class="flex icbx8 rdqxy hxfjh l1xlu xp67g wavyl tuuss ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-dasadam">
<svg class="n2l26 szmrd icbx8" xmlns="http://www.w3.org/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>
<nav class="relative zxv30 xu4xz yxawv dark:bg-neutral-900 dark:border-neutral-800">
<div class="zmy3o flex flex-wrap offvz items-center xp67g mx-auto abndz gjk1t al91c x2nt7">
<!-- Nav Links -->
<div class="offvz dgznh lg:basis-auto rj4a8 axd81">
<!-- Collapse -->
<div id="hs-pro-dmh" class="hs-collapse hidden overflow-hidden nf9l7 ixagr lg:block" aria-labelledby="hs-pro-dmh-collapse">
<div class="lg:flex lg:flex-wrap lg:items-center ne2zd f9d5d jzyqa space-y-0.5 lg:space-y-0">
<a class="f9d5d psrjx bkfw9 flex items-center u3ov7 d5esf m8hmi xggui ejo46 wavyl lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 " href="../../pro/crm/index.html">
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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 16v5"/><path d="M16 14v7"/><path d="M20 10v11"/><path d="m22 3-8.646 8.646a.5.5 0 0 1-.708 0L9.354 8.354a.5.5 0 0 0-.707 0L2 15"/><path d="M4 18v3"/><path d="M8 14v7"/></svg>
Dashboard
</a>
<a class="f9d5d psrjx bkfw9 flex items-center u3ov7 d5esf m8hmi xggui ejo46 wavyl lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 " href="../../pro/crm/tasks.html">
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/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="M8 7v7"/><path d="M12 7v4"/><path d="M16 7v9"/></svg>
Tasks
</a>
<a class="f9d5d psrjx bkfw9 flex items-center u3ov7 d5esf m8hmi xggui ejo46 wavyl lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 " href="../../pro/crm/customers.html">
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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>
Customers
</a>
<!-- Dropdown Link -->
<div class="hs-dropdown [--strategy:static] lg:[--strategy:fixed] [--adaptive:none] lg:[--adaptive:adaptive] lg:[--trigger:hover] lg:inline-block">
<!-- Link -->
<button id="hs-pro-cnncddm" type="button" class="hs-dropdown-toggle f9d5d psrjx bkfw9 xp67g lg:w-auto flex items-center u3ov7 d5esf j8ti2 m8hmi ejo46 wavyl lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-white dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 gxtht dark:bg-neutral-800" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/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="15" r="3"/><circle cx="9" cy="7" r="4"/><path d="M10 15H6a4 4 0 0 0-4 4v2"/><path d="m21.7 16.4-.9-.3"/><path d="m15.2 13.9-.9-.3"/><path d="m16.6 18.7.3-.9"/><path d="m19.1 12.2.3-.9"/><path d="m19.6 18.7-.4-1"/><path d="m16.8 12.3-.4-1"/><path d="m14.3 16.6 1-.4"/><path d="m20.7 13.8 1-.4"/></svg>
Customer Details
<svg class="hs-dropdown-open:-rotate-180 lg:hs-dropdown-open:rotate-0 ixagr ms-auto m6pd4 n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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 Link -->
<!-- Dropdown Menu -->
<div class="hs-dropdown-menu transition-[opacity,margin] duration-[0.1ms] lg:duration-[150ms] hs-dropdown-open:opacity-100 opacity-0 relative xp67g shkpf hidden te8l0 top-full zxv30 l5fe8 zr4u4 pgl6r wkumd oe85p before:absolute before:-top-4 before:start-0 before:w-full before:h-5 lg:after:hidden after:absolute after:top-1 after:start-4.5 after:w-0.5 after:h-[calc(100%-4px)] after:bg-stone-100 dark:bg-neutral-900 dark:shadow-neutral-900 dark:after:bg-neutral-700" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-cnncddm">
<div class="smvag space-y-0.5">
<a class="relative group f9d5d l1xlu flex items-center rdqxy tuuss ejo46 lk55v wavyl focus:outline-hidden rjc3l dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 gxtht dark:bg-neutral-800" href="../../pro/crm/customer-details.html">
Overview
</a>
<a class="relative group f9d5d l1xlu flex items-center rdqxy tuuss ejo46 lk55v wavyl focus:outline-hidden rjc3l dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 " href="../../pro/crm/customer-details-activity.html">
Activity
</a>
<a class="relative group f9d5d l1xlu flex items-center rdqxy tuuss ejo46 lk55v wavyl focus:outline-hidden rjc3l dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 " href="../../pro/crm/customer-details-bookings.html">
Bookings
</a>
<a class="relative group f9d5d l1xlu flex items-center rdqxy tuuss ejo46 lk55v wavyl focus:outline-hidden rjc3l dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 " href="../../pro/crm/customer-details-projects.html">
Projects
</a>
<a class="relative group f9d5d l1xlu flex items-center rdqxy tuuss ejo46 lk55v wavyl focus:outline-hidden rjc3l dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 " href="../../pro/crm/customer-details-invoices.html">
Invoices
</a>
</div>
</div>
<!-- End Dropdown Menu -->
</div>
<!-- End Dropdown Link -->
<a class="f9d5d psrjx bkfw9 flex items-center u3ov7 d5esf m8hmi xggui ejo46 wavyl lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 " href="../../pro/crm/search.html">
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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 6H3"/><path d="M10 12H3"/><path d="M10 18H3"/><circle cx="17" cy="15" r="3"/><path d="m21 19-1.9-1.9"/></svg>
Search
</a>
<a class="f9d5d psrjx bkfw9 flex items-center u3ov7 d5esf m8hmi xggui ejo46 wavyl lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 " href="../../pro/crm/empty-states.html">
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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>
Empty Contents
</a>
<div class="lg:flex eqfz7 lg:items-center an1sj lg:ms-auto">
<a class="flex items-center lwq0m f9d5d u4s9n d5esf ejo46 wavyl lk55v focus:outline-hidden rjc3l dark:hover:bg-neutral-800 dark:text-neutral-300 dark:focus:bg-neutral-800" href="../../pro/index.html">
<span class="flex enhxb items-center s1u6m inpav w3h0o clfmf dark:bg-indigo-500">
<svg class="n2l26 br82p" xmlns="http://www.w3.org/2000/svg" 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><path d="m3.3 7 8.7 5 8.7-5"></path><path d="M12 22V12"></path></svg>
</span>
PRO
</a>
<a class="flex items-center lwq0m f9d5d u4s9n d5esf ejo46 wavyl lk55v focus:outline-hidden rjc3l dark:hover:bg-neutral-800 dark:text-neutral-300 dark:focus:bg-neutral-800" href="../../pro/examples.html">
<span class="flex enhxb items-center s1u6m inpav w3h0o clfmf dark:bg-indigo-500">
<svg class="n2l26 br82p" xmlns="http://www.w3.org/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="7" x="3" y="3" rx="1"></rect><rect width="9" height="7" x="3" y="14" rx="1"></rect><rect width="5" height="7" x="16" y="14" rx="1"></rect></svg>
</span>
Examples
</a>
</div>
</div>
</div>
<!-- End Collapse -->
</div>
<!-- End Nav Links -->
</div>
</nav>
</header>
<!-- ========== END HEADER ========== -->
<!-- ========== MAIN CONTENT ========== -->
<main id="content" class="dfi4o">
<div class="kquz2 zmy3o u4s9n ymbz2 pj222 mx-auto">
<div class="kquz2 lg:flex">
<!-- Sidebar -->
<div id="hs-pro-ccdcs" class="hs-overlay [--auto-close:xl]
hs-overlay-open:translate-x-0
-translate-x-full nf9l7 ixagr pve7h nk2qy cehcw
mnb0w xl:h-[calc(100dvh-var(--sticky-sidebar-offset-top))]
hidden
fixed evdk4 a98ho tx2df
dgug9 t6dxh xl:block vcbxw xl:end-auto
zxv30 uob1z baees a56pk dark:bg-neutral-900 dark:border-neutral-800" tabindex="-1" aria-labelledby="hs-pro-ccdcs-label">
<div class="ux1hp flex flex-col">
<!-- Header -->
<div class="fop0g p290v flex saet7 items-center u3ov7">
<span id="hs-pro-ccdcs-label" class="block truncate hysdx ejo46 dark:text-neutral-200">
Customers
</span>
<div class="flex items-center u3ov7">
<!-- Button -->
<button type="button" class="x7ecd relative inline-flex enhxb items-center r2jif on128 mr9qs tiwzr w3h0o idq7s disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden e5rzk dark:bg-violet-500 dark:hover:bg-violet-600 dark:focus:bg-violet-600">
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="r8a99">New</span>
</button>
<!-- End Button -->
<button type="button" class="lg:hidden hcvae u4s9n flex enhxb items-center rdqxy d5esf k9mkq yxawv zqruk p12pm wavyl lgip9 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden d10id dark:border-neutral-700 dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-ccdcs">
Close
</button>
</div>
</div>
<!-- End Header -->
<!-- Search -->
<div class="jvthl dmv3j">
<div class="relative">
<div class="absolute evdk4 a98ho flex items-center n8854 mjppw eaq9a">
<svg class="n2l26 szmrd lqxom 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="f9d5d xwdnb ctqfm block xp67g gxtht je4jy gb9vn clfmf tm0mx disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-transparent dark:text-neutral-200 dark:placeholder:text-neutral-400" placeholder="Search clients">
<div class="hidden absolute evdk4 aoum9 flex items-center mjppw svb23">
<button type="button" class="inline-flex n2l26 enhxb items-center rekd6 mr9qs z0e83 hmpqz focus:outline-hidden rdx35 dark:text-neutral-500 dark:hover:text-blue-500 dark:focus:text-blue-500" aria-label="Close">
<span class="r8a99">Close</span>
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/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><path d="m15 9-6 6"></path><path d="m9 9 6 6"></path></svg>
</button>
</div>
</div>
</div>
<!-- End Search -->
<div id="hs-pro-tabs-chtshid-all" class="ux1hp overflow-y-auto hm2m0 uqiuh b3ail ykfhs 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:before:bg-violet-600 dark:hs-tab-active:before:bg-violet-500 relative cursor-pointer zxv30 before:absolute before:inset-y-0 before:start-0 before:w-[3px] before:bg-transparent before:rounded-full hover:before:bg-gray-200 focus:outline-hidden focus:before:bg-gray-200 dark:bg-neutral-900 dark:hover:before:bg-neutral-700 dark:focus:before:bg-neutral-700 active " id="hs-pro-tabs-ccd-item-1" aria-selected="true" data-hs-tab="#hs-pro-tabs-ccd-1" aria-controls="hs-pro-tabs-ccd-1" role="tab" >
<div class="fop0g xp67g flex items-center rdqxy xu4xz a56pk dark:border-neutral-800">
<div class="n2l26">
<div class="relative x8hlq">
<img class="n2l26 x8hlq mr9qs" src="https://images.unsplash.com/photo-1541101767792-f9b2b1c4f127?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="Avatar">
</div>
</div>
<div class="dgznh truncate">
<div class="flex saet7 items-center r2jif">
<p class="truncate hw6xt d5esf ejo46 dark:text-neutral-200">Amanda Harvey</p>
</div>
<div class="truncate q2tw7">
<div class="flex items-center lwq0m tuuss zqruk dark:text-neutral-400">
<svg class="n2l26 inline-block bnmi1" width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.7438 0.940745C6.84695 1.30308 2.6841 1.63631 2.48837 1.67533C1.9396 1.77319 1.44038 2.14544 1.20563 2.63537L1 3.06646L1.01982 13.3407L1.04893 23.615L1.36234 24.2517C1.53886 24.6042 2.73365 26.2499 4.0362 27.9439C6.61221 31.2836 6.79802 31.47 7.77726 31.5679C8.06156 31.597 10.1966 31.4991 12.5081 31.3622C14.8295 31.2154 18.5508 30.99 20.7842 30.863C30.3233 30.2839 29.8334 30.3328 30.3815 29.8627C31.0672 29.2947 31.0183 30.2251 31.0474 17.7377C31.0672 7.15003 31.0573 6.45509 30.9006 6.13177C30.7148 5.76943 30.3815 5.51487 26.0329 2.45885C23.1243 0.421704 22.9186 0.313932 21.6155 0.294111C21.0772 0.274911 16.6307 0.568497 11.7438 0.940745ZM22.752 2.28232C23.1633 2.46814 26.1704 4.56412 26.6108 4.9661C26.7284 5.08378 26.7675 5.18164 26.7086 5.24048C26.5717 5.35817 7.96245 6.465 7.42421 6.38634C7.17956 6.34732 6.81722 6.20052 6.61159 6.06302C5.75932 5.48514 3.64413 3.75149 3.64413 3.62452C3.64413 3.29129 3.57538 3.29129 11.8714 2.69421C13.4582 2.58644 16.0633 2.39071 17.6502 2.26312C21.0871 1.98874 22.1159 1.99865 22.752 2.28232ZM28.6677 7.63996C28.8046 7.77685 28.9223 8.04132 28.9613 8.29589C28.9904 8.53125 29.0102 12.9189 28.9904 18.0313C28.9613 26.8067 28.9514 27.3555 28.7848 27.61C28.6869 27.7667 28.4912 27.9333 28.3438 27.9823C27.9331 28.1489 8.43318 29.2557 8.03183 29.138C7.84601 29.0891 7.59083 28.9324 7.45394 28.7955L7.21858 28.541L7.18947 19.0799C7.16965 12.4395 7.18947 9.5012 7.26813 9.23672C7.32697 9.041 7.47376 8.80564 7.60136 8.72759C7.77788 8.60991 8.93364 8.51205 12.9101 8.2773C15.7016 8.1206 20.0206 7.85613 22.4987 7.70933C28.3933 7.34638 28.3741 7.34638 28.6677 7.63996Z" class="p0t9n dark:fill-neutral-200" fill="currentColor"/><path d="M23.4277 10.8818C22.3698 10.9506 21.4296 11.0484 21.3218 11.1073C20.9985 11.2739 20.8028 11.5483 20.7638 11.8617C20.7347 12.185 20.8325 12.224 21.8898 12.3516L22.35 12.4104V16.5925C22.35 19.0799 22.311 20.7256 22.2621 20.6767C22.2131 20.6178 20.8226 18.5027 19.167 15.9756C17.512 13.4392 16.1407 11.3525 16.1209 11.3333C16.1011 11.3135 15.024 11.3724 13.7313 11.4609C12.1445 11.5687 11.273 11.6666 11.0965 11.7644C10.8122 11.9112 10.4988 12.4303 10.4988 12.7734C10.4988 12.979 10.871 13.0868 11.6545 13.0868H12.0658V25.1139L11.4 25.3196C10.8809 25.4763 10.7044 25.5741 10.6165 25.7698C10.4598 26.1031 10.4697 26.4066 10.6264 26.4066C10.6852 26.4066 11.792 26.3378 13.0649 26.2598C15.582 26.113 15.8657 26.0442 16.1302 25.5252C16.2088 25.3685 16.277 25.2019 16.277 25.1529C16.277 25.1139 15.9345 24.9962 15.5226 24.8984C15.1014 24.8005 14.6802 24.7027 14.5923 24.6828C14.4257 24.6339 14.4157 24.3304 14.4157 20.1186V15.6033L17.3931 20.2753C20.5173 25.1721 20.9093 25.7308 21.3893 25.9755C21.987 26.2889 23.5051 26.0733 24.2688 25.5741L24.5042 25.4273L24.524 18.7479L24.5531 12.0586L25.0722 11.9608C25.6891 11.8431 25.9734 11.5594 25.9734 11.0695C25.9734 10.7561 25.9536 10.7362 25.66 10.7462C25.4847 10.7542 24.4757 10.813 23.4277 10.8818Z" class="p0t9n dark:fill-neutral-200" fill="currentColor"/></svg>
<span class="truncate">Notion Ltd.</span>
</div>
</div>
</div>
</div>
</div><!-- End Message -->
<!-- Message -->
<div class="hs-tab-active:before:bg-violet-600 dark:hs-tab-active:before:bg-violet-500 relative cursor-pointer zxv30 before:absolute before:inset-y-0 before:start-0 before:w-[3px] before:bg-transparent before:rounded-full hover:before:bg-gray-200 focus:outline-hidden focus:before:bg-gray-200 dark:bg-neutral-900 dark:hover:before:bg-neutral-700 dark:focus:before:bg-neutral-700 " id="hs-pro-tabs-ccd-item-2" aria-selected="false" data-hs-tab="#hs-pro-tabs-ccd-2" aria-controls="hs-pro-tabs-ccd-2" role="tab" >
<div class="fop0g xp67g flex items-center rdqxy xu4xz a56pk dark:border-neutral-800">
<div class="n2l26">
<div class="relative x8hlq">
<span class="flex n2l26 enhxb items-center x8hlq on128 hw6xt dq2gi iili6 ejo46 mr9qs dark:bg-neutral-700 dark:text-neutral-200">
R
</span>
</div>
</div>
<div class="dgznh truncate">
<div class="flex saet7 items-center r2jif">
<p class="truncate hw6xt d5esf ejo46 dark:text-neutral-200">Rachel Doe</p>
</div>
<div class="truncate q2tw7">
<div class="flex items-center lwq0m tuuss zqruk dark:text-neutral-400">
<svg class="n2l26 inline-block bnmi1" width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16 16C13.8 16 12 14.2 12 12C12 9.8 13.78 8 16 8C18.2 8 20 9.78 20 12C20 14.22 18.22 16 16 16ZM16 0C9.38 0 4 5.38 4 12C4 18.64 9.38 24 16 24C22.62 24 28 18.64 28 12.02C28 12.02 28 12.02 28 12C28 5.38 22.64 0 16 0Z" fill="#5C54FF"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M8 24C5.8 24 4 25.78 4 28C4 30.2 5.78 32 8 32C10.2 32 12 30.22 12 28C12 25.78 10.22 24 8 24Z" fill="#5C54FF"></path></svg>
<span class="truncate">Prosperops</span>
</div>
</div>
</div>
</div>
</div><!-- End Message -->
<!-- Message -->
<div class="hs-tab-active:before:bg-violet-600 dark:hs-tab-active:before:bg-violet-500 relative cursor-pointer zxv30 before:absolute before:inset-y-0 before:start-0 before:w-[3px] before:bg-transparent before:rounded-full hover:before:bg-gray-200 focus:outline-hidden focus:before:bg-gray-200 dark:bg-neutral-900 dark:hover:before:bg-neutral-700 dark:focus:before:bg-neutral-700 " id="hs-pro-tabs-ccd-item-3" aria-selected="false" data-hs-tab="#hs-pro-tabs-ccd-3" aria-controls="hs-pro-tabs-ccd-3" role="tab" >
<div class="fop0g xp67g flex items-center rdqxy xu4xz a56pk dark:border-neutral-800">
<div class="n2l26">
<div class="relative x8hlq">
<img class="n2l26 x8hlq mr9qs" 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>
<div class="dgznh truncate">
<div class="flex saet7 items-center r2jif">
<p class="truncate hw6xt d5esf ejo46 dark:text-neutral-200">Costa Quinn</p>
</div>
<div class="truncate q2tw7">
<div class="flex items-center lwq0m tuuss zqruk dark:text-neutral-400">
<svg class="n2l26 inline-block bnmi1" width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.7438 0.940745C6.84695 1.30308 2.6841 1.63631 2.48837 1.67533C1.9396 1.77319 1.44038 2.14544 1.20563 2.63537L1 3.06646L1.01982 13.3407L1.04893 23.615L1.36234 24.2517C1.53886 24.6042 2.73365 26.2499 4.0362 27.9439C6.61221 31.2836 6.79802 31.47 7.77726 31.5679C8.06156 31.597 10.1966 31.4991 12.5081 31.3622C14.8295 31.2154 18.5508 30.99 20.7842 30.863C30.3233 30.2839 29.8334 30.3328 30.3815 29.8627C31.0672 29.2947 31.0183 30.2251 31.0474 17.7377C31.0672 7.15003 31.0573 6.45509 30.9006 6.13177C30.7148 5.76943 30.3815 5.51487 26.0329 2.45885C23.1243 0.421704 22.9186 0.313932 21.6155 0.294111C21.0772 0.274911 16.6307 0.568497 11.7438 0.940745ZM22.752 2.28232C23.1633 2.46814 26.1704 4.56412 26.6108 4.9661C26.7284 5.08378 26.7675 5.18164 26.7086 5.24048C26.5717 5.35817 7.96245 6.465 7.42421 6.38634C7.17956 6.34732 6.81722 6.20052 6.61159 6.06302C5.75932 5.48514 3.64413 3.75149 3.64413 3.62452C3.64413 3.29129 3.57538 3.29129 11.8714 2.69421C13.4582 2.58644 16.0633 2.39071 17.6502 2.26312C21.0871 1.98874 22.1159 1.99865 22.752 2.28232ZM28.6677 7.63996C28.8046 7.77685 28.9223 8.04132 28.9613 8.29589C28.9904 8.53125 29.0102 12.9189 28.9904 18.0313C28.9613 26.8067 28.9514 27.3555 28.7848 27.61C28.6869 27.7667 28.4912 27.9333 28.3438 27.9823C27.9331 28.1489 8.43318 29.2557 8.03183 29.138C7.84601 29.0891 7.59083 28.9324 7.45394 28.7955L7.21858 28.541L7.18947 19.0799C7.16965 12.4395 7.18947 9.5012 7.26813 9.23672C7.32697 9.041 7.47376 8.80564 7.60136 8.72759C7.77788 8.60991 8.93364 8.51205 12.9101 8.2773C15.7016 8.1206 20.0206 7.85613 22.4987 7.70933C28.3933 7.34638 28.3741 7.34638 28.6677 7.63996Z" class="p0t9n dark:fill-neutral-200" fill="currentColor"/><path d="M23.4277 10.8818C22.3698 10.9506 21.4296 11.0484 21.3218 11.1073C20.9985 11.2739 20.8028 11.5483 20.7638 11.8617C20.7347 12.185 20.8325 12.224 21.8898 12.3516L22.35 12.4104V16.5925C22.35 19.0799 22.311 20.7256 22.2621 20.6767C22.2131 20.6178 20.8226 18.5027 19.167 15.9756C17.512 13.4392 16.1407 11.3525 16.1209 11.3333C16.1011 11.3135 15.024 11.3724 13.7313 11.4609C12.1445 11.5687 11.273 11.6666 11.0965 11.7644C10.8122 11.9112 10.4988 12.4303 10.4988 12.7734C10.4988 12.979 10.871 13.0868 11.6545 13.0868H12.0658V25.1139L11.4 25.3196C10.8809 25.4763 10.7044 25.5741 10.6165 25.7698C10.4598 26.1031 10.4697 26.4066 10.6264 26.4066C10.6852 26.4066 11.792 26.3378 13.0649 26.2598C15.582 26.113 15.8657 26.0442 16.1302 25.5252C16.2088 25.3685 16.277 25.2019 16.277 25.1529C16.277 25.1139 15.9345 24.9962 15.5226 24.8984C15.1014 24.8005 14.6802 24.7027 14.5923 24.6828C14.4257 24.6339 14.4157 24.3304 14.4157 20.1186V15.6033L17.3931 20.2753C20.5173 25.1721 20.9093 25.7308 21.3893 25.9755C21.987 26.2889 23.5051 26.0733 24.2688 25.5741L24.5042 25.4273L24.524 18.7479L24.5531 12.0586L25.0722 11.9608C25.6891 11.8431 25.9734 11.5594 25.9734 11.0695C25.9734 10.7561 25.9536 10.7362 25.66 10.7462C25.4847 10.7542 24.4757 10.813 23.4277 10.8818Z" class="p0t9n dark:fill-neutral-200" fill="currentColor"/></svg>
<span class="truncate">Notion Ltd.</span>
</div>
</div>
</div>
</div>
</div><!-- End Message -->
<!-- Message -->
<div class="hs-tab-active:before:bg-violet-600 dark:hs-tab-active:before:bg-violet-500 relative cursor-pointer zxv30 before:absolute before:inset-y-0 before:start-0 before:w-[3px] before:bg-transparent before:rounded-full hover:before:bg-gray-200 focus:outline-hidden focus:before:bg-gray-200 dark:bg-neutral-900 dark:hover:before:bg-neutral-700 dark:focus:before:bg-neutral-700 " id="hs-pro-tabs-ccd-item-4" aria-selected="false" data-hs-tab="#hs-pro-tabs-ccd-4" aria-controls="hs-pro-tabs-ccd-4" role="tab" >
<div class="fop0g xp67g flex items-center rdqxy xu4xz a56pk dark:border-neutral-800">
<div class="n2l26">
<div class="relative x8hlq">
<img class="n2l26 x8hlq mr9qs" 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>
<div class="dgznh truncate">
<div class="flex saet7 items-center r2jif">
<p class="truncate hw6xt d5esf ejo46 dark:text-neutral-200">Anna Richard</p>
</div>
<div class="truncate q2tw7">
<div class="flex items-center lwq0m tuuss zqruk dark:text-neutral-400">
<svg class="n2l26 inline-block bnmi1" width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.0355 1.75926C10.6408 1.75926 5.30597 1.49951 0.0111241 1C-0.288584 7.23394 5.50578 13.1282 12.7987 14.5668L13.9975 14.7266C14.3372 12.4289 15.9956 3.7773 16.595 1.73928C16.4152 1.75926 16.2353 1.75926 16.0355 1.75926Z" fill="#A49DFF"></path><path d="M16.615 1.75926C16.615 1.75926 25.2266 7.9932 28.5234 16.3451C30.0419 11.3499 31.1608 6.15498 32 1C26.8051 1.49951 21.71 1.75926 16.615 1.75926Z" fill="#28289A"></path><path d="M13.9975 14.7466L13.8177 15.9455C13.8177 15.9455 12.2592 28.4133 23.1886 31.9699C25.2266 26.8748 27.0049 21.6599 28.5234 16.3251C21.9698 15.8456 13.9975 14.7466 13.9975 14.7466Z" fill="#5ADCEE"></path><path d="M16.6149 1.75927C16.0155 3.79729 14.3571 12.4089 14.0175 14.7466C14.0175 14.7466 21.9897 15.8456 28.5233 16.3251C25.1866 7.9932 16.6149 1.75927 16.6149 1.75927Z" fill="#7878FF"></path></svg>
<span class="truncate">Guideline</span>
</div>
</div>
</div>
</div>
</div><!-- End Message -->
<!-- Message -->
<div class="hs-tab-active:before:bg-violet-600 dark:hs-tab-active:before:bg-violet-500 relative cursor-pointer zxv30 before:absolute before:inset-y-0 before:start-0 before:w-[3px] before:bg-transparent before:rounded-full hover:before:bg-gray-200 focus:outline-hidden focus:before:bg-gray-200 dark:bg-neutral-900 dark:hover:before:bg-neutral-700 dark:focus:before:bg-neutral-700 " id="hs-pro-tabs-ccd-item-5" aria-selected="false" data-hs-tab="#hs-pro-tabs-ccd-5" aria-controls="hs-pro-tabs-ccd-5" role="tab" >
<div class="fop0g xp67g flex items-center rdqxy xu4xz a56pk dark:border-neutral-800">
<div class="n2l26">
<div class="relative x8hlq">
<span class="flex n2l26 enhxb items-center x8hlq on128 hw6xt dq2gi iili6 ejo46 mr9qs dark:bg-neutral-700 dark:text-neutral-200">
B
</span>
</div>
</div>
<div class="dgznh truncate">
<div class="flex saet7 items-center r2jif">
<p class="truncate hw6xt d5esf ejo46 dark:text-neutral-200">Bob Dean</p>
</div>
<div class="truncate q2tw7">
<div class="flex items-center lwq0m tuuss zqruk dark:text-neutral-400">
<svg class="n2l26 inline-block bnmi1" width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.0355 1.75926C10.6408 1.75926 5.30597 1.49951 0.0111241 1C-0.288584 7.23394 5.50578 13.1282 12.7987 14.5668L13.9975 14.7266C14.3372 12.4289 15.9956 3.7773 16.595 1.73928C16.4152 1.75926 16.2353 1.75926 16.0355 1.75926Z" fill="#A49DFF"></path><path d="M16.615 1.75926C16.615 1.75926 25.2266 7.9932 28.5234 16.3451C30.0419 11.3499 31.1608 6.15498 32 1C26.8051 1.49951 21.71 1.75926 16.615 1.75926Z" fill="#28289A"></path><path d="M13.9975 14.7466L13.8177 15.9455C13.8177 15.9455 12.2592 28.4133 23.1886 31.9699C25.2266 26.8748 27.0049 21.6599 28.5234 16.3251C21.9698 15.8456 13.9975 14.7466 13.9975 14.7466Z" fill="#5ADCEE"></path><path d="M16.6149 1.75927C16.0155 3.79729 14.3571 12.4089 14.0175 14.7466C14.0175 14.7466 21.9897 15.8456 28.5233 16.3251C25.1866 7.9932 16.6149 1.75927 16.6149 1.75927Z" fill="#7878FF"></path></svg>
<span class="truncate">Guideline</span>
</div>
</div>
</div>
</div>
</div><!-- End Message -->
<!-- Message -->
<div class="hs-tab-active:before:bg-violet-600 dark:hs-tab-active:before:bg-violet-500 relative cursor-pointer zxv30 before:absolute before:inset-y-0 before:start-0 before:w-[3px] before:bg-transparent before:rounded-full hover:before:bg-gray-200 focus:outline-hidden focus:before:bg-gray-200 dark:bg-neutral-900 dark:hover:before:bg-neutral-700 dark:focus:before:bg-neutral-700 " id="hs-pro-tabs-ccd-item-6" aria-selected="false" data-hs-tab="#hs-pro-tabs-ccd-6" aria-controls="hs-pro-tabs-ccd-6" role="tab" >
<div class="fop0g xp67g flex items-center rdqxy xu4xz a56pk dark:border-neutral-800">
<div class="n2l26">
<div class="relative x8hlq">
<span class="flex n2l26 enhxb items-center x8hlq on128 hw6xt dq2gi iili6 ejo46 mr9qs dark:bg-neutral-700 dark:text-neutral-200">
M
</span>
</div>
</div>
<div class="dgznh truncate">
<div class="flex saet7 items-center r2jif">
<p class="truncate hw6xt d5esf ejo46 dark:text-neutral-200">Mark Colbert</p>
</div>
<div class="truncate q2tw7">
<div class="flex items-center lwq0m tuuss zqruk dark:text-neutral-400">
<svg class="n2l26 inline-block bnmi1" width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16 16C13.8 16 12 14.2 12 12C12 9.8 13.78 8 16 8C18.2 8 20 9.78 20 12C20 14.22 18.22 16 16 16ZM16 0C9.38 0 4 5.38 4 12C4 18.64 9.38 24 16 24C22.62 24 28 18.64 28 12.02C28 12.02 28 12.02 28 12C28 5.38 22.64 0 16 0Z" fill="#5C54FF"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M8 24C5.8 24 4 25.78 4 28C4 30.2 5.78 32 8 32C10.2 32 12 30.22 12 28C12 25.78 10.22 24 8 24Z" fill="#5C54FF"></path></svg>
<span class="truncate">Prosperops</span>
</div>
</div>
</div>
</div>
</div><!-- End Message -->
<!-- Message -->
<div class="hs-tab-active:before:bg-violet-600 dark:hs-tab-active:before:bg-violet-500 relative cursor-pointer zxv30 before:absolute before:inset-y-0 before:start-0 before:w-[3px] before:bg-transparent before:rounded-full hover:before:bg-gray-200 focus:outline-hidden focus:before:bg-gray-200 dark:bg-neutral-900 dark:hover:before:bg-neutral-700 dark:focus:before:bg-neutral-700 " id="hs-pro-tabs-ccd-item-7" aria-selected="false" data-hs-tab="#hs-pro-tabs-ccd-7" aria-controls="hs-pro-tabs-ccd-7" role="tab" >
<div class="fop0g xp67g flex items-center rdqxy xu4xz a56pk dark:border-neutral-800">
<div class="n2l26">
<div class="relative x8hlq">
<span class="flex n2l26 enhxb items-center x8hlq on128 hw6xt dq2gi iili6 ejo46 mr9qs dark:bg-neutral-700 dark:text-neutral-200">
F
</span>
</div>
</div>
<div class="dgznh truncate">
<div class="flex saet7 items-center r2jif">
<p class="truncate hw6xt d5esf ejo46 dark:text-neutral-200">Finch Hoot</p>
</div>
<div class="truncate q2tw7">
<div class="flex items-center lwq0m tuuss zqruk dark:text-neutral-400">
<svg class="n2l26 inline-block bnmi1" 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.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.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.5308 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>
<span class="truncate">Slack</span>
</div>
</div>
</div>
</div>
</div><!-- End Message -->
<!-- Message -->
<div class="hs-tab-active:before:bg-violet-600 dark:hs-tab-active:before:bg-violet-500 relative cursor-pointer zxv30 before:absolute before:inset-y-0 before:start-0 before:w-[3px] before:bg-transparent before:rounded-full hover:before:bg-gray-200 focus:outline-hidden focus:before:bg-gray-200 dark:bg-neutral-900 dark:hover:before:bg-neutral-700 dark:focus:before:bg-neutral-700 " id="hs-pro-tabs-ccd-item-8" aria-selected="false" data-hs-tab="#hs-pro-tabs-ccd-8" aria-controls="hs-pro-tabs-ccd-8" role="tab" >
<div class="fop0g xp67g flex items-center rdqxy xu4xz a56pk dark:border-neutral-800">
<div class="n2l26">
<div class="relative x8hlq">
<img class="n2l26 x8hlq mr9qs" 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>
<div class="dgznh truncate">
<div class="flex saet7 items-center r2jif">
<p class="truncate hw6xt d5esf ejo46 dark:text-neutral-200">Ella Lauda</p>
</div>
<div class="truncate q2tw7">
<div class="flex items-center lwq0m tuuss zqruk dark:text-neutral-400">
<svg class="n2l26 inline-block bnmi1" width="33" height="32" viewBox="0 0 33 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="p0t9n 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="p0t9n dark:fill-neutral-200" fill="currentColor"/></svg>
<span class="truncate">Github</span>
</div>
</div>
</div>
</div>
</div><!-- End Message -->
<!-- Message -->
<div class="hs-tab-active:before:bg-violet-600 dark:hs-tab-active:before:bg-violet-500 relative cursor-pointer zxv30 before:absolute before:inset-y-0 before:start-0 before:w-[3px] before:bg-transparent before:rounded-full hover:before:bg-gray-200 focus:outline-hidden focus:before:bg-gray-200 dark:bg-neutral-900 dark:hover:before:bg-neutral-700 dark:focus:before:bg-neutral-700 " id="hs-pro-tabs-ccd-item-9" aria-selected="false" data-hs-tab="#hs-pro-tabs-ccd-9" aria-controls="hs-pro-tabs-ccd-9" role="tab" >
<div class="fop0g xp67g flex items-center rdqxy xu4xz a56pk dark:border-neutral-800">
<div class="n2l26">
<div class="relative x8hlq">
<img class="n2l26 x8hlq mr9qs" 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="dgznh truncate">
<div class="flex saet7 items-center r2jif">
<p class="truncate hw6xt d5esf ejo46 dark:text-neutral-200">Lewis Clarke</p>
</div>
<div class="truncate q2tw7">
<div class="flex items-center lwq0m tuuss zqruk dark:text-neutral-400">
<svg class="n2l26 inline-block bnmi1" width="33" height="32" viewBox="0 0 33 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="p0t9n 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="p0t9n dark:fill-neutral-200" fill="currentColor"/></svg>
<span class="truncate">Github</span>
</div>
</div>
</div>
</div>
</div><!-- End Message -->
<!-- Message -->
<div class="hs-tab-active:before:bg-violet-600 dark:hs-tab-active:before:bg-violet-500 relative cursor-pointer zxv30 before:absolute before:inset-y-0 before:start-0 before:w-[3px] before:bg-transparent before:rounded-full hover:before:bg-gray-200 focus:outline-hidden focus:before:bg-gray-200 dark:bg-neutral-900 dark:hover:before:bg-neutral-700 dark:focus:before:bg-neutral-700 " id="hs-pro-tabs-ccd-item-10" aria-selected="false" data-hs-tab="#hs-pro-tabs-ccd-10" aria-controls="hs-pro-tabs-ccd-10" role="tab" >
<div class="fop0g xp67g flex items-center rdqxy xu4xz a56pk dark:border-neutral-800">
<div class="n2l26">
<div class="relative x8hlq">
<span class="flex n2l26 enhxb items-center x8hlq on128 hw6xt dq2gi iili6 ejo46 mr9qs dark:bg-neutral-700 dark:text-neutral-200">
O
</span>
</div>
</div>
<div class="dgznh truncate">
<div class="flex saet7 items-center r2jif">
<p class="truncate hw6xt d5esf ejo46 dark:text-neutral-200">Lori Hunter</p>
</div>
<div class="truncate q2tw7">
<div class="flex items-center lwq0m tuuss zqruk dark:text-neutral-400">
<svg class="n2l26 inline-block bnmi1" 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.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.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.5308 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>
<span class="truncate">Slack</span>
</div>
</div>
</div>
</div>
</div><!-- End Message -->
<!-- Message -->
<div class="hs-tab-active:before:bg-violet-600 dark:hs-tab-active:before:bg-violet-500 relative cursor-pointer zxv30 before:absolute before:inset-y-0 before:start-0 before:w-[3px] before:bg-transparent before:rounded-full hover:before:bg-gray-200 focus:outline-hidden focus:before:bg-gray-200 dark:bg-neutral-900 dark:hover:before:bg-neutral-700 dark:focus:before:bg-neutral-700 " id="hs-pro-tabs-ccd-item-11" aria-selected="false" data-hs-tab="#hs-pro-tabs-ccd-11" aria-controls="hs-pro-tabs-ccd-11" role="tab" >
<div class="fop0g xp67g flex items-center rdqxy xu4xz a56pk dark:border-neutral-800">
<div class="n2l26">
<div class="relative x8hlq">
<img class="n2l26 x8hlq mr9qs" 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>
<div class="dgznh truncate">
<div class="flex saet7 items-center r2jif">
<p class="truncate hw6xt d5esf ejo46 dark:text-neutral-200">David Harrison</p>
</div>
<div class="truncate q2tw7">
<div class="flex items-center lwq0m tuuss zqruk dark:text-neutral-400">
<svg class="n2l26 inline-block bnmi1" width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8 2L0 7.27424L8 12.471L15.9999 7.27424L8 2ZM23.9999 2L15.9999 7.27424L23.9999 12.471L31.9998 7.27424L23.9999 2ZM0 17.7451L8 23.0194L15.9999 17.7451L8 12.471L0 17.7451ZM23.9999 12.471L15.9999 17.7451L23.9999 23.0194L31.9998 17.7451L23.9999 12.471ZM8 24.7258L15.9999 30L23.9999 24.7258L15.9999 19.5291L8 24.7258Z" fill="#0062FF"/></svg>
<span class="truncate">Dropbox</span>
</div>
</div>
</div>
</div>
</div><!-- End Message -->
<!-- Message -->
<div class="hs-tab-active:before:bg-violet-600 dark:hs-tab-active:before:bg-violet-500 relative cursor-pointer zxv30 before:absolute before:inset-y-0 before:start-0 before:w-[3px] before:bg-transparent before:rounded-full hover:before:bg-gray-200 focus:outline-hidden focus:before:bg-gray-200 dark:bg-neutral-900 dark:hover:before:bg-neutral-700 dark:focus:before:bg-neutral-700 " id="hs-pro-tabs-ccd-item-12" aria-selected="false" data-hs-tab="#hs-pro-tabs-ccd-12" aria-controls="hs-pro-tabs-ccd-12" role="tab" >
<div class="fop0g xp67g flex items-center rdqxy xu4xz a56pk dark:border-neutral-800">
<div class="n2l26">
<div class="relative x8hlq">
<span class="flex n2l26 enhxb items-center x8hlq on128 hw6xt dq2gi iili6 ejo46 mr9qs dark:bg-neutral-700 dark:text-neutral-200">
R
</span>
</div>
</div>
<div class="dgznh truncate">
<div class="flex saet7 items-center r2jif">
<p class="truncate hw6xt d5esf ejo46 dark:text-neutral-200">Chris Mathew</p>
</div>
<div class="truncate q2tw7">
<div class="flex items-center lwq0m tuuss zqruk dark:text-neutral-400">
<svg class="n2l26 inline-block bnmi1" width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16 16C13.8 16 12 14.2 12 12C12 9.8 13.78 8 16 8C18.2 8 20 9.78 20 12C20 14.22 18.22 16 16 16ZM16 0C9.38 0 4 5.38 4 12C4 18.64 9.38 24 16 24C22.62 24 28 18.64 28 12.02C28 12.02 28 12.02 28 12C28 5.38 22.64 0 16 0Z" fill="#5C54FF"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M8 24C5.8 24 4 25.78 4 28C4 30.2 5.78 32 8 32C10.2 32 12 30.22 12 28C12 25.78 10.22 24 8 24Z" fill="#5C54FF"></path></svg>
<span class="truncate">Prosperops</span>
</div>
</div>
</div>
</div>
</div><!-- End Message -->
<!-- Message -->
<div class="relative zxv30 dark:bg-neutral-900">
<div class="fop0g xp67g flex items-center rdqxy xu4xz a56pk dark:border-neutral-800">
<div class="kti1y xp67g hcvae">
<div class="flex items-center rdqxy">
<div class="n2l26">
<span class="n2l26 x8hlq block iili6 mr9qs dark:bg-neutral-700"></span>
</div>
<div class="dgznh">
<div class="flex flex-col sepr4">
<p class="j23rn iili6 clfmf dark:bg-neutral-700" style="width: 70%;"></p>
<p class="j23rn iili6 clfmf dark:bg-neutral-700" style="width: 50%;"></p>
</div>
</div>
</div>
</div>
</div>
</div><!-- End Message -->
<!-- Message -->
<div class="relative zxv30 dark:bg-neutral-900">
<div class="fop0g xp67g flex items-center rdqxy xu4xz a56pk dark:border-neutral-800">
<div class="kti1y xp67g hcvae">
<div class="flex items-center rdqxy">
<div class="n2l26">
<span class="n2l26 x8hlq block iili6 mr9qs dark:bg-neutral-700"></span>
</div>
<div class="dgznh">
<div class="flex flex-col sepr4">
<p class="j23rn iili6 clfmf dark:bg-neutral-700" style="width: 70%;"></p>
<p class="j23rn iili6 clfmf dark:bg-neutral-700" style="width: 50%;"></p>
</div>
</div>
</div>
</div>
</div>
</div><!-- End Message -->
<!-- Message -->
<div class="relative zxv30 dark:bg-neutral-900">
<div class="fop0g xp67g flex items-center rdqxy xu4xz a56pk dark:border-neutral-800">
<div class="kti1y xp67g hcvae">
<div class="flex items-center rdqxy">
<div class="n2l26">
<span class="n2l26 x8hlq block iili6 mr9qs dark:bg-neutral-700"></span>
</div>
<div class="dgznh">
<div class="flex flex-col sepr4">
<p class="j23rn iili6 clfmf dark:bg-neutral-700" style="width: 70%;"></p>
<p class="j23rn iili6 clfmf dark:bg-neutral-700" style="width: 50%;"></p>
</div>
</div>
</div>
</div>
</div>
</div><!-- End Message -->
</div>
</div>
</div>
</div>
<!-- End Sidebar -->
<div class="uldfp kowd6 dgznh fgyr9">
<div class="lg:hidden mbvb4 flex lokyk">
<!-- Sidebar Toggle Button -->
<button type="button" class="inline-flex items-center r2jif tuuss ejo46 b5782 dvb9h plx3r td7m9 dark:text-neutral-200 dark:decoration-neutral-500" aria-haspopup="dialog" aria-expanded="false" aria-controls="hs-pro-ccdcs" aria-label="Sidebar Toggle" data-hs-overlay="#hs-pro-ccdcs">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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>
Customers List
</button>
<!-- End Sidebar Toggle Button -->
</div>
<!-- Tab Content -->
<div id="hs-pro-tabs-ccd-1" role="tabpanel" aria-labelledby="hs-pro-tabs-ccd-item-1">
<!-- List Group -->
<ul class="divide-y divide-gray-200 dark:divide-neutral-700">
<!-- List Item -->
<li class="h5cbw ril5g aje7h">
<div class="kti1y">
<div class="flex items-center u3ov7">
<div class="n2l26">
<span class="n2l26 smr3m block iili6 mr9qs dark:bg-neutral-700"></span>
</div>
<div class="dgznh">
<div class="khfgm boxle j4iam items-center rdqxy">
<div class="flex flex-col es2r6">
<p class="nv0r4 t6tmf w4re4 iili6 clfmf dark:bg-neutral-700"></p>
<p class="nv0r4 dxfzl tu7tr iili6 clfmf dark:bg-neutral-700"></p>
</div>
<div class="hidden sm:flex lokyk items-center u3ov7">
<p class="k6z5i iili6 clfmf dark:bg-neutral-700" style="width: 16%;"></p>
<p class="k6z5i iili6 clfmf dark:bg-neutral-700" style="width: 20%;"></p>
<p class="k6z5i iili6 clfmf dark:bg-neutral-700" style="width: 6%;"></p>
<p class="k6z5i iili6 clfmf dark:bg-neutral-700" style="width: 6%;"></p>
</div>
</div>
</div>
</div>
<ul class="eg6px space-y-3">
<li class="xp67g nv0r4 iili6 clfmf dark:bg-neutral-700"></li>
</ul>
</div>
</li>
<!-- End List Item -->
<!-- List Item -->
<li class="h5cbw ril5g aje7h">
<div class="kti1y">
<div class="flex items-center u3ov7">
<div class="n2l26">
<span class="n2l26 x7ecd block iili6 clfmf dark:bg-neutral-700"></span>
</div>
<div class="dgznh">
<p class="nv0r4 iili6 clfmf dark:bg-neutral-700" style="width: 10%;"></p>
</div>
</div>
<ul class="eg6px space-y-3">
<li class="nv0r4 iili6 clfmf dark:bg-neutral-700" style="width: 25%;"></li>
<li class="xp67g nv0r4 iili6 clfmf dark:bg-neutral-700"></li>
<li class="xp67g nv0r4 iili6 clfmf dark:bg-neutral-700"></li>
</ul>
</div>
</li>
<!-- End List Item -->
<!-- List Item -->
<li class="h5cbw ril5g aje7h">
<div class="kti1y">
<div class="flex items-center u3ov7">
<div class="n2l26">
<span class="n2l26 x7ecd block iili6 clfmf dark:bg-neutral-700"></span>
</div>
<div class="dgznh">
<p class="nv0r4 iili6 clfmf dark:bg-neutral-700" style="width: 10%;"></p>
</div>
</div>
<ul class="eg6px space-y-3">
<li class="nv0r4 iili6 clfmf dark:bg-neutral-700" style="width: 25%;"></li>
<li class="xp67g nv0r4 iili6 clfmf dark:bg-neutral-700"></li>
<li class="xp67g nv0r4 iili6 clfmf dark:bg-neutral-700"></li>
</ul>
</div>
</li>
<!-- End List Item -->
<!-- List Item -->
<li class="h5cbw ril5g aje7h">
<div class="kti1y">
<div class="flex items-center u3ov7">
<div class="n2l26">
<span class="n2l26 x7ecd block iili6 clfmf dark:bg-neutral-700"></span>
</div>
<div class="dgznh">
<p class="nv0r4 iili6 clfmf dark:bg-neutral-700" style="width: 10%;"></p>
</div>
</div>
<ul class="eg6px space-y-3">
<li class="nv0r4 iili6 clfmf dark:bg-neutral-700" style="width: 25%;"></li>
<li class="xp67g nv0r4 iili6 clfmf dark:bg-neutral-700"></li>
<li class="xp67g nv0r4 iili6 clfmf dark:bg-neutral-700"></li>
</ul>
</div>
</li>
<!-- End List Item -->
</ul>
<!-- End List Group -->
</div>
<!-- End Tab Content -->
<!-- Tab Content -->
<div id="hs-pro-tabs-ccd-2" class="hidden" role="tabpanel" aria-labelledby="hs-pro-tabs-ccd-item-2">
<!-- List Group -->
<ul class="divide-y divide-gray-200 dark:divide-neutral-700">
<!-- List Item -->
<li class="h5cbw ril5g aje7h">
<div class="kti1y">
<div class="flex items-center u3ov7">
<div class="n2l26">
<span class="n2l26 smr3m block iili6 mr9qs dark:bg-neutral-700"></span>
</div>
<div class="dgznh">
<div class="khfgm boxle j4iam items-center rdqxy">
<div class="flex flex-col es2r6">
<p class="nv0r4 t6tmf w4re4 iili6 clfmf dark:bg-neutral-700"></p>
<p class="nv0r4 dxfzl tu7tr iili6 clfmf dark:bg-neutral-700"></p>
</div>
<div class="hidden sm:flex lokyk items-center u3ov7">
<p class="k6z5i iili6 clfmf dark:bg-neutral-700" style="width: 16%;"></p>
<p class="k6z5i iili6 clfmf dark:bg-neutral-700" style="width: 20%;"></p>
<p class="k6z5i iili6 clfmf dark:bg-neutral-700" style="width: 6%;"></p>
<p class="k6z5i iili6 clfmf dark:bg-neutral-700" style="width: 6%;"></p>
</div>
</div>
</div>
</div>
<ul class="eg6px space-y-3">
<li class="xp67g nv0r4 iili6 clfmf dark:bg-neutral-700"></li>
</ul>
</div>
</li>
<!-- End List Item -->
<!-- List Item -->
<li class="h5cbw ril5g aje7h">
<div class="kti1y">
<div class="flex items-center u3ov7">
<div class="n2l26">
<span class="n2l26 x7ecd block iili6 clfmf dark:bg-neutral-700"></span>
</div>
<div class="dgznh">
<p class="nv0r4 iili6 clfmf dark:bg-neutral-700" style="width: 10%;"></p>
</div>
</div>
<ul class="eg6px space-y-3">
<li class="nv0r4 iili6 clfmf dark:bg-neutral-700" style="width: 25%;"></li>
<li class="xp67g nv0r4 iili6 clfmf dark:bg-neutral-700"></li>
<li class="xp67g nv0r4 iili6 clfmf dark:bg-neutral-700"></li>
</ul>
</div>
</li>
<!-- End List Item -->
<!-- List Item -->
<li class="h5cbw ril5g aje7h">
<div class="kti1y">
<div class="flex items-center u3ov7">
<div class="n2l26">
<span class="n2l26 x7ecd block iili6 clfmf dark:bg-neutral-700"></span>
</div>
<div class="dgznh">
<p class="nv0r4 iili6 clfmf dark:bg-neutral-700" style="width: 10%;"></p>
</div>
</div>
<ul class="eg6px space-y-3">
<li class="nv0r4 iili6 clfmf dark:bg-neutral-700" style="width: 25%;"></li>
<li class="xp67g nv0r4 iili6 clfmf dark:bg-neutral-700"></li>
<li class="xp67g nv0r4 iili6 clfmf dark:bg-neutral-700"></li>
</ul>
</div>
</li>
<!-- End List Item -->
<!-- List Item -->
<li class="h5cbw ril5g aje7h">
<div class="kti1y">
<div class="flex items-center u3ov7">
<div class="n2l26">
<span class="n2l26 x7ecd block iili6 clfmf dark:bg-neutral-700"></span>
</div>
<div class="dgznh">
<p class="nv0r4 iili6 clfmf dark:bg-neutral-700" style="width: 10%;"></p>
</div>
</div>
<ul class="eg6px space-y-3">
<li class="nv0r4 iili6 clfmf dark:bg-neutral-700" style="width: 25%;"></li>
<li class="xp67g nv0r4 iili6 clfmf dark:bg-neutral-700"></li>
<li class="xp67g nv0r4 iili6 clfmf dark:bg-neutral-700"></li>
</ul>
</div>
</li>
<!-- End List Item -->
</ul>
<!-- End List Group -->
</div>
<!-- End Tab Content -->
<!-- Tab Content -->
<div id="hs-pro-tabs-ccd-3" class="hidden" role="tabpanel" aria-labelledby="hs-pro-tabs-ccd-item-3">
<!-- List Group -->
<ul class="divide-y divide-gray-200 dark:divide-neutral-700">
<!-- List Item -->
<li class="h5cbw ril5g aje7h">
<div class="kti1y">
<div class="flex items-center u3ov7">
<div class="n2l26">
<span class="n2l26 smr3m block iili6 mr9qs dark:bg-neutral-700"></span>
</div>
<div class="dgznh">
<div class="khfgm boxle j4iam items-center rdqxy">
<div class="flex flex-col es2r6">
<p class="nv0r4 t6tmf w4re4 iili6 clfmf dark:bg-neutral-700"></p>
<p class="nv0r4 dxfzl tu7tr iili6 clfmf dark:bg-neutral-700"></p>
</div>
<div class="hidden sm:flex lokyk items-center u3ov7">
<p class="k6z5i iili6 clfmf dark:bg-neutral-700" style="width: 16%;"></p>
<p class="k6z5i iili6 clfmf dark:bg-neutral-700" style="width: 20%;"></p>
<p class="k6z5i iili6 clfmf dark:bg-neutral-700" style="width: 6%;"></p>
<p class="k6z5i iili6 clfmf dark:bg-neutral-700" style="width: 6%;"></p>
</div>
</div>
</div>
</div>
<ul class="eg6px space-y-3">
<li class="xp67g nv0r4 iili6 clfmf dark:bg-neutral-700"></li>
</ul>
</div>
</li>
<!-- End List Item -->
<!-- List Item -->
<li class="h5cbw ril5g aje7h">
<div class="kti1y">
<div class="flex items-center u3ov7">
<div class="n2l26">
<span class="n2l26 x7ecd block iili6 clfmf dark:bg-neutral-700"></span>
</div>
<div class="dgznh">
<p class="nv0r4 iili6 clfmf dark:bg-neutral-700" style="width: 10%;"></p>
</div>
</div>
<ul class="eg6px space-y-3">
<li class="nv0r4 iili6 clfmf dark:bg-neutral-700" style="width: 25%;"></li>
<li class="xp67g nv0r4 iili6 clfmf dark:bg-neutral-700"></li>
<li class="xp67g nv0r4 iili6 clfmf dark:bg-neutral-700"></li>
</ul>
</div>
</li>
<!-- End List Item -->
<!-- List Item -->
<li class="h5cbw ril5g aje7h">
<div class="kti1y">
<div class="flex items-center u3ov7">
<div class="n2l26">
<span class="n2l26 x7ecd block iili6 clfmf dark:bg-neutral-700"></span>
</div>
<div class="dgznh">
<p class="nv0r4 iili6 clfmf dark:bg-neutral-700" style="width: 10%;"></p>
</div>
</div>
<ul class="eg6px space-y-3">
<li class="nv0r4 iili6 clfmf dark:bg-neutral-700" style="width: 25%;"></li>
<li class="xp67g nv0r4 iili6 clfmf dark:bg-neutral-700"></li>
<li class="xp67g nv0r4 iili6 clfmf dark:bg-neutral-700"></li>
</ul>
</div>
</li>
<!-- End List Item -->
<!-- List Item -->
<li class="h5cbw ril5g aje7h">
<div class="kti1y">
<div class="flex items-center u3ov7">
<div class="n2l26">
<span class="n2l26 x7ecd block iili6 clfmf dark:bg-neutral-700"></span>
</div>
<div class="dgznh">
<p class="nv0r4 iili6 clfmf dark:bg-neutral-700" style="width: 10%;"></p>
</div>
</div>
<ul class="eg6px space-y-3">
<li class="nv0r4 iili6 clfmf dark:bg-neutral-700" style="width: 25%;"></li>
<li class="xp67g nv0r4 iili6 clfmf dark:bg-neutral-700"></li>
<li class="xp67g nv0r4 iili6 clfmf dark:bg-neutral-700"></li>
</ul>
</div>
</li>
<!-- End List Item -->
</ul>
<!-- End List Group -->
</div>
<!-- End Tab Content -->
<!-- Tab Content -->
<div id="hs-pro-tabs-ccd-4" class="hidden" role="tabpanel" aria-labelledby="hs-pro-tabs-ccd-item-4">
<!-- List Group -->
<ul class="divide-y divide-gray-200 dark:divide-neutral-700">
<!-- List Item -->
<li class="h5cbw ril5g aje7h">
<div class="kti1y">
<div class="flex items-center u3ov7">
<div class="n2l26">
<span class="n2l26 smr3m block iili6 mr9qs dark:bg-neutral-700"></span>
</div>
<div class="dgznh">
<div class="khfgm boxle j4iam items-center rdqxy">
<div class="flex flex-col es2r6">
<p class="nv0r4 t6tmf w4re4 iili6 clfmf dark:bg-neutral-700"></p>
<p class="nv0r4 dxfzl tu7tr iili6 clfmf dark:bg-neutral-700"></p>
</div>
<div class="hidden sm:flex lokyk items-center u3ov7">
<p class="k6z5i iili6 clfmf dark:bg-neutral-700" style="width: 16%;"></p>
<p class="k6z5i iili6 clfmf dark:bg-neutral-700" style="width: 20%;"></p>
<p class="k6z5i iili6 clfmf dark:bg-neutral-700" style="width: 6%;"></p>
<p class="k6z5i iili6 clfmf dark:bg-neutral-700" style="width: 6%;"></p>
</div>
</div>
</div>
</div>
<ul class="eg6px space-y-3">
<li class="xp67g nv0r4 iili6 clfmf dark:bg-neutral-700"></li>
</ul>
</div>
</li>
<!-- End List Item -->
<!-- List Item -->
<li class="h5cbw ril5g aje7h">
<div class="kti1y">
<div class="flex items-center u3ov7">
<div class="n2l26">
<span class="n2l26 x7ecd block iili6 clfmf dark:bg-neutral-700"></span>
</div>
<div class="dgznh">
<p class="nv0r4 iili6 clfmf dark:bg-neutral-700" style="width: 10%;"></p>
</div>
</div>
<ul class="eg6px space-y-3">
<li class="nv0r4 iili6 clfmf dark:bg-neutral-700" style="width: 25%;"></li>
<li class="xp67g nv0r4 iili6 clfmf dark:bg-neutral-700"></li>
<li class="xp67g nv0r4 iili6 clfmf dark:bg-neutral-700"></li>
</ul>
</div>
</li>
<!-- End List Item -->
<!-- List Item -->
<li class="h5cbw ril5g aje7h">
<div class="kti1y">
<div class="flex items-center u3ov7">
<div class="n2l26">
<span class="n2l26 x7ecd block iili6 clfmf dark:bg-neutral-700"></span>
</div>
<div class="dgznh">
<p class="nv0r4 iili6 clfmf dark:bg-neutral-700" style="width: 10%;"></p>
</div>
</div>
<ul class="eg6px space-y-3">
<li class="nv0r4 iili6 clfmf dark:bg-neutral-700" style="width: 25%;"></li>
<li class="xp67g nv0r4 iili6 clfmf dark:bg-neutral-700"></li>
<li class="xp67g nv0r4 iili6 clfmf dark:bg-neutral-700"></li>
</ul>
</div>
</li>
<!-- End List Item -->
<!-- List Item -->
<li class="h5cbw ril5g aje7h">
<div class="kti1y">
<div class="flex items-center u3ov7">
<div class="n2l26">
<span class="n2l26 x7ecd block iili6 clfmf dark:bg-neutral-700"></span>
</div>
<div class="dgznh">
<p class="nv0r4 iili6 clfmf dark:bg-neutral-700" style="width: 10%;"></p>
</div>
</div>
<ul class="eg6px space-y-3">
<li class="nv0r4 iili6 clfmf dark:bg-neutral-700" style="width: 25%;"></li>
<li class="xp67g nv0r4 iili6 clfmf dark:bg-neutral-700"></li>
<li class="xp67g nv0r4 iili6 clfmf dark:bg-neutral-700"></li>
</ul>
</div>
</li>
<!-- End List Item -->
</ul>
<!-- End List Group -->
</div>
<!-- End Tab Content -->
<!-- Tab Content -->
<div id="hs-pro-tabs-ccd-5" class="hidden" role="tabpanel" aria-labelledby="hs-pro-tabs-ccd-item-5">
<!-- List Group -->
<ul class="divide-y divide-gray-200 dark:divide-neutral-700">
<!-- List Item -->
<li class="h5cbw ril5g aje7h">
<div class="kti1y">
<div class="flex items-center u3ov7">
<div class="n2l26">
<span class="n2l26 smr3m block iili6 mr9qs dark:bg-neutral-700"></span>
</div>
<div class="dgznh">
<div class="khfgm boxle j4iam items-center rdqxy">
<div class="flex flex-col es2r6">
<p class="nv0r4 t6tmf w4re4 iili6 clfmf dark:bg-neutral-700"></p>
<p class="nv0r4 dxfzl tu7tr iili6 clfmf dark:bg-neutral-700"></p>
</div>
<div class="hidden sm:flex lokyk items-center u3ov7">
<p class="k6z5i iili6 clfmf dark:bg-neutral-700" style="width: 16%;"></p>
<p class="k6z5i iili6 clfmf dark:bg-neutral-700" style="width: 20%;"></p>
<p class="k6z5i iili6 clfmf dark:bg-neutral-700" style="width: 6%;"></p>
<p class="k6z5i iili6 clfmf dark:bg-neutral-700" style="width: 6%;"></p>
</div>
</div>
</div>
</div>
<ul class="eg6px space-y-3">
<li class="xp67g nv0r4 iili6 clfmf dark:bg-neutral-700"></li>
</ul>
</div>
</li>
<!-- End List Item -->
<!-- List Item -->
<li class="h5cbw ril5g aje7h">
<div class="kti1y">
<div class="flex items-center u3ov7">
<div class="n2l26">
<span class="n2l26 x7ecd block iili6 clfmf dark:bg-neutral-700"></span>
</div>
<div class="dgznh">
<p class="nv0r4 iili6 clfmf dark:bg-neutral-700" style="width: 10%;"></p>
</div>
</div>
<ul class="eg6px space-y-3">
<li class="nv0r4 iili6 clfmf dark:bg-neutral-700" style="width: 25%;"></li>
<li class="xp67g nv0r4 iili6 clfmf dark:bg-neutral-700"></li>
<li class="xp67g nv0r4 iili6 clfmf dark:bg-neutral-700"></li>
</ul>
</div>
</li>
<!-- End List Item -->
<!-- List Item -->
<li class="h5cbw ril5g aje7h">
<div class="kti1y">
<div class="flex items-center u3ov7">
<div class="n2l26">
<span class="n2l26 x7ecd block iili6 clfmf dark:bg-neutral-700"></span>
</div>
<div class="dgznh">
<p class="nv0r4 iili6 clfmf dark:bg-neutral-700" style="width: 10%;"></p>
</div>
</div>
<ul class="eg6px space-y-3">
<li class="nv0r4 iili6 clfmf dark:bg-neutral-700" style="width: 25%;"></li>
<li class="xp67g nv0r4 iili6 clfmf dark:bg-neutral-700"></li>
<li class="xp67g nv0r4 iili6 clfmf dark:bg-neutral-700"></li>
</ul>
</div>
</li>
<!-- End List Item -->
<!-- List Item -->
<li class="h5cbw ril5g aje7h">
<div class="kti1y">
<div class="flex items-center u3ov7">
<div class="n2l26">
<span class="n2l26 x7ecd block iili6 clfmf dark:bg-neutral-700"></span>
</div>
<div class="dgznh">
<p class="nv0r4 iili6 clfmf dark:bg-neutral-700" style="width: 10%;"></p>
</div>
</div>
<ul class="eg6px space-y-3">
<li class="nv0r4 iili6 clfmf dark:bg-neutral-700" style="width: 25%;"></li>
<li class="xp67g nv0r4 iili6 clfmf dark:bg-neutral-700"></li>
<li class="xp67g nv0r4 iili6 clfmf dark:bg-neutral-700"></li>
</ul>
</div>
</li>
<!-- End List Item -->
</ul>
<!-- End List Group -->
</div>
<!-- End Tab Content -->
<!-- Tab Content -->
<div id="hs-pro-tabs-ccd-6" class="hidden" role="tabpanel" aria-labelledby="hs-pro-tabs-ccd-item-6">
<!-- List Group -->
<ul class="divide-y divide-gray-200 dark:divide-neutral-700">
<!-- List Item -->
<li class="h5cbw ril5g aje7h">
<div class="kti1y">
<div class="flex items-center u3ov7">
<div class="n2l26">
<span class="n2l26 smr3m block iili6 mr9qs dark:bg-neutral-700"></span>
</div>
<div class="dgznh">
<div class="khfgm boxle j4iam items-center rdqxy">
<div class="flex flex-col es2r6">
<p class="nv0r4 t6tmf w4re4 iili6 clfmf dark:bg-neutral-700"></p>
<p class="nv0r4 dxfzl tu7tr iili6 clfmf dark:bg-neutral-700"></p>
</div>
<div class="hidden sm:flex lokyk items-center u3ov7">
<p class="k6z5i iili6 clfmf dark:bg-neutral-700" style="width: 16%;"></p>
<p class="k6z5i iili6 clfmf dark:bg-neutral-700" style="width: 20%;"></p>
<p class="k6z5i iili6 clfmf dark:bg-neutral-700" style="width: 6%;"></p>
<p class="k6z5i iili6 clfmf dark:bg-neutral-700" style="width: 6%;"></p>
</div>
</div>
</div>
</div>
<ul class="eg6px space-y-3">
<li class="xp67g nv0r4 iili6 clfmf dark:bg-neutral-700"></li>
</ul>
</div>
</li>
<!-- End List Item -->
<!-- List Item -->
<li class="h5cbw ril5g aje7h">
<div class="kti1y">
<div class="flex items-center u3ov7">
<div class="n2l26">
<span class="n2l26 x7ecd block iili6 clfmf dark:bg-neutral-700"></span>
</div>
<div class="dgznh">
<p class="nv0r4 iili6 clfmf dark:bg-neutral-700" style="width: 10%;"></p>
</div>
</div>
<ul class="eg6px space-y-3">
<li class="nv0r4 iili6 clfmf dark:bg-neutral-700" style="width: 25%;"></li>
<li class="xp67g nv0r4 iili6 clfmf dark:bg-neutral-700"></li>
<li class="xp67g nv0r4 iili6 clfmf dark:bg-neutral-700"></li>
</ul>
</div>
</li>
<!-- End List Item -->
<!-- List Item -->
<li class="h5cbw ril5g aje7h">
<div class="kti1y">
<div class="flex items-center u3ov7">
<div class="n2l26">
<span class="n2l26 x7ecd block iili6 clfmf dark:bg-neutral-700"></span>
</div>
<div class="dgznh">
<p class="nv0r4 iili6 clfmf dark:bg-neutral-700" style="width: 10%;"></p>
</div>
</div>
<ul class="eg6px space-y-3">
<li class="nv0r4 iili6 clfmf dark:bg-neutral-700" style="width: 25%;"></li>
<li class="xp67g nv0r4 iili6 clfmf dark:bg-neutral-700"></li>
<li class="xp67g nv0r4 iili6 clfmf dark:bg-neutral-700"></li>
</ul>
</div>
</li>
<!-- End List Item -->
<!-- List Item -->
<li class="h5cbw ril5g aje7h">
<div class="kti1y">
<div class="flex items-center u3ov7">
<div class="n2l26">
<span class="n2l26 x7ecd block iili6 clfmf dark:bg-neutral-700"></span>
</div>
<div class="dgznh">
<p class="nv0r4 iili6 clfmf dark:bg-neutral-700" style="width: 10%;"></p>
</div>
</div>
<ul class="eg6px space-y-3">
<li class="nv0r4 iili6 clfmf dark:bg-neutral-700" style="width: 25%;"></li>
<li class="xp67g nv0r4 iili6 clfmf dark:bg-neutral-700"></li>
<li class="xp67g nv0r4 iili6 clfmf dark:bg-neutral-700"></li>
</ul>
</div>
</li>
<!-- End List Item -->
</ul>
<!-- End List Group -->
</div>
<!-- End Tab Content -->
<!-- Tab Content -->
<div id="hs-pro-tabs-ccd-7" class="hidden" role="tabpanel" aria-labelledby="hs-pro-tabs-ccd-item-7">
<!-- List Group -->
<ul class="divide-y divide-gray-200 dark:divide-neutral-700">
<!-- List Item -->
<li class="h5cbw ril5g aje7h">
<div class="kti1y">
<div class="flex items-center u3ov7">
<div class="n2l26">
<span class="n2l26 smr3m block iili6 mr9qs dark:bg-neutral-700"></span>
</div>
<div class="dgznh">
<div class="khfgm boxle j4iam items-center rdqxy">
<div class="flex flex-col es2r6">
<p class="nv0r4 t6tmf w4re4 iili6 clfmf dark:bg-neutral-700"></p>
<p class="nv0r4 dxfzl tu7tr iili6 clfmf dark:bg-neutral-700"></p>
</div>
<div class="hidden sm:flex lokyk items-center u3ov7">
<p class="k6z5i iili6 clfmf dark:bg-neutral-700" style="width: 16%;"></p>
<p class="k6z5i iili6 clfmf dark:bg-neutral-700" style="width: 20%;"></p>
<p class="k6z5i iili6 clfmf dark:bg-neutral-700" style="width: 6%;"></p>
<p class="k6z5i iili6 clfmf dark:bg-neutral-700" style="width: 6%;"></p>
</div>
</div>
</div>
</div>
<ul class="eg6px space-y-3">
<li class="xp67g nv0r4 iili6 clfmf dark:bg-neutral-700"></li>
</ul>
</div>
</li>
<!-- End List Item -->
<!-- List Item -->
<li class="h5cbw ril5g aje7h">
<div class="kti1y">
<div class="flex items-center u3ov7">
<div class="n2l26">
<span class="n2l26 x7ecd block iili6 clfmf dark:bg-neutral-700"></span>
</div>
<div class="dgznh">
<p class="nv0r4 iili6 clfmf dark:bg-neutral-700" style="width: 10%;"></p>
</div>
</div>
<ul class="eg6px space-y-3">
<li class="nv0r4 iili6 clfmf dark:bg-neutral-700" style="width: 25%;"></li>
<li class="xp67g nv0r4 iili6 clfmf dark:bg-neutral-700"></li>
<li class="xp67g nv0r4 iili6 clfmf dark:bg-neutral-700"></li>
</ul>
</div>
</li>
<!-- End List Item -->
<!-- List Item -->
<li class="h5cbw ril5g aje7h">
<div class="kti1y">
<div class="flex items-center u3ov7">
<div class="n2l26">
<span class="n2l26 x7ecd block iili6 clfmf dark:bg-neutral-700"></span>
</div>
<div class="dgznh">
<p class="nv0r4 iili6 clfmf dark:bg-neutral-700" style="width: 10%;"></p>
</div>
</div>
<ul class="eg6px space-y-3">
<li class="nv0r4 iili6 clfmf dark:bg-neutral-700" style="width: 25%;"></li>
<li class="xp67g nv0r4 iili6 clfmf dark:bg-neutral-700"></li>
<li class="xp67g nv0r4 iili6 clfmf dark:bg-neutral-700"></li>
</ul>
</div>
</li>
<!-- End List Item -->
<!-- List Item -->
<li class="h5cbw ril5g aje7h">
<div class="kti1y">
<div class="flex items-center u3ov7">
<div class="n2l26">
<span class="n2l26 x7ecd block iili6 clfmf dark:bg-neutral-700"></span>
</div>
<div class="dgznh">
<p class="nv0r4 iili6 clfmf dark:bg-neutral-700" style="width: 10%;"></p>
</div>
</div>
<ul class="eg6px space-y-3">
<li class="nv0r4 iili6 clfmf dark:bg-neutral-700" style="width: 25%;"></li>
<li class="xp67g nv0r4 iili6 clfmf dark:bg-neutral-700"></li>
<li class="xp67g nv0r4 iili6 clfmf dark:bg-neutral-700"></li>
</ul>
</div>
</li>
<!-- End List Item -->
</ul>
<!-- End List Group -->
</div>
<!-- End Tab Content -->
<!-- Tab Content -->
<div id="hs-pro-tabs-ccd-8" class="hidden" role="tabpanel" aria-labelledby="hs-pro-tabs-ccd-item-8">
<!-- List Group -->
<ul class="divide-y divide-gray-200 dark:divide-neutral-700">
<!-- List Item -->
<li class="h5cbw ril5g aje7h">
<div class="kti1y">
<div class="flex items-center u3ov7">
<div class="n2l26">
<span class="n2l26 smr3m block iili6 mr9qs dark:bg-neutral-700"></span>
</div>
<div class="dgznh">
<div class="khfgm boxle j4iam items-center rdqxy">
<div class="flex flex-col es2r6">
<p class="nv0r4 t6tmf w4re4 iili6 clfmf dark:bg-neutral-700"></p>
<p class="nv0r4 dxfzl tu7tr iili6 clfmf dark:bg-neutral-700"></p>
</div>
<div class="hidden sm:flex lokyk items-center u3ov7">
<p class="k6z5i iili6 clfmf dark:bg-neutral-700" style="width: 16%;"></p>
<p class="k6z5i iili6 clfmf dark:bg-neutral-700" style="width: 20%;"></p>
<p class="k6z5i iili6 clfmf dark:bg-neutral-700" style="width: 6%;"></p>
<p class="k6z5i iili6 clfmf dark:bg-neutral-700" style="width: 6%;"></p>
</div>
</div>
</div>
</div>
<ul class="eg6px space-y-3">
<li class="xp67g nv0r4 iili6 clfmf dark:bg-neutral-700"></li>
</ul>
</div>
</li>
<!-- End List Item -->
<!-- List Item -->
<li class="h5cbw ril5g aje7h">
<div class="kti1y">
<div class="flex items-center u3ov7">
<div class="n2l26">
<span class="n2l26 x7ecd block iili6 clfmf dark:bg-neutral-700"></span>
</div>
<div class="dgznh">
<p class="nv0r4 iili6 clfmf dark:bg-neutral-700" style="width: 10%;"></p>
</div>
</div>
<ul class="eg6px space-y-3">
<li class="nv0r4 iili6 clfmf dark:bg-neutral-700" style="width: 25%;"></li>
<li class="xp67g nv0r4 iili6 clfmf dark:bg-neutral-700"></li>
<li class="xp67g nv0r4 iili6 clfmf dark:bg-neutral-700"></li>
</ul>
</div>
</li>
<!-- End List Item -->
<!-- List Item -->
<li class="h5cbw ril5g aje7h">
<div class="kti1y">
<div class="flex items-center u3ov7">
<div class="n2l26">
<span class="n2l26 x7ecd block iili6 clfmf dark:bg-neutral-700"></span>
</div>
<div class="dgznh">
<p class="nv0r4 iili6 clfmf dark:bg-neutral-700" style="width: 10%;"></p>
</div>
</div>
<ul class="eg6px space-y-3">
<li class="nv0r4 iili6 clfmf dark:bg-neutral-700" style="width: 25%;"></li>
<li class="xp67g nv0r4 iili6 clfmf dark:bg-neutral-700"></li>
<li class="xp67g nv0r4 iili6 clfmf dark:bg-neutral-700"></li>
</ul>
</div>
</li>
<!-- End List Item -->
<!-- List Item -->
<li class="h5cbw ril5g aje7h">
<div class="kti1y">
<div class="flex items-center u3ov7">
<div class="n2l26">
<span class="n2l26 x7ecd block iili6 clfmf dark:bg-neutral-700"></span>
</div>
<div class="dgznh">
<p class="nv0r4 iili6 clfmf dark:bg-neutral-700" style="width: 10%;"></p>
</div>
</div>
<ul class="eg6px space-y-3">
<li class="nv0r4 iili6 clfmf dark:bg-neutral-700" style="width: 25%;"></li>
<li class="xp67g nv0r4 iili6 clfmf dark:bg-neutral-700"></li>
<li class="xp67g nv0r4 iili6 clfmf dark:bg-neutral-700"></li>
</ul>
</div>
</li>
<!-- End List Item -->
</ul>
<!-- End List Group -->
</div>
<!-- End Tab Content -->
<!-- Tab Content -->
<div id="hs-pro-tabs-ccd-9" class="hidden" role="tabpanel" aria-labelledby="hs-pro-tabs-ccd-item-9">
<!-- List Group -->
<ul class="divide-y divide-gray-200 dark:divide-neutral-700">
<!-- List Item -->
<li class="h5cbw ril5g aje7h">
<div class="kti1y">
<div class="flex items-center u3ov7">
<div class="n2l26">
<span class="n2l26 smr3m block iili6 mr9qs dark:bg-neutral-700"></span>
</div>
<div class="dgznh">
<div class="khfgm boxle j4iam items-center rdqxy">
<div class="flex flex-col es2r6">
<p class="nv0r4 t6tmf w4re4 iili6 clfmf dark:bg-neutral-700"></p>
<p class="nv0r4 dxfzl tu7tr iili6 clfmf dark:bg-neutral-700"></p>
</div>
<div class="hidden sm:flex lokyk items-center u3ov7">
<p class="k6z5i iili6 clfmf dark:bg-neutral-700" style="width: 16%;"></p>
<p class="k6z5i iili6 clfmf dark:bg-neutral-700" style="width: 20%;"></p>
<p class="k6z5i iili6 clfmf dark:bg-neutral-700" style="width: 6%;"></p>
<p class="k6z5i iili6 clfmf dark:bg-neutral-700" style="width: 6%;"></p>
</div>
</div>
</div>
</div>
<ul class="eg6px space-y-3">
<li class="xp67g nv0r4 iili6 clfmf dark:bg-neutral-700"></li>
</ul>
</div>
</li>
<!-- End List Item -->
<!-- List Item -->
<li class="h5cbw ril5g aje7h">
<div class="kti1y">
<div class="flex items-center u3ov7">
<div class="n2l26">
<span class="n2l26 x7ecd block iili6 clfmf dark:bg-neutral-700"></span>
</div>
<div class="dgznh">
<p class="nv0r4 iili6 clfmf dark:bg-neutral-700" style="width: 10%;"></p>
</div>
</div>
<ul class="eg6px space-y-3">
<li class="nv0r4 iili6 clfmf dark:bg-neutral-700" style="width: 25%;"></li>
<li class="xp67g nv0r4 iili6 clfmf dark:bg-neutral-700"></li>
<li class="xp67g nv0r4 iili6 clfmf dark:bg-neutral-700"></li>
</ul>
</div>
</li>
<!-- End List Item -->
<!-- List Item -->
<li class="h5cbw ril5g aje7h">
<div class="kti1y">
<div class="flex items-center u3ov7">
<div class="n2l26">
<span class="n2l26 x7ecd block iili6 clfmf dark:bg-neutral-700"></span>
</div>
<div class="dgznh">
<p class="nv0r4 iili6 clfmf dark:bg-neutral-700" style="width: 10%;"></p>
</div>
</div>
<ul class="eg6px space-y-3">
<li class="nv0r4 iili6 clfmf dark:bg-neutral-700" style="width: 25%;"></li>
<li class="xp67g nv0r4 iili6 clfmf dark:bg-neutral-700"></li>
<li class="xp67g nv0r4 iili6 clfmf dark:bg-neutral-700"></li>
</ul>
</div>
</li>
<!-- End List Item -->
<!-- List Item -->
<li class="h5cbw ril5g aje7h">
<div class="kti1y">
<div class="flex items-center u3ov7">
<div class="n2l26">
<span class="n2l26 x7ecd block iili6 clfmf dark:bg-neutral-700"></span>
</div>
<div class="dgznh">
<p class="nv0r4 iili6 clfmf dark:bg-neutral-700" style="width: 10%;"></p>
</div>
</div>
<ul class="eg6px space-y-3">
<li class="nv0r4 iili6 clfmf dark:bg-neutral-700" style="width: 25%;"></li>
<li class="xp67g nv0r4 iili6 clfmf dark:bg-neutral-700"></li>
<li class="xp67g nv0r4 iili6 clfmf dark:bg-neutral-700"></li>
</ul>
</div>
</li>
<!-- End List Item -->
</ul>
<!-- End List Group -->
</div>
<!-- End Tab Content -->
<!-- Tab Content -->
<div id="hs-pro-tabs-ccd-10" class="hidden" role="tabpanel" aria-labelledby="hs-pro-tabs-ccd-item-10">
<!-- List Group -->
<ul class="divide-y divide-gray-200 dark:divide-neutral-700">
<!-- List Item -->
<li class="h5cbw ril5g aje7h">
<div class="kti1y">
<div class="flex items-center u3ov7">
<div class="n2l26">
<span class="n2l26 smr3m block iili6 mr9qs dark:bg-neutral-700"></span>
</div>
<div class="dgznh">
<div class="khfgm boxle j4iam items-center rdqxy">
<div class="flex flex-col es2r6">
<p class="nv0r4 t6tmf w4re4 iili6 clfmf dark:bg-neutral-700"></p>
<p class="nv0r4 dxfzl tu7tr iili6 clfmf dark:bg-neutral-700"></p>
</div>
<div class="hidden sm:flex lokyk items-center u3ov7">
<p class="k6z5i iili6 clfmf dark:bg-neutral-700" style="width: 16%;"></p>
<p class="k6z5i iili6 clfmf dark:bg-neutral-700" style="width: 20%;"></p>
<p class="k6z5i iili6 clfmf dark:bg-neutral-700" style="width: 6%;"></p>
<p class="k6z5i iili6 clfmf dark:bg-neutral-700" style="width: 6%;"></p>
</div>
</div>
</div>
</div>
<ul class="eg6px space-y-3">
<li class="xp67g nv0r4 iili6 clfmf dark:bg-neutral-700"></li>
</ul>
</div>
</li>
<!-- End List Item -->
<!-- List Item -->
<li class="h5cbw ril5g aje7h">
<div class="kti1y">
<div class="flex items-center u3ov7">
<div class="n2l26">
<span class="n2l26 x7ecd block iili6 clfmf dark:bg-neutral-700"></span>
</div>
<div class="dgznh">
<p class="nv0r4 iili6 clfmf dark:bg-neutral-700" style="width: 10%;"></p>
</div>
</div>
<ul class="eg6px space-y-3">
<li class="nv0r4 iili6 clfmf dark:bg-neutral-700" style="width: 25%;"></li>
<li class="xp67g nv0r4 iili6 clfmf dark:bg-neutral-700"></li>
<li class="xp67g nv0r4 iili6 clfmf dark:bg-neutral-700"></li>
</ul>
</div>
</li>
<!-- End List Item -->
<!-- List Item -->
<li class="h5cbw ril5g aje7h">
<div class="kti1y">
<div class="flex items-center u3ov7">
<div class="n2l26">
<span class="n2l26 x7ecd block iili6 clfmf dark:bg-neutral-700"></span>
</div>
<div class="dgznh">
<p class="nv0r4 iili6 clfmf dark:bg-neutral-700" style="width: 10%;"></p>
</div>
</div>
<ul class="eg6px space-y-3">
<li class="nv0r4 iili6 clfmf dark:bg-neutral-700" style="width: 25%;"></li>
<li class="xp67g nv0r4 iili6 clfmf dark:bg-neutral-700"></li>
<li class="xp67g nv0r4 iili6 clfmf dark:bg-neutral-700"></li>
</ul>
</div>
</li>
<!-- End List Item -->
<!-- List Item -->
<li class="h5cbw ril5g aje7h">
<div class="kti1y">
<div class="flex items-center u3ov7">
<div class="n2l26">
<span class="n2l26 x7ecd block iili6 clfmf dark:bg-neutral-700"></span>
</div>
<div class="dgznh">
<p class="nv0r4 iili6 clfmf dark:bg-neutral-700" style="width: 10%;"></p>
</div>
</div>
<ul class="eg6px space-y-3">
<li class="nv0r4 iili6 clfmf dark:bg-neutral-700" style="width: 25%;"></li>
<li class="xp67g nv0r4 iili6 clfmf dark:bg-neutral-700"></li>
<li class="xp67g nv0r4 iili6 clfmf dark:bg-neutral-700"></li>
</ul>
</div>
</li>
<!-- End List Item -->
</ul>
<!-- End List Group -->
</div>
<!-- End Tab Content -->
<!-- Tab Content -->
<div id="hs-pro-tabs-ccd-11" class="hidden" role="tabpanel" aria-labelledby="hs-pro-tabs-ccd-item-11">
<!-- List Group -->
<ul class="divide-y divide-gray-200 dark:divide-neutral-700">
<!-- List Item -->
<li class="h5cbw ril5g aje7h">
<div class="kti1y">
<div class="flex items-center u3ov7">
<div class="n2l26">
<span class="n2l26 smr3m block iili6 mr9qs dark:bg-neutral-700"></span>
</div>
<div class="dgznh">
<div class="khfgm boxle j4iam items-center rdqxy">
<div class="flex flex-col es2r6">
<p class="nv0r4 t6tmf w4re4 iili6 clfmf dark:bg-neutral-700"></p>
<p class="nv0r4 dxfzl tu7tr iili6 clfmf dark:bg-neutral-700"></p>
</div>
<div class="hidden sm:flex lokyk items-center u3ov7">
<p class="k6z5i iili6 clfmf dark:bg-neutral-700" style="width: 16%;"></p>
<p class="k6z5i iili6 clfmf dark:bg-neutral-700" style="width: 20%;"></p>
<p class="k6z5i iili6 clfmf dark:bg-neutral-700" style="width: 6%;"></p>
<p class="k6z5i iili6 clfmf dark:bg-neutral-700" style="width: 6%;"></p>
</div>
</div>
</div>
</div>
<ul class="eg6px space-y-3">
<li class="xp67g nv0r4 iili6 clfmf dark:bg-neutral-700"></li>
</ul>
</div>
</li>
<!-- End List Item -->
<!-- List Item -->
<li class="h5cbw ril5g aje7h">
<div class="kti1y">
<div class="flex items-center u3ov7">
<div class="n2l26">
<span class="n2l26 x7ecd block iili6 clfmf dark:bg-neutral-700"></span>
</div>
<div class="dgznh">
<p class="nv0r4 iili6 clfmf dark:bg-neutral-700" style="width: 10%;"></p>
</div>
</div>
<ul class="eg6px space-y-3">
<li class="nv0r4 iili6 clfmf dark:bg-neutral-700" style="width: 25%;"></li>
<li class="xp67g nv0r4 iili6 clfmf dark:bg-neutral-700"></li>
<li class="xp67g nv0r4 iili6 clfmf dark:bg-neutral-700"></li>
</ul>
</div>
</li>
<!-- End List Item -->
<!-- List Item -->
<li class="h5cbw ril5g aje7h">
<div class="kti1y">
<div class="flex items-center u3ov7">
<div class="n2l26">
<span class="n2l26 x7ecd block iili6 clfmf dark:bg-neutral-700"></span>
</div>
<div class="dgznh">
<p class="nv0r4 iili6 clfmf dark:bg-neutral-700" style="width: 10%;"></p>
</div>
</div>
<ul class="eg6px space-y-3">
<li class="nv0r4 iili6 clfmf dark:bg-neutral-700" style="width: 25%;"></li>
<li class="xp67g nv0r4 iili6 clfmf dark:bg-neutral-700"></li>
<li class="xp67g nv0r4 iili6 clfmf dark:bg-neutral-700"></li>
</ul>
</div>
</li>
<!-- End List Item -->
<!-- List Item -->
<li class="h5cbw ril5g aje7h">
<div class="kti1y">
<div class="flex items-center u3ov7">
<div class="n2l26">
<span class="n2l26 x7ecd block iili6 clfmf dark:bg-neutral-700"></span>
</div>
<div class="dgznh">
<p class="nv0r4 iili6 clfmf dark:bg-neutral-700" style="width: 10%;"></p>
</div>
</div>
<ul class="eg6px space-y-3">
<li class="nv0r4 iili6 clfmf dark:bg-neutral-700" style="width: 25%;"></li>
<li class="xp67g nv0r4 iili6 clfmf dark:bg-neutral-700"></li>
<li class="xp67g nv0r4 iili6 clfmf dark:bg-neutral-700"></li>
</ul>
</div>
</li>
<!-- End List Item -->
</ul>
<!-- End List Group -->
</div>
<!-- End Tab Content -->
<!-- Tab Content -->
<div id="hs-pro-tabs-ccd-12" class="hidden" role="tabpanel" aria-labelledby="hs-pro-tabs-ccd-item-12">
<!-- List Group -->
<ul class="divide-y divide-gray-200 dark:divide-neutral-700">
<!-- List Item -->
<li class="h5cbw ril5g aje7h">
<div class="kti1y">
<div class="flex items-center u3ov7">
<div class="n2l26">
<span class="n2l26 smr3m block iili6 mr9qs dark:bg-neutral-700"></span>
</div>
<div class="dgznh">
<div class="khfgm boxle j4iam items-center rdqxy">
<div class="flex flex-col es2r6">
<p class="nv0r4 t6tmf w4re4 iili6 clfmf dark:bg-neutral-700"></p>
<p class="nv0r4 dxfzl tu7tr iili6 clfmf dark:bg-neutral-700"></p>
</div>
<div class="hidden sm:flex lokyk items-center u3ov7">
<p class="k6z5i iili6 clfmf dark:bg-neutral-700" style="width: 16%;"></p>
<p class="k6z5i iili6 clfmf dark:bg-neutral-700" style="width: 20%;"></p>
<p class="k6z5i iili6 clfmf dark:bg-neutral-700" style="width: 6%;"></p>
<p class="k6z5i iili6 clfmf dark:bg-neutral-700" style="width: 6%;"></p>
</div>
</div>
</div>
</div>
<ul class="eg6px space-y-3">
<li class="xp67g nv0r4 iili6 clfmf dark:bg-neutral-700"></li>
</ul>
</div>
</li>
<!-- End List Item -->
<!-- List Item -->
<li class="h5cbw ril5g aje7h">
<div class="kti1y">
<div class="flex items-center u3ov7">
<div class="n2l26">
<span class="n2l26 x7ecd block iili6 clfmf dark:bg-neutral-700"></span>
</div>
<div class="dgznh">
<p class="nv0r4 iili6 clfmf dark:bg-neutral-700" style="width: 10%;"></p>
</div>
</div>
<ul class="eg6px space-y-3">
<li class="nv0r4 iili6 clfmf dark:bg-neutral-700" style="width: 25%;"></li>
<li class="xp67g nv0r4 iili6 clfmf dark:bg-neutral-700"></li>
<li class="xp67g nv0r4 iili6 clfmf dark:bg-neutral-700"></li>
</ul>
</div>
</li>
<!-- End List Item -->
<!-- List Item -->
<li class="h5cbw ril5g aje7h">
<div class="kti1y">
<div class="flex items-center u3ov7">
<div class="n2l26">
<span class="n2l26 x7ecd block iili6 clfmf dark:bg-neutral-700"></span>
</div>
<div class="dgznh">
<p class="nv0r4 iili6 clfmf dark:bg-neutral-700" style="width: 10%;"></p>
</div>
</div>
<ul class="eg6px space-y-3">
<li class="nv0r4 iili6 clfmf dark:bg-neutral-700" style="width: 25%;"></li>
<li class="xp67g nv0r4 iili6 clfmf dark:bg-neutral-700"></li>
<li class="xp67g nv0r4 iili6 clfmf dark:bg-neutral-700"></li>
</ul>
</div>
</li>
<!-- End List Item -->
<!-- List Item -->
<li class="h5cbw ril5g aje7h">
<div class="kti1y">
<div class="flex items-center u3ov7">
<div class="n2l26">
<span class="n2l26 x7ecd block iili6 clfmf dark:bg-neutral-700"></span>
</div>
<div class="dgznh">
<p class="nv0r4 iili6 clfmf dark:bg-neutral-700" style="width: 10%;"></p>
</div>
</div>
<ul class="eg6px space-y-3">
<li class="nv0r4 iili6 clfmf dark:bg-neutral-700" style="width: 25%;"></li>
<li class="xp67g nv0r4 iili6 clfmf dark:bg-neutral-700"></li>
<li class="xp67g nv0r4 iili6 clfmf dark:bg-neutral-700"></li>
</ul>
</div>
</li>
<!-- End List Item -->
</ul>
<!-- End List Group -->
</div>
<!-- End Tab Content -->
</div>
</div>
</div>
</main>
<!-- ========== END MAIN CONTENT ========== -->
<script>
window.addEventListener('load', () => {
(function () {
const header = document.querySelector('header');
if (!header) return;
const headerHeight = header.offsetHeight;
document.documentElement.style.setProperty('--sticky-sidebar-offset-top', `${headerHeight}px`);
window.addEventListener('scroll', () => {
const scrollTop = window.pageYOffset || document.documentElement.scrollTop;
const newHeight = Math.max(0, headerHeight - scrollTop);
document.documentElement.style.setProperty('--sticky-sidebar-offset-top', `${newHeight}px`);
});
})();
});
</script>
<body class="hs-overlay-body-open hs-overlay-body-open:overflow-hidden gxtht dark:bg-neutral-900">
<!-- ========== MAIN SIDEBAR ========== -->
<aside class="relative">
<div id="hs-pro-chat-sidebar" class="hs-overlay [--auto-close:xl] sm:w-auto ztt1v xl:block vcbxw xl:end-auto peb5g
[--auto-close-equality-type:less-than]
hs-overlay-open:translate-x-0
-translate-x-full nf9l7 ixagr pve7h
kquz2
hidden
fixed evdk4 a98ho w4zsu
iili6
dark:bg-neutral-950" tabindex="-1" aria-labelledby="hs-pro-chat-sidebar-label">
<div class="ux1hp flex">
<div class="relative te8l0 mga1y flex flex-col ux1hp hx6ns q6ob7">
<header class="mga1y u3poc flex enhxb">
<a class="flex-none clfmf vd22d inline-block hysdx focus:outline-hidden v041e" href="../../pro/chat/index.html" aria-label="Preline">
<svg class="b9dk4 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="sesmt 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="sesmt 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="sesmt dark:fill-white" fill="currentColor"/>
</svg>
</a>
</header>
<!-- Content -->
<div class="mga1y ux1hp flex flex-col zi3gd wwvj4">
<!-- Nav -->
<ul class="cgjzl space-y-4">
<!-- Item -->
<li>
<a class="relative group flex flex-col enhxb items-center cgrem lndac zqruk dark:text-neutral-200 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden" href="../../pro/chat/index.html">
<span class="flex enhxb items-center rdqxy yxsvo wavyl group-hover:bg-gray-300 group-focus:bg-gray-300 dark:group-hover:bg-neutral-800 dark:group-focus:bg-neutral-800 ipy2k">
<svg class="n2l26 szmrd group-hover:scale-110 mx-auto ipy2k" xmlns="http://www.w3.org/2000/svg" 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 vie7r te8l0">
<span class="relative p56is f9ric inline-flex enhxb items-center y6g4k klnns w3h0o mr9qs jvthl">
4
</span>
</span>
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li>
<a class="relative group flex flex-col enhxb items-center cgrem lndac zqruk dark:text-neutral-200 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden" href="../../pro/chat/tickets.html">
<span class="flex enhxb items-center rdqxy yxsvo wavyl r01ey dark:bg-neutral-800 ipy2k">
<svg class="n2l26 szmrd group-hover:scale-110 mx-auto ipy2k" xmlns="http://www.w3.org/2000/svg" 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 enhxb items-center cgrem lndac zqruk dark:text-neutral-200 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden" href="../../pro/chat/visitors.html">
<span class="flex enhxb items-center rdqxy yxsvo wavyl group-hover:bg-gray-300 group-focus:bg-gray-300 dark:group-hover:bg-neutral-800 dark:group-focus:bg-neutral-800 ipy2k">
<svg class="n2l26 szmrd group-hover:scale-110 mx-auto ipy2k" xmlns="http://www.w3.org/2000/svg" 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 enhxb items-center cgrem lndac zqruk dark:text-neutral-200 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden" href="../../pro/chat/activity.html">
<span class="flex enhxb items-center rdqxy yxsvo wavyl group-hover:bg-gray-300 group-focus:bg-gray-300 dark:group-hover:bg-neutral-800 dark:group-focus:bg-neutral-800 ipy2k">
<svg class="n2l26 szmrd group-hover:scale-110 mx-auto ipy2k" xmlns="http://www.w3.org/2000/svg" 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 enhxb items-center cgrem lndac zqruk dark:text-neutral-200 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden" href="../../pro/chat/reports.html">
<span class="flex enhxb items-center rdqxy yxsvo wavyl group-hover:bg-gray-300 group-focus:bg-gray-300 dark:group-hover:bg-neutral-800 dark:group-focus:bg-neutral-800 ipy2k">
<svg class="n2l26 szmrd group-hover:scale-110 mx-auto ipy2k" xmlns="http://www.w3.org/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 enhxb items-center cgrem lndac zqruk dark:text-neutral-200 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden" href="../../pro/index.html">
<span class="flex enhxb items-center rdqxy yxsvo wavyl group-hover:bg-gray-300 group-focus:bg-gray-300 dark:group-hover:bg-neutral-800 dark:group-focus:bg-neutral-800">
<svg class="n2l26 szmrd group-hover:scale-110 mx-auto ipy2k" xmlns="http://www.w3.org/2000/svg" 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 r1t8r">
<span class="relative flex">
<span class="soy1n absolute inline-flex kquz2 mr9qs null.notification.animation et2cn"></span>
<span class="relative inline-flex z9hxv null.notification.bg mr9qs"></span>
<span class="r8a99">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 enhxb items-center cgrem lndac zqruk 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 enhxb items-center rdqxy yxsvo wavyl group-hover:bg-gray-300 group-focus:bg-gray-300 dark:group-hover:bg-neutral-800 dark:group-focus:bg-neutral-800">
<svg class="n2l26 szmrd group-hover:scale-110 mx-auto ipy2k" xmlns="http://www.w3.org/2000/svg" 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 c22dz transition-[opacity,margin] duration opacity-0 hidden te8l0 zxv30 mzy38 w9ar3 dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-chmsnmd">
<div class="smvag space-y-0.5">
<!-- Item -->
<label for="hs-pro-chsnldin" class="f9d5d l1xlu group flex items-center rdqxy wavyl cursor-pointer d5esf ejo46 lk55v 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="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="n2l26 bnmi1 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="f9d5d l1xlu group flex items-center rdqxy wavyl cursor-pointer d5esf ejo46 lk55v 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="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="n2l26 bnmi1 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="f9d5d l1xlu group flex items-center rdqxy wavyl cursor-pointer d5esf ejo46 lk55v 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="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="n2l26 bnmi1 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="f9d5d l1xlu group flex items-center rdqxy wavyl cursor-pointer d5esf ejo46 lk55v 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="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="n2l26 bnmi1 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="f9d5d l1xlu group flex items-center rdqxy wavyl cursor-pointer d5esf ejo46 lk55v 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="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="n2l26 bnmi1 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="f9d5d l1xlu group flex items-center rdqxy wavyl cursor-pointer d5esf ejo46 lk55v 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="n2l26 szmrd" xmlns="http://www.w3.org/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="n2l26 bnmi1 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="f9d5d l1xlu group flex items-center rdqxy wavyl cursor-pointer d5esf ejo46 lk55v 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="n2l26 szmrd" xmlns="http://www.w3.org/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="n2l26 bnmi1 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="f9d5d l1xlu group flex items-center rdqxy wavyl cursor-pointer d5esf ejo46 lk55v 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="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="n2l26 bnmi1 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="mga1y space-y-3 bm1bw">
<div class="hidden lg:block">
<!-- Project Dropdown -->
<div class="inline-flex enhxb xp67g">
<div class="hs-dropdown relative [--strategy:absolute] [--placement:bottom-left] inline-flex">
<!-- Project Button -->
<button id="hs-pro-dnwpd" type="button" class="flex enhxb items-center rdqxy x8hlq mx- wavyl k4vay kn30h dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<img class="n2l26 x8hlq clfmf nbsdr" src="../../assets/img/logo/hs.png" alt="Logo">
<span class="r8a99">Htmlstream</span>
</button>
<!-- End Project Button -->
<!-- Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 q33ez transition-[opacity,margin] duration opacity-0 hidden mjppw zxv30 mzy38 x32l5 dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-dnwpd">
<div class="smvag">
<span class="block zi3gd ffxit eaq9a on128 z0e83 dark:text-neutral-500">
Workspaces (2)
</span>
<!-- Item -->
<label for="hs-pro-dplid1" class="hcvae psrjx group flex ifpha items-center rdqxy wavyl cursor-pointer d5esf ejo46 lk55v 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="n2l26 szmrd 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="dgznh">
<span class="block tuuss hw6xt ejo46 dark:text-neutral-200">
Htmlstream
</span>
<span class="block on128 z0e83 dark:text-neutral-500">
htmlstream.preline.so
</span>
</span>
<img class="n2l26 x7ecd clfmf nbsdr" src="../../assets/img/logo/hs.png" alt="Logo">
</label>
<!-- End Item -->
<!-- Item -->
<label for="hs-pro-dplid2" class="hcvae psrjx group flex ifpha items-center rdqxy wavyl cursor-pointer d5esf ejo46 lk55v 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="n2l26 szmrd 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="dgznh">
<span class="block tuuss hw6xt ejo46 dark:text-neutral-200">
Bloomark
</span>
<span class="block on128 z0e83 dark:text-neutral-500">
bloomark.preline.com
</span>
</span>
<img class="n2l26 x7ecd clfmf nbsdr" src="../../assets/img/logo/logo-short.png" alt="Logo">
</label>
<!-- End Item -->
<button type="button" class="group xp67g flex items-center rdqxy hxfjh psrjx wavyl tuuss ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/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="smvag jhbd9 yxawv dark:border-neutral-800">
<span class="block zi3gd ffxit eaq9a on128 z0e83 dark:text-neutral-500">
Download mobile app bty75
</span>
<a class="flex items-center rdqxy f9d5d psrjx xp67g wavyl tuuss ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<svg class="n2l26 szmrd" 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="n2l26 bnmi1 ms-auto wvpal" xmlns="http://www.w3.org/2000/svg" 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 rdqxy f9d5d psrjx xp67g wavyl tuuss ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<svg class="n2l26 szmrd" 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="n2l26 bnmi1 ms-auto wvpal" xmlns="http://www.w3.org/2000/svg" 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="smvag jhbd9 yxawv dark:border-neutral-800">
<a class="flex items-center rdqxy f9d5d psrjx wavyl tuuss ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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 rdqxy f9d5d psrjx wavyl tuuss ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
Preferences
</a>
<a class="flex items-center rdqxy f9d5d psrjx wavyl tuuss ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
Manage workspace
</a>
</div>
<div class="smvag jhbd9 yxawv dark:border-neutral-800">
<button type="button" class="xp67g flex items-center rdqxy hxfjh psrjx wavyl tuuss ejo46 lk55v disabled:opacity-50 focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
Sign out
<span class="ms-auto on128 z0e83 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 enhxb xp67g">
<div class="hs-dropdown relative [--strategy:absolute] [--auto-close:inside] [--placement:bottom-right] inline-flex">
<button id="hs-pro-chmsad" type="button" class="flex enhxb items-center rdqxy x8hlq m8hmi disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<img class="n2l26 mr9qs" 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 z9hxv mr9qs h7uoa ab3j4 y56jy dark:ring-neutral-800"></span>
</button>
<!-- Account Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 os8l9 transition-[opacity,margin] duration opacity-0 hidden mjppw zxv30 mzy38 x32l5 dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-chmsad">
<div class="smvag">
<a class="flex items-center rdqxy f9d5d psrjx wavyl tuuss ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<svg class="n2l26 icbx8 szmrd" xmlns="http://www.w3.org/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 rdqxy f9d5d psrjx wavyl tuuss ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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 rdqxy f9d5d psrjx wavyl tuuss ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<svg class="n2l26 icbx8 szmrd" xmlns="http://www.w3.org/2000/svg" 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="f9d5d g98ic rncu4 yxawv dark:border-neutral-800">
<!-- Switch/Toggle -->
<div class="flex flex-wrap saet7 items-center v6f2r">
<label for="hs-pro-chmsaddm" class="flex flex-1 cursor-pointer tuuss ejo46 dark:text-neutral-300">Dark mode</label>
<label for="hs-pro-chmsaddm" class="relative inline-block pst4e ipsyh cursor-pointer">
<input data-hs-theme-switch type="checkbox" id="hs-pro-chmsaddm" class="peer r8a99">
<span class="absolute inset-0 iili6 mr9qs en36y rvew4 se6sv 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 uwi6w pqx29 -translate-y-1/2 szmrd zxv30 mr9qs dossw o9jos rvew4 se6sv peer-checked:translate-x-full dark:bg-neutral-400 dark:peer-checked:bg-white"></span>
</label>
</div>
<!-- End Switch/Toggle -->
</div>
<div class="smvag">
<a class="flex items-center rdqxy f9d5d psrjx wavyl tuuss ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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="zum3l kquz2 truncate zxv30 pny84 yxawv dark:bg-neutral-800 dark:border-neutral-700">
<div class="ux1hp flex flex-col">
<!-- Header -->
<div class="ur00w e091g flex saet7 items-center u3ov7">
<span id="hs-pro-chat-sidebar-label" class="block truncate hysdx ejo46 dark:text-neutral-200">
Tickets
</span>
<div class="flex items-center">
<!-- Button -->
<button type="button" class="flex enhxb items-center rdqxy x8hlq tuuss zqruk lk55v mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="r8a99">Compose</span>
</button>
<!-- End Button -->
<!-- Button -->
<div class="lg:hidden relative flex items-center r2jif jsn0m fxthc 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 enhxb items-center rdqxy x8hlq tuuss zqruk lk55v mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="r8a99">Compose</span>
</button>
</div>
<!-- End Button -->
</div>
</div>
<!-- End Header -->
<!-- Search Input -->
<div class="ur00w myf40">
<div class="relative">
<input type="text" class="hxfjh psrjx block xp67g gxtht je4jy wavyl tm0mx wqv3r y16xq wtpak jfhve fwe1v st4vp isksk 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 evdk4 aoum9 flex items-center mjppw svb23">
<button type="button" class="inline-flex n2l26 enhxb items-center rekd6 mr9qs z0e83 hmpqz focus:outline-hidden rdx35 dark:text-neutral-500 dark:hover:text-blue-500 dark:focus:text-blue-500" aria-label="Close">
<span class="r8a99">Close</span>
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/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="ux1hp flex flex-col overflow-y-auto hm2m0 uqiuh b3ail ykfhs dark:[&::-webkit-scrollbar-track]:bg-neutral-700/50 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<!-- List -->
<div class="ur00w flex flex-col cudi3">
<a class="flex items-center j2p6t f9d5d u4s9n d5esf ejo46 wavyl gxtht focus:outline-hidden dark:bg-neutral-700/50 dark:text-neutral-300" href="tickets.html">
<span class="lk7kv">
<svg class="n2l26 bnmi1 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="on128 wvpal">
199
</span>
</span>
</a>
<a class="flex items-center j2p6t f9d5d u4s9n d5esf ejo46 wavyl lk55v focus:outline-hidden rjc3l dark:hover:bg-neutral-700/50 dark:text-neutral-200 dark:focus:bg-neutral-700/50" href="activity.html">
<span class="lk7kv">
<svg class="n2l26 bnmi1 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="on128 wvpal">
20
</span>
</span>
</a>
<a class="flex items-center j2p6t f9d5d u4s9n d5esf ejo46 wavyl lk55v focus:outline-hidden rjc3l dark:hover:bg-neutral-700/50 dark:text-neutral-200 dark:focus:bg-neutral-700/50" href="#">
<span class="lk7kv">
<svg class="n2l26 bnmi1 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="on128 wvpal">
8
</span>
</span>
</a>
<a class="flex items-center j2p6t f9d5d u4s9n d5esf ejo46 wavyl lk55v focus:outline-hidden rjc3l dark:hover:bg-neutral-700/50 dark:text-neutral-200 dark:focus:bg-neutral-700/50" href="#">
<span class="lk7kv">
<svg class="n2l26 bnmi1 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="on128 wvpal">
14
</span>
</span>
</a>
<a class="flex items-center j2p6t f9d5d u4s9n hysdx d5esf ejo46 wavyl lk55v focus:outline-hidden rjc3l dark:hover:bg-neutral-700/50 dark:text-neutral-200 dark:focus:bg-neutral-700/50" href="#">
<span class="lk7kv">
<svg class="n2l26 bnmi1 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="on128">
62
</span>
</span>
</a>
<a class="flex items-center j2p6t f9d5d u4s9n d5esf ejo46 wavyl lk55v focus:outline-hidden rjc3l dark:hover:bg-neutral-700/50 dark:text-neutral-300 dark:focus:bg-neutral-700/50" href="#">
<span class="lk7kv">
<svg class="n2l26 bnmi1 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="on128 wvpal">
28
</span>
</span>
</a>
<!-- List -->
<div class="hs-accordion" id="show-more-accordion">
<button type="button" class="hs-accordion-toggle flex n2l26 enhxb items-center rdqxy f9d5d l1xlu on128 z0e83 wavyl lk55v focus:outline-hidden rjc3l 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 n2l26 bnmi1 ipy2k" xmlns="http://www.w3.org/2000/svg" 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 xp67g overflow-hidden transition-[height] ixagr hidden" role="region" aria-labelledby="show-more-accordion">
<!-- List -->
<div class="hs-accordion-group icbx8 space-y-0.5" data-hs-accordion-always-open>
<a class="flex items-center j2p6t f9d5d u4s9n d5esf ejo46 wavyl lk55v focus:outline-hidden rjc3l dark:hover:bg-neutral-700/50 dark:text-neutral-300 dark:focus:bg-neutral-700/50" href="#">
<span class="lk7kv">
<svg class="n2l26 bnmi1 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 j2p6t f9d5d u4s9n hysdx d5esf ejo46 wavyl lk55v focus:outline-hidden rjc3l dark:hover:bg-neutral-700/50 dark:text-neutral-200 dark:focus:bg-neutral-700/50" href="#">
<span class="lk7kv">
<svg class="n2l26 bnmi1 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="on128">
3
</span>
</span>
</a>
</div>
<!-- End List -->
</div>
<!-- End Accordion -->
</div>
<!-- End List -->
</div>
<!-- End List -->
<!-- List -->
<div class="hs-accordion ur00w group active" id="teams-accordion">
<!-- Heading -->
<div class="flex items-center u3ov7 j6548">
<button type="button" class="hs-accordion-toggle flex n2l26 enhxb items-center rekd6 z0e83 wavyl lk55v focus:outline-hidden rjc3l 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 n2l26 bnmi1 ipy2k" xmlns="http://www.w3.org/2000/svg" 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="r8a99">Toggle Button</span>
</button>
<span class="truncate on128 z0e83 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 n2l26 enhxb items-center rekd6 z0e83 wavyl lk55v focus:outline-hidden rjc3l dark:hover:bg-neutral-700 dark:text-neutral-500 dark:focus:bg-neutral-700">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="r8a99">Create</span>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl dark:bg-neutral-700" role="tooltip">
Create new teams
</span>
</div>
</div>
<!-- End Heading -->
<!-- Accordion -->
<div id="teams-accordion-sub" class="hs-accordion-content xp67g overflow-hidden transition-[height] ixagr" role="region" aria-labelledby="teams-accordion">
<!-- List -->
<div class="hs-accordion-group icbx8 space-y-0.5" data-hs-accordion-always-open>
<a class="flex items-center j2p6t f9d5d u4s9n d5esf ejo46 wavyl lk55v focus:outline-hidden rjc3l dark:hover:bg-neutral-700/50 dark:text-neutral-300 dark:focus:bg-neutral-700/50" href="#">
<span class="lk7kv">
<svg class="n2l26 bnmi1 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="on128 wvpal">
70
</span>
</span>
</a>
<a class="flex items-center j2p6t f9d5d u4s9n d5esf ejo46 wavyl lk55v focus:outline-hidden rjc3l dark:hover:bg-neutral-700/50 dark:text-neutral-300 dark:focus:bg-neutral-700/50" href="#">
<span class="lk7kv">
<svg class="n2l26 bnmi1 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="on128 wvpal">
8
</span>
</span>
</a>
<a class="flex items-center j2p6t f9d5d u4s9n hysdx d5esf ejo46 wavyl lk55v focus:outline-hidden rjc3l dark:hover:bg-neutral-700/50 dark:text-neutral-300 dark:focus:bg-neutral-700/50" href="#">
<span class="lk7kv">
<svg class="n2l26 bnmi1 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="on128">
50
</span>
</span>
</a>
<button type="button" class="flex items-center j2p6t xp67g f9d5d u4s9n on128 z0e83 wavyl lk55v focus:outline-hidden rjc3l dark:hover:bg-neutral-700/50 dark:text-neutral-500 dark:focus:bg-neutral-700/50">
<span class="flex enhxb items-center s1u6m iili6 z0e83 mr9qs dark:bg-neutral-500/10 dark:text-neutral-500">
<svg class="n2l26 bnmi1 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 ur00w group active" id="teammates-accordion">
<!-- Heading -->
<div class="flex items-center u3ov7 j6548">
<button type="button" class="hs-accordion-toggle flex n2l26 enhxb items-center rekd6 z0e83 wavyl lk55v focus:outline-hidden rjc3l 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 n2l26 bnmi1 ipy2k" xmlns="http://www.w3.org/2000/svg" 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="r8a99">Toggle Button</span>
</button>
<span class="truncate on128 z0e83 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 n2l26 enhxb items-center rekd6 z0e83 wavyl lk55v focus:outline-hidden rjc3l dark:hover:bg-neutral-700 dark:text-neutral-500 dark:focus:bg-neutral-700">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="r8a99">Create</span>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl dark:bg-neutral-700" role="tooltip">
Invite teammates
</span>
</div>
</div>
<!-- End Heading -->
<!-- Accordion -->
<div id="teammates-accordion-sub" class="hs-accordion-content xp67g overflow-hidden transition-[height] ixagr" role="region" aria-labelledby="teammates-accordion">
<!-- List -->
<div class="hs-accordion-group icbx8 space-y-0.5" data-hs-accordion-always-open>
<a class="flex items-center j2p6t f9d5d u4s9n d5esf ejo46 wavyl lk55v focus:outline-hidden rjc3l dark:hover:bg-neutral-700/50 dark:text-neutral-300 dark:focus:bg-neutral-700/50" href="#">
<img class="n2l26 s1u6m mr9qs" 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="dgznh">
<span class="block d5esf ejo46 dark:text-neutral-200">
Lewis Clarke
</span>
</div>
</a>
<a class="flex items-center j2p6t f9d5d u4s9n d5esf ejo46 wavyl lk55v focus:outline-hidden rjc3l dark:hover:bg-neutral-700/50 dark:text-neutral-300 dark:focus:bg-neutral-700/50" href="#">
<img class="n2l26 s1u6m mr9qs" 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="dgznh">
<span class="block d5esf ejo46 dark:text-neutral-200">
Ella Lauda
</span>
</div>
</a>
<a class="flex items-center j2p6t f9d5d u4s9n d5esf ejo46 wavyl lk55v focus:outline-hidden rjc3l dark:hover:bg-neutral-700/50 dark:text-neutral-300 dark:focus:bg-neutral-700/50" href="#">
<span class="flex n2l26 enhxb items-center s1u6m on128 hw6xt dq2gi avow8 w3h0o mr9qs">
R
</span>
<div class="dgznh">
<span class="block d5esf ejo46 dark:text-neutral-200">
Rachel Doe
</span>
</div>
</a>
<button type="button" class="flex items-center j2p6t xp67g f9d5d u4s9n on128 z0e83 wavyl lk55v focus:outline-hidden rjc3l dark:hover:bg-neutral-700/50 dark:text-neutral-500 dark:focus:bg-neutral-700/50">
<span class="flex enhxb items-center s1u6m iili6 z0e83 mr9qs dark:bg-neutral-500/10 dark:text-neutral-500">
<svg class="n2l26 bnmi1 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 ur00w group active" id="records-accordion">
<!-- Heading -->
<div class="flex items-center u3ov7 j6548">
<button type="button" class="hs-accordion-toggle flex n2l26 enhxb items-center rekd6 z0e83 wavyl lk55v focus:outline-hidden rjc3l 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 n2l26 bnmi1 ipy2k" xmlns="http://www.w3.org/2000/svg" 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="r8a99">Toggle Button</span>
</button>
<span class="truncate on128 z0e83 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 n2l26 enhxb items-center rekd6 z0e83 wavyl lk55v focus:outline-hidden rjc3l dark:hover:bg-neutral-700 dark:text-neutral-500 dark:focus:bg-neutral-700">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="r8a99">Create</span>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl dark:bg-neutral-700" role="tooltip">
Create new records
</span>
</div>
</div>
<!-- End Heading -->
<!-- Accordion -->
<div id="records-accordion-sub" class="hs-accordion-content xp67g overflow-hidden transition-[height] ixagr" role="region" aria-labelledby="records-accordion">
<!-- List -->
<div class="hs-accordion-group icbx8 space-y-0.5" data-hs-accordion-always-open>
<a class="flex items-center j2p6t f9d5d u4s9n d5esf ejo46 wavyl lk55v focus:outline-hidden rjc3l dark:hover:bg-neutral-700/50 dark:text-neutral-300 dark:focus:bg-neutral-700/50" href="#">
<span class="flex enhxb items-center s1u6m mmvqx w3h0o on128 mr9qs">
C
</span>
Companies
</a>
<a class="flex items-center j2p6t f9d5d u4s9n d5esf ejo46 wavyl lk55v focus:outline-hidden rjc3l dark:hover:bg-neutral-700/50 dark:text-neutral-300 dark:focus:bg-neutral-700/50" href="#">
<span class="flex enhxb items-center s1u6m hajb3 w3h0o on128 mr9qs">
P
</span>
People
</a>
<a class="flex items-center j2p6t f9d5d u4s9n d5esf ejo46 wavyl lk55v focus:outline-hidden rjc3l dark:hover:bg-neutral-700/50 dark:text-neutral-300 dark:focus:bg-neutral-700/50" href="#">
<span class="flex enhxb items-center s1u6m e9a6o w3h0o on128 mr9qs">
W
</span>
Workspaces
</a>
<a class="flex items-center j2p6t f9d5d u4s9n d5esf ejo46 wavyl lk55v focus:outline-hidden rjc3l dark:hover:bg-neutral-700/50 dark:text-neutral-300 dark:focus:bg-neutral-700/50" href="#">
<span class="flex enhxb items-center s1u6m zp075 w3h0o on128 mr9qs dark:bg-neutral-600">
P
</span>
Products
</a>
<button type="button" class="flex items-center j2p6t xp67g f9d5d u4s9n on128 z0e83 wavyl lk55v focus:outline-hidden rjc3l dark:hover:bg-neutral-700/50 dark:text-neutral-500 dark:focus:bg-neutral-700/50">
<span class="flex enhxb items-center s1u6m iili6 z0e83 mr9qs dark:bg-neutral-500/10 dark:text-neutral-500">
<svg class="n2l26 bnmi1 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 wbyaw ejvvd nf9l7 ixagr">
<!-- Secondary Sidebar -->
<div id="hs-pro-chtshid1" class="hs-overlay [--auto-close:xl]
hs-overlay-open:translate-x-0
-translate-x-full nf9l7 ixagr pve7h
msbcd xp67g
hidden
fixed evdk4 a98ho mjppw pbocu i8pgy lg:block j76gm
zxv30 uob1z yxawv
dark:bg-neutral-800 dark:border-neutral-700" tabindex="-1" aria-labelledby="hs-pro-chtshid1-label">
<div class="ux1hp flex flex-col">
<!-- Header -->
<div class="u3poc e091g ir7bk flex saet7 items-center u3ov7 xu4xz yxawv dark:border-neutral-700">
<span id="hs-pro-chtshid1-label" class="block truncate hysdx ejo46 dark:text-neutral-200">
All
</span>
<div class="flex items-center r2jif">
<!-- Update Ticket Status Dropdown -->
<div class="hs-dropdown [--placement:top-right] relative inline-flex">
<button id="hs-pro-chttfd" type="button" class="flex enhxb items-center x7ecd z0e83 lk55v wavyl focus:outline-hidden rjc3l disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="r8a99">Filter</span>
</button>
<!-- Update Ticket Status Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 c22dz transition-[opacity,margin] duration opacity-0 hidden h3jvs zxv30 mzy38 w9ar3 dark:bg-neutral-950" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-chttfd">
<!-- List -->
<div class="smvag jhbd9 yxawv dark:border-neutral-800">
<div class="space-y-0.5 jcc28 overflow-y-auto ulj1p uqiuh b3ail ykfhs dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<!-- Item -->
<label for="hs-pro-chttfdall" class="f9d5d l1xlu group flex items-center rdqxy wavyl cursor-pointer d5esf ejo46 lk55v 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="n2l26 bnmi1 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="f9d5d l1xlu group flex items-center rdqxy wavyl cursor-pointer d5esf ejo46 lk55v 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="n2l26 bnmi1 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="f9d5d l1xlu group flex items-center rdqxy wavyl cursor-pointer d5esf ejo46 lk55v 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="n2l26 bnmi1 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="f9d5d l1xlu group flex items-center rdqxy wavyl cursor-pointer d5esf ejo46 lk55v 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="n2l26 bnmi1 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="f9d5d l1xlu group flex items-center rdqxy wavyl cursor-pointer d5esf ejo46 lk55v 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="n2l26 bnmi1 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 j6548 r8vr5 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 f9d5d eaq9a hs0iv inline-flex n2l26 enhxb items-center lwq0m on128 z0e83 wavyl lk55v focus:outline-hidden rjc3l before:absolute before:inset-0 before:z-1 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700",
"dropdownClasses": "nqo4p ih37d aoum9 c22dz smvag space-y-0.5 zxv30 mzy38 x32l5 dark:bg-neutral-900",
"optionClasses": "hs-selected:bg-gray-100 dark:hs-selected:bg-neutral-800 f9d5d u4s9n xp67g d5esf ejo46 wavyl cursor-pointer lk55v wavyl focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800",
"optionTemplate": "<div><div class=\"flex items-center \"><div class=\"tp1ru \" data-icon></div><div class=\"ejo46 dark:text-neutral-200 \" data-title></div></div></div>",
"extraMarkup": "<div class=\"absolute uwi6w fa5kv -translate-y-1/2 \"><svg class=\"n2l26 bnmi1 z0e83 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=\"n2l26 szmrd \" xmlns=\"http://www.w3.org/2000/svg\" 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=\"n2l26 szmrd \" xmlns=\"http://www.w3.org/2000/svg\" 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=\"n2l26 szmrd \" xmlns=\"http://www.w3.org/2000/svg\" 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=\"n2l26 szmrd \" xmlns=\"http://www.w3.org/2000/svg\" 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=\"n2l26 szmrd \" xmlns=\"http://www.w3.org/2000/svg\" 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=\"n2l26 szmrd \" xmlns=\"http://www.w3.org/2000/svg\" 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 enhxb items-center rdqxy x8hlq tuuss zqruk lk55v mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="r8a99">Close</span>
</button>
</div>
</div>
<!-- End Header -->
<div id="hs-pro-tabs-chtshid-all" class="ux1hp overflow-y-auto hm2m0 uqiuh b3ail ykfhs 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-100 dark:hs-tab-active:bg-neutral-700/30 relative overflow-hidden group cursor-pointer zxv30 lk55v focus:outline-hidden rjc3l 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="iifk8 rht0b xu4xz z7omh dark:border-neutral-700">
<div class="flex j2p6t">
<div class="kd00o n2l26">
<div class="relative x8hlq">
<img class="n2l26 x7ecd mr9qs" 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 z4bg4 e6y9q flex n2l26 enhxb items-center s1u6m zxv30 mr9qs group-hover:bg-gray-100 dark:bg-neutral-800 dark:group-hover:bg-neutral-700">
<svg class="n2l26 bnmi1" 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="dgznh truncate">
<div class="flex saet7 r2jif">
<span class="block truncate hw6xt d5esf ejo46 dark:text-neutral-200">Costa Quinn</span>
<span class="block y6g4k u29jr lqxom dq2gi dark:text-neutral-500">1m</span>
</div>
<div class="kd00o flex saet7 items-center r2jif">
<div class="f4jkz truncate">
<p class="truncate on128 z0e83 dark:text-neutral-500">Telegram chat</p>
</div>
</div>
<div class="flex items-center lwq0m kd00o">
<div class="f4jkz truncate">
<p class="truncate hysdx ejo46 dark:text-neutral-200 on128">Awesome!</p>
</div>
</div>
</div>
</div>
</div>
</div><!-- End Message -->
<!-- Message -->
<div class="hs-tab-active:bg-gray-100 dark:hs-tab-active:bg-neutral-700/30 relative overflow-hidden group cursor-pointer zxv30 lk55v focus:outline-hidden rjc3l 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="iifk8 rht0b xu4xz z7omh dark:border-neutral-700">
<div class="flex j2p6t">
<div class="kd00o n2l26">
<div class="relative x8hlq">
<span class="flex n2l26 enhxb items-center x7ecd on128 hw6xt dq2gi avow8 w3h0o mr9qs">
I
</span>
<span class="absolute z4bg4 e6y9q flex n2l26 enhxb items-center s1u6m zxv30 mr9qs group-hover:bg-gray-100 dark:bg-neutral-800 dark:group-hover:bg-neutral-700">
<svg class="n2l26 br82p" 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="dgznh truncate">
<div class="flex saet7 r2jif">
<span class="block truncate hw6xt d5esf ejo46 dark:text-neutral-200">Inbox team</span>
<span class="block y6g4k u29jr lqxom dq2gi dark:text-neutral-500">34m</span>
</div>
<div class="kd00o flex saet7 items-center r2jif">
<div class="f4jkz truncate">
<p class="truncate on128 z0e83 dark:text-neutral-500">[Gmail Forwarding Confirmation of the Payment]</p>
</div>
<div class="hs-tooltip [--placement:left] inline-block">
<span class="flex n2l26 enhxb items-center szmrd mr9qs">
<svg class="n2l26 szmrd u9tmt" xmlns="http://www.w3.org/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 g4xt3 mjppw hcvae dgmc7 w-auto khfsl wi3fc on128 w3h0o wavyl j8ti2 dark:bg-neutral-700" role="tooltip">
Snoozed
</span>
</div>
</div>
<div class="flex items-center lwq0m kd00o">
<div class="f4jkz truncate">
<p class="truncate z0e83 dark:text-neutral-500 on128">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 fm3wm flex flex-col lokyk">
<!-- Header -->
<header class="gomb9 zxmp1 x2ip9 te8l0 ur00w f39ph flex saet7 items-center u3ov7 zxv30 xu4xz yxawv dark:bg-neutral-800 dark:border-neutral-700">
<div class="ahgde sm:w-auto xl:hidden flex items-center">
<div class="d6jw5 flex items-center r2jif">
<!-- Sidebar Toggle -->
<button type="button" class="flex enhxb items-center r2jif f9d5d u4s9n awbfz on128 zqruk zxv30 lk55v mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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="n2l26 szmrd -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 j6548 r8vr5 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 enhxb items-center r2jif f9d5d u4s9n awbfz on128 zqruk zxv30 lk55v mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="f9d5d psrjx flex enhxb items-center g0adn w3h0o utzq3 n0m5x dark:bg-neutral-100 dark:text-neutral-800 dark:hover:bg-white dark:focus:bg-white.class xggui on128 vq4ep wavyl 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 ibeo2 transition-[opacity,margin] duration opacity-0 hidden h3jvs zxv30 mzy38 w9ar3 dark:bg-neutral-950" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-inthmtdid1">
<!-- Heading -->
<div class="hxfjh gjk1t">
<span class="block hw6xt d5esf ejo46 dark:text-neutral-200">
<span class="truncate">Update ticket status</span>
</span>
</div>
<!-- End Heading -->
<!-- List -->
<div class="smvag jhbd9 yxawv dark:border-neutral-800">
<div class="space-y-0.5 jcc28 overflow-y-auto ulj1p uqiuh b3ail ykfhs dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<!-- Item -->
<label for="hs-pro-chthuts1op" class="f9d5d l1xlu group flex items-center rdqxy wavyl cursor-pointer d5esf ejo46 lk55v 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="n2l26 bnmi1 flex enhxb items-center">
<span class="n2l26 z9hxv block mx-auto e9a6o mr9qs"></span>
</span>
Open
<svg class="n2l26 bnmi1 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="f9d5d l1xlu group flex items-center rdqxy wavyl cursor-pointer d5esf ejo46 lk55v 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="n2l26 bnmi1 flex enhxb items-center">
<span class="n2l26 z9hxv block mx-auto b3nns mr9qs"></span>
</span>
In progress
<svg class="n2l26 bnmi1 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="f9d5d l1xlu group flex items-center rdqxy wavyl cursor-pointer d5esf ejo46 lk55v 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="n2l26 bnmi1 flex enhxb items-center">
<span class="n2l26 z9hxv block mx-auto klnns mr9qs"></span>
</span>
Snoozed
<svg class="n2l26 bnmi1 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="f9d5d l1xlu group flex items-center rdqxy wavyl cursor-pointer d5esf ejo46 lk55v 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="n2l26 bnmi1 flex enhxb items-center">
<span class="n2l26 z9hxv block mx-auto g0adn dark:bg-neutral-200 mr9qs"></span>
</span>
Closed
<svg class="n2l26 bnmi1 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="ahgde sm:w-auto flex lokyk items-center txi90">
<!-- Button -->
<div class="hs-tooltip [--placement:bottom] hidden sm:inline-block">
<button type="button" class="hs-tooltip-toggle flex enhxb items-center rdqxy x8hlq tuuss zqruk lk55v mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="r8a99">Snooze</span>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl j8ti2 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 enhxb items-center rdqxy x8hlq tuuss zqruk lk55v mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="r8a99">Tags</span>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl j8ti2 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 enhxb items-center rdqxy x8hlq tuuss zqruk lk55v mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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="n2l26 szmrd" xmlns="http://www.w3.org/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 c22dz transition-[opacity,margin] duration opacity-0 hidden h3jvs zxv30 mzy38 w9ar3 dark:bg-neutral-950" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-chthmdid1">
<div class="smvag space-y-0.5">
<button type="button" class="sm:hidden xp67g flex items-center rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhsn">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 xp67g flex items-center rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhtgm">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="xp67g flex items-center rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhsh">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="xp67g flex items-center rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhsp">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/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="xp67g flex items-center rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhbu">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/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="xp67g flex items-center rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhdl">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 j6548 r8vr5 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 enhxb items-center rdqxy x8hlq tuuss zqruk lk55v mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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 n2l26 szmrd" xmlns="http://www.w3.org/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 n2l26 szmrd" xmlns="http://www.w3.org/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="r8a99">Navigation Toggle</span>
</button>
<!-- End Sidebar Toggle -->
</div>
</div>
</header>
<!-- End Header -->
<!-- Chat Content -->
<div class="ux1hp ur00w nsv9d dta7e overflow-y-auto overflow-x-hidden hm2m0 uqiuh b3ail ykfhs dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<div class="relative">
<!-- Time -->
<div class="gomb9 zxmp1 x2ip9 t0pau cw17m mx-auto cgjzl">
<span class="vj7px dgmc7 gxtht on128 z0e83 mr9qs dark:bg-neutral-900 dark:text-neutral-500">Today</span>
</div>
<!-- End Time -->
<!-- List -->
<div class="xp67g space-y-5">
<!-- Item -->
<div class="jypv0 flex u3ov7">
<div class="n2l26 mt-auto">
<img class="n2l26 x8hlq mr9qs" 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="urcp3 eaq9a flex items-center r2jif">
<p class="on128 lqxom dark:text-neutral-500">Costa</p>
<div class="hs-tooltip inline-block">
<svg class="hs-tooltip-toggle n2l26 bnmi1" 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 g4xt3 mjppw f9d5d psrjx w-auto khfsl m8hmi wi3fc on128 w3h0o wavyl 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 ifpha u3ov7" style="word-break: break-word;">
<div class="js4j3 zxv30 ntfdl dark:bg-neutral-800 inline-block mzy38 zi3gd q4t00 psrjx">
<div class="tuuss ejo46 dark:text-neutral-200">
Hello team
<span>
<span class="lndac lqxom dark:text-neutral-600 y8vd7">11:27</span>
</span>
</div>
</div>
<!-- More Dropdown -->
<div class="mpvw6 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 enhxb items-center rdqxy x8hlq tuuss zqruk p12pm mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden d10id 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="n2l26 szmrd mr9qs" xmlns="http://www.w3.org/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 ahgde transition-[opacity,margin] duration opacity-0 hidden t0pau zxv30 mzy38 w9ar3 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="smvag">
<a class="flex items-center rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 ifpha u3ov7" style="word-break: break-word;">
<div class="js4j3 zxv30 ntfdl dark:bg-neutral-800 inline-block mzy38 zi3gd q4t00 psrjx">
<div class="tuuss ejo46 dark:text-neutral-200">
I hope all is well.
<span>
<span class="lndac lqxom dark:text-neutral-600 y8vd7">11:27</span>
</span>
</div>
</div>
<!-- More Dropdown -->
<div class="mpvw6 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 enhxb items-center rdqxy x8hlq tuuss zqruk p12pm mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden d10id 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="n2l26 szmrd mr9qs" xmlns="http://www.w3.org/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 ahgde transition-[opacity,margin] duration opacity-0 hidden t0pau zxv30 mzy38 w9ar3 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="smvag">
<a class="flex items-center rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 ifpha u3ov7" style="word-break: break-word;">
<div class="js4j3 zxv30 ntfdl dark:bg-neutral-800 inline-block mzy38 zi3gd q4t00 psrjx">
<div class="tuuss ejo46 dark:text-neutral-200">
I'm currently working bty75 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 bty75 this project, as it's a commercial tool. Could you clarify this?
<span>
<span class="lndac lqxom dark:text-neutral-600 y8vd7">11:29</span>
</span>
</div>
</div>
<!-- More Dropdown -->
<div class="mpvw6 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 enhxb items-center rdqxy x8hlq tuuss zqruk p12pm mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden d10id 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="n2l26 szmrd mr9qs" xmlns="http://www.w3.org/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 ahgde transition-[opacity,margin] duration opacity-0 hidden t0pau zxv30 mzy38 w9ar3 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="smvag">
<a class="flex items-center rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 ifpha u3ov7" style="word-break: break-word;">
<div class="js4j3 zxv30 ntfdl dark:bg-neutral-800 inline-block mzy38 zi3gd q4t00 psrjx">
<div class="tuuss ejo46 dark:text-neutral-200">
Thanks in advance!
<span>
<span class="lndac lqxom dark:text-neutral-600 y8vd7">11:29</span>
</span>
</div>
</div>
<!-- More Dropdown -->
<div class="mpvw6 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 enhxb items-center rdqxy x8hlq tuuss zqruk p12pm mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden d10id 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="n2l26 szmrd mr9qs" xmlns="http://www.w3.org/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 ahgde transition-[opacity,margin] duration opacity-0 hidden t0pau zxv30 mzy38 w9ar3 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="smvag">
<a class="flex items-center rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="jypv0 ms-auto yo4p5 flex lokyk u3ov7">
<!-- Chat Bubble -->
<div>
<div class="urcp3 g99ml flex lokyk items-center r2jif">
<p class="on128 lqxom dark:text-neutral-500">James · Team</p>
<div class="hs-tooltip inline-block">
<svg class="hs-tooltip-toggle n2l26 bnmi1 lqxom 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 g4xt3 mjppw f9d5d psrjx w-auto khfsl m8hmi wi3fc on128 w3h0o wavyl dark:bg-neutral-700" role="tooltip">
You sent internal message within the team and not lnote to customers
</span>
</div>
</div>
<div class="space-y-1">
<!-- Message -->
<div class="group flex lokyk u3ov7" style="word-break: break-word;">
<div class="mpvw6 m8hmi megik dark:bg-blue-500/20 inline-block mzy38 zi3gd q4t00 psrjx">
<div class="tuuss ejo46 dark:text-neutral-200">
<span class="j28t5 dark:text-blue-500">@anna</span> Could you verify if our current license allows for its use in client-facing projects?
<span>
<span class="lndac yo4p5 lqxom dark:text-neutral-600 y8vd7">11:34</span>
<svg class="inline-block n2l26 szmrd lqxom 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="js4j3 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 enhxb items-center rdqxy x8hlq tuuss zqruk p12pm mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden d10id 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="n2l26 szmrd mr9qs" xmlns="http://www.w3.org/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 ahgde transition-[opacity,margin] duration opacity-0 hidden t0pau zxv30 mzy38 w9ar3 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="smvag">
<a class="flex items-center rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="n2l26 mt-auto">
<img class="n2l26 x8hlq mr9qs" 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="jypv0 flex u3ov7">
<div class="n2l26 mt-auto">
<span class="flex n2l26 enhxb items-center x8hlq on128 hw6xt dq2gi hs5iv w3h0o mr9qs">
A
</span>
</div>
<!-- Chat Bubble -->
<div>
<div class="urcp3 eaq9a flex items-center r2jif">
<p class="on128 lqxom dark:text-neutral-500">Anna · Team</p>
<div class="hs-tooltip inline-block">
<svg class="hs-tooltip-toggle n2l26 bnmi1 lqxom 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 g4xt3 mjppw f9d5d psrjx w-auto khfsl m8hmi wi3fc on128 w3h0o wavyl dark:bg-neutral-700" role="tooltip">
Anna sent internal message within the team and not lnote to customers
</span>
</div>
</div>
<div class="space-y-1">
<!-- Message -->
<div class="group flex ifpha u3ov7" style="word-break: break-word;">
<div class="js4j3 iili6 dark:bg-neutral-950 inline-block mzy38 zi3gd q4t00 psrjx">
<div class="tuuss ejo46 dark:text-neutral-200">
<span class="j28t5 dark:text-blue-500">@james</span> Yes, our license for Preline UI does cover client projects.
<span>
<span class="lndac lqxom dark:text-neutral-600 y8vd7">11:36</span>
</span>
</div>
</div>
<!-- More Dropdown -->
<div class="mpvw6 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 enhxb items-center rdqxy x8hlq tuuss zqruk p12pm mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden d10id 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="n2l26 szmrd mr9qs" xmlns="http://www.w3.org/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 ahgde transition-[opacity,margin] duration opacity-0 hidden t0pau zxv30 mzy38 w9ar3 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="smvag">
<a class="flex items-center rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="jypv0 ms-auto yo4p5 flex lokyk u3ov7">
<!-- Chat Bubble -->
<div>
<div class="urcp3 g99ml flex lokyk items-center r2jif">
<p class="on128 lqxom dark:text-neutral-500">James · Team</p>
<div class="hs-tooltip inline-block">
<svg class="hs-tooltip-toggle n2l26 bnmi1 lqxom 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 g4xt3 mjppw f9d5d psrjx w-auto khfsl m8hmi wi3fc on128 w3h0o wavyl dark:bg-neutral-700" role="tooltip">
You sent internal message within the team and not lnote to customers
</span>
</div>
</div>
<div class="space-y-1">
<!-- Message -->
<div class="group flex lokyk u3ov7" style="word-break: break-word;">
<div class="mpvw6 m8hmi megik dark:bg-blue-500/20 inline-block mzy38 zi3gd q4t00 psrjx">
<div class="tuuss ejo46 dark:text-neutral-200">
Thanks 👍️
<span>
<span class="lndac yo4p5 lqxom dark:text-neutral-600 y8vd7">11:37</span>
<svg class="inline-block n2l26 szmrd lqxom 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="js4j3 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 enhxb items-center rdqxy x8hlq tuuss zqruk p12pm mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden d10id 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="n2l26 szmrd mr9qs" xmlns="http://www.w3.org/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 ahgde transition-[opacity,margin] duration opacity-0 hidden t0pau zxv30 mzy38 w9ar3 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="smvag">
<a class="flex items-center rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="n2l26 mt-auto">
<img class="n2l26 x8hlq mr9qs" 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="jypv0 flex u3ov7">
<div class="n2l26 mt-auto">
<span class="flex n2l26 enhxb items-center x8hlq on128 hw6xt dq2gi hs5iv w3h0o mr9qs">
A
</span>
</div>
<!-- Chat Bubble -->
<div>
<div class="urcp3 eaq9a flex items-center r2jif">
<p class="on128 lqxom dark:text-neutral-500">Anna · Team</p>
<div class="hs-tooltip inline-block">
<svg class="hs-tooltip-toggle n2l26 bnmi1 lqxom 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 g4xt3 mjppw f9d5d psrjx w-auto khfsl m8hmi wi3fc on128 w3h0o wavyl dark:bg-neutral-700" role="tooltip">
Anna sent internal message within the team and not lnote to customers
</span>
</div>
</div>
<div class="space-y-1">
<!-- Message -->
<div class="group flex ifpha u3ov7" style="word-break: break-word;">
<div class="js4j3 iili6 dark:bg-neutral-950 inline-block mzy38 zi3gd q4t00 psrjx">
<div class="tuuss ejo46 dark:text-neutral-200">
You're welcome
<span>
<span class="lndac lqxom dark:text-neutral-600 y8vd7">11:38</span>
</span>
</div>
</div>
<!-- More Dropdown -->
<div class="mpvw6 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 enhxb items-center rdqxy x8hlq tuuss zqruk p12pm mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden d10id 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="n2l26 szmrd mr9qs" xmlns="http://www.w3.org/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 ahgde transition-[opacity,margin] duration opacity-0 hidden t0pau zxv30 mzy38 w9ar3 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="smvag">
<a class="flex items-center rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="jypv0 ms-auto yo4p5 flex lokyk u3ov7">
<!-- Chat Bubble -->
<div>
<div class="urcp3 g99ml flex lokyk items-center r2jif">
<p class="on128 lqxom dark:text-neutral-500">James</p>
<div class="hs-tooltip inline-block">
<svg class="hs-tooltip-toggle n2l26 bnmi1" 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 g4xt3 mjppw f9d5d psrjx w-auto khfsl m8hmi wi3fc on128 w3h0o wavyl 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 lokyk u3ov7" style="word-break: break-word;">
<div class="mpvw6 m8hmi megik dark:bg-blue-500/20 inline-block mzy38 zi3gd q4t00 psrjx">
<div class="tuuss ejo46 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="lndac yo4p5 lqxom dark:text-neutral-600 y8vd7">11:40</span>
<svg class="inline-block n2l26 szmrd lqxom 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="js4j3 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 enhxb items-center rdqxy x8hlq tuuss zqruk p12pm mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden d10id 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="n2l26 szmrd mr9qs" xmlns="http://www.w3.org/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 ahgde transition-[opacity,margin] duration opacity-0 hidden t0pau zxv30 mzy38 w9ar3 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="smvag">
<a class="flex items-center rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="n2l26 mt-auto">
<img class="n2l26 x8hlq mr9qs" 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="jypv0 flex u3ov7">
<div class="n2l26 mt-auto">
<img class="n2l26 x8hlq mr9qs" 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="urcp3 eaq9a flex items-center r2jif">
<p class="on128 lqxom dark:text-neutral-500">Costa</p>
<div class="hs-tooltip inline-block">
<svg class="hs-tooltip-toggle n2l26 bnmi1" 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 g4xt3 mjppw f9d5d psrjx w-auto khfsl m8hmi wi3fc on128 w3h0o wavyl 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 ifpha u3ov7" style="word-break: break-word;">
<div class="js4j3 zxv30 ntfdl dark:bg-neutral-800 inline-block mzy38 zi3gd q4t00 psrjx">
<div class="tuuss ejo46 dark:text-neutral-200">
Awesome!
<span>
<span class="lndac lqxom dark:text-neutral-600 y8vd7">11:41</span>
</span>
</div>
</div>
<!-- More Dropdown -->
<div class="mpvw6 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 enhxb items-center rdqxy x8hlq tuuss zqruk p12pm mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden d10id 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="n2l26 szmrd mr9qs" xmlns="http://www.w3.org/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 ahgde transition-[opacity,margin] duration opacity-0 hidden t0pau zxv30 mzy38 w9ar3 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="smvag">
<a class="flex items-center rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="gomb9 hg2lf x2ip9 n62jc zxv30 jhbd9 yxawv dark:bg-neutral-800 dark:border-neutral-700">
<label for="hs-pro-chtfwtiwrb1" class="r8a99">Message</label>
<div class="yb79p jsn0m">
<div class="urcp3 j0k30 sm:flex sm:items-center j5kq4">
<div class="dgznh">
<textarea id="hs-pro-chtfwtiwrb1" class="uhwhz bm1bw yb79p jsn0m oaaxj block xp67g je4jy rounded-0 iqf44 io5na q432g focus:outline-hidden rstw7 xeklp disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:text-neutral-400 dark:placeholder-neutral-500 overflow-y-auto hm2m0 uqiuh b3ail ykfhs 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="oaaxj">
<!-- Checkbox -->
<label for="hs-pro-chtfwtiwrb1swt" class="f9d5d u4s9n relative inline-flex enhxb items-center lwq0m cgjzl d5esf xggui zxv30 k9mkq yxawv ejo46 cursor-pointer wavyl lk55v dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:text-neutral-200 dark:border-neutral-700
u6t8m p078h 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="n2l26 flex enhxb items-center rvrir hidden peer-checked:block bnmi1">
<svg class="n2l26 bnmi1" 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="n2l26 ejo46 bnmi1 peer-checked:hidden dark:text-neutral-200">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="oaaxj flex saet7 items-center r2jif">
<!-- Button Group -->
<div class="flex items-center r2jif">
<!-- Button -->
<button type="button" class="flex enhxb items-center lwq0m x8hlq tuuss zqruk lk55v mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="r8a99">Attach file</span>
</button>
<!-- End Button -->
<!-- Button -->
<button type="button" class="flex enhxb items-center lwq0m x8hlq tuuss zqruk lk55v mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="r8a99">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="f9d5d psrjx flex items-center lwq0m tuuss zqruk lk55v mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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="avlyg gvxxq e9qiw rtoj1 rvrir">Magic AI</span>
<svg class="n2l26 szmrd iq13t" xmlns="http://www.w3.org/2000/svg" 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 ibeo2 transition-[opacity,margin] duration opacity-0 hidden mjppw zxv30 mzy38 x32l5 dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-chtfwtiwrb1maid1">
<div class="smvag">
<a class="flex items-center rdqxy f9d5d psrjx wavyl tuuss ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<svg class="n2l26 icbx8 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="smvag jhbd9 yxawv dark:border-neutral-800">
<a class="flex items-center rdqxy f9d5d psrjx wavyl tuuss ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<svg class="n2l26 icbx8 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 rdqxy f9d5d psrjx wavyl tuuss ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<svg class="n2l26 icbx8 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="smvag jhbd9 yxawv dark:border-neutral-800">
<a class="flex items-center rdqxy f9d5d psrjx wavyl tuuss ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<svg class="n2l26 icbx8 bnmi1" xmlns="http://www.w3.org/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 rdqxy f9d5d psrjx wavyl tuuss ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<svg class="n2l26 icbx8 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 r2jif">
<!-- Button -->
<button type="button" class="flex enhxb items-center lwq0m x8hlq tuuss zqruk lk55v mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="r8a99">Send voice message</span>
</button>
<!-- End Button -->
<!-- Send Button -->
<button type="button" class="inline-flex n2l26 enhxb items-center x8hlq tuuss hw6xt mr9qs w3h0o o0y3u pgsi2 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden hzgeo dark:bg-blue-500 dark:hover:bg-blue-600 dark:focus:bg-blue-600">
<span class="r8a99">Send</span>
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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
nnchn nf9l7 ixagr pve7h
xdzn7 xp67g
hidden
fixed hg2lf aoum9 te8l0 zxmp1 ux1hp
zxv30 ezp48 yxawv
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="ux1hp flex flex-col">
<!-- Header -->
<div class="mi46d rht0b flex saet7 items-center xu4xz yxawv dark:border-neutral-800">
<span id="hs-pro-chtsdid1-label" class="block hysdx ejo46 dark:text-neutral-200">
Details
</span>
<!-- Close Button -->
<div class="absolute eawgn qpsld te8l0">
<button type="button" class="x8hlq inline-flex enhxb items-center u3ov7 mr9qs k9mkq je4jy zxv30 ejo46 p12pm focus:outline-hidden d10id 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="r8a99">Close</span>
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="ux1hp overflow-y-auto hm2m0 uqiuh b3ail ykfhs dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<div class="y3kub">
<!-- Title Input -->
<div class="">
<!-- Textarea -->
<textarea class="mi46d mgn98 block xp67g zxv30 je4jy lv0ng hysdx wqv3r rounded-0 q432g uvugb focus:outline-hidden rstw7 kx6kj xeklp 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 hm2m0 uqiuh b3ail ykfhs 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="eg6px">
<button type="button" class="hs-collapse-toggle hs-collapse-open:hidden hcvae u4s9n inline-flex items-center r2jif d5esf wavyl k9mkq yxawv zxv30 ejo46 ntfdl wsl5v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden u7q2f 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="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 xp67g overflow-hidden" aria-labelledby="hs-pro-chtddclid1">
<!-- Input -->
<div class="ukbyd">
<label for="hs-pro-chtddtxid1" class="block madsw hw6xt tuuss ejo46 dark:text-neutral-200">
Description
</label>
<textarea id="hs-pro-chtddtxid1" class="ur00w block xp67g yxawv wavyl tm0mx wqv3r st4vp isksk q432g 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 xu4xz a56pk dark:border-neutral-800 active" id="hs-pro-chtdbdid1">
<button type="button" class="hs-accordion-toggle y3kub yb79p xp67g flex saet7 items-center rdqxy ejo46 x23zt focus:outline-hidden l3jfy 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="tuuss hw6xt">Base details</span>
<svg class="hs-accordion-active:hidden block szmrd" xmlns="http://www.w3.org/2000/svg" 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 szmrd" xmlns="http://www.w3.org/2000/svg" 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 xp67g overflow-hidden transition-[height] ixagr" role="region" aria-labelledby="hs-pro-chtdbdid1">
<div class="rht0b q6ob7">
<!-- List Item -->
<dl class="hcvae flex items-center btgx5">
<dt class="xp67g ue6et">
<p class="inline-flex items-center u3ov7 d5esf z0e83 dark:text-neutral-500">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="dgznh xp67g">
<p class="inline-flex items-center r2jif hw6xt d5esf ejo46 dark:text-neutral-200">
#453892
</p>
</dd>
</dl>
<!-- End List Item -->
<!-- List Item -->
<dl class="hcvae flex items-center btgx5">
<dt class="xp67g ue6et">
<p class="inline-flex items-center u3ov7 d5esf z0e83 dark:text-neutral-500">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="dgznh xp67g">
<p class="inline-flex items-center r2jif hw6xt d5esf ejo46 dark:text-neutral-200">
<svg class="n2l26 bnmi1" 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="hcvae flex items-center btgx5">
<dt class="xp67g ue6et">
<p class="inline-flex items-center u3ov7 d5esf z0e83 dark:text-neutral-500">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="dgznh xp67g">
<!-- Dropdown Group -->
<div class="-ms-2 flex flex-wrap items-center n03hs">
<!-- Tag Dropdown -->
<div class="hs-dropdown relative inline-flex">
<button id="hs-pro-intbtwtaddid1_1" type="button" class="vj7px u4s9n group inline-flex items-center po4ac zxv30 k9mkq yxawv ejo46 d5esf wavyl wsl5v dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:border-neutral-700 dark:text-neutral-200">
<svg class="n2l26 bnmi1 u9tmt" xmlns="http://www.w3.org/2000/svg" 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 ft0gf transition-[opacity,margin] duration opacity-0 hidden h3jvs zxv30 mzy38 w9ar3 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="smvag space-y-0.5 xu4xz yxawv dark:border-neutral-800">
<button type="button" class="xp67g flex items-center rdqxy f9d5d l1xlu wavyl d5esf ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 xtvhj
</button>
<button type="button" class="xp67g flex items-center rdqxy f9d5d l1xlu wavyl d5esf ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="xp67g flex items-center rdqxy f9d5d l1xlu wavyl d5esf ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhsn">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="vj7px u4s9n group inline-flex items-center po4ac zxv30 k9mkq yxawv ejo46 d5esf wavyl wsl5v dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:border-neutral-700 dark:text-neutral-200">
<svg class="n2l26 bnmi1 iq13t" xmlns="http://www.w3.org/2000/svg" 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 ft0gf transition-[opacity,margin] duration opacity-0 hidden h3jvs zxv30 mzy38 w9ar3 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="smvag space-y-0.5 xu4xz yxawv dark:border-neutral-800">
<button type="button" class="xp67g flex items-center rdqxy f9d5d l1xlu wavyl d5esf ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 xtvhj
</button>
<button type="button" class="xp67g flex items-center rdqxy f9d5d l1xlu wavyl d5esf ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="xp67g flex items-center rdqxy f9d5d l1xlu wavyl d5esf ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhsn">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 xu4xz a56pk dark:border-neutral-800 active" id="hs-pro-chdstcc1">
<button type="button" class="hs-accordion-toggle y3kub yb79p xp67g flex saet7 items-center rdqxy ejo46 x23zt focus:outline-hidden l3jfy 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="tuuss hw6xt">Tickets</span>
<svg class="hs-accordion-active:hidden block szmrd" xmlns="http://www.w3.org/2000/svg" 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 szmrd" xmlns="http://www.w3.org/2000/svg" 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 xp67g overflow-hidden transition-[height] ixagr" role="region" aria-labelledby="hs-pro-chdstcc1">
<div class="rht0b q6ob7">
<!-- List Item -->
<dl class="hcvae flex btgx5">
<dt class="xp67g ue6et">
<label class="inline-flex items-center u3ov7 d5esf z0e83 dark:text-neutral-500">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="dgznh xp67g -mx-1">
<!-- Select -->
<select multiple data-hs-select='{
"placeholder": "Unassigned",
"dropdownClasses": "nqo4p q7724 xp67g cvoid rrqls smvag zxv30 k9mkq yxawv wavyl w9ar3 overflow-hidden overflow-y-auto hm2m0 uqiuh b3ail ykfhs 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": "hcvae u4s9n xp67g tuuss ejo46 cursor-pointer lk55v wavyl focus:outline-hidden rjc3l 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 xggui xp67g m8hmi tuuss",
"tagsItemTemplate": "<div class=\"flex flex-nowrap items-center relative dw07v zxv30 k9mkq yxawv mr9qs ukbyd mkl42 puxhz dark:bg-neutral-800 dark:border-neutral-700 \"><div class=\"n2l26 rekd6 b4uwt \" data-icon></div><div class=\"j8ti2 ejo46 dark:text-neutral-200 \" data-title></div><div class=\"inline-flex n2l26 enhxb items-center s1u6m djyey mr9qs ejo46 p12pm focus:outline-hidden d10id tuuss dark:hover:bg-neutral-700 dark:text-neutral-400 cursor-pointer \" data-remove><svg class=\"n2l26 br82p \" xmlns=\"http://www.w3.org/2000/svg\" 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": "ozqxb jvthl clfmf dgznh js4j3 hw6xt vq4ep wqv3r je4jy u4wxg jfhve outline-hidden cursor-pointer lk55v 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=\"n2l26 rekd6 tp1ru \" data-icon></div><div class=\"truncate \"><div class=\"tuuss ejo46 dark:text-neutral-200 \" data-title></div><div class=\"truncate on128 z0e83 dark:text-neutral-500 \" data-description></div></div><div class=\"ms-auto \"><span class=\"hidden hs-selected:block \"><svg class=\"n2l26 szmrd \" 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 n2l26 enhxb items-center rekd6 on128 dq2gi zp075 w3h0o dark:bg-neutral-600 mr9qs \">S</span>"
}'>Sarah Chen</option>
<option selected value="2" data-hs-select-option='{
"icon": "<img class=\"n2l26 mr9qs \" 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=\"n2l26 mr9qs \" 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 n2l26 enhxb items-center rekd6 on128 dq2gi hs5iv w3h0o mr9qs \">I</span>"
}'>Isabella Lauda</option>
<option value="5" data-hs-select-option='{
"icon": "<span class=\"inline-flex n2l26 enhxb items-center rekd6 on128 dq2gi b3nns w3h0o mr9qs \">C</span>"
}'>Christina Williams</option>
<option value="6" data-hs-select-option='{
"icon": "<img class=\"n2l26 mr9qs \" 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="hcvae flex items-center btgx5">
<dt class="xp67g ue6et">
<p class="inline-flex items-center u3ov7 d5esf z0e83 dark:text-neutral-500">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/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="dgznh xp67g">
<p class="hw6xt d5esf ejo46 dark:text-neutral-200">
October 7, 2024 1:56 PM
</p>
</dd>
</dl>
<!-- End List Item -->
<!-- List Item -->
<dl class="hcvae flex items-center btgx5">
<dt class="xp67g ue6et">
<p class="inline-flex items-center u3ov7 d5esf z0e83 dark:text-neutral-500">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/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="dgznh xp67g">
<div class="flex items-center r2jif">
<div class="relative szmrd">
<span class="flex n2l26 enhxb items-center szmrd on128 hw6xt dq2gi nullInitial.color mr9qs">
<svg class="n2l26 bnmi1" 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="dgznh truncate">
<p class="truncate hw6xt d5esf ejo46 dark:text-neutral-200">Telegram</p>
</div>
</div>
</dd>
</dl>
<!-- End List Item -->
<!-- List Item -->
<dl class="hcvae flex items-center btgx5">
<dt class="xp67g ue6et">
<label for="hs-pro-shtdsi1ta1" class="inline-flex items-center u3ov7 d5esf z0e83 dark:text-neutral-500">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/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="dgznh xp67g -mx-1">
<input id="hs-pro-shtdsi1ta1" type="text" class="pzd9a jvthl block xp67g zxv30 lk55v je4jy clfmf vq4ep mqtpn wqv3r ejo46 fwe1v st4vp isksk disabled:opacity-50 disabled:pointer-events-none jfhve 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="hcvae flex items-center btgx5">
<dt class="xp67g ue6et">
<p class="inline-flex items-center u3ov7 d5esf z0e83 dark:text-neutral-500">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="dgznh xp67g -mx-1">
<!-- Input Form -->
<div class="flex items-center u3ov7">
<input id="hs-pro-chtdshi1" type="text" class="pzd9a jvthl block xp67g truncate zxv30 lk55v je4jy clfmf vq4ep mqtpn wqv3r fwe1v st4vp isksk disabled:opacity-50 disabled:pointer-events-none jfhve 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 bpgcz hs-tooltip rekd6 n2l26 inline-flex enhxb items-center u3ov7 clfmf ejo46 lk55v 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 n2l26 bnmi1" xmlns="http://www.w3.org/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 bnmi1" xmlns="http://www.w3.org/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 qdi5k hidden g4xt3 te8l0 hcvae u4s9n wi3fc on128 hw6xt w3h0o clfmf ntfdl 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 xu4xz a56pk dark:border-neutral-800 active" id="hs-pro-chtdudid1">
<button type="button" class="hs-accordion-toggle y3kub yb79p xp67g flex saet7 items-center rdqxy ejo46 x23zt focus:outline-hidden l3jfy 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="tuuss hw6xt">User data</span>
<svg class="hs-accordion-active:hidden block szmrd" xmlns="http://www.w3.org/2000/svg" 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 szmrd" xmlns="http://www.w3.org/2000/svg" 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 xp67g overflow-hidden transition-[height] ixagr" role="region" aria-labelledby="hs-pro-chtdudid1">
<div class="rht0b q6ob7">
<!-- List Item -->
<dl class="hcvae flex items-center btgx5">
<dt class="xp67g ue6et">
<p class="inline-flex items-center u3ov7 d5esf z0e83 dark:text-neutral-500">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="dgznh xp67g">
<p class="inline-flex items-center r2jif hw6xt d5esf ejo46 dark:text-neutral-200">
Costa Quinn
</p>
</dd>
</dl>
<!-- End List Item -->
<!-- List Item -->
<dl class="hcvae flex items-center btgx5">
<dt class="xp67g ue6et">
<p class="inline-flex items-center u3ov7 d5esf z0e83 dark:text-neutral-500">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="dgznh xp67g">
<p class="inline-flex items-center r2jif hw6xt d5esf ejo46 dark:text-neutral-200">
-
</p>
</dd>
</dl>
<!-- End List Item -->
<!-- List Item -->
<dl class="hcvae flex items-center btgx5">
<dt class="xp67g ue6et">
<p class="inline-flex items-center u3ov7 d5esf z0e83 dark:text-neutral-500">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="dgznh xp67g">
<p class="inline-flex items-center r2jif hw6xt d5esf ejo46 dark:text-neutral-200">
London, UK
</p>
</dd>
</dl>
<!-- End List Item -->
<!-- List Item -->
<dl class="hcvae flex items-center btgx5">
<dt class="xp67g ue6et">
<p class="inline-flex items-center u3ov7 d5esf z0e83 dark:text-neutral-500">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/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="dgznh xp67g">
<p class="inline-flex items-center r2jif hw6xt d5esf ejo46 dark:text-neutral-200">
-
</p>
</dd>
</dl>
<!-- End List Item -->
<!-- Show All Collapse -->
<div id="hs-pro-chtdudsaid1-heading" class="hs-collapse hidden xp67g overflow-hidden transition-[height] ixagr" aria-labelledby="hs-pro-chtdudsaid1">
<!-- List Item -->
<dl class="hcvae flex items-center btgx5">
<dt class="xp67g ue6et">
<p class="inline-flex items-center u3ov7 d5esf z0e83 dark:text-neutral-500">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="dgznh xp67g">
<p class="inline-flex items-center r2jif hw6xt d5esf ejo46 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 nqo4p inline-flex items-center r2jif hw6xt d5esf ejo46 x23zt focus:outline-hidden l3jfy 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 n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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 xu4xz a56pk dark:border-neutral-800 active" id="hs-pro-chtdpcid1">
<button type="button" class="hs-accordion-toggle y3kub yb79p xp67g flex saet7 items-center rdqxy ejo46 x23zt focus:outline-hidden l3jfy 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="tuuss hw6xt">Previous conversations</span>
<svg class="hs-accordion-active:hidden block szmrd" xmlns="http://www.w3.org/2000/svg" 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 szmrd" xmlns="http://www.w3.org/2000/svg" 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 xp67g overflow-hidden transition-[height] ixagr" role="region" aria-labelledby="hs-pro-chtdpcid1">
<!-- Message -->
<div class=" relative overflow-hidden group cursor-pointer zxv30 lk55v focus:outline-hidden rjc3l dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:border-neutral-700 " >
<div class="iifk8 rht0b xu4xz z7omh dark:border-neutral-700">
<div class="flex j2p6t">
<div class="kd00o n2l26">
<div class="relative x8hlq">
<img class="n2l26 x7ecd mr9qs" 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 z4bg4 e6y9q flex n2l26 enhxb items-center s1u6m zxv30 mr9qs group-hover:bg-gray-100 dark:bg-neutral-800 dark:group-hover:bg-neutral-700">
<svg class="n2l26 bnmi1" 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="dgznh truncate">
<div class="flex saet7 r2jif">
<span class="block truncate hw6xt d5esf ejo46 dark:text-neutral-200">Costa Quinn</span>
<span class="block y6g4k u29jr lqxom dq2gi dark:text-neutral-500">3d</span>
</div>
<div class="kd00o flex saet7 items-center r2jif">
<div class="f4jkz truncate">
<p class="truncate on128 z0e83 dark:text-neutral-500">Telegram chat</p>
</div>
<div class="hs-tooltip [--placement:left] inline-block">
<span class="hs-tooltip-toggle flex n2l26 enhxb items-center szmrd e9a6o w3h0o mr9qs">
<svg class="n2l26 z859i" 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 g4xt3 mjppw hcvae dgmc7 w-auto khfsl wi3fc on128 w3h0o wavyl j8ti2 dark:bg-neutral-700" role="tooltip">
Resolved
</span>
</div>
</div>
<div class="flex items-center lwq0m kd00o">
<div class="f4jkz truncate">
<p class="truncate z0e83 dark:text-neutral-500 on128">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 zxv30 lk55v focus:outline-hidden rjc3l dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:border-neutral-700 " >
<div class="iifk8 rht0b xu4xz z7omh dark:border-neutral-700">
<div class="flex j2p6t">
<div class="kd00o n2l26">
<div class="relative x8hlq">
<img class="n2l26 x7ecd mr9qs" 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 z4bg4 e6y9q flex n2l26 enhxb items-center s1u6m zxv30 mr9qs group-hover:bg-gray-100 dark:bg-neutral-800 dark:group-hover:bg-neutral-700">
<svg class="n2l26 bnmi1" 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="dgznh truncate">
<div class="flex saet7 r2jif">
<span class="block truncate hw6xt d5esf ejo46 dark:text-neutral-200">Costa Quinn</span>
<span class="block y6g4k u29jr lqxom dq2gi dark:text-neutral-500">1w</span>
</div>
<div class="kd00o flex saet7 items-center r2jif">
<div class="f4jkz truncate">
<p class="truncate on128 z0e83 dark:text-neutral-500">Telegram chat</p>
</div>
<div class="hs-tooltip [--placement:left] inline-block">
<span class="hs-tooltip-toggle flex n2l26 enhxb items-center szmrd e9a6o w3h0o mr9qs">
<svg class="n2l26 z859i" 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 g4xt3 mjppw hcvae dgmc7 w-auto khfsl wi3fc on128 w3h0o wavyl j8ti2 dark:bg-neutral-700" role="tooltip">
Resolved
</span>
</div>
</div>
<div class="flex items-center lwq0m kd00o">
<div class="f4jkz truncate">
<p class="truncate z0e83 dark:text-neutral-500 on128">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 y3kub yb79p xp67g flex saet7 items-center rdqxy ejo46 x23zt focus:outline-hidden l3jfy 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="tuuss hw6xt">Shared media</span>
<svg class="hs-accordion-active:hidden block szmrd" xmlns="http://www.w3.org/2000/svg" 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 szmrd" xmlns="http://www.w3.org/2000/svg" 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 xp67g overflow-hidden transition-[height] ixagr" role="region" aria-labelledby="hs-pro-chtdshmid1">
<div class="rht0b q6ob7">
<p class="d5esf z0e83 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 fm3wm flex flex-col lokyk">
<!-- Header -->
<header class="gomb9 zxmp1 x2ip9 te8l0 ur00w f39ph flex saet7 items-center u3ov7 zxv30 xu4xz yxawv dark:bg-neutral-800 dark:border-neutral-700">
<div class="ahgde sm:w-auto xl:hidden flex items-center">
<div class="d6jw5 flex items-center r2jif">
<!-- Sidebar Toggle -->
<button type="button" class="flex enhxb items-center r2jif f9d5d u4s9n awbfz on128 zqruk zxv30 lk55v mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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="n2l26 szmrd -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 j6548 r8vr5 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 enhxb items-center r2jif f9d5d u4s9n awbfz on128 zqruk zxv30 lk55v mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="f9d5d psrjx flex enhxb items-center vb7mr h101d jy6mo k3vb6 dark:bg-red-500/10 dark:text-red-500 dark:hover:bg-red-500/20 dark:focus:bg-red-500/20.class xggui on128 vq4ep wavyl 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 ibeo2 transition-[opacity,margin] duration opacity-0 hidden h3jvs zxv30 mzy38 w9ar3 dark:bg-neutral-950" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-inthmtdid2">
<!-- Heading -->
<div class="hxfjh gjk1t">
<span class="block hw6xt d5esf ejo46 dark:text-neutral-200">
<span class="truncate">Update ticket status</span>
</span>
</div>
<!-- End Heading -->
<!-- List -->
<div class="smvag jhbd9 yxawv dark:border-neutral-800">
<div class="space-y-0.5 jcc28 overflow-y-auto ulj1p uqiuh b3ail ykfhs dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<!-- Item -->
<label for="hs-pro-chthuts2op" class="f9d5d l1xlu group flex items-center rdqxy wavyl cursor-pointer d5esf ejo46 lk55v 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="n2l26 bnmi1 flex enhxb items-center">
<span class="n2l26 z9hxv block mx-auto e9a6o mr9qs"></span>
</span>
Open
<svg class="n2l26 bnmi1 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="f9d5d l1xlu group flex items-center rdqxy wavyl cursor-pointer d5esf ejo46 lk55v 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="n2l26 bnmi1 flex enhxb items-center">
<span class="n2l26 z9hxv block mx-auto b3nns mr9qs"></span>
</span>
In progress
<svg class="n2l26 bnmi1 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="f9d5d l1xlu group flex items-center rdqxy wavyl cursor-pointer d5esf ejo46 lk55v 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="n2l26 bnmi1 flex enhxb items-center">
<span class="n2l26 z9hxv block mx-auto klnns mr9qs"></span>
</span>
Snoozed
<svg class="n2l26 bnmi1 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="f9d5d l1xlu group flex items-center rdqxy wavyl cursor-pointer d5esf ejo46 lk55v 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="n2l26 bnmi1 flex enhxb items-center">
<span class="n2l26 z9hxv block mx-auto g0adn dark:bg-neutral-200 mr9qs"></span>
</span>
Closed
<svg class="n2l26 bnmi1 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="ahgde sm:w-auto flex lokyk items-center txi90">
<!-- Button -->
<div class="hs-tooltip [--placement:bottom] hidden sm:inline-block">
<button type="button" class="hs-tooltip-toggle flex enhxb items-center rdqxy x8hlq tuuss zqruk lk55v mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="r8a99">Snooze</span>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl j8ti2 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 enhxb items-center rdqxy x8hlq tuuss zqruk lk55v mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="r8a99">Tags</span>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl j8ti2 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 enhxb items-center rdqxy x8hlq tuuss zqruk lk55v mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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="n2l26 szmrd" xmlns="http://www.w3.org/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 c22dz transition-[opacity,margin] duration opacity-0 hidden h3jvs zxv30 mzy38 w9ar3 dark:bg-neutral-950" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-chthmdid2">
<div class="smvag space-y-0.5">
<button type="button" class="sm:hidden xp67g flex items-center rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhsn">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 xp67g flex items-center rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhtgm">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="xp67g flex items-center rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhsh">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="xp67g flex items-center rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhsp">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/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="xp67g flex items-center rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhbu">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/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="xp67g flex items-center rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhdl">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 j6548 r8vr5 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 enhxb items-center rdqxy x8hlq tuuss zqruk lk55v mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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 n2l26 szmrd" xmlns="http://www.w3.org/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 n2l26 szmrd" xmlns="http://www.w3.org/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="r8a99">Navigation Toggle</span>
</button>
<!-- End Sidebar Toggle -->
</div>
</div>
</header>
<!-- End Header -->
<!-- Chat Content -->
<div class="ux1hp ur00w nsv9d dta7e overflow-y-auto overflow-x-hidden hm2m0 uqiuh b3ail ykfhs dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<div class="relative">
<!-- Time -->
<div class="gomb9 zxmp1 x2ip9 t0pau cw17m mx-auto cgjzl">
<span class="vj7px dgmc7 gxtht on128 z0e83 mr9qs dark:bg-neutral-900 dark:text-neutral-500">24 July</span>
</div>
<!-- End Time -->
<!-- List -->
<div class="xp67g space-y-5">
<!-- Item -->
<div class="jypv0 flex u3ov7">
<div class="n2l26 mt-auto">
<span class="flex n2l26 enhxb items-center x8hlq on128 hw6xt dq2gi avow8 w3h0o mr9qs">
I
</span>
</div>
<!-- Chat Bubble -->
<div>
<div class="urcp3 eaq9a flex items-center r2jif">
<p class="on128 lqxom dark:text-neutral-500">Bryan from Inbox team</p>
<div class="hs-tooltip inline-block">
<svg class="hs-tooltip-toggle n2l26 bnmi1" 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 g4xt3 mjppw f9d5d psrjx w-auto khfsl m8hmi wi3fc on128 w3h0o wavyl 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 ifpha u3ov7" style="word-break: break-word;">
<div class="js4j3 zxv30 ntfdl dark:bg-neutral-800 inline-block mzy38 zi3gd q4t00 psrjx">
<div class="tuuss ejo46 dark:text-neutral-200">
Hi, I keep getting failed payments bty75 your site. What's the reason?
<span>
<span class="lndac lqxom dark:text-neutral-600 y8vd7">10:49</span>
</span>
</div>
</div>
<!-- More Dropdown -->
<div class="mpvw6 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 enhxb items-center rdqxy x8hlq tuuss zqruk p12pm mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden d10id 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="n2l26 szmrd mr9qs" xmlns="http://www.w3.org/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 ahgde transition-[opacity,margin] duration opacity-0 hidden t0pau zxv30 mzy38 w9ar3 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="smvag">
<a class="flex items-center rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="jypv0 ms-auto yo4p5 flex lokyk u3ov7">
<!-- Chat Bubble -->
<div>
<div class="urcp3 g99ml flex lokyk items-center r2jif">
<p class="on128 lqxom dark:text-neutral-500">James</p>
</div>
<div class="space-y-1">
<!-- Message -->
<div class="group flex lokyk u3ov7" style="word-break: break-word;">
<div class="mpvw6 m8hmi megik dark:bg-blue-500/20 inline-block mzy38 zi3gd q4t00 psrjx">
<div class="tuuss ejo46 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="lndac yo4p5 lqxom dark:text-neutral-600 y8vd7">10:49</span>
<svg class="inline-block n2l26 szmrd lqxom 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="js4j3 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 enhxb items-center rdqxy x8hlq tuuss zqruk p12pm mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden d10id 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="n2l26 szmrd mr9qs" xmlns="http://www.w3.org/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 ahgde transition-[opacity,margin] duration opacity-0 hidden t0pau zxv30 mzy38 w9ar3 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="smvag">
<a class="flex items-center rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="n2l26 mt-auto">
<img class="n2l26 x8hlq mr9qs" 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="jypv0 flex u3ov7">
<div class="n2l26 mt-auto">
<span class="flex n2l26 enhxb items-center x8hlq on128 hw6xt dq2gi avow8 w3h0o mr9qs">
I
</span>
</div>
<!-- Chat Bubble -->
<div>
<div class="urcp3 eaq9a flex items-center r2jif">
<p class="on128 lqxom dark:text-neutral-500">Bryan from Inbox team</p>
<div class="hs-tooltip inline-block">
<svg class="hs-tooltip-toggle n2l26 bnmi1" 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 g4xt3 mjppw f9d5d psrjx w-auto khfsl m8hmi wi3fc on128 w3h0o wavyl 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 ifpha u3ov7" style="word-break: break-word;">
<div class="js4j3 zxv30 ntfdl dark:bg-neutral-800 inline-block mzy38 zi3gd q4t00 psrjx">
<div class="tuuss ejo46 dark:text-neutral-200">
Yes, everything seems correct.
<span>
<span class="lndac lqxom dark:text-neutral-600 y8vd7">10:49</span>
</span>
</div>
</div>
<!-- More Dropdown -->
<div class="mpvw6 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 enhxb items-center rdqxy x8hlq tuuss zqruk p12pm mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden d10id 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="n2l26 szmrd mr9qs" xmlns="http://www.w3.org/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 ahgde transition-[opacity,margin] duration opacity-0 hidden t0pau zxv30 mzy38 w9ar3 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="smvag">
<a class="flex items-center rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="jypv0 ms-auto yo4p5 flex lokyk u3ov7">
<!-- Chat Bubble -->
<div>
<div class="urcp3 g99ml flex lokyk items-center r2jif">
<p class="on128 lqxom dark:text-neutral-500">James</p>
</div>
<div class="space-y-1">
<!-- Message -->
<div class="group flex lokyk u3ov7" style="word-break: break-word;">
<div class="mpvw6 m8hmi megik dark:bg-blue-500/20 inline-block mzy38 zi3gd q4t00 psrjx">
<div class="tuuss ejo46 dark:text-neutral-200">
Understood. Give me a minute, I'll check it.
<span>
<span class="lndac yo4p5 lqxom dark:text-neutral-600 y8vd7">10:50</span>
<svg class="inline-block n2l26 szmrd lqxom 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="js4j3 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 enhxb items-center rdqxy x8hlq tuuss zqruk p12pm mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden d10id 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="n2l26 szmrd mr9qs" xmlns="http://www.w3.org/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 ahgde transition-[opacity,margin] duration opacity-0 hidden t0pau zxv30 mzy38 w9ar3 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="smvag">
<a class="flex items-center rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="n2l26 mt-auto">
<img class="n2l26 x8hlq mr9qs" 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="jypv0 ms-auto yo4p5 flex lokyk u3ov7">
<!-- Chat Bubble -->
<div>
<div class="urcp3 g99ml flex lokyk items-center r2jif">
<p class="on128 lqxom dark:text-neutral-500">James · Team</p>
<div class="hs-tooltip inline-block">
<svg class="hs-tooltip-toggle n2l26 bnmi1 lqxom 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 g4xt3 mjppw f9d5d psrjx w-auto khfsl m8hmi wi3fc on128 w3h0o wavyl dark:bg-neutral-700" role="tooltip">
You sent internal message within the team and not lnote to customers
</span>
</div>
</div>
<div class="space-y-1">
<!-- Message -->
<div class="group flex lokyk u3ov7" style="word-break: break-word;">
<div class="mpvw6 m8hmi megik dark:bg-blue-500/20 inline-block mzy38 zi3gd q4t00 psrjx">
<div class="tuuss ejo46 dark:text-neutral-200">
<span class="j28t5 dark:text-blue-500">@sarah</span> I need you to have a look at this.
<span>
<span class="lndac yo4p5 lqxom dark:text-neutral-600 y8vd7">10:50</span>
<svg class="inline-block n2l26 szmrd lqxom 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="js4j3 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 enhxb items-center rdqxy x8hlq tuuss zqruk p12pm mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden d10id 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="n2l26 szmrd mr9qs" xmlns="http://www.w3.org/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 ahgde transition-[opacity,margin] duration opacity-0 hidden t0pau zxv30 mzy38 w9ar3 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="smvag">
<a class="flex items-center rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="n2l26 mt-auto">
<img class="n2l26 x8hlq mr9qs" 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="jypv0 flex u3ov7">
<div class="n2l26 mt-auto">
<span class="flex n2l26 enhxb items-center x8hlq on128 hw6xt dq2gi klnns w3h0o mr9qs">
S
</span>
</div>
<!-- Chat Bubble -->
<div>
<div class="urcp3 eaq9a flex items-center r2jif">
<p class="on128 lqxom dark:text-neutral-500">Sarah · Team</p>
<div class="hs-tooltip inline-block">
<svg class="hs-tooltip-toggle n2l26 bnmi1 lqxom 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 g4xt3 mjppw f9d5d psrjx w-auto khfsl m8hmi wi3fc on128 w3h0o wavyl dark:bg-neutral-700" role="tooltip">
Sarah sent internal message within the team and not lnote to customers
</span>
</div>
</div>
<div class="space-y-1">
<!-- Message -->
<div class="group flex ifpha u3ov7" style="word-break: break-word;">
<div class="js4j3 iili6 dark:bg-neutral-950 inline-block mzy38 zi3gd q4t00 psrjx">
<div class="tuuss ejo46 dark:text-neutral-200">
<span class="j28t5 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="lndac lqxom dark:text-neutral-600 y8vd7">10:52</span>
</span>
</div>
</div>
<!-- More Dropdown -->
<div class="mpvw6 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 enhxb items-center rdqxy x8hlq tuuss zqruk p12pm mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden d10id 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="n2l26 szmrd mr9qs" xmlns="http://www.w3.org/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 ahgde transition-[opacity,margin] duration opacity-0 hidden t0pau zxv30 mzy38 w9ar3 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="smvag">
<a class="flex items-center rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="gomb9 hg2lf x2ip9 n62jc zxv30 jhbd9 yxawv dark:bg-neutral-800 dark:border-neutral-700">
<label for="hs-pro-chtfwtiwrb2" class="r8a99">Message</label>
<!-- Reply -->
<div id="hs-chtfwtiwrb1cid2" class="hs-removing:opacity-0 ipy2k ol8bs u3poc rht0b xu4xz a56pk dark:border-neutral-700">
<div class="flex saet7 items-center rdqxy t0xt1 t9n9o jsn0m">
<div class="xp67g">
<p class="hw6xt on128 j28t5">Reply to Sarah</p>
<p class="on128 ejo46 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="dgznh">
<button type="button" class="inline-flex n2l26 enhxb items-center rekd6 mr9qs z0e83 hmpqz focus:outline-hidden rdx35 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="r8a99">Close</span>
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/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="yb79p jsn0m">
<div class="urcp3 j0k30 sm:flex sm:items-center j5kq4">
<div class="dgznh">
<textarea id="hs-pro-chtfwtiwrb2" class="uhwhz bm1bw yb79p jsn0m oaaxj block xp67g je4jy rounded-0 iqf44 io5na q432g focus:outline-hidden rstw7 xeklp disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:text-neutral-400 dark:placeholder-neutral-500 overflow-y-auto hm2m0 uqiuh b3ail ykfhs 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="oaaxj">
<!-- Checkbox -->
<label for="hs-pro-chtfwtiwrb2swt" class="f9d5d u4s9n relative inline-flex enhxb items-center lwq0m cgjzl d5esf xggui zxv30 k9mkq yxawv ejo46 cursor-pointer wavyl lk55v dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:text-neutral-200 dark:border-neutral-700
u6t8m p078h 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="n2l26 flex enhxb items-center rvrir hidden peer-checked:block bnmi1">
<svg class="n2l26 bnmi1" 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="n2l26 ejo46 bnmi1 peer-checked:hidden dark:text-neutral-200">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="oaaxj flex saet7 items-center r2jif">
<!-- Button Group -->
<div class="flex items-center r2jif">
<!-- Button -->
<button type="button" class="flex enhxb items-center lwq0m x8hlq tuuss zqruk lk55v mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="r8a99">Attach file</span>
</button>
<!-- End Button -->
<!-- Button -->
<button type="button" class="flex enhxb items-center lwq0m x8hlq tuuss zqruk lk55v mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="r8a99">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="f9d5d psrjx flex items-center lwq0m tuuss zqruk lk55v mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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="avlyg gvxxq e9qiw rtoj1 rvrir">Magic AI</span>
<svg class="n2l26 szmrd iq13t" xmlns="http://www.w3.org/2000/svg" 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 ibeo2 transition-[opacity,margin] duration opacity-0 hidden mjppw zxv30 mzy38 x32l5 dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-chtfwtiwrb1maid2">
<div class="smvag">
<a class="flex items-center rdqxy f9d5d psrjx wavyl tuuss ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<svg class="n2l26 icbx8 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="smvag jhbd9 yxawv dark:border-neutral-800">
<a class="flex items-center rdqxy f9d5d psrjx wavyl tuuss ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<svg class="n2l26 icbx8 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 rdqxy f9d5d psrjx wavyl tuuss ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<svg class="n2l26 icbx8 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="smvag jhbd9 yxawv dark:border-neutral-800">
<a class="flex items-center rdqxy f9d5d psrjx wavyl tuuss ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<svg class="n2l26 icbx8 bnmi1" xmlns="http://www.w3.org/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 rdqxy f9d5d psrjx wavyl tuuss ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<svg class="n2l26 icbx8 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 r2jif">
<!-- Button -->
<button type="button" class="flex enhxb items-center lwq0m x8hlq tuuss zqruk lk55v mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="r8a99">Send voice message</span>
</button>
<!-- End Button -->
<!-- Send Button -->
<button type="button" class="inline-flex n2l26 enhxb items-center x8hlq tuuss hw6xt mr9qs w3h0o o0y3u pgsi2 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden hzgeo dark:bg-blue-500 dark:hover:bg-blue-600 dark:focus:bg-blue-600">
<span class="r8a99">Send</span>
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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
nnchn nf9l7 ixagr pve7h
xdzn7 xp67g
hidden
fixed hg2lf aoum9 te8l0 zxmp1 ux1hp
zxv30 ezp48 yxawv
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="ux1hp flex flex-col">
<!-- Header -->
<div class="mi46d rht0b flex saet7 items-center xu4xz yxawv dark:border-neutral-800">
<span id="hs-pro-chtsdid2-label" class="block hysdx ejo46 dark:text-neutral-200">
Details
</span>
<!-- Close Button -->
<div class="absolute eawgn qpsld te8l0">
<button type="button" class="x8hlq inline-flex enhxb items-center u3ov7 mr9qs k9mkq je4jy zxv30 ejo46 p12pm focus:outline-hidden d10id 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="r8a99">Close</span>
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="ux1hp overflow-y-auto hm2m0 uqiuh b3ail ykfhs dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<div class="y3kub">
<!-- Title Input -->
<div class="">
<!-- Textarea -->
<textarea class="mi46d mgn98 block xp67g zxv30 je4jy lv0ng hysdx wqv3r rounded-0 q432g uvugb focus:outline-hidden rstw7 kx6kj xeklp 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 hm2m0 uqiuh b3ail ykfhs 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="eg6px">
<button type="button" class="hs-collapse-toggle hs-collapse-open:hidden hcvae u4s9n inline-flex items-center r2jif d5esf wavyl k9mkq yxawv zxv30 ejo46 ntfdl wsl5v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden u7q2f 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="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 xp67g overflow-hidden" aria-labelledby="hs-pro-chtddclid2">
<!-- Input -->
<div class="ukbyd">
<label for="hs-pro-chtddtxid2" class="block madsw hw6xt tuuss ejo46 dark:text-neutral-200">
Description
</label>
<textarea id="hs-pro-chtddtxid2" class="ur00w block xp67g yxawv wavyl tm0mx wqv3r st4vp isksk q432g 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 xu4xz a56pk dark:border-neutral-800 active" id="hs-pro-chtdbdid2">
<button type="button" class="hs-accordion-toggle y3kub yb79p xp67g flex saet7 items-center rdqxy ejo46 x23zt focus:outline-hidden l3jfy 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="tuuss hw6xt">Base details</span>
<svg class="hs-accordion-active:hidden block szmrd" xmlns="http://www.w3.org/2000/svg" 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 szmrd" xmlns="http://www.w3.org/2000/svg" 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 xp67g overflow-hidden transition-[height] ixagr" role="region" aria-labelledby="hs-pro-chtdbdid2">
<div class="rht0b q6ob7">
<!-- List Item -->
<dl class="hcvae flex items-center btgx5">
<dt class="xp67g ue6et">
<p class="inline-flex items-center u3ov7 d5esf z0e83 dark:text-neutral-500">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="dgznh xp67g">
<p class="inline-flex items-center r2jif hw6xt d5esf ejo46 dark:text-neutral-200">
#453891
</p>
</dd>
</dl>
<!-- End List Item -->
<!-- List Item -->
<dl class="hcvae flex items-center btgx5">
<dt class="xp67g ue6et">
<p class="inline-flex items-center u3ov7 d5esf z0e83 dark:text-neutral-500">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="dgznh xp67g">
<p class="inline-flex items-center r2jif hw6xt d5esf ejo46 dark:text-neutral-200">
<svg class="n2l26 bnmi1" 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="hcvae flex items-center btgx5">
<dt class="xp67g ue6et">
<p class="inline-flex items-center u3ov7 d5esf z0e83 dark:text-neutral-500">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="dgznh xp67g">
<!-- Dropdown Group -->
<div class="-ms-2 flex flex-wrap items-center n03hs">
<!-- Tag Dropdown -->
<div class="hs-dropdown relative inline-flex">
<button id="hs-pro-intbtwtaddid2_1" type="button" class="vj7px u4s9n group inline-flex items-center po4ac zxv30 k9mkq yxawv ejo46 d5esf wavyl wsl5v dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:border-neutral-700 dark:text-neutral-200">
<svg class="n2l26 bnmi1 u9tmt" xmlns="http://www.w3.org/2000/svg" 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 ft0gf transition-[opacity,margin] duration opacity-0 hidden h3jvs zxv30 mzy38 w9ar3 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="smvag space-y-0.5 xu4xz yxawv dark:border-neutral-800">
<button type="button" class="xp67g flex items-center rdqxy f9d5d l1xlu wavyl d5esf ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 xtvhj
</button>
<button type="button" class="xp67g flex items-center rdqxy f9d5d l1xlu wavyl d5esf ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="xp67g flex items-center rdqxy f9d5d l1xlu wavyl d5esf ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhsn">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="vj7px u4s9n group inline-flex items-center po4ac zxv30 k9mkq yxawv ejo46 d5esf wavyl wsl5v dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:border-neutral-700 dark:text-neutral-200">
<svg class="n2l26 bnmi1 iq13t" xmlns="http://www.w3.org/2000/svg" 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 ft0gf transition-[opacity,margin] duration opacity-0 hidden h3jvs zxv30 mzy38 w9ar3 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="smvag space-y-0.5 xu4xz yxawv dark:border-neutral-800">
<button type="button" class="xp67g flex items-center rdqxy f9d5d l1xlu wavyl d5esf ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 xtvhj
</button>
<button type="button" class="xp67g flex items-center rdqxy f9d5d l1xlu wavyl d5esf ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="xp67g flex items-center rdqxy f9d5d l1xlu wavyl d5esf ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhsn">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 xu4xz a56pk dark:border-neutral-800 active" id="hs-pro-chdstcc2">
<button type="button" class="hs-accordion-toggle y3kub yb79p xp67g flex saet7 items-center rdqxy ejo46 x23zt focus:outline-hidden l3jfy 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="tuuss hw6xt">Tickets</span>
<svg class="hs-accordion-active:hidden block szmrd" xmlns="http://www.w3.org/2000/svg" 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 szmrd" xmlns="http://www.w3.org/2000/svg" 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 xp67g overflow-hidden transition-[height] ixagr" role="region" aria-labelledby="hs-pro-chdstcc2">
<div class="rht0b q6ob7">
<!-- List Item -->
<dl class="hcvae flex btgx5">
<dt class="xp67g ue6et">
<label class="inline-flex items-center u3ov7 d5esf z0e83 dark:text-neutral-500">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="dgznh xp67g -mx-1">
<!-- Select -->
<select multiple data-hs-select='{
"placeholder": "Unassigned",
"dropdownClasses": "nqo4p q7724 xp67g cvoid rrqls smvag zxv30 k9mkq yxawv wavyl w9ar3 overflow-hidden overflow-y-auto hm2m0 uqiuh b3ail ykfhs 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": "hcvae u4s9n xp67g tuuss ejo46 cursor-pointer lk55v wavyl focus:outline-hidden rjc3l 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 xggui xp67g m8hmi tuuss",
"tagsItemTemplate": "<div class=\"flex flex-nowrap items-center relative dw07v zxv30 k9mkq yxawv mr9qs ukbyd mkl42 puxhz dark:bg-neutral-800 dark:border-neutral-700 \"><div class=\"n2l26 rekd6 b4uwt \" data-icon></div><div class=\"j8ti2 ejo46 dark:text-neutral-200 \" data-title></div><div class=\"inline-flex n2l26 enhxb items-center s1u6m djyey mr9qs ejo46 p12pm focus:outline-hidden d10id tuuss dark:hover:bg-neutral-700 dark:text-neutral-400 cursor-pointer \" data-remove><svg class=\"n2l26 br82p \" xmlns=\"http://www.w3.org/2000/svg\" 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": "ozqxb jvthl clfmf dgznh js4j3 hw6xt vq4ep wqv3r je4jy u4wxg jfhve outline-hidden cursor-pointer lk55v 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=\"n2l26 rekd6 tp1ru \" data-icon></div><div class=\"truncate \"><div class=\"tuuss ejo46 dark:text-neutral-200 \" data-title></div><div class=\"truncate on128 z0e83 dark:text-neutral-500 \" data-description></div></div><div class=\"ms-auto \"><span class=\"hidden hs-selected:block \"><svg class=\"n2l26 szmrd \" 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 n2l26 enhxb items-center rekd6 on128 dq2gi zp075 w3h0o dark:bg-neutral-600 mr9qs \">S</span>"
}'>Sarah Chen</option>
<option selected value="2" data-hs-select-option='{
"icon": "<img class=\"n2l26 mr9qs \" 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=\"n2l26 mr9qs \" 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 n2l26 enhxb items-center rekd6 on128 dq2gi hs5iv w3h0o mr9qs \">I</span>"
}'>Isabella Lauda</option>
<option value="5" data-hs-select-option='{
"icon": "<span class=\"inline-flex n2l26 enhxb items-center rekd6 on128 dq2gi b3nns w3h0o mr9qs \">C</span>"
}'>Christina Williams</option>
<option value="6" data-hs-select-option='{
"icon": "<img class=\"n2l26 mr9qs \" 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="hcvae flex items-center btgx5">
<dt class="xp67g ue6et">
<p class="inline-flex items-center u3ov7 d5esf z0e83 dark:text-neutral-500">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/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="dgznh xp67g">
<p class="hw6xt d5esf ejo46 dark:text-neutral-200">
October 7, 2024 1:24 PM
</p>
</dd>
</dl>
<!-- End List Item -->
<!-- List Item -->
<dl class="hcvae flex items-center btgx5">
<dt class="xp67g ue6et">
<p class="inline-flex items-center u3ov7 d5esf z0e83 dark:text-neutral-500">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/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="dgznh xp67g">
<div class="flex items-center r2jif">
<div class="relative szmrd">
<span class="flex n2l26 enhxb items-center szmrd on128 hw6xt dq2gi nullInitial.color mr9qs">
<svg class="n2l26 bnmi1" 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="dgznh truncate">
<p class="truncate hw6xt d5esf ejo46 dark:text-neutral-200">Inbox team</p>
</div>
</div>
</dd>
</dl>
<!-- End List Item -->
<!-- List Item -->
<dl class="hcvae flex items-center btgx5">
<dt class="xp67g ue6et">
<label for="hs-pro-in1ta2" class="inline-flex items-center u3ov7 d5esf z0e83 dark:text-neutral-500">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/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="dgznh xp67g -mx-1">
<input id="hs-pro-in1ta2" type="text" class="pzd9a jvthl block xp67g zxv30 lk55v je4jy clfmf vq4ep mqtpn wqv3r ejo46 fwe1v st4vp isksk disabled:opacity-50 disabled:pointer-events-none jfhve 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="hcvae flex items-center btgx5">
<dt class="xp67g ue6et">
<p class="inline-flex items-center u3ov7 d5esf z0e83 dark:text-neutral-500">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="dgznh xp67g -mx-1">
<!-- Input Form -->
<div class="flex items-center u3ov7">
<input id="hs-pro-chtdshi2" type="text" class="pzd9a jvthl block xp67g truncate zxv30 lk55v je4jy clfmf vq4ep mqtpn wqv3r fwe1v st4vp isksk disabled:opacity-50 disabled:pointer-events-none jfhve 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 bpgcz hs-tooltip rekd6 n2l26 inline-flex enhxb items-center u3ov7 clfmf ejo46 lk55v 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 n2l26 bnmi1" xmlns="http://www.w3.org/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 bnmi1" xmlns="http://www.w3.org/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 qdi5k hidden g4xt3 te8l0 hcvae u4s9n wi3fc on128 hw6xt w3h0o clfmf ntfdl 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 xu4xz a56pk dark:border-neutral-800 active" id="hs-pro-chtdudid2">
<button type="button" class="hs-accordion-toggle y3kub yb79p xp67g flex saet7 items-center rdqxy ejo46 x23zt focus:outline-hidden l3jfy 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="tuuss hw6xt">User data</span>
<svg class="hs-accordion-active:hidden block szmrd" xmlns="http://www.w3.org/2000/svg" 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 szmrd" xmlns="http://www.w3.org/2000/svg" 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 xp67g overflow-hidden transition-[height] ixagr" role="region" aria-labelledby="hs-pro-chtdudid2">
<div class="rht0b q6ob7">
<!-- List Item -->
<dl class="hcvae flex items-center btgx5">
<dt class="xp67g ue6et">
<p class="inline-flex items-center u3ov7 d5esf z0e83 dark:text-neutral-500">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="dgznh xp67g">
<p class="inline-flex items-center r2jif hw6xt d5esf ejo46 dark:text-neutral-200">
Bryan Wals
</p>
</dd>
</dl>
<!-- End List Item -->
<!-- List Item -->
<dl class="hcvae flex items-center btgx5">
<dt class="xp67g ue6et">
<p class="inline-flex items-center u3ov7 d5esf z0e83 dark:text-neutral-500">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="dgznh xp67g">
<p class="inline-flex items-center r2jif hw6xt d5esf ejo46 dark:text-neutral-200">
Brulgo
</p>
</dd>
</dl>
<!-- End List Item -->
<!-- List Item -->
<dl class="hcvae flex items-center btgx5">
<dt class="xp67g ue6et">
<p class="inline-flex items-center u3ov7 d5esf z0e83 dark:text-neutral-500">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="dgznh xp67g">
<p class="inline-flex items-center r2jif hw6xt d5esf ejo46 dark:text-neutral-200">
CA, US
</p>
</dd>
</dl>
<!-- End List Item -->
<!-- List Item -->
<dl class="hcvae flex items-center btgx5">
<dt class="xp67g ue6et">
<p class="inline-flex items-center u3ov7 d5esf z0e83 dark:text-neutral-500">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/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="dgznh xp67g">
<p class="inline-flex items-center r2jif hw6xt d5esf ejo46 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 xp67g overflow-hidden transition-[height] ixagr" aria-labelledby="hs-pro-chtdudsaid2">
<!-- List Item -->
<dl class="hcvae flex items-center btgx5">
<dt class="xp67g ue6et">
<p class="inline-flex items-center u3ov7 d5esf z0e83 dark:text-neutral-500">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="dgznh xp67g">
<p class="inline-flex items-center r2jif hw6xt d5esf ejo46 dark:text-neutral-200">
-
</p>
</dd>
</dl>
<!-- End List Item -->
</div>
<!-- End Show All Collapse -->
<button type="button" class="hs-collapse-toggle nqo4p inline-flex items-center r2jif hw6xt d5esf ejo46 x23zt focus:outline-hidden l3jfy 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 n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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 xu4xz a56pk dark:border-neutral-800 active" id="hs-pro-chtdpcid2">
<button type="button" class="hs-accordion-toggle y3kub yb79p xp67g flex saet7 items-center rdqxy ejo46 x23zt focus:outline-hidden l3jfy 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="tuuss hw6xt">Previous conversations</span>
<svg class="hs-accordion-active:hidden block szmrd" xmlns="http://www.w3.org/2000/svg" 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 szmrd" xmlns="http://www.w3.org/2000/svg" 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 xp67g overflow-hidden transition-[height] ixagr" role="region" aria-labelledby="hs-pro-chtdpcid2">
<div class="rht0b q6ob7">
<p class="d5esf z0e83 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 y3kub yb79p xp67g flex saet7 items-center rdqxy ejo46 x23zt focus:outline-hidden l3jfy 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="tuuss hw6xt">Shared media</span>
<svg class="hs-accordion-active:hidden block szmrd" xmlns="http://www.w3.org/2000/svg" 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 szmrd" xmlns="http://www.w3.org/2000/svg" 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 xp67g overflow-hidden transition-[height] ixagr" role="region" aria-labelledby="hs-pro-chtdshmid2">
<div class="rht0b q6ob7">
<p class="d5esf z0e83 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 fm3wm flex flex-col lokyk">
<!-- Chat Content -->
<div class="ux1hp ur00w nsv9d dta7e overflow-y-auto overflow-x-hidden hm2m0 uqiuh b3ail ykfhs dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<!-- Loading Indicator -->
<div class="ux1hp flex flex-col enhxb items-center cgjzl">
<span class="f9d5d inline-flex r2jif">
<span class="z859i g0adn mr9qs animate-[typing_1s_ease-in-out_infinite] dark:bg-neutral-200"></span>
<span class="z859i g0adn mr9qs animate-[typing_1s_ease-in-out_infinite_0.2s] dark:bg-neutral-200"></span>
<span class="z859i g0adn mr9qs animate-[typing_1s_ease-in-out_infinite_0.4s] dark:bg-neutral-200"></span>
</span>
<p class="eg6px tuuss z0e83 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
nnchn nf9l7 ixagr pve7h
xdzn7 xp67g
hidden
fixed hg2lf aoum9 te8l0 zxmp1 ux1hp
zxv30 ezp48 yxawv
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="ux1hp flex flex-col">
<!-- Header -->
<div class="mi46d rht0b flex saet7 items-center xu4xz yxawv dark:border-neutral-800">
<span id="hs-pro-chtsdid3-label" class="block hysdx ejo46 dark:text-neutral-200">
Details
</span>
<!-- Close Button -->
<div class="absolute eawgn qpsld te8l0">
<button type="button" class="x8hlq inline-flex enhxb items-center u3ov7 mr9qs k9mkq je4jy zxv30 ejo46 p12pm focus:outline-hidden d10id 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="r8a99">Close</span>
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="ux1hp overflow-y-auto hm2m0 uqiuh b3ail ykfhs dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<!-- Empty State -->
<div class="y3kub ux1hp flex flex-col enhxb items-center cgjzl">
<svg class="os8l9 mx-auto yknc9" 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="nadn9 dark:fill-neutral-800"/>
<rect x="27" y="50.5" width="124" height="39" rx="7.5" stroke="currentColor" class="crkpq dark:stroke-neutral-700/10"/>
<rect x="34.5" y="58" width="24" height="24" rx="12" fill="currentColor" class="cp46z dark:fill-neutral-700/30"/>
<rect x="66.5" y="61" width="60" height="6" rx="3" fill="currentColor" class="cp46z dark:fill-neutral-700/30"/>
<rect x="66.5" y="73" width="77" height="6" rx="3" fill="currentColor" class="cp46z dark:fill-neutral-700/30"/>
<rect x="19.5" y="28.5" width="139" height="39" rx="7.5" fill="currentColor" class="nadn9 dark:fill-neutral-800"/>
<rect x="19.5" y="28.5" width="139" height="39" rx="7.5" stroke="currentColor" class="ma5la dark:stroke-neutral-700/30"/>
<rect x="27" y="36" width="24" height="24" rx="12" fill="currentColor" class="d6oao dark:fill-neutral-700/70"/>
<rect x="59" y="39" width="60" height="6" rx="3" fill="currentColor" class="d6oao dark:fill-neutral-700/70"/>
<rect x="59" y="51" width="92" height="6" rx="3" fill="currentColor" class="d6oao dark:fill-neutral-700/70"/>
<g filter="url(#filter3)">
<rect x="12" y="6" width="154" height="40" rx="8" class="nadn9 dark:fill-neutral-800" shape-rendering="crispEdges"/>
<rect x="12.5" y="6.5" width="153" height="39" rx="7.5" stroke="currentColor" class="ma5la dark:stroke-neutral-700/60" shape-rendering="crispEdges"/>
<rect x="20" y="14" width="24" height="24" rx="12" fill="currentColor" class="kipiu dark:fill-neutral-700"/>
<rect x="52" y="17" width="60" height="6" rx="3" fill="currentColor" class="kipiu dark:fill-neutral-700"/>
<rect x="52" y="29" width="106" height="6" rx="3" fill="currentColor" class="kipiu 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="w3vk8 mx-auto qa7td">
<p class="nqo4p hw6xt ejo46 dark:text-neutral-200">
No tickets
</p>
<p class="ltzuf tuuss z0e83 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 fm3wm flex flex-col lokyk">
<!-- Chat Content -->
<div class="ux1hp ur00w nsv9d dta7e overflow-y-auto overflow-x-hidden hm2m0 uqiuh b3ail ykfhs dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<!-- Loading Indicator -->
<div class="ux1hp flex flex-col enhxb items-center cgjzl">
<span class="f9d5d inline-flex r2jif">
<span class="z859i g0adn mr9qs animate-[typing_1s_ease-in-out_infinite] dark:bg-neutral-200"></span>
<span class="z859i g0adn mr9qs animate-[typing_1s_ease-in-out_infinite_0.2s] dark:bg-neutral-200"></span>
<span class="z859i g0adn mr9qs animate-[typing_1s_ease-in-out_infinite_0.4s] dark:bg-neutral-200"></span>
</span>
<p class="eg6px tuuss z0e83 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
nnchn nf9l7 ixagr pve7h
xdzn7 xp67g
hidden
fixed hg2lf aoum9 te8l0 zxmp1 ux1hp
zxv30 ezp48 yxawv
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="ux1hp flex flex-col">
<!-- Header -->
<div class="mi46d rht0b flex saet7 items-center xu4xz yxawv dark:border-neutral-800">
<span id="hs-pro-chtsdid4-label" class="block hysdx ejo46 dark:text-neutral-200">
Details
</span>
<!-- Close Button -->
<div class="absolute eawgn qpsld te8l0">
<button type="button" class="x8hlq inline-flex enhxb items-center u3ov7 mr9qs k9mkq je4jy zxv30 ejo46 p12pm focus:outline-hidden d10id 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="r8a99">Close</span>
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="ux1hp overflow-y-auto hm2m0 uqiuh b3ail ykfhs dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<!-- Empty State -->
<div class="y3kub ux1hp flex flex-col enhxb items-center cgjzl">
<svg class="os8l9 mx-auto yknc9" 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="nadn9 dark:fill-neutral-800"/>
<rect x="27" y="50.5" width="124" height="39" rx="7.5" stroke="currentColor" class="crkpq dark:stroke-neutral-700/10"/>
<rect x="34.5" y="58" width="24" height="24" rx="12" fill="currentColor" class="cp46z dark:fill-neutral-700/30"/>
<rect x="66.5" y="61" width="60" height="6" rx="3" fill="currentColor" class="cp46z dark:fill-neutral-700/30"/>
<rect x="66.5" y="73" width="77" height="6" rx="3" fill="currentColor" class="cp46z dark:fill-neutral-700/30"/>
<rect x="19.5" y="28.5" width="139" height="39" rx="7.5" fill="currentColor" class="nadn9 dark:fill-neutral-800"/>
<rect x="19.5" y="28.5" width="139" height="39" rx="7.5" stroke="currentColor" class="ma5la dark:stroke-neutral-700/30"/>
<rect x="27" y="36" width="24" height="24" rx="12" fill="currentColor" class="d6oao dark:fill-neutral-700/70"/>
<rect x="59" y="39" width="60" height="6" rx="3" fill="currentColor" class="d6oao dark:fill-neutral-700/70"/>
<rect x="59" y="51" width="92" height="6" rx="3" fill="currentColor" class="d6oao dark:fill-neutral-700/70"/>
<g filter="url(#filter4)">
<rect x="12" y="6" width="154" height="40" rx="8" class="nadn9 dark:fill-neutral-800" shape-rendering="crispEdges"/>
<rect x="12.5" y="6.5" width="153" height="39" rx="7.5" stroke="currentColor" class="ma5la dark:stroke-neutral-700/60" shape-rendering="crispEdges"/>
<rect x="20" y="14" width="24" height="24" rx="12" fill="currentColor" class="kipiu dark:fill-neutral-700"/>
<rect x="52" y="17" width="60" height="6" rx="3" fill="currentColor" class="kipiu dark:fill-neutral-700"/>
<rect x="52" y="29" width="106" height="6" rx="3" fill="currentColor" class="kipiu 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="w3vk8 mx-auto qa7td">
<p class="nqo4p hw6xt ejo46 dark:text-neutral-200">
No tickets
</p>
<p class="ltzuf tuuss z0e83 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 fm3wm flex flex-col lokyk">
<!-- Chat Content -->
<div class="ux1hp ur00w nsv9d dta7e overflow-y-auto overflow-x-hidden hm2m0 uqiuh b3ail ykfhs dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<!-- Loading Indicator -->
<div class="ux1hp flex flex-col enhxb items-center cgjzl">
<span class="f9d5d inline-flex r2jif">
<span class="z859i g0adn mr9qs animate-[typing_1s_ease-in-out_infinite] dark:bg-neutral-200"></span>
<span class="z859i g0adn mr9qs animate-[typing_1s_ease-in-out_infinite_0.2s] dark:bg-neutral-200"></span>
<span class="z859i g0adn mr9qs animate-[typing_1s_ease-in-out_infinite_0.4s] dark:bg-neutral-200"></span>
</span>
<p class="eg6px tuuss z0e83 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
nnchn nf9l7 ixagr pve7h
xdzn7 xp67g
hidden
fixed hg2lf aoum9 te8l0 zxmp1 ux1hp
zxv30 ezp48 yxawv
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="ux1hp flex flex-col">
<!-- Header -->
<div class="mi46d rht0b flex saet7 items-center xu4xz yxawv dark:border-neutral-800">
<span id="hs-pro-chtsdid5-label" class="block hysdx ejo46 dark:text-neutral-200">
Details
</span>
<!-- Close Button -->
<div class="absolute eawgn qpsld te8l0">
<button type="button" class="x8hlq inline-flex enhxb items-center u3ov7 mr9qs k9mkq je4jy zxv30 ejo46 p12pm focus:outline-hidden d10id 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="r8a99">Close</span>
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="ux1hp overflow-y-auto hm2m0 uqiuh b3ail ykfhs dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<!-- Empty State -->
<div class="y3kub ux1hp flex flex-col enhxb items-center cgjzl">
<svg class="os8l9 mx-auto yknc9" 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="nadn9 dark:fill-neutral-800"/>
<rect x="27" y="50.5" width="124" height="39" rx="7.5" stroke="currentColor" class="crkpq dark:stroke-neutral-700/10"/>
<rect x="34.5" y="58" width="24" height="24" rx="12" fill="currentColor" class="cp46z dark:fill-neutral-700/30"/>
<rect x="66.5" y="61" width="60" height="6" rx="3" fill="currentColor" class="cp46z dark:fill-neutral-700/30"/>
<rect x="66.5" y="73" width="77" height="6" rx="3" fill="currentColor" class="cp46z dark:fill-neutral-700/30"/>
<rect x="19.5" y="28.5" width="139" height="39" rx="7.5" fill="currentColor" class="nadn9 dark:fill-neutral-800"/>
<rect x="19.5" y="28.5" width="139" height="39" rx="7.5" stroke="currentColor" class="ma5la dark:stroke-neutral-700/30"/>
<rect x="27" y="36" width="24" height="24" rx="12" fill="currentColor" class="d6oao dark:fill-neutral-700/70"/>
<rect x="59" y="39" width="60" height="6" rx="3" fill="currentColor" class="d6oao dark:fill-neutral-700/70"/>
<rect x="59" y="51" width="92" height="6" rx="3" fill="currentColor" class="d6oao dark:fill-neutral-700/70"/>
<g filter="url(#filter5)">
<rect x="12" y="6" width="154" height="40" rx="8" class="nadn9 dark:fill-neutral-800" shape-rendering="crispEdges"/>
<rect x="12.5" y="6.5" width="153" height="39" rx="7.5" stroke="currentColor" class="ma5la dark:stroke-neutral-700/60" shape-rendering="crispEdges"/>
<rect x="20" y="14" width="24" height="24" rx="12" fill="currentColor" class="kipiu dark:fill-neutral-700"/>
<rect x="52" y="17" width="60" height="6" rx="3" fill="currentColor" class="kipiu dark:fill-neutral-700"/>
<rect x="52" y="29" width="106" height="6" rx="3" fill="currentColor" class="kipiu 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="w3vk8 mx-auto qa7td">
<p class="nqo4p hw6xt ejo46 dark:text-neutral-200">
No tickets
</p>
<p class="ltzuf tuuss z0e83 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 fm3wm flex flex-col lokyk">
<!-- Chat Content -->
<div class="ux1hp ur00w nsv9d dta7e overflow-y-auto overflow-x-hidden hm2m0 uqiuh b3ail ykfhs dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<!-- Loading Indicator -->
<div class="ux1hp flex flex-col enhxb items-center cgjzl">
<span class="f9d5d inline-flex r2jif">
<span class="z859i g0adn mr9qs animate-[typing_1s_ease-in-out_infinite] dark:bg-neutral-200"></span>
<span class="z859i g0adn mr9qs animate-[typing_1s_ease-in-out_infinite_0.2s] dark:bg-neutral-200"></span>
<span class="z859i g0adn mr9qs animate-[typing_1s_ease-in-out_infinite_0.4s] dark:bg-neutral-200"></span>
</span>
<p class="eg6px tuuss z0e83 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
nnchn nf9l7 ixagr pve7h
xdzn7 xp67g
hidden
fixed hg2lf aoum9 te8l0 zxmp1 ux1hp
zxv30 ezp48 yxawv
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="ux1hp flex flex-col">
<!-- Header -->
<div class="mi46d rht0b flex saet7 items-center xu4xz yxawv dark:border-neutral-800">
<span id="hs-pro-chtsdid6-label" class="block hysdx ejo46 dark:text-neutral-200">
Details
</span>
<!-- Close Button -->
<div class="absolute eawgn qpsld te8l0">
<button type="button" class="x8hlq inline-flex enhxb items-center u3ov7 mr9qs k9mkq je4jy zxv30 ejo46 p12pm focus:outline-hidden d10id 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="r8a99">Close</span>
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="ux1hp overflow-y-auto hm2m0 uqiuh b3ail ykfhs dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<!-- Empty State -->
<div class="y3kub ux1hp flex flex-col enhxb items-center cgjzl">
<svg class="os8l9 mx-auto yknc9" 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="nadn9 dark:fill-neutral-800"/>
<rect x="27" y="50.5" width="124" height="39" rx="7.5" stroke="currentColor" class="crkpq dark:stroke-neutral-700/10"/>
<rect x="34.5" y="58" width="24" height="24" rx="12" fill="currentColor" class="cp46z dark:fill-neutral-700/30"/>
<rect x="66.5" y="61" width="60" height="6" rx="3" fill="currentColor" class="cp46z dark:fill-neutral-700/30"/>
<rect x="66.5" y="73" width="77" height="6" rx="3" fill="currentColor" class="cp46z dark:fill-neutral-700/30"/>
<rect x="19.5" y="28.5" width="139" height="39" rx="7.5" fill="currentColor" class="nadn9 dark:fill-neutral-800"/>
<rect x="19.5" y="28.5" width="139" height="39" rx="7.5" stroke="currentColor" class="ma5la dark:stroke-neutral-700/30"/>
<rect x="27" y="36" width="24" height="24" rx="12" fill="currentColor" class="d6oao dark:fill-neutral-700/70"/>
<rect x="59" y="39" width="60" height="6" rx="3" fill="currentColor" class="d6oao dark:fill-neutral-700/70"/>
<rect x="59" y="51" width="92" height="6" rx="3" fill="currentColor" class="d6oao dark:fill-neutral-700/70"/>
<g filter="url(#filter6)">
<rect x="12" y="6" width="154" height="40" rx="8" class="nadn9 dark:fill-neutral-800" shape-rendering="crispEdges"/>
<rect x="12.5" y="6.5" width="153" height="39" rx="7.5" stroke="currentColor" class="ma5la dark:stroke-neutral-700/60" shape-rendering="crispEdges"/>
<rect x="20" y="14" width="24" height="24" rx="12" fill="currentColor" class="kipiu dark:fill-neutral-700"/>
<rect x="52" y="17" width="60" height="6" rx="3" fill="currentColor" class="kipiu dark:fill-neutral-700"/>
<rect x="52" y="29" width="106" height="6" rx="3" fill="currentColor" class="kipiu 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="w3vk8 mx-auto qa7td">
<p class="nqo4p hw6xt ejo46 dark:text-neutral-200">
No tickets
</p>
<p class="ltzuf tuuss z0e83 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 fm3wm flex flex-col lokyk">
<!-- Chat Content -->
<div class="ux1hp ur00w nsv9d dta7e overflow-y-auto overflow-x-hidden hm2m0 uqiuh b3ail ykfhs dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<!-- Loading Indicator -->
<div class="ux1hp flex flex-col enhxb items-center cgjzl">
<span class="f9d5d inline-flex r2jif">
<span class="z859i g0adn mr9qs animate-[typing_1s_ease-in-out_infinite] dark:bg-neutral-200"></span>
<span class="z859i g0adn mr9qs animate-[typing_1s_ease-in-out_infinite_0.2s] dark:bg-neutral-200"></span>
<span class="z859i g0adn mr9qs animate-[typing_1s_ease-in-out_infinite_0.4s] dark:bg-neutral-200"></span>
</span>
<p class="eg6px tuuss z0e83 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
nnchn nf9l7 ixagr pve7h
xdzn7 xp67g
hidden
fixed hg2lf aoum9 te8l0 zxmp1 ux1hp
zxv30 ezp48 yxawv
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="ux1hp flex flex-col">
<!-- Header -->
<div class="mi46d rht0b flex saet7 items-center xu4xz yxawv dark:border-neutral-800">
<span id="hs-pro-chtsdid7-label" class="block hysdx ejo46 dark:text-neutral-200">
Details
</span>
<!-- Close Button -->
<div class="absolute eawgn qpsld te8l0">
<button type="button" class="x8hlq inline-flex enhxb items-center u3ov7 mr9qs k9mkq je4jy zxv30 ejo46 p12pm focus:outline-hidden d10id 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="r8a99">Close</span>
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="ux1hp overflow-y-auto hm2m0 uqiuh b3ail ykfhs dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<!-- Empty State -->
<div class="y3kub ux1hp flex flex-col enhxb items-center cgjzl">
<svg class="os8l9 mx-auto yknc9" 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="nadn9 dark:fill-neutral-800"/>
<rect x="27" y="50.5" width="124" height="39" rx="7.5" stroke="currentColor" class="crkpq dark:stroke-neutral-700/10"/>
<rect x="34.5" y="58" width="24" height="24" rx="12" fill="currentColor" class="cp46z dark:fill-neutral-700/30"/>
<rect x="66.5" y="61" width="60" height="6" rx="3" fill="currentColor" class="cp46z dark:fill-neutral-700/30"/>
<rect x="66.5" y="73" width="77" height="6" rx="3" fill="currentColor" class="cp46z dark:fill-neutral-700/30"/>
<rect x="19.5" y="28.5" width="139" height="39" rx="7.5" fill="currentColor" class="nadn9 dark:fill-neutral-800"/>
<rect x="19.5" y="28.5" width="139" height="39" rx="7.5" stroke="currentColor" class="ma5la dark:stroke-neutral-700/30"/>
<rect x="27" y="36" width="24" height="24" rx="12" fill="currentColor" class="d6oao dark:fill-neutral-700/70"/>
<rect x="59" y="39" width="60" height="6" rx="3" fill="currentColor" class="d6oao dark:fill-neutral-700/70"/>
<rect x="59" y="51" width="92" height="6" rx="3" fill="currentColor" class="d6oao dark:fill-neutral-700/70"/>
<g filter="url(#filter7)">
<rect x="12" y="6" width="154" height="40" rx="8" class="nadn9 dark:fill-neutral-800" shape-rendering="crispEdges"/>
<rect x="12.5" y="6.5" width="153" height="39" rx="7.5" stroke="currentColor" class="ma5la dark:stroke-neutral-700/60" shape-rendering="crispEdges"/>
<rect x="20" y="14" width="24" height="24" rx="12" fill="currentColor" class="kipiu dark:fill-neutral-700"/>
<rect x="52" y="17" width="60" height="6" rx="3" fill="currentColor" class="kipiu dark:fill-neutral-700"/>
<rect x="52" y="29" width="106" height="6" rx="3" fill="currentColor" class="kipiu 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="w3vk8 mx-auto qa7td">
<p class="nqo4p hw6xt ejo46 dark:text-neutral-200">
No tickets
</p>
<p class="ltzuf tuuss z0e83 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 fm3wm flex flex-col lokyk">
<!-- Chat Content -->
<div class="ux1hp ur00w nsv9d dta7e overflow-y-auto overflow-x-hidden hm2m0 uqiuh b3ail ykfhs dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<!-- Loading Indicator -->
<div class="ux1hp flex flex-col enhxb items-center cgjzl">
<span class="f9d5d inline-flex r2jif">
<span class="z859i g0adn mr9qs animate-[typing_1s_ease-in-out_infinite] dark:bg-neutral-200"></span>
<span class="z859i g0adn mr9qs animate-[typing_1s_ease-in-out_infinite_0.2s] dark:bg-neutral-200"></span>
<span class="z859i g0adn mr9qs animate-[typing_1s_ease-in-out_infinite_0.4s] dark:bg-neutral-200"></span>
</span>
<p class="eg6px tuuss z0e83 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
nnchn nf9l7 ixagr pve7h
xdzn7 xp67g
hidden
fixed hg2lf aoum9 te8l0 zxmp1 ux1hp
zxv30 ezp48 yxawv
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="ux1hp flex flex-col">
<!-- Header -->
<div class="mi46d rht0b flex saet7 items-center xu4xz yxawv dark:border-neutral-800">
<span id="hs-pro-chtsdid8-label" class="block hysdx ejo46 dark:text-neutral-200">
Details
</span>
<!-- Close Button -->
<div class="absolute eawgn qpsld te8l0">
<button type="button" class="x8hlq inline-flex enhxb items-center u3ov7 mr9qs k9mkq je4jy zxv30 ejo46 p12pm focus:outline-hidden d10id 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="r8a99">Close</span>
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="ux1hp overflow-y-auto hm2m0 uqiuh b3ail ykfhs dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<!-- Empty State -->
<div class="y3kub ux1hp flex flex-col enhxb items-center cgjzl">
<svg class="os8l9 mx-auto yknc9" 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="nadn9 dark:fill-neutral-800"/>
<rect x="27" y="50.5" width="124" height="39" rx="7.5" stroke="currentColor" class="crkpq dark:stroke-neutral-700/10"/>
<rect x="34.5" y="58" width="24" height="24" rx="12" fill="currentColor" class="cp46z dark:fill-neutral-700/30"/>
<rect x="66.5" y="61" width="60" height="6" rx="3" fill="currentColor" class="cp46z dark:fill-neutral-700/30"/>
<rect x="66.5" y="73" width="77" height="6" rx="3" fill="currentColor" class="cp46z dark:fill-neutral-700/30"/>
<rect x="19.5" y="28.5" width="139" height="39" rx="7.5" fill="currentColor" class="nadn9 dark:fill-neutral-800"/>
<rect x="19.5" y="28.5" width="139" height="39" rx="7.5" stroke="currentColor" class="ma5la dark:stroke-neutral-700/30"/>
<rect x="27" y="36" width="24" height="24" rx="12" fill="currentColor" class="d6oao dark:fill-neutral-700/70"/>
<rect x="59" y="39" width="60" height="6" rx="3" fill="currentColor" class="d6oao dark:fill-neutral-700/70"/>
<rect x="59" y="51" width="92" height="6" rx="3" fill="currentColor" class="d6oao dark:fill-neutral-700/70"/>
<g filter="url(#filter8)">
<rect x="12" y="6" width="154" height="40" rx="8" class="nadn9 dark:fill-neutral-800" shape-rendering="crispEdges"/>
<rect x="12.5" y="6.5" width="153" height="39" rx="7.5" stroke="currentColor" class="ma5la dark:stroke-neutral-700/60" shape-rendering="crispEdges"/>
<rect x="20" y="14" width="24" height="24" rx="12" fill="currentColor" class="kipiu dark:fill-neutral-700"/>
<rect x="52" y="17" width="60" height="6" rx="3" fill="currentColor" class="kipiu dark:fill-neutral-700"/>
<rect x="52" y="29" width="106" height="6" rx="3" fill="currentColor" class="kipiu 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="w3vk8 mx-auto qa7td">
<p class="nqo4p hw6xt ejo46 dark:text-neutral-200">
No tickets
</p>
<p class="ltzuf tuuss z0e83 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 fm3wm flex flex-col lokyk">
<!-- Chat Content -->
<div class="ux1hp ur00w nsv9d dta7e overflow-y-auto overflow-x-hidden hm2m0 uqiuh b3ail ykfhs dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<!-- Loading Indicator -->
<div class="ux1hp flex flex-col enhxb items-center cgjzl">
<span class="f9d5d inline-flex r2jif">
<span class="z859i g0adn mr9qs animate-[typing_1s_ease-in-out_infinite] dark:bg-neutral-200"></span>
<span class="z859i g0adn mr9qs animate-[typing_1s_ease-in-out_infinite_0.2s] dark:bg-neutral-200"></span>
<span class="z859i g0adn mr9qs animate-[typing_1s_ease-in-out_infinite_0.4s] dark:bg-neutral-200"></span>
</span>
<p class="eg6px tuuss z0e83 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
nnchn nf9l7 ixagr pve7h
xdzn7 xp67g
hidden
fixed hg2lf aoum9 te8l0 zxmp1 ux1hp
zxv30 ezp48 yxawv
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="ux1hp flex flex-col">
<!-- Header -->
<div class="mi46d rht0b flex saet7 items-center xu4xz yxawv dark:border-neutral-800">
<span id="hs-pro-chtsdid9-label" class="block hysdx ejo46 dark:text-neutral-200">
Details
</span>
<!-- Close Button -->
<div class="absolute eawgn qpsld te8l0">
<button type="button" class="x8hlq inline-flex enhxb items-center u3ov7 mr9qs k9mkq je4jy zxv30 ejo46 p12pm focus:outline-hidden d10id 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="r8a99">Close</span>
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="ux1hp overflow-y-auto hm2m0 uqiuh b3ail ykfhs dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<!-- Empty State -->
<div class="y3kub ux1hp flex flex-col enhxb items-center cgjzl">
<svg class="os8l9 mx-auto yknc9" 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="nadn9 dark:fill-neutral-800"/>
<rect x="27" y="50.5" width="124" height="39" rx="7.5" stroke="currentColor" class="crkpq dark:stroke-neutral-700/10"/>
<rect x="34.5" y="58" width="24" height="24" rx="12" fill="currentColor" class="cp46z dark:fill-neutral-700/30"/>
<rect x="66.5" y="61" width="60" height="6" rx="3" fill="currentColor" class="cp46z dark:fill-neutral-700/30"/>
<rect x="66.5" y="73" width="77" height="6" rx="3" fill="currentColor" class="cp46z dark:fill-neutral-700/30"/>
<rect x="19.5" y="28.5" width="139" height="39" rx="7.5" fill="currentColor" class="nadn9 dark:fill-neutral-800"/>
<rect x="19.5" y="28.5" width="139" height="39" rx="7.5" stroke="currentColor" class="ma5la dark:stroke-neutral-700/30"/>
<rect x="27" y="36" width="24" height="24" rx="12" fill="currentColor" class="d6oao dark:fill-neutral-700/70"/>
<rect x="59" y="39" width="60" height="6" rx="3" fill="currentColor" class="d6oao dark:fill-neutral-700/70"/>
<rect x="59" y="51" width="92" height="6" rx="3" fill="currentColor" class="d6oao dark:fill-neutral-700/70"/>
<g filter="url(#filter9)">
<rect x="12" y="6" width="154" height="40" rx="8" class="nadn9 dark:fill-neutral-800" shape-rendering="crispEdges"/>
<rect x="12.5" y="6.5" width="153" height="39" rx="7.5" stroke="currentColor" class="ma5la dark:stroke-neutral-700/60" shape-rendering="crispEdges"/>
<rect x="20" y="14" width="24" height="24" rx="12" fill="currentColor" class="kipiu dark:fill-neutral-700"/>
<rect x="52" y="17" width="60" height="6" rx="3" fill="currentColor" class="kipiu dark:fill-neutral-700"/>
<rect x="52" y="29" width="106" height="6" rx="3" fill="currentColor" class="kipiu 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="w3vk8 mx-auto qa7td">
<p class="nqo4p hw6xt ejo46 dark:text-neutral-200">
No tickets
</p>
<p class="ltzuf tuuss z0e83 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 fm3wm flex flex-col lokyk">
<!-- Chat Content -->
<div class="ux1hp ur00w nsv9d dta7e overflow-y-auto overflow-x-hidden hm2m0 uqiuh b3ail ykfhs dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<!-- Loading Indicator -->
<div class="ux1hp flex flex-col enhxb items-center cgjzl">
<span class="f9d5d inline-flex r2jif">
<span class="z859i g0adn mr9qs animate-[typing_1s_ease-in-out_infinite] dark:bg-neutral-200"></span>
<span class="z859i g0adn mr9qs animate-[typing_1s_ease-in-out_infinite_0.2s] dark:bg-neutral-200"></span>
<span class="z859i g0adn mr9qs animate-[typing_1s_ease-in-out_infinite_0.4s] dark:bg-neutral-200"></span>
</span>
<p class="eg6px tuuss z0e83 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
nnchn nf9l7 ixagr pve7h
xdzn7 xp67g
hidden
fixed hg2lf aoum9 te8l0 zxmp1 ux1hp
zxv30 ezp48 yxawv
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="ux1hp flex flex-col">
<!-- Header -->
<div class="mi46d rht0b flex saet7 items-center xu4xz yxawv dark:border-neutral-800">
<span id="hs-pro-chtsdid10-label" class="block hysdx ejo46 dark:text-neutral-200">
Details
</span>
<!-- Close Button -->
<div class="absolute eawgn qpsld te8l0">
<button type="button" class="x8hlq inline-flex enhxb items-center u3ov7 mr9qs k9mkq je4jy zxv30 ejo46 p12pm focus:outline-hidden d10id 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="r8a99">Close</span>
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="ux1hp overflow-y-auto hm2m0 uqiuh b3ail ykfhs dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<!-- Empty State -->
<div class="y3kub ux1hp flex flex-col enhxb items-center cgjzl">
<svg class="os8l9 mx-auto yknc9" 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="nadn9 dark:fill-neutral-800"/>
<rect x="27" y="50.5" width="124" height="39" rx="7.5" stroke="currentColor" class="crkpq dark:stroke-neutral-700/10"/>
<rect x="34.5" y="58" width="24" height="24" rx="12" fill="currentColor" class="cp46z dark:fill-neutral-700/30"/>
<rect x="66.5" y="61" width="60" height="6" rx="3" fill="currentColor" class="cp46z dark:fill-neutral-700/30"/>
<rect x="66.5" y="73" width="77" height="6" rx="3" fill="currentColor" class="cp46z dark:fill-neutral-700/30"/>
<rect x="19.5" y="28.5" width="139" height="39" rx="7.5" fill="currentColor" class="nadn9 dark:fill-neutral-800"/>
<rect x="19.5" y="28.5" width="139" height="39" rx="7.5" stroke="currentColor" class="ma5la dark:stroke-neutral-700/30"/>
<rect x="27" y="36" width="24" height="24" rx="12" fill="currentColor" class="d6oao dark:fill-neutral-700/70"/>
<rect x="59" y="39" width="60" height="6" rx="3" fill="currentColor" class="d6oao dark:fill-neutral-700/70"/>
<rect x="59" y="51" width="92" height="6" rx="3" fill="currentColor" class="d6oao dark:fill-neutral-700/70"/>
<g filter="url(#filter10)">
<rect x="12" y="6" width="154" height="40" rx="8" class="nadn9 dark:fill-neutral-800" shape-rendering="crispEdges"/>
<rect x="12.5" y="6.5" width="153" height="39" rx="7.5" stroke="currentColor" class="ma5la dark:stroke-neutral-700/60" shape-rendering="crispEdges"/>
<rect x="20" y="14" width="24" height="24" rx="12" fill="currentColor" class="kipiu dark:fill-neutral-700"/>
<rect x="52" y="17" width="60" height="6" rx="3" fill="currentColor" class="kipiu dark:fill-neutral-700"/>
<rect x="52" y="29" width="106" height="6" rx="3" fill="currentColor" class="kipiu 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="w3vk8 mx-auto qa7td">
<p class="nqo4p hw6xt ejo46 dark:text-neutral-200">
No tickets
</p>
<p class="ltzuf tuuss z0e83 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 kquz2 fixed zxmp1 a98ho c61v5 overflow-x-hidden overflow-y-auto [--close-when-click-inside:true] n8854" 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 p1xgh opacity-0 bx2ni nf9l7 ei8tj hweyy oxtl1 sm:mx-auto h-[calc(100%-56px)] min-h-[calc(100%-56px)] flex items-center">
<div class="xp67g hx6ns overflow-hidden flex flex-col zxv30 mzy38 pointer-events-auto x32l5 dark:bg-neutral-800">
<!-- Header -->
<div class="u3poc gjk1t flex saet7 items-center xu4xz yxawv dark:border-neutral-700">
<h3 id="hs-pro-chhtgm-label" class="hw6xt ejo46 dark:text-neutral-200">
Tags
</h3>
<button type="button" class="x8hlq n2l26 flex enhxb items-center u3ov7 mr9qs k9mkq je4jy gxtht ejo46 p12pm disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden d10id 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="r8a99">Close</span>
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="smvag madsw">
<div class="relative">
<div class="absolute evdk4 a98ho flex items-center n8854 mjppw eaq9a">
<svg class="n2l26 bnmi1 lqxom 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="hcvae mllma ctqfm block xp67g gxtht je4jy clfmf tm0mx vydgp focus:outline-hidden st4vp isksk fwe1v 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 evdk4 aoum9 flex items-center mjppw svb23">
<button type="button" class="inline-flex n2l26 enhxb items-center rekd6 mr9qs z0e83 hmpqz focus:outline-hidden rdx35 dark:text-neutral-500 dark:hover:text-blue-500 dark:focus:text-blue-500" aria-label="Close">
<span class="r8a99">Close</span>
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/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="smvag l5601 overflow-y-auto hm2m0 uqiuh b3ail ykfhs dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<div>
<span class="madsw l1xlu block on128 z0e83 dark:text-neutral-500">
All tags
</span>
<!-- Tags List -->
<div class="space-y-1">
<div class="flex saet7 items-center f9d5d l1xlu cursor-pointer wavyl lk55v 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 j2p6t cursor-pointer d5esf ejo46 dark:text-neutral-300">
<svg class="n2l26 bnmi1 z0e83 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="n2l26 szmrd sga4h rlapk j28t5 isksk 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 saet7 items-center f9d5d l1xlu cursor-pointer wavyl lk55v 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 j2p6t cursor-pointer d5esf ejo46 dark:text-neutral-300">
<svg class="n2l26 bnmi1 u9tmt" xmlns="http://www.w3.org/2000/svg" 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 n2l26 br82p z0e83 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 g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl j8ti2 dark:bg-neutral-700" role="tooltip">
Private xtvhj
</span>
</span>
</label>
<input type="checkbox" class="n2l26 szmrd sga4h rlapk j28t5 isksk 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 saet7 items-center f9d5d l1xlu cursor-pointer wavyl lk55v 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 j2p6t cursor-pointer d5esf ejo46 dark:text-neutral-300">
<svg class="n2l26 bnmi1 iq13t" xmlns="http://www.w3.org/2000/svg" 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="n2l26 szmrd sga4h rlapk j28t5 isksk 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 saet7 items-center f9d5d l1xlu cursor-pointer wavyl lk55v 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 j2p6t cursor-pointer d5esf ejo46 dark:text-neutral-300">
<svg class="n2l26 bnmi1 c42h6" xmlns="http://www.w3.org/2000/svg" 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="n2l26 szmrd sga4h rlapk j28t5 isksk 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 saet7 items-center f9d5d l1xlu cursor-pointer wavyl lk55v 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 j2p6t cursor-pointer d5esf ejo46 dark:text-neutral-300">
<svg class="n2l26 bnmi1 z0e83 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 n2l26 br82p z0e83 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 g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl j8ti2 dark:bg-neutral-700" role="tooltip">
Private xtvhj
</span>
</span>
</label>
<input type="checkbox" class="n2l26 szmrd sga4h rlapk j28t5 isksk 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 saet7 items-center f9d5d l1xlu cursor-pointer wavyl lk55v 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 j2p6t cursor-pointer d5esf ejo46 dark:text-neutral-300">
<svg class="n2l26 bnmi1 z0e83 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 n2l26 br82p z0e83 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 g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl j8ti2 dark:bg-neutral-700" role="tooltip">
Private xtvhj
</span>
</span>
</label>
<input type="checkbox" class="n2l26 szmrd sga4h rlapk j28t5 isksk 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 saet7 items-center f9d5d l1xlu cursor-pointer wavyl lk55v 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 j2p6t cursor-pointer d5esf ejo46 dark:text-neutral-300">
<svg class="n2l26 bnmi1 kz6jf" xmlns="http://www.w3.org/2000/svg" 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="n2l26 szmrd sga4h rlapk j28t5 isksk 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="smvag jhbd9 yxawv dark:border-neutral-700">
<button type="button" class="hs-dropdown-close xp67g inline-flex enhxb items-center lwq0m hxfjh psrjx hw6xt on128 wavyl k9mkq je4jy zxv30 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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 xtvhj
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 kquz2 fixed zxmp1 a98ho c61v5 overflow-x-hidden overflow-y-auto [--close-when-click-inside:true] n8854" 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 p1xgh opacity-0 bx2ni nf9l7 ei8tj hweyy oxtl1 sm:mx-auto h-[calc(100%-56px)] min-h-[calc(100%-56px)] flex items-center">
<div class="xp67g hx6ns overflow-hidden flex flex-col zxv30 mzy38 pointer-events-auto x32l5 dark:bg-neutral-800">
<!-- Header -->
<div class="mi46d gjk1t flex saet7 items-center xu4xz yxawv dark:border-neutral-700">
<h3 id="hs-pro-chhcntm-label" class="hysdx ejo46 dark:text-neutral-200">
Create new xtvhj
</h3>
<button type="button" class="x8hlq inline-flex enhxb items-center u3ov7 mr9qs k9mkq je4jy gxtht ejo46 p12pm focus:outline-hidden d10id 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="r8a99">Close</span>
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="jhb8q vyrd1 overflow-y-auto hm2m0 uqiuh b3ail ykfhs dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<!-- Input -->
<div>
<label for="hs-pro-chhcntmnm" class="madsw block tuuss hw6xt ejo46 dark:text-neutral-200">
Name
</label>
<input id="hs-pro-chhcntmnm" type="text" class="hxfjh l1xlu block xp67g yxawv wavyl tm0mx wqv3r jgd2f st4vp isksk 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="m2002">
<legend class="madsw tuuss hw6xt ejo46 dark:text-neutral-200">
Colors
</legend>
<div class="flex flex-wrap jrgs3">
<div class="group flex n2l26 enhxb items-center rekd6 cursor-pointer mr9qs plrar 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 n2l26 szmrd cursor-pointer w3h0o" 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="r8a99">Gray</span>
</label>
</div>
<div class="group flex n2l26 enhxb items-center rekd6 cursor-pointer mr9qs klnns 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 n2l26 szmrd cursor-pointer w3h0o" 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="r8a99">Red</span>
</label>
</div>
<div class="group flex n2l26 enhxb items-center rekd6 cursor-pointer mr9qs b3nns 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 n2l26 szmrd cursor-pointer w3h0o" 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="r8a99">Orange</span>
</label>
</div>
<div class="group flex n2l26 enhxb items-center rekd6 cursor-pointer mr9qs hajb3 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 n2l26 szmrd cursor-pointer w3h0o" 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="r8a99">Yellow</span>
</label>
</div>
<div class="group flex n2l26 enhxb items-center rekd6 cursor-pointer mr9qs y56jy 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 n2l26 szmrd cursor-pointer w3h0o" 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="r8a99">Green</span>
</label>
</div>
<div class="group flex n2l26 enhxb items-center rekd6 cursor-pointer mr9qs mmvqx 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 n2l26 szmrd cursor-pointer w3h0o" 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="r8a99">Blue</span>
</label>
</div>
<div class="group flex n2l26 enhxb items-center rekd6 cursor-pointer mr9qs buldq 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 n2l26 szmrd cursor-pointer w3h0o" 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="r8a99">Pink</span>
</label>
</div>
<div class="group flex n2l26 enhxb items-center rekd6 cursor-pointer mr9qs hs5iv 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 n2l26 szmrd cursor-pointer w3h0o" 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="r8a99">Purple</span>
</label>
</div>
<div class="group flex n2l26 enhxb items-center rekd6 cursor-pointer mr9qs izax6 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 n2l26 szmrd cursor-pointer w3h0o" 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="r8a99">Cyan</span>
</label>
</div>
<div class="group flex n2l26 enhxb items-center rekd6 cursor-pointer mr9qs avow8 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 n2l26 szmrd cursor-pointer w3h0o" 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="r8a99">Indigo</span>
</label>
</div>
</div>
</fieldset>
<!-- End Colors List -->
<!-- Switch/Toggle -->
<div class="m2002 inline-flex saet7 items-center rdqxy">
<label for="hs-pro-chhcntmpr" class="relative inline-block x0kau k6z5i cursor-pointer">
<input type="checkbox" id="hs-pro-chhcntmpr" class="peer r8a99">
<span class="absolute inset-0 iili6 mr9qs en36y rvew4 se6sv 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 uwi6w pqx29 -translate-y-1/2 s1u6m zxv30 mr9qs dossw ykcw4 rvew4 se6sv 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 tuuss ejo46 dark:text-neutral-300">Make it private</label>
</div>
<!-- End Switch/Toggle -->
</div>
<!-- End Body -->
<!-- Footer -->
<div class="jhb8q flex saet7 u3ov7">
<div class="flex-1 flex lokyk items-center v6f2r">
<button type="button" class="hxfjh l1xlu xggui inline-flex enhxb items-center m8hmi j8ti2 zxv30 k9mkq yxawv ejo46 on128 hw6xt wavyl ntfdl moa07 wsl5v 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="hxfjh l1xlu xggui inline-flex enhxb items-center u3ov7 m8hmi j8ti2 o0y3u k9mkq t9n9o w3h0o on128 hw6xt wavyl ntfdl moa07 pgsi2 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden v9ivw nny95 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 kquz2 fixed zxmp1 a98ho c61v5 overflow-x-hidden overflow-y-auto [--close-when-click-inside:true] n8854" 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 p1xgh opacity-0 bx2ni nf9l7 ei8tj hweyy oxtl1 sm:mx-auto h-[calc(100%-56px)] min-h-[calc(100%-56px)] flex items-center">
<div class="xp67g hx6ns overflow-hidden flex flex-col zxv30 mzy38 pointer-events-auto x32l5 dark:bg-neutral-800">
<!-- Header -->
<div class="u3poc gjk1t flex saet7 items-center xu4xz yxawv dark:border-neutral-700">
<h3 id="hs-pro-chhsn-label" class="hw6xt ejo46 dark:text-neutral-200">
Snooze
</h3>
<button type="button" class="x8hlq n2l26 flex enhxb items-center u3ov7 mr9qs k9mkq je4jy gxtht ejo46 p12pm disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden d10id 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="r8a99">Close</span>
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="smvag overflow-y-auto hm2m0 uqiuh b3ail ykfhs dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<fieldset class="khfgm cgrem">
<legend class="r8a99">
Snooze
</legend>
<!-- Checkbox -->
<label for="hs-pro-chhsnrt1" class="hxfjh l1xlu flex items-center wavyl cursor-pointer clfmf lk55v ddtwf 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="dgznh">
<span class="block tuuss ejo46 dark:text-neutral-200">
Today
</span>
</span>
<span class="r8mh0 on128 z0e83 dark:text-neutral-500">
5:05 PM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsnrt2" class="hxfjh l1xlu flex items-center wavyl cursor-pointer clfmf lk55v ddtwf 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="dgznh">
<span class="block tuuss ejo46 dark:text-neutral-200">
Tomorrow
</span>
</span>
<span class="r8mh0 on128 z0e83 dark:text-neutral-500">
Wed 9:00 AM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsnrt3" class="hxfjh l1xlu flex items-center wavyl cursor-pointer clfmf lk55v ddtwf 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="dgznh">
<span class="block tuuss ejo46 dark:text-neutral-200">
This week
</span>
</span>
<span class="r8mh0 on128 z0e83 dark:text-neutral-500">
Thu, May 8, 9:00 AM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsnrt4" class="hxfjh l1xlu flex items-center wavyl cursor-pointer clfmf lk55v ddtwf 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="dgznh">
<span class="block tuuss ejo46 dark:text-neutral-200">
Next week
</span>
</span>
<span class="r8mh0 on128 z0e83 dark:text-neutral-500">
Mon, May 13, 9:00 AM
</span>
</label>
<!-- End Checkbox -->
</fieldset>
<div class="kd00o">
<!-- Button -->
<button type="button" class="xp67g flex saet7 items-center rdqxy hxfjh l1xlu m8hmi hw6xt tuuss ejo46 lk55v clfmf disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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 kquz2 fixed zxmp1 a98ho c61v5 overflow-x-hidden overflow-y-auto [--close-when-click-inside:true] n8854" 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 p1xgh opacity-0 bx2ni nf9l7 ei8tj hweyy oxtl1 sm:mx-auto h-[calc(100%-56px)] min-h-[calc(100%-56px)] flex items-center">
<div class="xp67g hx6ns overflow-hidden flex flex-col zxv30 mzy38 pointer-events-auto x32l5 dark:bg-neutral-800">
<!-- Header -->
<div class="mi46d gjk1t flex saet7 items-center xu4xz yxawv dark:border-neutral-700">
<button type="button" class="x8hlq inline-flex enhxb items-center u3ov7 mr9qs k9mkq je4jy zxv30 ejo46 lk55v focus:outline-hidden rjc3l 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="r8a99">Back</span>
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="hysdx ejo46 dark:text-neutral-200">
Custom date & time
</h3>
<button type="button" class="x8hlq inline-flex enhxb items-center u3ov7 mr9qs k9mkq je4jy gxtht ejo46 p12pm focus:outline-hidden d10id 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="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="r8a99">Close</span>
</button>
</div>
<!-- End Header -->
<!-- Body -->
<div class="smvag vyrd1 overflow-y-auto hm2m0 uqiuh b3ail ykfhs dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<div class="flex saet7 r2jif">
<fieldset class="xp67g khfgm cgrem">
<legend class="r8a99">
Custom date & time
</legend>
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt1" class="hxfjh l1xlu flex enhxb items-center zxv30 wavyl cursor-pointer clfmf p12pm d3s9q 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 d5esf ejo46 dark:text-neutral-200">
01:00 AM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt2" class="hxfjh l1xlu flex enhxb items-center zxv30 wavyl cursor-pointer clfmf p12pm d3s9q 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 d5esf ejo46 dark:text-neutral-200">
02:00 AM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt3" class="hxfjh l1xlu flex enhxb items-center zxv30 wavyl cursor-pointer clfmf p12pm d3s9q 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 d5esf ejo46 dark:text-neutral-200">
03:00 AM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt4" class="hxfjh l1xlu flex enhxb items-center zxv30 wavyl cursor-pointer clfmf p12pm d3s9q 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 d5esf ejo46 dark:text-neutral-200">
04:00 AM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt5" class="hxfjh l1xlu flex enhxb items-center zxv30 wavyl cursor-pointer clfmf p12pm d3s9q 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 d5esf ejo46 dark:text-neutral-200">
05:00 AM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt6" class="hxfjh l1xlu flex enhxb items-center zxv30 wavyl cursor-pointer clfmf p12pm d3s9q 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 d5esf ejo46 dark:text-neutral-200">
06:00 AM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt7" class="hxfjh l1xlu flex enhxb items-center zxv30 wavyl cursor-pointer clfmf p12pm d3s9q 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 d5esf ejo46 dark:text-neutral-200">
07:00 AM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt8" class="hxfjh l1xlu flex enhxb items-center zxv30 wavyl cursor-pointer clfmf p12pm d3s9q 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 d5esf ejo46 dark:text-neutral-200">
08:00 AM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt9" class="hxfjh l1xlu flex enhxb items-center zxv30 wavyl cursor-pointer clfmf p12pm d3s9q 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 d5esf ejo46 dark:text-neutral-200">
09:00 AM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt10" class="hxfjh l1xlu flex enhxb items-center zxv30 wavyl cursor-pointer clfmf p12pm d3s9q 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 d5esf ejo46 dark:text-neutral-200">
010:00 AM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt11" class="hxfjh l1xlu flex enhxb items-center zxv30 wavyl cursor-pointer clfmf p12pm d3s9q 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 d5esf ejo46 dark:text-neutral-200">
011:00 AM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt12" class="hxfjh l1xlu flex enhxb items-center zxv30 wavyl cursor-pointer clfmf p12pm d3s9q 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 d5esf ejo46 dark:text-neutral-200">
012:00 AM
</span>
</label>
<!-- End Checkbox -->
</fieldset>
<fieldset class="xp67g khfgm cgrem">
<legend class="r8a99">
Custom date & time
</legend>
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt13" class="hxfjh l1xlu flex enhxb items-center zxv30 wavyl cursor-pointer clfmf p12pm d3s9q 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 d5esf ejo46 dark:text-neutral-200">
01:00 PM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt14" class="hxfjh l1xlu flex enhxb items-center zxv30 wavyl cursor-pointer clfmf p12pm d3s9q 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 d5esf ejo46 dark:text-neutral-200">
02:00 PM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt15" class="hxfjh l1xlu flex enhxb items-center zxv30 wavyl cursor-pointer clfmf p12pm d3s9q 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 d5esf ejo46 dark:text-neutral-200">
03:00 PM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt16" class="hxfjh l1xlu flex enhxb items-center zxv30 wavyl cursor-pointer clfmf p12pm d3s9q 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 d5esf ejo46 dark:text-neutral-200">
04:00 PM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt17" class="hxfjh l1xlu flex enhxb items-center zxv30 wavyl cursor-pointer clfmf p12pm d3s9q 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 d5esf ejo46 dark:text-neutral-200">
05:00 PM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt18" class="hxfjh l1xlu flex enhxb items-center zxv30 wavyl cursor-pointer clfmf p12pm d3s9q 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 d5esf ejo46 dark:text-neutral-200">
06:00 PM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt19" class="hxfjh l1xlu flex enhxb items-center zxv30 wavyl cursor-pointer clfmf p12pm d3s9q 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 d5esf ejo46 dark:text-neutral-200">
07:00 PM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt20" class="hxfjh l1xlu flex enhxb items-center zxv30 wavyl cursor-pointer clfmf p12pm d3s9q 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 d5esf ejo46 dark:text-neutral-200">
08:00 PM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt21" class="hxfjh l1xlu flex enhxb items-center zxv30 wavyl cursor-pointer clfmf p12pm d3s9q 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 d5esf ejo46 dark:text-neutral-200">
09:00 PM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt22" class="hxfjh l1xlu flex enhxb items-center zxv30 wavyl cursor-pointer clfmf p12pm d3s9q 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 d5esf ejo46 dark:text-neutral-200">
010:00 PM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt23" class="hxfjh l1xlu flex enhxb items-center zxv30 wavyl cursor-pointer clfmf p12pm d3s9q 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 d5esf ejo46 dark:text-neutral-200">
011:00 PM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt24" class="hxfjh l1xlu flex enhxb items-center zxv30 wavyl cursor-pointer clfmf p12pm d3s9q 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 d5esf ejo46 dark:text-neutral-200">
012:00 PM
</span>
</label>
<!-- End Checkbox -->
</fieldset>
</div>
</div>
<!-- End Body -->
<!-- Footer -->
<div class="i1v87">
<div class="mi46d gjk1t madsw flex saet7 items-center u3ov7 rncu4 yxawv dark:border-neutral-700">
<div class="xp67g">
<span class="fxthc urcp3 block on128 zqruk dark:text-neutral-400">
Date
</span>
<!-- Calendar Dropdown -->
<div class="hs-dropdown [--auto-close:inside] inline-flex xp67g">
<button id="hs-pro-dnic" type="button" class="hcvae oyxl9 u4s9n xp67g inline-flex items-center j22ch wavyl k9mkq je4jy gxtht ejo46 p12pm disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden d10id 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="n2l26 a3b8t bnmi1" xmlns="http://www.w3.org/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 qxudl transition-[opacity,margin] duration opacity-0 hidden ih37d zxv30 mzy38 x32l5 dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-dnic">
<!-- Calendar -->
<div class="fop0g space-y-0.5">
<!-- Months -->
<div class="khfgm vckwj items-center rdqxy xvgxz i1v87">
<!-- Prev Button -->
<div class="b8438">
<button type="button" class="x8hlq flex enhxb items-center ejo46 lk55v mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-label="Previous">
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="mchqp flex enhxb items-center r2jif">
<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 xggui xp67g cursor-pointer m8hmi hw6xt ejo46 hmpqz focus:outline-hidden rdx35 before:absolute before:inset-0 before:z-1 dark:text-neutral-200 dark:hover:text-blue-500 dark:focus:text-blue-500",
"dropdownClasses": "nqo4p ih37d ahgde rrqls smvag space-y-0.5 zxv30 k9mkq yxawv wavyl w9ar3 overflow-hidden overflow-y-auto hm2m0 uqiuh b3ail ykfhs dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900 dark:border-neutral-700",
"optionClasses": "ur00w xp67g tuuss ejo46 cursor-pointer lk55v wavyl focus:outline-hidden rjc3l dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex saet7 items-center xp67g \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"n2l26 bnmi1 ejo46 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="ejo46 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 xggui xp67g cursor-pointer m8hmi hw6xt ejo46 hmpqz focus:outline-hidden rdx35 before:absolute before:inset-0 before:z-1 dark:text-neutral-200 dark:hover:text-blue-500 dark:focus:text-blue-500",
"dropdownClasses": "nqo4p ih37d q9zci rrqls smvag space-y-0.5 zxv30 k9mkq yxawv wavyl w9ar3 overflow-hidden overflow-y-auto hm2m0 uqiuh b3ail ykfhs dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900 dark:border-neutral-700",
"optionClasses": "ur00w xp67g tuuss ejo46 cursor-pointer lk55v wavyl focus:outline-hidden rjc3l dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex saet7 items-center xp67g \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"n2l26 bnmi1 ejo46 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="b8438 flex lokyk">
<button type="button" class=" x8hlq flex enhxb items-center ejo46 lk55v mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-label="Next">
<svg class="n2l26 szmrd" 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 q4t00">
<span class="e2vfg ijx7r block cgjzl tuuss z0e83 dark:text-neutral-500">
Mo
</span>
<span class="e2vfg ijx7r block cgjzl tuuss z0e83 dark:text-neutral-500">
Tu
</span>
<span class="e2vfg ijx7r block cgjzl tuuss z0e83 dark:text-neutral-500">
We
</span>
<span class="e2vfg ijx7r block cgjzl tuuss z0e83 dark:text-neutral-500">
Th
</span>
<span class="e2vfg ijx7r block cgjzl tuuss z0e83 dark:text-neutral-500">
Fr
</span>
<span class="e2vfg ijx7r block cgjzl tuuss z0e83 dark:text-neutral-500">
Sa
</span>
<span class="e2vfg ijx7r block cgjzl tuuss z0e83 dark:text-neutral-500">
Su
</span>
</div>
<!-- Weeks -->
<!-- Days -->
<div class="flex">
<div>
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center o0y3u n37x5 je4jy tuuss hw6xt w3h0o av57g mr9qs dark:bg-blue-500 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:hover:border-neutral-700">
20
</button>
</div>
<div>
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 av57g hmpqz mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
1
</button>
</div>
<div>
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 av57g hmpqz mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
2
</button>
</div>
<div>
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 av57g hmpqz mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
3
</button>
</div>
<div>
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 av57g hmpqz mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
4
</button>
</div>
<div>
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 av57g hmpqz mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
5
</button>
</div>
<div>
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 av57g hmpqz mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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="xp67g">
<label for="hs-pro-chhsncstm" class="fxthc urcp3 block on128 zqruk dark:text-neutral-400">
Time
</label>
<input type="text" class="f9d5d u4s9n block xp67g gxtht je4jy clfmf j22ch hmow8 u29jr p12pm jgd2f disabled:opacity-50 disabled:pointer-events-none d10id rstw7 xeklp 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="wg6pj gjk1t">
<div class="flex-1 flex lokyk items-center v6f2r">
<button type="button" class="hxfjh l1xlu xggui inline-flex enhxb items-center m8hmi j8ti2 zxv30 k9mkq yxawv ejo46 on128 hw6xt wavyl ntfdl moa07 wsl5v 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="hxfjh l1xlu xggui inline-flex enhxb items-center u3ov7 m8hmi j8ti2 o0y3u k9mkq t9n9o w3h0o on128 hw6xt wavyl ntfdl moa07 pgsi2 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden v9ivw nny95 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] mga1y lg:block j76gm lg:end-auto dtee5
[--auto-close-equality-type:less-than]
hs-overlay-open:translate-x-0
-translate-x-full nf9l7 ixagr pve7h
kquz2
hidden
fixed evdk4 a98ho w4zsu
iili6
dark:bg-neutral-950" tabindex="-1" >
<div class="ux1hp flex">
<div class="relative te8l0 mga1y flex flex-col ux1hp hx6ns q6ob7">
<header class="mga1y u3poc flex enhxb">
<a class="flex-none clfmf vd22d inline-block hysdx focus:outline-hidden v041e" href="../../pro/chat/index.html" aria-label="Preline">
<svg class="b9dk4 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="sesmt 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="sesmt 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="sesmt dark:fill-white" fill="currentColor"/>
</svg>
</a>
</header>
<!-- Content -->
<div class="mga1y ux1hp flex flex-col zi3gd wwvj4">
<!-- Nav -->
<ul class="cgjzl space-y-4">
<!-- Item -->
<li>
<a class="relative group flex flex-col enhxb items-center cgrem lndac zqruk dark:text-neutral-200 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden" href="../../pro/chat/index.html">
<span class="flex enhxb items-center rdqxy yxsvo wavyl group-hover:bg-gray-300 group-focus:bg-gray-300 dark:group-hover:bg-neutral-800 dark:group-focus:bg-neutral-800 ipy2k">
<svg class="n2l26 szmrd group-hover:scale-110 mx-auto ipy2k" xmlns="http://www.w3.org/2000/svg" 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 vie7r te8l0">
<span class="relative p56is f9ric inline-flex enhxb items-center y6g4k klnns w3h0o mr9qs jvthl">
4
</span>
</span>
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li>
<a class="relative group flex flex-col enhxb items-center cgrem lndac zqruk dark:text-neutral-200 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden" href="../../pro/chat/tickets.html">
<span class="flex enhxb items-center rdqxy yxsvo wavyl group-hover:bg-gray-300 group-focus:bg-gray-300 dark:group-hover:bg-neutral-800 dark:group-focus:bg-neutral-800 ipy2k">
<svg class="n2l26 szmrd group-hover:scale-110 mx-auto ipy2k" xmlns="http://www.w3.org/2000/svg" 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 enhxb items-center cgrem lndac zqruk dark:text-neutral-200 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden" href="../../pro/chat/visitors.html">
<span class="flex enhxb items-center rdqxy yxsvo wavyl r01ey dark:bg-neutral-800 ipy2k">
<svg class="n2l26 szmrd group-hover:scale-110 mx-auto ipy2k" xmlns="http://www.w3.org/2000/svg" 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 enhxb items-center cgrem lndac zqruk dark:text-neutral-200 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden" href="../../pro/chat/activity.html">
<span class="flex enhxb items-center rdqxy yxsvo wavyl group-hover:bg-gray-300 group-focus:bg-gray-300 dark:group-hover:bg-neutral-800 dark:group-focus:bg-neutral-800 ipy2k">
<svg class="n2l26 szmrd group-hover:scale-110 mx-auto ipy2k" xmlns="http://www.w3.org/2000/svg" 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 enhxb items-center cgrem lndac zqruk dark:text-neutral-200 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden" href="../../pro/chat/reports.html">
<span class="flex enhxb items-center rdqxy yxsvo wavyl group-hover:bg-gray-300 group-focus:bg-gray-300 dark:group-hover:bg-neutral-800 dark:group-focus:bg-neutral-800 ipy2k">
<svg class="n2l26 szmrd group-hover:scale-110 mx-auto ipy2k" xmlns="http://www.w3.org/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 enhxb items-center cgrem lndac zqruk dark:text-neutral-200 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden" href="../../pro/index.html">
<span class="flex enhxb items-center rdqxy yxsvo wavyl group-hover:bg-gray-300 group-focus:bg-gray-300 dark:group-hover:bg-neutral-800 dark:group-focus:bg-neutral-800">
<svg class="n2l26 szmrd group-hover:scale-110 mx-auto ipy2k" xmlns="http://www.w3.org/2000/svg" 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 r1t8r">
<span class="relative flex">
<span class="soy1n absolute inline-flex kquz2 mr9qs null.notification.animation et2cn"></span>
<span class="relative inline-flex z9hxv null.notification.bg mr9qs"></span>
<span class="r8a99">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 enhxb items-center cgrem lndac zqruk 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 enhxb items-center rdqxy yxsvo wavyl group-hover:bg-gray-300 group-focus:bg-gray-300 dark:group-hover:bg-neutral-800 dark:group-focus:bg-neutral-800">
<svg class="n2l26 szmrd group-hover:scale-110 mx-auto ipy2k" xmlns="http://www.w3.org/2000/svg" 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 c22dz transition-[opacity,margin] duration opacity-0 hidden te8l0 zxv30 mzy38 w9ar3 dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-chmsnmd">
<div class="smvag space-y-0.5">
<!-- Item -->
<label for="hs-pro-chsnldin" class="f9d5d l1xlu group flex items-center rdqxy wavyl cursor-pointer d5esf ejo46 lk55v 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="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="n2l26 bnmi1 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="f9d5d l1xlu group flex items-center rdqxy wavyl cursor-pointer d5esf ejo46 lk55v 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="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="n2l26 bnmi1 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="f9d5d l1xlu group flex items-center rdqxy wavyl cursor-pointer d5esf ejo46 lk55v 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="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="n2l26 bnmi1 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="f9d5d l1xlu group flex items-center rdqxy wavyl cursor-pointer d5esf ejo46 lk55v 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="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="n2l26 bnmi1 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="f9d5d l1xlu group flex items-center rdqxy wavyl cursor-pointer d5esf ejo46 lk55v 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="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="n2l26 bnmi1 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="f9d5d l1xlu group flex items-center rdqxy wavyl cursor-pointer d5esf ejo46 lk55v 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="n2l26 szmrd" xmlns="http://www.w3.org/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="n2l26 bnmi1 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="f9d5d l1xlu group flex items-center rdqxy wavyl cursor-pointer d5esf ejo46 lk55v 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="n2l26 szmrd" xmlns="http://www.w3.org/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="n2l26 bnmi1 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="f9d5d l1xlu group flex items-center rdqxy wavyl cursor-pointer d5esf ejo46 lk55v 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="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="n2l26 bnmi1 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="mga1y space-y-3 bm1bw">
<div class="hidden lg:block">
<!-- Project Dropdown -->
<div class="inline-flex enhxb xp67g">
<div class="hs-dropdown relative [--strategy:absolute] [--placement:bottom-left] inline-flex">
<!-- Project Button -->
<button id="hs-pro-dnwpd" type="button" class="flex enhxb items-center rdqxy x8hlq mx- wavyl k4vay kn30h dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<img class="n2l26 x8hlq clfmf nbsdr" src="../../assets/img/logo/hs.png" alt="Logo">
<span class="r8a99">Htmlstream</span>
</button>
<!-- End Project Button -->
<!-- Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 q33ez transition-[opacity,margin] duration opacity-0 hidden mjppw zxv30 mzy38 x32l5 dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-dnwpd">
<div class="smvag">
<span class="block zi3gd ffxit eaq9a on128 z0e83 dark:text-neutral-500">
Workspaces (2)
</span>
<!-- Item -->
<label for="hs-pro-dplid1" class="hcvae psrjx group flex ifpha items-center rdqxy wavyl cursor-pointer d5esf ejo46 lk55v 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="n2l26 szmrd 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="dgznh">
<span class="block tuuss hw6xt ejo46 dark:text-neutral-200">
Htmlstream
</span>
<span class="block on128 z0e83 dark:text-neutral-500">
htmlstream.preline.so
</span>
</span>
<img class="n2l26 x7ecd clfmf nbsdr" src="../../assets/img/logo/hs.png" alt="Logo">
</label>
<!-- End Item -->
<!-- Item -->
<label for="hs-pro-dplid2" class="hcvae psrjx group flex ifpha items-center rdqxy wavyl cursor-pointer d5esf ejo46 lk55v 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="n2l26 szmrd 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="dgznh">
<span class="block tuuss hw6xt ejo46 dark:text-neutral-200">
Bloomark
</span>
<span class="block on128 z0e83 dark:text-neutral-500">
bloomark.preline.com
</span>
</span>
<img class="n2l26 x7ecd clfmf nbsdr" src="../../assets/img/logo/logo-short.png" alt="Logo">
</label>
<!-- End Item -->
<button type="button" class="group xp67g flex items-center rdqxy hxfjh psrjx wavyl tuuss ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/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="smvag jhbd9 yxawv dark:border-neutral-800">
<span class="block zi3gd ffxit eaq9a on128 z0e83 dark:text-neutral-500">
Download mobile app bty75
</span>
<a class="flex items-center rdqxy f9d5d psrjx xp67g wavyl tuuss ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<svg class="n2l26 szmrd" 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="n2l26 bnmi1 ms-auto wvpal" xmlns="http://www.w3.org/2000/svg" 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 rdqxy f9d5d psrjx xp67g wavyl tuuss ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<svg class="n2l26 szmrd" 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="n2l26 bnmi1 ms-auto wvpal" xmlns="http://www.w3.org/2000/svg" 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="smvag jhbd9 yxawv dark:border-neutral-800">
<a class="flex items-center rdqxy f9d5d psrjx wavyl tuuss ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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 rdqxy f9d5d psrjx wavyl tuuss ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
Preferences
</a>
<a class="flex items-center rdqxy f9d5d psrjx wavyl tuuss ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
Manage workspace
</a>
</div>
<div class="smvag jhbd9 yxawv dark:border-neutral-800">
<button type="button" class="xp67g flex items-center rdqxy hxfjh psrjx wavyl tuuss ejo46 lk55v disabled:opacity-50 focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
Sign out
<span class="ms-auto on128 z0e83 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 enhxb xp67g">
<div class="hs-dropdown relative [--strategy:absolute] [--auto-close:inside] [--placement:bottom-right] inline-flex">
<button id="hs-pro-chmsad" type="button" class="flex enhxb items-center rdqxy x8hlq m8hmi disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<img class="n2l26 mr9qs" 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 z9hxv mr9qs h7uoa ab3j4 y56jy dark:ring-neutral-800"></span>
</button>
<!-- Account Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 os8l9 transition-[opacity,margin] duration opacity-0 hidden mjppw zxv30 mzy38 x32l5 dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-chmsad">
<div class="smvag">
<a class="flex items-center rdqxy f9d5d psrjx wavyl tuuss ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<svg class="n2l26 icbx8 szmrd" xmlns="http://www.w3.org/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 rdqxy f9d5d psrjx wavyl tuuss ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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 rdqxy f9d5d psrjx wavyl tuuss ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<svg class="n2l26 icbx8 szmrd" xmlns="http://www.w3.org/2000/svg" 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="f9d5d g98ic rncu4 yxawv dark:border-neutral-800">
<!-- Switch/Toggle -->
<div class="flex flex-wrap saet7 items-center v6f2r">
<label for="hs-pro-chmsaddm" class="flex flex-1 cursor-pointer tuuss ejo46 dark:text-neutral-300">Dark mode</label>
<label for="hs-pro-chmsaddm" class="relative inline-block pst4e ipsyh cursor-pointer">
<input data-hs-theme-switch type="checkbox" id="hs-pro-chmsaddm" class="peer r8a99">
<span class="absolute inset-0 iili6 mr9qs en36y rvew4 se6sv 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 uwi6w pqx29 -translate-y-1/2 szmrd zxv30 mr9qs dossw o9jos rvew4 se6sv peer-checked:translate-x-full dark:bg-neutral-400 dark:peer-checked:bg-white"></span>
</label>
</div>
<!-- End Switch/Toggle -->
</div>
<div class="smvag">
<a class="flex items-center rdqxy f9d5d psrjx wavyl tuuss ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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="fjmmj">
<!-- Leaflet -->
<div id="hs-pro-chrm" class="fm3wm hs-leaflet hs-leaflet-unstyled-popover absolute inset-0 ge6i6"></div>
<!-- Navbar -->
<div class="absolute zxmp1 a98ho ovlqs ejaj4 te8l0 v30bw">
<div class="xp67g fsrul mx-auto">
<div class="khfgm boxle fl5mu items-center es2r6">
<div class="b8438 lg:opacity-0">
<button type="button" class="flex enhxb items-center r2jif f9d5d u4s9n awbfz on128 zqruk zxv30 lk55v mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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="n2l26 szmrd -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="b8438">
<!-- Search Input -->
<div class="relative">
<div class="absolute evdk4 a98ho flex items-center n8854 mjppw p290v">
<svg class="n2l26 szmrd lqxom 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="hxfjh npyfu ir7bk block xp67g zxv30 yxawv wavyl tm0mx wqv3r focus:outline-hidden kp3tl u4wxg 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 evdk4 aoum9 flex items-center mjppw svb23">
<button type="button" class="inline-flex n2l26 enhxb items-center rekd6 mr9qs z0e83 hmpqz focus:outline-hidden rdx35 dark:text-neutral-500 dark:hover:text-blue-500 dark:focus:text-blue-500" aria-label="Close">
<span class="r8a99">Close</span>
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/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 x2ip9 k34od hg2lf te8l0 ur00w gxd2q ap7do 2xl:pt-5 eleni fgoec z1hta rm28d flex flex-nowrap lg:flex-col jrgs3 overflow-x-auto e2i9e lg:overflow-y-auto izidp lg:[&::-webkit-scrollbar]:h-auto n634f">
<div class="pxmg9 lg:w-auto flex flex-none">
<!-- Top Countries Card -->
<div class="kquz2 flex flex-col zxv30 k9mkq pnlwz ntfdl mzy38 dark:bg-neutral-800 dark:border-neutral-700">
<!-- Header -->
<div class="y3kub i1v87 flex saet7 items-center">
<h2 class="djyey inline-block hysdx f0osm dark:text-neutral-200">
Top countries
</h2>
</div>
<!-- End Header -->
<!-- Body -->
<div class="flex flex-col saet7 ux1hp q6ob7 rht0b">
<!-- Grid -->
<div class="frtd6 khfgm n38d7 gnuuh eceb2">
<!-- Progress -->
<div class="cgjzl">
<svg class="mbvb4 n2l26 x8hlq mr9qs 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="fop0g ffnes oivj1 wavyl dark:bg-neutral-700">
<p class="tuuss f0osm dark:text-neutral-200">
1st
</p>
<p class="kd00o hcvae psrjx inline-flex items-center r2jif on128 hw6xt mr9qs zxv30 k9mkq pnlwz f0osm dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200">
1,265
</p>
</div>
<p class="p9cw0 tuuss f0osm dark:text-neutral-200">
United States
</p>
</div>
<!-- End Progress -->
<!-- Progress -->
<div class="cgjzl">
<svg class="mbvb4 n2l26 x8hlq mr9qs 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="fop0g a6ep3 oivj1 wavyl dark:bg-neutral-700">
<p class="tuuss f0osm dark:text-neutral-200">
2nd
</p>
<p class="kd00o hcvae psrjx inline-flex items-center r2jif on128 hw6xt mr9qs zxv30 k9mkq pnlwz f0osm dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200">
1,009
</p>
</div>
<p class="p9cw0 tuuss f0osm dark:text-neutral-200">
Germany
</p>
</div>
<!-- End Progress -->
<!-- Progress -->
<div class="cgjzl">
<svg class="mbvb4 n2l26 x8hlq mr9qs 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="fop0g v5twl oivj1 wavyl dark:bg-neutral-700">
<p class="tuuss f0osm dark:text-neutral-200">
3rd
</p>
<p class="kd00o hcvae psrjx inline-flex items-center r2jif on128 hw6xt mr9qs zxv30 k9mkq pnlwz f0osm dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200">
922
</p>
</div>
<p class="p9cw0 tuuss f0osm dark:text-neutral-200">
China
</p>
</div>
<!-- End Progress -->
</div>
<!-- End Grid -->
<div class="p7mth mi46d flex items-center tuuss f0osm 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="hcvae j6548 g99ml inline-flex items-center lwq0m on128 hw6xt yir1a mrcl2 mr9qs dark:bg-teal-500/10 dark:text-teal-500">
<svg class="n2l26 br82p" 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="kd00o tuuss pwhh2 dark:text-neutral-200">Your overall performance is 98% higher than average.</p>
</div>
<!-- End Body -->
</div>
<!-- End Top Countries Card -->
</div>
<div class="pxmg9 lg:w-auto flex flex-none">
<!-- Import Data Card -->
<div class="kquz2 flex flex-col zxv30 k9mkq yxawv ntfdl mzy38 dark:bg-neutral-800 dark:border-neutral-700">
<!-- Header -->
<div class="y3kub wwvj4 khfgm theuu items-center btgx5">
<div>
<h2 class="inline-block hysdx vmtij ejo46 dark:text-neutral-200">
Referral Traffic
</h2>
</div>
<!-- End Col -->
<div class="flex lokyk items-center r2jif">
<!-- Download Dropdown -->
<div class="hs-dropdown [--auto-close:inside] [--placement:bottom-right] relative inline-flex">
<button id="hs-pro-dbrrtchdd" type="button" class="boqmp inline-flex enhxb items-center u3ov7 wavyl k9mkq je4jy z0e83 lk55v focus:outline-hidden rjc3l 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="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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 ft0gf transition-[opacity,margin] duration opacity-0 hidden mjppw zxv30 mzy38 x32l5 dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-dbrrtchdd">
<div class="smvag">
<div class="hxfjh l1xlu">
<span class="block hysdx ejo46 dark:text-neutral-200">
Download Report
</span>
<span class="block on128 z0e83 dark:text-neutral-500">
Select Options
</span>
</div>
<div class="sfpvu jhbd9 yxawv dark:border-neutral-700"></div>
<div class="hcvae u4s9n">
<div class="flex items-center gxtht mzy38 smvag dark:bg-neutral-800">
<label for="hs-pro-dbrrtchddts1" class="relative f9d5d l1xlu xp67g cursor-pointer cgjzl tuuss ejo46 wavyl zrlj0 x0fcf dark:text-neutral-200 dark:has-checked:bg-neutral-600">
<svg class="relative te8l0 b4uwt inline-block moa07 n2l26 szmrd" 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="p0t9n 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="p0t9n 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="p0t9n 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="p0t9n 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 te8l0 moa07">Excel</span>
<input type="radio" name="hs-pro-dbrrtchddts" class="hidden" id="hs-pro-dbrrtchddts1" checked >
</label>
<label for="hs-pro-dbrrtchddts2" class="relative f9d5d l1xlu xp67g cursor-pointer cgjzl tuuss ejo46 wavyl zrlj0 x0fcf dark:text-neutral-200 dark:has-checked:bg-neutral-600">
<svg class="relative te8l0 b4uwt inline-block moa07 n2l26 szmrd" 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="p0t9n 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="p0t9n 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="p0t9n 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="p0t9n 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 te8l0 moa07">Word</span>
<input type="radio" name="hs-pro-dbrrtchddts" class="hidden" id="hs-pro-dbrrtchddts2" >
</label>
</div>
</div>
<div class="sfpvu jhbd9 yxawv dark:border-neutral-700"></div>
<div class="flex saet7 items-center hxfjh l1xlu cursor-pointer wavyl lk55v dark:hover:bg-neutral-800 dark:focus:bg-neutral-700">
<label for="hs-pro-dbrrtchdds1" class="flex flex-1 items-center rdqxy cursor-pointer tuuss ejo46 dark:text-neutral-300">
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="n2l26 bnmi1 sga4h rlapk iq13t isksk 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 saet7 items-center hxfjh l1xlu cursor-pointer wavyl lk55v dark:hover:bg-neutral-800 dark:focus:bg-neutral-700">
<label for="hs-pro-dbrrtchdds2" class="flex flex-1 items-center rdqxy cursor-pointer tuuss ejo46 dark:text-neutral-300">
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="n2l26 bnmi1 sga4h rlapk iq13t isksk 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 saet7 items-center hxfjh l1xlu cursor-pointer wavyl lk55v dark:hover:bg-neutral-800 dark:focus:bg-neutral-700">
<label for="hs-pro-dbrrtchdds3" class="flex flex-1 items-center rdqxy cursor-pointer tuuss ejo46 dark:text-neutral-300">
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/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="n2l26 bnmi1 sga4h rlapk iq13t isksk 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="c50j2 jhbd9 yxawv dark:border-neutral-700"></div>
<button type="button" class="xp67g hxfjh l1xlu inline-flex enhxb items-center u3ov7 tuuss hw6xt wavyl k9mkq je4jy o0y3u w3h0o pgsi2 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kebql isksk">
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="boqmp inline-flex enhxb items-center u3ov7 wavyl k9mkq je4jy z0e83 lk55v focus:outline-hidden rjc3l 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="n2l26 szmrd" xmlns="http://www.w3.org/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 os8l9 transition-[opacity,margin] duration opacity-0 hidden te8l0 zxv30 mzy38 x32l5 dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-dbrrtchmd">
<div class="smvag">
<button type="button" class="xp67g flex items-center rdqxy f9d5d u4s9n wavyl d5esf ejo46 lk55v disabled:opacity-50 focus:outline-hidden rjc3l disabled:pointer-events-none dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/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="xp67g flex items-center rdqxy f9d5d u4s9n wavyl d5esf ejo46 lk55v disabled:opacity-50 focus:outline-hidden rjc3l disabled:pointer-events-none dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="xp67g flex items-center rdqxy f9d5d u4s9n wavyl d5esf ejo46 lk55v disabled:opacity-50 focus:outline-hidden rjc3l disabled:pointer-events-none dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="c50j2 jhbd9 yxawv dark:border-neutral-700"></div>
<button type="button" class="xp67g flex items-center rdqxy f9d5d u4s9n wavyl d5esf ejo46 lk55v disabled:opacity-50 focus:outline-hidden rjc3l disabled:pointer-events-none dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="ux1hp y3kub e3iwi">
<div class="ux1hp flex flex-col saet7 space-y-4">
<div class="space-y-4">
<!-- Progress -->
<div class="flex r2jif xp67g sx8k1 mr9qs overflow-hidden">
<div class="flex flex-col enhxb overflow-hidden mmvqx on128 w3h0o cgjzl j8ti2" style="width: 42%" role="progressbar" aria-valuenow="42" aria-valuemin="0" aria-valuemax="100"></div>
<div class="flex flex-col enhxb overflow-hidden tiwzr on128 w3h0o cgjzl j8ti2" style="width: 27%" role="progressbar" aria-valuenow="27" aria-valuemin="0" aria-valuemax="100"></div>
<div class="flex flex-col enhxb overflow-hidden yegma on128 w3h0o cgjzl j8ti2" style="width: 16%" role="progressbar" aria-valuenow="16" aria-valuemin="0" aria-valuemax="100"></div>
<div class="flex flex-col enhxb overflow-hidden m49ch on128 w3h0o cgjzl j8ti2" style="width: 6%" role="progressbar" aria-valuenow="6" aria-valuemin="0" aria-valuemax="100"></div>
<div class="flex flex-col enhxb overflow-hidden iili6 on128 w3h0o cgjzl j8ti2 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="hxfjh khfgm theuu saet7 items-center btgx5">
<div class="flex items-center">
<span class="n2l26 z859i inline-block o0y3u yzqwc napmg"></span>
<span class="tuuss ejo46 dark:text-neutral-200">
github.com
</span>
</div>
<div class="yo4p5">
<span class="tuuss z0e83 dark:text-neutral-500">
164k
</span>
</div>
</li>
<!-- End List Item -->
<!-- List Item -->
<li class="hxfjh khfgm theuu saet7 items-center btgx5">
<div class="flex items-center">
<span class="n2l26 z859i inline-block tiwzr yzqwc napmg"></span>
<span class="tuuss ejo46 dark:text-neutral-200">
accounts.google.com
</span>
</div>
<div class="yo4p5">
<span class="tuuss z0e83 dark:text-neutral-500">
49k
</span>
</div>
</li>
<!-- End List Item -->
<!-- List Item -->
<li class="hxfjh khfgm theuu saet7 items-center btgx5">
<div class="flex items-center">
<span class="n2l26 z859i inline-block yegma yzqwc napmg"></span>
<span class="tuuss ejo46 dark:text-neutral-200">
themes.getbootstrap.com
</span>
</div>
<div class="yo4p5">
<span class="tuuss z0e83 dark:text-neutral-500">
26k
</span>
</div>
</li>
<!-- End List Item -->
<!-- List Item -->
<li class="hxfjh khfgm theuu saet7 items-center btgx5">
<div class="flex items-center">
<span class="n2l26 z859i inline-block m49ch yzqwc napmg"></span>
<span class="tuuss ejo46 dark:text-neutral-200">
htmlstream.com
</span>
</div>
<div class="yo4p5">
<span class="tuuss z0e83 dark:text-neutral-500">
8k
</span>
</div>
</li>
<!-- End List Item -->
<!-- List Item -->
<li class="hxfjh khfgm theuu saet7 items-center btgx5">
<div class="flex items-center">
<span class="n2l26 z859i inline-block iili6 rlapk a3b8t dark:bg-neutral-500"></span>
<span class="tuuss ejo46 dark:text-neutral-200">
Others
</span>
</div>
<div class="yo4p5">
<span class="tuuss z0e83 dark:text-neutral-500">
12k
</span>
</div>
</li>
<!-- End List Item -->
</ul>
<!-- End List Group -->
</div>
</div>
</div>
<!-- End Body -->
<!-- Footer -->
<div class="cgjzl jhbd9 yxawv dark:border-neutral-700">
<a class="fop0g flex enhxb items-center u3ov7 tuuss j28t5 pphm8 mg0zb focus:outline-hidden o1he7 ch28j v26x8 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="pxmg9 lg:w-auto flex flex-none">
<!-- Sales Stats Card -->
<div class="kquz2 flex flex-col zxv30 k9mkq yxawv ntfdl mzy38 dark:bg-neutral-800 dark:border-neutral-700">
<!-- Header -->
<div class="y3kub i1v87 flex saet7 items-center">
<h2 class="inline-block hysdx vmtij ejo46 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="ur00w inline-flex items-center on128 hw6xt wavyl k9mkq yxawv zxv30 ejo46 ntfdl wsl5v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden u7q2f 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="n2l26 a3b8t bnmi1" xmlns="http://www.w3.org/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="n2l26 fedjs bnmi1" xmlns="http://www.w3.org/2000/svg" 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 qxudl transition-[opacity,margin] duration opacity-0 hidden ih37d zxv30 mzy38 x32l5 dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-dnic">
<!-- Calendar -->
<div class="fop0g space-y-0.5">
<!-- Months -->
<div class="khfgm vckwj items-center rdqxy xvgxz i1v87">
<!-- Prev Button -->
<div class="b8438">
<button type="button" class="x8hlq flex enhxb items-center ejo46 lk55v mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-label="Previous">
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="mchqp flex enhxb items-center r2jif">
<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 xggui xp67g cursor-pointer m8hmi hw6xt ejo46 hmpqz focus:outline-hidden rdx35 before:absolute before:inset-0 before:z-1 dark:text-neutral-200 dark:hover:text-blue-500 dark:focus:text-blue-500",
"dropdownClasses": "nqo4p ih37d ahgde rrqls smvag space-y-0.5 zxv30 k9mkq yxawv wavyl w9ar3 overflow-hidden overflow-y-auto hm2m0 uqiuh b3ail ykfhs dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900 dark:border-neutral-700",
"optionClasses": "ur00w xp67g tuuss ejo46 cursor-pointer lk55v wavyl focus:outline-hidden rjc3l dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex saet7 items-center xp67g \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"n2l26 bnmi1 ejo46 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="ejo46 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 xggui xp67g cursor-pointer m8hmi hw6xt ejo46 hmpqz focus:outline-hidden rdx35 before:absolute before:inset-0 before:z-1 dark:text-neutral-200 dark:hover:text-blue-500 dark:focus:text-blue-500",
"dropdownClasses": "nqo4p ih37d q9zci rrqls smvag space-y-0.5 zxv30 k9mkq yxawv wavyl w9ar3 overflow-hidden overflow-y-auto hm2m0 uqiuh b3ail ykfhs dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900 dark:border-neutral-700",
"optionClasses": "ur00w xp67g tuuss ejo46 cursor-pointer lk55v wavyl focus:outline-hidden rjc3l dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex saet7 items-center xp67g \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"n2l26 bnmi1 ejo46 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="b8438 flex lokyk">
<button type="button" class=" x8hlq flex enhxb items-center ejo46 lk55v mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-label="Next">
<svg class="n2l26 szmrd" 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 q4t00">
<span class="e2vfg ijx7r block cgjzl tuuss z0e83 dark:text-neutral-500">
Mo
</span>
<span class="e2vfg ijx7r block cgjzl tuuss z0e83 dark:text-neutral-500">
Tu
</span>
<span class="e2vfg ijx7r block cgjzl tuuss z0e83 dark:text-neutral-500">
We
</span>
<span class="e2vfg ijx7r block cgjzl tuuss z0e83 dark:text-neutral-500">
Th
</span>
<span class="e2vfg ijx7r block cgjzl tuuss z0e83 dark:text-neutral-500">
Fr
</span>
<span class="e2vfg ijx7r block cgjzl tuuss z0e83 dark:text-neutral-500">
Sa
</span>
<span class="e2vfg ijx7r block cgjzl tuuss z0e83 dark:text-neutral-500">
Su
</span>
</div>
<!-- Weeks -->
<!-- Days -->
<div class="flex">
<div>
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center o0y3u n37x5 je4jy tuuss hw6xt w3h0o av57g mr9qs dark:bg-blue-500 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:hover:border-neutral-700">
20
</button>
</div>
<div>
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 av57g hmpqz mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
1
</button>
</div>
<div>
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 av57g hmpqz mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
2
</button>
</div>
<div>
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 av57g hmpqz mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
3
</button>
</div>
<div>
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 av57g hmpqz mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
4
</button>
</div>
<div>
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 av57g hmpqz mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
5
</button>
</div>
<div>
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 av57g hmpqz mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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="ux1hp q6ob7 rht0b space-y-8">
<h4 class="v6924 hw6xt ejo46 dark:text-neutral-200">
<span class="-me-1.5 tuuss gucmi z0e83 dark:text-neutral-500">$</span>
43,350
</h4>
<!-- List Group -->
<ul class="space-y-3">
<!-- List Item -->
<li class="flex flex-wrap saet7 items-center u3ov7">
<div>
<div class="flex items-center u3ov7">
<div class="inline-block z859i o0y3u rlapk"></div>
<h2 class="inline-block moa07 z0e83 dark:text-neutral-400">
Store sales
</h2>
</div>
</div>
<div>
<span class="ejo46 dark:text-neutral-200">
$51,392
</span>
<span class="xy9c2 h0rdv inline-block zqruk dark:text-neutral-400">
<svg class="inline-block moa07 szmrd gxl7o" xmlns="http://www.w3.org/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 saet7 items-center u3ov7">
<div>
<div class="flex items-center u3ov7">
<div class="inline-block z859i j3v2g rlapk"></div>
<h2 class="inline-block moa07 z0e83 dark:text-neutral-400">
Online sales
</h2>
</div>
</div>
<div>
<span class="ejo46 dark:text-neutral-200">
$46,420
</span>
<span class="xy9c2 h0rdv inline-block zqruk dark:text-neutral-400">
<svg class="inline-block moa07 szmrd gxl7o" xmlns="http://www.w3.org/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 saet7 items-center u3ov7">
<div>
<div class="flex items-center u3ov7">
<div class="inline-block z859i r01ey rlapk dark:bg-neutral-500"></div>
<h2 class="inline-block moa07 z0e83 dark:text-neutral-400">
Others
</h2>
</div>
</div>
<div>
<span class="ejo46 dark:text-neutral-200">
$39,539
</span>
<span class="xy9c2 h0rdv inline-block zqruk dark:text-neutral-400">
<svg class="inline-block moa07 szmrd uze9c" xmlns="http://www.w3.org/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="y3kub e3iwi space-y-8">
<div class="xp67g">
<!-- Apex Line Chart -->
<div id="hs-total-sales-lines-chart" class="petz3 "></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 = 'r8vr5 madsw zxv30 k9mkq yxawv ejo46 wavyl qdmo7 dark:bg-neutral-800 dark:border-neutral-700',
wrapperExtClasses = '',
seriesClasses = 'on128',
seriesExtClasses = '',
titleClasses = 'hysdx txx5h lb789 mdim3 ejo46 jnjrn dark:bg-neutral-800! dark:border-neutral-700! dark:text-neutral-200',
titleExtClasses = '',
markerClasses = 'odtso fg08f zmydb',
markerExtClasses = 'hgwpu',
valueClasses = 'tnvde z0e83 ms-auto! dark:text-neutral-400',
valueExtClasses = '',
labelClasses = 'z0e83 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 ? 'o8wyu' : ''} 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 d5s98">
<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 = 'r8vr5 madsw zxv30 k9mkq yxawv ejo46 wavyl qdmo7 dark:bg-neutral-800 dark:border-neutral-700',
wrapperExtClasses = '',
seriesClasses = 'o8wyu xp67g on128',
seriesExtClasses = '',
titleClasses = 'flex saet7 hysdx txx5h lb789 mdim3 ejo46 jnjrn dark:bg-neutral-800! dark:border-neutral-700! dark:text-neutral-200',
titleExtClasses = '',
markerClasses = 'odtso fg08f zmydb',
markerExtClasses = 'hgwpu',
valueClasses = 'tnvde z0e83 ms-auto! dark:text-neutral-400',
valueExtClasses = '',
labelClasses = 'z0e83 dark:text-neutral-400 fxthc',
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 szmrd nf6rv" xmlns="http://www.w3.org/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 szmrd nf6rv" xmlns="http://www.w3.org/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 d5s98">
${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 r2jif ${!isDifferenceIsNull ? (isGrowing ? 'zwetb' : 'h101d') : ''} fxthc">
${!isDifferenceIsNull ? icon : ''}
<span class="inline-block tuuss">
${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 = 'r8vr5 madsw zxv30 k9mkq yxawv ejo46 wavyl qdmo7 dark:bg-neutral-800 dark:border-neutral-700',
wrapperExtClasses = '',
seriesClasses = 'o8wyu xp67g on128',
seriesExtClasses = '',
titleClasses = 'flex saet7 hysdx txx5h lb789 mdim3 ejo46 jnjrn dark:bg-neutral-800! dark:border-neutral-700! dark:text-neutral-200',
titleExtClasses = '',
markerClasses = 'odtso fg08f zmydb',
markerExtClasses = 'hgwpu',
valueClasses = 'tnvde z0e83 ms-auto! dark:text-neutral-400',
valueExtClasses = '',
labelClasses = 'z0e83 dark:text-neutral-400 fxthc',
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 szmrd nf6rv" xmlns="http://www.w3.org/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 szmrd nf6rv" xmlns="http://www.w3.org/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 on128">
<div class="apexcharts-tooltip-y-group d5s98">
<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 r2jif ${!isDifferenceIsNull ? (isGrowing ? 'zwetb' : 'h101d') : ''} fxthc">
${!isDifferenceIsNull ? icon : ''}
<span class="inline-block tuuss">
${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: 'bty75',
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: 'uq50p',
});
}
},
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: "uq50p",
labelDivider: ":",
labelExtClasses: "fxthc",
});
},
},
}),
{
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 fgs1v 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="szmrd wp2gz 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="szmrd uze9c 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="zxv30 mzy38 x32l5 c22dz fop0g">
<div class="flex dmv3j">
<div class="icbx8 a3b8t">
<div class="szmrd mr9qs m2p4k w05kr zj3k8" style="background-image: url('../../assets/vendor/svg-country-flags/svg/${short}.svg')"></div>
</div>
<span class="tuuss hw6xt">${city}, ${country}</span>
</div>
<div class="flex items-center space-x-1">
<span class="tuuss z0e83 dark:text-neutral-500">Active:</span>
<span class="tuuss ${current.isGrown ? 'wp2gz dark:text-emerald-400' : 'uze9c dark:text-red-400'}'>${current.value}</span>
${current.isGrown ? growUp : growDown}
</div>
<div class="flex items-center space-x-1">
<span class="tuuss z0e83 dark:text-neutral-500">New:</span>
<span class="tuuss ${previous.isGrown ? 'wp2gz dark:text-emerald-400' : 'uze9c 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 gxtht dark:bg-neutral-900">
<!-- ========== HEADER ========== -->
<header class="c0lbu fixed zxmp1 x2ip9 flex flex-wrap m6g38 md:flex-nowrap ih37d">
<div class="o3geb vqcsn p15z8 xp67g mx-auto u3poc u4s9n ymbz2 zxv30 xu4xz yxawv dark:bg-neutral-800 dark:border-neutral-700">
<div class="flex saet7 u3ov7 offvz items-center">
<div class="lg:hidden">
<!-- Sidebar Toggle -->
<button type="button" class="x8hlq inline-flex enhxb items-center u3ov7 tuuss hw6xt wavyl k9mkq yxawv zxv30 ejo46 ntfdl wsl5v focus:outline-hidden rjc3l 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="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="dgznh">
<!-- Nav Tab -->
<nav class="ukbyd inline-flex zxv30 k9mkq yxawv mr9qs 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 enhxb items-center u3ov7 ejo46 f9d5d u4s9n on128 mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden payv9 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="n2l26 bnmi1 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 enhxb items-center u3ov7 ejo46 f9d5d u4s9n on128 mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden payv9 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="n2l26 bnmi1 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 enhxb items-center u3ov7 ejo46 f9d5d u4s9n on128 mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden payv9 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="n2l26 bnmi1 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="ur00w inline-flex items-center lwq0m on128 xggui wavyl k9mkq je4jy zxv30 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 qxudl am8b9 transition-[opacity,margin] duration opacity-0 hidden g4yv4 ih37d zxv30 mzy38 x32l5 dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-dachcd">
<div class=" flex flex-col zxv30 k9mkq yxawv w9ar3 mzy38 overflow-hidden dark:bg-neutral-900 dark:border-neutral-700">
<!-- Calendar -->
<div class="sm:flex">
<!-- Calendar -->
<div class="fop0g space-y-0.5">
<!-- Months -->
<div class="khfgm vckwj items-center rdqxy xvgxz i1v87">
<!-- Prev Button -->
<div class="b8438">
<button type="button" class="x8hlq flex enhxb items-center ejo46 lk55v mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-label="Previous">
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="mchqp flex enhxb items-center r2jif">
<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 xggui xp67g cursor-pointer m8hmi hw6xt ejo46 hmpqz focus:outline-hidden rdx35 before:absolute before:inset-0 before:z-1 dark:text-neutral-200 dark:hover:text-blue-500 dark:focus:text-blue-500",
"dropdownClasses": "nqo4p ih37d ahgde rrqls smvag space-y-0.5 zxv30 k9mkq yxawv wavyl w9ar3 overflow-hidden overflow-y-auto hm2m0 uqiuh b3ail ykfhs dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900 dark:border-neutral-700",
"optionClasses": "ur00w xp67g tuuss ejo46 cursor-pointer lk55v wavyl focus:outline-hidden rjc3l dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex saet7 items-center xp67g \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"n2l26 bnmi1 ejo46 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="ejo46 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 xggui xp67g cursor-pointer m8hmi hw6xt ejo46 hmpqz focus:outline-hidden rdx35 before:absolute before:inset-0 before:z-1 dark:text-neutral-200 dark:hover:text-blue-500 dark:focus:text-blue-500",
"dropdownClasses": "nqo4p ih37d q9zci rrqls smvag space-y-0.5 zxv30 k9mkq yxawv wavyl w9ar3 overflow-hidden overflow-y-auto hm2m0 uqiuh b3ail ykfhs dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900 dark:border-neutral-700",
"optionClasses": "ur00w xp67g tuuss ejo46 cursor-pointer lk55v wavyl focus:outline-hidden rjc3l dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex saet7 items-center xp67g \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"n2l26 bnmi1 ejo46 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="b8438 flex lokyk">
<button type="button" class="opacity-0 n8854 x8hlq flex enhxb items-center ejo46 lk55v mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-label="Next">
<svg class="n2l26 szmrd" 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 q4t00">
<span class="e2vfg ijx7r block cgjzl tuuss z0e83 dark:text-neutral-500">
Mo
</span>
<span class="e2vfg ijx7r block cgjzl tuuss z0e83 dark:text-neutral-500">
Tu
</span>
<span class="e2vfg ijx7r block cgjzl tuuss z0e83 dark:text-neutral-500">
We
</span>
<span class="e2vfg ijx7r block cgjzl tuuss z0e83 dark:text-neutral-500">
Th
</span>
<span class="e2vfg ijx7r block cgjzl tuuss z0e83 dark:text-neutral-500">
Fr
</span>
<span class="e2vfg ijx7r block cgjzl tuuss z0e83 dark:text-neutral-500">
Sa
</span>
<span class="e2vfg ijx7r block cgjzl tuuss z0e83 dark:text-neutral-500">
Su
</span>
</div>
<!-- Weeks -->
<!-- Days -->
<div class="flex">
<div>
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="gxtht plnkz dark:bg-neutral-800">
<button type="button" class="e2vfg ubcvn flex enhxb items-center o0y3u n37x5 je4jy tuuss hw6xt w3h0o av57g mr9qs dark:bg-blue-500 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:hover:border-neutral-700">
25
</button>
</div>
<div class="gxtht zqzrw gereu dark:bg-neutral-800">
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="gxtht zqzrw gereu dark:bg-neutral-800">
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="gxtht zqzrw gereu dark:bg-neutral-800">
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="gxtht zqzrw gereu dark:bg-neutral-800">
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="gxtht zqzrw gereu dark:bg-neutral-800">
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="gxtht zqzrw gereu dark:bg-neutral-800">
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="bkhb8 n1yhd dark:from-neutral-800">
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 av57g hmpqz mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
1
</button>
</div>
<div>
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 av57g hmpqz mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
2
</button>
</div>
<div>
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 av57g hmpqz mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
3
</button>
</div>
<div>
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 av57g hmpqz mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
4
</button>
</div>
<div>
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 av57g hmpqz mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
5
</button>
</div>
<div>
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 av57g hmpqz mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
6
</button>
</div>
</div>
<!-- Days -->
</div>
<!-- Calendar -->
<div class="fop0g space-y-0.5">
<!-- Months -->
<div class="khfgm vckwj items-center rdqxy xvgxz i1v87">
<!-- Prev Button -->
<div class="b8438">
<button type="button" class="opacity-0 n8854 x8hlq flex enhxb items-center ejo46 lk55v mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-label="Previous">
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="mchqp flex enhxb items-center r2jif">
<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 xggui xp67g cursor-pointer m8hmi hw6xt ejo46 hmpqz focus:outline-hidden rdx35 before:absolute before:inset-0 before:z-1 dark:text-neutral-200 dark:hover:text-blue-500 dark:focus:text-blue-500",
"dropdownClasses": "nqo4p ih37d ahgde rrqls smvag space-y-0.5 zxv30 k9mkq yxawv wavyl w9ar3 overflow-hidden overflow-y-auto hm2m0 uqiuh b3ail ykfhs dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900 dark:border-neutral-700",
"optionClasses": "ur00w xp67g tuuss ejo46 cursor-pointer lk55v wavyl focus:outline-hidden rjc3l dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex saet7 items-center xp67g \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"n2l26 bnmi1 ejo46 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="ejo46 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 xggui xp67g cursor-pointer m8hmi hw6xt ejo46 hmpqz focus:outline-hidden rdx35 before:absolute before:inset-0 before:z-1 dark:text-neutral-200 dark:hover:text-blue-500 dark:focus:text-blue-500",
"dropdownClasses": "nqo4p ih37d q9zci rrqls smvag space-y-0.5 zxv30 k9mkq yxawv wavyl w9ar3 overflow-hidden overflow-y-auto hm2m0 uqiuh b3ail ykfhs dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900 dark:border-neutral-700",
"optionClasses": "ur00w xp67g tuuss ejo46 cursor-pointer lk55v wavyl focus:outline-hidden rjc3l dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex saet7 items-center xp67g \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"n2l26 bnmi1 ejo46 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="b8438 flex lokyk">
<button type="button" class="x8hlq flex enhxb items-center ejo46 lk55v mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-label="Next">
<svg class="n2l26 szmrd" 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 q4t00">
<span class="e2vfg ijx7r block cgjzl tuuss z0e83 dark:text-neutral-500">
Mo
</span>
<span class="e2vfg ijx7r block cgjzl tuuss z0e83 dark:text-neutral-500">
Tu
</span>
<span class="e2vfg ijx7r block cgjzl tuuss z0e83 dark:text-neutral-500">
We
</span>
<span class="e2vfg ijx7r block cgjzl tuuss z0e83 dark:text-neutral-500">
Th
</span>
<span class="e2vfg ijx7r block cgjzl tuuss z0e83 dark:text-neutral-500">
Fr
</span>
<span class="e2vfg ijx7r block cgjzl tuuss z0e83 dark:text-neutral-500">
Sa
</span>
<span class="e2vfg ijx7r block cgjzl tuuss z0e83 dark:text-neutral-500">
Su
</span>
</div>
<!-- Weeks -->
<!-- Days -->
<div class="flex">
<div class="c7tqc n1yhd dark:from-neutral-800">
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 av57g hmpqz mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
31
</button>
</div>
<div class="gxtht zqzrw gereu dark:bg-neutral-800">
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 av57g hmpqz mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700">
1
</button>
</div>
<div class="gxtht zqzrw gereu dark:bg-neutral-800">
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 av57g hmpqz mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700">
2
</button>
</div>
<div class="gxtht zqzrw gereu dark:bg-neutral-800">
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 av57g hmpqz mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700">
3
</button>
</div>
<div class="gxtht zqzrw gereu dark:bg-neutral-800">
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 av57g hmpqz mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700">
4
</button>
</div>
<div class="gxtht zqzrw gereu dark:bg-neutral-800">
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="gxtht zqzrw gereu dark:bg-neutral-800">
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="gxtht zqzrw gereu dark:bg-neutral-800">
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="gxtht zqzrw gereu dark:bg-neutral-800">
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="gxtht zqzrw gereu dark:bg-neutral-800">
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="gxtht zqzrw gereu dark:bg-neutral-800">
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="gxtht zqzrw gereu dark:bg-neutral-800">
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="gxtht zqzrw gereu dark:bg-neutral-800">
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="gxtht zqzrw gereu dark:bg-neutral-800">
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="gxtht zqzrw gereu dark:bg-neutral-800">
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="gxtht zqzrw gereu dark:bg-neutral-800">
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="gxtht zqzrw gereu dark:bg-neutral-800">
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="gxtht zqzrw gereu dark:bg-neutral-800">
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="gxtht zqzrw gereu dark:bg-neutral-800">
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="gxtht zqzrw gereu dark:bg-neutral-800">
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="gxtht zqzrw gereu dark:bg-neutral-800">
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="gxtht zqzrw gereu dark:bg-neutral-800">
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="gxtht zqzrw gereu dark:bg-neutral-800">
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="gxtht zqzrw gereu dark:bg-neutral-800">
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="gxtht zqzrw gereu dark:bg-neutral-800">
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="gxtht halra dark:bg-neutral-800">
<button type="button" class="e2vfg ubcvn flex enhxb items-center o0y3u n37x5 je4jy tuuss hw6xt w3h0o av57g mr9qs dark:bg-blue-500 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:hover:border-neutral-700">
25
</button>
</div>
<div>
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 av57g hmpqz mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
1
</button>
</div>
<div>
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 av57g hmpqz mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
2
</button>
</div>
<div>
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 av57g hmpqz mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 av57g hmpqz mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
4
</button>
</div>
<div>
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 av57g hmpqz mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
5
</button>
</div>
<div>
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 av57g hmpqz mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
6
</button>
</div>
<div>
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 av57g hmpqz mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
7
</button>
</div>
<div>
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 av57g hmpqz mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
8
</button>
</div>
<div>
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 av57g hmpqz mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
9
</button>
</div>
<div>
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 av57g hmpqz mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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 mi46d gjk1t lokyk jhbd9 yxawv dark:border-neutral-700 u3ov7">
<button type="button" class="hxfjh l1xlu inline-flex items-center u3ov7 on128 hw6xt wavyl k9mkq yxawv zxv30 ejo46 ntfdl wsl5v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden u7q2f 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="hxfjh l1xlu inline-flex enhxb items-center u3ov7 on128 hw6xt wavyl n37x5 je4jy o0y3u w3h0o pgsi2 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kebql isksk">
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 zziy6 lg:block j76gm lg:end-auto dtee5
[--auto-close-equality-type:less-than]
hs-overlay-open:translate-x-0
-translate-x-full nf9l7 ixagr pve7h
kquz2
hidden
fixed evdk4 a98ho w4zsu
iili6
dark:bg-neutral-950" tabindex="-1" aria-labelledby="hs-pro-chat-sidebar-label">
<div class="ux1hp flex">
<div class="relative te8l0 mga1y flex flex-col ux1hp hx6ns q6ob7">
<header class="mga1y u3poc flex enhxb">
<a class="flex-none clfmf vd22d inline-block hysdx focus:outline-hidden v041e" href="../../pro/chat/index.html" aria-label="Preline">
<svg class="b9dk4 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="sesmt 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="sesmt 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="sesmt dark:fill-white" fill="currentColor"/>
</svg>
</a>
</header>
<!-- Content -->
<div class="mga1y ux1hp flex flex-col zi3gd wwvj4">
<!-- Nav -->
<ul class="cgjzl space-y-4">
<!-- Item -->
<li>
<a class="relative group flex flex-col enhxb items-center cgrem lndac zqruk dark:text-neutral-200 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden" href="../../pro/chat/index.html">
<span class="flex enhxb items-center rdqxy yxsvo wavyl group-hover:bg-gray-300 group-focus:bg-gray-300 dark:group-hover:bg-neutral-800 dark:group-focus:bg-neutral-800 ipy2k">
<svg class="n2l26 szmrd group-hover:scale-110 mx-auto ipy2k" xmlns="http://www.w3.org/2000/svg" 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 vie7r te8l0">
<span class="relative p56is f9ric inline-flex enhxb items-center y6g4k klnns w3h0o mr9qs jvthl">
4
</span>
</span>
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li>
<a class="relative group flex flex-col enhxb items-center cgrem lndac zqruk dark:text-neutral-200 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden" href="../../pro/chat/tickets.html">
<span class="flex enhxb items-center rdqxy yxsvo wavyl group-hover:bg-gray-300 group-focus:bg-gray-300 dark:group-hover:bg-neutral-800 dark:group-focus:bg-neutral-800 ipy2k">
<svg class="n2l26 szmrd group-hover:scale-110 mx-auto ipy2k" xmlns="http://www.w3.org/2000/svg" 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 enhxb items-center cgrem lndac zqruk dark:text-neutral-200 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden" href="../../pro/chat/visitors.html">
<span class="flex enhxb items-center rdqxy yxsvo wavyl group-hover:bg-gray-300 group-focus:bg-gray-300 dark:group-hover:bg-neutral-800 dark:group-focus:bg-neutral-800 ipy2k">
<svg class="n2l26 szmrd group-hover:scale-110 mx-auto ipy2k" xmlns="http://www.w3.org/2000/svg" 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 enhxb items-center cgrem lndac zqruk dark:text-neutral-200 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden" href="../../pro/chat/activity.html">
<span class="flex enhxb items-center rdqxy yxsvo wavyl r01ey dark:bg-neutral-800 ipy2k">
<svg class="n2l26 szmrd group-hover:scale-110 mx-auto ipy2k" xmlns="http://www.w3.org/2000/svg" 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 enhxb items-center cgrem lndac zqruk dark:text-neutral-200 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden" href="../../pro/chat/reports.html">
<span class="flex enhxb items-center rdqxy yxsvo wavyl group-hover:bg-gray-300 group-focus:bg-gray-300 dark:group-hover:bg-neutral-800 dark:group-focus:bg-neutral-800 ipy2k">
<svg class="n2l26 szmrd group-hover:scale-110 mx-auto ipy2k" xmlns="http://www.w3.org/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 enhxb items-center cgrem lndac zqruk dark:text-neutral-200 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden" href="../../pro/index.html">
<span class="flex enhxb items-center rdqxy yxsvo wavyl group-hover:bg-gray-300 group-focus:bg-gray-300 dark:group-hover:bg-neutral-800 dark:group-focus:bg-neutral-800">
<svg class="n2l26 szmrd group-hover:scale-110 mx-auto ipy2k" xmlns="http://www.w3.org/2000/svg" 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 r1t8r">
<span class="relative flex">
<span class="soy1n absolute inline-flex kquz2 mr9qs null.notification.animation et2cn"></span>
<span class="relative inline-flex z9hxv null.notification.bg mr9qs"></span>
<span class="r8a99">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 enhxb items-center cgrem lndac zqruk 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 enhxb items-center rdqxy yxsvo wavyl group-hover:bg-gray-300 group-focus:bg-gray-300 dark:group-hover:bg-neutral-800 dark:group-focus:bg-neutral-800">
<svg class="n2l26 szmrd group-hover:scale-110 mx-auto ipy2k" xmlns="http://www.w3.org/2000/svg" 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 c22dz transition-[opacity,margin] duration opacity-0 hidden te8l0 zxv30 mzy38 w9ar3 dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-chmsnmd">
<div class="smvag space-y-0.5">
<!-- Item -->
<label for="hs-pro-chsnldin" class="f9d5d l1xlu group flex items-center rdqxy wavyl cursor-pointer d5esf ejo46 lk55v 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="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="n2l26 bnmi1 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="f9d5d l1xlu group flex items-center rdqxy wavyl cursor-pointer d5esf ejo46 lk55v 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="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="n2l26 bnmi1 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="f9d5d l1xlu group flex items-center rdqxy wavyl cursor-pointer d5esf ejo46 lk55v 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="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="n2l26 bnmi1 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="f9d5d l1xlu group flex items-center rdqxy wavyl cursor-pointer d5esf ejo46 lk55v 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="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="n2l26 bnmi1 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="f9d5d l1xlu group flex items-center rdqxy wavyl cursor-pointer d5esf ejo46 lk55v 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="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="n2l26 bnmi1 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="f9d5d l1xlu group flex items-center rdqxy wavyl cursor-pointer d5esf ejo46 lk55v 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="n2l26 szmrd" xmlns="http://www.w3.org/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="n2l26 bnmi1 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="f9d5d l1xlu group flex items-center rdqxy wavyl cursor-pointer d5esf ejo46 lk55v 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="n2l26 szmrd" xmlns="http://www.w3.org/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="n2l26 bnmi1 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="f9d5d l1xlu group flex items-center rdqxy wavyl cursor-pointer d5esf ejo46 lk55v 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="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="n2l26 bnmi1 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="mga1y space-y-3 bm1bw">
<div class="hidden lg:block">
<!-- Project Dropdown -->
<div class="inline-flex enhxb xp67g">
<div class="hs-dropdown relative [--strategy:absolute] [--placement:bottom-left] inline-flex">
<!-- Project Button -->
<button id="hs-pro-dnwpd" type="button" class="flex enhxb items-center rdqxy x8hlq mx- wavyl k4vay kn30h dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<img class="n2l26 x8hlq clfmf nbsdr" src="../../assets/img/logo/hs.png" alt="Logo">
<span class="r8a99">Htmlstream</span>
</button>
<!-- End Project Button -->
<!-- Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 q33ez transition-[opacity,margin] duration opacity-0 hidden mjppw zxv30 mzy38 x32l5 dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-dnwpd">
<div class="smvag">
<span class="block zi3gd ffxit eaq9a on128 z0e83 dark:text-neutral-500">
Workspaces (2)
</span>
<!-- Item -->
<label for="hs-pro-dplid1" class="hcvae psrjx group flex ifpha items-center rdqxy wavyl cursor-pointer d5esf ejo46 lk55v 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="n2l26 szmrd 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="dgznh">
<span class="block tuuss hw6xt ejo46 dark:text-neutral-200">
Htmlstream
</span>
<span class="block on128 z0e83 dark:text-neutral-500">
htmlstream.preline.so
</span>
</span>
<img class="n2l26 x7ecd clfmf nbsdr" src="../../assets/img/logo/hs.png" alt="Logo">
</label>
<!-- End Item -->
<!-- Item -->
<label for="hs-pro-dplid2" class="hcvae psrjx group flex ifpha items-center rdqxy wavyl cursor-pointer d5esf ejo46 lk55v 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="n2l26 szmrd 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="dgznh">
<span class="block tuuss hw6xt ejo46 dark:text-neutral-200">
Bloomark
</span>
<span class="block on128 z0e83 dark:text-neutral-500">
bloomark.preline.com
</span>
</span>
<img class="n2l26 x7ecd clfmf nbsdr" src="../../assets/img/logo/logo-short.png" alt="Logo">
</label>
<!-- End Item -->
<button type="button" class="group xp67g flex items-center rdqxy hxfjh psrjx wavyl tuuss ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/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="smvag jhbd9 yxawv dark:border-neutral-800">
<span class="block zi3gd ffxit eaq9a on128 z0e83 dark:text-neutral-500">
Download mobile app bty75
</span>
<a class="flex items-center rdqxy f9d5d psrjx xp67g wavyl tuuss ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<svg class="n2l26 szmrd" 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="n2l26 bnmi1 ms-auto wvpal" xmlns="http://www.w3.org/2000/svg" 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 rdqxy f9d5d psrjx xp67g wavyl tuuss ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<svg class="n2l26 szmrd" 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="n2l26 bnmi1 ms-auto wvpal" xmlns="http://www.w3.org/2000/svg" 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="smvag jhbd9 yxawv dark:border-neutral-800">
<a class="flex items-center rdqxy f9d5d psrjx wavyl tuuss ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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 rdqxy f9d5d psrjx wavyl tuuss ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
Preferences
</a>
<a class="flex items-center rdqxy f9d5d psrjx wavyl tuuss ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
Manage workspace
</a>
</div>
<div class="smvag jhbd9 yxawv dark:border-neutral-800">
<button type="button" class="xp67g flex items-center rdqxy hxfjh psrjx wavyl tuuss ejo46 lk55v disabled:opacity-50 focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
Sign out
<span class="ms-auto on128 z0e83 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 enhxb xp67g">
<div class="hs-dropdown relative [--strategy:absolute] [--auto-close:inside] [--placement:bottom-right] inline-flex">
<button id="hs-pro-chmsad" type="button" class="flex enhxb items-center rdqxy x8hlq m8hmi disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<img class="n2l26 mr9qs" 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 z9hxv mr9qs h7uoa ab3j4 y56jy dark:ring-neutral-800"></span>
</button>
<!-- Account Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 os8l9 transition-[opacity,margin] duration opacity-0 hidden mjppw zxv30 mzy38 x32l5 dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-chmsad">
<div class="smvag">
<a class="flex items-center rdqxy f9d5d psrjx wavyl tuuss ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<svg class="n2l26 icbx8 szmrd" xmlns="http://www.w3.org/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 rdqxy f9d5d psrjx wavyl tuuss ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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 rdqxy f9d5d psrjx wavyl tuuss ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<svg class="n2l26 icbx8 szmrd" xmlns="http://www.w3.org/2000/svg" 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="f9d5d g98ic rncu4 yxawv dark:border-neutral-800">
<!-- Switch/Toggle -->
<div class="flex flex-wrap saet7 items-center v6f2r">
<label for="hs-pro-chmsaddm" class="flex flex-1 cursor-pointer tuuss ejo46 dark:text-neutral-300">Dark mode</label>
<label for="hs-pro-chmsaddm" class="relative inline-block pst4e ipsyh cursor-pointer">
<input data-hs-theme-switch type="checkbox" id="hs-pro-chmsaddm" class="peer r8a99">
<span class="absolute inset-0 iili6 mr9qs en36y rvew4 se6sv 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 uwi6w pqx29 -translate-y-1/2 szmrd zxv30 mr9qs dossw o9jos rvew4 se6sv peer-checked:translate-x-full dark:bg-neutral-400 dark:peer-checked:bg-white"></span>
</label>
</div>
<!-- End Switch/Toggle -->
</div>
<div class="smvag">
<a class="flex items-center rdqxy f9d5d psrjx wavyl tuuss ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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="zum3l kquz2 truncate zxv30 pny84 yxawv dark:bg-neutral-800 dark:border-neutral-700">
<div class="ux1hp flex flex-col">
<!-- Header -->
<div class="ur00w e091g flex saet7 items-center u3ov7">
<span id="hs-pro-chat-sidebar-label" class="block truncate hysdx ejo46 dark:text-neutral-200">
Tickets
</span>
<div class="flex items-center">
<!-- Button -->
<button type="button" class="flex enhxb items-center rdqxy x8hlq tuuss zqruk lk55v mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="r8a99">Compose</span>
</button>
<!-- End Button -->
<!-- Button -->
<div class="lg:hidden relative flex items-center r2jif jsn0m fxthc 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 enhxb items-center rdqxy x8hlq tuuss zqruk lk55v mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="r8a99">Compose</span>
</button>
</div>
<!-- End Button -->
</div>
</div>
<!-- End Header -->
<!-- Search Input -->
<div class="ur00w myf40">
<div class="relative">
<input type="text" class="hxfjh psrjx block xp67g gxtht je4jy wavyl tm0mx wqv3r y16xq wtpak jfhve fwe1v st4vp isksk 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 evdk4 aoum9 flex items-center mjppw svb23">
<button type="button" class="inline-flex n2l26 enhxb items-center rekd6 mr9qs z0e83 hmpqz focus:outline-hidden rdx35 dark:text-neutral-500 dark:hover:text-blue-500 dark:focus:text-blue-500" aria-label="Close">
<span class="r8a99">Close</span>
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/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="ux1hp flex flex-col overflow-y-auto hm2m0 uqiuh b3ail ykfhs dark:[&::-webkit-scrollbar-track]:bg-neutral-700/50 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<!-- List -->
<div class="ur00w flex flex-col cudi3">
<a class="flex items-center j2p6t f9d5d u4s9n d5esf ejo46 wavyl lk55v focus:outline-hidden rjc3l dark:hover:bg-neutral-700/50 dark:text-neutral-200 dark:focus:bg-neutral-700/50" href="tickets.html">
<span class="lk7kv">
<svg class="n2l26 bnmi1 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="on128 wvpal">
199
</span>
</span>
</a>
<a class="flex items-center j2p6t f9d5d u4s9n d5esf ejo46 wavyl gxtht focus:outline-hidden dark:bg-neutral-700/50 dark:text-neutral-300" href="activity.html">
<span class="lk7kv">
<svg class="n2l26 bnmi1 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="on128 wvpal">
20
</span>
</span>
</a>
<a class="flex items-center j2p6t f9d5d u4s9n d5esf ejo46 wavyl lk55v focus:outline-hidden rjc3l dark:hover:bg-neutral-700/50 dark:text-neutral-200 dark:focus:bg-neutral-700/50" href="#">
<span class="lk7kv">
<svg class="n2l26 bnmi1 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="on128 wvpal">
8
</span>
</span>
</a>
<a class="flex items-center j2p6t f9d5d u4s9n d5esf ejo46 wavyl lk55v focus:outline-hidden rjc3l dark:hover:bg-neutral-700/50 dark:text-neutral-200 dark:focus:bg-neutral-700/50" href="#">
<span class="lk7kv">
<svg class="n2l26 bnmi1 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="on128 wvpal">
14
</span>
</span>
</a>
<a class="flex items-center j2p6t f9d5d u4s9n hysdx d5esf ejo46 wavyl lk55v focus:outline-hidden rjc3l dark:hover:bg-neutral-700/50 dark:text-neutral-200 dark:focus:bg-neutral-700/50" href="#">
<span class="lk7kv">
<svg class="n2l26 bnmi1 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="on128">
62
</span>
</span>
</a>
<a class="flex items-center j2p6t f9d5d u4s9n d5esf ejo46 wavyl lk55v focus:outline-hidden rjc3l dark:hover:bg-neutral-700/50 dark:text-neutral-300 dark:focus:bg-neutral-700/50" href="#">
<span class="lk7kv">
<svg class="n2l26 bnmi1 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="on128 wvpal">
28
</span>
</span>
</a>
<!-- List -->
<div class="hs-accordion" id="show-more-accordion">
<button type="button" class="hs-accordion-toggle flex n2l26 enhxb items-center rdqxy f9d5d l1xlu on128 z0e83 wavyl lk55v focus:outline-hidden rjc3l 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 n2l26 bnmi1 ipy2k" xmlns="http://www.w3.org/2000/svg" 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 xp67g overflow-hidden transition-[height] ixagr hidden" role="region" aria-labelledby="show-more-accordion">
<!-- List -->
<div class="hs-accordion-group icbx8 space-y-0.5" data-hs-accordion-always-open>
<a class="flex items-center j2p6t f9d5d u4s9n d5esf ejo46 wavyl lk55v focus:outline-hidden rjc3l dark:hover:bg-neutral-700/50 dark:text-neutral-300 dark:focus:bg-neutral-700/50" href="#">
<span class="lk7kv">
<svg class="n2l26 bnmi1 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 j2p6t f9d5d u4s9n hysdx d5esf ejo46 wavyl lk55v focus:outline-hidden rjc3l dark:hover:bg-neutral-700/50 dark:text-neutral-200 dark:focus:bg-neutral-700/50" href="#">
<span class="lk7kv">
<svg class="n2l26 bnmi1 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="on128">
3
</span>
</span>
</a>
</div>
<!-- End List -->
</div>
<!-- End Accordion -->
</div>
<!-- End List -->
</div>
<!-- End List -->
<!-- List -->
<div class="hs-accordion ur00w group active" id="teams-accordion">
<!-- Heading -->
<div class="flex items-center u3ov7 j6548">
<button type="button" class="hs-accordion-toggle flex n2l26 enhxb items-center rekd6 z0e83 wavyl lk55v focus:outline-hidden rjc3l 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 n2l26 bnmi1 ipy2k" xmlns="http://www.w3.org/2000/svg" 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="r8a99">Toggle Button</span>
</button>
<span class="truncate on128 z0e83 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 n2l26 enhxb items-center rekd6 z0e83 wavyl lk55v focus:outline-hidden rjc3l dark:hover:bg-neutral-700 dark:text-neutral-500 dark:focus:bg-neutral-700">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="r8a99">Create</span>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl dark:bg-neutral-700" role="tooltip">
Create new teams
</span>
</div>
</div>
<!-- End Heading -->
<!-- Accordion -->
<div id="teams-accordion-sub" class="hs-accordion-content xp67g overflow-hidden transition-[height] ixagr" role="region" aria-labelledby="teams-accordion">
<!-- List -->
<div class="hs-accordion-group icbx8 space-y-0.5" data-hs-accordion-always-open>
<a class="flex items-center j2p6t f9d5d u4s9n d5esf ejo46 wavyl lk55v focus:outline-hidden rjc3l dark:hover:bg-neutral-700/50 dark:text-neutral-300 dark:focus:bg-neutral-700/50" href="#">
<span class="lk7kv">
<svg class="n2l26 bnmi1 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="on128 wvpal">
70
</span>
</span>
</a>
<a class="flex items-center j2p6t f9d5d u4s9n d5esf ejo46 wavyl lk55v focus:outline-hidden rjc3l dark:hover:bg-neutral-700/50 dark:text-neutral-300 dark:focus:bg-neutral-700/50" href="#">
<span class="lk7kv">
<svg class="n2l26 bnmi1 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="on128 wvpal">
8
</span>
</span>
</a>
<a class="flex items-center j2p6t f9d5d u4s9n hysdx d5esf ejo46 wavyl lk55v focus:outline-hidden rjc3l dark:hover:bg-neutral-700/50 dark:text-neutral-300 dark:focus:bg-neutral-700/50" href="#">
<span class="lk7kv">
<svg class="n2l26 bnmi1 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="on128">
50
</span>
</span>
</a>
<button type="button" class="flex items-center j2p6t xp67g f9d5d u4s9n on128 z0e83 wavyl lk55v focus:outline-hidden rjc3l dark:hover:bg-neutral-700/50 dark:text-neutral-500 dark:focus:bg-neutral-700/50">
<span class="flex enhxb items-center s1u6m iili6 z0e83 mr9qs dark:bg-neutral-500/10 dark:text-neutral-500">
<svg class="n2l26 bnmi1 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 ur00w group active" id="teammates-accordion">
<!-- Heading -->
<div class="flex items-center u3ov7 j6548">
<button type="button" class="hs-accordion-toggle flex n2l26 enhxb items-center rekd6 z0e83 wavyl lk55v focus:outline-hidden rjc3l 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 n2l26 bnmi1 ipy2k" xmlns="http://www.w3.org/2000/svg" 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="r8a99">Toggle Button</span>
</button>
<span class="truncate on128 z0e83 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 n2l26 enhxb items-center rekd6 z0e83 wavyl lk55v focus:outline-hidden rjc3l dark:hover:bg-neutral-700 dark:text-neutral-500 dark:focus:bg-neutral-700">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="r8a99">Create</span>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl dark:bg-neutral-700" role="tooltip">
Invite teammates
</span>
</div>
</div>
<!-- End Heading -->
<!-- Accordion -->
<div id="teammates-accordion-sub" class="hs-accordion-content xp67g overflow-hidden transition-[height] ixagr" role="region" aria-labelledby="teammates-accordion">
<!-- List -->
<div class="hs-accordion-group icbx8 space-y-0.5" data-hs-accordion-always-open>
<a class="flex items-center j2p6t f9d5d u4s9n d5esf ejo46 wavyl lk55v focus:outline-hidden rjc3l dark:hover:bg-neutral-700/50 dark:text-neutral-300 dark:focus:bg-neutral-700/50" href="#">
<img class="n2l26 s1u6m mr9qs" 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="dgznh">
<span class="block d5esf ejo46 dark:text-neutral-200">
Lewis Clarke
</span>
</div>
</a>
<a class="flex items-center j2p6t f9d5d u4s9n d5esf ejo46 wavyl lk55v focus:outline-hidden rjc3l dark:hover:bg-neutral-700/50 dark:text-neutral-300 dark:focus:bg-neutral-700/50" href="#">
<img class="n2l26 s1u6m mr9qs" 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="dgznh">
<span class="block d5esf ejo46 dark:text-neutral-200">
Ella Lauda
</span>
</div>
</a>
<a class="flex items-center j2p6t f9d5d u4s9n d5esf ejo46 wavyl lk55v focus:outline-hidden rjc3l dark:hover:bg-neutral-700/50 dark:text-neutral-300 dark:focus:bg-neutral-700/50" href="#">
<span class="flex n2l26 enhxb items-center s1u6m on128 hw6xt dq2gi avow8 w3h0o mr9qs">
R
</span>
<div class="dgznh">
<span class="block d5esf ejo46 dark:text-neutral-200">
Rachel Doe
</span>
</div>
</a>
<button type="button" class="flex items-center j2p6t xp67g f9d5d u4s9n on128 z0e83 wavyl lk55v focus:outline-hidden rjc3l dark:hover:bg-neutral-700/50 dark:text-neutral-500 dark:focus:bg-neutral-700/50">
<span class="flex enhxb items-center s1u6m iili6 z0e83 mr9qs dark:bg-neutral-500/10 dark:text-neutral-500">
<svg class="n2l26 bnmi1 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 ur00w group active" id="records-accordion">
<!-- Heading -->
<div class="flex items-center u3ov7 j6548">
<button type="button" class="hs-accordion-toggle flex n2l26 enhxb items-center rekd6 z0e83 wavyl lk55v focus:outline-hidden rjc3l 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 n2l26 bnmi1 ipy2k" xmlns="http://www.w3.org/2000/svg" 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="r8a99">Toggle Button</span>
</button>
<span class="truncate on128 z0e83 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 n2l26 enhxb items-center rekd6 z0e83 wavyl lk55v focus:outline-hidden rjc3l dark:hover:bg-neutral-700 dark:text-neutral-500 dark:focus:bg-neutral-700">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="r8a99">Create</span>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl dark:bg-neutral-700" role="tooltip">
Create new records
</span>
</div>
</div>
<!-- End Heading -->
<!-- Accordion -->
<div id="records-accordion-sub" class="hs-accordion-content xp67g overflow-hidden transition-[height] ixagr" role="region" aria-labelledby="records-accordion">
<!-- List -->
<div class="hs-accordion-group icbx8 space-y-0.5" data-hs-accordion-always-open>
<a class="flex items-center j2p6t f9d5d u4s9n d5esf ejo46 wavyl lk55v focus:outline-hidden rjc3l dark:hover:bg-neutral-700/50 dark:text-neutral-300 dark:focus:bg-neutral-700/50" href="#">
<span class="flex enhxb items-center s1u6m mmvqx w3h0o on128 mr9qs">
C
</span>
Companies
</a>
<a class="flex items-center j2p6t f9d5d u4s9n d5esf ejo46 wavyl lk55v focus:outline-hidden rjc3l dark:hover:bg-neutral-700/50 dark:text-neutral-300 dark:focus:bg-neutral-700/50" href="#">
<span class="flex enhxb items-center s1u6m hajb3 w3h0o on128 mr9qs">
P
</span>
People
</a>
<a class="flex items-center j2p6t f9d5d u4s9n d5esf ejo46 wavyl lk55v focus:outline-hidden rjc3l dark:hover:bg-neutral-700/50 dark:text-neutral-300 dark:focus:bg-neutral-700/50" href="#">
<span class="flex enhxb items-center s1u6m e9a6o w3h0o on128 mr9qs">
W
</span>
Workspaces
</a>
<a class="flex items-center j2p6t f9d5d u4s9n d5esf ejo46 wavyl lk55v focus:outline-hidden rjc3l dark:hover:bg-neutral-700/50 dark:text-neutral-300 dark:focus:bg-neutral-700/50" href="#">
<span class="flex enhxb items-center s1u6m zp075 w3h0o on128 mr9qs dark:bg-neutral-600">
P
</span>
Products
</a>
<button type="button" class="flex items-center j2p6t xp67g f9d5d u4s9n on128 z0e83 wavyl lk55v focus:outline-hidden rjc3l dark:hover:bg-neutral-700/50 dark:text-neutral-500 dark:focus:bg-neutral-700/50">
<span class="flex enhxb items-center s1u6m iili6 z0e83 mr9qs dark:bg-neutral-500/10 dark:text-neutral-500">
<svg class="n2l26 bnmi1 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="wbyaw wj9nb">
<!-- Tab Content -->
<div id="hs-pro-tabs-chr-activity" role="tabpanel" aria-labelledby="hs-pro-tabs-chr-item-activity">
<!-- Content -->
<div class="p7mth o3geb xp67g mx-auto a43p4 zxv30 vltoj v6d9e gboq4 ur00w dta7e dark:bg-neutral-800 dark:border-neutral-700">
<!-- Loading Indicator -->
<div class="ux1hp flex flex-col enhxb items-center cgjzl">
<span class="f9d5d inline-flex r2jif">
<span class="z859i g0adn mr9qs animate-[typing_1s_ease-in-out_infinite] dark:bg-neutral-200"></span>
<span class="z859i g0adn mr9qs animate-[typing_1s_ease-in-out_infinite_0.2s] dark:bg-neutral-200"></span>
<span class="z859i g0adn mr9qs animate-[typing_1s_ease-in-out_infinite_0.4s] dark:bg-neutral-200"></span>
</span>
<p class="eg6px hysdx ejo46 dark:text-neutral-200">
Activity
</p>
<p class="kd00o tuuss z0e83 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="p7mth o3geb xp67g mx-auto a43p4 zxv30 vltoj v6d9e gboq4 ur00w dta7e dark:bg-neutral-800 dark:border-neutral-700">
<!-- Loading Indicator -->
<div class="ux1hp flex flex-col enhxb items-center cgjzl">
<span class="f9d5d inline-flex r2jif">
<span class="z859i g0adn mr9qs animate-[typing_1s_ease-in-out_infinite] dark:bg-neutral-200"></span>
<span class="z859i g0adn mr9qs animate-[typing_1s_ease-in-out_infinite_0.2s] dark:bg-neutral-200"></span>
<span class="z859i g0adn mr9qs animate-[typing_1s_ease-in-out_infinite_0.4s] dark:bg-neutral-200"></span>
</span>
<p class="eg6px hysdx ejo46 dark:text-neutral-200">
Mentions
</p>
<p class="kd00o tuuss z0e83 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="p7mth o3geb xp67g mx-auto a43p4 zxv30 vltoj v6d9e gboq4 ur00w dta7e dark:bg-neutral-800 dark:border-neutral-700">
<!-- Loading Indicator -->
<div class="ux1hp flex flex-col enhxb items-center cgjzl">
<span class="f9d5d inline-flex r2jif">
<span class="z859i g0adn mr9qs animate-[typing_1s_ease-in-out_infinite] dark:bg-neutral-200"></span>
<span class="z859i g0adn mr9qs animate-[typing_1s_ease-in-out_infinite_0.2s] dark:bg-neutral-200"></span>
<span class="z859i g0adn mr9qs animate-[typing_1s_ease-in-out_infinite_0.4s] dark:bg-neutral-200"></span>
</span>
<p class="eg6px hysdx ejo46 dark:text-neutral-200">
Assigned
</p>
<p class="kd00o tuuss z0e83 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 gxtht dark:bg-neutral-900">
<!-- ========== HEADER ========== -->
<header class="zrkxq fixed zxmp1 x2ip9 flex flex-wrap m6g38 md:flex-nowrap ih37d zxv30 xu4xz yxawv dark:bg-neutral-800 dark:border-neutral-700">
<div class="flex saet7 u3ov7 offvz items-center xp67g u3poc u4s9n ymbz2">
<div class="lg:hidden">
<!-- Sidebar Toggle -->
<button type="button" class="x8hlq inline-flex enhxb items-center u3ov7 tuuss hw6xt wavyl k9mkq yxawv zxv30 ejo46 ntfdl wsl5v focus:outline-hidden rjc3l 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="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="dgznh truncate">
<div class="flex items-center rdqxy">
<a class="ur00w inline-flex items-center u3ov7 on128 wavyl k9mkq yxawv zxv30 ejo46 wsl5v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden u7q2f 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="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="dgznh hidden sm:block truncate">
<p class="truncate on128 z0e83 dark:text-neutral-500">
Last updated 10 minutes ago
</p>
<p class="truncate on128 z0e83 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="ur00w inline-flex items-center lwq0m on128 xggui wavyl k9mkq je4jy zxv30 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 qxudl am8b9 transition-[opacity,margin] duration opacity-0 hidden g4yv4 ih37d zxv30 mzy38 x32l5 dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-dachcd">
<div class=" flex flex-col zxv30 k9mkq yxawv w9ar3 mzy38 overflow-hidden dark:bg-neutral-900 dark:border-neutral-700">
<!-- Calendar -->
<div class="sm:flex">
<!-- Calendar -->
<div class="fop0g space-y-0.5">
<!-- Months -->
<div class="khfgm vckwj items-center rdqxy xvgxz i1v87">
<!-- Prev Button -->
<div class="b8438">
<button type="button" class="x8hlq flex enhxb items-center ejo46 lk55v mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-label="Previous">
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="mchqp flex enhxb items-center r2jif">
<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 xggui xp67g cursor-pointer m8hmi hw6xt ejo46 hmpqz focus:outline-hidden rdx35 before:absolute before:inset-0 before:z-1 dark:text-neutral-200 dark:hover:text-blue-500 dark:focus:text-blue-500",
"dropdownClasses": "nqo4p ih37d ahgde rrqls smvag space-y-0.5 zxv30 k9mkq yxawv wavyl w9ar3 overflow-hidden overflow-y-auto hm2m0 uqiuh b3ail ykfhs dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900 dark:border-neutral-700",
"optionClasses": "ur00w xp67g tuuss ejo46 cursor-pointer lk55v wavyl focus:outline-hidden rjc3l dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex saet7 items-center xp67g \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"n2l26 bnmi1 ejo46 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="ejo46 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 xggui xp67g cursor-pointer m8hmi hw6xt ejo46 hmpqz focus:outline-hidden rdx35 before:absolute before:inset-0 before:z-1 dark:text-neutral-200 dark:hover:text-blue-500 dark:focus:text-blue-500",
"dropdownClasses": "nqo4p ih37d q9zci rrqls smvag space-y-0.5 zxv30 k9mkq yxawv wavyl w9ar3 overflow-hidden overflow-y-auto hm2m0 uqiuh b3ail ykfhs dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900 dark:border-neutral-700",
"optionClasses": "ur00w xp67g tuuss ejo46 cursor-pointer lk55v wavyl focus:outline-hidden rjc3l dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex saet7 items-center xp67g \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"n2l26 bnmi1 ejo46 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="b8438 flex lokyk">
<button type="button" class="opacity-0 n8854 x8hlq flex enhxb items-center ejo46 lk55v mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-label="Next">
<svg class="n2l26 szmrd" 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 q4t00">
<span class="e2vfg ijx7r block cgjzl tuuss z0e83 dark:text-neutral-500">
Mo
</span>
<span class="e2vfg ijx7r block cgjzl tuuss z0e83 dark:text-neutral-500">
Tu
</span>
<span class="e2vfg ijx7r block cgjzl tuuss z0e83 dark:text-neutral-500">
We
</span>
<span class="e2vfg ijx7r block cgjzl tuuss z0e83 dark:text-neutral-500">
Th
</span>
<span class="e2vfg ijx7r block cgjzl tuuss z0e83 dark:text-neutral-500">
Fr
</span>
<span class="e2vfg ijx7r block cgjzl tuuss z0e83 dark:text-neutral-500">
Sa
</span>
<span class="e2vfg ijx7r block cgjzl tuuss z0e83 dark:text-neutral-500">
Su
</span>
</div>
<!-- Weeks -->
<!-- Days -->
<div class="flex">
<div>
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="gxtht plnkz dark:bg-neutral-800">
<button type="button" class="e2vfg ubcvn flex enhxb items-center o0y3u n37x5 je4jy tuuss hw6xt w3h0o av57g mr9qs dark:bg-blue-500 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:hover:border-neutral-700">
25
</button>
</div>
<div class="gxtht zqzrw gereu dark:bg-neutral-800">
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="gxtht zqzrw gereu dark:bg-neutral-800">
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="gxtht zqzrw gereu dark:bg-neutral-800">
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="gxtht zqzrw gereu dark:bg-neutral-800">
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="gxtht zqzrw gereu dark:bg-neutral-800">
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="gxtht zqzrw gereu dark:bg-neutral-800">
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="bkhb8 n1yhd dark:from-neutral-800">
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 av57g hmpqz mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
1
</button>
</div>
<div>
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 av57g hmpqz mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
2
</button>
</div>
<div>
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 av57g hmpqz mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
3
</button>
</div>
<div>
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 av57g hmpqz mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
4
</button>
</div>
<div>
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 av57g hmpqz mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
5
</button>
</div>
<div>
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 av57g hmpqz mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
6
</button>
</div>
</div>
<!-- Days -->
</div>
<!-- Calendar -->
<div class="fop0g space-y-0.5">
<!-- Months -->
<div class="khfgm vckwj items-center rdqxy xvgxz i1v87">
<!-- Prev Button -->
<div class="b8438">
<button type="button" class="opacity-0 n8854 x8hlq flex enhxb items-center ejo46 lk55v mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-label="Previous">
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="mchqp flex enhxb items-center r2jif">
<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 xggui xp67g cursor-pointer m8hmi hw6xt ejo46 hmpqz focus:outline-hidden rdx35 before:absolute before:inset-0 before:z-1 dark:text-neutral-200 dark:hover:text-blue-500 dark:focus:text-blue-500",
"dropdownClasses": "nqo4p ih37d ahgde rrqls smvag space-y-0.5 zxv30 k9mkq yxawv wavyl w9ar3 overflow-hidden overflow-y-auto hm2m0 uqiuh b3ail ykfhs dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900 dark:border-neutral-700",
"optionClasses": "ur00w xp67g tuuss ejo46 cursor-pointer lk55v wavyl focus:outline-hidden rjc3l dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex saet7 items-center xp67g \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"n2l26 bnmi1 ejo46 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="ejo46 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 xggui xp67g cursor-pointer m8hmi hw6xt ejo46 hmpqz focus:outline-hidden rdx35 before:absolute before:inset-0 before:z-1 dark:text-neutral-200 dark:hover:text-blue-500 dark:focus:text-blue-500",
"dropdownClasses": "nqo4p ih37d q9zci rrqls smvag space-y-0.5 zxv30 k9mkq yxawv wavyl w9ar3 overflow-hidden overflow-y-auto hm2m0 uqiuh b3ail ykfhs dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900 dark:border-neutral-700",
"optionClasses": "ur00w xp67g tuuss ejo46 cursor-pointer lk55v wavyl focus:outline-hidden rjc3l dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex saet7 items-center xp67g \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"n2l26 bnmi1 ejo46 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="b8438 flex lokyk">
<button type="button" class="x8hlq flex enhxb items-center ejo46 lk55v mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-label="Next">
<svg class="n2l26 szmrd" 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 q4t00">
<span class="e2vfg ijx7r block cgjzl tuuss z0e83 dark:text-neutral-500">
Mo
</span>
<span class="e2vfg ijx7r block cgjzl tuuss z0e83 dark:text-neutral-500">
Tu
</span>
<span class="e2vfg ijx7r block cgjzl tuuss z0e83 dark:text-neutral-500">
We
</span>
<span class="e2vfg ijx7r block cgjzl tuuss z0e83 dark:text-neutral-500">
Th
</span>
<span class="e2vfg ijx7r block cgjzl tuuss z0e83 dark:text-neutral-500">
Fr
</span>
<span class="e2vfg ijx7r block cgjzl tuuss z0e83 dark:text-neutral-500">
Sa
</span>
<span class="e2vfg ijx7r block cgjzl tuuss z0e83 dark:text-neutral-500">
Su
</span>
</div>
<!-- Weeks -->
<!-- Days -->
<div class="flex">
<div class="c7tqc n1yhd dark:from-neutral-800">
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 av57g hmpqz mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
31
</button>
</div>
<div class="gxtht zqzrw gereu dark:bg-neutral-800">
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 av57g hmpqz mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700">
1
</button>
</div>
<div class="gxtht zqzrw gereu dark:bg-neutral-800">
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 av57g hmpqz mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700">
2
</button>
</div>
<div class="gxtht zqzrw gereu dark:bg-neutral-800">
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 av57g hmpqz mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700">
3
</button>
</div>
<div class="gxtht zqzrw gereu dark:bg-neutral-800">
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 av57g hmpqz mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700">
4
</button>
</div>
<div class="gxtht zqzrw gereu dark:bg-neutral-800">
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="gxtht zqzrw gereu dark:bg-neutral-800">
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="gxtht zqzrw gereu dark:bg-neutral-800">
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="gxtht zqzrw gereu dark:bg-neutral-800">
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="gxtht zqzrw gereu dark:bg-neutral-800">
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="gxtht zqzrw gereu dark:bg-neutral-800">
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="gxtht zqzrw gereu dark:bg-neutral-800">
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="gxtht zqzrw gereu dark:bg-neutral-800">
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="gxtht zqzrw gereu dark:bg-neutral-800">
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="gxtht zqzrw gereu dark:bg-neutral-800">
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="gxtht zqzrw gereu dark:bg-neutral-800">
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="gxtht zqzrw gereu dark:bg-neutral-800">
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="gxtht zqzrw gereu dark:bg-neutral-800">
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="gxtht zqzrw gereu dark:bg-neutral-800">
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="gxtht zqzrw gereu dark:bg-neutral-800">
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="gxtht zqzrw gereu dark:bg-neutral-800">
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="gxtht zqzrw gereu dark:bg-neutral-800">
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="gxtht zqzrw gereu dark:bg-neutral-800">
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="gxtht zqzrw gereu dark:bg-neutral-800">
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="gxtht zqzrw gereu dark:bg-neutral-800">
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="gxtht halra dark:bg-neutral-800">
<button type="button" class="e2vfg ubcvn flex enhxb items-center o0y3u n37x5 je4jy tuuss hw6xt w3h0o av57g mr9qs dark:bg-blue-500 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:hover:border-neutral-700">
25
</button>
</div>
<div>
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 av57g hmpqz mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
1
</button>
</div>
<div>
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 av57g hmpqz mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
2
</button>
</div>
<div>
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 av57g hmpqz mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 av57g hmpqz mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
4
</button>
</div>
<div>
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 av57g hmpqz mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
5
</button>
</div>
<div>
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 av57g hmpqz mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
6
</button>
</div>
<div>
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 av57g hmpqz mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
7
</button>
</div>
<div>
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 av57g hmpqz mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
8
</button>
</div>
<div>
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 av57g hmpqz mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
9
</button>
</div>
<div>
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 av57g hmpqz mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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 mi46d gjk1t lokyk jhbd9 yxawv dark:border-neutral-700 u3ov7">
<button type="button" class="hxfjh l1xlu inline-flex items-center u3ov7 on128 hw6xt wavyl k9mkq yxawv zxv30 ejo46 ntfdl wsl5v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden u7q2f 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="hxfjh l1xlu inline-flex enhxb items-center u3ov7 on128 hw6xt wavyl n37x5 je4jy o0y3u w3h0o pgsi2 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kebql isksk">
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 tepbv lg:block j76gm lg:end-auto dtee5
[--auto-close-equality-type:less-than]
hs-overlay-open:translate-x-0
-translate-x-full nf9l7 ixagr pve7h
kquz2
hidden
fixed evdk4 a98ho w4zsu
iili6
dark:bg-neutral-950" tabindex="-1" aria-labelledby="hs-pro-chat-sidebar-label">
<div class="ux1hp flex">
<div class="relative te8l0 mga1y flex flex-col ux1hp hx6ns q6ob7">
<header class="mga1y u3poc flex enhxb">
<a class="flex-none clfmf vd22d inline-block hysdx focus:outline-hidden v041e" href="../../pro/chat/index.html" aria-label="Preline">
<svg class="b9dk4 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="sesmt 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="sesmt 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="sesmt dark:fill-white" fill="currentColor"/>
</svg>
</a>
</header>
<!-- Content -->
<div class="mga1y ux1hp flex flex-col zi3gd wwvj4">
<!-- Nav -->
<ul class="cgjzl space-y-4">
<!-- Item -->
<li>
<a class="relative group flex flex-col enhxb items-center cgrem lndac zqruk dark:text-neutral-200 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden" href="../../pro/chat/index.html">
<span class="flex enhxb items-center rdqxy yxsvo wavyl group-hover:bg-gray-300 group-focus:bg-gray-300 dark:group-hover:bg-neutral-800 dark:group-focus:bg-neutral-800 ipy2k">
<svg class="n2l26 szmrd group-hover:scale-110 mx-auto ipy2k" xmlns="http://www.w3.org/2000/svg" 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 vie7r te8l0">
<span class="relative p56is f9ric inline-flex enhxb items-center y6g4k klnns w3h0o mr9qs jvthl">
4
</span>
</span>
</a>
</li>
<!-- End Item -->
<!-- Item -->
<li>
<a class="relative group flex flex-col enhxb items-center cgrem lndac zqruk dark:text-neutral-200 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden" href="../../pro/chat/tickets.html">
<span class="flex enhxb items-center rdqxy yxsvo wavyl group-hover:bg-gray-300 group-focus:bg-gray-300 dark:group-hover:bg-neutral-800 dark:group-focus:bg-neutral-800 ipy2k">
<svg class="n2l26 szmrd group-hover:scale-110 mx-auto ipy2k" xmlns="http://www.w3.org/2000/svg" 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 enhxb items-center cgrem lndac zqruk dark:text-neutral-200 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden" href="../../pro/chat/visitors.html">
<span class="flex enhxb items-center rdqxy yxsvo wavyl group-hover:bg-gray-300 group-focus:bg-gray-300 dark:group-hover:bg-neutral-800 dark:group-focus:bg-neutral-800 ipy2k">
<svg class="n2l26 szmrd group-hover:scale-110 mx-auto ipy2k" xmlns="http://www.w3.org/2000/svg" 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 enhxb items-center cgrem lndac zqruk dark:text-neutral-200 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden" href="../../pro/chat/activity.html">
<span class="flex enhxb items-center rdqxy yxsvo wavyl group-hover:bg-gray-300 group-focus:bg-gray-300 dark:group-hover:bg-neutral-800 dark:group-focus:bg-neutral-800 ipy2k">
<svg class="n2l26 szmrd group-hover:scale-110 mx-auto ipy2k" xmlns="http://www.w3.org/2000/svg" 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 enhxb items-center cgrem lndac zqruk dark:text-neutral-200 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden" href="../../pro/chat/reports.html">
<span class="flex enhxb items-center rdqxy yxsvo wavyl r01ey dark:bg-neutral-800 ipy2k">
<svg class="n2l26 szmrd group-hover:scale-110 mx-auto ipy2k" xmlns="http://www.w3.org/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 enhxb items-center cgrem lndac zqruk dark:text-neutral-200 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden" href="../../pro/index.html">
<span class="flex enhxb items-center rdqxy yxsvo wavyl group-hover:bg-gray-300 group-focus:bg-gray-300 dark:group-hover:bg-neutral-800 dark:group-focus:bg-neutral-800">
<svg class="n2l26 szmrd group-hover:scale-110 mx-auto ipy2k" xmlns="http://www.w3.org/2000/svg" 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 r1t8r">
<span class="relative flex">
<span class="soy1n absolute inline-flex kquz2 mr9qs null.notification.animation et2cn"></span>
<span class="relative inline-flex z9hxv null.notification.bg mr9qs"></span>
<span class="r8a99">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 enhxb items-center cgrem lndac zqruk 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 enhxb items-center rdqxy yxsvo wavyl group-hover:bg-gray-300 group-focus:bg-gray-300 dark:group-hover:bg-neutral-800 dark:group-focus:bg-neutral-800">
<svg class="n2l26 szmrd group-hover:scale-110 mx-auto ipy2k" xmlns="http://www.w3.org/2000/svg" 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 c22dz transition-[opacity,margin] duration opacity-0 hidden te8l0 zxv30 mzy38 w9ar3 dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-chmsnmd">
<div class="smvag space-y-0.5">
<!-- Item -->
<label for="hs-pro-chsnldin" class="f9d5d l1xlu group flex items-center rdqxy wavyl cursor-pointer d5esf ejo46 lk55v 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="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="n2l26 bnmi1 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="f9d5d l1xlu group flex items-center rdqxy wavyl cursor-pointer d5esf ejo46 lk55v 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="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="n2l26 bnmi1 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="f9d5d l1xlu group flex items-center rdqxy wavyl cursor-pointer d5esf ejo46 lk55v 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="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="n2l26 bnmi1 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="f9d5d l1xlu group flex items-center rdqxy wavyl cursor-pointer d5esf ejo46 lk55v 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="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="n2l26 bnmi1 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="f9d5d l1xlu group flex items-center rdqxy wavyl cursor-pointer d5esf ejo46 lk55v 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="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="n2l26 bnmi1 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="f9d5d l1xlu group flex items-center rdqxy wavyl cursor-pointer d5esf ejo46 lk55v 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="n2l26 szmrd" xmlns="http://www.w3.org/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="n2l26 bnmi1 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="f9d5d l1xlu group flex items-center rdqxy wavyl cursor-pointer d5esf ejo46 lk55v 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="n2l26 szmrd" xmlns="http://www.w3.org/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="n2l26 bnmi1 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="f9d5d l1xlu group flex items-center rdqxy wavyl cursor-pointer d5esf ejo46 lk55v 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="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="n2l26 bnmi1 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="mga1y space-y-3 bm1bw">
<div class="hidden lg:block">
<!-- Project Dropdown -->
<div class="inline-flex enhxb xp67g">
<div class="hs-dropdown relative [--strategy:absolute] [--placement:bottom-left] inline-flex">
<!-- Project Button -->
<button id="hs-pro-dnwpd" type="button" class="flex enhxb items-center rdqxy x8hlq mx- wavyl k4vay kn30h dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<img class="n2l26 x8hlq clfmf nbsdr" src="../../assets/img/logo/hs.png" alt="Logo">
<span class="r8a99">Htmlstream</span>
</button>
<!-- End Project Button -->
<!-- Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 q33ez transition-[opacity,margin] duration opacity-0 hidden mjppw zxv30 mzy38 x32l5 dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-dnwpd">
<div class="smvag">
<span class="block zi3gd ffxit eaq9a on128 z0e83 dark:text-neutral-500">
Workspaces (2)
</span>
<!-- Item -->
<label for="hs-pro-dplid1" class="hcvae psrjx group flex ifpha items-center rdqxy wavyl cursor-pointer d5esf ejo46 lk55v 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="n2l26 szmrd 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="dgznh">
<span class="block tuuss hw6xt ejo46 dark:text-neutral-200">
Htmlstream
</span>
<span class="block on128 z0e83 dark:text-neutral-500">
htmlstream.preline.so
</span>
</span>
<img class="n2l26 x7ecd clfmf nbsdr" src="../../assets/img/logo/hs.png" alt="Logo">
</label>
<!-- End Item -->
<!-- Item -->
<label for="hs-pro-dplid2" class="hcvae psrjx group flex ifpha items-center rdqxy wavyl cursor-pointer d5esf ejo46 lk55v 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="n2l26 szmrd 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="dgznh">
<span class="block tuuss hw6xt ejo46 dark:text-neutral-200">
Bloomark
</span>
<span class="block on128 z0e83 dark:text-neutral-500">
bloomark.preline.com
</span>
</span>
<img class="n2l26 x7ecd clfmf nbsdr" src="../../assets/img/logo/logo-short.png" alt="Logo">
</label>
<!-- End Item -->
<button type="button" class="group xp67g flex items-center rdqxy hxfjh psrjx wavyl tuuss ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/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="smvag jhbd9 yxawv dark:border-neutral-800">
<span class="block zi3gd ffxit eaq9a on128 z0e83 dark:text-neutral-500">
Download mobile app bty75
</span>
<a class="flex items-center rdqxy f9d5d psrjx xp67g wavyl tuuss ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<svg class="n2l26 szmrd" 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="n2l26 bnmi1 ms-auto wvpal" xmlns="http://www.w3.org/2000/svg" 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 rdqxy f9d5d psrjx xp67g wavyl tuuss ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<svg class="n2l26 szmrd" 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="n2l26 bnmi1 ms-auto wvpal" xmlns="http://www.w3.org/2000/svg" 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="smvag jhbd9 yxawv dark:border-neutral-800">
<a class="flex items-center rdqxy f9d5d psrjx wavyl tuuss ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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 rdqxy f9d5d psrjx wavyl tuuss ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
Preferences
</a>
<a class="flex items-center rdqxy f9d5d psrjx wavyl tuuss ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
Manage workspace
</a>
</div>
<div class="smvag jhbd9 yxawv dark:border-neutral-800">
<button type="button" class="xp67g flex items-center rdqxy hxfjh psrjx wavyl tuuss ejo46 lk55v disabled:opacity-50 focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
Sign out
<span class="ms-auto on128 z0e83 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 enhxb xp67g">
<div class="hs-dropdown relative [--strategy:absolute] [--auto-close:inside] [--placement:bottom-right] inline-flex">
<button id="hs-pro-chmsad" type="button" class="flex enhxb items-center rdqxy x8hlq m8hmi disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<img class="n2l26 mr9qs" 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 z9hxv mr9qs h7uoa ab3j4 y56jy dark:ring-neutral-800"></span>
</button>
<!-- Account Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 os8l9 transition-[opacity,margin] duration opacity-0 hidden mjppw zxv30 mzy38 x32l5 dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-chmsad">
<div class="smvag">
<a class="flex items-center rdqxy f9d5d psrjx wavyl tuuss ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<svg class="n2l26 icbx8 szmrd" xmlns="http://www.w3.org/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 rdqxy f9d5d psrjx wavyl tuuss ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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 rdqxy f9d5d psrjx wavyl tuuss ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<svg class="n2l26 icbx8 szmrd" xmlns="http://www.w3.org/2000/svg" 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="f9d5d g98ic rncu4 yxawv dark:border-neutral-800">
<!-- Switch/Toggle -->
<div class="flex flex-wrap saet7 items-center v6f2r">
<label for="hs-pro-chmsaddm" class="flex flex-1 cursor-pointer tuuss ejo46 dark:text-neutral-300">Dark mode</label>
<label for="hs-pro-chmsaddm" class="relative inline-block pst4e ipsyh cursor-pointer">
<input data-hs-theme-switch type="checkbox" id="hs-pro-chmsaddm" class="peer r8a99">
<span class="absolute inset-0 iili6 mr9qs en36y rvew4 se6sv 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 uwi6w pqx29 -translate-y-1/2 szmrd zxv30 mr9qs dossw o9jos rvew4 se6sv peer-checked:translate-x-full dark:bg-neutral-400 dark:peer-checked:bg-white"></span>
</label>
</div>
<!-- End Switch/Toggle -->
</div>
<div class="smvag">
<a class="flex items-center rdqxy f9d5d psrjx wavyl tuuss ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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="zum3l kquz2 truncate zxv30 pny84 yxawv dark:bg-neutral-800 dark:border-neutral-700">
<div class="ux1hp flex flex-col">
<!-- Header -->
<div class="ezpzb iuw7l rht0b flex saet7 items-center u3ov7 xu4xz yxawv dark:border-neutral-700">
<span id="hs-pro-chat-sidebar-label" class="block truncate hysdx ejo46 dark:text-neutral-200">
Reports
</span>
<button type="button" class="lg:hidden flex enhxb items-center rdqxy x8hlq tuuss zqruk lk55v mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="r8a99">Close</span>
</button>
</div>
<!-- End Header -->
<!-- Body -->
<div class="ux1hp overflow-y-auto hm2m0 uqiuh b3ail ykfhs dark:[&::-webkit-scrollbar-track]:bg-neutral-700/50 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<!-- List -->
<div class="ur00w flex flex-col cudi3">
<a class="flex items-center rdqxy hxfjh l1xlu d5esf ejo46 wavyl gxtht focus:outline-hidden dark:bg-neutral-700/50 dark:text-neutral-300" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 rdqxy hxfjh l1xlu d5esf ejo46 wavyl lk55v focus:outline-hidden rjc3l dark:hover:bg-neutral-700/50 dark:text-neutral-300 dark:focus:bg-neutral-700/50" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="vj7px dgmc7 inline-flex items-center r2jif p56is f9ric inline-flex enhxb items-center y6g4k mr9qs s2qwm rkn9v dark:bg-orange-500/10 dark:text-orange-500">
<svg class="n2l26 br82p" xmlns="http://www.w3.org/2000/svg" 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 rdqxy hxfjh l1xlu d5esf ejo46 wavyl lk55v focus:outline-hidden rjc3l dark:hover:bg-neutral-700/50 dark:text-neutral-300 dark:focus:bg-neutral-700/50" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 rdqxy hxfjh l1xlu d5esf ejo46 wavyl lk55v focus:outline-hidden rjc3l dark:hover:bg-neutral-700/50 dark:text-neutral-300 dark:focus:bg-neutral-700/50" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="jvthl inline-flex items-center r2jif p56is f9ric inline-flex enhxb items-center y6g4k mr9qs iili6 ejo46 dark:bg-neutral-700 dark:text-neutral-400">
2
</span>
</span>
</a>
<button type="button" class="flex items-center j2p6t xp67g f9d5d u4s9n on128 z0e83 wavyl lk55v focus:outline-hidden rjc3l dark:hover:bg-neutral-700/50 dark:text-neutral-500 dark:focus:bg-neutral-700/50">
<span class="flex enhxb items-center s1u6m iili6 z0e83 mr9qs dark:bg-neutral-500/10 dark:text-neutral-500">
<svg class="n2l26 bnmi1 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="ur00w">
<!-- Trial Card -->
<div id="hs-pro-chrstc" class="flex flex-col zxv30 k9mkq yxawv mzy38 dark:bg-neutral-800 dark:border-neutral-700">
<div class="fop0g">
<div class="tllrf flex saet7 items-center r2jif">
<p class="qa7td hw6xt tuuss ejo46 dark:text-neutral-200">
Trial ends in 7 days
</p>
<div class="-mt-1.5 -me-1.5">
<button type="button" class="flex enhxb items-center rdqxy rekd6 tuuss zqruk lk55v mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="r8a99">Dismiss</span>
</button>
</div>
</div>
<p class="a3z18 qa7td d5esf z0e83 dark:text-neutral-500">
Your free trial is expiring. Upgrade to Pro 🚀
</p>
<!-- Progress -->
<div class="yknc9 flex xp67g yytf5 k9mkq yxawv mr9qs overflow-hidden dark:border-neutral-700" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100">
<div class="flex flex-col enhxb overflow-hidden o0y3u on128 w3h0o cgjzl mr9qs j8ti2 dark:bg-blue-400" style="width: 60%"></div>
</div>
<!-- End Progress -->
<button type="button" class="f9d5d l1xlu inline-flex items-center u3ov7 wavyl tuuss k9mkq yn1qn j28t5 x4xl8 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden i3xbl 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="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="eg6px flex flex-col cudi3">
<a class="flex items-center rdqxy hxfjh l1xlu d5esf ejo46 wavyl lk55v focus:outline-hidden rjc3l dark:hover:bg-neutral-700/50 dark:text-neutral-300 dark:focus:bg-neutral-700/50" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/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 rdqxy hxfjh l1xlu d5esf ejo46 wavyl lk55v focus:outline-hidden rjc3l dark:hover:bg-neutral-700/50 dark:text-neutral-300 dark:focus:bg-neutral-700/50" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="quwrp yj6kf -mt-px nf9l7 ixagr">
<div class="ur00w dfb8z xp67g fspno mx-auto">
<div class="flex flex-col v6f2r xq2je">
<!-- Content -->
<div class="o3geb xp67g mx-auto a43p4 zxv30 vltoj v6d9e gboq4 ur00w dta7e dark:bg-neutral-800 dark:border-neutral-700">
<!-- Loading Indicator -->
<div class="ux1hp flex flex-col enhxb items-center cgjzl">
<span class="f9d5d inline-flex r2jif">
<span class="z859i g0adn mr9qs animate-[typing_1s_ease-in-out_infinite] dark:bg-neutral-200"></span>
<span class="z859i g0adn mr9qs animate-[typing_1s_ease-in-out_infinite_0.2s] dark:bg-neutral-200"></span>
<span class="z859i g0adn mr9qs animate-[typing_1s_ease-in-out_infinite_0.4s] dark:bg-neutral-200"></span>
</span>
<p class="eg6px tuuss z0e83 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 gxtht 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 nf9l7 ixagr pve7h
zum3l kquz2
hidden
fixed evdk4 a98ho ky264 tx2df
gxtht
lg:block j76gm lg:end-auto lg:bottom-0]xl:block vcbxw xl:end-auto peb5g
dark:bg-neutral-900" tabindex="-1" aria-label="Sidebar">
<div class="ux1hp flex">
<!-- Secondary Content -->
<div class="zum3l kquz2 truncate zxv30 pny84 yxawv dark:bg-neutral-800 dark:border-neutral-700">
<div class="ux1hp flex flex-col">
<!-- Header -->
<div class="hxfjh rht0b flex saet7 items-center u3ov7 xu4xz yxawv dark:border-neutral-700">
<span class="block truncate hysdx ejo46 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 hxfjh eaq9a hs0iv inline-flex n2l26 enhxb items-center lwq0m on128 z0e83 wavyl lk55v focus:outline-hidden rjc3l before:absolute before:inset-0 before:z-1 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700",
"dropdownClasses": "nqo4p ih37d ahgde smvag space-y-0.5 zxv30 mzy38 x32l5 dark:bg-neutral-900",
"optionClasses": "hs-selected:bg-gray-100 dark:hs-selected:bg-neutral-800 f9d5d u4s9n xp67g d5esf ejo46 wavyl cursor-pointer lk55v wavyl focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex saet7 items-center xp67g \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"n2l26 bnmi1 ejo46 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 uwi6w vie7r -translate-y-1/2">
<svg class="n2l26 bnmi1 zqruk 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 r2jif jsn0m fxthc 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 enhxb items-center rdqxy x8hlq tuuss zqruk lk55v mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="r8a99">Compose</span>
</button>
<!-- End Button -->
</div>
</div>
</div>
<!-- End Header -->
<!-- Search -->
<div class="xu4xz yxawv dark:border-neutral-700">
<!-- SearchBox -->
<div class="relative" data-hs-combo-box='{
"groupingType": "default",
"preventSelection": true,
"isOpenOnFocus": true,
"outputEmptyTemplate": "<div class=\"y3kub h-[calc(100dvh-85px)] flex flex-col enhxb items-center cgjzl \"><svg class=\"os8l9 mx-auto yknc9 \" 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=\"w3vk8 mx-auto \"><p class=\"nqo4p tuuss zqruk dark:text-neutral-400 \">No search results</p></div></div>",
"preventAutoPosition": true,
"groupingTitleTemplate": "<div class=\"block on128 z0e83 eg6px tyqq2 dmv3j dark:text-neutral-500 dark:border-neutral-700 \"></div>"
}'>
<div class="relative">
<div class="absolute evdk4 a98ho flex items-center n8854 mjppw e091g">
<svg class="n2l26 szmrd lqxom 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="f9d5d p5zbr block xp67g zxv30 lyfhl rounded-0 je2vu vydgp focus:outline-hidden u4wxg 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 evdk4 aoum9 items-center mjppw oaaxj" data-hs-combo-box-input>
<button type="button" class="inline-flex n2l26 enhxb items-center rekd6 mr9qs z0e83 hmpqz focus:outline-hidden rdx35 dark:text-neutral-500 dark:hover:text-blue-500 dark:focus:text-blue-500" aria-label="Close" data-hs-combo-box-close>
<span class="r8a99">Close</span>
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/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 ih37d xp67g zxv30 jhbd9 yxawv dark:bg-neutral-800 dark:border-neutral-700 hidden" data-hs-combo-box-output>
<div class="poge5 h-[calc(100dvh-85px)] overflow-y-auto overflow-hidden hm2m0 uqiuh b3ail ykfhs 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="s4kt4 wwvj4">
<div data-hs-combo-box-output-item='{"group": {"name": "quick-action", "title": "Quick Action"}}' tabindex="0">
<!-- Item -->
<a class="hxfjh rht0b group flex items-center rdqxy focus:outline-hidden" href="#">
<svg class="n2l26 szmrd j28t5 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="hw6xt d5esf ejo46 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="n2l26 bnmi1 z0e83 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="hxfjh rht0b group flex items-center rdqxy focus:outline-hidden" href="#">
<svg class="n2l26 szmrd j28t5 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="hw6xt d5esf ejo46 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="n2l26 bnmi1 z0e83 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="hxfjh rht0b group flex items-center rdqxy focus:outline-hidden" href="#">
<svg class="n2l26 szmrd j28t5 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="hw6xt d5esf ejo46 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="n2l26 bnmi1 z0e83 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 hxfjh rht0b flex items-center rdqxy focus:outline-hidden" href="#">
<div class="n2l26">
<img class="n2l26 x8hlq mr9qs" 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="dgznh truncate">
<p class="hw6xt tuuss io5na ejo46 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="n2l26 bnmi1 z0e83 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 hxfjh rht0b flex items-center rdqxy focus:outline-hidden" href="#">
<div class="n2l26">
<img class="n2l26 x8hlq mr9qs" 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="dgznh truncate">
<p class="hw6xt tuuss io5na ejo46 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="n2l26 bnmi1 z0e83 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 hxfjh rht0b flex items-center rdqxy focus:outline-hidden" href="#">
<div class="n2l26">
<span class="flex n2l26 enhxb items-center x8hlq zxv30 k9mkq yxawv hmow8 on128 hw6xt dq2gi mr9qs dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300">
A
</span>
</div>
<div class="dgznh truncate">
<p class="hw6xt tuuss io5na ejo46 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="n2l26 bnmi1 z0e83 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 hxfjh rht0b flex items-center rdqxy focus:outline-hidden" href="#">
<div class="n2l26">
<span class="flex n2l26 enhxb items-center x8hlq zxv30 k9mkq yxawv hmow8 on128 hw6xt dq2gi mr9qs dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300">
B
</span>
</div>
<div class="dgznh truncate">
<p class="hw6xt tuuss io5na ejo46 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="n2l26 bnmi1 z0e83 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 hxfjh rht0b flex items-center rdqxy focus:outline-hidden" href="#">
<div class="n2l26">
<img class="n2l26 x8hlq mr9qs" 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="dgznh truncate">
<p class="hw6xt tuuss io5na ejo46 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="n2l26 bnmi1 z0e83 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 hxfjh rht0b flex items-center rdqxy focus:outline-hidden" href="#">
<div class="n2l26">
<img class="n2l26 x8hlq mr9qs" 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="dgznh truncate">
<p class="hw6xt tuuss io5na ejo46 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="n2l26 bnmi1 z0e83 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 hxfjh rht0b flex items-center rdqxy focus:outline-hidden" href="#">
<div class="n2l26">
<img class="n2l26 x8hlq mr9qs" 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="dgznh truncate">
<p class="hw6xt tuuss io5na ejo46 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="n2l26 bnmi1 z0e83 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 hxfjh rht0b flex items-center rdqxy focus:outline-hidden" href="#">
<div class="n2l26">
<img class="n2l26 x8hlq mr9qs" 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="dgznh truncate">
<p class="hw6xt tuuss io5na ejo46 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="n2l26 bnmi1 z0e83 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 hxfjh rht0b flex items-center rdqxy focus:outline-hidden" href="#">
<div class="n2l26">
<img class="n2l26 x8hlq mr9qs" 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="dgznh truncate">
<p class="hw6xt tuuss io5na ejo46 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="n2l26 bnmi1 z0e83 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 hxfjh rht0b flex items-center rdqxy focus:outline-hidden" href="#">
<div class="n2l26">
<img class="n2l26 x8hlq mr9qs" 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="dgznh truncate">
<p class="hw6xt tuuss io5na ejo46 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="n2l26 bnmi1 z0e83 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 hxfjh rht0b flex items-center rdqxy focus:outline-hidden" href="#">
<div class="n2l26">
<span class="flex n2l26 enhxb items-center x8hlq zxv30 k9mkq yxawv hmow8 on128 hw6xt dq2gi mr9qs dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300">
M
</span>
</div>
<div class="dgznh truncate">
<p class="hw6xt tuuss io5na ejo46 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="n2l26 bnmi1 z0e83 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 hxfjh rht0b flex items-center rdqxy focus:outline-hidden" href="#">
<div class="n2l26">
<span class="flex n2l26 enhxb items-center x8hlq zxv30 k9mkq yxawv hmow8 on128 hw6xt dq2gi mr9qs dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300">
O
</span>
</div>
<div class="dgznh truncate">
<p class="hw6xt tuuss io5na ejo46 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="n2l26 bnmi1 z0e83 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 hxfjh rht0b flex items-center rdqxy focus:outline-hidden" href="#">
<div class="n2l26">
<span class="flex n2l26 enhxb items-center x8hlq zxv30 k9mkq yxawv hmow8 on128 hw6xt dq2gi mr9qs dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300">
R
</span>
</div>
<div class="dgznh truncate">
<p class="hw6xt tuuss io5na ejo46 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="n2l26 bnmi1 z0e83 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="f9d5d xu4xz yxawv dark:border-neutral-700">
<div class="-mb-2.5 l1xlu overflow-x-auto">
<div class="overflow-x-auto izidp">
<!-- Nav Tab -->
<nav class="flex n03hs" 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 psrjx hxfjh mbvb4 relative inline-flex enhxb items-center u3ov7 lk55v z0e83 u153f hw6xt on128 clfmf disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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 psrjx hxfjh mbvb4 relative inline-flex enhxb items-center u3ov7 lk55v z0e83 u153f hw6xt on128 clfmf disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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 psrjx hxfjh mbvb4 relative inline-flex enhxb items-center u3ov7 lk55v z0e83 u153f hw6xt on128 clfmf disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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 psrjx hxfjh mbvb4 relative inline-flex enhxb items-center u3ov7 lk55v z0e83 u153f hw6xt on128 clfmf disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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="ux1hp overflow-y-auto hm2m0 uqiuh b3ail ykfhs dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<!-- Tab Content -->
<div id="hs-pro-tabs-chsn-all" class="ux1hp" 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-100 dark:hs-tab-active:bg-neutral-700/70 relative cursor-pointer zxv30 lk55v focus:outline-hidden rjc3l 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="iifk8 rht0b flex items-center rdqxy xu4xz z7omh dark:border-neutral-700">
<div class="n2l26">
<div class="relative x8hlq">
<img class="n2l26 x8hlq mr9qs" 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 z9hxv mr9qs h7uoa z5vdk y56jy dark:ring-neutral-800"></span>
</div>
</div>
<div class="dgznh truncate">
<div class="flex saet7 items-center r2jif">
<p class="truncate hw6xt d5esf ejo46 dark:text-neutral-200">Costa Quinn</p>
<div>
<svg class="inline-block n2l26 bnmi1 j28t5" xmlns="http://www.w3.org/2000/svg" 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="y6g4k lqxom dq2gi dark:text-neutral-500">1m</span>
</div>
</div>
<div class="truncate q2tw7">
<p class="truncate z0e83 dark:text-neutral-500 on128">Yes, you can!</p>
</div>
</div>
</div>
</div><!-- End Message -->
<!-- Message --><div class="hs-tab-active:bg-gray-100 dark:hs-tab-active:bg-neutral-700/70 relative cursor-pointer zxv30 lk55v focus:outline-hidden rjc3l 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="iifk8 rht0b flex items-center rdqxy xu4xz z7omh dark:border-neutral-700">
<div class="n2l26">
<div class="relative x8hlq">
<span class="flex n2l26 enhxb items-center x8hlq on128 hw6xt dq2gi avow8 w3h0o mr9qs">
R
</span>
</div>
</div>
<div class="dgznh truncate">
<div class="flex saet7 items-center r2jif">
<p class="truncate hw6xt d5esf ejo46 dark:text-neutral-200">Rachel Doe</p>
<div>
<span class="y6g4k lqxom dq2gi dark:text-neutral-500">14m</span>
</div>
</div>
<div class="truncate q2tw7">
<div class="flex items-center lwq0m">
<img class="n2l26 s1u6m rlapk nbsdr" src="../../assets/img/mockups/img10.jpg" alt="Attachment Image">
<div class="dgznh truncate">
<p class="truncate hysdx ejo46 dark:text-neutral-200 on128">When using open method, const select = new HSSelect(document.querySelector('#select'));</p>
</div>
</div>
</div>
<div class="hs-tab-active:hidden absolute chqlo r1t8r">
<span class="relative i5n4b stayx inline-flex enhxb items-center y6g4k mmvqx w3h0o mr9qs jvthl">
3
</span>
</div>
</div>
</div>
</div><!-- End Message -->
<!-- Message --><div class="hs-tab-active:bg-gray-100 dark:hs-tab-active:bg-neutral-700/70 relative cursor-pointer zxv30 lk55v focus:outline-hidden rjc3l 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="iifk8 rht0b flex items-center rdqxy xu4xz z7omh dark:border-neutral-700">
<div class="n2l26">
<div class="relative x8hlq">
<img class="n2l26 x8hlq mr9qs" 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="dgznh truncate">
<div class="flex saet7 items-center r2jif">
<p class="truncate hw6xt d5esf ejo46 dark:text-neutral-200">Lewis Clarke</p>
<div>
<span class="y6g4k lqxom dq2gi dark:text-neutral-500">15m</span>
</div>
</div>
<div class="truncate q2tw7">
<p class="truncate z0e83 dark:text-neutral-500 on128">How's these all free? 🤯</p>
</div>
</div>
</div>
</div><!-- End Message -->
<!-- Message --><div class="hs-tab-active:bg-gray-100 dark:hs-tab-active:bg-neutral-700/70 relative cursor-pointer zxv30 lk55v focus:outline-hidden rjc3l 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="iifk8 rht0b flex items-center rdqxy xu4xz z7omh dark:border-neutral-700">
<div class="n2l26">
<div class="relative x8hlq">
<span class="flex n2l26 enhxb items-center rekd6 w3h0o on128 hw6xt dq2gi b3nns mr9qs">
T
</span><img class="absolute kjxn2 yqudj n2l26 s1u6m mr9qs h7uoa z5vdk 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="dgznh truncate">
<div class="flex saet7 items-center r2jif">
<p class="truncate hw6xt d5esf ejo46 dark:text-neutral-200">Technical issues</p>
<div>
<svg class="inline-block n2l26 bnmi1 j28t5" xmlns="http://www.w3.org/2000/svg" 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="y6g4k lqxom dq2gi dark:text-neutral-500">55m</span>
</div>
</div>
<div class="truncate q2tw7">
<p class="truncate z0e83 dark:text-neutral-500 on128">Great! 👍️</p>
</div>
</div>
</div>
</div><!-- End Message -->
</div>
</div>
<!-- End Tab Content -->
<!-- Tab Content -->
<div id="hs-pro-tabs-chsn-mentions" class="hidden ux1hp" role="tabpanel" aria-labelledby="hs-pro-tabs-chsn-item-mentions">
<!-- Empty State -->
<div class="y3kub ux1hp flex flex-col enhxb items-center cgjzl">
<svg class="os8l9 mx-auto yknc9" 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="nadn9 dark:fill-neutral-800"/>
<rect x="27" y="50.5" width="124" height="39" rx="7.5" stroke="currentColor" class="crkpq dark:stroke-neutral-700/10"/>
<rect x="34.5" y="58" width="24" height="24" rx="12" fill="currentColor" class="cp46z dark:fill-neutral-700/30"/>
<rect x="66.5" y="61" width="60" height="6" rx="3" fill="currentColor" class="cp46z dark:fill-neutral-700/30"/>
<rect x="66.5" y="73" width="77" height="6" rx="3" fill="currentColor" class="cp46z dark:fill-neutral-700/30"/>
<rect x="19.5" y="28.5" width="139" height="39" rx="7.5" fill="currentColor" class="nadn9 dark:fill-neutral-800"/>
<rect x="19.5" y="28.5" width="139" height="39" rx="7.5" stroke="currentColor" class="ma5la dark:stroke-neutral-700/30"/>
<rect x="27" y="36" width="24" height="24" rx="12" fill="currentColor" class="d6oao dark:fill-neutral-700/70"/>
<rect x="59" y="39" width="60" height="6" rx="3" fill="currentColor" class="d6oao dark:fill-neutral-700/70"/>
<rect x="59" y="51" width="92" height="6" rx="3" fill="currentColor" class="d6oao dark:fill-neutral-700/70"/>
<g filter="url(#filter2)">
<rect x="12" y="6" width="154" height="40" rx="8" class="nadn9 dark:fill-neutral-800" shape-rendering="crispEdges"/>
<rect x="12.5" y="6.5" width="153" height="39" rx="7.5" stroke="currentColor" class="ma5la dark:stroke-neutral-700/60" shape-rendering="crispEdges"/>
<rect x="20" y="14" width="24" height="24" rx="12" fill="currentColor" class="kipiu dark:fill-neutral-700"/>
<rect x="52" y="17" width="60" height="6" rx="3" fill="currentColor" class="kipiu dark:fill-neutral-700"/>
<rect x="52" y="29" width="106" height="6" rx="3" fill="currentColor" class="kipiu 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="w3vk8 mx-auto qa7td">
<p class="nqo4p hw6xt ejo46 dark:text-neutral-200">
No mentions message
</p>
<p class="ltzuf tuuss z0e83 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 ux1hp" role="tabpanel" aria-labelledby="hs-pro-tabs-chsn-item-spammed">
<!-- Empty State -->
<div class="y3kub ux1hp flex flex-col enhxb items-center cgjzl">
<svg class="os8l9 mx-auto yknc9" 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="nadn9 dark:fill-neutral-800"/>
<rect x="27" y="50.5" width="124" height="39" rx="7.5" stroke="currentColor" class="crkpq dark:stroke-neutral-700/10"/>
<rect x="34.5" y="58" width="24" height="24" rx="12" fill="currentColor" class="cp46z dark:fill-neutral-700/30"/>
<rect x="66.5" y="61" width="60" height="6" rx="3" fill="currentColor" class="cp46z dark:fill-neutral-700/30"/>
<rect x="66.5" y="73" width="77" height="6" rx="3" fill="currentColor" class="cp46z dark:fill-neutral-700/30"/>
<rect x="19.5" y="28.5" width="139" height="39" rx="7.5" fill="currentColor" class="nadn9 dark:fill-neutral-800"/>
<rect x="19.5" y="28.5" width="139" height="39" rx="7.5" stroke="currentColor" class="ma5la dark:stroke-neutral-700/30"/>
<rect x="27" y="36" width="24" height="24" rx="12" fill="currentColor" class="d6oao dark:fill-neutral-700/70"/>
<rect x="59" y="39" width="60" height="6" rx="3" fill="currentColor" class="d6oao dark:fill-neutral-700/70"/>
<rect x="59" y="51" width="92" height="6" rx="3" fill="currentColor" class="d6oao dark:fill-neutral-700/70"/>
<g filter="url(#filter3)">
<rect x="12" y="6" width="154" height="40" rx="8" class="nadn9 dark:fill-neutral-800" shape-rendering="crispEdges"/>
<rect x="12.5" y="6.5" width="153" height="39" rx="7.5" stroke="currentColor" class="ma5la dark:stroke-neutral-700/60" shape-rendering="crispEdges"/>
<rect x="20" y="14" width="24" height="24" rx="12" fill="currentColor" class="kipiu dark:fill-neutral-700"/>
<rect x="52" y="17" width="60" height="6" rx="3" fill="currentColor" class="kipiu dark:fill-neutral-700"/>
<rect x="52" y="29" width="106" height="6" rx="3" fill="currentColor" class="kipiu 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="w3vk8 mx-auto qa7td">
<p class="nqo4p hw6xt ejo46 dark:text-neutral-200">
No spammed message
</p>
<p class="ltzuf tuuss z0e83 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 ux1hp" role="tabpanel" aria-labelledby="hs-pro-tabs-chsn-item-blocked">
<!-- Empty State -->
<div class="y3kub ux1hp flex flex-col enhxb items-center cgjzl">
<svg class="os8l9 mx-auto yknc9" 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="nadn9 dark:fill-neutral-800"/>
<rect x="27" y="50.5" width="124" height="39" rx="7.5" stroke="currentColor" class="crkpq dark:stroke-neutral-700/10"/>
<rect x="34.5" y="58" width="24" height="24" rx="12" fill="currentColor" class="cp46z dark:fill-neutral-700/30"/>
<rect x="66.5" y="61" width="60" height="6" rx="3" fill="currentColor" class="cp46z dark:fill-neutral-700/30"/>
<rect x="66.5" y="73" width="77" height="6" rx="3" fill="currentColor" class="cp46z dark:fill-neutral-700/30"/>
<rect x="19.5" y="28.5" width="139" height="39" rx="7.5" fill="currentColor" class="nadn9 dark:fill-neutral-800"/>
<rect x="19.5" y="28.5" width="139" height="39" rx="7.5" stroke="currentColor" class="ma5la dark:stroke-neutral-700/30"/>
<rect x="27" y="36" width="24" height="24" rx="12" fill="currentColor" class="d6oao dark:fill-neutral-700/70"/>
<rect x="59" y="39" width="60" height="6" rx="3" fill="currentColor" class="d6oao dark:fill-neutral-700/70"/>
<rect x="59" y="51" width="92" height="6" rx="3" fill="currentColor" class="d6oao dark:fill-neutral-700/70"/>
<g filter="url(#filter4)">
<rect x="12" y="6" width="154" height="40" rx="8" class="nadn9 dark:fill-neutral-800" shape-rendering="crispEdges"/>
<rect x="12.5" y="6.5" width="153" height="39" rx="7.5" stroke="currentColor" class="ma5la dark:stroke-neutral-700/60" shape-rendering="crispEdges"/>
<rect x="20" y="14" width="24" height="24" rx="12" fill="currentColor" class="kipiu dark:fill-neutral-700"/>
<rect x="52" y="17" width="60" height="6" rx="3" fill="currentColor" class="kipiu dark:fill-neutral-700"/>
<rect x="52" y="29" width="106" height="6" rx="3" fill="currentColor" class="kipiu 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="w3vk8 mx-auto qa7td">
<p class="nqo4p hw6xt ejo46 dark:text-neutral-200">
No mentioned message
</p>
<p class="ltzuf tuuss z0e83 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 bt0or nf9l7 ixagr">
<!-- Tab Content -->
<div id="hs-pro-tabs-chct-1" role="tabpanel" aria-labelledby="hs-pro-tabs-chct-item-1">
<div class="relative fm3wm flex flex-col lokyk">
<!-- Header -->
<header class="gomb9 zxmp1 x2ip9 n62jc ur00w ymbz2 flex saet7 u3ov7 cd81y db7ob zxv30 xu4xz yxawv dark:bg-neutral-800 dark:border-neutral-700">
<div class="lg:hidden q9zci sm:w-auto flex items-center">
<!-- Sidebar Toggle -->
<div class="d6jw5 ">
<button type="button" class="flex enhxb items-center r2jif f9d5d u4s9n awbfz on128 zqruk zxv30 lk55v mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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="n2l26 szmrd -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 tm7wi focus:outline-hidden" data-hs-overlay="#hs-pro-chhds1" aria-controls="hs-pro-chhds1" aria-label="Toggle navigation">
<span class="lg:block hidden relative n2l26">
<img class="n2l26 x8hlq mr9qs" 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 z9hxv mr9qs h7uoa z5vdk y56jy dark:ring-neutral-900"></span>
</span>
<span class="dgznh cgjzl l2ao2 truncate">
<span class="truncate block hysdx tuuss io5na ejo46 dark:text-neutral-200">
Costa Quinn
</span>
<span class="truncate block on128 j28t5 dark:text-blue-500 io5na">
Online
</span>
</span>
</button>
</div>
<!-- End Avatar -->
<div class="q9zci sm:w-auto flex lokyk items-center txi90">
<!-- Button -->
<div class="hs-tooltip [--placement:bottom] hidden sm:inline-block">
<button type="button" class="hs-tooltip-toggle flex enhxb items-center rdqxy x8hlq tuuss zqruk lk55v mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="r8a99">Snooze</span>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl j8ti2 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 enhxb items-center rdqxy x8hlq tuuss zqruk lk55v mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="r8a99">Tags</span>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl j8ti2 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 enhxb items-center rdqxy x8hlq tuuss zqruk lk55v mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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="n2l26 szmrd" xmlns="http://www.w3.org/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 c22dz transition-[opacity,margin] duration opacity-0 hidden h3jvs zxv30 mzy38 w9ar3 dark:bg-neutral-950" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-cht1hmd">
<div class="smvag space-y-0.5">
<button type="button" class="xp67g flex items-center rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/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="xp67g flex items-center rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 xp67g flex items-center rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhsn">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 xp67g flex items-center rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhtgm">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="xp67g flex items-center rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhsh">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="xp67g flex items-center rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhsp">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/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="xp67g flex items-center rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhbu">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/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="xp67g flex items-center rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhdl">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 gdhmn djyey 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 enhxb items-center rdqxy x8hlq tuuss zqruk lk55v mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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 n2l26 szmrd" xmlns="http://www.w3.org/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 n2l26 szmrd" xmlns="http://www.w3.org/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 n2l26 flex enhxb items-center rdqxy x8hlq tuuss zqruk lk55v mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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="n2l26 x8hlq mr9qs" 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 z9hxv mr9qs h7uoa z5vdk y56jy dark:ring-neutral-800"></span>
</button>
<!-- End Sidebar Toggle -->
</div>
</div>
</header>
<!-- End Header -->
<!-- Chat Content -->
<div class="ux1hp overflow-y-auto overflow-x-hidden hm2m0 uqiuh b3ail ykfhs dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<div class="jhb8q space-y-5">
<div class="relative">
<!-- Time -->
<div class="gomb9 zxmp1 x2ip9 t0pau cw17m mx-auto cgjzl">
<span class="vj7px dgmc7 gxtht on128 z0e83 mr9qs dark:bg-neutral-900 dark:text-neutral-500">Today</span>
</div>
<!-- End Time -->
<!-- List -->
<div class="xp67g space-y-5">
<!-- Item -->
<div class="jypv0 flex u3ov7">
<div class="n2l26 mt-auto">
<img class="n2l26 x8hlq mr9qs" 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="urcp3 eaq9a on128 lqxom dark:text-neutral-500">Costa</p>
<div class="space-y-1">
<!-- Message -->
<div class="group flex ifpha u3ov7" style="word-break: break-word;">
<div class="js4j3 zxv30 ntfdl dark:bg-neutral-800 inline-block mzy38 zi3gd q4t00 psrjx">
<div class="tuuss ejo46 dark:text-neutral-200">
Hi, I'd like to ask some questions. Can I use Preline UI bty75 a client project?
<a class="group block eg6px dmv3j focus:outline-hidden" href="https://preline.co/" target="_blank">
<span class="j28t5 b5782 dark:text-blue-500">
https://preline.co/
</span>
<div class="ur00w eaq9a nqo4p relative cursor-default yi5lb wavyl overflow-hidden group-focus:scale-[.98] ipy2k 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="hw6xt on128 j28t5 dark:text-blue-500">Preline</p>
<p class="hysdx on128 ejo46 dark:text-neutral-200">Preline UI, crafted with Tailwind CSS</p>
<p class="on128 ejo46 dark:text-neutral-200">Preline UI is an open-source set of prebuilt UI components based bty75 the utility-first Tailwind CSS framework.</p>
<img class="kd00o clfmf" src="https://preline.co/hero-image-2.jpg" alt="Website Preview Image">
</div>
</a>
<span>
<span class="lndac lqxom dark:text-neutral-600 y8vd7">11:27</span>
</span>
</div>
</div>
<!-- More Dropdown -->
<div class="mpvw6 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 enhxb items-center rdqxy x8hlq tuuss zqruk p12pm mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden d10id 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="n2l26 szmrd mr9qs" xmlns="http://www.w3.org/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 ahgde transition-[opacity,margin] duration opacity-0 hidden t0pau zxv30 mzy38 w9ar3 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="smvag">
<a class="flex items-center rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="jypv0 ms-auto yo4p5 flex lokyk u3ov7">
<!-- Chat Bubble -->
<div>
<p class="urcp3 g99ml on128 lqxom dark:text-neutral-500">James</p>
<div class="space-y-1">
<!-- Message -->
<div class="group flex lokyk u3ov7" style="word-break: break-word;">
<div class="mpvw6 m8hmi megik dark:bg-blue-500/20 inline-block mzy38 zi3gd q4t00 psrjx">
<div class="tuuss ejo46 dark:text-neutral-200">
Hi Costa,
<span>
<span class="lndac yo4p5 lqxom dark:text-neutral-600 y8vd7">12:44</span>
<svg class="inline-block n2l26 szmrd lqxom 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="js4j3 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 enhxb items-center rdqxy x8hlq tuuss zqruk p12pm mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden d10id 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="n2l26 szmrd mr9qs" xmlns="http://www.w3.org/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 ahgde transition-[opacity,margin] duration opacity-0 hidden t0pau zxv30 mzy38 w9ar3 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="smvag">
<a class="flex items-center rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 lokyk u3ov7" style="word-break: break-word;">
<div class="mpvw6 m8hmi megik dark:bg-blue-500/20 inline-block mzy38 zi3gd q4t00 psrjx">
<div class="tuuss ejo46 dark:text-neutral-200">
<div class="madsw hcvae eaq9a i1e9d relative cursor-default yi5lb before:bg-blue-600 dark:bg-blue-500/10 dark:before:bg-blue-500 wavyl overflow-hidden group-focus:scale-[.98] ipy2k before:absolute before:inset-y-0 before:start-0 before:w-[3px] before:h-full">
<blockquote>
<p class="hw6xt d5esf j28t5 dark:text-blue-500">Costa Quinn</p>
<p class="d5esf ejo46 dark:text-neutral-200">Hi, I'd like to ask some questions. Can I use Preline UI bty75 a client project?</p>
</blockquote>
</div>
Yes, you can!
<span>
<span class="lndac yo4p5 lqxom dark:text-neutral-600 y8vd7">12:44</span>
<svg class="inline-block n2l26 szmrd lqxom 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="js4j3 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 enhxb items-center rdqxy x8hlq tuuss zqruk p12pm mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden d10id 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="n2l26 szmrd mr9qs" xmlns="http://www.w3.org/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 ahgde transition-[opacity,margin] duration opacity-0 hidden t0pau zxv30 mzy38 w9ar3 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="smvag">
<a class="flex items-center rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="n2l26 mt-auto">
<img class="n2l26 x8hlq mr9qs" 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="gomb9 hg2lf x2ip9 te8l0 zxv30 jhbd9 yxawv dark:bg-neutral-800 dark:border-neutral-700">
<label for="hs-chat-autoheight-textarea-1" class="r8a99">Message</label>
<div class="yb79p jsn0m">
<textarea id="hs-chat-autoheight-textarea-1" class="uhwhz bm1bw yb79p jsn0m oaaxj block xp67g je4jy rounded-0 iqf44 io5na q432g focus:outline-hidden rstw7 xeklp disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:text-neutral-400 dark:placeholder-neutral-500 overflow-y-auto hm2m0 uqiuh b3ail ykfhs 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="oaaxj flex saet7 items-center r2jif">
<!-- Button Group -->
<div class="flex items-center r2jif">
<!-- Button -->
<button type="button" class="flex enhxb items-center lwq0m x8hlq tuuss zqruk lk55v mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="r8a99">Attach file</span>
</button>
<!-- End Button -->
<!-- Button -->
<button type="button" class="flex enhxb items-center lwq0m x8hlq tuuss zqruk lk55v mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="r8a99">Add emoji</span>
</button>
<!-- End Button -->
</div>
<!-- End Button Group -->
<!-- Button Group -->
<div class="flex items-center r2jif">
<!-- Button -->
<button type="button" class="flex enhxb items-center lwq0m x8hlq tuuss zqruk lk55v mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="r8a99">Send voice message</span>
</button>
<!-- End Button -->
<!-- Send Button -->
<button type="button" class="inline-flex n2l26 enhxb items-center x8hlq tuuss hw6xt mr9qs w3h0o o0y3u pgsi2 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden hzgeo dark:bg-blue-500 dark:hover:bg-blue-600 dark:focus:bg-blue-600">
<span class="r8a99">Send</span>
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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
nnchn nf9l7 ixagr pve7h
xdzn7 xp67g
hidden
fixed hg2lf aoum9 te8l0 zxmp1 ux1hp
zxv30 ezp48 yxawv
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="ux1hp flex flex-col">
<!-- Header -->
<div class="mi46d gjk1t flex saet7 items-center xu4xz yxawv dark:border-neutral-800">
<span id="hs-pro-chhds1-label" class="block hysdx ejo46 dark:text-neutral-200">
Details
</span>
<!-- Close Button -->
<div class="absolute eawgn qpsld te8l0">
<button type="button" class="x8hlq inline-flex enhxb items-center u3ov7 mr9qs k9mkq je4jy zxv30 ejo46 p12pm focus:outline-hidden d10id 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="r8a99">Close</span>
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="y3kub flex flex-col enhxb items-center cgjzl xu4xz a56pk dark:border-neutral-800">
<img class="n2l26 smr3m mr9qs" 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="nqo4p xp67g">
<h2 class="vmtij hysdx ejo46 dark:text-neutral-200">
Costa Quinn
</h2>
<p class="madsw d5esf z0e83 dark:text-neutral-500">
Online
</p>
<!-- Button Group -->
<div class="p7mth flex enhxb items-center rdqxy">
<button type="button" class="hxfjh psrjx f2jqf inline-flex enhxb items-center lwq0m hw6xt on128 hw6xt wavyl k9mkq yxawv zxv30 ejo46 ntfdl wsl5v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden u7q2f dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="hxfjh psrjx f2jqf inline-flex enhxb items-center lwq0m hw6xt on128 hw6xt wavyl k9mkq yxawv zxv30 ejo46 ntfdl wsl5v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden u7q2f dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/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 hm2m0 uqiuh b3ail ykfhs 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 xu4xz a56pk dark:border-neutral-800 active" id="hs-pro-chdsudc1">
<button type="button" class="hs-accordion-toggle y3kub yb79p xp67g flex saet7 items-center rdqxy ejo46 x23zt focus:outline-hidden l3jfy 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="tuuss hw6xt">User details</span>
<svg class="hs-accordion-active:hidden block szmrd" xmlns="http://www.w3.org/2000/svg" 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 szmrd" xmlns="http://www.w3.org/2000/svg" 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 xp67g overflow-hidden transition-[height] ixagr" role="region" aria-labelledby="hs-pro-chdsudc1">
<div class="rht0b q6ob7">
<!-- List Item -->
<dl class="hcvae flex items-center btgx5">
<dt class="xp67g ue6et">
<p class="inline-flex items-center u3ov7 d5esf z0e83 dark:text-neutral-500">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="dgznh">
<p class="hw6xt d5esf ejo46 dark:text-neutral-200">
Fortex
</p>
</dd>
</dl>
<!-- End List Item -->
<!-- List Item -->
<dl class="hcvae flex items-center btgx5">
<dt class="xp67g ue6et">
<p class="inline-flex items-center u3ov7 d5esf z0e83 dark:text-neutral-500">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="dgznh">
<p class="hw6xt d5esf ejo46 dark:text-neutral-200">
United States
</p>
</dd>
</dl>
<!-- End List Item -->
<!-- List Item -->
<dl class="hcvae flex items-center btgx5">
<dt class="xp67g ue6et">
<p class="inline-flex items-center u3ov7 d5esf z0e83 dark:text-neutral-500">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/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="dgznh">
<p class="hw6xt d5esf ejo46 dark:text-neutral-200">
costa.notion@gmail.com
</p>
</dd>
</dl>
<!-- End List Item -->
<!-- List Item -->
<dl class="hcvae flex items-center btgx5">
<dt class="xp67g ue6et">
<p class="inline-flex items-center u3ov7 d5esf z0e83 dark:text-neutral-500">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="dgznh">
<p class="hw6xt d5esf ejo46 dark:text-neutral-200">
+1 000-00-00
</p>
</dd>
</dl>
<!-- End List Item -->
<!-- List Item -->
<dl class="hcvae flex items-center btgx5">
<dt class="xp67g ue6et">
<p class="inline-flex items-center u3ov7 d5esf z0e83 dark:text-neutral-500">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/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="dgznh">
<a class="gucmi tuuss j28t5 njs8g h8tqt hw6xt focus:outline-hidden ch28j 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 y3kub yb79p xp67g flex saet7 items-center rdqxy ejo46 x23zt focus:outline-hidden l3jfy 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="tuuss hw6xt">Shared media</span>
<svg class="hs-accordion-active:hidden block szmrd" xmlns="http://www.w3.org/2000/svg" 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 szmrd" xmlns="http://www.w3.org/2000/svg" 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 xp67g overflow-hidden transition-[height] ixagr" role="region" aria-labelledby="hs-pro-chdssmc1">
<div class="rht0b q6ob7">
<p class="tuuss z0e83 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 fm3wm flex flex-col lokyk">
<!-- Header -->
<header class="gomb9 zxmp1 x2ip9 n62jc ur00w ymbz2 flex saet7 u3ov7 cd81y db7ob zxv30 xu4xz yxawv dark:bg-neutral-800 dark:border-neutral-700">
<div class="lg:hidden q9zci sm:w-auto flex items-center">
<!-- Sidebar Toggle -->
<div class="d6jw5 ">
<button type="button" class="flex enhxb items-center r2jif f9d5d u4s9n awbfz on128 zqruk zxv30 lk55v mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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="n2l26 szmrd -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 tm7wi focus:outline-hidden" data-hs-overlay="#hs-pro-chhds2" aria-controls="hs-pro-chhds2" aria-label="Toggle navigation">
<span class="lg:block hidden relative n2l26"><span class="flex n2l26 enhxb items-center x8hlq on128 hw6xt dq2gi avow8 w3h0o mr9qs">
R
</span>
<span class="absolute -bottom-0 -end-0 block z9hxv mr9qs h7uoa z5vdk b3nns dark:ring-neutral-900"></span>
</span>
<span class="dgznh cgjzl l2ao2 truncate">
<span class="truncate block hysdx tuuss io5na ejo46 dark:text-neutral-200">
Rachel Doe
</span>
<span class="truncate block on128 z0e83 dark:text-neutral-500 io5na">
Last seen 5 mins ago
</span>
</span>
</button>
</div>
<!-- End Avatar -->
<div class="q9zci sm:w-auto flex lokyk items-center txi90">
<!-- Button -->
<div class="hs-tooltip [--placement:bottom] hidden sm:inline-block">
<button type="button" class="hs-tooltip-toggle flex enhxb items-center rdqxy x8hlq tuuss zqruk lk55v mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="r8a99">Snooze</span>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl j8ti2 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 enhxb items-center rdqxy x8hlq tuuss zqruk lk55v mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="r8a99">Tags</span>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl j8ti2 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 enhxb items-center rdqxy x8hlq tuuss zqruk lk55v mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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="n2l26 szmrd" xmlns="http://www.w3.org/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 c22dz transition-[opacity,margin] duration opacity-0 hidden h3jvs zxv30 mzy38 w9ar3 dark:bg-neutral-950" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-cht2hmd">
<div class="smvag space-y-0.5">
<button type="button" class="xp67g flex items-center rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/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="xp67g flex items-center rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 xp67g flex items-center rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhsn">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 xp67g flex items-center rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhtgm">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="xp67g flex items-center rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhsh">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="xp67g flex items-center rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhsp">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/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="xp67g flex items-center rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhbu">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/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="xp67g flex items-center rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhdl">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 gdhmn djyey 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 enhxb items-center rdqxy x8hlq tuuss zqruk lk55v mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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 n2l26 szmrd" xmlns="http://www.w3.org/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 n2l26 szmrd" xmlns="http://www.w3.org/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 n2l26 flex enhxb items-center rdqxy x8hlq tuuss zqruk lk55v mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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 n2l26 enhxb items-center x8hlq on128 hw6xt dq2gi avow8 w3h0o mr9qs">
R
</span>
<span class="absolute -bottom-0 -end-0 block z9hxv mr9qs h7uoa z5vdk b3nns dark:ring-neutral-800"></span>
</button>
<!-- End Sidebar Toggle -->
</div>
</div>
</header>
<!-- End Header -->
<!-- Chat Content -->
<div class="ux1hp overflow-y-auto overflow-x-hidden hm2m0 uqiuh b3ail ykfhs dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<div class="jhb8q space-y-5">
<!-- List -->
<div class="xp67g space-y-5">
<!-- Item -->
<div class="jypv0 flex u3ov7">
<div class="n2l26 mt-auto">
<span class="flex n2l26 enhxb items-center x8hlq on128 hw6xt dq2gi mr9qs avow8 w3h0o">
R
</span>
</div>
<!-- Chat Bubble -->
<div>
<p class="urcp3 eaq9a on128 lqxom dark:text-neutral-500">Rachel</p>
<div class="space-y-1">
<!-- Message -->
<div class="group flex ifpha u3ov7" style="word-break: break-word;">
<div class="js4j3 zxv30 ntfdl dark:bg-neutral-800 inline-block mzy38 zi3gd q4t00 psrjx">
<div class="tuuss ejo46 dark:text-neutral-200">
Hello
<span>
<span class="lndac lqxom dark:text-neutral-600 y8vd7">11:10</span>
</span>
</div>
</div>
<!-- More Dropdown -->
<div class="mpvw6 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 enhxb items-center rdqxy x8hlq tuuss zqruk p12pm mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden d10id 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="n2l26 szmrd mr9qs" xmlns="http://www.w3.org/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 ahgde transition-[opacity,margin] duration opacity-0 hidden t0pau zxv30 mzy38 w9ar3 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="smvag">
<a class="flex items-center rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 ifpha u3ov7" style="word-break: break-word;">
<div class="js4j3 zxv30 ntfdl dark:bg-neutral-800 inline-block mzy38 zi3gd q4t00 psrjx">
<div class="tuuss ejo46 dark:text-neutral-200">
<img class="madsw wavyl" 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="lndac lqxom dark:text-neutral-600 y8vd7">11:10</span>
</span>
</div>
</div>
<!-- More Dropdown -->
<div class="mpvw6 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 enhxb items-center rdqxy x8hlq tuuss zqruk p12pm mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden d10id 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="n2l26 szmrd mr9qs" xmlns="http://www.w3.org/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 ahgde transition-[opacity,margin] duration opacity-0 hidden t0pau zxv30 mzy38 w9ar3 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="smvag">
<a class="flex items-center rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 ifpha u3ov7" style="word-break: break-word;">
<div class="js4j3 zxv30 ntfdl dark:bg-neutral-800 inline-block mzy38 zi3gd q4t00 psrjx">
<div class="tuuss ejo46 dark:text-neutral-200">
<img class="madsw wavyl" src="../../assets/img/mockups/img10.jpg" alt="Download Image">
2. Using the static method causes an gmr81 in the console.
<span>
<span class="lndac lqxom dark:text-neutral-600 y8vd7">11:12</span>
</span>
</div>
</div>
<!-- More Dropdown -->
<div class="mpvw6 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 enhxb items-center rdqxy x8hlq tuuss zqruk p12pm mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden d10id 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="n2l26 szmrd mr9qs" xmlns="http://www.w3.org/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 ahgde transition-[opacity,margin] duration opacity-0 hidden t0pau zxv30 mzy38 w9ar3 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="smvag">
<a class="flex items-center rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="gomb9 hg2lf x2ip9 te8l0 zxv30 jhbd9 yxawv dark:bg-neutral-800 dark:border-neutral-700">
<label for="hs-chat-autoheight-textarea-2" class="r8a99">Message</label>
<div class="yb79p jsn0m">
<textarea id="hs-chat-autoheight-textarea-2" class="uhwhz bm1bw yb79p jsn0m oaaxj block xp67g je4jy rounded-0 iqf44 io5na q432g focus:outline-hidden rstw7 xeklp disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:text-neutral-400 dark:placeholder-neutral-500 overflow-y-auto hm2m0 uqiuh b3ail ykfhs 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="oaaxj flex saet7 items-center r2jif">
<!-- Button Group -->
<div class="flex items-center r2jif">
<!-- Button -->
<button type="button" class="flex enhxb items-center lwq0m x8hlq tuuss zqruk lk55v mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="r8a99">Attach file</span>
</button>
<!-- End Button -->
<!-- Button -->
<button type="button" class="flex enhxb items-center lwq0m x8hlq tuuss zqruk lk55v mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="r8a99">Add emoji</span>
</button>
<!-- End Button -->
</div>
<!-- End Button Group -->
<!-- Button Group -->
<div class="flex items-center r2jif">
<!-- Button -->
<button type="button" class="flex enhxb items-center lwq0m x8hlq tuuss zqruk lk55v mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="r8a99">Send voice message</span>
</button>
<!-- End Button -->
<!-- Send Button -->
<button type="button" class="inline-flex n2l26 enhxb items-center x8hlq tuuss hw6xt mr9qs w3h0o o0y3u pgsi2 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden hzgeo dark:bg-blue-500 dark:hover:bg-blue-600 dark:focus:bg-blue-600">
<span class="r8a99">Send</span>
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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
nnchn nf9l7 ixagr pve7h
xdzn7 xp67g
hidden
fixed hg2lf aoum9 te8l0 zxmp1 ux1hp
zxv30 ezp48 yxawv
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="ux1hp flex flex-col">
<!-- Header -->
<div class="mi46d gjk1t flex saet7 items-center xu4xz yxawv dark:border-neutral-800">
<span id="hs-pro-chhds2-label" class="block hysdx ejo46 dark:text-neutral-200">
Details
</span>
<!-- Close Button -->
<div class="absolute eawgn qpsld te8l0">
<button type="button" class="x8hlq inline-flex enhxb items-center u3ov7 mr9qs k9mkq je4jy zxv30 ejo46 p12pm focus:outline-hidden d10id 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="r8a99">Close</span>
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="y3kub flex flex-col enhxb items-center cgjzl xu4xz a56pk dark:border-neutral-800">
<span class="flex n2l26 enhxb items-center smr3m kvuao hw6xt dq2gi avow8 w3h0o mr9qs">
R
</span>
<div class="nqo4p xp67g">
<h2 class="vmtij hysdx ejo46 dark:text-neutral-200">
Rachel Doe
</h2>
<p class="madsw d5esf z0e83 dark:text-neutral-500">
Last seen 5 mins ago
</p>
<!-- Button Group -->
<div class="p7mth flex enhxb items-center rdqxy">
<button type="button" class="hxfjh psrjx f2jqf inline-flex enhxb items-center lwq0m hw6xt on128 hw6xt wavyl k9mkq yxawv zxv30 ejo46 ntfdl wsl5v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden u7q2f dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="hxfjh psrjx f2jqf inline-flex enhxb items-center lwq0m hw6xt on128 hw6xt wavyl k9mkq yxawv zxv30 ejo46 ntfdl wsl5v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden u7q2f dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/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 hm2m0 uqiuh b3ail ykfhs 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 xu4xz a56pk dark:border-neutral-800 active" id="hs-pro-chdsudc2">
<button type="button" class="hs-accordion-toggle y3kub yb79p xp67g flex saet7 items-center rdqxy ejo46 x23zt focus:outline-hidden l3jfy 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="tuuss hw6xt">User details</span>
<svg class="hs-accordion-active:hidden block szmrd" xmlns="http://www.w3.org/2000/svg" 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 szmrd" xmlns="http://www.w3.org/2000/svg" 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 xp67g overflow-hidden transition-[height] ixagr" role="region" aria-labelledby="hs-pro-chdsudc2">
<div class="rht0b q6ob7">
<!-- List Item -->
<dl class="hcvae flex items-center btgx5">
<dt class="xp67g ue6et">
<p class="inline-flex items-center u3ov7 d5esf z0e83 dark:text-neutral-500">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="dgznh">
<p class="hw6xt d5esf ejo46 dark:text-neutral-200">
Netherlands
</p>
</dd>
</dl>
<!-- End List Item -->
<!-- List Item -->
<dl class="hcvae flex items-center btgx5">
<dt class="xp67g ue6et">
<p class="inline-flex items-center u3ov7 d5esf z0e83 dark:text-neutral-500">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/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="dgznh">
<p class="hw6xt d5esf ejo46 dark:text-neutral-200">
rachel@gmail.com
</p>
</dd>
</dl>
<!-- End List Item -->
<!-- List Item -->
<dl class="hcvae flex items-center btgx5">
<dt class="xp67g ue6et">
<p class="inline-flex items-center u3ov7 d5esf z0e83 dark:text-neutral-500">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="dgznh">
<p class="hw6xt d5esf ejo46 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 y3kub yb79p xp67g flex saet7 items-center rdqxy ejo46 x23zt focus:outline-hidden l3jfy 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="tuuss hw6xt">Shared media</span>
<svg class="hs-accordion-active:hidden block szmrd" xmlns="http://www.w3.org/2000/svg" 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 szmrd" xmlns="http://www.w3.org/2000/svg" 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 xp67g overflow-hidden transition-[height] ixagr" role="region" aria-labelledby="hs-pro-chdssmc2">
<div class="rht0b q6ob7">
<div class="khfgm n38d7 ntrly">
<img class="n2l26 zp9oc wavyl nbsdr" src="../../assets/img/mockups/img10.jpg" alt="Media Image">
<img class="n2l26 zp9oc wavyl nbsdr" 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 fm3wm flex flex-col lokyk">
<!-- Header -->
<header class="gomb9 zxmp1 x2ip9 n62jc ur00w ymbz2 flex saet7 u3ov7 cd81y db7ob zxv30 xu4xz yxawv dark:bg-neutral-800 dark:border-neutral-700">
<div class="lg:hidden q9zci sm:w-auto flex items-center">
<!-- Sidebar Toggle -->
<div class="d6jw5 ">
<button type="button" class="flex enhxb items-center r2jif f9d5d u4s9n awbfz on128 zqruk zxv30 lk55v mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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="n2l26 szmrd -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 tm7wi focus:outline-hidden" data-hs-overlay="#hs-pro-chhds3" aria-controls="hs-pro-chhds3" aria-label="Toggle navigation">
<span class="lg:block hidden relative n2l26">
<img class="n2l26 x8hlq mr9qs" 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 z9hxv mr9qs h7uoa z5vdk b3nns dark:ring-neutral-900"></span>
</span>
<span class="dgznh cgjzl l2ao2 truncate">
<span class="truncate block hysdx tuuss io5na ejo46 dark:text-neutral-200">
Lewis Clarke
</span>
<span class="truncate block on128 z0e83 dark:text-neutral-500 io5na">
Last seen 12 mins ago
</span>
</span>
</button>
</div>
<!-- End Avatar -->
<div class="q9zci sm:w-auto flex lokyk items-center txi90">
<!-- Button -->
<div class="hs-tooltip [--placement:bottom] hidden sm:inline-block">
<button type="button" class="hs-tooltip-toggle flex enhxb items-center rdqxy x8hlq tuuss zqruk lk55v mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="r8a99">Snooze</span>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl j8ti2 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 enhxb items-center rdqxy x8hlq tuuss zqruk lk55v mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="r8a99">Tags</span>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl j8ti2 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 enhxb items-center rdqxy x8hlq tuuss zqruk lk55v mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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="n2l26 szmrd" xmlns="http://www.w3.org/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 c22dz transition-[opacity,margin] duration opacity-0 hidden h3jvs zxv30 mzy38 w9ar3 dark:bg-neutral-950" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-cht3hmd">
<div class="smvag space-y-0.5">
<button type="button" class="xp67g flex items-center rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/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="xp67g flex items-center rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 xp67g flex items-center rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhsn">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 xp67g flex items-center rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhtgm">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="xp67g flex items-center rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhsh">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="xp67g flex items-center rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhsp">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/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="xp67g flex items-center rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhbu">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/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="xp67g flex items-center rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhdl">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 gdhmn djyey 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 enhxb items-center rdqxy x8hlq tuuss zqruk lk55v mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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 n2l26 szmrd" xmlns="http://www.w3.org/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 n2l26 szmrd" xmlns="http://www.w3.org/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 n2l26 flex enhxb items-center rdqxy x8hlq tuuss zqruk lk55v mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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="n2l26 x8hlq mr9qs" 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 z9hxv mr9qs h7uoa z5vdk b3nns dark:ring-neutral-800"></span>
</button>
<!-- End Sidebar Toggle -->
</div>
</div>
</header>
<!-- End Header -->
<!-- Chat Content -->
<div class="ux1hp overflow-y-auto overflow-x-hidden hm2m0 uqiuh b3ail ykfhs dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<div class="jhb8q space-y-5">
<!-- List -->
<div class="xp67g space-y-4">
<!-- Item -->
<div class="jypv0 flex u3ov7">
<div class="n2l26 mt-auto">
<img class="n2l26 x8hlq mr9qs" 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="urcp3 eaq9a on128 lqxom dark:text-neutral-500">Lewis</p>
<div class="space-y-1">
<!-- Message -->
<div class="group flex ifpha u3ov7" style="word-break: break-word;">
<div class="js4j3 zxv30 ntfdl dark:bg-neutral-800 inline-block mzy38 zi3gd q4t00 psrjx">
<div class="tuuss ejo46 dark:text-neutral-200">
<div class="dmv3j khfgm theuu r2jif">
<img class="n2l26 kmtvh ccury nbsdr" src="../../assets/img/examples/img9.webp" alt="Media Image">
<div class="space-y-1">
<img class="n2l26 xp67g kqq8e zay1f nbsdr" src="../../assets/img/examples/img6.webp" alt="Media Image">
<img class="n2l26 xp67g kqq8e tngam nbsdr" src="../../assets/img/examples/img1.webp" alt="Media Image">
</div>
</div>
How's these all free? 🤯
<span>
<span class="lndac lqxom dark:text-neutral-600 y8vd7">07:02</span>
</span>
</div>
</div>
<!-- More Dropdown -->
<div class="mpvw6 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 enhxb items-center rdqxy x8hlq tuuss zqruk p12pm mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden d10id 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="n2l26 szmrd mr9qs" xmlns="http://www.w3.org/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 ahgde transition-[opacity,margin] duration opacity-0 hidden t0pau zxv30 mzy38 w9ar3 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="smvag">
<a class="flex items-center rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="gomb9 hg2lf x2ip9 te8l0 zxv30 jhbd9 yxawv dark:bg-neutral-800 dark:border-neutral-700">
<label for="hs-chat-autoheight-textarea-3" class="r8a99">Message</label>
<!-- Reply -->
<div id="hs-ch1trc" class="hs-removing:opacity-0 ipy2k ol8bs u3poc rht0b xu4xz a56pk dark:border-neutral-700">
<div class="flex saet7 items-center rdqxy t0xt1 t9n9o jsn0m">
<div class="xp67g">
<p class="hw6xt on128 j28t5">Reply to @@name</p>
<p class="on128 ejo46 dark:text-neutral-200">How's these all free? 🤯</p>
</div>
<div class="dgznh">
<button type="button" class="inline-flex n2l26 enhxb items-center rekd6 mr9qs z0e83 hmpqz focus:outline-hidden rdx35 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="r8a99">Close</span>
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/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="yb79p jsn0m">
<textarea id="hs-chat-autoheight-textarea-3" class="uhwhz bm1bw yb79p jsn0m oaaxj block xp67g je4jy rounded-0 iqf44 io5na q432g focus:outline-hidden rstw7 xeklp disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:text-neutral-400 dark:placeholder-neutral-500 overflow-y-auto hm2m0 uqiuh b3ail ykfhs 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="oaaxj flex saet7 items-center r2jif">
<!-- Button Group -->
<div class="flex items-center r2jif">
<!-- Button -->
<button type="button" class="flex enhxb items-center lwq0m x8hlq tuuss zqruk lk55v mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="r8a99">Attach file</span>
</button>
<!-- End Button -->
<!-- Button -->
<button type="button" class="flex enhxb items-center lwq0m x8hlq tuuss zqruk lk55v mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="r8a99">Add emoji</span>
</button>
<!-- End Button -->
</div>
<!-- End Button Group -->
<!-- Button Group -->
<div class="flex items-center r2jif">
<!-- Button -->
<button type="button" class="flex enhxb items-center lwq0m x8hlq tuuss zqruk lk55v mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="r8a99">Send voice message</span>
</button>
<!-- End Button -->
<!-- Send Button -->
<button type="button" class="inline-flex n2l26 enhxb items-center x8hlq tuuss hw6xt mr9qs w3h0o o0y3u pgsi2 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden hzgeo dark:bg-blue-500 dark:hover:bg-blue-600 dark:focus:bg-blue-600">
<span class="r8a99">Send</span>
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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
nnchn nf9l7 ixagr pve7h
xdzn7 xp67g
hidden
fixed hg2lf aoum9 te8l0 zxmp1 ux1hp
zxv30 ezp48 yxawv
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="ux1hp flex flex-col">
<!-- Header -->
<div class="mi46d gjk1t flex saet7 items-center xu4xz yxawv dark:border-neutral-800">
<span id="hs-pro-chhds3-label" class="block hysdx ejo46 dark:text-neutral-200">
Details
</span>
<!-- Close Button -->
<div class="absolute eawgn qpsld te8l0">
<button type="button" class="x8hlq inline-flex enhxb items-center u3ov7 mr9qs k9mkq je4jy zxv30 ejo46 p12pm focus:outline-hidden d10id 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="r8a99">Close</span>
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="y3kub flex flex-col enhxb items-center cgjzl xu4xz a56pk dark:border-neutral-800">
<img class="n2l26 smr3m mr9qs" 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="nqo4p xp67g">
<h2 class="vmtij hysdx ejo46 dark:text-neutral-200">
Lewis Clarke
</h2>
<p class="madsw d5esf z0e83 dark:text-neutral-500">
Last seen 12 mins ago
</p>
<!-- Button Group -->
<div class="p7mth flex enhxb items-center rdqxy">
<button type="button" class="hxfjh psrjx f2jqf inline-flex enhxb items-center lwq0m hw6xt on128 hw6xt wavyl k9mkq yxawv zxv30 ejo46 ntfdl wsl5v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden u7q2f dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="hxfjh psrjx f2jqf inline-flex enhxb items-center lwq0m hw6xt on128 hw6xt wavyl k9mkq yxawv zxv30 ejo46 ntfdl wsl5v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden u7q2f dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/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 hm2m0 uqiuh b3ail ykfhs 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 xu4xz a56pk dark:border-neutral-800 active" id="hs-pro-chdsudc3">
<button type="button" class="hs-accordion-toggle y3kub yb79p xp67g flex saet7 items-center rdqxy ejo46 x23zt focus:outline-hidden l3jfy 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="tuuss hw6xt">User details</span>
<svg class="hs-accordion-active:hidden block szmrd" xmlns="http://www.w3.org/2000/svg" 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 szmrd" xmlns="http://www.w3.org/2000/svg" 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 xp67g overflow-hidden transition-[height] ixagr" role="region" aria-labelledby="hs-pro-chdsudc3">
<div class="rht0b q6ob7">
<!-- List Item -->
<dl class="hcvae flex items-center btgx5">
<dt class="xp67g ue6et">
<p class="inline-flex items-center u3ov7 d5esf z0e83 dark:text-neutral-500">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="dgznh">
<p class="hw6xt d5esf ejo46 dark:text-neutral-200">
Acroma
</p>
</dd>
</dl>
<!-- End List Item -->
<!-- List Item -->
<dl class="hcvae flex items-center btgx5">
<dt class="xp67g ue6et">
<p class="inline-flex items-center u3ov7 d5esf z0e83 dark:text-neutral-500">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="dgznh">
<p class="hw6xt d5esf ejo46 dark:text-neutral-200">
United States
</p>
</dd>
</dl>
<!-- End List Item -->
<!-- List Item -->
<dl class="hcvae flex items-center btgx5">
<dt class="xp67g ue6et">
<p class="inline-flex items-center u3ov7 d5esf z0e83 dark:text-neutral-500">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/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="dgznh">
<p class="hw6xt d5esf ejo46 dark:text-neutral-200">
lewis@acroma.com
</p>
</dd>
</dl>
<!-- End List Item -->
<!-- List Item -->
<dl class="hcvae flex items-center btgx5">
<dt class="xp67g ue6et">
<p class="inline-flex items-center u3ov7 d5esf z0e83 dark:text-neutral-500">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/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="dgznh">
<a class="gucmi tuuss j28t5 njs8g h8tqt hw6xt focus:outline-hidden ch28j 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 y3kub yb79p xp67g flex saet7 items-center rdqxy ejo46 x23zt focus:outline-hidden l3jfy 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="tuuss hw6xt">Shared media</span>
<svg class="hs-accordion-active:hidden block szmrd" xmlns="http://www.w3.org/2000/svg" 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 szmrd" xmlns="http://www.w3.org/2000/svg" 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 xp67g overflow-hidden transition-[height] ixagr" role="region" aria-labelledby="hs-pro-chdssmc3">
<div class="rht0b q6ob7">
<p class="tuuss z0e83 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 fm3wm flex flex-col lokyk">
<!-- Header -->
<header class="gomb9 zxmp1 x2ip9 n62jc ur00w ymbz2 flex saet7 u3ov7 cd81y db7ob zxv30 xu4xz yxawv dark:bg-neutral-800 dark:border-neutral-700">
<div class="lg:hidden q9zci sm:w-auto flex items-center">
<!-- Sidebar Toggle -->
<div class="d6jw5 ">
<button type="button" class="flex enhxb items-center r2jif f9d5d u4s9n awbfz on128 zqruk zxv30 lk55v mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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="n2l26 szmrd -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 tm7wi focus:outline-hidden" data-hs-overlay="#hs-pro-chhds4" aria-controls="hs-pro-chhds4" aria-label="Toggle navigation">
<span class="lg:block hidden relative n2l26"><span class="flex n2l26 enhxb items-center x8hlq on128 hw6xt dq2gi b3nns w3h0o mr9qs">
T
</span>
</span>
<span class="dgznh cgjzl l2ao2 truncate">
<span class="truncate block hysdx tuuss io5na ejo46 dark:text-neutral-200">
Technical issues
</span>
<span class="truncate block on128 z0e83 dark:text-neutral-500 io5na">
4 members
</span>
</span>
</button>
</div>
<!-- End Avatar -->
<div class="q9zci sm:w-auto flex lokyk items-center txi90">
<!-- Button -->
<div class="hs-tooltip [--placement:bottom] hidden sm:inline-block">
<button type="button" class="hs-tooltip-toggle flex enhxb items-center rdqxy x8hlq tuuss zqruk lk55v mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="r8a99">Snooze</span>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl j8ti2 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 enhxb items-center rdqxy x8hlq tuuss zqruk lk55v mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="r8a99">Tags</span>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl j8ti2 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 enhxb items-center rdqxy x8hlq tuuss zqruk lk55v mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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="n2l26 szmrd" xmlns="http://www.w3.org/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 c22dz transition-[opacity,margin] duration opacity-0 hidden h3jvs zxv30 mzy38 w9ar3 dark:bg-neutral-950" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-cht4hmd">
<div class="smvag space-y-0.5">
<button type="button" class="xp67g flex items-center rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/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="xp67g flex items-center rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 xp67g flex items-center rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhsn">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 xp67g flex items-center rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhtgm">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="xp67g flex items-center rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhsh">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="xp67g flex items-center rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhsp">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/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="xp67g flex items-center rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhbu">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/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="xp67g flex items-center rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhdl">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 gdhmn djyey 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 enhxb items-center rdqxy x8hlq tuuss zqruk lk55v mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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 n2l26 szmrd" xmlns="http://www.w3.org/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 n2l26 szmrd" xmlns="http://www.w3.org/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 n2l26 flex enhxb items-center rdqxy x8hlq tuuss zqruk lk55v mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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 n2l26 enhxb items-center x8hlq on128 hw6xt dq2gi b3nns w3h0o mr9qs">
T
</span>
</button>
<!-- End Sidebar Toggle -->
</div>
</div>
</header>
<!-- End Header -->
<!-- Chat Content -->
<div class="ux1hp overflow-y-auto overflow-x-hidden hm2m0 uqiuh b3ail ykfhs dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<div class="jhb8q space-y-5">
<div class="relative space-y-5">
<!-- Time -->
<div class="gomb9 zxmp1 x2ip9 t0pau cw17m mx-auto cgjzl">
<span class="vj7px dgmc7 gxtht on128 z0e83 mr9qs dark:bg-neutral-900 dark:text-neutral-500">01 May</span>
</div>
<!-- End Time -->
<!-- List -->
<div class="xp67g space-y-4">
<!-- Item -->
<div class="jypv0 flex u3ov7">
<div class="n2l26 mt-auto">
<img class="n2l26 x8hlq mr9qs" 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="urcp3 eaq9a on128 lqxom dark:text-neutral-500">Lousie</p>
<div class="space-y-1">
<!-- Message -->
<div class="group flex ifpha u3ov7" style="word-break: break-word;">
<div class="js4j3 zxv30 ntfdl dark:bg-neutral-800 inline-block mzy38 zi3gd q4t00 psrjx">
<div class="tuuss ejo46 dark:text-neutral-200">
Hello everyone
<span>
<span class="lndac lqxom dark:text-neutral-600 y8vd7">10:49</span>
</span>
</div>
</div>
<!-- More Dropdown -->
<div class="mpvw6 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 enhxb items-center rdqxy x8hlq tuuss zqruk p12pm mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden d10id 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="n2l26 szmrd mr9qs" xmlns="http://www.w3.org/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 ahgde transition-[opacity,margin] duration opacity-0 hidden t0pau zxv30 mzy38 w9ar3 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="smvag">
<a class="flex items-center rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="jypv0 ms-auto yo4p5 flex lokyk u3ov7">
<!-- Chat Bubble -->
<div>
<p class="urcp3 g99ml on128 lqxom dark:text-neutral-500">James</p>
<div class="space-y-1">
<!-- Message -->
<div class="group flex lokyk u3ov7" style="word-break: break-word;">
<div class="mpvw6 m8hmi megik dark:bg-blue-500/20 inline-block mzy38 zi3gd q4t00 psrjx">
<div class="tuuss ejo46 dark:text-neutral-200">
Hi Lousie
<span>
<span class="lndac yo4p5 lqxom dark:text-neutral-600 y8vd7">18:39</span>
<svg class="inline-block n2l26 szmrd lqxom 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="js4j3 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 enhxb items-center rdqxy x8hlq tuuss zqruk p12pm mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden d10id 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="n2l26 szmrd mr9qs" xmlns="http://www.w3.org/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 ahgde transition-[opacity,margin] duration opacity-0 hidden t0pau zxv30 mzy38 w9ar3 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="smvag">
<a class="flex items-center rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 lokyk u3ov7" style="word-break: break-word;">
<div class="mpvw6 m8hmi megik dark:bg-blue-500/20 inline-block mzy38 zi3gd q4t00 psrjx">
<div class="tuuss ejo46 dark:text-neutral-200">
How are you?
<span>
<span class="lndac yo4p5 lqxom dark:text-neutral-600 y8vd7">18:40</span>
<svg class="inline-block n2l26 szmrd lqxom 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="js4j3 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 enhxb items-center rdqxy x8hlq tuuss zqruk p12pm mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden d10id 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="n2l26 szmrd mr9qs" xmlns="http://www.w3.org/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 ahgde transition-[opacity,margin] duration opacity-0 hidden t0pau zxv30 mzy38 w9ar3 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="smvag">
<a class="flex items-center rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="n2l26 mt-auto">
<img class="n2l26 x8hlq mr9qs" 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="gomb9 zxmp1 x2ip9 t0pau cw17m mx-auto cgjzl">
<span class="vj7px dgmc7 gxtht on128 z0e83 mr9qs dark:bg-neutral-900 dark:text-neutral-500">02 May</span>
</div>
<!-- End Time -->
<!-- List -->
<div class="xp67g space-y-4">
<!-- Item -->
<div class="jypv0 flex u3ov7">
<div class="n2l26 mt-auto">
<img class="n2l26 x8hlq mr9qs" 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="urcp3 eaq9a on128 lqxom dark:text-neutral-500">Anna</p>
<div class="space-y-1">
<!-- Message -->
<div class="group flex ifpha u3ov7" style="word-break: break-word;">
<div class="js4j3 zxv30 ntfdl dark:bg-neutral-800 inline-block mzy38 zi3gd q4t00 psrjx">
<div class="tuuss ejo46 dark:text-neutral-200">
you guys I need your help
<span>
<span class="lndac lqxom dark:text-neutral-600 y8vd7">10:00</span>
</span>
</div>
</div>
<!-- More Dropdown -->
<div class="mpvw6 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 enhxb items-center rdqxy x8hlq tuuss zqruk p12pm mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden d10id 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="n2l26 szmrd mr9qs" xmlns="http://www.w3.org/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 ahgde transition-[opacity,margin] duration opacity-0 hidden t0pau zxv30 mzy38 w9ar3 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="smvag">
<a class="flex items-center rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 ifpha u3ov7" style="word-break: break-word;">
<div class="js4j3 zxv30 ntfdl dark:bg-neutral-800 inline-block mzy38 zi3gd q4t00 psrjx">
<div class="tuuss ejo46 dark:text-neutral-200">
<div class="flex items-center u3ov7">
<button type="button" class="flex enhxb items-center yxsvo o0y3u pgsi2 focus:outline-hidden hzgeo w3h0o mr9qs dark:bg-blue-500 dark:hover:bg-blue-600 dark:focus:bg-blue-600">
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/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="dgznh">
<svg class="j28t5 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 r2jif">
<p class="on128 z0e83 dark:text-neutral-500">
00:08
</p>
</div>
</div>
</div>
<span>
<span class="lndac lqxom dark:text-neutral-600 y8vd7">10:51</span>
</span>
</div>
</div>
<!-- More Dropdown -->
<div class="mpvw6 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 enhxb items-center rdqxy x8hlq tuuss zqruk p12pm mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden d10id 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="n2l26 szmrd mr9qs" xmlns="http://www.w3.org/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 ahgde transition-[opacity,margin] duration opacity-0 hidden t0pau zxv30 mzy38 w9ar3 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="smvag">
<a class="flex items-center rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="jypv0 ms-auto yo4p5 flex lokyk u3ov7">
<!-- Chat Bubble -->
<div>
<p class="urcp3 g99ml on128 lqxom dark:text-neutral-500">Christina</p>
<div class="space-y-1">
<!-- Message -->
<div class="group flex lokyk u3ov7" style="word-break: break-word;">
<div class="mpvw6 m8hmi megik dark:bg-blue-500/20 inline-block mzy38 zi3gd q4t00 psrjx">
<div class="tuuss ejo46 dark:text-neutral-200">
<div class="flex items-center u3ov7">
<button type="button" class="flex enhxb items-center yxsvo o0y3u pgsi2 focus:outline-hidden hzgeo w3h0o mr9qs dark:bg-blue-500 dark:hover:bg-blue-600 dark:focus:bg-blue-600">
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/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="dgznh">
<svg class="j28t5 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 r2jif">
<p class="on128 z0e83 dark:text-neutral-500">
00:08
</p>
<span class="inline-block gh6us mr9qs o0y3u dark:bg-blue-500"></span>
</div>
</div>
</div>
<span>
<span class="lndac yo4p5 lqxom dark:text-neutral-600 y8vd7">09:52</span>
<svg class="inline-block n2l26 szmrd lqxom 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="js4j3 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 enhxb items-center rdqxy x8hlq tuuss zqruk p12pm mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden d10id 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="n2l26 szmrd mr9qs" xmlns="http://www.w3.org/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 ahgde transition-[opacity,margin] duration opacity-0 hidden t0pau zxv30 mzy38 w9ar3 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="smvag">
<a class="flex items-center rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="n2l26 mt-auto">
<img class="n2l26 x8hlq mr9qs" 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="jypv0 flex u3ov7">
<div class="n2l26 mt-auto">
<span class="flex n2l26 enhxb items-center x8hlq on128 hw6xt dq2gi mr9qs hhqav w3h0o">
S
</span>
</div>
<!-- Chat Bubble -->
<div>
<p class="urcp3 eaq9a on128 lqxom dark:text-neutral-500">Sun</p>
<div class="space-y-1">
<!-- Message -->
<div class="group flex ifpha u3ov7" style="word-break: break-word;">
<div class="js4j3 zxv30 ntfdl dark:bg-neutral-800 inline-block mzy38 zi3gd q4t00 psrjx">
<div class="tuuss ejo46 dark:text-neutral-200">
Hi
<span>
<span class="lndac lqxom dark:text-neutral-600 y8vd7">10:14</span>
</span>
</div>
</div>
<!-- More Dropdown -->
<div class="mpvw6 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 enhxb items-center rdqxy x8hlq tuuss zqruk p12pm mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden d10id 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="n2l26 szmrd mr9qs" xmlns="http://www.w3.org/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 ahgde transition-[opacity,margin] duration opacity-0 hidden t0pau zxv30 mzy38 w9ar3 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="smvag">
<a class="flex items-center rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 ifpha u3ov7" style="word-break: break-word;">
<div class="js4j3 zxv30 ntfdl dark:bg-neutral-800 inline-block mzy38 zi3gd q4t00 psrjx">
<div class="tuuss ejo46 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="lndac lqxom dark:text-neutral-600 y8vd7">10:25</span>
</span>
</div>
</div>
<!-- More Dropdown -->
<div class="mpvw6 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 enhxb items-center rdqxy x8hlq tuuss zqruk p12pm mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden d10id 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="n2l26 szmrd mr9qs" xmlns="http://www.w3.org/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 ahgde transition-[opacity,margin] duration opacity-0 hidden t0pau zxv30 mzy38 w9ar3 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="smvag">
<a class="flex items-center rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 ifpha u3ov7" style="word-break: break-word;">
<div class="js4j3 zxv30 ntfdl dark:bg-neutral-800 inline-block mzy38 zi3gd q4t00 psrjx">
<div class="tuuss ejo46 dark:text-neutral-200">
Looks like user entered the wrong email <a class="i4lg9 j28t5 b5782 dark:text-blue-500" href="#">annarichard@gmail.cm</a> (typo at <a class="i4lg9 j28t5 b5782 dark:text-blue-500" href="#">gmail.cm</a>) - we will send a new email to <a class="i4lg9 j28t5 b5782 dark:text-blue-500" href="#">annarichard@gmail.com</a> with a link to create an account in a moment.
<span>
<span class="lndac lqxom dark:text-neutral-600 y8vd7">10:27</span>
</span>
</div>
</div>
<!-- More Dropdown -->
<div class="mpvw6 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 enhxb items-center rdqxy x8hlq tuuss zqruk p12pm mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden d10id 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="n2l26 szmrd mr9qs" xmlns="http://www.w3.org/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 ahgde transition-[opacity,margin] duration opacity-0 hidden t0pau zxv30 mzy38 w9ar3 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="smvag">
<a class="flex items-center rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="gomb9 zxmp1 x2ip9 t0pau cw17m mx-auto cgjzl">
<span class="vj7px dgmc7 gxtht on128 z0e83 mr9qs dark:bg-neutral-900 dark:text-neutral-500">Today</span>
</div>
<!-- End Time -->
<!-- List -->
<div class="xp67g space-y-4">
<!-- Item -->
<div class="jypv0 flex u3ov7">
<div class="n2l26 mt-auto">
<img class="n2l26 x8hlq mr9qs" 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="urcp3 eaq9a on128 lqxom dark:text-neutral-500">Anna</p>
<div class="space-y-1">
<!-- Message -->
<div class="group flex ifpha u3ov7" style="word-break: break-word;">
<div class="js4j3 zxv30 ntfdl dark:bg-neutral-800 inline-block mzy38 zi3gd q4t00 psrjx">
<div class="tuuss ejo46 dark:text-neutral-200">
ohh I didn't notice that typo 🙃
<span>
<span class="lndac lqxom dark:text-neutral-600 y8vd7">09:30</span>
</span>
</div>
</div>
<!-- More Dropdown -->
<div class="mpvw6 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 enhxb items-center rdqxy x8hlq tuuss zqruk p12pm mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden d10id 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="n2l26 szmrd mr9qs" xmlns="http://www.w3.org/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 ahgde transition-[opacity,margin] duration opacity-0 hidden t0pau zxv30 mzy38 w9ar3 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="smvag">
<a class="flex items-center rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 ifpha u3ov7" style="word-break: break-word;">
<div class="js4j3 zxv30 ntfdl dark:bg-neutral-800 inline-block mzy38 zi3gd q4t00 psrjx">
<div class="tuuss ejo46 dark:text-neutral-200">
big thanks 😊
<span>
<span class="lndac lqxom dark:text-neutral-600 y8vd7">09:31</span>
</span>
</div>
</div>
<!-- More Dropdown -->
<div class="mpvw6 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 enhxb items-center rdqxy x8hlq tuuss zqruk p12pm mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden d10id 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="n2l26 szmrd mr9qs" xmlns="http://www.w3.org/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 ahgde transition-[opacity,margin] duration opacity-0 hidden t0pau zxv30 mzy38 w9ar3 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="smvag">
<a class="flex items-center rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="jypv0 flex u3ov7">
<div class="n2l26 mt-auto">
<span class="flex n2l26 enhxb items-center x8hlq on128 hw6xt dq2gi mr9qs hhqav w3h0o">
S
</span>
</div>
<!-- Chat Bubble -->
<div>
<p class="urcp3 eaq9a on128 lqxom dark:text-neutral-500">Sun</p>
<div class="space-y-1">
<!-- Message -->
<div class="group flex ifpha u3ov7" style="word-break: break-word;">
<div class="js4j3 zxv30 ntfdl dark:bg-neutral-800 inline-block mzy38 zi3gd q4t00 psrjx">
<div class="tuuss ejo46 dark:text-neutral-200">
You're welcome
<span>
<span class="lndac lqxom dark:text-neutral-600 y8vd7">10:14</span>
</span>
</div>
</div>
<!-- More Dropdown -->
<div class="mpvw6 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 enhxb items-center rdqxy x8hlq tuuss zqruk p12pm mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden d10id 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="n2l26 szmrd mr9qs" xmlns="http://www.w3.org/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 ahgde transition-[opacity,margin] duration opacity-0 hidden t0pau zxv30 mzy38 w9ar3 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="smvag">
<a class="flex items-center rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="jypv0 ms-auto yo4p5 flex lokyk u3ov7">
<!-- Chat Bubble -->
<div>
<p class="urcp3 g99ml on128 lqxom dark:text-neutral-500">James</p>
<div class="space-y-1">
<!-- Message -->
<div class="group flex lokyk u3ov7" style="word-break: break-word;">
<div class="mpvw6 m8hmi megik dark:bg-blue-500/20 inline-block mzy38 zi3gd q4t00 psrjx">
<div class="tuuss ejo46 dark:text-neutral-200">
Great! 👍️
<span>
<span class="lndac yo4p5 lqxom dark:text-neutral-600 y8vd7">18:39</span>
<svg class="inline-block n2l26 szmrd lqxom 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="js4j3 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 enhxb items-center rdqxy x8hlq tuuss zqruk p12pm mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden d10id 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="n2l26 szmrd mr9qs" xmlns="http://www.w3.org/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 ahgde transition-[opacity,margin] duration opacity-0 hidden t0pau zxv30 mzy38 w9ar3 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="smvag">
<a class="flex items-center rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 rdqxy f9d5d u4s9n wavyl on128 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="n2l26 mt-auto">
<img class="n2l26 x8hlq mr9qs" 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="gomb9 hg2lf x2ip9 te8l0 zxv30 jhbd9 yxawv dark:bg-neutral-800 dark:border-neutral-700">
<label for="hs-chat-autoheight-textarea-4" class="r8a99">Message</label>
<div class="yb79p jsn0m">
<textarea id="hs-chat-autoheight-textarea-4" class="uhwhz bm1bw yb79p jsn0m oaaxj block xp67g je4jy rounded-0 iqf44 io5na q432g focus:outline-hidden rstw7 xeklp disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:text-neutral-400 dark:placeholder-neutral-500 overflow-y-auto hm2m0 uqiuh b3ail ykfhs 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="oaaxj flex saet7 items-center r2jif">
<!-- Button Group -->
<div class="flex items-center r2jif">
<!-- Button -->
<button type="button" class="flex enhxb items-center lwq0m x8hlq tuuss zqruk lk55v mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="r8a99">Attach file</span>
</button>
<!-- End Button -->
<!-- Button -->
<button type="button" class="flex enhxb items-center lwq0m x8hlq tuuss zqruk lk55v mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="r8a99">Add emoji</span>
</button>
<!-- End Button -->
</div>
<!-- End Button Group -->
<!-- Button Group -->
<div class="flex items-center r2jif">
<!-- Button -->
<button type="button" class="flex enhxb items-center lwq0m x8hlq tuuss zqruk lk55v mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="r8a99">Send voice message</span>
</button>
<!-- End Button -->
<!-- Send Button -->
<button type="button" class="inline-flex n2l26 enhxb items-center x8hlq tuuss hw6xt mr9qs w3h0o o0y3u pgsi2 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden hzgeo dark:bg-blue-500 dark:hover:bg-blue-600 dark:focus:bg-blue-600">
<span class="r8a99">Send</span>
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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
nnchn nf9l7 ixagr pve7h
xdzn7 xp67g
hidden
fixed hg2lf aoum9 te8l0 zxmp1 ux1hp
zxv30 ezp48 yxawv
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="ux1hp flex flex-col">
<!-- Header -->
<div class="mi46d gjk1t flex saet7 items-center xu4xz yxawv dark:border-neutral-800">
<span id="hs-pro-chhds4-label" class="block hysdx ejo46 dark:text-neutral-200">
Details
</span>
<!-- Close Button -->
<div class="absolute eawgn qpsld te8l0">
<button type="button" class="x8hlq inline-flex enhxb items-center u3ov7 mr9qs k9mkq je4jy zxv30 ejo46 p12pm focus:outline-hidden d10id 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="r8a99">Close</span>
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="y3kub flex flex-col enhxb items-center cgjzl xu4xz a56pk dark:border-neutral-800">
<span class="flex n2l26 enhxb items-center smr3m kvuao hw6xt dq2gi b3nns w3h0o mr9qs">
B
</span>
<div class="nqo4p xp67g">
<h2 class="vmtij hysdx ejo46 dark:text-neutral-200">
Technical issues
</h2>
<p class="madsw d5esf z0e83 dark:text-neutral-500">
4 members
</p>
<!-- Button Group -->
<div class="p7mth flex enhxb items-center rdqxy">
<button type="button" class="hxfjh psrjx f2jqf inline-flex enhxb items-center lwq0m hw6xt on128 hw6xt wavyl k9mkq yxawv zxv30 ejo46 ntfdl wsl5v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden u7q2f dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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="hxfjh psrjx f2jqf inline-flex enhxb items-center lwq0m hw6xt on128 hw6xt wavyl k9mkq yxawv zxv30 ejo46 ntfdl wsl5v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden u7q2f dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/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 hm2m0 uqiuh b3ail ykfhs 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 xu4xz a56pk dark:border-neutral-800 active" id="hs-pro-chdsm1">
<button type="button" class="hs-accordion-toggle y3kub yb79p xp67g flex saet7 items-center rdqxy ejo46 x23zt focus:outline-hidden l3jfy 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="tuuss hw6xt">Members</span>
<svg class="hs-accordion-active:hidden block szmrd" xmlns="http://www.w3.org/2000/svg" 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 szmrd" xmlns="http://www.w3.org/2000/svg" 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 xp67g overflow-hidden transition-[height] ixagr" role="region" aria-labelledby="hs-pro-chdsm1">
<div class="u4s9n q6ob7 space-y-1">
<a class="block hxfjh l1xlu xp67g flex items-center rdqxy wavyl lk55v focus:outline-hidden rjc3l dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<img class="n2l26 x8hlq mr9qs" 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="dgznh">
<p class="hysdx d5esf ejo46 dark:text-neutral-200">Christina Christy</p>
<p class="on128 z0e83 dark:text-neutral-500">Online</p>
</div>
</a>
<a class="block hxfjh l1xlu xp67g flex items-center rdqxy wavyl lk55v focus:outline-hidden rjc3l dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<img class="n2l26 x8hlq mr9qs" 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="dgznh">
<p class="hysdx d5esf ejo46 dark:text-neutral-200">Louise Donadieu</p>
<p class="on128 z0e83 dark:text-neutral-500">Last seen 5 mins ago</p>
</div>
</a>
<a class="block hxfjh l1xlu xp67g flex items-center rdqxy wavyl lk55v focus:outline-hidden rjc3l dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<span class="flex n2l26 enhxb items-center x8hlq on128 hw6xt dq2gi buldq w3h0o mr9qs">
S
</span>
<div class="dgznh">
<p class="hysdx d5esf ejo46 dark:text-neutral-200">Sun Chai</p>
<p class="on128 z0e83 dark:text-neutral-500">Last seen 3 hours ago</p>
</div>
</a>
<a class="block hxfjh l1xlu xp67g flex items-center rdqxy wavyl lk55v focus:outline-hidden rjc3l dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<img class="n2l26 x8hlq mr9qs" 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="dgznh">
<p class="hysdx d5esf ejo46 dark:text-neutral-200">Tom Lowry</p>
<p class="on128 z0e83 dark:text-neutral-500">Last seen 1 day ago</p>
</div>
</a>
</div>
</div>
</div>
<!-- End Members -->
<!-- User Details -->
<div class="hs-accordion xu4xz a56pk dark:border-neutral-800 active" id="hs-pro-chdsudc4">
<button type="button" class="hs-accordion-toggle y3kub yb79p xp67g flex saet7 items-center rdqxy ejo46 x23zt focus:outline-hidden l3jfy 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="tuuss hw6xt">User details</span>
<svg class="hs-accordion-active:hidden block szmrd" xmlns="http://www.w3.org/2000/svg" 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 szmrd" xmlns="http://www.w3.org/2000/svg" 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 xp67g overflow-hidden transition-[height] ixagr" role="region" aria-labelledby="hs-pro-chdsudc4">
<div class="rht0b q6ob7">
<!-- List Item -->
<dl class="hcvae flex items-center btgx5">
<dt class="xp67g ue6et">
<p class="inline-flex items-center u3ov7 d5esf z0e83 dark:text-neutral-500">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/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="dgznh">
<p class="hw6xt d5esf ejo46 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 y3kub yb79p xp67g flex saet7 items-center rdqxy ejo46 x23zt focus:outline-hidden l3jfy 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="tuuss hw6xt">Shared media</span>
<svg class="hs-accordion-active:hidden block szmrd" xmlns="http://www.w3.org/2000/svg" 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 szmrd" xmlns="http://www.w3.org/2000/svg" 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 xp67g overflow-hidden transition-[height] ixagr" role="region" aria-labelledby="hs-pro-chdssmc4">
<div class="rht0b q6ob7">
<p class="tuuss z0e83 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 kquz2 fixed zxmp1 a98ho c61v5 overflow-x-hidden overflow-y-auto [--close-when-click-inside:true] n8854" 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 p1xgh opacity-0 bx2ni nf9l7 ei8tj hweyy oxtl1 sm:mx-auto h-[calc(100%-56px)] min-h-[calc(100%-56px)] flex items-center">
<div class="xp67g hx6ns overflow-hidden flex flex-col zxv30 mzy38 pointer-events-auto x32l5 dark:bg-neutral-800">
<!-- Header -->
<div class="u3poc gjk1t flex saet7 items-center xu4xz yxawv dark:border-neutral-700">
<h3 id="hs-pro-chhtgm-label" class="hw6xt ejo46 dark:text-neutral-200">
Tags
</h3>
<button type="button" class="x8hlq n2l26 flex enhxb items-center u3ov7 mr9qs k9mkq je4jy gxtht ejo46 p12pm disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden d10id 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="r8a99">Close</span>
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="smvag madsw">
<div class="relative">
<div class="absolute evdk4 a98ho flex items-center n8854 mjppw eaq9a">
<svg class="n2l26 bnmi1 lqxom 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="hcvae mllma ctqfm block xp67g gxtht je4jy clfmf tm0mx vydgp focus:outline-hidden st4vp isksk fwe1v 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 evdk4 aoum9 flex items-center mjppw svb23">
<button type="button" class="inline-flex n2l26 enhxb items-center rekd6 mr9qs z0e83 hmpqz focus:outline-hidden rdx35 dark:text-neutral-500 dark:hover:text-blue-500 dark:focus:text-blue-500" aria-label="Close">
<span class="r8a99">Close</span>
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/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="smvag l5601 overflow-y-auto hm2m0 uqiuh b3ail ykfhs dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<div>
<span class="madsw l1xlu block on128 z0e83 dark:text-neutral-500">
All tags
</span>
<!-- Tags List -->
<div class="space-y-1">
<div class="flex saet7 items-center f9d5d l1xlu cursor-pointer wavyl lk55v 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 j2p6t cursor-pointer d5esf ejo46 dark:text-neutral-300">
<svg class="n2l26 bnmi1 z0e83 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="n2l26 szmrd sga4h rlapk j28t5 isksk 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 saet7 items-center f9d5d l1xlu cursor-pointer wavyl lk55v 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 j2p6t cursor-pointer d5esf ejo46 dark:text-neutral-300">
<svg class="n2l26 bnmi1 u9tmt" xmlns="http://www.w3.org/2000/svg" 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 n2l26 br82p z0e83 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 g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl j8ti2 dark:bg-neutral-700" role="tooltip">
Private xtvhj
</span>
</span>
</label>
<input type="checkbox" class="n2l26 szmrd sga4h rlapk j28t5 isksk 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 saet7 items-center f9d5d l1xlu cursor-pointer wavyl lk55v 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 j2p6t cursor-pointer d5esf ejo46 dark:text-neutral-300">
<svg class="n2l26 bnmi1 iq13t" xmlns="http://www.w3.org/2000/svg" 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="n2l26 szmrd sga4h rlapk j28t5 isksk 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 saet7 items-center f9d5d l1xlu cursor-pointer wavyl lk55v 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 j2p6t cursor-pointer d5esf ejo46 dark:text-neutral-300">
<svg class="n2l26 bnmi1 c42h6" xmlns="http://www.w3.org/2000/svg" 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="n2l26 szmrd sga4h rlapk j28t5 isksk 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 saet7 items-center f9d5d l1xlu cursor-pointer wavyl lk55v 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 j2p6t cursor-pointer d5esf ejo46 dark:text-neutral-300">
<svg class="n2l26 bnmi1 z0e83 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 n2l26 br82p z0e83 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 g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl j8ti2 dark:bg-neutral-700" role="tooltip">
Private xtvhj
</span>
</span>
</label>
<input type="checkbox" class="n2l26 szmrd sga4h rlapk j28t5 isksk 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 saet7 items-center f9d5d l1xlu cursor-pointer wavyl lk55v 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 j2p6t cursor-pointer d5esf ejo46 dark:text-neutral-300">
<svg class="n2l26 bnmi1 z0e83 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 n2l26 br82p z0e83 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 g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl j8ti2 dark:bg-neutral-700" role="tooltip">
Private xtvhj
</span>
</span>
</label>
<input type="checkbox" class="n2l26 szmrd sga4h rlapk j28t5 isksk 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 saet7 items-center f9d5d l1xlu cursor-pointer wavyl lk55v 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 j2p6t cursor-pointer d5esf ejo46 dark:text-neutral-300">
<svg class="n2l26 bnmi1 kz6jf" xmlns="http://www.w3.org/2000/svg" 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="n2l26 szmrd sga4h rlapk j28t5 isksk 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="smvag jhbd9 yxawv dark:border-neutral-700">
<button type="button" class="hs-dropdown-close xp67g inline-flex enhxb items-center lwq0m hxfjh psrjx hw6xt on128 wavyl k9mkq je4jy zxv30 ejo46 lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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 xtvhj
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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 kquz2 fixed zxmp1 a98ho c61v5 overflow-x-hidden overflow-y-auto [--close-when-click-inside:true] n8854" 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 p1xgh opacity-0 bx2ni nf9l7 ei8tj hweyy oxtl1 sm:mx-auto h-[calc(100%-56px)] min-h-[calc(100%-56px)] flex items-center">
<div class="xp67g hx6ns overflow-hidden flex flex-col zxv30 mzy38 pointer-events-auto x32l5 dark:bg-neutral-800">
<!-- Header -->
<div class="mi46d gjk1t flex saet7 items-center xu4xz yxawv dark:border-neutral-700">
<h3 id="hs-pro-chhcntm-label" class="hysdx ejo46 dark:text-neutral-200">
Create new xtvhj
</h3>
<button type="button" class="x8hlq inline-flex enhxb items-center u3ov7 mr9qs k9mkq je4jy gxtht ejo46 p12pm focus:outline-hidden d10id 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="r8a99">Close</span>
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="jhb8q vyrd1 overflow-y-auto hm2m0 uqiuh b3ail ykfhs dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<!-- Input -->
<div>
<label for="hs-pro-chhcntmnm" class="madsw block tuuss hw6xt ejo46 dark:text-neutral-200">
Name
</label>
<input id="hs-pro-chhcntmnm" type="text" class="hxfjh l1xlu block xp67g yxawv wavyl tm0mx wqv3r jgd2f st4vp isksk 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="m2002">
<legend class="madsw tuuss hw6xt ejo46 dark:text-neutral-200">
Colors
</legend>
<div class="flex flex-wrap jrgs3">
<div class="group flex n2l26 enhxb items-center rekd6 cursor-pointer mr9qs plrar 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 n2l26 szmrd cursor-pointer w3h0o" 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="r8a99">Gray</span>
</label>
</div>
<div class="group flex n2l26 enhxb items-center rekd6 cursor-pointer mr9qs klnns 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 n2l26 szmrd cursor-pointer w3h0o" 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="r8a99">Red</span>
</label>
</div>
<div class="group flex n2l26 enhxb items-center rekd6 cursor-pointer mr9qs b3nns 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 n2l26 szmrd cursor-pointer w3h0o" 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="r8a99">Orange</span>
</label>
</div>
<div class="group flex n2l26 enhxb items-center rekd6 cursor-pointer mr9qs hajb3 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 n2l26 szmrd cursor-pointer w3h0o" 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="r8a99">Yellow</span>
</label>
</div>
<div class="group flex n2l26 enhxb items-center rekd6 cursor-pointer mr9qs y56jy 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 n2l26 szmrd cursor-pointer w3h0o" 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="r8a99">Green</span>
</label>
</div>
<div class="group flex n2l26 enhxb items-center rekd6 cursor-pointer mr9qs mmvqx 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 n2l26 szmrd cursor-pointer w3h0o" 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="r8a99">Blue</span>
</label>
</div>
<div class="group flex n2l26 enhxb items-center rekd6 cursor-pointer mr9qs buldq 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 n2l26 szmrd cursor-pointer w3h0o" 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="r8a99">Pink</span>
</label>
</div>
<div class="group flex n2l26 enhxb items-center rekd6 cursor-pointer mr9qs hs5iv 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 n2l26 szmrd cursor-pointer w3h0o" 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="r8a99">Purple</span>
</label>
</div>
<div class="group flex n2l26 enhxb items-center rekd6 cursor-pointer mr9qs izax6 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 n2l26 szmrd cursor-pointer w3h0o" 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="r8a99">Cyan</span>
</label>
</div>
<div class="group flex n2l26 enhxb items-center rekd6 cursor-pointer mr9qs avow8 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 n2l26 szmrd cursor-pointer w3h0o" 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="r8a99">Indigo</span>
</label>
</div>
</div>
</fieldset>
<!-- End Colors List -->
<!-- Switch/Toggle -->
<div class="m2002 inline-flex saet7 items-center rdqxy">
<label for="hs-pro-chhcntmpr" class="relative inline-block x0kau k6z5i cursor-pointer">
<input type="checkbox" id="hs-pro-chhcntmpr" class="peer r8a99">
<span class="absolute inset-0 iili6 mr9qs en36y rvew4 se6sv 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 uwi6w pqx29 -translate-y-1/2 s1u6m zxv30 mr9qs dossw ykcw4 rvew4 se6sv 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 tuuss ejo46 dark:text-neutral-300">Make it private</label>
</div>
<!-- End Switch/Toggle -->
</div>
<!-- End Body -->
<!-- Footer -->
<div class="jhb8q flex saet7 u3ov7">
<div class="flex-1 flex lokyk items-center v6f2r">
<button type="button" class="hxfjh l1xlu xggui inline-flex enhxb items-center m8hmi j8ti2 zxv30 k9mkq yxawv ejo46 on128 hw6xt wavyl ntfdl moa07 wsl5v 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="hxfjh l1xlu xggui inline-flex enhxb items-center u3ov7 m8hmi j8ti2 o0y3u k9mkq t9n9o w3h0o on128 hw6xt wavyl ntfdl moa07 pgsi2 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden v9ivw nny95 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 kquz2 fixed zxmp1 a98ho c61v5 overflow-x-hidden overflow-y-auto [--close-when-click-inside:true] n8854" 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 p1xgh opacity-0 bx2ni nf9l7 ei8tj hweyy oxtl1 sm:mx-auto h-[calc(100%-56px)] min-h-[calc(100%-56px)] flex items-center">
<div class="xp67g hx6ns overflow-hidden flex flex-col zxv30 mzy38 pointer-events-auto x32l5 dark:bg-neutral-800">
<!-- Header -->
<div class="u3poc gjk1t flex saet7 items-center xu4xz yxawv dark:border-neutral-700">
<h3 id="hs-pro-chhsn-label" class="hw6xt ejo46 dark:text-neutral-200">
Snooze
</h3>
<button type="button" class="x8hlq n2l26 flex enhxb items-center u3ov7 mr9qs k9mkq je4jy gxtht ejo46 p12pm disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden d10id 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="r8a99">Close</span>
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="smvag overflow-y-auto hm2m0 uqiuh b3ail ykfhs dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<fieldset class="khfgm cgrem">
<legend class="r8a99">
Snooze
</legend>
<!-- Checkbox -->
<label for="hs-pro-chhsnrt1" class="hxfjh l1xlu flex items-center wavyl cursor-pointer clfmf lk55v ddtwf 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="dgznh">
<span class="block tuuss ejo46 dark:text-neutral-200">
Today
</span>
</span>
<span class="r8mh0 on128 z0e83 dark:text-neutral-500">
5:05 PM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsnrt2" class="hxfjh l1xlu flex items-center wavyl cursor-pointer clfmf lk55v ddtwf 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="dgznh">
<span class="block tuuss ejo46 dark:text-neutral-200">
Tomorrow
</span>
</span>
<span class="r8mh0 on128 z0e83 dark:text-neutral-500">
Wed 9:00 AM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsnrt3" class="hxfjh l1xlu flex items-center wavyl cursor-pointer clfmf lk55v ddtwf 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="dgznh">
<span class="block tuuss ejo46 dark:text-neutral-200">
This week
</span>
</span>
<span class="r8mh0 on128 z0e83 dark:text-neutral-500">
Thu, May 8, 9:00 AM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsnrt4" class="hxfjh l1xlu flex items-center wavyl cursor-pointer clfmf lk55v ddtwf 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="dgznh">
<span class="block tuuss ejo46 dark:text-neutral-200">
Next week
</span>
</span>
<span class="r8mh0 on128 z0e83 dark:text-neutral-500">
Mon, May 13, 9:00 AM
</span>
</label>
<!-- End Checkbox -->
</fieldset>
<div class="kd00o">
<!-- Button -->
<button type="button" class="xp67g flex saet7 items-center rdqxy hxfjh l1xlu m8hmi hw6xt tuuss ejo46 lk55v clfmf disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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 kquz2 fixed zxmp1 a98ho c61v5 overflow-x-hidden overflow-y-auto [--close-when-click-inside:true] n8854" 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 p1xgh opacity-0 bx2ni nf9l7 ei8tj hweyy oxtl1 sm:mx-auto h-[calc(100%-56px)] min-h-[calc(100%-56px)] flex items-center">
<div class="xp67g hx6ns overflow-hidden flex flex-col zxv30 mzy38 pointer-events-auto x32l5 dark:bg-neutral-800">
<!-- Header -->
<div class="mi46d gjk1t flex saet7 items-center xu4xz yxawv dark:border-neutral-700">
<button type="button" class="x8hlq inline-flex enhxb items-center u3ov7 mr9qs k9mkq je4jy zxv30 ejo46 lk55v focus:outline-hidden rjc3l 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="r8a99">Back</span>
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="hysdx ejo46 dark:text-neutral-200">
Custom date & time
</h3>
<button type="button" class="x8hlq inline-flex enhxb items-center u3ov7 mr9qs k9mkq je4jy gxtht ejo46 p12pm focus:outline-hidden d10id 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="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="r8a99">Close</span>
</button>
</div>
<!-- End Header -->
<!-- Body -->
<div class="smvag vyrd1 overflow-y-auto hm2m0 uqiuh b3ail ykfhs dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<div class="flex saet7 r2jif">
<fieldset class="xp67g khfgm cgrem">
<legend class="r8a99">
Custom date & time
</legend>
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt1" class="hxfjh l1xlu flex enhxb items-center zxv30 wavyl cursor-pointer clfmf p12pm d3s9q 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 d5esf ejo46 dark:text-neutral-200">
01:00 AM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt2" class="hxfjh l1xlu flex enhxb items-center zxv30 wavyl cursor-pointer clfmf p12pm d3s9q 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 d5esf ejo46 dark:text-neutral-200">
02:00 AM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt3" class="hxfjh l1xlu flex enhxb items-center zxv30 wavyl cursor-pointer clfmf p12pm d3s9q 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 d5esf ejo46 dark:text-neutral-200">
03:00 AM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt4" class="hxfjh l1xlu flex enhxb items-center zxv30 wavyl cursor-pointer clfmf p12pm d3s9q 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 d5esf ejo46 dark:text-neutral-200">
04:00 AM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt5" class="hxfjh l1xlu flex enhxb items-center zxv30 wavyl cursor-pointer clfmf p12pm d3s9q 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 d5esf ejo46 dark:text-neutral-200">
05:00 AM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt6" class="hxfjh l1xlu flex enhxb items-center zxv30 wavyl cursor-pointer clfmf p12pm d3s9q 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 d5esf ejo46 dark:text-neutral-200">
06:00 AM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt7" class="hxfjh l1xlu flex enhxb items-center zxv30 wavyl cursor-pointer clfmf p12pm d3s9q 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 d5esf ejo46 dark:text-neutral-200">
07:00 AM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt8" class="hxfjh l1xlu flex enhxb items-center zxv30 wavyl cursor-pointer clfmf p12pm d3s9q 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 d5esf ejo46 dark:text-neutral-200">
08:00 AM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt9" class="hxfjh l1xlu flex enhxb items-center zxv30 wavyl cursor-pointer clfmf p12pm d3s9q 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 d5esf ejo46 dark:text-neutral-200">
09:00 AM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt10" class="hxfjh l1xlu flex enhxb items-center zxv30 wavyl cursor-pointer clfmf p12pm d3s9q 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 d5esf ejo46 dark:text-neutral-200">
010:00 AM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt11" class="hxfjh l1xlu flex enhxb items-center zxv30 wavyl cursor-pointer clfmf p12pm d3s9q 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 d5esf ejo46 dark:text-neutral-200">
011:00 AM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt12" class="hxfjh l1xlu flex enhxb items-center zxv30 wavyl cursor-pointer clfmf p12pm d3s9q 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 d5esf ejo46 dark:text-neutral-200">
012:00 AM
</span>
</label>
<!-- End Checkbox -->
</fieldset>
<fieldset class="xp67g khfgm cgrem">
<legend class="r8a99">
Custom date & time
</legend>
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt13" class="hxfjh l1xlu flex enhxb items-center zxv30 wavyl cursor-pointer clfmf p12pm d3s9q 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 d5esf ejo46 dark:text-neutral-200">
01:00 PM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt14" class="hxfjh l1xlu flex enhxb items-center zxv30 wavyl cursor-pointer clfmf p12pm d3s9q 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 d5esf ejo46 dark:text-neutral-200">
02:00 PM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt15" class="hxfjh l1xlu flex enhxb items-center zxv30 wavyl cursor-pointer clfmf p12pm d3s9q 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 d5esf ejo46 dark:text-neutral-200">
03:00 PM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt16" class="hxfjh l1xlu flex enhxb items-center zxv30 wavyl cursor-pointer clfmf p12pm d3s9q 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 d5esf ejo46 dark:text-neutral-200">
04:00 PM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt17" class="hxfjh l1xlu flex enhxb items-center zxv30 wavyl cursor-pointer clfmf p12pm d3s9q 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 d5esf ejo46 dark:text-neutral-200">
05:00 PM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt18" class="hxfjh l1xlu flex enhxb items-center zxv30 wavyl cursor-pointer clfmf p12pm d3s9q 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 d5esf ejo46 dark:text-neutral-200">
06:00 PM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt19" class="hxfjh l1xlu flex enhxb items-center zxv30 wavyl cursor-pointer clfmf p12pm d3s9q 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 d5esf ejo46 dark:text-neutral-200">
07:00 PM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt20" class="hxfjh l1xlu flex enhxb items-center zxv30 wavyl cursor-pointer clfmf p12pm d3s9q 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 d5esf ejo46 dark:text-neutral-200">
08:00 PM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt21" class="hxfjh l1xlu flex enhxb items-center zxv30 wavyl cursor-pointer clfmf p12pm d3s9q 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 d5esf ejo46 dark:text-neutral-200">
09:00 PM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt22" class="hxfjh l1xlu flex enhxb items-center zxv30 wavyl cursor-pointer clfmf p12pm d3s9q 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 d5esf ejo46 dark:text-neutral-200">
010:00 PM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt23" class="hxfjh l1xlu flex enhxb items-center zxv30 wavyl cursor-pointer clfmf p12pm d3s9q 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 d5esf ejo46 dark:text-neutral-200">
011:00 PM
</span>
</label>
<!-- End Checkbox -->
<!-- Checkbox -->
<label for="hs-pro-chhsncsramt24" class="hxfjh l1xlu flex enhxb items-center zxv30 wavyl cursor-pointer clfmf p12pm d3s9q 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 d5esf ejo46 dark:text-neutral-200">
012:00 PM
</span>
</label>
<!-- End Checkbox -->
</fieldset>
</div>
</div>
<!-- End Body -->
<!-- Footer -->
<div class="i1v87">
<div class="mi46d gjk1t madsw flex saet7 items-center u3ov7 rncu4 yxawv dark:border-neutral-700">
<div class="xp67g">
<span class="fxthc urcp3 block on128 zqruk dark:text-neutral-400">
Date
</span>
<!-- Calendar Dropdown -->
<div class="hs-dropdown [--auto-close:inside] inline-flex xp67g">
<button id="hs-pro-dnic" type="button" class="hcvae oyxl9 u4s9n xp67g inline-flex items-center j22ch wavyl k9mkq je4jy gxtht ejo46 p12pm disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden d10id 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="n2l26 a3b8t bnmi1" xmlns="http://www.w3.org/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 qxudl transition-[opacity,margin] duration opacity-0 hidden ih37d zxv30 mzy38 x32l5 dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-dnic">
<!-- Calendar -->
<div class="fop0g space-y-0.5">
<!-- Months -->
<div class="khfgm vckwj items-center rdqxy xvgxz i1v87">
<!-- Prev Button -->
<div class="b8438">
<button type="button" class="x8hlq flex enhxb items-center ejo46 lk55v mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-label="Previous">
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="mchqp flex enhxb items-center r2jif">
<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 xggui xp67g cursor-pointer m8hmi hw6xt ejo46 hmpqz focus:outline-hidden rdx35 before:absolute before:inset-0 before:z-1 dark:text-neutral-200 dark:hover:text-blue-500 dark:focus:text-blue-500",
"dropdownClasses": "nqo4p ih37d ahgde rrqls smvag space-y-0.5 zxv30 k9mkq yxawv wavyl w9ar3 overflow-hidden overflow-y-auto hm2m0 uqiuh b3ail ykfhs dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900 dark:border-neutral-700",
"optionClasses": "ur00w xp67g tuuss ejo46 cursor-pointer lk55v wavyl focus:outline-hidden rjc3l dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex saet7 items-center xp67g \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"n2l26 bnmi1 ejo46 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="ejo46 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 xggui xp67g cursor-pointer m8hmi hw6xt ejo46 hmpqz focus:outline-hidden rdx35 before:absolute before:inset-0 before:z-1 dark:text-neutral-200 dark:hover:text-blue-500 dark:focus:text-blue-500",
"dropdownClasses": "nqo4p ih37d q9zci rrqls smvag space-y-0.5 zxv30 k9mkq yxawv wavyl w9ar3 overflow-hidden overflow-y-auto hm2m0 uqiuh b3ail ykfhs dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900 dark:border-neutral-700",
"optionClasses": "ur00w xp67g tuuss ejo46 cursor-pointer lk55v wavyl focus:outline-hidden rjc3l dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex saet7 items-center xp67g \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"n2l26 bnmi1 ejo46 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="b8438 flex lokyk">
<button type="button" class=" x8hlq flex enhxb items-center ejo46 lk55v mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-label="Next">
<svg class="n2l26 szmrd" 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 q4t00">
<span class="e2vfg ijx7r block cgjzl tuuss z0e83 dark:text-neutral-500">
Mo
</span>
<span class="e2vfg ijx7r block cgjzl tuuss z0e83 dark:text-neutral-500">
Tu
</span>
<span class="e2vfg ijx7r block cgjzl tuuss z0e83 dark:text-neutral-500">
We
</span>
<span class="e2vfg ijx7r block cgjzl tuuss z0e83 dark:text-neutral-500">
Th
</span>
<span class="e2vfg ijx7r block cgjzl tuuss z0e83 dark:text-neutral-500">
Fr
</span>
<span class="e2vfg ijx7r block cgjzl tuuss z0e83 dark:text-neutral-500">
Sa
</span>
<span class="e2vfg ijx7r block cgjzl tuuss z0e83 dark:text-neutral-500">
Su
</span>
</div>
<!-- Weeks -->
<!-- Days -->
<div class="flex">
<div>
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center o0y3u n37x5 je4jy tuuss hw6xt w3h0o av57g mr9qs dark:bg-blue-500 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:hover:border-neutral-700">
20
</button>
</div>
<div>
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 av57g hmpqz mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
1
</button>
</div>
<div>
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 av57g hmpqz mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
2
</button>
</div>
<div>
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 av57g hmpqz mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
3
</button>
</div>
<div>
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 av57g hmpqz mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
4
</button>
</div>
<div>
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 av57g hmpqz mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
5
</button>
</div>
<div>
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 av57g hmpqz mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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="xp67g">
<label for="hs-pro-chhsncstm" class="fxthc urcp3 block on128 zqruk dark:text-neutral-400">
Time
</label>
<input type="text" class="f9d5d u4s9n block xp67g gxtht je4jy clfmf j22ch hmow8 u29jr p12pm jgd2f disabled:opacity-50 disabled:pointer-events-none d10id rstw7 xeklp 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="wg6pj gjk1t">
<div class="flex-1 flex lokyk items-center v6f2r">
<button type="button" class="hxfjh l1xlu xggui inline-flex enhxb items-center m8hmi j8ti2 zxv30 k9mkq yxawv ejo46 on128 hw6xt wavyl ntfdl moa07 wsl5v 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="hxfjh l1xlu xggui inline-flex enhxb items-center u3ov7 m8hmi j8ti2 o0y3u k9mkq t9n9o w3h0o on128 hw6xt wavyl ntfdl moa07 pgsi2 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden v9ivw nny95 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('vxlyd', _.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 gxtht dark:bg-neutral-900">
<!-- ========== MAIN SIDEBAR ========== -->
<aside class="relative">
<div id="hs-pro-chat-sidebar" class="hs-overlay [--auto-close:xl] zum3l ky264 lg:block j76gm lg:end-auto dtee5
[--auto-close-equality-type:less-than]
hs-overlay-open:translate-x-0
-translate-x-full nf9l7 ixagr pve7h
kquz2
hidden
fixed evdk4 a98ho w4zsu
iili6
dark:bg-neutral-950" tabindex="-1" >
<div class="ux1hp flex">
<!-- Chat Threads -->
<div class="zum3l kquz2 truncate zxv30 pny84 yxawv dark:bg-neutral-800 dark:border-neutral-700">
<div class="ux1hp flex flex-col">
<!-- Header -->
<div class="hxfjh rht0b flex saet7 items-center u3ov7 xu4xz yxawv dark:border-neutral-700">
<span id="hs-pro-chat-sidebar-label" class="block truncate hysdx ejo46 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 hxfjh eaq9a hs0iv inline-flex n2l26 enhxb items-center lwq0m on128 z0e83 wavyl lk55v focus:outline-hidden rjc3l before:absolute before:inset-0 before:z-1 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700",
"dropdownClasses": "nqo4p ih37d ahgde smvag space-y-0.5 zxv30 mzy38 x32l5 dark:bg-neutral-900",
"optionClasses": "hs-selected:bg-gray-100 dark:hs-selected:bg-neutral-800 f9d5d u4s9n xp67g d5esf ejo46 wavyl cursor-pointer lk55v wavyl focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex saet7 items-center xp67g \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"n2l26 bnmi1 ejo46 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 uwi6w vie7r -translate-y-1/2">
<svg class="n2l26 bnmi1 zqruk 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 r2jif jsn0m fxthc 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 enhxb items-center rdqxy x8hlq tuuss zqruk lk55v mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="r8a99">Compose</span>
</button>
<!-- End Button -->
</div>
</div>
</div>
<!-- End Header -->
<!-- Search -->
<div class="xu4xz yxawv dark:border-neutral-700">
<!-- SearchBox -->
<div class="relative" data-hs-combo-box='{
"groupingType": "default",
"preventSelection": true,
"isOpenOnFocus": true,
"outputEmptyTemplate": "<div class=\"y3kub h-[calc(100dvh-85px)] flex flex-col enhxb items-center cgjzl \"><svg class=\"os8l9 mx-auto yknc9 \" 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=\"w3vk8 mx-auto \"><p class=\"nqo4p tuuss zqruk dark:text-neutral-400 \">No search results</p></div></div>",
"preventAutoPosition": true,
"groupingTitleTemplate": "<div class=\"block on128 z0e83 eg6px tyqq2 dmv3j dark:text-neutral-500 dark:border-neutral-700 \"></div>"
}'>
<div class="relative">
<div class="absolute evdk4 a98ho flex items-center n8854 mjppw e091g">
<svg class="n2l26 szmrd lqxom 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="f9d5d p5zbr block xp67g zxv30 lyfhl rounded-0 je2vu vydgp focus:outline-hidden u4wxg 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 evdk4 aoum9 items-center mjppw oaaxj" data-hs-combo-box-input>
<button type="button" class="inline-flex n2l26 enhxb items-center rekd6 mr9qs z0e83 hmpqz focus:outline-hidden rdx35 dark:text-neutral-500 dark:hover:text-blue-500 dark:focus:text-blue-500" aria-label="Close" data-hs-combo-box-close>
<span class="r8a99">Close</span>
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/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 ih37d xp67g zxv30 jhbd9 yxawv dark:bg-neutral-800 dark:border-neutral-700 hidden" data-hs-combo-box-output>
<div class="poge5 h-[calc(100dvh-85px)] overflow-y-auto overflow-hidden hm2m0 uqiuh b3ail ykfhs 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="s4kt4 wwvj4">
<div data-hs-combo-box-output-item='{"group": {"name": "quick-action", "title": "Quick Action"}}' tabindex="0">
<!-- Item -->
<a class="hxfjh rht0b group flex items-center rdqxy focus:outline-hidden" href="#">
<svg class="n2l26 szmrd j28t5 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="hw6xt d5esf ejo46 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="n2l26 bnmi1 z0e83 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="hxfjh rht0b group flex items-center rdqxy focus:outline-hidden" href="#">
<svg class="n2l26 szmrd j28t5 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="hw6xt d5esf ejo46 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="n2l26 bnmi1 z0e83 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="hxfjh rht0b group flex items-center rdqxy focus:outline-hidden" href="#">
<svg class="n2l26 szmrd j28t5 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="hw6xt d5esf ejo46 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="n2l26 bnmi1 z0e83 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 hxfjh rht0b flex items-center rdqxy focus:outline-hidden" href="#">
<div class="n2l26">
<img class="n2l26 x8hlq mr9qs" 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="dgznh truncate">
<p class="hw6xt tuuss io5na ejo46 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="n2l26 bnmi1 z0e83 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 hxfjh rht0b flex items-center rdqxy focus:outline-hidden" href="#">
<div class="n2l26">
<img class="n2l26 x8hlq mr9qs" 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="dgznh truncate">
<p class="hw6xt tuuss io5na ejo46 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="n2l26 bnmi1 z0e83 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 hxfjh rht0b flex items-center rdqxy focus:outline-hidden" href="#">
<div class="n2l26">
<span class="flex n2l26 enhxb items-center x8hlq zxv30 k9mkq yxawv hmow8 on128 hw6xt dq2gi mr9qs dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300">
A
</span>
</div>
<div class="dgznh truncate">
<p class="hw6xt tuuss io5na ejo46 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="n2l26 bnmi1 z0e83 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 hxfjh rht0b flex items-center rdqxy focus:outline-hidden" href="#">
<div class="n2l26">
<span class="flex n2l26 enhxb items-center x8hlq zxv30 k9mkq yxawv hmow8 on128 hw6xt dq2gi mr9qs dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300">
B
</span>
</div>
<div class="dgznh truncate">
<p class="hw6xt tuuss io5na ejo46 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="n2l26 bnmi1 z0e83 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 hxfjh rht0b flex items-center rdqxy focus:outline-hidden" href="#">
<div class="n2l26">
<img class="n2l26 x8hlq mr9qs" 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="dgznh truncate">
<p class="hw6xt tuuss io5na ejo46 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="n2l26 bnmi1 z0e83 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 hxfjh rht0b flex items-center rdqxy focus:outline-hidden" href="#">
<div class="n2l26">
<img class="n2l26 x8hlq mr9qs" 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="dgznh truncate">
<p class="hw6xt tuuss io5na ejo46 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="n2l26 bnmi1 z0e83 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 hxfjh rht0b flex items-center rdqxy focus:outline-hidden" href="#">
<div class="n2l26">
<img class="n2l26 x8hlq mr9qs" 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="dgznh truncate">
<p class="hw6xt tuuss io5na ejo46 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="n2l26 bnmi1 z0e83 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 hxfjh rht0b flex items-center rdqxy focus:outline-hidden" href="#">
<div class="n2l26">
<img class="n2l26 x8hlq mr9qs" 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="dgznh truncate">
<p class="hw6xt tuuss io5na ejo46 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="n2l26 bnmi1 z0e83 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 hxfjh rht0b flex items-center rdqxy focus:outline-hidden" href="#">
<div class="n2l26">
<img class="n2l26 x8hlq mr9qs" 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="dgznh truncate">
<p class="hw6xt tuuss io5na ejo46 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="n2l26 bnmi1 z0e83 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 hxfjh rht0b flex items-center rdqxy focus:outline-hidden" href="#">
<div class="n2l26">
<img class="n2l26 x8hlq mr9qs" 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="dgznh truncate">
<p class="hw6xt tuuss io5na ejo46 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="n2l26 bnmi1 z0e83 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 hxfjh rht0b flex items-center rdqxy focus:outline-hidden" href="#">
<div class="n2l26">
<span class="flex n2l26 enhxb items-center x8hlq zxv30 k9mkq yxawv hmow8 on128 hw6xt dq2gi mr9qs dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300">
M
</span>
</div>
<div class="dgznh truncate">
<p class="hw6xt tuuss io5na ejo46 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="n2l26 bnmi1 z0e83 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 hxfjh rht0b flex items-center rdqxy focus:outline-hidden" href="#">
<div class="n2l26">
<span class="flex n2l26 enhxb items-center x8hlq zxv30 k9mkq yxawv hmow8 on128 hw6xt dq2gi mr9qs dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300">
O
</span>
</div>
<div class="dgznh truncate">
<p class="hw6xt tuuss io5na ejo46 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="n2l26 bnmi1 z0e83 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 hxfjh rht0b flex items-center rdqxy focus:outline-hidden" href="#">
<div class="n2l26">
<span class="flex n2l26 enhxb items-center x8hlq zxv30 k9mkq yxawv hmow8 on128 hw6xt dq2gi mr9qs dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300">
R
</span>
</div>
<div class="dgznh truncate">
<p class="hw6xt tuuss io5na ejo46 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="n2l26 bnmi1 z0e83 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="f9d5d xu4xz yxawv dark:border-neutral-700">
<div class="-mb-2.5 l1xlu overflow-x-auto">
<div class="overflow-x-auto izidp">
<!-- Nav Tab -->
<nav class="flex n03hs" 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 psrjx hxfjh mbvb4 relative inline-flex enhxb items-center u3ov7 lk55v z0e83 u153f hw6xt on128 clfmf disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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 psrjx hxfjh mbvb4 relative inline-flex enhxb items-center u3ov7 lk55v z0e83 u153f hw6xt on128 clfmf disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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 psrjx hxfjh mbvb4 relative inline-flex enhxb items-center u3ov7 lk55v z0e83 u153f hw6xt on128 clfmf disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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 psrjx hxfjh mbvb4 relative inline-flex enhxb items-center u3ov7 lk55v z0e83 u153f hw6xt on128 clfmf disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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="ux1hp overflow-y-auto hm2m0 uqiuh b3ail ykfhs dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<!-- Tab Content -->
<div id="hs-pro-tabs-chsn-all" class="ux1hp" role="tabpanel" aria-labelledby="hs-pro-tabs-chsn-item-all">
<!-- Empty State -->
<div class="y3kub ux1hp flex flex-col enhxb items-center cgjzl">
<svg class="os8l9 mx-auto yknc9" 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="nadn9 dark:fill-neutral-800"/>
<rect x="27" y="50.5" width="124" height="39" rx="7.5" stroke="currentColor" class="crkpq dark:stroke-neutral-700/10"/>
<rect x="34.5" y="58" width="24" height="24" rx="12" fill="currentColor" class="cp46z dark:fill-neutral-700/30"/>
<rect x="66.5" y="61" width="60" height="6" rx="3" fill="currentColor" class="cp46z dark:fill-neutral-700/30"/>
<rect x="66.5" y="73" width="77" height="6" rx="3" fill="currentColor" class="cp46z dark:fill-neutral-700/30"/>
<rect x="19.5" y="28.5" width="139" height="39" rx="7.5" fill="currentColor" class="nadn9 dark:fill-neutral-800"/>
<rect x="19.5" y="28.5" width="139" height="39" rx="7.5" stroke="currentColor" class="ma5la dark:stroke-neutral-700/30"/>
<rect x="27" y="36" width="24" height="24" rx="12" fill="currentColor" class="d6oao dark:fill-neutral-700/70"/>
<rect x="59" y="39" width="60" height="6" rx="3" fill="currentColor" class="d6oao dark:fill-neutral-700/70"/>
<rect x="59" y="51" width="92" height="6" rx="3" fill="currentColor" class="d6oao dark:fill-neutral-700/70"/>
<g filter="url(#filter1)">
<rect x="12" y="6" width="154" height="40" rx="8" class="nadn9 dark:fill-neutral-800" shape-rendering="crispEdges"/>
<rect x="12.5" y="6.5" width="153" height="39" rx="7.5" stroke="currentColor" class="ma5la dark:stroke-neutral-700/60" shape-rendering="crispEdges"/>
<rect x="20" y="14" width="24" height="24" rx="12" fill="currentColor" class="kipiu dark:fill-neutral-700"/>
<rect x="52" y="17" width="60" height="6" rx="3" fill="currentColor" class="kipiu dark:fill-neutral-700"/>
<rect x="52" y="29" width="106" height="6" rx="3" fill="currentColor" class="kipiu 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="w3vk8 mx-auto qa7td">
<p class="nqo4p hw6xt ejo46 dark:text-neutral-200">
No message.
</p>
<p class="ltzuf tuuss z0e83 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 ux1hp" role="tabpanel" aria-labelledby="hs-pro-tabs-chsn-item-mentions">
<!-- Empty State -->
<div class="y3kub ux1hp flex flex-col enhxb items-center cgjzl">
<svg class="os8l9 mx-auto yknc9" 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="nadn9 dark:fill-neutral-800"/>
<rect x="27" y="50.5" width="124" height="39" rx="7.5" stroke="currentColor" class="crkpq dark:stroke-neutral-700/10"/>
<rect x="34.5" y="58" width="24" height="24" rx="12" fill="currentColor" class="cp46z dark:fill-neutral-700/30"/>
<rect x="66.5" y="61" width="60" height="6" rx="3" fill="currentColor" class="cp46z dark:fill-neutral-700/30"/>
<rect x="66.5" y="73" width="77" height="6" rx="3" fill="currentColor" class="cp46z dark:fill-neutral-700/30"/>
<rect x="19.5" y="28.5" width="139" height="39" rx="7.5" fill="currentColor" class="nadn9 dark:fill-neutral-800"/>
<rect x="19.5" y="28.5" width="139" height="39" rx="7.5" stroke="currentColor" class="ma5la dark:stroke-neutral-700/30"/>
<rect x="27" y="36" width="24" height="24" rx="12" fill="currentColor" class="d6oao dark:fill-neutral-700/70"/>
<rect x="59" y="39" width="60" height="6" rx="3" fill="currentColor" class="d6oao dark:fill-neutral-700/70"/>
<rect x="59" y="51" width="92" height="6" rx="3" fill="currentColor" class="d6oao dark:fill-neutral-700/70"/>
<g filter="url(#filter2)">
<rect x="12" y="6" width="154" height="40" rx="8" class="nadn9 dark:fill-neutral-800" shape-rendering="crispEdges"/>
<rect x="12.5" y="6.5" width="153" height="39" rx="7.5" stroke="currentColor" class="ma5la dark:stroke-neutral-700/60" shape-rendering="crispEdges"/>
<rect x="20" y="14" width="24" height="24" rx="12" fill="currentColor" class="kipiu dark:fill-neutral-700"/>
<rect x="52" y="17" width="60" height="6" rx="3" fill="currentColor" class="kipiu dark:fill-neutral-700"/>
<rect x="52" y="29" width="106" height="6" rx="3" fill="currentColor" class="kipiu 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="w3vk8 mx-auto qa7td">
<p class="nqo4p hw6xt ejo46 dark:text-neutral-200">
No mentions message
</p>
<p class="ltzuf tuuss z0e83 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 ux1hp" role="tabpanel" aria-labelledby="hs-pro-tabs-chsn-item-spammed">
<!-- Empty State -->
<div class="y3kub ux1hp flex flex-col enhxb items-center cgjzl">
<svg class="os8l9 mx-auto yknc9" 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="nadn9 dark:fill-neutral-800"/>
<rect x="27" y="50.5" width="124" height="39" rx="7.5" stroke="currentColor" class="crkpq dark:stroke-neutral-700/10"/>
<rect x="34.5" y="58" width="24" height="24" rx="12" fill="currentColor" class="cp46z dark:fill-neutral-700/30"/>
<rect x="66.5" y="61" width="60" height="6" rx="3" fill="currentColor" class="cp46z dark:fill-neutral-700/30"/>
<rect x="66.5" y="73" width="77" height="6" rx="3" fill="currentColor" class="cp46z dark:fill-neutral-700/30"/>
<rect x="19.5" y="28.5" width="139" height="39" rx="7.5" fill="currentColor" class="nadn9 dark:fill-neutral-800"/>
<rect x="19.5" y="28.5" width="139" height="39" rx="7.5" stroke="currentColor" class="ma5la dark:stroke-neutral-700/30"/>
<rect x="27" y="36" width="24" height="24" rx="12" fill="currentColor" class="d6oao dark:fill-neutral-700/70"/>
<rect x="59" y="39" width="60" height="6" rx="3" fill="currentColor" class="d6oao dark:fill-neutral-700/70"/>
<rect x="59" y="51" width="92" height="6" rx="3" fill="currentColor" class="d6oao dark:fill-neutral-700/70"/>
<g filter="url(#filter3)">
<rect x="12" y="6" width="154" height="40" rx="8" class="nadn9 dark:fill-neutral-800" shape-rendering="crispEdges"/>
<rect x="12.5" y="6.5" width="153" height="39" rx="7.5" stroke="currentColor" class="ma5la dark:stroke-neutral-700/60" shape-rendering="crispEdges"/>
<rect x="20" y="14" width="24" height="24" rx="12" fill="currentColor" class="kipiu dark:fill-neutral-700"/>
<rect x="52" y="17" width="60" height="6" rx="3" fill="currentColor" class="kipiu dark:fill-neutral-700"/>
<rect x="52" y="29" width="106" height="6" rx="3" fill="currentColor" class="kipiu 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="w3vk8 mx-auto qa7td">
<p class="nqo4p hw6xt ejo46 dark:text-neutral-200">
No spammed message
</p>
<p class="ltzuf tuuss z0e83 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 ux1hp" role="tabpanel" aria-labelledby="hs-pro-tabs-chsn-item-blocked">
<!-- Empty State -->
<div class="y3kub ux1hp flex flex-col enhxb items-center cgjzl">
<svg class="os8l9 mx-auto yknc9" 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="nadn9 dark:fill-neutral-800"/>
<rect x="27" y="50.5" width="124" height="39" rx="7.5" stroke="currentColor" class="crkpq dark:stroke-neutral-700/10"/>
<rect x="34.5" y="58" width="24" height="24" rx="12" fill="currentColor" class="cp46z dark:fill-neutral-700/30"/>
<rect x="66.5" y="61" width="60" height="6" rx="3" fill="currentColor" class="cp46z dark:fill-neutral-700/30"/>
<rect x="66.5" y="73" width="77" height="6" rx="3" fill="currentColor" class="cp46z dark:fill-neutral-700/30"/>
<rect x="19.5" y="28.5" width="139" height="39" rx="7.5" fill="currentColor" class="nadn9 dark:fill-neutral-800"/>
<rect x="19.5" y="28.5" width="139" height="39" rx="7.5" stroke="currentColor" class="ma5la dark:stroke-neutral-700/30"/>
<rect x="27" y="36" width="24" height="24" rx="12" fill="currentColor" class="d6oao dark:fill-neutral-700/70"/>
<rect x="59" y="39" width="60" height="6" rx="3" fill="currentColor" class="d6oao dark:fill-neutral-700/70"/>
<rect x="59" y="51" width="92" height="6" rx="3" fill="currentColor" class="d6oao dark:fill-neutral-700/70"/>
<g filter="url(#filter4)">
<rect x="12" y="6" width="154" height="40" rx="8" class="nadn9 dark:fill-neutral-800" shape-rendering="crispEdges"/>
<rect x="12.5" y="6.5" width="153" height="39" rx="7.5" stroke="currentColor" class="ma5la dark:stroke-neutral-700/60" shape-rendering="crispEdges"/>
<rect x="20" y="14" width="24" height="24" rx="12" fill="currentColor" class="kipiu dark:fill-neutral-700"/>
<rect x="52" y="17" width="60" height="6" rx="3" fill="currentColor" class="kipiu dark:fill-neutral-700"/>
<rect x="52" y="29" width="106" height="6" rx="3" fill="currentColor" class="kipiu 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="w3vk8 mx-auto qa7td">
<p class="nqo4p hw6xt ejo46 dark:text-neutral-200">
No blocked message
</p>
<p class="ltzuf tuuss z0e83 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 bt0or nf9l7 ixagr">
<div class="relative k2eqn flex flex-col enhxb items-center">
<!-- Cards Grid -->
<div class="2xl:-me-96">
<div class="th50x rht0b i4jjx ny0vz xp67g mx-auto">
<!-- Body -->
<div>
<!-- Header -->
<div class="ltzuf flex flex-col enhxb items-center sm:flex-row ffn71 v6f2r vivzk">
<h2 class="hw6xt vmtij ejo46 dark:text-neutral-200">
Let's get you setup
</h2>
<div>
<a class="hxfjh l1xlu inline-flex items-center u3ov7 on128 hw6xt wavyl k9mkq yxawv zxv30 ejo46 ntfdl wsl5v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden u7q2f 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="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="khfgm boxle j4iam juk57">
<!-- Card -->
<div class="jhb8q group relative flex flex-col k9mkq yxawv zxv30 y16xq dark:bg-neutral-800 dark:border-neutral-700/50 dark:hover:border-neutral-700 wavyl">
<div class="ux1hp flex pc3xl">
<div class="n2l26 x8hlq">
<svg class="n2l26 x8hlq" 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="dgznh">
<div class="ux1hp flex flex-col">
<div>
<h3 class="inline-flex items-center r2jif hw6xt ejo46 dark:text-neutral-200">
Slack
</h3>
<p class="kd00o tuuss z0e83 dark:text-neutral-500">
Connect a slack workspace in order to setup automated notifications.
</p>
</div>
<div class="wg6pj mt-auto">
<span class="inline-flex items-center u3ov7 tuuss hw6xt group-disabled:opacity-50 group-disabled:pointer-events-none j28t5 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="jhb8q group relative flex flex-col k9mkq yxawv zxv30 dark:bg-neutral-800 dark:border-neutral-700/50bg-gray-50 ilckg n8854 dark:bg-neutral-800 dark:border-neutral-700/50 wavyl">
<div class="ux1hp flex pc3xl">
<div class="n2l26 x8hlq">
<div class="flex enhxb items-center x8hlq mr9qs iili6 z0e83 dark:bg-neutral-700 dark:text-neutral-500"><svg class="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" 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="dgznh">
<div class="ux1hp flex flex-col">
<div>
<h3 class="inline-flex items-center r2jif hw6xt ejo46 dark:text-neutral-200">
Notion
</h3>
<p class="kd00o tuuss z0e83 dark:text-neutral-500">
Connect your Notion account to work seamlessly across Notion & Preline.
</p>
</div>
<div class="wg6pj mt-auto">
<span class="inline-flex items-center u3ov7 tuuss hw6xt group-disabled:opacity-50 group-disabled:pointer-events-none zqruk dark:text-neutral-400text-gray-600 dark:text-neutral-400">
Installed
</span>
</div>
</div>
</div>
</div>
</div>
<!-- End Card -->
<!-- Card -->
<div class="jhb8q group relative flex flex-col k9mkq yxawv zxv30 y16xq dark:bg-neutral-800 dark:border-neutral-700/50 dark:hover:border-neutral-700 wavyl">
<div class="ux1hp flex pc3xl">
<div class="n2l26 x8hlq">
<svg class="n2l26 x8hlq z0e83 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="p0t9n 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="p0t9n dark:fill-neutral-200" fill="currentColor"/></svg>
</div>
<div class="dgznh">
<div class="ux1hp flex flex-col">
<div>
<h3 class="inline-flex items-center r2jif hw6xt ejo46 dark:text-neutral-200">
Github
</h3>
<p class="kd00o tuuss z0e83 dark:text-neutral-500">
Link git pull requests, branches, and commits to Preline.
</p>
</div>
<div class="wg6pj mt-auto">
<span class="inline-flex items-center u3ov7 tuuss hw6xt group-disabled:opacity-50 group-disabled:pointer-events-none j28t5 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="jhb8q group relative flex flex-col k9mkq yxawv zxv30 y16xq dark:bg-neutral-800 dark:border-neutral-700/50 dark:hover:border-neutral-700 wavyl">
<div class="ux1hp flex pc3xl">
<div class="n2l26 x8hlq">
<svg class="n2l26 x8hlq" 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="dgznh">
<div class="ux1hp flex flex-col">
<div>
<h3 class="inline-flex items-center r2jif hw6xt ejo46 dark:text-neutral-200">
Gmail
</h3>
<p class="kd00o tuuss z0e83 dark:text-neutral-500">
Create and share Preline right from your inbox.
</p>
</div>
<div class="wg6pj mt-auto">
<span class="inline-flex items-center u3ov7 tuuss hw6xt group-disabled:opacity-50 group-disabled:pointer-events-none j28t5 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="jhb8q group relative flex flex-col k9mkq yxawv zxv30 y16xq dark:bg-neutral-800 dark:border-neutral-700/50 dark:hover:border-neutral-700 wavyl">
<div class="ux1hp flex pc3xl">
<div class="n2l26 x8hlq">
<svg class="n2l26 x8hlq" 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="dgznh">
<div class="ux1hp flex flex-col">
<div>
<h3 class="inline-flex items-center r2jif hw6xt ejo46 dark:text-neutral-200">
Mailchimp
</h3>
<p class="kd00o tuuss z0e83 dark:text-neutral-500">
Send email newsletters and manage subscribers in Mailchimp.
</p>
</div>
<div class="wg6pj mt-auto">
<span class="inline-flex items-center u3ov7 tuuss hw6xt group-disabled:opacity-50 group-disabled:pointer-events-none j28t5 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="jhb8q group relative flex flex-col k9mkq yxawv zxv30 dark:bg-neutral-800 dark:border-neutral-700/50 wavyl">
<div class="ux1hp flex pc3xl">
<div class="n2l26 x8hlq">
<svg class="n2l26 x8hlq" 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="dgznh">
<div class="ux1hp flex flex-col">
<div>
<h3 class="inline-flex items-center r2jif hw6xt ejo46 dark:text-neutral-200">
Gitlab
</h3>
<p class="kd00o tuuss z0e83 dark:text-neutral-500">
Link git merge requests, branches, and commits to Preline.
</p>
</div>
<div class="wg6pj mt-auto">
<span class="inline-flex items-center u3ov7 tuuss hw6xt group-disabled:opacity-50 group-disabled:pointer-events-none zqruk dark:text-neutral-400">
Coming soon
</span>
</div>
</div>
</div>
</div>
</div>
<!-- End Card -->
</div>
<!-- End Grid -->
</div>
<!-- End Body -->
<!-- Footer -->
<div class="eg6px y3kub cgjzl zxv30 k9mkq yxawv wavyl dark:bg-neutral-800 dark:border-neutral-700/50">
<div class="mbvb4 flex enhxb items-center lwq0m">
<!-- Icon -->
<div class="flex n2l26 enhxb items-center">
<svg class="n2l26 s1u6m mr9qs" 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 n2l26 enhxb items-center">
<svg class="n2l26 s1u6m mr9qs" 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 n2l26 enhxb items-center">
<svg class="n2l26 s1u6m mr9qs" 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="p0t9n dark:fill-neutral-200" fill="currentColor"></path></svg>
</div>
<!-- End Icon -->
</div>
<p class="tuuss ejo46 dark:text-neutral-200">
What integration should come next?
</p>
<p>
<a class="hw6xt tuuss zqruk b5782 njs8g hmpqz focus:outline-hidden rdx35 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="p7mth">
<div class="lg:hidden flex enhxb items-center">
<button type="button" class="hxfjh psrjx inline-flex items-center lwq0m tuuss hw6xt wavyl k9mkq je4jy o0y3u w3h0o pgsi2 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kebql isksk" aria-haspopup="dialog" aria-expanded="false" aria-controls="hs-pro-chat-sidebar" data-hs-overlay="#hs-pro-chat-sidebar">
Show chat window
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" 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('vxlyd', _.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>