.breadcrumb-bar {
    padding: 0.5rem;
    background-color: var(--gray);
}

.breadcrumbs {
    display: flex;
    flex-direction: row;

    padding: 0 1rem;
}

.breadcrumb-item {
    text-decoration: none;
    color: var(--text);
    padding: 0 0.5rem;
}

a.breadcrumb-item {
    color: var(--link-color);
}

.breadcrumb-item + .breadcrumb-item::before {
    content: "/";
    padding-right: 0.5rem;
}