Inbox, Chat & Messages Layouts

Inbox Demo Preview

Theme:

<!DOCTYPE html>
              <html lang="en" class="relative z469n">
                <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 gjs78 v9dw1 cxlx4 flex flex-wrap n95hm md:flex-nowrap h3g4a mu1gq jvyn5 toybz">
                <div class="flex tah6m oqkzu b9aw7 xn2bm items-center w-full pz76f esl90 syzxy">
                  <div class="a8ofa vaohh flex items-center">
                    
                    <a class="flex-none mobw6 ax8xf inline-block eitz2 focus:outline-hidden qntnj" href="index.html" aria-label="Preline">
                      <svg class="sx5gz 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="wrqvl" 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="j2c3d" 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="j2c3d" stroke="currentColor" stroke-width="2"/>
                        <circle cx="13" cy="16.5214" r="5" class="wrqvl" fill="currentColor"/>
                      </svg>
                    </a>
                    
        
                    <div class="wfl66 v4j9b">
                      
                    </div>
      
                    <div id="hs-left-sidebar-toggle" class="xl:hidden lqheg">
                      
                      <button type="button" class="spqoo tx28s inline-flex gaa3v items-center c3em3 zao2n jet6l tp74o kqamx t8tjb o67vx a8swc y9wzu aj6di focus:outline-hidden a6ijy disabled:opacity-50 disabled:pointer-events-none" 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="f832y krmzt" xmlns="http://www.w3.org/2000/svg" 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="a8ofa hidden md:block">
                    
                    <div class="relative">
                      <div class="absolute z1h52 y3c38 flex items-center m4bse htnk8 pohyt">
                        <svg class="f832y krmzt q95gx" xmlns="http://www.w3.org/2000/svg" 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="pz76f sc2bb wcr5b block w-full kqamx o67vx tp74o zao2n a8swc wj88j focus:outline-hidden zr7p6 zf04z disabled:opacity-50 disabled:pointer-events-none" placeholder="Search in mail">
                      <div class="hidden absolute z1h52 cxpuq flex items-center htnk8 pv5ji">
                        <button type="button" class="inline-flex f832y gaa3v items-center d5pxa x66be q95gx p864q focus:outline-hidden srgj1" aria-label="Close">
                          <span class="n2eu3">Close</span>
                          <svg class="f832y krmzt" xmlns="http://www.w3.org/2000/svg" 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="yg91w inline-flex gaa3v items-center c3em3 tp74o t8tjb whmvu q95gx ouzu8 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden c96wz">
                      <svg class="f832y krmzt" xmlns="http://www.w3.org/2000/svg" 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="yg91w inline-flex gaa3v items-center c3em3 tp74o t8tjb whmvu q95gx ouzu8 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden c96wz">
                      <svg class="f832y krmzt" xmlns="http://www.w3.org/2000/svg" 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 yabtr transition-[opacity,margin] duration opacity-0 hidden htnk8 j5627 t8tjb wj0s8 hua1b f9ny1" role="menu" aria-orientation="vertical" aria-labelledby="hs-dnad">
                          <div class="shpns jvyn5 tj4vj">
                            <a class="pz76f wcr5b flex items-center ary0k tp74o zao2n mr4k5 ylpnb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden de5l5" href="../../pro/dashboard/user-profile-my-profile.html">
                              <img class="f832y c4aky x66be" 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="xkklm">
                                <span class="zao2n eitz2 l2bgt">
                                  James Collison
                                </span>
                                <p class="uhey0 q95gx">
                                  Preline@HS
                                </p>
                              </div>
                            </a>
                          </div>
                          <div class="shpns">
                            <a class="flex items-center ary0k pz76f wcr5b tp74o zao2n mr4k5 ylpnb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden de5l5" href="#">
                              <svg class="f832y cunus krmzt" xmlns="http://www.w3.org/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 ary0k pz76f wcr5b tp74o zao2n mr4k5 ylpnb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden de5l5" href="#">
                              <svg class="f832y krmzt" xmlns="http://www.w3.org/2000/svg" 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 ary0k pz76f wcr5b tp74o zao2n mr4k5 ylpnb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden de5l5" href="#">
                              <svg class="f832y cunus krmzt" xmlns="http://www.w3.org/2000/svg" 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="bzdc7 u3toj gadzj tj4vj">
                            
                            <div class="flex flex-wrap tah6m items-center g2np1">
                              <label for="hs-pro-inndm" class="flex-1 cursor-pointer zao2n l2bgt">Dark mode</label>
                              <label for="hs-pro-inndm" class="relative inline-block sah08 lvkom cursor-pointer">
                                <input data-hs-theme-switch type="checkbox" id="hs-pro-inndm" class="peer n2eu3">
                                <span class="absolute inset-0 g4iir x66be p43ot wr9dm w3zfr peer-checked:bg-primary-checked peer-disabled:opacity-50 peer-disabled:pointer-events-none"></span>
                                <span class="absolute u00sc na2co -translate-y-1/2 ih023 woiz9 x66be v5cot ct0wr wr9dm w3zfr peer-checked:translate-x-full"></span>
                              </label>
                            </div>
                            
                          </div>
                          <div class="shpns">
                            <a class="flex items-center ary0k pz76f wcr5b tp74o zao2n mr4k5 ylpnb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden de5l5" href="#">
                              Customization
                              <div class="ms-auto">
                                <span class="ms-auto inline-flex items-center ei5wd vtlxz guyox r0l8q text-[10px] qlvxb jet6l lu76b spjke">
                                  New
                                </span>
                              </div>
                            </a>
                            <a class="flex items-center ary0k pz76f wcr5b tp74o zao2n mr4k5 ylpnb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden de5l5" href="#">
                              Manage team
                            </a>
                            <a class="flex items-center ary0k pz76f wcr5b tp74o zao2n mr4k5 ylpnb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden de5l5" href="#">
                              Sign out
                            </a>
                          </div>
                          <div class="shpns bgvr9 tj4vj">
                            <button type="button" class="flex cunus ary0k pz76f wcr5b w-full tp74o zao2n mr4k5 ylpnb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden de5l5" data-hs-overlay="#hs-pro-dasadam">
                              <svg class="f832y krmzt cunus" xmlns="http://www.w3.org/2000/svg" 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="xn1kz -mt-px flex" data-hs-layout-splitter-horizontal-group>
                  
                  <aside id="hs-pro-inbox-sidebar" class="hs-overlay 
                      -translate-x-full ducw2 xo35j guz5w
                      nvg8v vaohh
                      hidden
                      fixed z1h52 y3c38 zk9sx
                      pc214 eai3g s2nz4
                      
    
                      [--auto-close:xl] [--auto-close-equality-type:less-than]
                      xl:w-auto
                      kok4z xl:top-auto xl:start-auto 
                      xl:block
                      kwr7s xl:h-[calc(100dvh-55px)] lwxpi

hs-overlay-open:translate-x-0
                      qc42j
  
                      g7a7q
                      b38uq
                      hs-layout-splitter-prev-pre-limit-reached:overflow-auto
                      hs-layout-splitter-prev-pre-limit-reached:fixed p048q vvxl8 qmrob
                      y6dlq z2eym
  
                      hs-overlay-open:hs-layout-splitter-prev-pre-limit-reached:translate-x-0" tabindex="-1" aria-label="Sidebar" data-hs-layout-splitter-item='{
                        "dynamicSize": 15.0,
                        "minSize": 12.0
                      }' style="flex: 15 1 0px;">
                    <div class="nw84h flex">
                      <div class="flex flex-col nw84h eb830">
                        
                        <div class="vaohh overflow-y-auto [&::-webkit-scrollbar]:w-2 [&::-webkit-scrollbar-thumb]:rounded-none [&::-webkit-scrollbar-track]:bg-scrollbar-track [&::-webkit-scrollbar-thumb]:bg-scrollbar-thumb">
                          
                          <nav class="flex uovu8 e9he6 d4nlf w-full flex flex-col">
                            <div class="guyox">
                              
                              <button type="button" class="pz76f wcr5b w-full inline-flex gaa3v items-center wtg7y uhey0 jet6l tp74o tc9ah t8tjb lyyc5 rzxzt cekti disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden djq65" data-hs-overlay="#hs-pro-intcm">
                                <svg class="f832y krmzt" xmlns="http://www.w3.org/2000/svg" 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="hd5mz space-y-0.5">
                              
                              <div class="s336z uaxxl luiwo m00on flex tah6m items-center c3em3">
                                <span class="block uhey0 truncate q95gx">
                                  <span class="truncate">Pages</span>
                                </span>
                                <span class="vtlxz guyox inline-flex items-center wtg7y uhey0 fymv5 ymfle mobw6 dark:bg-primary-500/10 dark:text-primary-500">
                                  New
                                </span>
                              </div>

<div>
                                <a class="flex items-center c3em3 hd5mz d4nlf zao2n truncate lmp5t tp74o rmdzv focus:outline-hidden rhwrg bg-sidebar-nav-active" href="index.html">
                                  <span class="g71ab"></span>
                                  <svg class="f832y t6dfr" xmlns="http://www.w3.org/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="uhey0 gn2ce">
                                      3
                                    </span>
                                  </span>
                                </a>
                              </div>

<div>
                                <a class="flex items-center c3em3 hd5mz d4nlf zao2n truncate lmp5t tp74o rmdzv focus:outline-hidden rhwrg " href="contacts.html">
                                  <span class="g71ab"></span>
                                  <svg class="f832y t6dfr" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M22 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg>
                                  <span class="truncate">Contacts</span>
                                  <span class="ms-auto">
                                    <span class="uhey0 gn2ce">
                                      245
                                    </span>
                                  </span>
                                </a>
                              </div>

<div>
                                <a class="flex items-center c3em3 hd5mz d4nlf zao2n truncate lmp5t tp74o rmdzv focus:outline-hidden rhwrg " href="reports.html">
                                  <span class="g71ab"></span>
                                  <svg class="f832y t6dfr" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" x2="18" y1="20" y2="10"/><line x1="12" x2="12" y1="20" y2="4"/><line x1="6" x2="6" y1="20" y2="14"/></svg>
                                  <span class="truncate">Reports</span>
                                </a>
                              </div>
                              
                            </div>

<div class="hd5mz space-y-0.5">
                              
                              <div class="s336z uaxxl luiwo m00on flex tah6m items-center c3em3">
                                <span class="block uhey0 truncate q95gx">
                                  <span class="truncate">Mailboxes</span>
                                </span>
                              </div>

<div class="hs-accordion active" id="inbox-accordion">
                                <button type="button" class="hs-accordion-toggle w-full fb2rt flex items-center c3em3 hd5mz d4nlf zao2n truncate lmp5t tp74o rmdzv focus:outline-hidden rhwrg" aria-expanded="true" aria-controls="inbox-accordion-sub">
                                  <span class="g71ab">
                                    <svg class="hs-accordion-active:-rotate-180 f832y t6dfr hkr61" xmlns="http://www.w3.org/2000/svg" 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="f832y t6dfr" xmlns="http://www.w3.org/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="uhey0 gn2ce">
                                      1,086
                                    </span>
                                  </span>
                                </button>

<div id="inbox-accordion-sub" class="hs-accordion-content w-full overflow-hidden transition-[height] xo35j" role="region" aria-labelledby="inbox-accordion">
                                  <ul class="hs-accordion-group cunus space-y-0.5" data-hs-accordion-always-open>
                                    <li>
                                      <a class="flex items-center c3em3 hd5mz mvgvj g2ndo zao2n truncate lmp5t tp74o rmdzv focus:outline-hidden rhwrg" href="#">
                                        <svg class="f832y t6dfr" xmlns="http://www.w3.org/2000/svg" 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 c3em3 hd5mz mvgvj g2ndo zao2n truncate lmp5t tp74o rmdzv focus:outline-hidden rhwrg" href="#">
                                        <svg class="f832y t6dfr" xmlns="http://www.w3.org/2000/svg" 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 c3em3 hd5mz mvgvj g2ndo zao2n truncate lmp5t tp74o rmdzv focus:outline-hidden rhwrg" href="#">
                                        <svg class="f832y t6dfr" xmlns="http://www.w3.org/2000/svg" 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 c3em3 hd5mz mvgvj g2ndo eitz2 zao2n lmp5t tp74o rmdzv focus:outline-hidden rhwrg" href="#">
                                        <div class="f832y g71ab">
                                          <div class="f832y a3bck mx-auto r2v9x x66be"></div>
                                        </div>
                                        <span class="truncate">Gmail</span>

<div>
                                <a class="flex items-center c3em3 hd5mz d4nlf zao2n truncate lmp5t tp74o rmdzv focus:outline-hidden rhwrg" href="#">
                                  <span class="g71ab"></span>
                                  <svg class="f832y t6dfr" xmlns="http://www.w3.org/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 c3em3 hd5mz d4nlf zao2n truncate lmp5t tp74o rmdzv focus:outline-hidden rhwrg" href="#">
                                  <span class="g71ab"></span>
                                  <svg class="f832y t6dfr" xmlns="http://www.w3.org/2000/svg" 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 c3em3 hd5mz d4nlf zao2n truncate lmp5t tp74o rmdzv focus:outline-hidden rhwrg" href="#">
                                  <span class="g71ab"></span>
                                  <svg class="f832y t6dfr" xmlns="http://www.w3.org/2000/svg" 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 w-full overflow-hidden transition-[height] xo35j" aria-labelledby="hs-pro-isnshml" role="region">
                                <div class="space-y-0.5">
                                  
                                  <div>
                                    <a class="flex items-center c3em3 hd5mz d4nlf zao2n truncate lmp5t tp74o rmdzv focus:outline-hidden rhwrg" href="#">
                                      <span class="g71ab"></span>
                                      <svg class="f832y t6dfr" xmlns="http://www.w3.org/2000/svg" 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 c3em3 hd5mz d4nlf eitz2 zao2n lmp5t tp74o rmdzv focus:outline-hidden rhwrg" href="#">
                                      <span class="g71ab"></span>
                                      <svg class="f832y t6dfr" xmlns="http://www.w3.org/2000/svg" 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="uhey0 gn2ce">
                                          3
                                        </span>
                                      </span>
                                    </a>
                                  </div>

<div>
                                    <a class="flex items-center c3em3 hd5mz d4nlf zao2n truncate lmp5t tp74o rmdzv focus:outline-hidden rhwrg" href="#">
                                      <span class="g71ab"></span>
                                      <svg class="f832y t6dfr" xmlns="http://www.w3.org/2000/svg" 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="rome6">
                                <button type="button" class="hs-collapse-toggle ue9hi esl90 flex gaa3v items-center n68jf uhey0 q95gx mobw6 rmdzv disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden" 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 f832y pacrc hkr61" xmlns="http://www.w3.org/2000/svg" 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="hd5mz space-y-0.5">
                              
                              <div class="luiwo m00on flex tah6m items-center c3em3">
                                <span class="block uhey0 truncate q95gx">
                                  <span class="truncate">Work</span>
                                </span>

<div class="hs-tooltip [--placement:left] inline-block">
                                  <button type="button" class="hs-tooltip-toggle c4aky flex gaa3v items-center c3em3 q95gx tp74o aj6di focus:outline-hidden a6ijy" data-hs-overlay="#hs-pro-incnlm">
                                    <svg class="f832y krmzt" xmlns="http://www.w3.org/2000/svg" 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 qe3ac htnk8 hd5mz d4nlf sgmna t8tjb wczqj uhey0 d2r0j tp74o" role="tooltip">
                                    Create new label
                                  </span>
                                </div>
                                
                              </div>

<div class="hs-accordion active" id="preline-accordion">
                                <button type="button" class="hs-accordion-toggle w-full fb2rt flex items-center c3em3 hd5mz d4nlf zao2n truncate lmp5t tp74o rmdzv focus:outline-hidden rhwrg" aria-expanded="true" aria-controls="preline-accordion-sub">
                                  <span class="g71ab">
                                    <svg class="hs-accordion-active:-rotate-180 f832y t6dfr hkr61" xmlns="http://www.w3.org/2000/svg" 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 f832y gaa3v items-center t6dfr text-[10px] b63od tc9ah rzxzt x66be">
                                    P
                                  </span>
                                  <span class="truncate">Preline</span>
                                  <span class="ms-auto lg:group-hover:opacity-0">
                                    <span class="uhey0 gn2ce">
                                      10
                                    </span>
                                  </span>
                                </button>

