.bg-breadcrumb {
  padding-top: var(--bg-padding);
  padding-bottom: var(--bg-padding);
}

.bg-breadcrumb ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.bg-breadcrumb > div > ul {
  text-align: var(--bg-align);
  font-size: var(--bg-fontScale);
}

.bg-breadcrumb--noWrap > div > ul {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.bg-breadcrumb li {
  display: inline;
}

.bg-breadcrumb li:after {
  content: " " var(--bg-seperator) " ";
}

.bg-breadcrumb li:last-child:after {
  content: "";
}

.bg-breadcrumb a {
  color: currentColor;
}

.bg-breadcrumb-dropdown-toggle {
  position: relative;
}

.bg-breadcrumb-dropdown-toggle span:after {
  content: "▾ ";
}

.bg-breadcrumb-dropdown {
  display: none;
  position: absolute;
  left: 0;
  top: 100%;
  white-space: nowrap;
  border: 1px solid rgba(var(--color-foreground),.75);
}

.bg-breadcrumb-dropdown li {
  display: block;
  text-align: left;
}

.bg-breadcrumb-dropdown li a {
  display: block;
  padding: 4px 8px;
}

.bg-breadcrumb-dropdown li:after {
  content: "";
}

.bg-breadcrumb-dropdown-toggle:hover .bg-breadcrumb-dropdown {
  display: block;
}

