<turbo-stream action="append" target="infinite-scroll-list"><template>
    <li class="relative intersect:motion-preset-slide-up intersect-once group">
  <a class="absolute z-[1] inset-0" data-turbo-frame="_top" href="/coexister/khamti"></a>
  <div
    class="
      card bg-base-200 group-hover:bg-base-300 rounded-box overflow-hidden relative h-full
      
    "
  >
    <figure class="bg-base-300 relative h-54">
        <img class="object-cover h-full w-full relative " alt="Khamti" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ImVhYWYxMWQ4LWM5NWQtNGJkNy04OWNmLTM1NzY2NDk2NzgzMyIsInB1ciI6ImJsb2JfaWQifX0=--4b11f1285fa3870f49038e56745c5e384753efc5/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2xpbWl0IjpbMTAwMCwxMDAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--df4a1343893aa70339c6bd8e1dfd556da9b0f70d/WhatsApp%20Image%202026-02-03%20at%2015.46.48%20(1).jpeg" />
      <div class="absolute inset-x-0 -bottom-[1px]">
        <svg
          class="text-base-200 group-hover:text-base-300"
          xmlns="http://www.w3.org/2000/svg"
          viewBox="0 0 1200 120"
          preserveAspectRatio="none"
        >
          <path
            fill="currentColor"
            d="M600,112.77C268.63,112.77,0,65.52,0,7.23V120H1200V7.23C1200,65.52,931.37,112.77,600,112.77Z"
          ></path>
        </svg>
      </div>
    </figure>
    <div class="card-body relative backdrop-blur-sm">
      <div class="absolute -top-10 inset-x-0 px-6">
        <div class="flex flex-row justify-between items-center w-full">
          <div class="relative">
            <span class="p-2 mask mask-squircle bg-white"><img class="object-contain flex items-center justify-center size-10" alt="Co&amp;xister" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ImE3NmQ2Nzc1LWI3MTgtNDY4Yi05NTEzLTQyZGQ5NTVmZGUxZCIsInB1ciI6ImJsb2JfaWQifX0=--8334a994b75cbca35553be525502352bd61fb3af/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlsxMjAsMTIwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--aaeb784e17f38575559a7f53815fb4368bf2d17b/COEXISTER_logo_kaki_cercle%20(1).avif" /></span>
</div>            <button
              class="
                btn btn-xs btn-error btn-circle border-none relative -mb-4 ring-4
                ring-base-200 group-hover:ring-base-300
              "
            >
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="size-4">
  <path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path>
  <path d="m12 13-1-1 2-2-3-3 2-2"></path>
</svg>
            </button>
        </div>
      </div>
      <div class="flex flex-col">
        <div class="flex flex-row gap-3 items-center justify-between">
          <h2 class="card-title font-serif text-2xl">
            Khamti
          </h2>
        </div>
          <div class="badge badge-xs bg-base-300 flex flex-row items-center gap-1 line-clamp-1">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="size-3">
  <path d="M15 22a1 1 0 0 1-1-1v-4a1 1 0 0 1 .445-.832l3-2a1 1 0 0 1 1.11 0l3 2A1 1 0 0 1 22 17v4a1 1 0 0 1-1 1z"></path>
  <path d="M18 10a8 8 0 0 0-16 0c0 4.993 5.539 10.193 7.399 11.799a1 1 0 0 0 .601.2"></path>
  <path d="M18 22v-3"></path>
  <circle cx="10" cy="10" r="3"></circle>
</svg>
            Co&amp;xister
          </div>
      </div>
      <p class="whitespace-pre-wrap line-clamp-3">On pourrait croire qu&#39;une auréole entoure son petit visage d&#39;ange. La pureté de Khamti est bouleversante pour toute personne qui croise sa route. Son regard et son affection chamboulent profondément les cœurs des personnes qui le rencontrent ! </p>
    </div>
  </div>
</li>
    <li class="relative intersect:motion-preset-slide-up intersect-once group">
  <a class="absolute z-[1] inset-0" data-turbo-frame="_top" href="/coexister/cilli"></a>
  <div
    class="
      card bg-base-200 group-hover:bg-base-300 rounded-box overflow-hidden relative h-full
      
    "
  >
    <figure class="bg-base-300 relative h-54">
        <img class="object-cover h-full w-full relative " alt="Cilli" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ImVjMWE5NTk5LTY3YjEtNDljNi05YWNmLThkOWFiYTFmNDcxOSIsInB1ciI6ImJsb2JfaWQifX0=--9148a4ab8c6748bcd505e79de5ac6170c75167bd/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2xpbWl0IjpbMTAwMCwxMDAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--df4a1343893aa70339c6bd8e1dfd556da9b0f70d/6c849b5f-7834-4234-916d-a0860bdc0319.jpeg" />
      <div class="absolute inset-x-0 -bottom-[1px]">
        <svg
          class="text-base-200 group-hover:text-base-300"
          xmlns="http://www.w3.org/2000/svg"
          viewBox="0 0 1200 120"
          preserveAspectRatio="none"
        >
          <path
            fill="currentColor"
            d="M600,112.77C268.63,112.77,0,65.52,0,7.23V120H1200V7.23C1200,65.52,931.37,112.77,600,112.77Z"
          ></path>
        </svg>
      </div>
    </figure>
    <div class="card-body relative backdrop-blur-sm">
      <div class="absolute -top-10 inset-x-0 px-6">
        <div class="flex flex-row justify-between items-center w-full">
          <div class="relative">
            <span class="p-2 mask mask-squircle bg-white"><img class="object-contain flex items-center justify-center size-10" alt="Co&amp;xister" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ImE3NmQ2Nzc1LWI3MTgtNDY4Yi05NTEzLTQyZGQ5NTVmZGUxZCIsInB1ciI6ImJsb2JfaWQifX0=--8334a994b75cbca35553be525502352bd61fb3af/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlsxMjAsMTIwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--aaeb784e17f38575559a7f53815fb4368bf2d17b/COEXISTER_logo_kaki_cercle%20(1).avif" /></span>
