.d-breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  font-family: var(--d-font-stacks);
  @extend .d-text-body-m;
}

.d-breadcrumb-item {
  color: var(--d-color-neutral-40);
  display: flex;

  &:last-child {
    color: var(--d-color-red-60);
  }

  .d-breadcrumb-divider {
    margin: 0 8px;
  }

  .d-breadcrumb-nav.clickable {
    cursor: pointer;
    &:hover {
      text-decoration: underline;
    }
  }
}