<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: #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;:41699,&quot;name&quot;:&quot;Peppa Pig Mummy Pig \u0026 Computer Animated Cursor&quot;,&quot;isAnimated&quot;:true,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/09e76a28-e80d-4b73-91d4-09b79a23b414/peppa-pig-mummy-pig-computer-animated--cursor-icon.gif&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/09e76a28-e80d-4b73-91d4-09b79a23b414/peppa-pig-mummy-pig-computer-animated--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:8,&quot;offsetY&quot;:2,&quot;animationDirection&quot;:&quot;alternate&quot;,&quot;animationSpeed&quot;:550,&quot;frames&quot;:[&quot;https://cdn.sweezy-cursors.com/cursor_packs/09e76a28-e80d-4b73-91d4-09b79a23b414/frames/peppa-pig-mummy-pig-computer-animated--frame--0.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/09e76a28-e80d-4b73-91d4-09b79a23b414/frames/peppa-pig-mummy-pig-computer-animated--frame--1.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/09e76a28-e80d-4b73-91d4-09b79a23b414/frames/peppa-pig-mummy-pig-computer-animated--frame--2.png&quot;]},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/09e76a28-e80d-4b73-91d4-09b79a23b414/peppa-pig-mummy-pig-computer-animated--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/09e76a28-e80d-4b73-91d4-09b79a23b414/peppa-pig-mummy-pig-computer-animated--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:6,&quot;offsetY&quot;:12},&quot;animationSpeed&quot;:550}}"
  data-cursor-pack-events-url="/cursor/peppa-pig-mummy-pig-computer-animated/events/"
>
  <a class="block" href="/cursor/peppa-pig-mummy-pig-computer-animated/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="Peppa Pig Mummy Pig &amp; Computer 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/09e76a28-e80d-4b73-91d4-09b79a23b414/peppa-pig-mummy-pig-computer-animated--poster--7ccfbf.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/peppa-pig-mummy-pig-computer-animated/">Peppa Pig Mummy Pig &amp; Computer 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;:41815,&quot;name&quot;:&quot;TMNT 1987 Michelangelo \u0026 Pizza Cursor&quot;,&quot;isAnimated&quot;:false,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/0605f1b0-028f-4fda-a3f3-d18feacb3e86/tmnt-1987-michelangelo-pizza--cursor-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/0605f1b0-028f-4fda-a3f3-d18feacb3e86/tmnt-1987-michelangelo-pizza--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/0605f1b0-028f-4fda-a3f3-d18feacb3e86/tmnt-1987-michelangelo-pizza--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/0605f1b0-028f-4fda-a3f3-d18feacb3e86/tmnt-1987-michelangelo-pizza--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:28,&quot;offsetY&quot;:6}}}"
  data-cursor-pack-events-url="/cursor/tmnt-1987-michelangelo-pizza/events/"
>
  <a class="block" href="/cursor/tmnt-1987-michelangelo-pizza/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="TMNT 1987 Michelangelo &amp; Pizza 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/0605f1b0-028f-4fda-a3f3-d18feacb3e86/tmnt-1987-michelangelo-pizza--poster--e51cbf.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/tmnt-1987-michelangelo-pizza/">TMNT 1987 Michelangelo &amp; Pizza 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;:41601,&quot;name&quot;:&quot;Ark The Animated Series Mei Yin Li Animated Cursor&quot;,&quot;isAnimated&quot;:true,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/1eae085d-a5e6-4572-b4e9-0412fff21cf8/ark-the-animated-series-mei-yin-li-animated--cursor-icon.gif&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/1eae085d-a5e6-4572-b4e9-0412fff21cf8/ark-the-animated-series-mei-yin-li-animated--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:4,&quot;offsetY&quot;:4,&quot;animationDirection&quot;:&quot;normal&quot;,&quot;animationSpeed&quot;:900,&quot;frames&quot;:[&quot;https://cdn.sweezy-cursors.com/cursor_packs/1eae085d-a5e6-4572-b4e9-0412fff21cf8/frames/ark-the-animated-series-mei-yin-li-animated--frame--0.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/1eae085d-a5e6-4572-b4e9-0412fff21cf8/frames/ark-the-animated-series-mei-yin-li-animated--frame--1.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/1eae085d-a5e6-4572-b4e9-0412fff21cf8/frames/ark-the-animated-series-mei-yin-li-animated--frame--2.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/1eae085d-a5e6-4572-b4e9-0412fff21cf8/frames/ark-the-animated-series-mei-yin-li-animated--frame--3.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/1eae085d-a5e6-4572-b4e9-0412fff21cf8/frames/ark-the-animated-series-mei-yin-li-animated--frame--4.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/1eae085d-a5e6-4572-b4e9-0412fff21cf8/frames/ark-the-animated-series-mei-yin-li-animated--frame--5.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/1eae085d-a5e6-4572-b4e9-0412fff21cf8/frames/ark-the-animated-series-mei-yin-li-animated--frame--6.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/1eae085d-a5e6-4572-b4e9-0412fff21cf8/frames/ark-the-animated-series-mei-yin-li-animated--frame--7.png&quot;]},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/1eae085d-a5e6-4572-b4e9-0412fff21cf8/ark-the-animated-series-mei-yin-li-animated--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/1eae085d-a5e6-4572-b4e9-0412fff21cf8/ark-the-animated-series-mei-yin-li-animated--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:12,&quot;offsetY&quot;:12},&quot;animationSpeed&quot;:900}}"
  data-cursor-pack-events-url="/cursor/ark-the-animated-series-mei-yin-li-animated/events/"
