.ranking_block {
    display: flex;
    padding: 8px 8px;
    max-width: 300px;
    margin-right: auto;
    margin-left: auto;
    
}

.ranking_block p {
    padding: 0 8px;
    flex-grow: 1;
}

.ranking_chip {
    color: var(--text-on-fill);
    border-radius: 100vh;
    width: 4em;
    flex-shrink: 0;
    text-align: center;
    margin-top: auto;
    margin-bottom: auto;
}

#ranking_1 .ranking_chip {
    background-color: gold;
}

#ranking_2 .ranking_chip {
    background-color: silver;
}

#ranking_3 .ranking_chip {
    background-color: #815a2b;
}

#ranking_u4 .ranking_chip {
    background-color: dimgray;
}


.ranking_list {
    margin: 24px auto;
}