.rd-breadcrumbs {
  display: flex;
  flex-flow: row nowrap;
  gap: 5px;
  padding: 20px var(--mob-edge) 0 var(--mob-edge);
  @media (min-width: 768px) {
    padding: 20px var(--tab-edge) 0 var(--tab-edge);
  }
  @media (min-width: 1280px) {
    padding: 30px var(--desk-edge) 0 var(--desk-edge);
  }
}

.rd-breadcrumbs__link {
  text-decoration: none;
  color: var(--color-blue);
  &:hover {
    text-decoration: underline;
    color: var(--color-blue);
  }
}

.rd-breadcrumbs__link_inactive {
  color: var(--color-dark-grey);
  &:hover {
    color: var(--color-dark-grey);
    text-decoration: none;
  }
}

.rd-breadcrumbs__separator {
  color: var(--color-dark-grey);
}