#mainCarousel {
/* width: 600px; */
width: 100%;
/* margin: 0 auto 1rem auto; */
margin: 0 auto 2px auto;

/* --carousel-button-color: #170724;
--carousel-button-bg: #fff;
--carousel-button-shadow: 0 2px 1px -1px rgb(0 0 0 / 20%),
0 1px 1px 0 rgb(0 0 0 / 14%), 0 1px 3px 0 rgb(0 0 0 / 12%);

--carousel-button-svg-width: 20px;
--carousel-button-svg-height: 20px;
--carousel-button-svg-stroke-width: 2.5; */
}

#mainCarousel .carousel__slide {
width: 100%;
height:100%;
padding: 0;
}

#mainCarousel .carousel__button.is-prev {
left: -1.5rem;
}

#mainCarousel .carousel__button.is-next {
right: -1.5rem;
}

#mainCarousel .carousel__button:focus {
outline: none;
/* box-shadow: 0 0 0 4px #A78BFA; */
/* box-shadow: 0 0 0 0px ; */
}

#thumbCarousel .carousel__slide {
opacity: 0.5;
padding: 0;
margin: 0.25rem;
width: 96px;
height: 64px;
}

#thumbCarousel .carousel__slide img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 4px;

}

#thumbCarousel .carousel__slide.is-nav-selected {
opacity: 1;
}