</div>            <button
              class="
                btn btn-xs btn-error btn-circle border-none relative -mb-4 ring-4
                ring-base-200 group-hover:ring-base-300
              "
            >
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="size-4">
  <path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path>
  <path d="m12 13-1-1 2-2-3-3 2-2"></path>
</svg>
            </button>
        </div>
      </div>
      <div class="flex flex-col">
        <div class="flex flex-row gap-3 items-center justify-between">
          <h2 class="card-title font-serif text-2xl">
            Cilli
          </h2>
        </div>
          <div class="badge badge-xs bg-base-300 flex flex-row items-center gap-1 line-clamp-1">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="size-3">
  <path d="M15 22a1 1 0 0 1-1-1v-4a1 1 0 0 1 .445-.832l3-2a1 1 0 0 1 1.11 0l3 2A1 1 0 0 1 22 17v4a1 1 0 0 1-1 1z"></path>
  <path d="M18 10a8 8 0 0 0-16 0c0 4.993 5.539 10.193 7.399 11.799a1 1 0 0 0 .601.2"></path>
  <path d="M18 22v-3"></path>
  <circle cx="10" cy="10" r="3"></circle>
</svg>
            Co&amp;xister
          </div>
      </div>
      <p class="whitespace-pre-wrap line-clamp-3">D&#39;abord ronchonne et renfrognée lorsqu&#39;elle est arrivée au sanctuaire, Cilli s&#39;est peu à peu ouverte et apprécie désormais sincèrement notre compagnie.

Elle est la doyenne du sanctuaire, et elle est devenue partiellement aveugle cette année, dû à son âge (presque 90 ans en âge humain!).

Heureusement, elle peut compter sur Eowyn et Monoké qui prennent grand soin d&#39;elle, tout comme nous nous occuperions de nos grands-parents, et qui l&#39;ont beaucoup guidée lorsqu&#39;elle a commencé à perdre la vue.</p>
    </div>
  </div>
</li>
    <li class="relative intersect:motion-preset-slide-up intersect-once group">
  <a class="absolute z-[1] inset-0" data-turbo-frame="_top" href="/coexister/naos"></a>
  <div
    class="
      card bg-base-200 group-hover:bg-base-300 rounded-box overflow-hidden relative h-full
      
    "
  >
    <figure class="bg-base-300 relative h-54">
        <img class="object-cover h-full w-full relative " alt="Naos" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6IjkwOWFiMDBjLWZjYjUtNDI1Zi04MmFmLWY3ZGFlNDJjNmQ0NSIsInB1ciI6ImJsb2JfaWQifX0=--a98109c578e1fa4c9d953f166fd9f8a64960ac93/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOlsxMDAwLDEwMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--ec155f257b371fc1c61a9104ce1570dbb12eb38b/unnamed.jpg" />
      <div class="absolute inset-x-0 -bottom-[1px]">
        <svg
          class="text-base-200 group-hover:text-base-300"
          xmlns="http://www.w3.org/2000/svg"
          viewBox="0 0 1200 120"
          preserveAspectRatio="none"
        >
          <path
            fill="currentColor"
            d="M600,112.77C268.63,112.77,0,65.52,0,7.23V120H1200V7.23C1200,65.52,931.37,112.77,600,112.77Z"
          ></path>
        </svg>
      </div>
    </figure>
    <div class="card-body relative backdrop-blur-sm">
      <div class="absolute -top-10 inset-x-0 px-6">
        <div class="flex flex-row justify-between items-center w-full">
          <div class="relative">
            <span class="p-2 mask mask-squircle bg-white"><img class="object-contain flex items-center justify-center size-10" alt="Co&amp;xister" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ImE3NmQ2Nzc1LWI3MTgtNDY4Yi05NTEzLTQyZGQ5NTVmZGUxZCIsInB1ciI6ImJsb2JfaWQifX0=--8334a994b75cbca35553be525502352bd61fb3af/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlsxMjAsMTIwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--aaeb784e17f38575559a7f53815fb4368bf2d17b/COEXISTER_logo_kaki_cercle%20(1).avif" /></span>
</div>            <button
              class="
                btn btn-xs btn-error btn-circle border-none relative -mb-4 ring-4
                ring-base-200 group-hover:ring-base-300
              "
            >
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="size-4">
  <path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path>
  <path d="m12 13-1-1 2-2-3-3 2-2"></path>
</svg>
            </button>
        </div>
      </div>
      <div class="flex flex-col">
        <div class="flex flex-row gap-3 items-center justify-between">
          <h2 class="card-title font-serif text-2xl">
            Naos
          </h2>
        </div>
          <div class="badge badge-xs bg-base-300 flex flex-row items-center gap-1 line-clamp-1">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="size-3">
  <path d="M15 22a1 1 0 0 1-1-1v-4a1 1 0 0 1 .445-.832l3-2a1 1 0 0 1 1.11 0l3 2A1 1 0 0 1 22 17v4a1 1 0 0 1-1 1z"></path>
  <path d="M18 10a8 8 0 0 0-16 0c0 4.993 5.539 10.193 7.399 11.799a1 1 0 0 0 .601.2"></path>
  <path d="M18 22v-3"></path>
  <circle cx="10" cy="10" r="3"></circle>
</svg>
            Co&amp;xister
          </div>
      </div>
      <p class="whitespace-pre-wrap line-clamp-3">Naos est vif d&#39;esprit, autonome, sensible et extrêmement affectueux, il adore jouer avec ses grands frères et recevoir des grattouilles de notre part. </p>
    </div>
  </div>