>
  <a class="block" href="/cursor/ark-the-animated-series-mei-yin-li-animated/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="Ark The Animated Series Mei Yin Li 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/1eae085d-a5e6-4572-b4e9-0412fff21cf8/ark-the-animated-series-mei-yin-li-animated--poster--95a5be.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/ark-the-animated-series-mei-yin-li-animated/">Ark The Animated Series Mei Yin Li 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;:41624,&quot;name&quot;:&quot;TMNT 1987 Raphael \u0026 Sai Cursor&quot;,&quot;isAnimated&quot;:false,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/d8fda102-96be-4651-bf9e-2dace7e0c739/tmnt-1987-raphael-sai--cursor-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/d8fda102-96be-4651-bf9e-2dace7e0c739/tmnt-1987-raphael-sai--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/d8fda102-96be-4651-bf9e-2dace7e0c739/tmnt-1987-raphael-sai--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/d8fda102-96be-4651-bf9e-2dace7e0c739/tmnt-1987-raphael-sai--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:22,&quot;offsetY&quot;:6}}}"
  data-cursor-pack-events-url="/cursor/tmnt-1987-raphael-sai/events/"
>
  <a class="block" href="/cursor/tmnt-1987-raphael-sai/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="TMNT 1987 Raphael &amp; Sai 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/d8fda102-96be-4651-bf9e-2dace7e0c739/tmnt-1987-raphael-sai--poster--d2a766.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/tmnt-1987-raphael-sai/">TMNT 1987 Raphael &amp; Sai 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;:41560,&quot;name&quot;:&quot;Smiling Friends Pim Pimling Animated Cursor&quot;,&quot;isAnimated&quot;:true,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/b9a17120-84be-49e8-ad56-d23552c4a4cf/smiling-friends-pim-pimling-animated--cursor-icon.gif&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/b9a17120-84be-49e8-ad56-d23552c4a4cf/smiling-friends-pim-pimling-animated--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:28,&quot;offsetY&quot;:8,&quot;animationDirection&quot;:&quot;normal&quot;,&quot;animationSpeed&quot;:450,&quot;frames&quot;:[&quot;https://cdn.sweezy-cursors.com/cursor_packs/b9a17120-84be-49e8-ad56-d23552c4a4cf/frames/smiling-friends-pim-pimling-animated--frame--0.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/b9a17120-84be-49e8-ad56-d23552c4a4cf/frames/smiling-friends-pim-pimling-animated--frame--1.png&quot;]},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/b9a17120-84be-49e8-ad56-d23552c4a4cf/smiling-friends-pim-pimling-animated--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/b9a17120-84be-49e8-ad56-d23552c4a4cf/smiling-friends-pim-pimling-animated--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:10,&quot;offsetY&quot;:22},&quot;animationSpeed&quot;:450}}"
  data-cursor-pack-events-url="/cursor/smiling-friends-pim-pimling-animated/events/"
