.ks-tree-container {
  .tree-node {
    &__row {
      width: 100%;
      height: 36px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      &-left {
        flex: 1;
        display: flex;
        &__icon {
          display: flex;
          align-items: center;
          width: 10px;
          padding: 9px 0;
          margin-right: 8px;
          color: #c0c4cc;
          &-checked {
            transform: rotate(90deg);
            color: #7972fe;
          }
          &-active {
          }
        }
        &__text {
          font-size: 13px;
          line-height: 36px;
          height: 36px;
          color: #03050d;
          font-weight: 400;
          &-checked {
            color: #7972fe;
          }
        }
      }
    }
    &__children {
      padding-left: 16px;
    }
  }
}
