.breadcrumbs__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4px;
}

.breadcrumbs__item {
    font-size: var(--tiny-font-size);
    line-height: var(--medium-line-height);
}

.breadcrumbs__item:not(:last-child) a {
    color: inherit;
}

.breadcrumbs__item a {
    display: block;
    max-width: 200px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap;
}

.breadcrumbs__separator {
    color: rgba(55, 59, 60, .4);
    cursor: default;
}

@media only screen and (max-width: 450px) {
    .breadcrumbs {
        display: none;
    }
}