.mini-banner-carousel {
    .mini-banner-carousel__content {
        max-width: 90vw;
        margin: 0 auto;

        @media screen and (min-width: 1550pxpx) {
            max-width: 1440px;
        }

        .blaze-slider {
            .blaze-track {
                padding-block: clamp(40px, 6vw, 90px);
            }

            .blaze-slide {
                display: flex;
                width: 100%;
                height: 100%;

                :is(img) {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;

                    &.banner__desktop {
                        display: none;

                        @media screen and (min-width: 768px) {
                            display: block;
                        }
                    }

                    &.banner__mobile {
                        display: block;

                        @media screen and (min-width: 768px) {
                            display: none;
                        }
                    }
                }
            }

            .blaze-next,
            .blaze-prev {
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
                z-index: 1;
                background: none;
                border: none;
                cursor: pointer;
            }

            .blaze-next {
                right: 10px;
            }

            .blaze-prev {
                left: 10px;
            }
        }
    }
}