
<turbo-stream action="append" target="ranking-rows">
    <template>
                    
<li
    id="ranking-row-3-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;%3EMW%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/26637676/7734480/6/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/26637676" 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">
            Marc W.
                    </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
            text-gray-900
        drop-shadow-gold-900
        drop-shadow-md
        bg-white
        dark:bg-slate-900
        ring-gold-400
        " 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-3-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;%238b5cf6&#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;%3EGS%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/9790895/2955366/9/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/9790895" 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">
            Gieri Spescha
                    </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
            text-gray-900
        drop-shadow-gold-900
        drop-shadow-md
        bg-white
        dark:bg-slate-900
        ring-gold-400
        " 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-3-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;%23ec4899&#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;%3EAB%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/45148386/15818294/6/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/45148386" 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">
            Andreas Bärtsch
                    </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
            text-gray-900
        drop-shadow-gold-900
        drop-shadow-md
        bg-white
        dark:bg-slate-900
        ring-gold-400
        " 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-3-3"
    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;%3ETH%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/9447119/4388902/1/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/9447119" 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">
            Thomas Haller
                    </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-3-4"
    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;%3ELD%3C/text%3E%3C/svg%3E"
        alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
    
</span>
    </span>

    <div class="min-w-0 flex-1">
        <p class="truncate text-sm font-medium text-gray-900 dark:text-slate-100">
            Laszlo Demko
                    </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
            text-gray-900
        drop-shadow-gold-900
        drop-shadow-md
        bg-white
        dark:bg-slate-900
        ring-gold-400
        " 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-3-5"
    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;%3EBK%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/33462647/10876567/2/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/33462647" 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">
            Bernhard Krauss
                    </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
            text-gray-900
        drop-shadow-gold-900
        drop-shadow-md
        bg-white
        dark:bg-slate-900
        ring-gold-400
        " 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-3-6"
    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;%3EOW%3C/text%3E%3C/svg%3E"
    data-src="https://lh3.googleusercontent.com/a/ACg8ocIolgg65W7G6U6lgzVk5w3RYK97w9iiXN91yZSLvzzcUv4GBQ=s96-c"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/31651533" 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">
            Oliver Widmer
                    </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-3-7"
    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;%3ETA%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/7904809/9450735/1/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/7904809" 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">
            Thomas Albrecht
                    </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-3-8"
    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;%2322c55e&#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;%3EHS%3C/text%3E%3C/svg%3E"
    data-src="https://lh3.googleusercontent.com/a/ACg8ocLRXllTiNz4q87p2NMucUQPuIXPWycRxdrP-Y36yi6jkz9hei7W=s96-c"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/92336182" 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">
            Hugo Selle
                    </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
            text-gray-900
        drop-shadow-gold-900
        drop-shadow-md
        bg-white
        dark:bg-slate-900
        ring-gold-400
        " 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-3-9"
    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;%238b5cf6&#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;%3EMW%3C/text%3E%3C/svg%3E"
        alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
    
