.euiCodeEditorWrapper {
  position: relative;

  .ace_hidden-cursors {
    opacity: 0;
  }

  &.euiCodeEditorWrapper-isEditing {
    .ace_hidden-cursors {
      opacity: 1;
    }
  }
}

.euiCodeEditorKeyboardHint {
  position: absolute;
  top: 0;
  left: 0;
  background: transparentize($euiColorGhost, .3);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  opacity: 0;
  cursor: pointer;
  height: 100%;
  width: 100%;

  &:focus {
    opacity: 1;
    border: 2px solid $euiColorPrimary;
    z-index: $euiZLevel1;
  }

  &.euiCodeEditorKeyboardHint-isInactive {
    display: none;
  }
}
