@import url("https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,300;0,400;0,600;0,700;0,900;1,300;1,400;1,600;1,700&display=swap");
[data-component=HierarchicalList] {
  position: relative;
  display: flex;
  flex-direction: column;
}

[data-component=HierarchicalItem] {
  display: flex;
  background: #FFF;
}
[data-component=HierarchicalItem] button.toggle {
  width: 15px;
  color: hsl(182, 58%, 42%);
  transition: none;
}
[data-component=HierarchicalItem] button.toggle::before {
  content: "\e80e";
  font-family: "shiro-icon";
  display: block;
}
[data-component=HierarchicalItem] button.toggle.expanded::before {
  content: "\e847";
}
[data-component=HierarchicalItem] .main {
  flex-grow: 1;
  border-bottom: solid 1px #C8C9CA;
  color: #4B4F55;
  font: 600 1em "Titillium Web", sans-serif;
  text-decoration: none;
  transition: none;
}
[data-component=HierarchicalItem] .main .branches-indicator {
  display: inline-block;
  margin-left: 25px;
  padding: 2px;
  background: #A8A8A8;
  border-radius: 3px;
  color: #FFF;
  font-size: 0.8em;
  font-weight: 400;
}
[data-component=HierarchicalItem].new .main {
  font-style: italic;
  font-weight: normal;
}
[data-component=HierarchicalItem].deleted .main {
  opacity: 0.65;
  font-weight: normal;
  text-decoration: line-through;
}
[data-component=HierarchicalItem] button.tool {
  opacity: 0;
  color: #c8c9ca;
  transition: opacity 0.3s ease;
}
[data-component=HierarchicalItem] button.tool:hover {
  color: #111;
}
[data-component=HierarchicalItem].leaf .main {
  margin-left: 15px;
}
[data-component=HierarchicalItem].blocked {
  opacity: 0.5;
}
[data-component=HierarchicalItem].hidden {
  display: none;
}
[data-component=HierarchicalItem]:hover {
  background: #F3F3F3;
}
[data-component=HierarchicalItem]:hover button.tool {
  opacity: 1;
}/*# sourceMappingURL=components.css.map */