/* /Components/Actions/Button.razor.rz.scp.css */
.s100-btn[b-sm1i3vpueb] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-2);
    font-family: var(--font-mono);
    font-weight: 600;
    text-transform: uppercase;
    border-radius: var(--radius-control);
    cursor: pointer;
    transition: var(--transition-control);
    white-space: nowrap;
}

.s100-btn:active:not(:disabled)[b-sm1i3vpueb] {
    transform: translateY(1px);
}

.s100-btn:disabled[b-sm1i3vpueb] {
    cursor: not-allowed;
    background: var(--action-disabled-bg) !important;
    color: var(--action-disabled-fg) !important;
    border-color: transparent !important;
}

.s100-btn--sm[b-sm1i3vpueb] { padding: 0 var(--space-3); height: 32px; font-size: 12px; letter-spacing: 0.1em; }
.s100-btn--md[b-sm1i3vpueb] { padding: 0 var(--space-4); height: 40px; font-size: 13px; letter-spacing: 0.1em; }
.s100-btn--lg[b-sm1i3vpueb] { padding: 0 var(--space-5); height: 52px; font-size: 15px; letter-spacing: 0.09em; min-height: var(--tap-target-min); }

.s100-btn--full[b-sm1i3vpueb] { width: 100%; }

.s100-btn--primary[b-sm1i3vpueb] { background: var(--action-primary-bg); color: var(--action-primary-fg); border: 1px solid var(--action-primary-bg); }
.s100-btn--primary:hover:not(:disabled)[b-sm1i3vpueb] { background: var(--action-primary-bg-hover); border-color: var(--action-primary-bg-hover); }

.s100-btn--secondary[b-sm1i3vpueb] { background: var(--action-secondary-bg); color: var(--action-secondary-fg); border: 1px solid var(--action-secondary-bg); }
.s100-btn--secondary:hover:not(:disabled)[b-sm1i3vpueb] { background: var(--action-secondary-bg-hover); border-color: var(--action-secondary-bg-hover); }

.s100-btn--celebrate[b-sm1i3vpueb] { background: var(--action-celebrate-bg); color: var(--action-celebrate-fg); border: 1px solid var(--action-celebrate-bg); }
.s100-btn--celebrate:hover:not(:disabled)[b-sm1i3vpueb] { background: var(--action-celebrate-bg-hover); border-color: var(--action-celebrate-bg-hover); }

.s100-btn--outline[b-sm1i3vpueb] { background: transparent; color: var(--action-ghost-fg); border: 1px solid var(--border-strong); }
.s100-btn--outline:hover:not(:disabled)[b-sm1i3vpueb] { background: var(--grey-050); }

.s100-btn--ghost[b-sm1i3vpueb] { background: transparent; color: var(--action-ghost-fg); border: 1px solid transparent; }
.s100-btn--ghost:hover:not(:disabled)[b-sm1i3vpueb] { background: var(--grey-050); }
/* /Components/Brand/Mark.razor.rz.scp.css */
.s100-mark[b-6gwnetr8de] {
    display: inline-flex;
}

.s100-mark--boxed[b-6gwnetr8de] {
    align-items: center;
    justify-content: center;
    background: var(--navy-900);
}
/* /Components/Brand/PhotoSlot.razor.rz.scp.css */
.s100-photo[b-nkcf67pnq9] {
    position: relative;
    width: 100%;
    display: flex;
    align-items: flex-end;
    padding: var(--space-3);
    border-radius: var(--radius-card);
    overflow: hidden;
}

.s100-photo--light[b-nkcf67pnq9] {
    background: repeating-linear-gradient(135deg, rgba(10, 27, 52, 0.06) 0 8px, transparent 8px 16px), var(--grey-100);
    border: 1px solid var(--border-subtle);
}

.s100-photo--dark[b-nkcf67pnq9] {
    background: repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.06) 0 8px, transparent 8px 16px), var(--navy-800);
    border: 1px solid var(--border-on-dark);
}

.s100-photo__img[b-nkcf67pnq9] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.s100-photo__caption[b-nkcf67pnq9] {
    position: relative;
    font-family: var(--font-mono);
    font-size: 11px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    padding: 4px 8px;
    text-decoration: none;
    border-bottom: none;
}

