.ods-breadcrumbs {
    --ods-breadcrumbs-link-color: #1353d2;
    --ods-breadcrumbs-divider-color: #59626d;
    font-size: .8125rem
}

@media (min-width: 90rem) {
    .ods-breadcrumbs {
        font-size: .875rem
    }
}

.ods-breadcrumbs__list {
    display: flex;
    flex-wrap: nowrap;
    list-style: none;
    width: 100%
}

.ods-breadcrumbs__list-item {
    white-space: nowrap;
    display: none
}

.ods-breadcrumbs__list-item:focus-within {
    position: relative;
    outline: solid .125rem #2466eb;
    outline-offset: .125rem
}

.ods-breadcrumbs__list-item:focus-within:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    outline: solid .125rem white;
    outline-offset: .25rem;
    pointer-events: none
}

.ods-breadcrumbs__list-item:nth-last-child(2),
.ods-breadcrumbs__list-item:last-child {
    display: flex
}

@media (min-width: 90rem) {
    .ods-breadcrumbs__list-item {
        display: flex
    }
}

.ods-breadcrumbs__list-item:last-child {
    overflow: hidden
}

.ods-breadcrumbs__list-item:nth-last-child(2) .ods-breadcrumbs__divider {
    display: none
}

@media (min-width: 90rem) {
    .ods-breadcrumbs__list-item:nth-last-child(2) .ods-breadcrumbs__divider {
        display: inline
    }
}

.ods-breadcrumbs__list-item:nth-last-child(2) .ods-breadcrumbs__link:before {
    content: "..."
}

@media (min-width: 90rem) {
    .ods-breadcrumbs__list-item:nth-last-child(2) .ods-breadcrumbs__link:before {
        content: ""
    }
}

.ods-breadcrumbs__list-item:nth-last-child(2) .ods-breadcrumbs__link-title {
    display: none
}

@media (min-width: 90rem) {
    .ods-breadcrumbs__list-item:nth-last-child(2) .ods-breadcrumbs__link-title {
        display: inline
    }
}

.ods-breadcrumbs__divider {
    padding: 0 .3125rem;
    color: var(--ods-breadcrumbs-divider-color)
}

.ods-breadcrumbs__link {
    outline: none;
    text-decoration: none;
    color: var(--ods-breadcrumbs-link-color);
    position: relative;
    display: block
}

@media screen and (hover: none) {
    .ods-breadcrumbs__link:after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        min-width: 2.75rem;
        min-height: 2.75rem;
        width: auto;
        height: auto;
        transform: translate(-50%, -50%)
    }
}

.ods-breadcrumbs__link:hover,
.ods-breadcrumbs__link:focus {
    text-decoration: underline
}

.ods-breadcrumbs__list-item:last-child .ods-breadcrumbs__link {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}