.s_matchid {
	display: flex;
	--content-col-width: 510px;
	--content-mid-width: 900px;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	--big-radius: 100px;
	--big-radius-last-col: var(--big-radius);
}

.s_matchid_wrap {
	display: flex;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
}

.s_matchid_content_col {
	display: flex;
	/* position: absolute; */
	/* top: 0; */
	/* bottom: 0; */
	/* left: 0; */
	/* overflow: hidden; */
	--forecolor: #ffffff;
	--undercolor:white;
	overflow: hidden;
	justify-content: flex-end;
}

.s_matchid_content_col_wrap {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
}

.s_matchid_content_col.home {
	display: flex;
	width: var(--content-col-width);
	/* border-bottom-right-radius: var(--big-radius); */
	/* z-index: 3; */
	/* overflow: hidden; */
}

.s_matchid_content_col.home .s_matchid_content_col_wrap {
	display: flex;
	/* left: 0; */
	/* background-color: var(--home-color); */
	/* border-top-right-radius: var(--big-radius); */
	/* overflow: hidden; */
	/* flex-direction: column; */
	width: var(--content-col-width);
}

.s_matchid_content_col.content {
	display: flex;
	/* right: var(--content-col-width); */
	/* left: var(--content-col-width); */
	/* background-color: white; */
	/* border-top-right-radius: var(--big-radius); */
	/* border-bottom-right-radius: var(--big-radius); */
	/* z-index: 2; */
	/* overflow: hidden; */
	width: var(--content-mid-width);
}

.s_matchid_content_col.content .s_matchid_content_col_wrap {
	display: flex;
	/* left: var(--content-col-width); */
	/* left: 0; */
	/* background-color: green; */
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: var(--content-mid-width);
}

.s_matchid_z_element{
	display: flex;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;    
	background-image: url(../assets/images_uz/z-element.svg);
	background-position: -250px 0px;
	background-repeat: no-repeat;
	background-size: auto 900px;
    opacity: 0.05;
}

.s_matchid_content_bg {
	display: flex;
	position: absolute;
	top: 0;
	/* left: 0; */
	right: 0;
	bottom: 0;
	width: 100%;
	/* background: white; */
	background-color: var(--undercolor);
	opacity: 0.9;
}

.s_matchid_content_bg::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: var(--forecolor);
	border-top-right-radius: var(--big-radius);
	border-right: 1px solid #73737345;
}

.s_matchid_content_col.home{
    --forecolor:var(--home-color);
}

.s_matchid_content_col.content {
    --undercolor:var(--away-color);
}

.s_matchid_content_col.away{
    --forecolor:var(--away-color);
    --undercolor: white;
}

.s_matchid_content_col.content .s_matchid_content_bg {
	/* background-color: white; */
}

.s_match_liga_logo {
	display: flex;
	background-image: url(../assets/images_uz/comp_logo.svg);
	--size: 420px;
	width: var(--size);
	height: var(--size);
	background-repeat: no-repeat;
	margin-bottom: 47px;
}

.s_matchid_header {
	font-size: 40px;
}

.s_matchid_stadium {
	font-size: 40px;
	font-weight: normal;
	margin-bottom: 17px;
}

.s_matchid_tour {
	font-size: 40px;
	display: flex;
	/* gap: 20px; */
	margin-bottom: 50px;
}

.s_matchid_date {
	font-size: 40px;
}

.s_matchid_content_col.away {
	display: flex;
	/* left: calc(var(--content-col-width) + var(--content-mid-width)); */
	/* z-index: 1; */
	width: var(--content-col-width);
	/* left: auto; */
	/* right: auto; */
}

.s_matchid_content_col.away .s_matchid_content_col_wrap {
	display: flex;
	width: var(--content-col-width);
}

.s_matchid_content_col.away::before {
/* 	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: calc(var(--big-radius) * -1);
	right: 0;
	/* right: 0; */
/* 	left: 0;
	background-color: var(--away-color);
	border-top-right-radius: var(--big-radius-last-col); */
	/* 	border-top-right-radius: var(--big-radius);
	border-bottom-right-radius: var(--big-radius); */
}

