Inbox, Chat & Messages Layouts

Inbox Demo Preview

<!DOCTYPE html>
              <html lang="en" class="relative um8nq">
                <head>
                  <meta charset="utf-8">
                  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
                  <title>Preline UI</title>
                  <link rel="shortcut icon" href="../../favicon.ico">
                  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
                  <link rel="stylesheet" href="../../assets/css/obfuscated.min.css">
                  <style>
                    .transition-off * {
                      transition: unset !important;
                    }
                  </style>
                </head>
                
                <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>

<header class="fixed ofq05 fszza iqboe flex flex-wrap bmmg2 md:flex-nowrap ucmtr oo8ro ic6aj d77gl dark:bg-neutral-900 dark:border-neutral-700">
                <div class="flex uip67 pngfx xqyok tuucy items-center i65bn i7oig kzzmm lauwb">
                  <div class="j8a7d qpmwn flex items-center">
                    
                    <a class="flex-none umxjj oqlim inline-block y2wul focus:outline-hidden q6qta" href="index.html" aria-label="Preline">
                      <svg class="n9mfl h-auto" width="116" height="32" viewBox="0 0 116 32" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M33.5696 30.8182V11.3182H37.4474V13.7003H37.6229C37.7952 13.3187 38.0445 12.9309 38.3707 12.5369C38.7031 12.1368 39.134 11.8045 39.6634 11.5398C40.1989 11.2689 40.8636 11.1335 41.6577 11.1335C42.6918 11.1335 43.6458 11.4044 44.5199 11.946C45.3939 12.4815 46.0926 13.291 46.6158 14.3743C47.139 15.4515 47.4006 16.8026 47.4006 18.4276C47.4006 20.0095 47.1451 21.3452 46.6342 22.4347C46.1295 23.518 45.4401 24.3397 44.5661 24.8999C43.6982 25.4538 42.7256 25.7308 41.6484 25.7308C40.8852 25.7308 40.2358 25.6046 39.7003 25.3523C39.1709 25.0999 38.737 24.7829 38.3984 24.4013C38.0599 24.0135 37.8014 23.6226 37.6229 23.2287H37.5028V30.8182H33.5696ZM37.4197 18.4091C37.4197 19.2524 37.5367 19.9879 37.7706 20.6158C38.0045 21.2436 38.343 21.733 38.7862 22.0838C39.2294 22.4285 39.768 22.6009 40.402 22.6009C41.0421 22.6009 41.5838 22.4254 42.027 22.0746C42.4702 21.7176 42.8056 21.2251 43.0334 20.5973C43.2673 19.9633 43.3842 19.2339 43.3842 18.4091C43.3842 17.5904 43.2704 16.8703 43.0426 16.2486C42.8149 15.6269 42.4794 15.1406 42.0362 14.7898C41.593 14.4389 41.0483 14.2635 40.402 14.2635C39.7618 14.2635 39.2202 14.4328 38.777 14.7713C38.34 15.1098 38.0045 15.59 37.7706 16.2116C37.5367 16.8333 37.4197 17.5658 37.4197 18.4091ZM49.2427 25.5V11.3182H53.0559V13.7926H53.2037C53.4622 12.9124 53.8961 12.2476 54.5055 11.7983C55.1149 11.3428 55.8166 11.1151 56.6106 11.1151C56.8076 11.1151 57.02 11.1274 57.2477 11.152C57.4754 11.1766 57.6755 11.2105 57.8478 11.2536V14.7436C57.6632 14.6882 57.4077 14.639 57.0815 14.5959C56.7553 14.5528 56.4567 14.5312 56.1859 14.5312C55.6073 14.5312 55.0903 14.6574 54.6348 14.9098C54.1854 15.156 53.8284 15.5007 53.5638 15.9439C53.3052 16.3871 53.176 16.898 53.176 17.4766V25.5H49.2427ZM64.9043 25.777C63.4455 25.777 62.1898 25.4815 61.1373 24.8906C60.0909 24.2936 59.2845 23.4503 58.7182 22.3608C58.1519 21.2652 57.8688 19.9695 57.8688 18.4737C57.8688 17.0149 58.1519 15.7346 58.7182 14.6328C59.2845 13.531 60.0816 12.6723 61.1096 12.0568C62.1437 11.4413 63.3563 11.1335 64.7474 11.1335C65.683 11.1335 66.5539 11.2843 67.3603 11.5859C68.1728 11.8814 68.8806 12.3277 69.4839 12.9247C70.0932 13.5218 70.5672 14.2727 70.9057 15.1776C71.2443 16.0762 71.4135 17.1288 71.4135 18.3352V19.4155H59.4384V16.978H67.7111C67.7111 16.4117 67.588 15.91 67.3418 15.473C67.0956 15.036 66.754 14.6944 66.317 14.4482C65.8861 14.1958 65.3844 14.0696 64.812 14.0696C64.2149 14.0696 63.6856 14.2081 63.2239 14.4851C62.7684 14.7559 62.4114 15.1222 62.1529 15.5838C61.8944 16.0393 61.762 16.5471 61.7559 17.1072V19.4247C61.7559 20.1264 61.8851 20.7327 62.1437 21.2436C62.4083 21.7545 62.7807 22.1484 63.2608 22.4254C63.741 22.7024 64.3103 22.8409 64.9689 22.8409C65.406 22.8409 65.8061 22.7794 66.1692 22.6562C66.5324 22.5331 66.8432 22.3485 67.1018 22.1023C67.3603 21.8561 67.5572 21.5545 67.6927 21.1974L71.3304 21.4375C71.1458 22.3116 70.7672 23.0748 70.1948 23.7273C69.6285 24.3736 68.896 24.8783 67.9974 25.2415C67.1048 25.5985 66.0738 25.777 64.9043 25.777ZM77.1335 6.59091V25.5H73.2003V6.59091H77.1335ZM79.5043 25.5V11.3182H83.4375V25.5H79.5043ZM81.4801 9.49006C80.8954 9.49006 80.3937 9.29616 79.9752 8.90838C79.5628 8.51444 79.3566 8.04356 79.3566 7.49574C79.3566 6.95407 79.5628 6.48935 79.9752 6.10156C80.3937 5.70762 80.8954 5.51065 81.4801 5.51065C82.0649 5.51065 82.5635 5.70762 82.9759 6.10156C83.3944 6.48935 83.6037 6.95407 83.6037 7.49574C83.6037 8.04356 83.3944 8.51444 82.9759 8.90838C82.5635 9.29616 82.0649 9.49006 81.4801 9.49006ZM89.7415 17.3011V25.5H85.8083V11.3182H89.5569V13.8203H89.723C90.037 12.9955 90.5632 12.343 91.3019 11.8629C92.0405 11.3767 92.9361 11.1335 93.9887 11.1335C94.9735 11.1335 95.8322 11.349 96.5647 11.7798C97.2971 12.2107 97.8665 12.8262 98.2728 13.6264C98.679 14.4205 98.8821 15.3684 98.8821 16.4702V25.5H94.9489V17.1719C94.9551 16.304 94.7335 15.6269 94.2841 15.1406C93.8348 14.6482 93.2162 14.402 92.4283 14.402C91.8989 14.402 91.4311 14.5159 91.0249 14.7436C90.6248 14.9714 90.3109 15.3037 90.0831 15.7408C89.8615 16.1716 89.7477 16.6918 89.7415 17.3011ZM107.665 25.777C106.206 25.777 104.951 25.4815 103.898 24.8906C102.852 24.2936 102.045 23.4503 101.479 22.3608C100.913 21.2652 100.63 19.9695 100.63 18.4737C100.63 17.0149 100.913 15.7346 101.479 14.6328C102.045 13.531 102.842 12.6723 103.87 12.0568C104.905 11.4413 106.117 11.1335 107.508 11.1335C108.444 11.1335 109.315 11.2843 110.121 11.5859C110.934 11.8814 111.641 12.3277 112.245 12.9247C112.854 13.5218 113.328 14.2727 113.667 15.1776C114.005 16.0762 114.174 17.1288 114.174 18.3352V19.4155H102.199V16.978H110.472C110.472 16.4117 110.349 15.91 110.103 15.473C109.856 15.036 109.515 14.6944 109.078 14.4482C108.647 14.1958 108.145 14.0696 107.573 14.0696C106.976 14.0696 106.446 14.2081 105.985 14.4851C105.529 14.7559 105.172 15.1222 104.914 15.5838C104.655 16.0393 104.523 16.5471 104.517 17.1072V19.4247C104.517 20.1264 104.646 20.7327 104.905 21.2436C105.169 21.7545 105.542 22.1484 106.022 22.4254C106.502 22.7024 107.071 22.8409 107.73 22.8409C108.167 22.8409 108.567 22.7794 108.93 22.6562C109.293 22.5331 109.604 22.3485 109.863 22.1023C110.121 21.8561 110.318 21.5545 110.454 21.1974L114.091 21.4375C113.907 22.3116 113.528 23.0748 112.956 23.7273C112.389 24.3736 111.657 24.8783 110.758 25.2415C109.866 25.5985 108.835 25.777 107.665 25.777Z" class="y3r19 dark:fill-white" fill="currentColor"/>
                        <path d="M1 29.5V16.5C1 9.87258 6.37258 4.5 13 4.5C19.6274 4.5 25 9.87258 25 16.5C25 23.1274 19.6274 28.5 13 28.5H12" class="vtaby dark:stroke-white" stroke="currentColor" stroke-width="2"/>
                        <path d="M5 29.5V16.66C5 12.1534 8.58172 8.5 13 8.5C17.4183 8.5 21 12.1534 21 16.66C21 21.1666 17.4183 24.82 13 24.82H12" class="vtaby dark:stroke-white" stroke="currentColor" stroke-width="2"/>
                        <circle cx="13" cy="16.5214" r="5" class="y3r19 dark:fill-white" fill="currentColor"/>
                      </svg>
                    </a>
                    
        
                    <div class="k5amb jsed2">
                      
                    </div>
      
                    <div id="hs-left-sidebar-toggle" class="xl:hidden zg3gw">
                      
                      <button type="button" class="olxph frpyq inline-flex r00n9 items-center lialp t5ziw vo20k ps5iq wfm4e d77gl oo8ro bp13m hx4gm tdhmi focus:outline-hidden kf4z7 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" aria-haspopup="dialog" aria-expanded="false" aria-controls="hs-pro-inbox-sidebar" aria-label="Toggle navigation" data-hs-overlay="#hs-pro-inbox-sidebar">
                        <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 8L21 12L17 16M3 12H13M3 6H13M3 18H13"/></svg>
                      </button>
                      
                    </div>
                  </div>

<div class="j8a7d hidden md:block">
                    
                    <div class="relative">
                      <div class="absolute h5ske uv2uj flex items-center howv4 a799i iaezx">
                        <svg class="hq6gx ibvs1 kvliy dark:text-white/60" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.3-4.3"/></svg>
                      </div>
                      <input type="text" class="i7oig ogtr7 apc69 block i65bn oo8ro d77gl ps5iq t5ziw focus:outline-hidden tgjie p9jxl disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-400 dark:placeholder:text-neutral-400 dark:focus:ring-neutral-600" placeholder="Search in mail">
                      <div class="hidden absolute h5ske fug6q flex items-center howv4 a799i jjspw">
                        <button type="button" class="inline-flex hq6gx r00n9 items-center awhdl oq0dt t6rrs ck8au focus:outline-hidden oahj8 dark:text-neutral-500 dark:hover:text-blue-500 dark:focus:text-blue-500" aria-label="Close">
                          <span class="ecbnn">Close</span>
                          <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="m15 9-6 6"/><path d="m9 9 6 6"/></svg>
                        </button>
                      </div>
                    </div>
                    
                  </div>

<button type="button" class="guosi inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
                      <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"/><path d="M12 17h.01"/></svg>
                    </button>

<button type="button" class="guosi inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
                      <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z"/><circle cx="12" cy="12" r="3"/></svg>
                    </button>

<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 dzjpl transition-[opacity,margin] duration opacity-0 hidden a799i oo8ro lile3 rrmkk dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-dnad">
                          <div class="ju7it ic6aj d77gl dark:border-neutral-800">
                            <a class="i7oig apc69 flex items-center vmt4s ps5iq t5ziw bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="../../pro/dashboard/user-profile-my-profile.html">
                              <img class="hq6gx aukwz oq0dt" src="https://images.unsplash.com/photo-1659482633369-9fe69af50bfb?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="Avatar">

<div class="e3fpz">
                                <span class="t5ziw y2wul bp13m dark:text-neutral-300">
                                  James Collison
                                </span>
                                <p class="cm336 t6rrs dark:text-neutral-500">
                                  Preline@HS
                                </p>
                              </div>
                            </a>
                          </div>
                          <div class="ju7it">
                            <a class="flex items-center vmt4s i7oig apc69 ps5iq t5ziw bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
                              <svg class="hq6gx hxyan ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="14" x="2" y="5" rx="2"/><line x1="2" x2="22" y1="10" y2="10"/></svg>
                              Billing
                            </a>
                            <a class="flex items-center vmt4s i7oig apc69 ps5iq t5ziw bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
                              <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" ><path d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z"/><circle cx="12" cy="12" r="3"/></svg>
                              Settings
                            </a>
                            <a class="flex items-center vmt4s i7oig apc69 ps5iq t5ziw bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
                              <svg class="hq6gx hxyan ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg>
                              My account
                            </a>
                          </div>
                          <div class="dkhxo c519y k2clc d77gl dark:border-neutral-800">
                            
                            <div class="flex flex-wrap uip67 items-center h1dxu">
                              <label for="hs-pro-inndm" class="flex-1 cursor-pointer t5ziw bp13m dark:text-neutral-300">Dark mode</label>
                              <label for="hs-pro-inndm" class="relative inline-block fklyq yoxjp cursor-pointer">
                                <input data-hs-theme-switch type="checkbox" id="hs-pro-inndm" class="peer ecbnn">
                                <span class="absolute inset-0 rjuva oq0dt hgdm1 vtbde jhf88 peer-checked:bg-blue-600 dark:bg-neutral-700 dark:peer-checked:bg-blue-500 peer-disabled:opacity-50 peer-disabled:pointer-events-none"></span>
                                <span class="absolute wgue8 sabt1 -translate-y-1/2 ca09w oo8ro oq0dt t4usm wjm3v vtbde jhf88 peer-checked:translate-x-full dark:bg-neutral-400 dark:peer-checked:bg-white"></span>
                              </label>
                            </div>
                            
                          </div>
                          <div class="ju7it">
                            <a class="flex items-center vmt4s i7oig apc69 ps5iq t5ziw bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
                              Customization
                              <div class="ms-auto">
                                <span class="ms-auto inline-flex items-center eawyh hz4z9 lxh7u dqdmd b9e4b amkne vo20k agawe bp13m dark:bg-neutral-700 dark:text-neutral-300">
                                  New
                                </span>
                              </div>
                            </a>
                            <a class="flex items-center vmt4s i7oig apc69 ps5iq t5ziw bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
                              Manage team
                            </a>
                            <a class="flex items-center vmt4s i7oig apc69 ps5iq t5ziw bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
                              Sign out
                            </a>
                          </div>
                          <div class="ju7it pyimf d77gl dark:border-neutral-800">
                            <button type="button" class="flex hxyan vmt4s i7oig apc69 i65bn ps5iq t5ziw bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-dasadam">
                              <svg class="hq6gx ibvs1 hxyan" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M8 12h8"/><path d="M12 8v8"/></svg>
                              Add team account
                            </button>
                          </div>
                        </div>
                        
                      </div>
                      
                    </div>
                  </div>
                </div>
              </header>

<div id="hs-main-layout-splitter" data-hs-layout-splitter='{"isSplittersAddedManually": true}'>
                <div class="q93vw -mt-px flex" data-hs-layout-splitter-horizontal-group>
                  
                  <aside id="hs-pro-inbox-sidebar" class="hs-overlay [--auto-close:xl] [--auto-close-equality-type:less-than]
                      oyn6r
                      u35nr
                      fixed ofq05 uv2uj rm3rx
                      -translate-x-full g0ipl jahre lrm8y
                      hidden
                      oo8ro d77gl
  
                      xl:w-auto
                      xl:overflow-x-hidden xl:overflow-y-auto
                      in6lf xl:top-auto xl:start-auto 
                      xl:block
                      hkt5v xl:h-[calc(100dvh-55px)] ksarw
                      rmy33
    
                      hs-overlay-open:translate-x-0
                      edeax
  
                      c900m
                      doxib
                      hs-layout-splitter-prev-pre-limit-reached:overflow-auto
                      hs-layout-splitter-prev-pre-limit-reached:fixed o2v56 wsrt3 el283
                      bkfpk pusf8
  
                      hs-overlay-open:hs-layout-splitter-prev-pre-limit-reached:translate-x-0
  
                      dark:bg-neutral-900 dark:border-neutral-700" tabindex="-1" aria-label="Sidebar" data-hs-layout-splitter-item='{
                        "dynamicSize": 15.0,
                        "minSize": 12.0
                      }' style="flex: 15 1 0px;">
                    <div class="lpgt1 flex">
                      <div class="flex flex-col lpgt1 fmwcv">
                        
                        <div class="qpmwn overflow-y-auto n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
                          
                          <nav class="flex jz9ff rfnst i65bn flex flex-col">
                            
                            <div class="jlmh5 space-y-0.5">
                              <div class="lxh7u">
                                
                                <button type="button" class="i7oig apc69 i65bn inline-flex r00n9 items-center vrcxw cm336 vo20k ps5iq wfm4e qb17b jqqot zr4l6 lmqf9 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden v1cco tyfry" data-hs-overlay="#hs-pro-intcm">
                                  <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"/><path d="M18.375 2.625a1 1 0 0 1 3 3l-9.013 9.014a2 2 0 0 1-.853.505l-2.873.84a.5.5 0 0 1-.62-.62l.84-2.873a2 2 0 0 1 .506-.852z"/></svg>
                                  Compose
                                </button>
                                
                              </div>

<div class="xatq3 yh9al yujsw qunms flex uip67 items-center lialp">
                                <span class="block cm336 truncate t6rrs dark:text-neutral-500">
                                  <span class="truncate">Mailboxes</span>
                                </span>
                              </div>

<div class="hs-accordion active" id="inbox-accordion">
                                <button type="button" class="hs-accordion-toggle i65bn qgy40 flex items-center lialp jlmh5 rfnst t5ziw truncate xq1jm ps5iq ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-800 dark:text-neutral-400 dark:focus:bg-neutral-800" aria-expanded="true" aria-controls="inbox-accordion-sub">
                                  <span class="blqd4">
                                    <svg class="hs-accordion-active:-rotate-180 hq6gx stqz8 f1zti" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>
                                  </span>
                                  <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="22 12 16 12 14 15 10 15 8 12 2 12"/><path d="M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z"/></svg>
                                  <span class="truncate">Inbox</span>
                                  <span class="ms-auto">
                                    <span class="cm336 x06xl">
                                      1,086
                                    </span>
                                  </span>
                                </button>

<div id="inbox-accordion-sub" class="hs-accordion-content i65bn overflow-hidden transition-[height] jahre" role="region" aria-labelledby="inbox-accordion">
                                  <ul class="hs-accordion-group hxyan space-y-0.5" data-hs-accordion-always-open>
                                    <li>
                                      <a class="flex items-center lialp jlmh5 a16go ajrjw t5ziw truncate xq1jm ps5iq ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-800 dark:text-neutral-400 dark:focus:bg-neutral-800" href="#">
                                        <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><line x1="19" x2="19" y1="8" y2="14"/><line x1="22" x2="16" y1="11" y2="11"/></svg>
                                        <span class="truncate">Assigned to me</span>

