<turbo-stream action="append" target="seeds-grid"><template><div class='flex flex-col justify-self-center' data-controller='ref-number-copy' data-ref-number-copy-number-value='' data-ref-number-copy-sw-value='1000'>
<div class='relative rounded-2xl overflow-hidden border-gray-400 border-2 shadow-lg group'>
<img class='w-full h-auto rounded-lg' id='seed-image-86563' src='https://images.srefs.co/azj626gig3rhc3p2snjvgbvuhrsk'>
<div class='absolute top-2 left-2 z-20 flex flex-col gap-1 group-hover:opacity-20 transition-opacity duration-200'>
<div class='bg-black bg-opacity-75 text-white text-xs font-medium rounded px-2 py-1 flex items-center gap-1'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-3 h-3">
  <path stroke-linecap="round" stroke-linejoin="round" d="M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z"></path>
  <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"></path>
</svg>

<span>53</span>
</div>
</div>
<div class='absolute bg-gray-900 bg-opacity-40 flex items-center justify-center group-hover:opacity-0 h-full w-full centered-element'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-12 h-12 text-white">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"></path>
</svg>

</div>
<div class='absolute hidden inset-0 flex items-center justify-center group-hover:flex bg-gray-900 bg-opacity-40'>
<div data-controller='popover'>
<button class='flex items-center gap-2 bg-pink-500 border-2 border-pink-600 shadow-lg hover:shadow-xl rounded-full px-6 py-3 hover:bg-pink-600 transform hover:scale-105 transition-all duration-150 ease-in-out' data-action='subscription-modal#open'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-5 h-5 text-white font-bold">
  <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 10.5V6.75a4.5 4.5 0 1 1 9 0v3.75M3.75 21.75h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H3.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z"></path>
</svg>

<span class='font-semibold text-white'>Unlock</span>
</button>
</div>
</div>

</div>

</div>

<div class='flex flex-col justify-self-center' data-controller='ref-number-copy' data-ref-number-copy-number-value='' data-ref-number-copy-sw-value='1000'>
<div class='relative rounded-2xl overflow-hidden border-gray-400 border-2 shadow-lg group'>
<img class='w-full h-auto rounded-lg' id='seed-image-96048' src='https://images.srefs.co/co97ujq8mnkk438kqpl9nwkx5k20'>
<div class='absolute top-2 left-2 z-20 flex flex-col gap-1 group-hover:opacity-20 transition-opacity duration-200'>
<div class='bg-black bg-opacity-75 text-white text-xs font-medium rounded px-2 py-1 flex items-center gap-1'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-3 h-3">
  <path stroke-linecap="round" stroke-linejoin="round" d="M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z"></path>
  <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"></path>
</svg>

<span>64</span>
</div>
</div>
<div class='absolute bg-gray-900 bg-opacity-40 flex items-center justify-center group-hover:opacity-0 h-full w-full centered-element'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-12 h-12 text-white">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"></path>
</svg>

</div>
<div class='absolute hidden inset-0 flex items-center justify-center group-hover:flex bg-gray-900 bg-opacity-40'>
<div data-controller='popover'>
<button class='flex items-center gap-2 bg-pink-500 border-2 border-pink-600 shadow-lg hover:shadow-xl rounded-full px-6 py-3 hover:bg-pink-600 transform hover:scale-105 transition-all duration-150 ease-in-out' data-action='subscription-modal#open'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-5 h-5 text-white font-bold">
  <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 10.5V6.75a4.5 4.5 0 1 1 9 0v3.75M3.75 21.75h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H3.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z"></path>
</svg>

<span class='font-semibold text-white'>Unlock</span>
</button>
</div>
</div>

</div>

</div>

<div class='flex flex-col justify-self-center' data-controller='ref-number-copy' data-ref-number-copy-number-value='' data-ref-number-copy-sw-value='1000'>
<div class='relative rounded-2xl overflow-hidden border-gray-400 border-2 shadow-lg group'>
<img class='w-full h-auto rounded-lg' id='seed-image-47468' src='https://images.srefs.co/s3nd3f28avnzfwgmhcd5kmgjcudx'>
<div class='absolute top-2 left-2 z-20 flex flex-col gap-1 group-hover:opacity-20 transition-opacity duration-200'>
<div class='bg-black bg-opacity-75 text-white text-xs font-medium rounded px-2 py-1 flex items-center gap-1'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-3 h-3">
  <path stroke-linecap="round" stroke-linejoin="round" d="M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z"></path>
  <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"></path>
</svg>

<span>32</span>
</div>
</div>
<div class='absolute bg-gray-900 bg-opacity-40 flex items-center justify-center group-hover:opacity-0 h-full w-full centered-element'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-12 h-12 text-white">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"></path>
</svg>

</div>
<div class='absolute hidden inset-0 flex items-center justify-center group-hover:flex bg-gray-900 bg-opacity-40'>
<div data-controller='popover'>
<button class='flex items-center gap-2 bg-pink-500 border-2 border-pink-600 shadow-lg hover:shadow-xl rounded-full px-6 py-3 hover:bg-pink-600 transform hover:scale-105 transition-all duration-150 ease-in-out' data-action='subscription-modal#open'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-5 h-5 text-white font-bold">
  <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 10.5V6.75a4.5 4.5 0 1 1 9 0v3.75M3.75 21.75h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H3.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z"></path>
</svg>

<span class='font-semibold text-white'>Unlock</span>
</button>
</div>
</div>

</div>

</div>

<div class='flex flex-col justify-self-center' data-controller='ref-number-copy' data-ref-number-copy-number-value='' data-ref-number-copy-sw-value='1000'>
<div class='relative rounded-2xl overflow-hidden border-gray-400 border-2 shadow-lg group'>
<img class='w-full h-auto rounded-lg' id='seed-image-50718' src='https://images.srefs.co/ncb8abmt0c3tu1aykp71l5dgb4ft'>
<div class='absolute top-2 left-2 z-20 flex flex-col gap-1 group-hover:opacity-20 transition-opacity duration-200'>
<div class='bg-black bg-opacity-75 text-white text-xs font-medium rounded px-2 py-1 flex items-center gap-1'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-3 h-3">
  <path stroke-linecap="round" stroke-linejoin="round" d="M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z"></path>
  <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"></path>
</svg>

<span>20</span>
</div>
</div>
<div class='absolute bg-gray-900 bg-opacity-40 flex items-center justify-center group-hover:opacity-0 h-full w-full centered-element'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-12 h-12 text-white">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"></path>
</svg>

</div>
<div class='absolute hidden inset-0 flex items-center justify-center group-hover:flex bg-gray-900 bg-opacity-40'>
<div data-controller='popover'>
<button class='flex items-center gap-2 bg-pink-500 border-2 border-pink-600 shadow-lg hover:shadow-xl rounded-full px-6 py-3 hover:bg-pink-600 transform hover:scale-105 transition-all duration-150 ease-in-out' data-action='subscription-modal#open'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-5 h-5 text-white font-bold">
  <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 10.5V6.75a4.5 4.5 0 1 1 9 0v3.75M3.75 21.75h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H3.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z"></path>
</svg>

<span class='font-semibold text-white'>Unlock</span>
</button>
</div>
</div>

</div>

</div>

<div class='flex flex-col justify-self-center' data-controller='ref-number-copy' data-ref-number-copy-number-value='' data-ref-number-copy-sw-value='1000'>
<div class='relative rounded-2xl overflow-hidden border-gray-400 border-2 shadow-lg group'>
<img class='w-full h-auto rounded-lg' id='seed-image-11478' src='https://images.srefs.co/fh358ufwlypjbvkf5z95r74nb8xu'>
<div class='absolute top-2 left-2 z-20 flex flex-col gap-1 group-hover:opacity-20 transition-opacity duration-200'>
<div class='bg-black bg-opacity-75 text-white text-xs font-medium rounded px-2 py-1 flex items-center gap-1'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-3 h-3">
  <path stroke-linecap="round" stroke-linejoin="round" d="M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z"></path>
  <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"></path>
</svg>

<span>75</span>
</div>
</div>
<div class='absolute bg-gray-900 bg-opacity-40 flex items-center justify-center group-hover:opacity-0 h-full w-full centered-element'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-12 h-12 text-white">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"></path>
</svg>

</div>
<div class='absolute hidden inset-0 flex items-center justify-center group-hover:flex bg-gray-900 bg-opacity-40'>
<div data-controller='popover'>
<button class='flex items-center gap-2 bg-pink-500 border-2 border-pink-600 shadow-lg hover:shadow-xl rounded-full px-6 py-3 hover:bg-pink-600 transform hover:scale-105 transition-all duration-150 ease-in-out' data-action='subscription-modal#open'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-5 h-5 text-white font-bold">
  <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 10.5V6.75a4.5 4.5 0 1 1 9 0v3.75M3.75 21.75h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H3.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z"></path>
</svg>

<span class='font-semibold text-white'>Unlock</span>
</button>
</div>
</div>

</div>

</div>

<div class='flex flex-col justify-self-center' data-controller='ref-number-copy' data-ref-number-copy-number-value='' data-ref-number-copy-sw-value='1000'>
<div class='relative rounded-2xl overflow-hidden border-gray-400 border-2 shadow-lg group'>
<img class='w-full h-auto rounded-lg' id='seed-image-33556' src='https://images.srefs.co/4cp5dnuvmeo4rr2j9oxa6h7zzuet'>
<div class='absolute top-2 left-2 z-20 flex flex-col gap-1 group-hover:opacity-20 transition-opacity duration-200'>
<div class='bg-black bg-opacity-75 text-white text-xs font-medium rounded px-2 py-1 flex items-center gap-1'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-3 h-3">
  <path stroke-linecap="round" stroke-linejoin="round" d="M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z"></path>
  <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"></path>
</svg>

<span>65</span>
</div>
</div>
<div class='absolute bg-gray-900 bg-opacity-40 flex items-center justify-center group-hover:opacity-0 h-full w-full centered-element'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-12 h-12 text-white">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"></path>
</svg>

</div>
<div class='absolute hidden inset-0 flex items-center justify-center group-hover:flex bg-gray-900 bg-opacity-40'>
<div data-controller='popover'>
<button class='flex items-center gap-2 bg-pink-500 border-2 border-pink-600 shadow-lg hover:shadow-xl rounded-full px-6 py-3 hover:bg-pink-600 transform hover:scale-105 transition-all duration-150 ease-in-out' data-action='subscription-modal#open'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-5 h-5 text-white font-bold">
  <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 10.5V6.75a4.5 4.5 0 1 1 9 0v3.75M3.75 21.75h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H3.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z"></path>
</svg>

<span class='font-semibold text-white'>Unlock</span>
</button>
</div>
</div>

</div>

</div>

<div class='flex flex-col justify-self-center' data-controller='ref-number-copy' data-ref-number-copy-number-value='' data-ref-number-copy-sw-value='1000'>
<div class='relative rounded-2xl overflow-hidden border-gray-400 border-2 shadow-lg group'>
<img class='w-full h-auto rounded-lg' id='seed-image-38909' src='https://images.srefs.co/7d6hbpazk0j4hww6k2ylog7lemb3'>
<div class='absolute top-2 left-2 z-20 flex flex-col gap-1 group-hover:opacity-20 transition-opacity duration-200'>
<div class='bg-black bg-opacity-75 text-white text-xs font-medium rounded px-2 py-1 flex items-center gap-1'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-3 h-3">
  <path stroke-linecap="round" stroke-linejoin="round" d="M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z"></path>
  <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"></path>
</svg>

<span>13</span>
</div>
</div>
<div class='absolute bg-gray-900 bg-opacity-40 flex items-center justify-center group-hover:opacity-0 h-full w-full centered-element'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-12 h-12 text-white">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"></path>
</svg>

