.bread-crumb {
    font-size: var(--font-size, 1rem); /* Reset, use REM */
}

.bread-crumb__item {
    font-family: var(--font-family, inherit);
    font-size: var(--font-size, 1em);
    font-weight: var(--font-weight, normal);
    font-style: var(--font-style, normal);
    line-height: var(--line-height, inherit);
}

.bread-crumb__item .bread-crumb__item {
    font-size: 1em;
}

.bread-crumb__anchor {
    color: var(--color, #000000);
}

.bread-crumb__home__icon {
    fill: var(--color-icon, #000000);
    width: var(--size-icon, 1.25em);
    height: var(--size-icon, 1.25em);
}

.bread-crumb__divider__icon {
    fill: var(--color-divider, grey);
    width: var(--size-divider, 1em);
    height: var(--size-divider, 1em);
}

@media (max-width: 47.999rem) {
    .bread-crumb__more {
        filter: var(--filter, drop-shadow(0 0 .2rem rgba(0, 0, 0, 0.3)));
        background-color: var(--background-color, white);
        border-radius: var(--border-radius, 0.5rem);
        top: calc((var(--line-height) * var(--font-size)) + 0.5rem);
    }

    .bread-crumb__more::before {
        border-bottom-color: var(--background-color, white);
    }
}