.theorem.cc-example-a,
div.callout.cc-example-a {
  --cc-callout-accent: var(--cc-example);
  --cc-callout-dark: var(--cc-example-dark);
  --cc-callout-soft: var(--cc-example-soft);
  --cc-callout-border: var(--cc-example-border);
  --cc-callout-bg: #ffffff;
  --cc-callout-icon: "E";
}

.theorem.cc-example-a .theorem-title,
div.callout.cc-example-a .callout-title-container,
div.callout.cc-example-a a {
  color: var(--cc-example-dark) !important;
}

div.callout.cc-example-a .callout-icon-container {
  position: relative;
}

div.callout.cc-example-a .callout-icon-container::before {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background: center / 1.65rem 1.65rem no-repeat
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ctext x='16' y='16.2' text-anchor='middle' dominant-baseline='middle' font-family='Arial%2C Helvetica%2C sans-serif' font-size='14' font-weight='800' fill='white'%3EE%3C/text%3E%3C/svg%3E");
  content: "";
  line-height: 1;
  text-align: initial;
}