    <turbo-stream action="remove" target="ranking-row-21-0"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-21-1"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-21-2"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-21-3"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-21-4"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-21-5"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-21-6"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-21-7"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-21-8"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-21-9"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-21-10"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-21-11"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-21-12"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-21-13"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-21-14"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-21-15"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-21-16"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-21-17"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-21-18"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-21-19"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-21-20"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-21-21"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-21-22"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-21-23"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-21-24"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-21-25"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-21-26"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-21-27"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-21-28"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-21-29"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-21-30"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-21-31"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-21-32"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-21-33"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-21-34"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-21-35"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-21-36"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-21-37"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-21-38"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-21-39"></turbo-stream>
    
<turbo-stream action="append" target="ranking-rows">
    <template>
                    
<li
    id="ranking-row-24-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;%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;%3ERD%3C/text%3E%3C/svg%3E"
    data-src="https://nbg1.your-objectstorage.com/laceup-athletes/300x300/13242/img-3691-w-6610528a33203439758887.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <span 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-[#007CC3]" title="Garmin"><svg class="h-2.5 w-2.5" viewBox="0 0 24 24" fill="currentColor"><path d="M22.017 22.67H1.984c-.77 0-1.388-.383-1.694-1.002-.387-.61-.387-1.39 0-2.002L10.304 2.33c.385-.615 1.002-1 1.695-1 .77 0 1.386.385 1.69 1l10.02 17.336c.387.617.387 1.39 0 2.002-.31.695-.927 1.002-1.693 1.002z"/></svg></span>
    </span>
    </span>

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

    <div class="ml-auto flex shrink-0 items-center justify-end gap-1.5 sm:gap-2">
                <div class="flex shrink-0 items-center -space-x-2 md:-space-x-2">
            <div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    items-center
    justify-center
    rounded-full
    ring-1
    ring-inset
    sm:ring-2
    text-xs
    sm:text-sm
    font-display
    font-semibold
    leading-none
    ring-gray-200
    bg-gray-100
    text-gray-400
    dark:ring-slate-600
    dark:bg-slate-800
    dark:text-slate-400
    tooltip
    " data-tooltip="Regenbogen" aria-label="Regenbogen">
    1
