
<turbo-stream action="append" target="teams-drawer-list"><template>
  
<li data-team-filter-target="item"
    data-team-name="les pisano">
  <a class="group block bg-white rounded-xl border border-base-200 p-3 hover:shadow-sm transition-shadow" href="/tsohar2019/les-pisano">
    <div class="flex items-center gap-3 mb-2">
      <div class="w-10 h-10 rounded-full flex items-center justify-center text-white font-bold text-sm flex-shrink-0"
           style="background: #f67650;">
        L
      </div>
      <div class="min-w-0 flex-1">
        <p class="font-semibold text-sm break-words leading-snug group-hover:text-primary transition-colors">Les pisano</p>
          <p class="text-xs text-base-content/50 mt-0.5">
            6 donateurs
          </p>
      </div>
      <div class="text-right flex-shrink-0">
        <p class="font-bold text-sm leading-none" style="color: #f67650;">
          1 500 €
        </p>
          <p class="text-[10px] text-base-content/50 mt-0.5 whitespace-nowrap">
            / 4 000 €
          </p>
      </div>
    </div>

      <div class="flex items-center gap-2">
        <div class="flex-1 h-1.5 bg-base-200 rounded-full overflow-hidden">
          <div class="h-full transition-all duration-500" style="width: 38%; background: #f67650;"></div>
        </div>
        <span class="text-[10px] font-bold whitespace-nowrap leading-none" style="color: #f67650;">38%</span>
      </div>
</a></li>

<li data-team-filter-target="item"
    data-team-name="steeve et nourith">
  <a class="group block bg-white rounded-xl border border-base-200 p-3 hover:shadow-sm transition-shadow" href="/tsohar2019/steeve-et-nourith">
    <div class="flex items-center gap-3 mb-2">
      <div class="w-10 h-10 rounded-full flex items-center justify-center text-white font-bold text-sm flex-shrink-0"
           style="background: #f67650;">
        S
      </div>
      <div class="min-w-0 flex-1">
        <p class="font-semibold text-sm break-words leading-snug group-hover:text-primary transition-colors">Steeve et Nourith</p>
          <p class="text-xs text-base-content/50 mt-0.5">
            2 donateurs
          </p>
      </div>
      <div class="text-right flex-shrink-0">
        <p class="font-bold text-sm leading-none" style="color: #f67650;">
          1 240 €
        </p>
          <p class="text-[10px] text-base-content/50 mt-0.5 whitespace-nowrap">
            / 4 000 €
          </p>
      </div>
    </div>

      <div class="flex items-center gap-2">
        <div class="flex-1 h-1.5 bg-base-200 rounded-full overflow-hidden">
          <div class="h-full transition-all duration-500" style="width: 31%; background: #f67650;"></div>
        </div>
        <span class="text-[10px] font-bold whitespace-nowrap leading-none" style="color: #f67650;">31%</span>
      </div>
</a></li>

<li data-team-filter-target="item"
    data-team-name="gladys harroch">
  <a class="group block bg-white rounded-xl border border-base-200 p-3 hover:shadow-sm transition-shadow" href="/tsohar2019/gladys-harroch">
    <div class="flex items-center gap-3 mb-2">
      <div class="w-10 h-10 rounded-full flex items-center justify-center text-white font-bold text-sm flex-shrink-0"
           style="background: #f67650;">
        G
      </div>
      <div class="min-w-0 flex-1">
        <p class="font-semibold text-sm break-words leading-snug group-hover:text-primary transition-colors">Gladys Harroch</p>
          <p class="text-xs text-base-content/50 mt-0.5">
            4 donateurs
          </p>
      </div>
      <div class="text-right flex-shrink-0">
        <p class="font-bold text-sm leading-none" style="color: #f67650;">
          1 204 €
        </p>
      </div>
    </div>

</a></li>

<li data-team-filter-target="item"
    data-team-name="bouchoucha">
  <a class="group block bg-white rounded-xl border border-base-200 p-3 hover:shadow-sm transition-shadow" href="/tsohar2019/bouchoucha">
    <div class="flex items-center gap-3 mb-2">
      <div class="w-10 h-10 rounded-full flex items-center justify-center text-white font-bold text-sm flex-shrink-0"
           style="background: #f67650;">
        B
      </div>
      <div class="min-w-0 flex-1">
        <p class="font-semibold text-sm break-words leading-snug group-hover:text-primary transition-colors">Bouchoucha</p>
          <p class="text-xs text-base-content/50 mt-0.5">
            5 donateurs
          </p>
      </div>
      <div class="text-right flex-shrink-0">
        <p class="font-bold text-sm leading-none" style="color: #f67650;">
          868 €
        </p>
          <p class="text-[10px] text-base-content/50 mt-0.5 whitespace-nowrap">
            / 4 000 €
          </p>
      </div>
    </div>

      <div class="flex items-center gap-2">
        <div class="flex-1 h-1.5 bg-base-200 rounded-full overflow-hidden">
          <div class="h-full transition-all duration-500" style="width: 22%; background: #f67650;"></div>
        </div>
        <span class="text-[10px] font-bold whitespace-nowrap leading-none" style="color: #f67650;">22%</span>
      </div>
