<turbo-stream action="append" target="new_cursor_packs_list"><template>
    <li class="col-span-full"><div class="my-5" data-controller="house-fallback"
     data-action="adsense:blocked@document->house-fallback#swapToHouseAd">
    <ins class="adsbygoogle"
         style="display:block"
         data-controller="adsense"
         data-house-fallback-target="unit"
         data-ad-client="ca-pub-7538024863465087"
         data-ad-slot="8377316299"
         data-ad-format="auto"
         data-full-width-responsive="true"></ins>

  <template data-house-fallback-target="pool">
      <a target="_blank" rel="noopener" class="block w-fit mx-auto" href="https://chromewebstore.google.com/detail/bro-mon-%F0%9F%90%BE-browser-monste/oedkbkpngfmjfbmmmijkogojlcddmcgf">
        <img alt="[Bro-Mon] Every Tab Level" loading="lazy" class="max-w-full h-auto rounded-lg" src="https://cdn.sweezy-cursors.com/house-fallbacks/859e10--bro-mon-every-tab-level--adaptive.gif" />
</a>      <a target="_blank" rel="noopener" class="block w-fit mx-auto" href="https://chromewebstore.google.com/detail/bro-mon-%F0%9F%90%BE-browser-monste/oedkbkpngfmjfbmmmijkogojlcddmcgf">
        <img alt="[Bro-Mon] Bro Let&#39;s Study" loading="lazy" class="max-w-full h-auto rounded-lg" src="https://cdn.sweezy-cursors.com/house-fallbacks/e02b99--bro-mon-bro-let-s-study--adaptive.gif" />
</a>      <a target="_blank" rel="noopener" class="block w-fit mx-auto" href="https://chromewebstore.google.com/detail/emoji-combos-text-symbols/ahbhmoigkkdbhpjaafejhneoeojnhceg">
        <img alt="[Emoji Combos] Funny Emoji Face" loading="lazy" class="max-w-full h-auto rounded-lg" src="https://cdn.sweezy-cursors.com/house-fallbacks/f5dbde--emoji-combos-funny-emoji-face--adaptive.gif" />
</a>      <a target="_blank" rel="noopener" class="block w-fit mx-auto" href="https://www.youtube.com/channel/UCsRrp_0RTTA7V8gZVMinDpQ">
        <img alt="[YT Chanel] Watch Us" loading="lazy" class="max-w-full h-auto rounded-lg" src="https://cdn.sweezy-cursors.com/house-fallbacks/e4c125--yt-chanel-watch-us--adaptive.gif" />
</a>      <a target="_blank" rel="noopener" class="block w-fit mx-auto" href="https://chromewebstore.google.com/detail/bro-mon-%F0%9F%90%BE-browser-monste/oedkbkpngfmjfbmmmijkogojlcddmcgf">
        <img alt="[Bro-Mon] Catch Monsters" loading="lazy" class="max-w-full h-auto rounded-lg" src="https://cdn.sweezy-cursors.com/house-fallbacks/1b2f09--bro-mon-catch-monsters--adaptive.gif" />
</a>      <a target="_blank" rel="noopener" class="block w-fit mx-auto" href="https://shop.bro-mon.world/">
        <img alt="[Bro-Shop] Stickers" loading="lazy" class="max-w-full h-auto rounded-lg" src="https://cdn.sweezy-cursors.com/house-fallbacks/798efe--bro-shop-stickers--adaptive.gif" />
</a>      <a target="_blank" rel="noopener" class="block w-fit mx-auto" href="https://chromewebstore.google.com/detail/sweezy-custom-progress-ba/bnjlijllccbbjdeiflmakhkijbdddflj">
        <img alt="[YPB] Bongo Cat Vibe" loading="lazy" class="max-w-full h-auto rounded-lg" src="https://cdn.sweezy-cursors.com/house-fallbacks/2167c5--ypb-bongo-cat-vibe--adaptive.gif" />
</a>      <a target="_blank" rel="noopener" class="block w-fit mx-auto" href="https://shop.bro-mon.world/">
        <img alt="[Bro-Shop] Tees" loading="lazy" class="max-w-full h-auto rounded-lg" src="https://cdn.sweezy-cursors.com/house-fallbacks/1a210a--bro-shop-tees--adaptive.gif" />
</a>      <a target="_blank" rel="noopener" class="block w-fit mx-auto" href="https://chromewebstore.google.com/detail/sweezy-custom-doodle-for/jeiahlnhacbbdkaniaednfjpaemaghol">
        <img alt="[CD] Nyan Cat Customize" loading="lazy" class="max-w-full h-auto rounded-lg" src="https://cdn.sweezy-cursors.com/house-fallbacks/d20099--cd-nyan-cat-customize--adaptive.gif" />
</a>      <a target="_blank" rel="noopener" class="block w-fit mx-auto" href="https://wallpapers-clan.com/desktop-wallpapers/">
        <img alt="[W-Clan] Anya Desk Walls" loading="lazy" class="max-w-full h-auto rounded-lg" src="https://cdn.sweezy-cursors.com/house-fallbacks/aee5d8--w-clan-anya-desk-walls--adaptive.gif" />
</a>      <a target="_blank" rel="noopener" class="block w-fit mx-auto" href="https://chromewebstore.google.com/detail/make-it-rain-emoji-confet/boecibpkgeiidobghefcdclcmleeoahd">
        <img alt="[Make it Rain] Emoji Girl" loading="lazy" class="max-w-full h-auto rounded-lg" src="https://cdn.sweezy-cursors.com/house-fallbacks/17e967--make-it-rain-emoji-girl--adaptive.gif" />
</a>      <a target="_blank" rel="noopener" class="block w-fit mx-auto" href="https://chromewebstore.google.com/detail/web-tones-%E2%80%93-cinematic-col/idcmebilpnnnlefdnhakmdbhpmloneea">
        <img alt="[Web Tones] Hi I am Web Tones" loading="lazy" class="max-w-full h-auto rounded-lg" src="https://cdn.sweezy-cursors.com/house-fallbacks/78e959--web-tones-hi-i-am-web-tones--adaptive.gif" />
</a>  </template>
</div>
</li>
  

  <li>
    

<article
  class="card group/card h-full transition-colors hover:[border-color:var(--card-accent)]"
  style="--card-accent: #45c6a7"
  data-controller="cursor-pack cursor-preview cursor-download"
  data-cursor-pack-payload="{&quot;collection&quot;:{&quot;name&quot;:&quot;Lifestyle&quot;,&quot;slug&quot;:&quot;lifestyle&quot;,&quot;image&quot;:&quot;https://cdn.sweezy-cursors.com/categories/54531f82-a99a-44d9-bff7-f98f11edd1c5/lifestyle--primary--0a3481.png&quot;},&quot;cursorConfig&quot;:{&quot;id&quot;:64601,&quot;name&quot;:&quot;Mori Calliope \u0026 Scythe Cursor&quot;,&quot;isAnimated&quot;:false,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/3cc752fd-7f36-4f80-b3f1-477c888918ee/mori-calliope-scythe--cursor-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/3cc752fd-7f36-4f80-b3f1-477c888918ee/mori-calliope-scythe--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:28,&quot;offsetY&quot;:2},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/3cc752fd-7f36-4f80-b3f1-477c888918ee/mori-calliope-scythe--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/3cc752fd-7f36-4f80-b3f1-477c888918ee/mori-calliope-scythe--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:30,&quot;offsetY&quot;:4}}}"
  data-cursor-pack-events-url="/cursor/mori-calliope-scythe/events/"
>
  <a class="block" href="/cursor/mori-calliope-scythe/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="Mori Calliope &amp; Scythe Cursor" loading="lazy" class="w-full h-full object-contain p-8 transition-transform duration-300 group-hover/card:scale-[1.04]" src="https://cdn.sweezy-cursors.com/cursor_packs/3cc752fd-7f36-4f80-b3f1-477c888918ee/mori-calliope-scythe--poster--798360.png" />
    </figure>
</a>
  <div class="card-body gap-2.5 p-4">
      <div class="flex items-center gap-2">
          <span class="text-base leading-none" aria-hidden="true">💫</span>
          <a class="badge badge-soft badge-sm font-semibold" style="--badge-color: #45c6a7;" href="/categories/lifestyle/">Lifestyle</a>
      </div>

    <h3 class="card-title text-base font-bold line-clamp-2 leading-[22px]">
      <a class="hover:text-base-content/80 transition-colors" href="/cursor/mori-calliope-scythe/">Mori Calliope &amp; Scythe Cursor</a>
</h3>
    <div class="card-actions mt-auto">
      <button type="button"
              data-cursor-pack-target="loading"
              class="flex-1 gap-2 btn btn-neutral rounded-2xl pointer-events-none"
              aria-label="Checking the extension">
        <span class="loading loading-infinity loading-md"></span>
      </button>

      <button type="button"
              data-cursor-pack-target="add"
              data-action="cursor-pack#add"
              class="hidden flex-1 gap-2 btn btn-primary rounded-2xl font-extrabold [--btn-color:var(--color-neutral)] [--btn-fg:var(--color-neutral-content)] group-hover/card:[--btn-color:var(--color-primary)] group-hover/card:[--btn-fg:var(--color-primary-content)]">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
          <path d="M5 12h14" /><path d="M12 5v14" />
        </svg>
        Add Cursor
      </button>

      <button type="button"
              data-cursor-pack-target="added"
              class="hidden flex-1 gap-2 btn btn-neutral rounded-2xl font-extrabold pointer-events-none">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-primary" aria-hidden="true">
          <path d="m5 12 5 5L20 7" />
        </svg>
        Added
      </button>

      <button type="button"
              class="tooltip btn btn-neutral btn-square rounded-2xl preview-on:[--btn-color:var(--color-primary)] preview-on:[--btn-fg:var(--color-primary-content)] preview-on:before:content-[attr(data-tip-active)]"
              data-action="cursor-preview#toggle"
              aria-label="Preview"
              data-tip="Try it on"
              data-tip-active="Take it off">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 preview-on:hidden" aria-hidden="true">
          <path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" />
          <circle cx="12" cy="12" r="3" />
        </svg>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 hidden preview-on:inline" aria-hidden="true">
          <path d="M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49" />
          <path d="M14.084 14.158a3 3 0 0 1-4.242-4.242" />
          <path d="M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143" />
          <path d="m2 2 20 20" />
        </svg>
      </button>
      
<div class="inline-flex"
     data-controller="dropdown"
     data-dropdown-placement-value="top-end">
  <button type="button" class="btn btn-neutral btn-square rounded-2xl" aria-haspopup="menu" aria-expanded="false"
          aria-label="Download"
          data-dropdown-target="trigger">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
      <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
      <path d="M7 10l5 5 5-5" /><path d="M12 15V3" />
    </svg>
    
  </button>

  <div popover class="dropdown m-0 inset-auto px-0 py-2 border-0 bg-transparent overflow-visible"
       data-dropdown-target="menu">
    <ul class="menu min-w-60 gap-1 p-0.5 bg-base-200 rounded-box border border-base-content/10 shadow-lg">
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--windows">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z" />
          </svg>
          <span class="flex-1">Windows Cursor</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--windows">
          <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="12 8 32 32" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M33 38H21c-.6 0-1-.4-1-1 0-1.5-.7-2.4-1.8-3.8-.6-.7-1.3-1.6-2-2.7-1.9-3-3.6-6.6-4-7.9-.4-1.3-.1-2.2.3-2.7.4-.6 1.2-.9 2.1-.9 1.2 0 2.4 1 3.5 2.3V11c0-1.7 1.3-3 3-3s3 1.3 3 3v4.2c.3-.1.6-.2 1-.2 1.1 0 2 .6 2.5 1.4.4-.3.9-.4 1.4-.4 1.4 0 2.5.9 2.9 2.2.3-.1.7-.2 1.1-.2 1.7 0 3 1.3 3 3v3c0 2.6-.5 4.7-1 6.7s-1 3.9-1 6.3c0 .6-.4 1-1 1zm-11.1-2H32c.1-2.2.6-4 1-5.8.5-2 1-3.9 1-6.2v-3c0-.6-.4-1-1-1s-1 .4-1 1v1c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-9c0-.6-.4-1-1-1s-1 .4-1 1v15c0 .6-.4 1-1 1s-1-.4-1-1v-.8c-.9-2.3-2.8-4.2-3.5-4.2-.2 0-.4 0-.5.1-.1.1-.1.4 0 .9.3 1.1 1.8 4.3 3.8 7.5.6 1 1.2 1.7 1.8 2.5 1.1 1.2 2.1 2.3 2.3 4z"></path>
          </svg>
          <span class="flex-1">Windows Pointer</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Cursor</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Pointer</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Cursor Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Pointer Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10 text-primary font-bold"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="all">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
            <path d="m3.5 7.5 8.5 4.8 8.5-4.8" /><path d="M12 12.3V22" /><path d="m7.5 4.3 9 5.1" />
            <path d="M21 8v8a2 2 0 0 1-1 1.7l-7 4a2 2 0 0 1-2 0l-7-4A2 2 0 0 1 3 16V8a2 2 0 0 1 1-1.7l7-4a2 2 0 0 1 2 0l7 4A2 2 0 0 1 21 8Z" />
          </svg>
          <span class="flex-1">Complete Pack</span>
          <span class="badge badge-sm badge-neutral">.zip</span>
        </button>
      </li>
    </ul>
  </div>
</div>

    </div>
  </div>
</article>

  </li>
  <li>
    

<article
  class="card group/card h-full transition-colors hover:[border-color:var(--card-accent)]"
  style="--card-accent: #f3cf58"
  data-controller="cursor-pack cursor-preview cursor-download"
  data-cursor-pack-payload="{&quot;collection&quot;:{&quot;name&quot;:&quot;Cartoons&quot;,&quot;slug&quot;:&quot;cartoons&quot;,&quot;image&quot;:&quot;https://cdn.sweezy-cursors.com/categories/9debc8b3-f6e3-4355-be9f-d5141391895f/cartoons--primary--872784.png&quot;},&quot;cursorConfig&quot;:{&quot;id&quot;:64690,&quot;name&quot;:&quot;SpongeBob \u0026 Squidward Houses Cursor&quot;,&quot;isAnimated&quot;:false,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/f3c0001f-ebad-44fa-9d5f-442750db337a/spongebob-squidward-houses--cursor-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/f3c0001f-ebad-44fa-9d5f-442750db337a/spongebob-squidward-houses--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:10,&quot;offsetY&quot;:14},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/f3c0001f-ebad-44fa-9d5f-442750db337a/spongebob-squidward-houses--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/f3c0001f-ebad-44fa-9d5f-442750db337a/spongebob-squidward-houses--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:18,&quot;offsetY&quot;:6}}}"
  data-cursor-pack-events-url="/cursor/spongebob-squidward-houses/events/"
>
  <a class="block" href="/cursor/spongebob-squidward-houses/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="SpongeBob &amp; Squidward Houses Cursor" loading="lazy" class="w-full h-full object-contain p-8 transition-transform duration-300 group-hover/card:scale-[1.04]" src="https://cdn.sweezy-cursors.com/cursor_packs/f3c0001f-ebad-44fa-9d5f-442750db337a/spongebob-squidward-houses--poster--1cf54f.png" />
    </figure>
</a>
  <div class="card-body gap-2.5 p-4">
      <div class="flex items-center gap-2">
          <span class="text-base leading-none" aria-hidden="true">⭐</span>
          <a class="badge badge-soft badge-sm font-semibold" style="--badge-color: #f3cf58;" href="/categories/cartoons/">Cartoons</a>
      </div>

    <h3 class="card-title text-base font-bold line-clamp-2 leading-[22px]">
      <a class="hover:text-base-content/80 transition-colors" href="/cursor/spongebob-squidward-houses/">SpongeBob &amp; Squidward Houses Cursor</a>
</h3>
    <div class="card-actions mt-auto">
      <button type="button"
              data-cursor-pack-target="loading"
              class="flex-1 gap-2 btn btn-neutral rounded-2xl pointer-events-none"
              aria-label="Checking the extension">
        <span class="loading loading-infinity loading-md"></span>
      </button>

      <button type="button"
              data-cursor-pack-target="add"
              data-action="cursor-pack#add"
              class="hidden flex-1 gap-2 btn btn-primary rounded-2xl font-extrabold [--btn-color:var(--color-neutral)] [--btn-fg:var(--color-neutral-content)] group-hover/card:[--btn-color:var(--color-primary)] group-hover/card:[--btn-fg:var(--color-primary-content)]">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
          <path d="M5 12h14" /><path d="M12 5v14" />
        </svg>
        Add Cursor
      </button>

      <button type="button"
              data-cursor-pack-target="added"
              class="hidden flex-1 gap-2 btn btn-neutral rounded-2xl font-extrabold pointer-events-none">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-primary" aria-hidden="true">
          <path d="m5 12 5 5L20 7" />
        </svg>
        Added
      </button>

      <button type="button"
              class="tooltip btn btn-neutral btn-square rounded-2xl preview-on:[--btn-color:var(--color-primary)] preview-on:[--btn-fg:var(--color-primary-content)] preview-on:before:content-[attr(data-tip-active)]"
              data-action="cursor-preview#toggle"
              aria-label="Preview"
              data-tip="Try it on"
              data-tip-active="Take it off">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 preview-on:hidden" aria-hidden="true">
          <path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" />
          <circle cx="12" cy="12" r="3" />
        </svg>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 hidden preview-on:inline" aria-hidden="true">
          <path d="M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49" />
          <path d="M14.084 14.158a3 3 0 0 1-4.242-4.242" />
          <path d="M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143" />
          <path d="m2 2 20 20" />
        </svg>
      </button>
      
<div class="inline-flex"
     data-controller="dropdown"
     data-dropdown-placement-value="top-end">
  <button type="button" class="btn btn-neutral btn-square rounded-2xl" aria-haspopup="menu" aria-expanded="false"
          aria-label="Download"
          data-dropdown-target="trigger">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
      <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
      <path d="M7 10l5 5 5-5" /><path d="M12 15V3" />
    </svg>
    
  </button>

  <div popover class="dropdown m-0 inset-auto px-0 py-2 border-0 bg-transparent overflow-visible"
       data-dropdown-target="menu">
    <ul class="menu min-w-60 gap-1 p-0.5 bg-base-200 rounded-box border border-base-content/10 shadow-lg">
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--windows">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z" />
          </svg>
          <span class="flex-1">Windows Cursor</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--windows">
          <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="12 8 32 32" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M33 38H21c-.6 0-1-.4-1-1 0-1.5-.7-2.4-1.8-3.8-.6-.7-1.3-1.6-2-2.7-1.9-3-3.6-6.6-4-7.9-.4-1.3-.1-2.2.3-2.7.4-.6 1.2-.9 2.1-.9 1.2 0 2.4 1 3.5 2.3V11c0-1.7 1.3-3 3-3s3 1.3 3 3v4.2c.3-.1.6-.2 1-.2 1.1 0 2 .6 2.5 1.4.4-.3.9-.4 1.4-.4 1.4 0 2.5.9 2.9 2.2.3-.1.7-.2 1.1-.2 1.7 0 3 1.3 3 3v3c0 2.6-.5 4.7-1 6.7s-1 3.9-1 6.3c0 .6-.4 1-1 1zm-11.1-2H32c.1-2.2.6-4 1-5.8.5-2 1-3.9 1-6.2v-3c0-.6-.4-1-1-1s-1 .4-1 1v1c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-9c0-.6-.4-1-1-1s-1 .4-1 1v15c0 .6-.4 1-1 1s-1-.4-1-1v-.8c-.9-2.3-2.8-4.2-3.5-4.2-.2 0-.4 0-.5.1-.1.1-.1.4 0 .9.3 1.1 1.8 4.3 3.8 7.5.6 1 1.2 1.7 1.8 2.5 1.1 1.2 2.1 2.3 2.3 4z"></path>
          </svg>
          <span class="flex-1">Windows Pointer</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Cursor</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Pointer</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Cursor Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Pointer Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10 text-primary font-bold"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="all">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
            <path d="m3.5 7.5 8.5 4.8 8.5-4.8" /><path d="M12 12.3V22" /><path d="m7.5 4.3 9 5.1" />
            <path d="M21 8v8a2 2 0 0 1-1 1.7l-7 4a2 2 0 0 1-2 0l-7-4A2 2 0 0 1 3 16V8a2 2 0 0 1 1-1.7l7-4a2 2 0 0 1 2 0l7 4A2 2 0 0 1 21 8Z" />
          </svg>
          <span class="flex-1">Complete Pack</span>
          <span class="badge badge-sm badge-neutral">.zip</span>
        </button>
      </li>
    </ul>
  </div>
</div>

    </div>
  </div>
</article>

  </li>
  <li>
    

<article
  class="card group/card h-full transition-colors hover:[border-color:var(--card-accent)]"
  style="--card-accent: #a36bff"
  data-controller="cursor-pack cursor-preview cursor-download"
  data-cursor-pack-payload="{&quot;collection&quot;:{&quot;name&quot;:&quot;Anime&quot;,&quot;slug&quot;:&quot;anime&quot;,&quot;image&quot;:&quot;https://cdn.sweezy-cursors.com/categories/8b02b114-3de3-47e2-b80a-40e56ddad072/anime--primary--e460d8.gif&quot;},&quot;cursorConfig&quot;:{&quot;id&quot;:64496,&quot;name&quot;:&quot;One Piece Straw Hat Arrow \u0026 Flag Cursor&quot;,&quot;isAnimated&quot;:false,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/ee30710a-82a0-4878-8cc2-ef72aba08ae7/one-piece-straw-hat-arrow-flag--cursor-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/ee30710a-82a0-4878-8cc2-ef72aba08ae7/one-piece-straw-hat-arrow-flag--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:2,&quot;offsetY&quot;:2},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/ee30710a-82a0-4878-8cc2-ef72aba08ae7/one-piece-straw-hat-arrow-flag--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/ee30710a-82a0-4878-8cc2-ef72aba08ae7/one-piece-straw-hat-arrow-flag--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:2,&quot;offsetY&quot;:16}}}"
  data-cursor-pack-events-url="/cursor/one-piece-straw-hat-arrow-flag/events/"
>
  <a class="block" href="/cursor/one-piece-straw-hat-arrow-flag/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="One Piece Straw Hat Arrow &amp; Flag Cursor" loading="lazy" class="w-full h-full object-contain p-8 transition-transform duration-300 group-hover/card:scale-[1.04]" src="https://cdn.sweezy-cursors.com/cursor_packs/ee30710a-82a0-4878-8cc2-ef72aba08ae7/one-piece-straw-hat-arrow-flag--poster--0af957.png" />
    </figure>
</a>
  <div class="card-body gap-2.5 p-4">
      <div class="flex items-center gap-2">
          <span class="text-base leading-none" aria-hidden="true">🍥</span>
          <a class="badge badge-soft badge-sm font-semibold" style="--badge-color: #a36bff;" href="/categories/anime/">Anime</a>
      </div>

    <h3 class="card-title text-base font-bold line-clamp-2 leading-[22px]">
      <a class="hover:text-base-content/80 transition-colors" href="/cursor/one-piece-straw-hat-arrow-flag/">One Piece Straw Hat Arrow &amp; Flag Cursor</a>
</h3>
    <div class="card-actions mt-auto">
      <button type="button"
              data-cursor-pack-target="loading"
              class="flex-1 gap-2 btn btn-neutral rounded-2xl pointer-events-none"
              aria-label="Checking the extension">
        <span class="loading loading-infinity loading-md"></span>
      </button>

      <button type="button"
              data-cursor-pack-target="add"
              data-action="cursor-pack#add"
              class="hidden flex-1 gap-2 btn btn-primary rounded-2xl font-extrabold [--btn-color:var(--color-neutral)] [--btn-fg:var(--color-neutral-content)] group-hover/card:[--btn-color:var(--color-primary)] group-hover/card:[--btn-fg:var(--color-primary-content)]">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
          <path d="M5 12h14" /><path d="M12 5v14" />
        </svg>
        Add Cursor
      </button>

      <button type="button"
              data-cursor-pack-target="added"
              class="hidden flex-1 gap-2 btn btn-neutral rounded-2xl font-extrabold pointer-events-none">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-primary" aria-hidden="true">
          <path d="m5 12 5 5L20 7" />
        </svg>
        Added
      </button>

      <button type="button"
              class="tooltip btn btn-neutral btn-square rounded-2xl preview-on:[--btn-color:var(--color-primary)] preview-on:[--btn-fg:var(--color-primary-content)] preview-on:before:content-[attr(data-tip-active)]"
              data-action="cursor-preview#toggle"
              aria-label="Preview"
              data-tip="Try it on"
              data-tip-active="Take it off">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 preview-on:hidden" aria-hidden="true">
          <path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" />
          <circle cx="12" cy="12" r="3" />
        </svg>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 hidden preview-on:inline" aria-hidden="true">
          <path d="M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49" />
          <path d="M14.084 14.158a3 3 0 0 1-4.242-4.242" />
          <path d="M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143" />
          <path d="m2 2 20 20" />
        </svg>
      </button>
      
