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

.Enhancement {
  &.hasPreview {
    ::selection {
      background: transparent;
    }
  }

  &.readOnly.ProseMirror-selectednode.block .Enhancement-preview {
    background: var(--color-dominant2);
  }

  &:focus {
    background-color: transparent;
  }

  &-preview {
    .Text.is-m;

    background: var(--color-gray1);
    margin-left: calc(var(--gap-m) * -1);
    margin-right: calc(var(--gap-m) * -1);
    padding: var(--gap-s) var(--gap-m);

    &-label {
      font-style: italic;
    }
  }

  &:not(.block) .Enhancement-preview {
    background: transparent;
  }

  .rte2-block-preview {
    margin-top: var(--gap-m);

    img {
      display: block;
      height: auto;
      max-height: 30vh;
      max-width: 100%;
    }
  }
}
