:root {

    --swiper-theme-color: currentColor;

    --swiper-navigation-color: currentColor;
    --swiper-navigation-size: 28px;

    --swiper-pagination-bullet-size: 12px;
    --swiper-pagination-bullet-horizontal-gap: 12px;
    --swiper-pagination-bottom: 20px;
    --swiper-pagination-color: currentColor;
    --swiper-pagination-bullet-inactive-color: currentColor;
}

.ui-swiper.swiper-overlap,
.ui-swiper.swiper-overlap .swiper {
    overflow: visible;
}

.ui-swiper.swiper-overlap-faded,
.ui-swiper.swiper-overlap-faded .swiper {
    overflow: visible;
}

.ui-swiper.swiper-overlap-faded .swiper-slide {
    opacity: 0;
    transition: opacity 0.3s ease;
}

.ui-swiper.swiper-overlap-faded .swiper-slide.swiper-slide-visible {
    opacity: 1;
}

.ui-swiper.ratio .swiper {
    position: absolute;
}

.swiper-h-100,
.swiper-h-100 .swiper,
.swiper-h-100 .swiper-wrapper,
.swiper-h-100 .swiper-slide {
    height: 100%;
}