.breadcrumbs {
  list-style: none;
  padding-left: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
}
.breadcrumbs__link {
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--slate-500);
  font-size: calc(14 / 16 * 1rem);
  line-height: 20px;
}
.breadcrumbs__link:hover {
  text-decoration: underline;
  text-underline-offset: 2px;
}
.breadcrumbs__link--current {
  pointer-events: none;
  color: var(--slate-900);
}
.breadcrumbs li {
  display: flex;
  align-items: center;
}
.breadcrumbs li svg {
  margin-left: -2px;
  margin-right: 7px;
}
.breadcrumbs li:first-child svg {
  margin-left: unset;
  margin-right: unset;
}