/* 
 * 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.
 */

.pager{
  container-type:inline-size;
}

.pager__items{
  display:block;
  clear:both;
  margin:0 0 var(--awx-sp-v1-5);
  padding:0;
  list-style:none;
  text-align:center;
}

.pager__item{
  display:inline;
  padding:0 var(--awx-sp-h0-25);
  font-weight:500;
}

.pager__item.is-not-active a{
    display:inline-block;
    padding:0 var(--awx-sp-h0-25);
  }

.pager__item.is-active{
  font-weight:bold;
}

@container (max-width: 400px){
  .pager__item.is-not-active:nth-of-type(n+4){
    display:none;
  }
}

@container (min-width: 401px) and (max-width: 600px){
  .pager__item.is-not-active:nth-of-type(n+6){
    display:none;
  }
}

@container (min-width: 601px) and (max-width: 800px){
  .pager__item.is-not-active:nth-of-type(n+8){
    display:none;
  }
}