.graph-explorer-paper-area {
  flex: auto;
  width: 0;
  display: flex;
  position: relative;
  cursor: default;
  background-color: var(--ge-canvas);

  &__area {
    flex: auto;
    overflow: hidden;
    // The dot grid lives on the scrolling element with `local` attachment so it
    // pans together with the diagram instead of staying pinned to the viewport.
    // `background-size` / `background-position` are set by PaperArea so the grid
    // also scales with the zoom level and stays anchored to the paper origin.
    background-image: radial-gradient(
      var(--ge-canvas-dot) 1px,
      transparent 1px
    );
    background-attachment: local;
  }

  &__widgets {
    position: absolute;
    left: 0;
    top: 0;
  }

  &__watermark {
    background-size: cover;
    width: 8%;
    max-width: 130px;
    min-width: 50px;
    position: absolute;
    top: 15px;
    right: 25px;
    cursor: pointer;
    opacity: 0.3;
    transition: opacity 0.3s;

    &:hover {
      opacity: 0.5;
    }
  }

  &--hide-scrollbars {
    overflow: hidden;
  }
}

.graph-explorer-paper {
  position: relative;
}

.graph-explorer-exported-watermark {
  opacity: 0.3;
  transition: opacity 0.3s;
}