.breadcrumbs {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.4rem;
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
  font-size: 1.4rem;
  color: rgba(var(--color-foreground), 0.6);
  margin-top: 20px;
}

.breadcrumbs a {
  color: rgba(var(--color-foreground), 0.6);
  text-decoration: none;
}

.breadcrumbs a:hover {
  color: rgb(var(--color-foreground));
  text-decoration: underline;
  text-underline-offset: 0.3rem;
}

.breadcrumbs__separator {
  color: rgba(var(--color-foreground), 1);
  user-select: none;
}

.breadcrumbs__current {
  color: rgb(var(--color-link));
}