/* Only active inside the admin live preview (?cms-edit=1). */

.cms-editing .cms-edit-target {
  outline: 1px dashed rgba(11, 11, 11, 0.28);
  outline-offset: 2px;
  cursor: pointer;
  transition: outline-color 0.15s ease, background-color 0.15s ease;
}

.cms-editing .cms-edit-target:hover {
  outline: 2px solid #c2352c;
  outline-offset: 2px;
  background-color: rgba(194, 53, 44, 0.08);
}

.cms-editing img.cms-edit-target:hover {
  background-color: transparent;
  filter: brightness(1.05);
}

/* Nothing in the preview should scroll away under a sticky header while the
   editor is measuring it, and no control should look interactive. */
.cms-editing input,
.cms-editing select,
.cms-editing textarea,
.cms-editing button {
  pointer-events: none;
}

/* Held until the runtime has applied the owner's edits, so the original copy
   never flashes on a page that has been edited. */
html.cms-loading body {
  visibility: hidden;
}