organic_ast_explorer/src/OrgAst.module.css

.OrgAst {
  flex: 1;
  background: #eeeeee;
  padding: 5px;
  overflow: scroll;
}

.OrgAstNode {
  border: 1px solid #000000;
  background: #ffffff;
  box-shadow: 3px 3px 4px #000000;

  > details {
    border: 1px solid #000000;
    margin: 5px 5px 5px 2px;

    > summary {
      cursor: pointer;
      padding: 5px 2px;
    }
  }

  > details[open] {
    > summary {
      border-width: 0 0 1px 0;
      border-style: dotted;
      border-color: #000000;
    }
  }
}

.OrgAstNode.selected {
  > .OrgAstNodeType {
    background: #9cfc97;
  }
}

.OrgAstNodeType {
  font-size: 1.3rem;
  font-weight: 700;
  background: #6ccff6;
  padding: 3px;
}

.OrgAstChildren {
  padding: 5px 5px 5px 20px;
  background: #eeeeee;
}