<div class="inline-flex"
     data-controller="dropdown"
     data-dropdown-placement-value="top-end">
  <button type="button" class="btn btn-neutral btn-square rounded-2xl" aria-haspopup="menu" aria-expanded="false"
          aria-label="Download"
          data-dropdown-target="trigger">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
      <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
      <path d="M7 10l5 5 5-5" /><path d="M12 15V3" />
    </svg>
    
  </button>

  <div popover class="dropdown m-0 inset-auto px-0 py-2 border-0 bg-transparent overflow-visible"
       data-dropdown-target="menu">
    <ul class="menu min-w-60 gap-1 p-0.5 bg-base-200 rounded-box border border-base-content/10 shadow-lg">
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--windows">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z" />
          </svg>
          <span class="flex-1">Windows Cursor</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--windows">
          <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="12 8 32 32" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M33 38H21c-.6 0-1-.4-1-1 0-1.5-.7-2.4-1.8-3.8-.6-.7-1.3-1.6-2-2.7-1.9-3-3.6-6.6-4-7.9-.4-1.3-.1-2.2.3-2.7.4-.6 1.2-.9 2.1-.9 1.2 0 2.4 1 3.5 2.3V11c0-1.7 1.3-3 3-3s3 1.3 3 3v4.2c.3-.1.6-.2 1-.2 1.1 0 2 .6 2.5 1.4.4-.3.9-.4 1.4-.4 1.4 0 2.5.9 2.9 2.2.3-.1.7-.2 1.1-.2 1.7 0 3 1.3 3 3v3c0 2.6-.5 4.7-1 6.7s-1 3.9-1 6.3c0 .6-.4 1-1 1zm-11.1-2H32c.1-2.2.6-4 1-5.8.5-2 1-3.9 1-6.2v-3c0-.6-.4-1-1-1s-1 .4-1 1v1c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-9c0-.6-.4-1-1-1s-1 .4-1 1v15c0 .6-.4 1-1 1s-1-.4-1-1v-.8c-.9-2.3-2.8-4.2-3.5-4.2-.2 0-.4 0-.5.1-.1.1-.1.4 0 .9.3 1.1 1.8 4.3 3.8 7.5.6 1 1.2 1.7 1.8 2.5 1.1 1.2 2.1 2.3 2.3 4z"></path>
          </svg>
          <span class="flex-1">Windows Pointer</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Cursor</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Pointer</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Cursor Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Pointer Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10 text-primary font-bold"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="all">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
            <path d="m3.5 7.5 8.5 4.8 8.5-4.8" /><path d="M12 12.3V22" /><path d="m7.5 4.3 9 5.1" />
            <path d="M21 8v8a2 2 0 0 1-1 1.7l-7 4a2 2 0 0 1-2 0l-7-4A2 2 0 0 1 3 16V8a2 2 0 0 1 1-1.7l7-4a2 2 0 0 1 2 0l7 4A2 2 0 0 1 21 8Z" />
          </svg>
          <span class="flex-1">Complete Pack</span>
          <span class="badge badge-sm badge-neutral">.zip</span>
        </button>
      </li>
    </ul>
  </div>
</div>

    </div>
  </div>
</article>

  </li>
  <li>
    

<article
  class="card group/card h-full transition-colors hover:[border-color:var(--card-accent)]"
  style="--card-accent: #b9d867"
  data-controller="cursor-pack cursor-preview cursor-download"
  data-cursor-pack-payload="{&quot;collection&quot;:{&quot;name&quot;:&quot;Animals&quot;,&quot;slug&quot;:&quot;animals&quot;,&quot;image&quot;:&quot;https://cdn.sweezy-cursors.com/categories/2cb6b305-15a8-460f-973e-0a18475fc25b/animals--primary--3f92e6.png&quot;},&quot;cursorConfig&quot;:{&quot;id&quot;:64188,&quot;name&quot;:&quot;Cute Fox Head \u0026 Paw Cursor&quot;,&quot;isAnimated&quot;:false,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/4c74408d-635a-44bb-aba9-9a4b597a0441/cute-fox-head-paw--cursor-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/4c74408d-635a-44bb-aba9-9a4b597a0441/cute-fox-head-paw--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:2,&quot;offsetY&quot;:34},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/4c74408d-635a-44bb-aba9-9a4b597a0441/cute-fox-head-paw--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/4c74408d-635a-44bb-aba9-9a4b597a0441/cute-fox-head-paw--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:20,&quot;offsetY&quot;:18}}}"
  data-cursor-pack-events-url="/cursor/cute-fox-head-paw/events/"
>
  <a class="block" href="/cursor/cute-fox-head-paw/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="Cute Fox Head &amp; Paw Cursor" loading="lazy" class="w-full h-full object-contain p-8 transition-transform duration-300 group-hover/card:scale-[1.04]" src="https://cdn.sweezy-cursors.com/cursor_packs/4c74408d-635a-44bb-aba9-9a4b597a0441/cute-fox-head-paw--poster--db8b6c.png" />
    </figure>
</a>
  <div class="card-body gap-2.5 p-4">
      <div class="flex items-center gap-2">
          <span class="text-base leading-none" aria-hidden="true">🐾</span>
          <a class="badge badge-soft badge-sm font-semibold" style="--badge-color: #b9d867;" href="/categories/animals/">Animals</a>
      </div>

    <h3 class="card-title text-base font-bold line-clamp-2 leading-[22px]">
      <a class="hover:text-base-content/80 transition-colors" href="/cursor/cute-fox-head-paw/">Cute Fox Head &amp; Paw Cursor</a>
</h3>
    <div class="card-actions mt-auto">
      <button type="button"
              data-cursor-pack-target="loading"
              class="flex-1 gap-2 btn btn-neutral rounded-2xl pointer-events-none"
              aria-label="Checking the extension">
        <span class="loading loading-infinity loading-md"></span>
      </button>

      <button type="button"
              data-cursor-pack-target="add"
              data-action="cursor-pack#add"
              class="hidden flex-1 gap-2 btn btn-primary rounded-2xl font-extrabold [--btn-color:var(--color-neutral)] [--btn-fg:var(--color-neutral-content)] group-hover/card:[--btn-color:var(--color-primary)] group-hover/card:[--btn-fg:var(--color-primary-content)]">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
          <path d="M5 12h14" /><path d="M12 5v14" />
        </svg>
        Add Cursor
      </button>

      <button type="button"
              data-cursor-pack-target="added"
              class="hidden flex-1 gap-2 btn btn-neutral rounded-2xl font-extrabold pointer-events-none">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-primary" aria-hidden="true">
          <path d="m5 12 5 5L20 7" />
        </svg>
        Added
      </button>

      <button type="button"
              class="tooltip btn btn-neutral btn-square rounded-2xl preview-on:[--btn-color:var(--color-primary)] preview-on:[--btn-fg:var(--color-primary-content)] preview-on:before:content-[attr(data-tip-active)]"
              data-action="cursor-preview#toggle"
              aria-label="Preview"
              data-tip="Try it on"
              data-tip-active="Take it off">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 preview-on:hidden" aria-hidden="true">
          <path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" />
          <circle cx="12" cy="12" r="3" />
        </svg>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 hidden preview-on:inline" aria-hidden="true">
          <path d="M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49" />
          <path d="M14.084 14.158a3 3 0 0 1-4.242-4.242" />
          <path d="M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143" />
          <path d="m2 2 20 20" />
        </svg>
      </button>
      
<div class="inline-flex"
     data-controller="dropdown"
     data-dropdown-placement-value="top-end">
  <button type="button" class="btn btn-neutral btn-square rounded-2xl" aria-haspopup="menu" aria-expanded="false"
          aria-label="Download"
          data-dropdown-target="trigger">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
      <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
      <path d="M7 10l5 5 5-5" /><path d="M12 15V3" />
    </svg>
    
  </button>

  <div popover class="dropdown m-0 inset-auto px-0 py-2 border-0 bg-transparent overflow-visible"
       data-dropdown-target="menu">
    <ul class="menu min-w-60 gap-1 p-0.5 bg-base-200 rounded-box border border-base-content/10 shadow-lg">
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--windows">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z" />
          </svg>
          <span class="flex-1">Windows Cursor</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--windows">
          <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="12 8 32 32" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M33 38H21c-.6 0-1-.4-1-1 0-1.5-.7-2.4-1.8-3.8-.6-.7-1.3-1.6-2-2.7-1.9-3-3.6-6.6-4-7.9-.4-1.3-.1-2.2.3-2.7.4-.6 1.2-.9 2.1-.9 1.2 0 2.4 1 3.5 2.3V11c0-1.7 1.3-3 3-3s3 1.3 3 3v4.2c.3-.1.6-.2 1-.2 1.1 0 2 .6 2.5 1.4.4-.3.9-.4 1.4-.4 1.4 0 2.5.9 2.9 2.2.3-.1.7-.2 1.1-.2 1.7 0 3 1.3 3 3v3c0 2.6-.5 4.7-1 6.7s-1 3.9-1 6.3c0 .6-.4 1-1 1zm-11.1-2H32c.1-2.2.6-4 1-5.8.5-2 1-3.9 1-6.2v-3c0-.6-.4-1-1-1s-1 .4-1 1v1c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-9c0-.6-.4-1-1-1s-1 .4-1 1v15c0 .6-.4 1-1 1s-1-.4-1-1v-.8c-.9-2.3-2.8-4.2-3.5-4.2-.2 0-.4 0-.5.1-.1.1-.1.4 0 .9.3 1.1 1.8 4.3 3.8 7.5.6 1 1.2 1.7 1.8 2.5 1.1 1.2 2.1 2.3 2.3 4z"></path>
          </svg>
          <span class="flex-1">Windows Pointer</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Cursor</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Pointer</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Cursor Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Pointer Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10 text-primary font-bold"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="all">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
            <path d="m3.5 7.5 8.5 4.8 8.5-4.8" /><path d="M12 12.3V22" /><path d="m7.5 4.3 9 5.1" />
            <path d="M21 8v8a2 2 0 0 1-1 1.7l-7 4a2 2 0 0 1-2 0l-7-4A2 2 0 0 1 3 16V8a2 2 0 0 1 1-1.7l7-4a2 2 0 0 1 2 0l7 4A2 2 0 0 1 21 8Z" />
          </svg>
          <span class="flex-1">Complete Pack</span>
          <span class="badge badge-sm badge-neutral">.zip</span>
        </button>
      </li>
    </ul>
  </div>
</div>

    </div>
  </div>
</article>

  </li>
  <li>
    

<article
  class="card group/card h-full transition-colors hover:[border-color:var(--card-accent)]"
  style="--card-accent: #f06e52"
  data-controller="cursor-pack cursor-preview cursor-download"
  data-cursor-pack-payload="{&quot;collection&quot;:{&quot;name&quot;:&quot;Holidays&quot;,&quot;slug&quot;:&quot;holidays&quot;,&quot;image&quot;:&quot;https://cdn.sweezy-cursors.com/categories/07235c55-94b0-4509-89a0-ec3f15cc2fa2/holidays--primary--0578da.gif&quot;},&quot;cursorConfig&quot;:{&quot;id&quot;:63989,&quot;name&quot;:&quot;Spooky Halloween Arrow \u0026 Skeleton Hand Cursor&quot;,&quot;isAnimated&quot;:false,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/daaf32df-6ae8-4fef-be26-ab91b37b4534/spooky-halloween-arrow-skeleton-hand--cursor-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/daaf32df-6ae8-4fef-be26-ab91b37b4534/spooky-halloween-arrow-skeleton-hand--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:2,&quot;offsetY&quot;:2},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/daaf32df-6ae8-4fef-be26-ab91b37b4534/spooky-halloween-arrow-skeleton-hand--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/daaf32df-6ae8-4fef-be26-ab91b37b4534/spooky-halloween-arrow-skeleton-hand--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:4,&quot;offsetY&quot;:2}}}"
  data-cursor-pack-events-url="/cursor/spooky-halloween-arrow-skeleton-hand/events/"
>
  <a class="block" href="/cursor/spooky-halloween-arrow-skeleton-hand/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="Spooky Halloween Arrow &amp; Skeleton Hand Cursor" loading="lazy" class="w-full h-full object-contain p-8 transition-transform duration-300 group-hover/card:scale-[1.04]" src="https://cdn.sweezy-cursors.com/cursor_packs/daaf32df-6ae8-4fef-be26-ab91b37b4534/spooky-halloween-arrow-skeleton-hand--poster--b27585.png" />
    </figure>
</a>
  <div class="card-body gap-2.5 p-4">
      <div class="flex items-center gap-2">
          <span class="text-base leading-none" aria-hidden="true">🎁</span>
          <a class="badge badge-soft badge-sm font-semibold" style="--badge-color: #f06e52;" href="/categories/holidays/">Holidays</a>
      </div>

    <h3 class="card-title text-base font-bold line-clamp-2 leading-[22px]">
      <a class="hover:text-base-content/80 transition-colors" href="/cursor/spooky-halloween-arrow-skeleton-hand/">Spooky Halloween Arrow &amp; Skeleton Hand Cursor</a>
</h3>
    <div class="card-actions mt-auto">
      <button type="button"
              data-cursor-pack-target="loading"
              class="flex-1 gap-2 btn btn-neutral rounded-2xl pointer-events-none"
              aria-label="Checking the extension">
        <span class="loading loading-infinity loading-md"></span>
      </button>

      <button type="button"
              data-cursor-pack-target="add"
              data-action="cursor-pack#add"
              class="hidden flex-1 gap-2 btn btn-primary rounded-2xl font-extrabold [--btn-color:var(--color-neutral)] [--btn-fg:var(--color-neutral-content)] group-hover/card:[--btn-color:var(--color-primary)] group-hover/card:[--btn-fg:var(--color-primary-content)]">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
          <path d="M5 12h14" /><path d="M12 5v14" />
        </svg>
        Add Cursor
      </button>

      <button type="button"
              data-cursor-pack-target="added"
              class="hidden flex-1 gap-2 btn btn-neutral rounded-2xl font-extrabold pointer-events-none">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-primary" aria-hidden="true">
          <path d="m5 12 5 5L20 7" />
        </svg>
        Added
      </button>

      <button type="button"
              class="tooltip btn btn-neutral btn-square rounded-2xl preview-on:[--btn-color:var(--color-primary)] preview-on:[--btn-fg:var(--color-primary-content)] preview-on:before:content-[attr(data-tip-active)]"
              data-action="cursor-preview#toggle"
              aria-label="Preview"
              data-tip="Try it on"
              data-tip-active="Take it off">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 preview-on:hidden" aria-hidden="true">
          <path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" />
          <circle cx="12" cy="12" r="3" />
        </svg>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 hidden preview-on:inline" aria-hidden="true">
          <path d="M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49" />
          <path d="M14.084 14.158a3 3 0 0 1-4.242-4.242" />
          <path d="M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143" />
          <path d="m2 2 20 20" />
        </svg>
      </button>
      
<div class="inline-flex"
     data-controller="dropdown"
     data-dropdown-placement-value="top-end">
  <button type="button" class="btn btn-neutral btn-square rounded-2xl" aria-haspopup="menu" aria-expanded="false"
          aria-label="Download"
          data-dropdown-target="trigger">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
      <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
      <path d="M7 10l5 5 5-5" /><path d="M12 15V3" />
    </svg>
    
  </button>

  <div popover class="dropdown m-0 inset-auto px-0 py-2 border-0 bg-transparent overflow-visible"
       data-dropdown-target="menu">
    <ul class="menu min-w-60 gap-1 p-0.5 bg-base-200 rounded-box border border-base-content/10 shadow-lg">
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--windows">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z" />
          </svg>
          <span class="flex-1">Windows Cursor</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--windows">
          <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="12 8 32 32" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M33 38H21c-.6 0-1-.4-1-1 0-1.5-.7-2.4-1.8-3.8-.6-.7-1.3-1.6-2-2.7-1.9-3-3.6-6.6-4-7.9-.4-1.3-.1-2.2.3-2.7.4-.6 1.2-.9 2.1-.9 1.2 0 2.4 1 3.5 2.3V11c0-1.7 1.3-3 3-3s3 1.3 3 3v4.2c.3-.1.6-.2 1-.2 1.1 0 2 .6 2.5 1.4.4-.3.9-.4 1.4-.4 1.4 0 2.5.9 2.9 2.2.3-.1.7-.2 1.1-.2 1.7 0 3 1.3 3 3v3c0 2.6-.5 4.7-1 6.7s-1 3.9-1 6.3c0 .6-.4 1-1 1zm-11.1-2H32c.1-2.2.6-4 1-5.8.5-2 1-3.9 1-6.2v-3c0-.6-.4-1-1-1s-1 .4-1 1v1c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-9c0-.6-.4-1-1-1s-1 .4-1 1v15c0 .6-.4 1-1 1s-1-.4-1-1v-.8c-.9-2.3-2.8-4.2-3.5-4.2-.2 0-.4 0-.5.1-.1.1-.1.4 0 .9.3 1.1 1.8 4.3 3.8 7.5.6 1 1.2 1.7 1.8 2.5 1.1 1.2 2.1 2.3 2.3 4z"></path>
          </svg>
          <span class="flex-1">Windows Pointer</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Cursor</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Pointer</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Cursor Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Pointer Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10 text-primary font-bold"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="all">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
            <path d="m3.5 7.5 8.5 4.8 8.5-4.8" /><path d="M12 12.3V22" /><path d="m7.5 4.3 9 5.1" />
            <path d="M21 8v8a2 2 0 0 1-1 1.7l-7 4a2 2 0 0 1-2 0l-7-4A2 2 0 0 1 3 16V8a2 2 0 0 1 1-1.7l7-4a2 2 0 0 1 2 0l7 4A2 2 0 0 1 21 8Z" />
          </svg>
          <span class="flex-1">Complete Pack</span>
          <span class="badge badge-sm badge-neutral">.zip</span>
        </button>
      </li>
    </ul>
  </div>
</div>

    </div>
  </div>
</article>

  </li>
  <li>
    

<article
  class="card group/card h-full transition-colors hover:[border-color:var(--card-accent)]"
  style="--card-accent: #f3cf58"
  data-controller="cursor-pack cursor-preview cursor-download"
  data-cursor-pack-payload="{&quot;collection&quot;:{&quot;name&quot;:&quot;Cartoons&quot;,&quot;slug&quot;:&quot;cartoons&quot;,&quot;image&quot;:&quot;https://cdn.sweezy-cursors.com/categories/9debc8b3-f6e3-4355-be9f-d5141391895f/cartoons--primary--872784.png&quot;},&quot;cursorConfig&quot;:{&quot;id&quot;:64721,&quot;name&quot;:&quot;TMNT Easter Rocksteady \u0026 Bebop Animated Cursor&quot;,&quot;isAnimated&quot;:true,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/d0c04915-ce52-4804-abca-6c0137179362/tmnt-easter-rocksteady-bebop-animated--cursor-icon.gif&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/d0c04915-ce52-4804-abca-6c0137179362/tmnt-easter-rocksteady-bebop-animated--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:18,&quot;offsetY&quot;:28,&quot;animationDirection&quot;:&quot;normal&quot;,&quot;animationSpeed&quot;:800,&quot;frames&quot;:[&quot;https://cdn.sweezy-cursors.com/cursor_packs/d0c04915-ce52-4804-abca-6c0137179362/frames/tmnt-easter-rocksteady-bebop-animated--frame--0.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/d0c04915-ce52-4804-abca-6c0137179362/frames/tmnt-easter-rocksteady-bebop-animated--frame--1.png&quot;]},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/d0c04915-ce52-4804-abca-6c0137179362/tmnt-easter-rocksteady-bebop-animated--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/d0c04915-ce52-4804-abca-6c0137179362/tmnt-easter-rocksteady-bebop-animated--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:10,&quot;offsetY&quot;:16},&quot;animationSpeed&quot;:800}}"
  data-cursor-pack-events-url="/cursor/tmnt-easter-rocksteady-bebop-animated/events/"
>
  <a class="block" href="/cursor/tmnt-easter-rocksteady-bebop-animated/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="TMNT Easter Rocksteady &amp; Bebop Animated Cursor" loading="lazy" class="w-full h-full object-contain p-8 transition-transform duration-300 group-hover/card:scale-[1.04]" src="https://cdn.sweezy-cursors.com/cursor_packs/d0c04915-ce52-4804-abca-6c0137179362/tmnt-easter-rocksteady-bebop-animated--poster--7d5d96.gif" />
    </figure>
</a>
  <div class="card-body gap-2.5 p-4">
      <div class="flex items-center gap-2">
          <span class="text-base leading-none" aria-hidden="true">⭐</span>
          <a class="badge badge-soft badge-sm font-semibold" style="--badge-color: #f3cf58;" href="/categories/cartoons/">Cartoons</a>
      </div>

    <h3 class="card-title text-base font-bold line-clamp-2 leading-[22px]">
      <a class="hover:text-base-content/80 transition-colors" href="/cursor/tmnt-easter-rocksteady-bebop-animated/">TMNT Easter Rocksteady &amp; Bebop Animated Cursor</a>
</h3>
    <div class="card-actions mt-auto">
      <button type="button"
              data-cursor-pack-target="loading"
              class="flex-1 gap-2 btn btn-neutral rounded-2xl pointer-events-none"
              aria-label="Checking the extension">
        <span class="loading loading-infinity loading-md"></span>
      </button>

      <button type="button"
              data-cursor-pack-target="add"
              data-action="cursor-pack#add"
              class="hidden flex-1 gap-2 btn btn-primary rounded-2xl font-extrabold [--btn-color:var(--color-neutral)] [--btn-fg:var(--color-neutral-content)] group-hover/card:[--btn-color:var(--color-primary)] group-hover/card:[--btn-fg:var(--color-primary-content)]">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
          <path d="M5 12h14" /><path d="M12 5v14" />
        </svg>
        Add Cursor
      </button>

      <button type="button"
              data-cursor-pack-target="added"
              class="hidden flex-1 gap-2 btn btn-neutral rounded-2xl font-extrabold pointer-events-none">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-primary" aria-hidden="true">
          <path d="m5 12 5 5L20 7" />
        </svg>
        Added
      </button>

      <button type="button"
              class="tooltip btn btn-neutral btn-square rounded-2xl preview-on:[--btn-color:var(--color-primary)] preview-on:[--btn-fg:var(--color-primary-content)] preview-on:before:content-[attr(data-tip-active)]"
              data-action="cursor-preview#toggle"
              aria-label="Preview"
              data-tip="Try it on"
              data-tip-active="Take it off">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 preview-on:hidden" aria-hidden="true">
          <path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" />
          <circle cx="12" cy="12" r="3" />
        </svg>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 hidden preview-on:inline" aria-hidden="true">
          <path d="M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49" />
          <path d="M14.084 14.158a3 3 0 0 1-4.242-4.242" />
          <path d="M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143" />
          <path d="m2 2 20 20" />
        </svg>
      </button>
      
