
<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;%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;%3ED|%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/45832061/12725454/40/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/45832061" 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 M. || DMCC 🚴‍♂️🇨🇭
                    </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-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;%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;%3EKK%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">
            Karin Kieselbach
                    </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;%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;%3EKZ%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">
            Kuno Zucker
                    </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;%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-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;%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-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;%230ea5e9&#039;/%3E%3Ctext x=&#039;32&#039; y=&#039;32&#039; text-anchor=&#039;middle&#039; dy=&#039;.35em&#039; fill=&#039;white&#039; font-family=&#039;system-ui,sans-serif&#039; font-size=&#039;24&#039; font-weight=&#039;600&#039;%3EPM%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/57800148/21672769/1/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/57800148" 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">
            Philipp Möhr
                    </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-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;%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;%3EAF%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/55592413/14473390/4/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/55592413" 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">
            Ale Feller
                    </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;%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;%3ERS%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/43111214/12227321/1/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/43111214" target="_blank" rel="noopener" class="absolute -bottom-0.5 -right-0.5 block rounded-full bg-gradient-to-br from-white/80 to-white/60 dark:from-slate-900/80 dark:to-slate-900/60 p-0.5 shadow-sm text-[#FC4C02] hover:text-[#e34402]" title="Strava"><svg class="h-2.5 w-2.5" viewBox="0 0 24 24" fill="currentColor"><path d="M15.387 17.944l-2.089-4.116h-3.065L15.387 24l5.15-10.172h-3.066m-7.008-5.599l2.836 5.599h4.172L10.463 0l-7 13.828h4.169"/></svg></a>
    </span>
    </span>

    <div class="min-w-0 flex-1">
        <p class="truncate text-sm font-medium text-gray-900 dark:text-slate-100">
            Reto Suter
                    </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;%3ERH%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/54603411/14372868/1/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/54603411" 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">
            Remo Hüsler
                    </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;%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;%3EPB%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/55760979/15948500/5/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/55760979" 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">
            Patrik Bayer
                    </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;%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;%3ECL%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/10461434/4543655/3/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/10461434" 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">
            Christopher Latkoczy
                    </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-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;%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;%3EPP%3C/text%3E%3C/svg%3E"
    data-src="https://lh3.googleusercontent.com/a/ACg8ocIr0NFHoLkCVCHHuYBrLqfSk_T9tRlRNlmvtuEjBcJw0Y-l_8Z3Fw=s96-c"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/23122228" 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">
            Petr Pajas
                    </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-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;%3EAM%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/25145184/15788796/2/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/25145184" 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 Moll
                    </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-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;%3EJS%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/74052234/20680731/2/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/74052234" 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">
            Jonspias Sarott
                    </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;%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;%3EJK%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/100384320/23804128/2/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/100384320" 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">
            JP Krause
                    </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-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;%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-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;%3ETM%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/42797784/12249174/10/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/42797784" 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">
            Tomas Mitrovic
                    </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-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;%3EPS%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">
            Pascal Stiefel
                    </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-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;%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;%3ERM%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/19134346/6166054/2/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/19134346" 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">
            Roman M
                    </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-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;%230ea5e9&#039;/%3E%3Ctext x=&#039;32&#039; y=&#039;32&#039; text-anchor=&#039;middle&#039; dy=&#039;.35em&#039; fill=&#039;white&#039; font-family=&#039;system-ui,sans-serif&#039; font-size=&#039;24&#039; font-weight=&#039;600&#039;%3EPF%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/62229791/17705065/2/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/62229791" 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">
            Petra F
                    </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;%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;%3EIT%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">
            Ines T
                    </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;%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;%3ESD%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/87417472/39670937/1/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/87417472" 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">
            Samuele Di Lernia
                    </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-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;%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-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;%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"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/33440187/24706462/2/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/33440187" 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">
            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-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;%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-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;%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-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;%3ESF%3C/text%3E%3C/svg%3E"
    data-src="https://lh6.googleusercontent.com/-PGCUpW_hG0I/AAAAAAAAAAI/AAAAAAAAEOU/AMZuuckcwCwMWlFgpYIoSSxbjzCpancA1w/photo.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/53055202" 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">
            Stauber Fabian
                    </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-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;%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-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;%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-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;%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-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;%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-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;%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-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;%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>
                    
<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;%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-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;%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;%3ERB%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/2112251/2805549/4/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/2112251" 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">
            Ralph Baenziger
                    </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;%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-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;%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-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;%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-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;%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-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;%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>
            </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/seegraben/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>
