:host {
  display: block;
  width: 100%;
  font-family: Roboto;

  /*@doc Define a sombra do header.*/
  --ez-rich-text--box-shadow: 0 0 3px 0 #DCE0E8;
  /*@doc Define o outline usado como borda do header.*/
  --ez-rich-text--shadow--outline: var(--shadow--outline) var(--color--strokes);
}

.editor-container {
  width: 100%;
  overflow: hidden;
  border-radius: 12px;
  border: 1px solid #DCE0E8;
}

ez-text-area{
  --text-area__input--border: 1px solid;
}

.preview{
  min-height: 20px;
  padding: 12px;
  resize: both;
  overflow: auto;
  max-width: 100%;
  border-top: 1px solid #DCE0E8;
}