</div>
<div class='absolute hidden inset-0 flex items-center justify-center group-hover:flex bg-gray-900 bg-opacity-40'>
<div data-controller='popover'>
<button class='flex items-center gap-2 bg-pink-500 border-2 border-pink-600 shadow-lg hover:shadow-xl rounded-full px-6 py-3 hover:bg-pink-600 transform hover:scale-105 transition-all duration-150 ease-in-out' data-action='subscription-modal#open'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-5 h-5 text-white font-bold">
  <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 10.5V6.75a4.5 4.5 0 1 1 9 0v3.75M3.75 21.75h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H3.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z"></path>
</svg>

<span class='font-semibold text-white'>Unlock</span>
</button>
</div>
</div>

</div>

</div>

<div class='flex flex-col justify-self-center' data-controller='ref-number-copy' data-ref-number-copy-number-value='' data-ref-number-copy-sw-value='1000'>
<div class='relative rounded-2xl overflow-hidden border-gray-400 border-2 shadow-lg group'>
<img class='w-full h-auto rounded-lg' id='seed-image-15426' src='https://images.srefs.co/lz2wxgycofghd2fwuf02zk3a6tzf'>
<div class='absolute top-2 left-2 z-20 flex flex-col gap-1 group-hover:opacity-20 transition-opacity duration-200'>
<div class='bg-black bg-opacity-75 text-white text-xs font-medium rounded px-2 py-1 flex items-center gap-1'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-3 h-3">
  <path stroke-linecap="round" stroke-linejoin="round" d="M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z"></path>
  <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"></path>
</svg>

<span>148</span>
</div>
</div>
<div class='absolute bg-gray-900 bg-opacity-40 flex items-center justify-center group-hover:opacity-0 h-full w-full centered-element'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-12 h-12 text-white">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"></path>
</svg>

</div>
<div class='absolute hidden inset-0 flex items-center justify-center group-hover:flex bg-gray-900 bg-opacity-40'>
<div data-controller='popover'>
<button class='flex items-center gap-2 bg-pink-500 border-2 border-pink-600 shadow-lg hover:shadow-xl rounded-full px-6 py-3 hover:bg-pink-600 transform hover:scale-105 transition-all duration-150 ease-in-out' data-action='subscription-modal#open'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-5 h-5 text-white font-bold">
  <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 10.5V6.75a4.5 4.5 0 1 1 9 0v3.75M3.75 21.75h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H3.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z"></path>
</svg>

<span class='font-semibold text-white'>Unlock</span>
</button>
</div>
</div>

</div>

</div>

<div class='flex flex-col justify-self-center' data-controller='ref-number-copy' data-ref-number-copy-number-value='' data-ref-number-copy-sw-value='1000'>
<div class='relative rounded-2xl overflow-hidden border-gray-400 border-2 shadow-lg group'>
<img class='w-full h-auto rounded-lg' id='seed-image-50880' src='https://images.srefs.co/bhkyx5gp8i31f9ord4c65bno0plg'>
<div class='absolute top-2 left-2 z-20 flex flex-col gap-1 group-hover:opacity-20 transition-opacity duration-200'>
<div class='bg-black bg-opacity-75 text-white text-xs font-medium rounded px-2 py-1 flex items-center gap-1'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-3 h-3">
  <path stroke-linecap="round" stroke-linejoin="round" d="M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z"></path>
  <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"></path>
</svg>

<span>13</span>
</div>
</div>
<div class='absolute bg-gray-900 bg-opacity-40 flex items-center justify-center group-hover:opacity-0 h-full w-full centered-element'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-12 h-12 text-white">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"></path>
</svg>

</div>
<div class='absolute hidden inset-0 flex items-center justify-center group-hover:flex bg-gray-900 bg-opacity-40'>
<div data-controller='popover'>
<button class='flex items-center gap-2 bg-pink-500 border-2 border-pink-600 shadow-lg hover:shadow-xl rounded-full px-6 py-3 hover:bg-pink-600 transform hover:scale-105 transition-all duration-150 ease-in-out' data-action='subscription-modal#open'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-5 h-5 text-white font-bold">
  <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 10.5V6.75a4.5 4.5 0 1 1 9 0v3.75M3.75 21.75h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H3.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z"></path>
</svg>

<span class='font-semibold text-white'>Unlock</span>
</button>
</div>
</div>

</div>

</div>

<div class='flex flex-col justify-self-center' data-controller='ref-number-copy' data-ref-number-copy-number-value='' data-ref-number-copy-sw-value='1000'>
<div class='relative rounded-2xl overflow-hidden border-gray-400 border-2 shadow-lg group'>
<img class='w-full h-auto rounded-lg' id='seed-image-83474' src='https://images.srefs.co/gi6h4uayo2bolnx49ivdz5yqmu8l'>
<div class='absolute top-2 left-2 z-20 flex flex-col gap-1 group-hover:opacity-20 transition-opacity duration-200'>
<div class='bg-black bg-opacity-75 text-white text-xs font-medium rounded px-2 py-1 flex items-center gap-1'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-3 h-3">
  <path stroke-linecap="round" stroke-linejoin="round" d="M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z"></path>
  <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"></path>
</svg>

<span>49</span>
</div>
</div>
<div class='absolute bg-gray-900 bg-opacity-40 flex items-center justify-center group-hover:opacity-0 h-full w-full centered-element'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-12 h-12 text-white">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"></path>
</svg>

</div>
<div class='absolute hidden inset-0 flex items-center justify-center group-hover:flex bg-gray-900 bg-opacity-40'>
<div data-controller='popover'>
<button class='flex items-center gap-2 bg-pink-500 border-2 border-pink-600 shadow-lg hover:shadow-xl rounded-full px-6 py-3 hover:bg-pink-600 transform hover:scale-105 transition-all duration-150 ease-in-out' data-action='subscription-modal#open'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-5 h-5 text-white font-bold">
  <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 10.5V6.75a4.5 4.5 0 1 1 9 0v3.75M3.75 21.75h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H3.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z"></path>
</svg>

<span class='font-semibold text-white'>Unlock</span>
</button>
</div>
</div>

</div>

</div>

<div class='flex flex-col justify-self-center' data-controller='ref-number-copy' data-ref-number-copy-number-value='' data-ref-number-copy-sw-value='1000'>
<div class='relative rounded-2xl overflow-hidden border-gray-400 border-2 shadow-lg group'>
<img class='w-full h-auto rounded-lg' id='seed-image-97370' src='https://images.srefs.co/c3ic8jra97i9il4bdr0lc0asq7mr'>
<div class='absolute top-2 left-2 z-20 flex flex-col gap-1 group-hover:opacity-20 transition-opacity duration-200'>
<div class='bg-black bg-opacity-75 text-white text-xs font-medium rounded px-2 py-1 flex items-center gap-1'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-3 h-3">
  <path stroke-linecap="round" stroke-linejoin="round" d="M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z"></path>
  <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"></path>
</svg>

<span>79</span>
</div>
</div>
<div class='absolute bg-gray-900 bg-opacity-40 flex items-center justify-center group-hover:opacity-0 h-full w-full centered-element'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-12 h-12 text-white">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"></path>
</svg>

</div>
<div class='absolute hidden inset-0 flex items-center justify-center group-hover:flex bg-gray-900 bg-opacity-40'>
<div data-controller='popover'>
<button class='flex items-center gap-2 bg-pink-500 border-2 border-pink-600 shadow-lg hover:shadow-xl rounded-full px-6 py-3 hover:bg-pink-600 transform hover:scale-105 transition-all duration-150 ease-in-out' data-action='subscription-modal#open'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-5 h-5 text-white font-bold">
  <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 10.5V6.75a4.5 4.5 0 1 1 9 0v3.75M3.75 21.75h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H3.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z"></path>
</svg>

<span class='font-semibold text-white'>Unlock</span>
</button>
</div>
</div>

</div>

</div>

<div class='flex flex-col justify-self-center' data-controller='ref-number-copy' data-ref-number-copy-number-value='' data-ref-number-copy-sw-value='1000'>
<div class='relative rounded-2xl overflow-hidden border-gray-400 border-2 shadow-lg group'>
<img class='w-full h-auto rounded-lg' id='seed-image-16075' src='https://images.srefs.co/sj1jqkmbx9sz9vtx0rakpuymf6jy'>
<div class='absolute top-2 left-2 z-20 flex flex-col gap-1 group-hover:opacity-20 transition-opacity duration-200'>
<div class='bg-black bg-opacity-75 text-white text-xs font-medium rounded px-2 py-1 flex items-center gap-1'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-3 h-3">
  <path stroke-linecap="round" stroke-linejoin="round" d="M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z"></path>
  <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"></path>
</svg>

<span>36</span>
</div>
</div>
<div class='absolute bg-gray-900 bg-opacity-40 flex items-center justify-center group-hover:opacity-0 h-full w-full centered-element'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-12 h-12 text-white">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"></path>
</svg>

</div>
<div class='absolute hidden inset-0 flex items-center justify-center group-hover:flex bg-gray-900 bg-opacity-40'>
<div data-controller='popover'>
<button class='flex items-center gap-2 bg-pink-500 border-2 border-pink-600 shadow-lg hover:shadow-xl rounded-full px-6 py-3 hover:bg-pink-600 transform hover:scale-105 transition-all duration-150 ease-in-out' data-action='subscription-modal#open'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-5 h-5 text-white font-bold">
  <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 10.5V6.75a4.5 4.5 0 1 1 9 0v3.75M3.75 21.75h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H3.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z"></path>
</svg>

<span class='font-semibold text-white'>Unlock</span>
</button>
</div>
</div>

</div>

</div>

<div class='flex flex-col justify-self-center' data-controller='ref-number-copy' data-ref-number-copy-number-value='' data-ref-number-copy-sw-value='1000'>
<div class='relative rounded-2xl overflow-hidden border-gray-400 border-2 shadow-lg group'>
<img class='w-full h-auto rounded-lg' id='seed-image-14250' src='https://images.srefs.co/damcw3l9nv0zcefitr8ygg6fcy5e'>
<div class='absolute top-2 left-2 z-20 flex flex-col gap-1 group-hover:opacity-20 transition-opacity duration-200'>
<div class='bg-black bg-opacity-75 text-white text-xs font-medium rounded px-2 py-1 flex items-center gap-1'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-3 h-3">
  <path stroke-linecap="round" stroke-linejoin="round" d="M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z"></path>
  <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"></path>
</svg>

<span>37</span>
</div>
</div>
<div class='absolute bg-gray-900 bg-opacity-40 flex items-center justify-center group-hover:opacity-0 h-full w-full centered-element'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-12 h-12 text-white">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"></path>
</svg>

</div>
<div class='absolute hidden inset-0 flex items-center justify-center group-hover:flex bg-gray-900 bg-opacity-40'>
<div data-controller='popover'>
<button class='flex items-center gap-2 bg-pink-500 border-2 border-pink-600 shadow-lg hover:shadow-xl rounded-full px-6 py-3 hover:bg-pink-600 transform hover:scale-105 transition-all duration-150 ease-in-out' data-action='subscription-modal#open'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-5 h-5 text-white font-bold">
  <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 10.5V6.75a4.5 4.5 0 1 1 9 0v3.75M3.75 21.75h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H3.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z"></path>
</svg>

<span class='font-semibold text-white'>Unlock</span>
</button>
</div>
</div>

</div>

</div>

<div class='flex flex-col justify-self-center' data-controller='ref-number-copy' data-ref-number-copy-number-value='' data-ref-number-copy-sw-value='1000'>
<div class='relative rounded-2xl overflow-hidden border-gray-400 border-2 shadow-lg group'>
<img class='w-full h-auto rounded-lg' id='seed-image-3257' src='https://images.srefs.co/a7c2qhf4q7bv9gzrkjs7mzbcw2wx'>
<div class='absolute top-2 left-2 z-20 flex flex-col gap-1 group-hover:opacity-20 transition-opacity duration-200'>
<div class='bg-black bg-opacity-75 text-white text-xs font-medium rounded px-2 py-1 flex items-center gap-1'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-3 h-3">
  <path stroke-linecap="round" stroke-linejoin="round" d="M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z"></path>
  <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"></path>
</svg>

