.gedit-m-display-schema-tree-row {
  align-items: center;
  display: flex;

  & .tree-icon {
    width: 14px;
    height: 14px;
    margin-right: 8px;
  }

  white-space: nowrap;
  height: 27px;
}

.gedit-m-display-schema-tree-horizontal-line {
  position: relative;

  &:before, &:after {
    content: "";
    background-color: var(--semi-color-text-3);
    position: absolute;
  }

  &:after {
    width: 15px;
    height: 1px;
    top: 0;
    right: 6px;
  }
}

.gedit-m-display-schema-tree-level {
  padding-left: 30px;
  position: relative;
}

.gedit-m-display-schema-tree-item {
  position: relative;

  &:before {
    content: "";
    background-color: var(--semi-color-text-3);
    position: absolute;
  }

  &:not(:last-child):before {
    width: 1px;
    top: 0;
    bottom: 0;
    left: -22px;
  }

  &:last-child:before {
    width: 1px;
    height: 14px;
    top: 0;
    left: -22px;
  }

  &.depth-0:before {
    width: 0 !important;
  }
}