<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: #6588b6"
  data-controller="cursor-pack cursor-preview cursor-download"
  data-cursor-pack-payload="{&quot;collection&quot;:{&quot;name&quot;:&quot;Mix&quot;,&quot;slug&quot;:&quot;mix&quot;,&quot;image&quot;:&quot;https://cdn.sweezy-cursors.com/categories/9635299b-7b3a-471e-892e-b44754b81009/mix--primary--78a4c8.png&quot;},&quot;cursorConfig&quot;:{&quot;id&quot;:65841,&quot;name&quot;:&quot;McDonalds \u0026 Burger King Cola Cursor&quot;,&quot;isAnimated&quot;:false,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/07029c94-b76c-42d5-b5fd-b422fbbe96ed/mcdonalds-burger-king-cola--cursor-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/07029c94-b76c-42d5-b5fd-b422fbbe96ed/mcdonalds-burger-king-cola--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:6,&quot;offsetY&quot;:2},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/07029c94-b76c-42d5-b5fd-b422fbbe96ed/mcdonalds-burger-king-cola--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/07029c94-b76c-42d5-b5fd-b422fbbe96ed/mcdonalds-burger-king-cola--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:12,&quot;offsetY&quot;:2}}}"
  data-cursor-pack-events-url="/cursor/mcdonalds-burger-king-cola/events/"
>
  <a class="block" href="/cursor/mcdonalds-burger-king-cola/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="McDonalds &amp; Burger King Cola 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/07029c94-b76c-42d5-b5fd-b422fbbe96ed/mcdonalds-burger-king-cola--poster--5d5b07.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: #6588b6;" href="/categories/mix/">Mix</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/mcdonalds-burger-king-cola/">McDonalds &amp; Burger King Cola 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: #6588b6"
  data-controller="cursor-pack cursor-preview cursor-download"
  data-cursor-pack-payload="{&quot;collection&quot;:{&quot;name&quot;:&quot;Mix&quot;,&quot;slug&quot;:&quot;mix&quot;,&quot;image&quot;:&quot;https://cdn.sweezy-cursors.com/categories/9635299b-7b3a-471e-892e-b44754b81009/mix--primary--78a4c8.png&quot;},&quot;cursorConfig&quot;:{&quot;id&quot;:65872,&quot;name&quot;:&quot;Yellow Play-Doh Cursor&quot;,&quot;isAnimated&quot;:false,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/f99f12de-9005-47b2-8177-8c4b7e5afece/yellow-play-doh--cursor-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/f99f12de-9005-47b2-8177-8c4b7e5afece/yellow-play-doh--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/f99f12de-9005-47b2-8177-8c4b7e5afece/yellow-play-doh--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/f99f12de-9005-47b2-8177-8c4b7e5afece/yellow-play-doh--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:4,&quot;offsetY&quot;:8}}}"
  data-cursor-pack-events-url="/cursor/yellow-play-doh/events/"
>
  <a class="block" href="/cursor/yellow-play-doh/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="Yellow Play-Doh 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/f99f12de-9005-47b2-8177-8c4b7e5afece/yellow-play-doh--poster--a98337.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: #6588b6;" href="/categories/mix/">Mix</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/yellow-play-doh/">Yellow Play-Doh 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: #6588b6"
  data-controller="cursor-pack cursor-preview cursor-download"
  data-cursor-pack-payload="{&quot;collection&quot;:{&quot;name&quot;:&quot;Mix&quot;,&quot;slug&quot;:&quot;mix&quot;,&quot;image&quot;:&quot;https://cdn.sweezy-cursors.com/categories/9635299b-7b3a-471e-892e-b44754b81009/mix--primary--78a4c8.png&quot;},&quot;cursorConfig&quot;:{&quot;id&quot;:66276,&quot;name&quot;:&quot;Plain Yellow Cursor&quot;,&quot;isAnimated&quot;:false,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/3566960b-9e83-4ab5-bcd9-16dc3950202c/plain-yellow--cursor-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/3566960b-9e83-4ab5-bcd9-16dc3950202c/plain-yellow--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:4,&quot;offsetY&quot;:2},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/3566960b-9e83-4ab5-bcd9-16dc3950202c/plain-yellow--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/3566960b-9e83-4ab5-bcd9-16dc3950202c/plain-yellow--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:32,&quot;offsetY&quot;:2}}}"
  data-cursor-pack-events-url="/cursor/plain-yellow/events/"
