/**
 * @file
 * Styles for breadcrumbs.
 */

.breadcrumb {
  margin-block: 0 var(--space-3);
}
.breadcrumb ol {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin: 0;
  padding: 0;
  list-style: none;
}
.breadcrumb li {
  display: inline-flex;
  align-items: center;
  margin: 0;
  padding: 0;
}
.breadcrumb li + li::before {
  content: ">";
  margin-inline-end: var(--space-2);
  color: var(--color-muted);
}