.breadcrumbs__list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 2rem 0;
  padding: 0;
  list-style: none;
  font-size: 1.3rem;
  color: rgba(var(--color-foreground), 0.75);
}

.breadcrumbs__list li + li::before {
  content: '/';
  margin: 0 0.6rem;
  color: rgba(var(--color-foreground), 0.35);
}

.breadcrumbs__list li[aria-current='page'] {
  color: rgba(var(--color-foreground), 0.55);
}