.d-flex {
	display: flex;
}
.grid {
	padding-right: 2rem;
}
.exercise .task {
	margin-bottom: 0;
}
.config-box--flex {
	display: flex;
	justify-content: flex-end;
	padding-right: 60px;
}

.set-type {
	margin-right: 1rem;
}
.set-type--1 {
	background-image: url('../images/a23/Tabulka-graf_inactive.png');
}
.set-type--1.is-active {
	background-image: url('../images/a23/Tabulka-graf_active.png');
}
.set-type--2 {
	background-image: url('../images/a23/Graf-tabulka_inactive.png');
}
.set-type--2.is-active {
	background-image: url('../images/a23/Graf-tabulka_active.png');
}
.set-type--3 {
	background-image: url('../images/a23/Tabulka-plus-graf_inactive.png');
}
.set-type--3.is-active {
	background-image: url('../images/a23/Tabulka-plus-graf_active.png');
}

.set-type-table,
.set-type-graph {
	display: inline-block;
	width: 60px;
	height: 60px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.set-type-table--1 {
	background-image: url('../images/a21/Tabulka-cisla_inactive.png');
}
.set-type-table--1.is-active {
	background-image: url('../images/a21/Tabulka-cisla_active.png');
}
.set-type-table--2 {
	background-image: url('../images/a21/Tabulka-ciarky_inactive.png');
}
.set-type-table--2.is-active {
	background-image: url('../images/a21/Tabulka-ciarky_active.png');
}
.set-type-graph--1 {
	background-image: url('../images/a21/graf_inactive.png');
}
.set-type-graph--1.is-active {
	background-image: url('../images/a21/graf_active.png');
}
.set-type-graph--2 {
	background-image: url('../images/a21/graf-objekty_inactive.png');
}
.set-type-graph--2.is-active {
	background-image: url('../images/a21/graf-objekty_active.png');
}

.play-stack,
.play-1,
.play-2 {
	flex: 1;
}
.play-stack,
.play-graph,
.play-cols {
	max-width: none;
	min-height: 400px;
}

.play-wrap[data-type="2"] .play-1 {
	order: 2;
}
.play-wrap[data-type="2"] .play-2 {
	order: 1;
}
.play-cols,
.play-graph {
	align-items: flex-start;
}

.graph-1-wrap .heading-item,
.graph-1-wrap .counts-item {
	max-height: none;
}

.play-wrap[data-graph="2"][data-level="c"] .col img {
	width: 30px;
	height: 30px;
}

.play-wrap[data-graph="2"][data-level="b"] .cols {
	min-height: 402px;
}
.play-wrap[data-graph="2"][data-level="c"] .cols {
	min-height: 452px;
}
.play-wrap[data-graph="2"] .col-item {
	display: flex;
	align-items: center;
	justify-content: center;
	border-top: 0;
}
.item__img {
	position: relative;
}
.item__img:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	z-index: 7;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	overflow: hidden;
	transition: all .3s ease;
}
.item__img.is-marked:after {
	background-image: url(../images/a23/Ciara-objekt.png);
}

@media all and (max-width: 1200px) {

	.exercise .task {
		margin-right: 0;
	}
	.play-wrap {
		flex-wrap: wrap;
	}
	.play-stack {
		min-width: 100%;
		min-height: auto;
		margin-bottom: 15px;
	}

}