.splide .splide__arrows {
    display: flex;
}

.splide .splide__arrow {
    appearance: none;
    background-color: transparent;
    border-width: 0;
    cursor: pointer;
    height: 2rem;
    opacity: 1;
    position: static;
    width: 2rem;
}

.splide .splide__arrow:disabled {
    cursor: auto;
    opacity: 0.25;
}

.splide .splide__arrow > svg {
    fill: currentColor;
    height: 1.25em;
    width: 1.25em;
}

.splide .splide__arrow--prev svg {
    transform: scaleX(-1);
}

.splide .splide__pagination__page {
    cursor: pointer;
}

.splide .splide__pagination__page.is-active {
    cursor: auto;
}

/* Light Slider Controls */

.light-slider-controls .splide .splide__pagination__page {
    background-color: currentColor;
    color: var(--wp--preset--color--base);
}

.light-slider-controls .splide .splide__pagination__page.is-active {
    border: 1px solid var(--wp--preset--color--base);
    color: var(--wp--preset--color--forest-green);
    color: transparent;
}

.light-slider-controls .splide .splide__pagination__page::after {
    border-radius: 50%;
    content: '';
    display: block;
    height: 50%;
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 50%;
}

.light-slider-controls .splide .splide__pagination__page.is-active::after {
    background-color: var(--wp--preset--color--forest-green);
    opacity: 1;
}

.light-slider-controls .splide .splide__arrow {
    color: var(--wp--preset--color--green-light);
}

/* Slider Controls Overlap Bottom */

.slider-controls-overlap-bottom .splide {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    position: relative;
}

.slider-controls-overlap-bottom .splide__arrows {
    bottom: 1rem;
    gap: 4rem;
    justify-content: center;
    order: 2;
    position: absolute;
    width: 100%;
}

.slider-controls-overlap-bottom .splide__arrow {
    transform: translateY(25%);
}

.slider-controls-overlap-bottom .splide__pagination {
    bottom: 1rem;
}

/* Slider Controls Split Bottom */

.slider-controls-split-bottom .splide {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.slider-controls-split-bottom .splide__pagination {
    bottom: unset;
    flex-grow: 1;
    justify-content: flex-start;
    order: 1;
    position: relative;
}

.slider-controls-split-bottom .splide__arrows {
    display: flex;
    position: relative;
    order: 2;
}

.slider-controls-split-bottom .splide__arrows > .splide__arrow {
    left: unset;
    position: relative;
    right: unset;
}

/* set global-content-size as min-width */

@media screen and (min-width: 95rem) {
    .alignfull.slider-controls-split-bottom .splide .splide__pagination  {
        margin-left: calc((100vw - var(--wp--style--global--content-size)) / 2);
    }

    .alignfull.slider-controls-split-bottom .splide .splide__arrows {
        margin-right: calc((100vw - var(--wp--style--global--content-size)) / 2);
    }
}