.breadcrumbs {
  position: relative;
  z-index: 1;
  margin: 10px 0;
}
.breadcrumbs__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.breadcrumbs__item {
  display: inline-flex;
}
.breadcrumbs__item:not(:last-child):after {
  content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDYgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZD0ibTEgMSA0IDQtNCA0IiBzdHJva2U9IiM5MTk0OTciIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==");
  margin: 2px 10px 0;
  font-size: 12px;
}
.breadcrumbs__link {
  font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 0.8125rem;
  color: var(--bs-body-color);
  transition: color 0.25s ease-out;
}
.breadcrumbs__link:hover, .breadcrumbs__link:focus {
  color: var(--primary);
}
.breadcrumbs__link.-active {
  color: var(--gray-font-color);
}
.breadcrumbs__link.-active:hover, .breadcrumbs__link.-active:focus {
  color: var(--gray-font-color);
}