<div id="preline-accordion-sub" class="hs-accordion-content w-full overflow-hidden transition-[height] xo35j" role="region" aria-labelledby="preline-accordion">
                                  <ul class="hs-accordion-group cunus space-y-0.5" data-hs-accordion-always-open>
                                    <li>
                                      <a class="flex items-center c3em3 hd5mz mvgvj g2ndo zao2n truncate lmp5t tp74o rmdzv focus:outline-hidden rhwrg" href="#">
                                        <div class="f832y g71ab">
                                          <div class="f832y a3bck mx-auto exzgl x66be"></div>
                                        </div>
                                        <span class="truncate">Github</span>

<li>
                                      <a class="flex items-center c3em3 hd5mz mvgvj g2ndo zao2n truncate lmp5t tp74o rmdzv focus:outline-hidden rhwrg" href="#">
                                        <div class="f832y g71ab">
                                          <div class="f832y a3bck mx-auto tzsog x66be"></div>
                                        </div>
                                        <span class="truncate">Gmail</span>

<li>
                                      <a class="flex items-center c3em3 hd5mz mvgvj g2ndo zao2n truncate lmp5t tp74o rmdzv focus:outline-hidden rhwrg" href="#">
                                        <div class="f832y g71ab">
                                          <div class="f832y a3bck mx-auto tc9ah x66be"></div>
                                        </div>
                                        <span class="truncate">Crisp</span>

<li>
                                      <a class="flex items-center c3em3 hd5mz mvgvj g2ndo zao2n truncate lmp5t tp74o rmdzv focus:outline-hidden rhwrg" href="#">
                                        <div class="f832y g71ab">
                                          <div class="f832y a3bck mx-auto pkmwf x66be"></div>
                                        </div>
                                        <span class="truncate">Slack - Internal</span>

<div class="hs-layout-splitter-control relative hidden xl:flex">
                    <span class="absolute u00sc oxmh5 zk9sx -translate-x-1/2 -translate-y-1/2 block icxg0 lvkom flex gaa3v items-center kqamx t8tjb o67vx f9oih mobw6 g0v7u aj6di">
                      <svg class="f832y t6dfr" xmlns="http://www.w3.org/2000/svg" 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
                      owt5z
                      fixed e0f0b y3c38 b64he oc5wq lg:w-auto apfnp lg:top-auto lg:start-auto 
                      -translate-x-full ducw2 xo35j guz5w wzq6h
                      hidden
                      pc214 tt8xc s2nz4
                      qc42j
                      lg:block j9k7g lg:h-[calc(100dvh-55px)] " 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="vaohh flex">
                      <div class="nw84h">
                        <div class="vaohh flex flex-col">
                          
                          <div class="jvyn5 sguje">
                            <div class="-mb-1 l3zs1 esl90 overflow-x-auto">
                              
                              <nav  class="flex ldlxq w-full" aria-label="Tabs" role="tablist" aria-orientation="horizontal">
                                <button type="button" class="hs-tab-active:after:bg-secondary hs-tab-active:text-foreground d4nlf pz76f qjp7i relative w-full inline-flex gaa3v items-center c3em3 ouzu8 q95gx yknw6 jet6l uhey0 mobw6 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden c96wz after:absolute after:-bottom-2 after:inset-x-2.5 after:z-10 after:h-0.5 after:pointer-events-none 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-secondary hs-tab-active:text-foreground d4nlf pz76f qjp7i relative w-full inline-flex gaa3v items-center c3em3 ouzu8 q95gx yknw6 jet6l uhey0 mobw6 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden c96wz after:absolute after:-bottom-2 after:inset-x-2.5 after:z-10 after:h-0.5 after:pointer-events-none 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-secondary hs-tab-active:text-foreground d4nlf pz76f qjp7i relative w-full inline-flex gaa3v items-center c3em3 ouzu8 q95gx yknw6 jet6l uhey0 mobw6 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden c96wz after:absolute after:-bottom-2 after:inset-x-2.5 after:z-10 after:h-0.5 after:pointer-events-none 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="vaohh overflow-x-hidden overflow-y-auto [&::-webkit-scrollbar]:w-2 [&::-webkit-scrollbar-thumb]:rounded-none [&::-webkit-scrollbar-track]:bg-scrollbar-track [&::-webkit-scrollbar-thumb]:bg-scrollbar-thumb">
                            
                            <div id="hs-pro-tabs-intltg-unassigned" class="vaohh" role="tabpanel" aria-labelledby="hs-pro-tabs-intltg-item-unassigned">
                              
                              <div class="ztqk3 tmsk1 flex tah6m items-center c3em3 jvyn5 ugw76">
                                <p class="uhey0 q95gx">
                                  3 unread
                                </p>

<div class="flex items-center">
                                  
                                  <div class="relative inline-block">
                                    <select id="hs-pro-select-revenue" data-hs-select='{
                                        "placeholder": "Select option...",
                                        "toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>",
                                        "toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative fraby inline-flex f832y gaa3v items-center hzc6g uhey0 m9lfh l2bgt mobw6 ouzu8 focus:outline-hidden c96wz before:absolute before:inset-0 before:z-1",
                                        "dropdownClasses": "r7fmq cxpuq h3g4a olihe shpns space-y-0.5 eqcl3 t8tjb xgzj8 hua1b f9ny1",
                                        "optionClasses": "hs-selected:bg-select-item-active hd5mz esl90 w-full text-[13px] ds24c tp74o cursor-pointer zoob6 tp74o focus:outline-hidden pdd91",
                                        "optionTemplate": "<div class=\"flex tah6m items-center w-full \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"f832y t6dfr l2bgt \" 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>",
                                        "extraMarkup": "<div><div class=\"absolute u00sc dtwqh -translate-y-1/2 \"><svg class=\"f832y pacrc i6gk1 \" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m3 16 4 4 4-4\"/><path d=\"M7 20V4\"/><path d=\"m21 8-4-4-4 4\"/><path d=\"M17 4v16\"/></svg></div><div class=\"absolute u00sc hgla4 -translate-y-1/2 \"><svg class=\"f832y t6dfr q95gx \" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m6 9 6 6 6-6\"/></svg></div></div>"
                                      }' class="hidden">
                                      <option value="">Choose</option>
                                      <option selected>Newest</option>
                                      <option>Oldest</option>
                                      <option>Newest unreplied</option>
                                      <option>Oldest unreplied</option>
                                    </select>
                                  </div>
                                  
                                </div>
                              </div>

<div aria-label="Tabs" role="tablist" aria-orientation="vertical">
                                
                                <div class="hs-tab-active:bg-muted-active hs-dropdown-toggle group cursor-pointer kqamx ouzu8 focus:outline-hidden c96wz 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="rnorz relative jvyn5 ugw76">
                                    <div class="flex c3em3">
                                      <div class="f832y dmjzm mt-[5px] flex flex-col">
                                        <input type="checkbox" class="o8wc8 mx-auto qqups z1a28 ibiwt tc9ah checked:bg-none uun8o p2c6h x66be checked:opacity-0 group-hover:opacity-100 disabled:opacity-50 disabled:pointer-events-none" id="hs-pro-inrsid1" name="hs-pro-inrsn" checked>
                                        <label for="hs-pro-inrsid1" class="n2eu3">Read Status</label>
                                      </div>

<div class="xkklm truncate">
                                        <div class="flex tah6m items-center n68jf">
                                          <p class="truncate  zao2n l2bgt">Costa Quinn</p>
                                          <span class="qqzdp group-hover:opacity-0 text-[11px] f9oih b63od">Now</span>
                                        </div>
                                        <div class="flex tah6m items-center n68jf">
                                          <div class="xkklm r1so8 flex items-center c3em3 truncate l2bgt">
                                            <span class="ac5ar guyox qazmj truncate uhey0 g4iir spjke r0l8q">
                                              Generic, +1
                                            </span>
                                            <span class="truncate text-[13px] i6gk1">Project Timeline Update</span>
                                          </div>
                                          <span class="nyx9u uhey0 f9oih">2</span>
                                        </div>
                                        <p class="r1so8 truncate text-[13px] f9oih">Hi team, I've reviewed the latest sprint progress</p>
                                      </div>
                                    </div>

<div class="lg:opacity-0 lg:group-hover:opacity-100 lg:absolute gjs78 cxpuq cv65g ztqk3 ji7j2">
                                      <div class="jyyo0 inline-flex items-center ldlxq kqamx t8tjb o67vx tp74o y9wzu">
                                        
                                        <div class="hs-tooltip [--placement:top] inline-block">
                                          <button type="button" class="hs-tooltip-toggle d5pxa flex gaa3v items-center c3em3 q95gx mobw6 ouzu8 focus:outline-hidden c96wz">
                                            <svg class="f832y krmzt" xmlns="http://www.w3.org/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 qe3ac htnk8 hd5mz d4nlf sgmna t8tjb wczqj uhey0 d2r0j tp74o" role="tooltip">
                                            Archive
                                          </span>
                                        </div>

<div class="hs-tooltip [--placement:top] inline-block">
                                          <button type="button" class="hs-tooltip-toggle d5pxa flex gaa3v items-center c3em3 q95gx mobw6 ouzu8 focus:outline-hidden c96wz" aria-label="Close" data-hs-remove-element="#hs-pro-tabs-intl-item-1">
                                            <svg class="f832y krmzt" xmlns="http://www.w3.org/2000/svg" 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 qe3ac htnk8 hd5mz d4nlf sgmna t8tjb wczqj uhey0 d2r0j tp74o" role="tooltip">
                                            Delete
                                          </span>
                                        </div>
                                        
                                      </div>
                                    </div>
                                    
                                  </div>
                                  
                                </div>

<div class="hs-tab-active:bg-muted-active hs-dropdown-toggle group cursor-pointer kqamx ouzu8 focus:outline-hidden c96wz  " 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="rnorz relative jvyn5 ugw76">
                                    <div class="flex c3em3">
                                      <div class="f832y dmjzm mt-[5px] flex flex-col">
                                        <input type="checkbox" class="o8wc8 mx-auto qqups z1a28 ibiwt tc9ah checked:bg-none uun8o p2c6h x66be checked:opacity-0 group-hover:opacity-100 disabled:opacity-50 disabled:pointer-events-none" id="hs-pro-inrsid2" name="hs-pro-inrsn" >
                                        <label for="hs-pro-inrsid2" class="n2eu3">Read Status</label>
                                      </div>

<div class="xkklm truncate">
                                        <div class="flex tah6m items-center n68jf">
                                          <p class="truncate eitz2 zao2n l2bgt">Rachel Doe</p>
                                          <span class="qqzdp group-hover:opacity-0 text-[11px] f9oih b63od">09:35</span>
                                        </div>
                                        <div class="flex tah6m items-center n68jf">
                                          <div class="xkklm r1so8 flex items-center c3em3 truncate l2bgt">
                                            <span class="truncate text-[13px] i6gk1">RE: Follow-up</span>
                                          </div>
                                          <span class="nyx9u uhey0 f9oih">3</span>
                                        </div>
                                        <div class="r1so8 flex items-center wtg7y">
                                          <div class="xkklm truncate">
                                            <p class="truncate text-[13px] f9oih">I hope you're doing well. I wanted to check in on the proposal you sent last week for the web design project we discussed.</p>
                                          </div>
                                          <div class="ac5ar r6qxa cc07o flex items-center n68jf t8tjb y87u5 text-[10px] f9oih x66be">
                                            <svg class="f832y pacrc" xmlns="http://www.w3.org/2000/svg" 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 gjs78 cxpuq cv65g ztqk3 ji7j2">
                                      <div class="jyyo0 inline-flex items-center ldlxq kqamx t8tjb o67vx tp74o y9wzu">
                                        
                                        <div class="hs-tooltip [--placement:top] inline-block">
                                          <button type="button" class="hs-tooltip-toggle d5pxa flex gaa3v items-center c3em3 q95gx mobw6 ouzu8 focus:outline-hidden c96wz">
                                            <svg class="f832y krmzt" xmlns="http://www.w3.org/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 qe3ac htnk8 hd5mz d4nlf sgmna t8tjb wczqj uhey0 d2r0j tp74o" role="tooltip">
                                            Archive
                                          </span>
                                        </div>

<div class="hs-tooltip [--placement:top] inline-block">
                                          <button type="button" class="hs-tooltip-toggle d5pxa flex gaa3v items-center c3em3 q95gx mobw6 ouzu8 focus:outline-hidden c96wz" aria-label="Close" data-hs-remove-element="#hs-pro-tabs-intl-item-2">
                                            <svg class="f832y krmzt" xmlns="http://www.w3.org/2000/svg" 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 qe3ac htnk8 hd5mz d4nlf sgmna t8tjb wczqj uhey0 d2r0j tp74o" role="tooltip">
                                            Delete
                                          </span>
                                        </div>
                                        
                                      </div>
                                    </div>
                                    
                                  </div>
                                  
                                </div>

<div class="hs-tab-active:bg-muted-active hs-dropdown-toggle group cursor-pointer kqamx ouzu8 focus:outline-hidden c96wz  " 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="rnorz relative jvyn5 ugw76">
                                    <div class="flex c3em3">
                                      <div class="f832y dmjzm mt-[5px] flex flex-col">
                                        <input type="checkbox" class="o8wc8 mx-auto qqups z1a28 ibiwt tc9ah checked:bg-none uun8o p2c6h x66be checked:opacity-0 group-hover:opacity-100 disabled:opacity-50 disabled:pointer-events-none" id="hs-pro-inrsid3" name="hs-pro-inrsn" checked>
                                        <label for="hs-pro-inrsid3" class="n2eu3">Read Status</label>
        
                                        <div class="mt-auto">
                                          <span class="flex f832y gaa3v items-center ih023 text-[10px] b63od i8fxx dqb0q x66be">I</span>
                                        </div>
                                      </div>

<div class="xkklm truncate">
                                        <div class="flex tah6m items-center n68jf">
                                          <p class="truncate  zao2n l2bgt">isabella@site.com</p>
                                          <span class="qqzdp group-hover:opacity-0 text-[11px] f9oih b63od">01/10/2024</span>
                                        </div>
                                        <div class="flex tah6m items-center n68jf">
                                          <div class="xkklm r1so8 flex items-center c3em3 truncate l2bgt">
                                            <span class="truncate text-[13px] i6gk1">Quarterly marketing strategy review meeting</span>
                                          </div>
                                          <span class="nyx9u uhey0 f9oih">1</span>
                                        </div>
                                        <div class="r1so8 flex">
                                          <div class="r1so8 ac5ar esl90 truncate flex items-center wtg7y fymv5 d8utf dark:bg-primary-500/20 x66be">
                                            <span class="hd5mz inline-flex rey4o"><span class="size-[5px] tc9ah animate-[typing_1s_ease-in-out_infinite] x66be"></span><span class="size-[5px] tc9ah animate-[typing_1s_ease-in-out_infinite_0.2s] x66be"></span><span class="size-[5px] tc9ah animate-[typing_1s_ease-in-out_infinite_0.4s] x66be"></span></span>
                                          </div>
                                        </div>
                                      </div>
                                    </div>

<div class="lg:opacity-0 lg:group-hover:opacity-100 lg:absolute gjs78 cxpuq cv65g ztqk3 ji7j2">
                                      <div class="jyyo0 inline-flex items-center ldlxq kqamx t8tjb o67vx tp74o y9wzu">
                                        
                                        <div class="hs-tooltip [--placement:top] inline-block">
                                          <button type="button" class="hs-tooltip-toggle d5pxa flex gaa3v items-center c3em3 q95gx mobw6 ouzu8 focus:outline-hidden c96wz">
                                            <svg class="f832y krmzt" xmlns="http://www.w3.org/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 qe3ac htnk8 hd5mz d4nlf sgmna t8tjb wczqj uhey0 d2r0j tp74o" role="tooltip">
                                            Archive
                                          </span>
                                        </div>

