.gloo-breadcrumbs {
  box-sizing: border-box;
  max-width: var(--gloo-bc-max-width, none);
  margin: var(--gloo-bc-margin, 0 0 16px);
  padding: var(--gloo-bc-padding, 8px 0);
  border-radius: var(--gloo-bc-radius, 0);
  background: var(--gloo-bc-background, transparent);
  font-family: var(--gloo-bc-font-family, inherit);
  font-size: var(--gloo-bc-font-size, 14px);
  font-weight: var(--gloo-bc-font-weight, 400);
  text-transform: var(--gloo-bc-text-transform, none);
}

.gloo-breadcrumbs *,
.gloo-breadcrumbs *::before,
.gloo-breadcrumbs *::after {
  box-sizing: inherit;
}

.gloo-breadcrumbs__list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--gloo-bc-gap, 8px);
  margin: 0;
  padding: 0;
  list-style: none;
}

.gloo-breadcrumbs--align-left .gloo-breadcrumbs__list {
  justify-content: flex-start;
}

.gloo-breadcrumbs--align-center .gloo-breadcrumbs__list {
  justify-content: center;
}

.gloo-breadcrumbs--align-right .gloo-breadcrumbs__list {
  justify-content: flex-end;
}

.gloo-breadcrumbs__item,
.gloo-breadcrumbs__separator {
  display: inline-flex;
  align-items: center;
  min-width: 0;
}

.gloo-breadcrumbs__link {
  color: var(--gloo-bc-link-color, #2563eb);
  text-decoration: none;
  transition: color .18s ease, opacity .18s ease;
}

.gloo-breadcrumbs__link:hover,
.gloo-breadcrumbs__link:focus-visible {
  color: var(--gloo-bc-link-hover-color, #1d4ed8);
  text-decoration: underline;
}

.gloo-breadcrumbs__current {
  color: var(--gloo-bc-current-color, #111827);
  font-weight: var(--gloo-bc-current-font-weight, 600);
}

.gloo-breadcrumbs__separator {
  color: var(--gloo-bc-separator-color, #6b7280);
  user-select: none;
}

.gloo-breadcrumbs__home-icon {
  display: inline-flex;
  margin-right: .35em;
  line-height: 1;
}

.gloo-breadcrumbs__home-text:empty {
  display: none;
}