.breadcrumbNav ol {
    display: flex;
    flex-wrap: wrap;
    gap: 0 var(--gap--md);

    margin: 0;
    padding-left: 0;

    line-height: 16px;
    color: rgb(var(--foreground--neutral-medium-default--light));
    list-style: none;
}

.breadcrumbNav__item {
    display: flex;
    gap: 0 var(--gap--md);

    &:not(:first-child)::before {
        content: @shp-next;
        speak: never;

        font-family: var(--fontFamily--icons);
        font-size: var(--fontSize--body-medium);
        font-weight: var(--fontWeight--body-medium);
        line-height: 16px;
    }
}

.breadcrumbNav__link {
    font-weight: var(--fontWeight--strong-medium);
    color: rgb(var(--foreground--neutral-high-default--light));

    &:hover {
        color: rgb(var(--foreground--neutral-full-default--light));
    }
}

.breadcrumbNav__itemRoot {
    &::before {
        content: @shp-house-full;
        speak: never;

        font-family: var(--fontFamily--icons);
        font-size: var(--size--lg);
        font-weight: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        line-height: 15px;
    }

    &:hover {
        text-decoration: none;
    }
}