.s_matchid_content_col_wrap {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;
}

.s_matchid_coach_photo {
	display: flex;
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	/* background:white; */
	background-position: top center;
	background-size: cover;
	justify-content: center;
	align-items: flex-end;
}

.s_matchid_coach_photo {
	/* -webkit-mask-image:-webkit-gradient(linear, left 10% , left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0))); */
	mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 74%, rgba(0, 0, 0, 0) 100%);
}

.s_matchid_logo {
	top: 110px;
	display: flex;
	--size: 260px;
	width: var(--size);
	height: var(--size);
	z-index: 2;
	background-size: contain;
	position: absolute;
	top: 300px;
}

.s_matchid_logo.home {
	/* right: calc(var(--size) / -2); */
}

.s_matchid_logo.away {
	/* right: calc(var(--size) / -2); */
	z-index: 10000;
}

.s_matchid_teamname_container {
	display: flex;
	font-size: 59px;
	position: absolute;
	top: 460px;
	width: 100%;
	justify-content: center;
	top: 630px;
}

.s_matchid_teamname_container.home {
	color: var(--home-color-text);
}

.s_matchid_teamname_container.away {
	color: var(--away-color-text);
}

.s_matchid_teamname {
	/* width: 420px; */
}

.s_matchid_captain {
	display: flex;
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 0;
	height: 461px;
	/* background: white; */
	background-position: top center;
	background-size: 140%;
	justify-content: center;
	align-items: flex-end;
}

.s_matchid_content_mid {
	display: flex;
}

.s_matchid_content_mid_wrap {
	display: flex;
}

.s_matchid_header {
	display: flex;
	font-size: 67px;
	font-weight: 900;
	margin-bottom: 17px;
	/* margin: 20px 0; */
	text-transform: uppercase;
}

.s_matchid_table {
	display: flex;
	flex-direction: column;
	--tablewidth: 610px;
	width: var(--tablewidth);
	gap: 35px;
}

.s_matchid_row {
	display: flex;
	width: var(--tablewidth);
	justify-content: space-between;
	flex-direction: column;
	/* margin-top: 18px; */
}

.s_matchid_cells {
	display: flex;
	width: var(--tablewidth);
	justify-content: space-between;
}

.s_matchid_cell {
	display: flex;
	width: 110px;
	justify-content: center;
	line-height: 0.7;
	align-items: center;
	font-size: 25px;
	--pd-out: 10px;
}

.s_matchid_cell.home {
	display: flex;
	justify-content: flex-start;
	padding-left: var(--pd-out);
}

.s_matchid_cell.away {
	display: flex;
	justify-content: flex-end;
	padding-right: var(--pd-out);
}

.s_matchid_title {
	display: flex;
	font-weight: 400;
	font-size: 24px;
	align-items: center;
}

.s_matchid_value {
	display: flex;
	font-size: 58px;
	font-weight: 900;
	/* line-height: 0.7; */
}

.s_matchid_sponsor {
	display: flex;
	width: 400px;
	height: 54px;
	background-image: url(../assets/images_uz/sponsor_stats.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	margin-top: 86px;
}

.s_matchid_bar_container {
	height: 18px;
	overflow: hidden;
	--radius: 15px;
	border-top-left-radius: var(--radius);
	border-top-right-radius: var(--radius);
}

.s_matchid_bar {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
}

.s_matchid_bar.home {
	right: 50%;
	z-index: 2;
	background-color: #c9c9c9;
}

.s_matchid_bar.home::after {
	content: ' ';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 4px;
	height: 100%;
	background-color: white;
}

.s_matchid_bar.away {
	background-color: #f4e521;
}

.s_matchid_unit {
	margin-left: 10px;
}

.s_matchid_test {
	height: 40px;
	font-size: 40px;
	color: white;
	font-weight: 900;
}