.breadcrumbs {
  display: none;
}
@media (min-width: 576px) {
  .breadcrumbs {
    display: block;
    padding: 20px 0;
  }
}
@media (min-width: 992px) {
  .breadcrumbs {
    padding: 8px 0 20px;
  }
}
.breadcrumbs__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.breadcrumbs__item {
  display: inline-flex;
}
.breadcrumbs__item:not(:last-child):after {
  content: "/";
  margin: 0 4px;
  font-size: 12px;
}
.breadcrumbs__link {
  font-size: 12px;
  color: var(--bs-body-color);
  transition: color 0.25s ease-out;
}
.breadcrumbs__link:hover, .breadcrumbs__link:focus {
  color: var(--bs-primary);
}
.breadcrumbs__link.-active {
  color: var(--gray-font-color);
}
.breadcrumbs__link.-active:hover, .breadcrumbs__link.-active:focus {
  color: var(--gray-font-color);
}