.playerInfo {
    --Surface-bgTertiary10: var(--opacity-10b);
    --Text-primaryNoneBg: var(--opacity-70b);
}

@media (prefers-color-scheme: dark) {
    .playerInfo {
        --Surface-bgTertiary10: var(--opacity-10w);
        --Text-primaryNoneBg: var(--base-white);
    }
}




.playerInfo {
    display: flex;
    width: 100%;
    height: 2.6875rem;
    padding: 0.25rem 0.375rem;
    justify-content: space-between;
    align-items: center;
    flex-shrink: 0;

    border-radius: 0.75rem;
    background: var(--Surface-bgTertiary10);
}

.playerInfo .points {
    margin-inline: 1rem;
}


.playerInfo>p {
    margin-inline: auto 0.5rem;
    color: var(--Text-primaryNoneBg);
}

.playerInfo.reverse {
    flex-direction: row-reverse;
}

.playerInfo.reverse>p {
    margin-inline: 0.5rem auto;
}