<li>
                                      <a class="flex items-center lialp jlmh5 a16go ajrjw t5ziw truncate xq1jm ps5iq ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-800 dark:text-neutral-400 dark:focus:bg-neutral-800" href="#">
                                        <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M22 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg>
                                        <span class="truncate">Shared with me</span>

<li>
                                      <a class="flex items-center lialp jlmh5 a16go ajrjw t5ziw truncate xq1jm ps5iq ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-800 dark:text-neutral-400 dark:focus:bg-neutral-800" href="#">
                                        <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/><path d="M8 10h.01"/><path d="M12 10h.01"/><path d="M16 10h.01"/></svg>
                                        <span class="truncate">Discussions</span>
                                      </a>
                                    </li>

<li>
                                      <a class="flex items-center lialp jlmh5 a16go ajrjw y2wul t5ziw xq1jm ps5iq ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-800 dark:text-neutral-400 dark:focus:bg-neutral-800" href="#">
                                        <div class="hq6gx blqd4">
                                          <div class="hq6gx srid0 mx-auto wbhj5 oq0dt"></div>
                                        </div>
                                        <span class="truncate">Gmail</span>

<div>
                                <a class="flex items-center lialp jlmh5 rfnst t5ziw truncate xq1jm ps5iq ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-800 dark:text-neutral-400 dark:focus:bg-neutral-800" href="#">
                                  <span class="blqd4"></span>
                                  <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
                                  <span class="truncate">Starred</span>
                                </a>
                              </div>

<div>
                                <a class="flex items-center lialp jlmh5 rfnst t5ziw truncate xq1jm ps5iq ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-800 dark:text-neutral-400 dark:focus:bg-neutral-800" href="#">
                                  <span class="blqd4"></span>
                                  <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z"/><path d="m21.854 2.147-10.94 10.939"/></svg>
                                  <span class="truncate">Sent</span>
                                </a>
                              </div>

<div>
                                <a class="flex items-center lialp jlmh5 rfnst t5ziw truncate xq1jm ps5iq ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-800 dark:text-neutral-400 dark:focus:bg-neutral-800" href="#">
                                  <span class="blqd4"></span>
                                  <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"/><path d="M14 2v4a2 2 0 0 0 2 2h4"/></svg>
                                  <span class="truncate">Drafts</span>
                                </a>
                              </div>

<div id="hs-pro-isnshml-heading" class="hs-collapse hidden i65bn overflow-hidden transition-[height] jahre" aria-labelledby="hs-pro-isnshml">
                                <div class="space-y-0.5">
                                  
                                  <div>
                                    <a class="flex items-center lialp jlmh5 rfnst t5ziw truncate xq1jm ps5iq ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-800 dark:text-neutral-400 dark:focus:bg-neutral-800" href="#">
                                      <span class="blqd4"></span>
                                      <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>
                                      <span class="truncate">Snoozed</span>
                                    </a>
                                  </div>

<div>
                                    <a class="flex items-center lialp jlmh5 rfnst y2wul t5ziw xq1jm ps5iq ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-800 dark:text-neutral-400 dark:focus:bg-neutral-800" href="#">
                                      <span class="blqd4"></span>
                                      <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="12" x2="12" y1="8" y2="12"/><line x1="12" x2="12.01" y1="16" y2="16"/></svg>
                                      <span class="truncate">Spam</span>
                                      <span class="ms-auto lg:group-hover:opacity-0">
                                        <span class="cm336 x06xl">
                                          3
                                        </span>
                                      </span>
                                    </a>
                                  </div>

<div>
                                    <a class="flex items-center lialp jlmh5 rfnst t5ziw truncate xq1jm ps5iq ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-800 dark:text-neutral-400 dark:focus:bg-neutral-800" href="#">
                                      <span class="blqd4"></span>
                                      <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg>
                                      <span class="truncate">Trash</span>
                                    </a>
                                  </div>
                                  
                                </div>
                              </div>

<div class="r9ot5">
                                <button type="button" class="hs-collapse-toggle d0kec kzzmm flex r00n9 items-center pgjbi cm336 t6rrs umxjj ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden dark:hover:bg-neutral-800 dark:text-neutral-500" id="hs-pro-isnshml" aria-expanded="false" aria-controls="hs-pro-isnshml-heading" data-hs-collapse="#hs-pro-isnshml-heading">
                                  Show
                                  <span class="hs-collapse-open:hidden">more</span>
                                  <span class="hs-collapse-open:block hidden">less</span>
                                  <svg class="hs-collapse-open:-rotate-180 hq6gx a49ku f1zti" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>
                                </button>
                              </div>
                              
                            </div>

<div class="jlmh5 space-y-0.5">
                              
                              <div class="yujsw qunms flex uip67 items-center lialp">
                                <span class="block cm336 truncate t6rrs dark:text-neutral-500">
                                  <span class="truncate">Work</span>
                                </span>

<div class="hs-tooltip [--placement:left] inline-block">
                                  <button type="button" class="hs-tooltip-toggle aukwz flex r00n9 items-center lialp t6rrs ps5iq ksr3h focus:outline-hidden kf4z7 dark:text-neutral-500 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-incnlm">
                                    <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M8 12h8"/><path d="M12 8v8"/></svg>
                                  </button>
                                  <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-800" role="tooltip">
                                    Create new label
                                  </span>
                                </div>
                                
                              </div>

<div class="hs-accordion active" id="preline-accordion">
                                <button type="button" class="hs-accordion-toggle i65bn qgy40 flex items-center lialp jlmh5 rfnst t5ziw truncate xq1jm ps5iq ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-800 dark:text-neutral-400 dark:focus:bg-neutral-800" aria-expanded="true" aria-controls="preline-accordion-sub">
                                  <span class="blqd4">
                                    <svg class="hs-accordion-active:-rotate-180 hq6gx stqz8 f1zti" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>
                                  </span>
                                  <span class="flex hq6gx r00n9 items-center stqz8 b9e4b e7zws q4mvv zr4l6 oq0dt">
                                    P
                                  </span>
                                  <span class="truncate">Preline</span>
                                  <span class="ms-auto lg:group-hover:opacity-0">
                                    <span class="cm336 x06xl">
                                      10
                                    </span>
                                  </span>
                                </button>

<div id="preline-accordion-sub" class="hs-accordion-content i65bn overflow-hidden transition-[height] jahre" role="region" aria-labelledby="preline-accordion">
                                  <ul class="hs-accordion-group hxyan space-y-0.5" data-hs-accordion-always-open>
                                    <li>
                                      <a class="flex items-center lialp jlmh5 a16go ajrjw t5ziw truncate xq1jm ps5iq ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-800 dark:text-neutral-400 dark:focus:bg-neutral-800" href="#">
                                        <div class="hq6gx blqd4">
                                          <div class="hq6gx srid0 mx-auto nkesj oq0dt"></div>
                                        </div>
                                        <span class="truncate">Github</span>

<li>
                                      <a class="flex items-center lialp jlmh5 a16go ajrjw t5ziw truncate xq1jm ps5iq agawe focus:outline-hidden dark:bg-neutral-800 dark:text-neutral-400" href="#">
                                        <div class="hq6gx blqd4">
                                          <div class="hq6gx srid0 mx-auto ggt5g oq0dt"></div>
                                        </div>
                                        <span class="truncate">Gmail</span>

<li>
                                      <a class="flex items-center lialp jlmh5 a16go ajrjw t5ziw truncate xq1jm ps5iq ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-800 dark:text-neutral-400 dark:focus:bg-neutral-800" href="#">
                                        <div class="hq6gx blqd4">
                                          <div class="hq6gx srid0 mx-auto q4mvv oq0dt"></div>
                                        </div>
                                        <span class="truncate">Crisp</span>

<li>
                                      <a class="flex items-center lialp jlmh5 a16go ajrjw t5ziw truncate xq1jm ps5iq ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-800 dark:text-neutral-400 dark:focus:bg-neutral-800" href="#">
                                        <div class="hq6gx blqd4">
                                          <div class="hq6gx srid0 mx-auto ot31m oq0dt"></div>
                                        </div>
                                        <span class="truncate">Slack - Internal</span>

<div class="hs-layout-splitter-control relative hidden xl:flex">
                    <span class="absolute wgue8 p3683 rm3rx -translate-x-1/2 -translate-y-1/2 block shc0z yoxjp flex r00n9 items-center oo8ro wfm4e d77gl kvliy umxjj tnsm9 ksr3h dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-600 dark:hover:bg-neutral-900">
                      <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="9" cy="12" r="1"/><circle cx="9" cy="5" r="1"/><circle cx="9" cy="19" r="1"/><circle cx="15" cy="12" r="1"/><circle cx="15" cy="5" r="1"/><circle cx="15" cy="19" r="1"/>
                      </svg>
                    </span>
                  </div>

<div id="hs-pro-inbox-thread-list-sidebar" class="hs-overlay [--auto-close:lg] [--auto-close-equality-type:less-than]
                      hs-overlay-open:translate-x-0
                      lg:overflow-x-hidden lg:overflow-y-hidden
                      u35nr
                      fixed ofq05 uv2uj rde91 p4snj lg:w-auto b38hd lg:top-auto lg:start-auto 
                      -translate-x-full g0ipl jahre lrm8y t8bj7
                      hidden
                      oo8ro z23c4 d77gl
                      edeax
                      lg:block ykh3p lg:h-[calc(100dvh-55px)]
                      dark:bg-neutral-900 dark:border-neutral-700" role="dialog" tabindex="-1" aria-label="Thread List" data-hs-layout-splitter-item='{
                        "dynamicSize": 21.0,
                        "minSize": 17.0
                      }' style="flex: 21.0 1 0px;">
                    <div class="qpmwn flex">
                      <div class="lpgt1">
                        <div class="qpmwn flex flex-col">
                          
                          <div class="oo8ro ic6aj d77gl dark:bg-neutral-900 dark:border-neutral-700">
                            <div class="-mb-1 fkoia kzzmm overflow-x-auto">
                              
                              <nav  class="flex duzhl i65bn" aria-label="Tabs" role="tablist" aria-orientation="horizontal">
                                <button type="button" class="hs-tab-active:after:bg-gray-800 hs-tab-active:text-gray-800 rfnst i7oig qhmnk relative i65bn inline-flex r00n9 items-center lialp ksr3h t6rrs l24f5 vo20k cm336 umxjj disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 after:absolute after:-bottom-2 after:inset-x-2.5 after:z-10 after:h-0.5 after:pointer-events-none dark:hs-tab-active:text-neutral-200 dark:hs-tab-active:after:bg-neutral-400 dark:text-neutral-500 dark:hover:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden active" id="hs-pro-tabs-intltg-item-unassigned" aria-selected="true" data-hs-tab="#hs-pro-tabs-intltg-unassigned" aria-controls="hs-pro-tabs-intltg-unassigned" role="tab" >
                                  Unassigned
                                </button>
                                <button type="button" class="hs-tab-active:after:bg-gray-800 hs-tab-active:text-gray-800 rfnst i7oig qhmnk relative i65bn inline-flex r00n9 items-center lialp ksr3h t6rrs l24f5 vo20k cm336 umxjj disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 after:absolute after:-bottom-2 after:inset-x-2.5 after:z-10 after:h-0.5 after:pointer-events-none dark:hs-tab-active:text-neutral-200 dark:hs-tab-active:after:bg-neutral-400 dark:text-neutral-500 dark:hover:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden " id="hs-pro-tabs-intltg-item-assigned" aria-selected="false" data-hs-tab="#hs-pro-tabs-intltg-assigned" aria-controls="hs-pro-tabs-intltg-assigned" role="tab" >
                                  Assigned
                                </button>
                                <button type="button" class="hs-tab-active:after:bg-gray-800 hs-tab-active:text-gray-800 rfnst i7oig qhmnk relative i65bn inline-flex r00n9 items-center lialp ksr3h t6rrs l24f5 vo20k cm336 umxjj disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 after:absolute after:-bottom-2 after:inset-x-2.5 after:z-10 after:h-0.5 after:pointer-events-none dark:hs-tab-active:text-neutral-200 dark:hs-tab-active:after:bg-neutral-400 dark:text-neutral-500 dark:hover:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden " id="hs-pro-tabs-intltg-item-archived" aria-selected="false" data-hs-tab="#hs-pro-tabs-intltg-archived" aria-controls="hs-pro-tabs-intltg-archived" role="tab" >
                                  Archived
                                </button>
                              </nav>
                              
                            </div>
                          </div>

<div class="qpmwn overflow-x-hidden overflow-y-auto n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
                            
                            <div id="hs-pro-tabs-intltg-unassigned" class="qpmwn" role="tabpanel" aria-labelledby="hs-pro-tabs-intltg-item-unassigned">
                              
                              <div class="n33uu mdgiz flex uip67 items-center lialp ic6aj pcsut dark:border-neutral-700">
                                <p class="cm336 t6rrs dark:text-neutral-500">
                                  3 unread
                                </p>

<select id="hs-pro-select-revenue" data-hs-select='{
                                        "placeholder": "Select option...",
                                        "toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>",
                                        "toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative xxpuq inline-flex hq6gx r00n9 items-center djhx3 cm336 qnu9p bp13m umxjj txqba focus:outline-hidden htc3g before:absolute before:inset-0 before:z-1 dark:text-neutral-200 dark:hover:text-neutral-500 dark:focus:text-neutral-500",
                                        "dropdownClasses": "ls9te fug6q ucmtr ho2sl ju7it space-y-0.5 oo8ro lile3 rrmkk dark:bg-neutral-900",
                                        "optionClasses": "hs-selected:bg-gray-100 dark:hs-selected:bg-neutral-800 jlmh5 kzzmm i65bn e9qjd bp13m ps5iq cursor-pointer ksr3h ps5iq focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800",
                                        "optionTemplate": "<div class=\"flex uip67 items-center i65bn \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"hq6gx stqz8 bp13m dark:text-neutral-200 \" xmlns=\"http:.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"/></svg></span></div>"
                                      }' class="hidden">
                                      <option value="">Choose</option>
                                      <option selected>Newest</option>
                                      <option>Oldest</option>
                                      <option>Newest unreplied</option>
                                      <option>Oldest unreplied</option>
                                    </select>

<div aria-label="Tabs" role="tablist" aria-orientation="vertical">
                                
                                <div class="hs-tab-active:bg-gray-200 dark:hs-tab-active:bg-neutral-700/70 hs-dropdown-toggle group cursor-pointer oo8ro ksr3h focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 dark:border-neutral-800 active " id="hs-pro-tabs-intl-item-1" aria-selected="true" data-hs-tab="#hs-pro-tabs-intl-1" aria-controls="hs-pro-tabs-intl-1" role="tab" >
                                  
                                  <div class="yyez4 relative ic6aj pcsut dark:border-neutral-800">
                                    <div class="flex lialp">
                                      <div class="hq6gx ybw39 p9v22 flex flex-col">
                                        <input type="checkbox" class="ui2kz mx-auto bmqdf iakbu stvln jqqot checked:bg-none checked:text-gray-300 ubcjr p1ez7 rgvf6 oq0dt checked:opacity-0 group-hover:opacity-100 disabled:opacity-50 disabled:pointer-events-none dark:text-blue-500 dark:checked:text-neutral-700 dark:focus:text-neutral-700" id="hs-pro-inrsid1" name="hs-pro-inrsn" checked>
                                        <label for="hs-pro-inrsid1" class="ecbnn">Read Status</label>
                                      </div>

<div class="e3fpz truncate">
                                        <div class="flex uip67 items-center pgjbi">
                                          <p class="truncate  t5ziw bp13m dark:text-neutral-200">Costa Quinn</p>
                                          <span class="v1xcs group-hover:opacity-0 s2avd kvliy e7zws dark:text-neutral-600">Now</span>
                                        </div>
                                        <div class="flex uip67 items-center pgjbi">
                                          <div class="e3fpz xe8oj flex items-center lialp truncate bp13m dark:text-neutral-200">
                                            <span class="ct50n lxh7u e6q5e truncate cm336 nwv2m xq1jm dqdmd dark:bg-neutral-700/50 dark:text-neutral-500">
                                              Generic, +1
                                            </span>
                                            <span class="truncate e9qjd xq1jm dark:text-neutral-400">Project Timeline Update</span>
                                          </div>
                                          <span class="n3nvk cm336 kvliy dark:text-neutral-600">2</span>
                                        </div>
                                        <p class="xe8oj truncate e9qjd kvliy dark:text-neutral-600">Hi team, I've reviewed the latest sprint progress</p>
                                      </div>
                                    </div>

<div class="lg:opacity-0 lg:group-hover:opacity-100 lg:absolute ofq05 fug6q nh4wd n33uu umdar">
                                      <div class="manq4 inline-flex items-center duzhl oo8ro wfm4e d77gl ps5iq hx4gm dark:bg-neutral-800 dark:border-neutral-700">
                                        
                                        <div class="hs-tooltip [--placement:top] inline-block">
                                          <button type="button" class="hs-tooltip-toggle awhdl flex r00n9 items-center lialp t6rrs umxjj ksr3h focus:outline-hidden kf4z7 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
                                            <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="5" x="2" y="3" rx="1"/><path d="M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8"/><path d="M10 12h4"/></svg>
                                          </button>
                                          <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-800" role="tooltip">
                                            Archive
                                          </span>
                                        </div>

<div class="hs-tooltip [--placement:top] inline-block">
                                          <button type="button" class="hs-tooltip-toggle awhdl flex r00n9 items-center lialp t6rrs umxjj ksr3h focus:outline-hidden kf4z7 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" aria-label="Close" data-hs-remove-element="#hs-pro-tabs-intl-item-1">
                                            <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg>
                                          </button>
                                          <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-800" role="tooltip">
                                            Delete
                                          </span>
                                        </div>
                                        
                                      </div>
                                    </div>
                                    
                                  </div>
                                  
                                </div>

<div class="hs-tab-active:bg-gray-200 dark:hs-tab-active:bg-neutral-700/70 hs-dropdown-toggle group cursor-pointer oo8ro ksr3h focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 dark:border-neutral-800  " id="hs-pro-tabs-intl-item-2" aria-selected="false" data-hs-tab="#hs-pro-tabs-intl-2" aria-controls="hs-pro-tabs-intl-2" role="tab" >
                                  
                                  <div class="yyez4 relative ic6aj pcsut dark:border-neutral-800">
                                    <div class="flex lialp">
                                      <div class="hq6gx ybw39 p9v22 flex flex-col">
                                        <input type="checkbox" class="ui2kz mx-auto bmqdf iakbu stvln jqqot checked:bg-none checked:text-gray-300 ubcjr p1ez7 rgvf6 oq0dt checked:opacity-0 group-hover:opacity-100 disabled:opacity-50 disabled:pointer-events-none dark:text-blue-500 dark:checked:text-neutral-700 dark:focus:text-neutral-700" id="hs-pro-inrsid2" name="hs-pro-inrsn" >
                                        <label for="hs-pro-inrsid2" class="ecbnn">Read Status</label>
                                      </div>

