bp-slider {
    width: 100%;
    display: block;
}


bp-slider :is(.splide__pagination__page, #important) {
    opacity: 1;
    padding: 0;
    margin: 0;
}

bp-slider :is(.img-box, .bp-multimedia) {
    height: auto;
    transition: 0.5s;
}

bp-slider .splide__slide {
    transition: 0.5s;
    height: auto;
}

bp-slider .splide__arrow,
bp-slider .splide__arrow i {
    font-size: inherit;
}

bp-slider .splide__arrow {
    --_bg: var(--clr-d-bg, var(--wp--custom--slider--arrows-bg, transparent));
    --_border: var(--clr-d-border, var(--wp--custom--slider--arrows-border, transparent));
    color: var(--clr-d-text, var(--wp--custom--slider--arrows-text, inherit));
}

bp-slider .splide__arrow i,
bp-slider .splide__arrow svg {
    color: var(--clr-d-icon, var(--wp--custom--slider--arrows-icon, inherit));
}

bp-slider .splide__arrow:hover {
    --_bg: var(--clr-d-bg-hover, var(--wp--custom--slider--arrows-bg-hover, transparent));
    --_border: var(--clr-d-border-hover, var(--wp--custom--slider--arrows-border-hover, transparent));
    color: var(--clr-d-text-hover, var(--wp--custom--slider--arrows-text-hover, inherit));
}

bp-slider .splide__arrow:hover i,
bp-slider .splide__arrow:hover svg {
    color: var(--clr-d-icon-hover, var(--wp--custom--slider--arrows-icon-hover, inherit));
}

@media (min-width: 961px) {
    bp-slider .splide__arrow--prev:hover > .bp-icon {
        animation: bp-slider-arrow-wiggle-prev 450ms ease-in-out;
    }

    bp-slider .splide__arrow--next:hover > .bp-icon {
        animation: bp-slider-arrow-wiggle-next 450ms ease-in-out;
    }
}

@keyframes bp-slider-arrow-wiggle-prev {
    0%, 100% {
        transform: translateX(0);
    }
    35% {
        transform: translateX(-0.6rem);
    }
    65% {
        transform: translateX(-0.2rem);
    }
}

@keyframes bp-slider-arrow-wiggle-next {
    0%, 100% {
        transform: translateX(0);
    }
    35% {
        transform: translateX(0.6rem);
    }
    65% {
        transform: translateX(0.2rem);
    }
}

@media (prefers-reduced-motion: reduce) {
    bp-slider .splide__arrow:hover > .bp-icon {
        animation: none;
    }
}

bp-slider .splide__arrow:is(:active, .active) {
    --_bg: var(--clr-d-bg-active, var(--clr-d-bg-hover, var(--wp--custom--slider--arrows-bg-hover, transparent)));
    --_border: var(--clr-d-border-active, var(--clr-d-border-hover, var(--wp--custom--slider--arrows-border-hover, transparent)));
    color: var(--clr-d-text-active, var(--clr-d-text-hover, var(--wp--custom--slider--arrows-text-hover, inherit)));
}

bp-slider .splide__arrow:is(:active, .active) i,
bp-slider .splide__arrow:is(:active, .active) svg {
    color: var(--clr-d-icon-active, var(--clr-d-icon-hover, var(--wp--custom--slider--arrows-icon-hover, inherit)));
}

bp-slider .splide__arrow {
    position: static;
    transform: none;
}

bp-slider.desktop-start .splide__list {
    align-items: flex-start;
}

bp-slider.desktop-middle .splide__list {
    align-items: center;
}

bp-slider.desktop-end .splide__list {
    align-items: flex-end;
}

bp-slider.desktop-stretch .splide__list {
    align-items: stretch;
}

bp-slider .slide-overlap {
    position: absolute;
    inset-inline: 0;
    bottom: 0;
    transition: 0.5s;
}

bp-slider .slide-overlap.loading {
    opacity: 0;
    pointer-events: none;
}

bp-slider .splide__pagination {
    width: fit-content;

}

bp-slider .splide__thumbnails:not([sz-w]) {
    width: 100%;
}

bp-slider .splide__thumbnails .splide__list {
    flex-wrap: nowrap;
}

bp-slider .splide__thumbnails .splide__slide {
    cursor: pointer;
    overflow: hidden;
}

bp-slider .splide__thumbnails img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

bp-slider .splide__pagination__page {
    opacity: 1;
    background: none;
    width: fit-content;
    border: none;
    border-radius: 0;
    height: auto;
    display: flex;
}

bp-slider .splide__pagination__page.is-active {
    background: none;
}

bp-slider .slide-page-icon {
    --_s: .8rem;
    width: var(--_s);
    height: var(--_s);
}

bp-slider .slide-page-icon {
    background-color: var(--clr-d-icon, var(--wp--custom--slider--pagination-bg, unset));
}

bp-slider .slide-page-icon:hover {
    background-color: var(--clr-d-icon-hover, var(--wp--custom--slider--pagination-bg-hover, unset));
}

bp-slider .splide__pagination__page.is-active .slide-page-icon {
    background-color: var(--clr-d-icon-hover, var(--wp--custom--slider--pagination-bg-hover, unset));
}

