.legend-dot {
  display: inline-block;
  width: 0.7em;
  height: 0.7em;
  border-radius: 50%;
  vertical-align: 0.02em;
  margin-right: 0.15em;
}

.legend-dot--a11y { background-color: light-dark(#b86e00, #f5a10e); }
.legend-dot--ai { background-color: light-dark(#2a7ea6, #7fc4dd); }