.breadcrumbs {
  padding-block: var(--space-3);
}

.breadcrumbs__list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-1);
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: var(--text-xs);
  color: var(--color-muted-foreground);
}

.breadcrumbs__item {
  display: flex;
  align-items: center;
  gap: var(--space-1);
}

.breadcrumbs__item:not(:first-child)::before {
  content: "›";
  opacity: .6;
}

.breadcrumbs__item a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--color-muted-foreground);
  text-decoration: none;
}

.breadcrumbs__home {
  width: 14px;
  height: 14px;
}

.breadcrumbs__item a:hover {

  color: var(--color-accent-text, #4A7000);
  text-decoration: underline;
}

.breadcrumbs__item span[aria-current="page"] {
  color: var(--color-foreground);
  font-weight: 600;
}