</span>
    </span>

    <div class="min-w-0 flex-1">
        <p class="truncate text-sm font-medium text-gray-900 dark:text-slate-100">
            Markus Weinmann
                    </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
            text-gray-900
        drop-shadow-gold-900
        drop-shadow-md
        bg-white
        dark:bg-slate-900
        ring-gold-400
        " 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-3-10"
    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;%23ec4899&#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;%3EAP%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/3055716/3910094/2/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/3055716" 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">
            Alfred Portmann
                    </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
            text-gray-900
        drop-shadow-gold-900
        drop-shadow-md
        bg-white
        dark:bg-slate-900
        ring-gold-400
        " 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-3-11"
    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;%3EUC%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/24558740/9530073/1/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/24558740" 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">
            Urs Christen
                    </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
            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-3-12"
    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;%236366f1&#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;%3ECB%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/15148562/16656323/6/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/15148562" 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">
            Christian Bachofner
                    </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-3-13"
    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;%2322c55e&#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;%3EOW%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/113825633/30529444/1/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/113825633" 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">
            Olivier Wegmann
                    </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
            text-gray-900
        drop-shadow-gold-900
        drop-shadow-md
        bg-white
        dark:bg-slate-900
        ring-gold-400
        " 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-3-14"
    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;%3EMB%3C/text%3E%3C/svg%3E"
        alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/132128413" 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">
            Martin Bergs
                    </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
            text-gray-900
        drop-shadow-gold-900
        drop-shadow-md
        bg-white
        dark:bg-slate-900
        ring-gold-400
        " 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-3-15"
    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;%238b5cf6&#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;%3ETD%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/16427628/4589752/2/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/16427628" 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">
            Tim Dörflinger
                    </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
            text-gray-900
        drop-shadow-gold-900
        drop-shadow-md
        bg-white
        dark:bg-slate-900
        ring-gold-400
        " 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-3-16"
    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;%23ec4899&#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;%3EHG%3C/text%3E%3C/svg%3E"
        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">
            Hywel Gyles
                    </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
            text-gray-900
        drop-shadow-gold-900
        drop-shadow-md
        bg-white
        dark:bg-slate-900
        ring-gold-400
        " 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-3-17"
    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;%3EWA%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/33870622/12652207/1/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/33870622" 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">
            Will Adams
                    </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
            text-gray-900
        drop-shadow-gold-900
        drop-shadow-md
        bg-white
        dark:bg-slate-900
        ring-gold-400
        " 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-3-18"
    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;%238b5cf6&#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;%3EKE%3C/text%3E%3C/svg%3E"
    data-src="https://graph.facebook.com/10156327880216845/picture?height=256&amp;width=256"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/43748782" 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">
            Kurt Eggenberger
                    </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-3-19"
    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;%2314b8a6&#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;%3EMB%3C/text%3E%3C/svg%3E"
        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">
            Michael Bosshard
                    </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
            text-gray-900
        drop-shadow-gold-900
        drop-shadow-md
        bg-white
        dark:bg-slate-900
        ring-gold-400
        " 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-3-20"
    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;%3EBP%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/50089519/26316302/5/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/50089519" 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">
            Benjamin Preiswerk
                    </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
            text-gray-900
        drop-shadow-gold-900
        drop-shadow-md
        bg-white
        dark:bg-slate-900
        ring-gold-400
        " 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-3-21"
    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;%3EMK%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/43430525/14633558/5/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/43430525" 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">
            Michael Kauflin 🇨🇭
                    </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
            text-gray-900
        drop-shadow-gold-900
        drop-shadow-md
        bg-white
        dark:bg-slate-900
        ring-gold-400
        " 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-3-22"
    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;%23ec4899&#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;%3EFS%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/65739288/22438011/2/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/65739288" 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">
            Fabio Schwarzenbach
                    </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-3-23"
    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;%23ec4899&#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;%3ESZ%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/30729976/19915306/6/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/30729976" 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">
            Stefan Zimmermann
                    </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
            text-gray-900
        drop-shadow-gold-900
        drop-shadow-md
        bg-white
        dark:bg-slate-900
        ring-gold-400
        " 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-3-24"
    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;%23ec4899&#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;%3ED•%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/37342012/14439079/15/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/37342012" 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">
            Daniel •
                    </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
            text-gray-900
        drop-shadow-gold-900
        drop-shadow-md
        bg-white
        dark:bg-slate-900
        ring-gold-400
        " 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-3-25"
    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;%2322c55e&#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;%3ENH%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/87480500/20928796/1/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/87480500" 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">
            Nicole Hostettler
                    </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
            text-gray-900
        drop-shadow-gold-900
        drop-shadow-md
        bg-white
        dark:bg-slate-900
        ring-gold-400
        " 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-3-26"
    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;%3EPW%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/7137341/14881931/6/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/7137341" 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">
            Peter Widmer (Pepe)
                    </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
            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-3-27"
    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;%236366f1&#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;%3ETE%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/1987082/840194/4/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/1987082" 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">
            Tobias E.
                    </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-3-28"
    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;%3ELP%3C/text%3E%3C/svg%3E"
        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">
            Luc Pringot
                    </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
            text-gray-900
        drop-shadow-gold-900
        drop-shadow-md
        bg-white
        dark:bg-slate-900
        ring-gold-400
        " 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-3-29"
    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;%238b5cf6&#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;%3EAU%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/69551989/19468754/1/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/69551989" 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">
            Andrea U.
                    </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
            text-gray-900
        drop-shadow-gold-900
        drop-shadow-md
        bg-white
        dark:bg-slate-900
        ring-gold-400
        " 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-3-30"
    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;%3EDZ%3C/text%3E%3C/svg%3E"
        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">
            David Zani
                    </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
            text-gray-900
        drop-shadow-gold-900
        drop-shadow-md
        bg-white
        dark:bg-slate-900
        ring-gold-400
        " 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-3-31"
    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;%3EMK%3C/text%3E%3C/svg%3E"
        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">
            Moritz Kiefer
                    </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
            text-gray-900
        drop-shadow-gold-900
        drop-shadow-md
        bg-white
        dark:bg-slate-900
        ring-gold-400
        " 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-3-32"
    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;%2322c55e&#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;%3EJA%3C/text%3E%3C/svg%3E"
        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">
            Jerry Agard
                    </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
            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-3-33"
    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;%2314b8a6&#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;%3EWS%3C/text%3E%3C/svg%3E"
        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">
            Walter Stulzer
                    </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
            text-gray-900
        drop-shadow-gold-900
        drop-shadow-md
        bg-white
        dark:bg-slate-900
        ring-gold-400
        " 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-3-34"
    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;%3EJC%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/12290773/4246735/7/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/12290773" 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">
            Juan Jose Cuadrado
                    </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
            text-gray-900
        drop-shadow-gold-900
        drop-shadow-md
        bg-white
        dark:bg-slate-900
        ring-gold-400
        " 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-3-35"
    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;%3EJC%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/12290773/4246735/7/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/12290773" 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">
            Juan Jose Cuadrado
                    </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
            text-gray-900
        drop-shadow-gold-900
        drop-shadow-md
        bg-white
        dark:bg-slate-900
        ring-gold-400
        " 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-3-36"
    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;%3ERK%3C/text%3E%3C/svg%3E"
        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">
            René Kurt
                    </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
            text-gray-900
        drop-shadow-gold-900
        drop-shadow-md
        bg-white
        dark:bg-slate-900
        ring-gold-400
        " 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-3-37"
    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;%3ESW%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/87446654/20921233/2/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/87446654" 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">
            Stefan Wegmann
                    </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
            text-gray-900
        drop-shadow-gold-900
        drop-shadow-md
        bg-white
        dark:bg-slate-900
        ring-gold-400
        " 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-3-38"
    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;%3ETH%3C/text%3E%3C/svg%3E"
    data-src="https://graph.facebook.com/10209191492043854/picture?height=256&amp;width=256"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/14250590" 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">
            Thomas Hofmann
                    </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
            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-3-39"
    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;%236366f1&#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;%3EHH%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/16354675/8827220/6/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/16354675" 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">
            Heather Harvey
                    </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
            text-gray-900
        drop-shadow-gold-900
        drop-shadow-md
        bg-white
        dark:bg-slate-900
        ring-gold-400
        " 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 class="mt-6 flex justify-center">
        <a
            href="/tour/wintervelocup-2025-26/kollbrunn/finisher?page=4"
            data-turbo-stream
            data-turbo-prefetch="false"
            class="w-full inline-flex items-center justify-center rounded-md border border-gray-300 bg-white px-4 py-2.5 text-sm font-semibold text-gray-700 shadow-sm hover:bg-gray-50 dark:border-slate-600 dark:bg-slate-800 dark:text-slate-100 dark:hover:bg-slate-700"
        >
            Mehr laden
        </a>
    </div>
    </div>
    </template>
</turbo-stream>
