.breadcrumb {
  --bc-text: var(--muted);
  --bc-active: var(--text);
  --bc-separator: rgba(148, 163, 184, 0.8);
  --bc-bg: transparent;
  margin-bottom: 0.75rem;
  background: var(--bc-bg);
  padding: 0;
}
.breadcrumb-item + .breadcrumb-item::before {
  color: var(--bc-separator);
}
.breadcrumb a {
  color: var(--muted);
  font-weight: 500;
  text-decoration: none;
  transition: color 160ms ease;
}
.breadcrumb a:hover {
  color: var(--text);
}
.breadcrumb .breadcrumb-item.active {
  color: var(--bc-active);
  font-weight: 600;
}