</a></li>

<li data-team-filter-target="item"
    data-team-name="carole et rudy allia">
  <a class="group block bg-white rounded-xl border border-base-200 p-3 hover:shadow-sm transition-shadow" href="/tsohar2019/carole-et-rudy-allia">
    <div class="flex items-center gap-3 mb-2">
      <div class="w-10 h-10 rounded-full flex items-center justify-center text-white font-bold text-sm flex-shrink-0"
           style="background: #f67650;">
        C
      </div>
      <div class="min-w-0 flex-1">
        <p class="font-semibold text-sm break-words leading-snug group-hover:text-primary transition-colors">Carole et Rudy ALLIA</p>
          <p class="text-xs text-base-content/50 mt-0.5">
            2 donateurs
          </p>
      </div>
      <div class="text-right flex-shrink-0">
        <p class="font-bold text-sm leading-none" style="color: #f67650;">
          700 €
        </p>
          <p class="text-[10px] text-base-content/50 mt-0.5 whitespace-nowrap">
            / 8 000 €
          </p>
      </div>
    </div>

      <div class="flex items-center gap-2">
        <div class="flex-1 h-1.5 bg-base-200 rounded-full overflow-hidden">
          <div class="h-full transition-all duration-500" style="width: 9%; background: #f67650;"></div>
        </div>
        <span class="text-[10px] font-bold whitespace-nowrap leading-none" style="color: #f67650;">9%</span>
      </div>
</a></li>

<li data-team-filter-target="item"
    data-team-name="audrey benamou">
  <a class="group block bg-white rounded-xl border border-base-200 p-3 hover:shadow-sm transition-shadow" href="/tsohar2019/audrey-benamou">
    <div class="flex items-center gap-3 mb-2">
      <div class="w-10 h-10 rounded-full flex items-center justify-center text-white font-bold text-sm flex-shrink-0"
           style="background: #f67650;">
        A
      </div>
      <div class="min-w-0 flex-1">
        <p class="font-semibold text-sm break-words leading-snug group-hover:text-primary transition-colors">Audrey BENAMOU</p>
          <p class="text-xs text-base-content/50 mt-0.5">
            3 donateurs
          </p>
      </div>
      <div class="text-right flex-shrink-0">
        <p class="font-bold text-sm leading-none" style="color: #f67650;">
          640 €
        </p>
          <p class="text-[10px] text-base-content/50 mt-0.5 whitespace-nowrap">
            / 4 000 €
          </p>
      </div>
    </div>

      <div class="flex items-center gap-2">
        <div class="flex-1 h-1.5 bg-base-200 rounded-full overflow-hidden">
          <div class="h-full transition-all duration-500" style="width: 16%; background: #f67650;"></div>
        </div>
        <span class="text-[10px] font-bold whitespace-nowrap leading-none" style="color: #f67650;">16%</span>
      </div>
</a></li>

<li data-team-filter-target="item"
    data-team-name="corinne">
  <a class="group block bg-white rounded-xl border border-base-200 p-3 hover:shadow-sm transition-shadow" href="/tsohar2019/corinne">
    <div class="flex items-center gap-3 mb-2">
      <div class="w-10 h-10 rounded-full flex items-center justify-center text-white font-bold text-sm flex-shrink-0"
           style="background: #f67650;">
        C
      </div>
      <div class="min-w-0 flex-1">
        <p class="font-semibold text-sm break-words leading-snug group-hover:text-primary transition-colors">Corinne</p>
          <p class="text-xs text-base-content/50 mt-0.5">
            7 donateurs
          </p>
      </div>
      <div class="text-right flex-shrink-0">
        <p class="font-bold text-sm leading-none" style="color: #f67650;">
          598 €
        </p>
      </div>
    </div>

</a></li>