<div class="inline-flex"
     data-controller="dropdown"
     data-dropdown-placement-value="top-end">
  <button type="button" class="btn btn-neutral btn-square rounded-2xl" aria-haspopup="menu" aria-expanded="false"
          aria-label="Download"
          data-dropdown-target="trigger">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
      <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
      <path d="M7 10l5 5 5-5" /><path d="M12 15V3" />
    </svg>
    
  </button>

  <div popover class="dropdown m-0 inset-auto px-0 py-2 border-0 bg-transparent overflow-visible"
       data-dropdown-target="menu">
    <ul class="menu min-w-60 gap-1 p-0.5 bg-base-200 rounded-box border border-base-content/10 shadow-lg">
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--windows">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z" />
          </svg>
          <span class="flex-1">Windows Cursor</span>
          <span class="badge badge-sm badge-neutral">.ani</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--windows">
          <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="12 8 32 32" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M33 38H21c-.6 0-1-.4-1-1 0-1.5-.7-2.4-1.8-3.8-.6-.7-1.3-1.6-2-2.7-1.9-3-3.6-6.6-4-7.9-.4-1.3-.1-2.2.3-2.7.4-.6 1.2-.9 2.1-.9 1.2 0 2.4 1 3.5 2.3V11c0-1.7 1.3-3 3-3s3 1.3 3 3v4.2c.3-.1.6-.2 1-.2 1.1 0 2 .6 2.5 1.4.4-.3.9-.4 1.4-.4 1.4 0 2.5.9 2.9 2.2.3-.1.7-.2 1.1-.2 1.7 0 3 1.3 3 3v3c0 2.6-.5 4.7-1 6.7s-1 3.9-1 6.3c0 .6-.4 1-1 1zm-11.1-2H32c.1-2.2.6-4 1-5.8.5-2 1-3.9 1-6.2v-3c0-.6-.4-1-1-1s-1 .4-1 1v1c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-9c0-.6-.4-1-1-1s-1 .4-1 1v15c0 .6-.4 1-1 1s-1-.4-1-1v-.8c-.9-2.3-2.8-4.2-3.5-4.2-.2 0-.4 0-.5.1-.1.1-.1.4 0 .9.3 1.1 1.8 4.3 3.8 7.5.6 1 1.2 1.7 1.8 2.5 1.1 1.2 2.1 2.3 2.3 4z"></path>
          </svg>
          <span class="flex-1">Windows Pointer</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Cursor</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Pointer</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Cursor Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Pointer Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10 text-primary font-bold"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="all">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
            <path d="m3.5 7.5 8.5 4.8 8.5-4.8" /><path d="M12 12.3V22" /><path d="m7.5 4.3 9 5.1" />
            <path d="M21 8v8a2 2 0 0 1-1 1.7l-7 4a2 2 0 0 1-2 0l-7-4A2 2 0 0 1 3 16V8a2 2 0 0 1 1-1.7l7-4a2 2 0 0 1 2 0l7 4A2 2 0 0 1 21 8Z" />
          </svg>
          <span class="flex-1">Complete Pack</span>
          <span class="badge badge-sm badge-neutral">.zip</span>
        </button>
      </li>
    </ul>
  </div>
</div>

    </div>
  </div>
</article>

  </li>
  <li>
    

<article
  class="card group/card h-full transition-colors hover:[border-color:var(--card-accent)]"
  style="--card-accent: #8c63ff"
  data-controller="cursor-pack cursor-preview cursor-download"
  data-cursor-pack-payload="{&quot;collection&quot;:{&quot;name&quot;:&quot;Games&quot;,&quot;slug&quot;:&quot;games&quot;,&quot;image&quot;:&quot;https://cdn.sweezy-cursors.com/categories/358f5e7d-e23d-43fb-b13f-0abfb6f78f9a/games--primary--fb2afc.png&quot;},&quot;cursorConfig&quot;:{&quot;id&quot;:64672,&quot;name&quot;:&quot;Minecraft Spider Cursor&quot;,&quot;isAnimated&quot;:false,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/5525f505-886c-47e4-a3f3-3366056249bf/minecraft-spider--cursor-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/5525f505-886c-47e4-a3f3-3366056249bf/minecraft-spider--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:16,&quot;offsetY&quot;:6},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/5525f505-886c-47e4-a3f3-3366056249bf/minecraft-spider--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/5525f505-886c-47e4-a3f3-3366056249bf/minecraft-spider--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:6,&quot;offsetY&quot;:20}}}"
  data-cursor-pack-events-url="/cursor/minecraft-spider/events/"
>
  <a class="block" href="/cursor/minecraft-spider/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="Minecraft Spider Cursor" loading="lazy" class="w-full h-full object-contain p-8 transition-transform duration-300 group-hover/card:scale-[1.04]" src="https://cdn.sweezy-cursors.com/cursor_packs/5525f505-886c-47e4-a3f3-3366056249bf/minecraft-spider--poster--b5d601.png" />
    </figure>
</a>
  <div class="card-body gap-2.5 p-4">
      <div class="flex items-center gap-2">
          <span class="text-base leading-none" aria-hidden="true">🎮</span>
          <a class="badge badge-soft badge-sm font-semibold" style="--badge-color: #8c63ff;" href="/categories/games/">Games</a>
      </div>

    <h3 class="card-title text-base font-bold line-clamp-2 leading-[22px]">
      <a class="hover:text-base-content/80 transition-colors" href="/cursor/minecraft-spider/">Minecraft Spider Cursor</a>
</h3>
    <div class="card-actions mt-auto">
      <button type="button"
              data-cursor-pack-target="loading"
              class="flex-1 gap-2 btn btn-neutral rounded-2xl pointer-events-none"
              aria-label="Checking the extension">
        <span class="loading loading-infinity loading-md"></span>
      </button>

      <button type="button"
              data-cursor-pack-target="add"
              data-action="cursor-pack#add"
              class="hidden flex-1 gap-2 btn btn-primary rounded-2xl font-extrabold [--btn-color:var(--color-neutral)] [--btn-fg:var(--color-neutral-content)] group-hover/card:[--btn-color:var(--color-primary)] group-hover/card:[--btn-fg:var(--color-primary-content)]">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
          <path d="M5 12h14" /><path d="M12 5v14" />
        </svg>
        Add Cursor
      </button>

      <button type="button"
              data-cursor-pack-target="added"
              class="hidden flex-1 gap-2 btn btn-neutral rounded-2xl font-extrabold pointer-events-none">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-primary" aria-hidden="true">
          <path d="m5 12 5 5L20 7" />
        </svg>
        Added
      </button>

      <button type="button"
              class="tooltip btn btn-neutral btn-square rounded-2xl preview-on:[--btn-color:var(--color-primary)] preview-on:[--btn-fg:var(--color-primary-content)] preview-on:before:content-[attr(data-tip-active)]"
              data-action="cursor-preview#toggle"
              aria-label="Preview"
              data-tip="Try it on"
              data-tip-active="Take it off">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 preview-on:hidden" aria-hidden="true">
          <path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" />
          <circle cx="12" cy="12" r="3" />
        </svg>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 hidden preview-on:inline" aria-hidden="true">
          <path d="M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49" />
          <path d="M14.084 14.158a3 3 0 0 1-4.242-4.242" />
          <path d="M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143" />
          <path d="m2 2 20 20" />
        </svg>
      </button>
      
<div class="inline-flex"
     data-controller="dropdown"
     data-dropdown-placement-value="top-end">
  <button type="button" class="btn btn-neutral btn-square rounded-2xl" aria-haspopup="menu" aria-expanded="false"
          aria-label="Download"
          data-dropdown-target="trigger">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
      <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
      <path d="M7 10l5 5 5-5" /><path d="M12 15V3" />
    </svg>
    
  </button>

  <div popover class="dropdown m-0 inset-auto px-0 py-2 border-0 bg-transparent overflow-visible"
       data-dropdown-target="menu">
    <ul class="menu min-w-60 gap-1 p-0.5 bg-base-200 rounded-box border border-base-content/10 shadow-lg">
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--windows">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z" />
          </svg>
          <span class="flex-1">Windows Cursor</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--windows">
          <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="12 8 32 32" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M33 38H21c-.6 0-1-.4-1-1 0-1.5-.7-2.4-1.8-3.8-.6-.7-1.3-1.6-2-2.7-1.9-3-3.6-6.6-4-7.9-.4-1.3-.1-2.2.3-2.7.4-.6 1.2-.9 2.1-.9 1.2 0 2.4 1 3.5 2.3V11c0-1.7 1.3-3 3-3s3 1.3 3 3v4.2c.3-.1.6-.2 1-.2 1.1 0 2 .6 2.5 1.4.4-.3.9-.4 1.4-.4 1.4 0 2.5.9 2.9 2.2.3-.1.7-.2 1.1-.2 1.7 0 3 1.3 3 3v3c0 2.6-.5 4.7-1 6.7s-1 3.9-1 6.3c0 .6-.4 1-1 1zm-11.1-2H32c.1-2.2.6-4 1-5.8.5-2 1-3.9 1-6.2v-3c0-.6-.4-1-1-1s-1 .4-1 1v1c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-9c0-.6-.4-1-1-1s-1 .4-1 1v15c0 .6-.4 1-1 1s-1-.4-1-1v-.8c-.9-2.3-2.8-4.2-3.5-4.2-.2 0-.4 0-.5.1-.1.1-.1.4 0 .9.3 1.1 1.8 4.3 3.8 7.5.6 1 1.2 1.7 1.8 2.5 1.1 1.2 2.1 2.3 2.3 4z"></path>
          </svg>
          <span class="flex-1">Windows Pointer</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Cursor</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Pointer</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Cursor Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Pointer Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10 text-primary font-bold"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="all">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
            <path d="m3.5 7.5 8.5 4.8 8.5-4.8" /><path d="M12 12.3V22" /><path d="m7.5 4.3 9 5.1" />
            <path d="M21 8v8a2 2 0 0 1-1 1.7l-7 4a2 2 0 0 1-2 0l-7-4A2 2 0 0 1 3 16V8a2 2 0 0 1 1-1.7l7-4a2 2 0 0 1 2 0l7 4A2 2 0 0 1 21 8Z" />
          </svg>
          <span class="flex-1">Complete Pack</span>
          <span class="badge badge-sm badge-neutral">.zip</span>
        </button>
      </li>
    </ul>
  </div>
</div>

    </div>
  </div>
</article>

  </li>
  <li>
    

<article
  class="card group/card h-full transition-colors hover:[border-color:var(--card-accent)]"
  style="--card-accent: #d66afb"
  data-controller="cursor-pack cursor-preview cursor-download"
  data-cursor-pack-payload="{&quot;collection&quot;:{&quot;name&quot;:&quot;Aesthetics&quot;,&quot;slug&quot;:&quot;aesthetics&quot;,&quot;image&quot;:&quot;https://cdn.sweezy-cursors.com/categories/b6e12c8b-70db-40a5-95be-03a99680f270/aesthetics--primary--bd80bc.gif&quot;},&quot;cursorConfig&quot;:{&quot;id&quot;:64678,&quot;name&quot;:&quot;Preppy Cow Pattern Arrow \u0026 Smiley Face Cursor&quot;,&quot;isAnimated&quot;:false,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/dd24f4a3-f805-47be-b9b1-69022f6c4d94/preppy-cow-pattern-arrow-smiley-face--cursor-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/dd24f4a3-f805-47be-b9b1-69022f6c4d94/preppy-cow-pattern-arrow-smiley-face--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:2,&quot;offsetY&quot;:2},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/dd24f4a3-f805-47be-b9b1-69022f6c4d94/preppy-cow-pattern-arrow-smiley-face--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/dd24f4a3-f805-47be-b9b1-69022f6c4d94/preppy-cow-pattern-arrow-smiley-face--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:64,&quot;offsetY&quot;:10}}}"
  data-cursor-pack-events-url="/cursor/preppy-cow-pattern-arrow-smiley-face/events/"
>
  <a class="block" href="/cursor/preppy-cow-pattern-arrow-smiley-face/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="Preppy Cow Pattern Arrow &amp; Smiley Face Cursor" loading="lazy" class="w-full h-full object-contain p-8 transition-transform duration-300 group-hover/card:scale-[1.04]" src="https://cdn.sweezy-cursors.com/cursor_packs/dd24f4a3-f805-47be-b9b1-69022f6c4d94/preppy-cow-pattern-arrow-smiley-face--poster--7162ed.png" />
    </figure>
</a>
  <div class="card-body gap-2.5 p-4">
      <div class="flex items-center gap-2">
          <span class="text-base leading-none" aria-hidden="true">✨</span>
          <a class="badge badge-soft badge-sm font-semibold" style="--badge-color: #d66afb;" href="/categories/aesthetics/">Aesthetics</a>
      </div>

    <h3 class="card-title text-base font-bold line-clamp-2 leading-[22px]">
      <a class="hover:text-base-content/80 transition-colors" href="/cursor/preppy-cow-pattern-arrow-smiley-face/">Preppy Cow Pattern Arrow &amp; Smiley Face Cursor</a>
</h3>
    <div class="card-actions mt-auto">
      <button type="button"
              data-cursor-pack-target="loading"
              class="flex-1 gap-2 btn btn-neutral rounded-2xl pointer-events-none"
              aria-label="Checking the extension">
        <span class="loading loading-infinity loading-md"></span>
      </button>

      <button type="button"
              data-cursor-pack-target="add"
              data-action="cursor-pack#add"
              class="hidden flex-1 gap-2 btn btn-primary rounded-2xl font-extrabold [--btn-color:var(--color-neutral)] [--btn-fg:var(--color-neutral-content)] group-hover/card:[--btn-color:var(--color-primary)] group-hover/card:[--btn-fg:var(--color-primary-content)]">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
          <path d="M5 12h14" /><path d="M12 5v14" />
        </svg>
        Add Cursor
      </button>

      <button type="button"
              data-cursor-pack-target="added"
              class="hidden flex-1 gap-2 btn btn-neutral rounded-2xl font-extrabold pointer-events-none">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-primary" aria-hidden="true">
          <path d="m5 12 5 5L20 7" />
        </svg>
        Added
      </button>

      <button type="button"
              class="tooltip btn btn-neutral btn-square rounded-2xl preview-on:[--btn-color:var(--color-primary)] preview-on:[--btn-fg:var(--color-primary-content)] preview-on:before:content-[attr(data-tip-active)]"
              data-action="cursor-preview#toggle"
              aria-label="Preview"
              data-tip="Try it on"
              data-tip-active="Take it off">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 preview-on:hidden" aria-hidden="true">
          <path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" />
          <circle cx="12" cy="12" r="3" />
        </svg>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 hidden preview-on:inline" aria-hidden="true">
          <path d="M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49" />
          <path d="M14.084 14.158a3 3 0 0 1-4.242-4.242" />
          <path d="M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143" />
          <path d="m2 2 20 20" />
        </svg>
      </button>
      
<div class="inline-flex"
     data-controller="dropdown"
     data-dropdown-placement-value="top-end">
  <button type="button" class="btn btn-neutral btn-square rounded-2xl" aria-haspopup="menu" aria-expanded="false"
          aria-label="Download"
          data-dropdown-target="trigger">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
      <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
      <path d="M7 10l5 5 5-5" /><path d="M12 15V3" />
    </svg>
    
  </button>

  <div popover class="dropdown m-0 inset-auto px-0 py-2 border-0 bg-transparent overflow-visible"
       data-dropdown-target="menu">
    <ul class="menu min-w-60 gap-1 p-0.5 bg-base-200 rounded-box border border-base-content/10 shadow-lg">
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--windows">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z" />
          </svg>
          <span class="flex-1">Windows Cursor</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--windows">
          <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="12 8 32 32" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M33 38H21c-.6 0-1-.4-1-1 0-1.5-.7-2.4-1.8-3.8-.6-.7-1.3-1.6-2-2.7-1.9-3-3.6-6.6-4-7.9-.4-1.3-.1-2.2.3-2.7.4-.6 1.2-.9 2.1-.9 1.2 0 2.4 1 3.5 2.3V11c0-1.7 1.3-3 3-3s3 1.3 3 3v4.2c.3-.1.6-.2 1-.2 1.1 0 2 .6 2.5 1.4.4-.3.9-.4 1.4-.4 1.4 0 2.5.9 2.9 2.2.3-.1.7-.2 1.1-.2 1.7 0 3 1.3 3 3v3c0 2.6-.5 4.7-1 6.7s-1 3.9-1 6.3c0 .6-.4 1-1 1zm-11.1-2H32c.1-2.2.6-4 1-5.8.5-2 1-3.9 1-6.2v-3c0-.6-.4-1-1-1s-1 .4-1 1v1c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-9c0-.6-.4-1-1-1s-1 .4-1 1v15c0 .6-.4 1-1 1s-1-.4-1-1v-.8c-.9-2.3-2.8-4.2-3.5-4.2-.2 0-.4 0-.5.1-.1.1-.1.4 0 .9.3 1.1 1.8 4.3 3.8 7.5.6 1 1.2 1.7 1.8 2.5 1.1 1.2 2.1 2.3 2.3 4z"></path>
          </svg>
          <span class="flex-1">Windows Pointer</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Cursor</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Pointer</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Cursor Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Pointer Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10 text-primary font-bold"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="all">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
            <path d="m3.5 7.5 8.5 4.8 8.5-4.8" /><path d="M12 12.3V22" /><path d="m7.5 4.3 9 5.1" />
            <path d="M21 8v8a2 2 0 0 1-1 1.7l-7 4a2 2 0 0 1-2 0l-7-4A2 2 0 0 1 3 16V8a2 2 0 0 1 1-1.7l7-4a2 2 0 0 1 2 0l7 4A2 2 0 0 1 21 8Z" />
          </svg>
          <span class="flex-1">Complete Pack</span>
          <span class="badge badge-sm badge-neutral">.zip</span>
        </button>
      </li>
    </ul>
  </div>
</div>

    </div>
  </div>
</article>

  </li>
  <li>
    

<article
  class="card group/card h-full transition-colors hover:[border-color:var(--card-accent)]"
  style="--card-accent: #9b72ff"
  data-controller="cursor-pack cursor-preview cursor-download"
  data-cursor-pack-payload="{&quot;collection&quot;:{&quot;name&quot;:&quot;Music&quot;,&quot;slug&quot;:&quot;music&quot;,&quot;image&quot;:&quot;https://cdn.sweezy-cursors.com/categories/b44e1511-5be1-413a-be33-4490609869b9/music--primary--834c24.png&quot;},&quot;cursorConfig&quot;:{&quot;id&quot;:64606,&quot;name&quot;:&quot;Twenty One Pilots Bandana \u0026 Logo Animated Cursor&quot;,&quot;isAnimated&quot;:true,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/a05093c3-c996-4227-9bd3-5033b42fa407/twenty-one-pilots-bandana-logo-animated--cursor-icon.gif&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/a05093c3-c996-4227-9bd3-5033b42fa407/twenty-one-pilots-bandana-logo-animated--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:18,&quot;offsetY&quot;:2,&quot;animationDirection&quot;:&quot;normal&quot;,&quot;animationSpeed&quot;:900,&quot;frames&quot;:[&quot;https://cdn.sweezy-cursors.com/cursor_packs/a05093c3-c996-4227-9bd3-5033b42fa407/frames/twenty-one-pilots-bandana-logo-animated--frame--0.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/a05093c3-c996-4227-9bd3-5033b42fa407/frames/twenty-one-pilots-bandana-logo-animated--frame--1.png&quot;]},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/a05093c3-c996-4227-9bd3-5033b42fa407/twenty-one-pilots-bandana-logo-animated--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/a05093c3-c996-4227-9bd3-5033b42fa407/twenty-one-pilots-bandana-logo-animated--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:64,&quot;offsetY&quot;:6},&quot;animationSpeed&quot;:900}}"
  data-cursor-pack-events-url="/cursor/twenty-one-pilots-bandana-logo-animated/events/"
>
  <a class="block" href="/cursor/twenty-one-pilots-bandana-logo-animated/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="Twenty One Pilots Bandana &amp; Logo Animated Cursor" loading="lazy" class="w-full h-full object-contain p-8 transition-transform duration-300 group-hover/card:scale-[1.04]" src="https://cdn.sweezy-cursors.com/cursor_packs/a05093c3-c996-4227-9bd3-5033b42fa407/twenty-one-pilots-bandana-logo-animated--poster--c4026b.gif" />
    </figure>
</a>
  <div class="card-body gap-2.5 p-4">
      <div class="flex items-center gap-2">
          <span class="text-base leading-none" aria-hidden="true">🎧</span>
          <a class="badge badge-soft badge-sm font-semibold" style="--badge-color: #9b72ff;" href="/categories/music/">Music</a>
      </div>

    <h3 class="card-title text-base font-bold line-clamp-2 leading-[22px]">
      <a class="hover:text-base-content/80 transition-colors" href="/cursor/twenty-one-pilots-bandana-logo-animated/">Twenty One Pilots Bandana &amp; Logo Animated Cursor</a>
</h3>
    <div class="card-actions mt-auto">
      <button type="button"
              data-cursor-pack-target="loading"
              class="flex-1 gap-2 btn btn-neutral rounded-2xl pointer-events-none"
              aria-label="Checking the extension">
        <span class="loading loading-infinity loading-md"></span>
      </button>

      <button type="button"
              data-cursor-pack-target="add"
              data-action="cursor-pack#add"
              class="hidden flex-1 gap-2 btn btn-primary rounded-2xl font-extrabold [--btn-color:var(--color-neutral)] [--btn-fg:var(--color-neutral-content)] group-hover/card:[--btn-color:var(--color-primary)] group-hover/card:[--btn-fg:var(--color-primary-content)]">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
          <path d="M5 12h14" /><path d="M12 5v14" />
        </svg>
        Add Cursor
      </button>

      <button type="button"
              data-cursor-pack-target="added"
              class="hidden flex-1 gap-2 btn btn-neutral rounded-2xl font-extrabold pointer-events-none">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-primary" aria-hidden="true">
          <path d="m5 12 5 5L20 7" />
        </svg>
        Added
      </button>

      <button type="button"
              class="tooltip btn btn-neutral btn-square rounded-2xl preview-on:[--btn-color:var(--color-primary)] preview-on:[--btn-fg:var(--color-primary-content)] preview-on:before:content-[attr(data-tip-active)]"
              data-action="cursor-preview#toggle"
              aria-label="Preview"
              data-tip="Try it on"
              data-tip-active="Take it off">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 preview-on:hidden" aria-hidden="true">
          <path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" />
          <circle cx="12" cy="12" r="3" />
        </svg>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 hidden preview-on:inline" aria-hidden="true">
          <path d="M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49" />
          <path d="M14.084 14.158a3 3 0 0 1-4.242-4.242" />
          <path d="M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143" />
          <path d="m2 2 20 20" />
        </svg>
      </button>
      
<div class="inline-flex"
     data-controller="dropdown"
     data-dropdown-placement-value="top-end">
  <button type="button" class="btn btn-neutral btn-square rounded-2xl" aria-haspopup="menu" aria-expanded="false"
          aria-label="Download"
          data-dropdown-target="trigger">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
      <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
      <path d="M7 10l5 5 5-5" /><path d="M12 15V3" />
    </svg>
    
  </button>

  <div popover class="dropdown m-0 inset-auto px-0 py-2 border-0 bg-transparent overflow-visible"
       data-dropdown-target="menu">
    <ul class="menu min-w-60 gap-1 p-0.5 bg-base-200 rounded-box border border-base-content/10 shadow-lg">
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--windows">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z" />
          </svg>
          <span class="flex-1">Windows Cursor</span>
          <span class="badge badge-sm badge-neutral">.ani</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--windows">
          <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="12 8 32 32" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M33 38H21c-.6 0-1-.4-1-1 0-1.5-.7-2.4-1.8-3.8-.6-.7-1.3-1.6-2-2.7-1.9-3-3.6-6.6-4-7.9-.4-1.3-.1-2.2.3-2.7.4-.6 1.2-.9 2.1-.9 1.2 0 2.4 1 3.5 2.3V11c0-1.7 1.3-3 3-3s3 1.3 3 3v4.2c.3-.1.6-.2 1-.2 1.1 0 2 .6 2.5 1.4.4-.3.9-.4 1.4-.4 1.4 0 2.5.9 2.9 2.2.3-.1.7-.2 1.1-.2 1.7 0 3 1.3 3 3v3c0 2.6-.5 4.7-1 6.7s-1 3.9-1 6.3c0 .6-.4 1-1 1zm-11.1-2H32c.1-2.2.6-4 1-5.8.5-2 1-3.9 1-6.2v-3c0-.6-.4-1-1-1s-1 .4-1 1v1c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-9c0-.6-.4-1-1-1s-1 .4-1 1v15c0 .6-.4 1-1 1s-1-.4-1-1v-.8c-.9-2.3-2.8-4.2-3.5-4.2-.2 0-.4 0-.5.1-.1.1-.1.4 0 .9.3 1.1 1.8 4.3 3.8 7.5.6 1 1.2 1.7 1.8 2.5 1.1 1.2 2.1 2.3 2.3 4z"></path>
          </svg>
          <span class="flex-1">Windows Pointer</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Cursor</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Pointer</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Cursor Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Pointer Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10 text-primary font-bold"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="all">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
            <path d="m3.5 7.5 8.5 4.8 8.5-4.8" /><path d="M12 12.3V22" /><path d="m7.5 4.3 9 5.1" />
            <path d="M21 8v8a2 2 0 0 1-1 1.7l-7 4a2 2 0 0 1-2 0l-7-4A2 2 0 0 1 3 16V8a2 2 0 0 1 1-1.7l7-4a2 2 0 0 1 2 0l7 4A2 2 0 0 1 21 8Z" />
          </svg>
          <span class="flex-1">Complete Pack</span>
          <span class="badge badge-sm badge-neutral">.zip</span>
        </button>
      </li>
    </ul>
  </div>
