.breadcrumble {
  color: black;
  margin: 0 auto;
  max-width: var(--xl-width);
  box-sizing: border-box;
  @media (max-width: 650px) {
    margin-bottom: 0;
  }
}

.breadcrumble__list {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  font: var(--tiny);
  list-style: none;
}

.breadcrumble--border .breadcrumble__list {
  padding-bottom: 15px;
  border-bottom: 1px solid #b1bbc4;
}

.breadcrumble__link {
  color: black;
  text-decoration: none;
}

.breadcrumble__dot {
  margin: 0 5px 0 3px;
}