<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-94979' src='https://images.srefs.co/kgo3yh3skln1ry4mm4r5alcs7e1p'>
<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-14030' src='https://images.srefs.co/j9f5kuf0a45p5ezogtt8g82u24ik'>
<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-35039' src='https://images.srefs.co/pieggxpdql5b7miq158sx7ktcnqa'>
<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>34</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-10932' src='https://images.srefs.co/rqvm0xq4to5f4gwinzltvi7kyvjw'>
<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-84815' src='https://images.srefs.co/63d9dm034t9c2stp73466ah9huk3'>
<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-34183' src='https://images.srefs.co/60r9ejd3pifmyjwg7fn9nuo5syt1'>
<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-25353' src='https://images.srefs.co/d4ljdhim38tm6qybxnv4nb4dd4li'>
<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>35</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-26433' src='https://images.srefs.co/tumfdv71l5hfrnbb3yu2havl1weq'>
<div class='absolute top-2 left-2 z-20 flex flex-col gap-1 group-hover:opacity-20 transition-opacity duration-200'>
<div class='bg-black bg-opacity-75 text-white text-xs font-medium rounded px-2 py-1 flex items-center gap-1'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-3 h-3">
  <path stroke-linecap="round" stroke-linejoin="round" d="M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z"></path>
  <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"></path>
</svg>

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

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

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

</div>

</div>

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

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

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

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

</div>

</div>

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

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

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

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

</div>

</div>

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

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

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

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

</div>

</div>

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

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

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

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

</div>

</div>

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

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

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

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

</div>

</div>

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

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

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

<span class='font-semibold text-white'>Unlock</span>
</button>
</div>
</div>
<div 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-19256' src='https://images.srefs.co/7837psel57pwdoghh41mj6wu95nw'>
<div class='absolute top-2 left-2 z-20 flex flex-col gap-1 group-hover:opacity-20 transition-opacity duration-200'>
<div class='bg-black bg-opacity-75 text-white text-xs font-medium rounded px-2 py-1 flex items-center gap-1'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-3 h-3">
  <path stroke-linecap="round" stroke-linejoin="round" d="M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z"></path>
  <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"></path>
</svg>

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

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

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

</div>

</div>

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

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

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

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

</div>

</div>

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

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

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

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

</div>

</div>

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

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

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

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

</div>

</div>

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

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

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

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

</div>

</div>

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

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

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

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

</div>

</div>

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

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

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

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

</div>

</div>

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

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

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

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

</div>

</div>

<div class='flex flex-col justify-self-center' data-controller='ref-number-copy' data-ref-number-copy-number-value='' data-ref-number-copy-sw-value='1000'>
<div class='relative rounded-2xl overflow-hidden border-gray-400 border-2 shadow-lg group'>
<img class='w-full h-auto rounded-lg' id='seed-image-7619' src='https://images.srefs.co/la9aek4s8nqw2aavo3024sy5vavc'>
<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>106</span>
</div>
</div>
<div class='absolute bg-gray-900 bg-opacity-40 flex items-center justify-center group-hover:opacity-0 h-full w-full centered-element'>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-12 h-12 text-white">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"></path>
</svg>

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

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

</div>

</div>

</template></turbo-stream><turbo-stream action="update" target="load-more-srefs"><template><a class="bg-black hover:bg-gray-800 text-white font-semibold py-3 px-8 rounded-full transition-colors duration-300 shadow-lg" data-turbo-stream="true" data-remote="true" href="/style-categories/film-noir?page=20">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>