>
  <a class="block" href="/cursor/smiling-friends-pim-pimling-animated/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="Smiling Friends Pim Pimling 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/b9a17120-84be-49e8-ad56-d23552c4a4cf/smiling-friends-pim-pimling-animated--poster--2a888f.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/smiling-friends-pim-pimling-animated/">Smiling Friends Pim Pimling 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;:40512,&quot;name&quot;:&quot;The Casagrandes Ronnie Anne Santiago \u0026 Helmet Cursor&quot;,&quot;isAnimated&quot;:false,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/74b8a6e7-8766-4447-acd8-b0d81b2c6c18/the-casagrandes-ronnie-anne-santiago-helmet--cursor-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/74b8a6e7-8766-4447-acd8-b0d81b2c6c18/the-casagrandes-ronnie-anne-santiago-helmet--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:8,&quot;offsetY&quot;:16},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/74b8a6e7-8766-4447-acd8-b0d81b2c6c18/the-casagrandes-ronnie-anne-santiago-helmet--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/74b8a6e7-8766-4447-acd8-b0d81b2c6c18/the-casagrandes-ronnie-anne-santiago-helmet--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:18,&quot;offsetY&quot;:16}}}"
  data-cursor-pack-events-url="/cursor/the-casagrandes-ronnie-anne-santiago-helmet/events/"
>
  <a class="block" href="/cursor/the-casagrandes-ronnie-anne-santiago-helmet/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="The Casagrandes Ronnie Anne Santiago &amp; Helmet 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/74b8a6e7-8766-4447-acd8-b0d81b2c6c18/the-casagrandes-ronnie-anne-santiago-helmet--poster--99fdf7.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/the-casagrandes-ronnie-anne-santiago-helmet/">The Casagrandes Ronnie Anne Santiago &amp; Helmet 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;:41373,&quot;name&quot;:&quot;Kung Fu Panda Zhen Cursor&quot;,&quot;isAnimated&quot;:false,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/32f6ea4f-7afa-465d-90c7-8b85cbb30828/kung-fu-panda-zhen--cursor-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/32f6ea4f-7afa-465d-90c7-8b85cbb30828/kung-fu-panda-zhen--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/32f6ea4f-7afa-465d-90c7-8b85cbb30828/kung-fu-panda-zhen--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/32f6ea4f-7afa-465d-90c7-8b85cbb30828/kung-fu-panda-zhen--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:18,&quot;offsetY&quot;:8}}}"
  data-cursor-pack-events-url="/cursor/kung-fu-panda-zhen/events/"
>
  <a class="block" href="/cursor/kung-fu-panda-zhen/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="Kung Fu Panda Zhen 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/32f6ea4f-7afa-465d-90c7-8b85cbb30828/kung-fu-panda-zhen--poster--ee437d.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/kung-fu-panda-zhen/">Kung Fu Panda Zhen 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;:41397,&quot;name&quot;:&quot;Ark The Animated Series Gladiatrix Animated Cursor&quot;,&quot;isAnimated&quot;:true,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/31f191f0-bce1-4989-b0b6-ce28aae92592/ark-the-animated-series-gladiatrix-animated--cursor-icon.gif&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/31f191f0-bce1-4989-b0b6-ce28aae92592/ark-the-animated-series-gladiatrix-animated--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:20,&quot;offsetY&quot;:10,&quot;animationDirection&quot;:&quot;normal&quot;,&quot;animationSpeed&quot;:700,&quot;frames&quot;:[&quot;https://cdn.sweezy-cursors.com/cursor_packs/31f191f0-bce1-4989-b0b6-ce28aae92592/frames/ark-the-animated-series-gladiatrix-animated--frame--0.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/31f191f0-bce1-4989-b0b6-ce28aae92592/frames/ark-the-animated-series-gladiatrix-animated--frame--1.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/31f191f0-bce1-4989-b0b6-ce28aae92592/frames/ark-the-animated-series-gladiatrix-animated--frame--2.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/31f191f0-bce1-4989-b0b6-ce28aae92592/frames/ark-the-animated-series-gladiatrix-animated--frame--3.png&quot;]},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/31f191f0-bce1-4989-b0b6-ce28aae92592/ark-the-animated-series-gladiatrix-animated--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/31f191f0-bce1-4989-b0b6-ce28aae92592/ark-the-animated-series-gladiatrix-animated--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:18,&quot;offsetY&quot;:6},&quot;animationSpeed&quot;:700}}"
  data-cursor-pack-events-url="/cursor/ark-the-animated-series-gladiatrix-animated/events/"