>
  <a class="block" href="/cursor/plain-yellow/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="Plain Yellow 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/3566960b-9e83-4ab5-bcd9-16dc3950202c/plain-yellow--poster--ea5f6c.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: #6588b6;" href="/categories/mix/">Mix</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/plain-yellow/">Plain Yellow 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: #6588b6"
  data-controller="cursor-pack cursor-preview cursor-download"
  data-cursor-pack-payload="{&quot;collection&quot;:{&quot;name&quot;:&quot;Mix&quot;,&quot;slug&quot;:&quot;mix&quot;,&quot;image&quot;:&quot;https://cdn.sweezy-cursors.com/categories/9635299b-7b3a-471e-892e-b44754b81009/mix--primary--78a4c8.png&quot;},&quot;cursorConfig&quot;:{&quot;id&quot;:66327,&quot;name&quot;:&quot;Banksy Girl with Balloon \u0026 Spray Can Animated Cursor&quot;,&quot;isAnimated&quot;:true,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/f5b4dc69-8bde-45bf-b742-138f062db8dc/banksy-girl-with-balloon-spray-can-animated--cursor-icon.gif&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/f5b4dc69-8bde-45bf-b742-138f062db8dc/banksy-girl-with-balloon-spray-can-animated--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:10,&quot;offsetY&quot;:2,&quot;animationDirection&quot;:&quot;normal&quot;,&quot;animationSpeed&quot;:700,&quot;frames&quot;:[&quot;https://cdn.sweezy-cursors.com/cursor_packs/f5b4dc69-8bde-45bf-b742-138f062db8dc/frames/banksy-girl-with-balloon-spray-can-animated--frame--0.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/f5b4dc69-8bde-45bf-b742-138f062db8dc/frames/banksy-girl-with-balloon-spray-can-animated--frame--1.png&quot;]},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/f5b4dc69-8bde-45bf-b742-138f062db8dc/banksy-girl-with-balloon-spray-can-animated--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/f5b4dc69-8bde-45bf-b742-138f062db8dc/banksy-girl-with-balloon-spray-can-animated--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:50,&quot;offsetY&quot;:2},&quot;animationSpeed&quot;:700}}"
  data-cursor-pack-events-url="/cursor/banksy-girl-with-balloon-spray-can-animated/events/"
>
  <a class="block" href="/cursor/banksy-girl-with-balloon-spray-can-animated/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="Banksy Girl with Balloon &amp; Spray Can 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/f5b4dc69-8bde-45bf-b742-138f062db8dc/banksy-girl-with-balloon-spray-can-animated--poster--6d645a.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: #6588b6;" href="/categories/mix/">Mix</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/banksy-girl-with-balloon-spray-can-animated/">Banksy Girl with Balloon &amp; Spray Can 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: #6588b6"
  data-controller="cursor-pack cursor-preview cursor-download"
  data-cursor-pack-payload="{&quot;collection&quot;:{&quot;name&quot;:&quot;Mix&quot;,&quot;slug&quot;:&quot;mix&quot;,&quot;image&quot;:&quot;https://cdn.sweezy-cursors.com/categories/9635299b-7b3a-471e-892e-b44754b81009/mix--primary--78a4c8.png&quot;},&quot;cursorConfig&quot;:{&quot;id&quot;:65884,&quot;name&quot;:&quot;McDonalds Grimace Arrow Cursor&quot;,&quot;isAnimated&quot;:false,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/93ebaef7-e561-49fc-a1eb-95c608f26c2a/mcdonalds-grimace-arrow--cursor-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/93ebaef7-e561-49fc-a1eb-95c608f26c2a/mcdonalds-grimace-arrow--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:6,&quot;offsetY&quot;:6},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/93ebaef7-e561-49fc-a1eb-95c608f26c2a/mcdonalds-grimace-arrow--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/93ebaef7-e561-49fc-a1eb-95c608f26c2a/mcdonalds-grimace-arrow--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:42,&quot;offsetY&quot;:2}}}"
  data-cursor-pack-events-url="/cursor/mcdonalds-grimace-arrow/events/"
>
  <a class="block" href="/cursor/mcdonalds-grimace-arrow/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="McDonalds Grimace Arrow 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/93ebaef7-e561-49fc-a1eb-95c608f26c2a/mcdonalds-grimace-arrow--poster--6f60b5.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: #6588b6;" href="/categories/mix/">Mix</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/mcdonalds-grimace-arrow/">McDonalds Grimace Arrow 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: #6588b6"
  data-controller="cursor-pack cursor-preview cursor-download"
  data-cursor-pack-payload="{&quot;collection&quot;:{&quot;name&quot;:&quot;Mix&quot;,&quot;slug&quot;:&quot;mix&quot;,&quot;image&quot;:&quot;https://cdn.sweezy-cursors.com/categories/9635299b-7b3a-471e-892e-b44754b81009/mix--primary--78a4c8.png&quot;},&quot;cursorConfig&quot;:{&quot;id&quot;:65964,&quot;name&quot;:&quot;SEGA Joystick \u0026 Logo Cursor&quot;,&quot;isAnimated&quot;:false,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/1655553f-df64-4fc7-b2cb-6ae6cc341d14/sega-joystick-logo--cursor-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/1655553f-df64-4fc7-b2cb-6ae6cc341d14/sega-joystick-logo--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:12,&quot;offsetY&quot;:4},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/1655553f-df64-4fc7-b2cb-6ae6cc341d14/sega-joystick-logo--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/1655553f-df64-4fc7-b2cb-6ae6cc341d14/sega-joystick-logo--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:20,&quot;offsetY&quot;:4}}}"
  data-cursor-pack-events-url="/cursor/sega-joystick-logo/events/"
>
  <a class="block" href="/cursor/sega-joystick-logo/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="SEGA Joystick &amp; Logo 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/1655553f-df64-4fc7-b2cb-6ae6cc341d14/sega-joystick-logo--poster--f58f31.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: #6588b6;" href="/categories/mix/">Mix</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/sega-joystick-logo/">SEGA Joystick &amp; Logo 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: #6588b6"
  data-controller="cursor-pack cursor-preview cursor-download"
  data-cursor-pack-payload="{&quot;collection&quot;:{&quot;name&quot;:&quot;Mix&quot;,&quot;slug&quot;:&quot;mix&quot;,&quot;image&quot;:&quot;https://cdn.sweezy-cursors.com/categories/9635299b-7b3a-471e-892e-b44754b81009/mix--primary--78a4c8.png&quot;},&quot;cursorConfig&quot;:{&quot;id&quot;:65752,&quot;name&quot;:&quot;Yellow Banana Cursor&quot;,&quot;isAnimated&quot;:false,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/22436b41-59d0-43a5-8fcb-6e908e9f6d23/yellow-banana--cursor-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/22436b41-59d0-43a5-8fcb-6e908e9f6d23/yellow-banana--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:18,&quot;offsetY&quot;:4},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/22436b41-59d0-43a5-8fcb-6e908e9f6d23/yellow-banana--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/22436b41-59d0-43a5-8fcb-6e908e9f6d23/yellow-banana--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/yellow-banana/events/"