<span>81</span>
</div>
</div>
<div class='absolute bg-gray-900 bg-opacity-40 flex items-center justify-center group-hover:opacity-0 h-full w-full centered-element'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-12 h-12 text-white">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"></path>
</svg>

</div>
<div class='absolute hidden inset-0 flex items-center justify-center group-hover:flex bg-gray-900 bg-opacity-40'>
<div data-controller='popover'>
<button class='flex items-center gap-2 bg-pink-500 border-2 border-pink-600 shadow-lg hover:shadow-xl rounded-full px-6 py-3 hover:bg-pink-600 transform hover:scale-105 transition-all duration-150 ease-in-out' data-action='subscription-modal#open'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-5 h-5 text-white font-bold">
  <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 10.5V6.75a4.5 4.5 0 1 1 9 0v3.75M3.75 21.75h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H3.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z"></path>
</svg>

<span class='font-semibold text-white'>Unlock</span>
</button>
</div>
</div>

</div>

</div>

<div class='flex flex-col justify-self-center' data-controller='ref-number-copy' data-ref-number-copy-number-value='' data-ref-number-copy-sw-value='1000'>
<div class='relative rounded-2xl overflow-hidden border-gray-400 border-2 shadow-lg group'>
<img class='w-full h-auto rounded-lg' id='seed-image-48343' src='https://images.srefs.co/s6qa290sum2iskxru3wdrdktd8i3'>
<div class='absolute top-2 left-2 z-20 flex flex-col gap-1 group-hover:opacity-20 transition-opacity duration-200'>
<div class='bg-black bg-opacity-75 text-white text-xs font-medium rounded px-2 py-1 flex items-center gap-1'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-3 h-3">
  <path stroke-linecap="round" stroke-linejoin="round" d="M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z"></path>
  <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"></path>
</svg>

<span>52</span>
</div>
</div>
<div class='absolute bg-gray-900 bg-opacity-40 flex items-center justify-center group-hover:opacity-0 h-full w-full centered-element'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-12 h-12 text-white">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"></path>
</svg>

</div>
<div class='absolute hidden inset-0 flex items-center justify-center group-hover:flex bg-gray-900 bg-opacity-40'>
<div data-controller='popover'>
<button class='flex items-center gap-2 bg-pink-500 border-2 border-pink-600 shadow-lg hover:shadow-xl rounded-full px-6 py-3 hover:bg-pink-600 transform hover:scale-105 transition-all duration-150 ease-in-out' data-action='subscription-modal#open'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-5 h-5 text-white font-bold">
  <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 10.5V6.75a4.5 4.5 0 1 1 9 0v3.75M3.75 21.75h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H3.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z"></path>
</svg>

<span class='font-semibold text-white'>Unlock</span>
</button>
</div>
</div>

</div>

</div>

<div class='flex flex-col justify-self-center' data-controller='ref-number-copy' data-ref-number-copy-number-value='' data-ref-number-copy-sw-value='1000'>
<div class='relative rounded-2xl overflow-hidden border-gray-400 border-2 shadow-lg group'>
<img class='w-full h-auto rounded-lg' id='seed-image-15878' src='https://images.srefs.co/4575aa9gfmzb2yojddoseawyqk6m'>
<div class='absolute top-2 left-2 z-20 flex flex-col gap-1 group-hover:opacity-20 transition-opacity duration-200'>
<div class='bg-black bg-opacity-75 text-white text-xs font-medium rounded px-2 py-1 flex items-center gap-1'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-3 h-3">
  <path stroke-linecap="round" stroke-linejoin="round" d="M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z"></path>
  <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"></path>
</svg>

<span>27</span>
</div>
</div>
<div class='absolute bg-gray-900 bg-opacity-40 flex items-center justify-center group-hover:opacity-0 h-full w-full centered-element'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-12 h-12 text-white">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"></path>
</svg>

</div>
<div class='absolute hidden inset-0 flex items-center justify-center group-hover:flex bg-gray-900 bg-opacity-40'>
<div data-controller='popover'>
<button class='flex items-center gap-2 bg-pink-500 border-2 border-pink-600 shadow-lg hover:shadow-xl rounded-full px-6 py-3 hover:bg-pink-600 transform hover:scale-105 transition-all duration-150 ease-in-out' data-action='subscription-modal#open'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-5 h-5 text-white font-bold">
  <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 10.5V6.75a4.5 4.5 0 1 1 9 0v3.75M3.75 21.75h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H3.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z"></path>
</svg>

<span class='font-semibold text-white'>Unlock</span>
</button>
</div>
</div>

</div>

</div>

<div class='flex flex-col justify-self-center' data-controller='ref-number-copy' data-ref-number-copy-number-value='' data-ref-number-copy-sw-value='1000'>
<div class='relative rounded-2xl overflow-hidden border-gray-400 border-2 shadow-lg group'>
<img class='w-full h-auto rounded-lg' id='seed-image-100630' src='https://images.srefs.co/t2sdmf2jzolqzhlskos924j2h90p'>
<div class='absolute top-2 left-2 z-20 flex flex-col gap-1 group-hover:opacity-20 transition-opacity duration-200'>
<div class='bg-black bg-opacity-75 text-white text-xs font-medium rounded px-2 py-1 flex items-center gap-1'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-3 h-3">
  <path stroke-linecap="round" stroke-linejoin="round" d="M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z"></path>
  <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"></path>
</svg>

<span>72</span>
</div>
</div>
<div class='absolute bg-gray-900 bg-opacity-40 flex items-center justify-center group-hover:opacity-0 h-full w-full centered-element'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-12 h-12 text-white">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"></path>
</svg>

</div>
<div class='absolute hidden inset-0 flex items-center justify-center group-hover:flex bg-gray-900 bg-opacity-40'>
<div data-controller='popover'>
<button class='flex items-center gap-2 bg-pink-500 border-2 border-pink-600 shadow-lg hover:shadow-xl rounded-full px-6 py-3 hover:bg-pink-600 transform hover:scale-105 transition-all duration-150 ease-in-out' data-action='subscription-modal#open'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-5 h-5 text-white font-bold">
  <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 10.5V6.75a4.5 4.5 0 1 1 9 0v3.75M3.75 21.75h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H3.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z"></path>
</svg>

<span class='font-semibold text-white'>Unlock</span>
</button>
</div>
</div>

</div>

</div>

<div class='flex flex-col justify-self-center' data-controller='ref-number-copy' data-ref-number-copy-number-value='' data-ref-number-copy-sw-value='1000'>
<div class='relative rounded-2xl overflow-hidden border-gray-400 border-2 shadow-lg group'>
<img class='w-full h-auto rounded-lg' id='seed-image-27641' src='https://images.srefs.co/jv8poqf4z9jdmhvm86bzloj05fgh'>
<div class='absolute top-2 left-2 z-20 flex flex-col gap-1 group-hover:opacity-20 transition-opacity duration-200'>
<div class='bg-black bg-opacity-75 text-white text-xs font-medium rounded px-2 py-1 flex items-center gap-1'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-3 h-3">
  <path stroke-linecap="round" stroke-linejoin="round" d="M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z"></path>
  <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"></path>
</svg>

<span>45</span>
</div>
</div>
<div class='absolute bg-gray-900 bg-opacity-40 flex items-center justify-center group-hover:opacity-0 h-full w-full centered-element'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-12 h-12 text-white">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"></path>
</svg>

</div>
<div class='absolute hidden inset-0 flex items-center justify-center group-hover:flex bg-gray-900 bg-opacity-40'>
<div data-controller='popover'>
<button class='flex items-center gap-2 bg-pink-500 border-2 border-pink-600 shadow-lg hover:shadow-xl rounded-full px-6 py-3 hover:bg-pink-600 transform hover:scale-105 transition-all duration-150 ease-in-out' data-action='subscription-modal#open'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-5 h-5 text-white font-bold">
  <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 10.5V6.75a4.5 4.5 0 1 1 9 0v3.75M3.75 21.75h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H3.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z"></path>
</svg>

<span class='font-semibold text-white'>Unlock</span>
</button>
</div>
</div>

</div>

</div>

<div class='flex flex-col justify-self-center' data-controller='ref-number-copy' data-ref-number-copy-number-value='' data-ref-number-copy-sw-value='1000'>
<div class='relative rounded-2xl overflow-hidden border-gray-400 border-2 shadow-lg group'>
<img class='w-full h-auto rounded-lg' id='seed-image-92779' src='https://images.srefs.co/fc64pggifxs268h8hrui7ryk96qn'>
<div class='absolute top-2 left-2 z-20 flex flex-col gap-1 group-hover:opacity-20 transition-opacity duration-200'>
<div class='bg-black bg-opacity-75 text-white text-xs font-medium rounded px-2 py-1 flex items-center gap-1'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-3 h-3">
  <path stroke-linecap="round" stroke-linejoin="round" d="M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z"></path>
  <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"></path>
</svg>

<span>69</span>
</div>
</div>
<div class='absolute bg-gray-900 bg-opacity-40 flex items-center justify-center group-hover:opacity-0 h-full w-full centered-element'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-12 h-12 text-white">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"></path>
</svg>

</div>
<div class='absolute hidden inset-0 flex items-center justify-center group-hover:flex bg-gray-900 bg-opacity-40'>
<div data-controller='popover'>
<button class='flex items-center gap-2 bg-pink-500 border-2 border-pink-600 shadow-lg hover:shadow-xl rounded-full px-6 py-3 hover:bg-pink-600 transform hover:scale-105 transition-all duration-150 ease-in-out' data-action='subscription-modal#open'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-5 h-5 text-white font-bold">
  <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 10.5V6.75a4.5 4.5 0 1 1 9 0v3.75M3.75 21.75h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H3.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z"></path>
</svg>

<span class='font-semibold text-white'>Unlock</span>
</button>
</div>
</div>

</div>

</div>

<div class='flex flex-col justify-self-center' data-controller='ref-number-copy' data-ref-number-copy-number-value='' data-ref-number-copy-sw-value='1000'>
<div class='relative rounded-2xl overflow-hidden border-gray-400 border-2 shadow-lg group'>
<img class='w-full h-auto rounded-lg' id='seed-image-8778' src='https://images.srefs.co/6no2cz91lrqtxiueair6o96reisx'>
<div class='absolute top-2 left-2 z-20 flex flex-col gap-1 group-hover:opacity-20 transition-opacity duration-200'>
<div class='bg-black bg-opacity-75 text-white text-xs font-medium rounded px-2 py-1 flex items-center gap-1'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-3 h-3">
  <path stroke-linecap="round" stroke-linejoin="round" d="M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z"></path>
  <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"></path>
</svg>

<span>85</span>
</div>
</div>
<div class='absolute bg-gray-900 bg-opacity-40 flex items-center justify-center group-hover:opacity-0 h-full w-full centered-element'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-12 h-12 text-white">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"></path>
</svg>

</div>
<div class='absolute hidden inset-0 flex items-center justify-center group-hover:flex bg-gray-900 bg-opacity-40'>
<div data-controller='popover'>
<button class='flex items-center gap-2 bg-pink-500 border-2 border-pink-600 shadow-lg hover:shadow-xl rounded-full px-6 py-3 hover:bg-pink-600 transform hover:scale-105 transition-all duration-150 ease-in-out' data-action='subscription-modal#open'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-5 h-5 text-white font-bold">
  <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 10.5V6.75a4.5 4.5 0 1 1 9 0v3.75M3.75 21.75h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H3.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z"></path>
</svg>

<span class='font-semibold text-white'>Unlock</span>
</button>
</div>
</div>

</div>

</div>

<div class='flex flex-col justify-self-center' data-controller='ref-number-copy' data-ref-number-copy-number-value='' data-ref-number-copy-sw-value='1000'>
<div class='relative rounded-2xl overflow-hidden border-gray-400 border-2 shadow-lg group'>
<img class='w-full h-auto rounded-lg' id='seed-image-5134' src='https://images.srefs.co/wl18czsxfp6olbov881zretx21li'>
<div class='absolute top-2 left-2 z-20 flex flex-col gap-1 group-hover:opacity-20 transition-opacity duration-200'>
<div class='bg-black bg-opacity-75 text-white text-xs font-medium rounded px-2 py-1 flex items-center gap-1'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-3 h-3">
  <path stroke-linecap="round" stroke-linejoin="round" d="M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z"></path>
  <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"></path>