<div class="hs-tooltip [--placement:top] inline-block">
                                          <button type="button" class="hs-tooltip-toggle d5pxa flex gaa3v items-center c3em3 q95gx mobw6 ouzu8 focus:outline-hidden c96wz" aria-label="Close" data-hs-remove-element="#hs-pro-tabs-intl-item-3">
                                            <svg class="f832y krmzt" xmlns="http://www.w3.org/2000/svg" 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 qe3ac htnk8 hd5mz d4nlf sgmna t8tjb wczqj uhey0 d2r0j tp74o" role="tooltip">
                                            Delete
                                          </span>
                                        </div>
                                        
                                      </div>
                                    </div>
                                    
                                  </div>
                                  
                                </div>

<div class="hs-tab-active:bg-muted-active hs-dropdown-toggle group cursor-pointer kqamx ouzu8 focus:outline-hidden c96wz  " 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="rnorz relative jvyn5 ugw76">
                                    <div class="flex c3em3">
                                      <div class="f832y dmjzm mt-[5px] flex flex-col">
                                        <input type="checkbox" class="o8wc8 mx-auto qqups z1a28 ibiwt tc9ah checked:bg-none uun8o p2c6h x66be checked:opacity-0 group-hover:opacity-100 disabled:opacity-50 disabled:pointer-events-none" id="hs-pro-inrsid4" name="hs-pro-inrsn" >
                                        <label for="hs-pro-inrsid4" class="n2eu3">Read Status</label>
                                      </div>

<div class="xkklm truncate">
                                        <div class="flex tah6m items-center n68jf">
                                          <p class="truncate eitz2 zao2n l2bgt">Finch Hoot</p>
                                          <span class="qqzdp group-hover:opacity-0 text-[11px] f9oih b63od">28/09/2024</span>
                                        </div>
                                        <div class="flex tah6m items-center n68jf">
                                          <div class="xkklm r1so8 flex items-center c3em3 truncate l2bgt">
                                            <span class="truncate text-[13px] i6gk1">RE: Follow-up</span>
                                          </div>
                                          <span class="nyx9u uhey0 f9oih">5</span>
                                        </div>
                                        <p class="r1so8 truncate text-[13px] f9oih">Awesome! 🔥</p>
                                      </div>
                                    </div>

<div class="lg:opacity-0 lg:group-hover:opacity-100 lg:absolute gjs78 cxpuq cv65g ztqk3 ji7j2">
                                      <div class="jyyo0 inline-flex items-center ldlxq kqamx t8tjb o67vx tp74o y9wzu">
                                        
                                        <div class="hs-tooltip [--placement:top] inline-block">
                                          <button type="button" class="hs-tooltip-toggle d5pxa flex gaa3v items-center c3em3 q95gx mobw6 ouzu8 focus:outline-hidden c96wz">
                                            <svg class="f832y krmzt" xmlns="http://www.w3.org/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 qe3ac htnk8 hd5mz d4nlf sgmna t8tjb wczqj uhey0 d2r0j tp74o" role="tooltip">
                                            Archive
                                          </span>
                                        </div>

<div class="hs-tooltip [--placement:top] inline-block">
                                          <button type="button" class="hs-tooltip-toggle d5pxa flex gaa3v items-center c3em3 q95gx mobw6 ouzu8 focus:outline-hidden c96wz" aria-label="Close" data-hs-remove-element="#hs-pro-tabs-intl-item-4">
                                            <svg class="f832y krmzt" xmlns="http://www.w3.org/2000/svg" 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 qe3ac htnk8 hd5mz d4nlf sgmna t8tjb wczqj uhey0 d2r0j tp74o" role="tooltip">
                                            Delete
                                          </span>
                                        </div>
                                        
                                      </div>
                                    </div>
                                    
                                  </div>
                                  
                                </div>

<div class="hs-tab-active:bg-muted-active hs-dropdown-toggle group cursor-pointer kqamx ouzu8 focus:outline-hidden c96wz  " 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="rnorz relative jvyn5 ugw76">
                                    <div class="flex c3em3">
                                      <div class="f832y dmjzm mt-[5px] flex flex-col">
                                        <input type="checkbox" class="o8wc8 mx-auto qqups z1a28 ibiwt tc9ah checked:bg-none uun8o p2c6h x66be checked:opacity-0 group-hover:opacity-100 disabled:opacity-50 disabled:pointer-events-none" id="hs-pro-inrsid5" name="hs-pro-inrsn" >
                                        <label for="hs-pro-inrsid5" class="n2eu3">Read Status</label>
                                      </div>

<div class="xkklm truncate">
                                        <div class="flex tah6m items-center n68jf">
                                          <p class="truncate eitz2 zao2n l2bgt">casey112oklahoma@site.com</p>
                                          <span class="qqzdp group-hover:opacity-0 text-[11px] f9oih b63od">28/09/2024</span>
                                        </div>
                                        <div class="flex tah6m items-center n68jf">
                                          <div class="xkklm r1so8 flex items-center c3em3 truncate l2bgt">
                                            <span class="truncate text-[13px] i6gk1">Missing payout</span>
                                          </div>
                                          <span class="nyx9u uhey0 f9oih">19</span>
                                        </div>
                                        <p class="r1so8 truncate text-[13px] f9oih">Thanks</p>
                                      </div>
                                    </div>

<div class="lg:opacity-0 lg:group-hover:opacity-100 lg:absolute gjs78 cxpuq cv65g ztqk3 ji7j2">
                                      <div class="jyyo0 inline-flex items-center ldlxq kqamx t8tjb o67vx tp74o y9wzu">
                                        
                                        <div class="hs-tooltip [--placement:top] inline-block">
                                          <button type="button" class="hs-tooltip-toggle d5pxa flex gaa3v items-center c3em3 q95gx mobw6 ouzu8 focus:outline-hidden c96wz">
                                            <svg class="f832y krmzt" xmlns="http://www.w3.org/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 qe3ac htnk8 hd5mz d4nlf sgmna t8tjb wczqj uhey0 d2r0j tp74o" role="tooltip">
                                            Archive
                                          </span>
                                        </div>

<div class="hs-tooltip [--placement:top] inline-block">
                                          <button type="button" class="hs-tooltip-toggle d5pxa flex gaa3v items-center c3em3 q95gx mobw6 ouzu8 focus:outline-hidden c96wz" aria-label="Close" data-hs-remove-element="#hs-pro-tabs-intl-item-5">
                                            <svg class="f832y krmzt" xmlns="http://www.w3.org/2000/svg" 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 qe3ac htnk8 hd5mz d4nlf sgmna t8tjb wczqj uhey0 d2r0j tp74o" role="tooltip">
                                            Delete
                                          </span>
                                        </div>
                                        
                                      </div>
                                    </div>
                                    
                                  </div>
                                  
                                </div>

<div class="hs-tab-active:bg-muted-active hs-dropdown-toggle group cursor-pointer kqamx ouzu8 focus:outline-hidden c96wz  " 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="rnorz relative jvyn5 ugw76">
                                    <div class="flex c3em3">
                                      <div class="f832y dmjzm mt-[5px] flex flex-col">
                                        <input type="checkbox" class="o8wc8 mx-auto qqups z1a28 ibiwt tc9ah checked:bg-none uun8o p2c6h x66be checked:opacity-0 group-hover:opacity-100 disabled:opacity-50 disabled:pointer-events-none" id="hs-pro-inrsid6" name="hs-pro-inrsn" checked>
                                        <label for="hs-pro-inrsid6" class="n2eu3">Read Status</label>
        
                                        <div class="mt-auto">
                                          <img class="f832y ih023 x66be j1xb8" 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="xkklm truncate">
                                        <div class="flex tah6m items-center n68jf">
                                          <p class="truncate  zao2n l2bgt">amandaharvey@site.com</p>
                                          <span class="qqzdp group-hover:opacity-0 text-[11px] f9oih b63od">25/09/2024</span>
                                        </div>
                                        <div class="flex tah6m items-center n68jf">
                                          <div class="xkklm r1so8 flex items-center c3em3 truncate l2bgt">
                                            <span class="truncate text-[13px] i6gk1">Quarterly marketing strategy review meeting</span>
                                          </div>
                                          <span class="nyx9u uhey0 f9oih">7</span>
                                        </div>
                                        <div class="r1so8 flex">
                                          <div class="r1so8 ac5ar esl90 truncate flex items-center wtg7y g4iir spjke x66be">
                                            <p class="truncate text-[13px] qlvxb">@brian any thoughts on that?</p>
                                          </div>
                                        </div>
                                      </div>
                                    </div>

<div class="lg:opacity-0 lg:group-hover:opacity-100 lg:absolute gjs78 cxpuq cv65g ztqk3 ji7j2">
                                      <div class="jyyo0 inline-flex items-center ldlxq kqamx t8tjb o67vx tp74o y9wzu">
                                        
                                        <div class="hs-tooltip [--placement:top] inline-block">
                                          <button type="button" class="hs-tooltip-toggle d5pxa flex gaa3v items-center c3em3 q95gx mobw6 ouzu8 focus:outline-hidden c96wz">
                                            <svg class="f832y krmzt" xmlns="http://www.w3.org/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 qe3ac htnk8 hd5mz d4nlf sgmna t8tjb wczqj uhey0 d2r0j tp74o" role="tooltip">
                                            Archive
                                          </span>
                                        </div>

<div class="hs-tooltip [--placement:top] inline-block">
                                          <button type="button" class="hs-tooltip-toggle d5pxa flex gaa3v items-center c3em3 q95gx mobw6 ouzu8 focus:outline-hidden c96wz" aria-label="Close" data-hs-remove-element="#hs-pro-tabs-intl-item-6">
                                            <svg class="f832y krmzt" xmlns="http://www.w3.org/2000/svg" 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 qe3ac htnk8 hd5mz d4nlf sgmna t8tjb wczqj uhey0 d2r0j tp74o" role="tooltip">
                                            Delete
                                          </span>
                                        </div>
                                        
                                      </div>
                                    </div>
                                    
                                  </div>
                                  
                                </div>

<div class="hs-tab-active:bg-muted-active hs-dropdown-toggle group cursor-pointer kqamx ouzu8 focus:outline-hidden c96wz  " 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="rnorz relative jvyn5 ugw76">
                                    <div class="flex c3em3">
                                      <div class="f832y dmjzm mt-[5px] flex flex-col">
                                        <input type="checkbox" class="o8wc8 mx-auto qqups z1a28 ibiwt tc9ah checked:bg-none uun8o p2c6h x66be checked:opacity-0 group-hover:opacity-100 disabled:opacity-50 disabled:pointer-events-none" id="hs-pro-inrsid7" name="hs-pro-inrsn" checked>
                                        <label for="hs-pro-inrsid7" class="n2eu3">Read Status</label>
                                      </div>

<div class="xkklm truncate">
                                        <div class="flex tah6m items-center n68jf">
                                          <p class="truncate  zao2n l2bgt">Mike Clirk</p>
                                          <span class="qqzdp group-hover:opacity-0 text-[11px] f9oih b63od">20/09/2024</span>
                                        </div>
                                        <div class="flex tah6m items-center n68jf">
                                          <div class="xkklm r1so8 flex items-center c3em3 truncate l2bgt">
                                            <span class="ac5ar guyox qazmj truncate uhey0 g4iir spjke r0l8q">
                                              Chat
                                            </span>
                                            <span class="truncate text-[13px] i6gk1">Project Timeline Update</span>
                                          </div>
                                          <span class="nyx9u uhey0 f9oih">15</span>
                                        </div>
                                        <div class="r1so8 flex items-center wtg7y">
                                          <div class="xkklm truncate">
                                            <p class="truncate text-[13px] f9oih">I hope you're doing well. I wanted to check in on the proposal you sent last week for the web design project we discussed.</p>
                                          </div>
                                          <div class="ac5ar r6qxa cc07o flex items-center n68jf t8tjb y87u5 text-[10px] f9oih x66be">
                                            <svg class="f832y pacrc" xmlns="http://www.w3.org/2000/svg" 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 gjs78 cxpuq cv65g ztqk3 ji7j2">
                                      <div class="jyyo0 inline-flex items-center ldlxq kqamx t8tjb o67vx tp74o y9wzu">
                                        
                                        <div class="hs-tooltip [--placement:top] inline-block">
                                          <button type="button" class="hs-tooltip-toggle d5pxa flex gaa3v items-center c3em3 q95gx mobw6 ouzu8 focus:outline-hidden c96wz">
                                            <svg class="f832y krmzt" xmlns="http://www.w3.org/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 qe3ac htnk8 hd5mz d4nlf sgmna t8tjb wczqj uhey0 d2r0j tp74o" role="tooltip">
                                            Archive
                                          </span>
                                        </div>

<div class="hs-tooltip [--placement:top] inline-block">
                                          <button type="button" class="hs-tooltip-toggle d5pxa flex gaa3v items-center c3em3 q95gx mobw6 ouzu8 focus:outline-hidden c96wz" aria-label="Close" data-hs-remove-element="#hs-pro-tabs-intl-item-7">
                                            <svg class="f832y krmzt" xmlns="http://www.w3.org/2000/svg" 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 qe3ac htnk8 hd5mz d4nlf sgmna t8tjb wczqj uhey0 d2r0j tp74o" role="tooltip">
                                            Delete
                                          </span>
                                        </div>
                                        
                                      </div>
                                    </div>
                                    
                                  </div>
                                  
                                </div>
                                
                              </div>
                            </div>

<div id="hs-pro-tabs-intltg-assigned" class="hidden vaohh" role="tabpanel" aria-labelledby="hs-pro-tabs-intltg-item-assigned">
                              
                              <div class="hpidb vaohh flex flex-col gaa3v items-center jr0cl">
                                <svg class="jjjcr mx-auto j6u4m" 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="mgq7d g48j0"/>
                                  <rect x="27" y="50.5" width="124" height="39" rx="7.5" stroke="currentColor" class="l0ejk g48j0"/>
                                  <rect x="34.5" y="58" width="24" height="24" rx="4" fill="currentColor" class="ti603 g48j0"/>
                                  <rect x="66.5" y="61" width="60" height="6" rx="3" fill="currentColor" class="ti603 g48j0"/>
                                  <rect x="66.5" y="73" width="77" height="6" rx="3" fill="currentColor" class="ti603 g48j0"/>
                                  <rect x="19.5" y="28.5" width="139" height="39" rx="7.5" fill="currentColor" class="mgq7d"/>
                                  <rect x="19.5" y="28.5" width="139" height="39" rx="7.5" stroke="currentColor" class="l0ejk"/>
                                  <rect x="27" y="36" width="24" height="24" rx="4" fill="currentColor" class="ti603"/>
                                  <rect x="59" y="39" width="60" height="6" rx="3" fill="currentColor" class="ti603"/>
                                  <rect x="59" y="51" width="92" height="6" rx="3" fill="currentColor" class="ti603"/>
                                  <g filter="url(#filter1)">
                                  <rect x="12" y="6" width="154" height="40" rx="8" fill="currentColor" class="mgq7d" shape-rendering="crispEdges"/>
                                  <rect x="12.5" y="6.5" width="153" height="39" rx="7.5" stroke="currentColor" class="l0ejk" shape-rendering="crispEdges"/>
                                  <rect x="20" y="14" width="24" height="24" rx="4" fill="currentColor" class="ti603"/>
                                  <rect x="52" y="17" width="60" height="6" rx="3" fill="currentColor" class="ti603"/>
                                  <rect x="52" y="29" width="106" height="6" rx="3" fill="currentColor" class="ti603"/>
                                  </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="dzjaq mx-auto">
                                  <p class="r7fmq jet6l l2bgt">
                                    No assigned message
                                  </p>
                                  <p class="q1nj2 zao2n q95gx">
                                    Only assigned messages appear here
                                  </p>
                                </div>
                              </div>
                              
                            </div>