>
  <a class="block" href="/cursor/yellow-banana/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="Yellow Banana 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/22436b41-59d0-43a5-8fcb-6e908e9f6d23/yellow-banana--poster--a7c13e.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: #6588b6;" href="/categories/mix/">Mix</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/yellow-banana/">Yellow Banana 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: #6588b6"
  data-controller="cursor-pack cursor-preview cursor-download"
  data-cursor-pack-payload="{&quot;collection&quot;:{&quot;name&quot;:&quot;Mix&quot;,&quot;slug&quot;:&quot;mix&quot;,&quot;image&quot;:&quot;https://cdn.sweezy-cursors.com/categories/9635299b-7b3a-471e-892e-b44754b81009/mix--primary--78a4c8.png&quot;},&quot;cursorConfig&quot;:{&quot;id&quot;:65484,&quot;name&quot;:&quot;Nap Enthusiast Pillow Cursor&quot;,&quot;isAnimated&quot;:false,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/b8a909c8-555c-4684-b3e0-7b6f51fcc62b/nap-enthusiast-pillow--cursor-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/b8a909c8-555c-4684-b3e0-7b6f51fcc62b/nap-enthusiast-pillow--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:2,&quot;offsetY&quot;:8},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/b8a909c8-555c-4684-b3e0-7b6f51fcc62b/nap-enthusiast-pillow--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/b8a909c8-555c-4684-b3e0-7b6f51fcc62b/nap-enthusiast-pillow--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:6,&quot;offsetY&quot;:2}}}"
  data-cursor-pack-events-url="/cursor/nap-enthusiast-pillow/events/"
>
  <a class="block" href="/cursor/nap-enthusiast-pillow/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="Nap Enthusiast Pillow 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/b8a909c8-555c-4684-b3e0-7b6f51fcc62b/nap-enthusiast-pillow--poster--f7e40c.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: #6588b6;" href="/categories/mix/">Mix</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/nap-enthusiast-pillow/">Nap Enthusiast Pillow 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: #6588b6"
  data-controller="cursor-pack cursor-preview cursor-download"
  data-cursor-pack-payload="{&quot;collection&quot;:{&quot;name&quot;:&quot;Mix&quot;,&quot;slug&quot;:&quot;mix&quot;,&quot;image&quot;:&quot;https://cdn.sweezy-cursors.com/categories/9635299b-7b3a-471e-892e-b44754b81009/mix--primary--78a4c8.png&quot;},&quot;cursorConfig&quot;:{&quot;id&quot;:65835,&quot;name&quot;:&quot;Dinosaur Nuggets Cursor&quot;,&quot;isAnimated&quot;:false,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/f2ce42b2-5c6e-4062-aff5-1ea40cd74d28/dinosaur-nuggets--cursor-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/f2ce42b2-5c6e-4062-aff5-1ea40cd74d28/dinosaur-nuggets--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/f2ce42b2-5c6e-4062-aff5-1ea40cd74d28/dinosaur-nuggets--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/f2ce42b2-5c6e-4062-aff5-1ea40cd74d28/dinosaur-nuggets--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:6,&quot;offsetY&quot;:8}}}"
  data-cursor-pack-events-url="/cursor/dinosaur-nuggets/events/"
>
  <a class="block" href="/cursor/dinosaur-nuggets/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="Dinosaur Nuggets 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/f2ce42b2-5c6e-4062-aff5-1ea40cd74d28/dinosaur-nuggets--poster--688576.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: #6588b6;" href="/categories/mix/">Mix</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/dinosaur-nuggets/">Dinosaur Nuggets 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: #6588b6"
  data-controller="cursor-pack cursor-preview cursor-download"
  data-cursor-pack-payload="{&quot;collection&quot;:{&quot;name&quot;:&quot;Mix&quot;,&quot;slug&quot;:&quot;mix&quot;,&quot;image&quot;:&quot;https://cdn.sweezy-cursors.com/categories/9635299b-7b3a-471e-892e-b44754b81009/mix--primary--78a4c8.png&quot;},&quot;cursorConfig&quot;:{&quot;id&quot;:65989,&quot;name&quot;:&quot;McDonalds Coca-Cola \u0026 Happy Meal Cursor&quot;,&quot;isAnimated&quot;:false,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/f6b06658-4920-4fad-a09c-13256156a3c1/mcdonalds-coca-cola-happy-meal--cursor-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/f6b06658-4920-4fad-a09c-13256156a3c1/mcdonalds-coca-cola-happy-meal--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:4,&quot;offsetY&quot;:2},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/f6b06658-4920-4fad-a09c-13256156a3c1/mcdonalds-coca-cola-happy-meal--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/f6b06658-4920-4fad-a09c-13256156a3c1/mcdonalds-coca-cola-happy-meal--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:28,&quot;offsetY&quot;:4}}}"
  data-cursor-pack-events-url="/cursor/mcdonalds-coca-cola-happy-meal/events/"
