/* Vector UI marks keep their intended shape and colour on every platform. */
svg.ui-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  flex: none;
  vertical-align: -.125em;
  overflow: visible;
}

.origin-icon > .ui-icon,
.asterisk > .ui-icon,
.academy-online-course-mark > .ui-icon {
  display: block;
}

.principles > span::before,
.consultation-benefits > span::before {
  content: none;
}

.principles > span > .ui-icon {
  color: #77864f;
  font-size: 1.1rem;
}

.consultation-benefits > span > .ui-icon {
  color: #536533;
  margin-right: 10px;
}

.suggestions-more[aria-expanded="true"] [data-more-arrow] > .ui-icon {
  transform: rotate(-45deg);
}

/* Keep small UI arrows independent of the adjacent chart's SVG dimensions. */
.scene-terracare.tc-refreshed .tc-calculation svg.ui-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
}