.rankingGameTable-table {
    --background-table-color: #F0F2F5;
    --border-table-color: #0E870C;

    border-collapse: collapse;
    background-color: var(--background-table-color);
    max-height: 500px;
    display: block;
    overflow: auto;
}

.rankingGameTable-table tr {
    border-bottom: 2px solid var(--border-table-color);
}

.rankingGameTable-table tbody tr:last-child {
    border-bottom: none;
}

.rankingGameTable-table thead tr {
    position: sticky;
    top: 0;
    background-color: var(--background-table-color);
    box-shadow: 0 1px 0 0 var(--border-table-color);;
}

.rankingGameTable-table .sort-hover {
    cursor: pointer;
}

.rankingGameTable-table .sort-hover:hover {
    color: var(--blue);
}

.rankingGameTable-table .sort-hover:hover .sorted-arrows {
    --arrow-color: var(--blue);
}

.sorted-arrows {
    --arrow-color: #737373;

    margin-left: 15px;
    display: inline-flex;
    flex-direction: column;
    gap: 2px;
}

.sorted-arrows::before {
    content: "";
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-top: 0;
    border-bottom: 10px solid var(--arrow-color);
}

.sorted-arrows::after {
    content: "";
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-top: 0;
    border-bottom: 10px solid var(--arrow-color);
    rotate: 180deg;
}