<div class="e3fpz truncate">
                                        <div class="flex uip67 items-center pgjbi">
                                          <p class="truncate y2wul t5ziw bp13m dark:text-neutral-200">Rachel Doe</p>
                                          <span class="v1xcs group-hover:opacity-0 s2avd kvliy e7zws dark:text-neutral-600">09:35</span>
                                        </div>
                                        <div class="flex uip67 items-center pgjbi">
                                          <div class="e3fpz xe8oj flex items-center lialp truncate bp13m dark:text-neutral-200">
                                            <span class="truncate e9qjd xq1jm dark:text-neutral-400">RE: Follow-up</span>
                                          </div>
                                          <span class="n3nvk cm336 kvliy dark:text-neutral-600">3</span>
                                        </div>
                                        <div class="xe8oj flex items-center vrcxw">
                                          <div class="e3fpz truncate">
                                            <p class="truncate e9qjd kvliy dark:text-neutral-600">I hope you're doing well. I wanted to check in rjx3z the proposal you sent last week for the web design project we discussed.</p>
                                          </div>
                                          <div class="ct50n fxenz ghksj flex items-center pgjbi wfm4e ra5z3 b9e4b kvliy dark:text-neutral-600 oq0dt dark:border-neutral-700">
                                            <svg class="hq6gx a49ku" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l8.57-8.57A4 4 0 1 1 18 8.84l-8.59 8.57a2 2 0 0 1-2.83-2.83l8.49-8.48"/></svg>
                                            <span>+2</span>
                                          </div>
                                        </div>
                                      </div>
                                    </div>

<div class="lg:opacity-0 lg:group-hover:opacity-100 lg:absolute ofq05 fug6q nh4wd n33uu umdar">
                                      <div class="manq4 inline-flex items-center duzhl oo8ro wfm4e d77gl ps5iq hx4gm dark:bg-neutral-800 dark:border-neutral-700">
                                        
                                        <div class="hs-tooltip [--placement:top] inline-block">
                                          <button type="button" class="hs-tooltip-toggle awhdl flex r00n9 items-center lialp t6rrs umxjj ksr3h focus:outline-hidden kf4z7 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
                                            <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="5" x="2" y="3" rx="1"/><path d="M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8"/><path d="M10 12h4"/></svg>
                                          </button>
                                          <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-800" role="tooltip">
                                            Archive
                                          </span>
                                        </div>

<div class="hs-tooltip [--placement:top] inline-block">
                                          <button type="button" class="hs-tooltip-toggle awhdl flex r00n9 items-center lialp t6rrs umxjj ksr3h focus:outline-hidden kf4z7 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" aria-label="Close" data-hs-remove-element="#hs-pro-tabs-intl-item-2">
                                            <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg>
                                          </button>
                                          <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-800" role="tooltip">
                                            Delete
                                          </span>
                                        </div>
                                        
                                      </div>
                                    </div>
                                    
                                  </div>
                                  
                                </div>

<div class="hs-tab-active:bg-gray-200 dark:hs-tab-active:bg-neutral-700/70 hs-dropdown-toggle group cursor-pointer oo8ro ksr3h focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 dark:border-neutral-800  " id="hs-pro-tabs-intl-item-3" aria-selected="false" data-hs-tab="#hs-pro-tabs-intl-3" aria-controls="hs-pro-tabs-intl-3" role="tab" >
                                  
                                  <div class="yyez4 relative ic6aj pcsut dark:border-neutral-800">
                                    <div class="flex lialp">
                                      <div class="hq6gx ybw39 p9v22 flex flex-col">
                                        <input type="checkbox" class="ui2kz mx-auto bmqdf iakbu stvln jqqot checked:bg-none checked:text-gray-300 ubcjr p1ez7 rgvf6 oq0dt checked:opacity-0 group-hover:opacity-100 disabled:opacity-50 disabled:pointer-events-none dark:text-blue-500 dark:checked:text-neutral-700 dark:focus:text-neutral-700" id="hs-pro-inrsid3" name="hs-pro-inrsn" checked>
                                        <label for="hs-pro-inrsid3" class="ecbnn">Read Status</label>
        
                                        <div class="mt-auto">
                                          <span class="flex hq6gx r00n9 items-center ca09w b9e4b e7zws fs9eh zr4l6 oq0dt">I</span>
                                        </div>
                                      </div>

<div class="e3fpz truncate">
                                        <div class="flex uip67 items-center pgjbi">
                                          <p class="truncate  t5ziw bp13m dark:text-neutral-200">isabella@site.com</p>
                                          <span class="v1xcs group-hover:opacity-0 s2avd kvliy e7zws dark:text-neutral-600">01/10/2024</span>
                                        </div>
                                        <div class="flex uip67 items-center pgjbi">
                                          <div class="e3fpz xe8oj flex items-center lialp truncate bp13m dark:text-neutral-200">
                                            <span class="truncate e9qjd xq1jm dark:text-neutral-400">Quarterly marketing strategy review meeting</span>
                                          </div>
                                          <span class="n3nvk cm336 kvliy dark:text-neutral-600">1</span>
                                        </div>
                                        <div class="xe8oj flex">
                                          <div class="xe8oj ct50n kzzmm truncate flex items-center vrcxw c32br ryiqa dark:bg-neutral-800 oq0dt">
                                            <span class="jlmh5 inline-flex bj6m2"><span class="mm4ph q4mvv animate-[typing_1s_ease-in-out_infinite] oq0dt"></span><span class="mm4ph q4mvv animate-[typing_1s_ease-in-out_infinite_0.2s] oq0dt"></span><span class="mm4ph q4mvv animate-[typing_1s_ease-in-out_infinite_0.4s] oq0dt"></span></span>
                                          </div>
                                        </div>
                                      </div>
                                    </div>

<div class="lg:opacity-0 lg:group-hover:opacity-100 lg:absolute ofq05 fug6q nh4wd n33uu umdar">
                                      <div class="manq4 inline-flex items-center duzhl oo8ro wfm4e d77gl ps5iq hx4gm dark:bg-neutral-800 dark:border-neutral-700">
                                        
                                        <div class="hs-tooltip [--placement:top] inline-block">
                                          <button type="button" class="hs-tooltip-toggle awhdl flex r00n9 items-center lialp t6rrs umxjj ksr3h focus:outline-hidden kf4z7 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
                                            <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="5" x="2" y="3" rx="1"/><path d="M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8"/><path d="M10 12h4"/></svg>
                                          </button>
                                          <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-800" role="tooltip">
                                            Archive
                                          </span>
                                        </div>

<div class="hs-tooltip [--placement:top] inline-block">
                                          <button type="button" class="hs-tooltip-toggle awhdl flex r00n9 items-center lialp t6rrs umxjj ksr3h focus:outline-hidden kf4z7 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" aria-label="Close" data-hs-remove-element="#hs-pro-tabs-intl-item-3">
                                            <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg>
                                          </button>
                                          <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-800" role="tooltip">
                                            Delete
                                          </span>
                                        </div>
                                        
                                      </div>
                                    </div>
                                    
                                  </div>
                                  
                                </div>

<div class="hs-tab-active:bg-gray-200 dark:hs-tab-active:bg-neutral-700/70 hs-dropdown-toggle group cursor-pointer oo8ro ksr3h focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 dark:border-neutral-800  " id="hs-pro-tabs-intl-item-4" aria-selected="false" data-hs-tab="#hs-pro-tabs-intl-4" aria-controls="hs-pro-tabs-intl-4" role="tab" >
                                  
                                  <div class="yyez4 relative ic6aj pcsut dark:border-neutral-800">
                                    <div class="flex lialp">
                                      <div class="hq6gx ybw39 p9v22 flex flex-col">
                                        <input type="checkbox" class="ui2kz mx-auto bmqdf iakbu stvln jqqot checked:bg-none checked:text-gray-300 ubcjr p1ez7 rgvf6 oq0dt checked:opacity-0 group-hover:opacity-100 disabled:opacity-50 disabled:pointer-events-none dark:text-blue-500 dark:checked:text-neutral-700 dark:focus:text-neutral-700" id="hs-pro-inrsid4" name="hs-pro-inrsn" >
                                        <label for="hs-pro-inrsid4" class="ecbnn">Read Status</label>
                                      </div>

<div class="e3fpz truncate">
                                        <div class="flex uip67 items-center pgjbi">
                                          <p class="truncate y2wul t5ziw bp13m dark:text-neutral-200">Finch Hoot</p>
                                          <span class="v1xcs group-hover:opacity-0 s2avd kvliy e7zws dark:text-neutral-600">28/09/2024</span>
                                        </div>
                                        <div class="flex uip67 items-center pgjbi">
                                          <div class="e3fpz xe8oj flex items-center lialp truncate bp13m dark:text-neutral-200">
                                            <span class="truncate e9qjd xq1jm dark:text-neutral-400">RE: Follow-up</span>
                                          </div>
                                          <span class="n3nvk cm336 kvliy dark:text-neutral-600">5</span>
                                        </div>
                                        <p class="xe8oj truncate e9qjd kvliy dark:text-neutral-600">Awesome! 🔥</p>
                                      </div>
                                    </div>

<div class="lg:opacity-0 lg:group-hover:opacity-100 lg:absolute ofq05 fug6q nh4wd n33uu umdar">
                                      <div class="manq4 inline-flex items-center duzhl oo8ro wfm4e d77gl ps5iq hx4gm dark:bg-neutral-800 dark:border-neutral-700">
                                        
                                        <div class="hs-tooltip [--placement:top] inline-block">
                                          <button type="button" class="hs-tooltip-toggle awhdl flex r00n9 items-center lialp t6rrs umxjj ksr3h focus:outline-hidden kf4z7 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
                                            <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="5" x="2" y="3" rx="1"/><path d="M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8"/><path d="M10 12h4"/></svg>
                                          </button>
                                          <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-800" role="tooltip">
                                            Archive
                                          </span>
                                        </div>

<div class="hs-tooltip [--placement:top] inline-block">
                                          <button type="button" class="hs-tooltip-toggle awhdl flex r00n9 items-center lialp t6rrs umxjj ksr3h focus:outline-hidden kf4z7 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" aria-label="Close" data-hs-remove-element="#hs-pro-tabs-intl-item-4">
                                            <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg>
                                          </button>
                                          <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-800" role="tooltip">
                                            Delete
                                          </span>
                                        </div>
                                        
                                      </div>
                                    </div>
                                    
                                  </div>
                                  
                                </div>

<div class="hs-tab-active:bg-gray-200 dark:hs-tab-active:bg-neutral-700/70 hs-dropdown-toggle group cursor-pointer oo8ro ksr3h focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 dark:border-neutral-800  " id="hs-pro-tabs-intl-item-5" aria-selected="false" data-hs-tab="#hs-pro-tabs-intl-5" aria-controls="hs-pro-tabs-intl-5" role="tab" >
                                  
                                  <div class="yyez4 relative ic6aj pcsut dark:border-neutral-800">
                                    <div class="flex lialp">
                                      <div class="hq6gx ybw39 p9v22 flex flex-col">
                                        <input type="checkbox" class="ui2kz mx-auto bmqdf iakbu stvln jqqot checked:bg-none checked:text-gray-300 ubcjr p1ez7 rgvf6 oq0dt checked:opacity-0 group-hover:opacity-100 disabled:opacity-50 disabled:pointer-events-none dark:text-blue-500 dark:checked:text-neutral-700 dark:focus:text-neutral-700" id="hs-pro-inrsid5" name="hs-pro-inrsn" >
                                        <label for="hs-pro-inrsid5" class="ecbnn">Read Status</label>
                                      </div>

<div class="e3fpz truncate">
                                        <div class="flex uip67 items-center pgjbi">
                                          <p class="truncate y2wul t5ziw bp13m dark:text-neutral-200">casey112oklahoma@site.com</p>
                                          <span class="v1xcs group-hover:opacity-0 s2avd kvliy e7zws dark:text-neutral-600">28/09/2024</span>
                                        </div>
                                        <div class="flex uip67 items-center pgjbi">
                                          <div class="e3fpz xe8oj flex items-center lialp truncate bp13m dark:text-neutral-200">
                                            <span class="truncate e9qjd xq1jm dark:text-neutral-400">Missing payout</span>
                                          </div>
                                          <span class="n3nvk cm336 kvliy dark:text-neutral-600">19</span>
                                        </div>
                                        <p class="xe8oj truncate e9qjd kvliy dark:text-neutral-600">Thanks</p>
                                      </div>
                                    </div>

<div class="lg:opacity-0 lg:group-hover:opacity-100 lg:absolute ofq05 fug6q nh4wd n33uu umdar">
                                      <div class="manq4 inline-flex items-center duzhl oo8ro wfm4e d77gl ps5iq hx4gm dark:bg-neutral-800 dark:border-neutral-700">
                                        
                                        <div class="hs-tooltip [--placement:top] inline-block">
                                          <button type="button" class="hs-tooltip-toggle awhdl flex r00n9 items-center lialp t6rrs umxjj ksr3h focus:outline-hidden kf4z7 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
                                            <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="5" x="2" y="3" rx="1"/><path d="M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8"/><path d="M10 12h4"/></svg>
                                          </button>
                                          <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-800" role="tooltip">
                                            Archive
                                          </span>
                                        </div>

<div class="hs-tooltip [--placement:top] inline-block">
                                          <button type="button" class="hs-tooltip-toggle awhdl flex r00n9 items-center lialp t6rrs umxjj ksr3h focus:outline-hidden kf4z7 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" aria-label="Close" data-hs-remove-element="#hs-pro-tabs-intl-item-5">
                                            <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg>
                                          </button>
                                          <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-800" role="tooltip">
                                            Delete
                                          </span>
                                        </div>
                                        
                                      </div>
                                    </div>
                                    
                                  </div>
                                  
                                </div>

<div class="hs-tab-active:bg-gray-200 dark:hs-tab-active:bg-neutral-700/70 hs-dropdown-toggle group cursor-pointer oo8ro ksr3h focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 dark:border-neutral-800  " id="hs-pro-tabs-intl-item-6" aria-selected="false" data-hs-tab="#hs-pro-tabs-intl-6" aria-controls="hs-pro-tabs-intl-6" role="tab" >
                                  
                                  <div class="yyez4 relative ic6aj pcsut dark:border-neutral-800">
                                    <div class="flex lialp">
                                      <div class="hq6gx ybw39 p9v22 flex flex-col">
                                        <input type="checkbox" class="ui2kz mx-auto bmqdf iakbu stvln jqqot checked:bg-none checked:text-gray-300 ubcjr p1ez7 rgvf6 oq0dt checked:opacity-0 group-hover:opacity-100 disabled:opacity-50 disabled:pointer-events-none dark:text-blue-500 dark:checked:text-neutral-700 dark:focus:text-neutral-700" id="hs-pro-inrsid6" name="hs-pro-inrsn" checked>
                                        <label for="hs-pro-inrsid6" class="ecbnn">Read Status</label>
        
                                        <div class="mt-auto">
                                          <img class="hq6gx ca09w oq0dt exlm9" src="https://images.unsplash.com/photo-1659482633369-9fe69af50bfb?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="Avatar">
                                        </div>
                                      </div>

<div class="e3fpz truncate">
                                        <div class="flex uip67 items-center pgjbi">
                                          <p class="truncate  t5ziw bp13m dark:text-neutral-200">amandaharvey@site.com</p>
                                          <span class="v1xcs group-hover:opacity-0 s2avd kvliy e7zws dark:text-neutral-600">25/09/2024</span>
                                        </div>
                                        <div class="flex uip67 items-center pgjbi">
                                          <div class="e3fpz xe8oj flex items-center lialp truncate bp13m dark:text-neutral-200">
                                            <span class="truncate e9qjd xq1jm dark:text-neutral-400">Quarterly marketing strategy review meeting</span>
                                          </div>
                                          <span class="n3nvk cm336 kvliy dark:text-neutral-600">7</span>
                                        </div>
                                        <div class="xe8oj flex">
                                          <div class="xe8oj ct50n kzzmm truncate flex items-center vrcxw nwv2m t6rrs dark:bg-neutral-700/50 dark:text-neutral-500 oq0dt">
                                            <p class="truncate e9qjd amkne">@brian any thoughts rjx3z that?</p>
                                          </div>
                                        </div>
                                      </div>
                                    </div>

<div class="lg:opacity-0 lg:group-hover:opacity-100 lg:absolute ofq05 fug6q nh4wd n33uu umdar">
                                      <div class="manq4 inline-flex items-center duzhl oo8ro wfm4e d77gl ps5iq hx4gm dark:bg-neutral-800 dark:border-neutral-700">
                                        
                                        <div class="hs-tooltip [--placement:top] inline-block">
                                          <button type="button" class="hs-tooltip-toggle awhdl flex r00n9 items-center lialp t6rrs umxjj ksr3h focus:outline-hidden kf4z7 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
                                            <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="5" x="2" y="3" rx="1"/><path d="M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8"/><path d="M10 12h4"/></svg>
                                          </button>
                                          <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-800" role="tooltip">
                                            Archive
                                          </span>
                                        </div>

<div class="hs-tooltip [--placement:top] inline-block">
                                          <button type="button" class="hs-tooltip-toggle awhdl flex r00n9 items-center lialp t6rrs umxjj ksr3h focus:outline-hidden kf4z7 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" aria-label="Close" data-hs-remove-element="#hs-pro-tabs-intl-item-6">
                                            <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg>
                                          </button>
                                          <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-800" role="tooltip">
                                            Delete
                                          </span>
                                        </div>
                                        
                                      </div>
                                    </div>
                                    
                                  </div>
                                  
                                </div>

<div class="hs-tab-active:bg-gray-200 dark:hs-tab-active:bg-neutral-700/70 hs-dropdown-toggle group cursor-pointer oo8ro ksr3h focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 dark:border-neutral-800  " id="hs-pro-tabs-intl-item-7" aria-selected="false" data-hs-tab="#hs-pro-tabs-intl-7" aria-controls="hs-pro-tabs-intl-7" role="tab" >
                                  
                                  <div class="yyez4 relative ic6aj pcsut dark:border-neutral-800">
                                    <div class="flex lialp">
                                      <div class="hq6gx ybw39 p9v22 flex flex-col">
                                        <input type="checkbox" class="ui2kz mx-auto bmqdf iakbu stvln jqqot checked:bg-none checked:text-gray-300 ubcjr p1ez7 rgvf6 oq0dt checked:opacity-0 group-hover:opacity-100 disabled:opacity-50 disabled:pointer-events-none dark:text-blue-500 dark:checked:text-neutral-700 dark:focus:text-neutral-700" id="hs-pro-inrsid7" name="hs-pro-inrsn" checked>
                                        <label for="hs-pro-inrsid7" class="ecbnn">Read Status</label>
                                      </div>

<div class="e3fpz truncate">
                                        <div class="flex uip67 items-center pgjbi">
                                          <p class="truncate  t5ziw bp13m dark:text-neutral-200">Mike Clirk</p>
                                          <span class="v1xcs group-hover:opacity-0 s2avd kvliy e7zws dark:text-neutral-600">20/09/2024</span>
                                        </div>
                                        <div class="flex uip67 items-center pgjbi">
                                          <div class="e3fpz xe8oj flex items-center lialp truncate bp13m dark:text-neutral-200">
                                            <span class="ct50n lxh7u e6q5e truncate cm336 nwv2m xq1jm dqdmd dark:bg-neutral-700/50 dark:text-neutral-500">
                                              Chat
                                            </span>
                                            <span class="truncate e9qjd xq1jm dark:text-neutral-400">Project Timeline Update</span>
                                          </div>
                                          <span class="n3nvk cm336 kvliy dark:text-neutral-600">15</span>
                                        </div>
                                        <div class="xe8oj flex items-center vrcxw">
                                          <div class="e3fpz truncate">
                                            <p class="truncate e9qjd kvliy dark:text-neutral-600">I hope you're doing well. I wanted to check in rjx3z the proposal you sent last week for the web design project we discussed.</p>
                                          </div>
                                          <div class="ct50n fxenz ghksj flex items-center pgjbi wfm4e ra5z3 b9e4b kvliy dark:text-neutral-600 oq0dt dark:border-neutral-700">
                                            <svg class="hq6gx a49ku" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l8.57-8.57A4 4 0 1 1 18 8.84l-8.59 8.57a2 2 0 0 1-2.83-2.83l8.49-8.48"/></svg>
                                            <span>+9</span>
                                          </div>
                                        </div>
                                      </div>
                                    </div>

