* {
	/* resize:both; */
}

tpo_full.score_mode {
	--width: 1731px;
	--height: max-content;
	position: absolute;
	width: auto !important;
}

tpo_full.score_mode.playoff_panel_full {
	--width: 1731px;
	--height: 967px;
}
tpo_full.score_mode.playoff_panel_5-8_full {
	--height: 967px;
}

.score_mode tpo_wrapper {
	text-transform: uppercase;
	display: flex;
	width: var(--width);
	min-width: var(--width);
	height: var(--height);
	min-height: var(--height);
	flex-direction: column;
	--pd_side: 40px;
	--pd_top: 51px;
	padding: var(--pd_top) var(--pd_side);
	border-radius: 18px;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: auto;
	background: var(--bg-color);
	background-image: url(../assets/images/hb2_playoff_bg.png);
	background-repeat: no-repeat;
	background-size: cover;
}

tpo_full.playoff_panel_full tpo_bg,
tpo_full.playoff_panel_5-8_full tpo_bg {
	background: url(../assets/images/hb2_playoff_lines_1.png);
}

tpo_full.playoff_panel_5-8_full tpo_bg {
	clip-path: inset(100px 400px 100px 400px);
}

tpo_bg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	/* background: url(../assets/playoff_grid_dev.png); */
}

tpo_header {
	display: flex;
	font-size: 40px;
	font-weight: bold;
	justify-items: center;
	/* height: 134px; */
	align-items: start;
	--header-row1-height: 87px;
	margin-bottom: 26px;
}

tpo_header {
	grid-auto-flow: column;
}

tpo_header img.comp_logo {
	height: var(--header-row1-height);
	border-radius: 20px;
	min-width: 115px;
	object-fit: contain;
	padding: 5px;
	background-color: var(--bg-color3);
	margin-right: 11px;
	/* image-rendering: auto; */
}

tpo_header img.comp_logo[src=''] {
	display: none;
}

tpo_header_wrap {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}

tpo_header_text {
	display: flex;
	background-color: var(--bg-color2);
	height: var(--header-row1-height);
	border-radius: var(--radius_big);
	color: var(--text-color-inverted);
	font-size: 73px;
	align-items: center;
	padding-left: 20px;
}

tpo_etap {
	font-size: 50px;
	font-weight: 400;
	padding-left: 24px;
	padding-top: 7px;
}

.playoff_panel_5-8_full tpo_bg::before,
.playoff_panel_full tpo_bg::before {
	content: ' ';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	/* background: url('../assets/images/playoff_bg.png'); */
	/* background-position-x:center; */
	/* background-position-y:center; */
}
.playoff_panel_5-8_full tpo_bg,
.playoff_panel_full tpo_bg {
}

.playoff_panel_5-8_full tpo_bg::before {
	background-position-x: center;
	background-position-y: -286px;
	background-size: 1644px 1291px;
	width: 560px;
	/* background: none; */
}

tpo_grid {
	display: flex;
	width: 100%;
	/* border: 1px solid red; */
	/* height: 851px; */
	flex-grow: 1;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	padding: 0 84px;
	gap: 11px;
}

.playoff_panel_full tpo_grid {
	flex-direction: row;
}

.score_mode tpo_block {
	--common_width: 492px;
	--1-4side_pos: 17px;
	--1-2side_pos: 134px;
	/* --radius: 9px; */
	--mg-right: 6px;
	--1-4_1top: 0;
	--1-4_3top: 533px;
	--1-2_1top: 272px;
	--finaltop: 55px;
	--finalwidth: var(--common_width);
	--3rd_top: 485px;
	--3rd_width: var(--common_width);
	--5-8_top: 272px;
	--5-8_side: 1030px;
	--5rd_top: 49px;
	--7rd_top: 485px;
	width: 100%;
	--width: var(--common_width);
	display: flex;
	/* background: grey; */
	flex-direction: column;
	border-top-left-radius: var(--radius);
	border-top-right-radius: var(--radius);
	border-radius: var(--radius_mid);
	/* border: 1px solid red; */
	/* background: #414142; */
	color: var(--text-color-inverted);
	letter-spacing: 0.4px;
	overflow: hidden;
	background: var(--bg-color2);
	color: white;
	--gap: 11px;
	--gap2: 10px;
	padding: var(--gap);
	font-size: 38px;
	font-weight: bold;
}

tpo_rows {
	/* padding: 10px; */
	display: flex;
	flex-direction: column;
	gap: var(--gap2);
}

.score_mode tpo_row {
	display: flex;
	align-items: stretch;
	/* background: rgb(63 62 64); */
	background: var(--bg-color2);
	/* height: 60px; */
	height: 42px;
	gap: 8px;
}

