Inbox, Chat & Messages Layouts

Inbox Demo new Preview

<!DOCTYPE html>
              <html lang="en" class="relative h3sa8">
                <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">
                </head>
                
                <style>
                  .ProseMirror:focus {
                    outline: none;
                  }
  
                  .tiptap ul p,
                  .tiptap ol p {
                    display: inline;
                  }
  
                  .tiptap p.is-editor-empty:first-child::before {
                    font-size: 14px;
                    content: attr(data-placeholder);
                    float: left;
                    height: 0;
                    pointer-events: none;
                  }
  
                  .dark .tiptap p.is-editor-empty:first-child::before {
                    color: #737373;
                  }
                </style>

<header class="fixed vemhv um3t3 flex flex-wrap q80cu pqa0x w4j19 nz7b4 bm6ej khwhk dark:bg-neutral-900 dark:border-neutral-700">
                <div class="flex fa4f9 r08b1 nhi5p vrt27 items-center w-full rsqxb vo9dv qse3u">
                  <div class="fls8t du2fm flex items-center hwu3o">
                    
                    <a class="uk7rt m6q9e lrcan xd86q lno3i t4rxa ggmg5" href="index.html" aria-label="Preline">
                      <svg class="oo1v2 r2ow2" 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="ax40t dark:fill-white" fill="currentColor"/>
                        <path d="M1 29.5V16.5C1 9.87258 6.37258 4.5 13 4.5C19.6274 4.5 25 9.87258 25 16.5C25 23.1274 19.6274 28.5 13 28.5H12" class="i4qm7 dark:stroke-white" stroke="currentColor" stroke-width="2"/>
                        <path d="M5 29.5V16.66C5 12.1534 8.58172 8.5 13 8.5C17.4183 8.5 21 12.1534 21 16.66C21 21.1666 17.4183 24.82 13 24.82H12" class="i4qm7 dark:stroke-white" stroke="currentColor" stroke-width="2"/>
                        <circle cx="13" cy="16.5214" r="5" class="ax40t dark:fill-white" fill="currentColor"/>
                      </svg>
                    </a>
                    
      
                    <div id="hs-left-sidebar-toggle" class="w0cdh">
                      
                      <button type="button" class="e2pwv ftcoq rl1tg a459h items-center klk5r a3wk8 zd5ha zb2tq qm5z2 khwhk nz7b4 t4wtn fwpr6 w8bqc t4rxa c2pts iec4s haq8z dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" aria-haspopup="dialog" aria-expanded="false" aria-controls="hs-pro-inbox-sidebar" aria-label="Toggle navigation" data-hs-overlay="#hs-pro-inbox-sidebar">
                        <svg class="xqknn d681g" xmlns="http://www.w3.org/2000/svg" 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="fls8t hidden mhpj3">
                    
                    <div class="relative">
                      <div class="absolute moo8f vvp3o flex items-center xg820 jixua efkfp">
                        <svg class="xqknn d681g w8otv dark:text-white/60" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.3-4.3"/></svg>
                      </div>
                      <input type="text" class="rsqxb lrnrj cc1ly block w-full nz7b4 khwhk zb2tq a3wk8 t4rxa mbp40 m9065 iec4s haq8z dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-400 dark:placeholder:text-neutral-400 dark:focus:ring-neutral-600" placeholder="Search in mail">
                      <div class="hidden absolute moo8f b3qfa flex items-center xg820 jixua odq3z">
                        <button type="button" class="rl1tg xqknn a459h items-center hz5e3 icuyk kugle vfm71 t4rxa u6giu dark:text-neutral-500 dark:hover:text-blue-500 dark:focus:text-blue-500" aria-label="Close">
                          <span class="tuthn">Close</span>
                          <svg class="xqknn d681g" xmlns="http://www.w3.org/2000/svg" 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="f3wo1 rl1tg a459h items-center klk5r zb2tq qm5z2 ftfcy kugle x8k6f iec4s haq8z t4rxa c2pts dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
                      <svg class="xqknn d681g" xmlns="http://www.w3.org/2000/svg" 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="f3wo1 rl1tg a459h items-center klk5r zb2tq qm5z2 ftfcy kugle x8k6f iec4s haq8z t4rxa c2pts dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
                      <svg class="xqknn d681g" xmlns="http://www.w3.org/2000/svg" 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 i1ucw transition-[opacity,margin] duration opacity-0 hidden jixua nz7b4 u33oi shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] dark:shadow-[0_10px_40px_10px_rgba(0,0,0,0.2)] dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-dnad">
                          <div class="aqh96 bm6ej khwhk dark:border-neutral-800">
                            <a class="rsqxb cc1ly flex items-center hwu3o zb2tq a3wk8 t4wtn x8k6f iec4s haq8z t4rxa c2pts dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="../../pro/dashboard/user-profile-my-profile.html">
                              <img class="xqknn j1mw5 icuyk" 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="qisry">
                                <span class="a3wk8 lno3i t4wtn dark:text-neutral-300">
                                  James Collison
                                </span>
                                <p class="egssd kugle dark:text-neutral-500">
                                  Preline@HS
                                </p>
                              </div>
                            </a>
                          </div>
                          <div class="aqh96">
                            <a class="flex items-center hwu3o rsqxb cc1ly zb2tq a3wk8 t4wtn x8k6f iec4s haq8z t4rxa c2pts dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
                              <svg class="xqknn hv677 d681g" xmlns="http://www.w3.org/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 hwu3o rsqxb cc1ly zb2tq a3wk8 t4wtn x8k6f iec4s haq8z t4rxa c2pts dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
                              <svg class="xqknn d681g" xmlns="http://www.w3.org/2000/svg" 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 hwu3o rsqxb cc1ly zb2tq a3wk8 t4wtn x8k6f iec4s haq8z t4rxa c2pts dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
                              <svg class="xqknn hv677 d681g" xmlns="http://www.w3.org/2000/svg" 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="x7giz uedmn c0n9n khwhk dark:border-neutral-800">
                            
                            <div class="flex fa4f9 items-center">
                              <label for="hs-pro-inndm" class="a3wk8 t4wtn dark:text-neutral-300">Dark mode</label>
                              <div class="relative xd86q">
                                <input data-hs-theme-switch type="checkbox" id="hs-pro-inndm" class="relative p158c mubga g3kj2 o7p0z ftfcy q9efq icuyk cursor-pointer m39z4 jryni xadp7 m9065 iec4s haq8z checked:bg-none checked:text-blue-600 checked:border-blue-600 focus:checked:border-blue-600 dark:bg-neutral-800 dark:border-neutral-700 dark:checked:bg-blue-500 dark:checked:border-blue-500 dark:focus:ring-offset-neutral-900

kj2qv px11w xi15w vxbc1 p1nlw mqo4c olpql gyeq4 mbgvg tvt4z zutt1 h2kr4 gkp2r dark:before:bg-neutral-400 dark:checked:before:bg-white">
                              </div>
                            </div>
                            
                          </div>
                          <div class="aqh96">
                            <a class="flex items-center hwu3o rsqxb cc1ly zb2tq a3wk8 t4wtn x8k6f iec4s haq8z t4rxa c2pts dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
                              Customization
                              <div class="honp5">
                                <span class="honp5 rl1tg items-center bag0c k5h7f ujcg9 v58qp m35lt hbfi0 zd5ha o7p0z t4wtn dark:bg-neutral-700 dark:text-neutral-300">
                                  New
                                </span>
                              </div>
                            </a>
                            <a class="flex items-center hwu3o rsqxb cc1ly zb2tq a3wk8 t4wtn x8k6f iec4s haq8z t4rxa c2pts dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
                              Manage team
                            </a>
                            <a class="flex items-center hwu3o rsqxb cc1ly zb2tq a3wk8 t4wtn x8k6f iec4s haq8z t4rxa c2pts dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
                              Sign out
                            </a>
                          </div>
                          <div class="aqh96 jn9n3 khwhk dark:border-neutral-800">
                            <button type="button" class="flex hv677 hwu3o rsqxb cc1ly w-full zb2tq a3wk8 t4wtn x8k6f iec4s haq8z t4rxa c2pts dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-dasadam">
                              <svg class="xqknn d681g hv677" xmlns="http://www.w3.org/2000/svg" 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="flex mzktv" data-hs-layout-splitter-horizontal-group>
                  
                  <aside id="hs-pro-inbox-sidebar" class="hs-overlay [--auto-close:xl] ic1ki
                      n8cky
                      u2awo
                      fixed vemhv vvp3o svysk
                      -translate-x-full gyfl6 x5im3 y55ia
                      hidden
                      nz7b4 khwhk
  
                      gj728
                      vrx4o jp29u
                      vz48k aat42 sr974 
                      fspxs
                      orud1 xl:h-[calc(100dvh-55px)] p4gq8
                      l4nbr
    
                      hs-overlay-open:translate-x-0
                      hpddy
  
                      hbmn9
                      j7lst
                      q50a7
                      xg19r ttm0q foh34 k7mw9
                      s20k1 tt0bc
  
                      cxe97
  
                      dark:bg-neutral-900 dark:border-neutral-700" tabindex="-1" aria-label="Sidebar" data-hs-layout-splitter-item='{
                        "dynamicSize": 15.0,
                        "minSize": 12.0
                      }' style="flex: 15 1 0px;">
                    <div class="p8r3t flex">
                      <div class="flex ao3ns p8r3t j9aoa">
                        
                        <div class="du2fm a17xw sh48p ygi9h wv8uu wt1jo dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
                          
                          <nav class="flex g7fr9 otlhf w-full flex ao3ns">
                            
                            <div class="p65gp shme7">
                              <div class="ujcg9">
                                
                                <button type="button" class="rsqxb cc1ly w-full rl1tg a459h items-center gbe75 egssd zd5ha zb2tq qm5z2 ftfcy ob5sd txh0b hs3rw iec4s haq8z t4rxa c78c9 f9924" data-hs-overlay="#hs-pro-intcm">
                                  <svg class="xqknn d681g" xmlns="http://www.w3.org/2000/svg" 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="ht2g6 cqbvv ndt14 pntrg flex fa4f9 items-center klk5r">
                                <span class="block egssd truncate kugle dark:text-neutral-500">
                                  <span class="truncate">Mailboxes</span>
                                </span>
                              </div>

<div class="hs-accordion active" id="inbox-accordion">
                                <button type="button" class="hs-accordion-toggle w-full gxh7t flex items-center klk5r p65gp otlhf a3wk8 truncate f5wd6 zb2tq x8k6f t4rxa c2pts dark:hover:bg-neutral-800 dark:text-neutral-400 dark:focus:bg-neutral-800" aria-expanded="true" aria-controls="inbox-accordion-sub">
                                  <span class="fkyps">
                                    <svg class="hs-accordion-active:-rotate-180 xqknn ccfki yl0jh" xmlns="http://www.w3.org/2000/svg" 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="xqknn ccfki" xmlns="http://www.w3.org/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="honp5">
                                    <span class="egssd nd22a">
                                      1,086
                                    </span>
                                  </span>
                                </button>

<div id="inbox-accordion-sub" class="hs-accordion-content w-full wcomx transition-[height] x5im3" role="region" aria-labelledby="inbox-accordion">
                                  <ul class="hs-accordion-group hv677 shme7" data-hs-accordion-always-open>
                                    <li>
                                      <a class="flex items-center klk5r p65gp yo0r9 zap82 a3wk8 truncate f5wd6 zb2tq x8k6f t4rxa c2pts dark:hover:bg-neutral-800 dark:text-neutral-400 dark:focus:bg-neutral-800" href="#">
                                        <svg class="xqknn ccfki" xmlns="http://www.w3.org/2000/svg" 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 klk5r p65gp yo0r9 zap82 a3wk8 truncate f5wd6 zb2tq x8k6f t4rxa c2pts dark:hover:bg-neutral-800 dark:text-neutral-400 dark:focus:bg-neutral-800" href="#">
                                        <svg class="xqknn ccfki" xmlns="http://www.w3.org/2000/svg" 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 klk5r p65gp yo0r9 zap82 a3wk8 truncate f5wd6 zb2tq x8k6f t4rxa c2pts dark:hover:bg-neutral-800 dark:text-neutral-400 dark:focus:bg-neutral-800" href="#">
                                        <svg class="xqknn ccfki" xmlns="http://www.w3.org/2000/svg" width="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 klk5r p65gp yo0r9 zap82 lno3i a3wk8 f5wd6 zb2tq x8k6f t4rxa c2pts dark:hover:bg-neutral-800 dark:text-neutral-400 dark:focus:bg-neutral-800" href="#">
                                        <div class="xqknn fkyps">
                                          <div class="xqknn kc2l7 pvi3v v2dny icuyk"></div>
                                        </div>
                                        <span class="truncate">Gmail</span>

<div>
                                <a class="flex items-center klk5r p65gp otlhf a3wk8 truncate f5wd6 zb2tq x8k6f t4rxa c2pts dark:hover:bg-neutral-800 dark:text-neutral-400 dark:focus:bg-neutral-800" href="#">
                                  <span class="fkyps"></span>
                                  <svg class="xqknn ccfki" xmlns="http://www.w3.org/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 klk5r p65gp otlhf a3wk8 truncate f5wd6 zb2tq x8k6f t4rxa c2pts dark:hover:bg-neutral-800 dark:text-neutral-400 dark:focus:bg-neutral-800" href="#">
                                  <span class="fkyps"></span>
                                  <svg class="xqknn ccfki" xmlns="http://www.w3.org/2000/svg" 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 klk5r p65gp otlhf a3wk8 truncate f5wd6 zb2tq x8k6f t4rxa c2pts dark:hover:bg-neutral-800 dark:text-neutral-400 dark:focus:bg-neutral-800" href="#">
                                  <span class="fkyps"></span>
                                  <svg class="xqknn ccfki" xmlns="http://www.w3.org/2000/svg" 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="ndy3z hidden w-full wcomx transition-[height] x5im3" aria-labelledby="hs-pro-isnshml">
                                <div class="shme7">
                                  
                                  <div>
                                    <a class="flex items-center klk5r p65gp otlhf a3wk8 truncate f5wd6 zb2tq x8k6f t4rxa c2pts dark:hover:bg-neutral-800 dark:text-neutral-400 dark:focus:bg-neutral-800" href="#">
                                      <span class="fkyps"></span>
                                      <svg class="xqknn ccfki" xmlns="http://www.w3.org/2000/svg" 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 klk5r p65gp otlhf lno3i a3wk8 f5wd6 zb2tq x8k6f t4rxa c2pts dark:hover:bg-neutral-800 dark:text-neutral-400 dark:focus:bg-neutral-800" href="#">
                                      <span class="fkyps"></span>
                                      <svg class="xqknn ccfki" xmlns="http://www.w3.org/2000/svg" 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="honp5 o1wk9">
                                        <span class="egssd nd22a">
                                          3
                                        </span>
                                      </span>
                                    </a>
                                  </div>

<div>
                                    <a class="flex items-center klk5r p65gp otlhf a3wk8 truncate f5wd6 zb2tq x8k6f t4rxa c2pts dark:hover:bg-neutral-800 dark:text-neutral-400 dark:focus:bg-neutral-800" href="#">
                                      <span class="fkyps"></span>
                                      <svg class="xqknn ccfki" xmlns="http://www.w3.org/2000/svg" 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="d3qt8">
                                <button type="button" class="hs-collapse-toggle eek80 vo9dv flex a459h items-center o9jhx egssd kugle m6q9e x8k6f iec4s haq8z t4rxa dark:hover:bg-neutral-800 dark:text-neutral-500" id="hs-pro-isnshml" aria-expanded="false" aria-controls="hs-pro-isnshml-heading" data-hs-collapse="#hs-pro-isnshml-heading">
                                  Show
                                  <span class="hs-collapse-open:hidden">more</span>
                                  <span class="hs-collapse-open:block hidden">less</span>
                                  <svg class="hs-collapse-open:-rotate-180 xqknn jxt54 yl0jh" xmlns="http://www.w3.org/2000/svg" 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="p65gp shme7">
                              
                              <div class="ndt14 pntrg flex fa4f9 items-center klk5r">
                                <span class="block egssd truncate kugle dark:text-neutral-500">
                                  <span class="truncate">Work</span>
                                </span>

<div class="hs-tooltip [--placement:left] xd86q">
                                  <button type="button" class="hs-tooltip-toggle j1mw5 flex a459h items-center klk5r kugle zb2tq x8k6f t4rxa c2pts dark:text-neutral-500 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-incnlm">
                                    <svg class="xqknn d681g" xmlns="http://www.w3.org/2000/svg" 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 xd86q absolute ilxaa jixua p65gp otlhf bg-gray-900 egssd txh0b zb2tq dark:bg-neutral-800" role="tooltip">
                                    Create new label
                                  </span>
                                </div>
                                
                              </div>

<div class="hs-accordion active" id="preline-accordion">
                                <button type="button" class="hs-accordion-toggle w-full gxh7t flex items-center klk5r p65gp otlhf a3wk8 truncate f5wd6 zb2tq x8k6f t4rxa c2pts dark:hover:bg-neutral-800 dark:text-neutral-400 dark:focus:bg-neutral-800" aria-expanded="true" aria-controls="preline-accordion-sub">
                                  <span class="fkyps">
                                    <svg class="hs-accordion-active:-rotate-180 xqknn ccfki yl0jh" xmlns="http://www.w3.org/2000/svg" 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 xqknn a459h items-center ccfki m35lt f2xez ho19y txh0b icuyk">
                                    P
                                  </span>
                                  <span class="truncate">Preline</span>
                                  <span class="honp5 o1wk9">
                                    <span class="egssd nd22a">
                                      10
                                    </span>
                                  </span>
                                </button>

<div id="preline-accordion-sub" class="hs-accordion-content w-full wcomx transition-[height] x5im3" role="region" aria-labelledby="preline-accordion">
                                  <ul class="hs-accordion-group hv677 shme7" data-hs-accordion-always-open>
                                    <li>
                                      <a class="flex items-center klk5r p65gp yo0r9 zap82 a3wk8 truncate f5wd6 zb2tq x8k6f t4rxa c2pts dark:hover:bg-neutral-800 dark:text-neutral-400 dark:focus:bg-neutral-800" href="#">
                                        <div class="xqknn fkyps">
                                          <div class="xqknn kc2l7 pvi3v eulot icuyk"></div>
                                        </div>
                                        <span class="truncate">Github</span>