<div class="lg:opacity-0 lg:group-hover:opacity-100 lg:absolute ofq05 fug6q nh4wd n33uu umdar">
                                      <div class="manq4 inline-flex items-center duzhl oo8ro wfm4e d77gl ps5iq hx4gm dark:bg-neutral-800 dark:border-neutral-700">
                                        
                                        <div class="hs-tooltip [--placement:top] inline-block">
                                          <button type="button" class="hs-tooltip-toggle awhdl flex r00n9 items-center lialp t6rrs umxjj ksr3h focus:outline-hidden kf4z7 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
                                            <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="5" x="2" y="3" rx="1"/><path d="M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8"/><path d="M10 12h4"/></svg>
                                          </button>
                                          <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-800" role="tooltip">
                                            Archive
                                          </span>
                                        </div>

<div class="hs-tooltip [--placement:top] inline-block">
                                          <button type="button" class="hs-tooltip-toggle awhdl flex r00n9 items-center lialp t6rrs umxjj ksr3h focus:outline-hidden kf4z7 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" aria-label="Close" data-hs-remove-element="#hs-pro-tabs-intl-item-7">
                                            <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg>
                                          </button>
                                          <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-800" role="tooltip">
                                            Delete
                                          </span>
                                        </div>
                                        
                                      </div>
                                    </div>
                                    
                                  </div>
                                  
                                </div>
                                
                              </div>
                            </div>

<div id="hs-pro-tabs-intltg-assigned" class="hidden qpmwn" role="tabpanel" aria-labelledby="hs-pro-tabs-intltg-item-assigned">
                              
                              <div class="xlz15 qpmwn flex flex-col r00n9 items-center lj7mp">
                                <svg class="rmc90 mx-auto dl93o" width="178" height="90" viewBox="0 0 178 90" fill="none" xmlns="http://www.w3.org/2000/svg">
                                  <rect x="27" y="50.5" width="124" height="39" rx="7.5" fill="currentColor" class="mlmpr dark:fill-neutral-800"/>
                                  <rect x="27" y="50.5" width="124" height="39" rx="7.5" stroke="currentColor" class="l4rfy dark:stroke-neutral-700/10"/>
                                  <rect x="34.5" y="58" width="24" height="24" rx="12" fill="currentColor" class="hb386 dark:fill-neutral-700/30"/>
                                  <rect x="66.5" y="61" width="60" height="6" rx="3" fill="currentColor" class="hb386 dark:fill-neutral-700/30"/>
                                  <rect x="66.5" y="73" width="77" height="6" rx="3" fill="currentColor" class="hb386 dark:fill-neutral-700/30"/>
                                  <rect x="19.5" y="28.5" width="139" height="39" rx="7.5" fill="currentColor" class="mlmpr dark:fill-neutral-800"/>
                                  <rect x="19.5" y="28.5" width="139" height="39" rx="7.5" stroke="currentColor" class="c7le4 dark:stroke-neutral-700/30"/>
                                  <rect x="27" y="36" width="24" height="24" rx="12" fill="currentColor" class="p2drp dark:fill-neutral-700/70"/>
                                  <rect x="59" y="39" width="60" height="6" rx="3" fill="currentColor" class="p2drp dark:fill-neutral-700/70"/>
                                  <rect x="59" y="51" width="92" height="6" rx="3" fill="currentColor" class="p2drp dark:fill-neutral-700/70"/>
                                  <g filter="url(#filter1)">
                                  <rect x="12" y="6" width="154" height="40" rx="8" class="mlmpr dark:fill-neutral-800" shape-rendering="crispEdges"/>
                                  <rect x="12.5" y="6.5" width="153" height="39" rx="7.5" stroke="currentColor" class="c7le4 dark:stroke-neutral-700/60" shape-rendering="crispEdges"/>
                                  <rect x="20" y="14" width="24" height="24" rx="12" fill="currentColor" class="bxw6c dark:fill-neutral-700"/>
                                  <rect x="52" y="17" width="60" height="6" rx="3" fill="currentColor" class="bxw6c dark:fill-neutral-700"/>
                                  <rect x="52" y="29" width="106" height="6" rx="3" fill="currentColor" class="bxw6c dark:fill-neutral-700"/>
                                  </g>
                                  <defs>
                                  <filter id="filter1" x="0" y="0" width="178" height="64" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
                                  <feFlood flood-opacity="0" result="BackgroundImageFix"/>
                                  <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
                                  <feOffset dy="6"/>
                                  <feGaussianBlur stdDeviation="6"/>
                                  <feComposite in2="hardAlpha" operator="out"/>
                                  <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/>
                                  <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1187_14810"/>
                                  <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1187_14810" result="shape"/>
                                  </filter>
                                  </defs>
                                </svg>

<div class="idprf mx-auto f9qde">
                                  <p class="ls9te vo20k bp13m dark:text-neutral-200">
                                    No assigned message
                                  </p>
                                  <p class="iqt6z t5ziw t6rrs dark:text-neutral-500">
                                    Only assigned messages appear here
                                  </p>
                                </div>
                              </div>
                              
                            </div>

<div id="hs-pro-tabs-intltg-archived" class="hidden qpmwn" role="tabpanel" aria-labelledby="hs-pro-tabs-intltg-item-archived">
                              
                              <div class="xlz15 qpmwn flex flex-col r00n9 items-center lj7mp">
                                <svg class="rmc90 mx-auto dl93o" width="178" height="90" viewBox="0 0 178 90" fill="none" xmlns="http://www.w3.org/2000/svg">
                                  <rect x="27" y="50.5" width="124" height="39" rx="7.5" fill="currentColor" class="mlmpr dark:fill-neutral-800"/>
                                  <rect x="27" y="50.5" width="124" height="39" rx="7.5" stroke="currentColor" class="l4rfy dark:stroke-neutral-700/10"/>
                                  <rect x="34.5" y="58" width="24" height="24" rx="12" fill="currentColor" class="hb386 dark:fill-neutral-700/30"/>
                                  <rect x="66.5" y="61" width="60" height="6" rx="3" fill="currentColor" class="hb386 dark:fill-neutral-700/30"/>
                                  <rect x="66.5" y="73" width="77" height="6" rx="3" fill="currentColor" class="hb386 dark:fill-neutral-700/30"/>
                                  <rect x="19.5" y="28.5" width="139" height="39" rx="7.5" fill="currentColor" class="mlmpr dark:fill-neutral-800"/>
                                  <rect x="19.5" y="28.5" width="139" height="39" rx="7.5" stroke="currentColor" class="c7le4 dark:stroke-neutral-700/30"/>
                                  <rect x="27" y="36" width="24" height="24" rx="12" fill="currentColor" class="p2drp dark:fill-neutral-700/70"/>
                                  <rect x="59" y="39" width="60" height="6" rx="3" fill="currentColor" class="p2drp dark:fill-neutral-700/70"/>
                                  <rect x="59" y="51" width="92" height="6" rx="3" fill="currentColor" class="p2drp dark:fill-neutral-700/70"/>
                                  <g filter="url(#filter2)">
                                  <rect x="12" y="6" width="154" height="40" rx="8" class="mlmpr dark:fill-neutral-800" shape-rendering="crispEdges"/>
                                  <rect x="12.5" y="6.5" width="153" height="39" rx="7.5" stroke="currentColor" class="c7le4 dark:stroke-neutral-700/60" shape-rendering="crispEdges"/>
                                  <rect x="20" y="14" width="24" height="24" rx="12" fill="currentColor" class="bxw6c dark:fill-neutral-700"/>
                                  <rect x="52" y="17" width="60" height="6" rx="3" fill="currentColor" class="bxw6c dark:fill-neutral-700"/>
                                  <rect x="52" y="29" width="106" height="6" rx="3" fill="currentColor" class="bxw6c dark:fill-neutral-700"/>
                                  </g>
                                  <defs>
                                  <filter id="filter2" x="0" y="0" width="178" height="64" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
                                  <feFlood flood-opacity="0" result="BackgroundImageFix"/>
                                  <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
                                  <feOffset dy="6"/>
                                  <feGaussianBlur stdDeviation="6"/>
                                  <feComposite in2="hardAlpha" operator="out"/>
                                  <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/>
                                  <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1187_14810"/>
                                  <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1187_14810" result="shape"/>
                                  </filter>
                                  </defs>
                                </svg>

<div class="idprf mx-auto f9qde">
                                  <p class="ls9te vo20k bp13m dark:text-neutral-200">
                                    No archived message
                                  </p>
                                  <p class="iqt6z t5ziw t6rrs dark:text-neutral-500">
                                    Only archived messages appear here
                                  </p>
                                </div>
                              </div>
                              
                            </div>
                            
                          </div>

<div class="hs-layout-splitter-control relative hidden lg:flex">
                    <span class="absolute wgue8 p3683 rde91 -translate-x-1/2 -translate-y-1/2 block shc0z yoxjp flex r00n9 items-center oo8ro wfm4e d77gl kvliy umxjj tnsm9 ksr3h dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-600 dark:hover:bg-neutral-900">
                      <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="9" cy="12" r="1"/><circle cx="9" cy="5" r="1"/><circle cx="9" cy="19" r="1"/><circle cx="15" cy="12" r="1"/><circle cx="15" cy="5" r="1"/><circle cx="15" cy="19" r="1"/>
                      </svg>
                    </span>
                  </div>

<main id="content" class="overflow-hidden" data-hs-layout-splitter-item='{
                    "dynamicSize": 64.0,
                    "minSize": 55.0
                  }' style="flex: 64 1 0px;">
                    
                    <div id="hs-pro-tabs-intl-1" role="tabpanel" aria-labelledby="hs-pro-tabs-intl-item-1">
                      <div class="relative u35nr flex flex-col">
                        
                        <header class=" qp3gf ofq05 fszza aq8is n33uu lauwb flex uip67 lialp oo8ro ic6aj d77gl dark:bg-neutral-900 dark:border-neutral-800">
                          <div class="e3fpz">
                            <div class="flex items-center pgjbi">
                              <div class="lg:hidden relative kjr4d n3nvk before:block before:absolute before:top-1/2 before:end-0 before:w-px before:h-4 before:bg-gray-200 before:-translate-y-1/2 dark:before:bg-neutral-700">
                                
                                <button type="button" class="jlmh5 ubptj flex r00n9 items-center e9qjd xq1jm kmso6 ps5iq disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r8fkx dark:text-neutral-400 lg:dark:hover:bg-neutral-800 lg:dark:focus:bg-neutral-800" aria-haspopup="dialog" aria-expanded="false" aria-controls="hs-pro-inbox-thread-list-sidebar" aria-label="Toggle navigation" data-hs-overlay="#hs-pro-inbox-thread-list-sidebar">
                                  Inbox
                                  <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg>
                                </button>
                                
                              </div>

<div class="jgarl">
                                
                                <div class="hs-dropdown [--auto-close:inside] relative inline-flex">
                                  <button id="hs-pro-inthmtdid1" type="button" class="jlmh5 ubptj flex r00n9 items-center e9qjd xq1jm kmso6 ps5iq disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r8fkx dark:text-neutral-400 lg:dark:hover:bg-neutral-800 lg:dark:focus:bg-neutral-800">
                                    <span class="hq6gx srid0 block epucs ggt5g oq0dt"></span>
                                    <span class="e6q5e truncate">Gmail</span>
                                    <svg class="hq6gx stqz8 k5amb" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>
                                  </button>

<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 n7uu1 transition-[opacity,margin] duration opacity-0 hidden ocib4 oo8ro lile3 rkof5 dark:bg-neutral-950" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-inthmtdid1">
                                    
                                    <div class="i7oig dkhxo flex uip67 items-center lialp">
                                      <span class="block vo20k t5ziw bp13m dark:text-neutral-200">
                                        <span class="truncate">Move to</span>
                                      </span>

<div class="hs-tooltip [--placement:left] inline-block -me-2">
                                        <button type="button" class="hs-tooltip-toggle aukwz flex r00n9 items-center lialp t6rrs oq0dt ksr3h focus:outline-hidden kf4z7 dark:text-neutral-500 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-incnlm">
                                          <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M8 12h8"/><path d="M12 8v8"/></svg>
                                        </button>
                                        <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-800" role="tooltip">
                                          Create new label
                                        </span>
                                      </div>
                                      
                                    </div>

<div class="ju7it relative pyimf d77gl dark:border-neutral-800">
                                      <input type="text" class="jlmh5 apc69 block i65bn qb17b ps5iq psfwb fkkng e27cm ksr3h focus:outline-hidden b2plr p1ez7 kf4z7 disabled:opacity-100 disabled:pointer-events-none dark:bg-transparent dark:border-transparent dark:text-neutral-400 dark:placeholder:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:ring-neutral-600 dark:focus:bg-neutral-800" placeholder="Search" autofocus>
                                      <div class="hidden absolute h5ske fug6q flex items-center a799i jjspw">
                                        <button type="button" class="inline-flex hq6gx r00n9 items-center awhdl oq0dt t6rrs ck8au focus:outline-hidden oahj8 dark:text-neutral-500 dark:hover:text-blue-500 dark:focus:text-blue-500" aria-label="Close">
                                          <span class="ecbnn">Close</span>
                                          <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="m15 9-6 6"/><path d="m9 9 6 6"/></svg>
                                        </button>
                                      </div>
                                    </div>

<div class="ju7it pyimf d77gl dark:border-neutral-800">
                                      <button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
                                        <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
                                        Starred
                                        <svg class="hidden hq6gx ibvs1 ms-auto" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
                                      </button>
                                    </div>

<div class="ju7it pyimf d77gl dark:border-neutral-800">
                                      <div class="space-y-0.5 qe6jk overflow-y-auto a57yt xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
                                        
                                        <label for="hs-pro-initgh" class="jlmh5 apc69 group flex items-center vmt4s ps5iq cursor-pointer e9qjd bp13m ksr3h dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
                                          <input type="checkbox" class="hidden" id="hs-pro-initgh" name="hs-pro-init" >
                                          <span class="hq6gx stqz8 flex r00n9 items-center">
                                            <span class="hq6gx srid0 block mx-auto nkesj oq0dt"></span>
                                          </span>
                                          Github
                                          <svg class="hq6gx stqz8 ms-auto opacity-0 group-has-checked:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
                                        </label>

<label for="hs-pro-initgm" class="jlmh5 apc69 group flex items-center vmt4s ps5iq cursor-pointer e9qjd bp13m ksr3h dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
                                          <input type="checkbox" class="hidden" id="hs-pro-initgm" name="hs-pro-init" checked>
                                          <span class="hq6gx stqz8 flex r00n9 items-center">
                                            <span class="hq6gx srid0 block mx-auto ggt5g oq0dt"></span>
                                          </span>
                                          Gmail
                                          <svg class="hq6gx stqz8 ms-auto opacity-0 group-has-checked:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
                                        </label>

<label for="hs-pro-initcr" class="jlmh5 apc69 group flex items-center vmt4s ps5iq cursor-pointer e9qjd bp13m ksr3h dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
                                          <input type="checkbox" class="hidden" id="hs-pro-initcr" name="hs-pro-init" >
                                          <span class="hq6gx stqz8 flex r00n9 items-center">
                                            <span class="hq6gx srid0 block mx-auto q4mvv oq0dt"></span>
                                          </span>
                                          Crisp
                                          <svg class="hq6gx stqz8 ms-auto opacity-0 group-has-checked:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
                                        </label>

<label for="hs-pro-initsl" class="jlmh5 apc69 group flex items-center vmt4s ps5iq cursor-pointer e9qjd bp13m ksr3h dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
                                          <input type="checkbox" class="hidden" id="hs-pro-initsl" name="hs-pro-init" >
                                          <span class="hq6gx stqz8 flex r00n9 items-center">
                                            <span class="hq6gx srid0 block mx-auto ot31m oq0dt"></span>
                                          </span>
                                          Slack - Internal
                                          <svg class="hq6gx stqz8 ms-auto opacity-0 group-has-checked:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
                                        </label>
                                        
                                      </div>
                                    </div>
                                    
                                  </div>
                                  
                                </div>
                                
                              </div>
      
                              <div class="relative n883s x0u2p before:hidden sm:before:block before:absolute before:top-1/2 before:start-0 before:w-px before:h-4 before:bg-gray-200 before:-translate-y-1/2 dark:before:bg-neutral-700">
                                
                                <div class="hs-tooltip [--placement:bottom] hidden sm:inline-block">
                                  <button type="button" class="hs-tooltip-toggle flex r00n9 items-center vmt4s aukwz t5ziw xq1jm ksr3h ps5iq disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 dark:hover:text-neutral-200 dark:focus:text-neutral-200" data-hs-overlay="#hs-pro-chhsn">
                                    <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="5" x="2" y="3" rx="1"/><path d="M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8"/><path d="M10 12h4"/></svg>
                                    <span class="ecbnn">Archive</span>
                                  </button>
                                  <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq lt27r dark:bg-neutral-700" role="tooltip">
                                    Archive
                                  </span>
                                </div>

<div class="hs-tooltip [--placement:bottom] hidden sm:inline-block">
                                  <button type="button" class="hs-tooltip-toggle flex r00n9 items-center vmt4s aukwz t5ziw xq1jm ksr3h ps5iq disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 dark:hover:text-neutral-200 dark:focus:text-neutral-200" data-hs-overlay="#hs-pro-chhsn">
                                    <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg>
                                    <span class="ecbnn">Delete</span>
                                  </button>
                                  <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq lt27r dark:bg-neutral-700" role="tooltip">
                                    Delete
                                  </span>
                                </div>

<div class="hs-tooltip [--placement:bottom] hidden sm:inline-block">
                                  <button type="button" class="hs-tooltip-toggle flex r00n9 items-center vmt4s aukwz t5ziw xq1jm ksr3h ps5iq disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 dark:hover:text-neutral-200 dark:focus:text-neutral-200" data-hs-overlay="#hs-pro-chhsn">
                                    <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 16h.01"/><path d="M12 8v4"/><path d="M15.312 2a2 2 0 0 1 1.414.586l4.688 4.688A2 2 0 0 1 22 8.688v6.624a2 2 0 0 1-.586 1.414l-4.688 4.688a2 2 0 0 1-1.414.586H8.688a2 2 0 0 1-1.414-.586l-4.688-4.688A2 2 0 0 1 2 15.312V8.688a2 2 0 0 1 .586-1.414l4.688-4.688A2 2 0 0 1 8.688 2z"/></svg>
                                    <span class="ecbnn">Report spam</span>
                                  </button>
                                  <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq lt27r dark:bg-neutral-700" role="tooltip">
                                    Report spam
                                  </span>
                                </div>
                                
                              </div>
                            </div>
                          </div>

<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 oyn6r transition-[opacity,margin] duration opacity-0 hidden bo1ta oo8ro lile3 rkof5 dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-inthasdid1">
                                
                                <div class="i7oig dkhxo">
                                  <span class="block vo20k t5ziw bp13m dark:text-neutral-200">
                                    <span class="truncate">Assign</span>
                                  </span>
                                </div>