<li data-team-filter-target="item"
    data-team-name="jess et debo">
  <a class="group block bg-white rounded-xl border border-base-200 p-3 hover:shadow-sm transition-shadow" href="/tsohar2019/jess-et-debo">
    <div class="flex items-center gap-3 mb-2">
      <div class="w-10 h-10 rounded-full flex items-center justify-center text-white font-bold text-sm flex-shrink-0"
           style="background: #f67650;">
        J
      </div>
      <div class="min-w-0 flex-1">
        <p class="font-semibold text-sm break-words leading-snug group-hover:text-primary transition-colors">Jess et debo</p>
          <p class="text-xs text-base-content/50 mt-0.5">
            4 donateurs
          </p>
      </div>
      <div class="text-right flex-shrink-0">
        <p class="font-bold text-sm leading-none" style="color: #f67650;">
          388 €
        </p>
      </div>
    </div>

</a></li>

<li data-team-filter-target="item"
    data-team-name="levyna cohen souffir">
  <a class="group block bg-white rounded-xl border border-base-200 p-3 hover:shadow-sm transition-shadow" href="/tsohar2019/levyna-cohen-souffir">
    <div class="flex items-center gap-3 mb-2">
      <div class="w-10 h-10 rounded-full flex items-center justify-center text-white font-bold text-sm flex-shrink-0"
           style="background: #f67650;">
        L
      </div>
      <div class="min-w-0 flex-1">
        <p class="font-semibold text-sm break-words leading-snug group-hover:text-primary transition-colors">Levyna Cohen Souffir</p>
          <p class="text-xs text-base-content/50 mt-0.5">
            2 donateurs
          </p>
      </div>
      <div class="text-right flex-shrink-0">
        <p class="font-bold text-sm leading-none" style="color: #f67650;">
          260 €
        </p>
      </div>
    </div>

</a></li>

<li data-team-filter-target="item"
    data-team-name="benaroch">
  <a class="group block bg-white rounded-xl border border-base-200 p-3 hover:shadow-sm transition-shadow" href="/tsohar2019/benaroch">
    <div class="flex items-center gap-3 mb-2">
      <div class="w-10 h-10 rounded-full flex items-center justify-center text-white font-bold text-sm flex-shrink-0"
           style="background: #f67650;">
        B
      </div>
      <div class="min-w-0 flex-1">
        <p class="font-semibold text-sm break-words leading-snug group-hover:text-primary transition-colors">benaroch</p>
          <p class="text-xs text-base-content/50 mt-0.5">
            1 donateur
          </p>
      </div>
      <div class="text-right flex-shrink-0">
        <p class="font-bold text-sm leading-none" style="color: #f67650;">
          252 €
        </p>
      </div>
    </div>

</a></li>

<li data-team-filter-target="item"
    data-team-name="hanna lautenberg">
  <a class="group block bg-white rounded-xl border border-base-200 p-3 hover:shadow-sm transition-shadow" href="/tsohar2019/hanna-lautenberg">
    <div class="flex items-center gap-3 mb-2">
      <div class="w-10 h-10 rounded-full flex items-center justify-center text-white font-bold text-sm flex-shrink-0"
           style="background: #f67650;">
        H
      </div>
      <div class="min-w-0 flex-1">
        <p class="font-semibold text-sm break-words leading-snug group-hover:text-primary transition-colors">Hanna Lautenberg</p>
      </div>
      <div class="text-right flex-shrink-0">
        <p class="font-bold text-sm leading-none" style="color: #f67650;">
          0 €
        </p>
          <p class="text-[10px] text-base-content/50 mt-0.5 whitespace-nowrap">
            / 4 000 €
          </p>
      </div>
    </div>

      <div class="flex items-center gap-2">
        <div class="flex-1 h-1.5 bg-base-200 rounded-full overflow-hidden">
          <div class="h-full transition-all duration-500" style="width: 0%; background: #f67650;"></div>
        </div>
        <span class="text-[10px] font-bold whitespace-nowrap leading-none" style="color: #f67650;">0%</span>
      </div>
</a></li>

<li data-team-filter-target="item"
    data-team-name="jerry yeouda">
  <a class="group block bg-white rounded-xl border border-base-200 p-3 hover:shadow-sm transition-shadow" href="/tsohar2019/jerry-yeouda">
    <div class="flex items-center gap-3 mb-2">
      <div class="w-10 h-10 rounded-full flex items-center justify-center text-white font-bold text-sm flex-shrink-0"
           style="background: #f67650;">
        J
      </div>
      <div class="min-w-0 flex-1">
        <p class="font-semibold text-sm break-words leading-snug group-hover:text-primary transition-colors">jerry yeouda</p>
      </div>
      <div class="text-right flex-shrink-0">
        <p class="font-bold text-sm leading-none" style="color: #f67650;">
          0 €
        </p>
      </div>
    </div>

</a></li>

</template></turbo-stream>
<turbo-stream action="replace" target="teams-drawer-load-more"><template>
  <div id="teams-drawer-load-more" class="text-center mt-4">
  </div>
</template></turbo-stream>