/*MID*/

tstats {
	--animator-area: center;
	width: auto !important;
	position: absolute;
	/* top: 130px; */
}

tstats_wrapper {
	text-transform: uppercase;
	display: flex;
	/* width: 1208px; */
	--width: 1731px;
	min-width: var(--width);
	max-width: var(--width);
	/* height: 706px; */
	min-height: 706px;
	height: max-content;
	min-height: max-content;
	flex-direction: column;
	background-color: var(--bg-color);
	background-image: url('../assets/images/hb2_stats_bg.png');
	/* background-size: cover; */
	/* background-position: center; */
	background-repeat: no-repeat;
	padding: 8px 25px 30px;
	v: 29px;
	border-radius: var(--radius_big);
}




tstats_header {
	display: grid;
	grid-auto-columns: 1fr auto auto 1fr;
	grid-auto-rows: 103px;
	grid-auto-flow: column;
	/* justify-items: center; */
	/* height: 103px; */
	/* border: 4px solid; */
	align-items: center;
	/* padding-top: 14px; */
	/* margin-bottom: -39px; */
	/* background: white; */
	/* overflow: hidden; */
}

tstats_team {
	display: flex;
	z-index: 100;
	white-space: normal;
	/* max-width: 80%; */
	border-radius: 20px;
	background-color: white;
	height: 100%;
	font-size: 83.33px;
	font-weight: bold;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	text-overflow: ellipsis;

}

tstats_header_text {
	display: inline;
	text-overflow: ellipsis;
	overflow: hidden;
	/* text-align: left; */
	/* max-width: 100%; */
	white-space: nowrap;
}



tstats_table_title {
	display: flex;
	font-size: 72.84px;
	font-weight: bold;
	justify-content: center;
	align-items: center;
	background: var(--bg-color2);
	color: var(--text-color-inverted);
	height:87px;
	border-radius: 20px;
	/* margin-top: 8px; */
	margin-bottom: 16px;
}

tstats_grid {
	display: flex;
	margin-top: 38px;
	grid-auto-flow: column;
}

tstats_team_col {
	display: flex;
	flex-direction: column;
	width: 190px;
	min-width: 190px;
	justify-content: center;
}

tstats_logo {
	display: flex;
	height: 100%;
	width:182px;
	/* height: 500px; */
	justify-content: center;
	align-items: center;
	/* background: red; */
	border-radius: 20px;
	background-color: var(--bg-color3);
	margin:0 3px;
}

tstats_logo.home {
	display: flex;
	/* justify-content: flex-end; */
}

tstats_logo.away {
	display: flex;
	justify-content: center;
	align-items: center;
}

tstats_logo img {
	height: 100%;
	object-fit: contain;
	object-position: center;
	/* background: red; */
	/* --shadow: #ffffff91; */
	/* filter: drop-shadow(-1px -1px 0px var(--shadow)) drop-shadow(1px 1px 0px var(--shadow)); */
}

tstats_score {
	display: flex;
	font-size: 133px;
	font-weight: bold;
	justify-content: center;
	width: 129px;
	height:133px;
	text-align: left;
	/* background: green; */
	/* margin-top: 52px; */
	/* margin-bottom: 210px; */
	background: var(--bg-color3);
	border-radius: 20px;
	align-items: center;
}

tstats_score.home {
	display: flex;
}

tstats_score.away {
	display: flex;
	align-self: flex-end;	
}

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

tstats_items{
	display: flex;
	flex-direction: column;
	/* gap: 7px; */
}

tstats_item{
	display: flex;
	grid-auto-flow: column;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	padding: 5px 11px;
	padding: 3px 11px;
	height: 57px;
	background-color: var(--bg-color3);
	border-radius: var(--radius_mid);
}

tstats_item:nth-child(even){
	background-color: transparent;
}

tstats_item_title{
	display: flex;
	font-weight:normal;
	font-size: 50px;
	flex-grow: 1;
	justify-content: center;
}

tstats_item_val {
	display: flex;
	width: 68px;
	min-width: 136px;
	height: 41px;
	border-radius: 10px;
	font-weight: 500;
	font-size: 58.33px;
	/* box-shadow: 0px 1px 4px 0px rgb(255 255 255 / 31%); */
	justify-content: center;
	align-items: center;
	margin: 0px;
	gap: 3px;
	/* margin-right: 8px; */
	/* display: flex; */
	/* background:green; */
	/* background:black; */
	/* background: white; */
	/* color:white; */
	/* min-width: 150px; */
	/* color: black; */
	/* width: auto; */
	/* border-radius: var(--radius_small); */
	/* justify-content: center; */
	/* padding: 4px 10px; */
	/* height: 100%; */
	/* border: 2px solid black; */
}

tstats_item_val.bigger{
	color:red;
	/* background: red; */
	/* background: black; */
	color: black;
	/* color: white; */
	/* border: 2px solid red; */
	--shadow: 0px 0px 1px black;
	text-shadow: var(--shadow), var(--shadow), var(--shadow);
	/* text-shadow: -2px 0px 0px black,2px 0px 0px black, 0px -2px 0px black, 0px 2px 0px black,-2px -2px 0px black,2px 2px 0px black,2px 2px 0px black, -2px 2px 0px black, 2px -2px 0px black; */
	/* -webkit-text-stroke: 2px black; */
	/* font-weight: bolder; */
	/* text-shadow: 1px 1px 0px white,2px 2px 0px black; */
}

tstats_item_val .stroked{
	display:grid;
	grid-template-areas:"area";
}

tstats_item_val .stroked > *{
	grid-area:area;
}

tstats_item_val .stroked > *.stroke{
	grid-area:area;
	/* -webkit-text-stroke: 4px black; */
	display:none;
}

tstats_item_val.bigger .stroke{
	display:flex;
}

tstats comp_logo{
	display: flex;
	width:113px;
	height:87px;
	border-radius: 20px;
	background-color: var(--bg-color3);
	align-self: center;
	margin-top: 37px;
}

tstats comp_logo img{
	object-fit: contain;
	width: 100%;
	height: 100%;
	padding: 8px;
}

body[src=""] tstats tstats_wrapper{
  padding-bottom:40px;
}