<div class="ju7it relative k2clc d77gl dark:border-neutral-800">
                                  <input type="text" class="jlmh5 apc69 block i65bn qb17b ps5iq psfwb fkkng e27cm ksr3h focus:outline-hidden b2plr p1ez7 kf4z7 disabled:opacity-100 disabled:pointer-events-none dark:bg-transparent dark:border-transparent dark:text-neutral-400 dark:placeholder:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:ring-neutral-600 dark:focus:bg-neutral-800" placeholder="Search teammates" autofocus>
                                  <div class="hidden absolute h5ske fug6q flex items-center a799i jjspw">
                                    <button type="button" class="inline-flex hq6gx r00n9 items-center awhdl oq0dt t6rrs ck8au focus:outline-hidden oahj8 dark:text-neutral-500 dark:hover:text-blue-500 dark:focus:text-blue-500" aria-label="Close">
                                      <span class="ecbnn">Close</span>
                                      <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="m15 9-6 6"/><path d="m9 9 6 6"/></svg>
                                    </button>
                                  </div>
                                </div>

<div class="ju7it space-y-0.5 h932c overflow-y-auto n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
                                  
                                  <label for="hs-pro-inithargna" class="jlmh5 apc69 group flex items-center djhx3 jlmh5 apc69 ps5iq cursor-pointer e9qjd bp13m ksr3h dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
                                    <input type="checkbox" class="hidden" id="hs-pro-inithargna" name="hs-pro-initharg" >
                                    <span class="hq6gx ca09w flex r00n9 items-center">
                                      <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><circle cx="12" cy="10" r="3"/><path d="M7 20.662V19a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v1.662"/></svg>
                                    </span>
                                    No assignee
                                    <svg class="hq6gx ibvs1 ms-auto opacity-0 group-has-checked:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
                                  </label>

<label for="hs-pro-initharga1" class="jlmh5 apc69 group flex items-center djhx3 jlmh5 apc69 ps5iq cursor-pointer e9qjd bp13m ksr3h dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
                                    <input type="checkbox" class="hidden" id="hs-pro-initharga1" name="hs-pro-initharg" checked>
                                    <span class="relative ca09w">
                                      <span class="flex hq6gx r00n9 items-center ca09w cm336 vo20k e7zws fs9eh zr4l6 oq0dt">I</span>
                                      <span class="absolute -bottom-0 -end-0 block qw7b4 oq0dt t2pcc ouvii mc62i dark:ring-neutral-800"></span>
                                    </span>
                                    isabella@site.com
                                    <svg class="hq6gx ibvs1 ms-auto opacity-0 group-has-checked:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
                                  </label>

<label for="hs-pro-initharga2" class="jlmh5 apc69 group flex items-center djhx3 jlmh5 apc69 ps5iq cursor-pointer e9qjd bp13m ksr3h dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
                                    <input type="checkbox" class="hidden" id="hs-pro-initharga2" name="hs-pro-initharg" checked>
                                    <span class="relative ca09w">
                                      <img class="hq6gx ca09w oq0dt" src="https://images.unsplash.com/photo-1679412330254-90cb240038c5?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80" alt="Avatar">
                                    </span>
                                    Lewis Clarke
                                    <svg class="hq6gx ibvs1 ms-auto opacity-0 group-has-checked:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
                                  </label>
                                  
                                </div>
                                
                              </div>
                              
                            </div>

<div class="hs-dropdown [--strategy:absolute] [--auto-close:inside] relative inline-flex">
                              <div class="hs-tooltip [--placement:bottom] inline-block">
                                <button id="hs-pro-inthsndid1" type="button" class="hs-tooltip-toggle flex r00n9 items-center vmt4s aukwz t5ziw xq1jm ksr3h ps5iq disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
                                  <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9"/><path d="M10.3 21a1.94 1.94 0 0 0 3.4 0"/><path d="M4 2C2.8 3.7 2 5.7 2 8"/><path d="M22 8c0-2.3-.8-4.3-2-6"/></svg>
                                  <span class="ecbnn">Snooze</span>
                                </button>
                                <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq lt27r dark:bg-neutral-700" role="tooltip">
                                  Snooze
                                </span>
                              </div>

<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 oyn6r transition-[opacity,margin] duration opacity-0 hidden bo1ta oo8ro lile3 rkof5 dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-inthsndid1">
                                
                                <div class="i7oig dkhxo">
                                  <span class="block y2wul t5ziw bp13m dark:text-neutral-200">
                                    Snooze
                                  </span>
                                </div>

<div class="ju7it h932c overflow-y-auto n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
                                  <fieldset class="dmfqa rde0s">
                                    <legend class="ecbnn">
                                      Snooze
                                    </legend>

<label for="hs-pro-chhsnrt1" class="i7oig apc69 flex items-center ps5iq cursor-pointer umxjj ksr3h nhthl has-disabled:opacity-50 has-disabled:pointer-events-none dark:hover:bg-neutral-800 dark:has-checked:bg-neutral-800 ">
                                      <input type="radio" id="hs-pro-chhsnrt1" class="hidden" value="Today" name="hs-pro-chhsnrt" checked>
                                      <span class="e3fpz">
                                        <span class="block t5ziw bp13m dark:text-neutral-200">
                                          Today
                                        </span>
                                      </span>
                                      <span class="yjh0n cm336 t6rrs dark:text-neutral-500">
                                        5:05 PM
                                      </span>
                                    </label>

<label for="hs-pro-chhsnrt2" class="i7oig apc69 flex items-center ps5iq cursor-pointer umxjj ksr3h nhthl has-disabled:opacity-50 has-disabled:pointer-events-none dark:hover:bg-neutral-800 dark:has-checked:bg-neutral-800 ">
                                      <input type="radio" id="hs-pro-chhsnrt2" class="hidden" value="Tomorrow" name="hs-pro-chhsnrt" >
                                      <span class="e3fpz">
                                        <span class="block t5ziw bp13m dark:text-neutral-200">
                                          Tomorrow
                                        </span>
                                      </span>
                                      <span class="yjh0n cm336 t6rrs dark:text-neutral-500">
                                        Wed 9:00 AM
                                      </span>
                                    </label>

<label for="hs-pro-chhsnrt3" class="i7oig apc69 flex items-center ps5iq cursor-pointer umxjj ksr3h nhthl has-disabled:opacity-50 has-disabled:pointer-events-none dark:hover:bg-neutral-800 dark:has-checked:bg-neutral-800 ">
                                      <input type="radio" id="hs-pro-chhsnrt3" class="hidden" value="This week" name="hs-pro-chhsnrt" >
                                      <span class="e3fpz">
                                        <span class="block t5ziw bp13m dark:text-neutral-200">
                                          This week
                                        </span>
                                      </span>
                                      <span class="yjh0n cm336 t6rrs dark:text-neutral-500">
                                        Thu, May 8, 9:00 AM
                                      </span>
                                    </label>

<label for="hs-pro-chhsnrt4" class="i7oig apc69 flex items-center ps5iq cursor-pointer umxjj ksr3h nhthl has-disabled:opacity-50 has-disabled:pointer-events-none dark:hover:bg-neutral-800 dark:has-checked:bg-neutral-800 ">
                                      <input type="radio" id="hs-pro-chhsnrt4" class="hidden" value="Next week" name="hs-pro-chhsnrt" >
                                      <span class="e3fpz">
                                        <span class="block t5ziw bp13m dark:text-neutral-200">
                                          Next week
                                        </span>
                                      </span>
                                      <span class="yjh0n cm336 t6rrs dark:text-neutral-500">
                                        Mon, May 13, 9:00 AM
                                      </span>
                                    </label>
                                    
                                  </fieldset>
                                </div>

<div class="ju7it pyimf d77gl dark:border-neutral-800">
                                  <button type="button" class="i65bn flex uip67 items-center vmt4s i7oig apc69 qgy40 t5ziw bp13m ksr3h umxjj disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 dark:hover:text-neutral-200 dark:focus:text-neutral-200" data-hs-overlay="#hs-pro-chhsncs">
                                    Custom
                                    <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg>
                                  </button>
                                </div>
                                
                              </div>
                              
                            </div>

<div class="hs-dropdown [--strategy:absolute] [--auto-close:inside] relative inline-flex">
                              <div class="hs-tooltip [--placement:bottom] inline-block">
                                <button id="hs-pro-inthtgdid1" type="button" class="hs-tooltip-toggle flex r00n9 items-center vmt4s aukwz t5ziw xq1jm ksr3h ps5iq disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 dark:hover:text-neutral-200 dark:focus:text-neutral-200" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
                                  <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"/><circle cx="7.5" cy="7.5" r=".5" fill="currentColor"/></svg>
                                  <span class="ecbnn">Tags</span>
                                </button>
                                <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq lt27r dark:bg-neutral-700" role="tooltip">
                                  Tags
                                </span>
                              </div>

<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 oyn6r transition-[opacity,margin] duration opacity-0 hidden bo1ta oo8ro lile3 rkof5 dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-inthtgdid1">
                                
                                <div class="i7oig dkhxo flex uip67 items-center lialp">
                                  <span class="block vo20k t5ziw bp13m dark:text-neutral-200">
                                    <span class="truncate">Tags</span>
                                  </span>

<div class="hs-tooltip [--placement:left] inline-block -me-2">
                                    <button type="button" class="hs-tooltip-toggle aukwz flex r00n9 items-center lialp t6rrs oq0dt ksr3h focus:outline-hidden kf4z7 dark:text-neutral-500 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhcntm">
                                      <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M8 12h8"/><path d="M12 8v8"/></svg>
                                    </button>
                                    <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-800" role="tooltip">
                                      Create new txgzx
                                    </span>
                                  </div>
                                  
                                </div>

<div class="ju7it relative k2clc d77gl dark:border-neutral-800">
                                  <input type="text" class="jlmh5 apc69 block i65bn qb17b ps5iq psfwb fkkng e27cm ksr3h focus:outline-hidden b2plr p1ez7 kf4z7 disabled:opacity-100 disabled:pointer-events-none dark:bg-transparent dark:border-transparent dark:text-neutral-400 dark:placeholder:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:ring-neutral-600 dark:focus:bg-neutral-800" placeholder="Search" >
                                  <div class="hidden absolute h5ske fug6q flex items-center a799i jjspw">
                                    <button type="button" class="inline-flex hq6gx r00n9 items-center awhdl oq0dt t6rrs ck8au focus:outline-hidden oahj8 dark:text-neutral-500 dark:hover:text-blue-500 dark:focus:text-blue-500" aria-label="Close">
                                      <span class="ecbnn">Close</span>
                                      <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="m15 9-6 6"/><path d="m9 9 6 6"/></svg>
                                    </button>
                                  </div>
                                </div>

<div class="ju7it xatq3 h932c overflow-y-auto n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
                                  <span class="ej64t apc69 block cm336 t6rrs dark:text-neutral-500">
                                    All tags
                                  </span>

<div class="space-y-1">
                                    <div class="flex uip67 items-center jlmh5 apc69 cursor-pointer ps5iq ksr3h has-disabled:opacity-50 has-disabled:pointer-events-none dark:hover:bg-neutral-800">
                                      <label for="hs-pro-inthtgdid1t1" class="flex flex-1 items-center djhx3 cursor-pointer e9qjd bp13m dark:text-neutral-300">
                                        <svg class="hq6gx stqz8 t6rrs dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"/><circle cx="7.5" cy="7.5" r=".5" fill="currentColor"/></svg>
                                        Bug
                                      </label>
                                      <input type="checkbox" class="hq6gx ibvs1 wiva2 dqdmd rwtxm checked:border-blue-600 tyfry disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-900 dark:border-neutral-700 dark:checked:bg-blue-500 dark:checked:border-blue-500 dark:focus:ring-offset-gray-800" id="hs-pro-inthtgdid1t1"  >
                                    </div>
        
                                    <div class="flex uip67 items-center jlmh5 apc69 cursor-pointer ps5iq ksr3h has-disabled:opacity-50 has-disabled:pointer-events-none dark:hover:bg-neutral-800">
                                      <label for="hs-pro-inthtgdid1t2" class="flex flex-1 items-center djhx3 cursor-pointer e9qjd bp13m dark:text-neutral-300">
                                        <svg class="hq6gx stqz8 le8iz" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"/><circle cx="7.5" cy="7.5" r=".5" fill="currentColor"/></svg>
                                        Generic
                                        <span class="hs-tooltip [--placement:right] inline-block">
                                          <svg class="hs-tooltip-toggle hq6gx a49ku t6rrs dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="11" x="3" y="11" rx="2" ry="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/></svg>
                                          <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq lt27r dark:bg-neutral-700" role="tooltip">
                                            Private txgzx
                                          </span>
                                        </span>
                                      </label>
                                      <input type="checkbox" class="hq6gx ibvs1 wiva2 dqdmd rwtxm checked:border-blue-600 tyfry disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-900 dark:border-neutral-700 dark:checked:bg-blue-500 dark:checked:border-blue-500 dark:focus:ring-offset-gray-800" id="hs-pro-inthtgdid1t2" checked >
                                    </div>
        
                                    <div class="flex uip67 items-center jlmh5 apc69 cursor-pointer ps5iq ksr3h has-disabled:opacity-50 has-disabled:pointer-events-none dark:hover:bg-neutral-800">
                                      <label for="hs-pro-inthtgdid1t3" class="flex flex-1 items-center djhx3 cursor-pointer e9qjd bp13m dark:text-neutral-300">
                                        <svg class="hq6gx stqz8 ryiqa" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"/><circle cx="7.5" cy="7.5" r=".5" fill="currentColor"/></svg>
                                        Reviews
                                      </label>
                                      <input type="checkbox" class="hq6gx ibvs1 wiva2 dqdmd rwtxm checked:border-blue-600 tyfry disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-900 dark:border-neutral-700 dark:checked:bg-blue-500 dark:checked:border-blue-500 dark:focus:ring-offset-gray-800" id="hs-pro-inthtgdid1t3" checked >
                                    </div>
        
                                    <div class="flex uip67 items-center jlmh5 apc69 cursor-pointer ps5iq ksr3h has-disabled:opacity-50 has-disabled:pointer-events-none dark:hover:bg-neutral-800">
                                      <label for="hs-pro-inthtgdid1t4" class="flex flex-1 items-center djhx3 cursor-pointer e9qjd bp13m dark:text-neutral-300">
                                        <svg class="hq6gx stqz8 ismmg" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"/><circle cx="7.5" cy="7.5" r=".5" fill="currentColor"/></svg>
                                        Closed
                                      </label>
                                      <input type="checkbox" class="hq6gx ibvs1 wiva2 dqdmd rwtxm checked:border-blue-600 tyfry disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-900 dark:border-neutral-700 dark:checked:bg-blue-500 dark:checked:border-blue-500 dark:focus:ring-offset-gray-800" id="hs-pro-inthtgdid1t4"  disabled>
                                    </div>
        
                                    <div class="flex uip67 items-center jlmh5 apc69 cursor-pointer ps5iq ksr3h has-disabled:opacity-50 has-disabled:pointer-events-none dark:hover:bg-neutral-800">
                                      <label for="hs-pro-inthtgdid1t5" class="flex flex-1 items-center djhx3 cursor-pointer e9qjd bp13m dark:text-neutral-300">
                                        <svg class="hq6gx stqz8 t6rrs dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"/><circle cx="7.5" cy="7.5" r=".5" fill="currentColor"/></svg>
                                        Feedback
                                        <span class="hs-tooltip [--placement:right] inline-block">
                                          <svg class="hs-tooltip-toggle hq6gx a49ku t6rrs dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="11" x="3" y="11" rx="2" ry="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/></svg>
                                          <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq lt27r dark:bg-neutral-700" role="tooltip">
                                            Private txgzx
                                          </span>
                                        </span>
                                      </label>
                                      <input type="checkbox" class="hq6gx ibvs1 wiva2 dqdmd rwtxm checked:border-blue-600 tyfry disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-900 dark:border-neutral-700 dark:checked:bg-blue-500 dark:checked:border-blue-500 dark:focus:ring-offset-gray-800" id="hs-pro-inthtgdid1t5"  >
                                    </div>
        
                                    <div class="flex uip67 items-center jlmh5 apc69 cursor-pointer ps5iq ksr3h has-disabled:opacity-50 has-disabled:pointer-events-none dark:hover:bg-neutral-800">
                                      <label for="hs-pro-inthtgdid1t6" class="flex flex-1 items-center djhx3 cursor-pointer e9qjd bp13m dark:text-neutral-300">
                                        <svg class="hq6gx stqz8 t6rrs dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"/><circle cx="7.5" cy="7.5" r=".5" fill="currentColor"/></svg>
                                        Account
                                        <span class="hs-tooltip [--placement:right] inline-block">
                                          <svg class="hs-tooltip-toggle hq6gx a49ku t6rrs dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="11" x="3" y="11" rx="2" ry="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/></svg>
                                          <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq lt27r dark:bg-neutral-700" role="tooltip">
                                            Private txgzx
                                          </span>
                                        </span>
                                      </label>
                                      <input type="checkbox" class="hq6gx ibvs1 wiva2 dqdmd rwtxm checked:border-blue-600 tyfry disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-900 dark:border-neutral-700 dark:checked:bg-blue-500 dark:checked:border-blue-500 dark:focus:ring-offset-gray-800" id="hs-pro-inthtgdid1t6"  >
                                    </div>
        
                                    <div class="flex uip67 items-center jlmh5 apc69 cursor-pointer ps5iq ksr3h has-disabled:opacity-50 has-disabled:pointer-events-none dark:hover:bg-neutral-800">
                                      <label for="hs-pro-inthtgdid1t7" class="flex flex-1 items-center djhx3 cursor-pointer e9qjd bp13m dark:text-neutral-300">
                                        <svg class="hq6gx stqz8 a8xxj" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"/><circle cx="7.5" cy="7.5" r=".5" fill="currentColor"/></svg>
                                        FAQ
                                      </label>
                                      <input type="checkbox" class="hq6gx ibvs1 wiva2 dqdmd rwtxm checked:border-blue-600 tyfry disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-900 dark:border-neutral-700 dark:checked:bg-blue-500 dark:checked:border-blue-500 dark:focus:ring-offset-gray-800" id="hs-pro-inthtgdid1t7"  >
                                    </div>
                                  </div>
                                  
                                </div>
                                
                              </div>
                              
                            </div>