</li>
    <li class="relative intersect:motion-preset-slide-up intersect-once group">
  <a class="absolute z-[1] inset-0" data-turbo-frame="_top" href="/refuge-de-pompoho/ice"></a>
  <div
    class="
      card bg-base-200 group-hover:bg-base-300 rounded-box overflow-hidden relative h-full
      
    "
  >
    <figure class="bg-base-300 relative h-54">
        <img class="object-cover h-full w-full relative " alt="Ice" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6IjQwZmYxYWQ1LWYxYWItNDUyMy1iNjJlLTA4YWRlMGY0MmRjNiIsInB1ciI6ImJsb2JfaWQifX0=--b67f25a015eb6f68ebd4156e3044551ff8136cae/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOlsxMDAwLDEwMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--ec155f257b371fc1c61a9104ce1570dbb12eb38b/441466481_844844204275964_7450804517482403067_n(1).jpg" />
      <div class="absolute inset-x-0 -bottom-[1px]">
        <svg
          class="text-base-200 group-hover:text-base-300"
          xmlns="http://www.w3.org/2000/svg"
          viewBox="0 0 1200 120"
          preserveAspectRatio="none"
        >
          <path
            fill="currentColor"
            d="M600,112.77C268.63,112.77,0,65.52,0,7.23V120H1200V7.23C1200,65.52,931.37,112.77,600,112.77Z"
          ></path>
        </svg>
      </div>
    </figure>
    <div class="card-body relative backdrop-blur-sm">
      <div class="absolute -top-10 inset-x-0 px-6">
        <div class="flex flex-row justify-between items-center w-full">
          <div class="relative">
            <span class="p-2 mask mask-squircle bg-white"><img class="object-contain flex items-center justify-center size-10" alt="Refuge de Pompoho" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ImNlOGQ5NDU1LTVlYTMtNDRmZS1iNjgzLWZkNzNkM2ViOWIxMCIsInB1ciI6ImJsb2JfaWQifX0=--86d4212a0acd1c7ae7720e48611c25e1537ec7a1/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOlsxMjAsMTIwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--41dde534cee6dc46a58cc79d9599bc3eb077df59/Logo%20Pompoho%20RS2.jpg" /></span>
</div>            <button
              class="
                btn btn-xs btn-error btn-circle border-none relative -mb-4 ring-4
                ring-base-200 group-hover:ring-base-300
              "
            >
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="size-4">
  <path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path>
  <path d="m12 13-1-1 2-2-3-3 2-2"></path>
</svg>
            </button>
        </div>
      </div>
      <div class="flex flex-col">
        <div class="flex flex-row gap-3 items-center justify-between">
          <h2 class="card-title font-serif text-2xl">
            Ice
          </h2>
        </div>
          <div class="badge badge-xs bg-base-300 flex flex-row items-center gap-1 line-clamp-1">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="size-3">
  <path d="M15 22a1 1 0 0 1-1-1v-4a1 1 0 0 1 .445-.832l3-2a1 1 0 0 1 1.11 0l3 2A1 1 0 0 1 22 17v4a1 1 0 0 1-1 1z"></path>
  <path d="M18 10a8 8 0 0 0-16 0c0 4.993 5.539 10.193 7.399 11.799a1 1 0 0 0 .601.2"></path>
  <path d="M18 22v-3"></path>
  <circle cx="10" cy="10" r="3"></circle>
</svg>
            Refuge de Pompoho
          </div>
      </div>
      <p class="whitespace-pre-wrap line-clamp-3">Ice, brebis âgée au fort caractère, leadeuse du gang des moutons/brebis et championne de l&#39;évasion. Elle a toujours été habituée à être entourée d&#39;humain-es et adore se faire grattouiller l&#39;arrière train. Mais bien sur, si elle est face à de la nourriture Ice nous snobe complètement, rien ne passe au dessus de la luzerne dans ses priorités.
Lorsqu&#39;elle est arrivée au refuge, Ice était enceinte. Elle a mis bas en janvier 2024 à 2 petits agneaux (Frim et Heol) très mignons.</p>
    </div>
  </div>
</li>
    <li class="relative intersect:motion-preset-slide-up intersect-once group">
  <a class="absolute z-[1] inset-0" data-turbo-frame="_top" href="/coexister/root"></a>
  <div
    class="
      card bg-base-200 group-hover:bg-base-300 rounded-box overflow-hidden relative h-full
      
    "
  >
    <figure class="bg-base-300 relative h-54">
        <img class="object-cover h-full w-full relative " alt="Root" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6IjgyMzRmZGE3LTE1YTYtNDJlYy1iMDA5LTYyZGNhZGYxZTk0MCIsInB1ciI6ImJsb2JfaWQifX0=--e5d615b947a7f5a638396f9c6318b710720691b6/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2xpbWl0IjpbMTAwMCwxMDAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--df4a1343893aa70339c6bd8e1dfd556da9b0f70d/IMG_6157.jpeg" />
      <div class="absolute inset-x-0 -bottom-[1px]">
        <svg
          class="text-base-200 group-hover:text-base-300"
          xmlns="http://www.w3.org/2000/svg"
          viewBox="0 0 1200 120"
          preserveAspectRatio="none"
        >
          <path
            fill="currentColor"
            d="M600,112.77C268.63,112.77,0,65.52,0,7.23V120H1200V7.23C1200,65.52,931.37,112.77,600,112.77Z"
          ></path>
        </svg>
      </div>
    </figure>
    <div class="card-body relative backdrop-blur-sm">
      <div class="absolute -top-10 inset-x-0 px-6">
        <div class="flex flex-row justify-between items-center w-full">
          <div class="relative">
            <span class="p-2 mask mask-squircle bg-white"><img class="object-contain flex items-center justify-center size-10" alt="Co&amp;xister" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ImE3NmQ2Nzc1LWI3MTgtNDY4Yi05NTEzLTQyZGQ5NTVmZGUxZCIsInB1ciI6ImJsb2JfaWQifX0=--8334a994b75cbca35553be525502352bd61fb3af/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlsxMjAsMTIwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--aaeb784e17f38575559a7f53815fb4368bf2d17b/COEXISTER_logo_kaki_cercle%20(1).avif" /></span>
