/* Import "scrollable" */
/* Assuming "scrollable" is a CSS file, import it here */

/* List */
.c-breadcrumbs__list {
    display: flex;
    margin: 0;
    padding: 0;
    align-items: baseline;
}

/* Item */
.c-breadcrumbs__item {
    color: #333; /* Assuming text-secondary color */
    display: flex;
    font: .875rem / 1.25 Campton-Book, sans-serif;
    list-style: none;
    text-transform: capitalize;
    align-items: baseline;
    letter-spacing: normal;
}

.c-breadcrumbs__item-separator::before {
    content: ">";
    color: #ccc; /* Assuming border color */
    font: .875rem / 1.25 Campton-Book, sans-serif;
    margin: 0 8px; /* Assuming 8px is the margin */
    position: relative;
    vertical-align: middle;
}

.c-breadcrumbs__item-text {
    font-weight: normal; /* Assuming normal font weight */
    color: inherit; /* Assuming inherit color */
}

/* Link */
.c-breadcrumbs__link {
    display: inline-block;
    color: #333; /* Assuming text-secondary color */
    text-decoration: underline;
    padding: 7px 0; /* Assuming 7px top/bottom padding and 0 left/right padding */
}

.c-breadcrumbs__link:hover {
    color: #007bff; /* Assuming primary color */
}

/* Text */
.c-breadcrumbs__text {
    display: block;
    /* Assuming text-line-clamp mixin is defined elsewhere */
}