
.match_page_info_block {
    width: 80%;
    display: flex;
    flex-direction: column;
    gap: 32px;
    align-items: center;
    position: relative;
}

.match_page_score_block {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap:32px;
    width: 100%;
}
.match_page_score_block .match_page_comand_container:first-child {
    justify-content: end;
}

.match_page_comand_container {
    flex-grow: 1;
    display: flex;
    flex-direction: row;
    gap:24px;
    justify-content:flex-start;
    align-items: center;
    max-width: 460px;
    width: 460px;
}

.match_page_comand_name {
    font-size: 1.75rem;
    color: white;
}

.match_page_comand_logo_container {
    max-width: 96px;
    max-height: 96px;
    width: 96px;
    height: 96px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.match_page_comand_logo {
    max-width: 96px;
    max-height: 96px;
}

.match_page_score {
    font-size: 2rem;
    font-weight: 600;
}

.match_page_info_conrainer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    vertical-align: middle;
    color:rgba(255,255,255,0.7);
}

.match_page_round_list {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    gap: 24px;
    flex-wrap: wrap;
}

.round_container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width:256px;
    max-width: 256px;
    border-radius: 16px;
    border: 1px solid var(--fourth-black);
}

.map_and_score_container {
    max-width: 256px;
    width: 256px;
    padding: 4px;
    display: flex;
    flex-direction: column;
    gap:0px;
    justify-content: end;
    align-items: center;
    border-radius: 16px 16px 0 0;
    aspect-ratio: 16 / 6
}

.round_container_score {
    font-size: 1.25rem;
    color: white;
    text-shadow: 0px 0px  12px black;
    
}

.round_container_map {
    font-size: 1rem;
    color: rgba(255,255,255,0.7);
    text-shadow: 0px 0px  12px black;
}

.round_show_button {
    border-radius: 0px 0px 16px 16px;
    background-color: var(--second-black);
    padding: 4px;
    color:white;
    font-size: 1rem;
    width: 100%;
    border: 1px solid var(--fourth-black);
    outline: none;
    transition: 0.15s;
}
.wath_translation_container {
    position: absolute;
    width: 32px;
    height: 32px;
    max-height: 32px;
    max-width: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    right:0px;
    top:0px;
    background-color: white;
    border-radius: 8px;
    border: 1px solid var(--third-black);
    transition: 0.15s;
}

.watch_translation_icon {
    max-width: 20px;
}

.match_page_stat_block {
    width: 100%;
    display: none;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    gap:1px;
    border: 1px solid #1b2733;
    border-radius: 16px;
    padding: 16px 0px;
    background-color: #1b2733;
}

.match_table_stat_list {
    display: flex;
    flex-direction: column;
    width: 100%;
    overflow-x: auto;
    background-color: var(--third-black);
    gap:1px;
}

.match_table_stat_first_stroke {
    display: flex;
    flex-direction: row;
    text-align: center;
    position: relative;
    width: 100%;
    font-size: 0.75rem;
    font-weight: 600;
    min-width: 1400px;
    color: rgba(255,255,255,0.7);
}

.match_table_stat {
    width: 100px;
    min-width: 50px;
    text-align: center;
    vertical-align: middle;
    padding: 8px;
    color:rgba(255,255,255,0.7);
}

.match_table_stat_first {
    min-width: 210px;
    text-align: start;
    vertical-align: middle;
    padding: 8px;
}

.stick {
    position: sticky;
    left: 0;
    top: 0;
}


.agent_icon {
    max-width: 40px;
    max-height: 40px;
}

.match_table_player_stat_first {
    min-width: 210px;
    text-align: start;
    vertical-align: middle;
    display: flex;
    flex-direction: row;
    gap:8px;
    align-items: center;
    padding: 8px;
}

.match_table_stat_stroke {
     display: flex;
    flex-direction: row;
    text-align: center;
    position: relative;
    width: 100%;
    min-width: 1400px;
}

.match_table_player_stat {
    height: 56px;
    width: 100px;
    min-width: 64px;
    text-align: center;
    vertical-align: middle;
    padding: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.active {
    display: flex;
}

.rating_icon {
    max-width: 32px;
    max-height: 32px;
}
.deffer {
    background-color: rgb(17, 79, 73);
    color: #16d787;
}
.deff > *:nth-child(even) {
    background:linear-gradient(to right, rgb(15, 26, 36));
    
}
.deff > *:nth-child(odd):not(.match_table_stat_first_stroke) {
    background:linear-gradient(to right, rgb(27, 39, 51));
}
.attack {
    background-color: rgb(77, 35, 50);
    color:#f44649;
}
.atk > *:nth-child(even) {
    background:linear-gradient(to right, rgb(15, 26, 36));
    
}
.atk > *:nth-child(odd):not(.match_table_stat_first_stroke) {
    background:linear-gradient(to right, rgb(27, 39, 51));
}
.attackgrad {
    background:linear-gradient(to right, rgba(77, 35, 50, 1),rgba(77, 35, 50, 1)20%,rgba(77, 35, 50, 0)50%);
}
.match_table_stat_stroke:nth-child(even) .deffergrad {
    background:linear-gradient(to right, rgba(17, 79, 73, 1),rgba(17, 79, 73, 1)20%,rgba(17, 79, 73, 0)50%),linear-gradient(to right, rgb(15, 26, 36));
}
.match_table_stat_stroke:nth-child(odd) .deffergrad {
    background:linear-gradient(to right, rgba(17, 79, 73, 1),rgba(17, 79, 73, 1)20%,rgba(17, 79, 73, 0)50%),linear-gradient(to right, rgb(27, 39, 51));
}
.match_table_stat_stroke:nth-child(even) .attackgrad {
    background:linear-gradient(to right, rgba(77, 35, 50, 1),rgba(77, 35, 50, 1)20%,rgba(77, 35, 50, 0)50%),linear-gradient(to right, rgb(15, 26, 36));
}
.match_table_stat_stroke:nth-child(odd) .attackgrad {
    background:linear-gradient(to right, rgba(77, 35, 50, 1),rgba(77, 35, 50, 1)20%,rgba(77, 35, 50, 0)50%),linear-gradient(to right, rgb(27, 39, 51));
}