.site-breadcrumbs {
    padding: 15px 0;
    max-width: var(--container-width);
    width: 100%;
    margin: auto;
}

.site-breadcrumbs span {
    font-size: 13px;
    color: var(--color-text-light);
}

.site-breadcrumbs span span a {
    text-decoration: none;
    color: var(--color-text-light);
    transition: .1s ease;
}

.site-breadcrumbs span span a:hover {
    color: var(--color-text);
}

.site-breadcrumbs span.breadcrumb_last {
    color: var(--color-text);
}

.site-breadcrumbs>span {
    display: flex;
    gap: 5px;
    overflow: auto;
    -webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, 1) 85%, rgba(0, 0, 0, 0.3) 95%, rgba(0, 0, 0, 0) 100%);
    mask-image: linear-gradient(90deg, rgba(0, 0, 0, 1) 85%, rgba(0, 0, 0, 0.3) 95%, rgba(0, 0, 0, 0) 100%);
}

.site-breadcrumbs>span>span {
    flex-shrink: 0;
}

@media(max-width:1124px) {
    .site-breadcrumbs>span {
        padding-right: 20px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
}