.breadcrumbs__list {
    display: flex;
    list-style-type: none;
    margin: 0;
    padding: 0;
    height: 2.5rem;
    overflow-x: scroll;
}

.breadcrumbs__list::after {
    content: '';
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #FFFFFF 50%, #FFFFFF);
    width: 3rem;
    height: 2.5rem;
    position: absolute;
    right: 0;
}

.breadcrumbs__item {
    font-size: .875rem;
    line-height: calc(20/14);
    position: relative;
    align-self: center;
    margin-left: 0;
    margin-right: 1.5rem;
    color: var(--greyColor20);
    white-space: nowrap;
}

.breadcrumbs__item::after {
    content: '';
    position: absolute;
    left: calc(100% + .75rem);
    display: block;
    height: .5rem;
    width: .375rem;
    top: 50%;
    margin-top: -.25rem;
    margin-left: calc(.375rem / -2);
    background: url("/frontend/assets/Shared/Component/Breadcrumbs/Presentation/Images/Chevron-3d8597aa49.svg");
    background-size: cover;
}

.breadcrumbs__item:last-child {
    padding-right: 1.5rem;
}

.breadcrumbs__item:last-child a {
    color: var(--greyColor10);
}

.breadcrumbs__item:last-child::after {
    display: none;
}

.breadcrumbs__link:link {
    display: inline-block;
}

@media (min-width: 813px) {
    .breadcrumbs__list {
        height: 3rem;
        overflow: hidden;
    }

    .breadcrumbs::after {
        display: none;
    }
}

.breadcrumbs::after {
    content: '';
    background: linear-gradient(to right, rgba(255, 255, 255, 0), var(--blueColor100) 50%, var(--blueColor100));
    width: 3rem;
    height: 2.5rem;
    position: absolute;
    right: 0;
}