/* 
 * 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-belly{
  position:relative;
  width:100%;
  max-width:var(--awx-body-max-width);
  margin:0 auto;

}

.awx-belly--padded{
  position:relative;
  width:100%;
  max-width:var(--awx-body-max-width);
  margin:0 auto;
  padding:0 var(--awx-body-padding-h-lg);
}

.awx-belly--narrow{
  position:relative;
  width:100%;
  max-width:var(--awx-body-max-width-narrow);
  margin:0 auto;
  padding:0 var(--awx-body-padding-h-lg);
}

.awx-full-width{
  position:relative;
  right:50%;
  left:50%;
  width:100%;
  transform:translateX(-50%);
}

@media (min-width: 80em){

.awx-full-width{
    width:100vw;
}
  }

.awx-content{
  position:relative;
  width:100%;
}

.node-preview:not(.preview-full) .awx-content{
  display:grid;
  align-content:center;
  justify-content:center;
  place-content:center;
  padding:var(--awx-sp-v3) var(--awx-body-padding-h);
}

.node-preview.preview-awx-card-overlay-large .awx-content{
  justify-content:normal;
}

.awx-flexible-grid{
  display:flex;
  flex-wrap:wrap;
  gap:var(--awx-sp-v) var(--awx-sp-h);
  margin:0;
  padding:0;
  list-style:none;
}

.awx-flexible-grid > *{
  flex:1;
  margin:0;
}

.awx-reel{
  display:grid;
  overflow-x:auto;
  overflow-y:hidden;
  grid-auto-columns:100%;
  grid-auto-flow:column;
  grid-gap:0;
  gap:0;
  scroll-snap-type:x mandatory;
  scroll-padding:0;
  margin:0;
  list-style:none;
}

.awx-reel > *{
  scroll-snap-align:start;
  margin:0;
}

.awx-reel--two-items{
  display:grid;
  overflow-x:auto;
  overflow-y:hidden;
  grid-auto-columns:calc(50% - var(--awx-sp-h)/2);
  grid-auto-flow:column;
  grid-gap:var(--awx-sp-v) var(--awx-sp-h);
  gap:var(--awx-sp-v) var(--awx-sp-h);
  scroll-snap-type:x mandatory;
  scroll-padding:var(--awx-sp-h);
  margin:0;
  list-style:none;
}

.awx-reel--two-items > *{
  scroll-snap-align:start;
  margin:0;
}

.awx-list--inline{
  display:flex;
  flex-wrap:nowrap;
  margin:0;
  padding:0;
  list-style:none;
  gap:var(--awx-sp-v) var(--awx-sp-h);
}

.awx-list--two-cols{
  display:flex;
  flex-wrap:wrap;
  margin:0;
  padding:0;
  list-style:none;
  gap:var(--awx-sp-v) var(--awx-sp-h);
}

.awx-list--two-cols > *{
  flex:1 1 calc(100% - var(--awx-sp-h));
  margin:0;
}

@media (min-width: 36em){
  .awx-list--two-cols > *{
    flex-basis:calc(50% - var(--awx-sp-h));
  }
}

.awx-list--auto-grid{
  --min-width:20rem;
  --max-width:1fr;
  --gap-v:var(--awx-sp-v);
  --gap-h:var(--awx-sp-h);

  display:grid;
  grid-gap:var(--gap-v) var(--gap-h);
  gap:var(--gap-v) var(--gap-h);
  grid-template-columns:repeat(auto-fit, minmax(20rem, 1fr));
  grid-template-columns:repeat(auto-fit, minmax(var(--min-width), var(--max-width)));
  margin:0;
  padding:0;
  list-style:none;
}

.awx-list--auto-grid__item{
  display:block;
  margin:0;
  padding:0;
  list-style:none;
}

.awx-list--auto-grid__item > *{
    width:100% !important;
  }