</div>            <button
              class="
                btn btn-xs btn-error btn-circle border-none relative -mb-4 ring-4
                ring-base-200 group-hover:ring-base-300
              "
            >
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="size-4">
  <path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path>
  <path d="m12 13-1-1 2-2-3-3 2-2"></path>
</svg>
            </button>
        </div>
      </div>
      <div class="flex flex-col">
        <div class="flex flex-row gap-3 items-center justify-between">
          <h2 class="card-title font-serif text-2xl">
            Root
          </h2>
        </div>
          <div class="badge badge-xs bg-base-300 flex flex-row items-center gap-1 line-clamp-1">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="size-3">
  <path d="M15 22a1 1 0 0 1-1-1v-4a1 1 0 0 1 .445-.832l3-2a1 1 0 0 1 1.11 0l3 2A1 1 0 0 1 22 17v4a1 1 0 0 1-1 1z"></path>
  <path d="M18 10a8 8 0 0 0-16 0c0 4.993 5.539 10.193 7.399 11.799a1 1 0 0 0 .601.2"></path>
  <path d="M18 22v-3"></path>
  <circle cx="10" cy="10" r="3"></circle>
</svg>
            Co&amp;xister
          </div>
      </div>
      <p class="whitespace-pre-wrap line-clamp-3">Root est d&#39;une douceur déconcertante, et malgré les traumas qu&#39;elle porte en elle, apprend vite à faire confiance. </p>
    </div>
  </div>
</li>
    <li class="relative intersect:motion-preset-slide-up intersect-once group">
  <a class="absolute z-[1] inset-0" data-turbo-frame="_top" href="/coexister/maya"></a>
  <div
    class="
      card bg-base-200 group-hover:bg-base-300 rounded-box overflow-hidden relative h-full
      
    "
  >
    <figure class="bg-base-300 relative h-54">
        <img class="object-cover h-full w-full relative " alt="Maya" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6IjdkZjE2ZDE2LTJjNjgtNDYwMi1hNTIzLTkwMjhiYTI5OTY3MSIsInB1ciI6ImJsb2JfaWQifX0=--ca2d32d4faf752d21da1f2e492c0af5b9a96929b/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlsxMDAwLDEwMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--8ab86d46e46e8be893ce77955bcdadf78ac32a79/8119cf_001ebc74bb944918afa841127c5d427b~mv2.avif" />
      <div class="absolute inset-x-0 -bottom-[1px]">
        <svg
          class="text-base-200 group-hover:text-base-300"
          xmlns="http://www.w3.org/2000/svg"
          viewBox="0 0 1200 120"
          preserveAspectRatio="none"
        >
          <path
            fill="currentColor"
            d="M600,112.77C268.63,112.77,0,65.52,0,7.23V120H1200V7.23C1200,65.52,931.37,112.77,600,112.77Z"
          ></path>
        </svg>
      </div>
    </figure>
    <div class="card-body relative backdrop-blur-sm">
      <div class="absolute -top-10 inset-x-0 px-6">
        <div class="flex flex-row justify-between items-center w-full">
          <div class="relative">
            <span class="p-2 mask mask-squircle bg-white"><img class="object-contain flex items-center justify-center size-10" alt="Co&amp;xister" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ImE3NmQ2Nzc1LWI3MTgtNDY4Yi05NTEzLTQyZGQ5NTVmZGUxZCIsInB1ciI6ImJsb2JfaWQifX0=--8334a994b75cbca35553be525502352bd61fb3af/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlsxMjAsMTIwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--aaeb784e17f38575559a7f53815fb4368bf2d17b/COEXISTER_logo_kaki_cercle%20(1).avif" /></span>
</div>            <button
              class="
                btn btn-xs btn-warning btn-circle border-none relative -mb-4 ring-4
                ring-base-200 group-hover:ring-base-300
              "
            >
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="size-4">
  <path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path>
  <path d="m12 13-1-1 2-2-3-3 2-2"></path>
</svg>
            </button>
        </div>
      </div>
      <div class="flex flex-col">
        <div class="flex flex-row gap-3 items-center justify-between">
          <h2 class="card-title font-serif text-2xl">
            Maya
          </h2>
        </div>
          <div class="badge badge-xs bg-base-300 flex flex-row items-center gap-1 line-clamp-1">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="size-3">
  <path d="M15 22a1 1 0 0 1-1-1v-4a1 1 0 0 1 .445-.832l3-2a1 1 0 0 1 1.11 0l3 2A1 1 0 0 1 22 17v4a1 1 0 0 1-1 1z"></path>
  <path d="M18 10a8 8 0 0 0-16 0c0 4.993 5.539 10.193 7.399 11.799a1 1 0 0 0 .601.2"></path>
  <path d="M18 22v-3"></path>
  <circle cx="10" cy="10" r="3"></circle>
</svg>
            Co&amp;xister
          </div>
      </div>
      <p class="whitespace-pre-wrap line-clamp-3">Maya est majestueuse, déterminée, très intelligente et affectueuse. Elle sait ce qu&#39;elle se veut, tout en restant douce et confiante.</p>
    </div>
  </div>