</svg>

<span>98</span>
</div>
</div>
<div class='absolute bg-gray-900 bg-opacity-40 flex items-center justify-center group-hover:opacity-0 h-full w-full centered-element'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-12 h-12 text-white">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"></path>
</svg>

</div>
<div class='absolute hidden inset-0 flex items-center justify-center group-hover:flex bg-gray-900 bg-opacity-40'>
<div data-controller='popover'>
<button class='flex items-center gap-2 bg-pink-500 border-2 border-pink-600 shadow-lg hover:shadow-xl rounded-full px-6 py-3 hover:bg-pink-600 transform hover:scale-105 transition-all duration-150 ease-in-out' data-action='subscription-modal#open'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-5 h-5 text-white font-bold">
  <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 10.5V6.75a4.5 4.5 0 1 1 9 0v3.75M3.75 21.75h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H3.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z"></path>
</svg>

<span class='font-semibold text-white'>Unlock</span>
</button>
</div>
</div>

</div>

</div>

<div class='flex flex-col justify-self-center' data-controller='ref-number-copy' data-ref-number-copy-number-value='' data-ref-number-copy-sw-value='1000'>
<div class='relative rounded-2xl overflow-hidden border-gray-400 border-2 shadow-lg group'>
<img class='w-full h-auto rounded-lg' id='seed-image-5349' src='https://images.srefs.co/7e9uh2drcrfpcfahu4i4zvgj7dyt'>
<div class='absolute top-2 left-2 z-20 flex flex-col gap-1 group-hover:opacity-20 transition-opacity duration-200'>
<div class='bg-black bg-opacity-75 text-white text-xs font-medium rounded px-2 py-1 flex items-center gap-1'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-3 h-3">
  <path stroke-linecap="round" stroke-linejoin="round" d="M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z"></path>
  <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"></path>
</svg>

<span>89</span>
</div>
</div>
<div class='absolute bg-gray-900 bg-opacity-40 flex items-center justify-center group-hover:opacity-0 h-full w-full centered-element'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-12 h-12 text-white">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"></path>
</svg>

</div>
<div class='absolute hidden inset-0 flex items-center justify-center group-hover:flex bg-gray-900 bg-opacity-40'>
<div data-controller='popover'>
<button class='flex items-center gap-2 bg-pink-500 border-2 border-pink-600 shadow-lg hover:shadow-xl rounded-full px-6 py-3 hover:bg-pink-600 transform hover:scale-105 transition-all duration-150 ease-in-out' data-action='subscription-modal#open'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-5 h-5 text-white font-bold">
  <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 10.5V6.75a4.5 4.5 0 1 1 9 0v3.75M3.75 21.75h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H3.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z"></path>
</svg>

<span class='font-semibold text-white'>Unlock</span>
</button>
</div>
</div>

</div>

</div>

<div class='flex flex-col justify-self-center' data-controller='ref-number-copy' data-ref-number-copy-number-value='' data-ref-number-copy-sw-value='1000'>
<div class='relative rounded-2xl overflow-hidden border-gray-400 border-2 shadow-lg group'>
<img class='w-full h-auto rounded-lg' id='seed-image-94013' src='https://images.srefs.co/jmakzack6uf14hdtutxelxm8xkw2'>
<div class='absolute top-2 left-2 z-20 flex flex-col gap-1 group-hover:opacity-20 transition-opacity duration-200'>
<div class='bg-black bg-opacity-75 text-white text-xs font-medium rounded px-2 py-1 flex items-center gap-1'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-3 h-3">
  <path stroke-linecap="round" stroke-linejoin="round" d="M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z"></path>
  <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"></path>
</svg>

<span>78</span>
</div>
</div>
<div class='absolute bg-gray-900 bg-opacity-40 flex items-center justify-center group-hover:opacity-0 h-full w-full centered-element'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-12 h-12 text-white">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"></path>
</svg>

</div>
<div class='absolute hidden inset-0 flex items-center justify-center group-hover:flex bg-gray-900 bg-opacity-40'>
<div data-controller='popover'>
<button class='flex items-center gap-2 bg-pink-500 border-2 border-pink-600 shadow-lg hover:shadow-xl rounded-full px-6 py-3 hover:bg-pink-600 transform hover:scale-105 transition-all duration-150 ease-in-out' data-action='subscription-modal#open'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-5 h-5 text-white font-bold">
  <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 10.5V6.75a4.5 4.5 0 1 1 9 0v3.75M3.75 21.75h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H3.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z"></path>
</svg>

<span class='font-semibold text-white'>Unlock</span>
</button>
</div>
</div>

</div>

</div>

<div class='flex flex-col justify-self-center' data-controller='ref-number-copy' data-ref-number-copy-number-value='' data-ref-number-copy-sw-value='1000'>
<div class='relative rounded-2xl overflow-hidden border-gray-400 border-2 shadow-lg group'>
<img class='w-full h-auto rounded-lg' id='seed-image-21257' src='https://images.srefs.co/9sxje2g5les0ps2io7z4xthg8kph'>
<div class='absolute top-2 left-2 z-20 flex flex-col gap-1 group-hover:opacity-20 transition-opacity duration-200'>
<div class='bg-black bg-opacity-75 text-white text-xs font-medium rounded px-2 py-1 flex items-center gap-1'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-3 h-3">
  <path stroke-linecap="round" stroke-linejoin="round" d="M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z"></path>
  <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"></path>
</svg>

<span>59</span>
</div>
</div>
<div class='absolute bg-gray-900 bg-opacity-40 flex items-center justify-center group-hover:opacity-0 h-full w-full centered-element'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-12 h-12 text-white">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"></path>
</svg>

</div>
<div class='absolute hidden inset-0 flex items-center justify-center group-hover:flex bg-gray-900 bg-opacity-40'>
<div data-controller='popover'>
<button class='flex items-center gap-2 bg-pink-500 border-2 border-pink-600 shadow-lg hover:shadow-xl rounded-full px-6 py-3 hover:bg-pink-600 transform hover:scale-105 transition-all duration-150 ease-in-out' data-action='subscription-modal#open'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-5 h-5 text-white font-bold">
  <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 10.5V6.75a4.5 4.5 0 1 1 9 0v3.75M3.75 21.75h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H3.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z"></path>
</svg>

<span class='font-semibold text-white'>Unlock</span>
</button>
</div>
</div>

</div>

</div>

<div class='flex flex-col justify-self-center' data-controller='ref-number-copy' data-ref-number-copy-number-value='' data-ref-number-copy-sw-value='1000'>
<div class='relative rounded-2xl overflow-hidden border-gray-400 border-2 shadow-lg group'>
<img class='w-full h-auto rounded-lg' id='seed-image-28283' src='https://images.srefs.co/uqst5b1lafjew25y0229ha9z25p8'>
<div class='absolute top-2 left-2 z-20 flex flex-col gap-1 group-hover:opacity-20 transition-opacity duration-200'>
<div class='bg-black bg-opacity-75 text-white text-xs font-medium rounded px-2 py-1 flex items-center gap-1'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-3 h-3">
  <path stroke-linecap="round" stroke-linejoin="round" d="M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z"></path>
  <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"></path>
</svg>

<span>29</span>
</div>
</div>
<div class='absolute bg-gray-900 bg-opacity-40 flex items-center justify-center group-hover:opacity-0 h-full w-full centered-element'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-12 h-12 text-white">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"></path>
</svg>

</div>
<div class='absolute hidden inset-0 flex items-center justify-center group-hover:flex bg-gray-900 bg-opacity-40'>
<div data-controller='popover'>
<button class='flex items-center gap-2 bg-pink-500 border-2 border-pink-600 shadow-lg hover:shadow-xl rounded-full px-6 py-3 hover:bg-pink-600 transform hover:scale-105 transition-all duration-150 ease-in-out' data-action='subscription-modal#open'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-5 h-5 text-white font-bold">
  <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 10.5V6.75a4.5 4.5 0 1 1 9 0v3.75M3.75 21.75h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H3.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z"></path>
</svg>

<span class='font-semibold text-white'>Unlock</span>
</button>
</div>
</div>

</div>

</div>

<div class='flex flex-col justify-self-center' data-controller='ref-number-copy' data-ref-number-copy-number-value='' data-ref-number-copy-sw-value='1000'>
<div class='relative rounded-2xl overflow-hidden border-gray-400 border-2 shadow-lg group'>
<img class='w-full h-auto rounded-lg' id='seed-image-98232' src='https://images.srefs.co/igpo2qjpisf9a1owlmfi3o8ykgas'>
<div class='absolute top-2 left-2 z-20 flex flex-col gap-1 group-hover:opacity-20 transition-opacity duration-200'>
<div class='bg-black bg-opacity-75 text-white text-xs font-medium rounded px-2 py-1 flex items-center gap-1'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-3 h-3">
  <path stroke-linecap="round" stroke-linejoin="round" d="M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z"></path>
  <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"></path>
</svg>

<span>109</span>
</div>
</div>
<div class='absolute bg-gray-900 bg-opacity-40 flex items-center justify-center group-hover:opacity-0 h-full w-full centered-element'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-12 h-12 text-white">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"></path>
</svg>

</div>
<div class='absolute hidden inset-0 flex items-center justify-center group-hover:flex bg-gray-900 bg-opacity-40'>
<div data-controller='popover'>
<button class='flex items-center gap-2 bg-pink-500 border-2 border-pink-600 shadow-lg hover:shadow-xl rounded-full px-6 py-3 hover:bg-pink-600 transform hover:scale-105 transition-all duration-150 ease-in-out' data-action='subscription-modal#open'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-5 h-5 text-white font-bold">
  <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 10.5V6.75a4.5 4.5 0 1 1 9 0v3.75M3.75 21.75h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H3.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z"></path>
</svg>

<span class='font-semibold text-white'>Unlock</span>
</button>
</div>
</div>

</div>

</div>

<div class='flex flex-col justify-self-center' data-controller='ref-number-copy' data-ref-number-copy-number-value='' data-ref-number-copy-sw-value='1000'>
<div class='relative rounded-2xl overflow-hidden border-gray-400 border-2 shadow-lg group'>
<img class='w-full h-auto rounded-lg' id='seed-image-96018' src='https://images.srefs.co/4uvm0zt9wsltqvzfcp5rzo1jmhk1'>
<div class='absolute top-2 left-2 z-20 flex flex-col gap-1 group-hover:opacity-20 transition-opacity duration-200'>
<div class='bg-black bg-opacity-75 text-white text-xs font-medium rounded px-2 py-1 flex items-center gap-1'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-3 h-3">
  <path stroke-linecap="round" stroke-linejoin="round" d="M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z"></path>
  <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"></path>
</svg>

<span>53</span>
</div>
</div>
<div class='absolute bg-gray-900 bg-opacity-40 flex items-center justify-center group-hover:opacity-0 h-full w-full centered-element'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-12 h-12 text-white">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"></path>
</svg>

</div>
<div class='absolute hidden inset-0 flex items-center justify-center group-hover:flex bg-gray-900 bg-opacity-40'>
<div data-controller='popover'>
<button class='flex items-center gap-2 bg-pink-500 border-2 border-pink-600 shadow-lg hover:shadow-xl rounded-full px-6 py-3 hover:bg-pink-600 transform hover:scale-105 transition-all duration-150 ease-in-out' data-action='subscription-modal#open'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-5 h-5 text-white font-bold">
  <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 10.5V6.75a4.5 4.5 0 1 1 9 0v3.75M3.75 21.75h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H3.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z"></path>
</svg>

<span class='font-semibold text-white'>Unlock</span>
</button>
</div>
</div>

</div>

</div>

