.tree-container{--lineheight:1.5rem;line-height:var(--lineheight)}.tree-list{--spacing:1rem;--radius:8px;--linecolor:#99999b81;margin:0;padding:0;list-style:none}.tree-item{padding-left:calc(1*var(--spacing) - var(--radius) - 2px);margin:0 12px;padding-bottom:2px;list-style:none;display:block;position:relative}.tree-list>.tree-item{padding-left:0}.tree-details{margin:0;padding:0}.tree-expand-btn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:16px;height:16px;margin-right:6px;padding:0;transition:all .15s;display:flex;position:relative}.tree-expand-btn:hover{background:#0000000d;border-radius:2px}.tree-expand-btn:before{content:"";border-bottom:1.5px solid #666;border-right:1.5px solid #666;width:8px;height:8px;margin-left:-1px;transition:transform .15s;display:block;transform:rotate(-45deg)}.tree-expand-btn.expanded:before{margin-top:-1px;margin-left:0;transform:rotate(45deg)}.tree-expand-btn:hover:before{border-bottom-color:#333;border-right-color:#333}.tree-expand-btn:focus{outline-offset:1px;background:#0078d41a;outline:1px dotted #0078d4}.tree-expand-btn:active{background:#0000001a}@media (prefers-color-scheme:dark){.tree-expand-btn:before{border-bottom-color:#ccc;border-right-color:#ccc}.tree-expand-btn:hover:before{border-bottom-color:#fff;border-right-color:#fff}.tree-expand-btn:hover{background:#ffffff1a}.tree-expand-btn:active{background:#ffffff26}}.tree-expand-btn svg{color:#6b7280;width:10px!important;height:10px!important}.tree-expand-btn:hover svg{color:#374151}.tree-leaf-indicator{flex-shrink:0;width:16px;height:16px;margin-right:6px;display:inline-block}.tree-item-content{border-radius:6px;align-items:center;min-height:24px;padding:2px 4px;transition:all .2s;display:flex}.tree-item-content:hover{background-color:#3b82f61a}.tree-children{margin:0;padding:0;list-style:none}.tree-children .tree-item{border-left:1px solid var(--linecolor)}.tree-children .tree-item:last-child{border-color:#0000}.tree-children .tree-item:before{content:"";top:calc(-1px + var(--spacing)/-2);width:calc(var(--spacing) + 1px);height:calc(var(--lineheight)*1);border:solid var(--linecolor);border-width:0 0 1px 1px;display:block;position:absolute;left:-1px}.tree-checkbox{flex-shrink:0;width:14px;height:14px;margin-right:6px}.tree-label{color:#374151;border-radius:4px;flex:1;padding:2px 4px;text-decoration:none;transition:all .2s}.tree-label:hover{color:#3b82f6;background-color:#3b82f61a}.tree-label-text{color:#374151;cursor:pointer;border-radius:4px;flex:1;padding:2px 4px;transition:all .2s}.tree-label-text:hover{color:#3b82f6;background-color:#3b82f60d}.tree-badges{opacity:0;align-items:center;gap:3px;margin-left:6px;transition:opacity .2s;display:flex}.tree-item-content:hover .tree-badges{opacity:1}.tree-badge{color:#6b7280;white-space:nowrap;background:#f3f4f6;border-radius:8px;padding:1px 4px;font-size:9px;line-height:1.2}.tree-item.selected .tree-item-content{background-color:#eff6ff;border:1px solid #3b82f6}.tree-label.highlighted,.tree-label-text.highlighted{color:#d97706;background-color:#fef3c7}@media (prefers-color-scheme:dark){.tree-children .tree-item{border-left-color:#4b5563}.tree-children .tree-item:before{border-color:#4b5563}.tree-expand-btn{background:#374151}.tree-expand-btn:hover{background:#4b5563}.tree-expand-btn svg{color:#d1d5db}.tree-expand-btn:hover svg{color:#f9fafb}.tree-item-content:hover{background-color:#3b82f633}.tree-label,.tree-label-text{color:#d1d5db}.tree-badge{color:#9ca3af;background:#374151}}@media (max-width:640px){.tree-list{--spacing:1.2rem;--radius:6px}.tree-badges{display:none}.tree-expand-btn{width:14px;height:14px}.tree-expand-btn svg{width:8px!important;height:8px!important}}.tree-label:focus{outline-offset:2px;outline:2px solid #3b82f6}.tree-children{transition:all .2s}.tree-container::-webkit-scrollbar{width:4px}.tree-container::-webkit-scrollbar-track{background:0 0}.tree-container::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}.tree-container::-webkit-scrollbar-thumb:hover{background:#9ca3af}