.branch-tree{--bt-line:#fff3;--bt-accent:#ffffffd9;--bt-fold:.3s;--bt-draw:.4s;--bt-ease-out:cubic-bezier(.23, 1, .32, 1);transition:grid-template-rows var(--bt-fold) var(--bt-ease-out);grid-template-rows:0fr;display:grid}.branch-tree[data-open]{grid-template-rows:1fr}.branch-tree__fold{min-height:0;overflow:hidden}.branch-tree__tree{position:relative}.branch-tree__lines{pointer-events:none;opacity:0;transition:opacity .2s;position:absolute;top:0;left:0;overflow:visible}.branch-tree[data-open] .branch-tree__lines{opacity:1;transition:opacity .25s .1s}.branch-tree__base,.branch-tree__reach{fill:none;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.branch-tree__base{stroke:var(--bt-line)}.branch-tree__reach{stroke:var(--bt-accent);stroke-dasharray:1;animation:branch-tree-draw var(--bt-draw) var(--bt-ease-out) both}@keyframes branch-tree-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.branch-tree,.branch-tree__lines{transition:none}.branch-tree__reach{animation:none}}
