.canvasAlignmentGuide {
  transform-origin: center center; /* the default, only for clarity */
  transform-style: preserve-3d;
}

.canvasBorderConnection {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  border-top: 1px dashed $euiColorLightShade;
  border-left: 1px dashed $euiColorLightShade;
}

.canvasBorderResizeHandle {
  @include euiSlightShadow;
  transform-origin: center center; /* the default, only for clarity */
  transform-style: preserve-3d;
  display: block;
  position: absolute;
  height: $euiSizeS;
  width: $euiSizeS;
  margin-left: -4px;
  margin-top: -4px;
  background-color: $euiColorEmptyShade;
  border: 1px solid $euiColorDarkShade;
}

.canvasDragBoxAnnotation {
  position: absolute;
  background: none;
  transform-origin: center center; /* the default, only for clarity */
  transform-style: preserve-3d;
  outline: dashed 1px $euiColorDarkShade;
  pointer-events: none;
}

.canvasHoverAnnotation {
  position: absolute;
  background: none;
  transform-origin: center center; /* the default, only for clarity */
  transform-style: preserve-3d;
  outline: solid 1px $euiColorVis0;
  pointer-events: none;
}

.canvasRotationHandle {
  transform-origin: center center; /* the default, only for clarity */
  transform-style: preserve-3d;
  display: block;
  position: absolute;
  height: $euiSizeL;
  width: 0;
  margin-left: -1px;
  margin-top: -12px;
  border-top: 1px dashed $euiColorLightShade;
  border-left: 1px dashed $euiColorLightShade;
}

.canvasRotationHandle__handle {
  transform-origin: center center; /* the default, only for clarity */
  transform-style: preserve-3d;
  display: block;
  position: absolute;
  height: 9px;
  width: 9px;
  margin-left: -5px;
  margin-top: -6px;
  border-radius: 50%;
  background-color: $euiColorMediumShade;
}

.tooltipAnnotation {
  @include euiToolTipStyle($size: 's');
  position: absolute;
  transform-origin: center center; /* the default, only for clarity */
  transform-style: preserve-3d;
  outline: none;
  pointer-events: none;
}
