main {

    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    width: 1400px !important;

}

.gamemode-tier {

    width: 260px;

    .title {

        background-color: #2c394c;
        text-align: center;
        line-height: 0;
        padding: 15px;
        border-radius: 15px 15px 0 0;
        border: 3px solid #43526a;
        margin-bottom: 0;

    }

    .players {

        background-color: #2c394c;
        font-size: 1.3em;
        list-style-type: none;
        border: 3px solid #43526a;
        border-top: none;
        border-radius: 0 0 10px 10px;

        .lt {

            background-color: #2c394c;

        }

        .ht {

            background-color: #3e4f6a;

        }

        .lt.retired {
            background-color: var(--RLT);
        }

        .ht.retired {
            background-color: var(--RHT);
        }

        .player {

            cursor: pointer;
            display: flex;
            flex-direction: row;
            gap: 5px;

        }

        li {
            position: relative;
            display: flex;
            align-items: center;
            .fas {
                position: absolute;
                right: 5px;
            }
        }

    }

}

.active {

    margin-top: -5px !important;
    height: 95px !important;
    border-color: #597fb7 !important;

}

#tier-1 {

    .title {

        border: 3px solid #d5b355ee;
        color: #806a24;
        background-color: #ffcf4a;

    }

}

#tier-2 {

    .title {

        border: 3px solid #a4b3c7ee;
        color: #525c6a;
        background-color: #888d95;

    }

}

#tier-3 {

    .title {

        border: 3px solid #dd8849ee;
        color: #6e4726;
        background-color: #b36830;

    }

}