>
  <a class="block" href="/cursor/ark-the-animated-series-gladiatrix-animated/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="Ark The Animated Series Gladiatrix 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/31f191f0-bce1-4989-b0b6-ce28aae92592/ark-the-animated-series-gladiatrix-animated--poster--42170a.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/ark-the-animated-series-gladiatrix-animated/">Ark The Animated Series Gladiatrix 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;:41156,&quot;name&quot;:&quot;FPE Miss Circle Cursor&quot;,&quot;isAnimated&quot;:false,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/f2341ac8-6b89-49af-9f58-c61f9771f8a0/fpe-miss-circle--cursor-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/f2341ac8-6b89-49af-9f58-c61f9771f8a0/fpe-miss-circle--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:30,&quot;offsetY&quot;:2},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/f2341ac8-6b89-49af-9f58-c61f9771f8a0/fpe-miss-circle--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/f2341ac8-6b89-49af-9f58-c61f9771f8a0/fpe-miss-circle--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:38,&quot;offsetY&quot;:2}}}"
  data-cursor-pack-events-url="/cursor/fpe-miss-circle/events/"
>
  <a class="block" href="/cursor/fpe-miss-circle/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="FPE Miss Circle 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/f2341ac8-6b89-49af-9f58-c61f9771f8a0/fpe-miss-circle--poster--b41f73.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/fpe-miss-circle/">FPE Miss Circle 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;:41261,&quot;name&quot;:&quot;Rugrats Tommy Pickles \u0026 Ball Cursor&quot;,&quot;isAnimated&quot;:false,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/f438dfa7-9223-4b31-a533-79fd8c44ed54/rugrats-tommy-pickles-ball--cursor-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/f438dfa7-9223-4b31-a533-79fd8c44ed54/rugrats-tommy-pickles-ball--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:20,&quot;offsetY&quot;:10},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/f438dfa7-9223-4b31-a533-79fd8c44ed54/rugrats-tommy-pickles-ball--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/f438dfa7-9223-4b31-a533-79fd8c44ed54/rugrats-tommy-pickles-ball--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:40,&quot;offsetY&quot;:14}}}"
  data-cursor-pack-events-url="/cursor/rugrats-tommy-pickles-ball/events/"
>
  <a class="block" href="/cursor/rugrats-tommy-pickles-ball/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="Rugrats Tommy Pickles &amp; Ball 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/f438dfa7-9223-4b31-a533-79fd8c44ed54/rugrats-tommy-pickles-ball--poster--caa1a5.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/rugrats-tommy-pickles-ball/">Rugrats Tommy Pickles &amp; Ball 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;:40273,&quot;name&quot;:&quot;Ducktales Gizmoduck \u0026 Fenton Animated Cursor&quot;,&quot;isAnimated&quot;:true,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/e0c14ceb-baff-48bb-b0c0-76e1ab1a4a85/ducktales-gizmoduck-fenton-animated--cursor-icon.gif&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/e0c14ceb-baff-48bb-b0c0-76e1ab1a4a85/ducktales-gizmoduck-fenton-animated--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:2,&quot;offsetY&quot;:14,&quot;animationDirection&quot;:&quot;normal&quot;,&quot;animationSpeed&quot;:450,&quot;frames&quot;:[&quot;https://cdn.sweezy-cursors.com/cursor_packs/e0c14ceb-baff-48bb-b0c0-76e1ab1a4a85/frames/ducktales-gizmoduck-fenton-animated--frame--0.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/e0c14ceb-baff-48bb-b0c0-76e1ab1a4a85/frames/ducktales-gizmoduck-fenton-animated--frame--1.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/e0c14ceb-baff-48bb-b0c0-76e1ab1a4a85/frames/ducktales-gizmoduck-fenton-animated--frame--2.png&quot;]},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/e0c14ceb-baff-48bb-b0c0-76e1ab1a4a85/ducktales-gizmoduck-fenton-animated--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/e0c14ceb-baff-48bb-b0c0-76e1ab1a4a85/ducktales-gizmoduck-fenton-animated--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:32,&quot;offsetY&quot;:14},&quot;animationSpeed&quot;:450}}"
  data-cursor-pack-events-url="/cursor/ducktales-gizmoduck-fenton-animated/events/"
