.breadcrumbs {
    display: flex;
    flex-wrap: wrap;
    flex: 0 1 auto;
    align-items: center;
    list-style-type: none;
    margin: 0;
    padding: 16px 12px;
}

.breadcrumb-separator {
    padding: 0 12px;
}

.breadcrumb-separator > span {
    color: var(--palette-text-primary);
    opacity: 0.38
}

.breadcrumb-item > a {
    display: flex;
    align-items: center;
}

.breadcrumb-item > a > svg.icon-root {
    margin-right: 4px;
    margin-inline-end: 4px;
    margin-inline-start: unset;
}

.breadcrumb-item.disabled > a {
    pointer-events: none;
    color: var(--palette-action-disabled);
}

.breadcrumbs-expander {
    cursor: pointer;
    display: flex;
    background-color: #EEEEEE;
}

.breadcrumbs-expander:hover {
    background-color: #E0E0E0;
}

.breadcrumbs-expander > svg {
    width: 26px;
}