<div class='flex flex-col justify-self-center' data-controller='ref-number-copy' data-ref-number-copy-number-value='' data-ref-number-copy-sw-value='1000'>
<div class='relative rounded-2xl overflow-hidden border-gray-400 border-2 shadow-lg group'>
<img class='w-full h-auto rounded-lg' id='seed-image-48399' src='https://images.srefs.co/zk1dd4wzs4mccbq0j40j20a04krn'>
<div class='absolute top-2 left-2 z-20 flex flex-col gap-1 group-hover:opacity-20 transition-opacity duration-200'>
<div class='bg-black bg-opacity-75 text-white text-xs font-medium rounded px-2 py-1 flex items-center gap-1'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-3 h-3">
  <path stroke-linecap="round" stroke-linejoin="round" d="M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z"></path>
  <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"></path>
</svg>

<span>103</span>
</div>
</div>
<div class='absolute bg-gray-900 bg-opacity-40 flex items-center justify-center group-hover:opacity-0 h-full w-full centered-element'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-12 h-12 text-white">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"></path>
</svg>

</div>
<div class='absolute hidden inset-0 flex items-center justify-center group-hover:flex bg-gray-900 bg-opacity-40'>
<div data-controller='popover'>
<button class='flex items-center gap-2 bg-pink-500 border-2 border-pink-600 shadow-lg hover:shadow-xl rounded-full px-6 py-3 hover:bg-pink-600 transform hover:scale-105 transition-all duration-150 ease-in-out' data-action='subscription-modal#open'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-5 h-5 text-white font-bold">
  <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 10.5V6.75a4.5 4.5 0 1 1 9 0v3.75M3.75 21.75h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H3.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z"></path>
</svg>

<span class='font-semibold text-white'>Unlock</span>
</button>
</div>
</div>

</div>

</div>

<div class='flex flex-col justify-self-center' data-controller='ref-number-copy' data-ref-number-copy-number-value='' data-ref-number-copy-sw-value='1000'>
<div class='relative rounded-2xl overflow-hidden border-gray-400 border-2 shadow-lg group'>
<img class='w-full h-auto rounded-lg' id='seed-image-44021' src='https://images.srefs.co/nt6x479a137ro5a3m6w6xd2yu4wb'>
<div class='absolute top-2 left-2 z-20 flex flex-col gap-1 group-hover:opacity-20 transition-opacity duration-200'>
<div class='bg-black bg-opacity-75 text-white text-xs font-medium rounded px-2 py-1 flex items-center gap-1'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-3 h-3">
  <path stroke-linecap="round" stroke-linejoin="round" d="M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z"></path>
  <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"></path>
</svg>

<span>29</span>
</div>
</div>
<div class='absolute bg-gray-900 bg-opacity-40 flex items-center justify-center group-hover:opacity-0 h-full w-full centered-element'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-12 h-12 text-white">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"></path>
</svg>

</div>
<div class='absolute hidden inset-0 flex items-center justify-center group-hover:flex bg-gray-900 bg-opacity-40'>
<div data-controller='popover'>
<button class='flex items-center gap-2 bg-pink-500 border-2 border-pink-600 shadow-lg hover:shadow-xl rounded-full px-6 py-3 hover:bg-pink-600 transform hover:scale-105 transition-all duration-150 ease-in-out' data-action='subscription-modal#open'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-5 h-5 text-white font-bold">
  <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 10.5V6.75a4.5 4.5 0 1 1 9 0v3.75M3.75 21.75h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H3.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z"></path>
</svg>

<span class='font-semibold text-white'>Unlock</span>
</button>
</div>
</div>

</div>

</div>

<div class='flex flex-col justify-self-center' data-controller='ref-number-copy' data-ref-number-copy-number-value='' data-ref-number-copy-sw-value='1000'>
<div class='relative rounded-2xl overflow-hidden border-gray-400 border-2 shadow-lg group'>
<img class='w-full h-auto rounded-lg' id='seed-image-40717' src='https://images.srefs.co/azlq6ymdqhesy8yrgkvwgsgeqq2x'>
<div class='absolute top-2 left-2 z-20 flex flex-col gap-1 group-hover:opacity-20 transition-opacity duration-200'>
<div class='bg-black bg-opacity-75 text-white text-xs font-medium rounded px-2 py-1 flex items-center gap-1'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-3 h-3">
  <path stroke-linecap="round" stroke-linejoin="round" d="M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z"></path>
  <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"></path>
</svg>

<span>7</span>
</div>
</div>
<div class='absolute bg-gray-900 bg-opacity-40 flex items-center justify-center group-hover:opacity-0 h-full w-full centered-element'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-12 h-12 text-white">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"></path>
</svg>

</div>
<div class='absolute hidden inset-0 flex items-center justify-center group-hover:flex bg-gray-900 bg-opacity-40'>
<div data-controller='popover'>
<button class='flex items-center gap-2 bg-pink-500 border-2 border-pink-600 shadow-lg hover:shadow-xl rounded-full px-6 py-3 hover:bg-pink-600 transform hover:scale-105 transition-all duration-150 ease-in-out' data-action='subscription-modal#open'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-5 h-5 text-white font-bold">
  <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 10.5V6.75a4.5 4.5 0 1 1 9 0v3.75M3.75 21.75h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H3.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z"></path>
</svg>

<span class='font-semibold text-white'>Unlock</span>
</button>
</div>
</div>

</div>

</div>

<div class='flex flex-col justify-self-center' data-controller='ref-number-copy' data-ref-number-copy-number-value='' data-ref-number-copy-sw-value='1000'>
<div class='relative rounded-2xl overflow-hidden border-gray-400 border-2 shadow-lg group'>
<img class='w-full h-auto rounded-lg' id='seed-image-49558' src='https://images.srefs.co/1gspwxw0bi9qf1i7nf7ung1topvc'>
<div class='absolute top-2 left-2 z-20 flex flex-col gap-1 group-hover:opacity-20 transition-opacity duration-200'>
<div class='bg-black bg-opacity-75 text-white text-xs font-medium rounded px-2 py-1 flex items-center gap-1'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-3 h-3">
  <path stroke-linecap="round" stroke-linejoin="round" d="M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z"></path>
  <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"></path>
</svg>

<span>41</span>
</div>
</div>
<div class='absolute bg-gray-900 bg-opacity-40 flex items-center justify-center group-hover:opacity-0 h-full w-full centered-element'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-12 h-12 text-white">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"></path>
</svg>

</div>
<div class='absolute hidden inset-0 flex items-center justify-center group-hover:flex bg-gray-900 bg-opacity-40'>
<div data-controller='popover'>
<button class='flex items-center gap-2 bg-pink-500 border-2 border-pink-600 shadow-lg hover:shadow-xl rounded-full px-6 py-3 hover:bg-pink-600 transform hover:scale-105 transition-all duration-150 ease-in-out' data-action='subscription-modal#open'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-5 h-5 text-white font-bold">
  <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 10.5V6.75a4.5 4.5 0 1 1 9 0v3.75M3.75 21.75h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H3.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z"></path>
</svg>

<span class='font-semibold text-white'>Unlock</span>
</button>
</div>
</div>

</div>

</div>

<div class='flex flex-col justify-self-center' data-controller='ref-number-copy' data-ref-number-copy-number-value='' data-ref-number-copy-sw-value='1000'>
<div class='relative rounded-2xl overflow-hidden border-gray-400 border-2 shadow-lg group'>
<img class='w-full h-auto rounded-lg' id='seed-image-11799' src='https://images.srefs.co/619itpymoennir3lf06t04fty7jb'>
<div class='absolute top-2 left-2 z-20 flex flex-col gap-1 group-hover:opacity-20 transition-opacity duration-200'>
<div class='bg-black bg-opacity-75 text-white text-xs font-medium rounded px-2 py-1 flex items-center gap-1'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-3 h-3">
  <path stroke-linecap="round" stroke-linejoin="round" d="M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z"></path>
  <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"></path>
</svg>

<span>53</span>
</div>
</div>
<div class='absolute bg-gray-900 bg-opacity-40 flex items-center justify-center group-hover:opacity-0 h-full w-full centered-element'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-12 h-12 text-white">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"></path>
</svg>

</div>
<div class='absolute hidden inset-0 flex items-center justify-center group-hover:flex bg-gray-900 bg-opacity-40'>
<div data-controller='popover'>
<button class='flex items-center gap-2 bg-pink-500 border-2 border-pink-600 shadow-lg hover:shadow-xl rounded-full px-6 py-3 hover:bg-pink-600 transform hover:scale-105 transition-all duration-150 ease-in-out' data-action='subscription-modal#open'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-5 h-5 text-white font-bold">
  <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 10.5V6.75a4.5 4.5 0 1 1 9 0v3.75M3.75 21.75h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H3.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z"></path>
</svg>

<span class='font-semibold text-white'>Unlock</span>
</button>
</div>
</div>

</div>

</div>

<div class='flex flex-col justify-self-center' data-controller='ref-number-copy' data-ref-number-copy-number-value='' data-ref-number-copy-sw-value='1000'>
<div class='relative rounded-2xl overflow-hidden border-gray-400 border-2 shadow-lg group'>
<img class='w-full h-auto rounded-lg' id='seed-image-50455' src='https://images.srefs.co/3ofx8j5uh65mczzvn1x8ggqraxd1'>
<div class='absolute top-2 left-2 z-20 flex flex-col gap-1 group-hover:opacity-20 transition-opacity duration-200'>
<div class='bg-black bg-opacity-75 text-white text-xs font-medium rounded px-2 py-1 flex items-center gap-1'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-3 h-3">
  <path stroke-linecap="round" stroke-linejoin="round" d="M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z"></path>
  <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"></path>
</svg>

<span>52</span>
</div>
</div>
<div class='absolute bg-gray-900 bg-opacity-40 flex items-center justify-center group-hover:opacity-0 h-full w-full centered-element'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-12 h-12 text-white">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"></path>
</svg>

</div>
<div class='absolute hidden inset-0 flex items-center justify-center group-hover:flex bg-gray-900 bg-opacity-40'>
<div data-controller='popover'>
<button class='flex items-center gap-2 bg-pink-500 border-2 border-pink-600 shadow-lg hover:shadow-xl rounded-full px-6 py-3 hover:bg-pink-600 transform hover:scale-105 transition-all duration-150 ease-in-out' data-action='subscription-modal#open'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-5 h-5 text-white font-bold">
  <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 10.5V6.75a4.5 4.5 0 1 1 9 0v3.75M3.75 21.75h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H3.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z"></path>
</svg>

<span class='font-semibold text-white'>Unlock</span>
</button>
</div>
</div>

</div>

</div>

<div class='flex flex-col justify-self-center' data-controller='ref-number-copy' data-ref-number-copy-number-value='' data-ref-number-copy-sw-value='1000'>
<div class='relative rounded-2xl overflow-hidden border-gray-400 border-2 shadow-lg group'>
<img class='w-full h-auto rounded-lg' id='seed-image-98565' src='https://images.srefs.co/plprm4uoti7y35agvxqop4csjgkr'>
<div class='absolute top-2 left-2 z-20 flex flex-col gap-1 group-hover:opacity-20 transition-opacity duration-200'>
<div class='bg-black bg-opacity-75 text-white text-xs font-medium rounded px-2 py-1 flex items-center gap-1'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-3 h-3">
  <path stroke-linecap="round" stroke-linejoin="round" d="M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z"></path>
  <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"></path>
</svg>

<span>54</span>
</div>
</div>
<div class='absolute bg-gray-900 bg-opacity-40 flex items-center justify-center group-hover:opacity-0 h-full w-full centered-element'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-12 h-12 text-white">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"></path>
</svg>

</div>
<div class='absolute hidden inset-0 flex items-center justify-center group-hover:flex bg-gray-900 bg-opacity-40'>
<div data-controller='popover'>
<button class='flex items-center gap-2 bg-pink-500 border-2 border-pink-600 shadow-lg hover:shadow-xl rounded-full px-6 py-3 hover:bg-pink-600 transform hover:scale-105 transition-all duration-150 ease-in-out' data-action='subscription-modal#open'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-5 h-5 text-white font-bold">
  <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 10.5V6.75a4.5 4.5 0 1 1 9 0v3.75M3.75 21.75h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H3.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z"></path>