<div id="hs-pro-tabs-intltg-archived" class="hidden vaohh" role="tabpanel" aria-labelledby="hs-pro-tabs-intltg-item-archived">
                              
                              <div class="hpidb vaohh flex flex-col gaa3v items-center jr0cl">
                                <svg class="jjjcr mx-auto j6u4m" 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="mgq7d g48j0"/>
                                  <rect x="27" y="50.5" width="124" height="39" rx="7.5" stroke="currentColor" class="l0ejk g48j0"/>
                                  <rect x="34.5" y="58" width="24" height="24" rx="4" fill="currentColor" class="ti603 g48j0"/>
                                  <rect x="66.5" y="61" width="60" height="6" rx="3" fill="currentColor" class="ti603 g48j0"/>
                                  <rect x="66.5" y="73" width="77" height="6" rx="3" fill="currentColor" class="ti603 g48j0"/>
                                  <rect x="19.5" y="28.5" width="139" height="39" rx="7.5" fill="currentColor" class="mgq7d"/>
                                  <rect x="19.5" y="28.5" width="139" height="39" rx="7.5" stroke="currentColor" class="l0ejk"/>
                                  <rect x="27" y="36" width="24" height="24" rx="4" fill="currentColor" class="ti603"/>
                                  <rect x="59" y="39" width="60" height="6" rx="3" fill="currentColor" class="ti603"/>
                                  <rect x="59" y="51" width="92" height="6" rx="3" fill="currentColor" class="ti603"/>
                                  <g filter="url(#filter2)">
                                  <rect x="12" y="6" width="154" height="40" rx="8" fill="currentColor" class="mgq7d" shape-rendering="crispEdges"/>
                                  <rect x="12.5" y="6.5" width="153" height="39" rx="7.5" stroke="currentColor" class="l0ejk" shape-rendering="crispEdges"/>
                                  <rect x="20" y="14" width="24" height="24" rx="4" fill="currentColor" class="ti603"/>
                                  <rect x="52" y="17" width="60" height="6" rx="3" fill="currentColor" class="ti603"/>
                                  <rect x="52" y="29" width="106" height="6" rx="3" fill="currentColor" class="ti603"/>
                                  </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="dzjaq mx-auto">
                                  <p class="r7fmq jet6l l2bgt">
                                    No archived message
                                  </p>
                                  <p class="q1nj2 zao2n q95gx">
                                    Only archived messages appear here
                                  </p>
                                </div>
                              </div>
                              
                            </div>
                            
                          </div>

<div class="hs-layout-splitter-control relative hidden lg:flex">
                    <span class="absolute u00sc oxmh5 b64he -translate-x-1/2 -translate-y-1/2 block icxg0 lvkom flex gaa3v items-center kqamx t8tjb o67vx f9oih mobw6 g0v7u aj6di">
                      <svg class="f832y t6dfr" xmlns="http://www.w3.org/2000/svg" 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 owt5z flex flex-col">
                        
                        <header class=" kykkc gjs78 v9dw1 sc95k ztqk3 syzxy flex tah6m c3em3 mu1gq jvyn5 toybz">
                          <div class="xkklm">
                            <div class="flex items-center n68jf">
                              <div class="lg:hidden relative tb9a0 nyx9u before:block before:absolute before:top-1/2 before:end-0 before:h-4 before:border-s before:border-line-2 before:-translate-y-1/2">
                                
                                <button type="button" class="hd5mz p3zpb flex gaa3v items-center text-[13px] i6gk1 h3wyk tp74o disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rw3zi" 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="f832y krmzt" xmlns="http://www.w3.org/2000/svg" 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="pp53p">
                                
                                <div class="hs-dropdown [--auto-close:inside] relative inline-flex">
                                  <button id="hs-pro-inthmtdid1" type="button" class="hd5mz p3zpb flex gaa3v items-center text-[13px] i6gk1 h3wyk tp74o disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rw3zi">
                                    <span class="f832y a3bck block wbr1m tzsog x66be"></span>
                                    <span class="qazmj truncate">Gmail</span>
                                    <svg class="f832y t6dfr wfl66" xmlns="http://www.w3.org/2000/svg" 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 epxvu transition-[opacity,margin] duration opacity-0 hidden wclt1 xi8es t8tjb wj0s8 hua1b u3xci" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-inthmtdid1">
                                    
                                    <div class="pz76f bzdc7 flex tah6m items-center c3em3">
                                      <span class="block jet6l zao2n l2bgt">
                                        <span class="truncate">Move to</span>
                                      </span>

<div class="hs-tooltip [--placement:left] inline-block -me-2">
                                        <button type="button" class="hs-tooltip-toggle c4aky flex gaa3v items-center c3em3 q95gx x66be ouzu8 focus:outline-hidden c96wz" data-hs-overlay="#hs-pro-incnlm">
                                          <svg class="f832y krmzt" xmlns="http://www.w3.org/2000/svg" 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 qe3ac htnk8 hd5mz d4nlf sgmna t8tjb wczqj uhey0 d2r0j tp74o" role="tooltip">
                                          Create new label
                                        </span>
                                      </div>
                                      
                                    </div>

<div class="shpns relative bgvr9 tj4vj">
                                      <input type="text" class="hd5mz wcr5b block w-full okamc whmvu tp74o l92i4 f3bgm l2bgt wj88j ouzu8 focus:outline-hidden wbvlv uun8o c96wz disabled:opacity-100 disabled:pointer-events-none" placeholder="Search" autofocus>
                                      <div class="hidden absolute z1h52 cxpuq flex items-center htnk8 pv5ji">
                                        <button type="button" class="inline-flex f832y gaa3v items-center d5pxa x66be q95gx p864q focus:outline-hidden srgj1" aria-label="Close">
                                          <span class="n2eu3">Close</span>
                                          <svg class="f832y krmzt" xmlns="http://www.w3.org/2000/svg" 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="shpns bgvr9 tj4vj">
                                      <button type="button" class="w-full flex items-center ary0k hd5mz wcr5b tp74o text-[13px] mr4k5 ylpnb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden de5l5">
                                        <svg class="f832y t6dfr" xmlns="http://www.w3.org/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 f832y krmzt 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="shpns bgvr9 tj4vj">
                                      <div class="space-y-0.5 edhn6 overflow-y-auto [&::-webkit-scrollbar]:w-2 [&::-webkit-scrollbar-thumb]:rounded-none [&::-webkit-scrollbar-track]:bg-scrollbar-track [&::-webkit-scrollbar-thumb]:bg-scrollbar-thumb">
                                        
                                        <label for="hs-pro-initgh" class="hd5mz wcr5b group flex items-center ary0k tp74o cursor-pointer text-[13px] mr4k5 ylpnb">
                                          <input type="checkbox" class="hidden" id="hs-pro-initgh" name="hs-pro-init" >
                                          <span class="f832y t6dfr flex gaa3v items-center">
                                            <span class="f832y a3bck block mx-auto exzgl x66be"></span>
                                          </span>
                                          Github
                                          <svg class="f832y t6dfr 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="hd5mz wcr5b group flex items-center ary0k tp74o cursor-pointer text-[13px] mr4k5 ylpnb">
                                          <input type="checkbox" class="hidden" id="hs-pro-initgm" name="hs-pro-init" checked>
                                          <span class="f832y t6dfr flex gaa3v items-center">
                                            <span class="f832y a3bck block mx-auto tzsog x66be"></span>
                                          </span>
                                          Gmail
                                          <svg class="f832y t6dfr 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="hd5mz wcr5b group flex items-center ary0k tp74o cursor-pointer text-[13px] mr4k5 ylpnb">
                                          <input type="checkbox" class="hidden" id="hs-pro-initcr" name="hs-pro-init" >
                                          <span class="f832y t6dfr flex gaa3v items-center">
                                            <span class="f832y a3bck block mx-auto tc9ah x66be"></span>
                                          </span>
                                          Crisp
                                          <svg class="f832y t6dfr 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="hd5mz wcr5b group flex items-center ary0k tp74o cursor-pointer text-[13px] mr4k5 ylpnb">
                                          <input type="checkbox" class="hidden" id="hs-pro-initsl" name="hs-pro-init" >
                                          <span class="f832y t6dfr flex gaa3v items-center">
                                            <span class="f832y a3bck block mx-auto pkmwf x66be"></span>
                                          </span>
                                          Slack - Internal
                                          <svg class="f832y t6dfr 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 f4db7 mk3l0 before:hidden sm:before:block before:absolute before:top-1/2 before:start-0 before:h-4 before:border-s before:border-line-2 before:-translate-y-1/2">
                                
                                <div class="hs-tooltip [--placement:bottom] hidden sm:inline-block">
                                  <button type="button" class="hs-tooltip-toggle flex gaa3v items-center ary0k c4aky zao2n i6gk1 ouzu8 tp74o disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden c96wz" data-hs-overlay="#hs-pro-chhsn">
                                    <svg class="f832y krmzt" xmlns="http://www.w3.org/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="n2eu3">Archive</span>
                                  </button>
                                  <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute qe3ac htnk8 hd5mz d4nlf sgmna t8tjb wczqj uhey0 d2r0j tp74o tfcfu" role="tooltip">
                                    Archive
                                  </span>
                                </div>

<div class="hs-tooltip [--placement:bottom] hidden sm:inline-block">
                                  <button type="button" class="hs-tooltip-toggle flex gaa3v items-center ary0k c4aky zao2n i6gk1 ouzu8 tp74o disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden c96wz" data-hs-overlay="#hs-pro-chhsn">
                                    <svg class="f832y krmzt" xmlns="http://www.w3.org/2000/svg" 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="n2eu3">Delete</span>
                                  </button>
                                  <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute qe3ac htnk8 hd5mz d4nlf sgmna t8tjb wczqj uhey0 d2r0j tp74o tfcfu" role="tooltip">
                                    Delete
                                  </span>
                                </div>

<div class="hs-tooltip [--placement:bottom] hidden sm:inline-block">
                                  <button type="button" class="hs-tooltip-toggle flex gaa3v items-center ary0k c4aky zao2n i6gk1 ouzu8 tp74o disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden c96wz" data-hs-overlay="#hs-pro-chhsn">
                                    <svg class="f832y krmzt" xmlns="http://www.w3.org/2000/svg" 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="n2eu3">Report spam</span>
                                  </button>
                                  <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute qe3ac htnk8 hd5mz d4nlf sgmna t8tjb wczqj uhey0 d2r0j tp74o tfcfu" role="tooltip">
                                    Report spam
                                  </span>
                                </div>
                                
                              </div>
                            </div>
                          </div>

<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 nvg8v transition-[opacity,margin] duration opacity-0 hidden ixcl1 xi8es t8tjb wj0s8 hua1b u3xci" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-inthasdid1">
                                
                                <div class="pz76f bzdc7">
                                  <span class="block jet6l zao2n l2bgt">
                                    <span class="truncate">Assign</span>
                                  </span>
                                </div>

<div class="shpns relative gadzj tj4vj">
                                  <input type="text" class="hd5mz wcr5b block w-full okamc whmvu tp74o l92i4 f3bgm l2bgt wj88j ouzu8 focus:outline-hidden wbvlv uun8o c96wz disabled:opacity-100 disabled:pointer-events-none" placeholder="Search teammates" autofocus>
                                  <div class="hidden absolute z1h52 cxpuq flex items-center htnk8 pv5ji">
                                    <button type="button" class="inline-flex f832y gaa3v items-center d5pxa x66be q95gx p864q focus:outline-hidden srgj1" aria-label="Close">
                                      <span class="n2eu3">Close</span>
                                      <svg class="f832y krmzt" xmlns="http://www.w3.org/2000/svg" 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="shpns space-y-0.5 olait overflow-y-auto [&::-webkit-scrollbar]:w-2 [&::-webkit-scrollbar-thumb]:rounded-none [&::-webkit-scrollbar-track]:bg-scrollbar-track [&::-webkit-scrollbar-thumb]:bg-scrollbar-thumb">
                                  
                                  <label for="hs-pro-inithargna" class="hd5mz wcr5b group flex items-center hzc6g hd5mz wcr5b tp74o cursor-pointer text-[13px] mr4k5 ylpnb">
                                    <input type="checkbox" class="hidden" id="hs-pro-inithargna" name="hs-pro-initharg" >
                                    <span class="f832y ih023 flex gaa3v items-center">
                                      <svg class="f832y krmzt" xmlns="http://www.w3.org/2000/svg" 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="f832y krmzt 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="hd5mz wcr5b group flex items-center hzc6g hd5mz wcr5b tp74o cursor-pointer text-[13px] mr4k5 ylpnb">
                                    <input type="checkbox" class="hidden" id="hs-pro-initharga1" name="hs-pro-initharg" checked>
                                    <span class="relative ih023">
                                      <span class="flex f832y gaa3v items-center ih023 uhey0 jet6l b63od i8fxx dqb0q x66be">I</span>
                                      <span class="absolute -bottom-0 -end-0 block q5vjk x66be kwr4o s17f3 yh3ni"></span>
                                    </span>
                                    isabella@site.com
                                    <svg class="f832y krmzt 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="hd5mz wcr5b group flex items-center hzc6g hd5mz wcr5b tp74o cursor-pointer text-[13px] mr4k5 ylpnb">
                                    <input type="checkbox" class="hidden" id="hs-pro-initharga2" name="hs-pro-initharg" checked>
                                    <span class="relative ih023">
                                      <img class="f832y ih023 x66be" 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="f832y krmzt 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 gaa3v items-center ary0k c4aky zao2n i6gk1 ouzu8 tp74o disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden toh56" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
                                  <svg class="f832y krmzt" xmlns="http://www.w3.org/2000/svg" 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="n2eu3">Snooze</span>
                                </button>
                                <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute qe3ac htnk8 hd5mz d4nlf sgmna t8tjb wczqj uhey0 d2r0j tp74o tfcfu" role="tooltip">
                                  Snooze
                                </span>
                              </div>

<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 nvg8v transition-[opacity,margin] duration opacity-0 hidden ixcl1 xi8es t8tjb wj0s8 hua1b u3xci" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-inthsndid1">
                                
                                <div class="pz76f bzdc7">
                                  <span class="block eitz2 zao2n l2bgt">
                                    Snooze
                                  </span>
                                </div>

<div class="shpns olait overflow-y-auto [&::-webkit-scrollbar]:w-2 [&::-webkit-scrollbar-thumb]:rounded-none [&::-webkit-scrollbar-track]:bg-scrollbar-track [&::-webkit-scrollbar-thumb]:bg-scrollbar-thumb">
                                  <fieldset class="gs9zt mfrqx">
                                    <legend class="n2eu3">
                                      Snooze
                                    </legend>

<label for="hs-pro-chhsnrt1" class="pz76f wcr5b flex items-center tp74o cursor-pointer mobw6 ylpnb has-checked:bg-dropdown-item-active has-disabled:opacity-50 has-disabled:pointer-events-none">
                                      <input type="radio" id="hs-pro-chhsnrt1" class="hidden" value="Today" name="hs-pro-chhsnrt" checked>
                                      <span class="xkklm">
                                        <span class="block zao2n l2bgt">
                                          Today
                                        </span>
                                      </span>
                                      <span class="kh80c uhey0 q95gx">
                                        5:05 PM
                                      </span>
                                    </label>

<label for="hs-pro-chhsnrt2" class="pz76f wcr5b flex items-center tp74o cursor-pointer mobw6 ylpnb has-checked:bg-dropdown-item-active has-disabled:opacity-50 has-disabled:pointer-events-none">
                                      <input type="radio" id="hs-pro-chhsnrt2" class="hidden" value="Tomorrow" name="hs-pro-chhsnrt" >
                                      <span class="xkklm">
                                        <span class="block zao2n l2bgt">
                                          Tomorrow
                                        </span>
                                      </span>
                                      <span class="kh80c uhey0 q95gx">
                                        Wed 9:00 AM
                                      </span>
                                    </label>

