.nsl-leaderboards__controls {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    background: #f2f2f2;
    border: 1px solid #f3f3f3;
    border-left: 4px solid #e90052;
    padding: .5rem 1em;
    margin-bottom: 2rem;
}

.nsl-leaderboards__controls label {
    color: #000;
    font-weight: bold;
    margin-right: 1rem;
}

.nsl-leaderboards__controls select {
    appearance: auto;
    height: auto;
    width: 200px;
    float: none;
    padding-left: 1rem;
    background: #fff;
    background-position: 90%;
    border: 1px solid #f3f3f3;
    border-radius: 4px;
    color: #000;
}

.nsl-leaderboards__stats {
    display: grid;
    grid-template-columns: 100%;
    grid-gap: 2rem 1rem;
    padding: 0 1rem;
}

@media (min-width: 62.5em) {
    .nsl-leaderboards__stats {
        grid-template-columns: 50% minmax(0, 50%);
        padding: 0;
    }
}

.nsl-leaderboard {
    border: 1px solid #f2f2f2;
    border-radius: 4px;
}

.nsl-leaderboard-heading {
    font-size: 1.25rem;
    border-bottom: 1px solid #f2f2f2;
    margin: 0;
    padding: 1rem .5rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

@media (min-width: 62.5em) {
    .nsl-leaderboard-heading {
        padding: .25rem .5rem;
    }
}

.nsl-leaderboard-heading span {
    font-size: .85rem;
    font-weight: normal;
}

.nsl-leaderboard-player {
    position: relative;
    display: grid;
    grid-template-columns: 5% 10% 50% minmax(0, 30%);
    grid-gap: 1rem;
    align-items: center;
    padding: 1rem 0.5rem;
    border-bottom: 1px solid #f2f2f2;
}

.nsl-leaderboard-player:nth-of-type(odd):not(.nsl-leaderboard-player__large) {
    background-color: #f6f6f6;
}

.nsl-leaderboard-player__large {
    grid-template-columns: 10% 20% minmax(0, 45%) minmax(0, 25%);
    height: 180px;
    padding: 2.5rem .5rem;
    background-color: transparent;
    color: #fff;
}

.nsl-leaderboard-player:last-of-type {
    border-bottom: none;
}

.nsl-leaderboard-player img {
    width: 35px;
    border-radius: 100%;
}

.nsl-leaderboard-player__large img {
    width: 100%
}

.nsl-leaderboard-player p {
    margin: 0;
}

.nsl-leaderboard-player p.player {
    font-weight: bold;
}

.nsl-leaderboard-player p.player > a {
    cursor: pointer;
    color: #373737;
    transition: .25s color;
}

.nsl-leaderboard-player p.player > a:hover {
    color: #e90052;
}

.nsl-leaderboard-player p.team {
    font-size: .85rem;
}

.nsl-leaderboard-player__large p.player {
    font-size: 1.25rem;
}

.nsl-leaderboard-player__large p.player > a,
.nsl-leaderboard-player__large p.player > a:hover {
    color: #fff;
}

.nsl-leaderboard-player__large p.team {
    font-size: 1rem;
    font-weight: bold;
}

.nsl-leaderboard-player__pos {
    font-weight: bold;
    text-align: center;
    color: #373737;
}

.nsl-leaderboard-player__large .nsl-leaderboard-player__pos {
    font-size: 1.5rem;
    color: #fff;
}

.nsl-leaderboard-player__team {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.nsl-leaderboard-player__stats {
    text-align: right;
    font-weight: bold;
    font-size: 1.25rem;
    color: #e90052;
}

.nsl-leaderboard-player__large .nsl-leaderboard-player__stats {
    text-align: center;
    font-size: 2rem;
    color: #fff;
}

.nsl-leaderboard-leader-team {
    position: absolute;
    z-index: -1;
    top: 0;
    right: .1rem;
    height: 100%;
    padding: 2rem;
    max-width: 200px;
    filter: grayscale(1);
    border-radius: 0%!important;
}

.nsl-leaderboard-loading {
    text-align: center;
}

/* Homepage Overrides */
.nsl-home-stats {
    margin: 0 auto;
    overflow: hidden;
}

.nsl-home-stats .nsl-leaderboards {
    display: inline-block;
}

.nsl-home-stats .nsl-leaderboard {
    background: #fff;
}

.nsl-home-stats .nsl-leaderboards__controls {
    display: none;
}

.nsl-home-stats .nsl-leaderboards__stats {
    grid-template-columns: 100%;
    padding: 0;
}

@media (min-width: 62.5em) {
    .nsl-home-stats .nsl-leaderboards__stats {
        grid-template-columns: 33% 33% minmax(0, 33%);
    }
}

.nsl-home-stats .nsl-leaderboard-heading,
.nsl-home-stats .nsl-leaderboard-player:nth-of-type(even):not(.nsl-leaderboard-player__large) {
    background: #fff;
}

.nsl-home-stats .nsl-home-stats-heading {
    display: inline-block;
    width: 100%;
    margin: 1.5rem 0 2rem;
    padding: 0 0 1rem;
    border-bottom: 1px solid #646464;
}