>
  <a class="block" href="/cursor/mcdonalds-coca-cola-happy-meal/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="McDonalds Coca-Cola &amp; Happy Meal 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/f6b06658-4920-4fad-a09c-13256156a3c1/mcdonalds-coca-cola-happy-meal--poster--2b298b.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: #6588b6;" href="/categories/mix/">Mix</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/mcdonalds-coca-cola-happy-meal/">McDonalds Coca-Cola &amp; Happy Meal 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: #6588b6"
  data-controller="cursor-pack cursor-preview cursor-download"
  data-cursor-pack-payload="{&quot;collection&quot;:{&quot;name&quot;:&quot;Mix&quot;,&quot;slug&quot;:&quot;mix&quot;,&quot;image&quot;:&quot;https://cdn.sweezy-cursors.com/categories/9635299b-7b3a-471e-892e-b44754b81009/mix--primary--78a4c8.png&quot;},&quot;cursorConfig&quot;:{&quot;id&quot;:66194,&quot;name&quot;:&quot;Watermelon 3D Cursor&quot;,&quot;isAnimated&quot;:false,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/b66fb974-eca0-4fd1-8644-7523da0e0d42/watermelon-3d--cursor-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/b66fb974-eca0-4fd1-8644-7523da0e0d42/watermelon-3d--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:12,&quot;offsetY&quot;:4},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/b66fb974-eca0-4fd1-8644-7523da0e0d42/watermelon-3d--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/b66fb974-eca0-4fd1-8644-7523da0e0d42/watermelon-3d--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:34,&quot;offsetY&quot;:2}}}"
  data-cursor-pack-events-url="/cursor/watermelon-3d/events/"
>
  <a class="block" href="/cursor/watermelon-3d/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="Watermelon 3D 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/b66fb974-eca0-4fd1-8644-7523da0e0d42/watermelon-3d--poster--0a5a87.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: #6588b6;" href="/categories/mix/">Mix</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/watermelon-3d/">Watermelon 3D 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: #6588b6"
  data-controller="cursor-pack cursor-preview cursor-download"
  data-cursor-pack-payload="{&quot;collection&quot;:{&quot;name&quot;:&quot;Mix&quot;,&quot;slug&quot;:&quot;mix&quot;,&quot;image&quot;:&quot;https://cdn.sweezy-cursors.com/categories/9635299b-7b3a-471e-892e-b44754b81009/mix--primary--78a4c8.png&quot;},&quot;cursorConfig&quot;:{&quot;id&quot;:65666,&quot;name&quot;:&quot;Sparkling Chupa Chups Drink Animated Cursor&quot;,&quot;isAnimated&quot;:true,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/a721cfb7-c511-461f-866b-ed507cd0daba/sparkling-chupa-chups-drink-animated--cursor-icon.gif&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/a721cfb7-c511-461f-866b-ed507cd0daba/sparkling-chupa-chups-drink-animated--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:2,&quot;offsetY&quot;:36,&quot;animationDirection&quot;:&quot;normal&quot;,&quot;animationSpeed&quot;:400,&quot;frames&quot;:[&quot;https://cdn.sweezy-cursors.com/cursor_packs/a721cfb7-c511-461f-866b-ed507cd0daba/frames/sparkling-chupa-chups-drink-animated--frame--0.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/a721cfb7-c511-461f-866b-ed507cd0daba/frames/sparkling-chupa-chups-drink-animated--frame--1.png&quot;]},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/a721cfb7-c511-461f-866b-ed507cd0daba/sparkling-chupa-chups-drink-animated--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/a721cfb7-c511-461f-866b-ed507cd0daba/sparkling-chupa-chups-drink-animated--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:2,&quot;offsetY&quot;:36},&quot;animationSpeed&quot;:400}}"
  data-cursor-pack-events-url="/cursor/sparkling-chupa-chups-drink-animated/events/"
>
  <a class="block" href="/cursor/sparkling-chupa-chups-drink-animated/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="Sparkling Chupa Chups Drink 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/a721cfb7-c511-461f-866b-ed507cd0daba/sparkling-chupa-chups-drink-animated--poster--512a3d.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: #6588b6;" href="/categories/mix/">Mix</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/sparkling-chupa-chups-drink-animated/">Sparkling Chupa Chups Drink 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 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: #6588b6"
  data-controller="cursor-pack cursor-preview cursor-download"
  data-cursor-pack-payload="{&quot;collection&quot;:{&quot;name&quot;:&quot;Mix&quot;,&quot;slug&quot;:&quot;mix&quot;,&quot;image&quot;:&quot;https://cdn.sweezy-cursors.com/categories/9635299b-7b3a-471e-892e-b44754b81009/mix--primary--78a4c8.png&quot;},&quot;cursorConfig&quot;:{&quot;id&quot;:65882,&quot;name&quot;:&quot;Graffiti Balaclava Glove \u0026 Can Cursor&quot;,&quot;isAnimated&quot;:false,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/24b351bb-b19a-4245-a78c-68a6e7b41045/graffiti-balaclava-glove-can--cursor-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/24b351bb-b19a-4245-a78c-68a6e7b41045/graffiti-balaclava-glove-can--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:22,&quot;offsetY&quot;:2},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/24b351bb-b19a-4245-a78c-68a6e7b41045/graffiti-balaclava-glove-can--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/24b351bb-b19a-4245-a78c-68a6e7b41045/graffiti-balaclava-glove-can--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:24,&quot;offsetY&quot;:2}}}"
  data-cursor-pack-events-url="/cursor/graffiti-balaclava-glove-can/events/"