<li>
                                      <a class="flex items-center klk5r p65gp yo0r9 zap82 a3wk8 truncate f5wd6 zb2tq o7p0z t4rxa dark:bg-neutral-800 dark:text-neutral-400" href="#">
                                        <div class="xqknn fkyps">
                                          <div class="xqknn kc2l7 pvi3v qy302 icuyk"></div>
                                        </div>
                                        <span class="truncate">Gmail</span>

<li>
                                      <a class="flex items-center klk5r p65gp yo0r9 zap82 a3wk8 truncate f5wd6 zb2tq x8k6f t4rxa c2pts dark:hover:bg-neutral-800 dark:text-neutral-400 dark:focus:bg-neutral-800" href="#">
                                        <div class="xqknn fkyps">
                                          <div class="xqknn kc2l7 pvi3v ho19y icuyk"></div>
                                        </div>
                                        <span class="truncate">Crisp</span>

<li>
                                      <a class="flex items-center klk5r p65gp yo0r9 zap82 a3wk8 truncate f5wd6 zb2tq x8k6f t4rxa c2pts dark:hover:bg-neutral-800 dark:text-neutral-400 dark:focus:bg-neutral-800" href="#">
                                        <div class="xqknn fkyps">
                                          <div class="xqknn kc2l7 pvi3v rocey icuyk"></div>
                                        </div>
                                        <span class="truncate">Slack - Internal</span>

<div class="hs-layout-splitter-control relative hidden ysflt">
                    <span class="absolute c30g1 yzm8z svysk -translate-x-1/2 -translate-y-1/2 block fdv8d mubga flex a459h items-center nz7b4 qm5z2 khwhk w8otv m6q9e obpl3 x8k6f dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-600 dark:hover:bg-neutral-900">
                      <svg class="xqknn ccfki" xmlns="http://www.w3.org/2000/svg" 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] ic1ki
                      hs-overlay-open:translate-x-0
                      gwq9d am6k4
                      u2awo
                      fixed vemhv vvp3o tlcqx t8yir rnsn4 e74mx itth0 exilq 
                      -translate-x-full gyfl6 x5im3 y55ia fk9vq
                      hidden
                      nz7b4 z1zyb khwhk
                      hpddy
                      fg4sr iwyrp lg:h-[calc(100dvh-55px)]
                      dark:bg-neutral-900 dark:border-neutral-700" 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="du2fm flex">
                      <div class="p8r3t">
                        <div class="du2fm flex ao3ns">
                          
                          <div class="nz7b4 bm6ej khwhk dark:bg-neutral-900 dark:border-neutral-700">
                            <div class="-mb-1 prt5q vo9dv ccbuw">
                              
                              <nav class="flex w-full o9jhx" aria-label="Tabs" role="tablist" aria-orientation="horizontal">
                                <button type="button" class="govzy hs-tab-active:text-gray-800 otlhf rsqxb p2mry relative rl1tg a459h items-center klk5r w-full x8k6f kugle mb8ut zd5ha egssd m6q9e iec4s haq8z t4rxa c2pts hz0c8 lywwm eklk5 z54wx um7f0 gz5nt dark:hs-tab-active:text-neutral-200 dark:hs-tab-active:after:bg-neutral-400 dark:text-neutral-500 dark:hover:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 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="govzy hs-tab-active:text-gray-800 otlhf rsqxb p2mry relative rl1tg a459h items-center klk5r w-full x8k6f kugle mb8ut egssd m6q9e iec4s haq8z t4rxa c2pts hz0c8 lywwm eklk5 z54wx um7f0 gz5nt dark:hs-tab-active:text-neutral-200 dark:hs-tab-active:after:bg-neutral-400 dark:text-neutral-500 dark:hover:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700  " 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="govzy hs-tab-active:text-gray-800 otlhf rsqxb p2mry relative rl1tg a459h items-center klk5r w-full x8k6f kugle mb8ut egssd m6q9e iec4s haq8z t4rxa c2pts hz0c8 lywwm eklk5 z54wx um7f0 gz5nt dark:hs-tab-active:text-neutral-200 dark:hs-tab-active:after:bg-neutral-400 dark:text-neutral-500 dark:hover:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700  " 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="du2fm mjyak a17xw sh48p ygi9h wv8uu wt1jo dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
                            
                            <div id="hs-pro-tabs-intltg-unassigned" class="du2fm" role="tabpanel" aria-labelledby="hs-pro-tabs-intltg-item-unassigned">
                              
                              <div class="jxbdw xxl2l flex fa4f9 items-center klk5r bm6ej cuvim dark:border-neutral-700">
                                <p class="egssd kugle dark:text-neutral-500">
                                  3 unread
                                </p>

<select id="hs-pro-select-revenue" data-hs-select='{
                                        "placeholder": "Select option...",
                                        "toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>",
                                        "toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative visp0 rl1tg xqknn a459h items-center hwon4 egssd xsd2r t4wtn m6q9e mldej t4rxa rh8h7 v6hfb dbpp0 o0htc dark:text-neutral-200 dark:hover:text-neutral-500 dark:focus:text-neutral-500",
                                        "dropdownClasses": "vvl4w b3qfa w4j19 jlogr aqh96 shme7 nz7b4 u33oi shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] dark:bg-neutral-900",
                                        "optionClasses": "hs-selected:bg-gray-100 dark:hs-selected:bg-neutral-800 p65gp vo9dv w-full j7yil t4wtn zb2tq cursor-pointer x8k6f zb2tq t4rxa c2pts dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800",
                                        "optionTemplate": "<div class=\"flex fa4f9 items-center w-full \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"xqknn ccfki t4wtn dark:text-neutral-200 \" xmlns=\"http:.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"/></svg></span></div>"
                                      }' class="hidden">
                                      <option value="">Choose</option>
                                      <option selected>Newest</option>
                                      <option>Oldest</option>
                                      <option>Newest unreplied</option>
                                      <option>Oldest unreplied</option>
                                    </select>

<div aria-label="Tabs" role="tablist" aria-orientation="vertical">
                                
                                <div class="hs-tab-active:bg-gray-200 dark:hs-tab-active:bg-neutral-700/70 hs-dropdown-toggle group cursor-pointer nz7b4 x8k6f t4rxa c2pts dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 dark:border-neutral-800 active " id="hs-pro-tabs-intl-item-1" aria-selected="true" data-hs-tab="#hs-pro-tabs-intl-1" aria-controls="hs-pro-tabs-intl-1" role="tab" >
                                  
                                  <div class="ogll8 relative bm6ej cuvim dark:border-neutral-800">
                                    <div class="flex klk5r">
                                      <div class="xqknn fmrow w0a3r flex ao3ns">
                                        <input type="checkbox" class="wel99 pvi3v o4dty xlyik sltw4 ob5sd checked:bg-none checked:text-gray-300 nbtoa y7tt1 vmau0 icuyk checked:opacity-0 r2w54 iec4s haq8z dark:text-blue-500 dark:checked:text-neutral-700 dark:focus:text-neutral-700" id="hs-pro-inrsid1" name="hs-pro-inrsn" checked>
                                        <label for="hs-pro-inrsid1" class="tuthn">Read Status</label>
                                      </div>

<div class="qisry truncate">
                                        <div class="flex fa4f9 items-center o9jhx">
                                          <p class="truncate  a3wk8 t4wtn dark:text-neutral-200">Costa Quinn</p>
                                          <span class="qc89w xmcpe djbeh w8otv f2xez dark:text-neutral-600">Now</span>
                                        </div>
                                        <div class="flex fa4f9 items-center o9jhx">
                                          <div class="qisry di2ve flex items-center klk5r truncate t4wtn dark:text-neutral-200">
                                            <span class="oy1fg ujcg9 kzbiq truncate egssd j53ia f5wd6 v58qp dark:bg-neutral-700/50 dark:text-neutral-500">
                                              Generic, +1
                                            </span>
                                            <span class="truncate j7yil f5wd6 dark:text-neutral-400">Project Timeline Update</span>
                                          </div>
                                          <span class="k93kp egssd w8otv dark:text-neutral-600">2</span>
                                        </div>
                                        <p class="di2ve truncate j7yil w8otv dark:text-neutral-600">Hi team, I've reviewed the latest sprint progress</p>
                                      </div>
                                    </div>

<div class="gauz8 g9sff ffydy vemhv b3qfa ygtjj jxbdw o5fqo">
                                      <div class="xerm2 rl1tg items-center mekoq nz7b4 qm5z2 khwhk zb2tq fwpr6 dark:bg-neutral-800 dark:border-neutral-700">
                                        
                                        <div class="hs-tooltip [--placement:top] xd86q">
                                          <button type="button" class="hs-tooltip-toggle hz5e3 flex a459h items-center klk5r kugle m6q9e x8k6f t4rxa c2pts dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
                                            <svg class="xqknn d681g" xmlns="http://www.w3.org/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 xd86q absolute ilxaa jixua p65gp otlhf bg-gray-900 egssd txh0b zb2tq dark:bg-neutral-800" role="tooltip">
                                            Archive
                                          </span>
                                        </div>

<div class="hs-tooltip [--placement:top] xd86q">
                                          <button type="button" class="hs-tooltip-toggle hz5e3 flex a459h items-center klk5r kugle m6q9e x8k6f t4rxa c2pts dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" aria-label="Close" data-hs-remove-element="#hs-pro-tabs-intl-item-1">
                                            <svg class="xqknn d681g" xmlns="http://www.w3.org/2000/svg" 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 xd86q absolute ilxaa jixua p65gp otlhf bg-gray-900 egssd txh0b zb2tq dark:bg-neutral-800" role="tooltip">
                                            Delete
                                          </span>
                                        </div>
                                        
                                      </div>
                                    </div>
                                    
                                  </div>
                                  
                                </div>

<div class="hs-tab-active:bg-gray-200 dark:hs-tab-active:bg-neutral-700/70 hs-dropdown-toggle group cursor-pointer nz7b4 x8k6f t4rxa c2pts dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 dark:border-neutral-800  " id="hs-pro-tabs-intl-item-2" aria-selected="false" data-hs-tab="#hs-pro-tabs-intl-2" aria-controls="hs-pro-tabs-intl-2" role="tab" >
                                  
                                  <div class="ogll8 relative bm6ej cuvim dark:border-neutral-800">
                                    <div class="flex klk5r">
                                      <div class="xqknn fmrow w0a3r flex ao3ns">
                                        <input type="checkbox" class="wel99 pvi3v o4dty xlyik sltw4 ob5sd checked:bg-none checked:text-gray-300 nbtoa y7tt1 vmau0 icuyk checked:opacity-0 r2w54 iec4s haq8z dark:text-blue-500 dark:checked:text-neutral-700 dark:focus:text-neutral-700" id="hs-pro-inrsid2" name="hs-pro-inrsn" >
                                        <label for="hs-pro-inrsid2" class="tuthn">Read Status</label>
                                      </div>

<div class="qisry truncate">
                                        <div class="flex fa4f9 items-center o9jhx">
                                          <p class="truncate lno3i a3wk8 t4wtn dark:text-neutral-200">Rachel Doe</p>
                                          <span class="qc89w xmcpe djbeh w8otv f2xez dark:text-neutral-600">09:35</span>
                                        </div>
                                        <div class="flex fa4f9 items-center o9jhx">
                                          <div class="qisry di2ve flex items-center klk5r truncate t4wtn dark:text-neutral-200">
                                            <span class="truncate j7yil f5wd6 dark:text-neutral-400">RE: Follow-up</span>
                                          </div>
                                          <span class="k93kp egssd w8otv dark:text-neutral-600">3</span>
                                        </div>
                                        <div class="di2ve flex items-center gbe75">
                                          <div class="qisry truncate">
                                            <p class="truncate j7yil w8otv dark:text-neutral-600">I hope you're doing well. I wanted to check in g5tr5 the proposal you sent last week for the web design project we discussed.</p>
                                          </div>
                                          <div class="oy1fg ad95q eik5v flex items-center o9jhx qm5z2 hoqd9 m35lt w8otv dark:text-neutral-600 icuyk dark:border-neutral-700">
                                            <svg class="xqknn jxt54" xmlns="http://www.w3.org/2000/svg" width="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="gauz8 g9sff ffydy vemhv b3qfa ygtjj jxbdw o5fqo">
                                      <div class="xerm2 rl1tg items-center mekoq nz7b4 qm5z2 khwhk zb2tq fwpr6 dark:bg-neutral-800 dark:border-neutral-700">
                                        
                                        <div class="hs-tooltip [--placement:top] xd86q">
                                          <button type="button" class="hs-tooltip-toggle hz5e3 flex a459h items-center klk5r kugle m6q9e x8k6f t4rxa c2pts dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
                                            <svg class="xqknn d681g" xmlns="http://www.w3.org/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 xd86q absolute ilxaa jixua p65gp otlhf bg-gray-900 egssd txh0b zb2tq dark:bg-neutral-800" role="tooltip">
                                            Archive
                                          </span>
                                        </div>

<div class="hs-tooltip [--placement:top] xd86q">
                                          <button type="button" class="hs-tooltip-toggle hz5e3 flex a459h items-center klk5r kugle m6q9e x8k6f t4rxa c2pts dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" aria-label="Close" data-hs-remove-element="#hs-pro-tabs-intl-item-2">
                                            <svg class="xqknn d681g" xmlns="http://www.w3.org/2000/svg" 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 xd86q absolute ilxaa jixua p65gp otlhf bg-gray-900 egssd txh0b zb2tq dark:bg-neutral-800" role="tooltip">
                                            Delete
                                          </span>
                                        </div>
                                        
                                      </div>
                                    </div>
                                    
                                  </div>
                                  
                                </div>

<div class="hs-tab-active:bg-gray-200 dark:hs-tab-active:bg-neutral-700/70 hs-dropdown-toggle group cursor-pointer nz7b4 x8k6f t4rxa c2pts dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 dark:border-neutral-800  " id="hs-pro-tabs-intl-item-3" aria-selected="false" data-hs-tab="#hs-pro-tabs-intl-3" aria-controls="hs-pro-tabs-intl-3" role="tab" >
                                  
                                  <div class="ogll8 relative bm6ej cuvim dark:border-neutral-800">
                                    <div class="flex klk5r">
                                      <div class="xqknn fmrow w0a3r flex ao3ns">
                                        <input type="checkbox" class="wel99 pvi3v o4dty xlyik sltw4 ob5sd checked:bg-none checked:text-gray-300 nbtoa y7tt1 vmau0 icuyk checked:opacity-0 r2w54 iec4s haq8z dark:text-blue-500 dark:checked:text-neutral-700 dark:focus:text-neutral-700" id="hs-pro-inrsid3" name="hs-pro-inrsn" checked>
                                        <label for="hs-pro-inrsid3" class="tuthn">Read Status</label>
        
                                        <div class="mieg5">
                                          <span class="flex xqknn a459h items-center t0r8j m35lt f2xez flthz txh0b icuyk">I</span>
                                        </div>
                                      </div>

<div class="qisry truncate">
                                        <div class="flex fa4f9 items-center o9jhx">
                                          <p class="truncate  a3wk8 t4wtn dark:text-neutral-200">isabella@site.com</p>
                                          <span class="qc89w xmcpe djbeh w8otv f2xez dark:text-neutral-600">01/10/2024</span>
                                        </div>
                                        <div class="flex fa4f9 items-center o9jhx">
                                          <div class="qisry di2ve flex items-center klk5r truncate t4wtn dark:text-neutral-200">
                                            <span class="truncate j7yil f5wd6 dark:text-neutral-400">Quarterly marketing strategy review meeting</span>
                                          </div>
                                          <span class="k93kp egssd w8otv dark:text-neutral-600">1</span>
                                        </div>
                                        <div class="di2ve flex">
                                          <div class="di2ve oy1fg vo9dv truncate flex items-center gbe75 b0vcj y1k27 dark:bg-neutral-800 icuyk">
                                            <span class="p65gp rl1tg zb2q2"><span class="z0ovi ho19y ark64 icuyk"></span><span class="z0ovi ho19y txi5e icuyk"></span><span class="z0ovi ho19y n26qn icuyk"></span></span>
                                          </div>
                                        </div>
                                      </div>
                                    </div>

<div class="gauz8 g9sff ffydy vemhv b3qfa ygtjj jxbdw o5fqo">
                                      <div class="xerm2 rl1tg items-center mekoq nz7b4 qm5z2 khwhk zb2tq fwpr6 dark:bg-neutral-800 dark:border-neutral-700">
                                        
                                        <div class="hs-tooltip [--placement:top] xd86q">
                                          <button type="button" class="hs-tooltip-toggle hz5e3 flex a459h items-center klk5r kugle m6q9e x8k6f t4rxa c2pts dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
                                            <svg class="xqknn d681g" xmlns="http://www.w3.org/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 xd86q absolute ilxaa jixua p65gp otlhf bg-gray-900 egssd txh0b zb2tq dark:bg-neutral-800" role="tooltip">
                                            Archive
                                          </span>
                                        </div>

<div class="hs-tooltip [--placement:top] xd86q">
                                          <button type="button" class="hs-tooltip-toggle hz5e3 flex a459h items-center klk5r kugle m6q9e x8k6f t4rxa c2pts dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" aria-label="Close" data-hs-remove-element="#hs-pro-tabs-intl-item-3">
                                            <svg class="xqknn d681g" xmlns="http://www.w3.org/2000/svg" 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 xd86q absolute ilxaa jixua p65gp otlhf bg-gray-900 egssd txh0b zb2tq dark:bg-neutral-800" role="tooltip">
                                            Delete
                                          </span>
                                        </div>
                                        
                                      </div>
                                    </div>
                                    
                                  </div>
                                  
                                </div>

