.bn-tree{--bn-tree-indent-size:18px;--bn-tree-indent-gap:8px;--bn-tree-node-height:32px;--bn-tree-line-background-color:rgb(229 230 235 / 100%);--bn-tree-expand-icon-color:#bec3cf;--bn-tree-expand-action-color:#f2f3f5;--bn-tree-label-color:var(--bn-color-1);--bn-tree-disabled-color:var(--bn-color-4);--bn-tree-selected-background-color:rgb(245 247 250)}.bn-tree__node{display:flex;align-items:center;padding:0 15px;height:var(--bn-tree-node-height);font-size:var(--bn-font-size)}.bn-tree__node.is-focus:not(.is-selected){background-color:var(--bn-tree-selected-background-color)}.bn-tree__node.is-selected{background-color:var(--bn-primary-9)}.bn-tree__node.is-selected .bn-tree__node-label{color:var(--bn-primary)}.bn-tree__node:hover:not(.is-disabled,.is-selected){background-color:var(--bn-tree-selected-background-color)}.bn-tree__indent{display:flex;height:100%}.bn-tree__indent-block{margin-right:var(--bn-tree-indent-gap);width:var(--bn-tree-indent-size)}.bn-tree__indent-block.is-line{position:relative}.bn-tree__indent-block.is-line::after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%,0);width:1px;height:100%;background-color:var(--bn-tree-line-background-color)}.bn-tree__placeholder{display:flex;justify-content:center;align-items:center;margin-right:4px;border-radius:50%;width:18px;height:18px;color:var(--bn-tree-expand-icon-color);cursor:pointer}.bn-tree__placeholder>i{transition:transform .3s}.bn-tree__placeholder.is-bottom-line{position:relative}.bn-tree__placeholder.is-bottom-line::after{content:"";position:absolute;bottom:-12px;left:50%;transform:translate(-50%,0);width:1px;height:calc(var(--bn-tree-node-height)/ 3);background-color:var(--bn-tree-line-background-color)}.bn-tree__placeholder.is-leaf{cursor:default;pointer-events:none}.bn-tree__checkbox{display:flex;align-items:center;margin-right:8px;margin-left:4px}.bn-tree__checkbox .bn-checkbox{--bn-checkbox-size:14px}.bn-tree__node-label{display:flex;align-items:center;padding:0 4px;height:100%;color:var(--bn-tree-label-color);cursor:pointer;flex:1;-webkit-user-select:none;user-select:none}.bn-tree__node-label.is-disabled{cursor:not-allowed;color:var(--bn-tree-disabled-color)}.bn-tree__node-extra{margin-left:20px}