/* An onboarding email's preview on the DSP page (card #450). */

/* What DSP Sync filled in for this DSP, and what it couldn't. */
.onboarding-email__filled,
.onboarding-email__unfilled {
  border-radius: 4px;
  padding: 0 4px;
  font-weight: 600;
}

.onboarding-email__filled {
  background: color-mix(in oklab, var(--color-primary) 12%, transparent);
  color: var(--color-primary);
}

.onboarding-email__unfilled {
  background: color-mix(in oklab, var(--color-error) 12%, transparent);
  color: var(--color-error);
}

/* After Edit text, the subject and body read as fields. */
.onboarding-email__editable[contenteditable="true"] {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
  background: var(--color-base-100);
}