.dui-breadcrumb{
    background-color: var(--dui-bc-default-bg);
    font: var(--dui-bc-font);
    margin: var(--dui-bc-margin);
    padding: var(--dui-bc-padding);
    list-style: none;
}

.dui-breadcrumb > li.dui {
    display: inline-block;
}

.dui-breadcrumb > li.dui a.dui{
    cursor: var(--dui-bc-active-cursor);
}

.dui-breadcrumb > li.dui,
.dui-breadcrumb > li.dui a.dui{
    color: var(--dui-fg, var(--dui-color));
}

.dui-breadcrumb > li.dui + li.dui:before {
    padding: var(--dui-bc-arrow-padding);
    content: var(--dui-bc-arrow-content);
}

.dui-breadcrumb > .dui-active {
    opacity: var(--dui-bc-disabled-opacity);
}

.dui-breadcrumb li.dui .dui.mdi,
.dui-breadcrumb li.dui a.dui .dui.mdi {
    margin: var(--dui-bc-icon-margin);
    line-height: var(--dui-spc-px-24);
}

.dui-breadcrumb li.dui .dui.mdi.mdi-18px {
    line-height: var(--dui-spc-px-18);
}
.dui-breadcrumb li.dui .dui.mdi.mdi-24px {
    line-height: var(--dui-spc-px-24);
}
.dui-breadcrumb li.dui .dui.mdi.mdi-36px {
    line-height: var(--dui-spc-px-36);
}
.dui-breadcrumb li.dui .dui.mdi.mdi-48px {
    line-height: var(--dui-spc-px-48);
}

.dui-breadcrumb[disabled] {
    opacity: var(--dui-bc-disabled-opacity);
    cursor: not-allowed;
}

.dui-breadcrumb[disabled] a.dui,
.dui-breadcrumb li.dui[disabled] a.dui,
.dui-breadcrumb li.dui a.dui[disabled]{
    cursor: not-allowed;
    pointer-events: none;
    text-decoration: none;
    opacity: var(--dui-bc-disabled-opacity);
}