>
  <a class="block" href="/cursor/graffiti-balaclava-glove-can/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="Graffiti Balaclava Glove &amp; Can 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/24b351bb-b19a-4245-a78c-68a6e7b41045/graffiti-balaclava-glove-can--poster--adc24d.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: #6588b6;" href="/categories/mix/">Mix</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/graffiti-balaclava-glove-can/">Graffiti Balaclava Glove &amp; Can 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: #6588b6"
  data-controller="cursor-pack cursor-preview cursor-download"
  data-cursor-pack-payload="{&quot;collection&quot;:{&quot;name&quot;:&quot;Mix&quot;,&quot;slug&quot;:&quot;mix&quot;,&quot;image&quot;:&quot;https://cdn.sweezy-cursors.com/categories/9635299b-7b3a-471e-892e-b44754b81009/mix--primary--78a4c8.png&quot;},&quot;cursorConfig&quot;:{&quot;id&quot;:65734,&quot;name&quot;:&quot;Doritos Cursor&quot;,&quot;isAnimated&quot;:false,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/eadc5e9d-9216-4293-897a-eafcdc60e3d1/doritos--cursor-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/eadc5e9d-9216-4293-897a-eafcdc60e3d1/doritos--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/eadc5e9d-9216-4293-897a-eafcdc60e3d1/doritos--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/eadc5e9d-9216-4293-897a-eafcdc60e3d1/doritos--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:2,&quot;offsetY&quot;:2}}}"
  data-cursor-pack-events-url="/cursor/doritos/events/"
>
  <a class="block" href="/cursor/doritos/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="Doritos 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/eadc5e9d-9216-4293-897a-eafcdc60e3d1/doritos--poster--7c5db1.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: #6588b6;" href="/categories/mix/">Mix</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/doritos/">Doritos 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: #6588b6"
  data-controller="cursor-pack cursor-preview cursor-download"
  data-cursor-pack-payload="{&quot;collection&quot;:{&quot;name&quot;:&quot;Mix&quot;,&quot;slug&quot;:&quot;mix&quot;,&quot;image&quot;:&quot;https://cdn.sweezy-cursors.com/categories/9635299b-7b3a-471e-892e-b44754b81009/mix--primary--78a4c8.png&quot;},&quot;cursorConfig&quot;:{&quot;id&quot;:65337,&quot;name&quot;:&quot;Arrow Transition to Pointer Prank Windows Animated Cursor&quot;,&quot;isAnimated&quot;:true,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/e8c47b2e-043b-45f6-9056-e1d9a79890f2/arrow-transition-to-pointer-prank-windows-animated--cursor-icon.gif&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/e8c47b2e-043b-45f6-9056-e1d9a79890f2/arrow-transition-to-pointer-prank-windows-animated--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:6,&quot;offsetY&quot;:2,&quot;animationDirection&quot;:&quot;alternate&quot;,&quot;animationSpeed&quot;:1200,&quot;frames&quot;:[&quot;https://cdn.sweezy-cursors.com/cursor_packs/e8c47b2e-043b-45f6-9056-e1d9a79890f2/frames/arrow-transition-to-pointer-prank-windows-animated--frame--0.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/e8c47b2e-043b-45f6-9056-e1d9a79890f2/frames/arrow-transition-to-pointer-prank-windows-animated--frame--1.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/e8c47b2e-043b-45f6-9056-e1d9a79890f2/frames/arrow-transition-to-pointer-prank-windows-animated--frame--2.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/e8c47b2e-043b-45f6-9056-e1d9a79890f2/frames/arrow-transition-to-pointer-prank-windows-animated--frame--3.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/e8c47b2e-043b-45f6-9056-e1d9a79890f2/frames/arrow-transition-to-pointer-prank-windows-animated--frame--4.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/e8c47b2e-043b-45f6-9056-e1d9a79890f2/frames/arrow-transition-to-pointer-prank-windows-animated--frame--5.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/e8c47b2e-043b-45f6-9056-e1d9a79890f2/frames/arrow-transition-to-pointer-prank-windows-animated--frame--6.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/e8c47b2e-043b-45f6-9056-e1d9a79890f2/frames/arrow-transition-to-pointer-prank-windows-animated--frame--7.png&quot;]},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/e8c47b2e-043b-45f6-9056-e1d9a79890f2/arrow-transition-to-pointer-prank-windows-animated--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/e8c47b2e-043b-45f6-9056-e1d9a79890f2/arrow-transition-to-pointer-prank-windows-animated--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:40,&quot;offsetY&quot;:2},&quot;animationSpeed&quot;:1200}}"
  data-cursor-pack-events-url="/cursor/arrow-transition-to-pointer-prank-windows-animated/events/"
