.hc-ci-breadcrumbs {
    min-width: 0;
    color: var(--hc-ci-color-text-muted, #586377);
    background: var(--hc-ci-color-surface, #fff);
    border-bottom: 1px solid var(--hc-ci-color-border, #dee3ea);
    font-family: var(--hc-ci-font-family, "Onest", Inter, sans-serif);
    font-size: 13px;
    line-height: 1.35;
}

.hc-ci-breadcrumbs__inner {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: var(--hc-ci-container-wide, 85rem);
    min-height: 32px;
    margin: 0 auto;
    padding: 7px var(--hc-ci-page-padding, 1.25rem);
}

.hc-ci-breadcrumbs nav,
.hc-ci-breadcrumbs__list,
.hc-ci-breadcrumbs__item {
    min-width: 0;
}

.hc-ci-breadcrumbs__list {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    margin: 0;
    padding: 0;
    list-style: none;
}

.hc-ci-breadcrumbs__item {
    display: inline-flex;
    align-items: baseline;
    max-width: 100%;
}

.hc-ci-breadcrumbs__separator {
    flex: 0 0 auto;
    margin: 0 0.45rem;
    color: var(--hc-ci-color-border-strong, #aab4c3);
}

.hc-ci-breadcrumbs__link,
.hc-ci-breadcrumbs__current {
    min-width: 0;
    overflow-wrap: anywhere;
}

.hc-ci-breadcrumbs__link {
    color: inherit;
    text-decoration: none;
    text-underline-offset: 0.18em;
}

.hc-ci-breadcrumbs__link:hover {
    color: var(--hc-ci-color-action, #1557e4);
    text-decoration: underline;
}

.hc-ci-breadcrumbs__link:focus-visible {
    color: var(--hc-ci-color-action, #1557e4);
    border-radius: 2px;
    outline: 2px solid var(--hc-ci-color-focus, #1557e4);
    outline-offset: 3px;
}

.hc-ci-breadcrumbs__current {
    color: var(--hc-ci-color-text, #172033);
    font-weight: var(--hc-ci-font-weight-medium, 500);
}

@media (max-width: 40rem) {
    .hc-ci-breadcrumbs {
        font-size: 12px;
    }

    .hc-ci-breadcrumbs__inner {
        min-height: 0;
        padding: 7px 16px;
    }
}