<div class="hs-tab-active:bg-gray-200 dark:hs-tab-active:bg-neutral-700/70 hs-dropdown-toggle group cursor-pointer nz7b4 x8k6f t4rxa c2pts dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 dark:border-neutral-800  " id="hs-pro-tabs-intl-item-4" aria-selected="false" data-hs-tab="#hs-pro-tabs-intl-4" aria-controls="hs-pro-tabs-intl-4" role="tab" >
                                  
                                  <div class="ogll8 relative bm6ej cuvim dark:border-neutral-800">
                                    <div class="flex klk5r">
                                      <div class="xqknn fmrow w0a3r flex ao3ns">
                                        <input type="checkbox" class="wel99 pvi3v o4dty xlyik sltw4 ob5sd checked:bg-none checked:text-gray-300 nbtoa y7tt1 vmau0 icuyk checked:opacity-0 r2w54 iec4s haq8z dark:text-blue-500 dark:checked:text-neutral-700 dark:focus:text-neutral-700" id="hs-pro-inrsid4" name="hs-pro-inrsn" >
                                        <label for="hs-pro-inrsid4" class="tuthn">Read Status</label>
                                      </div>

<div class="qisry truncate">
                                        <div class="flex fa4f9 items-center o9jhx">
                                          <p class="truncate lno3i a3wk8 t4wtn dark:text-neutral-200">Finch Hoot</p>
                                          <span class="qc89w xmcpe djbeh w8otv f2xez dark:text-neutral-600">28/09/2024</span>
                                        </div>
                                        <div class="flex fa4f9 items-center o9jhx">
                                          <div class="qisry di2ve flex items-center klk5r truncate t4wtn dark:text-neutral-200">
                                            <span class="truncate j7yil f5wd6 dark:text-neutral-400">RE: Follow-up</span>
                                          </div>
                                          <span class="k93kp egssd w8otv dark:text-neutral-600">5</span>
                                        </div>
                                        <p class="di2ve truncate j7yil w8otv dark:text-neutral-600">Awesome! 🔥</p>
                                      </div>
                                    </div>

<div class="gauz8 g9sff ffydy vemhv b3qfa ygtjj jxbdw o5fqo">
                                      <div class="xerm2 rl1tg items-center mekoq nz7b4 qm5z2 khwhk zb2tq fwpr6 dark:bg-neutral-800 dark:border-neutral-700">
                                        
                                        <div class="hs-tooltip [--placement:top] xd86q">
                                          <button type="button" class="hs-tooltip-toggle hz5e3 flex a459h items-center klk5r kugle m6q9e x8k6f t4rxa c2pts dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
                                            <svg class="xqknn d681g" xmlns="http://www.w3.org/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 xd86q absolute ilxaa jixua p65gp otlhf bg-gray-900 egssd txh0b zb2tq dark:bg-neutral-800" role="tooltip">
                                            Archive
                                          </span>
                                        </div>

<div class="hs-tooltip [--placement:top] xd86q">
                                          <button type="button" class="hs-tooltip-toggle hz5e3 flex a459h items-center klk5r kugle m6q9e x8k6f t4rxa c2pts dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" aria-label="Close" data-hs-remove-element="#hs-pro-tabs-intl-item-4">
                                            <svg class="xqknn d681g" xmlns="http://www.w3.org/2000/svg" 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 xd86q absolute ilxaa jixua p65gp otlhf bg-gray-900 egssd txh0b zb2tq dark:bg-neutral-800" role="tooltip">
                                            Delete
                                          </span>
                                        </div>
                                        
                                      </div>
                                    </div>
                                    
                                  </div>
                                  
                                </div>

<div class="hs-tab-active:bg-gray-200 dark:hs-tab-active:bg-neutral-700/70 hs-dropdown-toggle group cursor-pointer nz7b4 x8k6f t4rxa c2pts dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 dark:border-neutral-800  " id="hs-pro-tabs-intl-item-5" aria-selected="false" data-hs-tab="#hs-pro-tabs-intl-5" aria-controls="hs-pro-tabs-intl-5" role="tab" >
                                  
                                  <div class="ogll8 relative bm6ej cuvim dark:border-neutral-800">
                                    <div class="flex klk5r">
                                      <div class="xqknn fmrow w0a3r flex ao3ns">
                                        <input type="checkbox" class="wel99 pvi3v o4dty xlyik sltw4 ob5sd checked:bg-none checked:text-gray-300 nbtoa y7tt1 vmau0 icuyk checked:opacity-0 r2w54 iec4s haq8z dark:text-blue-500 dark:checked:text-neutral-700 dark:focus:text-neutral-700" id="hs-pro-inrsid5" name="hs-pro-inrsn" >
                                        <label for="hs-pro-inrsid5" class="tuthn">Read Status</label>
                                      </div>

<div class="qisry truncate">
                                        <div class="flex fa4f9 items-center o9jhx">
                                          <p class="truncate lno3i a3wk8 t4wtn dark:text-neutral-200">casey112oklahoma@site.com</p>
                                          <span class="qc89w xmcpe djbeh w8otv f2xez dark:text-neutral-600">28/09/2024</span>
                                        </div>
                                        <div class="flex fa4f9 items-center o9jhx">
                                          <div class="qisry di2ve flex items-center klk5r truncate t4wtn dark:text-neutral-200">
                                            <span class="truncate j7yil f5wd6 dark:text-neutral-400">Missing payout</span>
                                          </div>
                                          <span class="k93kp egssd w8otv dark:text-neutral-600">19</span>
                                        </div>
                                        <p class="di2ve truncate j7yil w8otv dark:text-neutral-600">Thanks</p>
                                      </div>
                                    </div>

<div class="gauz8 g9sff ffydy vemhv b3qfa ygtjj jxbdw o5fqo">
                                      <div class="xerm2 rl1tg items-center mekoq nz7b4 qm5z2 khwhk zb2tq fwpr6 dark:bg-neutral-800 dark:border-neutral-700">
                                        
                                        <div class="hs-tooltip [--placement:top] xd86q">
                                          <button type="button" class="hs-tooltip-toggle hz5e3 flex a459h items-center klk5r kugle m6q9e x8k6f t4rxa c2pts dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
                                            <svg class="xqknn d681g" xmlns="http://www.w3.org/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 xd86q absolute ilxaa jixua p65gp otlhf bg-gray-900 egssd txh0b zb2tq dark:bg-neutral-800" role="tooltip">
                                            Archive
                                          </span>
                                        </div>

<div class="hs-tooltip [--placement:top] xd86q">
                                          <button type="button" class="hs-tooltip-toggle hz5e3 flex a459h items-center klk5r kugle m6q9e x8k6f t4rxa c2pts dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" aria-label="Close" data-hs-remove-element="#hs-pro-tabs-intl-item-5">
                                            <svg class="xqknn d681g" xmlns="http://www.w3.org/2000/svg" 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 xd86q absolute ilxaa jixua p65gp otlhf bg-gray-900 egssd txh0b zb2tq dark:bg-neutral-800" role="tooltip">
                                            Delete
                                          </span>
                                        </div>
                                        
                                      </div>
                                    </div>
                                    
                                  </div>
                                  
                                </div>

<div class="hs-tab-active:bg-gray-200 dark:hs-tab-active:bg-neutral-700/70 hs-dropdown-toggle group cursor-pointer nz7b4 x8k6f t4rxa c2pts dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 dark:border-neutral-800  " id="hs-pro-tabs-intl-item-6" aria-selected="false" data-hs-tab="#hs-pro-tabs-intl-6" aria-controls="hs-pro-tabs-intl-6" role="tab" >
                                  
                                  <div class="ogll8 relative bm6ej cuvim dark:border-neutral-800">
                                    <div class="flex klk5r">
                                      <div class="xqknn fmrow w0a3r flex ao3ns">
                                        <input type="checkbox" class="wel99 pvi3v o4dty xlyik sltw4 ob5sd checked:bg-none checked:text-gray-300 nbtoa y7tt1 vmau0 icuyk checked:opacity-0 r2w54 iec4s haq8z dark:text-blue-500 dark:checked:text-neutral-700 dark:focus:text-neutral-700" id="hs-pro-inrsid6" name="hs-pro-inrsn" checked>
                                        <label for="hs-pro-inrsid6" class="tuthn">Read Status</label>
        
                                        <div class="mieg5">
                                          <img class="xqknn t0r8j icuyk pq89c" 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="qisry truncate">
                                        <div class="flex fa4f9 items-center o9jhx">
                                          <p class="truncate  a3wk8 t4wtn dark:text-neutral-200">amandaharvey@site.com</p>
                                          <span class="qc89w xmcpe djbeh w8otv f2xez dark:text-neutral-600">25/09/2024</span>
                                        </div>
                                        <div class="flex fa4f9 items-center o9jhx">
                                          <div class="qisry di2ve flex items-center klk5r truncate t4wtn dark:text-neutral-200">
                                            <span class="truncate j7yil f5wd6 dark:text-neutral-400">Quarterly marketing strategy review meeting</span>
                                          </div>
                                          <span class="k93kp egssd w8otv dark:text-neutral-600">7</span>
                                        </div>
                                        <div class="di2ve flex">
                                          <div class="di2ve oy1fg vo9dv truncate flex items-center gbe75 j53ia kugle dark:bg-neutral-700/50 dark:text-neutral-500 icuyk">
                                            <p class="truncate j7yil hbfi0">@brian any thoughts g5tr5 that?</p>
                                          </div>
                                        </div>
                                      </div>
                                    </div>

<div class="gauz8 g9sff ffydy vemhv b3qfa ygtjj jxbdw o5fqo">
                                      <div class="xerm2 rl1tg items-center mekoq nz7b4 qm5z2 khwhk zb2tq fwpr6 dark:bg-neutral-800 dark:border-neutral-700">
                                        
                                        <div class="hs-tooltip [--placement:top] xd86q">
                                          <button type="button" class="hs-tooltip-toggle hz5e3 flex a459h items-center klk5r kugle m6q9e x8k6f t4rxa c2pts dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
                                            <svg class="xqknn d681g" xmlns="http://www.w3.org/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 xd86q absolute ilxaa jixua p65gp otlhf bg-gray-900 egssd txh0b zb2tq dark:bg-neutral-800" role="tooltip">
                                            Archive
                                          </span>
                                        </div>

<div class="hs-tooltip [--placement:top] xd86q">
                                          <button type="button" class="hs-tooltip-toggle hz5e3 flex a459h items-center klk5r kugle m6q9e x8k6f t4rxa c2pts dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" aria-label="Close" data-hs-remove-element="#hs-pro-tabs-intl-item-6">
                                            <svg class="xqknn d681g" xmlns="http://www.w3.org/2000/svg" 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 xd86q absolute ilxaa jixua p65gp otlhf bg-gray-900 egssd txh0b zb2tq dark:bg-neutral-800" role="tooltip">
                                            Delete
                                          </span>
                                        </div>
                                        
                                      </div>
                                    </div>
                                    
                                  </div>
                                  
                                </div>

<div class="hs-tab-active:bg-gray-200 dark:hs-tab-active:bg-neutral-700/70 hs-dropdown-toggle group cursor-pointer nz7b4 x8k6f t4rxa c2pts dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 dark:border-neutral-800  " id="hs-pro-tabs-intl-item-7" aria-selected="false" data-hs-tab="#hs-pro-tabs-intl-7" aria-controls="hs-pro-tabs-intl-7" role="tab" >
                                  
                                  <div class="ogll8 relative bm6ej cuvim dark:border-neutral-800">
                                    <div class="flex klk5r">
                                      <div class="xqknn fmrow w0a3r flex ao3ns">
                                        <input type="checkbox" class="wel99 pvi3v o4dty xlyik sltw4 ob5sd checked:bg-none checked:text-gray-300 nbtoa y7tt1 vmau0 icuyk checked:opacity-0 r2w54 iec4s haq8z dark:text-blue-500 dark:checked:text-neutral-700 dark:focus:text-neutral-700" id="hs-pro-inrsid7" name="hs-pro-inrsn" checked>
                                        <label for="hs-pro-inrsid7" class="tuthn">Read Status</label>
                                      </div>

<div class="qisry truncate">
                                        <div class="flex fa4f9 items-center o9jhx">
                                          <p class="truncate  a3wk8 t4wtn dark:text-neutral-200">Mike Clirk</p>
                                          <span class="qc89w xmcpe djbeh w8otv f2xez dark:text-neutral-600">20/09/2024</span>
                                        </div>
                                        <div class="flex fa4f9 items-center o9jhx">
                                          <div class="qisry di2ve flex items-center klk5r truncate t4wtn dark:text-neutral-200">
                                            <span class="oy1fg ujcg9 kzbiq truncate egssd j53ia f5wd6 v58qp dark:bg-neutral-700/50 dark:text-neutral-500">
                                              Chat
                                            </span>
                                            <span class="truncate j7yil f5wd6 dark:text-neutral-400">Project Timeline Update</span>
                                          </div>
                                          <span class="k93kp egssd w8otv dark:text-neutral-600">15</span>
                                        </div>
                                        <div class="di2ve flex items-center gbe75">
                                          <div class="qisry truncate">
                                            <p class="truncate j7yil w8otv dark:text-neutral-600">I hope you're doing well. I wanted to check in g5tr5 the proposal you sent last week for the web design project we discussed.</p>
                                          </div>
                                          <div class="oy1fg ad95q eik5v flex items-center o9jhx qm5z2 hoqd9 m35lt w8otv dark:text-neutral-600 icuyk dark:border-neutral-700">
                                            <svg class="xqknn jxt54" xmlns="http://www.w3.org/2000/svg" width="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="gauz8 g9sff ffydy vemhv b3qfa ygtjj jxbdw o5fqo">
                                      <div class="xerm2 rl1tg items-center mekoq nz7b4 qm5z2 khwhk zb2tq fwpr6 dark:bg-neutral-800 dark:border-neutral-700">
                                        
                                        <div class="hs-tooltip [--placement:top] xd86q">
                                          <button type="button" class="hs-tooltip-toggle hz5e3 flex a459h items-center klk5r kugle m6q9e x8k6f t4rxa c2pts dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
                                            <svg class="xqknn d681g" xmlns="http://www.w3.org/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 xd86q absolute ilxaa jixua p65gp otlhf bg-gray-900 egssd txh0b zb2tq dark:bg-neutral-800" role="tooltip">
                                            Archive
                                          </span>
                                        </div>

<div class="hs-tooltip [--placement:top] xd86q">
                                          <button type="button" class="hs-tooltip-toggle hz5e3 flex a459h items-center klk5r kugle m6q9e x8k6f t4rxa c2pts dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" aria-label="Close" data-hs-remove-element="#hs-pro-tabs-intl-item-7">
                                            <svg class="xqknn d681g" xmlns="http://www.w3.org/2000/svg" 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 xd86q absolute ilxaa jixua p65gp otlhf bg-gray-900 egssd txh0b zb2tq dark:bg-neutral-800" role="tooltip">
                                            Delete
                                          </span>
                                        </div>
                                        
                                      </div>
                                    </div>
                                    
                                  </div>
                                  
                                </div>
                                
                              </div>
                            </div>

<div id="hs-pro-tabs-intltg-assigned" class="hidden du2fm" role="tabpanel" aria-labelledby="hs-pro-tabs-intltg-item-assigned">
                              
                              <div class="a6a2o du2fm flex ao3ns a459h items-center iieae">
                                <svg class="j30qf pvi3v wardh" 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="i8dix dark:fill-neutral-800"/>
                                  <rect x="27" y="50.5" width="124" height="39" rx="7.5" stroke="currentColor" class="rxmog dark:stroke-neutral-700/10"/>
                                  <rect x="34.5" y="58" width="24" height="24" rx="12" fill="currentColor" class="lmhhu dark:fill-neutral-700/30"/>
                                  <rect x="66.5" y="61" width="60" height="6" rx="3" fill="currentColor" class="lmhhu dark:fill-neutral-700/30"/>
                                  <rect x="66.5" y="73" width="77" height="6" rx="3" fill="currentColor" class="lmhhu dark:fill-neutral-700/30"/>
                                  <rect x="19.5" y="28.5" width="139" height="39" rx="7.5" fill="currentColor" class="i8dix dark:fill-neutral-800"/>
                                  <rect x="19.5" y="28.5" width="139" height="39" rx="7.5" stroke="currentColor" class="hgnqi dark:stroke-neutral-700/30"/>
                                  <rect x="27" y="36" width="24" height="24" rx="12" fill="currentColor" class="wvm9f dark:fill-neutral-700/70"/>
                                  <rect x="59" y="39" width="60" height="6" rx="3" fill="currentColor" class="wvm9f dark:fill-neutral-700/70"/>
                                  <rect x="59" y="51" width="92" height="6" rx="3" fill="currentColor" class="wvm9f dark:fill-neutral-700/70"/>
                                  <g filter="url(#filter1)">
                                  <rect x="12" y="6" width="154" height="40" rx="8" class="i8dix dark:fill-neutral-800" shape-rendering="crispEdges"/>
                                  <rect x="12.5" y="6.5" width="153" height="39" rx="7.5" stroke="currentColor" class="hgnqi dark:stroke-neutral-700/60" shape-rendering="crispEdges"/>
                                  <rect x="20" y="14" width="24" height="24" rx="12" fill="currentColor" class="y7oum dark:fill-neutral-700"/>
                                  <rect x="52" y="17" width="60" height="6" rx="3" fill="currentColor" class="y7oum dark:fill-neutral-700"/>
                                  <rect x="52" y="29" width="106" height="6" rx="3" fill="currentColor" class="y7oum dark:fill-neutral-700"/>
                                  </g>
                                  <defs>
                                  <filter id="filter1" x="0" y="0" width="178" height="64" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
                                  <feFlood flood-opacity="0" result="BackgroundImageFix"/>
                                  <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
                                  <feOffset dy="6"/>
                                  <feGaussianBlur stdDeviation="6"/>
                                  <feComposite in2="hardAlpha" operator="out"/>
                                  <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/>
                                  <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1187_14810"/>
                                  <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1187_14810" result="shape"/>
                                  </filter>
                                  </defs>
                                </svg>