<label for="hs-pro-chhsnrt3" class="pz76f wcr5b flex items-center tp74o cursor-pointer mobw6 ylpnb has-checked:bg-dropdown-item-active has-disabled:opacity-50 has-disabled:pointer-events-none">
                                      <input type="radio" id="hs-pro-chhsnrt3" class="hidden" value="This week" name="hs-pro-chhsnrt" >
                                      <span class="xkklm">
                                        <span class="block zao2n l2bgt">
                                          This week
                                        </span>
                                      </span>
                                      <span class="kh80c uhey0 q95gx">
                                        Thu, May 8, 9:00 AM
                                      </span>
                                    </label>

<label for="hs-pro-chhsnrt4" class="pz76f wcr5b flex items-center tp74o cursor-pointer mobw6 ylpnb has-checked:bg-dropdown-item-active has-disabled:opacity-50 has-disabled:pointer-events-none">
                                      <input type="radio" id="hs-pro-chhsnrt4" class="hidden" value="Next week" name="hs-pro-chhsnrt" >
                                      <span class="xkklm">
                                        <span class="block zao2n l2bgt">
                                          Next week
                                        </span>
                                      </span>
                                      <span class="kh80c uhey0 q95gx">
                                        Mon, May 13, 9:00 AM
                                      </span>
                                    </label>
                                    
                                  </fieldset>
                                </div>

<div class="shpns bgvr9 n7k0d">
                                  <button type="button" class="w-full flex tah6m items-center ary0k pz76f wcr5b fb2rt zao2n l2bgt ouzu8 mobw6 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden toh56" data-hs-overlay="#hs-pro-chhsncs">
                                    Custom
                                    <svg class="f832y krmzt" xmlns="http://www.w3.org/2000/svg" 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 gaa3v items-center ary0k c4aky zao2n zao2n i6gk1 ouzu8 tp74o disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden toh56" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
                                  <svg class="f832y krmzt" xmlns="http://www.w3.org/2000/svg" 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="n2eu3">Tags</span>
                                </button>
                                <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute qe3ac htnk8 hd5mz d4nlf sgmna t8tjb wczqj uhey0 d2r0j tp74o tfcfu" role="tooltip">
                                  Tags
                                </span>
                              </div>

<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 nvg8v transition-[opacity,margin] duration opacity-0 hidden ixcl1 xi8es t8tjb wj0s8 hua1b u3xci" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-inthtgdid1">
                                
                                <div class="pz76f bzdc7 flex tah6m items-center c3em3">
                                  <span class="block jet6l zao2n l2bgt">
                                    <span class="truncate">Tags</span>
                                  </span>

<div class="hs-tooltip [--placement:left] inline-block -me-2">
                                    <button type="button" class="hs-tooltip-toggle c4aky flex gaa3v items-center c3em3 i6gk1 x66be ouzu8 focus:outline-hidden toh56" data-hs-overlay="#hs-pro-chhcntm">
                                      <svg class="f832y krmzt" xmlns="http://www.w3.org/2000/svg" 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 qe3ac htnk8 hd5mz d4nlf sgmna t8tjb wczqj uhey0 d2r0j tp74o" role="tooltip">
                                      Create new tag
                                    </span>
                                  </div>
                                  
                                </div>

<div class="shpns relative gadzj ankld">
                                  <input type="text" class="hd5mz wcr5b block w-full okamc whmvu tp74o l92i4 f3bgm l2bgt wj88j ouzu8 focus:outline-hidden wbvlv uun8o c96wz disabled:opacity-100 disabled:pointer-events-none" placeholder="Search" >
                                  <div class="hidden absolute z1h52 cxpuq flex items-center htnk8 pv5ji">
                                    <button type="button" class="inline-flex f832y gaa3v items-center d5pxa x66be q95gx p864q focus:outline-hidden srgj1" aria-label="Close">
                                      <span class="n2eu3">Close</span>
                                      <svg class="f832y krmzt" xmlns="http://www.w3.org/2000/svg" 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="shpns s336z olait overflow-y-auto [&::-webkit-scrollbar]:w-2 [&::-webkit-scrollbar-thumb]:rounded-none [&::-webkit-scrollbar-track]:bg-scrollbar-track [&::-webkit-scrollbar-thumb]:bg-scrollbar-thumb">
                                  <span class="bipfe wcr5b block uhey0 q95gx">
                                    All tags
                                  </span>

<div class="space-y-1">
                                    <div class="flex tah6m items-center hd5mz wcr5b cursor-pointer tp74o ylpnb has-disabled:opacity-50 has-disabled:pointer-events-none">
                                      <label for="hs-pro-inthtgdid1t1" class="flex flex-1 items-center hzc6g cursor-pointer text-[13px] mr4k5">
                                        <svg class="f832y t6dfr q95gx" xmlns="http://www.w3.org/2000/svg" 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="f832y krmzt okamc asek2 r0l8q y9wzu d8utf uun8o p2c6h checked:bg-primary-checked checked:border-primary-checked disabled:opacity-50 disabled:pointer-events-none" id="hs-pro-inthtgdid1t1"  >
                                    </div>
        
                                    <div class="flex tah6m items-center hd5mz wcr5b cursor-pointer tp74o ylpnb has-disabled:opacity-50 has-disabled:pointer-events-none">
                                      <label for="hs-pro-inthtgdid1t2" class="flex flex-1 items-center hzc6g cursor-pointer text-[13px] mr4k5">
                                        <svg class="f832y t6dfr ar50x" xmlns="http://www.w3.org/2000/svg" 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 f832y pacrc q95gx" xmlns="http://www.w3.org/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 qe3ac htnk8 hd5mz d4nlf sgmna t8tjb wczqj uhey0 d2r0j tp74o tfcfu" role="tooltip">
                                            Private l4z4b
                                          </span>
                                        </span>
                                      </label>
                                      <input type="checkbox" class="f832y krmzt okamc asek2 r0l8q y9wzu d8utf uun8o p2c6h checked:bg-primary-checked checked:border-primary-checked disabled:opacity-50 disabled:pointer-events-none" id="hs-pro-inthtgdid1t2" checked >
                                    </div>
        
                                    <div class="flex tah6m items-center hd5mz wcr5b cursor-pointer tp74o ylpnb has-disabled:opacity-50 has-disabled:pointer-events-none">
                                      <label for="hs-pro-inthtgdid1t3" class="flex flex-1 items-center hzc6g cursor-pointer text-[13px] mr4k5">
                                        <svg class="f832y t6dfr d8utf" xmlns="http://www.w3.org/2000/svg" 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="f832y krmzt okamc asek2 r0l8q y9wzu d8utf uun8o p2c6h checked:bg-primary-checked checked:border-primary-checked disabled:opacity-50 disabled:pointer-events-none" id="hs-pro-inthtgdid1t3" checked >
                                    </div>
        
                                    <div class="flex tah6m items-center hd5mz wcr5b cursor-pointer tp74o ylpnb has-disabled:opacity-50 has-disabled:pointer-events-none">
                                      <label for="hs-pro-inthtgdid1t4" class="flex flex-1 items-center hzc6g cursor-pointer text-[13px] mr4k5">
                                        <svg class="f832y t6dfr bpbv8" xmlns="http://www.w3.org/2000/svg" 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="f832y krmzt okamc asek2 r0l8q y9wzu d8utf uun8o p2c6h checked:bg-primary-checked checked:border-primary-checked disabled:opacity-50 disabled:pointer-events-none" id="hs-pro-inthtgdid1t4"  disabled>
                                    </div>
        
                                    <div class="flex tah6m items-center hd5mz wcr5b cursor-pointer tp74o ylpnb has-disabled:opacity-50 has-disabled:pointer-events-none">
                                      <label for="hs-pro-inthtgdid1t5" class="flex flex-1 items-center hzc6g cursor-pointer text-[13px] mr4k5">
                                        <svg class="f832y t6dfr q95gx" xmlns="http://www.w3.org/2000/svg" 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 f832y pacrc q95gx" xmlns="http://www.w3.org/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 qe3ac htnk8 hd5mz d4nlf sgmna t8tjb wczqj uhey0 d2r0j tp74o tfcfu" role="tooltip">
                                            Private l4z4b
                                          </span>
                                        </span>
                                      </label>
                                      <input type="checkbox" class="f832y krmzt okamc asek2 r0l8q y9wzu d8utf uun8o p2c6h checked:bg-primary-checked checked:border-primary-checked disabled:opacity-50 disabled:pointer-events-none" id="hs-pro-inthtgdid1t5"  >
                                    </div>
        
                                    <div class="flex tah6m items-center hd5mz wcr5b cursor-pointer tp74o ylpnb has-disabled:opacity-50 has-disabled:pointer-events-none">
                                      <label for="hs-pro-inthtgdid1t6" class="flex flex-1 items-center hzc6g cursor-pointer text-[13px] mr4k5">
                                        <svg class="f832y t6dfr q95gx" xmlns="http://www.w3.org/2000/svg" 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 f832y pacrc q95gx" xmlns="http://www.w3.org/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 qe3ac htnk8 hd5mz d4nlf sgmna t8tjb wczqj uhey0 d2r0j tp74o tfcfu" role="tooltip">
                                            Private l4z4b
                                          </span>
                                        </span>
                                      </label>
                                      <input type="checkbox" class="f832y krmzt okamc asek2 r0l8q y9wzu d8utf uun8o p2c6h checked:bg-primary-checked checked:border-primary-checked disabled:opacity-50 disabled:pointer-events-none" id="hs-pro-inthtgdid1t6"  >
                                    </div>
        
                                    <div class="flex tah6m items-center hd5mz wcr5b cursor-pointer tp74o ylpnb has-disabled:opacity-50 has-disabled:pointer-events-none">
                                      <label for="hs-pro-inthtgdid1t7" class="flex flex-1 items-center hzc6g cursor-pointer text-[13px] mr4k5">
                                        <svg class="f832y t6dfr pkbsz" xmlns="http://www.w3.org/2000/svg" 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="f832y krmzt okamc asek2 r0l8q y9wzu d8utf uun8o p2c6h checked:bg-primary-checked checked:border-primary-checked disabled:opacity-50 disabled:pointer-events-none" id="hs-pro-inthtgdid1t7"  >
                                    </div>
                                  </div>
                                  
                                </div>
                                
                              </div>
                              
                            </div>

<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 yabtr transition-[opacity,margin] duration opacity-0 hidden wclt1 xi8es t8tjb wj0s8 hua1b u3xci" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-inthmid1">
                                  <div class="sm:hidden shpns space-y-0.5 jvyn5 tj4vj g4tl9">
                                    <button type="button" class="w-full flex items-center ary0k hd5mz wcr5b tp74o text-[13px] mr4k5 ylpnb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden de5l5">
                                      <svg class="f832y t6dfr" xmlns="http://www.w3.org/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="w-full flex items-center ary0k hd5mz wcr5b tp74o text-[13px] mr4k5 ylpnb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden de5l5">
                                      <svg class="f832y t6dfr" xmlns="http://www.w3.org/2000/svg" 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="w-full flex items-center ary0k hd5mz wcr5b tp74o text-[13px] mr4k5 ylpnb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden de5l5" data-hs-overlay="#hs-pro-chhsn">
                                      <svg class="f832y t6dfr" xmlns="http://www.w3.org/2000/svg" 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="shpns space-y-0.5 jvyn5 tj4vj g4tl9">
                                    <button type="button" class="w-full flex items-center ary0k hd5mz wcr5b tp74o text-[13px] mr4k5 ylpnb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden de5l5">
                                      <svg class="f832y t6dfr" xmlns="http://www.w3.org/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="w-full flex items-center ary0k hd5mz wcr5b tp74o text-[13px] mr4k5 ylpnb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden de5l5">
                                      <svg class="f832y t6dfr" xmlns="http://www.w3.org/2000/svg" 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="w-full flex items-center ary0k hd5mz wcr5b tp74o text-[13px] mr4k5 ylpnb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden de5l5" data-hs-overlay="#hs-pro-chhsn">
                                      <svg class="f832y t6dfr" xmlns="http://www.w3.org/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="w-full flex items-center ary0k hd5mz wcr5b tp74o text-[13px] mr4k5 ylpnb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden de5l5" data-hs-overlay="#hs-pro-chhtgm">
                                      <svg class="f832y t6dfr" xmlns="http://www.w3.org/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="shpns space-y-0.5 jvyn5 tj4vj g4tl9">
                                    <button type="button" class="w-full flex items-center ary0k hd5mz wcr5b tp74o text-[13px] mr4k5 ylpnb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden de5l5" data-hs-overlay="#hs-pro-chhtgm">
                                      <svg class="f832y t6dfr" xmlns="http://www.w3.org/2000/svg" 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="ac5ar esl90 inline-flex items-center wtg7y uhey0 jet6l fymv5 ymfle x66be dark:bg-primary-500/10 dark:text-primary-500">New</span>
                                    </button>
                                  </div>
                                  <div class="shpns space-y-0.5 jvyn5 tj4vj g4tl9">
                                    <button type="button" class="w-full flex items-center ary0k hd5mz wcr5b tp74o text-[13px] mr4k5 ylpnb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden de5l5" data-hs-overlay="#hs-pro-chhsh">
                                      <svg class="f832y t6dfr" xmlns="http://www.w3.org/2000/svg" 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="w-full flex items-center ary0k hd5mz wcr5b tp74o text-[13px] mr4k5 ylpnb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden de5l5" data-hs-overlay="#hs-pro-chhsh">
                                      <svg class="f832y t6dfr" xmlns="http://www.w3.org/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="w-full flex items-center ary0k hd5mz wcr5b tp74o text-[13px] mr4k5 ylpnb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden de5l5" data-hs-overlay="#hs-pro-chhsh">
                                      <svg class="f832y t6dfr" xmlns="http://www.w3.org/2000/svg" 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)] esl90 ry9x3 iza68 neprt overflow-y-auto overflow-x-hidden [&::-webkit-scrollbar]:w-2 [&::-webkit-scrollbar-thumb]:rounded-none [&::-webkit-scrollbar-track]:bg-scrollbar-track [&::-webkit-scrollbar-thumb]:bg-scrollbar-thumb">
                          
                          <div class="a2kyg gjs78 qv7uu pyzst wme6b r6qxa flex flex-wrap items-center fvbva ary0k">
                            <h1 class="eitz2 urai8 mye7w l2bgt">
                              Project Timeline Update
                            </h1>

<div class="flex flex-wrap items-center ldlxq">
                              
                              <div class="hs-dropdown  relative inline-flex">
                                <button id="hs-pro-intbtwtaddid1" type="button" class="ac5ar esl90 group inline-flex items-center ei5wd kqamx t8tjb o67vx a8swc text-[13px] tp74o aj6di focus:outline-hidden a6ijy">
                                  <svg class="f832y t6dfr ar50x" xmlns="http://www.w3.org/2000/svg" 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 yabtr transition-[opacity,margin] duration opacity-0 hidden wclt1 j5627 t8tjb wj0s8 hua1b u3xci 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="shpns space-y-0.5">
                                    <button type="button" class="w-full flex items-center ary0k hd5mz wcr5b tp74o text-[13px] mr4k5 ylpnb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden de5l5">
                                      <svg class="f832y t6dfr" xmlns="http://www.w3.org/2000/svg" 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 l4z4b
                                    </button>
                                    <button type="button" class="w-full flex items-center ary0k hd5mz wcr5b tp74o text-[13px] mr4k5 ylpnb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden de5l5">
                                      <svg class="f832y t6dfr" xmlns="http://www.w3.org/2000/svg" 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="w-full flex items-center ary0k hd5mz wcr5b tp74o text-[13px] mr4k5 ylpnb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden de5l5" data-hs-overlay="#hs-pro-chhsn">
                                      <svg class="f832y t6dfr" xmlns="http://www.w3.org/2000/svg" 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  relative inline-flex">
                                <button id="hs-pro-intbtwtaddid2" type="button" class="ac5ar esl90 group inline-flex items-center ei5wd kqamx t8tjb o67vx a8swc text-[13px] tp74o aj6di focus:outline-hidden a6ijy">
                                  <svg class="f832y t6dfr d8utf" xmlns="http://www.w3.org/2000/svg" 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 yabtr transition-[opacity,margin] duration opacity-0 hidden wclt1 j5627 t8tjb wj0s8 hua1b u3xci 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="shpns space-y-0.5">
                                    <button type="button" class="w-full flex items-center ary0k hd5mz wcr5b tp74o text-[13px] mr4k5 ylpnb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden de5l5">
                                      <svg class="f832y t6dfr" xmlns="http://www.w3.org/2000/svg" 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 l4z4b
                                    </button>
                                    <button type="button" class="w-full flex items-center ary0k hd5mz wcr5b tp74o text-[13px] mr4k5 ylpnb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden de5l5">
                                      <svg class="f832y t6dfr" xmlns="http://www.w3.org/2000/svg" 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="w-full flex items-center ary0k hd5mz wcr5b tp74o text-[13px] mr4k5 ylpnb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden de5l5" data-hs-overlay="#hs-pro-chhsn">
                                      <svg class="f832y t6dfr" xmlns="http://www.w3.org/2000/svg" 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="l3zs1 flex items-center uhey0 q95gx before:flex-1 before:bg-surface-1 before:w-full before:h-px before:me-5 after:flex-1 after:bg-surface-1 after:w-full after:h-px after:ms-5">
                              October 3, 2024
                            </div>