</div>

    </div>
  </div>
</article>

  </li>
  <li>
    

<article
  class="card group/card h-full transition-colors hover:[border-color:var(--card-accent)]"
  style="--card-accent: #45c6a7"
  data-controller="cursor-pack cursor-preview cursor-download"
  data-cursor-pack-payload="{&quot;collection&quot;:{&quot;name&quot;:&quot;Lifestyle&quot;,&quot;slug&quot;:&quot;lifestyle&quot;,&quot;image&quot;:&quot;https://cdn.sweezy-cursors.com/categories/54531f82-a99a-44d9-bff7-f98f11edd1c5/lifestyle--primary--0a3481.png&quot;},&quot;cursorConfig&quot;:{&quot;id&quot;:64600,&quot;name&quot;:&quot;Gawr Gura \u0026 Trident Cursor&quot;,&quot;isAnimated&quot;:false,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/3cc1ad21-9ad5-47b2-a3a2-9cc0f08305e8/gawr-gura-trident--cursor-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/3cc1ad21-9ad5-47b2-a3a2-9cc0f08305e8/gawr-gura-trident--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:24,&quot;offsetY&quot;:8},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/3cc1ad21-9ad5-47b2-a3a2-9cc0f08305e8/gawr-gura-trident--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/3cc1ad21-9ad5-47b2-a3a2-9cc0f08305e8/gawr-gura-trident--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:32,&quot;offsetY&quot;:2}}}"
  data-cursor-pack-events-url="/cursor/gawr-gura-trident/events/"
>
  <a class="block" href="/cursor/gawr-gura-trident/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="Gawr Gura &amp; Trident Cursor" loading="lazy" class="w-full h-full object-contain p-8 transition-transform duration-300 group-hover/card:scale-[1.04]" src="https://cdn.sweezy-cursors.com/cursor_packs/3cc1ad21-9ad5-47b2-a3a2-9cc0f08305e8/gawr-gura-trident--poster--7b84d3.png" />
    </figure>
</a>
  <div class="card-body gap-2.5 p-4">
      <div class="flex items-center gap-2">
          <span class="text-base leading-none" aria-hidden="true">💫</span>
          <a class="badge badge-soft badge-sm font-semibold" style="--badge-color: #45c6a7;" href="/categories/lifestyle/">Lifestyle</a>
      </div>

    <h3 class="card-title text-base font-bold line-clamp-2 leading-[22px]">
      <a class="hover:text-base-content/80 transition-colors" href="/cursor/gawr-gura-trident/">Gawr Gura &amp; Trident Cursor</a>
</h3>
    <div class="card-actions mt-auto">
      <button type="button"
              data-cursor-pack-target="loading"
              class="flex-1 gap-2 btn btn-neutral rounded-2xl pointer-events-none"
              aria-label="Checking the extension">
        <span class="loading loading-infinity loading-md"></span>
      </button>

      <button type="button"
              data-cursor-pack-target="add"
              data-action="cursor-pack#add"
              class="hidden flex-1 gap-2 btn btn-primary rounded-2xl font-extrabold [--btn-color:var(--color-neutral)] [--btn-fg:var(--color-neutral-content)] group-hover/card:[--btn-color:var(--color-primary)] group-hover/card:[--btn-fg:var(--color-primary-content)]">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
          <path d="M5 12h14" /><path d="M12 5v14" />
        </svg>
        Add Cursor
      </button>

      <button type="button"
              data-cursor-pack-target="added"
              class="hidden flex-1 gap-2 btn btn-neutral rounded-2xl font-extrabold pointer-events-none">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-primary" aria-hidden="true">
          <path d="m5 12 5 5L20 7" />
        </svg>
        Added
      </button>

      <button type="button"
              class="tooltip btn btn-neutral btn-square rounded-2xl preview-on:[--btn-color:var(--color-primary)] preview-on:[--btn-fg:var(--color-primary-content)] preview-on:before:content-[attr(data-tip-active)]"
              data-action="cursor-preview#toggle"
              aria-label="Preview"
              data-tip="Try it on"
              data-tip-active="Take it off">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 preview-on:hidden" aria-hidden="true">
          <path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" />
          <circle cx="12" cy="12" r="3" />
        </svg>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 hidden preview-on:inline" aria-hidden="true">
          <path d="M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49" />
          <path d="M14.084 14.158a3 3 0 0 1-4.242-4.242" />
          <path d="M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143" />
          <path d="m2 2 20 20" />
        </svg>
      </button>
      
<div class="inline-flex"
     data-controller="dropdown"
     data-dropdown-placement-value="top-end">
  <button type="button" class="btn btn-neutral btn-square rounded-2xl" aria-haspopup="menu" aria-expanded="false"
          aria-label="Download"
          data-dropdown-target="trigger">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
      <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
      <path d="M7 10l5 5 5-5" /><path d="M12 15V3" />
    </svg>
    
  </button>

  <div popover class="dropdown m-0 inset-auto px-0 py-2 border-0 bg-transparent overflow-visible"
       data-dropdown-target="menu">
    <ul class="menu min-w-60 gap-1 p-0.5 bg-base-200 rounded-box border border-base-content/10 shadow-lg">
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--windows">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z" />
          </svg>
          <span class="flex-1">Windows Cursor</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--windows">
          <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="12 8 32 32" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M33 38H21c-.6 0-1-.4-1-1 0-1.5-.7-2.4-1.8-3.8-.6-.7-1.3-1.6-2-2.7-1.9-3-3.6-6.6-4-7.9-.4-1.3-.1-2.2.3-2.7.4-.6 1.2-.9 2.1-.9 1.2 0 2.4 1 3.5 2.3V11c0-1.7 1.3-3 3-3s3 1.3 3 3v4.2c.3-.1.6-.2 1-.2 1.1 0 2 .6 2.5 1.4.4-.3.9-.4 1.4-.4 1.4 0 2.5.9 2.9 2.2.3-.1.7-.2 1.1-.2 1.7 0 3 1.3 3 3v3c0 2.6-.5 4.7-1 6.7s-1 3.9-1 6.3c0 .6-.4 1-1 1zm-11.1-2H32c.1-2.2.6-4 1-5.8.5-2 1-3.9 1-6.2v-3c0-.6-.4-1-1-1s-1 .4-1 1v1c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-9c0-.6-.4-1-1-1s-1 .4-1 1v15c0 .6-.4 1-1 1s-1-.4-1-1v-.8c-.9-2.3-2.8-4.2-3.5-4.2-.2 0-.4 0-.5.1-.1.1-.1.4 0 .9.3 1.1 1.8 4.3 3.8 7.5.6 1 1.2 1.7 1.8 2.5 1.1 1.2 2.1 2.3 2.3 4z"></path>
          </svg>
          <span class="flex-1">Windows Pointer</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Cursor</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Pointer</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Cursor Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Pointer Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10 text-primary font-bold"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="all">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
            <path d="m3.5 7.5 8.5 4.8 8.5-4.8" /><path d="M12 12.3V22" /><path d="m7.5 4.3 9 5.1" />
            <path d="M21 8v8a2 2 0 0 1-1 1.7l-7 4a2 2 0 0 1-2 0l-7-4A2 2 0 0 1 3 16V8a2 2 0 0 1 1-1.7l7-4a2 2 0 0 1 2 0l7 4A2 2 0 0 1 21 8Z" />
          </svg>
          <span class="flex-1">Complete Pack</span>
          <span class="badge badge-sm badge-neutral">.zip</span>
        </button>
      </li>
    </ul>
  </div>
</div>

    </div>
  </div>
</article>

  </li>
  <li>
    

<article
  class="card group/card h-full transition-colors hover:[border-color:var(--card-accent)]"
  style="--card-accent: #d7b35a"
  data-controller="cursor-pack cursor-preview cursor-download"
  data-cursor-pack-payload="{&quot;collection&quot;:{&quot;name&quot;:&quot;Movies \u0026 TV&quot;,&quot;slug&quot;:&quot;movies-tv&quot;,&quot;image&quot;:&quot;https://cdn.sweezy-cursors.com/categories/e1f79341-23a9-4e17-ab82-1a2b92c94011/movies-tv--primary--cef2ba.png&quot;},&quot;cursorConfig&quot;:{&quot;id&quot;:64603,&quot;name&quot;:&quot;Star Wars Green Lightsabers Animated Cursor&quot;,&quot;isAnimated&quot;:true,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/a2da065d-18bd-4d7d-80bf-ccd43938b7dc/star-wars-green-lightsabers-animated--cursor-icon.gif&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/a2da065d-18bd-4d7d-80bf-ccd43938b7dc/star-wars-green-lightsabers-animated--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:8,&quot;offsetY&quot;:8,&quot;animationDirection&quot;:&quot;normal&quot;,&quot;animationSpeed&quot;:600,&quot;frames&quot;:[&quot;https://cdn.sweezy-cursors.com/cursor_packs/a2da065d-18bd-4d7d-80bf-ccd43938b7dc/frames/star-wars-green-lightsabers-animated--frame--0.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/a2da065d-18bd-4d7d-80bf-ccd43938b7dc/frames/star-wars-green-lightsabers-animated--frame--1.png&quot;]},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/a2da065d-18bd-4d7d-80bf-ccd43938b7dc/star-wars-green-lightsabers-animated--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/a2da065d-18bd-4d7d-80bf-ccd43938b7dc/star-wars-green-lightsabers-animated--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:8,&quot;offsetY&quot;:8},&quot;animationSpeed&quot;:600}}"
  data-cursor-pack-events-url="/cursor/star-wars-green-lightsabers-animated/events/"
>
  <a class="block" href="/cursor/star-wars-green-lightsabers-animated/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="Star Wars Green Lightsabers Animated Cursor" loading="lazy" class="w-full h-full object-contain p-8 transition-transform duration-300 group-hover/card:scale-[1.04]" src="https://cdn.sweezy-cursors.com/cursor_packs/a2da065d-18bd-4d7d-80bf-ccd43938b7dc/star-wars-green-lightsabers-animated--poster--3b372e.gif" />
    </figure>
</a>
  <div class="card-body gap-2.5 p-4">
      <div class="flex items-center gap-2">
          <span class="text-base leading-none" aria-hidden="true">🎬</span>
          <a class="badge badge-soft badge-sm font-semibold" style="--badge-color: #d7b35a;" href="/categories/movies-tv/">Movies &amp; TV</a>
      </div>

    <h3 class="card-title text-base font-bold line-clamp-2 leading-[22px]">
      <a class="hover:text-base-content/80 transition-colors" href="/cursor/star-wars-green-lightsabers-animated/">Star Wars Green Lightsabers Animated Cursor</a>
</h3>
    <div class="card-actions mt-auto">
      <button type="button"
              data-cursor-pack-target="loading"
              class="flex-1 gap-2 btn btn-neutral rounded-2xl pointer-events-none"
              aria-label="Checking the extension">
        <span class="loading loading-infinity loading-md"></span>
      </button>

      <button type="button"
              data-cursor-pack-target="add"
              data-action="cursor-pack#add"
              class="hidden flex-1 gap-2 btn btn-primary rounded-2xl font-extrabold [--btn-color:var(--color-neutral)] [--btn-fg:var(--color-neutral-content)] group-hover/card:[--btn-color:var(--color-primary)] group-hover/card:[--btn-fg:var(--color-primary-content)]">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
          <path d="M5 12h14" /><path d="M12 5v14" />
        </svg>
        Add Cursor
      </button>

      <button type="button"
              data-cursor-pack-target="added"
              class="hidden flex-1 gap-2 btn btn-neutral rounded-2xl font-extrabold pointer-events-none">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-primary" aria-hidden="true">
          <path d="m5 12 5 5L20 7" />
        </svg>
        Added
      </button>

      <button type="button"
              class="tooltip btn btn-neutral btn-square rounded-2xl preview-on:[--btn-color:var(--color-primary)] preview-on:[--btn-fg:var(--color-primary-content)] preview-on:before:content-[attr(data-tip-active)]"
              data-action="cursor-preview#toggle"
              aria-label="Preview"
              data-tip="Try it on"
              data-tip-active="Take it off">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 preview-on:hidden" aria-hidden="true">
          <path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" />
          <circle cx="12" cy="12" r="3" />
        </svg>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 hidden preview-on:inline" aria-hidden="true">
          <path d="M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49" />
          <path d="M14.084 14.158a3 3 0 0 1-4.242-4.242" />
          <path d="M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143" />
          <path d="m2 2 20 20" />
        </svg>
      </button>
      
<div class="inline-flex"
     data-controller="dropdown"
     data-dropdown-placement-value="top-end">
  <button type="button" class="btn btn-neutral btn-square rounded-2xl" aria-haspopup="menu" aria-expanded="false"
          aria-label="Download"
          data-dropdown-target="trigger">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
      <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
      <path d="M7 10l5 5 5-5" /><path d="M12 15V3" />
    </svg>
    
  </button>

  <div popover class="dropdown m-0 inset-auto px-0 py-2 border-0 bg-transparent overflow-visible"
       data-dropdown-target="menu">
    <ul class="menu min-w-60 gap-1 p-0.5 bg-base-200 rounded-box border border-base-content/10 shadow-lg">
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--windows">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z" />
          </svg>
          <span class="flex-1">Windows Cursor</span>
          <span class="badge badge-sm badge-neutral">.ani</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--windows">
          <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="12 8 32 32" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M33 38H21c-.6 0-1-.4-1-1 0-1.5-.7-2.4-1.8-3.8-.6-.7-1.3-1.6-2-2.7-1.9-3-3.6-6.6-4-7.9-.4-1.3-.1-2.2.3-2.7.4-.6 1.2-.9 2.1-.9 1.2 0 2.4 1 3.5 2.3V11c0-1.7 1.3-3 3-3s3 1.3 3 3v4.2c.3-.1.6-.2 1-.2 1.1 0 2 .6 2.5 1.4.4-.3.9-.4 1.4-.4 1.4 0 2.5.9 2.9 2.2.3-.1.7-.2 1.1-.2 1.7 0 3 1.3 3 3v3c0 2.6-.5 4.7-1 6.7s-1 3.9-1 6.3c0 .6-.4 1-1 1zm-11.1-2H32c.1-2.2.6-4 1-5.8.5-2 1-3.9 1-6.2v-3c0-.6-.4-1-1-1s-1 .4-1 1v1c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-9c0-.6-.4-1-1-1s-1 .4-1 1v15c0 .6-.4 1-1 1s-1-.4-1-1v-.8c-.9-2.3-2.8-4.2-3.5-4.2-.2 0-.4 0-.5.1-.1.1-.1.4 0 .9.3 1.1 1.8 4.3 3.8 7.5.6 1 1.2 1.7 1.8 2.5 1.1 1.2 2.1 2.3 2.3 4z"></path>
          </svg>
          <span class="flex-1">Windows Pointer</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Cursor</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Pointer</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Cursor Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Pointer Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10 text-primary font-bold"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="all">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
            <path d="m3.5 7.5 8.5 4.8 8.5-4.8" /><path d="M12 12.3V22" /><path d="m7.5 4.3 9 5.1" />
            <path d="M21 8v8a2 2 0 0 1-1 1.7l-7 4a2 2 0 0 1-2 0l-7-4A2 2 0 0 1 3 16V8a2 2 0 0 1 1-1.7l7-4a2 2 0 0 1 2 0l7 4A2 2 0 0 1 21 8Z" />
          </svg>
          <span class="flex-1">Complete Pack</span>
          <span class="badge badge-sm badge-neutral">.zip</span>
        </button>
      </li>
    </ul>
  </div>
</div>

    </div>
  </div>
</article>

  </li>
  <li>
    

<article
  class="card group/card h-full transition-colors hover:[border-color:var(--card-accent)]"
  style="--card-accent: #f3cf58"
  data-controller="cursor-pack cursor-preview cursor-download"
  data-cursor-pack-payload="{&quot;collection&quot;:{&quot;name&quot;:&quot;Cartoons&quot;,&quot;slug&quot;:&quot;cartoons&quot;,&quot;image&quot;:&quot;https://cdn.sweezy-cursors.com/categories/9debc8b3-f6e3-4355-be9f-d5141391895f/cartoons--primary--872784.png&quot;},&quot;cursorConfig&quot;:{&quot;id&quot;:64599,&quot;name&quot;:&quot;Camp Camp Bonjour Bonquisha Animatd Cursor&quot;,&quot;isAnimated&quot;:true,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/3e753355-83f0-49ee-9fa1-21262eb2cce9/camp-camp-bonjour-bonquisha-animatd--cursor-icon.gif&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/3e753355-83f0-49ee-9fa1-21262eb2cce9/camp-camp-bonjour-bonquisha-animatd--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:10,&quot;offsetY&quot;:2,&quot;animationDirection&quot;:&quot;normal&quot;,&quot;animationSpeed&quot;:950,&quot;frames&quot;:[&quot;https://cdn.sweezy-cursors.com/cursor_packs/3e753355-83f0-49ee-9fa1-21262eb2cce9/frames/camp-camp-bonjour-bonquisha-animatd--frame--0.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/3e753355-83f0-49ee-9fa1-21262eb2cce9/frames/camp-camp-bonjour-bonquisha-animatd--frame--1.png&quot;]},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/3e753355-83f0-49ee-9fa1-21262eb2cce9/camp-camp-bonjour-bonquisha-animatd--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/3e753355-83f0-49ee-9fa1-21262eb2cce9/camp-camp-bonjour-bonquisha-animatd--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:34,&quot;offsetY&quot;:2},&quot;animationSpeed&quot;:950}}"
  data-cursor-pack-events-url="/cursor/camp-camp-bonjour-bonquisha-animatd/events/"
>
  <a class="block" href="/cursor/camp-camp-bonjour-bonquisha-animatd/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="Camp Camp Bonjour Bonquisha Animatd Cursor" loading="lazy" class="w-full h-full object-contain p-8 transition-transform duration-300 group-hover/card:scale-[1.04]" src="https://cdn.sweezy-cursors.com/cursor_packs/3e753355-83f0-49ee-9fa1-21262eb2cce9/camp-camp-bonjour-bonquisha-animatd--poster--f30363.gif" />
    </figure>
</a>
  <div class="card-body gap-2.5 p-4">
      <div class="flex items-center gap-2">
          <span class="text-base leading-none" aria-hidden="true">⭐</span>
          <a class="badge badge-soft badge-sm font-semibold" style="--badge-color: #f3cf58;" href="/categories/cartoons/">Cartoons</a>
      </div>

    <h3 class="card-title text-base font-bold line-clamp-2 leading-[22px]">
      <a class="hover:text-base-content/80 transition-colors" href="/cursor/camp-camp-bonjour-bonquisha-animatd/">Camp Camp Bonjour Bonquisha Animatd Cursor</a>
</h3>
    <div class="card-actions mt-auto">
      <button type="button"
              data-cursor-pack-target="loading"
              class="flex-1 gap-2 btn btn-neutral rounded-2xl pointer-events-none"
              aria-label="Checking the extension">
        <span class="loading loading-infinity loading-md"></span>
      </button>

      <button type="button"
              data-cursor-pack-target="add"
              data-action="cursor-pack#add"
              class="hidden flex-1 gap-2 btn btn-primary rounded-2xl font-extrabold [--btn-color:var(--color-neutral)] [--btn-fg:var(--color-neutral-content)] group-hover/card:[--btn-color:var(--color-primary)] group-hover/card:[--btn-fg:var(--color-primary-content)]">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
          <path d="M5 12h14" /><path d="M12 5v14" />
        </svg>
        Add Cursor
      </button>

      <button type="button"
              data-cursor-pack-target="added"
              class="hidden flex-1 gap-2 btn btn-neutral rounded-2xl font-extrabold pointer-events-none">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-primary" aria-hidden="true">
          <path d="m5 12 5 5L20 7" />
        </svg>
        Added
      </button>

      <button type="button"
              class="tooltip btn btn-neutral btn-square rounded-2xl preview-on:[--btn-color:var(--color-primary)] preview-on:[--btn-fg:var(--color-primary-content)] preview-on:before:content-[attr(data-tip-active)]"
              data-action="cursor-preview#toggle"
              aria-label="Preview"
              data-tip="Try it on"
              data-tip-active="Take it off">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 preview-on:hidden" aria-hidden="true">
          <path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" />
          <circle cx="12" cy="12" r="3" />
        </svg>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 hidden preview-on:inline" aria-hidden="true">
          <path d="M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49" />
          <path d="M14.084 14.158a3 3 0 0 1-4.242-4.242" />
          <path d="M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143" />
          <path d="m2 2 20 20" />
        </svg>
      </button>
      
<div class="inline-flex"
     data-controller="dropdown"
     data-dropdown-placement-value="top-end">
  <button type="button" class="btn btn-neutral btn-square rounded-2xl" aria-haspopup="menu" aria-expanded="false"
          aria-label="Download"
          data-dropdown-target="trigger">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
      <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
      <path d="M7 10l5 5 5-5" /><path d="M12 15V3" />
    </svg>
    
  </button>

  <div popover class="dropdown m-0 inset-auto px-0 py-2 border-0 bg-transparent overflow-visible"
       data-dropdown-target="menu">
    <ul class="menu min-w-60 gap-1 p-0.5 bg-base-200 rounded-box border border-base-content/10 shadow-lg">
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--windows">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z" />
          </svg>
          <span class="flex-1">Windows Cursor</span>
          <span class="badge badge-sm badge-neutral">.ani</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--windows">
          <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="12 8 32 32" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M33 38H21c-.6 0-1-.4-1-1 0-1.5-.7-2.4-1.8-3.8-.6-.7-1.3-1.6-2-2.7-1.9-3-3.6-6.6-4-7.9-.4-1.3-.1-2.2.3-2.7.4-.6 1.2-.9 2.1-.9 1.2 0 2.4 1 3.5 2.3V11c0-1.7 1.3-3 3-3s3 1.3 3 3v4.2c.3-.1.6-.2 1-.2 1.1 0 2 .6 2.5 1.4.4-.3.9-.4 1.4-.4 1.4 0 2.5.9 2.9 2.2.3-.1.7-.2 1.1-.2 1.7 0 3 1.3 3 3v3c0 2.6-.5 4.7-1 6.7s-1 3.9-1 6.3c0 .6-.4 1-1 1zm-11.1-2H32c.1-2.2.6-4 1-5.8.5-2 1-3.9 1-6.2v-3c0-.6-.4-1-1-1s-1 .4-1 1v1c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-9c0-.6-.4-1-1-1s-1 .4-1 1v15c0 .6-.4 1-1 1s-1-.4-1-1v-.8c-.9-2.3-2.8-4.2-3.5-4.2-.2 0-.4 0-.5.1-.1.1-.1.4 0 .9.3 1.1 1.8 4.3 3.8 7.5.6 1 1.2 1.7 1.8 2.5 1.1 1.2 2.1 2.3 2.3 4z"></path>
          </svg>
          <span class="flex-1">Windows Pointer</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Cursor</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Pointer</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Cursor Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Pointer Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10 text-primary font-bold"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="all">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
            <path d="m3.5 7.5 8.5 4.8 8.5-4.8" /><path d="M12 12.3V22" /><path d="m7.5 4.3 9 5.1" />
            <path d="M21 8v8a2 2 0 0 1-1 1.7l-7 4a2 2 0 0 1-2 0l-7-4A2 2 0 0 1 3 16V8a2 2 0 0 1 1-1.7l7-4a2 2 0 0 1 2 0l7 4A2 2 0 0 1 21 8Z" />
          </svg>
          <span class="flex-1">Complete Pack</span>
          <span class="badge badge-sm badge-neutral">.zip</span>
        </button>
      </li>
    </ul>
  </div>
</div>

    </div>
  </div>
</article>

  </li>
    <li class="col-span-full"><div class="my-5" data-controller="house-fallback"
     data-action="adsense:blocked@document->house-fallback#swapToHouseAd">
    <ins class="adsbygoogle"
         style="display:block"
         data-controller="adsense"
         data-house-fallback-target="unit"
         data-ad-client="ca-pub-7538024863465087"
         data-ad-slot="8377316299"
         data-ad-format="auto"
         data-full-width-responsive="true"></ins>

  <template data-house-fallback-target="pool">
      <a target="_blank" rel="noopener" class="block w-fit mx-auto" href="https://chromewebstore.google.com/detail/bro-mon-%F0%9F%90%BE-browser-monste/oedkbkpngfmjfbmmmijkogojlcddmcgf">
        <img alt="[Bro-Mon] Every Tab Level" loading="lazy" class="max-w-full h-auto rounded-lg" src="https://cdn.sweezy-cursors.com/house-fallbacks/859e10--bro-mon-every-tab-level--adaptive.gif" />
