.graph-block-container {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: content-box;
  width: var(--graph-block-geometry-width);
  height: var(--graph-block-geometry-height);

  contain: layout size;
  isolation: isolate;
  /* Creates a composite layer */
  transform-style: flat;
  pointer-events: all;
  transform: translate3d(var(--graph-block-geometry-x, 0px), var(--graph-block-geometry-y, 0px), 0);
}

.graph-block-container-moving {
  /*will-change: transform;*/
}

.graph-block-container-non-interactive {
  pointer-events: none;
}

.graph-block-wrapper {
  flex: 1;
  min-width: 0;
  cursor: pointer;

  box-sizing: border-box;

  background: var(--graph-block-bg);
  border: 1px solid var(--graph-block-border);
}

.graph-block-wrapper.selected {
  border-color: var(--graph-block-border-selected);
}

.graph-block-wrapper.selected:hover {
  border-color: var(--graph-block-border-selected);
}