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

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

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

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

</div>

</div>

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

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

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

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

</div>

</div>

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

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

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

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

</div>

</div>

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

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

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

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

</div>

</div>

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

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

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

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

</div>

</div>

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

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

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

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

</div>

</div>

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

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

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

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

</div>

</div>

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

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

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

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

</div>

</div>

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

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

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

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

</div>

</div>

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

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

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

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

</div>

</div>

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

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

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

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

</div>

</div>

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

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

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

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

</div>

</div>

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

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

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

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

</div>

</div>

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

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

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

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

</div>

</div>

<div class='flex flex-col justify-self-center' data-controller='ref-number-copy' data-ref-number-copy-number-value='' data-ref-number-copy-sw-value='1000'>
<div class='relative rounded-2xl overflow-hidden border-gray-400 border-2 shadow-lg group'>
<img class='w-full h-auto rounded-lg' id='seed-image-42463' src='https://images.srefs.co/k2ntu0x0tkkn7y2p4p985vdy3wfr'>
<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-7104' src='https://images.srefs.co/njj5nweecxu1id2l1nb894lq2udx'>
<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>155</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-39200' src='https://images.srefs.co/pbk7j1rc5rw3v8ydrvzuvmfnb7y6'>
<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-89041' src='https://images.srefs.co/5pcpqvtd820rfzkiwd1c1ws43bhk'>
<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>70</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-5128' src='https://images.srefs.co/iigbb48zc20qnzg27gmjfbmwh6w0'>
<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>90</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/gothic?page=9">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>