@import "../../../style/index";

.collapseTree_wrap {
  font-size: 14px;
  cursor: pointer;

  .first_level_box {
    padding: 12px 16px;
    color: $--web-font2;
    background: #fff;
    border: 1px solid rgb(21 77 221 / 10%);
    border-radius: 8px;
  }

  .selected_active {
    color: $--theme-color;
    background: rgb(21 77 221 / 10%);
  }

  .root_tree_icon {
    padding: 0 10px;
  }

  .child_info_box {
    margin-top: 8px;

    & > li:last-child {
      .collapseTreeItem_wrap {
        border-left: 2px solid transparent;
      }
    }
  }
}

.collapseTreeItem_child_info_box {
  & > li:last-child {
    .collapseTreeItem_wrap {
      border-left: 2px solid transparent;
    }
  }
}

.collapseTreeItem_wrap {
  padding-top: 0;
  margin-left: 16px;
  border-left: 2px solid $--theme-color;

  .collapseTreeItem_info {
    position: relative;

    .tree_item_icon {
      padding: 0 8px;
    }

    .collapseTreeItem_line {
      display: inline-block;
      width: 16px;
      height: 16px;
      margin-top: -1px;
      margin-left: -2px;
      background-image: url("@/assets/svg/icons/treeNodeLineSelected.svg");
      background-repeat: no-repeat;

      // background-size: contain;
    }

    .collapseTreeItem_main_info {
      padding: 2px 5px 8px 0;
    }
  }
}
