    <turbo-stream action="remove" target="ranking-row-1-0"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-1-1"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-1-2"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-1-3"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-1-4"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-1-5"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-1-6"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-1-7"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-1-8"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-1-9"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-1-10"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-1-11"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-1-12"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-1-13"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-1-14"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-1-15"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-1-16"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-1-17"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-1-18"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-1-19"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-1-20"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-1-21"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-1-22"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-1-23"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-1-24"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-1-25"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-1-26"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-1-27"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-1-28"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-1-29"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-1-30"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-1-31"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-1-32"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-1-33"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-1-34"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-1-35"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-1-36"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-1-37"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-1-38"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-1-39"></turbo-stream>
    
<turbo-stream action="append" target="ranking-rows">
    <template>
                    
<li
    id="ranking-row-4-0"
    class="
    flex
    min-w-0
    items-center
    gap-x-2
    sm:gap-x-3
    py-2.5
    sm:py-3
    transition-colors
    hover:bg-gray-50/80
    dark:hover:bg-slate-800/50
    ">
    <span class="flex-none self-center shrink-0">
        <span class="relative inline-flex flex-none shrink-0 overflow-visible">
    <img
    class="size-8 sm:size-9 aspect-square flex-none shrink-0 rounded-full object-cover bg-gray-50"
    src="data:image/svg+xml,%3Csvg xmlns=&#039;http://www.w3.org/2000/svg&#039; viewBox=&#039;0 0 64 64&#039;%3E%3Ccircle cx=&#039;32&#039; cy=&#039;32&#039; r=&#039;32&#039; fill=&#039;%23f43f5e&#039;/%3E%3Ctext x=&#039;32&#039; y=&#039;32&#039; text-anchor=&#039;middle&#039; dy=&#039;.35em&#039; fill=&#039;white&#039; font-family=&#039;system-ui,sans-serif&#039; font-size=&#039;24&#039; font-weight=&#039;600&#039;%3EGW%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/92427438/27203983/2/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/92427438" target="_blank" rel="noopener" class="absolute -bottom-0.5 -right-0.5 block rounded-full bg-gradient-to-br from-white/80 to-white/60 dark:from-slate-900/80 dark:to-slate-900/60 p-0.5 shadow-sm text-[#FC4C02] hover:text-[#e34402]" title="Strava"><svg class="h-2.5 w-2.5" viewBox="0 0 24 24" fill="currentColor"><path d="M15.387 17.944l-2.089-4.116h-3.065L15.387 24l5.15-10.172h-3.066m-7.008-5.599l2.836 5.599h4.172L10.463 0l-7 13.828h4.169"/></svg></a>
    </span>
    </span>

    <div class="min-w-0 flex-1">
        <p class="truncate text-sm font-medium text-gray-900 dark:text-slate-100">
            Guillaume Weghsteen
                    </p>
    </div>

    <div class="ml-auto flex shrink-0 items-center justify-end gap-1 sm:gap-2">
                <div class="flex shrink-0 items-center -space-x-3 sm:-space-x-2">
            <div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            text-gray-900
        drop-shadow-gold-900
        drop-shadow-md
        bg-white
        dark:bg-slate-900
        ring-gold-400
        " data-tooltip="Coldbraver" aria-label="Coldbraver">
        <img class="w-full h-full" src="/assets/images/badges/eagle-6cHEkLJ.svg"/>
    </div>
<div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            text-gray-900
        drop-shadow-gold-900
        drop-shadow-md
        bg-white
        dark:bg-slate-900
        ring-gold-400
        " data-tooltip="Frostmaster" aria-label="Frostmaster">
        <img class="w-full h-full" src="/assets/images/badges/eagle-6cHEkLJ.svg"/>
    </div>
<div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Icewarrior" aria-label="Icewarrior">
        <img class="w-full h-full" src="/assets/images/badges/eagle-6cHEkLJ.svg"/>
    </div>
        </div>
                <span class="flex shrink-0 items-center text-green-500 dark:text-green-400" aria-hidden="true">
            <svg class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" clip-rule="evenodd" /></svg>
        </span>
    </div>
</li>
                    
