Demo Dashboard Sidebars & Contents Layouts
Find the perfect admin workspace setup by experiencing Payments, Files, CRM, Analytics demo layouts.
<!-- ========== HEADER ========== -->
<header class="icxxw fixed fuv09 e33ca flex flex-wrap qxd8q md:flex-nowrap wu22o aqyoh fazzp lnk45 dark:bg-neutral-800 dark:border-neutral-700">
<div class="flex ox2cl oqdtd xljto ygsjd items-center w-full gdxvw jxswk wyidq">
<div class="eiaiv flex items-center cvy13">
<div class="lg:hidden">
<!-- Sidebar Toggle -->
<button type="button" class="bu4xv r44ox inline-flex jkwm1 items-center n9hej w4xo0 sikx1 pb094 rsdjd lnk45 aqyoh c9jt8 hj07t nzmya focus:outline-hidden r17tr disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" aria-haspopup="dialog" aria-expanded="false" aria-controls="hs-pro-sidebar" aria-label="Toggle navigation" data-hs-overlay="#hs-pro-sidebar">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 8L21 12L17 16M3 12H13M3 6H13M3 18H13"/></svg>
</button>
<!-- End Sidebar Toggle -->
</div>
<div class="hidden lg:block giyja xl:w-full">
<!-- Search Input -->
<div class="relative">
<div class="absolute rm8lf gihcw flex items-center gxxgf gbcuh o1d90">
<svg class="e731n b9gop rr36x 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="s53ws nokqy rjomq block w-full aqyoh lnk45 pb094 w4xo0 focus:outline-hidden yvj92 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400 dark:placeholder:text-neutral-400 dark:focus:ring-neutral-600" placeholder="Search Preline" data-hs-overlay="#hs-pro-dnsm">
<div class="hidden absolute rm8lf kji94 flex items-center gbcuh wn488">
<button type="button" class="inline-flex e731n jkwm1 items-center odrp3 kghwt jy5gh s5ku3 focus:outline-hidden i4yyh dark:text-neutral-500 dark:hover:text-blue-500 dark:focus:text-blue-500" aria-label="Close">
<span class="et50x">Close</span>
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="m15 9-6 6"/><path d="m9 9 6 6"/></svg>
</button>
</div>
<div class="absolute rm8lf kji94 flex items-center gxxgf gbcuh s9dcx rr36x">
<svg class="e731n mo9p3 rr36x 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"><path d="M15 6v12a3 3 0 1 0 3-3H6a3 3 0 1 0 3 3V6a3 3 0 1 0-3 3h12a3 3 0 1 0-3-3"/></svg>
<span class="rm61j">
<svg class="e731n mo9p3 rr36x 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"><path d="M5 12h14"/><path d="M12 5v14"/></svg>
</span>
<span class="xs2f2">/</span>
</div>
</div>
<!-- End Search Input -->
</div>
<div class="sm:hidden rbr78">
</div>
</div>
<div class="dx0ew flex smdr3 items-center n9hej">
<div class="flex items-center">
<div class="lg:hidden">
<!-- Search Button Icon -->
<button type="button" class="inline-flex e731n jkwm1 items-center n9hej sc63t kghwt jy5gh d05xb focus:outline-hidden r17tr dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-dnsm">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.3-4.3"/></svg>
</button>
<!-- End Search Button Icon -->
</div>
<!-- Help Dropdown -->
<div class="hs-dropdown [--placement:bottom-right] relative inline-flex">
<!-- Help Button Icon -->
<div class="hs-tooltip [--placement:bottom] inline-block">
<button id="hs-pro-dnhd" type="button" class="hs-tooltip-toggle sc63t inline-flex jkwm1 items-center n9hej kghwt rsdjd azddh jy5gh d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 " aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" 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>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute vajpp gbcuh od5va sfv8v nzj5e xs2f2 kew0r pb094 dark:bg-neutral-700" role="tooltip">
Help and Support
</span>
</div>
<!-- End Help Button Icon -->
<!-- Help Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 srycj transition-[opacity,margin] duration opacity-0 hidden wzd7f aqyoh er6t7 gmg3v dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-dnhd">
<div class="vyel6">
<a class="flex vyfcq s53ws f2l40 pb094 w4xo0 c9jt8 d05xb focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<svg class="e731n eyzz7 b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"/><path d="M12 17h.01"/></svg>
Help Centre
</a>
<a class="flex vyfcq s53ws f2l40 pb094 w4xo0 c9jt8 d05xb focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<svg class="e731n eyzz7 b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" ><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M22 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg>
Community
</a>
<a class="flex vyfcq s53ws f2l40 pb094 w4xo0 c9jt8 d05xb focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<svg class="e731n eyzz7 b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9"/><path d="M10.3 21a1.94 1.94 0 0 0 3.4 0"/></svg>
What’s New
</a>
<div class="hgpdi yfv61 lnk45 dark:border-neutral-800"></div>
<a class="flex vyfcq s53ws f2l40 pb094 w4xo0 c9jt8 d05xb focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<svg class="e731n eyzz7 b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M12 16v-4"/><path d="M12 8h.01"/></svg>
Privacy and Legal
</a>
<a class="flex vyfcq s53ws f2l40 pb094 w4xo0 c9jt8 d05xb focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<svg class="e731n eyzz7 b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z"/><path d="M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z"/></svg>
Documentation
</a>
<a class="flex vyfcq s53ws f2l40 pb094 w4xo0 c9jt8 d05xb focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<svg class="e731n eyzz7 b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="14" x="2" y="7" rx="2" ry="2"/><path d="M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"/></svg>
Hire an Expert
<div class="ms-auto">
<span class="inline-flex items-center m4ww2 a3ame a6bs9 m8zlk s91e0 bxktg sikx1 f4yn1 c9jt8 dark:bg-neutral-700 dark:text-neutral-300">
New
</span>
</div>
</a>
<div class="hgpdi yfv61 lnk45 dark:border-neutral-800"></div>
<a class="flex vyfcq s53ws f2l40 pb094 w4xo0 c9jt8 d05xb focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<svg class="e731n eyzz7 b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/><line x1="9" x2="15" y1="10" y2="10"/><line x1="12" x2="12" y1="7" y2="13"/></svg>
Submit Feedback
</a>
<div class="hs-dropdown [--strategy:static] md:[--strategy:absolute] [--adaptive:none] md:[--trigger:hover] relative">
<button id="hs-pro-dropdown-help-and-support" type="button" class="hs-dropdown-toggle w-full flex items-center vyfcq s53ws f2l40 pb094 w4xo0 c9jt8 d05xb focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="16" x="2" y="4" rx="2"/><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"/></svg>
Contact Us
<svg class="dmd59 h5xgk ms-auto mo9p3" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg>
</button>
<div class="hs-dropdown-menu transition-[opacity,margin] duration-[0.1ms] md:duration-[150ms] hs-dropdown-open:opacity-100 opacity-0 u0y2q hidden wzd7f fuv09 t378u k8aui anprl l1c8a aqyoh fe4hh ijl37 before:absolute before:-end-5 before:top-0 before:h-full before:w-5 dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-dropdown-help-and-support">
<a class="flex vyfcq s53ws f2l40 pb094 w4xo0 c9jt8 d05xb focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<svg class="e731n eyzz7 b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 9a2 2 0 0 1-2 2H6l-4 4V4c0-1.1.9-2 2-2h8a2 2 0 0 1 2 2v5Z"/><path d="M18 9h2a2 2 0 0 1 2 2v11l-4-4h-6a2 2 0 0 1-2-2v-1"/></svg>
Contact Support
</a>
<a class="flex vyfcq s53ws f2l40 pb094 w4xo0 c9jt8 d05xb focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<svg class="e731n eyzz7 b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 14h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-7a9 9 0 0 1 18 0v7a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3"/></svg>
Contact Sales
</a>
</div>
</div>
</div>
</div>
<!-- End Help Dropdown -->
</div>
<!-- End Help Dropdown -->
<!-- Notifications Button Icon -->
<div class="hs-dropdown [--auto-close:inside] [--placement:bottom-right] relative inline-flex">
<div class="hs-tooltip [--placement:bottom] inline-block">
<button id="hs-pro-dnnd" type="button" class="hs-tooltip-toggle relative sc63t inline-flex jkwm1 items-center n9hej kghwt rsdjd azddh jy5gh d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9"/><path d="M10.3 21a1.94 1.94 0 0 0 3.4 0"/></svg>
<span class="flex absolute fuv09 kji94 wzd7f -mt-1.5 -me-1.5">
<span class="baj5e absolute inline-flex fp3m4 kghwt spl34 y1afu dark:bg-red-600"></span>
<span class="relative bnbld nfrej inline-flex jkwm1 items-center s91e0 jmaom kew0r kghwt eoh5b">
2
</span>
</span>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute vajpp gbcuh od5va sfv8v nzj5e xs2f2 kew0r pb094 dark:bg-neutral-700" role="tooltip">
Notifications
</span>
</div>
<!-- End Notifications Button Icon -->
<!-- Notifications Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 w-full lztgl transition-[opacity,margin] duration opacity-0 hidden wzd7f aqyoh yfv61 lnk45 sd8lw s530u xus2s no3my dark:bg-neutral-900 dark:border-neutral-700" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-dnnd">
<!-- Header -->
<div class="ns57r f5e2w flex ox2cl items-center fazzp lnk45 dark:border-neutral-800">
<!-- Nav Tab -->
<nav class="flex v1hon" aria-label="Tabs" role="tablist" aria-orientation="horizontal">
<button type="button" class="hs-tab-active:after:bg-gray-800 hs-tab-active:text-gray-800 jxswk od5va wyf4w relative inline-flex jkwm1 items-center n9hej d05xb jy5gh mg8vb w4xo0 pb094 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr after:absolute after:-bottom-2 after:inset-x-2 after:z-10 after:h-0.5 after:pointer-events-none dark:hs-tab-active:text-neutral-200 dark:hs-tab-active:after:bg-neutral-400 dark:text-neutral-500 dark:hover:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden active" id="hs-pro-tabs-dnn-item-all" aria-selected="true" data-hs-tab="#hs-pro-tabs-dnn-all" aria-controls="hs-pro-tabs-dnn-all" role="tab" >
All
</button>
<button type="button" class="hs-tab-active:after:bg-gray-800 hs-tab-active:text-gray-800 jxswk od5va wyf4w relative inline-flex jkwm1 items-center n9hej d05xb jy5gh mg8vb w4xo0 pb094 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr after:absolute after:-bottom-2 after:inset-x-2 after:z-10 after:h-0.5 after:pointer-events-none dark:hs-tab-active:text-neutral-200 dark:hs-tab-active:after:bg-neutral-400 dark:text-neutral-500 dark:hover:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden " id="hs-pro-tabs-dnn-item-archived" aria-selected="false" data-hs-tab="#hs-pro-tabs-dnn-archived" aria-controls="hs-pro-tabs-dnn-archived" role="tab" >
Archived
</button>
</nav>
<!-- End Nav Tab -->
<!-- Notifications Button Icon -->
<div class="hs-tooltip relative inline-block n8xpr">
<a class="hs-tooltip-toggle qqwrg inline-flex jkwm1 items-center n9hej kghwt rsdjd azddh jy5gh d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="../../pro/dashboard/account-profile.html">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" ><path d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z"/><circle cx="12" cy="12" r="3"/></svg>
</a>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute vajpp gbcuh od5va sfv8v nzj5e xs2f2 kew0r pb094 dark:bg-neutral-700" role="tooltip">
Preferences
</span>
</div>
<!-- End Notifications Button Icon -->
</div>
<!-- End Header -->
<!-- Tab Content -->
<div id="hs-pro-tabs-dnn-all" role="tabpanel" aria-labelledby="hs-pro-tabs-dnn-item-all">
<div class="n95xd overflow-y-auto overflow-hidden xwpzv y0qzi bxgd5 n3xnc dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<ul class="divide-y divide-gray-200 dark:divide-neutral-800">
<!-- List Item -->
<li class="relative group w-full flex p5sau w9dei f4yn1 dark:bg-neutral-800 t0g73">
<div class="relative e731n">
<img class="e731n sc63t kghwt" src="https://images.unsplash.com/photo-1659482634023-2c4fda99ac0c?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="Avatar">
<span class="absolute ktrn1 -start-3 s4l24 owkrq kghwt dark:bg-blue-500"></span>
</div>
<div class="hlt95">
<p class="xs2f2 jy5gh dark:text-neutral-500">
2 hours ago
</p>
<span class="block w4xo0 sikx1 c9jt8 dark:text-neutral-300">
Eilis Warner
</span>
<p class="w4xo0 jy5gh dark:text-neutral-500">
changed an issue from 'in Progress' to 'Review'
</p>
</div>
<div>
<div class="sm:group-hover:opacity-100 sm:opacity-0 sm:absolute go8xa whstg">
<!-- Segment Button Group -->
<div class="inline-block wix63 aqyoh rsdjd lnk45 pb094 hj07t whz4r ccbyv dark:bg-neutral-800 dark:border-neutral-700">
<div class="flex items-center">
<div class="hs-tooltip relative inline-block">
<button type="button" class="hs-tooltip-toggle qqwrg flex e731n jkwm1 items-center jy5gh d05xb mg8vb m8zlk disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:hover:bg-neutral-700 dark:text-neutral-400 dark:focus:bg-neutral-700">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 11 12 14 22 4"/><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"/></svg>
<svg class="e731n b9gop hidden" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M8 12h8"/></svg>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute vajpp gbcuh od5va sfv8v nzj5e xs2f2 kew0r pb094 dark:bg-neutral-700" role="tooltip">
Mark this notification as read
</span>
</div>
<div class="hs-tooltip relative inline-block">
<button type="button" class="hs-tooltip-toggle qqwrg flex e731n jkwm1 items-center jy5gh d05xb mg8vb m8zlk disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:hover:bg-neutral-700 dark:text-neutral-400 dark:focus:bg-neutral-700">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="5" x="2" y="4" rx="2"/><path d="M4 9v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9"/><path d="M10 13h4"/></svg>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute vajpp gbcuh od5va sfv8v nzj5e xs2f2 kew0r pb094 dark:bg-neutral-700" role="tooltip">
Archive this notification
</span>
</div>
</div>
</div>
<!-- End Segment Button Group -->
</div>
</div>
</li>
<!-- End List Item -->
<!-- List Item -->
<li class="relative group w-full flex p5sau w9dei t0g73">
<div class="relative e731n">
<span class="flex e731n jkwm1 items-center sc63t aqyoh rsdjd lnk45 jy5gh w4xo0 cnneu kghwt hj07t dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400">
C
</span>
</div>
<div class="hlt95">
<p class="xs2f2 jy5gh dark:text-neutral-500">
3 days ago
</p>
<span class="block w4xo0 sikx1 c9jt8 dark:text-neutral-300">
Clara Becker
</span>
<p class="w4xo0 jy5gh dark:text-neutral-500">
mentioned you in a cwxgf
</p>
<div class="ja90s">
<blockquote class="yuavq shbn0 lnk45 w4xo0 jy5gh dark:border-neutral-700 dark:text-neutral-400">
Nice work, love! You really nailed it. Keep it up!
</blockquote>
</div>
</div>
<div>
<div class="sm:group-hover:opacity-100 sm:opacity-0 sm:absolute go8xa whstg">
<!-- Segment Button Group -->
<div class="inline-block wix63 aqyoh rsdjd lnk45 pb094 hj07t whz4r ccbyv dark:bg-neutral-800 dark:border-neutral-700">
<div class="flex items-center">
<div class="hs-tooltip relative inline-block">
<button type="button" class="hs-tooltip-toggle qqwrg flex e731n jkwm1 items-center jy5gh d05xb mg8vb m8zlk disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:hover:bg-neutral-700 dark:text-neutral-400 dark:focus:bg-neutral-700">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 11 12 14 22 4"/><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"/></svg>
<svg class="e731n b9gop hidden" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M8 12h8"/></svg>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute vajpp gbcuh od5va sfv8v nzj5e xs2f2 kew0r pb094 dark:bg-neutral-700" role="tooltip">
Mark this notification as read
</span>
</div>
<div class="hs-tooltip relative inline-block">
<button type="button" class="hs-tooltip-toggle qqwrg flex e731n jkwm1 items-center jy5gh d05xb mg8vb m8zlk disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:hover:bg-neutral-700 dark:text-neutral-400 dark:focus:bg-neutral-700">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="5" x="2" y="4" rx="2"/><path d="M4 9v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9"/><path d="M10 13h4"/></svg>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute vajpp gbcuh od5va sfv8v nzj5e xs2f2 kew0r pb094 dark:bg-neutral-700" role="tooltip">
Archive this notification
</span>
</div>
</div>
</div>
<!-- End Segment Button Group -->
</div>
</div>
</li>
<!-- End List Item -->
<!-- List Item -->
<li class="relative group w-full flex p5sau w9dei t0g73">
<div class="relative e731n">
<span class="flex e731n jkwm1 items-center sc63t aqyoh rsdjd lnk45 jy5gh w4xo0 cnneu kghwt hj07t dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400">
P
</span>
</div>
<div class="hlt95">
<p class="xs2f2 jy5gh dark:text-neutral-500">
5 Jan 2023
</p>
<span class="block w4xo0 sikx1 c9jt8 dark:text-neutral-300">
New Update on Preline
</span>
<p class="w4xo0 jy5gh dark:text-neutral-500">
Add yourself to our new “Hire Page”. Let visitors know you’re open to freelance or full-time work.
</p>
<a class="ja90s rmzo7 inline-flex items-center rsdjd lnk45 er6t7 nzmya tvbow focus:outline-hidden r17tr dark:border-neutral-700 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<img class="zx3gt cldzd x1s1r pb094" src="https://images.unsplash.com/photo-1670272505340-d906d8d77d03?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2070&q=80" alt="Avatar">
<div class="hlt95 gdxvw fglch">
<p class="w4xo0 sikx1 c9jt8 dark:text-neutral-300">
Get hired!
</p>
<p class="inline-flex items-center n6i5x w4xo0 jy5gh dark:text-neutral-500">
Get started
<svg class="e731n b9gop whz4r resz6 group-hover:translate-x-1 group-focus:translate-x-1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg>
</p>
</div>
</a>
</div>
<div>
<div class="sm:group-hover:opacity-100 sm:opacity-0 sm:absolute go8xa whstg">
<!-- Segment Button Group -->
<div class="inline-block wix63 aqyoh rsdjd lnk45 pb094 hj07t whz4r ccbyv dark:bg-neutral-800 dark:border-neutral-700">
<div class="flex items-center">
<div class="hs-tooltip relative inline-block">
<button type="button" class="hs-tooltip-toggle qqwrg flex e731n jkwm1 items-center jy5gh d05xb mg8vb m8zlk disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:hover:bg-neutral-700 dark:text-neutral-400 dark:focus:bg-neutral-700">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 11 12 14 22 4"/><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"/></svg>
<svg class="e731n b9gop hidden" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M8 12h8"/></svg>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute vajpp gbcuh od5va sfv8v nzj5e xs2f2 kew0r pb094 dark:bg-neutral-700" role="tooltip">
Mark this notification as read
</span>
</div>
<div class="hs-tooltip relative inline-block">
<button type="button" class="hs-tooltip-toggle qqwrg flex e731n jkwm1 items-center jy5gh d05xb mg8vb m8zlk disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:hover:bg-neutral-700 dark:text-neutral-400 dark:focus:bg-neutral-700">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="5" x="2" y="4" rx="2"/><path d="M4 9v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9"/><path d="M10 13h4"/></svg>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute vajpp gbcuh od5va sfv8v nzj5e xs2f2 kew0r pb094 dark:bg-neutral-700" role="tooltip">
Archive this notification
</span>
</div>
</div>
</div>
<!-- End Segment Button Group -->
</div>
</div>
</li>
<!-- End List Item -->
<!-- List Item -->
<li class="relative group w-full flex p5sau w9dei t0g73">
<div class="relative e731n">
<span class="flex e731n jkwm1 items-center sc63t aqyoh rsdjd lnk45 jy5gh w4xo0 cnneu kghwt hj07t dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400">
P
</span>
</div>
<div class="hlt95">
<p class="xs2f2 jy5gh dark:text-neutral-500">
5 Jan 2023
</p>
<span class="block w4xo0 sikx1 c9jt8 dark:text-neutral-300">
We’re updating our Privacy Policy as of 10th January 2023.content
</span>
<p>
<a class="inline-flex items-center n6i5x w4xo0 igv60 j3zsq f1348 sikx1 focus:outline-hidden ow4j6 dark:text-blue-400 dark:hover:text-blue-500" href="#">
Learn more
<svg class="e731n b9gop whz4r resz6 group-hover:translate-x-1 group-focus:translate-x-1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg>
</a>
</p>
</div>
<div>
<div class="sm:group-hover:opacity-100 sm:opacity-0 sm:absolute go8xa whstg">
<!-- Segment Button Group -->
<div class="inline-block wix63 aqyoh rsdjd lnk45 pb094 hj07t whz4r ccbyv dark:bg-neutral-800 dark:border-neutral-700">
<div class="flex items-center">
<div class="hs-tooltip relative inline-block">
<button type="button" class="hs-tooltip-toggle qqwrg flex e731n jkwm1 items-center jy5gh d05xb mg8vb m8zlk disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:hover:bg-neutral-700 dark:text-neutral-400 dark:focus:bg-neutral-700">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 11 12 14 22 4"/><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"/></svg>
<svg class="e731n b9gop hidden" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M8 12h8"/></svg>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute vajpp gbcuh od5va sfv8v nzj5e xs2f2 kew0r pb094 dark:bg-neutral-700" role="tooltip">
Mark this notification as read
</span>
</div>
<div class="hs-tooltip relative inline-block">
<button type="button" class="hs-tooltip-toggle qqwrg flex e731n jkwm1 items-center jy5gh d05xb mg8vb m8zlk disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:hover:bg-neutral-700 dark:text-neutral-400 dark:focus:bg-neutral-700">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="5" x="2" y="4" rx="2"/><path d="M4 9v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9"/><path d="M10 13h4"/></svg>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute vajpp gbcuh od5va sfv8v nzj5e xs2f2 kew0r pb094 dark:bg-neutral-700" role="tooltip">
Archive this notification
</span>
</div>
</div>
</div>
<!-- End Segment Button Group -->
</div>
</div>
</li>
<!-- End List Item -->
<!-- List Item -->
<li class="relative group w-full flex p5sau w9dei f4yn1 dark:bg-neutral-800 t0g73">
<div class="relative e731n">
<img class="e731n sc63t kghwt" src="https://images.unsplash.com/photo-1614880353165-e56fac2ea9a8?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="Avatar">
<span class="absolute ktrn1 -start-3 s4l24 owkrq kghwt dark:bg-blue-500"></span>
</div>
<div class="hlt95">
<p class="xs2f2 jy5gh dark:text-neutral-500">
31 Dec 2022
</p>
<span class="block w4xo0 sikx1 c9jt8 dark:text-neutral-300">
Rubia Walter
</span>
<p class="w4xo0 jy5gh dark:text-neutral-500">
Joined the Slack group HS Team
</p>
</div>
<div>
<div class="sm:group-hover:opacity-100 sm:opacity-0 sm:absolute go8xa whstg">
<!-- Segment Button Group -->
<div class="inline-block wix63 aqyoh rsdjd lnk45 pb094 hj07t whz4r ccbyv dark:bg-neutral-800 dark:border-neutral-700">
<div class="flex items-center">
<div class="hs-tooltip relative inline-block">
<button type="button" class="hs-tooltip-toggle qqwrg flex e731n jkwm1 items-center jy5gh d05xb mg8vb m8zlk disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:hover:bg-neutral-700 dark:text-neutral-400 dark:focus:bg-neutral-700">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 11 12 14 22 4"/><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"/></svg>
<svg class="e731n b9gop hidden" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M8 12h8"/></svg>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute vajpp gbcuh od5va sfv8v nzj5e xs2f2 kew0r pb094 dark:bg-neutral-700" role="tooltip">
Mark this notification as read
</span>
</div>
<div class="hs-tooltip relative inline-block">
<button type="button" class="hs-tooltip-toggle qqwrg flex e731n jkwm1 items-center jy5gh d05xb mg8vb m8zlk disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:hover:bg-neutral-700 dark:text-neutral-400 dark:focus:bg-neutral-700">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="5" x="2" y="4" rx="2"/><path d="M4 9v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9"/><path d="M10 13h4"/></svg>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute vajpp gbcuh od5va sfv8v nzj5e xs2f2 kew0r pb094 dark:bg-neutral-700" role="tooltip">
Archive this notification
</span>
</div>
</div>
</div>
<!-- End Segment Button Group -->
</div>
</div>
</li>
<!-- End List Item -->
</ul>
<!-- End List Group -->
</div>
<!-- Footer -->
<div class="dtief yfv61 lnk45 dark:border-neutral-800">
<a class="tbd2k flex jkwm1 items-center n9hej w4xo0 jy5gh sikx1 ic0n5 s5ku3 focus:outline-hidden i4yyh dark:text-neutral-400 dark:hover:text-neutral-300 dark:focus:text-neutral-300" href="../../docs/index.html">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 7 17l-5-5"/><path d="m22 10-7.5 7.5L13 16"/></svg>
Mark all as read
</a>
</div>
<!-- End Footer -->
</div>
<!-- End Tab Content -->
<!-- Tab Content -->
<div id="hs-pro-tabs-dnn-archived" class="hidden" role="tabpanel" aria-labelledby="hs-pro-tabs-dnn-item-archived">
<!-- Empty State -->
<div class="t0g73 msvgn flex flex-col jkwm1 items-center dtief">
<svg class="c1nm7 mx-auto ki2kd" 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="sveog dark:fill-neutral-800"/>
<rect x="27" y="50.5" width="124" height="39" rx="7.5" stroke="currentColor" class="y0mw2 dark:stroke-neutral-700/10"/>
<rect x="34.5" y="58" width="24" height="24" rx="4" fill="currentColor" class="ppqrj dark:fill-neutral-700/30"/>
<rect x="66.5" y="61" width="60" height="6" rx="3" fill="currentColor" class="ppqrj dark:fill-neutral-700/30"/>
<rect x="66.5" y="73" width="77" height="6" rx="3" fill="currentColor" class="ppqrj dark:fill-neutral-700/30"/>
<rect x="19.5" y="28.5" width="139" height="39" rx="7.5" fill="currentColor" class="sveog dark:fill-neutral-800"/>
<rect x="19.5" y="28.5" width="139" height="39" rx="7.5" stroke="currentColor" class="ybbxw dark:stroke-neutral-700/30"/>
<rect x="27" y="36" width="24" height="24" rx="4" fill="currentColor" class="wld5b dark:fill-neutral-700/70"/>
<rect x="59" y="39" width="60" height="6" rx="3" fill="currentColor" class="wld5b dark:fill-neutral-700/70"/>
<rect x="59" y="51" width="92" height="6" rx="3" fill="currentColor" class="wld5b dark:fill-neutral-700/70"/>
<g filter="url(#filter15)">
<rect x="12" y="6" width="154" height="40" rx="8" fill="currentColor" class="sveog dark:fill-neutral-800" shape-rendering="crispEdges"/>
<rect x="12.5" y="6.5" width="153" height="39" rx="7.5" stroke="currentColor" class="ybbxw dark:stroke-neutral-700/60" shape-rendering="crispEdges"/>
<rect x="20" y="14" width="24" height="24" rx="4" fill="currentColor" class="f4079 dark:fill-neutral-700 "/>
<rect x="52" y="17" width="60" height="6" rx="3" fill="currentColor" class="f4079 dark:fill-neutral-700"/>
<rect x="52" y="29" width="106" height="6" rx="3" fill="currentColor" class="f4079 dark:fill-neutral-700"/>
</g>
<defs>
<filter id="filter15" 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="zwrfi mx-auto">
<p class="ja90s sikx1 c9jt8 dark:text-neutral-200">
No archived notifications
</p>
<p class="r4xgm w4xo0 jy5gh dark:text-neutral-500">
No data here yet. We will notify you when there's an update.
</p>
</div>
<a class="s53ws f2l40 inline-flex items-center n9hej w4xo0 sikx1 pb094 rsdjd lnk45 aqyoh c9jt8 hj07t nzmya disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden d16zw dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
Notifications settings
</a>
</div>
<!-- End Empty State -->
</div>
<!-- End Tab Content -->
</div>
</div>
<!-- End Notifications Dropdown -->
<!-- Activity Button Icon -->
<div class="hs-tooltip [--placement:bottom] inline-block">
<button type="button" class="hs-tooltip-toggle sc63t inline-flex jkwm1 items-center n9hej kghwt rsdjd azddh jy5gh d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-dnam">
<svg class="e731n h6zia" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 12h-4l-3 9L9 3l-3 9H2"/></svg>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute vajpp gbcuh od5va sfv8v nzj5e xs2f2 kew0r pb094 dark:bg-neutral-700" role="tooltip">
Activity
</span>
</div>
<!-- End Activity Button Icon -->
</div>
<!-- Invite Users -->
<div class="hs-dropdown [--auto-close:inside] [--placement:bottom-right] relative inline-flex">
<button id="hs-pro-dnshd" type="button" class="s53ws f2l40 inline-flex items-center n9hej w4xo0 sikx1 pb094 rsdjd lnk45 aqyoh c9jt8 hj07t nzmya disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 focus:outline-hidden r17tr dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
Share
</button>
<!-- Invite Users Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 w-full rmtwf transition-[opacity,margin] duration opacity-0 hidden wzd7f aqyoh yfv61 lnk45 sd8lw s530u xus2s no3my dark:bg-neutral-900 dark:border-neutral-700" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-dnshd">
<!-- Header -->
<div class="tbd2k fazzp lnk45 dark:border-neutral-700">
<span class="block z4zqw sikx1 c9jt8 wyf4w dark:text-neutral-300">
Invite
</span>
<!-- Input Form -->
<div class="flex items-center n9hej">
<div class="relative w-full">
<input type="text" class="od5va yzhap f2l40 c7dhi block w-full lnk45 pb094 glhrq bj1nl y20ll vtle8 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400 dark:placeholder:text-neutral-500 dark:focus:ring-neutral-600" placeholder="Add name or emails">
<div class="absolute rm8lf kji94 flex items-center gbcuh s2rvv rr36x">
<!-- Select -->
<div class="relative inline-block">
<select id="hs-pro-select-mini-dropdown" 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 od5va zw1wr a8vvy inline-flex e731n jkwm1 items-center b1nd2 xs2f2 c9jt8 pb094 d05xb focus:outline-hidden r17tr before:absolute before:inset-0 before:z-1 dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700",
"dropdownClasses": "kji94 ja90s wu22o o5z37 vyel6 space-y-0.5 aqyoh er6t7 gmg3v dark:bg-neutral-950",
"optionClasses": "hs-selected:bg-gray-100 dark:hs-selected:bg-neutral-800 od5va jxswk w-full xs2f2 c9jt8 pb094 cursor-pointer d05xb pb094 focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex ox2cl items-center w-full \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"e731n h6zia c9jt8 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>Can view</option>
<option>Can edit</option>
<option>Admin</option>
</select>
<div class="absolute zoyba j5z1e -translate-y-1/2">
<svg class="e731n h6zia fd43e dark:text-neutral-400" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>
</div>
</div>
<!-- End Select -->
</div>
</div>
<button type="button" class="s53ws f2l40 inline-flex items-center n9hej w4xo0 sikx1 pb094 rsdjd azddh owkrq kew0r qfc1d disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden zx3z8 vtle8">
Send
</button>
</div>
<!-- End Input Form -->
<div class="flex ja90s">
<input type="checkbox" class="e731n h6zia dwbp4 m8zlk igv60 vtle8 checked:border-blue-500 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-600 dark:checked:bg-blue-500 dark:checked:border-blue-500 dark:focus:ring-offset-gray-800" id="hs-pro-dnshdch" checked>
<label for="hs-pro-dnshdch" class="xs2f2 fd43e g424j dark:text-neutral-400">
Notify recipients via email
</label>
</div>
</div>
<!-- End Header -->
<!-- Body -->
<div id="hs-dropdown-share-body" class="tbd2k space-y-4 vv6fd overflow-y-auto overflow-hidden xwpzv y0qzi bxgd5 n3xnc dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<span class="block z4zqw sikx1 c9jt8 dark:text-neutral-300">
From Htmlstream
</span>
<!-- User -->
<div class="w-full flex items-center vyfcq">
<img class="e731n sc63t kghwt" 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="hlt95">
<span class="block w4xo0 sikx1 c9jt8 dark:text-neutral-300">
James Collison <span class="xs2f2 a7kye jy5gh dark:text-neutral-500">(you)</span>
</span>
<span class="block z4zqw jy5gh dark:text-neutral-500">
james@site.com
</span>
</div>
<!-- Select -->
<div class="relative">
<select 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 od5va zw1wr a8vvy inline-flex e731n jkwm1 items-center b1nd2 xs2f2 c9jt8 pb094 d05xb focus:outline-hidden r17tr before:absolute before:inset-0 before:z-1 dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700",
"dropdownClasses": "kji94 ja90s wu22o o5z37 vyel6 space-y-0.5 aqyoh er6t7 gmg3v dark:bg-neutral-950",
"optionClasses": "hs-selected:bg-gray-100 dark:hs-selected:bg-neutral-800 od5va jxswk w-full xs2f2 c9jt8 pb094 cursor-pointer d05xb focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex ox2cl items-center w-full \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"e731n h6zia c9jt8 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>",
"viewport": "#hs-dropdown-share-body"
}' class="hidden">
<option value="">Choose</option>
<option>Can view</option>
<option>Can edit</option>
<option selected>Admin</option>
<option>Remove</option>
</select>
<div class="absolute zoyba j5z1e -translate-y-1/2">
<svg class="e731n h6zia fd43e dark:text-neutral-400" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>
</div>
</div>
<!-- End Select -->
</div>
<!-- End User -->
<!-- User -->
<div class="w-full flex items-center vyfcq">
<span class="flex e731n jkwm1 items-center sc63t aqyoh rsdjd lnk45 jy5gh w4xo0 cnneu kghwt hj07t dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-500">
L
</span>
<div class="hlt95">
<span class="block w4xo0 sikx1 c9jt8 dark:text-neutral-300">
Liza Harrison
</span>
<span class="block z4zqw jy5gh dark:text-neutral-500">
liza@site.com
</span>
</div>
<!-- Select -->
<div class="relative">
<select 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 od5va zw1wr a8vvy inline-flex e731n jkwm1 items-center b1nd2 xs2f2 c9jt8 pb094 d05xb focus:outline-hidden r17tr before:absolute before:inset-0 before:z-1 dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700",
"dropdownClasses": "kji94 ja90s wu22o o5z37 vyel6 space-y-0.5 aqyoh er6t7 gmg3v dark:bg-neutral-950",
"optionClasses": "hs-selected:bg-gray-100 dark:hs-selected:bg-neutral-800 od5va jxswk w-full xs2f2 c9jt8 pb094 cursor-pointer d05xb focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex ox2cl items-center w-full \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"e731n h6zia c9jt8 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>",
"viewport": "#hs-dropdown-share-body"
}' class="hidden">
<option value="">Choose</option>
<option selected>Can view</option>
<option>Can edit</option>
<option>Admin</option>
<option>Remove</option>
</select>
<div class="absolute zoyba j5z1e -translate-y-1/2">
<svg class="e731n h6zia fd43e dark:text-neutral-400" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>
</div>
</div>
<!-- End Select -->
</div>
<!-- End User -->
<!-- User -->
<div class="w-full flex items-center vyfcq">
<img class="e731n sc63t kghwt" src="https://images.unsplash.com/photo-1601935111741-ae98b2b230b0?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="Avatar">
<div class="hlt95">
<span class="block w4xo0 sikx1 c9jt8 dark:text-neutral-300">
Daniel Hobbs
</span>
<span class="block z4zqw jy5gh dark:text-neutral-500">
dhobbs@site.com
</span>
</div>
<!-- Select -->
<div class="relative">
<select 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 od5va zw1wr a8vvy inline-flex e731n jkwm1 items-center b1nd2 xs2f2 c9jt8 pb094 d05xb focus:outline-hidden r17tr before:absolute before:inset-0 before:z-1 dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700",
"dropdownClasses": "kji94 ja90s wu22o o5z37 vyel6 space-y-0.5 aqyoh er6t7 gmg3v dark:bg-neutral-950",
"optionClasses": "hs-selected:bg-gray-100 dark:hs-selected:bg-neutral-800 od5va jxswk w-full xs2f2 c9jt8 pb094 cursor-pointer d05xb focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex ox2cl items-center w-full \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"e731n h6zia c9jt8 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>",
"viewport": "#hs-dropdown-share-body"
}' class="hidden">
<option value="">Choose</option>
<option>Can view</option>
<option selected>Can edit</option>
<option>Admin</option>
<option>Remove</option>
</select>
<div class="absolute zoyba j5z1e -translate-y-1/2">
<svg class="e731n h6zia fd43e dark:text-neutral-400" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>
</div>
</div>
<!-- End Select -->
</div>
<!-- End User -->
<!-- Show More Button -->
<button type="button" class="hs-collapse-toggle hs-collapse-open:hidden w-full w9dei flex items-center vyfcq pb094 d05xb focus:outline-hidden r17tr dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" id="hs-pro-dshdc-item-button" aria-expanded="false" aria-controls="hs-pro-dshdc-button" data-hs-collapse="#hs-pro-dshdc-button">
<span class="flex e731n jkwm1 items-center sc63t w4xo0 cnneu jy5gh pb094 dark:text-neutral-500">
<svg class="e731n h6zia" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
<path d="M9.5 13a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z"/>
</svg>
</span>
<span class="hlt95">
<span class="xs2f2 jy5gh dark:text-neutral-500">
2 more people
</span>
</span>
</button>
<!-- End Show More Button -->
<!-- Show More Collapse -->
<div id="hs-pro-dshdc-button" class="hs-collapse hidden w-full d8tfy space-y-4" aria-labelledby="hs-pro-dshdc-item-button">
<!-- User -->
<div class="w-full flex items-center vyfcq">
<span class="flex e731n jkwm1 items-center sc63t aqyoh rsdjd lnk45 jy5gh w4xo0 cnneu kghwt hj07t dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-500">
O
</span>
<div class="hlt95">
<span class="block w4xo0 sikx1 c9jt8 dark:text-neutral-300">
Ols Shols
</span>
<span class="block z4zqw jy5gh dark:text-neutral-500">
ols@site.com
</span>
</div>
<!-- Select -->
<div class="relative">
<select 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 od5va zw1wr a8vvy inline-flex e731n jkwm1 items-center b1nd2 xs2f2 c9jt8 pb094 d05xb focus:outline-hidden r17tr before:absolute before:inset-0 before:z-1 dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700",
"dropdownClasses": "kji94 ja90s wu22o o5z37 vyel6 space-y-0.5 aqyoh er6t7 gmg3v dark:bg-neutral-950",
"optionClasses": "hs-selected:bg-gray-100 dark:hs-selected:bg-neutral-800 od5va jxswk w-full xs2f2 c9jt8 pb094 cursor-pointer d05xb focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex ox2cl items-center w-full \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"e731n h6zia c9jt8 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>",
"viewport": "#hs-dropdown-share-body"
}' class="hidden">
<option value="">Choose</option>
<option>Can view</option>
<option selected>Can edit</option>
<option>Admin</option>
<option>Remove</option>
</select>
<div class="absolute zoyba j5z1e -translate-y-1/2">
<svg class="e731n u28hb fd43e dark:text-neutral-400" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/>
</svg>
</div>
</div>
<!-- End Select -->
</div>
<!-- End User -->
<!-- User -->
<div class="w-full flex items-center vyfcq">
<img class="e731n sc63t kghwt" src="https://images.unsplash.com/photo-1568602471122-7832951cc4c5?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="Avatar">
<div class="hlt95">
<span class="block w4xo0 sikx1 c9jt8 dark:text-neutral-300">
Crane
</span>
<span class="block z4zqw jy5gh dark:text-neutral-500">
crane@site.com
</span>
</div>
<!-- Select -->
<div class="relative">
<select 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 od5va zw1wr a8vvy inline-flex e731n jkwm1 items-center b1nd2 xs2f2 c9jt8 pb094 d05xb focus:outline-hidden r17tr before:absolute before:inset-0 before:z-1 dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700",
"dropdownClasses": "kji94 ja90s wu22o o5z37 vyel6 space-y-0.5 aqyoh er6t7 gmg3v dark:bg-neutral-950",
"optionClasses": "hs-selected:bg-gray-100 dark:hs-selected:bg-neutral-800 od5va jxswk w-full xs2f2 c9jt8 pb094 cursor-pointer d05xb focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex ox2cl items-center w-full \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"e731n h6zia c9jt8 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>",
"viewport": "#hs-dropdown-share-body"
}' class="hidden">
<option value="">Choose</option>
<option selected>Can view</option>
<option>Can edit</option>
<option>Admin</option>
<option>Remove</option>
</select>
<div class="absolute zoyba j5z1e -translate-y-1/2">
<svg class="e731n u28hb fd43e dark:text-neutral-400" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/>
</svg>
</div>
</div>
<!-- End Select -->
</div>
<!-- End User -->
</div>
<!-- End Show More Collapse -->
<!-- User -->
<div class="w-full flex items-center vyfcq">
<img class="e731n sc63t kghwt" src="https://images.unsplash.com/photo-1670272505340-d906d8d77d03?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="Avatar">
<div class="hlt95">
<span class="block w4xo0 sikx1 c9jt8 dark:text-neutral-300">
Anna Richard
</span>
<span class="block z4zqw jy5gh dark:text-neutral-500">
anna@site.com
</span>
</div>
<!-- Select -->
<div class="relative">
<select 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 od5va zw1wr a8vvy inline-flex e731n jkwm1 items-center b1nd2 xs2f2 c9jt8 pb094 d05xb focus:outline-hidden r17tr before:absolute before:inset-0 before:z-1 dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700",
"dropdownClasses": "kji94 ja90s wu22o o5z37 vyel6 space-y-0.5 aqyoh er6t7 gmg3v dark:bg-neutral-950",
"optionClasses": "hs-selected:bg-gray-100 dark:hs-selected:bg-neutral-800 od5va jxswk w-full xs2f2 c9jt8 pb094 cursor-pointer d05xb focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex ox2cl items-center w-full \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"e731n h6zia c9jt8 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>",
"viewport": "#hs-dropdown-share-body"
}' class="hidden">
<option value="">Choose</option>
<option>Can view</option>
<option selected>Can edit</option>
<option>Admin</option>
<option>Remove</option>
</select>
<div class="absolute zoyba j5z1e -translate-y-1/2">
<svg class="e731n h6zia fd43e dark:text-neutral-400" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>
</div>
</div>
<!-- End Select -->
</div>
<!-- End User -->
</div>
<!-- End Body -->
<!-- Subfooter -->
<div class="tbd2k yfv61 lnk45 dark:border-neutral-800">
<span class="block z4zqw sikx1 c9jt8 wyf4w dark:text-neutral-300">
Share read-only link
</span>
<!-- Input Form -->
<div class="flex items-center n9hej">
<input id="hs-pro-share-input-dropdown" type="text" class="od5va yzhap f2l40 block w-full lnk45 pb094 glhrq bj1nl y20ll vtle8 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400 dark:placeholder:text-neutral-500 dark:focus:ring-neutral-600" readonly value="https://www.figma.com/community/file/1179068859697769656">
<button type="button" class="js-clipboard xt32u hs-tooltip sc63t e731n inline-flex jkwm1 items-center n9hej pb094 rsdjd azddh f4yn1 c9jt8 cq7a3 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden f6db7 dark:bg-neutral-700 dark:hover:bg-neutral-600 dark:text-neutral-200 dark:focus:bg-neutral-600"
data-clipboard-target="#hs-pro-share-input-dropdown"
data-clipboard-action="copy"
data-clipboard-success-text="Copied">
<svg class="js-clipboard-default e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="14" x="8" y="8" rx="2" ry="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg>
<svg class="js-clipboard-success hidden b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 sd513 hidden vajpp wzd7f ga1u8 jxswk nzj5e xs2f2 sikx1 kew0r pb094 hj07t dark:bg-neutral-700" role="tooltip">
<span class="js-clipboard-success-text">Copy</span>
</span>
</button>
</div>
<!-- End Input Form -->
</div>
<!-- End Subfooter -->
<!-- Footer -->
<div class="tbd2k yfv61 lnk45 dark:border-neutral-700">
<a class="inline-flex items-center b1nd2 xs2f2 jy5gh f1348 sikx1 focus:outline-hidden ow4j6 dark:text-blue-500 dark:hover:text-blue-400" href="#">
<svg class="e731n h6zia" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M12 16v-4"/><path d="M12 8h.01"/></svg>
Read more about share
</a>
</div>
<!-- End Footer -->
</div>
<!-- End Invite Users Dropdown -->
</div>
<!-- End Invite Users -->
<div class="c1j8w lnk45 adwno g0uux djkwm dark:border-neutral-700"></div>
<div class="r44ox">
<!-- Account Dropdown -->
<div class="hs-dropdown inline-flex [--strategy:absolute] [--auto-close:inside] [--placement:bottom-right] relative w9dei">
<button id="hs-dnad" type="button" class="inline-flex e731n items-center vyfcq w9dei kghwt focus:outline-hidden" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<img class="e731n sc63t kghwt" src="https://images.unsplash.com/photo-1659482633369-9fe69af50bfb?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="Avatar">
</button>
<!-- Account Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 srycj transition-[opacity,margin] duration opacity-0 hidden gbcuh aqyoh er6t7 gmg3v dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-dnad">
<div class="vyel6 fazzp lnk45 dark:border-neutral-800">
<a class="s53ws f2l40 flex items-center vyfcq pb094 w4xo0 c9jt8 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="../../pro/dashboard/user-profile-my-profile.html">
<img class="e731n yl1cu kghwt" 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="hlt95">
<span class="w4xo0 cnneu c9jt8 dark:text-neutral-300">
James Collison
</span>
<p class="xs2f2 jy5gh dark:text-neutral-500">
Preline@HS
</p>
</div>
</a>
</div>
<div class="vyel6">
<a class="flex items-center vyfcq s53ws f2l40 pb094 w4xo0 c9jt8 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<svg class="e731n eyzz7 b9gop" xmlns="http://www.w3.org/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 vyfcq s53ws f2l40 pb094 w4xo0 c9jt8 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" 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 vyfcq s53ws f2l40 pb094 w4xo0 c9jt8 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<svg class="e731n eyzz7 b9gop" xmlns="http://www.w3.org/2000/svg" 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="fglch tcy4x h5xf1 lnk45 dark:border-neutral-800">
<!-- Switch/Toggle -->
<div class="flex flex-wrap ox2cl items-center o4ndh">
<label for="hs-pro-dnaddm" class="flex-1 cursor-pointer w4xo0 c9jt8 dark:text-neutral-300">Dark mode</label>
<label for="hs-pro-dnaddm" class="relative inline-block wy2b0 g0uux cursor-pointer">
<input data-hs-theme-switch type="checkbox" id="hs-pro-dnaddm" class="peer et50x">
<span class="absolute inset-0 tfa1w kghwt ao9tn ey6m2 resz6 peer-checked:bg-blue-600 dark:bg-neutral-700 dark:peer-checked:bg-blue-500 peer-disabled:opacity-50 peer-disabled:pointer-events-none"></span>
<span class="absolute zoyba dpiq6 -translate-y-1/2 yhc35 aqyoh kghwt m26rp mheoi ey6m2 resz6 peer-checked:translate-x-full dark:bg-neutral-400 dark:peer-checked:bg-white"></span>
</label>
</div>
<!-- End Switch/Toggle -->
</div>
<div class="vyel6">
<a class="flex items-center vyfcq s53ws f2l40 pb094 w4xo0 c9jt8 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
Customization
<div class="ms-auto">
<span class="ms-auto inline-flex items-center m4ww2 a3ame a6bs9 m8zlk s91e0 bxktg sikx1 f4yn1 c9jt8 dark:bg-neutral-700 dark:text-neutral-300">
New
</span>
</div>
</a>
<a class="flex items-center vyfcq s53ws f2l40 pb094 w4xo0 c9jt8 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
Manage team
</a>
<a class="flex items-center vyfcq s53ws f2l40 pb094 w4xo0 c9jt8 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
Sign out
</a>
</div>
<div class="vyel6 yfv61 lnk45 dark:border-neutral-800">
<button type="button" class="flex eyzz7 vyfcq s53ws f2l40 w-full pb094 w4xo0 c9jt8 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-dasadam">
<svg class="e731n b9gop eyzz7" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M8 12h8"/><path d="M12 8v8"/></svg>
Add team account
</button>
</div>
</div>
<!-- End Account Dropdown -->
</div>
<!-- End Account Dropdown -->
</div>
</div>
</div>
</header>
<!-- ========== END HEADER ========== -->
<!-- ========== MAIN SIDEBAR ========== -->
<aside id="hs-pro-sidebar" class="hs-overlay [--auto-close:lg]
hs-overlay-open:translate-x-0
-translate-x-full fl36v ufjzp h587a
qaks0 h1r77
hidden
fixed rm8lf gihcw uxfxy
aqyoh c1j8w lnk45
lg:block y1z8v lg:end-auto k4112
dark:bg-neutral-800 dark:border-neutral-700" tabindex="-1" aria-label="Sidebar">
<div class="relative flex flex-col h1r77 a0p67 f5e2w">
<header class="qn0ul e36gq mx6w2 ej0wo flex items-center n6i5x">
<!-- Logo -->
<a class="flex-none m74u5 mp30q inline-block cnneu focus:outline-hidden o8t9n" href="@@href" aria-label="Preline">
<svg class="o5z37 h-auto" width="116" height="32" viewBox="0 0 116 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M33.5696 30.8182V11.3182H37.4474V13.7003H37.6229C37.7952 13.3187 38.0445 12.9309 38.3707 12.5369C38.7031 12.1368 39.134 11.8045 39.6634 11.5398C40.1989 11.2689 40.8636 11.1335 41.6577 11.1335C42.6918 11.1335 43.6458 11.4044 44.5199 11.946C45.3939 12.4815 46.0926 13.291 46.6158 14.3743C47.139 15.4515 47.4006 16.8026 47.4006 18.4276C47.4006 20.0095 47.1451 21.3452 46.6342 22.4347C46.1295 23.518 45.4401 24.3397 44.5661 24.8999C43.6982 25.4538 42.7256 25.7308 41.6484 25.7308C40.8852 25.7308 40.2358 25.6046 39.7003 25.3523C39.1709 25.0999 38.737 24.7829 38.3984 24.4013C38.0599 24.0135 37.8014 23.6226 37.6229 23.2287H37.5028V30.8182H33.5696ZM37.4197 18.4091C37.4197 19.2524 37.5367 19.9879 37.7706 20.6158C38.0045 21.2436 38.343 21.733 38.7862 22.0838C39.2294 22.4285 39.768 22.6009 40.402 22.6009C41.0421 22.6009 41.5838 22.4254 42.027 22.0746C42.4702 21.7176 42.8056 21.2251 43.0334 20.5973C43.2673 19.9633 43.3842 19.2339 43.3842 18.4091C43.3842 17.5904 43.2704 16.8703 43.0426 16.2486C42.8149 15.6269 42.4794 15.1406 42.0362 14.7898C41.593 14.4389 41.0483 14.2635 40.402 14.2635C39.7618 14.2635 39.2202 14.4328 38.777 14.7713C38.34 15.1098 38.0045 15.59 37.7706 16.2116C37.5367 16.8333 37.4197 17.5658 37.4197 18.4091ZM49.2427 25.5V11.3182H53.0559V13.7926H53.2037C53.4622 12.9124 53.8961 12.2476 54.5055 11.7983C55.1149 11.3428 55.8166 11.1151 56.6106 11.1151C56.8076 11.1151 57.02 11.1274 57.2477 11.152C57.4754 11.1766 57.6755 11.2105 57.8478 11.2536V14.7436C57.6632 14.6882 57.4077 14.639 57.0815 14.5959C56.7553 14.5528 56.4567 14.5312 56.1859 14.5312C55.6073 14.5312 55.0903 14.6574 54.6348 14.9098C54.1854 15.156 53.8284 15.5007 53.5638 15.9439C53.3052 16.3871 53.176 16.898 53.176 17.4766V25.5H49.2427ZM64.9043 25.777C63.4455 25.777 62.1898 25.4815 61.1373 24.8906C60.0909 24.2936 59.2845 23.4503 58.7182 22.3608C58.1519 21.2652 57.8688 19.9695 57.8688 18.4737C57.8688 17.0149 58.1519 15.7346 58.7182 14.6328C59.2845 13.531 60.0816 12.6723 61.1096 12.0568C62.1437 11.4413 63.3563 11.1335 64.7474 11.1335C65.683 11.1335 66.5539 11.2843 67.3603 11.5859C68.1728 11.8814 68.8806 12.3277 69.4839 12.9247C70.0932 13.5218 70.5672 14.2727 70.9057 15.1776C71.2443 16.0762 71.4135 17.1288 71.4135 18.3352V19.4155H59.4384V16.978H67.7111C67.7111 16.4117 67.588 15.91 67.3418 15.473C67.0956 15.036 66.754 14.6944 66.317 14.4482C65.8861 14.1958 65.3844 14.0696 64.812 14.0696C64.2149 14.0696 63.6856 14.2081 63.2239 14.4851C62.7684 14.7559 62.4114 15.1222 62.1529 15.5838C61.8944 16.0393 61.762 16.5471 61.7559 17.1072V19.4247C61.7559 20.1264 61.8851 20.7327 62.1437 21.2436C62.4083 21.7545 62.7807 22.1484 63.2608 22.4254C63.741 22.7024 64.3103 22.8409 64.9689 22.8409C65.406 22.8409 65.8061 22.7794 66.1692 22.6562C66.5324 22.5331 66.8432 22.3485 67.1018 22.1023C67.3603 21.8561 67.5572 21.5545 67.6927 21.1974L71.3304 21.4375C71.1458 22.3116 70.7672 23.0748 70.1948 23.7273C69.6285 24.3736 68.896 24.8783 67.9974 25.2415C67.1048 25.5985 66.0738 25.777 64.9043 25.777ZM77.1335 6.59091V25.5H73.2003V6.59091H77.1335ZM79.5043 25.5V11.3182H83.4375V25.5H79.5043ZM81.4801 9.49006C80.8954 9.49006 80.3937 9.29616 79.9752 8.90838C79.5628 8.51444 79.3566 8.04356 79.3566 7.49574C79.3566 6.95407 79.5628 6.48935 79.9752 6.10156C80.3937 5.70762 80.8954 5.51065 81.4801 5.51065C82.0649 5.51065 82.5635 5.70762 82.9759 6.10156C83.3944 6.48935 83.6037 6.95407 83.6037 7.49574C83.6037 8.04356 83.3944 8.51444 82.9759 8.90838C82.5635 9.29616 82.0649 9.49006 81.4801 9.49006ZM89.7415 17.3011V25.5H85.8083V11.3182H89.5569V13.8203H89.723C90.037 12.9955 90.5632 12.343 91.3019 11.8629C92.0405 11.3767 92.9361 11.1335 93.9887 11.1335C94.9735 11.1335 95.8322 11.349 96.5647 11.7798C97.2971 12.2107 97.8665 12.8262 98.2728 13.6264C98.679 14.4205 98.8821 15.3684 98.8821 16.4702V25.5H94.9489V17.1719C94.9551 16.304 94.7335 15.6269 94.2841 15.1406C93.8348 14.6482 93.2162 14.402 92.4283 14.402C91.8989 14.402 91.4311 14.5159 91.0249 14.7436C90.6248 14.9714 90.3109 15.3037 90.0831 15.7408C89.8615 16.1716 89.7477 16.6918 89.7415 17.3011ZM107.665 25.777C106.206 25.777 104.951 25.4815 103.898 24.8906C102.852 24.2936 102.045 23.4503 101.479 22.3608C100.913 21.2652 100.63 19.9695 100.63 18.4737C100.63 17.0149 100.913 15.7346 101.479 14.6328C102.045 13.531 102.842 12.6723 103.87 12.0568C104.905 11.4413 106.117 11.1335 107.508 11.1335C108.444 11.1335 109.315 11.2843 110.121 11.5859C110.934 11.8814 111.641 12.3277 112.245 12.9247C112.854 13.5218 113.328 14.2727 113.667 15.1776C114.005 16.0762 114.174 17.1288 114.174 18.3352V19.4155H102.199V16.978H110.472C110.472 16.4117 110.349 15.91 110.103 15.473C109.856 15.036 109.515 14.6944 109.078 14.4482C108.647 14.1958 108.145 14.0696 107.573 14.0696C106.976 14.0696 106.446 14.2081 105.985 14.4851C105.529 14.7559 105.172 15.1222 104.914 15.5838C104.655 16.0393 104.523 16.5471 104.517 17.1072V19.4247C104.517 20.1264 104.646 20.7327 104.905 21.2436C105.169 21.7545 105.542 22.1484 106.022 22.4254C106.502 22.7024 107.071 22.8409 107.73 22.8409C108.167 22.8409 108.567 22.7794 108.93 22.6562C109.293 22.5331 109.604 22.3485 109.863 22.1023C110.121 21.8561 110.318 21.5545 110.454 21.1974L114.091 21.4375C113.907 22.3116 113.528 23.0748 112.956 23.7273C112.389 24.3736 111.657 24.8783 110.758 25.2415C109.866 25.5985 108.835 25.777 107.665 25.777Z" class="etvti 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="m2dah 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="m2dah dark:stroke-white" stroke="currentColor" stroke-width="2"/>
<circle cx="13" cy="16.5214" r="5" class="etvti dark:fill-white" fill="currentColor"/>
</svg>
</a>
<!-- End Logo -->
<div class="lg:hidden ms-auto">
<!-- Sidebar Close -->
<button type="button" class="vjub8 pte0q inline-flex jkwm1 items-center n9hej w4xo0 sikx1 m74u5 rsdjd lnk45 aqyoh jy5gh nzmya focus:outline-hidden r17tr disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-sidebar">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="7 8 3 12 7 16"/><line x1="21" x2="11" y1="12" y2="12"/><line x1="21" x2="11" y1="6" y2="6"/><line x1="21" x2="11" y1="18" y2="18"/></svg>
</button>
<!-- End Sidebar Close -->
</div>
<div class="hidden lg:block ncgn0">
</div>
</header>
<!-- Content -->
<div class="y18m4 h1r77 overflow-y-auto xwpzv y0qzi bxgd5 n3xnc dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<!-- Nav -->
<nav class="hs-accordion-group d0k57 w-full flex flex-col flex-wrap" data-hs-accordion-always-open>
<ul class="flex flex-col jon87">
<!-- Link -->
<li class="jxswk iv3ii">
<a class="flex vyfcq s53ws f2l40 w4xo0 c9jt8 pb094 d05xb focus:outline-hidden r17tr dark:hover:bg-neutral-700 dark:text-neutral-300 dark:focus:bg-neutral-700 " href="../../pro/dashboard/index.html">
<svg class="e731n eyzz7 b9gop" xmlns="http://www.w3.org/2000/svg" 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 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/><polyline points="9 22 9 12 15 12 15 22"/></svg>
Dashboard
</a>
</li>
<!-- End Link -->
<!-- Link -->
<li class="hs-accordion jxswk iv3ii " id="users-accordion">
<button type="button" class="hs-accordion-toggle hs-accordion-active:bg-gray-100 w-full w9dei flex vyfcq s53ws f2l40 w4xo0 c9jt8 pb094 d05xb disabled:opacity-50 disabled:pointer-events-none dark:hs-accordion-active:bg-neutral-700 focus:outline-hidden r17tr dark:hover:bg-neutral-700 dark:text-neutral-300 dark:focus:bg-neutral-700" aria-expanded="false" aria-controls="users-accordion-sub">
<svg class="e731n eyzz7 b9gop" xmlns="http://www.w3.org/2000/svg" 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>
Users
<svg class="hs-accordion-active:-rotate-180 e731n rwavo h6zia ms-auto whz4r" xmlns="http://www.w3.org/2000/svg" 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 id="users-accordion-sub" class="hs-accordion-content w-full overflow-hidden transition-[height] ufjzp" role="region" aria-labelledby="users-accordion" style="display: none;">
<ul class="hs-accordion-group rsa50 rwavo flex flex-col jon87 relative before:absolute before:top-0 before:start-4.5 before:w-0.5 before:h-full before:bg-gray-100 dark:before:bg-neutral-700" data-hs-accordion-always-open>
<li>
<a class="flex f8pfl s53ws f2l40 w4xo0 c9jt8 pb094 d05xb focus:outline-hidden r17tr dark:hover:bg-neutral-700 dark:text-neutral-300 dark:focus:bg-neutral-700 " href="../../pro/dashboard/users.html">
Overview
</a>
</li>
<li>
<a class="flex f8pfl s53ws f2l40 w4xo0 c9jt8 pb094 d05xb focus:outline-hidden r17tr dark:hover:bg-neutral-700 dark:text-neutral-300 dark:focus:bg-neutral-700 " href="../../pro/dashboard/users-add-user.html">
Add User
</a>
</li>
</ul>
</div>
</li>
<!-- End Link -->
<!-- Link -->
<li class="hs-accordion jxswk iv3ii " id="user-profile-accordion">
<button type="button" class="hs-accordion-toggle hs-accordion-active:bg-gray-100 w-full w9dei flex vyfcq s53ws f2l40 w4xo0 c9jt8 pb094 d05xb disabled:opacity-50 disabled:pointer-events-none dark:hs-accordion-active:bg-neutral-700 focus:outline-hidden r17tr dark:hover:bg-neutral-700 dark:text-neutral-300 dark:focus:bg-neutral-700" aria-expanded="false" aria-controls="user-profile-accordion-sub">
<svg class="e731n eyzz7 b9gop" xmlns="http://www.w3.org/2000/svg" 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>
User Profile
<svg class="hs-accordion-active:-rotate-180 e731n rwavo h6zia ms-auto whz4r" xmlns="http://www.w3.org/2000/svg" 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 id="user-profile-accordion-sub" class="hs-accordion-content w-full overflow-hidden transition-[height] ufjzp" role="region" aria-labelledby="user-profile-accordion" style="display: none;">
<ul class="hs-accordion-group rsa50 rwavo flex flex-col jon87 relative before:absolute before:top-0 before:start-4.5 before:w-0.5 before:h-full before:bg-gray-100 dark:before:bg-neutral-700" data-hs-accordion-always-open>
<li>
<a class="flex f8pfl s53ws f2l40 w4xo0 c9jt8 pb094 d05xb focus:outline-hidden r17tr dark:hover:bg-neutral-700 dark:text-neutral-300 dark:focus:bg-neutral-700 " href="../../pro/dashboard/user-profile-my-profile.html">
My Profile
</a>
</li>
<li>
<a class="flex f8pfl s53ws f2l40 w4xo0 c9jt8 pb094 d05xb focus:outline-hidden r17tr dark:hover:bg-neutral-700 dark:text-neutral-300 dark:focus:bg-neutral-700 " href="../../pro/dashboard/user-profile-teams.html">
Teams: Grid
</a>
</li>
<li>
<a class="flex f8pfl s53ws f2l40 w4xo0 c9jt8 pb094 d05xb focus:outline-hidden r17tr dark:hover:bg-neutral-700 dark:text-neutral-300 dark:focus:bg-neutral-700 " href="../../pro/dashboard/user-profile-teams-list.html">
Teams: Listing
</a>
</li>
<li>
<a class="flex f8pfl s53ws f2l40 w4xo0 c9jt8 pb094 d05xb focus:outline-hidden r17tr dark:hover:bg-neutral-700 dark:text-neutral-300 dark:focus:bg-neutral-700 " href="../../pro/dashboard/user-profile-files.html">
Files: Grid
</a>
</li>
<li>
<a class="flex f8pfl s53ws f2l40 w4xo0 c9jt8 pb094 d05xb focus:outline-hidden r17tr dark:hover:bg-neutral-700 dark:text-neutral-300 dark:focus:bg-neutral-700 " href="../../pro/dashboard/user-profile-files-list.html">
Files: Listing
</a>
</li>
<li>
<a class="flex f8pfl s53ws f2l40 w4xo0 c9jt8 pb094 d05xb focus:outline-hidden r17tr dark:hover:bg-neutral-700 dark:text-neutral-300 dark:focus:bg-neutral-700 " href="../../pro/dashboard/user-profile-connections.html">
Connections: Grid
</a>
</li>
<li>
<a class="flex f8pfl s53ws f2l40 w4xo0 c9jt8 pb094 d05xb focus:outline-hidden r17tr dark:hover:bg-neutral-700 dark:text-neutral-300 dark:focus:bg-neutral-700 " href="../../pro/dashboard/user-profile-connections-list.html">
Connections: Listing
</a>
</li>
<li>
<a class="flex f8pfl s53ws f2l40 w4xo0 c9jt8 pb094 d05xb focus:outline-hidden r17tr dark:hover:bg-neutral-700 dark:text-neutral-300 dark:focus:bg-neutral-700 " href="../../pro/dashboard/user-profile.html">
Profile
</a>
</li>
</ul>
</div>
</li>
<!-- End Link -->
<!-- Link -->
<li class="hs-accordion jxswk iv3ii " id="account-accordion">
<button type="button" class="hs-accordion-toggle hs-accordion-active:bg-gray-100 w-full w9dei flex vyfcq s53ws f2l40 w4xo0 c9jt8 pb094 d05xb disabled:opacity-50 disabled:pointer-events-none dark:hs-accordion-active:bg-neutral-700 focus:outline-hidden r17tr dark:hover:bg-neutral-700 dark:text-neutral-300 dark:focus:bg-neutral-700" aria-expanded="false" aria-controls="account-accordion-sub">
<svg class="e731n eyzz7 b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="18" cy="15" r="3"/><circle cx="9" cy="7" r="4"/><path d="M10 15H6a4 4 0 0 0-4 4v2"/><path d="m21.7 16.4-.9-.3"/><path d="m15.2 13.9-.9-.3"/><path d="m16.6 18.7.3-.9"/><path d="m19.1 12.2.3-.9"/><path d="m19.6 18.7-.4-1"/><path d="m16.8 12.3-.4-1"/><path d="m14.3 16.6 1-.4"/><path d="m20.7 13.8 1-.4"/></svg>
Account
<svg class="hs-accordion-active:-rotate-180 e731n rwavo h6zia ms-auto whz4r" xmlns="http://www.w3.org/2000/svg" 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 id="account-accordion-sub" class="hs-accordion-content w-full overflow-hidden transition-[height] ufjzp" role="region" aria-labelledby="account-accordion" style="display: none;">
<ul class="hs-accordion-group rsa50 rwavo flex flex-col jon87 relative before:absolute before:top-0 before:start-4.5 before:w-0.5 before:h-full before:bg-gray-100 dark:before:bg-neutral-700" data-hs-accordion-always-open>
<li>
<a class="flex f8pfl s53ws f2l40 w4xo0 c9jt8 pb094 d05xb focus:outline-hidden r17tr dark:hover:bg-neutral-700 dark:text-neutral-300 dark:focus:bg-neutral-700 " href="../../pro/dashboard/account-profile.html">
Profile
</a>
</li>
<li>
<a class="flex f8pfl s53ws f2l40 w4xo0 c9jt8 pb094 d05xb focus:outline-hidden r17tr dark:hover:bg-neutral-700 dark:text-neutral-300 dark:focus:bg-neutral-700 " href="../../pro/dashboard/account-notifications.html">
Notifications
</a>
</li>
<li>
<a class="flex f8pfl s53ws f2l40 w4xo0 c9jt8 pb094 d05xb focus:outline-hidden r17tr dark:hover:bg-neutral-700 dark:text-neutral-300 dark:focus:bg-neutral-700 " href="../../pro/dashboard/account-integrations.html">
Integrations
</a>
</li>
<li>
<a class="flex f8pfl s53ws f2l40 w4xo0 c9jt8 pb094 d05xb focus:outline-hidden r17tr dark:hover:bg-neutral-700 dark:text-neutral-300 dark:focus:bg-neutral-700 " href="../../pro/dashboard/account-preferences.html">
Preferences
</a>
</li>
<li>
<a class="flex f8pfl s53ws f2l40 w4xo0 c9jt8 pb094 d05xb focus:outline-hidden r17tr dark:hover:bg-neutral-700 dark:text-neutral-300 dark:focus:bg-neutral-700 " href="../../pro/dashboard/account-workspace.html">
Workspace
</a>
</li>
<li>
<a class="flex f8pfl s53ws f2l40 w4xo0 c9jt8 pb094 d05xb focus:outline-hidden r17tr dark:hover:bg-neutral-700 dark:text-neutral-300 dark:focus:bg-neutral-700 " href="../../pro/dashboard/account-plan-and-billing.html">
Plan & Billing
</a>
</li>
<li>
<a class="flex f8pfl s53ws f2l40 w4xo0 c9jt8 pb094 d05xb focus:outline-hidden r17tr dark:hover:bg-neutral-700 dark:text-neutral-300 dark:focus:bg-neutral-700 " href="../../pro/dashboard/account-members.html">
Members
</a>
</li>
</ul>
</div>
</li>
<!-- End Link -->
<!-- Link -->
<li class="jxswk iv3ii">
<a class="flex vyfcq s53ws f2l40 w4xo0 c9jt8 pb094 d05xb focus:outline-hidden r17tr dark:hover:bg-neutral-700 dark:text-neutral-300 dark:focus:bg-neutral-700 " href="../../pro/dashboard/welcome-page.html">
<svg class="e731n eyzz7 b9gop" xmlns="http://www.w3.org/2000/svg" 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 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z"/><circle cx="12" cy="12" r="3"/></svg>
Welcome Page
</a>
</li>
<!-- End Link -->
<!-- Link -->
<li class="jxswk iv3ii">
<a class="flex vyfcq s53ws f2l40 w4xo0 c9jt8 pb094 d05xb focus:outline-hidden r17tr dark:hover:bg-neutral-700 dark:text-neutral-300 dark:focus:bg-neutral-700 " href="../../pro/dashboard/empty-states.html">
<svg class="e731n eyzz7 b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"/><path d="M14 2v4a2 2 0 0 0 2 2h4"/></svg>
Empty Contents
</a>
</li>
<!-- End Link -->
<!-- Link -->
<li class="jxswk iv3ii">
<a class="flex vyfcq s53ws f2l40 w4xo0 c9jt8 pb094 d05xb focus:outline-hidden r17tr dark:hover:bg-neutral-700 dark:text-neutral-300 dark:focus:bg-neutral-700 " href="../../pro/dashboard/plans.html">
<svg class="e731n eyzz7 b9gop igv60 dark:text-blue-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="m16 12-4-4-4 4"/><path d="M12 16V8"/></svg>
<span class="j45am lb7k6 nbzp1 y0pmn rvelp lg492 dark:from-blue-500 dark:to-purple-500">
Plans
</span>
</a>
</li>
<!-- End Link -->
<!-- Divider -->
<li class="l6aig ns57r ids43 chaem yfv61 lnk45 nhhah vpmzs dark:border-neutral-700 dark:first:border-transparent">
<span class="block xs2f2 vj9jb jy5gh dark:text-neutral-500">
Apps
</span>
</li>
<!-- End Divider -->
<!-- Link -->
<li class="jxswk iv3ii">
<a class="flex items-center n9hej od5va f2l40 w4xo0 c9jt8 pb094 d05xb focus:outline-hidden r17tr dark:hover:bg-neutral-700 dark:text-neutral-300 dark:focus:bg-neutral-700" href="../../pro/dashboard/chat.html">
<span class="flex jkwm1 items-center odrp3 owkrq kew0r m74u5 dark:bg-blue-500">
<svg class="e731n h6zia" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg>
</span>
Chat
</a>
</li>
<!-- End Link -->
<!-- Link -->
<li class="jxswk iv3ii">
<a class="flex items-center n9hej od5va f2l40 w4xo0 c9jt8 pb094 d05xb focus:outline-hidden r17tr dark:hover:bg-neutral-700 dark:text-neutral-300 dark:focus:bg-neutral-700" href="../../pro/dashboard/inbox.html">
<span class="flex jkwm1 items-center odrp3 owkrq kew0r m74u5 dark:bg-blue-500">
<svg class="e731n h6zia" xmlns="http://www.w3.org/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>
Inbox
</a>
</li>
<!-- End Link -->
<!-- Link -->
<li class="jxswk iv3ii">
<a class="flex items-center n9hej od5va f2l40 w4xo0 c9jt8 pb094 d05xb focus:outline-hidden r17tr dark:hover:bg-neutral-700 dark:text-neutral-300 dark:focus:bg-neutral-700" href="../../pro/dashboard/calendar-month.html">
<span class="flex jkwm1 items-center odrp3 owkrq kew0r m74u5 dark:bg-blue-500">
<svg class="e731n h6zia" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M8 2v4"/><path d="M16 2v4"/><rect width="18" height="18" x="3" y="4" rx="2"/><path d="M3 10h18"/></svg>
</span>
Calendars
</a>
</li>
<!-- End Link -->
<!-- Link -->
<li class="jxswk iv3ii">
<a class="flex items-center n9hej od5va f2l40 w4xo0 c9jt8 pb094 d05xb focus:outline-hidden r17tr dark:hover:bg-neutral-700 dark:text-neutral-300 dark:focus:bg-neutral-700" href="../../pro/dashboard/kanban-board.html">
<span class="flex jkwm1 items-center odrp3 owkrq kew0r m74u5 dark:bg-blue-500">
<svg class="e731n h6zia" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M8 7v7"/><path d="M12 7v4"/><path d="M16 7v9"/></svg>
</span>
Kanban Board
</a>
</li>
<!-- End Link -->
<!-- Link -->
<li class="jxswk iv3ii">
<a class="flex items-center n9hej od5va f2l40 w4xo0 c9jt8 pb094 d05xb focus:outline-hidden r17tr dark:hover:bg-neutral-700 dark:text-neutral-300 dark:focus:bg-neutral-700" href="../../pro/dashboard/files.html">
<span class="flex jkwm1 items-center odrp3 owkrq kew0r m74u5 dark:bg-blue-500">
<svg class="e731n h6zia" xmlns="http://www.w3.org/2000/svg" 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 14 1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2"/></svg>
</span>
Files
</a>
</li>
<!-- End Link -->
<!-- Link -->
<li class="jxswk iv3ii">
<a class="flex items-center n9hej od5va f2l40 w4xo0 c9jt8 pb094 d05xb focus:outline-hidden r17tr dark:hover:bg-neutral-700 dark:text-neutral-300 dark:focus:bg-neutral-700" href="../../pro/dashboard/to-do.html">
<span class="flex jkwm1 items-center odrp3 owkrq kew0r m74u5 dark:bg-blue-500">
<svg class="e731n h6zia" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M8 2v4"/><path d="M16 2v4"/><rect width="18" height="18" x="3" y="4" rx="2"/><path d="M3 10h18"/><path d="m9 16 2 2 4-4"/></svg>
</span>
To Do
</a>
</li>
<!-- End Link -->
</ul>
</nav>
<!-- End Nav -->
</div>
<!-- End Content -->
<footer class="hidden lg:block yfv61 lnk45 dark:border-neutral-700">
<!-- Project Dropdown -->
<div class="l8aat ">
<div class="hs-dropdown [--auto-close:inside] relative flex">
<!-- Project Button -->
<button id="hs-pro-dnwpd" type="button" class="group w-full inline-flex items-center brrnv w9dei c9jt8 gpv41 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden dark:text-white" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<svg class=" yl1cu e731n" width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.7438 0.940745C6.84695 1.30308 2.6841 1.63631 2.48837 1.67533C1.9396 1.77319 1.44038 2.14544 1.20563 2.63537L1 3.06646L1.01982 13.3407L1.04893 23.615L1.36234 24.2517C1.53886 24.6042 2.73365 26.2499 4.0362 27.9439C6.61221 31.2836 6.79802 31.47 7.77726 31.5679C8.06156 31.597 10.1966 31.4991 12.5081 31.3622C14.8295 31.2154 18.5508 30.99 20.7842 30.863C30.3233 30.2839 29.8334 30.3328 30.3815 29.8627C31.0672 29.2947 31.0183 30.2251 31.0474 17.7377C31.0672 7.15003 31.0573 6.45509 30.9006 6.13177C30.7148 5.76943 30.3815 5.51487 26.0329 2.45885C23.1243 0.421704 22.9186 0.313932 21.6155 0.294111C21.0772 0.274911 16.6307 0.568497 11.7438 0.940745ZM22.752 2.28232C23.1633 2.46814 26.1704 4.56412 26.6108 4.9661C26.7284 5.08378 26.7675 5.18164 26.7086 5.24048C26.5717 5.35817 7.96245 6.465 7.42421 6.38634C7.17956 6.34732 6.81722 6.20052 6.61159 6.06302C5.75932 5.48514 3.64413 3.75149 3.64413 3.62452C3.64413 3.29129 3.57538 3.29129 11.8714 2.69421C13.4582 2.58644 16.0633 2.39071 17.6502 2.26312C21.0871 1.98874 22.1159 1.99865 22.752 2.28232ZM28.6677 7.63996C28.8046 7.77685 28.9223 8.04132 28.9613 8.29589C28.9904 8.53125 29.0102 12.9189 28.9904 18.0313C28.9613 26.8067 28.9514 27.3555 28.7848 27.61C28.6869 27.7667 28.4912 27.9333 28.3438 27.9823C27.9331 28.1489 8.43318 29.2557 8.03183 29.138C7.84601 29.0891 7.59083 28.9324 7.45394 28.7955L7.21858 28.541L7.18947 19.0799C7.16965 12.4395 7.18947 9.5012 7.26813 9.23672C7.32697 9.041 7.47376 8.80564 7.60136 8.72759C7.77788 8.60991 8.93364 8.51205 12.9101 8.2773C15.7016 8.1206 20.0206 7.85613 22.4987 7.70933C28.3933 7.34638 28.3741 7.34638 28.6677 7.63996Z" class="og88b dark:fill-neutral-200" fill="currentColor"/>
<path d="M23.4277 10.8818C22.3698 10.9506 21.4296 11.0484 21.3218 11.1073C20.9985 11.2739 20.8028 11.5483 20.7638 11.8617C20.7347 12.185 20.8325 12.224 21.8898 12.3516L22.35 12.4104V16.5925C22.35 19.0799 22.311 20.7256 22.2621 20.6767C22.2131 20.6178 20.8226 18.5027 19.167 15.9756C17.512 13.4392 16.1407 11.3525 16.1209 11.3333C16.1011 11.3135 15.024 11.3724 13.7313 11.4609C12.1445 11.5687 11.273 11.6666 11.0965 11.7644C10.8122 11.9112 10.4988 12.4303 10.4988 12.7734C10.4988 12.979 10.871 13.0868 11.6545 13.0868H12.0658V25.1139L11.4 25.3196C10.8809 25.4763 10.7044 25.5741 10.6165 25.7698C10.4598 26.1031 10.4697 26.4066 10.6264 26.4066C10.6852 26.4066 11.792 26.3378 13.0649 26.2598C15.582 26.113 15.8657 26.0442 16.1302 25.5252C16.2088 25.3685 16.277 25.2019 16.277 25.1529C16.277 25.1139 15.9345 24.9962 15.5226 24.8984C15.1014 24.8005 14.6802 24.7027 14.5923 24.6828C14.4257 24.6339 14.4157 24.3304 14.4157 20.1186V15.6033L17.3931 20.2753C20.5173 25.1721 20.9093 25.7308 21.3893 25.9755C21.987 26.2889 23.5051 26.0733 24.2688 25.5741L24.5042 25.4273L24.524 18.7479L24.5531 12.0586L25.0722 11.9608C25.6891 11.8431 25.9734 11.5594 25.9734 11.0695C25.9734 10.7561 25.9536 10.7362 25.66 10.7462C25.4847 10.7542 24.4757 10.813 23.4277 10.8818Z" class="og88b dark:fill-neutral-200" fill="currentColor"/>
</svg>
<span class="block r0p95">
<span class="block w4xo0 sikx1 c9jt8 group-hover:text-blue-600 group-focus-hover:text-blue-600 dark:text-neutral-200 dark:group-hover:text-blue-600 dark:group-focus-hover:text-blue-600">
Notion
</span>
<span class="block xs2f2 jy5gh dark:text-neutral-500">
notion.so
</span>
</span>
<svg class="e731n h6zia ms-auto" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m7 15 5 5 5-5"/><path d="m7 9 5-5 5 5"/></svg>
</button>
<!-- End Project Button -->
<!-- Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 nq1zh transition-[opacity,margin] duration opacity-0 hidden gbcuh aqyoh er6t7 gmg3v dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-dnwpd">
<div class="vyel6 space-y-0.5">
<!-- Item -->
<a class="s53ws f2l40 block w-full w9dei f4yn1 pb094 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<div class="flex n9hej">
<div class="eqzx0">
<svg class="e731n yhc35 jy5gh dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
<path d="M7 2a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zM7 5a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zM7 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm-3 3a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm-3 3a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0z"/>
</svg>
</div>
<svg class="e731n yl1cu" width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.7438 0.940745C6.84695 1.30308 2.6841 1.63631 2.48837 1.67533C1.9396 1.77319 1.44038 2.14544 1.20563 2.63537L1 3.06646L1.01982 13.3407L1.04893 23.615L1.36234 24.2517C1.53886 24.6042 2.73365 26.2499 4.0362 27.9439C6.61221 31.2836 6.79802 31.47 7.77726 31.5679C8.06156 31.597 10.1966 31.4991 12.5081 31.3622C14.8295 31.2154 18.5508 30.99 20.7842 30.863C30.3233 30.2839 29.8334 30.3328 30.3815 29.8627C31.0672 29.2947 31.0183 30.2251 31.0474 17.7377C31.0672 7.15003 31.0573 6.45509 30.9006 6.13177C30.7148 5.76943 30.3815 5.51487 26.0329 2.45885C23.1243 0.421704 22.9186 0.313932 21.6155 0.294111C21.0772 0.274911 16.6307 0.568497 11.7438 0.940745ZM22.752 2.28232C23.1633 2.46814 26.1704 4.56412 26.6108 4.9661C26.7284 5.08378 26.7675 5.18164 26.7086 5.24048C26.5717 5.35817 7.96245 6.465 7.42421 6.38634C7.17956 6.34732 6.81722 6.20052 6.61159 6.06302C5.75932 5.48514 3.64413 3.75149 3.64413 3.62452C3.64413 3.29129 3.57538 3.29129 11.8714 2.69421C13.4582 2.58644 16.0633 2.39071 17.6502 2.26312C21.0871 1.98874 22.1159 1.99865 22.752 2.28232ZM28.6677 7.63996C28.8046 7.77685 28.9223 8.04132 28.9613 8.29589C28.9904 8.53125 29.0102 12.9189 28.9904 18.0313C28.9613 26.8067 28.9514 27.3555 28.7848 27.61C28.6869 27.7667 28.4912 27.9333 28.3438 27.9823C27.9331 28.1489 8.43318 29.2557 8.03183 29.138C7.84601 29.0891 7.59083 28.9324 7.45394 28.7955L7.21858 28.541L7.18947 19.0799C7.16965 12.4395 7.18947 9.5012 7.26813 9.23672C7.32697 9.041 7.47376 8.80564 7.60136 8.72759C7.77788 8.60991 8.93364 8.51205 12.9101 8.2773C15.7016 8.1206 20.0206 7.85613 22.4987 7.70933C28.3933 7.34638 28.3741 7.34638 28.6677 7.63996Z" class="og88b dark:fill-neutral-200" fill="currentColor"/>
<path d="M23.4277 10.8818C22.3698 10.9506 21.4296 11.0484 21.3218 11.1073C20.9985 11.2739 20.8028 11.5483 20.7638 11.8617C20.7347 12.185 20.8325 12.224 21.8898 12.3516L22.35 12.4104V16.5925C22.35 19.0799 22.311 20.7256 22.2621 20.6767C22.2131 20.6178 20.8226 18.5027 19.167 15.9756C17.512 13.4392 16.1407 11.3525 16.1209 11.3333C16.1011 11.3135 15.024 11.3724 13.7313 11.4609C12.1445 11.5687 11.273 11.6666 11.0965 11.7644C10.8122 11.9112 10.4988 12.4303 10.4988 12.7734C10.4988 12.979 10.871 13.0868 11.6545 13.0868H12.0658V25.1139L11.4 25.3196C10.8809 25.4763 10.7044 25.5741 10.6165 25.7698C10.4598 26.1031 10.4697 26.4066 10.6264 26.4066C10.6852 26.4066 11.792 26.3378 13.0649 26.2598C15.582 26.113 15.8657 26.0442 16.1302 25.5252C16.2088 25.3685 16.277 25.2019 16.277 25.1529C16.277 25.1139 15.9345 24.9962 15.5226 24.8984C15.1014 24.8005 14.6802 24.7027 14.5923 24.6828C14.4257 24.6339 14.4157 24.3304 14.4157 20.1186V15.6033L17.3931 20.2753C20.5173 25.1721 20.9093 25.7308 21.3893 25.9755C21.987 26.2889 23.5051 26.0733 24.2688 25.5741L24.5042 25.4273L24.524 18.7479L24.5531 12.0586L25.0722 11.9608C25.6891 11.8431 25.9734 11.5594 25.9734 11.0695C25.9734 10.7561 25.9536 10.7362 25.66 10.7462C25.4847 10.7542 24.4757 10.813 23.4277 10.8818Z" class="og88b dark:fill-neutral-200" fill="currentColor"/>
</svg>
<div class="hlt95">
<p class="w4xo0 sikx1 c9jt8 dark:text-neutral-200">
Notion
</p>
<p class="xs2f2 jy5gh dark:text-neutral-500">
notion.so
</p>
</div>
<div class="ms-auto eqzx0">
<svg class="e731n b9gop c9jt8 dark:text-neutral-200" xmlns="http://www.w3.org/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>
</div>
</div>
</a>
<!-- End Item -->
<!-- Item -->
<a class="s53ws f2l40 block w-full w9dei pb094 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<div class="flex n9hej">
<div class="eqzx0">
<svg class="e731n yhc35 jy5gh dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
<path d="M7 2a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zM7 5a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zM7 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm-3 3a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm-3 3a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0z"/>
</svg>
</div>
<svg class="e731n yl1cu" width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.0001 0C7.16461 0 0 7.34466 0 16.405C0 23.6533 4.5845 29.8026 10.9419 31.9718C11.7415 32.1236 12.0351 31.6159 12.0351 31.1826C12.0351 30.7915 12.0202 29.4991 12.0134 28.1283C7.56202 29.1207 6.62276 26.1927 6.62276 26.1927C5.89494 24.2965 4.84626 23.7924 4.84626 23.7924C3.39464 22.7742 4.95568 22.795 4.95568 22.795C6.5624 22.9108 7.40843 24.4856 7.40843 24.4856C8.83545 26.9936 11.1514 26.2685 12.0645 25.8495C12.208 24.789 12.6227 24.0654 13.0803 23.6558C9.5265 23.2408 5.79054 21.8342 5.79054 15.5483C5.79054 13.7573 6.41559 12.2938 7.43917 11.1449C7.27303 10.7317 6.72541 9.0632 7.59415 6.80351C7.59415 6.80351 8.93772 6.36259 11.9953 8.48512C13.2715 8.12152 14.6403 7.93934 16.0001 7.93316C17.3598 7.93934 18.7296 8.12152 20.0083 8.48512C23.0623 6.36259 24.404 6.80351 24.404 6.80351C25.2748 9.0632 24.727 10.7317 24.5608 11.1449C25.5867 12.2938 26.2075 13.7572 26.2075 15.5483C26.2075 21.8491 22.4645 23.2366 18.9017 23.6426C19.4755 24.1518 19.9869 25.1502 19.9869 26.6806C19.9869 28.8756 19.9683 30.6422 19.9683 31.1826C19.9683 31.6192 20.2563 32.1307 21.0674 31.9696C27.4213 29.798 32 23.6509 32 16.405C32 7.34466 24.8364 0 16.0001 0Z" class="og88b dark:fill-neutral-200" fill="currentColor"/>
<path d="M5.99251 23.3693C5.95737 23.4508 5.83213 23.4752 5.71832 23.4194C5.60224 23.3658 5.53699 23.2547 5.57464 23.1728C5.60915 23.089 5.73438 23.0655 5.8502 23.1219C5.96653 23.1753 6.03279 23.2875 5.99251 23.3693ZM6.77955 24.0893C6.70326 24.1619 6.55405 24.1282 6.45279 24.0135C6.34813 23.8991 6.32856 23.7463 6.40598 23.6726C6.48466 23.6001 6.62935 23.634 6.73425 23.7485C6.83891 23.8641 6.85924 24.0161 6.77943 24.0894M7.31952 25.0105C7.22139 25.0804 7.06102 25.0149 6.96201 24.869C6.864 24.7232 6.864 24.5482 6.96414 24.4781C7.06353 24.408 7.22139 24.471 7.32178 24.6158C7.41965 24.7641 7.41965 24.9391 7.31939 25.0107M8.23255 26.0775C8.14484 26.1766 7.95811 26.1501 7.82133 26.0147C7.68154 25.8825 7.64252 25.6947 7.73048 25.5955C7.8192 25.4962 8.00705 25.5241 8.14484 25.6583C8.28375 25.7903 8.32604 25.9795 8.23255 26.0775ZM9.41262 26.4378C9.3741 26.5662 9.19415 26.6246 9.01295 26.57C8.832 26.5138 8.71354 26.3633 8.75006 26.2335C8.7877 26.1041 8.9684 26.0433 9.15098 26.1017C9.33168 26.1577 9.45027 26.307 9.41262 26.4378ZM10.7558 26.5905C10.7603 26.7258 10.6066 26.838 10.4164 26.8405C10.225 26.8447 10.0703 26.7352 10.0683 26.6022C10.0683 26.4656 10.2185 26.3544 10.4097 26.3512C10.6 26.3473 10.7558 26.456 10.7558 26.5905ZM12.0752 26.5386C12.098 26.6706 11.9658 26.8063 11.7769 26.8423C11.5912 26.877 11.4193 26.7956 11.3955 26.6647C11.3725 26.5294 11.5072 26.3939 11.6926 26.3588C11.8818 26.3251 12.0511 26.4044 12.0752 26.5386Z" class="og88b dark:fill-neutral-200" fill="currentColor"/>
</svg>
<div class="hlt95">
<p class="w4xo0 sikx1 c9jt8 dark:text-neutral-200">
Github
</p>
<p class="xs2f2 jy5gh dark:text-neutral-500">
github.com
</p>
</div>
<div class="ms-auto eqzx0">
<svg class="hidden e731n b9gop" xmlns="http://www.w3.org/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>
</div>
</div>
</a>
<!-- End Item -->
</div>
<div class="vyel6 yfv61 lnk45 dark:border-neutral-800">
<button type="button" class="w-full flex items-center vyfcq s53ws f2l40 pb094 w4xo0 c9jt8 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" 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 another project
</button>
</div>
<div class="vyel6 yfv61 lnk45 dark:border-neutral-800">
<button type="button" class="w-full flex items-center vyfcq s53ws f2l40 pb094 w4xo0 c9jt8 d05xb disabled:opacity-50 focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
Sign out
<span class="ms-auto xs2f2 jy5gh dark:text-neutral-500">
preline@site.com
</span>
</button>
</div>
</div>
<!-- End Dropdown -->
</div>
</div>
<!-- End Project Dropdown -->
</footer>
</div>
</aside>
<!-- ========== END MAIN SIDEBAR ========== -->
<!-- ========== MAIN CONTENT ========== -->
<main id="content" class="x5kyj e2mox">
<div class="an00p i1iav si82e skepd space-y-5">
<!-- Card -->
<div class="tbd2k flex flex-col jkwm1 p6nx8 dnmlf min-h-[calc(100vh-115px)] sm:min-h-[calc(100vh-143px)] aqyoh rsdjd lnk45 hj07t er6t7 dark:bg-neutral-800 dark:border-neutral-700">
<div class="relative h1r77 rsdjd pfxbf lnk45 er6t7 overflow-hidden dark:border-neutral-700">
<div class="absolute inset-0 fp3m4">
<div class="bg-[linear-gradient(45deg,var(--color-gray-100)_7.14%,transparent_7.14%,transparent_50%,var(--color-gray-100)_50%,var(--color-gray-100)_57.14%,transparent_57.14%,transparent);] gv795 dark:bg-[linear-gradient(45deg,var(--color-neutral-700)_7.14%,transparent_7.14%,transparent_50%,var(--color-neutral-700)_50%,var(--color-neutral-700)_57.14%,transparent_57.14%,transparent);] fp3m4"></div>
</div>
</div>
</div>
<!-- End Card -->
</div>
</main>
<!-- ========== END MAIN CONTENT ========== -->
<!-- ========== FOOTER ========== -->
<footer class="x5kyj nkrm6 g6e9y absolute mq18k e33ca">
<div class="an00p i1iav flex ox2cl items-center">
<p class="xs2f2 glhrq jy5gh dark:text-neutral-500">
© 2025 Preline Labs.
</p>
<!-- List -->
<ul>
<li class="inline-block relative amloo xs2f2 glhrq jy5gh gpv41 x3yuu last-of-type:before:hidden before:absolute before:top-1/2 before:end-2 before:-translate-y-1/2 before:w-px before:h-3.5 before:bg-gray-400 before:rotate-[18deg] dark:text-neutral-500 dark:before:bg-neutral-600">
<a class="s5ku3 focus:outline-hidden ow4j6 dark:hover:text-neutral-200" href="#">
FAQ
</a>
</li>
<li class="inline-block relative amloo xs2f2 glhrq jy5gh gpv41 x3yuu last-of-type:before:hidden before:absolute before:top-1/2 before:end-2 before:-translate-y-1/2 before:w-px before:h-3.5 before:bg-gray-400 before:rotate-[18deg] dark:text-neutral-500 dark:before:bg-neutral-600">
<a class="s5ku3 focus:outline-hidden ow4j6 dark:hover:text-neutral-200" href="#">
License
</a>
</li>
<li class="inline-block relative amloo xs2f2 glhrq jy5gh gpv41 grl25 x3yuu last-of-type:before:hidden before:absolute before:top-1/2 before:end-2 before:-translate-y-1/2 before:w-px before:h-3.5 before:bg-gray-400 before:rotate-[18deg] dark:text-neutral-500 dark:before:bg-neutral-600">
<button type="button" class="s5ku3 focus:outline-hidden pwmu5 dark:hover:text-neutral-200 dark:focus:text-neutral-400" data-hs-overlay="#hs-pro-dfkm">
<svg class="e731n h6zia vjjtx" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M15 6v12a3 3 0 1 0 3-3H6a3 3 0 1 0 3 3V6a3 3 0 1 0-3 3h12a3 3 0 1 0-3-3"/></svg>
</button>
</li>
</ul>
<!-- End List -->
</div>
</footer>
<!-- ========== END FOOTER ========== -->
<!-- Search Modal -->
<div id="hs-pro-dnsm" class="hs-overlay hs-overlay-backdrop-open:backdrop-blur-md hidden fp3m4 fixed fuv09 gihcw oc2zw overflow-x-hidden overflow-y-auto gxxgf" role="dialog" tabindex="-1" aria-label="Search">
<div class="hs-overlay-open:opacity-100 hs-overlay-open:duration-500 opacity-0 ccbyv fl36v tx5ws sm:w-full xzljp sm:mx-auto h-[calc(100%-56px)] min-h-[calc(100%-56px)] flex items-center">
<div class="a0p67 relative w-full flex flex-col aqyoh er6t7 pointer-events-auto gmg3v dark:bg-neutral-800">
<!-- Input -->
<div class="relative">
<div class="absolute rm8lf gihcw flex items-center gxxgf gbcuh o1d90">
<svg class="e731n b9gop rr36x 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>
<div class="fazzp lnk45 dark:border-neutral-700">
<input type="text" class="gdxvw zyf01 nokqy ep58o block w-full aqyoh azddh msi3l glhrq focus:outline-hidden yvj92 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:text-neutral-400 dark:placeholder:text-neutral-400" placeholder="Search or type a command" autofocus>
</div>
<div class="hidden absolute rm8lf kji94 flex items-center gbcuh wn488">
<button type="button" class="inline-flex e731n jkwm1 items-center odrp3 kghwt jy5gh s5ku3 focus:outline-hidden i4yyh dark:text-neutral-500 dark:hover:text-blue-500 dark:focus:text-blue-500" aria-label="Close">
<span class="et50x">Close</span>
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="m15 9-6 6"/><path d="m9 9 6 6"/></svg>
</button>
</div>
</div>
<!-- End Input -->
<!-- Body -->
<div class="kbc39 tbd2k overflow-y-auto overflow-hidden xwpzv y0qzi bxgd5 n3xnc dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<!-- List Group -->
<div class="q1glq ki2kd x8wiw nx3r8 wpe0f fazzp lnk45 dark:border-neutral-700">
<span class="block xs2f2 jy5gh wyf4w dark:text-neutral-500">
Topics
</span>
<!-- Label Button Group -->
<div class="flex flex-wrap v1hon twqg7">
<a class="inline-flex items-center b1nd2 xs2f2 c9jt8 aqyoh rsdjd lnk45 d05xb od5va sfv8v kghwt focus:outline-hidden r17tr dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="e731n h6zia" xmlns="http://www.w3.org/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>
Inbox
</a>
<a class="inline-flex items-center b1nd2 xs2f2 c9jt8 aqyoh rsdjd lnk45 d05xb od5va sfv8v kghwt focus:outline-hidden r17tr dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="e731n h6zia" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 12h-4l-3 9L9 3l-3 9H2"/></svg>
Activity
</a>
<a class="inline-flex items-center b1nd2 xs2f2 c9jt8 aqyoh rsdjd lnk45 d05xb od5va sfv8v kghwt focus:outline-hidden r17tr dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="e731n h6zia" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
<path d="M14.9636 7.95706C14.9636 7.03203 13.8052 6.1554 12.0292 5.61175C12.439 3.80157 12.2569 2.36137 11.4542 1.90027C11.2692 1.79212 11.0529 1.74089 10.8167 1.74089V2.3756C10.9476 2.3756 11.0529 2.40121 11.1411 2.4496C11.5282 2.67161 11.6961 3.51695 11.5652 4.60419C11.5339 4.87174 11.4827 5.15351 11.4201 5.44099C10.8622 5.30438 10.2531 5.19907 9.61271 5.13076C9.22848 4.60419 8.82999 4.12602 8.42868 3.70764C9.35654 2.84523 10.2275 2.37275 10.8195 2.37275V1.73804C10.0368 1.73804 9.01216 2.2959 7.97612 3.26362C6.9401 2.30159 5.91546 1.74942 5.13274 1.74942V2.38413C5.72192 2.38413 6.59569 2.85376 7.52358 3.71049C7.12509 4.12887 6.72663 4.60419 6.34807 5.13076C5.70484 5.19907 5.09574 5.30438 4.53786 5.44384C4.47241 5.15921 4.42403 4.88314 4.38988 4.61842C4.25609 3.53117 4.42118 2.68584 4.80541 2.46098C4.89079 2.40975 5.0018 2.38698 5.13274 2.38698V1.75227C4.89364 1.75227 4.67732 1.8035 4.48948 1.91166C3.68969 2.37275 3.51038 3.81009 3.92308 5.6146C2.15272 6.16108 1 7.03488 1 7.95706C1 8.88209 2.15842 9.75872 3.93446 10.3024C3.52461 12.1126 3.70677 13.5528 4.50941 14.0138C4.69443 14.122 4.91072 14.1732 5.14982 14.1732C5.93254 14.1732 6.95718 13.6154 7.99319 12.6477C9.02924 13.6097 10.0539 14.1619 10.8366 14.1619C11.0757 14.1619 11.292 14.1106 11.4799 14.0025C12.2796 13.5414 12.4589 12.104 12.0463 10.2995C13.8109 9.7559 14.9636 8.87924 14.9636 7.95706ZM11.2578 6.05862C11.1525 6.42577 11.0216 6.80434 10.8736 7.1829C10.7569 6.9552 10.6345 6.72748 10.5007 6.49978C10.3698 6.27209 10.2303 6.0501 10.0909 5.83378C10.495 5.89356 10.885 5.96753 11.2578 6.05862ZM9.95427 9.08986C9.73225 9.4741 9.50455 9.83843 9.2683 10.1771C8.84422 10.2141 8.41446 10.2341 7.98182 10.2341C7.55203 10.2341 7.12227 10.2141 6.701 10.18C6.46479 9.84128 6.23424 9.4798 6.01222 9.09841C5.7959 8.72556 5.59951 8.347 5.42022 7.96561C5.59668 7.5842 5.7959 7.20282 6.00937 6.82996C6.23139 6.4457 6.45908 6.0814 6.69533 5.74269C7.11942 5.70569 7.54918 5.68576 7.98182 5.68576C8.41161 5.68576 8.84137 5.70569 9.26263 5.73984C9.49885 6.07855 9.7294 6.44003 9.95142 6.82141C10.1677 7.19427 10.3641 7.57283 10.5434 7.95421C10.3641 8.33562 10.1677 8.717 9.95427 9.08986ZM10.8736 8.71986C11.0273 9.10127 11.1582 9.48265 11.2664 9.85266C10.8935 9.94374 10.5007 10.0206 10.0937 10.0803C10.2332 9.86121 10.3727 9.63633 10.5036 9.40579C10.6345 9.17809 10.7569 8.94755 10.8736 8.71986ZM7.98752 11.7568C7.72282 11.4835 7.45812 11.179 7.19625 10.846C7.45242 10.8574 7.71427 10.8659 7.97897 10.8659C8.24652 10.8659 8.51121 10.8602 8.77024 10.846C8.51406 11.179 8.24937 11.4835 7.98752 11.7568ZM5.8699 10.0803C5.46575 10.0206 5.07581 9.94659 4.70295 9.85551C4.80826 9.48835 4.9392 9.10979 5.08719 8.73123C5.2039 8.95895 5.32628 9.18665 5.46004 9.41434C5.59383 9.64204 5.73044 9.86403 5.8699 10.0803ZM7.97329 4.15735C8.23799 4.43058 8.50269 4.73513 8.76454 5.06813C8.50836 5.05676 8.24652 5.0482 7.98182 5.0482C7.71427 5.0482 7.44957 5.05391 7.19057 5.06813C7.44672 4.73513 7.71142 4.43058 7.97329 4.15735ZM5.86705 5.83378C5.72759 6.05295 5.58813 6.27779 5.45719 6.50834C5.32628 6.73603 5.2039 6.96372 5.08719 7.19142C4.9335 6.81004 4.80256 6.42863 4.69443 6.05862C5.06726 5.97039 5.46004 5.89356 5.86705 5.83378ZM3.29122 9.39727C2.28365 8.96748 1.63186 8.40393 1.63186 7.95706C1.63186 7.5102 2.28365 6.9438 3.29122 6.51686C3.536 6.41155 3.80354 6.31764 4.07962 6.22941C4.24186 6.78726 4.45533 7.36788 4.72003 7.96276C4.45818 8.55476 4.24756 9.13257 4.08817 9.68756C3.80639 9.59933 3.53884 9.50257 3.29122 9.39727ZM4.82249 13.4645C4.4354 13.2425 4.26749 12.3972 4.3984 11.3099C4.4297 11.0424 4.48096 10.7606 4.54356 10.4731C5.10144 10.6097 5.71052 10.7151 6.35092 10.7834C6.73516 11.3099 7.13364 11.7881 7.53495 12.2065C6.6071 13.0689 5.73615 13.5414 5.14412 13.5414C5.01603 13.5385 4.90787 13.5129 4.82249 13.4645ZM11.5738 11.2957C11.7075 12.383 11.5425 13.2283 11.1582 13.4531C11.0728 13.5044 10.9618 13.5272 10.8309 13.5272C10.2417 13.5272 9.36794 13.0575 8.44006 12.2008C8.83854 11.7824 9.237 11.3071 9.61556 10.7805C10.2588 10.7122 10.8679 10.6069 11.4258 10.4674C11.4912 10.7549 11.5425 11.031 11.5738 11.2957ZM12.6696 9.39727C12.4248 9.50257 12.1572 9.59651 11.8812 9.68474C11.7189 9.12687 11.5055 8.54624 11.2408 7.95136C11.5026 7.35936 11.7132 6.78156 11.8726 6.22656C12.1544 6.31479 12.4219 6.41155 12.6724 6.51686C13.68 6.94665 14.3318 7.5102 14.3318 7.95706C14.3289 8.40393 13.6771 8.97033 12.6696 9.39727Z"/>
<path d="M7.97885 9.25778C8.69722 9.25778 9.27959 8.67543 9.27959 7.95706C9.27959 7.23869 8.69722 6.65632 7.97885 6.65632C7.26048 6.65632 6.67814 7.23869 6.67814 7.95706C6.67814 8.67543 7.26048 9.25778 7.97885 9.25778Z"/>
</svg>
React
</a>
<a class="inline-flex items-center b1nd2 xs2f2 c9jt8 aqyoh rsdjd lnk45 d05xb od5va sfv8v kghwt focus:outline-hidden r17tr dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="e731n h6zia" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z"/><polyline points="14 2 14 8 20 8"/><line x1="16" x2="8" y1="13" y2="13"/><line x1="16" x2="8" y1="17" y2="17"/><line x1="10" x2="8" y1="9" y2="9"/></svg>
Files
</a>
</div>
<!-- End Label Button Group -->
</div>
<div class="q1glq ki2kd x8wiw nx3r8 wpe0f fazzp lnk45 dark:border-neutral-700">
<span class=" block xs2f2 jy5gh wyf4w dark:text-neutral-500">
Recent
</span>
<!-- List Group -->
<ul class="-mx-2.5">
<!-- List Item -->
<li>
<a class="s53ws f2l40 flex items-center vyfcq d05xb pb094 focus:outline-hidden r17tr dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="e731n yhc35" width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_11766_122209)">
<path d="M3.11931 28.4817H8.21019V16.1181L0.937439 10.6636V26.3C0.937439 27.5054 1.91381 28.4819 3.11931 28.4819V28.4817Z" fill="#4285F4"/>
<path d="M25.6647 28.4817H30.7556C31.961 28.4817 32.9374 27.5054 32.9374 26.2999V10.6636L25.6647 16.1181V28.4817Z" fill="#34A853"/>
<path d="M25.6647 6.66356V16.1181L32.9374 10.6636V7.7545C32.9374 5.05812 29.8593 3.51812 27.701 5.13631L25.6647 6.66356Z" fill="#FBBC04"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.21021 16.1181V6.66356L16.9375 13.2091L25.6647 6.66356V16.1181L16.9375 22.6636L8.21021 16.1181Z" fill="#EA4335"/>
<path d="M0.937439 7.7545V10.6636L8.21019 16.1181V6.66356L6.17381 5.13631C4.01556 3.51813 0.937439 5.05813 0.937439 7.75438V7.7545Z" fill="#C5221F"/>
</g>
<defs>
<clipPath id="clip0_11766_122209">
<rect width="32" height="32" fill="white" transform="translate(0.937439)"/>
</clipPath>
</defs>
</svg>
<span class="w4xo0 c9jt8 dark:text-neutral-200">
Compose an email
</span>
<span class="xs2f2 rr36x dark:text-neutral-500">
Gmail
</span>
<div class="ms-auto inline-flex items-center n6i5x">
<div class="yhc35 flex flex-col jkwm1 items-center aqyoh rsdjd lnk45 xs2f2 vj9jb rr36x m8zlk dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400">
<svg class="e731n u28hb jy5gh 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="M15 6v12a3 3 0 1 0 3-3H6a3 3 0 1 0 3 3V6a3 3 0 1 0-3 3h12a3 3 0 1 0-3-3"/></svg>
</div>
<div class="yhc35 flex flex-col jkwm1 items-center aqyoh rsdjd lnk45 xs2f2 vj9jb rr36x m8zlk dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400">
<svg class="e731n u28hb jy5gh dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 3h6l6 18h6"/><path d="M14 3h7"/></svg>
</div>
</div>
</a>
</li>
<!-- End List Item -->
<!-- List Item -->
<li>
<a class="s53ws f2l40 flex items-center vyfcq d05xb pb094 focus:outline-hidden r17tr dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="e731n yhc35" width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.7326 0C9.96372 0.00130479 8.53211 1.43397 8.53342 3.19935C8.53211 4.96473 9.96503 6.39739 11.7339 6.39869H14.9345V3.20065C14.9358 1.43527 13.5029 0.00260958 11.7326 0C11.7339 0 11.7339 0 11.7326 0M11.7326 8.53333H3.20053C1.43161 8.53464 -0.00130383 9.9673 3.57297e-06 11.7327C-0.00261123 13.4981 1.4303 14.9307 3.19922 14.9333H11.7326C13.5016 14.932 14.9345 13.4994 14.9332 11.734C14.9345 9.9673 13.5016 8.53464 11.7326 8.53333Z" fill="#36C5F0"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M32 11.7327C32.0013 9.9673 30.5684 8.53464 28.7995 8.53333C27.0306 8.53464 25.5976 9.9673 25.5989 11.7327V14.9333H28.7995C30.5684 14.932 32.0013 13.4994 32 11.7327ZM23.4666 11.7327V3.19935C23.4679 1.43527 22.0363 0.00260958 20.2674 0C18.4984 0.00130479 17.0655 1.43397 17.0668 3.19935V11.7327C17.0642 13.4981 18.4971 14.9307 20.2661 14.9333C22.035 14.932 23.4679 13.4994 23.4666 11.7327Z" fill="#2EB67D"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M20.2661 32C22.035 31.9987 23.4679 30.566 23.4666 28.8007C23.4679 27.0353 22.035 25.6026 20.2661 25.6013H17.0656V28.8007C17.0642 30.5647 18.4972 31.9974 20.2661 32ZM20.2661 23.4654H28.7995C30.5684 23.4641 32.0013 22.0314 32 20.266C32.0026 18.5006 30.5697 17.068 28.8008 17.0654H20.2674C18.4985 17.0667 17.0656 18.4993 17.0669 20.2647C17.0656 22.0314 18.4972 23.4641 20.2661 23.4654Z" fill="#ECB22E"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.93953e-07 20.266C-0.00130651 22.0314 1.43161 23.4641 3.20052 23.4654C4.96944 23.4641 6.40235 22.0314 6.40105 20.266V17.0667H3.20052C1.43161 17.068 -0.00130651 18.5006 8.93953e-07 20.266ZM8.53342 20.266V28.7993C8.5308 30.5647 9.96372 31.9974 11.7326 32C13.5016 31.9987 14.9345 30.566 14.9332 28.8007V20.2686C14.9358 18.5032 13.5029 17.0706 11.7339 17.068C9.96372 17.068 8.53211 18.5006 8.53342 20.266C8.53342 20.2673 8.53342 20.266 8.53342 20.266Z" fill="#E01E5A"/>
</svg>
<span class="w4xo0 c9jt8 dark:text-neutral-200">
Start a conversation
</span>
<span class="xs2f2 rr36x dark:text-neutral-500">
Slack
</span>
<div class="ms-auto inline-flex items-center n6i5x">
<div class="yhc35 flex flex-col jkwm1 items-center aqyoh rsdjd lnk45 xs2f2 vj9jb rr36x m8zlk dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400">
<svg class="e731n u28hb jy5gh 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="M15 6v12a3 3 0 1 0 3-3H6a3 3 0 1 0 3 3V6a3 3 0 1 0-3 3h12a3 3 0 1 0-3-3"/></svg>
</div>
<div class="yhc35 flex flex-col jkwm1 items-center aqyoh rsdjd lnk45 xs2f2 vj9jb rr36x m8zlk dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400">
<svg class="e731n h6zia jy5gh 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="m18 15-6-6-6 6"/></svg>
</div>
<div class="yhc35 flex flex-col jkwm1 items-center aqyoh rsdjd lnk45 xs2f2 vj9jb rr36x m8zlk dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400">
S
</div>
</div>
</a>
</li>
<!-- End List Item -->
<!-- List Item -->
<li>
<a class="s53ws f2l40 flex items-center vyfcq d05xb pb094 focus:outline-hidden r17tr dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="e731n yhc35" width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.7438 0.940745C6.84695 1.30308 2.6841 1.63631 2.48837 1.67533C1.9396 1.77319 1.44038 2.14544 1.20563 2.63537L1 3.06646L1.01982 13.3407L1.04893 23.615L1.36234 24.2517C1.53886 24.6042 2.73365 26.2499 4.0362 27.9439C6.61221 31.2836 6.79802 31.47 7.77726 31.5679C8.06156 31.597 10.1966 31.4991 12.5081 31.3622C14.8295 31.2154 18.5508 30.99 20.7842 30.863C30.3233 30.2839 29.8334 30.3328 30.3815 29.8627C31.0672 29.2947 31.0183 30.2251 31.0474 17.7377C31.0672 7.15003 31.0573 6.45509 30.9006 6.13177C30.7148 5.76943 30.3815 5.51487 26.0329 2.45885C23.1243 0.421704 22.9186 0.313932 21.6155 0.294111C21.0772 0.274911 16.6307 0.568497 11.7438 0.940745ZM22.752 2.28232C23.1633 2.46814 26.1704 4.56412 26.6108 4.9661C26.7284 5.08378 26.7675 5.18164 26.7086 5.24048C26.5717 5.35817 7.96245 6.465 7.42421 6.38634C7.17956 6.34732 6.81722 6.20052 6.61159 6.06302C5.75932 5.48514 3.64413 3.75149 3.64413 3.62452C3.64413 3.29129 3.57538 3.29129 11.8714 2.69421C13.4582 2.58644 16.0633 2.39071 17.6502 2.26312C21.0871 1.98874 22.1159 1.99865 22.752 2.28232ZM28.6677 7.63996C28.8046 7.77685 28.9223 8.04132 28.9613 8.29589C28.9904 8.53125 29.0102 12.9189 28.9904 18.0313C28.9613 26.8067 28.9514 27.3555 28.7848 27.61C28.6869 27.7667 28.4912 27.9333 28.3438 27.9823C27.9331 28.1489 8.43318 29.2557 8.03183 29.138C7.84601 29.0891 7.59083 28.9324 7.45394 28.7955L7.21858 28.541L7.18947 19.0799C7.16965 12.4395 7.18947 9.5012 7.26813 9.23673C7.32697 9.041 7.47376 8.80564 7.60136 8.72759C7.77788 8.60991 8.93364 8.51205 12.9101 8.2773C15.7016 8.1206 20.0206 7.85613 22.4987 7.70933C28.3933 7.34638 28.3741 7.34638 28.6677 7.63996Z" class="og88b dark:fill-neutral-200" fill="currentColor"/>
<path d="M23.4277 10.8818C22.3698 10.9506 21.4296 11.0484 21.3218 11.1073C20.9985 11.2739 20.8028 11.5483 20.7638 11.8617C20.7347 12.185 20.8325 12.224 21.8898 12.3516L22.35 12.4104V16.5925C22.35 19.0799 22.311 20.7256 22.2621 20.6767C22.2131 20.6178 20.8226 18.5027 19.167 15.9756C17.512 13.4392 16.1407 11.3525 16.1209 11.3333C16.1011 11.3135 15.024 11.3724 13.7313 11.4609C12.1445 11.5687 11.273 11.6666 11.0965 11.7644C10.8122 11.9112 10.4988 12.4303 10.4988 12.7734C10.4988 12.979 10.871 13.0868 11.6545 13.0868H12.0658V25.1139L11.4 25.3196C10.8809 25.4763 10.7044 25.5741 10.6165 25.7698C10.4598 26.1031 10.4697 26.4066 10.6264 26.4066C10.6852 26.4066 11.792 26.3378 13.0649 26.2598C15.582 26.113 15.8657 26.0442 16.1302 25.5252C16.2088 25.3685 16.277 25.2019 16.277 25.1529C16.277 25.1139 15.9345 24.9962 15.5226 24.8984C15.1014 24.8005 14.6802 24.7027 14.5923 24.6828C14.4257 24.6339 14.4157 24.3304 14.4157 20.1186V15.6033L17.3931 20.2753C20.5173 25.1721 20.9093 25.7308 21.3893 25.9755C21.987 26.2889 23.5051 26.0733 24.2688 25.5741L24.5042 25.4273L24.524 18.7479L24.5531 12.0586L25.0722 11.9608C25.6891 11.8431 25.9734 11.5594 25.9734 11.0695C25.9734 10.7561 25.9536 10.7362 25.66 10.7462C25.4847 10.7542 24.4757 10.813 23.4277 10.8818Z" class="og88b dark:fill-neutral-200" fill="currentColor"/>
</svg>
<span class="w4xo0 c9jt8 dark:text-neutral-200">
Create a project
</span>
<span class="xs2f2 rr36x dark:text-neutral-500">
Notion
</span>
<div class="ms-auto inline-flex items-center n6i5x">
<div class="yhc35 flex flex-col jkwm1 items-center aqyoh rsdjd lnk45 xs2f2 vj9jb rr36x m8zlk dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400">
<svg class="e731n u28hb jy5gh 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="M15 6v12a3 3 0 1 0 3-3H6a3 3 0 1 0 3 3V6a3 3 0 1 0-3 3h12a3 3 0 1 0-3-3"/></svg>
</div>
<div class="yhc35 flex flex-col jkwm1 items-center aqyoh rsdjd lnk45 xs2f2 vj9jb rr36x m8zlk dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400">
N
</div>
</div>
</a>
</li>
<!-- End List Item -->
</ul>
<!-- End List Group -->
</div>
<div class="q1glq ki2kd x8wiw nx3r8 wpe0f fazzp lnk45 dark:border-neutral-700">
<span class=" block xs2f2 jy5gh wyf4w dark:text-neutral-500">
Users
</span>
<!-- List Group -->
<ul class="-mx-2.5">
<!-- List Item -->
<li>
<a class="s53ws f2l40 flex items-center vyfcq d05xb pb094 focus:outline-hidden r17tr dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<img class="e731n yhc35 kghwt" src="https://images.unsplash.com/photo-1548142813-c348350df52b?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="Avatar">
<span class="w4xo0 c9jt8 dark:text-neutral-200">
Kim Ya Sung
</span>
<span class="xs2f2 yrn8g">
Active now
</span>
</a>
</li>
<!-- End List Item -->
<!-- List Item -->
<li>
<a class="s53ws f2l40 flex items-center vyfcq d05xb pb094 focus:outline-hidden r17tr dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<img class="e731n yhc35 kghwt" src="https://images.unsplash.com/photo-1610186593977-82a3e3696e7f?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="Avatar">
<span class="w4xo0 c9jt8 dark:text-neutral-200">
Chris Peti
</span>
<span class="xs2f2 rr36x dark:text-neutral-500">
Last seen 2 min ago
</span>
</a>
</li>
<!-- End List Item -->
</ul>
<!-- End List Group -->
</div>
<div class="q1glq ki2kd x8wiw nx3r8 wpe0f fazzp lnk45 dark:border-neutral-700">
<span class=" block xs2f2 jy5gh wyf4w dark:text-neutral-500">
Events Tomorrow
</span>
<!-- List Group -->
<ul class="-mx-2.5">
<!-- List Item -->
<li>
<a class="s53ws f2l40 flex vyfcq d05xb m74u5 focus:outline-hidden r17tr dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<div class="eyzz7">
<div class="flex jkwm1 items-center tcgtx">
<div class="tpqz7 kz1vx a6z73 kghwt"></div>
</div>
</div>
<div class="hlt95">
<div class="flex ox2cl items-center n6i5x">
<div class="hlt95">
<p class="w4xo0 c9jt8 dark:text-neutral-200">
UI/UX Design Masterclass
</p>
<p class="xs2f2 jy5gh dark:text-neutral-500">
12:00 - 13:15
</p>
</div>
<div class="bdxsc">
<div class="flex smdr3 items-center vyfcq">
<div class="flex items-center n6i5x">
<!-- Avatar Group -->
<div class="flex items-center -space-x-1">
<!-- Avatar -->
<div class="flex f4yn1 b9gop m74u5 e0i52 yyiiq dark:bg-neutral-700 dark:ring-neutral-800">
<img class="e731n fp3m4 m74u5" 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>
<!-- End Avatar -->
<!-- Avatar -->
<div class="flex f4yn1 b9gop m74u5 e0i52 yyiiq dark:bg-neutral-700 dark:ring-neutral-800">
<img class="e731n fp3m4 m74u5" src="https://images.unsplash.com/photo-1601935111741-ae98b2b230b0?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="Avatar">
</div>
<!-- End Avatar -->
<!-- Avatar -->
<div class="flex f4yn1 b9gop m74u5 e0i52 yyiiq dark:bg-neutral-700 dark:ring-neutral-800">
<img class="e731n fp3m4 m74u5" src="https://images.unsplash.com/photo-1541101767792-f9b2b1c4f127?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="Avatar">
</div>
<!-- End Avatar -->
<!-- Avatar -->
<div class="flex f4yn1 b9gop m74u5 e0i52 yyiiq dark:bg-neutral-700 dark:ring-neutral-800">
<span class="flex e731n jkwm1 items-center b9gop wrcyo j4xy3 xs2f2 vj9jb m74u5 dark:bg-violet-800 dark:text-white">L</span>
</div>
<!-- End Avatar -->
</div>
<!-- End Avatar Group -->
<span class="xs2f2 jy5gh dark:text-neutral-500">
+4
</span>
</div>
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="192" height="192" viewBox="0 0 192 192"><path fill="none" d="M0 0h192v192H0z"></path><path fill="#00832D" d="M108 96l17.06 19.5L148 130.16l4-34.03-4-33.28-23.38 12.88z"></path><path fill="#0066DA" d="M9 127v29c0 6.63 5.37 12 12 12h29l6-21.92L50 127l-19.9-6L9 127z"></path><path fill="#E94235" d="M50 24L9 65l21.1 6L50 65l5.9-18.83z"></path><path fill="#2684FC" d="M9 65h41v62H9z"></path><path fill="#00AC47" d="M174.19 41.36L148 62.85v67.31l26.3 21.57c3.94 3.08 9.7.27 9.7-4.73V46c0-5.07-5.89-7.85-9.81-4.64zM108 96v31H50v41h86c6.63 0 12-5.37 12-12v-25.84L108 96z"></path><path fill="#FFBA00" d="M136 24H50v41h58v31l40-33.15V36c0-6.63-5.37-12-12-12z"></path></svg>
</div>
</div>
</div>
</div>
</a>
</li>
<!-- End Item -->
<!-- List Item -->
<li>
<a class="s53ws f2l40 flex vyfcq d05xb m74u5 focus:outline-hidden r17tr dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<div class="eyzz7">
<div class="flex jkwm1 items-center tcgtx">
<div class="tpqz7 kz1vx h4quk kghwt"></div>
</div>
</div>
<div class="hlt95">
<div class="flex ox2cl items-center n6i5x">
<div class="hlt95">
<p class="w4xo0 c9jt8 dark:text-neutral-200">
Tailwind CSS Deep Dive
</p>
<p class="xs2f2 jy5gh dark:text-neutral-500">
14:00 - 14:30
</p>
</div>
</div>
</div>
</a>
</li>
<!-- End Item -->
</ul>
<!-- End List Group -->
</div>
<div class="q1glq ki2kd x8wiw nx3r8 wpe0f fazzp lnk45 dark:border-neutral-700">
<span class=" block xs2f2 jy5gh wyf4w dark:text-neutral-500">
Files
</span>
<!-- List Group -->
<ul class="-mx-2.5">
<!-- List Item -->
<li>
<a class="s53ws f2l40 flex items-center vyfcq d05xb pb094 focus:outline-hidden r17tr dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="e731n yhc35" width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.0324 1.91994H9.45071C9.09999 1.91994 8.76367 2.05926 8.51567 2.30725C8.26767 2.55523 8.12839 2.89158 8.12839 3.24228V8.86395L20.0324 15.8079L25.9844 18.3197L31.9364 15.8079V8.86395L20.0324 1.91994Z" fill="#21A366"/>
<path d="M8.12839 8.86395H20.0324V15.8079H8.12839V8.86395Z" fill="#107C41"/>
<path d="M30.614 1.91994H20.0324V8.86395H31.9364V3.24228C31.9364 2.89158 31.7971 2.55523 31.5491 2.30725C31.3011 2.05926 30.9647 1.91994 30.614 1.91994Z" fill="#33C481"/>
<path d="M20.0324 15.8079H8.12839V28.3736C8.12839 28.7243 8.26767 29.0607 8.51567 29.3087C8.76367 29.5567 9.09999 29.6959 9.45071 29.6959H30.6141C30.9647 29.6959 31.3011 29.5567 31.549 29.3087C31.797 29.0607 31.9364 28.7243 31.9364 28.3736V22.7519L20.0324 15.8079Z" fill="#185C37"/>
<path d="M20.0324 15.8079H31.9364V22.7519H20.0324V15.8079Z" fill="#107C41"/>
<path opacity="0.1" d="M16.7261 6.87994H8.12839V25.7279H16.7261C17.0764 25.7269 17.4121 25.5872 17.6599 25.3395C17.9077 25.0917 18.0473 24.756 18.0484 24.4056V8.20226C18.0473 7.8519 17.9077 7.51616 17.6599 7.2684C17.4121 7.02064 17.0764 6.88099 16.7261 6.87994Z" fill="black"/>
<path opacity="0.2" d="M15.7341 7.87194H8.12839V26.7199H15.7341C16.0844 26.7189 16.4201 26.5792 16.6679 26.3315C16.9157 26.0837 17.0553 25.748 17.0564 25.3976V9.19426C17.0553 8.84386 16.9157 8.50818 16.6679 8.26042C16.4201 8.01266 16.0844 7.87299 15.7341 7.87194Z" fill="black"/>
<path opacity="0.2" d="M15.7341 7.87194H8.12839V24.7359H15.7341C16.0844 24.7349 16.4201 24.5952 16.6679 24.3475C16.9157 24.0997 17.0553 23.764 17.0564 23.4136V9.19426C17.0553 8.84386 16.9157 8.50818 16.6679 8.26042C16.4201 8.01266 16.0844 7.87299 15.7341 7.87194Z" fill="black"/>
<path opacity="0.2" d="M14.7421 7.87194H8.12839V24.7359H14.7421C15.0924 24.7349 15.4281 24.5952 15.6759 24.3475C15.9237 24.0997 16.0633 23.764 16.0644 23.4136V9.19426C16.0633 8.84386 15.9237 8.50818 15.6759 8.26042C15.4281 8.01266 15.0924 7.87299 14.7421 7.87194Z" fill="black"/>
<path d="M1.51472 7.87194H14.7421C15.0927 7.87194 15.4291 8.01122 15.6771 8.25922C15.925 8.50722 16.0644 8.84354 16.0644 9.19426V22.4216C16.0644 22.7723 15.925 23.1087 15.6771 23.3567C15.4291 23.6047 15.0927 23.7439 14.7421 23.7439H1.51472C1.16402 23.7439 0.827672 23.6047 0.579686 23.3567C0.3317 23.1087 0.192383 22.7723 0.192383 22.4216V9.19426C0.192383 8.84354 0.3317 8.50722 0.579686 8.25922C0.827672 8.01122 1.16402 7.87194 1.51472 7.87194Z" fill="#107C41"/>
<path d="M3.69711 20.7679L6.90722 15.794L3.96694 10.8479H6.33286L7.93791 14.0095C8.08536 14.3091 8.18688 14.5326 8.24248 14.68H8.26328C8.36912 14.4407 8.47984 14.2079 8.5956 13.9817L10.3108 10.8479H12.4822L9.46656 15.7663L12.5586 20.7679H10.2473L8.3932 17.2959C8.30592 17.148 8.23184 16.9927 8.172 16.8317H8.14424C8.09016 16.9891 8.01824 17.1399 7.92998 17.2811L6.02236 20.7679H3.69711Z" fill="white"/>
</svg>
<span class="w4xo0 c9jt8 dark:text-neutral-200">
weekly-reports.xls
</span>
<span class="xs2f2 rr36x dark:text-neutral-500">
04 Dec 2022
</span>
</a>
</li>
<!-- End List Item -->
<!-- List Item -->
<li>
<a class="s53ws f2l40 flex items-center vyfcq d05xb pb094 focus:outline-hidden r17tr dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="e731n yhc35" width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M30.6141 1.91994H9.45071C9.09999 1.91994 8.76367 2.05926 8.51567 2.30725C8.26767 2.55523 8.12839 2.89158 8.12839 3.24228V8.86395L20.0324 12.3359L31.9364 8.86395V3.24228C31.9364 2.89158 31.797 2.55523 31.549 2.30725C31.3011 2.05926 30.9647 1.91994 30.6141 1.91994Z" fill="#41A5EE"/>
<path d="M31.9364 8.86395H8.12839V15.8079L20.0324 19.2799L31.9364 15.8079V8.86395Z" fill="#2B7CD3"/>
<path d="M31.9364 15.8079H8.12839V22.7519L20.0324 26.2239L31.9364 22.7519V15.8079Z" fill="#185ABD"/>
<path d="M31.9364 22.752H8.12839V28.3736C8.12839 28.7244 8.26767 29.0607 8.51567 29.3087C8.76367 29.5567 9.09999 29.696 9.45071 29.696H30.6141C30.9647 29.696 31.3011 29.5567 31.549 29.3087C31.797 29.0607 31.9364 28.7244 31.9364 28.3736V22.752Z" fill="#103F91"/>
<path opacity="0.1" d="M16.7261 6.87994H8.12839V25.7279H16.7261C17.0764 25.7269 17.4121 25.5872 17.6599 25.3395C17.9077 25.0917 18.0473 24.756 18.0484 24.4056V8.20226C18.0473 7.8519 17.9077 7.51616 17.6599 7.2684C17.4121 7.02064 17.0764 6.88099 16.7261 6.87994Z" fill="black"/>
<path opacity="0.2" d="M15.7341 7.87194H8.12839V26.7199H15.7341C16.0844 26.7189 16.4201 26.5792 16.6679 26.3315C16.9157 26.0837 17.0553 25.748 17.0564 25.3976V9.19426C17.0553 8.84386 16.9157 8.50818 16.6679 8.26042C16.4201 8.01266 16.0844 7.87299 15.7341 7.87194Z" fill="black"/>
<path opacity="0.2" d="M15.7341 7.87194H8.12839V24.7359H15.7341C16.0844 24.7349 16.4201 24.5952 16.6679 24.3475C16.9157 24.0997 17.0553 23.764 17.0564 23.4136V9.19426C17.0553 8.84386 16.9157 8.50818 16.6679 8.26042C16.4201 8.01266 16.0844 7.87299 15.7341 7.87194Z" fill="black"/>
<path opacity="0.2" d="M14.7421 7.87194H8.12839V24.7359H14.7421C15.0924 24.7349 15.4281 24.5952 15.6759 24.3475C15.9237 24.0997 16.0633 23.764 16.0644 23.4136V9.19426C16.0633 8.84386 15.9237 8.50818 15.6759 8.26042C15.4281 8.01266 15.0924 7.87299 14.7421 7.87194Z" fill="black"/>
<path d="M1.51472 7.87194H14.7421C15.0927 7.87194 15.4291 8.01122 15.6771 8.25922C15.925 8.50722 16.0644 8.84354 16.0644 9.19426V22.4216C16.0644 22.7723 15.925 23.1087 15.6771 23.3567C15.4291 23.6047 15.0927 23.7439 14.7421 23.7439H1.51472C1.16401 23.7439 0.827669 23.6047 0.579687 23.3567C0.3317 23.1087 0.192383 22.7723 0.192383 22.4216V9.19426C0.192383 8.84354 0.3317 8.50722 0.579687 8.25922C0.827669 8.01122 1.16401 7.87194 1.51472 7.87194Z" fill="#185ABD"/>
<path d="M12.0468 20.7679H10.2612L8.17801 13.9231L5.99558 20.7679H4.20998L2.22598 10.8479H4.01158L5.40038 17.7919L7.48358 11.0463H8.97161L10.9556 17.7919L12.3444 10.8479H14.0308L12.0468 20.7679Z" fill="white"/>
</svg>
<span class="w4xo0 c9jt8 dark:text-neutral-200">
my-file.docx
</span>
<span class="xs2f2 rr36x dark:text-neutral-500">
30 Dec 2022
</span>
</a>
</li>
<!-- End List Item -->
</ul>
<!-- End List Group -->
</div>
</div>
<!-- End Body -->
<!-- Footer -->
<div class="brrnv fglch flex flex-wrap ox2cl items-center o4ndh yfv61 lnk45 dark:border-neutral-700">
<div class="inline-flex items-center n9hej">
<div class="yhc35 flex flex-col jkwm1 items-center aqyoh rsdjd lnk45 xs2f2 vj9jb rr36x hj07t m8zlk dark:bg-neutral-800 dark:border-neutral-700">
<svg class="e731n mo9p3 rr36x 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"><polyline points="9 10 4 15 9 20"/><path d="M20 4v7a4 4 0 0 1-4 4H4"/></svg>
</div>
<span class="xs2f2 rr36x dark:text-neutral-500">
to close
</span>
</div>
<div class="inline-flex items-center f8pfl">
<div class="inline-flex items-center n9hej">
<div class="yhc35 flex flex-col jkwm1 items-center aqyoh rsdjd lnk45 xs2f2 vj9jb rr36x hj07t m8zlk dark:bg-neutral-800 dark:border-neutral-700">
<svg class="e731n h6zia rr36x 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="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="M22 14.596C21.828 15.1189 20.888 16 19.5969 16C18.3057 16 16.9265 14.6624 16.9265 12.8974V12.0687C16.9265 10.2373 18.2022 9.00142 19.5969 9.00142C20.9918 9.00142 21.7942 9.69876 22 10.5666M14.5417 10.3109C14.3233 9.6198 13.3292 8.96537 12.1831 9.00142C11.0374 9.03732 10.0119 9.83333 10.0119 10.777C10.0119 11.7208 10.6901 12.0632 12.1839 12.2081C13.6774 12.353 14.49 13.1331 14.5417 13.9596C14.5934 14.7861 13.8083 16 12.1839 16C10.7604 16 9.69525 14.6894 9.63548 13.9379M7.25295 14.7213C6.82726 15.5884 5.94455 15.9999 4.75814 15.9999C3.57172 15.9999 2 15.088 2 12.7831V12.1113C2 10.5911 3.16477 9.00113 4.75814 9.00113C6.35166 9.00113 7.41158 10.5059 7.25295 12.2838H2.47754"/></svg>
</div>
<span class="xs2f2 rr36x dark:text-neutral-500">
to select
</span>
</div>
<div class="inline-flex items-center n9hej">
<div class="yhc35 flex flex-col jkwm1 items-center aqyoh rsdjd lnk45 xs2f2 vj9jb rr36x hj07t m8zlk dark:bg-neutral-800 dark:border-neutral-700">
<svg class="e731n mo9p3 rr36x 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 5v14"/><path d="m19 12-7 7-7-7"/></svg>
</div>
<div class="yhc35 flex flex-col jkwm1 items-center aqyoh rsdjd lnk45 xs2f2 vj9jb rr36x hj07t m8zlk dark:bg-neutral-800 dark:border-neutral-700">
<svg class="e731n mo9p3 rr36x 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="m5 12 7-7 7 7"/><path d="M12 19V5"/></svg>
</div>
<span class="xs2f2 rr36x dark:text-neutral-500">
to navigate
</span>
</div>
</div>
</div>
<!-- End Footer -->
</div>
</div>
</div>
<!-- End Search Modal -->
<!-- Activity Offcanvas -->
<div id="hs-pro-dnam" class="hs-overlay hs-overlay-open:translate-x-0 hidden dfgf4 fixed fuv09 kji94 fl36v ufjzp h587a fp3m4 scslr oc2zw flex flex-col aqyoh dark:bg-neutral-800" role="dialog" tabindex="-1" aria-labelledby="hs-pro-dnam-label">
<!-- Header -->
<div class="gdxvw fglch flex ox2cl items-center fazzp lnk45 dark:border-neutral-700">
<h3 id="hs-pro-dnam-label" class="sikx1 c9jt8 dark:text-neutral-200">
Activity
</h3>
<button type="button" class="yl1cu e731n flex jkwm1 items-center n9hej kghwt rsdjd azddh f4yn1 c9jt8 cq7a3 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden f6db7 dark:bg-neutral-700 dark:hover:bg-neutral-600 dark:text-neutral-400 dark:focus:bg-neutral-600" aria-label="Close" data-hs-overlay="#hs-pro-dnam">
<span class="et50x">Close</span>
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg>
</button>
</div>
<!-- End Header -->
<!-- Body -->
<div class="ns57r aq8vt h1r77 overflow-y-auto overflow-hidden xwpzv y0qzi bxgd5 n3xnc dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<!-- Vertical Steps -->
<div>
<!-- Step Item -->
<div class="relative x8wiw l73lz last:after:hidden after:absolute after:top-9.5 after:bottom-0 after:start-[19px] after:w-px after:bg-gray-200 dark:after:bg-neutral-700">
<div class="w-full flex p5sau">
<img class="e731n sc63t kghwt" 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="hlt95">
<h4 class="w4xo0 cnneu c9jt8 dark:text-neutral-300">
James Collins
</h4>
<p class="w4xo0 jy5gh dark:text-neutral-500">
Added 2 files to task
<a class="rbr78 gpv41 inline-flex items-center n6i5x w4xo0 igv60 j3zsq f1348 focus:outline-hidden ow4j6 sikx1 dark:text-blue-500" href="#">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" 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 14 1.45-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.55 6a2 2 0 0 1-1.94 1.5H4a2 2 0 0 1-2-2V5c0-1.1.9-2 2-2h3.93a2 2 0 0 1 1.66.9l.82 1.2a2 2 0 0 0 1.66.9H18a2 2 0 0 1 2 2v2"/></svg>
PR-3
</a>
</p>
<div class="ja90s">
<!-- Media -->
<div class="ylm8n dzapa o4ndh">
<!-- Data Snippet -->
<div class="inline-block aqyoh rsdjd lnk45 pb094 an00p dark:bg-neutral-800 dark:border-neutral-700">
<div class="flex n9hej">
<svg class="e731n odrp3" width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.7438 0.940745C6.84695 1.30308 2.6841 1.63631 2.48837 1.67533C1.9396 1.77319 1.44038 2.14544 1.20563 2.63537L1 3.06646L1.01982 13.3407L1.04893 23.615L1.36234 24.2517C1.53886 24.6042 2.73365 26.2499 4.0362 27.9439C6.61221 31.2836 6.79802 31.47 7.77726 31.5679C8.06156 31.597 10.1966 31.4991 12.5081 31.3622C14.8295 31.2154 18.5508 30.99 20.7842 30.863C30.3233 30.2839 29.8334 30.3328 30.3815 29.8627C31.0672 29.2947 31.0183 30.2251 31.0474 17.7377C31.0672 7.15003 31.0573 6.45509 30.9006 6.13177C30.7148 5.76943 30.3815 5.51487 26.0329 2.45885C23.1243 0.421704 22.9186 0.313932 21.6155 0.294111C21.0772 0.274911 16.6307 0.568497 11.7438 0.940745ZM22.752 2.28232C23.1633 2.46814 26.1704 4.56412 26.6108 4.9661C26.7284 5.08378 26.7675 5.18164 26.7086 5.24048C26.5717 5.35817 7.96245 6.465 7.42421 6.38634C7.17956 6.34732 6.81722 6.20052 6.61159 6.06302C5.75932 5.48514 3.64413 3.75149 3.64413 3.62452C3.64413 3.29129 3.57538 3.29129 11.8714 2.69421C13.4582 2.58644 16.0633 2.39071 17.6502 2.26312C21.0871 1.98874 22.1159 1.99865 22.752 2.28232ZM28.6677 7.63996C28.8046 7.77685 28.9223 8.04132 28.9613 8.29589C28.9904 8.53125 29.0102 12.9189 28.9904 18.0313C28.9613 26.8067 28.9514 27.3555 28.7848 27.61C28.6869 27.7667 28.4912 27.9333 28.3438 27.9823C27.9331 28.1489 8.43318 29.2557 8.03183 29.138C7.84601 29.0891 7.59083 28.9324 7.45394 28.7955L7.21858 28.541L7.18947 19.0799C7.16965 12.4395 7.18947 9.5012 7.26813 9.23672C7.32697 9.041 7.47376 8.80564 7.60136 8.72759C7.77788 8.60991 8.93364 8.51205 12.9101 8.2773C15.7016 8.1206 20.0206 7.85613 22.4987 7.70933C28.3933 7.34638 28.3741 7.34638 28.6677 7.63996Z" class="og88b dark:fill-neutral-200" fill="currentColor"/><path d="M23.4277 10.8818C22.3698 10.9506 21.4296 11.0484 21.3218 11.1073C20.9985 11.2739 20.8028 11.5483 20.7638 11.8617C20.7347 12.185 20.8325 12.224 21.8898 12.3516L22.35 12.4104V16.5925C22.35 19.0799 22.311 20.7256 22.2621 20.6767C22.2131 20.6178 20.8226 18.5027 19.167 15.9756C17.512 13.4392 16.1407 11.3525 16.1209 11.3333C16.1011 11.3135 15.024 11.3724 13.7313 11.4609C12.1445 11.5687 11.273 11.6666 11.0965 11.7644C10.8122 11.9112 10.4988 12.4303 10.4988 12.7734C10.4988 12.979 10.871 13.0868 11.6545 13.0868H12.0658V25.1139L11.4 25.3196C10.8809 25.4763 10.7044 25.5741 10.6165 25.7698C10.4598 26.1031 10.4697 26.4066 10.6264 26.4066C10.6852 26.4066 11.792 26.3378 13.0649 26.2598C15.582 26.113 15.8657 26.0442 16.1302 25.5252C16.2088 25.3685 16.277 25.2019 16.277 25.1529C16.277 25.1139 15.9345 24.9962 15.5226 24.8984C15.1014 24.8005 14.6802 24.7027 14.5923 24.6828C14.4257 24.6339 14.4157 24.3304 14.4157 20.1186V15.6033L17.3931 20.2753C20.5173 25.1721 20.9093 25.7308 21.3893 25.9755C21.987 26.2889 23.5051 26.0733 24.2688 25.5741L24.5042 25.4273L24.524 18.7479L24.5531 12.0586L25.0722 11.9608C25.6891 11.8431 25.9734 11.5594 25.9734 11.0695C25.9734 10.7561 25.9536 10.7362 25.66 10.7462C25.4847 10.7542 24.4757 10.813 23.4277 10.8818Z" class="og88b dark:fill-neutral-200" fill="currentColor"/></svg>
<div class="hlt95 truncate">
<p class="block truncate xs2f2 c9jt8 dark:text-neutral-300">
list-of-users
</p>
<small class="block xs2f2 rr36x dark:text-neutral-500">
35kb
</small>
</div>
</div>
</div>
<!-- End Data Snippet -->
<!-- Data Snippet -->
<div class="inline-block aqyoh rsdjd lnk45 pb094 an00p dark:bg-neutral-800 dark:border-neutral-700">
<div class="flex n9hej">
<svg class="e731n odrp3" width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.0001 0C7.16461 0 0 7.34466 0 16.405C0 23.6533 4.5845 29.8026 10.9419 31.9718C11.7415 32.1236 12.0351 31.6159 12.0351 31.1826C12.0351 30.7915 12.0202 29.4991 12.0134 28.1283C7.56202 29.1207 6.62276 26.1927 6.62276 26.1927C5.89494 24.2965 4.84626 23.7924 4.84626 23.7924C3.39464 22.7742 4.95568 22.795 4.95568 22.795C6.5624 22.9108 7.40843 24.4856 7.40843 24.4856C8.83545 26.9936 11.1514 26.2685 12.0645 25.8495C12.208 24.789 12.6227 24.0654 13.0803 23.6558C9.5265 23.2408 5.79054 21.8342 5.79054 15.5483C5.79054 13.7573 6.41559 12.2938 7.43917 11.1449C7.27303 10.7317 6.72541 9.0632 7.59415 6.80351C7.59415 6.80351 8.93772 6.36259 11.9953 8.48512C13.2715 8.12152 14.6403 7.93934 16.0001 7.93316C17.3598 7.93934 18.7296 8.12152 20.0083 8.48512C23.0623 6.36259 24.404 6.80351 24.404 6.80351C25.2748 9.0632 24.727 10.7317 24.5608 11.1449C25.5867 12.2938 26.2075 13.7572 26.2075 15.5483C26.2075 21.8491 22.4645 23.2366 18.9017 23.6426C19.4755 24.1518 19.9869 25.1502 19.9869 26.6806C19.9869 28.8756 19.9683 30.6422 19.9683 31.1826C19.9683 31.6192 20.2563 32.1307 21.0674 31.9696C27.4213 29.798 32 23.6509 32 16.405C32 7.34466 24.8364 0 16.0001 0Z" class="og88b dark:fill-neutral-200" fill="currentColor"/><path d="M5.99251 23.3693C5.95737 23.4508 5.83213 23.4752 5.71832 23.4194C5.60224 23.3658 5.53699 23.2547 5.57464 23.1728C5.60915 23.089 5.73438 23.0655 5.8502 23.1219C5.96653 23.1753 6.03279 23.2875 5.99251 23.3693ZM6.77955 24.0893C6.70326 24.1619 6.55405 24.1282 6.45279 24.0135C6.34813 23.8991 6.32856 23.7463 6.40598 23.6726C6.48466 23.6001 6.62935 23.634 6.73425 23.7485C6.83891 23.8641 6.85924 24.0161 6.77943 24.0894M7.31952 25.0105C7.22139 25.0804 7.06102 25.0149 6.96201 24.869C6.864 24.7232 6.864 24.5482 6.96414 24.4781C7.06353 24.408 7.22139 24.471 7.32178 24.6158C7.41965 24.7641 7.41965 24.9391 7.31939 25.0107M8.23255 26.0775C8.14484 26.1766 7.95811 26.1501 7.82133 26.0147C7.68154 25.8825 7.64252 25.6947 7.73048 25.5955C7.8192 25.4962 8.00705 25.5241 8.14484 25.6583C8.28375 25.7903 8.32604 25.9795 8.23255 26.0775ZM9.41262 26.4378C9.3741 26.5662 9.19415 26.6246 9.01295 26.57C8.832 26.5138 8.71354 26.3633 8.75006 26.2335C8.7877 26.1041 8.9684 26.0433 9.15098 26.1017C9.33168 26.1577 9.45027 26.307 9.41262 26.4378ZM10.7558 26.5905C10.7603 26.7258 10.6066 26.838 10.4164 26.8405C10.225 26.8447 10.0703 26.7352 10.0683 26.6022C10.0683 26.4656 10.2185 26.3544 10.4097 26.3512C10.6 26.3473 10.7558 26.456 10.7558 26.5905ZM12.0752 26.5386C12.098 26.6706 11.9658 26.8063 11.7769 26.8423C11.5912 26.877 11.4193 26.7956 11.3955 26.6647C11.3725 26.5294 11.5072 26.3939 11.6926 26.3588C11.8818 26.3251 12.0511 26.4044 12.0752 26.5386Z" class="og88b dark:fill-neutral-200" fill="currentColor"/></svg>
<div class="hlt95 truncate">
<p class="block truncate xs2f2 c9jt8 dark:text-neutral-300">
list-of-users
</p>
<small class="block xs2f2 rr36x dark:text-neutral-500">
30kb
</small>
</div>
</div>
</div>
<!-- End Data Snippet -->
</div>
<!-- End Media -->
</div>
<p class="ja90s x3nzy vj9jb rr36x dark:text-neutral-500">
May 04
</p>
</div>
</div>
</div>
<!-- End Step Item -->
<!-- Step Item -->
<div class="relative x8wiw l73lz last:after:hidden after:absolute after:top-9.5 after:bottom-0 after:start-[19px] after:w-px after:bg-gray-200 dark:after:bg-neutral-700">
<div class="w-full flex p5sau">
<span class="flex e731n jkwm1 items-center sc63t rsdjd lnk45 w4xo0 cnneu vj9jb c9jt8 kghwt dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400">
B
</span>
<div class="hlt95">
<h4 class="w4xo0 cnneu c9jt8 dark:text-neutral-300">
Bob Dean
</h4>
<p class="w4xo0 jy5gh dark:text-neutral-500">
Marked
<a class="gpv41 inline-flex items-center n6i5x igv60 j3zsq f1348 sikx1 dark:text-blue-400 focus:outline-hidden ow4j6 dark:hover:text-blue-500 dark:focus:outline-hidden" href="#">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" 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 14 1.45-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.55 6a2 2 0 0 1-1.94 1.5H4a2 2 0 0 1-2-2V5c0-1.1.9-2 2-2h3.93a2 2 0 0 1 1.66.9l.82 1.2a2 2 0 0 0 1.66.9H18a2 2 0 0 1 2 2v2"/></svg>
PR-6
</a>
as
<span class="y5fzq inline-block gpv41 ga1u8 a6bs9 rsdjd lnk45 xs2f2 sikx1 c9jt8 m74u5 dark:border-neutral-700 dark:text-neutral-300">
Completed
</span>
</p>
<p class="ja90s x3nzy vj9jb rr36x dark:text-neutral-500">
Today
</p>
</div>
</div>
</div>
<!-- End Step Item -->
<!-- Step Item -->
<div class="relative x8wiw l73lz last:after:hidden after:absolute after:top-9.5 after:bottom-0 after:start-[19px] after:w-px after:bg-gray-200 dark:after:bg-neutral-700">
<div class="w-full flex p5sau">
<img class="e731n sc63t kghwt" src="https://images.unsplash.com/photo-1568602471122-7832951cc4c5?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="Avatar">
<div class="hlt95">
<h4 class="w4xo0 cnneu c9jt8 dark:text-neutral-300">
Crane
</h4>
<p class="w4xo0 jy5gh dark:text-neutral-500">
Added 5 card to
<a class="rbr78 gpv41 inline-flex items-center n6i5x w4xo0 igv60 j3zsq f1348 focus:outline-hidden ow4j6 sikx1 dark:text-blue-500" href="#">
Payments
</a>
</p>
<!-- Media -->
<div class="ja90s flex n9hej">
<div class="hlt95 ylm8n zez8u n9hej">
<img class="w-full k7oxw x1s1r m74u5" src="https://images.unsplash.com/photo-1635776062360-af423602aff3?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=180&q=80" alt="Media Image">
<img class="w-full k7oxw x1s1r m74u5" src="https://images.unsplash.com/photo-1635776063328-153b13e3c245?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=180&q=80" alt="Media Image">
<img class="w-full k7oxw x1s1r m74u5" src="https://images.unsplash.com/photo-1635776064096-4e12cce9ead4?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=180&q=80" alt="Media Image">
</div>
<!-- Card -->
<div>
<a class="h1r77 inline-flex flex-col jkwm1 items-center rsdjd lnk45 xs2f2 sikx1 jy5gh pb094 rmzo7 s5ku3 focus:outline-hidden r17tr dark:border-neutral-700 dark:text-neutral-400 dark:hover:text-neutral-300 dark:focus:bg-neutral-700" href="#">
+2
</a>
</div>
<!-- End Card -->
</div>
<!-- End Media -->
</div>
</div>
</div>
<!-- End Step Item -->
<!-- Step Item -->
<div class="relative x8wiw l73lz last:after:hidden after:absolute after:top-9.5 after:bottom-0 after:start-[19px] after:w-px after:bg-gray-200 dark:after:bg-neutral-700">
<div class="w-full flex p5sau">
<span class="flex e731n jkwm1 items-center sc63t rsdjd lnk45 w4xo0 cnneu vj9jb c9jt8 kghwt dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400">
<svg class="e731n h6zia" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg>
</span>
<div class="hlt95">
<h4 class="w4xo0 cnneu c9jt8 dark:text-neutral-300">
Project status updated
</h4>
<p class="w4xo0 jy5gh dark:text-neutral-500">
Marked
<a class="gpv41 inline-flex items-center n6i5x igv60 j3zsq f1348 sikx1 dark:text-blue-400 focus:outline-hidden ow4j6 dark:hover:text-blue-500 dark:focus:outline-hidden" href="#">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" 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 14 1.45-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.55 6a2 2 0 0 1-1.94 1.5H4a2 2 0 0 1-2-2V5c0-1.1.9-2 2-2h3.93a2 2 0 0 1 1.66.9l.82 1.2a2 2 0 0 0 1.66.9H18a2 2 0 0 1 2 2v2"/></svg>
PR-3
</a>
as
<span class="y5fzq inline-block gpv41 ga1u8 a6bs9 f4yn1 xs2f2 sikx1 c9jt8 m74u5 dark:bg-neutral-700 dark:text-neutral-300">
In progress
</span>
</p>
<p class="ja90s x3nzy vj9jb rr36x dark:text-neutral-500">
Feb 10
</p>
</div>
</div>
</div>
<!-- End Step Item -->
<!-- Step Item -->
<div class="relative x8wiw l73lz last:after:hidden after:absolute after:top-9.5 after:bottom-0 after:start-[19px] after:w-px after:bg-gray-200 dark:after:bg-neutral-700">
<div class="w-full flex p5sau">
<img class="e731n sc63t kghwt" src="https://images.unsplash.com/photo-1610186593977-82a3e3696e7f?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="Avatar">
<div class="hlt95">
<h4 class="w4xo0 cnneu c9jt8 dark:text-neutral-300">
Mark Colbert
</h4>
<p class="w4xo0 jy5gh dark:text-neutral-500">
Earned a "Top endorsed" badge
</p>
<p class="ja90s x3nzy vj9jb rr36x dark:text-neutral-500">
Apr 06
</p>
</div>
</div>
</div>
<!-- End Step Item -->
<!-- Step Item -->
<div class="relative x8wiw l73lz last:after:hidden after:absolute after:top-9.5 after:bottom-0 after:start-[19px] after:w-px after:bg-gray-200 dark:after:bg-neutral-700">
<div class="w-full flex p5sau">
<span class="flex e731n jkwm1 items-center sc63t rsdjd lnk45 w4xo0 cnneu vj9jb c9jt8 kghwt dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400">
D
</span>
<div class="hlt95">
<h4 class="w4xo0 cnneu c9jt8 dark:text-neutral-300">
David Lidell
</h4>
<p class="w4xo0 jy5gh dark:text-neutral-500">
Added a new member to Preline
</p>
<p class="ja90s x3nzy vj9jb rr36x dark:text-neutral-500">
May 15
</p>
</div>
</div>
</div>
<!-- End Step Item -->
<!-- Step Item -->
<div class="relative x8wiw l73lz last:after:hidden after:absolute after:top-9.5 after:bottom-0 after:start-[19px] after:w-px after:bg-gray-200 dark:after:bg-neutral-700">
<div class="w-full flex p5sau">
<img class="e731n sc63t kghwt" src="https://images.unsplash.com/photo-1568048689711-5e0325cea8c0?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="Avatar">
<div class="hlt95">
<h4 class="w4xo0 cnneu c9jt8 dark:text-neutral-300">
Lana Robinson
</h4>
<p class="w4xo0 jy5gh dark:text-neutral-500">
Added 2 files to task
<a class="rbr78 gpv41 inline-flex items-center n6i5x w4xo0 igv60 j3zsq f1348 focus:outline-hidden ow4j6 sikx1 dark:text-blue-500" href="#">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" 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 14 1.45-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.55 6a2 2 0 0 1-1.94 1.5H4a2 2 0 0 1-2-2V5c0-1.1.9-2 2-2h3.93a2 2 0 0 1 1.66.9l.82 1.2a2 2 0 0 0 1.66.9H18a2 2 0 0 1 2 2v2"/></svg>
PR-7
</a>
</p>
<div class="ja90s">
<!-- Media -->
<div class="ylm8n dzapa o4ndh">
<!-- Data Snippet -->
<div class="inline-block aqyoh rsdjd lnk45 pb094 an00p dark:bg-neutral-800 dark:border-neutral-700">
<div class="flex n9hej">
<svg class="e731n odrp3" width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.0324 1.91994H9.45071C9.09999 1.91994 8.76367 2.05926 8.51567 2.30725C8.26767 2.55523 8.12839 2.89158 8.12839 3.24228V8.86395L20.0324 15.8079L25.9844 18.3197L31.9364 15.8079V8.86395L20.0324 1.91994Z" fill="#21A366"/><path d="M8.12839 8.86395H20.0324V15.8079H8.12839V8.86395Z" fill="#107C41"/><path d="M30.614 1.91994H20.0324V8.86395H31.9364V3.24228C31.9364 2.89158 31.7971 2.55523 31.5491 2.30725C31.3011 2.05926 30.9647 1.91994 30.614 1.91994Z" fill="#33C481"/><path d="M20.0324 15.8079H8.12839V28.3736C8.12839 28.7243 8.26767 29.0607 8.51567 29.3087C8.76367 29.5567 9.09999 29.6959 9.45071 29.6959H30.6141C30.9647 29.6959 31.3011 29.5567 31.549 29.3087C31.797 29.0607 31.9364 28.7243 31.9364 28.3736V22.7519L20.0324 15.8079Z" fill="#185C37"/><path d="M20.0324 15.8079H31.9364V22.7519H20.0324V15.8079Z" fill="#107C41"/><path opacity="0.1" d="M16.7261 6.87994H8.12839V25.7279H16.7261C17.0764 25.7269 17.4121 25.5872 17.6599 25.3395C17.9077 25.0917 18.0473 24.756 18.0484 24.4056V8.20226C18.0473 7.8519 17.9077 7.51616 17.6599 7.2684C17.4121 7.02064 17.0764 6.88099 16.7261 6.87994Z" class="og88b dark:fill-neutral-200" fill="currentColor"/><path opacity="0.2" d="M15.7341 7.87194H8.12839V26.7199H15.7341C16.0844 26.7189 16.4201 26.5792 16.6679 26.3315C16.9157 26.0837 17.0553 25.748 17.0564 25.3976V9.19426C17.0553 8.84386 16.9157 8.50818 16.6679 8.26042C16.4201 8.01266 16.0844 7.87299 15.7341 7.87194Z" class="og88b dark:fill-neutral-200" fill="currentColor"/><path opacity="0.2" d="M15.7341 7.87194H8.12839V24.7359H15.7341C16.0844 24.7349 16.4201 24.5952 16.6679 24.3475C16.9157 24.0997 17.0553 23.764 17.0564 23.4136V9.19426C17.0553 8.84386 16.9157 8.50818 16.6679 8.26042C16.4201 8.01266 16.0844 7.87299 15.7341 7.87194Z" class="og88b dark:fill-neutral-200" fill="currentColor"/><path opacity="0.2" d="M14.7421 7.87194H8.12839V24.7359H14.7421C15.0924 24.7349 15.4281 24.5952 15.6759 24.3475C15.9237 24.0997 16.0633 23.764 16.0644 23.4136V9.19426C16.0633 8.84386 15.9237 8.50818 15.6759 8.26042C15.4281 8.01266 15.0924 7.87299 14.7421 7.87194Z" class="og88b dark:fill-neutral-200" fill="currentColor"/><path d="M1.51472 7.87194H14.7421C15.0927 7.87194 15.4291 8.01122 15.6771 8.25922C15.925 8.50722 16.0644 8.84354 16.0644 9.19426V22.4216C16.0644 22.7723 15.925 23.1087 15.6771 23.3567C15.4291 23.6047 15.0927 23.7439 14.7421 23.7439H1.51472C1.16402 23.7439 0.827672 23.6047 0.579686 23.3567C0.3317 23.1087 0.192383 22.7723 0.192383 22.4216V9.19426C0.192383 8.84354 0.3317 8.50722 0.579686 8.25922C0.827672 8.01122 1.16402 7.87194 1.51472 7.87194Z" fill="#107C41"/><path d="M3.69711 20.7679L6.90722 15.794L3.96694 10.8479H6.33286L7.93791 14.0095C8.08536 14.3091 8.18688 14.5326 8.24248 14.68H8.26328C8.36912 14.4407 8.47984 14.2079 8.5956 13.9817L10.3108 10.8479H12.4822L9.46656 15.7663L12.5586 20.7679H10.2473L8.3932 17.2959C8.30592 17.148 8.23184 16.9927 8.172 16.8317H8.14424C8.09016 16.9891 8.01824 17.1399 7.92998 17.2811L6.02236 20.7679H3.69711Z" fill="white"/></svg>
<div class="hlt95 truncate">
<p class="block truncate xs2f2 c9jt8 dark:text-neutral-300">
weekly-reports.xls
</p>
<small class="block xs2f2 rr36x dark:text-neutral-500">
4kb
</small>
</div>
</div>
</div>
<!-- End Data Snippet -->
<!-- Data Snippet -->
<div class="inline-block aqyoh rsdjd lnk45 pb094 an00p dark:bg-neutral-800 dark:border-neutral-700">
<div class="flex n9hej">
<svg class="e731n odrp3" width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M30.6141 1.91994H9.45071C9.09999 1.91994 8.76367 2.05926 8.51567 2.30725C8.26767 2.55523 8.12839 2.89158 8.12839 3.24228V8.86395L20.0324 12.3359L31.9364 8.86395V3.24228C31.9364 2.89158 31.797 2.55523 31.549 2.30725C31.3011 2.05926 30.9647 1.91994 30.6141 1.91994Z" fill="#41A5EE"/><path d="M31.9364 8.86395H8.12839V15.8079L20.0324 19.2799L31.9364 15.8079V8.86395Z" fill="#2B7CD3"/><path d="M31.9364 15.8079H8.12839V22.7519L20.0324 26.2239L31.9364 22.7519V15.8079Z" fill="#185ABD"/><path d="M31.9364 22.752H8.12839V28.3736C8.12839 28.7244 8.26767 29.0607 8.51567 29.3087C8.76367 29.5567 9.09999 29.696 9.45071 29.696H30.6141C30.9647 29.696 31.3011 29.5567 31.549 29.3087C31.797 29.0607 31.9364 28.7244 31.9364 28.3736V22.752Z" fill="#103F91"/><path opacity="0.1" d="M16.7261 6.87994H8.12839V25.7279H16.7261C17.0764 25.7269 17.4121 25.5872 17.6599 25.3395C17.9077 25.0917 18.0473 24.756 18.0484 24.4056V8.20226C18.0473 7.8519 17.9077 7.51616 17.6599 7.2684C17.4121 7.02064 17.0764 6.88099 16.7261 6.87994Z" class="og88b dark:fill-neutral-200" fill="currentColor"/><path opacity="0.2" d="M15.7341 7.87194H8.12839V26.7199H15.7341C16.0844 26.7189 16.4201 26.5792 16.6679 26.3315C16.9157 26.0837 17.0553 25.748 17.0564 25.3976V9.19426C17.0553 8.84386 16.9157 8.50818 16.6679 8.26042C16.4201 8.01266 16.0844 7.87299 15.7341 7.87194Z" class="og88b dark:fill-neutral-200" fill="currentColor"/><path opacity="0.2" d="M15.7341 7.87194H8.12839V24.7359H15.7341C16.0844 24.7349 16.4201 24.5952 16.6679 24.3475C16.9157 24.0997 17.0553 23.764 17.0564 23.4136V9.19426C17.0553 8.84386 16.9157 8.50818 16.6679 8.26042C16.4201 8.01266 16.0844 7.87299 15.7341 7.87194Z" class="og88b dark:fill-neutral-200" fill="currentColor"/><path opacity="0.2" d="M14.7421 7.87194H8.12839V24.7359H14.7421C15.0924 24.7349 15.4281 24.5952 15.6759 24.3475C15.9237 24.0997 16.0633 23.764 16.0644 23.4136V9.19426C16.0633 8.84386 15.9237 8.50818 15.6759 8.26042C15.4281 8.01266 15.0924 7.87299 14.7421 7.87194Z" class="og88b dark:fill-neutral-200" fill="currentColor"/><path d="M1.51472 7.87194H14.7421C15.0927 7.87194 15.4291 8.01122 15.6771 8.25922C15.925 8.50722 16.0644 8.84354 16.0644 9.19426V22.4216C16.0644 22.7723 15.925 23.1087 15.6771 23.3567C15.4291 23.6047 15.0927 23.7439 14.7421 23.7439H1.51472C1.16401 23.7439 0.827669 23.6047 0.579687 23.3567C0.3317 23.1087 0.192383 22.7723 0.192383 22.4216V9.19426C0.192383 8.84354 0.3317 8.50722 0.579687 8.25922C0.827669 8.01122 1.16401 7.87194 1.51472 7.87194Z" fill="#185ABD"/><path d="M12.0468 20.7679H10.2612L8.17801 13.9231L5.99558 20.7679H4.20998L2.22598 10.8479H4.01158L5.40038 17.7919L7.48358 11.0463H8.97161L10.9556 17.7919L12.3444 10.8479H14.0308L12.0468 20.7679Z" fill="white"/></svg>
<div class="hlt95 truncate">
<p class="block truncate xs2f2 c9jt8 dark:text-neutral-300">
monthly-reports.xls
</p>
<small class="block xs2f2 rr36x dark:text-neutral-500">
12kb
</small>
</div>
</div>
</div>
<!-- End Data Snippet -->
</div>
<!-- End Media -->
</div>
<p class="ja90s x3nzy vj9jb rr36x dark:text-neutral-500">
Now
</p>
</div>
</div>
</div>
<!-- End Step Item -->
<div id="hs-pro-dnao-button" class="hs-collapse hidden w-full overflow-hidden transition-[height] ufjzp" aria-labelledby="hs-pro-dnao">
<!-- Step Item -->
<div class="relative x8wiw l73lz last:after:hidden after:absolute after:top-9.5 after:bottom-0 after:start-[19px] after:w-px after:bg-gray-200 dark:after:bg-neutral-700">
<div class="w-full flex p5sau">
<span class="flex e731n jkwm1 items-center sc63t rsdjd lnk45 w4xo0 cnneu vj9jb c9jt8 kghwt dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400">
D
</span>
<div class="hlt95">
<h4 class="w4xo0 cnneu c9jt8 dark:text-neutral-300">
David Lidell
</h4>
<p class="w4xo0 jy5gh dark:text-neutral-500">
Added a new member to Preline
</p>
<p class="ja90s x3nzy vj9jb rr36x dark:text-neutral-500">
May 15
</p>
</div>
</div>
</div>
<!-- End Step Item -->
<!-- Step Item -->
<div class="relative x8wiw l73lz last:after:hidden after:absolute after:top-9.5 after:bottom-0 after:start-[19px] after:w-px after:bg-gray-200 dark:after:bg-neutral-700">
<div class="w-full flex p5sau">
<span class="flex e731n jkwm1 items-center sc63t rsdjd lnk45 w4xo0 cnneu vj9jb c9jt8 kghwt dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400">
<svg class="e731n h6zia" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg>
</span>
<div class="hlt95">
<h4 class="w4xo0 cnneu c9jt8 dark:text-neutral-300">
Project status updated
</h4>
<p class="w4xo0 jy5gh dark:text-neutral-500">
Marked
<a class="gpv41 inline-flex items-center n6i5x w4xo0 igv60 j3zsq f1348 focus:outline-hidden ow4j6 sikx1 dark:text-blue-500" href="#">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" 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 14 1.45-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.55 6a2 2 0 0 1-1.94 1.5H4a2 2 0 0 1-2-2V5c0-1.1.9-2 2-2h3.93a2 2 0 0 1 1.66.9l.82 1.2a2 2 0 0 0 1.66.9H18a2 2 0 0 1 2 2v2"/></svg>
PR-4
</a>
as
<span class="y5fzq inline-block gpv41 ga1u8 a6bs9 f4yn1 xs2f2 sikx1 c9jt8 m74u5 dark:bg-neutral-700 dark:text-neutral-300">
In progress
</span>
</p>
<p class="ja90s x3nzy vj9jb rr36x dark:text-neutral-500">
Feb 10
</p>
</div>
</div>
</div>
<!-- End Step Item -->
</div>
<!-- Step Item -->
<div class="relative x8wiw l73lz last:after:hidden after:absolute after:top-9.5 after:bottom-0 after:start-[19px] after:w-px after:bg-gray-200 dark:after:bg-neutral-700">
<button type="button" class="hs-collapse-toggle hs-collapse-open:hidden group w-full w9dei flex items-center p5sau focus:outline-hidden" id="hs-pro-dnao" aria-expanded="false" aria-controls="hs-pro-dnao-button" data-hs-collapse="#hs-pro-dnao-button">
<span class="mqry7">
<span class="flex e731n jkwm1 items-center vjub8 pte0q rsdjd lnk45 w4xo0 cnneu c9jt8 m74u5 mx-auto dark:border-neutral-700 dark:text-neutral-400">
<svg class="e731n h6zia" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m7 15 5 5 5-5"/><path d="m7 9 5-5 5 5"/></svg>
</span>
</span>
<span class="hlt95">
<span class="w4xo0 cnneu c9jt8 group-focus:text-blue-600 dark:text-neutral-300 dark:group-focus:text-blue-500">
Show 2 more activities
</span>
</span>
</button>
</div>
<!-- End Step Item -->
</div>
<!-- End Vertical Steps -->
</div>
<!-- End Body -->
</div>
<!-- End Activity Offcanvas -->
<!-- Add Team Account Modal -->
<div id="hs-pro-dasadam" class="hs-overlay hidden fp3m4 fixed fuv09 gihcw oc2zw overflow-x-hidden overflow-y-auto [--close-when-click-inside:true] gxxgf" role="dialog" tabindex="-1" aria-labelledby="hs-pro-dasadam-label">
<div class="hs-overlay-open:mt-7 hs-overlay-open:opacity-100 hs-overlay-open:duration-500 l6g2h opacity-0 ccbyv fl36v tx5ws sm:w-full xzljp sm:mx-auto h-[calc(100%-56px)] min-h-[calc(100%-56px)] flex items-center">
<div class="w-full a0p67 overflow-hidden flex flex-col aqyoh er6t7 pointer-events-auto gmg3v dark:bg-neutral-800">
<!-- Header -->
<div class="gdxvw fglch flex ox2cl items-center fazzp lnk45 dark:border-neutral-700">
<h3 id="hs-pro-dasadam-label" class="sikx1 c9jt8 dark:text-neutral-200">
Add team account
</h3>
<button type="button" class="yl1cu e731n flex jkwm1 items-center n9hej kghwt rsdjd azddh f4yn1 c9jt8 cq7a3 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden f6db7 dark:bg-neutral-700 dark:hover:bg-neutral-600 dark:text-neutral-400 dark:focus:bg-neutral-600" aria-label="Close" data-hs-overlay="#hs-pro-dasadam">
<span class="et50x">Close</span>
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg>
</button>
</div>
<!-- End Header -->
<!-- Body -->
<div id="hs-pro-datab" class="overflow-y-auto xwpzv y0qzi bxgd5 n3xnc dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<div class="tbd2k space-y-5">
<div class="space-y-2">
<label for="hs-pro-dasadamtn" class="block wyf4w w4xo0 sikx1 c9jt8 dark:text-neutral-200">
Team name
</label>
<input id="hs-pro-dasadamtn" type="text" class="od5va yzhap f2l40 block w-full lnk45 pb094 glhrq c9jt8 y20ll isbn8 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200 dark:placeholder:text-neutral-500 dark:focus:outline-hidden dark:focus:ring-1 dark:focus:ring-neutral-600" placeholder="Preline">
</div>
<div class="space-y-2">
<label for="hs-pro-dasadamtn" class="block wyf4w w4xo0 sikx1 c9jt8 dark:text-neutral-200">
Subscription plan
</label>
<!-- Select -->
<div class="relative">
<select data-hs-select='{
"placeholder": "Select a plan",
"toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>",
"toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative s53ws fglch ur1vp flex m6d8q w-full cursor-pointer aqyoh rsdjd lnk45 pb094 w9dei w4xo0 jy5gh focus:outline-hidden zx3z8 vtle8 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400 dark:focus:outline-hidden dark:focus:ring-1 dark:focus:ring-neutral-600",
"dropdownClasses": "ja90s wu22o w-full wh9hy rdef8 vyel6 space-y-0.5 overflow-hidden overflow-y-auto aqyoh er6t7 gmg3v dark:bg-neutral-900",
"optionClasses": "hs-selected:bg-gray-100 dark:hs-selected:bg-neutral-800 s53ws fglch w-full w4xo0 c9jt8 cursor-pointer d05xb pb094 focus:outline-hidden zx3z8 cywix dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200",
"optionTemplate": "<div class=\"flex ox2cl items-center w-full \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"e731n h6zia c9jt8 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>",
"viewport": "#hs-pro-datab"
}' class="hidden">
<option value="">Choose</option>
<option>Pro (Monthly - $59 / user / month)</option>
<option>Free - (Free forever)</option>
</select>
<div class="absolute zoyba ez989 -translate-y-1/2">
<svg class="e731n rpbrv x464u e5fcf" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.35355 4.06066C8.15829 3.8654 7.84171 3.8654 7.64645 4.06066L5.35355 6.35355C5.15829 6.54882 4.84171 6.54882 4.64645 6.35355C4.45118 6.15829 4.45118 5.84171 4.64645 5.64645L6.93934 3.35356C7.52513 2.76777 8.47487 2.76777 9.06066 3.35355L11.3536 5.64645C11.5488 5.84171 11.5488 6.15829 11.3536 6.35355C11.1583 6.54882 10.8417 6.54882 10.6464 6.35355L8.35355 4.06066Z"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.35355 11.9393C8.15829 12.1346 7.84171 12.1346 7.64645 11.9393L5.35355 9.64645C5.15829 9.45119 4.84171 9.45119 4.64645 9.64645C4.45118 9.84171 4.45118 10.1583 4.64645 10.3536L6.93934 12.6464C7.52513 13.2322 8.47487 13.2322 9.06066 12.6464L11.3536 10.3536C11.5488 10.1583 11.5488 9.84171 11.3536 9.64645C11.1583 9.45119 10.8417 9.45119 10.6464 9.64645L8.35355 11.9393Z"/>
</svg>
</div>
</div>
<!-- End Select -->
</div>
</div>
</div>
<!-- End Body -->
<!-- Footer -->
<div class="tbd2k flex ox2cl n9hej">
<div class="w-full hidden">
<button type="button" class="s53ws f2l40 inline-flex items-center n9hej w4xo0 sikx1 pb094 rsdjd lnk45 aqyoh jmzb2 hj07t nzmya disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden d16zw dark:bg-neutral-800 dark:border-neutral-700 dark:text-red-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-dlcam">
Delete card
</button>
</div>
<div class="flex-1 flex smdr3 items-center o4ndh">
<button type="button" class="s53ws f2l40 m6d8q inline-flex jkwm1 items-center w9dei s1lil aqyoh rsdjd lnk45 c9jt8 w4xo0 sikx1 pb094 hj07t gpv41 nzmya focus:outline-hidden d16zw disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-dasadam">
Cancel
</button>
<button type="button" class="s53ws f2l40 m6d8q inline-flex jkwm1 items-center n9hej w9dei s1lil owkrq rsdjd d0gzg kew0r w4xo0 sikx1 pb094 hj07t gpv41 qfc1d disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden trqpi p0wul dark:focus:ring-blue-500" data-hs-overlay="#hs-pro-dasadam">
Create team
</button>
</div>
</div>
<!-- End Footer -->
</div>
</div>
</div>
<!-- End Add Team Account Modal -->
<!-- Clipboard -->
<script src="../../assets/vendor/clipboard/dist/clipboard.min.js"></script>
<script src="https://preline.co/assets/js/hs-copy-clipboard-helper.js"></script>
<body class="hs-overlay-body-open hs-overlay-body-open:overflow-hidden aqyoh dark:bg-neutral-800">
<!-- ========== MAIN SIDEBAR ========== -->
<!-- Sidebar -->
<div id="hs-pro-sidebar" class="hs-overlay [--auto-close:md]
hs-overlay-open:translate-x-0
-translate-x-full fl36v ufjzp h587a
qaks0 hs-overlay-minified:w-13 overflow-hidden
hidden
fixed rm8lf uxfxy gihcw
aqyoh c1j8w lnk45 dark:border-neutral-700
md:block mme0s md:end-auto pfr33
dark:bg-neutral-800" role="dialog" tabindex="-1" aria-label="Sidebar">
<div class="relative flex flex-col h1r77 a0p67">
<!-- Header -->
<header class="gdxvw fglch flex ox2cl items-center n9hej">
<div class="-ms-2 flex items-center n6i5x">
<div class="md:hs-overlay-minified:hidden">
<a class="e731n inline-flex jkwm1 items-center ztp6v pb094 mp30q inline-block cnneu d05xb focus:outline-hidden r17tr dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="index.html" aria-label="Preline">
<svg class="e731n yhc35 r7y0w dark:text-cyan-400" width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M18.0835 3.23358C9.88316 3.23358 3.23548 9.8771 3.23548 18.0723V35.5832H0.583496V18.0723C0.583496 8.41337 8.41851 0.583252 18.0835 0.583252C27.7485 0.583252 35.5835 8.41337 35.5835 18.0723C35.5835 27.7312 27.7485 35.5614 18.0835 35.5614H16.7357V32.911H18.0835C26.2838 32.911 32.9315 26.2675 32.9315 18.0723C32.9315 9.8771 26.2838 3.23358 18.0835 3.23358Z" fill="currentColor"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M18.0833 8.62162C12.8852 8.62162 8.62666 12.9245 8.62666 18.2879V35.5833H5.97468V18.2879C5.97468 11.5105 11.3713 5.97129 18.0833 5.97129C24.7954 5.97129 30.192 11.5105 30.192 18.2879C30.192 25.0653 24.7954 30.6045 18.0833 30.6045H16.7355V27.9542H18.0833C23.2815 27.9542 27.54 23.6513 27.54 18.2879C27.54 12.9245 23.2815 8.62162 18.0833 8.62162Z" fill="currentColor"/>
<path d="M24.8225 18.1012C24.8225 21.8208 21.8053 24.8361 18.0833 24.8361C14.3614 24.8361 11.3442 21.8208 11.3442 18.1012C11.3442 14.3815 14.3614 11.3662 18.0833 11.3662C21.8053 11.3662 24.8225 14.3815 24.8225 18.1012Z" fill="currentColor"/>
</svg>
</a>
</div>
<!-- Sidebar Toggle -->
<button type="button" class="hidden md:hs-overlay-minified:flex jkwm1 items-center flex-none vyfcq ztp6v w4xo0 jy5gh pb094 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" aria-haspopup="dialog" aria-expanded="true" aria-controls="hs-pro-sidebar" aria-label="Minify navigation" data-hs-overlay-minifier="#hs-pro-sidebar">
<svg class="hidden hs-overlay-minified:block e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2"></rect><path d="M15 3v18"></path><path d="m8 9 3 3-3 3"></path></svg>
<svg class="hs-overlay-minified:hidden e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2"></rect><path d="M15 3v18"></path><path d="m10 15-3-3 3-3"></path></svg>
<span class="et50x">Sidebar Toggle</span>
</button>
<!-- End Sidebar Toggle -->
<div class="hidden sm:block md:hs-overlay-minified:hidden">
</div>
</div>
<!-- Sidebar Toggle -->
<button type="button" class="hidden md:hs-overlay-minified:hidden md:flex jkwm1 items-center flex-none vyfcq ztp6v w4xo0 jy5gh pb094 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" aria-haspopup="dialog" aria-expanded="true" aria-controls="hs-pro-sidebar" aria-label="Minify navigation" data-hs-overlay-minifier="#hs-pro-sidebar">
<svg class="hidden hs-overlay-minified:block e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2"></rect><path d="M15 3v18"></path><path d="m8 9 3 3-3 3"></path></svg>
<svg class="hs-overlay-minified:hidden e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2"></rect><path d="M15 3v18"></path><path d="m10 15-3-3 3-3"></path></svg>
<span class="et50x">Sidebar Toggle</span>
</button>
<!-- End Sidebar Toggle -->
<!-- Sidebar Toggle -->
<button type="button" class="flex md:hidden jkwm1 items-center vyfcq odrp3 aqyoh rsdjd lnk45 w4xo0 fd43e d05xb kghwt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200" data-hs-overlay="#hs-pro-sidebar" aria-expanded="true">
<svg class="e731n h6zia" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg>
<span class="et50x">Close</span>
</button>
<!-- End Sidebar Toggle -->
</header>
<!-- End Header -->
<div class="r4xgm jxswk flex flex-col fr7c6">
<!-- List -->
<ul class="flex flex-col j7q7t">
<li>
<a class="group relative w-full flex items-center v1hon od5va sfv8v relative w4xo0 c9jt8 pb094 before:absolute before:inset-y-0 before:-start-2 before:rounded-e-full before:w-1 before:h-full r17bf focus:outline-hidden lkleg dark:hover:bg-neutral-700/50 dark:focus:bg-neutral-700/50 dark:text-neutral-200 " href="index.html">
<span class="-ms-[5px] flex e731n jkwm1 items-center odrp3">
<svg class="e731n b9gop group-hover:scale-115 group-focus:scale-115 oeanj ufjzp" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>
</span>
<span class="truncate hs-overlay-minified:opacity-0 sd513 ufjzp">New chat</span>
</a>
</li>
<li>
<button type="button" class="group w-full flex items-center v1hon od5va sfv8v w4xo0 c9jt8 truncate pb094 r17bf focus:outline-hidden lkleg dark:hover:bg-neutral-700/50 dark:focus:bg-neutral-700/50 dark:text-neutral-200" aria-haspopup="dialog" aria-expanded="false" aria-controls="hs-pro-dnsm" data-hs-overlay="#hs-pro-dnsm">
<span class="-ms-[5px] flex e731n jkwm1 items-center odrp3">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path class="group-hover:scale-100 group-focus:scale-100 cjsqz cjsqz oeanj ufjzp" d="m21 21-4.34-4.34"/><circle cx="11" cy="11" r="8"/></svg>
</span>
<span class="truncate hs-overlay-minified:opacity-0 sd513 ufjzp">Search chats</span>
</button>
</li>
<li>
<a class="group relative w-full flex items-center v1hon od5va sfv8v relative w4xo0 c9jt8 pb094 before:absolute before:inset-y-0 before:-start-2 before:rounded-e-full before:w-1 before:h-full r17bf focus:outline-hidden lkleg dark:hover:bg-neutral-700/50 dark:focus:bg-neutral-700/50 dark:text-neutral-200 " href="explore.html">
<span class="-ms-[5px] flex e731n jkwm1 items-center odrp3">
<svg class="e731n b9gop group-hover:rotate-180 group-focus:rotate-180 oeanj ufjzp" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"/><path d="M2 12h20"/></svg>
</span>
<span class="truncate hs-overlay-minified:opacity-0 sd513 ufjzp">Explore</span>
</a>
</li>
<li>
<a class="group relative w-full flex items-center v1hon od5va sfv8v relative w4xo0 c9jt8 pb094 before:absolute before:inset-y-0 before:-start-2 before:rounded-e-full before:w-1 before:h-full r17bf focus:outline-hidden lkleg dark:hover:bg-neutral-700/50 dark:focus:bg-neutral-700/50 dark:text-neutral-200 xwbaq before:bg-cyan-700 ofrf2 ppn04 rxbth dark:text-cyan-400! dark:bg-neutral-700 dark:hover:bg-neutral-700! dark:focus:bg-neutral-700! dark:before:bg-cyan-400" href="chat-details.html">
<span class="-ms-[5px] flex e731n jkwm1 items-center odrp3">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path class="group-hover:scale-110 group-focus:scale-110 oeanj ufjzp" d="M14 9a2 2 0 0 1-2 2H6l-4 4V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2z"/><path class="group-hover:scale-95 group-focus:scale-95 oeanj ufjzp" d="M18 9h2a2 2 0 0 1 2 2v11l-4-4h-6a2 2 0 0 1-2-2v-1"/></svg>
</span>
<span class="truncate hs-overlay-minified:opacity-0 sd513 ufjzp">Chat details</span>
</a>
</li>
</ul>
<!-- End List -->
</div>
<!-- Body -->
<div class="hs-overlay-minified:opacity-0 sd513 ufjzp q1glq jxswk fp3m4 flex flex-col fr7c6 overflow-y-auto xwpzv y0qzi bxgd5 n3xnc dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<div class="flex flex-col">
<span class="block zw1wr wyf4w w4xo0 rr36x dark:text-neutral-500">
Recent chats
</span>
<!-- List -->
<ul class="flex flex-col j7q7t">
<li>
<div class="relative group">
<a class="w-full flex items-center n9hej s53ws zw1wr ep58o w4xo0 c9jt8 truncate pb094 r17bf focus:outline-hidden lkleg dark:hover:bg-neutral-700/50 dark:focus:bg-neutral-700/50 dark:text-neutral-200" href="chat-details.html">
<span class="truncate">Preline UI Overview</span>
</a>
<div class="absolute zoyba kji94 aka1n -translate-y-1/2 group-hover:opacity-100 opacity-0 sd513 ufjzp">
<!-- More Dropdown -->
<div class="hs-dropdown ryyp7 relative inline-flex">
<button id="hs-pro-chthmdid1" type="button" class="flex jkwm1 items-center vyfcq yl1cu w4xo0 fd43e d05xb pb094 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr 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="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="12" cy="5" r="1"/><circle cx="12" cy="19" r="1"/></svg>
</button>
<!-- More Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 nhovv transition-[opacity,margin] duration opacity-0 hidden uxfxy aqyoh rsdjd lnk45 er6t7 poi4v before:absolute before:-top-4 before:start-0 before:w-full before:h-5 dark:bg-neutral-950 dark:border-neutral-700" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-chthmdid1">
<div class="vyel6 space-y-0.5">
<button type="button" class="w-full flex items-center vyfcq od5va jxswk pb094 w4xo0 c9jt8 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="e731n h6zia" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8"/><polyline points="16 6 12 2 8 6"/><line x1="12" x2="12" y1="2" y2="15"/></svg>
Share
</button>
<button type="button" class="w-full flex items-center vyfcq od5va jxswk pb094 w4xo0 c9jt8 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="e731n h6zia" xmlns="http://www.w3.org/2000/svg" width="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>
Rename
</button>
<button type="button" class="w-full flex items-center vyfcq od5va jxswk pb094 w4xo0 c9jt8 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="e731n h6zia" xmlns="http://www.w3.org/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 vyfcq od5va jxswk pb094 w4xo0 uj1kg wc6gl disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden ykm7w dark:text-red-500 dark:hover:bg-red-500/20 dark:focus:bg-red-500/20">
<svg class="e731n h6zia" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg>
Delete
</button>
</div>
</div>
<!-- End More Dropdown -->
</div>
<!-- End More Dropdown -->
</div>
</div>
</li>
<li>
<div class="relative group">
<a class="w-full flex items-center n9hej s53ws zw1wr ep58o w4xo0 c9jt8 truncate pb094 r17bf focus:outline-hidden lkleg dark:hover:bg-neutral-700/50 dark:focus:bg-neutral-700/50 dark:text-neutral-200" href="chat-details.html">
<span class="truncate">Product Photography Lighting Setup</span>
</a>
<div class="absolute zoyba kji94 aka1n -translate-y-1/2 group-hover:opacity-100 opacity-0 sd513 ufjzp">
<!-- More Dropdown -->
<div class="hs-dropdown ryyp7 relative inline-flex">
<button id="hs-pro-chthmdid2" type="button" class="flex jkwm1 items-center vyfcq yl1cu w4xo0 fd43e d05xb pb094 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr 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="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="12" cy="5" r="1"/><circle cx="12" cy="19" r="1"/></svg>
</button>
<!-- More Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 nhovv transition-[opacity,margin] duration opacity-0 hidden uxfxy aqyoh rsdjd lnk45 er6t7 poi4v before:absolute before:-top-4 before:start-0 before:w-full before:h-5 dark:bg-neutral-950 dark:border-neutral-700" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-chthmdid2">
<div class="vyel6 space-y-0.5">
<button type="button" class="w-full flex items-center vyfcq od5va jxswk pb094 w4xo0 c9jt8 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="e731n h6zia" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8"/><polyline points="16 6 12 2 8 6"/><line x1="12" x2="12" y1="2" y2="15"/></svg>
Share
</button>
<button type="button" class="w-full flex items-center vyfcq od5va jxswk pb094 w4xo0 c9jt8 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="e731n h6zia" xmlns="http://www.w3.org/2000/svg" width="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>
Rename
</button>
<button type="button" class="w-full flex items-center vyfcq od5va jxswk pb094 w4xo0 c9jt8 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="e731n h6zia" xmlns="http://www.w3.org/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 vyfcq od5va jxswk pb094 w4xo0 uj1kg wc6gl disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden ykm7w dark:text-red-500 dark:hover:bg-red-500/20 dark:focus:bg-red-500/20">
<svg class="e731n h6zia" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg>
Delete
</button>
</div>
</div>
<!-- End More Dropdown -->
</div>
<!-- End More Dropdown -->
</div>
</div>
</li>
<li>
<div class="relative group">
<a class="w-full flex items-center n9hej s53ws zw1wr ep58o w4xo0 c9jt8 truncate pb094 r17bf focus:outline-hidden lkleg dark:hover:bg-neutral-700/50 dark:focus:bg-neutral-700/50 dark:text-neutral-200" href="chat-details.html">
<span class="truncate">Social Media Content</span>
</a>
<div class="absolute zoyba kji94 aka1n -translate-y-1/2 group-hover:opacity-100 opacity-0 sd513 ufjzp">
<!-- More Dropdown -->
<div class="hs-dropdown ryyp7 relative inline-flex">
<button id="hs-pro-chthmdid3" type="button" class="flex jkwm1 items-center vyfcq yl1cu w4xo0 fd43e d05xb pb094 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr 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="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="12" cy="5" r="1"/><circle cx="12" cy="19" r="1"/></svg>
</button>
<!-- More Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 nhovv transition-[opacity,margin] duration opacity-0 hidden uxfxy aqyoh rsdjd lnk45 er6t7 poi4v before:absolute before:-top-4 before:start-0 before:w-full before:h-5 dark:bg-neutral-950 dark:border-neutral-700" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-chthmdid3">
<div class="vyel6 space-y-0.5">
<button type="button" class="w-full flex items-center vyfcq od5va jxswk pb094 w4xo0 c9jt8 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="e731n h6zia" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8"/><polyline points="16 6 12 2 8 6"/><line x1="12" x2="12" y1="2" y2="15"/></svg>
Share
</button>
<button type="button" class="w-full flex items-center vyfcq od5va jxswk pb094 w4xo0 c9jt8 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="e731n h6zia" xmlns="http://www.w3.org/2000/svg" width="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>
Rename
</button>
<button type="button" class="w-full flex items-center vyfcq od5va jxswk pb094 w4xo0 c9jt8 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="e731n h6zia" xmlns="http://www.w3.org/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 vyfcq od5va jxswk pb094 w4xo0 uj1kg wc6gl disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden ykm7w dark:text-red-500 dark:hover:bg-red-500/20 dark:focus:bg-red-500/20">
<svg class="e731n h6zia" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg>
Delete
</button>
</div>
</div>
<!-- End More Dropdown -->
</div>
<!-- End More Dropdown -->
</div>
</div>
</li>
<li>
<div class="relative group">
<a class="w-full flex items-center n9hej s53ws zw1wr ep58o w4xo0 c9jt8 truncate pb094 r17bf focus:outline-hidden lkleg dark:hover:bg-neutral-700/50 dark:focus:bg-neutral-700/50 dark:text-neutral-200" href="chat-details.html">
<span class="truncate">Website Optimization</span>
</a>
<div class="absolute zoyba kji94 aka1n -translate-y-1/2 group-hover:opacity-100 opacity-0 sd513 ufjzp">
<!-- More Dropdown -->
<div class="hs-dropdown ryyp7 relative inline-flex">
<button id="hs-pro-chthmdid4" type="button" class="flex jkwm1 items-center vyfcq yl1cu w4xo0 fd43e d05xb pb094 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr 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="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="12" cy="5" r="1"/><circle cx="12" cy="19" r="1"/></svg>
</button>
<!-- More Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 nhovv transition-[opacity,margin] duration opacity-0 hidden uxfxy aqyoh rsdjd lnk45 er6t7 poi4v before:absolute before:-top-4 before:start-0 before:w-full before:h-5 dark:bg-neutral-950 dark:border-neutral-700" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-chthmdid4">
<div class="vyel6 space-y-0.5">
<button type="button" class="w-full flex items-center vyfcq od5va jxswk pb094 w4xo0 c9jt8 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="e731n h6zia" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8"/><polyline points="16 6 12 2 8 6"/><line x1="12" x2="12" y1="2" y2="15"/></svg>
Share
</button>
<button type="button" class="w-full flex items-center vyfcq od5va jxswk pb094 w4xo0 c9jt8 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="e731n h6zia" xmlns="http://www.w3.org/2000/svg" width="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>
Rename
</button>
<button type="button" class="w-full flex items-center vyfcq od5va jxswk pb094 w4xo0 c9jt8 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="e731n h6zia" xmlns="http://www.w3.org/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 vyfcq od5va jxswk pb094 w4xo0 uj1kg wc6gl disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden ykm7w dark:text-red-500 dark:hover:bg-red-500/20 dark:focus:bg-red-500/20">
<svg class="e731n h6zia" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg>
Delete
</button>
</div>
</div>
<!-- End More Dropdown -->
</div>
<!-- End More Dropdown -->
</div>
</div>
</li>
<li>
<div class="relative group">
<a class="w-full flex items-center n9hej s53ws zw1wr ep58o w4xo0 c9jt8 truncate pb094 r17bf focus:outline-hidden lkleg dark:hover:bg-neutral-700/50 dark:focus:bg-neutral-700/50 dark:text-neutral-200" href="chat-details.html">
<span class="truncate">Customer Support Ticket System</span>
</a>
<div class="absolute zoyba kji94 aka1n -translate-y-1/2 group-hover:opacity-100 opacity-0 sd513 ufjzp">
<!-- More Dropdown -->
<div class="hs-dropdown ryyp7 relative inline-flex">
<button id="hs-pro-chthmdid5" type="button" class="flex jkwm1 items-center vyfcq yl1cu w4xo0 fd43e d05xb pb094 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr 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="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="12" cy="5" r="1"/><circle cx="12" cy="19" r="1"/></svg>
</button>
<!-- More Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 nhovv transition-[opacity,margin] duration opacity-0 hidden uxfxy aqyoh rsdjd lnk45 er6t7 poi4v before:absolute before:-top-4 before:start-0 before:w-full before:h-5 dark:bg-neutral-950 dark:border-neutral-700" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-chthmdid5">
<div class="vyel6 space-y-0.5">
<button type="button" class="w-full flex items-center vyfcq od5va jxswk pb094 w4xo0 c9jt8 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="e731n h6zia" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8"/><polyline points="16 6 12 2 8 6"/><line x1="12" x2="12" y1="2" y2="15"/></svg>
Share
</button>
<button type="button" class="w-full flex items-center vyfcq od5va jxswk pb094 w4xo0 c9jt8 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="e731n h6zia" xmlns="http://www.w3.org/2000/svg" width="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>
Rename
</button>
<button type="button" class="w-full flex items-center vyfcq od5va jxswk pb094 w4xo0 c9jt8 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="e731n h6zia" xmlns="http://www.w3.org/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 vyfcq od5va jxswk pb094 w4xo0 uj1kg wc6gl disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden ykm7w dark:text-red-500 dark:hover:bg-red-500/20 dark:focus:bg-red-500/20">
<svg class="e731n h6zia" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg>
Delete
</button>
</div>
</div>
<!-- End More Dropdown -->
</div>
<!-- End More Dropdown -->
</div>
</div>
</li>
<li>
<div class="relative group">
<a class="w-full flex items-center n9hej s53ws zw1wr ep58o w4xo0 c9jt8 truncate pb094 r17bf focus:outline-hidden lkleg dark:hover:bg-neutral-700/50 dark:focus:bg-neutral-700/50 dark:text-neutral-200" href="chat-details.html">
<span class="truncate">Mobile App Design</span>
</a>
<div class="absolute zoyba kji94 aka1n -translate-y-1/2 group-hover:opacity-100 opacity-0 sd513 ufjzp">
<!-- More Dropdown -->
<div class="hs-dropdown ryyp7 relative inline-flex">
<button id="hs-pro-chthmdid6" type="button" class="flex jkwm1 items-center vyfcq yl1cu w4xo0 fd43e d05xb pb094 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr 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="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="12" cy="5" r="1"/><circle cx="12" cy="19" r="1"/></svg>
</button>
<!-- More Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 nhovv transition-[opacity,margin] duration opacity-0 hidden uxfxy aqyoh rsdjd lnk45 er6t7 poi4v before:absolute before:-top-4 before:start-0 before:w-full before:h-5 dark:bg-neutral-950 dark:border-neutral-700" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-chthmdid6">
<div class="vyel6 space-y-0.5">
<button type="button" class="w-full flex items-center vyfcq od5va jxswk pb094 w4xo0 c9jt8 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="e731n h6zia" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8"/><polyline points="16 6 12 2 8 6"/><line x1="12" x2="12" y1="2" y2="15"/></svg>
Share
</button>
<button type="button" class="w-full flex items-center vyfcq od5va jxswk pb094 w4xo0 c9jt8 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="e731n h6zia" xmlns="http://www.w3.org/2000/svg" width="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>
Rename
</button>
<button type="button" class="w-full flex items-center vyfcq od5va jxswk pb094 w4xo0 c9jt8 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="e731n h6zia" xmlns="http://www.w3.org/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 vyfcq od5va jxswk pb094 w4xo0 uj1kg wc6gl disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden ykm7w dark:text-red-500 dark:hover:bg-red-500/20 dark:focus:bg-red-500/20">
<svg class="e731n h6zia" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg>
Delete
</button>
</div>
</div>
<!-- End More Dropdown -->
</div>
<!-- End More Dropdown -->
</div>
</div>
</li>
<li>
<div class="relative group">
<a class="w-full flex items-center n9hej s53ws zw1wr ep58o w4xo0 c9jt8 truncate pb094 r17bf focus:outline-hidden lkleg dark:hover:bg-neutral-700/50 dark:focus:bg-neutral-700/50 dark:text-neutral-200" href="chat-details.html">
<span class="truncate">E-commerce Payment Integration</span>
</a>
<div class="absolute zoyba kji94 aka1n -translate-y-1/2 group-hover:opacity-100 opacity-0 sd513 ufjzp">
<!-- More Dropdown -->
<div class="hs-dropdown ryyp7 relative inline-flex">
<button id="hs-pro-chthmdid7" type="button" class="flex jkwm1 items-center vyfcq yl1cu w4xo0 fd43e d05xb pb094 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr 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="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="12" cy="5" r="1"/><circle cx="12" cy="19" r="1"/></svg>
</button>
<!-- More Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 nhovv transition-[opacity,margin] duration opacity-0 hidden uxfxy aqyoh rsdjd lnk45 er6t7 poi4v before:absolute before:-top-4 before:start-0 before:w-full before:h-5 dark:bg-neutral-950 dark:border-neutral-700" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-chthmdid7">
<div class="vyel6 space-y-0.5">
<button type="button" class="w-full flex items-center vyfcq od5va jxswk pb094 w4xo0 c9jt8 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="e731n h6zia" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8"/><polyline points="16 6 12 2 8 6"/><line x1="12" x2="12" y1="2" y2="15"/></svg>
Share
</button>
<button type="button" class="w-full flex items-center vyfcq od5va jxswk pb094 w4xo0 c9jt8 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="e731n h6zia" xmlns="http://www.w3.org/2000/svg" width="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>
Rename
</button>
<button type="button" class="w-full flex items-center vyfcq od5va jxswk pb094 w4xo0 c9jt8 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="e731n h6zia" xmlns="http://www.w3.org/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 vyfcq od5va jxswk pb094 w4xo0 uj1kg wc6gl disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden ykm7w dark:text-red-500 dark:hover:bg-red-500/20 dark:focus:bg-red-500/20">
<svg class="e731n h6zia" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg>
Delete
</button>
</div>
</div>
<!-- End More Dropdown -->
</div>
<!-- End More Dropdown -->
</div>
</div>
</li>
<li>
<div class="relative group">
<a class="w-full flex items-center n9hej s53ws zw1wr ep58o w4xo0 c9jt8 truncate pb094 r17bf focus:outline-hidden lkleg dark:hover:bg-neutral-700/50 dark:focus:bg-neutral-700/50 dark:text-neutral-200" href="chat-details.html">
<span class="truncate">Data Analytics Dashboard Setup</span>
</a>
<div class="absolute zoyba kji94 aka1n -translate-y-1/2 group-hover:opacity-100 opacity-0 sd513 ufjzp">
<!-- More Dropdown -->
<div class="hs-dropdown ryyp7 relative inline-flex">
<button id="hs-pro-chthmdid8" type="button" class="flex jkwm1 items-center vyfcq yl1cu w4xo0 fd43e d05xb pb094 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr 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="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="12" cy="5" r="1"/><circle cx="12" cy="19" r="1"/></svg>
</button>
<!-- More Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 nhovv transition-[opacity,margin] duration opacity-0 hidden uxfxy aqyoh rsdjd lnk45 er6t7 poi4v before:absolute before:-top-4 before:start-0 before:w-full before:h-5 dark:bg-neutral-950 dark:border-neutral-700" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-chthmdid8">
<div class="vyel6 space-y-0.5">
<button type="button" class="w-full flex items-center vyfcq od5va jxswk pb094 w4xo0 c9jt8 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="e731n h6zia" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8"/><polyline points="16 6 12 2 8 6"/><line x1="12" x2="12" y1="2" y2="15"/></svg>
Share
</button>
<button type="button" class="w-full flex items-center vyfcq od5va jxswk pb094 w4xo0 c9jt8 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="e731n h6zia" xmlns="http://www.w3.org/2000/svg" width="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>
Rename
</button>
<button type="button" class="w-full flex items-center vyfcq od5va jxswk pb094 w4xo0 c9jt8 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="e731n h6zia" xmlns="http://www.w3.org/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 vyfcq od5va jxswk pb094 w4xo0 uj1kg wc6gl disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden ykm7w dark:text-red-500 dark:hover:bg-red-500/20 dark:focus:bg-red-500/20">
<svg class="e731n h6zia" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg>
Delete
</button>
</div>
</div>
<!-- End More Dropdown -->
</div>
<!-- End More Dropdown -->
</div>
</div>
</li>
<li>
<div class="relative group">
<a class="w-full flex items-center n9hej s53ws zw1wr ep58o w4xo0 c9jt8 truncate pb094 r17bf focus:outline-hidden lkleg dark:hover:bg-neutral-700/50 dark:focus:bg-neutral-700/50 dark:text-neutral-200" href="chat-details.html">
<span class="truncate">Video Production</span>
</a>
<div class="absolute zoyba kji94 aka1n -translate-y-1/2 group-hover:opacity-100 opacity-0 sd513 ufjzp">
<!-- More Dropdown -->
<div class="hs-dropdown ryyp7 relative inline-flex">
<button id="hs-pro-chthmdid9" type="button" class="flex jkwm1 items-center vyfcq yl1cu w4xo0 fd43e d05xb pb094 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr 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="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="12" cy="5" r="1"/><circle cx="12" cy="19" r="1"/></svg>
</button>
<!-- More Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 nhovv transition-[opacity,margin] duration opacity-0 hidden uxfxy aqyoh rsdjd lnk45 er6t7 poi4v before:absolute before:-top-4 before:start-0 before:w-full before:h-5 dark:bg-neutral-950 dark:border-neutral-700" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-chthmdid9">
<div class="vyel6 space-y-0.5">
<button type="button" class="w-full flex items-center vyfcq od5va jxswk pb094 w4xo0 c9jt8 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="e731n h6zia" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8"/><polyline points="16 6 12 2 8 6"/><line x1="12" x2="12" y1="2" y2="15"/></svg>
Share
</button>
<button type="button" class="w-full flex items-center vyfcq od5va jxswk pb094 w4xo0 c9jt8 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="e731n h6zia" xmlns="http://www.w3.org/2000/svg" width="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>
Rename
</button>
<button type="button" class="w-full flex items-center vyfcq od5va jxswk pb094 w4xo0 c9jt8 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="e731n h6zia" xmlns="http://www.w3.org/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 vyfcq od5va jxswk pb094 w4xo0 uj1kg wc6gl disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden ykm7w dark:text-red-500 dark:hover:bg-red-500/20 dark:focus:bg-red-500/20">
<svg class="e731n h6zia" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg>
Delete
</button>
</div>
</div>
<!-- End More Dropdown -->
</div>
<!-- End More Dropdown -->
</div>
</div>
</li>
<li>
<div class="relative group">
<a class="w-full flex items-center n9hej s53ws zw1wr ep58o w4xo0 c9jt8 truncate pb094 r17bf focus:outline-hidden lkleg dark:hover:bg-neutral-700/50 dark:focus:bg-neutral-700/50 dark:text-neutral-200" href="chat-details.html">
<span class="truncate">Project Management Timeline</span>
</a>
<div class="absolute zoyba kji94 aka1n -translate-y-1/2 group-hover:opacity-100 opacity-0 sd513 ufjzp">
<!-- More Dropdown -->
<div class="hs-dropdown ryyp7 relative inline-flex">
<button id="hs-pro-chthmdid10" type="button" class="flex jkwm1 items-center vyfcq yl1cu w4xo0 fd43e d05xb pb094 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr 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="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="12" cy="5" r="1"/><circle cx="12" cy="19" r="1"/></svg>
</button>
<!-- More Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 nhovv transition-[opacity,margin] duration opacity-0 hidden uxfxy aqyoh rsdjd lnk45 er6t7 poi4v before:absolute before:-top-4 before:start-0 before:w-full before:h-5 dark:bg-neutral-950 dark:border-neutral-700" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-chthmdid10">
<div class="vyel6 space-y-0.5">
<button type="button" class="w-full flex items-center vyfcq od5va jxswk pb094 w4xo0 c9jt8 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="e731n h6zia" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8"/><polyline points="16 6 12 2 8 6"/><line x1="12" x2="12" y1="2" y2="15"/></svg>
Share
</button>
<button type="button" class="w-full flex items-center vyfcq od5va jxswk pb094 w4xo0 c9jt8 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="e731n h6zia" xmlns="http://www.w3.org/2000/svg" width="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>
Rename
</button>
<button type="button" class="w-full flex items-center vyfcq od5va jxswk pb094 w4xo0 c9jt8 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="e731n h6zia" xmlns="http://www.w3.org/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 vyfcq od5va jxswk pb094 w4xo0 uj1kg wc6gl disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden ykm7w dark:text-red-500 dark:hover:bg-red-500/20 dark:focus:bg-red-500/20">
<svg class="e731n h6zia" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg>
Delete
</button>
</div>
</div>
<!-- End More Dropdown -->
</div>
<!-- End More Dropdown -->
</div>
</div>
</li>
<li>
<div class="relative group">
<a class="w-full flex items-center n9hej s53ws zw1wr ep58o w4xo0 c9jt8 truncate pb094 r17bf focus:outline-hidden lkleg dark:hover:bg-neutral-700/50 dark:focus:bg-neutral-700/50 dark:text-neutral-200" href="chat-details.html">
<span class="truncate">Brand Design System</span>
</a>
<div class="absolute zoyba kji94 aka1n -translate-y-1/2 group-hover:opacity-100 opacity-0 sd513 ufjzp">
<!-- More Dropdown -->
<div class="hs-dropdown ryyp7 relative inline-flex">
<button id="hs-pro-chthmdid11" type="button" class="flex jkwm1 items-center vyfcq yl1cu w4xo0 fd43e d05xb pb094 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr 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="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="12" cy="5" r="1"/><circle cx="12" cy="19" r="1"/></svg>
</button>
<!-- More Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 nhovv transition-[opacity,margin] duration opacity-0 hidden uxfxy aqyoh rsdjd lnk45 er6t7 poi4v before:absolute before:-top-4 before:start-0 before:w-full before:h-5 dark:bg-neutral-950 dark:border-neutral-700" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-chthmdid11">
<div class="vyel6 space-y-0.5">
<button type="button" class="w-full flex items-center vyfcq od5va jxswk pb094 w4xo0 c9jt8 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="e731n h6zia" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8"/><polyline points="16 6 12 2 8 6"/><line x1="12" x2="12" y1="2" y2="15"/></svg>
Share
</button>
<button type="button" class="w-full flex items-center vyfcq od5va jxswk pb094 w4xo0 c9jt8 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="e731n h6zia" xmlns="http://www.w3.org/2000/svg" width="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>
Rename
</button>
<button type="button" class="w-full flex items-center vyfcq od5va jxswk pb094 w4xo0 c9jt8 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="e731n h6zia" xmlns="http://www.w3.org/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 vyfcq od5va jxswk pb094 w4xo0 uj1kg wc6gl disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden ykm7w dark:text-red-500 dark:hover:bg-red-500/20 dark:focus:bg-red-500/20">
<svg class="e731n h6zia" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg>
Delete
</button>
</div>
</div>
<!-- End More Dropdown -->
</div>
<!-- End More Dropdown -->
</div>
</div>
</li>
</ul>
<!-- End List -->
</div>
</div>
<!-- End Body -->
</div>
</div>
<!-- End Sidebar -->
<!-- ========== END MAIN SIDEBAR ========== -->
<!-- ========== MAIN CONTENT ========== -->
<main class="ozdpv md:hs-overlay-minified:ps-13 lg:hs-overlay-layout-open:pe-80 xl:hs-overlay-layout-open:pe-96 fl36v ufjzp db2ir q1glq fnz8u flex flex-col ox2cl">
<!-- ========== HEADER ========== -->
<header class="e9wb6 xl:hs-overlay-layout-open:me-96 md:hs-overlay-minified:ms-13 fl36v ufjzp fixed fuv09 e33ca flex flex-wrap qxd8q md:flex-nowrap v1j7n pqybq aqyoh gdxvw dark:bg-neutral-800">
<nav class="fglch f52jl flex ygsjd ox2cl items-center w-full mx-auto">
<!-- Button Group -->
<div class="flex items-center hrhwk truncate">
<!-- Sidebar Toggle -->
<button type="button" class="md:hidden flex jkwm1 items-center flex-none vyfcq ztp6v w4xo0 jy5gh pb094 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" aria-haspopup="dialog" aria-expanded="true" aria-controls="hs-pro-sidebar" aria-label="Minify navigation" data-hs-overlay="#hs-pro-sidebar">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2"></rect><path d="M15 3v18"></path><path d="m8 9 3 3-3 3"></path></svg>
<span class="et50x">Sidebar Toggle</span>
</button>
<!-- End Sidebar Toggle -->
<span class="truncate sikx1 w4xo0 fctia c9jt8 dark:text-neutral-200">
Preline UI Overview
</span>
<a class="flex jkwm1 items-center b1nd2 s53ws sfv8v w4xo0 s1lil r7y0w pb094 r4zik focus:outline-hidden g6srb disabled:opacity-50 disabled:pointer-events-none dark:text-cyan-500 dark:hover:bg-cyan-700/20 dark:focus:bg-cyan-700/20" href="#">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" 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.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"/><path d="M20 3v4"/><path d="M22 5h-4"/><path d="M4 17v2"/><path d="M5 18H3"/></svg>
Get Plus
</a>
</div>
<!-- End Button Group -->
<!-- Button Group -->
<div class="flex items-center hrhwk">
<!-- Language Dropdown -->
<div class="hs-dropdown [--strategy:absolute] [--placement:bottom-right] relative inline-flex">
<button id="hs-pro-aimtlg" type="button" class="flex jkwm1 items-center vyfcq ztp6v w4xo0 fd43e d05xb pb094 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr 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="e731n twmqj" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m5 8 6 6"/><path d="m4 14 6-6 2-3"/><path d="M2 5h12"/><path d="M7 2h1"/><path d="m22 22-5-10-5 10"/><path d="M14 18h6"/></svg>
<span class="et50x">Language</span>
</button>
<!-- Language Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 nru7v transition-[opacity,margin] duration opacity-0 hidden oozbf aqyoh rsdjd lnk45 er6t7 poi4v before:absolute before:-top-4 before:start-0 before:w-full before:h-5 dark:bg-neutral-950 dark:border-neutral-700" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-aimtlg">
<div class="vyel6 space-y-0.5">
<button type="button" class="w-full flex items-center vyfcq od5va jxswk pb094 w4xo0 c9jt8 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
English (US)
</button>
<button type="button" class="w-full flex items-center vyfcq od5va jxswk pb094 w4xo0 c9jt8 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
English (UK)
</button>
<button type="button" class="w-full flex items-center vyfcq od5va jxswk pb094 w4xo0 c9jt8 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
Deutsch
</button>
<button type="button" class="w-full flex items-center vyfcq od5va jxswk pb094 w4xo0 c9jt8 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
Dansk
</button>
<button type="button" class="w-full flex items-center vyfcq od5va jxswk pb094 w4xo0 c9jt8 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
Italiano
</button>
<button type="button" class="w-full flex items-center vyfcq od5va jxswk pb094 w4xo0 c9jt8 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
中文 (繁體)
</button>
</div>
</div>
<!-- End Language Dropdown -->
</div>
<!-- End Language Dropdown -->
<div class="xmlb9">
<!-- Account Dropdown -->
<div class="hs-dropdown inline-flex [--strategy:absolute] [--auto-close:inside] [--placement:bottom-right] relative w9dei">
<button id="hs-dnad" type="button" class="wix63 inline-flex e731n items-center vyfcq w9dei kghwt cq7a3 focus:outline-hidden f6db7 dark:hover:bg-neutral-800 dark:hover:text-neutral-200 dark:focus:bg-neutral-800 dark:focus:text-neutral-200 dark:text-neutral-500" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<img class="e731n yl1cu kghwt" src="https://images.unsplash.com/photo-1659482633369-9fe69af50bfb?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="Avatar">
</button>
<!-- Account Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 srycj transition-[opacity,margin] duration opacity-0 hidden gbcuh aqyoh rsdjd lnk45 er6t7 gmg3v dark:bg-neutral-900 dark:border-neutral-700" role="menu" aria-orientation="vertical" aria-labelledby="hs-dnad">
<div class="s53ws azxvc">
<span class="sikx1 c9jt8 dark:text-neutral-300">
James Collison
</span>
<p class="w4xo0 jy5gh dark:text-neutral-500">
jamescollison@site.com
</p>
<div class="y18m4">
<a class="flex jkwm1 items-center b1nd2 s53ws sfv8v sikx1 z4zqw dmaxi kew0r pb094 bnf6b focus:outline-hidden ukj8s disabled:opacity-50 disabled:pointer-events-none" href="#">
Upgrade plan
</a>
</div>
</div>
<div class="fglch s53ws yfv61 lnk45 dark:border-neutral-800">
<!-- Switch/Toggle -->
<div class="flex flex-wrap ox2cl items-center o4ndh">
<span class="flex-1 cursor-pointer w4xo0 fd43e dark:text-neutral-400">Theme</span>
<div class="wix63 inline-flex cursor-pointer f4yn1 kghwt dark:bg-neutral-800">
<button type="button" class="qqwrg flex jkwm1 items-center aqyoh m26rp c9jt8 kghwt dark:text-neutral-200 hs-auto-mode-active:bg-transparent hs-auto-mode-active:shadow-none hs-dark-mode-active:bg-transparent hs-dark-mode-active:shadow-none" data-hs-theme-click-value="default">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="4"/><path d="M12 3v1"/><path d="M12 20v1"/><path d="M3 12h1"/><path d="M20 12h1"/><path d="m18.364 5.636-.707.707"/><path d="m6.343 17.657-.707.707"/><path d="m5.636 5.636.707.707"/><path d="m17.657 17.657.707.707"/></svg>
<span class="et50x">Default (Light)</span>
</button>
<button type="button" class="qqwrg flex jkwm1 items-center c9jt8 kghwt dark:text-neutral-200 hs-dark-mode-active:bg-white hs-dark-mode-active:shadow-sm hs-dark-mode-active:text-neutral-800" data-hs-theme-click-value="dark">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" 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 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z"/></svg>
<span class="et50x">Dark</span>
</button>
<button type="button" class="qqwrg flex jkwm1 items-center c9jt8 kghwt dark:text-neutral-200 hs-auto-light-mode-active:bg-white hs-auto-dark-mode-active:bg-red-800 hs-auto-mode-active:shadow-sm" data-hs-theme-click-value="auto">
<svg class="e731n b9gop" xmlns="http://www.w3.org/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="3" rx="2"/><line x1="8" x2="16" y1="21" y2="21"/><line x1="12" x2="12" y1="17" y2="21"/></svg>
<span class="et50x">Auto (System)</span>
</button>
</div>
</div>
<!-- End Switch/Toggle -->
</div>
<div class="vyel6 yfv61 lnk45 dark:border-neutral-800">
<a class="flex items-center vyfcq s53ws f2l40 pb094 w4xo0 fd43e d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<svg class="e731n eyzz7 b9gop" xmlns="http://www.w3.org/2000/svg" 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>
Profile
</a>
<a class="flex items-center vyfcq s53ws f2l40 pb094 w4xo0 fd43e d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" 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 vyfcq s53ws f2l40 pb094 w4xo0 fd43e d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<svg class="e731n eyzz7 b9gop" xmlns="http://www.w3.org/2000/svg" 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 17 5-5-5-5"/><path d="M21 12H9"/><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"/></svg>
Log out
</a>
</div>
</div>
<!-- End Account Dropdown -->
</div>
<!-- End Account Dropdown -->
</div>
</div>
<!-- End Button Group -->
</nav>
</header>
<!-- ========== END HEADER ========== -->
<div class="flex flex-col xq8d6 w-full mx-auto bdgsd fglch xf1r4 ids43">
<!-- Chat Bubble -->
<div class="x5a8o group flex flex-col jon87 c9jt8 dark:text-neutral-200">
<div class="flex smdr3 n9hej" style="word-break: break-word;">
<div class="w9dei f4yn1 inline-block vy31v gdxvw fglch dark:bg-gray-500/20">
<p class="rfsg1">
what's preline ui?
</p>
</div>
</div>
<!-- Button Group -->
<div class="flex items-center smdr3 opacity-0 group-hover:opacity-100 group-focus:opacity-100 sd513 ufjzp">
<div class="hs-tooltip [--placement:bottom-right] inline-block">
<button type="button" class="hs-tooltip-toggle flex jkwm1 items-center vyfcq yl1cu w4xo0 fd43e d05xb kghwt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr 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="e731n b9gop" xmlns="http://www.w3.org/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>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 sd513 inline-block absolute vajpp wzd7f ga1u8 jxswk nzj5e xs2f2 sikx1 kew0r m74u5 hj07t dark:bg-neutral-700" role="tooltip">
Copy
</span>
</button>
</div>
<div class="hs-tooltip [--placement:bottom-right] inline-block">
<button type="button" class="hs-tooltip-toggle flex jkwm1 items-center vyfcq yl1cu w4xo0 fd43e d05xb kghwt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr 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="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="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="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 sd513 inline-block absolute vajpp wzd7f ga1u8 jxswk nzj5e xs2f2 sikx1 kew0r m74u5 hj07t dark:bg-neutral-700" role="tooltip">
Edit message
</span>
</button>
</div>
</div>
<!-- End Button Group -->
</div>
<!-- End Chat Bubble -->
<!-- Chat Bubble -->
<div class="x5a8o group flex flex-col jon87 c9jt8 dark:text-neutral-200">
<p class="e3s31 rfsg1">
<span class="cnneu">Preline UI</span> is an open-source UI component library built with <span class="cnneu">Tailwind CSS</span>. It helps developers and designers quickly build modern, responsive web interfaces by offering prebuilt, styled components and templates.
</p>
<h3 class="n8xpr sikx1 mp30q">
Key Features:
</h3>
<ul class="e3s31 rwwei cut5c rsa50 space-y-3">
<li class="z47ts">
<span class="cnneu">750+ UI components:</span> Buttons, modals, tooltips, forms, charts, etc.
</li>
<li class="z47ts">
<span class="cnneu">Framework support:</span> Works with plain HTML, React, Vue, Angular (Pro), and more.
</li>
<li class="z47ts">
<span class="cnneu">Figma design system:</span> Complete design kit for prototyping and design handoff.
</li>
<li class="z47ts">
<span class="cnneu">Mobile-first & responsive:</span> All components are built to work well on different screen sizes.
</li>
<li class="z47ts">
<span class="cnneu">Accessible (a11y):</span> Follows accessibility best practices.
</li>
<li class="z47ts">
<span class="cnneu">Dark mode ready</span>
</li>
<li class="z47ts">
<span class="cnneu">Free & open-source</span>, with a <span class="cnneu">Pro version</span> offering more advanced components, templates, and framework support.
</li>
</ul>
<h3 class="n8xpr sikx1 mp30q">
Common Use Cases:
</h3>
<ul class="e3s31 rwwei cut5c rsa50 space-y-3">
<li class="z47ts">
Admin dashboards
</li>
<li class="z47ts">
SaaS landing pages
</li>
<li class="z47ts">
E-commerce sites
</li>
<li class="z47ts">
Documentation pages
</li>
<li class="z47ts">
Any Tailwind-based web project
</li>
</ul>
<!-- Button Group -->
<div class="flex flex-wrap items-center">
<!-- Button -->
<div class="hs-tooltip [--placement:bottom-left] inline-block">
<button type="button" class="hs-tooltip-toggle flex jkwm1 items-center vyfcq yl1cu w4xo0 fd43e d05xb kghwt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr 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="e731n b9gop" xmlns="http://www.w3.org/2000/svg" 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 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8"/><path d="M21 3v5h-5"/><path d="M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16"/><path d="M8 16H3v5"/></svg>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 sd513 inline-block absolute vajpp wzd7f ga1u8 jxswk nzj5e xs2f2 sikx1 kew0r m74u5 hj07t dark:bg-neutral-700" role="tooltip">
Regenerate
</span>
</button>
</div>
<!-- End Button -->
<!-- Button -->
<div class="hs-tooltip [--placement:bottom-left] inline-block">
<button type="button" class="hs-tooltip-toggle flex jkwm1 items-center vyfcq yl1cu w4xo0 fd43e d05xb kghwt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr 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="e731n b9gop" xmlns="http://www.w3.org/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>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 sd513 inline-block absolute vajpp wzd7f ga1u8 jxswk nzj5e xs2f2 sikx1 kew0r m74u5 hj07t dark:bg-neutral-700" role="tooltip">
Copy
</span>
</button>
</div>
<!-- End Button -->
<!-- Button -->
<div class="hs-tooltip [--placement:bottom-left] inline-block">
<button type="button" class="hs-tooltip-toggle flex jkwm1 items-center vyfcq yl1cu w4xo0 fd43e d05xb kghwt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr 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="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7 10v12"/><path d="M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2a3.13 3.13 0 0 1 3 3.88Z"/></svg>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 sd513 inline-block absolute vajpp wzd7f ga1u8 jxswk nzj5e xs2f2 sikx1 kew0r m74u5 hj07t dark:bg-neutral-700" role="tooltip">
Good response
</span>
</button>
</div>
<!-- End Button -->
<!-- Button -->
<div class="hs-tooltip [--placement:bottom-left] inline-block">
<button type="button" class="hs-tooltip-toggle flex jkwm1 items-center vyfcq yl1cu w4xo0 fd43e d05xb kghwt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr 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="e731n b9gop" xmlns="http://www.w3.org/2000/svg" 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 14V2"/><path d="M9 18.12 10 14H4.17a2 2 0 0 1-1.92-2.56l2.33-8A2 2 0 0 1 6.5 2H20a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-2.76a2 2 0 0 0-1.79 1.11L12 22a3.13 3.13 0 0 1-3-3.88Z"/></svg>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 sd513 inline-block absolute vajpp wzd7f ga1u8 jxswk nzj5e xs2f2 sikx1 kew0r m74u5 hj07t dark:bg-neutral-700" role="tooltip">
Bad response
</span>
</button>
</div>
<!-- End Button -->
<!-- Button -->
<div class="hs-tooltip [--placement:bottom-left] inline-block">
<button type="button" class="hs-tooltip-toggle flex jkwm1 items-center vyfcq yl1cu w4xo0 fd43e d05xb kghwt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr 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="e731n b9gop" xmlns="http://www.w3.org/2000/svg" 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 2v13"/><path d="m16 6-4-4-4 4"/><path d="M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8"/></svg>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 sd513 inline-block absolute vajpp wzd7f ga1u8 jxswk nzj5e xs2f2 sikx1 kew0r m74u5 hj07t dark:bg-neutral-700" role="tooltip">
Share
</span>
</button>
</div>
<!-- End Button -->
<!-- Source Link -->
<button type="button" class="rbr78 od5va f2l40 inline-flex items-center b1nd2 fd43e w4xo0 kghwt d05xb focus:outline-hidden r17tr dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200" data-hs-overlay="#hs-pro-chhds1" aria-controls="hs-pro-chhds1" aria-label="Toggle navigation" aria-expanded="false">
<span class="-ms-1.5 flex items-center -space-x-2">
<span class="yhc35 flex e731n jkwm1 items-center aqyoh kghwt dark:bg-neutral-800">
<svg class="e731n b9gop" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
<path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z"/>
</svg>
</span>
<span class="yhc35 flex e731n jkwm1 items-center aqyoh kghwt dark:bg-neutral-800">
<svg class="e731n b9gop" width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M18.0835 3.23358C9.88316 3.23358 3.23548 9.8771 3.23548 18.0723V35.5832H0.583496V18.0723C0.583496 8.41337 8.41851 0.583252 18.0835 0.583252C27.7485 0.583252 35.5835 8.41337 35.5835 18.0723C35.5835 27.7312 27.7485 35.5614 18.0835 35.5614H16.7357V32.911H18.0835C26.2838 32.911 32.9315 26.2675 32.9315 18.0723C32.9315 9.8771 26.2838 3.23358 18.0835 3.23358Z" fill="#2563eb"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M18.0833 8.62162C12.8852 8.62162 8.62666 12.9245 8.62666 18.2879V35.5833H5.97468V18.2879C5.97468 11.5105 11.3713 5.97129 18.0833 5.97129C24.7954 5.97129 30.192 11.5105 30.192 18.2879C30.192 25.0653 24.7954 30.6045 18.0833 30.6045H16.7355V27.9542H18.0833C23.2815 27.9542 27.54 23.6513 27.54 18.2879C27.54 12.9245 23.2815 8.62162 18.0833 8.62162Z" fill="#2563eb"/>
<path d="M24.8225 18.1012C24.8225 21.8208 21.8053 24.8361 18.0833 24.8361C14.3614 24.8361 11.3442 21.8208 11.3442 18.1012C11.3442 14.3815 14.3614 11.3662 18.0833 11.3662C21.8053 11.3662 24.8225 14.3815 24.8225 18.1012Z" fill="#2563eb"/>
</svg>
</span>
</span>
25 sources
</button>
<!-- End Source Link -->
</div>
<!-- End Button Group -->
</div>
<!-- End Chat Bubble -->
</div>
<div class="yhsdv mq18k wzd7f aqyoh xq8d6 w-full mx-auto q1glq fglch xf1r4 ids43 dark:bg-neutral-800">
<!-- Textarea -->
<div class="aqyoh rsdjd dwbp4 piqys lvyi2 dark:bg-neutral-800 dark:border-neutral-600">
<label for="hs-pro-aimt" class="et50x">Ask anything...</label>
<div class="sa2ld jxswk">
<textarea id="hs-pro-aimt" class="dkig0 ja90s oqskk sa2ld z47ts mi0xb block w-full w4poy azddh zsuop c9jt8 wl876 focus:outline-hidden k16qo vv6e0 disabled:opacity-50 disabled:pointer-events-none dark:bg-transparent dark:text-neutral-200 dark:placeholder-neutral-500 overflow-y-auto xwpzv y0qzi qjpoo n3xnc dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500" placeholder="Ask anything..." data-hs-textarea-auto-height></textarea>
<div class="kmove flex ox2cl items-center n6i5x">
<!-- Button Group -->
<div class="flex items-center n6i5x">
<!-- Add Media Dropdown -->
<div class="hs-dropdown ryyp7 relative inline-flex">
<button id="hs-pro-aimtaf" type="button" class="flex jkwm1 items-center vyfcq yl1cu w4xo0 fd43e d05xb pb094 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr 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="e731n twmqj" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>
<span class="et50x">Add Media</span>
</button>
<!-- Add Media Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 rsxqi transition-[opacity,margin] duration opacity-0 hidden oozbf aqyoh rsdjd lnk45 er6t7 poi4v before:absolute before:-top-4 before:start-0 before:w-full before:h-5 dark:bg-neutral-950 dark:border-neutral-700" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-aimtaf">
<div class="vyel6 space-y-0.5">
<button type="button" class="w-full flex items-center vyfcq od5va jxswk pb094 w4xo0 c9jt8 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="e731n h6zia" xmlns="http://www.w3.org/2000/svg" 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 6-8.414 8.586a2 2 0 0 0 2.829 2.829l8.414-8.586a4 4 0 1 0-5.657-5.657l-8.379 8.551a6 6 0 1 0 8.485 8.485l8.379-8.551"/></svg>
Upload a file
</button>
<button type="button" class="w-full flex items-center vyfcq od5va jxswk pb094 w4xo0 c9jt8 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="e731n h6zia" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z"/><circle cx="12" cy="13" r="3"/></svg>
Add a screenshot
</button>
</div>
</div>
<!-- End Add Media Dropdown -->
</div>
<!-- End Add Media Dropdown -->
<!-- Tools Dropdown -->
<div class="hs-dropdown ryyp7 relative inline-flex">
<button id="hs-pro-aimttl" type="button" class="flex jkwm1 items-center n6i5x od5va jxswk w4xo0 fd43e d05xb pb094 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr 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="e731n twmqj" xmlns="http://www.w3.org/2000/svg" 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 17H5"/><path d="M19 7h-9"/><circle cx="17" cy="17" r="3"/><circle cx="7" cy="7" r="3"/></svg>
Tools
</button>
<!-- Tools Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 rsxqi transition-[opacity,margin] duration opacity-0 hidden oozbf aqyoh rsdjd lnk45 er6t7 poi4v before:absolute before:-top-4 before:start-0 before:w-full before:h-5 dark:bg-neutral-950 dark:border-neutral-700" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-aimttl">
<div class="vyel6 space-y-0.5">
<button type="button" class="w-full flex items-center vyfcq od5va jxswk pb094 w4xo0 c9jt8 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="e731n h6zia" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 22H4a2 2 0 0 1-2-2V6"/><path d="m22 13-1.296-1.296a2.41 2.41 0 0 0-3.408 0L11 18"/><circle cx="12" cy="8" r="2"/><rect width="16" height="16" x="6" y="2" rx="2"/></svg>
Create an image
</button>
<button type="button" class="w-full flex items-center vyfcq od5va jxswk pb094 w4xo0 c9jt8 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="e731n h6zia" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"/><path d="M2 12h20"/></svg>
Search the web
</button>
<button type="button" class="w-full flex items-center vyfcq od5va jxswk pb094 w4xo0 c9jt8 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="e731n h6zia" xmlns="http://www.w3.org/2000/svg" width="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>
Write or code
</button>
<button type="button" class="w-full flex items-center vyfcq od5va jxswk pb094 w4xo0 c9jt8 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="e731n h6zia" xmlns="http://www.w3.org/2000/svg" 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.065 12.493-6.18 1.318a.934.934 0 0 1-1.108-.702l-.537-2.15a1.07 1.07 0 0 1 .691-1.265l13.504-4.44"/><path d="m13.56 11.747 4.332-.924"/><path d="m16 21-3.105-6.21"/><path d="M16.485 5.94a2 2 0 0 1 1.455-2.425l1.09-.272a1 1 0 0 1 1.212.727l1.515 6.06a1 1 0 0 1-.727 1.213l-1.09.272a2 2 0 0 1-2.425-1.455z"/><path d="m6.158 8.633 1.114 4.456"/><path d="m8 21 3.105-6.21"/><circle cx="12" cy="13" r="2"/></svg>
Run deep research
</button>
<button type="button" class="w-full flex items-center vyfcq od5va jxswk pb094 w4xo0 c9jt8 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<svg class="e731n h6zia" xmlns="http://www.w3.org/2000/svg" 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 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5"/><path d="M9 18h6"/><path d="M10 22h4"/></svg>
Think for longer
</button>
</div>
</div>
<!-- End Tools Dropdown -->
</div>
<!-- End Tools Dropdown -->
</div>
<!-- End Button Group -->
<!-- Button Group -->
<div class="flex items-center n6i5x">
<!-- Select -->
<div class="relative inline-block ez0dv">
<select id="hs-pro-select-model" data-hs-select='{
"placeholder": "Select Model",
"toggleTag": "<button type=\"button\" aria-expanded=\"false\"><span class=\"hrvkp \" data-icon></span><span class=\"c9jt8 dark:text-neutral-200 \" data-title></span></button>",
"toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative od5va yuavq e2bhr inline-flex jkwm1 items-center w9dei aqyoh c9jt8 w4xo0 pb094 gpv41 d05xb focus:outline-hidden r17tr before:absolute before:inset-0 before:z-1 nzmya dark:bg-neutral-800 dark:border-neutral-600 dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700",
"dropdownClasses": "ja90s wu22o rsxqi kji94 vyel6 space-y-0.5 aqyoh rsdjd lnk45 er6t7 gmg3v dark:bg-neutral-900 dark:border-neutral-700",
"optionClasses": "hs-selected:bg-gray-100 dark:hs-selected:bg-neutral-800 s53ws fglch w-full w4xo0 c9jt8 cursor-pointer d05xb pb094 focus:outline-hidden r17tr dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800",
"optionTemplate": "<div><div class=\"flex items-center \"><div class=\"hrvkp \" data-icon></div><div class=\"c9jt8 dark:text-neutral-200 \" data-title></div></div><div class=\"w4xo0 jy5gh dark:text-neutral-500 \" data-description></div></div>",
"extraMarkup": "<div class=\"absolute zoyba tb54y cursor-pointer -translate-y-1/2 \"><svg class=\"e731n b9gop jy5gh dark:text-neutral-500 \" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m6 9 6 6 6-6\"/></svg></div>"
}' class="hidden">
<option value="">Choose</option>
<option value="1" data-hs-select-option='{
"icon": "<svg class=\"e731n yhc35 \" overflow=\"visible\" width=\"100%\" height=\"100%\" viewBox=\"0 0 100 101\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" role=\"presentation\"><path d=\"M96.0000 40.0000 L99.5002 42.0000 L99.5002 43.5000 L98.5000 47.0000 L56.0000 57.0000 L52.0040 47.0708 L96.0000 40.0000 M96.0000 40.0000 \" fill=\"#D97757\" style=\"transform-origin: 50px 50px; transform: rotate(330deg) scaleY(0.925) rotate(-330deg);\"></path><path d=\"M80.1032 10.5903 L84.9968 11.6171 L86.2958 13.2179 L87.5346 17.0540 L87.0213 19.5007 L58.5000 58.5000 L49.0000 49.0000 L75.3008 14.4873 L80.1032 10.5903 M80.1032 10.5903 \" fill=\"#D97757\" style=\"transform-origin: 50px 50px; transform: rotate(300deg) scaleY(0.955) rotate(-300deg);\"></path><path d=\"M55.5002 4.5000 L58.5005 2.5000 L61.0002 3.5000 L63.5002 7.0000 L56.6511 48.1620 L52.0005 45.0000 L50.0005 39.5000 L53.5003 8.5000 L55.5002 4.5000 M55.5002 4.5000 \" fill=\"#D97757\" style=\"transform-origin: 50px 50px; transform: rotate(270deg) scaleY(0.94) rotate(-270deg);\"></path><path d=\"M23.4253 5.1588 L26.5075 1.2217 L28.5175 0.7632 L32.5063 1.3458 L34.4748 2.8868 L48.8202 34.6902 L54.0089 49.8008 L47.9378 53.1760 L24.8009 11.1886 L23.4253 5.1588 M23.4253 5.1588 \" fill=\"#D97757\" style=\"transform-origin: 50px 50px; transform: rotate(240deg) scaleY(1.045) rotate(-240deg);\"></path><path d=\"M8.4990 27.0019 L7.4999 23.0001 L10.5003 19.5001 L14.0003 20.0001 L15.0003 20.0001 L36.0000 35.5000 L42.5000 40.5000 L51.5000 47.5000 L46.5000 56.0000 L42.0002 52.5000 L39.0001 49.5000 L10.0000 29.0001 L8.4990 27.0019 M8.4990 27.0019 \" fill=\"#D97757\" style=\"transform-origin: 50px 50px; transform: rotate(210deg) scaleY(1.00662) rotate(-210deg);\"></path><path d=\"M2.5003 53.0000 L0.2370 50.5000 L0.2373 48.2759 L2.5003 47.5000 L28.0000 49.0000 L53.0000 51.0000 L52.1885 55.9782 L4.5000 53.5000 L2.5003 53.0000 M2.5003 53.0000 \" fill=\"#D97757\" style=\"transform-origin: 50px 50px; transform: rotate(180deg) scaleY(1.19328) rotate(-180deg);\"></path><path d=\"M17.5002 79.0264 L12.5005 79.0264 L10.5124 76.7369 L10.5124 74.0000 L19.0005 68.0000 L53.5082 46.0337 L57.0005 52.0000 L17.5002 79.0264 M17.5002 79.0264 \" fill=\"#D97757\" style=\"transform-origin: 50px 50px; transform: rotate(150deg) scaleY(1.22995) rotate(-150deg);\"></path><path d=\"M27.0004 92.9999 L25.0003 93.4999 L22.0003 91.9999 L22.5004 89.4999 L52.0003 50.5000 L56.0004 55.9999 L34.0003 85.0000 L27.0004 92.9999 M27.0004 92.9999 \" fill=\"#D97757\" style=\"transform-origin: 50px 50px; transform: rotate(120deg) scaleY(1.19338) rotate(-120deg);\"></path><path d=\"M51.9998 98.0000 L50.5002 100.0000 L47.5002 101.0000 L45.0001 99.0000 L43.5000 96.0000 L51.0003 55.4999 L55.5001 55.9999 L51.9998 98.0000 M51.9998 98.0000 \" fill=\"#D97757\" style=\"transform-origin: 50px 50px; transform: rotate(90deg) scaleY(1.11172) rotate(-90deg);\"></path><path d=\"M77.5007 86.9997 L77.5007 90.9997 L77.0006 92.4997 L75.0004 93.4997 L71.5006 93.0339 L47.4669 57.2642 L56.9998 50.0002 L64.9994 64.5004 L65.7507 69.7497 L77.5007 86.9997 M77.5007 86.9997 \" fill=\"#D97757\" style=\"transform-origin: 50px 50px; transform: rotate(60deg) scaleY(1.02705) rotate(-60deg);\"></path><path d=\"M89.0008 80.9991 L89.5008 83.4991 L88.0008 85.4991 L86.5007 84.9991 L78.0007 78.9991 L65.0007 67.4991 L55.0007 60.4991 L58.0000 51.0000 L62.9999 54.0001 L66.0007 59.4991 L89.0008 80.9991 M89.0008 80.9991 \" fill=\"#D97757\" style=\"transform-origin: 50px 50px; transform: rotate(30deg) scaleY(0.985) rotate(-30deg);\"></path><path d=\"M82.5003 55.5000 L95.0003 56.5000 L98.0003 58.5000 L100.0000 61.5000 L100.0000 63.6587 L94.5003 66.0000 L66.5005 59.0000 L55.0003 58.5000 L58.0000 48.0000 L66.0005 54.0000 L82.5003 55.5000 M82.5003 55.5000 \" fill=\"#D97757\" style=\"transform-origin: 50px 50px; transform: rotate(0deg) scaleY(1.075) rotate(0deg);\"></path></svg>"
}'>Claude-4-sonnet</option>
<option value="2" data-hs-select-option='{
"icon": "<svg class=\"e731n yhc35 \" overflow=\"visible\" width=\"100%\" height=\"100%\" viewBox=\"0 0 100 101\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" role=\"presentation\"><path d=\"M96.0000 40.0000 L99.5002 42.0000 L99.5002 43.5000 L98.5000 47.0000 L56.0000 57.0000 L52.0040 47.0708 L96.0000 40.0000 M96.0000 40.0000 \" fill=\"#D97757\" style=\"transform-origin: 50px 50px; transform: rotate(330deg) scaleY(0.925) rotate(-330deg);\"></path><path d=\"M80.1032 10.5903 L84.9968 11.6171 L86.2958 13.2179 L87.5346 17.0540 L87.0213 19.5007 L58.5000 58.5000 L49.0000 49.0000 L75.3008 14.4873 L80.1032 10.5903 M80.1032 10.5903 \" fill=\"#D97757\" style=\"transform-origin: 50px 50px; transform: rotate(300deg) scaleY(0.955) rotate(-300deg);\"></path><path d=\"M55.5002 4.5000 L58.5005 2.5000 L61.0002 3.5000 L63.5002 7.0000 L56.6511 48.1620 L52.0005 45.0000 L50.0005 39.5000 L53.5003 8.5000 L55.5002 4.5000 M55.5002 4.5000 \" fill=\"#D97757\" style=\"transform-origin: 50px 50px; transform: rotate(270deg) scaleY(0.94) rotate(-270deg);\"></path><path d=\"M23.4253 5.1588 L26.5075 1.2217 L28.5175 0.7632 L32.5063 1.3458 L34.4748 2.8868 L48.8202 34.6902 L54.0089 49.8008 L47.9378 53.1760 L24.8009 11.1886 L23.4253 5.1588 M23.4253 5.1588 \" fill=\"#D97757\" style=\"transform-origin: 50px 50px; transform: rotate(240deg) scaleY(1.045) rotate(-240deg);\"></path><path d=\"M8.4990 27.0019 L7.4999 23.0001 L10.5003 19.5001 L14.0003 20.0001 L15.0003 20.0001 L36.0000 35.5000 L42.5000 40.5000 L51.5000 47.5000 L46.5000 56.0000 L42.0002 52.5000 L39.0001 49.5000 L10.0000 29.0001 L8.4990 27.0019 M8.4990 27.0019 \" fill=\"#D97757\" style=\"transform-origin: 50px 50px; transform: rotate(210deg) scaleY(1.00662) rotate(-210deg);\"></path><path d=\"M2.5003 53.0000 L0.2370 50.5000 L0.2373 48.2759 L2.5003 47.5000 L28.0000 49.0000 L53.0000 51.0000 L52.1885 55.9782 L4.5000 53.5000 L2.5003 53.0000 M2.5003 53.0000 \" fill=\"#D97757\" style=\"transform-origin: 50px 50px; transform: rotate(180deg) scaleY(1.19328) rotate(-180deg);\"></path><path d=\"M17.5002 79.0264 L12.5005 79.0264 L10.5124 76.7369 L10.5124 74.0000 L19.0005 68.0000 L53.5082 46.0337 L57.0005 52.0000 L17.5002 79.0264 M17.5002 79.0264 \" fill=\"#D97757\" style=\"transform-origin: 50px 50px; transform: rotate(150deg) scaleY(1.22995) rotate(-150deg);\"></path><path d=\"M27.0004 92.9999 L25.0003 93.4999 L22.0003 91.9999 L22.5004 89.4999 L52.0003 50.5000 L56.0004 55.9999 L34.0003 85.0000 L27.0004 92.9999 M27.0004 92.9999 \" fill=\"#D97757\" style=\"transform-origin: 50px 50px; transform: rotate(120deg) scaleY(1.19338) rotate(-120deg);\"></path><path d=\"M51.9998 98.0000 L50.5002 100.0000 L47.5002 101.0000 L45.0001 99.0000 L43.5000 96.0000 L51.0003 55.4999 L55.5001 55.9999 L51.9998 98.0000 M51.9998 98.0000 \" fill=\"#D97757\" style=\"transform-origin: 50px 50px; transform: rotate(90deg) scaleY(1.11172) rotate(-90deg);\"></path><path d=\"M77.5007 86.9997 L77.5007 90.9997 L77.0006 92.4997 L75.0004 93.4997 L71.5006 93.0339 L47.4669 57.2642 L56.9998 50.0002 L64.9994 64.5004 L65.7507 69.7497 L77.5007 86.9997 M77.5007 86.9997 \" fill=\"#D97757\" style=\"transform-origin: 50px 50px; transform: rotate(60deg) scaleY(1.02705) rotate(-60deg);\"></path><path d=\"M89.0008 80.9991 L89.5008 83.4991 L88.0008 85.4991 L86.5007 84.9991 L78.0007 78.9991 L65.0007 67.4991 L55.0007 60.4991 L58.0000 51.0000 L62.9999 54.0001 L66.0007 59.4991 L89.0008 80.9991 M89.0008 80.9991 \" fill=\"#D97757\" style=\"transform-origin: 50px 50px; transform: rotate(30deg) scaleY(0.985) rotate(-30deg);\"></path><path d=\"M82.5003 55.5000 L95.0003 56.5000 L98.0003 58.5000 L100.0000 61.5000 L100.0000 63.6587 L94.5003 66.0000 L66.5005 59.0000 L55.0003 58.5000 L58.0000 48.0000 L66.0005 54.0000 L82.5003 55.5000 M82.5003 55.5000 \" fill=\"#D97757\" style=\"transform-origin: 50px 50px; transform: rotate(0deg) scaleY(1.075) rotate(0deg);\"></path></svg>"
}'>Claude-3.5-sonnet</option>
<option value="3" selected data-hs-select-option='{
"icon": "<svg class=\"e731n yhc35 \" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\" class=\"icon-lg \"><path d=\"M11.2475 18.25C10.6975 18.25 10.175 18.1455 9.67999 17.9365C9.18499 17.7275 8.74499 17.436 8.35999 17.062C7.94199 17.205 7.50749 17.2765 7.05649 17.2765C6.31949 17.2765 5.63749 17.095 5.01049 16.732C4.38349 16.369 3.87749 15.874 3.49249 15.247C3.11849 14.62 2.93149 13.9215 2.93149 13.1515C2.93149 12.8325 2.97549 12.486 3.06349 12.112C2.62349 11.705 2.28249 11.2375 2.04049 10.7095C1.79849 10.1705 1.67749 9.6095 1.67749 9.0265C1.67749 8.4325 1.80399 7.8605 2.05699 7.3105C2.30999 6.7605 2.66199 6.2875 3.11299 5.8915C3.57499 5.4845 4.10849 5.204 4.71349 5.05C4.83449 4.423 5.08749 3.862 5.47249 3.367C5.86849 2.861 6.35249 2.465 6.92449 2.179C7.49649 1.893 8.10699 1.75 8.75599 1.75C9.30599 1.75 9.82849 1.8545 10.3235 2.0635C10.8185 2.2725 11.2585 2.564 11.6435 2.938C12.0615 2.795 12.496 2.7235 12.947 2.7235C13.684 2.7235 14.366 2.905 14.993 3.268C15.62 3.631 16.1205 4.126 16.4945 4.753C16.8795 5.38 17.072 6.0785 17.072 6.8485C17.072 7.1675 17.028 7.514 16.94 7.888C17.38 8.295 17.721 8.768 17.963 9.307C18.205 9.835 18.326 10.3905 18.326 10.9735C18.326 11.5675 18.1995 12.1395 17.9465 12.6895C17.6935 13.2395 17.336 13.718 16.874 14.125C16.423 14.521 15.895 14.796 15.29 14.95C15.169 15.577 14.9105 16.138 14.5145 16.633C14.1295 17.139 13.651 17.535 13.079 17.821C12.507 18.107 11.8965 18.25 11.2475 18.25ZM7.17199 16.1875C7.72199 16.1875 8.20049 16.072 8.60749 15.841L11.7095 14.059C11.8195 13.982 11.8745 13.8775 11.8745 13.7455V12.3265L7.88149 14.62C7.63949 14.763 7.39749 14.763 7.15549 14.62L4.03699 12.8215C4.03699 12.8545 4.03149 12.893 4.02049 12.937C4.02049 12.981 4.02049 13.047 4.02049 13.135C4.02049 13.696 4.15249 14.213 4.41649 14.686C4.69149 15.148 5.07099 15.511 5.55499 15.775C6.03899 16.05 6.57799 16.1875 7.17199 16.1875ZM7.33699 13.498C7.40299 13.531 7.46349 13.5475 7.51849 13.5475C7.57349 13.5475 7.62849 13.531 7.68349 13.498L8.92099 12.7885L4.94449 10.4785C4.70249 10.3355 4.58149 10.121 4.58149 9.835V6.2545C4.03149 6.4965 3.59149 6.8705 3.26149 7.3765C2.93149 7.8715 2.76649 8.4215 2.76649 9.0265C2.76649 9.5655 2.90399 10.0825 3.17899 10.5775C3.45399 11.0725 3.81149 11.4465 4.25149 11.6995L7.33699 13.498ZM11.2475 17.161C11.8305 17.161 12.3585 17.029 12.8315 16.765C13.3045 16.501 13.6785 16.138 13.9535 15.676C14.2285 15.214 14.366 14.697 14.366 14.125V10.561C14.366 10.429 14.311 10.33 14.201 10.264L12.947 9.538V14.1415C12.947 14.4275 12.826 14.642 12.584 14.785L9.46549 16.5835C10.0045 16.9685 10.5985 17.161 11.2475 17.161ZM11.8745 11.122V8.878L10.01 7.822L8.12899 8.878V11.122L10.01 12.178L11.8745 11.122ZM7.05649 5.8585C7.05649 5.5725 7.17749 5.358 7.41949 5.215L10.538 3.4165C9.99899 3.0315 9.40499 2.839 8.75599 2.839C8.17299 2.839 7.64499 2.971 7.17199 3.235C6.69899 3.499 6.32499 3.862 6.04999 4.324C5.78599 4.786 5.65399 5.303 5.65399 5.875V9.4225C5.65399 9.5545 5.70899 9.659 5.81899 9.736L7.05649 10.462V5.8585ZM15.4385 13.7455C15.9885 13.5035 16.423 13.1295 16.742 12.6235C17.072 12.1175 17.237 11.5675 17.237 10.9735C17.237 10.4345 17.0995 9.9175 16.8245 9.4225C16.5495 8.9275 16.192 8.5535 15.752 8.3005L12.6665 6.5185C12.6005 6.4745 12.54 6.458 12.485 6.469C12.43 6.469 12.375 6.4855 12.32 6.5185L11.0825 7.2115L15.0755 9.538C15.1965 9.604 15.2845 9.692 15.3395 9.802C15.4055 9.901 15.4385 10.022 15.4385 10.165V13.7455ZM12.122 5.3635C12.364 5.2095 12.606 5.2095 12.848 5.3635L15.983 7.195C15.983 7.118 15.983 7.019 15.983 6.898C15.983 6.37 15.851 5.8695 15.587 5.3965C15.334 4.9125 14.9655 4.5275 14.4815 4.2415C14.0085 3.9555 13.4585 3.8125 12.8315 3.8125C12.2815 3.8125 11.803 3.928 11.396 4.159L8.29399 5.941C8.18399 6.018 8.12899 6.1225 8.12899 6.2545V7.6735L12.122 5.3635Z\"></path></svg>"
}'>gpt-o3</option>
<option value="4" data-hs-select-option='{
"icon": "<svg class=\"e731n yhc35 \" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\" class=\"icon-lg \"><path d=\"M11.2475 18.25C10.6975 18.25 10.175 18.1455 9.67999 17.9365C9.18499 17.7275 8.74499 17.436 8.35999 17.062C7.94199 17.205 7.50749 17.2765 7.05649 17.2765C6.31949 17.2765 5.63749 17.095 5.01049 16.732C4.38349 16.369 3.87749 15.874 3.49249 15.247C3.11849 14.62 2.93149 13.9215 2.93149 13.1515C2.93149 12.8325 2.97549 12.486 3.06349 12.112C2.62349 11.705 2.28249 11.2375 2.04049 10.7095C1.79849 10.1705 1.67749 9.6095 1.67749 9.0265C1.67749 8.4325 1.80399 7.8605 2.05699 7.3105C2.30999 6.7605 2.66199 6.2875 3.11299 5.8915C3.57499 5.4845 4.10849 5.204 4.71349 5.05C4.83449 4.423 5.08749 3.862 5.47249 3.367C5.86849 2.861 6.35249 2.465 6.92449 2.179C7.49649 1.893 8.10699 1.75 8.75599 1.75C9.30599 1.75 9.82849 1.8545 10.3235 2.0635C10.8185 2.2725 11.2585 2.564 11.6435 2.938C12.0615 2.795 12.496 2.7235 12.947 2.7235C13.684 2.7235 14.366 2.905 14.993 3.268C15.62 3.631 16.1205 4.126 16.4945 4.753C16.8795 5.38 17.072 6.0785 17.072 6.8485C17.072 7.1675 17.028 7.514 16.94 7.888C17.38 8.295 17.721 8.768 17.963 9.307C18.205 9.835 18.326 10.3905 18.326 10.9735C18.326 11.5675 18.1995 12.1395 17.9465 12.6895C17.6935 13.2395 17.336 13.718 16.874 14.125C16.423 14.521 15.895 14.796 15.29 14.95C15.169 15.577 14.9105 16.138 14.5145 16.633C14.1295 17.139 13.651 17.535 13.079 17.821C12.507 18.107 11.8965 18.25 11.2475 18.25ZM7.17199 16.1875C7.72199 16.1875 8.20049 16.072 8.60749 15.841L11.7095 14.059C11.8195 13.982 11.8745 13.8775 11.8745 13.7455V12.3265L7.88149 14.62C7.63949 14.763 7.39749 14.763 7.15549 14.62L4.03699 12.8215C4.03699 12.8545 4.03149 12.893 4.02049 12.937C4.02049 12.981 4.02049 13.047 4.02049 13.135C4.02049 13.696 4.15249 14.213 4.41649 14.686C4.69149 15.148 5.07099 15.511 5.55499 15.775C6.03899 16.05 6.57799 16.1875 7.17199 16.1875ZM7.33699 13.498C7.40299 13.531 7.46349 13.5475 7.51849 13.5475C7.57349 13.5475 7.62849 13.531 7.68349 13.498L8.92099 12.7885L4.94449 10.4785C4.70249 10.3355 4.58149 10.121 4.58149 9.835V6.2545C4.03149 6.4965 3.59149 6.8705 3.26149 7.3765C2.93149 7.8715 2.76649 8.4215 2.76649 9.0265C2.76649 9.5655 2.90399 10.0825 3.17899 10.5775C3.45399 11.0725 3.81149 11.4465 4.25149 11.6995L7.33699 13.498ZM11.2475 17.161C11.8305 17.161 12.3585 17.029 12.8315 16.765C13.3045 16.501 13.6785 16.138 13.9535 15.676C14.2285 15.214 14.366 14.697 14.366 14.125V10.561C14.366 10.429 14.311 10.33 14.201 10.264L12.947 9.538V14.1415C12.947 14.4275 12.826 14.642 12.584 14.785L9.46549 16.5835C10.0045 16.9685 10.5985 17.161 11.2475 17.161ZM11.8745 11.122V8.878L10.01 7.822L8.12899 8.878V11.122L10.01 12.178L11.8745 11.122ZM7.05649 5.8585C7.05649 5.5725 7.17749 5.358 7.41949 5.215L10.538 3.4165C9.99899 3.0315 9.40499 2.839 8.75599 2.839C8.17299 2.839 7.64499 2.971 7.17199 3.235C6.69899 3.499 6.32499 3.862 6.04999 4.324C5.78599 4.786 5.65399 5.303 5.65399 5.875V9.4225C5.65399 9.5545 5.70899 9.659 5.81899 9.736L7.05649 10.462V5.8585ZM15.4385 13.7455C15.9885 13.5035 16.423 13.1295 16.742 12.6235C17.072 12.1175 17.237 11.5675 17.237 10.9735C17.237 10.4345 17.0995 9.9175 16.8245 9.4225C16.5495 8.9275 16.192 8.5535 15.752 8.3005L12.6665 6.5185C12.6005 6.4745 12.54 6.458 12.485 6.469C12.43 6.469 12.375 6.4855 12.32 6.5185L11.0825 7.2115L15.0755 9.538C15.1965 9.604 15.2845 9.692 15.3395 9.802C15.4055 9.901 15.4385 10.022 15.4385 10.165V13.7455ZM12.122 5.3635C12.364 5.2095 12.606 5.2095 12.848 5.3635L15.983 7.195C15.983 7.118 15.983 7.019 15.983 6.898C15.983 6.37 15.851 5.8695 15.587 5.3965C15.334 4.9125 14.9655 4.5275 14.4815 4.2415C14.0085 3.9555 13.4585 3.8125 12.8315 3.8125C12.2815 3.8125 11.803 3.928 11.396 4.159L8.29399 5.941C8.18399 6.018 8.12899 6.1225 8.12899 6.2545V7.6735L12.122 5.3635Z\"></path></svg>"
}'>gpt-4.1</option>
<option value="5" data-hs-select-option='{
"icon": "<svg class=\"e731n yhc35 \" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\" class=\"icon-lg \"><path d=\"M11.2475 18.25C10.6975 18.25 10.175 18.1455 9.67999 17.9365C9.18499 17.7275 8.74499 17.436 8.35999 17.062C7.94199 17.205 7.50749 17.2765 7.05649 17.2765C6.31949 17.2765 5.63749 17.095 5.01049 16.732C4.38349 16.369 3.87749 15.874 3.49249 15.247C3.11849 14.62 2.93149 13.9215 2.93149 13.1515C2.93149 12.8325 2.97549 12.486 3.06349 12.112C2.62349 11.705 2.28249 11.2375 2.04049 10.7095C1.79849 10.1705 1.67749 9.6095 1.67749 9.0265C1.67749 8.4325 1.80399 7.8605 2.05699 7.3105C2.30999 6.7605 2.66199 6.2875 3.11299 5.8915C3.57499 5.4845 4.10849 5.204 4.71349 5.05C4.83449 4.423 5.08749 3.862 5.47249 3.367C5.86849 2.861 6.35249 2.465 6.92449 2.179C7.49649 1.893 8.10699 1.75 8.75599 1.75C9.30599 1.75 9.82849 1.8545 10.3235 2.0635C10.8185 2.2725 11.2585 2.564 11.6435 2.938C12.0615 2.795 12.496 2.7235 12.947 2.7235C13.684 2.7235 14.366 2.905 14.993 3.268C15.62 3.631 16.1205 4.126 16.4945 4.753C16.8795 5.38 17.072 6.0785 17.072 6.8485C17.072 7.1675 17.028 7.514 16.94 7.888C17.38 8.295 17.721 8.768 17.963 9.307C18.205 9.835 18.326 10.3905 18.326 10.9735C18.326 11.5675 18.1995 12.1395 17.9465 12.6895C17.6935 13.2395 17.336 13.718 16.874 14.125C16.423 14.521 15.895 14.796 15.29 14.95C15.169 15.577 14.9105 16.138 14.5145 16.633C14.1295 17.139 13.651 17.535 13.079 17.821C12.507 18.107 11.8965 18.25 11.2475 18.25ZM7.17199 16.1875C7.72199 16.1875 8.20049 16.072 8.60749 15.841L11.7095 14.059C11.8195 13.982 11.8745 13.8775 11.8745 13.7455V12.3265L7.88149 14.62C7.63949 14.763 7.39749 14.763 7.15549 14.62L4.03699 12.8215C4.03699 12.8545 4.03149 12.893 4.02049 12.937C4.02049 12.981 4.02049 13.047 4.02049 13.135C4.02049 13.696 4.15249 14.213 4.41649 14.686C4.69149 15.148 5.07099 15.511 5.55499 15.775C6.03899 16.05 6.57799 16.1875 7.17199 16.1875ZM7.33699 13.498C7.40299 13.531 7.46349 13.5475 7.51849 13.5475C7.57349 13.5475 7.62849 13.531 7.68349 13.498L8.92099 12.7885L4.94449 10.4785C4.70249 10.3355 4.58149 10.121 4.58149 9.835V6.2545C4.03149 6.4965 3.59149 6.8705 3.26149 7.3765C2.93149 7.8715 2.76649 8.4215 2.76649 9.0265C2.76649 9.5655 2.90399 10.0825 3.17899 10.5775C3.45399 11.0725 3.81149 11.4465 4.25149 11.6995L7.33699 13.498ZM11.2475 17.161C11.8305 17.161 12.3585 17.029 12.8315 16.765C13.3045 16.501 13.6785 16.138 13.9535 15.676C14.2285 15.214 14.366 14.697 14.366 14.125V10.561C14.366 10.429 14.311 10.33 14.201 10.264L12.947 9.538V14.1415C12.947 14.4275 12.826 14.642 12.584 14.785L9.46549 16.5835C10.0045 16.9685 10.5985 17.161 11.2475 17.161ZM11.8745 11.122V8.878L10.01 7.822L8.12899 8.878V11.122L10.01 12.178L11.8745 11.122ZM7.05649 5.8585C7.05649 5.5725 7.17749 5.358 7.41949 5.215L10.538 3.4165C9.99899 3.0315 9.40499 2.839 8.75599 2.839C8.17299 2.839 7.64499 2.971 7.17199 3.235C6.69899 3.499 6.32499 3.862 6.04999 4.324C5.78599 4.786 5.65399 5.303 5.65399 5.875V9.4225C5.65399 9.5545 5.70899 9.659 5.81899 9.736L7.05649 10.462V5.8585ZM15.4385 13.7455C15.9885 13.5035 16.423 13.1295 16.742 12.6235C17.072 12.1175 17.237 11.5675 17.237 10.9735C17.237 10.4345 17.0995 9.9175 16.8245 9.4225C16.5495 8.9275 16.192 8.5535 15.752 8.3005L12.6665 6.5185C12.6005 6.4745 12.54 6.458 12.485 6.469C12.43 6.469 12.375 6.4855 12.32 6.5185L11.0825 7.2115L15.0755 9.538C15.1965 9.604 15.2845 9.692 15.3395 9.802C15.4055 9.901 15.4385 10.022 15.4385 10.165V13.7455ZM12.122 5.3635C12.364 5.2095 12.606 5.2095 12.848 5.3635L15.983 7.195C15.983 7.118 15.983 7.019 15.983 6.898C15.983 6.37 15.851 5.8695 15.587 5.3965C15.334 4.9125 14.9655 4.5275 14.4815 4.2415C14.0085 3.9555 13.4585 3.8125 12.8315 3.8125C12.2815 3.8125 11.803 3.928 11.396 4.159L8.29399 5.941C8.18399 6.018 8.12899 6.1225 8.12899 6.2545V7.6735L12.122 5.3635Z\"></path></svg>"
}'>gpt-4o</option>
</select>
</div>
<!-- End Select -->
<!-- Button -->
<button type="button" class="flex jkwm1 items-center b1nd2 yl1cu w4xo0 fd43e d05xb pb094 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr 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="e731n b9gop" xmlns="http://www.w3.org/2000/svg" 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="et50x">Send voice message</span>
</button>
<!-- End Button -->
<!-- Send Button -->
<button type="button" class="inline-flex e731n jkwm1 items-center yl1cu w4xo0 sikx1 pb094 kew0r dmaxi bnf6b disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden ukj8s">
<span class="et50x">Send</span>
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m5 12 7-7 7 7"/><path d="M12 19V5"/></svg>
</button>
<!-- End Send Button -->
</div>
<!-- End Button Group -->
</div>
</div>
</div>
<!-- End Textarea -->
</div>
</main>
<!-- ========== END MAIN CONTENT ========== -->
<!-- ========== SECONDARY CONTENT ========== -->
<!-- Secondary Sidebar -->
<aside id="hs-pro-chhds1" class="hs-sidebar-details hs-overlay [--body-scroll:true] lg:[--overlay-backdrop:false] [--is-layout-affect:true] [--auto-close:lg] [--auto-close-equality-type:less-than] hs-overlay-open:translate-x-0
dfgf4 fl36v ufjzp h587a
x8zhk sjdco w-full
hidden
fixed mq18k kji94 bhfx6 fuv09 h1r77
aqyoh r8kcg lnk45
lg:block lapav k4112
dark:bg-neutral-800 dark:border-neutral-700" tabindex="-1" aria-labelledby="hs-pro-chhds1-label">
<div class="h1r77 flex flex-col">
<!-- Header -->
<div class="brrnv d9vg5 flex ox2cl items-center fazzp lnk45 dark:border-neutral-800">
<span id="hs-pro-chhds1-label" class="block sikx1 c9jt8 dark:text-neutral-200">
Sources
</span>
<!-- Close Button -->
<div class="absolute gvmr9 ou3y7 wzd7f">
<button type="button" class="yl1cu inline-flex jkwm1 items-center n9hej kghwt rsdjd azddh aqyoh c9jt8 cq7a3 focus:outline-hidden f6db7 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:text-neutral-400 dark:focus:bg-neutral-700" aria-label="Close" data-hs-overlay="#hs-pro-chhds1">
<span class="et50x">Close</span>
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg>
</button>
</div>
<!-- End Close Button -->
</div>
<!-- End Header -->
<!-- Body -->
<div class="overflow-y-auto ixq0h">
<ul class="s53ws d9vg5 flex flex-col owy5q">
<!-- List Item -->
<li class="-mx-4">
<!-- Card -->
<a class="block tbd2k pb094 d05xb focus:outline-hidden r17tr dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<div>
<h5 class="sikx1 w4xo0 c9jt8 dark:text-neutral-200">
GitHub - htmlstreamofficial/preline: Preline UI is an open-source set of prebuilt UI components based on the utility-first Tailwind CSS framework.
</h5>
<p class="rwavo w4xo0 vgpmo jy5gh dark:text-neutral-400">
Preline UI is an open-source set of prebuilt UI components based on the utility-first Tailwind CSS framework. Based on the Tailwind CSS utility classes, Preline UI's prebuilt components and UI elements help you quickly design and customize responsive mobile-first websites with the components a website needs, including buttons, dropdowns, navigation bars, modals, and more. Components are grouped by visual usability criteria (components, navigation, forms, etc.) and styled directly on top of Tailwind CSS, making them easy to extend and customize. This is a lifesaver for developers look
</p>
</div>
<div class="wc6fu flex items-center n9hej">
<svg class="e731n b9gop v26s6 dark:text-white" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z"/></svg>
<p class="xs2f2 jy5gh dark:text-neutral-500">
github.com
</p>
</div>
</a>
<!-- End Card -->
</li>
<!-- End List Item -->
<!-- List Item -->
<li class="-mx-4">
<!-- Card -->
<a class="block tbd2k pb094 d05xb focus:outline-hidden r17tr dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<div>
<h5 class="sikx1 w4xo0 c9jt8 dark:text-neutral-200">
Preline UI - Tailwind CSS components library
</h5>
<p class="rwavo w4xo0 vgpmo jy5gh dark:text-neutral-400">
Combining Tailwind CSS with Preline UI can definitely boost productivity. Preline UI offers additional components and features that can enhance your development process. Give it a try!
</p>
</div>
<div class="wc6fu flex items-center n9hej">
<svg class="e731n b9gop" width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M18.0835 3.23358C9.88316 3.23358 3.23548 9.8771 3.23548 18.0723V35.5832H0.583496V18.0723C0.583496 8.41337 8.41851 0.583252 18.0835 0.583252C27.7485 0.583252 35.5835 8.41337 35.5835 18.0723C35.5835 27.7312 27.7485 35.5614 18.0835 35.5614H16.7357V32.911H18.0835C26.2838 32.911 32.9315 26.2675 32.9315 18.0723C32.9315 9.8771 26.2838 3.23358 18.0835 3.23358Z" fill="#2563eb"/><path fill-rule="evenodd" clip-rule="evenodd" d="M18.0833 8.62162C12.8852 8.62162 8.62666 12.9245 8.62666 18.2879V35.5833H5.97468V18.2879C5.97468 11.5105 11.3713 5.97129 18.0833 5.97129C24.7954 5.97129 30.192 11.5105 30.192 18.2879C30.192 25.0653 24.7954 30.6045 18.0833 30.6045H16.7355V27.9542H18.0833C23.2815 27.9542 27.54 23.6513 27.54 18.2879C27.54 12.9245 23.2815 8.62162 18.0833 8.62162Z" fill="#2563eb"/><path d="M24.8225 18.1012C24.8225 21.8208 21.8053 24.8361 18.0833 24.8361C14.3614 24.8361 11.3442 21.8208 11.3442 18.1012C11.3442 14.3815 14.3614 11.3662 18.0833 11.3662C21.8053 11.3662 24.8225 14.3815 24.8225 18.1012Z" fill="#2563eb"/></svg>
<p class="xs2f2 jy5gh dark:text-neutral-500">
preline.co
</p>
</div>
</a>
<!-- End Card -->
</li>
<!-- End List Item -->
<!-- List Item -->
<li class="-mx-4">
<!-- Card -->
<a class="block tbd2k pb094 d05xb focus:outline-hidden r17tr dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<div>
<h5 class="sikx1 w4xo0 c9jt8 dark:text-neutral-200">
Preline Ul - Open Source Tailwind CSS component library - DEV Community
</h5>
<p class="rwavo w4xo0 vgpmo jy5gh dark:text-neutral-400">
A utility-first CSS framework packed with classes like flex, pt-4, text-center and rotate-90 that can be composed to build any design, directly in your markup. Preline UI is an open-source set of prebuilt UI components based on the utility-first Tailwind CSS framework. Based on the Tailwind CSS utility classes, Preline UI's prebuilt components and UI elements help you quickly design and customize responsive mobile-first websites with diverse predefined components (such as modals, buttons, alerts, cards and more). Components are grouped by visual usability criteria (components, navigation, forms, etc.) and styled directly on top of Tailwind CSS, making them easy to extend and customize. This is a lifesaver for developers looking to create a unique and eye-catching design system without the hassle of creating each component by hand. It is a great option for new and existing projects.
</p>
</div>
<div class="wc6fu flex items-center n9hej">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" aria-label="dev.to" role="img" viewBox="0 0 512 512"><rect width="512" height="512" rx="15%"/><path fill="#ffffff" d="M140.47 203.94h-17.44v104.47h17.45c10.155-.545 17.358-8.669 17.47-17.41v-69.65c-.696-10.364-7.796-17.272-17.48-17.41zm45.73 87.25c0 18.81-11.61 47.31-48.36 47.25h-46.4V172.98h47.38c35.44 0 47.36 28.46 47.37 47.28zm100.68-88.66H233.6v38.42h32.57v29.57H233.6v38.41h53.29v29.57h-62.18c-11.16.29-20.44-8.53-20.72-19.69V193.7c-.27-11.15 8.56-20.41 19.71-20.69h63.19zm103.64 115.29c-13.2 30.75-36.85 24.63-47.44 0l-38.53-144.8h32.57l29.71 113.72 29.57-113.72h32.58z"/></svg>
<p class="xs2f2 jy5gh dark:text-neutral-500">
preline.co
</p>
</div>
</a>
<!-- End Card -->
</li>
<!-- End List Item -->
<!-- List Item -->
<li class="-mx-4">
<!-- Card -->
<a class="block tbd2k pb094 d05xb focus:outline-hidden r17tr dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<div>
<h5 class="sikx1 w4xo0 c9jt8 dark:text-neutral-200">
Preline Ul Figma | Figma
</h5>
<p class="rwavo w4xo0 vgpmo jy5gh dark:text-neutral-400">
Preline UI Figma is the largest free design system for Figma, crafted with Tailwind CSS styles and Preline UI components with extra top-notch additions. Learn more at https://preline.co/figma.html Features: Over 5k Components and VariantsBuilt with Auto layout and ConstraintsBrowse dozens of com...
</p>
</div>
<div class="wc6fu flex items-center n9hej">
<svg class="e731n b9gop" width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 10C0 4.47715 4.47715 0 10 0H26C31.5228 0 36 4.47715 36 10V26C36 31.5228 31.5228 36 26 36H10C4.47715 36 0 31.5228 0 26V10Z" fill="black"/><path d="M14.0461 30C16.225 30 17.9934 28.208 17.9934 26V22H14.0461C11.8671 22 10.0987 23.792 10.0987 26C10.0987 28.208 11.8671 30 14.0461 30Z" fill="#0ACF83"/><path d="M10.0987 18C10.0987 15.792 11.8671 14 14.0461 14H17.9934V22H14.0461C11.8671 22 10.0987 20.208 10.0987 18Z" fill="#A259FF"/><path d="M10.0987 10C10.0987 7.792 11.8671 6 14.0461 6H17.9934V14H14.0461C11.8671 14 10.0987 12.208 10.0987 10Z" fill="#F24E1E"/><path d="M17.9934 6H21.9408C24.1197 6 25.8882 7.792 25.8882 10C25.8882 12.208 24.1197 14 21.9408 14H17.9934V6Z" fill="#FF7262"/><path d="M25.8882 18C25.8882 20.208 24.1197 22 21.9408 22C19.7618 22 17.9934 20.208 17.9934 18C17.9934 15.792 19.7618 14 21.9408 14C24.1197 14 25.8882 15.792 25.8882 18Z" fill="#1ABCFE"/></svg>
<p class="xs2f2 jy5gh dark:text-neutral-500">
preline.co
</p>
</div>
</a>
<!-- End Card -->
</li>
<!-- End List Item -->
</ul>
</div>
<!-- End Body -->
</div>
</aside>
<!-- End Secondary Sidebar -->
<!-- ========== END SECONDARY CONTENT ========== -->
<!-- ========== HEADER ========== -->
<header class="lg:hidden flex flex-wrap qxd8q md:flex-nowrap wu22o aqyoh dark:bg-neutral-900">
<div class="msxlk mx-auto flex ox2cl items-center ygsjd w-full gdxvw ns57r wq9mm 2xl:px-5">
<!-- Logo & Sidebar Toggle -->
<div class=" flex items-center">
<!-- Logo -->
<a class="flex-none m74u5 mp30q inline-block cnneu focus:outline-hidden o8t9n" href="../../pro/payment/index.html" aria-label="Preline">
<svg class="o5z37 h-auto" width="116" height="32" viewBox="0 0 116 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M33.5696 30.8182V11.3182H37.4474V13.7003H37.6229C37.7952 13.3187 38.0445 12.9309 38.3707 12.5369C38.7031 12.1368 39.134 11.8045 39.6634 11.5398C40.1989 11.2689 40.8636 11.1335 41.6577 11.1335C42.6918 11.1335 43.6458 11.4044 44.5199 11.946C45.3939 12.4815 46.0926 13.291 46.6158 14.3743C47.139 15.4515 47.4006 16.8026 47.4006 18.4276C47.4006 20.0095 47.1451 21.3452 46.6342 22.4347C46.1295 23.518 45.4401 24.3397 44.5661 24.8999C43.6982 25.4538 42.7256 25.7308 41.6484 25.7308C40.8852 25.7308 40.2358 25.6046 39.7003 25.3523C39.1709 25.0999 38.737 24.7829 38.3984 24.4013C38.0599 24.0135 37.8014 23.6226 37.6229 23.2287H37.5028V30.8182H33.5696ZM37.4197 18.4091C37.4197 19.2524 37.5367 19.9879 37.7706 20.6158C38.0045 21.2436 38.343 21.733 38.7862 22.0838C39.2294 22.4285 39.768 22.6009 40.402 22.6009C41.0421 22.6009 41.5838 22.4254 42.027 22.0746C42.4702 21.7176 42.8056 21.2251 43.0334 20.5973C43.2673 19.9633 43.3842 19.2339 43.3842 18.4091C43.3842 17.5904 43.2704 16.8703 43.0426 16.2486C42.8149 15.6269 42.4794 15.1406 42.0362 14.7898C41.593 14.4389 41.0483 14.2635 40.402 14.2635C39.7618 14.2635 39.2202 14.4328 38.777 14.7713C38.34 15.1098 38.0045 15.59 37.7706 16.2116C37.5367 16.8333 37.4197 17.5658 37.4197 18.4091ZM49.2427 25.5V11.3182H53.0559V13.7926H53.2037C53.4622 12.9124 53.8961 12.2476 54.5055 11.7983C55.1149 11.3428 55.8166 11.1151 56.6106 11.1151C56.8076 11.1151 57.02 11.1274 57.2477 11.152C57.4754 11.1766 57.6755 11.2105 57.8478 11.2536V14.7436C57.6632 14.6882 57.4077 14.639 57.0815 14.5959C56.7553 14.5528 56.4567 14.5312 56.1859 14.5312C55.6073 14.5312 55.0903 14.6574 54.6348 14.9098C54.1854 15.156 53.8284 15.5007 53.5638 15.9439C53.3052 16.3871 53.176 16.898 53.176 17.4766V25.5H49.2427ZM64.9043 25.777C63.4455 25.777 62.1898 25.4815 61.1373 24.8906C60.0909 24.2936 59.2845 23.4503 58.7182 22.3608C58.1519 21.2652 57.8688 19.9695 57.8688 18.4737C57.8688 17.0149 58.1519 15.7346 58.7182 14.6328C59.2845 13.531 60.0816 12.6723 61.1096 12.0568C62.1437 11.4413 63.3563 11.1335 64.7474 11.1335C65.683 11.1335 66.5539 11.2843 67.3603 11.5859C68.1728 11.8814 68.8806 12.3277 69.4839 12.9247C70.0932 13.5218 70.5672 14.2727 70.9057 15.1776C71.2443 16.0762 71.4135 17.1288 71.4135 18.3352V19.4155H59.4384V16.978H67.7111C67.7111 16.4117 67.588 15.91 67.3418 15.473C67.0956 15.036 66.754 14.6944 66.317 14.4482C65.8861 14.1958 65.3844 14.0696 64.812 14.0696C64.2149 14.0696 63.6856 14.2081 63.2239 14.4851C62.7684 14.7559 62.4114 15.1222 62.1529 15.5838C61.8944 16.0393 61.762 16.5471 61.7559 17.1072V19.4247C61.7559 20.1264 61.8851 20.7327 62.1437 21.2436C62.4083 21.7545 62.7807 22.1484 63.2608 22.4254C63.741 22.7024 64.3103 22.8409 64.9689 22.8409C65.406 22.8409 65.8061 22.7794 66.1692 22.6562C66.5324 22.5331 66.8432 22.3485 67.1018 22.1023C67.3603 21.8561 67.5572 21.5545 67.6927 21.1974L71.3304 21.4375C71.1458 22.3116 70.7672 23.0748 70.1948 23.7273C69.6285 24.3736 68.896 24.8783 67.9974 25.2415C67.1048 25.5985 66.0738 25.777 64.9043 25.777ZM77.1335 6.59091V25.5H73.2003V6.59091H77.1335ZM79.5043 25.5V11.3182H83.4375V25.5H79.5043ZM81.4801 9.49006C80.8954 9.49006 80.3937 9.29616 79.9752 8.90838C79.5628 8.51444 79.3566 8.04356 79.3566 7.49574C79.3566 6.95407 79.5628 6.48935 79.9752 6.10156C80.3937 5.70762 80.8954 5.51065 81.4801 5.51065C82.0649 5.51065 82.5635 5.70762 82.9759 6.10156C83.3944 6.48935 83.6037 6.95407 83.6037 7.49574C83.6037 8.04356 83.3944 8.51444 82.9759 8.90838C82.5635 9.29616 82.0649 9.49006 81.4801 9.49006ZM89.7415 17.3011V25.5H85.8083V11.3182H89.5569V13.8203H89.723C90.037 12.9955 90.5632 12.343 91.3019 11.8629C92.0405 11.3767 92.9361 11.1335 93.9887 11.1335C94.9735 11.1335 95.8322 11.349 96.5647 11.7798C97.2971 12.2107 97.8665 12.8262 98.2728 13.6264C98.679 14.4205 98.8821 15.3684 98.8821 16.4702V25.5H94.9489V17.1719C94.9551 16.304 94.7335 15.6269 94.2841 15.1406C93.8348 14.6482 93.2162 14.402 92.4283 14.402C91.8989 14.402 91.4311 14.5159 91.0249 14.7436C90.6248 14.9714 90.3109 15.3037 90.0831 15.7408C89.8615 16.1716 89.7477 16.6918 89.7415 17.3011ZM107.665 25.777C106.206 25.777 104.951 25.4815 103.898 24.8906C102.852 24.2936 102.045 23.4503 101.479 22.3608C100.913 21.2652 100.63 19.9695 100.63 18.4737C100.63 17.0149 100.913 15.7346 101.479 14.6328C102.045 13.531 102.842 12.6723 103.87 12.0568C104.905 11.4413 106.117 11.1335 107.508 11.1335C108.444 11.1335 109.315 11.2843 110.121 11.5859C110.934 11.8814 111.641 12.3277 112.245 12.9247C112.854 13.5218 113.328 14.2727 113.667 15.1776C114.005 16.0762 114.174 17.1288 114.174 18.3352V19.4155H102.199V16.978H110.472C110.472 16.4117 110.349 15.91 110.103 15.473C109.856 15.036 109.515 14.6944 109.078 14.4482C108.647 14.1958 108.145 14.0696 107.573 14.0696C106.976 14.0696 106.446 14.2081 105.985 14.4851C105.529 14.7559 105.172 15.1222 104.914 15.5838C104.655 16.0393 104.523 16.5471 104.517 17.1072V19.4247C104.517 20.1264 104.646 20.7327 104.905 21.2436C105.169 21.7545 105.542 22.1484 106.022 22.4254C106.502 22.7024 107.071 22.8409 107.73 22.8409C108.167 22.8409 108.567 22.7794 108.93 22.6562C109.293 22.5331 109.604 22.3485 109.863 22.1023C110.121 21.8561 110.318 21.5545 110.454 21.1974L114.091 21.4375C113.907 22.3116 113.528 23.0748 112.956 23.7273C112.389 24.3736 111.657 24.8783 110.758 25.2415C109.866 25.5985 108.835 25.777 107.665 25.777Z" class="utzfk 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="p2s7b 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="p2s7b dark:stroke-white" stroke="currentColor" stroke-width="2"/>
<circle cx="13" cy="16.5214" r="5" class="utzfk dark:fill-white" fill="currentColor"/>
</svg>
</a>
<!-- End Logo -->
<div class="rbr78 lj5z1">
</div>
<div class="lg:hidden r0p95">
<!-- Sidebar Toggle -->
<button type="button" class="bu4xv r44ox inline-flex jkwm1 items-center n9hej w4xo0 sikx1 pb094 rsdjd lnk45 aqyoh c9jt8 hj07t nzmya focus:outline-hidden r17tr disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" aria-haspopup="dialog" aria-expanded="false" aria-controls="hs-pro-sidebar" aria-label="Toggle navigation" data-hs-overlay="#hs-pro-sidebar">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 8L21 12L17 16M3 12H13M3 6H13M3 18H13"/></svg>
</button>
<!-- End Sidebar Toggle -->
</div>
</div>
<!-- End Logo & Sidebar Toggle -->
<div class=" flex smdr3 items-center b1nd2">
<!-- Dark Mode -->
<button type="button" class="hs-dark-mode-active:hidden flex hs-dark-mode group sc63t jkwm1 items-center n9hej pb094 rsdjd azddh c9jt8 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-theme-click-value="dark">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" 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 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z"/></svg>
</button>
<button type="button" class="hs-dark-mode-active:flex hidden hs-dark-mode group sc63t jkwm1 items-center n9hej pb094 rsdjd azddh c9jt8 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-theme-click-value="light">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="4"/><path d="M12 2v2"/><path d="M12 20v2"/><path d="m4.93 4.93 1.41 1.41"/><path d="m17.66 17.66 1.41 1.41"/><path d="M2 12h2"/><path d="M20 12h2"/><path d="m6.34 17.66-1.41 1.41"/><path d="m19.07 4.93-1.41 1.41"/></svg>
</button>
<!-- End Dark Mode -->
<!-- Notifications Button Icon -->
<div class="hs-dropdown [--auto-close:inside] relative inline-flex">
<button id="hs-pro-dnnd" type="button" class="sc63t inline-flex jkwm1 items-center n9hej pb094 rsdjd azddh c9jt8 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9"/><path d="M10.3 21a1.94 1.94 0 0 0 3.4 0"/></svg>
<span class="flex absolute fuv09 kji94 wzd7f -mt-1.5 -me-1.5">
<span class="baj5e absolute inline-flex fp3m4 kghwt spl34 y1afu dark:bg-red-600"></span>
<span class="relative bnbld nfrej inline-flex jkwm1 items-center s91e0 jmaom kew0r kghwt eoh5b">
2
</span>
</span>
</button>
<!-- End Notifications Button Icon -->
<!-- Notifications Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 w-full lztgl transition-[opacity,margin] duration opacity-0 hidden wu22o aqyoh yfv61 lnk45 sd8lw s530u xus2s no3my dark:bg-neutral-800 dark:border-neutral-700" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-dnnd">
<!-- Header -->
<div class="ns57r f5e2w flex ox2cl items-center fazzp lnk45 dark:border-neutral-700">
<!-- Nav Tab -->
<nav class="flex v1hon" aria-label="Tabs" role="tablist" aria-orientation="horizontal">
<button type="button" class="hs-tab-active:after:bg-gray-800 hs-tab-active:text-gray-800 jxswk od5va wyf4w relative inline-flex jkwm1 items-center n9hej d05xb jy5gh mg8vb w4xo0 pb094 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr after:absolute after:-bottom-2 after:inset-x-2 after:z-10 after:h-0.5 after:pointer-events-none dark:hs-tab-active:text-neutral-200 dark:hs-tab-active:after:bg-neutral-400 dark:text-neutral-500 dark:hover:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden active" id="hs-pro-tabs-pnn-1-item-all" aria-selected="true" data-hs-tab="#hs-pro-tabs-pnn-1-all" aria-controls="hs-pro-tabs-pnn-1-all" role="tab" >
All
</button>
<button type="button" class="hs-tab-active:after:bg-gray-800 hs-tab-active:text-gray-800 jxswk od5va wyf4w relative inline-flex jkwm1 items-center n9hej d05xb jy5gh mg8vb w4xo0 pb094 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr after:absolute after:-bottom-2 after:inset-x-2 after:z-10 after:h-0.5 after:pointer-events-none dark:hs-tab-active:text-neutral-200 dark:hs-tab-active:after:bg-neutral-400 dark:text-neutral-500 dark:hover:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden " id="hs-pro-tabs-pnn-2-item-archived" aria-selected="false" data-hs-tab="#hs-pro-tabs-pnn-2-archived" aria-controls="hs-pro-tabs-pnn-2-archived" role="tab" >
Archived
</button>
</nav>
<!-- End Nav Tab -->
<!-- Notifications Button Icon -->
<div class="hs-tooltip relative inline-block n8xpr">
<a class="hs-tooltip-toggle qqwrg inline-flex jkwm1 items-center n9hej kghwt rsdjd azddh jy5gh d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-800" href="#">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" ><path d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z"/><circle cx="12" cy="12" r="3"/></svg>
</a>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute vajpp gbcuh od5va sfv8v nzj5e xs2f2 kew0r pb094 dark:bg-neutral-700" role="tooltip">
Preferences
</span>
</div>
<!-- End Notifications Button Icon -->
</div>
<!-- End Header -->
<!-- Tab Content -->
<div id="hs-pro-tabs-pnn-1-all" role="tabpanel" aria-labelledby="hs-pro-tabs-pnn-1-item-all">
<div class="n95xd overflow-y-auto overflow-hidden xwpzv y0qzi bxgd5 n3xnc dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<ul class="divide-y divide-gray-200 dark:divide-neutral-800">
<!-- List Item -->
<li class="relative group w-full flex p5sau w9dei f4yn1 dark:bg-neutral-900 t0g73">
<div class="relative e731n">
<img class="e731n sc63t kghwt" src="https://images.unsplash.com/photo-1659482634023-2c4fda99ac0c?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="Avatar">
<span class="absolute ktrn1 -start-3 s4l24 owkrq kghwt dark:bg-blue-500"></span>
</div>
<div class="hlt95">
<p class="xs2f2 jy5gh dark:text-neutral-500">
2 hours ago
</p>
<span class="block w4xo0 sikx1 c9jt8 dark:text-neutral-300">
Eilis Warner
</span>
<p class="w4xo0 jy5gh dark:text-neutral-500">
Your $100 transaction was successfully sent to Emma Watson
</p>
</div>
<div>
<div class="sm:group-hover:opacity-100 sm:opacity-0 sm:absolute go8xa whstg">
<!-- Segment Button Group -->
<div class="inline-block wix63 aqyoh rsdjd lnk45 pb094 hj07t whz4r ccbyv dark:bg-neutral-800 dark:border-neutral-700">
<div class="flex items-center">
<div class="hs-tooltip relative inline-block">
<button type="button" class="hs-tooltip-toggle qqwrg flex e731n jkwm1 items-center jy5gh d05xb mg8vb m8zlk disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:hover:bg-neutral-700 dark:text-neutral-400 dark:focus:bg-neutral-700">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 11 12 14 22 4"/><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"/></svg>
<svg class="e731n b9gop hidden" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M8 12h8"/></svg>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute vajpp gbcuh od5va sfv8v nzj5e xs2f2 kew0r pb094 dark:bg-neutral-700" role="tooltip">
Mark this notification as read
</span>
</div>
<div class="hs-tooltip relative inline-block">
<button type="button" class="hs-tooltip-toggle qqwrg flex e731n jkwm1 items-center jy5gh d05xb mg8vb m8zlk disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:hover:bg-neutral-700 dark:text-neutral-400 dark:focus:bg-neutral-700">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="5" x="2" y="4" rx="2"/><path d="M4 9v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9"/><path d="M10 13h4"/></svg>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute vajpp gbcuh od5va sfv8v nzj5e xs2f2 kew0r pb094 dark:bg-neutral-700" role="tooltip">
Archive this notification
</span>
</div>
</div>
</div>
<!-- End Segment Button Group -->
</div>
</div>
</li>
<!-- End List Item -->
<!-- List Item -->
<li class="relative group w-full flex p5sau w9dei t0g73">
<div class="relative e731n">
<span class="flex e731n jkwm1 items-center sc63t aqyoh rsdjd lnk45 jy5gh w4xo0 cnneu kghwt hj07t dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400">
C
</span>
</div>
<div class="hlt95">
<p class="xs2f2 jy5gh dark:text-neutral-500">
3 days ago
</p>
<span class="block w4xo0 sikx1 c9jt8 dark:text-neutral-300">
Clara Becker
</span>
<p class="w4xo0 jy5gh dark:text-neutral-500">
sent you a gift 🎁
</p>
<p>
<a class="inline-flex items-center n6i5x w4xo0 fc1i1 j3zsq f1348 sikx1 focus:outline-hidden ow4j6 dark:text-violet-400 dark:hover:text-violet-500" href="#">
Open gift
<svg class="e731n b9gop whz4r resz6 group-hover:translate-x-1 group-focus:translate-x-1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg>
</a>
</p>
</div>
<div>
<div class="sm:group-hover:opacity-100 sm:opacity-0 sm:absolute go8xa whstg">
<!-- Segment Button Group -->
<div class="inline-block wix63 aqyoh rsdjd lnk45 pb094 hj07t whz4r ccbyv dark:bg-neutral-800 dark:border-neutral-700">
<div class="flex items-center">
<div class="hs-tooltip relative inline-block">
<button type="button" class="hs-tooltip-toggle qqwrg flex e731n jkwm1 items-center jy5gh d05xb mg8vb m8zlk disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:hover:bg-neutral-700 dark:text-neutral-400 dark:focus:bg-neutral-700">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 11 12 14 22 4"/><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"/></svg>
<svg class="e731n b9gop hidden" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M8 12h8"/></svg>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute vajpp gbcuh od5va sfv8v nzj5e xs2f2 kew0r pb094 dark:bg-neutral-700" role="tooltip">
Mark this notification as read
</span>
</div>
<div class="hs-tooltip relative inline-block">
<button type="button" class="hs-tooltip-toggle qqwrg flex e731n jkwm1 items-center jy5gh d05xb mg8vb m8zlk disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:hover:bg-neutral-700 dark:text-neutral-400 dark:focus:bg-neutral-700">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="5" x="2" y="4" rx="2"/><path d="M4 9v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9"/><path d="M10 13h4"/></svg>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute vajpp gbcuh od5va sfv8v nzj5e xs2f2 kew0r pb094 dark:bg-neutral-700" role="tooltip">
Archive this notification
</span>
</div>
</div>
</div>
<!-- End Segment Button Group -->
</div>
</div>
</li>
<!-- End List Item -->
<!-- List Item -->
<li class="relative group w-full flex p5sau w9dei t0g73">
<div class="relative e731n">
<span class="flex e731n jkwm1 items-center sc63t aqyoh rsdjd lnk45 jy5gh w4xo0 cnneu kghwt hj07t dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400">
P
</span>
</div>
<div class="hlt95">
<p class="xs2f2 jy5gh dark:text-neutral-500">
5 Jan 2023
</p>
<span class="block w4xo0 sikx1 c9jt8 dark:text-neutral-300">
New Update on Preline
</span>
<p class="w4xo0 jy5gh dark:text-neutral-500">
Add yourself to our new “Hire Page”. Let visitors know you’re open to freelance or full-time work.
</p>
<a class="ja90s rmzo7 inline-flex items-center rsdjd lnk45 er6t7 nzmya tvbow focus:outline-hidden r17tr dark:border-neutral-700 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<img class="zx3gt cldzd x1s1r pb094" src="https://images.unsplash.com/photo-1670272505340-d906d8d77d03?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2070&q=80" alt="Avatar">
<div class="hlt95 gdxvw fglch">
<p class="w4xo0 sikx1 c9jt8 dark:text-neutral-300">
Get hired!
</p>
<p class="inline-flex items-center n6i5x w4xo0 jy5gh dark:text-neutral-500">
Get started
<svg class="e731n b9gop whz4r resz6 group-hover:translate-x-1 group-focus:translate-x-1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg>
</p>
</div>
</a>
</div>
<div>
<div class="sm:group-hover:opacity-100 sm:opacity-0 sm:absolute go8xa whstg">
<!-- Segment Button Group -->
<div class="inline-block wix63 aqyoh rsdjd lnk45 pb094 hj07t whz4r ccbyv dark:bg-neutral-800 dark:border-neutral-700">
<div class="flex items-center">
<div class="hs-tooltip relative inline-block">
<button type="button" class="hs-tooltip-toggle qqwrg flex e731n jkwm1 items-center jy5gh d05xb mg8vb m8zlk disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:hover:bg-neutral-700 dark:text-neutral-400 dark:focus:bg-neutral-700">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 11 12 14 22 4"/><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"/></svg>
<svg class="e731n b9gop hidden" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M8 12h8"/></svg>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute vajpp gbcuh od5va sfv8v nzj5e xs2f2 kew0r pb094 dark:bg-neutral-700" role="tooltip">
Mark this notification as read
</span>
</div>
<div class="hs-tooltip relative inline-block">
<button type="button" class="hs-tooltip-toggle qqwrg flex e731n jkwm1 items-center jy5gh d05xb mg8vb m8zlk disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:hover:bg-neutral-700 dark:text-neutral-400 dark:focus:bg-neutral-700">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="5" x="2" y="4" rx="2"/><path d="M4 9v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9"/><path d="M10 13h4"/></svg>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute vajpp gbcuh od5va sfv8v nzj5e xs2f2 kew0r pb094 dark:bg-neutral-700" role="tooltip">
Archive this notification
</span>
</div>
</div>
</div>
<!-- End Segment Button Group -->
</div>
</div>
</li>
<!-- End List Item -->
<!-- List Item -->
<li class="relative group w-full flex p5sau w9dei t0g73">
<div class="relative e731n">
<span class="flex e731n jkwm1 items-center sc63t aqyoh rsdjd lnk45 jy5gh w4xo0 cnneu kghwt hj07t dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400">
P
</span>
</div>
<div class="hlt95">
<p class="xs2f2 jy5gh dark:text-neutral-500">
5 Jan 2023
</p>
<span class="block w4xo0 sikx1 c9jt8 dark:text-neutral-300">
We’re updating our Privacy Policy as of 10th January 2023.content
</span>
<p>
<a class="inline-flex items-center n6i5x w4xo0 fc1i1 j3zsq f1348 sikx1 focus:outline-hidden ow4j6 dark:text-violet-400 dark:hover:text-violet-500" href="#">
Learn more
<svg class="e731n b9gop whz4r resz6 group-hover:translate-x-1 group-focus:translate-x-1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg>
</a>
</p>
</div>
<div>
<div class="sm:group-hover:opacity-100 sm:opacity-0 sm:absolute go8xa whstg">
<!-- Segment Button Group -->
<div class="inline-block wix63 aqyoh rsdjd lnk45 pb094 hj07t whz4r ccbyv dark:bg-neutral-800 dark:border-neutral-700">
<div class="flex items-center">
<div class="hs-tooltip relative inline-block">
<button type="button" class="hs-tooltip-toggle qqwrg flex e731n jkwm1 items-center jy5gh d05xb mg8vb m8zlk disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:hover:bg-neutral-700 dark:text-neutral-400 dark:focus:bg-neutral-700">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 11 12 14 22 4"/><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"/></svg>
<svg class="e731n b9gop hidden" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M8 12h8"/></svg>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute vajpp gbcuh od5va sfv8v nzj5e xs2f2 kew0r pb094 dark:bg-neutral-700" role="tooltip">
Mark this notification as read
</span>
</div>
<div class="hs-tooltip relative inline-block">
<button type="button" class="hs-tooltip-toggle qqwrg flex e731n jkwm1 items-center jy5gh d05xb mg8vb m8zlk disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:hover:bg-neutral-700 dark:text-neutral-400 dark:focus:bg-neutral-700">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="5" x="2" y="4" rx="2"/><path d="M4 9v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9"/><path d="M10 13h4"/></svg>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute vajpp gbcuh od5va sfv8v nzj5e xs2f2 kew0r pb094 dark:bg-neutral-700" role="tooltip">
Archive this notification
</span>
</div>
</div>
</div>
<!-- End Segment Button Group -->
</div>
</div>
</li>
<!-- End List Item -->
<!-- List Item -->
<li class="relative group w-full flex p5sau w9dei f4yn1 dark:bg-neutral-900 t0g73">
<div class="relative e731n">
<img class="e731n sc63t kghwt" src="https://images.unsplash.com/photo-1614880353165-e56fac2ea9a8?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="Avatar">
<span class="absolute ktrn1 -start-3 s4l24 owkrq kghwt dark:bg-blue-500"></span>
</div>
<div class="hlt95">
<p class="xs2f2 jy5gh dark:text-neutral-500">
31 Dec 2022
</p>
<span class="block w4xo0 sikx1 c9jt8 dark:text-neutral-300">
Rubia Walter
</span>
<p class="w4xo0 jy5gh dark:text-neutral-500">
Joined the Slack group HS Team
</p>
</div>
<div>
<div class="sm:group-hover:opacity-100 sm:opacity-0 sm:absolute go8xa whstg">
<!-- Segment Button Group -->
<div class="inline-block wix63 aqyoh rsdjd lnk45 pb094 hj07t whz4r ccbyv dark:bg-neutral-800 dark:border-neutral-700">
<div class="flex items-center">
<div class="hs-tooltip relative inline-block">
<button type="button" class="hs-tooltip-toggle qqwrg flex e731n jkwm1 items-center jy5gh d05xb mg8vb m8zlk disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:hover:bg-neutral-700 dark:text-neutral-400 dark:focus:bg-neutral-700">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 11 12 14 22 4"/><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"/></svg>
<svg class="e731n b9gop hidden" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M8 12h8"/></svg>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute vajpp gbcuh od5va sfv8v nzj5e xs2f2 kew0r pb094 dark:bg-neutral-700" role="tooltip">
Mark this notification as read
</span>
</div>
<div class="hs-tooltip relative inline-block">
<button type="button" class="hs-tooltip-toggle qqwrg flex e731n jkwm1 items-center jy5gh d05xb mg8vb m8zlk disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:hover:bg-neutral-700 dark:text-neutral-400 dark:focus:bg-neutral-700">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="5" x="2" y="4" rx="2"/><path d="M4 9v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9"/><path d="M10 13h4"/></svg>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute vajpp gbcuh od5va sfv8v nzj5e xs2f2 kew0r pb094 dark:bg-neutral-700" role="tooltip">
Archive this notification
</span>
</div>
</div>
</div>
<!-- End Segment Button Group -->
</div>
</div>
</li>
<!-- End List Item -->
</ul>
<!-- End List Group -->
</div>
<!-- Footer -->
<div class="dtief yfv61 lnk45 dark:border-neutral-700">
<a class="tbd2k flex jkwm1 items-center n9hej w4xo0 jy5gh sikx1 ic0n5 c6w2f focus:outline-hidden d3jni dark:text-neutral-400 dark:hover:text-neutral-300 dark:focus:text-neutral-300" href="../../docs/index.html">
Mark all as read
</a>
</div>
<!-- End Footer -->
</div>
<!-- End Tab Content -->
<!-- Tab Content -->
<div id="hs-pro-tabs-pnn-2-archived" class="hidden" role="tabpanel" aria-labelledby="hs-pro-tabs-pnn-2-item-archived">
<!-- Empty State -->
<div class="t0g73 msvgn flex flex-col jkwm1 items-center dtief">
<svg class="c1nm7 mx-auto ki2kd" 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="sveog dark:fill-neutral-800"/>
<rect x="27" y="50.5" width="124" height="39" rx="7.5" stroke="currentColor" class="y0mw2 dark:stroke-neutral-700/10"/>
<rect x="34.5" y="58" width="24" height="24" rx="4" fill="currentColor" class="ppqrj dark:fill-neutral-700/30"/>
<rect x="66.5" y="61" width="60" height="6" rx="3" fill="currentColor" class="ppqrj dark:fill-neutral-700/30"/>
<rect x="66.5" y="73" width="77" height="6" rx="3" fill="currentColor" class="ppqrj dark:fill-neutral-700/30"/>
<rect x="19.5" y="28.5" width="139" height="39" rx="7.5" fill="currentColor" class="sveog dark:fill-neutral-800"/>
<rect x="19.5" y="28.5" width="139" height="39" rx="7.5" stroke="currentColor" class="ybbxw dark:stroke-neutral-700/30"/>
<rect x="27" y="36" width="24" height="24" rx="4" fill="currentColor" class="wld5b dark:fill-neutral-700/70"/>
<rect x="59" y="39" width="60" height="6" rx="3" fill="currentColor" class="wld5b dark:fill-neutral-700/70"/>
<rect x="59" y="51" width="92" height="6" rx="3" fill="currentColor" class="wld5b dark:fill-neutral-700/70"/>
<g filter="url(#filter2)">
<rect x="12" y="6" width="154" height="40" rx="8" fill="currentColor" class="sveog dark:fill-neutral-800" shape-rendering="crispEdges"/>
<rect x="12.5" y="6.5" width="153" height="39" rx="7.5" stroke="currentColor" class="ybbxw dark:stroke-neutral-700/60" shape-rendering="crispEdges"/>
<rect x="20" y="14" width="24" height="24" rx="4" fill="currentColor" class="f4079 dark:fill-neutral-700 "/>
<rect x="52" y="17" width="60" height="6" rx="3" fill="currentColor" class="f4079 dark:fill-neutral-700"/>
<rect x="52" y="29" width="106" height="6" rx="3" fill="currentColor" class="f4079 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="zwrfi mx-auto">
<p class="ja90s sikx1 c9jt8 dark:text-neutral-200">
No archived notifications
</p>
<p class="r4xgm w4xo0 jy5gh dark:text-neutral-500">
No data here yet. We will notify you when there's an update.
</p>
</div>
<a class="s53ws f2l40 inline-flex items-center n9hej w4xo0 sikx1 pb094 rsdjd lnk45 aqyoh c9jt8 hj07t nzmya disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden d16zw dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
Notifications settings
</a>
</div>
<!-- End Empty State -->
</div>
<!-- End Tab Content -->
</div>
</div>
<!-- End Notifications Dropdown -->
<!-- More Dropdown -->
<div class="hs-dropdown [--placement:bottom-right] relative inline-flex">
<button id="hs-pro-pnnmd" type="button" class="sc63t inline-flex jkwm1 items-center n9hej pb094 rsdjd azddh c9jt8 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<img class="e731n sc63t m74u5" src="https://images.unsplash.com/photo-1724037231939-c4fa9bd69a84?q=80&w=180&h=180&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="Avatar">
</button>
<!-- Account Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 srycj transition-[opacity,margin] duration opacity-0 hidden gbcuh aqyoh er6t7 gmg3v dark:bg-neutral-800" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-pnnmd">
<div class="vyel6">
<a class="flex items-center vyfcq s53ws f2l40 pb094 w4xo0 c9jt8 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" 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.5 2H8.6c-.4 0-.8.2-1.1.5-.3.3-.5.7-.5 1.1v12.8c0 .4.2.8.5 1.1.3.3.7.5 1.1.5h9.8c.4 0 .8-.2 1.1-.5.3-.3.5-.7.5-1.1V6.5L15.5 2z"/><path d="M3 7.6v12.8c0 .4.2.8.5 1.1.3.3.7.5 1.1.5h9.8"/><path d="M15 2v5h5"/></svg>
Statements and reports
</a>
<a class="flex items-center vyfcq s53ws f2l40 pb094 w4xo0 c9jt8 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" 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 vyfcq s53ws f2l40 pb094 w4xo0 c9jt8 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"/><path d="M12 17h.01"/></svg>
Help and Support
</a>
<a class="flex items-center vyfcq s53ws f2l40 pb094 w4xo0 c9jt8 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" 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 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"/><polyline points="16 17 21 12 16 7"/><line x1="21" x2="9" y1="12" y2="12"/></svg>
Sign out
</a>
</div>
<div class="vyel6 yfv61 lnk45 dark:border-neutral-700">
<button type="button" class="flex vyfcq s53ws f2l40 w-full pb094 w4xo0 c9jt8 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-dasadam">
<svg class="e731n b9gop eyzz7" xmlns="http://www.w3.org/2000/svg" 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>
Open a business account
</button>
</div>
</div>
<!-- End Account Dropdown -->
</div>
<!-- End More Dropdown -->
</div>
</div>
</header>
<!-- ========== END HEADER ========== -->
<!-- ========== MAIN SIDEBAR ========== -->
<aside id="hs-pro-sidebar" class="hs-overlay [--auto-close:lg]
hs-overlay-open:translate-x-0
-translate-x-full fl36v ufjzp h587a
qaks0
hidden
fixed rm8lf gihcw uxfxy
pxusf
lg:block y1z8v lg:end-auto k4112
dark:bg-neutral-800" tabindex="-1" aria-label="Sidebar">
<div class="flex flex-col h1r77 a0p67">
<div class="hidden lg:block absolute gvmr9 ou3y7">
<!-- Notifications Button Icon -->
<div class="hs-dropdown [--auto-close:inside] relative inline-flex">
<!-- Notifications Button Icon -->
<button id="hs-pro-psnd" type="button" class="relative sc63t inline-flex jkwm1 items-center n9hej kghwt rsdjd lnk45 c9jt8 cq7a3 focus:outline-hidden f6db7 disabled:opacity-50 disabled:pointer-events-none dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9"/><path d="M10.3 21a1.94 1.94 0 0 0 3.4 0"/></svg>
</button>
<!-- End Notifications Button Icon -->
<!-- Notifications Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 w-full lztgl transition-[opacity,margin] duration opacity-0 hidden wu22o aqyoh yfv61 lnk45 sd8lw s530u xus2s no3my dark:bg-neutral-800 dark:border-neutral-700" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-dnnd">
<!-- Header -->
<div class="ns57r f5e2w flex ox2cl items-center fazzp lnk45 dark:border-neutral-700">
<!-- Nav Tab -->
<nav class="flex v1hon" aria-label="Tabs" role="tablist" aria-orientation="horizontal">
<button type="button" class="hs-tab-active:after:bg-gray-800 hs-tab-active:text-gray-800 jxswk od5va wyf4w relative inline-flex jkwm1 items-center n9hej d05xb jy5gh mg8vb w4xo0 pb094 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr after:absolute after:-bottom-2 after:inset-x-2 after:z-10 after:h-0.5 after:pointer-events-none dark:hs-tab-active:text-neutral-200 dark:hs-tab-active:after:bg-neutral-400 dark:text-neutral-500 dark:hover:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden active" id="hs-pro-tabs-psn-1-item-all" aria-selected="true" data-hs-tab="#hs-pro-tabs-psn-1-all" aria-controls="hs-pro-tabs-psn-1-all" role="tab" >
All
</button>
<button type="button" class="hs-tab-active:after:bg-gray-800 hs-tab-active:text-gray-800 jxswk od5va wyf4w relative inline-flex jkwm1 items-center n9hej d05xb jy5gh mg8vb w4xo0 pb094 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr after:absolute after:-bottom-2 after:inset-x-2 after:z-10 after:h-0.5 after:pointer-events-none dark:hs-tab-active:text-neutral-200 dark:hs-tab-active:after:bg-neutral-400 dark:text-neutral-500 dark:hover:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden " id="hs-pro-tabs-psn-2-item-archived" aria-selected="false" data-hs-tab="#hs-pro-tabs-psn-2-archived" aria-controls="hs-pro-tabs-psn-2-archived" role="tab" >
Archived
</button>
</nav>
<!-- End Nav Tab -->
<!-- Notifications Button Icon -->
<div class="hs-tooltip relative inline-block n8xpr">
<a class="hs-tooltip-toggle qqwrg inline-flex jkwm1 items-center n9hej kghwt rsdjd azddh jy5gh d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-800" href="#">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" ><path d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z"/><circle cx="12" cy="12" r="3"/></svg>
</a>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute vajpp gbcuh od5va sfv8v nzj5e xs2f2 kew0r pb094 dark:bg-neutral-700" role="tooltip">
Preferences
</span>
</div>
<!-- End Notifications Button Icon -->
</div>
<!-- End Header -->
<!-- Tab Content -->
<div id="hs-pro-tabs-psn-1-all" role="tabpanel" aria-labelledby="hs-pro-tabs-psn-1-item-all">
<div class="n95xd overflow-y-auto overflow-hidden xwpzv y0qzi bxgd5 n3xnc dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<ul class="divide-y divide-gray-200 dark:divide-neutral-800">
<!-- List Item -->
<li class="relative group w-full flex p5sau w9dei f4yn1 dark:bg-neutral-900 t0g73">
<div class="relative e731n">
<img class="e731n sc63t kghwt" src="https://images.unsplash.com/photo-1659482634023-2c4fda99ac0c?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="Avatar">
<span class="absolute ktrn1 -start-3 s4l24 owkrq kghwt dark:bg-blue-500"></span>
</div>
<div class="hlt95">
<p class="xs2f2 jy5gh dark:text-neutral-500">
2 hours ago
</p>
<span class="block w4xo0 sikx1 c9jt8 dark:text-neutral-300">
Eilis Warner
</span>
<p class="w4xo0 jy5gh dark:text-neutral-500">
Your $100 transaction was successfully sent to Emma Watson
</p>
</div>
<div>
<div class="sm:group-hover:opacity-100 sm:opacity-0 sm:absolute go8xa whstg">
<!-- Segment Button Group -->
<div class="inline-block wix63 aqyoh rsdjd lnk45 pb094 hj07t whz4r ccbyv dark:bg-neutral-800 dark:border-neutral-700">
<div class="flex items-center">
<div class="hs-tooltip relative inline-block">
<button type="button" class="hs-tooltip-toggle qqwrg flex e731n jkwm1 items-center jy5gh d05xb mg8vb m8zlk disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:hover:bg-neutral-700 dark:text-neutral-400 dark:focus:bg-neutral-700">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 11 12 14 22 4"/><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"/></svg>
<svg class="e731n b9gop hidden" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M8 12h8"/></svg>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute vajpp gbcuh od5va sfv8v nzj5e xs2f2 kew0r pb094 dark:bg-neutral-700" role="tooltip">
Mark this notification as read
</span>
</div>
<div class="hs-tooltip relative inline-block">
<button type="button" class="hs-tooltip-toggle qqwrg flex e731n jkwm1 items-center jy5gh d05xb mg8vb m8zlk disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:hover:bg-neutral-700 dark:text-neutral-400 dark:focus:bg-neutral-700">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="5" x="2" y="4" rx="2"/><path d="M4 9v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9"/><path d="M10 13h4"/></svg>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute vajpp gbcuh od5va sfv8v nzj5e xs2f2 kew0r pb094 dark:bg-neutral-700" role="tooltip">
Archive this notification
</span>
</div>
</div>
</div>
<!-- End Segment Button Group -->
</div>
</div>
</li>
<!-- End List Item -->
<!-- List Item -->
<li class="relative group w-full flex p5sau w9dei t0g73">
<div class="relative e731n">
<span class="flex e731n jkwm1 items-center sc63t aqyoh rsdjd lnk45 jy5gh w4xo0 cnneu kghwt hj07t dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400">
C
</span>
</div>
<div class="hlt95">
<p class="xs2f2 jy5gh dark:text-neutral-500">
3 days ago
</p>
<span class="block w4xo0 sikx1 c9jt8 dark:text-neutral-300">
Clara Becker
</span>
<p class="w4xo0 jy5gh dark:text-neutral-500">
sent you a gift 🎁
</p>
<p>
<a class="inline-flex items-center n6i5x w4xo0 fc1i1 j3zsq f1348 sikx1 focus:outline-hidden ow4j6 dark:text-violet-400 dark:hover:text-violet-500" href="#">
Open gift
<svg class="e731n b9gop whz4r resz6 group-hover:translate-x-1 group-focus:translate-x-1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg>
</a>
</p>
</div>
<div>
<div class="sm:group-hover:opacity-100 sm:opacity-0 sm:absolute go8xa whstg">
<!-- Segment Button Group -->
<div class="inline-block wix63 aqyoh rsdjd lnk45 pb094 hj07t whz4r ccbyv dark:bg-neutral-800 dark:border-neutral-700">
<div class="flex items-center">
<div class="hs-tooltip relative inline-block">
<button type="button" class="hs-tooltip-toggle qqwrg flex e731n jkwm1 items-center jy5gh d05xb mg8vb m8zlk disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:hover:bg-neutral-700 dark:text-neutral-400 dark:focus:bg-neutral-700">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 11 12 14 22 4"/><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"/></svg>
<svg class="e731n b9gop hidden" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M8 12h8"/></svg>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute vajpp gbcuh od5va sfv8v nzj5e xs2f2 kew0r pb094 dark:bg-neutral-700" role="tooltip">
Mark this notification as read
</span>
</div>
<div class="hs-tooltip relative inline-block">
<button type="button" class="hs-tooltip-toggle qqwrg flex e731n jkwm1 items-center jy5gh d05xb mg8vb m8zlk disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:hover:bg-neutral-700 dark:text-neutral-400 dark:focus:bg-neutral-700">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="5" x="2" y="4" rx="2"/><path d="M4 9v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9"/><path d="M10 13h4"/></svg>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute vajpp gbcuh od5va sfv8v nzj5e xs2f2 kew0r pb094 dark:bg-neutral-700" role="tooltip">
Archive this notification
</span>
</div>
</div>
</div>
<!-- End Segment Button Group -->
</div>
</div>
</li>
<!-- End List Item -->
<!-- List Item -->
<li class="relative group w-full flex p5sau w9dei t0g73">
<div class="relative e731n">
<span class="flex e731n jkwm1 items-center sc63t aqyoh rsdjd lnk45 jy5gh w4xo0 cnneu kghwt hj07t dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400">
P
</span>
</div>
<div class="hlt95">
<p class="xs2f2 jy5gh dark:text-neutral-500">
5 Jan 2023
</p>
<span class="block w4xo0 sikx1 c9jt8 dark:text-neutral-300">
New Update on Preline
</span>
<p class="w4xo0 jy5gh dark:text-neutral-500">
Add yourself to our new “Hire Page”. Let visitors know you’re open to freelance or full-time work.
</p>
<a class="ja90s rmzo7 inline-flex items-center rsdjd lnk45 er6t7 nzmya tvbow focus:outline-hidden r17tr dark:border-neutral-700 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<img class="zx3gt cldzd x1s1r pb094" src="https://images.unsplash.com/photo-1670272505340-d906d8d77d03?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2070&q=80" alt="Avatar">
<div class="hlt95 gdxvw fglch">
<p class="w4xo0 sikx1 c9jt8 dark:text-neutral-300">
Get hired!
</p>
<p class="inline-flex items-center n6i5x w4xo0 jy5gh dark:text-neutral-500">
Get started
<svg class="e731n b9gop whz4r resz6 group-hover:translate-x-1 group-focus:translate-x-1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg>
</p>
</div>
</a>
</div>
<div>
<div class="sm:group-hover:opacity-100 sm:opacity-0 sm:absolute go8xa whstg">
<!-- Segment Button Group -->
<div class="inline-block wix63 aqyoh rsdjd lnk45 pb094 hj07t whz4r ccbyv dark:bg-neutral-800 dark:border-neutral-700">
<div class="flex items-center">
<div class="hs-tooltip relative inline-block">
<button type="button" class="hs-tooltip-toggle qqwrg flex e731n jkwm1 items-center jy5gh d05xb mg8vb m8zlk disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:hover:bg-neutral-700 dark:text-neutral-400 dark:focus:bg-neutral-700">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 11 12 14 22 4"/><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"/></svg>
<svg class="e731n b9gop hidden" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M8 12h8"/></svg>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute vajpp gbcuh od5va sfv8v nzj5e xs2f2 kew0r pb094 dark:bg-neutral-700" role="tooltip">
Mark this notification as read
</span>
</div>
<div class="hs-tooltip relative inline-block">
<button type="button" class="hs-tooltip-toggle qqwrg flex e731n jkwm1 items-center jy5gh d05xb mg8vb m8zlk disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:hover:bg-neutral-700 dark:text-neutral-400 dark:focus:bg-neutral-700">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="5" x="2" y="4" rx="2"/><path d="M4 9v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9"/><path d="M10 13h4"/></svg>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute vajpp gbcuh od5va sfv8v nzj5e xs2f2 kew0r pb094 dark:bg-neutral-700" role="tooltip">
Archive this notification
</span>
</div>
</div>
</div>
<!-- End Segment Button Group -->
</div>
</div>
</li>
<!-- End List Item -->
<!-- List Item -->
<li class="relative group w-full flex p5sau w9dei t0g73">
<div class="relative e731n">
<span class="flex e731n jkwm1 items-center sc63t aqyoh rsdjd lnk45 jy5gh w4xo0 cnneu kghwt hj07t dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400">
P
</span>
</div>
<div class="hlt95">
<p class="xs2f2 jy5gh dark:text-neutral-500">
5 Jan 2023
</p>
<span class="block w4xo0 sikx1 c9jt8 dark:text-neutral-300">
We’re updating our Privacy Policy as of 10th January 2023.content
</span>
<p>
<a class="inline-flex items-center n6i5x w4xo0 fc1i1 j3zsq f1348 sikx1 focus:outline-hidden ow4j6 dark:text-violet-400 dark:hover:text-violet-500" href="#">
Learn more
<svg class="e731n b9gop whz4r resz6 group-hover:translate-x-1 group-focus:translate-x-1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg>
</a>
</p>
</div>
<div>
<div class="sm:group-hover:opacity-100 sm:opacity-0 sm:absolute go8xa whstg">
<!-- Segment Button Group -->
<div class="inline-block wix63 aqyoh rsdjd lnk45 pb094 hj07t whz4r ccbyv dark:bg-neutral-800 dark:border-neutral-700">
<div class="flex items-center">
<div class="hs-tooltip relative inline-block">
<button type="button" class="hs-tooltip-toggle qqwrg flex e731n jkwm1 items-center jy5gh d05xb mg8vb m8zlk disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:hover:bg-neutral-700 dark:text-neutral-400 dark:focus:bg-neutral-700">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 11 12 14 22 4"/><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"/></svg>
<svg class="e731n b9gop hidden" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M8 12h8"/></svg>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute vajpp gbcuh od5va sfv8v nzj5e xs2f2 kew0r pb094 dark:bg-neutral-700" role="tooltip">
Mark this notification as read
</span>
</div>
<div class="hs-tooltip relative inline-block">
<button type="button" class="hs-tooltip-toggle qqwrg flex e731n jkwm1 items-center jy5gh d05xb mg8vb m8zlk disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:hover:bg-neutral-700 dark:text-neutral-400 dark:focus:bg-neutral-700">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="5" x="2" y="4" rx="2"/><path d="M4 9v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9"/><path d="M10 13h4"/></svg>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute vajpp gbcuh od5va sfv8v nzj5e xs2f2 kew0r pb094 dark:bg-neutral-700" role="tooltip">
Archive this notification
</span>
</div>
</div>
</div>
<!-- End Segment Button Group -->
</div>
</div>
</li>
<!-- End List Item -->
<!-- List Item -->
<li class="relative group w-full flex p5sau w9dei f4yn1 dark:bg-neutral-900 t0g73">
<div class="relative e731n">
<img class="e731n sc63t kghwt" src="https://images.unsplash.com/photo-1614880353165-e56fac2ea9a8?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="Avatar">
<span class="absolute ktrn1 -start-3 s4l24 owkrq kghwt dark:bg-blue-500"></span>
</div>
<div class="hlt95">
<p class="xs2f2 jy5gh dark:text-neutral-500">
31 Dec 2022
</p>
<span class="block w4xo0 sikx1 c9jt8 dark:text-neutral-300">
Rubia Walter
</span>
<p class="w4xo0 jy5gh dark:text-neutral-500">
Joined the Slack group HS Team
</p>
</div>
<div>
<div class="sm:group-hover:opacity-100 sm:opacity-0 sm:absolute go8xa whstg">
<!-- Segment Button Group -->
<div class="inline-block wix63 aqyoh rsdjd lnk45 pb094 hj07t whz4r ccbyv dark:bg-neutral-800 dark:border-neutral-700">
<div class="flex items-center">
<div class="hs-tooltip relative inline-block">
<button type="button" class="hs-tooltip-toggle qqwrg flex e731n jkwm1 items-center jy5gh d05xb mg8vb m8zlk disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:hover:bg-neutral-700 dark:text-neutral-400 dark:focus:bg-neutral-700">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 11 12 14 22 4"/><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"/></svg>
<svg class="e731n b9gop hidden" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M8 12h8"/></svg>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute vajpp gbcuh od5va sfv8v nzj5e xs2f2 kew0r pb094 dark:bg-neutral-700" role="tooltip">
Mark this notification as read
</span>
</div>
<div class="hs-tooltip relative inline-block">
<button type="button" class="hs-tooltip-toggle qqwrg flex e731n jkwm1 items-center jy5gh d05xb mg8vb m8zlk disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:hover:bg-neutral-700 dark:text-neutral-400 dark:focus:bg-neutral-700">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="5" x="2" y="4" rx="2"/><path d="M4 9v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9"/><path d="M10 13h4"/></svg>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute vajpp gbcuh od5va sfv8v nzj5e xs2f2 kew0r pb094 dark:bg-neutral-700" role="tooltip">
Archive this notification
</span>
</div>
</div>
</div>
<!-- End Segment Button Group -->
</div>
</div>
</li>
<!-- End List Item -->
</ul>
<!-- End List Group -->
</div>
<!-- Footer -->
<div class="dtief yfv61 lnk45 dark:border-neutral-700">
<a class="tbd2k flex jkwm1 items-center n9hej w4xo0 jy5gh sikx1 ic0n5 c6w2f focus:outline-hidden d3jni dark:text-neutral-400 dark:hover:text-neutral-300 dark:focus:text-neutral-300" href="../../docs/index.html">
Mark all as read
</a>
</div>
<!-- End Footer -->
</div>
<!-- End Tab Content -->
<!-- Tab Content -->
<div id="hs-pro-tabs-psn-2-archived" class="hidden" role="tabpanel" aria-labelledby="hs-pro-tabs-psn-2-item-archived">
<!-- Empty State -->
<div class="t0g73 msvgn flex flex-col jkwm1 items-center dtief">
<svg class="c1nm7 mx-auto ki2kd" 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="sveog dark:fill-neutral-800"/>
<rect x="27" y="50.5" width="124" height="39" rx="7.5" stroke="currentColor" class="y0mw2 dark:stroke-neutral-700/10"/>
<rect x="34.5" y="58" width="24" height="24" rx="4" fill="currentColor" class="ppqrj dark:fill-neutral-700/30"/>
<rect x="66.5" y="61" width="60" height="6" rx="3" fill="currentColor" class="ppqrj dark:fill-neutral-700/30"/>
<rect x="66.5" y="73" width="77" height="6" rx="3" fill="currentColor" class="ppqrj dark:fill-neutral-700/30"/>
<rect x="19.5" y="28.5" width="139" height="39" rx="7.5" fill="currentColor" class="sveog dark:fill-neutral-800"/>
<rect x="19.5" y="28.5" width="139" height="39" rx="7.5" stroke="currentColor" class="ybbxw dark:stroke-neutral-700/30"/>
<rect x="27" y="36" width="24" height="24" rx="4" fill="currentColor" class="wld5b dark:fill-neutral-700/70"/>
<rect x="59" y="39" width="60" height="6" rx="3" fill="currentColor" class="wld5b dark:fill-neutral-700/70"/>
<rect x="59" y="51" width="92" height="6" rx="3" fill="currentColor" class="wld5b dark:fill-neutral-700/70"/>
<g filter="url(#filter3)">
<rect x="12" y="6" width="154" height="40" rx="8" fill="currentColor" class="sveog dark:fill-neutral-800" shape-rendering="crispEdges"/>
<rect x="12.5" y="6.5" width="153" height="39" rx="7.5" stroke="currentColor" class="ybbxw dark:stroke-neutral-700/60" shape-rendering="crispEdges"/>
<rect x="20" y="14" width="24" height="24" rx="4" fill="currentColor" class="f4079 dark:fill-neutral-700 "/>
<rect x="52" y="17" width="60" height="6" rx="3" fill="currentColor" class="f4079 dark:fill-neutral-700"/>
<rect x="52" y="29" width="106" height="6" rx="3" fill="currentColor" class="f4079 dark:fill-neutral-700"/>
</g>
<defs>
<filter id="filter3" x="0" y="0" width="178" height="64" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="6"/>
<feGaussianBlur stdDeviation="6"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1187_14810"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1187_14810" result="shape"/>
</filter>
</defs>
</svg>
<div class="zwrfi mx-auto">
<p class="ja90s sikx1 c9jt8 dark:text-neutral-200">
No archived notifications
</p>
<p class="r4xgm w4xo0 jy5gh dark:text-neutral-500">
No data here yet. We will notify you when there's an update.
</p>
</div>
<a class="s53ws f2l40 inline-flex items-center n9hej w4xo0 sikx1 pb094 rsdjd lnk45 aqyoh c9jt8 hj07t nzmya disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden d16zw dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
Notifications settings
</a>
</div>
<!-- End Empty State -->
</div>
<!-- End Tab Content -->
</div>
</div>
<!-- End Notifications Dropdown -->
</div>
<!-- Header -->
<div class="t0g73 dtief">
<div class="flex syxfv kghwt mx-auto wyf4w">
<img class="x1s1r fp3m4 kghwt" src="https://images.unsplash.com/photo-1724037231939-c4fa9bd69a84?q=80&w=180&h=180&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="Avatar">
</div>
<p class="lg:hidden cnneu c9jt8 dark:text-neutral-200">
Isabella Cruz
</p>
<div class="hidden lg:block">
<!-- More Dropdown -->
<div class="hs-dropdown [--placement:bottom-right] relative inline-flex">
<button id="hs-pro-dnsmd" type="button" class="ga1u8 jxswk inline-flex jkwm1 items-center n6i5x cnneu pb094 c9jt8 obc1y focus:outline-hidden pbld1 disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-300 dark:hover:text-purple-500 dark:focus:text-purple-500" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
Isabella Cruz
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" 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>
<!-- Account Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 srycj transition-[opacity,margin] duration opacity-0 hidden gbcuh aqyoh er6t7 gmg3v dark:bg-neutral-800" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-pnnmd">
<div class="vyel6">
<a class="flex items-center vyfcq s53ws f2l40 pb094 w4xo0 c9jt8 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" 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.5 2H8.6c-.4 0-.8.2-1.1.5-.3.3-.5.7-.5 1.1v12.8c0 .4.2.8.5 1.1.3.3.7.5 1.1.5h9.8c.4 0 .8-.2 1.1-.5.3-.3.5-.7.5-1.1V6.5L15.5 2z"/><path d="M3 7.6v12.8c0 .4.2.8.5 1.1.3.3.7.5 1.1.5h9.8"/><path d="M15 2v5h5"/></svg>
Statements and reports
</a>
<a class="flex items-center vyfcq s53ws f2l40 pb094 w4xo0 c9jt8 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" 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 vyfcq s53ws f2l40 pb094 w4xo0 c9jt8 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"/><path d="M12 17h.01"/></svg>
Help and Support
</a>
<a class="flex items-center vyfcq s53ws f2l40 pb094 w4xo0 c9jt8 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" 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 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"/><polyline points="16 17 21 12 16 7"/><line x1="21" x2="9" y1="12" y2="12"/></svg>
Sign out
</a>
</div>
<div class="vyel6 yfv61 lnk45 dark:border-neutral-700">
<button type="button" class="flex vyfcq s53ws f2l40 w-full pb094 w4xo0 c9jt8 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-dasadam">
<svg class="e731n b9gop eyzz7" xmlns="http://www.w3.org/2000/svg" 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>
Open a business account
</button>
</div>
</div>
<!-- End Account Dropdown -->
</div>
<!-- End More Dropdown -->
</div>
<p class="xs2f2 jy5gh dark:text-neutral-500">
Membership etawx M2389310259
</p>
</div>
<!-- End Header -->
<!-- Content -->
<div class="h1r77 overflow-y-auto xwpzv y0qzi bxgd5 n3xnc dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<!-- Nav -->
<nav class="hs-accordion-group joa7s w-full flex flex-col flex-wrap" data-hs-accordion-always-open>
<ul class="tbd2k space-y-1 h5xf1 lnk45 dark:border-neutral-700">
<!-- Link -->
<li>
<a class="flex s53ws f2l40 w4xo0 c9jt8 pb094 cq7a3 focus:outline-hidden f6db7 dark:hover:bg-neutral-700 dark:text-neutral-300 dark:focus:bg-neutral-700 " href="../../pro/payment/index.html">
<span class="tcgtx rd8ez">
<svg class="e731n eyzz7 b9gop mx-auto" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" ><path d="m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/><polyline points="9 22 9 12 15 12 15 22"/></svg>
</span>
Home
</a>
</li>
<!-- End Link -->
<!-- Balances -->
<li class="hs-accordion " id="balances-accordion">
<button type="button" class="hs-accordion-toggle hs-accordion-active:bg-gray-200 w-full w9dei flex s53ws f2l40 w4xo0 c9jt8 pb094 cq7a3 disabled:opacity-50 disabled:pointer-events-none dark:hs-accordion-active:bg-neutral-700 focus:outline-hidden f6db7 dark:hover:bg-neutral-600 dark:text-neutral-300 dark:focus:bg-neutral-600" aria-expanded="false" aria-controls="balances-accordion-sub">
<span class="tcgtx rd8ez">
<svg class="e731n eyzz7 b9gop mx-auto" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m16 16 3-8 3 8c-.87.65-1.92 1-3 1s-2.13-.35-3-1Z"/><path d="m2 16 3-8 3 8c-.87.65-1.92 1-3 1s-2.13-.35-3-1Z"/><path d="M7 21h10"/><path d="M12 3v18"/><path d="M3 7h2c2 0 5-1 7-2 2 1 5 2 7 2h2"/></svg>
</span>
Balances
<svg class="hs-accordion-active:-rotate-180 e731n rwavo h6zia ms-auto whz4r" xmlns="http://www.w3.org/2000/svg" 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 id="balances-accordion-sub" class="hs-accordion-content w-full overflow-hidden transition-[height] ufjzp" role="region" aria-labelledby="balances-accordion" style="display: none;">
<ul class="hs-accordion-group dm3m5 rwavo space-y-1 relative before:absolute before:top-0 before:start-5 before:w-0.5 before:h-full before:bg-gray-200 dark:before:bg-neutral-700" data-hs-accordion-always-open>
<li>
<a class="flex f8pfl s53ws f2l40 w4xo0 c9jt8 pb094 cq7a3 focus:outline-hidden f6db7 dark:hover:bg-neutral-700 dark:text-neutral-300 dark:focus:bg-neutral-700 " href="../../pro/payment/balances.html">
Overview
</a>
</li>
<li>
<a class="flex f8pfl s53ws f2l40 w4xo0 c9jt8 pb094 cq7a3 focus:outline-hidden f6db7 dark:hover:bg-neutral-700 dark:text-neutral-300 dark:focus:bg-neutral-700 " href="../../pro/payment/balances-empty-content.html">
Empty Content
</a>
</li>
<li>
<a class="flex f8pfl s53ws f2l40 w4xo0 c9jt8 pb094 cq7a3 focus:outline-hidden f6db7 dark:hover:bg-neutral-700 dark:text-neutral-300 dark:focus:bg-neutral-700 " href="../../pro/payment/balances-open-new.html">
Open New
</a>
</li>
</ul>
</div>
</li>
<!-- End Balances -->
<!-- Transactions -->
<li class="hs-accordion " id="transactions-accordion">
<button type="button" class="hs-accordion-toggle hs-accordion-active:bg-gray-200 w-full w9dei flex s53ws f2l40 w4xo0 c9jt8 pb094 cq7a3 disabled:opacity-50 disabled:pointer-events-none dark:hs-accordion-active:bg-neutral-700 focus:outline-hidden f6db7 dark:hover:bg-neutral-600 dark:text-neutral-300 dark:focus:bg-neutral-600" aria-expanded="false" aria-controls="transactions-accordion-sub">
<span class="tcgtx rd8ez">
<svg class="e731n eyzz7 b9gop mx-auto" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M8 3 4 7l4 4"/><path d="M4 7h16"/><path d="m16 21 4-4-4-4"/><path d="M20 17H4"/></svg>
</span>
Transactions
<svg class="hs-accordion-active:-rotate-180 e731n rwavo h6zia ms-auto whz4r" xmlns="http://www.w3.org/2000/svg" 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 id="transactions-accordion-sub" class="hs-accordion-content w-full overflow-hidden transition-[height] ufjzp" role="region" aria-labelledby="transactions-accordion" style="display: none;">
<ul class="hs-accordion-group dm3m5 rwavo space-y-1 relative before:absolute before:top-0 before:start-5 before:w-0.5 before:h-full before:bg-gray-200 dark:before:bg-neutral-700" data-hs-accordion-always-open>
<li>
<a class="flex f8pfl s53ws f2l40 w4xo0 c9jt8 pb094 cq7a3 focus:outline-hidden f6db7 dark:hover:bg-neutral-700 dark:text-neutral-300 dark:focus:bg-neutral-700 " href="../../pro/payment/transactions.html">
Overview
</a>
</li>
<li>
<a class="flex f8pfl s53ws f2l40 w4xo0 c9jt8 pb094 cq7a3 focus:outline-hidden f6db7 dark:hover:bg-neutral-700 dark:text-neutral-300 dark:focus:bg-neutral-700 " href="../../pro/payment/transactions-details.html">
Details
</a>
</li>
</ul>
</div>
</li>
<!-- End Transactions -->
<!-- Add Money -->
<li class="hs-accordion " id="add-money-accordion">
<button type="button" class="hs-accordion-toggle hs-accordion-active:bg-gray-200 w-full w9dei flex s53ws f2l40 w4xo0 c9jt8 pb094 cq7a3 disabled:opacity-50 disabled:pointer-events-none dark:hs-accordion-active:bg-neutral-700 focus:outline-hidden f6db7 dark:hover:bg-neutral-600 dark:text-neutral-300 dark:focus:bg-neutral-600" aria-expanded="false" aria-controls="add-money-accordion-sub">
<span class="tcgtx rd8ez">
<svg class="e731n eyzz7 b9gop mx-auto" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>
</span>
Add Money
<svg class="hs-accordion-active:-rotate-180 e731n rwavo h6zia ms-auto whz4r" xmlns="http://www.w3.org/2000/svg" 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 id="add-money-accordion-sub" class="hs-accordion-content w-full overflow-hidden transition-[height] ufjzp" role="region" aria-labelledby="add-money-accordion" style="display: none;">
<ul class="hs-accordion-group dm3m5 rwavo space-y-1 relative before:absolute before:top-0 before:start-5 before:w-0.5 before:h-full before:bg-gray-200 dark:before:bg-neutral-700" data-hs-accordion-always-open>
<li>
<a class="flex f8pfl s53ws f2l40 w4xo0 c9jt8 pb094 cq7a3 focus:outline-hidden f6db7 dark:hover:bg-neutral-700 dark:text-neutral-300 dark:focus:bg-neutral-700 " href="../../pro/payment/add-money.html">
Calculator
</a>
</li>
<li>
<a class="flex f8pfl s53ws f2l40 w4xo0 c9jt8 pb094 cq7a3 focus:outline-hidden f6db7 dark:hover:bg-neutral-700 dark:text-neutral-300 dark:focus:bg-neutral-700 " href="../../pro/payment/add-money-amount.html">
Amount
</a>
</li>
<li>
<a class="flex f8pfl s53ws f2l40 w4xo0 c9jt8 pb094 cq7a3 focus:outline-hidden f6db7 dark:hover:bg-neutral-700 dark:text-neutral-300 dark:focus:bg-neutral-700 " href="../../pro/payment/add-money-payment.html">
Payment
</a>
</li>
<li>
<a class="flex f8pfl s53ws f2l40 w4xo0 c9jt8 pb094 cq7a3 focus:outline-hidden f6db7 dark:hover:bg-neutral-700 dark:text-neutral-300 dark:focus:bg-neutral-700 " href="../../pro/payment/add-money-success-message.html">
Success Message
</a>
</li>
</ul>
</div>
</li>
<!-- End Add Money -->
<!-- Send -->
<li class="hs-accordion " id="send-accordion">
<button type="button" class="hs-accordion-toggle hs-accordion-active:bg-gray-200 w-full w9dei flex s53ws f2l40 w4xo0 c9jt8 pb094 cq7a3 disabled:opacity-50 disabled:pointer-events-none dark:hs-accordion-active:bg-neutral-700 focus:outline-hidden f6db7 dark:hover:bg-neutral-600 dark:text-neutral-300 dark:focus:bg-neutral-600" aria-expanded="false" aria-controls="send-accordion-sub">
<span class="tcgtx rd8ez">
<svg class="e731n eyzz7 b9gop mx-auto" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7 7h10v10"/><path d="M7 17 17 7"/></svg>
</span>
Send
<svg class="hs-accordion-active:-rotate-180 e731n rwavo h6zia ms-auto whz4r" xmlns="http://www.w3.org/2000/svg" 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 id="send-accordion-sub" class="hs-accordion-content w-full overflow-hidden transition-[height] ufjzp" role="region" aria-labelledby="send-accordion" style="display: none;">
<ul class="hs-accordion-group dm3m5 rwavo space-y-1 relative before:absolute before:top-0 before:start-5 before:w-0.5 before:h-full before:bg-gray-200 dark:before:bg-neutral-700" data-hs-accordion-always-open>
<li>
<a class="flex f8pfl s53ws f2l40 w4xo0 c9jt8 pb094 cq7a3 focus:outline-hidden f6db7 dark:hover:bg-neutral-700 dark:text-neutral-300 dark:focus:bg-neutral-700 " href="../../pro/payment/send.html">
Overview
</a>
</li>
<li>
<a class="flex f8pfl s53ws f2l40 w4xo0 c9jt8 pb094 cq7a3 focus:outline-hidden f6db7 dark:hover:bg-neutral-700 dark:text-neutral-300 dark:focus:bg-neutral-700 " href="../../pro/payment/send-method.html">
Method
</a>
</li>
<li>
<a class="flex f8pfl s53ws f2l40 w4xo0 c9jt8 pb094 cq7a3 focus:outline-hidden f6db7 dark:hover:bg-neutral-700 dark:text-neutral-300 dark:focus:bg-neutral-700 " href="../../pro/payment/send-search-recipient.html">
Search Recipient
</a>
</li>
<li>
<a class="flex f8pfl s53ws f2l40 w4xo0 c9jt8 pb094 cq7a3 focus:outline-hidden f6db7 dark:hover:bg-neutral-700 dark:text-neutral-300 dark:focus:bg-neutral-700 " href="../../pro/payment/send-to-myself.html">
To Myself
</a>
</li>
<li>
<a class="flex f8pfl s53ws f2l40 w4xo0 c9jt8 pb094 cq7a3 focus:outline-hidden f6db7 dark:hover:bg-neutral-700 dark:text-neutral-300 dark:focus:bg-neutral-700 " href="../../pro/payment/send-to-someone-else.html">
To Seomeone Else
</a>
</li>
<li>
<a class="flex f8pfl s53ws f2l40 w4xo0 c9jt8 pb094 cq7a3 focus:outline-hidden f6db7 dark:hover:bg-neutral-700 dark:text-neutral-300 dark:focus:bg-neutral-700 " href="../../pro/payment/send-calculator.html">
Calculator
</a>
</li>
<li>
<a class="flex f8pfl s53ws f2l40 w4xo0 c9jt8 pb094 cq7a3 focus:outline-hidden f6db7 dark:hover:bg-neutral-700 dark:text-neutral-300 dark:focus:bg-neutral-700 " href="../../pro/payment/send-amount.html">
Amount
</a>
</li>
<li>
<a class="flex f8pfl s53ws f2l40 w4xo0 c9jt8 pb094 cq7a3 focus:outline-hidden f6db7 dark:hover:bg-neutral-700 dark:text-neutral-300 dark:focus:bg-neutral-700 " href="../../pro/payment/send-review.html">
Review
</a>
</li>
<li>
<a class="flex f8pfl s53ws f2l40 w4xo0 c9jt8 pb094 cq7a3 focus:outline-hidden f6db7 dark:hover:bg-neutral-700 dark:text-neutral-300 dark:focus:bg-neutral-700 " href="../../pro/payment/send-pay.html">
Pay
</a>
</li>
<li>
<a class="flex f8pfl s53ws f2l40 w4xo0 c9jt8 pb094 cq7a3 focus:outline-hidden f6db7 dark:hover:bg-neutral-700 dark:text-neutral-300 dark:focus:bg-neutral-700 " href="../../pro/payment/send-success-message.html">
Success Message
</a>
</li>
</ul>
</div>
</li>
<!-- End Send -->
<!-- Request -->
<li class="hs-accordion " id="request-accordion">
<button type="button" class="hs-accordion-toggle hs-accordion-active:bg-gray-200 w-full w9dei flex s53ws f2l40 w4xo0 c9jt8 pb094 cq7a3 disabled:opacity-50 disabled:pointer-events-none dark:hs-accordion-active:bg-neutral-700 focus:outline-hidden f6db7 dark:hover:bg-neutral-600 dark:text-neutral-300 dark:focus:bg-neutral-600" aria-expanded="false" aria-controls="request-accordion-sub">
<span class="tcgtx rd8ez">
<svg class="e731n eyzz7 b9gop mx-auto" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 7 7 17"/><path d="M17 17H7V7"/></svg>
</span>
Request
<svg class="hs-accordion-active:-rotate-180 e731n rwavo h6zia ms-auto whz4r" xmlns="http://www.w3.org/2000/svg" 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 id="request-accordion-sub" class="hs-accordion-content w-full overflow-hidden transition-[height] ufjzp" role="region" aria-labelledby="request-accordion" style="display: none;">
<ul class="hs-accordion-group dm3m5 rwavo space-y-1 relative before:absolute before:top-0 before:start-5 before:w-0.5 before:h-full before:bg-gray-200 dark:before:bg-neutral-700" data-hs-accordion-always-open>
<li>
<a class="flex f8pfl s53ws f2l40 w4xo0 c9jt8 pb094 cq7a3 focus:outline-hidden f6db7 dark:hover:bg-neutral-700 dark:text-neutral-300 dark:focus:bg-neutral-700 " href="../../pro/payment/request.html">
Request
</a>
</li>
<li>
<a class="flex f8pfl s53ws f2l40 w4xo0 c9jt8 pb094 cq7a3 focus:outline-hidden f6db7 dark:hover:bg-neutral-700 dark:text-neutral-300 dark:focus:bg-neutral-700 " href="../../pro/payment/request-amount.html">
Amount
</a>
</li>
<li>
<a class="flex f8pfl s53ws f2l40 w4xo0 c9jt8 pb094 cq7a3 focus:outline-hidden f6db7 dark:hover:bg-neutral-700 dark:text-neutral-300 dark:focus:bg-neutral-700 " href="../../pro/payment/request-share.html">
Share
</a>
</li>
</ul>
</div>
</li>
<!-- End Request -->
<!-- Payments -->
<li class="hs-accordion " id="payments-accordion">
<button type="button" class="hs-accordion-toggle hs-accordion-active:bg-gray-200 w-full w9dei flex s53ws f2l40 w4xo0 c9jt8 pb094 cq7a3 disabled:opacity-50 disabled:pointer-events-none dark:hs-accordion-active:bg-neutral-700 focus:outline-hidden f6db7 dark:hover:bg-neutral-600 dark:text-neutral-300 dark:focus:bg-neutral-600" aria-expanded="false" aria-controls="payments-accordion-sub">
<span class="tcgtx rd8ez">
<svg class="e731n eyzz7 b9gop mx-auto" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M11 15h2a2 2 0 1 0 0-4h-3c-.6 0-1.1.2-1.4.6L3 17"/><path d="m7 21 1.6-1.4c.3-.4.8-.6 1.4-.6h4c1.1 0 2.1-.4 2.8-1.2l4.6-4.4a2 2 0 0 0-2.75-2.91l-4.2 3.9"/><path d="m2 16 6 6"/><circle cx="16" cy="9" r="2.9"/><circle cx="6" cy="5" r="3"/></svg>
</span>
Payments
<svg class="hs-accordion-active:-rotate-180 e731n rwavo h6zia ms-auto whz4r" xmlns="http://www.w3.org/2000/svg" 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 id="payments-accordion-sub" class="hs-accordion-content w-full overflow-hidden transition-[height] ufjzp" role="region" aria-labelledby="payments-accordion" style="display: none;">
<ul class="hs-accordion-group dm3m5 rwavo space-y-1 relative before:absolute before:top-0 before:start-5 before:w-0.5 before:h-full before:bg-gray-200 dark:before:bg-neutral-700" data-hs-accordion-always-open>
<li>
<a class="flex f8pfl s53ws f2l40 w4xo0 c9jt8 pb094 cq7a3 focus:outline-hidden f6db7 dark:hover:bg-neutral-700 dark:text-neutral-300 dark:focus:bg-neutral-700 " href="../../pro/payment/payments.html">
Overview
</a>
</li>
<li>
<a class="flex f8pfl s53ws f2l40 w4xo0 c9jt8 pb094 cq7a3 focus:outline-hidden f6db7 dark:hover:bg-neutral-700 dark:text-neutral-300 dark:focus:bg-neutral-700 " href="../../pro/payment/payments-details.html">
Details
</a>
</li>
<li>
<a class="flex f8pfl s53ws f2l40 w4xo0 c9jt8 pb094 cq7a3 focus:outline-hidden f6db7 dark:hover:bg-neutral-700 dark:text-neutral-300 dark:focus:bg-neutral-700 " href="../../pro/payment/requested-payment-details.html">
Requested Payment Details
</a>
</li>
</ul>
</div>
</li>
<!-- End Payments -->
<!-- Cards -->
<li class="hs-accordion " id="cards-accordion">
<button type="button" class="hs-accordion-toggle hs-accordion-active:bg-gray-200 w-full w9dei flex s53ws f2l40 w4xo0 c9jt8 pb094 cq7a3 disabled:opacity-50 disabled:pointer-events-none dark:hs-accordion-active:bg-neutral-700 focus:outline-hidden f6db7 dark:hover:bg-neutral-600 dark:text-neutral-300 dark:focus:bg-neutral-600" aria-expanded="false" aria-controls="cards-accordion-sub">
<span class="tcgtx rd8ez">
<svg class="e731n eyzz7 b9gop mx-auto" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="14" x="2" y="5" rx="2"/><line x1="2" x2="22" y1="10" y2="10"/></svg>
</span>
Cards
<svg class="hs-accordion-active:-rotate-180 e731n rwavo h6zia ms-auto whz4r" xmlns="http://www.w3.org/2000/svg" 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 id="cards-accordion-sub" class="hs-accordion-content w-full overflow-hidden transition-[height] ufjzp" role="region" aria-labelledby="cards-accordion" style="display: none;">
<ul class="hs-accordion-group dm3m5 rwavo space-y-1 relative before:absolute before:top-0 before:start-5 before:w-0.5 before:h-full before:bg-gray-200 dark:before:bg-neutral-700" data-hs-accordion-always-open>
<li>
<a class="flex f8pfl s53ws f2l40 w4xo0 c9jt8 pb094 cq7a3 focus:outline-hidden f6db7 dark:hover:bg-neutral-700 dark:text-neutral-300 dark:focus:bg-neutral-700 " href="../../pro/payment/cards.html">
Cards
</a>
</li>
<li>
<a class="flex f8pfl s53ws f2l40 w4xo0 c9jt8 pb094 cq7a3 focus:outline-hidden f6db7 dark:hover:bg-neutral-700 dark:text-neutral-300 dark:focus:bg-neutral-700 " href="../../pro/payment/card-details.html">
Details
</a>
</li>
<li>
<a class="flex f8pfl s53ws f2l40 w4xo0 c9jt8 pb094 cq7a3 focus:outline-hidden f6db7 dark:hover:bg-neutral-700 dark:text-neutral-300 dark:focus:bg-neutral-700 " href="../../pro/payment/new-card-order-details.html">
New Card Order Details
</a>
</li>
</ul>
</div>
</li>
<!-- End Cards -->
<!-- Order Card -->
<li class="hs-accordion " id="order-card-accordion">
<button type="button" class="hs-accordion-toggle hs-accordion-active:bg-gray-200 w-full w9dei flex s53ws f2l40 w4xo0 c9jt8 pb094 cq7a3 disabled:opacity-50 disabled:pointer-events-none dark:hs-accordion-active:bg-neutral-700 focus:outline-hidden f6db7 dark:hover:bg-neutral-600 dark:text-neutral-300 dark:focus:bg-neutral-600" aria-expanded="false" aria-controls="order-card-accordion-sub">
<span class="tcgtx rd8ez">
<svg class="e731n eyzz7 b9gop mx-auto" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M8 12h8"/><path d="M12 8v8"/></svg>
</span>
Order Card
<svg class="hs-accordion-active:-rotate-180 e731n rwavo h6zia ms-auto whz4r" xmlns="http://www.w3.org/2000/svg" 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 id="order-card-accordion-sub" class="hs-accordion-content w-full overflow-hidden transition-[height] ufjzp" role="region" aria-labelledby="order-card-accordion" style="display: none;">
<ul class="hs-accordion-group dm3m5 rwavo space-y-1 relative before:absolute before:top-0 before:start-5 before:w-0.5 before:h-full before:bg-gray-200 dark:before:bg-neutral-700" data-hs-accordion-always-open>
<li>
<a class="flex f8pfl s53ws f2l40 w4xo0 c9jt8 pb094 cq7a3 focus:outline-hidden f6db7 dark:hover:bg-neutral-700 dark:text-neutral-300 dark:focus:bg-neutral-700 " href="../../pro/payment/order-card.html">
Overview
</a>
</li>
<li>
<a class="flex f8pfl s53ws f2l40 w4xo0 c9jt8 pb094 cq7a3 focus:outline-hidden f6db7 dark:hover:bg-neutral-700 dark:text-neutral-300 dark:focus:bg-neutral-700 " href="../../pro/payment/order-card-address.html">
Address
</a>
</li>
<li>
<a class="flex f8pfl s53ws f2l40 w4xo0 c9jt8 pb094 cq7a3 focus:outline-hidden f6db7 dark:hover:bg-neutral-700 dark:text-neutral-300 dark:focus:bg-neutral-700 " href="../../pro/payment/order-card-payment.html">
Payment
</a>
</li>
<li>
<a class="flex f8pfl s53ws f2l40 w4xo0 c9jt8 pb094 cq7a3 focus:outline-hidden f6db7 dark:hover:bg-neutral-700 dark:text-neutral-300 dark:focus:bg-neutral-700 " href="../../pro/payment/order-card-verification.html">
Verification
</a>
</li>
<li>
<a class="flex f8pfl s53ws f2l40 w4xo0 c9jt8 pb094 cq7a3 focus:outline-hidden f6db7 dark:hover:bg-neutral-700 dark:text-neutral-300 dark:focus:bg-neutral-700 " href="../../pro/payment/order-card-upload-identity.html">
Upload Identity
</a>
</li>
<li>
<a class="flex f8pfl s53ws f2l40 w4xo0 c9jt8 pb094 cq7a3 focus:outline-hidden f6db7 dark:hover:bg-neutral-700 dark:text-neutral-300 dark:focus:bg-neutral-700 " href="../../pro/payment/order-card-success-message.html">
Success Message
</a>
</li>
</ul>
</div>
</li>
<!-- End Order Card -->
<!-- Link -->
<li>
<a class="flex s53ws f2l40 w4xo0 c9jt8 pb094 cq7a3 focus:outline-hidden f6db7 dark:hover:bg-neutral-700 dark:text-neutral-300 dark:focus:bg-neutral-700 " href="../../pro/payment/empty-states.html">
<span class="tcgtx rd8ez">
<svg class="e731n eyzz7 b9gop mx-auto" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="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>
Empty Contents
</a>
</li>
<!-- End Link -->
</ul>
<ul class="tbd2k space-y-1">
<!-- Link -->
<li>
<a class="flex s53ws f2l40 w4xo0 c9jt8 pb094 cq7a3 focus:outline-hidden f6db7 dark:hover:bg-neutral-700 dark:text-neutral-300 dark:focus:bg-neutral-700 " href="../../pro/payment/recipients.html">
<span class="tcgtx rd8ez">
<svg class="e731n eyzz7 b9gop mx-auto" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M22 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg>
</span>
Recipients
</a>
</li>
<!-- End Link -->
<!-- Link -->
<li>
<a class="flex s53ws f2l40 w4xo0 c9jt8 pb094 cq7a3 focus:outline-hidden f6db7 dark:hover:bg-neutral-700 dark:text-neutral-300 dark:focus:bg-neutral-700 " href="recipient-details.html">
<img class="e731n yhc35 kghwt rd8ez" src="https://images.unsplash.com/photo-1724037231939-c4fa9bd69a84?q=80&w=180&h=180&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="Avatar">
Isabella Cruz
</a>
</li>
<!-- End Link -->
<!-- Link -->
<li>
<a class="flex s53ws f2l40 w4xo0 c9jt8 pb094 cq7a3 focus:outline-hidden f6db7 dark:hover:bg-neutral-700 dark:text-neutral-300 dark:focus:bg-neutral-700" href="recipient-details.html">
<span class="flex jkwm1 items-center rd8ez yhc35 s91e0 cnneu vj9jb s63ue kew0r kghwt">
M
</span>
Mark Doe
</a>
</li>
<!-- End Link -->
<!-- Link -->
<li>
<a class="flex s53ws f2l40 w4xo0 c9jt8 pb094 cq7a3 focus:outline-hidden f6db7 dark:hover:bg-neutral-700 dark:text-neutral-300 dark:focus:bg-neutral-700" href="recipient-details.html">
<img class="e731n yhc35 kghwt rd8ez" src="https://images.unsplash.com/photo-1570654639102-bdd95efeca7a?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80" alt="Avatar">
Anna Richard
</a>
</li>
<!-- End Link -->
</ul>
</nav>
<!-- End Nav -->
</div>
<!-- End Content -->
<!-- Footer -->
<footer class="hidden lg:block s53ws ns57r yfv61 lnk45 dark:border-neutral-700">
<div class="flex items-center">
<!-- Logo -->
<a class="flex-none m74u5 mp30q inline-block cnneu focus:outline-hidden o8t9n" href="../../pro/payment/index.html" aria-label="Preline">
<svg class="fl6qw h-auto" width="116" height="32" viewBox="0 0 116 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M33.5696 30.8182V11.3182H37.4474V13.7003H37.6229C37.7952 13.3187 38.0445 12.9309 38.3707 12.5369C38.7031 12.1368 39.134 11.8045 39.6634 11.5398C40.1989 11.2689 40.8636 11.1335 41.6577 11.1335C42.6918 11.1335 43.6458 11.4044 44.5199 11.946C45.3939 12.4815 46.0926 13.291 46.6158 14.3743C47.139 15.4515 47.4006 16.8026 47.4006 18.4276C47.4006 20.0095 47.1451 21.3452 46.6342 22.4347C46.1295 23.518 45.4401 24.3397 44.5661 24.8999C43.6982 25.4538 42.7256 25.7308 41.6484 25.7308C40.8852 25.7308 40.2358 25.6046 39.7003 25.3523C39.1709 25.0999 38.737 24.7829 38.3984 24.4013C38.0599 24.0135 37.8014 23.6226 37.6229 23.2287H37.5028V30.8182H33.5696ZM37.4197 18.4091C37.4197 19.2524 37.5367 19.9879 37.7706 20.6158C38.0045 21.2436 38.343 21.733 38.7862 22.0838C39.2294 22.4285 39.768 22.6009 40.402 22.6009C41.0421 22.6009 41.5838 22.4254 42.027 22.0746C42.4702 21.7176 42.8056 21.2251 43.0334 20.5973C43.2673 19.9633 43.3842 19.2339 43.3842 18.4091C43.3842 17.5904 43.2704 16.8703 43.0426 16.2486C42.8149 15.6269 42.4794 15.1406 42.0362 14.7898C41.593 14.4389 41.0483 14.2635 40.402 14.2635C39.7618 14.2635 39.2202 14.4328 38.777 14.7713C38.34 15.1098 38.0045 15.59 37.7706 16.2116C37.5367 16.8333 37.4197 17.5658 37.4197 18.4091ZM49.2427 25.5V11.3182H53.0559V13.7926H53.2037C53.4622 12.9124 53.8961 12.2476 54.5055 11.7983C55.1149 11.3428 55.8166 11.1151 56.6106 11.1151C56.8076 11.1151 57.02 11.1274 57.2477 11.152C57.4754 11.1766 57.6755 11.2105 57.8478 11.2536V14.7436C57.6632 14.6882 57.4077 14.639 57.0815 14.5959C56.7553 14.5528 56.4567 14.5312 56.1859 14.5312C55.6073 14.5312 55.0903 14.6574 54.6348 14.9098C54.1854 15.156 53.8284 15.5007 53.5638 15.9439C53.3052 16.3871 53.176 16.898 53.176 17.4766V25.5H49.2427ZM64.9043 25.777C63.4455 25.777 62.1898 25.4815 61.1373 24.8906C60.0909 24.2936 59.2845 23.4503 58.7182 22.3608C58.1519 21.2652 57.8688 19.9695 57.8688 18.4737C57.8688 17.0149 58.1519 15.7346 58.7182 14.6328C59.2845 13.531 60.0816 12.6723 61.1096 12.0568C62.1437 11.4413 63.3563 11.1335 64.7474 11.1335C65.683 11.1335 66.5539 11.2843 67.3603 11.5859C68.1728 11.8814 68.8806 12.3277 69.4839 12.9247C70.0932 13.5218 70.5672 14.2727 70.9057 15.1776C71.2443 16.0762 71.4135 17.1288 71.4135 18.3352V19.4155H59.4384V16.978H67.7111C67.7111 16.4117 67.588 15.91 67.3418 15.473C67.0956 15.036 66.754 14.6944 66.317 14.4482C65.8861 14.1958 65.3844 14.0696 64.812 14.0696C64.2149 14.0696 63.6856 14.2081 63.2239 14.4851C62.7684 14.7559 62.4114 15.1222 62.1529 15.5838C61.8944 16.0393 61.762 16.5471 61.7559 17.1072V19.4247C61.7559 20.1264 61.8851 20.7327 62.1437 21.2436C62.4083 21.7545 62.7807 22.1484 63.2608 22.4254C63.741 22.7024 64.3103 22.8409 64.9689 22.8409C65.406 22.8409 65.8061 22.7794 66.1692 22.6562C66.5324 22.5331 66.8432 22.3485 67.1018 22.1023C67.3603 21.8561 67.5572 21.5545 67.6927 21.1974L71.3304 21.4375C71.1458 22.3116 70.7672 23.0748 70.1948 23.7273C69.6285 24.3736 68.896 24.8783 67.9974 25.2415C67.1048 25.5985 66.0738 25.777 64.9043 25.777ZM77.1335 6.59091V25.5H73.2003V6.59091H77.1335ZM79.5043 25.5V11.3182H83.4375V25.5H79.5043ZM81.4801 9.49006C80.8954 9.49006 80.3937 9.29616 79.9752 8.90838C79.5628 8.51444 79.3566 8.04356 79.3566 7.49574C79.3566 6.95407 79.5628 6.48935 79.9752 6.10156C80.3937 5.70762 80.8954 5.51065 81.4801 5.51065C82.0649 5.51065 82.5635 5.70762 82.9759 6.10156C83.3944 6.48935 83.6037 6.95407 83.6037 7.49574C83.6037 8.04356 83.3944 8.51444 82.9759 8.90838C82.5635 9.29616 82.0649 9.49006 81.4801 9.49006ZM89.7415 17.3011V25.5H85.8083V11.3182H89.5569V13.8203H89.723C90.037 12.9955 90.5632 12.343 91.3019 11.8629C92.0405 11.3767 92.9361 11.1335 93.9887 11.1335C94.9735 11.1335 95.8322 11.349 96.5647 11.7798C97.2971 12.2107 97.8665 12.8262 98.2728 13.6264C98.679 14.4205 98.8821 15.3684 98.8821 16.4702V25.5H94.9489V17.1719C94.9551 16.304 94.7335 15.6269 94.2841 15.1406C93.8348 14.6482 93.2162 14.402 92.4283 14.402C91.8989 14.402 91.4311 14.5159 91.0249 14.7436C90.6248 14.9714 90.3109 15.3037 90.0831 15.7408C89.8615 16.1716 89.7477 16.6918 89.7415 17.3011ZM107.665 25.777C106.206 25.777 104.951 25.4815 103.898 24.8906C102.852 24.2936 102.045 23.4503 101.479 22.3608C100.913 21.2652 100.63 19.9695 100.63 18.4737C100.63 17.0149 100.913 15.7346 101.479 14.6328C102.045 13.531 102.842 12.6723 103.87 12.0568C104.905 11.4413 106.117 11.1335 107.508 11.1335C108.444 11.1335 109.315 11.2843 110.121 11.5859C110.934 11.8814 111.641 12.3277 112.245 12.9247C112.854 13.5218 113.328 14.2727 113.667 15.1776C114.005 16.0762 114.174 17.1288 114.174 18.3352V19.4155H102.199V16.978H110.472C110.472 16.4117 110.349 15.91 110.103 15.473C109.856 15.036 109.515 14.6944 109.078 14.4482C108.647 14.1958 108.145 14.0696 107.573 14.0696C106.976 14.0696 106.446 14.2081 105.985 14.4851C105.529 14.7559 105.172 15.1222 104.914 15.5838C104.655 16.0393 104.523 16.5471 104.517 17.1072V19.4247C104.517 20.1264 104.646 20.7327 104.905 21.2436C105.169 21.7545 105.542 22.1484 106.022 22.4254C106.502 22.7024 107.071 22.8409 107.73 22.8409C108.167 22.8409 108.567 22.7794 108.93 22.6562C109.293 22.5331 109.604 22.3485 109.863 22.1023C110.121 21.8561 110.318 21.5545 110.454 21.1974L114.091 21.4375C113.907 22.3116 113.528 23.0748 112.956 23.7273C112.389 24.3736 111.657 24.8783 110.758 25.2415C109.866 25.5985 108.835 25.777 107.665 25.777Z" class="utzfk 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="p2s7b 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="p2s7b dark:stroke-white" stroke="currentColor" stroke-width="2"/>
<circle cx="13" cy="16.5214" r="5" class="utzfk dark:fill-white" fill="currentColor"/>
</svg>
</a>
<!-- End Logo -->
<div class="hidden lg:block ncgn0">
</div>
<div class="ms-auto">
<!-- Dark Mode -->
<div>
<button type="button" class="hs-dark-mode-active:hidden flex hs-dark-mode group sc63t jkwm1 items-center n9hej kghwt rsdjd azddh c9jt8 cq7a3 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden f6db7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-theme-click-value="dark">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" 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 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z"/></svg>
</button>
<button type="button" class="hs-dark-mode-active:flex hidden hs-dark-mode group sc63t jkwm1 items-center n9hej kghwt rsdjd azddh c9jt8 cq7a3 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden f6db7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-theme-click-value="light">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="4"/><path d="M12 2v2"/><path d="M12 20v2"/><path d="m4.93 4.93 1.41 1.41"/><path d="m17.66 17.66 1.41 1.41"/><path d="M2 12h2"/><path d="M20 12h2"/><path d="m6.34 17.66-1.41 1.41"/><path d="m19.07 4.93-1.41 1.41"/></svg>
</button>
</div>
<!-- End Dark Mode -->
</div>
</div>
</footer>
<!-- End Footer -->
<!-- Sidebar Close -->
<div class="lg:hidden absolute mjk73 t5w1f wzd7f">
<button type="button" class="vjub8 pte0q inline-flex jkwm1 items-center n9hej w4xo0 sikx1 m74u5 rsdjd lnk45 pxusf jy5gh nzmya focus:outline-hidden r17tr disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-sidebar">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="7 8 3 12 7 16"/><line x1="21" x2="11" y1="12" y2="12"/><line x1="21" x2="11" y1="6" y2="6"/><line x1="21" x2="11" y1="18" y2="18"/></svg>
</button>
</div>
<!-- End Sidebar Close -->
</div>
</aside>
<!-- ========== END MAIN SIDEBAR ========== -->
<!-- ========== MAIN CONTENT ========== -->
<main id="content" class="x5kyj">
<div class="msxlk mx-auto x5a8o boc9x ns57r wq9mm 2xl:px-5">
<!-- Card -->
<div class="tbd2k flex flex-col jkwm1 p6nx8 dnmlf min-h-[calc(100vh-115px)] sm:min-h-[calc(100vh-80px)] aqyoh rsdjd lnk45 hj07t er6t7 dark:bg-neutral-800 dark:border-neutral-700">
<div class="relative h1r77 rsdjd pfxbf lnk45 er6t7 overflow-hidden dark:border-neutral-700">
<div class="absolute inset-0 fp3m4">
<div class="bg-[linear-gradient(45deg,var(--color-gray-100)_7.14%,transparent_7.14%,transparent_50%,var(--color-gray-100)_50%,var(--color-gray-100)_57.14%,transparent_57.14%,transparent);] gv795 dark:bg-[linear-gradient(45deg,var(--color-neutral-700)_7.14%,transparent_7.14%,transparent_50%,var(--color-neutral-700)_50%,var(--color-neutral-700)_57.14%,transparent_57.14%,transparent);] fp3m4"></div>
</div>
</div>
</div>
<!-- End Card -->
</div>
</main>
<!-- ========== END MAIN CONTENT ========== -->
<!-- ========== HEADER ========== -->
<header class="icxxw lg:hidden fixed fuv09 e33ca flex flex-wrap qxd8q md:flex-nowrap wu22o aqyoh fazzp lnk45 dark:bg-neutral-800 dark:border-neutral-700">
<div class="flex ox2cl oqdtd xljto ygsjd items-center w-full gdxvw jxswk wyidq">
<!-- Logo & Sidebar Toggle -->
<div class="flex items-center vyfcq">
<!-- Logo -->
<a class="flex-none m74u5 mp30q inline-block cnneu focus:outline-hidden o8t9n" href="../../pro/analytics/index.html" aria-label="Preline">
<svg class="bu4xv h-auto" width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M18.0835 3.23358C9.88316 3.23358 3.23548 9.8771 3.23548 18.0723V35.5832H0.583496V18.0723C0.583496 8.41337 8.41851 0.583252 18.0835 0.583252C27.7485 0.583252 35.5835 8.41337 35.5835 18.0723C35.5835 27.7312 27.7485 35.5614 18.0835 35.5614H16.7357V32.911H18.0835C26.2838 32.911 32.9315 26.2675 32.9315 18.0723C32.9315 9.8771 26.2838 3.23358 18.0835 3.23358Z" class="zk148 dark:fill-indigo-500" fill="currentColor"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M18.0833 8.62162C12.8852 8.62162 8.62666 12.9245 8.62666 18.2879V35.5833H5.97468V18.2879C5.97468 11.5105 11.3713 5.97129 18.0833 5.97129C24.7954 5.97129 30.192 11.5105 30.192 18.2879C30.192 25.0653 24.7954 30.6045 18.0833 30.6045H16.7355V27.9542H18.0833C23.2815 27.9542 27.54 23.6513 27.54 18.2879C27.54 12.9245 23.2815 8.62162 18.0833 8.62162Z" class="zk148 dark:fill-indigo-500" fill="currentColor"/>
<path d="M24.8225 18.1012C24.8225 21.8208 21.8053 24.8361 18.0833 24.8361C14.3614 24.8361 11.3442 21.8208 11.3442 18.1012C11.3442 14.3815 14.3614 11.3662 18.0833 11.3662C21.8053 11.3662 24.8225 14.3815 24.8225 18.1012Z" class="zk148 dark:fill-indigo-500" fill="currentColor"/>
</svg>
</a>
<!-- End Logo -->
<div class="lg:hidden">
<!-- Sidebar Toggle -->
<button type="button" class="bu4xv r44ox inline-flex jkwm1 items-center n9hej w4xo0 sikx1 pb094 rsdjd lnk45 aqyoh c9jt8 hj07t nzmya focus:outline-hidden r17tr disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" aria-haspopup="dialog" aria-expanded="false" aria-controls="hs-pro-sidebar" aria-label="Toggle navigation" data-hs-overlay="#hs-pro-sidebar">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 8L21 12L17 16M3 12H13M3 6H13M3 18H13"/></svg>
</button>
<!-- End Sidebar Toggle -->
</div>
<div class="lg:hidden">
</div>
</div>
<!-- End Logo & Sidebar Toggle -->
<div class="lg:hidden r44ox flex smdr3 items-center n9hej">
<!-- Account Dropdown -->
<div class="hs-dropdown inline-flex [--strategy:absolute] [--auto-close:inside] [--placement:bottom-right] relative w9dei">
<button id="hs-pro-dnad" type="button" class="inline-flex e731n items-center vyfcq w9dei kghwt focus:outline-hidden" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<img class="e731n sc63t kghwt" src="https://images.unsplash.com/photo-1659482633369-9fe69af50bfb?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="Avatar">
</button>
<!-- Account Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 srycj transition-[opacity,margin] duration opacity-0 hidden gbcuh aqyoh er6t7 gmg3v dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-dnad">
<div class="vyel6 fazzp lnk45 dark:border-neutral-800">
<a class="s53ws f2l40 flex items-center vyfcq pb094 w4xo0 c9jt8 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="../../pro/dashboard/user-profile-my-profile.html">
<img class="e731n yl1cu kghwt" 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="hlt95">
<span class="w4xo0 cnneu c9jt8 dark:text-neutral-300">
James Collison
</span>
<p class="xs2f2 jy5gh dark:text-neutral-500">
Preline@HS
</p>
</div>
</a>
</div>
<div class="vyel6">
<a class="flex items-center vyfcq s53ws f2l40 pb094 w4xo0 c9jt8 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<svg class="e731n eyzz7 b9gop" xmlns="http://www.w3.org/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 vyfcq s53ws f2l40 pb094 w4xo0 c9jt8 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" 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 vyfcq s53ws f2l40 pb094 w4xo0 c9jt8 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<svg class="e731n eyzz7 b9gop" xmlns="http://www.w3.org/2000/svg" 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="fglch tcy4x h5xf1 lnk45 dark:border-neutral-800">
<!-- Switch/Toggle -->
<div class="flex flex-wrap ox2cl items-center o4ndh">
<label for="hs-pro-dnaddm" class="flex-1 cursor-pointer w4xo0 c9jt8 dark:text-neutral-300">Dark mode</label>
<label for="hs-pro-dnaddm" class="relative inline-block wy2b0 g0uux cursor-pointer">
<input data-hs-theme-switch type="checkbox" id="hs-pro-dnaddm" class="peer et50x">
<span class="absolute inset-0 tfa1w kghwt ao9tn ey6m2 resz6 peer-checked:bg-indigo-600 dark:bg-neutral-700 dark:peer-checked:bg-indigo-500 peer-disabled:opacity-50 peer-disabled:pointer-events-none"></span>
<span class="absolute zoyba dpiq6 -translate-y-1/2 yhc35 aqyoh kghwt m26rp mheoi ey6m2 resz6 peer-checked:translate-x-full dark:bg-neutral-400 dark:peer-checked:bg-white"></span>
</label>
</div>
<!-- End Switch/Toggle -->
</div>
<div class="vyel6">
<a class="flex items-center vyfcq s53ws f2l40 pb094 w4xo0 c9jt8 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
Customization
<div class="ms-auto">
<span class="ms-auto inline-flex items-center m4ww2 a3ame a6bs9 m8zlk s91e0 bxktg sikx1 f4yn1 c9jt8 dark:bg-neutral-700 dark:text-neutral-300">
New
</span>
</div>
</a>
<a class="flex items-center vyfcq s53ws f2l40 pb094 w4xo0 c9jt8 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
Manage team
</a>
<a class="flex items-center vyfcq s53ws f2l40 pb094 w4xo0 c9jt8 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
Sign out
</a>
</div>
<div class="vyel6 yfv61 lnk45 dark:border-neutral-800">
<button type="button" class="flex eyzz7 vyfcq s53ws f2l40 w-full pb094 w4xo0 c9jt8 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-dasadam">
<svg class="e731n b9gop eyzz7" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M8 12h8"/><path d="M12 8v8"/></svg>
Add team account
</button>
</div>
</div>
<!-- End Account Dropdown -->
</div>
<!-- End Account Dropdown -->
</div>
</div>
</header>
<!-- ========== END HEADER ========== -->
<!-- ========== MAIN SIDEBAR ========== -->
<aside id="hs-pro-sidebar" class="hs-overlay [--auto-close:lg]
hs-overlay-open:translate-x-0
-translate-x-full fl36v ufjzp h587a
bthu3 h1r77
hidden
fixed rm8lf gihcw uxfxy
aqyoh
lg:block y1z8v lg:end-auto k4112
dark:bg-neutral-800" tabindex="-1" aria-label="Sidebar">
<div class="h1r77 flex">
<!-- Nav Sidebar -->
<div class="laign flex flex-col h1r77 a0p67">
<div class="tbd2k flex flex-col items-center">
<!-- Logo -->
<a class="flex-none m74u5 mp30q inline-block cnneu focus:outline-hidden o8t9n" href="../../pro/analytics/index.html" aria-label="Preline">
<svg class="bu4xv h-auto" width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M18.0835 3.23358C9.88316 3.23358 3.23548 9.8771 3.23548 18.0723V35.5832H0.583496V18.0723C0.583496 8.41337 8.41851 0.583252 18.0835 0.583252C27.7485 0.583252 35.5835 8.41337 35.5835 18.0723C35.5835 27.7312 27.7485 35.5614 18.0835 35.5614H16.7357V32.911H18.0835C26.2838 32.911 32.9315 26.2675 32.9315 18.0723C32.9315 9.8771 26.2838 3.23358 18.0835 3.23358Z" class="zk148 dark:fill-indigo-500" fill="currentColor"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M18.0833 8.62162C12.8852 8.62162 8.62666 12.9245 8.62666 18.2879V35.5833H5.97468V18.2879C5.97468 11.5105 11.3713 5.97129 18.0833 5.97129C24.7954 5.97129 30.192 11.5105 30.192 18.2879C30.192 25.0653 24.7954 30.6045 18.0833 30.6045H16.7355V27.9542H18.0833C23.2815 27.9542 27.54 23.6513 27.54 18.2879C27.54 12.9245 23.2815 8.62162 18.0833 8.62162Z" class="zk148 dark:fill-indigo-500" fill="currentColor"/>
<path d="M24.8225 18.1012C24.8225 21.8208 21.8053 24.8361 18.0833 24.8361C14.3614 24.8361 11.3442 21.8208 11.3442 18.1012C11.3442 14.3815 14.3614 11.3662 18.0833 11.3662C21.8053 11.3662 24.8225 14.3815 24.8225 18.1012Z" class="zk148 dark:fill-indigo-500" fill="currentColor"/>
</svg>
</a>
<!-- End Logo -->
</div>
<!-- Content -->
<div class="h1r77 fglch overflow-y-auto xwpzv y0qzi bxgd5 n3xnc dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<!-- Nav -->
<ul class="flex flex-col items-center space-y-1">
<!-- Item -->
<li class="hs-tooltip [--placement:right] inline-block">
<a class="hs-tooltip-toggle flex jkwm1 items-center vyfcq fjwwc w4xo0 c9jt8 pb094 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:hover:bg-neutral-700 dark:text-neutral-300 dark:focus:bg-neutral-700 " href="#">
<svg class="e731n eyzz7 b9gop" xmlns="http://www.w3.org/2000/svg" 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 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/><polyline points="9 22 9 12 15 12 15 22"/></svg>
<span class="et50x">Dashboard</span>
</a>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute vajpp gbcuh od5va sfv8v nzj5e xs2f2 kew0r pb094 s1lil dark:bg-neutral-700" role="tooltip">
Dashboard
</span>
</li>
<!-- End Item -->
<!-- Item -->
<li class="hs-tooltip [--placement:right] inline-block">
<a class="hs-tooltip-toggle flex jkwm1 items-center vyfcq fjwwc w4xo0 c9jt8 pb094 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:hover:bg-neutral-700 dark:text-neutral-300 dark:focus:bg-neutral-700" href="#">
<svg class="e731n eyzz7 b9gop" xmlns="http://www.w3.org/2000/svg" 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="et50x">Users</span>
</a>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute vajpp gbcuh od5va sfv8v nzj5e xs2f2 kew0r pb094 s1lil dark:bg-neutral-700" role="tooltip">
Users
</span>
</li>
<!-- End Item -->
<!-- Item -->
<li class="hs-tooltip [--placement:right] inline-block">
<a class="hs-tooltip-toggle flex jkwm1 items-center vyfcq fjwwc w4xo0 c9jt8 pb094 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:hover:bg-neutral-700 dark:text-neutral-300 dark:focus:bg-neutral-700" href="#">
<svg class="e731n eyzz7 b9gop" xmlns="http://www.w3.org/2000/svg" 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 9 5 12 1.8-5.2L21 14Z"/><path d="M7.2 2.2 8 5.1"/><path d="m5.1 8-2.9-.8"/><path d="M14 4.1 12 6"/><path d="m6 12-1.9 2"/></svg>
<span class="et50x">Events</span>
</a>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute vajpp gbcuh od5va sfv8v nzj5e xs2f2 kew0r pb094 s1lil dark:bg-neutral-700" role="tooltip">
Events
</span>
</li>
<!-- End Item -->
<!-- Item -->
<li class="hs-tooltip [--placement:right] inline-block">
<a class="hs-tooltip-toggle flex jkwm1 items-center vyfcq fjwwc w4xo0 c9jt8 pb094 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:hover:bg-neutral-700 dark:text-neutral-300 dark:focus:bg-neutral-700" href="#">
<svg class="e731n eyzz7 b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 18a2 2 0 0 0-2-2H9a2 2 0 0 0-2 2"/><rect width="18" height="18" x="3" y="4" rx="2"/><circle cx="12" cy="10" r="2"/><line x1="8" x2="8" y1="2" y2="4"/><line x1="16" x2="16" y1="2" y2="4"/></svg>
<span class="et50x">Attributes</span>
</a>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute vajpp gbcuh od5va sfv8v nzj5e xs2f2 kew0r pb094 s1lil dark:bg-neutral-700" role="tooltip">
Attributes
</span>
</li>
<!-- End Item -->
<!-- Item -->
<li class="hs-tooltip [--placement:right] inline-block">
<a class="hs-tooltip-toggle flex jkwm1 items-center vyfcq fjwwc w4xo0 c9jt8 pb094 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:hover:bg-neutral-700 dark:text-neutral-300 dark:focus:bg-neutral-700" href="#">
<svg class="e731n eyzz7 b9gop g41z1 dark:text-indigo-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"><circle cx="12" cy="12" r="10"/><path d="m16 12-4-4-4 4"/><path d="M12 16V8"/></svg>
<span class="et50x">Upgrade</span>
</a>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute vajpp gbcuh od5va sfv8v nzj5e xs2f2 kew0r pb094 s1lil dark:bg-neutral-700" role="tooltip">
Upgrade
</span>
</li>
<!-- End Item -->
<!-- Item -->
<li class="hs-tooltip [--placement:right] inline-block">
<a class="hs-tooltip-toggle flex jkwm1 items-center vyfcq fjwwc w4xo0 c9jt8 pb094 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:hover:bg-neutral-700 dark:text-neutral-300 dark:focus:bg-neutral-700" href="#">
<svg class="e731n eyzz7 b9gop" xmlns="http://www.w3.org/2000/svg" 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 22v-5"/><path d="M9 8V2"/><path d="M15 8V2"/><path d="M18 8v5a4 4 0 0 1-4 4h-4a4 4 0 0 1-4-4V8Z"/></svg>
<span class="et50x">Integrations</span>
</a>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute vajpp gbcuh od5va sfv8v nzj5e xs2f2 kew0r pb094 s1lil dark:bg-neutral-700" role="tooltip">
Integrations
</span>
</li>
<!-- End Item -->
<!-- Item -->
<li class="hidden lg:block">
</li>
<!-- End Item -->
</ul>
<!-- End Nav -->
</div>
<!-- End Content -->
<footer class="hidden lg:block dtief yfv61 lnk45 dark:border-neutral-700">
<!-- Account Dropdown -->
<div class="hs-dropdown inline-flex [--strategy:absolute] [--auto-close:inside] [--placement:bottom-right] relative w9dei">
<button id="hs-pro-dsad" type="button" class="w-full flex items-center vyfcq w9dei a8iqd disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<img class="e731n sc63t kghwt" src="https://images.unsplash.com/photo-1659482633369-9fe69af50bfb?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="Avatar">
</button>
<!-- Account Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 srycj transition-[opacity,margin] duration opacity-0 hidden gbcuh aqyoh er6t7 gmg3v dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-dsad">
<div class="vyel6 fazzp lnk45 dark:border-neutral-800">
<a class="s53ws f2l40 flex items-center vyfcq pb094 w4xo0 c9jt8 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="../../pro/dashboard/user-profile-my-profile.html">
<img class="e731n yl1cu kghwt" 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="hlt95">
<span class="w4xo0 cnneu c9jt8 dark:text-neutral-300">
James Collison
</span>
<p class="xs2f2 jy5gh dark:text-neutral-500">
Preline@HS
</p>
</div>
</a>
</div>
<div class="vyel6">
<a class="flex items-center vyfcq s53ws f2l40 pb094 w4xo0 c9jt8 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<svg class="e731n eyzz7 b9gop" xmlns="http://www.w3.org/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 vyfcq s53ws f2l40 pb094 w4xo0 c9jt8 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" 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 vyfcq s53ws f2l40 pb094 w4xo0 c9jt8 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<svg class="e731n eyzz7 b9gop" xmlns="http://www.w3.org/2000/svg" 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="fglch tcy4x h5xf1 lnk45 dark:border-neutral-800">
<!-- Switch/Toggle -->
<div class="flex flex-wrap ox2cl items-center o4ndh">
<label for="hs-pro-dsaddm" class="flex-1 cursor-pointer w4xo0 c9jt8 dark:text-neutral-300">Dark mode</label>
<label for="hs-pro-dsaddm" class="relative inline-block wy2b0 g0uux cursor-pointer">
<input data-hs-theme-switch type="checkbox" id="hs-pro-dsaddm" class="peer et50x">
<span class="absolute inset-0 tfa1w kghwt ao9tn ey6m2 resz6 peer-checked:bg-indigo-600 dark:bg-neutral-700 dark:peer-checked:bg-indigo-500 peer-disabled:opacity-50 peer-disabled:pointer-events-none"></span>
<span class="absolute zoyba dpiq6 -translate-y-1/2 yhc35 aqyoh kghwt m26rp mheoi ey6m2 resz6 peer-checked:translate-x-full dark:bg-neutral-400 dark:peer-checked:bg-white"></span>
</label>
</div>
<!-- End Switch/Toggle -->
</div>
<div class="vyel6">
<a class="flex items-center vyfcq s53ws f2l40 pb094 w4xo0 c9jt8 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
Customization
<div class="ms-auto">
<span class="ms-auto inline-flex items-center m4ww2 a3ame a6bs9 m8zlk s91e0 bxktg sikx1 f4yn1 c9jt8 dark:bg-neutral-700 dark:text-neutral-300">
New
</span>
</div>
</a>
<a class="flex items-center vyfcq s53ws f2l40 pb094 w4xo0 c9jt8 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
Manage team
</a>
<a class="flex items-center vyfcq s53ws f2l40 pb094 w4xo0 c9jt8 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
Sign out
</a>
</div>
<div class="vyel6 yfv61 lnk45 dark:border-neutral-800">
<button type="button" class="flex eyzz7 vyfcq s53ws f2l40 w-full pb094 w4xo0 c9jt8 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-dasadam">
<svg class="e731n b9gop eyzz7" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M8 12h8"/><path d="M12 8v8"/></svg>
Add team account
</button>
</div>
</div>
<!-- End Account Dropdown -->
</div>
<!-- End Account Dropdown -->
</footer>
<!-- Sidebar Close -->
<div class="lg:hidden absolute ktrn1 -end-6 wzd7f">
<button type="button" class="vjub8 pte0q inline-flex jkwm1 items-center n9hej w4xo0 sikx1 ydigi rsdjd lnk45 aqyoh jy5gh nzmya focus:outline-hidden r17tr disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-sidebar">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="7 8 3 12 7 16"/><line x1="21" x2="11" y1="12" y2="12"/><line x1="21" x2="11" y1="6" y2="6"/><line x1="21" x2="11" y1="18" y2="18"/></svg>
</button>
</div>
<!-- End Sidebar Close -->
</div>
<!-- End Nav Sidebar -->
<!-- Secondary Sidebar -->
<div class="zdkvk aqyoh ujng0 lnk45 dark:bg-neutral-800 dark:border-neutral-700">
<div class="flex flex-col h1r77 a0p67">
<!-- Quick Actions -->
<div class="brrnv jxswk fazzp lnk45 dark:border-neutral-700">
<button type="button" class="od5va yuavq sr4j9 w-full inline-flex items-center n9hej w4xo0 pb094 rsdjd lnk45 aqyoh jy5gh nzmya focus:outline-hidden d16zw disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700/50">
Quick actions
<span class="ms-auto flex items-center n6i5x a3ame a6bs9 rsdjd lnk45 m74u5 dark:border-neutral-700">
<svg class="e731n u28hb" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M15 6v12a3 3 0 1 0 3-3H6a3 3 0 1 0 3 3V6a3 3 0 1 0-3 3h12a3 3 0 1 0-3-3"/></svg>
<span class="x3nzy vj9jb">k</span>
</span>
</button>
</div>
<!-- End Quick Actions -->
<!-- Content -->
<div class="h1r77 overflow-y-auto xwpzv y0qzi bxgd5 n3xnc dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<!-- Nav -->
<nav class="hs-accordion-group fp3m4 flex flex-col ox2cl" data-hs-accordion-always-open>
<!-- Body -->
<div>
<ul class="an00p flex flex-col jon87">
<!-- Link -->
<li>
<a class="flex vyfcq s53ws f2l40 w4xo0 c9jt8 pb094 d05xb focus:outline-hidden r17tr dark:hover:bg-neutral-700 dark:text-neutral-300 dark:focus:bg-neutral-700 " href="../../pro/analytics/index.html">
Overview
</a>
</li>
<!-- End Link -->
<!-- Link -->
<li>
<a class="flex vyfcq s53ws f2l40 w4xo0 c9jt8 pb094 d05xb focus:outline-hidden r17tr dark:hover:bg-neutral-700 dark:text-neutral-300 dark:focus:bg-neutral-700 " href="../../pro/analytics/visitors.html">
Visitors
</a>
</li>
<!-- End Link -->
<!-- Link -->
<li>
<a class="flex vyfcq s53ws f2l40 w4xo0 c9jt8 pb094 d05xb focus:outline-hidden r17tr dark:hover:bg-neutral-700 dark:text-neutral-300 dark:focus:bg-neutral-700 " href="../../pro/analytics/survey.html">
Survey
<div class="ms-auto">
<span class="inline-flex items-center m4ww2 a3ame a6bs9 m74u5 s91e0 bxktg sikx1 aqyoh rsdjd lnk45 c9jt8 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300">
Beta
</span>
</div>
</a>
</li>
<!-- End Link -->
<!-- Link -->
<li>
<a class="flex vyfcq s53ws f2l40 w4xo0 c9jt8 pb094 d05xb focus:outline-hidden r17tr dark:hover:bg-neutral-700 dark:text-neutral-300 dark:focus:bg-neutral-700 " href="../../pro/analytics/incidents.html">
Incidents
</a>
</li>
<!-- End Link -->
<!-- Link -->
<li>
<a class="flex vyfcq s53ws f2l40 w4xo0 c9jt8 pb094 d05xb focus:outline-hidden r17tr dark:hover:bg-neutral-700 dark:text-neutral-300 dark:focus:bg-neutral-700 " href="../../pro/analytics/empty-states.html">
Empty Contents
</a>
</li>
<!-- End Link -->
</ul>
<ul class="an00p flex flex-col jon87">
<!-- Link -->
<li class="hs-accordion active" id="projects-accordion">
<button type="button" class="hs-accordion-toggle ga1u8 f2l40 flex jkwm1 items-center n6i5x xs2f2 jy5gh m74u5 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:hover:bg-neutral-700 dark:text-neutral-500 dark:focus:bg-neutral-700" aria-expanded="true" aria-controls="projects-accordion-sub">
<svg class="hs-accordion-active:rotate-90 e731n mo9p3 whz4r" xmlns="http://www.w3.org/2000/svg" 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>
Channels
</button>
<div id="projects-accordion-sub" class="hs-accordion-content w-full overflow-hidden transition-[height] ufjzp" role="region" aria-labelledby="projects-accordion">
<ul class="hs-accordion-group rwavo flex flex-col" data-hs-accordion-always-open>
<!-- Link -->
<li>
<a class="flex items-center n9hej s53ws f2l40 w4xo0 c9jt8 pb094 d05xb focus:outline-hidden r17tr dark:hover:bg-neutral-700 dark:text-neutral-300 dark:focus:bg-neutral-700" href="../../pro/index.html">
<span class="flex jkwm1 items-center odrp3 lgr79 kew0r m74u5 dark:bg-indigo-500">
<svg class="e731n mo9p3" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z"/><path d="m3.3 7 8.7 5 8.7-5"/><path d="M12 22V12"/></svg>
</span>
PRO
</a>
</li>
<!-- End Link -->
<!-- Link -->
<li>
<a class="flex items-center n9hej s53ws f2l40 w4xo0 c9jt8 pb094 d05xb focus:outline-hidden r17tr dark:hover:bg-neutral-700 dark:text-neutral-300 dark:focus:bg-neutral-700" href="../../pro/examples.html">
<span class="flex jkwm1 items-center odrp3 lgr79 kew0r m74u5 dark:bg-indigo-500">
<svg class="e731n mo9p3" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="7" x="3" y="3" rx="1"/><rect width="9" height="7" x="3" y="14" rx="1"/><rect width="5" height="7" x="16" y="14" rx="1"/></svg>
</span>
Examples
</a>
</li>
<!-- End Link -->
<!-- Link -->
<li>
<a class="flex items-center n9hej s53ws f2l40 w4xo0 c9jt8 pb094 d05xb focus:outline-hidden r17tr dark:hover:bg-neutral-700 dark:text-neutral-300 dark:focus:bg-neutral-700" href="../../pro/templates.html">
<span class="flex jkwm1 items-center odrp3 lgr79 kew0r m74u5 dark:bg-indigo-500">
<svg class="e731n mo9p3" xmlns="http://www.w3.org/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 x="2" y="4" width="20" height="16" rx="2"/><path d="M10 4v4"/><path d="M2 8h20"/><path d="M6 4v4"/></svg>
</span>
Templates
</a>
</li>
<!-- End Link -->
</ul>
</div>
</li>
<!-- End Link -->
</ul>
</div>
<!-- End Body -->
<!-- Footer -->
<footer class="an00p q1glq flex flex-col cufq3">
<!-- Credits Card -->
<a class="dc6r1 group flex flex-col aqyoh rsdjd lnk45 er6t7 swq4z focus:outline-hidden q8a9i dark:bg-neutral-800 dark:border-neutral-700 dark:hover:border-neutral-600 dark:focus:border-neutral-600" href="#">
<div class="flex ox2cl items-center n6i5x">
<div class="hlt95">
<p class="sikx1 w4xo0 c9jt8 dark:text-neutral-200">
65/100 credits used
</p>
<p class="sgv2y xs2f2 jy5gh dark:text-neutral-500">
Invite team members
</p>
<p class="ja90s flex items-center v1hon xs2f2 g41z1 dark:text-indigo-500">
<svg class="e731n h6zia" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"/></svg>
Upgrade now
<svg class="e731n h6zia g41z1 opacity-0 group-hover:opacity-100 group-focus:opacity-100 whz4r ufjzp dark:text-neutral-200" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path class="lg:opacity-0 vsgcj lg:group-hover:opacity-100 lg:group-hover:translate-x-0 xmtc1" d="M5 12h14"/><path class="zjpax lg:group-hover:translate-x-0 xmtc1" d="m12 5 7 7-7 7"/></svg>
</p>
</div>
<!-- Circular Progress -->
<div class="relative kldel">
<svg class="fp3m4 -rotate-90" viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg">
<!-- Background Circle -->
<circle cx="18" cy="18" r="16" fill="none" class="i6455 lz097 dark:text-indigo-500/40" stroke-width="4"></circle>
<!-- Progress Circle -->
<circle cx="18" cy="18" r="16" fill="none" class="i6455 g41z1 dark:text-indigo-500" stroke-width="4" stroke-dasharray="100" stroke-dashoffset="35" stroke-linecap="round"></circle>
</svg>
</div>
<!-- End Circular Progress -->
</div>
</a>
<!-- End Credits Card -->
<!-- News Card -->
<a class="group flex flex-col aqyoh rsdjd lnk45 er6t7 swq4z focus:outline-hidden q8a9i whz4r ufjzp dark:bg-neutral-800 dark:border-neutral-700 dark:hover:border-neutral-600 dark:focus:border-neutral-600" href="#">
<div class="an00p w-full fvee5 m74u5">
<img class="fp3m4 x1s1r m74u5 dark:hidden" src="../../assets/img/demo-previews/img32.webp" alt="Card Image">
<img class="fp3m4 x1s1r m74u5 dark:block hidden" src="../../assets/img/demo-previews-dark/img32.webp" alt="Card Image">
</div>
<div class="dc6r1">
<div class="flex items-center o4ndh">
<div class="hlt95">
<p class="sgv2y xs2f2 jy5gh dark:text-neutral-500">
New
</p>
<p class="sgv2y sikx1 w4xo0 c9jt8 group-hover:text-indigo-600 group-focus:text-indigo-600 dark:text-neutral-200 dark:group-hover:text-white dark:group-focus:text-white">
Preline Startup Demo
</p>
</div>
<svg class="e731n h6zia g41z1 opacity-0 group-hover:opacity-100 group-focus:opacity-100 whz4r ufjzp dark:text-neutral-200" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path class="lg:opacity-0 vsgcj lg:group-hover:opacity-100 lg:group-hover:translate-x-0 xmtc1" d="M5 12h14"/><path class="zjpax lg:group-hover:translate-x-0 xmtc1" d="m12 5 7 7-7 7"/></svg>
</div>
</div>
</a>
<!-- End News Card -->
</footer>
<!-- End Footer -->
</nav>
<!-- End Nav -->
</div>
<!-- End Content -->
</div>
</div>
<!-- End Secondary Sidebar -->
</div>
</aside>
<!-- ========== END MAIN SIDEBAR ========== -->
<!-- ========== MAIN CONTENT ========== -->
<main id="content" class="t19k9 e2mox p6v5q">
<div class="an00p i1iav si82e hac0a space-y-5">
<!-- Card -->
<div class="tbd2k flex flex-col jkwm1 p6nx8 dnmlf min-h-[calc(100vh-115px)] sm:min-h-[calc(100vh-40px)] aqyoh rsdjd lnk45 hj07t er6t7 dark:bg-neutral-800 dark:border-neutral-700">
<div class="relative h1r77 rsdjd pfxbf lnk45 er6t7 overflow-hidden dark:border-neutral-700">
<div class="absolute inset-0 fp3m4">
<div class="bg-[linear-gradient(45deg,var(--color-gray-100)_7.14%,transparent_7.14%,transparent_50%,var(--color-gray-100)_50%,var(--color-gray-100)_57.14%,transparent_57.14%,transparent);] gv795 dark:bg-[linear-gradient(45deg,var(--color-neutral-700)_7.14%,transparent_7.14%,transparent_50%,var(--color-neutral-700)_50%,var(--color-neutral-700)_57.14%,transparent_57.14%,transparent);] fp3m4"></div>
</div>
</div>
</div>
<!-- End Card -->
</div>
</main>
<!-- ========== END MAIN CONTENT ========== -->
<!-- ========== HEADER ========== -->
<header class="icxxw relative flex flex-wrap qxd8q md:flex-nowrap wu22o">
<div class="flex ox2cl oqdtd xljto ygsjd items-center w-full gdxvw fglch sy1ll">
<div class="eiaiv flex items-center cvy13">
<div class="lg:hidden">
<!-- Sidebar Toggle -->
<button type="button" class="bu4xv r44ox inline-flex jkwm1 items-center n9hej w4xo0 sikx1 pb094 rsdjd lnk45 aqyoh c9jt8 hj07t nzmya focus:outline-hidden r17tr disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" aria-haspopup="dialog" aria-expanded="false" aria-controls="hs-pro-sidebar" aria-label="Toggle navigation" data-hs-overlay="#hs-pro-sidebar">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 8L21 12L17 16M3 12H13M3 6H13M3 18H13"/></svg>
</button>
<!-- End Sidebar Toggle -->
</div>
<div class="lg:hidden ncgn0">
</div>
<div class="hidden lg:block giyja xl:w-full">
<!-- Search Input -->
<div class="relative">
<div class="absolute rm8lf gihcw flex items-center gxxgf gbcuh o1d90">
<svg class="e731n b9gop rr36x 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="od5va yzhap nokqy ep58o block w-full f4yn1 azddh pb094 glhrq rr3j6 rurj1 pw7g6 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-transparent dark:text-neutral-400 dark:placeholder:text-neutral-400 dark:focus:bg-neutral-900 dark:focus:ring-neutral-700" placeholder="Search projects, files or people">
<div class="hidden absolute rm8lf kji94 flex items-center gbcuh wn488">
<button type="button" class="inline-flex e731n jkwm1 items-center odrp3 kghwt jy5gh s5ku3 focus:outline-hidden i4yyh dark:text-neutral-500 dark:hover:text-blue-500 dark:focus:text-blue-500" aria-label="Close">
<span class="et50x">Close</span>
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="m15 9-6 6"/><path d="m9 9 6 6"/></svg>
</button>
</div>
</div>
<!-- End Search Input -->
</div>
</div>
<div class="dx0ew flex smdr3 items-center n9hej">
<div class="flex items-center">
<div class="lg:hidden">
<!-- Search Button Icon -->
<button type="button" class="inline-flex e731n jkwm1 items-center n9hej sc63t kghwt jy5gh d05xb focus:outline-hidden r17tr dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-dnsm">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.3-4.3"/></svg>
</button>
<!-- End Search Button Icon -->
</div>
<!-- Notifications Button Icon -->
<div class="hs-dropdown [--auto-close:inside] relative inline-flex">
<button id="hs-pro-fndm" type="button" class="hs-dropdown-toggle relative sc63t inline-flex jkwm1 items-center n9hej pb094 rsdjd azddh jy5gh d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9"/><path d="M10.3 21a1.94 1.94 0 0 0 3.4 0"/></svg>
<span class="flex absolute fuv09 kji94 wzd7f -mt-1.5 -me-1.5">
<span class="baj5e absolute inline-flex fp3m4 kghwt spl34 y1afu dark:bg-red-600"></span>
<span class="relative bnbld nfrej inline-flex jkwm1 items-center s91e0 jmaom kew0r kghwt eoh5b">
2
</span>
</span>
</button>
<!-- End Notifications Button Icon -->
<!-- Notifications Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 w-full lztgl transition-[opacity,margin] duration opacity-0 hidden wzd7f aqyoh yfv61 lnk45 sd8lw s530u xus2s no3my dark:bg-neutral-950 dark:border-neutral-700" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-fndm">
<!-- Header -->
<div class="ns57r f5e2w flex ox2cl items-center fazzp lnk45 dark:border-neutral-800">
<!-- Nav Tab -->
<nav class="flex v1hon" aria-label="Tabs" role="tablist" aria-orientation="horizontal">
<button type="button" class="hs-tab-active:after:bg-gray-800 hs-tab-active:text-gray-800 jxswk od5va wyf4w relative inline-flex jkwm1 items-center n9hej d05xb jy5gh mg8vb w4xo0 pb094 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr after:absolute after:-bottom-2 after:inset-x-2 after:z-10 after:h-0.5 after:pointer-events-none dark:hs-tab-active:text-neutral-200 dark:hs-tab-active:after:bg-neutral-400 dark:text-neutral-500 dark:hover:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden active" id="hs-pro-tabs-dnn-item-all" aria-selected="true" data-hs-tab="#hs-pro-tabs-dnn-all" aria-controls="hs-pro-tabs-dnn-all" role="tab" >
All
</button>
<button type="button" class="hs-tab-active:after:bg-gray-800 hs-tab-active:text-gray-800 jxswk od5va wyf4w relative inline-flex jkwm1 items-center n9hej d05xb jy5gh mg8vb w4xo0 pb094 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr after:absolute after:-bottom-2 after:inset-x-2 after:z-10 after:h-0.5 after:pointer-events-none dark:hs-tab-active:text-neutral-200 dark:hs-tab-active:after:bg-neutral-400 dark:text-neutral-500 dark:hover:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden " id="hs-pro-tabs-dnn-item-archived" aria-selected="false" data-hs-tab="#hs-pro-tabs-dnn-archived" aria-controls="hs-pro-tabs-dnn-archived" role="tab" >
Archived
</button>
</nav>
<!-- End Nav Tab -->
<!-- Notifications Button Icon -->
<div class="hs-tooltip relative inline-block n8xpr">
<a class="hs-tooltip-toggle qqwrg inline-flex jkwm1 items-center n9hej kghwt rsdjd azddh jy5gh d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="../../pro/dashboard/account-profile.html">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" ><path d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z"/><circle cx="12" cy="12" r="3"/></svg>
</a>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute vajpp gbcuh od5va sfv8v nzj5e xs2f2 kew0r pb094 dark:bg-neutral-700" role="tooltip">
Preferences
</span>
</div>
<!-- End Notifications Button Icon -->
</div>
<!-- End Header -->
<!-- Tab Content -->
<div id="hs-pro-tabs-dnn-all" role="tabpanel" aria-labelledby="hs-pro-tabs-dnn-item-all">
<div class="n95xd overflow-y-auto overflow-hidden xwpzv y0qzi bxgd5 n3xnc dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<ul class="divide-y divide-gray-200 dark:divide-neutral-800">
<!-- List Item -->
<li class="relative group w-full flex p5sau w9dei f4yn1 dark:bg-neutral-800 t0g73">
<div class="relative e731n">
<img class="e731n sc63t kghwt" src="https://images.unsplash.com/photo-1659482634023-2c4fda99ac0c?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="Avatar">
<span class="absolute ktrn1 -start-3 s4l24 owkrq kghwt dark:bg-blue-500"></span>
</div>
<div class="hlt95">
<p class="xs2f2 jy5gh dark:text-neutral-500">
2 hours ago
</p>
<span class="block w4xo0 sikx1 c9jt8 dark:text-neutral-300">
Eilis Warner
</span>
<p class="w4xo0 jy5gh dark:text-neutral-500">
Left the Slack group HS Team
</p>
</div>
<div>
<div class="sm:group-hover:opacity-100 sm:opacity-0 sm:absolute go8xa whstg">
<!-- Segment Button Group -->
<div class="inline-block wix63 aqyoh rsdjd lnk45 pb094 hj07t whz4r ccbyv dark:bg-neutral-800 dark:border-neutral-700">
<div class="flex items-center">
<div class="hs-tooltip relative inline-block">
<button type="button" class="hs-tooltip-toggle qqwrg flex e731n jkwm1 items-center jy5gh d05xb mg8vb m8zlk disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:hover:bg-neutral-700 dark:text-neutral-400 dark:focus:bg-neutral-700">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 11 12 14 22 4"/><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"/></svg>
<svg class="e731n b9gop hidden" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M8 12h8"/></svg>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute vajpp gbcuh od5va sfv8v nzj5e xs2f2 kew0r pb094 dark:bg-neutral-700" role="tooltip">
Mark this notification as read
</span>
</div>
<div class="hs-tooltip relative inline-block">
<button type="button" class="hs-tooltip-toggle qqwrg flex e731n jkwm1 items-center jy5gh d05xb mg8vb m8zlk disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:hover:bg-neutral-700 dark:text-neutral-400 dark:focus:bg-neutral-700">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="5" x="2" y="4" rx="2"/><path d="M4 9v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9"/><path d="M10 13h4"/></svg>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute vajpp gbcuh od5va sfv8v nzj5e xs2f2 kew0r pb094 dark:bg-neutral-700" role="tooltip">
Archive this notification
</span>
</div>
</div>
</div>
<!-- End Segment Button Group -->
</div>
</div>
</li>
<!-- End List Item -->
<!-- List Item -->
<li class="relative group w-full flex p5sau w9dei t0g73">
<div class="relative e731n">
<span class="flex e731n jkwm1 items-center sc63t aqyoh rsdjd lnk45 jy5gh w4xo0 cnneu kghwt hj07t dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400">
P
</span>
</div>
<div class="hlt95">
<p class="xs2f2 jy5gh dark:text-neutral-500">
5 Jan 2023
</p>
<span class="block w4xo0 sikx1 c9jt8 dark:text-neutral-300">
New Update on Preline
</span>
<p class="w4xo0 jy5gh dark:text-neutral-500">
Add yourself to our new “Hire Page”. Let visitors know you’re open to freelance or full-time work.
</p>
<a class="ja90s rmzo7 inline-flex items-center rsdjd lnk45 er6t7 nzmya tvbow focus:outline-hidden r17tr dark:border-neutral-700 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<img class="zx3gt cldzd x1s1r pb094" src="https://images.unsplash.com/photo-1670272505340-d906d8d77d03?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2070&q=80" alt="Avatar">
<div class="hlt95 gdxvw fglch">
<p class="w4xo0 sikx1 c9jt8 dark:text-neutral-300">
Get hired!
</p>
<p class="inline-flex items-center n6i5x w4xo0 jy5gh dark:text-neutral-500">
Get started
<svg class="e731n b9gop whz4r resz6 group-hover:translate-x-1 group-focus:translate-x-1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg>
</p>
</div>
</a>
</div>
<div>
<div class="sm:group-hover:opacity-100 sm:opacity-0 sm:absolute go8xa whstg">
<!-- Segment Button Group -->
<div class="inline-block wix63 aqyoh rsdjd lnk45 pb094 hj07t whz4r ccbyv dark:bg-neutral-800 dark:border-neutral-700">
<div class="flex items-center">
<div class="hs-tooltip relative inline-block">
<button type="button" class="hs-tooltip-toggle qqwrg flex e731n jkwm1 items-center jy5gh d05xb mg8vb m8zlk disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:hover:bg-neutral-700 dark:text-neutral-400 dark:focus:bg-neutral-700">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 11 12 14 22 4"/><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"/></svg>
<svg class="e731n b9gop hidden" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M8 12h8"/></svg>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute vajpp gbcuh od5va sfv8v nzj5e xs2f2 kew0r pb094 dark:bg-neutral-700" role="tooltip">
Mark this notification as read
</span>
</div>
<div class="hs-tooltip relative inline-block">
<button type="button" class="hs-tooltip-toggle qqwrg flex e731n jkwm1 items-center jy5gh d05xb mg8vb m8zlk disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:hover:bg-neutral-700 dark:text-neutral-400 dark:focus:bg-neutral-700">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="5" x="2" y="4" rx="2"/><path d="M4 9v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9"/><path d="M10 13h4"/></svg>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute vajpp gbcuh od5va sfv8v nzj5e xs2f2 kew0r pb094 dark:bg-neutral-700" role="tooltip">
Archive this notification
</span>
</div>
</div>
</div>
<!-- End Segment Button Group -->
</div>
</div>
</li>
<!-- End List Item -->
<!-- List Item -->
<li class="relative group w-full flex p5sau w9dei t0g73">
<div class="relative e731n">
<span class="flex e731n jkwm1 items-center sc63t aqyoh rsdjd lnk45 jy5gh w4xo0 cnneu kghwt hj07t dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400">
P
</span>
</div>
<div class="hlt95">
<p class="xs2f2 jy5gh dark:text-neutral-500">
5 Jan 2023
</p>
<span class="block w4xo0 sikx1 c9jt8 dark:text-neutral-300">
We’re updating our Privacy Policy as of 10th January 2023.content
</span>
<p>
<a class="inline-flex items-center n6i5x w4xo0 uk4dd j3zsq f1348 sikx1 focus:outline-hidden ow4j6 dark:text-pink-400 dark:hover:text-pink-500" href="#">
Learn more
<svg class="e731n b9gop whz4r resz6 group-hover:translate-x-1 group-focus:translate-x-1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg>
</a>
</p>
</div>
<div>
<div class="sm:group-hover:opacity-100 sm:opacity-0 sm:absolute go8xa whstg">
<!-- Segment Button Group -->
<div class="inline-block wix63 aqyoh rsdjd lnk45 pb094 hj07t whz4r ccbyv dark:bg-neutral-800 dark:border-neutral-700">
<div class="flex items-center">
<div class="hs-tooltip relative inline-block">
<button type="button" class="hs-tooltip-toggle qqwrg flex e731n jkwm1 items-center jy5gh d05xb mg8vb m8zlk disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:hover:bg-neutral-700 dark:text-neutral-400 dark:focus:bg-neutral-700">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 11 12 14 22 4"/><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"/></svg>
<svg class="e731n b9gop hidden" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M8 12h8"/></svg>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute vajpp gbcuh od5va sfv8v nzj5e xs2f2 kew0r pb094 dark:bg-neutral-700" role="tooltip">
Mark this notification as read
</span>
</div>
<div class="hs-tooltip relative inline-block">
<button type="button" class="hs-tooltip-toggle qqwrg flex e731n jkwm1 items-center jy5gh d05xb mg8vb m8zlk disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:hover:bg-neutral-700 dark:text-neutral-400 dark:focus:bg-neutral-700">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="5" x="2" y="4" rx="2"/><path d="M4 9v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9"/><path d="M10 13h4"/></svg>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute vajpp gbcuh od5va sfv8v nzj5e xs2f2 kew0r pb094 dark:bg-neutral-700" role="tooltip">
Archive this notification
</span>
</div>
</div>
</div>
<!-- End Segment Button Group -->
</div>
</div>
</li>
<!-- End List Item -->
<!-- List Item -->
<li class="relative group w-full flex p5sau w9dei f4yn1 dark:bg-neutral-800 t0g73">
<div class="relative e731n">
<img class="e731n sc63t kghwt" src="https://images.unsplash.com/photo-1614880353165-e56fac2ea9a8?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="Avatar">
<span class="absolute ktrn1 -start-3 s4l24 owkrq kghwt dark:bg-blue-500"></span>
</div>
<div class="hlt95">
<p class="xs2f2 jy5gh dark:text-neutral-500">
31 Dec 2022
</p>
<span class="block w4xo0 sikx1 c9jt8 dark:text-neutral-300">
Rubia Walter
</span>
<p class="w4xo0 jy5gh dark:text-neutral-500">
Joined the Slack group HS Team
</p>
</div>
<div>
<div class="sm:group-hover:opacity-100 sm:opacity-0 sm:absolute go8xa whstg">
<!-- Segment Button Group -->
<div class="inline-block wix63 aqyoh rsdjd lnk45 pb094 hj07t whz4r ccbyv dark:bg-neutral-800 dark:border-neutral-700">
<div class="flex items-center">
<div class="hs-tooltip relative inline-block">
<button type="button" class="hs-tooltip-toggle qqwrg flex e731n jkwm1 items-center jy5gh d05xb mg8vb m8zlk disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:hover:bg-neutral-700 dark:text-neutral-400 dark:focus:bg-neutral-700">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 11 12 14 22 4"/><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"/></svg>
<svg class="e731n b9gop hidden" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M8 12h8"/></svg>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute vajpp gbcuh od5va sfv8v nzj5e xs2f2 kew0r pb094 dark:bg-neutral-700" role="tooltip">
Mark this notification as read
</span>
</div>
<div class="hs-tooltip relative inline-block">
<button type="button" class="hs-tooltip-toggle qqwrg flex e731n jkwm1 items-center jy5gh d05xb mg8vb m8zlk disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:hover:bg-neutral-700 dark:text-neutral-400 dark:focus:bg-neutral-700">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="5" x="2" y="4" rx="2"/><path d="M4 9v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9"/><path d="M10 13h4"/></svg>
</button>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute vajpp gbcuh od5va sfv8v nzj5e xs2f2 kew0r pb094 dark:bg-neutral-700" role="tooltip">
Archive this notification
</span>
</div>
</div>
</div>
<!-- End Segment Button Group -->
</div>
</div>
</li>
<!-- End List Item -->
</ul>
<!-- End List Group -->
</div>
<!-- Footer -->
<div class="dtief yfv61 lnk45 dark:border-neutral-800">
<a class="tbd2k flex jkwm1 items-center n9hej w4xo0 jy5gh sikx1 ic0n5 etpui focus:outline-hidden t1ft8 dark:text-neutral-400 dark:hover:text-neutral-300 dark:focus:text-neutral-300" href="../../docs/index.html">
Mark all as read
</a>
</div>
<!-- End Footer -->
</div>
<!-- End Tab Content -->
<!-- Tab Content -->
<div id="hs-pro-tabs-dnn-archived" class="hidden" role="tabpanel" aria-labelledby="hs-pro-tabs-dnn-item-archived">
<!-- Empty State -->
<div class="t0g73 msvgn flex flex-col jkwm1 items-center dtief">
<svg class="c1nm7 mx-auto ki2kd" 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="sveog dark:fill-neutral-800"/>
<rect x="27" y="50.5" width="124" height="39" rx="7.5" stroke="currentColor" class="y0mw2 dark:stroke-neutral-700/10"/>
<rect x="34.5" y="58" width="24" height="24" rx="4" fill="currentColor" class="ppqrj dark:fill-neutral-700/30"/>
<rect x="66.5" y="61" width="60" height="6" rx="3" fill="currentColor" class="ppqrj dark:fill-neutral-700/30"/>
<rect x="66.5" y="73" width="77" height="6" rx="3" fill="currentColor" class="ppqrj dark:fill-neutral-700/30"/>
<rect x="19.5" y="28.5" width="139" height="39" rx="7.5" fill="currentColor" class="sveog dark:fill-neutral-800"/>
<rect x="19.5" y="28.5" width="139" height="39" rx="7.5" stroke="currentColor" class="ybbxw dark:stroke-neutral-700/30"/>
<rect x="27" y="36" width="24" height="24" rx="4" fill="currentColor" class="wld5b dark:fill-neutral-700/70"/>
<rect x="59" y="39" width="60" height="6" rx="3" fill="currentColor" class="wld5b dark:fill-neutral-700/70"/>
<rect x="59" y="51" width="92" height="6" rx="3" fill="currentColor" class="wld5b dark:fill-neutral-700/70"/>
<g filter="url(#filter4)">
<rect x="12" y="6" width="154" height="40" rx="8" fill="currentColor" class="sveog dark:fill-neutral-800" shape-rendering="crispEdges"/>
<rect x="12.5" y="6.5" width="153" height="39" rx="7.5" stroke="currentColor" class="ybbxw dark:stroke-neutral-700/60" shape-rendering="crispEdges"/>
<rect x="20" y="14" width="24" height="24" rx="4" fill="currentColor" class="f4079 dark:fill-neutral-700 "/>
<rect x="52" y="17" width="60" height="6" rx="3" fill="currentColor" class="f4079 dark:fill-neutral-700"/>
<rect x="52" y="29" width="106" height="6" rx="3" fill="currentColor" class="f4079 dark:fill-neutral-700"/>
</g>
<defs>
<filter id="filter4" x="0" y="0" width="178" height="64" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="6"/>
<feGaussianBlur stdDeviation="6"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1187_14810"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1187_14810" result="shape"/>
</filter>
</defs>
</svg>
<div class="zwrfi mx-auto">
<p class="ja90s sikx1 c9jt8 dark:text-neutral-200">
No archived notifications
</p>
<p class="r4xgm w4xo0 jy5gh dark:text-neutral-500">
No data here yet. We will notify you when there's an update.
</p>
</div>
<a class="s53ws f2l40 inline-flex items-center n9hej w4xo0 sikx1 pb094 rsdjd lnk45 aqyoh c9jt8 hj07t nzmya disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden d16zw dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="@@href">
Notifications settings
</a>
</div>
<!-- End Empty State -->
</div>
<!-- End Tab Content -->
</div>
</div>
<!-- End Notifications Dropdown -->
</div>
<div class="c1j8w lnk45 adwno g0uux djkwm dark:border-neutral-700"></div>
<div class="hs-dropdown [--placement:top-right] [--strategy:absolute] [--auto-close:inside] relative inline-flex">
<!-- Account Avatar -->
<button id="hs-pro-fadm" type="button" class="a6bs9 pisd8 gcrbn hs-dropdown-toggle flex e731n items-center n6i5x w9dei c9jt8 d05xb pb094 focus:outline-hidden r17tr disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<img class="e731n qqwrg kghwt" src="https://images.unsplash.com/photo-1659482633369-9fe69af50bfb?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="Avatar">
<span class="hlt95 hidden sm:block rm61j jvnp6 truncate">
<span class="block truncate w4xo0 sikx1">
James Collison
</span>
</span>
<svg class="e731n b9gop jy5gh dark:text-neutral-400" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>
</button>
<!-- End Account Avatar -->
<!-- Account Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 ampc0 nq1zh transition-[opacity,margin] duration opacity-0 hidden wzd7f aqyoh er6t7 gmg3v dark:bg-neutral-950" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-fadm">
<div class="vyel6">
<a class="flex items-center vyfcq s53ws f2l40 pb094 w4xo0 c9jt8 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<span class="flex jkwm1 items-center odrp3">
<svg class="e731n b9gop" xmlns="http://www.w3.org/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>
</span>
Billing
</a>
<a class="flex items-center vyfcq s53ws f2l40 pb094 w4xo0 c9jt8 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<span class="flex jkwm1 items-center odrp3">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" 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>
</span>
Settings
</a>
<a class="flex items-center vyfcq s53ws f2l40 pb094 w4xo0 c9jt8 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<span class="flex jkwm1 items-center odrp3">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" 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>
Manage team
</a>
<a class="flex items-center vyfcq s53ws f2l40 pb094 w4xo0 c9jt8 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<span class="flex jkwm1 items-center odrp3">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" 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 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"/><polyline points="16 17 21 12 16 7"/><line x1="21" x2="9" y1="12" y2="12"/></svg>
</span>
Sign out
</a>
</div>
<div class="vyel6 yfv61 lnk45 dark:border-neutral-700">
<button type="button" class="flex items-center vyfcq s53ws f2l40 w-full w9dei pb094 w4xo0 c9jt8 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<img class="e731n odrp3 kghwt" src="https://images.unsplash.com/photo-1659482633369-9fe69af50bfb?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="Avatar">
<span class="hlt95 block jvnp6">
<span class="block truncate w4xo0 sikx1 c9jt8 dark:text-neutral-200">
James Collison
</span>
<span class="block truncate xs2f2 jy5gh dark:text-neutral-500">
james@site.com
</span>
</span>
<svg class="e731n b9gop" xmlns="http://www.w3.org/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>
</button>
</div>
<div class="vyel6 yfv61 lnk45 dark:border-neutral-700">
<button type="button" class="flex items-center vyfcq s53ws f2l40 w-full pb094 w4xo0 c9jt8 d05xb disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800">
<span class="flex jkwm1 items-center odrp3">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" 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>
</span>
Add account
</button>
</div>
</div>
<!-- End Account Dropdown -->
</div>
</div>
</div>
</header>
<!-- ========== END HEADER ========== -->
<!-- ========== MAIN SIDEBAR ========== -->
<aside id="hs-pro-sidebar" class="hs-overlay [--auto-close:lg]
hs-overlay-open:translate-x-0
-translate-x-full fl36v ufjzp h587a
qaks0
hidden
fixed rm8lf gihcw uxfxy
nzj5e
lg:block y1z8v lg:end-auto k4112
dark:bg-neutral-950" tabindex="-1" aria-label="Sidebar">
<div class="flex flex-col h1r77 a0p67">
<div class="ns57r brrnv flex items-center">
<!-- Logo -->
<a class="flex-none m74u5 mp30q inline-block cnneu focus:outline-hidden o8t9n" href="../../pro/files/index.html" aria-label="Preline">
<svg class="o5z37 h-auto" width="116" height="32" viewBox="0 0 116 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M33.5696 30.8182V11.3182H37.4474V13.7003H37.6229C37.7952 13.3187 38.0445 12.9309 38.3707 12.5369C38.7031 12.1368 39.134 11.8045 39.6634 11.5398C40.1989 11.2689 40.8636 11.1335 41.6577 11.1335C42.6918 11.1335 43.6458 11.4044 44.5199 11.946C45.3939 12.4815 46.0926 13.291 46.6158 14.3743C47.139 15.4515 47.4006 16.8026 47.4006 18.4276C47.4006 20.0095 47.1451 21.3452 46.6342 22.4347C46.1295 23.518 45.4401 24.3397 44.5661 24.8999C43.6982 25.4538 42.7256 25.7308 41.6484 25.7308C40.8852 25.7308 40.2358 25.6046 39.7003 25.3523C39.1709 25.0999 38.737 24.7829 38.3984 24.4013C38.0599 24.0135 37.8014 23.6226 37.6229 23.2287H37.5028V30.8182H33.5696ZM37.4197 18.4091C37.4197 19.2524 37.5367 19.9879 37.7706 20.6158C38.0045 21.2436 38.343 21.733 38.7862 22.0838C39.2294 22.4285 39.768 22.6009 40.402 22.6009C41.0421 22.6009 41.5838 22.4254 42.027 22.0746C42.4702 21.7176 42.8056 21.2251 43.0334 20.5973C43.2673 19.9633 43.3842 19.2339 43.3842 18.4091C43.3842 17.5904 43.2704 16.8703 43.0426 16.2486C42.8149 15.6269 42.4794 15.1406 42.0362 14.7898C41.593 14.4389 41.0483 14.2635 40.402 14.2635C39.7618 14.2635 39.2202 14.4328 38.777 14.7713C38.34 15.1098 38.0045 15.59 37.7706 16.2116C37.5367 16.8333 37.4197 17.5658 37.4197 18.4091ZM49.2427 25.5V11.3182H53.0559V13.7926H53.2037C53.4622 12.9124 53.8961 12.2476 54.5055 11.7983C55.1149 11.3428 55.8166 11.1151 56.6106 11.1151C56.8076 11.1151 57.02 11.1274 57.2477 11.152C57.4754 11.1766 57.6755 11.2105 57.8478 11.2536V14.7436C57.6632 14.6882 57.4077 14.639 57.0815 14.5959C56.7553 14.5528 56.4567 14.5312 56.1859 14.5312C55.6073 14.5312 55.0903 14.6574 54.6348 14.9098C54.1854 15.156 53.8284 15.5007 53.5638 15.9439C53.3052 16.3871 53.176 16.898 53.176 17.4766V25.5H49.2427ZM64.9043 25.777C63.4455 25.777 62.1898 25.4815 61.1373 24.8906C60.0909 24.2936 59.2845 23.4503 58.7182 22.3608C58.1519 21.2652 57.8688 19.9695 57.8688 18.4737C57.8688 17.0149 58.1519 15.7346 58.7182 14.6328C59.2845 13.531 60.0816 12.6723 61.1096 12.0568C62.1437 11.4413 63.3563 11.1335 64.7474 11.1335C65.683 11.1335 66.5539 11.2843 67.3603 11.5859C68.1728 11.8814 68.8806 12.3277 69.4839 12.9247C70.0932 13.5218 70.5672 14.2727 70.9057 15.1776C71.2443 16.0762 71.4135 17.1288 71.4135 18.3352V19.4155H59.4384V16.978H67.7111C67.7111 16.4117 67.588 15.91 67.3418 15.473C67.0956 15.036 66.754 14.6944 66.317 14.4482C65.8861 14.1958 65.3844 14.0696 64.812 14.0696C64.2149 14.0696 63.6856 14.2081 63.2239 14.4851C62.7684 14.7559 62.4114 15.1222 62.1529 15.5838C61.8944 16.0393 61.762 16.5471 61.7559 17.1072V19.4247C61.7559 20.1264 61.8851 20.7327 62.1437 21.2436C62.4083 21.7545 62.7807 22.1484 63.2608 22.4254C63.741 22.7024 64.3103 22.8409 64.9689 22.8409C65.406 22.8409 65.8061 22.7794 66.1692 22.6562C66.5324 22.5331 66.8432 22.3485 67.1018 22.1023C67.3603 21.8561 67.5572 21.5545 67.6927 21.1974L71.3304 21.4375C71.1458 22.3116 70.7672 23.0748 70.1948 23.7273C69.6285 24.3736 68.896 24.8783 67.9974 25.2415C67.1048 25.5985 66.0738 25.777 64.9043 25.777ZM77.1335 6.59091V25.5H73.2003V6.59091H77.1335ZM79.5043 25.5V11.3182H83.4375V25.5H79.5043ZM81.4801 9.49006C80.8954 9.49006 80.3937 9.29616 79.9752 8.90838C79.5628 8.51444 79.3566 8.04356 79.3566 7.49574C79.3566 6.95407 79.5628 6.48935 79.9752 6.10156C80.3937 5.70762 80.8954 5.51065 81.4801 5.51065C82.0649 5.51065 82.5635 5.70762 82.9759 6.10156C83.3944 6.48935 83.6037 6.95407 83.6037 7.49574C83.6037 8.04356 83.3944 8.51444 82.9759 8.90838C82.5635 9.29616 82.0649 9.49006 81.4801 9.49006ZM89.7415 17.3011V25.5H85.8083V11.3182H89.5569V13.8203H89.723C90.037 12.9955 90.5632 12.343 91.3019 11.8629C92.0405 11.3767 92.9361 11.1335 93.9887 11.1335C94.9735 11.1335 95.8322 11.349 96.5647 11.7798C97.2971 12.2107 97.8665 12.8262 98.2728 13.6264C98.679 14.4205 98.8821 15.3684 98.8821 16.4702V25.5H94.9489V17.1719C94.9551 16.304 94.7335 15.6269 94.2841 15.1406C93.8348 14.6482 93.2162 14.402 92.4283 14.402C91.8989 14.402 91.4311 14.5159 91.0249 14.7436C90.6248 14.9714 90.3109 15.3037 90.0831 15.7408C89.8615 16.1716 89.7477 16.6918 89.7415 17.3011ZM107.665 25.777C106.206 25.777 104.951 25.4815 103.898 24.8906C102.852 24.2936 102.045 23.4503 101.479 22.3608C100.913 21.2652 100.63 19.9695 100.63 18.4737C100.63 17.0149 100.913 15.7346 101.479 14.6328C102.045 13.531 102.842 12.6723 103.87 12.0568C104.905 11.4413 106.117 11.1335 107.508 11.1335C108.444 11.1335 109.315 11.2843 110.121 11.5859C110.934 11.8814 111.641 12.3277 112.245 12.9247C112.854 13.5218 113.328 14.2727 113.667 15.1776C114.005 16.0762 114.174 17.1288 114.174 18.3352V19.4155H102.199V16.978H110.472C110.472 16.4117 110.349 15.91 110.103 15.473C109.856 15.036 109.515 14.6944 109.078 14.4482C108.647 14.1958 108.145 14.0696 107.573 14.0696C106.976 14.0696 106.446 14.2081 105.985 14.4851C105.529 14.7559 105.172 15.1222 104.914 15.5838C104.655 16.0393 104.523 16.5471 104.517 17.1072V19.4247C104.517 20.1264 104.646 20.7327 104.905 21.2436C105.169 21.7545 105.542 22.1484 106.022 22.4254C106.502 22.7024 107.071 22.8409 107.73 22.8409C108.167 22.8409 108.567 22.7794 108.93 22.6562C109.293 22.5331 109.604 22.3485 109.863 22.1023C110.121 21.8561 110.318 21.5545 110.454 21.1974L114.091 21.4375C113.907 22.3116 113.528 23.0748 112.956 23.7273C112.389 24.3736 111.657 24.8783 110.758 25.2415C109.866 25.5985 108.835 25.777 107.665 25.777Z" class="sveog" 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="biop8" 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="biop8" stroke="currentColor" stroke-width="2"/>
<circle cx="13" cy="16.5214" r="5" class="sveog" fill="currentColor"/>
</svg>
</a>
<!-- End Logo -->
<div class="hidden lg:block ncgn0">
</div>
<!-- Sidebar Close -->
<div class="lg:hidden ms-auto">
<button type="button" class="vjub8 pte0q inline-flex jkwm1 items-center n9hej w4xo0 sikx1 m74u5 rsdjd o8rxe nzj5e rr36x qequ9 focus:outline-hidden xswr6 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-950 dark:border-neutral-800 dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-sidebar">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="7 8 3 12 7 16"/><line x1="21" x2="11" y1="12" y2="12"/><line x1="21" x2="11" y1="6" y2="6"/><line x1="21" x2="11" y1="18" y2="18"/></svg>
</button>
</div>
<!-- End Sidebar Close -->
</div>
<!-- Content -->
<div class="h-[calc(100%-109px)] overflow-y-auto xwpzv y0qzi m5xih">
<!-- Nav -->
<nav class="w-full flex flex-col flex-wrap d0k57" data-hs-accordion-always-open>
<div class="f5e2w yfv61 o8rxe dark:border-neutral-800">
<!-- Link -->
<div class="jxswk rwumq">
<a class="flex vyfcq s53ws f2l40 w4xo0 rsdjd azddh kew0r pb094 lu9at focus:outline-hidden enqcq" href="../../pro/files/index.html">
<svg class="e731n eyzz7 h6zia" xmlns="http://www.w3.org/2000/svg" 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.5 12"/></svg>
Home
</a>
</div>
<!-- End Link -->
<!-- Link -->
<div class="jxswk rwumq">
<a class="flex vyfcq s53ws f2l40 w4xo0 rsdjd azddh kew0r pb094 lu9at focus:outline-hidden enqcq" href="../../pro/files/blank-new-canvas.html">
<svg class="e731n eyzz7 h6zia" xmlns="http://www.w3.org/2000/svg" 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.99 6.74 1.93 3.44"/><path d="M19.136 12a10 10 0 0 1-14.271 0"/><path d="m21 21-2.16-3.84"/><path d="m3 21 8.02-14.26"/><circle cx="12" cy="5" r="2"/></svg>
Blank (New Canvas)
</a>
</div>
<!-- End Link -->
<!-- Link -->
<div class="jxswk rwumq">
<a class="flex vyfcq s53ws f2l40 w4xo0 rsdjd azddh kew0r pb094 lu9at focus:outline-hidden enqcq" href="../../pro/files/canvas-with-contents.html">
<svg class="e731n eyzz7 h6zia" xmlns="http://www.w3.org/2000/svg" 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 3h20"/><path d="M21 3v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V3"/><path d="m7 21 5-5 5 5"/></svg>
Canvas (with Contents)
</a>
</div>
<!-- End Link -->
<!-- Link -->
<div class="jxswk rwumq">
<a class="flex vyfcq s53ws f2l40 w4xo0 rsdjd azddh kew0r pb094 lu9at focus:outline-hidden enqcq" href="../../pro/files/empty-states.html">
<svg class="e731n eyzz7 h6zia" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"/><path d="M14 2v4a2 2 0 0 0 2 2h4"/></svg>
Empty Contents
</a>
</div>
<!-- End Link -->
<!-- Accordion -->
<div class="hs-accordion-group kmove f2l40 wc6fu space-y-1 yfv61 o8rxe nhhah vpmzs dark:border-neutral-800" id="preline-accordion" data-hs-accordion-always-open>
<span class="block s53ws f2l40 xz0nf w4xo0 cnneu kew0r">
Teams
</span>
<!-- Accordion Item -->
<div class="hs-accordion active" id="hs-pro-files-accordion-preline">
<button type="button" class="hs-accordion-toggle w-full w9dei flex items-center n6i5x s53ws f2l40 w4xo0 rsdjd azddh kew0r pb094 lu9at focus:outline-hidden enqcq" aria-expanded="true" aria-controls="hs-pro-files-accordion-preline-sub">
<span class="hrvkp flex jkwm1 items-center h6zia">
<span class="u28hb inline-block mn56d kghwt"></span>
</span>
Preline
<svg class="hs-accordion-active:-rotate-180 e731n rwavo h6zia ms-auto whz4r" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path d="M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z"/></svg>
</button>
<!-- Accordion Content -->
<div id="hs-pro-files-accordion-preline-sub" class="hs-accordion-content w-full overflow-hidden transition-[height] ufjzp" role="region" aria-labelledby="hs-pro-files-accordion-preline">
<ul class="rsa50 hgpdi space-y-1.5 relative before:absolute before:top-0 before:start-[19px] before:w-0.5 before:h-full before:bg-white/10" data-hs-accordion-always-open>
<li>
<a class="flex items-center n6i5x s53ws f2l40 w4xo0 rsdjd azddh kew0r pb094 lu9at focus:outline-hidden enqcq" href="#">
Analytics
<span class="ms-auto a3ame a6bs9 sikx1 s91e0 bxktg fw6w3 kew0r m74u5 dark:bg-neutral-700">
20
</span>
</a>
</li>
<li>
<a class="flex items-center n6i5x s53ws f2l40 w4xo0 rsdjd azddh kew0r pb094 lu9at focus:outline-hidden enqcq" href="#">
User Profile
<span class="ms-auto a3ame a6bs9 sikx1 s91e0 bxktg fw6w3 kew0r m74u5 dark:bg-neutral-700">
12
</span>
</a>
</li>
<li>
<a class="flex items-center n6i5x s53ws f2l40 w4xo0 rsdjd azddh kew0r pb094 lu9at focus:outline-hidden enqcq" href="#">
Payment
</a>
</li>
<li>
<a class="flex items-center n6i5x s53ws f2l40 w4xo0 rsdjd azddh kew0r pb094 lu9at focus:outline-hidden enqcq" href="#">
Examples
<span class="ms-auto a3ame a6bs9 sikx1 s91e0 bxktg fw6w3 kew0r m74u5 dark:bg-neutral-700">
4
</span>
</a>
</li>
<li>
<a class="flex items-center n6i5x s53ws f2l40 w4xo0 rsdjd azddh kew0r pb094 lu9at focus:outline-hidden enqcq" href="#">
Plan & Billing
</a>
</li>
<li>
<a class="flex items-center n6i5x s53ws f2l40 w4xo0 rsdjd azddh kew0r pb094 lu9at focus:outline-hidden enqcq" href="#">
Users
<span class="ms-auto a3ame a6bs9 sikx1 s91e0 bxktg fw6w3 kew0r m74u5 dark:bg-neutral-700">
99+
</span>
</a>
</li>
</ul>
</div>
<!-- End Accordion Content -->
</div>
<!-- End Accordion Item -->
<!-- Accordion Item -->
<div class="hs-accordion active" id="hs-pro-files-accordion-htmlstream">
<button type="button" class="hs-accordion-toggle w-full w9dei flex items-center n6i5x s53ws f2l40 w4xo0 rsdjd azddh kew0r pb094 lu9at focus:outline-hidden enqcq" aria-expanded="true" aria-controls="hs-pro-files-accordion-htmlstream-sub">
<span class="hrvkp flex jkwm1 items-center h6zia">
<span class="u28hb inline-block a6z73 kghwt"></span>
</span>
Htmlstream
<svg class="hs-accordion-active:-rotate-180 e731n rwavo h6zia ms-auto whz4r" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path d="M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z"/></svg>
</button>
<!-- Accordion Content -->
<div id="hs-pro-files-accordion-htmlstream-sub" class="hs-accordion-content w-full overflow-hidden transition-[height] ufjzp" role="region" aria-labelledby="hs-pro-files-accordion-htmlstream">
<ul class="rsa50 hgpdi space-y-1.5 relative before:absolute before:top-0 before:start-[19px] before:w-0.5 before:h-full before:bg-white/10" data-hs-accordion-always-open>
<li>
<a class="flex items-center n6i5x s53ws f2l40 w4xo0 rsdjd azddh kew0r pb094 lu9at focus:outline-hidden enqcq" href="#">
First Project
</a>
</li>
</ul>
</div>
<!-- End Accordion Content -->
</div>
<!-- End Accordion Item -->
<!-- Link -->
<div>
<a class="flex items-center n6i5x s53ws f2l40 w4xo0 rsdjd azddh kew0r pb094 lu9at focus:outline-hidden enqcq" href="#">
<span class="hrvkp flex jkwm1 items-center h6zia">
<span class="u28hb inline-block np40j kghwt"></span>
</span>
Pixeel
</a>
</div>
<!-- End Link -->
<!-- Link -->
<div>
<button type="button" class="w-full flex items-center vyfcq s53ws f2l40 w4xo0 rsdjd azddh kew0r pb094 lu9at focus:outline-hidden enqcq">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>
Create new team
</button>
</div>
<!-- End Link -->
</div>
<!-- End Accordion -->
</div>
</nav>
<!-- End Nav -->
<!-- Footer -->
<footer class="absolute mq18k e33ca nzj5e yfv61 o8rxe dark:bg-neutral-950 dark:border-neutral-800">
<div class="flex jkwm1 items-center n9hej s53ws ns57r">
<!-- Dark Mode -->
<div class="hs-dropdown relative inline-flex">
<!-- Select Theme Button Icon -->
<button id="hs-pro-dsstd" type="button" class="inline-flex e731n jkwm1 items-center n9hej sc63t kghwt kew0r lu9at disabled:opacity-50 focus:outline-hidden enqcq" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="4"/><path d="M12 2v2"/><path d="M12 20v2"/><path d="m4.93 4.93 1.41 1.41"/><path d="m17.66 17.66 1.41 1.41"/><path d="M2 12h2"/><path d="M20 12h2"/><path d="m6.34 17.66-1.41 1.41"/><path d="m19.07 4.93-1.41 1.41"/></svg>
</button>
<!-- End Select Theme Button Icon -->
<!-- Select Theme Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 srycj transition-[opacity,margin] duration opacity-0 hidden gbcuh aqyoh er6t7 gmg3v dark:bg-neutral-800" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-dsstd">
<div class="vyel6 space-y-0.5">
<button type="button" class="hs-auto-mode-active:bg-gray-100 hs-auto-mode-active:dark:bg-neutral-800 hs-auto-mode-active:dark:text-neutral-300 w-full flex items-center v7oom s53ws f2l40 pb094 w4xo0 c9jt8 d05xb focus:outline-hidden r17tr dark:text-neutral-400 dark:hover:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-theme-click-value="auto">
Auto (system default)
</button>
<button type="button" class="hs-default-mode-active:bg-gray-100 hs-default-mode-active:dark:bg-neutral-100 hs-default-mode-active:dark:text-neutral-300 w-full flex items-center v7oom s53ws f2l40 pb094 w4xo0 c9jt8 d05xb focus:outline-hidden r17tr dark:text-neutral-400 dark:hover:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-theme-click-value="default">
Default (light mode)
</button>
<button type="button" class="hs-dark-mode-active:bg-gray-700 hs-dark-mode-active:dark:bg-neutral-700 hs-dark-mode-active:dark:text-neutral-300 w-full flex items-center v7oom s53ws f2l40 pb094 w4xo0 c9jt8 d05xb focus:outline-hidden r17tr dark:text-neutral-400 dark:hover:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-theme-click-value="dark">
Dark
</button>
</div>
</div>
<!-- End Select Theme Dropdown -->
</div>
<!-- End Dark Mode -->
<!-- Language Select -->
<div class="relative">
<select data-hs-select='{
"placeholder": "Select country",
"toggleTag": "<button type=\"button\" aria-expanded=\"false\"><div data-icon></div></button>",
"toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative s53ws f2l40 flex items-center n9hej m6d8q w-full cursor-pointer rsdjd en95w kghwt w9dei w4xo0 c6net lu9at focus:outline-hidden enqcq",
"dropdownClasses": "kji94 w-full v6xgr rdef8 vyel6 space-y-0.5 wu22o w-full overflow-hidden overflow-y-auto aqyoh er6t7 gmg3v xwpzv y0qzi bxgd5 n3xnc dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900",
"optionClasses": "hs-selected:bg-gray-100 dark:hs-selected:bg-neutral-800 s53ws fglch w-full w4xo0 c9jt8 cursor-pointer d05xb pb094 focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800",
"optionTemplate": "<div><div class=\"flex items-center n9hej \"><div data-icon></div><div class=\"c9jt8 dark:text-neutral-200 \" data-title></div><span class=\"hidden hs-selected:block ms-auto \"><svg class=\"e731n h6zia c9jt8 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></div>"
}' class="hidden">
<option value="">Choose</option>
<option value="English-us" selected data-hs-select-option='{
"icon": "<svg class=\"e731n b9gop kghwt \" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><g fill-rule=\"evenodd\"><g stroke-width=\"1pt\"><path fill=\"#bd3d44\" d=\"M0 0h247v10H0zm0 20h247v10H0zm0 20h247v10H0zm0 20h247v10H0zm0 20h247v10H0zm0 20h247v10H0zm0 20h247v10H0z\" transform=\"scale(3.9385)\"/><path fill=\"#fff\" d=\"M0 10h247v10H0zm0 20h247v10H0zm0 20h247v10H0zm0 20h247v10H0zm0 20h247v10H0zm0 20h247v10H0z\" transform=\"scale(3.9385)\"/></g><path fill=\"#192f5d\" d=\"M0 0h98.8v70H0z\" transform=\"scale(3.9385)\"/><path fill=\"#fff\" d=\"M8.2 3l1 2.8H12L9.7 7.5l.9 2.7-2.4-1.7L6 10.2l.9-2.7-2.4-1.7h3zm16.5 0l.9 2.8h2.9l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm16.5 0l.9 2.8H45l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm16.4 0l1 2.8h2.8l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h3zm16.5 0l.9 2.8h2.9l-2.4 1.7 1 2.7L74 8.5l-2.3 1.7.9-2.7-2.4-1.7h2.9zm16.5 0l.9 2.8h2.9L92 7.5l1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm-74.1 7l.9 2.8h2.9l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm16.4 0l1 2.8h2.8l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h3zm16.5 0l.9 2.8h2.9l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm16.5 0l.9 2.8h2.9l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7H65zm16.4 0l1 2.8H86l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h3zm-74 7l.8 2.8h3l-2.4 1.7.9 2.7-2.4-1.7L6 24.2l.9-2.7-2.4-1.7h3zm16.4 0l.9 2.8h2.9l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h2.9zm16.5 0l.9 2.8H45l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm16.4 0l1 2.8h2.8l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h3zm16.5 0l.9 2.8h2.9l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h2.9zm16.5 0l.9 2.8h2.9L92 21.5l1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm-74.1 7l.9 2.8h2.9l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm16.4 0l1 2.8h2.8l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h3zm16.5 0l.9 2.8h2.9l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h2.9zm16.5 0l.9 2.8h2.9l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7H65zm16.4 0l1 2.8H86l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h3zm-74 7l.8 2.8h3l-2.4 1.7.9 2.7-2.4-1.7L6 38.2l.9-2.7-2.4-1.7h3zm16.4 0l.9 2.8h2.9l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h2.9zm16.5 0l.9 2.8H45l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm16.4 0l1 2.8h2.8l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h3zm16.5 0l.9 2.8h2.9l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h2.9zm16.5 0l.9 2.8h2.9L92 35.5l1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm-74.1 7l.9 2.8h2.9l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm16.4 0l1 2.8h2.8l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h3zm16.5 0l.9 2.8h2.9l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h2.9zm16.5 0l.9 2.8h2.9l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7H65zm16.4 0l1 2.8H86l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h3zm-74 7l.8 2.8h3l-2.4 1.7.9 2.7-2.4-1.7L6 52.2l.9-2.7-2.4-1.7h3zm16.4 0l.9 2.8h2.9l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h2.9zm16.5 0l.9 2.8H45l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm16.4 0l1 2.8h2.8l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h3zm16.5 0l.9 2.8h2.9l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h2.9zm16.5 0l.9 2.8h2.9L92 49.5l1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm-74.1 7l.9 2.8h2.9l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm16.4 0l1 2.8h2.8l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h3zm16.5 0l.9 2.8h2.9l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h2.9zm16.5 0l.9 2.8h2.9l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7H65zm16.4 0l1 2.8H86l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h3zm-74 7l.8 2.8h3l-2.4 1.7.9 2.7-2.4-1.7L6 66.2l.9-2.7-2.4-1.7h3zm16.4 0l.9 2.8h2.9l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h2.9zm16.5 0l.9 2.8H45l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm16.4 0l1 2.8h2.8l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h3zm16.5 0l.9 2.8h2.9l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h2.9zm16.5 0l.9 2.8h2.9L92 63.5l1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9z\" transform=\"scale(3.9385)\"/></g></svg>"}'>
English
</option>
<option value="Deutsch" data-hs-select-option='{
"icon": "<svg class=\"e731n b9gop kghwt \" xmlns=\"http://www.w3.org/2000/svg\" id=\"flag-icon-css-de\" viewBox=\"0 0 512 512\"><path fill=\"#ffce00\" d=\"M0 341.3h512V512H0z\"/><path d=\"M0 0h512v170.7H0z\"/><path fill=\"#d00\" d=\"M0 170.7h512v170.6H0z\"/></svg>"}'>
Deutsch
</option>
<option value="Dansk" data-hs-select-option='{
"icon": "<svg class=\"e731n b9gop kghwt \" xmlns=\"http://www.w3.org/2000/svg\" id=\"flag-icon-css-dk\" viewBox=\"0 0 512 512\"><path fill=\"#c8102e\" d=\"M0 0h512.1v512H0z\"/><path fill=\"#fff\" d=\"M144 0h73.1v512H144z\"/><path fill=\"#fff\" d=\"M0 219.4h512.1v73.2H0z\"/></svg>"}'>
Dansk
</option>
<option value="Italiano" data-hs-select-option='{
"icon": "<svg class=\"e731n b9gop kghwt \" xmlns=\"http://www.w3.org/2000/svg\" id=\"flag-icon-css-it\" viewBox=\"0 0 512 512\"><g fill-rule=\"evenodd\" stroke-width=\"1pt\"><path fill=\"#fff\" d=\"M0 0h512v512H0z\"/><path fill=\"#009246\" d=\"M0 0h170.7v512H0z\"/><path fill=\"#ce2b37\" d=\"M341.3 0H512v512H341.3z\"/></g></svg>"}'>
Italiano
</option>
<option value="中文-繁體" data-hs-select-option='{
"icon": "<svg class=\"e731n b9gop kghwt \" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" id=\"flag-icon-css-cn\" viewBox=\"0 0 512 512\"><defs><path id=\"a\" fill=\"#ffde00\" d=\"M1-.3L-.7.8 0-1 .6.8-1-.3z\"/></defs><path fill=\"#de2910\" d=\"M0 0h512v512H0z\"/><use width=\"30\" height=\"20\" transform=\"matrix(76.8 0 0 76.8 128 128)\" xlink:href=\"#a\"/><use width=\"30\" height=\"20\" transform=\"rotate(-121 142.6 -47) scale(25.5827)\" xlink:href=\"#a\"/><use width=\"30\" height=\"20\" transform=\"rotate(-98.1 198 -82) scale(25.6)\" xlink:href=\"#a\"/><use width=\"30\" height=\"20\" transform=\"rotate(-74 272.4 -114) scale(25.6137)\" xlink:href=\"#a\"/><use width=\"30\" height=\"20\" transform=\"matrix(16 -19.968 19.968 16 256 230.4)\" xlink:href=\"#a\"/></svg>"}'>
中文 (繁體)
</option>
</select>
</div>
<!-- End Language Select -->
<!-- Help Dropdown -->
<div class="hs-dropdown [--placement:bottom-right] relative inline-flex">
<!-- Help Button Icon -->
<button id="hs-pro-dnhd" type="button" class=" inline-flex e731n jkwm1 items-center n9hej sc63t kghwt kew0r lu9at disabled:opacity-50 focus:outline-hidden enqcq" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<svg class="e731n b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"/><path d="M12 17h.01"/></svg>
</button>
<!-- End Help Button Icon -->
<!-- Help Dropdown -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 srycj transition-[opacity,margin] duration opacity-0 hidden wzd7f aqyoh er6t7 gmg3v dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-dnhd">
<div class="vyel6">
<a class="flex vyfcq s53ws f2l40 pb094 w4xo0 c9jt8 d05xb focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<svg class="e731n eyzz7 b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"/><path d="M12 17h.01"/></svg>
Help Centre
</a>
<a class="flex vyfcq s53ws f2l40 pb094 w4xo0 c9jt8 d05xb focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<svg class="e731n eyzz7 b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" ><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M22 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg>
Community
</a>
<a class="flex vyfcq s53ws f2l40 pb094 w4xo0 c9jt8 d05xb focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<svg class="e731n eyzz7 b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9"/><path d="M10.3 21a1.94 1.94 0 0 0 3.4 0"/></svg>
What’s New
</a>
<div class="hgpdi yfv61 lnk45 dark:border-neutral-800"></div>
<a class="flex vyfcq s53ws f2l40 pb094 w4xo0 c9jt8 d05xb focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<svg class="e731n eyzz7 b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M12 16v-4"/><path d="M12 8h.01"/></svg>
Privacy and Legal
</a>
<a class="flex vyfcq s53ws f2l40 pb094 w4xo0 c9jt8 d05xb focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<svg class="e731n eyzz7 b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z"/><path d="M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z"/></svg>
Documentation
</a>
<a class="flex vyfcq s53ws f2l40 pb094 w4xo0 c9jt8 d05xb focus:outline-hidden r17tr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<svg class="e731n eyzz7 b9gop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="14" x="2" y="7" rx="2" ry="2"/><path d="M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"/></svg>
Hire an Expert
<div class="ms-auto">
<span class="inline-flex items-center m4ww2 a3ame a6bs9 m8zlk s91e0 bxktg sikx1 f4yn1 c9jt8 dark:bg-neutral-700 dark:text-neutral-300">
New
</span>
</div>
</a>
</div>
</div>
<!-- End Help Dropdown -->
</div>
<!-- End Help Dropdown -->
</div>
</footer>
<!-- End Footer -->
</div>
<!-- End Content -->
</div>
</aside>
<!-- ========== END MAIN SIDEBAR ========== -->
<!-- ========== MAIN CONTENT ========== -->
<main id="content" class="x5kyj">
<div class="fglch f8hc2 sy1ll space-y-4">
<!-- Card -->
<div class="tbd2k flex flex-col jkwm1 p6nx8 dnmlf min-h-[calc(100vh-115px)] sm:min-h-[calc(100vh-114px)] aqyoh rsdjd lnk45 hj07t er6t7 dark:bg-neutral-800 dark:border-neutral-700">
<div class="relative h1r77 rsdjd pfxbf lnk45 er6t7 overflow-hidden dark:border-neutral-700">
<div class="absolute inset-0 fp3m4">
<div class="bg-[linear-gradient(45deg,var(--color-gray-100)_7.14%,transparent_7.14%,transparent_50%,var(--color-gray-100)_50%,var(--color-gray-100)_57.14%,transparent_57.14%,transparent);] gv795 dark:bg-[linear-gradient(45deg,var(--color-neutral-700)_7.14%,transparent_7.14%,transparent_50%,var(--color-neutral-700)_50%,var(--color-neutral-700)_57.14%,transparent_57.14%,transparent);] fp3m4"></div>
</div>
</div>
</div>
<!-- End Card -->
</div>
</main>
<!-- ========== END MAIN CONTENT ========== -->