</svg>

<span class='font-semibold text-white'>Unlock</span>
</button>
</div>
</div>

</div>

</div>

<div class='flex flex-col justify-self-center' data-controller='ref-number-copy' data-ref-number-copy-number-value='' data-ref-number-copy-sw-value='1000'>
<div class='relative rounded-2xl overflow-hidden border-gray-400 border-2 shadow-lg group'>
<img class='w-full h-auto rounded-lg' id='seed-image-97209' src='https://images.srefs.co/dxf450l6t05tghgcdxqykjrkxzmz'>
<div class='absolute top-2 left-2 z-20 flex flex-col gap-1 group-hover:opacity-20 transition-opacity duration-200'>
<div class='bg-black bg-opacity-75 text-white text-xs font-medium rounded px-2 py-1 flex items-center gap-1'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-3 h-3">
  <path stroke-linecap="round" stroke-linejoin="round" d="M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z"></path>
  <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"></path>
</svg>

<span>71</span>
</div>
</div>
<div class='absolute bg-gray-900 bg-opacity-40 flex items-center justify-center group-hover:opacity-0 h-full w-full centered-element'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-12 h-12 text-white">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"></path>
</svg>

</div>
<div class='absolute hidden inset-0 flex items-center justify-center group-hover:flex bg-gray-900 bg-opacity-40'>
<div data-controller='popover'>
<button class='flex items-center gap-2 bg-pink-500 border-2 border-pink-600 shadow-lg hover:shadow-xl rounded-full px-6 py-3 hover:bg-pink-600 transform hover:scale-105 transition-all duration-150 ease-in-out' data-action='subscription-modal#open'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-5 h-5 text-white font-bold">
  <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 10.5V6.75a4.5 4.5 0 1 1 9 0v3.75M3.75 21.75h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H3.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z"></path>
</svg>

<span class='font-semibold text-white'>Unlock</span>
</button>
</div>
</div>

</div>

</div>

<div class='flex flex-col justify-self-center' data-controller='ref-number-copy' data-ref-number-copy-number-value='' data-ref-number-copy-sw-value='1000'>
<div class='relative rounded-2xl overflow-hidden border-gray-400 border-2 shadow-lg group'>
<img class='w-full h-auto rounded-lg' id='seed-image-35568' src='https://images.srefs.co/vczzvayxfafn6vx9bcwpe5g11yok'>
<div class='absolute top-2 left-2 z-20 flex flex-col gap-1 group-hover:opacity-20 transition-opacity duration-200'>
<div class='bg-black bg-opacity-75 text-white text-xs font-medium rounded px-2 py-1 flex items-center gap-1'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-3 h-3">
  <path stroke-linecap="round" stroke-linejoin="round" d="M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z"></path>
  <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"></path>
</svg>

<span>22</span>
</div>
</div>
<div class='absolute bg-gray-900 bg-opacity-40 flex items-center justify-center group-hover:opacity-0 h-full w-full centered-element'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-12 h-12 text-white">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"></path>
</svg>

</div>
<div class='absolute hidden inset-0 flex items-center justify-center group-hover:flex bg-gray-900 bg-opacity-40'>
<div data-controller='popover'>
<button class='flex items-center gap-2 bg-pink-500 border-2 border-pink-600 shadow-lg hover:shadow-xl rounded-full px-6 py-3 hover:bg-pink-600 transform hover:scale-105 transition-all duration-150 ease-in-out' data-action='subscription-modal#open'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-5 h-5 text-white font-bold">
  <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 10.5V6.75a4.5 4.5 0 1 1 9 0v3.75M3.75 21.75h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H3.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z"></path>
</svg>

<span class='font-semibold text-white'>Unlock</span>
</button>
</div>
</div>

</div>

</div>

<div class='flex flex-col justify-self-center' data-controller='ref-number-copy' data-ref-number-copy-number-value='' data-ref-number-copy-sw-value='1000'>
<div class='relative rounded-2xl overflow-hidden border-gray-400 border-2 shadow-lg group'>
<img class='w-full h-auto rounded-lg' id='seed-image-102196' src='https://images.srefs.co/hz68vucqoyl8mxyumy9x1nwwsxmh'>
<div class='absolute top-2 left-2 z-20 flex flex-col gap-1 group-hover:opacity-20 transition-opacity duration-200'>
<div class='bg-black bg-opacity-75 text-white text-xs font-medium rounded px-2 py-1 flex items-center gap-1'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-3 h-3">
  <path stroke-linecap="round" stroke-linejoin="round" d="M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z"></path>
  <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"></path>
</svg>

<span>33</span>
</div>
</div>
<div class='absolute bg-gray-900 bg-opacity-40 flex items-center justify-center group-hover:opacity-0 h-full w-full centered-element'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-12 h-12 text-white">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"></path>
</svg>

</div>
<div class='absolute hidden inset-0 flex items-center justify-center group-hover:flex bg-gray-900 bg-opacity-40'>
<div data-controller='popover'>
<button class='flex items-center gap-2 bg-pink-500 border-2 border-pink-600 shadow-lg hover:shadow-xl rounded-full px-6 py-3 hover:bg-pink-600 transform hover:scale-105 transition-all duration-150 ease-in-out' data-action='subscription-modal#open'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-5 h-5 text-white font-bold">
  <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 10.5V6.75a4.5 4.5 0 1 1 9 0v3.75M3.75 21.75h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H3.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z"></path>
</svg>

<span class='font-semibold text-white'>Unlock</span>
</button>
</div>
</div>

</div>

</div>

<div class='flex flex-col justify-self-center' data-controller='ref-number-copy' data-ref-number-copy-number-value='' data-ref-number-copy-sw-value='1000'>
<div class='relative rounded-2xl overflow-hidden border-gray-400 border-2 shadow-lg group'>
<img class='w-full h-auto rounded-lg' id='seed-image-1476' src='https://images.srefs.co/0tu7q0iztoir4tdhvkuqvz5h4onl'>
<div class='absolute top-2 left-2 z-20 flex flex-col gap-1 group-hover:opacity-20 transition-opacity duration-200'>
<div class='bg-black bg-opacity-75 text-white text-xs font-medium rounded px-2 py-1 flex items-center gap-1'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-3 h-3">
  <path stroke-linecap="round" stroke-linejoin="round" d="M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z"></path>
  <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"></path>
</svg>

<span>81</span>
</div>
</div>
<div class='absolute bg-gray-900 bg-opacity-40 flex items-center justify-center group-hover:opacity-0 h-full w-full centered-element'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-12 h-12 text-white">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"></path>
</svg>

</div>
<div class='absolute hidden inset-0 flex items-center justify-center group-hover:flex bg-gray-900 bg-opacity-40'>
<div data-controller='popover'>
<button class='flex items-center gap-2 bg-pink-500 border-2 border-pink-600 shadow-lg hover:shadow-xl rounded-full px-6 py-3 hover:bg-pink-600 transform hover:scale-105 transition-all duration-150 ease-in-out' data-action='subscription-modal#open'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-5 h-5 text-white font-bold">
  <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 10.5V6.75a4.5 4.5 0 1 1 9 0v3.75M3.75 21.75h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H3.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z"></path>
</svg>

<span class='font-semibold text-white'>Unlock</span>
</button>
</div>
</div>

</div>

</div>

<div class='flex flex-col justify-self-center' data-controller='ref-number-copy' data-ref-number-copy-number-value='' data-ref-number-copy-sw-value='1000'>
<div class='relative rounded-2xl overflow-hidden border-gray-400 border-2 shadow-lg group'>
<img class='w-full h-auto rounded-lg' id='seed-image-3749' src='https://images.srefs.co/xrz0dzgac6xyzrxx92m9bi4r2b1j'>
<div class='absolute top-2 left-2 z-20 flex flex-col gap-1 group-hover:opacity-20 transition-opacity duration-200'>
<div class='bg-black bg-opacity-75 text-white text-xs font-medium rounded px-2 py-1 flex items-center gap-1'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-3 h-3">
  <path stroke-linecap="round" stroke-linejoin="round" d="M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z"></path>
  <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"></path>
</svg>

<span>91</span>
</div>
</div>
<div class='absolute bg-gray-900 bg-opacity-40 flex items-center justify-center group-hover:opacity-0 h-full w-full centered-element'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-12 h-12 text-white">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"></path>
</svg>

</div>
<div class='absolute hidden inset-0 flex items-center justify-center group-hover:flex bg-gray-900 bg-opacity-40'>
<div data-controller='popover'>
<button class='flex items-center gap-2 bg-pink-500 border-2 border-pink-600 shadow-lg hover:shadow-xl rounded-full px-6 py-3 hover:bg-pink-600 transform hover:scale-105 transition-all duration-150 ease-in-out' data-action='subscription-modal#open'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-5 h-5 text-white font-bold">
  <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 10.5V6.75a4.5 4.5 0 1 1 9 0v3.75M3.75 21.75h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H3.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z"></path>
</svg>

<span class='font-semibold text-white'>Unlock</span>
</button>
</div>
</div>

</div>

</div>

<div class='flex flex-col justify-self-center' data-controller='ref-number-copy' data-ref-number-copy-number-value='' data-ref-number-copy-sw-value='1000'>
<div class='relative rounded-2xl overflow-hidden border-gray-400 border-2 shadow-lg group'>
<img class='w-full h-auto rounded-lg' id='seed-image-1870' src='https://images.srefs.co/nszmmxxaxwwg1jhudaa9avt5cm3m'>
<div class='absolute top-2 left-2 z-20 flex flex-col gap-1 group-hover:opacity-20 transition-opacity duration-200'>
<div class='bg-black bg-opacity-75 text-white text-xs font-medium rounded px-2 py-1 flex items-center gap-1'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-3 h-3">
  <path stroke-linecap="round" stroke-linejoin="round" d="M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z"></path>
  <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"></path>
</svg>

<span>144</span>
</div>
</div>
<div class='absolute bg-gray-900 bg-opacity-40 flex items-center justify-center group-hover:opacity-0 h-full w-full centered-element'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-12 h-12 text-white">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"></path>
</svg>

</div>
<div class='absolute hidden inset-0 flex items-center justify-center group-hover:flex bg-gray-900 bg-opacity-40'>
<div data-controller='popover'>
<button class='flex items-center gap-2 bg-pink-500 border-2 border-pink-600 shadow-lg hover:shadow-xl rounded-full px-6 py-3 hover:bg-pink-600 transform hover:scale-105 transition-all duration-150 ease-in-out' data-action='subscription-modal#open'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-5 h-5 text-white font-bold">
  <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 10.5V6.75a4.5 4.5 0 1 1 9 0v3.75M3.75 21.75h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H3.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z"></path>
</svg>

<span class='font-semibold text-white'>Unlock</span>
</button>
</div>
</div>

</div>

</div>

<div class='flex flex-col justify-self-center' data-controller='ref-number-copy' data-ref-number-copy-number-value='' data-ref-number-copy-sw-value='1000'>
<div class='relative rounded-2xl overflow-hidden border-gray-400 border-2 shadow-lg group'>
<img class='w-full h-auto rounded-lg' id='seed-image-38605' src='https://images.srefs.co/gzqu6l1uvqwksat8ddsnnkja4v3r'>
<div class='absolute top-2 left-2 z-20 flex flex-col gap-1 group-hover:opacity-20 transition-opacity duration-200'>
<div class='bg-black bg-opacity-75 text-white text-xs font-medium rounded px-2 py-1 flex items-center gap-1'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-3 h-3">
  <path stroke-linecap="round" stroke-linejoin="round" d="M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z"></path>
  <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"></path>
</svg>

<span>28</span>
</div>
</div>
<div class='absolute bg-gray-900 bg-opacity-40 flex items-center justify-center group-hover:opacity-0 h-full w-full centered-element'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-12 h-12 text-white">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"></path>
</svg>

