.breadcrumbs {
list-style: none;
padding-left: 0;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 6px;
}
.breadcrumbs__link {
display: flex;
align-items: center;
gap: 4px;
color: var(--neutral-500);
font-size: calc(14 / 16 * 1rem);
line-height: 20px;
}
.breadcrumbs__link:hover {
text-decoration: underline;
text-underline-offset: 2px;
}
.breadcrumbs__link--current {
pointer-events: none;
color: var(--neutral-900);
}
.breadcrumbs li {
display: flex;
align-items: center;
}
.breadcrumbs li svg {
margin-left: -2px;
margin-right: 7px;
}
.breadcrumbs li:first-child svg {
margin-left: unset;
margin-right: unset;
}