.fileTree,.libraries {
  &:global(.gx6-tree) {
    border-radius: 0;
    background-color: transparent;
    :global(.gx6-tree-switcher) {
      width: 14px;
      margin-inline-end: 0;

      &:before {
        display: none;
      }
    }
    &:global(.gx6-tree-directory){
      color: rgba(255,255,255,0.85);
    }
    &:global(.gx6-tree-directory .gx6-tree-node-content-wrapper) {
      color: rgba(255,255,255,0.85);
      padding-inline-start: 0;
      &:before {
        border-radius: 2px;
        bottom: 0;
        height: unset;
      }
    }
    &:global(.gx6-tree-directory .gx6-tree-treenode .gx6-tree-node-content-wrapper:hover:before){
      background-color: #44464c;
    }
    &:global(.gx6-tree-directory .gx6-tree-treenode-selected .gx6-tree-node-content-wrapper) {
      &:before {
        border-radius: 2px;
        background-color: #44464c;
      }
      &:hover:before {
        background-color: #324771;
      }
    }
  }
}


.libraries {
  :global(.gx6-tree-node-content-wrapper) {
    display: flex;
    :global(.gx6-tree-title) {
      flex: 1;
      display: flex;
      .libraryTitle {
        flex: 1;
      }
      .libraryVersion {
        color: #ffa940;
      }
    }
  }
}

.filePanel {
  min-width: 260px;
  padding: 12px;
  box-sizing: border-box;
}


.fileIcon {
  font-size: 18px;
  top: 0.15em;
  width: 1em;
  height: 1em;
  position: relative;
}

.treeIcon {
  top: 0.125em;
  width: 1em;
  height: 1em;
  fill: currentColor;
  position: relative;
}