>
  <a class="block" href="/cursor/ducktales-gizmoduck-fenton-animated/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="Ducktales Gizmoduck &amp; Fenton 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/e0c14ceb-baff-48bb-b0c0-76e1ab1a4a85/ducktales-gizmoduck-fenton-animated--poster--d8f091.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/ducktales-gizmoduck-fenton-animated/">Ducktales Gizmoduck &amp; Fenton 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;:41112,&quot;name&quot;:&quot;Bluey Heeler \u0026 Speaker Cursor&quot;,&quot;isAnimated&quot;:false,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/801a361b-1876-442d-9bf3-ad7fb1a5bea5/bluey-heeler-speaker--cursor-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/801a361b-1876-442d-9bf3-ad7fb1a5bea5/bluey-heeler-speaker--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/801a361b-1876-442d-9bf3-ad7fb1a5bea5/bluey-heeler-speaker--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/801a361b-1876-442d-9bf3-ad7fb1a5bea5/bluey-heeler-speaker--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:22,&quot;offsetY&quot;:6}}}"
  data-cursor-pack-events-url="/cursor/bluey-heeler-speaker/events/"
>
  <a class="block" href="/cursor/bluey-heeler-speaker/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="Bluey Heeler &amp; Speaker 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/801a361b-1876-442d-9bf3-ad7fb1a5bea5/bluey-heeler-speaker--poster--2f718c.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/bluey-heeler-speaker/">Bluey Heeler &amp; Speaker 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 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: #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;:41162,&quot;name&quot;:&quot;Kung Fu Panda Oogway \u0026 Staff of Wisdom Animated Cursor&quot;,&quot;isAnimated&quot;:true,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/5bbd6b02-b8a1-428f-b6c8-202397734251/kung-fu-panda-oogway-staff-of-wisdom-animated--cursor-icon.gif&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/5bbd6b02-b8a1-428f-b6c8-202397734251/kung-fu-panda-oogway-staff-of-wisdom-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;normal&quot;,&quot;animationSpeed&quot;:500,&quot;frames&quot;:[&quot;https://cdn.sweezy-cursors.com/cursor_packs/5bbd6b02-b8a1-428f-b6c8-202397734251/frames/kung-fu-panda-oogway-staff-of-wisdom-animated--frame--0.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/5bbd6b02-b8a1-428f-b6c8-202397734251/frames/kung-fu-panda-oogway-staff-of-wisdom-animated--frame--1.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/5bbd6b02-b8a1-428f-b6c8-202397734251/frames/kung-fu-panda-oogway-staff-of-wisdom-animated--frame--2.png&quot;]},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/5bbd6b02-b8a1-428f-b6c8-202397734251/kung-fu-panda-oogway-staff-of-wisdom-animated--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/5bbd6b02-b8a1-428f-b6c8-202397734251/kung-fu-panda-oogway-staff-of-wisdom-animated--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:4,&quot;offsetY&quot;:2},&quot;animationSpeed&quot;:500}}"
  data-cursor-pack-events-url="/cursor/kung-fu-panda-oogway-staff-of-wisdom-animated/events/"
>
  <a class="block" href="/cursor/kung-fu-panda-oogway-staff-of-wisdom-animated/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="Kung Fu Panda Oogway &amp; Staff of Wisdom 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/5bbd6b02-b8a1-428f-b6c8-202397734251/kung-fu-panda-oogway-staff-of-wisdom-animated--poster--694b6f.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/kung-fu-panda-oogway-staff-of-wisdom-animated/">Kung Fu Panda Oogway &amp; Staff of Wisdom 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;:41105,&quot;name&quot;:&quot;Ark The Animated Series Edmund Rockwell Animated Cursor&quot;,&quot;isAnimated&quot;:true,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/5e715950-ed35-4328-883c-32a0d7ee5ee8/ark-the-animated-series-edmund-rockwell-animated--cursor-icon.gif&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/5e715950-ed35-4328-883c-32a0d7ee5ee8/ark-the-animated-series-edmund-rockwell-animated--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:4,&quot;offsetY&quot;:26,&quot;animationDirection&quot;:&quot;normal&quot;,&quot;animationSpeed&quot;:450,&quot;frames&quot;:[&quot;https://cdn.sweezy-cursors.com/cursor_packs/5e715950-ed35-4328-883c-32a0d7ee5ee8/frames/ark-the-animated-series-edmund-rockwell-animated--frame--0.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/5e715950-ed35-4328-883c-32a0d7ee5ee8/frames/ark-the-animated-series-edmund-rockwell-animated--frame--1.png&quot;]},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/5e715950-ed35-4328-883c-32a0d7ee5ee8/ark-the-animated-series-edmund-rockwell-animated--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/5e715950-ed35-4328-883c-32a0d7ee5ee8/ark-the-animated-series-edmund-rockwell-animated--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:32,&quot;offsetY&quot;:2},&quot;animationSpeed&quot;:450}}"
  data-cursor-pack-events-url="/cursor/ark-the-animated-series-edmund-rockwell-animated/events/"
