.rlb-breadcrumb {
  --breadcrumb-font-size: var(--font-size-small);
  --breadcrumb-text-color: var(--text-color-strong);
  --breadcrumb-link-hover-color: var(--text-color-strong);
  --breadcrumb-separator-color: var(--gray-400);
  --breadcrumb-current-color: var(--text-color-muted);
}

.rlb-breadcrumb {
  display: block;
  font-size: 0.875rem; /* 14px */
}

.rlb-breadcrumb__list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Breadcrumb item */
.rlb-breadcrumb__item {
  display: flex;
  align-items: center;
}

/* Separator (purely visual) */
.rlb-breadcrumb__item + .rlb-breadcrumb__item::before {
  content: "" / "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 0 0.25rem;
  flex-shrink: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M10 6 8.6 7.4l4.58 4.6-4.58 4.6L10 18l6-6-6-6z' fill='%23999999'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Link items */

.rlb-breadcrumb__link:focus-visible {
  outline-offset: 2px;
}


/* Prevent current item from appearing interactive */
.rlb-breadcrumb__current:hover {
  text-decoration: none;
}