.s100-photo--light .s100-photo__caption[b-nkcf67pnq9] { color: var(--text-muted); background: rgba(255, 255, 255, 0.85); }
.s100-photo--dark .s100-photo__caption[b-nkcf67pnq9] { color: var(--text-on-dark-secondary); background: rgba(5, 16, 31, 0.7); }

.s100-photo__caption--link:hover[b-nkcf67pnq9] {
    color: var(--lime-500);
}
/* /Components/Brand/Wordmark.razor.rz.scp.css */
.s100-wordmark[b-2lovktaea2] {
    display: inline-flex;
    align-items: baseline;
}

.s100-wordmark__sport[b-2lovktaea2] {
    font-family: var(--font-display);
    font-weight: 800;
    font-stretch: 112%;
    line-height: 1;
    letter-spacing: -0.02em;
    text-transform: uppercase;
}

.s100-wordmark__100[b-2lovktaea2] {
    font-family: var(--font-display);
    font-weight: 900;
    font-stretch: 112%;
    line-height: 1;
    letter-spacing: -0.03em;
    color: var(--lime-500);
    font-variant-numeric: tabular-nums;
}

.s100-wordmark__100--boxed[b-2lovktaea2] {
    background: var(--navy-900);
    padding: 0.08em 0.14em;
}

.s100-wordmark__domain[b-2lovktaea2] {
    font-family: var(--font-mono);
    letter-spacing: 0.08em;
}
/* /Components/Data/MilestoneCard.razor.rz.scp.css */
.s100-milestone-card[b-ceg0ho2lw2] {
    display: block;
    background: var(--navy-800);
    color: var(--white);
    border: 1px solid var(--border-on-dark);
    border-radius: var(--radius-card);
    overflow: hidden;
    text-decoration: none;
    border-bottom: none;
    transition: border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);
}

.s100-milestone-card:hover[b-ceg0ho2lw2] {
    border-color: var(--teal-400);
    box-shadow: var(--shadow-lg);
    color: var(--white);
}

.s100-milestone-card__body[b-ceg0ho2lw2] {
    padding: var(--space-5);
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.s100-milestone-card__top[b-ceg0ho2lw2] {
    display: flex;
    gap: var(--space-2);
    align-items: center;
    flex-wrap: wrap;
}

.s100-milestone-card__timestamp[b-ceg0ho2lw2] {
    font-family: var(--font-mono);
    font-size: 11px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--text-on-dark-secondary);
}

.s100-milestone-card__figure[b-ceg0ho2lw2] {
    display: flex;
    align-items: baseline;
    gap: var(--space-3);
}

.s100-milestone-card__count[b-ceg0ho2lw2] {
    font-family: var(--font-display);
    font-weight: 900;
    font-stretch: 112%;
    font-size: 56px;
    line-height: 0.85;
    letter-spacing: -0.04em;
    color: var(--lime-500);
}

.s100-milestone-card__unit[b-ceg0ho2lw2] {
    font-family: var(--font-mono);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--text-on-dark-secondary);
}

.s100-milestone-card__athlete[b-ceg0ho2lw2] {
    font-family: var(--font-display);
    font-weight: 700;
    font-size: 22px;
    line-height: 1.15;
    letter-spacing: -0.015em;
    color: var(--white);
}

.s100-milestone-card__milestone[b-ceg0ho2lw2] {
    font-size: 15px;
    line-height: 1.5;
    color: var(--text-on-dark-secondary);
}

.s100-milestone-card__context[b-ceg0ho2lw2] {
    font-family: var(--font-mono);
    font-size: 12px;
    letter-spacing: 0.04em;
    color: var(--teal-300);
}

.s100-milestone-card--horizontal[b-ceg0ho2lw2] {
    display: grid;
    grid-template-columns: 1fr;
}

@media (min-width: 640px) {
    .s100-milestone-card--horizontal[b-ceg0ho2lw2] {
        grid-template-columns: minmax(0, 220px) 1fr;
    }
}
/* /Components/Data/ProgressTrack.razor.rz.scp.css */
.s100-progress[b-cyh53vx5xp] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.s100-progress__top[b-cyh53vx5xp] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.s100-progress__label[b-cyh53vx5xp] {
    font-family: var(--font-mono);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--text-muted);
}