tpo_row_image,
.score_mode tpo_team_block {
	background-color: white;
	border-radius: var(--radius_mid);
	color: black;
	flex-grow: 1;
	display: flex;
	padding-left: 14px;
	overflow: hidden;
}

tpo_row_image {
	flex-grow: 0;
	width: 70px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	image-rendering: auto;
}

.playoff_panel_5-8_full tpo_block,
.playoff_panel_full tpo_block {
	/* box-shadow: 1px 1px 3px black; */
	width: var(--common_width);
	margin-top: 0px;
	overflow: hidden;
}

.playoff_panel_5-8_full tpo_block {
	--width: 480px;
}

.playoff_panel_full {
	font-size: 14px;
}

.playoff_panel_5-8_full tpo_block,
.playoff_panel_full tpo_block {
	position: absolute;
}

.playoff_panel_full .tpo_block_1-4_1 {
	top: var(--1-4_1top);
	left: var(--1-4side_pos);
}

.playoff_panel_full .tpo_block_1-4_2 {
	top: var(--1-4_1top);
	right: var(--1-4side_pos);
}

.playoff_panel_full .tpo_block_1-4_3 {
	top: var(--1-4_3top);
	left: var(--1-4side_pos);
}

.playoff_panel_full .tpo_block_1-4_4 {
	top: var(--1-4_3top);
	right: var(--1-4side_pos);
}

.playoff_panel_full .tpo_block_1-2_1 {
	top: var(--1-2_1top);
	left: var(--1-2side_pos);
}

.playoff_panel_full .tpo_block_1-2_2 {
	top: var(--1-2_1top);
	right: var(--1-2side_pos);
}

.playoff_panel_full .tpo_block_final {
	top: var(--finaltop);
	/* left: 692px; */
	width: var(--finalwidth);
	justify-self: baseline;
}

.playoff_panel_full .tpo_block_3rd {
	top: var(--3rd_top);
	width: var(--3rd_width);
}

.playoff_panel_5-8_full .tpo_block_5-8_1 {
	top: var(--5-8_top);
	left: var(--5-8_side);
}

.playoff_panel_5-8_full .tpo_block_5-8_2 {
	top: var(--5-8_top);
	right: var(--5-8_side);
}

.playoff_panel_5-8_full .tpo_block_5rd {
	top: var(--5rd_top);
	--width: var(--common_width);
}

.playoff_panel_5-8_full .tpo_block_7rd {
	top: var(--7rd_top);
	--width: 650px;
}

/* tpo_block_header {
	display: flex;
	height: 43px;
	align-items: center;
	text-shadow: none;
	background: var(--bg-color2);
	color: var(--text-color-inverted);
}
.playoff_panel_5-8_full tpo_block_header,
.playoff_panel_full tpo_block_header {
	background: white;
	background: var(--bg-color2);
	color: var(--text-color-inverted);
} */

.tpo_block_header {
}

.tpo_block_header tpo_row_team {
	visibility: hidden;
}

.playoff_panel_full .tpo_block_header tpo_row_team,
.playoff_panel_5-8_full .tpo_block_header tpo_row_team {
	visibility: visible;
}

.tpo_block_header tpo_row_image {
	visibility: hidden;
}

.score_mode tpo_block_col {
	display: flex;
	width: 163px;
	justify-content: center;
	align-items: center;
}

.score_mode tpo_block_col:last-child {
	margin-right: 5px;
	justify-self: flex-end;
}

.playoff_panel_full tpo_block_col:last-child {
	/* margin-right: var(--mg-right); */
}

.score_mode.playoff_panel_full tpo_block_col.score_title,
.score_mode.playoff_panel_5-8_full tpo_block_col.score_title {
	font-size: 19px;
	display: flex;
	align-items: flex-end;
	padding-bottom: 4px;
	/* letter-spacing: -0.2px; */
	transform: scale(0.95, 1);
}
.score_mode.playoff_panel_5-8_full tpo_block_col,
.score_mode.playoff_panel_full tpo_block_col {
	width: 45px;
	flex-shrink: 0;
}

.score_mode.playoff_panel_full tpo_row {
	height: 42px;
}

tpo_row_bg {
	display: flex;
	position: absolute;
	width: 100%;
	height: 100%;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;
}

tpo_row.tpo_row_home {
	/* border-bottom: 1px solid #ffffff4d; */
	/* border-bottom: 1px solid #363636; */
}

.score_mode tpo_row_image {
	height: 100%;
	padding: 0px 0;
	/* margin-left: 5px; */
	padding: 3px 5px;
	width: 70px;
	flex-shrink: 0;
}

