.impressions-carousel {
    .splide {
        padding: 0;

        @include breakpoint(lg) {
            visibility: visible;
        }

        &__track {
            overflow: visible;
        }

        &__list {
            @include breakpoint(lg) {
                display: grid;
                grid-template-rows: repeat(3, 1fr);
                grid-template-columns: repeat(3, 1fr);
                gap: 35px;
                width: 100%;
                height: 100%;
            }

            @include breakpoint(xl) {
                gap: 35px 48px;
            }
        }

        &__slide {
            max-width: 452px;
            width: 100%;

            @include breakpoint(lg) {
                flex: 1 1 calc((100% - 35px) / 3);
            }

            @include breakpoint(xl) {
                flex-basis: calc((100% - 56px) / 3);
            }
        }

        &__pagination {
            margin-top: 50px;

            @include breakpoint(md) {
                margin-top: 66px;
            }

            &__page {
                &.is-active {
                    background: var(--rocket-color-primary-200);
                    border: 1px solid var(--rocket-color-white-base);
                }
            }
        }
    }
}