>
  <a class="block" href="/cursor/arrow-transition-to-pointer-prank-windows-animated/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="Arrow Transition to Pointer Prank Windows 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/e8c47b2e-043b-45f6-9056-e1d9a79890f2/arrow-transition-to-pointer-prank-windows-animated--poster--748c15.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: #6588b6;" href="/categories/mix/">Mix</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/arrow-transition-to-pointer-prank-windows-animated/">Arrow Transition to Pointer Prank Windows 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: #6588b6"
  data-controller="cursor-pack cursor-preview cursor-download"
  data-cursor-pack-payload="{&quot;collection&quot;:{&quot;name&quot;:&quot;Mix&quot;,&quot;slug&quot;:&quot;mix&quot;,&quot;image&quot;:&quot;https://cdn.sweezy-cursors.com/categories/9635299b-7b3a-471e-892e-b44754b81009/mix--primary--78a4c8.png&quot;},&quot;cursorConfig&quot;:{&quot;id&quot;:65013,&quot;name&quot;:&quot;Anonymous Mask Animated Cursor&quot;,&quot;isAnimated&quot;:true,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/6a4eb601-ca41-4d8e-aea5-678c49341e1a/anonymous-mask-animated--cursor-icon.gif&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/6a4eb601-ca41-4d8e-aea5-678c49341e1a/anonymous-mask-animated--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:16,&quot;offsetY&quot;:6,&quot;animationDirection&quot;:&quot;alternate&quot;,&quot;animationSpeed&quot;:300,&quot;frames&quot;:[&quot;https://cdn.sweezy-cursors.com/cursor_packs/6a4eb601-ca41-4d8e-aea5-678c49341e1a/frames/anonymous-mask-animated--frame--0.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/6a4eb601-ca41-4d8e-aea5-678c49341e1a/frames/anonymous-mask-animated--frame--1.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/6a4eb601-ca41-4d8e-aea5-678c49341e1a/frames/anonymous-mask-animated--frame--2.png&quot;]},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/6a4eb601-ca41-4d8e-aea5-678c49341e1a/anonymous-mask-animated--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/6a4eb601-ca41-4d8e-aea5-678c49341e1a/anonymous-mask-animated--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:16,&quot;offsetY&quot;:10},&quot;animationSpeed&quot;:300}}"
  data-cursor-pack-events-url="/cursor/anonymous-mask-animated/events/"
>
  <a class="block" href="/cursor/anonymous-mask-animated/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="Anonymous Mask 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/6a4eb601-ca41-4d8e-aea5-678c49341e1a/anonymous-mask-animated--poster--03b9db.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: #6588b6;" href="/categories/mix/">Mix</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/anonymous-mask-animated/">Anonymous Mask 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: #6588b6"
  data-controller="cursor-pack cursor-preview cursor-download"
  data-cursor-pack-payload="{&quot;collection&quot;:{&quot;name&quot;:&quot;Mix&quot;,&quot;slug&quot;:&quot;mix&quot;,&quot;image&quot;:&quot;https://cdn.sweezy-cursors.com/categories/9635299b-7b3a-471e-892e-b44754b81009/mix--primary--78a4c8.png&quot;},&quot;cursorConfig&quot;:{&quot;id&quot;:65174,&quot;name&quot;:&quot;Plush Teddy Bear Cursor&quot;,&quot;isAnimated&quot;:false,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/385fdd83-6ad1-4cb5-8fff-7da6edb00339/plush-teddy-bear--cursor-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/385fdd83-6ad1-4cb5-8fff-7da6edb00339/plush-teddy-bear--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:34,&quot;offsetY&quot;:4},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/385fdd83-6ad1-4cb5-8fff-7da6edb00339/plush-teddy-bear--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/385fdd83-6ad1-4cb5-8fff-7da6edb00339/plush-teddy-bear--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:20,&quot;offsetY&quot;:16}}}"
  data-cursor-pack-events-url="/cursor/plush-teddy-bear/events/"
>
  <a class="block" href="/cursor/plush-teddy-bear/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="Plush Teddy Bear 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/385fdd83-6ad1-4cb5-8fff-7da6edb00339/plush-teddy-bear--poster--b984f9.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: #6588b6;" href="/categories/mix/">Mix</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/plush-teddy-bear/">Plush Teddy Bear 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: #6588b6"
  data-controller="cursor-pack cursor-preview cursor-download"
  data-cursor-pack-payload="{&quot;collection&quot;:{&quot;name&quot;:&quot;Mix&quot;,&quot;slug&quot;:&quot;mix&quot;,&quot;image&quot;:&quot;https://cdn.sweezy-cursors.com/categories/9635299b-7b3a-471e-892e-b44754b81009/mix--primary--78a4c8.png&quot;},&quot;cursorConfig&quot;:{&quot;id&quot;:65403,&quot;name&quot;:&quot;Tiny Prank Windows Cursor&quot;,&quot;isAnimated&quot;:false,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/8f2cd5bf-580f-4aa8-af02-bf3ce66fbcca/tiny-prank-windows--cursor-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/8f2cd5bf-580f-4aa8-af02-bf3ce66fbcca/tiny-prank-windows--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:4,&quot;offsetY&quot;:2},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/8f2cd5bf-580f-4aa8-af02-bf3ce66fbcca/tiny-prank-windows--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/8f2cd5bf-580f-4aa8-af02-bf3ce66fbcca/tiny-prank-windows--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:14,&quot;offsetY&quot;:2}}}"
  data-cursor-pack-events-url="/cursor/tiny-prank-windows/events/"
