@import (reference) url('../../../../Reset.less');

.Enhancement {
  margin: var(--Text-height) 0;
  position: relative;

  &.readOnly {
    .Icon.is-s;
    .Text.is-s;

    background: var(--color-gray1);
    margin: var(--Text-height) calc(0px - var(--gap-m));
    padding: var(--gap-m);

    ::selection,
    &.ProseMirror-selectednode {
      color: var(--color-black);
    }

    &.ProseMirror-selectednode {
      background: var(--color-dominant2);
    }
  }

  &-initialBody {
    display: block;
    font-style: italic;
  }

  &.is-locked {
    cursor: auto;
  }

  &.block {
    display: block;
  }

  &.inPlay {
    opacity: 0.2;
  }

  .rte2-block-preview {
    .rte2-style-ins-delete & {
      margin: 0;
    }

    .rte2-style-ins-insert & {
      margin: 0;
    }

    .rte2-style-ins-ai & {
      margin: 0;
    }
  }

  .rte2-style-ins-delete & {
    background: var(--color-red3);
  }

  .rte2-style-ins-insert & {
    background: var(--color-green3);
  }

  .rte2-style-ins-ai & {
    background: var(--color-blue3);
  }
}