</a>      <a target="_blank" rel="noopener" class="block w-fit mx-auto" href="https://chromewebstore.google.com/detail/bro-mon-%F0%9F%90%BE-browser-monste/oedkbkpngfmjfbmmmijkogojlcddmcgf">
        <img alt="[Bro-Mon] Bro Let&#39;s Study" loading="lazy" class="max-w-full h-auto rounded-lg" src="https://cdn.sweezy-cursors.com/house-fallbacks/e02b99--bro-mon-bro-let-s-study--adaptive.gif" />
</a>      <a target="_blank" rel="noopener" class="block w-fit mx-auto" href="https://chromewebstore.google.com/detail/emoji-combos-text-symbols/ahbhmoigkkdbhpjaafejhneoeojnhceg">
        <img alt="[Emoji Combos] Funny Emoji Face" loading="lazy" class="max-w-full h-auto rounded-lg" src="https://cdn.sweezy-cursors.com/house-fallbacks/f5dbde--emoji-combos-funny-emoji-face--adaptive.gif" />
</a>      <a target="_blank" rel="noopener" class="block w-fit mx-auto" href="https://www.youtube.com/channel/UCsRrp_0RTTA7V8gZVMinDpQ">
        <img alt="[YT Chanel] Watch Us" loading="lazy" class="max-w-full h-auto rounded-lg" src="https://cdn.sweezy-cursors.com/house-fallbacks/e4c125--yt-chanel-watch-us--adaptive.gif" />
</a>      <a target="_blank" rel="noopener" class="block w-fit mx-auto" href="https://chromewebstore.google.com/detail/bro-mon-%F0%9F%90%BE-browser-monste/oedkbkpngfmjfbmmmijkogojlcddmcgf">
        <img alt="[Bro-Mon] Catch Monsters" loading="lazy" class="max-w-full h-auto rounded-lg" src="https://cdn.sweezy-cursors.com/house-fallbacks/1b2f09--bro-mon-catch-monsters--adaptive.gif" />
</a>      <a target="_blank" rel="noopener" class="block w-fit mx-auto" href="https://shop.bro-mon.world/">
        <img alt="[Bro-Shop] Stickers" loading="lazy" class="max-w-full h-auto rounded-lg" src="https://cdn.sweezy-cursors.com/house-fallbacks/798efe--bro-shop-stickers--adaptive.gif" />
</a>      <a target="_blank" rel="noopener" class="block w-fit mx-auto" href="https://chromewebstore.google.com/detail/sweezy-custom-progress-ba/bnjlijllccbbjdeiflmakhkijbdddflj">
        <img alt="[YPB] Bongo Cat Vibe" loading="lazy" class="max-w-full h-auto rounded-lg" src="https://cdn.sweezy-cursors.com/house-fallbacks/2167c5--ypb-bongo-cat-vibe--adaptive.gif" />
</a>      <a target="_blank" rel="noopener" class="block w-fit mx-auto" href="https://shop.bro-mon.world/">
        <img alt="[Bro-Shop] Tees" loading="lazy" class="max-w-full h-auto rounded-lg" src="https://cdn.sweezy-cursors.com/house-fallbacks/1a210a--bro-shop-tees--adaptive.gif" />
</a>      <a target="_blank" rel="noopener" class="block w-fit mx-auto" href="https://chromewebstore.google.com/detail/sweezy-custom-doodle-for/jeiahlnhacbbdkaniaednfjpaemaghol">
        <img alt="[CD] Nyan Cat Customize" loading="lazy" class="max-w-full h-auto rounded-lg" src="https://cdn.sweezy-cursors.com/house-fallbacks/d20099--cd-nyan-cat-customize--adaptive.gif" />
</a>      <a target="_blank" rel="noopener" class="block w-fit mx-auto" href="https://wallpapers-clan.com/desktop-wallpapers/">
        <img alt="[W-Clan] Anya Desk Walls" loading="lazy" class="max-w-full h-auto rounded-lg" src="https://cdn.sweezy-cursors.com/house-fallbacks/aee5d8--w-clan-anya-desk-walls--adaptive.gif" />
</a>      <a target="_blank" rel="noopener" class="block w-fit mx-auto" href="https://chromewebstore.google.com/detail/make-it-rain-emoji-confet/boecibpkgeiidobghefcdclcmleeoahd">
        <img alt="[Make it Rain] Emoji Girl" loading="lazy" class="max-w-full h-auto rounded-lg" src="https://cdn.sweezy-cursors.com/house-fallbacks/17e967--make-it-rain-emoji-girl--adaptive.gif" />
</a>      <a target="_blank" rel="noopener" class="block w-fit mx-auto" href="https://chromewebstore.google.com/detail/web-tones-%E2%80%93-cinematic-col/idcmebilpnnnlefdnhakmdbhpmloneea">
        <img alt="[Web Tones] Hi I am Web Tones" loading="lazy" class="max-w-full h-auto rounded-lg" src="https://cdn.sweezy-cursors.com/house-fallbacks/78e959--web-tones-hi-i-am-web-tones--adaptive.gif" />
</a>  </template>
</div>
</li>
  <li>
    

<article
  class="card group/card h-full transition-colors hover:[border-color:var(--card-accent)]"
  style="--card-accent: #9aa9c7"
  data-controller="cursor-pack cursor-preview cursor-download"
  data-cursor-pack-payload="{&quot;collection&quot;:{&quot;name&quot;:&quot;Basic&quot;,&quot;slug&quot;:&quot;basic&quot;,&quot;image&quot;:&quot;https://cdn.sweezy-cursors.com/categories/660eddae-d8b0-40e6-9951-0efc34a80349/basic--primary--029de9.png&quot;},&quot;cursorConfig&quot;:{&quot;id&quot;:64384,&quot;name&quot;:&quot;Romantic Wave Texture Animated Cursor&quot;,&quot;isAnimated&quot;:true,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/81ed6abe-caa9-44ac-895e-2936c0629380/romantic-wave-texture-animated--cursor-icon.gif&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/81ed6abe-caa9-44ac-895e-2936c0629380/romantic-wave-texture-animated--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:4,&quot;offsetY&quot;:2,&quot;animationDirection&quot;:&quot;alternate&quot;,&quot;animationSpeed&quot;:600,&quot;frames&quot;:[&quot;https://cdn.sweezy-cursors.com/cursor_packs/81ed6abe-caa9-44ac-895e-2936c0629380/frames/romantic-wave-texture-animated--frame--0.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/81ed6abe-caa9-44ac-895e-2936c0629380/frames/romantic-wave-texture-animated--frame--1.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/81ed6abe-caa9-44ac-895e-2936c0629380/frames/romantic-wave-texture-animated--frame--2.png&quot;]},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/81ed6abe-caa9-44ac-895e-2936c0629380/romantic-wave-texture-animated--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/81ed6abe-caa9-44ac-895e-2936c0629380/romantic-wave-texture-animated--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:32,&quot;offsetY&quot;:4},&quot;animationSpeed&quot;:600}}"
  data-cursor-pack-events-url="/cursor/romantic-wave-texture-animated/events/"
>
  <a class="block" href="/cursor/romantic-wave-texture-animated/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="Romantic Wave Texture Animated Cursor" loading="lazy" class="w-full h-full object-contain p-8 transition-transform duration-300 group-hover/card:scale-[1.04]" src="https://cdn.sweezy-cursors.com/cursor_packs/81ed6abe-caa9-44ac-895e-2936c0629380/romantic-wave-texture-animated--poster--ac1937.gif" />
    </figure>
</a>
  <div class="card-body gap-2.5 p-4">
      <div class="flex items-center gap-2">
          <span class="text-base leading-none" aria-hidden="true">↖️</span>
          <a class="badge badge-soft badge-sm font-semibold" style="--badge-color: #9aa9c7;" href="/categories/basic/">Basic</a>
      </div>

    <h3 class="card-title text-base font-bold line-clamp-2 leading-[22px]">
      <a class="hover:text-base-content/80 transition-colors" href="/cursor/romantic-wave-texture-animated/">Romantic Wave Texture Animated Cursor</a>
</h3>
    <div class="card-actions mt-auto">
      <button type="button"
              data-cursor-pack-target="loading"
              class="flex-1 gap-2 btn btn-neutral rounded-2xl pointer-events-none"
              aria-label="Checking the extension">
        <span class="loading loading-infinity loading-md"></span>
      </button>

      <button type="button"
              data-cursor-pack-target="add"
              data-action="cursor-pack#add"
              class="hidden flex-1 gap-2 btn btn-primary rounded-2xl font-extrabold [--btn-color:var(--color-neutral)] [--btn-fg:var(--color-neutral-content)] group-hover/card:[--btn-color:var(--color-primary)] group-hover/card:[--btn-fg:var(--color-primary-content)]">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
          <path d="M5 12h14" /><path d="M12 5v14" />
        </svg>
        Add Cursor
      </button>

      <button type="button"
              data-cursor-pack-target="added"
              class="hidden flex-1 gap-2 btn btn-neutral rounded-2xl font-extrabold pointer-events-none">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-primary" aria-hidden="true">
          <path d="m5 12 5 5L20 7" />
        </svg>
        Added
      </button>

      <button type="button"
              class="tooltip btn btn-neutral btn-square rounded-2xl preview-on:[--btn-color:var(--color-primary)] preview-on:[--btn-fg:var(--color-primary-content)] preview-on:before:content-[attr(data-tip-active)]"
              data-action="cursor-preview#toggle"
              aria-label="Preview"
              data-tip="Try it on"
              data-tip-active="Take it off">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 preview-on:hidden" aria-hidden="true">
          <path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" />
          <circle cx="12" cy="12" r="3" />
        </svg>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 hidden preview-on:inline" aria-hidden="true">
          <path d="M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49" />
          <path d="M14.084 14.158a3 3 0 0 1-4.242-4.242" />
          <path d="M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143" />
          <path d="m2 2 20 20" />
        </svg>
      </button>
      
<div class="inline-flex"
     data-controller="dropdown"
     data-dropdown-placement-value="top-end">
  <button type="button" class="btn btn-neutral btn-square rounded-2xl" aria-haspopup="menu" aria-expanded="false"
          aria-label="Download"
          data-dropdown-target="trigger">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
      <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
      <path d="M7 10l5 5 5-5" /><path d="M12 15V3" />
    </svg>
    
  </button>

  <div popover class="dropdown m-0 inset-auto px-0 py-2 border-0 bg-transparent overflow-visible"
       data-dropdown-target="menu">
    <ul class="menu min-w-60 gap-1 p-0.5 bg-base-200 rounded-box border border-base-content/10 shadow-lg">
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--windows">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z" />
          </svg>
          <span class="flex-1">Windows Cursor</span>
          <span class="badge badge-sm badge-neutral">.ani</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--windows">
          <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="12 8 32 32" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M33 38H21c-.6 0-1-.4-1-1 0-1.5-.7-2.4-1.8-3.8-.6-.7-1.3-1.6-2-2.7-1.9-3-3.6-6.6-4-7.9-.4-1.3-.1-2.2.3-2.7.4-.6 1.2-.9 2.1-.9 1.2 0 2.4 1 3.5 2.3V11c0-1.7 1.3-3 3-3s3 1.3 3 3v4.2c.3-.1.6-.2 1-.2 1.1 0 2 .6 2.5 1.4.4-.3.9-.4 1.4-.4 1.4 0 2.5.9 2.9 2.2.3-.1.7-.2 1.1-.2 1.7 0 3 1.3 3 3v3c0 2.6-.5 4.7-1 6.7s-1 3.9-1 6.3c0 .6-.4 1-1 1zm-11.1-2H32c.1-2.2.6-4 1-5.8.5-2 1-3.9 1-6.2v-3c0-.6-.4-1-1-1s-1 .4-1 1v1c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-9c0-.6-.4-1-1-1s-1 .4-1 1v15c0 .6-.4 1-1 1s-1-.4-1-1v-.8c-.9-2.3-2.8-4.2-3.5-4.2-.2 0-.4 0-.5.1-.1.1-.1.4 0 .9.3 1.1 1.8 4.3 3.8 7.5.6 1 1.2 1.7 1.8 2.5 1.1 1.2 2.1 2.3 2.3 4z"></path>
          </svg>
          <span class="flex-1">Windows Pointer</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Cursor</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Pointer</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Cursor Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Pointer Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10 text-primary font-bold"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="all">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
            <path d="m3.5 7.5 8.5 4.8 8.5-4.8" /><path d="M12 12.3V22" /><path d="m7.5 4.3 9 5.1" />
            <path d="M21 8v8a2 2 0 0 1-1 1.7l-7 4a2 2 0 0 1-2 0l-7-4A2 2 0 0 1 3 16V8a2 2 0 0 1 1-1.7l7-4a2 2 0 0 1 2 0l7 4A2 2 0 0 1 21 8Z" />
          </svg>
          <span class="flex-1">Complete Pack</span>
          <span class="badge badge-sm badge-neutral">.zip</span>
        </button>
      </li>
    </ul>
  </div>
</div>

    </div>
  </div>
</article>

  </li>
  <li>
    

<article
  class="card group/card h-full transition-colors hover:[border-color:var(--card-accent)]"
  style="--card-accent: #f16ecb"
  data-controller="cursor-pack cursor-preview cursor-download"
  data-cursor-pack-payload="{&quot;collection&quot;:{&quot;name&quot;:&quot;Cute&quot;,&quot;slug&quot;:&quot;cute&quot;,&quot;image&quot;:&quot;https://cdn.sweezy-cursors.com/categories/34449cb6-7087-4ae7-a57f-b05eaaa7c403/cute--primary--f04ead.png&quot;},&quot;cursorConfig&quot;:{&quot;id&quot;:64476,&quot;name&quot;:&quot;Cute Sanrio Foodie Cursor&quot;,&quot;isAnimated&quot;:false,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/42727461-71a2-45cb-920c-fb005013558f/cute-sanrio-foodie--cursor-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/42727461-71a2-45cb-920c-fb005013558f/cute-sanrio-foodie--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:2,&quot;offsetY&quot;:2},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/42727461-71a2-45cb-920c-fb005013558f/cute-sanrio-foodie--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/42727461-71a2-45cb-920c-fb005013558f/cute-sanrio-foodie--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:58,&quot;offsetY&quot;:4}}}"
  data-cursor-pack-events-url="/cursor/cute-sanrio-foodie/events/"
>
  <a class="block" href="/cursor/cute-sanrio-foodie/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="Cute Sanrio Foodie Cursor" loading="lazy" class="w-full h-full object-contain p-8 transition-transform duration-300 group-hover/card:scale-[1.04]" src="https://cdn.sweezy-cursors.com/cursor_packs/42727461-71a2-45cb-920c-fb005013558f/cute-sanrio-foodie--poster--1df63e.png" />
    </figure>
</a>
  <div class="card-body gap-2.5 p-4">
      <div class="flex items-center gap-2">
          <span class="text-base leading-none" aria-hidden="true">🎀</span>
          <a class="badge badge-soft badge-sm font-semibold" style="--badge-color: #f16ecb;" href="/categories/cute/">Cute</a>
      </div>

    <h3 class="card-title text-base font-bold line-clamp-2 leading-[22px]">
      <a class="hover:text-base-content/80 transition-colors" href="/cursor/cute-sanrio-foodie/">Cute Sanrio Foodie Cursor</a>
</h3>
    <div class="card-actions mt-auto">
      <button type="button"
              data-cursor-pack-target="loading"
              class="flex-1 gap-2 btn btn-neutral rounded-2xl pointer-events-none"
              aria-label="Checking the extension">
        <span class="loading loading-infinity loading-md"></span>
      </button>

      <button type="button"
              data-cursor-pack-target="add"
              data-action="cursor-pack#add"
              class="hidden flex-1 gap-2 btn btn-primary rounded-2xl font-extrabold [--btn-color:var(--color-neutral)] [--btn-fg:var(--color-neutral-content)] group-hover/card:[--btn-color:var(--color-primary)] group-hover/card:[--btn-fg:var(--color-primary-content)]">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
          <path d="M5 12h14" /><path d="M12 5v14" />
        </svg>
        Add Cursor
      </button>

      <button type="button"
              data-cursor-pack-target="added"
              class="hidden flex-1 gap-2 btn btn-neutral rounded-2xl font-extrabold pointer-events-none">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-primary" aria-hidden="true">
          <path d="m5 12 5 5L20 7" />
        </svg>
        Added
      </button>

      <button type="button"
              class="tooltip btn btn-neutral btn-square rounded-2xl preview-on:[--btn-color:var(--color-primary)] preview-on:[--btn-fg:var(--color-primary-content)] preview-on:before:content-[attr(data-tip-active)]"
              data-action="cursor-preview#toggle"
              aria-label="Preview"
              data-tip="Try it on"
              data-tip-active="Take it off">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 preview-on:hidden" aria-hidden="true">
          <path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" />
          <circle cx="12" cy="12" r="3" />
        </svg>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 hidden preview-on:inline" aria-hidden="true">
          <path d="M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49" />
          <path d="M14.084 14.158a3 3 0 0 1-4.242-4.242" />
          <path d="M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143" />
          <path d="m2 2 20 20" />
        </svg>
      </button>
      
<div class="inline-flex"
     data-controller="dropdown"
     data-dropdown-placement-value="top-end">
  <button type="button" class="btn btn-neutral btn-square rounded-2xl" aria-haspopup="menu" aria-expanded="false"
          aria-label="Download"
          data-dropdown-target="trigger">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
      <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
      <path d="M7 10l5 5 5-5" /><path d="M12 15V3" />
    </svg>
    
  </button>

  <div popover class="dropdown m-0 inset-auto px-0 py-2 border-0 bg-transparent overflow-visible"
       data-dropdown-target="menu">
    <ul class="menu min-w-60 gap-1 p-0.5 bg-base-200 rounded-box border border-base-content/10 shadow-lg">
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--windows">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z" />
          </svg>
          <span class="flex-1">Windows Cursor</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--windows">
          <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="12 8 32 32" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M33 38H21c-.6 0-1-.4-1-1 0-1.5-.7-2.4-1.8-3.8-.6-.7-1.3-1.6-2-2.7-1.9-3-3.6-6.6-4-7.9-.4-1.3-.1-2.2.3-2.7.4-.6 1.2-.9 2.1-.9 1.2 0 2.4 1 3.5 2.3V11c0-1.7 1.3-3 3-3s3 1.3 3 3v4.2c.3-.1.6-.2 1-.2 1.1 0 2 .6 2.5 1.4.4-.3.9-.4 1.4-.4 1.4 0 2.5.9 2.9 2.2.3-.1.7-.2 1.1-.2 1.7 0 3 1.3 3 3v3c0 2.6-.5 4.7-1 6.7s-1 3.9-1 6.3c0 .6-.4 1-1 1zm-11.1-2H32c.1-2.2.6-4 1-5.8.5-2 1-3.9 1-6.2v-3c0-.6-.4-1-1-1s-1 .4-1 1v1c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-9c0-.6-.4-1-1-1s-1 .4-1 1v15c0 .6-.4 1-1 1s-1-.4-1-1v-.8c-.9-2.3-2.8-4.2-3.5-4.2-.2 0-.4 0-.5.1-.1.1-.1.4 0 .9.3 1.1 1.8 4.3 3.8 7.5.6 1 1.2 1.7 1.8 2.5 1.1 1.2 2.1 2.3 2.3 4z"></path>
          </svg>
          <span class="flex-1">Windows Pointer</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Cursor</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Pointer</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Cursor Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Pointer Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10 text-primary font-bold"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="all">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
            <path d="m3.5 7.5 8.5 4.8 8.5-4.8" /><path d="M12 12.3V22" /><path d="m7.5 4.3 9 5.1" />
            <path d="M21 8v8a2 2 0 0 1-1 1.7l-7 4a2 2 0 0 1-2 0l-7-4A2 2 0 0 1 3 16V8a2 2 0 0 1 1-1.7l7-4a2 2 0 0 1 2 0l7 4A2 2 0 0 1 21 8Z" />
          </svg>
          <span class="flex-1">Complete Pack</span>
          <span class="badge badge-sm badge-neutral">.zip</span>
        </button>
      </li>
    </ul>
  </div>
</div>

    </div>
  </div>
</article>

  </li>
  <li>
    

<article
  class="card group/card h-full transition-colors hover:[border-color:var(--card-accent)]"
  style="--card-accent: #a36bff"
  data-controller="cursor-pack cursor-preview cursor-download"
  data-cursor-pack-payload="{&quot;collection&quot;:{&quot;name&quot;:&quot;Anime&quot;,&quot;slug&quot;:&quot;anime&quot;,&quot;image&quot;:&quot;https://cdn.sweezy-cursors.com/categories/8b02b114-3de3-47e2-b80a-40e56ddad072/anime--primary--e460d8.gif&quot;},&quot;cursorConfig&quot;:{&quot;id&quot;:64369,&quot;name&quot;:&quot;One Piece Chibi Roronoa Zoro Animated Cursor&quot;,&quot;isAnimated&quot;:true,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/7a6f4707-b752-4045-a204-b34800f97d9d/one-piece-chibi-roronoa-zoro-animated--cursor-icon.gif&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/7a6f4707-b752-4045-a204-b34800f97d9d/one-piece-chibi-roronoa-zoro-animated--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:14,&quot;offsetY&quot;:24,&quot;animationDirection&quot;:&quot;normal&quot;,&quot;animationSpeed&quot;:400,&quot;frames&quot;:[&quot;https://cdn.sweezy-cursors.com/cursor_packs/7a6f4707-b752-4045-a204-b34800f97d9d/frames/one-piece-chibi-roronoa-zoro-animated--frame--0.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/7a6f4707-b752-4045-a204-b34800f97d9d/frames/one-piece-chibi-roronoa-zoro-animated--frame--1.png&quot;]},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/7a6f4707-b752-4045-a204-b34800f97d9d/one-piece-chibi-roronoa-zoro-animated--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/7a6f4707-b752-4045-a204-b34800f97d9d/one-piece-chibi-roronoa-zoro-animated--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:4,&quot;offsetY&quot;:14},&quot;animationSpeed&quot;:400}}"
  data-cursor-pack-events-url="/cursor/one-piece-chibi-roronoa-zoro-animated/events/"
>
  <a class="block" href="/cursor/one-piece-chibi-roronoa-zoro-animated/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="One Piece Chibi Roronoa Zoro Animated Cursor" loading="lazy" class="w-full h-full object-contain p-8 transition-transform duration-300 group-hover/card:scale-[1.04]" src="https://cdn.sweezy-cursors.com/cursor_packs/7a6f4707-b752-4045-a204-b34800f97d9d/one-piece-chibi-roronoa-zoro-animated--poster--9a9948.gif" />
    </figure>
</a>
  <div class="card-body gap-2.5 p-4">
      <div class="flex items-center gap-2">
          <span class="text-base leading-none" aria-hidden="true">🍥</span>
          <a class="badge badge-soft badge-sm font-semibold" style="--badge-color: #a36bff;" href="/categories/anime/">Anime</a>
      </div>

    <h3 class="card-title text-base font-bold line-clamp-2 leading-[22px]">
      <a class="hover:text-base-content/80 transition-colors" href="/cursor/one-piece-chibi-roronoa-zoro-animated/">One Piece Chibi Roronoa Zoro Animated Cursor</a>
</h3>
    <div class="card-actions mt-auto">
      <button type="button"
              data-cursor-pack-target="loading"
              class="flex-1 gap-2 btn btn-neutral rounded-2xl pointer-events-none"
              aria-label="Checking the extension">
        <span class="loading loading-infinity loading-md"></span>
      </button>

      <button type="button"
              data-cursor-pack-target="add"
              data-action="cursor-pack#add"
              class="hidden flex-1 gap-2 btn btn-primary rounded-2xl font-extrabold [--btn-color:var(--color-neutral)] [--btn-fg:var(--color-neutral-content)] group-hover/card:[--btn-color:var(--color-primary)] group-hover/card:[--btn-fg:var(--color-primary-content)]">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
          <path d="M5 12h14" /><path d="M12 5v14" />
        </svg>
        Add Cursor
      </button>

      <button type="button"
              data-cursor-pack-target="added"
              class="hidden flex-1 gap-2 btn btn-neutral rounded-2xl font-extrabold pointer-events-none">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-primary" aria-hidden="true">
          <path d="m5 12 5 5L20 7" />
        </svg>
        Added
      </button>

      <button type="button"
              class="tooltip btn btn-neutral btn-square rounded-2xl preview-on:[--btn-color:var(--color-primary)] preview-on:[--btn-fg:var(--color-primary-content)] preview-on:before:content-[attr(data-tip-active)]"
              data-action="cursor-preview#toggle"
              aria-label="Preview"
              data-tip="Try it on"
              data-tip-active="Take it off">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 preview-on:hidden" aria-hidden="true">
          <path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" />
          <circle cx="12" cy="12" r="3" />
        </svg>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 hidden preview-on:inline" aria-hidden="true">
          <path d="M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49" />
          <path d="M14.084 14.158a3 3 0 0 1-4.242-4.242" />
          <path d="M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143" />
          <path d="m2 2 20 20" />
        </svg>
      </button>
      
