/* =============================================================
   COMPONENT / BREADCRUMBS
   ============================================================= */

nav.breadcrumbs {
    font-size: var(--fs-sm);
    margin-block: var(--space-2);
}

ul.breadcrumb-list {
    display: flex;
    flex-flow: row wrap;
}

ul.breadcrumb-list li {
    display: flex;
    align-items: center;
}

ul.breadcrumb-list li:not(:last-child)::after {
    content: "/";
    color: var(--text-secondary);
    margin-inline: var(--space-2);
}