>
  <a class="block" href="/cursor/ark-the-animated-series-edmund-rockwell-animated/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="Ark The Animated Series Edmund Rockwell 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/5e715950-ed35-4328-883c-32a0d7ee5ee8/ark-the-animated-series-edmund-rockwell-animated--poster--fdf7bb.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/ark-the-animated-series-edmund-rockwell-animated/">Ark The Animated Series Edmund Rockwell 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;:41170,&quot;name&quot;:&quot;Smiling Friends Charlie Dompler Cursor&quot;,&quot;isAnimated&quot;:false,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/3550f7f8-242d-4b65-aa25-12990d3dc14a/smiling-friends-charlie-dompler--cursor-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/3550f7f8-242d-4b65-aa25-12990d3dc14a/smiling-friends-charlie-dompler--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:4,&quot;offsetY&quot;:12},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/3550f7f8-242d-4b65-aa25-12990d3dc14a/smiling-friends-charlie-dompler--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/3550f7f8-242d-4b65-aa25-12990d3dc14a/smiling-friends-charlie-dompler--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:6,&quot;offsetY&quot;:32}}}"
  data-cursor-pack-events-url="/cursor/smiling-friends-charlie-dompler/events/"
>
  <a class="block" href="/cursor/smiling-friends-charlie-dompler/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="Smiling Friends Charlie Dompler 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/3550f7f8-242d-4b65-aa25-12990d3dc14a/smiling-friends-charlie-dompler--poster--2474e3.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/smiling-friends-charlie-dompler/">Smiling Friends Charlie Dompler 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;:40493,&quot;name&quot;:&quot;Krapopolis Tyrannis Cursor&quot;,&quot;isAnimated&quot;:false,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/1002f760-f65e-4741-9781-1dd6e202f834/krapopolis-tyrannis--cursor-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/1002f760-f65e-4741-9781-1dd6e202f834/krapopolis-tyrannis--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:4,&quot;offsetY&quot;:8},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/1002f760-f65e-4741-9781-1dd6e202f834/krapopolis-tyrannis--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/1002f760-f65e-4741-9781-1dd6e202f834/krapopolis-tyrannis--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:8,&quot;offsetY&quot;:12}}}"
  data-cursor-pack-events-url="/cursor/krapopolis-tyrannis/events/"
>
  <a class="block" href="/cursor/krapopolis-tyrannis/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="Krapopolis Tyrannis 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/1002f760-f65e-4741-9781-1dd6e202f834/krapopolis-tyrannis--poster--96ce22.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/krapopolis-tyrannis/">Krapopolis Tyrannis 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;:40105,&quot;name&quot;:&quot;Centaurworld Splendib \u0026 Bell Cursor&quot;,&quot;isAnimated&quot;:false,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/e4af86c4-6a8a-47a8-9b70-8c4685c682fb/centaurworld-splendib-bell--cursor-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/e4af86c4-6a8a-47a8-9b70-8c4685c682fb/centaurworld-splendib-bell--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:4,&quot;offsetY&quot;:4},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/e4af86c4-6a8a-47a8-9b70-8c4685c682fb/centaurworld-splendib-bell--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/e4af86c4-6a8a-47a8-9b70-8c4685c682fb/centaurworld-splendib-bell--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/centaurworld-splendib-bell/events/"
>
  <a class="block" href="/cursor/centaurworld-splendib-bell/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="Centaurworld Splendib &amp; Bell 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/e4af86c4-6a8a-47a8-9b70-8c4685c682fb/centaurworld-splendib-bell--poster--850941.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/centaurworld-splendib-bell/">Centaurworld Splendib &amp; Bell 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;:40040,&quot;name&quot;:&quot;Battle for Dream Island Boombox Cursor&quot;,&quot;isAnimated&quot;:false,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/bc23c704-5c10-4e36-b801-22e17be8e1fc/battle-for-dream-island-boombox--cursor-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/bc23c704-5c10-4e36-b801-22e17be8e1fc/battle-for-dream-island-boombox--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:2,&quot;offsetY&quot;:22},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/bc23c704-5c10-4e36-b801-22e17be8e1fc/battle-for-dream-island-boombox--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/bc23c704-5c10-4e36-b801-22e17be8e1fc/battle-for-dream-island-boombox--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/battle-for-dream-island-boombox/events/"