>
  <a class="block" href="/cursor/tiny-prank-windows/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="Tiny Prank Windows 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/8f2cd5bf-580f-4aa8-af02-bf3ce66fbcca/tiny-prank-windows--poster--11d567.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: #6588b6;" href="/categories/mix/">Mix</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/tiny-prank-windows/">Tiny Prank Windows 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: #6588b6"
  data-controller="cursor-pack cursor-preview cursor-download"
  data-cursor-pack-payload="{&quot;collection&quot;:{&quot;name&quot;:&quot;Mix&quot;,&quot;slug&quot;:&quot;mix&quot;,&quot;image&quot;:&quot;https://cdn.sweezy-cursors.com/categories/9635299b-7b3a-471e-892e-b44754b81009/mix--primary--78a4c8.png&quot;},&quot;cursorConfig&quot;:{&quot;id&quot;:65318,&quot;name&quot;:&quot;VHS Arrow \u0026 Eyes Cursor&quot;,&quot;isAnimated&quot;:false,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/7d09d63a-95b5-43a2-b31b-1fa0600e4b51/vhs-arrow-eyes--cursor-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/7d09d63a-95b5-43a2-b31b-1fa0600e4b51/vhs-arrow-eyes--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/7d09d63a-95b5-43a2-b31b-1fa0600e4b51/vhs-arrow-eyes--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/7d09d63a-95b5-43a2-b31b-1fa0600e4b51/vhs-arrow-eyes--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:2,&quot;offsetY&quot;:2}}}"
  data-cursor-pack-events-url="/cursor/vhs-arrow-eyes/events/"
>
  <a class="block" href="/cursor/vhs-arrow-eyes/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="VHS Arrow &amp; Eyes 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/7d09d63a-95b5-43a2-b31b-1fa0600e4b51/vhs-arrow-eyes--poster--43f6e1.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: #6588b6;" href="/categories/mix/">Mix</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/vhs-arrow-eyes/">VHS Arrow &amp; Eyes 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: #6588b6"
  data-controller="cursor-pack cursor-preview cursor-download"
  data-cursor-pack-payload="{&quot;collection&quot;:{&quot;name&quot;:&quot;Mix&quot;,&quot;slug&quot;:&quot;mix&quot;,&quot;image&quot;:&quot;https://cdn.sweezy-cursors.com/categories/9635299b-7b3a-471e-892e-b44754b81009/mix--primary--78a4c8.png&quot;},&quot;cursorConfig&quot;:{&quot;id&quot;:65404,&quot;name&quot;:&quot;Tumblr Animated Cursor&quot;,&quot;isAnimated&quot;:true,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/2c8fa416-c6ae-427f-bf6a-d94b5791bae4/tumblr-animated--cursor-icon.gif&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/2c8fa416-c6ae-427f-bf6a-d94b5791bae4/tumblr-animated--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:12,&quot;offsetY&quot;:6,&quot;animationDirection&quot;:&quot;normal&quot;,&quot;animationSpeed&quot;:750,&quot;frames&quot;:[&quot;https://cdn.sweezy-cursors.com/cursor_packs/2c8fa416-c6ae-427f-bf6a-d94b5791bae4/frames/tumblr-animated--frame--0.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/2c8fa416-c6ae-427f-bf6a-d94b5791bae4/frames/tumblr-animated--frame--1.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/2c8fa416-c6ae-427f-bf6a-d94b5791bae4/frames/tumblr-animated--frame--2.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/2c8fa416-c6ae-427f-bf6a-d94b5791bae4/frames/tumblr-animated--frame--3.png&quot;]},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/2c8fa416-c6ae-427f-bf6a-d94b5791bae4/tumblr-animated--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/2c8fa416-c6ae-427f-bf6a-d94b5791bae4/tumblr-animated--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:62,&quot;offsetY&quot;:2},&quot;animationSpeed&quot;:750}}"
  data-cursor-pack-events-url="/cursor/tumblr-animated/events/"
>
  <a class="block" href="/cursor/tumblr-animated/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="Tumblr 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/2c8fa416-c6ae-427f-bf6a-d94b5791bae4/tumblr-animated--poster--afde79.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: #6588b6;" href="/categories/mix/">Mix</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/tumblr-animated/">Tumblr 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: #6588b6"
  data-controller="cursor-pack cursor-preview cursor-download"
  data-cursor-pack-payload="{&quot;collection&quot;:{&quot;name&quot;:&quot;Mix&quot;,&quot;slug&quot;:&quot;mix&quot;,&quot;image&quot;:&quot;https://cdn.sweezy-cursors.com/categories/9635299b-7b3a-471e-892e-b44754b81009/mix--primary--78a4c8.png&quot;},&quot;cursorConfig&quot;:{&quot;id&quot;:65173,&quot;name&quot;:&quot;Mouse \u0026 Pointer Minimalist Animated Cursor&quot;,&quot;isAnimated&quot;:true,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/59b1d7f0-265e-48a1-8d46-9149e8a36f72/mouse-pointer-minimalist-animated--cursor-icon.gif&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/59b1d7f0-265e-48a1-8d46-9149e8a36f72/mouse-pointer-minimalist-animated--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:32,&quot;offsetY&quot;:2,&quot;animationDirection&quot;:&quot;normal&quot;,&quot;animationSpeed&quot;:700,&quot;frames&quot;:[&quot;https://cdn.sweezy-cursors.com/cursor_packs/59b1d7f0-265e-48a1-8d46-9149e8a36f72/frames/mouse-pointer-minimalist-animated--frame--0.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/59b1d7f0-265e-48a1-8d46-9149e8a36f72/frames/mouse-pointer-minimalist-animated--frame--1.png&quot;]},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/59b1d7f0-265e-48a1-8d46-9149e8a36f72/mouse-pointer-minimalist-animated--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/59b1d7f0-265e-48a1-8d46-9149e8a36f72/mouse-pointer-minimalist-animated--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:10,&quot;offsetY&quot;:8},&quot;animationSpeed&quot;:700}}"
  data-cursor-pack-events-url="/cursor/mouse-pointer-minimalist-animated/events/"
