.profile-ranking-feed-content-loading
{
    opacity: .55;
    transition: opacity .15s ease;
}

@media (prefers-reduced-motion: reduce)
{
    .profile-ranking-feed-content-loading
    {
        transition: none;
    }
}

.profile-stats-grid
{
    display: flex;
    flex-direction: column;
    gap: .35rem;
}

.profile-stat-row
{
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 1rem;
}

.profile-stat-label
{
    color: var(--bs-secondary-color);
}

.profile-stat-value
{
    font-weight: 600;
    white-space: nowrap;
}


/* Journal */

.journal-timeline
{
    display: flex;
    flex-direction: column;
}

.journal-elapsed
{
    display: grid;
    grid-template-columns: minmax(1.5rem, 1fr) auto minmax(1.5rem, 1fr);
    align-items: center;
    gap: .75rem;
    min-height: 3.5rem;
    padding-inline: var(--main-padding-x);
    color: var(--bs-secondary-color);

    margin-left: calc(var(--main-padding-x) * -1);
    margin-right: calc(var(--main-padding-x) * -1);
    border-bottom: 1px solid var(--bs-border-color);
}

.journal-elapsed-line
{
    height: 1px;
    background: var(--bs-border-color-translucent, var(--bs-border-color));
    opacity: .65;
}

.journal-elapsed-label
{
    font-size: .75rem;
    font-weight: 600;
    opacity: 0.65;
    letter-spacing: .02em;
    white-space: nowrap;
}


/* Responsive */

@media (min-width: 768px)
{
    .profile-stats-wrapper
    {
        width: 40%;
    }
}