.breadcrumbs {
  --breadcrumbs__list-gap: 0.75rem;
  grid-column: 1 / -1;
  background-color: var(--color-white);
  padding-block: 1rem;
  display: grid;
  grid-template-columns: subgrid;
}
.breadcrumbs svg {
  fill: var(--color-text);
  display: block;
  min-inline-size: 0.625rem;
}
.breadcrumbs svg.--home {
  min-inline-size: 1rem;
}
.breadcrumbs__list {
  grid-column: 2 / -2;
  line-height: 0;
  overflow: hidden;
  max-inline-size: 100%;
}
@media (max-width: 48rem) {
  .breadcrumbs li:not(:nth-child(1), :nth-child(2), :nth-child(3), :nth-child(4), :last-of-type) {
    display: none;
  }
}
.breadcrumbs__item {
  font-size: var(--font-size--xs);
  line-height: 1.25;
  overflow: hidden;
  min-inline-size: 1rem;
}
.breadcrumbs__item:last-of-type span {
  color: var(--color-text--lighter);
  cursor: unset;
}
.breadcrumbs__item:last-of-type .breadcrumbs__link:not(:has(svg)) {
  max-inline-size: 100%;
}
.breadcrumbs__link {
  display: block;
}
.breadcrumbs__link:hover, .breadcrumbs__link:focus-visible {
  text-decoration: none;
}
.breadcrumbs__link:not(:has(svg)) {
  min-inline-size: 1.25rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}