.breadcrumb {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0; /* allow items to shrink instead of overflowing the title column */
}

.breadcrumb__item {
    font: 500 14px/1.4 'Jost';
    color: var(--color-olive);
    text-decoration: none;

    /* keep each crumb on a single line, ellipsis when it doesn't fit */
    min-width: 0;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

    /* room for the absolutely positioned chevron: 10px gap + 5px chevron */
    &:not(:last-child) {
        padding-right: 15px;
    }

    &:not(:last-child)::after {
        content: "";
        display: inline-block;
        height: 7px;
        width: 5px;
        background-image: url("/static/img/chevron_right_olive.e60493dc7f4a.svg");
        background-size: cover;
        background-position: center;

        /* pinned outside the ellipsized text so it never gets truncated */
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
    }
}

.breadcrumb__item--current {
    color: var(--color-cream);
}