.breadcrumbs {
    --width: 100%;
    --side-padding: var(--main-layout-side-padding);
    --margin-bottom: 5.3333333333vw
}

@media(min-width: 720px) {
    .breadcrumbs {
        --width:100%;
        --side-padding: var(--main-layout-side-padding);
        --margin-bottom: 1.5625vw
    }
}

@media(min-width: 1281px) {
    .breadcrumbs {
        --width:84.8958333333vw;
        --side-padding: 0;
        --margin-bottom: 1.0416666667vw
    }
}

@media(min-width: 2400px) {
    .breadcrumbs {
        --width:2037.5px;
        --side-padding: 0;
        --margin-bottom: 25px
    }
}

.breadcrumbs {
    display: flex;
    width: var(--width);
    padding: 0 var(--side-padding);
    margin-bottom: var(--margin-bottom)
}

.breadcrumbs_content-width {
    width: var(--main-layout-content-width)
}

.breadcrumbs__link {
    --side-margin: 6.4vw;
    --width: 1.0666666667vw;
    --height: 1.0666666667vw
}

@media(min-width: 720px) {
    .breadcrumbs__link {
        --side-margin:1.875vw;
        --width: 0.3125vw;
        --height: 0.3125vw
    }
}

@media(min-width: 1281px) {
    .breadcrumbs__link {
        --side-margin:1.25vw;
        --width: 0.2083333333vw;
        --height: 0.2083333333vw
    }
}

@media(min-width: 2400px) {
    .breadcrumbs__link {
        --side-margin:30px;
        --width: 5px;
        --height: 5px
    }
}

.breadcrumbs__link {
    display: flex;
    align-items: center;
    color: var(--color-wetty-asphalt)
}

.breadcrumbs__link:after {
    content: "";
    display: inline-block;
    width: var(--width);
    height: var(--height);
    border-radius: 50%;
    background-color: var(--color-wetty-asphalt);
    opacity: .5;
    margin: 0 var(--side-margin)
}

.breadcrumbs__current-page {
    opacity: .4;
    color: var(--color-wetty-asphalt)
}