.color-error {
  color: rgb(223, 51, 51);
}

.color-warn {
  color: rgb(243, 169, 32);
}

.color-info {
  color: rgb(42, 126, 235);
}

.color-success {
  color: rgb(3, 177, 53);
}

.bg-error {
  background-color: rgb(223, 51, 51);
}

.bg-warn {
  background-color: rgb(243, 169, 32);
}

.bg-info {
  background-color: rgb(223, 51, 51);
}

.bg-success {
  background-color: rgb(3, 177, 53);
}

.html-preview {
  display: block;
  width: 100%;
  min-height: 50px;
}

.html-preview-preview-screen {
  /* Start hidden */
  display: none;
  width: 100%;
  min-height: 100px;
  font-size: 12pt;
  border: 1px solid #484848;
  background-color: white;
  padding: 10px;
}

.html-preview-preview-screen > img {
  max-width: 100%;
}

.html-preview-textarea {
  /* Start visible */
  display: block;
  width: 100%;
  min-height: 100px;
  resize: vertical;
  font-family: monospace;
  font-size: 12pt;
}

.html-preview-button-list {
  height: auto;
}

/*# sourceMappingURL=html-preview.css.map */