Open Source
Preline Pro
Sign in
Get all access
Home
Examples
Templates
Pricing
Docs
Preline UI (Open Source)
Back to Examples
All examples
Calendars
Discover user-friendly calendar UIs designed for both dashboard and admin interfaces.
Day View Full Calendar
Preview
Get the code
Existing accounts: Sign in to your account to access the source code.
<!DOCTYPE html> <html lang="en" dir="" class="relative kby5p ly3m4"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <title>Preline UI</title> <link rel="shortcut icon" href="../../favicon.ico"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet"> <link rel="stylesheet" href="../../assets/css/obfuscated.min.css"> </head><body class="hs-overlay-body-open m9vu4 apqjg dark:bg-neutral-800"> <!-- ========== MAIN SIDEBAR ========== --> <aside id="hs-pro-sidebar" class="hs-overlay [--body-scroll:true] lg:[--overlay-backdrop:false] [--is-layout-affect:true] [--opened:lg] [--auto-close:lg] hs-overlay-open:translate-x-0 lg:hs-overlay-layout-open:translate-x-0 -translate-x-full g22ra hbz7g c6bbk ratir hidden fixed hx55d temqr x0wu9 ac0xq scwsh kq7zk s6oc3 neyzj pkjih qbtc1 dark:bg-neutral-900 dark:border-neutral-700" tabindex="-1" aria-label="Main Sidebar"> <div class="flex pz3xv ly3m4 f07vg bdby8"> <!-- Calendar --> <div class="cr73y h8mm6 s9qc2 i80r8 lzrky"> <div class="fmgke "> <!-- Months --> <div class="flex m0bgt items-center fs0bl kl8ix"> <span class="gf9di block bqo3s f4yq1 z1v6e dark:text-neutral-500">January 2024</span> <div class="flex tiner items-center fs0bl"> <button type="button" class="cu201 zxfop flex dry15 items-center z1v6e aefqe tbhem lli30 xwjcj c3i4e r0fp5 joaod dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200" aria-label="Previous"> <svg class="h21yx vs0hq" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m15 18-6-6 6-6"/></svg> </button> <button type="button" class="cu201 zxfop flex dry15 items-center z1v6e aefqe tbhem lli30 xwjcj c3i4e r0fp5 joaod dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200" aria-label="Next"> <svg class="h21yx vs0hq" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg> </button> </div> </div> <!-- Months --> <!-- Weeks --> <div class="flex r6z19"> <span class="cu201 awl1n block a3cw8 wq0mu z1v6e dark:text-neutral-500"> Mo </span> <span class="cu201 awl1n block a3cw8 wq0mu z1v6e dark:text-neutral-500"> Tu </span> <span class="cu201 awl1n block a3cw8 wq0mu z1v6e dark:text-neutral-500"> We </span> <span class="cu201 awl1n block a3cw8 wq0mu z1v6e dark:text-neutral-500"> Th </span> <span class="cu201 awl1n block a3cw8 wq0mu z1v6e dark:text-neutral-500"> Fr </span> <span class="cu201 awl1n block a3cw8 wq0mu z1v6e dark:text-neutral-500"> Sa </span> <span class="cu201 awl1n block a3cw8 wq0mu z1v6e dark:text-neutral-500"> Su </span> </div> <!-- Weeks --> <!-- Days --> <div class="flex"> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 1 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 2 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 3 <span class="absolute lq3ag rhyjt vv4ah uylzq lli30 -translate-x-1/2 dark:bg-blue-500"></span> </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 4 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 5 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 6 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 7 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 8 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 9 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 10 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 11 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center uylzq efs5t xk8dv bqo3s f4yq1 hrliy n81bt lli30 dark:bg-blue-500 xwjcj c3i4e r0fp5 lzdvd dark:hover:border-neutral-700"> 12 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 13 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 14 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 15 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 16 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 17 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 18 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 19 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 20 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 21 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 22 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 23 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 24 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 25 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 26 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 27 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 28 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 29 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 30 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 31 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 1 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 2 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 3 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 4 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 5 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 6 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 7 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 8 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 9 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 10 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 11 </button> </div> </div> <!-- Days --> </div> </div> <!-- End Calendar --> <div class="vcvf1 kq7zk dark:border-neutral-700"></div> <!-- Body --> <div class="bgcuw zq2x8 oasqe c7c11 iz02v dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500"> <div class="rzitn cr73y"> <div class="g0okh"> <!-- Account --> <div class="hs-accordion-group" data-hs-accordion-always-open> <div class="hs-accordion active" id="account-one-accordion"> <button type="button" class="hs-accordion-toggle qaxp8 vf6o6 flex ihu9y arvw3 es30u bqo3s z1v6e ngy7c aefqe xwjcj c3i4e r0fp5 joaod dark:hover:bg-neutral-700 dark:text-neutral-500 dark:focus:bg-neutral-700" aria-expanded="true" aria-controls="account-one-accordion-sub"> james@preline.co <svg class="hs-accordion-active:-rotate-180 h21yx ejwg2 vs0hq k2n1r sd8ly" xmlns="http://www.w3.org/2000/svg" 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"></path></svg> </button> <div id="account-one-accordion-sub" class="hs-accordion-content qaxp8 apqjg transition-[height] hbz7g" role="region" aria-labelledby="account-one-accordion"> <div class="hs-accordion-group x0qdq z4ia7" data-hs-accordion-always-open> <!-- Checkbox --> <label for="hs-pro-cach1" class="arvw3 flex fj5sa ngy7c cursor-pointer bqo3s p9tun aefqe dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <input type="checkbox" class="h21yx kq7zk vs0hq ejwg2 fa0ty kriqw cursor-pointer o7vfi di1ey dark:bg-neutral-800 dark:text-teal-500 dark:border-neutral-700 dark:checked:bg-teal-500 dark:checked:border-teal-500" id="hs-pro-cach1" checked> James Collins </label> <!-- End Checkbox --> <!-- Checkbox --> <label for="hs-pro-cach2" class="arvw3 flex fj5sa ngy7c cursor-pointer bqo3s p9tun aefqe dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <input type="checkbox" class="h21yx kq7zk vs0hq ejwg2 fa0ty f18rh cursor-pointer o7vfi di1ey dark:bg-neutral-800 dark:text-sky-500 dark:border-neutral-700 dark:checked:bg-sky-500 dark:checked:border-sky-500" id="hs-pro-cach2" checked> Preline tasks </label> <!-- End Checkbox --> <!-- Checkbox --> <label for="hs-pro-cach3" class="arvw3 flex fj5sa ngy7c cursor-pointer bqo3s p9tun aefqe dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <input type="checkbox" class="h21yx kq7zk vs0hq ejwg2 fa0ty utinp cursor-pointer o7vfi di1ey dark:bg-neutral-800 dark:text-purple-500 dark:border-neutral-700 dark:checked:bg-purple-500 dark:checked:border-purple-500" id="hs-pro-cach3" checked> Performance Tasks </label> <!-- End Checkbox --> </div> </div> </div> </div> <!-- End Account --> <!-- Account --> <div class="hs-accordion-group" data-hs-accordion-always-open> <div class="hs-accordion active" id="account-two-accordion"> <button type="button" class="hs-accordion-toggle qaxp8 vf6o6 flex ihu9y arvw3 es30u bqo3s z1v6e ngy7c aefqe xwjcj c3i4e r0fp5 joaod dark:hover:bg-neutral-700 dark:text-neutral-500 dark:focus:bg-neutral-700" aria-expanded="true" aria-controls="account-two-accordion-sub"> collinsjames@gmail.com <svg class="hs-accordion-active:-rotate-180 h21yx ejwg2 vs0hq k2n1r sd8ly" xmlns="http://www.w3.org/2000/svg" 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"></path></svg> </button> <div id="account-two-accordion-sub" class="hs-accordion-content qaxp8 apqjg transition-[height] hbz7g" role="region" aria-labelledby="account-two-accordion"> <div class="hs-accordion-group x0qdq z4ia7" data-hs-accordion-always-open> <!-- Checkbox --> <label for="hs-pro-cach4" class="arvw3 flex fj5sa ngy7c cursor-pointer bqo3s p9tun aefqe dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <input type="checkbox" class="h21yx kq7zk vs0hq ejwg2 fa0ty nzdrg cursor-pointer o7vfi di1ey dark:bg-neutral-800 dark:text-pink-500 dark:border-neutral-700 dark:checked:bg-pink-500 dark:checked:border-pink-500" id="hs-pro-cach4"> Holidays </label> <!-- End Checkbox --> </div> </div> </div> </div> <!-- End Account --> </div> <div class="njekq"> <button type="button" class="qaxp8 vf6o6 flex items-center fj5sa arvw3 bqo3s z1v6e ngy7c aefqe xwjcj c3i4e r0fp5 joaod dark:hover:bg-neutral-700 dark:text-neutral-500 dark:focus:bg-neutral-700"> <svg class="h21yx vs0hq" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg> Add account </button> </div> </div> </div> <!-- End Body --> <div class="rzitn cr73y batcw kq7zk dark:border-neutral-700"> <button type="button" class="g0aw2 s2k2k dry15 items-center ernqe qaxp8 bqo3s ngy7c efs5t kq7zk m9vu4 p9tun ycht7 um5nz xwjcj c3i4e r0fp5 ckvf9 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-dasadpm"> <svg class="h21yx vs0hq" xmlns="http://www.w3.org/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="3" y="8" width="18" height="4" rx="1"/><path d="M12 8v13"/><path d="M19 12v7a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-7"/><path d="M7.5 8a2.5 2.5 0 0 1 0-5A4.8 8 0 0 1 12 8a4.8 8 0 0 1 4.5-5 2.5 2.5 0 0 1 0 5"/></svg> Invite people </button> </div> </div> </aside> <!-- ========== END MAIN SIDEBAR ========== --> <!-- ========== MAIN CONTENT ========== --> <main id="content" class="lg:hs-overlay-layout-open:ps-[224px] hf06y g22ra hbz7g"> <!-- Header --> <div class="g0aw2 oekzh mo4j6"> <div class="s9qc2 -ms-2 f598b i80r8 xyr2a wn51l"> <div class="flex items-center ernqe"> <!-- Sidebar Toggle --> <button type="button" class="arvw3 s8ma3 s2k2k items-center ernqe bqo3s ngy7c efs5t xk8dv z1v6e tbhem xwjcj c3i4e r0fp5 q8jf0 dark:text-neutral-500 dark:hover:text-neutral-400 dark:focus:text-neutral-400" aria-haspopup="dialog" aria-expanded="false" aria-controls="hs-pro-sidebar" data-hs-overlay="#hs-pro-sidebar"> <svg class="h21yx vs0hq" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M15 3v18"/><path d="m10 15-3-3 3-3"/></svg> <span class="tliya">Sidebar Toggle</span> </button> <!-- End Sidebar Toggle --> <!-- Secondary Sidebar Toggle --> <div class="kq8am"> <button type="button" class="arvw3 s8ma3 s2k2k items-center ernqe bqo3s ngy7c efs5t xk8dv z1v6e tbhem xwjcj c3i4e r0fp5 q8jf0 dark:text-neutral-500 dark:hover:text-neutral-400 dark:focus:text-neutral-400" aria-haspopup="dialog" aria-expanded="false" aria-controls="hs-pro-secondary-sidebar" aria-label="Toggle navigation" data-hs-overlay="#hs-pro-secondary-sidebar"> <svg class="h21yx vs0hq" xmlns="http://www.w3.org/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> <span class="tliya">Secondary Sidebar Toggle</span> </button> </div> <!-- End Secondary Sidebar Toggle --> </div> <div class="flex dry15"> <!-- View Button Group --> <div class="o315e s2k2k dry15 ernqe m9vu4 efs5t kq7zk ngy7c ycht7 zlw8x dark:bg-neutral-800 dark:border-neutral-700"> <div class="relative flex ckhlw vwcz4 aqpc6 a4ubh d9ij7 oomck br0am j8h9j dark:before:bg-neutral-700"> <a class="hmhrw cr73y s2k2k items-center ernqe bqo3s fa0ty p9tun nz0zf xwjcj c3i4e r0fp5 rnsuy dark:border-neutral-700 dark:text-neutral-300 dark:hover:text-neutral-400 dark:focus:text-neutral-400 ac0xq tbhem dark:bg-neutral-700 dark:hover:!text-neutral-300" href="day.html"> Day </a> </div> <div class="relative flex ckhlw vwcz4 aqpc6 a4ubh d9ij7 oomck br0am j8h9j dark:before:bg-neutral-700"> <a class="hmhrw cr73y s2k2k items-center ernqe bqo3s fa0ty p9tun nz0zf xwjcj c3i4e r0fp5 rnsuy dark:border-neutral-700 dark:text-neutral-300 dark:hover:text-neutral-400 dark:focus:text-neutral-400 " href="week.html"> Week </a> </div> <div class="relative flex ckhlw vwcz4 aqpc6 a4ubh d9ij7 oomck br0am j8h9j dark:before:bg-neutral-700"> <a class="hmhrw cr73y s2k2k items-center ernqe bqo3s fa0ty p9tun nz0zf xwjcj c3i4e r0fp5 rnsuy dark:border-neutral-700 dark:text-neutral-300 dark:hover:text-neutral-400 dark:focus:text-neutral-400 " href="month.html"> Month </a> </div> <div class="relative flex ckhlw vwcz4 aqpc6 a4ubh d9ij7 oomck br0am j8h9j dark:before:bg-neutral-700"> <a class="hmhrw cr73y s2k2k items-center ernqe bqo3s fa0ty p9tun nz0zf xwjcj c3i4e r0fp5 rnsuy dark:border-neutral-700 dark:text-neutral-300 dark:hover:text-neutral-400 dark:focus:text-neutral-400 " href="year.html"> Year </a> </div> </div> <!-- View Button Group --> </div> <div class="uajb4"> <button type="button" class="arvw3 b8fy7 yn6ln s2k2k dry15 items-center dsp0o bqo3s awdil efs5t xk8dv uylzq hrliy wa7ya xwjcj c3i4e r0fp5 dg2gp xp6ug dark:bg-blue-500 dark:hover:bg-blue-600 dark:focus:bg-blue-600" data-hs-overlay="#hs-pro-clce"> <svg class="h21yx vs0hq" xmlns="http://www.w3.org/2000/svg" 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="tliya">Add event</span> </button> </div> </div> <div class="flex flex-wrap m0bgt items-center wn51l"> <div class="toz57"> <h1 class="a23oc ugqr3 p9tun dark:text-neutral-200"> <span class="rozsb">January 12,</span> 2024 </h1> </div> <!-- Today Button Group --> <div class="flex -space-x-px"> <button type="button" class="s8ma3 s2k2k dry15 items-center ernqe bqo3s hreeb weynp efs5t kq7zk m9vu4 p9tun ycht7 um5nz xwjcj c3i4e r0fp5 ckvf9 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-600 dark:focus:bg-neutral-600"> <svg class="h21yx vs0hq" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m15 18-6-6 6-6"/></svg> </button> <button type="button" class="y027u cr73y s2k2k items-center ernqe bqo3s hreeb weynp efs5t kq7zk m9vu4 p9tun ycht7 um5nz xwjcj c3i4e r0fp5 ckvf9 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-600 dark:focus:bg-neutral-600"> Today </button> <button type="button" class="s8ma3 s2k2k dry15 items-center ernqe bqo3s hreeb weynp efs5t kq7zk m9vu4 p9tun ycht7 um5nz xwjcj c3i4e r0fp5 ckvf9 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-600 dark:focus:bg-neutral-600"> <svg class="h21yx vs0hq" 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> <!-- Today Button Group --> </div> </div> <!-- End Header --> <!-- Calendar --> <div class="ly3m4 bgcuw zq2x8 oasqe c7c11 iz02v dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500"> <div class="x6em4 fopbl at14f zy8m7 m9vu4 vcvf1 cammi ulnyf dark:bg-neutral-800 dark:border-neutral-700"> <!-- Week Dates --> <div class="vcvf1 h4z7v dark:border-neutral-700"> <div class="flex t1bzs scwsh wv197 dark:border-neutral-500"> <div class="ly3m4 flex pz3xv scwsh h4z7v dark:border-neutral-700"> <div class="f2107 fij65 flex tiner items-center uajb4"><span class="n19iv wq0mu pal0s dark:text-neutral-500">GMT+</span></div> </div> <div class="qaxp8 i80r8 a7gox"> <button type="button" class="s2k2k dry15 items-center ernqe hmhrw viac4 block uajb4 bqo3s m9vu4 o5ydh xk8dv p9tun um5nz r0fp5 ip2jr dark:bg-neutral-800 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> M<span class="hidden bmujp otsg8">on</span> </button> <button type="button" class="s2k2k dry15 items-center ernqe hmhrw viac4 block uajb4 bqo3s m9vu4 o5ydh xk8dv p9tun um5nz r0fp5 ip2jr dark:bg-neutral-800 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> T<span class="hidden bmujp otsg8">ue</span> </button> <button type="button" class="s2k2k dry15 items-center ernqe hmhrw viac4 block uajb4 bqo3s m9vu4 o5ydh mwycc oqj39 um5nz r0fp5 ip2jr dark:bg-neutral-800 dark:border-blue-500 dark:text-blue-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> W<span class="hidden bmujp otsg8">ed</span> <span class="hidden bmujp ve7ow">12</span> </button> <button type="button" class="s2k2k dry15 items-center ernqe hmhrw viac4 block uajb4 bqo3s m9vu4 o5ydh xk8dv p9tun um5nz r0fp5 ip2jr dark:bg-neutral-800 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> T<span class="hidden bmujp otsg8">hu</span> </button> <button type="button" class="s2k2k dry15 items-center ernqe hmhrw viac4 block uajb4 bqo3s m9vu4 o5ydh xk8dv p9tun um5nz r0fp5 ip2jr dark:bg-neutral-800 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> F<span class="hidden bmujp otsg8">ri</span> </button> <button type="button" class="s2k2k dry15 items-center ernqe hmhrw viac4 block uajb4 bqo3s m9vu4 o5ydh xk8dv p9tun um5nz r0fp5 ip2jr dark:bg-neutral-800 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> S<span class="hidden bmujp otsg8">at</span> </button> <button type="button" class="s2k2k dry15 items-center ernqe hmhrw viac4 block uajb4 bqo3s m9vu4 o5ydh xk8dv p9tun um5nz r0fp5 ip2jr dark:bg-neutral-800 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> S<span class="hidden bmujp otsg8">un</span> </button> </div> </div> </div> <!-- End Week Dates --> <div class="flex t1bzs scwsh wv197 dark:border-neutral-500"> <div class="ly3m4 flex pz3xv scwsh h4z7v dark:border-neutral-700"> <div class="f2107 ze6rp flex tiner items-center uajb4"><span class="n19iv wq0mu pal0s dark:text-neutral-500">All-day</span></div> </div> <!-- Days --> <div class="qaxp8 i80r8 a7gox"> <div class="ze6rp relative flex i6awo ulnyf dark:border-b-neutral-700"> <div class="qaxp8"></div> </div> <div class="ze6rp relative flex i6awo ulnyf dark:border-b-neutral-700"> <div class="qaxp8"></div> </div> <div class="ze6rp relative flex i6awo ulnyf dark:border-b-neutral-700"> <div class="qaxp8"></div> </div> <div class="ze6rp relative flex i6awo ulnyf dark:border-b-neutral-700"> <div class="qaxp8"></div> </div> <div class="ze6rp relative flex i6awo ulnyf dark:border-b-neutral-700"> <div class="qaxp8"></div> </div> <div class="ze6rp relative flex i6awo ulnyf dark:border-b-neutral-700"> <div class="qaxp8"></div> </div> <div class="ze6rp relative flex i6awo ulnyf dark:border-b-neutral-700"> <div class="qaxp8"></div> </div> </div> <!-- Days --> </div> </div> <div class="relative flex pz3xv ewvyg"> <div class="-mt-px flex t1bzs"> <!-- Timeline --> <div class="ly3m4 flex pz3xv scwsh h4z7v dark:border-neutral-700"> <div class="f2107 wsw3n uajb4 opacity-0"><span class="relative -top-[13px] n19iv wq0mu pal0s dark:text-neutral-500">12 AM</span></div> <div class="f2107 wsw3n uajb4"><span class="relative -top-[13px] n19iv wq0mu pal0s dark:text-neutral-500">1 AM</span></div> <div class="f2107 wsw3n uajb4"><span class="relative -top-[13px] n19iv wq0mu pal0s dark:text-neutral-500">2 AM</span></div> <div class="f2107 wsw3n uajb4"><span class="relative -top-[13px] n19iv wq0mu pal0s dark:text-neutral-500">3 AM</span></div> <div class="f2107 wsw3n uajb4"><span class="relative -top-[13px] n19iv wq0mu pal0s dark:text-neutral-500">4 AM</span></div> <div class="f2107 wsw3n uajb4"><span class="relative -top-[13px] n19iv wq0mu pal0s dark:text-neutral-500">5 AM</span></div> <div class="f2107 wsw3n uajb4"><span class="relative -top-[13px] n19iv wq0mu pal0s dark:text-neutral-500">6 AM</span></div> <div class="f2107 wsw3n uajb4"><span class="relative -top-[13px] n19iv wq0mu pal0s dark:text-neutral-500">7 AM</span></div> <div class="f2107 wsw3n uajb4"><span class="relative -top-[13px] n19iv wq0mu pal0s dark:text-neutral-500">8 AM</span></div> <div class="f2107 wsw3n uajb4"><span class="relative -top-[13px] n19iv wq0mu pal0s dark:text-neutral-500">9 AM</span></div> <div class="f2107 wsw3n uajb4"><span class="relative -top-[13px] n19iv wq0mu pal0s dark:text-neutral-500">10 AM</span></div> <div class="f2107 wsw3n uajb4"><span class="relative -top-[13px] n19iv wq0mu pal0s dark:text-neutral-500">11 AM</span></div> <div class="f2107 wsw3n uajb4"><span class="relative -top-[13px] n19iv wq0mu pal0s dark:text-neutral-500">12 PM</span></div> <div class="f2107 wsw3n uajb4"><span class="relative -top-[13px] n19iv wq0mu pal0s dark:text-neutral-500">1 PM</span></div> <div class="f2107 wsw3n uajb4"><span class="relative -top-[13px] n19iv wq0mu pal0s dark:text-neutral-500">2 PM</span></div> <div class="f2107 wsw3n uajb4"><span class="relative -top-[13px] n19iv wq0mu pal0s dark:text-neutral-500">3 PM</span></div> <div class="f2107 wsw3n uajb4"><span class="relative -top-[13px] n19iv wq0mu pal0s dark:text-neutral-500">4 PM</span></div> <div class="f2107 wsw3n uajb4"><span class="relative -top-[13px] n19iv wq0mu pal0s dark:text-neutral-500">5 PM</span></div> <div class="f2107 wsw3n uajb4"><span class="relative -top-[13px] n19iv wq0mu pal0s dark:text-neutral-500">6 PM</span></div> <div class="f2107 wsw3n uajb4"><span class="relative -top-[13px] n19iv wq0mu pal0s dark:text-neutral-500">7 PM</span></div> <div class="f2107 wsw3n uajb4"><span class="relative -top-[13px] n19iv wq0mu pal0s dark:text-neutral-500">8 PM</span></div> <div class="f2107 wsw3n uajb4"><span class="relative -top-[13px] n19iv wq0mu pal0s dark:text-neutral-500">9 PM</span></div> <div class="f2107 wsw3n uajb4"><span class="relative -top-[13px] n19iv wq0mu pal0s dark:text-neutral-500">10 PM</span></div> <div class="f2107 wsw3n uajb4"><span class="relative -top-[13px] n19iv wq0mu pal0s dark:text-neutral-500">11 PM</span></div> </div> <!-- End Timeline --> <div class="relative ewvyg ytii2 scwsh wv197 dark:border-neutral-500"> <div class="absolute wmdx4 x0wu9 t7elg lmuus mgm8o tp5y7 xt2fk n3nzi kneuu g3b8o uwmec s6w1j m9e4o"></div> <div class="relative wsw3n la8pn puep4 k8w5x xwttl wvb4r n3nzi dph9u k7ngk yag8y dark:after:border-neutral-700"> <div class="ewvyg bgogn"> </div> </div> <div class="relative wsw3n la8pn puep4 k8w5x xwttl wvb4r n3nzi dph9u k7ngk yag8y dark:after:border-neutral-700"> <div class="ewvyg bgogn"> </div> </div> <div class="relative wsw3n la8pn puep4 k8w5x xwttl wvb4r n3nzi dph9u k7ngk yag8y dark:after:border-neutral-700"> <div class="ewvyg bgogn"> <button type="button" class="sslcy bld8k relative lmuus qaxp8 flex vf6o6 zxe8z rfvhp lyh9m dm41y bqo3s fa0ty yi1st odr2u dark:bg-neutral-800 dark:before:absolute dark:before:inset-0 dark:before:bg-sky-800/20 dark:before:rounded-e dark:focus:before:bg-sky-800/30 dark:text-sky-500" data-hs-overlay="#hs-pro-clee"> <span class="block rozsb truncate"> <s>Binge-Watch</s> </span> </button> </div> </div> <div class="relative wsw3n la8pn puep4 k8w5x xwttl wvb4r n3nzi dph9u k7ngk yag8y dark:after:border-neutral-700"> <div class="ewvyg bgogn"> </div> </div> <div class="relative wsw3n la8pn puep4 k8w5x xwttl wvb4r n3nzi dph9u k7ngk yag8y dark:after:border-neutral-700"> <div class="ewvyg bgogn"> <button type="button" class="sslcy bld8k relative lmuus qaxp8 ly3m4 flex vf6o6 zxe8z ac22f d6bnv vpch8 bqo3s fa0ty bxl1r odr2u dark:bg-neutral-800 dark:before:absolute dark:before:inset-0 dark:before:bg-green-800/20 dark:before:rounded-e dark:focus:before:bg-green-800/30 dark:text-green-500" data-hs-overlay="#hs-pro-clee"> <span class="block truncate"> <span class="block rozsb truncate">Preline Q1 tasks review</span> <span class="block truncate">5 - 6AM</span> </span> </button> </div> </div> <div class="relative wsw3n la8pn puep4 k8w5x xwttl wvb4r n3nzi dph9u k7ngk yag8y dark:after:border-neutral-700"> <div class="ewvyg bgogn"> </div> </div> <div class="relative wsw3n la8pn puep4 k8w5x xwttl wvb4r n3nzi dph9u k7ngk yag8y dark:after:border-neutral-700"> <div class="ewvyg bgogn"> </div> </div> <div class="relative wsw3n la8pn puep4 k8w5x xwttl wvb4r n3nzi dph9u k7ngk yag8y dark:after:border-neutral-700"> <div class="ewvyg bgogn"> </div> </div> <div class="relative wsw3n la8pn puep4 k8w5x xwttl wvb4r n3nzi dph9u k7ngk yag8y dark:after:border-neutral-700"> <div class="ewvyg bgogn"> </div> </div> <div class="relative wsw3n la8pn puep4 k8w5x xwttl wvb4r n3nzi dph9u k7ngk yag8y dark:after:border-neutral-700"> <div class="ewvyg bgogn"> <button type="button" class="sslcy bld8k relative lmuus qaxp8 ly3m4 flex vf6o6 zxe8z okqng tw8ac t6nb8 bqo3s fa0ty d3vo8 odr2u dark:bg-neutral-800 dark:before:absolute dark:before:inset-0 dark:before:bg-pink-800/20 dark:before:rounded-e dark:focus:before:bg-pink-800/30 dark:text-pink-500" data-hs-overlay="#hs-pro-clee"> <span class="block truncate"> <span class="block rozsb truncate">Searchbox</span> <span class="block truncate">9 - 10AM</span> </span> </button> </div> </div> <div class="relative wsw3n la8pn puep4 k8w5x xwttl wvb4r n3nzi dph9u k7ngk yag8y dark:after:border-neutral-700"> <div class="ewvyg bgogn"> </div> </div> <div class="relative wsw3n la8pn puep4 k8w5x xwttl wvb4r n3nzi dph9u k7ngk yag8y dark:after:border-neutral-700"> <div class="ewvyg bgogn"> </div> </div> <div class="relative wsw3n la8pn puep4 k8w5x xwttl wvb4r n3nzi dph9u k7ngk yag8y dark:after:border-neutral-700"> <div class="ewvyg bgogn"> </div> </div> <div class="relative wsw3n la8pn puep4 k8w5x xwttl wvb4r n3nzi dph9u k7ngk yag8y dark:after:border-neutral-700"> <div class="ewvyg bgogn"> <button type="button" class="sslcy bld8k relative lmuus qaxp8 ly3m4 flex vf6o6 zxe8z tvmdl z0gi6 zopwn bqo3s fa0ty g6jyk odr2u dark:bg-neutral-800 dark:before:absolute dark:before:inset-0 dark:before:bg-orange-800/20 dark:before:rounded-e dark:focus:before:bg-orange-800/30 dark:text-orange-500" data-hs-overlay="#hs-pro-clee"> <span class="block truncate"> <span class="block rozsb truncate">Marketing Discussion</span> <span class="block truncate">Zoom Meeting</span> </span> </button> </div> </div> <div class="relative wsw3n la8pn puep4 k8w5x xwttl wvb4r n3nzi dph9u k7ngk yag8y dark:after:border-neutral-700"> <div class="ewvyg bgogn"> </div> </div> <div class="relative wsw3n la8pn puep4 k8w5x xwttl wvb4r n3nzi dph9u k7ngk yag8y dark:after:border-neutral-700"> <div class="ewvyg bgogn"> </div> </div> <div class="relative wsw3n la8pn puep4 k8w5x xwttl wvb4r n3nzi dph9u k7ngk yag8y dark:after:border-neutral-700"> <div class="ewvyg bgogn"> </div> </div> <div class="relative wsw3n la8pn puep4 k8w5x xwttl wvb4r n3nzi dph9u k7ngk yag8y dark:after:border-neutral-700"> <div class="ewvyg bgogn"> <button type="button" class="sslcy bld8k relative lmuus qaxp8 flex vf6o6 zxe8z ppf5n byl12 bmekf bqo3s fa0ty g6n80 odr2u dark:bg-neutral-800 dark:before:absolute dark:before:inset-0 dark:before:bg-yellow-800/20 dark:before:rounded-e dark:focus:before:bg-yellow-800/30 dark:text-yellow-500" data-hs-overlay="#hs-pro-clee"> <span class="block truncate"> <span class="block rozsb truncate">Review Preline Figma</span> <span class="block truncate">6 - 6:30PM</span> </span> </button> <button type="button" class="sslcy bld8k relative lmuus qaxp8 flex vf6o6 zxe8z rfvhp lyh9m dm41y bqo3s fa0ty yi1st odr2u dark:bg-neutral-800 dark:before:absolute dark:before:inset-0 dark:before:bg-sky-800/20 dark:before:rounded-e dark:focus:before:bg-sky-800/30 dark:text-sky-500" data-hs-overlay="#hs-pro-clee"> <span class="block truncate"> <span class="block rozsb truncate">Figma Optimization w/ Jacob</span> <span class="block truncate">6:45 - 7:15PM</span> </span> </button> </div> </div> <div class="relative wsw3n la8pn puep4 k8w5x xwttl wvb4r n3nzi dph9u k7ngk yag8y dark:after:border-neutral-700"> <div class="ewvyg bgogn"> </div> </div> <div class="relative wsw3n la8pn puep4 k8w5x xwttl wvb4r n3nzi dph9u k7ngk yag8y dark:after:border-neutral-700"> <div class="ewvyg bgogn"> </div> </div> <div class="relative wsw3n la8pn puep4 k8w5x xwttl wvb4r n3nzi dph9u k7ngk yag8y dark:after:border-neutral-700"> <div class="ewvyg bgogn"> </div> </div> <div class="relative wsw3n la8pn puep4 k8w5x xwttl wvb4r n3nzi dph9u k7ngk yag8y dark:after:border-neutral-700"> <div class="ewvyg bgogn"> </div> </div> <div class="relative wsw3n la8pn puep4 k8w5x xwttl wvb4r n3nzi dph9u k7ngk yag8y dark:after:border-neutral-700"> <div class="ewvyg bgogn"> </div> </div> <div class="relative wsw3n la8pn puep4 k8w5x xwttl wvb4r n3nzi dph9u k7ngk yag8y dark:after:border-neutral-700"> <div class="ewvyg bgogn"> </div> </div> </div> </div> </div> </div> <!-- End Calendar --> </main> <!-- ========== END MAIN CONTENT ========== --> <!-- ========== SECONDARY SIDEBAR ========== --> <aside id="hs-pro-secondary-sidebar" class="hs-overlay [--auto-close:xl] hs-overlay-open:translate-x-0 fhtom g22ra hbz7g c6bbk hidden fixed jgfbh celeo fopbl temqr u2am9 m9vu4 qzo29 kq7zk pg68q qzwv3 up3qg dark:bg-neutral-800 dark:border-neutral-700" tabindex="-1" aria-label="Secondary Sidebar"> <div class="ly3m4 flex"> <div class="zput9 scwsh kq7zk dark:border-neutral-700"> <div class="bdby8 ly3m4 bgcuw zq2x8 oasqe c7c11 iz02v dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500"> <!-- Search --> <div class="cr73y qaxp8"> <div class="relative"> <div class="absolute cn1sr b5lzs -translate-y-1/2"> <svg class="h21yx towde pal0s 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"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.3-4.3"/></svg> <svg class="hidden h21yx towde pal0s dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M15 3v18"/><path d="m8 9 3 3-3 3"/></svg> </div> <input type="text" class="y027u puep4 l34id block qaxp8 kq7zk ngy7c ycht7 bqo3s aqt2b lj756 xp6ug dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400 dark:placeholder:text-neutral-500 dark:focus:ring-neutral-600" placeholder="Search"> </div> </div> <!-- End Search --> <!-- Meetings --> <div class="uawx7 g0aw2"> <div class="cr73y"> <h2 class="f4yq1 bqo3s p9tun dark:text-neutral-200"> No upcoming meeting </h2> </div> </div> <!-- End Meetings --> <div class="vcvf1 kq7zk dark:border-neutral-700"></div> <!-- Set Up --> <div id="set-up" class="g0aw2 jglyo"> <div class="cr73y"> <div class="nszzi flex m0bgt items-center"> <h2 class="f4yq1 bqo3s p9tun dark:text-neutral-200"> Welcome to Preline Calendar </h2> <button type="button" class="flex dry15 items-center dpsu3 ngy7c pal0s aefqe r0fp5 joaod dark:text-neutral-500" data-hs-remove-element="#set-up"> <span class="tliya">Dismiss</span> <svg class="h21yx towde" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg> </button> </div> <p class="bqo3s z1v6e dark:text-neutral-500"> Get ready with 5 simple steps </p> </div> <div class="nc0x2"> <!-- List Group --> <div> <!-- Item --> <div class="g0aw2 flex m0bgt items-center ihu9y"> <div class="s2k2k flex-wrap gul2i bqo3s p9tun dark:text-white"> <span class="f680z flex dry15 items-center g26n6 p9tun lli30 dark:bg-neutral-600 dark:text-neutral-200"> <svg class="h21yx ba0km" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg> <span class="tliya wq0mu ">1</span> </span> <s class="zuutc pal0s dark:text-neutral-500"> Desktop app </s> </div> <div> <button type="button" class="hmhrw k3en6 s2k2k items-center ernqe wq0mu ngy7c efs5t kq7zk m9vu4 p9tun ycht7 um5nz xwjcj c3i4e r0fp5 ckvf9 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" disabled> Download </button> </div> </div> <!-- End Item --> <!-- Item --> <div class="g0aw2 flex m0bgt items-center ihu9y"> <div class="s2k2k flex-wrap gul2i bqo3s p9tun dark:text-white"> <span class="f680z flex dry15 items-center efs5t sx2o3 wv197 z1v6e lli30 dark:border-neutral-600 dark:text-neutral-400"> <span class="wq0mu ">2</span> </span> <span class="zuutc"> Event notifications </span> </div> <div> <button type="button" class="hmhrw k3en6 s2k2k items-center ernqe wq0mu ngy7c efs5t kq7zk m9vu4 p9tun ycht7 um5nz xwjcj c3i4e r0fp5 ckvf9 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" > Enable </button> </div> </div> <!-- End Item --> <!-- Item --> <div class="g0aw2 flex m0bgt items-center ihu9y"> <div class="s2k2k flex-wrap gul2i bqo3s p9tun dark:text-white"> <span class="f680z flex dry15 items-center g26n6 p9tun lli30 dark:bg-neutral-600 dark:text-neutral-200"> <svg class="h21yx ba0km" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg> <span class="tliya wq0mu ">3</span> </span> <s class="zuutc pal0s dark:text-neutral-500"> Calendar accounts </s> </div> <div> <button type="button" class="hmhrw k3en6 s2k2k items-center ernqe wq0mu ngy7c efs5t kq7zk m9vu4 p9tun ycht7 um5nz xwjcj c3i4e r0fp5 ckvf9 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" disabled> Connect </button> </div> </div> <!-- End Item --> <!-- Item --> <div class="g0aw2 flex m0bgt items-center ihu9y"> <div class="s2k2k flex-wrap gul2i bqo3s p9tun dark:text-white"> <span class="f680z flex dry15 items-center efs5t sx2o3 wv197 z1v6e lli30 dark:border-neutral-600 dark:text-neutral-400"> <span class="wq0mu ">4</span> </span> <span class="zuutc"> Preline workspace </span> </div> <div> <button type="button" class="hmhrw k3en6 s2k2k items-center ernqe wq0mu ngy7c efs5t kq7zk m9vu4 p9tun ycht7 um5nz xwjcj c3i4e r0fp5 ckvf9 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" > Connect </button> </div> </div> <!-- End Item --> <!-- Item --> <div class="g0aw2 flex m0bgt items-center ihu9y"> <div class="s2k2k flex-wrap gul2i bqo3s p9tun dark:text-white"> <span class="f680z flex dry15 items-center efs5t sx2o3 wv197 z1v6e lli30 dark:border-neutral-600 dark:text-neutral-400"> <span class="wq0mu ">5</span> </span> <span class="zuutc"> Preline database </span> </div> <div> <button type="button" class="hmhrw k3en6 s2k2k items-center ernqe wq0mu ngy7c efs5t kq7zk m9vu4 p9tun ycht7 um5nz xwjcj c3i4e r0fp5 ckvf9 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" > Show </button> </div> </div> <!-- End Item --> </div> <!-- End List Group --> </div> </div> <!-- End Set Up --> <div class="vcvf1 kq7zk dark:border-neutral-700"></div> <!-- Set Up --> <a id="integrations" class="g0aw2 block um5nz dark:hover:bg-neutral-700" href="#"> <div class="g0aw2 a3cw8"> <div class="nszzi"> <h2 class="f4yq1 bqo3s p9tun dark:text-neutral-200"> Browse Calendar Integrations </h2> </div> <p class="bqo3s z1v6e dark:text-neutral-500"> Extend your calendar options even further. </p> <!-- Branding --> <div class="nc0x2 flex dry15 -space-x-2"> <div class="a0c5w flex dry15 items-center m9vu4 efs5t kq7zk lli30 dark:bg-neutral-800 dark:border-neutral-700"> <svg class="h21yx vs0hq" 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> <path d="M8.12839 8.86395H20.0324V15.8079H8.12839V8.86395Z" fill="#107C41"></path> <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> <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> <path d="M20.0324 15.8079H31.9364V22.7519H20.0324V15.8079Z" fill="#107C41"></path> <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="r1r22 dark:fill-neutral-200" fill="currentColor"></path> <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="r1r22 dark:fill-neutral-200" fill="currentColor"></path> <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="r1r22 dark:fill-neutral-200" fill="currentColor"></path> <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="r1r22 dark:fill-neutral-200" fill="currentColor"></path> <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> <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"></path> </svg> </div> <div class="a0c5w flex dry15 items-center m9vu4 efs5t kq7zk lli30 dark:bg-neutral-800 dark:border-neutral-700"> <svg class="h21yx vs0hq" 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="r1r22 dark:fill-neutral-200" fill="currentColor"></path> <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="r1r22 dark:fill-neutral-200" fill="currentColor"></path> </svg> </div> <div class="a0c5w flex dry15 items-center m9vu4 efs5t kq7zk lli30 dark:bg-neutral-800 dark:border-neutral-700"> <svg class="h21yx vs0hq" width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M11.3333 32C14.2773 32 16.6667 29.6106 16.6667 26.6666V21.3333H11.3333C8.38933 21.3333 6 23.7226 6 26.6666C6 29.6106 8.38933 32 11.3333 32Z" fill="#0ACF83"></path> <path d="M6 16C6 13.056 8.38933 10.6667 11.3333 10.6667H16.6667V21.3334H11.3333C8.38933 21.3334 6 18.944 6 16Z" fill="#A259FF"></path> <path d="M6 5.33333C6 2.38933 8.38933 0 11.3333 0H16.6667V10.6667H11.3333C8.38933 10.6667 6 8.27733 6 5.33333Z" fill="#F24E1E"></path> <path d="M16.6667 0H22C24.944 0 27.3334 2.38933 27.3334 5.33333C27.3334 8.27733 24.944 10.6667 22 10.6667H16.6667V0Z" fill="#FF7262"></path> <path d="M27.3334 16C27.3334 18.944 24.944 21.3334 22 21.3334C19.056 21.3334 16.6667 18.944 16.6667 16C16.6667 13.056 19.056 10.6667 22 10.6667C24.944 10.6667 27.3334 13.056 27.3334 16Z" fill="#1ABCFE"></path> </svg> </div> </div> <!-- End Branding --> </div> </a> <!-- End Set Up --> </div> </div> <!-- Mini Sidebar --> <div class="im91s flex pz3xv items-center srg05 ly3m4 f07vg bdby8"> <div class="ly3m4 bgcuw zq2x8 oasqe c7c11 iz02v dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500"> <div class="flex pz3xv items-center srg05"> <!-- Account --> <button type="button" class="s2k2k dry15 items-center ihu9y lli30 z1v6e tbhem xwjcj c3i4e r0fp5 q8jf0 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200"> <img class="h21yx huxlp s8ma3 lli30" 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> <!-- End Account --> <!-- Button --> <div class="hs-tooltip [--placement:right] ykxda"> <button type="button" class="hs-tooltip-toggle fs5ha s2k2k dry15 items-center dsp0o lli30 efs5t xk8dv z1v6e aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="h21yx ufena" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"> <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="r1r22 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="r1r22 dark:fill-neutral-200" fill="currentColor"/> </svg> </button> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 ykxda absolute wb6jx l2wpd y027u yi4bp bg-gray-900 bqo3s ifji7 hrliy awdil dark:bg-neutral-700" role="tooltip"> Notion </span> </div> <!-- End Button --> <!-- Button --> <div class="hs-tooltip [--placement:right] ykxda"> <button type="button" class="hs-tooltip-toggle fs5ha s2k2k dry15 items-center dsp0o lli30 efs5t xk8dv z1v6e aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="h21yx ufena" width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_11766_122209asdasd21)"> <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_122209asdasd21"> <rect width="32" height="32" fill="white" transform="translate(0.937439)"/> </clipPath> </defs> </svg> </button> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 ykxda absolute wb6jx l2wpd y027u yi4bp bg-gray-900 bqo3s ifji7 hrliy awdil dark:bg-neutral-700" role="tooltip"> Gmail </span> </div> <!-- End Button --> <!-- Button --> <div class="hs-tooltip [--placement:right] ykxda"> <a class="hs-tooltip-toggle fs5ha s2k2k dry15 items-center dsp0o lli30 efs5t xk8dv z1v6e aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#"> <svg class="h21yx ufena" xmlns="http://www.w3.org/2000/svg" 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> </a> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 ykxda absolute wb6jx l2wpd y027u yi4bp bg-gray-900 bqo3s ifji7 hrliy awdil dark:bg-neutral-700" role="tooltip"> Calendar </span> </div> <!-- End Button --> <!-- Button --> <div class="hs-tooltip [--placement:right] ykxda"> <button type="button" class="hs-tooltip-toggle fs5ha s2k2k dry15 items-center dsp0o lli30 efs5t xk8dv z1v6e aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="h21yx ufena" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z"/><circle cx="12" cy="12" r="3"/></svg> </button> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 ykxda absolute wb6jx l2wpd y027u yi4bp bg-gray-900 bqo3s ifji7 hrliy awdil dark:bg-neutral-700" role="tooltip"> Settings </span> </div> <!-- End Button --> <!-- Button --> <div class="hs-tooltip [--placement:right] ykxda"> <button type="button" class="hs-tooltip-toggle fs5ha s2k2k dry15 items-center dsp0o lli30 efs5t xk8dv z1v6e aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="h21yx ufena" xmlns="http://www.w3.org/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 ykxda absolute wb6jx l2wpd y027u yi4bp bg-gray-900 bqo3s ifji7 hrliy awdil dark:bg-neutral-700" role="tooltip"> Support </span> </div> <!-- End Button --> <div class="vwzxd batcw wv197 dark:border-neutral-600"></div> <!-- Button --> <div class="hs-tooltip [--placement:right] ykxda"> <button type="button" class="hs-tooltip-toggle fs5ha s2k2k dry15 items-center dsp0o lli30 efs5t xk8dv z1v6e aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="h21yx ufena" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg> </button> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 ykxda absolute wb6jx l2wpd y027u yi4bp bg-gray-900 bqo3s ifji7 hrliy awdil dark:bg-neutral-700" role="tooltip"> Get add-ons </span> </div> <!-- End Button --> <!-- Dark Mode --> <button type="button" class="wesz1 block hs-dark-mode lli30 r0fp5 joaod dark:focus:bg-neutral-700" data-hs-theme-click-value="dark"> <span class="group s2k2k h21yx dry15 items-center fs5ha f4yq1 lli30 z1v6e aefqe dark:text-neutral-400 dark:hover:bg-neutral-700"> <svg class="h21yx ufena" xmlns="http://www.w3.org/2000/svg" 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> </button> <button type="button" class="xda6r hidden hs-dark-mode lli30 r0fp5 joaod dark:focus:bg-neutral-700" data-hs-theme-click-value="light"> <span class="group s2k2k h21yx dry15 items-center fs5ha f4yq1 lli30 z1v6e aefqe dark:text-neutral-400 dark:hover:bg-neutral-700"> <svg class="h21yx ufena" xmlns="http://www.w3.org/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> </span> </button> <!-- End Dark Mode --> </div> </div> </div> <!-- End Mini Sidebar --> </div> </aside> <!-- ========== END SECONDARY SIDEBAR ========== --> <script src="../../assets/vendor/preline/dist/index.js?v=2.5.0"></script> </body> </html> <!-- Calendar Create Event Modal --> <div id="hs-pro-clce" class="hs-overlay hidden ewvyg fixed fopbl x0wu9 rpylz apqjg [--close-when-click-inside:true] xt2fk" role="dialog" tabindex="-1" aria-labelledby="hs-pro-clce-label"> <div class="hs-overlay-open:mt-7 hs-overlay-open:opacity-100 hs-overlay-open:duration-500 ftdwh opacity-0 oviqp g22ra tbpgf ppfkn crpye ubyl1 h-[calc(100%-3.5rem)] min-h-[calc(100%-3.5rem)] flex items-center"> <div class="qaxp8 f07vg flex pz3xv m9vu4 dxf1r fpj7t shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] dark:shadow-[0_10px_40px_10px_rgba(0,0,0,0.2)] dark:bg-neutral-800"> <!-- Header --> <div class="pykdd iwwvx flex m0bgt items-center vcvf1 dark:border-neutral-700"> <h3 id="hs-pro-clce-label" class="f4yq1 p9tun dark:text-neutral-200"> Create event </h3> <button type="button" class="a0c5w s2k2k dry15 items-center dsp0o lli30 efs5t xk8dv ac0xq p9tun aefqe xwjcj c3i4e r0fp5 joaod 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-clce"> <span class="tliya">Close</span> <svg class="h21yx ufena" xmlns="http://www.w3.org/2000/svg" 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-modal-create-event" class="bgcuw zq2x8 oasqe c7c11 iz02v dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500"> <div class="u3doq cwicw"> <!-- Event List --> <div class="i80r8 mq389 wn51l"> <!-- Item --> <div class="lf2i4"> <label for="hs-create-event-title-autoheight-textarea" class="qptmd flex dry15 items-center ernqe ntb30 pal0s dark:text-neutral-500"> <svg class="h21yx ufena" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="4 7 4 4 20 4 20 7"/><line x1="9" x2="15" y1="20" y2="20"/><line x1="12" x2="12" y1="4" y2="20"/></svg> <span class="tliya">Title</span> </label> </div> <div class="mikvi"> <textarea id="hs-create-event-title-autoheight-textarea" class="y027u cr73y block qaxp8 xk8dv ngy7c ntb30 ejwsa aqt2b bxbr4 xwjcj c3i4e ip2jr actqw esbqm dark:bg-neutral-800 dark:hover:border-neutral-700 dark:text-neutral-200 dark:placeholder:text-neutral-500 dark:focus:bg-neutral-700" rows="1" placeholder="Add title" ></textarea> </div> <!-- End Item --> <!-- Item --> <div class="lf2i4"> <label class="pvx5y flex dry15 items-center ernqe ntb30 pal0s dark:text-neutral-500"> <svg class="h21yx ufena" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg> <span class="tliya">Date & Time:</span> </label> </div> <div class="mikvi"> <div class="bgogn"> <!-- Grid --> <div class="flex yj3ta gkc55 items-center fs0bl co74h"> <div class="qaxp8 glz3h"> <!-- Select --> <div class="relative group"> <select data-hs-select='{ "placeholder": "Start time", "toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>", "toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative y027u es30u xdltm qaxp8 flex dsp0o ifji7 p9tun cursor-pointer m9vu4 efs5t xk8dv ngy7c vf6o6 ntb30 ejwsa hover:focus:border-transparent r0fp5 ip2jr dark:bg-neutral-800 dark:hover:border-neutral-700 dark:text-neutral-200 dark:focus:outline-none dark:focus:bg-neutral-700", "dropdownClasses": "jglyo le6w0 qaxp8 aumt2 lavrb z4ia7 apqjg bgcuw m9vu4 dxf1r shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] zq2x8 oasqe c7c11 iz02v 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 hmhrw viac4 qaxp8 ntb30 p9tun cursor-pointer um5nz ngy7c r0fp5 ip2jr dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800", "optionTemplate": "<div class=\"flex m0bgt items-center qaxp8 \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"h21yx vs0hq p9tun 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-modal-create-event" }' class="hidden"> <option value="">Choose</option> <option>12:00AM</option> <option>12:15AM</option> <option>12:30AM</option> <option>12:45AM</option> <option>1:00AM</option> <option>1:15AM</option> <option>1:30AM</option> <option>1:45AM</option> <option>2:00AM</option> <option>2:15AM</option> <option>2:30AM</option> <option>2:45AM</option> <option>3:00AM</option> <option>3:15AM</option> <option>3:30AM</option> <option>3:45AM</option> <option>4:00AM</option> <option>4:15AM</option> <option>4:30AM</option> <option>4:45AM</option> <option>5:00AM</option> <option>5:15AM</option> <option>5:30AM</option> <option>5:45AM</option> <option>6:00AM</option> <option>6:15AM</option> <option>6:30AM</option> <option>6:45AM</option> <option>7:00AM</option> <option>7:15AM</option> <option>7:30AM</option> <option>7:45AM</option> <option>8:00AM</option> <option>8:15AM</option> <option>8:30AM</option> <option>8:45AM</option> <option>9:00AM</option> <option>9:15AM</option> <option>9:30AM</option> <option>9:45AM</option> <option selected>10:00AM</option> <option>10:15AM</option> <option>10:30AM</option> <option>10:45AM</option> <option>11:00AM</option> <option>11:15AM</option> <option>11:30AM</option> <option>11:45AM</option> <option>12:00PM</option> <option>12:15PM</option> <option>12:30PM</option> <option>12:45PM</option> <option>1:00PM</option> <option>1:15PM</option> <option>1:30PM</option> <option>1:45PM</option> <option>2:00PM</option> <option>2:15PM</option> <option>2:30PM</option> <option>2:45PM</option> <option>3:00PM</option> <option>3:15PM</option> <option>3:30PM</option> <option>3:45PM</option> <option>4:00PM</option> <option>4:15PM</option> <option>4:30PM</option> <option>4:45PM</option> <option>5:00PM</option> <option>5:15PM</option> <option>5:30PM</option> <option>5:45PM</option> <option>6:00PM</option> <option>6:15PM</option> <option>6:30PM</option> <option>6:45PM</option> <option>7:00PM</option> <option>7:15PM</option> <option>7:30PM</option> <option>7:45PM</option> <option>8:00PM</option> <option>8:15PM</option> <option>8:30PM</option> <option>8:45PM</option> <option>9:00PM</option> <option>9:15PM</option> <option>9:30PM</option> <option>9:45PM</option> <option>10:00PM</option> <option>10:15PM</option> <option>10:30PM</option> <option>10:45PM</option> <option>11:00PM</option> <option>11:15PM</option> <option>11:30PM</option> <option>11:45PM</option> </select> <div class="absolute cn1sr rc2yk -translate-y-1/2 opacity-0 i3gqx duwbj"> <svg class="h21yx vs0hq pal0s dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg> </div> </div> <!-- End Select --> </div> <div class="hjqob"> <svg class="h21yx towde huxlp pal0s dark:text-neutral-600" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg> </div> <div class="qaxp8 glz3h"> <!-- Select --> <div class="relative group"> <select data-hs-select='{ "placeholder": "Start time", "toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>", "toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative y027u es30u xdltm qaxp8 flex dsp0o ifji7 p9tun cursor-pointer m9vu4 efs5t xk8dv ngy7c vf6o6 ntb30 ejwsa hover:focus:border-transparent r0fp5 ip2jr dark:bg-neutral-800 dark:hover:border-neutral-700 dark:text-neutral-200 dark:focus:outline-none dark:focus:bg-neutral-700", "dropdownClasses": "jglyo le6w0 qaxp8 aumt2 lavrb z4ia7 apqjg bgcuw m9vu4 dxf1r shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] zq2x8 oasqe c7c11 iz02v 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 hmhrw viac4 qaxp8 ntb30 p9tun cursor-pointer um5nz ngy7c r0fp5 ip2jr dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800", "optionTemplate": "<div class=\"flex m0bgt items-center qaxp8 \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"h21yx vs0hq p9tun 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-modal-create-event" }' class="hidden"> <option value="">Choose</option> <option>12:00AM</option> <option>12:15AM</option> <option>12:30AM</option> <option>12:45AM</option> <option>1:00AM</option> <option>1:15AM</option> <option>1:30AM</option> <option>1:45AM</option> <option>2:00AM</option> <option>2:15AM</option> <option>2:30AM</option> <option>2:45AM</option> <option>3:00AM</option> <option>3:15AM</option> <option>3:30AM</option> <option>3:45AM</option> <option>4:00AM</option> <option>4:15AM</option> <option>4:30AM</option> <option>4:45AM</option> <option>5:00AM</option> <option>5:15AM</option> <option>5:30AM</option> <option>5:45AM</option> <option>6:00AM</option> <option>6:15AM</option> <option>6:30AM</option> <option>6:45AM</option> <option>7:00AM</option> <option>7:15AM</option> <option>7:30AM</option> <option>7:45AM</option> <option>8:00AM</option> <option>8:15AM</option> <option>8:30AM</option> <option>8:45AM</option> <option>9:00AM</option> <option>9:15AM</option> <option>9:30AM</option> <option>9:45AM</option> <option selected>10:00AM</option> <option>10:15AM</option> <option>10:30AM</option> <option>10:45AM</option> <option>11:00AM</option> <option>11:15AM</option> <option>11:30AM</option> <option>11:45AM</option> <option>12:00PM</option> <option>12:15PM</option> <option>12:30PM</option> <option>12:45PM</option> <option>1:00PM</option> <option>1:15PM</option> <option>1:30PM</option> <option>1:45PM</option> <option>2:00PM</option> <option>2:15PM</option> <option>2:30PM</option> <option>2:45PM</option> <option>3:00PM</option> <option>3:15PM</option> <option>3:30PM</option> <option>3:45PM</option> <option>4:00PM</option> <option>4:15PM</option> <option>4:30PM</option> <option>4:45PM</option> <option>5:00PM</option> <option>5:15PM</option> <option>5:30PM</option> <option>5:45PM</option> <option>6:00PM</option> <option>6:15PM</option> <option>6:30PM</option> <option>6:45PM</option> <option>7:00PM</option> <option>7:15PM</option> <option>7:30PM</option> <option>7:45PM</option> <option>8:00PM</option> <option>8:15PM</option> <option>8:30PM</option> <option>8:45PM</option> <option>9:00PM</option> <option>9:15PM</option> <option>9:30PM</option> <option>9:45PM</option> <option>10:00PM</option> <option>10:15PM</option> <option>10:30PM</option> <option>10:45PM</option> <option>11:00PM</option> <option>11:15PM</option> <option>11:30PM</option> <option>11:45PM</option> </select> <div class="absolute cn1sr rc2yk -translate-y-1/2 opacity-0 i3gqx duwbj"> <svg class="h21yx vs0hq pal0s dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg> </div> </div> <!-- End Select --> </div> </div> <!-- End Grid --> <!-- Grid --> <div class="flex yj3ta gkc55 items-center fs0bl co74h"> <div class="qaxp8 glz3h"> <!-- Calendar Dropdown --> <div class="hs-dropdown [--strategy:absolute] [--auto-close:inside] relative s2k2k qaxp8"> <button id="hs-pro-clcremd1" type="button" class="y027u cr73y group s2k2k items-center ernqe qaxp8 vf6o6 ntb30 ngy7c efs5t xk8dv m9vu4 p9tun ejwsa xwjcj c3i4e r0fp5 ip2jr hover:focus:border-transparent dark:bg-neutral-800 dark:text-neutral-200 dark:hover:border-neutral-700 dark:focus:bg-neutral-700" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> Thu, Jan 2024 <svg class="h21yx vs0hq k2n1r pal0s opacity-0 i3gqx duwbj 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> </button> <!-- Dropdown --> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 hvaak transition-[opacity,margin] duration opacity-0 hidden obd5o m9vu4 dxf1r shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] dark:shadow-[0_10px_40px_10px_rgba(0,0,0,0.2)] dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-clcremd1"> <!-- Calendar --> <div class="g0aw2 i80r8 lzrky"> <div class="fmgke "> <!-- Months --> <div class="flex m0bgt items-center fs0bl kl8ix"> <span class="gf9di block bqo3s f4yq1 z1v6e dark:text-neutral-500">January 2024</span> <div class="flex tiner items-center fs0bl"> <button type="button" class="cu201 zxfop flex dry15 items-center z1v6e aefqe tbhem lli30 xwjcj c3i4e r0fp5 joaod dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200" aria-label="Previous"> <svg class="h21yx vs0hq" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m15 18-6-6 6-6"/></svg> </button> <button type="button" class="cu201 zxfop flex dry15 items-center z1v6e aefqe tbhem lli30 xwjcj c3i4e r0fp5 joaod dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200" aria-label="Next"> <svg class="h21yx vs0hq" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg> </button> </div> </div> <!-- Months --> <!-- Weeks --> <div class="flex r6z19"> <span class="cu201 awl1n block a3cw8 wq0mu z1v6e dark:text-neutral-500"> Mo </span> <span class="cu201 awl1n block a3cw8 wq0mu z1v6e dark:text-neutral-500"> Tu </span> <span class="cu201 awl1n block a3cw8 wq0mu z1v6e dark:text-neutral-500"> We </span> <span class="cu201 awl1n block a3cw8 wq0mu z1v6e dark:text-neutral-500"> Th </span> <span class="cu201 awl1n block a3cw8 wq0mu z1v6e dark:text-neutral-500"> Fr </span> <span class="cu201 awl1n block a3cw8 wq0mu z1v6e dark:text-neutral-500"> Sa </span> <span class="cu201 awl1n block a3cw8 wq0mu z1v6e dark:text-neutral-500"> Su </span> </div> <!-- Weeks --> <!-- Days --> <div class="flex"> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 1 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 2 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 3 <span class="absolute lq3ag rhyjt vv4ah uylzq lli30 -translate-x-1/2 dark:bg-blue-500"></span> </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 4 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 5 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 6 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 7 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 8 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 9 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 10 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 11 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center uylzq efs5t xk8dv bqo3s f4yq1 hrliy n81bt lli30 dark:bg-blue-500 xwjcj c3i4e r0fp5 lzdvd dark:hover:border-neutral-700"> 12 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 13 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 14 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 15 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 16 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 17 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 18 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 19 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 20 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 21 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 22 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 23 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 24 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 25 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 26 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 27 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 28 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 29 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 30 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 31 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 1 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 2 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 3 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 4 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 5 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 6 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 7 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 8 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 9 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 10 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 11 </button> </div> </div> <!-- Days --> </div> </div> <!-- End Calendar --> </div> <!-- End Dropdown --> </div> <!-- End Calendar Dropdown --> </div> <div class="hjqob"> <svg class="h21yx towde huxlp pal0s dark:text-neutral-600" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg> </div> <div class="qaxp8 glz3h"> <!-- Calendar Dropdown --> <div class="hs-dropdown [--strategy:absolute] [--auto-close:inside] relative s2k2k qaxp8"> <button id="hs-pro-clcremd2" type="button" class="y027u cr73y group s2k2k items-center ernqe qaxp8 vf6o6 ntb30 ngy7c efs5t xk8dv m9vu4 p9tun ejwsa xwjcj c3i4e r0fp5 ip2jr hover:focus:border-transparent dark:bg-neutral-800 dark:text-neutral-200 dark:hover:border-neutral-700 dark:focus:bg-neutral-700" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> Thu, Jan 2024 <svg class="h21yx vs0hq k2n1r pal0s opacity-0 i3gqx duwbj 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> </button> <!-- Dropdown --> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 hvaak transition-[opacity,margin] duration opacity-0 hidden obd5o m9vu4 dxf1r shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] dark:shadow-[0_10px_40px_10px_rgba(0,0,0,0.2)] dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-clcremd2"> <!-- Calendar --> <div class="g0aw2 i80r8 lzrky"> <div class="fmgke "> <!-- Months --> <div class="flex m0bgt items-center fs0bl kl8ix"> <span class="gf9di block bqo3s f4yq1 z1v6e dark:text-neutral-500">January 2024</span> <div class="flex tiner items-center fs0bl"> <button type="button" class="cu201 zxfop flex dry15 items-center z1v6e aefqe tbhem lli30 xwjcj c3i4e r0fp5 joaod dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200" aria-label="Previous"> <svg class="h21yx vs0hq" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m15 18-6-6 6-6"/></svg> </button> <button type="button" class="cu201 zxfop flex dry15 items-center z1v6e aefqe tbhem lli30 xwjcj c3i4e r0fp5 joaod dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200" aria-label="Next"> <svg class="h21yx vs0hq" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg> </button> </div> </div> <!-- Months --> <!-- Weeks --> <div class="flex r6z19"> <span class="cu201 awl1n block a3cw8 wq0mu z1v6e dark:text-neutral-500"> Mo </span> <span class="cu201 awl1n block a3cw8 wq0mu z1v6e dark:text-neutral-500"> Tu </span> <span class="cu201 awl1n block a3cw8 wq0mu z1v6e dark:text-neutral-500"> We </span> <span class="cu201 awl1n block a3cw8 wq0mu z1v6e dark:text-neutral-500"> Th </span> <span class="cu201 awl1n block a3cw8 wq0mu z1v6e dark:text-neutral-500"> Fr </span> <span class="cu201 awl1n block a3cw8 wq0mu z1v6e dark:text-neutral-500"> Sa </span> <span class="cu201 awl1n block a3cw8 wq0mu z1v6e dark:text-neutral-500"> Su </span> </div> <!-- Weeks --> <!-- Days --> <div class="flex"> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 1 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 2 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 3 <span class="absolute lq3ag rhyjt vv4ah uylzq lli30 -translate-x-1/2 dark:bg-blue-500"></span> </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 4 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 5 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 6 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 7 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 8 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 9 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 10 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 11 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center uylzq efs5t xk8dv bqo3s f4yq1 hrliy n81bt lli30 dark:bg-blue-500 xwjcj c3i4e r0fp5 lzdvd dark:hover:border-neutral-700"> 12 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 13 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 14 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 15 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 16 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 17 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 18 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 19 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 20 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 21 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 22 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 23 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 24 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 25 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 26 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 27 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 28 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 29 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 30 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 31 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 1 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 2 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 3 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 4 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 5 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 6 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 7 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 8 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 9 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 10 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 11 </button> </div> </div> <!-- Days --> </div> </div> <!-- End Calendar --> </div> <!-- End Dropdown --> </div> <!-- End Calendar Dropdown --> </div> </div> <!-- End Grid --> <!-- Grid --> <div class="flex yj3ta gkc55 items-center fs0bl co74h"> <div class="qaxp8 glz3h"> <!-- Switch --> <div class="flex items-center dsp0o y5msh"> <label for="hs-pro-crcemad" class="flex items-center ernqe ntb30 ifji7 p9tun dark:text-neutral-200"> All-Day: </label> <input type="checkbox" id="hs-pro-crcemad" class="relative h21yx f6k69 kgl3m yqyxf ac0xq xk8dv fq13s lli30 cursor-pointer t2tr4 lufa4 is14d aefqe o7vfi esbqm ubvgx xwjcj c3i4e checked:bg-none checked:text-blue-600 checked:border-blue-600 dark:bg-neutral-700 dark:border-neutral-700 dark:checked:bg-blue-500 mgdhi j3cto vclh7 z18uw t1qhx pfmzk s1en8 nosy7 s6hqp kc9wk ipz0b nunmy lfy06 dark:before:bg-neutral-400 dark:checked:before:bg-white"> </div> <!-- End Switch --> </div> <div class="hjqob"> <svg class="opacity-0 h21yx towde huxlp pal0s dark:text-neutral-600" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg> </div> <div class="qaxp8 glz3h"> <!-- Repeat Dropdown --> <div class="hs-dropdown [--strategy:absolute] relative s2k2k qaxp8"> <button id="hs-pro-crcemdid" type="button" class="y027u cr73y group s2k2k items-center ernqe qaxp8 vf6o6 ntb30 ngy7c efs5t xk8dv m9vu4 p9tun ejwsa hover:focus:border-transparent xwjcj c3i4e r0fp5 ip2jr dark:bg-neutral-800 dark:text-neutral-200 dark:hover:border-neutral-700 dark:focus:bg-neutral-700" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> Do not repeat <svg class="h21yx vs0hq k2n1r pal0s opacity-0 i3gqx duwbj 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> </button> <!-- Dropdown --> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 qaxp8 transition-[opacity,margin] duration opacity-0 hidden obd5o m9vu4 dxf1r shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] dark:shadow-[0_10px_40px_10px_rgba(0,0,0,0.2)] dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-crcemdid"> <div class="lavrb z4ia7"> <!-- Radio --> <label for="hs-pro-crcemd1" class="hmhrw cr73y group flex ihu9y ngy7c cursor-pointer ntb30 p9tun um5nz dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <input type="radio" class="hidden" id="hs-pro-crcemd1" name="hs-pro-crcemd" checked> Do not repeat <svg class="h21yx vs0hq zl3j0 k2n1r opacity-0 group-has-[:checked]:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg> </label> <!-- End Radio --> <!-- Radio --> <label for="hs-pro-crcemd2" class="hmhrw cr73y group flex ihu9y ngy7c cursor-pointer ntb30 p9tun um5nz dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <input type="radio" class="hidden" id="hs-pro-crcemd2" name="hs-pro-crcemd"> Every Day <svg class="h21yx vs0hq zl3j0 k2n1r opacity-0 group-has-[:checked]:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg> </label> <!-- End Radio --> <!-- Radio --> <label for="hs-pro-crcemd3" class="hmhrw cr73y group flex ihu9y ngy7c cursor-pointer ntb30 p9tun um5nz dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <input type="radio" class="hidden" id="hs-pro-crcemd3" name="hs-pro-crcemd"> Every Week <svg class="h21yx vs0hq zl3j0 k2n1r opacity-0 group-has-[:checked]:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg> </label> <!-- End Radio --> <!-- Radio --> <label for="hs-pro-crcemd4" class="hmhrw cr73y group flex ihu9y ngy7c cursor-pointer ntb30 p9tun um5nz dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <input type="radio" class="hidden" id="hs-pro-crcemd4" name="hs-pro-crcemd"> Every Year <svg class="h21yx vs0hq zl3j0 k2n1r opacity-0 group-has-[:checked]:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg> </label> <!-- End Radio --> </div> <div class="lavrb batcw kq7zk dark:border-neutral-800"> <button type="button" class="flex items-center ihu9y qaxp8 y027u cr73y awdil ntb30 p9tun um5nz xwjcj c3i4e r0fp5 ip2jr dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-clcre" data-hs-overlay-options='{ "isClosePrev": false }'> Custom </button> </div> </div> <!-- End Dropdown --> </div> <!-- End Repeat Dropdown --> </div> </div> <!-- End Grid --> </div> </div> <!-- End Item --> <!-- Item --> <div class="lf2i4"> <label for="hs-pro-crcemtz" class="lraol flex dry15 items-center ernqe ntb30 pal0s dark:text-neutral-500"> <svg class="h21yx ufena" xmlns="http://www.w3.org/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 class="tliya">Time Zone:</span> </label> </div> <div class="mikvi relative qbul0 fqt49 vwcz4 uj7nx hyb3p before:w-[calc(100%-8px)] o3jwg kufxl dark:before:bg-white/10"> <input id="hs-pro-crcemtz" type="text" class="y027u cr73y block qaxp8 xk8dv ngy7c ntb30 p9tun zuutc ejwsa aqt2b xwjcj c3i4e ip2jr actqw esbqm dark:text-neutral-200 dark:bg-neutral-800 dark:hover:border-neutral-700 dark:text-neutral-200 dark:placeholder:text-neutral-500 dark:focus:bg-neutral-700" placeholder="Time Zone" value="London (GMT+0)"> </div> <!-- End Item --> <!-- Item --> <div class="lf2i4"> <label for="hs-pro-crcemg" class="lraol flex dry15 items-center ernqe ntb30 pal0s dark:text-neutral-500"> <svg class="h21yx ufena" xmlns="http://www.w3.org/2000/svg" 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="tliya">Participants:</span> </label> </div> <div class="mikvi relative qbul0 fqt49 vwcz4 uj7nx hyb3p before:w-[calc(100%-8px)] o3jwg kufxl dark:before:bg-white/10"> <input id="hs-pro-crcemg" type="text" class="y027u cr73y block qaxp8 xk8dv ngy7c ntb30 p9tun zuutc ejwsa aqt2b xwjcj c3i4e ip2jr actqw esbqm dark:text-neutral-200 dark:bg-neutral-800 dark:hover:border-neutral-700 dark:text-neutral-200 dark:placeholder:text-neutral-500 dark:focus:bg-neutral-700" placeholder="Add Participants"> </div> <!-- End Item --> <!-- Item --> <div class="lf2i4"> <label class="lraol flex dry15 items-center ernqe ntb30 pal0s dark:text-neutral-500"> <svg class="h21yx ufena" xmlns="http://www.w3.org/2000/svg" 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 8-6 4 6 4V8Z"/><rect width="14" height="12" x="2" y="6" rx="2" ry="2"/></svg> <span class="tliya">Video Conferencing:</span> </label> </div> <div class="mikvi relative qbul0 fqt49 vwcz4 uj7nx hyb3p before:w-[calc(100%-8px)] o3jwg kufxl dark:before:bg-white/10"> <button type="button" class="group flex flex-wrap items-center dsp0o qaxp8 lavrb es30u tdvxx dlm5o awdil ntb30 p9tun um5nz xwjcj c3i4e r0fp5 ip2jr dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="h21yx ufena" xmlns="http://www.w3.org/2000/svg" width="192" height="192" viewBox="0 0 192 192"><path fill="none" d="M0 0h192v192H0z"/><path fill="#00832D" d="M108 96l17.06 19.5L148 130.16l4-34.03-4-33.28-23.38 12.88z"/><path fill="#0066DA" d="M9 127v29c0 6.63 5.37 12 12 12h29l6-21.92L50 127l-19.9-6L9 127z"/><path fill="#E94235" d="M50 24L9 65l21.1 6L50 65l5.9-18.83z"/><path fill="#2684FC" d="M9 65h41v62H9z"/><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 fill="#FFBA00" d="M136 24H50v41h58v31l40-33.15V36c0-6.63-5.37-12-12-12z"/></svg> Google Meet </button> <button type="button" class="flex flex-wrap items-center dsp0o qaxp8 lavrb es30u tdvxx dlm5o awdil ntb30 tqixq um5nz xwjcj c3i4e r0fp5 ip2jr dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="h21yx ufena" width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M435.2 0H76.8C34.3845 0 0 34.3845 0 76.8V435.2C0 477.615 34.3845 512 76.8 512H435.2C477.615 512 512 477.615 512 435.2V76.8C512 34.3845 477.615 0 435.2 0Z" fill="#2D8CFF"/> <path d="M428 357C436 359 443 355 447 349C449 346 449 341 449 330V179C449 168 449 164 447 160C444 152 436 149 428 152C407 166 361 207 360 224C359.2 227 359.2 232 359.2 239V277C359.2 285 359.2 288 360 292C361 300 364 307 368 311C380 320 420 356 429 356L428 357ZM64 187C64 172 64 164 67 160C69 156 75 152 78 149C82 146 89 146 105 146H234C272 146 291 146 306 154C317 162 329 169 336 184C344 199 344 218 344 256V324C344 339 344 347 341 351C339 355 333 359 330 362C326 365 319 365 303 365H174C136 365 117 365 102 357C91 349 79 342 72 327C64 312 64 293 64 255V187Z" fill="white"/> </svg> Zoom <span class="k2n1r hmhrw k3en6 bqo3s ngy7c efs5t kq7zk m9vu4 p9tun ycht7 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300"> Connect </span> </button> </div> <!-- End Item --> <!-- Item --> <div class="lf2i4"> <label for="hs-create-event-location-autoheight-textarea" class="lraol flex dry15 items-center ernqe ntb30 pal0s dark:text-neutral-500"> <svg class="h21yx ufena" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z"/><circle cx="12" cy="10" r="3"/></svg> <span class="tliya">Location:</span> </label> </div> <div class="mikvi relative qbul0 fqt49 vwcz4 uj7nx hyb3p before:w-[calc(100%-8px)] o3jwg kufxl dark:before:bg-white/10"> <textarea id="hs-create-event-location-autoheight-textarea" class="y027u cr73y block qaxp8 xk8dv ngy7c ntb30 p9tun ejwsa aqt2b bxbr4 xwjcj c3i4e ip2jr actqw esbqm dark:bg-neutral-800 dark:hover:border-neutral-700 dark:text-neutral-200 dark:placeholder:text-neutral-500 dark:focus:bg-neutral-700" rows="1" placeholder="Add Location"></textarea> </div> <!-- End Item --> <!-- Item --> <button type="button" class="hs-collapse-toggle hs-collapse-open:hidden group w353x qaxp8 vf6o6 r0fp5 xwjcj c3i4e dark:before:bg-white/10" id="hs-pro-crcem-add-description-url-attachments-collapse" aria-expanded="false" aria-controls="hs-pro-crcem-add-description-url-attachments" data-hs-collapse="#hs-pro-crcem-add-description-url-attachments"> <span class="i80r8 mq389 wn51l"> <span class="lf2i4"> <span class="lraol flex dry15 items-center ernqe ntb30 pal0s dark:text-neutral-500"> <svg class="h21yx ufena" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="21" x2="3" y1="6" y2="6"/><line x1="15" x2="3" y1="12" y2="12"/><line x1="17" x2="3" y1="18" y2="18"/></svg> </span> </span> <span class="mikvi relative qbul0 fqt49 vwcz4 uj7nx hyb3p before:w-[calc(100%-8px)] o3jwg kufxl dark:before:bg-white/10"> <span class="y027u cr73y block qaxp8 awdil ntb30 p9tun efs5t xk8dv r6vbn h5scg dark:text-neutral-200 dark:group-hover:bg-neutral-700 dark:group-focus:bg-neutral-700"> Add description, URL, or Attachments </span> </span> </span> </button> <!-- End Item --> <!-- Item --> <div id="hs-pro-crcem-add-description-url-attachments" class="wm1l4 hidden w353x qaxp8 apqjg transition-[height] hbz7g" aria-labelledby="hs-pro-crcem-add-description-url-attachments-collapse"> <div class="i80r8 mq389 wn51l"> <!-- Item --> <div class="lf2i4"> <label for="hs-create-event-description-autoheight-textarea" class="lraol flex dry15 items-center ernqe ntb30 pal0s dark:text-neutral-500"> <svg class="h21yx ufena" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="21" x2="3" y1="6" y2="6"/><line x1="15" x2="3" y1="12" y2="12"/><line x1="17" x2="3" y1="18" y2="18"/></svg> <span class="tliya">Description:</span> </label> </div> <div class="mikvi relative qbul0 fqt49 vwcz4 uj7nx hyb3p before:w-[calc(100%-8px)] o3jwg kufxl dark:before:bg-white/10"> <textarea id="hs-create-event-description-autoheight-textarea" class="y027u cr73y block qaxp8 xk8dv ngy7c ntb30 ejwsa aqt2b bxbr4 xwjcj c3i4e ip2jr actqw esbqm dark:bg-neutral-800 dark:hover:border-neutral-700 dark:text-neutral-200 dark:placeholder:text-neutral-500 dark:focus:bg-neutral-700" rows="1" placeholder="Add Description"></textarea> </div> <!-- End Item --> <!-- Item --> <div class="lf2i4"> <label for="hs-pro-crcemurl" class="lraol flex dry15 items-center ernqe ntb30 pal0s dark:text-neutral-500"> <svg class="h21yx ufena" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"/><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"/></svg> <span class="tliya">URL:</span> </label> </div> <div class="mikvi relative qbul0 fqt49 vwcz4 uj7nx hyb3p before:w-[calc(100%-8px)] o3jwg kufxl dark:before:bg-white/10"> <input id="hs-pro-crcemurl" type="text" class="y027u cr73y block qaxp8 xk8dv ngy7c ntb30 p9tun zuutc ejwsa aqt2b xwjcj c3i4e ip2jr actqw esbqm dark:text-neutral-200 dark:bg-neutral-800 dark:hover:border-neutral-700 dark:text-neutral-200 dark:placeholder:text-neutral-500 dark:focus:bg-neutral-700" placeholder="Add URL" > </div> <!-- End Item --> <!-- Item --> <div class="lf2i4"> <label class="lraol flex dry15 items-center ernqe ntb30 pal0s dark:text-neutral-500"> <svg class="h21yx ufena" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l8.57-8.57A4 4 0 1 1 18 8.84l-8.59 8.57a2 2 0 0 1-2.83-2.83l8.49-8.48"/></svg> <span class="tliya">Attachment:</span> </label> </div> <div class="mikvi relative qbul0 fqt49 vwcz4 uj7nx hyb3p before:w-[calc(100%-8px)] o3jwg kufxl dark:before:bg-white/10"> <input type="file" class="vzx5m block qaxp8 ntb30 z1v6e efs5t xk8dv r0fp5 dark:text-neutral-500 aa0g3 y18p0 cdy3e dcsnw g2peb zqpvm jpr0k d2luu wxh8q xo1ly bupry dark:file:bg-neutral-700 dark:file:text-neutral-300 "> </div> <!-- End Item --> </div> </div> <!-- End Item --> <!-- Item --> <div class="lf2i4"> <label class="lraol flex dry15 items-center ernqe ntb30 pal0s dark:text-neutral-500"> <svg class="h21yx ufena" xmlns="http://www.w3.org/2000/svg" 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 class="tliya">Assignee:</span> </label> </div> <div class="mikvi relative qbul0 fqt49 vwcz4 uj7nx hyb3p before:w-[calc(100%-8px)] o3jwg kufxl dark:before:bg-white/10"> <div class="bgogn"> <div class="flex flex-wrap items-center fs0bl"> <div class="i6awo"> <!-- Assignee Dropdown --> <div class="hs-dropdown [--strategy:absolute] relative s2k2k qaxp8"> <button id="hs-pro-crcemaid" type="button" class="y027u cr73y group s2k2k items-center ernqe qaxp8 vf6o6 ntb30 ngy7c efs5t xk8dv m9vu4 p9tun ejwsa hover:focus:border-transparent xwjcj c3i4e r0fp5 ip2jr dark:bg-neutral-800 dark:text-neutral-200 dark:hover:border-neutral-700 dark:focus:bg-neutral-700" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> james@preline.co <svg class="h21yx vs0hq k2n1r pal0s opacity-0 i3gqx duwbj 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> </button> <!-- Dropdown --> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 qaxp8 transition-[opacity,margin] duration opacity-0 hidden obd5o m9vu4 dxf1r shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] dark:shadow-[0_10px_40px_10px_rgba(0,0,0,0.2)] dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-crcemaid"> <div class="lavrb z4ia7"> <span class="vzx5m bqo3s z1v6e dark:text-neutral-400"> james@preline.co </span> <!-- Radio --> <label for="hs-pro-crcema1" class="hmhrw cr73y group flex dsp0o ngy7c cursor-pointer ntb30 p9tun um5nz dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <input type="radio" class="h21yx kq7zk vs0hq zl3j0 lli30 kriqw cursor-pointer o7vfi di1ey dark:bg-neutral-800 dark:text-teal-500 dark:border-neutral-700 dark:checked:bg-teal-500 dark:checked:border-teal-500" id="hs-pro-crcema1" name="hs-pro-crcema" checked> James Collins <svg class="h21yx vs0hq zl3j0 k2n1r opacity-0 group-has-[:checked]:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg> </label> <!-- End Radio --> <!-- Radio --> <label for="hs-pro-crcema2" class="hmhrw cr73y group flex dsp0o ngy7c cursor-pointer ntb30 p9tun um5nz dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <input type="radio" class="h21yx kq7zk vs0hq zl3j0 lli30 f18rh cursor-pointer o7vfi di1ey dark:bg-neutral-800 dark:text-sky-500 dark:border-neutral-700 dark:checked:bg-sky-500 dark:checked:border-sky-500" id="hs-pro-crcema2" name="hs-pro-crcema"> Preline tasks <svg class="h21yx vs0hq zl3j0 k2n1r opacity-0 group-has-[:checked]:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg> </label> <!-- End Radio --> <!-- Radio --> <label for="hs-pro-crcema3" class="hmhrw cr73y group flex dsp0o ngy7c cursor-pointer ntb30 p9tun um5nz dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <input type="radio" class="h21yx kq7zk vs0hq zl3j0 lli30 utinp cursor-pointer o7vfi di1ey dark:bg-neutral-800 dark:text-purple-500 dark:border-neutral-700 dark:checked:bg-purple-500 dark:checked:border-purple-500" id="hs-pro-crcema3" name="hs-pro-crcema"> Performance Tasks <svg class="h21yx vs0hq zl3j0 k2n1r opacity-0 group-has-[:checked]:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg> </label> <!-- End Radio --> </div> <div class="lavrb z4ia7"> <span class="vzx5m bqo3s z1v6e dark:text-neutral-400"> collinsjames@gmail.com </span> <!-- Radio --> <label for="hs-pro-crcema4" class="hmhrw cr73y group flex dsp0o ngy7c cursor-pointer ntb30 p9tun um5nz dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <input type="radio" class="h21yx kq7zk vs0hq zl3j0 lli30 nzdrg cursor-pointer o7vfi di1ey dark:bg-neutral-800 dark:text-pink-500 dark:border-neutral-700 dark:checked:bg-pink-500 dark:checked:border-pink-500" id="hs-pro-crcema4" name="hs-pro-erema"> Holidays <svg class="h21yx vs0hq zl3j0 k2n1r opacity-0 group-has-[:checked]:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg> </label> <!-- End Radio --> </div> </div> <!-- End Dropdown --> </div> <!-- End Assignee Dropdown --> </div> <!-- Assignee Color Dropdown --> <div class="hs-dropdown [--strategy:absolute] [--placement:top-right] relative s2k2k"> <button id="hs-pro-crcemaecid" type="button" class="y027u cr73y group s2k2k items-center ernqe dlm5o vf6o6 ntb30 ngy7c efs5t xk8dv m9vu4 p9tun ejwsa hover:focus:border-transparent xwjcj c3i4e r0fp5 ip2jr dark:bg-neutral-800 dark:text-neutral-200 dark:hover:border-neutral-700 dark:focus:bg-neutral-700" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> <span class="h21yx towde r21bk lli30 dark:bg-green-500"></span> <svg class="h21yx vs0hq k2n1r pal0s opacity-0 i3gqx duwbj 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> </button> <!-- Dropdown --> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 n0c4a transition-[opacity,margin] duration opacity-0 hidden obd5o m9vu4 dxf1r shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] dark:shadow-[0_10px_40px_10px_rgba(0,0,0,0.2)] dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-crcemaecid"> <div class="lavrb z4ia7"> <span class="vzx5m bqo3s z1v6e dark:text-neutral-400"> Event color </span> <!-- Radio --> <label for="hs-pro-crcemaec1" class="hmhrw cr73y group flex dsp0o ngy7c cursor-pointer ntb30 p9tun um5nz dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <input type="radio" class="h21yx kq7zk vs0hq zl3j0 fa0ty xk8dv awnfa cursor-pointer o7vfi di1ey yzr09 vwxe3 checked:bg-red-600 checked:bg-none checked:hover:bg-red-600 dark:bg-red-500 dark:focus:text-red-500 dark:checked:hover:bg-red-500" id="hs-pro-crcemaec1" name="hs-pro-crcemaec"> Red <svg class="h21yx vs0hq zl3j0 k2n1r opacity-0 group-has-[:checked]:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg> </label> <!-- End Radio --> <!-- Radio --> <label for="hs-pro-crcemaec2" class="hmhrw cr73y group flex dsp0o ngy7c cursor-pointer ntb30 p9tun um5nz dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <input type="radio" class="h21yx kq7zk vs0hq zl3j0 fa0ty xk8dv ggrsa cursor-pointer o7vfi di1ey jxxsp isrf5 checked:bg-orange-600 checked:bg-none checked:hover:bg-orange-600 dark:bg-orange-500 dark:focus:text-orange-500 dark:checked:hover:bg-orange-500" id="hs-pro-crcemaec2" name="hs-pro-crcemaec"> Orange <svg class="h21yx vs0hq zl3j0 k2n1r opacity-0 group-has-[:checked]:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg> </label> <!-- End Radio --> <!-- Radio --> <label for="hs-pro-crcemaec3" class="hmhrw cr73y group flex dsp0o ngy7c cursor-pointer ntb30 p9tun um5nz dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <input type="radio" class="h21yx kq7zk vs0hq zl3j0 fa0ty xk8dv b1z56 cursor-pointer o7vfi di1ey etgjk mc3uk checked:bg-yellow-400 checked:bg-none checked:hover:bg-yellow-400 dark:bg-yellow-500 dark:focus:text-yellow-500 dark:checked:hover:bg-yellow-500" id="hs-pro-crcemaec3" name="hs-pro-crcemaec"> Yellow <svg class="h21yx vs0hq zl3j0 k2n1r opacity-0 group-has-[:checked]:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg> </label> <!-- End Radio --> <!-- Radio --> <label for="hs-pro-crcemaec4" class="hmhrw cr73y group flex dsp0o ngy7c cursor-pointer ntb30 p9tun um5nz dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <input type="radio" class="h21yx kq7zk vs0hq zl3j0 fa0ty xk8dv r21bk cursor-pointer o7vfi di1ey go3tq r10g0 checked:bg-green-600 checked:bg-none checked:hover:bg-green-600 dark:bg-green-500 dark:focus:text-green-500 dark:checked:hover:bg-green-500" id="hs-pro-crcemaec4" name="hs-pro-crcemaec" checked> Green <svg class="h21yx vs0hq zl3j0 k2n1r opacity-0 group-has-[:checked]:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg> </label> <!-- End Radio --> <!-- Radio --> <label for="hs-pro-crcemaec5" class="hmhrw cr73y group flex dsp0o ngy7c cursor-pointer ntb30 p9tun um5nz dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <input type="radio" class="h21yx kq7zk vs0hq zl3j0 fa0ty xk8dv dszwx cursor-pointer o7vfi di1ey ftiy2 ybapm checked:bg-sky-600 checked:bg-none checked:hover:bg-sky-600 dark:bg-sky-500 dark:focus:text-sky-500 dark:checked:hover:bg-sky-500" id="hs-pro-crcemaec5" name="hs-pro-crcemaec"> Blue <svg class="h21yx vs0hq zl3j0 k2n1r opacity-0 group-has-[:checked]:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg> </label> <!-- End Radio --> <!-- Radio --> <label for="hs-pro-crcemaec6" class="hmhrw cr73y group flex dsp0o ngy7c cursor-pointer ntb30 p9tun um5nz dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <input type="radio" class="h21yx kq7zk vs0hq zl3j0 fa0ty xk8dv grblf cursor-pointer o7vfi di1ey nmtj6 f14h2 checked:bg-pink-600 checked:bg-none checked:hover:bg-pink-600 dark:bg-pink-500 dark:focus:text-pink-500 dark:checked:hover:bg-pink-500" id="hs-pro-crcemaec6" name="hs-pro-crcemaec"> Pink <svg class="h21yx vs0hq zl3j0 k2n1r opacity-0 group-has-[:checked]:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg> </label> <!-- End Radio --> <!-- Radio --> <label for="hs-pro-crcemaec7" class="hmhrw cr73y group flex dsp0o ngy7c cursor-pointer ntb30 p9tun um5nz dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <input type="radio" class="h21yx kq7zk vs0hq zl3j0 fa0ty xk8dv r2fwe cursor-pointer o7vfi di1ey aua8n wmpb2 checked:bg-gray-300 checked:bg-none checked:hover:bg-gray-300 dark:bg-neutral-500 dark:focus:text-neutral-500 dark:checked:hover:bg-gray-500" id="hs-pro-crcemaec7" name="hs-pro-crcemaec"> Gray <svg class="h21yx vs0hq zl3j0 k2n1r opacity-0 group-has-[:checked]:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg> </label> <!-- End Radio --> </div> </div> <!-- End Dropdown --> </div> <!-- End Assignee Color Dropdown --> </div> <!-- Grid --> <div class="i80r8 wt0nu items-center dsp0o"> <!-- Select --> <div class="relative group"> <select data-hs-select='{ "placeholder": "Availability", "toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>", "toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative y027u cr73y qaxp8 flex dsp0o ifji7 p9tun cursor-pointer m9vu4 efs5t xk8dv ngy7c vf6o6 ntb30 ejwsa hover:focus:border-transparent r0fp5 ip2jr dark:bg-neutral-800 dark:hover:border-neutral-700 dark:text-neutral-200 dark:focus:outline-none dark:focus:bg-neutral-700", "dropdownClasses": "jglyo le6w0 qaxp8 aumt2 lavrb z4ia7 apqjg bgcuw m9vu4 dxf1r shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] zq2x8 oasqe c7c11 iz02v 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 hmhrw viac4 qaxp8 ntb30 p9tun cursor-pointer um5nz ngy7c r0fp5 ip2jr dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800", "optionTemplate": "<div class=\"flex m0bgt items-center qaxp8 \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"h21yx vs0hq p9tun 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-modal-create-event" }' class="hidden"> <option value="">Choose</option> <option selected>Busy</option> <option>Free</option> </select> <div class="absolute cn1sr rc2yk -translate-y-1/2 opacity-0 i3gqx duwbj"> <svg class="h21yx vs0hq pal0s dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg> </div> </div> <!-- End Select --> <!-- Select --> <div class="relative group"> <select data-hs-select='{ "placeholder": "Visibility", "toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>", "toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative y027u cr73y qaxp8 flex dsp0o ifji7 p9tun cursor-pointer m9vu4 efs5t xk8dv ngy7c vf6o6 ntb30 ejwsa hover:focus:border-transparent r0fp5 ip2jr dark:bg-neutral-800 dark:hover:border-neutral-700 dark:text-neutral-200 dark:focus:outline-none dark:focus:bg-neutral-700", "dropdownClasses": "jglyo le6w0 qaxp8 aumt2 lavrb z4ia7 apqjg bgcuw m9vu4 dxf1r shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] zq2x8 oasqe c7c11 iz02v 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 hmhrw viac4 qaxp8 ntb30 p9tun cursor-pointer um5nz ngy7c r0fp5 ip2jr dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800", "optionTemplate": "<div class=\"flex m0bgt items-center qaxp8 \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"h21yx vs0hq p9tun 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-modal-create-event" }' class="hidden"> <option value="">Choose</option> <option selected>Default visibility</option> <option>Private</option> <option>Public</option> </select> <div class="absolute cn1sr rc2yk -translate-y-1/2 opacity-0 i3gqx duwbj"> <svg class="h21yx vs0hq pal0s dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg> </div> </div> <!-- End Select --> </div> <!-- End Grid --> </div> </div> <!-- End Item --> <!-- Item --> <div class="lf2i4"> <label class="lraol flex dry15 items-center ernqe ntb30 pal0s dark:text-neutral-500"> <svg class="h21yx ufena" xmlns="http://www.w3.org/2000/svg" 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="tliya">Reminders:</span> </label> </div> <div class="mikvi relative qbul0 fqt49 vwcz4 uj7nx hyb3p before:w-[calc(100%-8px)] o3jwg kufxl dark:before:bg-white/10"> <!-- Select --> <div class="relative group"> <select data-hs-select='{ "placeholder": "Reminders", "toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>", "toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative y027u cr73y qaxp8 flex dsp0o ifji7 p9tun cursor-pointer m9vu4 efs5t xk8dv ngy7c vf6o6 ntb30 ejwsa hover:focus:border-transparent r0fp5 ip2jr dark:bg-neutral-800 dark:hover:border-neutral-700 dark:text-neutral-200 dark:focus:outline-none dark:focus:bg-neutral-700", "dropdownClasses": "jglyo le6w0 qaxp8 aumt2 lavrb z4ia7 apqjg bgcuw m9vu4 dxf1r shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] zq2x8 oasqe c7c11 iz02v 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 hmhrw viac4 qaxp8 ntb30 p9tun cursor-pointer um5nz ngy7c r0fp5 ip2jr dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800", "optionTemplate": "<div class=\"flex m0bgt items-center qaxp8 \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"h21yx vs0hq p9tun 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-modal-create-event" }' class="hidden"> <option value="">Choose</option> <option>At the start of event</option> <option>5 min before</option> <option>10 min before</option> <option selected>30 min before</option> <option>1 hour before</option> </select> <div class="absolute cn1sr rc2yk -translate-y-1/2 opacity-0 i3gqx duwbj"> <svg class="h21yx vs0hq pal0s dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg> </div> </div> <!-- End Select --> </div> <!-- End Item --> </div> <!-- End Event List --> </div> </div> <!-- End Body --> <!-- Footer --> <div class="bdby8 iwwvx batcw kq7zk dark:border-neutral-700"> <div class="i6awo flex tiner items-center wn51l"> <button type="button" class="bdby8 viac4 ifji7 s2k2k dry15 items-center vf6o6 m9vu4 efs5t kq7zk p9tun pdak6 f4yq1 awdil ycht7 u0d52 r73cx xwjcj c3i4e 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-clce"> Cancel </button> <button type="button" class="bdby8 viac4 ifji7 s2k2k dry15 items-center dsp0o vf6o6 uylzq efs5t mwycc hrliy pdak6 f4yq1 awdil ycht7 u0d52 wa7ya xwjcj c3i4e r0fp5 sl5v4 kglp6 dark:focus:ring-blue-500" data-hs-overlay="#hs-pro-clce"> Create event </button> </div> </div> <!-- End Footer --> </div> </div> </div> <!-- End Calendar Create Event Modal --> <!-- Calendar Edit Event Modal --> <div id="hs-pro-clee" class="hs-overlay hidden ewvyg fixed fopbl x0wu9 rpylz apqjg [--close-when-click-inside:true] xt2fk" role="dialog" tabindex="-1" aria-labelledby="hs-pro-clee-label"> <div class="hs-overlay-open:mt-7 hs-overlay-open:opacity-100 hs-overlay-open:duration-500 ftdwh opacity-0 oviqp g22ra tbpgf ppfkn crpye ubyl1 h-[calc(100%-3.5rem)] min-h-[calc(100%-3.5rem)] flex items-center"> <div class="qaxp8 f07vg flex pz3xv m9vu4 dxf1r fpj7t shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] dark:shadow-[0_10px_40px_10px_rgba(0,0,0,0.2)] dark:bg-neutral-800"> <!-- Header --> <div class="pykdd iwwvx flex m0bgt items-center vcvf1 dark:border-neutral-700"> <h3 id="hs-pro-clee-label" class="f4yq1 p9tun dark:text-neutral-200"> Edit event </h3> <button type="button" class="a0c5w s2k2k dry15 items-center dsp0o lli30 efs5t xk8dv ac0xq p9tun aefqe xwjcj c3i4e r0fp5 joaod 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-clee"> <span class="tliya">Close</span> <svg class="h21yx ufena" xmlns="http://www.w3.org/2000/svg" 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-modal-edit-event" class="bgcuw zq2x8 oasqe c7c11 iz02v dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500"> <div class="u3doq cwicw"> <!-- Event List --> <div class="i80r8 mq389 wn51l"> <!-- Item --> <div class="lf2i4"> <label for="hs-edit-event-title-autoheight-textarea" class="qptmd flex dry15 items-center ernqe ntb30 pal0s dark:text-neutral-500"> <svg class="h21yx ufena" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="4 7 4 4 20 4 20 7"/><line x1="9" x2="15" y1="20" y2="20"/><line x1="12" x2="12" y1="4" y2="20"/></svg> <span class="tliya">Title</span> </label> </div> <div class="mikvi"> <textarea id="hs-edit-event-title-autoheight-textarea" class="y027u cr73y block qaxp8 xk8dv ngy7c ntb30 ejwsa aqt2b bxbr4 xwjcj c3i4e ip2jr actqw esbqm dark:bg-neutral-800 dark:hover:border-neutral-700 dark:text-neutral-200 dark:placeholder:text-neutral-500 dark:focus:bg-neutral-700" rows="1" placeholder="Add title" >Preline Q1 tasks review</textarea> </div> <!-- End Item --> <!-- Item --> <div class="lf2i4"> <label class="pvx5y flex dry15 items-center ernqe ntb30 pal0s dark:text-neutral-500"> <svg class="h21yx ufena" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg> <span class="tliya">Date & Time:</span> </label> </div> <div class="mikvi"> <div class="bgogn"> <!-- Grid --> <div class="flex yj3ta gkc55 items-center fs0bl co74h"> <div class="qaxp8 glz3h"> <!-- Select --> <div class="relative group"> <select data-hs-select='{ "placeholder": "Start time", "toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>", "toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative y027u es30u xdltm qaxp8 flex dsp0o ifji7 p9tun cursor-pointer m9vu4 efs5t xk8dv ngy7c vf6o6 ntb30 ejwsa hover:focus:border-transparent r0fp5 ip2jr dark:bg-neutral-800 dark:hover:border-neutral-700 dark:text-neutral-200 dark:focus:outline-none dark:focus:bg-neutral-700", "dropdownClasses": "jglyo le6w0 qaxp8 aumt2 lavrb z4ia7 apqjg bgcuw m9vu4 dxf1r shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] zq2x8 oasqe c7c11 iz02v 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 hmhrw viac4 qaxp8 ntb30 p9tun cursor-pointer um5nz ngy7c r0fp5 ip2jr dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800", "optionTemplate": "<div class=\"flex m0bgt items-center qaxp8 \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"h21yx vs0hq p9tun 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-modal-edit-event" }' class="hidden"> <option value="">Choose</option> <option>12:00AM</option> <option>12:15AM</option> <option>12:30AM</option> <option>12:45AM</option> <option>1:00AM</option> <option>1:15AM</option> <option>1:30AM</option> <option>1:45AM</option> <option>2:00AM</option> <option>2:15AM</option> <option>2:30AM</option> <option>2:45AM</option> <option>3:00AM</option> <option>3:15AM</option> <option>3:30AM</option> <option>3:45AM</option> <option>4:00AM</option> <option>4:15AM</option> <option>4:30AM</option> <option>4:45AM</option> <option>5:00AM</option> <option>5:15AM</option> <option>5:30AM</option> <option>5:45AM</option> <option>6:00AM</option> <option>6:15AM</option> <option>6:30AM</option> <option>6:45AM</option> <option>7:00AM</option> <option>7:15AM</option> <option>7:30AM</option> <option>7:45AM</option> <option>8:00AM</option> <option>8:15AM</option> <option>8:30AM</option> <option>8:45AM</option> <option>9:00AM</option> <option>9:15AM</option> <option>9:30AM</option> <option>9:45AM</option> <option selected>10:00AM</option> <option>10:15AM</option> <option>10:30AM</option> <option>10:45AM</option> <option>11:00AM</option> <option>11:15AM</option> <option>11:30AM</option> <option>11:45AM</option> <option>12:00PM</option> <option>12:15PM</option> <option>12:30PM</option> <option>12:45PM</option> <option>1:00PM</option> <option>1:15PM</option> <option>1:30PM</option> <option>1:45PM</option> <option>2:00PM</option> <option>2:15PM</option> <option>2:30PM</option> <option>2:45PM</option> <option>3:00PM</option> <option>3:15PM</option> <option>3:30PM</option> <option>3:45PM</option> <option>4:00PM</option> <option>4:15PM</option> <option>4:30PM</option> <option>4:45PM</option> <option>5:00PM</option> <option>5:15PM</option> <option>5:30PM</option> <option>5:45PM</option> <option>6:00PM</option> <option>6:15PM</option> <option>6:30PM</option> <option>6:45PM</option> <option>7:00PM</option> <option>7:15PM</option> <option>7:30PM</option> <option>7:45PM</option> <option>8:00PM</option> <option>8:15PM</option> <option>8:30PM</option> <option>8:45PM</option> <option>9:00PM</option> <option>9:15PM</option> <option>9:30PM</option> <option>9:45PM</option> <option>10:00PM</option> <option>10:15PM</option> <option>10:30PM</option> <option>10:45PM</option> <option>11:00PM</option> <option>11:15PM</option> <option>11:30PM</option> <option>11:45PM</option> </select> <div class="absolute cn1sr rc2yk -translate-y-1/2 opacity-0 i3gqx duwbj"> <svg class="h21yx vs0hq pal0s dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg> </div> </div> <!-- End Select --> </div> <div class="hjqob"> <svg class="h21yx towde huxlp pal0s dark:text-neutral-600" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg> </div> <div class="qaxp8 glz3h"> <!-- Select --> <div class="relative group"> <select data-hs-select='{ "placeholder": "Start time", "toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>", "toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative y027u es30u xdltm qaxp8 flex dsp0o ifji7 p9tun cursor-pointer m9vu4 efs5t xk8dv ngy7c vf6o6 ntb30 ejwsa hover:focus:border-transparent r0fp5 ip2jr dark:bg-neutral-800 dark:hover:border-neutral-700 dark:text-neutral-200 dark:focus:outline-none dark:focus:bg-neutral-700", "dropdownClasses": "jglyo le6w0 qaxp8 aumt2 lavrb z4ia7 apqjg bgcuw m9vu4 dxf1r shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] zq2x8 oasqe c7c11 iz02v 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 hmhrw viac4 qaxp8 ntb30 p9tun cursor-pointer um5nz ngy7c r0fp5 ip2jr dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800", "optionTemplate": "<div class=\"flex m0bgt items-center qaxp8 \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"h21yx vs0hq p9tun 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-modal-edit-event" }' class="hidden"> <option value="">Choose</option> <option>12:00AM</option> <option>12:15AM</option> <option>12:30AM</option> <option>12:45AM</option> <option>1:00AM</option> <option>1:15AM</option> <option>1:30AM</option> <option>1:45AM</option> <option>2:00AM</option> <option>2:15AM</option> <option>2:30AM</option> <option>2:45AM</option> <option>3:00AM</option> <option>3:15AM</option> <option>3:30AM</option> <option>3:45AM</option> <option>4:00AM</option> <option>4:15AM</option> <option>4:30AM</option> <option>4:45AM</option> <option>5:00AM</option> <option>5:15AM</option> <option>5:30AM</option> <option>5:45AM</option> <option>6:00AM</option> <option>6:15AM</option> <option>6:30AM</option> <option>6:45AM</option> <option>7:00AM</option> <option>7:15AM</option> <option>7:30AM</option> <option>7:45AM</option> <option>8:00AM</option> <option>8:15AM</option> <option>8:30AM</option> <option>8:45AM</option> <option>9:00AM</option> <option>9:15AM</option> <option>9:30AM</option> <option>9:45AM</option> <option selected>10:00AM</option> <option>10:15AM</option> <option>10:30AM</option> <option>10:45AM</option> <option>11:00AM</option> <option>11:15AM</option> <option>11:30AM</option> <option>11:45AM</option> <option>12:00PM</option> <option>12:15PM</option> <option>12:30PM</option> <option>12:45PM</option> <option>1:00PM</option> <option>1:15PM</option> <option>1:30PM</option> <option>1:45PM</option> <option>2:00PM</option> <option>2:15PM</option> <option>2:30PM</option> <option>2:45PM</option> <option>3:00PM</option> <option>3:15PM</option> <option>3:30PM</option> <option>3:45PM</option> <option>4:00PM</option> <option>4:15PM</option> <option>4:30PM</option> <option>4:45PM</option> <option>5:00PM</option> <option>5:15PM</option> <option>5:30PM</option> <option>5:45PM</option> <option>6:00PM</option> <option>6:15PM</option> <option>6:30PM</option> <option>6:45PM</option> <option>7:00PM</option> <option>7:15PM</option> <option>7:30PM</option> <option>7:45PM</option> <option>8:00PM</option> <option>8:15PM</option> <option>8:30PM</option> <option>8:45PM</option> <option>9:00PM</option> <option>9:15PM</option> <option>9:30PM</option> <option>9:45PM</option> <option>10:00PM</option> <option>10:15PM</option> <option>10:30PM</option> <option>10:45PM</option> <option>11:00PM</option> <option>11:15PM</option> <option>11:30PM</option> <option>11:45PM</option> </select> <div class="absolute cn1sr rc2yk -translate-y-1/2 opacity-0 i3gqx duwbj"> <svg class="h21yx vs0hq pal0s dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg> </div> </div> <!-- End Select --> </div> </div> <!-- End Grid --> <!-- Grid --> <div class="flex yj3ta gkc55 items-center fs0bl co74h"> <div class="qaxp8 glz3h"> <!-- Calendar Dropdown --> <div class="hs-dropdown [--strategy:absolute] [--auto-close:inside] relative s2k2k qaxp8"> <button id="hs-pro-credemd1" type="button" class="y027u cr73y group s2k2k items-center ernqe qaxp8 vf6o6 ntb30 ngy7c efs5t xk8dv m9vu4 p9tun ejwsa xwjcj c3i4e r0fp5 ip2jr hover:focus:border-transparent dark:bg-neutral-800 dark:text-neutral-200 dark:hover:border-neutral-700 dark:focus:bg-neutral-700" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> Thu, Jan 2024 <svg class="h21yx vs0hq k2n1r pal0s opacity-0 i3gqx duwbj 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> </button> <!-- Dropdown --> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 hvaak transition-[opacity,margin] duration opacity-0 hidden obd5o m9vu4 dxf1r shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] dark:shadow-[0_10px_40px_10px_rgba(0,0,0,0.2)] dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-credemd1"> <!-- Calendar --> <div class="g0aw2 i80r8 lzrky"> <div class="fmgke "> <!-- Months --> <div class="flex m0bgt items-center fs0bl kl8ix"> <span class="gf9di block bqo3s f4yq1 z1v6e dark:text-neutral-500">January 2024</span> <div class="flex tiner items-center fs0bl"> <button type="button" class="cu201 zxfop flex dry15 items-center z1v6e aefqe tbhem lli30 xwjcj c3i4e r0fp5 joaod dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200" aria-label="Previous"> <svg class="h21yx vs0hq" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m15 18-6-6 6-6"/></svg> </button> <button type="button" class="cu201 zxfop flex dry15 items-center z1v6e aefqe tbhem lli30 xwjcj c3i4e r0fp5 joaod dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200" aria-label="Next"> <svg class="h21yx vs0hq" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg> </button> </div> </div> <!-- Months --> <!-- Weeks --> <div class="flex r6z19"> <span class="cu201 awl1n block a3cw8 wq0mu z1v6e dark:text-neutral-500"> Mo </span> <span class="cu201 awl1n block a3cw8 wq0mu z1v6e dark:text-neutral-500"> Tu </span> <span class="cu201 awl1n block a3cw8 wq0mu z1v6e dark:text-neutral-500"> We </span> <span class="cu201 awl1n block a3cw8 wq0mu z1v6e dark:text-neutral-500"> Th </span> <span class="cu201 awl1n block a3cw8 wq0mu z1v6e dark:text-neutral-500"> Fr </span> <span class="cu201 awl1n block a3cw8 wq0mu z1v6e dark:text-neutral-500"> Sa </span> <span class="cu201 awl1n block a3cw8 wq0mu z1v6e dark:text-neutral-500"> Su </span> </div> <!-- Weeks --> <!-- Days --> <div class="flex"> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 1 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 2 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 3 <span class="absolute lq3ag rhyjt vv4ah uylzq lli30 -translate-x-1/2 dark:bg-blue-500"></span> </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 4 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 5 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 6 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 7 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 8 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 9 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 10 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 11 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center uylzq efs5t xk8dv bqo3s f4yq1 hrliy n81bt lli30 dark:bg-blue-500 xwjcj c3i4e r0fp5 lzdvd dark:hover:border-neutral-700"> 12 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 13 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 14 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 15 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 16 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 17 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 18 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 19 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 20 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 21 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 22 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 23 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 24 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 25 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 26 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 27 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 28 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 29 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 30 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 31 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 1 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 2 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 3 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 4 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 5 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 6 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 7 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 8 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 9 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 10 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 11 </button> </div> </div> <!-- Days --> </div> </div> <!-- End Calendar --> </div> <!-- End Dropdown --> </div> <!-- End Calendar Dropdown --> </div> <div class="hjqob"> <svg class="h21yx towde huxlp pal0s dark:text-neutral-600" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg> </div> <div class="qaxp8 glz3h"> <!-- Calendar Dropdown --> <div class="hs-dropdown [--strategy:absolute] [--auto-close:inside] relative s2k2k qaxp8"> <button id="hs-pro-credemd2" type="button" class="y027u cr73y group s2k2k items-center ernqe qaxp8 vf6o6 ntb30 ngy7c efs5t xk8dv m9vu4 p9tun ejwsa xwjcj c3i4e r0fp5 ip2jr hover:focus:border-transparent dark:bg-neutral-800 dark:text-neutral-200 dark:hover:border-neutral-700 dark:focus:bg-neutral-700" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> Thu, Jan 2024 <svg class="h21yx vs0hq k2n1r pal0s opacity-0 i3gqx duwbj 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> </button> <!-- Dropdown --> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 hvaak transition-[opacity,margin] duration opacity-0 hidden obd5o m9vu4 dxf1r shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] dark:shadow-[0_10px_40px_10px_rgba(0,0,0,0.2)] dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-credemd2"> <!-- Calendar --> <div class="g0aw2 i80r8 lzrky"> <div class="fmgke "> <!-- Months --> <div class="flex m0bgt items-center fs0bl kl8ix"> <span class="gf9di block bqo3s f4yq1 z1v6e dark:text-neutral-500">January 2024</span> <div class="flex tiner items-center fs0bl"> <button type="button" class="cu201 zxfop flex dry15 items-center z1v6e aefqe tbhem lli30 xwjcj c3i4e r0fp5 joaod dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200" aria-label="Previous"> <svg class="h21yx vs0hq" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m15 18-6-6 6-6"/></svg> </button> <button type="button" class="cu201 zxfop flex dry15 items-center z1v6e aefqe tbhem lli30 xwjcj c3i4e r0fp5 joaod dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200" aria-label="Next"> <svg class="h21yx vs0hq" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg> </button> </div> </div> <!-- Months --> <!-- Weeks --> <div class="flex r6z19"> <span class="cu201 awl1n block a3cw8 wq0mu z1v6e dark:text-neutral-500"> Mo </span> <span class="cu201 awl1n block a3cw8 wq0mu z1v6e dark:text-neutral-500"> Tu </span> <span class="cu201 awl1n block a3cw8 wq0mu z1v6e dark:text-neutral-500"> We </span> <span class="cu201 awl1n block a3cw8 wq0mu z1v6e dark:text-neutral-500"> Th </span> <span class="cu201 awl1n block a3cw8 wq0mu z1v6e dark:text-neutral-500"> Fr </span> <span class="cu201 awl1n block a3cw8 wq0mu z1v6e dark:text-neutral-500"> Sa </span> <span class="cu201 awl1n block a3cw8 wq0mu z1v6e dark:text-neutral-500"> Su </span> </div> <!-- Weeks --> <!-- Days --> <div class="flex"> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 1 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 2 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 3 <span class="absolute lq3ag rhyjt vv4ah uylzq lli30 -translate-x-1/2 dark:bg-blue-500"></span> </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 4 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 5 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 6 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 7 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 8 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 9 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 10 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 11 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center uylzq efs5t xk8dv bqo3s f4yq1 hrliy n81bt lli30 dark:bg-blue-500 xwjcj c3i4e r0fp5 lzdvd dark:hover:border-neutral-700"> 12 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 13 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 14 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 15 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 16 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 17 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 18 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 19 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 20 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 21 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 22 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 23 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 24 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 25 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 26 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 27 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 28 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 29 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 30 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 31 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 1 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 2 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 3 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 4 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 5 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 6 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 7 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 8 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 9 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 10 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 11 </button> </div> </div> <!-- Days --> </div> </div> <!-- End Calendar --> </div> <!-- End Dropdown --> </div> <!-- End Calendar Dropdown --> </div> </div> <!-- End Grid --> <!-- Grid --> <div class="flex yj3ta gkc55 items-center fs0bl co74h"> <div class="qaxp8 glz3h"> <!-- Switch --> <div class="flex items-center dsp0o y5msh"> <label for="hs-pro-cremad" class="flex items-center ernqe ntb30 ifji7 p9tun dark:text-neutral-200"> All-Day: </label> <input type="checkbox" id="hs-pro-cremad" class="relative h21yx f6k69 kgl3m yqyxf ac0xq xk8dv fq13s lli30 cursor-pointer t2tr4 lufa4 is14d aefqe o7vfi esbqm ubvgx xwjcj c3i4e checked:bg-none checked:text-blue-600 checked:border-blue-600 dark:bg-neutral-700 dark:border-neutral-700 dark:checked:bg-blue-500 mgdhi j3cto vclh7 z18uw t1qhx pfmzk s1en8 nosy7 s6hqp kc9wk ipz0b nunmy lfy06 dark:before:bg-neutral-400 dark:checked:before:bg-white"> </div> <!-- End Switch --> </div> <div class="hjqob"> <svg class="opacity-0 h21yx towde huxlp pal0s dark:text-neutral-600" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg> </div> <div class="qaxp8 glz3h"> <!-- Repeat Dropdown --> <div class="hs-dropdown [--strategy:absolute] relative s2k2k qaxp8"> <button id="hs-pro-cremdid" type="button" class="y027u cr73y group s2k2k items-center ernqe qaxp8 vf6o6 ntb30 ngy7c efs5t xk8dv m9vu4 p9tun ejwsa hover:focus:border-transparent xwjcj c3i4e r0fp5 ip2jr dark:bg-neutral-800 dark:text-neutral-200 dark:hover:border-neutral-700 dark:focus:bg-neutral-700" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> Do not repeat <svg class="h21yx vs0hq k2n1r pal0s opacity-0 i3gqx duwbj 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> </button> <!-- Dropdown --> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 qaxp8 transition-[opacity,margin] duration opacity-0 hidden obd5o m9vu4 dxf1r shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] dark:shadow-[0_10px_40px_10px_rgba(0,0,0,0.2)] dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-cremdid"> <div class="lavrb z4ia7"> <!-- Radio --> <label for="hs-pro-cremd1" class="hmhrw cr73y group flex ihu9y ngy7c cursor-pointer ntb30 p9tun um5nz dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <input type="radio" class="hidden" id="hs-pro-cremd1" name="hs-pro-cremd" checked> Do not repeat <svg class="h21yx vs0hq zl3j0 k2n1r opacity-0 group-has-[:checked]:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg> </label> <!-- End Radio --> <!-- Radio --> <label for="hs-pro-cremd2" class="hmhrw cr73y group flex ihu9y ngy7c cursor-pointer ntb30 p9tun um5nz dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <input type="radio" class="hidden" id="hs-pro-cremd2" name="hs-pro-cremd"> Every Day <svg class="h21yx vs0hq zl3j0 k2n1r opacity-0 group-has-[:checked]:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg> </label> <!-- End Radio --> <!-- Radio --> <label for="hs-pro-cremd3" class="hmhrw cr73y group flex ihu9y ngy7c cursor-pointer ntb30 p9tun um5nz dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <input type="radio" class="hidden" id="hs-pro-cremd3" name="hs-pro-cremd"> Every Week <svg class="h21yx vs0hq zl3j0 k2n1r opacity-0 group-has-[:checked]:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg> </label> <!-- End Radio --> <!-- Radio --> <label for="hs-pro-cremd4" class="hmhrw cr73y group flex ihu9y ngy7c cursor-pointer ntb30 p9tun um5nz dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <input type="radio" class="hidden" id="hs-pro-cremd4" name="hs-pro-cremd"> Every Year <svg class="h21yx vs0hq zl3j0 k2n1r opacity-0 group-has-[:checked]:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg> </label> <!-- End Radio --> </div> <div class="lavrb batcw kq7zk dark:border-neutral-800"> <button type="button" class="flex items-center ihu9y qaxp8 y027u cr73y awdil ntb30 p9tun um5nz xwjcj c3i4e r0fp5 ip2jr dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-clcre" data-hs-overlay-options='{ "isClosePrev": false }'> Custom </button> </div> </div> <!-- End Dropdown --> </div> <!-- End Repeat Dropdown --> </div> </div> <!-- End Grid --> </div> </div> <!-- End Item --> <!-- Item --> <div class="lf2i4"> <label for="hs-pro-cremtz" class="lraol flex dry15 items-center ernqe ntb30 pal0s dark:text-neutral-500"> <svg class="h21yx ufena" xmlns="http://www.w3.org/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 class="tliya">Time Zone:</span> </label> </div> <div class="mikvi relative qbul0 fqt49 vwcz4 uj7nx hyb3p before:w-[calc(100%-8px)] o3jwg kufxl dark:before:bg-white/10"> <input id="hs-pro-cremtz" type="text" class="y027u cr73y block qaxp8 xk8dv ngy7c ntb30 p9tun zuutc ejwsa aqt2b xwjcj c3i4e ip2jr actqw esbqm dark:text-neutral-200 dark:bg-neutral-800 dark:hover:border-neutral-700 dark:text-neutral-200 dark:placeholder:text-neutral-500 dark:focus:bg-neutral-700" placeholder="Time Zone" value="London (GMT+0)"> </div> <!-- End Item --> <!-- Item --> <div class="lf2i4"> <label for="hs-pro-cremg" class="lraol flex dry15 items-center ernqe ntb30 pal0s dark:text-neutral-500"> <svg class="h21yx ufena" xmlns="http://www.w3.org/2000/svg" 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="tliya">Participants:</span> </label> </div> <div class="mikvi relative qbul0 fqt49 vwcz4 uj7nx hyb3p before:w-[calc(100%-8px)] o3jwg kufxl dark:before:bg-white/10"> <input id="hs-pro-cremg" type="text" class="y027u cr73y block qaxp8 xk8dv ngy7c ntb30 p9tun zuutc ejwsa aqt2b xwjcj c3i4e ip2jr actqw esbqm dark:text-neutral-200 dark:bg-neutral-800 dark:hover:border-neutral-700 dark:text-neutral-200 dark:placeholder:text-neutral-500 dark:focus:bg-neutral-700" placeholder="Add Participants"><!-- Participants List --> <div class="xo0h3 vzx5m bgogn"> <!-- Item --> <div class="d432g flex flex-wrap m0bgt items-center fs0bl"> <!-- User --> <div class="ce341"> <span class="block ntb30 p9tun dark:text-neutral-200"> 3 participants </span> <small class="block wq0mu z1v6e dark:text-neutral-400"> 1 yes, 2 awaiting </small> </div> <!-- End User --> <!-- Button Group --> <div class="flex items-center ernqe"> <div class="hs-tooltip ykxda"> <button type="button" class="zxfop h21yx s2k2k dry15 items-center dsp0o lli30 efs5t xk8dv pal0s aefqe xwjcj c3i4e r0fp5 joaod dark:hover:bg-neutral-600 dark:text-neutral-500 dark:focus:bg-neutral-600"> <span class="tliya">Email participants</span> <svg class="h21yx vs0hq" xmlns="http://www.w3.org/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> </button> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 ykxda absolute wb6jx l2wpd y027u yi4bp bg-gray-900 a3cw8 bqo3s hrliy awdil dark:bg-neutral-900" role="tooltip"> Email participants </span> </div> <div class="hs-tooltip ykxda"> <button type="button" class="zxfop h21yx s2k2k dry15 items-center dsp0o lli30 efs5t xk8dv pal0s aefqe xwjcj c3i4e r0fp5 joaod dark:hover:bg-neutral-600 dark:text-neutral-500 dark:focus:bg-neutral-600"> <span class="tliya">Mark all participants optional</span> <svg class="h21yx vs0hq" xmlns="http://www.w3.org/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> </button> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 ykxda absolute wb6jx l2wpd y027u yi4bp bg-gray-900 a3cw8 bqo3s hrliy awdil dark:bg-neutral-900" role="tooltip"> Mark all participants optional </span> </div> <div class="hs-tooltip ykxda"> <button type="button" class="zxfop h21yx s2k2k dry15 items-center dsp0o lli30 efs5t xk8dv pal0s aefqe xwjcj c3i4e r0fp5 joaod dark:hover:bg-neutral-600 dark:text-neutral-500 dark:focus:bg-neutral-600"> <span class="tliya">Remove all participants</span> <svg class="h21yx vs0hq" xmlns="http://www.w3.org/2000/svg" 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> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 ykxda absolute wb6jx l2wpd y027u yi4bp bg-gray-900 a3cw8 bqo3s hrliy awdil dark:bg-neutral-900" role="tooltip"> Remove all participants </span> </div> </div> <!-- End Button Group --> </div> <!-- End Item --> <!-- List Group --> <div class="bgogn"> <!-- Item --> <div id="hs-pro-cremudb1" class="relative lavrb es30u group flex flex-wrap m0bgt items-center fs0bl awdil um5nz dark:hover:bg-neutral-700"> <!-- User --> <div class="ce341 qaxp8"> <div class="flex dsp0o"> <div class="h21yx"> <div class="relative h21yx"> <img class="h21yx huxlp dpsu3 lli30" src="https://images.unsplash.com/photo-1659482633369-9fe69af50bfb?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="Avatar"><span class="absolute -bottom-0.5 -end-0.5 flex dry15 items-center towde r21bk efs5t dn01n hrliy lli30 dark:border-neutral-800 dark:group-hover:border-neutral-700"> <svg class="h21yx f43fl" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg> </span> </div> </div> <div class="ce341 truncate nuuiu"> <span class="block ntb30 truncate p9tun dark:text-neutral-200"> James Collison </span> <small class="block wq0mu truncate z1v6e dark:text-neutral-400"> organizer </small> </div> </div> </div> <!-- End User --> <!-- Button Group --> <div class="absolute cn1sr t7elg -translate-y-1/2 flex items-center ernqe id31v g24e2"> <div class="hs-tooltip ykxda"> <button type="button" class="zxfop h21yx s2k2k dry15 items-center dsp0o lli30 efs5t xk8dv pal0s aefqe xwjcj c3i4e r0fp5 joaod dark:hover:bg-neutral-600 dark:text-neutral-500 dark:focus:bg-neutral-600"> <span class="tliya">Show/Hide</span> <svg class="h21yx vs0hq" xmlns="http://www.w3.org/2000/svg" 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> <svg class="hidden h21yx vs0hq" xmlns="http://www.w3.org/2000/svg" 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.88 9.88a3 3 0 1 0 4.24 4.24"/><path d="M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68"/><path d="M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61"/><line x1="2" x2="22" y1="2" y2="22"/></svg> </button> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 ykxda absolute wb6jx l2wpd y027u yi4bp bg-gray-900 a3cw8 bqo3s hrliy awdil dark:bg-neutral-900" role="tooltip"> Hide </span> </div> <div class="hs-tooltip ykxda"> <button type="button" class="zxfop h21yx s2k2k dry15 items-center dsp0o lli30 efs5t xk8dv pal0s aefqe xwjcj c3i4e r0fp5 joaod dark:hover:bg-neutral-600 dark:text-neutral-500 dark:focus:bg-neutral-600"> <span class="tliya">Mark optional</span> <svg class="h21yx vs0hq" xmlns="http://www.w3.org/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> </button> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 ykxda absolute wb6jx l2wpd y027u yi4bp bg-gray-900 a3cw8 bqo3s hrliy awdil dark:bg-neutral-900" role="tooltip"> Mark optional </span> </div> <div class="hs-tooltip ykxda"> <button type="button" class="zxfop h21yx s2k2k dry15 items-center dsp0o lli30 efs5t xk8dv pal0s aefqe xwjcj c3i4e r0fp5 joaod dark:hover:bg-neutral-600 dark:text-neutral-500 dark:focus:bg-neutral-600" data-hs-remove-element="#hs-pro-cremudb1"> <span class="tliya">Remove</span> <svg class="h21yx vs0hq" xmlns="http://www.w3.org/2000/svg" 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> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 ykxda absolute wb6jx l2wpd y027u yi4bp bg-gray-900 a3cw8 bqo3s hrliy awdil dark:bg-neutral-900" role="tooltip"> Remove </span> </div> </div> <!-- End Button Group --> </div> <!-- End Item --> <!-- Item --> <div id="hs-pro-cremudb2" class="relative lavrb es30u group flex flex-wrap m0bgt items-center fs0bl awdil um5nz dark:hover:bg-neutral-700"> <!-- User --> <div class="ce341 qaxp8"> <div class="flex dsp0o"> <div class="h21yx"> <div class="relative h21yx"> <img class="h21yx huxlp dpsu3 lli30" 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> </div> <div class="ce341 truncate nuuiu"> <span class="block ntb30 truncate p9tun dark:text-neutral-200"> Daniel Hobbs </span> <small class="block wq0mu truncate z1v6e dark:text-neutral-400"> dhobbs@site.com </small> </div> </div> </div> <!-- End User --> <!-- Button Group --> <div class="absolute cn1sr t7elg -translate-y-1/2 flex items-center ernqe id31v g24e2"> <div class="hs-tooltip ykxda"> <button type="button" class="zxfop h21yx s2k2k dry15 items-center dsp0o lli30 efs5t xk8dv pal0s aefqe xwjcj c3i4e r0fp5 joaod dark:hover:bg-neutral-600 dark:text-neutral-500 dark:focus:bg-neutral-600"> <span class="tliya">Show/Hide</span> <svg class="h21yx vs0hq" xmlns="http://www.w3.org/2000/svg" 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> <svg class="hidden h21yx vs0hq" xmlns="http://www.w3.org/2000/svg" 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.88 9.88a3 3 0 1 0 4.24 4.24"/><path d="M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68"/><path d="M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61"/><line x1="2" x2="22" y1="2" y2="22"/></svg> </button> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 ykxda absolute wb6jx l2wpd y027u yi4bp bg-gray-900 a3cw8 bqo3s hrliy awdil dark:bg-neutral-900" role="tooltip"> Hide </span> </div> <div class="hs-tooltip ykxda"> <button type="button" class="zxfop h21yx s2k2k dry15 items-center dsp0o lli30 efs5t xk8dv pal0s aefqe xwjcj c3i4e r0fp5 joaod dark:hover:bg-neutral-600 dark:text-neutral-500 dark:focus:bg-neutral-600"> <span class="tliya">Mark optional</span> <svg class="h21yx vs0hq" xmlns="http://www.w3.org/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> </button> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 ykxda absolute wb6jx l2wpd y027u yi4bp bg-gray-900 a3cw8 bqo3s hrliy awdil dark:bg-neutral-900" role="tooltip"> Mark optional </span> </div> <div class="hs-tooltip ykxda"> <button type="button" class="zxfop h21yx s2k2k dry15 items-center dsp0o lli30 efs5t xk8dv pal0s aefqe xwjcj c3i4e r0fp5 joaod dark:hover:bg-neutral-600 dark:text-neutral-500 dark:focus:bg-neutral-600" data-hs-remove-element="#hs-pro-cremudb2"> <span class="tliya">Remove</span> <svg class="h21yx vs0hq" xmlns="http://www.w3.org/2000/svg" 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> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 ykxda absolute wb6jx l2wpd y027u yi4bp bg-gray-900 a3cw8 bqo3s hrliy awdil dark:bg-neutral-900" role="tooltip"> Remove </span> </div> </div> <!-- End Button Group --> </div> <!-- End Item --> <!-- Item --> <div id="hs-pro-cremudb3" class="relative lavrb es30u group flex flex-wrap m0bgt items-center fs0bl awdil um5nz dark:hover:bg-neutral-700"> <!-- User --> <div class="ce341 qaxp8"> <div class="flex dsp0o"> <div class="h21yx"> <div class="relative h21yx"> <span class="flex h21yx dry15 items-center dpsu3 g26n6 z1v6e wq0mu rozsb lli30 dark:bg-neutral-600 dark:border-neutral-700 dark:text-neutral-400">L</span> </div> </div> <div class="ce341 truncate nuuiu"> <span class="block ntb30 truncate p9tun dark:text-neutral-200"> Liza Harrison </span> <small class="block wq0mu truncate z1v6e dark:text-neutral-400"> liza@site.com </small> </div> </div> </div> <!-- End User --> <!-- Button Group --> <div class="absolute cn1sr t7elg -translate-y-1/2 flex items-center ernqe id31v g24e2"> <div class="hs-tooltip ykxda"> <button type="button" class="zxfop h21yx s2k2k dry15 items-center dsp0o lli30 efs5t xk8dv pal0s aefqe xwjcj c3i4e r0fp5 joaod dark:hover:bg-neutral-600 dark:text-neutral-500 dark:focus:bg-neutral-600"> <span class="tliya">Show/Hide</span> <svg class="h21yx vs0hq" xmlns="http://www.w3.org/2000/svg" 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> <svg class="hidden h21yx vs0hq" xmlns="http://www.w3.org/2000/svg" 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.88 9.88a3 3 0 1 0 4.24 4.24"/><path d="M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68"/><path d="M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61"/><line x1="2" x2="22" y1="2" y2="22"/></svg> </button> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 ykxda absolute wb6jx l2wpd y027u yi4bp bg-gray-900 a3cw8 bqo3s hrliy awdil dark:bg-neutral-900" role="tooltip"> Hide </span> </div> <div class="hs-tooltip ykxda"> <button type="button" class="zxfop h21yx s2k2k dry15 items-center dsp0o lli30 efs5t xk8dv pal0s aefqe xwjcj c3i4e r0fp5 joaod dark:hover:bg-neutral-600 dark:text-neutral-500 dark:focus:bg-neutral-600"> <span class="tliya">Mark optional</span> <svg class="h21yx vs0hq" xmlns="http://www.w3.org/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> </button> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 ykxda absolute wb6jx l2wpd y027u yi4bp bg-gray-900 a3cw8 bqo3s hrliy awdil dark:bg-neutral-900" role="tooltip"> Mark optional </span> </div> <div class="hs-tooltip ykxda"> <button type="button" class="zxfop h21yx s2k2k dry15 items-center dsp0o lli30 efs5t xk8dv pal0s aefqe xwjcj c3i4e r0fp5 joaod dark:hover:bg-neutral-600 dark:text-neutral-500 dark:focus:bg-neutral-600" data-hs-remove-element="#hs-pro-cremudb3"> <span class="tliya">Remove</span> <svg class="h21yx vs0hq" xmlns="http://www.w3.org/2000/svg" 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> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 ykxda absolute wb6jx l2wpd y027u yi4bp bg-gray-900 a3cw8 bqo3s hrliy awdil dark:bg-neutral-900" role="tooltip"> Remove </span> </div> </div> <!-- End Button Group --> </div> <!-- End Item --> </div> <!-- End List Group --> <!-- Participant Permissions Collapse Button --> <button type="button" class="hs-collapse-toggle group qaxp8 vf6o6 r0fp5 xwjcj c3i4e" id="participantsPermissionsID" aria-expanded="false" aria-controls="participantsPermissionsLabelID" data-hs-collapse="#participantsPermissionsLabelID"> <span class="y027u cr73y block qaxp8 awdil ntb30 p9tun efs5t xk8dv r6vbn dark:text-neutral-200 dark:group-hover:bg-neutral-700"> <span class="flex m0bgt items-center"> <span class="ce341 truncate"> <span class="block">Participant permissions</span> <span class="block wq0mu z1v6e truncate dark:text-neutral-400">Invite others • See participant list</span> </span> <svg class="hs-collapse-open:rotate-180 h21yx vs0hq pal0s 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> </span> </span> </button> <!-- End Participant Permissions Collapse Button --> <!-- Participant Permissions Collapse Content --> <div id="participantsPermissionsLabelID" class="wm1l4 hidden w353x qaxp8 apqjg transition-[height] hbz7g" aria-labelledby="participantsPermissionsID"> <div class="g0aw2 ac0xq ngy7c dark:bg-neutral-700"> <span class="block r6z19 bqo3s pal0s dark:text-neutral-500"> Participant permissions </span> <div class="if1eb"> <!-- Checkbox --> <div> <label for="hs-pro-creagsio" class="s2k2k fj5sa ngy7c cursor-pointer bqo3s p9tun dark:text-neutral-200"> <input type="checkbox" class="h21yx kq7zk vs0hq ejwg2 fa0ty oqj39 cursor-pointer o7vfi di1ey dark:bg-neutral-800 dark:text-blue-500 dark:border-neutral-700 dark:checked:bg-blue-500 dark:checked:border-blue-500" id="hs-pro-creagsio" checked> Invite others </label> </div> <!-- End Checkbox --> <!-- Checkbox --> <div> <label for="hs-pro-creagssgl" class="s2k2k fj5sa ngy7c cursor-pointer bqo3s p9tun dark:text-neutral-200"> <input type="checkbox" class="h21yx kq7zk vs0hq ejwg2 fa0ty oqj39 cursor-pointer o7vfi di1ey dark:bg-neutral-800 dark:text-blue-500 dark:border-neutral-700 dark:checked:bg-blue-500 dark:checked:border-blue-500" id="hs-pro-creagssgl" checked> See participant list </label> </div> <!-- End Checkbox --> </div> </div> </div> <!-- End Participant Permissions Collapse Content --> </div> <!-- End Participants List --> <!-- Button Group --> <div class="jglyo flex tiner items-center"> <button type="button" class="y027u cr73y s2k2k items-center dsp0o bqo3s a12u2 efs5t xk8dv uylzq hrliy wa7ya xwjcj c3i4e r0fp5 mzc7d dark:bg-blue-500 dark:hover:bg-blue-600 dark:focus:bg-blue-600"> Send invite </button> <span class="relative vwcz4 aqpc6 nk29m ijj9t d9ij7 q6p4y k7e9k j8h9j"></span> <!-- More Dropdown --> <div class="hs-dropdown [--strategy:absolute] relative s2k2k"> <button id="hs-discard-invite" type="button" class="s8ma3 s2k2k dry15 items-center dsp0o bqo3s k7wsw efs5t xk8dv uylzq hrliy wa7ya xwjcj c3i4e r0fp5 mzc7d dark:bg-blue-500 dark:hover:bg-blue-600 dark:focus:bg-blue-600" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> <span class="tliya">More</span> <svg class="h21yx vs0hq" xmlns="http://www.w3.org/2000/svg" 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> <!-- Dropdown --> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 ywmgi transition-[opacity,margin] duration opacity-0 hidden obd5o m9vu4 dxf1r shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] dark:shadow-[0_10px_40px_10px_rgba(0,0,0,0.2)] dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-discard-invite"> <div class="lavrb z4ia7"> <a class="flex items-center ihu9y y027u cr73y awdil ntb30 f5ifd c9hwg xwjcj c3i4e r0fp5 vyoid dark:text-red-500 dark:hover:bg-red-500/10 dark:focus:bg-red-500/10" href="#"> Discard invite </a> <a class="flex items-center ihu9y y027u cr73y awdil ntb30 p9tun um5nz xwjcj c3i4e r0fp5 ip2jr dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#"> Send invite without email </a> </div> </div> <!-- End Dropdown --> </div> <!-- End More Dropdown --> </div> <!-- End Button Group --> </div> <!-- End Item --> <!-- Item --> <div class="lf2i4"> <label class="lraol flex dry15 items-center ernqe ntb30 pal0s dark:text-neutral-500"> <svg class="h21yx ufena" xmlns="http://www.w3.org/2000/svg" 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 8-6 4 6 4V8Z"/><rect width="14" height="12" x="2" y="6" rx="2" ry="2"/></svg> <span class="tliya">Video Conferencing:</span> </label> </div> <div class="mikvi relative qbul0 fqt49 vwcz4 uj7nx hyb3p before:w-[calc(100%-8px)] o3jwg kufxl dark:before:bg-white/10"> <button type="button" class="group flex flex-wrap items-center dsp0o qaxp8 lavrb es30u puep4 dlm5o awdil ntb30 p9tun um5nz xwjcj c3i4e r0fp5 ip2jr dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="h21yx ufena" xmlns="http://www.w3.org/2000/svg" width="192" height="192" viewBox="0 0 192 192"><path fill="none" d="M0 0h192v192H0z"/><path fill="#00832D" d="M108 96l17.06 19.5L148 130.16l4-34.03-4-33.28-23.38 12.88z"/><path fill="#0066DA" d="M9 127v29c0 6.63 5.37 12 12 12h29l6-21.92L50 127l-19.9-6L9 127z"/><path fill="#E94235" d="M50 24L9 65l21.1 6L50 65l5.9-18.83z"/><path fill="#2684FC" d="M9 65h41v62H9z"/><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 fill="#FFBA00" d="M136 24H50v41h58v31l40-33.15V36c0-6.63-5.37-12-12-12z"/></svg> Google Meet<span class="k2n1r bqo3s ngy7c oqj39 n68l9 n1avn dark:text-blue-500 dark:group-hover:text-blue-600"> Join with Google Meet </span> </button> <!-- Video Conferencing List --> <div class="jatgu vzx5m flex flex-wrap m0bgt items-center fs0bl"> <p class="bqo3s z1v6e dark:text-neutral-400"> <small class="block">meet.google.com/dks-qzdb-xgd</small> <input id="hs-dshct" type="text" class="hidden" value="meet.google.com/dks-qzdb-xgd"> <small class="block">Up to 100 participant connections</small> </p> <!-- Button Group --> <div class="flex items-center ernqe"> <div class="hs-tooltip ykxda"> <button type="button" class="zxfop h21yx s2k2k dry15 items-center dsp0o lli30 efs5t xk8dv pal0s um5nz xwjcj c3i4e r0fp5 ip2jr dark:hover:bg-neutral-700 dark:text-neutral-500 dark:focus:bg-neutral-700"> <span class="tliya">Video call options</span> <svg class="h21yx vs0hq" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z"/><circle cx="12" cy="12" r="3"/></svg> </button> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 ykxda absolute wb6jx l2wpd y027u yi4bp bg-gray-900 a3cw8 bqo3s hrliy awdil dark:bg-neutral-900" role="tooltip"> Video call options </span> </div> <button type="button" class="js-clipboard f4e5h hs-tooltip zxfop h21yx s2k2k dry15 items-center dsp0o lli30 efs5t xk8dv pal0s um5nz xwjcj c3i4e r0fp5 ip2jr dark:hover:bg-neutral-700 dark:text-neutral-500 dark:focus:bg-neutral-700" data-clipboard-target="#hs-dshct" data-clipboard-action="copy" data-clipboard-success-text="Copied to clipboard"> <svg class="js-clipboard-default h21yx vs0hq" xmlns="http://www.w3.org/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 vs0hq" xmlns="http://www.w3.org/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 ushts hidden wb6jx obd5o hmhrw cr73y bg-gray-900 bqo3s f4yq1 hrliy awdil ycht7 dark:bg-neutral-900" role="tooltip"> <span class="js-clipboard-success-text">Copy conference link</span> </span> </button> <div class="hs-tooltip ykxda"> <button type="button" class="zxfop h21yx s2k2k dry15 items-center dsp0o lli30 efs5t xk8dv pal0s um5nz xwjcj c3i4e r0fp5 ip2jr dark:hover:bg-neutral-700 dark:text-neutral-500 dark:focus:bg-neutral-700"> <span class="tliya">Remove conference</span> <svg class="h21yx vs0hq" xmlns="http://www.w3.org/2000/svg" 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> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 ykxda absolute wb6jx l2wpd y027u yi4bp bg-gray-900 a3cw8 bqo3s hrliy awdil dark:bg-neutral-900" role="tooltip"> Remove conference </span> </div> </div> <!-- End Button Group --> </div> <!-- End Video Conferencing List --> </div> <!-- End Item --> <!-- Item --> <div class="lf2i4"> <label for="hs-edit-event-location-autoheight-textarea" class="lraol flex dry15 items-center ernqe ntb30 pal0s dark:text-neutral-500"> <svg class="h21yx ufena" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z"/><circle cx="12" cy="10" r="3"/></svg> <span class="tliya">Location:</span> </label> </div> <div class="mikvi relative qbul0 fqt49 vwcz4 uj7nx hyb3p before:w-[calc(100%-8px)] o3jwg kufxl dark:before:bg-white/10"> <textarea id="hs-edit-event-location-autoheight-textarea" class="y027u cr73y block qaxp8 xk8dv ngy7c ntb30 p9tun ejwsa aqt2b bxbr4 xwjcj c3i4e ip2jr actqw esbqm dark:bg-neutral-800 dark:hover:border-neutral-700 dark:text-neutral-200 dark:placeholder:text-neutral-500 dark:focus:bg-neutral-700" rows="1" placeholder="Add Location">Virtual Location</textarea> </div> <!-- End Item --> <!-- Item --> <button type="button" class="hs-collapse-toggle hs-collapse-open:hidden group w353x qaxp8 vf6o6 r0fp5 xwjcj c3i4e dark:before:bg-white/10" id="hs-pro-crem-add-description-url-attachments-collapse" aria-expanded="false" aria-controls="hs-pro-crem-add-description-url-attachments" data-hs-collapse="#hs-pro-crem-add-description-url-attachments"> <span class="i80r8 mq389 wn51l"> <span class="lf2i4"> <span class="lraol flex dry15 items-center ernqe ntb30 pal0s dark:text-neutral-500"> <svg class="h21yx ufena" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="21" x2="3" y1="6" y2="6"/><line x1="15" x2="3" y1="12" y2="12"/><line x1="17" x2="3" y1="18" y2="18"/></svg> </span> </span> <span class="mikvi relative qbul0 fqt49 vwcz4 uj7nx hyb3p before:w-[calc(100%-8px)] o3jwg kufxl dark:before:bg-white/10"> <span class="y027u cr73y block qaxp8 awdil ntb30 p9tun efs5t xk8dv r6vbn h5scg dark:text-neutral-200 dark:group-hover:bg-neutral-700 dark:group-focus:bg-neutral-700"> Add description, URL, or Attachments </span> </span> </span> </button> <!-- End Item --> <!-- Item --> <div id="hs-pro-crem-add-description-url-attachments" class="wm1l4 hidden w353x qaxp8 apqjg transition-[height] hbz7g" aria-labelledby="hs-pro-crem-add-description-url-attachments-collapse"> <div class="i80r8 mq389 wn51l"> <!-- Item --> <div class="lf2i4"> <label for="hs-edit-event-description-autoheight-textarea" class="lraol flex dry15 items-center ernqe ntb30 pal0s dark:text-neutral-500"> <svg class="h21yx ufena" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="21" x2="3" y1="6" y2="6"/><line x1="15" x2="3" y1="12" y2="12"/><line x1="17" x2="3" y1="18" y2="18"/></svg> <span class="tliya">Description:</span> </label> </div> <div class="mikvi relative qbul0 fqt49 vwcz4 uj7nx hyb3p before:w-[calc(100%-8px)] o3jwg kufxl dark:before:bg-white/10"> <textarea id="hs-edit-event-description-autoheight-textarea" class="y027u cr73y block qaxp8 xk8dv ngy7c ntb30 ejwsa aqt2b bxbr4 xwjcj c3i4e ip2jr actqw esbqm dark:bg-neutral-800 dark:hover:border-neutral-700 dark:text-neutral-200 dark:placeholder:text-neutral-500 dark:focus:bg-neutral-700" rows="1" placeholder="Add Description">This session is designed to help us collectively reflect on our accomplishments, identify areas for improvement, and refine our approach to using Preline in the upcoming quarter.</textarea> </div> <!-- End Item --> <!-- Item --> <div class="lf2i4"> <label for="hs-pro-cremurl" class="lraol flex dry15 items-center ernqe ntb30 pal0s dark:text-neutral-500"> <svg class="h21yx ufena" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"/><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"/></svg> <span class="tliya">URL:</span> </label> </div> <div class="mikvi relative qbul0 fqt49 vwcz4 uj7nx hyb3p before:w-[calc(100%-8px)] o3jwg kufxl dark:before:bg-white/10"> <input id="hs-pro-cremurl" type="text" class="y027u cr73y block qaxp8 xk8dv ngy7c ntb30 p9tun zuutc ejwsa aqt2b xwjcj c3i4e ip2jr actqw esbqm dark:text-neutral-200 dark:bg-neutral-800 dark:hover:border-neutral-700 dark:text-neutral-200 dark:placeholder:text-neutral-500 dark:focus:bg-neutral-700" placeholder="Add URL" value="https://www.preline.co/"> </div> <!-- End Item --> <!-- Item --> <div class="lf2i4"> <label class="lraol flex dry15 items-center ernqe ntb30 pal0s dark:text-neutral-500"> <svg class="h21yx ufena" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l8.57-8.57A4 4 0 1 1 18 8.84l-8.59 8.57a2 2 0 0 1-2.83-2.83l8.49-8.48"/></svg> <span class="tliya">Attachment:</span> </label> </div> <div class="mikvi relative qbul0 fqt49 vwcz4 uj7nx hyb3p before:w-[calc(100%-8px)] o3jwg kufxl dark:before:bg-white/10"> <input type="file" class="vzx5m block qaxp8 ntb30 z1v6e efs5t xk8dv r0fp5 dark:text-neutral-500 aa0g3 y18p0 cdy3e dcsnw g2peb zqpvm jpr0k d2luu wxh8q xo1ly bupry dark:file:bg-neutral-700 dark:file:text-neutral-300 "> </div> <!-- End Item --> </div> </div> <!-- End Item --> <!-- Item --> <div class="lf2i4"> <label class="lraol flex dry15 items-center ernqe ntb30 pal0s dark:text-neutral-500"> <svg class="h21yx ufena" xmlns="http://www.w3.org/2000/svg" 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 class="tliya">Assignee:</span> </label> </div> <div class="mikvi relative qbul0 fqt49 vwcz4 uj7nx hyb3p before:w-[calc(100%-8px)] o3jwg kufxl dark:before:bg-white/10"> <div class="bgogn"> <div class="flex flex-wrap items-center fs0bl"> <div class="i6awo"> <!-- Assignee Dropdown --> <div class="hs-dropdown [--strategy:absolute] relative s2k2k qaxp8"> <button id="hs-pro-cremaid" type="button" class="y027u cr73y group s2k2k items-center ernqe qaxp8 vf6o6 ntb30 ngy7c efs5t xk8dv m9vu4 p9tun ejwsa hover:focus:border-transparent xwjcj c3i4e r0fp5 ip2jr dark:bg-neutral-800 dark:text-neutral-200 dark:hover:border-neutral-700 dark:focus:bg-neutral-700" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> james@preline.co <svg class="h21yx vs0hq k2n1r pal0s opacity-0 i3gqx duwbj 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> </button> <!-- Dropdown --> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 qaxp8 transition-[opacity,margin] duration opacity-0 hidden obd5o m9vu4 dxf1r shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] dark:shadow-[0_10px_40px_10px_rgba(0,0,0,0.2)] dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-cremaid"> <div class="lavrb z4ia7"> <span class="vzx5m bqo3s z1v6e dark:text-neutral-400"> james@preline.co </span> <!-- Radio --> <label for="hs-pro-crema1" class="hmhrw cr73y group flex dsp0o ngy7c cursor-pointer ntb30 p9tun um5nz dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <input type="radio" class="h21yx kq7zk vs0hq zl3j0 lli30 kriqw cursor-pointer o7vfi di1ey dark:bg-neutral-800 dark:text-teal-500 dark:border-neutral-700 dark:checked:bg-teal-500 dark:checked:border-teal-500" id="hs-pro-crema1" name="hs-pro-crema" checked> James Collins <svg class="h21yx vs0hq zl3j0 k2n1r opacity-0 group-has-[:checked]:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg> </label> <!-- End Radio --> <!-- Radio --> <label for="hs-pro-crema2" class="hmhrw cr73y group flex dsp0o ngy7c cursor-pointer ntb30 p9tun um5nz dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <input type="radio" class="h21yx kq7zk vs0hq zl3j0 lli30 f18rh cursor-pointer o7vfi di1ey dark:bg-neutral-800 dark:text-sky-500 dark:border-neutral-700 dark:checked:bg-sky-500 dark:checked:border-sky-500" id="hs-pro-crema2" name="hs-pro-crema"> Preline tasks <svg class="h21yx vs0hq zl3j0 k2n1r opacity-0 group-has-[:checked]:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg> </label> <!-- End Radio --> <!-- Radio --> <label for="hs-pro-crema3" class="hmhrw cr73y group flex dsp0o ngy7c cursor-pointer ntb30 p9tun um5nz dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <input type="radio" class="h21yx kq7zk vs0hq zl3j0 lli30 utinp cursor-pointer o7vfi di1ey dark:bg-neutral-800 dark:text-purple-500 dark:border-neutral-700 dark:checked:bg-purple-500 dark:checked:border-purple-500" id="hs-pro-crema3" name="hs-pro-crema"> Performance Tasks <svg class="h21yx vs0hq zl3j0 k2n1r opacity-0 group-has-[:checked]:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg> </label> <!-- End Radio --> </div> <div class="lavrb z4ia7"> <span class="vzx5m bqo3s z1v6e dark:text-neutral-400"> collinsjames@gmail.com </span> <!-- Radio --> <label for="hs-pro-crema4" class="hmhrw cr73y group flex dsp0o ngy7c cursor-pointer ntb30 p9tun um5nz dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <input type="radio" class="h21yx kq7zk vs0hq zl3j0 lli30 nzdrg cursor-pointer o7vfi di1ey dark:bg-neutral-800 dark:text-pink-500 dark:border-neutral-700 dark:checked:bg-pink-500 dark:checked:border-pink-500" id="hs-pro-crema4" name="hs-pro-erema"> Holidays <svg class="h21yx vs0hq zl3j0 k2n1r opacity-0 group-has-[:checked]:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg> </label> <!-- End Radio --> </div> </div> <!-- End Dropdown --> </div> <!-- End Assignee Dropdown --> </div> <!-- Assignee Color Dropdown --> <div class="hs-dropdown [--strategy:absolute] [--placement:top-right] relative s2k2k"> <button id="hs-pro-cremaecid" type="button" class="y027u cr73y group s2k2k items-center ernqe dlm5o vf6o6 ntb30 ngy7c efs5t xk8dv m9vu4 p9tun ejwsa hover:focus:border-transparent xwjcj c3i4e r0fp5 ip2jr dark:bg-neutral-800 dark:text-neutral-200 dark:hover:border-neutral-700 dark:focus:bg-neutral-700" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> <span class="h21yx towde r21bk lli30 dark:bg-green-500"></span> <svg class="h21yx vs0hq k2n1r pal0s opacity-0 i3gqx duwbj 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> </button> <!-- Dropdown --> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 n0c4a transition-[opacity,margin] duration opacity-0 hidden obd5o m9vu4 dxf1r shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] dark:shadow-[0_10px_40px_10px_rgba(0,0,0,0.2)] dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-cremaecid"> <div class="lavrb z4ia7"> <span class="vzx5m bqo3s z1v6e dark:text-neutral-400"> Event color </span> <!-- Radio --> <label for="hs-pro-cremaec1" class="hmhrw cr73y group flex dsp0o ngy7c cursor-pointer ntb30 p9tun um5nz dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <input type="radio" class="h21yx kq7zk vs0hq zl3j0 fa0ty xk8dv awnfa cursor-pointer o7vfi di1ey yzr09 vwxe3 checked:bg-red-600 checked:bg-none checked:hover:bg-red-600 dark:bg-red-500 dark:focus:text-red-500 dark:checked:hover:bg-red-500" id="hs-pro-cremaec1" name="hs-pro-cremaec"> Red <svg class="h21yx vs0hq zl3j0 k2n1r opacity-0 group-has-[:checked]:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg> </label> <!-- End Radio --> <!-- Radio --> <label for="hs-pro-cremaec2" class="hmhrw cr73y group flex dsp0o ngy7c cursor-pointer ntb30 p9tun um5nz dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <input type="radio" class="h21yx kq7zk vs0hq zl3j0 fa0ty xk8dv ggrsa cursor-pointer o7vfi di1ey jxxsp isrf5 checked:bg-orange-600 checked:bg-none checked:hover:bg-orange-600 dark:bg-orange-500 dark:focus:text-orange-500 dark:checked:hover:bg-orange-500" id="hs-pro-cremaec2" name="hs-pro-cremaec"> Orange <svg class="h21yx vs0hq zl3j0 k2n1r opacity-0 group-has-[:checked]:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg> </label> <!-- End Radio --> <!-- Radio --> <label for="hs-pro-cremaec3" class="hmhrw cr73y group flex dsp0o ngy7c cursor-pointer ntb30 p9tun um5nz dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <input type="radio" class="h21yx kq7zk vs0hq zl3j0 fa0ty xk8dv b1z56 cursor-pointer o7vfi di1ey etgjk mc3uk checked:bg-yellow-400 checked:bg-none checked:hover:bg-yellow-400 dark:bg-yellow-500 dark:focus:text-yellow-500 dark:checked:hover:bg-yellow-500" id="hs-pro-cremaec3" name="hs-pro-cremaec"> Yellow <svg class="h21yx vs0hq zl3j0 k2n1r opacity-0 group-has-[:checked]:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg> </label> <!-- End Radio --> <!-- Radio --> <label for="hs-pro-cremaec4" class="hmhrw cr73y group flex dsp0o ngy7c cursor-pointer ntb30 p9tun um5nz dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <input type="radio" class="h21yx kq7zk vs0hq zl3j0 fa0ty xk8dv r21bk cursor-pointer o7vfi di1ey go3tq r10g0 checked:bg-green-600 checked:bg-none checked:hover:bg-green-600 dark:bg-green-500 dark:focus:text-green-500 dark:checked:hover:bg-green-500" id="hs-pro-cremaec4" name="hs-pro-cremaec" checked> Green <svg class="h21yx vs0hq zl3j0 k2n1r opacity-0 group-has-[:checked]:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg> </label> <!-- End Radio --> <!-- Radio --> <label for="hs-pro-cremaec5" class="hmhrw cr73y group flex dsp0o ngy7c cursor-pointer ntb30 p9tun um5nz dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <input type="radio" class="h21yx kq7zk vs0hq zl3j0 fa0ty xk8dv dszwx cursor-pointer o7vfi di1ey ftiy2 ybapm checked:bg-sky-600 checked:bg-none checked:hover:bg-sky-600 dark:bg-sky-500 dark:focus:text-sky-500 dark:checked:hover:bg-sky-500" id="hs-pro-cremaec5" name="hs-pro-cremaec"> Blue <svg class="h21yx vs0hq zl3j0 k2n1r opacity-0 group-has-[:checked]:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg> </label> <!-- End Radio --> <!-- Radio --> <label for="hs-pro-cremaec6" class="hmhrw cr73y group flex dsp0o ngy7c cursor-pointer ntb30 p9tun um5nz dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <input type="radio" class="h21yx kq7zk vs0hq zl3j0 fa0ty xk8dv grblf cursor-pointer o7vfi di1ey nmtj6 f14h2 checked:bg-pink-600 checked:bg-none checked:hover:bg-pink-600 dark:bg-pink-500 dark:focus:text-pink-500 dark:checked:hover:bg-pink-500" id="hs-pro-cremaec6" name="hs-pro-cremaec"> Pink <svg class="h21yx vs0hq zl3j0 k2n1r opacity-0 group-has-[:checked]:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg> </label> <!-- End Radio --> <!-- Radio --> <label for="hs-pro-cremaec7" class="hmhrw cr73y group flex dsp0o ngy7c cursor-pointer ntb30 p9tun um5nz dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <input type="radio" class="h21yx kq7zk vs0hq zl3j0 fa0ty xk8dv r2fwe cursor-pointer o7vfi di1ey aua8n wmpb2 checked:bg-gray-300 checked:bg-none checked:hover:bg-gray-300 dark:bg-neutral-500 dark:focus:text-neutral-500 dark:checked:hover:bg-gray-500" id="hs-pro-cremaec7" name="hs-pro-cremaec"> Gray <svg class="h21yx vs0hq zl3j0 k2n1r opacity-0 group-has-[:checked]:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg> </label> <!-- End Radio --> </div> </div> <!-- End Dropdown --> </div> <!-- End Assignee Color Dropdown --> </div> <!-- Grid --> <div class="i80r8 wt0nu items-center dsp0o"> <!-- Select --> <div class="relative group"> <select data-hs-select='{ "placeholder": "Availability", "toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>", "toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative y027u cr73y qaxp8 flex dsp0o ifji7 p9tun cursor-pointer m9vu4 efs5t xk8dv ngy7c vf6o6 ntb30 ejwsa hover:focus:border-transparent r0fp5 ip2jr dark:bg-neutral-800 dark:hover:border-neutral-700 dark:text-neutral-200 dark:focus:outline-none dark:focus:bg-neutral-700", "dropdownClasses": "jglyo le6w0 qaxp8 aumt2 lavrb z4ia7 apqjg bgcuw m9vu4 dxf1r shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] zq2x8 oasqe c7c11 iz02v 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 hmhrw viac4 qaxp8 ntb30 p9tun cursor-pointer um5nz ngy7c r0fp5 ip2jr dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800", "optionTemplate": "<div class=\"flex m0bgt items-center qaxp8 \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"h21yx vs0hq p9tun 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-modal-edit-event" }' class="hidden"> <option value="">Choose</option> <option selected>Busy</option> <option>Free</option> </select> <div class="absolute cn1sr rc2yk -translate-y-1/2 opacity-0 i3gqx duwbj"> <svg class="h21yx vs0hq pal0s dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg> </div> </div> <!-- End Select --> <!-- Select --> <div class="relative group"> <select data-hs-select='{ "placeholder": "Visibility", "toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>", "toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative y027u cr73y qaxp8 flex dsp0o ifji7 p9tun cursor-pointer m9vu4 efs5t xk8dv ngy7c vf6o6 ntb30 ejwsa hover:focus:border-transparent r0fp5 ip2jr dark:bg-neutral-800 dark:hover:border-neutral-700 dark:text-neutral-200 dark:focus:outline-none dark:focus:bg-neutral-700", "dropdownClasses": "jglyo le6w0 qaxp8 aumt2 lavrb z4ia7 apqjg bgcuw m9vu4 dxf1r shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] zq2x8 oasqe c7c11 iz02v 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 hmhrw viac4 qaxp8 ntb30 p9tun cursor-pointer um5nz ngy7c r0fp5 ip2jr dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800", "optionTemplate": "<div class=\"flex m0bgt items-center qaxp8 \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"h21yx vs0hq p9tun 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-modal-edit-event" }' class="hidden"> <option value="">Choose</option> <option selected>Default visibility</option> <option>Private</option> <option>Public</option> </select> <div class="absolute cn1sr rc2yk -translate-y-1/2 opacity-0 i3gqx duwbj"> <svg class="h21yx vs0hq pal0s dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg> </div> </div> <!-- End Select --> </div> <!-- End Grid --> </div> </div> <!-- End Item --> <!-- Item --> <div class="lf2i4"> <label class="lraol flex dry15 items-center ernqe ntb30 pal0s dark:text-neutral-500"> <svg class="h21yx ufena" xmlns="http://www.w3.org/2000/svg" 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="tliya">Reminders:</span> </label> </div> <div class="mikvi relative qbul0 fqt49 vwcz4 uj7nx hyb3p before:w-[calc(100%-8px)] o3jwg kufxl dark:before:bg-white/10"> <!-- Select --> <div class="relative group"> <select data-hs-select='{ "placeholder": "Reminders", "toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>", "toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative y027u cr73y qaxp8 flex dsp0o ifji7 p9tun cursor-pointer m9vu4 efs5t xk8dv ngy7c vf6o6 ntb30 ejwsa hover:focus:border-transparent r0fp5 ip2jr dark:bg-neutral-800 dark:hover:border-neutral-700 dark:text-neutral-200 dark:focus:outline-none dark:focus:bg-neutral-700", "dropdownClasses": "jglyo le6w0 qaxp8 aumt2 lavrb z4ia7 apqjg bgcuw m9vu4 dxf1r shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] zq2x8 oasqe c7c11 iz02v 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 hmhrw viac4 qaxp8 ntb30 p9tun cursor-pointer um5nz ngy7c r0fp5 ip2jr dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800", "optionTemplate": "<div class=\"flex m0bgt items-center qaxp8 \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"h21yx vs0hq p9tun 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-modal-edit-event" }' class="hidden"> <option value="">Choose</option> <option>At the start of event</option> <option>5 min before</option> <option>10 min before</option> <option selected>30 min before</option> <option>1 hour before</option> </select> <div class="absolute cn1sr rc2yk -translate-y-1/2 opacity-0 i3gqx duwbj"> <svg class="h21yx vs0hq pal0s dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg> </div> </div> <!-- End Select --> </div> <!-- End Item --> </div> <!-- End Event List --> </div> </div> <!-- End Body --> <!-- Footer --> <div class="bdby8 iwwvx batcw kq7zk dark:border-neutral-700"> <div class="i6awo flex tiner items-center wn51l"> <button type="button" class="bdby8 viac4 ifji7 s2k2k dry15 items-center vf6o6 m9vu4 efs5t kq7zk p9tun pdak6 f4yq1 awdil ycht7 u0d52 r73cx xwjcj c3i4e 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-clee"> Cancel </button> <button type="button" class="bdby8 viac4 ifji7 s2k2k dry15 items-center dsp0o vf6o6 uylzq efs5t mwycc hrliy pdak6 f4yq1 awdil ycht7 u0d52 wa7ya xwjcj c3i4e r0fp5 sl5v4 kglp6 dark:focus:ring-blue-500" data-hs-overlay="#hs-pro-clee"> Save changes </button> </div> </div> <!-- End Footer --> </div> </div> </div> <!-- End Calendar Edit Event Modal --> <!-- Custom Recurrence Modal --> <div id="hs-pro-clcre" class="hs-overlay hidden ewvyg fixed fopbl x0wu9 slhov v2o4d bgcuw [--close-when-click-inside:true] xt2fk" role="dialog" tabindex="-1" aria-labelledby="hs-pro-clcre-label"> <div class="hs-overlay-open:mt-7 hs-overlay-open:opacity-100 hs-overlay-open:duration-500 ftdwh opacity-0 oviqp g22ra vc7u0 ppfkn crpye ubyl1 h-[calc(100%-3.5rem)] min-h-[calc(100%-3.5rem)] flex items-center"> <div class="qaxp8 f07vg flex pz3xv m9vu4 dxf1r fpj7t shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] dark:shadow-[0_10px_40px_10px_rgba(0,0,0,0.2)] dark:bg-neutral-800"> <!-- Header --> <div class="pykdd iwwvx flex m0bgt items-center vcvf1 dark:border-neutral-700"> <h3 id="hs-pro-clcre-label" class="f4yq1 p9tun dark:text-neutral-200"> Custom recurrence </h3> <button type="button" class="a0c5w s2k2k dry15 items-center dsp0o lli30 efs5t xk8dv ac0xq p9tun aefqe xwjcj c3i4e r0fp5 joaod 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-clcre"> <span class="tliya">Close</span> <svg class="h21yx ufena" xmlns="http://www.w3.org/2000/svg" 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-modal-custom-recurrence-event" class="bgcuw zq2x8 oasqe c7c11 iz02v dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500"> <div class="u3doq cwicw"> <div class="i80r8 enm6b"> <!-- Item --> <div> <label for="hs-pro-ccremre" class="r6z19 block ntb30 pal0s dark:text-neutral-500"> Repeat every: </label> <div class="flex items-center dsp0o"> <input id="hs-pro-ccremre" type="text" class="y027u cr73y block lc69c ac0xq xk8dv ngy7c ntb30 shh18 zuutc aefqe aqt2b xwjcj c3i4e joaod actqw esbqm dark:text-neutral-400 dark:bg-neutral-700 dark:text-neutral-300 dark:placeholder:text-neutral-500 dark:hover:bg-neutral-600 dark:focus:bg-neutral-600" value="1"> <!-- Select --> <div class="relative qaxp8"> <select data-hs-select='{ "placeholder": "Start time", "toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>", "toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative y027u es30u xdltm qaxp8 flex dsp0o ifji7 shh18 cursor-pointer ac0xq efs5t xk8dv ngy7c vf6o6 ntb30 aefqe hover:focus:border-transparent r0fp5 joaod dark:bg-neutral-700 dark:text-neutral-400 dark:focus:outline-none dark:hover:bg-neutral-600 dark:focus:bg-neutral-600", "dropdownClasses": "jglyo le6w0 qaxp8 aumt2 lavrb z4ia7 apqjg bgcuw m9vu4 dxf1r shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] zq2x8 oasqe c7c11 iz02v 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 hmhrw viac4 qaxp8 ntb30 p9tun cursor-pointer um5nz ngy7c r0fp5 ip2jr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800", "optionTemplate": "<div class=\"flex m0bgt items-center qaxp8 \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"h21yx vs0hq p9tun 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-modal-custom-recurrence-event" }' class="hidden"> <option value="">Choose</option> <option>Daily</option> <option selected>Weekly</option> <option>Monthly</option> <option>Yearly</option> </select> <div class="absolute cn1sr rc2yk -translate-y-1/2"> <svg class="h21yx vs0hq pal0s dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg> </div> </div> <!-- End Select --> </div> </div> <!-- End Item --> <!-- Item --> <div> <label class="r6z19 block ntb30 pal0s dark:text-neutral-500"> Repeats on: </label> <div class="flex zctvj items-center ernqe"> <!-- Checkbox --> <label for="hs-pro-clcreromo" class="group ckjpf flex dry15 items-center ngy7c cursor-pointer ntb30 p9tun ac0xq aefqe joaod has-[:checked]:bg-blue-600 has-[:checked]:text-white dark:text-neutral-300 dark:bg-neutral-700 dark:hover:bg-neutral-600 dark:focus:bg-neutral-600 dark:has-[:checked]:bg-blue-500 dark:has-[:checked]:text-white"> <input type="radio" class="hidden" id="hs-pro-clcreromo" name="hs-pro-cremd" checked> Mo </label> <!-- End Checkbox --> <!-- Checkbox --> <label for="hs-pro-clcrerotu" class="group ckjpf flex dry15 items-center ngy7c cursor-pointer ntb30 p9tun ac0xq aefqe joaod has-[:checked]:bg-blue-600 has-[:checked]:text-white dark:text-neutral-300 dark:bg-neutral-700 dark:hover:bg-neutral-600 dark:focus:bg-neutral-600 dark:has-[:checked]:bg-blue-500 dark:has-[:checked]:text-white"> <input type="radio" class="hidden" id="hs-pro-clcrerotu" name="hs-pro-cremd"> Tu </label> <!-- End Checkbox --> <!-- Checkbox --> <label for="hs-pro-clcrerowe" class="group ckjpf flex dry15 items-center ngy7c cursor-pointer ntb30 p9tun ac0xq aefqe joaod has-[:checked]:bg-blue-600 has-[:checked]:text-white dark:text-neutral-300 dark:bg-neutral-700 dark:hover:bg-neutral-600 dark:focus:bg-neutral-600 dark:has-[:checked]:bg-blue-500 dark:has-[:checked]:text-white"> <input type="radio" class="hidden" id="hs-pro-clcrerowe" name="hs-pro-cremd"> We </label> <!-- End Checkbox --> <!-- Checkbox --> <label for="hs-pro-clcreroth" class="group ckjpf flex dry15 items-center ngy7c cursor-pointer ntb30 p9tun ac0xq aefqe joaod has-[:checked]:bg-blue-600 has-[:checked]:text-white dark:text-neutral-300 dark:bg-neutral-700 dark:hover:bg-neutral-600 dark:focus:bg-neutral-600 dark:has-[:checked]:bg-blue-500 dark:has-[:checked]:text-white"> <input type="radio" class="hidden" id="hs-pro-clcreroth" name="hs-pro-cremd"> Th </label> <!-- End Checkbox --> <!-- Checkbox --> <label for="hs-pro-clcrerofr" class="group ckjpf flex dry15 items-center ngy7c cursor-pointer ntb30 p9tun ac0xq aefqe joaod has-[:checked]:bg-blue-600 has-[:checked]:text-white dark:text-neutral-300 dark:bg-neutral-700 dark:hover:bg-neutral-600 dark:focus:bg-neutral-600 dark:has-[:checked]:bg-blue-500 dark:has-[:checked]:text-white"> <input type="radio" class="hidden" id="hs-pro-clcrerofr" name="hs-pro-cremd"> Fr </label> <!-- End Checkbox --> <!-- Checkbox --> <label for="hs-pro-clcrerosa" class="group ckjpf flex dry15 items-center ngy7c cursor-pointer ntb30 p9tun ac0xq aefqe joaod has-[:checked]:bg-blue-600 has-[:checked]:text-white dark:text-neutral-300 dark:bg-neutral-700 dark:hover:bg-neutral-600 dark:focus:bg-neutral-600 dark:has-[:checked]:bg-blue-500 dark:has-[:checked]:text-white"> <input type="radio" class="hidden" id="hs-pro-clcrerosa" name="hs-pro-cremd"> Sa </label> <!-- End Checkbox --> <!-- Checkbox --> <label for="hs-pro-clcrerosu" class="group ckjpf flex dry15 items-center ngy7c cursor-pointer ntb30 p9tun ac0xq aefqe joaod has-[:checked]:bg-blue-600 has-[:checked]:text-white dark:text-neutral-300 dark:bg-neutral-700 dark:hover:bg-neutral-600 dark:focus:bg-neutral-600 dark:has-[:checked]:bg-blue-500 dark:has-[:checked]:text-white"> <input type="radio" class="hidden" id="hs-pro-clcrerosu" name="hs-pro-cremd"> Su </label> <!-- End Checkbox --> </div> </div> <!-- End Item --> <!-- Item --> <div> <label class="r6z19 block ntb30 pal0s dark:text-neutral-500"> Ends: </label> <!-- Radio --> <div class="flex"> <input type="radio" name="hs-pro-clcree" class="h21yx kq7zk lli30 oqj39 o7vfi di1ey xwjcj c3i4e dark:bg-neutral-800 dark:border-neutral-700 dark:checked:bg-blue-500 dark:checked:border-blue-500 dark:focus:ring-offset-neutral-800" id="hs-pro-clcreen" checked> <label for="hs-pro-clcreen" class="bqo3s z1v6e vzx5m dark:text-neutral-400">Never</label> </div> <!-- End Radio --> <div class="njekq flex items-center dsp0o"> <!-- Radio --> <div class="f2107 flex"> <input type="radio" name="hs-pro-clcree" class="h21yx kq7zk lli30 oqj39 o7vfi di1ey xwjcj c3i4e dark:bg-neutral-800 dark:border-neutral-700 dark:checked:bg-blue-500 dark:checked:border-blue-500 dark:focus:ring-offset-neutral-800" id="hs-pro-clcreeo"> <label for="hs-pro-clcreeo" class="bqo3s z1v6e vzx5m dark:text-neutral-400">On</label> </div> <!-- End Radio --> <div class="qaxp8"> <!-- Input --> <input type="text" class="hmhrw cr73y block qaxp8 ac0xq xk8dv ngy7c ntb30 shh18 zuutc aefqe aqt2b xwjcj c3i4e joaod actqw esbqm dark:text-neutral-400 dark:bg-neutral-700 dark:text-neutral-300 dark:placeholder:text-neutral-500 dark:hover:bg-neutral-600 dark:focus:bg-neutral-600" value="Jan 7, 2024"> <!-- End Input --> </div> </div> <div class="nc0x2 flex items-center dsp0o"> <!-- Radio --> <div class="f2107 flex"> <input type="radio" name="hs-pro-clcree" class="h21yx kq7zk lli30 oqj39 o7vfi di1ey xwjcj c3i4e dark:bg-neutral-800 dark:border-neutral-700 dark:checked:bg-blue-500 dark:checked:border-blue-500 dark:focus:ring-offset-neutral-800" id="hs-pro-clcreea"> <label for="hs-pro-clcreea" class="bqo3s z1v6e vzx5m dark:text-neutral-400">After</label> </div> <!-- End Radio --> <div class="qaxp8 flex items-center dsp0o"> <!-- Input --> <input type="text" class="hmhrw cr73y block lc69c ac0xq xk8dv ngy7c ntb30 shh18 zuutc aefqe aqt2b xwjcj c3i4e joaod actqw esbqm dark:text-neutral-400 dark:bg-neutral-700 dark:text-neutral-300 dark:placeholder:text-neutral-500 dark:hover:bg-neutral-600 dark:focus:bg-neutral-600" value="7"> <!-- End Input --> <span class="bqo3s pal0s dark:text-neutral-500">Times</span> </div> </div> </div> <!-- End Item --> </div> </div> </div> <!-- End Body --> <!-- Footer --> <div class="bdby8 iwwvx batcw kq7zk dark:border-neutral-700"> <div class="i6awo flex tiner items-center wn51l"> <button type="button" class="bdby8 viac4 ifji7 s2k2k dry15 items-center vf6o6 m9vu4 efs5t kq7zk p9tun bqo3s f4yq1 awdil ycht7 u0d52 r73cx xwjcj c3i4e 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-clcre"> Cancel </button> <button type="button" class="bdby8 viac4 ifji7 s2k2k dry15 items-center dsp0o vf6o6 uylzq efs5t mwycc hrliy bqo3s f4yq1 awdil ycht7 u0d52 wa7ya xwjcj c3i4e r0fp5 sl5v4 kglp6 dark:focus:ring-blue-500" data-hs-overlay="#hs-pro-clcre"> Save </button> </div> </div> <!-- End Footer --> </div> </div> </div> <!-- End Custom Recurrence Modal -->
<body class="hs-overlay-body-open m9vu4 apqjg dark:bg-neutral-800"> <!-- ========== MAIN SIDEBAR ========== --> <aside id="hs-pro-sidebar" class="hs-overlay [--body-scroll:true] lg:[--overlay-backdrop:false] [--is-layout-affect:true] [--opened:lg] [--auto-close:lg] hs-overlay-open:translate-x-0 lg:hs-overlay-layout-open:translate-x-0 -translate-x-full g22ra hbz7g c6bbk ratir hidden fixed hx55d temqr x0wu9 ac0xq scwsh kq7zk s6oc3 neyzj pkjih qbtc1 dark:bg-neutral-900 dark:border-neutral-700" tabindex="-1" aria-label="Main Sidebar"> <div class="flex pz3xv ly3m4 f07vg bdby8"> <!-- Calendar --> <div class="cr73y h8mm6 s9qc2 i80r8 lzrky"> <div class="fmgke "> <!-- Months --> <div class="flex m0bgt items-center fs0bl kl8ix"> <span class="gf9di block bqo3s f4yq1 z1v6e dark:text-neutral-500">January 2024</span> <div class="flex tiner items-center fs0bl"> <button type="button" class="cu201 zxfop flex dry15 items-center z1v6e aefqe tbhem lli30 xwjcj c3i4e r0fp5 joaod dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200" aria-label="Previous"> <svg class="h21yx vs0hq" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m15 18-6-6 6-6"/></svg> </button> <button type="button" class="cu201 zxfop flex dry15 items-center z1v6e aefqe tbhem lli30 xwjcj c3i4e r0fp5 joaod dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200" aria-label="Next"> <svg class="h21yx vs0hq" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg> </button> </div> </div> <!-- Months --> <!-- Weeks --> <div class="flex r6z19"> <span class="cu201 awl1n block a3cw8 wq0mu z1v6e dark:text-neutral-500"> Mo </span> <span class="cu201 awl1n block a3cw8 wq0mu z1v6e dark:text-neutral-500"> Tu </span> <span class="cu201 awl1n block a3cw8 wq0mu z1v6e dark:text-neutral-500"> We </span> <span class="cu201 awl1n block a3cw8 wq0mu z1v6e dark:text-neutral-500"> Th </span> <span class="cu201 awl1n block a3cw8 wq0mu z1v6e dark:text-neutral-500"> Fr </span> <span class="cu201 awl1n block a3cw8 wq0mu z1v6e dark:text-neutral-500"> Sa </span> <span class="cu201 awl1n block a3cw8 wq0mu z1v6e dark:text-neutral-500"> Su </span> </div> <!-- Weeks --> <!-- Days --> <div class="flex"> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 1 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 2 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 3 <span class="absolute lq3ag rhyjt vv4ah uylzq lli30 -translate-x-1/2 dark:bg-blue-500"></span> </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 4 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 5 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 6 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 7 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 8 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 9 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 10 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 11 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center uylzq efs5t xk8dv bqo3s f4yq1 hrliy n81bt lli30 dark:bg-blue-500 xwjcj c3i4e r0fp5 lzdvd dark:hover:border-neutral-700"> 12 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 13 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 14 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 15 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 16 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 17 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 18 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 19 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 20 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 21 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 22 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 23 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 24 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 25 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 26 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 27 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 28 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 29 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 30 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 31 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 1 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 2 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 3 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 4 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 5 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 6 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 7 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 8 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 9 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 10 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 11 </button> </div> </div> <!-- Days --> </div> </div> <!-- End Calendar --> <div class="vcvf1 kq7zk dark:border-neutral-700"></div> <!-- Body --> <div class="bgcuw zq2x8 oasqe c7c11 iz02v dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500"> <div class="rzitn cr73y"> <div class="g0okh"> <!-- Account --> <div class="hs-accordion-group" data-hs-accordion-always-open> <div class="hs-accordion active" id="account-one-accordion"> <button type="button" class="hs-accordion-toggle qaxp8 vf6o6 flex ihu9y arvw3 es30u bqo3s z1v6e ngy7c aefqe xwjcj c3i4e r0fp5 joaod dark:hover:bg-neutral-700 dark:text-neutral-500 dark:focus:bg-neutral-700" aria-expanded="true" aria-controls="account-one-accordion-sub"> james@preline.co <svg class="hs-accordion-active:-rotate-180 h21yx ejwg2 vs0hq k2n1r sd8ly" xmlns="http://www.w3.org/2000/svg" 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"></path></svg> </button> <div id="account-one-accordion-sub" class="hs-accordion-content qaxp8 apqjg transition-[height] hbz7g" role="region" aria-labelledby="account-one-accordion"> <div class="hs-accordion-group x0qdq z4ia7" data-hs-accordion-always-open> <!-- Checkbox --> <label for="hs-pro-cach1" class="arvw3 flex fj5sa ngy7c cursor-pointer bqo3s p9tun aefqe dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <input type="checkbox" class="h21yx kq7zk vs0hq ejwg2 fa0ty kriqw cursor-pointer o7vfi di1ey dark:bg-neutral-800 dark:text-teal-500 dark:border-neutral-700 dark:checked:bg-teal-500 dark:checked:border-teal-500" id="hs-pro-cach1" checked> James Collins </label> <!-- End Checkbox --> <!-- Checkbox --> <label for="hs-pro-cach2" class="arvw3 flex fj5sa ngy7c cursor-pointer bqo3s p9tun aefqe dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <input type="checkbox" class="h21yx kq7zk vs0hq ejwg2 fa0ty f18rh cursor-pointer o7vfi di1ey dark:bg-neutral-800 dark:text-sky-500 dark:border-neutral-700 dark:checked:bg-sky-500 dark:checked:border-sky-500" id="hs-pro-cach2" checked> Preline tasks </label> <!-- End Checkbox --> <!-- Checkbox --> <label for="hs-pro-cach3" class="arvw3 flex fj5sa ngy7c cursor-pointer bqo3s p9tun aefqe dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <input type="checkbox" class="h21yx kq7zk vs0hq ejwg2 fa0ty utinp cursor-pointer o7vfi di1ey dark:bg-neutral-800 dark:text-purple-500 dark:border-neutral-700 dark:checked:bg-purple-500 dark:checked:border-purple-500" id="hs-pro-cach3" checked> Performance Tasks </label> <!-- End Checkbox --> </div> </div> </div> </div> <!-- End Account --> <!-- Account --> <div class="hs-accordion-group" data-hs-accordion-always-open> <div class="hs-accordion active" id="account-two-accordion"> <button type="button" class="hs-accordion-toggle qaxp8 vf6o6 flex ihu9y arvw3 es30u bqo3s z1v6e ngy7c aefqe xwjcj c3i4e r0fp5 joaod dark:hover:bg-neutral-700 dark:text-neutral-500 dark:focus:bg-neutral-700" aria-expanded="true" aria-controls="account-two-accordion-sub"> collinsjames@gmail.com <svg class="hs-accordion-active:-rotate-180 h21yx ejwg2 vs0hq k2n1r sd8ly" xmlns="http://www.w3.org/2000/svg" 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"></path></svg> </button> <div id="account-two-accordion-sub" class="hs-accordion-content qaxp8 apqjg transition-[height] hbz7g" role="region" aria-labelledby="account-two-accordion"> <div class="hs-accordion-group x0qdq z4ia7" data-hs-accordion-always-open> <!-- Checkbox --> <label for="hs-pro-cach4" class="arvw3 flex fj5sa ngy7c cursor-pointer bqo3s p9tun aefqe dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <input type="checkbox" class="h21yx kq7zk vs0hq ejwg2 fa0ty nzdrg cursor-pointer o7vfi di1ey dark:bg-neutral-800 dark:text-pink-500 dark:border-neutral-700 dark:checked:bg-pink-500 dark:checked:border-pink-500" id="hs-pro-cach4"> Holidays </label> <!-- End Checkbox --> </div> </div> </div> </div> <!-- End Account --> </div> <div class="njekq"> <button type="button" class="qaxp8 vf6o6 flex items-center fj5sa arvw3 bqo3s z1v6e ngy7c aefqe xwjcj c3i4e r0fp5 joaod dark:hover:bg-neutral-700 dark:text-neutral-500 dark:focus:bg-neutral-700"> <svg class="h21yx vs0hq" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg> Add account </button> </div> </div> </div> <!-- End Body --> <div class="rzitn cr73y batcw kq7zk dark:border-neutral-700"> <button type="button" class="g0aw2 s2k2k dry15 items-center ernqe qaxp8 bqo3s ngy7c efs5t kq7zk m9vu4 p9tun ycht7 um5nz xwjcj c3i4e r0fp5 ckvf9 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-dasadpm"> <svg class="h21yx vs0hq" xmlns="http://www.w3.org/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="3" y="8" width="18" height="4" rx="1"/><path d="M12 8v13"/><path d="M19 12v7a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-7"/><path d="M7.5 8a2.5 2.5 0 0 1 0-5A4.8 8 0 0 1 12 8a4.8 8 0 0 1 4.5-5 2.5 2.5 0 0 1 0 5"/></svg> Invite people </button> </div> </div> </aside> <!-- ========== END MAIN SIDEBAR ========== --> <!-- ========== MAIN CONTENT ========== --> <main id="content" class="lg:hs-overlay-layout-open:ps-[224px] hf06y g22ra hbz7g"> <!-- Header --> <div class="g0aw2 oekzh mo4j6"> <div class="s9qc2 -ms-2 f598b i80r8 xyr2a wn51l"> <div class="flex items-center ernqe"> <!-- Sidebar Toggle --> <button type="button" class="arvw3 s8ma3 s2k2k items-center ernqe bqo3s ngy7c efs5t xk8dv z1v6e tbhem xwjcj c3i4e r0fp5 q8jf0 dark:text-neutral-500 dark:hover:text-neutral-400 dark:focus:text-neutral-400" aria-haspopup="dialog" aria-expanded="false" aria-controls="hs-pro-sidebar" data-hs-overlay="#hs-pro-sidebar"> <svg class="h21yx vs0hq" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M15 3v18"/><path d="m10 15-3-3 3-3"/></svg> <span class="tliya">Sidebar Toggle</span> </button> <!-- End Sidebar Toggle --> <!-- Secondary Sidebar Toggle --> <div class="kq8am"> <button type="button" class="arvw3 s8ma3 s2k2k items-center ernqe bqo3s ngy7c efs5t xk8dv z1v6e tbhem xwjcj c3i4e r0fp5 q8jf0 dark:text-neutral-500 dark:hover:text-neutral-400 dark:focus:text-neutral-400" aria-haspopup="dialog" aria-expanded="false" aria-controls="hs-pro-secondary-sidebar" aria-label="Toggle navigation" data-hs-overlay="#hs-pro-secondary-sidebar"> <svg class="h21yx vs0hq" xmlns="http://www.w3.org/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> <span class="tliya">Secondary Sidebar Toggle</span> </button> </div> <!-- End Secondary Sidebar Toggle --> </div> <div class="flex dry15"> <!-- View Button Group --> <div class="o315e s2k2k dry15 ernqe m9vu4 efs5t kq7zk ngy7c ycht7 zlw8x dark:bg-neutral-800 dark:border-neutral-700"> <div class="relative flex ckhlw vwcz4 aqpc6 a4ubh d9ij7 oomck br0am j8h9j dark:before:bg-neutral-700"> <a class="hmhrw cr73y s2k2k items-center ernqe bqo3s fa0ty p9tun nz0zf xwjcj c3i4e r0fp5 rnsuy dark:border-neutral-700 dark:text-neutral-300 dark:hover:text-neutral-400 dark:focus:text-neutral-400 ac0xq tbhem dark:bg-neutral-700 dark:hover:!text-neutral-300" href="day.html"> Day </a> </div> <div class="relative flex ckhlw vwcz4 aqpc6 a4ubh d9ij7 oomck br0am j8h9j dark:before:bg-neutral-700"> <a class="hmhrw cr73y s2k2k items-center ernqe bqo3s fa0ty p9tun nz0zf xwjcj c3i4e r0fp5 rnsuy dark:border-neutral-700 dark:text-neutral-300 dark:hover:text-neutral-400 dark:focus:text-neutral-400 " href="week.html"> Week </a> </div> <div class="relative flex ckhlw vwcz4 aqpc6 a4ubh d9ij7 oomck br0am j8h9j dark:before:bg-neutral-700"> <a class="hmhrw cr73y s2k2k items-center ernqe bqo3s fa0ty p9tun nz0zf xwjcj c3i4e r0fp5 rnsuy dark:border-neutral-700 dark:text-neutral-300 dark:hover:text-neutral-400 dark:focus:text-neutral-400 " href="month.html"> Month </a> </div> <div class="relative flex ckhlw vwcz4 aqpc6 a4ubh d9ij7 oomck br0am j8h9j dark:before:bg-neutral-700"> <a class="hmhrw cr73y s2k2k items-center ernqe bqo3s fa0ty p9tun nz0zf xwjcj c3i4e r0fp5 rnsuy dark:border-neutral-700 dark:text-neutral-300 dark:hover:text-neutral-400 dark:focus:text-neutral-400 " href="year.html"> Year </a> </div> </div> <!-- View Button Group --> </div> <div class="uajb4"> <button type="button" class="arvw3 b8fy7 yn6ln s2k2k dry15 items-center dsp0o bqo3s awdil efs5t xk8dv uylzq hrliy wa7ya xwjcj c3i4e r0fp5 dg2gp xp6ug dark:bg-blue-500 dark:hover:bg-blue-600 dark:focus:bg-blue-600" data-hs-overlay="#hs-pro-clce"> <svg class="h21yx vs0hq" xmlns="http://www.w3.org/2000/svg" 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="tliya">Add event</span> </button> </div> </div> <div class="flex flex-wrap m0bgt items-center wn51l"> <div class="toz57"> <h1 class="a23oc ugqr3 p9tun dark:text-neutral-200"> <span class="rozsb">January 12,</span> 2024 </h1> </div> <!-- Today Button Group --> <div class="flex -space-x-px"> <button type="button" class="s8ma3 s2k2k dry15 items-center ernqe bqo3s hreeb weynp efs5t kq7zk m9vu4 p9tun ycht7 um5nz xwjcj c3i4e r0fp5 ckvf9 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-600 dark:focus:bg-neutral-600"> <svg class="h21yx vs0hq" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m15 18-6-6 6-6"/></svg> </button> <button type="button" class="y027u cr73y s2k2k items-center ernqe bqo3s hreeb weynp efs5t kq7zk m9vu4 p9tun ycht7 um5nz xwjcj c3i4e r0fp5 ckvf9 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-600 dark:focus:bg-neutral-600"> Today </button> <button type="button" class="s8ma3 s2k2k dry15 items-center ernqe bqo3s hreeb weynp efs5t kq7zk m9vu4 p9tun ycht7 um5nz xwjcj c3i4e r0fp5 ckvf9 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-600 dark:focus:bg-neutral-600"> <svg class="h21yx vs0hq" 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> <!-- Today Button Group --> </div> </div> <!-- End Header --> <!-- Calendar --> <div class="ly3m4 bgcuw zq2x8 oasqe c7c11 iz02v dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500"> <div class="x6em4 fopbl at14f zy8m7 m9vu4 vcvf1 cammi ulnyf dark:bg-neutral-800 dark:border-neutral-700"> <!-- Week Dates --> <div class="vcvf1 h4z7v dark:border-neutral-700"> <div class="flex t1bzs scwsh wv197 dark:border-neutral-500"> <div class="ly3m4 flex pz3xv scwsh h4z7v dark:border-neutral-700"> <div class="f2107 fij65 flex tiner items-center uajb4"><span class="n19iv wq0mu pal0s dark:text-neutral-500">GMT+</span></div> </div> <div class="qaxp8 i80r8 a7gox"> <button type="button" class="s2k2k dry15 items-center ernqe hmhrw viac4 block uajb4 bqo3s m9vu4 o5ydh xk8dv p9tun um5nz r0fp5 ip2jr dark:bg-neutral-800 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> M<span class="hidden bmujp otsg8">on</span> </button> <button type="button" class="s2k2k dry15 items-center ernqe hmhrw viac4 block uajb4 bqo3s m9vu4 o5ydh xk8dv p9tun um5nz r0fp5 ip2jr dark:bg-neutral-800 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> T<span class="hidden bmujp otsg8">ue</span> </button> <button type="button" class="s2k2k dry15 items-center ernqe hmhrw viac4 block uajb4 bqo3s m9vu4 o5ydh mwycc oqj39 um5nz r0fp5 ip2jr dark:bg-neutral-800 dark:border-blue-500 dark:text-blue-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> W<span class="hidden bmujp otsg8">ed</span> <span class="hidden bmujp ve7ow">12</span> </button> <button type="button" class="s2k2k dry15 items-center ernqe hmhrw viac4 block uajb4 bqo3s m9vu4 o5ydh xk8dv p9tun um5nz r0fp5 ip2jr dark:bg-neutral-800 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> T<span class="hidden bmujp otsg8">hu</span> </button> <button type="button" class="s2k2k dry15 items-center ernqe hmhrw viac4 block uajb4 bqo3s m9vu4 o5ydh xk8dv p9tun um5nz r0fp5 ip2jr dark:bg-neutral-800 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> F<span class="hidden bmujp otsg8">ri</span> </button> <button type="button" class="s2k2k dry15 items-center ernqe hmhrw viac4 block uajb4 bqo3s m9vu4 o5ydh xk8dv p9tun um5nz r0fp5 ip2jr dark:bg-neutral-800 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> S<span class="hidden bmujp otsg8">at</span> </button> <button type="button" class="s2k2k dry15 items-center ernqe hmhrw viac4 block uajb4 bqo3s m9vu4 o5ydh xk8dv p9tun um5nz r0fp5 ip2jr dark:bg-neutral-800 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> S<span class="hidden bmujp otsg8">un</span> </button> </div> </div> </div> <!-- End Week Dates --> <div class="flex t1bzs scwsh wv197 dark:border-neutral-500"> <div class="ly3m4 flex pz3xv scwsh h4z7v dark:border-neutral-700"> <div class="f2107 ze6rp flex tiner items-center uajb4"><span class="n19iv wq0mu pal0s dark:text-neutral-500">All-day</span></div> </div> <!-- Days --> <div class="qaxp8 i80r8 a7gox"> <div class="ze6rp relative flex i6awo ulnyf dark:border-b-neutral-700"> <div class="qaxp8"></div> </div> <div class="ze6rp relative flex i6awo ulnyf dark:border-b-neutral-700"> <div class="qaxp8"></div> </div> <div class="ze6rp relative flex i6awo ulnyf dark:border-b-neutral-700"> <div class="qaxp8"></div> </div> <div class="ze6rp relative flex i6awo ulnyf dark:border-b-neutral-700"> <div class="qaxp8"></div> </div> <div class="ze6rp relative flex i6awo ulnyf dark:border-b-neutral-700"> <div class="qaxp8"></div> </div> <div class="ze6rp relative flex i6awo ulnyf dark:border-b-neutral-700"> <div class="qaxp8"></div> </div> <div class="ze6rp relative flex i6awo ulnyf dark:border-b-neutral-700"> <div class="qaxp8"></div> </div> </div> <!-- Days --> </div> </div> <div class="relative flex pz3xv ewvyg"> <div class="-mt-px flex t1bzs"> <!-- Timeline --> <div class="ly3m4 flex pz3xv scwsh h4z7v dark:border-neutral-700"> <div class="f2107 wsw3n uajb4 opacity-0"><span class="relative -top-[13px] n19iv wq0mu pal0s dark:text-neutral-500">12 AM</span></div> <div class="f2107 wsw3n uajb4"><span class="relative -top-[13px] n19iv wq0mu pal0s dark:text-neutral-500">1 AM</span></div> <div class="f2107 wsw3n uajb4"><span class="relative -top-[13px] n19iv wq0mu pal0s dark:text-neutral-500">2 AM</span></div> <div class="f2107 wsw3n uajb4"><span class="relative -top-[13px] n19iv wq0mu pal0s dark:text-neutral-500">3 AM</span></div> <div class="f2107 wsw3n uajb4"><span class="relative -top-[13px] n19iv wq0mu pal0s dark:text-neutral-500">4 AM</span></div> <div class="f2107 wsw3n uajb4"><span class="relative -top-[13px] n19iv wq0mu pal0s dark:text-neutral-500">5 AM</span></div> <div class="f2107 wsw3n uajb4"><span class="relative -top-[13px] n19iv wq0mu pal0s dark:text-neutral-500">6 AM</span></div> <div class="f2107 wsw3n uajb4"><span class="relative -top-[13px] n19iv wq0mu pal0s dark:text-neutral-500">7 AM</span></div> <div class="f2107 wsw3n uajb4"><span class="relative -top-[13px] n19iv wq0mu pal0s dark:text-neutral-500">8 AM</span></div> <div class="f2107 wsw3n uajb4"><span class="relative -top-[13px] n19iv wq0mu pal0s dark:text-neutral-500">9 AM</span></div> <div class="f2107 wsw3n uajb4"><span class="relative -top-[13px] n19iv wq0mu pal0s dark:text-neutral-500">10 AM</span></div> <div class="f2107 wsw3n uajb4"><span class="relative -top-[13px] n19iv wq0mu pal0s dark:text-neutral-500">11 AM</span></div> <div class="f2107 wsw3n uajb4"><span class="relative -top-[13px] n19iv wq0mu pal0s dark:text-neutral-500">12 PM</span></div> <div class="f2107 wsw3n uajb4"><span class="relative -top-[13px] n19iv wq0mu pal0s dark:text-neutral-500">1 PM</span></div> <div class="f2107 wsw3n uajb4"><span class="relative -top-[13px] n19iv wq0mu pal0s dark:text-neutral-500">2 PM</span></div> <div class="f2107 wsw3n uajb4"><span class="relative -top-[13px] n19iv wq0mu pal0s dark:text-neutral-500">3 PM</span></div> <div class="f2107 wsw3n uajb4"><span class="relative -top-[13px] n19iv wq0mu pal0s dark:text-neutral-500">4 PM</span></div> <div class="f2107 wsw3n uajb4"><span class="relative -top-[13px] n19iv wq0mu pal0s dark:text-neutral-500">5 PM</span></div> <div class="f2107 wsw3n uajb4"><span class="relative -top-[13px] n19iv wq0mu pal0s dark:text-neutral-500">6 PM</span></div> <div class="f2107 wsw3n uajb4"><span class="relative -top-[13px] n19iv wq0mu pal0s dark:text-neutral-500">7 PM</span></div> <div class="f2107 wsw3n uajb4"><span class="relative -top-[13px] n19iv wq0mu pal0s dark:text-neutral-500">8 PM</span></div> <div class="f2107 wsw3n uajb4"><span class="relative -top-[13px] n19iv wq0mu pal0s dark:text-neutral-500">9 PM</span></div> <div class="f2107 wsw3n uajb4"><span class="relative -top-[13px] n19iv wq0mu pal0s dark:text-neutral-500">10 PM</span></div> <div class="f2107 wsw3n uajb4"><span class="relative -top-[13px] n19iv wq0mu pal0s dark:text-neutral-500">11 PM</span></div> </div> <!-- End Timeline --> <div class="relative ewvyg ytii2 scwsh wv197 dark:border-neutral-500"> <div class="absolute wmdx4 x0wu9 t7elg lmuus mgm8o tp5y7 xt2fk n3nzi kneuu g3b8o uwmec s6w1j m9e4o"></div> <div class="relative wsw3n la8pn puep4 k8w5x xwttl wvb4r n3nzi dph9u k7ngk yag8y dark:after:border-neutral-700"> <div class="ewvyg bgogn"> </div> </div> <div class="relative wsw3n la8pn puep4 k8w5x xwttl wvb4r n3nzi dph9u k7ngk yag8y dark:after:border-neutral-700"> <div class="ewvyg bgogn"> </div> </div> <div class="relative wsw3n la8pn puep4 k8w5x xwttl wvb4r n3nzi dph9u k7ngk yag8y dark:after:border-neutral-700"> <div class="ewvyg bgogn"> <button type="button" class="sslcy bld8k relative lmuus qaxp8 flex vf6o6 zxe8z rfvhp lyh9m dm41y bqo3s fa0ty yi1st odr2u dark:bg-neutral-800 dark:before:absolute dark:before:inset-0 dark:before:bg-sky-800/20 dark:before:rounded-e dark:focus:before:bg-sky-800/30 dark:text-sky-500" data-hs-overlay="#hs-pro-clee"> <span class="block rozsb truncate"> <s>Binge-Watch</s> </span> </button> </div> </div> <div class="relative wsw3n la8pn puep4 k8w5x xwttl wvb4r n3nzi dph9u k7ngk yag8y dark:after:border-neutral-700"> <div class="ewvyg bgogn"> </div> </div> <div class="relative wsw3n la8pn puep4 k8w5x xwttl wvb4r n3nzi dph9u k7ngk yag8y dark:after:border-neutral-700"> <div class="ewvyg bgogn"> <button type="button" class="sslcy bld8k relative lmuus qaxp8 ly3m4 flex vf6o6 zxe8z ac22f d6bnv vpch8 bqo3s fa0ty bxl1r odr2u dark:bg-neutral-800 dark:before:absolute dark:before:inset-0 dark:before:bg-green-800/20 dark:before:rounded-e dark:focus:before:bg-green-800/30 dark:text-green-500" data-hs-overlay="#hs-pro-clee"> <span class="block truncate"> <span class="block rozsb truncate">Preline Q1 tasks review</span> <span class="block truncate">5 - 6AM</span> </span> </button> </div> </div> <div class="relative wsw3n la8pn puep4 k8w5x xwttl wvb4r n3nzi dph9u k7ngk yag8y dark:after:border-neutral-700"> <div class="ewvyg bgogn"> </div> </div> <div class="relative wsw3n la8pn puep4 k8w5x xwttl wvb4r n3nzi dph9u k7ngk yag8y dark:after:border-neutral-700"> <div class="ewvyg bgogn"> </div> </div> <div class="relative wsw3n la8pn puep4 k8w5x xwttl wvb4r n3nzi dph9u k7ngk yag8y dark:after:border-neutral-700"> <div class="ewvyg bgogn"> </div> </div> <div class="relative wsw3n la8pn puep4 k8w5x xwttl wvb4r n3nzi dph9u k7ngk yag8y dark:after:border-neutral-700"> <div class="ewvyg bgogn"> </div> </div> <div class="relative wsw3n la8pn puep4 k8w5x xwttl wvb4r n3nzi dph9u k7ngk yag8y dark:after:border-neutral-700"> <div class="ewvyg bgogn"> <button type="button" class="sslcy bld8k relative lmuus qaxp8 ly3m4 flex vf6o6 zxe8z okqng tw8ac t6nb8 bqo3s fa0ty d3vo8 odr2u dark:bg-neutral-800 dark:before:absolute dark:before:inset-0 dark:before:bg-pink-800/20 dark:before:rounded-e dark:focus:before:bg-pink-800/30 dark:text-pink-500" data-hs-overlay="#hs-pro-clee"> <span class="block truncate"> <span class="block rozsb truncate">Searchbox</span> <span class="block truncate">9 - 10AM</span> </span> </button> </div> </div> <div class="relative wsw3n la8pn puep4 k8w5x xwttl wvb4r n3nzi dph9u k7ngk yag8y dark:after:border-neutral-700"> <div class="ewvyg bgogn"> </div> </div> <div class="relative wsw3n la8pn puep4 k8w5x xwttl wvb4r n3nzi dph9u k7ngk yag8y dark:after:border-neutral-700"> <div class="ewvyg bgogn"> </div> </div> <div class="relative wsw3n la8pn puep4 k8w5x xwttl wvb4r n3nzi dph9u k7ngk yag8y dark:after:border-neutral-700"> <div class="ewvyg bgogn"> </div> </div> <div class="relative wsw3n la8pn puep4 k8w5x xwttl wvb4r n3nzi dph9u k7ngk yag8y dark:after:border-neutral-700"> <div class="ewvyg bgogn"> <button type="button" class="sslcy bld8k relative lmuus qaxp8 ly3m4 flex vf6o6 zxe8z tvmdl z0gi6 zopwn bqo3s fa0ty g6jyk odr2u dark:bg-neutral-800 dark:before:absolute dark:before:inset-0 dark:before:bg-orange-800/20 dark:before:rounded-e dark:focus:before:bg-orange-800/30 dark:text-orange-500" data-hs-overlay="#hs-pro-clee"> <span class="block truncate"> <span class="block rozsb truncate">Marketing Discussion</span> <span class="block truncate">Zoom Meeting</span> </span> </button> </div> </div> <div class="relative wsw3n la8pn puep4 k8w5x xwttl wvb4r n3nzi dph9u k7ngk yag8y dark:after:border-neutral-700"> <div class="ewvyg bgogn"> </div> </div> <div class="relative wsw3n la8pn puep4 k8w5x xwttl wvb4r n3nzi dph9u k7ngk yag8y dark:after:border-neutral-700"> <div class="ewvyg bgogn"> </div> </div> <div class="relative wsw3n la8pn puep4 k8w5x xwttl wvb4r n3nzi dph9u k7ngk yag8y dark:after:border-neutral-700"> <div class="ewvyg bgogn"> </div> </div> <div class="relative wsw3n la8pn puep4 k8w5x xwttl wvb4r n3nzi dph9u k7ngk yag8y dark:after:border-neutral-700"> <div class="ewvyg bgogn"> <button type="button" class="sslcy bld8k relative lmuus qaxp8 flex vf6o6 zxe8z ppf5n byl12 bmekf bqo3s fa0ty g6n80 odr2u dark:bg-neutral-800 dark:before:absolute dark:before:inset-0 dark:before:bg-yellow-800/20 dark:before:rounded-e dark:focus:before:bg-yellow-800/30 dark:text-yellow-500" data-hs-overlay="#hs-pro-clee"> <span class="block truncate"> <span class="block rozsb truncate">Review Preline Figma</span> <span class="block truncate">6 - 6:30PM</span> </span> </button> <button type="button" class="sslcy bld8k relative lmuus qaxp8 flex vf6o6 zxe8z rfvhp lyh9m dm41y bqo3s fa0ty yi1st odr2u dark:bg-neutral-800 dark:before:absolute dark:before:inset-0 dark:before:bg-sky-800/20 dark:before:rounded-e dark:focus:before:bg-sky-800/30 dark:text-sky-500" data-hs-overlay="#hs-pro-clee"> <span class="block truncate"> <span class="block rozsb truncate">Figma Optimization w/ Jacob</span> <span class="block truncate">6:45 - 7:15PM</span> </span> </button> </div> </div> <div class="relative wsw3n la8pn puep4 k8w5x xwttl wvb4r n3nzi dph9u k7ngk yag8y dark:after:border-neutral-700"> <div class="ewvyg bgogn"> </div> </div> <div class="relative wsw3n la8pn puep4 k8w5x xwttl wvb4r n3nzi dph9u k7ngk yag8y dark:after:border-neutral-700"> <div class="ewvyg bgogn"> </div> </div> <div class="relative wsw3n la8pn puep4 k8w5x xwttl wvb4r n3nzi dph9u k7ngk yag8y dark:after:border-neutral-700"> <div class="ewvyg bgogn"> </div> </div> <div class="relative wsw3n la8pn puep4 k8w5x xwttl wvb4r n3nzi dph9u k7ngk yag8y dark:after:border-neutral-700"> <div class="ewvyg bgogn"> </div> </div> <div class="relative wsw3n la8pn puep4 k8w5x xwttl wvb4r n3nzi dph9u k7ngk yag8y dark:after:border-neutral-700"> <div class="ewvyg bgogn"> </div> </div> <div class="relative wsw3n la8pn puep4 k8w5x xwttl wvb4r n3nzi dph9u k7ngk yag8y dark:after:border-neutral-700"> <div class="ewvyg bgogn"> </div> </div> </div> </div> </div> </div> <!-- End Calendar --> </main> <!-- ========== END MAIN CONTENT ========== --> <!-- ========== SECONDARY SIDEBAR ========== --> <aside id="hs-pro-secondary-sidebar" class="hs-overlay [--auto-close:xl] hs-overlay-open:translate-x-0 fhtom g22ra hbz7g c6bbk hidden fixed jgfbh celeo fopbl temqr u2am9 m9vu4 qzo29 kq7zk pg68q qzwv3 up3qg dark:bg-neutral-800 dark:border-neutral-700" tabindex="-1" aria-label="Secondary Sidebar"> <div class="ly3m4 flex"> <div class="zput9 scwsh kq7zk dark:border-neutral-700"> <div class="bdby8 ly3m4 bgcuw zq2x8 oasqe c7c11 iz02v dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500"> <!-- Search --> <div class="cr73y qaxp8"> <div class="relative"> <div class="absolute cn1sr b5lzs -translate-y-1/2"> <svg class="h21yx towde pal0s 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"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.3-4.3"/></svg> <svg class="hidden h21yx towde pal0s dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M15 3v18"/><path d="m8 9 3 3-3 3"/></svg> </div> <input type="text" class="y027u puep4 l34id block qaxp8 kq7zk ngy7c ycht7 bqo3s aqt2b lj756 xp6ug dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400 dark:placeholder:text-neutral-500 dark:focus:ring-neutral-600" placeholder="Search"> </div> </div> <!-- End Search --> <!-- Meetings --> <div class="uawx7 g0aw2"> <div class="cr73y"> <h2 class="f4yq1 bqo3s p9tun dark:text-neutral-200"> No upcoming meeting </h2> </div> </div> <!-- End Meetings --> <div class="vcvf1 kq7zk dark:border-neutral-700"></div> <!-- Set Up --> <div id="set-up" class="g0aw2 jglyo"> <div class="cr73y"> <div class="nszzi flex m0bgt items-center"> <h2 class="f4yq1 bqo3s p9tun dark:text-neutral-200"> Welcome to Preline Calendar </h2> <button type="button" class="flex dry15 items-center dpsu3 ngy7c pal0s aefqe r0fp5 joaod dark:text-neutral-500" data-hs-remove-element="#set-up"> <span class="tliya">Dismiss</span> <svg class="h21yx towde" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg> </button> </div> <p class="bqo3s z1v6e dark:text-neutral-500"> Get ready with 5 simple steps </p> </div> <div class="nc0x2"> <!-- List Group --> <div> <!-- Item --> <div class="g0aw2 flex m0bgt items-center ihu9y"> <div class="s2k2k flex-wrap gul2i bqo3s p9tun dark:text-white"> <span class="f680z flex dry15 items-center g26n6 p9tun lli30 dark:bg-neutral-600 dark:text-neutral-200"> <svg class="h21yx ba0km" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg> <span class="tliya wq0mu ">1</span> </span> <s class="zuutc pal0s dark:text-neutral-500"> Desktop app </s> </div> <div> <button type="button" class="hmhrw k3en6 s2k2k items-center ernqe wq0mu ngy7c efs5t kq7zk m9vu4 p9tun ycht7 um5nz xwjcj c3i4e r0fp5 ckvf9 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" disabled> Download </button> </div> </div> <!-- End Item --> <!-- Item --> <div class="g0aw2 flex m0bgt items-center ihu9y"> <div class="s2k2k flex-wrap gul2i bqo3s p9tun dark:text-white"> <span class="f680z flex dry15 items-center efs5t sx2o3 wv197 z1v6e lli30 dark:border-neutral-600 dark:text-neutral-400"> <span class="wq0mu ">2</span> </span> <span class="zuutc"> Event notifications </span> </div> <div> <button type="button" class="hmhrw k3en6 s2k2k items-center ernqe wq0mu ngy7c efs5t kq7zk m9vu4 p9tun ycht7 um5nz xwjcj c3i4e r0fp5 ckvf9 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" > Enable </button> </div> </div> <!-- End Item --> <!-- Item --> <div class="g0aw2 flex m0bgt items-center ihu9y"> <div class="s2k2k flex-wrap gul2i bqo3s p9tun dark:text-white"> <span class="f680z flex dry15 items-center g26n6 p9tun lli30 dark:bg-neutral-600 dark:text-neutral-200"> <svg class="h21yx ba0km" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg> <span class="tliya wq0mu ">3</span> </span> <s class="zuutc pal0s dark:text-neutral-500"> Calendar accounts </s> </div> <div> <button type="button" class="hmhrw k3en6 s2k2k items-center ernqe wq0mu ngy7c efs5t kq7zk m9vu4 p9tun ycht7 um5nz xwjcj c3i4e r0fp5 ckvf9 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" disabled> Connect </button> </div> </div> <!-- End Item --> <!-- Item --> <div class="g0aw2 flex m0bgt items-center ihu9y"> <div class="s2k2k flex-wrap gul2i bqo3s p9tun dark:text-white"> <span class="f680z flex dry15 items-center efs5t sx2o3 wv197 z1v6e lli30 dark:border-neutral-600 dark:text-neutral-400"> <span class="wq0mu ">4</span> </span> <span class="zuutc"> Preline workspace </span> </div> <div> <button type="button" class="hmhrw k3en6 s2k2k items-center ernqe wq0mu ngy7c efs5t kq7zk m9vu4 p9tun ycht7 um5nz xwjcj c3i4e r0fp5 ckvf9 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" > Connect </button> </div> </div> <!-- End Item --> <!-- Item --> <div class="g0aw2 flex m0bgt items-center ihu9y"> <div class="s2k2k flex-wrap gul2i bqo3s p9tun dark:text-white"> <span class="f680z flex dry15 items-center efs5t sx2o3 wv197 z1v6e lli30 dark:border-neutral-600 dark:text-neutral-400"> <span class="wq0mu ">5</span> </span> <span class="zuutc"> Preline database </span> </div> <div> <button type="button" class="hmhrw k3en6 s2k2k items-center ernqe wq0mu ngy7c efs5t kq7zk m9vu4 p9tun ycht7 um5nz xwjcj c3i4e r0fp5 ckvf9 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" > Show </button> </div> </div> <!-- End Item --> </div> <!-- End List Group --> </div> </div> <!-- End Set Up --> <div class="vcvf1 kq7zk dark:border-neutral-700"></div> <!-- Set Up --> <a id="integrations" class="g0aw2 block um5nz dark:hover:bg-neutral-700" href="#"> <div class="g0aw2 a3cw8"> <div class="nszzi"> <h2 class="f4yq1 bqo3s p9tun dark:text-neutral-200"> Browse Calendar Integrations </h2> </div> <p class="bqo3s z1v6e dark:text-neutral-500"> Extend your calendar options even further. </p> <!-- Branding --> <div class="nc0x2 flex dry15 -space-x-2"> <div class="a0c5w flex dry15 items-center m9vu4 efs5t kq7zk lli30 dark:bg-neutral-800 dark:border-neutral-700"> <svg class="h21yx vs0hq" 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> <path d="M8.12839 8.86395H20.0324V15.8079H8.12839V8.86395Z" fill="#107C41"></path> <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> <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> <path d="M20.0324 15.8079H31.9364V22.7519H20.0324V15.8079Z" fill="#107C41"></path> <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="r1r22 dark:fill-neutral-200" fill="currentColor"></path> <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="r1r22 dark:fill-neutral-200" fill="currentColor"></path> <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="r1r22 dark:fill-neutral-200" fill="currentColor"></path> <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="r1r22 dark:fill-neutral-200" fill="currentColor"></path> <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> <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"></path> </svg> </div> <div class="a0c5w flex dry15 items-center m9vu4 efs5t kq7zk lli30 dark:bg-neutral-800 dark:border-neutral-700"> <svg class="h21yx vs0hq" 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="r1r22 dark:fill-neutral-200" fill="currentColor"></path> <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="r1r22 dark:fill-neutral-200" fill="currentColor"></path> </svg> </div> <div class="a0c5w flex dry15 items-center m9vu4 efs5t kq7zk lli30 dark:bg-neutral-800 dark:border-neutral-700"> <svg class="h21yx vs0hq" width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M11.3333 32C14.2773 32 16.6667 29.6106 16.6667 26.6666V21.3333H11.3333C8.38933 21.3333 6 23.7226 6 26.6666C6 29.6106 8.38933 32 11.3333 32Z" fill="#0ACF83"></path> <path d="M6 16C6 13.056 8.38933 10.6667 11.3333 10.6667H16.6667V21.3334H11.3333C8.38933 21.3334 6 18.944 6 16Z" fill="#A259FF"></path> <path d="M6 5.33333C6 2.38933 8.38933 0 11.3333 0H16.6667V10.6667H11.3333C8.38933 10.6667 6 8.27733 6 5.33333Z" fill="#F24E1E"></path> <path d="M16.6667 0H22C24.944 0 27.3334 2.38933 27.3334 5.33333C27.3334 8.27733 24.944 10.6667 22 10.6667H16.6667V0Z" fill="#FF7262"></path> <path d="M27.3334 16C27.3334 18.944 24.944 21.3334 22 21.3334C19.056 21.3334 16.6667 18.944 16.6667 16C16.6667 13.056 19.056 10.6667 22 10.6667C24.944 10.6667 27.3334 13.056 27.3334 16Z" fill="#1ABCFE"></path> </svg> </div> </div> <!-- End Branding --> </div> </a> <!-- End Set Up --> </div> </div> <!-- Mini Sidebar --> <div class="im91s flex pz3xv items-center srg05 ly3m4 f07vg bdby8"> <div class="ly3m4 bgcuw zq2x8 oasqe c7c11 iz02v dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500"> <div class="flex pz3xv items-center srg05"> <!-- Account --> <button type="button" class="s2k2k dry15 items-center ihu9y lli30 z1v6e tbhem xwjcj c3i4e r0fp5 q8jf0 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200"> <img class="h21yx huxlp s8ma3 lli30" 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> <!-- End Account --> <!-- Button --> <div class="hs-tooltip [--placement:right] ykxda"> <button type="button" class="hs-tooltip-toggle fs5ha s2k2k dry15 items-center dsp0o lli30 efs5t xk8dv z1v6e aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="h21yx ufena" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"> <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="r1r22 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="r1r22 dark:fill-neutral-200" fill="currentColor"/> </svg> </button> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 ykxda absolute wb6jx l2wpd y027u yi4bp bg-gray-900 bqo3s ifji7 hrliy awdil dark:bg-neutral-700" role="tooltip"> Notion </span> </div> <!-- End Button --> <!-- Button --> <div class="hs-tooltip [--placement:right] ykxda"> <button type="button" class="hs-tooltip-toggle fs5ha s2k2k dry15 items-center dsp0o lli30 efs5t xk8dv z1v6e aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="h21yx ufena" width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_11766_122209asdasd21)"> <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_122209asdasd21"> <rect width="32" height="32" fill="white" transform="translate(0.937439)"/> </clipPath> </defs> </svg> </button> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 ykxda absolute wb6jx l2wpd y027u yi4bp bg-gray-900 bqo3s ifji7 hrliy awdil dark:bg-neutral-700" role="tooltip"> Gmail </span> </div> <!-- End Button --> <!-- Button --> <div class="hs-tooltip [--placement:right] ykxda"> <a class="hs-tooltip-toggle fs5ha s2k2k dry15 items-center dsp0o lli30 efs5t xk8dv z1v6e aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#"> <svg class="h21yx ufena" xmlns="http://www.w3.org/2000/svg" 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> </a> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 ykxda absolute wb6jx l2wpd y027u yi4bp bg-gray-900 bqo3s ifji7 hrliy awdil dark:bg-neutral-700" role="tooltip"> Calendar </span> </div> <!-- End Button --> <!-- Button --> <div class="hs-tooltip [--placement:right] ykxda"> <button type="button" class="hs-tooltip-toggle fs5ha s2k2k dry15 items-center dsp0o lli30 efs5t xk8dv z1v6e aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="h21yx ufena" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z"/><circle cx="12" cy="12" r="3"/></svg> </button> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 ykxda absolute wb6jx l2wpd y027u yi4bp bg-gray-900 bqo3s ifji7 hrliy awdil dark:bg-neutral-700" role="tooltip"> Settings </span> </div> <!-- End Button --> <!-- Button --> <div class="hs-tooltip [--placement:right] ykxda"> <button type="button" class="hs-tooltip-toggle fs5ha s2k2k dry15 items-center dsp0o lli30 efs5t xk8dv z1v6e aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="h21yx ufena" xmlns="http://www.w3.org/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 ykxda absolute wb6jx l2wpd y027u yi4bp bg-gray-900 bqo3s ifji7 hrliy awdil dark:bg-neutral-700" role="tooltip"> Support </span> </div> <!-- End Button --> <div class="vwzxd batcw wv197 dark:border-neutral-600"></div> <!-- Button --> <div class="hs-tooltip [--placement:right] ykxda"> <button type="button" class="hs-tooltip-toggle fs5ha s2k2k dry15 items-center dsp0o lli30 efs5t xk8dv z1v6e aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="h21yx ufena" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg> </button> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 ykxda absolute wb6jx l2wpd y027u yi4bp bg-gray-900 bqo3s ifji7 hrliy awdil dark:bg-neutral-700" role="tooltip"> Get add-ons </span> </div> <!-- End Button --> <!-- Dark Mode --> <button type="button" class="wesz1 block hs-dark-mode lli30 r0fp5 joaod dark:focus:bg-neutral-700" data-hs-theme-click-value="dark"> <span class="group s2k2k h21yx dry15 items-center fs5ha f4yq1 lli30 z1v6e aefqe dark:text-neutral-400 dark:hover:bg-neutral-700"> <svg class="h21yx ufena" xmlns="http://www.w3.org/2000/svg" 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> </button> <button type="button" class="xda6r hidden hs-dark-mode lli30 r0fp5 joaod dark:focus:bg-neutral-700" data-hs-theme-click-value="light"> <span class="group s2k2k h21yx dry15 items-center fs5ha f4yq1 lli30 z1v6e aefqe dark:text-neutral-400 dark:hover:bg-neutral-700"> <svg class="h21yx ufena" xmlns="http://www.w3.org/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> </span> </button> <!-- End Dark Mode --> </div> </div> </div> <!-- End Mini Sidebar --> </div> </aside> <!-- ========== END SECONDARY SIDEBAR ========== --> <!-- Calendar Create Event Modal --> <div id="hs-pro-clce" class="hs-overlay hidden ewvyg fixed fopbl x0wu9 rpylz apqjg [--close-when-click-inside:true] xt2fk" role="dialog" tabindex="-1" aria-labelledby="hs-pro-clce-label"> <div class="hs-overlay-open:mt-7 hs-overlay-open:opacity-100 hs-overlay-open:duration-500 ftdwh opacity-0 oviqp g22ra tbpgf ppfkn crpye ubyl1 h-[calc(100%-3.5rem)] min-h-[calc(100%-3.5rem)] flex items-center"> <div class="qaxp8 f07vg flex pz3xv m9vu4 dxf1r fpj7t shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] dark:shadow-[0_10px_40px_10px_rgba(0,0,0,0.2)] dark:bg-neutral-800"> <!-- Header --> <div class="pykdd iwwvx flex m0bgt items-center vcvf1 dark:border-neutral-700"> <h3 id="hs-pro-clce-label" class="f4yq1 p9tun dark:text-neutral-200"> Create event </h3> <button type="button" class="a0c5w s2k2k dry15 items-center dsp0o lli30 efs5t xk8dv ac0xq p9tun aefqe xwjcj c3i4e r0fp5 joaod 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-clce"> <span class="tliya">Close</span> <svg class="h21yx ufena" xmlns="http://www.w3.org/2000/svg" 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-modal-create-event" class="bgcuw zq2x8 oasqe c7c11 iz02v dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500"> <div class="u3doq cwicw"> <!-- Event List --> <div class="i80r8 mq389 wn51l"> <!-- Item --> <div class="lf2i4"> <label for="hs-create-event-title-autoheight-textarea" class="qptmd flex dry15 items-center ernqe ntb30 pal0s dark:text-neutral-500"> <svg class="h21yx ufena" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="4 7 4 4 20 4 20 7"/><line x1="9" x2="15" y1="20" y2="20"/><line x1="12" x2="12" y1="4" y2="20"/></svg> <span class="tliya">Title</span> </label> </div> <div class="mikvi"> <textarea id="hs-create-event-title-autoheight-textarea" class="y027u cr73y block qaxp8 xk8dv ngy7c ntb30 ejwsa aqt2b bxbr4 xwjcj c3i4e ip2jr actqw esbqm dark:bg-neutral-800 dark:hover:border-neutral-700 dark:text-neutral-200 dark:placeholder:text-neutral-500 dark:focus:bg-neutral-700" rows="1" placeholder="Add title" ></textarea> </div> <!-- End Item --> <!-- Item --> <div class="lf2i4"> <label class="pvx5y flex dry15 items-center ernqe ntb30 pal0s dark:text-neutral-500"> <svg class="h21yx ufena" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg> <span class="tliya">Date & Time:</span> </label> </div> <div class="mikvi"> <div class="bgogn"> <!-- Grid --> <div class="flex yj3ta gkc55 items-center fs0bl co74h"> <div class="qaxp8 glz3h"> <!-- Select --> <div class="relative group"> <select data-hs-select='{ "placeholder": "Start time", "toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>", "toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative y027u es30u xdltm qaxp8 flex dsp0o ifji7 p9tun cursor-pointer m9vu4 efs5t xk8dv ngy7c vf6o6 ntb30 ejwsa hover:focus:border-transparent r0fp5 ip2jr dark:bg-neutral-800 dark:hover:border-neutral-700 dark:text-neutral-200 dark:focus:outline-none dark:focus:bg-neutral-700", "dropdownClasses": "jglyo le6w0 qaxp8 aumt2 lavrb z4ia7 apqjg bgcuw m9vu4 dxf1r shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] zq2x8 oasqe c7c11 iz02v 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 hmhrw viac4 qaxp8 ntb30 p9tun cursor-pointer um5nz ngy7c r0fp5 ip2jr dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800", "optionTemplate": "<div class=\"flex m0bgt items-center qaxp8 \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"h21yx vs0hq p9tun 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-modal-create-event" }' class="hidden"> <option value="">Choose</option> <option>12:00AM</option> <option>12:15AM</option> <option>12:30AM</option> <option>12:45AM</option> <option>1:00AM</option> <option>1:15AM</option> <option>1:30AM</option> <option>1:45AM</option> <option>2:00AM</option> <option>2:15AM</option> <option>2:30AM</option> <option>2:45AM</option> <option>3:00AM</option> <option>3:15AM</option> <option>3:30AM</option> <option>3:45AM</option> <option>4:00AM</option> <option>4:15AM</option> <option>4:30AM</option> <option>4:45AM</option> <option>5:00AM</option> <option>5:15AM</option> <option>5:30AM</option> <option>5:45AM</option> <option>6:00AM</option> <option>6:15AM</option> <option>6:30AM</option> <option>6:45AM</option> <option>7:00AM</option> <option>7:15AM</option> <option>7:30AM</option> <option>7:45AM</option> <option>8:00AM</option> <option>8:15AM</option> <option>8:30AM</option> <option>8:45AM</option> <option>9:00AM</option> <option>9:15AM</option> <option>9:30AM</option> <option>9:45AM</option> <option selected>10:00AM</option> <option>10:15AM</option> <option>10:30AM</option> <option>10:45AM</option> <option>11:00AM</option> <option>11:15AM</option> <option>11:30AM</option> <option>11:45AM</option> <option>12:00PM</option> <option>12:15PM</option> <option>12:30PM</option> <option>12:45PM</option> <option>1:00PM</option> <option>1:15PM</option> <option>1:30PM</option> <option>1:45PM</option> <option>2:00PM</option> <option>2:15PM</option> <option>2:30PM</option> <option>2:45PM</option> <option>3:00PM</option> <option>3:15PM</option> <option>3:30PM</option> <option>3:45PM</option> <option>4:00PM</option> <option>4:15PM</option> <option>4:30PM</option> <option>4:45PM</option> <option>5:00PM</option> <option>5:15PM</option> <option>5:30PM</option> <option>5:45PM</option> <option>6:00PM</option> <option>6:15PM</option> <option>6:30PM</option> <option>6:45PM</option> <option>7:00PM</option> <option>7:15PM</option> <option>7:30PM</option> <option>7:45PM</option> <option>8:00PM</option> <option>8:15PM</option> <option>8:30PM</option> <option>8:45PM</option> <option>9:00PM</option> <option>9:15PM</option> <option>9:30PM</option> <option>9:45PM</option> <option>10:00PM</option> <option>10:15PM</option> <option>10:30PM</option> <option>10:45PM</option> <option>11:00PM</option> <option>11:15PM</option> <option>11:30PM</option> <option>11:45PM</option> </select> <div class="absolute cn1sr rc2yk -translate-y-1/2 opacity-0 i3gqx duwbj"> <svg class="h21yx vs0hq pal0s dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg> </div> </div> <!-- End Select --> </div> <div class="hjqob"> <svg class="h21yx towde huxlp pal0s dark:text-neutral-600" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg> </div> <div class="qaxp8 glz3h"> <!-- Select --> <div class="relative group"> <select data-hs-select='{ "placeholder": "Start time", "toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>", "toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative y027u es30u xdltm qaxp8 flex dsp0o ifji7 p9tun cursor-pointer m9vu4 efs5t xk8dv ngy7c vf6o6 ntb30 ejwsa hover:focus:border-transparent r0fp5 ip2jr dark:bg-neutral-800 dark:hover:border-neutral-700 dark:text-neutral-200 dark:focus:outline-none dark:focus:bg-neutral-700", "dropdownClasses": "jglyo le6w0 qaxp8 aumt2 lavrb z4ia7 apqjg bgcuw m9vu4 dxf1r shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] zq2x8 oasqe c7c11 iz02v 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 hmhrw viac4 qaxp8 ntb30 p9tun cursor-pointer um5nz ngy7c r0fp5 ip2jr dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800", "optionTemplate": "<div class=\"flex m0bgt items-center qaxp8 \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"h21yx vs0hq p9tun 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-modal-create-event" }' class="hidden"> <option value="">Choose</option> <option>12:00AM</option> <option>12:15AM</option> <option>12:30AM</option> <option>12:45AM</option> <option>1:00AM</option> <option>1:15AM</option> <option>1:30AM</option> <option>1:45AM</option> <option>2:00AM</option> <option>2:15AM</option> <option>2:30AM</option> <option>2:45AM</option> <option>3:00AM</option> <option>3:15AM</option> <option>3:30AM</option> <option>3:45AM</option> <option>4:00AM</option> <option>4:15AM</option> <option>4:30AM</option> <option>4:45AM</option> <option>5:00AM</option> <option>5:15AM</option> <option>5:30AM</option> <option>5:45AM</option> <option>6:00AM</option> <option>6:15AM</option> <option>6:30AM</option> <option>6:45AM</option> <option>7:00AM</option> <option>7:15AM</option> <option>7:30AM</option> <option>7:45AM</option> <option>8:00AM</option> <option>8:15AM</option> <option>8:30AM</option> <option>8:45AM</option> <option>9:00AM</option> <option>9:15AM</option> <option>9:30AM</option> <option>9:45AM</option> <option selected>10:00AM</option> <option>10:15AM</option> <option>10:30AM</option> <option>10:45AM</option> <option>11:00AM</option> <option>11:15AM</option> <option>11:30AM</option> <option>11:45AM</option> <option>12:00PM</option> <option>12:15PM</option> <option>12:30PM</option> <option>12:45PM</option> <option>1:00PM</option> <option>1:15PM</option> <option>1:30PM</option> <option>1:45PM</option> <option>2:00PM</option> <option>2:15PM</option> <option>2:30PM</option> <option>2:45PM</option> <option>3:00PM</option> <option>3:15PM</option> <option>3:30PM</option> <option>3:45PM</option> <option>4:00PM</option> <option>4:15PM</option> <option>4:30PM</option> <option>4:45PM</option> <option>5:00PM</option> <option>5:15PM</option> <option>5:30PM</option> <option>5:45PM</option> <option>6:00PM</option> <option>6:15PM</option> <option>6:30PM</option> <option>6:45PM</option> <option>7:00PM</option> <option>7:15PM</option> <option>7:30PM</option> <option>7:45PM</option> <option>8:00PM</option> <option>8:15PM</option> <option>8:30PM</option> <option>8:45PM</option> <option>9:00PM</option> <option>9:15PM</option> <option>9:30PM</option> <option>9:45PM</option> <option>10:00PM</option> <option>10:15PM</option> <option>10:30PM</option> <option>10:45PM</option> <option>11:00PM</option> <option>11:15PM</option> <option>11:30PM</option> <option>11:45PM</option> </select> <div class="absolute cn1sr rc2yk -translate-y-1/2 opacity-0 i3gqx duwbj"> <svg class="h21yx vs0hq pal0s dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg> </div> </div> <!-- End Select --> </div> </div> <!-- End Grid --> <!-- Grid --> <div class="flex yj3ta gkc55 items-center fs0bl co74h"> <div class="qaxp8 glz3h"> <!-- Calendar Dropdown --> <div class="hs-dropdown [--strategy:absolute] [--auto-close:inside] relative s2k2k qaxp8"> <button id="hs-pro-clcremd1" type="button" class="y027u cr73y group s2k2k items-center ernqe qaxp8 vf6o6 ntb30 ngy7c efs5t xk8dv m9vu4 p9tun ejwsa xwjcj c3i4e r0fp5 ip2jr hover:focus:border-transparent dark:bg-neutral-800 dark:text-neutral-200 dark:hover:border-neutral-700 dark:focus:bg-neutral-700" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> Thu, Jan 2024 <svg class="h21yx vs0hq k2n1r pal0s opacity-0 i3gqx duwbj 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> </button> <!-- Dropdown --> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 hvaak transition-[opacity,margin] duration opacity-0 hidden obd5o m9vu4 dxf1r shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] dark:shadow-[0_10px_40px_10px_rgba(0,0,0,0.2)] dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-clcremd1"> <!-- Calendar --> <div class="g0aw2 i80r8 lzrky"> <div class="fmgke "> <!-- Months --> <div class="flex m0bgt items-center fs0bl kl8ix"> <span class="gf9di block bqo3s f4yq1 z1v6e dark:text-neutral-500">January 2024</span> <div class="flex tiner items-center fs0bl"> <button type="button" class="cu201 zxfop flex dry15 items-center z1v6e aefqe tbhem lli30 xwjcj c3i4e r0fp5 joaod dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200" aria-label="Previous"> <svg class="h21yx vs0hq" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m15 18-6-6 6-6"/></svg> </button> <button type="button" class="cu201 zxfop flex dry15 items-center z1v6e aefqe tbhem lli30 xwjcj c3i4e r0fp5 joaod dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200" aria-label="Next"> <svg class="h21yx vs0hq" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg> </button> </div> </div> <!-- Months --> <!-- Weeks --> <div class="flex r6z19"> <span class="cu201 awl1n block a3cw8 wq0mu z1v6e dark:text-neutral-500"> Mo </span> <span class="cu201 awl1n block a3cw8 wq0mu z1v6e dark:text-neutral-500"> Tu </span> <span class="cu201 awl1n block a3cw8 wq0mu z1v6e dark:text-neutral-500"> We </span> <span class="cu201 awl1n block a3cw8 wq0mu z1v6e dark:text-neutral-500"> Th </span> <span class="cu201 awl1n block a3cw8 wq0mu z1v6e dark:text-neutral-500"> Fr </span> <span class="cu201 awl1n block a3cw8 wq0mu z1v6e dark:text-neutral-500"> Sa </span> <span class="cu201 awl1n block a3cw8 wq0mu z1v6e dark:text-neutral-500"> Su </span> </div> <!-- Weeks --> <!-- Days --> <div class="flex"> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 1 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 2 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 3 <span class="absolute lq3ag rhyjt vv4ah uylzq lli30 -translate-x-1/2 dark:bg-blue-500"></span> </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 4 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 5 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 6 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 7 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 8 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 9 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 10 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 11 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center uylzq efs5t xk8dv bqo3s f4yq1 hrliy n81bt lli30 dark:bg-blue-500 xwjcj c3i4e r0fp5 lzdvd dark:hover:border-neutral-700"> 12 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 13 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 14 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 15 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 16 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 17 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 18 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 19 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 20 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 21 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 22 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 23 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 24 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 25 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 26 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 27 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 28 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 29 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 30 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 31 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 1 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 2 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 3 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 4 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 5 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 6 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 7 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 8 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 9 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 10 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 11 </button> </div> </div> <!-- Days --> </div> </div> <!-- End Calendar --> </div> <!-- End Dropdown --> </div> <!-- End Calendar Dropdown --> </div> <div class="hjqob"> <svg class="h21yx towde huxlp pal0s dark:text-neutral-600" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg> </div> <div class="qaxp8 glz3h"> <!-- Calendar Dropdown --> <div class="hs-dropdown [--strategy:absolute] [--auto-close:inside] relative s2k2k qaxp8"> <button id="hs-pro-clcremd2" type="button" class="y027u cr73y group s2k2k items-center ernqe qaxp8 vf6o6 ntb30 ngy7c efs5t xk8dv m9vu4 p9tun ejwsa xwjcj c3i4e r0fp5 ip2jr hover:focus:border-transparent dark:bg-neutral-800 dark:text-neutral-200 dark:hover:border-neutral-700 dark:focus:bg-neutral-700" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> Thu, Jan 2024 <svg class="h21yx vs0hq k2n1r pal0s opacity-0 i3gqx duwbj 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> </button> <!-- Dropdown --> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 hvaak transition-[opacity,margin] duration opacity-0 hidden obd5o m9vu4 dxf1r shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] dark:shadow-[0_10px_40px_10px_rgba(0,0,0,0.2)] dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-clcremd2"> <!-- Calendar --> <div class="g0aw2 i80r8 lzrky"> <div class="fmgke "> <!-- Months --> <div class="flex m0bgt items-center fs0bl kl8ix"> <span class="gf9di block bqo3s f4yq1 z1v6e dark:text-neutral-500">January 2024</span> <div class="flex tiner items-center fs0bl"> <button type="button" class="cu201 zxfop flex dry15 items-center z1v6e aefqe tbhem lli30 xwjcj c3i4e r0fp5 joaod dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200" aria-label="Previous"> <svg class="h21yx vs0hq" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m15 18-6-6 6-6"/></svg> </button> <button type="button" class="cu201 zxfop flex dry15 items-center z1v6e aefqe tbhem lli30 xwjcj c3i4e r0fp5 joaod dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200" aria-label="Next"> <svg class="h21yx vs0hq" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg> </button> </div> </div> <!-- Months --> <!-- Weeks --> <div class="flex r6z19"> <span class="cu201 awl1n block a3cw8 wq0mu z1v6e dark:text-neutral-500"> Mo </span> <span class="cu201 awl1n block a3cw8 wq0mu z1v6e dark:text-neutral-500"> Tu </span> <span class="cu201 awl1n block a3cw8 wq0mu z1v6e dark:text-neutral-500"> We </span> <span class="cu201 awl1n block a3cw8 wq0mu z1v6e dark:text-neutral-500"> Th </span> <span class="cu201 awl1n block a3cw8 wq0mu z1v6e dark:text-neutral-500"> Fr </span> <span class="cu201 awl1n block a3cw8 wq0mu z1v6e dark:text-neutral-500"> Sa </span> <span class="cu201 awl1n block a3cw8 wq0mu z1v6e dark:text-neutral-500"> Su </span> </div> <!-- Weeks --> <!-- Days --> <div class="flex"> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 1 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 2 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 3 <span class="absolute lq3ag rhyjt vv4ah uylzq lli30 -translate-x-1/2 dark:bg-blue-500"></span> </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 4 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 5 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 6 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 7 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 8 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 9 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 10 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 11 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center uylzq efs5t xk8dv bqo3s f4yq1 hrliy n81bt lli30 dark:bg-blue-500 xwjcj c3i4e r0fp5 lzdvd dark:hover:border-neutral-700"> 12 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 13 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 14 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 15 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 16 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 17 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 18 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 19 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 20 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 21 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 22 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 23 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 24 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 25 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 26 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 27 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 28 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 29 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 30 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 31 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 1 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 2 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 3 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 4 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 5 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 6 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 7 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 8 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 9 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 10 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 11 </button> </div> </div> <!-- Days --> </div> </div> <!-- End Calendar --> </div> <!-- End Dropdown --> </div> <!-- End Calendar Dropdown --> </div> </div> <!-- End Grid --> <!-- Grid --> <div class="flex yj3ta gkc55 items-center fs0bl co74h"> <div class="qaxp8 glz3h"> <!-- Switch --> <div class="flex items-center dsp0o y5msh"> <label for="hs-pro-crcemad" class="flex items-center ernqe ntb30 ifji7 p9tun dark:text-neutral-200"> All-Day: </label> <input type="checkbox" id="hs-pro-crcemad" class="relative h21yx f6k69 kgl3m yqyxf ac0xq xk8dv fq13s lli30 cursor-pointer t2tr4 lufa4 is14d aefqe o7vfi esbqm ubvgx xwjcj c3i4e checked:bg-none checked:text-blue-600 checked:border-blue-600 dark:bg-neutral-700 dark:border-neutral-700 dark:checked:bg-blue-500 mgdhi j3cto vclh7 z18uw t1qhx pfmzk s1en8 nosy7 s6hqp kc9wk ipz0b nunmy lfy06 dark:before:bg-neutral-400 dark:checked:before:bg-white"> </div> <!-- End Switch --> </div> <div class="hjqob"> <svg class="opacity-0 h21yx towde huxlp pal0s dark:text-neutral-600" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg> </div> <div class="qaxp8 glz3h"> <!-- Repeat Dropdown --> <div class="hs-dropdown [--strategy:absolute] relative s2k2k qaxp8"> <button id="hs-pro-crcemdid" type="button" class="y027u cr73y group s2k2k items-center ernqe qaxp8 vf6o6 ntb30 ngy7c efs5t xk8dv m9vu4 p9tun ejwsa hover:focus:border-transparent xwjcj c3i4e r0fp5 ip2jr dark:bg-neutral-800 dark:text-neutral-200 dark:hover:border-neutral-700 dark:focus:bg-neutral-700" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> Do not repeat <svg class="h21yx vs0hq k2n1r pal0s opacity-0 i3gqx duwbj 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> </button> <!-- Dropdown --> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 qaxp8 transition-[opacity,margin] duration opacity-0 hidden obd5o m9vu4 dxf1r shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] dark:shadow-[0_10px_40px_10px_rgba(0,0,0,0.2)] dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-crcemdid"> <div class="lavrb z4ia7"> <!-- Radio --> <label for="hs-pro-crcemd1" class="hmhrw cr73y group flex ihu9y ngy7c cursor-pointer ntb30 p9tun um5nz dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <input type="radio" class="hidden" id="hs-pro-crcemd1" name="hs-pro-crcemd" checked> Do not repeat <svg class="h21yx vs0hq zl3j0 k2n1r opacity-0 group-has-[:checked]:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg> </label> <!-- End Radio --> <!-- Radio --> <label for="hs-pro-crcemd2" class="hmhrw cr73y group flex ihu9y ngy7c cursor-pointer ntb30 p9tun um5nz dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <input type="radio" class="hidden" id="hs-pro-crcemd2" name="hs-pro-crcemd"> Every Day <svg class="h21yx vs0hq zl3j0 k2n1r opacity-0 group-has-[:checked]:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg> </label> <!-- End Radio --> <!-- Radio --> <label for="hs-pro-crcemd3" class="hmhrw cr73y group flex ihu9y ngy7c cursor-pointer ntb30 p9tun um5nz dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <input type="radio" class="hidden" id="hs-pro-crcemd3" name="hs-pro-crcemd"> Every Week <svg class="h21yx vs0hq zl3j0 k2n1r opacity-0 group-has-[:checked]:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg> </label> <!-- End Radio --> <!-- Radio --> <label for="hs-pro-crcemd4" class="hmhrw cr73y group flex ihu9y ngy7c cursor-pointer ntb30 p9tun um5nz dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <input type="radio" class="hidden" id="hs-pro-crcemd4" name="hs-pro-crcemd"> Every Year <svg class="h21yx vs0hq zl3j0 k2n1r opacity-0 group-has-[:checked]:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg> </label> <!-- End Radio --> </div> <div class="lavrb batcw kq7zk dark:border-neutral-800"> <button type="button" class="flex items-center ihu9y qaxp8 y027u cr73y awdil ntb30 p9tun um5nz xwjcj c3i4e r0fp5 ip2jr dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-clcre" data-hs-overlay-options='{ "isClosePrev": false }'> Custom </button> </div> </div> <!-- End Dropdown --> </div> <!-- End Repeat Dropdown --> </div> </div> <!-- End Grid --> </div> </div> <!-- End Item --> <!-- Item --> <div class="lf2i4"> <label for="hs-pro-crcemtz" class="lraol flex dry15 items-center ernqe ntb30 pal0s dark:text-neutral-500"> <svg class="h21yx ufena" xmlns="http://www.w3.org/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 class="tliya">Time Zone:</span> </label> </div> <div class="mikvi relative qbul0 fqt49 vwcz4 uj7nx hyb3p before:w-[calc(100%-8px)] o3jwg kufxl dark:before:bg-white/10"> <input id="hs-pro-crcemtz" type="text" class="y027u cr73y block qaxp8 xk8dv ngy7c ntb30 p9tun zuutc ejwsa aqt2b xwjcj c3i4e ip2jr actqw esbqm dark:text-neutral-200 dark:bg-neutral-800 dark:hover:border-neutral-700 dark:text-neutral-200 dark:placeholder:text-neutral-500 dark:focus:bg-neutral-700" placeholder="Time Zone" value="London (GMT+0)"> </div> <!-- End Item --> <!-- Item --> <div class="lf2i4"> <label for="hs-pro-crcemg" class="lraol flex dry15 items-center ernqe ntb30 pal0s dark:text-neutral-500"> <svg class="h21yx ufena" xmlns="http://www.w3.org/2000/svg" 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="tliya">Participants:</span> </label> </div> <div class="mikvi relative qbul0 fqt49 vwcz4 uj7nx hyb3p before:w-[calc(100%-8px)] o3jwg kufxl dark:before:bg-white/10"> <input id="hs-pro-crcemg" type="text" class="y027u cr73y block qaxp8 xk8dv ngy7c ntb30 p9tun zuutc ejwsa aqt2b xwjcj c3i4e ip2jr actqw esbqm dark:text-neutral-200 dark:bg-neutral-800 dark:hover:border-neutral-700 dark:text-neutral-200 dark:placeholder:text-neutral-500 dark:focus:bg-neutral-700" placeholder="Add Participants"> </div> <!-- End Item --> <!-- Item --> <div class="lf2i4"> <label class="lraol flex dry15 items-center ernqe ntb30 pal0s dark:text-neutral-500"> <svg class="h21yx ufena" xmlns="http://www.w3.org/2000/svg" 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 8-6 4 6 4V8Z"/><rect width="14" height="12" x="2" y="6" rx="2" ry="2"/></svg> <span class="tliya">Video Conferencing:</span> </label> </div> <div class="mikvi relative qbul0 fqt49 vwcz4 uj7nx hyb3p before:w-[calc(100%-8px)] o3jwg kufxl dark:before:bg-white/10"> <button type="button" class="group flex flex-wrap items-center dsp0o qaxp8 lavrb es30u tdvxx dlm5o awdil ntb30 p9tun um5nz xwjcj c3i4e r0fp5 ip2jr dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="h21yx ufena" xmlns="http://www.w3.org/2000/svg" width="192" height="192" viewBox="0 0 192 192"><path fill="none" d="M0 0h192v192H0z"/><path fill="#00832D" d="M108 96l17.06 19.5L148 130.16l4-34.03-4-33.28-23.38 12.88z"/><path fill="#0066DA" d="M9 127v29c0 6.63 5.37 12 12 12h29l6-21.92L50 127l-19.9-6L9 127z"/><path fill="#E94235" d="M50 24L9 65l21.1 6L50 65l5.9-18.83z"/><path fill="#2684FC" d="M9 65h41v62H9z"/><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 fill="#FFBA00" d="M136 24H50v41h58v31l40-33.15V36c0-6.63-5.37-12-12-12z"/></svg> Google Meet </button> <button type="button" class="flex flex-wrap items-center dsp0o qaxp8 lavrb es30u tdvxx dlm5o awdil ntb30 tqixq um5nz xwjcj c3i4e r0fp5 ip2jr dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="h21yx ufena" width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M435.2 0H76.8C34.3845 0 0 34.3845 0 76.8V435.2C0 477.615 34.3845 512 76.8 512H435.2C477.615 512 512 477.615 512 435.2V76.8C512 34.3845 477.615 0 435.2 0Z" fill="#2D8CFF"/> <path d="M428 357C436 359 443 355 447 349C449 346 449 341 449 330V179C449 168 449 164 447 160C444 152 436 149 428 152C407 166 361 207 360 224C359.2 227 359.2 232 359.2 239V277C359.2 285 359.2 288 360 292C361 300 364 307 368 311C380 320 420 356 429 356L428 357ZM64 187C64 172 64 164 67 160C69 156 75 152 78 149C82 146 89 146 105 146H234C272 146 291 146 306 154C317 162 329 169 336 184C344 199 344 218 344 256V324C344 339 344 347 341 351C339 355 333 359 330 362C326 365 319 365 303 365H174C136 365 117 365 102 357C91 349 79 342 72 327C64 312 64 293 64 255V187Z" fill="white"/> </svg> Zoom <span class="k2n1r hmhrw k3en6 bqo3s ngy7c efs5t kq7zk m9vu4 p9tun ycht7 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300"> Connect </span> </button> </div> <!-- End Item --> <!-- Item --> <div class="lf2i4"> <label for="hs-create-event-location-autoheight-textarea" class="lraol flex dry15 items-center ernqe ntb30 pal0s dark:text-neutral-500"> <svg class="h21yx ufena" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z"/><circle cx="12" cy="10" r="3"/></svg> <span class="tliya">Location:</span> </label> </div> <div class="mikvi relative qbul0 fqt49 vwcz4 uj7nx hyb3p before:w-[calc(100%-8px)] o3jwg kufxl dark:before:bg-white/10"> <textarea id="hs-create-event-location-autoheight-textarea" class="y027u cr73y block qaxp8 xk8dv ngy7c ntb30 p9tun ejwsa aqt2b bxbr4 xwjcj c3i4e ip2jr actqw esbqm dark:bg-neutral-800 dark:hover:border-neutral-700 dark:text-neutral-200 dark:placeholder:text-neutral-500 dark:focus:bg-neutral-700" rows="1" placeholder="Add Location"></textarea> </div> <!-- End Item --> <!-- Item --> <button type="button" class="hs-collapse-toggle hs-collapse-open:hidden group w353x qaxp8 vf6o6 r0fp5 xwjcj c3i4e dark:before:bg-white/10" id="hs-pro-crcem-add-description-url-attachments-collapse" aria-expanded="false" aria-controls="hs-pro-crcem-add-description-url-attachments" data-hs-collapse="#hs-pro-crcem-add-description-url-attachments"> <span class="i80r8 mq389 wn51l"> <span class="lf2i4"> <span class="lraol flex dry15 items-center ernqe ntb30 pal0s dark:text-neutral-500"> <svg class="h21yx ufena" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="21" x2="3" y1="6" y2="6"/><line x1="15" x2="3" y1="12" y2="12"/><line x1="17" x2="3" y1="18" y2="18"/></svg> </span> </span> <span class="mikvi relative qbul0 fqt49 vwcz4 uj7nx hyb3p before:w-[calc(100%-8px)] o3jwg kufxl dark:before:bg-white/10"> <span class="y027u cr73y block qaxp8 awdil ntb30 p9tun efs5t xk8dv r6vbn h5scg dark:text-neutral-200 dark:group-hover:bg-neutral-700 dark:group-focus:bg-neutral-700"> Add description, URL, or Attachments </span> </span> </span> </button> <!-- End Item --> <!-- Item --> <div id="hs-pro-crcem-add-description-url-attachments" class="wm1l4 hidden w353x qaxp8 apqjg transition-[height] hbz7g" aria-labelledby="hs-pro-crcem-add-description-url-attachments-collapse"> <div class="i80r8 mq389 wn51l"> <!-- Item --> <div class="lf2i4"> <label for="hs-create-event-description-autoheight-textarea" class="lraol flex dry15 items-center ernqe ntb30 pal0s dark:text-neutral-500"> <svg class="h21yx ufena" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="21" x2="3" y1="6" y2="6"/><line x1="15" x2="3" y1="12" y2="12"/><line x1="17" x2="3" y1="18" y2="18"/></svg> <span class="tliya">Description:</span> </label> </div> <div class="mikvi relative qbul0 fqt49 vwcz4 uj7nx hyb3p before:w-[calc(100%-8px)] o3jwg kufxl dark:before:bg-white/10"> <textarea id="hs-create-event-description-autoheight-textarea" class="y027u cr73y block qaxp8 xk8dv ngy7c ntb30 ejwsa aqt2b bxbr4 xwjcj c3i4e ip2jr actqw esbqm dark:bg-neutral-800 dark:hover:border-neutral-700 dark:text-neutral-200 dark:placeholder:text-neutral-500 dark:focus:bg-neutral-700" rows="1" placeholder="Add Description"></textarea> </div> <!-- End Item --> <!-- Item --> <div class="lf2i4"> <label for="hs-pro-crcemurl" class="lraol flex dry15 items-center ernqe ntb30 pal0s dark:text-neutral-500"> <svg class="h21yx ufena" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"/><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"/></svg> <span class="tliya">URL:</span> </label> </div> <div class="mikvi relative qbul0 fqt49 vwcz4 uj7nx hyb3p before:w-[calc(100%-8px)] o3jwg kufxl dark:before:bg-white/10"> <input id="hs-pro-crcemurl" type="text" class="y027u cr73y block qaxp8 xk8dv ngy7c ntb30 p9tun zuutc ejwsa aqt2b xwjcj c3i4e ip2jr actqw esbqm dark:text-neutral-200 dark:bg-neutral-800 dark:hover:border-neutral-700 dark:text-neutral-200 dark:placeholder:text-neutral-500 dark:focus:bg-neutral-700" placeholder="Add URL" > </div> <!-- End Item --> <!-- Item --> <div class="lf2i4"> <label class="lraol flex dry15 items-center ernqe ntb30 pal0s dark:text-neutral-500"> <svg class="h21yx ufena" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l8.57-8.57A4 4 0 1 1 18 8.84l-8.59 8.57a2 2 0 0 1-2.83-2.83l8.49-8.48"/></svg> <span class="tliya">Attachment:</span> </label> </div> <div class="mikvi relative qbul0 fqt49 vwcz4 uj7nx hyb3p before:w-[calc(100%-8px)] o3jwg kufxl dark:before:bg-white/10"> <input type="file" class="vzx5m block qaxp8 ntb30 z1v6e efs5t xk8dv r0fp5 dark:text-neutral-500 aa0g3 y18p0 cdy3e dcsnw g2peb zqpvm jpr0k d2luu wxh8q xo1ly bupry dark:file:bg-neutral-700 dark:file:text-neutral-300 "> </div> <!-- End Item --> </div> </div> <!-- End Item --> <!-- Item --> <div class="lf2i4"> <label class="lraol flex dry15 items-center ernqe ntb30 pal0s dark:text-neutral-500"> <svg class="h21yx ufena" xmlns="http://www.w3.org/2000/svg" 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 class="tliya">Assignee:</span> </label> </div> <div class="mikvi relative qbul0 fqt49 vwcz4 uj7nx hyb3p before:w-[calc(100%-8px)] o3jwg kufxl dark:before:bg-white/10"> <div class="bgogn"> <div class="flex flex-wrap items-center fs0bl"> <div class="i6awo"> <!-- Assignee Dropdown --> <div class="hs-dropdown [--strategy:absolute] relative s2k2k qaxp8"> <button id="hs-pro-crcemaid" type="button" class="y027u cr73y group s2k2k items-center ernqe qaxp8 vf6o6 ntb30 ngy7c efs5t xk8dv m9vu4 p9tun ejwsa hover:focus:border-transparent xwjcj c3i4e r0fp5 ip2jr dark:bg-neutral-800 dark:text-neutral-200 dark:hover:border-neutral-700 dark:focus:bg-neutral-700" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> james@preline.co <svg class="h21yx vs0hq k2n1r pal0s opacity-0 i3gqx duwbj 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> </button> <!-- Dropdown --> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 qaxp8 transition-[opacity,margin] duration opacity-0 hidden obd5o m9vu4 dxf1r shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] dark:shadow-[0_10px_40px_10px_rgba(0,0,0,0.2)] dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-crcemaid"> <div class="lavrb z4ia7"> <span class="vzx5m bqo3s z1v6e dark:text-neutral-400"> james@preline.co </span> <!-- Radio --> <label for="hs-pro-crcema1" class="hmhrw cr73y group flex dsp0o ngy7c cursor-pointer ntb30 p9tun um5nz dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <input type="radio" class="h21yx kq7zk vs0hq zl3j0 lli30 kriqw cursor-pointer o7vfi di1ey dark:bg-neutral-800 dark:text-teal-500 dark:border-neutral-700 dark:checked:bg-teal-500 dark:checked:border-teal-500" id="hs-pro-crcema1" name="hs-pro-crcema" checked> James Collins <svg class="h21yx vs0hq zl3j0 k2n1r opacity-0 group-has-[:checked]:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg> </label> <!-- End Radio --> <!-- Radio --> <label for="hs-pro-crcema2" class="hmhrw cr73y group flex dsp0o ngy7c cursor-pointer ntb30 p9tun um5nz dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <input type="radio" class="h21yx kq7zk vs0hq zl3j0 lli30 f18rh cursor-pointer o7vfi di1ey dark:bg-neutral-800 dark:text-sky-500 dark:border-neutral-700 dark:checked:bg-sky-500 dark:checked:border-sky-500" id="hs-pro-crcema2" name="hs-pro-crcema"> Preline tasks <svg class="h21yx vs0hq zl3j0 k2n1r opacity-0 group-has-[:checked]:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg> </label> <!-- End Radio --> <!-- Radio --> <label for="hs-pro-crcema3" class="hmhrw cr73y group flex dsp0o ngy7c cursor-pointer ntb30 p9tun um5nz dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <input type="radio" class="h21yx kq7zk vs0hq zl3j0 lli30 utinp cursor-pointer o7vfi di1ey dark:bg-neutral-800 dark:text-purple-500 dark:border-neutral-700 dark:checked:bg-purple-500 dark:checked:border-purple-500" id="hs-pro-crcema3" name="hs-pro-crcema"> Performance Tasks <svg class="h21yx vs0hq zl3j0 k2n1r opacity-0 group-has-[:checked]:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg> </label> <!-- End Radio --> </div> <div class="lavrb z4ia7"> <span class="vzx5m bqo3s z1v6e dark:text-neutral-400"> collinsjames@gmail.com </span> <!-- Radio --> <label for="hs-pro-crcema4" class="hmhrw cr73y group flex dsp0o ngy7c cursor-pointer ntb30 p9tun um5nz dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <input type="radio" class="h21yx kq7zk vs0hq zl3j0 lli30 nzdrg cursor-pointer o7vfi di1ey dark:bg-neutral-800 dark:text-pink-500 dark:border-neutral-700 dark:checked:bg-pink-500 dark:checked:border-pink-500" id="hs-pro-crcema4" name="hs-pro-erema"> Holidays <svg class="h21yx vs0hq zl3j0 k2n1r opacity-0 group-has-[:checked]:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg> </label> <!-- End Radio --> </div> </div> <!-- End Dropdown --> </div> <!-- End Assignee Dropdown --> </div> <!-- Assignee Color Dropdown --> <div class="hs-dropdown [--strategy:absolute] [--placement:top-right] relative s2k2k"> <button id="hs-pro-crcemaecid" type="button" class="y027u cr73y group s2k2k items-center ernqe dlm5o vf6o6 ntb30 ngy7c efs5t xk8dv m9vu4 p9tun ejwsa hover:focus:border-transparent xwjcj c3i4e r0fp5 ip2jr dark:bg-neutral-800 dark:text-neutral-200 dark:hover:border-neutral-700 dark:focus:bg-neutral-700" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> <span class="h21yx towde r21bk lli30 dark:bg-green-500"></span> <svg class="h21yx vs0hq k2n1r pal0s opacity-0 i3gqx duwbj 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> </button> <!-- Dropdown --> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 n0c4a transition-[opacity,margin] duration opacity-0 hidden obd5o m9vu4 dxf1r shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] dark:shadow-[0_10px_40px_10px_rgba(0,0,0,0.2)] dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-crcemaecid"> <div class="lavrb z4ia7"> <span class="vzx5m bqo3s z1v6e dark:text-neutral-400"> Event color </span> <!-- Radio --> <label for="hs-pro-crcemaec1" class="hmhrw cr73y group flex dsp0o ngy7c cursor-pointer ntb30 p9tun um5nz dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <input type="radio" class="h21yx kq7zk vs0hq zl3j0 fa0ty xk8dv awnfa cursor-pointer o7vfi di1ey yzr09 vwxe3 checked:bg-red-600 checked:bg-none checked:hover:bg-red-600 dark:bg-red-500 dark:focus:text-red-500 dark:checked:hover:bg-red-500" id="hs-pro-crcemaec1" name="hs-pro-crcemaec"> Red <svg class="h21yx vs0hq zl3j0 k2n1r opacity-0 group-has-[:checked]:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg> </label> <!-- End Radio --> <!-- Radio --> <label for="hs-pro-crcemaec2" class="hmhrw cr73y group flex dsp0o ngy7c cursor-pointer ntb30 p9tun um5nz dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <input type="radio" class="h21yx kq7zk vs0hq zl3j0 fa0ty xk8dv ggrsa cursor-pointer o7vfi di1ey jxxsp isrf5 checked:bg-orange-600 checked:bg-none checked:hover:bg-orange-600 dark:bg-orange-500 dark:focus:text-orange-500 dark:checked:hover:bg-orange-500" id="hs-pro-crcemaec2" name="hs-pro-crcemaec"> Orange <svg class="h21yx vs0hq zl3j0 k2n1r opacity-0 group-has-[:checked]:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg> </label> <!-- End Radio --> <!-- Radio --> <label for="hs-pro-crcemaec3" class="hmhrw cr73y group flex dsp0o ngy7c cursor-pointer ntb30 p9tun um5nz dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <input type="radio" class="h21yx kq7zk vs0hq zl3j0 fa0ty xk8dv b1z56 cursor-pointer o7vfi di1ey etgjk mc3uk checked:bg-yellow-400 checked:bg-none checked:hover:bg-yellow-400 dark:bg-yellow-500 dark:focus:text-yellow-500 dark:checked:hover:bg-yellow-500" id="hs-pro-crcemaec3" name="hs-pro-crcemaec"> Yellow <svg class="h21yx vs0hq zl3j0 k2n1r opacity-0 group-has-[:checked]:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg> </label> <!-- End Radio --> <!-- Radio --> <label for="hs-pro-crcemaec4" class="hmhrw cr73y group flex dsp0o ngy7c cursor-pointer ntb30 p9tun um5nz dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <input type="radio" class="h21yx kq7zk vs0hq zl3j0 fa0ty xk8dv r21bk cursor-pointer o7vfi di1ey go3tq r10g0 checked:bg-green-600 checked:bg-none checked:hover:bg-green-600 dark:bg-green-500 dark:focus:text-green-500 dark:checked:hover:bg-green-500" id="hs-pro-crcemaec4" name="hs-pro-crcemaec" checked> Green <svg class="h21yx vs0hq zl3j0 k2n1r opacity-0 group-has-[:checked]:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg> </label> <!-- End Radio --> <!-- Radio --> <label for="hs-pro-crcemaec5" class="hmhrw cr73y group flex dsp0o ngy7c cursor-pointer ntb30 p9tun um5nz dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <input type="radio" class="h21yx kq7zk vs0hq zl3j0 fa0ty xk8dv dszwx cursor-pointer o7vfi di1ey ftiy2 ybapm checked:bg-sky-600 checked:bg-none checked:hover:bg-sky-600 dark:bg-sky-500 dark:focus:text-sky-500 dark:checked:hover:bg-sky-500" id="hs-pro-crcemaec5" name="hs-pro-crcemaec"> Blue <svg class="h21yx vs0hq zl3j0 k2n1r opacity-0 group-has-[:checked]:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg> </label> <!-- End Radio --> <!-- Radio --> <label for="hs-pro-crcemaec6" class="hmhrw cr73y group flex dsp0o ngy7c cursor-pointer ntb30 p9tun um5nz dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <input type="radio" class="h21yx kq7zk vs0hq zl3j0 fa0ty xk8dv grblf cursor-pointer o7vfi di1ey nmtj6 f14h2 checked:bg-pink-600 checked:bg-none checked:hover:bg-pink-600 dark:bg-pink-500 dark:focus:text-pink-500 dark:checked:hover:bg-pink-500" id="hs-pro-crcemaec6" name="hs-pro-crcemaec"> Pink <svg class="h21yx vs0hq zl3j0 k2n1r opacity-0 group-has-[:checked]:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg> </label> <!-- End Radio --> <!-- Radio --> <label for="hs-pro-crcemaec7" class="hmhrw cr73y group flex dsp0o ngy7c cursor-pointer ntb30 p9tun um5nz dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <input type="radio" class="h21yx kq7zk vs0hq zl3j0 fa0ty xk8dv r2fwe cursor-pointer o7vfi di1ey aua8n wmpb2 checked:bg-gray-300 checked:bg-none checked:hover:bg-gray-300 dark:bg-neutral-500 dark:focus:text-neutral-500 dark:checked:hover:bg-gray-500" id="hs-pro-crcemaec7" name="hs-pro-crcemaec"> Gray <svg class="h21yx vs0hq zl3j0 k2n1r opacity-0 group-has-[:checked]:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg> </label> <!-- End Radio --> </div> </div> <!-- End Dropdown --> </div> <!-- End Assignee Color Dropdown --> </div> <!-- Grid --> <div class="i80r8 wt0nu items-center dsp0o"> <!-- Select --> <div class="relative group"> <select data-hs-select='{ "placeholder": "Availability", "toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>", "toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative y027u cr73y qaxp8 flex dsp0o ifji7 p9tun cursor-pointer m9vu4 efs5t xk8dv ngy7c vf6o6 ntb30 ejwsa hover:focus:border-transparent r0fp5 ip2jr dark:bg-neutral-800 dark:hover:border-neutral-700 dark:text-neutral-200 dark:focus:outline-none dark:focus:bg-neutral-700", "dropdownClasses": "jglyo le6w0 qaxp8 aumt2 lavrb z4ia7 apqjg bgcuw m9vu4 dxf1r shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] zq2x8 oasqe c7c11 iz02v 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 hmhrw viac4 qaxp8 ntb30 p9tun cursor-pointer um5nz ngy7c r0fp5 ip2jr dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800", "optionTemplate": "<div class=\"flex m0bgt items-center qaxp8 \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"h21yx vs0hq p9tun 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-modal-create-event" }' class="hidden"> <option value="">Choose</option> <option selected>Busy</option> <option>Free</option> </select> <div class="absolute cn1sr rc2yk -translate-y-1/2 opacity-0 i3gqx duwbj"> <svg class="h21yx vs0hq pal0s dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg> </div> </div> <!-- End Select --> <!-- Select --> <div class="relative group"> <select data-hs-select='{ "placeholder": "Visibility", "toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>", "toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative y027u cr73y qaxp8 flex dsp0o ifji7 p9tun cursor-pointer m9vu4 efs5t xk8dv ngy7c vf6o6 ntb30 ejwsa hover:focus:border-transparent r0fp5 ip2jr dark:bg-neutral-800 dark:hover:border-neutral-700 dark:text-neutral-200 dark:focus:outline-none dark:focus:bg-neutral-700", "dropdownClasses": "jglyo le6w0 qaxp8 aumt2 lavrb z4ia7 apqjg bgcuw m9vu4 dxf1r shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] zq2x8 oasqe c7c11 iz02v 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 hmhrw viac4 qaxp8 ntb30 p9tun cursor-pointer um5nz ngy7c r0fp5 ip2jr dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800", "optionTemplate": "<div class=\"flex m0bgt items-center qaxp8 \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"h21yx vs0hq p9tun 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-modal-create-event" }' class="hidden"> <option value="">Choose</option> <option selected>Default visibility</option> <option>Private</option> <option>Public</option> </select> <div class="absolute cn1sr rc2yk -translate-y-1/2 opacity-0 i3gqx duwbj"> <svg class="h21yx vs0hq pal0s dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg> </div> </div> <!-- End Select --> </div> <!-- End Grid --> </div> </div> <!-- End Item --> <!-- Item --> <div class="lf2i4"> <label class="lraol flex dry15 items-center ernqe ntb30 pal0s dark:text-neutral-500"> <svg class="h21yx ufena" xmlns="http://www.w3.org/2000/svg" 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="tliya">Reminders:</span> </label> </div> <div class="mikvi relative qbul0 fqt49 vwcz4 uj7nx hyb3p before:w-[calc(100%-8px)] o3jwg kufxl dark:before:bg-white/10"> <!-- Select --> <div class="relative group"> <select data-hs-select='{ "placeholder": "Reminders", "toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>", "toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative y027u cr73y qaxp8 flex dsp0o ifji7 p9tun cursor-pointer m9vu4 efs5t xk8dv ngy7c vf6o6 ntb30 ejwsa hover:focus:border-transparent r0fp5 ip2jr dark:bg-neutral-800 dark:hover:border-neutral-700 dark:text-neutral-200 dark:focus:outline-none dark:focus:bg-neutral-700", "dropdownClasses": "jglyo le6w0 qaxp8 aumt2 lavrb z4ia7 apqjg bgcuw m9vu4 dxf1r shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] zq2x8 oasqe c7c11 iz02v 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 hmhrw viac4 qaxp8 ntb30 p9tun cursor-pointer um5nz ngy7c r0fp5 ip2jr dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800", "optionTemplate": "<div class=\"flex m0bgt items-center qaxp8 \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"h21yx vs0hq p9tun 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-modal-create-event" }' class="hidden"> <option value="">Choose</option> <option>At the start of event</option> <option>5 min before</option> <option>10 min before</option> <option selected>30 min before</option> <option>1 hour before</option> </select> <div class="absolute cn1sr rc2yk -translate-y-1/2 opacity-0 i3gqx duwbj"> <svg class="h21yx vs0hq pal0s dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg> </div> </div> <!-- End Select --> </div> <!-- End Item --> </div> <!-- End Event List --> </div> </div> <!-- End Body --> <!-- Footer --> <div class="bdby8 iwwvx batcw kq7zk dark:border-neutral-700"> <div class="i6awo flex tiner items-center wn51l"> <button type="button" class="bdby8 viac4 ifji7 s2k2k dry15 items-center vf6o6 m9vu4 efs5t kq7zk p9tun pdak6 f4yq1 awdil ycht7 u0d52 r73cx xwjcj c3i4e 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-clce"> Cancel </button> <button type="button" class="bdby8 viac4 ifji7 s2k2k dry15 items-center dsp0o vf6o6 uylzq efs5t mwycc hrliy pdak6 f4yq1 awdil ycht7 u0d52 wa7ya xwjcj c3i4e r0fp5 sl5v4 kglp6 dark:focus:ring-blue-500" data-hs-overlay="#hs-pro-clce"> Create event </button> </div> </div> <!-- End Footer --> </div> </div> </div> <!-- End Calendar Create Event Modal --> <!-- Calendar Edit Event Modal --> <div id="hs-pro-clee" class="hs-overlay hidden ewvyg fixed fopbl x0wu9 rpylz apqjg [--close-when-click-inside:true] xt2fk" role="dialog" tabindex="-1" aria-labelledby="hs-pro-clee-label"> <div class="hs-overlay-open:mt-7 hs-overlay-open:opacity-100 hs-overlay-open:duration-500 ftdwh opacity-0 oviqp g22ra tbpgf ppfkn crpye ubyl1 h-[calc(100%-3.5rem)] min-h-[calc(100%-3.5rem)] flex items-center"> <div class="qaxp8 f07vg flex pz3xv m9vu4 dxf1r fpj7t shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] dark:shadow-[0_10px_40px_10px_rgba(0,0,0,0.2)] dark:bg-neutral-800"> <!-- Header --> <div class="pykdd iwwvx flex m0bgt items-center vcvf1 dark:border-neutral-700"> <h3 id="hs-pro-clee-label" class="f4yq1 p9tun dark:text-neutral-200"> Edit event </h3> <button type="button" class="a0c5w s2k2k dry15 items-center dsp0o lli30 efs5t xk8dv ac0xq p9tun aefqe xwjcj c3i4e r0fp5 joaod 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-clee"> <span class="tliya">Close</span> <svg class="h21yx ufena" xmlns="http://www.w3.org/2000/svg" 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-modal-edit-event" class="bgcuw zq2x8 oasqe c7c11 iz02v dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500"> <div class="u3doq cwicw"> <!-- Event List --> <div class="i80r8 mq389 wn51l"> <!-- Item --> <div class="lf2i4"> <label for="hs-edit-event-title-autoheight-textarea" class="qptmd flex dry15 items-center ernqe ntb30 pal0s dark:text-neutral-500"> <svg class="h21yx ufena" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="4 7 4 4 20 4 20 7"/><line x1="9" x2="15" y1="20" y2="20"/><line x1="12" x2="12" y1="4" y2="20"/></svg> <span class="tliya">Title</span> </label> </div> <div class="mikvi"> <textarea id="hs-edit-event-title-autoheight-textarea" class="y027u cr73y block qaxp8 xk8dv ngy7c ntb30 ejwsa aqt2b bxbr4 xwjcj c3i4e ip2jr actqw esbqm dark:bg-neutral-800 dark:hover:border-neutral-700 dark:text-neutral-200 dark:placeholder:text-neutral-500 dark:focus:bg-neutral-700" rows="1" placeholder="Add title" >Preline Q1 tasks review</textarea> </div> <!-- End Item --> <!-- Item --> <div class="lf2i4"> <label class="pvx5y flex dry15 items-center ernqe ntb30 pal0s dark:text-neutral-500"> <svg class="h21yx ufena" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg> <span class="tliya">Date & Time:</span> </label> </div> <div class="mikvi"> <div class="bgogn"> <!-- Grid --> <div class="flex yj3ta gkc55 items-center fs0bl co74h"> <div class="qaxp8 glz3h"> <!-- Select --> <div class="relative group"> <select data-hs-select='{ "placeholder": "Start time", "toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>", "toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative y027u es30u xdltm qaxp8 flex dsp0o ifji7 p9tun cursor-pointer m9vu4 efs5t xk8dv ngy7c vf6o6 ntb30 ejwsa hover:focus:border-transparent r0fp5 ip2jr dark:bg-neutral-800 dark:hover:border-neutral-700 dark:text-neutral-200 dark:focus:outline-none dark:focus:bg-neutral-700", "dropdownClasses": "jglyo le6w0 qaxp8 aumt2 lavrb z4ia7 apqjg bgcuw m9vu4 dxf1r shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] zq2x8 oasqe c7c11 iz02v 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 hmhrw viac4 qaxp8 ntb30 p9tun cursor-pointer um5nz ngy7c r0fp5 ip2jr dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800", "optionTemplate": "<div class=\"flex m0bgt items-center qaxp8 \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"h21yx vs0hq p9tun 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-modal-edit-event" }' class="hidden"> <option value="">Choose</option> <option>12:00AM</option> <option>12:15AM</option> <option>12:30AM</option> <option>12:45AM</option> <option>1:00AM</option> <option>1:15AM</option> <option>1:30AM</option> <option>1:45AM</option> <option>2:00AM</option> <option>2:15AM</option> <option>2:30AM</option> <option>2:45AM</option> <option>3:00AM</option> <option>3:15AM</option> <option>3:30AM</option> <option>3:45AM</option> <option>4:00AM</option> <option>4:15AM</option> <option>4:30AM</option> <option>4:45AM</option> <option>5:00AM</option> <option>5:15AM</option> <option>5:30AM</option> <option>5:45AM</option> <option>6:00AM</option> <option>6:15AM</option> <option>6:30AM</option> <option>6:45AM</option> <option>7:00AM</option> <option>7:15AM</option> <option>7:30AM</option> <option>7:45AM</option> <option>8:00AM</option> <option>8:15AM</option> <option>8:30AM</option> <option>8:45AM</option> <option>9:00AM</option> <option>9:15AM</option> <option>9:30AM</option> <option>9:45AM</option> <option selected>10:00AM</option> <option>10:15AM</option> <option>10:30AM</option> <option>10:45AM</option> <option>11:00AM</option> <option>11:15AM</option> <option>11:30AM</option> <option>11:45AM</option> <option>12:00PM</option> <option>12:15PM</option> <option>12:30PM</option> <option>12:45PM</option> <option>1:00PM</option> <option>1:15PM</option> <option>1:30PM</option> <option>1:45PM</option> <option>2:00PM</option> <option>2:15PM</option> <option>2:30PM</option> <option>2:45PM</option> <option>3:00PM</option> <option>3:15PM</option> <option>3:30PM</option> <option>3:45PM</option> <option>4:00PM</option> <option>4:15PM</option> <option>4:30PM</option> <option>4:45PM</option> <option>5:00PM</option> <option>5:15PM</option> <option>5:30PM</option> <option>5:45PM</option> <option>6:00PM</option> <option>6:15PM</option> <option>6:30PM</option> <option>6:45PM</option> <option>7:00PM</option> <option>7:15PM</option> <option>7:30PM</option> <option>7:45PM</option> <option>8:00PM</option> <option>8:15PM</option> <option>8:30PM</option> <option>8:45PM</option> <option>9:00PM</option> <option>9:15PM</option> <option>9:30PM</option> <option>9:45PM</option> <option>10:00PM</option> <option>10:15PM</option> <option>10:30PM</option> <option>10:45PM</option> <option>11:00PM</option> <option>11:15PM</option> <option>11:30PM</option> <option>11:45PM</option> </select> <div class="absolute cn1sr rc2yk -translate-y-1/2 opacity-0 i3gqx duwbj"> <svg class="h21yx vs0hq pal0s dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg> </div> </div> <!-- End Select --> </div> <div class="hjqob"> <svg class="h21yx towde huxlp pal0s dark:text-neutral-600" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg> </div> <div class="qaxp8 glz3h"> <!-- Select --> <div class="relative group"> <select data-hs-select='{ "placeholder": "Start time", "toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>", "toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative y027u es30u xdltm qaxp8 flex dsp0o ifji7 p9tun cursor-pointer m9vu4 efs5t xk8dv ngy7c vf6o6 ntb30 ejwsa hover:focus:border-transparent r0fp5 ip2jr dark:bg-neutral-800 dark:hover:border-neutral-700 dark:text-neutral-200 dark:focus:outline-none dark:focus:bg-neutral-700", "dropdownClasses": "jglyo le6w0 qaxp8 aumt2 lavrb z4ia7 apqjg bgcuw m9vu4 dxf1r shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] zq2x8 oasqe c7c11 iz02v 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 hmhrw viac4 qaxp8 ntb30 p9tun cursor-pointer um5nz ngy7c r0fp5 ip2jr dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800", "optionTemplate": "<div class=\"flex m0bgt items-center qaxp8 \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"h21yx vs0hq p9tun 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-modal-edit-event" }' class="hidden"> <option value="">Choose</option> <option>12:00AM</option> <option>12:15AM</option> <option>12:30AM</option> <option>12:45AM</option> <option>1:00AM</option> <option>1:15AM</option> <option>1:30AM</option> <option>1:45AM</option> <option>2:00AM</option> <option>2:15AM</option> <option>2:30AM</option> <option>2:45AM</option> <option>3:00AM</option> <option>3:15AM</option> <option>3:30AM</option> <option>3:45AM</option> <option>4:00AM</option> <option>4:15AM</option> <option>4:30AM</option> <option>4:45AM</option> <option>5:00AM</option> <option>5:15AM</option> <option>5:30AM</option> <option>5:45AM</option> <option>6:00AM</option> <option>6:15AM</option> <option>6:30AM</option> <option>6:45AM</option> <option>7:00AM</option> <option>7:15AM</option> <option>7:30AM</option> <option>7:45AM</option> <option>8:00AM</option> <option>8:15AM</option> <option>8:30AM</option> <option>8:45AM</option> <option>9:00AM</option> <option>9:15AM</option> <option>9:30AM</option> <option>9:45AM</option> <option selected>10:00AM</option> <option>10:15AM</option> <option>10:30AM</option> <option>10:45AM</option> <option>11:00AM</option> <option>11:15AM</option> <option>11:30AM</option> <option>11:45AM</option> <option>12:00PM</option> <option>12:15PM</option> <option>12:30PM</option> <option>12:45PM</option> <option>1:00PM</option> <option>1:15PM</option> <option>1:30PM</option> <option>1:45PM</option> <option>2:00PM</option> <option>2:15PM</option> <option>2:30PM</option> <option>2:45PM</option> <option>3:00PM</option> <option>3:15PM</option> <option>3:30PM</option> <option>3:45PM</option> <option>4:00PM</option> <option>4:15PM</option> <option>4:30PM</option> <option>4:45PM</option> <option>5:00PM</option> <option>5:15PM</option> <option>5:30PM</option> <option>5:45PM</option> <option>6:00PM</option> <option>6:15PM</option> <option>6:30PM</option> <option>6:45PM</option> <option>7:00PM</option> <option>7:15PM</option> <option>7:30PM</option> <option>7:45PM</option> <option>8:00PM</option> <option>8:15PM</option> <option>8:30PM</option> <option>8:45PM</option> <option>9:00PM</option> <option>9:15PM</option> <option>9:30PM</option> <option>9:45PM</option> <option>10:00PM</option> <option>10:15PM</option> <option>10:30PM</option> <option>10:45PM</option> <option>11:00PM</option> <option>11:15PM</option> <option>11:30PM</option> <option>11:45PM</option> </select> <div class="absolute cn1sr rc2yk -translate-y-1/2 opacity-0 i3gqx duwbj"> <svg class="h21yx vs0hq pal0s dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg> </div> </div> <!-- End Select --> </div> </div> <!-- End Grid --> <!-- Grid --> <div class="flex yj3ta gkc55 items-center fs0bl co74h"> <div class="qaxp8 glz3h"> <!-- Calendar Dropdown --> <div class="hs-dropdown [--strategy:absolute] [--auto-close:inside] relative s2k2k qaxp8"> <button id="hs-pro-credemd1" type="button" class="y027u cr73y group s2k2k items-center ernqe qaxp8 vf6o6 ntb30 ngy7c efs5t xk8dv m9vu4 p9tun ejwsa xwjcj c3i4e r0fp5 ip2jr hover:focus:border-transparent dark:bg-neutral-800 dark:text-neutral-200 dark:hover:border-neutral-700 dark:focus:bg-neutral-700" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> Thu, Jan 2024 <svg class="h21yx vs0hq k2n1r pal0s opacity-0 i3gqx duwbj 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> </button> <!-- Dropdown --> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 hvaak transition-[opacity,margin] duration opacity-0 hidden obd5o m9vu4 dxf1r shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] dark:shadow-[0_10px_40px_10px_rgba(0,0,0,0.2)] dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-credemd1"> <!-- Calendar --> <div class="g0aw2 i80r8 lzrky"> <div class="fmgke "> <!-- Months --> <div class="flex m0bgt items-center fs0bl kl8ix"> <span class="gf9di block bqo3s f4yq1 z1v6e dark:text-neutral-500">January 2024</span> <div class="flex tiner items-center fs0bl"> <button type="button" class="cu201 zxfop flex dry15 items-center z1v6e aefqe tbhem lli30 xwjcj c3i4e r0fp5 joaod dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200" aria-label="Previous"> <svg class="h21yx vs0hq" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m15 18-6-6 6-6"/></svg> </button> <button type="button" class="cu201 zxfop flex dry15 items-center z1v6e aefqe tbhem lli30 xwjcj c3i4e r0fp5 joaod dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200" aria-label="Next"> <svg class="h21yx vs0hq" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg> </button> </div> </div> <!-- Months --> <!-- Weeks --> <div class="flex r6z19"> <span class="cu201 awl1n block a3cw8 wq0mu z1v6e dark:text-neutral-500"> Mo </span> <span class="cu201 awl1n block a3cw8 wq0mu z1v6e dark:text-neutral-500"> Tu </span> <span class="cu201 awl1n block a3cw8 wq0mu z1v6e dark:text-neutral-500"> We </span> <span class="cu201 awl1n block a3cw8 wq0mu z1v6e dark:text-neutral-500"> Th </span> <span class="cu201 awl1n block a3cw8 wq0mu z1v6e dark:text-neutral-500"> Fr </span> <span class="cu201 awl1n block a3cw8 wq0mu z1v6e dark:text-neutral-500"> Sa </span> <span class="cu201 awl1n block a3cw8 wq0mu z1v6e dark:text-neutral-500"> Su </span> </div> <!-- Weeks --> <!-- Days --> <div class="flex"> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 1 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 2 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 3 <span class="absolute lq3ag rhyjt vv4ah uylzq lli30 -translate-x-1/2 dark:bg-blue-500"></span> </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 4 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 5 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 6 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 7 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 8 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 9 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 10 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 11 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center uylzq efs5t xk8dv bqo3s f4yq1 hrliy n81bt lli30 dark:bg-blue-500 xwjcj c3i4e r0fp5 lzdvd dark:hover:border-neutral-700"> 12 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 13 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 14 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 15 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 16 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 17 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 18 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 19 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 20 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 21 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 22 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 23 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 24 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 25 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 26 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 27 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 28 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 29 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 30 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 31 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 1 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 2 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 3 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 4 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 5 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 6 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 7 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 8 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 9 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 10 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 11 </button> </div> </div> <!-- Days --> </div> </div> <!-- End Calendar --> </div> <!-- End Dropdown --> </div> <!-- End Calendar Dropdown --> </div> <div class="hjqob"> <svg class="h21yx towde huxlp pal0s dark:text-neutral-600" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg> </div> <div class="qaxp8 glz3h"> <!-- Calendar Dropdown --> <div class="hs-dropdown [--strategy:absolute] [--auto-close:inside] relative s2k2k qaxp8"> <button id="hs-pro-credemd2" type="button" class="y027u cr73y group s2k2k items-center ernqe qaxp8 vf6o6 ntb30 ngy7c efs5t xk8dv m9vu4 p9tun ejwsa xwjcj c3i4e r0fp5 ip2jr hover:focus:border-transparent dark:bg-neutral-800 dark:text-neutral-200 dark:hover:border-neutral-700 dark:focus:bg-neutral-700" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> Thu, Jan 2024 <svg class="h21yx vs0hq k2n1r pal0s opacity-0 i3gqx duwbj 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> </button> <!-- Dropdown --> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 hvaak transition-[opacity,margin] duration opacity-0 hidden obd5o m9vu4 dxf1r shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] dark:shadow-[0_10px_40px_10px_rgba(0,0,0,0.2)] dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-credemd2"> <!-- Calendar --> <div class="g0aw2 i80r8 lzrky"> <div class="fmgke "> <!-- Months --> <div class="flex m0bgt items-center fs0bl kl8ix"> <span class="gf9di block bqo3s f4yq1 z1v6e dark:text-neutral-500">January 2024</span> <div class="flex tiner items-center fs0bl"> <button type="button" class="cu201 zxfop flex dry15 items-center z1v6e aefqe tbhem lli30 xwjcj c3i4e r0fp5 joaod dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200" aria-label="Previous"> <svg class="h21yx vs0hq" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m15 18-6-6 6-6"/></svg> </button> <button type="button" class="cu201 zxfop flex dry15 items-center z1v6e aefqe tbhem lli30 xwjcj c3i4e r0fp5 joaod dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200" aria-label="Next"> <svg class="h21yx vs0hq" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg> </button> </div> </div> <!-- Months --> <!-- Weeks --> <div class="flex r6z19"> <span class="cu201 awl1n block a3cw8 wq0mu z1v6e dark:text-neutral-500"> Mo </span> <span class="cu201 awl1n block a3cw8 wq0mu z1v6e dark:text-neutral-500"> Tu </span> <span class="cu201 awl1n block a3cw8 wq0mu z1v6e dark:text-neutral-500"> We </span> <span class="cu201 awl1n block a3cw8 wq0mu z1v6e dark:text-neutral-500"> Th </span> <span class="cu201 awl1n block a3cw8 wq0mu z1v6e dark:text-neutral-500"> Fr </span> <span class="cu201 awl1n block a3cw8 wq0mu z1v6e dark:text-neutral-500"> Sa </span> <span class="cu201 awl1n block a3cw8 wq0mu z1v6e dark:text-neutral-500"> Su </span> </div> <!-- Weeks --> <!-- Days --> <div class="flex"> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 1 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 2 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 3 <span class="absolute lq3ag rhyjt vv4ah uylzq lli30 -translate-x-1/2 dark:bg-blue-500"></span> </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 4 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 5 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 6 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 7 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 8 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 9 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 10 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 11 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center uylzq efs5t xk8dv bqo3s f4yq1 hrliy n81bt lli30 dark:bg-blue-500 xwjcj c3i4e r0fp5 lzdvd dark:hover:border-neutral-700"> 12 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 13 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 14 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 15 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 16 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 17 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 18 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 19 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 20 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 21 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 22 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 23 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 24 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 25 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 26 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 27 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 28 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 29 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 30 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 31 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 1 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 2 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 3 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 4 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 5 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 6 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 7 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 8 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 9 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 10 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 11 </button> </div> </div> <!-- Days --> </div> </div> <!-- End Calendar --> </div> <!-- End Dropdown --> </div> <!-- End Calendar Dropdown --> </div> </div> <!-- End Grid --> <!-- Grid --> <div class="flex yj3ta gkc55 items-center fs0bl co74h"> <div class="qaxp8 glz3h"> <!-- Switch --> <div class="flex items-center dsp0o y5msh"> <label for="hs-pro-cremad" class="flex items-center ernqe ntb30 ifji7 p9tun dark:text-neutral-200"> All-Day: </label> <input type="checkbox" id="hs-pro-cremad" class="relative h21yx f6k69 kgl3m yqyxf ac0xq xk8dv fq13s lli30 cursor-pointer t2tr4 lufa4 is14d aefqe o7vfi esbqm ubvgx xwjcj c3i4e checked:bg-none checked:text-blue-600 checked:border-blue-600 dark:bg-neutral-700 dark:border-neutral-700 dark:checked:bg-blue-500 mgdhi j3cto vclh7 z18uw t1qhx pfmzk s1en8 nosy7 s6hqp kc9wk ipz0b nunmy lfy06 dark:before:bg-neutral-400 dark:checked:before:bg-white"> </div> <!-- End Switch --> </div> <div class="hjqob"> <svg class="opacity-0 h21yx towde huxlp pal0s dark:text-neutral-600" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg> </div> <div class="qaxp8 glz3h"> <!-- Repeat Dropdown --> <div class="hs-dropdown [--strategy:absolute] relative s2k2k qaxp8"> <button id="hs-pro-cremdid" type="button" class="y027u cr73y group s2k2k items-center ernqe qaxp8 vf6o6 ntb30 ngy7c efs5t xk8dv m9vu4 p9tun ejwsa hover:focus:border-transparent xwjcj c3i4e r0fp5 ip2jr dark:bg-neutral-800 dark:text-neutral-200 dark:hover:border-neutral-700 dark:focus:bg-neutral-700" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> Do not repeat <svg class="h21yx vs0hq k2n1r pal0s opacity-0 i3gqx duwbj 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> </button> <!-- Dropdown --> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 qaxp8 transition-[opacity,margin] duration opacity-0 hidden obd5o m9vu4 dxf1r shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] dark:shadow-[0_10px_40px_10px_rgba(0,0,0,0.2)] dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-cremdid"> <div class="lavrb z4ia7"> <!-- Radio --> <label for="hs-pro-cremd1" class="hmhrw cr73y group flex ihu9y ngy7c cursor-pointer ntb30 p9tun um5nz dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <input type="radio" class="hidden" id="hs-pro-cremd1" name="hs-pro-cremd" checked> Do not repeat <svg class="h21yx vs0hq zl3j0 k2n1r opacity-0 group-has-[:checked]:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg> </label> <!-- End Radio --> <!-- Radio --> <label for="hs-pro-cremd2" class="hmhrw cr73y group flex ihu9y ngy7c cursor-pointer ntb30 p9tun um5nz dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <input type="radio" class="hidden" id="hs-pro-cremd2" name="hs-pro-cremd"> Every Day <svg class="h21yx vs0hq zl3j0 k2n1r opacity-0 group-has-[:checked]:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg> </label> <!-- End Radio --> <!-- Radio --> <label for="hs-pro-cremd3" class="hmhrw cr73y group flex ihu9y ngy7c cursor-pointer ntb30 p9tun um5nz dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <input type="radio" class="hidden" id="hs-pro-cremd3" name="hs-pro-cremd"> Every Week <svg class="h21yx vs0hq zl3j0 k2n1r opacity-0 group-has-[:checked]:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg> </label> <!-- End Radio --> <!-- Radio --> <label for="hs-pro-cremd4" class="hmhrw cr73y group flex ihu9y ngy7c cursor-pointer ntb30 p9tun um5nz dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <input type="radio" class="hidden" id="hs-pro-cremd4" name="hs-pro-cremd"> Every Year <svg class="h21yx vs0hq zl3j0 k2n1r opacity-0 group-has-[:checked]:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg> </label> <!-- End Radio --> </div> <div class="lavrb batcw kq7zk dark:border-neutral-800"> <button type="button" class="flex items-center ihu9y qaxp8 y027u cr73y awdil ntb30 p9tun um5nz xwjcj c3i4e r0fp5 ip2jr dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-clcre" data-hs-overlay-options='{ "isClosePrev": false }'> Custom </button> </div> </div> <!-- End Dropdown --> </div> <!-- End Repeat Dropdown --> </div> </div> <!-- End Grid --> </div> </div> <!-- End Item --> <!-- Item --> <div class="lf2i4"> <label for="hs-pro-cremtz" class="lraol flex dry15 items-center ernqe ntb30 pal0s dark:text-neutral-500"> <svg class="h21yx ufena" xmlns="http://www.w3.org/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 class="tliya">Time Zone:</span> </label> </div> <div class="mikvi relative qbul0 fqt49 vwcz4 uj7nx hyb3p before:w-[calc(100%-8px)] o3jwg kufxl dark:before:bg-white/10"> <input id="hs-pro-cremtz" type="text" class="y027u cr73y block qaxp8 xk8dv ngy7c ntb30 p9tun zuutc ejwsa aqt2b xwjcj c3i4e ip2jr actqw esbqm dark:text-neutral-200 dark:bg-neutral-800 dark:hover:border-neutral-700 dark:text-neutral-200 dark:placeholder:text-neutral-500 dark:focus:bg-neutral-700" placeholder="Time Zone" value="London (GMT+0)"> </div> <!-- End Item --> <!-- Item --> <div class="lf2i4"> <label for="hs-pro-cremg" class="lraol flex dry15 items-center ernqe ntb30 pal0s dark:text-neutral-500"> <svg class="h21yx ufena" xmlns="http://www.w3.org/2000/svg" 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="tliya">Participants:</span> </label> </div> <div class="mikvi relative qbul0 fqt49 vwcz4 uj7nx hyb3p before:w-[calc(100%-8px)] o3jwg kufxl dark:before:bg-white/10"> <input id="hs-pro-cremg" type="text" class="y027u cr73y block qaxp8 xk8dv ngy7c ntb30 p9tun zuutc ejwsa aqt2b xwjcj c3i4e ip2jr actqw esbqm dark:text-neutral-200 dark:bg-neutral-800 dark:hover:border-neutral-700 dark:text-neutral-200 dark:placeholder:text-neutral-500 dark:focus:bg-neutral-700" placeholder="Add Participants"><!-- Participants List --> <div class="xo0h3 vzx5m bgogn"> <!-- Item --> <div class="d432g flex flex-wrap m0bgt items-center fs0bl"> <!-- User --> <div class="ce341"> <span class="block ntb30 p9tun dark:text-neutral-200"> 3 participants </span> <small class="block wq0mu z1v6e dark:text-neutral-400"> 1 yes, 2 awaiting </small> </div> <!-- End User --> <!-- Button Group --> <div class="flex items-center ernqe"> <div class="hs-tooltip ykxda"> <button type="button" class="zxfop h21yx s2k2k dry15 items-center dsp0o lli30 efs5t xk8dv pal0s aefqe xwjcj c3i4e r0fp5 joaod dark:hover:bg-neutral-600 dark:text-neutral-500 dark:focus:bg-neutral-600"> <span class="tliya">Email participants</span> <svg class="h21yx vs0hq" xmlns="http://www.w3.org/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> </button> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 ykxda absolute wb6jx l2wpd y027u yi4bp bg-gray-900 a3cw8 bqo3s hrliy awdil dark:bg-neutral-900" role="tooltip"> Email participants </span> </div> <div class="hs-tooltip ykxda"> <button type="button" class="zxfop h21yx s2k2k dry15 items-center dsp0o lli30 efs5t xk8dv pal0s aefqe xwjcj c3i4e r0fp5 joaod dark:hover:bg-neutral-600 dark:text-neutral-500 dark:focus:bg-neutral-600"> <span class="tliya">Mark all participants optional</span> <svg class="h21yx vs0hq" xmlns="http://www.w3.org/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> </button> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 ykxda absolute wb6jx l2wpd y027u yi4bp bg-gray-900 a3cw8 bqo3s hrliy awdil dark:bg-neutral-900" role="tooltip"> Mark all participants optional </span> </div> <div class="hs-tooltip ykxda"> <button type="button" class="zxfop h21yx s2k2k dry15 items-center dsp0o lli30 efs5t xk8dv pal0s aefqe xwjcj c3i4e r0fp5 joaod dark:hover:bg-neutral-600 dark:text-neutral-500 dark:focus:bg-neutral-600"> <span class="tliya">Remove all participants</span> <svg class="h21yx vs0hq" xmlns="http://www.w3.org/2000/svg" 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> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 ykxda absolute wb6jx l2wpd y027u yi4bp bg-gray-900 a3cw8 bqo3s hrliy awdil dark:bg-neutral-900" role="tooltip"> Remove all participants </span> </div> </div> <!-- End Button Group --> </div> <!-- End Item --> <!-- List Group --> <div class="bgogn"> <!-- Item --> <div id="hs-pro-cremudb1" class="relative lavrb es30u group flex flex-wrap m0bgt items-center fs0bl awdil um5nz dark:hover:bg-neutral-700"> <!-- User --> <div class="ce341 qaxp8"> <div class="flex dsp0o"> <div class="h21yx"> <div class="relative h21yx"> <img class="h21yx huxlp dpsu3 lli30" src="https://images.unsplash.com/photo-1659482633369-9fe69af50bfb?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="Avatar"><span class="absolute -bottom-0.5 -end-0.5 flex dry15 items-center towde r21bk efs5t dn01n hrliy lli30 dark:border-neutral-800 dark:group-hover:border-neutral-700"> <svg class="h21yx f43fl" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg> </span> </div> </div> <div class="ce341 truncate nuuiu"> <span class="block ntb30 truncate p9tun dark:text-neutral-200"> James Collison </span> <small class="block wq0mu truncate z1v6e dark:text-neutral-400"> organizer </small> </div> </div> </div> <!-- End User --> <!-- Button Group --> <div class="absolute cn1sr t7elg -translate-y-1/2 flex items-center ernqe id31v g24e2"> <div class="hs-tooltip ykxda"> <button type="button" class="zxfop h21yx s2k2k dry15 items-center dsp0o lli30 efs5t xk8dv pal0s aefqe xwjcj c3i4e r0fp5 joaod dark:hover:bg-neutral-600 dark:text-neutral-500 dark:focus:bg-neutral-600"> <span class="tliya">Show/Hide</span> <svg class="h21yx vs0hq" xmlns="http://www.w3.org/2000/svg" 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> <svg class="hidden h21yx vs0hq" xmlns="http://www.w3.org/2000/svg" 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.88 9.88a3 3 0 1 0 4.24 4.24"/><path d="M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68"/><path d="M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61"/><line x1="2" x2="22" y1="2" y2="22"/></svg> </button> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 ykxda absolute wb6jx l2wpd y027u yi4bp bg-gray-900 a3cw8 bqo3s hrliy awdil dark:bg-neutral-900" role="tooltip"> Hide </span> </div> <div class="hs-tooltip ykxda"> <button type="button" class="zxfop h21yx s2k2k dry15 items-center dsp0o lli30 efs5t xk8dv pal0s aefqe xwjcj c3i4e r0fp5 joaod dark:hover:bg-neutral-600 dark:text-neutral-500 dark:focus:bg-neutral-600"> <span class="tliya">Mark optional</span> <svg class="h21yx vs0hq" xmlns="http://www.w3.org/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> </button> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 ykxda absolute wb6jx l2wpd y027u yi4bp bg-gray-900 a3cw8 bqo3s hrliy awdil dark:bg-neutral-900" role="tooltip"> Mark optional </span> </div> <div class="hs-tooltip ykxda"> <button type="button" class="zxfop h21yx s2k2k dry15 items-center dsp0o lli30 efs5t xk8dv pal0s aefqe xwjcj c3i4e r0fp5 joaod dark:hover:bg-neutral-600 dark:text-neutral-500 dark:focus:bg-neutral-600" data-hs-remove-element="#hs-pro-cremudb1"> <span class="tliya">Remove</span> <svg class="h21yx vs0hq" xmlns="http://www.w3.org/2000/svg" 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> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 ykxda absolute wb6jx l2wpd y027u yi4bp bg-gray-900 a3cw8 bqo3s hrliy awdil dark:bg-neutral-900" role="tooltip"> Remove </span> </div> </div> <!-- End Button Group --> </div> <!-- End Item --> <!-- Item --> <div id="hs-pro-cremudb2" class="relative lavrb es30u group flex flex-wrap m0bgt items-center fs0bl awdil um5nz dark:hover:bg-neutral-700"> <!-- User --> <div class="ce341 qaxp8"> <div class="flex dsp0o"> <div class="h21yx"> <div class="relative h21yx"> <img class="h21yx huxlp dpsu3 lli30" 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> </div> <div class="ce341 truncate nuuiu"> <span class="block ntb30 truncate p9tun dark:text-neutral-200"> Daniel Hobbs </span> <small class="block wq0mu truncate z1v6e dark:text-neutral-400"> dhobbs@site.com </small> </div> </div> </div> <!-- End User --> <!-- Button Group --> <div class="absolute cn1sr t7elg -translate-y-1/2 flex items-center ernqe id31v g24e2"> <div class="hs-tooltip ykxda"> <button type="button" class="zxfop h21yx s2k2k dry15 items-center dsp0o lli30 efs5t xk8dv pal0s aefqe xwjcj c3i4e r0fp5 joaod dark:hover:bg-neutral-600 dark:text-neutral-500 dark:focus:bg-neutral-600"> <span class="tliya">Show/Hide</span> <svg class="h21yx vs0hq" xmlns="http://www.w3.org/2000/svg" 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> <svg class="hidden h21yx vs0hq" xmlns="http://www.w3.org/2000/svg" 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.88 9.88a3 3 0 1 0 4.24 4.24"/><path d="M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68"/><path d="M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61"/><line x1="2" x2="22" y1="2" y2="22"/></svg> </button> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 ykxda absolute wb6jx l2wpd y027u yi4bp bg-gray-900 a3cw8 bqo3s hrliy awdil dark:bg-neutral-900" role="tooltip"> Hide </span> </div> <div class="hs-tooltip ykxda"> <button type="button" class="zxfop h21yx s2k2k dry15 items-center dsp0o lli30 efs5t xk8dv pal0s aefqe xwjcj c3i4e r0fp5 joaod dark:hover:bg-neutral-600 dark:text-neutral-500 dark:focus:bg-neutral-600"> <span class="tliya">Mark optional</span> <svg class="h21yx vs0hq" xmlns="http://www.w3.org/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> </button> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 ykxda absolute wb6jx l2wpd y027u yi4bp bg-gray-900 a3cw8 bqo3s hrliy awdil dark:bg-neutral-900" role="tooltip"> Mark optional </span> </div> <div class="hs-tooltip ykxda"> <button type="button" class="zxfop h21yx s2k2k dry15 items-center dsp0o lli30 efs5t xk8dv pal0s aefqe xwjcj c3i4e r0fp5 joaod dark:hover:bg-neutral-600 dark:text-neutral-500 dark:focus:bg-neutral-600" data-hs-remove-element="#hs-pro-cremudb2"> <span class="tliya">Remove</span> <svg class="h21yx vs0hq" xmlns="http://www.w3.org/2000/svg" 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> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 ykxda absolute wb6jx l2wpd y027u yi4bp bg-gray-900 a3cw8 bqo3s hrliy awdil dark:bg-neutral-900" role="tooltip"> Remove </span> </div> </div> <!-- End Button Group --> </div> <!-- End Item --> <!-- Item --> <div id="hs-pro-cremudb3" class="relative lavrb es30u group flex flex-wrap m0bgt items-center fs0bl awdil um5nz dark:hover:bg-neutral-700"> <!-- User --> <div class="ce341 qaxp8"> <div class="flex dsp0o"> <div class="h21yx"> <div class="relative h21yx"> <span class="flex h21yx dry15 items-center dpsu3 g26n6 z1v6e wq0mu rozsb lli30 dark:bg-neutral-600 dark:border-neutral-700 dark:text-neutral-400">L</span> </div> </div> <div class="ce341 truncate nuuiu"> <span class="block ntb30 truncate p9tun dark:text-neutral-200"> Liza Harrison </span> <small class="block wq0mu truncate z1v6e dark:text-neutral-400"> liza@site.com </small> </div> </div> </div> <!-- End User --> <!-- Button Group --> <div class="absolute cn1sr t7elg -translate-y-1/2 flex items-center ernqe id31v g24e2"> <div class="hs-tooltip ykxda"> <button type="button" class="zxfop h21yx s2k2k dry15 items-center dsp0o lli30 efs5t xk8dv pal0s aefqe xwjcj c3i4e r0fp5 joaod dark:hover:bg-neutral-600 dark:text-neutral-500 dark:focus:bg-neutral-600"> <span class="tliya">Show/Hide</span> <svg class="h21yx vs0hq" xmlns="http://www.w3.org/2000/svg" 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> <svg class="hidden h21yx vs0hq" xmlns="http://www.w3.org/2000/svg" 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.88 9.88a3 3 0 1 0 4.24 4.24"/><path d="M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68"/><path d="M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61"/><line x1="2" x2="22" y1="2" y2="22"/></svg> </button> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 ykxda absolute wb6jx l2wpd y027u yi4bp bg-gray-900 a3cw8 bqo3s hrliy awdil dark:bg-neutral-900" role="tooltip"> Hide </span> </div> <div class="hs-tooltip ykxda"> <button type="button" class="zxfop h21yx s2k2k dry15 items-center dsp0o lli30 efs5t xk8dv pal0s aefqe xwjcj c3i4e r0fp5 joaod dark:hover:bg-neutral-600 dark:text-neutral-500 dark:focus:bg-neutral-600"> <span class="tliya">Mark optional</span> <svg class="h21yx vs0hq" xmlns="http://www.w3.org/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> </button> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 ykxda absolute wb6jx l2wpd y027u yi4bp bg-gray-900 a3cw8 bqo3s hrliy awdil dark:bg-neutral-900" role="tooltip"> Mark optional </span> </div> <div class="hs-tooltip ykxda"> <button type="button" class="zxfop h21yx s2k2k dry15 items-center dsp0o lli30 efs5t xk8dv pal0s aefqe xwjcj c3i4e r0fp5 joaod dark:hover:bg-neutral-600 dark:text-neutral-500 dark:focus:bg-neutral-600" data-hs-remove-element="#hs-pro-cremudb3"> <span class="tliya">Remove</span> <svg class="h21yx vs0hq" xmlns="http://www.w3.org/2000/svg" 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> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 ykxda absolute wb6jx l2wpd y027u yi4bp bg-gray-900 a3cw8 bqo3s hrliy awdil dark:bg-neutral-900" role="tooltip"> Remove </span> </div> </div> <!-- End Button Group --> </div> <!-- End Item --> </div> <!-- End List Group --> <!-- Participant Permissions Collapse Button --> <button type="button" class="hs-collapse-toggle group qaxp8 vf6o6 r0fp5 xwjcj c3i4e" id="participantsPermissionsID" aria-expanded="false" aria-controls="participantsPermissionsLabelID" data-hs-collapse="#participantsPermissionsLabelID"> <span class="y027u cr73y block qaxp8 awdil ntb30 p9tun efs5t xk8dv r6vbn dark:text-neutral-200 dark:group-hover:bg-neutral-700"> <span class="flex m0bgt items-center"> <span class="ce341 truncate"> <span class="block">Participant permissions</span> <span class="block wq0mu z1v6e truncate dark:text-neutral-400">Invite others • See participant list</span> </span> <svg class="hs-collapse-open:rotate-180 h21yx vs0hq pal0s 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> </span> </span> </button> <!-- End Participant Permissions Collapse Button --> <!-- Participant Permissions Collapse Content --> <div id="participantsPermissionsLabelID" class="wm1l4 hidden w353x qaxp8 apqjg transition-[height] hbz7g" aria-labelledby="participantsPermissionsID"> <div class="g0aw2 ac0xq ngy7c dark:bg-neutral-700"> <span class="block r6z19 bqo3s pal0s dark:text-neutral-500"> Participant permissions </span> <div class="if1eb"> <!-- Checkbox --> <div> <label for="hs-pro-creagsio" class="s2k2k fj5sa ngy7c cursor-pointer bqo3s p9tun dark:text-neutral-200"> <input type="checkbox" class="h21yx kq7zk vs0hq ejwg2 fa0ty oqj39 cursor-pointer o7vfi di1ey dark:bg-neutral-800 dark:text-blue-500 dark:border-neutral-700 dark:checked:bg-blue-500 dark:checked:border-blue-500" id="hs-pro-creagsio" checked> Invite others </label> </div> <!-- End Checkbox --> <!-- Checkbox --> <div> <label for="hs-pro-creagssgl" class="s2k2k fj5sa ngy7c cursor-pointer bqo3s p9tun dark:text-neutral-200"> <input type="checkbox" class="h21yx kq7zk vs0hq ejwg2 fa0ty oqj39 cursor-pointer o7vfi di1ey dark:bg-neutral-800 dark:text-blue-500 dark:border-neutral-700 dark:checked:bg-blue-500 dark:checked:border-blue-500" id="hs-pro-creagssgl" checked> See participant list </label> </div> <!-- End Checkbox --> </div> </div> </div> <!-- End Participant Permissions Collapse Content --> </div> <!-- End Participants List --> <!-- Button Group --> <div class="jglyo flex tiner items-center"> <button type="button" class="y027u cr73y s2k2k items-center dsp0o bqo3s a12u2 efs5t xk8dv uylzq hrliy wa7ya xwjcj c3i4e r0fp5 mzc7d dark:bg-blue-500 dark:hover:bg-blue-600 dark:focus:bg-blue-600"> Send invite </button> <span class="relative vwcz4 aqpc6 nk29m ijj9t d9ij7 q6p4y k7e9k j8h9j"></span> <!-- More Dropdown --> <div class="hs-dropdown [--strategy:absolute] relative s2k2k"> <button id="hs-discard-invite" type="button" class="s8ma3 s2k2k dry15 items-center dsp0o bqo3s k7wsw efs5t xk8dv uylzq hrliy wa7ya xwjcj c3i4e r0fp5 mzc7d dark:bg-blue-500 dark:hover:bg-blue-600 dark:focus:bg-blue-600" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> <span class="tliya">More</span> <svg class="h21yx vs0hq" xmlns="http://www.w3.org/2000/svg" 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> <!-- Dropdown --> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 ywmgi transition-[opacity,margin] duration opacity-0 hidden obd5o m9vu4 dxf1r shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] dark:shadow-[0_10px_40px_10px_rgba(0,0,0,0.2)] dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-discard-invite"> <div class="lavrb z4ia7"> <a class="flex items-center ihu9y y027u cr73y awdil ntb30 f5ifd c9hwg xwjcj c3i4e r0fp5 vyoid dark:text-red-500 dark:hover:bg-red-500/10 dark:focus:bg-red-500/10" href="#"> Discard invite </a> <a class="flex items-center ihu9y y027u cr73y awdil ntb30 p9tun um5nz xwjcj c3i4e r0fp5 ip2jr dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#"> Send invite without email </a> </div> </div> <!-- End Dropdown --> </div> <!-- End More Dropdown --> </div> <!-- End Button Group --> </div> <!-- End Item --> <!-- Item --> <div class="lf2i4"> <label class="lraol flex dry15 items-center ernqe ntb30 pal0s dark:text-neutral-500"> <svg class="h21yx ufena" xmlns="http://www.w3.org/2000/svg" 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 8-6 4 6 4V8Z"/><rect width="14" height="12" x="2" y="6" rx="2" ry="2"/></svg> <span class="tliya">Video Conferencing:</span> </label> </div> <div class="mikvi relative qbul0 fqt49 vwcz4 uj7nx hyb3p before:w-[calc(100%-8px)] o3jwg kufxl dark:before:bg-white/10"> <button type="button" class="group flex flex-wrap items-center dsp0o qaxp8 lavrb es30u puep4 dlm5o awdil ntb30 p9tun um5nz xwjcj c3i4e r0fp5 ip2jr dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="h21yx ufena" xmlns="http://www.w3.org/2000/svg" width="192" height="192" viewBox="0 0 192 192"><path fill="none" d="M0 0h192v192H0z"/><path fill="#00832D" d="M108 96l17.06 19.5L148 130.16l4-34.03-4-33.28-23.38 12.88z"/><path fill="#0066DA" d="M9 127v29c0 6.63 5.37 12 12 12h29l6-21.92L50 127l-19.9-6L9 127z"/><path fill="#E94235" d="M50 24L9 65l21.1 6L50 65l5.9-18.83z"/><path fill="#2684FC" d="M9 65h41v62H9z"/><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 fill="#FFBA00" d="M136 24H50v41h58v31l40-33.15V36c0-6.63-5.37-12-12-12z"/></svg> Google Meet<span class="k2n1r bqo3s ngy7c oqj39 n68l9 n1avn dark:text-blue-500 dark:group-hover:text-blue-600"> Join with Google Meet </span> </button> <!-- Video Conferencing List --> <div class="jatgu vzx5m flex flex-wrap m0bgt items-center fs0bl"> <p class="bqo3s z1v6e dark:text-neutral-400"> <small class="block">meet.google.com/dks-qzdb-xgd</small> <input id="hs-dshct" type="text" class="hidden" value="meet.google.com/dks-qzdb-xgd"> <small class="block">Up to 100 participant connections</small> </p> <!-- Button Group --> <div class="flex items-center ernqe"> <div class="hs-tooltip ykxda"> <button type="button" class="zxfop h21yx s2k2k dry15 items-center dsp0o lli30 efs5t xk8dv pal0s um5nz xwjcj c3i4e r0fp5 ip2jr dark:hover:bg-neutral-700 dark:text-neutral-500 dark:focus:bg-neutral-700"> <span class="tliya">Video call options</span> <svg class="h21yx vs0hq" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z"/><circle cx="12" cy="12" r="3"/></svg> </button> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 ykxda absolute wb6jx l2wpd y027u yi4bp bg-gray-900 a3cw8 bqo3s hrliy awdil dark:bg-neutral-900" role="tooltip"> Video call options </span> </div> <button type="button" class="js-clipboard f4e5h hs-tooltip zxfop h21yx s2k2k dry15 items-center dsp0o lli30 efs5t xk8dv pal0s um5nz xwjcj c3i4e r0fp5 ip2jr dark:hover:bg-neutral-700 dark:text-neutral-500 dark:focus:bg-neutral-700" data-clipboard-target="#hs-dshct" data-clipboard-action="copy" data-clipboard-success-text="Copied to clipboard"> <svg class="js-clipboard-default h21yx vs0hq" xmlns="http://www.w3.org/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 vs0hq" xmlns="http://www.w3.org/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 ushts hidden wb6jx obd5o hmhrw cr73y bg-gray-900 bqo3s f4yq1 hrliy awdil ycht7 dark:bg-neutral-900" role="tooltip"> <span class="js-clipboard-success-text">Copy conference link</span> </span> </button> <div class="hs-tooltip ykxda"> <button type="button" class="zxfop h21yx s2k2k dry15 items-center dsp0o lli30 efs5t xk8dv pal0s um5nz xwjcj c3i4e r0fp5 ip2jr dark:hover:bg-neutral-700 dark:text-neutral-500 dark:focus:bg-neutral-700"> <span class="tliya">Remove conference</span> <svg class="h21yx vs0hq" xmlns="http://www.w3.org/2000/svg" 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> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 ykxda absolute wb6jx l2wpd y027u yi4bp bg-gray-900 a3cw8 bqo3s hrliy awdil dark:bg-neutral-900" role="tooltip"> Remove conference </span> </div> </div> <!-- End Button Group --> </div> <!-- End Video Conferencing List --> </div> <!-- End Item --> <!-- Item --> <div class="lf2i4"> <label for="hs-edit-event-location-autoheight-textarea" class="lraol flex dry15 items-center ernqe ntb30 pal0s dark:text-neutral-500"> <svg class="h21yx ufena" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z"/><circle cx="12" cy="10" r="3"/></svg> <span class="tliya">Location:</span> </label> </div> <div class="mikvi relative qbul0 fqt49 vwcz4 uj7nx hyb3p before:w-[calc(100%-8px)] o3jwg kufxl dark:before:bg-white/10"> <textarea id="hs-edit-event-location-autoheight-textarea" class="y027u cr73y block qaxp8 xk8dv ngy7c ntb30 p9tun ejwsa aqt2b bxbr4 xwjcj c3i4e ip2jr actqw esbqm dark:bg-neutral-800 dark:hover:border-neutral-700 dark:text-neutral-200 dark:placeholder:text-neutral-500 dark:focus:bg-neutral-700" rows="1" placeholder="Add Location">Virtual Location</textarea> </div> <!-- End Item --> <!-- Item --> <button type="button" class="hs-collapse-toggle hs-collapse-open:hidden group w353x qaxp8 vf6o6 r0fp5 xwjcj c3i4e dark:before:bg-white/10" id="hs-pro-crem-add-description-url-attachments-collapse" aria-expanded="false" aria-controls="hs-pro-crem-add-description-url-attachments" data-hs-collapse="#hs-pro-crem-add-description-url-attachments"> <span class="i80r8 mq389 wn51l"> <span class="lf2i4"> <span class="lraol flex dry15 items-center ernqe ntb30 pal0s dark:text-neutral-500"> <svg class="h21yx ufena" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="21" x2="3" y1="6" y2="6"/><line x1="15" x2="3" y1="12" y2="12"/><line x1="17" x2="3" y1="18" y2="18"/></svg> </span> </span> <span class="mikvi relative qbul0 fqt49 vwcz4 uj7nx hyb3p before:w-[calc(100%-8px)] o3jwg kufxl dark:before:bg-white/10"> <span class="y027u cr73y block qaxp8 awdil ntb30 p9tun efs5t xk8dv r6vbn h5scg dark:text-neutral-200 dark:group-hover:bg-neutral-700 dark:group-focus:bg-neutral-700"> Add description, URL, or Attachments </span> </span> </span> </button> <!-- End Item --> <!-- Item --> <div id="hs-pro-crem-add-description-url-attachments" class="wm1l4 hidden w353x qaxp8 apqjg transition-[height] hbz7g" aria-labelledby="hs-pro-crem-add-description-url-attachments-collapse"> <div class="i80r8 mq389 wn51l"> <!-- Item --> <div class="lf2i4"> <label for="hs-edit-event-description-autoheight-textarea" class="lraol flex dry15 items-center ernqe ntb30 pal0s dark:text-neutral-500"> <svg class="h21yx ufena" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="21" x2="3" y1="6" y2="6"/><line x1="15" x2="3" y1="12" y2="12"/><line x1="17" x2="3" y1="18" y2="18"/></svg> <span class="tliya">Description:</span> </label> </div> <div class="mikvi relative qbul0 fqt49 vwcz4 uj7nx hyb3p before:w-[calc(100%-8px)] o3jwg kufxl dark:before:bg-white/10"> <textarea id="hs-edit-event-description-autoheight-textarea" class="y027u cr73y block qaxp8 xk8dv ngy7c ntb30 ejwsa aqt2b bxbr4 xwjcj c3i4e ip2jr actqw esbqm dark:bg-neutral-800 dark:hover:border-neutral-700 dark:text-neutral-200 dark:placeholder:text-neutral-500 dark:focus:bg-neutral-700" rows="1" placeholder="Add Description">This session is designed to help us collectively reflect on our accomplishments, identify areas for improvement, and refine our approach to using Preline in the upcoming quarter.</textarea> </div> <!-- End Item --> <!-- Item --> <div class="lf2i4"> <label for="hs-pro-cremurl" class="lraol flex dry15 items-center ernqe ntb30 pal0s dark:text-neutral-500"> <svg class="h21yx ufena" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"/><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"/></svg> <span class="tliya">URL:</span> </label> </div> <div class="mikvi relative qbul0 fqt49 vwcz4 uj7nx hyb3p before:w-[calc(100%-8px)] o3jwg kufxl dark:before:bg-white/10"> <input id="hs-pro-cremurl" type="text" class="y027u cr73y block qaxp8 xk8dv ngy7c ntb30 p9tun zuutc ejwsa aqt2b xwjcj c3i4e ip2jr actqw esbqm dark:text-neutral-200 dark:bg-neutral-800 dark:hover:border-neutral-700 dark:text-neutral-200 dark:placeholder:text-neutral-500 dark:focus:bg-neutral-700" placeholder="Add URL" value="https://www.preline.co/"> </div> <!-- End Item --> <!-- Item --> <div class="lf2i4"> <label class="lraol flex dry15 items-center ernqe ntb30 pal0s dark:text-neutral-500"> <svg class="h21yx ufena" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l8.57-8.57A4 4 0 1 1 18 8.84l-8.59 8.57a2 2 0 0 1-2.83-2.83l8.49-8.48"/></svg> <span class="tliya">Attachment:</span> </label> </div> <div class="mikvi relative qbul0 fqt49 vwcz4 uj7nx hyb3p before:w-[calc(100%-8px)] o3jwg kufxl dark:before:bg-white/10"> <input type="file" class="vzx5m block qaxp8 ntb30 z1v6e efs5t xk8dv r0fp5 dark:text-neutral-500 aa0g3 y18p0 cdy3e dcsnw g2peb zqpvm jpr0k d2luu wxh8q xo1ly bupry dark:file:bg-neutral-700 dark:file:text-neutral-300 "> </div> <!-- End Item --> </div> </div> <!-- End Item --> <!-- Item --> <div class="lf2i4"> <label class="lraol flex dry15 items-center ernqe ntb30 pal0s dark:text-neutral-500"> <svg class="h21yx ufena" xmlns="http://www.w3.org/2000/svg" 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 class="tliya">Assignee:</span> </label> </div> <div class="mikvi relative qbul0 fqt49 vwcz4 uj7nx hyb3p before:w-[calc(100%-8px)] o3jwg kufxl dark:before:bg-white/10"> <div class="bgogn"> <div class="flex flex-wrap items-center fs0bl"> <div class="i6awo"> <!-- Assignee Dropdown --> <div class="hs-dropdown [--strategy:absolute] relative s2k2k qaxp8"> <button id="hs-pro-cremaid" type="button" class="y027u cr73y group s2k2k items-center ernqe qaxp8 vf6o6 ntb30 ngy7c efs5t xk8dv m9vu4 p9tun ejwsa hover:focus:border-transparent xwjcj c3i4e r0fp5 ip2jr dark:bg-neutral-800 dark:text-neutral-200 dark:hover:border-neutral-700 dark:focus:bg-neutral-700" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> james@preline.co <svg class="h21yx vs0hq k2n1r pal0s opacity-0 i3gqx duwbj 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> </button> <!-- Dropdown --> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 qaxp8 transition-[opacity,margin] duration opacity-0 hidden obd5o m9vu4 dxf1r shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] dark:shadow-[0_10px_40px_10px_rgba(0,0,0,0.2)] dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-cremaid"> <div class="lavrb z4ia7"> <span class="vzx5m bqo3s z1v6e dark:text-neutral-400"> james@preline.co </span> <!-- Radio --> <label for="hs-pro-crema1" class="hmhrw cr73y group flex dsp0o ngy7c cursor-pointer ntb30 p9tun um5nz dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <input type="radio" class="h21yx kq7zk vs0hq zl3j0 lli30 kriqw cursor-pointer o7vfi di1ey dark:bg-neutral-800 dark:text-teal-500 dark:border-neutral-700 dark:checked:bg-teal-500 dark:checked:border-teal-500" id="hs-pro-crema1" name="hs-pro-crema" checked> James Collins <svg class="h21yx vs0hq zl3j0 k2n1r opacity-0 group-has-[:checked]:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg> </label> <!-- End Radio --> <!-- Radio --> <label for="hs-pro-crema2" class="hmhrw cr73y group flex dsp0o ngy7c cursor-pointer ntb30 p9tun um5nz dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <input type="radio" class="h21yx kq7zk vs0hq zl3j0 lli30 f18rh cursor-pointer o7vfi di1ey dark:bg-neutral-800 dark:text-sky-500 dark:border-neutral-700 dark:checked:bg-sky-500 dark:checked:border-sky-500" id="hs-pro-crema2" name="hs-pro-crema"> Preline tasks <svg class="h21yx vs0hq zl3j0 k2n1r opacity-0 group-has-[:checked]:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg> </label> <!-- End Radio --> <!-- Radio --> <label for="hs-pro-crema3" class="hmhrw cr73y group flex dsp0o ngy7c cursor-pointer ntb30 p9tun um5nz dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <input type="radio" class="h21yx kq7zk vs0hq zl3j0 lli30 utinp cursor-pointer o7vfi di1ey dark:bg-neutral-800 dark:text-purple-500 dark:border-neutral-700 dark:checked:bg-purple-500 dark:checked:border-purple-500" id="hs-pro-crema3" name="hs-pro-crema"> Performance Tasks <svg class="h21yx vs0hq zl3j0 k2n1r opacity-0 group-has-[:checked]:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg> </label> <!-- End Radio --> </div> <div class="lavrb z4ia7"> <span class="vzx5m bqo3s z1v6e dark:text-neutral-400"> collinsjames@gmail.com </span> <!-- Radio --> <label for="hs-pro-crema4" class="hmhrw cr73y group flex dsp0o ngy7c cursor-pointer ntb30 p9tun um5nz dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <input type="radio" class="h21yx kq7zk vs0hq zl3j0 lli30 nzdrg cursor-pointer o7vfi di1ey dark:bg-neutral-800 dark:text-pink-500 dark:border-neutral-700 dark:checked:bg-pink-500 dark:checked:border-pink-500" id="hs-pro-crema4" name="hs-pro-erema"> Holidays <svg class="h21yx vs0hq zl3j0 k2n1r opacity-0 group-has-[:checked]:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg> </label> <!-- End Radio --> </div> </div> <!-- End Dropdown --> </div> <!-- End Assignee Dropdown --> </div> <!-- Assignee Color Dropdown --> <div class="hs-dropdown [--strategy:absolute] [--placement:top-right] relative s2k2k"> <button id="hs-pro-cremaecid" type="button" class="y027u cr73y group s2k2k items-center ernqe dlm5o vf6o6 ntb30 ngy7c efs5t xk8dv m9vu4 p9tun ejwsa hover:focus:border-transparent xwjcj c3i4e r0fp5 ip2jr dark:bg-neutral-800 dark:text-neutral-200 dark:hover:border-neutral-700 dark:focus:bg-neutral-700" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> <span class="h21yx towde r21bk lli30 dark:bg-green-500"></span> <svg class="h21yx vs0hq k2n1r pal0s opacity-0 i3gqx duwbj 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> </button> <!-- Dropdown --> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 n0c4a transition-[opacity,margin] duration opacity-0 hidden obd5o m9vu4 dxf1r shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] dark:shadow-[0_10px_40px_10px_rgba(0,0,0,0.2)] dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-cremaecid"> <div class="lavrb z4ia7"> <span class="vzx5m bqo3s z1v6e dark:text-neutral-400"> Event color </span> <!-- Radio --> <label for="hs-pro-cremaec1" class="hmhrw cr73y group flex dsp0o ngy7c cursor-pointer ntb30 p9tun um5nz dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <input type="radio" class="h21yx kq7zk vs0hq zl3j0 fa0ty xk8dv awnfa cursor-pointer o7vfi di1ey yzr09 vwxe3 checked:bg-red-600 checked:bg-none checked:hover:bg-red-600 dark:bg-red-500 dark:focus:text-red-500 dark:checked:hover:bg-red-500" id="hs-pro-cremaec1" name="hs-pro-cremaec"> Red <svg class="h21yx vs0hq zl3j0 k2n1r opacity-0 group-has-[:checked]:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg> </label> <!-- End Radio --> <!-- Radio --> <label for="hs-pro-cremaec2" class="hmhrw cr73y group flex dsp0o ngy7c cursor-pointer ntb30 p9tun um5nz dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <input type="radio" class="h21yx kq7zk vs0hq zl3j0 fa0ty xk8dv ggrsa cursor-pointer o7vfi di1ey jxxsp isrf5 checked:bg-orange-600 checked:bg-none checked:hover:bg-orange-600 dark:bg-orange-500 dark:focus:text-orange-500 dark:checked:hover:bg-orange-500" id="hs-pro-cremaec2" name="hs-pro-cremaec"> Orange <svg class="h21yx vs0hq zl3j0 k2n1r opacity-0 group-has-[:checked]:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg> </label> <!-- End Radio --> <!-- Radio --> <label for="hs-pro-cremaec3" class="hmhrw cr73y group flex dsp0o ngy7c cursor-pointer ntb30 p9tun um5nz dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <input type="radio" class="h21yx kq7zk vs0hq zl3j0 fa0ty xk8dv b1z56 cursor-pointer o7vfi di1ey etgjk mc3uk checked:bg-yellow-400 checked:bg-none checked:hover:bg-yellow-400 dark:bg-yellow-500 dark:focus:text-yellow-500 dark:checked:hover:bg-yellow-500" id="hs-pro-cremaec3" name="hs-pro-cremaec"> Yellow <svg class="h21yx vs0hq zl3j0 k2n1r opacity-0 group-has-[:checked]:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg> </label> <!-- End Radio --> <!-- Radio --> <label for="hs-pro-cremaec4" class="hmhrw cr73y group flex dsp0o ngy7c cursor-pointer ntb30 p9tun um5nz dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <input type="radio" class="h21yx kq7zk vs0hq zl3j0 fa0ty xk8dv r21bk cursor-pointer o7vfi di1ey go3tq r10g0 checked:bg-green-600 checked:bg-none checked:hover:bg-green-600 dark:bg-green-500 dark:focus:text-green-500 dark:checked:hover:bg-green-500" id="hs-pro-cremaec4" name="hs-pro-cremaec" checked> Green <svg class="h21yx vs0hq zl3j0 k2n1r opacity-0 group-has-[:checked]:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg> </label> <!-- End Radio --> <!-- Radio --> <label for="hs-pro-cremaec5" class="hmhrw cr73y group flex dsp0o ngy7c cursor-pointer ntb30 p9tun um5nz dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <input type="radio" class="h21yx kq7zk vs0hq zl3j0 fa0ty xk8dv dszwx cursor-pointer o7vfi di1ey ftiy2 ybapm checked:bg-sky-600 checked:bg-none checked:hover:bg-sky-600 dark:bg-sky-500 dark:focus:text-sky-500 dark:checked:hover:bg-sky-500" id="hs-pro-cremaec5" name="hs-pro-cremaec"> Blue <svg class="h21yx vs0hq zl3j0 k2n1r opacity-0 group-has-[:checked]:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg> </label> <!-- End Radio --> <!-- Radio --> <label for="hs-pro-cremaec6" class="hmhrw cr73y group flex dsp0o ngy7c cursor-pointer ntb30 p9tun um5nz dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <input type="radio" class="h21yx kq7zk vs0hq zl3j0 fa0ty xk8dv grblf cursor-pointer o7vfi di1ey nmtj6 f14h2 checked:bg-pink-600 checked:bg-none checked:hover:bg-pink-600 dark:bg-pink-500 dark:focus:text-pink-500 dark:checked:hover:bg-pink-500" id="hs-pro-cremaec6" name="hs-pro-cremaec"> Pink <svg class="h21yx vs0hq zl3j0 k2n1r opacity-0 group-has-[:checked]:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg> </label> <!-- End Radio --> <!-- Radio --> <label for="hs-pro-cremaec7" class="hmhrw cr73y group flex dsp0o ngy7c cursor-pointer ntb30 p9tun um5nz dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <input type="radio" class="h21yx kq7zk vs0hq zl3j0 fa0ty xk8dv r2fwe cursor-pointer o7vfi di1ey aua8n wmpb2 checked:bg-gray-300 checked:bg-none checked:hover:bg-gray-300 dark:bg-neutral-500 dark:focus:text-neutral-500 dark:checked:hover:bg-gray-500" id="hs-pro-cremaec7" name="hs-pro-cremaec"> Gray <svg class="h21yx vs0hq zl3j0 k2n1r opacity-0 group-has-[:checked]:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg> </label> <!-- End Radio --> </div> </div> <!-- End Dropdown --> </div> <!-- End Assignee Color Dropdown --> </div> <!-- Grid --> <div class="i80r8 wt0nu items-center dsp0o"> <!-- Select --> <div class="relative group"> <select data-hs-select='{ "placeholder": "Availability", "toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>", "toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative y027u cr73y qaxp8 flex dsp0o ifji7 p9tun cursor-pointer m9vu4 efs5t xk8dv ngy7c vf6o6 ntb30 ejwsa hover:focus:border-transparent r0fp5 ip2jr dark:bg-neutral-800 dark:hover:border-neutral-700 dark:text-neutral-200 dark:focus:outline-none dark:focus:bg-neutral-700", "dropdownClasses": "jglyo le6w0 qaxp8 aumt2 lavrb z4ia7 apqjg bgcuw m9vu4 dxf1r shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] zq2x8 oasqe c7c11 iz02v 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 hmhrw viac4 qaxp8 ntb30 p9tun cursor-pointer um5nz ngy7c r0fp5 ip2jr dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800", "optionTemplate": "<div class=\"flex m0bgt items-center qaxp8 \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"h21yx vs0hq p9tun 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-modal-edit-event" }' class="hidden"> <option value="">Choose</option> <option selected>Busy</option> <option>Free</option> </select> <div class="absolute cn1sr rc2yk -translate-y-1/2 opacity-0 i3gqx duwbj"> <svg class="h21yx vs0hq pal0s dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg> </div> </div> <!-- End Select --> <!-- Select --> <div class="relative group"> <select data-hs-select='{ "placeholder": "Visibility", "toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>", "toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative y027u cr73y qaxp8 flex dsp0o ifji7 p9tun cursor-pointer m9vu4 efs5t xk8dv ngy7c vf6o6 ntb30 ejwsa hover:focus:border-transparent r0fp5 ip2jr dark:bg-neutral-800 dark:hover:border-neutral-700 dark:text-neutral-200 dark:focus:outline-none dark:focus:bg-neutral-700", "dropdownClasses": "jglyo le6w0 qaxp8 aumt2 lavrb z4ia7 apqjg bgcuw m9vu4 dxf1r shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] zq2x8 oasqe c7c11 iz02v 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 hmhrw viac4 qaxp8 ntb30 p9tun cursor-pointer um5nz ngy7c r0fp5 ip2jr dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800", "optionTemplate": "<div class=\"flex m0bgt items-center qaxp8 \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"h21yx vs0hq p9tun 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-modal-edit-event" }' class="hidden"> <option value="">Choose</option> <option selected>Default visibility</option> <option>Private</option> <option>Public</option> </select> <div class="absolute cn1sr rc2yk -translate-y-1/2 opacity-0 i3gqx duwbj"> <svg class="h21yx vs0hq pal0s dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg> </div> </div> <!-- End Select --> </div> <!-- End Grid --> </div> </div> <!-- End Item --> <!-- Item --> <div class="lf2i4"> <label class="lraol flex dry15 items-center ernqe ntb30 pal0s dark:text-neutral-500"> <svg class="h21yx ufena" xmlns="http://www.w3.org/2000/svg" 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="tliya">Reminders:</span> </label> </div> <div class="mikvi relative qbul0 fqt49 vwcz4 uj7nx hyb3p before:w-[calc(100%-8px)] o3jwg kufxl dark:before:bg-white/10"> <!-- Select --> <div class="relative group"> <select data-hs-select='{ "placeholder": "Reminders", "toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>", "toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative y027u cr73y qaxp8 flex dsp0o ifji7 p9tun cursor-pointer m9vu4 efs5t xk8dv ngy7c vf6o6 ntb30 ejwsa hover:focus:border-transparent r0fp5 ip2jr dark:bg-neutral-800 dark:hover:border-neutral-700 dark:text-neutral-200 dark:focus:outline-none dark:focus:bg-neutral-700", "dropdownClasses": "jglyo le6w0 qaxp8 aumt2 lavrb z4ia7 apqjg bgcuw m9vu4 dxf1r shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] zq2x8 oasqe c7c11 iz02v 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 hmhrw viac4 qaxp8 ntb30 p9tun cursor-pointer um5nz ngy7c r0fp5 ip2jr dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800", "optionTemplate": "<div class=\"flex m0bgt items-center qaxp8 \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"h21yx vs0hq p9tun 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-modal-edit-event" }' class="hidden"> <option value="">Choose</option> <option>At the start of event</option> <option>5 min before</option> <option>10 min before</option> <option selected>30 min before</option> <option>1 hour before</option> </select> <div class="absolute cn1sr rc2yk -translate-y-1/2 opacity-0 i3gqx duwbj"> <svg class="h21yx vs0hq pal0s dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg> </div> </div> <!-- End Select --> </div> <!-- End Item --> </div> <!-- End Event List --> </div> </div> <!-- End Body --> <!-- Footer --> <div class="bdby8 iwwvx batcw kq7zk dark:border-neutral-700"> <div class="i6awo flex tiner items-center wn51l"> <button type="button" class="bdby8 viac4 ifji7 s2k2k dry15 items-center vf6o6 m9vu4 efs5t kq7zk p9tun pdak6 f4yq1 awdil ycht7 u0d52 r73cx xwjcj c3i4e 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-clee"> Cancel </button> <button type="button" class="bdby8 viac4 ifji7 s2k2k dry15 items-center dsp0o vf6o6 uylzq efs5t mwycc hrliy pdak6 f4yq1 awdil ycht7 u0d52 wa7ya xwjcj c3i4e r0fp5 sl5v4 kglp6 dark:focus:ring-blue-500" data-hs-overlay="#hs-pro-clee"> Save changes </button> </div> </div> <!-- End Footer --> </div> </div> </div> <!-- End Calendar Edit Event Modal --> <!-- Custom Recurrence Modal --> <div id="hs-pro-clcre" class="hs-overlay hidden ewvyg fixed fopbl x0wu9 slhov v2o4d bgcuw [--close-when-click-inside:true] xt2fk" role="dialog" tabindex="-1" aria-labelledby="hs-pro-clcre-label"> <div class="hs-overlay-open:mt-7 hs-overlay-open:opacity-100 hs-overlay-open:duration-500 ftdwh opacity-0 oviqp g22ra vc7u0 ppfkn crpye ubyl1 h-[calc(100%-3.5rem)] min-h-[calc(100%-3.5rem)] flex items-center"> <div class="qaxp8 f07vg flex pz3xv m9vu4 dxf1r fpj7t shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] dark:shadow-[0_10px_40px_10px_rgba(0,0,0,0.2)] dark:bg-neutral-800"> <!-- Header --> <div class="pykdd iwwvx flex m0bgt items-center vcvf1 dark:border-neutral-700"> <h3 id="hs-pro-clcre-label" class="f4yq1 p9tun dark:text-neutral-200"> Custom recurrence </h3> <button type="button" class="a0c5w s2k2k dry15 items-center dsp0o lli30 efs5t xk8dv ac0xq p9tun aefqe xwjcj c3i4e r0fp5 joaod 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-clcre"> <span class="tliya">Close</span> <svg class="h21yx ufena" xmlns="http://www.w3.org/2000/svg" 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-modal-custom-recurrence-event" class="bgcuw zq2x8 oasqe c7c11 iz02v dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500"> <div class="u3doq cwicw"> <div class="i80r8 enm6b"> <!-- Item --> <div> <label for="hs-pro-ccremre" class="r6z19 block ntb30 pal0s dark:text-neutral-500"> Repeat every: </label> <div class="flex items-center dsp0o"> <input id="hs-pro-ccremre" type="text" class="y027u cr73y block lc69c ac0xq xk8dv ngy7c ntb30 shh18 zuutc aefqe aqt2b xwjcj c3i4e joaod actqw esbqm dark:text-neutral-400 dark:bg-neutral-700 dark:text-neutral-300 dark:placeholder:text-neutral-500 dark:hover:bg-neutral-600 dark:focus:bg-neutral-600" value="1"> <!-- Select --> <div class="relative qaxp8"> <select data-hs-select='{ "placeholder": "Start time", "toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>", "toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative y027u es30u xdltm qaxp8 flex dsp0o ifji7 shh18 cursor-pointer ac0xq efs5t xk8dv ngy7c vf6o6 ntb30 aefqe hover:focus:border-transparent r0fp5 joaod dark:bg-neutral-700 dark:text-neutral-400 dark:focus:outline-none dark:hover:bg-neutral-600 dark:focus:bg-neutral-600", "dropdownClasses": "jglyo le6w0 qaxp8 aumt2 lavrb z4ia7 apqjg bgcuw m9vu4 dxf1r shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] zq2x8 oasqe c7c11 iz02v 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 hmhrw viac4 qaxp8 ntb30 p9tun cursor-pointer um5nz ngy7c r0fp5 ip2jr dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800", "optionTemplate": "<div class=\"flex m0bgt items-center qaxp8 \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"h21yx vs0hq p9tun 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-modal-custom-recurrence-event" }' class="hidden"> <option value="">Choose</option> <option>Daily</option> <option selected>Weekly</option> <option>Monthly</option> <option>Yearly</option> </select> <div class="absolute cn1sr rc2yk -translate-y-1/2"> <svg class="h21yx vs0hq pal0s dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg> </div> </div> <!-- End Select --> </div> </div> <!-- End Item --> <!-- Item --> <div> <label class="r6z19 block ntb30 pal0s dark:text-neutral-500"> Repeats on: </label> <div class="flex zctvj items-center ernqe"> <!-- Checkbox --> <label for="hs-pro-clcreromo" class="group ckjpf flex dry15 items-center ngy7c cursor-pointer ntb30 p9tun ac0xq aefqe joaod has-[:checked]:bg-blue-600 has-[:checked]:text-white dark:text-neutral-300 dark:bg-neutral-700 dark:hover:bg-neutral-600 dark:focus:bg-neutral-600 dark:has-[:checked]:bg-blue-500 dark:has-[:checked]:text-white"> <input type="radio" class="hidden" id="hs-pro-clcreromo" name="hs-pro-cremd" checked> Mo </label> <!-- End Checkbox --> <!-- Checkbox --> <label for="hs-pro-clcrerotu" class="group ckjpf flex dry15 items-center ngy7c cursor-pointer ntb30 p9tun ac0xq aefqe joaod has-[:checked]:bg-blue-600 has-[:checked]:text-white dark:text-neutral-300 dark:bg-neutral-700 dark:hover:bg-neutral-600 dark:focus:bg-neutral-600 dark:has-[:checked]:bg-blue-500 dark:has-[:checked]:text-white"> <input type="radio" class="hidden" id="hs-pro-clcrerotu" name="hs-pro-cremd"> Tu </label> <!-- End Checkbox --> <!-- Checkbox --> <label for="hs-pro-clcrerowe" class="group ckjpf flex dry15 items-center ngy7c cursor-pointer ntb30 p9tun ac0xq aefqe joaod has-[:checked]:bg-blue-600 has-[:checked]:text-white dark:text-neutral-300 dark:bg-neutral-700 dark:hover:bg-neutral-600 dark:focus:bg-neutral-600 dark:has-[:checked]:bg-blue-500 dark:has-[:checked]:text-white"> <input type="radio" class="hidden" id="hs-pro-clcrerowe" name="hs-pro-cremd"> We </label> <!-- End Checkbox --> <!-- Checkbox --> <label for="hs-pro-clcreroth" class="group ckjpf flex dry15 items-center ngy7c cursor-pointer ntb30 p9tun ac0xq aefqe joaod has-[:checked]:bg-blue-600 has-[:checked]:text-white dark:text-neutral-300 dark:bg-neutral-700 dark:hover:bg-neutral-600 dark:focus:bg-neutral-600 dark:has-[:checked]:bg-blue-500 dark:has-[:checked]:text-white"> <input type="radio" class="hidden" id="hs-pro-clcreroth" name="hs-pro-cremd"> Th </label> <!-- End Checkbox --> <!-- Checkbox --> <label for="hs-pro-clcrerofr" class="group ckjpf flex dry15 items-center ngy7c cursor-pointer ntb30 p9tun ac0xq aefqe joaod has-[:checked]:bg-blue-600 has-[:checked]:text-white dark:text-neutral-300 dark:bg-neutral-700 dark:hover:bg-neutral-600 dark:focus:bg-neutral-600 dark:has-[:checked]:bg-blue-500 dark:has-[:checked]:text-white"> <input type="radio" class="hidden" id="hs-pro-clcrerofr" name="hs-pro-cremd"> Fr </label> <!-- End Checkbox --> <!-- Checkbox --> <label for="hs-pro-clcrerosa" class="group ckjpf flex dry15 items-center ngy7c cursor-pointer ntb30 p9tun ac0xq aefqe joaod has-[:checked]:bg-blue-600 has-[:checked]:text-white dark:text-neutral-300 dark:bg-neutral-700 dark:hover:bg-neutral-600 dark:focus:bg-neutral-600 dark:has-[:checked]:bg-blue-500 dark:has-[:checked]:text-white"> <input type="radio" class="hidden" id="hs-pro-clcrerosa" name="hs-pro-cremd"> Sa </label> <!-- End Checkbox --> <!-- Checkbox --> <label for="hs-pro-clcrerosu" class="group ckjpf flex dry15 items-center ngy7c cursor-pointer ntb30 p9tun ac0xq aefqe joaod has-[:checked]:bg-blue-600 has-[:checked]:text-white dark:text-neutral-300 dark:bg-neutral-700 dark:hover:bg-neutral-600 dark:focus:bg-neutral-600 dark:has-[:checked]:bg-blue-500 dark:has-[:checked]:text-white"> <input type="radio" class="hidden" id="hs-pro-clcrerosu" name="hs-pro-cremd"> Su </label> <!-- End Checkbox --> </div> </div> <!-- End Item --> <!-- Item --> <div> <label class="r6z19 block ntb30 pal0s dark:text-neutral-500"> Ends: </label> <!-- Radio --> <div class="flex"> <input type="radio" name="hs-pro-clcree" class="h21yx kq7zk lli30 oqj39 o7vfi di1ey xwjcj c3i4e dark:bg-neutral-800 dark:border-neutral-700 dark:checked:bg-blue-500 dark:checked:border-blue-500 dark:focus:ring-offset-neutral-800" id="hs-pro-clcreen" checked> <label for="hs-pro-clcreen" class="bqo3s z1v6e vzx5m dark:text-neutral-400">Never</label> </div> <!-- End Radio --> <div class="njekq flex items-center dsp0o"> <!-- Radio --> <div class="f2107 flex"> <input type="radio" name="hs-pro-clcree" class="h21yx kq7zk lli30 oqj39 o7vfi di1ey xwjcj c3i4e dark:bg-neutral-800 dark:border-neutral-700 dark:checked:bg-blue-500 dark:checked:border-blue-500 dark:focus:ring-offset-neutral-800" id="hs-pro-clcreeo"> <label for="hs-pro-clcreeo" class="bqo3s z1v6e vzx5m dark:text-neutral-400">On</label> </div> <!-- End Radio --> <div class="qaxp8"> <!-- Input --> <input type="text" class="hmhrw cr73y block qaxp8 ac0xq xk8dv ngy7c ntb30 shh18 zuutc aefqe aqt2b xwjcj c3i4e joaod actqw esbqm dark:text-neutral-400 dark:bg-neutral-700 dark:text-neutral-300 dark:placeholder:text-neutral-500 dark:hover:bg-neutral-600 dark:focus:bg-neutral-600" value="Jan 7, 2024"> <!-- End Input --> </div> </div> <div class="nc0x2 flex items-center dsp0o"> <!-- Radio --> <div class="f2107 flex"> <input type="radio" name="hs-pro-clcree" class="h21yx kq7zk lli30 oqj39 o7vfi di1ey xwjcj c3i4e dark:bg-neutral-800 dark:border-neutral-700 dark:checked:bg-blue-500 dark:checked:border-blue-500 dark:focus:ring-offset-neutral-800" id="hs-pro-clcreea"> <label for="hs-pro-clcreea" class="bqo3s z1v6e vzx5m dark:text-neutral-400">After</label> </div> <!-- End Radio --> <div class="qaxp8 flex items-center dsp0o"> <!-- Input --> <input type="text" class="hmhrw cr73y block lc69c ac0xq xk8dv ngy7c ntb30 shh18 zuutc aefqe aqt2b xwjcj c3i4e joaod actqw esbqm dark:text-neutral-400 dark:bg-neutral-700 dark:text-neutral-300 dark:placeholder:text-neutral-500 dark:hover:bg-neutral-600 dark:focus:bg-neutral-600" value="7"> <!-- End Input --> <span class="bqo3s pal0s dark:text-neutral-500">Times</span> </div> </div> </div> <!-- End Item --> </div> </div> </div> <!-- End Body --> <!-- Footer --> <div class="bdby8 iwwvx batcw kq7zk dark:border-neutral-700"> <div class="i6awo flex tiner items-center wn51l"> <button type="button" class="bdby8 viac4 ifji7 s2k2k dry15 items-center vf6o6 m9vu4 efs5t kq7zk p9tun bqo3s f4yq1 awdil ycht7 u0d52 r73cx xwjcj c3i4e 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-clcre"> Cancel </button> <button type="button" class="bdby8 viac4 ifji7 s2k2k dry15 items-center dsp0o vf6o6 uylzq efs5t mwycc hrliy bqo3s f4yq1 awdil ycht7 u0d52 wa7ya xwjcj c3i4e r0fp5 sl5v4 kglp6 dark:focus:ring-blue-500" data-hs-overlay="#hs-pro-clcre"> Save </button> </div> </div> <!-- End Footer --> </div> </div> </div> <!-- End Custom Recurrence Modal -->
<script> window.addEventListener('load', () => { // TEXTAREA AUTO HEIGHT // ======================================================= (function () { const textAreas = [ '#hs-create-event-title-autoheight-textarea', '#hs-create-event-location-autoheight-textarea', '#hs-create-event-description-autoheight-textarea', ]; textareaAutoHeight(textAreas); })(); }); </script> <script> window.addEventListener('load', () => { // TEXTAREA AUTO HEIGHT // ======================================================= (function () { const textAreas = [ '#hs-edit-event-title-autoheight-textarea', '#hs-edit-event-location-autoheight-textarea', '#hs-edit-event-description-autoheight-textarea', ]; textareaAutoHeight(textAreas); })(); }); </script>
Week View Full Calendar
Preview
Get the code
Existing accounts: Sign in to your account to access the source code.
<!DOCTYPE html> <html lang="en" dir="" class="relative kby5p ly3m4"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <title>Preline UI</title> <link rel="shortcut icon" href="../../favicon.ico"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet"> <link rel="stylesheet" href="../../assets/css/obfuscated.min.css"> </head><body class="hs-overlay-body-open m9vu4 apqjg dark:bg-neutral-800"> <!-- ========== MAIN SIDEBAR ========== --> <aside id="hs-pro-sidebar" class="hs-overlay [--body-scroll:true] lg:[--overlay-backdrop:false] [--is-layout-affect:true] [--opened:lg] [--auto-close:lg] hs-overlay-open:translate-x-0 lg:hs-overlay-layout-open:translate-x-0 -translate-x-full g22ra hbz7g c6bbk ratir hidden fixed hx55d temqr x0wu9 ac0xq scwsh kq7zk s6oc3 neyzj pkjih qbtc1 dark:bg-neutral-900 dark:border-neutral-700" tabindex="-1" aria-label="Main Sidebar"> <div class="flex pz3xv ly3m4 f07vg bdby8"> <!-- Calendar --> <div class="cr73y h8mm6 s9qc2 i80r8 lzrky"> <div class="fmgke "> <!-- Months --> <div class="flex m0bgt items-center fs0bl kl8ix"> <span class="gf9di block bqo3s f4yq1 z1v6e dark:text-neutral-500">January 2024</span> <div class="flex tiner items-center fs0bl"> <button type="button" class="cu201 zxfop flex dry15 items-center z1v6e aefqe tbhem lli30 xwjcj c3i4e r0fp5 joaod dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200" aria-label="Previous"> <svg class="h21yx vs0hq" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m15 18-6-6 6-6"/></svg> </button> <button type="button" class="cu201 zxfop flex dry15 items-center z1v6e aefqe tbhem lli30 xwjcj c3i4e r0fp5 joaod dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200" aria-label="Next"> <svg class="h21yx vs0hq" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg> </button> </div> </div> <!-- Months --> <!-- Weeks --> <div class="flex r6z19"> <span class="cu201 awl1n block a3cw8 wq0mu z1v6e dark:text-neutral-500"> Mo </span> <span class="cu201 awl1n block a3cw8 wq0mu z1v6e dark:text-neutral-500"> Tu </span> <span class="cu201 awl1n block a3cw8 wq0mu z1v6e dark:text-neutral-500"> We </span> <span class="cu201 awl1n block a3cw8 wq0mu z1v6e dark:text-neutral-500"> Th </span> <span class="cu201 awl1n block a3cw8 wq0mu z1v6e dark:text-neutral-500"> Fr </span> <span class="cu201 awl1n block a3cw8 wq0mu z1v6e dark:text-neutral-500"> Sa </span> <span class="cu201 awl1n block a3cw8 wq0mu z1v6e dark:text-neutral-500"> Su </span> </div> <!-- Weeks --> <!-- Days --> <div class="flex"> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 1 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 2 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 3 <span class="absolute lq3ag rhyjt vv4ah uylzq lli30 -translate-x-1/2 dark:bg-blue-500"></span> </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 4 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 5 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 6 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 7 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 8 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 9 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 10 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 11 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center uylzq efs5t xk8dv bqo3s f4yq1 hrliy n81bt lli30 dark:bg-blue-500 xwjcj c3i4e r0fp5 lzdvd dark:hover:border-neutral-700"> 12 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 13 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 14 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 15 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 16 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 17 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 18 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 19 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 20 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 21 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 22 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 23 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 24 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 25 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 26 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 27 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 28 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 29 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 30 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 31 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 1 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 2 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 3 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 4 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 5 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 6 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 7 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 8 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 9 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 10 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 11 </button> </div> </div> <!-- Days --> </div> </div> <!-- End Calendar --> <div class="vcvf1 kq7zk dark:border-neutral-700"></div> <!-- Body --> <div class="bgcuw zq2x8 oasqe c7c11 iz02v dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500"> <div class="rzitn cr73y"> <div class="g0okh"> <!-- Account --> <div class="hs-accordion-group" data-hs-accordion-always-open> <div class="hs-accordion active" id="account-one-accordion"> <button type="button" class="hs-accordion-toggle qaxp8 vf6o6 flex ihu9y arvw3 es30u bqo3s z1v6e ngy7c aefqe xwjcj c3i4e r0fp5 joaod dark:hover:bg-neutral-700 dark:text-neutral-500 dark:focus:bg-neutral-700" aria-expanded="true" aria-controls="account-one-accordion-sub"> james@preline.co <svg class="hs-accordion-active:-rotate-180 h21yx ejwg2 vs0hq k2n1r sd8ly" xmlns="http://www.w3.org/2000/svg" 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"></path></svg> </button> <div id="account-one-accordion-sub" class="hs-accordion-content qaxp8 apqjg transition-[height] hbz7g" role="region" aria-labelledby="account-one-accordion"> <div class="hs-accordion-group x0qdq z4ia7" data-hs-accordion-always-open> <!-- Checkbox --> <label for="hs-pro-cach1" class="arvw3 flex fj5sa ngy7c cursor-pointer bqo3s p9tun aefqe dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <input type="checkbox" class="h21yx kq7zk vs0hq ejwg2 fa0ty kriqw cursor-pointer o7vfi di1ey dark:bg-neutral-800 dark:text-teal-500 dark:border-neutral-700 dark:checked:bg-teal-500 dark:checked:border-teal-500" id="hs-pro-cach1" checked> James Collins </label> <!-- End Checkbox --> <!-- Checkbox --> <label for="hs-pro-cach2" class="arvw3 flex fj5sa ngy7c cursor-pointer bqo3s p9tun aefqe dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <input type="checkbox" class="h21yx kq7zk vs0hq ejwg2 fa0ty f18rh cursor-pointer o7vfi di1ey dark:bg-neutral-800 dark:text-sky-500 dark:border-neutral-700 dark:checked:bg-sky-500 dark:checked:border-sky-500" id="hs-pro-cach2" checked> Preline tasks </label> <!-- End Checkbox --> <!-- Checkbox --> <label for="hs-pro-cach3" class="arvw3 flex fj5sa ngy7c cursor-pointer bqo3s p9tun aefqe dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <input type="checkbox" class="h21yx kq7zk vs0hq ejwg2 fa0ty utinp cursor-pointer o7vfi di1ey dark:bg-neutral-800 dark:text-purple-500 dark:border-neutral-700 dark:checked:bg-purple-500 dark:checked:border-purple-500" id="hs-pro-cach3" checked> Performance Tasks </label> <!-- End Checkbox --> </div> </div> </div> </div> <!-- End Account --> <!-- Account --> <div class="hs-accordion-group" data-hs-accordion-always-open> <div class="hs-accordion active" id="account-two-accordion"> <button type="button" class="hs-accordion-toggle qaxp8 vf6o6 flex ihu9y arvw3 es30u bqo3s z1v6e ngy7c aefqe xwjcj c3i4e r0fp5 joaod dark:hover:bg-neutral-700 dark:text-neutral-500 dark:focus:bg-neutral-700" aria-expanded="true" aria-controls="account-two-accordion-sub"> collinsjames@gmail.com <svg class="hs-accordion-active:-rotate-180 h21yx ejwg2 vs0hq k2n1r sd8ly" xmlns="http://www.w3.org/2000/svg" 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"></path></svg> </button> <div id="account-two-accordion-sub" class="hs-accordion-content qaxp8 apqjg transition-[height] hbz7g" role="region" aria-labelledby="account-two-accordion"> <div class="hs-accordion-group x0qdq z4ia7" data-hs-accordion-always-open> <!-- Checkbox --> <label for="hs-pro-cach4" class="arvw3 flex fj5sa ngy7c cursor-pointer bqo3s p9tun aefqe dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <input type="checkbox" class="h21yx kq7zk vs0hq ejwg2 fa0ty nzdrg cursor-pointer o7vfi di1ey dark:bg-neutral-800 dark:text-pink-500 dark:border-neutral-700 dark:checked:bg-pink-500 dark:checked:border-pink-500" id="hs-pro-cach4"> Holidays </label> <!-- End Checkbox --> </div> </div> </div> </div> <!-- End Account --> </div> <div class="njekq"> <button type="button" class="qaxp8 vf6o6 flex items-center fj5sa arvw3 bqo3s z1v6e ngy7c aefqe xwjcj c3i4e r0fp5 joaod dark:hover:bg-neutral-700 dark:text-neutral-500 dark:focus:bg-neutral-700"> <svg class="h21yx vs0hq" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg> Add account </button> </div> </div> </div> <!-- End Body --> <div class="rzitn cr73y batcw kq7zk dark:border-neutral-700"> <button type="button" class="g0aw2 s2k2k dry15 items-center ernqe qaxp8 bqo3s ngy7c efs5t kq7zk m9vu4 p9tun ycht7 um5nz xwjcj c3i4e r0fp5 ckvf9 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-dasadpm"> <svg class="h21yx vs0hq" xmlns="http://www.w3.org/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="3" y="8" width="18" height="4" rx="1"/><path d="M12 8v13"/><path d="M19 12v7a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-7"/><path d="M7.5 8a2.5 2.5 0 0 1 0-5A4.8 8 0 0 1 12 8a4.8 8 0 0 1 4.5-5 2.5 2.5 0 0 1 0 5"/></svg> Invite people </button> </div> </div> </aside> <!-- ========== END MAIN SIDEBAR ========== --> <!-- ========== MAIN CONTENT ========== --> <main id="content" class="lg:hs-overlay-layout-open:ps-[224px] hf06y g22ra hbz7g"> <!-- Header --> <div class="g0aw2 oekzh mo4j6"> <div class="s9qc2 -ms-2 f598b i80r8 xyr2a wn51l"> <div class="flex items-center ernqe"> <!-- Sidebar Toggle --> <button type="button" class="arvw3 s8ma3 s2k2k items-center ernqe bqo3s ngy7c efs5t xk8dv z1v6e tbhem xwjcj c3i4e r0fp5 q8jf0 dark:text-neutral-500 dark:hover:text-neutral-400 dark:focus:text-neutral-400" aria-haspopup="dialog" aria-expanded="false" aria-controls="hs-pro-sidebar" data-hs-overlay="#hs-pro-sidebar"> <svg class="h21yx vs0hq" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M15 3v18"/><path d="m10 15-3-3 3-3"/></svg> <span class="tliya">Sidebar Toggle</span> </button> <!-- End Sidebar Toggle --> <!-- Secondary Sidebar Toggle --> <div class="kq8am"> <button type="button" class="arvw3 s8ma3 s2k2k items-center ernqe bqo3s ngy7c efs5t xk8dv z1v6e tbhem xwjcj c3i4e r0fp5 q8jf0 dark:text-neutral-500 dark:hover:text-neutral-400 dark:focus:text-neutral-400" aria-haspopup="dialog" aria-expanded="false" aria-controls="hs-pro-secondary-sidebar" aria-label="Toggle navigation" data-hs-overlay="#hs-pro-secondary-sidebar"> <svg class="h21yx vs0hq" xmlns="http://www.w3.org/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> <span class="tliya">Secondary Sidebar Toggle</span> </button> </div> <!-- End Secondary Sidebar Toggle --> </div> <div class="flex dry15"> <!-- View Button Group --> <div class="o315e s2k2k dry15 ernqe m9vu4 efs5t kq7zk ngy7c ycht7 zlw8x dark:bg-neutral-800 dark:border-neutral-700"> <div class="relative flex ckhlw vwcz4 aqpc6 a4ubh d9ij7 oomck br0am j8h9j dark:before:bg-neutral-700"> <a class="hmhrw cr73y s2k2k items-center ernqe bqo3s fa0ty p9tun nz0zf xwjcj c3i4e r0fp5 rnsuy dark:border-neutral-700 dark:text-neutral-300 dark:hover:text-neutral-400 dark:focus:text-neutral-400 " href="day.html"> Day </a> </div> <div class="relative flex ckhlw vwcz4 aqpc6 a4ubh d9ij7 oomck br0am j8h9j dark:before:bg-neutral-700"> <a class="hmhrw cr73y s2k2k items-center ernqe bqo3s fa0ty p9tun nz0zf xwjcj c3i4e r0fp5 rnsuy dark:border-neutral-700 dark:text-neutral-300 dark:hover:text-neutral-400 dark:focus:text-neutral-400 ac0xq tbhem dark:bg-neutral-700 dark:hover:!text-neutral-300" href="week.html"> Week </a> </div> <div class="relative flex ckhlw vwcz4 aqpc6 a4ubh d9ij7 oomck br0am j8h9j dark:before:bg-neutral-700"> <a class="hmhrw cr73y s2k2k items-center ernqe bqo3s fa0ty p9tun nz0zf xwjcj c3i4e r0fp5 rnsuy dark:border-neutral-700 dark:text-neutral-300 dark:hover:text-neutral-400 dark:focus:text-neutral-400 " href="month.html"> Month </a> </div> <div class="relative flex ckhlw vwcz4 aqpc6 a4ubh d9ij7 oomck br0am j8h9j dark:before:bg-neutral-700"> <a class="hmhrw cr73y s2k2k items-center ernqe bqo3s fa0ty p9tun nz0zf xwjcj c3i4e r0fp5 rnsuy dark:border-neutral-700 dark:text-neutral-300 dark:hover:text-neutral-400 dark:focus:text-neutral-400 " href="year.html"> Year </a> </div> </div> <!-- View Button Group --> </div> <div class="uajb4"> <button type="button" class="arvw3 b8fy7 yn6ln s2k2k dry15 items-center dsp0o bqo3s awdil efs5t xk8dv uylzq hrliy wa7ya xwjcj c3i4e r0fp5 dg2gp xp6ug dark:bg-blue-500 dark:hover:bg-blue-600 dark:focus:bg-blue-600" data-hs-overlay="#hs-pro-clce"> <svg class="h21yx vs0hq" xmlns="http://www.w3.org/2000/svg" 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="tliya">Add event</span> </button> </div> </div> <div class="flex flex-wrap m0bgt items-center wn51l"> <div class="toz57"> <h1 class="a23oc ugqr3 p9tun dark:text-neutral-200"> <span class="rozsb">January </span> 2024 </h1> </div> <!-- Today Button Group --> <div class="flex -space-x-px"> <button type="button" class="s8ma3 s2k2k dry15 items-center ernqe bqo3s hreeb weynp efs5t kq7zk m9vu4 p9tun ycht7 um5nz xwjcj c3i4e r0fp5 ckvf9 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-600 dark:focus:bg-neutral-600"> <svg class="h21yx vs0hq" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m15 18-6-6 6-6"/></svg> </button> <button type="button" class="y027u cr73y s2k2k items-center ernqe bqo3s hreeb weynp efs5t kq7zk m9vu4 p9tun ycht7 um5nz xwjcj c3i4e r0fp5 ckvf9 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-600 dark:focus:bg-neutral-600"> Today </button> <button type="button" class="s8ma3 s2k2k dry15 items-center ernqe bqo3s hreeb weynp efs5t kq7zk m9vu4 p9tun ycht7 um5nz xwjcj c3i4e r0fp5 ckvf9 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-600 dark:focus:bg-neutral-600"> <svg class="h21yx vs0hq" 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> <!-- Today Button Group --> </div> </div> <!-- End Header --> <!-- Calendar --> <div class="ly3m4 bgcuw zq2x8 oasqe c7c11 iz02v dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500"> <div class="x6em4 fopbl at14f zy8m7 m9vu4 vcvf1 cammi ulnyf dark:bg-neutral-800 dark:border-neutral-700"> <!-- Week Dates --> <div class="vcvf1 h4z7v dark:border-neutral-700"> <div class="flex t1bzs scwsh wv197 dark:border-neutral-500"> <div class="ly3m4 flex pz3xv scwsh h4z7v dark:border-neutral-700"> <div class="f2107 fij65 flex tiner items-center uajb4"><span class="n19iv wq0mu pal0s dark:text-neutral-500">GMT+</span></div> </div> <div class="qaxp8 i80r8 a7gox"> <button type="button" class="s2k2k dry15 items-center ernqe hmhrw viac4 block uajb4 bqo3s m9vu4 o5ydh xk8dv p9tun um5nz r0fp5 ip2jr dark:bg-neutral-800 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> M<span class="hidden bmujp otsg8">on</span> </button> <button type="button" class="s2k2k dry15 items-center ernqe hmhrw viac4 block uajb4 bqo3s m9vu4 o5ydh xk8dv p9tun um5nz r0fp5 ip2jr dark:bg-neutral-800 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> T<span class="hidden bmujp otsg8">ue</span> </button> <button type="button" class="s2k2k dry15 items-center ernqe hmhrw viac4 block uajb4 bqo3s m9vu4 o5ydh mwycc oqj39 um5nz r0fp5 ip2jr dark:bg-neutral-800 dark:border-blue-500 dark:text-blue-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> W<span class="hidden bmujp otsg8">ed</span> <span class="hidden bmujp ve7ow">12</span> </button> <button type="button" class="s2k2k dry15 items-center ernqe hmhrw viac4 block uajb4 bqo3s m9vu4 o5ydh xk8dv p9tun um5nz r0fp5 ip2jr dark:bg-neutral-800 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> T<span class="hidden bmujp otsg8">hu</span> </button> <button type="button" class="s2k2k dry15 items-center ernqe hmhrw viac4 block uajb4 bqo3s m9vu4 o5ydh xk8dv p9tun um5nz r0fp5 ip2jr dark:bg-neutral-800 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> F<span class="hidden bmujp otsg8">ri</span> </button> <button type="button" class="s2k2k dry15 items-center ernqe hmhrw viac4 block uajb4 bqo3s m9vu4 o5ydh xk8dv p9tun um5nz r0fp5 ip2jr dark:bg-neutral-800 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> S<span class="hidden bmujp otsg8">at</span> </button> <button type="button" class="s2k2k dry15 items-center ernqe hmhrw viac4 block uajb4 bqo3s m9vu4 o5ydh xk8dv p9tun um5nz r0fp5 ip2jr dark:bg-neutral-800 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> S<span class="hidden bmujp otsg8">un</span> </button> </div> </div> </div> <!-- End Week Dates --> <div class="flex t1bzs"> <div class="ly3m4 flex pz3xv scwsh h4z7v dark:border-neutral-700"> <div class="f2107 ze6rp flex tiner items-center uajb4"><span class="n19iv wq0mu pal0s dark:text-neutral-500">All-day</span></div> </div> <!-- Days --> <div class="qaxp8 i80r8 a7gox"> <div class="ze6rp relative flex i6awo scwsh cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="qaxp8"></div> </div> <div class="ze6rp relative flex i6awo scwsh cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="qaxp8"></div> </div> <div class="ze6rp relative flex i6awo scwsh cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="qaxp8"></div> </div> <div class="ze6rp relative flex i6awo scwsh cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="qaxp8"></div> </div> <div class="ze6rp relative flex i6awo scwsh cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="qaxp8"></div> </div> <div class="ze6rp relative obd5o flex i6awo scwsh cammi ulnyf k8w5x dgze4 dryop xnmd7 dark:border-b-neutral-700 dark:border-e-neutral-500 dark:bg-neutral-800 dark:after:bg-neutral-700/20"> <div class="qaxp8"></div> </div> <div class="ze6rp relative obd5o flex i6awo scwsh cammi ulnyf k8w5x dgze4 dryop xnmd7 dark:border-b-neutral-700 dark:border-e-neutral-500 dark:bg-neutral-800 dark:after:bg-neutral-700/20"> <div class="qaxp8"></div> </div> </div> <!-- Days --> </div> </div> <div class="relative flex pz3xv ewvyg"> <div class="-mt-px flex t1bzs"> <!-- Timeline --> <div class="ly3m4 flex pz3xv scwsh h4z7v dark:border-neutral-700"> <div class="f2107 wsw3n uajb4 opacity-0"><span class="relative -top-[13px] n19iv wq0mu pal0s dark:text-neutral-500">12 AM</span></div> <div class="f2107 wsw3n uajb4"><span class="relative -top-[13px] n19iv wq0mu pal0s dark:text-neutral-500">1 AM</span></div> <div class="f2107 wsw3n uajb4"><span class="relative -top-[13px] n19iv wq0mu pal0s dark:text-neutral-500">2 AM</span></div> <div class="f2107 wsw3n uajb4"><span class="relative -top-[13px] n19iv wq0mu pal0s dark:text-neutral-500">3 AM</span></div> <div class="f2107 wsw3n uajb4"><span class="relative -top-[13px] n19iv wq0mu pal0s dark:text-neutral-500">4 AM</span></div> <div class="f2107 wsw3n uajb4"><span class="relative -top-[13px] n19iv wq0mu pal0s dark:text-neutral-500">5 AM</span></div> <div class="f2107 wsw3n uajb4"><span class="relative -top-[13px] n19iv wq0mu pal0s dark:text-neutral-500">6 AM</span></div> <div class="f2107 wsw3n uajb4"><span class="relative -top-[13px] n19iv wq0mu pal0s dark:text-neutral-500">7 AM</span></div> <div class="f2107 wsw3n uajb4"><span class="relative -top-[13px] n19iv wq0mu pal0s dark:text-neutral-500">8 AM</span></div> <div class="f2107 wsw3n uajb4"><span class="relative -top-[13px] n19iv wq0mu pal0s dark:text-neutral-500">9 AM</span></div> <div class="f2107 wsw3n uajb4"><span class="relative -top-[13px] n19iv wq0mu pal0s dark:text-neutral-500">10 AM</span></div> <div class="f2107 wsw3n uajb4"><span class="relative -top-[13px] n19iv wq0mu pal0s dark:text-neutral-500">11 AM</span></div> <div class="f2107 wsw3n uajb4"><span class="relative -top-[13px] n19iv wq0mu pal0s dark:text-neutral-500">12 PM</span></div> <div class="f2107 wsw3n uajb4"><span class="relative -top-[13px] n19iv wq0mu pal0s dark:text-neutral-500">1 PM</span></div> <div class="f2107 wsw3n uajb4"><span class="relative -top-[13px] n19iv wq0mu pal0s dark:text-neutral-500">2 PM</span></div> <div class="f2107 wsw3n uajb4"><span class="relative -top-[13px] n19iv wq0mu pal0s dark:text-neutral-500">3 PM</span></div> <div class="f2107 wsw3n uajb4"><span class="relative -top-[13px] n19iv wq0mu pal0s dark:text-neutral-500">4 PM</span></div> <div class="f2107 wsw3n uajb4"><span class="relative -top-[13px] n19iv wq0mu pal0s dark:text-neutral-500">5 PM</span></div> <div class="f2107 wsw3n uajb4"><span class="relative -top-[13px] n19iv wq0mu pal0s dark:text-neutral-500">6 PM</span></div> <div class="f2107 wsw3n uajb4"><span class="relative -top-[13px] n19iv wq0mu pal0s dark:text-neutral-500">7 PM</span></div> <div class="f2107 wsw3n uajb4"><span class="relative -top-[13px] n19iv wq0mu pal0s dark:text-neutral-500">8 PM</span></div> <div class="f2107 wsw3n uajb4"><span class="relative -top-[13px] n19iv wq0mu pal0s dark:text-neutral-500">9 PM</span></div> <div class="f2107 wsw3n uajb4"><span class="relative -top-[13px] n19iv wq0mu pal0s dark:text-neutral-500">10 PM</span></div> <div class="f2107 wsw3n uajb4"><span class="relative -top-[13px] n19iv wq0mu pal0s dark:text-neutral-500">11 PM</span></div> </div> <!-- End Timeline --> <div class="relative qaxp8 ytii2"> <div class="absolute wmdx4 x0wu9 t7elg lmuus mgm8o tp5y7 xt2fk n3nzi kneuu g3b8o uwmec s6w1j m9e4o"></div> <!-- Weeks --> <div class="relative ly3m4 apqjg flex"> <!-- Days --> <div class="ewvyg i80r8 a7gox"> <!-- Day Col --> <div class="flex t1bzs pz3xv"> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"> <button type="button" class="sslcy bld8k relative qaxp8 flex vf6o6 zxe8z fs542 ac0xq p9tun bqo3s fa0ty joaod odr2u dark:bg-neutral-800 dark:before:absolute dark:before:inset-0 dark:before:bg-neutral-500/20 dark:before:rounded-e dark:focus:before:bg-neutral-500/30 dark:text-neutral-500" data-hs-overlay="#hs-pro-clee"> <span class="block truncate"> <span class="block rozsb truncate">Let's workout</span> </span> </button> </div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"> <button type="button" class="sslcy bld8k relative qaxp8 flex vf6o6 zxe8z ppf5n byl12 bmekf bqo3s fa0ty g6n80 odr2u dark:bg-neutral-800 dark:before:absolute dark:before:inset-0 dark:before:bg-yellow-800/20 dark:before:rounded-e dark:focus:before:bg-yellow-800/30 dark:text-yellow-500" data-hs-overlay="#hs-pro-clee"> <span class="block truncate"> <span class="block rozsb truncate">Catch up a meeting w/ Jacob</span> </span> </button> </div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> </div> <!-- End Day Col --> <!-- Day Col --> <div class="flex t1bzs pz3xv"> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"> <button type="button" class="sslcy bld8k relative lmuus qaxp8 ly3m4 flex vf6o6 zxe8z okqng tw8ac t6nb8 bqo3s fa0ty d3vo8 odr2u dark:bg-neutral-800 dark:before:absolute dark:before:inset-0 dark:before:bg-pink-800/20 dark:before:rounded-e dark:focus:before:bg-pink-800/30 dark:text-pink-500" data-hs-overlay="#hs-pro-clee"> <span class="block truncate"> <span class="block rozsb truncate">Searchbox</span> <span class="block truncate">9 - 10AM</span> </span> </button> </div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> </div> <!-- End Day Col --> <!-- Day Col --> <div class="flex t1bzs pz3xv"> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"> <button type="button" class="sslcy bld8k relative lmuus qaxp8 ly3m4 flex vf6o6 zxe8z tvmdl z0gi6 zopwn bqo3s fa0ty g6jyk odr2u dark:bg-neutral-800 dark:before:absolute dark:before:inset-0 dark:before:bg-orange-800/20 dark:before:rounded-e dark:focus:before:bg-orange-800/30 dark:text-orange-500" data-hs-overlay="#hs-pro-clee"> <span class="block truncate"> <span class="block rozsb truncate">Marketing Discussion</span> <span class="block truncate">Zoom Meeting</span> </span> </button> </div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> </div> <!-- End Day Col --> <!-- Day Col --> <div class="flex t1bzs pz3xv"> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"> <button type="button" class="sslcy bld8k relative lmuus qaxp8 ly3m4 flex vf6o6 zxe8z ac22f d6bnv vpch8 bqo3s fa0ty bxl1r odr2u dark:bg-neutral-800 dark:before:absolute dark:before:inset-0 dark:before:bg-green-800/20 dark:before:rounded-e dark:focus:before:bg-green-800/30 dark:text-green-500" data-hs-overlay="#hs-pro-clee"> <span class="block truncate"> <span class="block rozsb truncate">Preline Q1 tasks review</span> <span class="block truncate">5 - 6AM</span> </span> </button> </div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> </div> <!-- End Day Col --> <!-- Day Col --> <div class="flex t1bzs pz3xv"> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf dark:border-e-neutral-500 dark:border-b-neutral-700"> <div class="ewvyg bgogn"></div> </div> </div> <!-- End Day Col --> <!-- Day Col --> <div class="flex t1bzs pz3xv"> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf k8w5x dgze4 dryop xnmd7 dark:border-b-neutral-700 dark:border-e-neutral-500 dark:bg-neutral-800 dark:after:bg-neutral-700/20"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf k8w5x dgze4 dryop xnmd7 dark:border-b-neutral-700 dark:border-e-neutral-500 dark:bg-neutral-800 dark:after:bg-neutral-700/20"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf k8w5x dgze4 dryop xnmd7 dark:border-b-neutral-700 dark:border-e-neutral-500 dark:bg-neutral-800 dark:after:bg-neutral-700/20"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf k8w5x dgze4 dryop xnmd7 dark:border-b-neutral-700 dark:border-e-neutral-500 dark:bg-neutral-800 dark:after:bg-neutral-700/20"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf k8w5x dgze4 dryop xnmd7 dark:border-b-neutral-700 dark:border-e-neutral-500 dark:bg-neutral-800 dark:after:bg-neutral-700/20"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf k8w5x dgze4 dryop xnmd7 dark:border-b-neutral-700 dark:border-e-neutral-500 dark:bg-neutral-800 dark:after:bg-neutral-700/20"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf k8w5x dgze4 dryop xnmd7 dark:border-b-neutral-700 dark:border-e-neutral-500 dark:bg-neutral-800 dark:after:bg-neutral-700/20"> <div class="ewvyg bgogn"> <button type="button" class="sslcy bld8k relative lmuus qaxp8 flex vf6o6 zxe8z ppf5n byl12 bmekf bqo3s fa0ty g6n80 odr2u dark:bg-neutral-800 dark:before:absolute dark:before:inset-0 dark:before:bg-yellow-800/20 dark:before:rounded-e dark:focus:before:bg-yellow-800/30 dark:text-yellow-500" data-hs-overlay="#hs-pro-clee"> <span class="block truncate"> <span class="block rozsb truncate">Review Preline Figma</span> <span class="block truncate">6 - 6:30PM</span> </span> </button> <button type="button" class="sslcy bld8k relative lmuus qaxp8 flex vf6o6 zxe8z rfvhp lyh9m dm41y bqo3s fa0ty yi1st odr2u dark:bg-neutral-800 dark:before:absolute dark:before:inset-0 dark:before:bg-sky-800/20 dark:before:rounded-e dark:focus:before:bg-sky-800/30 dark:text-sky-500" data-hs-overlay="#hs-pro-clee"> <span class="block truncate"> <span class="block rozsb truncate">Figma Optimization w/ Jacob</span> <span class="block truncate">6:45 - 7:15PM</span> </span> </button> </div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf k8w5x dgze4 dryop xnmd7 dark:border-b-neutral-700 dark:border-e-neutral-500 dark:bg-neutral-800 dark:after:bg-neutral-700/20"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf k8w5x dgze4 dryop xnmd7 dark:border-b-neutral-700 dark:border-e-neutral-500 dark:bg-neutral-800 dark:after:bg-neutral-700/20"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf k8w5x dgze4 dryop xnmd7 dark:border-b-neutral-700 dark:border-e-neutral-500 dark:bg-neutral-800 dark:after:bg-neutral-700/20"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf k8w5x dgze4 dryop xnmd7 dark:border-b-neutral-700 dark:border-e-neutral-500 dark:bg-neutral-800 dark:after:bg-neutral-700/20"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf k8w5x dgze4 dryop xnmd7 dark:border-b-neutral-700 dark:border-e-neutral-500 dark:bg-neutral-800 dark:after:bg-neutral-700/20"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf k8w5x dgze4 dryop xnmd7 dark:border-b-neutral-700 dark:border-e-neutral-500 dark:bg-neutral-800 dark:after:bg-neutral-700/20"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf k8w5x dgze4 dryop xnmd7 dark:border-b-neutral-700 dark:border-e-neutral-500 dark:bg-neutral-800 dark:after:bg-neutral-700/20"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf k8w5x dgze4 dryop xnmd7 dark:border-b-neutral-700 dark:border-e-neutral-500 dark:bg-neutral-800 dark:after:bg-neutral-700/20"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf k8w5x dgze4 dryop xnmd7 dark:border-b-neutral-700 dark:border-e-neutral-500 dark:bg-neutral-800 dark:after:bg-neutral-700/20"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf k8w5x dgze4 dryop xnmd7 dark:border-b-neutral-700 dark:border-e-neutral-500 dark:bg-neutral-800 dark:after:bg-neutral-700/20"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf k8w5x dgze4 dryop xnmd7 dark:border-b-neutral-700 dark:border-e-neutral-500 dark:bg-neutral-800 dark:after:bg-neutral-700/20"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf k8w5x dgze4 dryop xnmd7 dark:border-b-neutral-700 dark:border-e-neutral-500 dark:bg-neutral-800 dark:after:bg-neutral-700/20"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf k8w5x dgze4 dryop xnmd7 dark:border-b-neutral-700 dark:border-e-neutral-500 dark:bg-neutral-800 dark:after:bg-neutral-700/20"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf k8w5x dgze4 dryop xnmd7 dark:border-b-neutral-700 dark:border-e-neutral-500 dark:bg-neutral-800 dark:after:bg-neutral-700/20"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf k8w5x dgze4 dryop xnmd7 dark:border-b-neutral-700 dark:border-e-neutral-500 dark:bg-neutral-800 dark:after:bg-neutral-700/20"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf k8w5x dgze4 dryop xnmd7 dark:border-b-neutral-700 dark:border-e-neutral-500 dark:bg-neutral-800 dark:after:bg-neutral-700/20"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf k8w5x dgze4 dryop xnmd7 dark:border-b-neutral-700 dark:border-e-neutral-500 dark:bg-neutral-800 dark:after:bg-neutral-700/20"> <div class="ewvyg bgogn"></div> </div> </div> <!-- End Day Col --> <!-- Day Col --> <div class="flex t1bzs pz3xv"> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf k8w5x dgze4 dryop xnmd7 dark:border-b-neutral-700 dark:border-e-neutral-500 dark:bg-neutral-800 dark:after:bg-neutral-700/20"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf k8w5x dgze4 dryop xnmd7 dark:border-b-neutral-700 dark:border-e-neutral-500 dark:bg-neutral-800 dark:after:bg-neutral-700/20"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf k8w5x dgze4 dryop xnmd7 dark:border-b-neutral-700 dark:border-e-neutral-500 dark:bg-neutral-800 dark:after:bg-neutral-700/20"> <div class="ewvyg bgogn"> <button type="button" class="sslcy bld8k relative lmuus qaxp8 flex vf6o6 zxe8z rfvhp lyh9m dm41y bqo3s fa0ty yi1st odr2u dark:bg-neutral-800 dark:before:absolute dark:before:inset-0 dark:before:bg-sky-800/20 dark:before:rounded-e dark:focus:before:bg-sky-800/30 dark:text-sky-500" data-hs-overlay="#hs-pro-clee"> <span class="block rozsb truncate"> <s>Binge-Watch</s> </span> </button> </div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf k8w5x dgze4 dryop xnmd7 dark:border-b-neutral-700 dark:border-e-neutral-500 dark:bg-neutral-800 dark:after:bg-neutral-700/20"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf k8w5x dgze4 dryop xnmd7 dark:border-b-neutral-700 dark:border-e-neutral-500 dark:bg-neutral-800 dark:after:bg-neutral-700/20"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf k8w5x dgze4 dryop xnmd7 dark:border-b-neutral-700 dark:border-e-neutral-500 dark:bg-neutral-800 dark:after:bg-neutral-700/20"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf k8w5x dgze4 dryop xnmd7 dark:border-b-neutral-700 dark:border-e-neutral-500 dark:bg-neutral-800 dark:after:bg-neutral-700/20"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf k8w5x dgze4 dryop xnmd7 dark:border-b-neutral-700 dark:border-e-neutral-500 dark:bg-neutral-800 dark:after:bg-neutral-700/20"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf k8w5x dgze4 dryop xnmd7 dark:border-b-neutral-700 dark:border-e-neutral-500 dark:bg-neutral-800 dark:after:bg-neutral-700/20"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf k8w5x dgze4 dryop xnmd7 dark:border-b-neutral-700 dark:border-e-neutral-500 dark:bg-neutral-800 dark:after:bg-neutral-700/20"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf k8w5x dgze4 dryop xnmd7 dark:border-b-neutral-700 dark:border-e-neutral-500 dark:bg-neutral-800 dark:after:bg-neutral-700/20"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf k8w5x dgze4 dryop xnmd7 dark:border-b-neutral-700 dark:border-e-neutral-500 dark:bg-neutral-800 dark:after:bg-neutral-700/20"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf k8w5x dgze4 dryop xnmd7 dark:border-b-neutral-700 dark:border-e-neutral-500 dark:bg-neutral-800 dark:after:bg-neutral-700/20"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf k8w5x dgze4 dryop xnmd7 dark:border-b-neutral-700 dark:border-e-neutral-500 dark:bg-neutral-800 dark:after:bg-neutral-700/20"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf k8w5x dgze4 dryop xnmd7 dark:border-b-neutral-700 dark:border-e-neutral-500 dark:bg-neutral-800 dark:after:bg-neutral-700/20"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf k8w5x dgze4 dryop xnmd7 dark:border-b-neutral-700 dark:border-e-neutral-500 dark:bg-neutral-800 dark:after:bg-neutral-700/20"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf k8w5x dgze4 dryop xnmd7 dark:border-b-neutral-700 dark:border-e-neutral-500 dark:bg-neutral-800 dark:after:bg-neutral-700/20"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf k8w5x dgze4 dryop xnmd7 dark:border-b-neutral-700 dark:border-e-neutral-500 dark:bg-neutral-800 dark:after:bg-neutral-700/20"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf k8w5x dgze4 dryop xnmd7 dark:border-b-neutral-700 dark:border-e-neutral-500 dark:bg-neutral-800 dark:after:bg-neutral-700/20"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf k8w5x dgze4 dryop xnmd7 dark:border-b-neutral-700 dark:border-e-neutral-500 dark:bg-neutral-800 dark:after:bg-neutral-700/20"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf k8w5x dgze4 dryop xnmd7 dark:border-b-neutral-700 dark:border-e-neutral-500 dark:bg-neutral-800 dark:after:bg-neutral-700/20"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf k8w5x dgze4 dryop xnmd7 dark:border-b-neutral-700 dark:border-e-neutral-500 dark:bg-neutral-800 dark:after:bg-neutral-700/20"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf k8w5x dgze4 dryop xnmd7 dark:border-b-neutral-700 dark:border-e-neutral-500 dark:bg-neutral-800 dark:after:bg-neutral-700/20"> <div class="ewvyg bgogn"></div> </div> <div class="wsw3n relative flex i6awo scwsh vcvf1 cammi ulnyf k8w5x dgze4 dryop xnmd7 dark:border-b-neutral-700 dark:border-e-neutral-500 dark:bg-neutral-800 dark:after:bg-neutral-700/20"> <div class="ewvyg bgogn"></div> </div> </div> <!-- End Day Col --> </div> <!-- Days --> </div> <!-- End Weeks --> </div> </div> </div> </div> <!-- End Calendar --> </main> <!-- ========== END MAIN CONTENT ========== --> <!-- ========== SECONDARY SIDEBAR ========== --> <aside id="hs-pro-secondary-sidebar" class="hs-overlay [--auto-close:xl] hs-overlay-open:translate-x-0 fhtom g22ra hbz7g c6bbk hidden fixed jgfbh celeo fopbl temqr u2am9 m9vu4 qzo29 kq7zk pg68q qzwv3 up3qg dark:bg-neutral-800 dark:border-neutral-700" tabindex="-1" aria-label="Secondary Sidebar"> <div class="ly3m4 flex"> <div class="zput9 scwsh kq7zk dark:border-neutral-700"> <div class="bdby8 ly3m4 bgcuw zq2x8 oasqe c7c11 iz02v dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500"> <!-- Search --> <div class="cr73y qaxp8"> <div class="relative"> <div class="absolute cn1sr b5lzs -translate-y-1/2"> <svg class="h21yx towde pal0s 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"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.3-4.3"/></svg> <svg class="hidden h21yx towde pal0s dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M15 3v18"/><path d="m8 9 3 3-3 3"/></svg> </div> <input type="text" class="y027u puep4 l34id block qaxp8 kq7zk ngy7c ycht7 bqo3s aqt2b lj756 xp6ug dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400 dark:placeholder:text-neutral-500 dark:focus:ring-neutral-600" placeholder="Search"> </div> </div> <!-- End Search --> <!-- Meetings --> <div class="uawx7 g0aw2"> <div class="cr73y"> <h2 class="f4yq1 bqo3s p9tun dark:text-neutral-200"> No upcoming meeting </h2> </div> </div> <!-- End Meetings --> <div class="vcvf1 kq7zk dark:border-neutral-700"></div> <!-- Set Up --> <div id="set-up" class="g0aw2 jglyo"> <div class="cr73y"> <div class="nszzi flex m0bgt items-center"> <h2 class="f4yq1 bqo3s p9tun dark:text-neutral-200"> Welcome to Preline Calendar </h2> <button type="button" class="flex dry15 items-center dpsu3 ngy7c pal0s aefqe r0fp5 joaod dark:text-neutral-500" data-hs-remove-element="#set-up"> <span class="tliya">Dismiss</span> <svg class="h21yx towde" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg> </button> </div> <p class="bqo3s z1v6e dark:text-neutral-500"> Get ready with 5 simple steps </p> </div> <div class="nc0x2"> <!-- List Group --> <div> <!-- Item --> <div class="g0aw2 flex m0bgt items-center ihu9y"> <div class="s2k2k flex-wrap gul2i bqo3s p9tun dark:text-white"> <span class="f680z flex dry15 items-center g26n6 p9tun lli30 dark:bg-neutral-600 dark:text-neutral-200"> <svg class="h21yx ba0km" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg> <span class="tliya wq0mu ">1</span> </span> <s class="zuutc pal0s dark:text-neutral-500"> Desktop app </s> </div> <div> <button type="button" class="hmhrw k3en6 s2k2k items-center ernqe wq0mu ngy7c efs5t kq7zk m9vu4 p9tun ycht7 um5nz xwjcj c3i4e r0fp5 ckvf9 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" disabled> Download </button> </div> </div> <!-- End Item --> <!-- Item --> <div class="g0aw2 flex m0bgt items-center ihu9y"> <div class="s2k2k flex-wrap gul2i bqo3s p9tun dark:text-white"> <span class="f680z flex dry15 items-center efs5t sx2o3 wv197 z1v6e lli30 dark:border-neutral-600 dark:text-neutral-400"> <span class="wq0mu ">2</span> </span> <span class="zuutc"> Event notifications </span> </div> <div> <button type="button" class="hmhrw k3en6 s2k2k items-center ernqe wq0mu ngy7c efs5t kq7zk m9vu4 p9tun ycht7 um5nz xwjcj c3i4e r0fp5 ckvf9 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" > Enable </button> </div> </div> <!-- End Item --> <!-- Item --> <div class="g0aw2 flex m0bgt items-center ihu9y"> <div class="s2k2k flex-wrap gul2i bqo3s p9tun dark:text-white"> <span class="f680z flex dry15 items-center g26n6 p9tun lli30 dark:bg-neutral-600 dark:text-neutral-200"> <svg class="h21yx ba0km" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg> <span class="tliya wq0mu ">3</span> </span> <s class="zuutc pal0s dark:text-neutral-500"> Calendar accounts </s> </div> <div> <button type="button" class="hmhrw k3en6 s2k2k items-center ernqe wq0mu ngy7c efs5t kq7zk m9vu4 p9tun ycht7 um5nz xwjcj c3i4e r0fp5 ckvf9 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" disabled> Connect </button> </div> </div> <!-- End Item --> <!-- Item --> <div class="g0aw2 flex m0bgt items-center ihu9y"> <div class="s2k2k flex-wrap gul2i bqo3s p9tun dark:text-white"> <span class="f680z flex dry15 items-center efs5t sx2o3 wv197 z1v6e lli30 dark:border-neutral-600 dark:text-neutral-400"> <span class="wq0mu ">4</span> </span> <span class="zuutc"> Preline workspace </span> </div> <div> <button type="button" class="hmhrw k3en6 s2k2k items-center ernqe wq0mu ngy7c efs5t kq7zk m9vu4 p9tun ycht7 um5nz xwjcj c3i4e r0fp5 ckvf9 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" > Connect </button> </div> </div> <!-- End Item --> <!-- Item --> <div class="g0aw2 flex m0bgt items-center ihu9y"> <div class="s2k2k flex-wrap gul2i bqo3s p9tun dark:text-white"> <span class="f680z flex dry15 items-center efs5t sx2o3 wv197 z1v6e lli30 dark:border-neutral-600 dark:text-neutral-400"> <span class="wq0mu ">5</span> </span> <span class="zuutc"> Preline database </span> </div> <div> <button type="button" class="hmhrw k3en6 s2k2k items-center ernqe wq0mu ngy7c efs5t kq7zk m9vu4 p9tun ycht7 um5nz xwjcj c3i4e r0fp5 ckvf9 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" > Show </button> </div> </div> <!-- End Item --> </div> <!-- End List Group --> </div> </div> <!-- End Set Up --> <div class="vcvf1 kq7zk dark:border-neutral-700"></div> <!-- Set Up --> <a id="integrations" class="g0aw2 block um5nz dark:hover:bg-neutral-700" href="#"> <div class="g0aw2 a3cw8"> <div class="nszzi"> <h2 class="f4yq1 bqo3s p9tun dark:text-neutral-200"> Browse Calendar Integrations </h2> </div> <p class="bqo3s z1v6e dark:text-neutral-500"> Extend your calendar options even further. </p> <!-- Branding --> <div class="nc0x2 flex dry15 -space-x-2"> <div class="a0c5w flex dry15 items-center m9vu4 efs5t kq7zk lli30 dark:bg-neutral-800 dark:border-neutral-700"> <svg class="h21yx vs0hq" 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> <path d="M8.12839 8.86395H20.0324V15.8079H8.12839V8.86395Z" fill="#107C41"></path> <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> <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> <path d="M20.0324 15.8079H31.9364V22.7519H20.0324V15.8079Z" fill="#107C41"></path> <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="r1r22 dark:fill-neutral-200" fill="currentColor"></path> <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="r1r22 dark:fill-neutral-200" fill="currentColor"></path> <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="r1r22 dark:fill-neutral-200" fill="currentColor"></path> <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="r1r22 dark:fill-neutral-200" fill="currentColor"></path> <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> <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"></path> </svg> </div> <div class="a0c5w flex dry15 items-center m9vu4 efs5t kq7zk lli30 dark:bg-neutral-800 dark:border-neutral-700"> <svg class="h21yx vs0hq" 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="r1r22 dark:fill-neutral-200" fill="currentColor"></path> <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="r1r22 dark:fill-neutral-200" fill="currentColor"></path> </svg> </div> <div class="a0c5w flex dry15 items-center m9vu4 efs5t kq7zk lli30 dark:bg-neutral-800 dark:border-neutral-700"> <svg class="h21yx vs0hq" width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M11.3333 32C14.2773 32 16.6667 29.6106 16.6667 26.6666V21.3333H11.3333C8.38933 21.3333 6 23.7226 6 26.6666C6 29.6106 8.38933 32 11.3333 32Z" fill="#0ACF83"></path> <path d="M6 16C6 13.056 8.38933 10.6667 11.3333 10.6667H16.6667V21.3334H11.3333C8.38933 21.3334 6 18.944 6 16Z" fill="#A259FF"></path> <path d="M6 5.33333C6 2.38933 8.38933 0 11.3333 0H16.6667V10.6667H11.3333C8.38933 10.6667 6 8.27733 6 5.33333Z" fill="#F24E1E"></path> <path d="M16.6667 0H22C24.944 0 27.3334 2.38933 27.3334 5.33333C27.3334 8.27733 24.944 10.6667 22 10.6667H16.6667V0Z" fill="#FF7262"></path> <path d="M27.3334 16C27.3334 18.944 24.944 21.3334 22 21.3334C19.056 21.3334 16.6667 18.944 16.6667 16C16.6667 13.056 19.056 10.6667 22 10.6667C24.944 10.6667 27.3334 13.056 27.3334 16Z" fill="#1ABCFE"></path> </svg> </div> </div> <!-- End Branding --> </div> </a> <!-- End Set Up --> </div> </div> <!-- Mini Sidebar --> <div class="im91s flex pz3xv items-center srg05 ly3m4 f07vg bdby8"> <div class="ly3m4 bgcuw zq2x8 oasqe c7c11 iz02v dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500"> <div class="flex pz3xv items-center srg05"> <!-- Account --> <button type="button" class="s2k2k dry15 items-center ihu9y lli30 z1v6e tbhem xwjcj c3i4e r0fp5 q8jf0 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200"> <img class="h21yx huxlp s8ma3 lli30" 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> <!-- End Account --> <!-- Button --> <div class="hs-tooltip [--placement:right] ykxda"> <button type="button" class="hs-tooltip-toggle fs5ha s2k2k dry15 items-center dsp0o lli30 efs5t xk8dv z1v6e aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="h21yx ufena" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"> <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="r1r22 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="r1r22 dark:fill-neutral-200" fill="currentColor"/> </svg> </button> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 ykxda absolute wb6jx l2wpd y027u yi4bp bg-gray-900 bqo3s ifji7 hrliy awdil dark:bg-neutral-700" role="tooltip"> Notion </span> </div> <!-- End Button --> <!-- Button --> <div class="hs-tooltip [--placement:right] ykxda"> <button type="button" class="hs-tooltip-toggle fs5ha s2k2k dry15 items-center dsp0o lli30 efs5t xk8dv z1v6e aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="h21yx ufena" width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_11766_122209asdasd21)"> <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_122209asdasd21"> <rect width="32" height="32" fill="white" transform="translate(0.937439)"/> </clipPath> </defs> </svg> </button> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 ykxda absolute wb6jx l2wpd y027u yi4bp bg-gray-900 bqo3s ifji7 hrliy awdil dark:bg-neutral-700" role="tooltip"> Gmail </span> </div> <!-- End Button --> <!-- Button --> <div class="hs-tooltip [--placement:right] ykxda"> <a class="hs-tooltip-toggle fs5ha s2k2k dry15 items-center dsp0o lli30 efs5t xk8dv z1v6e aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#"> <svg class="h21yx ufena" xmlns="http://www.w3.org/2000/svg" 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> </a> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 ykxda absolute wb6jx l2wpd y027u yi4bp bg-gray-900 bqo3s ifji7 hrliy awdil dark:bg-neutral-700" role="tooltip"> Calendar </span> </div> <!-- End Button --> <!-- Button --> <div class="hs-tooltip [--placement:right] ykxda"> <button type="button" class="hs-tooltip-toggle fs5ha s2k2k dry15 items-center dsp0o lli30 efs5t xk8dv z1v6e aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="h21yx ufena" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z"/><circle cx="12" cy="12" r="3"/></svg> </button> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 ykxda absolute wb6jx l2wpd y027u yi4bp bg-gray-900 bqo3s ifji7 hrliy awdil dark:bg-neutral-700" role="tooltip"> Settings </span> </div> <!-- End Button --> <!-- Button --> <div class="hs-tooltip [--placement:right] ykxda"> <button type="button" class="hs-tooltip-toggle fs5ha s2k2k dry15 items-center dsp0o lli30 efs5t xk8dv z1v6e aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="h21yx ufena" xmlns="http://www.w3.org/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 ykxda absolute wb6jx l2wpd y027u yi4bp bg-gray-900 bqo3s ifji7 hrliy awdil dark:bg-neutral-700" role="tooltip"> Support </span> </div> <!-- End Button --> <div class="vwzxd batcw wv197 dark:border-neutral-600"></div> <!-- Button --> <div class="hs-tooltip [--placement:right] ykxda"> <button type="button" class="hs-tooltip-toggle fs5ha s2k2k dry15 items-center dsp0o lli30 efs5t xk8dv z1v6e aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="h21yx ufena" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg> </button> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 ykxda absolute wb6jx l2wpd y027u yi4bp bg-gray-900 bqo3s ifji7 hrliy awdil dark:bg-neutral-700" role="tooltip"> Get add-ons </span> </div> <!-- End Button --> <!-- Dark Mode --> <button type="button" class="wesz1 block hs-dark-mode lli30 r0fp5 joaod dark:focus:bg-neutral-700" data-hs-theme-click-value="dark"> <span class="group s2k2k h21yx dry15 items-center fs5ha f4yq1 lli30 z1v6e aefqe dark:text-neutral-400 dark:hover:bg-neutral-700"> <svg class="h21yx ufena" xmlns="http://www.w3.org/2000/svg" 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> </button> <button type="button" class="xda6r hidden hs-dark-mode lli30 r0fp5 joaod dark:focus:bg-neutral-700" data-hs-theme-click-value="light"> <span class="group s2k2k h21yx dry15 items-center fs5ha f4yq1 lli30 z1v6e aefqe dark:text-neutral-400 dark:hover:bg-neutral-700"> <svg class="h21yx ufena" xmlns="http://www.w3.org/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> </span> </button> <!-- End Dark Mode --> </div> </div> </div> <!-- End Mini Sidebar --> </div> </aside> <!-- ========== END SECONDARY SIDEBAR ========== --> <script src="../../assets/vendor/preline/dist/index.js?v=2.5.0"></script> </body> </html> <!-- Calendar Create Event Modal --> <div id="hs-pro-clce" class="hs-overlay hidden ewvyg fixed fopbl x0wu9 rpylz apqjg [--close-when-click-inside:true] xt2fk" role="dialog" tabindex="-1" aria-labelledby="hs-pro-clce-label"> <div class="hs-overlay-open:mt-7 hs-overlay-open:opacity-100 hs-overlay-open:duration-500 ftdwh opacity-0 oviqp g22ra tbpgf ppfkn crpye ubyl1 h-[calc(100%-3.5rem)] min-h-[calc(100%-3.5rem)] flex items-center"> <div class="qaxp8 f07vg flex pz3xv m9vu4 dxf1r fpj7t shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] dark:shadow-[0_10px_40px_10px_rgba(0,0,0,0.2)] dark:bg-neutral-800"> <!-- Header --> <div class="pykdd iwwvx flex m0bgt items-center vcvf1 dark:border-neutral-700"> <h3 id="hs-pro-clce-label" class="f4yq1 p9tun dark:text-neutral-200"> Create event </h3> <button type="button" class="a0c5w s2k2k dry15 items-center dsp0o lli30 efs5t xk8dv ac0xq p9tun aefqe xwjcj c3i4e r0fp5 joaod 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-clce"> <span class="tliya">Close</span> <svg class="h21yx ufena" xmlns="http://www.w3.org/2000/svg" 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-modal-create-event" class="bgcuw zq2x8 oasqe c7c11 iz02v dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500"> <div class="u3doq cwicw"> <!-- Event List --> <div class="i80r8 mq389 wn51l"> <!-- Item --> <div class="lf2i4"> <label for="hs-create-event-title-autoheight-textarea" class="qptmd flex dry15 items-center ernqe ntb30 pal0s dark:text-neutral-500"> <svg class="h21yx ufena" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="4 7 4 4 20 4 20 7"/><line x1="9" x2="15" y1="20" y2="20"/><line x1="12" x2="12" y1="4" y2="20"/></svg> <span class="tliya">Title</span> </label> </div> <div class="mikvi"> <textarea id="hs-create-event-title-autoheight-textarea" class="y027u cr73y block qaxp8 xk8dv ngy7c ntb30 ejwsa aqt2b bxbr4 xwjcj c3i4e ip2jr actqw esbqm dark:bg-neutral-800 dark:hover:border-neutral-700 dark:text-neutral-200 dark:placeholder:text-neutral-500 dark:focus:bg-neutral-700" rows="1" placeholder="Add title" ></textarea> </div> <!-- End Item --> <!-- Item --> <div class="lf2i4"> <label class="pvx5y flex dry15 items-center ernqe ntb30 pal0s dark:text-neutral-500"> <svg class="h21yx ufena" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg> <span class="tliya">Date & Time:</span> </label> </div> <div class="mikvi"> <div class="bgogn"> <!-- Grid --> <div class="flex yj3ta gkc55 items-center fs0bl co74h"> <div class="qaxp8 glz3h"> <!-- Select --> <div class="relative group"> <select data-hs-select='{ "placeholder": "Start time", "toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>", "toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative y027u es30u xdltm qaxp8 flex dsp0o ifji7 p9tun cursor-pointer m9vu4 efs5t xk8dv ngy7c vf6o6 ntb30 ejwsa hover:focus:border-transparent r0fp5 ip2jr dark:bg-neutral-800 dark:hover:border-neutral-700 dark:text-neutral-200 dark:focus:outline-none dark:focus:bg-neutral-700", "dropdownClasses": "jglyo le6w0 qaxp8 aumt2 lavrb z4ia7 apqjg bgcuw m9vu4 dxf1r shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] zq2x8 oasqe c7c11 iz02v 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 hmhrw viac4 qaxp8 ntb30 p9tun cursor-pointer um5nz ngy7c r0fp5 ip2jr dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800", "optionTemplate": "<div class=\"flex m0bgt items-center qaxp8 \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"h21yx vs0hq p9tun 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-modal-create-event" }' class="hidden"> <option value="">Choose</option> <option>12:00AM</option> <option>12:15AM</option> <option>12:30AM</option> <option>12:45AM</option> <option>1:00AM</option> <option>1:15AM</option> <option>1:30AM</option> <option>1:45AM</option> <option>2:00AM</option> <option>2:15AM</option> <option>2:30AM</option> <option>2:45AM</option> <option>3:00AM</option> <option>3:15AM</option> <option>3:30AM</option> <option>3:45AM</option> <option>4:00AM</option> <option>4:15AM</option> <option>4:30AM</option> <option>4:45AM</option> <option>5:00AM</option> <option>5:15AM</option> <option>5:30AM</option> <option>5:45AM</option> <option>6:00AM</option> <option>6:15AM</option> <option>6:30AM</option> <option>6:45AM</option> <option>7:00AM</option> <option>7:15AM</option> <option>7:30AM</option> <option>7:45AM</option> <option>8:00AM</option> <option>8:15AM</option> <option>8:30AM</option> <option>8:45AM</option> <option>9:00AM</option> <option>9:15AM</option> <option>9:30AM</option> <option>9:45AM</option> <option selected>10:00AM</option> <option>10:15AM</option> <option>10:30AM</option> <option>10:45AM</option> <option>11:00AM</option> <option>11:15AM</option> <option>11:30AM</option> <option>11:45AM</option> <option>12:00PM</option> <option>12:15PM</option> <option>12:30PM</option> <option>12:45PM</option> <option>1:00PM</option> <option>1:15PM</option> <option>1:30PM</option> <option>1:45PM</option> <option>2:00PM</option> <option>2:15PM</option> <option>2:30PM</option> <option>2:45PM</option> <option>3:00PM</option> <option>3:15PM</option> <option>3:30PM</option> <option>3:45PM</option> <option>4:00PM</option> <option>4:15PM</option> <option>4:30PM</option> <option>4:45PM</option> <option>5:00PM</option> <option>5:15PM</option> <option>5:30PM</option> <option>5:45PM</option> <option>6:00PM</option> <option>6:15PM</option> <option>6:30PM</option> <option>6:45PM</option> <option>7:00PM</option> <option>7:15PM</option> <option>7:30PM</option> <option>7:45PM</option> <option>8:00PM</option> <option>8:15PM</option> <option>8:30PM</option> <option>8:45PM</option> <option>9:00PM</option> <option>9:15PM</option> <option>9:30PM</option> <option>9:45PM</option> <option>10:00PM</option> <option>10:15PM</option> <option>10:30PM</option> <option>10:45PM</option> <option>11:00PM</option> <option>11:15PM</option> <option>11:30PM</option> <option>11:45PM</option> </select> <div class="absolute cn1sr rc2yk -translate-y-1/2 opacity-0 i3gqx duwbj"> <svg class="h21yx vs0hq pal0s dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg> </div> </div> <!-- End Select --> </div> <div class="hjqob"> <svg class="h21yx towde huxlp pal0s dark:text-neutral-600" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg> </div> <div class="qaxp8 glz3h"> <!-- Select --> <div class="relative group"> <select data-hs-select='{ "placeholder": "Start time", "toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>", "toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative y027u es30u xdltm qaxp8 flex dsp0o ifji7 p9tun cursor-pointer m9vu4 efs5t xk8dv ngy7c vf6o6 ntb30 ejwsa hover:focus:border-transparent r0fp5 ip2jr dark:bg-neutral-800 dark:hover:border-neutral-700 dark:text-neutral-200 dark:focus:outline-none dark:focus:bg-neutral-700", "dropdownClasses": "jglyo le6w0 qaxp8 aumt2 lavrb z4ia7 apqjg bgcuw m9vu4 dxf1r shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] zq2x8 oasqe c7c11 iz02v 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 hmhrw viac4 qaxp8 ntb30 p9tun cursor-pointer um5nz ngy7c r0fp5 ip2jr dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800", "optionTemplate": "<div class=\"flex m0bgt items-center qaxp8 \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"h21yx vs0hq p9tun 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-modal-create-event" }' class="hidden"> <option value="">Choose</option> <option>12:00AM</option> <option>12:15AM</option> <option>12:30AM</option> <option>12:45AM</option> <option>1:00AM</option> <option>1:15AM</option> <option>1:30AM</option> <option>1:45AM</option> <option>2:00AM</option> <option>2:15AM</option> <option>2:30AM</option> <option>2:45AM</option> <option>3:00AM</option> <option>3:15AM</option> <option>3:30AM</option> <option>3:45AM</option> <option>4:00AM</option> <option>4:15AM</option> <option>4:30AM</option> <option>4:45AM</option> <option>5:00AM</option> <option>5:15AM</option> <option>5:30AM</option> <option>5:45AM</option> <option>6:00AM</option> <option>6:15AM</option> <option>6:30AM</option> <option>6:45AM</option> <option>7:00AM</option> <option>7:15AM</option> <option>7:30AM</option> <option>7:45AM</option> <option>8:00AM</option> <option>8:15AM</option> <option>8:30AM</option> <option>8:45AM</option> <option>9:00AM</option> <option>9:15AM</option> <option>9:30AM</option> <option>9:45AM</option> <option selected>10:00AM</option> <option>10:15AM</option> <option>10:30AM</option> <option>10:45AM</option> <option>11:00AM</option> <option>11:15AM</option> <option>11:30AM</option> <option>11:45AM</option> <option>12:00PM</option> <option>12:15PM</option> <option>12:30PM</option> <option>12:45PM</option> <option>1:00PM</option> <option>1:15PM</option> <option>1:30PM</option> <option>1:45PM</option> <option>2:00PM</option> <option>2:15PM</option> <option>2:30PM</option> <option>2:45PM</option> <option>3:00PM</option> <option>3:15PM</option> <option>3:30PM</option> <option>3:45PM</option> <option>4:00PM</option> <option>4:15PM</option> <option>4:30PM</option> <option>4:45PM</option> <option>5:00PM</option> <option>5:15PM</option> <option>5:30PM</option> <option>5:45PM</option> <option>6:00PM</option> <option>6:15PM</option> <option>6:30PM</option> <option>6:45PM</option> <option>7:00PM</option> <option>7:15PM</option> <option>7:30PM</option> <option>7:45PM</option> <option>8:00PM</option> <option>8:15PM</option> <option>8:30PM</option> <option>8:45PM</option> <option>9:00PM</option> <option>9:15PM</option> <option>9:30PM</option> <option>9:45PM</option> <option>10:00PM</option> <option>10:15PM</option> <option>10:30PM</option> <option>10:45PM</option> <option>11:00PM</option> <option>11:15PM</option> <option>11:30PM</option> <option>11:45PM</option> </select> <div class="absolute cn1sr rc2yk -translate-y-1/2 opacity-0 i3gqx duwbj"> <svg class="h21yx vs0hq pal0s dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg> </div> </div> <!-- End Select --> </div> </div> <!-- End Grid --> <!-- Grid --> <div class="flex yj3ta gkc55 items-center fs0bl co74h"> <div class="qaxp8 glz3h"> <!-- Calendar Dropdown --> <div class="hs-dropdown [--strategy:absolute] [--auto-close:inside] relative s2k2k qaxp8"> <button id="hs-pro-clcremd1" type="button" class="y027u cr73y group s2k2k items-center ernqe qaxp8 vf6o6 ntb30 ngy7c efs5t xk8dv m9vu4 p9tun ejwsa xwjcj c3i4e r0fp5 ip2jr hover:focus:border-transparent dark:bg-neutral-800 dark:text-neutral-200 dark:hover:border-neutral-700 dark:focus:bg-neutral-700" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> Thu, Jan 2024 <svg class="h21yx vs0hq k2n1r pal0s opacity-0 i3gqx duwbj 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> </button> <!-- Dropdown --> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 hvaak transition-[opacity,margin] duration opacity-0 hidden obd5o m9vu4 dxf1r shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] dark:shadow-[0_10px_40px_10px_rgba(0,0,0,0.2)] dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-clcremd1"> <!-- Calendar --> <div class="g0aw2 i80r8 lzrky"> <div class="fmgke "> <!-- Months --> <div class="flex m0bgt items-center fs0bl kl8ix"> <span class="gf9di block bqo3s f4yq1 z1v6e dark:text-neutral-500">January 2024</span> <div class="flex tiner items-center fs0bl"> <button type="button" class="cu201 zxfop flex dry15 items-center z1v6e aefqe tbhem lli30 xwjcj c3i4e r0fp5 joaod dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200" aria-label="Previous"> <svg class="h21yx vs0hq" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m15 18-6-6 6-6"/></svg> </button> <button type="button" class="cu201 zxfop flex dry15 items-center z1v6e aefqe tbhem lli30 xwjcj c3i4e r0fp5 joaod dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200" aria-label="Next"> <svg class="h21yx vs0hq" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg> </button> </div> </div> <!-- Months --> <!-- Weeks --> <div class="flex r6z19"> <span class="cu201 awl1n block a3cw8 wq0mu z1v6e dark:text-neutral-500"> Mo </span> <span class="cu201 awl1n block a3cw8 wq0mu z1v6e dark:text-neutral-500"> Tu </span> <span class="cu201 awl1n block a3cw8 wq0mu z1v6e dark:text-neutral-500"> We </span> <span class="cu201 awl1n block a3cw8 wq0mu z1v6e dark:text-neutral-500"> Th </span> <span class="cu201 awl1n block a3cw8 wq0mu z1v6e dark:text-neutral-500"> Fr </span> <span class="cu201 awl1n block a3cw8 wq0mu z1v6e dark:text-neutral-500"> Sa </span> <span class="cu201 awl1n block a3cw8 wq0mu z1v6e dark:text-neutral-500"> Su </span> </div> <!-- Weeks --> <!-- Days --> <div class="flex"> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 1 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 2 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 3 <span class="absolute lq3ag rhyjt vv4ah uylzq lli30 -translate-x-1/2 dark:bg-blue-500"></span> </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 4 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 5 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 6 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 7 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 8 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 9 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 10 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 11 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center uylzq efs5t xk8dv bqo3s f4yq1 hrliy n81bt lli30 dark:bg-blue-500 xwjcj c3i4e r0fp5 lzdvd dark:hover:border-neutral-700"> 12 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 13 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 14 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 15 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 16 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 17 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 18 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 19 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 20 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 21 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 22 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 23 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 24 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 25 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 26 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 27 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 28 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 29 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 30 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 31 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 1 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 2 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 3 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 4 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 5 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 6 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 7 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 8 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 9 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 10 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 11 </button> </div> </div> <!-- Days --> </div> </div> <!-- End Calendar --> </div> <!-- End Dropdown --> </div> <!-- End Calendar Dropdown --> </div> <div class="hjqob"> <svg class="h21yx towde huxlp pal0s dark:text-neutral-600" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg> </div> <div class="qaxp8 glz3h"> <!-- Calendar Dropdown --> <div class="hs-dropdown [--strategy:absolute] [--auto-close:inside] relative s2k2k qaxp8"> <button id="hs-pro-clcremd2" type="button" class="y027u cr73y group s2k2k items-center ernqe qaxp8 vf6o6 ntb30 ngy7c efs5t xk8dv m9vu4 p9tun ejwsa xwjcj c3i4e r0fp5 ip2jr hover:focus:border-transparent dark:bg-neutral-800 dark:text-neutral-200 dark:hover:border-neutral-700 dark:focus:bg-neutral-700" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> Thu, Jan 2024 <svg class="h21yx vs0hq k2n1r pal0s opacity-0 i3gqx duwbj 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> </button> <!-- Dropdown --> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 hvaak transition-[opacity,margin] duration opacity-0 hidden obd5o m9vu4 dxf1r shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] dark:shadow-[0_10px_40px_10px_rgba(0,0,0,0.2)] dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-clcremd2"> <!-- Calendar --> <div class="g0aw2 i80r8 lzrky"> <div class="fmgke "> <!-- Months --> <div class="flex m0bgt items-center fs0bl kl8ix"> <span class="gf9di block bqo3s f4yq1 z1v6e dark:text-neutral-500">January 2024</span> <div class="flex tiner items-center fs0bl"> <button type="button" class="cu201 zxfop flex dry15 items-center z1v6e aefqe tbhem lli30 xwjcj c3i4e r0fp5 joaod dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200" aria-label="Previous"> <svg class="h21yx vs0hq" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m15 18-6-6 6-6"/></svg> </button> <button type="button" class="cu201 zxfop flex dry15 items-center z1v6e aefqe tbhem lli30 xwjcj c3i4e r0fp5 joaod dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200" aria-label="Next"> <svg class="h21yx vs0hq" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg> </button> </div> </div> <!-- Months --> <!-- Weeks --> <div class="flex r6z19"> <span class="cu201 awl1n block a3cw8 wq0mu z1v6e dark:text-neutral-500"> Mo </span> <span class="cu201 awl1n block a3cw8 wq0mu z1v6e dark:text-neutral-500"> Tu </span> <span class="cu201 awl1n block a3cw8 wq0mu z1v6e dark:text-neutral-500"> We </span> <span class="cu201 awl1n block a3cw8 wq0mu z1v6e dark:text-neutral-500"> Th </span> <span class="cu201 awl1n block a3cw8 wq0mu z1v6e dark:text-neutral-500"> Fr </span> <span class="cu201 awl1n block a3cw8 wq0mu z1v6e dark:text-neutral-500"> Sa </span> <span class="cu201 awl1n block a3cw8 wq0mu z1v6e dark:text-neutral-500"> Su </span> </div> <!-- Weeks --> <!-- Days --> <div class="flex"> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 1 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 2 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 3 <span class="absolute lq3ag rhyjt vv4ah uylzq lli30 -translate-x-1/2 dark:bg-blue-500"></span> </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 4 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 5 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 6 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 7 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 8 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 9 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 10 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 11 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center uylzq efs5t xk8dv bqo3s f4yq1 hrliy n81bt lli30 dark:bg-blue-500 xwjcj c3i4e r0fp5 lzdvd dark:hover:border-neutral-700"> 12 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 13 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 14 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 15 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 16 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 17 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 18 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 19 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 20 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 21 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 22 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 23 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 24 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 25 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 26 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 27 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 28 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 29 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 30 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center efs5t xk8dv bqo3s p9tun lli30 aefqe xwjcj c3i4e r0fp5 joaod dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 31 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 1 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 2 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 3 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 4 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 5 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 6 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 7 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 8 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 9 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 10 </button> </div> <div> <button type="button" class="cu201 relative k272m flex dry15 items-center bqo3s pal0s lli30 aefqe xwjcj c3i4e r0fp5 wmpb2 dark:text-neutral-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> 11 </button> </div> </div> <!-- Days --> </div> </div> <!-- End Calendar --> </div> <!-- End Dropdown --> </div> <!-- End Calendar Dropdown --> </div> </div> <!-- End Grid --> <!-- Grid --> <div class="flex yj3ta gkc55 items-center fs0bl co74h"> <div class="qaxp8 glz3h"> <!-- Switch --> <div class="flex items-center dsp0o y5msh"> <label for="hs-pro-crcemad" class="flex items-center ernqe ntb30 ifji7 p9tun dark:text-neutral-200"> All-Day: </label> <input type="checkbox" id="hs-pro-crcemad" class="relative h21yx f6k69 kgl3m yqyxf ac0xq xk8dv fq13s lli30 cursor-pointer t2tr4 lufa4 is14d aefqe o7vfi esbqm ubvgx xwjcj c3i4e checked:bg-none checked:text-blue-600 checked:border-blue-600 dark:bg-neutral-700 dark:border-neutral-700 dark:checked:bg-blue-500 mgdhi j3cto vclh7 z18uw t1qhx pfmzk s1en8 nosy7 s6hqp kc9wk ipz0b nunmy lfy06 dark:before:bg-neutral-400 dark:checked:before:bg-white"> </div> <!-- End Switch --> </div> <div class="hjqob"> <svg class="opacity-0 h21yx towde huxlp pal0s dark:text-neutral-600" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg> </div> <div class="qaxp8 glz3h"> <!-- Repeat Dropdown --> <div class="hs-dropdown [--strategy:absolute] relative s2k2k qaxp8"> <button id="hs-pro-crcemdid" type="button" class="y027u cr73y group s2k2k items-center ernqe qaxp8 vf6o6 ntb30 ngy7c efs5t xk8dv m9vu4 p9tun ejwsa hover:focus:border-transparent xwjcj c3i4e r0fp5 ip2jr dark:bg-neutral-800 dark:text-neutral-200 dark:hover:border-neutral-700 dark:focus:bg-neutral-700" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> Do not repeat <svg class="h21yx vs0hq k2n1r pal0s opacity-0 i3gqx duwbj 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> </button> <!-- Dropdown --> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 qaxp8 transition-[opacity,margin] duration opacity-0 hidden obd5o m9vu4 dxf1r shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] dark:shadow-[0_10px_40px_10px_rgba(0,0,0,0.2)] dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-crcemdid"> <div class="lavrb z4ia7"> <!-- Radio --> <label for="hs-pro-crcemd1" class="hmhrw cr73y group flex ihu9y ngy7c cursor-pointer ntb30 p9tun um5nz dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <input type="radio" class="hidden" id="hs-pro-crcemd1" name="hs-pro-crcemd" checked> Do not repeat <svg class="h21yx vs0hq zl3j0 k2n1r opacity-0 group-has-[:checked]:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg> </label> <!-- End Radio --> <!-- Radio --> <label for="hs-pro-crcemd2" class="hmhrw cr73y group flex ihu9y ngy7c cursor-pointer ntb30 p9tun um5nz dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <input type="radio" class="hidden" id="hs-pro-crcemd2" name="hs-pro-crcemd"> Every Day <svg class="h21yx vs0hq zl3j0 k2n1r opacity-0 group-has-[:checked]:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg> </label> <!-- End Radio --> <!-- Radio --> <label for="hs-pro-crcemd3" class="hmhrw cr73y group flex ihu9y ngy7c cursor-pointer ntb30 p9tun um5nz dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <input type="radio" class="hidden" id="hs-pro-crcemd3" name="hs-pro-crcemd"> Every Week <svg class="h21yx vs0hq zl3j0 k2n1r opacity-0 group-has-[:checked]:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg> </label> <!-- End Radio --> <!-- Radio --> <label for="hs-pro-crcemd4" class="hmhrw cr73y group flex ihu9y ngy7c cursor-pointer ntb30 p9tun um5nz dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <input type="radio" class="hidden" id="hs-pro-crcemd4" name="hs-pro-crcemd"> Every Year <svg class="h21yx vs0hq zl3j0 k2n1r opacity-0 group-has-[:checked]:opacity-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg> </label> <!-- End Radio --> </div> <div class="lavrb batcw kq7zk dark:border-neutral-800"> <button type="button" class="flex items-center ihu9y qaxp8 y027u cr73y awdil ntb30 p9tun um5nz xwjcj c3i4e r0fp5 ip2jr dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-clcre" data-hs-overlay-options='{ "isClosePrev": false }'> Custom </button> </div> </div> <!-- End Dropdown --> </div> <!-- End Repeat Dropdown --> </div> </div> <!-- End Grid --> </div> </div> <!-- End Item --> <!-- Item --> <div class="lf2i4"> <label for="hs-pro-crcemtz" class="lraol flex dry15 items-center ernqe ntb30 pal0s dark:text-neutral-500"> <svg class="h21yx ufena" xmlns="http://www.w3.org/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 class="tliya">Time Zone:</span> </label> </div> <div class="mikvi relative qbul0 fqt49 vwcz4 uj7nx hyb3p before:w-[calc(100%-8px)] o3jwg kufxl dark:before:bg-white/10"> <input id="hs-pro-crcemtz" type="text" class="y027u cr73y block qaxp8 xk8dv ngy7c ntb30 p9tun zuutc ejwsa aqt2b xwjcj c3i4e ip2jr actqw esbqm dark:text-neutral-200 dark:bg-neutral-800 dark:hover:border-neutral-700 dark:text-neutral-200 dark:placeholder:text-neutral-500 dark:focus:bg-neutral-700" placeholder="Time Zone" value="London (GMT+0)"> </div> <!-- End Item --> <!-- Item --> <div class="lf2i4"> <label for="hs-pro-crcemg" class="lraol flex dry15 items-center ernqe ntb30 pal0s dark:text-neutral-500"> <svg class="h21yx ufena" xmlns="http://www.w3.org/2000/svg" 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="tliya">Participants:</span> </label> </div> <div class="mikvi relative qbul0 fqt49 vwcz4 uj7nx hyb3p before:w-[calc(100%-8px)] o3jwg kufxl dark:before:bg-white/10"> <input id="hs-pro-crcemg" type="text" class="y027u cr73y block qaxp8 xk8dv ngy7c ntb30 p9tun zuutc ejwsa aqt2b xwjcj c3i4e ip2jr actqw esbqm dark:text-neutral-200 dark:bg-neutral-800 dark:hover:border-neutral-700 dark:text-neutral-200 dark:placeholder:text-neutral-500 dark:focus:bg-neutral-700" placeholder="Add Participants"> </div> <!-- End Item --> <!-- Item --> <div class="lf2i4"> <label class="lraol flex dry15 items-center ernqe ntb30 pal0s dark:text-neutral-500"> <svg class="h21yx ufena" xmlns="http://www.w3.org/2000/svg" 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 8-6 4 6 4V8Z"/><rect width="14" height="12" x="2" y="6" rx="2" ry="2"/></svg> <span class="tliya">Video Conferencing:</span> </label> </div> <div class="mikvi relative qbul0 fqt49 vwcz4 uj7nx hyb3p before:w-[calc(100%-8px)] o3jwg kufxl dark:before:bg-white/10"> <button type="button" class="group flex flex-wrap items-center dsp0o qaxp8 lavrb es30u tdvxx dlm5o awdil ntb30 p9tun um5nz xwjcj c3i4e r0fp5 ip2jr dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="h21yx ufena" xmlns="http://www.w3.org/2000/svg" width="192" height="192" viewBox="0 0 192 192"><path fill="none" d="M0 0h192v192H0z"/><path fill="#00832D" d="M108 96l17.06 19.5L148 130.16l4-34.03-4-33.28-23.38 12.88z"/><path fill="#0066DA" d="M9 127v29c0 6.63 5.37 12 12 12h29l6-21.92L50 127l-19.9-6L9 127z"/><path fill="#E94235" d="M50 24L9 65l21.1 6L50 65l5.9-18.83z"/><path fill="#2684FC" d="M9 65h41v62H9z"/><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 fill="#FFBA00" d="M136 24H50v41h58v31l40-33.15V36c0-6.63-5.37-12-12-12z"/></svg> Google Meet </button> <button type="button" class="flex flex-wrap items-center dsp0o qaxp8 lavrb es30u tdvxx dlm5o awdil ntb30 tqixq um5nz xwjcj c3i4e r0fp5 ip2jr dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="h21yx ufena" width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M435.2 0H76.8C34.3845 0 0 34.3845 0 76.8V435.2C0 477.615 34.3845 512 76.8 512H435.2C477.615 512 512 477.615 512 435.2V76.8C512 34.3845 477.615 0 435.2 0Z" fill="#2D8CFF"/> <path d="M428 357C436 359 443 355 447 349C449 346 449 341 449 330V179C449 168 449 164 447 160C444 152 436 149 428 152C407 166 361 207 360 224C359.2 227 359.2 232 359.2 239V277C359.2 285 359.2 288 360 292C361 300 364 307 368 311C380 320 420 356 429 356L428 357ZM64 187C64 172 64 164 67 160C69 156 75 152 78 149C82 146 89 146 105 146H234C272 146 291 146 306 154C317 162 329 169 336 184C344 199 344 218 344 256V324C344 339 344 347 341 351C339 355 333 359 330 362C326 365 319 365 303 365H174C136 365 117 365 102 357C91 349 79 342 72 327C64 312 64 293 64 255V187Z" fill="white"/> </svg> Zoom <span class="k2n1r hmhrw k3en6 bqo3s ngy7c efs5t kq7zk m9vu4 p9tun ycht7 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300"> Connect </span> </button> </div> <!-- End Item --> <!-- Item --> <div class="lf2i4"> <label for="hs-create-event-location-autoheight-textarea" class="lraol flex dry15 items-center ernqe ntb30 pal0s dark:text-neutral-500"> <svg class="h21yx ufena" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z"/><circle cx="12" cy="10" r="3"/></svg> <span class="tliya">Location:</span> </label> </div> <div class="mikvi relative qbul0 fqt49 vwcz4 uj7nx hyb3p before:w-[calc(100%-8px)] o3jwg kufxl dark:before:bg-white/10"> <textarea id="hs-create-event-location-autoheight-textarea" class="y027u cr73y block qaxp8 xk8dv ngy7c ntb30 p9tun ejwsa aqt2b bxbr4 xwjcj c3i4e ip2jr actqw esbqm dark:bg-neutral-800 dark:hover:border-neutral-700 dark:text-neutral-200 dark:placeholder:text-neutral-500 dark:focus:bg-neutral-700" rows="1" placeholder="Add Location"></textarea> </div> <!-- End Item --> <!-- Item --> <button type="button" class="hs-collapse-toggle hs-collapse-open:hidden group w353x qaxp8 vf6o6 r0fp5 xwjcj c3i4e dark:before:bg-white/10" id="hs-pro-crcem-add-description-url-attachments-collapse" aria-expanded="false" aria-controls="hs-pro-crcem-add-description-url-attachments" data-hs-collapse="#hs-pro-crcem-add-description-url-attachments"> <span class="i80r8 mq389 wn51l"> <span class="lf2i4"> <span class="lraol flex dry15 items-center ernqe ntb30 pal0s dark:text-neutral-500"> <svg class="h21yx ufena" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="21" x2="3" y1="6" y2="6"/><line x1="15" x2="3" y1="12" y2="12"/><line x1="17" x2="3" y1="18" y2="18"/></svg> </span> </span> <span class="mikvi relative qbul0 fqt49 vwcz4 uj7nx hyb3p before:w-[calc(100%-8px)] o3jwg kufxl dark:before:bg-white/10"> <span class="y027u cr73y block qaxp8 awdil ntb30 p9tun efs5t xk8dv r6vbn h5scg dark:text-neutral-200 dark:group-hover:bg-neutral-700 dark:group-focus:bg-neutral-700"> Add description, URL, or Attachments </span> </span> </span> </button> <!-- End Item --> <!-- Item --> <div id="hs-pro-crcem-add-description-url-attachments" class="wm1l4 hidden w353x qaxp8 apqjg transition-[height] hbz7g" aria-labelledby="hs-pro-crcem-add-description-url-attachments-collapse"> <div class="i80r8 mq389 wn51l"> <!-- Item --> <div class="lf2i4"> <label for="hs-create-event-description-autoheight-textarea" class="lraol flex dry15 items-center ernqe ntb30 pal0s dark:text-neutral-500"> <svg class="h21yx ufena" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="21" x2="3" y1="6" y2="6"/><line x1="15" x2="3" y1="12" y2="12"/><line x1="17" x2="3" y1="18" y2="18"/></svg> <span class="tliya">Description:</span> </label> </div> <div class="mikvi relative qbul0 fqt49 vwcz4 uj7nx hyb3p before:w-[calc(100%-8px)] o3jwg kufxl dark:before:bg-white/10"> <textarea id="hs-create-event-description-autoheight-textarea" class="y027u cr73y block qaxp8 xk8dv ngy7c ntb30 ejwsa aqt2b bxbr4 xwjcj c3i4e ip2jr actqw esbqm dark:bg-neutral-800 dark:hover:border-neutral-700 dark:text-neutral-200 dark:placeholder:text-neutral-500 dark:focus:bg-neutral-700" rows="1" placeholder="Add Description"></textarea> </div> <!-- End Item --> <!-- Item --> <div class="lf2i4"> <label for="hs-pro-crcemurl" class="lraol flex dry15 items-center ernqe ntb30 pal0s dark:text-neutral-500"> <svg class="h21yx ufena" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"/><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"/></svg> <span class="tliya">URL:</span> </label> </div> <div class="mikvi relative qbul0 fqt49 vwcz4 uj7nx hyb3p before:w-[calc(100%-8px)] o3jwg kufxl dark:before:bg-white/10"> <input id="hs-pro-crcemurl" type="text" class="y027u cr73y block qaxp8 xk8dv ngy7c ntb30 p9tun zuutc ejwsa aqt2b xwjcj c3i4e ip2jr actqw esbqm dark:text-neutral-200 dark:bg-neutral-800 dark:hover:border-neutral-700 dark:text-neutral-200 dark:placeholder:text-neutral-500 dark:focus:bg-neutral-700" placeholder="Add URL" > </div> <!-- End Item --> <!-- Item --> <div class="lf2i4"> <label class="lraol flex dry15 items-center ernqe ntb30 pal0s dark:text-neutral-500"> <svg class="h21yx ufena" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l8.57-8.57A4 4 0 1 1 18 8.84l-8.59 8.57a2 2 0 0 1-2.83-2.83l8.49-8.48"/></svg> <span class="tliya">Attachment:</span> </label> </div> <div class="mikvi relative qbul0 fqt49 vwcz4 uj7nx hyb3p before:w-[calc(100%-8px)] o3jwg kufxl dark:before:bg-white/10"> <input type="file" class="vzx5m block qaxp8 ntb30 z1v6e efs5t xk8dv r0fp5 dark:text-neutral-500 aa0g3 y18p0 cdy3e dcsnw g2peb zqpvm jpr0k d2luu wxh8q xo1ly bupry dark:file:bg-neutral-700 dark:file:text-neutral-300 "> </div> <!-- End Item --> </div> </div> <!-- End Item --> <!-- Item --> <div class="lf2i4"> <label class="lraol flex dry15 items-center ernqe ntb30 pal0s dark:text-neutral-500">