.cb-breadcrumbs {
    margin: 0 0 20px 0;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.cb-breadcrumbs * {
    box-sizing: border-box;
}

.cb-breadcrumbs-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: flex-start;
    justify-content: flex-start;
    width: 100%;
    row-gap: 8px;
    column-gap: 8px;
}

.cb-breadcrumbs-list > li {
    display: flex;
    align-items: center;
    align-self: center;
    margin: 0;
    padding: 0;
    list-style: none;
    vertical-align: middle;
    max-width: 100%;
    flex-shrink: 0;
}

.cb-breadcrumb-item {
    display: inline-flex;
    align-items: center;
    align-self: center;
    margin: 0;
    padding: 0;
    list-style: none;
    max-width: 100%;
}

.cb-breadcrumb-link,
.cb-breadcrumb-label {
    text-decoration: none;
    word-break: break-word;
    overflow-wrap: anywhere;
    vertical-align: middle;
    white-space: normal;
}

.cb-breadcrumb-link:hover,
.cb-breadcrumb-link:focus {
    outline: 0;
}

.cb-breadcrumb-item.is-current .cb-breadcrumb-label {
    cursor: default;
    user-select: text;
}

.cb-breadcrumb-separator {
    display: inline-flex;
    align-items: center;
    align-self: center;
    justify-content: center;
    user-select: none;
    pointer-events: none;
    line-height: 1;
    height: 100%;
    vertical-align: middle;
    flex-shrink: 0;
}

@media screen and (max-width: 768px) {
    .cb-breadcrumbs-list {
        justify-content: center;
        align-content: center;
        row-gap: 10px;
    }

    .cb-breadcrumbs-list > li {
        flex: 0 1 auto;
        max-width: 48%;
    }
}

@media screen and (max-width: 420px) {
    .cb-breadcrumbs-list {
        row-gap: 8px;
    }

    .cb-breadcrumbs-list > li {
        max-width: 100%;
    }
}