/* src/app/reset.css */
html,
body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  font-family: sans-serif;
  font-size: 16px;
  line-height: 1rem;
  background-color: #eee;
}
svg {
  display: block;
}
body.dragging {
  cursor: grabbing;
}
#__root,
#__root > div,
#__root > div > main {
  height: 100%;
  width: 100%;
}

/* src/app/tree.module.css */
.tree_container {
  isolation: isolate;
  height: 100%;
}
.tree_tree {
  position: relative;
  z-index: 1;
}
.tree_tree.tree_dragging .tree_node_children_container {
  pointer-events: "auto";
}
.tree_tree.dragging {
  user-select: none;
}
.tree_node {
  display: flex;
  position: relative;
}
.tree_node + .tree_node {
  border-top: 2px solid #ffffff88;
}
.tree_targeted_node_start > .tree_node_head > .tree_node_content:before {
  content: "";
  display: block;
  height: 2px;
  position: absolute;
  top: calc(-0.125rem - 3px);
  left: 0;
  width: 10rem;
  background-color: orange;
}
.tree_targeted_node_end > .tree_node_head > .tree_node_content:after {
  content: "";
  display: block;
  height: 2px;
  position: absolute;
  bottom: calc(-0.125rem - 3px);
  left: 0;
  width: 10rem;
  background-color: blue;
}
.tree_node_content {
  padding: 1rem 0;
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.tree_node_head {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-grow: 1;
}
.tree_node_position_indicator {
  flex: 0 1 auto;
  width: 2rem;
}
.tree_node_position_indicator_0 {
  background-color: #bbff9e;
}
.tree_node_position_indicator_1 {
  background-color: #9eecff;
}
.tree_node_position_indicator_2 {
  background-color: #bd9eff;
}
.tree_node_position_indicator_3 {
  background-color: #ff9e9e;
}
.tree_node_position_indicator_4 {
  background-color: #ffdb9e;
}
.tree_node [data-expandable=true] {
  cursor: pointer;
}
.tree_node_content {
  flex: 1;
  border-radius: 0 8px 8px 0;
  padding: 0.5rem;
}
.tree_target_node[data-colordex="0"] .tree_node_head {
  background-color: #bbff9e;
}
.tree_target_node[data-colordex="1"] .tree_node_head {
  background-color: #9eecff;
}
.tree_target_node[data-colordex="2"] .tree_node_head {
  background-color: #bd9eff;
}
.tree_target_node[data-colordex="3"] .tree_node_head {
  background-color: #ff9e9e;
}
.tree_target_node[data-colordex="-1"] .tree_node_head,
.tree_target_node[data-colordex="4"] .tree_node_head {
  background-color: #ffdb9e;
}
.tree_node_drag_handle {
  cursor: grab;
}
/*# sourceMappingURL=index.css.map */