<div class="wuei0 pvi3v ors36">
                                  <p class="vvl4w zd5ha t4wtn dark:text-neutral-200">
                                    No assigned message
                                  </p>
                                  <p class="i2zc4 a3wk8 kugle dark:text-neutral-500">
                                    Only assigned messages appear here
                                  </p>
                                </div>
                              </div>
                              
                            </div>

<div id="hs-pro-tabs-intltg-archived" class="hidden du2fm" role="tabpanel" aria-labelledby="hs-pro-tabs-intltg-item-archived">
                              
                              <div class="a6a2o du2fm flex ao3ns a459h items-center iieae">
                                <svg class="j30qf pvi3v wardh" 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="i8dix dark:fill-neutral-800"/>
                                  <rect x="27" y="50.5" width="124" height="39" rx="7.5" stroke="currentColor" class="rxmog dark:stroke-neutral-700/10"/>
                                  <rect x="34.5" y="58" width="24" height="24" rx="12" fill="currentColor" class="lmhhu dark:fill-neutral-700/30"/>
                                  <rect x="66.5" y="61" width="60" height="6" rx="3" fill="currentColor" class="lmhhu dark:fill-neutral-700/30"/>
                                  <rect x="66.5" y="73" width="77" height="6" rx="3" fill="currentColor" class="lmhhu dark:fill-neutral-700/30"/>
                                  <rect x="19.5" y="28.5" width="139" height="39" rx="7.5" fill="currentColor" class="i8dix dark:fill-neutral-800"/>
                                  <rect x="19.5" y="28.5" width="139" height="39" rx="7.5" stroke="currentColor" class="hgnqi dark:stroke-neutral-700/30"/>
                                  <rect x="27" y="36" width="24" height="24" rx="12" fill="currentColor" class="wvm9f dark:fill-neutral-700/70"/>
                                  <rect x="59" y="39" width="60" height="6" rx="3" fill="currentColor" class="wvm9f dark:fill-neutral-700/70"/>
                                  <rect x="59" y="51" width="92" height="6" rx="3" fill="currentColor" class="wvm9f dark:fill-neutral-700/70"/>
                                  <g filter="url(#filter2)">
                                  <rect x="12" y="6" width="154" height="40" rx="8" class="i8dix dark:fill-neutral-800" shape-rendering="crispEdges"/>
                                  <rect x="12.5" y="6.5" width="153" height="39" rx="7.5" stroke="currentColor" class="hgnqi dark:stroke-neutral-700/60" shape-rendering="crispEdges"/>
                                  <rect x="20" y="14" width="24" height="24" rx="12" fill="currentColor" class="y7oum dark:fill-neutral-700"/>
                                  <rect x="52" y="17" width="60" height="6" rx="3" fill="currentColor" class="y7oum dark:fill-neutral-700"/>
                                  <rect x="52" y="29" width="106" height="6" rx="3" fill="currentColor" class="y7oum dark:fill-neutral-700"/>
                                  </g>
                                  <defs>
                                  <filter id="filter2" x="0" y="0" width="178" height="64" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
                                  <feFlood flood-opacity="0" result="BackgroundImageFix"/>
                                  <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
                                  <feOffset dy="6"/>
                                  <feGaussianBlur stdDeviation="6"/>
                                  <feComposite in2="hardAlpha" operator="out"/>
                                  <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/>
                                  <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1187_14810"/>
                                  <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1187_14810" result="shape"/>
                                  </filter>
                                  </defs>
                                </svg>

<div class="wuei0 pvi3v ors36">
                                  <p class="vvl4w zd5ha t4wtn dark:text-neutral-200">
                                    No archived message
                                  </p>
                                  <p class="i2zc4 a3wk8 kugle dark:text-neutral-500">
                                    Only archived messages appear here
                                  </p>
                                </div>
                              </div>
                              
                            </div>
                            
                          </div>

<div class="hs-layout-splitter-control relative hidden znqcm">
                    <span class="absolute c30g1 yzm8z tlcqx -translate-x-1/2 -translate-y-1/2 block fdv8d mubga flex a459h items-center nz7b4 qm5z2 khwhk w8otv m6q9e obpl3 x8k6f dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-600 dark:hover:bg-neutral-900">
                      <svg class="xqknn ccfki" xmlns="http://www.w3.org/2000/svg" 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="wcomx" 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 u2awo flex ao3ns">
                        
                        <header class=" dywcs vemhv um3t3 kxamf jxbdw qse3u flex fa4f9 klk5r nz7b4 bm6ej khwhk dark:bg-neutral-900 dark:border-neutral-800">
                          <div class="qisry">
                            <div class="flex items-center o9jhx">
                              <div class="p9dvn relative uyj7c k93kp cu912 v6hfb ygw0t truoy plr4a ny9cn rdk7f xsqf9 dark:before:bg-neutral-700">
                                
                                <button type="button" class="p65gp d90la flex a459h items-center j7yil f5wd6 ddqbh zb2tq iec4s haq8z t4rxa ntvlo dark:text-neutral-400 lg:dark:hover:bg-neutral-800 lg:dark:focus:bg-neutral-800" aria-haspopup="dialog" aria-expanded="false" aria-controls="hs-pro-inbox-thread-list-sidebar" aria-label="Toggle navigation" data-hs-overlay="#hs-pro-inbox-thread-list-sidebar">
                                  Inbox
                                  <svg class="xqknn d681g" xmlns="http://www.w3.org/2000/svg" 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="n4bk1">
                                
                                <div class="hs-dropdown [--auto-close:inside] relative rl1tg">
                                  <button id="hs-pro-inthmtdid1" type="button" class="p65gp d90la flex a459h items-center j7yil f5wd6 ddqbh zb2tq iec4s haq8z t4rxa ntvlo dark:text-neutral-400 lg:dark:hover:bg-neutral-800 lg:dark:focus:bg-neutral-800">
                                    <span class="xqknn kc2l7 block ymp3r qy302 icuyk"></span>
                                    <span class="kzbiq truncate">Gmail</span>
                                    <svg class="xqknn ccfki ymj28" xmlns="http://www.w3.org/2000/svg" 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 zjfbt transition-[opacity,margin] duration opacity-0 hidden wc7oz nz7b4 u33oi v1x81 dark:bg-neutral-950" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-inthmtdid1">
                                    
                                    <div class="rsqxb x7giz flex fa4f9 items-center klk5r">
                                      <span class="block zd5ha a3wk8 t4wtn dark:text-neutral-200">
                                        <span class="truncate">Move to</span>
                                      </span>

<div class="hs-tooltip [--placement:left] xd86q -me-2">
                                        <button type="button" class="hs-tooltip-toggle j1mw5 flex a459h items-center klk5r kugle icuyk x8k6f t4rxa c2pts dark:text-neutral-500 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-incnlm">
                                          <svg class="xqknn d681g" xmlns="http://www.w3.org/2000/svg" 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 xd86q absolute ilxaa jixua p65gp otlhf bg-gray-900 egssd txh0b zb2tq dark:bg-neutral-800" role="tooltip">
                                          Create new label
                                        </span>
                                      </div>
                                      
                                    </div>

<div class="aqh96 relative jn9n3 khwhk dark:border-neutral-800">
                                      <input type="text" class="p65gp cc1ly block w-full ftfcy zb2tq sreck ph4ob yebd4 x8k6f t4rxa owwub y7tt1 c2pts m7q0b haq8z dark:bg-transparent dark:border-transparent dark:text-neutral-400 dark:placeholder:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:ring-neutral-600 dark:focus:bg-neutral-800" placeholder="Search" autofocus>
                                      <div class="hidden absolute moo8f b3qfa flex items-center jixua odq3z">
                                        <button type="button" class="rl1tg xqknn a459h items-center hz5e3 icuyk kugle vfm71 t4rxa u6giu dark:text-neutral-500 dark:hover:text-blue-500 dark:focus:text-blue-500" aria-label="Close">
                                          <span class="tuthn">Close</span>
                                          <svg class="xqknn d681g" xmlns="http://www.w3.org/2000/svg" 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="aqh96 jn9n3 khwhk dark:border-neutral-800">
                                      <button type="button" class="w-full flex items-center hwu3o p65gp cc1ly zb2tq j7yil t4wtn x8k6f iec4s haq8z t4rxa c2pts dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
                                        <svg class="xqknn ccfki" xmlns="http://www.w3.org/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 xqknn d681g honp5" xmlns="http://www.w3.org/2000/svg" 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="aqh96 jn9n3 khwhk dark:border-neutral-800">
                                      <div class="shme7 s0b2f a17xw ll96i ygi9h wv8uu wt1jo dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
                                        
                                        <label for="hs-pro-initgh" class="p65gp cc1ly group flex items-center hwu3o zb2tq cursor-pointer j7yil t4wtn x8k6f dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
                                          <input type="checkbox" class="hidden" id="hs-pro-initgh" name="hs-pro-init" >
                                          <span class="xqknn ccfki flex a459h items-center">
                                            <span class="xqknn kc2l7 block pvi3v eulot icuyk"></span>
                                          </span>
                                          Github
                                          <svg class="xqknn ccfki honp5 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="p65gp cc1ly group flex items-center hwu3o zb2tq cursor-pointer j7yil t4wtn x8k6f dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
                                          <input type="checkbox" class="hidden" id="hs-pro-initgm" name="hs-pro-init" checked>
                                          <span class="xqknn ccfki flex a459h items-center">
                                            <span class="xqknn kc2l7 block pvi3v qy302 icuyk"></span>
                                          </span>
                                          Gmail
                                          <svg class="xqknn ccfki honp5 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="p65gp cc1ly group flex items-center hwu3o zb2tq cursor-pointer j7yil t4wtn x8k6f dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
                                          <input type="checkbox" class="hidden" id="hs-pro-initcr" name="hs-pro-init" >
                                          <span class="xqknn ccfki flex a459h items-center">
                                            <span class="xqknn kc2l7 block pvi3v ho19y icuyk"></span>
                                          </span>
                                          Crisp
                                          <svg class="xqknn ccfki honp5 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="p65gp cc1ly group flex items-center hwu3o zb2tq cursor-pointer j7yil t4wtn x8k6f dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
                                          <input type="checkbox" class="hidden" id="hs-pro-initsl" name="hs-pro-init" >
                                          <span class="xqknn ccfki flex a459h items-center">
                                            <span class="xqknn kc2l7 block pvi3v rocey icuyk"></span>
                                          </span>
                                          Slack - Internal
                                          <svg class="xqknn ccfki honp5 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 h756p dp3tl q86cs onm0r v6hfb ygw0t ks5wk plr4a ny9cn rdk7f xsqf9 dark:before:bg-neutral-700">
                                
                                <div class="hs-tooltip [--placement:bottom] hidden tkfx3">
                                  <button type="button" class="hs-tooltip-toggle flex a459h items-center hwu3o j1mw5 a3wk8 f5wd6 x8k6f zb2tq iec4s haq8z t4rxa c2pts dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 dark:hover:text-neutral-200 dark:focus:text-neutral-200" data-hs-overlay="#hs-pro-chhsn">
                                    <svg class="xqknn d681g" xmlns="http://www.w3.org/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="tuthn">Archive</span>
                                  </button>
                                  <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 xd86q absolute ilxaa jixua p65gp otlhf bg-gray-900 egssd txh0b zb2tq nw583 dark:bg-neutral-700" role="tooltip">
                                    Archive
                                  </span>
                                </div>

<div class="hs-tooltip [--placement:bottom] hidden tkfx3">
                                  <button type="button" class="hs-tooltip-toggle flex a459h items-center hwu3o j1mw5 a3wk8 f5wd6 x8k6f zb2tq iec4s haq8z t4rxa c2pts dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 dark:hover:text-neutral-200 dark:focus:text-neutral-200" data-hs-overlay="#hs-pro-chhsn">
                                    <svg class="xqknn d681g" xmlns="http://www.w3.org/2000/svg" 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="tuthn">Delete</span>
                                  </button>
                                  <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 xd86q absolute ilxaa jixua p65gp otlhf bg-gray-900 egssd txh0b zb2tq nw583 dark:bg-neutral-700" role="tooltip">
                                    Delete
                                  </span>
                                </div>

<div class="hs-tooltip [--placement:bottom] hidden tkfx3">
                                  <button type="button" class="hs-tooltip-toggle flex a459h items-center hwu3o j1mw5 a3wk8 f5wd6 x8k6f zb2tq iec4s haq8z t4rxa c2pts dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 dark:hover:text-neutral-200 dark:focus:text-neutral-200" data-hs-overlay="#hs-pro-chhsn">
                                    <svg class="xqknn d681g" xmlns="http://www.w3.org/2000/svg" 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="tuthn">Report spam</span>
                                  </button>
                                  <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 xd86q absolute ilxaa jixua p65gp otlhf bg-gray-900 egssd txh0b zb2tq nw583 dark:bg-neutral-700" role="tooltip">
                                    Report spam
                                  </span>
                                </div>
                                
                              </div>
                            </div>
                          </div>

<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 n8cky transition-[opacity,margin] duration opacity-0 hidden jwhrz nz7b4 u33oi v1x81 dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-inthasdid1">
                                
                                <div class="rsqxb x7giz">
                                  <span class="block zd5ha a3wk8 t4wtn dark:text-neutral-200">
                                    <span class="truncate">Assign</span>
                                  </span>
                                </div>

<div class="aqh96 relative c0n9n khwhk dark:border-neutral-800">
                                  <input type="text" class="p65gp cc1ly block w-full ftfcy zb2tq sreck ph4ob yebd4 x8k6f t4rxa owwub y7tt1 c2pts m7q0b haq8z dark:bg-transparent dark:border-transparent dark:text-neutral-400 dark:placeholder:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:ring-neutral-600 dark:focus:bg-neutral-800" placeholder="Search teammates" autofocus>
                                  <div class="hidden absolute moo8f b3qfa flex items-center jixua odq3z">
                                    <button type="button" class="rl1tg xqknn a459h items-center hz5e3 icuyk kugle vfm71 t4rxa u6giu dark:text-neutral-500 dark:hover:text-blue-500 dark:focus:text-blue-500" aria-label="Close">
                                      <span class="tuthn">Close</span>
                                      <svg class="xqknn d681g" xmlns="http://www.w3.org/2000/svg" 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="aqh96 shme7 jakc2 a17xw sh48p ygi9h wv8uu wt1jo dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
                                  
                                  <label for="hs-pro-inithargna" class="p65gp cc1ly group flex items-center hwon4 p65gp cc1ly zb2tq cursor-pointer j7yil t4wtn x8k6f dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
                                    <input type="checkbox" class="hidden" id="hs-pro-inithargna" name="hs-pro-initharg" >
                                    <span class="xqknn t0r8j flex a459h items-center">
                                      <svg class="xqknn d681g" xmlns="http://www.w3.org/2000/svg" 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="xqknn d681g honp5 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="p65gp cc1ly group flex items-center hwon4 p65gp cc1ly zb2tq cursor-pointer j7yil t4wtn x8k6f dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
                                    <input type="checkbox" class="hidden" id="hs-pro-initharga1" name="hs-pro-initharg" checked>
                                    <span class="relative t0r8j">
                                      <span class="flex xqknn a459h items-center t0r8j egssd zd5ha f2xez flthz txh0b icuyk">I</span>
                                      <span class="absolute -bottom-0 -end-0 block xd97x icuyk jnqwf ttm8c tnzu4 dark:ring-neutral-800"></span>
                                    </span>
                                    isabella@site.com
                                    <svg class="xqknn d681g honp5 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="p65gp cc1ly group flex items-center hwon4 p65gp cc1ly zb2tq cursor-pointer j7yil t4wtn x8k6f dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
                                    <input type="checkbox" class="hidden" id="hs-pro-initharga2" name="hs-pro-initharg" checked>
                                    <span class="relative t0r8j">
                                      <img class="xqknn t0r8j icuyk" 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="xqknn d681g honp5 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 rl1tg">
                              <div class="hs-tooltip [--placement:bottom] xd86q">
                                <button id="hs-pro-inthsndid1" type="button" class="hs-tooltip-toggle flex a459h items-center hwu3o j1mw5 a3wk8 f5wd6 x8k6f zb2tq iec4s haq8z t4rxa c2pts dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
                                  <svg class="xqknn d681g" xmlns="http://www.w3.org/2000/svg" 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="tuthn">Snooze</span>
                                </button>
                                <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 xd86q absolute ilxaa jixua p65gp otlhf bg-gray-900 egssd txh0b zb2tq nw583 dark:bg-neutral-700" role="tooltip">
                                  Snooze
                                </span>
                              </div>

<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 n8cky transition-[opacity,margin] duration opacity-0 hidden jwhrz nz7b4 u33oi v1x81 dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-inthsndid1">
                                
                                <div class="rsqxb x7giz">
                                  <span class="block lno3i a3wk8 t4wtn dark:text-neutral-200">
                                    Snooze
                                  </span>
                                </div>

<div class="aqh96 jakc2 a17xw sh48p ygi9h wv8uu wt1jo dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
                                  <fieldset class="o4dae jdzel">
                                    <legend class="tuthn">
                                      Snooze
                                    </legend>

<label for="hs-pro-chhsnrt1" class="rsqxb cc1ly flex items-center zb2tq cursor-pointer m6q9e x8k6f has-[:checked]:bg-gray-100 qo2pb cbtmz dark:hover:bg-neutral-800 dark:has-[:checked]:bg-neutral-800 ">
                                      <input type="radio" id="hs-pro-chhsnrt1" class="hidden" value="Today" name="hs-pro-chhsnrt" checked>
                                      <span class="qisry">
                                        <span class="block a3wk8 t4wtn dark:text-neutral-200">
                                          Today
                                        </span>
                                      </span>
                                      <span class="fgfvg egssd kugle dark:text-neutral-500">
                                        5:05 PM
                                      </span>
                                    </label>

