ul.ranking {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 0px;
    list-style: none;
    border-radius: 15px;
    background-color: var(--default-color);
    overflow-y: auto;
}

ul.ranking > li {
    display: flex;
    flex-direction: row;
    width: 100%;
    margin: 10px 0 10px 0;
}

ul.ranking > li > a {
    display: flex;
    flex-direction: row;
    width: 100%;
}

ul.ranking > li > a > span:first-child {
    width: 100px;
    text-align: left;
}

ul.ranking > li > a > .progress-bar {
    display: flex;
    align-items: center;
    flex: 1;
    width: 100%;
    color: var(--default-text-color);
    text-decoration: none;
}