@use '@splidejs/splide/css';
@use '@splidejs/splide/css/core';

.com-splide-carousel{
    .splide-carousel-item{
        @apply h-full;
        img{
            @apply w-full h-full object-cover object-center;
        }
    }
}

.com-carousel-thumbnail{
    .splide__slide img {
        @apply w-full h-full object-center object-contain;
    }
    #thumbnail-carousel{
        .splide__slide {
        opacity: 0.6;
        }
        
        .splide__slide.is-active {
        opacity: 1;
        }
    }
}

.splide__arrow{
    width: 1.5em;
    height: 1.5em;
}
.splide__arrow svg{
    width: .75em;
    height: .75em;
}