<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 dzjpl transition-[opacity,margin] duration opacity-0 hidden ocib4 oo8ro lile3 rkof5 dark:bg-neutral-950" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-inthmid1">
                                  <div class="sm:hidden ju7it space-y-0.5 ic6aj d77gl dark:border-neutral-800">
                                    <button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
                                      <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="5" x="2" y="3" rx="1"/><path d="M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8"/><path d="M10 12h4"/></svg>
                                      Archive
                                    </button>
                                    <button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
                                      <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg>
                                      Delete
                                    </button>
                                    <button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhsn">
                                      <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 16h.01"/><path d="M12 8v4"/><path d="M15.312 2a2 2 0 0 1 1.414.586l4.688 4.688A2 2 0 0 1 22 8.688v6.624a2 2 0 0 1-.586 1.414l-4.688 4.688a2 2 0 0 1-1.414.586H8.688a2 2 0 0 1-1.414-.586l-4.688-4.688A2 2 0 0 1 2 15.312V8.688a2 2 0 0 1 .586-1.414l4.688-4.688A2 2 0 0 1 8.688 2z"/></svg>
                                      Report spam
                                    </button>
                                  </div>
                                  <div class="ju7it space-y-0.5 ic6aj d77gl dark:border-neutral-800">
                                    <button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
                                      <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="16" x="2" y="4" rx="2"/><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"/></svg>
                                      Mark as unread
                                    </button>
                                    <button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
                                      <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21.2 8.4c.5.38.8.97.8 1.6v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V10a2 2 0 0 1 .8-1.6l8-6a2 2 0 0 1 2.4 0l8 6Z"/><path d="m22 10-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 10"/></svg>
                                      Mark as read
                                    </button>
                                    <button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhsn">
                                      <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="15 3 21 3 21 9"/><polyline points="9 21 3 21 3 15"/><line x1="21" x2="14" y1="3" y2="10"/><line x1="3" x2="10" y1="21" y2="14"/></svg>
                                      Expand all
                                    </button>
                                    <button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhtgm">
                                      <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="4 14 10 14 10 20"/><polyline points="20 10 14 10 14 4"/><line x1="14" x2="21" y1="10" y2="3"/><line x1="3" x2="10" y1="21" y2="14"/></svg>
                                      Collapse all
                                    </button>
                                  </div>
                                  <div class="ju7it space-y-0.5 ic6aj d77gl dark:border-neutral-800">
                                    <button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhtgm">
                                      <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2"/><path d="M6 9V3a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v6"/><rect x="6" y="14" width="12" height="8" rx="1"/></svg>
                                      Print <span class="ct50n kzzmm inline-flex items-center vrcxw cm336 vo20k c32br lxm86 oq0dt dark:bg-blue-500/10 dark:text-blue-500">New</span>
                                    </button>
                                  </div>
                                  <div class="ju7it space-y-0.5 ic6aj d77gl dark:border-neutral-800">
                                    <button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhsh">
                                      <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 7h-3a2 2 0 0 1-2-2V2"/><path d="M9 18a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h7l4 4v10a2 2 0 0 1-2 2Z"/><path d="M3 7.6v12.8A1.6 1.6 0 0 0 4.6 22h9.8"/></svg>
                                      Link to conversation
                                    </button>
                                    <button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhsh">
                                      <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="14" x="8" y="8" rx="2" ry="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg>
                                      Copy conversation ID
                                    </button>
                                    <button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhsh">
                                      <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"/><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"/></svg>
                                      Copy conversation link
                                    </button>
                                  </div>
                                </div>
                                
                              </div>
                              
                            </div>
                          </div>
                        </header>

<div class="h-[calc(100vh-180px)] kzzmm gk58l si7p1 rupax overflow-y-auto overflow-x-hidden n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
                          
                          <div class="k5h5r ofq05 v0251 agawe dark:bg-neutral-800 gxlt6 fxenz flex flex-wrap items-center ce0ho vmt4s">
                            <h1 class="y2wul u832x e2nkn bp13m dark:text-neutral-200">
                              Project Timeline Update
                            </h1>

<div class="flex flex-wrap items-center duzhl">
                              
                              <div class="hs-dropdown @@tag1.tag.dropdown.position.value relative inline-flex">
                                <button id="hs-pro-intbtwtaddid1" type="button" class="d0kec yujsw ajrjw group inline-flex items-center eawyh oo8ro wfm4e d77gl bp13m t5ziw oq0dt tdhmi dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200">
                                  <svg class="hq6gx ibvs1 le8iz" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"/><circle cx="7.5" cy="7.5" r=".5" fill="currentColor"/></svg>
                                  Generic
                                </button>

<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 dzjpl transition-[opacity,margin] duration opacity-0 hidden ocib4 oo8ro lile3 rkof5 dark:bg-neutral-950 before:h-4 before:absolute before:-top-4 before:start-0 before:w-full" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-intbtwtaddid1">
                                  <div class="ju7it space-y-0.5 ic6aj d77gl dark:border-neutral-800">
                                    <button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
                                      <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z"/><path d="m15 5 4 4"/></svg>
                                      Edit txgzx
                                    </button>
                                    <button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
                                      <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg>
                                      Remove from conversation
                                    </button>
                                    <button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhsn">
                                      <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 7V5a2 2 0 0 1 2-2h2"/><path d="M17 3h2a2 2 0 0 1 2 2v2"/><path d="M21 17v2a2 2 0 0 1-2 2h-2"/><path d="M7 21H5a2 2 0 0 1-2-2v-2"/><circle cx="12" cy="12" r="3"/><path d="m16 16-1.9-1.9"/></svg>
                                      View all conversations
                                    </button>
                                  </div>
                                </div>
                                
                              </div>

<div class="hs-dropdown @@tag2.tag.dropdown.position.value relative inline-flex">
                                <button id="hs-pro-intbtwtaddid2" type="button" class="d0kec yujsw ajrjw group inline-flex items-center eawyh oo8ro wfm4e d77gl bp13m t5ziw oq0dt tdhmi dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200">
                                  <svg class="hq6gx ibvs1 ryiqa" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"/><circle cx="7.5" cy="7.5" r=".5" fill="currentColor"/></svg>
                                  Reviews
                                </button>

<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 dzjpl transition-[opacity,margin] duration opacity-0 hidden ocib4 oo8ro lile3 rkof5 dark:bg-neutral-950 before:h-4 before:absolute before:-top-4 before:start-0 before:w-full" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-intbtwtaddid2">
                                  <div class="ju7it space-y-0.5 ic6aj d77gl dark:border-neutral-800">
                                    <button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
                                      <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z"/><path d="m15 5 4 4"/></svg>
                                      Edit txgzx
                                    </button>
                                    <button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
                                      <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg>
                                      Remove from conversation
                                    </button>
                                    <button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhsn">
                                      <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 7V5a2 2 0 0 1 2-2h2"/><path d="M17 3h2a2 2 0 0 1 2 2v2"/><path d="M21 17v2a2 2 0 0 1-2 2h-2"/><path d="M7 21H5a2 2 0 0 1-2-2v-2"/><circle cx="12" cy="12" r="3"/><path d="m16 16-1.9-1.9"/></svg>
                                      View all conversations
                                    </button>
                                  </div>
                                </div>
                                
                              </div>
                              
                            </div>
                            
                          </div>

<div class="space-y-3 lg:space-y-5">
                            
                            <div class="fkoia flex items-center cm336 t6rrs before:flex-1 before:bg-gray-200 before:w-full before:h-px before:me-5 after:flex-1 after:bg-gray-200 after:w-full after:h-px after:ms-5 dark:text-neutral-400 dark:before:bg-neutral-700 dark:after:bg-neutral-700">
                              October 3, 2024
                            </div>

<div id="hs-pro-in1tcid1" class="hs-accordion ">
                              <div class="c90zz oo8ro gelot idgjj dark:bg-neutral-900">
                                
                                <div class="relative">
                                  <div class="hs-accordion-toggle after:absolute after:inset-0 after:z-1" role="button" aria-expanded="false" aria-controls="hs-pro-in1tcid1-heading"></div>

<div class="mctd2 n93vx ownsk i65bn inline-flex items-center lialp truncate">
                                    <div class="i65bn flex qsuyg truncate">
                                      <span class="xe8oj flex hq6gx r00n9 items-center aukwz e7zws s47lh zr4l6 dark:bg-neutral-600 oq0dt">S</span>
          
                                      <div class="e3fpz truncate flex flex-col">
                                        
                                        <div class=" truncate">
                                          <div class="hs-tooltip [--trigger:click] sm:[--placement:bottom-left] inline-block amkne">
                                            <span class="hs-tooltip-toggle relative vcy9f inline-flex items-center truncate t5ziw y2wul bp13m dark:text-neutral-200 cursor-pointer n2rh7 pdar8" tabindex="-1">
                                              Sarah Chen
                                            </span>

<div class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible hidden opacity-0 jfchh absolute j7t1a v0251 pvqa8 i65bn oo8ro wfm4e kmgj5 qgy40 lile3 ttai3 after:absolute after:top-0 after:-start-4 after:w-4 after:h-full dark:bg-neutral-800 dark:border-neutral-700" role="tooltip">
                                              <div class="pi5e6">
                                                <span class="block ej64t t5ziw t6rrs dark:text-neutral-500">
                                                  Contact
                                                </span>

<div class="flex flex-col r00n9 items-center zb7az">
                                                  <span class="flex hq6gx r00n9 items-center t5zar e7zws s47lh zr4l6 oq0dt dark:bg-neutral-600">S</span>
                                                  <h4 class="ls9te vo20k bp13m dark:text-white">
                                                    Sarah Chen
                                                  </h4>
                                                </div>

<div class="xe8oj lj7mp">
                                                  <p class="t5ziw bp13m dark:text-neutral-200">
                                                    <a class="inline-flex items-center vrcxw e9qjd rwtxm bneqp pdar8 focus:outline-hidden np187 dark:text-blue-500" href="#">schen@company.com</a>
                                                  </p>
                                                </div>
        
                                                
                                                <div class="yki1g o1gdb flex uip67 items-center pyimf d77gl dark:border-neutral-700">
                                                  <a class="inline-flex items-center vrcxw cm336 t6rrs ck8au focus:outline-hidden oahj8 disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 dark:hover:text-white dark:focus:text-white" href="#">
                                                    <svg class="hq6gx a49ku" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z"/><line x1="4" x2="4" y1="22" y2="15"/></svg>
                                                    Flag
                                                  </a>

<button type="button" class="jlmh5 apc69 inline-flex items-center vrcxw t5ziw ps5iq wfm4e d77gl oo8ro bp13m hx4gm tdhmi disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tme8y dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
                                                    <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><line x1="19" x2="19" y1="8" y2="14"/><line x1="22" x2="16" y1="11" y2="11"/></svg>
                                                    Add to contacts
                                                  </button>
                                                </div>
                                                
                                              </div>
                                            </div>
                                            
                                          </div>
                                        </div>

<div class="hs-accordion-force-active hs-accordion-active:block hidden amkne truncate">
                                          <div class="hs-tooltip [--trigger:click] sm:[--placement:bottom-left] inline-block amkne">
                                            <span class="truncate t5ziw bp13m dark:text-neutral-200">To:</span>
                                            <span class="hs-tooltip-toggle relative vcy9f inline-flex items-center truncate t5ziw t6rrs dark:text-neutral-500 cursor-pointer n2rh7 pdar8" tabindex="-1">
                                              Lewis Clarke
                                            </span>

<div class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible hidden opacity-0 jfchh absolute j7t1a v0251 pvqa8 i65bn oo8ro wfm4e kmgj5 qgy40 lile3 ttai3 after:absolute after:top-0 after:-start-4 after:w-4 after:h-full dark:bg-neutral-800 dark:border-neutral-700" role="tooltip">
                                              <div class="pi5e6">
                                                <span class="block ej64t t5ziw t6rrs dark:text-neutral-500">
                                                  Contact
                                                </span>

<div class="flex flex-col r00n9 items-center zb7az">
                                                  <img class="hq6gx t5zar oq0dt" src="https://images.unsplash.com/photo-1679412330254-90cb240038c5?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80" alt="Avatar">
                                                  <h4 class="ls9te vo20k bp13m dark:text-white">
                                                    Lewis Clarke
                                                  </h4>
                                                </div>

<div class="xe8oj lj7mp">
                                                  <p class="t5ziw bp13m dark:text-neutral-200">
                                                    <a class="inline-flex items-center vrcxw e9qjd rwtxm bneqp pdar8 focus:outline-hidden np187 dark:text-blue-500" href="#">lewis@company.com</a>
                                                  </p>
                                                </div>
        
                                                
                                                <div class="yki1g o1gdb flex uip67 items-center pyimf d77gl dark:border-neutral-700">
                                                  <a class="inline-flex items-center vrcxw cm336 t6rrs ck8au focus:outline-hidden oahj8 disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 dark:hover:text-white dark:focus:text-white" href="#">
                                                    <svg class="hq6gx a49ku" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z"/><line x1="4" x2="4" y1="22" y2="15"/></svg>
                                                    Flag
                                                  </a>

<button type="button" class="jlmh5 apc69 inline-flex items-center vrcxw t5ziw ps5iq wfm4e d77gl oo8ro bp13m hx4gm tdhmi disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tme8y dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
                                                    <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><line x1="19" x2="19" y1="8" y2="14"/><line x1="22" x2="16" y1="11" y2="11"/></svg>
                                                    Add to contacts
                                                  </button>
                                                </div>
                                                
                                              </div>
                                            </div>
                                            
                                          </div>
                                        </div>
                                        
            
                                        <div class="hs-accordion-force-active hs-accordion-active:block sm:hs-accordion-active:hidden hidden amkne truncate">
                                          <span class="truncate t5ziw bp13m dark:text-neutral-200">Date:</span>
                                          <span class="truncate t5ziw t6rrs dark:text-neutral-500">October 3, 2024 10:15 AM</span>
                                        </div>
            
                                        <div class="hs-accordion-force-active hs-accordion-active:hidden amkne truncate">
                                          <p class="truncate t5ziw t6rrs dark:text-neutral-500">Hi team, I've reviewed the latest sprint progress, and I think we need to discuss some adjustments to our project timeline. We're running into some unexpected challenges with the API integration, which might impact our delivery date.</p>
                                        </div>
                                      </div>

<div class="s1drr">
                                        <span class="hs-accordion-force-active hs-accordion-active:hidden cm336 inline-block t6rrs dark:text-neutral-500">Oct 3</span>
                                        <span class="hs-accordion-force-active sm:hs-accordion-active:inline-block hidden cm336 t6rrs dark:text-neutral-500">October 3, 2024 10:15 AM</span>
                                      </div>
                                    </div>
                                  </div>

<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 dzjpl transition-[opacity,margin] duration opacity-0 hidden ocib4 oo8ro lile3 rkof5 dark:bg-neutral-950" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-in1tctmdid1">
                                        <div class="p0lub overflow-y-auto n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
                                          <div class="ju7it space-y-0.5 ic6aj d77gl dark:border-neutral-800">
                                            <button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
                                              <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 17 4 12 9 7"/><path d="M20 18v-2a4 4 0 0 0-4-4H4"/></svg>
                                              Reply
                                            </button>
                                            <button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
                                              <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="7 17 2 12 7 7"/><polyline points="12 17 7 12 12 7"/><path d="M22 18v-2a4 4 0 0 0-4-4H7"/></svg>
                                              Reply all
                                            </button>
                                            <button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhsn">
                                              <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="15 17 20 12 15 7"/><path d="M4 18v-2a4 4 0 0 1 4-4h12"/></svg>
                                              Forward
                                            </button>
                                            <button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhsn">
                                              <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z"/><path d="m21.854 2.147-10.94 10.939"/></svg>
                                              Resend
                                            </button>
                                          </div>
                                          <div class="ju7it space-y-0.5 ic6aj d77gl dark:border-neutral-800">
                                            <button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
                                              <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="16" x="2" y="4" rx="2"/><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"/></svg>
                                              Mark as unread
                                            </button>
                                            <button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
                                              <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21.2 8.4c.5.38.8.97.8 1.6v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V10a2 2 0 0 1 .8-1.6l8-6a2 2 0 0 1 2.4 0l8 6Z"/><path d="m22 10-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 10"/></svg>
                                              Mark as read
                                            </button>
                                            <button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
                                              <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="5" x="2" y="3" rx="1"/><path d="M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8"/><path d="M10 12h4"/></svg>
                                              Archive
                                            </button>
                                            <button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
                                              <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg>
                                              Delete
                                            </button>
                                            <button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhsn">
                                              <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 16h.01"/><path d="M12 8v4"/><path d="M15.312 2a2 2 0 0 1 1.414.586l4.688 4.688A2 2 0 0 1 22 8.688v6.624a2 2 0 0 1-.586 1.414l-4.688 4.688a2 2 0 0 1-1.414.586H8.688a2 2 0 0 1-1.414-.586l-4.688-4.688A2 2 0 0 1 2 15.312V8.688a2 2 0 0 1 .586-1.414l4.688-4.688A2 2 0 0 1 8.688 2z"/></svg>
                                              Report spam
                                            </button>
                                          </div>
                                          <div class="ju7it space-y-0.5 ic6aj d77gl dark:border-neutral-800">
                                            <button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhtgm">
                                              <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2"/><path d="M6 9V3a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v6"/><rect x="6" y="14" width="12" height="8" rx="1"/></svg>
                                              Print <span class="ct50n kzzmm inline-flex items-center vrcxw cm336 vo20k c32br lxm86 oq0dt dark:bg-blue-500/10 dark:text-blue-500">New</span>
                                            </button>
                                          </div>
                                          <div class="ju7it space-y-0.5 ic6aj d77gl dark:border-neutral-800">
                                            <button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhsh">
                                              <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 7h-3a2 2 0 0 1-2-2V2"/><path d="M9 18a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h7l4 4v10a2 2 0 0 1-2 2Z"/><path d="M3 7.6v12.8A1.6 1.6 0 0 0 4.6 22h9.8"/></svg>
                                              Link to conversation
                                            </button>
                                            <button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhsh">
                                              <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="14" x="8" y="8" rx="2" ry="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg>
                                              Copy conversation ID
                                            </button>
                                            <button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhsh">
                                              <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"/><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"/></svg>
                                              Copy conversation link
                                            </button>
                                          </div>
                                        </div>
                                      </div>
                                      
                                    </div>
                                    
                                  </div>
                                </div>

<div id="hs-pro-in1tcid1-heading" class="hs-accordion-content hidden i65bn overflow-hidden" role="region" aria-labelledby="hs-pro-in1tcid1">
                                  <div class="pi5e6 pyimf d77gl dark:border-neutral-700">
                                    <div class="t5ziw bp13m dark:text-neutral-200">Hi team,<br><br>I've reviewed the latest sprint progress, and I think we need to discuss some adjustments to our project timeline. We're running into some unexpected challenges with the API integration, which might impact our delivery date.<br><br>Could we schedule a meeting to go over the following points?<br><ol class="prqfs qr5e6 dhy94"><li>Current blockers in the API integration</li><li>Potential solutions and workarounds</li><li>Revised timeline estimates</li></ol><br>Thanks,<br>Sarah Chen<br>Project Manager</div>
                                  </div>
                                </div>
                                
                              </div>
                            </div>

<div class="dkhxo space-y-0.5">
                              <div class="jqn82 flex flex-wrap items-center h1dxu">
                                <span class="cm336 t6rrs dark:text-neutral-200">
                                  Isabella Lauda
                                </span>
                              </div>

<div class="group i65bn lg:flex d1sjz">
                                <div class="flex ekyph">
                                  <div class="hq6gx aukwz lj7mp">
                                    <span class="flex hq6gx r00n9 items-center aukwz t5ziw e7zws fs9eh zr4l6 oq0dt">I</span>
                                  </div>
      
                                  <div class="-ms-2 s1drr i65bn r69rg">
                                    <div class="flex mf3ko pgjbi" style="word-break: break-word;">
                                      <div class="jlmh5 rfnst inline-block rjuva gelot dark:bg-neutral-700">
                                        <div class="t5ziw xq1jm dark:text-neutral-400">
                                          <span class="ryiqa">@lewis_clarke</span> Hi Lewis
              
                                          <span class="zutm2 s2avd kvliy dark:text-neutral-500">
                                            10:20
                                          </span>
                                        </div>
                                      </div>

<div class="lg:hidden">
                                        
                                        <button type="button" class="hs-collapse-toggle flex r00n9 items-center vmt4s aukwz t5ziw xq1jm eweab oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200" id="hs-pro-in1tctclid1_1" aria-expanded="false" aria-controls="hs-pro-in1tctclid1_1-heading" data-hs-collapse="#hs-pro-in1tctclid1_1-heading">
                                          <span class="ecbnn">Collapse</span>
                                          <svg class="hs-collapse-open:rotate-180 hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>
                                        </button>
                                        
                                      </div>
                                    </div>

