/* @group image-slider
------------------------------------ */

.image-slider .splide .bp-multimedia {
    width: 100%;
    height: 100%;
}

.image-slider .splide__pagination {
    gap: 1.2rem;
}

.image-slider .splide__pagination button {
    --w: 1.3rem;
    width: var(--w);
    height: var(--w);
    transition: all var(--anim-delay);
}

.breather-text + .image-slider {
    background-color: var(--beige);
}

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

    
    .image-slider .splide__pagination {
        bottom: 8.4rem !important;
    }


}

@media only screen and (min-width : 0) and (max-width : 960px) {
    .image-slider .splide__pagination {
        bottom: 7.2rem !important;
        gap: 1.2rem;
    }
}

/* @end */


/* Animations */

:where(#wrapper) .image-slider {
	opacity: 0;
	--duration: 1s;
}

:where(#wrapper) .image-slider.animateActive {
	animation: fade var(--duration) forwards;
	animation-delay: var(--delay, 0);
    --delay: 0.3s;
}