bp-slider .splide__pagination__page .slide-page-label {
    color: var(--clr-d-text, var(--wp--custom--slider--pagination-text, unset));
}

bp-slider .splide__pagination__page .slide-page-label:hover {
    color: var(--clr-d-text-hover, var(--wp--custom--slider--pagination-text-hover, unset));
}

bp-slider .splide__pagination__page.is-active .slide-page-label {
    color: var(--clr-d-text-hover, var(--wp--custom--slider--pagination-text-hover, unset));
}


@media only screen and (min-width: 0) and (max-width: 960px) {

    bp-slider {

        .splide__pagination:not([show~="mobile-show"]) {
            display: none !important;
        }

        .splide__pagination:not([label~="mobile-show"]) .slide-page-label {
            display: none !important;
        }
    }



    bp-slider .slide-page-icon {
        background-color: var(--clr-m-icon, var(--clr-d-icon, var(--wp--custom--slider--pagination-bg, unset)));
    }

    bp-slider .slide-page-icon:hover {
        background-color: var(--clr-m-icon-hover, var(--clr-d-icon-hover, var(--wp--custom--slider--pagination-bg-hover, unset)));
    }

    bp-slider .splide__pagination__page.is-active .slide-page-icon {
        background-color: var(--clr-m-icon-hover, var(--clr-d-icon-hover, var(--wp--custom--slider--pagination-bg-hover, unset)));
    }

    bp-slider .splide__pagination__page .slide-page-label {
        color: var(--clr-m-text, var(--clr-d-text, var(--wp--custom--slider--pagination-text, unset)));
    }

    bp-slider .splide__pagination__page .slide-page-label:hover {
        color: var(--clr-m-text-hover, var(--clr-d-text-hover, var(--wp--custom--slider--pagination-text-hover, unset)));
    }

    bp-slider .splide__pagination__page.is-active .slide-page-label {
        color: var(--clr-m-text-hover, var(--clr-d-text-hover, var(--wp--custom--slider--pagination-text-hover, unset)));
    }

    bp-slider .slide-page-label.is-active {
        background-color: var(--clr-d-text-hover);
    }

    bp-slider .splide__arrow {
        --_bg: var(--clr-m-bg, var(--clr-d-bg, var(--wp--custom--slider--arrows-bg, transparent)));
        --_border: var(--clr-m-border, var(--clr-d-border, var(--wp--custom--slider--arrows-border, transparent)));
        color: var(--clr-m-text, var(--clr-d-text, var(--wp--custom--slider--arrows-text, inherit)));
    }

    bp-slider .splide__arrow i,
    bp-slider .splide__arrow svg {
        color: var(--clr-m-icon, var(--clr-d-icon, var(--wp--custom--slider--arrows-icon, inherit)));
    }

    bp-slider .splide__arrow:hover {
        --_bg: var(--clr-m-bg-hover, var(--clr-d-bg-hover, var(--wp--custom--slider--arrows-bg-hover, transparent)));
        --_border: var(--clr-m-border-hover, var(--clr-d-border-hover, var(--wp--custom--slider--arrows-border-hover, transparent)));
        color: var(--clr-m-text-hover, var(--clr-d-text-hover, var(--wp--custom--slider--arrows-text-hover, inherit)));
    }

    bp-slider .splide__arrow:hover i,
    bp-slider .splide__arrow:hover svg {
        color: var(--clr-m-icon-hover, var(--clr-d-icon-hover, var(--wp--custom--slider--arrows-icon-hover, inherit)));
    }

    bp-slider .splide__arrow:is(:active, .active) {
        --_bg: var(--clr-m-bg-active, var(--clr-d-bg-active, var(--clr-m-bg-hover, var(--clr-d-bg-hover, var(--wp--custom--slider--arrows-bg-hover, transparent)))));
        --_border: var(--clr-m-border-active, var(--clr-d-border-active, var(--clr-m-border-hover, var(--clr-d-border-hover, var(--wp--custom--slider--arrows-border-hover, transparent)))));
        color: var(--clr-m-text-active, var(--clr-d-text-active, var(--clr-m-text-hover, var(--clr-d-text-hover, var(--wp--custom--slider--arrows-text-hover, inherit)))));
    }

    bp-slider .splide__arrow:is(:active, .active) i,
    bp-slider .splide__arrow:is(:active, .active) svg {
        color: var(--clr-m-icon-active, var(--clr-d-icon-active, var(--clr-m-icon-hover, var(--clr-d-icon-hover, var(--wp--custom--slider--arrows-icon-hover, inherit)))));
    }

    bp-slider.mobile-start .splide__list {
        align-items: flex-start;
    }

    bp-slider.mobile-middle .splide__list {
        align-items: center;
    }

    bp-slider.mobile-end .splide__list {
        align-items: flex-end;
    }

    bp-slider.mobile-stretch .splide__list {
        align-items: stretch;
    }

}

@media only screen and (min-width: 961px) {
    bp-slider {

        .splide__pagination:not([show~="desktop-show"]) {
            display: none !important;
        }

        .splide__pagination:not([label~="desktop-show"]) .slide-page-label {
            display: none !important;
        }


    }
}


bp-slider .slide-overlap {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}