tpo_row_image img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.score_mode.playoff_panel_full tpo_row_image {
	padding: 3px 5px;
	/* width: 55px; */
}

.score_mode tpo_row_team {
	flex-grow: 1;
	text-overflow: ellipsis;
	display: flex;
	align-items: center;
	white-space: nowrap;
	flex-shrink: 1;
	overflow: hidden;
}

.score_mode tpo_row_team.team_name {
	font-weight: 400;
}

.score_mode tpo_row_team.team_name span {
	transform-origin: left;
}

.playoff_panel_full tpo_row_team {
	/* font-size: 24px; */
	letter-spacing: -0.1px;
}

.tpo_value {
	/* font-size: 34px; */
	/* font-weight: 500; */
	/* font-weight: normal; */
	/* font-weight: bold; */
}

.playoff_panel_full .tpo_value {
	/* font-size: 30px; */
	/* font-weight: 500; */
	/* font-weight: normal; */
	/* font-weight: bold; */
}

.playoff_panel_full .tpo_block_final tpo_block_col {
	/* width: 57px; */
	/* flex-shrink: 0; */
}

.playoff_panel_full .tpo_block_final .tpo_value {
	/*font-size: 34px;*/
}

tpo_bottom_header {
	display: flex;
	font-size: 48px;
	/* width: 1030px; */
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 50px;
	margin-bottom: 0;
	/* border: 2px solid white; */
	margin-top: 40px;
}

.playoff_panel_5-8_full tpo_bottom_header,
.playoff_panel_full tpo_bottom_header {
	display: none;
}

.bigger,[bigger="true"] {
	font-weight: bold;

}

tpo_table_table {
	display: flex;
	gap: 12px;
	flex-direction: column;
	/* font-size: 47px; */
}

.tpo_row_header tpo_row_image {
	background-color: transparent;
}

.tpo_row_header tpo_team_block {
	background-color: transparent;
}

/* Tournament table */

tpo_table {
	--width: 1731px;
	--height: max-content;
	position: absolute;
	width: auto !important;
	font-size: 50px;
}

tpo_table_header {
	display: flex;
	/* font-size: 40px; */
	font-weight: bold;
	justify-items: center;
	/* height: 134px; */
	align-items: start;
	--header-row1-height: 87px;
	margin-bottom: -54px;
}

tpo_table_header img.comp_logo {
	height: var(--header-row1-height);
	border-radius: 20px;
	min-width: 115px;
	object-fit: contain;
	padding: 5px;
	background-color: var(--bg-color3);
	margin-right: 11px;
	/* image-rendering: auto; */
}

tpo_table_header img.comp_logo[src=''] {
	display: none;
}

tpo_table_header_wrap {
    display: flex
;
    flex-direction: column;
    flex-grow: 1;
}

tpo_table_etap{
    /* font-size: 50px; */
    font-weight: 400;
    padding-left: 24px;
    padding-top: 16px;
}

tpo_table_etap::after{
	content:"\00a0";
}

tpo_table_rows {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.score_mode tpo_table_row.tpo_row_header {
	height: 60px;
}

tpo_table_row {
	display: flex;
	align-items: stretch;
	height: 52px;
	gap: 19px;
}

tpo_table_row_image {
    display: flex;
    flex-grow: 0;
    width: 70px;
    height: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    image-rendering: auto;
    flex-shrink: 0;
}

.score_mode tpo_table_row_image {
    /* height: 100%; */
    padding: 0px 0;
    /* margin-left: 5px; */
    padding: 3px 5px;
    width: 90px;
    flex-shrink: 0;
    border-radius: var(--radius_mid);
    background-color: white;
}


tpo_table_row_image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.score_mode tpo_table_wrapper {
	text-transform: uppercase;
	display: flex;
	width: var(--width);
	min-width: var(--width);
	height: var(--height);
	min-height: var(--height);
	flex-direction: column;
	--pd_side: 40px;
	--pd_top: 22px;
	padding: var(--pd_top) var(--pd_side);
	border-radius: 18px;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: auto;
	background: var(--bg-color);
	background-image: url(../assets/images/hb2_playoff_bg.png);
	background-repeat: no-repeat;
	background-size: cover;
}

tpo_table_col {
	display: flex;
	width: 140px;
	justify-content: center;
	align-items: center;
}

tpo_table_col.tpo_table_value {
	font-weight: 800;
}


tpo_table_row.current_home tpo_team_block,
tpo_table_row.current_away tpo_team_block{
	background-color: var(--bg-color2);
	color:white
}