How to override personalization tag styles in the editor preview

Personalization tags in editor preview output include the .es-personalization-tag class.

Tags still have inline styles by default, so use !important in your class rules when you want to override them.

Example

{% if render_context.render_mode == 'editor_preview' %}
  <style type="text/css">
    .es-personalization-tag {
      background-color: #fde68a !important;
      color: #7c2d12 !important;
    }
  </style>
{% endif %}