@import "../../node_modules/swiper/swiper-bundle.css";

/* Custom navigation */

.prev-slide-mobile,
.next-slide-mobile {
    @apply cursor-pointer absolute top-1/2 -translate-y-full z-10;
}

.prev-slide-mobile {
    @apply left-4;
}

.next-slide-mobile {
    @apply right-4;
}

.prev-slide-desktop,
.next-slide-desktop {
    @apply cursor-pointer absolute top-1/2 -translate-y-full z-10;
}

.prev-slide-desktop {
    @apply left-8;
}

.next-slide-desktop {
    @apply right-8;
}

.prev-work,
.next-work {
    @apply cursor-pointer;
}

.swiper-button-disabled {
    @apply hidden;
}

/* Works */

/*
.swiper-slider-works .swiper-slide {
    @apply opacity-25 transition-all duration-500 ease-out;
}

.swiper-slider-works .swiper-slide img {
    @apply w-full h-auto grayscale;
}

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

.swiper-slider-works .swiper-slide.swiper-slide-active img {
    @apply grayscale-0;
}
*/