.breadcrumb {
  --bs-breadcrumb-padding-x: 0.0625rem;
  --bs-breadcrumb-padding-y: 0;
  --bs-breadcrumb-margin-bottom: 1rem;
  --bs-breadcrumb-font-size: 1rem;
  --bs-breadcrumb-bg:;
  --bs-breadcrumb-border-radius:;
  --bs-breadcrumb-divider-color: var(--bs-secondary-color);
  --bs-breadcrumb-item-padding-x: 0.5rem;
  --bs-breadcrumb-item-active-color: var(--bs-secondary-color);

  display: flex;
  flex-wrap: wrap;
  margin-bottom: var(--bs-breadcrumb-margin-bottom);
  padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
  list-style: none;
  border-radius: var(--bs-breadcrumb-border-radius);
  background-color: var(--bs-breadcrumb-bg);
  font-size: var(--bs-breadcrumb-font-size);
}

.breadcrumb-item + .breadcrumb-item {
  padding-left: var(--bs-breadcrumb-item-padding-x);
}

[dir="rtl"] .breadcrumb-item + .breadcrumb-item {
  padding-right: var(--bs-breadcrumb-item-padding-x);
  padding-left: 0;
}

.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: var(--bs-breadcrumb-item-padding-x);
  content: var(--bs-breadcrumb-divider, "\f285");
  color: var(--bs-breadcrumb-divider-color);
}

[dir="rtl"] .breadcrumb-item + .breadcrumb-item::before {
  float: right;
  padding-right: 0;
  padding-left: var(--bs-breadcrumb-item-padding-x);
}

.breadcrumb-item.active {
  color: var(--bs-breadcrumb-item-active-color);
}

.breadcrumb .breadcrumb-item {
  color: var(--bs-dark);
}

.breadcrumb-item + .breadcrumb-item::before {
  color: var(--bs-dark);
}

[data-bs-theme="dark"] .breadcrumb .breadcrumb-item {
  color: var(--bs-light);
}

[data-bs-theme="dark"] .breadcrumb-item + .breadcrumb-item::before {
  color: var(--bs-light);
}

.breadcrumb-item + .breadcrumb-item::before {
  content: "\f285";
  font-family: bootstrap-icons;
  font-size: 1.1rem;
  font-weight: 500;
}

[dir="rtl"] .breadcrumb-item + .breadcrumb-item::before {
  content: "\f285";
}
