.DiagramStyles_outerStyles__4oac9p0 {
  position: relative;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.DiagramStyles_outerStyles__4oac9p0:focus-visible {
  outline-width: 0px;
}
.DiagramStyles_layerStyles__4oac9p1 {
  display: inline-block;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
}
.DiagramStyles_nodeStyles__4oac9p2 {
  position: absolute;
  pointer-events: auto;
}
.DiagramStyles_linkStyles__4oac9p3 {
  pointer-events: auto;
}
.DiagramStyles_labelStyle__4oac9p4 {
  position: absolute;
}
.DiagramStyles_linkLayerStyle__4oac9p5 {
  position: absolute;
}
.DiagramStyles_buttonStyle__4oac9p6 {
  position: absolute;
  width: 24px;
  height: 24px;
  border: 1px solid black;
  box-sizing: border-box;
}
.DiagramStyles_labelBorderStyle__4oac9p7 {
  border-style: solid;
}
.DiagramStyles_childContentStyle__4oac9p8 {
  position: absolute;
}
.DiagramStyles_dimmedItemStyle__4oac9p9 {
  opacity: var(--oj-c-dimmed-opacity);
}
.DiagramStyles_panZoomStyles__4oac9pa {
  transform-origin: top left;
  position: relative;
  pointer-events: none;
}
.DiagramStyles_dimensionStyle__4oac9pb {
  width: 100%;
  height: calc(140 * var(--oj-c-size-units, 0.25rem));
}