<li
    id="ranking-row-4-1"
    class="
    flex
    min-w-0
    items-center
    gap-x-2
    sm:gap-x-3
    py-2.5
    sm:py-3
    transition-colors
    hover:bg-gray-50/80
    dark:hover:bg-slate-800/50
    ">
    <span class="flex-none self-center shrink-0">
        <span class="relative inline-flex flex-none shrink-0 overflow-visible">
    <img
    class="size-8 sm:size-9 aspect-square flex-none shrink-0 rounded-full object-cover bg-gray-50"
    src="data:image/svg+xml,%3Csvg xmlns=&#039;http://www.w3.org/2000/svg&#039; viewBox=&#039;0 0 64 64&#039;%3E%3Ccircle cx=&#039;32&#039; cy=&#039;32&#039; r=&#039;32&#039; fill=&#039;%23eab308&#039;/%3E%3Ctext x=&#039;32&#039; y=&#039;32&#039; text-anchor=&#039;middle&#039; dy=&#039;.35em&#039; fill=&#039;white&#039; font-family=&#039;system-ui,sans-serif&#039; font-size=&#039;24&#039; font-weight=&#039;600&#039;%3EMR%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/7194449/20450660/2/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/7194449" target="_blank" rel="noopener" class="absolute -bottom-0.5 -right-0.5 block rounded-full bg-gradient-to-br from-white/80 to-white/60 dark:from-slate-900/80 dark:to-slate-900/60 p-0.5 shadow-sm text-[#FC4C02] hover:text-[#e34402]" title="Strava"><svg class="h-2.5 w-2.5" viewBox="0 0 24 24" fill="currentColor"><path d="M15.387 17.944l-2.089-4.116h-3.065L15.387 24l5.15-10.172h-3.066m-7.008-5.599l2.836 5.599h4.172L10.463 0l-7 13.828h4.169"/></svg></a>
    </span>
    </span>

    <div class="min-w-0 flex-1">
        <p class="truncate text-sm font-medium text-gray-900 dark:text-slate-100">
            Max Roecker
                    </p>
    </div>

    <div class="ml-auto flex shrink-0 items-center justify-end gap-1 sm:gap-2">
                <div class="flex shrink-0 items-center -space-x-3 sm:-space-x-2">
            <div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Coldbraver" aria-label="Coldbraver">
        <img class="w-full h-full" src="/assets/images/badges/eagle-6cHEkLJ.svg"/>
    </div>
<div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Frostmaster" aria-label="Frostmaster">
        <img class="w-full h-full" src="/assets/images/badges/eagle-6cHEkLJ.svg"/>
    </div>
<div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Icewarrior" aria-label="Icewarrior">
        <img class="w-full h-full" src="/assets/images/badges/eagle-6cHEkLJ.svg"/>
    </div>
        </div>
                <span class="flex shrink-0 items-center text-green-500 dark:text-green-400" aria-hidden="true">
            <svg class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" clip-rule="evenodd" /></svg>
        </span>
    </div>
</li>
                    
<li
    id="ranking-row-4-2"
    class="
    flex
    min-w-0
    items-center
    gap-x-2
    sm:gap-x-3
    py-2.5
    sm:py-3
    transition-colors
    hover:bg-gray-50/80
    dark:hover:bg-slate-800/50
    ">
    <span class="flex-none self-center shrink-0">
        <span class="relative inline-flex flex-none shrink-0 overflow-visible">
    <img
    class="size-8 sm:size-9 aspect-square flex-none shrink-0 rounded-full object-cover bg-gray-50"
    src="data:image/svg+xml,%3Csvg xmlns=&#039;http://www.w3.org/2000/svg&#039; viewBox=&#039;0 0 64 64&#039;%3E%3Ccircle cx=&#039;32&#039; cy=&#039;32&#039; r=&#039;32&#039; fill=&#039;%2306b6d4&#039;/%3E%3Ctext x=&#039;32&#039; y=&#039;32&#039; text-anchor=&#039;middle&#039; dy=&#039;.35em&#039; fill=&#039;white&#039; font-family=&#039;system-ui,sans-serif&#039; font-size=&#039;24&#039; font-weight=&#039;600&#039;%3ERN%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/14825733/20216506/1/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/14825733" target="_blank" rel="noopener" class="absolute -bottom-0.5 -right-0.5 block rounded-full bg-gradient-to-br from-white/80 to-white/60 dark:from-slate-900/80 dark:to-slate-900/60 p-0.5 shadow-sm text-[#FC4C02] hover:text-[#e34402]" title="Strava"><svg class="h-2.5 w-2.5" viewBox="0 0 24 24" fill="currentColor"><path d="M15.387 17.944l-2.089-4.116h-3.065L15.387 24l5.15-10.172h-3.066m-7.008-5.599l2.836 5.599h4.172L10.463 0l-7 13.828h4.169"/></svg></a>
    </span>
    </span>

    <div class="min-w-0 flex-1">
        <p class="truncate text-sm font-medium text-gray-900 dark:text-slate-100">
            Reto Nyffenegger
                    </p>
    </div>

    <div class="ml-auto flex shrink-0 items-center justify-end gap-1 sm:gap-2">
                <div class="flex shrink-0 items-center -space-x-3 sm:-space-x-2">
            <div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Coldbraver" aria-label="Coldbraver">
        <img class="w-full h-full" src="/assets/images/badges/eagle-6cHEkLJ.svg"/>
    </div>
<div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Frostmaster" aria-label="Frostmaster">
        <img class="w-full h-full" src="/assets/images/badges/eagle-6cHEkLJ.svg"/>
    </div>
<div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Icewarrior" aria-label="Icewarrior">
        <img class="w-full h-full" src="/assets/images/badges/eagle-6cHEkLJ.svg"/>
    </div>
        </div>
                <span class="flex shrink-0 items-center text-green-500 dark:text-green-400" aria-hidden="true">
            <svg class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" clip-rule="evenodd" /></svg>
        </span>
    </div>
</li>
            </template>
</turbo-stream>

<turbo-stream action="replace" target="ranking-load-more">
    <template>
        <div id="ranking-load-more">
    </div>
    </template>
</turbo-stream>
