.image-slider {
    .mobile-slide {
        @apply hidden;
    }

    .desktop-slide {
        @apply block;
    }

    .image-slider-wrapper {
        @apply relative;
    }

    .image-slider-main {
        .swiper-slide-active {
            @apply opacity-100;
        }
    }

    .swiper-wrapper > .swiper-slide-thumb-active {
        @apply opacity-100 border-red border-2;
    }

    .swiper-wrapper {
        height: auto;
    }

    .swiper-slide {
        @apply opacity-40;

        > .slide-image {
            @apply relative;

            .slide-image-zoom {
                @apply absolute flex w-8 h-8 bg-white shadow-md top-0 right-0 justify-center items-center pointer-events-none;
            }

            img {
                @apply w-full h-auto;
            }
        }

        > .slide-video {
            @apply relative h-0;
            padding-bottom: 56.25%;

            iframe {
                @apply absolute w-full h-full;
            }
        }
    }

    .swiper-pagination {
        @apply hidden;
    }

    .prev-next {
        @apply h-8 w-8 md:h-12 md:w-12;
    }

    .swiper-prev,
    .swiper-next {
        @apply absolute z-10 top-1/2 transform -translate-y-1/2;

        &.swiper-button-disabled {
            @apply opacity-50;
        }
    }

    .swiper-prev {
        @apply left-5 md:left-8 -translate-x-1/2;
    }

    .swiper-next {
        @apply right-5 md:right-8 translate-x-1/2;
    }

    .image-slider-thumbs {
        @apply mt-4;

        .slide-image img {
            min-height: 45px;
        }
    }

    &.no-slider {
        .swiper-prev,
        .swiper-next {
            @apply hidden !important;
        }
    }
}

.fslightbox-container {
    .fslightbox-slide-number-container,
    .fslightbox-slide-btn-container {
    }
}