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

.breadcrumbs__item,
.breadcrumbs__item a {
    font-size: var(--small-font-size);
    line-height: var(--medium-line-height);
    font-weight: var(--regular-font-weight);
    color: var(--primary-text-color);
    white-space: nowrap;
}

.breadcrumbs__item:last-child {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--gray-color);
}

.breadcrumbs__item a:hover {
    color: var(--primary-brand-color);
}