.sc-treeview{
  word-break: normal;
  overflow-y: hidden;
  overflow-x: auto;
  .sc-treeview-graph{
    border-left: solid 0.125rem smooth-color(#000000, 50);
    list-style-type: none !important;
    .sc-treeview-label{
      position: relative;
      width: 1rem;
      background-color: smooth-color(#000000, 50);
      height: 0.125rem;
      left: -1.25rem;
      position: absolute;
      margin: auto;
      content: '';
      bottom: 0;
      top: 0;
    }
  }
  .sc-treeview-tree{
    padding-left: 2rem !important;
    list-style-type: none !important;
    .sc-treeview-tree{
      padding-left: 2 !important;
      position: relative;
      border: dashed 0.0625rem smooth-color(#000000, 50);
      height: calc(100% - (2 * 0.0625rem));
      left: -0.0625rem;
      top: 0.25rem;
      position: absolute;
      content: '';
    }
    .sc-treeview-label{
      padding-left: calc(((1.375rem + 0.75rem) / 2) + 0.25rem);
      min-height: calc(1.375rem + 0.75rem);
      align-items: center;
      position: relative;
      display: flex;
      .sc-treeview-icon{
        left: calc(-1 * ((1.375rem + 0.75rem) / 2));
        height: calc(1.375rem + 0.75rem);
        width: calc(1.375rem + 0.75rem);
        font-size: 1.375rem;
        color: #000000;
        justify-content: center;
        align-items: center;
        position: absolute;
        display: flex;
      }
    }
    .sc-treeview-coll{
      > .sc-treeview-label{
        .sc-treeview-icon{
          &:before{
            font: var(--fa-font-solid);
            left: -1;
            background-color: #ffffff;
            font-size: 1rem;
            height: 1rem;
            width: 1rem;
            justify-content: center;
            align-items: center;
            position: absolute;
            content: "\f146";
            display: flex;
          }
        }
      }
      &.is-collapsed{
        > .sc-treeview-label{
          .sc-treeview-icon{
            &:before{
              content: "\f0fe";
            }
          }
        }
        .sc-treeview-tree{
          display: none;
        }
      } 
    }
  }
}