.nova-breadcrumbs {
--nova-bc-gap: 10px;
--nova-bc-font-size: 15px;
--nova-bc-line-height: 1.4;
--nova-bc-link: #9a9aa0;
--nova-bc-link-hover: #7b2d8e;
--nova-bc-current: #2c2c30;
--nova-bc-link-weight: 400;
--nova-bc-current-weight: 500;
--nova-bc-sep-color: #7b2d8e;
--nova-bc-sep-size: 14px;
--nova-bc-font: inherit;
--nova-bc-link-decoration: none;
box-sizing: border-box;
width: 100%;
font-family: var(--nova-bc-font);
font-size: var(--nova-bc-font-size);
line-height: var(--nova-bc-line-height);
}
.nova-breadcrumbs *,
.nova-breadcrumbs *::before,
.nova-breadcrumbs *::after {
box-sizing: border-box;
}
.nova-breadcrumbs__list {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--nova-bc-gap);
margin: 0;
padding: 0;
list-style: none;
}
.nova-breadcrumbs--align-left .nova-breadcrumbs__list {
justify-content: flex-start;
}
.nova-breadcrumbs--align-center .nova-breadcrumbs__list {
justify-content: center;
}
.nova-breadcrumbs--align-right .nova-breadcrumbs__list {
justify-content: flex-end;
}
.nova-breadcrumbs__item {
display: inline-flex;
align-items: center;
margin: 0;
padding: 0;
}
.nova-breadcrumbs__link {
color: var(--nova-bc-link);
font-weight: var(--nova-bc-link-weight);
text-decoration: none;
transition: color 0.2s ease;
}
.nova-breadcrumbs__link:hover,
.nova-breadcrumbs__link:focus {
color: var(--nova-bc-link-hover);
text-decoration: var(--nova-bc-link-decoration);
}
.nova-breadcrumbs__current {
color: var(--nova-bc-current);
font-weight: var(--nova-bc-current-weight);
}
.nova-breadcrumbs__sep {
display: inline-flex;
align-items: center;
justify-content: center;
margin: 0;
padding: 0;
color: var(--nova-bc-sep-color);
font-size: var(--nova-bc-sep-size);
line-height: 1;
user-select: none;
list-style: none;
}
.nova-breadcrumbs__sep-text {
display: inline-block;
font-weight: 600;
line-height: 1;
}
.nova-breadcrumbs__sep i,
.nova-breadcrumbs__sep .nova-breadcrumbs__sep-img {
display: block;
width: var(--nova-bc-sep-size);
height: auto;
color: inherit;
font-size: inherit;
}
.nova-breadcrumbs__sep-img {
max-height: 1.2em;
object-fit: contain;
}