/*
// Swiper.js
*/

.swiper-thumbs {
    .swiper-slide {
        @apply border-2 border-transparent transition-all duration-300;
        &.swiper-slide-thumb-active {
            @apply border-primary opacity-100;
        }
    }
}

.swiper-scrollbar {
    --swiper-scrollbar-size: 8px;
    @apply !bg-base-300;

    .swiper-scrollbar-drag {
        @apply !bg-primary;
    }
}

.swiper-pagination {
    .swiper-pagination-bullet {
        @apply bg-base-content/15 opacity-100 transition-all duration-300;

        &.swiper-pagination-bullet-active {
            @apply bg-primary scale-125;
        }
    }
}