</li>
    <li class="relative intersect:motion-preset-slide-up intersect-once group">
  <a class="absolute z-[1] inset-0" data-turbo-frame="_top" href="/coexister/alan"></a>
  <div
    class="
      card bg-base-200 group-hover:bg-base-300 rounded-box overflow-hidden relative h-full
      
    "
  >
    <figure class="bg-base-300 relative h-54">
        <img class="object-cover h-full w-full relative " alt="Alan" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6IjlmNmU5M2FmLWZiMGQtNDc2OC05MzQ5LThkZGM3NjMxM2IzOCIsInB1ciI6ImJsb2JfaWQifX0=--e2c094840ce41b945838ba554706d3c77374e864/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOlsxMDAwLDEwMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--ec155f257b371fc1c61a9104ce1570dbb12eb38b/unnamed.jpg" />
      <div class="absolute inset-x-0 -bottom-[1px]">
        <svg
          class="text-base-200 group-hover:text-base-300"
          xmlns="http://www.w3.org/2000/svg"
          viewBox="0 0 1200 120"
          preserveAspectRatio="none"
        >
          <path
            fill="currentColor"
            d="M600,112.77C268.63,112.77,0,65.52,0,7.23V120H1200V7.23C1200,65.52,931.37,112.77,600,112.77Z"
          ></path>
        </svg>
      </div>
    </figure>
    <div class="card-body relative backdrop-blur-sm">
      <div class="absolute -top-10 inset-x-0 px-6">
        <div class="flex flex-row justify-between items-center w-full">
          <div class="relative">
            <span class="p-2 mask mask-squircle bg-white"><img class="object-contain flex items-center justify-center size-10" alt="Co&amp;xister" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ImE3NmQ2Nzc1LWI3MTgtNDY4Yi05NTEzLTQyZGQ5NTVmZGUxZCIsInB1ciI6ImJsb2JfaWQifX0=--8334a994b75cbca35553be525502352bd61fb3af/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlsxMjAsMTIwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--aaeb784e17f38575559a7f53815fb4368bf2d17b/COEXISTER_logo_kaki_cercle%20(1).avif" /></span>
</div>            <button
              class="
                btn btn-xs btn-error btn-circle border-none relative -mb-4 ring-4
                ring-base-200 group-hover:ring-base-300
              "
            >
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="size-4">
  <path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path>
  <path d="m12 13-1-1 2-2-3-3 2-2"></path>
</svg>
            </button>
        </div>
      </div>
      <div class="flex flex-col">
        <div class="flex flex-row gap-3 items-center justify-between">
          <h2 class="card-title font-serif text-2xl">
            Alan
          </h2>
        </div>
          <div class="badge badge-xs bg-base-300 flex flex-row items-center gap-1 line-clamp-1">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="size-3">
  <path d="M15 22a1 1 0 0 1-1-1v-4a1 1 0 0 1 .445-.832l3-2a1 1 0 0 1 1.11 0l3 2A1 1 0 0 1 22 17v4a1 1 0 0 1-1 1z"></path>
  <path d="M18 10a8 8 0 0 0-16 0c0 4.993 5.539 10.193 7.399 11.799a1 1 0 0 0 .601.2"></path>
  <path d="M18 22v-3"></path>
  <circle cx="10" cy="10" r="3"></circle>
</svg>
            Co&amp;xister
          </div>
      </div>
      <p class="whitespace-pre-wrap line-clamp-3">Alan est téméraire, tendre et sociable. Il est très expressif, particulièrement câlin et proche des humains.</p>
    </div>
  </div>
</li>
    <li class="relative intersect:motion-preset-slide-up intersect-once group">
  <a class="absolute z-[1] inset-0" data-turbo-frame="_top" href="/refuge-de-pompoho/enez"></a>
  <div
    class="
      card bg-base-200 group-hover:bg-base-300 rounded-box overflow-hidden relative h-full
      
    "
  >
    <figure class="bg-base-300 relative h-54">
        <img class="object-cover h-full w-full relative " alt="Enez" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6IjFmZmRiYmM5LTAwZmYtNDkzZS04ZWUzLTBmYjU1YzFiODFlMSIsInB1ciI6ImJsb2JfaWQifX0=--315b9b37772584de7e6ce371980998cd6b0cba0c/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2xpbWl0IjpbMTAwMCwxMDAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--df4a1343893aa70339c6bd8e1dfd556da9b0f70d/enez.jpeg" />
      <div class="absolute inset-x-0 -bottom-[1px]">
        <svg
          class="text-base-200 group-hover:text-base-300"
          xmlns="http://www.w3.org/2000/svg"
          viewBox="0 0 1200 120"
          preserveAspectRatio="none"
        >
          <path
            fill="currentColor"
            d="M600,112.77C268.63,112.77,0,65.52,0,7.23V120H1200V7.23C1200,65.52,931.37,112.77,600,112.77Z"
          ></path>
        </svg>
      </div>
    </figure>
    <div class="card-body relative backdrop-blur-sm">
      <div class="absolute -top-10 inset-x-0 px-6">
        <div class="flex flex-row justify-between items-center w-full">
          <div class="relative">
            <span class="p-2 mask mask-squircle bg-white"><img class="object-contain flex items-center justify-center size-10" alt="Refuge de Pompoho" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ImNlOGQ5NDU1LTVlYTMtNDRmZS1iNjgzLWZkNzNkM2ViOWIxMCIsInB1ciI6ImJsb2JfaWQifX0=--86d4212a0acd1c7ae7720e48611c25e1537ec7a1/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOlsxMjAsMTIwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--41dde534cee6dc46a58cc79d9599bc3eb077df59/Logo%20Pompoho%20RS2.jpg" /></span>
</div>            <button
              class="
                btn btn-xs btn-error btn-circle border-none relative -mb-4 ring-4
                ring-base-200 group-hover:ring-base-300
              "
            >
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="size-4">
  <path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path>
  <path d="m12 13-1-1 2-2-3-3 2-2"></path>
