.ui-breadcrumbs {
  &__items {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
  }

  &__item {
    font-family: var(--digi--typography--font-family);
    font-size: var(--digi--typography--font-size--xs);
    color: var(--digi--typography--color--text);

    &:not(:last-child) {
      padding-right: var(--digi--layout--padding--10);

      &::after {
        content: '/';
        padding-left: var(--digi--layout--padding--10);
      }
    }
  }

  &__link {
    text-decoration: none;
  }
}
