/* 
 * DO NOT EDIT THIS FILE.
 * The Airbus Web Experience use PostCSS to compile CSS
 * the same way as in the Drupal core except it use the .pcss extension.
 * Therefore, you are supposed to edit the pcss file of the same name.
 */

.awx-figures.awx-carousel{
  --carousel-item-width:200px;
  --carousel-item-gap:var(--awx-sp-h0-5);
  --carousel-inline-padding:var(--awx-sp-h1-5);

  margin:0;
  padding:0;

}

.awx-figures .awx-carousel__slides{
  padding-top:10px;
}

@media (min-width: 64em){
  .awx-figures.awx-carousel{
    --carousel-item-width:300px;
    --carousel-inline-padding:var(--awx-sp-h3);
  }

    .awx-figures.awx-carousel .awx-carousel__indicator{
      right:calc(var(--awx-sp-h6) + var(--awx-sp-h2));
      left:var(--awx-sp-h3);
    }

    .awx-figures.awx-carousel .awx-carousel__controls{
      padding:var(--awx-sp-v) var(--awx-sp-h3);
    }
}

@container carousel (width > 82em){

    .awx-figures.awx-carousel .awx-carousel__slides{
      width:-moz-fit-content;
      width:fit-content;
      padding-right:0;
    }

    .awx-figures.awx-carousel .awx-carousel__slide{
      padding-left:0;
    }
}