>
  <a class="block" href="/cursor/battle-for-dream-island-boombox/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="Battle for Dream Island Boombox 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/bc23c704-5c10-4e36-b801-22e17be8e1fc/battle-for-dream-island-boombox--poster--d8bbc1.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/battle-for-dream-island-boombox/">Battle for Dream Island Boombox 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;:40809,&quot;name&quot;:&quot;Ark The Animated Series Helena Walker Animated Cursor&quot;,&quot;isAnimated&quot;:true,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/28ccd3d6-af4e-406d-ac77-ce949c7ad901/ark-the-animated-series-helena-walker-animated--cursor-icon.gif&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/28ccd3d6-af4e-406d-ac77-ce949c7ad901/ark-the-animated-series-helena-walker-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;normal&quot;,&quot;animationSpeed&quot;:450,&quot;frames&quot;:[&quot;https://cdn.sweezy-cursors.com/cursor_packs/28ccd3d6-af4e-406d-ac77-ce949c7ad901/frames/ark-the-animated-series-helena-walker-animated--frame--0.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/28ccd3d6-af4e-406d-ac77-ce949c7ad901/frames/ark-the-animated-series-helena-walker-animated--frame--1.png&quot;]},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/28ccd3d6-af4e-406d-ac77-ce949c7ad901/ark-the-animated-series-helena-walker-animated--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/28ccd3d6-af4e-406d-ac77-ce949c7ad901/ark-the-animated-series-helena-walker-animated--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:26,&quot;offsetY&quot;:4},&quot;animationSpeed&quot;:450}}"
  data-cursor-pack-events-url="/cursor/ark-the-animated-series-helena-walker-animated/events/"
>
  <a class="block" href="/cursor/ark-the-animated-series-helena-walker-animated/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="Ark The Animated Series Helena Walker 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/28ccd3d6-af4e-406d-ac77-ce949c7ad901/ark-the-animated-series-helena-walker-animated--poster--b5c9a1.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/ark-the-animated-series-helena-walker-animated/">Ark The Animated Series Helena Walker 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;:40014,&quot;name&quot;:&quot;Rick and Morty The Anime Cursor&quot;,&quot;isAnimated&quot;:false,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/a5b61675-fa07-41af-a591-997928b99923/rick-and-morty-the-anime--cursor-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/a5b61675-fa07-41af-a591-997928b99923/rick-and-morty-the-anime--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:16,&quot;offsetY&quot;:2},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/a5b61675-fa07-41af-a591-997928b99923/rick-and-morty-the-anime--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/a5b61675-fa07-41af-a591-997928b99923/rick-and-morty-the-anime--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:2,&quot;offsetY&quot;:36}}}"
  data-cursor-pack-events-url="/cursor/rick-and-morty-the-anime/events/"
>
  <a class="block" href="/cursor/rick-and-morty-the-anime/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="Rick and Morty The Anime 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/a5b61675-fa07-41af-a591-997928b99923/rick-and-morty-the-anime--poster--256116.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/rick-and-morty-the-anime/">Rick and Morty The Anime 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;:39873,&quot;name&quot;:&quot;OK K.O.! A Real Magic Skeleton Cursor&quot;,&quot;isAnimated&quot;:false,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/74944fa9-1a3e-4cff-ad6e-b1c5eebe7790/ok-k-o-a-real-magic-skeleton--cursor-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/74944fa9-1a3e-4cff-ad6e-b1c5eebe7790/ok-k-o-a-real-magic-skeleton--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:14,&quot;offsetY&quot;:20},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/74944fa9-1a3e-4cff-ad6e-b1c5eebe7790/ok-k-o-a-real-magic-skeleton--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/74944fa9-1a3e-4cff-ad6e-b1c5eebe7790/ok-k-o-a-real-magic-skeleton--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:42,&quot;offsetY&quot;:4}}}"
  data-cursor-pack-events-url="/cursor/ok-k-o-a-real-magic-skeleton/events/"
