/*!
 * Bootstrap  v5.3.7 (https://getbootstrap.com/)
 * Copyright 2011-2025 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */

.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 {
  margin-top: 0.33rem;
  content: '\f231';
  font-family: bootstrap-icons, sans-serif;
  font-size: 0.53rem;
  font-weight: 500;
}

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