.swiper[data-swiper] {
    --swiper-theme-color: var(--accent-color, #4a6cf7);

    margin-block: 1.5rem;
}

.swiper[data-swiper] .swiper-slide > img {
    display: block;
    height: auto;
    max-width: 100%;
    width: 100%;
}

.swiper[data-swiper] .swiper-button-next,
.swiper[data-swiper] .swiper-button-prev {
    color: var(--swiper-theme-color);
}

.swiper[data-swiper] .swiper-pagination-bullet-active {
    background: var(--swiper-theme-color);
}

@media (prefers-reduced-motion: reduce) {
    .swiper[data-swiper] .swiper-wrapper {
        transition-duration: 0ms !important;
    }
}