.splide-container-size {
    max-width: 700px;
    margin-inline: auto;
    max-height: 500px;
}

html .splide__arrow {
    background: var(--sn-slideshow-btns-bg);
}

html .splide__arrow:not(.sn-alerts .splide__arrow) {
    top: calc(50% - 2.5rem / 2);
}

@media screen and (min-width: 700px) {
    html .splide__arrow--prev {
        left: -2.5em;
    }

    html .splide__arrow--next {
        right: -2.5em;
    }
}

html .splide__arrow--prev, html .splide__arrow--next {
    height: 2.5rem;
    width: 2rem;
    border-radius: .25rem;
}

html .splide__arrow svg {
    fill: white;
}

html .splide__pagination__page.is-active {
    background: var(--sn-slideshow-dots-active);
}

html .splide__pagination__page {
    background: var(--sn-slideshow-btns-bg);
}

@media screen and (max-width: 700px) {
    html .sn-alerts .splide__slide img {
        max-width: 100%;
        width: 300px;
        height: 300px;
    }
}