.breadcrump-container {
    font-size: var(--small-font);
    transition: transform 300ms ease, top 300ms ease;
    z-index: 2;
    white-space: nowrap;
    overflow: auto;
    max-width: 100vw;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding-left: 0;
    padding-right: 0;
}
.breadcrump-container span {
    position: sticky;
    position: -webkit-sticky;
    left: calc(var(--gap) * 0);
    background-color: var(--white-body);
    display: flex;
    align-items: center;
    gap: calc(var(--gap) / 2);
    transform: translate(0px, 1px);
}
.breadcrump-container span span a:before,
.breadcrump-container span span.breadcrumb_last:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: var(--gap);
    background-image: linear-gradient(-90deg,var(--white-body), transparent);
    transform: translate(-100%, 0);
}
.breadcrump-container span span:not(:last-of-type):before {
    content: "";
    height: 120%;
    width: 150%;
    background: var(--white-body);
    position: absolute;
    z-index: 1;
    transform: translate(calc(100% - var(--gap)* 1.5), -60%);
    top: 50%;
}
.breadcrump-container span span:not(:last-of-type):after{
    content: "";
    background-image: url(../img/icons/arrows/arrow-button-blue.svg);
    width: 13px;
    height: 13px;
    background-size: contain;
    background-position: center;
}
.sticky .breadcrump-container {
    transform: translate(0, calc(var(--sup-header-height) * -1 ));
}
.menu-mobile-active .breadcrump-container,
.menu-mobile-active.sticky .breadcrump-container,
.menu-mobile-active.sticky.up-scroll .breadcrump-container{
    transform: translate(0, calc(var(--header-height) * -1));
}
.sticky.up-scroll .breadcrump-container {
    transform: translate(0, calc(var(--sup-header-height) * 0 ));
}

p#breadcrumbs{
    display: flex;
    align-items: center;
    font-size: calc(var(--small-font)*1.25);
    gap: calc(var(--gap) / 1);
    line-height: 100%;
}
p#breadcrumbs > span:first-of-type{
    display: flex;
    gap: calc(var(--gap) * 0.3);
    align-items: center;
}
span.breadcrumb_last {
    padding-right: var(--gap);
    padding-bottom: 3px;
}
@media (max-width: 576px) {
    span.breadcrumb_last{
      display: none;
    }
}