.breadcrumb {
  --color-breadcrumbs: var(--color-secondary);
  padding-top: var(--space-l);
  padding-bottom: var(--space-l);
}
.breadcrumb ul li:not(:first-of-type) {
  padding-left: var(--space-xs);
}
.breadcrumb ul li:first-of-type:after {
  content: " - ";
  color: var(--color-breadcrumbs);
}
.breadcrumb ul li:first-of-type svg {
  color: var(--color-breadcrumbs);
}
.breadcrumb ul li:not(:last-of-type):not(:first-of-type):after {
  content: " - ";
  color: var(--color-breadcrumbs);
}
.breadcrumb ul a {
  text-decoration: none;
  font-size: 0.8rem;
  color: var(--color-breadcrumbs);
}