<div class="inline-flex"
     data-controller="dropdown"
     data-dropdown-placement-value="top-end">
  <button type="button" class="btn btn-neutral btn-square rounded-2xl" aria-haspopup="menu" aria-expanded="false"
          aria-label="Download"
          data-dropdown-target="trigger">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
      <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
      <path d="M7 10l5 5 5-5" /><path d="M12 15V3" />
    </svg>
    
  </button>

  <div popover class="dropdown m-0 inset-auto px-0 py-2 border-0 bg-transparent overflow-visible"
       data-dropdown-target="menu">
    <ul class="menu min-w-60 gap-1 p-0.5 bg-base-200 rounded-box border border-base-content/10 shadow-lg">
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--windows">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z" />
          </svg>
          <span class="flex-1">Windows Cursor</span>
          <span class="badge badge-sm badge-neutral">.ani</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--windows">
          <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="12 8 32 32" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M33 38H21c-.6 0-1-.4-1-1 0-1.5-.7-2.4-1.8-3.8-.6-.7-1.3-1.6-2-2.7-1.9-3-3.6-6.6-4-7.9-.4-1.3-.1-2.2.3-2.7.4-.6 1.2-.9 2.1-.9 1.2 0 2.4 1 3.5 2.3V11c0-1.7 1.3-3 3-3s3 1.3 3 3v4.2c.3-.1.6-.2 1-.2 1.1 0 2 .6 2.5 1.4.4-.3.9-.4 1.4-.4 1.4 0 2.5.9 2.9 2.2.3-.1.7-.2 1.1-.2 1.7 0 3 1.3 3 3v3c0 2.6-.5 4.7-1 6.7s-1 3.9-1 6.3c0 .6-.4 1-1 1zm-11.1-2H32c.1-2.2.6-4 1-5.8.5-2 1-3.9 1-6.2v-3c0-.6-.4-1-1-1s-1 .4-1 1v1c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-9c0-.6-.4-1-1-1s-1 .4-1 1v15c0 .6-.4 1-1 1s-1-.4-1-1v-.8c-.9-2.3-2.8-4.2-3.5-4.2-.2 0-.4 0-.5.1-.1.1-.1.4 0 .9.3 1.1 1.8 4.3 3.8 7.5.6 1 1.2 1.7 1.8 2.5 1.1 1.2 2.1 2.3 2.3 4z"></path>
          </svg>
          <span class="flex-1">Windows Pointer</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Cursor</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Pointer</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Cursor Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Pointer Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10 text-primary font-bold"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="all">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
            <path d="m3.5 7.5 8.5 4.8 8.5-4.8" /><path d="M12 12.3V22" /><path d="m7.5 4.3 9 5.1" />
            <path d="M21 8v8a2 2 0 0 1-1 1.7l-7 4a2 2 0 0 1-2 0l-7-4A2 2 0 0 1 3 16V8a2 2 0 0 1 1-1.7l7-4a2 2 0 0 1 2 0l7 4A2 2 0 0 1 21 8Z" />
          </svg>
          <span class="flex-1">Complete Pack</span>
          <span class="badge badge-sm badge-neutral">.zip</span>
        </button>
      </li>
    </ul>
  </div>
</div>

    </div>
  </div>
</article>

  </li>
  <li>
    

<article
  class="card group/card h-full transition-colors hover:[border-color:var(--card-accent)]"
  style="--card-accent: #b9d867"
  data-controller="cursor-pack cursor-preview cursor-download"
  data-cursor-pack-payload="{&quot;collection&quot;:{&quot;name&quot;:&quot;Animals&quot;,&quot;slug&quot;:&quot;animals&quot;,&quot;image&quot;:&quot;https://cdn.sweezy-cursors.com/categories/2cb6b305-15a8-460f-973e-0a18475fc25b/animals--primary--3f92e6.png&quot;},&quot;cursorConfig&quot;:{&quot;id&quot;:64363,&quot;name&quot;:&quot;Cute Raccoon Cursor&quot;,&quot;isAnimated&quot;:false,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/968fbfa0-b1ef-4bd6-8e47-b95dc80f201f/cute-raccoon--cursor-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/968fbfa0-b1ef-4bd6-8e47-b95dc80f201f/cute-raccoon--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:2,&quot;offsetY&quot;:2},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/968fbfa0-b1ef-4bd6-8e47-b95dc80f201f/cute-raccoon--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/968fbfa0-b1ef-4bd6-8e47-b95dc80f201f/cute-raccoon--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:2,&quot;offsetY&quot;:24}}}"
  data-cursor-pack-events-url="/cursor/cute-raccoon/events/"
>
  <a class="block" href="/cursor/cute-raccoon/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="Cute Raccoon Cursor" loading="lazy" class="w-full h-full object-contain p-8 transition-transform duration-300 group-hover/card:scale-[1.04]" src="https://cdn.sweezy-cursors.com/cursor_packs/968fbfa0-b1ef-4bd6-8e47-b95dc80f201f/cute-raccoon--poster--0b8bd1.png" />
    </figure>
</a>
  <div class="card-body gap-2.5 p-4">
      <div class="flex items-center gap-2">
          <span class="text-base leading-none" aria-hidden="true">🐾</span>
          <a class="badge badge-soft badge-sm font-semibold" style="--badge-color: #b9d867;" href="/categories/animals/">Animals</a>
      </div>

    <h3 class="card-title text-base font-bold line-clamp-2 leading-[22px]">
      <a class="hover:text-base-content/80 transition-colors" href="/cursor/cute-raccoon/">Cute Raccoon Cursor</a>
</h3>
    <div class="card-actions mt-auto">
      <button type="button"
              data-cursor-pack-target="loading"
              class="flex-1 gap-2 btn btn-neutral rounded-2xl pointer-events-none"
              aria-label="Checking the extension">
        <span class="loading loading-infinity loading-md"></span>
      </button>

      <button type="button"
              data-cursor-pack-target="add"
              data-action="cursor-pack#add"
              class="hidden flex-1 gap-2 btn btn-primary rounded-2xl font-extrabold [--btn-color:var(--color-neutral)] [--btn-fg:var(--color-neutral-content)] group-hover/card:[--btn-color:var(--color-primary)] group-hover/card:[--btn-fg:var(--color-primary-content)]">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
          <path d="M5 12h14" /><path d="M12 5v14" />
        </svg>
        Add Cursor
      </button>

      <button type="button"
              data-cursor-pack-target="added"
              class="hidden flex-1 gap-2 btn btn-neutral rounded-2xl font-extrabold pointer-events-none">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-primary" aria-hidden="true">
          <path d="m5 12 5 5L20 7" />
        </svg>
        Added
      </button>

      <button type="button"
              class="tooltip btn btn-neutral btn-square rounded-2xl preview-on:[--btn-color:var(--color-primary)] preview-on:[--btn-fg:var(--color-primary-content)] preview-on:before:content-[attr(data-tip-active)]"
              data-action="cursor-preview#toggle"
              aria-label="Preview"
              data-tip="Try it on"
              data-tip-active="Take it off">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 preview-on:hidden" aria-hidden="true">
          <path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" />
          <circle cx="12" cy="12" r="3" />
        </svg>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 hidden preview-on:inline" aria-hidden="true">
          <path d="M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49" />
          <path d="M14.084 14.158a3 3 0 0 1-4.242-4.242" />
          <path d="M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143" />
          <path d="m2 2 20 20" />
        </svg>
      </button>
      
<div class="inline-flex"
     data-controller="dropdown"
     data-dropdown-placement-value="top-end">
  <button type="button" class="btn btn-neutral btn-square rounded-2xl" aria-haspopup="menu" aria-expanded="false"
          aria-label="Download"
          data-dropdown-target="trigger">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
      <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
      <path d="M7 10l5 5 5-5" /><path d="M12 15V3" />
    </svg>
    
  </button>

  <div popover class="dropdown m-0 inset-auto px-0 py-2 border-0 bg-transparent overflow-visible"
       data-dropdown-target="menu">
    <ul class="menu min-w-60 gap-1 p-0.5 bg-base-200 rounded-box border border-base-content/10 shadow-lg">
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--windows">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z" />
          </svg>
          <span class="flex-1">Windows Cursor</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--windows">
          <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="12 8 32 32" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M33 38H21c-.6 0-1-.4-1-1 0-1.5-.7-2.4-1.8-3.8-.6-.7-1.3-1.6-2-2.7-1.9-3-3.6-6.6-4-7.9-.4-1.3-.1-2.2.3-2.7.4-.6 1.2-.9 2.1-.9 1.2 0 2.4 1 3.5 2.3V11c0-1.7 1.3-3 3-3s3 1.3 3 3v4.2c.3-.1.6-.2 1-.2 1.1 0 2 .6 2.5 1.4.4-.3.9-.4 1.4-.4 1.4 0 2.5.9 2.9 2.2.3-.1.7-.2 1.1-.2 1.7 0 3 1.3 3 3v3c0 2.6-.5 4.7-1 6.7s-1 3.9-1 6.3c0 .6-.4 1-1 1zm-11.1-2H32c.1-2.2.6-4 1-5.8.5-2 1-3.9 1-6.2v-3c0-.6-.4-1-1-1s-1 .4-1 1v1c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-9c0-.6-.4-1-1-1s-1 .4-1 1v15c0 .6-.4 1-1 1s-1-.4-1-1v-.8c-.9-2.3-2.8-4.2-3.5-4.2-.2 0-.4 0-.5.1-.1.1-.1.4 0 .9.3 1.1 1.8 4.3 3.8 7.5.6 1 1.2 1.7 1.8 2.5 1.1 1.2 2.1 2.3 2.3 4z"></path>
          </svg>
          <span class="flex-1">Windows Pointer</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Cursor</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Pointer</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Cursor Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Pointer Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10 text-primary font-bold"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="all">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
            <path d="m3.5 7.5 8.5 4.8 8.5-4.8" /><path d="M12 12.3V22" /><path d="m7.5 4.3 9 5.1" />
            <path d="M21 8v8a2 2 0 0 1-1 1.7l-7 4a2 2 0 0 1-2 0l-7-4A2 2 0 0 1 3 16V8a2 2 0 0 1 1-1.7l7-4a2 2 0 0 1 2 0l7 4A2 2 0 0 1 21 8Z" />
          </svg>
          <span class="flex-1">Complete Pack</span>
          <span class="badge badge-sm badge-neutral">.zip</span>
        </button>
      </li>
    </ul>
  </div>
</div>

    </div>
  </div>
</article>

  </li>
  <li>
    

<article
  class="card group/card h-full transition-colors hover:[border-color:var(--card-accent)]"
  style="--card-accent: #45c6a7"
  data-controller="cursor-pack cursor-preview cursor-download"
  data-cursor-pack-payload="{&quot;collection&quot;:{&quot;name&quot;:&quot;Lifestyle&quot;,&quot;slug&quot;:&quot;lifestyle&quot;,&quot;image&quot;:&quot;https://cdn.sweezy-cursors.com/categories/54531f82-a99a-44d9-bff7-f98f11edd1c5/lifestyle--primary--0a3481.png&quot;},&quot;cursorConfig&quot;:{&quot;id&quot;:64598,&quot;name&quot;:&quot;Burning Sneaker \u0026 Skateboard Animated Cursor&quot;,&quot;isAnimated&quot;:true,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/9adbfa6e-565b-4c10-a61d-9d348de6e0f2/burning-sneaker-skateboard-animated--cursor-icon.gif&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/9adbfa6e-565b-4c10-a61d-9d348de6e0f2/burning-sneaker-skateboard-animated--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:2,&quot;offsetY&quot;:2,&quot;animationDirection&quot;:&quot;alternate&quot;,&quot;animationSpeed&quot;:850,&quot;frames&quot;:[&quot;https://cdn.sweezy-cursors.com/cursor_packs/9adbfa6e-565b-4c10-a61d-9d348de6e0f2/frames/burning-sneaker-skateboard-animated--frame--0.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/9adbfa6e-565b-4c10-a61d-9d348de6e0f2/frames/burning-sneaker-skateboard-animated--frame--1.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/9adbfa6e-565b-4c10-a61d-9d348de6e0f2/frames/burning-sneaker-skateboard-animated--frame--2.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/9adbfa6e-565b-4c10-a61d-9d348de6e0f2/frames/burning-sneaker-skateboard-animated--frame--3.png&quot;]},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/9adbfa6e-565b-4c10-a61d-9d348de6e0f2/burning-sneaker-skateboard-animated--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/9adbfa6e-565b-4c10-a61d-9d348de6e0f2/burning-sneaker-skateboard-animated--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:10,&quot;offsetY&quot;:2},&quot;animationSpeed&quot;:850}}"
  data-cursor-pack-events-url="/cursor/burning-sneaker-skateboard-animated/events/"
>
  <a class="block" href="/cursor/burning-sneaker-skateboard-animated/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="Burning Sneaker &amp; Skateboard Animated Cursor" loading="lazy" class="w-full h-full object-contain p-8 transition-transform duration-300 group-hover/card:scale-[1.04]" src="https://cdn.sweezy-cursors.com/cursor_packs/9adbfa6e-565b-4c10-a61d-9d348de6e0f2/burning-sneaker-skateboard-animated--poster--48d2cb.gif" />
    </figure>
</a>
  <div class="card-body gap-2.5 p-4">
      <div class="flex items-center gap-2">
          <span class="text-base leading-none" aria-hidden="true">💫</span>
          <a class="badge badge-soft badge-sm font-semibold" style="--badge-color: #45c6a7;" href="/categories/lifestyle/">Lifestyle</a>
      </div>

    <h3 class="card-title text-base font-bold line-clamp-2 leading-[22px]">
      <a class="hover:text-base-content/80 transition-colors" href="/cursor/burning-sneaker-skateboard-animated/">Burning Sneaker &amp; Skateboard Animated Cursor</a>
</h3>
    <div class="card-actions mt-auto">
      <button type="button"
              data-cursor-pack-target="loading"
              class="flex-1 gap-2 btn btn-neutral rounded-2xl pointer-events-none"
              aria-label="Checking the extension">
        <span class="loading loading-infinity loading-md"></span>
      </button>

      <button type="button"
              data-cursor-pack-target="add"
              data-action="cursor-pack#add"
              class="hidden flex-1 gap-2 btn btn-primary rounded-2xl font-extrabold [--btn-color:var(--color-neutral)] [--btn-fg:var(--color-neutral-content)] group-hover/card:[--btn-color:var(--color-primary)] group-hover/card:[--btn-fg:var(--color-primary-content)]">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
          <path d="M5 12h14" /><path d="M12 5v14" />
        </svg>
        Add Cursor
      </button>

      <button type="button"
              data-cursor-pack-target="added"
              class="hidden flex-1 gap-2 btn btn-neutral rounded-2xl font-extrabold pointer-events-none">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-primary" aria-hidden="true">
          <path d="m5 12 5 5L20 7" />
        </svg>
        Added
      </button>

      <button type="button"
              class="tooltip btn btn-neutral btn-square rounded-2xl preview-on:[--btn-color:var(--color-primary)] preview-on:[--btn-fg:var(--color-primary-content)] preview-on:before:content-[attr(data-tip-active)]"
              data-action="cursor-preview#toggle"
              aria-label="Preview"
              data-tip="Try it on"
              data-tip-active="Take it off">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 preview-on:hidden" aria-hidden="true">
          <path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" />
          <circle cx="12" cy="12" r="3" />
        </svg>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 hidden preview-on:inline" aria-hidden="true">
          <path d="M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49" />
          <path d="M14.084 14.158a3 3 0 0 1-4.242-4.242" />
          <path d="M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143" />
          <path d="m2 2 20 20" />
        </svg>
      </button>
      
<div class="inline-flex"
     data-controller="dropdown"
     data-dropdown-placement-value="top-end">
  <button type="button" class="btn btn-neutral btn-square rounded-2xl" aria-haspopup="menu" aria-expanded="false"
          aria-label="Download"
          data-dropdown-target="trigger">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
      <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
      <path d="M7 10l5 5 5-5" /><path d="M12 15V3" />
    </svg>
    
  </button>

  <div popover class="dropdown m-0 inset-auto px-0 py-2 border-0 bg-transparent overflow-visible"
       data-dropdown-target="menu">
    <ul class="menu min-w-60 gap-1 p-0.5 bg-base-200 rounded-box border border-base-content/10 shadow-lg">
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--windows">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z" />
          </svg>
          <span class="flex-1">Windows Cursor</span>
          <span class="badge badge-sm badge-neutral">.ani</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--windows">
          <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="12 8 32 32" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M33 38H21c-.6 0-1-.4-1-1 0-1.5-.7-2.4-1.8-3.8-.6-.7-1.3-1.6-2-2.7-1.9-3-3.6-6.6-4-7.9-.4-1.3-.1-2.2.3-2.7.4-.6 1.2-.9 2.1-.9 1.2 0 2.4 1 3.5 2.3V11c0-1.7 1.3-3 3-3s3 1.3 3 3v4.2c.3-.1.6-.2 1-.2 1.1 0 2 .6 2.5 1.4.4-.3.9-.4 1.4-.4 1.4 0 2.5.9 2.9 2.2.3-.1.7-.2 1.1-.2 1.7 0 3 1.3 3 3v3c0 2.6-.5 4.7-1 6.7s-1 3.9-1 6.3c0 .6-.4 1-1 1zm-11.1-2H32c.1-2.2.6-4 1-5.8.5-2 1-3.9 1-6.2v-3c0-.6-.4-1-1-1s-1 .4-1 1v1c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-9c0-.6-.4-1-1-1s-1 .4-1 1v15c0 .6-.4 1-1 1s-1-.4-1-1v-.8c-.9-2.3-2.8-4.2-3.5-4.2-.2 0-.4 0-.5.1-.1.1-.1.4 0 .9.3 1.1 1.8 4.3 3.8 7.5.6 1 1.2 1.7 1.8 2.5 1.1 1.2 2.1 2.3 2.3 4z"></path>
          </svg>
          <span class="flex-1">Windows Pointer</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Cursor</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Pointer</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Cursor Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Pointer Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10 text-primary font-bold"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="all">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
            <path d="m3.5 7.5 8.5 4.8 8.5-4.8" /><path d="M12 12.3V22" /><path d="m7.5 4.3 9 5.1" />
            <path d="M21 8v8a2 2 0 0 1-1 1.7l-7 4a2 2 0 0 1-2 0l-7-4A2 2 0 0 1 3 16V8a2 2 0 0 1 1-1.7l7-4a2 2 0 0 1 2 0l7 4A2 2 0 0 1 21 8Z" />
          </svg>
          <span class="flex-1">Complete Pack</span>
          <span class="badge badge-sm badge-neutral">.zip</span>
        </button>
      </li>
    </ul>
  </div>
</div>

    </div>
  </div>
</article>

  </li>
  <li>
    

<article
  class="card group/card h-full transition-colors hover:[border-color:var(--card-accent)]"
  style="--card-accent: #f27a5f"
  data-controller="cursor-pack cursor-preview cursor-download"
  data-cursor-pack-payload="{&quot;collection&quot;:{&quot;name&quot;:&quot;Memes&quot;,&quot;slug&quot;:&quot;memes&quot;,&quot;image&quot;:&quot;https://cdn.sweezy-cursors.com/categories/aafaa317-650d-491e-a785-a24e86335e35/memes--primary--8ea742.png&quot;},&quot;cursorConfig&quot;:{&quot;id&quot;:64660,&quot;name&quot;:&quot;Funny Goose Honk Honk Cursor&quot;,&quot;isAnimated&quot;:false,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/ea9e05c3-5b96-48f7-8420-4a8f617b2904/funny-goose-honk-honk--cursor-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/ea9e05c3-5b96-48f7-8420-4a8f617b2904/funny-goose-honk-honk--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:18,&quot;offsetY&quot;:12},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/ea9e05c3-5b96-48f7-8420-4a8f617b2904/funny-goose-honk-honk--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/ea9e05c3-5b96-48f7-8420-4a8f617b2904/funny-goose-honk-honk--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:12,&quot;offsetY&quot;:16}}}"
  data-cursor-pack-events-url="/cursor/funny-goose-honk-honk/events/"
>
  <a class="block" href="/cursor/funny-goose-honk-honk/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="Funny Goose Honk Honk Cursor" loading="lazy" class="w-full h-full object-contain p-8 transition-transform duration-300 group-hover/card:scale-[1.04]" src="https://cdn.sweezy-cursors.com/cursor_packs/ea9e05c3-5b96-48f7-8420-4a8f617b2904/funny-goose-honk-honk--poster--6f13b6.png" />
    </figure>
</a>
  <div class="card-body gap-2.5 p-4">
      <div class="flex items-center gap-2">
          <span class="text-base leading-none" aria-hidden="true">🗿</span>
          <a class="badge badge-soft badge-sm font-semibold" style="--badge-color: #f27a5f;" href="/categories/memes/">Memes</a>
      </div>

    <h3 class="card-title text-base font-bold line-clamp-2 leading-[22px]">
      <a class="hover:text-base-content/80 transition-colors" href="/cursor/funny-goose-honk-honk/">Funny Goose Honk Honk Cursor</a>
</h3>
    <div class="card-actions mt-auto">
      <button type="button"
              data-cursor-pack-target="loading"
              class="flex-1 gap-2 btn btn-neutral rounded-2xl pointer-events-none"
              aria-label="Checking the extension">
        <span class="loading loading-infinity loading-md"></span>
      </button>

      <button type="button"
              data-cursor-pack-target="add"
              data-action="cursor-pack#add"
              class="hidden flex-1 gap-2 btn btn-primary rounded-2xl font-extrabold [--btn-color:var(--color-neutral)] [--btn-fg:var(--color-neutral-content)] group-hover/card:[--btn-color:var(--color-primary)] group-hover/card:[--btn-fg:var(--color-primary-content)]">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
          <path d="M5 12h14" /><path d="M12 5v14" />
        </svg>
        Add Cursor
      </button>

      <button type="button"
              data-cursor-pack-target="added"
              class="hidden flex-1 gap-2 btn btn-neutral rounded-2xl font-extrabold pointer-events-none">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-primary" aria-hidden="true">
          <path d="m5 12 5 5L20 7" />
        </svg>
        Added
      </button>

      <button type="button"
              class="tooltip btn btn-neutral btn-square rounded-2xl preview-on:[--btn-color:var(--color-primary)] preview-on:[--btn-fg:var(--color-primary-content)] preview-on:before:content-[attr(data-tip-active)]"
              data-action="cursor-preview#toggle"
              aria-label="Preview"
              data-tip="Try it on"
              data-tip-active="Take it off">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 preview-on:hidden" aria-hidden="true">
          <path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" />
          <circle cx="12" cy="12" r="3" />
        </svg>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 hidden preview-on:inline" aria-hidden="true">
          <path d="M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49" />
          <path d="M14.084 14.158a3 3 0 0 1-4.242-4.242" />
          <path d="M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143" />
          <path d="m2 2 20 20" />
        </svg>
      </button>
      