<label for="hs-pro-chhsnrt2" class="rsqxb cc1ly flex items-center zb2tq cursor-pointer m6q9e x8k6f has-[:checked]:bg-gray-100 qo2pb cbtmz dark:hover:bg-neutral-800 dark:has-[:checked]:bg-neutral-800 ">
                                      <input type="radio" id="hs-pro-chhsnrt2" class="hidden" value="Tomorrow" name="hs-pro-chhsnrt" >
                                      <span class="qisry">
                                        <span class="block a3wk8 t4wtn dark:text-neutral-200">
                                          Tomorrow
                                        </span>
                                      </span>
                                      <span class="fgfvg egssd kugle dark:text-neutral-500">
                                        Wed 9:00 AM
                                      </span>
                                    </label>

<label for="hs-pro-chhsnrt3" class="rsqxb cc1ly flex items-center zb2tq cursor-pointer m6q9e x8k6f has-[:checked]:bg-gray-100 qo2pb cbtmz dark:hover:bg-neutral-800 dark:has-[:checked]:bg-neutral-800 ">
                                      <input type="radio" id="hs-pro-chhsnrt3" class="hidden" value="This week" name="hs-pro-chhsnrt" >
                                      <span class="qisry">
                                        <span class="block a3wk8 t4wtn dark:text-neutral-200">
                                          This week
                                        </span>
                                      </span>
                                      <span class="fgfvg egssd kugle dark:text-neutral-500">
                                        Thu, May 8, 9:00 AM
                                      </span>
                                    </label>

<label for="hs-pro-chhsnrt4" class="rsqxb cc1ly flex items-center zb2tq cursor-pointer m6q9e x8k6f has-[:checked]:bg-gray-100 qo2pb cbtmz dark:hover:bg-neutral-800 dark:has-[:checked]:bg-neutral-800 ">
                                      <input type="radio" id="hs-pro-chhsnrt4" class="hidden" value="Next week" name="hs-pro-chhsnrt" >
                                      <span class="qisry">
                                        <span class="block a3wk8 t4wtn dark:text-neutral-200">
                                          Next week
                                        </span>
                                      </span>
                                      <span class="fgfvg egssd kugle dark:text-neutral-500">
                                        Mon, May 13, 9:00 AM
                                      </span>
                                    </label>
                                    
                                  </fieldset>
                                </div>

<div class="aqh96 jn9n3 khwhk dark:border-neutral-800">
                                  <button type="button" class="w-full flex fa4f9 items-center hwu3o rsqxb cc1ly gxh7t a3wk8 t4wtn x8k6f m6q9e iec4s haq8z t4rxa c2pts dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 dark:hover:text-neutral-200 dark:focus:text-neutral-200" data-hs-overlay="#hs-pro-chhsncs">
                                    Custom
                                    <svg class="xqknn d681g" xmlns="http://www.w3.org/2000/svg" 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 rl1tg">
                              <div class="hs-tooltip [--placement:bottom] xd86q">
                                <button id="hs-pro-inthtgdid1" type="button" class="hs-tooltip-toggle flex a459h items-center hwu3o j1mw5 a3wk8 f5wd6 x8k6f zb2tq iec4s haq8z t4rxa c2pts dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 dark:hover:text-neutral-200 dark:focus:text-neutral-200" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
                                  <svg class="xqknn d681g" xmlns="http://www.w3.org/2000/svg" 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="tuthn">Tags</span>
                                </button>
                                <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 xd86q absolute ilxaa jixua p65gp otlhf bg-gray-900 egssd txh0b zb2tq nw583 dark:bg-neutral-700" role="tooltip">
                                  Tags
                                </span>
                              </div>

<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 n8cky transition-[opacity,margin] duration opacity-0 hidden jwhrz nz7b4 u33oi v1x81 dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-inthtgdid1">
                                
                                <div class="rsqxb x7giz flex fa4f9 items-center klk5r">
                                  <span class="block zd5ha a3wk8 t4wtn dark:text-neutral-200">
                                    <span class="truncate">Tags</span>
                                  </span>

<div class="hs-tooltip [--placement:left] xd86q -me-2">
                                    <button type="button" class="hs-tooltip-toggle j1mw5 flex a459h items-center klk5r kugle icuyk x8k6f t4rxa c2pts dark:text-neutral-500 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhcntm">
                                      <svg class="xqknn d681g" xmlns="http://www.w3.org/2000/svg" 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 xd86q absolute ilxaa jixua p65gp otlhf bg-gray-900 egssd txh0b zb2tq dark:bg-neutral-800" role="tooltip">
                                      Create new nbf2w
                                    </span>
                                  </div>
                                  
                                </div>

<div class="aqh96 relative c0n9n khwhk dark:border-neutral-800">
                                  <input type="text" class="p65gp cc1ly block w-full ftfcy zb2tq sreck ph4ob yebd4 x8k6f t4rxa owwub y7tt1 c2pts m7q0b haq8z dark:bg-transparent dark:border-transparent dark:text-neutral-400 dark:placeholder:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:ring-neutral-600 dark:focus:bg-neutral-800" placeholder="Search" >
                                  <div class="hidden absolute moo8f b3qfa flex items-center jixua odq3z">
                                    <button type="button" class="rl1tg xqknn a459h items-center hz5e3 icuyk kugle vfm71 t4rxa u6giu dark:text-neutral-500 dark:hover:text-blue-500 dark:focus:text-blue-500" aria-label="Close">
                                      <span class="tuthn">Close</span>
                                      <svg class="xqknn d681g" xmlns="http://www.w3.org/2000/svg" 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="aqh96 ht2g6 jakc2 a17xw sh48p ygi9h wv8uu wt1jo dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
                                  <span class="trjok cc1ly block egssd kugle dark:text-neutral-500">
                                    All tags
                                  </span>

<div class="exnge">
                                    <div class="flex fa4f9 items-center p65gp cc1ly cursor-pointer zb2tq x8k6f qo2pb cbtmz dark:hover:bg-neutral-800">
                                      <label for="hs-pro-inthtgdid1t1" class="flex z9yef items-center hwon4 cursor-pointer j7yil t4wtn dark:text-neutral-300">
                                        <svg class="xqknn ccfki kugle dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"/><circle cx="7.5" cy="7.5" r=".5" fill="currentColor"/></svg>
                                        Bug
                                      </label>
                                      <input type="checkbox" class="xqknn d681g p0r8k v58qp tiwe1 f9924 iec4s haq8z dark:bg-neutral-900 dark:border-neutral-700 dark:checked:bg-blue-500 dark:checked:border-blue-500 dark:focus:ring-offset-gray-800" id="hs-pro-inthtgdid1t1"  >
                                    </div>
        
                                    <div class="flex fa4f9 items-center p65gp cc1ly cursor-pointer zb2tq x8k6f qo2pb cbtmz dark:hover:bg-neutral-800">
                                      <label for="hs-pro-inthtgdid1t2" class="flex z9yef items-center hwon4 cursor-pointer j7yil t4wtn dark:text-neutral-300">
                                        <svg class="xqknn ccfki qm55s" xmlns="http://www.w3.org/2000/svg" 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] xd86q">
                                          <svg class="hs-tooltip-toggle xqknn jxt54 kugle dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="11" x="3" y="11" rx="2" ry="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/></svg>
                                          <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 xd86q absolute ilxaa jixua p65gp otlhf bg-gray-900 egssd txh0b zb2tq nw583 dark:bg-neutral-700" role="tooltip">
                                            Private nbf2w
                                          </span>
                                        </span>
                                      </label>
                                      <input type="checkbox" class="xqknn d681g p0r8k v58qp tiwe1 f9924 iec4s haq8z dark:bg-neutral-900 dark:border-neutral-700 dark:checked:bg-blue-500 dark:checked:border-blue-500 dark:focus:ring-offset-gray-800" id="hs-pro-inthtgdid1t2" checked >
                                    </div>
        
                                    <div class="flex fa4f9 items-center p65gp cc1ly cursor-pointer zb2tq x8k6f qo2pb cbtmz dark:hover:bg-neutral-800">
                                      <label for="hs-pro-inthtgdid1t3" class="flex z9yef items-center hwon4 cursor-pointer j7yil t4wtn dark:text-neutral-300">
                                        <svg class="xqknn ccfki y1k27" xmlns="http://www.w3.org/2000/svg" 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="xqknn d681g p0r8k v58qp tiwe1 f9924 iec4s haq8z dark:bg-neutral-900 dark:border-neutral-700 dark:checked:bg-blue-500 dark:checked:border-blue-500 dark:focus:ring-offset-gray-800" id="hs-pro-inthtgdid1t3" checked >
                                    </div>
        
                                    <div class="flex fa4f9 items-center p65gp cc1ly cursor-pointer zb2tq x8k6f qo2pb cbtmz dark:hover:bg-neutral-800">
                                      <label for="hs-pro-inthtgdid1t4" class="flex z9yef items-center hwon4 cursor-pointer j7yil t4wtn dark:text-neutral-300">
                                        <svg class="xqknn ccfki rd7w5" xmlns="http://www.w3.org/2000/svg" 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="xqknn d681g p0r8k v58qp tiwe1 f9924 iec4s haq8z dark:bg-neutral-900 dark:border-neutral-700 dark:checked:bg-blue-500 dark:checked:border-blue-500 dark:focus:ring-offset-gray-800" id="hs-pro-inthtgdid1t4"  disabled>
                                    </div>
        
                                    <div class="flex fa4f9 items-center p65gp cc1ly cursor-pointer zb2tq x8k6f qo2pb cbtmz dark:hover:bg-neutral-800">
                                      <label for="hs-pro-inthtgdid1t5" class="flex z9yef items-center hwon4 cursor-pointer j7yil t4wtn dark:text-neutral-300">
                                        <svg class="xqknn ccfki kugle dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"/><circle cx="7.5" cy="7.5" r=".5" fill="currentColor"/></svg>
                                        Feedback
                                        <span class="hs-tooltip [--placement:right] xd86q">
                                          <svg class="hs-tooltip-toggle xqknn jxt54 kugle dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="11" x="3" y="11" rx="2" ry="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/></svg>
                                          <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 xd86q absolute ilxaa jixua p65gp otlhf bg-gray-900 egssd txh0b zb2tq nw583 dark:bg-neutral-700" role="tooltip">
                                            Private nbf2w
                                          </span>
                                        </span>
                                      </label>
                                      <input type="checkbox" class="xqknn d681g p0r8k v58qp tiwe1 f9924 iec4s haq8z dark:bg-neutral-900 dark:border-neutral-700 dark:checked:bg-blue-500 dark:checked:border-blue-500 dark:focus:ring-offset-gray-800" id="hs-pro-inthtgdid1t5"  >
                                    </div>
        
                                    <div class="flex fa4f9 items-center p65gp cc1ly cursor-pointer zb2tq x8k6f qo2pb cbtmz dark:hover:bg-neutral-800">
                                      <label for="hs-pro-inthtgdid1t6" class="flex z9yef items-center hwon4 cursor-pointer j7yil t4wtn dark:text-neutral-300">
                                        <svg class="xqknn ccfki kugle dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"/><circle cx="7.5" cy="7.5" r=".5" fill="currentColor"/></svg>
                                        Account
                                        <span class="hs-tooltip [--placement:right] xd86q">
                                          <svg class="hs-tooltip-toggle xqknn jxt54 kugle dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="11" x="3" y="11" rx="2" ry="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/></svg>
                                          <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 xd86q absolute ilxaa jixua p65gp otlhf bg-gray-900 egssd txh0b zb2tq nw583 dark:bg-neutral-700" role="tooltip">
                                            Private nbf2w
                                          </span>
                                        </span>
                                      </label>
                                      <input type="checkbox" class="xqknn d681g p0r8k v58qp tiwe1 f9924 iec4s haq8z dark:bg-neutral-900 dark:border-neutral-700 dark:checked:bg-blue-500 dark:checked:border-blue-500 dark:focus:ring-offset-gray-800" id="hs-pro-inthtgdid1t6"  >
                                    </div>
        
                                    <div class="flex fa4f9 items-center p65gp cc1ly cursor-pointer zb2tq x8k6f qo2pb cbtmz dark:hover:bg-neutral-800">
                                      <label for="hs-pro-inthtgdid1t7" class="flex z9yef items-center hwon4 cursor-pointer j7yil t4wtn dark:text-neutral-300">
                                        <svg class="xqknn ccfki t4msl" xmlns="http://www.w3.org/2000/svg" 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="xqknn d681g p0r8k v58qp tiwe1 f9924 iec4s haq8z dark:bg-neutral-900 dark:border-neutral-700 dark:checked:bg-blue-500 dark:checked:border-blue-500 dark:focus:ring-offset-gray-800" id="hs-pro-inthtgdid1t7"  >
                                    </div>
                                  </div>
                                  
                                </div>
                                
                              </div>
                              
                            </div>

<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 i1ucw transition-[opacity,margin] duration opacity-0 hidden wc7oz nz7b4 u33oi v1x81 dark:bg-neutral-950" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-inthmid1">
                                  <div class="wq0ye aqh96 shme7 bm6ej khwhk dark:border-neutral-800">
                                    <button type="button" class="w-full flex items-center hwu3o p65gp cc1ly zb2tq j7yil t4wtn x8k6f iec4s haq8z t4rxa c2pts dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
                                      <svg class="xqknn ccfki" xmlns="http://www.w3.org/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 hwu3o p65gp cc1ly zb2tq j7yil t4wtn x8k6f iec4s haq8z t4rxa c2pts dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
                                      <svg class="xqknn ccfki" xmlns="http://www.w3.org/2000/svg" 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 hwu3o p65gp cc1ly zb2tq j7yil t4wtn x8k6f iec4s haq8z t4rxa c2pts dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhsn">
                                      <svg class="xqknn ccfki" xmlns="http://www.w3.org/2000/svg" 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="aqh96 shme7 bm6ej khwhk dark:border-neutral-800">
                                    <button type="button" class="w-full flex items-center hwu3o p65gp cc1ly zb2tq j7yil t4wtn x8k6f iec4s haq8z t4rxa c2pts dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
                                      <svg class="xqknn ccfki" xmlns="http://www.w3.org/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 hwu3o p65gp cc1ly zb2tq j7yil t4wtn x8k6f iec4s haq8z t4rxa c2pts dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
                                      <svg class="xqknn ccfki" xmlns="http://www.w3.org/2000/svg" width="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 hwu3o p65gp cc1ly zb2tq j7yil t4wtn x8k6f iec4s haq8z t4rxa c2pts dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhsn">
                                      <svg class="xqknn ccfki" xmlns="http://www.w3.org/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 hwu3o p65gp cc1ly zb2tq j7yil t4wtn x8k6f iec4s haq8z t4rxa c2pts dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhtgm">
                                      <svg class="xqknn ccfki" xmlns="http://www.w3.org/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="aqh96 shme7 bm6ej khwhk dark:border-neutral-800">
                                    <button type="button" class="w-full flex items-center hwu3o p65gp cc1ly zb2tq j7yil t4wtn x8k6f iec4s haq8z t4rxa c2pts dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhtgm">
                                      <svg class="xqknn ccfki" xmlns="http://www.w3.org/2000/svg" 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="oy1fg vo9dv rl1tg items-center gbe75 egssd zd5ha b0vcj j2gqa icuyk dark:bg-blue-500/10 dark:text-blue-500">New</span>
                                    </button>
                                  </div>
                                  <div class="aqh96 shme7 bm6ej khwhk dark:border-neutral-800">
                                    <button type="button" class="w-full flex items-center hwu3o p65gp cc1ly zb2tq j7yil t4wtn x8k6f iec4s haq8z t4rxa c2pts dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhsh">
                                      <svg class="xqknn ccfki" xmlns="http://www.w3.org/2000/svg" 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 hwu3o p65gp cc1ly zb2tq j7yil t4wtn x8k6f iec4s haq8z t4rxa c2pts dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhsh">
                                      <svg class="xqknn ccfki" xmlns="http://www.w3.org/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 hwu3o p65gp cc1ly zb2tq j7yil t4wtn x8k6f iec4s haq8z t4rxa c2pts dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhsh">
                                      <svg class="xqknn ccfki" xmlns="http://www.w3.org/2000/svg" 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)] vo9dv tk1sx pgmx4 lljey a17xw mjyak sh48p ygi9h wv8uu wt1jo dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
                          
                          <div class="ug898 vemhv grod4 o7p0z dark:bg-neutral-800 dmqa5 ad95q flex flex-wrap items-center l0sxn hwu3o">
                            <h1 class="lno3i ol2kz zyuy7 t4wtn dark:text-neutral-200">
                              Project Timeline Update
                            </h1>

<div class="flex flex-wrap items-center mekoq">
                              
                              <div class="hs-dropdown relative rl1tg">
                                <button id="hs-pro-intbtwtaddid1" type="button" class="eek80 ndt14 zap82 group rl1tg items-center bag0c nz7b4 qm5z2 khwhk t4wtn a3wk8 icuyk w8bqc dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200">
                                  <svg class="xqknn d681g qm55s" xmlns="http://www.w3.org/2000/svg" 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 i1ucw transition-[opacity,margin] duration opacity-0 hidden wc7oz nz7b4 u33oi v1x81 dark:bg-neutral-950 ny9cn v6hfb o5zce ks5wk kknk7" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-intbtwtaddid1">
                                  <div class="aqh96 shme7 bm6ej khwhk dark:border-neutral-800">
                                    <button type="button" class="w-full flex items-center hwu3o p65gp cc1ly zb2tq j7yil t4wtn x8k6f iec4s haq8z t4rxa c2pts dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
                                      <svg class="xqknn ccfki" xmlns="http://www.w3.org/2000/svg" width="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 nbf2w
                                    </button>
                                    <button type="button" class="w-full flex items-center hwu3o p65gp cc1ly zb2tq j7yil t4wtn x8k6f iec4s haq8z t4rxa c2pts dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
                                      <svg class="xqknn ccfki" xmlns="http://www.w3.org/2000/svg" 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 hwu3o p65gp cc1ly zb2tq j7yil t4wtn x8k6f iec4s haq8z t4rxa c2pts dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhsn">
                                      <svg class="xqknn ccfki" xmlns="http://www.w3.org/2000/svg" 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 rl1tg">
                                <button id="hs-pro-intbtwtaddid2" type="button" class="eek80 ndt14 zap82 group rl1tg items-center bag0c nz7b4 qm5z2 khwhk t4wtn a3wk8 icuyk w8bqc dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200">
                                  <svg class="xqknn d681g y1k27" xmlns="http://www.w3.org/2000/svg" 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 i1ucw transition-[opacity,margin] duration opacity-0 hidden wc7oz nz7b4 u33oi v1x81 dark:bg-neutral-950 ny9cn v6hfb o5zce ks5wk kknk7" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-intbtwtaddid2">
                                  <div class="aqh96 shme7 bm6ej khwhk dark:border-neutral-800">
                                    <button type="button" class="w-full flex items-center hwu3o p65gp cc1ly zb2tq j7yil t4wtn x8k6f iec4s haq8z t4rxa c2pts dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
                                      <svg class="xqknn ccfki" xmlns="http://www.w3.org/2000/svg" width="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 nbf2w
                                    </button>
                                    <button type="button" class="w-full flex items-center hwu3o p65gp cc1ly zb2tq j7yil t4wtn x8k6f iec4s haq8z t4rxa c2pts dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
                                      <svg class="xqknn ccfki" xmlns="http://www.w3.org/2000/svg" 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 hwu3o p65gp cc1ly zb2tq j7yil t4wtn x8k6f iec4s haq8z t4rxa c2pts dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhsn">
                                      <svg class="xqknn ccfki" xmlns="http://www.w3.org/2000/svg" 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="hti62 ff41e">
                            
                            <div class="prt5q flex items-center egssd kugle l8jip rdk7f kknk7 tp5gd lverq gp6un b967p dchgm fac2z tk150 dark:text-neutral-400 dark:before:bg-neutral-700 dark:after:bg-neutral-700">
                              October 3, 2024
                            </div>

