.breadcrumbs {
  width: 100%;
  display: flex;
  gap: 0.8rem;
  flex-direction: column;
  align-items: flex-start;
}
.breadcrumbs .return-back {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  background-color: rgb(var(--color-bg-contrast-rgb) / 0.08);
  border-radius: 20rem;
  height: 2.8rem;
  padding: 0 1.4rem 0 1rem;
}
.breadcrumbs.invert-colors .return-back {
  background-color: rgb(var(--color-bg-rgb) / 0.08);
  color: var(--color-text-on-contrast);
}
.breadcrumbs .return-back .button__icon {
  display: flex;
  justify-content: center;
  align-items: center;
}
.breadcrumbs .return-back .button__icon .icon {
  width: 1.2rem;
  height: 1.2rem;
}
.breadcrumbs .return-back .button__text {
  display: block;
}
.breadcrumbs .return-back .button__label {
  display: block;
  font-size: var(--font-size-xs);
}

/*  */

.breadcrumbs .breadcrumbs__list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.8rem;
}
.breadcrumbs .breadcrumbs__item {
  display: inline-flex;
  align-items: center;
  gap: 0.8rem;
  font-size: var(--font-size-xs);
}
.breadcrumbs.invert-colors .breadcrumbs__item {
  color: var(--color-text-on-contrast);
}
.breadcrumbs .breadcrumbs__item-label {
  display: inline;
}
.breadcrumbs .breadcrumbs__link {
  transition: 0.3s;
}
.breadcrumbs .breadcrumbs__link:hover {
  opacity: 0.6;
}
.breadcrumbs .breadcrumbs__item-separator {
  display: inline;
}
.breadcrumbs .breadcrumbs__item--current {
}