.tree{--spacing:1.5rem;--radius:10px}.tree li{padding-left:calc(2*var(--spacing) - var(--radius) - 2px);display:block;position:relative}.tree ul{margin-left:calc(var(--radius) - var(--spacing));padding-left:0}.tree ul li{border-left:2px solid #ddd}.tree ul li:last-child{border-color:#0000}.tree ul li:before{content:"";top:calc(var(--spacing)/-2);width:calc(var(--spacing) + 2px);height:calc(var(--spacing) + 1px);border:0 solid #ddd;border-width:0 0 2px 2px;display:block;position:absolute;left:-2px}.tree summary{cursor:pointer;display:block}.tree summary::marker{display:none}.tree summary::-webkit-details-marker{display:none}.tree summary:focus{outline:none}.tree summary:focus-visible{outline:1px dotted #000}.tree li:after,.tree summary:before{content:"";top:calc(var(--spacing)/2 - var(--radius));left:calc(var(--spacing) - var(--radius) - 1px);width:calc(2*var(--radius));height:calc(2*var(--radius));background:#ddd;border-radius:50%;display:block;position:absolute}.tree summary:before{z-index:1;background:#696 url(/assets/icons/expand-collapse.svg)}.tree details[open]>summary:before{background-position:calc(-2*var(--radius))0}