.tree-root{--tree-indent:24px;--tree-tick:12px;--tree-guide-w:1px;--tree-guide:var(--border);--tree-leaf-h:34px}.tree-item{text-align:left;cursor:pointer;align-items:center;gap:8px;width:100%;min-height:36px;padding:8px 12px;display:flex}.tree-item--root{font-size:.875rem}.tree-item:hover{background-color:color-mix(in oklch, var(--muted) 55%, transparent)}.tree-item--selected,.tree-item--selected:hover{background-color:color-mix(in oklch, var(--primary) 8%, transparent);box-shadow:inset 3px 0 0 0 var(--primary)}.tree-leaf{margin-left:calc(12px + var(--tree-indent));border-left:var(--tree-guide-w) solid var(--tree-guide);position:relative}.tree-leaf[data-level="3"]{margin-left:var(--tree-indent)}.tree-leaf--last{border-left:none}.tree-leaf--last:before{content:"";left:calc(var(--tree-guide-w) * -1);height:calc(var(--tree-leaf-h) / 2);border-left:var(--tree-guide-w) solid var(--tree-guide);position:absolute;top:0}.tree-leaf>.tree-item:before,.tree-leaf>.tree-empty:before{content:"";left:calc(var(--tree-guide-w) * -1);top:calc(var(--tree-leaf-h) / 2);width:var(--tree-tick);border-top:var(--tree-guide-w) solid var(--tree-guide);position:absolute}.tree-leaf>.tree-item{padding-left:calc(var(--tree-tick) + 6px)}.tree-item--leaf{min-height:var(--tree-leaf-h);cursor:default}.tree-item--overflow{min-height:var(--tree-leaf-h)}.tree-empty{min-height:var(--tree-leaf-h);padding-left:calc(var(--tree-tick) + 6px);align-items:center;display:flex}@media (prefers-reduced-motion:reduce){.tree-chevron{transition:none}}@media (max-width:640px){.tree-root{--tree-indent:14px;--tree-tick:8px}}