.lexicalRichTextEditor {
  isolation: isolate;
  width: 100%;
  display: flex;
}

.lexicalRichTextEditor--read-only .editor-shell:after {
  content: "";
  background: var(--canvas-50);
  opacity: .5;
  z-index: 9;
  position: absolute;
  inset: 0;
}

.lexicalRichTextEditor__wrap {
  width: 100%;
  position: relative;
}

.lexicalRichTextEditor.error .editor-shell:after {
  content: "";
  background: var(--red-700);
  opacity: 1;
  z-index: -1;
  position: absolute;
  inset: 0;
}

.dark .lexicalRichTextEditor.error .editor-shell:after {
  background: var(--red-700-dark);
}