<div id="hs-pro-in1tcid1" class="hs-accordion ">
                              <div class="zjfwe kqamx vf5zt dao1f">
                                
                                <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="xyt5v xdpon xnylc w-full inline-flex items-center c3em3 truncate">
                                    <div class="w-full flex la8o9 truncate">
                                      <span class="r1so8 flex f832y gaa3v items-center c4aky b63od f4saj dqb0q x66be">S</span>
          
                                      <div class="xkklm truncate flex flex-col">
                                        
                                        <div class=" truncate">
                                          <div class="hs-tooltip [--trigger:click] [--placement:bottom-left] inline-block qlvxb">
                                            <span class="hs-tooltip-toggle relative mujgv inline-flex items-center truncate zao2n eitz2 l2bgt cursor-pointer sjf6e tmkca" tabindex="-1">
                                              Sarah Chen
                                            </span>

<div class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible hidden opacity-0 zd5rh absolute qe3ac qv7uu xq4ju hn98d w-full bg-popover t8tjb border-popover-line fb2rt hua1b w04j3 after:absolute after:top-0 after:-start-4 after:w-4 after:h-full" role="tooltip">
                                              <div class="fj10a">
                                                <span class="block bipfe zao2n q95gx">
                                                  Contact
                                                </span>

<div class="flex flex-col gaa3v items-center uqtnu">
                                                  <span class="flex f832y gaa3v items-center o6yeh b63od f4saj dqb0q x66be">S</span>
                                                  <h4 class="r7fmq jet6l l2bgt">
                                                    Sarah Chen
                                                  </h4>
                                                </div>

<div class="r1so8 jr0cl">
                                                  <p class="zao2n l2bgt">
                                                    <a class="inline-flex items-center wtg7y text-[13px] d8utf p295z tmkca focus:outline-hidden tcf24" href="#">schen@company.com</a>
                                                  </p>
                                                </div>
        
                                                
                                                <div class="w5joo ebmio flex tah6m items-center bgvr9 y87u5">
                                                  <a class="inline-flex items-center wtg7y uhey0 q95gx p864q focus:outline-hidden srgj1 disabled:opacity-50 disabled:pointer-events-none" href="#">
                                                    <svg class="f832y pacrc" xmlns="http://www.w3.org/2000/svg" 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="hd5mz wcr5b inline-flex items-center wtg7y zao2n tp74o kqamx t8tjb o67vx a8swc y9wzu aj6di disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden a6ijy">
                                                    <svg class="f832y krmzt" xmlns="http://www.w3.org/2000/svg" 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 qlvxb truncate">
                                          <div class="hs-tooltip [--trigger:click] [--placement:bottom-left] inline-block qlvxb">
                                            <span class="truncate zao2n l2bgt">To:</span>
                                            <span class="hs-tooltip-toggle relative mujgv inline-flex items-center truncate zao2n q95gx cursor-pointer sjf6e tmkca" tabindex="-1">
                                              Lewis Clarke
                                            </span>

<div class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible hidden opacity-0 zd5rh absolute qe3ac qv7uu xq4ju hn98d w-full bg-popover t8tjb border-popover-line fb2rt hua1b w04j3 after:absolute after:top-0 after:-start-4 after:w-4 after:h-full" role="tooltip">
                                              <div class="fj10a">
                                                <span class="block bipfe zao2n q95gx">
                                                  Contact
                                                </span>

<div class="flex flex-col gaa3v items-center uqtnu">
                                                  <img class="f832y o6yeh x66be" 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="r7fmq jet6l l2bgt">
                                                    Lewis Clarke
                                                  </h4>
                                                </div>

<div class="r1so8 jr0cl">
                                                  <p class="zao2n l2bgt">
                                                    <a class="inline-flex items-center wtg7y text-[13px] d8utf p295z tmkca focus:outline-hidden tcf24" href="#">lewis@company.com</a>
                                                  </p>
                                                </div>
        
                                                
                                                <div class="w5joo ebmio flex tah6m items-center bgvr9 y87u5">
                                                  <a class="inline-flex items-center wtg7y uhey0 q95gx p864q focus:outline-hidden srgj1 disabled:opacity-50 disabled:pointer-events-none" href="#">
                                                    <svg class="f832y pacrc" xmlns="http://www.w3.org/2000/svg" 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="hd5mz wcr5b inline-flex items-center wtg7y zao2n tp74o kqamx t8tjb o67vx a8swc y9wzu aj6di disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden a6ijy">
                                                    <svg class="f832y krmzt" xmlns="http://www.w3.org/2000/svg" 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 qlvxb truncate">
                                          <span class="truncate zao2n l2bgt">Date:</span>
                                          <span class="truncate zao2n q95gx">October 3, 2024 10:15 AM</span>
                                        </div>
            
                                        <div class="hs-accordion-force-active hs-accordion-active:hidden qlvxb truncate">
                                          <p class="truncate zao2n q95gx">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="gghqq">
                                        <span class="hs-accordion-force-active hs-accordion-active:hidden uhey0 inline-block q95gx">Oct 3</span>
                                        <span class="hs-accordion-force-active sm:hs-accordion-active:inline-block hidden uhey0 q95gx">October 3, 2024 10:15 AM</span>
                                      </div>
                                    </div>
                                  </div>

<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 yabtr transition-[opacity,margin] duration opacity-0 hidden wclt1 xi8es t8tjb wj0s8 hua1b u3xci" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-in1tctmdid1">
                                        <div class="max-h-[42dvh] overflow-y-auto [&::-webkit-scrollbar]:w-2 [&::-webkit-scrollbar-thumb]:rounded-none [&::-webkit-scrollbar-track]:bg-scrollbar-track [&::-webkit-scrollbar-thumb]:bg-scrollbar-thumb">
                                          <div class="shpns space-y-0.5 jvyn5 tj4vj g4tl9">
                                            <button type="button" class="w-full flex items-center ary0k hd5mz wcr5b tp74o text-[13px] mr4k5 ylpnb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden de5l5">
                                              <svg class="f832y t6dfr" xmlns="http://www.w3.org/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="w-full flex items-center ary0k hd5mz wcr5b tp74o text-[13px] mr4k5 ylpnb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden de5l5">
                                              <svg class="f832y t6dfr" xmlns="http://www.w3.org/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="w-full flex items-center ary0k hd5mz wcr5b tp74o text-[13px] mr4k5 ylpnb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden de5l5" data-hs-overlay="#hs-pro-chhsn">
                                              <svg class="f832y t6dfr" xmlns="http://www.w3.org/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="w-full flex items-center ary0k hd5mz wcr5b tp74o text-[13px] mr4k5 ylpnb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden de5l5" data-hs-overlay="#hs-pro-chhsn">
                                              <svg class="f832y t6dfr" xmlns="http://www.w3.org/2000/svg" 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="shpns space-y-0.5 jvyn5 tj4vj g4tl9">
                                            <button type="button" class="w-full flex items-center ary0k hd5mz wcr5b tp74o text-[13px] mr4k5 ylpnb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden de5l5">
                                              <svg class="f832y t6dfr" xmlns="http://www.w3.org/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="w-full flex items-center ary0k hd5mz wcr5b tp74o text-[13px] mr4k5 ylpnb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden de5l5">
                                              <svg class="f832y t6dfr" xmlns="http://www.w3.org/2000/svg" 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="w-full flex items-center ary0k hd5mz wcr5b tp74o text-[13px] mr4k5 ylpnb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden de5l5">
                                              <svg class="f832y t6dfr" xmlns="http://www.w3.org/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="w-full flex items-center ary0k hd5mz wcr5b tp74o text-[13px] mr4k5 ylpnb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden de5l5">
                                              <svg class="f832y t6dfr" xmlns="http://www.w3.org/2000/svg" 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="w-full flex items-center ary0k hd5mz wcr5b tp74o text-[13px] mr4k5 ylpnb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden de5l5" data-hs-overlay="#hs-pro-chhsn">
                                              <svg class="f832y t6dfr" xmlns="http://www.w3.org/2000/svg" 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="shpns space-y-0.5 jvyn5 tj4vj g4tl9">
                                            <button type="button" class="w-full flex items-center ary0k hd5mz wcr5b tp74o text-[13px] mr4k5 ylpnb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden de5l5" data-hs-overlay="#hs-pro-chhtgm">
                                              <svg class="f832y t6dfr" xmlns="http://www.w3.org/2000/svg" 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="ac5ar esl90 inline-flex items-center wtg7y uhey0 jet6l fymv5 ymfle x66be dark:bg-primary-500/10 dark:text-primary-500">New</span>
                                            </button>
                                          </div>
                                          <div class="shpns space-y-0.5 jvyn5 tj4vj g4tl9">
                                            <button type="button" class="w-full flex items-center ary0k hd5mz wcr5b tp74o text-[13px] mr4k5 ylpnb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden de5l5" data-hs-overlay="#hs-pro-chhsh">
                                              <svg class="f832y t6dfr" xmlns="http://www.w3.org/2000/svg" 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="w-full flex items-center ary0k hd5mz wcr5b tp74o text-[13px] mr4k5 ylpnb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden de5l5" data-hs-overlay="#hs-pro-chhsh">
                                              <svg class="f832y t6dfr" xmlns="http://www.w3.org/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="w-full flex items-center ary0k hd5mz wcr5b tp74o text-[13px] mr4k5 ylpnb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden de5l5" data-hs-overlay="#hs-pro-chhsh">
                                              <svg class="f832y t6dfr" xmlns="http://www.w3.org/2000/svg" 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 w-full overflow-hidden" role="region" aria-labelledby="hs-pro-in1tcid1">
                                  <div class="fj10a bgvr9 y87u5">
                                    <div class="zao2n l2bgt">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="lu3cd h6tp2 dmuqy"><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="bzdc7 space-y-0.5">
                              <div class="iciju flex flex-wrap items-center g2np1">
                                <span class="uhey0 q95gx">
                                  Isabella Lauda
                                </span>
                              </div>

<div class="group w-full lg:flex wtu50">
                                <div class="flex a8fry">
                                  <div class="f832y c4aky jr0cl">
                                    <span class="flex f832y gaa3v items-center c4aky zao2n b63od i8fxx dqb0q x66be">I</span>
                                  </div>
      
                                  <div class="-ms-2 gghqq w-full srfya">
                                    <div class="flex pdh8i n68jf" style="word-break: break-word;">
                                      <div class="hd5mz d4nlf inline-block g4iir vf5zt">
                                        <div class="zao2n i6gk1">
                                          <span class="d8utf">@lewis_clarke</span> Hi Lewis
              
                                          <span class="ezbb5 text-[11px] q95gx">
                                            10:20
                                          </span>
                                        </div>
                                      </div>

<div class="lg:hidden">
                                        
                                        <button type="button" class="hs-collapse-toggle flex gaa3v items-center ary0k c4aky zao2n i6gk1 wv5n2 x66be disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden ka9j4" 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="n2eu3">Collapse</span>
                                          <svg class="hs-collapse-open:rotate-180 f832y krmzt" xmlns="http://www.w3.org/2000/svg" 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="r1so8 flex items-center n68jf">
                                      <div class="hs-tooltip inline-block">
                                        <span class="hs-tooltip-toggle vtlxz w3bd2 tb9a0 flex fymv5 t8tjb klgzo x66be dark:bg-primary-500/20 dark:border-primary-500/30">
                                          <span class="zao2n d8utf">
                                            ✋ 1
                                          </span>
                                          <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute qe3ac htnk8 hd5mz d4nlf sgmna t8tjb wczqj uhey0 d2r0j tp74o tfcfu" role="tooltip">
                                            Lewis reacted
                                          </span>
                                        </span>
                                      </div>

<div class="hs-tooltip inline-block">
                                        <button type="button" class="hs-tooltip-toggle flex gaa3v items-center ary0k xlv2m zao2n i6gk1 wv5n2 x66be disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden ka9j4">
                                          <svg class="f832y t6dfr" xmlns="http://www.w3.org/2000/svg" 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="n2eu3">Add reaction</span>
                                        </button>
                                        <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute qe3ac htnk8 hd5mz d4nlf sgmna t8tjb wczqj uhey0 d2r0j tp74o tfcfu" role="tooltip">
                                          Add reaction
                                        </span>
                                      </div>
                                      
                                    </div>
                                  </div>
                                </div>

<div id="hs-pro-in1tctclid1_1-heading" class="hs-collapse hidden w-full overflow-hidden transition-[height] xo35j lg:w-auto lg:block lg:group-hover:opacity-100 lg:opacity-0" aria-labelledby="hs-pro-in1tctclid1_1" role="region">
                                  
                                  <div class="dxprp i0sz3 u0r1h tsr5c jyyo0 kqamx x66be y9wzu inline-flex items-center t8hl3">
                                    
                                    <div class="hs-tooltip inline-block">
                                      <button type="button" class="hs-tooltip-toggle flex gaa3v items-center ary0k xlv2m zao2n i6gk1 wv5n2 x66be disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden ka9j4">
                                        <svg class="f832y t6dfr" xmlns="http://www.w3.org/2000/svg" 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="n2eu3">Add reaction</span>
                                      </button>
                                      <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute qe3ac htnk8 hd5mz d4nlf sgmna t8tjb wczqj uhey0 d2r0j tp74o tfcfu" role="tooltip">
                                        Add reaction
                                      </span>
                                    </div>

<div class="hs-tooltip inline-block">
                                      <button type="button" class="hs-tooltip-toggle flex gaa3v items-center ary0k xlv2m zao2n i6gk1 wv5n2 x66be disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden ka9j4">
                                        <svg class="f832y t6dfr" xmlns="http://www.w3.org/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="n2eu3">Reply</span>
                                      </button>
                                      <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute qe3ac htnk8 hd5mz d4nlf sgmna t8tjb wczqj uhey0 d2r0j tp74o tfcfu" role="tooltip">
                                        Reply
                                      </span>
                                    </div>

<div class="hs-tooltip inline-block">
                                      <button type="button" class="hs-tooltip-toggle flex gaa3v items-center ary0k xlv2m zao2n i6gk1 wv5n2 x66be disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden ka9j4">
                                        <svg class="f832y t6dfr" xmlns="http://www.w3.org/2000/svg" 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="n2eu3">Edit</span>
                                      </button>
                                      <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute qe3ac htnk8 hd5mz d4nlf sgmna t8tjb wczqj uhey0 d2r0j tp74o tfcfu" role="tooltip">
                                        Edit
                                      </span>
                                    </div>