</svg>
            </button>
        </div>
      </div>
      <div class="flex flex-col">
        <div class="flex flex-row gap-3 items-center justify-between">
          <h2 class="card-title font-serif text-2xl">
            Enez
          </h2>
        </div>
          <div class="badge badge-xs bg-base-300 flex flex-row items-center gap-1 line-clamp-1">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="size-3">
  <path d="M15 22a1 1 0 0 1-1-1v-4a1 1 0 0 1 .445-.832l3-2a1 1 0 0 1 1.11 0l3 2A1 1 0 0 1 22 17v4a1 1 0 0 1-1 1z"></path>
  <path d="M18 10a8 8 0 0 0-16 0c0 4.993 5.539 10.193 7.399 11.799a1 1 0 0 0 .601.2"></path>
  <path d="M18 22v-3"></path>
  <circle cx="10" cy="10" r="3"></circle>
</svg>
            Refuge de Pompoho
          </div>
      </div>
      <p class="whitespace-pre-wrap line-clamp-3">Enez est la plus craintive du petit gang que forment les 3 brebis de Ouessant. Toujours un peu méfiante et un peu en retrait, elle laisse toujours Panaché et Tournesol passer devant. Nous avons découvert en l&#39;accueillant qu&#39;Enez était aveugle d&#39;un œil mais elle semble s&#39;être adaptée.
Son âge est totalement inconnu.</p>
    </div>
  </div>
</li>
    <li class="relative intersect:motion-preset-slide-up intersect-once group">
  <a class="absolute z-[1] inset-0" data-turbo-frame="_top" href="/coexister/yazus"></a>
  <div
    class="
      card bg-base-200 group-hover:bg-base-300 rounded-box overflow-hidden relative h-full
      
    "
  >
    <figure class="bg-base-300 relative h-54">
        <img class="object-cover h-full w-full relative " alt="Yazus" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ImQzZWYzODgwLTE4NGItNDM4Yy1iODJjLTRjYjg3MTY4OTUzOSIsInB1ciI6ImJsb2JfaWQifX0=--f1e646e3a39d2e9f5efd60f3d697858899e349d9/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2xpbWl0IjpbMTAwMCwxMDAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--df4a1343893aa70339c6bd8e1dfd556da9b0f70d/0ec2ef0c-0635-4078-91dd-947463e115a3.jpeg" />
      <div class="absolute inset-x-0 -bottom-[1px]">
        <svg
          class="text-base-200 group-hover:text-base-300"
          xmlns="http://www.w3.org/2000/svg"
          viewBox="0 0 1200 120"
          preserveAspectRatio="none"
        >
          <path
            fill="currentColor"
            d="M600,112.77C268.63,112.77,0,65.52,0,7.23V120H1200V7.23C1200,65.52,931.37,112.77,600,112.77Z"
          ></path>
        </svg>
      </div>
    </figure>
    <div class="card-body relative backdrop-blur-sm">
      <div class="absolute -top-10 inset-x-0 px-6">
        <div class="flex flex-row justify-between items-center w-full">
          <div class="relative">
            <span class="p-2 mask mask-squircle bg-white"><img class="object-contain flex items-center justify-center size-10" alt="Co&amp;xister" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ImE3NmQ2Nzc1LWI3MTgtNDY4Yi05NTEzLTQyZGQ5NTVmZGUxZCIsInB1ciI6ImJsb2JfaWQifX0=--8334a994b75cbca35553be525502352bd61fb3af/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlsxMjAsMTIwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--aaeb784e17f38575559a7f53815fb4368bf2d17b/COEXISTER_logo_kaki_cercle%20(1).avif" /></span>
</div>            <button
              class="
                btn btn-xs btn-warning btn-circle border-none relative -mb-4 ring-4
                ring-base-200 group-hover:ring-base-300
              "
            >
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="size-4">
  <path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path>
  <path d="m12 13-1-1 2-2-3-3 2-2"></path>
</svg>
            </button>
        </div>
      </div>
      <div class="flex flex-col">
        <div class="flex flex-row gap-3 items-center justify-between">
          <h2 class="card-title font-serif text-2xl">
            Yazus
          </h2>
        </div>
          <div class="badge badge-xs bg-base-300 flex flex-row items-center gap-1 line-clamp-1">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="size-3">
  <path d="M15 22a1 1 0 0 1-1-1v-4a1 1 0 0 1 .445-.832l3-2a1 1 0 0 1 1.11 0l3 2A1 1 0 0 1 22 17v4a1 1 0 0 1-1 1z"></path>
  <path d="M18 10a8 8 0 0 0-16 0c0 4.993 5.539 10.193 7.399 11.799a1 1 0 0 0 .601.2"></path>
  <path d="M18 22v-3"></path>
  <circle cx="10" cy="10" r="3"></circle>
</svg>
            Co&amp;xister
          </div>
      </div>
      <p class="whitespace-pre-wrap line-clamp-3">Taquin, très affectueux et particulièrement proche des humain-e-s, Yazus a un grand besoin d&#39;attention et passerait volontiers sa vie à se faire câliner !

Actuellement en pleine adolescence, il peut parfois se montrer trop brute : comme tous les petits séparés de leur mère à la naissance, il n&#39;a pas immédiatement acquis les codes de son espèce, et il ne réalise pas la force de ses 800 kilos !
Heureusement, Maya et Barbouille, les deux matriarches du clan, sont là pour cadrer ses élans.</p>
    </div>
  </div>
