.breadcrumbs {
  font-size: var(--font-size-body-xs);
}

.breadcrumbs a {
  color: inherit;
  text-decoration: none;
}

.breadcrumbs ol {
  padding: 0;
  margin: 0;
  list-style: none;
  user-select: none;
}

.breadcrumbs li:not(:last-child):after {
  display: inline-block;
  content: "";
  width: 0.5em;
  height: 0.5em;
  margin-inline: 0.75em;
  margin-bottom: 0.15em;
  border-radius: 50%;
  background-color: currentColor;
}

.breadcrumbs li {
  display: inline;
}