.table-wrapper {
    width: 640px;
    display: flex;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    font-family: Montserrat;
    min-width:300px;
}

.top10 .table-wrapper{
    width: 350px;
}


.table-right{
    display:inline-flex;
    justify-content: center;
    align-items: flex-start;
    gap:10px;
}

.table-wrapper table {
    border-collapse: collapse;
}

.table-wrapper table td{
    padding: 10px;
    color:var(--cloudy-white);
}

.table-wrapper .team-members a, .team-members span{
    color:var(--cloudy-white);
    text-decoration: none;
    font-weight: 500;
    display: flex;
    gap:5px;
}

.players-td a, .players-td span{
    color:var(--cloudy-white);
    text-decoration: none;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap:5px;
}

.table-wrapper table thead{
    border:1px solid var(--slate-steel);
    border-top:none;
}

.tourney table thead th{
    background-color: var(--dark-gunmetal);
    color:#d5d5d5;

    font-family: Montserrat;
    font-weight: 400;
    font-size: 14px;
    padding:4px;
}

@media only screen and (max-width: 530px) {
    .table-head{
        flex-direction: column;
        height: fit-content !important;
        gap:10px;
    }
}



.table-wrapper table tr {
    position: relative;
    font-weight: 400;
    transition: background-color 100ms ease-in-out;
    box-sizing: border-box;
    background-color: #16171b;
}

.table-wrapper table tbody tr{
    border:1px solid var(--slate-steel);
}

.showDetails{
    cursor: var(--custom-pointer);
}

.showDetails:hover{
    background-color: #1d1e24;
}

.table-wrapper table th {
    background-color: var(--dark-gunmetal);
    color:#d5d5d5;
    font-family: Montserrat;
    font-weight: 400;
    font-size: 14px;
    padding:4px;
}

.table-head {
    color: var(--cloudy-white);
    font-family: Montserrat;
    font-weight: 500;
    border-radius: 10px 10px 0 0;
    background-color: var(--dark-gunmetal);
    width: 100%;
    height: 70px;
    text-align: left;
    padding:8px 12px 12px 12px;
    display:flex;
    justify-content: space-between;
    align-items: flex-start;
    box-sizing: border-box;
    position: relative;
    border:1px solid var(--slate-steel);
    border-bottom: none;
}

.table-right a, .table-right button{
    text-decoration: none;
    color:var(--cloudy-white);
    background: none;
    border:1px solid var(--slate-steel);
    border-radius: 6px;
    padding:8px;
    box-sizing: border-box;
    transition: all 100ms ease-in-out;
    display:flex;
    align-items: center;
    justify-content: center;
    gap:8px;
    font-size:16px;
    font-weight: 400;

    cursor: var(--custom-pointer);
    font-family: Montserrat;
}

.table-head button:disabled{
    color:gray;
    cursor: not-allowed;
}

.table-head button:disabled img{
    filter:brightness(.5);
}

.table-right a:hover, .table-right button:hover{
    border:1px solid #4c4f5c;
}

.table-right img{
    width: 16px;
    height: 16px;
}

.table-left{
    display:flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: flex-start;
    gap:4px;
}


.table-head h2 {
    color: var(--cloudy-white);
    font-size: 24px;
    position: relative;
    margin:0;
    display:inline-flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    gap:5px;
}

.table-head h3 {
    color: gray;
    padding: 20px;
    font-size: 16px;
    font-family: Montserrat;
    font-weight: 500;
    margin:0;
    padding: 0;
}

.table-left img {
    width: 23px;
}

.teamMember{
    display:flex;
    justify-content: flex-start;
    align-items: center;
    gap:4px;
}

.teamMember img{
    height: 24px;
    border-radius: 100%;
}

.pfp{
    display:flex;
    border-radius: 100%;
}

.pfp img{
    width:24px;
    border-radius: 100%;
    pointer-events: all;
    transition:all 100ms ease-in-out;
}

.team-members {
    display: none;
    font-weight: 400;
    background-color: #1d1e24;
    border-left:1px solid #43454d !important;
    border-right:1px solid #43454d !important;
    border-top:none !important;
    
}

.team-members:not(:last-child){
    border-bottom: none !important;
}