<div class="xe8oj flex items-center pgjbi">
                                      <div class="hs-tooltip inline-block">
                                        <span class="hs-tooltip-toggle hz4z9 jrfm7 kjr4d flex c32br wfm4e x1f8a oq0dt dark:bg-blue-500/20 dark:border-blue-500/30">
                                          <span class="t5ziw ryiqa">
                                            ✋ 1
                                          </span>
                                          <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq lt27r dark:bg-neutral-700" role="tooltip">
                                            Lewis reacted
                                          </span>
                                        </span>
                                      </div>

<div class="hs-tooltip inline-block">
                                        <button type="button" class="hs-tooltip-toggle flex r00n9 items-center vmt4s ezw10 t5ziw xq1jm eweab oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200">
                                          <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11v1a10 10 0 1 1-9-10"/><path d="M8 14s1.5 2 4 2 4-2 4-2"/><line x1="9" x2="9.01" y1="9" y2="9"/><line x1="15" x2="15.01" y1="9" y2="9"/><path d="M16 5h6"/><path d="M19 2v6"/></svg>
                                          <span class="ecbnn">Add reaction</span>
                                        </button>
                                        <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq lt27r dark:bg-neutral-700" role="tooltip">
                                          Add reaction
                                        </span>
                                      </div>
                                      
                                    </div>
                                  </div>
                                </div>

<div id="hs-pro-in1tctclid1_1-heading" class="hs-collapse hidden i65bn overflow-hidden transition-[height] jahre lg:w-auto lg:block lg:group-hover:opacity-100 lg:opacity-0" aria-labelledby="hs-pro-in1tctclid1_1">
                                  
                                  <div class="p8xkq n2tav ab3ut ai8oc manq4 oo8ro oq0dt hx4gm inline-flex items-center tuzkq dark:bg-neutral-900">
                                    
                                    <div class="hs-tooltip inline-block">
                                      <button type="button" class="hs-tooltip-toggle flex r00n9 items-center vmt4s ezw10 t5ziw xq1jm eweab oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200">
                                        <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11v1a10 10 0 1 1-9-10"/><path d="M8 14s1.5 2 4 2 4-2 4-2"/><line x1="9" x2="9.01" y1="9" y2="9"/><line x1="15" x2="15.01" y1="9" y2="9"/><path d="M16 5h6"/><path d="M19 2v6"/></svg>
                                        <span class="ecbnn">Add reaction</span>
                                      </button>
                                      <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq lt27r dark:bg-neutral-700" role="tooltip">
                                        Add reaction
                                      </span>
                                    </div>

<div class="hs-tooltip inline-block">
                                      <button type="button" class="hs-tooltip-toggle flex r00n9 items-center vmt4s ezw10 t5ziw xq1jm eweab oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200">
                                        <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 17 4 12 9 7"/><path d="M20 18v-2a4 4 0 0 0-4-4H4"/></svg>
                                        <span class="ecbnn">Reply</span>
                                      </button>
                                      <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq lt27r dark:bg-neutral-700" role="tooltip">
                                        Reply
                                      </span>
                                    </div>

<div class="hs-tooltip inline-block">
                                      <button type="button" class="hs-tooltip-toggle flex r00n9 items-center vmt4s ezw10 t5ziw xq1jm eweab oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200">
                                        <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z"/><path d="m15 5 4 4"/></svg>
                                        <span class="ecbnn">Edit</span>
                                      </button>
                                      <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq lt27r dark:bg-neutral-700" role="tooltip">
                                        Edit
                                      </span>
                                    </div>

<div class="hs-tooltip inline-block">
                                      <button type="button" class="hs-tooltip-toggle flex r00n9 items-center vmt4s ezw10 t5ziw xq1jm eweab oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200">
                                        <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg>
                                        <span class="ecbnn">Delete</span>
                                      </button>
                                      <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq lt27r dark:bg-neutral-700" role="tooltip">
                                        Delete
                                      </span>
                                    </div>
                                    
                                  </div>
                                  
                                </div>
                                
                              </div>

<div class="lg:hidden">
                                        
                                        <button type="button" class="hs-collapse-toggle flex r00n9 items-center vmt4s aukwz t5ziw xq1jm eweab oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200" id="hs-pro-in1tctclid1_2" aria-expanded="false" aria-controls="hs-pro-in1tctclid1_2-heading" data-hs-collapse="#hs-pro-in1tctclid1_2-heading">
                                          <span class="ecbnn">Collapse</span>
                                          <svg class="hs-collapse-open:rotate-180 hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>
                                        </button>
                                        
                                      </div>
                                    </div>
                                  </div>
                                </div>

<div id="hs-pro-in1tctclid1_2-heading" class="hs-collapse hidden i65bn overflow-hidden transition-[height] jahre lg:w-auto lg:block lg:group-hover:opacity-100 lg:opacity-0" aria-labelledby="hs-pro-in1tctclid1_2">
                                  
                                  <div class="p8xkq n2tav ab3ut ai8oc manq4 oo8ro oq0dt hx4gm inline-flex items-center tuzkq dark:bg-neutral-900">
                                    
                                    <div class="hs-tooltip inline-block">
                                      <button type="button" class="hs-tooltip-toggle flex r00n9 items-center vmt4s ezw10 t5ziw xq1jm eweab oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200">
                                        <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11v1a10 10 0 1 1-9-10"/><path d="M8 14s1.5 2 4 2 4-2 4-2"/><line x1="9" x2="9.01" y1="9" y2="9"/><line x1="15" x2="15.01" y1="9" y2="9"/><path d="M16 5h6"/><path d="M19 2v6"/></svg>
                                        <span class="ecbnn">Add reaction</span>
                                      </button>
                                      <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq lt27r dark:bg-neutral-700" role="tooltip">
                                        Add reaction
                                      </span>
                                    </div>

<div class="hs-tooltip inline-block">
                                      <button type="button" class="hs-tooltip-toggle flex r00n9 items-center vmt4s ezw10 t5ziw xq1jm eweab oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200">
                                        <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 17 4 12 9 7"/><path d="M20 18v-2a4 4 0 0 0-4-4H4"/></svg>
                                        <span class="ecbnn">Reply</span>
                                      </button>
                                      <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq lt27r dark:bg-neutral-700" role="tooltip">
                                        Reply
                                      </span>
                                    </div>

<div class="hs-tooltip inline-block">
                                      <button type="button" class="hs-tooltip-toggle flex r00n9 items-center vmt4s ezw10 t5ziw xq1jm eweab oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200">
                                        <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z"/><path d="m15 5 4 4"/></svg>
                                        <span class="ecbnn">Edit</span>
                                      </button>
                                      <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq lt27r dark:bg-neutral-700" role="tooltip">
                                        Edit
                                      </span>
                                    </div>

<div class="hs-tooltip inline-block">
                                      <button type="button" class="hs-tooltip-toggle flex r00n9 items-center vmt4s ezw10 t5ziw xq1jm eweab oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200">
                                        <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg>
                                        <span class="ecbnn">Delete</span>
                                      </button>
                                      <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq lt27r dark:bg-neutral-700" role="tooltip">
                                        Delete
                                      </span>
                                    </div>
                                    
                                  </div>
                                  
                                </div>
                                
                              </div>
                            </div>

<div class="dkhxo space-y-0.5">
                              <div class="jqn82 flex flex-wrap items-center h1dxu">
                                <span class="cm336 t6rrs dark:text-neutral-200">
                                  Lewis Clarke
                                </span>
                              </div>

<div class="group i65bn lg:flex d1sjz">
                                <div class="flex ekyph">
                                  <div class="hq6gx aukwz lj7mp">
                                    <img class="hq6gx aukwz oq0dt" src="https://images.unsplash.com/photo-1679412330254-90cb240038c5?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80" alt="Avatar">
                                  </div>
      
                                  <div class="-ms-2 s1drr i65bn r69rg">
                                    <div class="flex mf3ko pgjbi" style="word-break: break-word;">
                                      <div class="jlmh5 rfnst inline-block rjuva gelot dark:bg-neutral-700">
                                        <div class="t5ziw xq1jm dark:text-neutral-400">
                                          <span class="ryiqa">@isabella</span>
                                        </div>
                                      </div>

<div class="lg:hidden">
                                        
                                        <button type="button" class="hs-collapse-toggle flex r00n9 items-center vmt4s aukwz t5ziw xq1jm eweab oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200" id="hs-pro-in1tctclid2_1" aria-expanded="false" aria-controls="hs-pro-in1tctclid2_1-heading" data-hs-collapse="#hs-pro-in1tctclid2_1-heading">
                                          <span class="ecbnn">Collapse</span>
                                          <svg class="hs-collapse-open:rotate-180 hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>
                                        </button>
                                        
                                      </div>
                                    </div>
                                  </div>
                                </div>

<div id="hs-pro-in1tctclid2_1-heading" class="hs-collapse hidden i65bn overflow-hidden transition-[height] jahre lg:w-auto lg:block lg:group-hover:opacity-100 lg:opacity-0" aria-labelledby="hs-pro-in1tctclid2_1">
                                  
                                  <div class="p8xkq n2tav ab3ut ai8oc manq4 oo8ro oq0dt hx4gm inline-flex items-center tuzkq dark:bg-neutral-900">
                                    
                                    <div class="hs-tooltip inline-block">
                                      <button type="button" class="hs-tooltip-toggle flex r00n9 items-center vmt4s ezw10 t5ziw xq1jm eweab oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200">
                                        <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11v1a10 10 0 1 1-9-10"/><path d="M8 14s1.5 2 4 2 4-2 4-2"/><line x1="9" x2="9.01" y1="9" y2="9"/><line x1="15" x2="15.01" y1="9" y2="9"/><path d="M16 5h6"/><path d="M19 2v6"/></svg>
                                        <span class="ecbnn">Add reaction</span>
                                      </button>
                                      <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq lt27r dark:bg-neutral-700" role="tooltip">
                                        Add reaction
                                      </span>
                                    </div>

<div class="hs-tooltip inline-block">
                                      <button type="button" class="hs-tooltip-toggle flex r00n9 items-center vmt4s ezw10 t5ziw xq1jm eweab oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200">
                                        <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 17 4 12 9 7"/><path d="M20 18v-2a4 4 0 0 0-4-4H4"/></svg>
                                        <span class="ecbnn">Reply</span>
                                      </button>
                                      <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq lt27r dark:bg-neutral-700" role="tooltip">
                                        Reply
                                      </span>
                                    </div>

<div class="hs-tooltip inline-block">
                                      <button type="button" class="hs-tooltip-toggle flex r00n9 items-center vmt4s ezw10 t5ziw xq1jm eweab oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200">
                                        <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z"/><path d="m15 5 4 4"/></svg>
                                        <span class="ecbnn">Edit</span>
                                      </button>
                                      <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq lt27r dark:bg-neutral-700" role="tooltip">
                                        Edit
                                      </span>
                                    </div>

<div class="hs-tooltip inline-block">
                                      <button type="button" class="hs-tooltip-toggle flex r00n9 items-center vmt4s ezw10 t5ziw xq1jm eweab oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200">
                                        <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg>
                                        <span class="ecbnn">Delete</span>
                                      </button>
                                      <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq lt27r dark:bg-neutral-700" role="tooltip">
                                        Delete
                                      </span>
                                    </div>
                                    
                                  </div>
                                  
                                </div>
                                
                              </div>

<div class="group i65bn lg:flex d1sjz">
                                <div class="flex ekyph">
                                  <div class="hq6gx aukwz lj7mp">
                                  </div>
      
                                  <div class="-ms-2 s1drr i65bn r69rg">
                                    <div class="flex mf3ko pgjbi" style="word-break: break-word;">
                                      <div class="jlmh5 rfnst inline-block rjuva gelot dark:bg-neutral-700">
                                        <div class="t5ziw xq1jm dark:text-neutral-400">
                                          I agree we should discuss this ASAP
              
                                          <span class="zutm2 s2avd kvliy dark:text-neutral-500">
                                            11:12
                                          </span>
                                        </div>
                                      </div>

<div class="lg:hidden">
                                        
                                        <button type="button" class="hs-collapse-toggle flex r00n9 items-center vmt4s aukwz t5ziw xq1jm eweab oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200" id="hs-pro-in1tctclid2_2" aria-expanded="false" aria-controls="hs-pro-in1tctclid2_2-heading" data-hs-collapse="#hs-pro-in1tctclid2_2-heading">
                                          <span class="ecbnn">Collapse</span>
                                          <svg class="hs-collapse-open:rotate-180 hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>
                                        </button>
                                        
                                      </div>
                                    </div>
                                  </div>
                                </div>

<div id="hs-pro-in1tctclid2_2-heading" class="hs-collapse hidden i65bn overflow-hidden transition-[height] jahre lg:w-auto lg:block lg:group-hover:opacity-100 lg:opacity-0" aria-labelledby="hs-pro-in1tctclid2_2">
                                  
                                  <div class="p8xkq n2tav ab3ut ai8oc manq4 oo8ro oq0dt hx4gm inline-flex items-center tuzkq dark:bg-neutral-900">
                                    
                                    <div class="hs-tooltip inline-block">
                                      <button type="button" class="hs-tooltip-toggle flex r00n9 items-center vmt4s ezw10 t5ziw xq1jm eweab oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200">
                                        <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11v1a10 10 0 1 1-9-10"/><path d="M8 14s1.5 2 4 2 4-2 4-2"/><line x1="9" x2="9.01" y1="9" y2="9"/><line x1="15" x2="15.01" y1="9" y2="9"/><path d="M16 5h6"/><path d="M19 2v6"/></svg>
                                        <span class="ecbnn">Add reaction</span>
                                      </button>
                                      <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq lt27r dark:bg-neutral-700" role="tooltip">
                                        Add reaction
                                      </span>
                                    </div>

<div class="hs-tooltip inline-block">
                                      <button type="button" class="hs-tooltip-toggle flex r00n9 items-center vmt4s ezw10 t5ziw xq1jm eweab oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200">
                                        <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 17 4 12 9 7"/><path d="M20 18v-2a4 4 0 0 0-4-4H4"/></svg>
                                        <span class="ecbnn">Reply</span>
                                      </button>
                                      <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq lt27r dark:bg-neutral-700" role="tooltip">
                                        Reply
                                      </span>
                                    </div>

<div class="hs-tooltip inline-block">
                                      <button type="button" class="hs-tooltip-toggle flex r00n9 items-center vmt4s ezw10 t5ziw xq1jm eweab oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200">
                                        <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z"/><path d="m15 5 4 4"/></svg>
                                        <span class="ecbnn">Edit</span>
                                      </button>
                                      <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq lt27r dark:bg-neutral-700" role="tooltip">
                                        Edit
                                      </span>
                                    </div>

<div class="hs-tooltip inline-block">
                                      <button type="button" class="hs-tooltip-toggle flex r00n9 items-center vmt4s ezw10 t5ziw xq1jm eweab oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200">
                                        <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg>
                                        <span class="ecbnn">Delete</span>
                                      </button>
                                      <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq lt27r dark:bg-neutral-700" role="tooltip">
                                        Delete
                                      </span>
                                    </div>
                                    
                                  </div>
                                  
                                </div>
                                
                              </div>

<div class="group i65bn lg:flex d1sjz">
                                <div class="flex ekyph">
                                  <div class="hq6gx aukwz lj7mp">
                                  </div>
      
                                  <div class="-ms-2 s1drr i65bn r69rg">
                                    <div class="flex mf3ko pgjbi" style="word-break: break-word;">
                                      <div class="jlmh5 rfnst inline-block rjuva gelot dark:bg-neutral-700">
                                        <div class="t5ziw xq1jm dark:text-neutral-400">
                                          I'm available tomorrow (Thursday) at 2 PM or Friday morning before 11 AM
              
                                          <span class="zutm2 s2avd kvliy dark:text-neutral-500">
                                            11:13
                                          </span>
                                        </div>
                                      </div>

<div class="lg:hidden">
                                        
                                        <button type="button" class="hs-collapse-toggle flex r00n9 items-center vmt4s aukwz t5ziw xq1jm eweab oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200" id="hs-pro-in1tctclid2_3" aria-expanded="false" aria-controls="hs-pro-in1tctclid2_3-heading" data-hs-collapse="#hs-pro-in1tctclid2_3-heading">
                                          <span class="ecbnn">Collapse</span>
                                          <svg class="hs-collapse-open:rotate-180 hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>
                                        </button>
                                        
                                      </div>
                                    </div>

<div class="xe8oj flex items-center pgjbi">
                                      <div class="hs-tooltip inline-block">
                                        <span class="hs-tooltip-toggle hz4z9 jrfm7 kjr4d flex c32br wfm4e x1f8a oq0dt dark:bg-blue-500/20 dark:border-blue-500/30">
                                          <span class="t5ziw ryiqa">
                                            👍️ 2
                                          </span>
                                          <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq lt27r dark:bg-neutral-700" role="tooltip">
                                            Isabella and James reacted
                                          </span>
                                        </span>
                                      </div>

<div class="hs-tooltip inline-block">
                                        <button type="button" class="hs-tooltip-toggle flex r00n9 items-center vmt4s ezw10 t5ziw xq1jm eweab oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200">
                                          <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11v1a10 10 0 1 1-9-10"/><path d="M8 14s1.5 2 4 2 4-2 4-2"/><line x1="9" x2="9.01" y1="9" y2="9"/><line x1="15" x2="15.01" y1="9" y2="9"/><path d="M16 5h6"/><path d="M19 2v6"/></svg>
                                          <span class="ecbnn">Add reaction</span>
                                        </button>
                                        <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq lt27r dark:bg-neutral-700" role="tooltip">
                                          Add reaction
                                        </span>
                                      </div>
                                      
                                    </div>
                                  </div>
                                </div>

<div id="hs-pro-in1tctclid2_3-heading" class="hs-collapse hidden i65bn overflow-hidden transition-[height] jahre lg:w-auto lg:block lg:group-hover:opacity-100 lg:opacity-0" aria-labelledby="hs-pro-in1tctclid2_3">
                                  
                                  <div class="p8xkq n2tav ab3ut ai8oc manq4 oo8ro oq0dt hx4gm inline-flex items-center tuzkq dark:bg-neutral-900">
                                    
                                    <div class="hs-tooltip inline-block">
                                      <button type="button" class="hs-tooltip-toggle flex r00n9 items-center vmt4s ezw10 t5ziw xq1jm eweab oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200">
                                        <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11v1a10 10 0 1 1-9-10"/><path d="M8 14s1.5 2 4 2 4-2 4-2"/><line x1="9" x2="9.01" y1="9" y2="9"/><line x1="15" x2="15.01" y1="9" y2="9"/><path d="M16 5h6"/><path d="M19 2v6"/></svg>
                                        <span class="ecbnn">Add reaction</span>
                                      </button>
                                      <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq lt27r dark:bg-neutral-700" role="tooltip">
                                        Add reaction
                                      </span>
                                    </div>

<div class="hs-tooltip inline-block">
                                      <button type="button" class="hs-tooltip-toggle flex r00n9 items-center vmt4s ezw10 t5ziw xq1jm eweab oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200">
                                        <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 17 4 12 9 7"/><path d="M20 18v-2a4 4 0 0 0-4-4H4"/></svg>
                                        <span class="ecbnn">Reply</span>
                                      </button>
                                      <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq lt27r dark:bg-neutral-700" role="tooltip">
                                        Reply
                                      </span>
                                    </div>

<div class="hs-tooltip inline-block">
                                      <button type="button" class="hs-tooltip-toggle flex r00n9 items-center vmt4s ezw10 t5ziw xq1jm eweab oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200">
                                        <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z"/><path d="m15 5 4 4"/></svg>
                                        <span class="ecbnn">Edit</span>
                                      </button>
                                      <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq lt27r dark:bg-neutral-700" role="tooltip">
                                        Edit
                                      </span>
                                    </div>

