.breadcrumbs {
    margin-bottom: 1.8rem;
}

.breadcrumbs__list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.breadcrumbs__item {
    margin: 0;
}

.breadcrumbs__link {
    color: var(--text);
    text-decoration: none;
}

.breadcrumbs__link:hover {
    color: var(--brand);
}

.breadcrumbs__link--home,
.breadcrumbs__current--home {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    line-height: 1.2;
}

.breadcrumbs__home-icon {
    display: block;
    flex-shrink: 0;
    width: 17px;
    height: 14px;
}

.breadcrumbs__current {
    color: var(--text-muted);
}