</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
    text-gray-900
    drop-shadow-gold-900
    drop-shadow-md
    bg-white
    dark:bg-slate-900
    ring-gold-400
    tooltip
    " data-tooltip="Pokal" aria-label="Pokal">
        <img width="w-full h-full" src='data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22svg2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%20600%20600%22%20style%3D%22enable-background%3Anew%200%200%20600%20600%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%3E.st1%7Bopacity%3A.2%7D.st2%7Bfill%3A%23231f20%7D.st3%7Bfill%3A%23d8b400%7D.st4%7Bfill%3Agold%7D%3C%2Fstyle%3E%3Cg%20id%3D%22Layer_1%22%3E%3Cg%20id%3D%22g7%22%3E%3Ccircle%20id%3D%22circle9%22%20cx%3D%22300%22%20cy%3D%22300%22%20r%3D%22300%22%20style%3D%22fill%3A%230076cb%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g11%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path13%22%20class%3D%22st2%22%20d%3D%22M450%20487.5c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3.1%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g15%22%3E%3Cpath%20id%3D%22path17%22%20class%3D%22st3%22%20d%3D%22M337.5%20421.9c0%2015.9-12.2%2028.1-28.1%2028.1h-18.8c-15.9%200-28.1-12.2-28.1-28.1v-93.8c0-15.9%2012.2-28.1%2028.1-28.1h18.8c15.9%200%2028.1%2012.2%2028.1%2028.1v93.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g19%22%20class%3D%22st1%22%3E%3Cg%20id%3D%22g21%22%3E%3Cpath%20id%3D%22path23%22%20class%3D%22st2%22%20d%3D%22M384.4%20318.8c-10.3%200-18.8-8.4-18.8-18.8s8.4-18.8%2018.8-18.8c30%200%2065.6-51.6%2065.6-83.4%200-25.3%200-29.1-37.5-29.1h-225c-37.5%200-37.5%202.8-37.5%2029.1%200%2031.9%2035.6%2083.4%2065.6%2083.4%2010.3%200%2018.8%208.4%2018.8%2018.8s-8.4%2018.8-18.8%2018.8c-52.5%200-103.1-69.4-103.1-120.9%200-60.9%2035.6-66.6%2075-66.6h225c39.4%200%2075%204.7%2075%2066.6%200%2051.5-50.6%20120.9-103.1%20120.9z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20id%3D%22g25%22%3E%3Cpath%20id%3D%22path27%22%20class%3D%22st3%22%20d%3D%22M384.4%20300c-10.3%200-18.8-8.4-18.8-18.8s8.4-18.8%2018.8-18.8c30%200%2065.6-51.6%2065.6-83.4%200-25.3%200-29.1-37.5-29.1h-225c-37.5%200-37.5%202.8-37.5%2029.1%200%2031.9%2035.6%2083.4%2065.6%2083.4%2010.3%200%2018.8%208.4%2018.8%2018.8S226%20300%20215.6%20300c-52.5%200-103.1-69.4-103.1-120.9%200-60.9%2035.6-66.6%2075-66.6h225c39.4%200%2075%204.7%2075%2066.6%200%2051.5-50.6%20120.9-103.1%20120.9z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g29%22%3E%3Cpath%20id%3D%22path31%22%20class%3D%22st4%22%20d%3D%22M168.8%20112.5c5.6%20186.6%2078.8%20225%20131.2%20225s124.7-38.4%20131.2-225H168.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g33%22%3E%3Cpath%20id%3D%22path35%22%20class%3D%22st4%22%20d%3D%22M409.7%20471.6c-11.2-33.8-56.2-59.1-109.7-59.1s-98.4%2025.3-109.7%2059.1h219.4z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g37%22%3E%3Cpath%20id%3D%22path39%22%20d%3D%22M450%20468.8c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3%200%2018.7%208.4%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g41%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path43%22%20class%3D%22st2%22%20d%3D%22M356.2%20393.8c0%2010.3-8.4%2018.8-18.8%2018.8h-75c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h75c10.4%200%2018.8%208.4%2018.8%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g45%22%3E%3Cpath%20id%3D%22path47%22%20class%3D%22st4%22%20d%3D%22M356.2%20375c0%2010.3-8.4%2018.8-18.8%2018.8h-75c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h75c10.4%200%2018.8%208.5%2018.8%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g49%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path51%22%20class%3D%22st2%22%20d%3D%22M450%20150c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3%200%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g53%22%3E%3Cpath%20id%3D%22path55%22%20class%3D%22st4%22%20d%3D%22M450%20131.2c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3.1%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E'>
    </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-24-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;%230ea5e9&#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;%3ELM%3C/text%3E%3C/svg%3E"
    data-src="https://graph.facebook.com/10160924166035676/picture?height=256&amp;width=256"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/103807631" 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">
            Leif Mietzsch
                    </p>
    </div>

    <div class="ml-auto flex shrink-0 items-center justify-end gap-1.5 sm:gap-2">
                <div class="flex shrink-0 items-center -space-x-2 md:-space-x-2">
            <div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    items-center
    justify-center
    rounded-full
    ring-1
    ring-inset
    sm:ring-2
    text-xs
    sm:text-sm
    font-display
    font-semibold
    leading-none
    ring-gray-200
    bg-gray-100
    text-gray-400
    dark:ring-slate-600
    dark:bg-slate-800
    dark:text-slate-400
    tooltip
    " data-tooltip="Regenbogen" aria-label="Regenbogen">
    1
</div>
<div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    items-center
    justify-center
    rounded-full
    ring-1
    ring-inset
    sm:ring-2
    text-xs
    sm:text-sm
    font-display
    font-semibold
    leading-none
    ring-gray-200
    bg-gray-100
    text-gray-400
    dark:ring-slate-600
    dark:bg-slate-800
    dark:text-slate-400
    tooltip
    " data-tooltip="Pokal" aria-label="Pokal">
    2
</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-24-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;%23f97316&#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;%3EAR%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/62621162/26257041/3/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/62621162" 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">
            Anna Rohr
                    </p>
    </div>

    <div class="ml-auto flex shrink-0 items-center justify-end gap-1.5 sm:gap-2">
                <div class="flex shrink-0 items-center -space-x-2 md:-space-x-2">
            <div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    items-center
    justify-center
    rounded-full
    ring-1
    ring-inset
    sm:ring-2
    text-xs
    sm:text-sm
    font-display
    font-semibold
    leading-none
    ring-gray-200
    bg-gray-100
    text-gray-400
    dark:ring-slate-600
    dark:bg-slate-800
    dark:text-slate-400
    tooltip
    " data-tooltip="Regenbogen" aria-label="Regenbogen">
    1
</div>
<div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    items-center
    justify-center
    rounded-full
    ring-1
    ring-inset
    sm:ring-2
    text-xs
    sm:text-sm
    font-display
    font-semibold
    leading-none
    ring-gray-200
    bg-gray-100
    text-gray-400
    dark:ring-slate-600
    dark:bg-slate-800
    dark:text-slate-400
    tooltip
    " data-tooltip="Pokal" aria-label="Pokal">
    2
</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>
