.ButtonDefaultGui:hover{
	filter: brightness(90%);
}
.ButtonDefaultGui:active{
	filter: brightness(80%);
}

/* app */
.TreeWidgetDefaultGui_app{
	--img-width:100px;
	--space-between:5px;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	flex-grow:2;
}

/* текстовый элемент дерева (заглавие поддерева) + дочерние элементы + линия, ведущую к этому поддереву от родителя*/
.TreeWidgetDefaultGui_dir{
	display:flex;
	--triangle-padding-right:4px;
}

/* текстовый элемент дерева (заглавие поддерева) + дочерние элементы -- этот селектор не включает линию, ведущую к этому поддереву от родителя*/
.TreeWidgetDefaultGui_dir>*:last-child{
	flex-grow:2;
}

/* линия (слева от текстового элемента дерева) */
.TreeWidgetDefaultGui_dir>.TreeWidgetDefaultGui_line:first-child{
	display:flex;
	flex-direction:column;
	padding-left:10px;
	width:20px;
}

/* линия (слева от текстового элемента дерева)->верх */
.TreeWidgetDefaultGui_dir>.TreeWidgetDefaultGui_line:first-child>*:first-child{
	border-left:1px solid black;
	border-bottom:1px solid black;
	height:10px;
}

/* линия (слева от текстового элемента дерева)->низ */
.TreeWidgetDefaultGui_dir>.TreeWidgetDefaultGui_line:first-child>*:last-child{
	border-left:1px solid black;
	flex-grow:2;
}

/* текстовый элемент дерева */
.TreeWidgetDefaultGui_dir>*:last-child>*:first-child{
	display:flex;
}

/* треугольник + линия под треугольником */
.TreeWidgetDefaultGui_dir>*:last-child>*:first-child>*:first-child{
	display:flex;
	flex-direction:column;
	padding-right:var(--triangle-padding-right);
}
/* треугольник */
.TreeWidgetDefaultGui_dir>*:last-child>*:first-child>*:first-child>img:first-child{
	width:20px;
	padding-top:8px;
}

/* линия под треугольником */
.TreeWidgetDefaultGui_dir>*:last-child>*:first-child>*:first-child>*:last-child{
	display:flex;
	flex-grow:2;
}
/* линия под треугольником */
.TreeWidgetDefaultGui_dir>*:last-child>*:first-child>*:first-child>*:last-child>*{
	flex-grow:2;
}
/* линия под треугольником */
.TreeWidgetDefaultGui_dir>*:last-child>*:first-child>*:first-child>*:last-child>*:first-child{
	border-right:1px solid black;
}

/* переворот треугольника */
.TreeWidgetDefaultGui_rotatedImg{
	transform: rotate(180deg);
	padding-bottom:4px;
	padding-top:0px;
}

/* app->div */
.TreeWidgetDefaultGui_app>*:last-child{
	display:flex;
	flex-direction:row;
	border:1px solid black;
	justify-content:space-between;
	align-items:center;
	margin-bottom:var(--space-between);
	flex-grow:2;
	border-radius:10px;
	overflow:hidden; /* для скрытия содержимого выходящего за пределы блока */
	background:#eeeeee;
}

/* app->line_before_div */
/* .TreeWidgetDefaultGui_app>.TreeWidgetDefaultGui_line:first-child{
	padding-left:10px;
	width:20px;
} */

/* app->line_before_div->верх */
/* .TreeWidgetDefaultGui_app>.TreeWidgetDefaultGui_line:first-child>*:first-child{
	border-left:1px solid black;
	border-bottom:1px solid black;
	height:calc(var(--img-width)/2);
} */

/* app->line_before_div->низ */
/* .TreeWidgetDefaultGui_app>.TreeWidgetDefaultGui_line:first-child>*:last-child{
	border-left:1px solid black;
	height:calc(var(--img-width)/2 + var(--space-between) + 1px);
} */

/* app->div->text */
.TreeWidgetDefaultGui_app>*:last-child>*:first-child{
	flex-grow:2;
	padding:20px;
}

/* app->div->image */
.TreeWidgetDefaultGui_app>*:last-child>*:last-child{
	border-left:1px solid black;
	width:var(--img-width);
	height:var(--img-width);
	background:#cccccc;
	display:flex;
	align-items:center;
}
.TreeWidgetDefaultGui_app>*:last-child>*:last-child>img{
	width:var(--img-width);
}

/* убрать линию внизу */
.TreeWidgetDefaultGui_elements>*:last-child>.TreeWidgetDefaultGui_line:first-child>*:last-child{
	border-left:0px solid black;
}