/* array2html() */

	DIV.node {
		padding-left: 50px;
	}
	LABEL.node_label {
		display: block;
		cursor: pointer;
		padding: .5em .5em .5em 2.5em;
		margin-top: .5em;
	}	
	LABEL.node_label::before {
		content: "\f07b";
		font-family: var(--fa-style-family,"Font Awesome 6 Free");
		font-weight: var(--fa-style,900);		
		position: absolute;
		margin-left: -1.5em;
	}
	LABEL.node_label:hover {
		background-color: #ff04;
	}
	DIV.node {
		display: none;
	}
	INPUT.node_cb {
		display: none;
	}
	INPUT.node_cb:checked + LABEL.node_label {
		/* font-weight: bold; */
	}
	INPUT.node_cb:checked + LABEL.node_label::before {
		content: "\f07c";
		font-weight: var(--fa-style,900);
	}	
	INPUT.node_cb:checked + LABEL.node_label + DIV.node  {
		display: block;
	}
    DIV.leaf {
	    cursor: pointer;
	    padding: .5em .5em .5em 2.5em;
		border-top: dashed 1px silver;
    }
    DIV.leaf:last-child {
		border-bottom: dashed 1px silver;
		margin-bottom: 2em;
    }
	DIV.leaf I {
        float: right;
		font-style: normal;
		font-size: .75em;
		padding-top: .5em;
	}
	DIV.leaf:hover {
		background-color: #ff04;
	}
	DIV.leaf::before {
		content: "\f15b";
		font-family: var(--fa-style-family,"Font Awesome 6 Free");
		font-weight: var(--fa-style,900);		
		position: absolute;
		margin-left: -1.2em;		
	}

@media screen and (max-width:600px) {	
	DIV.node { padding-left: .5em; }		
}