<div class="hs-tooltip inline-block">
                                      <button type="button" class="hs-tooltip-toggle flex gaa3v items-center ary0k xlv2m zao2n i6gk1 wv5n2 x66be disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden ka9j4">
                                        <svg class="f832y t6dfr" xmlns="http://www.w3.org/2000/svg" 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="n2eu3">Delete</span>
                                      </button>
                                      <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute qe3ac htnk8 hd5mz d4nlf sgmna t8tjb wczqj uhey0 d2r0j tp74o tfcfu" role="tooltip">
                                        Delete
                                      </span>
                                    </div>
                                    
                                  </div>
                                  
                                </div>
                                
                              </div>

<div class="lg:hidden">
                                        
                                        <button type="button" class="hs-collapse-toggle flex gaa3v items-center ary0k c4aky zao2n i6gk1 wv5n2 x66be disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden ka9j4" 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="n2eu3">Collapse</span>
                                          <svg class="hs-collapse-open:rotate-180 f832y krmzt" xmlns="http://www.w3.org/2000/svg" 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 w-full overflow-hidden transition-[height] xo35j lg:w-auto lg:block lg:group-hover:opacity-100 lg:opacity-0" aria-labelledby="hs-pro-in1tctclid1_2" role="region">
                                  
                                  <div class="dxprp i0sz3 u0r1h tsr5c jyyo0 kqamx x66be y9wzu inline-flex items-center t8hl3">
                                    
                                    <div class="hs-tooltip inline-block">
                                      <button type="button" class="hs-tooltip-toggle flex gaa3v items-center ary0k xlv2m zao2n i6gk1 wv5n2 x66be disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden ka9j4">
                                        <svg class="f832y t6dfr" xmlns="http://www.w3.org/2000/svg" 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="n2eu3">Add reaction</span>
                                      </button>
                                      <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute qe3ac htnk8 hd5mz d4nlf sgmna t8tjb wczqj uhey0 d2r0j tp74o tfcfu" role="tooltip">
                                        Add reaction
                                      </span>
                                    </div>

<div class="hs-tooltip inline-block">
                                      <button type="button" class="hs-tooltip-toggle flex gaa3v items-center ary0k xlv2m zao2n i6gk1 wv5n2 x66be disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden ka9j4">
                                        <svg class="f832y t6dfr" xmlns="http://www.w3.org/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="n2eu3">Reply</span>
                                      </button>
                                      <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute qe3ac htnk8 hd5mz d4nlf sgmna t8tjb wczqj uhey0 d2r0j tp74o tfcfu" role="tooltip">
                                        Reply
                                      </span>
                                    </div>

<div class="hs-tooltip inline-block">
                                      <button type="button" class="hs-tooltip-toggle flex gaa3v items-center ary0k xlv2m zao2n i6gk1 wv5n2 x66be disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden ka9j4">
                                        <svg class="f832y t6dfr" xmlns="http://www.w3.org/2000/svg" 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="n2eu3">Edit</span>
                                      </button>
                                      <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute qe3ac htnk8 hd5mz d4nlf sgmna t8tjb wczqj uhey0 d2r0j tp74o tfcfu" role="tooltip">
                                        Edit
                                      </span>
                                    </div>

<div class="hs-tooltip inline-block">
                                      <button type="button" class="hs-tooltip-toggle flex gaa3v items-center ary0k xlv2m zao2n i6gk1 wv5n2 x66be disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden ka9j4">
                                        <svg class="f832y t6dfr" xmlns="http://www.w3.org/2000/svg" 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="n2eu3">Delete</span>
                                      </button>
                                      <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute qe3ac htnk8 hd5mz d4nlf sgmna t8tjb wczqj uhey0 d2r0j tp74o tfcfu" role="tooltip">
                                        Delete
                                      </span>
                                    </div>
                                    
                                  </div>
                                  
                                </div>
                                
                              </div>
                            </div>

<div class="bzdc7 space-y-0.5">
                              <div class="iciju flex flex-wrap items-center g2np1">
                                <span class="uhey0 q95gx">
                                  Lewis Clarke
                                </span>
                              </div>

<div class="group w-full lg:flex wtu50">
                                <div class="flex a8fry">
                                  <div class="f832y c4aky jr0cl">
                                    <img class="f832y c4aky x66be" 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 gghqq w-full srfya">
                                    <div class="flex pdh8i n68jf" style="word-break: break-word;">
                                      <div class="hd5mz d4nlf inline-block g4iir vf5zt">
                                        <div class="zao2n i6gk1">
                                          <span class="d8utf">@isabella</span>
                                        </div>
                                      </div>

<div class="lg:hidden">
                                        
                                        <button type="button" class="hs-collapse-toggle flex gaa3v items-center ary0k c4aky zao2n i6gk1 wv5n2 x66be disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden ka9j4" 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="n2eu3">Collapse</span>
                                          <svg class="hs-collapse-open:rotate-180 f832y krmzt" xmlns="http://www.w3.org/2000/svg" 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 w-full overflow-hidden transition-[height] xo35j lg:w-auto lg:block lg:group-hover:opacity-100 lg:opacity-0" aria-labelledby="hs-pro-in1tctclid2_1" role="region">
                                  
                                  <div class="dxprp i0sz3 u0r1h tsr5c jyyo0 kqamx x66be y9wzu inline-flex items-center t8hl3">
                                    
                                    <div class="hs-tooltip inline-block">
                                      <button type="button" class="hs-tooltip-toggle flex gaa3v items-center ary0k xlv2m zao2n i6gk1 wv5n2 x66be disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden ka9j4">
                                        <svg class="f832y t6dfr" xmlns="http://www.w3.org/2000/svg" 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="n2eu3">Add reaction</span>
                                      </button>
                                      <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute qe3ac htnk8 hd5mz d4nlf sgmna t8tjb wczqj uhey0 d2r0j tp74o tfcfu" role="tooltip">
                                        Add reaction
                                      </span>
                                    </div>

<div class="hs-tooltip inline-block">
                                      <button type="button" class="hs-tooltip-toggle flex gaa3v items-center ary0k xlv2m zao2n i6gk1 wv5n2 x66be disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden ka9j4">
                                        <svg class="f832y t6dfr" xmlns="http://www.w3.org/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="n2eu3">Reply</span>
                                      </button>
                                      <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute qe3ac htnk8 hd5mz d4nlf sgmna t8tjb wczqj uhey0 d2r0j tp74o tfcfu" role="tooltip">
                                        Reply
                                      </span>
                                    </div>

<div class="hs-tooltip inline-block">
                                      <button type="button" class="hs-tooltip-toggle flex gaa3v items-center ary0k xlv2m zao2n i6gk1 wv5n2 x66be disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden ka9j4">
                                        <svg class="f832y t6dfr" xmlns="http://www.w3.org/2000/svg" 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="n2eu3">Edit</span>
                                      </button>
                                      <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute qe3ac htnk8 hd5mz d4nlf sgmna t8tjb wczqj uhey0 d2r0j tp74o tfcfu" role="tooltip">
                                        Edit
                                      </span>
                                    </div>

<div class="hs-tooltip inline-block">
                                      <button type="button" class="hs-tooltip-toggle flex gaa3v items-center ary0k xlv2m zao2n i6gk1 wv5n2 x66be disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden ka9j4">
                                        <svg class="f832y t6dfr" xmlns="http://www.w3.org/2000/svg" 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="n2eu3">Delete</span>
                                      </button>
                                      <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute qe3ac htnk8 hd5mz d4nlf sgmna t8tjb wczqj uhey0 d2r0j tp74o tfcfu" role="tooltip">
                                        Delete
                                      </span>
                                    </div>
                                    
                                  </div>
                                  
                                </div>
                                
                              </div>

<div class="group w-full lg:flex wtu50">
                                <div class="flex a8fry">
                                  <div class="f832y c4aky jr0cl">
                                  </div>
      
                                  <div class="-ms-2 gghqq w-full srfya">
                                    <div class="flex pdh8i n68jf" style="word-break: break-word;">
                                      <div class="hd5mz d4nlf inline-block g4iir vf5zt">
                                        <div class="zao2n i6gk1">
                                          I agree we should discuss this ASAP
              
                                          <span class="ezbb5 text-[11px] f9oih">
                                            11:12
                                          </span>
                                        </div>
                                      </div>

<div class="lg:hidden">
                                        
                                        <button type="button" class="hs-collapse-toggle flex gaa3v items-center ary0k c4aky zao2n i6gk1 wv5n2 x66be disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden ka9j4" 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="n2eu3">Collapse</span>
                                          <svg class="hs-collapse-open:rotate-180 f832y krmzt" xmlns="http://www.w3.org/2000/svg" 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 w-full overflow-hidden transition-[height] xo35j lg:w-auto lg:block lg:group-hover:opacity-100 lg:opacity-0" aria-labelledby="hs-pro-in1tctclid2_2" role="region">
                                  
                                  <div class="dxprp i0sz3 u0r1h tsr5c jyyo0 kqamx x66be y9wzu inline-flex items-center t8hl3">
                                    
                                    <div class="hs-tooltip inline-block">
                                      <button type="button" class="hs-tooltip-toggle flex gaa3v items-center ary0k xlv2m zao2n i6gk1 wv5n2 x66be disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden ka9j4">
                                        <svg class="f832y t6dfr" xmlns="http://www.w3.org/2000/svg" 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="n2eu3">Add reaction</span>
                                      </button>
                                      <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute qe3ac htnk8 hd5mz d4nlf sgmna t8tjb wczqj uhey0 d2r0j tp74o tfcfu" role="tooltip">
                                        Add reaction
                                      </span>
                                    </div>

<div class="hs-tooltip inline-block">
                                      <button type="button" class="hs-tooltip-toggle flex gaa3v items-center ary0k xlv2m zao2n i6gk1 wv5n2 x66be disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden ka9j4">
                                        <svg class="f832y t6dfr" xmlns="http://www.w3.org/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="n2eu3">Reply</span>
                                      </button>
                                      <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute qe3ac htnk8 hd5mz d4nlf sgmna t8tjb wczqj uhey0 d2r0j tp74o tfcfu" role="tooltip">
                                        Reply
                                      </span>
                                    </div>

<div class="hs-tooltip inline-block">
                                      <button type="button" class="hs-tooltip-toggle flex gaa3v items-center ary0k xlv2m zao2n i6gk1 wv5n2 x66be disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden ka9j4">
                                        <svg class="f832y t6dfr" xmlns="http://www.w3.org/2000/svg" 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="n2eu3">Edit</span>
                                      </button>
                                      <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute qe3ac htnk8 hd5mz d4nlf sgmna t8tjb wczqj uhey0 d2r0j tp74o tfcfu" role="tooltip">
                                        Edit
                                      </span>
                                    </div>

<div class="hs-tooltip inline-block">
                                      <button type="button" class="hs-tooltip-toggle flex gaa3v items-center ary0k xlv2m zao2n i6gk1 wv5n2 x66be disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden ka9j4">
                                        <svg class="f832y t6dfr" xmlns="http://www.w3.org/2000/svg" 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="n2eu3">Delete</span>
                                      </button>
                                      <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute qe3ac htnk8 hd5mz d4nlf sgmna t8tjb wczqj uhey0 d2r0j tp74o tfcfu" role="tooltip">
                                        Delete
                                      </span>
                                    </div>
                                    
                                  </div>
                                  
                                </div>
                                
                              </div>

<div class="group w-full lg:flex wtu50">
                                <div class="flex a8fry">
                                  <div class="f832y c4aky jr0cl">
                                  </div>
      
                                  <div class="-ms-2 gghqq w-full srfya">
                                    <div class="flex pdh8i n68jf" style="word-break: break-word;">
                                      <div class="hd5mz d4nlf inline-block g4iir vf5zt">
                                        <div class="zao2n i6gk1">
                                          I'm available tomorrow (Thursday) at 2 PM or Friday morning before 11 AM
              
                                          <span class="ezbb5 text-[11px] f9oih">
                                            11:13
                                          </span>
                                        </div>
                                      </div>

<div class="lg:hidden">
                                        
                                        <button type="button" class="hs-collapse-toggle flex gaa3v items-center ary0k c4aky zao2n i6gk1 wv5n2 x66be disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden ka9j4" 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="n2eu3">Collapse</span>
                                          <svg class="hs-collapse-open:rotate-180 f832y krmzt" xmlns="http://www.w3.org/2000/svg" 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="r1so8 flex items-center n68jf">
                                      <div class="hs-tooltip inline-block">
                                        <span class="hs-tooltip-toggle vtlxz w3bd2 tb9a0 flex fymv5 t8tjb klgzo x66be dark:bg-primary-500/20 dark:border-primary-500/30">
                                          <span class="zao2n d8utf">
                                            👍️ 2
                                          </span>
                                          <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute qe3ac htnk8 hd5mz d4nlf sgmna t8tjb wczqj uhey0 d2r0j tp74o tfcfu" role="tooltip">
                                            Isabella and James reacted
                                          </span>
                                        </span>
                                      </div>

<div class="hs-tooltip inline-block">
                                        <button type="button" class="hs-tooltip-toggle flex gaa3v items-center ary0k xlv2m zao2n i6gk1 wv5n2 x66be disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden ka9j4">
                                          <svg class="f832y t6dfr" xmlns="http://www.w3.org/2000/svg" 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="n2eu3">Add reaction</span>
                                        </button>
                                        <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute qe3ac htnk8 hd5mz d4nlf sgmna t8tjb wczqj uhey0 d2r0j tp74o tfcfu" role="tooltip">
                                          Add reaction
                                        </span>
                                      </div>
                                      
                                    </div>
                                  </div>
                                </div>

<div id="hs-pro-in1tctclid2_3-heading" class="hs-collapse hidden w-full overflow-hidden transition-[height] xo35j lg:w-auto lg:block lg:group-hover:opacity-100 lg:opacity-0" aria-labelledby="hs-pro-in1tctclid2_3" role="region">
                                  
                                  <div class="dxprp i0sz3 u0r1h tsr5c jyyo0 kqamx x66be y9wzu inline-flex items-center t8hl3">
                                    
                                    <div class="hs-tooltip inline-block">
                                      <button type="button" class="hs-tooltip-toggle flex gaa3v items-center ary0k xlv2m zao2n i6gk1 wv5n2 x66be disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden ka9j4">
                                        <svg class="f832y t6dfr" xmlns="http://www.w3.org/2000/svg" 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="n2eu3">Add reaction</span>
                                      </button>
                                      <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute qe3ac htnk8 hd5mz d4nlf sgmna t8tjb wczqj uhey0 d2r0j tp74o tfcfu" role="tooltip">
                                        Add reaction
                                      </span>
                                    </div>

<div class="hs-tooltip inline-block">
                                      <button type="button" class="hs-tooltip-toggle flex gaa3v items-center ary0k xlv2m zao2n i6gk1 wv5n2 x66be disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden ka9j4">
                                        <svg class="f832y t6dfr" xmlns="http://www.w3.org/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="n2eu3">Reply</span>
                                      </button>
                                      <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute qe3ac htnk8 hd5mz d4nlf sgmna t8tjb wczqj uhey0 d2r0j tp74o tfcfu" role="tooltip">
                                        Reply
                                      </span>
                                    </div>

<div class="hs-tooltip inline-block">
                                      <button type="button" class="hs-tooltip-toggle flex gaa3v items-center ary0k xlv2m zao2n i6gk1 wv5n2 x66be disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden ka9j4">
                                        <svg class="f832y t6dfr" xmlns="http://www.w3.org/2000/svg" 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="n2eu3">Edit</span>
                                      </button>
                                      <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute qe3ac htnk8 hd5mz d4nlf sgmna t8tjb wczqj uhey0 d2r0j tp74o tfcfu" role="tooltip">
                                        Edit
                                      </span>
                                    </div>