<div id="hs-pro-in1tcid1" class="hs-accordion ">
                              <div class="iksha nz7b4 i3mh9 hnqy9 dark:bg-neutral-900">
                                
                                <div class="relative">
                                  <div class="hs-accordion-toggle hz0c8 ha3id nn7eh" role="button" aria-expanded="false" aria-controls="hs-pro-in1tcid1-heading"></div>

<div class="tjm3z fu2sl jpyzj w-full rl1tg items-center klk5r truncate">
                                    <div class="w-full flex x986k truncate">
                                      <span class="di2ve flex xqknn a459h items-center j1mw5 f2xez yqoaf txh0b dark:bg-neutral-600 icuyk">S</span>
          
                                      <div class="qisry truncate flex ao3ns">
                                        
                                        <div class=" truncate">
                                          <div class="hs-tooltip [--trigger:click] sm:[--placement:bottom-left] xd86q hbfi0">
                                            <span class="hs-tooltip-toggle relative owb27 rl1tg items-center truncate a3wk8 lno3i t4wtn dark:text-neutral-200 cursor-pointer e2k3c e229p" tabindex="-1">
                                              Sarah Chen
                                            </span>

<div class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible hidden opacity-0 hvq5u absolute ilxaa grod4 puiqx w-full nz7b4 qm5z2 sctn2 gxh7t u33oi rxdzr hz0c8 x7c7n bitu4 jrra7 q05q2 dark:bg-neutral-800 dark:border-neutral-700" role="tooltip">
                                              <div class="cz83v">
                                                <span class="block trjok a3wk8 kugle dark:text-neutral-500">
                                                  Contact
                                                </span>

<div class="flex ao3ns a459h items-center kjb0e">
                                                  <span class="flex xqknn a459h items-center vdgjn f2xez yqoaf txh0b icuyk dark:bg-neutral-600">S</span>
                                                  <h4 class="vvl4w zd5ha t4wtn dark:text-white">
                                                    Sarah Chen
                                                  </h4>
                                                </div>

<div class="di2ve iieae">
                                                  <p class="a3wk8 t4wtn dark:text-neutral-200">
                                                    <a class="rl1tg items-center gbe75 j7yil tiwe1 dkwzk e229p t4rxa nvzxt dark:text-blue-500" href="#">schen@company.com</a>
                                                  </p>
                                                </div>
        
                                                
                                                <div class="sew5a xlnvk flex fa4f9 items-center jn9n3 khwhk dark:border-neutral-700">
                                                  <a class="rl1tg items-center gbe75 egssd kugle vfm71 t4rxa u6giu iec4s haq8z dark:text-neutral-400 dark:hover:text-white dark:focus:text-white" href="#">
                                                    <svg class="xqknn jxt54" xmlns="http://www.w3.org/2000/svg" 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="p65gp cc1ly rl1tg items-center gbe75 a3wk8 zb2tq qm5z2 khwhk nz7b4 t4wtn fwpr6 w8bqc iec4s haq8z t4rxa a68yw dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
                                                    <svg class="xqknn d681g" xmlns="http://www.w3.org/2000/svg" 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="q7lsi hs-accordion-active:block hidden hbfi0 truncate">
                                          <div class="hs-tooltip [--trigger:click] sm:[--placement:bottom-left] xd86q hbfi0">
                                            <span class="truncate a3wk8 t4wtn dark:text-neutral-200">To:</span>
                                            <span class="hs-tooltip-toggle relative owb27 rl1tg items-center truncate a3wk8 kugle dark:text-neutral-500 cursor-pointer e2k3c e229p" tabindex="-1">
                                              Lewis Clarke
                                            </span>

<div class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible hidden opacity-0 hvq5u absolute ilxaa grod4 puiqx w-full nz7b4 qm5z2 sctn2 gxh7t u33oi rxdzr hz0c8 x7c7n bitu4 jrra7 q05q2 dark:bg-neutral-800 dark:border-neutral-700" role="tooltip">
                                              <div class="cz83v">
                                                <span class="block trjok a3wk8 kugle dark:text-neutral-500">
                                                  Contact
                                                </span>

<div class="flex ao3ns a459h items-center kjb0e">
                                                  <img class="xqknn vdgjn icuyk" 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="vvl4w zd5ha t4wtn dark:text-white">
                                                    Lewis Clarke
                                                  </h4>
                                                </div>

<div class="di2ve iieae">
                                                  <p class="a3wk8 t4wtn dark:text-neutral-200">
                                                    <a class="rl1tg items-center gbe75 j7yil tiwe1 dkwzk e229p t4rxa nvzxt dark:text-blue-500" href="#">lewis@company.com</a>
                                                  </p>
                                                </div>
        
                                                
                                                <div class="sew5a xlnvk flex fa4f9 items-center jn9n3 khwhk dark:border-neutral-700">
                                                  <a class="rl1tg items-center gbe75 egssd kugle vfm71 t4rxa u6giu iec4s haq8z dark:text-neutral-400 dark:hover:text-white dark:focus:text-white" href="#">
                                                    <svg class="xqknn jxt54" xmlns="http://www.w3.org/2000/svg" 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="p65gp cc1ly rl1tg items-center gbe75 a3wk8 zb2tq qm5z2 khwhk nz7b4 t4wtn fwpr6 w8bqc iec4s haq8z t4rxa a68yw dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
                                                    <svg class="xqknn d681g" xmlns="http://www.w3.org/2000/svg" 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="q7lsi hs-accordion-active:block sm:hs-accordion-active:hidden hidden hbfi0 truncate">
                                          <span class="truncate a3wk8 t4wtn dark:text-neutral-200">Date:</span>
                                          <span class="truncate a3wk8 kugle dark:text-neutral-500">October 3, 2024 10:15 AM</span>
                                        </div>
            
                                        <div class="q7lsi hs-accordion-active:hidden hbfi0 truncate">
                                          <p class="truncate a3wk8 kugle dark:text-neutral-500">Hi team, I've reviewed the latest sprint progress, and I think we need to discuss some adjustments to our project timeline. We're running into some unexpected challenges with the API integration, which might impact our delivery date.</p>
                                        </div>
                                      </div>

<div class="b8921">
                                        <span class="q7lsi hs-accordion-active:hidden egssd xd86q kugle dark:text-neutral-500">Oct 3</span>
                                        <span class="q7lsi sm:hs-accordion-active:inline-block hidden egssd kugle dark:text-neutral-500">October 3, 2024 10:15 AM</span>
                                      </div>
                                    </div>
                                  </div>

<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 i1ucw transition-[opacity,margin] duration opacity-0 hidden wc7oz nz7b4 u33oi v1x81 dark:bg-neutral-950" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-in1tctmdid1">
                                        <div class="cqfp5 a17xw sh48p ygi9h wv8uu wt1jo dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
                                          <div class="aqh96 shme7 bm6ej khwhk dark:border-neutral-800">
                                            <button type="button" class="w-full flex items-center hwu3o p65gp cc1ly zb2tq j7yil t4wtn x8k6f iec4s haq8z t4rxa c2pts dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
                                              <svg class="xqknn ccfki" xmlns="http://www.w3.org/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 hwu3o p65gp cc1ly zb2tq j7yil t4wtn x8k6f iec4s haq8z t4rxa c2pts dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
                                              <svg class="xqknn ccfki" xmlns="http://www.w3.org/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 hwu3o p65gp cc1ly zb2tq j7yil t4wtn x8k6f iec4s haq8z t4rxa c2pts dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhsn">
                                              <svg class="xqknn ccfki" xmlns="http://www.w3.org/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 hwu3o p65gp cc1ly zb2tq j7yil t4wtn x8k6f iec4s haq8z t4rxa c2pts dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhsn">
                                              <svg class="xqknn ccfki" xmlns="http://www.w3.org/2000/svg" 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="aqh96 shme7 bm6ej khwhk dark:border-neutral-800">
                                            <button type="button" class="w-full flex items-center hwu3o p65gp cc1ly zb2tq j7yil t4wtn x8k6f iec4s haq8z t4rxa c2pts dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
                                              <svg class="xqknn ccfki" xmlns="http://www.w3.org/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 hwu3o p65gp cc1ly zb2tq j7yil t4wtn x8k6f iec4s haq8z t4rxa c2pts dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
                                              <svg class="xqknn ccfki" xmlns="http://www.w3.org/2000/svg" width="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 hwu3o p65gp cc1ly zb2tq j7yil t4wtn x8k6f iec4s haq8z t4rxa c2pts dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
                                              <svg class="xqknn ccfki" xmlns="http://www.w3.org/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 hwu3o p65gp cc1ly zb2tq j7yil t4wtn x8k6f iec4s haq8z t4rxa c2pts dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
                                              <svg class="xqknn ccfki" xmlns="http://www.w3.org/2000/svg" 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 hwu3o p65gp cc1ly zb2tq j7yil t4wtn x8k6f iec4s haq8z t4rxa c2pts dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhsn">
                                              <svg class="xqknn ccfki" xmlns="http://www.w3.org/2000/svg" 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="aqh96 shme7 bm6ej khwhk dark:border-neutral-800">
                                            <button type="button" class="w-full flex items-center hwu3o p65gp cc1ly zb2tq j7yil t4wtn x8k6f iec4s haq8z t4rxa c2pts dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhtgm">
                                              <svg class="xqknn ccfki" xmlns="http://www.w3.org/2000/svg" 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="oy1fg vo9dv rl1tg items-center gbe75 egssd zd5ha b0vcj j2gqa icuyk dark:bg-blue-500/10 dark:text-blue-500">New</span>
                                            </button>
                                          </div>
                                          <div class="aqh96 shme7 bm6ej khwhk dark:border-neutral-800">
                                            <button type="button" class="w-full flex items-center hwu3o p65gp cc1ly zb2tq j7yil t4wtn x8k6f iec4s haq8z t4rxa c2pts dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhsh">
                                              <svg class="xqknn ccfki" xmlns="http://www.w3.org/2000/svg" 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 hwu3o p65gp cc1ly zb2tq j7yil t4wtn x8k6f iec4s haq8z t4rxa c2pts dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhsh">
                                              <svg class="xqknn ccfki" xmlns="http://www.w3.org/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 hwu3o p65gp cc1ly zb2tq j7yil t4wtn x8k6f iec4s haq8z t4rxa c2pts dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhsh">
                                              <svg class="xqknn ccfki" xmlns="http://www.w3.org/2000/svg" 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 wcomx" role="region" aria-labelledby="hs-pro-in1tcid1">
                                  <div class="cz83v jn9n3 khwhk dark:border-neutral-700">
                                    <div class="a3wk8 t4wtn dark:text-neutral-200">Hi team,<br><br>I've reviewed the latest sprint progress, and I think we need to discuss some adjustments to our project timeline. We're running into some unexpected challenges with the API integration, which might impact our delivery date.<br><br>Could we schedule a meeting to go over the following points?<br><ol class="wzac0 ko7t2 bpd4l"><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="x7giz shme7">
                              <div class="du4v0 flex flex-wrap items-center sapo1">
                                <span class="egssd kugle dark:text-neutral-200">
                                  Isabella Lauda
                                </span>
                              </div>

<div class="group w-full znqcm r6plf">
                                <div class="flex o6gfw">
                                  <div class="xqknn j1mw5 iieae">
                                    <span class="flex xqknn a459h items-center j1mw5 a3wk8 f2xez flthz txh0b icuyk">I</span>
                                  </div>
      
                                  <div class="-ms-2 b8921 w-full ykxgv">
                                    <div class="flex aqmse o9jhx" style="word-break: break-word;">
                                      <div class="p65gp otlhf xd86q coiig i3mh9 dark:bg-neutral-700">
                                        <div class="a3wk8 f5wd6 dark:text-neutral-400">
                                          <span class="y1k27">@lewis_clarke</span> Hi Lewis
              
                                          <span class="s3b62 djbeh w8otv dark:text-neutral-600">
                                            10:20
                                          </span>
                                        </div>
                                      </div>

<div class="p9dvn">
                                        
                                        <button type="button" class="hs-collapse-toggle flex a459h items-center hwu3o j1mw5 a3wk8 f5wd6 nwqzd icuyk iec4s haq8z t4rxa b3tqx dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200" id="hs-pro-in1tctclid1_1" aria-expanded="false" aria-controls="hs-pro-in1tctclid1_1-heading" data-hs-collapse="#hs-pro-in1tctclid1_1-heading">
                                          <span class="tuthn">Collapse</span>
                                          <svg class="hs-collapse-open:rotate-180 xqknn d681g" xmlns="http://www.w3.org/2000/svg" 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="di2ve flex items-center o9jhx">
                                      <div class="hs-tooltip xd86q">
                                        <span class="hs-tooltip-toggle k5h7f brzd2 uyj7c flex b0vcj qm5z2 d3fb5 icuyk dark:bg-blue-500/20 dark:border-blue-500/30">
                                          <span class="a3wk8 y1k27">
                                            ✋ 1
                                          </span>
                                          <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 xd86q absolute ilxaa jixua p65gp otlhf bg-gray-900 egssd txh0b zb2tq nw583 dark:bg-neutral-700" role="tooltip">
                                            Lewis reacted
                                          </span>
                                        </span>
                                      </div>

<div class="hs-tooltip xd86q">
                                        <button type="button" class="hs-tooltip-toggle flex a459h items-center hwu3o cekdm a3wk8 f5wd6 nwqzd icuyk iec4s haq8z t4rxa b3tqx dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200">
                                          <svg class="xqknn ccfki" xmlns="http://www.w3.org/2000/svg" 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="tuthn">Add reaction</span>
                                        </button>
                                        <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 xd86q absolute ilxaa jixua p65gp otlhf bg-gray-900 egssd txh0b zb2tq nw583 dark:bg-neutral-700" role="tooltip">
                                          Add reaction
                                        </span>
                                      </div>
                                      
                                    </div>
                                  </div>
                                </div>

<div id="hs-pro-in1tctclid1_1-heading" class="ndy3z hidden w-full wcomx transition-[height] x5im3 rnsn4 fg4sr g9sff gauz8" aria-labelledby="hs-pro-in1tctclid1_1">
                                  
                                  <div class="sunda m1y6m br57b xf1xt xerm2 nz7b4 icuyk fwpr6 rl1tg items-center smwuo dark:bg-neutral-900">
                                    
                                    <div class="hs-tooltip xd86q">
                                      <button type="button" class="hs-tooltip-toggle flex a459h items-center hwu3o cekdm a3wk8 f5wd6 nwqzd icuyk iec4s haq8z t4rxa b3tqx dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200">
                                        <svg class="xqknn ccfki" xmlns="http://www.w3.org/2000/svg" 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="tuthn">Add reaction</span>
                                      </button>
                                      <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 xd86q absolute ilxaa jixua p65gp otlhf bg-gray-900 egssd txh0b zb2tq nw583 dark:bg-neutral-700" role="tooltip">
                                        Add reaction
                                      </span>
                                    </div>

<div class="hs-tooltip xd86q">
                                      <button type="button" class="hs-tooltip-toggle flex a459h items-center hwu3o cekdm a3wk8 f5wd6 nwqzd icuyk iec4s haq8z t4rxa b3tqx dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200">
                                        <svg class="xqknn ccfki" xmlns="http://www.w3.org/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="tuthn">Reply</span>
                                      </button>
                                      <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 xd86q absolute ilxaa jixua p65gp otlhf bg-gray-900 egssd txh0b zb2tq nw583 dark:bg-neutral-700" role="tooltip">
                                        Reply
                                      </span>
                                    </div>

<div class="hs-tooltip xd86q">
                                      <button type="button" class="hs-tooltip-toggle flex a459h items-center hwu3o cekdm a3wk8 f5wd6 nwqzd icuyk iec4s haq8z t4rxa b3tqx dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200">
                                        <svg class="xqknn ccfki" xmlns="http://www.w3.org/2000/svg" width="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="tuthn">Edit</span>
                                      </button>
                                      <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 xd86q absolute ilxaa jixua p65gp otlhf bg-gray-900 egssd txh0b zb2tq nw583 dark:bg-neutral-700" role="tooltip">
                                        Edit
                                      </span>
                                    </div>