<div class="hs-tooltip inline-block">
                                      <button type="button" class="hs-tooltip-toggle flex r00n9 items-center vmt4s ezw10 t5ziw xq1jm eweab oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200">
                                        <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg>
                                        <span class="ecbnn">Delete</span>
                                      </button>
                                      <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq lt27r dark:bg-neutral-700" role="tooltip">
                                        Delete
                                      </span>
                                    </div>
                                    
                                  </div>
                                  
                                </div>
                                
                              </div>
                            </div>

<div class="n93vx">
                              
                              <div class="relative group w4ry8 nfrzv last:after:hidden after:absolute after:top-8 after:bottom-0 after:start-4 after:w-px after:bg-gray-200 dark:after:bg-neutral-700">
                                <div class="i65bn flex ekyph">
                                  <span class="flex hq6gx r00n9 items-center aukwz rjuva t5ziw y2wul e7zws t6rrs oq0dt dark:text-neutral-500">
                                    <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><line x1="19" x2="19" y1="8" y2="14"/><line x1="22" x2="16" y1="11" y2="11"/></svg>
                                  </span>

<div class="e3fpz xe8oj">
                                    <span class="t5ziw t6rrs dark:text-neutral-500">
                                      <span class="y2wul">Assigned</span> to Lewis Clarke by Isabella Lauda
                                    </span>

<div class="relative group w4ry8 nfrzv last:after:hidden after:absolute after:top-8 after:bottom-0 after:start-4 after:w-px after:bg-gray-200 dark:after:bg-neutral-700">
                                <div class="i65bn flex ekyph">
                                  <span class="flex hq6gx r00n9 items-center aukwz rjuva t5ziw y2wul e7zws t6rrs oq0dt dark:text-neutral-500">
                                    <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M2 9V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H20a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-1"/><path d="M2 13h10"/><path d="m9 16 3-3-3-3"/></svg>
                                  </span>

<div class="e3fpz xe8oj">
                                    <span class="t5ziw t6rrs dark:text-neutral-500">
                                      <span class="y2wul">Moved</span> to Gmail by Isabella Lauda
                                    </span>

<div class="relative group w4ry8 nfrzv last:after:hidden after:absolute after:top-8 after:bottom-0 after:start-4 after:w-px after:bg-gray-200 dark:after:bg-neutral-700">
                                <div class="i65bn flex ekyph">
                                  <span class="flex hq6gx r00n9 items-center aukwz rjuva t5ziw y2wul e7zws t6rrs oq0dt dark:text-neutral-500">
                                    <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"/><circle cx="7.5" cy="7.5" r=".5" fill="currentColor"/></svg>
                                  </span>

<div class="e3fpz xe8oj">
                                    <span class="t5ziw t6rrs dark:text-neutral-500">
                                      <span class="y2wul">Added</span> to <span class="ct50n lxh7u oo8ro wfm4e d77gl le8iz t5ziw oq0dt dark:bg-neutral-900 dark:border-neutral-700">Generic</span> txgzx by Isabella Lauda
                                    </span>

<div class="relative group w4ry8 nfrzv last:after:hidden after:absolute after:top-8 after:bottom-0 after:start-4 after:w-px after:bg-gray-200 dark:after:bg-neutral-700">
                                <div class="i65bn flex ekyph">
                                  <span class="flex hq6gx r00n9 items-center aukwz rjuva t5ziw y2wul e7zws t6rrs oq0dt dark:text-neutral-500">
                                    <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"/><circle cx="7.5" cy="7.5" r=".5" fill="currentColor"/></svg>
                                  </span>

<div class="e3fpz xe8oj">
                                    <span class="t5ziw t6rrs dark:text-neutral-500">
                                      <span class="y2wul">Added</span> to <span class="ct50n lxh7u oo8ro wfm4e d77gl ryiqa t5ziw oq0dt dark:bg-neutral-900 dark:border-neutral-700">Reviews</span> txgzx by Isabella Lauda
                                    </span>

<div id="hs-pro-in1tcid2" class="hs-accordion ">
                              <div class="c90zz oo8ro gelot idgjj dark:bg-neutral-900">
                                
                                <div class="relative">
                                  <div class="hs-accordion-toggle after:absolute after:inset-0 after:z-1" role="button" aria-expanded="false" aria-controls="hs-pro-in1tcid2-heading"></div>

<div class="mctd2 n93vx ownsk i65bn inline-flex items-center lialp truncate">
                                    <div class="i65bn flex qsuyg truncate">
                                      <img class="xe8oj hq6gx aukwz oq0dt" src="https://images.unsplash.com/photo-1679412330254-90cb240038c5?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80" alt="Avatar">
          
                                      <div class="e3fpz truncate flex flex-col">
                                        
                                        <div class=" truncate">
                                          <div class="hs-tooltip [--trigger:click] sm:[--placement:bottom-left] inline-block amkne">
                                            <span class="hs-tooltip-toggle relative vcy9f inline-flex items-center truncate t5ziw y2wul bp13m dark:text-neutral-200 cursor-pointer n2rh7 pdar8" tabindex="-1">
                                              Lewis Clarke
                                            </span>

<div class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible hidden opacity-0 jfchh absolute j7t1a v0251 pvqa8 i65bn oo8ro wfm4e kmgj5 qgy40 lile3 ttai3 after:absolute after:top-0 after:-start-4 after:w-4 after:h-full dark:bg-neutral-800 dark:border-neutral-700" role="tooltip">
                                              <div class="pi5e6">
                                                <span class="block ej64t t5ziw t6rrs dark:text-neutral-500">
                                                  Contact
                                                </span>

<div class="flex flex-col r00n9 items-center zb7az">
                                                  <img class="hq6gx t5zar oq0dt" src="https://images.unsplash.com/photo-1679412330254-90cb240038c5?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80" alt="Avatar">
                                                  <h4 class="ls9te vo20k bp13m dark:text-white">
                                                    Lewis Clarke
                                                  </h4>
                                                </div>

<div class="xe8oj lj7mp">
                                                  <p class="t5ziw bp13m dark:text-neutral-200">
                                                    <a class="inline-flex items-center vrcxw e9qjd rwtxm bneqp pdar8 focus:outline-hidden np187 dark:text-blue-500" href="#">lewis@company.com</a>
                                                  </p>
                                                </div>
        
                                                
                                                <div class="yki1g o1gdb flex uip67 items-center pyimf d77gl dark:border-neutral-700">
                                                  <a class="inline-flex items-center vrcxw cm336 t6rrs ck8au focus:outline-hidden oahj8 disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 dark:hover:text-white dark:focus:text-white" href="#">
                                                    <svg class="hq6gx a49ku" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z"/><line x1="4" x2="4" y1="22" y2="15"/></svg>
                                                    Flag
                                                  </a>

<button type="button" class="jlmh5 apc69 inline-flex items-center vrcxw t5ziw ps5iq wfm4e d77gl oo8ro bp13m hx4gm tdhmi disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tme8y dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
                                                    <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><line x1="19" x2="19" y1="8" y2="14"/><line x1="22" x2="16" y1="11" y2="11"/></svg>
                                                    Add to contacts
                                                  </button>
                                                </div>
                                                
                                              </div>
                                            </div>
                                            
                                          </div>
                                        </div>

<div class="hs-accordion-force-active hs-accordion-active:block hidden amkne truncate">
                                          <div class="hs-tooltip [--trigger:click] sm:[--placement:bottom-left] inline-block amkne">
                                            <span class="truncate t5ziw bp13m dark:text-neutral-200">To:</span>
                                            <span class="hs-tooltip-toggle relative vcy9f inline-flex items-center truncate t5ziw t6rrs dark:text-neutral-500 cursor-pointer n2rh7 pdar8" tabindex="-1">
                                              Sarah Chen
                                            </span>

<div class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible hidden opacity-0 jfchh absolute j7t1a v0251 pvqa8 i65bn oo8ro wfm4e kmgj5 qgy40 lile3 ttai3 after:absolute after:top-0 after:-start-4 after:w-4 after:h-full dark:bg-neutral-800 dark:border-neutral-700" role="tooltip">
                                              <div class="pi5e6">
                                                <span class="block ej64t t5ziw t6rrs dark:text-neutral-500">
                                                  Contact
                                                </span>

<div class="flex flex-col r00n9 items-center zb7az">
                                                  <span class="flex hq6gx r00n9 items-center t5zar e7zws s47lh zr4l6 oq0dt dark:bg-neutral-600">S</span>
                                                  <h4 class="ls9te vo20k bp13m dark:text-white">
                                                    Sarah Chen
                                                  </h4>
                                                </div>

<div class="xe8oj lj7mp">
                                                  <p class="t5ziw bp13m dark:text-neutral-200">
                                                    <a class="inline-flex items-center vrcxw e9qjd rwtxm bneqp pdar8 focus:outline-hidden np187 dark:text-blue-500" href="#">schen@company.com</a>
                                                  </p>
                                                </div>
        
                                                
                                                <div class="yki1g o1gdb flex uip67 items-center pyimf d77gl dark:border-neutral-700">
                                                  <a class="inline-flex items-center vrcxw cm336 t6rrs ck8au focus:outline-hidden oahj8 disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 dark:hover:text-white dark:focus:text-white" href="#">
                                                    <svg class="hq6gx a49ku" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z"/><line x1="4" x2="4" y1="22" y2="15"/></svg>
                                                    Flag
                                                  </a>

<button type="button" class="jlmh5 apc69 inline-flex items-center vrcxw t5ziw ps5iq wfm4e d77gl oo8ro bp13m hx4gm tdhmi disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tme8y dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
                                                    <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><line x1="19" x2="19" y1="8" y2="14"/><line x1="22" x2="16" y1="11" y2="11"/></svg>
                                                    Add to contacts
                                                  </button>
                                                </div>
                                                
                                              </div>
                                            </div>
                                            
                                          </div>
                                        </div>
                                        
            
                                        <div class="hs-accordion-force-active hs-accordion-active:block sm:hs-accordion-active:hidden hidden amkne truncate">
                                          <span class="truncate t5ziw bp13m dark:text-neutral-200">Date:</span>
                                          <span class="truncate t5ziw t6rrs dark:text-neutral-500">October 3, 2024 11:30 AM</span>
                                        </div>
            
                                        <div class="hs-accordion-force-active hs-accordion-active:hidden amkne truncate">
                                          <p class="truncate t5ziw t6rrs dark:text-neutral-500">Hi Sarah, I agree we should discuss this as soon as possible. I'm available tomorrow (Thursday) at 2 PM or Friday morning before 11 AM. Let me know what works best for you and the team.</p>
                                        </div>
                                      </div>

<div class="s1drr">
                                        <span class="hs-accordion-force-active hs-accordion-active:hidden cm336 inline-block t6rrs dark:text-neutral-500">Oct 3</span>
                                        <span class="hs-accordion-force-active sm:hs-accordion-active:inline-block hidden cm336 t6rrs dark:text-neutral-500">October 3, 2024 11:30 AM</span>
                                      </div>
                                    </div>
                                  </div>

<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 dzjpl transition-[opacity,margin] duration opacity-0 hidden ocib4 oo8ro lile3 rkof5 dark:bg-neutral-950" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-in1tctmdid2">
                                        <div class="p0lub overflow-y-auto n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
                                          <div class="ju7it space-y-0.5 ic6aj d77gl dark:border-neutral-800">
                                            <button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
                                              <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 17 4 12 9 7"/><path d="M20 18v-2a4 4 0 0 0-4-4H4"/></svg>
                                              Reply
                                            </button>
                                            <button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
                                              <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="7 17 2 12 7 7"/><polyline points="12 17 7 12 12 7"/><path d="M22 18v-2a4 4 0 0 0-4-4H7"/></svg>
                                              Reply all
                                            </button>
                                            <button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhsn">
                                              <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="15 17 20 12 15 7"/><path d="M4 18v-2a4 4 0 0 1 4-4h12"/></svg>
                                              Forward
                                            </button>
                                            <button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhsn">
                                              <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z"/><path d="m21.854 2.147-10.94 10.939"/></svg>
                                              Resend
                                            </button>
                                          </div>
                                          <div class="ju7it space-y-0.5 ic6aj d77gl dark:border-neutral-800">
                                            <button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
                                              <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="16" x="2" y="4" rx="2"/><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"/></svg>
                                              Mark as unread
                                            </button>
                                            <button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
                                              <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21.2 8.4c.5.38.8.97.8 1.6v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V10a2 2 0 0 1 .8-1.6l8-6a2 2 0 0 1 2.4 0l8 6Z"/><path d="m22 10-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 10"/></svg>
                                              Mark as read
                                            </button>
                                            <button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
                                              <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="5" x="2" y="3" rx="1"/><path d="M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8"/><path d="M10 12h4"/></svg>
                                              Archive
                                            </button>
                                            <button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
                                              <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg>
                                              Delete
                                            </button>
                                            <button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhsn">
                                              <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 16h.01"/><path d="M12 8v4"/><path d="M15.312 2a2 2 0 0 1 1.414.586l4.688 4.688A2 2 0 0 1 22 8.688v6.624a2 2 0 0 1-.586 1.414l-4.688 4.688a2 2 0 0 1-1.414.586H8.688a2 2 0 0 1-1.414-.586l-4.688-4.688A2 2 0 0 1 2 15.312V8.688a2 2 0 0 1 .586-1.414l4.688-4.688A2 2 0 0 1 8.688 2z"/></svg>
                                              Report spam
                                            </button>
                                          </div>
                                          <div class="ju7it space-y-0.5 ic6aj d77gl dark:border-neutral-800">
                                            <button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhtgm">
                                              <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2"/><path d="M6 9V3a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v6"/><rect x="6" y="14" width="12" height="8" rx="1"/></svg>
                                              Print <span class="ct50n kzzmm inline-flex items-center vrcxw cm336 vo20k c32br lxm86 oq0dt dark:bg-blue-500/10 dark:text-blue-500">New</span>
                                            </button>
                                          </div>
                                          <div class="ju7it space-y-0.5 ic6aj d77gl dark:border-neutral-800">
                                            <button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhsh">
                                              <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 7h-3a2 2 0 0 1-2-2V2"/><path d="M9 18a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h7l4 4v10a2 2 0 0 1-2 2Z"/><path d="M3 7.6v12.8A1.6 1.6 0 0 0 4.6 22h9.8"/></svg>
                                              Link to conversation
                                            </button>
                                            <button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhsh">
                                              <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="14" x="8" y="8" rx="2" ry="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg>
                                              Copy conversation ID
                                            </button>
                                            <button type="button" class="i65bn flex items-center vmt4s jlmh5 apc69 ps5iq e9qjd bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhsh">
                                              <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"/><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"/></svg>
                                              Copy conversation link
                                            </button>
                                          </div>
                                        </div>
                                      </div>
                                      
                                    </div>
                                    
                                  </div>
                                </div>

<div id="hs-pro-in1tcid2-heading" class="hs-accordion-content hidden i65bn overflow-hidden" role="region" aria-labelledby="hs-pro-in1tcid2">
                                  <div class="pi5e6 pyimf d77gl dark:border-neutral-700">
                                    <div class="t5ziw bp13m dark:text-neutral-200">Hi Sarah,<br><br>I agree we should discuss this as soon as possible. I'm available tomorrow (Thursday) at 2 PM or Friday morning before 11 AM. Let me know what works best for you and the team.<br><br>Regards,<br>Lewis</div>
                                  </div>
                                </div>
                                
                              </div>
                            </div>

<div class="dkhxo space-y-0.5">
                              <div class="jqn82 flex flex-wrap items-center h1dxu">
                                <span class="cm336 t6rrs dark:text-neutral-200">
                                  James Collins
                                </span>
                              </div>

<div class="group i65bn lg:flex d1sjz">
                                <div class="i65bn flex ekyph">
                                  <div class="hq6gx aukwz lj7mp">
                                    <img class="hq6gx aukwz oq0dt" src="https://images.unsplash.com/photo-1659482633369-9fe69af50bfb?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="Avatar">
                                  </div>
      
                                  
                                  <div class="-ms-2 s1drr i65bn r69rg">
                                    
                                    <div class="relative">
                                      <textarea class="n7dbx a5hzw yyez4 p1bsm block i65bn rjuva d77gl k34r6 amkne ps5iq lqn87 ai5kb focus:outline-hidden j9afk tgjie p9jxl disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-700 dark:text-neutral-400 dark:border-neutral-700 dark:hover:bg-neutral-800 dark:hover:border-neutral-600 dark:focus:border-neutral-600 dark:focus:ring-neutral-600 dark:focus:bg-neutral-800 dark:placeholder-neutral-500 overflow-y-auto n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500" placeholder="Edit your comment..." rows="1" data-hs-textarea-auto-height='{"defaultHeight": 46}'>@lewis_clarke @isabella please, don't forget to add me</textarea>

<div class="absolute wgue8 pjxsz nh4wd -translate-y-1/2 flex items-center pgjbi">
                                        
                                        <div class="hs-tooltip inline-block">
                                          <button type="button" class="hs-tooltip-toggle flex r00n9 items-center vmt4s awhdl t5ziw xq1jm ksr3h oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 dark:hover:text-neutral-200 dark:focus:text-neutral-200">
                                            <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l8.57-8.57A4 4 0 1 1 18 8.84l-8.59 8.57a2 2 0 0 1-2.83-2.83l8.49-8.48"/></svg>
                                            <span class="ecbnn">Attach file</span>
                                          </button>
                                          <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq lt27r dark:bg-neutral-700" role="tooltip">
                                            Attach file
                                          </span>
                                        </div>
                                        
  
                                        
                                        <div class="hs-tooltip inline-block">
                                          <button type="button" class="hs-tooltip-toggle flex r00n9 items-center vmt4s awhdl t5ziw xq1jm ksr3h oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 dark:hover:text-neutral-200 dark:focus:text-neutral-200">
                                            <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11v1a10 10 0 1 1-9-10"/><path d="M8 14s1.5 2 4 2 4-2 4-2"/><line x1="9" x2="9.01" y1="9" y2="9"/><line x1="15" x2="15.01" y1="9" y2="9"/><path d="M16 5h6"/><path d="M19 2v6"/></svg>
                                            <span class="ecbnn">Add emoji</span>
                                          </button>
                                          <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq lt27r dark:bg-neutral-700" role="tooltip">
                                            Add emoji
                                          </span>
                                        </div>
                                        
  
                                        
                                        <div class="hs-tooltip inline-block">
                                          <button type="button" class="hs-tooltip-toggle flex r00n9 items-center vmt4s awhdl t5ziw xq1jm ksr3h oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 dark:hover:text-neutral-200 dark:focus:text-neutral-200">
                                            <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z"/><path d="M19 10v2a7 7 0 0 1-14 0v-2"/><line x1="12" x2="12" y1="19" y2="22"/></svg>
                                            <span class="ecbnn">Send voice message</span>
                                          </button>
                                          <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq lt27r dark:bg-neutral-700" role="tooltip">
                                            Send voice message
                                          </span>
                                        </div>
                                        
                                      </div>
                                      
                                    </div>

<div class="xe8oj flex c9j8j items-center pgjbi">
                                      <button type="button" class="jlmh5 rfnst inline-flex items-center lialp vo20k t5ziw ps5iq wfm4e d77gl agawe rwtxm eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:bg-neutral-800 dark:border-neutral-700 dark:text-blue-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
                                        Cancel
                                      </button>

<div id="hs-pro-in1tcid3" class="hs-accordion active">
                              <div class="c90zz oo8ro gelot idgjj dark:bg-neutral-900">
                                
                                <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>