.NavigationPath__content {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 ;
    padding: 1.4rem 1.4rem 0;
    list-style: none;
    font-size: .9em;
    line-height: 1.4;
}

@media screen and (min-width: 520px) {
    .NavigationPath__content {
        padding: 1.4rem 0 0;
    }
}

.NavigationPath__item {
    position: relative;
    display: flex;
    align-items: baseline;
    margin-right: .5em;
    margin-bottom: 0;
    font-weight: inherit;
}

.NavigationPath__caret {
    height: .6em;
    width: .6em;
    stroke-width: 2;
    stroke: currentColor;
    fill: none;
    opacity: .5;
}

.NavigationPath__link {
    margin-right: .5em;
    text-decoration: none;
    font-weight: inherit;
}

.NavigationPath__current {
    opacity: .7;
}

@media screen and (max-width: 55em) {
    .NavigationPath__item:last-child,
    .NavigationPath__item:nth-last-child(3) {
        display: none;
    }

    .NavigationPath__item {
        display: initial;
        direction: rtl;
    }

    .NavigationPath__caret {
        margin-right: .5em;
        transform: rotate(180deg);
    }
}

@media screen and (min-width: 768px) {
    .MainPage--navigationLeft .NavigationPath {
        display: none;
    }
}