</li>
    <li class="relative intersect:motion-preset-slide-up intersect-once group">
  <a class="absolute z-[1] inset-0" data-turbo-frame="_top" href="/coexister/samsam"></a>
  <div
    class="
      card bg-base-200 group-hover:bg-base-300 rounded-box overflow-hidden relative h-full
      
    "
  >
    <figure class="bg-base-300 relative h-54">
        <img class="object-cover h-full w-full relative " alt="Samsam" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6IjhmMTVkOTZjLTZiNGItNDJlMC05MmY0LThhZGE4NmM3ZjhmZiIsInB1ciI6ImJsb2JfaWQifX0=--3d1163db2d39e5a032ddd1b58d9982cf9b08d08a/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOlsxMDAwLDEwMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--ec155f257b371fc1c61a9104ce1570dbb12eb38b/unnamed.jpg" />
      <div class="absolute inset-x-0 -bottom-[1px]">
        <svg
          class="text-base-200 group-hover:text-base-300"
          xmlns="http://www.w3.org/2000/svg"
          viewBox="0 0 1200 120"
          preserveAspectRatio="none"
        >
          <path
            fill="currentColor"
            d="M600,112.77C268.63,112.77,0,65.52,0,7.23V120H1200V7.23C1200,65.52,931.37,112.77,600,112.77Z"
          ></path>
        </svg>
      </div>
    </figure>
    <div class="card-body relative backdrop-blur-sm">
      <div class="absolute -top-10 inset-x-0 px-6">
        <div class="flex flex-row justify-between items-center w-full">
          <div class="relative">
            <span class="p-2 mask mask-squircle bg-white"><img class="object-contain flex items-center justify-center size-10" alt="Co&amp;xister" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ImE3NmQ2Nzc1LWI3MTgtNDY4Yi05NTEzLTQyZGQ5NTVmZGUxZCIsInB1ciI6ImJsb2JfaWQifX0=--8334a994b75cbca35553be525502352bd61fb3af/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlsxMjAsMTIwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--aaeb784e17f38575559a7f53815fb4368bf2d17b/COEXISTER_logo_kaki_cercle%20(1).avif" /></span>
</div>            <button
              class="
                btn btn-xs btn-warning btn-circle border-none relative -mb-4 ring-4
                ring-base-200 group-hover:ring-base-300
              "
            >
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="size-4">
  <path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path>
  <path d="m12 13-1-1 2-2-3-3 2-2"></path>
</svg>
            </button>
        </div>
      </div>
      <div class="flex flex-col">
        <div class="flex flex-row gap-3 items-center justify-between">
          <h2 class="card-title font-serif text-2xl">
            Samsam
          </h2>
        </div>
          <div class="badge badge-xs bg-base-300 flex flex-row items-center gap-1 line-clamp-1">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="size-3">
  <path d="M15 22a1 1 0 0 1-1-1v-4a1 1 0 0 1 .445-.832l3-2a1 1 0 0 1 1.11 0l3 2A1 1 0 0 1 22 17v4a1 1 0 0 1-1 1z"></path>
  <path d="M18 10a8 8 0 0 0-16 0c0 4.993 5.539 10.193 7.399 11.799a1 1 0 0 0 .601.2"></path>
  <path d="M18 22v-3"></path>
  <circle cx="10" cy="10" r="3"></circle>
</svg>
            Co&amp;xister
          </div>
      </div>
      <p class="whitespace-pre-wrap line-clamp-3">Samsam est arrivé bébé au sanctuaire, et il était un petit cochon extrêmement craintif. 

Il lui aura fallu près de 4 mois pour apprendre à nous faire confiance. Avec beaucoup de patience et de reconnaissance, nous avons désormais tissé des liens forts avec lui. 

Il a appris à apprécier les câlins de la part des personnes qu&#39;il connaît bien et vient désormais quotidiennement nous en demander. </p>
    </div>
  </div>
</li>
    <li class="relative intersect:motion-preset-slide-up intersect-once group">
  <a class="absolute z-[1] inset-0" data-turbo-frame="_top" href="/coexister/aini"></a>
  <div
    class="
      card bg-base-200 group-hover:bg-base-300 rounded-box overflow-hidden relative h-full
      
    "
  >
    <figure class="bg-base-300 relative h-54">
        <img class="object-cover h-full w-full relative " alt="Aïni" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6IjE5MmUzMmIwLTVhNmYtNDE1ZC1iNjU5LTM2Y2UyYWZlMjg3YiIsInB1ciI6ImJsb2JfaWQifX0=--cb45e89f49153c8f8f0e8fd7498e03b28b0fd8f8/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOlsxMDAwLDEwMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--ec155f257b371fc1c61a9104ce1570dbb12eb38b/unnamed.jpg" />
      <div class="absolute inset-x-0 -bottom-[1px]">
        <svg
          class="text-base-200 group-hover:text-base-300"
          xmlns="http://www.w3.org/2000/svg"
          viewBox="0 0 1200 120"
          preserveAspectRatio="none"
        >
          <path
            fill="currentColor"
            d="M600,112.77C268.63,112.77,0,65.52,0,7.23V120H1200V7.23C1200,65.52,931.37,112.77,600,112.77Z"
          ></path>
        </svg>
      </div>
    </figure>
    <div class="card-body relative backdrop-blur-sm">
      <div class="absolute -top-10 inset-x-0 px-6">
        <div class="flex flex-row justify-between items-center w-full">
          <div class="relative">
            <span class="p-2 mask mask-squircle bg-white"><img class="object-contain flex items-center justify-center size-10" alt="Co&amp;xister" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ImE3NmQ2Nzc1LWI3MTgtNDY4Yi05NTEzLTQyZGQ5NTVmZGUxZCIsInB1ciI6ImJsb2JfaWQifX0=--8334a994b75cbca35553be525502352bd61fb3af/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlsxMjAsMTIwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--aaeb784e17f38575559a7f53815fb4368bf2d17b/COEXISTER_logo_kaki_cercle%20(1).avif" /></span>
