@charset "UTF-8";
/* Carousel - Uniquement les styles qui ne peuvent pas être gérés par Tailwind */
.carousel.product-carousel {
  padding-left: 15px;
  padding-right: 15px; }
  @media (min-width: 768px) {
    .carousel.product-carousel {
      padding-left: 40px;
      padding-right: 40px; } }
  .carousel.product-carousel .carousel-slide {
    margin-right: 24px; }
  .carousel.product-carousel .carousel-slides.no-slider .carousel-slide:last-child {
    margin-right: 0; }
  .carousel.product-carousel .navigation {
    margin-inline: -4rem;
    padding: 0; }
    .carousel.product-carousel .navigation .nav-arrow {
      width: 27px;
      height: 27px; }
.carousel .carousel-slides {
  transition: transform 0.5s ease, opacity 0.3s ease;
  height: 100%;
  margin: 0 auto; }
  .carousel .carousel-slides.no-slider {
    justify-content: center; }
  .carousel .carousel-slides:not(.no-slider) .carousel-slide {
    flex-shrink: 0; }
.carousel.carousel-loading .carousel-slides {
  opacity: 0; }
.carousel.carousel-ready .carousel-slides {
  opacity: 1; }
.carousel .carousel-slide {
  list-style: none;
  transition: opacity 0.5s ease; }
  .carousel .carousel-slide.inactive {
    opacity: 0; }
.carousel.blog-posts-carousel .carousel-slide.inactive {
  opacity: 0.5; }
.carousel .navigation {
  z-index: 10;
  padding: 1.6rem; }
  .carousel .navigation .nav-arrow {
    transition: all 0.3s ease;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center; }
    .carousel .navigation .nav-arrow svg {
      width: 100%;
      height: 100%; }
    .carousel .navigation .nav-arrow .arrow-icon {
      transition: fill 0.3s ease; }
    .carousel .navigation .nav-arrow:not(.black):not(.primary) .arrow-icon {
      fill: #ffffff; }
    .carousel .navigation .nav-arrow:not(.black):not(.primary):hover .arrow-icon {
      fill: #e0e0e0; }
    .carousel .navigation .nav-arrow.black .arrow-icon {
      fill: #000000; }
    .carousel .navigation .nav-arrow.black:hover .arrow-icon {
      fill: #4a4a4a; }
    .carousel .navigation .nav-arrow.primary .arrow-icon {
      fill: #0f6157; }
    .carousel .navigation .nav-arrow.primary:hover .arrow-icon {
      fill: #0d5047; }
    .carousel .navigation .nav-arrow.prev {
      transform: rotate(180deg);
      left: 0; }
    .carousel .navigation .nav-arrow.next {
      right: 0; }

/*# sourceMappingURL=carousel.css.map */