@layer components {
    /* CAROUSEL STYLE OVERRIDINGS */
    .n7-carousel {
        @apply w-full relative;
    }

    .n7-carousel-wrapper {
        @apply md:pb-12;
    }

    .n7-carousel.splide {
        @apply mb-0;
    }

    .n7-carousel .splide__list {
        @apply flex py-6;
    }

    .n7-carousel .splide__track {
        @apply flex-1 gap-4 overflow-hidden;
    }

    .n7-carousel .splide__track:after,
    .n7-carousel .splide__track:before {
        @apply hidden;
    }

    .n7-carousel .splide__slide {
        @apply !flex items-stretch flex-shrink-0;
    }

    .n7-carousel-col .splide__slide {
        @apply !h-auto;
    }

    .n7-carousel .splide__slide > div {
        @apply h-full flex-1;
    }


    /* Slider buttons arrows - next/prev */
    .n7-carousel .splide__arrows {
        @apply absolute top-1/2 left-0 right-0 -translate-y-1/2 w-full z-20;
    }

    .n7-carousel .splide__arrow {
        @apply absolute top-1/2 -translate-y-1/2 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-carousel .splide__arrow--prev {
        @apply -left-4 md:-left-6 lg:-left-12 xl:left-1;
    }

    .n7-carousel .splide__arrow--next {
        @apply -right-4 md:-right-6 lg:-right-12 xl:right-1;
    }

    .n7-carousel .splide__arrow--prev,
    .n7-carousel .splide__arrow--next {
        @apply focus:n7-button-primary-hover focus:outline-[color:unset] focus-visible:ring ring-white;
    }

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

    .n7-carousel .splide__arrow.slick-disabled {
        @apply opacity-70 hover:n7-button-secondary;
    }

    /* SLIDER DOTS CUSTOMIZATION */
    .n7-carousel .splide__pagination {
        @apply absolute bottom-0.5 block p-0 m-0 w-full list-none text-center;
    }

   .n7-carousel .splide__pagination__page.is-active {
    @apply bg-black opacity-100;
    }

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