.cmp-breadcrumb {
  background-color: var(--neutral-100);
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.cmp-breadcrumb__list {
  display: flex;
  flex-wrap: wrap;
  font-size: 1rem;
  column-gap: 40px;
  row-gap: 8px;
}
@media (min-width: 768px) {
  .cmp-breadcrumb__list {
    column-gap: 56px;
  }
}
.cmp-breadcrumb__item {
  position: relative;
}
.cmp-breadcrumb__item--active {
  font-weight: 700;
}
.cmp-breadcrumb__item--active .icon-chevron-right {
  display: none;
}
.cmp-breadcrumb__item .icon-chevron-right {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -2rem;
  font-size: 24px;
}
@media (min-width: 768px) {
  .cmp-breadcrumb__item .icon-chevron-right {
    right: -2.5rem;
  }
}