.paletteGreen {
  --fillText: rgba(0, 211, 196, 1);
  --fill: rgba(0, 191, 177, 1);
  --fillBg: #006979;
}
.paletteBlue {
  --fillText: rgba(79, 194, 255, 1);
  --fill: rgba(0, 166, 227, 1);
  --fillBg: #005f8d;
}
.paletteRed {
  --fillText: rgba(248, 143, 143, 1);
  --fill: rgba(255, 118, 114, 1);
  --fillBg: rgba(102, 76, 96, 1);
}
.paletteYellow {
  --fillText: rgba(246, 215, 106, 1);
  --fill: #f6d76a;
  --fillBg: #62735d;
}
.StaticDiscoveringTreeNode .StaticDiscoveringTreeNode {
  padding-left: 20px;
}
.StaticDiscoveringTreeNode + .StaticDiscoveringTreeNode {
  margin-top: 10px;
}
.StaticDiscoveringTreeNode.StaticDiscoveringTreeNode_empty + .StaticDiscoveringTreeNode {
  margin-top: 14px;
}
.StaticDiscoveringTreeNode_modules {
  padding-left: 25px;
}
.StaticDiscoveringTreeNode_object {
  padding: 0;
  margin: 0;
  background: var(--fillBg);
  border-radius: 2px;
  display: flex;
  border: 1px solid transparent;
  align-items: center;
  position: relative;
}
.StaticDiscoveringTreeNode_object .StaticDiscoveringTreeNode_object-name {
    display: flex;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 17px;
    color: var(--fillText);
    padding: 7px 6px 6px 6px;
}
.StaticDiscoveringTreeNode_object svg {
    display: block;
}
.StaticDiscoveringTreeNode_object + .StaticDiscoveringTreeNode_modules {
    margin-top: 10px;
}
.StaticDiscoveringTreeNode_object:hover, .StaticDiscoveringTreeNode_object.StaticDiscoveringTreeNode_object_active {
    border-color: var(--fill);
}
.StaticDiscoveringTreeNode_object:hover span, .StaticDiscoveringTreeNode_object.StaticDiscoveringTreeNode_object_active span {
      color: #fff;
}
.StaticDiscoveringTreeNode_objectIcon {
  margin: -1px;
  margin-right: 0;
  padding: 3px;
  background: var(--fill);
  border-radius: 2px;
}
.StaticDiscoveringTreeNode_moduleButton {
  display: flex;
  border: none;
  background: none;
  padding: 0;
  margin: 0;
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 140%;
  line-height: 14px;
  display: flex;
  align-items: center;
  gap: 6px;
  position: relative;
  color: var(--fillText);
}
.StaticDiscoveringTreeNode_moduleButton svg {
    display: block;
}
.StaticDiscoveringTreeNode_moduleButton + * {
    margin-top: 10px;
}
.StaticDiscoveringTreeNode_moduleButton:hover, .StaticDiscoveringTreeNode_moduleButton.StaticDiscoveringTreeNode_moduleButton_active {
    --fill: #fff;
    color: #fff;
}
.StaticDiscoveringTreeNode_module + .StaticDiscoveringTreeNode_module {
  margin-top: 6px;
}
.StaticDiscoveringTreeNode_moduleButton::before {
  content: '';
  display: block;
  position: absolute;
  width: 9px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.24);
  right: calc(100% + 4px);
  bottom: 7px;
  pointer-events: none;
}
.StaticDiscoveringTreeNode_object::before {
  pointer-events: none;
  content: '';
  display: block;
  position: absolute;
  width: 9px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.24);
  right: calc(100% + 4px);
  bottom: 15px;
}
.StaticDiscoveringTreeNode_objectLine,
.StaticDiscoveringTreeNode_moduleLine {
  position: absolute;
  width: 1px;
  background-color: rgba(255, 255, 255, 0.24);
  pointer-events: none;
}
.StaticDiscoveringTreeNode_objectLine {
  top: 36px;
  left: 10px;
}
.StaticDiscoveringTreeNode_moduleLine {
  top: 18px;
  left: 7px;
}
.StaticDiscoveringTreeNode .StaticDiscoveringTreeNode_object::before {
  display: none;
}
.StaticDiscoveringTreeNode .StaticDiscoveringTreeNode .StaticDiscoveringTreeNode_object::before {
  display: flex;
}

/*# sourceMappingURL=TreeNode.vue.css.map */