@layer base{.tree{color:var(--color-base-content);font-size:1rem}.tree,.tree-group{margin:0;padding:0;list-style:none}.tree-item{outline:0}.tree-node{border-radius:var(--radius-field,.25rem);cursor:pointer;-webkit-user-select:none;user-select:none;width:100%;align-items:center;gap:.4rem;padding-block:.3rem;padding-inline-start:calc(.4rem + var(--tree-depth,0) * 1.15rem);padding-inline-end:.5rem;display:flex}.tree-node:hover{background-color:var(--color-base-content)}@supports (color:color-mix(in lab,red,red)){.tree-node:hover{background-color:color-mix(in oklab,var(--color-base-content) 7%,transparent)}}.tree-node[data-selected]{background-color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.tree-node[data-selected]{background-color:color-mix(in oklab,var(--color-primary) 14%,transparent)}}.tree-node[data-selected]{color:oklch(from var(--color-primary) l calc(c * 2) h)}@supports (color:color-mix(in lab,red,red)){.tree-node[data-selected]{color:oklch(from color-mix(in oklab,var(--color-primary) 50%,var(--color-base-content)) l calc(c * 2) h)}}.tree-node[data-disabled]{opacity:.45;cursor:not-allowed}.tree-item:focus-visible>.tree-node{outline:2px solid var(--color-primary);outline-offset:-2px}.tree-node[data-dragging]{opacity:.4}.tree-node[data-drag-over=inside]{outline:2px solid var(--color-primary);outline-offset:-2px;background-color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.tree-node[data-drag-over=inside]{background-color:color-mix(in oklab,var(--color-primary) 10%,transparent)}}.tree-node[data-drag-over=after],.tree-node[data-drag-over=before]{position:relative}.tree-node[data-drag-over=after]:after,.tree-node[data-drag-over=before]:before{content:"";background-color:var(--color-primary);height:2px;border-radius:1px;position:absolute;inset-inline-start:calc(.4rem + var(--tree-depth,0) * 1.15rem);inset-inline-end:.3rem}.tree-node[data-drag-over=before]:before{top:-1px}.tree-node[data-drag-over=after]:after{bottom:-1px}.tree-toggle{cursor:pointer;width:1.1rem;height:1.1rem;color:var(--color-base-content);background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.tree-toggle{color:color-mix(in oklab,var(--color-base-content) 55%,transparent)}}.tree-toggle{transition:transform .15s,color .15s}.tree-toggle:hover{color:var(--color-base-content)}.tree-toggle svg{flex-shrink:0;width:.8rem;height:.8rem}.tree-toggle{position:relative}.tree-toggle:after{content:"";border-radius:inherit;position:absolute;inset:-3.2px}.tree-toggle[data-expanded]{transform:rotate(90deg)}.tree-toggle-spacer{flex-shrink:0;width:1.1rem}.tree-node-icon{color:var(--color-base-content);flex-shrink:0;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.tree-node-icon{color:color-mix(in oklab,var(--color-base-content) 65%,transparent)}}.tree-node-icon svg{flex-shrink:0;width:1rem;height:1rem}.tree-node-label{text-overflow:ellipsis;white-space:nowrap;flex:auto;overflow:hidden}.tree-rename{min-width:0;font:inherit;line-height:inherit;color:var(--color-base-content);background-color:var(--color-base-100);border:1px solid var(--color-primary);border-radius:var(--radius-field,.25rem);outline:0;flex:auto;padding-block:.05rem;padding-inline:.25rem}.tree-toggle:focus-visible{outline:var(--focus-width,2px) solid var(--color-primary);outline-offset:var(--focus-offset,2px)}}