>
  <a class="block" href="/cursor/mouse-pointer-minimalist-animated/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="Mouse &amp; Pointer Minimalist 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/59b1d7f0-265e-48a1-8d46-9149e8a36f72/mouse-pointer-minimalist-animated--poster--0c8bd4.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: #6588b6;" href="/categories/mix/">Mix</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/mouse-pointer-minimalist-animated/">Mouse &amp; Pointer Minimalist 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: #6588b6"
  data-controller="cursor-pack cursor-preview cursor-download"
  data-cursor-pack-payload="{&quot;collection&quot;:{&quot;name&quot;:&quot;Mix&quot;,&quot;slug&quot;:&quot;mix&quot;,&quot;image&quot;:&quot;https://cdn.sweezy-cursors.com/categories/9635299b-7b3a-471e-892e-b44754b81009/mix--primary--78a4c8.png&quot;},&quot;cursorConfig&quot;:{&quot;id&quot;:65312,&quot;name&quot;:&quot;Swag Goose Cursor&quot;,&quot;isAnimated&quot;:false,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/655d9e5e-02a4-4ee9-898a-5c8a4dd6cb9c/swag-goose--cursor-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/655d9e5e-02a4-4ee9-898a-5c8a4dd6cb9c/swag-goose--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/655d9e5e-02a4-4ee9-898a-5c8a4dd6cb9c/swag-goose--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/655d9e5e-02a4-4ee9-898a-5c8a4dd6cb9c/swag-goose--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/swag-goose/events/"
>
  <a class="block" href="/cursor/swag-goose/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="Swag Goose 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/655d9e5e-02a4-4ee9-898a-5c8a4dd6cb9c/swag-goose--poster--787457.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: #6588b6;" href="/categories/mix/">Mix</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/swag-goose/">Swag Goose 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: #6588b6"
  data-controller="cursor-pack cursor-preview cursor-download"
  data-cursor-pack-payload="{&quot;collection&quot;:{&quot;name&quot;:&quot;Mix&quot;,&quot;slug&quot;:&quot;mix&quot;,&quot;image&quot;:&quot;https://cdn.sweezy-cursors.com/categories/9635299b-7b3a-471e-892e-b44754b81009/mix--primary--78a4c8.png&quot;},&quot;cursorConfig&quot;:{&quot;id&quot;:64840,&quot;name&quot;:&quot;Chilling Astronaut Cursor&quot;,&quot;isAnimated&quot;:false,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/e37d3741-8a27-46af-ba82-f01a4dd3e4a4/chilling-astronaut--cursor-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/e37d3741-8a27-46af-ba82-f01a4dd3e4a4/chilling-astronaut--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:10,&quot;offsetY&quot;:10},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/e37d3741-8a27-46af-ba82-f01a4dd3e4a4/chilling-astronaut--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/e37d3741-8a27-46af-ba82-f01a4dd3e4a4/chilling-astronaut--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:16,&quot;offsetY&quot;:8}}}"
  data-cursor-pack-events-url="/cursor/chilling-astronaut/events/"
>
  <a class="block" href="/cursor/chilling-astronaut/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="Chilling Astronaut 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/e37d3741-8a27-46af-ba82-f01a4dd3e4a4/chilling-astronaut--poster--a060d5.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: #6588b6;" href="/categories/mix/">Mix</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/chilling-astronaut/">Chilling Astronaut 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: #6588b6"
  data-controller="cursor-pack cursor-preview cursor-download"
  data-cursor-pack-payload="{&quot;collection&quot;:{&quot;name&quot;:&quot;Mix&quot;,&quot;slug&quot;:&quot;mix&quot;,&quot;image&quot;:&quot;https://cdn.sweezy-cursors.com/categories/9635299b-7b3a-471e-892e-b44754b81009/mix--primary--78a4c8.png&quot;},&quot;cursorConfig&quot;:{&quot;id&quot;:65306,&quot;name&quot;:&quot;Regular Blue Arrow Happy \u0026 Sad Smile Cursor&quot;,&quot;isAnimated&quot;:false,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/3a1a3f66-5a11-443f-87bb-7d5eb36780a9/regular-blue-arrow-happy-sad-smile--cursor-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/3a1a3f66-5a11-443f-87bb-7d5eb36780a9/regular-blue-arrow-happy-sad-smile--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/3a1a3f66-5a11-443f-87bb-7d5eb36780a9/regular-blue-arrow-happy-sad-smile--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/3a1a3f66-5a11-443f-87bb-7d5eb36780a9/regular-blue-arrow-happy-sad-smile--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:2,&quot;offsetY&quot;:2}}}"
  data-cursor-pack-events-url="/cursor/regular-blue-arrow-happy-sad-smile/events/"
>
  <a class="block" href="/cursor/regular-blue-arrow-happy-sad-smile/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="Regular Blue Arrow Happy &amp; Sad Smile 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/3a1a3f66-5a11-443f-87bb-7d5eb36780a9/regular-blue-arrow-happy-sad-smile--poster--9ef3c7.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: #6588b6;" href="/categories/mix/">Mix</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/regular-blue-arrow-happy-sad-smile/">Regular Blue Arrow Happy &amp; Sad Smile 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>

</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=mix&amp;page=30">
    <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>