<div class="hs-tooltip xd86q">
                                      <button type="button" class="hs-tooltip-toggle flex a459h items-center hwu3o cekdm a3wk8 f5wd6 nwqzd icuyk iec4s haq8z t4rxa b3tqx dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200">
                                        <svg class="xqknn ccfki" xmlns="http://www.w3.org/2000/svg" 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="tuthn">Delete</span>
                                      </button>
                                      <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 xd86q absolute ilxaa jixua p65gp otlhf bg-gray-900 egssd txh0b zb2tq nw583 dark:bg-neutral-700" role="tooltip">
                                        Delete
                                      </span>
                                    </div>
                                    
                                  </div>
                                  
                                </div>
                                
                              </div>

<div class="p9dvn">
                                        
                                        <button type="button" class="hs-collapse-toggle flex a459h items-center hwu3o j1mw5 a3wk8 f5wd6 nwqzd icuyk iec4s haq8z t4rxa b3tqx dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200" id="hs-pro-in1tctclid1_2" aria-expanded="false" aria-controls="hs-pro-in1tctclid1_2-heading" data-hs-collapse="#hs-pro-in1tctclid1_2-heading">
                                          <span class="tuthn">Collapse</span>
                                          <svg class="hs-collapse-open:rotate-180 xqknn d681g" xmlns="http://www.w3.org/2000/svg" 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="ndy3z hidden w-full wcomx transition-[height] x5im3 rnsn4 fg4sr g9sff gauz8" aria-labelledby="hs-pro-in1tctclid1_2">
                                  
                                  <div class="sunda m1y6m br57b xf1xt xerm2 nz7b4 icuyk fwpr6 rl1tg items-center smwuo dark:bg-neutral-900">
                                    
                                    <div class="hs-tooltip xd86q">
                                      <button type="button" class="hs-tooltip-toggle flex a459h items-center hwu3o cekdm a3wk8 f5wd6 nwqzd icuyk iec4s haq8z t4rxa b3tqx dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200">
                                        <svg class="xqknn ccfki" xmlns="http://www.w3.org/2000/svg" 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="tuthn">Add reaction</span>
                                      </button>
                                      <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 xd86q absolute ilxaa jixua p65gp otlhf bg-gray-900 egssd txh0b zb2tq nw583 dark:bg-neutral-700" role="tooltip">
                                        Add reaction
                                      </span>
                                    </div>

<div class="hs-tooltip xd86q">
                                      <button type="button" class="hs-tooltip-toggle flex a459h items-center hwu3o cekdm a3wk8 f5wd6 nwqzd icuyk iec4s haq8z t4rxa b3tqx dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200">
                                        <svg class="xqknn ccfki" xmlns="http://www.w3.org/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="tuthn">Reply</span>
                                      </button>
                                      <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 xd86q absolute ilxaa jixua p65gp otlhf bg-gray-900 egssd txh0b zb2tq nw583 dark:bg-neutral-700" role="tooltip">
                                        Reply
                                      </span>
                                    </div>

<div class="hs-tooltip xd86q">
                                      <button type="button" class="hs-tooltip-toggle flex a459h items-center hwu3o cekdm a3wk8 f5wd6 nwqzd icuyk iec4s haq8z t4rxa b3tqx dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200">
                                        <svg class="xqknn ccfki" xmlns="http://www.w3.org/2000/svg" width="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="tuthn">Edit</span>
                                      </button>
                                      <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 xd86q absolute ilxaa jixua p65gp otlhf bg-gray-900 egssd txh0b zb2tq nw583 dark:bg-neutral-700" role="tooltip">
                                        Edit
                                      </span>
                                    </div>

<div class="hs-tooltip xd86q">
                                      <button type="button" class="hs-tooltip-toggle flex a459h items-center hwu3o cekdm a3wk8 f5wd6 nwqzd icuyk iec4s haq8z t4rxa b3tqx dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200">
                                        <svg class="xqknn ccfki" xmlns="http://www.w3.org/2000/svg" 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="tuthn">Delete</span>
                                      </button>
                                      <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 xd86q absolute ilxaa jixua p65gp otlhf bg-gray-900 egssd txh0b zb2tq nw583 dark:bg-neutral-700" role="tooltip">
                                        Delete
                                      </span>
                                    </div>
                                    
                                  </div>
                                  
                                </div>
                                
                              </div>
                            </div>

<div class="x7giz shme7">
                              <div class="du4v0 flex flex-wrap items-center sapo1">
                                <span class="egssd kugle dark:text-neutral-200">
                                  Lewis Clarke
                                </span>
                              </div>

<div class="group w-full znqcm r6plf">
                                <div class="flex o6gfw">
                                  <div class="xqknn j1mw5 iieae">
                                    <img class="xqknn j1mw5 icuyk" 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 b8921 w-full ykxgv">
                                    <div class="flex aqmse o9jhx" style="word-break: break-word;">
                                      <div class="p65gp otlhf xd86q coiig i3mh9 dark:bg-neutral-700">
                                        <div class="a3wk8 f5wd6 dark:text-neutral-400">
                                          <span class="y1k27">@isabella</span>
                                        </div>
                                      </div>

<div class="p9dvn">
                                        
                                        <button type="button" class="hs-collapse-toggle flex a459h items-center hwu3o j1mw5 a3wk8 f5wd6 nwqzd icuyk iec4s haq8z t4rxa b3tqx dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200" id="hs-pro-in1tctclid2_1" aria-expanded="false" aria-controls="hs-pro-in1tctclid2_1-heading" data-hs-collapse="#hs-pro-in1tctclid2_1-heading">
                                          <span class="tuthn">Collapse</span>
                                          <svg class="hs-collapse-open:rotate-180 xqknn d681g" xmlns="http://www.w3.org/2000/svg" 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="ndy3z hidden w-full wcomx transition-[height] x5im3 rnsn4 fg4sr g9sff gauz8" aria-labelledby="hs-pro-in1tctclid2_1">
                                  
                                  <div class="sunda m1y6m br57b xf1xt xerm2 nz7b4 icuyk fwpr6 rl1tg items-center smwuo dark:bg-neutral-900">
                                    
                                    <div class="hs-tooltip xd86q">
                                      <button type="button" class="hs-tooltip-toggle flex a459h items-center hwu3o cekdm a3wk8 f5wd6 nwqzd icuyk iec4s haq8z t4rxa b3tqx dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200">
                                        <svg class="xqknn ccfki" xmlns="http://www.w3.org/2000/svg" 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="tuthn">Add reaction</span>
                                      </button>
                                      <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 xd86q absolute ilxaa jixua p65gp otlhf bg-gray-900 egssd txh0b zb2tq nw583 dark:bg-neutral-700" role="tooltip">
                                        Add reaction
                                      </span>
                                    </div>

<div class="hs-tooltip xd86q">
                                      <button type="button" class="hs-tooltip-toggle flex a459h items-center hwu3o cekdm a3wk8 f5wd6 nwqzd icuyk iec4s haq8z t4rxa b3tqx dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200">
                                        <svg class="xqknn ccfki" xmlns="http://www.w3.org/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="tuthn">Reply</span>
                                      </button>
                                      <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 xd86q absolute ilxaa jixua p65gp otlhf bg-gray-900 egssd txh0b zb2tq nw583 dark:bg-neutral-700" role="tooltip">
                                        Reply
                                      </span>
                                    </div>

<div class="hs-tooltip xd86q">
                                      <button type="button" class="hs-tooltip-toggle flex a459h items-center hwu3o cekdm a3wk8 f5wd6 nwqzd icuyk iec4s haq8z t4rxa b3tqx dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200">
                                        <svg class="xqknn ccfki" xmlns="http://www.w3.org/2000/svg" width="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="tuthn">Edit</span>
                                      </button>
                                      <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 xd86q absolute ilxaa jixua p65gp otlhf bg-gray-900 egssd txh0b zb2tq nw583 dark:bg-neutral-700" role="tooltip">
                                        Edit
                                      </span>
                                    </div>

<div class="hs-tooltip xd86q">
                                      <button type="button" class="hs-tooltip-toggle flex a459h items-center hwu3o cekdm a3wk8 f5wd6 nwqzd icuyk iec4s haq8z t4rxa b3tqx dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200">
                                        <svg class="xqknn ccfki" xmlns="http://www.w3.org/2000/svg" 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="tuthn">Delete</span>
                                      </button>
                                      <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 xd86q absolute ilxaa jixua p65gp otlhf bg-gray-900 egssd txh0b zb2tq nw583 dark:bg-neutral-700" role="tooltip">
                                        Delete
                                      </span>
                                    </div>
                                    
                                  </div>
                                  
                                </div>
                                
                              </div>

<div class="group w-full znqcm r6plf">
                                <div class="flex o6gfw">
                                  <div class="xqknn j1mw5 iieae">
                                  </div>
      
                                  <div class="-ms-2 b8921 w-full ykxgv">
                                    <div class="flex aqmse o9jhx" style="word-break: break-word;">
                                      <div class="p65gp otlhf xd86q coiig i3mh9 dark:bg-neutral-700">
                                        <div class="a3wk8 f5wd6 dark:text-neutral-400">
                                          I agree we should discuss this ASAP
              
                                          <span class="s3b62 djbeh w8otv dark:text-neutral-600">
                                            11:12
                                          </span>
                                        </div>
                                      </div>

<div class="p9dvn">
                                        
                                        <button type="button" class="hs-collapse-toggle flex a459h items-center hwu3o j1mw5 a3wk8 f5wd6 nwqzd icuyk iec4s haq8z t4rxa b3tqx dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200" id="hs-pro-in1tctclid2_2" aria-expanded="false" aria-controls="hs-pro-in1tctclid2_2-heading" data-hs-collapse="#hs-pro-in1tctclid2_2-heading">
                                          <span class="tuthn">Collapse</span>
                                          <svg class="hs-collapse-open:rotate-180 xqknn d681g" xmlns="http://www.w3.org/2000/svg" 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="ndy3z hidden w-full wcomx transition-[height] x5im3 rnsn4 fg4sr g9sff gauz8" aria-labelledby="hs-pro-in1tctclid2_2">
                                  
                                  <div class="sunda m1y6m br57b xf1xt xerm2 nz7b4 icuyk fwpr6 rl1tg items-center smwuo dark:bg-neutral-900">
                                    
                                    <div class="hs-tooltip xd86q">
                                      <button type="button" class="hs-tooltip-toggle flex a459h items-center hwu3o cekdm a3wk8 f5wd6 nwqzd icuyk iec4s haq8z t4rxa b3tqx dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200">
                                        <svg class="xqknn ccfki" xmlns="http://www.w3.org/2000/svg" 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="tuthn">Add reaction</span>
                                      </button>
                                      <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 xd86q absolute ilxaa jixua p65gp otlhf bg-gray-900 egssd txh0b zb2tq nw583 dark:bg-neutral-700" role="tooltip">
                                        Add reaction
                                      </span>
                                    </div>

<div class="hs-tooltip xd86q">
                                      <button type="button" class="hs-tooltip-toggle flex a459h items-center hwu3o cekdm a3wk8 f5wd6 nwqzd icuyk iec4s haq8z t4rxa b3tqx dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200">
                                        <svg class="xqknn ccfki" xmlns="http://www.w3.org/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="tuthn">Reply</span>
                                      </button>
                                      <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 xd86q absolute ilxaa jixua p65gp otlhf bg-gray-900 egssd txh0b zb2tq nw583 dark:bg-neutral-700" role="tooltip">
                                        Reply
                                      </span>
                                    </div>

<div class="hs-tooltip xd86q">
                                      <button type="button" class="hs-tooltip-toggle flex a459h items-center hwu3o cekdm a3wk8 f5wd6 nwqzd icuyk iec4s haq8z t4rxa b3tqx dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200">
                                        <svg class="xqknn ccfki" xmlns="http://www.w3.org/2000/svg" width="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="tuthn">Edit</span>
                                      </button>
                                      <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 xd86q absolute ilxaa jixua p65gp otlhf bg-gray-900 egssd txh0b zb2tq nw583 dark:bg-neutral-700" role="tooltip">
                                        Edit
                                      </span>
                                    </div>

<div class="hs-tooltip xd86q">
                                      <button type="button" class="hs-tooltip-toggle flex a459h items-center hwu3o cekdm a3wk8 f5wd6 nwqzd icuyk iec4s haq8z t4rxa b3tqx dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200">
                                        <svg class="xqknn ccfki" xmlns="http://www.w3.org/2000/svg" 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="tuthn">Delete</span>
                                      </button>
                                      <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 xd86q absolute ilxaa jixua p65gp otlhf bg-gray-900 egssd txh0b zb2tq nw583 dark:bg-neutral-700" role="tooltip">
                                        Delete
                                      </span>
                                    </div>
                                    
                                  </div>
                                  
                                </div>
                                
                              </div>

<div class="group w-full znqcm r6plf">
                                <div class="flex o6gfw">
                                  <div class="xqknn j1mw5 iieae">
                                  </div>
      
                                  <div class="-ms-2 b8921 w-full ykxgv">
                                    <div class="flex aqmse o9jhx" style="word-break: break-word;">
                                      <div class="p65gp otlhf xd86q coiig i3mh9 dark:bg-neutral-700">
                                        <div class="a3wk8 f5wd6 dark:text-neutral-400">
                                          I'm available tomorrow (Thursday) at 2 PM or Friday morning before 11 AM
              
                                          <span class="s3b62 djbeh w8otv dark:text-neutral-600">
                                            11:13
                                          </span>
                                        </div>
                                      </div>

<div class="p9dvn">
                                        
                                        <button type="button" class="hs-collapse-toggle flex a459h items-center hwu3o j1mw5 a3wk8 f5wd6 nwqzd icuyk iec4s haq8z t4rxa b3tqx dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200" id="hs-pro-in1tctclid2_3" aria-expanded="false" aria-controls="hs-pro-in1tctclid2_3-heading" data-hs-collapse="#hs-pro-in1tctclid2_3-heading">
                                          <span class="tuthn">Collapse</span>
                                          <svg class="hs-collapse-open:rotate-180 xqknn d681g" xmlns="http://www.w3.org/2000/svg" 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="di2ve flex items-center o9jhx">
                                      <div class="hs-tooltip xd86q">
                                        <span class="hs-tooltip-toggle k5h7f brzd2 uyj7c flex b0vcj qm5z2 d3fb5 icuyk dark:bg-blue-500/20 dark:border-blue-500/30">
                                          <span class="a3wk8 y1k27">
                                            👍️ 2
                                          </span>
                                          <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 xd86q absolute ilxaa jixua p65gp otlhf bg-gray-900 egssd txh0b zb2tq nw583 dark:bg-neutral-700" role="tooltip">
                                            Isabella and James reacted
                                          </span>
                                        </span>
                                      </div>

<div class="hs-tooltip xd86q">
                                        <button type="button" class="hs-tooltip-toggle flex a459h items-center hwu3o cekdm a3wk8 f5wd6 nwqzd icuyk iec4s haq8z t4rxa b3tqx dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200">
                                          <svg class="xqknn ccfki" xmlns="http://www.w3.org/2000/svg" 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="tuthn">Add reaction</span>
                                        </button>
                                        <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 xd86q absolute ilxaa jixua p65gp otlhf bg-gray-900 egssd txh0b zb2tq nw583 dark:bg-neutral-700" role="tooltip">
                                          Add reaction
                                        </span>
                                      </div>
                                      
                                    </div>
                                  </div>
                                </div>

<div id="hs-pro-in1tctclid2_3-heading" class="ndy3z hidden w-full wcomx transition-[height] x5im3 rnsn4 fg4sr g9sff gauz8" aria-labelledby="hs-pro-in1tctclid2_3">
                                  
                                  <div class="sunda m1y6m br57b xf1xt xerm2 nz7b4 icuyk fwpr6 rl1tg items-center smwuo dark:bg-neutral-900">
                                    
                                    <div class="hs-tooltip xd86q">
                                      <button type="button" class="hs-tooltip-toggle flex a459h items-center hwu3o cekdm a3wk8 f5wd6 nwqzd icuyk iec4s haq8z t4rxa b3tqx dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200">
                                        <svg class="xqknn ccfki" xmlns="http://www.w3.org/2000/svg" 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="tuthn">Add reaction</span>
                                      </button>
                                      <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 xd86q absolute ilxaa jixua p65gp otlhf bg-gray-900 egssd txh0b zb2tq nw583 dark:bg-neutral-700" role="tooltip">
                                        Add reaction
                                      </span>
                                    </div>

<div class="hs-tooltip xd86q">
                                      <button type="button" class="hs-tooltip-toggle flex a459h items-center hwu3o cekdm a3wk8 f5wd6 nwqzd icuyk iec4s haq8z t4rxa b3tqx dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200">
                                        <svg class="xqknn ccfki" xmlns="http://www.w3.org/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="tuthn">Reply</span>
                                      </button>
                                      <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 xd86q absolute ilxaa jixua p65gp otlhf bg-gray-900 egssd txh0b zb2tq nw583 dark:bg-neutral-700" role="tooltip">
                                        Reply
                                      </span>
                                    </div>

<div class="hs-tooltip xd86q">
                                      <button type="button" class="hs-tooltip-toggle flex a459h items-center hwu3o cekdm a3wk8 f5wd6 nwqzd icuyk iec4s haq8z t4rxa b3tqx dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200">
                                        <svg class="xqknn ccfki" xmlns="http://www.w3.org/2000/svg" width="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="tuthn">Edit</span>
                                      </button>
                                      <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 xd86q absolute ilxaa jixua p65gp otlhf bg-gray-900 egssd txh0b zb2tq nw583 dark:bg-neutral-700" role="tooltip">
                                        Edit
                                      </span>
                                    </div>

<div class="hs-tooltip xd86q">
                                      <button type="button" class="hs-tooltip-toggle flex a459h items-center hwu3o cekdm a3wk8 f5wd6 nwqzd icuyk iec4s haq8z t4rxa b3tqx dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200">
                                        <svg class="xqknn ccfki" xmlns="http://www.w3.org/2000/svg" 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="tuthn">Delete</span>
                                      </button>
                                      <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 xd86q absolute ilxaa jixua p65gp otlhf bg-gray-900 egssd txh0b zb2tq nw583 dark:bg-neutral-700" role="tooltip">
                                        Delete
                                      </span>
                                    </div>
                                    
                                  </div>
                                  
                                </div>
                                
                              </div>
                            </div>