.s100-progress__label--dark[b-cyh53vx5xp] { color: var(--text-on-dark-secondary); }

.s100-progress__value[b-cyh53vx5xp] {
    font-family: var(--font-mono);
    font-size: 12px;
    color: var(--navy-900);
}

.s100-progress__value--dark[b-cyh53vx5xp] { color: var(--white); }

.s100-progress__track[b-cyh53vx5xp] {
    height: 6px;
    background: var(--grey-200);
    border-radius: var(--radius-sm);
    overflow: hidden;
}

.s100-progress__track--dark[b-cyh53vx5xp] { background: rgba(255, 255, 255, 0.14); }

.s100-progress__fill[b-cyh53vx5xp] {
    height: 100%;
    background: var(--teal-500);
    transition: width var(--dur-slow) var(--ease-sprint);
}

.s100-progress__fill--reached[b-cyh53vx5xp] { background: var(--lime-500); }
/* /Components/Data/StatBlock.razor.rz.scp.css */
.s100-statblock[b-j5nz6lsnqy] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.s100-statblock__value[b-j5nz6lsnqy] {
    font-family: var(--font-display);
    font-weight: 800;
    font-size: 32px;
    line-height: 1;
    letter-spacing: -0.02em;
}

.s100-statblock--dark .s100-statblock__value[b-j5nz6lsnqy] { color: var(--white); }
.s100-statblock:not(.s100-statblock--dark) .s100-statblock__value[b-j5nz6lsnqy] { color: var(--navy-900); }

