.tree{
  cursor: default;
  .tree-node{
    outline: none;
    .tree-node-content{
      display: flex;
      align-items: center;
      cursor: pointer;
      margin-bottom: $border-width;
      padding: $text-padding 0;
      .tree-node-expand-icon{
        cursor: pointer;
        font-size: $font-size;
        transform: rotate(0deg);
        transition: transform $transition-time ease-in-out;
        width: $component-size-small;
        height: $component-size-small;
        line-height: $component-size-small;
        text-align: center;
        &.expanded {
          transform: rotate(90deg);
        }
      }
      &.checkbox {
        margin-right: $text-span;
      }
      .tree-node-label{
        font-size: $font-size;
      }
    }
  }
}