<div class="fu2sl">
                              
                              <div class="relative group a5bai avnhm iupyh hz0c8 kw19q o3mpn fm9x4 f2xfc b967p dark:after:bg-neutral-700">
                                <div class="w-full flex o6gfw">
                                  <span class="flex xqknn a459h items-center j1mw5 coiig a3wk8 lno3i f2xez kugle icuyk dark:text-neutral-500">
                                    <svg class="xqknn ccfki" xmlns="http://www.w3.org/2000/svg" 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="qisry di2ve">
                                    <span class="a3wk8 kugle dark:text-neutral-500">
                                      <span class="lno3i">Assigned</span> to Lewis Clarke by Isabella Lauda
                                    </span>

<div class="relative group a5bai avnhm iupyh hz0c8 kw19q o3mpn fm9x4 f2xfc b967p dark:after:bg-neutral-700">
                                <div class="w-full flex o6gfw">
                                  <span class="flex xqknn a459h items-center j1mw5 coiig a3wk8 lno3i f2xez kugle icuyk dark:text-neutral-500">
                                    <svg class="xqknn ccfki" xmlns="http://www.w3.org/2000/svg" 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="qisry di2ve">
                                    <span class="a3wk8 kugle dark:text-neutral-500">
                                      <span class="lno3i">Moved</span> to Gmail by Isabella Lauda
                                    </span>

<div class="relative group a5bai avnhm iupyh hz0c8 kw19q o3mpn fm9x4 f2xfc b967p dark:after:bg-neutral-700">
                                <div class="w-full flex o6gfw">
                                  <span class="flex xqknn a459h items-center j1mw5 coiig a3wk8 lno3i f2xez kugle icuyk dark:text-neutral-500">
                                    <svg class="xqknn ccfki" xmlns="http://www.w3.org/2000/svg" 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="qisry di2ve">
                                    <span class="a3wk8 kugle dark:text-neutral-500">
                                      <span class="lno3i">Added</span> to <span class="oy1fg ujcg9 nz7b4 qm5z2 khwhk qm55s a3wk8 icuyk dark:bg-neutral-900 dark:border-neutral-700">Generic</span> nbf2w by Isabella Lauda
                                    </span>

<div class="relative group a5bai avnhm iupyh hz0c8 kw19q o3mpn fm9x4 f2xfc b967p dark:after:bg-neutral-700">
                                <div class="w-full flex o6gfw">
                                  <span class="flex xqknn a459h items-center j1mw5 coiig a3wk8 lno3i f2xez kugle icuyk dark:text-neutral-500">
                                    <svg class="xqknn ccfki" xmlns="http://www.w3.org/2000/svg" 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="qisry di2ve">
                                    <span class="a3wk8 kugle dark:text-neutral-500">
                                      <span class="lno3i">Added</span> to <span class="oy1fg ujcg9 nz7b4 qm5z2 khwhk y1k27 a3wk8 icuyk dark:bg-neutral-900 dark:border-neutral-700">Reviews</span> nbf2w by Isabella Lauda
                                    </span>

<div id="hs-pro-in1tcid2" class="hs-accordion ">
                              <div class="iksha nz7b4 i3mh9 hnqy9 dark:bg-neutral-900">
                                
                                <div class="relative">
                                  <div class="hs-accordion-toggle hz0c8 ha3id nn7eh" role="button" aria-expanded="false" aria-controls="hs-pro-in1tcid2-heading"></div>

<div class="tjm3z fu2sl jpyzj w-full rl1tg items-center klk5r truncate">
                                    <div class="w-full flex x986k truncate">
                                      <img class="di2ve xqknn j1mw5 icuyk" 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="qisry truncate flex ao3ns">
                                        
                                        <div class=" truncate">
                                          <div class="hs-tooltip [--trigger:click] sm:[--placement:bottom-left] xd86q hbfi0">
                                            <span class="hs-tooltip-toggle relative owb27 rl1tg items-center truncate a3wk8 lno3i t4wtn dark:text-neutral-200 cursor-pointer e2k3c e229p" tabindex="-1">
                                              Lewis Clarke
                                            </span>

<div class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible hidden opacity-0 hvq5u absolute ilxaa grod4 puiqx w-full nz7b4 qm5z2 sctn2 gxh7t u33oi rxdzr hz0c8 x7c7n bitu4 jrra7 q05q2 dark:bg-neutral-800 dark:border-neutral-700" role="tooltip">
                                              <div class="cz83v">
                                                <span class="block trjok a3wk8 kugle dark:text-neutral-500">
                                                  Contact
                                                </span>

<div class="flex ao3ns a459h items-center kjb0e">
                                                  <img class="xqknn vdgjn icuyk" 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="vvl4w zd5ha t4wtn dark:text-white">
                                                    Lewis Clarke
                                                  </h4>
                                                </div>

<div class="di2ve iieae">
                                                  <p class="a3wk8 t4wtn dark:text-neutral-200">
                                                    <a class="rl1tg items-center gbe75 j7yil tiwe1 dkwzk e229p t4rxa nvzxt dark:text-blue-500" href="#">lewis@company.com</a>
                                                  </p>
                                                </div>
        
                                                
                                                <div class="sew5a xlnvk flex fa4f9 items-center jn9n3 khwhk dark:border-neutral-700">
                                                  <a class="rl1tg items-center gbe75 egssd kugle vfm71 t4rxa u6giu iec4s haq8z dark:text-neutral-400 dark:hover:text-white dark:focus:text-white" href="#">
                                                    <svg class="xqknn jxt54" xmlns="http://www.w3.org/2000/svg" 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="p65gp cc1ly rl1tg items-center gbe75 a3wk8 zb2tq qm5z2 khwhk nz7b4 t4wtn fwpr6 w8bqc iec4s haq8z t4rxa a68yw dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
                                                    <svg class="xqknn d681g" xmlns="http://www.w3.org/2000/svg" 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="q7lsi hs-accordion-active:block hidden hbfi0 truncate">
                                          <div class="hs-tooltip [--trigger:click] sm:[--placement:bottom-left] xd86q hbfi0">
                                            <span class="truncate a3wk8 t4wtn dark:text-neutral-200">To:</span>
                                            <span class="hs-tooltip-toggle relative owb27 rl1tg items-center truncate a3wk8 kugle dark:text-neutral-500 cursor-pointer e2k3c e229p" tabindex="-1">
                                              Sarah Chen
                                            </span>

<div class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible hidden opacity-0 hvq5u absolute ilxaa grod4 puiqx w-full nz7b4 qm5z2 sctn2 gxh7t u33oi rxdzr hz0c8 x7c7n bitu4 jrra7 q05q2 dark:bg-neutral-800 dark:border-neutral-700" role="tooltip">
                                              <div class="cz83v">
                                                <span class="block trjok a3wk8 kugle dark:text-neutral-500">
                                                  Contact
                                                </span>

<div class="flex ao3ns a459h items-center kjb0e">
                                                  <span class="flex xqknn a459h items-center vdgjn f2xez yqoaf txh0b icuyk dark:bg-neutral-600">S</span>
                                                  <h4 class="vvl4w zd5ha t4wtn dark:text-white">
                                                    Sarah Chen
                                                  </h4>
                                                </div>

<div class="di2ve iieae">
                                                  <p class="a3wk8 t4wtn dark:text-neutral-200">
                                                    <a class="rl1tg items-center gbe75 j7yil tiwe1 dkwzk e229p t4rxa nvzxt dark:text-blue-500" href="#">schen@company.com</a>
                                                  </p>
                                                </div>
        
                                                
                                                <div class="sew5a xlnvk flex fa4f9 items-center jn9n3 khwhk dark:border-neutral-700">
                                                  <a class="rl1tg items-center gbe75 egssd kugle vfm71 t4rxa u6giu iec4s haq8z dark:text-neutral-400 dark:hover:text-white dark:focus:text-white" href="#">
                                                    <svg class="xqknn jxt54" xmlns="http://www.w3.org/2000/svg" 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="p65gp cc1ly rl1tg items-center gbe75 a3wk8 zb2tq qm5z2 khwhk nz7b4 t4wtn fwpr6 w8bqc iec4s haq8z t4rxa a68yw dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
                                                    <svg class="xqknn d681g" xmlns="http://www.w3.org/2000/svg" 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="q7lsi hs-accordion-active:block sm:hs-accordion-active:hidden hidden hbfi0 truncate">
                                          <span class="truncate a3wk8 t4wtn dark:text-neutral-200">Date:</span>
                                          <span class="truncate a3wk8 kugle dark:text-neutral-500">October 3, 2024 11:30 AM</span>
                                        </div>
            
                                        <div class="q7lsi hs-accordion-active:hidden hbfi0 truncate">
                                          <p class="truncate a3wk8 kugle dark:text-neutral-500">Hi Sarah, I agree we should discuss this as soon as possible. I'm available tomorrow (Thursday) at 2 PM or Friday morning before 11 AM. Let me know what works best for you and the team.</p>
                                        </div>
                                      </div>

<div class="b8921">
                                        <span class="q7lsi hs-accordion-active:hidden egssd xd86q kugle dark:text-neutral-500">Oct 3</span>
                                        <span class="q7lsi sm:hs-accordion-active:inline-block hidden egssd kugle dark:text-neutral-500">October 3, 2024 11:30 AM</span>
                                      </div>
                                    </div>
                                  </div>

<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 i1ucw transition-[opacity,margin] duration opacity-0 hidden wc7oz nz7b4 u33oi v1x81 dark:bg-neutral-950" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-in1tctmdid2">
                                        <div class="cqfp5 a17xw sh48p ygi9h wv8uu wt1jo dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
                                          <div class="aqh96 shme7 bm6ej khwhk dark:border-neutral-800">
                                            <button type="button" class="w-full flex items-center hwu3o p65gp cc1ly zb2tq j7yil t4wtn x8k6f iec4s haq8z t4rxa c2pts dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
                                              <svg class="xqknn ccfki" xmlns="http://www.w3.org/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 hwu3o p65gp cc1ly zb2tq j7yil t4wtn x8k6f iec4s haq8z t4rxa c2pts dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
                                              <svg class="xqknn ccfki" xmlns="http://www.w3.org/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 hwu3o p65gp cc1ly zb2tq j7yil t4wtn x8k6f iec4s haq8z t4rxa c2pts dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhsn">
                                              <svg class="xqknn ccfki" xmlns="http://www.w3.org/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 hwu3o p65gp cc1ly zb2tq j7yil t4wtn x8k6f iec4s haq8z t4rxa c2pts dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhsn">
                                              <svg class="xqknn ccfki" xmlns="http://www.w3.org/2000/svg" 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="aqh96 shme7 bm6ej khwhk dark:border-neutral-800">
                                            <button type="button" class="w-full flex items-center hwu3o p65gp cc1ly zb2tq j7yil t4wtn x8k6f iec4s haq8z t4rxa c2pts dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
                                              <svg class="xqknn ccfki" xmlns="http://www.w3.org/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 hwu3o p65gp cc1ly zb2tq j7yil t4wtn x8k6f iec4s haq8z t4rxa c2pts dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
                                              <svg class="xqknn ccfki" xmlns="http://www.w3.org/2000/svg" width="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 hwu3o p65gp cc1ly zb2tq j7yil t4wtn x8k6f iec4s haq8z t4rxa c2pts dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
                                              <svg class="xqknn ccfki" xmlns="http://www.w3.org/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 hwu3o p65gp cc1ly zb2tq j7yil t4wtn x8k6f iec4s haq8z t4rxa c2pts dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
                                              <svg class="xqknn ccfki" xmlns="http://www.w3.org/2000/svg" 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 hwu3o p65gp cc1ly zb2tq j7yil t4wtn x8k6f iec4s haq8z t4rxa c2pts dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhsn">
                                              <svg class="xqknn ccfki" xmlns="http://www.w3.org/2000/svg" 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="aqh96 shme7 bm6ej khwhk dark:border-neutral-800">
                                            <button type="button" class="w-full flex items-center hwu3o p65gp cc1ly zb2tq j7yil t4wtn x8k6f iec4s haq8z t4rxa c2pts dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhtgm">
                                              <svg class="xqknn ccfki" xmlns="http://www.w3.org/2000/svg" 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="oy1fg vo9dv rl1tg items-center gbe75 egssd zd5ha b0vcj j2gqa icuyk dark:bg-blue-500/10 dark:text-blue-500">New</span>
                                            </button>
                                          </div>
                                          <div class="aqh96 shme7 bm6ej khwhk dark:border-neutral-800">
                                            <button type="button" class="w-full flex items-center hwu3o p65gp cc1ly zb2tq j7yil t4wtn x8k6f iec4s haq8z t4rxa c2pts dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhsh">
                                              <svg class="xqknn ccfki" xmlns="http://www.w3.org/2000/svg" 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 hwu3o p65gp cc1ly zb2tq j7yil t4wtn x8k6f iec4s haq8z t4rxa c2pts dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhsh">
                                              <svg class="xqknn ccfki" xmlns="http://www.w3.org/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 hwu3o p65gp cc1ly zb2tq j7yil t4wtn x8k6f iec4s haq8z t4rxa c2pts dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-chhsh">
                                              <svg class="xqknn ccfki" xmlns="http://www.w3.org/2000/svg" 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 wcomx" role="region" aria-labelledby="hs-pro-in1tcid2">
                                  <div class="cz83v jn9n3 khwhk dark:border-neutral-700">
                                    <div class="a3wk8 t4wtn dark:text-neutral-200">Hi Sarah,<br><br>I agree we should discuss this as soon as possible. I'm available tomorrow (Thursday) at 2 PM or Friday morning before 11 AM. Let me know what works best for you and the team.<br><br>Regards,<br>Lewis</div>
                                  </div>
                                </div>
                                
                              </div>
                            </div>

<div class="x7giz shme7">
                              <div class="du4v0 flex flex-wrap items-center sapo1">
                                <span class="egssd kugle dark:text-neutral-200">
                                  James Collins
                                </span>
                              </div>

<div class="group w-full znqcm r6plf">
                                <div class="w-full flex o6gfw">
                                  <div class="xqknn j1mw5 iieae">
                                    <img class="xqknn j1mw5 icuyk" 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 b8921 w-full ykxgv">
                                    
                                    <div class="relative">
                                      <textarea class="lmcvz av7xl ogll8 gjcyr block w-full coiig khwhk y6euz hbfi0 zb2tq sv5np ditnp t4rxa m9kg4 mbp40 m9065 iec4s haq8z dark:bg-neutral-700 dark:text-neutral-400 dark:border-neutral-700 dark:hover:border-neutral-600 dark:focus:ring-neutral-600 dark:focus:bg-neutral-800 dark:placeholder-neutral-500 a17xw sh48p ygi9h wv8uu wt1jo dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500" placeholder="Edit your comment..." rows="1" data-hs-textarea-auto-height data-hs-textarea-auto-height='{"defaultHeight": 46}'>@lewis_clarke @isabella please, don't forget to add me</textarea>

<div class="absolute c30g1 ubdnp ygtjj -translate-y-1/2 flex items-center o9jhx">
                                        
                                        <div class="hs-tooltip xd86q">
                                          <button type="button" class="hs-tooltip-toggle flex a459h items-center hwu3o hz5e3 a3wk8 f5wd6 x8k6f icuyk iec4s haq8z t4rxa c2pts dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 dark:hover:text-neutral-200 dark:focus:text-neutral-200">
                                            <svg class="xqknn ccfki" xmlns="http://www.w3.org/2000/svg" width="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="tuthn">Attach file</span>
                                          </button>
                                          <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 xd86q absolute ilxaa jixua p65gp otlhf bg-gray-900 egssd txh0b zb2tq nw583 dark:bg-neutral-700" role="tooltip">
                                            Attach file
                                          </span>
                                        </div>
                                        
  
                                        
                                        <div class="hs-tooltip xd86q">
                                          <button type="button" class="hs-tooltip-toggle flex a459h items-center hwu3o hz5e3 a3wk8 f5wd6 x8k6f icuyk iec4s haq8z t4rxa c2pts dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 dark:hover:text-neutral-200 dark:focus:text-neutral-200">
                                            <svg class="xqknn ccfki" xmlns="http://www.w3.org/2000/svg" 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="tuthn">Add emoji</span>
                                          </button>
                                          <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 xd86q absolute ilxaa jixua p65gp otlhf bg-gray-900 egssd txh0b zb2tq nw583 dark:bg-neutral-700" role="tooltip">
                                            Add emoji
                                          </span>
                                        </div>
                                        
  
                                        
                                        <div class="hs-tooltip xd86q">
                                          <button type="button" class="hs-tooltip-toggle flex a459h items-center hwu3o hz5e3 a3wk8 f5wd6 x8k6f icuyk iec4s haq8z t4rxa c2pts dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 dark:hover:text-neutral-200 dark:focus:text-neutral-200">
                                            <svg class="xqknn ccfki" xmlns="http://www.w3.org/2000/svg" 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="tuthn">Send voice message</span>
                                          </button>
                                          <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 xd86q absolute ilxaa jixua p65gp otlhf bg-gray-900 egssd txh0b zb2tq nw583 dark:bg-neutral-700" role="tooltip">
                                            Send voice message
                                          </span>
                                        </div>
                                        
                                      </div>
                                      
                                    </div>

<div class="di2ve flex f5dbk items-center o9jhx">
                                      <button type="button" class="p65gp otlhf rl1tg items-center klk5r zd5ha a3wk8 zb2tq qm5z2 khwhk o7p0z tiwe1 nwqzd iec4s haq8z t4rxa b3tqx dark:bg-neutral-800 dark:border-neutral-700 dark:text-blue-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
                                        Cancel
                                      </button>

<div id="hs-pro-in1tcid3" class="hs-accordion active">
                              <div class="iksha nz7b4 i3mh9 hnqy9 dark:bg-neutral-900">
                                
                                <div class="relative">
                                  <div class="hs-accordion-toggle hz0c8 ha3id nn7eh" role="button" aria-expanded="true" aria-controls="hs-pro-in1tcid3-heading"></div>