<div class="inline-flex"
     data-controller="dropdown"
     data-dropdown-placement-value="top-end">
  <button type="button" class="btn btn-neutral btn-square rounded-2xl" aria-haspopup="menu" aria-expanded="false"
          aria-label="Download"
          data-dropdown-target="trigger">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
      <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
      <path d="M7 10l5 5 5-5" /><path d="M12 15V3" />
    </svg>
    
  </button>

  <div popover class="dropdown m-0 inset-auto px-0 py-2 border-0 bg-transparent overflow-visible"
       data-dropdown-target="menu">
    <ul class="menu min-w-60 gap-1 p-0.5 bg-base-200 rounded-box border border-base-content/10 shadow-lg">
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--windows">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z" />
          </svg>
          <span class="flex-1">Windows Cursor</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--windows">
          <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="12 8 32 32" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M33 38H21c-.6 0-1-.4-1-1 0-1.5-.7-2.4-1.8-3.8-.6-.7-1.3-1.6-2-2.7-1.9-3-3.6-6.6-4-7.9-.4-1.3-.1-2.2.3-2.7.4-.6 1.2-.9 2.1-.9 1.2 0 2.4 1 3.5 2.3V11c0-1.7 1.3-3 3-3s3 1.3 3 3v4.2c.3-.1.6-.2 1-.2 1.1 0 2 .6 2.5 1.4.4-.3.9-.4 1.4-.4 1.4 0 2.5.9 2.9 2.2.3-.1.7-.2 1.1-.2 1.7 0 3 1.3 3 3v3c0 2.6-.5 4.7-1 6.7s-1 3.9-1 6.3c0 .6-.4 1-1 1zm-11.1-2H32c.1-2.2.6-4 1-5.8.5-2 1-3.9 1-6.2v-3c0-.6-.4-1-1-1s-1 .4-1 1v1c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-9c0-.6-.4-1-1-1s-1 .4-1 1v15c0 .6-.4 1-1 1s-1-.4-1-1v-.8c-.9-2.3-2.8-4.2-3.5-4.2-.2 0-.4 0-.5.1-.1.1-.1.4 0 .9.3 1.1 1.8 4.3 3.8 7.5.6 1 1.2 1.7 1.8 2.5 1.1 1.2 2.1 2.3 2.3 4z"></path>
          </svg>
          <span class="flex-1">Windows Pointer</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Cursor</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Pointer</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Cursor Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Pointer Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10 text-primary font-bold"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="all">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
            <path d="m3.5 7.5 8.5 4.8 8.5-4.8" /><path d="M12 12.3V22" /><path d="m7.5 4.3 9 5.1" />
            <path d="M21 8v8a2 2 0 0 1-1 1.7l-7 4a2 2 0 0 1-2 0l-7-4A2 2 0 0 1 3 16V8a2 2 0 0 1 1-1.7l7-4a2 2 0 0 1 2 0l7 4A2 2 0 0 1 21 8Z" />
          </svg>
          <span class="flex-1">Complete Pack</span>
          <span class="badge badge-sm badge-neutral">.zip</span>
        </button>
      </li>
    </ul>
  </div>
</div>

    </div>
  </div>
</article>

  </li>
  <li>
    

<article
  class="card group/card h-full transition-colors hover:[border-color:var(--card-accent)]"
  style="--card-accent: #f3cf58"
  data-controller="cursor-pack cursor-preview cursor-download"
  data-cursor-pack-payload="{&quot;collection&quot;:{&quot;name&quot;:&quot;Cartoons&quot;,&quot;slug&quot;:&quot;cartoons&quot;,&quot;image&quot;:&quot;https://cdn.sweezy-cursors.com/categories/9debc8b3-f6e3-4355-be9f-d5141391895f/cartoons--primary--872784.png&quot;},&quot;cursorConfig&quot;:{&quot;id&quot;:64597,&quot;name&quot;:&quot;Ben 10 Omnitrix Animated Cursor&quot;,&quot;isAnimated&quot;:true,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/8bd53ee8-7901-4c57-8b4b-ee88d6768928/ben-10-omnitrix-animated-2--cursor-icon.gif&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/8bd53ee8-7901-4c57-8b4b-ee88d6768928/ben-10-omnitrix-animated-2--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:24,&quot;offsetY&quot;:2,&quot;animationDirection&quot;:&quot;normal&quot;,&quot;animationSpeed&quot;:950,&quot;frames&quot;:[&quot;https://cdn.sweezy-cursors.com/cursor_packs/8bd53ee8-7901-4c57-8b4b-ee88d6768928/frames/ben-10-omnitrix-animated-2--frame--0.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/8bd53ee8-7901-4c57-8b4b-ee88d6768928/frames/ben-10-omnitrix-animated-2--frame--1.png&quot;]},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/8bd53ee8-7901-4c57-8b4b-ee88d6768928/ben-10-omnitrix-animated-2--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/8bd53ee8-7901-4c57-8b4b-ee88d6768928/ben-10-omnitrix-animated-2--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:24,&quot;offsetY&quot;:2},&quot;animationSpeed&quot;:950}}"
  data-cursor-pack-events-url="/cursor/ben-10-omnitrix-animated-2/events/"
>
  <a class="block" href="/cursor/ben-10-omnitrix-animated-2/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="Ben 10 Omnitrix Animated Cursor" loading="lazy" class="w-full h-full object-contain p-8 transition-transform duration-300 group-hover/card:scale-[1.04]" src="https://cdn.sweezy-cursors.com/cursor_packs/8bd53ee8-7901-4c57-8b4b-ee88d6768928/ben-10-omnitrix-animated-2--poster--d970cf.gif" />
    </figure>
</a>
  <div class="card-body gap-2.5 p-4">
      <div class="flex items-center gap-2">
          <span class="text-base leading-none" aria-hidden="true">⭐</span>
          <a class="badge badge-soft badge-sm font-semibold" style="--badge-color: #f3cf58;" href="/categories/cartoons/">Cartoons</a>
      </div>

    <h3 class="card-title text-base font-bold line-clamp-2 leading-[22px]">
      <a class="hover:text-base-content/80 transition-colors" href="/cursor/ben-10-omnitrix-animated-2/">Ben 10 Omnitrix Animated Cursor</a>
</h3>
    <div class="card-actions mt-auto">
      <button type="button"
              data-cursor-pack-target="loading"
              class="flex-1 gap-2 btn btn-neutral rounded-2xl pointer-events-none"
              aria-label="Checking the extension">
        <span class="loading loading-infinity loading-md"></span>
      </button>

      <button type="button"
              data-cursor-pack-target="add"
              data-action="cursor-pack#add"
              class="hidden flex-1 gap-2 btn btn-primary rounded-2xl font-extrabold [--btn-color:var(--color-neutral)] [--btn-fg:var(--color-neutral-content)] group-hover/card:[--btn-color:var(--color-primary)] group-hover/card:[--btn-fg:var(--color-primary-content)]">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
          <path d="M5 12h14" /><path d="M12 5v14" />
        </svg>
        Add Cursor
      </button>

      <button type="button"
              data-cursor-pack-target="added"
              class="hidden flex-1 gap-2 btn btn-neutral rounded-2xl font-extrabold pointer-events-none">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-primary" aria-hidden="true">
          <path d="m5 12 5 5L20 7" />
        </svg>
        Added
      </button>

      <button type="button"
              class="tooltip btn btn-neutral btn-square rounded-2xl preview-on:[--btn-color:var(--color-primary)] preview-on:[--btn-fg:var(--color-primary-content)] preview-on:before:content-[attr(data-tip-active)]"
              data-action="cursor-preview#toggle"
              aria-label="Preview"
              data-tip="Try it on"
              data-tip-active="Take it off">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 preview-on:hidden" aria-hidden="true">
          <path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" />
          <circle cx="12" cy="12" r="3" />
        </svg>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 hidden preview-on:inline" aria-hidden="true">
          <path d="M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49" />
          <path d="M14.084 14.158a3 3 0 0 1-4.242-4.242" />
          <path d="M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143" />
          <path d="m2 2 20 20" />
        </svg>
      </button>
      
<div class="inline-flex"
     data-controller="dropdown"
     data-dropdown-placement-value="top-end">
  <button type="button" class="btn btn-neutral btn-square rounded-2xl" aria-haspopup="menu" aria-expanded="false"
          aria-label="Download"
          data-dropdown-target="trigger">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
      <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
      <path d="M7 10l5 5 5-5" /><path d="M12 15V3" />
    </svg>
    
  </button>

  <div popover class="dropdown m-0 inset-auto px-0 py-2 border-0 bg-transparent overflow-visible"
       data-dropdown-target="menu">
    <ul class="menu min-w-60 gap-1 p-0.5 bg-base-200 rounded-box border border-base-content/10 shadow-lg">
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--windows">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z" />
          </svg>
          <span class="flex-1">Windows Cursor</span>
          <span class="badge badge-sm badge-neutral">.ani</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--windows">
          <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="12 8 32 32" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M33 38H21c-.6 0-1-.4-1-1 0-1.5-.7-2.4-1.8-3.8-.6-.7-1.3-1.6-2-2.7-1.9-3-3.6-6.6-4-7.9-.4-1.3-.1-2.2.3-2.7.4-.6 1.2-.9 2.1-.9 1.2 0 2.4 1 3.5 2.3V11c0-1.7 1.3-3 3-3s3 1.3 3 3v4.2c.3-.1.6-.2 1-.2 1.1 0 2 .6 2.5 1.4.4-.3.9-.4 1.4-.4 1.4 0 2.5.9 2.9 2.2.3-.1.7-.2 1.1-.2 1.7 0 3 1.3 3 3v3c0 2.6-.5 4.7-1 6.7s-1 3.9-1 6.3c0 .6-.4 1-1 1zm-11.1-2H32c.1-2.2.6-4 1-5.8.5-2 1-3.9 1-6.2v-3c0-.6-.4-1-1-1s-1 .4-1 1v1c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-9c0-.6-.4-1-1-1s-1 .4-1 1v15c0 .6-.4 1-1 1s-1-.4-1-1v-.8c-.9-2.3-2.8-4.2-3.5-4.2-.2 0-.4 0-.5.1-.1.1-.1.4 0 .9.3 1.1 1.8 4.3 3.8 7.5.6 1 1.2 1.7 1.8 2.5 1.1 1.2 2.1 2.3 2.3 4z"></path>
          </svg>
          <span class="flex-1">Windows Pointer</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Cursor</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Pointer</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Cursor Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Pointer Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10 text-primary font-bold"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="all">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
            <path d="m3.5 7.5 8.5 4.8 8.5-4.8" /><path d="M12 12.3V22" /><path d="m7.5 4.3 9 5.1" />
            <path d="M21 8v8a2 2 0 0 1-1 1.7l-7 4a2 2 0 0 1-2 0l-7-4A2 2 0 0 1 3 16V8a2 2 0 0 1 1-1.7l7-4a2 2 0 0 1 2 0l7 4A2 2 0 0 1 21 8Z" />
          </svg>
          <span class="flex-1">Complete Pack</span>
          <span class="badge badge-sm badge-neutral">.zip</span>
        </button>
      </li>
    </ul>
  </div>
</div>

    </div>
  </div>
</article>

  </li>
  <li>
    

<article
  class="card group/card h-full transition-colors hover:[border-color:var(--card-accent)]"
  style="--card-accent: #f3cf58"
  data-controller="cursor-pack cursor-preview cursor-download"
  data-cursor-pack-payload="{&quot;collection&quot;:{&quot;name&quot;:&quot;Cartoons&quot;,&quot;slug&quot;:&quot;cartoons&quot;,&quot;image&quot;:&quot;https://cdn.sweezy-cursors.com/categories/9debc8b3-f6e3-4355-be9f-d5141391895f/cartoons--primary--872784.png&quot;},&quot;cursorConfig&quot;:{&quot;id&quot;:64456,&quot;name&quot;:&quot;Captain Planet Cursor&quot;,&quot;isAnimated&quot;:false,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/b1925113-cd46-4262-b8e0-ab35b5463bac/captain-planet--cursor-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/b1925113-cd46-4262-b8e0-ab35b5463bac/captain-planet--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:2,&quot;offsetY&quot;:2},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/b1925113-cd46-4262-b8e0-ab35b5463bac/captain-planet--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/b1925113-cd46-4262-b8e0-ab35b5463bac/captain-planet--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:64,&quot;offsetY&quot;:6}}}"
  data-cursor-pack-events-url="/cursor/captain-planet/events/"
>
  <a class="block" href="/cursor/captain-planet/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="Captain Planet Cursor" loading="lazy" class="w-full h-full object-contain p-8 transition-transform duration-300 group-hover/card:scale-[1.04]" src="https://cdn.sweezy-cursors.com/cursor_packs/b1925113-cd46-4262-b8e0-ab35b5463bac/captain-planet--poster--a59a95.png" />
    </figure>
</a>
  <div class="card-body gap-2.5 p-4">
      <div class="flex items-center gap-2">
          <span class="text-base leading-none" aria-hidden="true">⭐</span>
          <a class="badge badge-soft badge-sm font-semibold" style="--badge-color: #f3cf58;" href="/categories/cartoons/">Cartoons</a>
      </div>

    <h3 class="card-title text-base font-bold line-clamp-2 leading-[22px]">
      <a class="hover:text-base-content/80 transition-colors" href="/cursor/captain-planet/">Captain Planet Cursor</a>
</h3>
    <div class="card-actions mt-auto">
      <button type="button"
              data-cursor-pack-target="loading"
              class="flex-1 gap-2 btn btn-neutral rounded-2xl pointer-events-none"
              aria-label="Checking the extension">
        <span class="loading loading-infinity loading-md"></span>
      </button>

      <button type="button"
              data-cursor-pack-target="add"
              data-action="cursor-pack#add"
              class="hidden flex-1 gap-2 btn btn-primary rounded-2xl font-extrabold [--btn-color:var(--color-neutral)] [--btn-fg:var(--color-neutral-content)] group-hover/card:[--btn-color:var(--color-primary)] group-hover/card:[--btn-fg:var(--color-primary-content)]">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
          <path d="M5 12h14" /><path d="M12 5v14" />
        </svg>
        Add Cursor
      </button>

      <button type="button"
              data-cursor-pack-target="added"
              class="hidden flex-1 gap-2 btn btn-neutral rounded-2xl font-extrabold pointer-events-none">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-primary" aria-hidden="true">
          <path d="m5 12 5 5L20 7" />
        </svg>
        Added
      </button>

      <button type="button"
              class="tooltip btn btn-neutral btn-square rounded-2xl preview-on:[--btn-color:var(--color-primary)] preview-on:[--btn-fg:var(--color-primary-content)] preview-on:before:content-[attr(data-tip-active)]"
              data-action="cursor-preview#toggle"
              aria-label="Preview"
              data-tip="Try it on"
              data-tip-active="Take it off">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 preview-on:hidden" aria-hidden="true">
          <path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" />
          <circle cx="12" cy="12" r="3" />
        </svg>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 hidden preview-on:inline" aria-hidden="true">
          <path d="M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49" />
          <path d="M14.084 14.158a3 3 0 0 1-4.242-4.242" />
          <path d="M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143" />
          <path d="m2 2 20 20" />
        </svg>
      </button>
      
<div class="inline-flex"
     data-controller="dropdown"
     data-dropdown-placement-value="top-end">
  <button type="button" class="btn btn-neutral btn-square rounded-2xl" aria-haspopup="menu" aria-expanded="false"
          aria-label="Download"
          data-dropdown-target="trigger">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
      <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
      <path d="M7 10l5 5 5-5" /><path d="M12 15V3" />
    </svg>
    
  </button>

  <div popover class="dropdown m-0 inset-auto px-0 py-2 border-0 bg-transparent overflow-visible"
       data-dropdown-target="menu">
    <ul class="menu min-w-60 gap-1 p-0.5 bg-base-200 rounded-box border border-base-content/10 shadow-lg">
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--windows">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z" />
          </svg>
          <span class="flex-1">Windows Cursor</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--windows">
          <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="12 8 32 32" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M33 38H21c-.6 0-1-.4-1-1 0-1.5-.7-2.4-1.8-3.8-.6-.7-1.3-1.6-2-2.7-1.9-3-3.6-6.6-4-7.9-.4-1.3-.1-2.2.3-2.7.4-.6 1.2-.9 2.1-.9 1.2 0 2.4 1 3.5 2.3V11c0-1.7 1.3-3 3-3s3 1.3 3 3v4.2c.3-.1.6-.2 1-.2 1.1 0 2 .6 2.5 1.4.4-.3.9-.4 1.4-.4 1.4 0 2.5.9 2.9 2.2.3-.1.7-.2 1.1-.2 1.7 0 3 1.3 3 3v3c0 2.6-.5 4.7-1 6.7s-1 3.9-1 6.3c0 .6-.4 1-1 1zm-11.1-2H32c.1-2.2.6-4 1-5.8.5-2 1-3.9 1-6.2v-3c0-.6-.4-1-1-1s-1 .4-1 1v1c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-9c0-.6-.4-1-1-1s-1 .4-1 1v15c0 .6-.4 1-1 1s-1-.4-1-1v-.8c-.9-2.3-2.8-4.2-3.5-4.2-.2 0-.4 0-.5.1-.1.1-.1.4 0 .9.3 1.1 1.8 4.3 3.8 7.5.6 1 1.2 1.7 1.8 2.5 1.1 1.2 2.1 2.3 2.3 4z"></path>
          </svg>
          <span class="flex-1">Windows Pointer</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Cursor</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Pointer</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Cursor Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Pointer Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10 text-primary font-bold"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="all">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
            <path d="m3.5 7.5 8.5 4.8 8.5-4.8" /><path d="M12 12.3V22" /><path d="m7.5 4.3 9 5.1" />
            <path d="M21 8v8a2 2 0 0 1-1 1.7l-7 4a2 2 0 0 1-2 0l-7-4A2 2 0 0 1 3 16V8a2 2 0 0 1 1-1.7l7-4a2 2 0 0 1 2 0l7 4A2 2 0 0 1 21 8Z" />
          </svg>
          <span class="flex-1">Complete Pack</span>
          <span class="badge badge-sm badge-neutral">.zip</span>
        </button>
      </li>
    </ul>
  </div>
</div>

    </div>
  </div>
</article>

  </li>
  <li>
    

<article
  class="card group/card h-full transition-colors hover:[border-color:var(--card-accent)]"
  style="--card-accent: #8c63ff"
  data-controller="cursor-pack cursor-preview cursor-download"
  data-cursor-pack-payload="{&quot;collection&quot;:{&quot;name&quot;:&quot;Games&quot;,&quot;slug&quot;:&quot;games&quot;,&quot;image&quot;:&quot;https://cdn.sweezy-cursors.com/categories/358f5e7d-e23d-43fb-b13f-0abfb6f78f9a/games--primary--fb2afc.png&quot;},&quot;cursorConfig&quot;:{&quot;id&quot;:64516,&quot;name&quot;:&quot;Toca Boca Nari \u0026 Croquet Cursor&quot;,&quot;isAnimated&quot;:false,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/819fd615-25fb-4f26-a674-be1a82ff1c38/toca-boca-nari-croquet--cursor-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/819fd615-25fb-4f26-a674-be1a82ff1c38/toca-boca-nari-croquet--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:10,&quot;offsetY&quot;:8},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/819fd615-25fb-4f26-a674-be1a82ff1c38/toca-boca-nari-croquet--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/819fd615-25fb-4f26-a674-be1a82ff1c38/toca-boca-nari-croquet--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:22,&quot;offsetY&quot;:2}}}"
  data-cursor-pack-events-url="/cursor/toca-boca-nari-croquet/events/"
>
  <a class="block" href="/cursor/toca-boca-nari-croquet/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="Toca Boca Nari &amp; Croquet Cursor" loading="lazy" class="w-full h-full object-contain p-8 transition-transform duration-300 group-hover/card:scale-[1.04]" src="https://cdn.sweezy-cursors.com/cursor_packs/819fd615-25fb-4f26-a674-be1a82ff1c38/toca-boca-nari-croquet--poster--3b84b2.png" />
    </figure>
</a>
  <div class="card-body gap-2.5 p-4">
      <div class="flex items-center gap-2">
          <span class="text-base leading-none" aria-hidden="true">🎮</span>
          <a class="badge badge-soft badge-sm font-semibold" style="--badge-color: #8c63ff;" href="/categories/games/">Games</a>
      </div>

    <h3 class="card-title text-base font-bold line-clamp-2 leading-[22px]">
      <a class="hover:text-base-content/80 transition-colors" href="/cursor/toca-boca-nari-croquet/">Toca Boca Nari &amp; Croquet Cursor</a>
</h3>
    <div class="card-actions mt-auto">
      <button type="button"
              data-cursor-pack-target="loading"
              class="flex-1 gap-2 btn btn-neutral rounded-2xl pointer-events-none"
              aria-label="Checking the extension">
        <span class="loading loading-infinity loading-md"></span>
      </button>

      <button type="button"
              data-cursor-pack-target="add"
              data-action="cursor-pack#add"
              class="hidden flex-1 gap-2 btn btn-primary rounded-2xl font-extrabold [--btn-color:var(--color-neutral)] [--btn-fg:var(--color-neutral-content)] group-hover/card:[--btn-color:var(--color-primary)] group-hover/card:[--btn-fg:var(--color-primary-content)]">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
          <path d="M5 12h14" /><path d="M12 5v14" />
        </svg>
        Add Cursor
      </button>

      <button type="button"
              data-cursor-pack-target="added"
              class="hidden flex-1 gap-2 btn btn-neutral rounded-2xl font-extrabold pointer-events-none">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-primary" aria-hidden="true">
          <path d="m5 12 5 5L20 7" />
        </svg>
        Added
      </button>

      <button type="button"
              class="tooltip btn btn-neutral btn-square rounded-2xl preview-on:[--btn-color:var(--color-primary)] preview-on:[--btn-fg:var(--color-primary-content)] preview-on:before:content-[attr(data-tip-active)]"
              data-action="cursor-preview#toggle"
              aria-label="Preview"
              data-tip="Try it on"
              data-tip-active="Take it off">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 preview-on:hidden" aria-hidden="true">
          <path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" />
          <circle cx="12" cy="12" r="3" />
        </svg>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 hidden preview-on:inline" aria-hidden="true">
          <path d="M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49" />
          <path d="M14.084 14.158a3 3 0 0 1-4.242-4.242" />
          <path d="M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143" />
          <path d="m2 2 20 20" />
        </svg>
      </button>
      
<div class="inline-flex"
     data-controller="dropdown"
     data-dropdown-placement-value="top-end">
  <button type="button" class="btn btn-neutral btn-square rounded-2xl" aria-haspopup="menu" aria-expanded="false"
          aria-label="Download"
          data-dropdown-target="trigger">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
      <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
      <path d="M7 10l5 5 5-5" /><path d="M12 15V3" />
    </svg>
    
  </button>

  <div popover class="dropdown m-0 inset-auto px-0 py-2 border-0 bg-transparent overflow-visible"
       data-dropdown-target="menu">
    <ul class="menu min-w-60 gap-1 p-0.5 bg-base-200 rounded-box border border-base-content/10 shadow-lg">
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--windows">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z" />
          </svg>
          <span class="flex-1">Windows Cursor</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--windows">
          <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="12 8 32 32" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M33 38H21c-.6 0-1-.4-1-1 0-1.5-.7-2.4-1.8-3.8-.6-.7-1.3-1.6-2-2.7-1.9-3-3.6-6.6-4-7.9-.4-1.3-.1-2.2.3-2.7.4-.6 1.2-.9 2.1-.9 1.2 0 2.4 1 3.5 2.3V11c0-1.7 1.3-3 3-3s3 1.3 3 3v4.2c.3-.1.6-.2 1-.2 1.1 0 2 .6 2.5 1.4.4-.3.9-.4 1.4-.4 1.4 0 2.5.9 2.9 2.2.3-.1.7-.2 1.1-.2 1.7 0 3 1.3 3 3v3c0 2.6-.5 4.7-1 6.7s-1 3.9-1 6.3c0 .6-.4 1-1 1zm-11.1-2H32c.1-2.2.6-4 1-5.8.5-2 1-3.9 1-6.2v-3c0-.6-.4-1-1-1s-1 .4-1 1v1c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-9c0-.6-.4-1-1-1s-1 .4-1 1v15c0 .6-.4 1-1 1s-1-.4-1-1v-.8c-.9-2.3-2.8-4.2-3.5-4.2-.2 0-.4 0-.5.1-.1.1-.1.4 0 .9.3 1.1 1.8 4.3 3.8 7.5.6 1 1.2 1.7 1.8 2.5 1.1 1.2 2.1 2.3 2.3 4z"></path>
          </svg>
          <span class="flex-1">Windows Pointer</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Cursor</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Pointer</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Cursor Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Pointer Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10 text-primary font-bold"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="all">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
            <path d="m3.5 7.5 8.5 4.8 8.5-4.8" /><path d="M12 12.3V22" /><path d="m7.5 4.3 9 5.1" />
            <path d="M21 8v8a2 2 0 0 1-1 1.7l-7 4a2 2 0 0 1-2 0l-7-4A2 2 0 0 1 3 16V8a2 2 0 0 1 1-1.7l7-4a2 2 0 0 1 2 0l7 4A2 2 0 0 1 21 8Z" />
          </svg>
          <span class="flex-1">Complete Pack</span>
          <span class="badge badge-sm badge-neutral">.zip</span>
        </button>
      </li>
    </ul>
  </div>
</div>

    </div>
  </div>
</article>

  </li>
  <li>
    

