/* 
 * 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-square-cards__description + .awx-square-cards__list{
  margin-top:var(--awx-sp-v3);
}

.awx-square-cards .awx-section__content{
  container-type:inline-size;
  container-name:square-cards;
}

.awx-square-cards__list{
  display:grid;
  grid-template-columns:repeat(1, 1fr);
  grid-gap:var(--awx-sp-v) var(--awx-sp-h);
  gap:var(--awx-sp-v) var(--awx-sp-h);
  margin:0;
  padding:0;
  list-style:none;
}

.awx-square-cards__item{
  margin:0;
}

.awx-square-cards__item .awx-card{
    height:100%;
  }

.awx-square-cards__item .awx-card .awx-card__picture,.awx-square-cards__item .awx-card picture,.awx-square-cards__item .awx-card img{
      height:100%;
    }

.awx-square-cards__cta{
  margin:var(--awx-sp-v2) 0;
  text-align:center;
}

.awx-square-cards__cta .awx-button{
    display:block;
  }

.awx-square-cards.awx-section--side-by-side .awx-square-cards__description{
    margin:var(--awx-sp-v2) 0;
  }

.awx-square-cards.awx-section--side-by-side .awx-square-cards__cta{
    margin:var(--awx-sp-v2) 0;
  }

.awx-square-cards .awx-block-cta--sub-level{
  height:100%;
}

@container square-cards (width > 35em){
  .awx-square-cards__list{
    grid-template-columns:repeat(2, 1fr);
  }

    .awx-square-cards__list > .awx-square-cards__item:has(.awx-card--overlay-large){
      grid-column:1 / -1;
    }

  .awx-square-cards--count-1 .awx-square-cards__list{
    grid-template-columns:repeat(1, 1fr);
  }
}

@media (min-width: 36em){
  .awx-square-cards__cta .awx-button{
    display:inline-block;
  }
    .awx-square-cards.awx-section--side-by-side .awx-square-cards__cta{
      text-align:left;
    }
}

@container square-cards (width > 52em){
  .awx-square-cards__list{
    grid-template-columns:repeat(3, 1fr);
  }

  .awx-square-cards--count-2 .awx-square-cards__list{
    grid-template-columns:repeat(2, 1fr);
  }
      .awx-square-cards--count-5 .awx-square-cards__list > .awx-square-cards__item:has(.awx-card--overlay-large){
        grid-column:1 / -2;
      }

  .awx-square-cards__item > *{
    aspect-ratio:inherit !important;
  }
}

@container square-cards (width > 64em){
  .awx-square-cards__list{
    grid-template-columns:repeat(3, 1fr);
  }
}

@media (min-width: 64em){
  .awx-square-cards.awx-section--side-by-side .awx-section__content{
    width:92%;
  }
}

@container square-cards (width > 80em){
  .awx-square-cards__list{
    grid-template-columns:repeat(4, 1fr);
  }
    .awx-square-cards--count-3 .awx-square-cards__list,.awx-square-cards--count-4 .awx-square-cards__list{
      grid-template-columns:repeat(3, 1fr);
    }
      .awx-square-cards--count-5 .awx-square-cards__list > .awx-square-cards__item:has(.awx-card--overlay-large){
        grid-column:1 / -1;
      }
}

 .awx-square-cards--fixed .awx-square-cards__list{
     grid-template-columns:repeat(auto-fit, 21em);
     justify-content:left;
   }