.wp-block-gallery {
    --gallery-block--gutter-size: var(--wp--preset--spacing--40);
}

.wp-block-gallery.is-style-slider:not(.splide) {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: visible;
    position: relative;
    scrollbar-width: thin;
    scroll-snap-type: x mandatory;
}

.wp-block-gallery.is-style-slider > .wp-block-image {
    scroll-snap-align: start;
}

.wp-block-gallery.is-style-slider.columns-default > .wp-block-image,
.wp-block-gallery.is-style-slider.columns-1 > .wp-block-image,
.wp-block-gallery.is-style-slider.columns-2 > .wp-block-image,
.wp-block-gallery.is-style-slider.columns-3 > .wp-block-image,
.wp-block-gallery.is-style-slider.columns-4 > .wp-block-image,
.wp-block-gallery.is-style-slider.columns-5 > .wp-block-image,
.wp-block-gallery.is-style-slider.columns-6 > .wp-block-image,
.wp-block-gallery.is-style-slider.columns-7 > .wp-block-image,
.wp-block-gallery.is-style-slider.columns-8 > .wp-block-image {
    min-width: calc((100% - ((var(--amount-slides) - 1) * var(--gallery-block--gutter-size))) / var(--amount-slides));
}

.wp-block-gallery.is-style-slider.columns-1 > .wp-block-image {
    --amount-slides: 1;
}

.wp-block-gallery.is-style-slider.columns-2 > .wp-block-image {
    --amount-slides: 2;
}

.wp-block-gallery.is-style-slider.columns-default > .wp-block-image {
    --amount-slides: 3;
}

.wp-block-gallery.is-style-slider.columns-4 > .wp-block-image {
    --amount-slides: 4;
}

.wp-block-gallery.is-style-slider.columns-5 > .wp-block-image {
    --amount-slides: 5;
}

.wp-block-gallery.is-style-slider.columns-6 > .wp-block-image {
    --amount-slides: 6;
}

.wp-block-gallery.is-style-slider.columns-7 > .wp-block-image {
    --amount-slides: 7;
}

.wp-block-gallery.is-style-slider.columns-8 > .wp-block-image {
    --amount-slides: 8;
}

/* Splide styles */

.wp-block-gallery .splide__arrow {
    height: 3em;
    transition: opacity 0.25s ease-out;
    width: 3em;
}

.wp-block-gallery .splide__arrow:not([disabled]):active {
    background-color: var(--wp--preset--color--brand-lightest);
    transition-duration: 32ms;
}

.wp-block-gallery .splide__pagination {
    bottom: -1.5em;
}

.wp-block-gallery .splide__pagination__page.is-active {
    background-color: var(--wp--preset--color--brand);
}