.tree{--tree-indent:var(--space-4);--tree-row-padding:var(--space-2);align-content:start;display:grid;font-size:var(--font-size-2);height:100%;overflow:auto}.tree,.tree--children{list-style:none;margin:0;padding:0}.tree--item:not(.is-open)>.tree--children{display:none}.tree--row{align-items:center;color:var(--text-color-muted);cursor:pointer;display:flex;gap:var(--space-2);padding:var(--tree-row-padding);padding-inline-start:calc(var(--tree-row-padding) + var(--tree-depth, 0)*var(--tree-indent));text-decoration:none;user-select:none;width:100%}.tree--row:hover{background:var(--state-hover);color:var(--text-color-default)}.tree--item.is-selected>.tree--row{background:var(--state-active);color:var(--text-color-default)}.tree--caret{align-items:center;display:inline-flex;flex:none;justify-content:center;transition:transform .15s ease;width:var(--space-4)}.tree--item.is-open>.tree--row .tree--caret{transform:rotate(90deg)}.tree--icon{align-items:center;display:inline-flex;flex:none}.tree--label{white-space:nowrap}.tree--trailing{--tree-trailing-ground:var(--tree-ground,var(--surface-zone));background:var(--tree-trailing-ground);flex:none;inset-inline-end:0;margin-inline-start:auto;padding-inline-end:var(--space-1);padding-inline-start:var(--space-2);position:sticky}.tree--row:hover>.tree--trailing{background:linear-gradient(var(--state-hover),var(--state-hover)),var(--tree-trailing-ground)}.tree--item.is-selected>.tree--row>.tree--trailing{background:linear-gradient(var(--state-active),var(--state-active)),var(--tree-trailing-ground)}.tree--row--more{color:var(--text-color-subtle);font-style:italic}