<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-42286' src='https://images.srefs.co/rk294t5upklqkmqqp7z50j8kiaes'>
<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>100</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-84434' src='https://images.srefs.co/hh5hwaf9vekx6uq1wpo5ljqp2qqx'>
<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>51</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-51178' src='https://images.srefs.co/4ek73stasm5wlr3p55hje9tbbhcq'>
<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>14</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-102357' src='https://images.srefs.co/u25r58v1ybpmxytfkscab5nkgk26'>
<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>67</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-13018' src='https://images.srefs.co/n4it0f1a6l5sb7a1c4hf1yo5w69x'>
<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-81822' src='https://images.srefs.co/iu8uw0gb6epqz22rol04hrwzca6w'>
<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>61</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-30159' src='https://images.srefs.co/mcfgby3ccnh4j4ekbg38t1suuwbv'>
<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>19</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-29895' src='https://images.srefs.co/mldrbbxnlj55oj15kc7fcklnheo2'>
<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>76</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-1567' src='https://images.srefs.co/ga0z04c4mn9ytxdiyl0ec1tskrz7'>
<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-26793' src='https://images.srefs.co/khaw8oalvbbj6rtckg6ls867glmg'>
<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>4</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-83938' src='https://images.srefs.co/n76zr49q7m0rk9v52ss8ubovzjpw'>
<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-93326' src='https://images.srefs.co/vsvf1pj8aixfz2the5c4jf2yzxd9'>
<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>38</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-103474' src='https://images.srefs.co/layhk3itamoq7s8jet9nxwyafhcq'>
<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>48</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-22968' src='https://images.srefs.co/d4rlgjysguli2n86a7l2e3uashnb'>
<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>61</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-52879' src='https://images.srefs.co/xn6frwbv4puj7zvrpa34ayoh0pqa'>
<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>113</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-87718' src='https://images.srefs.co/o28j3a65igq9gmn5woxfdbxny8hd'>
<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>57</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-33955' src='https://images.srefs.co/cu8s0pj006o2ajb8oli6q88uhy21'>
<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>18</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-90958' src='https://images.srefs.co/5hov231ep635c8b7w1s7is9uf7tu'>
<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-15703' src='https://images.srefs.co/dsmkais4o861intl1tl1k4srqyst'>
<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-93971' src='https://images.srefs.co/29by9ublfxvcdg5bce7wohgbd2ln'>
<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>73</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-103488' src='https://images.srefs.co/upugmqeznf8mo1si0plqxtj4834b'>
<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-82531' src='https://images.srefs.co/1lmq3opjbrng7bg01cvzll0a01ko'>
<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>26</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-98042' src='https://images.srefs.co/fmk1agg3pkq5cftg20blaet86cvf'>
<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-87368' src='https://images.srefs.co/3gj9wvvewic8iij029lkeetg3m6o'>
<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>60</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-89978' src='https://images.srefs.co/g3q3ho12usz68s4i26np3u8rpyv0'>
<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>

<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-38414' src='https://images.srefs.co/fauq0r6u2qghw2fu7fyqivyxjahp'>
<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-29020' src='https://images.srefs.co/5iovxnqy1ydwwqy3785sq0kg7wos'>
<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>62</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' data-ref-number-copy-version-value='7.0'>
<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-105063' src='https://images.srefs.co/bz70uzpc03p4yrokau1cigwt02lt'>
<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 class='absolute bottom-2 right-2 z-30'>
<div class='px-2 py-1 rounded-full text-xs font-semibold shadow-lg bg-gradient-to-r from-emerald-400 to-cyan-400 text-white'>
V7
</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-4342' src='https://images.srefs.co/u2lrxsak9v7gjf6f4iye3hosz6a9'>
<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>117</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-41630' src='https://images.srefs.co/qbe5lsrgribndy5iem8g3a6artvw'>
<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>132</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-28871' src='https://images.srefs.co/8hx25dikgupeosfo8afwk572fa1j'>
<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>30</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-83891' src='https://images.srefs.co/ewqglno5v91comsw7qygrbg4e2ym'>
<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-99863' src='https://images.srefs.co/qjv4be4vtpnnowsaqpc7ykf5hvjd'>
<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>26</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-94297' src='https://images.srefs.co/slz6xchcpvf1blp7xtjnaovjjff3'>
<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>67</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-93435' src='https://images.srefs.co/k993emrnapn984qkh6op52v987ka'>
<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-91969' src='https://images.srefs.co/zl4ydvyef8wwi4j19470yovpm7ic'>
<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>57</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-1428' src='https://images.srefs.co/r1pffkuoi5omethk04youublyw11'>
<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>286</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-95066' src='https://images.srefs.co/37jz0emmg031yqousi3g8ga6ektp'>
<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>74</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' data-ref-number-copy-version-value='7.0'>
<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-105121' src='https://images.srefs.co/nmdmzhuzpvutvl7fz63f9i6tjmh2'>
<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 class='absolute bottom-2 right-2 z-30'>
<div class='px-2 py-1 rounded-full text-xs font-semibold shadow-lg bg-gradient-to-r from-emerald-400 to-cyan-400 text-white'>
V7
</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-92901' src='https://images.srefs.co/ohw06fevg070bb2znvdltdiu47k1'>
<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>96</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-84508' src='https://images.srefs.co/bck23ab388zykvqz3068ble49qco'>
<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>43</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-47091' src='https://images.srefs.co/1i1bn1hlzteac031manurmlit167'>
<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>15</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-94036' src='https://images.srefs.co/f6ldvu284taewbu5ol4cwvzyp45s'>
<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>73</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-32664' src='https://images.srefs.co/ybmi8xg43ufpkt6hfrxlxs6qboak'>
<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-41103' src='https://images.srefs.co/bthp1u234x8ux4bht5r33qrvw67r'>
<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>30</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-25441' src='https://images.srefs.co/qfeehya1g875zlo9q9265x4zfk86'>
<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>17</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-11173' src='https://images.srefs.co/3eva9cv1yj3pzogyv536eixe5t2w'>
<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-49962' src='https://images.srefs.co/q6x0bn55m0vi0k7i3w4d5oum00vc'>
<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>21</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-48293' src='https://images.srefs.co/lt96z2c9oimtt9owpcvzjga6hxps'>
<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>30</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-9971' src='https://images.srefs.co/dqcehkiq6sw86qrat8rc4aokgsb1'>
<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>77</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-infinite-scroll-target="loadMore" data-remote="true" href="/style-categories/greeting-cards?page=4">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>