.tree-node-layout{display:flex;flex-direction:column;gap:.5rem;max-height:100%;scrollbar-width:none;-ms-overflow-style:none;::-webkit-scrollbar{display:none}}.tree-node-sidebar-container{display:flex;flex-direction:column}.tree-node-sidebar{height:13rem;overflow:scroll}.tree-node-main-container{flex-grow:1;overflow:auto;padding:.25rem}@media (min-width:1024px){.tree-node-layout{flex-direction:row}.tree-node-sidebar{height:100svh;min-width:14rem;width:16rem}}.model-explorer{li[role=treeitem]{ul[role=group]>[role=list]{padding-inline-start:1.25rem}}}.tree-node{border:1px solid rgb(var(--gray-300));border-radius:4px;cursor:pointer;margin:2px 0;outline:none;padding:6px 8px;position:relative;transition:all .2s;&:is(.dark *){border-color:rgb(var(--gray-500))}}.tree-node:hover{background-color:rgba(var(--gray-500),.1);&:is(.dark *){background-color:rgba(var(--gray-700),.5)}}.tree-node.active{background-color:rgba(var(--primary-700),.2);border-color:rgba(var(--primary-400),1)}.tree-children{padding-left:20px}.dragging{opacity:.5}.drop-indicator{background-color:rgb(var(--primary-500));height:2px;margin:2px 0}.collapsed-indicator:before{content:"▶";font-size:10px;margin-right:5px}.expanded-indicator:before{content:"▼";font-size:10px;margin-right:5px}.dragover{background-color:rgba(var(--primary-700),.2);border:1px dashed rgb(var(--primary-700))}.dragover-before{border-top:2px solid rgb(var(--primary-700))}.dragover-after{border-bottom:2px solid rgb(var(--primary-700))}.search-highlight{background-color:gold;border-radius:2px;margin:0 -2px;padding:0 2px}.tree-node.search-match{background-color:rgba(var(--primary-700),.1);border-color:rgb(var(--primary-700))}.tree-node:focus{outline:2px solid rgb(var(--primary-700));outline-offset:-1px;z-index:1}.tree-node:focus:not(:focus-visible){outline:none}.tree-node:focus-visible{outline:2px solid rgb(var(--primary-700));outline-offset:-1px;z-index:1}.tree-node[tabindex="0"]{position:relative}.tree-node[tabindex="0"]:after{border-radius:inherit;box-shadow:0 0 0 2px rgba(var(--primary-700),.2);content:"";inset:-1px;opacity:0;pointer-events:none;position:absolute;transition:opacity .2s}.tree-node[tabindex="0"]:focus:after{opacity:1}