>
  <a class="block" href="/cursor/ok-k-o-a-real-magic-skeleton/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="OK K.O.! A Real Magic Skeleton 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/74944fa9-1a3e-4cff-ad6e-b1c5eebe7790/ok-k-o-a-real-magic-skeleton--poster--2e4ac8.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/ok-k-o-a-real-magic-skeleton/">OK K.O.! A Real Magic Skeleton 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;:40348,&quot;name&quot;:&quot;Villainous Dark Phantom Animated Cursor&quot;,&quot;isAnimated&quot;:true,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/7569207e-2cea-441c-ab41-df90e226d5d7/villainous-dark-phantom-animated--cursor-icon.gif&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/7569207e-2cea-441c-ab41-df90e226d5d7/villainous-dark-phantom-animated--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:22,&quot;offsetY&quot;:4,&quot;animationDirection&quot;:&quot;normal&quot;,&quot;animationSpeed&quot;:450,&quot;frames&quot;:[&quot;https://cdn.sweezy-cursors.com/cursor_packs/7569207e-2cea-441c-ab41-df90e226d5d7/frames/villainous-dark-phantom-animated--frame--0.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/7569207e-2cea-441c-ab41-df90e226d5d7/frames/villainous-dark-phantom-animated--frame--1.png&quot;]},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/7569207e-2cea-441c-ab41-df90e226d5d7/villainous-dark-phantom-animated--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/7569207e-2cea-441c-ab41-df90e226d5d7/villainous-dark-phantom-animated--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:2,&quot;offsetY&quot;:4},&quot;animationSpeed&quot;:450}}"
  data-cursor-pack-events-url="/cursor/villainous-dark-phantom-animated/events/"
>
  <a class="block" href="/cursor/villainous-dark-phantom-animated/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="Villainous Dark Phantom 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/7569207e-2cea-441c-ab41-df90e226d5d7/villainous-dark-phantom-animated--poster--fdafa4.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/villainous-dark-phantom-animated/">Villainous Dark Phantom 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;:37638,&quot;name&quot;:&quot;Spongebob Thumbs Up Cursor&quot;,&quot;isAnimated&quot;:false,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/c4dd6670-72e2-41e3-8638-e176d7734bdb/spongebob-thumbs-up--cursor-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/c4dd6670-72e2-41e3-8638-e176d7734bdb/spongebob-thumbs-up--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:4,&quot;offsetY&quot;:10},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/c4dd6670-72e2-41e3-8638-e176d7734bdb/spongebob-thumbs-up--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/c4dd6670-72e2-41e3-8638-e176d7734bdb/spongebob-thumbs-up--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:6,&quot;offsetY&quot;:10}}}"
  data-cursor-pack-events-url="/cursor/spongebob-thumbs-up/events/"
>
  <a class="block" href="/cursor/spongebob-thumbs-up/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="Spongebob Thumbs Up 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/c4dd6670-72e2-41e3-8638-e176d7734bdb/spongebob-thumbs-up--poster--652387.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-thumbs-up/">Spongebob Thumbs Up 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;:40457,&quot;name&quot;:&quot;Krapopolis Deliria Animated Cursor&quot;,&quot;isAnimated&quot;:true,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/68f31bcd-aa82-4db3-83b8-13074d6e4d14/krapopolis-deliria-animated--cursor-icon.gif&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/68f31bcd-aa82-4db3-83b8-13074d6e4d14/krapopolis-deliria-animated--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:6,&quot;offsetY&quot;:4,&quot;animationDirection&quot;:&quot;normal&quot;,&quot;animationSpeed&quot;:750,&quot;frames&quot;:[&quot;https://cdn.sweezy-cursors.com/cursor_packs/68f31bcd-aa82-4db3-83b8-13074d6e4d14/frames/krapopolis-deliria-animated--frame--0.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/68f31bcd-aa82-4db3-83b8-13074d6e4d14/frames/krapopolis-deliria-animated--frame--1.png&quot;]},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/68f31bcd-aa82-4db3-83b8-13074d6e4d14/krapopolis-deliria-animated--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/68f31bcd-aa82-4db3-83b8-13074d6e4d14/krapopolis-deliria-animated--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:12,&quot;offsetY&quot;:6},&quot;animationSpeed&quot;:750}}"
  data-cursor-pack-events-url="/cursor/krapopolis-deliria-animated/events/"
>
  <a class="block" href="/cursor/krapopolis-deliria-animated/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="Krapopolis Deliria 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/68f31bcd-aa82-4db3-83b8-13074d6e4d14/krapopolis-deliria-animated--poster--853c17.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/krapopolis-deliria-animated/">Krapopolis Deliria 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/?category=cartoons&amp;page=35">
    <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>