.flex {
  display: flex;
}
.items-center {
  align-items: center;
}
.justify-self-stretch {
  justify-self: stretch;
}
.justify-between {
  justify-content: space-between;
}
.flex-1 {
  flex: 1;
}
.w-full {
  width: 100%;
}
.hlxb-tree {
  height: 100%;
  padding: 8px;
}
.hlxb-tree-header {
  padding-bottom: 12px;
}
.hlxb-tree-header-title {
  position: relative;
  display: flex;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #333333;
  cursor: pointer;
  user-select: none;
}
.hlxb-tree-header-normal {
  font-size: 14px;
  font-weight: 500;
}
.hlxb-tree-header-show-span::before {
  position: absolute;
  top: 4px;
  left: 0;
  width: 4px;
  height: 16px;
  margin-right: 4px;
  background-color: var(--theme-color, #2b63a1);
  content: '';
}
.hlxb-tree-header-help {
  margin-right: 10px;
}
.hlxb-tree ::v-deep(.ant-tree) .ant-tree-switcher + .ant-tree-checkbox {
  margin-block-start: 0;
  margin-inline-start: 4px;
  margin-inline-end: 0;
}
.hlxb-tree ::v-deep(.ant-tree).combo .ant-tree-treenode {
  border-radius: 4px;
}
.hlxb-tree ::v-deep(.ant-tree).combo .ant-tree-treenode:hover {
  background-color: #f0f0f0;
}
.hlxb-tree ::v-deep(.ant-tree).combo .ant-tree-treenode.ant-tree-treenode-selected {
  background-color: var(--theme-color-12p, rgba(43, 99, 161, 0.12));
}
.hlxb-tree ::v-deep(.ant-tree).combo .ant-tree-treenode.ant-tree-treenode-selected .ant-tree-title {
  color: var(--theme-color, #2b63a1);
}
.hlxb-tree ::v-deep(.ant-tree).combo .ant-tree-switcher {
  width: 14px;
}
.hlxb-tree ::v-deep(.ant-tree).combo .ant-tree-node-content-wrapper {
  padding: 0 8px;
}
.hlxb-tree ::v-deep(.ant-tree).combo .ant-tree-node-content-wrapper:hover,
.hlxb-tree ::v-deep(.ant-tree).combo .ant-tree-node-content-wrapper.ant-tree-node-selected {
  background-color: transparent;
}
.hlxb-tree ::v-deep(.ant-tree)-treenode {
  height: 40px;
  padding: 0;
}
.hlxb-tree ::v-deep(.ant-tree)-indent-unit {
  width: 12px;
}
.hlxb-tree ::v-deep(.ant-tree) .ant-tree-switcher .anticon {
  margin-right: 0;
  color: #d8d8d8;
  font-size: 14px;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hlxb-tree ::v-deep(.ant-tree) .ant-tree-switcher_open .anticon {
  color: var(--theme-color, #2b63a1);
  background-color: transparent;
}
.hlxb-tree ::v-deep(.ant-tree)-node-content-wrapper {
  height: 100%;
  line-height: 40px;
  min-height: 40px;
  border-radius: 0;
  display: flex;
  align-items: center;
  position: relative;
}
.hlxb-tree ::v-deep(.ant-tree)-node-content-wrapper > .hlxb-tree ::v-deep(.ant-tree)-iconEle {
  line-height: 20px;
  height: unset;
}
.hlxb-tree ::v-deep(.ant-tree):not(.combo) .ant-tree-switcher,
.hlxb-tree ::v-deep(.ant-tree):not(.ant-tree-block-node) .ant-tree-switcher {
  width: 20px;
  margin-right: 0 !important;
}
.hlxb-tree ::v-deep(.ant-tree):not(.combo) .ant-tree-switcher:hover .anticon,
.hlxb-tree ::v-deep(.ant-tree):not(.ant-tree-block-node) .ant-tree-switcher:hover .anticon {
  background-color: #f0f0f0;
}
.hlxb-tree ::v-deep(.ant-tree):not(.combo) .ant-tree-node-content-wrapper,
.hlxb-tree ::v-deep(.ant-tree):not(.ant-tree-block-node) .ant-tree-node-content-wrapper {
  padding-left: 8px !important;
}
.hlxb-tree ::v-deep(.ant-tree):not(.combo) .ant-tree-node-content-wrapper:hover,
.hlxb-tree ::v-deep(.ant-tree):not(.ant-tree-block-node) .ant-tree-node-content-wrapper:hover {
  background-color: #f0f0f0;
}
.hlxb-tree ::v-deep(.ant-tree):not(.combo) .ant-tree-node-content-wrapper.ant-tree-node-selected,
.hlxb-tree ::v-deep(.ant-tree):not(.ant-tree-block-node) .ant-tree-node-content-wrapper.ant-tree-node-selected {
  background-color: transparent;
}
.hlxb-tree ::v-deep(.ant-tree).ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper.ant-tree-node-selected .ant-tree-switcher:hover .anticon {
  background-color: transparent;
}
.hlxb-tree ::v-deep(.ant-tree).ant-tree-directory .ant-tree-node-content-wrapper {
  padding-left: 0 !important;
}
.hlxb-tree ::v-deep(.ant-tree).ant-tree-directory .ant-tree-node-content-wrapper:hover,
.hlxb-tree ::v-deep(.ant-tree).ant-tree-directory .ant-tree-node-content-wrapper.ant-tree-node-selected {
  background-color: transparent !important;
}
.hlxb-tree--title {
  white-space: nowrap;
  width: 100%;
  color: #333333;
}
.hlxb-tree .ant-tree-treenode:hover .hlxb-tree--action {
  display: inline-block;
}
.hlxb-tree--actions {
  position: absolute;
  right: 16px;
  top: 0;
  display: flex;
}
.hlxb-tree--action {
  display: none;
  color: var(--theme-color, #2b63a1);
  font-size: 14px;
  transition: all 0.2s;
}