.s100-statblock__label[b-j5nz6lsnqy] {
    font-family: var(--font-mono);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.s100-statblock--dark .s100-statblock__label[b-j5nz6lsnqy] { color: var(--text-on-dark-secondary); }
.s100-statblock:not(.s100-statblock--dark) .s100-statblock__label[b-j5nz6lsnqy] { color: var(--text-muted); }

.s100-statblock__delta[b-j5nz6lsnqy] {
    font-family: var(--font-mono);
    font-size: 12px;
    color: var(--teal-600);
}
/* /Components/Display/AthleteRow.razor.rz.scp.css */
.s100-athlete-row[b-vc21h3s5pj] {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: var(--space-4);
    padding: var(--space-3) var(--space-4);
    min-height: var(--tap-target-min);
    text-decoration: none;
    border-bottom: none;
    transition: background-color var(--dur-fast) var(--ease-out);
}

.s100-athlete-row--ranked[b-vc21h3s5pj] {
    grid-template-columns: auto 1fr auto;
}

.s100-athlete-row--light[b-vc21h3s5pj] { border-bottom: 1px solid var(--border-subtle); }
.s100-athlete-row--dark[b-vc21h3s5pj] { border-bottom: 1px solid var(--border-on-dark); }

.s100-athlete-row--light:hover[b-vc21h3s5pj] { background: var(--grey-050); }
.s100-athlete-row--dark:hover[b-vc21h3s5pj] { background: var(--navy-700); }

.s100-athlete-row__rank[b-vc21h3s5pj] {
    font-family: var(--font-mono);
    font-size: 13px;
    min-width: 24px;
}

.s100-athlete-row--light .s100-athlete-row__rank[b-vc21h3s5pj] { color: var(--text-muted); }
.s100-athlete-row--dark .s100-athlete-row__rank[b-vc21h3s5pj] { color: var(--text-on-dark-secondary); }

.s100-athlete-row__name-block[b-vc21h3s5pj] {
    min-width: 0;
    display: block;
}

.s100-athlete-row__name[b-vc21h3s5pj] {
    display: block;
    font-family: var(--font-display);
    font-weight: 700;
    font-size: 17px;
    letter-spacing: -0.01em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.s100-athlete-row--light .s100-athlete-row__name[b-vc21h3s5pj] { color: var(--navy-900); }
.s100-athlete-row--dark .s100-athlete-row__name[b-vc21h3s5pj] { color: var(--white); }

.s100-athlete-row__meta[b-vc21h3s5pj] {
    display: block;
    font-size: 13px;
}

.s100-athlete-row--light .s100-athlete-row__meta[b-vc21h3s5pj] { color: var(--text-secondary); }
.s100-athlete-row--dark .s100-athlete-row__meta[b-vc21h3s5pj] { color: var(--text-on-dark-secondary); }

.s100-athlete-row__value-block[b-vc21h3s5pj] {
    text-align: right;
}

.s100-athlete-row__value[b-vc21h3s5pj] {
    display: block;
    font-family: var(--font-display);
    font-weight: 800;
    font-size: 22px;
}

.s100-athlete-row--light .s100-athlete-row__value[b-vc21h3s5pj] { color: var(--navy-900); }
.s100-athlete-row--dark .s100-athlete-row__value[b-vc21h3s5pj] { color: var(--lime-500); }

.s100-athlete-row__value-label[b-vc21h3s5pj] {
    display: block;
    font-family: var(--font-mono);
    font-size: 10px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.s100-athlete-row--light .s100-athlete-row__value-label[b-vc21h3s5pj] { color: var(--text-muted); }
.s100-athlete-row--dark .s100-athlete-row__value-label[b-vc21h3s5pj] { color: var(--text-on-dark-secondary); }
/* /Components/Display/Badge.razor.rz.scp.css */
.s100-badge[b-3t4dp8gupa] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 3px 8px;
    font-family: var(--font-mono);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    border-radius: var(--radius-sm);
}

.s100-badge--live[b-3t4dp8gupa] { background: var(--status-live); color: var(--white); }
.s100-badge--verified[b-3t4dp8gupa] { background: var(--teal-500); color: var(--navy-950); }
.s100-badge--milestone[b-3t4dp8gupa] { background: var(--lime-500); color: var(--navy-950); }
.s100-badge--neutral[b-3t4dp8gupa] { background: var(--navy-900); color: var(--white); }
.s100-badge--quiet[b-3t4dp8gupa] { background: var(--grey-100); color: var(--text-secondary); }

.s100-badge__dot[b-3t4dp8gupa] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
    opacity: 0.9;
}
/* /Components/Display/Card.razor.rz.scp.css */
.s100-card[b-7m7owicer0] {
    border-radius: var(--radius-card);
    transition: var(--transition-control), box-shadow var(--dur-fast) var(--ease-out);
}

.s100-card--light[b-7m7owicer0] { background: var(--surface-card); color: var(--text-primary); border: 1px solid var(--border-subtle); }
.s100-card--sunken[b-7m7owicer0] { background: var(--surface-sunken); color: var(--text-primary); border: 1px solid var(--border-subtle); }
.s100-card--dark[b-7m7owicer0] { background: var(--navy-800); color: var(--white); border: 1px solid var(--border-on-dark); }
.s100-card--celebrate[b-7m7owicer0] { background: var(--lime-500); color: var(--navy-950); border: 1px solid var(--lime-600); }

.s100-card--interactive[b-7m7owicer0] { cursor: pointer; }

.s100-card--interactive.s100-card--dark:hover[b-7m7owicer0] { box-shadow: var(--shadow-md); border-color: var(--teal-400); }
.s100-card--interactive:not(.s100-card--dark):hover[b-7m7owicer0] { box-shadow: var(--shadow-md); border-color: var(--navy-900); }
/* /Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-wdcroo7e5y] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-wdcroo7e5y] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-9xspb2warm],
.components-reconnect-repeated-attempt-visible[b-9xspb2warm],
.components-reconnect-failed-visible[b-9xspb2warm],
.components-pause-visible[b-9xspb2warm],
.components-resume-failed-visible[b-9xspb2warm],
.components-rejoining-animation[b-9xspb2warm] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-9xspb2warm],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-9xspb2warm],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-9xspb2warm],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-9xspb2warm],
#components-reconnect-modal.components-reconnect-retrying[b-9xspb2warm],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-9xspb2warm],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-9xspb2warm],
#components-reconnect-modal.components-reconnect-failed[b-9xspb2warm],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-9xspb2warm] {
    display: block;
}


#components-reconnect-modal[b-9xspb2warm] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-9xspb2warm 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-9xspb2warm 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-9xspb2warm 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-9xspb2warm]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-9xspb2warm 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-9xspb2warm {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-9xspb2warm {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-9xspb2warm {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-9xspb2warm] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-9xspb2warm] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-9xspb2warm] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-9xspb2warm] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-9xspb2warm] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-9xspb2warm] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-9xspb2warm] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-9xspb2warm 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-9xspb2warm] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-9xspb2warm {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Navigation/TopBar.razor.rz.scp.css */
.s100-topbar[b-ynrh45gqv3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-4) var(--space-6);
    padding: var(--space-4) var(--space-5);
    flex-wrap: wrap;
}

