.cloudapp-c-base-tree-component {
  padding: 10px 0;
  user-select: none;
}
.cloudapp-c-base-tree-component .cloudapp-tree-switcher {
  position: relative;
  top: -2px;
  left: 8px;
  z-index: 2;
  margin-right: 5px;
}
.cloudapp-c-base-tree-component .cloudapp-tree-title {
  font-size: var(--fs-small);
  flex: 1 1;
}
.cloudapp-c-base-tree-component .cloudapp-tree-treenode {
  width: 100%;
  white-space: nowrap;
  font-size: var(--fs-small);
  min-width: max-content;
  position: relative;
  display: inline-flex;
  width: calc(100% - 32px);
}
.cloudapp-c-base-tree-component .cloudapp-tree-treenode span.cloudapp-tree-node-content-wrapper {
  font-size: var(--fs-small);
  min-width: max-content;
  position: relative;
  display: inline-flex;
  width: calc(100% - 32px);
}
.cloudapp-c-base-tree-component .cloudapp-tree-treenode span.cloudapp-tree-node-content-wrapper:hover,
.cloudapp-c-base-tree-component .cloudapp-tree-treenode span.cloudapp-tree-node-content-wrapper.cloudapp-tree-node-selected {
  background: transparent;
  color: var(--primary);
  position: relative;
}
.cloudapp-c-base-tree-component .cloudapp-tree-treenode span.cloudapp-tree-node-content-wrapper:hover:after,
.cloudapp-c-base-tree-component .cloudapp-tree-treenode span.cloudapp-tree-node-content-wrapper.cloudapp-tree-node-selected:after {
  content: '';
  width: 100%;
  bottom: 0;
  left: 0;
  position: absolute;
  border-bottom: 1px solid var(--primary);
}
.cloudapp-c-base-tree-component .cloudapp-tree-treenode span.cloudapp-tree-node-content-wrapper:hover .cloudapp-tree-switcher,
.cloudapp-c-base-tree-component .cloudapp-tree-treenode span.cloudapp-tree-node-content-wrapper.cloudapp-tree-node-selected .cloudapp-tree-switcher,
.cloudapp-c-base-tree-component .cloudapp-tree-treenode span.cloudapp-tree-node-content-wrapper:hover .cloudapp-tree-iconEle,
.cloudapp-c-base-tree-component .cloudapp-tree-treenode span.cloudapp-tree-node-content-wrapper.cloudapp-tree-node-selected .cloudapp-tree-iconEle {
  color: var(--primary);
}
.cloudapp-c-base-tree-component .cloudapp-tree-treenode span.cloudapp-tree-node-content-wrapper:hover .cloudapp-tree-switcher .anticon,
.cloudapp-c-base-tree-component .cloudapp-tree-treenode span.cloudapp-tree-node-content-wrapper.cloudapp-tree-node-selected .cloudapp-tree-switcher .anticon,
.cloudapp-c-base-tree-component .cloudapp-tree-treenode span.cloudapp-tree-node-content-wrapper:hover .cloudapp-tree-iconEle .anticon,
.cloudapp-c-base-tree-component .cloudapp-tree-treenode span.cloudapp-tree-node-content-wrapper.cloudapp-tree-node-selected .cloudapp-tree-iconEle .anticon {
  color: var(--primary);
}
.cloudapp-c-base-tree-component .cloudapp-tree-treenode-switcher-open .cloudapp-tree-switcher,
.cloudapp-c-base-tree-component .cloudapp-tree-treenode-switcher-close .cloudapp-tree-switcher,
.cloudapp-c-base-tree-component .cloudapp-tree-treenode-switcher-open .cloudapp-tree-iconEle,
.cloudapp-c-base-tree-component .cloudapp-tree-treenode-switcher-close .cloudapp-tree-iconEle {
  color: var(--icon);
}