</div>
<div class='absolute hidden inset-0 flex items-center justify-center group-hover:flex bg-gray-900 bg-opacity-40'>
<div data-controller='popover'>
<button class='flex items-center gap-2 bg-pink-500 border-2 border-pink-600 shadow-lg hover:shadow-xl rounded-full px-6 py-3 hover:bg-pink-600 transform hover:scale-105 transition-all duration-150 ease-in-out' data-action='subscription-modal#open'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-5 h-5 text-white font-bold">
  <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 10.5V6.75a4.5 4.5 0 1 1 9 0v3.75M3.75 21.75h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H3.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z"></path>
</svg>

<span class='font-semibold text-white'>Unlock</span>
</button>
</div>
</div>

</div>

</div>

<div class='flex flex-col justify-self-center' data-controller='ref-number-copy' data-ref-number-copy-number-value='' data-ref-number-copy-sw-value='1000'>
<div class='relative rounded-2xl overflow-hidden border-gray-400 border-2 shadow-lg group'>
<img class='w-full h-auto rounded-lg' id='seed-image-21733' src='https://images.srefs.co/kqtfoiwd3zrvbny8rgqy25bhx3u6'>
<div class='absolute top-2 left-2 z-20 flex flex-col gap-1 group-hover:opacity-20 transition-opacity duration-200'>
<div class='bg-black bg-opacity-75 text-white text-xs font-medium rounded px-2 py-1 flex items-center gap-1'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-3 h-3">
  <path stroke-linecap="round" stroke-linejoin="round" d="M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z"></path>
  <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"></path>
</svg>

<span>31</span>
</div>
</div>
<div class='absolute bg-gray-900 bg-opacity-40 flex items-center justify-center group-hover:opacity-0 h-full w-full centered-element'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-12 h-12 text-white">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"></path>
</svg>

</div>
<div class='absolute hidden inset-0 flex items-center justify-center group-hover:flex bg-gray-900 bg-opacity-40'>
<div data-controller='popover'>
<button class='flex items-center gap-2 bg-pink-500 border-2 border-pink-600 shadow-lg hover:shadow-xl rounded-full px-6 py-3 hover:bg-pink-600 transform hover:scale-105 transition-all duration-150 ease-in-out' data-action='subscription-modal#open'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-5 h-5 text-white font-bold">
  <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 10.5V6.75a4.5 4.5 0 1 1 9 0v3.75M3.75 21.75h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H3.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z"></path>
</svg>

<span class='font-semibold text-white'>Unlock</span>
</button>
</div>
</div>

</div>

</div>

<div class='flex flex-col justify-self-center' data-controller='ref-number-copy' data-ref-number-copy-number-value='' data-ref-number-copy-sw-value='1000'>
<div class='relative rounded-2xl overflow-hidden border-gray-400 border-2 shadow-lg group'>
<img class='w-full h-auto rounded-lg' id='seed-image-86239' src='https://images.srefs.co/n9bch31c45u5elg0ya4embp08hw1'>
<div class='absolute top-2 left-2 z-20 flex flex-col gap-1 group-hover:opacity-20 transition-opacity duration-200'>
<div class='bg-black bg-opacity-75 text-white text-xs font-medium rounded px-2 py-1 flex items-center gap-1'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-3 h-3">
  <path stroke-linecap="round" stroke-linejoin="round" d="M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z"></path>
  <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"></path>
</svg>

<span>92</span>
</div>
</div>
<div class='absolute bg-gray-900 bg-opacity-40 flex items-center justify-center group-hover:opacity-0 h-full w-full centered-element'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-12 h-12 text-white">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"></path>
</svg>

</div>
<div class='absolute hidden inset-0 flex items-center justify-center group-hover:flex bg-gray-900 bg-opacity-40'>
<div data-controller='popover'>
<button class='flex items-center gap-2 bg-pink-500 border-2 border-pink-600 shadow-lg hover:shadow-xl rounded-full px-6 py-3 hover:bg-pink-600 transform hover:scale-105 transition-all duration-150 ease-in-out' data-action='subscription-modal#open'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-5 h-5 text-white font-bold">
  <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 10.5V6.75a4.5 4.5 0 1 1 9 0v3.75M3.75 21.75h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H3.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z"></path>
</svg>

<span class='font-semibold text-white'>Unlock</span>
</button>
</div>
</div>

</div>

</div>

<div class='flex flex-col justify-self-center' data-controller='ref-number-copy' data-ref-number-copy-number-value='' data-ref-number-copy-sw-value='1000'>
<div class='relative rounded-2xl overflow-hidden border-gray-400 border-2 shadow-lg group'>
<img class='w-full h-auto rounded-lg' id='seed-image-45273' src='https://images.srefs.co/ocv0ev8kjfirjbxf2uwnz43kh1li'>
<div class='absolute top-2 left-2 z-20 flex flex-col gap-1 group-hover:opacity-20 transition-opacity duration-200'>
<div class='bg-black bg-opacity-75 text-white text-xs font-medium rounded px-2 py-1 flex items-center gap-1'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-3 h-3">
  <path stroke-linecap="round" stroke-linejoin="round" d="M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z"></path>
  <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"></path>
</svg>

<span>22</span>
</div>
</div>
<div class='absolute bg-gray-900 bg-opacity-40 flex items-center justify-center group-hover:opacity-0 h-full w-full centered-element'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-12 h-12 text-white">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"></path>
</svg>

</div>
<div class='absolute hidden inset-0 flex items-center justify-center group-hover:flex bg-gray-900 bg-opacity-40'>
<div data-controller='popover'>
<button class='flex items-center gap-2 bg-pink-500 border-2 border-pink-600 shadow-lg hover:shadow-xl rounded-full px-6 py-3 hover:bg-pink-600 transform hover:scale-105 transition-all duration-150 ease-in-out' data-action='subscription-modal#open'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-5 h-5 text-white font-bold">
  <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 10.5V6.75a4.5 4.5 0 1 1 9 0v3.75M3.75 21.75h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H3.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z"></path>
</svg>

<span class='font-semibold text-white'>Unlock</span>
</button>
</div>
</div>

</div>

</div>

<div class='flex flex-col justify-self-center' data-controller='ref-number-copy' data-ref-number-copy-number-value='' data-ref-number-copy-sw-value='1000'>
<div class='relative rounded-2xl overflow-hidden border-gray-400 border-2 shadow-lg group'>
<img class='w-full h-auto rounded-lg' id='seed-image-28189' src='https://images.srefs.co/a5fy7iivc0dy28bty4elisd1b0wf'>
<div class='absolute top-2 left-2 z-20 flex flex-col gap-1 group-hover:opacity-20 transition-opacity duration-200'>
<div class='bg-black bg-opacity-75 text-white text-xs font-medium rounded px-2 py-1 flex items-center gap-1'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-3 h-3">
  <path stroke-linecap="round" stroke-linejoin="round" d="M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z"></path>
  <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"></path>
</svg>

<span>8</span>
</div>
</div>
<div class='absolute bg-gray-900 bg-opacity-40 flex items-center justify-center group-hover:opacity-0 h-full w-full centered-element'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-12 h-12 text-white">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"></path>
</svg>

</div>
<div class='absolute hidden inset-0 flex items-center justify-center group-hover:flex bg-gray-900 bg-opacity-40'>
<div data-controller='popover'>
<button class='flex items-center gap-2 bg-pink-500 border-2 border-pink-600 shadow-lg hover:shadow-xl rounded-full px-6 py-3 hover:bg-pink-600 transform hover:scale-105 transition-all duration-150 ease-in-out' data-action='subscription-modal#open'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-5 h-5 text-white font-bold">
  <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 10.5V6.75a4.5 4.5 0 1 1 9 0v3.75M3.75 21.75h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H3.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z"></path>
</svg>

<span class='font-semibold text-white'>Unlock</span>
</button>
</div>
</div>

</div>

</div>

<div class='flex flex-col justify-self-center' data-controller='ref-number-copy' data-ref-number-copy-number-value='' data-ref-number-copy-sw-value='1000'>
<div class='relative rounded-2xl overflow-hidden border-gray-400 border-2 shadow-lg group'>
<img class='w-full h-auto rounded-lg' id='seed-image-97010' src='https://images.srefs.co/7djz4udmt4h5unppd9dby8ahthlb'>
<div class='absolute top-2 left-2 z-20 flex flex-col gap-1 group-hover:opacity-20 transition-opacity duration-200'>
<div class='bg-black bg-opacity-75 text-white text-xs font-medium rounded px-2 py-1 flex items-center gap-1'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-3 h-3">
  <path stroke-linecap="round" stroke-linejoin="round" d="M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z"></path>
  <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"></path>
</svg>

<span>25</span>
</div>
</div>
<div class='absolute bg-gray-900 bg-opacity-40 flex items-center justify-center group-hover:opacity-0 h-full w-full centered-element'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-12 h-12 text-white">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"></path>
</svg>

</div>
<div class='absolute hidden inset-0 flex items-center justify-center group-hover:flex bg-gray-900 bg-opacity-40'>
<div data-controller='popover'>
<button class='flex items-center gap-2 bg-pink-500 border-2 border-pink-600 shadow-lg hover:shadow-xl rounded-full px-6 py-3 hover:bg-pink-600 transform hover:scale-105 transition-all duration-150 ease-in-out' data-action='subscription-modal#open'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-5 h-5 text-white font-bold">
  <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 10.5V6.75a4.5 4.5 0 1 1 9 0v3.75M3.75 21.75h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H3.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z"></path>
</svg>

<span class='font-semibold text-white'>Unlock</span>
</button>
</div>
</div>

</div>

</div>

<div class='flex flex-col justify-self-center' data-controller='ref-number-copy' data-ref-number-copy-number-value='' data-ref-number-copy-sw-value='1000'>
<div class='relative rounded-2xl overflow-hidden border-gray-400 border-2 shadow-lg group'>
<img class='w-full h-auto rounded-lg' id='seed-image-10101' src='https://images.srefs.co/tlanctnqtcxqaskxsrrrmbkdg53m'>
<div class='absolute top-2 left-2 z-20 flex flex-col gap-1 group-hover:opacity-20 transition-opacity duration-200'>
<div class='bg-black bg-opacity-75 text-white text-xs font-medium rounded px-2 py-1 flex items-center gap-1'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-3 h-3">
  <path stroke-linecap="round" stroke-linejoin="round" d="M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z"></path>
  <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"></path>
</svg>

<span>170</span>
</div>
</div>
<div class='absolute bg-gray-900 bg-opacity-40 flex items-center justify-center group-hover:opacity-0 h-full w-full centered-element'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-12 h-12 text-white">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"></path>
</svg>

</div>
<div class='absolute hidden inset-0 flex items-center justify-center group-hover:flex bg-gray-900 bg-opacity-40'>
<div data-controller='popover'>
<button class='flex items-center gap-2 bg-pink-500 border-2 border-pink-600 shadow-lg hover:shadow-xl rounded-full px-6 py-3 hover:bg-pink-600 transform hover:scale-105 transition-all duration-150 ease-in-out' data-action='subscription-modal#open'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-5 h-5 text-white font-bold">
  <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 10.5V6.75a4.5 4.5 0 1 1 9 0v3.75M3.75 21.75h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H3.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z"></path>
</svg>

<span class='font-semibold text-white'>Unlock</span>
</button>
</div>
</div>

</div>

</div>

<div class='flex flex-col justify-self-center' data-controller='ref-number-copy' data-ref-number-copy-number-value='' data-ref-number-copy-sw-value='1000'>
<div class='relative rounded-2xl overflow-hidden border-gray-400 border-2 shadow-lg group'>
<img class='w-full h-auto rounded-lg' id='seed-image-26188' src='https://images.srefs.co/s1l76ahwlxxsiz7cozj3za1voleo'>
<div class='absolute top-2 left-2 z-20 flex flex-col gap-1 group-hover:opacity-20 transition-opacity duration-200'>
<div class='bg-black bg-opacity-75 text-white text-xs font-medium rounded px-2 py-1 flex items-center gap-1'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-3 h-3">
  <path stroke-linecap="round" stroke-linejoin="round" d="M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z"></path>
  <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"></path>
</svg>

