.ºtree{
}
	.ºtree ul{
		margin-left: calc(var(--size-3) + var(--size-1));
	}
		.ºtree>ul{
			padding: var(--size-1) var(--size-2);
			margin-left: 0;
		}
		
	.ºtree li{
		padding: 0;
		list-style: none;
		line-height: var(--size-4);
	}	
		.ºtree li::before{
			content: none;
		}
		.ºtree li > div:first-of-type{
			height: var(--size-4);
		}

	.ºtree .node > .expand{
		display: inline-block;
		float: left;
		margin: 4px var(--size-1) 0 0;
		width: var(--size-3);
		height: var(--size-3);
		border-radius: var(--control-border-radius);
		cursor: pointer;
	}	
		.ºtree .node > .expand::before{
			content: '\f068';
			display: flex;
			align-content: center;
			justify-content: center;
			font-family: 'Font Awesome 6 Pro';
			font-weight: 900;
			font-size: 10px;
			line-height: var(--size-3);
			color: var(--color-12);
		}
		.ºtree .node.collapsed > .expand::before{
			content: '\2b';
		}
		.ºtree .node.collapsed ul{
			height: 0;
			overflow: hidden;
		}		
	
	.ºtree .node.expanded > .expand,
	.ºtree .node.collapsed > .expand{
		background: var(--color-5);
	}

	
.ºcombobox-dropdown.treebox .container{
	max-height: calc(var(--size-1) * 2);
}
	.ºcombobox-dropdown.treebox .none{
		padding: var(--size-1) var(--size-2) ;
		margin-bottom: calc(var(--size-2) * -1);
	}


.ºcontrol.disabled .ºtree .expanded > .expand,
.ºcontrol.disabled .ºtree .collapsed > .expand,
.ºtree.disabled .expanded > .expand,
.ºtree.disabled .collapsed > .expand{
	background: var(--color-text-3) !important;
}