</div>            <button
              class="
                btn btn-xs btn-warning btn-circle border-none relative -mb-4 ring-4
                ring-base-200 group-hover:ring-base-300
              "
            >
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="size-4">
  <path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path>
  <path d="m12 13-1-1 2-2-3-3 2-2"></path>
</svg>
            </button>
        </div>
      </div>
      <div class="flex flex-col">
        <div class="flex flex-row gap-3 items-center justify-between">
          <h2 class="card-title font-serif text-2xl">
            Aïni
          </h2>
        </div>
          <div class="badge badge-xs bg-base-300 flex flex-row items-center gap-1 line-clamp-1">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="size-3">
  <path d="M15 22a1 1 0 0 1-1-1v-4a1 1 0 0 1 .445-.832l3-2a1 1 0 0 1 1.11 0l3 2A1 1 0 0 1 22 17v4a1 1 0 0 1-1 1z"></path>
  <path d="M18 10a8 8 0 0 0-16 0c0 4.993 5.539 10.193 7.399 11.799a1 1 0 0 0 .601.2"></path>
  <path d="M18 22v-3"></path>
  <circle cx="10" cy="10" r="3"></circle>
</svg>
            Co&amp;xister
          </div>
      </div>
      <p class="whitespace-pre-wrap line-clamp-3">Aïni est curieuse, espiègle, câline et... jalouse quand on s&#39;occupe plus de ses frères et soeurs d&#39;adoption que d&#39;elle !

Elle adore se faire brosser, et elle peut être très bavarde : si on ne lui amène pas son foin suffisamment vite à son goût, elle râle.</p>
    </div>
  </div>
</li>
    <li class="relative intersect:motion-preset-slide-up intersect-once group">
  <a class="absolute z-[1] inset-0" data-turbo-frame="_top" href="/coexister/doug"></a>
  <div
    class="
      card bg-base-200 group-hover:bg-base-300 rounded-box overflow-hidden relative h-full
      
    "
  >
    <figure class="bg-base-300 relative h-54">
        <img class="object-cover h-full w-full relative " alt="Doug" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6IjA5Yjc4YTVhLWNlMWQtNDYxNC05NTFlLTRlZGVmMWI4OTc5NSIsInB1ciI6ImJsb2JfaWQifX0=--ae92b362e2d89f1bc686a7c9cbbb1a642efa4136/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOlsxMDAwLDEwMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--ec155f257b371fc1c61a9104ce1570dbb12eb38b/unnamed.jpg" />
      <div class="absolute inset-x-0 -bottom-[1px]">
        <svg
          class="text-base-200 group-hover:text-base-300"
          xmlns="http://www.w3.org/2000/svg"
          viewBox="0 0 1200 120"
          preserveAspectRatio="none"
        >
          <path
            fill="currentColor"
            d="M600,112.77C268.63,112.77,0,65.52,0,7.23V120H1200V7.23C1200,65.52,931.37,112.77,600,112.77Z"
          ></path>
        </svg>
      </div>
    </figure>
    <div class="card-body relative backdrop-blur-sm">
      <div class="absolute -top-10 inset-x-0 px-6">
        <div class="flex flex-row justify-between items-center w-full">
          <div class="relative">
            <span class="p-2 mask mask-squircle bg-white"><img class="object-contain flex items-center justify-center size-10" alt="Co&amp;xister" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ImE3NmQ2Nzc1LWI3MTgtNDY4Yi05NTEzLTQyZGQ5NTVmZGUxZCIsInB1ciI6ImJsb2JfaWQifX0=--8334a994b75cbca35553be525502352bd61fb3af/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlsxMjAsMTIwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--aaeb784e17f38575559a7f53815fb4368bf2d17b/COEXISTER_logo_kaki_cercle%20(1).avif" /></span>
</div>            <button
              class="
                btn btn-xs btn-warning btn-circle border-none relative -mb-4 ring-4
                ring-base-200 group-hover:ring-base-300
              "
            >
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="size-4">
  <path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path>
  <path d="m12 13-1-1 2-2-3-3 2-2"></path>
</svg>
            </button>
        </div>
      </div>
      <div class="flex flex-col">
        <div class="flex flex-row gap-3 items-center justify-between">
          <h2 class="card-title font-serif text-2xl">
            Doug
          </h2>
        </div>
          <div class="badge badge-xs bg-base-300 flex flex-row items-center gap-1 line-clamp-1">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="size-3">
  <path d="M15 22a1 1 0 0 1-1-1v-4a1 1 0 0 1 .445-.832l3-2a1 1 0 0 1 1.11 0l3 2A1 1 0 0 1 22 17v4a1 1 0 0 1-1 1z"></path>
  <path d="M18 10a8 8 0 0 0-16 0c0 4.993 5.539 10.193 7.399 11.799a1 1 0 0 0 .601.2"></path>
  <path d="M18 22v-3"></path>
  <circle cx="10" cy="10" r="3"></circle>
</svg>
            Co&amp;xister
          </div>
      </div>
      <p class="whitespace-pre-wrap line-clamp-3">Doug est très doux et communicatif, mais aussi très indépendant. Il est vif d&#39;esprit et solidaire des autres animaux. </p>
    </div>
  </div>
</li>
</template></turbo-stream>
<turbo-stream action="replace" target="infinite-scroll-pagination"><template>
  <div id="infinite-scroll-pagination" data-infinite-scroll-target="trigger">
    <div class="flex pt-3">
      <a data-turbo-stream="true" data-infinite-scroll-target="link" class="btn btn-outline w-full" href="/animals.turbo_stream?page=6">Découvrir plus ...</a>
    </div>
</div>

</template></turbo-stream>