<article
  class="card group/card h-full transition-colors hover:[border-color:var(--card-accent)]"
  style="--card-accent: #9b72ff"
  data-controller="cursor-pack cursor-preview cursor-download"
  data-cursor-pack-payload="{&quot;collection&quot;:{&quot;name&quot;:&quot;Music&quot;,&quot;slug&quot;:&quot;music&quot;,&quot;image&quot;:&quot;https://cdn.sweezy-cursors.com/categories/b44e1511-5be1-413a-be33-4490609869b9/music--primary--834c24.png&quot;},&quot;cursorConfig&quot;:{&quot;id&quot;:64515,&quot;name&quot;:&quot;Swedish House Mafia Logo Animated Cursor&quot;,&quot;isAnimated&quot;:true,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/08a735dd-23b5-4ec7-ad3c-2ad31276f0e3/swedish-house-mafia-logo-animated--cursor-icon.gif&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/08a735dd-23b5-4ec7-ad3c-2ad31276f0e3/swedish-house-mafia-logo-animated--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:16,&quot;offsetY&quot;:12,&quot;animationDirection&quot;:&quot;normal&quot;,&quot;animationSpeed&quot;:850,&quot;frames&quot;:[&quot;https://cdn.sweezy-cursors.com/cursor_packs/08a735dd-23b5-4ec7-ad3c-2ad31276f0e3/frames/swedish-house-mafia-logo-animated--frame--0.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/08a735dd-23b5-4ec7-ad3c-2ad31276f0e3/frames/swedish-house-mafia-logo-animated--frame--1.png&quot;]},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/08a735dd-23b5-4ec7-ad3c-2ad31276f0e3/swedish-house-mafia-logo-animated--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/08a735dd-23b5-4ec7-ad3c-2ad31276f0e3/swedish-house-mafia-logo-animated--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:12,&quot;offsetY&quot;:4},&quot;animationSpeed&quot;:850}}"
  data-cursor-pack-events-url="/cursor/swedish-house-mafia-logo-animated/events/"
>
  <a class="block" href="/cursor/swedish-house-mafia-logo-animated/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="Swedish House Mafia Logo Animated Cursor" loading="lazy" class="w-full h-full object-contain p-8 transition-transform duration-300 group-hover/card:scale-[1.04]" src="https://cdn.sweezy-cursors.com/cursor_packs/08a735dd-23b5-4ec7-ad3c-2ad31276f0e3/swedish-house-mafia-logo-animated--poster--cbf16d.gif" />
    </figure>
</a>
  <div class="card-body gap-2.5 p-4">
      <div class="flex items-center gap-2">
          <span class="text-base leading-none" aria-hidden="true">🎧</span>
          <a class="badge badge-soft badge-sm font-semibold" style="--badge-color: #9b72ff;" href="/categories/music/">Music</a>
      </div>

    <h3 class="card-title text-base font-bold line-clamp-2 leading-[22px]">
      <a class="hover:text-base-content/80 transition-colors" href="/cursor/swedish-house-mafia-logo-animated/">Swedish House Mafia Logo Animated Cursor</a>
</h3>
    <div class="card-actions mt-auto">
      <button type="button"
              data-cursor-pack-target="loading"
              class="flex-1 gap-2 btn btn-neutral rounded-2xl pointer-events-none"
              aria-label="Checking the extension">
        <span class="loading loading-infinity loading-md"></span>
      </button>

      <button type="button"
              data-cursor-pack-target="add"
              data-action="cursor-pack#add"
              class="hidden flex-1 gap-2 btn btn-primary rounded-2xl font-extrabold [--btn-color:var(--color-neutral)] [--btn-fg:var(--color-neutral-content)] group-hover/card:[--btn-color:var(--color-primary)] group-hover/card:[--btn-fg:var(--color-primary-content)]">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
          <path d="M5 12h14" /><path d="M12 5v14" />
        </svg>
        Add Cursor
      </button>

      <button type="button"
              data-cursor-pack-target="added"
              class="hidden flex-1 gap-2 btn btn-neutral rounded-2xl font-extrabold pointer-events-none">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-primary" aria-hidden="true">
          <path d="m5 12 5 5L20 7" />
        </svg>
        Added
      </button>

      <button type="button"
              class="tooltip btn btn-neutral btn-square rounded-2xl preview-on:[--btn-color:var(--color-primary)] preview-on:[--btn-fg:var(--color-primary-content)] preview-on:before:content-[attr(data-tip-active)]"
              data-action="cursor-preview#toggle"
              aria-label="Preview"
              data-tip="Try it on"
              data-tip-active="Take it off">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 preview-on:hidden" aria-hidden="true">
          <path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" />
          <circle cx="12" cy="12" r="3" />
        </svg>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 hidden preview-on:inline" aria-hidden="true">
          <path d="M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49" />
          <path d="M14.084 14.158a3 3 0 0 1-4.242-4.242" />
          <path d="M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143" />
          <path d="m2 2 20 20" />
        </svg>
      </button>
      
<div class="inline-flex"
     data-controller="dropdown"
     data-dropdown-placement-value="top-end">
  <button type="button" class="btn btn-neutral btn-square rounded-2xl" aria-haspopup="menu" aria-expanded="false"
          aria-label="Download"
          data-dropdown-target="trigger">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
      <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
      <path d="M7 10l5 5 5-5" /><path d="M12 15V3" />
    </svg>
    
  </button>

  <div popover class="dropdown m-0 inset-auto px-0 py-2 border-0 bg-transparent overflow-visible"
       data-dropdown-target="menu">
    <ul class="menu min-w-60 gap-1 p-0.5 bg-base-200 rounded-box border border-base-content/10 shadow-lg">
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--windows">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z" />
          </svg>
          <span class="flex-1">Windows Cursor</span>
          <span class="badge badge-sm badge-neutral">.ani</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--windows">
          <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="12 8 32 32" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M33 38H21c-.6 0-1-.4-1-1 0-1.5-.7-2.4-1.8-3.8-.6-.7-1.3-1.6-2-2.7-1.9-3-3.6-6.6-4-7.9-.4-1.3-.1-2.2.3-2.7.4-.6 1.2-.9 2.1-.9 1.2 0 2.4 1 3.5 2.3V11c0-1.7 1.3-3 3-3s3 1.3 3 3v4.2c.3-.1.6-.2 1-.2 1.1 0 2 .6 2.5 1.4.4-.3.9-.4 1.4-.4 1.4 0 2.5.9 2.9 2.2.3-.1.7-.2 1.1-.2 1.7 0 3 1.3 3 3v3c0 2.6-.5 4.7-1 6.7s-1 3.9-1 6.3c0 .6-.4 1-1 1zm-11.1-2H32c.1-2.2.6-4 1-5.8.5-2 1-3.9 1-6.2v-3c0-.6-.4-1-1-1s-1 .4-1 1v1c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-9c0-.6-.4-1-1-1s-1 .4-1 1v15c0 .6-.4 1-1 1s-1-.4-1-1v-.8c-.9-2.3-2.8-4.2-3.5-4.2-.2 0-.4 0-.5.1-.1.1-.1.4 0 .9.3 1.1 1.8 4.3 3.8 7.5.6 1 1.2 1.7 1.8 2.5 1.1 1.2 2.1 2.3 2.3 4z"></path>
          </svg>
          <span class="flex-1">Windows Pointer</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Cursor</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Pointer</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Cursor Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Pointer Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10 text-primary font-bold"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="all">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
            <path d="m3.5 7.5 8.5 4.8 8.5-4.8" /><path d="M12 12.3V22" /><path d="m7.5 4.3 9 5.1" />
            <path d="M21 8v8a2 2 0 0 1-1 1.7l-7 4a2 2 0 0 1-2 0l-7-4A2 2 0 0 1 3 16V8a2 2 0 0 1 1-1.7l7-4a2 2 0 0 1 2 0l7 4A2 2 0 0 1 21 8Z" />
          </svg>
          <span class="flex-1">Complete Pack</span>
          <span class="badge badge-sm badge-neutral">.zip</span>
        </button>
      </li>
    </ul>
  </div>
</div>

    </div>
  </div>
</article>

  </li>
  <li>
    

<article
  class="card group/card h-full transition-colors hover:[border-color:var(--card-accent)]"
  style="--card-accent: #a36bff"
  data-controller="cursor-pack cursor-preview cursor-download"
  data-cursor-pack-payload="{&quot;collection&quot;:{&quot;name&quot;:&quot;Anime&quot;,&quot;slug&quot;:&quot;anime&quot;,&quot;image&quot;:&quot;https://cdn.sweezy-cursors.com/categories/8b02b114-3de3-47e2-b80a-40e56ddad072/anime--primary--e460d8.gif&quot;},&quot;cursorConfig&quot;:{&quot;id&quot;:64513,&quot;name&quot;:&quot;Pokemon Amoonguss Animated Cursor&quot;,&quot;isAnimated&quot;:true,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/f01e60f2-a6e7-4bc3-8418-4262b4d1f567/pokemon-amoonguss-animated--cursor-icon.gif&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/f01e60f2-a6e7-4bc3-8418-4262b4d1f567/pokemon-amoonguss-animated--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:34,&quot;offsetY&quot;:6,&quot;animationDirection&quot;:&quot;normal&quot;,&quot;animationSpeed&quot;:650,&quot;frames&quot;:[&quot;https://cdn.sweezy-cursors.com/cursor_packs/f01e60f2-a6e7-4bc3-8418-4262b4d1f567/frames/pokemon-amoonguss-animated--frame--0.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/f01e60f2-a6e7-4bc3-8418-4262b4d1f567/frames/pokemon-amoonguss-animated--frame--1.png&quot;]},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/f01e60f2-a6e7-4bc3-8418-4262b4d1f567/pokemon-amoonguss-animated--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/f01e60f2-a6e7-4bc3-8418-4262b4d1f567/pokemon-amoonguss-animated--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:34,&quot;offsetY&quot;:4},&quot;animationSpeed&quot;:650}}"
  data-cursor-pack-events-url="/cursor/pokemon-amoonguss-animated/events/"
>
  <a class="block" href="/cursor/pokemon-amoonguss-animated/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="Pokemon Amoonguss Animated Cursor" loading="lazy" class="w-full h-full object-contain p-8 transition-transform duration-300 group-hover/card:scale-[1.04]" src="https://cdn.sweezy-cursors.com/cursor_packs/f01e60f2-a6e7-4bc3-8418-4262b4d1f567/pokemon-amoonguss-animated--poster--dd471d.gif" />
    </figure>
</a>
  <div class="card-body gap-2.5 p-4">
      <div class="flex items-center gap-2">
          <span class="text-base leading-none" aria-hidden="true">🍥</span>
          <a class="badge badge-soft badge-sm font-semibold" style="--badge-color: #a36bff;" href="/categories/anime/">Anime</a>
      </div>

    <h3 class="card-title text-base font-bold line-clamp-2 leading-[22px]">
      <a class="hover:text-base-content/80 transition-colors" href="/cursor/pokemon-amoonguss-animated/">Pokemon Amoonguss Animated Cursor</a>
</h3>
    <div class="card-actions mt-auto">
      <button type="button"
              data-cursor-pack-target="loading"
              class="flex-1 gap-2 btn btn-neutral rounded-2xl pointer-events-none"
              aria-label="Checking the extension">
        <span class="loading loading-infinity loading-md"></span>
      </button>

      <button type="button"
              data-cursor-pack-target="add"
              data-action="cursor-pack#add"
              class="hidden flex-1 gap-2 btn btn-primary rounded-2xl font-extrabold [--btn-color:var(--color-neutral)] [--btn-fg:var(--color-neutral-content)] group-hover/card:[--btn-color:var(--color-primary)] group-hover/card:[--btn-fg:var(--color-primary-content)]">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
          <path d="M5 12h14" /><path d="M12 5v14" />
        </svg>
        Add Cursor
      </button>

      <button type="button"
              data-cursor-pack-target="added"
              class="hidden flex-1 gap-2 btn btn-neutral rounded-2xl font-extrabold pointer-events-none">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-primary" aria-hidden="true">
          <path d="m5 12 5 5L20 7" />
        </svg>
        Added
      </button>

      <button type="button"
              class="tooltip btn btn-neutral btn-square rounded-2xl preview-on:[--btn-color:var(--color-primary)] preview-on:[--btn-fg:var(--color-primary-content)] preview-on:before:content-[attr(data-tip-active)]"
              data-action="cursor-preview#toggle"
              aria-label="Preview"
              data-tip="Try it on"
              data-tip-active="Take it off">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 preview-on:hidden" aria-hidden="true">
          <path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" />
          <circle cx="12" cy="12" r="3" />
        </svg>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 hidden preview-on:inline" aria-hidden="true">
          <path d="M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49" />
          <path d="M14.084 14.158a3 3 0 0 1-4.242-4.242" />
          <path d="M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143" />
          <path d="m2 2 20 20" />
        </svg>
      </button>
      
<div class="inline-flex"
     data-controller="dropdown"
     data-dropdown-placement-value="top-end">
  <button type="button" class="btn btn-neutral btn-square rounded-2xl" aria-haspopup="menu" aria-expanded="false"
          aria-label="Download"
          data-dropdown-target="trigger">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
      <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
      <path d="M7 10l5 5 5-5" /><path d="M12 15V3" />
    </svg>
    
  </button>

  <div popover class="dropdown m-0 inset-auto px-0 py-2 border-0 bg-transparent overflow-visible"
       data-dropdown-target="menu">
    <ul class="menu min-w-60 gap-1 p-0.5 bg-base-200 rounded-box border border-base-content/10 shadow-lg">
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--windows">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z" />
          </svg>
          <span class="flex-1">Windows Cursor</span>
          <span class="badge badge-sm badge-neutral">.ani</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--windows">
          <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="12 8 32 32" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M33 38H21c-.6 0-1-.4-1-1 0-1.5-.7-2.4-1.8-3.8-.6-.7-1.3-1.6-2-2.7-1.9-3-3.6-6.6-4-7.9-.4-1.3-.1-2.2.3-2.7.4-.6 1.2-.9 2.1-.9 1.2 0 2.4 1 3.5 2.3V11c0-1.7 1.3-3 3-3s3 1.3 3 3v4.2c.3-.1.6-.2 1-.2 1.1 0 2 .6 2.5 1.4.4-.3.9-.4 1.4-.4 1.4 0 2.5.9 2.9 2.2.3-.1.7-.2 1.1-.2 1.7 0 3 1.3 3 3v3c0 2.6-.5 4.7-1 6.7s-1 3.9-1 6.3c0 .6-.4 1-1 1zm-11.1-2H32c.1-2.2.6-4 1-5.8.5-2 1-3.9 1-6.2v-3c0-.6-.4-1-1-1s-1 .4-1 1v1c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-9c0-.6-.4-1-1-1s-1 .4-1 1v15c0 .6-.4 1-1 1s-1-.4-1-1v-.8c-.9-2.3-2.8-4.2-3.5-4.2-.2 0-.4 0-.5.1-.1.1-.1.4 0 .9.3 1.1 1.8 4.3 3.8 7.5.6 1 1.2 1.7 1.8 2.5 1.1 1.2 2.1 2.3 2.3 4z"></path>
          </svg>
          <span class="flex-1">Windows Pointer</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Cursor</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Pointer</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Cursor Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Pointer Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10 text-primary font-bold"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="all">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
            <path d="m3.5 7.5 8.5 4.8 8.5-4.8" /><path d="M12 12.3V22" /><path d="m7.5 4.3 9 5.1" />
            <path d="M21 8v8a2 2 0 0 1-1 1.7l-7 4a2 2 0 0 1-2 0l-7-4A2 2 0 0 1 3 16V8a2 2 0 0 1 1-1.7l7-4a2 2 0 0 1 2 0l7 4A2 2 0 0 1 21 8Z" />
          </svg>
          <span class="flex-1">Complete Pack</span>
          <span class="badge badge-sm badge-neutral">.zip</span>
        </button>
      </li>
    </ul>
  </div>
</div>

    </div>
  </div>
</article>

  </li>
  <li>
    

<article
  class="card group/card h-full transition-colors hover:[border-color:var(--card-accent)]"
  style="--card-accent: #8c63ff"
  data-controller="cursor-pack cursor-preview cursor-download"
  data-cursor-pack-payload="{&quot;collection&quot;:{&quot;name&quot;:&quot;Games&quot;,&quot;slug&quot;:&quot;games&quot;,&quot;image&quot;:&quot;https://cdn.sweezy-cursors.com/categories/358f5e7d-e23d-43fb-b13f-0abfb6f78f9a/games--primary--fb2afc.png&quot;},&quot;cursorConfig&quot;:{&quot;id&quot;:64510,&quot;name&quot;:&quot;Cookie Run Cotton Cookie Animated Cursor&quot;,&quot;isAnimated&quot;:true,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/152a804d-9be2-4380-85e9-c8968b28bb7b/cookie-run-cotton-cookie-animated--cursor-icon.gif&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/152a804d-9be2-4380-85e9-c8968b28bb7b/cookie-run-cotton-cookie-animated--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:16,&quot;offsetY&quot;:12,&quot;animationDirection&quot;:&quot;normal&quot;,&quot;animationSpeed&quot;:750,&quot;frames&quot;:[&quot;https://cdn.sweezy-cursors.com/cursor_packs/152a804d-9be2-4380-85e9-c8968b28bb7b/frames/cookie-run-cotton-cookie-animated--frame--0.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/152a804d-9be2-4380-85e9-c8968b28bb7b/frames/cookie-run-cotton-cookie-animated--frame--1.png&quot;]},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/152a804d-9be2-4380-85e9-c8968b28bb7b/cookie-run-cotton-cookie-animated--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/152a804d-9be2-4380-85e9-c8968b28bb7b/cookie-run-cotton-cookie-animated--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:44,&quot;offsetY&quot;:6},&quot;animationSpeed&quot;:750}}"
  data-cursor-pack-events-url="/cursor/cookie-run-cotton-cookie-animated/events/"
>
  <a class="block" href="/cursor/cookie-run-cotton-cookie-animated/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="Cookie Run Cotton Cookie Animated Cursor" loading="lazy" class="w-full h-full object-contain p-8 transition-transform duration-300 group-hover/card:scale-[1.04]" src="https://cdn.sweezy-cursors.com/cursor_packs/152a804d-9be2-4380-85e9-c8968b28bb7b/cookie-run-cotton-cookie-animated--poster--13f52b.gif" />
    </figure>
</a>
  <div class="card-body gap-2.5 p-4">
      <div class="flex items-center gap-2">
          <span class="text-base leading-none" aria-hidden="true">🎮</span>
          <a class="badge badge-soft badge-sm font-semibold" style="--badge-color: #8c63ff;" href="/categories/games/">Games</a>
      </div>

    <h3 class="card-title text-base font-bold line-clamp-2 leading-[22px]">
      <a class="hover:text-base-content/80 transition-colors" href="/cursor/cookie-run-cotton-cookie-animated/">Cookie Run Cotton Cookie Animated Cursor</a>
</h3>
    <div class="card-actions mt-auto">
      <button type="button"
              data-cursor-pack-target="loading"
              class="flex-1 gap-2 btn btn-neutral rounded-2xl pointer-events-none"
              aria-label="Checking the extension">
        <span class="loading loading-infinity loading-md"></span>
      </button>

      <button type="button"
              data-cursor-pack-target="add"
              data-action="cursor-pack#add"
              class="hidden flex-1 gap-2 btn btn-primary rounded-2xl font-extrabold [--btn-color:var(--color-neutral)] [--btn-fg:var(--color-neutral-content)] group-hover/card:[--btn-color:var(--color-primary)] group-hover/card:[--btn-fg:var(--color-primary-content)]">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
          <path d="M5 12h14" /><path d="M12 5v14" />
        </svg>
        Add Cursor
      </button>

      <button type="button"
              data-cursor-pack-target="added"
              class="hidden flex-1 gap-2 btn btn-neutral rounded-2xl font-extrabold pointer-events-none">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-primary" aria-hidden="true">
          <path d="m5 12 5 5L20 7" />
        </svg>
        Added
      </button>

      <button type="button"
              class="tooltip btn btn-neutral btn-square rounded-2xl preview-on:[--btn-color:var(--color-primary)] preview-on:[--btn-fg:var(--color-primary-content)] preview-on:before:content-[attr(data-tip-active)]"
              data-action="cursor-preview#toggle"
              aria-label="Preview"
              data-tip="Try it on"
              data-tip-active="Take it off">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 preview-on:hidden" aria-hidden="true">
          <path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" />
          <circle cx="12" cy="12" r="3" />
        </svg>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 hidden preview-on:inline" aria-hidden="true">
          <path d="M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49" />
          <path d="M14.084 14.158a3 3 0 0 1-4.242-4.242" />
          <path d="M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143" />
          <path d="m2 2 20 20" />
        </svg>
      </button>
      
<div class="inline-flex"
     data-controller="dropdown"
     data-dropdown-placement-value="top-end">
  <button type="button" class="btn btn-neutral btn-square rounded-2xl" aria-haspopup="menu" aria-expanded="false"
          aria-label="Download"
          data-dropdown-target="trigger">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
      <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
      <path d="M7 10l5 5 5-5" /><path d="M12 15V3" />
    </svg>
    
  </button>

  <div popover class="dropdown m-0 inset-auto px-0 py-2 border-0 bg-transparent overflow-visible"
       data-dropdown-target="menu">
    <ul class="menu min-w-60 gap-1 p-0.5 bg-base-200 rounded-box border border-base-content/10 shadow-lg">
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--windows">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z" />
          </svg>
          <span class="flex-1">Windows Cursor</span>
          <span class="badge badge-sm badge-neutral">.ani</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--windows">
          <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="12 8 32 32" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M33 38H21c-.6 0-1-.4-1-1 0-1.5-.7-2.4-1.8-3.8-.6-.7-1.3-1.6-2-2.7-1.9-3-3.6-6.6-4-7.9-.4-1.3-.1-2.2.3-2.7.4-.6 1.2-.9 2.1-.9 1.2 0 2.4 1 3.5 2.3V11c0-1.7 1.3-3 3-3s3 1.3 3 3v4.2c.3-.1.6-.2 1-.2 1.1 0 2 .6 2.5 1.4.4-.3.9-.4 1.4-.4 1.4 0 2.5.9 2.9 2.2.3-.1.7-.2 1.1-.2 1.7 0 3 1.3 3 3v3c0 2.6-.5 4.7-1 6.7s-1 3.9-1 6.3c0 .6-.4 1-1 1zm-11.1-2H32c.1-2.2.6-4 1-5.8.5-2 1-3.9 1-6.2v-3c0-.6-.4-1-1-1s-1 .4-1 1v1c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-9c0-.6-.4-1-1-1s-1 .4-1 1v15c0 .6-.4 1-1 1s-1-.4-1-1v-.8c-.9-2.3-2.8-4.2-3.5-4.2-.2 0-.4 0-.5.1-.1.1-.1.4 0 .9.3 1.1 1.8 4.3 3.8 7.5.6 1 1.2 1.7 1.8 2.5 1.1 1.2 2.1 2.3 2.3 4z"></path>
          </svg>
          <span class="flex-1">Windows Pointer</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Cursor</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Pointer</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Cursor Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Pointer Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10 text-primary font-bold"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="all">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
            <path d="m3.5 7.5 8.5 4.8 8.5-4.8" /><path d="M12 12.3V22" /><path d="m7.5 4.3 9 5.1" />
            <path d="M21 8v8a2 2 0 0 1-1 1.7l-7 4a2 2 0 0 1-2 0l-7-4A2 2 0 0 1 3 16V8a2 2 0 0 1 1-1.7l7-4a2 2 0 0 1 2 0l7 4A2 2 0 0 1 21 8Z" />
          </svg>
          <span class="flex-1">Complete Pack</span>
          <span class="badge badge-sm badge-neutral">.zip</span>
        </button>
      </li>
    </ul>
  </div>
</div>

    </div>
  </div>
</article>

  </li>

</template></turbo-stream>
<turbo-stream action="replace" target="new_cursor_packs_load_more"><template>
  <div id="new_cursor_packs_load_more">
      
<div class="flex justify-center mt-9">
  <a rel="nofollow" aria-label="Load More" class="text-base btn btn-primary rounded-2xl font-normal gap-2 px-8  min-w-48" data-turbo-stream="true" data-controller="load-more" data-action="click-&gt;load-more#start" href="/new-cursors/load_more/?page=173">
    <span data-load-more-target="content">Load More</span>
    <svg data-load-more-target="content" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
      <path d="m6 9 6 6 6-6" />
    </svg>
    <span data-load-more-target="spinner" class="loading loading-dots loading-md hidden"></span>
</a></div>

  </div>
</template></turbo-stream>