/**
 * SLIDER
 *
*/
@layer components {
    /* Slider buttons arrows - next/prev */
    .n7-slider .splide__arrow {
        @apply flex items-center justify-center w-8 h-8 md:w-10 md:h-10 lg:w-12 lg:h-12 opacity-100 n7-background-primary transition hover:n7-background-primary-dark rounded-none;
    }


    .n7-slider .splide__arrow--next, .splide__arrow--prev {
        @apply z-20;
    }

    .n7-slider .splide__arrow--prev {
        @apply left-0 md:left-5 lg:left-10;
    }

    .n7-slider .splide__arrow--next {
        @apply right-0 md:right-5 lg:right-10;
    }

    /* Icon overriding */

    .n7-slider .splide__arrow svg {
        @apply text-white w-8 h-8;
    }

    .n7-slider .splide__pagination {
        @apply absolute -bottom-8 block p-0 m-0 w-full list-none text-center; 
    }
    
   .n7-slider  .splide__pagination__page.is-active {
        @apply bg-black opacity-100;
    }

    .n7-slider  .splide__pagination__page {
        @apply bg-black opacity-25 w-3 h-3 mx-2;
    }
}