<span>23</span>
</div>
</div>
<div class='absolute bg-gray-900 bg-opacity-40 flex items-center justify-center group-hover:opacity-0 h-full w-full centered-element'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-12 h-12 text-white">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"></path>
</svg>

</div>
<div class='absolute hidden inset-0 flex items-center justify-center group-hover:flex bg-gray-900 bg-opacity-40'>
<div data-controller='popover'>
<button class='flex items-center gap-2 bg-pink-500 border-2 border-pink-600 shadow-lg hover:shadow-xl rounded-full px-6 py-3 hover:bg-pink-600 transform hover:scale-105 transition-all duration-150 ease-in-out' data-action='subscription-modal#open'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-5 h-5 text-white font-bold">
  <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 10.5V6.75a4.5 4.5 0 1 1 9 0v3.75M3.75 21.75h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H3.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z"></path>
</svg>

<span class='font-semibold text-white'>Unlock</span>
</button>
</div>
</div>

</div>

</div>

<div class='flex flex-col justify-self-center' data-controller='ref-number-copy' data-ref-number-copy-number-value='' data-ref-number-copy-sw-value='1000'>
<div class='relative rounded-2xl overflow-hidden border-gray-400 border-2 shadow-lg group'>
<img class='w-full h-auto rounded-lg' id='seed-image-88857' src='https://images.srefs.co/wg66ejgd7pqb1ruo4f6exwqt8ztg'>
<div class='absolute top-2 left-2 z-20 flex flex-col gap-1 group-hover:opacity-20 transition-opacity duration-200'>
<div class='bg-black bg-opacity-75 text-white text-xs font-medium rounded px-2 py-1 flex items-center gap-1'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-3 h-3">
  <path stroke-linecap="round" stroke-linejoin="round" d="M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z"></path>
  <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"></path>
</svg>

<span>55</span>
</div>
</div>
<div class='absolute bg-gray-900 bg-opacity-40 flex items-center justify-center group-hover:opacity-0 h-full w-full centered-element'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-12 h-12 text-white">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"></path>
</svg>

</div>
<div class='absolute hidden inset-0 flex items-center justify-center group-hover:flex bg-gray-900 bg-opacity-40'>
<div data-controller='popover'>
<button class='flex items-center gap-2 bg-pink-500 border-2 border-pink-600 shadow-lg hover:shadow-xl rounded-full px-6 py-3 hover:bg-pink-600 transform hover:scale-105 transition-all duration-150 ease-in-out' data-action='subscription-modal#open'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-5 h-5 text-white font-bold">
  <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 10.5V6.75a4.5 4.5 0 1 1 9 0v3.75M3.75 21.75h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H3.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z"></path>
</svg>

<span class='font-semibold text-white'>Unlock</span>
</button>
</div>
</div>

</div>

</div>

<div class='flex flex-col justify-self-center' data-controller='ref-number-copy' data-ref-number-copy-number-value='' data-ref-number-copy-sw-value='1000'>
<div class='relative rounded-2xl overflow-hidden border-gray-400 border-2 shadow-lg group'>
<img class='w-full h-auto rounded-lg' id='seed-image-6495' src='https://images.srefs.co/fl5u67qlcw7yb4o2uvfvd9tb6fip'>
<div class='absolute top-2 left-2 z-20 flex flex-col gap-1 group-hover:opacity-20 transition-opacity duration-200'>
<div class='bg-black bg-opacity-75 text-white text-xs font-medium rounded px-2 py-1 flex items-center gap-1'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-3 h-3">
  <path stroke-linecap="round" stroke-linejoin="round" d="M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z"></path>
  <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"></path>
</svg>

<span>63</span>
</div>
</div>
<div class='absolute bg-gray-900 bg-opacity-40 flex items-center justify-center group-hover:opacity-0 h-full w-full centered-element'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-12 h-12 text-white">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"></path>
</svg>

</div>
<div class='absolute hidden inset-0 flex items-center justify-center group-hover:flex bg-gray-900 bg-opacity-40'>
<div data-controller='popover'>
<button class='flex items-center gap-2 bg-pink-500 border-2 border-pink-600 shadow-lg hover:shadow-xl rounded-full px-6 py-3 hover:bg-pink-600 transform hover:scale-105 transition-all duration-150 ease-in-out' data-action='subscription-modal#open'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-5 h-5 text-white font-bold">
  <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 10.5V6.75a4.5 4.5 0 1 1 9 0v3.75M3.75 21.75h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H3.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z"></path>
</svg>

<span class='font-semibold text-white'>Unlock</span>
</button>
</div>
</div>

</div>

</div>

</template></turbo-stream><turbo-stream action="update" target="load-more-srefs"><template><a class="bg-black hover:bg-gray-800 text-white font-semibold py-3 px-8 rounded-full transition-colors duration-300 shadow-lg" data-turbo-stream="true" data-remote="true" href="/style-categories/bold-visuals?page=10">Load more</a>
<div aria-labelledby='modal-title' class='fixed inset-0 overflow-y-auto hidden z-[9999]' data-action='keyup@document-&gt;paywall#handleKeyup' data-controller='paywall' id='paywall'>
<div class='flex items-start justify-center min-h-screen pt-4 px-6 pb-20 text-center sm:block sm:p-0'>
<div aria-hidden='true' class='fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity' data-paywall-target='wrapper' data-transition-enter='ease-out duration-300' data-transition-enter-end='opacity-100' data-transition-enter-start='opacity-0' data-transition-leave='ease-in duration-200' data-transition-leave-end='opacity-0' data-transition-leave-start='opacity-100'></div>
<span aria-hidden='true' class='hidden sm:inline-block sm:align-middle sm:h-screen'></span>
<div class='inline-block bg-white align-middle rounded-2xl shadow-2xl transform transition-all mt-10 w-full max-w-[597px] sm:w-auto' data-paywall-target='body' data-transition-enter='ease-out duration-300' data-transition-enter-end='opacity-100 translate-y-0 sm:scale-100' data-transition-enter-start='opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95' data-transition-leave='ease-in duration-200' data-transition-leave-end='opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95' data-transition-leave-start='opacity-100 translate-y-0 sm:scale-100'>
<div class='flex flex-col pt-14 items-center mx-auto relative'>
<div class='absolute top-6 right-6'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 cursor-pointer size-6 fill-gray-500" data-action="click-&gt;paywall#close">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12"></path>
</svg>

</div>
<div class='flex flex-col gap-y-2 w-full max-w-[469px]'>
<h2 class='font-light text-center leading-[62px] text-[50px] tracking-[-0.10em]'>Get unlimited access</h2>
<h4 class='font-extralight text-center text-blue-gray-light leading-6 text-xl tracking-tighter'>
Access all
<span class='font-semibold'>80,843</span>
styles and srefs codes forever
</h4>
</div>
<hr class='w-full border-t border-light-gray mt-6 mb-8'>
<div class='flex flex-col px-4 sm:px-14 mx-auto items-center pb-12'>
<ul class='gap-y-4 self-center flex flex-col w-full max-w-[442px]'>
<div class='flex items-center text-left font-medium text-lg tracking-tight text-blue-gray-light'>
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="13" viewBox="0 0 18 13" fill="none" class="size-6 min-h-6 min-w-6 mr-3">
<path d="M6.55156 12.9996L0.851562 7.29961L2.27656 5.87461L6.55156 10.1496L15.7266 0.974609L17.1516 2.39961L6.55156 12.9996Z" fill="#db2777"></path>
</svg>

<p>80,843 styles. More added every hour.</p>
</div>
<div class='flex items-center text-left font-medium text-lg tracking-tight text-blue-gray-light' data-controller='popover'>
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="13" viewBox="0 0 18 13" fill="none" class="size-6 min-h-6 min-w-6 mr-3 self-start mt-1">
<path d="M6.55156 12.9996L0.851562 7.29961L2.27656 5.87461L6.55156 10.1496L15.7266 0.974609L17.1516 2.39961L6.55156 12.9996Z" fill="#db2777"></path>
</svg>

<div class='relative flex items-center'>
<span class='font-medium'>Smart Search or Upload an Image</span>
<div class='relative inline-flex items-center'>
<span class='cursor-pointer size-5 flex items-center ml-1.5' data-action='mouseenter-&gt;popover#show mouseleave-&gt;popover#hide'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-full h-full">
  <path stroke-linecap="round" stroke-linejoin="round" d="M9.879 7.519c1.171-1.025 3.071-1.025 4.242 0 1.172 1.025 1.172 2.687 0 3.712-.203.179-.43.326-.67.442-.745.361-1.45.999-1.45 1.827v.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9 5.25h.008v.008H12v-.008Z"></path>
</svg>

</span>
<div class='hidden absolute transform top-full mt-2 bg-white border border-gray-200 shadow rounded p-3 z-10 left-1/2 -translate-x-1/2 w-80' data-popover-target='card'>
<p class='text-sm'>Search styles with your own words or by uploading an image. Say bye to endless scrolling. Get the style you are looking for in seconds.</p>
</div>
</div>
</div>
</div>
<div class='flex items-center text-left font-medium text-lg tracking-tight text-blue-gray-light'>
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="13" viewBox="0 0 18 13" fill="none" class="size-6 min-h-6 min-w-6 mr-3 self-start mt-1">
<path d="M6.55156 12.9996L0.851562 7.29961L2.27656 5.87461L6.55156 10.1496L15.7266 0.974609L17.1516 2.39961L6.55156 12.9996Z" fill="#db2777"></path>
</svg>

<div class='relative flex items-center' data-controller='popover'>
<div class='flex items-center'>
<span class='font-medium'>Organize your styles with collections</span>
<span class='ml-2 px-2 py-0 5 text-xs font-semibold text-white bg-pink-500 rounded-full'>new!</span>
</div>
<div class='relative inline-flex items-center'>
<span class='cursor-pointer size-5 flex items-center ml-1.5' data-action='mouseenter-&gt;popover#show mouseleave-&gt;popover#hide'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-full h-full">
  <path stroke-linecap="round" stroke-linejoin="round" d="M9.879 7.519c1.171-1.025 3.071-1.025 4.242 0 1.172 1.025 1.172 2.687 0 3.712-.203.179-.43.326-.67.442-.745.361-1.45.999-1.45 1.827v.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9 5.25h.008v.008H12v-.008Z"></path>
</svg>

</span>
<div class='hidden absolute transform top-full mt-2 bg-white border border-gray-200 shadow rounded p-3 z-10 left-1/2 -translate-x-1/2 w-80' data-popover-target='card'>
<p class='text-sm'>Create and manage custom collections to keep your favorite styles organized and easily accessible.</p>
</div>
</div>
</div>
</div>
<div class='flex items-center text-left font-medium text-lg tracking-tight text-blue-gray-light'>
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="13" viewBox="0 0 18 13" fill="none" class="size-6 min-h-6 min-w-6 mr-3">
<path d="M6.55156 12.9996L0.851562 7.29961L2.27656 5.87461L6.55156 10.1496L15.7266 0.974609L17.1516 2.39961L6.55156 12.9996Z" fill="#db2777"></path>
</svg>

<p>More than 100 Categories to explore</p>
</div>
</ul>
<div class='flex flex-col items-center mt-10 font-extralight text-2xl leading-8 tracking-tighter w-full max-w-[383px]'>
<h2>
Unlock unlimited creativity for just
<div class='flex items-center justify-center'>
<span class='font-bold'>$59</span>
</div>
one-time payment
</h2>
</div>
<a class="cursor-pointer text-base w-full text-center justify-center font-semibold inline-flex text-white items-center gap-x-1.5 rounded-full px-12 py-2.5 mt-4 from-pink-400 to-pink-600 bg-gradient-to-r " href="/users/sign_up">Sign up for Lifetime Access</a>
</div>
</div>
</div>
</div>
</div>

</template></turbo-stream><turbo-stream action="append" target="seeds-grid"><template><script>document.querySelector('[data-controller*="infinite-scroll"]')?.dispatchEvent(new CustomEvent('infinite-scroll:contentLoaded'))</script></template></turbo-stream>