@layer components-widgets {
    .slider-banner__swiper {
        position: relative;
        display: flex;
        align-items: center;
        flex-direction: column
    }

    .slider-banner__pagination {
        position: relative;
        bottom: 60px;
        display: flex;
        max-width: 1880px;
        -moz-column-gap: 16px;
        column-gap: 16px;
        padding-inline: 20px
    }

    @media screen and (max-width: 1279px) {
        .slider-banner__pagination {
            position: relative;
            bottom: 0;
            justify-content: center;
            margin-top: 24px;
            -moz-column-gap: 8px;
            column-gap: 8px
        }
    }@media screen and (min-width: 1280px) {
    .slider-banner__pagination-bullet {
        position: relative;
        flex: 1;
        padding: 0 20px 20px;
        cursor: pointer;
        border-radius: var(--br4);
        background: var(--primary-white)
    }
}.slider-banner__bullet-dropdown {
     position: absolute;
     bottom: 38px;
     left: 0;
     display: flex;
     overflow: hidden;
     align-items: center;
     flex-direction: column;
     width: 100%;
     height: 0;
     padding: 20px 20px 0;
     transition: height 0.4s;
     color: var(--primary-black);
     border-radius: 4px 4px 0 0;
     background: var(--primary-white);
     row-gap: 20px
 }

    @media screen and (max-width: 1279px) {
        .slider-banner__bullet-dropdown {
            display: none
        }
    }.slider-banner__bullet-image {
         width: 208px;
         height: 199px
     }

    .slider-banner__bullet-text {
        display: flex;
        justify-content: space-between
    }

    .slider-banner__bullet-text::after {
        content: "->";
        transition: opacity 0.4s;
        opacity: 0
    }

    .slider-banner__bullet-text-wrapper {
        overflow: hidden;
        max-width: 91%;
        white-space: nowrap;
        text-overflow: ellipsis
    }

    .slider-banner__bullet-active {
        color: var(--primary-blue)
    }

    .slider-banner__autoplay-progress {
        position: absolute;
        bottom: 0;
        left: 0;
        border-bottom: 1px solid var(--primary-blue);
        border-radius: 0 0 0 4px
    }

    .slider-banner_fraction-pagination .slider-banner__pagination {
        position: absolute;
        bottom: 40px;
        left: 40px;
        display: flex;
        max-width: 1880px;
        color: var(--primary-white);
        font-size: 24px
    }

    @media screen and (max-width: 1279px) {
        .slider-banner_fraction-pagination .slider-banner__pagination {
            position: relative;
            bottom: 0;
            left: 0;
            justify-content: center;
            margin-top: 24px;
            -moz-column-gap: 8px;
            column-gap: 8px
        }
    }.slider-banner_fraction-pagination .slider-banner__navigation {
         position: absolute;
         right: 24px;
         bottom: 24px
     }

    @media screen and (max-width: 1279px) {
        .slider-banner_fraction-pagination .slider-banner__navigation {
            display: none
        }
    }.slider-banner_fraction-pagination .slider-banner__navigation-arrow {
         color: var(--primary-white)
     }

    .js_bullet-dropdown-active .slider-banner__bullet-dropdown {
        height: 296px
    }

    .js_bullet-dropdown-active .slider-banner__bullet-text::after {
        opacity: 1
    }
}