.breadcrumbs {
    color: $text-light;
    padding: 10px 0 10px 0;
    margin: 0;
    border-top: 1px solid var(--#{$prefix}border-color);
    border-bottom: 1px solid var(--#{$prefix}border-color);

    [theme-mode=dark] & {
        border-color: var(--#{$prefix}dark-border-color);
    }

    a {
        color: $text-light;
        text-decoration: none;
    }

    .active {
        color: var(--#{$prefix}text-color);

        [theme-mode=dark] & {
            color: var(--#{$prefix}dark-text-color);
        }
    }
}