/* The source design system has no mobile-nav component (no drawer/hamburger in its inventory) —
   wrapping is the in-spec fallback rather than inventing a pattern that isn't in the brief. */
@media (max-width: 640px) {
    .s100-topbar__left[b-ynrh45gqv3] {
        flex-wrap: wrap;
        gap: var(--space-3) var(--space-5);
    }
}

.s100-topbar--dark[b-ynrh45gqv3] {
    background: var(--navy-900);
    border-bottom: 1px solid var(--border-on-dark);
}

.s100-topbar--light[b-ynrh45gqv3] {
    background: var(--white);
    border-bottom: 1px solid var(--border-subtle);
}

.s100-topbar__left[b-ynrh45gqv3] {
    display: flex;
    align-items: center;
    gap: var(--space-7);
}

.s100-topbar__brand[b-ynrh45gqv3] {
    display: inline-flex;
    text-decoration: none;
    border-bottom: none;
}

.s100-topbar__nav[b-ynrh45gqv3] {
    display: flex;
    gap: var(--space-5);
}

.s100-topbar__link[b-ynrh45gqv3] {
    font-family: var(--font-mono);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    text-decoration: none;
    border-bottom: none;
    transition: color var(--dur-fast) var(--ease-out);
}

.s100-topbar--dark .s100-topbar__link[b-ynrh45gqv3] { color: var(--text-on-dark-secondary); }
.s100-topbar--dark .s100-topbar__link--active[b-ynrh45gqv3],
.s100-topbar--dark .s100-topbar__link:hover[b-ynrh45gqv3] { color: var(--lime-500); }

.s100-topbar--light .s100-topbar__link[b-ynrh45gqv3] { color: var(--text-secondary); }
.s100-topbar--light .s100-topbar__link--active[b-ynrh45gqv3],
.s100-topbar--light .s100-topbar__link:hover[b-ynrh45gqv3] { color: var(--navy-900); }

.s100-topbar__right[b-ynrh45gqv3] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
}
/* /Components/Pages/AthleteProfile.razor.rz.scp.css */
.s100-athlete-stats[b-k5eikxvyno] {
    display: flex;
    gap: var(--space-7);
    flex-wrap: wrap;
    padding: var(--space-5) 0;
    margin-bottom: var(--space-6);
    border-top: 1px solid var(--border-subtle);
    border-bottom: 1px solid var(--border-subtle);
}
/* /Components/Pages/Home.razor.rz.scp.css */
.s100-watch-row[b-upktjwke2r] {
    display: flex;
    flex-direction: column;
}

.s100-watch-row__track[b-upktjwke2r] {
    padding: 0 var(--space-4) var(--space-4);
}

/* ::deep is required here: .s100-athlete-row is rendered by the AthleteRow child component, and
   Blazor's CSS isolation only reaches a parent's own markup without it. */
.s100-watch-row:last-child[b-upktjwke2r]  .s100-athlete-row {
    border-bottom: none;
}
/* /Components/Pages/Watchlist.razor.rz.scp.css */
.s100-watch-athlete[b-zht7oull0i] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
}

.s100-watch-athlete__photo[b-zht7oull0i] {
    width: 32px;
    height: 32px;
    border-radius: var(--radius-pill);
    object-fit: cover;
    flex-shrink: 0;
    display: block;
}

.s100-watch-athlete__photo--placeholder[b-zht7oull0i] {
    background: var(--grey-200);
}