<div class="hs-tooltip inline-block">
                                      <button type="button" class="hs-tooltip-toggle flex gaa3v items-center ary0k xlv2m zao2n i6gk1 wv5n2 x66be disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden ka9j4">
                                        <svg class="f832y t6dfr" xmlns="http://www.w3.org/2000/svg" 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="n2eu3">Delete</span>
                                      </button>
                                      <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute qe3ac htnk8 hd5mz d4nlf sgmna t8tjb wczqj uhey0 d2r0j tp74o tfcfu" role="tooltip">
                                        Delete
                                      </span>
                                    </div>
                                    
                                  </div>
                                  
                                </div>
                                
                              </div>
                            </div>

<div class="xdpon">
                              
                              <div class="relative group wer7x gtp8j last:after:hidden after:absolute after:top-8 after:bottom-0 after:start-4 after:border-s after:border-line-2">
                                <div class="w-full flex a8fry">
                                  <span class="flex f832y gaa3v items-center c4aky g4iir zao2n eitz2 b63od q95gx x66be">
                                    <svg class="f832y t6dfr" xmlns="http://www.w3.org/2000/svg" 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="xkklm r1so8">
                                    <span class="zao2n q95gx">
                                      <span class="eitz2">Assigned</span> to Lewis Clarke by Isabella Lauda
                                    </span>

<div class="relative group wer7x gtp8j last:after:hidden after:absolute after:top-8 after:bottom-0 after:start-4 after:border-s after:border-line-2">
                                <div class="w-full flex a8fry">
                                  <span class="flex f832y gaa3v items-center c4aky g4iir zao2n eitz2 b63od q95gx x66be">
                                    <svg class="f832y t6dfr" xmlns="http://www.w3.org/2000/svg" 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="xkklm r1so8">
                                    <span class="zao2n q95gx">
                                      <span class="eitz2">Moved</span> to Gmail by Isabella Lauda
                                    </span>

<div class="relative group wer7x gtp8j last:after:hidden after:absolute after:top-8 after:bottom-0 after:start-4 after:border-s after:border-line-2">
                                <div class="w-full flex a8fry">
                                  <span class="flex f832y gaa3v items-center c4aky g4iir zao2n eitz2 b63od q95gx x66be">
                                    <svg class="f832y t6dfr" xmlns="http://www.w3.org/2000/svg" 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="xkklm r1so8">
                                    <span class="zao2n q95gx">
                                      <span class="eitz2">Added</span> to <span class="ac5ar guyox kqamx t8tjb o67vx ar50x zao2n x66be">Generic</span> tag by Isabella Lauda
                                    </span>

<div class="relative group wer7x gtp8j last:after:hidden after:absolute after:top-8 after:bottom-0 after:start-4 after:border-s after:border-line-2">
                                <div class="w-full flex a8fry">
                                  <span class="flex f832y gaa3v items-center c4aky g4iir zao2n eitz2 b63od q95gx x66be">
                                    <svg class="f832y t6dfr" xmlns="http://www.w3.org/2000/svg" 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="xkklm r1so8">
                                    <span class="zao2n q95gx">
                                      <span class="eitz2">Added</span> to <span class="ac5ar guyox kqamx t8tjb o67vx d8utf zao2n x66be">Reviews</span> tag by Isabella Lauda
                                    </span>

<div id="hs-pro-in1tcid2" class="hs-accordion ">
                              <div class="zjfwe kqamx vf5zt dao1f">
                                
                                <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="xyt5v xdpon xnylc w-full inline-flex items-center c3em3 truncate">
                                    <div class="w-full flex la8o9 truncate">
                                      <img class="r1so8 f832y c4aky x66be" 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="xkklm truncate flex flex-col">
                                        
                                        <div class=" truncate">
                                          <div class="hs-tooltip [--trigger:click] [--placement:bottom-left] inline-block qlvxb">
                                            <span class="hs-tooltip-toggle relative mujgv inline-flex items-center truncate zao2n eitz2 l2bgt cursor-pointer sjf6e tmkca" tabindex="-1">
                                              Lewis Clarke
                                            </span>

<div class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible hidden opacity-0 zd5rh absolute qe3ac qv7uu xq4ju hn98d w-full bg-popover t8tjb border-popover-line fb2rt hua1b w04j3 after:absolute after:top-0 after:-start-4 after:w-4 after:h-full" role="tooltip">
                                              <div class="fj10a">
                                                <span class="block bipfe zao2n q95gx">
                                                  Contact
                                                </span>

<div class="flex flex-col gaa3v items-center uqtnu">
                                                  <img class="f832y o6yeh x66be" 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="r7fmq jet6l l2bgt">
                                                    Lewis Clarke
                                                  </h4>
                                                </div>

<div class="r1so8 jr0cl">
                                                  <p class="zao2n l2bgt">
                                                    <a class="inline-flex items-center wtg7y text-[13px] d8utf p295z tmkca focus:outline-hidden tcf24" href="#">lewis@company.com</a>
                                                  </p>
                                                </div>
        
                                                
                                                <div class="w5joo ebmio flex tah6m items-center bgvr9 y87u5">
                                                  <a class="inline-flex items-center wtg7y uhey0 q95gx p864q focus:outline-hidden srgj1 disabled:opacity-50 disabled:pointer-events-none" href="#">
                                                    <svg class="f832y pacrc" xmlns="http://www.w3.org/2000/svg" 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="hd5mz wcr5b inline-flex items-center wtg7y zao2n tp74o kqamx t8tjb o67vx a8swc y9wzu aj6di disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden a6ijy">
                                                    <svg class="f832y krmzt" xmlns="http://www.w3.org/2000/svg" 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 qlvxb truncate">
                                          <div class="hs-tooltip [--trigger:click] [--placement:bottom-left] inline-block qlvxb">
                                            <span class="truncate zao2n l2bgt">To:</span>
                                            <span class="hs-tooltip-toggle relative mujgv inline-flex items-center truncate zao2n q95gx cursor-pointer sjf6e tmkca" tabindex="-1">
                                              Sarah Chen
                                            </span>

<div class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible hidden opacity-0 zd5rh absolute qe3ac qv7uu xq4ju hn98d w-full bg-popover t8tjb border-popover-line fb2rt hua1b w04j3 after:absolute after:top-0 after:-start-4 after:w-4 after:h-full" role="tooltip">
                                              <div class="fj10a">
                                                <span class="block bipfe zao2n q95gx">
                                                  Contact
                                                </span>

<div class="flex flex-col gaa3v items-center uqtnu">
                                                  <span class="flex f832y gaa3v items-center o6yeh b63od f4saj dqb0q x66be">S</span>
                                                  <h4 class="r7fmq jet6l l2bgt">
                                                    Sarah Chen
                                                  </h4>
                                                </div>

<div class="r1so8 jr0cl">
                                                  <p class="zao2n l2bgt">
                                                    <a class="inline-flex items-center wtg7y text-[13px] d8utf p295z tmkca focus:outline-hidden tcf24" href="#">schen@company.com</a>
                                                  </p>
                                                </div>
        
                                                
                                                <div class="w5joo ebmio flex tah6m items-center bgvr9 y87u5">
                                                  <a class="inline-flex items-center wtg7y uhey0 q95gx p864q focus:outline-hidden srgj1 disabled:opacity-50 disabled:pointer-events-none" href="#">
                                                    <svg class="f832y pacrc" xmlns="http://www.w3.org/2000/svg" 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="hd5mz wcr5b inline-flex items-center wtg7y zao2n tp74o kqamx t8tjb o67vx a8swc y9wzu aj6di disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden a6ijy">
                                                    <svg class="f832y krmzt" xmlns="http://www.w3.org/2000/svg" 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 qlvxb truncate">
                                          <span class="truncate zao2n l2bgt">Date:</span>
                                          <span class="truncate zao2n q95gx">October 3, 2024 11:30 AM</span>
                                        </div>
            
                                        <div class="hs-accordion-force-active hs-accordion-active:hidden qlvxb truncate">
                                          <p class="truncate zao2n q95gx">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="gghqq">
                                        <span class="hs-accordion-force-active hs-accordion-active:hidden uhey0 inline-block q95gx">Oct 3</span>
                                        <span class="hs-accordion-force-active sm:hs-accordion-active:inline-block hidden uhey0 q95gx">October 3, 2024 11:30 AM</span>
                                      </div>
                                    </div>
                                  </div>

<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 yabtr transition-[opacity,margin] duration opacity-0 hidden wclt1 xi8es t8tjb wj0s8 hua1b u3xci" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-in1tctmdid2">
                                        <div class="max-h-[42dvh] overflow-y-auto [&::-webkit-scrollbar]:w-2 [&::-webkit-scrollbar-thumb]:rounded-none [&::-webkit-scrollbar-track]:bg-scrollbar-track [&::-webkit-scrollbar-thumb]:bg-scrollbar-thumb">
                                          <div class="shpns space-y-0.5 jvyn5 tj4vj g4tl9">
                                            <button type="button" class="w-full flex items-center ary0k hd5mz wcr5b tp74o text-[13px] mr4k5 ylpnb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden de5l5">
                                              <svg class="f832y t6dfr" xmlns="http://www.w3.org/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="w-full flex items-center ary0k hd5mz wcr5b tp74o text-[13px] mr4k5 ylpnb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden de5l5">
                                              <svg class="f832y t6dfr" xmlns="http://www.w3.org/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="w-full flex items-center ary0k hd5mz wcr5b tp74o text-[13px] mr4k5 ylpnb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden de5l5" data-hs-overlay="#hs-pro-chhsn">
                                              <svg class="f832y t6dfr" xmlns="http://www.w3.org/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="w-full flex items-center ary0k hd5mz wcr5b tp74o text-[13px] mr4k5 ylpnb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden de5l5" data-hs-overlay="#hs-pro-chhsn">
                                              <svg class="f832y t6dfr" xmlns="http://www.w3.org/2000/svg" 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="shpns space-y-0.5 jvyn5 tj4vj g4tl9">
                                            <button type="button" class="w-full flex items-center ary0k hd5mz wcr5b tp74o text-[13px] mr4k5 ylpnb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden de5l5">
                                              <svg class="f832y t6dfr" xmlns="http://www.w3.org/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="w-full flex items-center ary0k hd5mz wcr5b tp74o text-[13px] mr4k5 ylpnb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden de5l5">
                                              <svg class="f832y t6dfr" xmlns="http://www.w3.org/2000/svg" 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="w-full flex items-center ary0k hd5mz wcr5b tp74o text-[13px] mr4k5 ylpnb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden de5l5">
                                              <svg class="f832y t6dfr" xmlns="http://www.w3.org/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="w-full flex items-center ary0k hd5mz wcr5b tp74o text-[13px] mr4k5 ylpnb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden de5l5">
                                              <svg class="f832y t6dfr" xmlns="http://www.w3.org/2000/svg" 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="w-full flex items-center ary0k hd5mz wcr5b tp74o text-[13px] mr4k5 ylpnb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden de5l5" data-hs-overlay="#hs-pro-chhsn">
                                              <svg class="f832y t6dfr" xmlns="http://www.w3.org/2000/svg" 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="shpns space-y-0.5 jvyn5 tj4vj g4tl9">
                                            <button type="button" class="w-full flex items-center ary0k hd5mz wcr5b tp74o text-[13px] mr4k5 ylpnb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden de5l5" data-hs-overlay="#hs-pro-chhtgm">
                                              <svg class="f832y t6dfr" xmlns="http://www.w3.org/2000/svg" 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="ac5ar esl90 inline-flex items-center wtg7y uhey0 jet6l fymv5 ymfle x66be dark:bg-primary-500/10 dark:text-primary-500">New</span>
                                            </button>
                                          </div>
                                          <div class="shpns space-y-0.5 jvyn5 tj4vj g4tl9">
                                            <button type="button" class="w-full flex items-center ary0k hd5mz wcr5b tp74o text-[13px] mr4k5 ylpnb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden de5l5" data-hs-overlay="#hs-pro-chhsh">
                                              <svg class="f832y t6dfr" xmlns="http://www.w3.org/2000/svg" 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="w-full flex items-center ary0k hd5mz wcr5b tp74o text-[13px] mr4k5 ylpnb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden de5l5" data-hs-overlay="#hs-pro-chhsh">
                                              <svg class="f832y t6dfr" xmlns="http://www.w3.org/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="w-full flex items-center ary0k hd5mz wcr5b tp74o text-[13px] mr4k5 ylpnb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden de5l5" data-hs-overlay="#hs-pro-chhsh">
                                              <svg class="f832y t6dfr" xmlns="http://www.w3.org/2000/svg" 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 w-full overflow-hidden" role="region" aria-labelledby="hs-pro-in1tcid2">
                                  <div class="fj10a bgvr9 y87u5">
                                    <div class="zao2n l2bgt">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="bzdc7 space-y-0.5">
                              <div class="iciju flex flex-wrap items-center g2np1">
                                <span class="uhey0 q95gx">
                                  James Collins
                                </span>
                              </div>

<div class="group w-full lg:flex wtu50">
                                <div class="w-full flex a8fry">
                                  <div class="f832y c4aky jr0cl">
                                    <img class="f832y c4aky x66be" 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 gghqq w-full srfya">
                                    
                                    <div class="relative">
                                      <textarea class="min-h-[59px] nnjsc rnorz fpnaz block w-full g4iir fcobp ow3cs qlvxb tp74o vdj7j aj6di l2bgt wj88j focus:outline-hidden a6ijy zr7p6 zf04z disabled:opacity-50 disabled:pointer-events-none overflow-y-auto [&::-webkit-scrollbar]:w-2 [&::-webkit-scrollbar-thumb]:rounded-none [&::-webkit-scrollbar-track]:bg-scrollbar-track [&::-webkit-scrollbar-thumb]:bg-scrollbar-thumb" 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 u00sc db9nv cv65g -translate-y-1/2 flex items-center n68jf">
                                        
                                        <div class="hs-tooltip inline-block">
                                          <button type="button" class="hs-tooltip-toggle flex gaa3v items-center ary0k d5pxa zao2n i6gk1 ouzu8 x66be disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden c96wz">
                                            <svg class="f832y t6dfr" xmlns="http://www.w3.org/2000/svg" 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="n2eu3">Attach file</span>
                                          </button>
                                          <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute qe3ac htnk8 hd5mz d4nlf sgmna t8tjb wczqj uhey0 d2r0j tp74o tfcfu" role="tooltip">
                                            Attach file
                                          </span>
                                        </div>
                                        
  
                                        
                                        <div class="hs-tooltip inline-block">
                                          <button type="button" class="hs-tooltip-toggle flex gaa3v items-center ary0k d5pxa zao2n i6gk1 ouzu8 x66be disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden c96wz">
                                            <svg class="f832y t6dfr" xmlns="http://www.w3.org/2000/svg" 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="n2eu3">Add emoji</span>
                                          </button>
                                          <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute qe3ac htnk8 hd5mz d4nlf sgmna t8tjb wczqj uhey0 d2r0j tp74o tfcfu" role="tooltip">
                                            Add emoji
                                          </span>
                                        </div>
                                        
  
                                        
                                        <div class="hs-tooltip inline-block">
                                          <button type="button" class="hs-tooltip-toggle flex gaa3v items-center ary0k d5pxa zao2n i6gk1 ouzu8 x66be disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden c96wz">
                                            <svg class="f832y t6dfr" xmlns="http://www.w3.org/2000/svg" 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="n2eu3">Send voice message</span>
                                          </button>
                                          <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute qe3ac htnk8 hd5mz d4nlf sgmna t8tjb wczqj uhey0 d2r0j tp74o tfcfu" role="tooltip">
                                            Send voice message
                                          </span>
                                        </div>
                                        
                                      </div>
                                      
                                    </div>

<div class="r1so8 flex wzdcx items-center n68jf">
                                      <button type="button" class="hd5mz d4nlf inline-flex items-center c3em3 jet6l zao2n tp74o t8tjb y87u5 d8utf aj6di disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden a6ijy">
                                        Cancel
                                      </button>

<div id="hs-pro-in1tcid3" class="hs-accordion active">
                              <div class="zjfwe kqamx vf5zt dao1f">
                                
                                <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>