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

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

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

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

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

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

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

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

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

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

</div>

</div>

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

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

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

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

</div>

</div>

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

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

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

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

</div>

</div>

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

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

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

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

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

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

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

</div>

</div>

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

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

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

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

</div>

</div>

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

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

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

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

</div>

</div>

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

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

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

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

</div>

</div>

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

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

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

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

</div>

</div>

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

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

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

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

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

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

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

</div>

</div>

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

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

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

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

</div>

</div>

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

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

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

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

</div>

</div>

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

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

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

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

</div>

</div>

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

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

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

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

</div>

</div>

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

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

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

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

</div>

</div>

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

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

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

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

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

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

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

</div>

</div>

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

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

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

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

</div>

</div>

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

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

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

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

</div>

</div>

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

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

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

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

</div>

</div>

<div class='flex flex-col justify-self-center' data-controller='ref-number-copy' data-ref-number-copy-number-value='' data-ref-number-copy-sw-value='1000'>
<div class='relative rounded-2xl overflow-hidden border-gray-400 border-2 shadow-lg group'>
<img class='w-full h-auto rounded-lg' id='seed-image-80254' src='https://images.srefs.co/6d2kyrkm8kjue4pq2v0punjsljom'>
<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-8257' src='https://images.srefs.co/u4zl7v0oi0cqqybr5vjqe6slzm1k'>
<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>82</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/artistic-event?page=16">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>