.c_var {
	font-size: 20px;
	display: flex;
	flex-direction: column;
	margin: var(--cvargap);
	--cvargap: 30px;
	gap: var(--cvargap);
	padding: var(--cvargap);
	background: #464646;
	border-radius: 20px;
}
.var_container{
	display: flex;
	flex-direction: column;
	align-items: center;
	display: flex;
	background-image: url('../assets/var_bg.svg');
	border-radius: 10px;
	background-size: cover;
	background-position: center;
}

.var_icon{
	width: 164px;
	/* height: 80px; */
	margin: 13px;
}

.var_icon svg {
	fill: #001C36;
}

.c_var h1{
	margin:0;
}

.c_var .blocks{
	display: flex;
	flex-direction: row;
	gap: var(--cvargap);
}

.c_var .block{
	display: flex;
	flex-direction: column;
	gap: 30px;
	background: #656565;
	padding: 10px;
	border-radius: 10px;
}

.c_var .block#goal{
	background-color: rgb(204 204 204);
	color: black;
}

.c_var .block#penalty{
	background-color: rgb(208 172 123);
	color: black;
}

.c_var .block#red{
	background-color: red;
	color: white;
}

.c_var .block#ident{
	background-color: #5881a2;
}

.c_var .column{
	display: flex;
	flex-direction: column;
	gap: 31px;
}

.c_var .h{
	display: flex;
	font-size: 20px;
	/* margin-bottom: 12px; */
	width: 100%;
	text-align: center;
	justify-content: center;
	font-weight: bold;
	/* color: white; */
}

.c_var button{
	display: flex;
	text-transform: none;
}

.c_var [js-c-var-type="subject"]{
	text-transform: uppercase;
	font-weight: bold;
	min-width: 170px;
}

.c_var .c_var_button_yellow  {
	margin-top:20px;
}
.s_var{
	/* scale: 0.6; */
	/* transform: scale(0.6); */
	transform-origin: left bottom;
	display: grid;
	grid-template-areas:
		"var";
	/* left: 0; */
	width: 100%;
	left: var(
	--viewport-left);
	flex-direction: column;
}
.s_var_block{
	grid-area: var;
	display: flex;
	align-items: center;
	min-height: max-content;
	width: max-content;
	opacity: 1 !important;
}

.s_var_block .var_image{
	display: flex;
	width: 140px;
	height: 70px;
	background-image: url('../assets/images_uz/var_titre_image.svg');
	background-position: center;
	background-size: cover;
	margin-right: -1px;
	/* background: red; */
	z-index: 2;
}

.s_var_block .var_content{
	display: flex;
	height: 49px;
	background-color: white;
	--radius:10px;
	border-top-right-radius: var(--radius);
	border-bottom-right-radius: var(--radius);
	align-items: center;
	font-size: 29px;
	font-weight: 700;
	padding: 0 28px;
	color: black;
}

.s_var_block .wrap{
	display: flex;
	min-width: max-content;
	min-height: max-content;
	align-items: center;
}