.tree,.tree ul{list-style:none;padding:0;margin:0;min-width:0}.tree{width:100%;max-width:480px;color:var(--ink)}.tree ul{margin-inline-start:20px;border-inline-start:1px solid var(--line);padding-inline-start:8px}.tree li{margin:0;padding:0;outline:none}.tree-row{display:flex;align-items:center;gap:8px;min-height:44px;min-width:0;padding:8px;border:1px solid transparent;border-radius:var(--control-radius,var(--radius));line-height:1.4}.tree[data-tree-ready] .tree-row{cursor:pointer}.tree-label{min-width:0;overflow-wrap:anywhere}.tree-toggle{display:grid;place-items:center;width:20px;height:24px;flex:none;color:var(--muted)}.tree-toggle svg{width:18px;height:18px}.tree:dir(rtl) .tree-toggle{transform:rotate(180deg)}.tree li[aria-expanded=true]>.tree-row>.tree-toggle,.tree:dir(rtl) li[aria-expanded=true]>.tree-row>.tree-toggle{transform:rotate(90deg)}.tree li:not([aria-disabled=true])>.tree-row:hover{background:var(--soft)}.tree li[aria-selected=true]>.tree-row{background:color-mix(in srgb,var(--accent) 18%,var(--surface));border-color:var(--line)}.tree li:focus-visible>.tree-row{outline:2px solid var(--accent);outline-offset:-2px}.tree li[aria-disabled=true]>.tree-row{opacity:.5;cursor:not-allowed}.tree [hidden]{display:none}@media(prefers-reduced-motion:no-preference){.tree-toggle{transition:transform var(--motion-normal) var(--motion-ease)}.tree-row{transition:background-color var(--motion-normal) var(--motion-ease)}}@media(forced-colors:active){.tree li[aria-selected=true]>.tree-row{border-color:Highlight}.tree li:focus-visible>.tree-row{outline-color:Highlight}}