/*MID*/

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

tmid_wrapper {
	text-transform: uppercase;
	display: flex;
	--width: 1731px;
	width: var(--width);
	min-width: var(--width);
	/* height: 706px; */
	min-height: 706px;
	height: max-content;
	min-height: max-content;
	flex-direction: column;
	background: var(--bg-color);
	background-image: url(../assets/images/hb2_tmid_bg.png);
	background-repeat: no-repeat;
	padding: 24px 32px 11px;
	border-radius: var(--radius_big);
}

tmid_wrapper::before {
	position: absolute;
	content: ' ';
	top: 110px;
	left: 0;
	right: 0;
	bottom: 0;
	/* background-image: url('../assets/images/matchid_bg_ov.png'), url('../assets/images/matchid_bg.jpg'); */
	/* background-size: 100%, cover; */
	/* background-position: center bottom; */
	/* background-repeat: no-repeat; */
}

tmid_header {
	display: flex;
	justify-items: center;
	align-items: start;
	margin-bottom: 0px;
	min-height: 255px;
}


tmid  img.comp_logo {
	height: 171px;
	border-radius: 20px;
	min-width: 225px;
	object-fit: contain;
	padding: 5px;
	background-color: var(--bg-color3);
	margin-right:21px;
}

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


tmid_header_container{
	display:flex;
	flex-grow: 1;
	flex-shrink: 1;
	flex-direction: column;
	/* width: 100%; */
	/* background: red; */
	width: 0px;
	/* padding: 0 30px; */
}

tmid_comp_name {
	z-index: 100;
	height: 171px;
	display: flex;
	/* flex-grow: 1; */
	background: var(--bg-color2);
	color:var(--text-color-inverted);
	border-radius: var(--radius_bigger);
	font-size:150px;
	font-weight: bold;
	align-items: center;
	/* padding: 0 30px; */
	font-size: 142px;
	overflow: hidden;
	display: flex;
	width: 100%;
	/* justify-content: center; */
}

tmid_comp_name {}

tmid_comp_name_text{
	display: flex;
	white-space: nowrap;
	/* width: 100%; */
	/* overflow: hidden; */
	padding: 0 30px;
	--autofit: 1390px;
	transform-origin: left center;
}

tmid_comp_name_text:not([data-linebreaks="0"]){
	font-size: 83px;
}

tmid_etap {
	display: flex;
	margin-left:34px;
	font-size: 54px;
	margin-top:10px;
	margin-bottom:20px;
}

tmid_team {
	display: flex;
	align-items: center;
	height:247px;
	gap: 9px;
	gap: 50px;
	border-radius: var(--radius_bigger);
	padding:0 52px;
	width: 100%;
}

tmid_team.home{
	background-color: var(--bg-color3);
}

tmid_team_container{
	display:flex;
	flex-direction: column;
	/* width: 100%; */
	overflow: hidden;
	/* text-overflow: ellipsis; */
	flex-grow: 1;
	height: 100%;
	justify-content: center;
}

tmid_team_name {
	/* display: flex; */
	font-size: 187.5px;
	font-weight: bold;
	white-space: nowrap;
	width: 100%;
	/* overflow: hidden; */
	/* text-overflow: ellipsis; */
	line-height: 0.76;
	font-size: 130px;
	/* --autofit: 1300px; */
}

.tmid_team_name_text{
	display: block;
	width:fit-content;
	transform-origin: left;
}

tmid_team_town {
	display: flex;
	font-size: 54.17px;
	font-weight: 500;
	margin-bottom: -30px;
	margin-top: 10px;
}


tmid_logo {
	display: flex;
	--size: 247px;
	height: 247px;
	width:247px;
	min-width: 247px;
	/* height: 500px; */
	justify-content: center;
	align-items: center;
	/* background: red; */
}

tmid_logo img {
	height: 100%;
	width: 100%;
	object-fit: contain;
	object-position: center;
	padding:10px;
	/* background: red; */
}

tmid_score {
	display: flex;
	font-size: 242px;
	font-weight: bold;
	justify-content: center;
	width: 260px;
}

tmid tmid_bottom_text.common_h{
	display:flex;
	height: 66px;
	font-size: 54px;
	border-radius: var(--radius_mid);
	justify-content: flex-start;
	padding-left: 54px;
	gap: 70px;
	margin-top: 40px;
}

tmid_period {
	/* margin: 0 20px; */
}



tmid_label{

}

tmid_location {
	display: flex;
}

tmid.mid .hide_on_mid{
	display: none;
}

tmid.matchid .hide_on_matchid{
	display: none;
}

tmid_city {
	display: flex;
}

tmid_stadium {
	display: flex;
}

tmid [var-value-of-label='begin'] {
	/* opacity:0; */
}